1 2<!DOCTYPE html> 3<html lang="id"> 4<head> 5 <meta http-equiv="origin-trial" 6 content="3NNj0GXVktLOmVKwWUDendk4Vq2qgMVDBDX+Sni48ATJl9JBj+zF+9W2HGB3pvt6qowOihTbQgTeBm9SKbdTwYAAABfeyJvcmlnaW4iOiJodHRwczovL3JlY2FwdGNoYS5uZXQ6NDQzIiwiZmVhdHVyZSI6IlRwY2QiLCJleHBpcnkiOjE3MzUzNDM5OTksImlzVGhpcmRQYXJ0eSI6dHJ1ZX0="> 7 <meta http-equiv="origin-trial" 8 content="A6iYDRdcg1LVww9DNZEU+JUx2g1IJxSxk4P6F+LimR0ElFa38FydBqtz/AmsKdGr11ZooRgDPCInHJfGzwtR+A4AAACXeyJvcmlnaW4iOiJodHRwczovL3d3dy5yZWNhcHRjaGEubmV0OjQ0MyIsImZlYXR1cmUiOiJEaXNhYmxlVGhpcmRQYXJ0eVN0b3JhZ2VQYXJ0aXRpb25pbmczIiwiZXhwaXJ5IjoxNzU3OTgwODAwLCJpc1N1YmRvbWFpbiI6dHJ1ZSwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ=="> 9 <meta charset="utf-8"> 10 <title>VIO77 : Situs Raja Rtp Paling Akurat Melalui Link Alternatif Vio 77</title> 11 <link rel="canonical" href="https://rtpunsurmerdeka.com"> 12 <link rel="amphtml" href="https://rtpunsurmerdeka.com/bete"> 13 <link rel="alternate" hreflang="id-id" href="https://rtpunsurmerdeka.com/vio77"/> 14 <link rel="alternate" href="https://rtpunsurmerdeka.com/vio77"/> 15 <link rel="alternate" hreflang="id" href="https://rtpunsurmerdeka.com/vio77"/> 16 <link rel="alternate" hreflang="en" href="https://rtpunsurmerdeka.com/vio77"/> 17 <link rel="alternate" hreflang="x-default" href="https://rtpunsurmerdeka.com/vio77"/> 18 <link rel="alternate" media="only screen and (max-width: 640px)" href="https://rtpunsurmerdeka.com/vio77"/> 19 <link rel="alternate" media="handheld" href="https://rtpunsurmerdeka.com/vio77"/> 20 <meta name="robots" content="index, follow"> 21 <meta name="googlebot" content="index, follow"> 22 <meta name="google-site-verification" content="8tRnu24nEDqN7oMXiv8gBRYI316awGzzKb-C214_rZ0" /> 23 <meta name="google-site-verification" content="B3-zp9RMHWbyzg_p280DdeYv-QPXev-RR6UEXv0ElPs" /> 24 <meta name="google-site-verification" content="jyBFBEvW-KCImRgXXa8e_DhTGGDscZ2SBxIbuEDW78E" /> 25 <meta name="google-site-verification" content="m2YhqINW9KRg08DRw_PVcT3n2TZ7N72LQRoYnUwU3AA" /> 26 <meta name="google-site-verification" content="W0CjJole4z-vdur86Wbx0mM_aAtFQber2kcdo5675O0" /> 27 <meta name="google-site-verification" content="LqMIkpekJIwswDvDbGvU89bj3v8dvzsj7ZkWYppToxs" /> 28 <meta property="og:description" 29 content="VIO77 adalah situs Raja RTP yang menghadirkan informasi RTP secara akurat melalui link alternatif VIO77, dengan akses praktis dan tampilan nyaman untuk pengguna."> 30 <meta property="og:type" content="website"> 31 <meta name="twitter:description" 32 content="VIO77 adalah situs Raja RTP yang menghadirkan informasi RTP secara akurat melalui link alternatif VIO77, dengan akses praktis dan tampilan nyaman untuk pengguna."> 33 <meta name="viewport" content="width=device-width, initial-scale=1"> 34 <meta name="description" 35 content="VIO77 adalah situs Raja RTP yang menghadirkan informasi RTP secara akurat melalui link alternatif VIO77, dengan akses praktis dan tampilan nyaman untuk pengguna."> 36 <meta property="og:image" content="https://ik.imagekit.io/n8ym6nf86/logo-vio77.png?updatedAt=1781223722013"> 37 <meta property="og:title" 38 content="VIO77 : Situs Raja Rtp Paling Akurat Melalui Link Alternatif Vio 77"> 39 <meta name="twitter:image" content="https://ik.imagekit.io/n8ym6nf86/logo-vio77.png?updatedAt=1781223722013"> 40 <meta name="twitter:title" 41 content="VIO77 : Situs Raja Rtp Paling Akurat Melalui Link Alternatif Vio 77"> 42 <meta name="twitter:card" content="summary"> 43 <meta name="keywords" 44 content="VIO77 , VIO77 LOGIN , RTP AKURAT , RTP LINK ALTERNATIF , VIO77 ALTERNATIF"> 45 <link rel="apple-touch-icon" sizes="180x180" 46 href="https://barangtupunyokito.sgp1.cdn.digitaloceanspaces.com/vio77/favicon.ico"> 47 <link rel="icon" type="image/png" sizes="32x32" 48 href="https://barangtupunyokito.sgp1.cdn.digitaloceanspaces.com/vio77/favicon.ico"> 49 <link rel="icon" type="image/png" sizes="16x16" 50 href="https://barangtupunyokito.sgp1.cdn.digitaloceanspaces.com/vio77/favicon.ico"> 51 <link rel="icon" type="image/x-icon" 52 href="https://barangtupunyokito.sgp1.cdn.digitaloceanspaces.com/vio77/favicon.ico">
53 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> 54 <link rel="preconnect" href="https://rtpunsurmerdeka.com"> 55 <link rel="stylesheet" href="/assets/css/9XKimii_-1.3.14.css" crossorigin=""> 56 <link rel="stylesheet" href="/assets/css/GeCHvoZf-1.3.14.css" crossorigin=""> 57 <link rel="stylesheet" href="/assets/css/e4mgZbqd-1.3.14.css" crossorigin=""> 58 <link rel="stylesheet" href="/assets/css/BI3bMdQd-1.3.14.css" crossorigin=""> 59 <link rel="stylesheet" href="/assets/css/DVgmJYDc-1.3.14.css" crossorigin=""> 60 <link rel="stylesheet" crossorigin="" href="https://datascripmall.id/assets/css/88fJ46cw-1.3.14.css"> 61 <link rel="stylesheet" crossorigin="" href="https://datascripmall.id/assets/css/B_TyS8B--1.3.14.css"> 62 <link rel="stylesheet" crossorigin="" href="https://datascripmall.id/assets/css/CwKEHDeR-1.3.14.css"> 63 <link rel="stylesheet" crossorigin="" href="https://datascripmall.id/assets/css/Due-XyoM-1.3.14.css"> 64 <link rel="stylesheet" crossorigin="" href="https://datascripmall.id/assets/css/nZsc1J5C-1.3.14.css"> 65 <link rel="stylesheet" crossorigin="" href="https://datascripmall.id/assets/css/BiPJyPgx-1.3.14.css"> 66 <link rel="stylesheet" crossorigin="" href="https://datascripmall.id/assets/css/EjO2m45T-1.3.14.css"> 67 <link rel="stylesheet" crossorigin="" href="https://datascripmall.id/assets/css/wvx_AdHB-1.3.14.css"> 68 <link rel="stylesheet" crossorigin="" href="https://datascripmall.id/assets/css/BxKmyOBC-1.3.14.css"> 69 <link rel="stylesheet" crossorigin="" href="https://datascripmall.id/assets/css/DWxnsnBD-1.3.14.css"> 70 <link rel="stylesheet" crossorigin="" href="https://datascripmall.id/assets/css/BMTYcoEj-1.3.14.css"> 71 <link rel="stylesheet" crossorigin="" href="https://datascripmall.id/assets/css/DcrrNuSx-1.3.14.css"> 72 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.id/assets/CnXC_UnF-1.3.14.js"> 73 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.id/assets/CTl4qRzK-1.3.14.js"> 74 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.id/assets/B6iWWwVC-1.3.14.js"> 75 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.id/assets/DwO9n16d-1.3.14.js"> 76 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.id/assets/dzlqtXJX-1.3.14.js"> 77 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.id/assets/BIZmkC01-1.3.14.js"> 78 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.id/assets/hpVwNmHZ-1.3.14.js"> 79 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.id/assets/D05WYp-h-1.3.14.js"> 80 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.id/assets/Cb7p2A_s-1.3.14.js"> 81 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.id/assets/C4koSMWK-1.3.14.js"> 82 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.id/assets/PAkorQR--1.3.14.js"> 83 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.id/assets/BWF_zWT_-1.3.14.js"> 84 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.id/assets/Csshp3gG-1.3.14.js"> 85 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.id/assets/DMkZUoYr-1.3.14.js"> 86 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.id/assets/BoVIbzMK-1.3.14.js"> 87 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.id/assets/DGIB7ZCf-1.3.14.js"> 88 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.id/assets/IGXSU7q4-1.3.14.js"> 89 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.id/assets/Chsgpbt8-1.3.14.js"> 90 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.id/assets/CLUvIb7i-1.3.14.js"> 91 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.i
91d/assets/Dgj5V3ga-1.3.14.js"> 92 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.id/assets/C5FlEsAM-1.3.14.js"> 93 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.id/assets/DpC4B6k3-1.3.14.js"> 94 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.id/assets/DERoChRe-1.3.14.js"> 95 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.id/assets/DoRx9_CS-1.3.14.js"> 96 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.id/assets/BRYjiSht-1.3.14.js"> 97 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.id/assets/CUHDGPUT-1.3.14.js"> 98 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.id/assets/CUkQCeJU-1.3.14.js"> 99 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.id/assets/Dd5672A4-1.3.14.js"> 100 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.id/assets/Ce9_fslE-1.3.14.js"> 101 <link rel="modulepreload" as="script" crossorigin="" href="https://datascripmall.id/assets/bWL1-RH5-1.3.14.js"> 102
102<script type="module" src="/assets/D7bKd8kK-1.3.14.js" crossorigin=""></script>
102 103
103<script type="application/ld+json"> 104 { 105 "@context": "https://schema.org", 106 "@type": "Product", 107 "url": "https://rtpunsurmerdeka.com", 108 "name": "VIO77 : Situs Raja Rtp Paling Akurat Melalui Link Alternatif Vio 77", 109 "sku": "VIO77", 110 "description": "VIO77 adalah situs Raja RTP yang menghadirkan informasi RTP secara akurat melalui link alternatif VIO77, dengan akses praktis dan tampilan nyaman untuk pengguna.", 111 "image": [ 112 { 113 "@type": "ImageObject", 114 "author": "VIO77", 115 "contentUrl": "https://rtpunsurmerdeka.com", 116 "thumbnailUrl": "https://ik.imagekit.io/n8ym6nf86/logo-vio77.png?updatedAt=1781223722013" 117 } 118 ], 119 "category": "VIO77 Login", 120 "brand": { 121 "@type": "Brand", 122 "name": "VIO77" 123 }, 124 "logo": "https://ik.imagekit.io/n8ym6nf86/logo-vio77.png?updatedAt=1781223722013", 125 "aggregateRating": { 126 "@type": "AggregateRating", 127 "ratingValue": 5, 128 "reviewCount": 909 129 }, 130 "offers": { 131 "@type": "AggregateOffer", 132 "offerCount": 909, 133 "lowPrice": 5000, 134 "highPrice": 50000, 135 "priceCurrency": "IDR", 136 "availability": "https://schema.org/InStock", 137 "shippingDetails": { 138 "@type": "OfferShippingDetails", 139 "shippingOrigin": { 140 "@type": "DefinedRegion", 141 "addressCountry": "ID" 142 } 143 } 144 }, 145 "review": [ 146 { 147 "@type": "Review", 148 "author": { 149 "@type": "Person", 150 "name": "Agus Sudrajat, Balige", 151 "datePublished": "2026-05-24" 152 }, 153 "reviewBody": "VIO77 cukup menarik karena informasi RTP-nya disajikan dengan jelas dan mudah dipahami. Link alternatif VIO77 juga membantu saat akses utama sedang mengalami kendala.", 154 "reviewRating": { 155 "@type": "Rating", 156 "ratingValue": "5", 157 "bestRating": "5", 158 "worstRating": "1" 159 } 160 }, 161 { 162 "@type": "Review", 163 "author": { 164 "@type": "Person", 165 "name": "Andika Pulungan, Solo", 166 "datePublished": "2026-05-26" 167 }, 168 "reviewBody": "Saya suka tampilan VIO77 yang sederhana dan tidak terlalu rumit untuk mencari informasi Raja RTP. Navigasinya juga cukup mudah digunakan.", 169 "reviewRating": { 170 "@type": "Rating", 171 "ratingValue": "5", 172 "bestRating": "5", 173 "worstRating": "1" 174 } 175 }, 176 { 177 "@type": "Review", 178 "author": { 179 "@type": "Person", 180 "name": "Naufal Hidayat, Surabaya", 181 "datePublished": "2026-05-27" 182 }, 183 "reviewBody": "VIO77 adalah situs Raja RTP yang menghadirkan informasi RTP secara akurat melalui link alternatif VIO77, dengan akses praktis dan tampilan nyaman untuk pengguna.", 184 "reviewRating": { 185 "@type": "Rating", 186 "ratingValue": "5", 187 "bestRating": "5", 188 "worstRating": "1" 189 } 190 } 191 ] 192} 193</script>
vendor: 1 bytes, line 193
193
194<script type="application/ld+json"> 195 { 196 "@context": "https://schema.org", 197 "@type": "VideoObject", 198 "name": "VIO77", 199 "description": "VIO77 adalah situs Raja RTP yang menghadirkan informasi RTP secara akurat melalui link alternatif VIO77, dengan akses praktis dan tampilan nyaman untuk pengguna.", 200 "thumbnailUrl": [ 201 "https://ik.imagekit.io/n8ym6nf86/logo-vio77.png?updatedAt=1781223722013", 202 "https://ik.imagekit.io/n8ym6nf86/logo-vio77.png?updatedAt=1781223722013" 203 ], 204 "uploadDate": "2025-10-27T15:05:10-04:00", 205 "contentUrl": "https://ik.imagekit.io/n8ym6nf86/logo-vio77.png?updatedAt=1781223722013" 206} 207</script>
vendor: 1 bytes, line 207
207
208<script type="application/ld+json" data-rh="true"> 209{ 210 "@context": "https://schema.org", 211 "@type": "BreadcrumbList", 212 "itemListElement": [ 213 { 214 "@type": "ListItem", 215 "position": 1, 216 "item": { 217 "@id": "https://rtpunsurmerdeka.com", 218 "name": "VIO77" 219 } 220 }, 221 { 222 "@type": "ListItem", 223 "position": 2, 224 "item": { 225 "@id": "https://rtpunsurmerdeka.com", 226 "name": "VIO77 LOGIN" 227 } 228 }, 229 { 230 "@type": "ListItem", 231 "position": 3, 232 "item": { 233 "@id": "https://rtpunsurmerdeka.com", 234 "name": "RTP VIO77" 235 } 236 }, 237 { 238 "@type": "ListItem", 239 "position": 4, 240 "item": { 241 "@id": "https://rtpunsurmerdeka.com", 242 "name": "VIO 77" 243 } 244 }, 245 { 246 "@type": "ListItem", 247 "position": 5, 248 "item": { 249 "@id": "https://rtpunsurmerdeka.com", 250 "name": "RTP AKURAT" 251 } 252 }, 253 { 254 "@type": "ListItem", 255 "position": 6, 256 "item": { 257 "@id": "https://rtpunsurmerdeka.com", 258 "name": "VIO77 : Situs Raja Rtp Paling Akurat Melalui Link Alternatif Vio 77" 259 } 260 } 261 ] 262} 263</script>
vendor: 1 bytes, line 263
263
264<script type="application/ld+json"> 265{ 266 "@context": "https://schema.org", 267 "@type": "FAQPage", 268 "name": "Frequently Asked Questions About VIO77", 269 "mainEntity": [ 270 { 271 "@type": "Question", 272 "name": "Apa yang dimaksud dengan Raja RTP di VIO77?", 273 "acceptedAnswer": { 274 "@type": "Answer", 275 "text": "Raja RTP di VIO77 merujuk pada informasi RTP yang disajikan dalam halaman VIO77 agar pengunjung dapat melihat data dan informasi terkait RTP dengan lebih mudah." 276 } 277 }, 278 { 279 "@type": "Question", 280 "name": "Apakah VIO77 menyediakan link alternatif?", 281 "acceptedAnswer": { 282 "@type": "Answer", 283 "text": "Ya, VIO77 dapat menyediakan link alternatif sebagai jalur akses tambahan ketika halaman utama mengalami kendala atau sulit dibuka." 284 } 285 }, 286 { 287 "@type": "Question", 288 "name": "Bagaimana cara menemukan link alternatif Vio 77?", 289 "acceptedAnswer": { 290 "@type": "Answer", 291 "text": "Pengguna dapat memeriksa halaman informasi VIO77 untuk menemukan tautan alternatif yang tersedia dan memastikan alamat yang digunakan sesuai dengan sumber resmi yang dicantumkan." 292 } 293 }, 294 { 295 "@type": "Question", 296 "name": "Apa kegunaan informasi RTP pada VIO77?", 297 "acceptedAnswer": { 298 "@type": "Answer", 299 "text": "Informasi RTP dapat digunakan sebagai referensi untuk memahami persentase pengembalian teoretis suatu permainan. Nilai RTP bersifat statistik dan t
299idak menjamin hasil tertentu pada setiap permainan." 300 } 301 }, 302 { 303 "@type": "Question", 304 "name": "Apakah informasi RTP VIO77 menjamin kemenangan?", 305 "acceptedAnswer": { 306 "@type": "Answer", 307 "text": "Tidak. Informasi RTP merupakan data statistik, bukan jaminan kemenangan. Hasil setiap permainan tetap dapat berbeda dan dipengaruhi oleh faktor acak." 308 } 309 } 310 ] 311} 312</script>
vendor: 1 bytes, line 312
312
313<script type="application/ld+json"> 314 { 315 "@context": "https://schema.org", 316 "@graph": [ 317 { 318 "@type": "Organization", 319 "@id": "https://rtpunsurmerdeka.com#org", 320 "name": "VIO77", 321 "url": "https://rtpunsurmerdeka.com", 322 "logo": "https://ik.imagekit.io/n8ym6nf86/logo-vio77.png?updatedAt=1781223722013" 323 }, 324 { 325 "@type": "WebSite", 326 "@id": "https://rtpunsurmerdeka.com#website", 327 "url": "https://rtpunsurmerdeka.com", 328 "name": "VIO77", 329 "publisher": { "@id": "https://rtpunsurmerdeka.com#org" }, 330 "inLanguage": "id-ID", 331 "potentialAction": { 332 "@type": "SearchAction", 333 "target": "https://rtpunsurmerdeka.com?s={search_term_string}", 334 "query-input": "required name=search_term_string" 335 } 336 }, 337 { 338 "@type": "SoftwareApplication", 339 "@id": "https://rtpunsurmerdeka.com#app", 340 "name": "VIO77", 341 "applicationCategory": "ShopApplication", 342 "operatingSystem": "Android, iOS, Windows", 343 "offers": { "@type": "Offer", "price": "0", "priceCurrency": "IDR" }, 344 "aggregateRating": { "@type": "AggregateRating", "ratingValue": 5.0, "ratingCount": 99990 } 345 } 346 ] 347} 348</script>
348 349 <style> 350 .grecaptcha-badge { 351 visibility: hidden !important; 352 } 353 </style> 354 <style> 355 *, 356 ::backdrop, 357 :after, 358 :before { 359 --tw-border-spacing-x: 0; 360 --tw-border-spacing-y: 0; 361 --tw-translate-x: 0; 362 --tw-translate-y: 0; 363 --tw-rotate: 0; 364 --tw-skew-x: 0; 365 --tw-skew-y: 0; 366 --tw-scale-x: 1; 367 --tw-scale-y: 1; 368 --tw-pan-x: ; 369 --tw-pan-y: ; 370 --tw-pinch-zoom: ; 371 --tw-scroll-snap-strictness: proximity; 372 --tw-gradient-from-position: ; 373 --tw-gradient-via-position: ; 374 --tw-gradient-to-position: ; 375 --tw-ordinal: ; 376 --tw-slashed-zero: ; 377 --tw-numeric-figure: ; 378 --tw-numeric-spacing: ; 379 --tw-numeric-fraction: ; 380 --tw-ring-inset: ; 381 --tw-ring-offset-width: 0px; 382 --tw-ring-offset-color: #fff; 383 --tw-ring-color: #3b82f680; 384 --tw-ring-offset-shadow: 0 0 #0000; 385 --tw-ring-shadow: 0 0 #0000; 386 --tw-shadow: 0 0 #0000; 387 --tw-shadow-colored: 0 0 #0000; 388 --tw-blur: ; 389 --tw-brightness: ; 390 --tw-contrast: ; 391 --tw-grayscale: ; 392 --tw-hue-rotate: ; 393 --tw-invert: ; 394 --tw-saturate: ; 395 --tw-sepia: ; 396 --tw-drop-shadow: ; 397 --tw-backdrop-blur: ; 398 --tw-backdrop-brightness: ; 399 --tw-backdrop-contrast: ; 400 --tw-backdrop-grayscale: ; 401 --tw-backdrop-hue-rotate: ; 402 --tw-backdrop-invert: ; 403 --tw-backdrop-opacity: ; 404 --tw-backdrop-saturate: ; 405 --tw-backdrop-sepia: ; 406 --tw-contain-size: ; 407 --tw-contain-layout: ; 408 --tw-contain-paint: ; 409 --tw-contain-style: 410 } 411 *, 412 :after, 413 :before { 414 border: 0 solid #e5e7eb; 415 box-sizing: border-box 416 } 417 418 :after, 419 :before { 420 --tw-content: "" 421 } 422 423 :host, 424 html { 425 line-height: 1.5; 426 -webkit-text-size-adjust: 100%; 427 font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; 428 font-feature-settings: normal; 429 font-variation-settings: normal; 430 -moz-tab-size: 4; 431 tab-size: 4; 432 -webkit-tap-highlight-color: transparent 433 } 434 435 body { 436 line-height: inherit; 437 margin: 0 438 } 439 440 hr { 441 border-top-width: 1px; 442 color: inherit; 443 height: 0 444 } 445 446 abbr:where([title]) { 447 -webkit-text-decoration: underline dotted; 448 text-decoration: underline dotted 449 } 450 451 h1, 452 h2, 453 h3, 454 h4, 455 h5, 456 h6 { 457 font-size: inherit; 458 font-weight: inherit 459 } 460 461 a { 462 color: inherit; 463 text-decoration: inherit 464 } 465 466 b, 467 strong { 468 font-weight: bolder 469 } 470 471 code, 472 kbd, 473 pre, 474 samp { 475 font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; 476 font-feature-settings: normal; 477 font-size: 1em; 478 font-variation-settings: normal 479 } 480 481 small { 482 font-size: 80% 483 } 484 485 sub, 486 sup { 487 font-size: 75%; 488 line-height: 0; 489 position: relative; 490 vertical-align: initial 491 } 492 493 sub { 494 bottom: -.25em 495 } 496 497 sup { 498 top: -.5em 499 } 500 501 table { 502 border-collapse: collapse; 503 border-color: inherit; 504 text-indent: 0 505 } 506 507 button, 508 input, 509 optgroup, 510 select, 511 textarea { 512 color: inherit; 513 font-family: inherit; 514 font-feature-settings: inherit; 515 font-size: 100%; 516 font-variation-settings: inherit; 517 font-weight: inherit; 518 letter-spacing: inherit; 519 line-height: inherit; 520 margin: 0; 521 padding: 0 522 } 523 524 button, 525 select { 526 text-transform: none 527 } 528 529 button,
530 input:where([type=button]), 531 input:where([type=reset]), 532 input:where([type=submit]) { 533 appearance: button; 534 background-color: initial; 535 background-image: none 536 } 537 538 :-moz-focusring { 539 outline: auto 540 } 541 542 :-moz-ui-invalid { 543 box-shadow: none 544 } 545 546 progress { 547 vertical-align: initial 548 } 549 550 ::-webkit-inner-spin-button, 551 ::-webkit-outer-spin-button { 552 height: auto 553 } 554 555 [type=search] { 556 appearance: textfield; 557 outline-offset: -2px 558 } 559 560 ::-webkit-search-decoration { 561 -webkit-appearance: none 562 } 563 564 ::-webkit-file-upload-button { 565 -webkit-appearance: button; 566 font: inherit 567 } 568 569 summary { 570 display: list-item 571 } 572 573 blockquote, 574 dd, 575 dl, 576 figure, 577 h1, 578 h2, 579 h3, 580 h4, 581 h5, 582 h6, 583 hr, 584 p, 585 pre { 586 margin: 0 587 } 588 589 fieldset { 590 margin: 0 591 } 592 593 fieldset, 594 legend { 595 padding: 0 596 } 597 598 menu, 599 ol, 600 ul { 601 list-style: none; 602 margin: 0; 603 padding: 0 604 } 605 606 dialog { 607 padding: 0 608 } 609 610 textarea { 611 resize: vertical 612 } 613 614 input::placeholder, 615 textarea::placeholder { 616 color: #9ca3af; 617 opacity: 1 618 } 619 620 [role=button], 621 button { 622 cursor: pointer 623 } 624 625 :disabled { 626 cursor: default 627 } 628 629 audio, 630 canvas, 631 embed, 632 iframe, 633 img, 634 object, 635 svg, 636 video { 637 vertical-align: middle 638 } 639 640 img, 641 video { 642 height: auto; 643 max-width: 100% 644 } 645 646 [hidden]:where(:not([hidden=until-found])) { 647 display: none 648 } 649 650 [multiple], 651 [type=date], 652 [type=datetime-local], 653 [type=email], 654 [type=month], 655 [type=number], 656 [type=password], 657 [type=search], 658 [type=tel], 659 [type=text], 660 [type=time], 661 [type=url], 662 [type=week], 663 input:where(:not([type])), 664 select, 665 textarea { 666 -webkit-appearance: none; 667 -moz-appearance: none; 668 appearance: none; 669 background-color: #fff; 670 border-color: #6b7280; 671 border-radius: 0; 672 border-width: 1px; 673 font-size: 1rem; 674 line-height: 1.5rem; 675 padding: .5rem .75rem; 676 --tw-shadow: 0 0 #0000 677 } 678 679 [multiple]:focus, 680 [type=date]:focus, 681 [type=datetime-local]:focus, 682 [type=email]:focus, 683 [type=month]:focus, 684 [type=number]:focus, 685 [type=password]:focus, 686 [type=search]:focus, 687 [type=tel]:focus, 688 [type=text]:focus, 689 [type=time]:focus, 690 [type=url]:focus, 691 [type=week]:focus, 692 input:where(:not([type])):focus, 693 select:focus, 694 textarea:focus { 695 outline: 2px solid #0000; 696 outline-offset: 2px; 697 --tw-ring-inset: var(--tw-empty, ); 698 --tw-ring-offset-width: 0px; 699 --tw-ring-offset-color: #fff; 700 --tw-ring-color: #ffd700; 701 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 702 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); 703 border-color: #ffd700; 704 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
704dow) 705 } 706 707 input::placeholder, 708 textarea::placeholder { 709 color: #6b7280; 710 opacity: 1 711 } 712 713 ::-webkit-datetime-edit-fields-wrapper { 714 padding: 0 715 } 716 717 ::-webkit-date-and-time-value { 718 min-height: 1.5em; 719 text-align: inherit 720 } 721 722 ::-webkit-datetime-edit { 723 display: inline-flex 724 } 725 726 ::-webkit-datetime-edit, 727 ::-webkit-datetime-edit-day-field, 728 ::-webkit-datetime-edit-hour-field, 729 ::-webkit-datetime-edit-meridiem-field, 730 ::-webkit-datetime-edit-millisecond-field, 731 ::-webkit-datetime-edit-minute-field, 732 ::-webkit-datetime-edit-month-field, 733 ::-webkit-datetime-edit-second-field, 734 ::-webkit-datetime-edit-year-field { 735 padding-bottom: 0; 736 padding-top: 0 737 } 738 739 select { 740 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E"); 741 background-position: right .5rem center; 742 background-repeat: no-repeat; 743 background-size: 1.5em 1.5em; 744 padding-right: 2.5rem; 745 -webkit-print-color-adjust: exact; 746 print-color-adjust: exact 747 } 748 749 [multiple], 750 [size]:where(select:not([size="1"])) { 751 background-image: none; 752 background-position: 0 0; 753 background-repeat: unset; 754 background-size: initial; 755 padding-right: .75rem; 756 -webkit-print-color-adjust: unset; 757 print-color-adjust: unset 758 } 759 760 [type=checkbox], 761 [type=radio] { 762 -webkit-appearance: none; 763 -moz-appearance: none; 764 appearance: none; 765 background-color: #fff; 766 background-origin: border-box; 767 border-color: #6b7280; 768 border-width: 1px; 769 color: #ffd700; 770 display: inline-block; 771 flex-shrink: 0; 772 height: 1rem; 773 padding: 0; 774 -webkit-print-color-adjust: exact; 775 print-color-adjust: exact; 776 -webkit-user-select: none; 777 user-select: none; 778 vertical-align: middle; 779 width: 1rem; 780 --tw-shadow: 0 0 #0000 781 } 782 783 [type=checkbox] { 784 border-radius: 0 785 } 786 787 [type=radio] { 788 border-radius: 100% 789 } 790 791 [type=checkbox]:focus, 792 [type=radio]:focus { 793 outline: 2px solid #0000; 794 outline-offset: 2px; 795 --tw-ring-inset: var(--tw-empty, ); 796 --tw-ring-offset-width: 2px; 797 --tw-ring-offset-color: #fff; 798 --tw-ring-color: #ffd700; 799 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 800 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); 801 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
801dow) 802 } 803 804 [type=checkbox]:checked, 805 [type=radio]:checked { 806 background-color: currentColor; 807 background-position: 50%; 808 background-repeat: no-repeat; 809 background-size: 100% 100%; 810 border-color: #0000 811 } 812 813 [type=checkbox]:checked { 814 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E") 815 } 816 817 @media (forced-colors:active) { 818 [type=checkbox]:checked { 819 -webkit-appearance: auto; 820 -moz-appearance: auto; 821 appearance: auto 822 } 823 } 824 825 [type=radio]:checked { 826 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E") 827 } 828 829 @media (forced-colors:active) { 830 [type=radio]:checked { 831 -webkit-appearance: auto; 832 -moz-appearance: auto; 833 appearance: auto 834 } 835 } 836 837 [type=checkbox]:checked:focus, 838 [type=checkbox]:checked:hover, 839 [type=checkbox]:indeterminate, 840 [type=radio]:checked:focus, 841 [type=radio]:checked:hover { 842 background-color: currentColor; 843 border-color: #0000 844 } 845 846 [type=checkbox]:indeterminate { 847 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E"); 848 background-position: 50%; 849 background-repeat: no-repeat; 850 background-size: 100% 100% 851 } 852 853 @media (forced-colors:active) { 854 [type=checkbox]:indeterminate { 855 -webkit-appearance: auto; 856 -moz-appearance: auto; 857 appearance: auto 858 } 859 } 860 861 [type=checkbox]:indeterminate:focus, 862 [type=checkbox]:indeterminate:hover { 863 background-color: currentColor; 864 border-color: #0000 865 } 866 867 [type=file] { 868 background: unset; 869 border-color: inherit; 870 border-radius: 0; 871 border-width: 0; 872 font-size: unset; 873 line-height: inherit; 874 padding: 0 875 } 876 877 [type=file]:focus { 878 outline: 1px solid ButtonText; 879 outline: 1px auto -webkit-focus-ring-color 880 } 881 882 .container { 883 width: 100% 884 } 885 886 @media (min-width:640px) { 887 .container { 888 max-width: 640px 889 } 890 } 891 892 @media (min-width:768px) { 893 .container { 894 max-width: 768px 895 } 896 } 897 898 @media (min-width:1024px) { 899 .container { 900 max-width: 1024px 901 } 902 } 903 904 @media (min-width:1280px) { 905 .container { 906 max-width: 1280px 907 } 908 } 909 910 @media (min-width:1440px) { 911 .container { 912 max-width: 1440px 913 } 914 } 915 916 @media (min-width:1920px) { 917 .container { 918 max-width: 1920px 919 } 920 } 921 922 .form-input, 923 .form-multiselect, 924 .form-select, 925 .form-textarea { 926 -webkit-appearance: none; 927 -moz-appearance: none; 928 appearance: none; 929 background-color: #fff; 930 border-color: #6b7280; 931 border-radius: 0; 932 border-width: 1px; 933 font-size: 1rem; 934 line-height: 1.5rem; 935 padding: .5rem .75rem; 936 --tw-shadow: 0 0 #0000 937 } 938 939 .form-input:focus, 940 .form-multiselect:focus, 941 .form-select:focus, 942 .form-textarea:focus { 943 outline: 2px solid #0000; 944 outline-offset: 2px; 945 --tw-ring-inset: var(--tw-empty, ); 946 --tw-ring-offset-width: 0px; 947 --tw-ring-offset-color: #fff; 948 --tw-ring-color: #ffd700; 949 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 950 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); 951 border-color: #ffd700; 952 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
952dow) 953 } 954 955 .form-select { 956 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E"); 957 background-position: right .5rem center; 958 background-repeat: no-repeat; 959 background-size: 1.5em 1.5em; 960 padding-right: 2.5rem; 961 -webkit-print-color-adjust: exact; 962 print-color-adjust: exact 963 } 964 965 .form-select:where([size]:not([size="1"])) { 966 background-image: none; 967 background-position: 0 0; 968 background-repeat: unset; 969 background-size: initial; 970 padding-right: .75rem; 971 -webkit-print-color-adjust: unset; 972 print-color-adjust: unset 973 } 974 975 .sr-only { 976 height: 1px; 977 margin: -1px; 978 overflow: hidden; 979 padding: 0; 980 position: absolute; 981 width: 1px; 982 clip: rect(0, 0, 0, 0); 983 border-width: 0; 984 white-space: nowrap 985 } 986 987 .pointer-events-none { 988 pointer-events: none 989 } 990 991 .pointer-events-auto { 992 pointer-events: auto 993 } 994 995 .visible { 996 visibility: visible 997 } 998 999 .static { 1000 position: static 1001 } 1002 1003 .fixed { 1004 position: fixed 1005 } 1006 1007 .absolute { 1008 position: absolute 1009 } 1010 1011 .relative { 1012 position: relative 1013 } 1014 1015 .sticky { 1016 position: sticky 1017 } 1018 1019 .inset-0 { 1020 top: 0; 1021 right: 0; 1022 bottom: 0; 1023 left: 0 1024 } 1025 1026 .inset-x-0 { 1027 left: 0; 1028 right: 0 1029 } 1030 1031 .\!bottom-28 { 1032 bottom: 7rem !important 1033 } 1034 1035 .-bottom-1 { 1036 bottom: -.25rem 1037 } 1038 1039 .-bottom-2 { 1040 bottom: -.5rem 1041 } 1042 1043 .-bottom-5 { 1044 bottom: -1.25rem 1045 } 1046 1047 .-left-0 { 1048 left: 0 1049 } 1050 1051 .-left-11 { 1052 left: -2.75rem 1053 } 1054 1055 .-left-5 { 1056 left: -1.25rem 1057 } 1058 1059 .-right-0 { 1060 right: 0 1061 } 1062 1063 .-right-1 { 1064 right: -.25rem 1065 } 1066 1067 .-right-11 { 1068 right: -2.75rem 1069 } 1070 1071 .-right-2 { 1072 right: -.5rem 1073 } 1074 1075 .-right-5 { 1076 right: -1.25rem 1077 } 1078 1079 .-top-1 { 1080 top: -.25rem 1081 } 1082 1083 .-top-2 { 1084 top: -.5rem 1085 } 1086 1087 .bottom-0 { 1088 bottom: 0 1089 } 1090 1091 .bottom-2 { 1092 bottom: .5rem 1093 } 1094 1095 .bottom-3 { 1096 bottom: .75rem 1097 } 1098 1099 .bottom-4 { 1100 bottom: 1rem 1101 } 1102 1103 .bottom-8 { 1104 bottom: 2rem 1105 } 1106 1107 .bottom-\[-1px\] { 1108 bottom: -1px 1109 } 1110 1111 .bottom-\[-6px\] { 1112 bottom: -6px 1113 } 1114 1115 .bottom-\[calc\(100\%\+20px\)\] { 1116 bottom: calc(100% + 20px) 1117 } 1118 1119 .bottom-full { 1120 bottom: 100% 1121 } 1122 1123 .left-0 { 1124 left: 0 1125 } 1126 1127 .left-1\/2 { 1128 left: 50% 1129 } 1130 1131 .left-2 { 1132 left: .5rem 1133 } 1134 1135 .left-3 { 1136 left: .75rem 1137 } 1138 1139 .left-4 { 1140 left: 1rem 1141 } 1142 1143 .left-5 { 1144 left: 1.25rem 1145 } 1146 1147 .left-6 { 1148 left: 1.5rem 1149 } 1150 1151 .left-8 { 1152 left: 2rem 1153 } 1154 1155 .left-full { 1156 left: 100% 1157 } 1158 1159 .right-0 { 1160 right: 0 1161 } 1162 1163 .right-1\/2 { 1164 right: 50% 1165 } 1166 1167 .right-12 { 1168 right: 3rem 1169 } 1170 1171 .right-2 { 1172 right: .5rem 1173 } 1174 1175 .right-3 { 1176 right: .75rem 1177 } 1178 1179 .right-4 { 1180 right: 1rem 1181 } 1182 1183 .right-5 { 1184 right: 1.25rem 1185 } 1186 1187 .right-6 { 1188 right: 1.5rem 1189 } 1190 1191 .right-7 { 1192 right: 1.75rem 1193 } 1194 1195 .right-\[calc\(100\%-120px\)\] { 1196 right: calc(100% - 120px) 1197 } 1198 1199 .right-full { 1200 right: 100% 1201 } 1202 1203 .top-0 { 1204 top: 0 1205 } 1206 1207 .top-1\/2 { 1208 top: 50% 1209 } 1210 1211 .top-12 { 1212 top: 3rem 1213 } 1214 1215 .top-14 { 1216 top: 3.5rem 1217 } 1218 1219 .top-16 { 1220 top: 4rem 1221 } 1222 1223 .top-2 { 1224 top: .5rem 1225 } 1226 1227 .top-3 { 1228 top: .75rem 1229 } 1230 1231 .top-36 { 1232 top: 9rem 1233 } 1234 1235 .top-4 { 1236 top: 1rem 1237 } 1238 1239 .top-5 { 1240 top: 1.25rem 1241 } 1242 1243 .top-\[-1px\] { 1244 top: -1px 1245 } 1246 1247 .top-\[12px\] { 1248 top: 12px 1249 } 1250 1251 .top-\[14px\] { 1252 top: 14px 1253 } 1254 1255 .top-\[40\%\] { 1256 top: 40% 1257 } 1258 1259 .top-\[40px\] { 1260 top: 40px 1261 } 1262 1263 .top-\[5px\] { 1264 top: 5px 1265 } 1266 1267 .top-\[60\%\] { 1268 top: 60% 1269 } 1270 1271 .top-\[90\%\] { 1272 top: 90% 1273 } 1274 1275 .top-\[calc\(100\%\)\] { 1276 top: 100% 1277 } 1278 1279 .top-\[calc\(100\%\+12px\)\] { 1280 top: calc(100% + 12px) 1281 } 1282 1283 .top-\[calc\(100\%\+20px\)\] { 1284 top: calc(100% + 20px) 1285 } 1286 1287 .top-\[calc\(100\%\+2px\)\] { 1288 top: calc(100% + 2px) 1289 } 1290 1291 .top-\[calc\(100\%\+36px\)\] { 1292 top: calc(100% + 36px) 1293 } 1294 1295 .top-\[calc\(100\%\+8px\)\] { 1296 top: calc(100% + 8px) 1297 } 1298 1299 .top-full { 1300 top: 100% 1301 } 1302 1303 .z-0 { 1304 z-index: 0 1305 } 1306 1307 .z-10 { 1308 z-index: 10 1309 } 1310 1311 .z-20 { 1312 z-index: 20 1313 } 1314 1315 .z-30 { 1316 z-index: 30 1317 } 1318 1319 .z-50 { 1320 z-index: 50 1321 } 1322 1323 .z-\[-1\] { 1324 z-index: -1 1325 } 1326 1327 .z-\[0\] { 1328 z-index: 0 1329 } 1330 1331 .z-\[10\] { 1332 z-index: 10 1333 } 1334 1335 .z-\[1\] { 1336 z-index: 1 1337 } 1338 1339 .z-\[2\] { 1340 z-index: 2 1341 } 1342 1343 .z-\[3\] { 1344 z-index: 3 1345 } 1346 1347 .z-\[4\] { 1348 z-index: 4 1349 } 1350 1351 .z-\[5\] { 1352 z-index: 5 1353 } 1354 1355 .z-\[999\] { 1356 z-index: 999 1357 } 1358 1359 .order-1 { 1360 order: 1 1361 } 1362 1363 .col-span-1 { 1364 grid-column: span 1/span 1 1365 } 1366 1367 .col-span-2 { 1368 grid-column: span 2/span 2 1369 } 1370 1371 .col-span-3 { 1372 grid-column: span 3/span 3 1373 } 1374 1375 .col-span-4 { 1376 grid-column: span 4/span 4 1377 } 1378 1379 .col-span-5 { 1380 grid-column: span 5/span 5 1381 } 1382 1383 .col-span-6 { 1384 grid-column: span 6/span 6 1385 } 1386 1387 .col-span-full { 1388 grid-column: 1/-1 1389 } 1390 1391 .m-auto { 1392 margin: auto 1393 } 1394 1395 .mx-5 { 1396 margin-left: 1.25rem; 1397 margin-right: 1.25rem 1398 } 1399 1400 .mx-8 { 1401 margin-left: 2rem; 1402 margin-right: 2rem 1403 } 1404 1405 .mx-auto { 1406 margin-left: auto; 1407 margin-right: auto 1408 } 1409 1410 .my-1 { 1411 margin-bottom: .25rem; 1412 margin-top: .25rem 1413 } 1414 1415 .my-20 { 1416 margin-bottom: 5rem; 1417 margin-top: 5rem 1418 } 1419 1420 .my-3 { 1421 margin-bottom: .75rem; 1422 margin-top: .75rem 1423 } 1424 1425 .my-auto { 1426 margin-bottom: auto; 1427 margin-top: auto 1428 } 1429 1430 .mb-1 { 1431 margin-bottom: .25rem 1432 } 1433 1434 .mb-2 { 1435 margin-bottom: .5rem 1436 } 1437 1438 .mb-4 { 1439 margin-bottom: 1rem 1440 } 1441 1442 .mb-6 { 1443 margin-bottom: 1.5rem 1444 } 1445 1446 .mb-8 { 1447 margin-bottom: 2rem 1448 } 1449 1450 .mb-auto { 1451 margin-bottom: auto 1452 } 1453 1454 .ml-\[7px\] { 1455 margin-left: 7px 1456 } 1457 1458 .ml-auto { 1459 margin-left: auto 1460 } 1461 1462 .mr-1 { 1463 margin-right: .25rem 1464 } 1465 1466 .mr-2 { 1467 margin-right: .5rem 1468 } 1469 1470 .mr-3 { 1471 margin-right: .75rem 1472 } 1473 1474 .mr-8 { 1475 margin-right: 2rem 1476 } 1477 1478 .mr-auto { 1479 margin-right: auto 1480 } 1481 1482 .mt-1 { 1483 margin-top: .25rem 1484 } 1485 1486 .mt-2 { 1487 margin-top: .5rem 1488 } 1489 1490 .mt-24 { 1491 margin-top: 6rem 1492 } 1493 1494 .mt-3 { 1495 margin-top: .75rem 1496 } 1497 1498 .mt-32 { 1499 margin-top: 8rem 1500 } 1501 1502 .mt-4 { 1503 margin-top: 1rem 1504 } 1505 1506 .mt-\[128px\] { 1507 margin-top: 128px 1508 } 1509 1510 .mt-\[550px\] { 1511 margin-top: 550px 1512 } 1513 1514 .mt-\[66px\] { 1515 margin-top: 66px 1516 } 1517 1518 .mt-\[75px\] { 1519 margin-top: 75px 1520 } 1521 1522 .mt-auto { 1523 margin-top: auto 1524 } 1525 1526 .box-content { 1527 box-sizing: initial 1528 } 1529 1530 .block { 1531 display: block 1532 } 1533 1534 .flex { 1535 display: flex 1536 } 1537 1538 .inline-flex { 1539 display: inline-flex 1540 } 1541 1542 .table { 1543 display: table 1544 } 1545 1546 .grid { 1547 display: grid 1548 } 1549 1550 .hidden { 1551 display: none 1552 } 1553
1554 .aspect-4\/3 { 1555 aspect-ratio: 4/3 1556 } 1557 1558 .aspect-\[11\/6\] { 1559 aspect-ratio: 11/6 1560 } 1561 1562 .aspect-\[3\.2\/1\] { 1563 aspect-ratio: 3.2/1 1564 } 1565 1566 .aspect-\[3\/1\] { 1567 aspect-ratio: 3/1 1568 } 1569 1570 .aspect-\[5\/3\] { 1571 aspect-ratio: 5/3 1572 } 1573 1574 .aspect-square { 1575 aspect-ratio: 1/1 1576 } 1577 1578 .aspect-video { 1579 aspect-ratio: 16/9 1580 } 1581 1582 .\!size-4 { 1583 height: 1rem !important; 1584 width: 1rem !important 1585 } 1586 1587 .\!size-8 { 1588 height: 2rem !important; 1589 width: 2rem !important 1590 } 1591 1592 .size-10 { 1593 height: 2.5rem; 1594 width: 2.5rem 1595 } 1596 1597 .size-12 { 1598 height: 3rem; 1599 width: 3rem 1600 } 1601 1602 .size-14 { 1603 height: 3.5rem; 1604 width: 3.5rem 1605 } 1606 1607 .size-16 { 1608 height: 4rem; 1609 width: 4rem 1610 } 1611 1612 .size-2 { 1613 height: .5rem; 1614 width: .5rem 1615 } 1616 1617 .size-20 { 1618 height: 5rem; 1619 width: 5rem 1620 } 1621 1622 .size-24 { 1623 height: 6rem; 1624 width: 6rem 1625 } 1626 1627 .size-3 { 1628 height: .75rem; 1629 width: .75rem 1630 } 1631 1632 .size-4 { 1633 height: 1rem; 1634 width: 1rem 1635 } 1636 1637 .size-5 { 1638 height: 1.25rem; 1639 width: 1.25rem 1640 } 1641 1642 .size-6 { 1643 height: 1.5rem; 1644 width: 1.5rem 1645 } 1646 1647 .size-8 { 1648 height: 2rem; 1649 width: 2rem 1650 } 1651 1652 .size-\[10px\] { 1653 height: 10px; 1654 width: 10px 1655 } 1656 1657 .size-\[150px\] { 1658 height: 150px; 1659 width: 150px 1660 } 1661 1662 .size-\[16px\] { 1663 height: 16px; 1664 width: 16px 1665 } 1666 1667 .size-\[30px\] { 1668 height: 30px; 1669 width: 30px 1670 } 1671 1672 .size-\[360px\] { 1673 height: 360px; 1674 width: 360px 1675 } 1676 1677 .size-\[7px\] { 1678 height: 7px; 1679 width: 7px 1680 } 1681 1682 .\!h-10 { 1683 height: 2.5rem !important 1684 } 1685 1686 .\!h-7 { 1687 height: 1.75rem !important 1688 } 1689 1690 .\!h-8 { 1691 height: 2rem !important 1692 } 1693 1694 .\!h-\[34px\] { 1695 height: 34px !important 1696 } 1697 1698 .\!h-auto { 1699 height: auto !important 1700 } 1701 1702 .h-0 { 1703 height: 0 1704 } 1705 1706 .h-1 { 1707 height: .25rem 1708 } 1709 1710 .h-10 { 1711 height: 2.5rem 1712 } 1713 1714 .h-11 { 1715 height: 2.75rem 1716 } 1717 1718 .h-12 { 1719 height: 3rem 1720 } 1721 1722 .h-14 { 1723 height: 3.5rem 1724 } 1725 1726 .h-16 { 1727 height: 4rem 1728 } 1729 1730 .h-2 { 1731 height: .5rem 1732 } 1733 1734 .h-20 { 1735 height: 5rem 1736 } 1737 1738 .h-24 { 1739 height: 6rem 1740 } 1741 1742 .h-28 { 1743 height: 7rem 1744 } 1745 1746 .h-3 { 1747 height: .75rem 1748 } 1749 1750 .h-32 { 1751 height: 8rem 1752 } 1753 1754 .h-36 { 1755 height: 9rem 1756 } 1757 1758 .h-4 { 1759 height: 1rem 1760 } 1761 1762 .h-40 { 1763 height: 10rem 1764 } 1765 1766 .h-44 { 1767 height: 11rem 1768 } 1769 1770 .h-48 { 1771 height: 12rem 1772 } 1773 1774 .h-5 { 1775 height: 1.25rem 1776 } 1777 1778 .h-52 { 1779 height: 13rem 1780 } 1781 1782 .h-56 { 1783 height: 14rem 1784 } 1785 1786 .h-6 { 1787 height: 1.5rem 1788 } 1789 1790 .h-64 { 1791 height: 16rem 1792 } 1793 1794 .h-7 { 1795 height: 1.75rem 1796 } 1797 1798 .h-72 { 1799 height: 18rem 1800 } 1801 1802 .h-8 { 1803 height: 2rem 1804 } 1805 1806 .h-80 { 1807 height: 20rem 1808 } 1809 1810 .h-9 { 1811 height: 2.25rem 1812 } 1813 1814 .h-96 { 1815 height: 24rem 1816 } 1817 1818 .h-\[100px\] { 1819 height: 100px 1820 } 1821 1822 .h-\[102px\] { 1823 height: 102px 1824 } 1825 1826 .h-\[105px\] { 1827 height: 105px 1828 } 1829 1830 .h-\[150px\] { 1831 height: 150px 1832 } 1833 1834 .h-\[152px\] { 1835 height: 152px 1836 } 1837 1838 .h-\[22px\] { 1839 height: 22px 1840 } 1841 1842 .h-\[250px\] { 1843 height: 250px 1844 } 1845 1846 .h-\[300px\] { 1847 height: 300px 1848 } 1849 1850 .h-\[336px\] { 1851 height: 336px 1852 } 1853 1854 .h-\[360px\] { 1855 height: 360px 1856 } 1857 1858 .h-\[400px\] { 1859 height: 400px 1860 } 1861 1862 .h-\[42px\] { 1863 height: 42px 1864 } 1865 1866 .h-\[450px\] { 1867 height: 450px 1868 } 1869 1870 .h-\[500px\] { 1871 height: 500px 1872 } 1873 1874 .h-\[51px\] { 1875 height: 51px 1876 } 1877 1878 .h-\[60vh\] { 1879 height: 60vh 1880 } 1881 1882 .h-\[70vh\] { 1883 height: 70vh 1884 } 1885 1886 .h-\[780px\] { 1887 height: 780px 1888 } 1889 1890 .h-\[7px\] { 1891 height: 7px 1892 } 1893 1894 .h-\[80\%\] { 1895 height: 80% 1896 } 1897 1898 .h-\[80px\] { 1899 height: 80px 1900 } 1901 1902 .h-\[80vh\] { 1903 height: 80vh 1904 } 1905 1906 .h-\[calc\(100\%-5rem\)\] { 1907 height: calc(100% - 5rem) 1908 } 1909 1910 .h-\[calc\(100\%-66px\)\] { 1911 height: calc(100% - 66px) 1912 } 1913 1914 .h-\[calc\(100vh-128px\)\] { 1915 height: calc(100vh - 128px) 1916 } 1917 1918 .h-\[calc\(100vh-72px\)\] { 1919 height: calc(100vh - 72px) 1920 } 1921 1922 .h-full { 1923 height: 100% 1924 } 1925 1926 .h-screen { 1927 height: 100vh 1928 } 1929 1930 .max-h-\[1500px\] { 1931 max-height: 1500px 1932 } 1933 1934 .max-h-\[200px\] { 1935 max-height: 200px 1936 } 1937 1938 .max-h-\[360px\] { 1939 max-height: 360px 1940 } 1941 1942 .max-h-\[400px\] { 1943 max-height: 400px 1944 } 1945 1946 .max-h-\[42px\] { 1947 max-height: 42px 1948 } 1949 1950 .max-h-\[45vh\] { 1951 max-height: 45vh 1952 } 1953 1954 .max-h-\[460px\] { 1955 max-height: 460px 1956 } 1957 1958 .max-h-\[475px\] { 1959 max-height: 475px 1960 } 1961 1962 .max-h-\[500px\] { 1963 max-height: 500px 1964 } 1965 1966 .max-h-\[50vh\] { 1967 max-height: 50vh 1968 } 1969 1970 .max-h-\[55vh\] { 1971 max-height: 55vh 1972 } 1973 1974 .max-h-\[600px\] { 1975 max-height: 600px 1976 } 1977 1978 .max-h-\[60vh\] { 1979 max-height: 60vh 1980 } 1981 1982 .max-h-\[70vh\] { 1983 max-height: 70vh 1984 } 1985 1986 .min-h-96 { 1987 min-height: 24rem 1988 } 1989 1990 .min-h-\[250px\] { 1991 min-height: 250px 1992 } 1993 1994 .min-h-\[270px\] { 1995 min-height: 270px 1996 } 1997 1998 .min-h-\[307px\] { 1999 min-height: 307px 2000 } 2001 2002 .min-h-\[70px\] { 2003 min-height: 70px 2004 } 2005 2006 .min-h-\[70vh\] { 2007 min-height: 70vh 2008 } 2009 2010 .min-h-\[75vh\] { 2011 min-height: 75vh 2012 } 2013 2014 .min-h-\[85vh\] { 2015 min-height: 85vh 2016 } 2017 2018 .min-h-screen { 2019 min-height: 100vh 2020 } 2021 2022 .\!w-full { 2023 width: 100% !important 2024 } 2025 2026 .w-0 { 2027 width: 0 2028 } 2029 2030 .w-1 { 2031 width: .25rem 2032 } 2033 2034 .w-1\/2 { 2035 width: 50% 2036 } 2037 2038 .w-1\/3 { 2039 width: 33.333333% 2040 } 2041 2042 .w-10 { 2043 width: 2.5rem 2044 } 2045 2046 .w-11\/12 { 2047 width: 91.666667% 2048 } 2049 2050 .w-12 { 2051 width: 3rem 2052 } 2053 2054 .w-16 { 2055 width: 4rem 2056 } 2057 2058 .w-2\/3 { 2059 width: 66.666667% 2060 } 2061 2062 .w-20 { 2063 width: 5rem 2064 } 2065 2066 .w-28 { 2067 width: 7rem 2068 } 2069 2070 .w-32 { 2071 width: 8rem 2072 } 2073 2074 .w-4 { 2075 width: 1rem 2076 } 2077 2078 .w-5 { 2079 width: 1.25rem 2080 } 2081 2082 .w-5\/6 { 2083 width: 83.333333% 2084 } 2085 2086 .w-56 { 2087 width: 14rem 2088 } 2089 2090 .w-6 { 2091 width: 1.5rem 2092 } 2093 2094 .w-8 { 2095 width: 2rem 2096 } 2097 2098 .w-80 { 2099 width: 20rem 2100 } 2101 2102 .w-9 { 2103 width: 2.25rem 2104 } 2105 2106 .w-\[0\.5px\] { 2107 width: .5px 2108 } 2109 2110 .w-\[1px\] { 2111 width: 1px 2112 } 2113 2114 .w-\[21px\] { 2115 width: 21px 2116 } 2117 2118 .w-\[250px\] { 2119 width: 250px 2120 } 2121 2122 .w-\[80\%\] { 2123 width: 80% 2124 } 2125 2126 .w-\[98px\] { 2127 width: 98px 2128 } 2129 2130 .w-fit { 2131 width: fit-content 2132 } 2133 2134 .w-full { 2135 width: 100% 2136 } 2137 2138 .w-screen { 2139 width: 100vw 2140 } 2141 2142 .min-w-20 { 2143 min-width: 5rem 2144 } 2145 2146 .min-w-36 { 2147 min-width: 9rem 2148 } 2149 2150 .min-w-44 { 2151 min-width: 11rem 2152 } 2153 2154 .min-w-56 { 2155 min-width: 14rem 2156 } 2157 2158 .min-w-60 { 2159 min-width: 15rem 2160 } 2161 2162 .min-w-64 { 2163 min-width: 16rem 2164 } 2165 2166 .min-w-72 { 2167 min-width: 18rem 2168 } 2169 2170 .min-w-\[460px\] { 2171 min-width: 460px 2172 } 2173 2174 .min-w-\[50\%\] { 2175 min-width: 50% 2176 } 2177 2178 .max-w-2xl { 2179 max-width: 42rem 2180 } 2181 2182 .max-w-32 { 2183 max-width: 8rem 2184 } 2185 2186 .max-w-3xl { 2187 max-width: 48rem 2188 } 2189 2190 .max-w-4xl { 2191 max-width: 56rem 2192 } 2193 2194 .max-w-80 { 2195 max-width: 20rem 2196 } 2197 2198 .max-w-\[200px\] { 2199 max-width: 200px 2200 } 2201 2202 .max-w-\[50\%\] { 2203 max-width: 50% 2204 } 2205 2206 .max-w-\[80\%\] { 2207 max-width: 80% 2208 } 2209 2210 .max-w-\[85vw\] { 2211 max-width: 85vw 2212 } 2213 2214 .max-w-\[90vw\] { 2215 max-width: 90vw 2216 } 2217 2218 .max-w-md { 2219 max-width: 28rem 2220 } 2221 2222 .max-w-sm { 2223 max-width: 24rem 2224 } 2225 2226 .max-w-xl { 2227 max-width: 36rem 2228 } 2229 2230 .flex-1 { 2231 flex: 1 1 0% 2232 } 2233 2234 .shrink-0 { 2235 flex-shrink: 0 2236 } 2237 2238 .-translate-x-1\/2 { 2239 --tw-translate-x: -50% 2240 } 2241 2242 .-translate-x-1\/2, 2243 .-translate-y-1\/2 { 2244 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 2245 } 2246 2247 .-translate-y-1\/2 { 2248 --tw-translate-y: -50% 2249 } 2250 2251 .-translate-y-\[1px\] { 2252 --tw-translate-y: -1px 2253 } 2254 2255 .-translate-y-\[1px\], 2256 .translate-x-1\/2 { 2257 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 2258 } 2259 2260 .translate-x-1\/2 { 2261 --tw-translate-x: 50% 2262 } 2263 2264 .translate-y-\[1px\] { 2265 --tw-translate-y: 1px 2266 } 2267 2268 .-rotate-90, 2269 .translate-y-\[1px\] { 2270 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 2271 } 2272 2273 .-rotate-90 { 2274 --tw-rotate: -90deg 2275 } 2276 2277 .rotate-180 { 2278 --tw-rotate: 180deg 2279 } 2280 2281 .rotate-180, 2282 .rotate-90 { 2283 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 2284 } 2285 2286 .rotate-90 { 2287 --tw-rotate: 90deg 2288 } 2289 2290 .rotate-\[135deg\] { 2291 --tw-rotate: 135deg 2292 } 2293 2294 .rotate-\[135deg\],
2295 .scale-\[0\.65\] { 2296 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 2297 } 2298 2299 .scale-\[0\.65\] { 2300 --tw-scale-x: .65; 2301 --tw-scale-y: .65 2302 } 2303 2304 .scale-\[94\%\] { 2305 --tw-scale-x: 94%; 2306 --tw-scale-y: 94%; 2307 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 2308 } 2309 2310 @keyframes pulse { 2311 50% { 2312 opacity: .5 2313 } 2314 } 2315 2316 .animate-pulse { 2317 animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite 2318 } 2319 2320 @keyframes spin { 2321 to { 2322 transform: rotate(1turn) 2323 } 2324 } 2325 2326 .animate-spin { 2327 animation: spin 1s linear infinite 2328 } 2329 2330 .cursor-default { 2331 cursor: default 2332 } 2333 2334 .cursor-pointer { 2335 cursor: pointer 2336 } 2337 2338 .select-none { 2339 -webkit-user-select: none; 2340 user-select: none 2341 } 2342 2343 .resize { 2344 resize: both 2345 } 2346 2347 .scroll-mt-24 { 2348 scroll-margin-top: 6rem 2349 } 2350 2351 .scroll-mt-52 { 2352 scroll-margin-top: 13rem 2353 } 2354 2355 .list-decimal { 2356 list-style-type: decimal 2357 } 2358 2359 .grid-flow-col { 2360 grid-auto-flow: column 2361 } 2362 2363 .grid-cols-2 { 2364 grid-template-columns: repeat(2, minmax(0, 1fr)) 2365 } 2366 2367 .grid-cols-3 { 2368 grid-template-columns: repeat(3, minmax(0, 1fr)) 2369 } 2370 2371 .grid-cols-4 { 2372 grid-template-columns: repeat(4, minmax(0, 1fr)) 2373 } 2374 2375 .grid-cols-5 { 2376 grid-template-columns: repeat(5, minmax(0, 1fr)) 2377 } 2378 2379 .grid-cols-6 { 2380 grid-template-columns: repeat(6, minmax(0, 1fr)) 2381 } 2382 2383 .grid-cols-8 { 2384 grid-template-columns: repeat(8, minmax(0, 1fr)) 2385 } 2386 2387 .grid-rows-5 { 2388 grid-template-rows: repeat(5, minmax(0, 1fr)) 2389 } 2390 2391 .grid-rows-\[0fr\] { 2392 grid-template-rows: 0fr 2393 } 2394 2395 .grid-rows-\[1fr\] { 2396 grid-template-rows: 1fr 2397 } 2398 2399 .\!flex-row { 2400 flex-direction: row !important 2401 } 2402 2403 .flex-row { 2404 flex-direction: row 2405 } 2406 2407 .flex-col { 2408 flex-direction: column 2409 } 2410 2411 .flex-col-reverse { 2412 flex-direction: column-reverse 2413 } 2414 2415 .flex-wrap { 2416 flex-wrap: wrap 2417 } 2418 2419 .items-start { 2420 align-items: flex-start 2421 } 2422 2423 .items-end { 2424 align-items: flex-end 2425 } 2426 2427 .items-center { 2428 align-items: center 2429 } 2430 2431 .justify-start { 2432 justify-content: flex-start 2433 } 2434 2435 .justify-end { 2436 justify-content: flex-end 2437 } 2438 2439 .justify-center { 2440 justify-content: center 2441 } 2442 2443 .justify-between { 2444 justify-content: space-between 2445 } 2446 2447 .\!gap-2 { 2448 gap: .5rem !important 2449 } 2450 2451 .gap-1 { 2452 gap: .25rem 2453 } 2454 2455 .gap-10 { 2456 gap: 2.5rem 2457 } 2458 2459 .gap-12 { 2460 gap: 3rem 2461 } 2462 2463 .gap-2 { 2464 gap: .5rem 2465 } 2466 2467 .gap-3 { 2468 gap: .75rem 2469 } 2470 2471 .gap-4 { 2472 gap: 1rem 2473 } 2474 2475 .gap-5 { 2476 gap: 1.25rem 2477 } 2478 2479 .gap-6 { 2480 gap: 1.5rem 2481 } 2482 2483 .gap-7 { 2484 gap: 1.75rem 2485 } 2486 2487 .gap-8 { 2488 gap: 2rem 2489 } 2490 2491 .gap-\[6px\] { 2492 gap: 6px 2493 } 2494 2495 .\!gap-x-2 { 2496 column-gap: .5rem !important 2497 } 2498 2499 .gap-x-3 { 2500 column-gap: .75rem 2501 } 2502 2503 .gap-x-4 { 2504 column-gap: 1rem 2505 } 2506 2507 .gap-x-6 { 2508 column-gap: 1.5rem 2509 } 2510 2511 .gap-y-2 { 2512 row-gap: .5rem 2513 } 2514 2515 .gap-y-3 { 2516 row-gap: .75rem 2517 } 2518 2519 .gap-y-4 { 2520 row-gap: 1rem 2521 } 2522 2523 .divide-x>:not([hidden])~:not([hidden]) { 2524 --tw-divide-x-reverse: 0; 2525 border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse))); 2526 border-right-width: calc(1px*var(--tw-divide-x-reverse)) 2527 } 2528 2529 .divide-y>:not([hidden])~:not([hidden]) { 2530 --tw-divide-y-reverse: 0; 2531 border-bottom-width: calc(1px*var(--tw-divide-y-reverse)); 2532 border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse))) 2533 } 2534 2535 .divide-bw-100>:not([hidden])~:not([hidden]) { 2536 --tw-divide-opacity: 1; 2537 border-color: rgb(242 242 242/var(--tw-divide-opacity, 1)) 2538 } 2539 2540 .self-start { 2541 align-self: flex-start 2542 } 2543 2544 .self-end { 2545 align-self: flex-end 2546 } 2547 2548 .self-center { 2549 align-self: center 2550 } 2551 2552 .self-stretch { 2553 align-self: stretch 2554 } 2555 2556 .overflow-auto { 2557 overflow: auto 2558 } 2559 2560 .overflow-hidden { 2561 overflow: hidden 2562 } 2563 2564 .overflow-x-auto { 2565 overflow-x: auto 2566 } 2567 2568 .overflow-y-auto { 2569 overflow-y: auto 2570 } 2571 2572 .overflow-x-hidden { 2573 overflow-x: hidden 2574 } 2575 2576 .overflow-y-hidden { 2577 overflow-y: hidden 2578 } 2579 2580 .whitespace-normal { 2581 white-space: normal 2582 } 2583 2584 .whitespace-nowrap { 2585 white-space: nowrap 2586 } 2587 2588 .text-wrap { 2589 text-wrap: wrap 2590 } 2591 2592 .\!text-nowrap { 2593 text-wrap: nowrap !important 2594 } 2595 2596 .text-nowrap { 2597 text-wrap: nowrap 2598 } 2599 2600 .text-balance { 2601 text-wrap: balance 2602 } 2603 2604 .break-all { 2605 word-break: break-all 2606 } 2607 2608 .\!rounded-3xl { 2609 border-radius: 1.5rem !important 2610 } 2611 2612 .\!rounded-full { 2613 border-radius: 9999px !important 2614 } 2615 2616 .\!rounded-lg { 2617 border-radius: .5rem !important 2618 } 2619 2620 .\!rounded-none { 2621 border-radius: 0 !important 2622 } 2623 2624 .\!rounded-xl { 2625 border-radius: .75rem !important 2626 } 2627 2628 .rounded { 2629 border-radius: .25rem 2630 } 2631 2632 .rounded-2xl { 2633 border-radius: 1rem 2634 } 2635 2636 .rounded-3xl { 2637 border-radius: 1.5rem 2638 } 2639 2640 .rounded-full { 2641 border-radius: 9999px 2642 } 2643 2644 .rounded-lg { 2645 border-radius: .5rem 2646 } 2647 2648 .rounded-md { 2649 border-radius: .375rem 2650 } 2651 2652 .rounded-sm { 2653 border-radius: .125rem 2654 } 2655 2656 .rounded-xl { 2657 border-radius: .75rem 2658 } 2659 2660 .rounded-b-full { 2661 border-bottom-left-radius: 9999px; 2662 border-bottom-right-radius: 9999px 2663 } 2664 2665 .rounded-l-3xl { 2666 border-bottom-left-radius: 1.5rem; 2667 border-top-left-radius: 1.5rem 2668 } 2669 2670 .rounded-l-full { 2671 border-bottom-left-radius: 9999px; 2672 border-top-left-radius: 9999px 2673 } 2674 2675 .rounded-r-3xl { 2676 border-bottom-right-radius: 1.5rem; 2677 border-top-right-radius: 1.5rem 2678 } 2679 2680 .rounded-t-2xl { 2681 border-top-left-radius: 1rem; 2682 border-top-right-radius: 1rem 2683 } 2684 2685 .rounded-t-3xl { 2686 border-top-left-radius: 1.5rem; 2687 border-top-right-radius: 1.5rem 2688 } 2689 2690 .rounded-t-full { 2691 border-top-left-radius: 9999px; 2692 border-top-right-radius: 9999px 2693 } 2694 2695 .rounded-t-xl { 2696 border-top-left-radius: .75rem; 2697 border-top-right-radius: .75rem 2698 } 2699 2700 .rounded-tl-3xl { 2701 border-top-left-radius: 1.5rem 2702 } 2703 2704 .rounded-tr-3xl { 2705 border-top-right-radius: 1.5rem 2706 } 2707 2708 .\!border-2 { 2709 border-width: 2px !important 2710 } 2711 2712 .border { 2713 border-width: 1px 2714 } 2715 2716 .border-0 { 2717 border-width: 0 2718 } 2719 2720 .border-2 { 2721 border-width: 2px 2722 } 2723 2724 .border-4 { 2725 border-width: 4px 2726 } 2727 2728 .border-x-0 { 2729 border-left-width: 0; 2730 border-right-width: 0 2731 } 2732 2733 .border-b { 2734 border-bottom-width: 1px 2735 } 2736 2737 .border-b-2 { 2738 border-bottom-width: 2px 2739 } 2740 2741 .border-b-4 { 2742 border-bottom-width: 4px 2743 } 2744 2745 .border-b-\[10px\] { 2746 border-bottom-width: 10px 2747 } 2748 2749 .border-b-\[18px\] { 2750 border-bottom-width: 18px 2751 } 2752 2753 .border-b-\[20px\] {
2754 border-bottom-width: 20px 2755 } 2756 2757 .border-l { 2758 border-left-width: 1px 2759 } 2760 2761 .border-l-4 { 2762 border-left-width: 4px 2763 } 2764 2765 .border-l-\[10px\] { 2766 border-left-width: 10px 2767 } 2768 2769 .border-l-\[5px\] { 2770 border-left-width: 5px 2771 } 2772 2773 .border-l-\[9px\] { 2774 border-left-width: 9px 2775 } 2776 2777 .border-r { 2778 border-right-width: 1px 2779 } 2780 2781 .border-r-\[10px\] { 2782 border-right-width: 10px 2783 } 2784 2785 .border-r-\[5px\] { 2786 border-right-width: 5px 2787 } 2788 2789 .border-r-\[9px\] { 2790 border-right-width: 9px 2791 } 2792 2793 .border-t { 2794 border-top-width: 1px 2795 } 2796 2797 .border-t-0 { 2798 border-top-width: 0 2799 } 2800 2801 .border-dashed { 2802 border-style: dashed 2803 } 2804 2805 .border-none { 2806 border-style: none 2807 } 2808 2809 .\!border-blue-400 { 2810 --tw-border-opacity: 1 !important; 2811 border-color: rgb(96 165 250/var(--tw-border-opacity, 1)) !important 2812 } 2813 2814 .\!border-danger-main { 2815 --tw-border-opacity: 1 !important; 2816 border-color: rgb(236 33 61/var(--tw-border-opacity, 1)) !important 2817 } 2818 2819 .\!border-primary { 2820 --tw-border-opacity: 1 !important; 2821 border-color: rgb(0 90 171/var(--tw-border-opacity, 1)) !important 2822 } 2823 2824 .\!border-success-main { 2825 --tw-border-opacity: 1 !important; 2826 border-color: rgb(29 153 120/var(--tw-border-opacity, 1)) !important 2827 } 2828 2829 .border-\[\#0F62FE\] { 2830 --tw-border-opacity: 1; 2831 border-color: rgb(15 98 254/var(--tw-border-opacity, 1)) 2832 } 2833 2834 .border-\[\#1890FF\] { 2835 --tw-border-opacity: 1; 2836 border-color: rgb(24 144 255/var(--tw-border-opacity, 1)) 2837 } 2838 2839 .border-\[\#6E6E6E\] { 2840 --tw-border-opacity: 1; 2841 border-color: rgb(110 110 110/var(--tw-border-opacity, 1)) 2842 } 2843 2844 .border-\[\#9DC0EE\] { 2845 --tw-border-opacity: 1; 2846 border-color: rgb(157 192 238/var(--tw-border-opacity, 1)) 2847 } 2848 2849 .border-\[\#B3B3B3\] { 2850 --tw-border-opacity: 1; 2851 border-color: rgb(179 179 179/var(--tw-border-opacity, 1)) 2852 } 2853 2854 .border-\[\#C6C6C6\] { 2855 --tw-border-opacity: 1; 2856 border-color: rgb(198 198 198/var(--tw-border-opacity, 1)) 2857 } 2858 2859 .border-\[\#D1D1D1\] { 2860 --tw-border-opacity: 1; 2861 border-color: rgb(209 209 209/var(--tw-border-opacity, 1)) 2862 } 2863 2864 .border-\[\#D9D9D9\] { 2865 --tw-border-opacity: 1; 2866 border-color: rgb(217 217 217/var(--tw-border-opacity, 1)) 2867 } 2868 2869 .border-black { 2870 --tw-border-opacity: 1; 2871 border-color: rgb(0 0 0/var(--tw-border-opacity, 1)) 2872 } 2873 2874 .border-blue-400 { 2875 --tw-border-opacity: 1; 2876 border-color: rgb(96 165 250/var(--tw-border-opacity, 1)) 2877 } 2878 2879 .border-bw-100 { 2880 --tw-border-opacity: 1; 2881 border-color: rgb(242 242 242/var(--tw-border-opacity, 1)) 2882 } 2883 2884 .border-bw-200 { 2885 --tw-border-opacity: 1; 2886 border-color: rgb(207 207 207/var(--tw-border-opacity, 1)) 2887 } 2888 2889 .border-bw-400 { 2890 --tw-border-opacity: 1; 2891 border-color: rgb(158 158 158/var(--tw-border-opacity, 1)) 2892 } 2893 2894 .border-bw-500 { 2895 --tw-border-opacity: 1; 2896 border-color: rgb(134 134 134/var(--tw-border-opacity, 1)) 2897 } 2898 2899 .border-bw-600 { 2900 --tw-border-opacity: 1; 2901 border-color: rgb(110 110 110/var(--tw-border-opacity, 1)) 2902 } 2903 2904 .border-danger-border { 2905 --tw-border-opacity: 1; 2906 border-color: rgb(255 128 128/var(--tw-border-opacity, 1)) 2907 } 2908 2909 .border-danger-main { 2910 --tw-border-opacity: 1; 2911 border-color: rgb(236 33 61/var(--tw-border-opacity, 1)) 2912 } 2913 2914 .border-gray-200 { 2915 --tw-border-opacity: 1; 2916 border-color: rgb(229 231 235/var(--tw-border-opacity, 1)) 2917 } 2918 2919 .border-primary { 2920 --tw-border-opacity: 1; 2921 border-color: rgb(0 90 171/var(--tw-border-opacity, 1)) 2922 } 2923 2924 .border-primary-200 { 2925 --tw-border-opacity: 1; 2926 border-color: rgb(204 222 238/var(--tw-border-opacity, 1)) 2927 } 2928 2929 .border-success-main { 2930 --tw-border-opacity: 1; 2931 border-color: rgb(29 153 120/var(--tw-border-opacity, 1)) 2932 } 2933 2934 .border-transparent { 2935 border-color: #0000 2936 } 2937 2938 .border-warning-border { 2939 --tw-border-opacity: 1; 2940 border-color: rgb(247 217 164/var(--tw-border-opacity, 1)) 2941 } 2942 2943 .border-warning-main { 2944 --tw-border-opacity: 1; 2945 border-color: rgb(247 166 51/var(--tw-border-opacity, 1)) 2946 } 2947 2948 .border-white { 2949 --tw-border-opacity: 1; 2950 border-color: rgb(255 255 255/var(--tw-border-opacity, 1)) 2951 } 2952 2953 .border-l-transparent { 2954 border-left-color: #0000 2955 } 2956 2957 .border-r-transparent { 2958 border-right-color: #0000 2959 } 2960 2961 .border-t-primary-600 { 2962 --tw-border-opacity: 1; 2963 border-top-color: rgb(102 156 205/var(--tw-border-opacity, 1)) 2964 } 2965 2966 .border-opacity-90 { 2967 --tw-border-opacity: .9 2968 } 2969 2970 .\!bg-danger-main { 2971 --tw-bg-opacity: 1 !important; 2972 background-color: rgb(236 33 61/var(--tw-bg-opacity, 1)) !important 2973 } 2974 2975 .\!bg-danger-surface { 2976 --tw-bg-opacity: 1 !important; 2977 background-color: rgb(249 188 197/var(--tw-bg-opacity, 1)) !important 2978 } 2979 2980 .\!bg-primary { 2981 --tw-bg-opacity: 1 !important; 2982 background-color: rgb(0 90 171/var(--tw-bg-opacity, 1)) !important 2983 } 2984 2985 .\!bg-success-main { 2986 --tw-bg-opacity: 1 !important; 2987 background-color: rgb(29 153 120/var(--tw-bg-opacity, 1)) !important 2988 } 2989 2990 .\!bg-success-surface { 2991 --tw-bg-opacity: 1 !important; 2992 background-color: rgb(142 204 187/var(--tw-bg-opacity, 1)) !important 2993 } 2994 2995 .\!bg-transparent { 2996 background-color: initial !important 2997 } 2998 2999 .\!bg-warning-main { 3000 --tw-bg-opacity: 1 !important; 3001 background-color: rgb(247 166 51/var(--tw-bg-opacity, 1)) !important 3002 } 3003 3004 .\!bg-warning-surface { 3005 --tw-bg-opacity: 1 !important; 3006 background-color: rgb(253 228 194/var(--tw-bg-opacity, 1)) !important 3007 } 3008 3009 .\!bg-white { 3010 --tw-bg-opacity: 1 !important; 3011 background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) !important 3012 } 3013 3014 .bg-\[\#4c4c4c\] { 3015 --tw-bg-opacity: 1; 3016 background-color: rgb(76 76 76/var(--tw-bg-opacity, 1)) 3017 } 3018 3019 .bg-\[\#818181\] { 3020 --tw-bg-opacity: 1; 3021 background-color: rgb(129 129 129/var(--tw-bg-opacity, 1)) 3022 } 3023 3024 .bg-\[\#D9D9D9\] { 3025 --tw-bg-opacity: 1; 3026 background-color: rgb(217 217 217/var(--tw-bg-opacity, 1)) 3027 } 3028 3029 .bg-\[\#E2FFF7\] { 3030 --tw-bg-opacity: 1; 3031 background-color: rgb(226 255 247/var(--tw-bg-opacity, 1)) 3032 } 3033 3034 .bg-\[\#E5EBF180\] { 3035 background-color: #e5ebf180 3036 } 3037 3038 .bg-\[\#E6EFF6\] { 3039 --tw-bg-opacity: 1; 3040 background-color: rgb(230 239 246/var(--tw-bg-opacity, 1)) 3041 } 3042 3043 .bg-\[\#EEF4FC\] { 3044 --tw-bg-opacity: 1; 3045 background-color: rgb(238 244 252/var(--tw-bg-opacity, 1)) 3046 } 3047 3048 .bg-\[\#F3F6FB\] { 3049 --tw-bg-opacity: 1; 3050 background-color: rgb(243 246 251/var(--tw-bg-opacity, 1)) 3051 } 3052 3053 .bg-\[\#F5F5F5\] { 3054 --tw-bg-opacity: 1; 3055 background-color: rgb(245 245 245/var(--tw-bg-opacity, 1)) 3056 } 3057 3058 .bg-\[\#F6FFF9\] { 3059 --tw-bg-opacity: 1; 3060 background-color: rgb(246 255 249/var(--tw-bg-opacity, 1)) 3061 } 3062 3063 .bg-\[\#F7A633\] { 3064 --tw-bg-opacity: 1; 3065 background-color: rgb(247 166 51/var(--tw-bg-opacity, 1)) 3066 } 3067 3068 .bg-\[\#F7F8FA\] { 3069 --tw-bg-opacity: 1; 3070 background-color: rgb(247 248 250/var(--tw-bg-opacity, 1)) 3071 } 3072 3073 .bg-\[\#F8F8F8\] { 3074 --tw-bg-opacity: 1; 3075 background-color: rgb(248 248 248/var(--tw-bg-opacity, 1)) 3076 } 3077 3078 .bg-\[\#F9F9F9\] { 3079 --tw-bg-opacity: 1; 3080 background-color: rgb(249 249 249/var(--tw-bg-opacity, 1)) 3081 } 3082 3083 .bg-\[\#FAFAFA\] { 3084 --tw-bg-opacity: 1; 3085 background-color: rgb(250 250 250/var(--tw-bg-opacity, 1)) 3086 } 3087 3088 .bg-\[\#FBC229\] { 3089 --tw-bg-opacity: 1; 3090 background-color: rgb(251 194 41/var(--tw-bg-opacity, 1)) 3091 } 3092 3093 .bg-\[\#FDE3E4\] { 3094 --tw-bg-opacity: 1; 3095 background-color: rgb(253 227 228/var(--tw-bg-opacity, 1)) 3096 } 3097 3098 .bg-\[\#FFF5F3\] { 3099 --tw-bg-opacity: 1; 3100 background-color: rgb(255 245 243/var(--tw-bg-opacity, 1)) 3101 } 3102 3103 .bg-\[\#FFF8EC\] { 3104 --tw-bg-opacity: 1; 3105 background-color: rgb(255 248 236/var(--tw-bg-opacity, 1)) 3106 } 3107 3108 .bg-black { 3109 --tw-bg-opacity: 1; 3110 background-color: rgb(0 0 0/var(--tw-bg-opacity, 1)) 3111 } 3112 3113 .bg-blue-100 { 3114 --tw-bg-opacity: 1; 3115 background-color: rgb(219 234 254/var(--tw-bg-opacity, 1)) 3116 } 3117 3118 .bg-bw-100 { 3119 --tw-bg-opacity: 1; 3120 background-color: rgb(242 242 242/var(--tw-bg-opacity, 1)) 3121 } 3122 3123 .bg-bw-200 { 3124 --tw-bg-opacity: 1; 3125 background-color: rgb(207 207 207/var(--tw-bg-opacity, 1)) 3126 } 3127 3128 .bg-bw-300 { 3129 --tw-bg-opacity: 1; 3130 background-color: rgb(182 182 182/var(--tw-bg-opacity, 1)) 3131 } 3132 3133 .bg-bw-400 { 3134 --tw-bg-opacity: 1; 3135 background-color: rgb(158 158 158/var(--tw-bg-opacity, 1)) 3136 } 3137 3138 .bg-bw-500 { 3139 --tw-bg-opacity: 1; 3140 background-color: rgb(134 134 134/var(--tw-bg-opacity, 1)) 3141 } 3142 3143 .bg-bw-900 { 3144 --tw-bg-opacity: 1; 3145 background-color: rgb(37 37 37/var(--tw-bg-opacity, 1)) 3146 } 3147 3148 .bg-danger-main { 3149 --tw-bg-opacity: 1; 3150 background-color: rgb(236 33 61/var(--tw-bg-opacity, 1)) 3151 } 3152 3153 .bg-gray-100 { 3154 --tw-bg-opacity: 1; 3155 background-color: rgb(243 244 246/var(--tw-bg-opacity, 1)) 3156 } 3157 3158 .bg-gray-200 { 3159 --tw-bg-opacity: 1; 3160 background-color: rgb(229 231 235/var(--tw-bg-opacity, 1)) 3161 } 3162 3163 .bg-gray-400 { 3164 --tw-bg-opacity: 1; 3165 background-color: rgb(156 163 175/var(--tw-bg-opacity, 1)) 3166 } 3167 3168 .bg-primary { 3169 --tw-bg-opacity: 1; 3170 background-color: rgb(0 90 171/var(--tw-bg-opacity, 1)) 3171 } 3172 3173 .bg-primary-100 { 3174 --tw-bg-opacity: 1;
3175 background-color: rgb(229 239 247/var(--tw-bg-opacity, 1)) 3176 } 3177 3178 .bg-primary-200 { 3179 --tw-bg-opacity: 1; 3180 background-color: rgb(204 222 238/var(--tw-bg-opacity, 1)) 3181 } 3182 3183 .bg-primary-focus { 3184 --tw-bg-opacity: 1; 3185 background-color: rgb(77 139 196/var(--tw-bg-opacity, 1)) 3186 } 3187 3188 .bg-secondary-200 { 3189 --tw-bg-opacity: 1; 3190 background-color: rgb(254 238 212/var(--tw-bg-opacity, 1)) 3191 } 3192 3193 .bg-secondary-900 { 3194 --tw-bg-opacity: 1; 3195 background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) 3196 } 3197 3198 .bg-slate-200 { 3199 --tw-bg-opacity: 1; 3200 background-color: rgb(226 232 240/var(--tw-bg-opacity, 1)) 3201 } 3202 3203 .bg-slate-50 { 3204 --tw-bg-opacity: 1; 3205 background-color: rgb(248 250 252/var(--tw-bg-opacity, 1)) 3206 } 3207 3208 .bg-success-main { 3209 --tw-bg-opacity: 1; 3210 background-color: rgb(29 153 120/var(--tw-bg-opacity, 1)) 3211 } 3212 3213 .bg-transparent { 3214 background-color: initial 3215 } 3216 3217 .bg-warning-surface { 3218 --tw-bg-opacity: 1; 3219 background-color: rgb(253 228 194/var(--tw-bg-opacity, 1)) 3220 } 3221 3222 .bg-white { 3223 --tw-bg-opacity: 1; 3224 background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) 3225 } 3226 3227 .bg-opacity-25 { 3228 --tw-bg-opacity: .25 3229 } 3230 3231 .bg-opacity-50 { 3232 --tw-bg-opacity: .5 3233 } 3234 3235 .bg-opacity-90 { 3236 --tw-bg-opacity: .9 3237 } 3238 3239 .bg-gradient-to-l { 3240 background-image: linear-gradient(to left, var(--tw-gradient-stops)) 3241 } 3242 3243 .bg-gradient-to-r { 3244 background-image: linear-gradient(to right, var(--tw-gradient-stops)) 3245 } 3246 3247 .bg-gradient-to-t { 3248 background-image: linear-gradient(to top, var(--tw-gradient-stops)) 3249 } 3250 3251 .\!from-danger-main { 3252 --tw-gradient-from: #ec213d var(--tw-gradient-from-position) !important; 3253 --tw-gradient-to: #ec213d00 var(--tw-gradient-to-position) !important; 3254 --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important 3255 } 3256 3257 .from-\[\$\{themeData\.bg_color\}\] { 3258 --tw-gradient-from:$ { 3259 themeData.bg color 3260 } 3261 3262 var(--tw-gradient-from-position); 3263 --tw-gradient-to:#fff0 var(--tw-gradient-to-position); 3264 --tw-gradient-stops:var(--tw-gradient-from), 3265 var(--tw-gradient-to) 3266 } 3267 3268 .from-primary { 3269 --tw-gradient-from: #005aab var(--tw-gradient-from-position); 3270 --tw-gradient-to: #005aab00 var(--tw-gradient-to-position); 3271 --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) 3272 } 3273 3274 .from-white { 3275 --tw-gradient-from: #fff var(--tw-gradient-from-position); 3276 --tw-gradient-to: #fff0 var(--tw-gradient-to-position); 3277 --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) 3278 } 3279 3280 .from-50\% { 3281 --tw-gradient-from-position: 50% 3282 } 3283 3284 .\!to-danger-main { 3285 --tw-gradient-to: #ec213d var(--tw-gradient-to-position) !important 3286 } 3287 3288 .to-\[\#E6EFF6\] { 3289 --tw-gradient-to: #e6eff6 var(--tw-gradient-to-position) 3290 } 3291 3292 .to-bw-500 { 3293 --tw-gradient-to: #868686 var(--tw-gradient-to-position) 3294 } 3295 3296 .to-bw-800 { 3297 --tw-gradient-to: #3d3d3d var(--tw-gradient-to-position) 3298 } 3299 3300 .to-bw-900 { 3301 --tw-gradient-to: #252525 var(--tw-gradient-to-position) 3302 } 3303 3304 .to-transparent { 3305 --tw-gradient-to: #0000 var(--tw-gradient-to-position) 3306 } 3307 3308 .to-50\% { 3309 --tw-gradient-to-position: 50% 3310 } 3311 3312 .bg-cover { 3313 background-size: cover 3314 } 3315 3316 .bg-center { 3317 background-position: 50% 3318 } 3319 3320 .fill-primary { 3321 fill: #005aab 3322 } 3323 3324 .object-contain { 3325 object-fit: contain 3326 } 3327 3328 .object-cover { 3329 object-fit: cover 3330 } 3331 3332 .object-center { 3333 object-position: center 3334 } 3335 3336 .\!p-0 { 3337 padding: 0 !important 3338 } 3339 3340 .p-0 { 3341 padding: 0 3342 } 3343 3344 .p-1 { 3345 padding: .25rem 3346 } 3347 3348 .p-2 { 3349 padding: .5rem 3350 } 3351 3352 .p-3 { 3353 padding: .75rem 3354 } 3355 3356 .p-4 { 3357 padding: 1rem 3358 } 3359 3360 .p-5 { 3361 padding: 1.25rem 3362 } 3363 3364 .p-6 { 3365 padding: 1.5rem 3366 } 3367 3368 .p-8 { 3369 padding: 2rem 3370 } 3371 3372 .p-\[1px\] { 3373 padding: 1px 3374 } 3375 3376 .\!px-0 { 3377 padding-left: 0 !important; 3378 padding-right: 0 !important 3379 } 3380 3381 .\!px-12 { 3382 padding-left: 3rem !important; 3383 padding-right: 3rem !important 3384 } 3385 3386 .\!px-14 { 3387 padding-left: 3.5rem !important; 3388 padding-right: 3.5rem !important 3389 } 3390 3391 .\!px-16 { 3392 padding-left: 4rem !important; 3393 padding-right: 4rem !important 3394 } 3395 3396 .\!px-2 { 3397 padding-left: .5rem !important; 3398 padding-right: .5rem !important 3399 } 3400 3401 .\!px-3 { 3402 padding-left: .75rem !important; 3403 padding-right: .75rem !important 3404 } 3405 3406 .\!px-4 { 3407 padding-left: 1rem !important; 3408 padding-right: 1rem !important 3409 } 3410 3411 .\!px-6 { 3412 padding-left: 1.5rem !important; 3413 padding-right: 1.5rem !important 3414 } 3415 3416 .\!py-2 { 3417 padding-bottom: .5rem !important; 3418 padding-top: .5rem !important 3419 } 3420 3421 .px-0 { 3422 padding-left: 0; 3423 padding-right: 0 3424 } 3425 3426 .px-1 { 3427 padding-left: .25rem; 3428 padding-right: .25rem 3429 } 3430 3431 .px-2 { 3432 padding-left: .5rem; 3433 padding-right: .5rem 3434 } 3435 3436 .px-3 { 3437 padding-left: .75rem; 3438 padding-right: .75rem 3439 } 3440 3441 .px-4 { 3442 padding-left: 1rem; 3443 padding-right: 1rem 3444 } 3445 3446 .px-5 { 3447 padding-left: 1.25rem; 3448 padding-right: 1.25rem 3449 } 3450 3451 .px-6 { 3452 padding-left: 1.5rem; 3453 padding-right: 1.5rem 3454 } 3455 3456 .px-8 { 3457 padding-left: 2rem; 3458 padding-right: 2rem 3459 } 3460 3461 .py-1 { 3462 padding-bottom: .25rem; 3463 padding-top: .25rem 3464 } 3465 3466 .py-10 { 3467 padding-bottom: 2.5rem; 3468 padding-top: 2.5rem 3469 } 3470 3471 .py-12 { 3472 padding-bottom: 3rem; 3473 padding-top: 3rem 3474 } 3475 3476 .py-16 { 3477 padding-bottom: 4rem; 3478 padding-top: 4rem 3479 } 3480 3481 .py-2 { 3482 padding-bottom: .5rem; 3483 padding-top: .5rem 3484 } 3485 3486 .py-20 { 3487 padding-bottom: 5rem; 3488 padding-top: 5rem 3489 } 3490 3491 .py-3 { 3492 padding-bottom: .75rem; 3493 padding-top: .75rem 3494 } 3495 3496 .py-4 { 3497 padding-bottom: 1rem; 3498 padding-top: 1rem 3499 } 3500 3501 .py-5 { 3502 padding-bottom: 1.25rem; 3503 padding-top: 1.25rem 3504 } 3505 3506 .py-6 { 3507 padding-bottom: 1.5rem; 3508 padding-top: 1.5rem 3509 } 3510 3511 .py-7 { 3512 padding-bottom: 1.75rem; 3513 padding-top: 1.75rem 3514 } 3515 3516 .py-8 { 3517 padding-bottom: 2rem; 3518 padding-top: 2rem 3519 } 3520 3521 .py-9 { 3522 padding-bottom: 2.25rem; 3523 padding-top: 2.25rem 3524 } 3525 3526 .py-\[10px\] { 3527 padding-bottom: 10px; 3528 padding-top: 10px 3529 } 3530 3531 .py-\[11px\] { 3532 padding-bottom: 11px; 3533 padding-top: 11px 3534 } 3535 3536 .\!pl-10 { 3537 padding-left: 2.5rem !important 3538 } 3539 3540 .\!pl-12 { 3541 padding-left: 3rem !important 3542 } 3543 3544 .\!pl-16 { 3545 padding-left: 4rem !important 3546 } 3547 3548 .\!pl-8 { 3549 padding-left: 2rem !important 3550 } 3551 3552 .\!pl-\[3\.5rem\] { 3553 padding-left: 3.5rem !important 3554 } 3555 3556 .pb-1 { 3557 padding-bottom: .25rem 3558 } 3559 3560 .pb-12 { 3561 padding-bottom: 3rem 3562 } 3563 3564 .pb-16 { 3565 padding-bottom: 4rem 3566 } 3567 3568 .pb-2 {
3569 padding-bottom: .5rem 3570 } 3571 3572 .pb-3 { 3573 padding-bottom: .75rem 3574 } 3575 3576 .pb-4 { 3577 padding-bottom: 1rem 3578 } 3579 3580 .pb-5 { 3581 padding-bottom: 1.25rem 3582 } 3583 3584 .pb-6 { 3585 padding-bottom: 1.5rem 3586 } 3587 3588 .pb-8 { 3589 padding-bottom: 2rem 3590 } 3591 3592 .pb-\[450px\] { 3593 padding-bottom: 450px 3594 } 3595 3596 .pb-\[env\(safe-area-inset-bottom\)\] { 3597 padding-bottom: env(safe-area-inset-bottom) 3598 } 3599 3600 .pl-1 { 3601 padding-left: .25rem 3602 } 3603 3604 .pl-2 { 3605 padding-left: .5rem 3606 } 3607 3608 .pl-3 { 3609 padding-left: .75rem 3610 } 3611 3612 .pl-4 { 3613 padding-left: 1rem 3614 } 3615 3616 .pl-5 { 3617 padding-left: 1.25rem 3618 } 3619 3620 .pl-8 { 3621 padding-left: 2rem 3622 } 3623 3624 .pl-\[2px\] { 3625 padding-left: 2px 3626 } 3627 3628 .pr-1 { 3629 padding-right: .25rem 3630 } 3631 3632 .pr-12 { 3633 padding-right: 3rem 3634 } 3635 3636 .pr-2 { 3637 padding-right: .5rem 3638 } 3639 3640 .pr-3 { 3641 padding-right: .75rem 3642 } 3643 3644 .pr-4 { 3645 padding-right: 1rem 3646 } 3647 3648 .pr-8 { 3649 padding-right: 2rem 3650 } 3651 3652 .pr-\[10px\] { 3653 padding-right: 10px 3654 } 3655 3656 .pt-0 { 3657 padding-top: 0 3658 } 3659 3660 .pt-1 { 3661 padding-top: .25rem 3662 } 3663 3664 .pt-10 { 3665 padding-top: 2.5rem 3666 } 3667 3668 .pt-12 { 3669 padding-top: 3rem 3670 } 3671 3672 .pt-16 { 3673 padding-top: 4rem 3674 } 3675 3676 .pt-2 { 3677 padding-top: .5rem 3678 } 3679 3680 .pt-28 { 3681 padding-top: 7rem 3682 } 3683 3684 .pt-3 { 3685 padding-top: .75rem 3686 } 3687 3688 .pt-4 { 3689 padding-top: 1rem 3690 } 3691 3692 .pt-5 { 3693 padding-top: 1.25rem 3694 } 3695 3696 .pt-6 { 3697 padding-top: 1.5rem 3698 } 3699 3700 .pt-8 { 3701 padding-top: 2rem 3702 } 3703 3704 .pt-\[2px\] { 3705 padding-top: 2px 3706 } 3707 3708 .text-left { 3709 text-align: left 3710 } 3711 3712 .text-center { 3713 text-align: center 3714 } 3715 3716 .text-right { 3717 text-align: right 3718 } 3719 3720 .font-sans { 3721 font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji 3722 } 3723 3724 .\!text-base { 3725 font-size: 1rem !important; 3726 line-height: 1.5rem !important 3727 } 3728 3729 .\!text-sm { 3730 font-size: .875rem !important; 3731 line-height: 1.25rem !important 3732 } 3733 3734 .\!text-xs { 3735 font-size: .75rem !important; 3736 line-height: 1rem !important 3737 } 3738 3739 .text-2xl { 3740 font-size: 1.5rem; 3741 line-height: 2rem 3742 } 3743 3744 .text-3xl { 3745 font-size: 1.875rem; 3746 line-height: 2.25rem 3747 } 3748 3749 .text-4xl { 3750 font-size: 2.25rem; 3751 line-height: 2.5rem 3752 } 3753 3754 .text-5xl { 3755 font-size: 3rem; 3756 line-height: 1 3757 } 3758 3759 .text-\[10px\] { 3760 font-size: 10px 3761 } 3762 3763 .text-\[12px\] { 3764 font-size: 12px 3765 } 3766 3767 .text-\[16px\] { 3768 font-size: 16px 3769 } 3770 3771 .text-\[40px\] { 3772 font-size: 40px 3773 } 3774 3775 .text-\[8px\] { 3776 font-size: 8px 3777 } 3778 3779 .text-\[9px\] { 3780 font-size: 9px 3781 } 3782 3783 .text-base { 3784 font-size: 1rem; 3785 line-height: 1.5rem 3786 } 3787 3788 .text-lg { 3789 font-size: 1.125rem; 3790 line-height: 1.75rem 3791 } 3792 3793 .text-sm { 3794 font-size: .875rem; 3795 line-height: 1.25rem 3796 } 3797 3798 .text-xl { 3799 font-size: 1.25rem; 3800 line-height: 1.75rem 3801 } 3802 3803 .text-xs { 3804 font-size: .75rem; 3805 line-height: 1rem 3806 } 3807 3808 .\!font-normal { 3809 font-weight: 400 !important 3810 } 3811 3812 .font-bold { 3813 font-weight: 700 3814 } 3815 3816 .font-light { 3817 font-weight: 300 3818 } 3819 3820 .font-medium { 3821 font-weight: 500 3822 } 3823 3824 .font-normal { 3825 font-weight: 400 3826 } 3827 3828 .font-semibold { 3829 font-weight: 600 3830 } 3831 3832 .capitalize { 3833 text-transform: capitalize 3834 } 3835 3836 .italic { 3837 font-style: italic 3838 } 3839 3840 .leading-tight { 3841 line-height: 1.25 3842 } 3843 3844 .\!text-bw-500 { 3845 --tw-text-opacity: 1 !important; 3846 color: rgb(134 134 134/var(--tw-text-opacity, 1)) !important 3847 } 3848 3849 .\!text-danger-main { 3850 --tw-text-opacity: 1 !important; 3851 color: rgb(236 33 61/var(--tw-text-opacity, 1)) !important 3852 } 3853 3854 .\!text-primary { 3855 --tw-text-opacity: 1 !important; 3856 color: rgb(0 90 171/var(--tw-text-opacity, 1)) !important 3857 } 3858 3859 .\!text-success-main { 3860 --tw-text-opacity: 1 !important; 3861 color: rgb(29 153 120/var(--tw-text-opacity, 1)) !important 3862 } 3863 3864 .text-\[\#00000073\] { 3865 color: #00000073 3866 } 3867 3868 .text-\[\#161616\] { 3869 --tw-text-opacity: 1; 3870 color: rgb(22 22 22/var(--tw-text-opacity, 1)) 3871 } 3872 3873 .text-\[\#1890FF\] { 3874 --tw-text-opacity: 1; 3875 color: rgb(24 144 255/var(--tw-text-opacity, 1)) 3876 } 3877 3878 .text-\[\#27303A\] { 3879 --tw-text-opacity: 1; 3880 color: rgb(39 48 58/var(--tw-text-opacity, 1)) 3881 } 3882 3883 .text-\[\#353535\] { 3884 --tw-text-opacity: 1; 3885 color: rgb(53 53 53/var(--tw-text-opacity, 1)) 3886 } 3887 3888 .text-\[\#4C4C4C\] { 3889 --tw-text-opacity: 1; 3890 color: rgb(76 76 76/var(--tw-text-opacity, 1)) 3891 } 3892 3893 .text-\[\#646464\] { 3894 --tw-text-opacity: 1; 3895 color: rgb(100 100 100/var(--tw-text-opacity, 1)) 3896 } 3897 3898 .text-\[\#797979\] { 3899 --tw-text-opacity: 1; 3900 color: rgb(121 121 121/var(--tw-text-opacity, 1)) 3901 } 3902 3903 .text-\[\#868686\] { 3904 --tw-text-opacity: 1; 3905 color: rgb(134 134 134/var(--tw-text-opacity, 1)) 3906 } 3907 3908 .text-\[\#898989\] { 3909 --tw-text-opacity: 1; 3910 color: rgb(137 137 137/var(--tw-text-opacity, 1)) 3911 } 3912 3913 .text-\[\#CA2D33\] { 3914 --tw-text-opacity: 1; 3915 color: rgb(202 45 51/var(--tw-text-opacity, 1)) 3916 } 3917 3918 .text-\[\#DA001A\] { 3919 --tw-text-opacity: 1;
3920 color: rgb(218 0 26/var(--tw-text-opacity, 1)) 3921 } 3922 3923 .text-\[\#E0E0E7\] { 3924 --tw-text-opacity: 1; 3925 color: rgb(224 224 231/var(--tw-text-opacity, 1)) 3926 } 3927 3928 .text-\[\#FF9F00\] { 3929 --tw-text-opacity: 1; 3930 color: rgb(255 159 0/var(--tw-text-opacity, 1)) 3931 } 3932 3933 .text-blue-400 { 3934 --tw-text-opacity: 1; 3935 color: rgb(96 165 250/var(--tw-text-opacity, 1)) 3936 } 3937 3938 .text-bw-200 { 3939 --tw-text-opacity: 1; 3940 color: rgb(207 207 207/var(--tw-text-opacity, 1)) 3941 } 3942 3943 .text-bw-300 { 3944 --tw-text-opacity: 1; 3945 color: rgb(182 182 182/var(--tw-text-opacity, 1)) 3946 } 3947 3948 .text-bw-400 { 3949 --tw-text-opacity: 1; 3950 color: rgb(158 158 158/var(--tw-text-opacity, 1)) 3951 } 3952 3953 .text-bw-500 { 3954 --tw-text-opacity: 1; 3955 color: rgb(134 134 134/var(--tw-text-opacity, 1)) 3956 } 3957 3958 .text-bw-600 { 3959 --tw-text-opacity: 1; 3960 color: rgb(110 110 110/var(--tw-text-opacity, 1)) 3961 } 3962 3963 .text-bw-700 { 3964 --tw-text-opacity: 1; 3965 color: rgb(86 86 86/var(--tw-text-opacity, 1)) 3966 } 3967 3968 .text-bw-800 { 3969 --tw-text-opacity: 1; 3970 color: rgb(61 61 61/var(--tw-text-opacity, 1)) 3971 } 3972 3973 .text-bw-900 { 3974 --tw-text-opacity: 1; 3975 color: rgb(37 37 37/var(--tw-text-opacity, 1)) 3976 } 3977 3978 .text-danger-main { 3979 --tw-text-opacity: 1; 3980 color: rgb(236 33 61/var(--tw-text-opacity, 1)) 3981 } 3982 3983 .text-gray-200 { 3984 --tw-text-opacity: 1; 3985 color: rgb(229 231 235/var(--tw-text-opacity, 1)) 3986 } 3987 3988 .text-gray-500 { 3989 --tw-text-opacity: 1; 3990 color: rgb(107 114 128/var(--tw-text-opacity, 1)) 3991 } 3992 3993 .text-gray-600 { 3994 --tw-text-opacity: 1; 3995 color: rgb(75 85 99/var(--tw-text-opacity, 1)) 3996 } 3997 3998 .text-gray-700 { 3999 --tw-text-opacity: 1; 4000 color: rgb(55 65 81/var(--tw-text-opacity, 1)) 4001 } 4002 4003 .text-gray-900 { 4004 --tw-text-opacity: 1; 4005 color: rgb(17 24 39/var(--tw-text-opacity, 1)) 4006 } 4007 4008 .text-primary { 4009 --tw-text-opacity: 1; 4010 color: rgb(0 90 171/var(--tw-text-opacity, 1)) 4011 } 4012 4013 .text-red-500 { 4014 --tw-text-opacity: 1; 4015 color: rgb(239 68 68/var(--tw-text-opacity, 1)) 4016 } 4017 4018 .text-success-main { 4019 --tw-text-opacity: 1; 4020 color: rgb(29 153 120/var(--tw-text-opacity, 1)) 4021 } 4022 4023 .text-warning-main { 4024 --tw-text-opacity: 1; 4025 color: rgb(247 166 51/var(--tw-text-opacity, 1)) 4026 } 4027 4028 .text-white { 4029 --tw-text-opacity: 1; 4030 color: rgb(255 255 255/var(--tw-text-opacity, 1)) 4031 } 4032 4033 .underline { 4034 text-decoration-line: underline 4035 } 4036 4037 .line-through { 4038 text-decoration-line: line-through 4039 } 4040 4041 .opacity-0 { 4042 opacity: 0 4043 } 4044 4045 .opacity-40 { 4046 opacity: .4 4047 } 4048 4049 .shadow { 4050 --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
4051 --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) 4052 } 4053 4054 .shadow, 4055 .shadow-lg { 4056 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) 4057 } 4058 4059 .shadow-lg { 4060 --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a; 4061 --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) 4062 } 4063 4064 .shadow-md { 4065 --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a; 4066 --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); 4067 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) 4068 } 4069 4070 .outline { 4071 outline-style: solid 4072 } 4073 4074 .ring-1 { 4075 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 4076 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); 4077 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
4077dow, 0 0 #0000) 4078 } 4079 4080 .ring-primary { 4081 --tw-ring-opacity: 1; 4082 --tw-ring-color: rgb(0 90 171/var(--tw-ring-opacity, 1)) 4083 } 4084 4085 .\!ring-offset-4 { 4086 --tw-ring-offset-width: 4px !important 4087 } 4088 4089 .blur { 4090 --tw-blur: blur(8px) 4091 } 4092 4093 .blur, 4094 .brightness-50 { 4095 filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) 4096 } 4097 4098 .brightness-50 { 4099 --tw-brightness: brightness(.5) 4100 } 4101 4102 .grayscale { 4103 --tw-grayscale: grayscale(100%) 4104 } 4105 4106 .filter, 4107 .grayscale { 4108 filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) 4109 } 4110 4111 .transition { 4112 transition-duration: .25s; 4113 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; 4114 transition-timing-function: cubic-bezier(.4, 0, .2, 1) 4115 } 4116 4117 .transition-\[grid-template-rows\] { 4118 transition-duration: .25s; 4119 transition-property: grid-template-rows; 4120 transition-timing-function: cubic-bezier(.4, 0, .2, 1) 4121 } 4122 4123 .transition-\[padding-top\] { 4124 transition-duration: .25s; 4125 transition-property: padding-top; 4126 transition-timing-function: cubic-bezier(.4, 0, .2, 1) 4127 } 4128 4129 .transition-\[scale\] { 4130 transition-duration: .25s; 4131 transition-property: scale; 4132 transition-timing-function: cubic-bezier(.4, 0, .2, 1) 4133 } 4134 4135 .transition-all { 4136 transition-duration: .25s; 4137 transition-property: all; 4138 transition-timing-function: cubic-bezier(.4, 0, .2, 1) 4139 } 4140 4141 .duration-1000 { 4142 transition-duration: 1s 4143 } 4144 4145 .duration-300 { 4146 transition-duration: .3s 4147 } 4148 4149 .duration-500 { 4150 transition-duration: .5s 4151 } 4152 4153 .ease-in { 4154 transition-timing-function: cubic-bezier(.4, 0, 1, 1) 4155 } 4156 4157 .ease-in-out { 4158 transition-timing-function: cubic-bezier(.4, 0, .2, 1) 4159 } 4160 4161 @media (min-width:768px) { 4162 .md\:container { 4163 width: 100% 4164 } 4165 4166 @media (min-width:640px) { 4167 .md\:container { 4168 max-width: 640px 4169 } 4170 } 4171 4172 .md\:container { 4173 max-width: 768px 4174 } 4175 4176 @media (min-width:1024px) { 4177 .md\:container { 4178 max-width: 1024px 4179 } 4180 } 4181 4182 @media (min-width:1280px) { 4183 .md\:container { 4184 max-width: 1280px 4185 } 4186 } 4187 4188 @media (min-width:1440px) { 4189 .md\:container { 4190 max-width: 1440px 4191 } 4192 } 4193 4194 @media (min-width:1920px) { 4195 .md\:container { 4196 max-width: 1920px 4197 } 4198 } 4199 } 4200 4201 @media (min-width:1920px) { 4202 .\33xl\:container { 4203 width: 100% 4204 } 4205 4206 @media (min-width:640px) { 4207 .\33xl\:container { 4208 max-width: 640px 4209 } 4210 } 4211 4212 @media (min-width:768px) { 4213 .\33xl\:container { 4214 max-width: 768px 4215 } 4216 } 4217 4218 @media (min-width:1024px) { 4219 .\33xl\:container { 4220 max-width: 1024px 4221 } 4222 } 4223 4224 @media (min-width:1280px) { 4225 .\33xl\:container { 4226 max-width: 1280px 4227 } 4228 } 4229 4230 @media (min-width:1440px) { 4231 .\33xl\:container { 4232 max-width: 1440px 4233 } 4234 } 4235 4236 .\33xl\:container { 4237 max-width: 1920px 4238 } 4239 } 4240 4241 .\*\:aspect-square>* { 4242 aspect-ratio: 1/1 4243 } 4244 4245 .\*\:\!size-10>* { 4246 height: 2.5rem !important; 4247 width: 2.5rem !important 4248 } 4249 4250 .\*\:\!size-5>* { 4251 height: 1.25rem !important; 4252 width: 1.25rem !important 4253 } 4254 4255 .\*\:size-24>* { 4256 height: 6rem; 4257 width: 6rem 4258 } 4259 4260 .\*\:h-full>* { 4261 height: 100% 4262 } 4263 4264 .\*\:\!w-auto>* { 4265 width: auto !important 4266 } 4267 4268 .\*\:w-full>* { 4269 width: 100% 4270 } 4271 4272 .\*\:\!max-w-2xl>* { 4273 max-width: 42rem !important 4274 } 4275 4276 .\*\:\!max-w-3xl>* { 4277 max-width: 48rem !important 4278 } 4279 4280 .\*\:\!max-w-5xl>* { 4281 max-width: 64rem !important 4282 } 4283 4284 .\*\:max-w-3xl>* { 4285 max-width: 48rem 4286 } 4287 4288 .\*\:max-w-4xl>* { 4289 max-width: 56rem 4290 } 4291 4292 .\*\:max-w-5xl>* { 4293 max-width: 64rem 4294 } 4295 4296 .\*\:max-w-full>* { 4297 max-width: 100% 4298 } 4299 4300 .\*\:max-w-lg>* { 4301 max-width: 32rem 4302 } 4303 4304 .\*\:max-w-md>* { 4305 max-width: 28rem 4306 } 4307 4308 .\*\:max-w-sm>* { 4309 max-width: 24rem 4310 } 4311 4312 .\*\:max-w-xl>* { 4313 max-width: 36rem 4314 } 4315 4316 .\*\:flex-1>* { 4317 flex: 1 1 0% 4318 } 4319 4320 .\*\:flex-wrap>* { 4321 flex-wrap: wrap 4322 } 4323 4324 .\*\:\!gap-2>* { 4325 gap: .5rem !important 4326 } 4327 4328 .\*\:gap-0>* { 4329 gap: 0 4330 } 4331 4332 .\*\:\*\:text-nowrap>*>* { 4333 text-wrap: nowrap 4334 } 4335 4336 .\*\:\!border-none>* { 4337 border-style: none !important 4338 } 4339 4340 .\*\:\!bg-danger-main>* { 4341 --tw-bg-opacity: 1 !important; 4342 background-color: rgb(236 33 61/var(--tw-bg-opacity, 1)) !important 4343 } 4344 4345 .\*\:\!bg-success-main>* { 4346 --tw-bg-opacity: 1 !important; 4347 background-color: rgb(29 153 120/var(--tw-bg-opacity, 1)) !important 4348 } 4349 4350 .\*\:\!bg-transparent>* { 4351 background-color: initial !important 4352 } 4353 4354 .\*\:\!bg-warning-main>* { 4355 --tw-bg-opacity: 1 !important; 4356 background-color: rgb(247 166 51/var(--tw-bg-opacity, 1)) !important 4357 } 4358 4359 .\*\:\!p-0>* { 4360 padding: 0 !important 4361 } 4362 4363 .\*\:p-0>* { 4364 padding: 0 4365 } 4366 4367 .\*\:\!px-0>* { 4368 padding-left: 0 !important; 4369 padding-right: 0 !important 4370 } 4371 4372 .\*\:px-3>* { 4373 padding-left: .75rem; 4374 padding-right: .75rem 4375 } 4376 4377 .\*\:text-center>* { 4378 text-align: center 4379 } 4380 4381 .\*\:\!text-danger-main>* { 4382 --tw-text-opacity: 1 !important; 4383 color: rgb(236 33 61/var(--tw-text-opacity, 1)) !important 4384 } 4385 4386 .\*\:\!shadow-none>* { 4387 --tw-shadow: 0 0 #0000 !important; 4388 --tw-shadow-colored: 0 0 #0000 !important; 4389 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-sha
4389dow) !important 4390 } 4391 4392 .placeholder\:\!text-blue-400::placeholder { 4393 --tw-text-opacity: 1 !important; 4394 color: rgb(96 165 250/var(--tw-text-opacity, 1)) !important 4395 } 4396 4397 .placeholder\:text-bw-500::placeholder { 4398 --tw-text-opacity: 1; 4399 color: rgb(134 134 134/var(--tw-text-opacity, 1)) 4400 } 4401 4402 .after\:absolute:after { 4403 content: var(--tw-content); 4404 position: absolute 4405 } 4406 4407 .after\:start-\[2px\]:after { 4408 content: var(--tw-content); 4409 inset-inline-start: 2px 4410 } 4411 4412 .after\:top-0\.5:after { 4413 content: var(--tw-content); 4414 top: .125rem 4415 } 4416 4417 .after\:h-4:after { 4418 content: var(--tw-content); 4419 height: 1rem 4420 } 4421 4422 .after\:w-4:after { 4423 content: var(--tw-content); 4424 width: 1rem 4425 } 4426 4427 .after\:rounded-full:after { 4428 border-radius: 9999px; 4429 content: var(--tw-content) 4430 } 4431 4432 .after\:border:after { 4433 border-width: 1px; 4434 content: var(--tw-content) 4435 } 4436 4437 .after\:border-gray-300:after { 4438 content: var(--tw-content); 4439 --tw-border-opacity: 1; 4440 border-color: rgb(209 213 219/var(--tw-border-opacity, 1)) 4441 } 4442 4443 .after\:bg-white:after { 4444 content: var(--tw-content); 4445 --tw-bg-opacity: 1; 4446 background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) 4447 } 4448 4449 .after\:transition-all:after { 4450 content: var(--tw-content); 4451 transition-duration: .25s; 4452 transition-property: all; 4453 transition-timing-function: cubic-bezier(.4, 0, .2, 1) 4454 } 4455 4456 .after\:content-\[\'\'\]:after { 4457 --tw-content: ""; 4458 content: var(--tw-content) 4459 } 4460 4461 .last\:border-none:last-child { 4462 border-style: none 4463 } 4464 4465 .odd\:bg-\[\#F8F8F8\]:nth-child(odd) { 4466 --tw-bg-opacity: 1; 4467 background-color: rgb(248 248 248/var(--tw-bg-opacity, 1)) 4468 } 4469 4470 .even\:bg-\[\#F9F9F9\]:nth-child(2n) { 4471 --tw-bg-opacity: 1; 4472 background-color: rgb(249 249 249/var(--tw-bg-opacity, 1)) 4473 } 4474 4475 .checked\:\!bg-primary:checked { 4476 --tw-bg-opacity: 1 !important; 4477 background-color: rgb(0 90 171/var(--tw-bg-opacity, 1)) !important 4478 } 4479 4480 .checked\:bg-primary:checked { 4481 --tw-bg-opacity: 1; 4482 background-color: rgb(0 90 171/var(--tw-bg-opacity, 1)) 4483 } 4484 4485 .hover\:\!bg-primary:hover { 4486 --tw-bg-opacity: 1 !important; 4487 background-color: rgb(0 90 171/var(--tw-bg-opacity, 1)) !important 4488 } 4489 4490 .hover\:\!bg-white:hover { 4491 --tw-bg-opacity: 1 !important; 4492 background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) !important 4493 } 4494 4495 .hover\:bg-blue-100:hover { 4496 --tw-bg-opacity: 1; 4497 background-color: rgb(219 234 254/var(--tw-bg-opacity, 1)) 4498 } 4499 4500 .hover\:bg-primary-100:hover { 4501 --tw-bg-opacity: 1; 4502 background-color: rgb(229 239 247/var(--tw-bg-opacity, 1)) 4503 } 4504 4505 .hover\:bg-slate-50:hover { 4506 --tw-bg-opacity: 1; 4507 background-color: rgb(248 250 252/var(--tw-bg-opacity, 1)) 4508 } 4509 4510 .hover\:bg-opacity-50:hover { 4511 --tw-bg-opacity: .5 4512 } 4513 4514 .hover\:font-bold:hover { 4515 font-weight: 700 4516 } 4517 4518 .hover\:\!text-primary:hover { 4519 --tw-text-opacity: 1 !important; 4520 color: rgb(0 90 171/var(--tw-text-opacity, 1)) !important 4521 } 4522 4523 .hover\:text-primary:hover { 4524 --tw-text-opacity: 1; 4525 color: rgb(0 90 171/var(--tw-text-opacity, 1)) 4526 } 4527 4528 .hover\:underline:hover { 4529 text-decoration-line: underline 4530 } 4531 4532 .hover\:opacity-80:hover { 4533 opacity: .8 4534 } 4535 4536 .hover\:grayscale-\[50\%\]:hover { 4537 --tw-grayscale: grayscale(50%); 4538 filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) 4539 } 4540 4541 .focus\:border-primary:focus { 4542 --tw-border-opacity: 1; 4543 border-color: rgb(0 90 171/var(--tw-border-opacity, 1)) 4544 } 4545 4546 .focus\:border-transparent:focus { 4547 border-color: #0000 4548 } 4549 4550 .focus\:ring-0:focus { 4551 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 4552 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color); 4553 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
4553dow, 0 0 #0000) 4554 } 4555 4556 .active\:opacity-50:active { 4557 opacity: .5 4558 } 4559 4560 .disabled\:cursor-not-allowed:disabled { 4561 cursor: not-allowed 4562 } 4563 4564 .disabled\:border-transparent:disabled { 4565 border-color: #0000 4566 } 4567 4568 .disabled\:\!bg-gray-200:disabled { 4569 --tw-bg-opacity: 1 !important; 4570 background-color: rgb(229 231 235/var(--tw-bg-opacity, 1)) !important 4571 } 4572 4573 .disabled\:\!bg-gray-300:disabled { 4574 --tw-bg-opacity: 1 !important; 4575 background-color: rgb(209 213 219/var(--tw-bg-opacity, 1)) !important 4576 } 4577 4578 .disabled\:\!bg-primary:disabled { 4579 --tw-bg-opacity: 1 !important; 4580 background-color: rgb(0 90 171/var(--tw-bg-opacity, 1)) !important 4581 } 4582 4583 .disabled\:bg-bw-100:disabled { 4584 --tw-bg-opacity: 1; 4585 background-color: rgb(242 242 242/var(--tw-bg-opacity, 1)) 4586 } 4587 4588 .disabled\:bg-gray-100:disabled { 4589 --tw-bg-opacity: 1; 4590 background-color: rgb(243 244 246/var(--tw-bg-opacity, 1)) 4591 } 4592 4593 .disabled\:bg-gray-200:disabled { 4594 --tw-bg-opacity: 1; 4595 background-color: rgb(229 231 235/var(--tw-bg-opacity, 1)) 4596 } 4597 4598 .disabled\:text-\[\#808080\]:disabled { 4599 --tw-text-opacity: 1; 4600 color: rgb(128 128 128/var(--tw-text-opacity, 1)) 4601 } 4602 4603 .disabled\:text-bw-500:disabled { 4604 --tw-text-opacity: 1; 4605 color: rgb(134 134 134/var(--tw-text-opacity, 1)) 4606 } 4607 4608 .disabled\:text-gray-400:disabled { 4609 --tw-text-opacity: 1; 4610 color: rgb(156 163 175/var(--tw-text-opacity, 1)) 4611 } 4612 4613 .disabled\:text-gray-500:disabled { 4614 --tw-text-opacity: 1; 4615 color: rgb(107 114 128/var(--tw-text-opacity, 1)) 4616 } 4617 4618 .disabled\:text-opacity-55:disabled { 4619 --tw-text-opacity: .55 4620 } 4621 4622 .disabled\:opacity-50:disabled { 4623 opacity: .5 4624 } 4625 4626 .disabled\:checked\:\!bg-none:checked:disabled { 4627 background-image: none !important 4628 } 4629 4630 .group:hover .group-hover\:block, 4631 .group\/edit:hover .group-hover\/edit\:block { 4632 display: block 4633 } 4634 4635 .group:hover .group-hover\:\!flex { 4636 display: flex !important 4637 } 4638 4639 .group:hover .group-hover\:grid { 4640 display: grid 4641 } 4642 4643 .group:hover .group-hover\:-translate-y-5 { 4644 --tw-translate-y: -1.25rem; 4645 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 4646 } 4647 4648 .peer:checked~.peer-checked\:bg-primary { 4649 --tw-bg-opacity: 1; 4650 background-color: rgb(0 90 171/var(--tw-bg-opacity, 1)) 4651 } 4652 4653 .peer:checked~.peer-checked\:bg-primary-100 { 4654 --tw-bg-opacity: 1; 4655 background-color: rgb(229 239 247/var(--tw-bg-opacity, 1)) 4656 } 4657 4658 .peer:checked~.peer-checked\:after\:translate-x-full:after { 4659 content: var(--tw-content); 4660 --tw-translate-x: 100%; 4661 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 4662 } 4663 4664 .peer:checked~.peer-checked\:after\:border-white:after { 4665 content: var(--tw-content); 4666 --tw-border-opacity: 1; 4667 border-color: rgb(255 255 255/var(--tw-border-opacity, 1)) 4668 } 4669 4670 @media not all and (min-width:768px) { 4671 .max-md\:fixed { 4672 position: fixed 4673 } 4674 4675 .max-md\:absolute { 4676 position: absolute 4677 } 4678 4679 .max-md\:left-0 { 4680 left: 0 4681 } 4682 4683 .max-md\:left-2 { 4684 left: .5rem 4685 } 4686 4687 .max-md\:top-\[calc\(100\%\)\] { 4688 top: 100% 4689 } 4690 4691 .max-md\:col-span-2 { 4692 grid-column: span 2/span 2 4693 } 4694 4695 .max-md\:col-span-3 { 4696 grid-column: span 3/span 3 4697 } 4698 4699 .max-md\:col-span-full { 4700 grid-column: 1/-1 4701 } 4702 4703 .max-md\:col-start-2 { 4704 grid-column-start: 2 4705 } 4706 4707 .max-md\:\!hidden { 4708 display: none !important 4709 } 4710 4711 .max-md\:hidden { 4712 display: none 4713 } 4714 4715 .max-md\:aspect-\[2\/1\] { 4716 aspect-ratio: 2/1 4717 } 4718 4719 .max-md\:aspect-\[4\/1\] { 4720 aspect-ratio: 4/1 4721 } 4722 4723 .max-md\:size-9 { 4724 height: 2.25rem; 4725 width: 2.25rem 4726 } 4727 4728 .max-md\:h-11 { 4729 height: 2.75rem 4730 } 4731 4732 .max-md\:h-9 { 4733 height: 2.25rem 4734 } 4735 4736 .max-md\:min-h-\[calc\(100vh-128px\)\] { 4737 min-height: calc(100vh - 128px) 4738 } 4739 4740 .max-md\:w-\[calc\(16\.66\%-4px\)\] { 4741 width: calc(16.66% - 4px) 4742 } 4743 4744 .max-md\:w-\[calc\(83\.33\%-4px\)\] { 4745 width: calc(83.33% - 4px) 4746 } 4747 4748 .max-md\:w-full { 4749 width: 100% 4750 } 4751 4752 .max-md\:max-w-\[60vw\] { 4753 max-width: 60vw 4754 } 4755 4756 .max-md\:flex-1 { 4757 flex: 1 1 0% 4758 } 4759 4760 .max-md\:basis-1\/2 { 4761 flex-basis: 50% 4762 } 4763 4764 .max-md\:scale-\[0\.6\] { 4765 --tw-scale-x: .6; 4766 --tw-scale-y: .6; 4767 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 4768 } 4769 4770 .max-md\:flex-col { 4771 flex-direction: column 4772 } 4773 4774 .max-md\:flex-col-reverse { 4775 flex-direction: column-reverse 4776 } 4777 4778 .max-md\:flex-wrap { 4779 flex-wrap: wrap 4780 } 4781 4782 .max-md\:items-center { 4783 align-items: center 4784 } 4785 4786 .max-md\:justify-center { 4787 justify-content: center 4788 } 4789 4790 .max-md\:justify-between { 4791 justify-content: space-between 4792 } 4793 4794 .max-md\:gap-2 { 4795 gap: .5rem 4796 } 4797 4798 .max-md\:gap-3 { 4799 gap: .75rem 4800 } 4801 4802 .max-md\:gap-4 { 4803 gap: 1rem 4804 } 4805 4806 .max-md\:divide-y>:not([hidden])~:not([hidden]) { 4807 --tw-divide-y-reverse: 0; 4808 border-bottom-width: calc(1px*var(--tw-divide-y-reverse)); 4809 border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse))) 4810 } 4811 4812 .max-md\:text-nowrap { 4813 text-wrap: nowrap 4814 } 4815 4816 .max-md\:rounded-2xl { 4817 border-radius: 1rem 4818 } 4819 4820 .max-md\:rounded-3xl { 4821 border-radius: 1.5rem 4822 } 4823 4824 .max-md\:border { 4825 border-width: 1px 4826 } 4827 4828 .max-md\:border-b { 4829 border-bottom-width: 1px 4830 } 4831 4832 .max-md\:border-t { 4833 border-top-width: 1px 4834 } 4835 4836 .max-md\:\!bg-primary { 4837 --tw-bg-opacity: 1 !important; 4838 background-color: rgb(0 90 171/var(--tw-bg-opacity, 1)) !important 4839 } 4840 4841 .max-md\:\!bg-white { 4842 --tw-bg-opacity: 1 !important; 4843 background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) !important 4844 } 4845 4846 .max-md\:bg-primary { 4847 --tw-bg-opacity: 1; 4848 background-color: rgb(0 90 171/var(--tw-bg-opacity, 1)) 4849 } 4850 4851 .max-md\:bg-white { 4852 --tw-bg-opacity: 1; 4853 background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) 4854 } 4855 4856 .max-md\:p-3 { 4857 padding: .75rem 4858 } 4859 4860 .max-md\:p-4 { 4861 padding: 1rem 4862 } 4863 4864 .max-md\:\!px-4 {
4865 padding-left: 1rem !important; 4866 padding-right: 1rem !important 4867 } 4868 4869 .max-md\:px-2 { 4870 padding-left: .5rem; 4871 padding-right: .5rem 4872 } 4873 4874 .max-md\:px-3 { 4875 padding-left: .75rem; 4876 padding-right: .75rem 4877 } 4878 4879 .max-md\:py-1 { 4880 padding-bottom: .25rem; 4881 padding-top: .25rem 4882 } 4883 4884 .max-md\:py-2 { 4885 padding-bottom: .5rem; 4886 padding-top: .5rem 4887 } 4888 4889 .max-md\:py-4 { 4890 padding-bottom: 1rem; 4891 padding-top: 1rem 4892 } 4893 4894 .max-md\:\!pl-16 { 4895 padding-left: 4rem !important 4896 } 4897 4898 .max-md\:pl-5 { 4899 padding-left: 1.25rem 4900 } 4901 4902 .max-md\:pt-4 { 4903 padding-top: 1rem 4904 } 4905 4906 .max-md\:text-left { 4907 text-align: left 4908 } 4909 4910 .max-md\:text-center { 4911 text-align: center 4912 } 4913 4914 .max-md\:\!text-base { 4915 font-size: 1rem !important; 4916 line-height: 1.5rem !important 4917 } 4918 4919 .max-md\:\!text-xs { 4920 font-size: .75rem !important; 4921 line-height: 1rem !important 4922 } 4923 4924 .max-md\:text-sm { 4925 font-size: .875rem; 4926 line-height: 1.25rem 4927 } 4928 4929 .max-md\:text-xs { 4930 font-size: .75rem; 4931 line-height: 1rem 4932 } 4933 4934 .max-md\:\!text-primary { 4935 --tw-text-opacity: 1 !important; 4936 color: rgb(0 90 171/var(--tw-text-opacity, 1)) !important 4937 } 4938 4939 .max-md\:text-white { 4940 --tw-text-opacity: 1; 4941 color: rgb(255 255 255/var(--tw-text-opacity, 1)) 4942 } 4943 4944 .\*\:max-md\:min-h-\[150px\]>* { 4945 min-height: 150px 4946 } 4947 4948 .max-md\:\*\:flex-1>* { 4949 flex: 1 1 0% 4950 } 4951 4952 .\*\:max-md\:flex-col>* { 4953 flex-direction: column 4954 } 4955 4956 .\*\:max-md\:text-sm>* { 4957 font-size: .875rem; 4958 line-height: 1.25rem 4959 } 4960 4961 .max-md\:\*\:text-xs>* { 4962 font-size: .75rem; 4963 line-height: 1rem 4964 } 4965 } 4966 4967 @media not all and (min-width:640px) { 4968 .max-sm\:w-full { 4969 width: 100% 4970 } 4971 4972 .max-sm\:flex-wrap { 4973 flex-wrap: wrap 4974 } 4975 4976 .max-sm\:\!text-xs { 4977 font-size: .75rem !important; 4978 line-height: 1rem !important 4979 } 4980 } 4981 4982 @media (min-width:640px) { 4983 .sm\:w-1\/2 { 4984 width: 50% 4985 } 4986 4987 .sm\:grid-cols-3 { 4988 grid-template-columns: repeat(3, minmax(0, 1fr)) 4989 } 4990 4991 .sm\:grid-cols-7 { 4992 grid-template-columns: repeat(7, minmax(0, 1fr)) 4993 } 4994 4995 .sm\:\!text-sm { 4996 font-size: .875rem !important; 4997 line-height: 1.25rem !important 4998 } 4999 } 5000 5001 @media (min-width:768px) { 5002 .md\:absolute { 5003 position: absolute 5004 } 5005 5006 .md\:sticky { 5007 position: sticky 5008 } 5009 5010 .md\:-left-16 { 5011 left: -4rem 5012 } 5013 5014 .md\:-right-16 { 5015 right: -4rem 5016 } 5017 5018 .md\:bottom-10 { 5019 bottom: 2.5rem 5020 } 5021 5022 .md\:bottom-2 { 5023 bottom: .5rem 5024 } 5025 5026 .md\:bottom-6 { 5027 bottom: 1.5rem 5028 } 5029 5030 .md\:left-0 { 5031 left: 0 5032 } 5033 5034 .md\:left-10 { 5035 left: 2.5rem 5036 } 5037 5038 .md\:left-\[50\%\] { 5039 left: 50% 5040 } 5041 5042 .md\:right-4 { 5043 right: 1rem 5044 } 5045 5046 .md\:right-\[calc\(100\%-24px\)\] { 5047 right: calc(100% - 24px) 5048 } 5049 5050 .md\:top-0 { 5051 top: 0 5052 } 5053 5054 .md\:top-32 { 5055 top: 8rem 5056 } 5057 5058 .md\:top-36 { 5059 top: 9rem 5060 } 5061 5062 .md\:top-52 { 5063 top: 13rem 5064 } 5065 5066 .md\:top-6 { 5067 top: 1.5rem 5068 } 5069 5070 .md\:top-\[calc\(110\%\)\] { 5071 top: 110% 5072 } 5073 5074 .md\:col-span-1 { 5075 grid-column: span 1/span 1 5076 } 5077 5078 .md\:col-span-2 { 5079 grid-column: span 2/span 2 5080 } 5081 5082 .md\:col-span-3 { 5083 grid-column: span 3/span 3 5084 } 5085 5086 .md\:col-span-4 { 5087 grid-column: span 4/span 4 5088 } 5089 5090 .md\:col-span-5 { 5091 grid-column: span 5/span 5 5092 } 5093 5094 .md\:col-span-7 { 5095 grid-column: span 7/span 7 5096 } 5097 5098 .md\:col-start-2 { 5099 grid-column-start: 2 5100 } 5101 5102 .md\:ml-auto { 5103 margin-left: auto 5104 } 5105 5106 .md\:mt-2 { 5107 margin-top: .5rem 5108 } 5109 5110 .md\:mt-28 { 5111 margin-top: 7rem 5112 } 5113 5114 .md\:mt-52 { 5115 margin-top: 13rem 5116 } 5117 5118 .md\:mt-\[112px\] { 5119 margin-top: 112px 5120 } 5121 5122 .md\:block { 5123 display: block 5124 } 5125 5126 .md\:flex { 5127 display: flex 5128 } 5129 5130 .md\:grid { 5131 display: grid 5132 } 5133 5134 .md\:\!hidden { 5135 display: none !important 5136 } 5137 5138 .md\:hidden { 5139 display: none 5140 } 5141 5142 .md\:\!size-10 { 5143 height: 2.5rem !important; 5144 width: 2.5rem !important 5145 } 5146 5147 .md\:\!size-12 { 5148 height: 3rem !important; 5149 width: 3rem !important 5150 } 5151 5152 .md\:size-16 { 5153 height: 4rem; 5154 width: 4rem 5155 } 5156 5157 .md\:size-24 { 5158 height: 6rem; 5159 width: 6rem 5160 } 5161 5162 .md\:\!h-9 { 5163 height: 2.25rem !important 5164 } 5165 5166 .md\:h-40 { 5167 height: 10rem 5168 } 5169 5170 .md\:h-5 { 5171 height: 1.25rem 5172 } 5173 5174 .md\:h-\[112px\] { 5175 height: 112px 5176 } 5177 5178 .md\:h-\[354px\] { 5179 height: 354px 5180 } 5181 5182 .md\:h-\[400px\] { 5183 height: 400px 5184 } 5185 5186 .md\:h-\[calc\(100vh-112px\)\] { 5187 height: calc(100vh - 112px) 5188 } 5189 5190 .md\:h-full { 5191 height: 100% 5192 } 5193 5194 .md\:min-h-\[250px\] { 5195 min-height: 250px 5196 } 5197 5198 .md\:w-1\/2 { 5199 width: 50% 5200 } 5201 5202 .md\:w-1\/3 { 5203 width: 33.333333% 5204 } 5205 5206 .md\:w-1\/4 { 5207 width: 25% 5208 } 5209 5210 .md\:w-1\/6 { 5211 width: 16.666667% 5212 } 5213 5214 .md\:w-2\/3 { 5215 width: 66.666667% 5216 } 5217 5218 .md\:w-24 { 5219 width: 6rem 5220 } 5221 5222 .md\:w-28 { 5223 width: 7rem 5224 } 5225 5226 .md\:w-3\/4 { 5227 width: 75% 5228 } 5229 5230 .md\:w-48 { 5231 width: 12rem 5232 } 5233 5234 .md\:w-\[36\%\] { 5235 width: 36% 5236 } 5237 5238 .md\:w-\[480px\] { 5239 width: 480px 5240 } 5241 5242 .md\:min-w-60 { 5243 min-width: 15rem 5244 } 5245 5246 .md\:min-w-\[400px\] { 5247 min-width: 400px 5248 } 5249 5250 .md\:min-w-\[472px\] { 5251 min-width: 472px 5252 } 5253 5254 .md\:max-w-\[46vw\] { 5255 max-width: 46vw 5256 } 5257 5258 .md\:max-w-\[90\%\] { 5259 max-width: 90% 5260 } 5261 5262 .md\:-translate-x-1\/2 { 5263 --tw-translate-x: -50% 5264 } 5265 5266 .md\:-translate-x-1\/2, 5267 .md\:-translate-y-1\/2 { 5268 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 5269 } 5270 5271 .md\:-translate-y-1\/2 { 5272 --tw-translate-y: -50% 5273 } 5274 5275 .md\:grid-cols-10 { 5276 grid-template-columns: repeat(10, minmax(0, 1fr)) 5277 } 5278 5279 .md\:grid-cols-12 { 5280 grid-template-columns: repeat(12, minmax(0, 1fr)) 5281 } 5282 5283 .md\:grid-cols-13 { 5284 grid-template-columns: repeat(13, minmax(0, 1fr)) 5285 } 5286 5287 .md\:grid-cols-2 { 5288 grid-template-columns: repeat(2, minmax(0, 1fr)) 5289 } 5290 5291 .md\:grid-cols-3 { 5292 grid-template-columns: repeat(3, minmax(0, 1fr)) 5293 } 5294 5295 .md\:grid-cols-4 { 5296 grid-template-columns: repeat(4, minmax(0, 1fr)) 5297 } 5298 5299 .md\:grid-cols-5 { 5300 grid-template-columns: repeat(5, minmax(0, 1fr)) 5301 } 5302 5303 .md\:grid-cols-6 { 5304 grid-template-columns: repeat(6, minmax(0, 1fr)) 5305 } 5306 5307 .md\:grid-cols-7 { 5308 grid-template-columns: repeat(7, minmax(0, 1fr)) 5309 } 5310 5311 .md\:grid-cols-8 { 5312 grid-template-columns: repeat(8, minmax(0, 1fr)) 5313 } 5314 5315 .md\:grid-rows-3 { 5316 grid-template-rows: repeat(3, minmax(0, 1fr)) 5317 } 5318 5319 .md\:flex-col { 5320 flex-direction: column 5321 } 5322 5323 .md\:items-start { 5324 align-items: flex-start 5325 } 5326 5327 .md\:items-end { 5328 align-items: flex-end 5329 } 5330 5331 .md\:items-center { 5332 align-items: center 5333 } 5334 5335 .md\:justify-end { 5336 justify-content: flex-end 5337 } 5338 5339 .md\:justify-center { 5340 justify-content: center 5341 } 5342 5343 .md\:gap-10 { 5344 gap: 2.5rem 5345 } 5346 5347 .md\:gap-12 { 5348 gap: 3rem 5349 } 5350 5351 .md\:gap-2 { 5352 gap: .5rem 5353 } 5354 5355 .md\:gap-20 { 5356 gap: 5rem 5357 } 5358 5359 .md\:gap-3 { 5360 gap: .75rem 5361 } 5362 5363 .md\:gap-4 { 5364 gap: 1rem 5365 } 5366 5367 .md\:gap-6 { 5368 gap: 1.5rem 5369 } 5370 5371 .md\:gap-7 { 5372 gap: 1.75rem 5373 } 5374 5375 .md\:gap-8 { 5376 gap: 2rem 5377 } 5378 5379 .md\:divide-x>:not([hidden])~:not([hidden]) { 5380 --tw-divide-x-reverse: 0; 5381 border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse))); 5382 border-right-width: calc(1px*var(--tw-divide-x-reverse)) 5383 } 5384 5385 .md\:whitespace-nowrap { 5386 white-space: nowrap 5387 } 5388 5389 .md\:rounded-2xl { 5390 border-radius: 1rem 5391 } 5392 5393 .md\:rounded-3xl { 5394 border-radius: 1.5rem 5395 } 5396 5397 .md\:rounded-lg { 5398 border-radius: .5rem 5399 } 5400 5401 .md\:rounded-xl { 5402 border-radius: .75rem 5403 } 5404 5405 .md\:border-l { 5406 border-left-width: 1px 5407 } 5408 5409 .md\:bg-white { 5410 --tw-bg-opacity: 1; 5411 background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) 5412 } 5413 5414 .md\:p-1 { 5415 padding: .25rem 5416 } 5417 5418 .md\:p-2 { 5419 padding: .5rem 5420 } 5421 5422 .md\:p-3 { 5423 padding: .75rem 5424 } 5425 5426 .md\:p-4 { 5427 padding: 1rem 5428 } 5429 5430 .md\:p-6 { 5431 padding: 1.5rem 5432 } 5433 5434 .md\:p-8 { 5435 padding: 2rem 5436 } 5437 5438 .md\:p-\[2px\] { 5439 padding: 2px 5440 } 5441 5442 .md\:px-10 { 5443 padding-left: 2.5rem; 5444 padding-right: 2.5rem 5445 } 5446 5447 .md\:px-3 { 5448 padding-left: .75rem; 5449 padding-right: .75rem 5450 } 5451 5452 .md\:px-4 { 5453 padding-left: 1rem; 5454 padding-right: 1rem 5455 } 5456 5457 .md\:px-6 { 5458 padding-left: 1.5rem; 5459 padding-right: 1.5rem 5460 } 5461 5462 .md\:px-8 { 5463 padding-left: 2rem; 5464 padding-right: 2rem 5465 } 5466 5467 .md\:px-9 { 5468 padding-left: 2.25rem; 5469 padding-right: 2.25rem 5470 } 5471 5472 .md\:py-0 { 5473 padding-bottom: 0; 5474 padding-top: 0 5475 } 5476 5477 .md\:py-10 { 5478 padding-bottom: 2.5rem; 5479 padding-top: 2.5rem 5480 } 5481 5482 .md\:py-12 { 5483 padding-bottom: 3rem; 5484 padding-top: 3rem 5485 } 5486 5487 .md\:py-16 { 5488 padding-bottom: 4rem; 5489 padding-top: 4rem 5490 } 5491 5492 .md\:py-2 { 5493 padding-bottom: .5rem; 5494 padding-top: .5rem 5495 } 5496 5497 .md\:py-20 { 5498 padding-bottom: 5rem; 5499 padding-top: 5rem 5500 } 5501 5502 .md\:py-3 { 5503 padding-bottom: .75rem; 5504 padding-top: .75rem 5505 } 5506 5507 .md\:py-4 { 5508 padding-bottom: 1rem; 5509 padding-top: 1rem 5510 } 5511 5512 .md\:py-5 { 5513 padding-bottom: 1.25rem; 5514 padding-top: 1.25rem 5515 } 5516 5517 .md\:py-6 { 5518 padding-bottom: 1.5rem; 5519 padding-top: 1.5rem 5520 } 5521 5522 .md\:py-8 { 5523 padding-bottom: 2rem; 5524 padding-top: 2rem 5525 } 5526 5527 .md\:\!pl-52 { 5528 padding-left: 13rem !important 5529 } 5530 5531 .md\:pb-10 { 5532 padding-bottom: 2.5rem 5533 } 5534 5535 .md\:pb-16 { 5536 padding-bottom: 4rem 5537 } 5538 5539 .md\:pb-32 { 5540 padding-bottom: 8rem 5541 } 5542 5543 .md\:pl-10 { 5544 padding-left: 2.5rem 5545 } 5546 5547 .md\:pl-3 { 5548 padding-left: .75rem 5549 } 5550 5551 .md\:pl-4 { 5552 padding-left: 1rem 5553 } 5554 5555 .md\:pl-6 { 5556 padding-left: 1.5rem 5557 } 5558 5559 .md\:pl-8 { 5560 padding-left: 2rem 5561 } 5562 5563 .md\:pt-10 { 5564 padding-top: 2.5rem 5565 } 5566 5567 .md\:pt-12 { 5568 padding-top: 3rem 5569 } 5570 5571 .md\:pt-4 { 5572 padding-top: 1rem 5573 } 5574 5575 .md\:pt-8 { 5576 padding-top: 2rem 5577 } 5578 5579 .md\:\!text-base { 5580 font-size: 1rem !important; 5581 line-height: 1.5rem !important 5582 } 5583 5584 .md\:text-2xl { 5585 font-size: 1.5rem; 5586 line-height: 2rem 5587 } 5588 5589 .md\:text-3xl { 5590 font-size: 1.875rem; 5591 line-height: 2.25rem 5592 } 5593 5594 .md\:text-4xl { 5595 font-size: 2.25rem; 5596 line-height: 2.5rem 5597 } 5598 5599 .md\:text-base { 5600 font-size: 1rem; 5601 line-height: 1.5rem 5602 } 5603 5604 .md\:text-lg { 5605 font-size: 1.125rem; 5606 line-height: 1.75rem 5607 } 5608 5609 .md\:text-sm { 5610 font-size: .875rem; 5611 line-height: 1.25rem 5612 } 5613 5614 .md\:text-xl { 5615 font-size: 1.25rem; 5616
5616 line-height: 1.75rem 5617 } 5618 5619 .md\:text-xs { 5620 font-size: .75rem; 5621 line-height: 1rem 5622 } 5623 5624 .md\:text-primary { 5625 --tw-text-opacity: 1; 5626 color: rgb(0 90 171/var(--tw-text-opacity, 1)) 5627 } 5628 5629 .md\:shadow { 5630 --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a; 5631 --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) 5632 } 5633 5634 .md\:shadow, 5635 .md\:shadow-sm { 5636 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) 5637 } 5638 5639 .md\:shadow-sm { 5640 --tw-shadow: 0 1px 2px 0 #0000000d; 5641 --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) 5642 } 5643 5644 .\*\:md\:size-5>* { 5645 height: 1.25rem; 5646 width: 1.25rem 5647 } 5648 5649 .md\:\*\:flex-1>* { 5650 flex: 1 1 0% 5651 } 5652 } 5653 5654 @media (min-width:1024px) { 5655 .lg\:mt-36 { 5656 margin-top: 9rem 5657 } 5658 5659 .lg\:w-2\/5 { 5660 width: 40% 5661 } 5662 5663 .lg\:pb-24 { 5664 padding-bottom: 6rem 5665 } 5666 5667 .lg\:\!text-base { 5668 font-size: 1rem !important; 5669 line-height: 1.5rem !important 5670 } 5671 5672 .lg\:text-2xl { 5673 font-size: 1.5rem; 5674 line-height: 2rem 5675 } 5676 5677 .lg\:text-\[18px\] { 5678 font-size: 18px 5679 } 5680 5681 .lg\:text-lg { 5682 font-size: 1.125rem; 5683 line-height: 1.75rem 5684 } 5685 } 5686 5687 .peer:checked~.rtl\:peer-checked\:after\:-translate-x-full:where([dir=rtl], [dir=rtl] *):after { 5688 content: var(--tw-content); 5689 --tw-translate-x: -100%; 5690 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 5691 } 5692 5693 @media (prefers-color-scheme:dark) { 5694 .dark\:text-gray-200 { 5695 --tw-text-opacity: 1; 5696 color: rgb(229 231 235/var(--tw-text-opacity, 1)) 5697 } 5698 } 5699 5700 .\[\&\:not\(\:first-child\)\]\:scroll-mt-44:not(:first-child) { 5701 scroll-margin-top: 11rem 5702 } 5703 5704 .\[\&\:not\(\:first-child\)\]\:py-4:not(:first-child) { 5705 padding-bottom: 1rem; 5706 padding-top: 1rem 5707 } 5708 5709 .\[\&\:not\(\:last-child\)\]\:border-b:not(:last-child) { 5710 border-bottom-width: 1px 5711 } 5712 5713 .\[\&\>\*\:not\(\:first-child\)\]\:pt-3>:not(:first-child) { 5714 padding-top: .75rem 5715 } 5716 5717 .\[\&\>\.content\]\:justify-start>.content { 5718 justify-content: flex-start 5719 } 5720 5721 .\[\&\>\.product\]\:\!border-0>.product { 5722 border-width: 0 !important 5723 } 5724 5725 .\[\&\>\.product\]\:\!p-0>.product { 5726 padding: 0 !important 5727 } 5728 5729 .\[\&\>div\>\.circle\]\:\!border-primary>div>.circle { 5730 --tw-border-opacity: 1 !important; 5731 border-color: rgb(0 90 171/var(--tw-border-opacity, 1)) !important 5732 } 5733 5734 .\[\&\>div\>hr\]\:hidden>div>hr { 5735 display: none 5736 } 5737 5738 .\[\&\>div\]\:bg-bw-500>div { 5739 --tw-bg-opacity: 1; 5740 background-color: rgb(134 134 134/var(--tw-bg-opacity, 1)) 5741 } 5742 5743 .\[\&\>div\]\:bg-primary>div { 5744 --tw-bg-opacity: 1; 5745 background-color: rgb(0 90 171/var(--tw-bg-opacity, 1)) 5746 } 5747 5748 @media not all and (min-width:768px) { 5749 .\[\&\>div\]\:max-md\:mt-\[300px\]>div { 5750 margin-top: 300px 5751 } 5752 } 5753 5754 .\[\&\>img\]\:\!w-1\/2>img { 5755 width: 50% !important 5756 } 5757 5758 .\[\&\>img\]\:w-1\/4>img { 5759 width: 25% 5760 } 5761 5762 .\[\&\>img\]\:w-1\/5>img { 5763 width: 20% 5764 } 5765 5766 @media not all and (min-width:768px) { 5767 .\[\&\>img\]\:max-md\:w-1\/2>img { 5768 width: 50% 5769 } 5770 5771 .\[\&\>img\]\:max-md\:w-1\/3>img { 5772 width: 33.333333% 5773 } 5774 5775 .max-md\:\[\&\>img\]\:w-1\/2>img { 5776 width: 50% 5777 } 5778 } 5779 5780 @media (min-width:768px) { 5781 .\[\&\>img\]\:md\:w-1\/2>img { 5782 width: 50% 5783 } 5784 5785 .\[\&\>img\]\:md\:w-1\/3>img { 5786 width: 33.333333% 5787 } 5788 5789 .\[\&\>img\]\:md\:w-1\/4>img { 5790 width: 25% 5791 } 5792 5793 .md\:\[\&\>img\]\:\!w-1\/6>img { 5794 width: 16.666667% !important 5795 } 5796 } 5797 5798 .\[\&\>input\]\:\!h-12>input { 5799 height: 3rem !important 5800 } 5801 5802 .\[\&\>input\]\:\!pl-14>
5802input { 5803 padding-left: 3.5rem !important 5804 } 5805 5806 .\[\&\>label\]\:text-sm>label { 5807 font-size: .875rem; 5808 line-height: 1.25rem 5809 } 5810 5811 .\[\&\>label\]\:font-bold>label { 5812 font-weight: 700 5813 } 5814 5815 .\[\&\>label\]\:text-bw-700>label { 5816 --tw-text-opacity: 1; 5817 color: rgb(86 86 86/var(--tw-text-opacity, 1)) 5818 } 5819 5820 .\[\&\>span\]\:text-sm>span { 5821 font-size: .875rem; 5822 line-height: 1.25rem 5823 } 5824 5825 .\[\&\>span\]\:font-medium>span { 5826 font-weight: 500 5827 } 5828 5829 .\[\&\>span\]\:text-bw-700>span { 5830 --tw-text-opacity: 1; 5831 color: rgb(86 86 86/var(--tw-text-opacity, 1)) 5832 } 5833 5834 .\[\&\>span\]\:text-primary>span { 5835 --tw-text-opacity: 1; 5836 color: rgb(0 90 171/var(--tw-text-opacity, 1)) 5837 } 5838 </style> 5839 <style> 5840 html { 5841 box-sizing: border-box; 5842 -webkit-font-smoothing: antialiased; 5843 -moz-osx-font-smoothing: grayscale 5844 } 5845 5846 *, 5847 :after, 5848 :before { 5849 box-sizing: inherit 5850 } 5851 5852 button, 5853 html, 5854 input, 5855 select, 5856 textarea { 5857 color: #000 5858 } 5859 5860 hr { 5861 border: 0; 5862 border-top: 1px solid #ccc; 5863 display: block; 5864 height: 1px; 5865 margin: 1em 0; 5866 padding: 0 5867 } 5868 5869 img { 5870 max-width: 100%; 5871 vertical-align: middle 5872 } 5873 5874 fieldset { 5875 border: 0; 5876 margin: 0; 5877 padding: 0 5878 } 5879 5880 textarea { 5881 resize: vertical; 5882 vertical-align: middle 5883 } 5884 5885 address { 5886 font-style: normal 5887 } 5888 5889 table { 5890 border-collapse: collapse; 5891 border-spacing: 0; 5892 width: 100% 5893 } 5894 5895 figure { 5896 margin: 0 0 1em 5897 } 5898 5899 pre { 5900 overflow: auto 5901 } 5902 5903 canvas { 5904 vertical-align: middle 5905 } 5906 5907 input[type=search] { 5908 box-sizing: border-box 5909 } 5910 </style> 5911 <style> 5912 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ 5913 html { 5914 line-height: 1.15; 5915 -webkit-text-size-adjust: 100% 5916 } 5917 5918 body { 5919 margin: 0 5920 } 5921 5922 main { 5923 display: block 5924 } 5925 5926 h1 { 5927 font-size: 2em; 5928 margin: .67em 0 5929 } 5930 5931 hr { 5932 box-sizing: content-box; 5933 height: 0; 5934 overflow: visible 5935 } 5936 5937 pre { 5938 font-family: monospace, monospace; 5939 font-size: 1em 5940 } 5941 5942 a { 5943 background-color: transparent 5944 } 5945 5946 abbr[title] { 5947 border-bottom: none; 5948 text-decoration: underline; 5949 -webkit-text-decoration: underline dotted; 5950 text-decoration: underline dotted 5951 } 5952 5953 b, 5954 strong { 5955 font-weight: bolder 5956 } 5957 5958 code, 5959 kbd, 5960 samp { 5961 font-family: monospace, monospace; 5962 font-size: 1em 5963 } 5964 5965 small { 5966 font-size: 80% 5967 } 5968 5969 sub, 5970 sup { 5971 font-size: 75%; 5972 line-height: 0; 5973 position: relative; 5974 vertical-align: baseline 5975 } 5976 5977 sub { 5978 bottom: -.25em 5979 } 5980 5981 sup { 5982 top: -.5em 5983 } 5984 5985 img { 5986 border-style: none 5987 } 5988 5989 button, 5990 input, 5991 optgroup, 5992 select, 5993 textarea { 5994 font-family: inherit; 5995 font-size: 100%; 5996 line-height: 1.15; 5997 margin: 0 5998 } 5999 6000 button, 6001 input { 6002 overflow: visible 6003 } 6004 6005 button, 6006 select { 6007 text-transform: none 6008 } 6009 6010 [type=button], 6011 [type=reset], 6012 [type=submit], 6013 button { 6014 appearance: button 6015 } 6016 6017 [type=button]::-moz-focus-inner, 6018 [type=reset]::-moz-focus-inner, 6019 [type=submit]::-moz-focus-inner, 6020 button::-moz-focus-inner { 6021 border-style: none; 6022 padding: 0 6023 } 6024 6025 [type=button]:-moz-focusring, 6026 [type=reset]:-moz-focusring, 6027 [type=submit]:-moz-focusring, 6028 button:-moz-focusring { 6029 outline: 1px dotted ButtonText 6030 } 6031 6032 fieldset { 6033 padding: .35em .75em .625em 6034 } 6035 6036 legend { 6037 box-sizing: border-box; 6038 color: inherit; 6039 display: table; 6040 max-width: 100%; 6041 padding: 0; 6042 white-space: normal 6043 } 6044 6045 progress { 6046 vertical-align: baseline 6047 } 6048 6049 textarea { 6050 overflow: auto 6051 } 6052 6053 [type=checkbox], 6054 [type=radio] { 6055 box-sizing: border-box; 6056 padding: 0 6057 } 6058 6059 [type=number]::-webkit-inner-spin-button, 6060 [type=number]::-webkit-outer-spin-button { 6061 height: auto 6062 } 6063 6064 [type=search] { 6065 appearance: textfield; 6066 outline-offset: -2px 6067 } 6068 6069 [type=search]::-webkit-search-decoration { 6070 -webkit-appearance: none 6071 } 6072 6073 ::-webkit-file-upload-button { 6074 -webkit-appearance: button; 6075 font: inherit 6076 } 6077 6078 details { 6079 display: block 6080 } 6081 6082 summary { 6083 display: list-item 6084 } 6085 6086 [hidden], 6087 template { 6088 display: none 6089 } 6090 </style> 6091 <style> 6092 @media print { 6093 * { 6094 background: transparent !important; 6095 box-shadow: none !important; 6096 color: #000 !important; 6097 text-shadow: none !important 6098 } 6099 6100 a, 6101 a:visited { 6102 text-decoration: underline 6103 } 6104 6105 a[href]:after { 6106 content: " (" attr(href) ")" 6107 } 6108 6109 abbr[title]:after { 6110 content: " (" attr(title) ")" 6111 } 6112 6113 .ir a:after, 6114 a[href^="#"]:after, 6115 a[href^="javascript:"]:after { 6116 content: "" 6117 } 6118 6119 blockquote, 6120 pre { 6121 border: 1px solid #999; 6122 page-break-inside: avoid 6123 } 6124 6125 thead { 6126 display: table-header-group 6127 } 6128 6129 img, 6130 tr { 6131 page-break-inside: avoid 6132 } 6133 6134 img { 6135 max-width: 100% !important 6136 } 6137 6138 h2, 6139 h3, 6140 p { 6141 orphans: 3; 6142 widows: 3 6143 } 6144 6145 h2, 6146 h3 { 6147 page-break-after: avoid 6148 } 6149 6150 .hidden-print { 6151 display: none !important 6152 } 6153 } 6154 </style> 6155 <style> 6156 .dp__calendar .dp__calendar_header_item { 6157 font-size: .75rem; 6158 line-height: 1rem; 6159 --tw-text-opacity: 1; 6160 color: rgb(182 182 182/var(--tw-text-opacity, 1)) 6161 } 6162 6163 .dp__calendar .dp__range_between { 6164 --tw-bg-opacity: 1;
6165 background-color: rgb(229 239 247/var(--tw-bg-opacity, 1)); 6166 --tw-text-opacity: 1; 6167 color: rgb(0 90 171/var(--tw-text-opacity, 1)) 6168 } 6169 6170 .dp__calendar .dp__cell_inner { 6171 border: 0 6172 } 6173 6174 .dp__calendar .dp__date_hover { 6175 border-radius: 9999px 6176 } 6177 6178 .dp__calendar .dp__calendar_row .dp__calendar_item:last-child>.dp__cell_inner:not(.dp__range_end, .dp__range_start, .dp__cell_offset) { 6179 --tw-text-opacity: 1; 6180 color: rgb(236 33 61/var(--tw-text-opacity, 1)) 6181 } 6182 6183 .dp__calendar .dp__calendar_row .dp__calendar_item:first-child>.dp__cell_inner { 6184 border-bottom-left-radius: 9999px; 6185 border-top-left-radius: 9999px 6186 } 6187 6188 .dp__calendar .dp__calendar_row .dp__calendar_item:last-child>.dp__cell_inner { 6189 border-bottom-right-radius: 9999px; 6190 border-top-right-radius: 9999px 6191 } 6192 6193 .dp__calendar .dp__range_end, 6194 .dp__calendar .dp__range_start { 6195 border-radius: 9999px; 6196 --tw-bg-opacity: 1; 6197 background-color: rgb(0 90 171/var(--tw-bg-opacity, 1)) 6198 } 6199 6200 .dp__calendar .dp__calendar_item:has(.dp__range_start) { 6201 background-image: linear-gradient(to right, var(--tw-gradient-stops)); 6202 --tw-gradient-from: #fff var(--tw-gradient-from-position); 6203 --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position); 6204 --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); 6205 --tw-gradient-to: #e5eff7 var(--tw-gradient-to-position) 6206 } 6207 6208 .dp__calendar .dp__calendar_item:has(.dp__range_end) { 6209 background-image: linear-gradient(to left, var(--tw-gradient-stops)); 6210 --tw-gradient-from: #fff var(--tw-gradient-from-position); 6211 --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position); 6212 --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); 6213 --tw-gradient-to: #e5eff7 var(--tw-gradient-to-position) 6214 } 6215 6216 .dp__input { 6217 padding-right: 44px !important 6218 } 6219 6220 .dp__input_icon { 6221 left: auto !important; 6222 right: 10px !important 6223 } 6224 6225 .custom-clearable .dp--clear-btn { 6226 right: 40px 6227 } 6228 </style> 6229 <style> 6230 .drawer { 6231 height: 100%; 6232 left: 0; 6233 position: fixed; 6234 top: 0; 6235 width: 100%; 6236 z-index: 10; 6237 --tw-bg-opacity: 1; 6238 background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)); 6239 padding: 2rem; 6240 transition-duration: .3s; 6241 transition-timing-function: cubic-bezier(.4, 0, 1, 1) 6242 } 6243 6244 .drawer-left { 6245 transition-duration: .25s; 6246 transition-property: left; 6247 transition-timing-function: cubic-bezier(.4, 0, .2, 1) 6248 } 6249 6250 .drawer-left-close { 6251 left: -100% 6252 } 6253 6254 .drawer-left-open { 6255 left: 0 6256 } 6257 6258 .drawer-right { 6259 left: auto !important; 6260 transition-duration: .25s; 6261 transition-property: right; 6262 transition-timing-function: cubic-bezier(.4, 0, .2, 1) 6263 } 6264 6265 .drawer-right-close { 6266 right: -100% 6267 } 6268 6269 .drawer-right-open { 6270 right: 0 6271 } 6272 6273 .drawer-top { 6274 transition-duration: .25s; 6275 transition-property: top; 6276 transition-timing-function: cubic-bezier(.4, 0, .2, 1) 6277 } 6278 6279 .drawer-top-close { 6280 top: -100% 6281 } 6282 6283 .drawer-top-open { 6284 top: 0 6285 } 6286 6287 .drawer-bottom { 6288 top: auto !important; 6289 transition-duration: .25s; 6290 transition-property: bottom; 6291 transition-timing-function: cubic-bezier(.4, 0, .2, 1) 6292 } 6293 6294 .drawer-bottom-close { 6295 bottom: -100% 6296 } 6297 6298 .drawer-bottom-open { 6299 bottom: 0 6300 } 6301 </style> 6302 <style> 6303 @font-face { 6304 font-family: Roboto; 6305 src: local("Roboto Variable Italic"), url(/_fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkC3kaSTbQWt4
6305N-1Gqmqiyt4C.woff2) format(woff2); 6306 font-display: swap; 6307 unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; 6308 font-weight: 100 900; 6309 font-style: italic 6310 } 6311 6312 @font-face { 6313 font-family: "Roboto Fallback: Arial"; 6314 src: local("Arial"); 6315 size-adjust: 99.7809%; 6316 ascent-override: 92.9771%; 6317 descent-override: 24.4677%; 6318 line-gap-override: 0% 6319 } 6320 6321 @font-face { 6322 font-family: Roboto; 6323 src: local("Roboto Variable Italic"), url(/_fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkAnkaSTbQWt4N-sD6bk8h5jq.woff2) format(woff2); 6324 font-display: swap; 6325 unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 6326 font-weight: 100 900; 6327 font-style: italic 6328 } 6329 6330 @font-face { 6331 font-family: Roboto; 6332 src: local("Roboto Variable Italic"), url(/_fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCnkaSTbQWt4N-ZGmIdoUmuh.woff2) format(woff2); 6333 font-display: swap; 6334 unicode-range: U+1F00-1FFF; 6335 font-weight: 100 900; 6336 font-style: italic 6337 } 6338 6339 @font-face { 6340 font-family: Roboto; 6341 src: local("Roboto Variable Italic"), url(/_fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkBXkaSTbQWt4N-wZkBreDDBo.woff2) format(woff2); 6342 font-display: swap; 6343 unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; 6344 font-weight: 100 900; 6345 font-style: italic 6346 } 6347 6348 @font-face { 6349 font-family: Roboto; 6350 src: local("Roboto Variable Italic"), url(/_fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkenkaSTbQWt4N-Oa8aDQXSPr.woff2) format(woff2); 6351 font-display: swap; 6352 unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; 6353 font-weight: 100 900; 6354 font-style: italic 6355 } 6356 6357 @font-face { 6358 font-family: Roboto; 6359 src: local("Roboto Variable Italic"), url(/_fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkaHkaSTbQWt4N-o0vFJna4VD.woff2) format(woff2); 6360 font-display: swap; 6361 unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF; 6362 font-weight: 100 900; 6363 font-style: italic 6364 } 6365 6366 @font-face { 6367 font-family: Roboto; 6368 src: local("Roboto Variable Italic"), url(/_fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCXkaSTbQWt4
6368N-5VrJUOFyHK.woff2) format(woff2); 6369 font-display: swap; 6370 unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; 6371 font-weight: 100 900; 6372 font-style: italic 6373 } 6374 6375 @font-face { 6376 font-family: Roboto; 6377 src: local("Roboto Variable Italic"), url(/_fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCHkaSTbQWt4N-Xw1l95Ik6l.woff2) format(woff2); 6378 font-display: swap; 6379 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 6380 font-weight: 100 900; 6381 font-style: italic 6382 } 6383 6384 @font-face { 6385 font-family: Roboto; 6386 src: local("Roboto Variable Italic"), url(/_fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkBnkaSTbQWg-Yv74MbCyur.woff2) format(woff2); 6387 font-display: swap; 6388 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 6389 font-weight: 100 900; 6390 font-style: italic 6391 } 6392 6393 @font-face { 6394 font-family: Roboto; 6395 src: local("Roboto Variable"), url(/_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw-4K4q18OJrt.woff2) format(woff2); 6396 font-display: swap; 6397 unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; 6398 font-weight: 100 900; 6399 font-style: normal 6400 } 6401 6402 @font-face { 6403 font-family: Roboto; 6404 src: local("Roboto Variable"), url(/_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw-vT9cSax8rF.woff2) format(woff2); 6405 font-display: swap; 6406 unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 6407 font-weight: 100 900; 6408 font-style: normal 6409 } 6410 6411 @font-face { 6412 font-family: Roboto; 6413 src: local("Roboto Variable"), url(/_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw-K8Lh0hp2vH.woff2) format(woff2); 6414 font-display: swap; 6415 unicode-range: U+1F00-1FFF; 6416 font-weight: 100 900; 6417 font-style: normal 6418 } 6419 6420 @font-face { 6421 font-family: Roboto; 6422 src: local("Roboto Variable"), url(/_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBHMdazTgWw-YrRXIKDjCl.woff2) format(woff2); 6423 font-display: swap; 6424 unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; 6425 font-weight: 100 900; 6426 font-style: normal 6427 } 6428 6429 @font-face { 6430 font-family: Roboto; 6431 src: local("Roboto Variable"), url(/_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw-iKD1HzYF4n.woff2) format(woff2); 6432 font-display: swap; 6433 unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; 6434 font-weight: 100 900; 6435 font-style: normal 6436 } 6437 6438 @font-face { 6439 font-family: Roboto; 6440 src: local("Roboto Variable"), url(/_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw-J4rkDdodqF.woff2) format(woff2); 6441 font-display: swap; 6442 unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF; 6443 font-weight: 100 900; 6444 font-style: normal 6445 } 6446 6447 @font-face { 6448 font-family: Roboto; 6449 src: local("Roboto Variable"), url(/_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw-Idwi1wmrw9.woff2) format(woff2); 6450 font-display: swap; 6451 unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; 6452 font-weight: 100 900; 6453 font-style: normal 6454 } 6455 6456 @font-face { 6457 font-family: Roboto; 6458 src: local("Roboto Variable"), url(/_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw-utknTOpabV.woff2) format(woff2); 6459 font-display: swap; 6460 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1D
6460BF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 6461 font-weight: 100 900; 6462 font-style: normal 6463 } 6464 6465 @font-face { 6466 font-family: Roboto; 6467 src: local("Roboto Variable"), url(/_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ-cvmF4ClVmB.woff2) format(woff2); 6468 font-display: swap; 6469 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 6470 font-weight: 100 900; 6471 font-style: normal 6472 } 6473 6474 @font-face { 6475 font-family: Roboto; 6476 src: local("Roboto Thin Italic"), url(/_fonts/fonts.gstatic-hF0kAhDfD0.woff) format(woff); 6477 font-display: swap; 6478 font-weight: 100; 6479 font-style: italic 6480 } 6481 6482 @font-face { 6483 font-family: Roboto; 6484 src: local("Roboto ExtraLight Italic"), url(/_fonts/fonts.gstatic-Y4ETfQHFP4.woff) format(woff); 6485 font-display: swap; 6486 font-weight: 200; 6487 font-style: italic 6488 } 6489 6490 @font-face { 6491 font-family: Roboto; 6492 src: local("Roboto Light Italic"), url(/_fonts/fonts.gstatic-wCY6IOREuQ.woff) format(woff); 6493 font-display: swap; 6494 font-weight: 300; 6495 font-style: italic 6496 } 6497 6498 @font-face { 6499 font-family: Roboto; 6500 src: local("Roboto Regular Italic"), local("Roboto Italic"), url(/_fonts/fonts.gstatic-e8Z48uHaeX.woff) format(woff); 6501 font-display: swap; 6502 font-weight: 400; 6503 font-style: italic 6504 } 6505 6506 @font-face { 6507 font-family: Roboto; 6508 src: local("Roboto Medium Italic"), url(/_fonts/fonts.gstatic-KJuTR9RD4n.woff) format(woff); 6509 font-display: swap; 6510 font-weight: 500; 6511 font-style: italic 6512 } 6513 6514 @font-face { 6515 font-family: Roboto; 6516 src: local("Roboto SemiBold Italic"), url(/_fonts/fonts.gstatic-sU6SXrj9Eb.woff) format(woff); 6517 font-display: swap; 6518 font-weight: 600; 6519 font-style: italic 6520 } 6521 6522 @font-face { 6523 font-family: Roboto; 6524 src: local("Roboto Bold Italic"), url(/_fonts/fonts.gstatic-L1NBMZQ9sR.woff) format(woff); 6525 font-display: swap; 6526 font-weight: 700; 6527 font-style: italic 6528 } 6529 6530 @font-face { 6531 font-family: Roboto; 6532 src: local("Roboto ExtraBold Italic"), url(/_fonts/fonts.gstatic-QJ9ZuPv9g7.woff) format(woff); 6533 font-display: swap; 6534 font-weight: 800; 6535 font-style: italic 6536 } 6537 6538 @font-face { 6539 font-family: Roboto; 6540 src: local("Roboto Black Italic"), url(/_fonts/fonts.gstatic-CvxUUBc4ta.woff) format(woff); 6541 font-display: swap; 6542 font-weight: 900; 6543 font-style: italic 6544 } 6545 6546 @font-face { 6547 font-family: Roboto; 6548 src: local("Roboto Thin"), url(/_fonts/fonts.gstatic-IlUNR3lCb3.woff) format(woff); 6549 font-display: swap; 6550 font-weight: 100; 6551 font-style: normal 6552 } 6553 6554 @font-face { 6555 font-family: Roboto; 6556 src: local("Roboto ExtraLight"), url(/_fonts/fonts.gstatic-OJIwoHnRJT.woff) format(woff); 6557 font-display: swap; 6558 font-weight: 200; 6559 font-style: normal 6560 } 6561 6562 @font-face { 6563 font-family: Roboto; 6564 src: local("Roboto Light"), url(/_fonts/fonts.gstatic-eGUIrWXMGw.woff) format(woff); 6565 font-display: swap; 6566 font-weight: 300; 6567 font-style: normal 6568 } 6569 6570 @font-face { 6571 font-family: Roboto; 6572 src: local("Roboto Regular"), local("Roboto"), url(/_fonts/fonts.gstatic-neZchVnPML.woff) format(woff); 6573 font-display: swap; 6574 font-weight: 400; 6575 font-style: normal 6576 } 6577 6578 @font-face { 6579 font-family: Roboto; 6580 src: local("Roboto Medium"), url(/_fonts/fonts.gstatic-IwDS9IRkVY.woff) format(woff); 6581 font-display: swap; 6582 font-weight: 500; 6583 font-style: normal 6584 } 6585 6586 @font-face { 6587 font-family: Roboto; 6588 src: local("Roboto SemiBold"), url(/_fonts/fonts.gstatic-0NYTcdOziX.woff) format(woff); 6589 font-display: swap; 6590 font-weight: 600; 6591 font-style: normal 6592 } 6593 6594 @font-face { 6595 font-family: Roboto; 6596 src: local("Roboto Bold"), url(/_fonts/fonts.gstatic-leAk5MjWQi.woff) format(woff); 6597 font-display: swap; 6598 font-weight: 700; 6599 font-style: normal 6600 } 6601 6602 @font-face { 6603 font-family: Roboto; 6604 src: local("Roboto ExtraBold"), url(/_fonts/fonts.gstatic-QjZiizu3Lf.woff) format(woff); 6605 font-display: swap; 6606 font-weight: 800; 6607 font-style: normal 6608 } 6609 6610 @font-face { 6611 font-family: Roboto; 6612 src: local("Roboto Black"), url(/_fonts/fonts.gstatic-A689qIDHSW.woff) format(woff); 6613 font-display: swap; 6614 font-weight: 900; 6615 font-style: normal 6616 } 6617 6618 *, 6619 :after, 6620 :before { 6621 --tw-border-spacing-x: 0; 6622 --tw-border-spacing-y: 0; 6623 --tw-translate-x: 0; 6624 --tw-translate-y: 0; 6625 --tw-rotate: 0; 6626 --tw-skew-x: 0; 6627 --tw-skew-y: 0; 6628 --tw-scale-x: 1; 6629 --tw-scale-y: 1; 6630 --tw-pan-x: ; 6631 --tw-pan-y: ; 6632 --tw-pinch-zoom: ; 6633 --tw-scroll-snap-strictness: proximity; 6634 --tw-gradient-from-position: ;
6635 --tw-gradient-via-position: ; 6636 --tw-gradient-to-position: ; 6637 --tw-ordinal: ; 6638 --tw-slashed-zero: ; 6639 --tw-numeric-figure: ; 6640 --tw-numeric-spacing: ; 6641 --tw-numeric-fraction: ; 6642 --tw-ring-inset: ; 6643 --tw-ring-offset-width: 0px; 6644 --tw-ring-offset-color: #fff; 6645 --tw-ring-color: rgba(59, 130, 246, .5); 6646 --tw-ring-offset-shadow: 0 0 #0000; 6647 --tw-ring-shadow: 0 0 #0000; 6648 --tw-shadow: 0 0 #0000; 6649 --tw-shadow-colored: 0 0 #0000; 6650 --tw-blur: ; 6651 --tw-brightness: ; 6652 --tw-contrast: ; 6653 --tw-grayscale: ; 6654 --tw-hue-rotate: ; 6655 --tw-invert: ; 6656 --tw-saturate: ; 6657 --tw-sepia: ; 6658 --tw-drop-shadow: ; 6659 --tw-backdrop-blur: ; 6660 --tw-backdrop-brightness: ; 6661 --tw-backdrop-contrast: ; 6662 --tw-backdrop-grayscale: ; 6663 --tw-backdrop-hue-rotate: ; 6664 --tw-backdrop-invert: ; 6665 --tw-backdrop-opacity: ; 6666 --tw-backdrop-saturate: ; 6667 --tw-backdrop-sepia: ; 6668 --tw-contain-size: ; 6669 --tw-contain-layout: ; 6670 --tw-contain-paint: ; 6671 --tw-contain-style: 6672 } 6673 6674 ::backdrop { 6675 --tw-border-spacing-x: 0; 6676 --tw-border-spacing-y: 0; 6677 --tw-translate-x: 0; 6678 --tw-translate-y: 0; 6679 --tw-rotate: 0; 6680 --tw-skew-x: 0; 6681 --tw-skew-y: 0; 6682 --tw-scale-x: 1; 6683 --tw-scale-y: 1; 6684 --tw-pan-x: ; 6685 --tw-pan-y: ; 6686 --tw-pinch-zoom: ; 6687 --tw-scroll-snap-strictness: proximity; 6688 --tw-gradient-from-position: ; 6689 --tw-gradient-via-position: ; 6690 --tw-gradient-to-position: ; 6691 --tw-ordinal: ; 6692 --tw-slashed-zero: ; 6693 --tw-numeric-figure: ; 6694 --tw-numeric-spacing: ; 6695 --tw-numeric-fraction: ; 6696 --tw-ring-inset: ; 6697 --tw-ring-offset-width: 0px; 6698 --tw-ring-offset-color: #fff; 6699 --tw-ring-color: rgba(59, 130, 246, .5); 6700 --tw-ring-offset-shadow: 0 0 #0000; 6701 --tw-ring-shadow: 0 0 #0000; 6702 --tw-shadow: 0 0 #0000; 6703 --tw-shadow-colored: 0 0 #0000; 6704 --tw-blur: ; 6705 --tw-brightness: ; 6706 --tw-contrast: ; 6707 --tw-grayscale: ; 6708 --tw-hue-rotate: ; 6709 --tw-invert: ; 6710 --tw-saturate: ; 6711 --tw-sepia: ; 6712 --tw-drop-shadow: ; 6713 --tw-backdrop-blur: ; 6714 --tw-backdrop-brightness: ; 6715 --tw-backdrop-contrast: ; 6716 --tw-backdrop-grayscale: ; 6717 --tw-backdrop-hue-rotate: ; 6718 --tw-backdrop-invert: ; 6719 --tw-backdrop-opacity: ; 6720 --tw-backdrop-saturate: ; 6721 --tw-backdrop-sepia: ; 6722 --tw-contain-size: ; 6723 --tw-contain-layout: ; 6724 --tw-contain-paint: ; 6725 --tw-contain-style: 6726 } 6727 6728 /*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/ 6729 *, 6730 :after, 6731 :before { 6732 border: 0 solid #e5e7eb; 6733 box-sizing: border-box 6734 } 6735 6736 :after, 6737 :before { 6738 --tw-content: "" 6739 } 6740 6741 :host, 6742 html { 6743 line-height: 1.5; 6744 -webkit-text-size-adjust: 100%; 6745 font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; 6746 font-feature-settings: normal; 6747 font-variation-settings: normal; 6748 -moz-tab-size: 4; 6749 -o-tab-size: 4; 6750 tab-size: 4; 6751 -webkit-tap-highlight-color: transparent 6752 } 6753 6754 body { 6755 line-height: inherit; 6756 margin: 0 6757 } 6758 6759 hr { 6760 border-top-width: 1px; 6761 color: inherit; 6762 height: 0 6763 } 6764 6765 abbr:where([title]) { 6766 -webkit-text-decoration: underline dotted; 6767 text-decoration: underline dotted 6768 } 6769 6770 h1, 6771 h2, 6772 h3, 6773 h4, 6774 h5, 6775 h6 { 6776 font-size: inherit; 6777 font-weight: inherit 6778 } 6779 6780 a { 6781 color: inherit; 6782 text-decoration: inherit 6783 } 6784 6785 b, 6786 strong { 6787 font-weight: bolder 6788 } 6789 6790 code, 6791 kbd, 6792 pre, 6793 samp { 6794 font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; 6795 font-feature-settings: normal; 6796 font-size: 1em; 6797 font-variation-settings: normal 6798 } 6799 6800 small { 6801 font-size: 80% 6802 } 6803 6804 sub, 6805 sup { 6806 font-size: 75%; 6807 line-height: 0; 6808 position: relative; 6809 vertical-align: baseline 6810 } 6811 6812 sub { 6813 bottom: -.25em 6814 } 6815 6816 sup { 6817 top: -.5em 6818 } 6819 6820 table { 6821 border-collapse: collapse; 6822 border-color: inherit; 6823 text-indent: 0 6824 } 6825 6826 button, 6827 input, 6828 optgroup, 6829 select, 6830 textarea { 6831 color: inherit; 6832 font-family: inherit; 6833 font-feature-settings: inherit; 6834 font-size: 100%; 6835 font-variation-settings: inherit; 6836 font-weight: inherit; 6837 letter-spacing: inherit; 6838 line-height: inherit; 6839 margin: 0; 6840 padding: 0 6841 } 6842 6843 button, 6844 select { 6845 text-transform: none 6846 } 6847 6848 button,
6849 input:where([type=button]), 6850 input:where([type=reset]), 6851 input:where([type=submit]) { 6852 appearance: button; 6853 background-color: transparent; 6854 background-image: none 6855 } 6856 6857 :-moz-focusring { 6858 outline: auto 6859 } 6860 6861 :-moz-ui-invalid { 6862 box-shadow: none 6863 } 6864 6865 progress { 6866 vertical-align: baseline 6867 } 6868 6869 ::-webkit-inner-spin-button, 6870 ::-webkit-outer-spin-button { 6871 height: auto 6872 } 6873 6874 [type=search] { 6875 appearance: textfield; 6876 outline-offset: -2px 6877 } 6878 6879 ::-webkit-search-decoration { 6880 -webkit-appearance: none 6881 } 6882 6883 ::-webkit-file-upload-button { 6884 -webkit-appearance: button; 6885 font: inherit 6886 } 6887 6888 summary { 6889 display: list-item 6890 } 6891 6892 blockquote, 6893 dd, 6894 dl, 6895 figure, 6896 h1, 6897 h2, 6898 h3, 6899 h4, 6900 h5, 6901 h6, 6902 hr, 6903 p, 6904 pre { 6905 margin: 0 6906 } 6907 6908 fieldset { 6909 margin: 0 6910 } 6911 6912 fieldset, 6913 legend { 6914 padding: 0 6915 } 6916 6917 menu, 6918 ol, 6919 ul { 6920 list-style: none; 6921 margin: 0; 6922 padding: 0 6923 } 6924 6925 dialog { 6926 padding: 0 6927 } 6928 6929 textarea { 6930 resize: vertical 6931 } 6932 6933 input::-moz-placeholder, 6934 textarea::-moz-placeholder { 6935 color: #9ca3af; 6936 opacity: 1 6937 } 6938 6939 input::placeholder, 6940 textarea::placeholder { 6941 color: #9ca3af; 6942 opacity: 1 6943 } 6944 6945 [role=button], 6946 button { 6947 cursor: pointer 6948 } 6949 6950 :disabled { 6951 cursor: default 6952 } 6953 6954 audio, 6955 canvas, 6956 embed, 6957 iframe, 6958 img, 6959 object, 6960 svg, 6961 video { 6962 vertical-align: middle 6963 } 6964 6965 img, 6966 video { 6967 height: auto; 6968 max-width: 100% 6969 } 6970 6971 [hidden]:where(:not([hidden=until-found])) { 6972 display: none 6973 } 6974 6975 [multiple], 6976 [type=date], 6977 [type=datetime-local], 6978 [type=email], 6979 [type=month], 6980 [type=number], 6981 [type=password], 6982 [type=search], 6983 [type=tel], 6984 [type=text], 6985 [type=time], 6986 [type=url], 6987 [type=week], 6988 input:where(:not([type])), 6989 select, 6990 textarea { 6991 -webkit-appearance: none; 6992 -moz-appearance: none; 6993 appearance: none; 6994 background-color: #fff; 6995 border-color: #6b7280; 6996 border-radius: 0; 6997 border-width: 1px; 6998 font-size: 1rem; 6999 line-height: 1.5rem; 7000 padding: .5rem .75rem; 7001 --tw-shadow: 0 0 #0000 7002 } 7003 7004 [multiple]:focus, 7005 [type=date]:focus, 7006 [type=datetime-local]:focus, 7007 [type=email]:focus, 7008 [type=month]:focus, 7009 [type=number]:focus, 7010 [type=password]:focus, 7011 [type=search]:focus, 7012 [type=tel]:focus, 7013 [type=text]:focus, 7014 [type=time]:focus, 7015 [type=url]:focus, 7016 [type=week]:focus, 7017 input:where(:not([type])):focus, 7018 select:focus, 7019 textarea:focus { 7020 outline: 2px solid transparent; 7021 outline-offset: 2px; 7022 --tw-ring-inset: var(--tw-empty, ); 7023 --tw-ring-offset-width: 0px; 7024 --tw-ring-offset-color: #fff; 7025 --tw-ring-color: #ffd700; 7026 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 7027 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); 7028 border-color: #ffd700; 7029 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
7029dow) 7030 } 7031 7032 input::-moz-placeholder, 7033 textarea::-moz-placeholder { 7034 color: #6b7280; 7035 opacity: 1 7036 } 7037 7038 input::placeholder, 7039 textarea::placeholder { 7040 color: #6b7280; 7041 opacity: 1 7042 } 7043 7044 ::-webkit-datetime-edit-fields-wrapper { 7045 padding: 0 7046 } 7047 7048 ::-webkit-date-and-time-value { 7049 min-height: 1.5em; 7050 text-align: inherit 7051 } 7052 7053 ::-webkit-datetime-edit { 7054 display: inline-flex 7055 } 7056 7057 ::-webkit-datetime-edit, 7058 ::-webkit-datetime-edit-day-field, 7059 ::-webkit-datetime-edit-hour-field, 7060 ::-webkit-datetime-edit-meridiem-field, 7061 ::-webkit-datetime-edit-millisecond-field, 7062 ::-webkit-datetime-edit-minute-field, 7063 ::-webkit-datetime-edit-month-field, 7064 ::-webkit-datetime-edit-second-field, 7065 ::-webkit-datetime-edit-year-field { 7066 padding-bottom: 0; 7067 padding-top: 0 7068 } 7069 7070 select { 7071 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E"); 7072 background-position: right .5rem center; 7073 background-repeat: no-repeat; 7074 background-size: 1.5em 1.5em; 7075 padding-right: 2.5rem; 7076 -webkit-print-color-adjust: exact; 7077 print-color-adjust: exact 7078 } 7079 7080 [multiple], 7081 [size]:where(select:not([size="1"])) { 7082 background-image: none; 7083 background-position: 0 0; 7084 background-repeat: unset; 7085 background-size: initial; 7086 padding-right: .75rem; 7087 -webkit-print-color-adjust: unset; 7088 print-color-adjust: unset 7089 } 7090 7091 [type=checkbox], 7092 [type=radio] { 7093 -webkit-appearance: none; 7094 -moz-appearance: none; 7095 appearance: none; 7096 background-color: #fff; 7097 background-origin: border-box; 7098 border-color: #6b7280; 7099 border-width: 1px; 7100 color: #ffd700; 7101 display: inline-block; 7102 flex-shrink: 0; 7103 height: 1rem; 7104 padding: 0; 7105 -webkit-print-color-adjust: exact; 7106 print-color-adjust: exact; 7107 -webkit-user-select: none; 7108 -moz-user-select: none; 7109 user-select: none; 7110 vertical-align: middle; 7111 width: 1rem; 7112 --tw-shadow: 0 0 #0000 7113 } 7114 7115 [type=checkbox] { 7116 border-radius: 0 7117 } 7118 7119 [type=radio] { 7120 border-radius: 100% 7121 } 7122 7123 [type=checkbox]:focus, 7124 [type=radio]:focus { 7125 outline: 2px solid transparent; 7126 outline-offset: 2px; 7127 --tw-ring-inset: var(--tw-empty, ); 7128 --tw-ring-offset-width: 2px; 7129 --tw-ring-offset-color: #fff; 7130 --tw-ring-color: #ffd700; 7131 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 7132 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); 7133 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
7133dow) 7134 } 7135 7136 [type=checkbox]:checked, 7137 [type=radio]:checked { 7138 background-color: currentColor; 7139 background-position: 50%; 7140 background-repeat: no-repeat; 7141 background-size: 100% 100%; 7142 border-color: transparent 7143 } 7144 7145 [type=checkbox]:checked { 7146 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E") 7147 } 7148 7149 @media (forced-colors:active) { 7150 [type=checkbox]:checked { 7151 -webkit-appearance: auto; 7152 -moz-appearance: auto; 7153 appearance: auto 7154 } 7155 } 7156 7157 [type=radio]:checked { 7158 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E") 7159 } 7160 7161 @media (forced-colors:active) { 7162 [type=radio]:checked { 7163 -webkit-appearance: auto; 7164 -moz-appearance: auto; 7165 appearance: auto 7166 } 7167 } 7168 7169 [type=checkbox]:checked:focus, 7170 [type=checkbox]:checked:hover, 7171 [type=radio]:checked:focus, 7172 [type=radio]:checked:hover { 7173 background-color: currentColor; 7174 border-color: transparent 7175 } 7176 7177 [type=checkbox]:indeterminate { 7178 background-color: currentColor; 7179 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E"); 7180 background-position: 50%; 7181 background-repeat: no-repeat; 7182 background-size: 100% 100%; 7183 border-color: transparent 7184 } 7185 7186 @media (forced-colors:active) { 7187 [type=checkbox]:indeterminate { 7188 -webkit-appearance: auto; 7189 -moz-appearance: auto; 7190 appearance: auto 7191 } 7192 } 7193 7194 [type=checkbox]:indeterminate:focus, 7195 [type=checkbox]:indeterminate:hover { 7196 background-color: currentColor; 7197 border-color: transparent 7198 } 7199 7200 [type=file] { 7201 background: unset; 7202 border-color: inherit; 7203 border-radius: 0; 7204 border-width: 0; 7205 font-size: unset; 7206 line-height: inherit; 7207 padding: 0 7208 } 7209 7210 [type=file]:focus { 7211 outline: 1px solid ButtonText; 7212 outline: 1px auto -webkit-focus-ring-color 7213 } 7214 7215 :root { 7216 --primary-color: #005aab; 7217 --secondary-color: #fbac29; 7218 --base-font-size: 16px; 7219 --base-line-height: 1.6; 7220 --base-font-weight: 400; 7221 font-family: Roboto, "Roboto Fallback: Arial" 7222 } 7223 7224 .container { 7225 width: 100% 7226 } 7227 7228 @media (min-width:640px) { 7229 .container { 7230 max-width: 640px 7231 } 7232 } 7233 7234 @media (min-width:768px) { 7235 .container { 7236 max-width: 768px 7237 } 7238 } 7239 7240 @media (min-width:1024px) { 7241 .container { 7242 max-width: 1024px 7243 } 7244 } 7245 7246 @media (min-width:1280px) { 7247 .container { 7248 max-width: 1280px 7249 } 7250 } 7251 7252 @media (min-width:1440px) { 7253 .container { 7254 max-width: 1440px 7255 } 7256 } 7257 7258 @media (min-width:1920px) { 7259 .container { 7260 max-width: 1920px 7261 } 7262 } 7263 7264 .form-input, 7265 .form-multiselect, 7266 .form-select, 7267 .form-textarea { 7268 -webkit-appearance: none; 7269 -moz-appearance: none; 7270 appearance: none; 7271 background-color: #fff; 7272 border-color: #6b7280; 7273 border-radius: 0; 7274 border-width: 1px; 7275 font-size: 1rem; 7276 line-height: 1.5rem; 7277 padding: .5rem .75rem; 7278 --tw-shadow: 0 0 #0000 7279 } 7280 7281 .form-input:focus, 7282 .form-multiselect:focus, 7283 .form-select:focus, 7284 .form-textarea:focus { 7285 outline: 2px solid transparent; 7286 outline-offset: 2px; 7287 --tw-ring-inset: var(--tw-empty, ); 7288 --tw-ring-offset-width: 0px; 7289 --tw-ring-offset-color: #fff; 7290 --tw-ring-color: #ffd700; 7291 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 7292 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); 7293 border-color: #ffd700; 7294 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
7294dow) 7295 } 7296 7297 .form-select { 7298 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E"); 7299 background-position: right .5rem center; 7300 background-repeat: no-repeat; 7301 background-size: 1.5em 1.5em; 7302 padding-right: 2.5rem; 7303 -webkit-print-color-adjust: exact; 7304 print-color-adjust: exact 7305 } 7306 7307 .form-select:where([size]:not([size="1"])) { 7308 background-image: none; 7309 background-position: 0 0; 7310 background-repeat: unset; 7311 background-size: initial; 7312 padding-right: .75rem; 7313 -webkit-print-color-adjust: unset; 7314 print-color-adjust: unset 7315 } 7316 7317 .form-default { 7318 border-color: transparent; 7319 font-weight: 500; 7320 padding: 0 7321 } 7322 7323 .form-default:focus { 7324 border-color: transparent; 7325 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 7326 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color); 7327 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
7327dow, 0 0 #0000) 7328 } 7329 7330 .form-default:-webkit-autofill, 7331 .form-default:-webkit-autofill:focus, 7332 .form-default:-webkit-autofill:hover { 7333 -webkit-box-shadow: inset 0 0 0 1000px #fff !important; 7334 -webkit-text-fill-color: #000 !important; 7335 border: none; 7336 outline: none 7337 } 7338 7339 .form-rounded { 7340 border-radius: 9999px; 7341 border-width: 1px; 7342 width: 100%; 7343 --tw-border-opacity: 1; 7344 border-color: rgb(158 158 158/var(--tw-border-opacity, 1)); 7345 padding: .5rem 1rem 7346 } 7347 7348 .form-rounded::-moz-placeholder { 7349 --tw-text-opacity: 1; 7350 color: rgb(134 134 134/var(--tw-text-opacity, 1)) 7351 } 7352 7353 .form-rounded::placeholder { 7354 --tw-text-opacity: 1; 7355 color: rgb(134 134 134/var(--tw-text-opacity, 1)) 7356 } 7357 7358 .form-rounded:focus-within { 7359 --tw-border-opacity: 1; 7360 border-color: rgb(0 90 171/var(--tw-border-opacity, 1)) 7361 } 7362 7363 .form-rounded:focus { 7364 --tw-border-opacity: 1; 7365 border-color: rgb(0 90 171/var(--tw-border-opacity, 1)); 7366 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 7367 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color); 7368 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
7368dow, 0 0 #0000) 7369 } 7370 7371 .form-rounded:disabled { 7372 border-color: transparent; 7373 --tw-bg-opacity: 1; 7374 background-color: rgb(241 245 249/var(--tw-bg-opacity, 1)); 7375 --tw-text-opacity: 1; 7376 color: rgb(128 128 128/var(--tw-text-opacity, 1)) 7377 } 7378 7379 .form-error { 7380 --tw-border-opacity: 1; 7381 border-color: rgb(236 33 61/var(--tw-border-opacity, 1)); 7382 --tw-bg-opacity: 1; 7383 background-color: rgb(253 227 228/var(--tw-bg-opacity, 1)); 7384 --tw-text-opacity: 1; 7385 color: rgb(202 45 51/var(--tw-text-opacity, 1)) 7386 } 7387 7388 .form-error:-webkit-autofill, 7389 .form-error:-webkit-autofill:focus, 7390 .form-error:-webkit-autofill:hover { 7391 -webkit-box-shadow: inset 0 0 0 1000px #fde3e4 !important 7392 } 7393 7394 .form-select { 7395 border-radius: 32px; 7396 border-width: 1px; 7397 display: flex; 7398 min-height: 2.75rem; 7399 --tw-border-opacity: 1; 7400 background-image: none; 7401 border-color: rgb(158 158 158/var(--tw-border-opacity, 1)); 7402 padding-left: 1rem; 7403 padding-right: 1rem 7404 } 7405 7406 @media (min-width:768px) { 7407 .form-select { 7408 min-height: 3rem 7409 } 7410 } 7411 7412 .form-select .vs__selected-options { 7413 flex-wrap: nowrap; 7414 width: 0 7415 } 7416 7417 .form-select.vs--disabled, 7418 .form-select.vs--disabled .vs__dropdown-toggle, 7419 .form-select.vs--disabled .vs__search { 7420 --tw-bg-opacity: 1; 7421 background-color: rgb(241 245 249/var(--tw-bg-opacity, 1)) 7422 } 7423 7424 .form-select .vs__dropdown-toggle { 7425 border-style: none; 7426 height: 100%; 7427 margin: auto; 7428 overflow: hidden; 7429 padding: 0; 7430 width: 100% 7431 } 7432 7433 .form-select .vs__search { 7434 margin: 0 7435 } 7436 7437 .form-select .vs__search::-moz-placeholder { 7438 text-align: left; 7439 --tw-text-opacity: 1; 7440 color: rgb(134 134 134/var(--tw-text-opacity, 1)) 7441 } 7442 7443 .form-select .vs__search::placeholder { 7444 text-align: left; 7445 --tw-text-opacity: 1; 7446 color: rgb(134 134 134/var(--tw-text-opacity, 1)) 7447 } 7448 7449 .form-select .vs__selected { 7450 display: block; 7451 margin: 0; 7452 max-width: 100%; 7453 overflow: hidden; 7454 padding: .25rem 0 0; 7455 text-overflow: ellipsis; 7456 white-space: nowrap 7457 } 7458 7459 .form-select .vs__dropdown-menu { 7460 border-radius: 1rem; 7461 border-width: 1px; 7462 padding: 0; 7463 top: calc(100% + 12px); 7464 --tw-text-opacity: 1; 7465 color: rgb(134 134 134/var(--tw-text-opacity, 1)) 7466 } 7467 7468 .form-select .vs__dropdown-menu .vs__dropdown-option { 7469 padding-bottom: .75rem; 7470 padding-top: .75rem 7471 } 7472 7473 .form-select .vs__dropdown-menu .vs__dropdown-option.vs__dropdown-option--highlight { 7474 --tw-bg-opacity: 1; 7475 background-color: rgb(229 239 247/var(--tw-bg-opacity, 1)); 7476 font-weight: 600; 7477 --tw-text-opacity: 1; 7478 color: rgb(0 90 171/var(--tw-text-opacity, 1)) 7479 } 7480 7481 .no-arrow::-webkit-inner-spin-button, 7482 .no-arrow::-webkit-outer-spin-button { 7483 -webkit-appearance: none; 7484 margin: 0 7485 } 7486 7487 .no-arrow { 7488 appearance: textfield 7489 } 7490 7491 .input-label { 7492 font-size: .875rem; 7493 line-height: 1.25rem; 7494 --tw-text-opacity: 1; 7495 color: rgb(76 76 76/var(--tw-text-opacity, 1)) 7496 } 7497 7498 .input-form { 7499 border-radius: 9999px; 7500 border-style: none; 7501 border-width: 0; 7502 min-height: 3rem; 7503 width: 100%; 7504 --tw-bg-opacity: 1; 7505 background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)); 7506 padding: .625rem 1rem; 7507 --tw-text-opacity: 1; 7508 color: rgb(0 0 0/var(--tw-text-opacity, 1)); 7509 outline-color: #b3b3b3; 7510 outline-style: solid 7511 } 7512 7513 .input-form:hover { 7514 outline-color: #32508f 7515 } 7516 7517 .input-form.input-blue { 7518 outline-color: #99bddd 7519 } 7520 7521 .input-form.input-blue::-moz-placeholder { 7522 --tw-text-opacity: 1 !important; 7523 color: rgb(153 189 221/var(--tw-text-opacity, 1)) !important 7524 } 7525 7526 .input-form.input-blue::placeholder { 7527 --tw-text-opacity: 1 !important; 7528 color: rgb(153 189 221/var(--tw-text-opacity, 1)) !important 7529 } 7530 7531 .input-form.input-blue:hover { 7532 outline-color: #99bddd 7533 } 7534 7535 .input-form.input-blue:focus { 7536 border-width: 0; 7537 outline-color: #99bddd !important 7538 } 7539 7540 .input-form.input-blue:active, 7541 .input-form.input-blue:focus { 7542 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; 7543 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color) !important; 7544 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
7544dow, 0 0 #0000) !important 7545 } 7546 7547 .input-form.use-prefix { 7548 padding-left: 4rem 7549 } 7550 7551 .input-form.use-suffix { 7552 padding-right: 4rem 7553 } 7554 7555 .input-form.use-icon { 7556 padding-left: 2.5rem 7557 } 7558 7559 .input-form.use-right-icon { 7560 padding-right: 2.5rem 7561 } 7562 7563 .input-form.textarea { 7564 border-radius: 1rem; 7565 min-height: 5rem 7566 } 7567 7568 .input-form.error-input { 7569 --tw-bg-opacity: 1; 7570 background-color: rgb(255 208 208/var(--tw-bg-opacity, 1)) 7571 } 7572 7573 .input-form.disabled-input { 7574 cursor: not-allowed; 7575 --tw-bg-opacity: 1; 7576 background-color: rgb(242 242 242/var(--tw-bg-opacity, 1)); 7577 --tw-text-opacity: 1; 7578 color: rgb(128 128 128/var(--tw-text-opacity, 1)) 7579 } 7580 7581 .input-form.disabled-input:hover { 7582 outline-color: #b3b3b3 7583 } 7584 7585 .input-wrapper .input-left-icon { 7586 left: 1rem 7587 } 7588 7589 .input-wrapper .input-left-icon, 7590 .input-wrapper .input-right-icon { 7591 position: absolute; 7592 top: 50%; 7593 --tw-translate-y: -50%; 7594 font-size: 1.125rem; 7595 line-height: 1.75rem; 7596 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 7597 --tw-text-opacity: 1; 7598 color: rgb(13 13 13/var(--tw-text-opacity, 1)) 7599 } 7600 7601 .input-wrapper .input-right-icon { 7602 cursor: pointer; 7603 right: 1rem 7604 } 7605 7606 .input-wrapper .prefix { 7607 border-bottom-left-radius: 9999px; 7608 border-top-left-radius: 9999px; 7609 left: 0; 7610 padding: .75rem 1rem 7611 } 7612 7613 .input-wrapper .prefix, 7614 .input-wrapper .suffix { 7615 align-items: center; 7616 display: flex; 7617 height: 100%; 7618 justify-content: center; 7619 position: absolute; 7620 top: 0; 7621 --tw-bg-opacity: 1; 7622 background-color: rgb(245 245 245/var(--tw-bg-opacity, 1)); 7623 font-size: .875rem; 7624 font-weight: 700; 7625 line-height: 1.25rem; 7626 --tw-text-opacity: 1; 7627 color: rgb(66 66 66/var(--tw-text-opacity, 1)); 7628 outline-color: #b3b3b3; 7629 outline-style: solid 7630 } 7631 7632 .input-wrapper .suffix { 7633 border-bottom-right-radius: 9999px; 7634 border-top-right-radius: 9999px; 7635 padding: .75rem; 7636 right: 0 7637 } 7638 7639 .input-wrapper:has(.input-blue) .prefix, 7640 .input-wrapper:has(.input-blue) .suffix { 7641 --tw-bg-opacity: 1; 7642 background-color: rgb(229 239 247/var(--tw-bg-opacity, 1)); 7643 --tw-text-opacity: 1; 7644 color: rgb(153 189 221/var(--tw-text-opacity, 1)); 7645 outline-width: 0 7646 } 7647 7648 .input-wrapper .password-icon { 7649 position: absolute; 7650 right: 1rem; 7651 top: 50%; 7652 --tw-translate-y: -50%; 7653 font-size: 1.125rem; 7654 line-height: 1.75rem; 7655 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 7656 --tw-text-opacity: 1; 7657 color: rgb(86 86 86/var(--tw-text-opacity, 1)) 7658 } 7659 7660 .input-wrapper:focus-within .input-left-icon { 7661 --tw-text-opacity: 1; 7662 color: rgb(50 80 143/var(--tw-text-opacity, 1)) 7663 } 7664 7665 .input-wrapper:focus-within .prefix, 7666 .input-wrapper:focus-within .suffix { 7667 outline-color: #32508f 7668 } 7669 7670 .input-wrapper.error-input .input-form, 7671 .input-wrapper.error-input .prefix, 7672 .input-wrapper.error-input .suffix { 7673 --tw-bg-opacity: 1; 7674 background-color: rgb(255 208 208/var(--tw-bg-opacity, 1)) 7675 } 7676 7677 .input-wrapper.disabled-input {
7678 cursor: not-allowed 7679 } 7680 7681 .input-wrapper.disabled-input .input-form, 7682 .input-wrapper.disabled-input .prefix, 7683 .input-wrapper.disabled-input .suffix { 7684 --tw-bg-opacity: 1; 7685 background-color: rgb(242 242 242/var(--tw-bg-opacity, 1)); 7686 --tw-text-opacity: 1; 7687 color: rgb(128 128 128/var(--tw-text-opacity, 1)) 7688 } 7689 7690 .input-wrapper.disabled-input .input-form:hover, 7691 .input-wrapper.disabled-input .prefix:hover, 7692 .input-wrapper.disabled-input .suffix:hover { 7693 outline-color: #b3b3b3 7694 } 7695 7696 .error-msg { 7697 color: rgb(208 82 83/var(--tw-text-opacity, 1)) 7698 } 7699 7700 .error-msg, 7701 .helper-text { 7702 align-items: center; 7703 display: flex; 7704 font-size: .75rem; 7705 gap: .25rem; 7706 line-height: 1rem; 7707 --tw-text-opacity: 1 7708 } 7709 7710 .helper-text { 7711 color: rgb(134 134 134/var(--tw-text-opacity, 1)) 7712 } 7713 7714 .\!btn { 7715 align-items: center; 7716 border-radius: 9999px; 7717 display: inline-flex; 7718 font-weight: 500; 7719 gap: .75rem; 7720 height: 2.75rem; 7721 justify-content: center; 7722 padding-left: 1.5rem; 7723 padding-right: 1.5rem; 7724 -webkit-user-select: none; 7725 -moz-user-select: none; 7726 user-select: none 7727 } 7728 7729 .\!btn:disabled { 7730 pointer-events: none; 7731 --tw-border-opacity: 1; 7732 border-color: rgb(134 134 134/var(--tw-border-opacity, 1)); 7733 --tw-bg-opacity: 1; 7734 background-color: rgb(242 242 242/var(--tw-bg-opacity, 1)); 7735 --tw-text-opacity: 1 !important; 7736 color: rgb(134 134 134/var(--tw-text-opacity, 1)) !important; 7737 --tw-shadow: 0 0 #0000; 7738 --tw-shadow-colored: 0 0 #0000; 7739 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-sha
7739dow) 7740 } 7741 7742 .btn { 7743 align-items: center; 7744 border-radius: 9999px; 7745 display: inline-flex; 7746 font-weight: 500; 7747 gap: .75rem; 7748 height: 2.75rem; 7749 justify-content: center; 7750 padding-left: 1.5rem; 7751 padding-right: 1.5rem; 7752 -webkit-user-select: none; 7753 -moz-user-select: none; 7754 user-select: none 7755 } 7756 7757 .btn:disabled { 7758 pointer-events: none; 7759 --tw-border-opacity: 1; 7760 border-color: rgb(134 134 134/var(--tw-border-opacity, 1)); 7761 --tw-bg-opacity: 1; 7762 background-color: rgb(242 242 242/var(--tw-bg-opacity, 1)); 7763 --tw-text-opacity: 1 !important; 7764 color: rgb(134 134 134/var(--tw-text-opacity, 1)) !important; 7765 --tw-shadow: 0 0 #0000; 7766 --tw-shadow-colored: 0 0 #0000; 7767 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) 7768 } 7769 7770 .\!btn.disabled { 7771 pointer-events: none; 7772 --tw-border-opacity: 1; 7773 border-color: rgb(61 61 61/var(--tw-border-opacity, 1)); 7774 --tw-bg-opacity: 1; 7775 --tw-text-opacity: 1; 7776 color: rgb(61 61 61/var(--tw-text-opacity, 1)) 7777 } 7778 7779 .\!btn.disabled, 7780 .\!btn.disabled:hover { 7781 background-color: rgb(242 242 242/var(--tw-bg-opacity, 1)) 7782 } 7783 7784 .\!btn.disabled:hover { 7785 --tw-bg-opacity: 1 7786 } 7787 7788 .btn.disabled { 7789 pointer-events: none; 7790 --tw-border-opacity: 1; 7791 border-color: rgb(61 61 61/var(--tw-border-opacity, 1)); 7792 --tw-bg-opacity: 1; 7793 --tw-text-opacity: 1; 7794 color: rgb(61 61 61/var(--tw-text-opacity, 1)) 7795 } 7796 7797 .btn.disabled, 7798 .btn.disabled:hover { 7799 background-color: rgb(242 242 242/var(--tw-bg-opacity, 1)) 7800 } 7801 7802 .btn-primary, 7803 .btn.disabled:hover { 7804 --tw-bg-opacity: 1 7805 } 7806 7807 .btn-primary { 7808 background-color: rgb(0 90 171/var(--tw-bg-opacity, 1)); 7809 --tw-text-opacity: 1; 7810 color: rgb(255 255 255/var(--tw-text-opacity, 1)) 7811 } 7812 7813 .btn-primary:hover { 7814 --tw-bg-opacity: 1; 7815 background-color: rgb(51 123 188/var(--tw-bg-opacity, 1)) 7816 } 7817 7818 .btn-primary-outline { 7819 border-width: 1px; 7820 --tw-border-opacity: 1; 7821 border-color: rgb(0 90 171/var(--tw-border-opacity, 1)); 7822 --tw-bg-opacity: 1; 7823 background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)); 7824 --tw-text-opacity: 1; 7825 color: rgb(0 90 171/var(--tw-text-opacity, 1)) 7826 } 7827 7828 .btn-primary-outline:hover { 7829 --tw-bg-opacity: 1; 7830 background-color: rgb(0 90 171/var(--tw-bg-opacity, 1)); 7831 --tw-text-opacity: 1; 7832 color: rgb(255 255 255/var(--tw-text-opacity, 1)) 7833 } 7834 7835 .btn-primary-outline:disabled { 7836 --tw-bg-opacity: 1; 7837 background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) 7838 } 7839 7840 .btn-danger { 7841 --tw-bg-opacity: 1; 7842 background-color: rgb(236 33 61/var(--tw-bg-opacity, 1)); 7843 --tw-text-opacity: 1; 7844 color: rgb(255 255 255/var(--tw-text-opacity, 1)) 7845 } 7846 7847 .btn-danger:hover { 7848 --tw-bg-opacity: 1; 7849 background-color: rgb(255 128 128/var(--tw-bg-opacity, 1)) 7850 } 7851 7852 .btn-danger-outline { 7853 border-width: 1px; 7854 --tw-border-opacity: 1; 7855 border-color: rgb(236 33 61/var(--tw-border-opacity, 1)); 7856 --tw-bg-opacity: 1; 7857 background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)); 7858 --tw-text-opacity: 1; 7859 color: rgb(236 33 61/var(--tw-text-opacity, 1)) 7860 } 7861 7862 .btn-danger-outline:hover { 7863 --tw-bg-opacity: 1; 7864 background-color: rgb(236 33 61/var(--tw-bg-opacity, 1)); 7865 --tw-text-opacity: 1; 7866 color: rgb(255 255 255/var(--tw-text-opacity, 1)) 7867 } 7868 7869 .btn-danger-outline:disabled { 7870 --tw-bg-opacity: 1; 7871 background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) 7872 } 7873 7874 .btn-icon { 7875 align-items: center; 7876 aspect-ratio: 1/1; 7877 border-radius: 9999px; 7878 border-width: 1px; 7879 display: flex; 7880 height: 2.75rem; 7881 justify-content: center; 7882 width: 2.75rem; 7883 z-index: 2; 7884 --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
7885 --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) 7886 } 7887 7888 .btn-icon, 7889 .btn-icon:disabled { 7890 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) 7891 } 7892 7893 .btn-icon:disabled { 7894 --tw-border-opacity: 1; 7895 border-color: rgb(207 207 207/var(--tw-border-opacity, 1)); 7896 --tw-bg-opacity: 1 !important; 7897 background-color: rgb(242 242 242/var(--tw-bg-opacity, 1)) !important; 7898 --tw-text-opacity: 1; 7899 color: rgb(61 61 61/var(--tw-text-opacity, 1)); 7900 --tw-shadow: 0 0 #0000; 7901 --tw-shadow-colored: 0 0 #0000 7902 } 7903 7904 @media (min-width:768px) { 7905 .btn-icon { 7906 height: 2.5rem; 7907 width: 2.5rem 7908 } 7909 } 7910 7911 .badge { 7912 border-radius: 9999px; 7913 font-size: .875rem; 7914 font-weight: 600; 7915 line-height: 1.25rem; 7916 padding: .75rem 1.25rem 7917 } 7918 7919 .badge-sm { 7920 padding: .25rem .75rem 7921 } 7922 7923 .badge-gray { 7924 border-width: 1px; 7925 --tw-border-opacity: 1; 7926 background-color: rgb(237 237 237/var(--tw-bg-opacity, 1)); 7927 border-color: rgb(224 224 224/var(--tw-border-opacity, 1)); 7928 color: rgb(158 158 158/var(--tw-text-opacity, 1)) 7929 } 7930 7931 .badge-gray, 7932 .badge-primary { 7933 --tw-bg-opacity: 1; 7934 --tw-text-opacity: 1 7935 } 7936 7937 .badge-primary { 7938 background-color: rgb(204 222 238/var(--tw-bg-opacity, 1)); 7939 color: rgb(51 123 188/var(--tw-text-opacity, 1)) 7940 } 7941 7942 .badge-warning { 7943 background-color: rgb(253 228 194/var(--tw-bg-opacity, 1)); 7944 color: rgb(247 166 51/var(--tw-text-opacity, 1)) 7945 } 7946 7947 .badge-success, 7948 .badge-warning { 7949 --tw-bg-opacity: 1; 7950 --tw-text-opacity: 1 7951 } 7952 7953 .badge-success { 7954 background-color: rgb(142 204 187/var(--tw-bg-opacity, 1)); 7955 color: rgb(29 153 120/var(--tw-text-opacity, 1)) 7956 } 7957 7958 .badge-danger { 7959 background-color: rgb(249 188 197/var(--tw-bg-opacity, 1)); 7960 color: rgb(236 33 61/var(--tw-text-opacity, 1)) 7961 } 7962 7963 .badge-danger, 7964 .badge-tag { 7965 --tw-bg-opacity: 1; 7966 --tw-text-opacity: 1 7967 } 7968 7969 .badge-tag { 7970 background-color: rgb(229 239 247/var(--tw-bg-opacity, 1)); 7971 border-radius: 9999px; 7972 color: rgb(134 134 134/var(--tw-text-opacity, 1)); 7973 font-size: 10px; 7974 padding: .25rem .5rem 7975 } 7976 7977 @media (min-width:768px) { 7978 .badge-tag { 7979 font-size: .75rem; 7980 line-height: 1rem 7981 } 7982 } 7983 7984 .table { 7985 border-collapse: collapse; 7986 border-radius: .5rem; 7987 font-size: .875rem; 7988 line-height: 1.25rem; 7989 overflow: hidden; 7990 text-align: left; 7991 width: 100%; 7992 --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
7993 --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); 7994 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) 7995 } 7996 7997 .table th, 7998 .table thead { 7999 white-space: nowrap; 8000 --tw-bg-opacity: 1; 8001 background-color: rgb(0 90 171/var(--tw-bg-opacity, 1)); 8002 font-weight: 600; 8003 --tw-text-opacity: 1; 8004 color: rgb(255 255 255/var(--tw-text-opacity, 1)) 8005 } 8006 8007 @media not all and (min-width:768px) { 8008 8009 .table th, 8010 .table thead { 8011 width: auto 8012 } 8013 } 8014 8015 .table td, 8016 .table th { 8017 padding: .5rem 1rem 8018 } 8019 8020 @media not all and (min-width:768px) { 8021 8022 .table td, 8023 .table th { 8024 width: auto 8025 } 8026 } 8027 8028 .table th:first-child { 8029 border-top-left-radius: .5rem 8030 } 8031 8032 .table th:last-child { 8033 border-top-right-radius: .5rem 8034 } 8035 8036 .table tbody { 8037 border-bottom-left-radius: .5rem; 8038 border-bottom-right-radius: .5rem; 8039 box-shadow: 0 0 0 1px #e5e5e5 8040 } 8041 8042 .table tbody tr { 8043 --tw-text-opacity: 1; 8044 color: rgb(37 37 37/var(--tw-text-opacity, 1)) 8045 } 8046 8047 .table tbody tr:nth-child(2n) { 8048 --tw-bg-opacity: 1; 8049 background-color: rgb(249 249 249/var(--tw-bg-opacity, 1)) 8050 } 8051 8052 .h1 { 8053 font-size: 1.5rem; 8054 font-weight: 700; 8055 line-height: 2rem; 8056 line-height: 1.375 8057 } 8058 8059 @media (min-width:768px) { 8060 .h1 { 8061 font-size: 64px 8062 } 8063 } 8064 8065 .h2 { 8066 font-size: 1.5rem; 8067 font-weight: 700; 8068 line-height: 2rem; 8069 line-height: 1.375 8070 } 8071 8072 @media (min-width:768px) { 8073 .h2 { 8074 font-size: 48px 8075 } 8076 } 8077 8078 .h3 { 8079 font-size: 1.5rem; 8080 font-weight: 700; 8081 line-height: 2rem; 8082 line-height: 1.375 8083 } 8084 8085 @media (min-width:768px) { 8086 .h3 { 8087 font-size: 40px 8088 } 8089 } 8090 8091 .h4 { 8092 font-size: 1.25rem; 8093 font-weight: 700; 8094 line-height: 1.75rem; 8095 line-height: 1.375 8096 } 8097 8098 @media (min-width:768px) { 8099 .h4 { 8100 font-size: 36px 8101 } 8102 } 8103 8104 .h5 { 8105 font-size: 1.25rem; 8106 font-weight: 700; 8107 line-height: 1.75rem; 8108 line-height: 1.375 8109 } 8110 8111 @media (min-width:768px) { 8112 .h5 { 8113 font-size: 32px 8114 } 8115 } 8116 8117 .h6 { 8118 font-size: 1.125rem; 8119 font-weight: 700; 8120 line-height: 1.75rem; 8121 line-height: 1.375 8122 } 8123 8124 @media (min-width:768px) { 8125 .h6 { 8126 font-size: 26px 8127 } 8128 } 8129 8130 .h7 { 8131 font-size: 1.125rem; 8132 font-weight: 700; 8133 line-height: 1.75rem; 8134 line-height: 1.375 8135 } 8136 8137 @media (min-width:768px) { 8138 .h7 { 8139 font-size: 1.5rem; 8140 line-height: 2rem 8141 } 8142 } 8143 8144 .h8 { 8145 font-size: 1.125rem; 8146 font-weight: 700; 8147 line-height: 1.75rem; 8148 line-height: 1.375 8149 } 8150 8151 .container { 8152 margin-left: auto; 8153 margin-right: auto; 8154 max-width: 1166px; 8155 width: 92% 8156 } 8157 8158 @media (min-width:768px) { 8159 .container { 8160 width: 94% 8161 } 8162 } 8163 8164 .container-right { 8165 margin-left: max(4%, calc(50vw - 583px)); 8166 margin-right: 0; 8167 width: auto 8168 } 8169 8170 @media (min-width:768px) { 8171 .container-right { 8172 margin-left: max(3%, calc(50vw - 583px)) 8173 } 8174 } 8175 8176 .card { 8177 border-radius: .75rem; 8178 border-width: 1px 8179 } 8180 8181 .blue-card { 8182 border-color: transparent; 8183 border-radius: .75rem; 8184 --tw-bg-opacity: 1;
8185 background-color: rgb(229 239 247/var(--tw-bg-opacity, 1)); 8186 padding: .75rem 1rem 8187 } 8188 8189 @media (min-width:768px) { 8190 .blue-card { 8191 padding: 1rem 1.5rem 8192 } 8193 } 8194 8195 .custom-scroll::-webkit-scrollbar { 8196 width: 5px 8197 } 8198 8199 .custom-scroll::-webkit-scrollbar-track { 8200 border-radius: .5rem; 8201 --tw-bg-opacity: 1; 8202 background-color: rgb(249 250 251/var(--tw-bg-opacity, 1)) 8203 } 8204 8205 .custom-scroll::-webkit-scrollbar-thumb { 8206 border-radius: .5rem; 8207 --tw-bg-opacity: 1; 8208 background-color: rgb(0 90 171/var(--tw-bg-opacity, 1)) 8209 } 8210 8211 .custom-shadow { 8212 box-shadow: 0 2px 25px #00000012 8213 } 8214 8215 .custom-shadow-2 { 8216 box-shadow: 0 2px 10px #0000001a 8217 } 8218 8219 .no-scrollbar::-webkit-scrollbar { 8220 display: none 8221 } 8222 8223 .no-scrollbar { 8224 -ms-overflow-style: none; 8225 scrollbar-width: none 8226 } 8227 8228 .article h1, 8229 .article h2 { 8230 --tw-text-opacity: 1; 8231 color: rgb(37 37 37/var(--tw-text-opacity, 1)) 8232 } 8233 8234 .article p { 8235 --tw-text-opacity: 1; 8236 color: rgb(86 86 86/var(--tw-text-opacity, 1)) 8237 } 8238 8239 .article>ul { 8240 display: grid; 8241 gap: .25rem; 8242 padding-top: .5rem 8243 } 8244 8245 .article>ul>li { 8246 padding-left: 2rem; 8247 position: relative 8248 } 8249 8250 .article>ul>li:before { 8251 border-radius: 9999px; 8252 content: var(--tw-content); 8253 height: 1rem; 8254 left: 0; 8255 position: absolute; 8256 top: .25rem; 8257 width: 1rem; 8258 --tw-bg-opacity: 1; 8259 background-color: rgb(251 194 41/var(--tw-bg-opacity, 1)) 8260 } 8261 8262 .article>ul>li>ul { 8263 display: grid; 8264 gap: .25rem; 8265 padding-top: .5rem 8266 } 8267 8268 .article>ul>li>ul>li { 8269 padding-left: 1.5rem; 8270 position: relative 8271 } 8272 8273 .article>ul>li>ul>li:before { 8274 height: .5rem; 8275 left: 0; 8276 position: absolute; 8277 top: 50%; 8278 width: .5rem; 8279 --tw-translate-y: -50%; 8280 border-radius: 9999px; 8281 content: var(--tw-content); 8282 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 8283 --tw-bg-opacity: 1; 8284 background-color: rgb(251 194 41/var(--tw-bg-opacity, 1)) 8285 } 8286 8287 .article ol { 8288 list-style-type: decimal; 8289 padding-left: 1.5rem 8290 } 8291 8292 .article a { 8293 --tw-text-opacity: 1; 8294 color: rgb(0 90 171/var(--tw-text-opacity, 1)); 8295 text-decoration-line: underline 8296 } 8297 8298 .article .mgz-element-button a { 8299 align-items: center; 8300 border-radius: 9999px; 8301 display: inline-flex; 8302 font-weight: 500; 8303 gap: .75rem; 8304 height: 2.75rem; 8305 justify-content: center; 8306 padding-left: 1.5rem; 8307 padding-right: 1.5rem; 8308 -webkit-user-select: none; 8309 -moz-user-select: none; 8310 user-select: none 8311 } 8312 8313 .article .mgz-element-button a:disabled { 8314 pointer-events: none; 8315 --tw-border-opacity: 1; 8316 border-color: rgb(134 134 134/var(--tw-border-opacity, 1)); 8317 --tw-bg-opacity: 1; 8318 background-color: rgb(242 242 242/var(--tw-bg-opacity, 1)); 8319 --tw-text-opacity: 1 !important; 8320 color: rgb(134 134 134/var(--tw-text-opacity, 1)) !important; 8321 --tw-shadow: 0 0 #0000; 8322 --tw-shadow-colored: 0 0 #0000; 8323 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-sha
8323dow) 8324 } 8325 8326 .article .mgz-element-button a.disabled { 8327 pointer-events: none; 8328 --tw-border-opacity: 1; 8329 border-color: rgb(61 61 61/var(--tw-border-opacity, 1)); 8330 --tw-bg-opacity: 1; 8331 background-color: rgb(242 242 242/var(--tw-bg-opacity, 1)); 8332 --tw-text-opacity: 1; 8333 color: rgb(61 61 61/var(--tw-text-opacity, 1)) 8334 } 8335 8336 .article .mgz-element-button a.disabled:hover { 8337 --tw-bg-opacity: 1; 8338 background-color: rgb(242 242 242/var(--tw-bg-opacity, 1)) 8339 } 8340 8341 .article .mgz-element-button a { 8342 --tw-bg-opacity: 1; 8343 background-color: rgb(0 90 171/var(--tw-bg-opacity, 1)); 8344 --tw-text-opacity: 1; 8345 color: rgb(255 255 255/var(--tw-text-opacity, 1)) 8346 } 8347 8348 .article .mgz-element-button a:hover { 8349 --tw-bg-opacity: 1; 8350 background-color: rgb(51 123 188/var(--tw-bg-opacity, 1)) 8351 } 8352 8353 .article .mgz-element-button a { 8354 text-decoration-line: none 8355 } 8356 8357 .sr-only { 8358 height: 1px; 8359 margin: -1px; 8360 overflow: hidden; 8361 padding: 0; 8362 position: absolute; 8363 width: 1px; 8364 clip: rect(0, 0, 0, 0); 8365 border-width: 0; 8366 white-space: nowrap 8367 } 8368 8369 .pointer-events-none { 8370 pointer-events: none 8371 } 8372 8373 .pointer-events-auto { 8374 pointer-events: auto 8375 } 8376 8377 .visible { 8378 visibility: visible 8379 } 8380 8381 .static { 8382 position: static 8383 } 8384 8385 .fixed { 8386 position: fixed 8387 } 8388 8389 .absolute { 8390 position: absolute 8391 } 8392 8393 .relative { 8394 position: relative 8395 } 8396 8397 .sticky { 8398 position: sticky 8399 } 8400 8401 .inset-0 { 8402 top: 0; 8403 right: 0; 8404 bottom: 0; 8405 left: 0 8406 } 8407 8408 .inset-x-0 { 8409 left: 0; 8410 right: 0 8411 } 8412 8413 .\!bottom-28 { 8414 bottom: 7rem !important 8415 } 8416 8417 .-bottom-1 { 8418 bottom: -.25rem 8419 } 8420 8421 .-bottom-2 { 8422 bottom: -.5rem 8423 } 8424 8425 .-bottom-5 { 8426 bottom: -1.25rem 8427 } 8428 8429 .-left-0 { 8430 left: 0 8431 } 8432 8433 .-left-11 { 8434 left: -2.75rem 8435 } 8436 8437 .-left-5 { 8438 left: -1.25rem 8439 } 8440 8441 .-right-0 { 8442 right: 0 8443 } 8444 8445 .-right-1 { 8446 right: -.25rem 8447 } 8448 8449 .-right-11 { 8450 right: -2.75rem 8451 } 8452 8453 .-right-2 { 8454 right: -.5rem 8455 } 8456 8457 .-right-5 { 8458 right: -1.25rem 8459 } 8460 8461 .-top-1 { 8462 top: -.25rem 8463 } 8464 8465 .-top-2 { 8466 top: -.5rem 8467 } 8468 8469 .bottom-0 { 8470 bottom: 0 8471 } 8472 8473 .bottom-2 { 8474 bottom: .5rem 8475 } 8476 8477 .bottom-3 { 8478 bottom: .75rem 8479 } 8480 8481 .bottom-4 { 8482 bottom: 1rem 8483 } 8484 8485 .bottom-8 { 8486 bottom: 2rem 8487 } 8488 8489 .bottom-\[-1px\] { 8490 bottom: -1px 8491 } 8492 8493 .bottom-\[-6px\] { 8494 bottom: -6px 8495 } 8496 8497 .bottom-\[calc\(100\%\+20px\)\] { 8498 bottom: calc(100% + 20px) 8499 } 8500 8501 .bottom-full { 8502 bottom: 100% 8503 } 8504 8505 .left-0 { 8506 left: 0 8507 } 8508 8509 .left-1\/2 { 8510 left: 50% 8511 } 8512 8513 .left-2 { 8514 left: .5rem 8515 } 8516 8517 .left-3 { 8518 left: .75rem 8519 } 8520 8521 .left-4 { 8522 left: 1rem 8523 } 8524 8525 .left-5 { 8526 left: 1.25rem 8527 } 8528 8529 .left-6 { 8530 left: 1.5rem 8531 } 8532 8533 .left-8 { 8534 left: 2rem 8535 } 8536 8537 .left-full { 8538 left: 100% 8539 } 8540 8541 .right-0 { 8542 right: 0 8543 } 8544 8545 .right-1\/2 { 8546 right: 50% 8547 } 8548 8549 .right-12 { 8550 right: 3rem 8551 } 8552 8553 .right-2 { 8554 right: .5rem 8555 } 8556 8557 .right-3 { 8558 right: .75rem 8559 } 8560 8561 .right-4 { 8562 right: 1rem 8563 } 8564 8565 .right-5 { 8566 right: 1.25rem 8567 } 8568 8569 .right-6 { 8570 right: 1.5rem 8571 } 8572 8573 .right-7 { 8574 right: 1.75rem 8575 } 8576 8577 .right-\[calc\(100\%-120px\)\] { 8578 right: calc(100% - 120px) 8579 } 8580 8581 .right-full { 8582 right: 100% 8583 } 8584 8585 .top-0 { 8586 top: 0 8587 } 8588 8589 .top-1\/2 { 8590 top: 50% 8591 } 8592 8593 .top-12 { 8594 top: 3rem 8595 } 8596 8597 .top-14 { 8598 top: 3.5rem 8599 } 8600 8601 .top-16 { 8602 top: 4rem 8603 } 8604 8605 .top-2 { 8606 top: .5rem 8607 } 8608 8609 .top-3 { 8610 top: .75rem 8611 } 8612 8613 .top-36 { 8614 top: 9rem 8615 } 8616 8617 .top-4 { 8618 top: 1rem 8619 } 8620 8621 .top-5 { 8622 top: 1.25rem 8623 } 8624 8625 .top-\[-1px\] { 8626 top: -1px 8627 } 8628 8629 .top-\[12px\] { 8630 top: 12px 8631 } 8632 8633 .top-\[14px\] { 8634 top: 14px 8635 } 8636 8637 .top-\[40\%\] { 8638 top: 40% 8639 } 8640 8641 .top-\[40px\] { 8642 top: 40px 8643 } 8644 8645 .top-\[5px\] { 8646 top: 5px 8647 } 8648 8649 .top-\[60\%\] { 8650 top: 60% 8651 } 8652 8653 .top-\[90\%\] { 8654 top: 90% 8655 } 8656 8657 .top-\[calc\(100\%\)\] { 8658 top: 100% 8659 } 8660 8661 .top-\[calc\(100\%\+12px\)\] { 8662 top: calc(100% + 12px) 8663 } 8664 8665 .top-\[calc\(100\%\+20px\)\] { 8666 top: calc(100% + 20px) 8667 } 8668 8669 .top-\[calc\(100\%\+2px\)\] { 8670 top: calc(100% + 2px) 8671 } 8672 8673 .top-\[calc\(100\%\+36px\)\] { 8674 top: calc(100% + 36px) 8675 } 8676 8677 .top-\[calc\(100\%\+8px\)\] { 8678 top: calc(100% + 8px) 8679 } 8680 8681 .top-full { 8682 top: 100% 8683 } 8684 8685 .z-0 { 8686 z-index: 0 8687 } 8688 8689 .z-10 { 8690 z-index: 10 8691 } 8692 8693 .z-20 { 8694 z-index: 20 8695 } 8696 8697 .z-30 { 8698 z-index: 30 8699 } 8700 8701 .z-50 { 8702 z-index: 50 8703 } 8704 8705 .z-\[-1\] { 8706 z-index: -1 8707 } 8708 8709 .z-\[0\] { 8710 z-index: 0 8711 } 8712 8713 .z-\[10\] { 8714 z-index: 10 8715 } 8716 8717 .z-\[1\] { 8718 z-index: 1 8719 } 8720 8721 .z-\[2\] { 8722 z-index: 2 8723 } 8724 8725 .z-\[3\] { 8726 z-index: 3 8727 } 8728 8729 .z-\[4\] { 8730 z-index: 4 8731 } 8732 8733 .z-\[5\] { 8734 z-index: 5 8735 } 8736 8737 .z-\[999\] { 8738 z-index: 999 8739 } 8740 8741 .order-1 { 8742 order: 1 8743 } 8744 8745 .col-span-1 { 8746 grid-column: span 1/span 1 8747 } 8748 8749 .col-span-2 { 8750 grid-column: span 2/span 2 8751 } 8752 8753 .col-span-3 { 8754 grid-column: span 3/span 3 8755 } 8756 8757 .col-span-4 { 8758 grid-column: span 4/span 4 8759 } 8760 8761 .col-span-5 { 8762 grid-column: span 5/span 5 8763 } 8764 8765 .col-span-6 { 8766 grid-column: span 6/span 6 8767 } 8768 8769 .col-span-full { 8770 grid-column: 1/-1 8771 } 8772 8773 .m-auto { 8774 margin: auto 8775 } 8776 8777 .mx-5 { 8778 margin-left: 1.25rem; 8779 margin-right: 1.25rem 8780 } 8781 8782 .mx-8 { 8783 margin-left: 2rem; 8784 margin-right: 2rem 8785 } 8786 8787 .mx-auto { 8788 margin-left: auto; 8789 margin-right: auto 8790 } 8791 8792 .my-1 { 8793 margin-bottom: .25rem; 8794 margin-top: .25rem 8795 } 8796 8797 .my-20 { 8798 margin-bottom: 5rem; 8799 margin-top: 5rem 8800 } 8801 8802 .my-3 { 8803 margin-bottom: .75rem; 8804 margin-top: .75rem 8805 } 8806 8807 .my-auto { 8808 margin-bottom: auto; 8809 margin-top: auto 8810 } 8811 8812 .mb-1 { 8813 margin-bottom: .25rem 8814 } 8815 8816 .mb-2 { 8817 margin-bottom: .5rem 8818 } 8819 8820 .mb-4 { 8821 margin-bottom: 1rem 8822 } 8823 8824 .mb-6 { 8825 margin-bottom: 1.5rem 8826 } 8827 8828 .mb-8 { 8829 margin-bottom: 2rem 8830 } 8831 8832 .mb-auto { 8833 margin-bottom: auto 8834 } 8835 8836 .ml-\[7px\] { 8837 margin-left: 7px 8838 } 8839 8840 .ml-auto { 8841 margin-left: auto 8842 } 8843 8844 .mr-1 { 8845 margin-right: .25rem 8846 } 8847 8848 .mr-2 { 8849 margin-right: .5rem 8850 } 8851 8852 .mr-3 { 8853 margin-right: .75rem 8854 } 8855 8856 .mr-8 { 8857 margin-right: 2rem 8858 } 8859 8860 .mr-auto { 8861 margin-right: auto 8862 } 8863 8864 .mt-1 { 8865 margin-top: .25rem 8866 } 8867 8868 .mt-2 { 8869 margin-top: .5rem 8870 } 8871 8872 .mt-24 { 8873 margin-top: 6rem 8874 } 8875 8876 .mt-3 { 8877 margin-top: .75rem 8878 } 8879 8880 .mt-32 { 8881 margin-top: 8rem 8882 } 8883 8884 .mt-4 { 8885 margin-top: 1rem 8886 } 8887 8888 .mt-\[128px\] { 8889 margin-top: 128px 8890 } 8891 8892 .mt-\[550px\] { 8893 margin-top: 550px 8894 } 8895 8896 .mt-\[66px\] { 8897 margin-top: 66px 8898 } 8899 8900 .mt-\[75px\] { 8901 margin-top: 75px 8902 } 8903 8904 .mt-auto { 8905 margin-top: auto 8906 } 8907 8908 .box-content { 8909 box-sizing: content-box 8910 } 8911 8912 .block { 8913 display: block 8914 } 8915 8916 .flex { 8917 display: flex 8918 } 8919 8920 .inline-flex { 8921 display: inline-flex 8922 } 8923 8924 .table { 8925 display: table 8926 } 8927 8928 .grid { 8929 display: grid 8930 } 8931 8932 .hidden { 8933 display: none 8934 } 8935
8936 .aspect-4\/3 { 8937 aspect-ratio: 4/3 8938 } 8939 8940 .aspect-\[11\/6\] { 8941 aspect-ratio: 11/6 8942 } 8943 8944 .aspect-\[3\.2\/1\] { 8945 aspect-ratio: 3.2/1 8946 } 8947 8948 .aspect-\[3\/1\] { 8949 aspect-ratio: 3/1 8950 } 8951 8952 .aspect-\[5\/3\] { 8953 aspect-ratio: 5/3 8954 } 8955 8956 .aspect-square { 8957 aspect-ratio: 1/1 8958 } 8959 8960 .aspect-video { 8961 aspect-ratio: 16/9 8962 } 8963 8964 .\!size-4 { 8965 height: 1rem !important; 8966 width: 1rem !important 8967 } 8968 8969 .\!size-8 { 8970 height: 2rem !important; 8971 width: 2rem !important 8972 } 8973 8974 .size-10 { 8975 height: 2.5rem; 8976 width: 2.5rem 8977 } 8978 8979 .size-12 { 8980 height: 3rem; 8981 width: 3rem 8982 } 8983 8984 .size-14 { 8985 height: 3.5rem; 8986 width: 3.5rem 8987 } 8988 8989 .size-16 { 8990 height: 4rem; 8991 width: 4rem 8992 } 8993 8994 .size-2 { 8995 height: .5rem; 8996 width: .5rem 8997 } 8998 8999 .size-20 { 9000 height: 5rem; 9001 width: 5rem 9002 } 9003 9004 .size-24 { 9005 height: 6rem; 9006 width: 6rem 9007 } 9008 9009 .size-3 { 9010 height: .75rem; 9011 width: .75rem 9012 } 9013 9014 .size-4 { 9015 height: 1rem; 9016 width: 1rem 9017 } 9018 9019 .size-5 { 9020 height: 1.25rem; 9021 width: 1.25rem 9022 } 9023 9024 .size-6 { 9025 height: 1.5rem; 9026 width: 1.5rem 9027 } 9028 9029 .size-8 { 9030 height: 2rem; 9031 width: 2rem 9032 } 9033 9034 .size-\[10px\] { 9035 height: 10px; 9036 width: 10px 9037 } 9038 9039 .size-\[150px\] { 9040 height: 150px; 9041 width: 150px 9042 } 9043 9044 .size-\[16px\] { 9045 height: 16px; 9046 width: 16px 9047 } 9048 9049 .size-\[30px\] { 9050 height: 30px; 9051 width: 30px 9052 } 9053 9054 .size-\[360px\] { 9055 height: 360px; 9056 width: 360px 9057 } 9058 9059 .size-\[7px\] { 9060 height: 7px; 9061 width: 7px 9062 } 9063 9064 .\!h-10 { 9065 height: 2.5rem !important 9066 } 9067 9068 .\!h-7 { 9069 height: 1.75rem !important 9070 } 9071 9072 .\!h-8 { 9073 height: 2rem !important 9074 } 9075 9076 .\!h-\[34px\] { 9077 height: 34px !important 9078 } 9079 9080 .\!h-auto { 9081 height: auto !important 9082 } 9083 9084 .h-0 { 9085 height: 0 9086 } 9087 9088 .h-1 { 9089 height: .25rem 9090 } 9091 9092 .h-10 { 9093 height: 2.5rem 9094 } 9095 9096 .h-11 { 9097 height: 2.75rem 9098 } 9099 9100 .h-12 { 9101 height: 3rem 9102 } 9103 9104 .h-14 { 9105 height: 3.5rem 9106 } 9107 9108 .h-16 { 9109 height: 4rem 9110 } 9111 9112 .h-2 { 9113 height: .5rem 9114 } 9115 9116 .h-20 { 9117 height: 5rem 9118 } 9119 9120 .h-24 { 9121 height: 6rem 9122 } 9123 9124 .h-28 { 9125 height: 7rem 9126 } 9127 9128 .h-3 { 9129 height: .75rem 9130 } 9131 9132 .h-32 { 9133 height: 8rem 9134 } 9135 9136 .h-36 { 9137 height: 9rem 9138 } 9139 9140 .h-4 { 9141 height: 1rem 9142 } 9143 9144 .h-40 { 9145 height: 10rem 9146 } 9147 9148 .h-44 { 9149 height: 11rem 9150 } 9151 9152 .h-48 { 9153 height: 12rem 9154 } 9155 9156 .h-5 { 9157 height: 1.25rem 9158 } 9159 9160 .h-52 { 9161 height: 13rem 9162 } 9163 9164 .h-56 { 9165 height: 14rem 9166 } 9167 9168 .h-6 { 9169 height: 1.5rem 9170 } 9171 9172 .h-64 { 9173 height: 16rem 9174 } 9175 9176 .h-7 { 9177 height: 1.75rem 9178 } 9179 9180 .h-72 { 9181 height: 18rem 9182 } 9183 9184 .h-8 { 9185 height: 2rem 9186 } 9187 9188 .h-80 { 9189 height: 20rem 9190 } 9191 9192 .h-9 { 9193 height: 2.25rem 9194 } 9195 9196 .h-96 { 9197 height: 24rem 9198 } 9199 9200 .h-\[100px\] { 9201 height: 100px 9202 } 9203 9204 .h-\[102px\] { 9205 height: 102px 9206 } 9207 9208 .h-\[105px\] { 9209 height: 105px 9210 } 9211 9212 .h-\[150px\] { 9213 height: 150px 9214 } 9215 9216 .h-\[152px\] { 9217 height: 152px 9218 } 9219 9220 .h-\[22px\] { 9221 height: 22px 9222 } 9223 9224 .h-\[250px\] { 9225 height: 250px 9226 } 9227 9228 .h-\[300px\] { 9229 height: 300px 9230 } 9231 9232 .h-\[336px\] { 9233 height: 336px 9234 } 9235 9236 .h-\[360px\] { 9237 height: 360px 9238 } 9239 9240 .h-\[400px\] { 9241 height: 400px 9242 } 9243 9244 .h-\[42px\] { 9245 height: 42px 9246 } 9247 9248 .h-\[450px\] { 9249 height: 450px 9250 } 9251 9252 .h-\[500px\] { 9253 height: 500px 9254 } 9255 9256 .h-\[51px\] { 9257 height: 51px 9258 } 9259 9260 .h-\[60vh\] { 9261 height: 60vh 9262 } 9263 9264 .h-\[70vh\] { 9265 height: 70vh 9266 } 9267 9268 .h-\[780px\] { 9269 height: 780px 9270 } 9271 9272 .h-\[7px\] { 9273 height: 7px 9274 } 9275 9276 .h-\[80\%\] { 9277 height: 80% 9278 } 9279 9280 .h-\[80px\] { 9281 height: 80px 9282 } 9283 9284 .h-\[80vh\] { 9285 height: 80vh 9286 } 9287 9288 .h-\[calc\(100\%-5rem\)\] { 9289 height: calc(100% - 5rem) 9290 } 9291 9292 .h-\[calc\(100\%-66px\)\] { 9293 height: calc(100% - 66px) 9294 } 9295 9296 .h-\[calc\(100vh-128px\)\] { 9297 height: calc(100vh - 128px) 9298 } 9299 9300 .h-\[calc\(100vh-72px\)\] { 9301 height: calc(100vh - 72px) 9302 } 9303 9304 .h-full { 9305 height: 100% 9306 } 9307 9308 .h-screen { 9309 height: 100vh 9310 } 9311 9312 .max-h-\[1500px\] { 9313 max-height: 1500px 9314 } 9315 9316 .max-h-\[200px\] { 9317 max-height: 200px 9318 } 9319 9320 .max-h-\[360px\] { 9321 max-height: 360px 9322 } 9323 9324 .max-h-\[400px\] { 9325 max-height: 400px 9326 } 9327 9328 .max-h-\[42px\] { 9329 max-height: 42px 9330 } 9331 9332 .max-h-\[45vh\] { 9333 max-height: 45vh 9334 } 9335 9336 .max-h-\[460px\] { 9337 max-height: 460px 9338 } 9339 9340 .max-h-\[475px\] { 9341 max-height: 475px 9342 } 9343 9344 .max-h-\[500px\] { 9345 max-height: 500px 9346 } 9347 9348 .max-h-\[50vh\] { 9349 max-height: 50vh 9350 } 9351 9352 .max-h-\[55vh\] { 9353 max-height: 55vh 9354 } 9355 9356 .max-h-\[600px\] { 9357 max-height: 600px 9358 } 9359 9360 .max-h-\[60vh\] { 9361 max-height: 60vh 9362 } 9363 9364 .max-h-\[70vh\] { 9365 max-height: 70vh 9366 } 9367 9368 .min-h-96 { 9369 min-height: 24rem 9370 } 9371 9372 .min-h-\[250px\] { 9373 min-height: 250px 9374 } 9375 9376 .min-h-\[270px\] { 9377 min-height: 270px 9378 } 9379 9380 .min-h-\[307px\] { 9381 min-height: 307px 9382 } 9383 9384 .min-h-\[70px\] { 9385 min-height: 70px 9386 } 9387 9388 .min-h-\[70vh\] { 9389 min-height: 70vh 9390 } 9391 9392 .min-h-\[75vh\] { 9393 min-height: 75vh 9394 } 9395 9396 .min-h-\[85vh\] { 9397 min-height: 85vh 9398 } 9399 9400 .min-h-screen { 9401 min-height: 100vh 9402 } 9403 9404 .\!w-full { 9405 width: 100% !important 9406 } 9407 9408 .w-0 { 9409 width: 0 9410 } 9411 9412 .w-1 { 9413 width: .25rem 9414 } 9415 9416 .w-1\/2 { 9417 width: 50% 9418 } 9419 9420 .w-1\/3 { 9421 width: 33.333333% 9422 } 9423 9424 .w-10 { 9425 width: 2.5rem 9426 } 9427 9428 .w-11\/12 { 9429 width: 91.666667% 9430 } 9431 9432 .w-12 { 9433 width: 3rem 9434 } 9435 9436 .w-16 { 9437 width: 4rem 9438 } 9439 9440 .w-2\/3 { 9441 width: 66.666667% 9442 } 9443 9444 .w-20 { 9445 width: 5rem 9446 } 9447 9448 .w-28 { 9449 width: 7rem 9450 } 9451 9452 .w-32 { 9453 width: 8rem 9454 } 9455 9456 .w-4 { 9457 width: 1rem 9458 } 9459 9460 .w-5 { 9461 width: 1.25rem 9462 } 9463 9464 .w-5\/6 { 9465 width: 83.333333% 9466 } 9467 9468 .w-56 { 9469 width: 14rem 9470 } 9471 9472 .w-6 { 9473 width: 1.5rem 9474 } 9475 9476 .w-8 { 9477 width: 2rem 9478 } 9479 9480 .w-80 { 9481 width: 20rem 9482 } 9483 9484 .w-9 { 9485 width: 2.25rem 9486 } 9487 9488 .w-\[0\.5px\] { 9489 width: .5px 9490 } 9491 9492 .w-\[1px\] { 9493 width: 1px 9494 } 9495 9496 .w-\[21px\] { 9497 width: 21px 9498 } 9499 9500 .w-\[250px\] { 9501 width: 250px 9502 } 9503 9504 .w-\[80\%\] { 9505 width: 80% 9506 } 9507 9508 .w-\[98px\] { 9509 width: 98px 9510 } 9511 9512 .w-fit { 9513 width: -moz-fit-content; 9514 width: fit-content 9515 } 9516 9517 .w-full { 9518 width: 100% 9519 } 9520 9521 .w-screen { 9522 width: 100vw 9523 } 9524 9525 .min-w-20 { 9526 min-width: 5rem 9527 } 9528 9529 .min-w-36 { 9530 min-width: 9rem 9531 } 9532 9533 .min-w-44 { 9534 min-width: 11rem 9535 } 9536 9537 .min-w-56 { 9538 min-width: 14rem 9539 } 9540 9541 .min-w-60 { 9542 min-width: 15rem 9543 } 9544 9545 .min-w-64 { 9546 min-width: 16rem 9547 } 9548 9549 .min-w-72 { 9550 min-width: 18rem 9551 } 9552 9553 .min-w-\[460px\] { 9554 min-width: 460px 9555 } 9556 9557 .min-w-\[50\%\] { 9558 min-width: 50% 9559 } 9560 9561 .max-w-2xl { 9562 max-width: 42rem 9563 } 9564 9565 .max-w-32 { 9566 max-width: 8rem 9567 } 9568 9569 .max-w-3xl { 9570 max-width: 48rem 9571 } 9572 9573 .max-w-4xl { 9574 max-width: 56rem 9575 } 9576 9577 .max-w-80 { 9578 max-width: 20rem 9579 } 9580 9581 .max-w-\[200px\] { 9582 max-width: 200px 9583 } 9584 9585 .max-w-\[50\%\] { 9586 max-width: 50% 9587 } 9588 9589 .max-w-\[80\%\] { 9590 max-width: 80% 9591 } 9592 9593 .max-w-\[85vw\] { 9594 max-width: 85vw 9595 } 9596 9597 .max-w-\[90vw\] { 9598 max-width: 90vw 9599 } 9600 9601 .max-w-md { 9602 max-width: 28rem 9603 } 9604 9605 .max-w-sm { 9606 max-width: 24rem 9607 } 9608 9609 .max-w-xl { 9610 max-width: 36rem 9611 } 9612 9613 .flex-1 { 9614 flex: 1 1 0% 9615 } 9616 9617 .shrink-0 { 9618 flex-shrink: 0 9619 } 9620 9621 .-translate-x-1\/2 { 9622 --tw-translate-x: -50% 9623 } 9624 9625 .-translate-x-1\/2, 9626 .-translate-y-1\/2 { 9627 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 9628 } 9629 9630 .-translate-y-1\/2 { 9631 --tw-translate-y: -50% 9632 } 9633 9634 .-translate-y-\[1px\] { 9635 --tw-translate-y: -1px 9636 } 9637 9638 .-translate-y-\[1px\], 9639 .translate-x-1\/2 { 9640 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 9641 } 9642 9643 .translate-x-1\/2 { 9644 --tw-translate-x: 50% 9645 } 9646 9647 .translate-y-\[1px\] { 9648 --tw-translate-y: 1px 9649 } 9650 9651 .-rotate-90, 9652 .translate-y-\[1px\] { 9653 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 9654 } 9655 9656 .-rotate-90 { 9657 --tw-rotate: -90deg 9658 } 9659 9660 .rotate-180 { 9661 --tw-rotate: 180deg 9662 } 9663 9664 .rotate-180, 9665 .rotate-90 { 9666 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 9667 } 9668 9669 .rotate-90 { 9670 --tw-rotate: 90deg 9671 } 9672 9673 .rotate-\[135deg\] { 9674 --tw-rotate: 135deg 9675 } 9676 9677 .rotate-\[135deg\],
9678 .scale-\[0\.65\] { 9679 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 9680 } 9681 9682 .scale-\[0\.65\] { 9683 --tw-scale-x: .65; 9684 --tw-scale-y: .65 9685 } 9686 9687 .scale-\[94\%\] { 9688 --tw-scale-x: 94%; 9689 --tw-scale-y: 94%; 9690 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 9691 } 9692 9693 @keyframes pulse { 9694 50% { 9695 opacity: .5 9696 } 9697 } 9698 9699 .animate-pulse { 9700 animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite 9701 } 9702 9703 @keyframes spin { 9704 to { 9705 transform: rotate(1turn) 9706 } 9707 } 9708 9709 .animate-spin { 9710 animation: spin 1s linear infinite 9711 } 9712 9713 .cursor-default { 9714 cursor: default 9715 } 9716 9717 .cursor-pointer { 9718 cursor: pointer 9719 } 9720 9721 .select-none { 9722 -webkit-user-select: none; 9723 -moz-user-select: none; 9724 user-select: none 9725 } 9726 9727 .resize { 9728 resize: both 9729 } 9730 9731 .scroll-mt-24 { 9732 scroll-margin-top: 6rem 9733 } 9734 9735 .scroll-mt-52 { 9736 scroll-margin-top: 13rem 9737 } 9738 9739 .list-decimal { 9740 list-style-type: decimal 9741 } 9742 9743 .grid-flow-col { 9744 grid-auto-flow: column 9745 } 9746 9747 .grid-cols-2 { 9748 grid-template-columns: repeat(2, minmax(0, 1fr)) 9749 } 9750 9751 .grid-cols-3 { 9752 grid-template-columns: repeat(3, minmax(0, 1fr)) 9753 } 9754 9755 .grid-cols-4 { 9756 grid-template-columns: repeat(4, minmax(0, 1fr)) 9757 } 9758 9759 .grid-cols-5 { 9760 grid-template-columns: repeat(5, minmax(0, 1fr)) 9761 } 9762 9763 .grid-cols-6 { 9764 grid-template-columns: repeat(6, minmax(0, 1fr)) 9765 } 9766 9767 .grid-cols-8 { 9768 grid-template-columns: repeat(8, minmax(0, 1fr)) 9769 } 9770 9771 .grid-rows-5 { 9772 grid-template-rows: repeat(5, minmax(0, 1fr)) 9773 } 9774 9775 .grid-rows-\[0fr\] { 9776 grid-template-rows: 0fr 9777 } 9778 9779 .grid-rows-\[1fr\] { 9780 grid-template-rows: 1fr 9781 } 9782 9783 .\!flex-row { 9784 flex-direction: row !important 9785 } 9786 9787 .flex-row { 9788 flex-direction: row 9789 } 9790 9791 .flex-col { 9792 flex-direction: column 9793 } 9794 9795 .flex-col-reverse { 9796 flex-direction: column-reverse 9797 } 9798 9799 .flex-wrap { 9800 flex-wrap: wrap 9801 } 9802 9803 .items-start { 9804 align-items: flex-start 9805 } 9806 9807 .items-end { 9808 align-items: flex-end 9809 } 9810 9811 .items-center { 9812 align-items: center 9813 } 9814 9815 .justify-start { 9816 justify-content: flex-start 9817 } 9818 9819 .justify-end { 9820 justify-content: flex-end 9821 } 9822 9823 .justify-center { 9824 justify-content: center 9825 } 9826 9827 .justify-between { 9828 justify-content: space-between 9829 } 9830 9831 .\!gap-2 { 9832 gap: .5rem !important 9833 } 9834 9835 .gap-1 { 9836 gap: .25rem 9837 } 9838 9839 .gap-10 { 9840 gap: 2.5rem 9841 } 9842 9843 .gap-12 { 9844 gap: 3rem 9845 } 9846 9847 .gap-2 { 9848 gap: .5rem 9849 } 9850 9851 .gap-3 { 9852 gap: .75rem 9853 } 9854 9855 .gap-4 { 9856 gap: 1rem 9857 } 9858 9859 .gap-5 { 9860 gap: 1.25rem 9861 } 9862 9863 .gap-6 { 9864 gap: 1.5rem 9865 } 9866 9867 .gap-7 { 9868 gap: 1.75rem 9869 } 9870 9871 .gap-8 { 9872 gap: 2rem 9873 } 9874 9875 .gap-\[6px\] { 9876 gap: 6px 9877 } 9878 9879 .\!gap-x-2 { 9880 -moz-column-gap: .5rem !important; 9881 column-gap: .5rem !important 9882 } 9883 9884 .gap-x-3 { 9885 -moz-column-gap: .75rem; 9886 column-gap: .75rem 9887 } 9888 9889 .gap-x-4 { 9890 -moz-column-gap: 1rem; 9891 column-gap: 1rem 9892 } 9893 9894 .gap-x-6 { 9895 -moz-column-gap: 1.5rem; 9896 column-gap: 1.5rem 9897 } 9898 9899 .gap-y-2 { 9900 row-gap: .5rem 9901 } 9902 9903 .gap-y-3 { 9904 row-gap: .75rem 9905 } 9906 9907 .gap-y-4 { 9908 row-gap: 1rem 9909 } 9910 9911 .divide-x>:not([hidden])~:not([hidden]) { 9912 --tw-divide-x-reverse: 0; 9913 border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse))); 9914 border-right-width: calc(1px*var(--tw-divide-x-reverse)) 9915 } 9916 9917 .divide-y>:not([hidden])~:not([hidden]) { 9918 --tw-divide-y-reverse: 0; 9919 border-bottom-width: calc(1px*var(--tw-divide-y-reverse)); 9920 border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse))) 9921 } 9922 9923 .divide-bw-100>:not([hidden])~:not([hidden]) { 9924 --tw-divide-opacity: 1; 9925 border-color: rgb(242 242 242/var(--tw-divide-opacity, 1)) 9926 } 9927 9928 .self-start { 9929 align-self: flex-start 9930 } 9931 9932 .self-end { 9933 align-self: flex-end 9934 } 9935 9936 .self-center { 9937 align-self: center 9938 } 9939 9940 .self-stretch { 9941 align-self: stretch 9942 } 9943 9944 .overflow-auto { 9945 overflow: auto 9946 } 9947 9948 .overflow-hidden { 9949 overflow: hidden 9950 } 9951 9952 .overflow-x-auto { 9953 overflow-x: auto 9954 } 9955 9956 .overflow-y-auto { 9957 overflow-y: auto 9958 } 9959 9960 .overflow-x-hidden { 9961 overflow-x: hidden 9962 } 9963 9964 .overflow-y-hidden { 9965 overflow-y: hidden 9966 } 9967 9968 .whitespace-normal { 9969 white-space: normal 9970 } 9971 9972 .whitespace-nowrap { 9973 white-space: nowrap 9974 } 9975 9976 .text-wrap { 9977 text-wrap: wrap 9978 } 9979 9980 .\!text-nowrap { 9981 text-wrap: nowrap !important 9982 } 9983 9984 .text-nowrap { 9985 text-wrap: nowrap 9986 } 9987 9988 .text-balance { 9989 text-wrap: balance 9990 } 9991 9992 .break-all { 9993 word-break: break-all 9994 } 9995 9996 .\!rounded-3xl { 9997 border-radius: 1.5rem !important 9998 } 9999 10000 .\!rounded-full { 10001 border-radius: 9999px !important 10002 } 10003 10004 .\!rounded-lg { 10005 border-radius: .5rem !important 10006 } 10007 10008 .\!rounded-none { 10009 border-radius: 0 !important 10010 } 10011 10012 .\!rounded-xl { 10013 border-radius: .75rem !important 10014 } 10015 10016 .rounded { 10017 border-radius: .25rem 10018 } 10019 10020 .rounded-2xl { 10021 border-radius: 1rem 10022 } 10023 10024 .rounded-3xl { 10025 border-radius: 1.5rem 10026 } 10027 10028 .rounded-full { 10029 border-radius: 9999px 10030 } 10031 10032 .rounded-lg { 10033 border-radius: .5rem 10034 } 10035 10036 .rounded-md { 10037 border-radius: .375rem 10038 } 10039 10040 .rounded-sm { 10041 border-radius: .125rem 10042 } 10043 10044 .rounded-xl { 10045 border-radius: .75rem 10046 } 10047 10048 .rounded-b-full { 10049 border-bottom-left-radius: 9999px; 10050 border-bottom-right-radius: 9999px 10051 } 10052 10053 .rounded-l-3xl { 10054 border-bottom-left-radius: 1.5rem; 10055 border-top-left-radius: 1.5rem 10056 } 10057 10058 .rounded-l-full { 10059 border-bottom-left-radius: 9999px; 10060 border-top-left-radius: 9999px 10061 } 10062 10063 .rounded-r-3xl { 10064 border-bottom-right-radius: 1.5rem; 10065 border-top-right-radius: 1.5rem 10066 } 10067 10068 .rounded-t-2xl { 10069 border-top-left-radius: 1rem; 10070 border-top-right-radius: 1rem 10071 } 10072 10073 .rounded-t-3xl { 10074 border-top-left-radius: 1.5rem; 10075 border-top-right-radius: 1.5rem 10076 } 10077 10078 .rounded-t-full { 10079 border-top-left-radius: 9999px; 10080 border-top-right-radius: 9999px 10081 } 10082 10083 .rounded-t-xl { 10084 border-top-left-radius: .75rem; 10085 border-top-right-radius: .75rem 10086 } 10087 10088 .rounded-tl-3xl { 10089 border-top-left-radius: 1.5rem 10090 } 10091 10092 .rounded-tr-3xl { 10093 border-top-right-radius: 1.5rem 10094 } 10095 10096 .\!border-2 { 10097 border-width: 2px !important 10098 } 10099 10100 .border { 10101 border-width: 1px 10102 } 10103 10104 .border-0 { 10105 border-width: 0 10106 } 10107 10108 .border-2 { 10109 border-width: 2px 10110 } 10111 10112 .border-4 { 10113 border-width: 4px 10114 } 10115 10116 .border-x-0 { 10117 border-left-width: 0; 10118 border-right-width: 0 10119 } 10120 10121 .border-b { 10122 border-bottom-width: 1px 10123 } 10124 10125 .border-b-2 { 10126 border-bottom-width: 2px 10127 } 10128 10129 .border-b-4 { 10130 border-bottom-width: 4px 10131 } 10132 10133 .border-b-\[10px\] { 10134 border-bottom-width: 10px 10135 } 10136 10137 .border-b-\[18px\] { 10138 border-bottom-width: 18px 10139 } 10140 10141 .border-b-\[20px\] {
10142 border-bottom-width: 20px 10143 } 10144 10145 .border-l { 10146 border-left-width: 1px 10147 } 10148 10149 .border-l-4 { 10150 border-left-width: 4px 10151 } 10152 10153 .border-l-\[10px\] { 10154 border-left-width: 10px 10155 } 10156 10157 .border-l-\[5px\] { 10158 border-left-width: 5px 10159 } 10160 10161 .border-l-\[9px\] { 10162 border-left-width: 9px 10163 } 10164 10165 .border-r { 10166 border-right-width: 1px 10167 } 10168 10169 .border-r-\[10px\] { 10170 border-right-width: 10px 10171 } 10172 10173 .border-r-\[5px\] { 10174 border-right-width: 5px 10175 } 10176 10177 .border-r-\[9px\] { 10178 border-right-width: 9px 10179 } 10180 10181 .border-t { 10182 border-top-width: 1px 10183 } 10184 10185 .border-t-0 { 10186 border-top-width: 0 10187 } 10188 10189 .border-dashed { 10190 border-style: dashed 10191 } 10192 10193 .border-none { 10194 border-style: none 10195 } 10196 10197 .\!border-blue-400 { 10198 --tw-border-opacity: 1 !important; 10199 border-color: rgb(96 165 250/var(--tw-border-opacity, 1)) !important 10200 } 10201 10202 .\!border-danger-main { 10203 --tw-border-opacity: 1 !important; 10204 border-color: rgb(236 33 61/var(--tw-border-opacity, 1)) !important 10205 } 10206 10207 .\!border-primary { 10208 --tw-border-opacity: 1 !important; 10209 border-color: rgb(0 90 171/var(--tw-border-opacity, 1)) !important 10210 } 10211 10212 .\!border-success-main { 10213 --tw-border-opacity: 1 !important; 10214 border-color: rgb(29 153 120/var(--tw-border-opacity, 1)) !important 10215 } 10216 10217 .border-\[\#0F62FE\] { 10218 --tw-border-opacity: 1; 10219 border-color: rgb(15 98 254/var(--tw-border-opacity, 1)) 10220 } 10221 10222 .border-\[\#1890FF\] { 10223 --tw-border-opacity: 1; 10224 border-color: rgb(24 144 255/var(--tw-border-opacity, 1)) 10225 } 10226 10227 .border-\[\#6E6E6E\] { 10228 --tw-border-opacity: 1; 10229 border-color: rgb(110 110 110/var(--tw-border-opacity, 1)) 10230 } 10231 10232 .border-\[\#9DC0EE\] { 10233 --tw-border-opacity: 1; 10234 border-color: rgb(157 192 238/var(--tw-border-opacity, 1)) 10235 } 10236 10237 .border-\[\#B3B3B3\] { 10238 --tw-border-opacity: 1; 10239 border-color: rgb(179 179 179/var(--tw-border-opacity, 1)) 10240 } 10241 10242 .border-\[\#C6C6C6\] { 10243 --tw-border-opacity: 1; 10244 border-color: rgb(198 198 198/var(--tw-border-opacity, 1)) 10245 } 10246 10247 .border-\[\#D1D1D1\] { 10248 --tw-border-opacity: 1; 10249 border-color: rgb(209 209 209/var(--tw-border-opacity, 1)) 10250 } 10251 10252 .border-\[\#D9D9D9\] { 10253 --tw-border-opacity: 1; 10254 border-color: rgb(217 217 217/var(--tw-border-opacity, 1)) 10255 } 10256 10257 .border-black { 10258 --tw-border-opacity: 1; 10259 border-color: rgb(0 0 0/var(--tw-border-opacity, 1)) 10260 } 10261 10262 .border-blue-400 { 10263 --tw-border-opacity: 1; 10264 border-color: rgb(96 165 250/var(--tw-border-opacity, 1)) 10265 } 10266 10267 .border-bw-100 { 10268 --tw-border-opacity: 1; 10269 border-color: rgb(242 242 242/var(--tw-border-opacity, 1)) 10270 } 10271 10272 .border-bw-200 { 10273 --tw-border-opacity: 1; 10274 border-color: rgb(207 207 207/var(--tw-border-opacity, 1)) 10275 } 10276 10277 .border-bw-400 { 10278 --tw-border-opacity: 1; 10279 border-color: rgb(158 158 158/var(--tw-border-opacity, 1)) 10280 } 10281 10282 .border-bw-500 { 10283 --tw-border-opacity: 1; 10284 border-color: rgb(134 134 134/var(--tw-border-opacity, 1)) 10285 } 10286 10287 .border-bw-600 { 10288 --tw-border-opacity: 1; 10289 border-color: rgb(110 110 110/var(--tw-border-opacity, 1)) 10290 } 10291 10292 .border-danger-border { 10293 --tw-border-opacity: 1; 10294 border-color: rgb(255 128 128/var(--tw-border-opacity, 1)) 10295 } 10296 10297 .border-danger-main { 10298 --tw-border-opacity: 1; 10299 border-color: rgb(236 33 61/var(--tw-border-opacity, 1)) 10300 } 10301 10302 .border-gray-200 { 10303 --tw-border-opacity: 1; 10304 border-color: rgb(229 231 235/var(--tw-border-opacity, 1)) 10305 } 10306 10307 .border-primary { 10308 --tw-border-opacity: 1; 10309 border-color: rgb(0 90 171/var(--tw-border-opacity, 1)) 10310 } 10311 10312 .border-primary-200 { 10313 --tw-border-opacity: 1; 10314 border-color: rgb(204 222 238/var(--tw-border-opacity, 1)) 10315 } 10316 10317 .border-success-main { 10318 --tw-border-opacity: 1; 10319 border-color: rgb(29 153 120/var(--tw-border-opacity, 1)) 10320 } 10321 10322 .border-transparent { 10323 border-color: transparent 10324 } 10325 10326 .border-warning-border { 10327 --tw-border-opacity: 1; 10328 border-color: rgb(247 217 164/var(--tw-border-opacity, 1)) 10329 } 10330 10331 .border-warning-main { 10332 --tw-border-opacity: 1; 10333 border-color: rgb(247 166 51/var(--tw-border-opacity, 1)) 10334 } 10335 10336 .border-white { 10337 --tw-border-opacity: 1; 10338 border-color: rgb(255 255 255/var(--tw-border-opacity, 1)) 10339 } 10340 10341 .border-l-transparent { 10342 border-left-color: transparent 10343 } 10344 10345 .border-r-transparent { 10346 border-right-color: transparent 10347 } 10348 10349 .border-t-primary-600 { 10350 --tw-border-opacity: 1; 10351 border-top-color: rgb(102 156 205/var(--tw-border-opacity, 1)) 10352 } 10353 10354 .border-opacity-90 { 10355 --tw-border-opacity: .9 10356 } 10357 10358 .\!bg-danger-main { 10359 --tw-bg-opacity: 1 !important; 10360 background-color: rgb(236 33 61/var(--tw-bg-opacity, 1)) !important 10361 } 10362 10363 .\!bg-danger-surface { 10364 --tw-bg-opacity: 1 !important; 10365 background-color: rgb(249 188 197/var(--tw-bg-opacity, 1)) !important 10366 } 10367 10368 .\!bg-primary { 10369 --tw-bg-opacity: 1 !important; 10370 background-color: rgb(0 90 171/var(--tw-bg-opacity, 1)) !important 10371 } 10372 10373 .\!bg-success-main { 10374 --tw-bg-opacity: 1 !important; 10375 background-color: rgb(29 153 120/var(--tw-bg-opacity, 1)) !important 10376 } 10377 10378 .\!bg-success-surface { 10379 --tw-bg-opacity: 1 !important; 10380 background-color: rgb(142 204 187/var(--tw-bg-opacity, 1)) !important 10381 } 10382 10383 .\!bg-transparent { 10384 background-color: transparent !important 10385 } 10386 10387 .\!bg-warning-main { 10388 --tw-bg-opacity: 1 !important; 10389 background-color: rgb(247 166 51/var(--tw-bg-opacity, 1)) !important 10390 } 10391 10392 .\!bg-warning-surface { 10393 --tw-bg-opacity: 1 !important; 10394 background-color: rgb(253 228 194/var(--tw-bg-opacity, 1)) !important 10395 } 10396 10397 .\!bg-white { 10398 --tw-bg-opacity: 1 !important; 10399 background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) !important 10400 } 10401 10402 .bg-\[\#4c4c4c\] { 10403 --tw-bg-opacity: 1; 10404 background-color: rgb(76 76 76/var(--tw-bg-opacity, 1)) 10405 } 10406 10407 .bg-\[\#818181\] { 10408 --tw-bg-opacity: 1; 10409 background-color: rgb(129 129 129/var(--tw-bg-opacity, 1)) 10410 } 10411 10412 .bg-\[\#D9D9D9\] { 10413 --tw-bg-opacity: 1; 10414 background-color: rgb(217 217 217/var(--tw-bg-opacity, 1)) 10415 } 10416 10417 .bg-\[\#E2FFF7\] { 10418 --tw-bg-opacity: 1; 10419 background-color: rgb(226 255 247/var(--tw-bg-opacity, 1)) 10420 } 10421 10422 .bg-\[\#E5EBF180\] { 10423 background-color: #e5ebf180 10424 } 10425 10426 .bg-\[\#E6EFF6\] { 10427 --tw-bg-opacity: 1; 10428 background-color: rgb(230 239 246/var(--tw-bg-opacity, 1)) 10429 } 10430 10431 .bg-\[\#EEF4FC\] { 10432 --tw-bg-opacity: 1; 10433 background-color: rgb(238 244 252/var(--tw-bg-opacity, 1)) 10434 } 10435 10436 .bg-\[\#F3F6FB\] { 10437 --tw-bg-opacity: 1; 10438 background-color: rgb(243 246 251/var(--tw-bg-opacity, 1)) 10439 } 10440 10441 .bg-\[\#F5F5F5\] { 10442 --tw-bg-opacity: 1; 10443 background-color: rgb(245 245 245/var(--tw-bg-opacity, 1)) 10444 } 10445 10446 .bg-\[\#F6FFF9\] { 10447 --tw-bg-opacity: 1; 10448 background-color: rgb(246 255 249/var(--tw-bg-opacity, 1)) 10449 } 10450 10451 .bg-\[\#F7A633\] { 10452 --tw-bg-opacity: 1; 10453 background-color: rgb(247 166 51/var(--tw-bg-opacity, 1)) 10454 } 10455 10456 .bg-\[\#F7F8FA\] { 10457 --tw-bg-opacity: 1; 10458 background-color: rgb(247 248 250/var(--tw-bg-opacity, 1)) 10459 } 10460 10461 .bg-\[\#F8F8F8\] { 10462 --tw-bg-opacity: 1; 10463 background-color: rgb(248 248 248/var(--tw-bg-opacity, 1)) 10464 } 10465 10466 .bg-\[\#F9F9F9\] { 10467 --tw-bg-opacity: 1; 10468 background-color: rgb(249 249 249/var(--tw-bg-opacity, 1)) 10469 } 10470 10471 .bg-\[\#FAFAFA\] { 10472 --tw-bg-opacity: 1; 10473 background-color: rgb(250 250 250/var(--tw-bg-opacity, 1)) 10474 } 10475 10476 .bg-\[\#FBC229\] { 10477 --tw-bg-opacity: 1; 10478 background-color: rgb(251 194 41/var(--tw-bg-opacity, 1)) 10479 } 10480 10481 .bg-\[\#FDE3E4\] { 10482 --tw-bg-opacity: 1; 10483 background-color: rgb(253 227 228/var(--tw-bg-opacity, 1)) 10484 } 10485 10486 .bg-\[\#FFF5F3\] { 10487 --tw-bg-opacity: 1; 10488 background-color: rgb(255 245 243/var(--tw-bg-opacity, 1)) 10489 } 10490 10491 .bg-\[\#FFF8EC\] { 10492 --tw-bg-opacity: 1; 10493 background-color: rgb(255 248 236/var(--tw-bg-opacity, 1)) 10494 } 10495 10496 .bg-black { 10497 --tw-bg-opacity: 1; 10498 background-color: rgb(0 0 0/var(--tw-bg-opacity, 1)) 10499 } 10500 10501 .bg-blue-100 { 10502 --tw-bg-opacity: 1; 10503 background-color: rgb(219 234 254/var(--tw-bg-opacity, 1)) 10504 } 10505 10506 .bg-bw-100 { 10507 --tw-bg-opacity: 1; 10508 background-color: rgb(242 242 242/var(--tw-bg-opacity, 1)) 10509 } 10510 10511 .bg-bw-200 { 10512 --tw-bg-opacity: 1; 10513 background-color: rgb(207 207 207/var(--tw-bg-opacity, 1)) 10514 } 10515 10516 .bg-bw-300 { 10517 --tw-bg-opacity: 1; 10518 background-color: rgb(182 182 182/var(--tw-bg-opacity, 1)) 10519 } 10520 10521 .bg-bw-400 { 10522 --tw-bg-opacity: 1; 10523 background-color: rgb(158 158 158/var(--tw-bg-opacity, 1)) 10524 } 10525 10526 .bg-bw-500 { 10527 --tw-bg-opacity: 1; 10528 background-color: rgb(134 134 134/var(--tw-bg-opacity, 1)) 10529 } 10530 10531 .bg-bw-900 { 10532 --tw-bg-opacity: 1; 10533 background-color: rgb(37 37 37/var(--tw-bg-opacity, 1)) 10534 } 10535 10536 .bg-danger-main { 10537 --tw-bg-opacity: 1; 10538 background-color: rgb(236 33 61/var(--tw-bg-opacity, 1)) 10539 } 10540 10541 .bg-gray-100 { 10542 --tw-bg-opacity: 1; 10543 background-color: rgb(243 244 246/var(--tw-bg-opacity, 1)) 10544 } 10545 10546 .bg-gray-200 { 10547 --tw-bg-opacity: 1; 10548 background-color: rgb(229 231 235/var(--tw-bg-opacity, 1)) 10549 } 10550 10551 .bg-gray-400 { 10552 --tw-bg-opacity: 1; 10553 background-color: rgb(156 163 175/var(--tw-bg-opacity, 1)) 10554 } 10555 10556 .bg-primary { 10557 --tw-bg-opacity: 1; 10558 background-color: rgb(0 90 171/var(--tw-bg-opacity, 1)) 10559 } 10560 10561 .bg-primary-100 { 10562 --tw-bg-opacity: 1;
10563 background-color: rgb(229 239 247/var(--tw-bg-opacity, 1)) 10564 } 10565 10566 .bg-primary-200 { 10567 --tw-bg-opacity: 1; 10568 background-color: rgb(204 222 238/var(--tw-bg-opacity, 1)) 10569 } 10570 10571 .bg-primary-focus { 10572 --tw-bg-opacity: 1; 10573 background-color: rgb(77 139 196/var(--tw-bg-opacity, 1)) 10574 } 10575 10576 .bg-secondary-200 { 10577 --tw-bg-opacity: 1; 10578 background-color: rgb(254 238 212/var(--tw-bg-opacity, 1)) 10579 } 10580 10581 .bg-secondary-900 { 10582 --tw-bg-opacity: 1; 10583 background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) 10584 } 10585 10586 .bg-slate-200 { 10587 --tw-bg-opacity: 1; 10588 background-color: rgb(226 232 240/var(--tw-bg-opacity, 1)) 10589 } 10590 10591 .bg-slate-50 { 10592 --tw-bg-opacity: 1; 10593 background-color: rgb(248 250 252/var(--tw-bg-opacity, 1)) 10594 } 10595 10596 .bg-success-main { 10597 --tw-bg-opacity: 1; 10598 background-color: rgb(29 153 120/var(--tw-bg-opacity, 1)) 10599 } 10600 10601 .bg-transparent { 10602 background-color: transparent 10603 } 10604 10605 .bg-warning-surface { 10606 --tw-bg-opacity: 1; 10607 background-color: rgb(253 228 194/var(--tw-bg-opacity, 1)) 10608 } 10609 10610 .bg-white { 10611 --tw-bg-opacity: 1; 10612 background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) 10613 } 10614 10615 .bg-opacity-25 { 10616 --tw-bg-opacity: .25 10617 } 10618 10619 .bg-opacity-50 { 10620 --tw-bg-opacity: .5 10621 } 10622 10623 .bg-opacity-90 { 10624 --tw-bg-opacity: .9 10625 } 10626 10627 .bg-gradient-to-l { 10628 background-image: linear-gradient(to left, var(--tw-gradient-stops)) 10629 } 10630 10631 .bg-gradient-to-r { 10632 background-image: linear-gradient(to right, var(--tw-gradient-stops)) 10633 } 10634 10635 .bg-gradient-to-t { 10636 background-image: linear-gradient(to top, var(--tw-gradient-stops)) 10637 } 10638 10639 .\!from-danger-main { 10640 --tw-gradient-from: #ec213d var(--tw-gradient-from-position) !important; 10641 --tw-gradient-to: rgba(236, 33, 61, 0) var(--tw-gradient-to-position) !important; 10642 --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important 10643 } 10644 10645 .from-\[\$\{themeData\.bg_color\}\] { 10646 --tw-gradient-from:$ { 10647 themeData.bg color 10648 } 10649 10650 var(--tw-gradient-from-position); 10651 --tw-gradient-to:hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position); 10652 --tw-gradient-stops:var(--tw-gradient-from), 10653 var(--tw-gradient-to) 10654 } 10655 10656 .from-primary { 10657 --tw-gradient-from: #005aab var(--tw-gradient-from-position); 10658 --tw-gradient-to: rgba(0, 90, 171, 0) var(--tw-gradient-to-position); 10659 --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) 10660 } 10661 10662 .from-white { 10663 --tw-gradient-from: #fff var(--tw-gradient-from-position); 10664 --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position); 10665 --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) 10666 } 10667 10668 .from-50\% { 10669 --tw-gradient-from-position: 50% 10670 } 10671 10672 .\!to-danger-main { 10673 --tw-gradient-to: #ec213d var(--tw-gradient-to-position) !important 10674 } 10675 10676 .to-\[\#E6EFF6\] { 10677 --tw-gradient-to: #e6eff6 var(--tw-gradient-to-position) 10678 } 10679 10680 .to-bw-500 { 10681 --tw-gradient-to: #868686 var(--tw-gradient-to-position) 10682 } 10683 10684 .to-bw-800 { 10685 --tw-gradient-to: #3d3d3d var(--tw-gradient-to-position) 10686 } 10687 10688 .to-bw-900 { 10689 --tw-gradient-to: #252525 var(--tw-gradient-to-position) 10690 } 10691 10692 .to-transparent { 10693 --tw-gradient-to: transparent var(--tw-gradient-to-position) 10694 } 10695 10696 .to-50\% { 10697 --tw-gradient-to-position: 50% 10698 } 10699 10700 .bg-cover { 10701 background-size: cover 10702 } 10703 10704 .bg-center { 10705 background-position: 50% 10706 } 10707 10708 .fill-primary { 10709 fill: #005aab 10710 } 10711 10712 .object-contain { 10713 -o-object-fit: contain; 10714 object-fit: contain 10715 } 10716 10717 .object-cover { 10718 -o-object-fit: cover; 10719 object-fit: cover 10720 } 10721 10722 .object-center { 10723 -o-object-position: center; 10724 object-position: center 10725 } 10726 10727 .\!p-0 { 10728 padding: 0 !important 10729 } 10730 10731 .p-0 { 10732 padding: 0 10733 } 10734 10735 .p-1 { 10736 padding: .25rem 10737 } 10738 10739 .p-2 { 10740 padding: .5rem 10741 } 10742 10743 .p-3 { 10744 padding: .75rem 10745 } 10746 10747 .p-4 { 10748 padding: 1rem 10749 } 10750 10751 .p-5 { 10752 padding: 1.25rem 10753 } 10754 10755 .p-6 { 10756 padding: 1.5rem 10757 } 10758 10759 .p-8 { 10760 padding: 2rem 10761 } 10762 10763 .p-\[1px\] { 10764 padding: 1px 10765 } 10766 10767 .\!px-0 { 10768 padding-left: 0 !important; 10769 padding-right: 0 !important 10770 } 10771 10772 .\!px-12 { 10773 padding-left: 3rem !important; 10774 padding-right: 3rem !important 10775 } 10776 10777 .\!px-14 { 10778 padding-left: 3.5rem !important; 10779 padding-right: 3.5rem !important 10780 } 10781 10782 .\!px-16 { 10783 padding-left: 4rem !important; 10784 padding-right: 4rem !important 10785 } 10786 10787 .\!px-2 { 10788 padding-left: .5rem !important; 10789 padding-right: .5rem !important 10790 } 10791 10792 .\!px-3 { 10793 padding-left: .75rem !important; 10794 padding-right: .75rem !important 10795 } 10796 10797 .\!px-4 { 10798 padding-left: 1rem !important; 10799 padding-right: 1rem !important 10800 } 10801 10802 .\!px-6 { 10803 padding-left: 1.5rem !important; 10804 padding-right: 1.5rem !important 10805 } 10806 10807 .\!py-2 { 10808 padding-bottom: .5rem !important; 10809 padding-top: .5rem !important 10810 } 10811 10812 .px-0 { 10813 padding-left: 0; 10814 padding-right: 0 10815 } 10816 10817 .px-1 { 10818 padding-left: .25rem; 10819 padding-right: .25rem 10820 } 10821 10822 .px-2 { 10823 padding-left: .5rem; 10824 padding-right: .5rem 10825 } 10826 10827 .px-3 { 10828 padding-left: .75rem; 10829 padding-right: .75rem 10830 } 10831 10832 .px-4 { 10833 padding-left: 1rem; 10834 padding-right: 1rem 10835 } 10836 10837 .px-5 { 10838 padding-left: 1.25rem; 10839 padding-right: 1.25rem 10840 } 10841 10842 .px-6 { 10843 padding-left: 1.5rem; 10844 padding-right: 1.5rem 10845 } 10846 10847 .px-8 { 10848 padding-left: 2rem; 10849 padding-right: 2rem 10850 } 10851 10852 .py-1 { 10853 padding-bottom: .25rem; 10854 padding-top: .25rem 10855 } 10856 10857 .py-10 { 10858 padding-bottom: 2.5rem; 10859 padding-top: 2.5rem 10860 } 10861 10862 .py-12 { 10863 padding-bottom: 3rem; 10864 padding-top: 3rem 10865 } 10866 10867 .py-16 { 10868 padding-bottom: 4rem; 10869 padding-top: 4rem 10870 } 10871 10872 .py-2 { 10873 padding-bottom: .5rem; 10874 padding-top: .5rem 10875 } 10876 10877 .py-20 { 10878 padding-bottom: 5rem; 10879 padding-top: 5rem 10880 } 10881 10882 .py-3 { 10883 padding-bottom: .75rem; 10884 padding-top: .75rem 10885 } 10886 10887 .py-4 { 10888 padding-bottom: 1rem; 10889 padding-top: 1rem 10890 } 10891 10892 .py-5 { 10893 padding-bottom: 1.25rem; 10894 padding-top: 1.25rem 10895 } 10896 10897 .py-6 { 10898 padding-bottom: 1.5rem; 10899 padding-top: 1.5rem 10900 } 10901 10902 .py-7 { 10903 padding-bottom: 1.75rem; 10904 padding-top: 1.75rem 10905 } 10906 10907 .py-8 { 10908 padding-bottom: 2rem; 10909 padding-top: 2rem 10910 } 10911 10912 .py-9 { 10913 padding-bottom: 2.25rem; 10914 padding-top: 2.25rem 10915 } 10916 10917 .py-\[10px\] { 10918 padding-bottom: 10px; 10919 padding-top: 10px 10920 } 10921 10922 .py-\[11px\] { 10923 padding-bottom: 11px; 10924 padding-top: 11px 10925 } 10926 10927 .\!pl-10 { 10928 padding-left: 2.5rem !important 10929 } 10930 10931 .\!pl-12 { 10932 padding-left: 3rem !important 10933 } 10934 10935 .\!pl-16 { 10936 padding-left: 4rem !important 10937 } 10938 10939 .\!pl-8 { 10940 padding-left: 2rem !important 10941 } 10942 10943 .\!pl-\[3\.5rem\] { 10944 padding-left: 3.5rem !important 10945 } 10946 10947 .pb-1 { 10948 padding-bottom: .25rem 10949 } 10950 10951 .pb-12 { 10952 padding-bottom: 3rem 10953 } 10954 10955 .pb-16 { 10956 padding-bottom: 4rem 10957 } 10958 10959 .pb-2 {
10960 padding-bottom: .5rem 10961 } 10962 10963 .pb-3 { 10964 padding-bottom: .75rem 10965 } 10966 10967 .pb-4 { 10968 padding-bottom: 1rem 10969 } 10970 10971 .pb-5 { 10972 padding-bottom: 1.25rem 10973 } 10974 10975 .pb-6 { 10976 padding-bottom: 1.5rem 10977 } 10978 10979 .pb-8 { 10980 padding-bottom: 2rem 10981 } 10982 10983 .pb-\[450px\] { 10984 padding-bottom: 450px 10985 } 10986 10987 .pb-\[env\(safe-area-inset-bottom\)\] { 10988 padding-bottom: env(safe-area-inset-bottom) 10989 } 10990 10991 .pl-1 { 10992 padding-left: .25rem 10993 } 10994 10995 .pl-2 { 10996 padding-left: .5rem 10997 } 10998 10999 .pl-3 { 11000 padding-left: .75rem 11001 } 11002 11003 .pl-4 { 11004 padding-left: 1rem 11005 } 11006 11007 .pl-5 { 11008 padding-left: 1.25rem 11009 } 11010 11011 .pl-8 { 11012 padding-left: 2rem 11013 } 11014 11015 .pl-\[2px\] { 11016 padding-left: 2px 11017 } 11018 11019 .pr-1 { 11020 padding-right: .25rem 11021 } 11022 11023 .pr-12 { 11024 padding-right: 3rem 11025 } 11026 11027 .pr-2 { 11028 padding-right: .5rem 11029 } 11030 11031 .pr-3 { 11032 padding-right: .75rem 11033 } 11034 11035 .pr-4 { 11036 padding-right: 1rem 11037 } 11038 11039 .pr-8 { 11040 padding-right: 2rem 11041 } 11042 11043 .pr-\[10px\] { 11044 padding-right: 10px 11045 } 11046 11047 .pt-0 { 11048 padding-top: 0 11049 } 11050 11051 .pt-1 { 11052 padding-top: .25rem 11053 } 11054 11055 .pt-10 { 11056 padding-top: 2.5rem 11057 } 11058 11059 .pt-12 { 11060 padding-top: 3rem 11061 } 11062 11063 .pt-16 { 11064 padding-top: 4rem 11065 } 11066 11067 .pt-2 { 11068 padding-top: .5rem 11069 } 11070 11071 .pt-28 { 11072 padding-top: 7rem 11073 } 11074 11075 .pt-3 { 11076 padding-top: .75rem 11077 } 11078 11079 .pt-4 { 11080 padding-top: 1rem 11081 } 11082 11083 .pt-5 { 11084 padding-top: 1.25rem 11085 } 11086 11087 .pt-6 { 11088 padding-top: 1.5rem 11089 } 11090 11091 .pt-8 { 11092 padding-top: 2rem 11093 } 11094 11095 .pt-\[2px\] { 11096 padding-top: 2px 11097 } 11098 11099 .text-left { 11100 text-align: left 11101 } 11102 11103 .text-center { 11104 text-align: center 11105 } 11106 11107 .text-right { 11108 text-align: right 11109 } 11110 11111 .font-sans { 11112 font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji 11113 } 11114 11115 .\!text-base { 11116 font-size: 1rem !important; 11117 line-height: 1.5rem !important 11118 } 11119 11120 .\!text-sm { 11121 font-size: .875rem !important; 11122 line-height: 1.25rem !important 11123 } 11124 11125 .\!text-xs { 11126 font-size: .75rem !important; 11127 line-height: 1rem !important 11128 } 11129 11130 .text-2xl { 11131 font-size: 1.5rem; 11132 line-height: 2rem 11133 } 11134 11135 .text-3xl { 11136 font-size: 1.875rem; 11137 line-height: 2.25rem 11138 } 11139 11140 .text-4xl { 11141 font-size: 2.25rem; 11142 line-height: 2.5rem 11143 } 11144 11145 .text-5xl { 11146 font-size: 3rem; 11147 line-height: 1 11148 } 11149 11150 .text-\[10px\] { 11151 font-size: 10px 11152 } 11153 11154 .text-\[12px\] { 11155 font-size: 12px 11156 } 11157 11158 .text-\[16px\] { 11159 font-size: 16px 11160 } 11161 11162 .text-\[40px\] { 11163 font-size: 40px 11164 } 11165 11166 .text-\[8px\] { 11167 font-size: 8px 11168 } 11169 11170 .text-\[9px\] { 11171 font-size: 9px 11172 } 11173 11174 .text-base { 11175 font-size: 1rem; 11176 line-height: 1.5rem 11177 } 11178 11179 .text-lg { 11180 font-size: 1.125rem; 11181 line-height: 1.75rem 11182 } 11183 11184 .text-sm { 11185 font-size: .875rem; 11186 line-height: 1.25rem 11187 } 11188 11189 .text-xl { 11190 font-size: 1.25rem; 11191 line-height: 1.75rem 11192 } 11193 11194 .text-xs { 11195 font-size: .75rem; 11196 line-height: 1rem 11197 } 11198 11199 .\!font-normal { 11200 font-weight: 400 !important 11201 } 11202 11203 .font-bold { 11204 font-weight: 700 11205 } 11206 11207 .font-light { 11208 font-weight: 300 11209 } 11210 11211 .font-medium { 11212 font-weight: 500 11213 } 11214 11215 .font-normal { 11216 font-weight: 400 11217 } 11218 11219 .font-semibold { 11220 font-weight: 600 11221 } 11222 11223 .capitalize { 11224 text-transform: capitalize 11225 } 11226 11227 .italic { 11228 font-style: italic 11229 } 11230 11231 .leading-tight { 11232 line-height: 1.25 11233 } 11234 11235 .\!text-bw-500 { 11236 --tw-text-opacity: 1 !important; 11237 color: rgb(134 134 134/var(--tw-text-opacity, 1)) !important 11238 } 11239 11240 .\!text-danger-main { 11241 --tw-text-opacity: 1 !important; 11242 color: rgb(236 33 61/var(--tw-text-opacity, 1)) !important 11243 } 11244 11245 .\!text-primary { 11246 --tw-text-opacity: 1 !important; 11247 color: rgb(0 90 171/var(--tw-text-opacity, 1)) !important 11248 } 11249 11250 .\!text-success-main { 11251 --tw-text-opacity: 1 !important; 11252 color: rgb(29 153 120/var(--tw-text-opacity, 1)) !important 11253 } 11254 11255 .text-\[\#00000073\] { 11256 color: #00000073 11257 } 11258 11259 .text-\[\#161616\] { 11260 --tw-text-opacity: 1; 11261 color: rgb(22 22 22/var(--tw-text-opacity, 1)) 11262 } 11263 11264 .text-\[\#1890FF\] { 11265 --tw-text-opacity: 1; 11266 color: rgb(24 144 255/var(--tw-text-opacity, 1)) 11267 } 11268 11269 .text-\[\#27303A\] { 11270 --tw-text-opacity: 1; 11271 color: rgb(39 48 58/var(--tw-text-opacity, 1)) 11272 } 11273 11274 .text-\[\#353535\] { 11275 --tw-text-opacity: 1; 11276 color: rgb(53 53 53/var(--tw-text-opacity, 1)) 11277 } 11278 11279 .text-\[\#4C4C4C\] { 11280 --tw-text-opacity: 1; 11281 color: rgb(76 76 76/var(--tw-text-opacity, 1)) 11282 } 11283 11284 .text-\[\#646464\] { 11285 --tw-text-opacity: 1; 11286 color: rgb(100 100 100/var(--tw-text-opacity, 1)) 11287 } 11288 11289 .text-\[\#797979\] { 11290 --tw-text-opacity: 1; 11291 color: rgb(121 121 121/var(--tw-text-opacity, 1)) 11292 } 11293 11294 .text-\[\#868686\] { 11295 --tw-text-opacity: 1; 11296 color: rgb(134 134 134/var(--tw-text-opacity, 1)) 11297 } 11298 11299 .text-\[\#898989\] { 11300 --tw-text-opacity: 1; 11301 color: rgb(137 137 137/var(--tw-text-opacity, 1)) 11302 } 11303 11304 .text-\[\#CA2D33\] { 11305 --tw-text-opacity: 1; 11306 color: rgb(202 45 51/var(--tw-text-opacity, 1)) 11307 } 11308 11309 .text-\[\#DA001A\] { 11310 --tw-text-opacity: 1;
11311 color: rgb(218 0 26/var(--tw-text-opacity, 1)) 11312 } 11313 11314 .text-\[\#E0E0E7\] { 11315 --tw-text-opacity: 1; 11316 color: rgb(224 224 231/var(--tw-text-opacity, 1)) 11317 } 11318 11319 .text-\[\#FF9F00\] { 11320 --tw-text-opacity: 1; 11321 color: rgb(255 159 0/var(--tw-text-opacity, 1)) 11322 } 11323 11324 .text-blue-400 { 11325 --tw-text-opacity: 1; 11326 color: rgb(96 165 250/var(--tw-text-opacity, 1)) 11327 } 11328 11329 .text-bw-200 { 11330 --tw-text-opacity: 1; 11331 color: rgb(207 207 207/var(--tw-text-opacity, 1)) 11332 } 11333 11334 .text-bw-300 { 11335 --tw-text-opacity: 1; 11336 color: rgb(182 182 182/var(--tw-text-opacity, 1)) 11337 } 11338 11339 .text-bw-400 { 11340 --tw-text-opacity: 1; 11341 color: rgb(158 158 158/var(--tw-text-opacity, 1)) 11342 } 11343 11344 .text-bw-500 { 11345 --tw-text-opacity: 1; 11346 color: rgb(134 134 134/var(--tw-text-opacity, 1)) 11347 } 11348 11349 .text-bw-600 { 11350 --tw-text-opacity: 1; 11351 color: rgb(110 110 110/var(--tw-text-opacity, 1)) 11352 } 11353 11354 .text-bw-700 { 11355 --tw-text-opacity: 1; 11356 color: rgb(86 86 86/var(--tw-text-opacity, 1)) 11357 } 11358 11359 .text-bw-800 { 11360 --tw-text-opacity: 1; 11361 color: rgb(61 61 61/var(--tw-text-opacity, 1)) 11362 } 11363 11364 .text-bw-900 { 11365 --tw-text-opacity: 1; 11366 color: rgb(37 37 37/var(--tw-text-opacity, 1)) 11367 } 11368 11369 .text-danger-main { 11370 --tw-text-opacity: 1; 11371 color: rgb(236 33 61/var(--tw-text-opacity, 1)) 11372 } 11373 11374 .text-gray-200 { 11375 --tw-text-opacity: 1; 11376 color: rgb(229 231 235/var(--tw-text-opacity, 1)) 11377 } 11378 11379 .text-gray-500 { 11380 --tw-text-opacity: 1; 11381 color: rgb(107 114 128/var(--tw-text-opacity, 1)) 11382 } 11383 11384 .text-gray-600 { 11385 --tw-text-opacity: 1; 11386 color: rgb(75 85 99/var(--tw-text-opacity, 1)) 11387 } 11388 11389 .text-gray-700 { 11390 --tw-text-opacity: 1; 11391 color: rgb(55 65 81/var(--tw-text-opacity, 1)) 11392 } 11393 11394 .text-gray-900 { 11395 --tw-text-opacity: 1; 11396 color: rgb(17 24 39/var(--tw-text-opacity, 1)) 11397 } 11398 11399 .text-primary { 11400 --tw-text-opacity: 1; 11401 color: rgb(0 90 171/var(--tw-text-opacity, 1)) 11402 } 11403 11404 .text-red-500 { 11405 --tw-text-opacity: 1; 11406 color: rgb(239 68 68/var(--tw-text-opacity, 1)) 11407 } 11408 11409 .text-success-main { 11410 --tw-text-opacity: 1; 11411 color: rgb(29 153 120/var(--tw-text-opacity, 1)) 11412 } 11413 11414 .text-warning-main { 11415 --tw-text-opacity: 1; 11416 color: rgb(247 166 51/var(--tw-text-opacity, 1)) 11417 } 11418 11419 .text-white { 11420 --tw-text-opacity: 1; 11421 color: rgb(255 255 255/var(--tw-text-opacity, 1)) 11422 } 11423 11424 .underline { 11425 text-decoration-line: underline 11426 } 11427 11428 .line-through { 11429 text-decoration-line: line-through 11430 } 11431 11432 .opacity-0 { 11433 opacity: 0 11434 } 11435 11436 .opacity-40 { 11437 opacity: .4 11438 } 11439 11440 .shadow { 11441 --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
11442 --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) 11443 } 11444 11445 .shadow, 11446 .shadow-lg { 11447 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) 11448 } 11449 11450 .shadow-lg { 11451 --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1); 11452 --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) 11453 } 11454 11455 .shadow-md { 11456 --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1); 11457 --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); 11458 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) 11459 } 11460 11461 .outline { 11462 outline-style: solid 11463 } 11464 11465 .ring-1 { 11466 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 11467 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); 11468 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
11468dow, 0 0 #0000) 11469 } 11470 11471 .ring-primary { 11472 --tw-ring-opacity: 1; 11473 --tw-ring-color: rgb(0 90 171/var(--tw-ring-opacity, 1)) 11474 } 11475 11476 .\!ring-offset-4 { 11477 --tw-ring-offset-width: 4px !important 11478 } 11479 11480 .blur { 11481 --tw-blur: blur(8px) 11482 } 11483 11484 .blur, 11485 .brightness-50 { 11486 filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) 11487 } 11488 11489 .brightness-50 { 11490 --tw-brightness: brightness(.5) 11491 } 11492 11493 .grayscale { 11494 --tw-grayscale: grayscale(100%) 11495 } 11496 11497 .filter, 11498 .grayscale { 11499 filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) 11500 } 11501 11502 .transition { 11503 transition-duration: .25s; 11504 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; 11505 transition-timing-function: cubic-bezier(.4, 0, .2, 1) 11506 } 11507 11508 .transition-\[grid-template-rows\] { 11509 transition-duration: .25s; 11510 transition-property: grid-template-rows; 11511 transition-timing-function: cubic-bezier(.4, 0, .2, 1) 11512 } 11513 11514 .transition-\[padding-top\] { 11515 transition-duration: .25s; 11516 transition-property: padding-top; 11517 transition-timing-function: cubic-bezier(.4, 0, .2, 1) 11518 } 11519 11520 .transition-\[scale\] { 11521 transition-duration: .25s; 11522 transition-property: scale; 11523 transition-timing-function: cubic-bezier(.4, 0, .2, 1) 11524 } 11525 11526 .transition-all { 11527 transition-duration: .25s; 11528 transition-property: all; 11529 transition-timing-function: cubic-bezier(.4, 0, .2, 1) 11530 } 11531 11532 .duration-1000 { 11533 transition-duration: 1s 11534 } 11535 11536 .duration-300 { 11537 transition-duration: .3s 11538 } 11539 11540 .duration-500 { 11541 transition-duration: .5s 11542 } 11543 11544 .ease-in { 11545 transition-timing-function: cubic-bezier(.4, 0, 1, 1) 11546 } 11547 11548 .ease-in-out { 11549 transition-timing-function: cubic-bezier(.4, 0, .2, 1) 11550 } 11551 11552 html { 11553 font: 400 14px var(--base-font-family); 11554 line-height: var(--base-line-height) 11555 } 11556 11557 @media screen and (min-width:48em) { 11558 html { 11559 font-size: var(--base-font-size) 11560 } 11561 } 11562 11563 .spinner { 11564 animation: spinning 1s infinite both; 11565 border: 5px solid rgba(0, 0, 0, .1); 11566 border-radius: 50%; 11567 border-top: 5px solid color-mix(in srgb, var(--primary-color), #fff 5%); 11568 display: block; 11569 height: 42px; 11570 width: 42px 11571 } 11572 11573 @keyframes spinning { 11574 0% { 11575 transform: rotate(0) 11576 } 11577 11578 to { 11579 transform: rotate(1turn) 11580 } 11581 } 11582 11583 .v-enter-active, 11584 .v-leave-active { 11585 transition: opacity .5s ease 11586 } 11587 11588 .v-enter-from, 11589 .v-leave-to { 11590 opacity: 0 11591 } 11592 11593 .hover\:badge-primary:hover { 11594 --tw-bg-opacity: 1; 11595 background-color: rgb(204 222 238/var(--tw-bg-opacity, 1)); 11596 --tw-text-opacity: 1; 11597 color: rgb(51 123 188/var(--tw-text-opacity, 1)) 11598 } 11599 11600 @media not all and (min-width:1920px) { 11601 .max-3xl\:container-right { 11602 margin-left: max(4%, calc(50vw - 583px)); 11603 margin-right: 0; 11604 width: auto 11605 } 11606 11607 @media (min-width:768px) { 11608 .max-3xl\:container-right { 11609 margin-left: max(3%, calc(50vw - 583px)) 11610 } 11611 } 11612 } 11613 11614 @media not all and (min-width:768px) { 11615 .max-md\:card { 11616 border-radius: .75rem; 11617 border-width: 1px 11618 } 11619 11620 .max-md\:no-scrollbar::-webkit-scrollbar {
11621 display: none 11622 } 11623 11624 .max-md\:no-scrollbar { 11625 -ms-overflow-style: none; 11626 scrollbar-width: none 11627 } 11628 } 11629 11630 @media (min-width:768px) { 11631 .md\:container { 11632 width: 100% 11633 } 11634 11635 @media (min-width:640px) { 11636 .md\:container { 11637 max-width: 640px 11638 } 11639 } 11640 11641 .md\:container { 11642 max-width: 768px 11643 } 11644 11645 @media (min-width:1024px) { 11646 .md\:container { 11647 max-width: 1024px 11648 } 11649 } 11650 11651 @media (min-width:1280px) { 11652 .md\:container { 11653 max-width: 1280px 11654 } 11655 } 11656 11657 @media (min-width:1440px) { 11658 .md\:container { 11659 max-width: 1440px 11660 } 11661 } 11662 11663 @media (min-width:1920px) { 11664 .md\:container { 11665 max-width: 1920px 11666 } 11667 } 11668 11669 .md\:h5 { 11670 font-size: 1.25rem; 11671 font-weight: 700; 11672 line-height: 1.75rem; 11673 line-height: 1.375 11674 } 11675 11676 .md\:h5 { 11677 font-size: 32px 11678 } 11679 11680 .md\:container { 11681 margin-left: auto; 11682 margin-right: auto; 11683 max-width: 1166px; 11684 width: 92% 11685 } 11686 11687 .md\:container { 11688 width: 94% 11689 } 11690 11691 .md\:card { 11692 border-radius: .75rem; 11693 border-width: 1px 11694 } 11695 } 11696 11697 @media (min-width:1920px) { 11698 .\33xl\:container { 11699 width: 100% 11700 } 11701 11702 @media (min-width:640px) { 11703 .\33xl\:container { 11704 max-width: 640px 11705 } 11706 } 11707 11708 @media (min-width:768px) { 11709 .\33xl\:container { 11710 max-width: 768px 11711 } 11712 } 11713 11714 @media (min-width:1024px) { 11715 .\33xl\:container { 11716 max-width: 1024px 11717 } 11718 } 11719 11720 @media (min-width:1280px) { 11721 .\33xl\:container { 11722 max-width: 1280px 11723 } 11724 } 11725 11726 @media (min-width:1440px) { 11727 .\33xl\:container { 11728 max-width: 1440px 11729 } 11730 } 11731 11732 .\33xl\:container { 11733 max-width: 1920px 11734 } 11735 11736 .\33xl\:container { 11737 margin-left: auto; 11738 margin-right: auto; 11739 max-width: 1166px; 11740 width: 92% 11741 } 11742 11743 @media (min-width:768px) { 11744 .\33xl\:container { 11745 width: 94% 11746 } 11747 } 11748 } 11749 11750 .\*\:aspect-square>* { 11751 aspect-ratio: 1/1 11752 } 11753 11754 .\*\:\!size-10>* { 11755 height: 2.5rem !important; 11756 width: 2.5rem !important 11757 } 11758 11759 .\*\:\!size-5>* { 11760 height: 1.25rem !important; 11761 width: 1.25rem !important 11762 } 11763 11764 .\*\:size-24>* { 11765 height: 6rem; 11766 width: 6rem 11767 } 11768 11769 .\*\:h-full>* { 11770 height: 100% 11771 } 11772 11773 .\*\:\!w-auto>* { 11774 width: auto !important 11775 } 11776 11777 .\*\:w-full>* { 11778 width: 100% 11779 } 11780 11781 .\*\:\!max-w-2xl>* { 11782 max-width: 42rem !important 11783 } 11784 11785 .\*\:\!max-w-3xl>* { 11786 max-width: 48rem !important 11787 } 11788 11789 .\*\:\!max-w-5xl>* { 11790 max-width: 64rem !important 11791 } 11792 11793 .\*\:max-w-3xl>* { 11794 max-width: 48rem 11795 } 11796 11797 .\*\:max-w-4xl>* { 11798 max-width: 56rem 11799 } 11800 11801 .\*\:max-w-5xl>* { 11802 max-width: 64rem 11803 } 11804 11805 .\*\:max-w-full>* { 11806 max-width: 100% 11807 } 11808 11809 .\*\:max-w-lg>* { 11810 max-width: 32rem 11811 } 11812 11813 .\*\:max-w-md>* { 11814 max-width: 28rem 11815 } 11816 11817 .\*\:max-w-sm>* { 11818 max-width: 24rem 11819 } 11820 11821 .\*\:max-w-xl>* { 11822 max-width: 36rem 11823 } 11824 11825 .\*\:flex-1>* { 11826 flex: 1 1 0% 11827 } 11828 11829 .\*\:flex-wrap>* { 11830 flex-wrap: wrap 11831 } 11832 11833 .\*\:\!gap-2>* { 11834 gap: .5rem !important 11835 } 11836 11837 .\*\:gap-0>* { 11838 gap: 0 11839 } 11840 11841 .\*\:\*\:text-nowrap>*>* { 11842 text-wrap: nowrap 11843 } 11844 11845 .\*\:\!border-none>* { 11846 border-style: none !important 11847 } 11848 11849 .\*\:\!bg-danger-main>* { 11850 --tw-bg-opacity: 1 !important; 11851 background-color: rgb(236 33 61/var(--tw-bg-opacity, 1)) !important 11852 } 11853 11854 .\*\:\!bg-success-main>* { 11855 --tw-bg-opacity: 1 !important; 11856 background-color: rgb(29 153 120/var(--tw-bg-opacity, 1)) !important 11857 } 11858 11859 .\*\:\!bg-transparent>* { 11860 background-color: transparent !important 11861 } 11862 11863 .\*\:\!bg-warning-main>* { 11864 --tw-bg-opacity: 1 !important; 11865 background-color: rgb(247 166 51/var(--tw-bg-opacity, 1)) !important 11866 } 11867 11868 .\*\:\!p-0>* { 11869 padding: 0 !important 11870 } 11871 11872 .\*\:p-0>* { 11873 padding: 0 11874 } 11875 11876 .\*\:\!px-0>* { 11877 padding-left: 0 !important; 11878 padding-right: 0 !important 11879 } 11880 11881 .\*\:px-3>* { 11882 padding-left: .75rem; 11883 padding-right: .75rem 11884 } 11885 11886 .\*\:text-center>* { 11887 text-align: center 11888 } 11889 11890 .\*\:\!text-danger-main>* { 11891 --tw-text-opacity: 1 !important; 11892 color: rgb(236 33 61/var(--tw-text-opacity, 1)) !important 11893 } 11894 11895 .\*\:\!shadow-none>* { 11896 --tw-shadow: 0 0 #0000 !important; 11897 --tw-shadow-colored: 0 0 #0000 !important; 11898 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-sha
11898dow) !important 11899 } 11900 11901 .placeholder\:\!text-blue-400::-moz-placeholder { 11902 --tw-text-opacity: 1 !important; 11903 color: rgb(96 165 250/var(--tw-text-opacity, 1)) !important 11904 } 11905 11906 .placeholder\:\!text-blue-400::placeholder { 11907 --tw-text-opacity: 1 !important; 11908 color: rgb(96 165 250/var(--tw-text-opacity, 1)) !important 11909 } 11910 11911 .placeholder\:text-bw-500::-moz-placeholder { 11912 --tw-text-opacity: 1; 11913 color: rgb(134 134 134/var(--tw-text-opacity, 1)) 11914 } 11915 11916 .placeholder\:text-bw-500::placeholder { 11917 --tw-text-opacity: 1; 11918 color: rgb(134 134 134/var(--tw-text-opacity, 1)) 11919 } 11920 11921 .after\:absolute:after { 11922 content: var(--tw-content); 11923 position: absolute 11924 } 11925 11926 .after\:start-\[2px\]:after { 11927 content: var(--tw-content); 11928 inset-inline-start: 2px 11929 } 11930 11931 .after\:top-0\.5:after { 11932 content: var(--tw-content); 11933 top: .125rem 11934 } 11935 11936 .after\:h-4:after { 11937 content: var(--tw-content); 11938 height: 1rem 11939 } 11940 11941 .after\:w-4:after { 11942 content: var(--tw-content); 11943 width: 1rem 11944 } 11945 11946 .after\:rounded-full:after { 11947 border-radius: 9999px; 11948 content: var(--tw-content) 11949 } 11950 11951 .after\:border:after { 11952 border-width: 1px; 11953 content: var(--tw-content) 11954 } 11955 11956 .after\:border-gray-300:after { 11957 content: var(--tw-content); 11958 --tw-border-opacity: 1; 11959 border-color: rgb(209 213 219/var(--tw-border-opacity, 1)) 11960 } 11961 11962 .after\:bg-white:after { 11963 content: var(--tw-content); 11964 --tw-bg-opacity: 1; 11965 background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) 11966 } 11967 11968 .after\:transition-all:after { 11969 content: var(--tw-content); 11970 transition-duration: .25s; 11971 transition-property: all; 11972 transition-timing-function: cubic-bezier(.4, 0, .2, 1) 11973 } 11974 11975 .after\:content-\[\'\'\]:after { 11976 --tw-content: ""; 11977 content: var(--tw-content) 11978 } 11979 11980 .last\:border-none:last-child { 11981 border-style: none 11982 } 11983 11984 .odd\:bg-\[\#F8F8F8\]:nth-child(odd) { 11985 --tw-bg-opacity: 1; 11986 background-color: rgb(248 248 248/var(--tw-bg-opacity, 1)) 11987 } 11988 11989 .even\:bg-\[\#F9F9F9\]:nth-child(2n) { 11990 --tw-bg-opacity: 1; 11991 background-color: rgb(249 249 249/var(--tw-bg-opacity, 1)) 11992 } 11993 11994 .checked\:\!bg-primary:checked { 11995 --tw-bg-opacity: 1 !important; 11996 background-color: rgb(0 90 171/var(--tw-bg-opacity, 1)) !important 11997 } 11998 11999 .checked\:bg-primary:checked { 12000 --tw-bg-opacity: 1; 12001 background-color: rgb(0 90 171/var(--tw-bg-opacity, 1)) 12002 } 12003 12004 .hover\:\!bg-primary:hover { 12005 --tw-bg-opacity: 1 !important; 12006 background-color: rgb(0 90 171/var(--tw-bg-opacity, 1)) !important 12007 } 12008 12009 .hover\:\!bg-white:hover { 12010 --tw-bg-opacity: 1 !important; 12011 background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) !important 12012 } 12013 12014 .hover\:bg-blue-100:hover { 12015 --tw-bg-opacity: 1; 12016 background-color: rgb(219 234 254/var(--tw-bg-opacity, 1)) 12017 } 12018 12019 .hover\:bg-primary-100:hover { 12020 --tw-bg-opacity: 1; 12021 background-color: rgb(229 239 247/var(--tw-bg-opacity, 1)) 12022 } 12023 12024 .hover\:bg-slate-50:hover { 12025 --tw-bg-opacity: 1; 12026 background-color: rgb(248 250 252/var(--tw-bg-opacity, 1)) 12027 } 12028 12029 .hover\:bg-opacity-50:hover { 12030 --tw-bg-opacity: .5 12031 } 12032 12033 .hover\:font-bold:hover { 12034 font-weight: 700 12035 } 12036 12037 .hover\:\!text-primary:hover { 12038 --tw-text-opacity: 1 !important; 12039 color: rgb(0 90 171/var(--tw-text-opacity, 1)) !important 12040 } 12041 12042 .hover\:text-primary:hover { 12043 --tw-text-opacity: 1; 12044 color: rgb(0 90 171/var(--tw-text-opacity, 1)) 12045 } 12046 12047 .hover\:underline:hover { 12048 text-decoration-line: underline 12049 } 12050 12051 .hover\:opacity-80:hover { 12052 opacity: .8 12053 } 12054 12055 .hover\:grayscale-\[50\%\]:hover { 12056 --tw-grayscale: grayscale(50%); 12057 filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) 12058 } 12059 12060 .focus\:border-primary:focus { 12061 --tw-border-opacity: 1; 12062 border-color: rgb(0 90 171/var(--tw-border-opacity, 1)) 12063 } 12064 12065 .focus\:border-transparent:focus { 12066 border-color: transparent 12067 } 12068 12069 .focus\:ring-0:focus { 12070 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 12071 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color); 12072 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
12072dow, 0 0 #0000) 12073 } 12074 12075 .active\:opacity-50:active { 12076 opacity: .5 12077 } 12078 12079 .disabled\:cursor-not-allowed:disabled { 12080 cursor: not-allowed 12081 } 12082 12083 .disabled\:border-transparent:disabled { 12084 border-color: transparent 12085 } 12086 12087 .disabled\:\!bg-gray-200:disabled { 12088 --tw-bg-opacity: 1 !important; 12089 background-color: rgb(229 231 235/var(--tw-bg-opacity, 1)) !important 12090 } 12091 12092 .disabled\:\!bg-gray-300:disabled { 12093 --tw-bg-opacity: 1 !important; 12094 background-color: rgb(209 213 219/var(--tw-bg-opacity, 1)) !important 12095 } 12096 12097 .disabled\:\!bg-primary:disabled { 12098 --tw-bg-opacity: 1 !important; 12099 background-color: rgb(0 90 171/var(--tw-bg-opacity, 1)) !important 12100 } 12101 12102 .disabled\:bg-bw-100:disabled { 12103 --tw-bg-opacity: 1; 12104 background-color: rgb(242 242 242/var(--tw-bg-opacity, 1)) 12105 } 12106 12107 .disabled\:bg-gray-100:disabled { 12108 --tw-bg-opacity: 1; 12109 background-color: rgb(243 244 246/var(--tw-bg-opacity, 1)) 12110 } 12111 12112 .disabled\:bg-gray-200:disabled { 12113 --tw-bg-opacity: 1; 12114 background-color: rgb(229 231 235/var(--tw-bg-opacity, 1)) 12115 } 12116 12117 .disabled\:text-\[\#808080\]:disabled { 12118 --tw-text-opacity: 1; 12119 color: rgb(128 128 128/var(--tw-text-opacity, 1)) 12120 } 12121 12122 .disabled\:text-bw-500:disabled { 12123 --tw-text-opacity: 1; 12124 color: rgb(134 134 134/var(--tw-text-opacity, 1)) 12125 } 12126 12127 .disabled\:text-gray-400:disabled { 12128 --tw-text-opacity: 1; 12129 color: rgb(156 163 175/var(--tw-text-opacity, 1)) 12130 } 12131 12132 .disabled\:text-gray-500:disabled { 12133 --tw-text-opacity: 1; 12134 color: rgb(107 114 128/var(--tw-text-opacity, 1)) 12135 } 12136 12137 .disabled\:text-opacity-55:disabled { 12138 --tw-text-opacity: .55 12139 } 12140 12141 .disabled\:opacity-50:disabled { 12142 opacity: .5 12143 } 12144 12145 .disabled\:checked\:\!bg-none:checked:disabled { 12146 background-image: none !important 12147 } 12148 12149 .group:hover .group-hover\:block, 12150 .group\/edit:hover .group-hover\/edit\:block { 12151 display: block 12152 } 12153 12154 .group:hover .group-hover\:\!flex { 12155 display: flex !important 12156 } 12157 12158 .group:hover .group-hover\:grid { 12159 display: grid 12160 } 12161 12162 .group:hover .group-hover\:-translate-y-5 { 12163 --tw-translate-y: -1.25rem; 12164 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 12165 } 12166 12167 .peer:checked~.peer-checked\:bg-primary { 12168 --tw-bg-opacity: 1; 12169 background-color: rgb(0 90 171/var(--tw-bg-opacity, 1)) 12170 } 12171 12172 .peer:checked~.peer-checked\:bg-primary-100 { 12173 --tw-bg-opacity: 1; 12174 background-color: rgb(229 239 247/var(--tw-bg-opacity, 1)) 12175 } 12176 12177 .peer:checked~.peer-checked\:after\:translate-x-full:after { 12178 content: var(--tw-content); 12179 --tw-translate-x: 100%; 12180 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 12181 } 12182 12183 .peer:checked~.peer-checked\:after\:border-white:after { 12184 content: var(--tw-content); 12185 --tw-border-opacity: 1; 12186 border-color: rgb(255 255 255/var(--tw-border-opacity, 1)) 12187 } 12188 12189 @media not all and (min-width:768px) { 12190 .max-md\:fixed { 12191 position: fixed 12192 } 12193 12194 .max-md\:absolute { 12195 position: absolute 12196 } 12197 12198 .max-md\:left-0 { 12199 left: 0 12200 } 12201 12202 .max-md\:left-2 { 12203 left: .5rem 12204 } 12205 12206 .max-md\:top-\[calc\(100\%\)\] { 12207 top: 100% 12208 } 12209 12210 .max-md\:col-span-2 { 12211 grid-column: span 2/span 2 12212 } 12213 12214 .max-md\:col-span-3 { 12215 grid-column: span 3/span 3 12216 } 12217 12218 .max-md\:col-span-full { 12219 grid-column: 1/-1 12220 } 12221 12222 .max-md\:col-start-2 { 12223 grid-column-start: 2 12224 } 12225 12226 .max-md\:\!hidden { 12227 display: none !important 12228 } 12229 12230 .max-md\:hidden { 12231 display: none 12232 } 12233 12234 .max-md\:aspect-\[2\/1\] { 12235 aspect-ratio: 2/1 12236 } 12237 12238 .max-md\:aspect-\[4\/1\] { 12239 aspect-ratio: 4/1 12240 } 12241 12242 .max-md\:size-9 { 12243 height: 2.25rem; 12244 width: 2.25rem 12245 } 12246 12247 .max-md\:h-11 { 12248 height: 2.75rem 12249 } 12250 12251 .max-md\:h-9 { 12252 height: 2.25rem 12253 } 12254 12255 .max-md\:min-h-\[calc\(100vh-128px\)\] { 12256 min-height: calc(100vh - 128px) 12257 } 12258 12259 .max-md\:w-\[calc\(16\.66\%-4px\)\] { 12260 width: calc(16.66% - 4px) 12261 } 12262 12263 .max-md\:w-\[calc\(83\.33\%-4px\)\] { 12264 width: calc(83.33% - 4px) 12265 } 12266 12267 .max-md\:w-full { 12268 width: 100% 12269 } 12270 12271 .max-md\:max-w-\[60vw\] { 12272 max-width: 60vw 12273 } 12274 12275 .max-md\:flex-1 { 12276 flex: 1 1 0% 12277 } 12278 12279 .max-md\:basis-1\/2 { 12280 flex-basis: 50% 12281 } 12282 12283 .max-md\:scale-\[0\.6\] { 12284 --tw-scale-x: .6; 12285 --tw-scale-y: .6; 12286 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 12287 } 12288 12289 .max-md\:flex-col { 12290 flex-direction: column 12291 } 12292 12293 .max-md\:flex-col-reverse { 12294 flex-direction: column-reverse 12295 } 12296 12297 .max-md\:flex-wrap { 12298 flex-wrap: wrap 12299 } 12300 12301 .max-md\:items-center { 12302 align-items: center 12303 } 12304 12305 .max-md\:justify-center { 12306 justify-content: center 12307 } 12308 12309 .max-md\:justify-between { 12310 justify-content: space-between 12311 } 12312 12313 .max-md\:gap-2 { 12314 gap: .5rem 12315 } 12316 12317 .max-md\:gap-3 { 12318 gap: .75rem 12319 } 12320 12321 .max-md\:gap-4 { 12322 gap: 1rem 12323 } 12324 12325 .max-md\:divide-y>:not([hidden])~:not([hidden]) { 12326 --tw-divide-y-reverse: 0; 12327 border-bottom-width: calc(1px*var(--tw-divide-y-reverse)); 12328 border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse))) 12329 } 12330 12331 .max-md\:text-nowrap { 12332 text-wrap: nowrap 12333 } 12334 12335 .max-md\:rounded-2xl { 12336 border-radius: 1rem 12337 } 12338 12339 .max-md\:rounded-3xl { 12340 border-radius: 1.5rem 12341 } 12342 12343 .max-md\:border { 12344 border-width: 1px 12345 } 12346 12347 .max-md\:border-b { 12348 border-bottom-width: 1px 12349 } 12350 12351 .max-md\:border-t { 12352 border-top-width: 1px 12353 } 12354 12355 .max-md\:\!bg-primary { 12356 --tw-bg-opacity: 1 !important; 12357 background-color: rgb(0 90 171/var(--tw-bg-opacity, 1)) !important 12358 } 12359 12360 .max-md\:\!bg-white { 12361 --tw-bg-opacity: 1 !important; 12362 background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) !important 12363 } 12364 12365 .max-md\:bg-primary { 12366 --tw-bg-opacity: 1; 12367 background-color: rgb(0 90 171/var(--tw-bg-opacity, 1)) 12368 } 12369 12370 .max-md\:bg-white { 12371 --tw-bg-opacity: 1; 12372 background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) 12373 } 12374 12375 .max-md\:p-3 { 12376 padding: .75rem 12377 } 12378 12379 .max-md\:p-4 { 12380 padding: 1rem 12381 } 12382 12383 .max-md\:\!px-4 {
12384 padding-left: 1rem !important; 12385 padding-right: 1rem !important 12386 } 12387 12388 .max-md\:px-2 { 12389 padding-left: .5rem; 12390 padding-right: .5rem 12391 } 12392 12393 .max-md\:px-3 { 12394 padding-left: .75rem; 12395 padding-right: .75rem 12396 } 12397 12398 .max-md\:py-1 { 12399 padding-bottom: .25rem; 12400 padding-top: .25rem 12401 } 12402 12403 .max-md\:py-2 { 12404 padding-bottom: .5rem; 12405 padding-top: .5rem 12406 } 12407 12408 .max-md\:py-4 { 12409 padding-bottom: 1rem; 12410 padding-top: 1rem 12411 } 12412 12413 .max-md\:\!pl-16 { 12414 padding-left: 4rem !important 12415 } 12416 12417 .max-md\:pl-5 { 12418 padding-left: 1.25rem 12419 } 12420 12421 .max-md\:pt-4 { 12422 padding-top: 1rem 12423 } 12424 12425 .max-md\:text-left { 12426 text-align: left 12427 } 12428 12429 .max-md\:text-center { 12430 text-align: center 12431 } 12432 12433 .max-md\:\!text-base { 12434 font-size: 1rem !important; 12435 line-height: 1.5rem !important 12436 } 12437 12438 .max-md\:\!text-xs { 12439 font-size: .75rem !important; 12440 line-height: 1rem !important 12441 } 12442 12443 .max-md\:text-sm { 12444 font-size: .875rem; 12445 line-height: 1.25rem 12446 } 12447 12448 .max-md\:text-xs { 12449 font-size: .75rem; 12450 line-height: 1rem 12451 } 12452 12453 .max-md\:\!text-primary { 12454 --tw-text-opacity: 1 !important; 12455 color: rgb(0 90 171/var(--tw-text-opacity, 1)) !important 12456 } 12457 12458 .max-md\:text-white { 12459 --tw-text-opacity: 1; 12460 color: rgb(255 255 255/var(--tw-text-opacity, 1)) 12461 } 12462 12463 .\*\:max-md\:min-h-\[150px\]>* { 12464 min-height: 150px 12465 } 12466 12467 .max-md\:\*\:flex-1>* { 12468 flex: 1 1 0% 12469 } 12470 12471 .\*\:max-md\:flex-col>* { 12472 flex-direction: column 12473 } 12474 12475 .\*\:max-md\:text-sm>* { 12476 font-size: .875rem; 12477 line-height: 1.25rem 12478 } 12479 12480 .max-md\:\*\:text-xs>* { 12481 font-size: .75rem; 12482 line-height: 1rem 12483 } 12484 } 12485 12486 @media not all and (min-width:640px) { 12487 .max-sm\:w-full { 12488 width: 100% 12489 } 12490 12491 .max-sm\:flex-wrap { 12492 flex-wrap: wrap 12493 } 12494 12495 .max-sm\:\!text-xs { 12496 font-size: .75rem !important; 12497 line-height: 1rem !important 12498 } 12499 } 12500 12501 @media (min-width:640px) { 12502 .sm\:w-1\/2 { 12503 width: 50% 12504 } 12505 12506 .sm\:grid-cols-3 { 12507 grid-template-columns: repeat(3, minmax(0, 1fr)) 12508 } 12509 12510 .sm\:grid-cols-7 { 12511 grid-template-columns: repeat(7, minmax(0, 1fr)) 12512 } 12513 12514 .sm\:\!text-sm { 12515 font-size: .875rem !important; 12516 line-height: 1.25rem !important 12517 } 12518 } 12519 12520 @media (min-width:768px) { 12521 .md\:absolute { 12522 position: absolute 12523 } 12524 12525 .md\:sticky { 12526 position: sticky 12527 } 12528 12529 .md\:-left-16 { 12530 left: -4rem 12531 } 12532 12533 .md\:-right-16 { 12534 right: -4rem 12535 } 12536 12537 .md\:bottom-10 { 12538 bottom: 2.5rem 12539 } 12540 12541 .md\:bottom-2 { 12542 bottom: .5rem 12543 } 12544 12545 .md\:bottom-6 { 12546 bottom: 1.5rem 12547 } 12548 12549 .md\:left-0 { 12550 left: 0 12551 } 12552 12553 .md\:left-10 { 12554 left: 2.5rem 12555 } 12556 12557 .md\:left-\[50\%\] { 12558 left: 50% 12559 } 12560 12561 .md\:right-4 { 12562 right: 1rem 12563 } 12564 12565 .md\:right-\[calc\(100\%-24px\)\] { 12566 right: calc(100% - 24px) 12567 } 12568 12569 .md\:top-0 { 12570 top: 0 12571 } 12572 12573 .md\:top-32 { 12574 top: 8rem 12575 } 12576 12577 .md\:top-36 { 12578 top: 9rem 12579 } 12580 12581 .md\:top-52 { 12582 top: 13rem 12583 } 12584 12585 .md\:top-6 { 12586 top: 1.5rem 12587 } 12588 12589 .md\:top-\[calc\(110\%\)\] { 12590 top: 110% 12591 } 12592 12593 .md\:col-span-1 { 12594 grid-column: span 1/span 1 12595 } 12596 12597 .md\:col-span-2 { 12598 grid-column: span 2/span 2 12599 } 12600 12601 .md\:col-span-3 { 12602 grid-column: span 3/span 3 12603 } 12604 12605 .md\:col-span-4 { 12606 grid-column: span 4/span 4 12607 } 12608 12609 .md\:col-span-5 { 12610 grid-column: span 5/span 5 12611 } 12612 12613 .md\:col-span-7 { 12614 grid-column: span 7/span 7 12615 } 12616 12617 .md\:col-start-2 { 12618 grid-column-start: 2 12619 } 12620 12621 .md\:ml-auto { 12622 margin-left: auto 12623 } 12624 12625 .md\:mt-2 { 12626 margin-top: .5rem 12627 } 12628 12629 .md\:mt-28 { 12630 margin-top: 7rem 12631 } 12632 12633 .md\:mt-52 { 12634 margin-top: 13rem 12635 } 12636 12637 .md\:mt-\[112px\] { 12638 margin-top: 112px 12639 } 12640 12641 .md\:block { 12642 display: block 12643 } 12644 12645 .md\:flex { 12646 display: flex 12647 } 12648 12649 .md\:grid { 12650 display: grid 12651 } 12652 12653 .md\:\!hidden { 12654 display: none !important 12655 } 12656 12657 .md\:hidden { 12658 display: none 12659 } 12660 12661 .md\:\!size-10 { 12662 height: 2.5rem !important; 12663 width: 2.5rem !important 12664 } 12665 12666 .md\:\!size-12 { 12667 height: 3rem !important; 12668 width: 3rem !important 12669 } 12670 12671 .md\:size-16 { 12672 height: 4rem; 12673 width: 4rem 12674 } 12675 12676 .md\:size-24 { 12677 height: 6rem; 12678 width: 6rem 12679 } 12680 12681 .md\:\!h-9 { 12682 height: 2.25rem !important 12683 } 12684 12685 .md\:h-40 { 12686 height: 10rem 12687 } 12688 12689 .md\:h-5 { 12690 height: 1.25rem 12691 } 12692 12693 .md\:h-\[112px\] { 12694 height: 112px 12695 } 12696 12697 .md\:h-\[354px\] { 12698 height: 354px 12699 } 12700 12701 .md\:h-\[400px\] { 12702 height: 400px 12703 } 12704 12705 .md\:h-\[calc\(100vh-112px\)\] { 12706 height: calc(100vh - 112px) 12707 } 12708 12709 .md\:h-full { 12710 height: 100% 12711 } 12712 12713 .md\:min-h-\[250px\] { 12714 min-height: 250px 12715 } 12716 12717 .md\:w-1\/2 { 12718 width: 50% 12719 } 12720 12721 .md\:w-1\/3 { 12722 width: 33.333333% 12723 } 12724 12725 .md\:w-1\/4 { 12726 width: 25% 12727 } 12728 12729 .md\:w-1\/6 { 12730 width: 16.666667% 12731 } 12732 12733 .md\:w-2\/3 { 12734 width: 66.666667% 12735 } 12736 12737 .md\:w-24 { 12738 width: 6rem 12739 } 12740 12741 .md\:w-28 { 12742 width: 7rem 12743 } 12744 12745 .md\:w-3\/4 { 12746 width: 75% 12747 } 12748 12749 .md\:w-48 { 12750 width: 12rem 12751 } 12752 12753 .md\:w-\[36\%\] { 12754 width: 36% 12755 } 12756 12757 .md\:w-\[480px\] { 12758 width: 480px 12759 } 12760 12761 .md\:min-w-60 { 12762 min-width: 15rem 12763 } 12764 12765 .md\:min-w-\[400px\] { 12766 min-width: 400px 12767 } 12768 12769 .md\:min-w-\[472px\] { 12770 min-width: 472px 12771 } 12772 12773 .md\:max-w-\[46vw\] { 12774 max-width: 46vw 12775 } 12776 12777 .md\:max-w-\[90\%\] { 12778 max-width: 90% 12779 } 12780 12781 .md\:-translate-x-1\/2 { 12782 --tw-translate-x: -50% 12783 } 12784 12785 .md\:-translate-x-1\/2, 12786 .md\:-translate-y-1\/2 { 12787 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 12788 } 12789 12790 .md\:-translate-y-1\/2 { 12791 --tw-translate-y: -50% 12792 } 12793 12794 .md\:grid-cols-10 { 12795 grid-template-columns: repeat(10, minmax(0, 1fr)) 12796 } 12797 12798 .md\:grid-cols-12 { 12799 grid-template-columns: repeat(12, minmax(0, 1fr)) 12800 } 12801 12802 .md\:grid-cols-13 { 12803 grid-template-columns: repeat(13, minmax(0, 1fr)) 12804 } 12805 12806 .md\:grid-cols-2 { 12807 grid-template-columns: repeat(2, minmax(0, 1fr)) 12808 } 12809 12810 .md\:grid-cols-3 { 12811 grid-template-columns: repeat(3, minmax(0, 1fr)) 12812 } 12813 12814 .md\:grid-cols-4 { 12815 grid-template-columns: repeat(4, minmax(0, 1fr)) 12816 } 12817 12818 .md\:grid-cols-5 { 12819 grid-template-columns: repeat(5, minmax(0, 1fr)) 12820 } 12821 12822 .md\:grid-cols-6 { 12823 grid-template-columns: repeat(6, minmax(0, 1fr)) 12824 } 12825 12826 .md\:grid-cols-7 { 12827 grid-template-columns: repeat(7, minmax(0, 1fr)) 12828 } 12829 12830 .md\:grid-cols-8 { 12831 grid-template-columns: repeat(8, minmax(0, 1fr)) 12832 } 12833 12834 .md\:grid-rows-3 { 12835 grid-template-rows: repeat(3, minmax(0, 1fr)) 12836 } 12837 12838 .md\:flex-col { 12839 flex-direction: column 12840 } 12841 12842 .md\:items-start { 12843 align-items: flex-start 12844 } 12845 12846 .md\:items-end { 12847 align-items: flex-end 12848 } 12849 12850 .md\:items-center { 12851 align-items: center 12852 } 12853 12854 .md\:justify-end { 12855 justify-content: flex-end 12856 } 12857 12858 .md\:justify-center { 12859 justify-content: center 12860 } 12861 12862 .md\:gap-10 { 12863 gap: 2.5rem 12864 } 12865 12866 .md\:gap-12 { 12867 gap: 3rem 12868 } 12869 12870 .md\:gap-2 { 12871 gap: .5rem 12872 } 12873 12874 .md\:gap-20 { 12875 gap: 5rem 12876 } 12877 12878 .md\:gap-3 { 12879 gap: .75rem 12880 } 12881 12882 .md\:gap-4 { 12883 gap: 1rem 12884 } 12885 12886 .md\:gap-6 { 12887 gap: 1.5rem 12888 } 12889 12890 .md\:gap-7 { 12891 gap: 1.75rem 12892 } 12893 12894 .md\:gap-8 { 12895 gap: 2rem 12896 } 12897 12898 .md\:divide-x>:not([hidden])~:not([hidden]) { 12899 --tw-divide-x-reverse: 0; 12900 border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse))); 12901 border-right-width: calc(1px*var(--tw-divide-x-reverse)) 12902 } 12903 12904 .md\:whitespace-nowrap { 12905 white-space: nowrap 12906 } 12907 12908 .md\:rounded-2xl { 12909 border-radius: 1rem 12910 } 12911 12912 .md\:rounded-3xl { 12913 border-radius: 1.5rem 12914 } 12915 12916 .md\:rounded-lg { 12917 border-radius: .5rem 12918 } 12919 12920 .md\:rounded-xl { 12921 border-radius: .75rem 12922 } 12923 12924 .md\:border-l { 12925 border-left-width: 1px 12926 } 12927 12928 .md\:bg-white { 12929 --tw-bg-opacity: 1; 12930 background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) 12931 } 12932 12933 .md\:p-1 { 12934 padding: .25rem 12935 } 12936 12937 .md\:p-2 { 12938 padding: .5rem 12939 } 12940 12941 .md\:p-3 { 12942 padding: .75rem 12943 } 12944 12945 .md\:p-4 { 12946 padding: 1rem 12947 } 12948 12949 .md\:p-6 { 12950 padding: 1.5rem 12951 } 12952 12953 .md\:p-8 { 12954 padding: 2rem 12955 } 12956 12957 .md\:p-\[2px\] { 12958 padding: 2px 12959 } 12960 12961 .md\:px-10 { 12962 padding-left: 2.5rem; 12963 padding-right: 2.5rem 12964 } 12965 12966 .md\:px-3 { 12967 padding-left: .75rem; 12968 padding-right: .75rem 12969 } 12970 12971 .md\:px-4 { 12972 padding-left: 1rem; 12973 padding-right: 1rem 12974 } 12975 12976 .md\:px-6 { 12977 padding-left: 1.5rem; 12978 padding-right: 1.5rem 12979 } 12980 12981 .md\:px-8 { 12982 padding-left: 2rem; 12983 padding-right: 2rem 12984 } 12985 12986 .md\:px-9 { 12987 padding-left: 2.25rem; 12988 padding-right: 2.25rem 12989 } 12990 12991 .md\:py-0 { 12992 padding-bottom: 0; 12993 padding-top: 0 12994 } 12995 12996 .md\:py-10 { 12997 padding-bottom: 2.5rem; 12998 padding-top: 2.5rem 12999 } 13000 13001 .md\:py-12 { 13002 padding-bottom: 3rem; 13003 padding-top: 3rem 13004 } 13005 13006 .md\:py-16 { 13007 padding-bottom: 4rem; 13008 padding-top: 4rem 13009 } 13010 13011 .md\:py-2 { 13012 padding-bottom: .5rem; 13013 padding-top: .5rem 13014 } 13015 13016 .md\:py-20 { 13017 padding-bottom: 5rem; 13018 padding-top: 5rem 13019 } 13020 13021 .md\:py-3 { 13022 padding-bottom: .75rem; 13023 padding-top: .75rem 13024 } 13025 13026 .md\:py-4 { 13027 padding-bottom: 1rem; 13028 padding-top: 1rem 13029 } 13030 13031 .md\:py-5 { 13032 padding-bottom: 1.25rem; 13033 padding-top: 1.25rem 13034 } 13035 13036 .md\:py-6 { 13037 padding-bottom: 1.5rem; 13038 padding-top: 1.5rem 13039 } 13040 13041 .md\:py-8 { 13042 padding-bottom: 2rem; 13043 padding-top: 2rem 13044 } 13045 13046 .md\:\!pl-52 { 13047 padding-left: 13rem !important 13048 } 13049 13050 .md\:pb-10 { 13051 padding-bottom: 2.5rem 13052 } 13053 13054 .md\:pb-16 { 13055 padding-bottom: 4rem 13056 } 13057 13058 .md\:pb-32 { 13059 padding-bottom: 8rem 13060 } 13061 13062 .md\:pl-10 { 13063 padding-left: 2.5rem 13064 } 13065 13066 .md\:pl-3 { 13067 padding-left: .75rem 13068 } 13069 13070 .md\:pl-4 { 13071 padding-left: 1rem 13072 } 13073 13074 .md\:pl-6 { 13075 padding-left: 1.5rem 13076 } 13077 13078 .md\:pl-8 { 13079 padding-left: 2rem 13080 } 13081 13082 .md\:pt-10 { 13083 padding-top: 2.5rem 13084 } 13085 13086 .md\:pt-12 { 13087 padding-top: 3rem 13088 } 13089 13090 .md\:pt-4 { 13091 padding-top: 1rem 13092 } 13093 13094 .md\:pt-8 { 13095 padding-top: 2rem 13096 } 13097 13098 .md\:\!text-base { 13099 font-size: 1rem !important; 13100 line-height: 1.5rem !important 13101 } 13102 13103 .md\:text-2xl { 13104 font-size: 1.5rem; 13105 line-height: 2rem 13106 } 13107 13108 .md\:text-3xl { 13109 font-size: 1.875rem; 13110 line-height: 2.25rem 13111 } 13112 13113 .md\:text-4xl { 13114 font-size: 2.25rem; 13115 line-height: 2.5rem 13116 } 13117 13118 .md\:text-base { 13119 font-size: 1rem; 13120 line-height: 1.5rem 13121 } 13122 13123 .md\:text-lg { 13124 font-size: 1.125rem; 13125 line-height: 1.75rem 13126 } 13127 13128 .md\:text-sm { 13129 font-size: .875rem; 13130 line-height: 1.25rem 13131 } 13132 13133 .md\:text-xl { 13134 font-size: 1.25rem; 13135
13135 line-height: 1.75rem 13136 } 13137 13138 .md\:text-xs { 13139 font-size: .75rem; 13140 line-height: 1rem 13141 } 13142 13143 .md\:text-primary { 13144 --tw-text-opacity: 1; 13145 color: rgb(0 90 171/var(--tw-text-opacity, 1)) 13146 } 13147 13148 .md\:shadow { 13149 --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1); 13150 --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) 13151 } 13152 13153 .md\:shadow, 13154 .md\:shadow-sm { 13155 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) 13156 } 13157 13158 .md\:shadow-sm { 13159 --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05); 13160 --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) 13161 } 13162 13163 .\*\:md\:size-5>* { 13164 height: 1.25rem; 13165 width: 1.25rem 13166 } 13167 13168 .md\:\*\:flex-1>* { 13169 flex: 1 1 0% 13170 } 13171 } 13172 13173 @media (min-width:1024px) { 13174 .lg\:mt-36 { 13175 margin-top: 9rem 13176 } 13177 13178 .lg\:w-2\/5 { 13179 width: 40% 13180 } 13181 13182 .lg\:pb-24 { 13183 padding-bottom: 6rem 13184 } 13185 13186 .lg\:\!text-base { 13187 font-size: 1rem !important; 13188 line-height: 1.5rem !important 13189 } 13190 13191 .lg\:text-2xl { 13192 font-size: 1.5rem; 13193 line-height: 2rem 13194 } 13195 13196 .lg\:text-\[18px\] { 13197 font-size: 18px 13198 } 13199 13200 .lg\:text-lg { 13201 font-size: 1.125rem; 13202 line-height: 1.75rem 13203 } 13204 } 13205 13206 .peer:checked~.rtl\:peer-checked\:after\:-translate-x-full:where([dir=rtl], [dir=rtl] *):after { 13207 content: var(--tw-content); 13208 --tw-translate-x: -100%; 13209 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 13210 } 13211 13212 @media (prefers-color-scheme:dark) { 13213 .dark\:text-gray-200 { 13214 --tw-text-opacity: 1; 13215 color: rgb(229 231 235/var(--tw-text-opacity, 1)) 13216 } 13217 } 13218 13219 .\[\&\:not\(\:first-child\)\]\:scroll-mt-44:not(:first-child) { 13220 scroll-margin-top: 11rem 13221 } 13222 13223 .\[\&\:not\(\:first-child\)\]\:py-4:not(:first-child) { 13224 padding-bottom: 1rem; 13225 padding-top: 1rem 13226 } 13227 13228 .\[\&\:not\(\:last-child\)\]\:border-b:not(:last-child) { 13229 border-bottom-width: 1px 13230 } 13231 13232 .\[\&\>\*\:not\(\:first-child\)\]\:pt-3>:not(:first-child) { 13233 padding-top: .75rem 13234 } 13235 13236 .\[\&\>\.content\]\:justify-start>.content { 13237 justify-content: flex-start 13238 } 13239 13240 .\[\&\>\.product\]\:\!border-0>.product { 13241 border-width: 0 !important 13242 } 13243 13244 .\[\&\>\.product\]\:\!p-0>.product { 13245 padding: 0 !important 13246 } 13247 13248 .\[\&\>div\>\.circle\]\:\!border-primary>div>.circle { 13249 --tw-border-opacity: 1 !important; 13250 border-color: rgb(0 90 171/var(--tw-border-opacity, 1)) !important 13251 } 13252 13253 .\[\&\>div\>hr\]\:hidden>div>hr { 13254 display: none 13255 } 13256 13257 .\[\&\>div\]\:bg-bw-500>div { 13258 --tw-bg-opacity: 1; 13259 background-color: rgb(134 134 134/var(--tw-bg-opacity, 1)) 13260 } 13261 13262 .\[\&\>div\]\:bg-primary>div { 13263 --tw-bg-opacity: 1; 13264 background-color: rgb(0 90 171/var(--tw-bg-opacity, 1)) 13265 } 13266 13267 @media not all and (min-width:768px) { 13268 .\[\&\>div\]\:max-md\:mt-\[300px\]>div { 13269 margin-top: 300px 13270 } 13271 } 13272 13273 .\[\&\>img\]\:\!w-1\/2>img { 13274 width: 50% !important 13275 } 13276 13277 .\[\&\>img\]\:w-1\/4>img { 13278 width: 25% 13279 } 13280 13281 .\[\&\>img\]\:w-1\/5>img { 13282 width: 20% 13283 } 13284 13285 @media not all and (min-width:768px) { 13286 .\[\&\>img\]\:max-md\:w-1\/2>img { 13287 width: 50% 13288 } 13289 13290 .\[\&\>img\]\:max-md\:w-1\/3>img { 13291 width: 33.333333% 13292 } 13293 13294 .max-md\:\[\&\>img\]\:w-1\/2>img { 13295 width: 50% 13296 } 13297 } 13298 13299 @media (min-width:768px) { 13300 .\[\&\>img\]\:md\:w-1\/2>img { 13301 width: 50% 13302 } 13303 13304 .\[\&\>img\]\:md\:w-1\/3>img { 13305 width: 33.333333% 13306 } 13307 13308 .\[\&\>img\]\:md\:w-1\/4>img { 13309 width: 25% 13310 } 13311 13312 .md\:\[\&\>img\]\:\!w-1\/6>img { 13313 width: 16.666667% !important 13314 } 13315 } 13316 13317 .\[\&\>input\]\:\!h-12>input { 13318 height: 3rem !important 13319 } 13320 13321 .\[\&\>input\]\:\!pl-14>
13321input { 13322 padding-left: 3.5rem !important 13323 } 13324 13325 .\[\&\>label\]\:text-sm>label { 13326 font-size: .875rem; 13327 line-height: 1.25rem 13328 } 13329 13330 .\[\&\>label\]\:font-bold>label { 13331 font-weight: 700 13332 } 13333 13334 .\[\&\>label\]\:text-bw-700>label { 13335 --tw-text-opacity: 1; 13336 color: rgb(86 86 86/var(--tw-text-opacity, 1)) 13337 } 13338 13339 .\[\&\>span\]\:text-sm>span { 13340 font-size: .875rem; 13341 line-height: 1.25rem 13342 } 13343 13344 .\[\&\>span\]\:font-medium>span { 13345 font-weight: 500 13346 } 13347 13348 .\[\&\>span\]\:text-bw-700>span { 13349 --tw-text-opacity: 1; 13350 color: rgb(86 86 86/var(--tw-text-opacity, 1)) 13351 } 13352 13353 .\[\&\>span\]\:text-primary>span { 13354 --tw-text-opacity: 1; 13355 color: rgb(0 90 171/var(--tw-text-opacity, 1)) 13356 } 13357 </style> 13358 <style> 13359 .dp__input_wrap { 13360 box-sizing: unset; 13361 position: relative; 13362 width: 100% 13363 } 13364 13365 .dp__input_wrap:focus { 13366 border-color: var(--dp-border-color-hover); 13367 outline: none 13368 } 13369 13370 .dp__input_valid { 13371 box-shadow: 0 0 var(--dp-border-radius) var(--dp-success-color) 13372 } 13373 13374 .dp__input_valid, 13375 .dp__input_valid:hover { 13376 border-color: var(--dp-success-color) 13377 } 13378 13379 .dp__input_invalid { 13380 box-shadow: 0 0 var(--dp-border-radius) var(--dp-danger-color) 13381 } 13382 13383 .dp__input_invalid, 13384 .dp__input_invalid:hover { 13385 border-color: var(--dp-danger-color) 13386 } 13387 13388 .dp__input { 13389 background-color: var(--dp-background-color); 13390 border: 1px solid var(--dp-border-color); 13391 border-radius: var(--dp-border-radius); 13392 box-sizing: border-box; 13393 color: var(--dp-text-color); 13394 font-family: var(--dp-font-family); 13395 font-size: var(--dp-font-size); 13396 line-height: calc(var(--dp-font-size)*1.5); 13397 outline: none; 13398 padding: var(--dp-input-padding); 13399 transition: border-color .2s cubic-bezier(.645, .045, .355, 1); 13400 width: 100% 13401 } 13402 13403 .dp__input::-moz-placeholder { 13404 opacity: .7 13405 } 13406 13407 .dp__input::placeholder { 13408 opacity: .7 13409 } 13410 13411 .dp__input:hover:not(.dp__input_focus) { 13412 border-color: var(--dp-border-color-hover) 13413 } 13414 13415 .dp__input_reg { 13416 caret-color: transparent 13417 } 13418 13419 .dp__input_focus { 13420 border-color: var(--dp-border-color-focus) 13421 } 13422 13423 .dp__disabled { 13424 background: var(--dp-disabled-color) 13425 } 13426 13427 .dp__disabled::-moz-placeholder { 13428 color: var(--dp-disabled-color-text) 13429 } 13430 13431 .dp__disabled::placeholder { 13432 color: var(--dp-disabled-color-text) 13433 } 13434 13435 .dp__input_icons { 13436 display: inline-block; 13437 height: var(--dp-font-size); 13438 width: var(--dp-font-size); 13439 stroke-width: 0; 13440 box-sizing: content-box; 13441 color: var(--dp-icon-color); 13442 font-size: var(--dp-font-size); 13443 line-height: calc(var(--dp-font-size)*1.5); 13444 padding: 6px 12px 13445 } 13446 13447 .dp__input_icon { 13448 inset-inline-start: 0 13449 } 13450 13451 .dp--clear-btn, 13452 .dp__input_icon { 13453 color: var(--dp-icon-color); 13454 cursor: pointer; 13455 position: absolute; 13456 top: 50%; 13457 transform: translateY(-50%) 13458 } 13459 13460 .dp--clear-btn { 13461 align-items: center; 13462 background: transparent; 13463 border: none; 13464 display: inline-flex; 13465 inset-inline-end: 0; 13466 margin: 0; 13467 padding: 0 13468 } 13469 13470 .dp__input_icon_pad { 13471 padding-inline-start: var(--dp-input-icon-padding) 13472 } 13473 13474 .dp__menu { 13475 background: var(--dp-background-color); 13476 border: 1px solid var(--dp-menu-border-color); 13477 border-radius: var(--dp-border-radius); 13478 font-family: var(--dp-font-family); 13479 font-size: var(--dp-font-size); 13480 min-width: var(--dp-menu-min-width); 13481 -webkit-user-select: none; 13482 -moz-user-select: none; 13483 user-select: none 13484 } 13485 13486 .dp__menu, 13487 .dp__menu:after, 13488 .dp__menu:before { 13489 box-sizing: border-box 13490 } 13491 13492 .dp__menu:focus { 13493 border: 1px solid var(--dp-menu-border-color); 13494 outline: none 13495 } 13496 13497 .dp--menu-wrapper { 13498 position: absolute; 13499 z-index: 99999 13500 } 13501 13502 .dp__menu_inner { 13503 padding: var(--dp-menu-padding) 13504 } 13505 13506 .dp--menu--inner-stretched { 13507 padding: 6px 0 13508 } 13509 13510 .dp__menu_index { 13511 z-index: 99999 13512 } 13513 13514 .dp-menu-loading, 13515 .dp__menu_disabled, 13516 .dp__menu_readonly { 13517 top: 0; 13518 right: 0; 13519 bottom: 0; 13520 left: 0; 13521 position: absolute; 13522 z-index: 999999 13523 } 13524 13525 .dp__menu_disabled { 13526 background: #ffffff80;
13527 cursor: not-allowed 13528 } 13529 13530 .dp__menu_readonly { 13531 background: transparent; 13532 cursor: default 13533 } 13534 13535 .dp-menu-loading { 13536 background: #ffffff80; 13537 cursor: default 13538 } 13539 13540 .dp--menu-load-container { 13541 align-items: center; 13542 display: flex; 13543 height: 100%; 13544 justify-content: center; 13545 width: 100% 13546 } 13547 13548 .dp--menu-loader { 13549 animation: dp-load-rotation 1s linear infinite; 13550 border: var(--dp-loader); 13551 border-bottom-color: transparent; 13552 border-radius: 50%; 13553 box-sizing: border-box; 13554 display: inline-block; 13555 height: 48px; 13556 position: absolute; 13557 width: 48px 13558 } 13559 13560 @keyframes dp-load-rotation { 13561 0% { 13562 transform: rotate(0) 13563 } 13564 13565 to { 13566 transform: rotate(1turn) 13567 } 13568 } 13569 13570 .dp__arrow_top { 13571 border-inline-end: 1px solid var(--dp-menu-border-color); 13572 border-top: 1px solid var(--dp-menu-border-color); 13573 top: 0; 13574 transform: translate(-50%, -50%) rotate(-45deg) 13575 } 13576 13577 .dp__arrow_bottom, 13578 .dp__arrow_top { 13579 background-color: var(--dp-background-color); 13580 height: 12px; 13581 left: var(--dp-arrow-left); 13582 position: absolute; 13583 width: 12px 13584 } 13585 13586 .dp__arrow_bottom { 13587 border-bottom: 1px solid var(--dp-menu-border-color); 13588 border-inline-end: 1px solid var(--dp-menu-border-color); 13589 bottom: 0; 13590 transform: translate(-50%, 50%) rotate(45deg) 13591 } 13592 13593 .dp__action_extra { 13594 padding: 2px 0; 13595 text-align: center 13596 } 13597 13598 .dp--preset-dates { 13599 border-inline-end: 1px solid var(--dp-border-color); 13600 padding: 5px 13601 } 13602 13603 @media only screen and (width <=600px) { 13604 .dp--preset-dates { 13605 align-self: center; 13606 border: none; 13607 display: flex; 13608 max-width: calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2); 13609 overflow-x: auto 13610 } 13611 } 13612 13613 .dp--preset-dates-collapsed { 13614 align-self: center; 13615 border: none; 13616 display: flex; 13617 max-width: calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2); 13618 overflow-x: auto 13619 } 13620 13621 .dp__sidebar_left { 13622 border-inline-end: 1px solid var(--dp-border-color); 13623 padding: 5px 13624 } 13625 13626 .dp__sidebar_right { 13627 margin-inline-end: 1px solid var(--dp-border-color); 13628 padding: 5px 13629 } 13630 13631 .dp--preset-range { 13632 border-radius: var(--dp-border-radius); 13633 color: var(--dp-text-color); 13634 display: block; 13635 padding: 5px; 13636 text-align: left; 13637 transition: var(--dp-common-transition); 13638 white-space: nowrap; 13639 width: 100% 13640 } 13641 13642 .dp--preset-range:hover { 13643 background-color: var(--dp-hover-color); 13644 color: var(--dp-hover-text-color); 13645 cursor: pointer 13646 } 13647 13648 @media only screen and (width <=600px) { 13649 .dp--preset-range { 13650 border: 1px solid var(--dp-border-color); 13651 margin: 0 3px 13652 } 13653 13654 .dp--preset-range:first-child { 13655 margin-left: 0 13656 } 13657 13658 .dp--preset-range:last-child { 13659 margin-right: 0 13660 } 13661 } 13662 13663 .dp--preset-range-collapsed { 13664 border: 1px solid var(--dp-border-color); 13665 margin: 0 3px 13666 } 13667 13668 .dp--preset-range-collapsed:first-child { 13669 margin-left: 0 13670 } 13671 13672 .dp--preset-range-collapsed:last-child { 13673 margin-right: 0 13674 } 13675 13676 .dp__menu_content_wrapper { 13677 display: flex 13678 } 13679 13680 @media only screen and (width <=600px) { 13681 .dp__menu_content_wrapper { 13682 flex-direction: column-reverse 13683 } 13684 } 13685 13686 .dp--menu-content-wrapper-collapsed { 13687 flex-direction: column-reverse 13688 } 13689 13690 .dp__calendar_header { 13691 align-items: center; 13692 color: var(--dp-text-color); 13693 display: flex; 13694 font-weight: 700; 13695 justify-content: center; 13696 position: relative; 13697 white-space: nowrap 13698 } 13699 13700 .dp__calendar_header_item { 13701 box-sizing: border-box; 13702 flex-grow: 1; 13703 height: var(--dp-cell-size); 13704 padding: var(--dp-cell-padding); 13705 text-align: center; 13706 width: var(--dp-cell-size) 13707 } 13708 13709 .dp__calendar_row { 13710 align-items: center; 13711 display: flex; 13712 justify-content: center; 13713 margin: var(--dp-row-margin) 13714 } 13715 13716 .dp__calendar_item { 13717 box-sizing: border-box; 13718 color: var(--dp-text-color); 13719 flex-grow: 1; 13720 text-align: center 13721 } 13722 13723 .dp__calendar { 13724 position: relative 13725 } 13726 13727 .dp__calendar_header_cell { 13728 border-bottom: thin solid var(--dp-border-color); 13729 padding: var(--dp-calendar-header-cell-padding) 13730 } 13731 13732 .dp__cell_inner { 13733 align-items: center; 13734 border: 1px solid transparent; 13735 border-radius: var(--dp-cell-border-radius); 13736 box-sizing: border-box; 13737 display: flex; 13738 height: var(--dp-cell-size); 13739 justify-content: center; 13740 padding: var(--dp-cell-padding); 13741 position: relative; 13742 text-align: center; 13743 width: var(--dp-cell-size) 13744 } 13745 13746 .dp__cell_inner:hover { 13747 transition: all .2s 13748 } 13749 13750 .dp__cell_auto_range_start, 13751 .dp__date_hover_start:hover, 13752 .dp__range_start { 13753 border-end-end-radius: 0; 13754 border-start-end-radius: 0 13755 } 13756 13757 .dp__cell_auto_range_end, 13758 .dp__date_hover_end:hover, 13759 .dp__range_end { 13760 border-end-start-radius: 0; 13761 border-start-start-radius: 0 13762 } 13763 13764 .dp__active_date, 13765 .dp__range_end, 13766 .dp__range_start { 13767 background: var(--dp-primary-color); 13768 color: var(--dp-primary-text-color) 13769 } 13770 13771 .dp__date_hover:hover, 13772 .dp__date_hover_end:hover, 13773 .dp__date_hover_start:hover { 13774 background: var(--dp-hover-color); 13775 color: var(--dp-hover-text-color) 13776 } 13777 13778 .dp__cell_disabled, 13779 .dp__cell_offset { 13780 color: var(--dp-secondary-color) 13781 } 13782 13783 .dp__cell_disabled {
13784 cursor: not-allowed 13785 } 13786 13787 .dp__range_between { 13788 background: var(--dp-range-between-dates-background-color); 13789 border: 1px solid var(--dp-range-between-border-color); 13790 border-radius: 0; 13791 color: var(--dp-range-between-dates-text-color) 13792 } 13793 13794 .dp__range_between_week { 13795 background: var(--dp-primary-color); 13796 border-bottom: 1px solid var(--dp-primary-color); 13797 border-radius: 0; 13798 border-top: 1px solid var(--dp-primary-color); 13799 color: var(--dp-primary-text-color) 13800 } 13801 13802 .dp__today { 13803 border: 1px solid var(--dp-primary-color) 13804 } 13805 13806 .dp__week_num { 13807 color: var(--dp-secondary-color); 13808 text-align: center 13809 } 13810 13811 .dp__cell_auto_range { 13812 border-bottom: 1px dashed var(--dp-primary-color); 13813 border-radius: 0; 13814 border-top: 1px dashed var(--dp-primary-color) 13815 } 13816 13817 .dp__cell_auto_range_start { 13818 border-bottom: 1px dashed var(--dp-primary-color); 13819 border-end-start-radius: var(--dp-cell-border-radius); 13820 border-inline-start: 1px dashed var(--dp-primary-color); 13821 border-start-start-radius: var(--dp-cell-border-radius); 13822 border-top: 1px dashed var(--dp-primary-color) 13823 } 13824 13825 .dp__cell_auto_range_end { 13826 border-bottom: 1px dashed var(--dp-primary-color); 13827 border-end-end-radius: var(--dp-cell-border-radius); 13828 border-inline-end: 1px dashed var(--dp-primary-color); 13829 border-start-end-radius: var(--dp-cell-border-radius); 13830 border-top: 1px dashed var(--dp-primary-color) 13831 } 13832 13833 .dp__calendar_header_separator { 13834 background: var(--dp-border-color); 13835 height: 1px; 13836 width: 100% 13837 } 13838 13839 .dp__calendar_next { 13840 margin-inline-start: var(--dp-multi-calendars-spacing) 13841 } 13842 13843 .dp__marker_dot, 13844 .dp__marker_line { 13845 background-color: var(--dp-marker-color); 13846 bottom: 0; 13847 height: 5px; 13848 position: absolute 13849 } 13850 13851 .dp__marker_dot { 13852 border-radius: 50%; 13853 left: 50%; 13854 transform: translate(-50%); 13855 width: 5px 13856 } 13857 13858 .dp__marker_line { 13859 left: 0; 13860 width: 100% 13861 } 13862 13863 .dp__marker_tooltip { 13864 background-color: var(--dp-tooltip-color); 13865 border: 1px solid var(--dp-border-color); 13866 border-radius: var(--dp-border-radius); 13867 box-sizing: border-box; 13868 cursor: default; 13869 padding: 5px; 13870 position: absolute; 13871 z-index: 99999 13872 } 13873 13874 .dp__tooltip_content { 13875 white-space: nowrap 13876 } 13877 13878 .dp__tooltip_text { 13879 align-items: center; 13880 color: var(--dp-text-color); 13881 display: flex; 13882 flex-flow: row nowrap 13883 } 13884 13885 .dp__tooltip_mark { 13886 background-color: var(--dp-text-color); 13887 border-radius: 50%; 13888 color: var(--dp-text-color); 13889 height: 5px; 13890 margin-inline-end: 5px; 13891 width: 5px 13892 } 13893 13894 .dp__arrow_bottom_tp { 13895 background-color: var(--dp-tooltip-color); 13896 border-bottom: 1px solid var(--dp-border-color); 13897 border-inline-end: 1px solid var(--dp-border-color); 13898 bottom: 0; 13899 height: 8px; 13900 position: absolute; 13901 transform: translate(-50%, 50%) rotate(45deg); 13902 width: 8px 13903 } 13904 13905 .dp__instance_calendar { 13906 position: relative; 13907 width: 100% 13908 } 13909 13910 @media only screen and (width <=600px) { 13911 .dp__flex_display { 13912 flex-direction: column 13913 } 13914 } 13915 13916 .dp--flex-display-collapsed { 13917 flex-direction: column 13918 } 13919 13920 .dp__cell_highlight { 13921 background-color: var(--dp-highlight-color) 13922 } 13923 13924 .dp__month_year_row { 13925 align-items: center; 13926 box-sizing: border-box; 13927 color: var(--dp-text-color); 13928 display: flex; 13929 height: var(--dp-month-year-row-height) 13930 } 13931 13932 .dp__inner_nav { 13933 align-items: center; 13934 border-radius: 50%; 13935 color: var(--dp-icon-color); 13936 cursor: pointer; 13937 display: flex; 13938 height: var(--dp-month-year-row-button-size); 13939 justify-content: center; 13940 text-align: center; 13941 width: var(--dp-month-year-row-button-size) 13942 } 13943 13944 .dp__inner_nav svg { 13945 height: var(--dp-button-icon-height); 13946 width: var(--dp-button-icon-height) 13947 } 13948 13949 .dp__inner_nav:hover { 13950 background: var(--dp-hover-color); 13951 color: var(--dp-hover-icon-color) 13952 } 13953 13954 [dir=rtl] .dp__inner_nav { 13955 transform: rotate(180deg) 13956 } 13957 13958 .dp__inner_nav_disabled, 13959 .dp__inner_nav_disabled:hover { 13960 background: var(--dp-disabled-color); 13961 color: var(--dp-disabled-color-text);
13962 cursor: not-allowed 13963 } 13964 13965 .dp--year-select, 13966 .dp__month_year_select { 13967 align-items: center; 13968 border-radius: var(--dp-border-radius); 13969 box-sizing: border-box; 13970 color: var(--dp-text-color); 13971 cursor: pointer; 13972 display: flex; 13973 height: var(--dp-month-year-row-height); 13974 justify-content: center; 13975 text-align: center 13976 } 13977 13978 .dp--year-select:hover, 13979 .dp__month_year_select:hover { 13980 background: var(--dp-hover-color); 13981 color: var(--dp-hover-text-color); 13982 transition: var(--dp-common-transition) 13983 } 13984 13985 .dp__month_year_select { 13986 width: 50% 13987 } 13988 13989 .dp--year-select { 13990 width: 100% 13991 } 13992 13993 .dp__month_year_wrap { 13994 display: flex; 13995 flex-direction: row; 13996 width: 100% 13997 } 13998 13999 .dp__year_disable_select { 14000 justify-content: space-around 14001 } 14002 14003 .dp--header-wrap { 14004 display: flex; 14005 flex-direction: column; 14006 width: 100% 14007 } 14008 14009 .dp__overlay { 14010 background: var(--dp-background-color); 14011 box-sizing: border-box; 14012 color: var(--dp-text-color); 14013 font-family: var(--dp-font-family); 14014 transition: opacity 1s ease-out; 14015 width: 100%; 14016 z-index: 99999 14017 } 14018 14019 .dp--overlay-absolute { 14020 height: 100%; 14021 left: 0; 14022 position: absolute; 14023 top: 0 14024 } 14025 14026 .dp--overlay-relative { 14027 position: relative 14028 } 14029 14030 .dp__overlay_container::-webkit-scrollbar-track { 14031 background-color: var(--dp-scroll-bar-background); 14032 box-shadow: var(--dp-scroll-bar-background) 14033 } 14034 14035 .dp__overlay_container::-webkit-scrollbar {
14036 background-color: var(--dp-scroll-bar-background); 14037 width: 5px 14038 } 14039 14040 .dp__overlay_container::-webkit-scrollbar-thumb { 14041 background-color: var(--dp-scroll-bar-color); 14042 border-radius: 10px 14043 } 14044 14045 .dp__overlay:focus { 14046 border: none; 14047 outline: none 14048 } 14049 14050 .dp__container_flex { 14051 display: flex 14052 } 14053 14054 .dp__container_block { 14055 display: block 14056 } 14057 14058 .dp__overlay_container { 14059 flex-direction: column; 14060 height: var(--dp-overlay-height); 14061 overflow-y: auto 14062 } 14063 14064 .dp__time_picker_overlay_container { 14065 height: 100% 14066 } 14067 14068 .dp__overlay_row { 14069 align-items: center; 14070 box-sizing: border-box; 14071 display: flex; 14072 flex-wrap: wrap; 14073 margin-inline: auto auto; 14074 max-width: 100%; 14075 padding: 0; 14076 width: 100% 14077 } 14078 14079 .dp__flex_row { 14080 flex: 1 14081 } 14082 14083 .dp__overlay_col { 14084 box-sizing: border-box; 14085 padding: var(--dp-overlay-col-padding); 14086 white-space: nowrap; 14087 width: 33% 14088 } 14089 14090 .dp__overlay_cell_pad { 14091 padding: var(--dp-common-padding) 0 14092 } 14093 14094 .dp__overlay_cell_active { 14095 background: var(--dp-primary-color); 14096 color: var(--dp-primary-text-color) 14097 } 14098 14099 .dp__overlay_cell, 14100 .dp__overlay_cell_active { 14101 border-radius: var(--dp-border-radius); 14102 cursor: pointer; 14103 text-align: center 14104 } 14105 14106 .dp__overlay_cell:hover { 14107 transition: var(--dp-common-transition) 14108 } 14109 14110 .dp__cell_in_between, 14111 .dp__overlay_cell:hover { 14112 background: var(--dp-hover-color); 14113 color: var(--dp-hover-text-color) 14114 } 14115 14116 .dp__over_action_scroll { 14117 box-sizing: border-box; 14118 right: 5px 14119 } 14120 14121 .dp__overlay_cell_disabled { 14122 cursor: not-allowed 14123 } 14124 14125 .dp__overlay_cell_disabled, 14126 .dp__overlay_cell_disabled:hover { 14127 background: var(--dp-disabled-color) 14128 } 14129 14130 .dp__overlay_cell_active_disabled { 14131 cursor: not-allowed 14132 } 14133 14134 .dp__overlay_cell_active_disabled, 14135 .dp__overlay_cell_active_disabled:hover { 14136 background: var(--dp-primary-disabled-color) 14137 } 14138 14139 .dp--tp-wrap { 14140 max-width: var(--dp-menu-min-width) 14141 } 14142 14143 .dp__time_input { 14144 align-items: center; 14145 color: var(--dp-text-color); 14146 display: flex; 14147 font-family: var(--dp-font-family); 14148 justify-content: center; 14149 -webkit-user-select: none; 14150 -moz-user-select: none; 14151 user-select: none; 14152 width: 100% 14153 } 14154 14155 .dp__time_col_reg_block { 14156 padding: 0 20px 14157 } 14158 14159 .dp__time_col_reg_inline { 14160 padding: 0 10px 14161 } 14162 14163 .dp__time_col_reg_with_button { 14164 padding: 0 15px 14165 } 14166 14167 .dp__time_col_sec { 14168 padding: 0 10px 14169 } 14170 14171 .dp__time_col_sec_with_button { 14172 padding: 0 5px 14173 } 14174 14175 .dp__time_col { 14176 align-items: center; 14177 display: flex; 14178 flex-direction: column; 14179 justify-content: center; 14180 text-align: center 14181 } 14182 14183 .dp__time_col_block { 14184 font-size: var(--dp-time-font-size) 14185 } 14186 14187 .dp__time_display_block { 14188 padding: 0 3px 14189 } 14190 14191 .dp__time_display_inline { 14192 padding: 5px 14193 } 14194 14195 .dp__time_picker_inline_container { 14196 display: flex; 14197 justify-content: center; 14198 width: 100% 14199 } 14200 14201 .dp__inc_dec_button { 14202 align-items: center; 14203 border-radius: 50%; 14204 box-sizing: border-box; 14205 color: var(--dp-icon-color); 14206 cursor: pointer; 14207 display: flex; 14208 justify-content: center; 14209 margin: 0; 14210 padding: 5px 14211 } 14212 14213 .dp__inc_dec_button, 14214 .dp__inc_dec_button svg { 14215 height: var(--dp-time-inc-dec-button-size); 14216 width: var(--dp-time-inc-dec-button-size) 14217 } 14218 14219 .dp__inc_dec_button:hover { 14220 background: var(--dp-hover-color); 14221 color: var(--dp-primary-color) 14222 } 14223 14224 .dp__time_display { 14225 align-items: center; 14226 border-radius: var(--dp-border-radius); 14227 color: var(--dp-text-color); 14228 cursor: pointer; 14229 display: flex; 14230 justify-content: center 14231 } 14232 14233 .dp__time_display:hover:enabled { 14234 background: var(--dp-hover-color); 14235 color: var(--dp-hover-text-color) 14236 } 14237 14238 .dp__inc_dec_button_inline { 14239 align-items: center; 14240 cursor: pointer; 14241 display: flex; 14242 height: 8px; 14243 padding: 0; 14244 width: 100% 14245 } 14246 14247 .dp__inc_dec_button_disabled, 14248 .dp__inc_dec_button_disabled:hover { 14249 background: var(--dp-disabled-color); 14250 color: var(--dp-disabled-color-text);
14251 cursor: not-allowed 14252 } 14253 14254 .dp__pm_am_button { 14255 background: var(--dp-primary-color); 14256 border: none; 14257 border-radius: var(--dp-border-radius); 14258 color: var(--dp-primary-text-color); 14259 cursor: pointer; 14260 padding: var(--dp-common-padding) 14261 } 14262 14263 .dp__tp_inline_btn_bar { 14264 background-color: var(--dp-secondary-color); 14265 border-collapse: collapse; 14266 height: 4px; 14267 transition: var(--dp-common-transition); 14268 width: 100% 14269 } 14270 14271 .dp__tp_inline_btn_top:hover .dp__tp_btn_in_r { 14272 background-color: var(--dp-primary-color); 14273 transform: rotate(12deg) scale(1.15) translateY(-2px) 14274 } 14275 14276 .dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r, 14277 .dp__tp_inline_btn_top:hover .dp__tp_btn_in_l { 14278 background-color: var(--dp-primary-color); 14279 transform: rotate(-12deg) scale(1.15) translateY(-2px) 14280 } 14281 14282 .dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l { 14283 background-color: var(--dp-primary-color); 14284 transform: rotate(12deg) scale(1.15) translateY(-2px) 14285 } 14286 14287 .dp--time-overlay-btn { 14288 background: none 14289 } 14290 14291 .dp--time-invalid { 14292 background-color: var(--dp-disabled-color) 14293 } 14294 14295 .dp__action_row { 14296 align-items: center; 14297 box-sizing: border-box; 14298 color: var(--dp-text-color); 14299 display: flex; 14300 flex-flow: row nowrap; 14301 padding: var(--dp-action-row-padding); 14302 width: 100% 14303 } 14304 14305 .dp__action_row svg { 14306 height: var(--dp-button-icon-height); 14307 width: auto 14308 } 14309 14310 .dp__selection_preview { 14311 color: var(--dp-text-color); 14312 display: block; 14313 font-size: var(--dp-preview-font-size); 14314 overflow: hidden; 14315 text-overflow: ellipsis; 14316 white-space: nowrap 14317 } 14318 14319 .dp__action_buttons { 14320 align-items: center; 14321 display: flex; 14322 flex: 0; 14323 justify-content: flex-end; 14324 margin-inline-start: auto; 14325 white-space: nowrap 14326 } 14327 14328 .dp__action_button { 14329 align-items: center; 14330 background: transparent; 14331 border: 1px solid transparent; 14332 border-radius: var(--dp-border-radius); 14333 cursor: pointer; 14334 display: inline-flex; 14335 font-family: var(--dp-font-family); 14336 font-size: var(--dp-preview-font-size); 14337 height: var(--dp-action-button-height); 14338 line-height: var(--dp-action-button-height); 14339 margin-inline-start: 3px; 14340 padding: var(--dp-action-buttons-padding) 14341 } 14342 14343 .dp__action_cancel { 14344 border: 1px solid var(--dp-border-color); 14345 color: var(--dp-text-color) 14346 } 14347 14348 .dp__action_cancel:hover { 14349 border-color: var(--dp-primary-color); 14350 transition: var(--dp-action-row-transtion) 14351 } 14352 14353 .dp__action_buttons .dp__action_select { 14354 background: var(--dp-primary-color); 14355 color: var(--dp-primary-text-color) 14356 } 14357 14358 .dp__action_buttons .dp__action_select:hover { 14359 background: var(--dp-primary-color); 14360 transition: var(--dp-action-row-transtion) 14361 } 14362 14363 .dp__action_buttons .dp__action_select:disabled { 14364 background: var(--dp-primary-disabled-color); 14365 cursor: not-allowed 14366 } 14367 14368 .dp-quarter-picker-wrap { 14369 display: flex; 14370 flex-direction: column; 14371 height: 100%; 14372 min-width: var(--dp-menu-min-width) 14373 } 14374 14375 .dp--qr-btn-disabled { 14376 cursor: not-allowed 14377 } 14378 14379 .dp--qr-btn-disabled, 14380 .dp--qr-btn-disabled:hover { 14381 background: var(--dp-disabled-color) 14382 } 14383 14384 .dp--qr-btn { 14385 padding: var(--dp-common-padding); 14386 width: 100% 14387 } 14388 14389 .dp--qr-btn:not(.dp--highlighted, .dp--qr-btn-active, .dp--qr-btn-disabled, .dp--qr-btn-between) { 14390 background: none 14391 } 14392 14393 .dp--qr-btn:hover:not(.dp--qr-btn-active, .dp--qr-btn-disabled) { 14394 background: var(--dp-hover-color); 14395 color: var(--dp-hover-text-color); 14396 transition: var(--dp-common-transition) 14397 } 14398 14399 .dp--quarter-items { 14400 display: flex; 14401 flex: 1; 14402 flex-direction: column; 14403 height: 100%; 14404 justify-content: space-evenly; 14405 width: 100% 14406 } 14407 14408 .dp--qr-btn-active { 14409 background: var(--dp-primary-color); 14410 color: var(--dp-primary-text-color) 14411 } 14412 14413 .dp--qr-btn-between { 14414 background: var(--dp-hover-color); 14415 color: var(--dp-hover-text-color) 14416 } 14417 14418 .dp--qr-btn, 14419 .dp--time-invalid, 14420 .dp--time-overlay-btn, 14421 .dp__btn { 14422 border: none; 14423 font: inherit; 14424 line-height: normal; 14425 transition: var(--dp-common-transition) 14426 } 14427 14428 .dp--year-mode-picker { 14429 align-items: center; 14430 display: flex; 14431 height: var(--dp-cell-size); 14432 justify-content: space-between; 14433 width: 100% 14434 } 14435 14436 :root { 14437 --dp-common-transition: all .1s ease-in; 14438 --dp-menu-padding: 6px 8px; 14439 --dp-animation-duration: .1s; 14440 --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1); 14441 --dp-transition-timing: ease-out; 14442 --dp-action-row-transtion: all .2s ease-in; 14443 --dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif; 14444 --dp-border-radius: 4px; 14445 --dp-cell-border-radius: 4px; 14446 --dp-transition-length: 22px; 14447 --dp-transition-timing-general: .1s; 14448 --dp-button-height: 35px; 14449 --dp-month-year-row-height: 35px; 14450 --dp-month-year-row-button-size: 25px; 14451 --dp-button-icon-height: 20px; 14452 --dp-calendar-wrap-padding: 0 5px; 14453 --dp-cell-size: 35px; 14454 --dp-cell-padding: 5px; 14455 --dp-common-padding: 10px; 14456 --dp-input-icon-padding: 35px; 14457 --dp-input-padding: 6px 30px 6px 12px; 14458 --dp-menu-min-width: 260px; 14459 --dp-action-buttons-padding: 1px 6px; 14460 --dp-row-margin: 5px 0; 14461 --dp-calendar-header-cell-padding: .5rem; 14462 --dp-multi-calendars-spacing: 10px; 14463 --dp-overlay-col-padding: 3px; 14464 --dp-time-inc-dec-button-size: 32px; 14465 --dp-font-size: 1rem; 14466 --dp-preview-font-size: .8rem; 14467 --dp-time-font-size: 2rem; 14468 --dp-action-button-height: 22px; 14469 --dp-action-row-padding: 8px; 14470 --dp-direction: ltr 14471 } 14472 14473 .dp__theme_dark { 14474 --dp-background-color: #212121; 14475 --dp-text-color: #fff; 14476 --dp-hover-color: #484848; 14477 --dp-hover-text-color: #fff; 14478 --dp-hover-icon-color: #959595; 14479 --dp-primary-color: #005cb2; 14480 --dp-primary-disabled-color: #61a8ea; 14481 --dp-primary-text-color: #fff; 14482 --dp-secondary-color: #a9a9a9; 14483 --dp-border-color: #2d2d2d; 14484 --dp-menu-border-color: #2d2d2d; 14485 --dp-border-color-hover: #aaaeb7; 14486 --dp-border-color-focus: #aaaeb7; 14487 --dp-disabled-color: #737373; 14488 --dp-disabled-color-text: #d0d0d0; 14489 --dp-scroll-bar-background: #212121; 14490 --dp-scroll-bar-color: #484848; 14491 --dp-success-color: #00701a; 14492 --dp-success-color-disabled: #428f59; 14493 --dp-icon-color: #959595; 14494 --dp-danger-color: #e53935; 14495 --dp-marker-color: #e53935; 14496 --dp-tooltip-color: #3e3e3e; 14497 --dp-highlight-color: rgba(0, 92, 178, .2); 14498 --dp-range-between-dates-background-color: var(--dp-hover-color, #484848); 14499 --dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff); 14500 --dp-range-between-border-color: var(--dp-hover-color, #fff); 14501 --dp-loader: 5px solid #005cb2 14502 } 14503 14504 .dp__theme_light { 14505 --dp-background-color: #fff; 14506 --dp-text-color: #212121; 14507 --dp-hover-color: #f3f3f3; 14508 --dp-hover-text-color: #212121; 14509 --dp-hover-icon-color: #959595; 14510 --dp-primary-color: #1976d2; 14511 --dp-primary-disabled-color: #6bacea; 14512 --dp-primary-text-color: #fff; 14513 --dp-secondary-color: #c0c4cc; 14514 --dp-border-color: #ddd; 14515 --dp-menu-border-color: #ddd; 14516 --dp-border-color-hover: #aaaeb7; 14517 --dp-border-color-focus: #aaaeb7; 14518 --dp-disabled-color: #f6f6f6; 14519 --dp-scroll-bar-background: #f3f3f3; 14520 --dp-scroll-bar-color: #959595; 14521 --dp-success-color: #76d275; 14522 --dp-success-color-disabled: #a3d9b1; 14523 --dp-icon-color: #959595; 14524 --dp-danger-color: #ff6f60; 14525 --dp-marker-color: #ff6f60; 14526 --dp-tooltip-color: #fafafa; 14527 --dp-disabled-color-text: #8e8e8e; 14528 --dp-highlight-color: rgba(25, 118, 210, .1); 14529 --dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3); 14530 --dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121); 14531 --dp-range-between-border-color: var(--dp-hover-color, #f3f3f3); 14532 --dp-loader: 5px solid #1976d2 14533 } 14534 14535 .dp__flex { 14536 align-items: center; 14537 display: flex 14538 } 14539 14540 .dp__btn { 14541 background: none 14542 } 14543 14544 .dp__main { 14545 box-sizing: border-box; 14546 font-family: var(--dp-font-family); 14547 position: relative; 14548 -webkit-user-select: none; 14549 -moz-user-select: none; 14550 user-select: none; 14551 width: 100% 14552 } 14553 14554 .dp__main * { 14555 direction: var(--dp-direction, ltr) 14556 } 14557 14558 .dp__pointer { 14559 cursor: pointer 14560 } 14561 14562 .dp__icon { 14563 stroke: currentcolor; 14564 fill: currentcolor 14565 } 14566 14567 .dp__button { 14568 align-items: center; 14569 box-sizing: border-box; 14570 color: var(--dp-icon-color); 14571 cursor: pointer; 14572 display: flex; 14573 height: var(--dp-button-height); 14574 padding: var(--dp-common-padding); 14575 place-content: center center; 14576 text-align: center; 14577 width: 100% 14578 } 14579 14580 .dp__button.dp__overlay_action { 14581 bottom: 0; 14582 position: absolute 14583 } 14584 14585 .dp__button:hover { 14586 background: var(--dp-hover-color); 14587 color: var(--dp-hover-icon-color) 14588 } 14589 14590 .dp__button svg { 14591 height: var(--dp-button-icon-height); 14592 width: auto 14593 } 14594 14595 .dp__button_bottom { 14596 border-bottom-left-radius: var(--dp-border-radius); 14597 border-bottom-right-radius: var(--dp-border-radius) 14598 } 14599 14600 .dp__flex_display { 14601 display: flex 14602 } 14603 14604 .dp__flex_display_with_input { 14605 align-items: flex-start; 14606 flex-direction: column 14607 } 14608 14609 .dp__relative { 14610 position: relative 14611 } 14612 14613 .calendar-next-enter-active, 14614 .calendar-next-leave-active, 14615 .calendar-prev-enter-active, 14616 .calendar-prev-leave-active { 14617 transition: all var(--dp-transition-timing-general) ease-out 14618 } 14619 14620 .calendar-next-enter-from { 14621 opacity: 0; 14622 transform: translate(var(--dp-transition-length)) 14623 } 14624 14625 .calendar-next-leave-to, 14626 .calendar-prev-enter-from { 14627 opacity: 0; 14628 transform: translate(calc(var(--dp-transition-length)*-1)) 14629 } 14630 14631 .calendar-prev-leave-to { 14632 opacity: 0; 14633 transform: translate(var(--dp-transition-length)) 14634 } 14635 14636 .dp-menu-appear-bottom-enter-active, 14637 .dp-menu-appear-bottom-leave-active, 14638 .dp-menu-appear-top-enter-active, 14639 .dp-menu-appear-top-leave-active, 14640 .dp-slide-down-enter-active, 14641 .dp-slide-down-leave-active, 14642 .dp-slide-up-enter-active, 14643 .dp-slide-up-leave-active { 14644 transition: all var(--dp-animation-duration) var(--dp-transition-timing) 14645 } 14646 14647 .dp-menu-appear-top-enter-from, 14648 .dp-menu-appear-top-leave-to, 14649 .dp-slide-down-leave-to, 14650 .dp-slide-up-enter-from { 14651 opacity: 0; 14652 transform: translateY(var(--dp-transition-length)) 14653 } 14654 14655 .dp-menu-appear-bottom-enter-from, 14656 .dp-menu-appear-bottom-leave-to, 14657 .dp-slide-down-enter-from, 14658 .dp-slide-up-leave-to { 14659 opacity: 0; 14660 transform: translateY(calc(var(--dp-transition-length)*-1)) 14661 } 14662 14663 .dp--arrow-btn-nav { 14664 transition: var(--dp-common-transition) 14665 } 14666 14667 .dp--highlighted { 14668 background-color: var(--dp-highlight-color) 14669 } 14670 14671 .dp--hidden-el { 14672 visibility: hidden 14673 } 14674 </style> 14675 <style> 14676 :root { 14677 --vs-colors--lightest: rgba(60, 60, 60, .26); 14678 --vs-colors--light: rgba(60, 60, 60, .5); 14679 --vs-colors--dark: #333; 14680 --vs-colors--darkest: rgba(0, 0, 0, .15); 14681 --vs-search-input-color: inherit; 14682 --vs-search-input-placeholder-color: inherit; 14683 --vs-font-size: 1rem; 14684 --vs-line-height: 1.4; 14685 --vs-state-disabled-bg: #f8f8f8; 14686 --vs-state-disabled-color: var(--vs-colors--light); 14687 --vs-state-disabled-controls-color: var(--vs-colors--light);
14688 --vs-state-disabled-cursor: not-allowed; 14689 --vs-border-color: var(--vs-colors--lightest); 14690 --vs-border-width: 1px; 14691 --vs-border-style: solid; 14692 --vs-border-radius: 4px; 14693 --vs-actions-padding: 4px 6px 0 3px; 14694 --vs-controls-color: var(--vs-colors--light); 14695 --vs-controls-size: 1; 14696 --vs-controls--deselect-text-shadow: 0 1px 0 #fff; 14697 --vs-selected-bg: #f0f0f0; 14698 --vs-selected-color: var(--vs-colors--dark); 14699 --vs-selected-border-color: var(--vs-border-color); 14700 --vs-selected-border-style: var(--vs-border-style); 14701 --vs-selected-border-width: var(--vs-border-width); 14702 --vs-dropdown-bg: #fff; 14703 --vs-dropdown-color: inherit; 14704 --vs-dropdown-z-index: 1000; 14705 --vs-dropdown-min-width: 160px; 14706 --vs-dropdown-max-height: 350px; 14707 --vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest); 14708 --vs-dropdown-option-bg: #000; 14709 --vs-dropdown-option-color: var(--vs-dropdown-color); 14710 --vs-dropdown-option-padding: 3px 20px; 14711 --vs-dropdown-option--active-bg: #5897fb; 14712 --vs-dropdown-option--active-color: #fff; 14713 --vs-dropdown-option--deselect-bg: #fb5858; 14714 --vs-dropdown-option--deselect-color: #fff; 14715 --vs-transition-timing-function: cubic-bezier(1, -.115, .975, .855) 14716 } 14717 14718 .v-select { 14719 font-family: inherit; 14720 position: relative 14721 } 14722 14723 .v-select, 14724 .v-select * { 14725 box-sizing: border-box 14726 } 14727 14728 :root { 14729 --vs-transition-timing-function: cubic-bezier(1, .5, .8, 1); 14730 --vs-transition-duration: .15s 14731 } 14732 14733 @keyframes vSelectSpinner { 14734 0% { 14735 transform: rotate(0) 14736 } 14737 14738 to { 14739 transform: rotate(1turn) 14740 } 14741 } 14742 14743 .vs__fade-enter-active, 14744 .vs__fade-leave-active { 14745 pointer-events: none; 14746 transition: opacity var(--vs-transition-duration) var(--vs-transition-timing-function) 14747 } 14748 14749 .vs__fade-enter, 14750 .vs__fade-leave-to { 14751 opacity: 0 14752 } 14753 14754 :root { 14755 --vs-disabled-bg: var(--vs-state-disabled-bg); 14756 --vs-disabled-color: var(--vs-state-disabled-color); 14757 --vs-disabled-cursor: var(--vs-state-disabled-cursor) 14758 } 14759 14760 .vs--disabled .vs__clear, 14761 .vs--disabled .vs__dropdown-toggle, 14762 .vs--disabled .vs__open-indicator, 14763 .vs--disabled .vs__search, 14764 .vs--disabled .vs__selected { 14765 background-color: var(--vs-disabled-bg); 14766 cursor: var(--vs-disabled-cursor) 14767 } 14768 14769 .v-select[dir=rtl] .vs__actions { 14770 padding: 0 3px 0 6px 14771 } 14772 14773 .v-select[dir=rtl] .vs__clear { 14774 margin-left: 6px; 14775 margin-right: 0 14776 } 14777 14778 .v-select[dir=rtl] .vs__deselect { 14779 margin-left: 0; 14780 margin-right: 2px 14781 } 14782 14783 .v-select[dir=rtl] .vs__dropdown-menu { 14784 text-align: right 14785 } 14786 14787 .vs__dropdown-toggle { 14788 -webkit-appearance: none; 14789 -moz-appearance: none; 14790 appearance: none; 14791 background: none; 14792 border: var(--vs-border-width) var(--vs-border-style) var(--vs-border-color); 14793 border-radius: var(--vs-border-radius); 14794 display: flex; 14795 padding: 0 0 4px; 14796 white-space: normal 14797 } 14798 14799 .vs__selected-options { 14800 display: flex; 14801 flex-basis: 100%; 14802 flex-grow: 1; 14803 flex-wrap: wrap; 14804 padding: 0 2px; 14805 position: relative 14806 } 14807 14808 .vs__actions { 14809 align-items: center; 14810 display: flex; 14811 padding: var(--vs-actions-padding) 14812 } 14813 14814 .vs--searchable .vs__dropdown-toggle { 14815 cursor: text 14816 } 14817 14818 .vs--unsearchable .vs__dropdown-toggle { 14819 cursor: pointer 14820 } 14821 14822 .vs--open .vs__dropdown-toggle { 14823 border-bottom-color: transparent; 14824 border-bottom-left-radius: 0; 14825 border-bottom-right-radius: 0 14826 } 14827 14828 .vs__open-indicator { 14829 fill: var(--vs-controls-color); 14830 transform: scale(var(--vs-controls-size)); 14831 transition: transform var(--vs-transition-duration) var(--vs-transition-timing-function); 14832 transition-timing-function: var(--vs-transition-timing-function) 14833 } 14834 14835 .vs--open .vs__open-indicator { 14836 transform: rotate(180deg) scale(var(--vs-controls-size)) 14837 } 14838 14839 .vs--loading .vs__open-indicator { 14840 opacity: 0 14841 } 14842 14843 .vs__clear { 14844 fill: var(--vs-controls-color); 14845 background-color: transparent; 14846 border: 0; 14847 cursor: pointer; 14848 margin-right: 8px; 14849 padding: 0 14850 } 14851 14852 .vs__dropdown-menu { 14853 background: var(--vs-dropdown-bg); 14854 border: var(--vs-border-width) var(--vs-border-style) var(--vs-border-color); 14855 border-radius: 0 0 var(--vs-border-radius) var(--vs-border-radius); 14856 border-top-style: none;
14857 box-shadow: var(--vs-dropdown-box-shadow); 14858 box-sizing: border-box; 14859 color: var(--vs-dropdown-color); 14860 display: block; 14861 left: 0; 14862 list-style: none; 14863 margin: 0; 14864 max-height: var(--vs-dropdown-max-height); 14865 min-width: var(--vs-dropdown-min-width); 14866 overflow-y: auto; 14867 padding: 5px 0; 14868 position: absolute; 14869 text-align: left; 14870 top: calc(100% - var(--vs-border-width)); 14871 width: 100%; 14872 z-index: var(--vs-dropdown-z-index) 14873 } 14874 14875 .vs__no-options { 14876 text-align: center 14877 } 14878 14879 .vs__dropdown-option { 14880 clear: both; 14881 color: var(--vs-dropdown-option-color); 14882 cursor: pointer; 14883 display: block; 14884 line-height: 1.42857143; 14885 padding: var(--vs-dropdown-option-padding); 14886 white-space: nowrap 14887 } 14888 14889 .vs__dropdown-option--highlight { 14890 background: var(--vs-dropdown-option--active-bg); 14891 color: var(--vs-dropdown-option--active-color) 14892 } 14893 14894 .vs__dropdown-option--deselect { 14895 background: var(--vs-dropdown-option--deselect-bg); 14896 color: var(--vs-dropdown-option--deselect-color) 14897 } 14898 14899 .vs__dropdown-option--disabled { 14900 background: var(--vs-state-disabled-bg); 14901 color: var(--vs-state-disabled-color); 14902 cursor: var(--vs-state-disabled-cursor) 14903 } 14904 14905 .vs__selected { 14906 align-items: center; 14907 background-color: var(--vs-selected-bg); 14908 border: var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color); 14909 border-radius: var(--vs-border-radius); 14910 color: var(--vs-selected-color); 14911 display: flex; 14912 line-height: var(--vs-line-height); 14913 margin: 4px 2px 0; 14914 padding: 0 .25em; 14915 z-index: 0 14916 } 14917 14918 .vs__deselect { 14919 -webkit-appearance: none; 14920 -moz-appearance: none; 14921 appearance: none; 14922 background: none; 14923 border: 0; 14924 cursor: pointer; 14925 display: inline-flex; 14926 margin-left: 4px; 14927 padding: 0; 14928 fill: var(--vs-controls-color); 14929 text-shadow: var(--vs-controls--deselect-text-shadow) 14930 } 14931 14932 .vs--single .vs__selected { 14933 background-color: transparent; 14934 border-color: transparent 14935 } 14936 14937 .vs--single.vs--loading .vs__selected, 14938 .vs--single.vs--open .vs__selected { 14939 opacity: .4; 14940 position: absolute 14941 } 14942 14943 .vs--single.vs--searching .vs__selected { 14944 display: none 14945 } 14946 14947 .vs__search::-webkit-search-cancel-button { 14948 display: none 14949 } 14950 14951 .vs__search::-ms-clear, 14952 .vs__search::-webkit-search-decoration, 14953 .vs__search::-webkit-search-results-button, 14954 .vs__search::-webkit-search-results-decoration { 14955 display: none 14956 } 14957 14958 .vs__search, 14959 .vs__search:focus { 14960 -webkit-appearance: none; 14961 -moz-appearance: none; 14962 appearance: none; 14963 background: none; 14964 border: 1px solid transparent; 14965 border-left: none; 14966 box-shadow: none; 14967 color: var(--vs-search-input-color); 14968 flex-grow: 1; 14969 font-size: var(--vs-font-size); 14970 line-height: var(--vs-line-height); 14971 margin: 4px 0 0; 14972 max-width: 100%; 14973 outline: none; 14974 padding: 0 7px; 14975 width: 0; 14976 z-index: 1 14977 } 14978 14979 .vs__search::-moz-placeholder { 14980 color: var(--vs-search-input-placeholder-color) 14981 } 14982 14983 .vs__search::placeholder { 14984 color: var(--vs-search-input-placeholder-color) 14985 } 14986 14987 .vs--unsearchable .vs__search { 14988 opacity: 1 14989 } 14990 14991 .vs--unsearchable:not(.vs--disabled) .vs__search { 14992 cursor: pointer 14993 } 14994 14995 .vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search { 14996 opacity: .2 14997 } 14998 14999 .vs__spinner { 15000 align-self: center;
15001 animation: vSelectSpinner 1.1s linear infinite; 15002 border: .9em solid hsla(0, 0%, 39%, .1); 15003 border-left-color: #3c3c3c73; 15004 font-size: 5px; 15005 opacity: 0; 15006 overflow: hidden; 15007 text-indent: -9999em; 15008 transform: translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size))); 15009 transition: opacity .1s 15010 } 15011 15012 .vs__spinner, 15013 .vs__spinner:after { 15014 border-radius: 50%; 15015 height: 5em; 15016 transform: scale(var(--vs-controls--spinner-size, var(--vs-controls-size))); 15017 width: 5em 15018 } 15019 15020 .vs--loading .vs__spinner { 15021 opacity: 1 15022 } 15023 </style> 15024 <style> 15025 #vue3-snackbar--container { 15026 margin: 16px 16px 0; 15027 padding: 0; 15028 pointer-events: none; 15029 position: fixed; 15030 z-index: var(--snackbar-zindex) 15031 } 15032 15033 #vue3-snackbar--container.is-rtl .vue3-snackbar-message-icon { 15034 margin-left: 16px; 15035 margin-right: 0 15036 } 15037 15038 #vue3-snackbar--container.is-top { 15039 top: 0 15040 } 15041 15042 #vue3-snackbar--container.is-bottom { 15043 bottom: 0 15044 } 15045 15046 #vue3-snackbar--container.is-left { 15047 left: 0 15048 } 15049 15050 #vue3-snackbar--container.is-right { 15051 right: 0 15052 } 15053 15054 #vue3-snackbar--container.is-start { 15055 inset-inline-start: 0 15056 } 15057 15058 #vue3-snackbar--container.is-end { 15059 inset-inline-end: 0 15060 } 15061 15062 #vue3-snackbar--container.is-middle { 15063 top: 50%; 15064 transform: translateY(-50%) 15065 } 15066 15067 #vue3-snackbar--container.is-centre { 15068 left: 50%; 15069 transform: translate(-50%) 15070 } 15071 15072 #vue3-snackbar--container.shadow-xs .vue3-snackbar-message { 15073 box-shadow: 0 1px 2px #0000000d 15074 } 15075 15076 #vue3-snackbar--container.shadow-sm .vue3-snackbar-message { 15077 box-shadow: 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a 15078 } 15079 15080 #vue3-snackbar--container.shadow-md .vue3-snackbar-message { 15081 box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a 15082 } 15083 15084 #vue3-snackbar--container.shadow-lg .vue3-snackbar-message { 15085 box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a 15086 } 15087 15088 #vue3-snackbar--container.shadow-xl .vue3-snackbar-message { 15089 box-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a 15090 } 15091 15092 #vue3-snackbar--container.shadow-2xl .vue3-snackbar-message { 15093 box-shadow: 0 25px 50px -12px #00000040 15094 } 15095 15096 .vue3-snackbar-message { 15097 border-radius: 4px; 15098 color: var(--message-text-color, #fff); 15099 display: flex; 15100 margin-bottom: 16px; 15101 pointer-events: all; 15102 position: relative 15103 } 15104 15105 .vue3-snackbar-message-action { 15106 display: flex; 15107 justify-content: flex-end; 15108 width: 100% 15109 } 15110 15111 .vue3-snackbar-message-action:not(:empty) { 15112 padding-top: .5rem 15113 } 15114 15115 .vue3-snackbar-message.has-border { 15116 background-color: var(--base-background-color, #fff); 15117 border: 0 solid; 15118 position: relative 15119 } 15120 15121 .vue3-snackbar-message.has-border:before { 15122 background-color: var(--background-color); 15123 content: ""; 15124 top: 0; 15125 right: 0; 15126 bottom: 0; 15127 left: 0; 15128 opacity: var(--background-opacity); 15129 pointer-events: none; 15130 position: absolute 15131 } 15132 15133 .vue3-snackbar-message.has-border.success { 15134 color: var(--success-colour) 15135 } 15136 15137 .vue3-snackbar-message.has-border.error { 15138 color: var(--error-colour) 15139 } 15140 15141 .vue3-snackbar-message.has-border.info { 15142 color: var(--info-colour) 15143 } 15144 15145 .vue3-snackbar-message.has-border.warning { 15146 color: var(--warning-colour) 15147 } 15148 15149 .vue3-snackbar-message.has-border.has-background { 15150 color: var(--message-background) 15151 } 15152 15153 .vue3-snackbar-message.border-left { 15154 border-left-width: var(--snackbar-border-width) 15155 } 15156 15157 .vue3-snackbar-message.border-left:before { 15158 border-bottom-right-radius: inherit; 15159 border-top-right-radius: inherit 15160 } 15161 15162 .vue3-snackbar-message.border-right { 15163 border-right-width: var(--snackbar-border-width) 15164 } 15165 15166 .vue3-snackbar-message.border-right:before { 15167 border-bottom-left-radius: inherit; 15168 border-top-left-radius: inherit 15169 } 15170 15171 .vue3-snackbar-message.border-top { 15172 border-top-width: var(--snackbar-border-width) 15173 } 15174 15175 .vue3-snackbar-message.border-top:before { 15176 border-bottom-left-radius: inherit; 15177 border-bottom-right-radius: inherit 15178 } 15179 15180 .vue3-snackbar-message.border-bottom { 15181 border-bottom-width: var(--snackbar-border-width) 15182 } 15183 15184 .vue3-snackbar-message.border-bottom:before { 15185 border-top-left-radius: inherit; 15186 border-top-right-radius: inherit 15187 } 15188 15189 .vue3-snackbar-message.border-start { 15190 border-inline-start-width: var(--snackbar-border-width) 15191 } 15192 15193 .vue3-snackbar-message.border-start:before { 15194 border-end-end-radius: inherit; 15195 border-start-end-radius: inherit 15196 } 15197 15198 .vue3-snackbar-message.border-end { 15199 border-inline-end-width: var(--snackbar-border-width) 15200 } 15201 15202 .vue3-snackbar-message.border-end:before { 15203 border-end-start-radius: inherit; 15204 border-start-start-radius: inherit 15205 } 15206
15207 .vue3-snackbar-message.success:not(.has-background):not(.has-border) { 15208 background-color: var(--success-colour); 15209 border-color: var(--success-colour) 15210 } 15211 15212 .vue3-snackbar-message.error:not(.has-background):not(.has-border) { 15213 background-color: var(--error-colour); 15214 border-color: var(--error-colour) 15215 } 15216 15217 .vue3-snackbar-message.warning:not(.has-background):not(.has-border) { 15218 background-color: var(--warning-colour); 15219 border-color: var(--warning-colour) 15220 } 15221 15222 .vue3-snackbar-message.info:not(.has-background):not(.has-border) { 15223 background-color: var(--info-colour); 15224 border-color: var(--info-colour) 15225 } 15226 15227 .vue3-snackbar-message.has-background:not(.has-border) { 15228 background-color: var(--message-background); 15229 border-color: var(--message-background) 15230 } 15231 15232 .vue3-snackbar-message-wrapper { 15233 align-items: center; 15234 border-radius: inherit; 15235 display: flex; 15236 padding: 16px 15237 } 15238 15239 .vue3-snackbar-message.is-dense .vue3-snackbar-message-wrapper { 15240 padding: 8px 16px 15241 } 15242 15243 .vue3-snackbar-message-title { 15244 font-weight: 700; 15245 position: relative 15246 } 15247 15248 .vue3-snackbar-message-additional { 15249 position: relative 15250 } 15251 15252 .vue3-snackbar-message-icon { 15253 color: var(--message-icon-color, currentColor); 15254 display: flex; 15255 margin-right: 16px 15256 } 15257 15258 .vue3-snackbar-message-close { 15259 margin-left: 16px; 15260 min-width: 30px 15261 } 15262 15263 .vue3-snackbar-message-close button { 15264 appearance: none 15265 } 15266 15267 .vue3-snackbar-message-close button:focus:not(:focus-visible) { 15268 outline: none 15269 } 15270 15271 .vue3-snackbar-message-close button:focus:not(:-moz-focusring) { 15272 outline: none 15273 } 15274 15275 .vue3-snackbar-message-close button { 15276 color: inherit; 15277 font: inherit; 15278 -webkit-font-smoothing: inherit; 15279 -moz-osx-font-smoothing: inherit; 15280 align-items: center; 15281 background: 0 0; 15282 border: none; 15283 cursor: pointer; 15284 display: flex; 15285 height: 30px; 15286 justify-content: center; 15287 line-height: normal; 15288 margin: 0; 15289 overflow: visible; 15290 padding: 0; 15291 position: relative; 15292 text-align: inherit; 15293 width: 30px 15294 } 15295 15296 .vue3-snackbar-message-close button:before { 15297 background: currentColor; 15298 border-radius: 50%; 15299 content: ""; 15300 top: 0; 15301 right: 0; 15302 bottom: 0; 15303 left: 0; 15304 opacity: 0; 15305 pointer-events: none; 15306 position: absolute; 15307 transition: opacity .3s ease-in-out 15308 } 15309 15310 .vue3-snackbar-message-close button:hover:before { 15311 opacity: .22 15312 } 15313 15314 .vue3-snackbar-message-content { 15315 display: flex; 15316 flex-flow: column; 15317 width: var(--snackbar-content-width) 15318 } 15319 15320 .vue3-snackbar-message-badge { 15321 background: #c10015; 15322 border: 1px solid #dc143c; 15323 border-radius: 8px; 15324 box-shadow: 0 1px 3px #0003, 0 1px 1px #00000024, 0 2px 1px -1px #0000001f; 15325 color: #fff; 15326 font-size: .9em; 15327 font-weight: 700; 15328 left: 0; 15329 padding: .125em .5em; 15330 position: absolute; 15331 top: 0; 15332 transform: translate(-25%, -25%) 15333 } 15334 15335 .vue3-snackbar-message.border-left .vue3-snackbar-message-badge { 15336 left: 0; 15337 top: -5px 15338 } 15339 15340 .vue3-snackbar-message-enter-from { 15341 opacity: 0; 15342 transform: translateY(50%) 15343 } 15344 15345 .vue3-snackbar-message-leave-from { 15346 max-height: 1000px 15347 } 15348 15349 .vue3-snackbar .vue3-snackbar-message.vue3-snackbar-message-leave-to { 15350 margin-bottom: 0; 15351 max-height: 0; 15352 opacity: 0; 15353 overflow: hidden 15354 } 15355 15356 .vue3-snackbar .vue3-snackbar-message.vue3-snackbar-message-leave-to .vue3-snackbar-message-badge { 15357 opacity: 0 15358 } 15359 15360 .vue3-snackbar-message-enter-active { 15361 transition: transform .3s, opacity .3s 15362 } 15363 15364 .vue3-snackbar-message-leave-active { 15365 transition: max-height .45s cubic-bezier(0, 1, 0, 1), opacity .3s, margin-bottom .3s 15366 } 15367 15368 @keyframes headShake { 15369 0% { 15370 transform: translate(-25%, -25%) 15371 } 15372 15373 6.5% { 15374 transform: translate(calc(-25% - 6px), -25%)rotateY(-9deg) 15375 } 15376 15377 18.5% { 15378 transform: translate(calc(5px - 25%), -25%)rotateY(7deg) 15379 } 15380 15381 31.5% { 15382 transform: translate(calc(-25% - 3px), -25%)rotateY(-5deg) 15383 } 15384 15385 43.5% { 15386 transform: translate(calc(2px - 25%), -25%)rotateY(3deg) 15387 } 15388 15389 50% { 15390 transform: translate(-25%, -25%) 15391 } 15392 } 15393 15394 .shake-baby-shake .vue3-snackbar-message-badge { 15395 animation-duration: 1s; 15396 animation-fill-mode: both; 15397 animation-name: headShake; 15398 animation-timing-function: ease-in-out 15399 } 15400 </style> 15401 <style> 15402 .vue-map { 15403 height: 100%; 15404 min-height: 2rem; 15405 width: 100% 15406 } 15407 </style> 15408 <style> 15409 .nuxt-icon svg { 15410 height: 1em; 15411 margin-bottom: .125em; 15412 vertical-align: middle; 15413 width: 1em 15414 } 15415 15416 .nuxt-icon.nuxt-icon--fill, 15417 .nuxt-icon.nuxt-icon--fill * { 15418 fill: currentColor !important 15419 } 15420 15421 .nuxt-icon.nuxt-icon--stroke, 15422 .nuxt-icon.nuxt-icon--stroke * { 15423 stroke: currentColor !important 15424 } 15425 </style> 15426 <style> 15427 #vue3-snackbar--container { 15428 box-shadow: none !important 15429 } 15430 15431 #vue3-snackbar--container.is-top { 15432 top: 110px !important 15433 } 15434
15435 #vue3-snackbar--container.has-shadow .vue3-snackbar-message, 15436 #vue3-snackbar--container.shadow-md .vue3-snackbar-message { 15437 box-shadow: none !important 15438 } 15439 15440 .custom-snackbar { 15441 align-items: center; 15442 border-radius: .75rem; 15443 border-width: 1px; 15444 display: flex; 15445 gap: 1rem; 15446 min-width: 18rem; 15447 padding: 10px 1.25rem; 15448 position: relative 15449 } 15450 15451 @media (min-width:768px) { 15452 .custom-snackbar { 15453 min-width: 400px 15454 } 15455 } 15456 15457 .custom-snackbar.success { 15458 --tw-border-opacity: 1; 15459 border-color: rgb(29 153 120/var(--tw-border-opacity, 1)); 15460 --tw-bg-opacity: 1; 15461 background-color: rgb(246 255 249/var(--tw-bg-opacity, 1)) 15462 } 15463 15464 .custom-snackbar.danger { 15465 --tw-border-opacity: 1; 15466 border-color: rgb(236 33 61/var(--tw-border-opacity, 1)); 15467 --tw-bg-opacity: 1; 15468 background-color: rgb(249 188 197/var(--tw-bg-opacity, 1)) 15469 } 15470 15471 .custom-snackbar.warning { 15472 --tw-border-opacity: 1; 15473 border-color: rgb(247 166 51/var(--tw-border-opacity, 1)); 15474 --tw-bg-opacity: 1; 15475 background-color: rgb(253 228 194/var(--tw-bg-opacity, 1)) 15476 } 15477 </style> 15478 <style> 15479 .wrapper-default[data-v-fd28e93b] input:not([type=checkbox]):not([type=radio]):not(.vs__search), 15480 .wrapper-default[data-v-fd28e93b] textarea { 15481 border-color: transparent; 15482 font-weight: 500; 15483 padding: 0; 15484 pointer-events: none; 15485 width: 100% 15486 } 15487 15488 .wrapper-default[data-v-fd28e93b] input:not([type=checkbox]):not([type=radio]):not(.vs__search):focus, 15489 .wrapper-default[data-v-fd28e93b] textarea:focus { 15490 border-color: transparent; 15491 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 15492 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color); 15493 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
15493dow, 0 0 #0000) 15494 } 15495 15496 .wrapper-rounded[data-v-fd28e93b] .dp__input, 15497 .wrapper-rounded[data-v-fd28e93b] input:not([type=checkbox]):not([type=radio]):not(.vs__search):not(.dp__input):not(.not-wrapped), 15498 .wrapper-rounded[data-v-fd28e93b] textarea { 15499 border-radius: 9999px; 15500 border-width: 1px; 15501 width: 100%; 15502 --tw-border-opacity: 1; 15503 border-color: rgb(158 158 158/var(--tw-border-opacity, 1)); 15504 padding: .75rem 1rem 15505 } 15506 15507 .wrapper-rounded[data-v-fd28e93b] .dp__input::-moz-placeholder, 15508 .wrapper-rounded[data-v-fd28e93b] input:not([type=checkbox]):not([type=radio]):not(.vs__search):not(.dp__input):not(.not-wrapped)::-moz-placeholder, 15509 .wrapper-rounded[data-v-fd28e93b] textarea::-moz-placeholder { 15510 --tw-text-opacity: 1; 15511 color: rgb(134 134 134/var(--tw-text-opacity, 1)) 15512 } 15513 15514 .wrapper-rounded[data-v-fd28e93b] .dp__input::placeholder, 15515 .wrapper-rounded[data-v-fd28e93b] input:not([type=checkbox]):not([type=radio]):not(.vs__search):not(.dp__input):not(.not-wrapped)::placeholder, 15516 .wrapper-rounded[data-v-fd28e93b] textarea::placeholder { 15517 --tw-text-opacity: 1; 15518 color: rgb(134 134 134/var(--tw-text-opacity, 1)) 15519 } 15520 15521 .wrapper-rounded[data-v-fd28e93b] .dp__input:focus, 15522 .wrapper-rounded[data-v-fd28e93b] input:not([type=checkbox]):not([type=radio]):not(.vs__search):not(.dp__input):not(.not-wrapped):focus, 15523 .wrapper-rounded[data-v-fd28e93b] textarea:focus { 15524 --tw-border-opacity: 1; 15525 border-color: rgb(0 90 171/var(--tw-border-opacity, 1)); 15526 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 15527 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color); 15528 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
15528dow, 0 0 #0000) 15529 } 15530 15531 .wrapper-rounded[data-v-fd28e93b] .dp__input:disabled, 15532 .wrapper-rounded[data-v-fd28e93b] input:not([type=checkbox]):not([type=radio]):not(.vs__search):not(.dp__input):not(.not-wrapped):disabled, 15533 .wrapper-rounded[data-v-fd28e93b] textarea:disabled { 15534 border-color: transparent; 15535 --tw-bg-opacity: 1; 15536 background-color: rgb(242 242 242/var(--tw-bg-opacity, 1)); 15537 --tw-text-opacity: 1; 15538 color: rgb(128 128 128/var(--tw-text-opacity, 1)) 15539 } 15540 15541 .wrapper-rounded[data-v-fd28e93b] .dp__input:-webkit-autofill, 15542 .wrapper-rounded[data-v-fd28e93b] .dp__input:-webkit-autofill:focus, 15543 .wrapper-rounded[data-v-fd28e93b] .dp__input:-webkit-autofill:hover, 15544 .wrapper-rounded[data-v-fd28e93b] input:not([type=checkbox]):not([type=radio]):not(.vs__search):not(.dp__input):not(.not-wrapped):-webkit-autofill, 15545 .wrapper-rounded[data-v-fd28e93b] input:not([type=checkbox]):not([type=radio]):not(.vs__search):not(.dp__input):not(.not-wrapped):-webkit-autofill:focus, 15546 .wrapper-rounded[data-v-fd28e93b] input:not([type=checkbox]):not([type=radio]):not(.vs__search):not(.dp__input):not(.not-wrapped):-webkit-autofill:hover, 15547 .wrapper-rounded[data-v-fd28e93b] textarea:-webkit-autofill, 15548 .wrapper-rounded[data-v-fd28e93b] textarea:-webkit-autofill:focus, 15549 .wrapper-rounded[data-v-fd28e93b] textarea:-webkit-autofill:hover { 15550 -webkit-box-shadow: inset 0 0 0 1000px #fff !important; 15551 -webkit-text-fill-color: #000 !important; 15552 outline: none 15553 } 15554 15555 .wrapper-rounded[data-v-fd28e93b] textarea { 15556 border-radius: .5rem 15557 } 15558 15559 .wrapper-rounded.error[data-v-fd28e93b] .dp__input, 15560 .wrapper-rounded.error[data-v-fd28e93b] input:not([type=checkbox]):not([type=radio]):not(.vs__search):not(.dp__input):not(.not-wrapped), 15561 .wrapper-rounded.error[data-v-fd28e93b] textarea { 15562 --tw-border-opacity: 1; 15563 border-color: rgb(236 33 61/var(--tw-border-opacity, 1)); 15564 --tw-bg-opacity: 1; 15565 background-color: rgb(253 227 228/var(--tw-bg-opacity, 1)); 15566 --tw-text-opacity: 1; 15567 color: rgb(202 45 51/var(--tw-text-opacity, 1)) 15568 } 15569 15570 .wrapper-rounded.error[data-v-fd28e93b] .not-wrapped:-webkit-autofill, 15571 .wrapper-rounded.error[data-v-fd28e93b] .not-wrapped:-webkit-autofill:focus, 15572 .wrapper-rounded.error[data-v-fd28e93b] .not-wrapped:-webkit-autofill:hover { 15573 -webkit-box-shadow: inset 0 0 0 1000px #fde3e4 !important; 15574 outline: none 15575 } 15576 </style> 15577 <style> 15578 .border-b-6[data-v-f6f73e9b] { 15579 border-bottom-width: 6px 15580 } 15581 </style> 15582 <style>
15583 .modal-full[data-v-a459e78e] { 15584 padding-left: 0 !important; 15585 padding-right: 0 !important; 15586 z-index: 1 15587 } 15588 15589 .modal-full[data-v-a459e78e]>* { 15590 height: 100%; 15591 justify-content: center; 15592 max-width: 100% 15593 } 15594 </style> 15595 <style> 15596 .menu.router-link-active[data-v-7aa7f30f], 15597 .menu.router-link-exact-active[data-v-7aa7f30f] { 15598 --tw-text-opacity: 1; 15599 color: rgb(0 90 171/var(--tw-text-opacity, 1)) 15600 } 15601 15602 .submenu.router-link-active[data-v-7aa7f30f], 15603 .submenu.router-link-exact-active[data-v-7aa7f30f] { 15604 --tw-bg-opacity: 1; 15605 background-color: rgb(229 239 247/var(--tw-bg-opacity, 1)); 15606 --tw-text-opacity: 1; 15607 color: rgb(0 90 171/var(--tw-text-opacity, 1)) 15608 } 15609 </style> 15610 <style> 15611 .custom-scroll[data-v-57341a5c]::-webkit-scrollbar { 15612 width: 5px 15613 } 15614 15615 .custom-scroll[data-v-57341a5c]::-webkit-scrollbar-track { 15616 background: #eaeaea; 15617 border-radius: 10px 15618 } 15619 15620 .custom-scroll[data-v-57341a5c]::-webkit-scrollbar-thumb { 15621 background: #cdcdcd; 15622 border-radius: 10px 15623 } 15624 </style> 15625 <style> 15626 .count-icon { 15627 align-items: center; 15628 border-radius: 9999px; 15629 display: flex; 15630 height: 16px; 15631 justify-content: center; 15632 width: 16px; 15633 --tw-bg-opacity: 1; 15634 background-color: rgb(236 33 61/var(--tw-bg-opacity, 1)); 15635 font-size: 9px; 15636 --tw-text-opacity: 1; 15637 color: rgb(255 255 255/var(--tw-text-opacity, 1)) 15638 } 15639 </style> 15640 <style> 15641 .link-footer[data-v-6f6249f3] { 15642 --tw-text-opacity: 1; 15643 color: rgb(37 37 37/var(--tw-text-opacity, 1)) 15644 } 15645 15646 .link-footer[data-v-6f6249f3]:hover { 15647 opacity: .8 15648 } 15649 </style> 15650 <style> 15651 /* Main container */ 15652 .VIO77-reviews-faq { 15653 max-width: 1000px; 15654 width: 100%; 15655 padding: 40px; 15656 } 15657 15658 /* Gold accents */ 15659 .gold-text { 15660 color: #b8860b; 15661 } 15662 15663 .gold-border-bottom { 15664 border-bottom: 2px solid #f7ab07; 15665 width: 80px; 15666 margin: 15px 0 25px 0; 15667 } 15668 15669 .gold-badge { 15670 background: #fefcf5; 15671 border: 1px solid #f7ab07; 15672 color: #b8860b; 15673 padding: 4px 12px; 15674 border-radius: 50px; 15675 font-size: 12px; 15676 font-weight: 600; 15677 display: inline-block; 15678 } 15679 15680 /* Section headers */ 15681 .section-header { 15682 margin-bottom: 30px; 15683 } 15684 15685 .section-title { 15686 font-size: 28px; 15687 font-weight: 700; 15688 color: #1e1e1e; 15689 margin-bottom: 8px; 15690 position: relative; 15691 display: inline-block; 15692 } 15693 15694 .section-title::after { 15695 content: ''; 15696 position: absolute; 15697 bottom: -8px; 15698 left: 0; 15699 width: 60px; 15700 height: 3px; 15701 background: #f7ab07; 15702 border-radius: 3px; 15703 } 15704 15705 .section-subtitle { 15706 color: #6b6b6b; 15707 font-size: 15px; 15708 margin-top: 15px; 15709 } 15710 15711 /* Review cards grid */ 15712 .reviews-grid { 15713 display: grid; 15714 grid-template-columns: repeat(2, 1fr); 15715 gap: 20px; 15716 margin: 30px 0 50px 0; 15717 } 15718 15719 .review-card { 15720 background: #fcfcfc; 15721 border: 1px solid #e9d9b4; 15722 border-radius: 20px; 15723 padding: 22px; 15724 transition: all 0.2s ease; 15725 box-shadow: 0 5px 15px rgba(212, 175, 55, 0.03); 15726 } 15727 15728 .review-card:hover { 15729 transform: translateY(-4px); 15730 border-color: #f7ab07; 15731 box-shadow: 0 12px 25px rgba(212, 175, 55, 0.1); 15732 } 15733 15734 .review-header { 15735 display: flex; 15736 align-items: center; 15737 gap: 12px; 15738 margin-bottom: 15px; 15739 } 15740 15741 .review-avatar { 15742 width: 48px; 15743 height: 48px; 15744 background: linear-gradient(135deg, #fcf3e0, #f5e6c6); 15745 border-radius: 50%; 15746 display: flex; 15747 align-items: center; 15748 justify-content: center; 15749 font-weight: 700; 15750 font-size: 18px; 15751 color: #b8860b; 15752 border: 2px solid #f7ab07; 15753 } 15754 15755 .review-meta { 15756 flex: 1; 15757 } 15758 15759 .review-name { 15760 font-weight: 700; 15761 color: #1e1e1e; 15762 margin-bottom: 4px; 15763 } 15764 15765 .review-stars { 15766 color: #f7ab07; 15767 letter-spacing: 2px; 15768 font-size: 14px; 15769 } 15770 15771 .review-text { 15772 color: #4a4a4a; 15773 font-size: 14px; 15774 line-height: 1.7; 15775 font-style: italic; 15776 margin-bottom: 15px; 15777 position: relative; 15778 padding-left: 10px; 15779 } 15780 15781 .review-text::before { 15782 content: '"'; 15783 position: absolute; 15784 left: -2px; 15785 top: -5px; 15786 font-size: 30px; 15787 color: #f7ab07; 15788 opacity: 0.3; 15789 font-family: serif; 15790 } 15791 15792 /* FAQ Accordion */ 15793 .faq-container { 15794 margin: 40px 0 20px; 15795 } 15796 15797 .faq-grid { 15798 display: grid; 15799 grid-template-columns: 1fr; 15800 gap: 12px; 15801 } 15802 15803 .faq-item { 15804 border: 1px solid #e9d9b4; 15805 border-radius: 16px; 15806 background: #fefcf5; 15807 overflow: hidden; 15808 transition: all 0.2s ease; 15809 } 15810 15811 .faq-item:hover { 15812 border-color: #f7ab07; 15813 } 15814 15815 .faq-question { 15816 width: 100%; 15817 text-align: left; 15818 padding: 18px 22px; 15819 background: transparent; 15820 border: none; 15821 cursor: pointer; 15822 display: flex; 15823 align-items: center; 15824 justify-content: space-between; 15825 gap: 15px; 15826 font-weight: 600; 15827 font-size: 16px; 15828 color: #1e1e1e; 15829 transition: background 0.2s ease; 15830 } 15831 15832 .faq-question:hover { 15833 background: #fcf3e0; 15834 } 15835 15836 .faq-question-content { 15837 display: flex; 15838 align-items: center; 15839 gap: 12px; 15840 flex: 1; 15841 } 15842 15843 .faq-icon { 15844 width: 28px; 15845 height: 28px; 15846 border-radius: 8px; 15847 background: #f5e6c6; 15848 border: 1px solid #f7ab07; 15849 display: flex; 15850 align-items: center; 15851 justify-content: center; 15852 color: #b8860b; 15853 font-weight: 700; 15854 font-size: 14px; 15855 } 15856 15857 .faq-chevron { 15858 width: 24px; 15859 height: 24px; 15860 border-radius: 6px; 15861 background: #f5e6c6; 15862 border: 1px solid #f7ab07; 15863 display: flex; 15864 align-items: center; 15865 justify-content: center; 15866 color: #b8860b; 15867 font-size: 18px; 15868 transition: transform 0.3s ease; 15869 } 15870 15871 .faq-question[aria-expanded="true"] .faq-chevron { 15872 transform: rotate(45deg); 15873 } 15874 15875 .faq-answer { 15876 max-height: 0; 15877 overflow: hidden; 15878 transition: max-height 0.3s ease; 15879 background: #ffffff; 15880 border-top: 0 solid #e9d9b4; 15881 } 15882 15883 .faq-answer.open { 15884 max-height: 200px; 15885 border-top-width: 1px; 15886 } 15887 15888 .faq-answer-content { 15889 padding: 0 22px 20px 62px; 15890 color: #4a4a4a; 15891 font-size: 15px; 15892 line-height: 1.7; 15893 } 15894 15895 /* CTA mini */ 15896 .cta-mini { 15897 text-align: center; 15898 margin-top: 50px; 15899 padding-top: 30px; 15900 border-top: 1px solid #f0e2c5; 15901 } 15902 15903 .cta-mini p { 15904 color: #6b6b6b; 15905 margin-bottom: 15px; 15906 } 15907 15908 .cta-buttons-mini { 15909 display: flex; 15910 gap: 15px; 15911 justify-content: center; 15912 } 15913 15914 .btn-mini { 15915 display: inline-block; 15916 padding: 10px 28px; 15917 border-radius: 40px; 15918 font-weight: 600; 15919 font-size: 14px; 15920 text-decoration: none; 15921 transition: all 0.2s ease; 15922 border: 1px solid; 15923 } 15924 15925 .btn-mini-login { 15926 background: transparent; 15927 color: #1e1e1e; 15928 border-color: #f7ab07; 15929 } 15930 15931 .btn-mini-login:hover { 15932 background: #fcf3e0; 15933 } 15934 15935 .btn-mini-register { 15936 background: #f7ab07; 15937 color: #1e1e1e; 15938 border-color: #f7ab07; 15939 } 15940 15941 .btn-mini-register:hover { 15942 background: #c6a229; 15943 } 15944 15945 /* Responsive */ 15946 @media (max-width: 768px) { 15947 .VIO77-reviews-faq { 15948 padding: 25px; 15949 } 15950 15951 .reviews-grid { 15952 grid-template-columns: repeat(2, 1fr); 15953 } 15954 } 15955 15956 @media (max-width: 520px) { 15957 .reviews-grid { 15958 grid-template-columns: 1fr; 15959 } 15960 15961 .faq-answer-content { 15962 padding-left: 22px; 15963 } 15964 15965 .section-title { 15966 font-size: 22px; 15967 } 15968 } 15969 </style> 15970 <style> 15971 /* Container tombol */ 15972 .n-columns-2 { 15973 display: grid; 15974 grid-template-columns: repeat(2, 1fr); 15975 gap: 5px; 15976 font-weight: 700; 15977 margin: 10px auto; 15978 width: 100%; 15979 } 15980 15981 .n-columns-2 a { 15982 text-align: center; 15983 margin: 0; 15984 text-decoration: none; 15985 transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); 15986 position: relative; 15987 overflow: hidden; 15988 } 15989 15990 .login, 15991 .register { 15992 color: #ffffff; 15993 padding: 16px 10px; 15994 letter-spacing: 1px; 15995 font-size: 18px; 15996 text-transform: uppercase; 15997 } 15998 15999 /* Efek kilau untuk kedua tombol */ 16000 .login::after, 16001 .register::after { 16002 content: ''; 16003 position: absolute; 16004 top: -50%; 16005 left: -50%; 16006 width: 200%; 16007 height: 200%; 16008 background: linear-gradient( 16009 135deg, 16010 rgba(255, 255, 255, 0) 0%, 16011 rgba(255, 255, 255, 0.2) 25%, 16012 rgba(255, 255, 255, 0) 50% 16013 ); 16014 transform: translateX(-100%) translateY(-100%) rotate(45deg); 16015 transition: transform 0.6s ease; 16016 pointer-events: none; 16017 } 16018 16019 .login:hover::after, 16020 .register:hover::after { 16021 transform: translateX(100%) translateY(100%) rotate(45deg); 16022 } 16023 16024 /* Tombol LOGIN - Yellow Chrome Glossy Premium */ 16025 .login, 16026 .login-button { 16027 text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); 16028 border-radius: 5px; 16029 border: 2px solid rgba(255, 215, 0, 0.3); 16030 box-shadow: 16031 0 4px 0 #b8860b, 16032 0 8px 15px rgba(0, 0, 0, 0.3), 16033 inset 0 1px 2px rgba(255, 255, 255, 0.5); 16034 background: linear-gradient(180deg, 16035 #FFE55C 0%, 16036 #FFD700 30%, 16037 #FFB700 70%, 16038 #DAA520 100%); 16039 color: #fff; 16040 position: relative; 16041 } 16042 16043 /* Efek highlight atas untuk efek chrome */ 16044 .login::before { 16045 content: ''; 16046 position: absolute; 16047 top: 2px; 16048 left: 5%; 16049 width: 90%; 16050 height: 30%; 16051 background: linear-gradient(180deg, 16052 rgba(255, 255, 255, 0.6) 0%, 16053 rgba(255, 255, 255, 0.2) 50%, 16054 rgba(255, 255, 255, 0) 100%); 16055 border-radius: 10px 10px 0 0; 16056 pointer-events: none; 16057 } 16058 16059 .login:hover { 16060 background: linear-gradient(180deg, 16061 #FFF0A0 0%, 16062 #FFE55C 30%, 16063 #FFC125 70%, 16064 #DAA520 100%); 16065 border-color: rgba(255, 215, 0, 0.6); 16066 box-shadow: 16067 0 6px 0 #b8860b, 16068 0 12px 20px rgba(0, 0, 0, 0.4), 16069 inset 0 1px 3px rgba(255, 255, 255, 0.8); 16070 transform: translateY(-2px); 16071 color: rgb(255, 255, 255); 16072 } 16073 16074 .login:active { 16075 transform: translateY(2px); 16076 box-shadow: 16077 0 2px 0 #b8860b, 16078 0 5px 12px rgba(0, 0, 0, 0.3); 16079 } 16080 16081 /* Tombol REGISTER - Dark Chrome Premium */ 16082 .register, 16083 .register-button { 16084 text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); 16085 border-radius: 5px; 16086 border: 2px solid rgba(192, 192, 192, 0.3); 16087 box-shadow: 16088 0 4px 0 #222222, 16089 0 8px 15px rgba(0, 0, 0, 0.4), 16090 inset 0 1px 2px rgba(255, 255, 255, 0.3); 16091 background: linear-gradient(180deg, 16092 #5A5A5A 0%, 16093 #3A3A3A 30%, 16094 #1A1A1A 70%, 16095 #0A0A0A 100%); 16096 color: #fff; 16097 position: relative; 16098 } 16099 16100 /* Efek highlight atas untuk efek dark chrome */ 16101 .register::before { 16102 content: ''; 16103 position: absolute; 16104 top: 2px; 16105 left: 5%; 16106 width: 90%; 16107 height: 30%; 16108 background: linear-gradient(180deg, 16109 rgba(255, 255, 255, 0.4) 0%, 16110 rgba(255, 255, 255, 0.1) 50%, 16111 rgba(255, 255, 255, 0) 100%); 16112 border-radius: 10px 10px 0 0; 16113 pointer-events: none; 16114 } 16115 16116 .register:hover { 16117 background: linear-gradient(180deg, 16118 #707070 0%, 16119 #505050 30%, 16120 #303030 70%, 16121 #202020 100%); 16122 border-color: rgba(255, 255, 255, 0.2); 16123 box-shadow: 16124 0 6px 0 #222222, 16125 0 12px 20px rgba(0, 0, 0, 0.5), 16126 inset 0 1px 3px rgba(255, 255, 255, 0.4); 16127 transform: translateY(-2px); 16128 color: rgb(255, 187, 0); 16129 } 16130 16131 .register:active { 16132 transform: translateY(2px); 16133 box-shadow: 16134 0 2px 0 #222222, 16135 0 5px 12px rgba(0, 0, 0, 0.3); 16136 } 16137 16138 /* Efek hover untuk interaksi */ 16139 .login:hover, .register:hover { 16140 opacity: 1; 16141 filter: brightness(1.1); 16142 } 16143 16144 /* Efek ikon panah kecil (opsional) */ 16145 .login span, .register span { 16146 display: inline-block; 16147 transition: transform 0.3s ease; 16148 } 16149 16150 .login:hover span, .register:hover span { 16151 transform: translateX(5px); 16152 } 16153 16154 /* Responsif untuk mobile */ 16155 @media (max-width: 480px) { 16156 .n-columns-2 { 16157 gap: 10px; 16158 } 16159 16160 .login, .register { 16161 padding: 14px 8px; 16162 font-size: 16px; 16163 } 16164 } 16165 </style> 16166 16167
16167<script bis_use="true" type="text/javascript" charset="utf-8" 16168 data-bis-config="["facebook.com/","twitter.com/","youtube-nocookie.com/embed/","//vk.com/","//www.vk.com/","linkedin.com/","//www.linkedin.com/","//instagram.com/","//www.instagram.com/","//www.google.com/recaptcha/api2/","//hangouts.google.com/webchat/","//www.google.com/calendar/","//www.google.com/maps/embed","spotify.com/","soundcloud.com/","//player.vimeo.com/","//disqus.com/","//tgwidget.com/","//js.driftt.com/","friends2follow.com","/widget","login","//video.bigmir.net/","blogger.com","//smartlock.google.com/","//keep.google.com/","/web.tolstoycomments.com/","moz-extension://","chrome-extension://","/auth/","//analytics.google.com/","adclarity.com","paddle.com/checkout","hcaptcha.com","recaptcha.net","2captcha.com","accounts.google.com","www.google.com/shopping/customerreviews","buy.tinypass.com","gstatic.com","secureir.ebaystatic.com","docs.google.com","contacts.google.com","github.com","mail.google.com","chat.google.com","audio.xpleer.com","keepa.com","static.xx.fbcdn.net","sas.selleramp.com","1plus1.video","console.googletagservices.com","//lnkd.demdex.net/","//radar.cedexis.com/","//li.protechts.net/","challenges.cloudflare.com/","ogs.google.com"]" 16169 src="chrome-extension://eppiocemhmnlbhjplcgkofciiegomcon/executors/traffic.js"></script>
16169 16170</head> 16171 16172<body __processed_a3282393-e6be-4c30-b556-0a0dfbe42033__="true" 16173 bis_register="W3sibWFzdGVyIjp0cnVlLCJleHRlbnNpb25JZCI6ImVwcGlvY2VtaG1ubGJoanBsY2drb2ZjaWllZ29tY29uIiwiYWRibG9ja2VyU3RhdHVzIjp7IkRJU1BMQVkiOiJkaXNhYmxlZCIsIkZBQ0VCT09LIjoiZGlzYWJsZWQiLCJUV0lUVEVSIjoiZGlzYWJsZWQiLCJSRURESVQiOiJkaXNhYmxlZCIsIlBJTlRFUkVTVCI6ImRpc2FibGVkIiwiSU5TVEFHUkFNIjoiZGlzYWJsZWQiLCJUSUtUT0siOiJkaXNhYmxlZCIsIkxJTktFRElOIjoiZGlzYWJsZWQiLCJDT05GSUciOiJkaXNhYmxlZCJ9LCJ2ZXJzaW9uIjoiMi4wLjM1Iiwic2NvcmUiOjIwMDM1fV0="> 16174 <!--teleport start anchor--> 16175 <section id="vue3-snackbar--container" class="vue3-snackbar is-top is-centre shadow-md" 16176 style="--success-colour:#4caf50;--error-colour:#ff5252;--warning-colour:#fb8c00;--info-colour:#f32121;--snackbar-zindex:9999;--background-opacity:0.12;--background-color:currentColor;--base-background-color:#ffffff;--message-text-color:#fff;--message-icon-color:currentColor;--snackbar-content-width:min(50vw, 350px);--snackbar-border-width:8px;" 16177 aria-live="polite"> 16178 <div class="vue3-snackbar--messages" bis_skin_checked="1"></div> 16179 </section> 16180 <!--teleport anchor--> 16181 <div id="__nuxt" bis_skin_checked="1"> 16182 <div bis_skin_checked="1"> 16183 <div bis_skin_checked="1"> 16184 <!--[--> 16185 <header class="fixed top-0 z-10 flex h-32 w-full flex-col border-b bg-white md:h-[112px] h-32"> 16186 <div class="flex max-h-[42px] items-center bg-secondary-900 py-[11px] max-md:hidden" 16187 bis_skin_checked="1"> 16188 <div class="container flex items-center justify-between" bis_skin_checked="1"> 16189 <div class="flex gap-4" bis_skin_checked="1"><a href="https://rtpunsurmerdeka.com" 16190 class="flex items-center gap-2"><span class="nuxt-icon nuxt-icon--fill text-xl"><svg 16191 width="24" height="24" viewBox="0 0 24 24" fill="none" 16192 xmlns="http://www.w3.org/2000/svg"> 16193 <path 16194 d="M22 17.002C21.9996 18.3696 21.5321 19.696 20.675 20.7616C19.8179 21.8273 18.6226 22.5683 17.287 22.862L16.649 20.948C17.2332 20.8518 17.7888 20.6271 18.2758 20.2903C18.7627 19.9534 19.1689 19.5128 19.465 19H17C16.4696 19 15.9609 18.7893 15.5858 18.4142C15.2107 18.0391 15 17.5304 15 17V13C15 12.4696 15.2107 11.9609 15.5858 11.5858C15.9609 11.2107 16.4696 11 17 11H19.938C19.694 9.0669 18.7529 7.28927 17.2914 6.00068C15.8299 4.71208 13.9484 4.00108 12 4.00108C10.0516 4.00108 8.17007 4.71208 6.70857 6.00068C5.24708 7.28927 4.30603 9.0669 4.062 11H7C7.53043 11 8.03914 11.2107 8.41421 11.5858C8.78929 11.9609 9 12.4696 9 13V17C9 17.5304 8.78929 18.0391 8.41421 18.4142C8.03914 18.7893 7.53043 19 7 19H4C3.46957 19 2.96086 18.7893 2.58579 18.4142C2.21071 18.0391 2 17.5304 2 17V12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12V17V17.002ZM20 17V13H17V17H20ZM4 13V17H7V13H4Z" 16195 fill="#252525"></path> 16196 </svg> 16197 </span><span class="text-sm font-medium">Bantuan</span></a><a 16198 href="https://rtpunsurmerdeka.com" rel="noopener noreferrer" target="_blank" 16199 class="flex items-center gap-2"><span class="nuxt-icon nuxt-icon--fill text-lg"><svg 16200 width="18" height="18" viewBox="0 0 18 18" fill="none" 16201 xmlns="http://www.w3.org/2000/svg"> 16202 <path 16203 d="M16.944 16.1938L17.0212 16.1978C17.3993 16.2362 17.694 16.5555 17.694 16.9438C17.694 17.3322 17.3993 17.6515 17.0212 17.6899L16.944 17.6938H1.66667C1.25245 17.6938 0.916668 17.3581 0.916668 16.9438C0.916668 16.5296 1.25245 16.1938 1.66667 16.1938H16.944Z" 16204 fill="black"></path> 16205 <path 16206 d="M14.6667 16.944V8.54167C14.6667 8.12745 15.0025 7.79167 15.4167 7.79167C15.8309 7.79167 16.1667 8.12745 16.1667 8.54167V16.944C16.1667 17.3582 15.8309 17.694 15.4167 17.694C15.0025 17.694 14.6667 17.3582 14.6667 16.944Z" 16207 fill="black"></path> 16208 <path 16209 d="M2.44474 16.944V8.54167C2.44474 8.12745 2.78053 7.79167 3.19474 7.79167C3.60896 7.79167 3.94474 8.12745 3.94474 8.5416
162097V16.944C3.94474 17.3582 3.60896 17.694 3.19474 17.694C2.78053 17.694 2.44474 17.3582 2.44474 16.944Z" 16210 fill="black"></path> 16211 <path 16212 d="M12.7642 0.916666C13.2082 0.916666 13.5982 0.915468 13.9214 0.948892C14.2618 0.984097 14.5912 1.06217 14.9058 1.25651C15.2204 1.45095 15.4379 1.71093 15.6216 1.99967C15.7089 2.13691 15.7962 2.29316 15.8863 2.46452L16.1685 3.02018L16.1949 3.07975L17.2671 5.79069L17.3658 6.05143C17.464 6.32759 17.5555 6.64649 17.5884 6.97428C17.6279 7.36768 17.5867 7.8253 17.3296 8.24577L17.2056 8.4235C16.7897 8.95084 16.1428 9.29167 15.4165 9.29167C14.8277 9.29164 14.2925 9.06659 13.8882 8.69987C13.484 9.06624 12.9494 9.29167 12.3609 9.29167C11.7721 9.29161 11.2378 9.0656 10.8335 8.69889C10.4292 9.06578 9.89422 9.29167 9.30522 9.29167C8.71642 9.29159 8.18212 9.06561 7.77787 8.69889C7.37354 9.06575 6.83852 9.29167 6.24955 9.29167C5.66079 9.29156 5.12644 9.06562 4.72221 8.69889C4.31798 9.06562 3.78363 9.29156 3.19486 9.29167C2.55935 9.29167 1.98421 9.03055 1.57182 8.61198L1.40483 8.4235C1.03753 7.95754 0.976884 7.42382 1.02201 6.97428C1.06591 6.53713 1.21558 6.11605 1.34428 5.79069L2.41654 3.07975L2.44291 3.02018L2.72514 2.46452C2.8152 2.2932 2.90248 2.13688 2.98979 1.99967C3.17349 1.71104 3.39016 1.45091 3.70463 1.25651L3.82377 1.18913C4.10233 1.04342 4.39201 0.979701 4.68998 0.948892C5.01322 0.915484 5.40326 0.916666 5.84721 0.916666H12.7642ZM5.84721 2.41667C5.37251 2.41667 5.0727 2.41748 4.84428 2.44108C4.68571 2.45747 4.59827 2.48207 4.54154 2.50749L4.49369 2.53288C4.43923 2.56654 4.3693 2.62638 4.25541 2.80534C4.1346 2.9952 4.00243 3.25573 3.7974 3.66569L2.73881 6.34245C2.62 6.64284 2.53737 6.90344 2.51518 7.1237C2.49428 7.33184 2.53405 7.43203 2.58354 7.49479L2.64018 7.56022C2.78193 7.70417 2.97834 7.79167 3.19486 7.79167C3.62408 7.79143 3.97197 7.44355 3.97221 7.01432C3.97221 6.60011 4.30799 6.26432 4.72221 6.26432C5.11052 6.26432 5.42988 6.559 5.4683 6.93717L5.47221 7.01432L5.47611 7.09342C5.51593 7.4855 5.84703 7.79145 6.24955 7.79167C6.67897 7.79167 7.02764 7.44369 7.02787 7.01432C7.02787 6.60011 7.36366 6.26432 7.77787 6.26432C8.16614 6.26438 8.48555 6.55903 8.52397 6.93717L8.52787 7.01432L8.53178 7.09342C8.5716 7.48554 8.90264 7.79151 9.30522 7.79167C9.73465 7.79167 10.0833 7.4437 10.0835 7.01432C10.0835 6.60011 10.4193 6.26432 10.8335 6.26432C11.2218 6.26444 11.5412 6.55906 11.5796 6.93717L11.5835 7.01432L11.5874 7.09342C11.6273 7.48556 11.9582 7.79156 12.3609 7.79167C12.7903 7.79167 13.139 7.4437 13.1392 7.01432C13.1392 6.60011 13.475 6.26432 13.8892 6.26432C14.2774 6.26449 14.5969 6.55909 14.6353 6.93717L14.6392 7.01432L14.6431 7.09342C14.6829 7.48559 15.0139 7.79162 15.4165 7.79167C15.6641 7.79167 15.8843 7.67688 16.0279 7.49479L16.0621 7.4401C16.0933 7.3758 16.1119 7.28023 16.0962 7.1237C16.0796 6.95852 16.0291 6.77054 15.9546 6.56022L15.8716 6.34245L14.813 3.66569C14.6081 3.25591 14.4768 2.99515 14.356 2.80534C14.2422 2.62651 14.1722 2.56658 14.1177 2.53288C14.0633 2.49922 13.9782 2.46291 13.7671 2.44108C13.5387 2.41746 13.239 2.41667 12.7642 2.41667H5.84721Z" 16213 fill="black"></path> 16214 <path 16215 d="M10.4652 16.5617V14.2707C10.4652 13.8999 10.465 13.6711 10.4495 13.5011C10.4424 13.4221 10.4328 13.3741 10.4251 13.3449L10.4124 13.3088C10.3778 13.2487 10.3279 13.1979 10.2679 13.1633H10.2669C10.2646 13.1619 10.2552 13.157 10.2308 13.1506C10.2016 13.1429 10.1536 13.1343 10.0745 13.1271C9.9046 13.1117 9.6765 13.1105 9.30599 13.1105C8.93522 13.1105 8.70646 13.1117 8.53646 13.1271C8.45743 13.1343 8.4094 13.1429 8.38021 13.1506L8.34408 13.1633C8.31404 13.1806 8.28639 13.2024 8.26204 13.2267L8.19857 13.3088C8.19728 13.311 8.19233 13.3204 8.18587 13.3449C8.17818 13.3741 8.16961 13.4221 8.16243 13.5011C8.14703 13.6712 8.14583 13.8999 8.14583 14.2707V16.5617C8.14583 16.9759 7.81005 17.3117 7.39583 17.3117C6.98162 17.3117 6.64583 16.9759 6.64583 16.5617V14.2707C6.64583 13.9276 6.64535 13.6198 6.66829 13.3664C6.69219 13.1027 6.74622 12.8248 6.89974 12.5588L6.96517 12.4523C7.12638 12.2112 7.34187 12.01 7.59408 11.8644L7.69368 11.8117C7.92887 11.6979 8.17079 11.6539 8.40169 11.633C8.65508 11.61 8.96294 11.6105 9.30599 11.6105C9.64882 11.6105 9.95605 11.61 10.2093 11.633C10.4729 11.6569 10.7509 11.7109 11.0169 11.8644L11.1234 11.9299C11.3646 12.0911 11.5657 12.3066 11.7113 12.5588L11.764 12.6584C11.8778 12.8936 11.9218 13.1355 11.9427 13.3664C11.9657 13.6198 11.9652 13.9276 11.9652 14.2707V16.5617C11.9652 16.9759 11.6294 17.3117 11.2152 17.3117C10.801 17.3116 10.4652 16.9759 10.4652 16.5617Z" 16216 fill="black"></path> 16217 </svg> 16218 </span><span class="text-sm font-medium">Penyedia Penjual</span></a> 16219 <div class="group relative z-20 flex items-center gap-2" bis_skin_checked="1"><span 16220 class="nuxt-icon nuxt-icon--fill text-lg"><svg width="12" height="19"
16221 viewBox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg"> 16222 <path 16223 d="M10 2.57129C9.99992 1.99996 9.51691 1.5 8.875 1.5H7.75V1.96387L7.74609 2.04102C7.70766 2.41918 7.38831 2.71387 7 2.71387H4.5C4.08579 2.71387 3.75 2.37808 3.75 1.96387V1.5H2.625C1.98309 1.5 1.50008 1.99996 1.5 2.57129V15.9287C1.50008 16.5 1.98309 17 2.625 17H8.875C9.51691 17 9.99992 16.5 10 15.9287V2.57129ZM7 15.1787L7.07715 15.1826C7.45511 15.2212 7.75 15.5405 7.75 15.9287C7.74993 16.3168 7.45508 16.6362 7.07715 16.6748L7 16.6787H4.5C4.08583 16.6787 3.75008 16.3429 3.75 15.9287C3.75 15.5145 4.08579 15.1787 4.5 15.1787H7ZM11.5 15.9287C11.4999 17.3692 10.3041 18.5 8.875 18.5H2.625C1.19594 18.5 7.72757e-05 17.3692 0 15.9287V2.57129C7.72852e-05 1.13085 1.19594 0 2.625 0H8.875C10.3041 0 11.4999 1.13085 11.5 2.57129V15.9287Z" 16224 fill="black"></path> 16225 </svg> 16226 </span><span class="text-sm font-medium">Download Mobile App</span> 16227 <div class="absolute left-1/2 top-full hidden w-full -translate-x-1/2 overflow-x-hidden rounded border bg-white p-2 shadow group-hover:block" 16228 bis_skin_checked="1"> 16229 <div class="flex flex-wrap gap-4 flex-col-reverse *:w-full" 16230 bis_skin_checked="1"> 16231 <div class="aspect-square rounded-lg border border-bw-600 p-2" 16232 bis_skin_checked="1"><svg shape-rendering="crispEdges" 16233 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29 29"> 16234 <defs> 16235 <!----> 16236 </defs> 16237 <rect width="100%" height="100%" fill="#fff"></rect> 16238 <!----> 16239 </svg></div> 16240 </div> 16241 </div> 16242 </div> 16243 </div> 16244 <div class="flex items-center gap-4" bis_skin_checked="1"><a 16245 href="https://rtpunsurmerdeka.com" class="flex items-center gap-1"><span 16246 class="nuxt-icon nuxt-icon--fill text-sm"><svg width="14" height="14"
16247 viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 16248 <path 16249 d="M12.502 0.439452C12.7858 0.186623 13.2206 0.184865 13.5068 0.447265C13.793 0.70964 13.8287 1.14256 13.6016 1.44726L13.5527 1.50684L2.55274 13.5068C2.27283 13.8121 1.79848 13.8326 1.49317 13.5527C1.18791 13.2728 1.1674 12.7985 1.44727 12.4932L12.4473 0.493163L12.502 0.439452Z" 16250 fill="black"></path> 16251 <path 16252 d="M12.5 11C12.5 10.1716 11.8284 9.5 11 9.5C10.1716 9.5 9.5 10.1716 9.5 11C9.5 11.8284 10.1716 12.5 11 12.5V14C9.34315 14 8 12.6569 8 11C8 9.34315 9.34315 8 11 8C12.6569 8 14 9.34315 14 11C14 12.6569 12.6569 14 11 14V12.5C11.8284 12.5 12.5 11.8284 12.5 11Z" 16253 fill="black"></path> 16254 <path 16255 d="M4.5 3C4.5 2.17157 3.82843 1.5 3 1.5C2.17157 1.5 1.5 2.17157 1.5 3C1.5 3.82843 2.17157 4.5 3 4.5V6C1.34315 6 0 4.65685 0 3C0 1.34315 1.34315 0 3 0C4.65685 0 6 1.34315 6 3C6 4.65685 4.65685 6 3 6V4.5C3.82843 4.5 4.5 3.82843 4.5 3Z" 16256 fill="black"></path> 16257 </svg> 16258 </span><span class="text-sm font-medium">Promo</span></a> 16259 <hr class="h-3 w-[1px] bg-black"><a href="https://rtpunsurmerdeka.com" 16260 class="flex items-center gap-1"><span class="nuxt-icon nuxt-icon--fill text-lg"><svg 16261 width="18" height="17" viewBox="0 0 18 17" fill="none" 16262 xmlns="http://www.w3.org/2000/svg"> 16263 <path 16264 d="M16.5 8.0625H13.875V13.5C13.875 14.2021 14.4491 14.8125 15.1875 14.8125C15.8896 14.8125 16.5 14.2384 16.5 13.5V8.0625ZM18 13.5C18 15.0991 16.6854 16.3125 15.1875 16.3125C13.5884 16.3125 12.375 14.9979 12.375 13.5V1.125C12.375 0.710786 12.7108 0.375 13.125 0.375C13.5392 0.375 13.875 0.710786 13.875 1.125V6.5625H17.25C17.6642 6.5625 18 6.89829 18 7.3125V13.5Z" 16265 fill="black"></path> 16266 <path 16267 d="M12.375 1.875H1.5V13.5C1.5 14.2021 2.07412 14.8125 2.8125 14.8125H12.6982C12.4912 14.4202 12.375 13.9734 12.375 13.5V1.875ZM13.875 13.5C13.875 14.0732 14.2207 14.5417 14.7373 14.7139C15.0434 14.816 15.2499 15.1021 15.25 15.4248V15.5625C15.25 15.9767 14.9142 16.3125 14.5 16.3125H2.8125C1.21338 16.3125 0 14.9979 0 13.5V1.125L0.00390625 1.04785C0.0425277 0.669882 0.361834 0.375 0.75 0.375H13.125L13.2021 0.378906C13.5801 0.417528 13.875 0.736834 13.875 1.125V13.5Z" 16268 fill="black"></path> 16269 <path 16270 d="M7.625 3.8125C8.03921 3.8125 8.375 4.14829 8.375 4.5625C8.375 4.97671 8.03921 5.3125 7.625 5.3125H3.5C3.08579 5.3125 2.75 4.97671 2.75 4.5625C2.75 4.14829 3.08579 3.8125 3.5 3.8125H7.625Z" 16271 fill="black"></path> 16272 <path 16273 d="M4.875 6.5625C5.28921 6.5625 5.625 6.89829 5.625 7.3125C5.625 7.72671 5.28921 8.0625 4.875 8.0625H3.5C3.08579 8.0625 2.75 7.72671 2.75 7.3125C2.75 6.89829 3.08579 6.5625 3.5 6.5625H4.875Z" 16274 fill="black"></path> 16275 </svg> 16276 </span><span class="text-sm font-medium">Blog</span></a> 16277 <!----> 16278 </div> 16279 </div> 16280 <!----> 16281 </div> 16282 <div class="relative flex min-h-[70px] flex-1 max-md:bg-primary" bis_skin_checked="1"> 16283 <div class="container my-auto flex items-center gap-3 md:gap-6" bis_skin_checked="1"><a href="https://rtpunsurmerdeka.com" 16284 class="pr-[10px] max-md:hidden" aria-label="VIO77 Logo"><img 16285 src="https://ik.imagekit.io/n8ym6nf86/logo-vio77.png?updatedAt=1781223722013" 16286 alt="VIO77 Logo" width="165" height="60" class="relative" loading="lazy" 16287 quality="100"></a> 16288 <!--[--><button class="btn !rounded-full bg-primary-200 text-primary max-md:!hidden"><span 16289 class="nuxt-icon"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" 16290 xmlns="http://www.w3.org/2000/svg"> 16291 <path fill-rule="evenodd" clip-rule="evenodd" 16292 d="M14 1.5C13.337 1.5 12.7011 1.76339 12.2322 2.23223C11.7634 2.70107 11.5 3.33696 11.5 4C11.5 4.66304 11.7634 5.29893 12.2322 5.76777C12.7011 6.23661 13.337 6.5 14 6.5C14.663 6.5 15.2989 6.23661 15.7678 5.76777C16.2366 5.29893 16.5 4.66304 16.5 4C16.5 3.33696 16.2366 2.70107 15.7678 2.23223C15.2989 1.76339 14.663 1.5 14 1.5ZM2.23223 12.2322C1.76339 12.7011 1.5 13.337 1.5 14C1.5 14.663 1.76339 15.2989 2.23223 15.7678C2.70107 16.2366 3.33696 16.5 4 16.5C4.66304 16.5 5.29893 16.2366 5.76777 15.7678C6.23661 15.2989 6.5 14.663 6.5 14C6.5 13.337 6.23661 12.7011 5.76777 12.2322C5.29893 11.7634 4.66304 11.5 4 11.5C3.33696 11.5 2.70107 11.7634 2.23223 12.2322ZM11.5 11.5V16C11.5 16.1326 11.5527 16.2598 11.6464 16.3536C11.7402 16.4473 11.8674 16.5 12 16.5H16C16.1326 16.5 16.2598 16.4473 16.3536 16.3536C16.4473 16.2598 16.5 16.1326 16.5 16V11.5H11.5ZM1.5 1.5V6C1.5 6.13261 1.55268 6.25978 1.64645 6.35355C1.74022 6.44732 1.86739 6.5 2 6.5H6C6.13261 6.5 6.25978 6.44732 6.35355 6.35355C6.44732 6.25978 6.5 6.13261 6.5 6V1.5H1.5ZM11.1716 1.17157C11.9217 0.421427 12.9391 0 14 0C15.0609 0 16.0783 0.421427 16.8284 1.17157C17.5786 1.92172 18 2.93913 18 4C18 5.06087 17.5786 6.07828 16.8284 6.82843C16.0783 7.57857 15.0609 8 14 8C12.9391 8 11.9217 7.57857 11.1716 6.82843C10.4214 6.07828 10 5.06087 10 4C10 2.93913 10.4214 1.92172 11.1716 1.17157ZM1.17157 11.1716C0.421427 11.9217 0 12.9391 0 14C0 15.0609
162920.421427 16.0783 1.17157 16.8284C1.92172 17.5786 2.93913 18 4 18C5.06087 18 6.07828 17.5786 6.82843 16.8284C7.57857 16.0783 8 15.0609 8 14C8 12.9391 7.57857 11.9217 6.82843 11.1716C6.07828 10.4214 5.06087 10 4 10C2.93913 10 1.92172 10.4214 1.17157 11.1716ZM10.2929 10.2929C10.1054 10.4804 10 10.7348 10 11V16C10 16.5304 10.2107 17.0391 10.5858 17.4142C10.9609 17.7893 11.4696 18 12 18H16C16.5304 18 17.0391 17.7893 17.4142 17.4142C17.7893 17.0391 18 16.5304 18 16V11C18 10.7348 17.8946 10.4804 17.7071 10.2929C17.5196 10.1054 17.2652 10 17 10H11C10.7348 10 10.4804 10.1054 10.2929 10.2929ZM0.292893 0.292893C0.105357 0.48043 0 0.734784 0 1V6C0 6.53043 0.210714 7.03914 0.585786 7.41421C0.960859 7.78929 1.46957 8 2 8H6C6.53043 8 7.03914 7.78929 7.41421 7.41421C7.78929 7.03914 8 6.53043 8 6V1C8 0.734784 7.89464 0.48043 7.70711 0.292893C7.51957 0.105357 7.26522 0 7 0H1C0.734784 0 0.48043 0.105357 0.292893 0.292893Z" 16293 fill="black"></path> 16294 </svg> 16295 </span><span>Kategori</span></button> 16296 <div class="relative z-[1] flex flex-1 items-center" bis_skin_checked="1"><a href="https://rtpunsurmerdeka.com" 16297 class="flex items-center gap-2"><img 16298 src="https://ik.imagekit.io/n8ym6nf86/logo-vio77.png?updatedAt=1781223722013" 16299 alt="VIO77 Logo" width="32" height="12" 16300 class="absolute left-4 top-1/2 -translate-y-1/2 md:hidden" loading="lazy" 16301 quality="100"></a> 16302 <div class="group absolute z-[1] flex h-[42px] w-28 items-center justify-between gap-1 text-wrap rounded-l-full border border-bw-400 bg-[#F5F5F5] px-2 py-1 text-bw-500 max-md:hidden md:w-48 md:px-4 md:py-3" 16303 bis_skin_checked="1"><span class="max-md:text-xs">VIO77</span><span 16304 class="nuxt-icon nuxt-icon--fill"><!-- Generated by IcoMoon.io --> 16305 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="18" height="28"
16306 viewBox="0 0 18 28"> 16307 <title>angle-down</title> 16308 <path 16309 d="M16.797 11.5c0 0.125-0.063 0.266-0.156 0.359l-7.281 7.281c-0.094 0.094-0.234 0.156-0.359 0.156s-0.266-0.063-0.359-0.156l-7.281-7.281c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266 0.156-0.359l0.781-0.781c0.094-0.094 0.219-0.156 0.359-0.156 0.125 0 0.266 0.063 0.359 0.156l6.141 6.141 6.141-6.141c0.094-0.094 0.234-0.156 0.359-0.156s0.266 0.063 0.359 0.156l0.781 0.781c0.094 0.094 0.156 0.234 0.156 0.359z"> 16310 </path> 16311 </svg> 16312 </span> 16313 <ul 16314 class="absolute left-0 top-[40px] hidden w-full text-nowrap rounded-xl border bg-white py-1 shadow group-hover:block max-md:text-xs"> 16315 <li class="cursor-pointer px-4 py-2 hover:bg-slate-50">VIO77</li> 16316 <li class="cursor-pointer px-4 py-2 hover:bg-slate-50">VIO 77 </li> 16317 <li class="cursor-pointer px-4 py-2 hover:bg-slate-50">VIO77 Daftar</li> 16318 <li class="cursor-pointer px-4 py-2 hover:bg-slate-50">VIO77 Login</li> 16319 <li class="cursor-pointer px-4 py-2 hover:bg-slate-50">VIO77 RTP</li> 16320 </ul> 16321 </div> 16322 <form class="w-full"><input value="" type="text" 16323 class="!pl-[3.5rem] md:!pl-52 form-rounded h-[42px] max-md:text-sm" 16324 placeholder="Search VIO77" autocomplete="new-password"> 16325 <!----><button type="submit" 16326 class="absolute right-2 top-1/2 z-[1] flex size-8 -translate-y-1/2 items-center justify-center rounded-full bg-primary text-white"><span 16327 class="nuxt-icon nuxt-icon--fill"><!-- Generated by IcoMoon.io --> 16328 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="26" height="28"
16329 viewBox="0 0 26 28"> 16330 <title>search</title> 16331 <path 16332 d="M18 13c0-3.859-3.141-7-7-7s-7 3.141-7 7 3.141 7 7 7 7-3.141 7-7zM26 26c0 1.094-0.906 2-2 2-0.531 0-1.047-0.219-1.406-0.594l-5.359-5.344c-1.828 1.266-4.016 1.937-6.234 1.937-6.078 0-11-4.922-11-11s4.922-11 11-11 11 4.922 11 11c0 2.219-0.672 4.406-1.937 6.234l5.359 5.359c0.359 0.359 0.578 0.875 0.578 1.406z"> 16333 </path> 16334 </svg> 16335 </span></button> 16336 </form> 16337 <!----> 16338 </div> 16339 <!--]--> 16340 <!----> 16341 <div class="md:hidden flex items-center gap-4" bis_skin_checked="1"> 16342 <!----> 16343 <div class="relative flex md:hidden" bis_skin_checked="1"><button class="my-auto"><span 16344 class="nuxt-icon nuxt-icon--fill text-lg text-white"><!-- Generated by IcoMoon.io --> 16345 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="28"
16346 viewBox="0 0 24 28"> 16347 <title>bars</title> 16348 <path 16349 d="M24 21v2c0 0.547-0.453 1-1 1h-22c-0.547 0-1-0.453-1-1v-2c0-0.547 0.453-1 1-1h22c0.547 0 1 0.453 1 1zM24 13v2c0 0.547-0.453 1-1 1h-22c-0.547 0-1-0.453-1-1v-2c0-0.547 0.453-1 1-1h22c0.547 0 1 0.453 1 1zM24 5v2c0 0.547-0.453 1-1 1h-22c-0.547 0-1-0.453-1-1v-2c0-0.547 0.453-1 1-1h22c0.547 0 1 0.453 1 1z"> 16350 </path> 16351 </svg> 16352 </span><span class="nuxt-icon nuxt-icon--fill text-lg text-white" 16353 style="display:none;"><svg width="34" height="34" viewBox="0 0 34 34" 16354 fill="none" xmlns="http://www.w3.org/2000/svg"> 16355 <path 16356 d="M23.364 8.51472C23.9497 7.92893 24.8995 7.92893 25.4853 8.51472C26.0711 9.1005 26.0711 10.0502 25.4853 10.636L10.636 25.4853C10.0503 26.0711 9.10051 26.0711 8.51472 25.4853C7.92893 24.8995 7.92893 23.9497 8.51472 23.364L23.364 8.51472Z" 16357 fill="#D9D9D9"></path> 16358 <path 16359 d="M25.4853 23.364C26.0711 23.9497 26.0711 24.8995 25.4853 25.4853C24.8995 26.0711 23.9497 26.0711 23.364 25.4853L8.51472 10.636C7.92893 10.0502 7.92893 9.1005 8.51472 8.51471C9.10051 7.92893 10.0503 7.92893 10.636 8.51471L25.4853 23.364Z" 16360 fill="#D9D9D9"></path> 16361 </svg> 16362 </span></button> 16363 <div class="drawer overflow-auto mt-[66px] flex h-[calc(100%-66px)] flex-col max-md:p-4 drawer-left drawer-left-close" 16364 bis_skin_checked="1"> 16365 <!--[--> 16366 <!--]--> 16367 </div> 16368 <div class="drawer overflow-auto drawer-left drawer-left-close" 16369 bis_skin_checked="1"> 16370 <!--[--> 16371 <div class="flex flex-col gap-4" bis_skin_checked="1"> 16372 <div class="flex items-center gap-2" bis_skin_checked="1"><button><span 16373 class="nuxt-icon nuxt-icon--fill"><svg width="34" height="34" 16374 viewB
16374ox="0 0 34 34" fill="none" 16375 xmlns="http://www.w3.org/2000/svg"> 16376 <path 16377 d="M23.364 8.51472C23.9497 7.92893 24.8995 7.92893 25.4853 8.51472C26.0711 9.1005 26.0711 10.0502 25.4853 10.636L10.636 25.4853C10.0503 26.0711 9.10051 26.0711 8.51472 25.4853C7.92893 24.8995 7.92893 23.9497 8.51472 23.364L23.364 8.51472Z" 16378 fill="#D9D9D9"></path> 16379 <path 16380 d="M25.4853 23.364C26.0711 23.9497 26.0711 24.8995 25.4853 25.4853C24.8995 26.0711 23.9497 26.0711 23.364 25.4853L8.51472 10.636C7.92893 10.0502 7.92893 9.1005 8.51472 8.51471C9.10051 7.92893 10.0503 7.92893 10.636 8.51471L25.4853 23.364Z" 16381 fill="#D9D9D9"></path> 16382 </svg> 16383 </span></button><img 16384 src="https://ik.imagekit.io/n8ym6nf86/logo-vio77.png?updatedAt=1781223722013" 16385 alt="category undefined" width="33" height="33" loading="lazy"><a 16386 href="https://rtpunsurmerdeka.com" 16387 class="text-lg font-semibold text-bw-800"></a></div> 16388 <hr> 16389 <div class="grid gap-4" bis_skin_checked="1"> 16390 <!--[--> 16391 <!--]--> 16392 </div> 16393 </div> 16394 <!--]--> 16395 </div> 16396 </div> 16397 </div> 16398 <div class="flex gap-2" bis_skin_checked="1"><a 16399 href="https://rtpunsurmerdeka.com/vio77" 16400 class="btn btn-primary-outline max-md:!hidden">Daftar</a><a 16401 href="https://rtpunsurmerdeka.com/vio77" 16402 class="btn btn-primary max-md:!hidden">Masuk</a></div> 16403 </div> 16404 16405 </div> 16406 <div class="container relative z-[2] flex items-center justify-between py-2 md:hidden" 16407 bis_skin_checked="1"> 16408 <span class="text-xs">Selamat datang di VIO77, Situs Raja Rtp Paling Akurat dengan minimum deposit mulai dari Rp10.000. Kunjungi menu Login untuk menikmati akses yang praktis, tampilan responsif, serta navigasi yang mudah digunakan melalui perangkat desktop maupun mobile. Gunakan halaman ini sebagai akses utama dan selalu bermain secara bijak serta bertanggung jawab. <b>Silakan Masuk!</b></span><a 16409 href="https://rtpunsurmerdeka.com/vio77" 16410 class="btn btn-primary pointer-events-auto z-[999] !h-auto !gap-2 !px-3 !py-2"><span 16411 class="nuxt-icon nuxt-icon--fill text-lg"><svg width="20" height="20"
16412 viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 16413 <path fill-rule="evenodd" clip-rule="evenodd" 16414 d="M3 4.25C3 3.00736 4.00736 2 5.25 2H10.75C11.9926 2 13 3.00736 13 4.25V6.25C13 6.66421 12.6642 7 12.25 7C11.8358 7 11.5 6.66421 11.5 6.25V4.25C11.5 3.83579 11.1642 3.5 10.75 3.5H5.25C4.83579 3.5 4.5 3.83579 4.5 4.25V15.75C4.5 16.1642 4.83579 16.5 5.25 16.5H10.75C11.1642 16.5 11.5 16.1642 11.5 15.75V13.75C11.5 13.3358 11.8358 13 12.25 13C12.6642 13 13 13.3358 13 13.75V15.75C13 16.9926 11.9926 18 10.75 18H5.25C4.00736 18 3 16.9926 3 15.75V4.25Z" 16415 fill="black"></path> 16416 <path fill-rule="evenodd" clip-rule="evenodd" 16417 d="M6 10C6 9.58579 6.33579 9.25 6.75 9.25H16.2955L15.2483 8.30747C14.9404 8.03038 14.9154 7.55616 15.1925 7.24828C15.4696 6.94039 15.9438 6.91543 16.2517 7.19253L18.7517 9.44253C18.9098 9.58476 19 9.78738 19 10C19 10.2126 18.9098 10.4152 18.7517 10.5575L16.2517 12.8075C15.9438 13.0846 15.4696 13.0596 15.1925 12.7517C14.9154 12.4438 14.9404 11.9696 15.2483 11.6925L16.2955 10.75H6.75C6.33579 10.75 6 10.4142 6 10Z" 16418 fill="black"></path> 16419 </svg> 16420 </span><span class="text-xs">Masuk</span></a> 16421 </div> 16422 16423 </header> 16424 <main id="main" role="main" class="mt-[128px] md:mt-28"> 16425 <!--[--> 16426 <div class="relative grid gap-6 py-8" bis_skin_checked="1"> 16427 <div class="container grid gap-6 md:grid-cols-2" bis_skin_checked="1"> 16428 <div class="mb-auto grid gap-2 md:sticky md:left-0 md:top-32" bis_skin_checked="1"> 16429 <div class="n-columns-2"> 16430 <a href="https://rtpunsurmerdeka.com/bete" rel="nofollow noreferrer" class="login">LOGIN</a> 16431 <a href="https://rtpunsurmerdeka.com/bete" rel="nofollow noreferrer" class="register">DAFTAR</a> 16432 </div> 16433 <div class="overflow-hidden" bis_skin_checked="1"> 16434 <swiper-container><template shadowrootmode="open"> 16435 <div class="swiper swiper-initialized swiper-horizontal swiper-backface-hidden" 16436 part="container"> 16437 <slot name="container-start"></slot> 16438 <div class="swiper-wrapper" part="wrapper" 16439 id="swiper-wrapper-5e525dfaf3910d195" aria-live="polite" 16440 style="transform: translate3d(0px, 0px, 0px);"> 16441 <slot></slot> 16442 </div> 16443 <slot name="container-end"></slot> 16444 <span class="swiper-notification" aria-live="assertive" 16445 aria-atomic="true"></span> 16446 </div> 16447 </template> 16448 <!----> 16449 <swiper-slide role="group" aria-label="1 / 1" class="swiper-slide-active" 16450 style="width: 509px; margin-right: 10px;"><template shadowrootmode="open"> 16451 <slot></slot> 16452 </template> 16453 <div class="relative" bis_skin_checked="1"><img 16454 src="https://rtpunsurmerdeka.com/image-banner.webp" 16455 alt="" 16456 class="aspect-square w-full rounded-2xl border object-contain" 16457 loading="lazy"> 16458 <!----> 16459 16460 <div style="text-align: center; margin: 30px auto; max-width: 900px;"> 16461 16462 <style> 16463:root { 16464 --gold-primary: #f7ab07; 16465 --gold-secondary: #b49450; 16466 --gold-light: #f5e7c8; 16467 --gold-soft: rgba(212, 175, 55, 0.1); 16468 --black-deep: #1a1a1a; 16469 --black-medium: #333333; 16470 --black-soft: #666666; 16471 --white-pure: #ffffff; 16472 --white-soft: #fafafa; 16473 --white-cream: #fffdf7; 16474 --text-dark: #2c2c2c; 16475 --text-soft: #555555; 16476 --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.03); 16477 --shadow-medium: 0 15px 35px rgba(0, 0, 0, 0.05); 16478 --shadow-gold: 0 5px 20px rgba(212, 175, 55, 0.15); 16479 --shadow-hover: 0 20px 40px rgba(212, 175, 55, 0.12); 16480 --border-radius: 12px; 16481 --border-radius-sm: 8px; 16482 --transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); 16483} 16484 16485/* === SELLER CARD UTAMA - UKURAN TETAP === */ 16486.seller-card { 16487 width: auto; /* Tetap seperti original */ 16488 border: 1px solid rgba(212, 175, 55, 0.25); 16489 border-radius: 12px; /* Sama seperti original 12px */ 16490 padding: 16px; /* Sama seperti original 16px */ 16491 background-color: var(--white-pure); 16492 font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; 16493 transition: var(--transition); 16494 position: relative; 16495 overflow: hidden; 16496} 16497 16498/* Efek garis gold di atas */ 16499.seller-card::before { 16500 content: ''; 16501 position: absolute; 16502 top: 0; 16503 left: 0; 16504 width: 100%; 16505 height: 3px; 16506 background: linear-gradient(90deg, var(--gold-primary), var(--gold-light), var(--gold-primary)); 16507 opacity: 0.8; 16508} 16509 16510/* Efek radial gradient di pojok */ 16511.seller-card::after { 16512 content: ''; 16513 position: absolute; 16514 bottom: -30px; 16515 right: -30px; 16516 width: 100px; 16517 height: 100px; 16518 background: radial-gradient(circle, var(--gold-soft), transparent 70%); 16519 border-radius: 50%; 16520 pointer-events: none; 16521} 16522 16523/* Hover effect - ukuran tetap, hanya efek visual */ 16524.seller-card:hover { 16525 transform: translateY(-4px); 16526 border-color: var(--gold-primary); 16527 background-color: var(--white-cream); 16528} 16529 16530/* === HEADER SECTION - UKURAN TETAP === */ 16531.seller-card-header { 16532 display: flex; 16533 align-items: center; 16534 gap: 12px; /* Sama seperti original */ 16535 position: relative; 16536 z-index: 2; 16537} 16538 16539/* Logo - ukuran tetap 50x50 */ 16540.seller-logo { 16541 width: 50px; /* Ukuran original */ 16542 height: 50px; /* Ukuran original */ 16543 border-radius: 12px; /* Ukuran original */ 16544 object-fit: cover; 16545 border: 2px solid var(--gold-primary); 16546 box-shadow: 0 3px 10px rgba(212, 175, 55, 0.2); 16547 transition: var(--transition); 16548} 16549 16550.seller-card:hover .seller-logo { 16551 border-color: var(--gold-light); 16552 box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3); 16553} 16554 16555/* Info container */ 16556.seller-info { 16557 flex: 1; 16558} 16559 16560.seller-info h3 { 16561 margin: 0; 16562 font-size: 1.1rem; /* Ukuran original */ 16563 color: var(--black-deep); 16564 display: flex; 16565 align-items: center; 16566 flex-wrap: wrap; 16567 gap: 6px; 16568 font-weight: 600; 16569} 16570 16571/* Verified badge - ukuran dan style baru */ 16572.verified { 16573 font-size: 0.7rem; /* Lebih kecil dari original agar proporsional */ 16574 color: var(--gold-primary); 16575 font-weight: 600; 16576 margin-left: 4px; 16577 background: linear-gradient(145deg, var(--black-deep), var(--black-medium)); 16578 padding: 4px 10px 4px 10px; 16579 border-radius: 30px; 16580 display: inline-flex; 16581 align-items: center; 16582 gap: 4px; 16583 border: 1px solid var(--gold-primary); 16584 box-shadow: 0 2px 5px rgba(212, 175, 55, 0.2); 16585} 16586 16587.verified::before { 16588 content: 'â'; 16589 color: var(--gold-primary); 16590 font-weight: bold; 16591 font-size: 12px; 16592} 16593 16594/* Rating section */ 16595.rating { 16596 font-size: 0.85rem; /* Ukuran original */ 16597 color: var(--gold-primary); 16598 margin-top: 6px; 16599 display: flex; 16600 align-items: center; 16601 flex-wrap: wrap; 16602 gap: 4px; 16603} 16604 16605.stars { 16606 color: var(--gold-primary); 16607 letter-spacing: 2px; 16608} 16609 16610.score, .positive { 16611 color: var(--black-soft); 16612 font-weight: 500; 16613 margin-left: 2px; 16614} 16615 16616.positive { 16617 color: var(--gold-secondary); 16618 font-weight: 600; 16619} 16620 16621/* Description - ukuran tetap */ 16622.description { 16623 margin: 12px 0 8px; /* Sedikit lebih besar dari original 10px */ 16624 font-size: 0.9rem; /* Ukuran original */ 16625 color: var(--text-soft); 16626 line-height: 1.6; 16627 position: relative; 16628 z-index: 2; 16629} 16630 16631.description a { 16632 color: var(--gold-primary); 16633 text-decoration: none; 16634 font-weight: 600; 16635 transition: var(--transition); 16636 border-bottom: 1px solid transparent; 16637} 16638 16639.description a:hover { 16640 color: var(--gold-secondary); 16641 border-bottom-color: var(--gold-primary); 16642} 16643 16644/* Sales info - ukuran tetap */ 16645.sales-info { 16646 font-size: 0.85rem; /* Ukuran original */ 16647 color: var(--black-soft); 16648 margin-bottom: 10px; /* Sedikit lebih besar dari original 8px */ 16649 display: flex; 16650 gap: 12px; 16651 position: relative; 16652 z-index: 2; 16653 padding-top: 6px; 16654 border-top: 1px dashed rgba(212, 175, 55, 0.2); 16655} 16656 16657.sales-info span { 16658 display: flex; 16659 align-items: center; 16660 gap: 4px; 16661} 16662 16663.sales-info span::before { 16664 content: 'â¢'; 16665 color: var(--gold-primary); 16666 font-weight: bold; 16667 margin-right: 4px; 16668} 16669 16670.sales-info span:first-child::before { 16671 content: ''; 16672 display: none; 16673} 16674 16675/* Seller links - ukuran tetap */ 16676.seller-links { 16677 font-size: 0.85rem; /* Ukuran original */ 16678 position: relative; 16679 z-index: 2; 16680 display: flex; 16681 gap: 8px; 16682 flex-wrap: wrap; 16683 align-items: center; 16684} 16685 16686.seller-links a { 16687 color: var(--gold-primary); 16688 text-decoration: none; 16689 font-weight: 600; 16690 transition: var(--transition); 16691 padding: 4px 0; 16692 position: relative; 16693} 16694 16695.seller-links a::after { 16696 content: ''; 16697 position: absolute; 16698 bottom: 0; 16699 left: 0; 16700 width: 0; 16701 height: 2px; 16702 background: var(--gold-primary); 16703 transition: width 0.3s ease; 16704} 16705 16706.seller-links a:hover { 16707 color: var(--gold-secondary); 16708} 16709 16710.seller-links a:hover::after { 16711 width: 100%; 16712} 16713 16714.seller-links span.separator { 16715 color: var(--gold-soft); 16716 font-weight: 300; 16717} 16718 16719/* === RESPONSIVE - TETAP MENJAGA UKURAN === */ 16720@media (max-width: 480px) { 16721 .seller-card { 16722 padding: 14px; /* Sedikit dikurangi tapi tetap proporsional */ 16723 } 16724 16725 .seller-card-header { 16726 gap: 10px; 16727 } 16728 16729 .seller-logo { 16730 width: 45px; /* Sedikit lebih kecil di mobile */ 16731 height: 45px; 16732 } 16733 16734 .seller-info h3 { 16735 font-size: 1rem; 16736 } 16737 16738 .verified { 16739 font-size: 0.65rem; 16740 padding: 3px 8px; 16741 } 16742 16743 .rating { 16744 font-size: 0.8rem; 16745 } 16746 16747 .description { 16748 font-size: 0.85rem; 16749 } 16750 16751 .sales-info { 16752 font-size: 0.8rem; 16753 flex-wrap: wrap; 16754 gap: 8px; 16755 } 16756 16757 .seller-links { 16758 font-size: 0.8rem; 16759 } 16760} 16761</style> 16762 <div style=" 16763 position: absolute; 16764 top: 0; 16765 left: 0; 16766 right: 0; 16767 height: 4px; 16768 background: linear-gradient(90deg, 16769 transparent, 16770 #f7ab07, 16771 #ffd700, 16772 #f7ab07, 16773 transparent 16774 ); 16775 "></div> 16776 </a> 16777 </div> 16778 16779 </div> 16780
16781 </swiper-slide> 16782 </swiper-container> 16783 </div> 16784 </div> 16785 <section class="mb-auto flex flex-col gap-4 md:sticky md:left-0 md:top-32"> 16786 <!----> 16787 <h1 class="flex gap-2 text-lg font-bold"> 16788 <span>VIO77 : Situs Raja Rtp Paling Akurat Melalui Link Alternatif Vio 77</span> 16789 <!----> 16790 <!----> 16791 <!----> 16792 </h1> 16793 <div class="flex flex-wrap items-center gap-4" bis_skin_checked="1"><span 16794 class="text-sm">Terjual 16795 5.500.000</span> 16796 16797 <div class="h-5 w-[0.5px] bg-[#818181]" bis_skin_checked="1"></div> 16798 <div class="flex items-center gap-2" bis_skin_checked="1"><span class="nuxt-icon"> 16799 <svg width="17" height="16" viewBox="0 0 17 16" fill="none" 16800 xmlns="http://www.w3.org/2000/svg"> 16801 <path 16802 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 16803 fill="#FFD028" stroke="#E6B300" stroke-width="0.5" 16804 stroke-linecap="round" stroke-linejoin="round"></path> 16805 </svg> 16806 <svg width="17" height="16" viewBox="0 0 17 16" fill="none" 16807 xmlns="http://www.w3.org/2000/svg"> 16808 <path 16809 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 16810 fill="#FFD028" stroke="#E6B300" stroke-width="0.5" 16811 stroke-linecap="round" stroke-linejoin="round"></path> 16812 </svg> 16813 <svg width="17" height="16" viewBox="0 0 17 16" fill="none" 16814 xmlns="http://www.w3.org/2000/svg"> 16815 <path 16816 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 16817 fill="#FFD028" stroke="#E6B300" stroke-width="0.5" 16818 stroke-linecap="round" stroke-linejoin="round"></path> 16819 </svg> 16820 <svg width="17" height="16" viewBox="0 0 17 16" fill="none" 16821 xmlns="http://www.w3.org/2000/svg"> 16822 <path 16823 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 16824 fill="#FFD028" stroke="#E6B300" stroke-width="0.5" 16825 stroke-linecap="round" stroke-linejoin="round"></path> 16826 </svg> 16827 <svg width="17" height="16" viewB
16827ox="0 0 17 16" fill="none" 16828 xmlns="http://www.w3.org/2000/svg"> 16829 <path 16830 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 16831 fill="#FFD028" stroke="#E6B300" stroke-width="0.5" 16832 stroke-linecap="round" stroke-linejoin="round"></path> 16833 </svg> 16834 </span><span class="text-sm">9998 (778.669K penilaian)</span></div><a 16835 href="https://rtpunsurmerdeka.com/vio77" 16836 class="flex items-center gap-2"><span class="nuxt-icon pt-1 text-xl"><svg 16837 width="18" height="22" viewBox="0 0 18 22" fill="none" 16838 xmlns="http://www.w3.org/2000/svg"> 16839 <path 16840 d="M10 3H3C2.46957 3 1.96086 3.21071 1.58579 3.58579C1.21071 3.96086 1 4.46957 1 5V17C1 17.5304 1.21071 18.0391 1.58579 18.4142C1.96086 18.7893 2.46957 19 3 19H10M14 3H15C15.5304 3 16.0391 3.21071 16.4142 3.58579C16.7893 3.96086 17 4.46957 17 5V6M17 16V17C17 17.5304 16.7893 18.0391 16.4142 18.4142C16.0391 18.7893 15.5304 19 15 19H14M17 10V12M9 1V21" 16841 stroke="#005AAB" stroke-width="1.5" stroke-linecap="round" 16842 stroke-linejoin="round"></path> 16843 </svg> 16844 </span><span class="font-bold text-primary">Bandingkan</span></a> 16845 </div> 16846 <div class="flex flex-wrap items-center gap-3" bis_skin_checked="1"> 16847 <!----><span class="text-2xl font-bold text-primary">25.000</span> 16848 </div> 16849 <!----> 16850 <!----> 16851 16852 <hr class="border-bw-200"> 16853 16854 <div class="seller-card"> 16855 <div class="seller-card-header"> 16856 <img src="https://barangtupunyokito.sgp1.cdn.digitaloceanspaces.com/vio77/favicon.ico" 16857 alt="VIO77 Logo" 16858 class="seller-logo"> 16859 <div class="seller-info"> 16860 <h3> 16861 Link Alternatif Login & Daftar Stabil VIO77 16862 <span class="verified">Verified</span> 16863 </h3> 16864 <div class="rating"> 16865 <span class="stars">â â â â â </span> 16866 <span class="score">(9.9/5)</span> 16867 <span class="positive">99.99% Positive</span> 16868 </div> 16869 </div> 16870 </div> 16871 16872 <p class="description"> 16873 VIO77 adalah situs Raja RTP yang menghadirkan informasi RTP secara akurat melalui link alternatif VIO77, dengan akses praktis dan tampilan nyaman untuk pengguna.</p> 16874 16875 <div class="sales-info"> 16876 <span>8.89K+ Sales</span> 16877 <span>Active 24/7</span> 16878 </div> 16879 16880 <div class="seller-links"> 16881 <a href="https://rtpunsurmerdeka.com">Solusi Akses Anti Lag dengan Jaringan Login Cepat</a> 16882 <span class="separator">|</span> 16883 <a href="https://rtpunsurmerdeka.com">VIO77</a> 16884 </div> 16885 </div> 16886 16887 16888 <hr class="border-bw-200"> 16889 16890 <style> 16891 /* GRID WRAPPER */ 16892 .VIO77-info-grid { 16893 display: grid; 16894 grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); 16895 gap: 18px; 16896 margin: 30px auto; 16897 max-width: 780px; 16898 } 16899 16900 /* CARD */ 16901 .info-card { 16902 background: linear-gradient(145deg, rgba(20, 30, 45, 0.85), rgba(5, 10, 20, 0.85)); 16903 padding: 22px; 16904 border-radius: 16px; 16905 border: 1px solid rgba(255, 238, 0, 0.25); 16906 box-shadow: 0 0 18px rgba(255, 0, 0, 0.15); 16907 backdrop-filter: blur(6px); 16908 transition: 0.3s ease; 16909 position: relative; 16910 overflow: hidden; 16911 } 16912 16913 /* HOVER ANIMASI */ 16914 .info-card:hover { 16915 transform: translateY(-6px); 16916 box-shadow: 0 0 25px rgba(251, 255, 0, 0.45); 16917 border-color: #ff0000; 16918 } 16919
16920 /* TITLE */ 16921 .info-card-title { 16922 font-size: 15px; 16923 font-weight: 600; 16924 color: #ffee00; 16925 margin-bottom: 8px; 16926 letter-spacing: 0.5px; 16927 } 16928 16929 /* VALUE */ 16930 .info-card-value { 16931 font-size: 18px; 16932 font-weight: 700; 16933 color: #ffffff; 16934 } 16935 16936 /* NEON CORNER EFFECT */ 16937 .info-card::before { 16938 content: ""; 16939 position: absolute; 16940 top: -2px; 16941 left: -2px; 16942 width: 0; 16943 height: 0; 16944 border-top: 30px solid #ff0000; 16945 border-right: 30px solid transparent; 16946 opacity: 0.45; 16947 } 16948 16949 .info-card::after { 16950 content: ""; 16951 position: absolute; 16952 bottom: -2px; 16953 right: -2px; 16954 width: 0; 16955 height: 0; 16956 border-bottom: 30px solid #ff0000; 16957 border-left: 30px solid transparent; 16958 opacity: 0.45; 16959 } 16960 </style> 16961 <style> 16962 .title-box-neon { 16963 max-width: 750px; 16964 margin: 25px auto; 16965 padding: 14px 25px; 16966 text-align: center; 16967 background: linear-gradient(to bottom, #333333 0%, #111111 100%); 16968 border: 3px solid rgba(255, 0, 0, 0.2); 16969 border-radius: 14px; 16970 box-shadow: 16971 0 0 12px rgba(0, 0, 0, 0.5), 16972 0 0 25px rgba(255, 0, 0, 0.2) inset; 16973 backdrop-filter: blur(8px); 16974 animation: neonPulse 2.8s infinite linear; 16975 } 16976 </style> 16977 <style> 16978 /* Elegant Table Container */ 16979 .table-container { 16980 background: rgba(10, 10, 10, 0.85); 16981 backdrop-filter: blur(2px); 16982 border-radius: 20px; 16983 border: 1px solid rgba(212, 175, 55, 0.3); 16984 box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(212, 175, 55, 0.1) inset; 16985 overflow: hidden; 16986 width: 100%; 16987 max-width: 520px; 16988 transition: all 0.3s ease; 16989 } 16990 16991 .table-container:hover { 16992 border-color: rgba(212, 175, 55, 0.5); 16993 box-shadow: 0 25px 45px -15px rgba(0, 0, 0, 0.6); 16994 } 16995 16996 /* Table Styling */ 16997 .elegant-table { 16998 width: 100%; 16999 border-collapse: collapse; 17000 font-size: 0.85rem; 17001 } 17002 17003 /* Header Styling */ 17004 .elegant-table thead tr { 17005 background: linear-gradient(135deg, #1a1a1a 0%, #0f0f0f 100%); 17006 border-bottom: 2px solid #f7ab07; 17007 } 17008 17009 .elegant-table th { 17010 padding: 1rem 1.2rem; 17011 text-align: left; 17012 font-weight: 600; 17013 font-size: 0.85rem; 17014 letter-spacing: 0.5px; 17015 text-transform: uppercase; 17016 color: #f7ab07; 17017 background: rgba(212, 175, 55, 0.05); 17018 } 17019 17020 .elegant-table th:first-child { 17021 border-top-left-radius: 18px; 17022 } 17023 17024 .elegant-table th:last-child { 17025 border-top-right-radius: 18px; 17026 } 17027 17028 /* Body Rows */ 17029 .elegant-table tbody tr { 17030 border-bottom: 1px solid rgba(212, 175, 55, 0.15); 17031 transition: all 0.2s ease; 17032 } 17033 17034 .elegant-table tbody tr:last-child { 17035 border-bottom: none; 17036 } 17037 17038 .elegant-table tbody tr:hover { 17039 background: rgba(212, 175, 55, 0.08); 17040 transform: scale(1.01); 17041 } 17042 17043 /* Cells */ 17044 .elegant-table td { 17045 padding: 1rem 1.2rem; 17046 color: #f5f5f5; 17047 font-weight: 400; 17048 letter-spacing: 0.2px; 17049 } 17050 17051 /* First column styling (KETERANGAN) */ 17052 .elegant-table td:first-child { 17053 font-weight: 600; 17054 color: #f7ab07; 17055 border-right: 1px solid rgba(212, 175, 55, 0.2); 17056 width: 40%; 17057 } 17058 17059 /* Second column styling (DETAIL) */ 17060 .elegant-table td:last-child { 17061 font-weight: 500; 17062 color: #eaeaea; 17063 word-break: break-word; 17064 } 17065 17066 /* Special styling for verified status */ 17067 .verified-badge { 17068 display: inline-flex; 17069 align-items: center; 17070 gap: 6px; 17071 color: #f7ab07; 17072 } 17073 17074 .verified-badge::before { 17075 content: "â"; 17076 display: inline-flex; 17077 align-items: center; 17078 justify-content: center; 17079 width: 18px; 17080 height: 18px; 17081 background: #f7ab07; 17082 color: #0a0a0a; 17083 border-radius: 50%; 17084 font-size: 11px; 17085 font-weight: bold; 17086 } 17087 17088 /* Responsive */ 17089 @media (max-width: 480px) { 17090 body { 17091 padding: 1rem; 17092 } 17093 17094 .table-container { 17095 max-width: 100%; 17096 border-radius: 16px; 17097 } 17098 17099 .elegant-table th, 17100 .elegant-table td { 17101 padding: 0.75rem 1rem; 17102 font-size: 0.75rem; 17103 } 17104 17105 .elegant-table td:first-child { 17106 width: 45%; 17107 } 17108 17109 .verified-badge::before { 17110 width: 16px; 17111 height: 16px; 17112 font-size: 10px; 17113 } 17114 } 17115 17116 /* Optional: subtle animation on load */ 17117 @keyframes fadeSlideUp { 17118 from { 17119 opacity: 0; 17120 transform: translateY(15px); 17121 } 17122 to { 17123 opacity: 1; 17124 transform: translateY(0); 17125 } 17126 } 17127 17128 .table-container { 17129 animation: fadeSlideUp 0.4s ease-out; 17130 } 17131 </style> 17132 17133 <div class="table-container"> 17134 <table class="elegant-table"> 17135 <thead> 17136 <tr> 17137 <th>KETERANGAN</th> 17138 <th>DETAIL</th> 17139 </tr> 17140 </thead> 17141 <tbody> 17142 <tr> 17143 <td>Nama Website</td> 17144 <td><strong style="color: #f7ab07;">
17144VIO77</strong></td> 17145 </tr> 17146 <tr> 17147 <td>jenis Permainan</td> 17148 <td>Togel Online, Slot Online, Togel Online</td> 17149 </tr> 17150 <tr> 17151 <td>Jenis Metode Pembayaran</td> 17152 <td>Bank, E-wallet, Qris</td> 17153 </tr> 17154 <tr> 17155 <td>Status</td> 17156 <td><span class="verified-badge">Verified</span></td> 17157 </tr> 17158 <tr> 17159 <td>Basis Operasional</td> 17160 <td>Indonesia</td> 17161 </tr> 17162 <tr> 17163 <td>Keamanan Transaksi</td> 17164 <td>Deposit & Withdraw Tepat Waktu</td> 17165 </tr> 17166 <tr> 17167 <td>Transparansi</td> 17168 <td>Hasil Tercatat & Jelas</td> 17169 </tr> 17170 </tbody> 17171 </table> 17172 </div> 17173 17174 </section> 17175 </div> 17176 17177 <div class="container grid gap-6 pt-4" bis_skin_checked="1"> 17178 <section> 17179 <div data-v-f6f73e9b="" class="tabs-container flex border-b-2 border-primary-200" 17180 bis_skin_checked="1"> 17181 <div data-v-f6f73e9b="" 17182 class="flex cursor-pointer items-center justify-center gap-2 px-6 py-[10px] text-center font-medium border-primary text-primary border-b-2" 17183 bis_skin_checked="1"> 17184 <!----><span data-v-f6f73e9b="">Deskripsi</span> 17185 <!----> 17186 </div> 17187 <div data-v-f6f73e9b="" 17188 class="flex cursor-pointer items-center justify-center gap-2 px-6 py-[10px] text-center font-medium text-bw-700" 17189 bis_skin_checked="1"> 17190 <!----><span data-v-f6f73e9b="">Spesifikasi</span> 17191 <!----> 17192 </div> 17193 </div> 17194 <div class="relative transition-all duration-1000 ease-in-out" bis_skin_checked="1"> 17195 <style> 17196 article { 17197 max-width: 1166px; 17198 margin: 40px auto; 17199 background: #0f0f0f; 17200 color: #fff; 17201 font-family: "Poppins", Arial, sans-serif; 17202 padding: 35px; 17203 border-radius: 16px; 17204 box-shadow: 0 0 25px rgba(0, 255, 128, 0.15); 17205 line-height: 1.8; 17206 } 17207 17208 article h1 { 17209 color: #ffd700; 17210 font-size: 2rem; 17211 text-align: center; 17212 margin-bottom: 15px; 17213 text-transform: uppercase; 17214 } 17215 17216 article p[itemprop="description"] { 17217 text-align: center; 17218 font-size: 1.05rem; 17219 color: #d9d9d9; 17220 margin-bottom: 30px; 17221 } 17222 17223 article h2 { 17224 color: #ffd700; 17225 margin-top: 25px; 17226 font-size: 1.4rem; 17227 border-left: 5px solid #ffd700; 17228 padding-left: 10px; 17229 } 17230 17231 article p {
17232 color: #e0e0e0; 17233 margin: 10px 0; 17234 } 17235 17236 article ul, 17237 article ol { 17238 margin-left: 25px; 17239 margin-bottom: 15px; 17240 } 17241 17242 article ul li, 17243 article ol li { 17244 margin: 8px 0; 17245 color: #f3f3f3; 17246 } 17247 17248 article strong { 17249 color: #ffd700; 17250 } 17251 17252 article em { 17253 color: #87abff; 17254 font-style: normal; 17255 } 17256 17257 /* Hover effect */ 17258 article a { 17259 color: #ffd700; 17260 text-decoration: none; 17261 border-bottom: 1px dashed #ffd700; 17262 transition: color 0.3s; 17263 } 17264 17265 article a:hover { 17266 color: #fff; 17267 } 17268 17269 /* Highlight box */ 17270 section#bonus, 17271 section#keunggulan { 17272 background: rgba(255, 255, 255, 0.05); 17273 padding: 20px; 17274 border-radius: 10px; 17275 margin-top: 25px; 17276 border-left: 4px solid #ffd700; 17277 } 17278 17279 /* Responsive */ 17280 @media (max-width: 768px) { 17281 article { 17282 padding: 20px; 17283 } 17284 17285 article h1 { 17286 font-size: 1.6rem; 17287 } 17288 } 17289 </style> 17290 <article class="grid gap-2 py-2"> 17291 <h1 itemprop="headline" style="color:#ffd700;text-align:center;"> 17292 <strong>VIO77 : Situs Raja Rtp Paling Akurat Melalui Link Alternatif Vio 77</strong> 17293 </h1> 17294 17295 <h2>VIO77 Raja RTP dengan Informasi yang Mudah Diakses</h2> 17296<p style="text-align: justify;"><a href="https://rtpunsurmerdeka.com">VIO77</a> menghadirkan halaman yang berfokus pada informasi Raja RTP dengan penyajian yang sederhana dan mudah dipahami. Pengunjung dapat menemukan berbagai informasi terkait RTP tanpa harus berpindah-pindah halaman secara berlebihan.</p> 17297 17298<h2>Link Alternatif VIO77 untuk Akses yang Lebih Praktis</h2> 17299 17300<p style="text-align: justify;">Link alternatif VIO77 disediakan sebagai jalur tambahan bagi pengguna yang mengalami kendala ketika mengakses halaman utama. Dengan pilihan akses tersebut, pengguna dapat menemukan kembali halaman Vio 77 melalui tautan alternatif yang tersedia.</p> 17301 17302<h2>Informasi RTP VIO77 Disusun Secara Ringkas</h2> 17303 17304<p style="text-align: justify;">VIO77 menyajikan informasi RTP dalam format yang lebih ringkas sehingga lebih mudah dipantau. Struktur halaman yang tertata membantu pengunjung menemukan informasi yang dicari tanpa tampilan yang terlalu penuh dengan pengulangan kata kunci.</p> 17305 17306<h2>Vio 77 Mengutamakan Navigasi yang Sederhana</h2> 17307 17308<p style="text-align: justify;">Selain menyediakan informasi Raja RTP, Vio 77 menggunakan navigasi yang dibuat sederhana agar pengguna dapat berpindah menuju bagian yang dibutuhkan dengan lebih mudah. Link alternatif juga ditempatkan sebagai opsi tambahan untuk memudahkan akses.</p> 17309 </div> 17310 </div> 17311</article> 17312 <!----> 17313 <!----> 17314 </div> 17315 <!----> 17316 </section> 17317 <section class="grid gap-10"> 17318 <h2 class="h7 text-bw-900">Rating VIO77</h2> 17319 <div class="grid gap-10 md:grid-cols-4" bis_skin_checked="1"> 17320 <div class="flex flex-col items-center gap-3" bis_skin_checked="1"> 17321 <div class="flex items-end gap-3 font-bold" bis_skin_checked="1"><span 17322 class="text-[40px] leading-tight">5.0</span><span class="text-lg">/ 17323 5.0</span></div><span class="text-lg text-bw-800"><b>778.669K</b> 17324 Penilaian</span> 17325 <div class="grid gap-2 self
17325-stretch" bis_skin_checked="1"> 17326 <div class="flex items-center gap-2" bis_skin_checked="1"><span 17327 class="nuxt-icon text-sm"><svg width="17" height="16" 17328 viewBox="0 0 17 16" fill="none" 17329 xmlns="http://www.w3.org/2000/svg"> 17330 <path 17331 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 17332 fill="#FFD028" stroke="#E6B300" stroke-width="0.5" 17333 stroke-linecap="round" stroke-linejoin="round"></path> 17334 </svg> 17335 </span><span class="text-sm">5</span> 17336 <div class="relative flex h-2 w-full overflow-hidden rounded-full bg-[#D9D9D9]" 17337 bis_skin_checked="1"> 17338 <div class="absolute left-0 top-0 z-[1] h-full bg-primary" 17339 bis_skin_checked="1" style="width: 100%;"></div> 17340 </div><span class="w-6 text-sm">778.669K</span> 17341 </div> 17342 <div class="flex items-center gap-2" bis_skin_checked="1"><span 17343 class="nuxt-icon text-sm"><svg width="17" height="16"
17344 viewBox="0 0 17 16" fill="none" 17345 xmlns="http://www.w3.org/2000/svg"> 17346 <path 17347 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 17348 fill="#FFD028" stroke="#E6B300" stroke-width="0.5" 17349 stroke-linecap="round" stroke-linejoin="round"></path> 17350 </svg> 17351 </span><span class="text-sm">4</span> 17352 <div class="relative flex h-2 w-full overflow-hidden rounded-full bg-[#D9D9D9]" 17353 bis_skin_checked="1"> 17354 <div class="absolute left-0 top-0 z-[1] h-full bg-primary" 17355 bis_skin_checked="1" style="width: 0%;"></div> 17356 </div><span class="w-6 text-sm">0</span> 17357 </div> 17358 <div class="flex items-center gap-2" bis_skin_checked="1"><span 17359 class="nuxt-icon text-sm"><svg width="17" height="16"
17360 viewBox="0 0 17 16" fill="none" 17361 xmlns="http://www.w3.org/2000/svg"> 17362 <path 17363 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 17364 fill="#FFD028" stroke="#E6B300" stroke-width="0.5" 17365 stroke-linecap="round" stroke-linejoin="round"></path> 17366 </svg> 17367 </span><span class="text-sm">3</span> 17368 <div class="relative flex h-2 w-full overflow-hidden rounded-full bg-[#D9D9D9]" 17369 bis_skin_checked="1"> 17370 <div class="absolute left-0 top-0 z-[1] h-full bg-primary" 17371 bis_skin_checked="1" style="width: 0%;"></div> 17372 </div><span class="w-6 text-sm">0</span> 17373 </div> 17374 <div class="flex items-center gap-2" bis_skin_checked="1"><span 17375 class="nuxt-icon text-sm"><svg width="17" height="16"
17376 viewBox="0 0 17 16" fill="none" 17377 xmlns="http://www.w3.org/2000/svg"> 17378 <path 17379 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 17380 fill="#FFD028" stroke="#E6B300" stroke-width="0.5" 17381 stroke-linecap="round" stroke-linejoin="round"></path> 17382 </svg> 17383 </span><span class="text-sm">2</span> 17384 <div class="relative flex h-2 w-full overflow-hidden rounded-full bg-[#D9D9D9]" 17385 bis_skin_checked="1"> 17386 <div class="absolute left-0 top-0 z-[1] h-full bg-primary" 17387 bis_skin_checked="1" style="width: 0%;"></div> 17388 </div><span class="w-6 text-sm">0</span> 17389 </div> 17390 <div class="flex items-center gap-2" bis_skin_checked="1"><span 17391 class="nuxt-icon text-sm"><svg width="17" height="16"
17392 viewBox="0 0 17 16" fill="none" 17393 xmlns="http://www.w3.org/2000/svg"> 17394 <path 17395 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 17396 fill="#FFD028" stroke="#E6B300" stroke-width="0.5" 17397 stroke-linecap="round" stroke-linejoin="round"></path> 17398 </svg> 17399 </span><span class="text-sm">1</span> 17400 <div class="relative flex h-2 w-full overflow-hidden rounded-full bg-[#D9D9D9]" 17401 bis_skin_checked="1"> 17402 <div class="absolute left-0 top-0 z-[1] h-full bg-primary" 17403 bis_skin_checked="1" style="width: 0%;"></div> 17404 </div><span class="w-6 text-sm">0</span> 17405 </div> 17406 </div> 17407 </div> 17408 <div class="my-auto max-md:border-t max-md:pt-4 md:col-span-3 md:border-l md:pl-10" 17409 bis_skin_checked="1"> 17410 <div class="grid gap-4" bis_skin_checked="1"><span 17411 class="text-lg font-bold">Foto dan Video 17412 Produk</span> 17413 <div class="grid grid-cols-4 gap-4 md:grid-cols-7" bis_skin_checked="1"> 17414 <div class="relative aspect-square cursor-pointer overflow-hidden rounded-xl border" 17415 bis_skin_checked="1"><img 17416 src="https://ik.imagekit.io/n8ym6nf86/logo-vio77.png?updatedAt=1781223722013" 17417 alt="" class="h-full w-full object-cover object-center" 17418 loading="lazy"> 17419 <!----> 17420 </div> 17421 <div class="relative aspect-square cursor-pointer overflow-hidden rounded-xl border" 17422 bis_skin_checked="1"><img 17423 src="https://ik.imagekit.io/n8ym6nf86/logo-vio77.png?updatedAt=1781223722013" 17424 alt="" class="h-full w-full object-cover object-center" 17425 loading="lazy"> 17426 <!----> 17427 </div> 17428 <div class="relative aspect-square cursor-pointer overflow-hidden rounded-xl border" 17429 bis_skin_checked="1"><img 17430 src="https://ik.imagekit.io/n8ym6nf86/logo-vio77.png?updatedAt=1781223722013" 17431 alt="" class="h-full w-full object-cover object-center" 17432 loading="lazy"> 17433 <!----> 17434 </div> 17435 </div> 17436 <span class="text-sm font-semibold text-primary">Belum ada ulasan</span> 17437 </div> 17438 <!----> 17439 <!----> 17440 </div> 17441 </div> 17442 <hr class="border-bw-200"> 17443 <h2 class="h7 text-bw-900">Tampilkan Penilaian & Ulasan</h2> 17444 <div class="flex justify-between gap-6 max-md:flex-col md:items-start" 17445 bis_skin_checked="1"> 17446 <div class="flex flex-wrap gap-3" bis_skin_checked="1"><button 17447 class="min-w-20 rounded-full border p-3 text-sm font-medium border-primary bg-primary text-white">Semua 17448 (909)</button><button 17449 class="min-w-20 rounded-full border p-3 text-sm font-medium border-bw-400 text-bw-900">Foto 17450 & 17451 Video </button><button 17452 class="min-w-20 rounded-full border p-3 text-sm font-medium border-bw-400 text-bw-900">5.0 17453 </button><button 17454 class="min-w-20 rounded-full border p-3 text-sm font-medium border-bw-400 text-bw-900">4.0 17455 </button><button 17456 class="min-w-20 rounded-full border p-3 text-sm font-medium border-bw-400 text-bw-900">3.0 17457 </button><button 17458 class="min-w-20 rounded-full border p-3 text-sm font-medium border-bw-400 text-bw-900">2.0 17459 </button><button 17460 class="min-w-20 rounded-full border p-3 text-sm font-medium border-bw-400 text-bw-900">1.0 17461 </button></div> 17462 <div class="flex gap-3 max-md:flex-col" bis_skin_checked="1"> 17463 <div dir="auto" 17464 class="v-select vs--single vs--unsearchable form-select min-w-60" 17465 bis_skin_checked="1"> 17466 <div id="vs7__combobox" class="vs__dropdown-toggle" role="combobox" 17467 aria-expanded="false" aria-owns="vs7__listbox"
17468 aria-label="Search for option" bis_skin_checked="1"> 17469 <div class="vs__selected-options" bis_skin_checked="1"><span 17470 class="vs__selected">Paling 17471 Membantu<!----></span><input class="vs__search" readonly="" 17472 aria-autocomplete="list" aria-labelledby="vs7__combobox" 17473 aria-controls="vs7__listbox" type="search" autocomplete="off" 17474 value=""></div> 17475 <div class="vs__actions" bis_skin_checked="1"><button type="button" 17476 class="vs__clear" title="Clear Selected" 17477 aria-label="Clear Selected" style="display: none;"><svg 17478 xmlns="http://www.w3.org/2000/svg" width="10" height="10"> 17479 <path 17480 d="M6.895455 5l2.842897-2.842898c.348864-.348863.348864-.914488 0-1.263636L9.106534.261648c-.348864-.348864-.914489-.348864-1.263636 0L5 3.104545 2.157102.261648c-.348863-.348864-.914488-.348864-1.263636 0L.261648.893466c-.348864.348864-.348864.914489 0 1.263636L3.104545 5 .261648 7.842898c-.348864.348863-.348864.914488 0 1.263636l.631818.631818c.348864.348864.914773.348864 1.263636 0L5 6.895455l2.842898 2.842897c.348863.348864.914772.348864 1.263636 0l.631818-.631818c.348864-.348864.348864-.914489 0-1.263636L6.895455 5z"> 17481 </path> 17482 </svg></button><svg xmlns="http://www.w3.org/2000/svg" 17483 width="14" height="10" role="presentation" 17484 class="vs__open-indicator"> 17485 <path 17486 d="M9.211364 7.59931l4.48338-4.867229c.407008-.441854.407008-1.158247 0-1.60046l-.73712-.80023c-.407008-.441854-1.066904-.441854-1.474243 0L7 5.198617 2.51662.33139c-.407008-.441853-1.066904-.441853-1.474243 0l-.737121.80023c-.407008.441854-.407008 1.158248 0 1.600461l4.48338 4.867228L7 10l2.211364-2.40069z"> 17487 </path> 17488 </svg> 17489 <div class="vs__spinner" bis_skin_checked="1" 17490 style="display: none;">Loading...</div> 17491 </div> 17492 </div> 17493 <ul id="vs7__listbox" role="listbox" 17494 style="display: none; visibility: hidden;"></ul> 17495 </div> 17496 </div> 17497 </div> 17498 <div class="grid gap-6" bis_skin_checked="1"> 17499 <div class="flex justify-between gap-6 max-md:flex-col md:items-center" 17500 bis_skin_checked="1"> 17501 <div class="grid gap-3" bis_skin_checked="1"> 17502 <div class="grid gap-3" bis_skin_checked="1"> 17503 <div class="flex justify-between" bis_skin_checked="1"> 17504 <div class="flex items-center gap-2" bis_skin_checked="1"> 17505 <div class="flex items-center gap-2" bis_skin_checked="1"> 17506 <button disabled="" class=""><span 17507 class="nuxt-icon star text-lg md:text-xl"><svg 17508 width="17" height="16" viewB
17508ox="0 0 17 16" 17509 fill="none" xmlns="http://www.w3.org/2000/svg"> 17510 <path 17511 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 17512 fill="#FFD028" stroke="#E6B300" 17513 stroke-width="0.5" stroke-linecap="round" 17514 stroke-linejoin="round"></path> 17515 </svg></span></button> 17516 <button disabled="" class=""><span 17517 class="nuxt-icon star text-lg md:text-xl"><svg 17518 width="17" height="16" viewBox="0 0 17 16" 17519 fill="none" xmlns="http://www.w3.org/2000/svg"> 17520 <path 17521 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 17522 fill="#FFD028" stroke="#E6B300" 17523 stroke-width="0.5" stroke-linecap="round" 17524 stroke-linejoin="round"></path> 17525 </svg></span></button> 17526 <button disabled="" class=""><span 17527 class="nuxt-icon star text-lg md:text-xl"><svg 17528 width="17" height="16" viewBox="0 0 17 16" 17529 fill="none" xmlns="http://www.w3.org/2000/svg"> 17530 <path 17531 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 17532 fill="#FFD028" stroke="#E6B300" 17533 stroke-width="0.5" stroke-linecap="round" 17534 stroke-linejoin="round"></path> 17535 </svg></span></button> 17536 <button disabled="" class=""><span 17537 class="nuxt-icon star text-lg md:text-xl"><svg 17538 width="17" height="16" viewBox="0 0 17 16" 17539 fill="none" xmlns="http://www.w3.org/2000/svg"> 17540 <path 17541 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 17542 fill="#FFD028" stroke="#E6B300" 17543 stroke-width="0.5" stroke-linecap="round" 17544 stroke-linejoin="round"></path> 17545 </svg></span></button> 17546 <button disabled="" class=""><span 17547 class="nuxt-icon star text-lg md:text-xl"><svg 17548 width="17" height="16" viewB
17548ox="0 0 17 16" 17549 fill="none" xmlns="http://www.w3.org/2000/svg"> 17550 <path 17551 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 17552 fill="#FFD028" stroke="#E6B300" 17553 stroke-width="0.5" stroke-linecap="round" 17554 stroke-linejoin="round"></path> 17555 </svg></span></button> 17556 </div> 17557 <hr class="h-5 w-[0.5px] bg-bw-900"> 17558 <span class="text-sm text-bw-900">21 Jun 2026</span> 17559 </div> 17560 </div> 17561 <div class="flex items-center gap-2" bis_skin_checked="1"> 17562 <div class="aspect-square size-8 cursor-pointer overflow-hidden rounded-full border" 17563 bis_skin_checked="1"> 17564 <img src="https://barangtupunyokito.sgp1.cdn.digitaloceanspaces.com/vio77/favicon.ico" 17565 alt="" width="32" height="32" class="rounded-full" 17566 loading="lazy"> 17567 </div> 17568 <span class="text-sm">Agus Sudrajat</span> 17569 </div> 17570 <span class="text-sm text-bw-900">akses sangat cepat dan stabil</span> 17571 <div class="flex flex-wrap items-center gap-2" bis_skin_checked="1"> 17572 <span class="text-sm text-bw-900">Balige</span> 17573 </div> 17574 <p>VIO77 cukup menarik karena informasi RTP-nya disajikan dengan jelas dan mudah dipahami. Link alternatif VIO77 juga membantu saat akses utama sedang mengalami kendala.</p> 17575 </div> 17576 <div class="flex gap-4" bis_skin_checked="1"> 17577 <img src="https://ik.imagekit.io/n8ym6nf86/logo-vio77.png?updatedAt=1781223722013" 17578 alt="" width="80" height="80" 17579 class="cursor-pointer rounded-xl object-cover object-center" 17580 loading="lazy"> 17581 <img src="https://ik.imagekit.io/n8ym6nf86/logo-vio77.png?updatedAt=1781223722013" 17582 alt="" width="80" height="80" 17583 class="cursor-pointer rounded-xl object-cover object-center" 17584 loading="lazy"> 17585 </div> 17586 </div> 17587 <button class="flex items-center gap-1"> 17588 <span class="nuxt-icon" style="display: none;"></span> 17589 <span class="nuxt-icon"> 17590 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" 17591 xmlns="http://www.w3.org/2000/svg"> 17592 <path 17593 d="M6.63257 10.25C7.43892 10.25 8.16648 9.80416 8.6641 9.16967C9.43726 8.18384 10.4117 7.3634 11.5255 6.77021C12.2477 6.38563 12.8743 5.81428 13.1781 5.05464C13.3908 4.5231 13.5 3.95587 13.5 3.38338V2.75C13.5 2.33579 13.8358 2 14.25 2C15.4926 2 16.5 3.00736 16.5 4.25C16.5 5.40163 16.2404 6.49263 15.7766 7.46771C15.511 8.02604 15.8836 8.75 16.5019 8.75M16.5019 8.75H19.6277C20.6544 8.75 21.5733 9.44399 21.682 10.4649C21.7269 10.8871 21.75 11.3158 21.75 11.75C21.75 14.5976 20.7581 17.2136 19.101 19.2712C18.7134 19.7525 18.1142 20 17.4962 20H13.4802C12.9966 20 12.5161 19.922 12.0572 19.7691L8.94278 18.7309C8.48393 18.578 8.00342 18.5 7.51975 18.5H5.90421M16.5019 8.75H14.25M5.90421 18.5C5.98702 18.7046 6.07713 18.9054 6.17423 19.1022C6.37137 19.5017 6.0962 20 5.65067 20H4.74289C3.85418 20 3.02991 19.482 2.77056 18.632C2.43208 17.5226 2.25 16.3451 2.25 15.125C2.25 13.5725 2.54481 12.0889 3.08149 10.7271C3.38655 9.95303 4.16733 9.5 4.99936 9.5H6.05212C6.52404 9.5 6.7973 10.0559 6.5523 10.4593C5.72588 11.8198 5.25 13.4168 5.25 15.125C5.25 16.3185 5.48232 17.4578 5.90421 18.5Z" 17594 stroke="black" stroke-width="1.5" stroke-linecap="round" 17595 stroke-linejoin="round"></path> 17596 </svg> 17597 </span>
17598 <span> Membantu (681) </span> 17599 </button> 17600 </div> 17601 <div class="flex justify-between gap-6 max-md:flex-col md:items-center" 17602 bis_skin_checked="1"> 17603 <div class="grid gap-3" bis_skin_checked="1"> 17604 <div class="grid gap-3" bis_skin_checked="1"> 17605 <div class="flex justify-between" bis_skin_checked="1"> 17606 <div class="flex items-center gap-2" bis_skin_checked="1"> 17607 <div class="flex items-center gap-2" bis_skin_checked="1"> 17608 <button disabled="" class=""><span 17609 class="nuxt-icon star text-lg md:text-xl"><svg 17610 width="17" height="16" viewBox="0 0 17 16" 17611 fill="none" xmlns="http://www.w3.org/2000/svg"> 17612 <path 17613 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 17614 fill="#FFD028" stroke="#E6B300" 17615 stroke-width="0.5" stroke-linecap="round" 17616 stroke-linejoin="round"></path> 17617 </svg></span></button> 17618 <button disabled="" class=""><span 17619 class="nuxt-icon star text-lg md:text-xl"><svg 17620 width="17" height="16" viewBox="0 0 17 16" 17621 fill="none" xmlns="http://www.w3.org/2000/svg"> 17622 <path 17623 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 17624 fill="#FFD028" stroke="#E6B300" 17625 stroke-width="0.5" stroke-linecap="round" 17626 stroke-linejoin="round"></path> 17627 </svg></span></button> 17628 <button disabled="" class=""><span 17629 class="nuxt-icon star text-lg md:text-xl"><svg 17630 width="17" height="16" viewBox="0 0 17 16" 17631 fill="none" xmlns="http://www.w3.org/2000/svg"> 17632 <path 17633 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 17634 fill="#FFD028" stroke="#E6B300" 17635 stroke-width="0.5" stroke-linecap="round" 17636 stroke-linejoin="round"></path> 17637 </svg></span></button> 17638 <button disabled="" class=""><span 17639 class="nuxt-icon star text-lg md:text-xl"><svg 17640 width="17" height="16" viewB
17640ox="0 0 17 16" 17641 fill="none" xmlns="http://www.w3.org/2000/svg"> 17642 <path 17643 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 17644 fill="#FFD028" stroke="#E6B300" 17645 stroke-width="0.5" stroke-linecap="round" 17646 stroke-linejoin="round"></path> 17647 </svg></span></button> 17648 <button disabled="" class=""><span 17649 class="nuxt-icon star text-lg md:text-xl"><svg 17650 width="17" height="16" viewBox="0 0 17 16" 17651 fill="none" xmlns="http://www.w3.org/2000/svg"> 17652 <path 17653 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 17654 fill="#FFD028" stroke="#E6B300" 17655 stroke-width="0.5" stroke-linecap="round" 17656 stroke-linejoin="round"></path> 17657 </svg></span></button> 17658 </div> 17659 <hr class="h-5 w-[0.5px] bg-bw-900"> 17660 <span class="text-sm text-bw-900">18 Jun 2026</span> 17661 </div> 17662 </div> 17663 <div class="flex items-center gap-2" bis_skin_checked="1"> 17664 <div class="aspect-square size-8 cursor-pointer overflow-hidden rounded-full border" 17665 bis_skin_checked="1"> 17666 <img src="https://barangtupunyokito.sgp1.cdn.digitaloceanspaces.com/vio77/favicon.ico" 17667 alt="" width="32" height="32" class="rounded-full" 17668 loading="lazy"> 17669 </div> 17670 <span class="text-sm">Andika Pulungan</span> 17671 </div> 17672 <span class="text-sm text-bw-900">solusi terbaik buat saya</span> 17673 <div class="flex flex-wrap items-center gap-2" bis_skin_checked="1"> 17674 <span class="text-sm text-bw-900">Solo</span> 17675 </div> 17676 <p>Saya suka tampilan VIO77 yang sederhana dan tidak terlalu rumit untuk mencari informasi Raja RTP. Navigasinya juga cukup mudah digunakan.</p> 17677 </div> 17678 <div class="flex gap-4" bis_skin_checked="1"> 17679 <img src="https://ik.imagekit.io/n8ym6nf86/logo-vio77.png?updatedAt=1781223722013" 17680 alt="" width="80" height="80" 17681 class="cursor-pointer rounded-xl object-cover object-center" 17682 loading="lazy"> 17683 <img src="https://ik.imagekit.io/n8ym6nf86/logo-vio77.png?updatedAt=1781223722013" 17684 alt="" width="80" height="80" 17685 class="cursor-pointer rounded-xl object-cover object-center" 17686 loading="lazy"> 17687 </div> 17688 </div> 17689 <button class="flex items-center gap-1">
17690 <span class="nuxt-icon" style="display: none;"></span> 17691 <span class="nuxt-icon"> 17692 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" 17693 xmlns="http://www.w3.org/2000/svg"> 17694 <path 17695 d="M6.63257 10.25C7.43892 10.25 8.16648 9.80416 8.6641 9.16967C9.43726 8.18384 10.4117 7.3634 11.5255 6.77021C12.2477 6.38563 12.8743 5.81428 13.1781 5.05464C13.3908 4.5231 13.5 3.95587 13.5 3.38338V2.75C13.5 2.33579 13.8358 2 14.25 2C15.4926 2 16.5 3.00736 16.5 4.25C16.5 5.40163 16.2404 6.49263 15.7766 7.46771C15.511 8.02604 15.8836 8.75 16.5019 8.75M16.5019 8.75H19.6277C20.6544 8.75 21.5733 9.44399 21.682 10.4649C21.7269 10.8871 21.75 11.3158 21.75 11.75C21.75 14.5976 20.7581 17.2136 19.101 19.2712C18.7134 19.7525 18.1142 20 17.4962 20H13.4802C12.9966 20 12.5161 19.922 12.0572 19.7691L8.94278 18.7309C8.48393 18.578 8.00342 18.5 7.51975 18.5H5.90421M16.5019 8.75H14.25M5.90421 18.5C5.98702 18.7046 6.07713 18.9054 6.17423 19.1022C6.37137 19.5017 6.0962 20 5.65067 20H4.74289C3.85418 20 3.02991 19.482 2.77056 18.632C2.43208 17.5226 2.25 16.3451 2.25 15.125C2.25 13.5725 2.54481 12.0889 3.08149 10.7271C3.38655 9.95303 4.16733 9.5 4.99936 9.5H6.05212C6.52404 9.5 6.7973 10.0559 6.5523 10.4593C5.72588 11.8198 5.25 13.4168 5.25 15.125C5.25 16.3185 5.48232 17.4578 5.90421 18.5Z" 17696 stroke="black" stroke-width="1.5" stroke-linecap="round" 17697 stroke-linejoin="round"></path> 17698 </svg> 17699 </span> 17700 <span> Membantu (595) </span> 17701 </button> 17702 </div> 17703 <div class="flex justify-between gap-6 max-md:flex-col md:items-center" 17704 bis_skin_checked="1"> 17705 <div class="grid gap-3" bis_skin_checked="1"> 17706 <div class="grid gap-3" bis_skin_checked="1"> 17707 <div class="flex justify-between" bis_skin_checked="1"> 17708 <div class="flex items-center gap-2" bis_skin_checked="1"> 17709 <div class="flex items-center gap-2" bis_skin_checked="1"> 17710 <button disabled="" class=""><span 17711 class="nuxt-icon star text-lg md:text-xl"><svg 17712 width="17" height="16" viewBox="0 0 17 16" 17713 fill="none" xmlns="http://www.w3.org/2000/svg"> 17714 <path 17715 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 17716 fill="#FFD028" stroke="#E6B300" 17717 stroke-width="0.5" stroke-linecap="round" 17718 stroke-linejoin="round"></path> 17719 </svg></span></button> 17720 <button disabled="" class=""><span 17721 class="nuxt-icon star text-lg md:text-xl"><svg 17722 width="17" height="16" viewB
17722ox="0 0 17 16" 17723 fill="none" xmlns="http://www.w3.org/2000/svg"> 17724 <path 17725 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 17726 fill="#FFD028" stroke="#E6B300" 17727 stroke-width="0.5" stroke-linecap="round" 17728 stroke-linejoin="round"></path> 17729 </svg></span></button> 17730 <button disabled="" class=""><span 17731 class="nuxt-icon star text-lg md:text-xl"><svg 17732 width="17" height="16" viewBox="0 0 17 16" 17733 fill="none" xmlns="http://www.w3.org/2000/svg"> 17734 <path 17735 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 17736 fill="#FFD028" stroke="#E6B300" 17737 stroke-width="0.5" stroke-linecap="round" 17738 stroke-linejoin="round"></path> 17739 </svg></span></button> 17740 <button disabled="" class=""><span 17741 class="nuxt-icon star text-lg md:text-xl"><svg 17742 width="17" height="16" viewBox="0 0 17 16" 17743 fill="none" xmlns="http://www.w3.org/2000/svg"> 17744 <path 17745 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 17746 fill="#FFD028" stroke="#E6B300" 17747 stroke-width="0.5" stroke-linecap="round" 17748 stroke-linejoin="round"></path> 17749 </svg></span></button> 17750 <button disabled="" class=""><span 17751 class="nuxt-icon star text-lg md:text-xl"><svg 17752 width="17" height="16" viewBox="0 0 17 16" 17753 fill="none" xmlns="http://www.w3.org/2000/svg"> 17754 <path 17755 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 17756 fill="#FFD028" stroke="#E6B300" 17757 stroke-width="0.5" stroke-linecap="round" 17758 stroke-linejoin="round"></path> 17759 </svg></span></button> 17760 </div> 17761 <hr class="h-5 w-[0.5px] bg-bw-900">
17762 <span class="text-sm text-bw-900">11 Jun 2026</span> 17763 </div> 17764 </div> 17765 <div class="flex items-center gap-2" bis_skin_checked="1"> 17766 <div class="aspect-square size-8 cursor-pointer overflow-hidden rounded-full border" 17767 bis_skin_checked="1"> 17768 <img src="https://barangtupunyokito.sgp1.cdn.digitaloceanspaces.com/vio77/favicon.ico" 17769 alt="" width="32" height="32" class="rounded-full" 17770 loading="lazy"> 17771 </div> 17772 <span class="text-sm">Ade Hendrian</span> 17773 </div> 17774 <span class="text-sm text-bw-900">transaksi aman dan cepat banget</span> 17775 <div class="flex flex-wrap items-center gap-2" bis_skin_checked="1"> 17776 <span class="text-sm text-bw-900">Surabaya</span> 17777 </div> 17778 <p>VIO77 adalah situs Raja RTP yang menghadirkan informasi RTP secara akurat melalui link alternatif VIO77, dengan akses praktis dan tampilan nyaman untuk pengguna.</p> 17779 </div> 17780 <div class="flex gap-4" bis_skin_checked="1"> 17781 <img src="https://ik.imagekit.io/n8ym6nf86/logo-vio77.png?updatedAt=1781223722013" 17782 alt="" width="80" height="80" 17783 class="cursor-pointer rounded-xl object-cover object-center" 17784 loading="lazy"> 17785 <img src="https://ik.imagekit.io/n8ym6nf86/logo-vio77.png?updatedAt=1781223722013" 17786 alt="" width="80" height="80" 17787 class="cursor-pointer rounded-xl object-cover object-center" 17788 loading="lazy"> 17789 </div> 17790 </div> 17791 <button class="flex items-center gap-1"> 17792 <span class="nuxt-icon" style="display: none;"></span> 17793 <span class="nuxt-icon"> 17794 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" 17795 xmlns="http://www.w3.org/2000/svg"> 17796 <path 17797 d="M6.63257 10.25C7.43892 10.25 8.16648 9.80416 8.6641 9.16967C9.43726 8.18384 10.4117 7.3634 11.5255 6.77021C12.2477 6.38563 12.8743 5.81428 13.1781 5.05464C13.3908 4.5231 13.5 3.95587 13.5 3.38338V2.75C13.5 2.33579 13.8358 2 14.25 2C15.4926 2 16.5 3.00736 16.5 4.25C16.5 5.40163 16.2404 6.49263 15.7766 7.46771C15.511 8.02604 15.8836 8.75 16.5019 8.75M16.5019 8.75H19.6277C20.6544 8.75 21.5733 9.44399 21.682 10.4649C21.7269 10.8871 21.75 11.3158 21.75 11.75C21.75 14.5976 20.7581 17.2136 19.101 19.2712C18.7134 19.7525 18.1142 20 17.4962 20H13.4802C12.9966 20 12.5161 19.922 12.0572 19.7691L8.94278 18.7309C8.48393 18.578 8.00342 18.5 7.51975 18.5H5.90421M16.5019 8.75H14.25M5.90421 18.5C5.98702 18.7046 6.07713 18.9054 6.17423 19.1022C6.37137 19.5017 6.0962 20 5.65067 20H4.74289C3.85418 20 3.02991 19.482 2.77056 18.632C2.43208 17.5226 2.25 16.3451 2.25 15.125C2.25 13.5725 2.54481 12.0889 3.08149 10.7271C3.38655 9.95303 4.16733 9.5 4.99936 9.5H6.05212C6.52404 9.5 6.7973 10.0559 6.5523 10.4593C5.72588 11.8198 5.25 13.4168 5.25 15.125C5.25 16.3185 5.48232 17.4578 5.90421 18.5Z" 17798 stroke="black" stroke-width="1.5" stroke-linecap="round" 17799 stroke-linejoin="round"></path> 17800 </svg> 17801 </span>
17802 <span> Membantu (490) </span> 17803 </button> 17804 </div> 17805 <div class="flex justify-between gap-6 max-md:flex-col md:items-center" 17806 bis_skin_checked="1"> 17807 <div class="grid gap-3" bis_skin_checked="1"> 17808 <div class="grid gap-3" bis_skin_checked="1"> 17809 <div class="flex justify-between" bis_skin_checked="1"> 17810 <div class="flex items-center gap-2" bis_skin_checked="1"> 17811 <div class="flex items-center gap-2" bis_skin_checked="1"> 17812 <button disabled="" class=""><span 17813 class="nuxt-icon star text-lg md:text-xl"><svg 17814 width="17" height="16" viewBox="0 0 17 16" 17815 fill="none" xmlns="http://www.w3.org/2000/svg"> 17816 <path 17817 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 17818 fill="#FFD028" stroke="#E6B300" 17819 stroke-width="0.5" stroke-linecap="round" 17820 stroke-linejoin="round"></path> 17821 </svg></span></button> 17822 <button disabled="" class=""><span 17823 class="nuxt-icon star text-lg md:text-xl"><svg 17824 width="17" height="16" viewBox="0 0 17 16" 17825 fill="none" xmlns="http://www.w3.org/2000/svg"> 17826 <path 17827 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 17828 fill="#FFD028" stroke="#E6B300" 17829 stroke-width="0.5" stroke-linecap="round" 17830 stroke-linejoin="round"></path> 17831 </svg></span></button> 17832 <button disabled="" class=""><span 17833 class="nuxt-icon star text-lg md:text-xl"><svg 17834 width="17" height="16" viewBox="0 0 17 16" 17835 fill="none" xmlns="http://www.w3.org/2000/svg"> 17836 <path 17837 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 17838 fill="#FFD028" stroke="#E6B300" 17839 stroke-width="0.5" stroke-linecap="round" 17840 stroke-linejoin="round"></path> 17841 </svg></span></button> 17842 <button disabled="" class=""><span 17843 class="nuxt-icon star text-lg md:text-xl"><svg 17844 width="17" height="16" viewB
17844ox="0 0 17 16" 17845 fill="none" xmlns="http://www.w3.org/2000/svg"> 17846 <path 17847 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 17848 fill="#FFD028" stroke="#E6B300" 17849 stroke-width="0.5" stroke-linecap="round" 17850 stroke-linejoin="round"></path> 17851 </svg></span></button> 17852 <button disabled="" class=""><span 17853 class="nuxt-icon star text-lg md:text-xl"><svg 17854 width="17" height="16" viewBox="0 0 17 16" 17855 fill="none" xmlns="http://www.w3.org/2000/svg"> 17856 <path 17857 d="M8.50001 0.583252L10.9463 5.53909L16.4167 6.33867L12.4583 10.1941L13.3925 15.6408L8.50001 13.0678L3.60751 15.6408L4.54168 10.1941L0.583344 6.33867L6.05376 5.53909L8.50001 0.583252Z" 17858 fill="#FFD028" stroke="#E6B300" 17859 stroke-width="0.5" stroke-linecap="round" 17860 stroke-linejoin="round"></path> 17861 </svg></span></button> 17862 </div> 17863 17864 <hr class="border-bw-100"> 17865 </div><a href="https://rtpunsurmerdeka.com" 17866 class="btn btn-primary mr-auto !px-12 text-sm">Lihat Semua</a> 17867 <!----> 17868 </section> 17869 17870 <div class="relative max-md:hidden" bis_skin_checked="1"><img src="/asset/discount.webp" 17871 alt="" class="w-full" loading="lazy"> 17872 <p 17873 class="absolute left-1/2 top-[60%] z-[
178731] -translate-x-1/2 -translate-y-1/2 text-balance text-center text-2xl text-white"> 17874 Dapatkan <b class="text-4xl">Promo & Pelayanan</b> Spesial <b 17875 class="text-4xl">Hadia Bonus untuk new member sebesar 10%</b></p><a 17876 href="https://rtpunsurmerdeka.com"></a> 17877 </div> 17878 17879 17880 17881 </div> 17882 17883
17883<script> 17884 function toggleFaq(button) { 17885 const expanded = button.getAttribute('aria-expanded') === 'true' ? false : true; 17886 button.setAttribute('aria-expanded', expanded); 17887 17888 const answer = button.nextElementSibling; 17889 const chevron = button.querySelector('.faq-chevron'); 17890 17891 if (expanded) { 17892 answer.classList.add('open'); 17893 chevron.textContent = 'Ã'; 17894 } else { 17895 answer.classList.remove('open'); 17896 chevron.textContent = '+'; 17897 } 17898 } 17899 </script>
17899 17900 <section class="grid gap-10"> 17901 <div class="grid gap-6" bis_skin_checked="1"> 17902 <div class="flex flex-col items-center justify-center gap-6 px-2 text-center md:gap-10" 17903 bis_skin_checked="1"><img src="/asset/no-discussion.webp" alt="" 17904 class="w-full max-md:max-w-[60vw] md:w-1/6" loading="lazy"> 17905 <div class="flex flex-col items-center gap-3" bis_skin_checked="1"> 17906 <h3 class="h7 text-bw-800">Live Chat Siap Membantu</h3> 17907 <span class="text-balance text-lg text-bw-500"> 17908 Ada kendala? Ketik pesan sekarang dan hubungi kami di sini. 17909 </span> 17910 <!----> 17911 </div> 17912 </div> 17913 </div> 17914 <div class="relative w-full" bis_skin_checked="1"> 17915 <div class="absolute right-3 top-3 w-5" bis_skin_checked="1"> 17916 <div class="relative" bis_skin_checked="1"><button><span 17917 class="nuxt-icon nuxt-icon--fill text-xl text-bw-300"><svg 17918 width="20" height="20" viewBox="0 0 20 20" fill="none" 17919 xmlns="http://www.w3.org/2000/svg"> 17920 <path 17921 d="M17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5C14.1421 17.5 17.5 14.1421 17.5 10ZM19.167 10C19.167 15.0626 15.0626 19.167 10 19.167C4.93739 19.167 0.833008 15.0626 0.833008 10C0.833008 4.93739 4.93739 0.833008 10 0.833008C15.0626 0.833008 19.167 4.93739 19.167 10Z" 17922 fill="black"></path> 17923 <path 17924 d="M12.8864 12.5C13.2342 12.1988 13.7608 12.2363 14.0622 12.584C14.3634 12.9318 14.3258 13.4584 13.9782 13.7597C13.4496 14.2175 12.7877 14.5206 12.1286 14.7109C11.4562 14.905 10.7242 15 9.99966 15C9.27516 14.9999 8.54305 14.905 7.87076 14.7109C7.21173 14.5206 6.55059 14.2174 6.02213 13.7597C5.67428 13.4584 5.63687 12.9318 5.93814 12.584C6.23945 12.2365 6.76518 12.199 7.11295 12.5C7.40548 12.7533 7.82687 12.964 8.33365 13.1103C8.84019 13.2565 9.4148 13.333 9.99966 13.333C10.5848 13.333 11.16 13.2566 11.6667 13.1103C12.1733 12.9641 12.5939 12.7532 12.8864 12.5Z" 17925 fill="black"></path> 17926 <path 17927 d="M8.33332 8.33333C8.33332 8.79357 7.96023 9.16667 7.49999 9.16667C7.03975 9.16667 6.66666 8.79357 6.66666 8.33333C6.66666 7.8731 7.03975 7.5 7.49999 7.5C7.96023 7.5 8.33332 7.8731 8.33332 8.33333Z" 17928 fill="black"></path> 17929 <path 17930 d="M8.33365 8.33301C8.33347 7.87292 7.95979 7.5 7.49966 7.5C7.03969 7.50018 6.66683 7.87303 6.66666 8.33301C6.66666 8.76444 6.99454 9.11938 7.4147 9.16211L7.49966 9.16699C7.93099 9.16699 8.28589 8.83895 8.32877 8.41895L8.33365 8.33301ZM8.74966 8.33301C8.74966 9.02336 8.19002 9.58301 7.49966 9.58301C6.80946 9.58283 6.24966 9.02326 6.24966 8.33301C6.24984 7.64291 6.80957 7.08318 7.49966 7.08301C8.18991 7.08301 8.74949 7.6428 8.74966 8.33301Z" 17931 fill="black"></path> 17932 <path 17933 d="M13.3333 8.33333C13.3333 8.79357 12.9602 9.16667 12.5 9.16667C12.0398 9.16667 11.6667 8.79357 11.6667 8.33333C11.6667 7.8731 12.0398 7.5 12.5 7.5C12.9602 7.5 13.3333 7.8731 13.3333 8.33333Z" 17934 fill="black"></path> 17935 <path 17936 d="M13.3336 8.33301C13.3335 7.87292 12.9598 7.5 12.4997 7.5C12.0397 7.50018 11.6668 7.87303 11.6667 8.33301C11.6667 8.76444 11.9945 9.11938 12.4147 9.16211L12.4997 9.16699C12.931 9.16699 13.2859 8.83895 13.3288 8.41895L13.3336 8.33301ZM13.7497 8.33301C13.7497 9.02336 13.19 9.58301 12.4997 9.58301C11.8095 9.58283 11.2497 9.02326 11.2497 8.33301C11.2498 7.64291 11.8096 7.08318 12.4997 7.08301C13.1899 7.08301 13.7495 7.6428 13.7497 8.33301Z" 17937 fill="black"></path> 17938 </svg> 17939 </span></button> 17940 <!----> 17941 </div> 17942 </div>
17942<textarea type="text" rows="10" class="form-rounded w-full !rounded-xl !pl-10" 17943 placeholder="Jika ada pertanyaan atau masalah, silakan hubungi kami lewat Live Chat VIO77. Gunakan bahasa yang santun dan jelaskan kendalanya supaya kami bisa bantu dengan tepat."></textarea><button 17944 class="btn btn-primary absolute bottom-3 right-3 !px-14"> Kirim </button> 17945 </div> 17946 </section> 17947 17948
17948<script> 17949 document.addEventListener('DOMContentLoaded', function () { 17950 const faqItems = document.querySelectorAll('.faq-item'); 17951 17952 faqItems.forEach(item => { 17953 const question = item.querySelector('.faq-question'); 17954 17955 question.addEventListener('click', () => { 17956 const isActive = item.classList.contains('active'); 17957 17958 // Close all other items 17959 faqItems.forEach(otherItem => { 17960 otherItem.classList.remove('active'); 17961 }); 17962 17963 // Toggle current item 17964 if (!isActive) { 17965 item.classList.add('active'); 17966 } 17967 }); 17968 }); 17969 }); 17970 </script>
17970 17971 </div> 17972 </div> 17973 </div> 17974 </div> 17975 </div> 17976 </main> 17977 </div> 17978 <footer class="grid gap-8 border-t border-[#D1D1D1] pt-8" data-v-6f6249f3=""> 17979 <div class="container grid grid-cols-2 gap-4 text-sm md:grid-cols-7 md:gap-10" data-v-6f6249f3="" 17980 bis_skin_checked="1"> 17981 <div class="col-span-2 mb-auto grid gap-3" data-v-6f6249f3="" bis_skin_checked="1"><span 17982 class="font-bold" data-v-6f6249f3="">DatascripMall.ID</span><span data-v-6f6249f3="">Jl. K.H. Wahid Hasyim No. 28, Menteng, Kec. Menteng, Jakarta Pusat, DKI Jakarta 10310</span><span class="font-bold" 17983 data-v-6f6249f3="">Langganan Newsletter</span> 17984 <div class="relative z-0 flex items-center" data-v-6f6249f3="" bis_skin_checked="1"><input 17985 value="" type="text" class="form-rounded" placeholder="Masukkan email Anda" 17986 data-v-6f6249f3=""><button 17987 class="btn-icon btn-primary absolute right-2 top-1/2 !size-8 -translate-y-1/2 disabled:!bg-primary disabled:opacity-50" 17988 aria-label="send-btn" data-v-6f6249f3=""><span class="nuxt-icon" data-v-6f6249f3=""><svg 17989 width="10" height="10" viewBox="0 0 10 10" fill="none" 17990 xmlns="http://www.w3.org/2000/svg"> 17991 <path 17992 d="M0.270214 4.93986C-0.103012 5.13567 -0.0875278 5.42244 0.303762 5.57728L1.46312 6.03599C1.85473 6.19147 2.44731 6.10664 2.77925 5.8476L7.81376 1.87728C8.14473 1.61696 8.18021 1.65535 7.89279 1.96309L3.91279 6.22309C3.62441 6.52986 3.70957 6.90664 4.10247 7.05857L4.23828 7.11147C4.63118 7.26341 5.2715 7.51857 5.66183 7.67728L6.94763 8.20083C7.33828 8.35954 7.7557 8.17244 7.86667 7.76599L9.82634 0.562765C9.93699 0.156313 9.72215 -0.0162675 9.34892 0.179216L0.270214 4.93986Z" 17993 fill="white"></path> 17994 <path 17995 d="M3.45174 9.65587C3.42884 9.72458 4.24464 8.47458 4.24464 8.47458C4.47529 8.12232 4.34432 7.702 3.95464 7.54264L3.06496 7.17845C2.67529 7.01909 2.48851 7.20619 2.6498 7.59555C2.6498 7.59555 3.47529 9.58522 3.45174 9.65587Z" 17996 fill="white"></path> 17997 </svg> 17998 </span></button></div> 17999 </div> 18000 <div class="mb-auto grid gap-3" data-v-6f6249f3="" bis_skin_checked="1"><span class="font-bold" 18001 data-v-6f6249f3="">Informasi</span> 18002 <div class="grid gap-2" data-v-6f6249f3="" bis_skin_checked="1"><a 18003 href="https://rtpunsurmerdeka.com" class="link-footer" data-v-6f6249f3=""> 18004 Kebijakan Privasi </a><a href="https://rtpunsurmerdeka.com" class="link-footer" 18005 data-v-6f6249f3=""> Syarat & Ketentuan </a><a href="https://rtpunsurmerdeka.com" 18006 class="link-footer" data-v-6f6249f3=""> 18007 Tentang Kami </a></div> 18008 </div> 18009 <div class="mb-auto grid gap-3" data-v-6f6249f3="" bis_skin_checked="1"><span class="font-bold" 18010 data-v-6f6249f3="">Layanan</span> 18011 <div class="grid gap-2" data-v-6f6249f3="" bis_skin_checked="1"><a 18012 href="https://rtpunsurmerdeka.com" class="link-footer" data-v-6f6249f3=""> 18013 Cara Berbelanja </a><a href="https://rtpunsurmerdeka.com" class="link-footer" 18014 data-v-6f6249f3=""> Cara Pembayaran </a><a href="https://rtpunsurmerdeka.com" 18015 class="link-footer" data-v-6f6249f3=""> 18016 Pengiriman </a></div> 18017 </div> 18018 <div class="mb-auto grid gap-3" data-v-6f6249f3="" bis_skin_checked="1"><span class="font-bold" 18019 data-v-6f6249f3="">Keamanan Belanja</span><a href="https://rtpunsurmerdeka.com" 18020 rel="noopener noreferrer" target="_blank" data-v-6f6249f3="" 18021 bis_size="{"x":938,"y":1026,"w":132,"h":51,"abs_x":938,"abs_y":1026}"><img 18022 src="https://i.postimg.cc/pTh3Br8h/images.jpg" alt="iso sec logo" width="51" 18023 height="51" class="h-[51px] w-[51px]" loading="lazy" data-v-6f6249f3="" 18024 bis_size="{"x":938,"y":1026,"w":98,"h":51,"abs_x":938,"abs_y":1026}" 18025 bis_id="bn_hxmyeaen28wvavn5y91m8j"></a></div> 18026 <div class="grid gap-4 md:col-span-2" data-v-6f6249f3="" bis_skin_checked="1"> 18027 <div class="mb-auto grid gap-3" data-v-6f6249f3="" bis_skin_checked="1"><span class="font-bold" 18028 data-v-6f6249f3="">Ikuti Kami</span> 18029 <div class="flex gap-3" data-v-6f6249f3="" bis_skin_checked="1"> 18030 <!--[--><a href="https://www.instagram.com/datascripmall" rel="noopener noreferrer" 18031 target="_blank" alt="social link instagram" class="hover:opacity-80" 18032 aria-label="social link instagram" data-v-6f6249f3=""><span 18033 class="nuxt-icon text-2xl" data-v-6f6249f3=""><svg width="21" height="21"
18034 viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> 18035 <path 18036 d="M10.5 7.005C8.565 7.005 7.005 8.58 7.005 10.5C7.005 12.42 8.58 13.995 10.5 13.995C12.42 13.995 13.995 12.42 13.995 10.5C13.995 8.58 12.42 7.005 10.5 7.005ZM21 10.5C21 9.045 21 7.62 20.925 6.165C20.85 4.485 20.46 2.985 19.23 1.77C18 0.54 16.515 0.15 14.835 0.0749999C13.38 -7.26432e-08 11.955 0 10.5 0C9.045 0 7.62 -7.26432e-08 6.165 0.0749999C4.485 0.15 2.985 0.54 1.77 1.77C0.54 3 0.15 4.485 0.0749999 6.165C-7.26432e-08 7.62 0 9.045 0 10.5C0 11.955 -7.26432e-08 13.38 0.0749999 14.835C0.15 16.515 0.54 18.015 1.77 19.23C3 20.46 4.485 20.85 6.165 20.925C7.62 21 9.045 21 10.5 21C11.955 21 13.38 21 14.835 20.925C16.515 20.85 18.015 20.46 19.23 19.23C20.46 18 20.85 16.515 20.925 14.835C21.015 13.395 21 11.955 21 10.5ZM10.5 15.885C7.515 15.885 5.115 13.485 5.115 10.5C5.115 7.515 7.515 5.115 10.5 5.115C13.485 5.115 15.885 7.515 15.885 10.5C15.885 13.485 13.485 15.885 10.5 15.885ZM16.11 6.15C15.42 6.15 14.85 5.595 14.85 4.89C14.85 4.185 15.405 3.63 16.11 3.63C16.815 3.63 17.37 4.185 17.37 4.89C17.3738 5.05431 17.3438 5.21764 17.2819 5.36987C17.2199 5.52211 17.1274 5.66 17.01 5.775C16.895 5.89241 16.7571 5.98495 16.6049 6.04687C16.4526 6.1088 16.2893 6.1388 16.125 6.135L16.11 6.15Z" 18037 fill="#005AAB"></path> 18038 </svg> 18039 </span></a><a href="https://www.youtube.com/@datascripmall" 18040 rel="noopener noreferrer" target="_blank" alt="social link youtube" 18041 class="hover:opacity-80" aria-label="social link youtube" data-v-6f6249f3=""><span 18042 class="nuxt-icon text-2xl" data-v-6f6249f3=""><svg width="21" height="21"
18043 viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> 18044 <path 18045 d="M8.4862 8.05184L12.8106 10.5093L8.4862 12.9667V8.05184ZM20.351 2.50555V18.4948C20.351 19.6986 19.3744 20.6752 18.1706 20.6752H2.18133C0.977595 20.6752 0.000976562 19.6986 0.000976562 18.4948V2.50555C0.000976562 1.30181 0.977595 0.325195 2.18133 0.325195H18.1706C19.3744 0.325195 20.351 1.30181 20.351 2.50555ZM18.4432 10.5138C18.4432 10.5138 18.4432 7.80655 18.0979 6.50742C17.9072 5.78972 17.3484 5.22646 16.6353 5.03568C15.3498 4.68591 10.176 4.68591 10.176 4.68591C10.176 4.68591 5.00217 4.68591 3.71667 5.03568C3.00351 5.22646 2.44479 5.78972 2.25401 6.50742C1.90879 7.802 1.90879 10.5138 1.90879 10.5138C1.90879 10.5138 1.90879 13.2211 2.25401 14.5202C2.44479 15.2379 3.00351 15.7785 3.71667 15.9693C5.00217 16.3145 10.176 16.3145 10.176 16.3145C10.176 16.3145 15.3498 16.3145 16.6353 15.9647C17.3484 15.7739 17.9072 15.2334 18.0979 14.5157C18.4432 13.2211 18.4432 10.5138 18.4432 10.5138Z" 18046 fill="#005AAB"></path> 18047 </svg> 18048 </span></a><a href="https://www.facebook.com/datascripmall" 18049 rel="noopener noreferrer" target="_blank" alt="social link facebook" 18050 class="hover:opacity-80" aria-label="social link facebook" data-v-6f6249f3=""><span 18051 class="nuxt-icon text-2xl" data-v-6f6249f3=""><svg width="21" height="21"
18052 viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> 18053 <path 18054 d="M17.7007 0.324219H3.35095C1.70095 0.324219 0.350952 1.67422 0.350952 3.32422V17.6755C0.350952 19.3255 1.70095 20.6755 3.35095 20.6755H17.7022C19.3522 20.6755 20.7022 19.3255 20.7022 17.6755V3.32422C20.7007 1.67422 19.3522 0.324219 17.7007 0.324219ZM17.508 11.1865H15.093V19.924H11.4795V11.1865H9.67195V8.17447H11.4795V6.36697C11.4795 3.90997 12.4995 2.44822 15.402 2.44822H17.8147V5.45947H16.3057C15.1777 5.45947 15.1027 5.88172 15.1027 6.66697L15.093 8.17447H17.8267L17.508 11.1865Z" 18055 fill="#005AAB"></path> 18056 </svg> 18057 </span></a><a href="https://www.tiktok.com/@datascripmall" rel="noopener noreferrer" 18058 target="_blank" alt="social link tiktok" class="hover:opacity-80" 18059 aria-label="social link tiktok" data-v-6f6249f3=""><span class="nuxt-icon text-2xl" 18060 data-v-6f6249f3=""><svg width="21" height="21" viewBox="0 0 21 21" fill="none" 18061 xmlns="http://www.w3.org/2000/svg"> 18062 <path 18063 d="M17.8421 0.475098H3.61215C2.005 0.475098 0.702148 1.77795 0.702148 3.3851V17.6151C0.702148 19.2222 2.005 20.5251 3.61215 20.5251H17.8421C19.4493 20.5251 20.7521 19.2222 20.7521 17.6151V3.3851C20.7521 1.77795 19.4493 0.475098 17.8421 0.475098Z" 18064 fill="#005AAB"></path> 18065 <path 18066 d="M16.5921 9.1951C15.8421 9.1151 15.1221 8.8751 14.4621 8.5151C14.3821 8.4751 13.9321 8.1651 13.8921 8.1951V13.5151C13.5321 17.0951 9.35215 18.8851 6.52215 16.5751C4.29215 14.7651 4.34215 11.4851 6.49215 9.6251C7.45215 8.7951 8.76215 8.4751 10.0121 8.6651V11.1451C8.84215 10.7551 7.49215 11.5851 7.35215 12.8151C7.04215 15.5251 11.0421 16.0051 11.4121 13.3351V3.5651L11.4421 3.3951H13.1921C13.3121 3.5251 13.3221 3.7451 13.3821 3.9251C13.8421 5.2051 14.9421 6.0751 16.3021 6.2251C16.4021 6.2351 16.5221 6.1851 16.5921 6.2751V9.2051V9.1951Z" 18067 fill="white"></path> 18068 </svg> 18069 </span></a> 18070 <!--]--> 18071 </div> 18072 </div> 18073 </div> 18074 </div> 18075 <hr> 18076 <!----> 18077 <div class="container" data-v-6f6249f3="" bis_skin_checked="1"> 18078 <div class="border-t py-4 text-center" data-v-6f6249f3="" bis_skin_checked="1"></div> 18079 </div> 18080 </footer> 18081 <!--]--> 18082 </div> 18083 <!--teleport start--> 18084 <!--teleport end--> 18085 <div id="popup" bis_skin_checked="1"> 18086 <!----> 18087 </div> 18088 </div> 18089 <div id="teleports" bis_skin_checked="1"></div> 18090
18090<script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__"> 18091 [["ShallowReactive",1],{"data":2,"state":84,"once":92,"_errors":93,"serverRendered":30,"path":95,"pinia":96},["ShallowReactive",3],{"DXj7gzIYAA":4,"jBUFCjcsr7":36},{"data":5,"links":20,"meta":22},[6,15],{"id":7,"key":8,"value":9,"type":10,"deleted_at":11,"created_at":12,"updated_at":13,"description":14},34,"app.playstore_url","https://play.google.com/store/apps/details?id=id.datascrip.mall","text",null,"2025-10-18T07:53:08.000000Z","2025-12-24T13:38:55.000000Z","Pengaturan untuk mengubah url untuk mengunduh aplikasi pada Android (playstore) yang terdapat pada header dan footer.",{"id":16,"key":17,"value":18,"type":10,"deleted_at":11,"created_at":12,"updated_at":13,"description":19},35,"app.appstore_url","https://apps.apple.com/id/app/datascripmall/id123456789","Pengaturan untuk mengubah url untuk mengunduh aplikasi pada iOS (appstore) yang terdapat pada header dan footer.",{"first":21,"last":21,"prev":11,"next":11},"http://api.datascripmall.id/api/v1/master_data/settings?filter%5Bkey%5D=app.appstore_url%2Capp.playstore_url&page%5Bnumber%5D=1",{"current_page":23,"from":23,"last_page":23,"links":24,"path":33,"per_page":34,"to":35,"total":35},1,[25,28,31],{"url":11,"label":26,"active":27},"« Previous",false,{"url":21,"label":29,"active":30},"1",true,{"url":11,"label":32,"active":27},"Next »","http://api.datascripmall.id/api/v1/master_data/settings",30,2,{"data":37,"links":76,"meta":78},[38,44,50,55,60,65,70],{"id":23,"key":39,"value":40,"type":41,"deleted_at":11,"created_at":42,"updated_at":13,"description":43},"copyright-year","2026","number","2025-07-22T06:02:37.000000Z","Pengaturan untuk mengubah tahun copyright pada footer.",{"id":45,"key":46,"value":47,"type":48,"deleted_at":11,"created_at":42,"updated_at":13,"description":49},5,"office-address","Jl. Jend. Ahmad Yani No. 1, Kayuringin Jaya, Kec. Bekasi Selatan, Kota Bekasi, Jawa Barat 17144","textarea","Pengaturan untuk mengubah alamat kantor Datascrip pada footer.",{"id":51,"key":52,"value":53,"type":10,"deleted_at":11,"created_at":12,"updated_at":13,"description":54},36,"app.social.tiktok","https://www.tiktok.com/@datascripmall","Pengaturan untuk mengubah url untuk akun tiktok Datascrip pada footer.",{"id":56,"key":57,"value":58,"type":10,"deleted_at":11,"created_at":12,"updated_at":13,"description":59},37,"app.social.instagram","https://www.instagram.com/datascripmall","Pengaturan untuk mengubah url untuk akun instagram Datascrip pada footer.",{"id":61,"key":62,"value":63,"type":10,"deleted_at":11,"created_at":12,"updated_at":13,"description":64},38,"app.social.facebook","https://www.facebook.com/datascripmall","Pengaturan untuk mengubah url untuk akun facebook Datascrip pada footer.",{"id":66,"key":67,"value":68,"type":10,"deleted_at":11,"created_at":12,"updated_at":13,"description":69},39,"app.social.youtube","https://www.youtube.com/@datascripmall","Pengaturan untuk mengubah url untuk akun youtube Datascrip pada footer.",{"id":71,"key":72,"value":73,"type":10,"deleted_at":11,"created_at":74,"updated_at":13,"description":75},53,"certificate-logo-url","https://www.bsigroup.com/en-GB/products-and-services/assessment-and-certification/validation-and-verification/client-directory-certificate/IS%20738285","2025-11-03T08:33:16.000000Z","Pengaturan untuk mengubah url ke halaman sertifikasi.",{"first":77,"last":77,"prev":11,"next":11},"http://api.datascripmall.id/api/v1/master_data/settings?filter%5Bkey%5D=copyright-year%2Capp.social.youtube%2Capp.social.instagram%2Capp.social.facebook%2Capp.social.tiktok%2Coffice-address%2Ccertificate-logo-url&page%5Bnumber%5D=1",{"current_page":23,"from":23,"last_page":23,"links":79,"path":33,"per_page":34,"to":83,"total":83},[80,81,82],{"url":11,"label":26,"active":27},{"url":77,"label":29,"active":30},{"url":11,"label":32,"active":27},7,["Reactive",85],{"$sauth:data":11,"$sauth:lastRefreshedAt":86,"$sauth:loading":27,"$shomepageData":11,"$ssite-config":87},["Date","2026-01-03T09:21:13.146Z"],{"description":88,"env":89,"name":90,"url":91},"Suitmedia","production","suitmedia","https://rtpunsurmerdeka.com",["Set"],["ShallowReactive",94],{"DXj7gzIYAA":11,"VIO77-â«¶-Link-Alternatif Komunitas-Online-Terjamin-Jackpot-Verified":11,"jBUFCjcsr7":11},"//careysjewelry.com/products/nelly-necklace",["Reactive",97],{"qiscus":98,"user-store":101,"theme":103},{"latestMessage":11,"history":99,"MAX_HISTORY_SIZE":100},[],50,{"data":102,"isLoading":27,"error":11},{},{"overlayOn":27}] 18092 </script>
18092 18093 <div bis_skin_checked="1"> 18094 <div class="grecaptcha-badge" data-style="bottomright" bis_skin_checked="1" 18095 style="width: 256px; height: 60px; display: block; transition: right 0.3s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px 5px; border-radius: 2px; overflow: hidden;"> 18096 <div class="grecaptcha-logo" bis_skin_checked="1"><iframe title="reCAPTCHA" width="256" height="60" 18097 role="presentation" name="a-ke5j4y431j3p" frameborder="0" scrolling="no" 18098 sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" 18099 src="https://recaptcha.net/recaptcha/api2/anchor?ar=1&k=6LdMMTosAAAAAKjGoG96N7jB6KzTd3EHo5eL5ixC&co=aHR0cHM6Ly9kYXRhc2NyaXBtYWxsLmlkOjQ0Mw..&hl=id&v=7gg7H51Q-naNfhmCP3_R47ho&size=invisible&anchor-ms=20000&execute-ms=30000&cb=nlpd5odsp932" 18100 bis_size="{"x":1595,"y":849,"w":256,"h":60,"abs_x":1595,"abs_y":849}"></iframe> 18101 </div> 18102 <div class="grecaptcha-error" bis_skin_checked="1"></div><textarea id="g-recaptcha-response" 18103 name="g-recaptcha-response" class="g-recaptcha-response" 18104 style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea> 18105 </div><iframe style="display: none;"></iframe> 18106 </div>
18107<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"139904a13d0d49eb8901725f72fd1845","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 18107
18107
18108<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"499d815d0bf94e9c8ff461bf0f799fa1","r":1,"spa":2}' crossorigin="anonymous"></script>
18108 18109</body> 18110 18111</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.