@charset "windows-1252";

#ad { visibility: visible !important; }

[data-field-type="headline"] i, [data-field-type="productTitle"] i { font-style: normal; }

@font-face { font-display: swap; font-family: "Amazon Ember"; src: url("https://m.media-amazon.com/images/G/01/AUIClients/AmazonUIFont-amazonember_rg-cc7ebaa05a2cd3b02c0929ac0475a44ab30b7efa._V2_.woff2") format("woff2"), url("https://m.media-amazon.com/images/G/01/AUIClients/AmazonUIFont-amazonember_rg-8a9db402d8966ae93717c348b9ab0bd08703a7a7._V2_.woff") format("woff"); }

@font-face { font-display: swap; font-family: "Amazon Ember"; font-style: italic; src: url("https://m.media-amazon.com/images/G/01/AUIClients/AmazonUIFont-amazonember_rgit-9cc1bb64eb270135f1adf3a4881c2ee5e7c37be5._V2_.woff2") format("woff2"), url("https://m.media-amazon.com/images/G/01/AUIClients/AmazonUIFont-amazonember_rgit-a4dc98d644ff2aedd41da3da462f09ffce86eafb._V2_.woff") format("woff"); }

@font-face { font-display: swap; font-family: "Amazon Ember"; font-weight: 700; src: url("https://m.media-amazon.com/images/G/01/AUIClients/AmazonUIFont-amazonember_bd-46b91bda68161c14e554a779643ef4957431987b._V2_.woff2") format("woff2"), url("https://m.media-amazon.com/images/G/01/AUIClients/AmazonUIFont-amazonember_bd-b605252f87b8b3df5ae206596dac0938fc5888bc._V2_.woff") format("woff"); }

@font-face { font-display: swap; font-family: "Amazon Ember"; font-style: italic; font-weight: 700; src: url("https://m.media-amazon.com/images/G/01/AUIClients/AmazonUIFont-amazonember_bdit-80ff7aba37dd1ff5a6b90233a19e3a780a96dc2f._V2_.woff2") format("woff2"), url("https://m.media-amazon.com/images/G/01/AUIClients/AmazonUIFont-amazonember_bdit-57598ce426a612be5a1d15eee08252668fca5e7a._V2_.woff") format("woff"); }

@font-face { font-display: swap; font-family: "Amazon Ember"; font-weight: 300; src: url("https://m.media-amazon.com/images/G/01/AUIClients/AmazonUIFont-amazonember_lt-245045fa7de5df027437f47209a5add3b48108a1.woff2") format("woff2"), url("https://m.media-amazon.com/images/G/01/AUIClients/AmazonUIFont-amazonember_lt-ea968a84d1487df3bbf00e11a5637ffb61c750b6.woff") format("woff"); }

#ad, #div-gpt-ad, body, html { box-sizing: border-box; font-family: "Amazon Ember", arial, sans-serif; font-size: 100%; height: 100%; line-height: 1.125rem; margin: 0px; width: 100%; }

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0px !important; }

.swiper-pagination-bullet { background: transparent !important; border: 1px solid rgb(187, 191, 191) !important; opacity: 1 !important; }

.swiper-pagination-bullet-active { background-color: rgb(0, 113, 133) !important; border: 1px solid rgb(0, 113, 133) !important; }

.image-carousel-slide.swiper-slide { padding-bottom: 25px; }

@keyframes fadeInAnimation { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.fade-in { animation: 1s ease 0s 1 normal forwards running fadeInAnimation; }

@keyframes reverseFadeInAnimation { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

.fade-in-collapsed { animation: 1s ease 0s 1 normal none running fadeInAnimation; }

.fade-in-expanded { animation: 1s ease-in 0s 1 reverse none running reverseFadeInAnimation; }

.hover-scale-animation { transition: scale 0.5s cubic-bezier(0.19, 1, 0.22, 1); }

.zooming-image-hovered { scale: 1.1; }

.contrast-image-hovered { filter: contrast(1.13); }

.contrast-image-hovered-stronger { filter: contrast(1.25); }

.aspect-portrait { aspect-ratio: 9 / 16; }

.image-zoom-animation { transform: scale(0.85); transition: 0.3s; }

.image-zoom-animation-end { transform: scale(1); }

.image-shine-animation { mask: linear-gradient(135deg, rgb(0, 0, 0) 40%, rgba(0, 0, 0, 0.4), rgb(0, 0, 0) 60%) 100% 100% / 250% 250%; transition: 0.8s; }

.image-shine-animation-end { mask-position: 0px 0px; }

*, ::after, ::before { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(0,102,192,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }

::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(0,102,192,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }

*, ::after, ::before { border: 0px solid rgb(229, 231, 235); box-sizing: border-box; }

::after, ::before { --tw-content: ""; }

:host, html { text-size-adjust: 100%; font-feature-settings: normal; -webkit-tap-highlight-color: transparent; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-variation-settings: normal; line-height: 1.5; tab-size: 4; }

body { line-height: inherit; margin: 0px; }

hr { border-top-width: 1px; color: inherit; height: 0px; }

abbr:where([title]) { text-decoration: underline dotted; }

h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }

a { color: inherit; text-decoration: inherit; }

b, strong { font-weight: bolder; }

code, kbd, pre, samp { font-feature-settings: normal; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; font-variation-settings: normal; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

table { border-collapse: collapse; border-color: inherit; text-indent: 0px; }

button, input, optgroup, select, textarea { font-feature-settings: inherit; color: inherit; font-family: inherit; font-size: 100%; font-variation-settings: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; margin: 0px; padding: 0px; }

button, select { text-transform: none; }

button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) { appearance: button; background-color: transparent; background-image: none; }

progress { vertical-align: baseline; }

::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }

[type="search"] { appearance: textfield; outline-offset: -2px; }

::-webkit-search-decoration { appearance: none; }

::-webkit-file-upload-button { appearance: button; font: inherit; }

summary { display: list-item; }

blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { margin: 0px; }

fieldset { margin: 0px; }

fieldset, legend { padding: 0px; }

menu, ol, ul { list-style: none; margin: 0px; padding: 0px; }

dialog { padding: 0px; }

textarea { resize: vertical; }

input::placeholder, textarea::placeholder { color: rgb(204, 204, 204); opacity: 1; }

[role="button"], button { cursor: pointer; }

:disabled { cursor: default; }

audio, canvas, embed, iframe, img, object, svg, video { display: block; vertical-align: middle; }

img, video { height: auto; max-width: 100%; }

[hidden]:where(:not([hidden="until-found"])) { display: none; }

.container { width: 100%; }

@media (min-width: 260px) {
  .container { max-width: 260px; }
}

@media (min-width: 300px) {
  .container { max-width: 300px; }
}

@media (min-width: 340px) {
  .container { max-width: 340px; }
}

@media (min-width: 375px) {
  .container { max-width: 375px; }
}

@media (min-width: 540px) {
  .container { max-width: 540px; }
}

@media (min-width: 620px) {
  .container { max-width: 620px; }
}

@media (min-width: 800px) {
  .container { max-width: 800px; }
}

.btn { align-items: center; border: 1px solid; border-radius: 3px; cursor: pointer; display: inline-flex; font-size: 0.8125rem; justify-content: center; overflow: hidden; position: relative; text-decoration: none; transform: translateZ(0px); user-select: none; vertical-align: middle; z-index: 1000; }

.btn :not(:hover) { box-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px inset; }

.btn-primary { background: linear-gradient(rgb(254, 230, 176), rgb(238, 186, 55)); border-color: rgb(190, 149, 44) rgb(166, 130, 38) rgb(155, 121, 36); }

.btn-primary:hover { background: linear-gradient(rgb(254, 222, 151), rgb(236, 178, 31)); border-color: rgb(169, 133, 39) rgb(145, 114, 33) rgb(134, 105, 31); }

.btn-primary:active { background: rgb(254, 230, 176); border-color: rgb(155, 121, 36) rgb(166, 130, 38) rgb(166, 130, 38); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px inset; }

.btn-secondary { background: linear-gradient(rgb(245, 245, 245), rgb(227, 227, 227)); border-color: rgb(183, 183, 183) rgb(170, 170, 170) rgb(160, 160, 160); }

.btn-secondary:hover { background: linear-gradient(rgb(232, 232, 232), rgb(214, 214, 214)); border-color: rgb(167, 167, 122) rgb(144, 144, 95) rgb(128, 128, 85); }

.btn-secondary:active { background: rgb(245, 245, 245); border-color: rgb(183, 183, 183) rgb(170, 170, 170) rgb(160, 160, 160); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px inset; }

.btn-preorder { background: linear-gradient(rgb(230, 230, 208), rgb(205, 205, 161)); border-color: rgb(178, 178, 137) rgb(157, 157, 107) rgb(144, 144, 95); }

.btn-preorder:hover { background: linear-gradient(rgb(221, 221, 191), rgb(196, 196, 144)); border-color: rgb(167, 167, 122) rgb(144, 144, 95) rgb(128, 128, 85); }

.btn-preorder:active { background: rgb(230, 230, 208); border-color: rgb(144, 144, 95) rgb(157, 157, 107) rgb(157, 157, 107); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px inset; }

.btn-featured { background: none; border: none; color: rgb(0, 113, 133); font-size: 0.8125rem; line-height: 1.1875rem; text-decoration: none; }

.btn-featured:hover { color: rgb(199, 81, 31); text-decoration: underline; }

.btn-featured-skinny { background: none; border: none; color: rgb(0, 113, 133); font-size: 0.9375rem; font-weight: 100; line-height: 1.1875rem; text-decoration: none; }

.btn-featured-skinny:hover { color: rgb(199, 81, 31); text-decoration: underline; }

.btn-dark { background-color: rgb(0, 0, 0); border: none; border-radius: 4px; color: rgb(255, 255, 255); text-decoration: none; }

.btn-arrow { background: none; border: none; color: rgb(0, 113, 133); font-size: 0.8125rem; font-weight: 400; line-height: 1.1875rem; text-decoration: none; }

.btn-arrow::after { content: ">"; font-weight: 400; padding-left: 4px; }

.btn-link { background: none; border: none; color: rgb(0, 113, 133); font-size: 0.875rem; font-weight: 400; line-height: 1.3125rem; text-decoration: none; }

.btn-link:active, .btn-link:focus, .btn-link:hover { text-decoration: underline; }

.btn-link-secondary { background: none; border: none; color: rgb(0, 115, 199); font-size: 0.875rem; font-weight: 400; line-height: 1.3125rem; text-decoration: none; }

.btn-link-secondary:active, .btn-link-secondary:focus, .btn-link-secondary:hover { text-decoration: underline; }

.btn-outline { background: none; border: 2px solid rgb(184, 191, 203); border-radius: 4px; font-weight: 700; text-decoration: none; }

.btn-outline:hover { background-color: rgb(242, 244, 246); }

.btn-block { background: none; border: 2px solid rgb(0, 0, 0); border-radius: 0px; color: rgb(0, 0, 0); font-weight: 700; text-decoration: none; text-transform: uppercase; }

.btn-block:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }

.btn-block { font-size: 0.8125rem; line-height: 0.9375rem; min-width: 110px; padding: 8px 10px; }

.btn-block-inverted { background: transparent; border: 2px solid rgb(255, 255, 255); border-radius: 0px; color: rgb(255, 255, 255); font-weight: 700; text-decoration: none; text-transform: uppercase; }

.btn-block-inverted:hover { background: rgb(255, 255, 255); color: transparent; }

.btn-block-inverted { font-size: 0.8125rem; line-height: 0.9375rem; min-width: 110px; padding: 8px 10px; }

.btn-block-xsm { background: none; border: 2px solid rgb(0, 0, 0); border-radius: 0px; color: rgb(0, 0, 0); font-weight: 700; text-decoration: none; text-transform: uppercase; }

.btn-block-xsm:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }

.btn-block-xsm { font-size: 0.625rem; line-height: 0.6875rem; min-width: 84px; padding: 4px 8px; }

.btn-block-xsm-inverted { background: transparent; border: 2px solid rgb(255, 255, 255); border-radius: 0px; color: rgb(255, 255, 255); font-weight: 700; text-decoration: none; text-transform: uppercase; }

.btn-block-xsm-inverted:hover { background: rgb(255, 255, 255); color: transparent; }

.btn-block-xsm-inverted { font-size: 0.625rem; line-height: 0.6875rem; min-width: 84px; padding: 4px 8px; }

.btn-block-sm { background: none; border: 2px solid rgb(0, 0, 0); border-radius: 0px; color: rgb(0, 0, 0); font-weight: 700; text-decoration: none; text-transform: uppercase; }

.btn-block-sm:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }

.btn-block-sm { font-size: 0.625rem; line-height: 0.6875rem; min-width: 90px; padding: 5px 10px; }

.btn-block-sm-inverted { background: transparent; border: 2px solid rgb(255, 255, 255); border-radius: 0px; color: rgb(255, 255, 255); font-weight: 700; text-decoration: none; text-transform: uppercase; }

.btn-block-sm-inverted:hover { background: rgb(255, 255, 255); color: transparent; }

.btn-block-sm-inverted { font-size: 0.625rem; line-height: 0.6875rem; min-width: 90px; padding: 5px 10px; }

.btn-block-md { background: none; border: 2px solid rgb(0, 0, 0); border-radius: 0px; color: rgb(0, 0, 0); font-weight: 700; text-decoration: none; text-transform: uppercase; }

.btn-block-md:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }

.btn-block-md { font-size: 0.875rem; line-height: 0.8125rem; min-width: 100px; padding: 7px 10px; }

.btn-block-md-inverted { background: transparent; border: 2px solid rgb(255, 255, 255); border-radius: 0px; color: rgb(255, 255, 255); font-weight: 700; text-decoration: none; text-transform: uppercase; }

.btn-block-md-inverted:hover { background: rgb(255, 255, 255); color: transparent; }

.btn-block-md-inverted { font-size: 0.875rem; line-height: 0.8125rem; min-width: 100px; padding: 7px 10px; }

.btn-pill-primary { background: rgb(255, 216, 20); border: 1px solid rgb(252, 210, 0); border-radius: 20px; box-shadow: rgba(212, 216, 216, 0.5) 0px 2px 5px 0px; color: rgb(15, 17, 17); text-align: center; }

.btn-pill-primary:hover { filter: brightness(95%); }

.btn-pill-secondary { background: rgb(255, 164, 28); border: 1px solid rgb(255, 143, 0); border-radius: 20px; box-shadow: rgba(212, 216, 216, 0.5) 0px 2px 5px 0px; color: rgb(15, 17, 17); text-align: center; }

.btn-pill-secondary:hover { filter: brightness(95%); }

.btn-pill-gray { background: rgb(247, 248, 250); border: 1px solid rgb(173, 177, 184); border-radius: 20px; box-shadow: rgba(212, 216, 216, 0.5) 0px 2px 5px 0px; color: rgb(15, 17, 17); text-align: center; }

.btn-pill-gray:hover { filter: brightness(95%); }

.btn-pill-square-primary { background: rgb(255, 216, 20); border: 1px solid rgb(252, 210, 0); border-radius: 8px; box-shadow: rgba(212, 216, 216, 0.5) 0px 2px 5px 0px; color: rgb(15, 17, 17); text-align: center; }

.btn-pill-square-primary:hover { filter: brightness(95%); }

.btn-pill-square-secondary { background: rgb(255, 164, 28); border: 1px solid rgb(255, 143, 0); border-radius: 8px; box-shadow: rgba(212, 216, 216, 0.5) 0px 2px 5px 0px; color: rgb(15, 17, 17); text-align: center; }

.btn-pill-square-secondary:hover { filter: brightness(95%); }

.btn-pill-square-gray { background: rgb(247, 248, 250); border: 1px solid rgb(173, 177, 184); border-radius: 8px; box-shadow: rgba(212, 216, 216, 0.5) 0px 2px 5px 0px; color: rgb(15, 17, 17); text-align: center; }

.btn-pill-square-gray:hover { filter: brightness(95%); }

.btn-pill-square-white { background: rgb(255, 255, 255); border: 1px solid rgb(136, 140, 140); border-radius: 8px; box-shadow: rgba(212, 216, 216, 0.5) 0px 2px 5px 0px; color: rgb(15, 17, 17); text-align: center; }

.btn-pill-square-white:hover { filter: brightness(95%); }

.btn-text-only { background: none; border: none; color: rgb(0, 113, 133); font-size: 0.8125rem; font-weight: 400; line-height: 1.1875rem; text-decoration: none; }

.btn-text-only:active, .btn-text-only:focus, .btn-text-only:hover { color: rgb(199, 81, 31); }

.btn-text-and-arrow { background: none; border: none; color: rgb(0, 113, 133); font-size: 0.8125rem; font-weight: 400; line-height: 1.1875rem; text-decoration: none; }

.btn-text-and-arrow::after { content: ">"; font-weight: 400; padding-left: 4px; }

.btn-text-and-arrow:active, .btn-text-and-arrow:focus, .btn-text-and-arrow:hover { color: rgb(199, 81, 31); }

.btn-xsmall { font-size: 0.625rem; padding: 0px 6px 0px 4px; }

.btn-small, .btn-xsmall { min-height: 24px; min-width: 70px; }

.btn-small { font-size: 0.75rem; padding: 0px 6px 0px 7px; }

.btn-medium { font-size: 0.75rem; padding: 0px 10px 0px 11px; }

.btn-inflated, .btn-medium { min-height: 29px; min-width: 90px; }

.btn-inflated { font-size: 1rem; padding: 12px 20px; width: 100%; }

.btn-large { padding: 0px 10px 0px 11px; }

.btn-large, .btn-xlarge { line-height: 1.6875rem; min-height: 29px; min-width: 110px; }

.btn-xlarge { padding: 3px 10px 3px 11px; }

.btn-xxl { line-height: 1.3125rem; min-height: 32px; min-width: 110px; padding: 15px 5px; }

.btn-full { line-height: 1.6875rem; min-height: 29px; padding: 0px 10px 0px 11px; width: 100%; }

.btn-twitch-purple { background: rgb(135, 78, 246); border: 1px solid rgb(135, 78, 246); border-radius: 4px; }

.btn-twitch-dark, .btn-twitch-purple { color: rgb(255, 255, 255); font-size: 1rem; font-style: normal; font-weight: 700; height: 32px; line-height: 1.3125rem; }

.btn-twitch-dark { background: rgb(48, 51, 51); border: 1px solid rgb(255, 255, 255); border-radius: 4px; }

.btn-twitch-white { background: rgb(255, 255, 255); border: none; border-radius: 4px; color: rgb(0, 0, 0); font-size: 1.5rem; font-style: normal; font-weight: 700; height: 32px; line-height: 1.3125rem; min-height: 55px; min-width: 184px; }

.display-inline-box { display: -webkit-inline-box; }

.text16 { font-size: 1rem; line-height: 1.2; }

.text18 { font-size: 1.125rem; line-height: 1.2; }

.text20 { font-size: 1.25rem; line-height: 1.2; }

.text22 { font-size: 1.375rem; line-height: 1.2; }

.text24 { font-size: 1.5rem; line-height: 1.2; }

.visually-hidden { clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }

.direction-rtl { direction: rtl; }

.direction-ltr { direction: ltr; }

.a-meter { background-color: rgb(240, 242, 242); border-radius: 4px; box-shadow: rgb(187, 191, 191) 0px 0px 0px 1px inset; height: 20px; overflow: hidden; }

.a-meter-bar { background-color: rgb(255, 164, 28); border-radius: 4px 0px 0px 4px; box-shadow: rgb(245, 150, 29) -2px 0px 0px -1px inset, rgb(222, 121, 33) 0px 0px 0px 1px inset; height: 100%; }

.customBackgroundGrayBanner::after { background-color: rgba(135, 150, 151, 0.07); border-radius: 0px 70vh 70vh 0px / 0px 700vh 700vh 0px; inset: 0px; content: ""; pointer-events: none; position: absolute; z-index: 10; }

.custom-badge-with-border-triangle { align-items: center; background-color: rgb(75, 85, 99); color: rgb(255, 255, 255); display: flex; height: 20px; margin-right: 5px; max-width: 160px; padding: 0px 8px; position: relative; width: fit-content; z-index: 8; }

.custom-badge-with-border-triangle::after { border-right: 8px solid transparent; border-top: 20px solid rgb(85, 85, 85); content: ""; height: 100%; position: absolute; right: -8px; top: 0px; width: 8px; }

.customBackgroundGraySkyscraper::after { background-color: rgba(135, 150, 151, 0.07); border-radius: 0px 0px 600vh 600vh / 0px 0px 50vh 50vh; inset: 0px; content: ""; pointer-events: none; position: absolute; z-index: 10; }

.italic-gray { --tw-text-opacity: 1 !important; color: rgb(51 51 51/var(--tw-text-opacity,1)) !important; font-style: italic !important; font-weight: 400 !important; }

.buybox-product-title { grid-area: buybox-product-title; }

.buybox-headline { grid-area: buybox-headline; }

.buybox-ratings { grid-area: buybox-ratings; }

.buybox-dealbadge { grid-area: buybox-dealbadge; }

.buybox-dealprice { grid-area: buybox-dealprice; }

.buybox-energybadge { grid-area: buybox-energybadge; }

.buybox-cta { grid-area: buybox-cta; }

.buybox-quantity-discount { grid-area: buybox-quantity-discount; }

.buybox-cpf-logo { grid-area: buybox-cpf-logo; }

.buybox-social-proofing-message { grid-area: buybox-social-proofing-message; }

.sponsored-label .feedback-icon { height: 11px; min-width: 11px; object-fit: cover; object-position: center top; width: 11px; }

.sponsored-label:hover .feedback-icon { object-position: center bottom; }

.grid-height-override-for-expanded-creative-view { height: calc(100% - 30px) !important; }

.focus-outline a:focus { outline: rgb(0, 102, 255) solid 2px; outline-offset: -2px; }

.carousel-gradient-left { background: linear-gradient(90deg, rgb(255, 255, 255) 0px, transparent 10%, transparent 100%, rgb(255, 255, 255)); }

.carousel-gradient-right { background: linear-gradient(90deg, rgb(255, 255, 255) 0px, transparent 0px, transparent 90%, rgb(255, 255, 255)); }

.carousel-gradient-loop { background: linear-gradient(90deg, rgb(255, 255, 255) 0px, transparent 10%, transparent 90%, rgb(255, 255, 255)); }

.grid-hero-component { grid-area: hero-component; }

.grid-buy-box { grid-area: buy-box; }

.grid-brand-snapshot { grid-area: brand-snapshot; }

.grid-tease-flip { grid-area: tease-flip; }

.grid-cta-button { grid-area: cta-button; }

.grid-leadgen-button { grid-area: leadgen-button; }

.grid-custom-image { grid-area: custom-image; }

.grid-deal-price { grid-area: deal-price; }

.grid-headline { grid-area: headline; }

.grid-headline-cta { grid-area: headline-cta; }

.grid-headline-logo { grid-area: headline-logo; }

.grid-logo-image { grid-area: logo-image; }

.grid-price-badge { grid-area: price-badge; }

.grid-product-image { grid-area: product-image; }

.grid-product-title { grid-area: product-title; }

.grid-sponsored-label { grid-area: sponsored-label; }

.grid-flex { grid-area: flex; }

.grid-close-button-bar { grid-area: sponsored-label; }

.grid-video-overlay { grid-area: video-overlay; }

.grid-terms-and-conditions-label { grid-area: terms-and-conditions-label; }

.grid-inset-carousel { grid-area: inset-carousel; }

.grid-title-label { grid-area: title-label; }

.tw .pointer-events-none { pointer-events: none; }

.tw .visible { visibility: visible; }

.tw .invisible { visibility: hidden; }

.tw .collapse { visibility: collapse; }

.tw .static { position: static; }

.tw .fixed { position: fixed; }

.tw .absolute { position: absolute; }

.tw .relative { position: relative; }

.tw .bottom-0 { bottom: 0px; }

.tw .bottom-\[-1px\] { bottom: -1px; }

.tw .bottom-\[-2px\] { bottom: -2px; }

.tw .bottom-\[0\] { bottom: 0px; }

.tw .bottom-\[4px\] { bottom: 4px; }

.tw .bottom-\[8px\] { bottom: 8px; }

.tw .left-0 { left: 0px; }

.tw .left-1\/2 { left: 50%; }

.tw .left-\[-2px\] { left: -2px; }

.tw .left-\[0\], .tw .left-\[0px\] { left: 0px; }

.tw .right-0 { right: 0px; }

.tw .right-2 { right: 16px; }

.tw .right-7 { right: 56px; }

.tw .right-\[-2px\] { right: -2px; }

.tw .right-\[0\] { right: 0px; }

.tw .right-\[4px\] { right: 4px; }

.tw .right-\[8px\] { right: 8px; }

.tw .top-0 { top: 0px; }

.tw .top-1\/2 { top: 50%; }

.tw .top-\[-0\.3em\] { top: -0.3em; }

.tw .top-\[-1px\] { top: -1px; }

.tw .top-\[-2px\] { top: -2px; }

.tw .top-\[-3px\] { top: -3px; }

.tw .top-\[-7px\] { top: -7px; }

.tw .top-\[0\] { top: 0px; }

.tw .top-\[1px\] { top: 1px; }

.tw .top-\[2px\] { top: 2px; }

.tw .z-10 { z-index: 10; }

.tw .z-20 { z-index: 20; }

.tw .z-30 { z-index: 30; }

.tw .z-50 { z-index: 50; }

.tw .z-\[100\] { z-index: 100; }

.tw .z-\[50\] { z-index: 50; }

.tw .order-1 { order: 1; }

.tw .order-2 { order: 2; }

.tw .order-3 { order: 3; }

.tw .order-4 { order: 4; }

.tw .col-start-1 { grid-column-start: 1; }

.tw .row-start-1 { grid-row-start: 1; }

.tw .m-0 { margin: 0px; }

.tw .m-0\.5 { margin: 4px; }

.tw .m-auto { margin: auto; }

.tw .mx-0\.5 { margin-left: 4px; margin-right: 4px; }

.tw .mx-1\.5 { margin-left: 12px; margin-right: 12px; }

.tw .mx-2 { margin-left: 16px; margin-right: 16px; }

.tw .mx-auto { margin-left: auto; margin-right: auto; }

.tw .my-0\.25 { margin-bottom: 2px; margin-top: 2px; }

.tw .my-0\.5 { margin-bottom: 4px; margin-top: 4px; }

.tw .my-0\.75 { margin-bottom: 6px; margin-top: 6px; }

.tw .my-1 { margin-bottom: 8px; margin-top: 8px; }

.tw .my-2 { margin-bottom: 16px; margin-top: 16px; }

.tw .my-\[1px\] { margin-bottom: 1px; margin-top: 1px; }

.tw .\!mb-0 { margin-bottom: 0px !important; }

.tw .-ml-1 { margin-left: -8px; }

.tw .mb-0\.25 { margin-bottom: 2px; }

.tw .mb-0\.5 { margin-bottom: 4px; }

.tw .mb-1 { margin-bottom: 8px; }

.tw .mb-1\.5 { margin-bottom: 12px; }

.tw .mb-2 { margin-bottom: 16px; }

.tw .mb-\[15px\] { margin-bottom: 15px; }

.tw .mb-\[20px\] { margin-bottom: 20px; }

.tw .mb-\[2px\] { margin-bottom: 2px; }

.tw .mb-\[3px\] { margin-bottom: 3px; }

.tw .mb-\[6px\] { margin-bottom: 6px; }

.tw .ml-0\.5 { margin-left: 4px; }

.tw .ml-1\.5 { margin-left: 12px; }

.tw .ml-\[2px\] { margin-left: 2px; }

.tw .ml-\[5px\] { margin-left: 5px; }

.tw .mr-0\.25 { margin-right: 2px; }

.tw .mr-0\.75 { margin-right: 6px; }

.tw .mr-1 { margin-right: 8px; }

.tw .mr-\[2px\] { margin-right: 2px; }

.tw .mt-0 { margin-top: 0px; }

.tw .mt-0\.25 { margin-top: 2px; }

.tw .mt-0\.5 { margin-top: 4px; }

.tw .mt-1 { margin-top: 8px; }

.tw .mt-1\.5 { margin-top: 12px; }

.tw .mt-2 { margin-top: 16px; }

.tw .mt-3 { margin-top: 24px; }

.tw .mt-5 { margin-top: 40px; }

.tw .mt-\[-2px\] { margin-top: -2px; }

.tw .mt-\[-55px\] { margin-top: -55px; }

.tw .mt-\[-7px\] { margin-top: -7px; }

.tw .mt-\[12px\] { margin-top: 12px; }

.tw .mt-\[1px\] { margin-top: 1px; }

.tw .mt-\[20px\] { margin-top: 20px; }

.tw .mt-\[2px\] { margin-top: 2px; }

.tw .mt-\[55px\] { margin-top: 55px; }

.tw .mt-\[6px\] { margin-top: 6px; }

.tw .line-clamp-1 { -webkit-line-clamp: 1; }

.tw .line-clamp-1, .tw .line-clamp-2 { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }

.tw .line-clamp-2 { -webkit-line-clamp: 2; }

.tw .line-clamp-3 { -webkit-line-clamp: 3; }

.tw .line-clamp-3, .tw .line-clamp-4 { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }

.tw .line-clamp-4 { -webkit-line-clamp: 4; }

.tw .line-clamp-5 { -webkit-line-clamp: 5; }

.tw .line-clamp-5, .tw .line-clamp-6 { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }

.tw .line-clamp-6 { -webkit-line-clamp: 6; }

.tw .line-clamp-none { -webkit-box-orient: horizontal; -webkit-line-clamp: none; display: block; overflow: visible; }

.tw .block { display: block; }

.tw .inline-block { display: inline-block; }

.tw .inline { display: inline; }

.tw .flex { display: flex; }

.tw .inline-flex { display: inline-flex; }

.tw .grid { display: grid; }

.tw .hidden { display: none; }

.tw .aspect-\[4\/3\] { aspect-ratio: 4 / 3; }

.tw .aspect-\[9\/16\] { aspect-ratio: 9 / 16; }

.tw .aspect-square { aspect-ratio: 1 / 1; }

.tw .aspect-video { aspect-ratio: 16 / 9; }

.tw .h-0 { height: 0px; }

.tw .h-1\/4 { height: 25%; }

.tw .h-3 { height: 24px; }

.tw .h-4 { height: 32px; }

.tw .h-\[108px\] { height: 108px; }

.tw .h-\[115px\] { height: 115px; }

.tw .h-\[125px\] { height: 125px; }

.tw .h-\[150px\] { height: 150px; }

.tw .h-\[16px\] { height: 16px; }

.tw .h-\[18px\] { height: 18px; }

.tw .h-\[1px\] { height: 1px; }

.tw .h-\[20px\] { height: 20px; }

.tw .h-\[26px\] { height: 26px; }

.tw .h-\[283px\] { height: 283px; }

.tw .h-\[30px\] { height: 30px; }

.tw .h-\[34px\] { height: 34px; }

.tw .h-\[36px\] { height: 36px; }

.tw .h-\[50vh\] { height: 50vh; }

.tw .h-\[60px\] { height: 60px; }

.tw .h-\[64px\] { height: 64px; }

.tw .h-\[90\%\] { height: 90%; }

.tw .h-\[calc\(100\%-30px\)\] { height: calc(100% - 30px); }

.tw .h-auto { height: auto; }

.tw .h-full { height: 100%; }

.tw .h-screen { height: 100vh; }

.tw .max-h-4 { max-height: 32px; }

.tw .max-h-\[105px\] { max-height: 105px; }

.tw .max-h-\[110px\] { max-height: 110px; }

.tw .max-h-\[115px\] { max-height: 115px; }

.tw .max-h-\[120px\] { max-height: 120px; }

.tw .max-h-\[130px\] { max-height: 130px; }

.tw .max-h-\[135px\] { max-height: 135px; }

.tw .max-h-\[140px\] { max-height: 140px; }

.tw .max-h-\[145px\] { max-height: 145px; }

.tw .max-h-\[150px\] { max-height: 150px; }

.tw .max-h-\[185px\] { max-height: 185px; }

.tw .max-h-\[200px\] { max-height: 200px; }

.tw .max-h-\[240px\] { max-height: 240px; }

.tw .max-h-\[250px\] { max-height: 250px; }

.tw .max-h-\[280px\] { max-height: 280px; }

.tw .max-h-\[300px\] { max-height: 300px; }

.tw .max-h-\[30px\] { max-height: 30px; }

.tw .max-h-\[36px\] { max-height: 36px; }

.tw .max-h-\[44px\] { max-height: 44px; }

.tw .max-h-\[45px\] { max-height: 45px; }

.tw .max-h-\[48px\] { max-height: 48px; }

.tw .max-h-\[50px\] { max-height: 50px; }

.tw .max-h-\[56px\] { max-height: 56px; }

.tw .max-h-\[60px\] { max-height: 60px; }

.tw .max-h-\[72px\] { max-height: 72px; }

.tw .max-h-\[80px\] { max-height: 80px; }

.tw .max-h-\[86px\] { max-height: 86px; }

.tw .max-h-\[90px\] { max-height: 90px; }

.tw .max-h-full { max-height: 100%; }

.tw .min-h-0 { min-height: 0px; }

.tw .min-h-\[110px\] { min-height: 110px; }

.tw .min-h-\[115px\] { min-height: 115px; }

.tw .min-h-\[30px\] { min-height: 30px; }

.tw .min-h-\[50px\] { min-height: 50px; }

.tw .min-h-\[55px\] { min-height: 55px; }

.tw .min-h-full { min-height: 100%; }

.tw .w-0 { width: 0px; }

.tw .w-4 { width: 32px; }

.tw .w-\[108px\] { width: 108px; }

.tw .w-\[115px\] { width: 115px; }

.tw .w-\[1px\] { width: 1px; }

.tw .w-\[200px\] { width: 200px; }

.tw .w-\[240px\] { width: 240px; }

.tw .w-\[28px\] { width: 28px; }

.tw .w-\[34px\] { width: 34px; }

.tw .w-\[414px\] { width: 414px; }

.tw .w-\[60px\] { width: 60px; }

.tw .w-\[64px\] { width: 64px; }

.tw .w-\[90\%\] { width: 90%; }

.tw .w-auto { width: auto; }

.tw .w-full { width: 100%; }

.tw .w-screen { width: 100vw; }

.tw .min-w-0 { min-width: 0px; }

.tw .min-w-\[100px\] { min-width: 100px; }

.tw .min-w-\[104px\] { min-width: 104px; }

.tw .min-w-\[150px\] { min-width: 150px; }

.tw .min-w-\[55px\] { min-width: 55px; }

.tw .min-w-\[60px\] { min-width: 60px; }

.tw .min-w-\[65px\] { min-width: 65px; }

.tw .min-w-\[75px\] { min-width: 75px; }

.tw .min-w-\[80px\] { min-width: 80px; }

.tw .max-w-\[1000px\] { max-width: 1000px; }

.tw .max-w-\[100px\] { max-width: 100px; }

.tw .max-w-\[104px\] { max-width: 104px; }

.tw .max-w-\[105px\] { max-width: 105px; }

.tw .max-w-\[110px\] { max-width: 110px; }

.tw .max-w-\[115px\] { max-width: 115px; }

.tw .max-w-\[116\] { }

.tw .max-w-\[1200px\] { max-width: 1200px; }

.tw .max-w-\[120px\] { max-width: 120px; }

.tw .max-w-\[126px\] { max-width: 126px; }

.tw .max-w-\[1300px\] { max-width: 1300px; }

.tw .max-w-\[130px\] { max-width: 130px; }

.tw .max-w-\[135px\] { max-width: 135px; }

.tw .max-w-\[140px\] { max-width: 140px; }

.tw .max-w-\[145px\] { max-width: 145px; }

.tw .max-w-\[150px\] { max-width: 150px; }

.tw .max-w-\[160px\] { max-width: 160px; }

.tw .max-w-\[180px\] { max-width: 180px; }

.tw .max-w-\[185px\] { max-width: 185px; }

.tw .max-w-\[200px\] { max-width: 200px; }

.tw .max-w-\[207px\] { max-width: 207px; }

.tw .max-w-\[240px\] { max-width: 240px; }

.tw .max-w-\[260px\] { max-width: 260px; }

.tw .max-w-\[300px\] { max-width: 300px; }

.tw .max-w-\[385px\] { max-width: 385px; }

.tw .max-w-\[472px\] { max-width: 472px; }

.tw .max-w-\[50px\] { max-width: 50px; }

.tw .max-w-\[55px\] { max-width: 55px; }

.tw .max-w-\[60px\] { max-width: 60px; }

.tw .max-w-\[66px\] { max-width: 66px; }

.tw .max-w-\[72px\] { max-width: 72px; }

.tw .max-w-\[76px\] { max-width: 76px; }

.tw .max-w-\[80\%\] { max-width: 80%; }

.tw .max-w-\[80px\] { max-width: 80px; }

.tw .max-w-\[85\%\] { max-width: 85%; }

.tw .max-w-\[85px\] { max-width: 85px; }

.tw .max-w-\[87px\] { max-width: 87px; }

.tw .max-w-\[88\%\] { max-width: 88%; }

.tw .max-w-\[88px\] { max-width: 88px; }

.tw .max-w-\[90\%\] { max-width: 90%; }

.tw .max-w-\[90px\] { max-width: 90px; }

.tw .max-w-\[92px\] { max-width: 92px; }

.tw .max-w-\[95px\] { max-width: 95px; }

.tw .max-w-\[980px\] { max-width: 980px; }

.tw .max-w-\[999px\] { max-width: 999px; }

.tw .max-w-full { max-width: 100%; }

.tw .flex-1 { flex: 1 1 0%; }

.tw .flex-auto { flex: 1 1 auto; }

.tw .flex-initial { flex: 0 1 auto; }

.tw .flex-none { flex: 0 0 auto; }

.tw .flex-shrink { flex-shrink: 1; }

.tw .flex-shrink-0 { flex-shrink: 0; }

.tw .shrink { flex-shrink: 1; }

.tw .shrink-0 { flex-shrink: 0; }

.tw .flex-grow, .tw .grow { flex-grow: 1; }

.tw .-translate-x-1\/2 { --tw-translate-x: -50%; }

.tw .-translate-x-1\/2, .tw .-translate-y-1\/2 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.tw .-translate-y-1\/2 { --tw-translate-y: -50%; }

.tw .translate-x-\[5px\] { --tw-translate-x: 5px; }

.tw .skew-x-\[-15deg\], .tw .translate-x-\[5px\] { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.tw .skew-x-\[-15deg\] { --tw-skew-x: -15deg; }

.tw .scale-\[0\.70\] { --tw-scale-x: 0.70; --tw-scale-y: 0.70; }

.tw .scale-\[0\.70\], .tw .scale-x-\[-1\] { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.tw .scale-x-\[-1\] { --tw-scale-x: -1; }

.tw .scale-y-\[1\] { --tw-scale-y: 1; }

.tw .scale-y-\[1\], .tw .transform { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

@keyframes pulse { 
  50% { opacity: 0.5; }
}

.tw .animate-pulse { animation: 2s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running pulse; }

@keyframes spin { 
  100% { transform: rotate(1turn); }
}

.tw .animate-spin { animation: 1s linear 0s infinite normal none running spin; }

.tw .cursor-default { cursor: default; }

.tw .cursor-pointer { cursor: pointer; }

.tw .resize { resize: both; }

.tw .list-disc { list-style-type: disc; }

.tw .appearance-none { appearance: none; }

.tw .grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }

.tw .flex-row { flex-direction: row; }

.tw .flex-row-reverse { flex-direction: row-reverse; }

.tw .flex-col { flex-direction: column; }

.tw .flex-col-reverse { flex-direction: column-reverse; }

.tw .flex-wrap { flex-wrap: wrap; }

.tw .flex-wrap-reverse { flex-wrap: wrap-reverse; }

.tw .flex-nowrap { flex-wrap: nowrap; }

.tw .place-items-center { place-items: center; }

.tw .content-center { align-content: center; }

.tw .content-start { align-content: flex-start; }

.tw .content-end { align-content: flex-end; }

.tw .content-between { align-content: space-between; }

.tw .content-around { align-content: space-around; }

.tw .content-evenly { align-content: space-evenly; }

.tw .items-start { align-items: flex-start; }

.tw .\!items-end { align-items: flex-end !important; }

.tw .items-end { align-items: flex-end; }

.tw .items-center { align-items: center; }

.tw .items-baseline { align-items: baseline; }

.tw .items-stretch { align-items: stretch; }

.tw .\!justify-start { justify-content: flex-start !important; }

.tw .justify-start { justify-content: flex-start; }

.tw .justify-end { justify-content: flex-end; }

.tw .justify-center { justify-content: center; }

.tw .justify-between { justify-content: space-between; }

.tw .justify-around { justify-content: space-around; }

.tw .justify-evenly { justify-content: space-evenly; }

.tw .justify-items-center { justify-items: center; }

.tw .gap-0 { gap: 0px; }

.tw .gap-0\.25 { gap: 2px; }

.tw .gap-0\.5 { gap: 4px; }

.tw .gap-1 { gap: 8px; }

.tw .gap-2 { gap: 16px; }

.tw .gap-3 { gap: 24px; }

.tw .gap-\[10px\] { gap: 10px; }

.tw .gap-\[12px\] { gap: 12px; }

.tw .gap-\[20px\] { gap: 20px; }

.tw .gap-\[40px\] { gap: 40px; }

.tw .gap-x-0 { column-gap: 0px; }

.tw .gap-x-0\.5 { column-gap: 4px; }

.tw .gap-x-0\.75 { column-gap: 6px; }

.tw .gap-x-1 { column-gap: 8px; }

.tw .gap-x-1\.5 { column-gap: 12px; }

.tw .gap-x-2 { column-gap: 16px; }

.tw .gap-x-3 { column-gap: 24px; }

.tw .gap-x-4 { column-gap: 32px; }

.tw .gap-x-6 { column-gap: 48px; }

.tw .gap-x-\[28px\] { column-gap: 28px; }

.tw .gap-y-0 { row-gap: 0px; }

.tw .gap-y-0\.5 { row-gap: 4px; }

.tw .gap-y-0\.75 { row-gap: 6px; }

.tw .gap-y-1 { row-gap: 8px; }

.tw .gap-y-\[1px\] { row-gap: 1px; }

.tw .gap-y-\[2px\] { row-gap: 2px; }

.tw .gap-y-\[3px\] { row-gap: 3px; }

.tw .gap-y-\[4px\] { row-gap: 4px; }

.tw .gap-y-\[8px\] { row-gap: 8px; }

.tw :is(.space-x-0\.5 > :not([hidden]) ~ :not([hidden])) { --tw-space-x-reverse: 0; margin-left: calc(4px*(1 - var(--tw-space-x-reverse))); margin-right: calc(4px*var(--tw-space-x-reverse)); }

.tw :is(.space-x-1 > :not([hidden]) ~ :not([hidden])) { --tw-space-x-reverse: 0; margin-left: calc(8px*(1 - var(--tw-space-x-reverse))); margin-right: calc(8px*var(--tw-space-x-reverse)); }

.tw .self-start { align-self: flex-start; }

.tw .self-end { align-self: flex-end; }

.tw .self-center { align-self: center; }

.tw .overflow-auto { overflow: auto; }

.tw .overflow-hidden, .tw .truncate { overflow: hidden; }

.tw .truncate { text-overflow: ellipsis; }

.tw .truncate, .tw .whitespace-nowrap { white-space: nowrap; }

.tw .break-words { overflow-wrap: break-word; }

.tw .rounded, .tw .rounded-\[4px\] { border-radius: 4px; }

.tw .rounded-\[50\%\] { border-radius: 50%; }

.tw .rounded-full { border-radius: 9999px; }

.tw .rounded-md { border-radius: 6px; }

.tw .rounded-sm { border-radius: 3px; }

.tw .rounded-xs { border-radius: 2px; }

.tw .rounded-bl-\[4px\] { border-bottom-left-radius: 4px; }

.tw .border { border-width: 1px; }

.tw .border-2 { border-width: 2px; }

.tw .border-4 { border-width: 4px; }

.tw .border-\[12px\] { border-width: 12px; }

.tw .border-b { border-bottom-width: 1px; }

.tw .border-l-\[21px\] { border-left-width: 21px; }

.tw .border-t { border-top-width: 1px; }

.tw .border-dotted { border-style: dotted; }

.tw .border-\[\#c4c4c4\] { --tw-border-opacity: 1; border-color: rgb(196 196 196/var(--tw-border-opacity,1)); }

.tw .border-gray-400 { --tw-border-opacity: 1; border-color: rgb(204 204 204/var(--tw-border-opacity,1)); }

.tw .border-gray-500 { --tw-border-opacity: 1; border-color: rgb(221 221 221/var(--tw-border-opacity,1)); }

.tw .border-gray-800 { --tw-border-opacity: 1; border-color: rgb(136 140 140/var(--tw-border-opacity,1)); }

.tw .border-neutral-200 { --tw-border-opacity: 1; border-color: rgb(229 229 229/var(--tw-border-opacity,1)); }

.tw .border-red-300 { --tw-border-opacity: 1; border-color: rgb(204 12 57/var(--tw-border-opacity,1)); }

.tw .border-rose-400 { --tw-border-opacity: 1; border-color: rgb(251 113 133/var(--tw-border-opacity,1)); }

.tw .border-transparent { border-color: transparent; }

.tw .border-l-\[\#c5c5c5\] { --tw-border-opacity: 1; border-left-color: rgb(197 197 197/var(--tw-border-opacity,1)); }

.tw .bg-\[\#000\] { --tw-bg-opacity: 1; background-color: rgb(0 0 0/var(--tw-bg-opacity,1)); }

.tw .bg-\[\#879596\] { --tw-bg-opacity: 1; background-color: rgb(135 149 150/var(--tw-bg-opacity,1)); }

.tw .bg-\[\#CC0C39\] { --tw-bg-opacity: 1; background-color: rgb(204 12 57/var(--tw-bg-opacity,1)); }

.tw .bg-black-700 { --tw-bg-opacity: 1; background-color: rgb(17 17 17/var(--tw-bg-opacity,1)); }

.tw .bg-coral { --tw-bg-opacity: 1; background-color: rgb(254 135 116/var(--tw-bg-opacity,1)); }

.tw .bg-cyan-300 { --tw-bg-opacity: 1; background-color: rgb(145 246 254/var(--tw-bg-opacity,1)); }

.tw .bg-gray-500 { --tw-bg-opacity: 1; background-color: rgb(221 221 221/var(--tw-bg-opacity,1)); }

.tw .bg-gray-600 { --tw-bg-opacity: 1; background-color: rgb(85 85 85/var(--tw-bg-opacity,1)); }

.tw .bg-gray-900\/40 { background-color: rgba(17, 24, 39, 0.4); }

.tw .bg-green-100 { --tw-bg-opacity: 1; background-color: rgb(220 252 231/var(--tw-bg-opacity,1)); }

.tw .bg-green-400 { --tw-bg-opacity: 1; background-color: rgb(127 218 105/var(--tw-bg-opacity,1)); }

.tw .bg-neutral-100 { --tw-bg-opacity: 1; background-color: rgb(245 245 245/var(--tw-bg-opacity,1)); }

.tw .bg-neutral-300 { --tw-bg-opacity: 1; background-color: rgb(212 212 212/var(--tw-bg-opacity,1)); }

.tw .bg-orange-500 { --tw-bg-opacity: 1; background-color: rgb(229 123 0/var(--tw-bg-opacity,1)); }

.tw .bg-red-300 { --tw-bg-opacity: 1; background-color: rgb(204 12 57/var(--tw-bg-opacity,1)); }

.tw .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity,1)); }

.tw .bg-white\/\[0\.8\] { background-color: rgba(255, 255, 255, 0.8); }

.tw .bg-zinc-100 { --tw-bg-opacity: 1; background-color: rgb(244 244 245/var(--tw-bg-opacity,1)); }

.tw .bg-zinc-400 { --tw-bg-opacity: 1; background-color: rgb(161 161 170/var(--tw-bg-opacity,1)); }

.tw .object-contain { object-fit: contain; }

.tw .object-cover { object-fit: cover; }

.tw .object-top { object-position: center top; }

.tw .p-0 { padding: 0px; }

.tw .p-0\.25 { padding: 2px; }

.tw .p-0\.5 { padding: 4px; }

.tw .p-1 { padding: 8px; }

.tw .p-1\.5 { padding: 12px; }

.tw .p-2 { padding: 16px; }

.tw .p-3 { padding: 24px; }

.tw .p-4 { padding: 32px; }

.tw .p-6 { padding: 48px; }

.tw .p-\[10px\] { padding: 10px; }

.tw .p-\[12px\] { padding: 12px; }

.tw .p-\[20px\] { padding: 20px; }

.tw .p-\[3px\] { padding: 3px; }

.tw .p-\[6px\] { padding: 6px; }

.tw .px-0 { padding-left: 0px; padding-right: 0px; }

.tw .px-0\.25 { padding-left: 2px; padding-right: 2px; }

.tw .px-0\.5 { padding-left: 4px; padding-right: 4px; }

.tw .px-0\.75 { padding-left: 6px; padding-right: 6px; }

.tw .px-1 { padding-left: 8px; padding-right: 8px; }

.tw .px-1\.5 { padding-left: 12px; padding-right: 12px; }

.tw .px-2 { padding-left: 16px; padding-right: 16px; }

.tw .px-3 { padding-left: 24px; padding-right: 24px; }

.tw .px-4 { padding-left: 32px; padding-right: 32px; }

.tw .px-5 { padding-left: 40px; padding-right: 40px; }

.tw .px-7 { padding-left: 56px; padding-right: 56px; }

.tw .px-\[11px\] { padding-left: 11px; padding-right: 11px; }

.tw .px-\[12px\] { padding-left: 12px; padding-right: 12px; }

.tw .px-\[3px\] { padding-left: 3px; padding-right: 3px; }

.tw .px-\[6px\] { padding-left: 6px; padding-right: 6px; }

.tw .py-0 { padding-bottom: 0px; padding-top: 0px; }

.tw .py-0\.25 { padding-bottom: 2px; padding-top: 2px; }

.tw .py-0\.5 { padding-bottom: 4px; padding-top: 4px; }

.tw .py-1 { padding-bottom: 8px; padding-top: 8px; }

.tw .py-1\.5 { padding-bottom: 12px; padding-top: 12px; }

.tw .py-2 { padding-bottom: 16px; padding-top: 16px; }

.tw .py-\[10px\] { padding-bottom: 10px; padding-top: 10px; }

.tw .py-\[12px\] { padding-bottom: 12px; padding-top: 12px; }

.tw .py-\[2px\] { padding-bottom: 2px; padding-top: 2px; }

.tw .py-\[4px\] { padding-bottom: 4px; padding-top: 4px; }

.tw .py-\[6px\] { padding-bottom: 6px; padding-top: 6px; }

.tw .py-\[8px\] { padding-bottom: 8px; padding-top: 8px; }

.tw .pb-0 { padding-bottom: 0px; }

.tw .pb-0\.25 { padding-bottom: 2px; }

.tw .pb-0\.5 { padding-bottom: 4px; }

.tw .pb-0\.75 { padding-bottom: 6px; }

.tw .pb-1 { padding-bottom: 8px; }

.tw .pb-1\.5 { padding-bottom: 12px; }

.tw .pb-2 { padding-bottom: 16px; }

.tw .pb-5 { padding-bottom: 40px; }

.tw .pb-\[10px\] { padding-bottom: 10px; }

.tw .pb-\[15px\] { padding-bottom: 15px; }

.tw .pb-\[1px\] { padding-bottom: 1px; }

.tw .pb-\[20px\] { padding-bottom: 20px; }

.tw .pb-\[2px\] { padding-bottom: 2px; }

.tw .pb-\[30px\] { padding-bottom: 30px; }

.tw .pb-\[39px\] { padding-bottom: 39px; }

.tw .pb-\[3px\] { padding-bottom: 3px; }

.tw .pb-\[4px\] { padding-bottom: 4px; }

.tw .pb-\[5px\] { padding-bottom: 5px; }

.tw .pl-0 { padding-left: 0px; }

.tw .pl-0\.5 { padding-left: 4px; }

.tw .pl-0\.75 { padding-left: 6px; }

.tw .pl-1 { padding-left: 8px; }

.tw .pl-2 { padding-left: 16px; }

.tw .pl-3 { padding-left: 24px; }

.tw .pl-4 { padding-left: 32px; }

.tw .pl-6 { padding-left: 48px; }

.tw .pl-\[10px\] { padding-left: 10px; }

.tw .pl-\[19px\] { padding-left: 19px; }

.tw .pl-\[1px\] { padding-left: 1px; }

.tw .pl-\[28px\] { padding-left: 28px; }

.tw .pl-\[6px\] { padding-left: 6px; }

.tw .pr-0 { padding-right: 0px; }

.tw .pr-0\.25 { padding-right: 2px; }

.tw .pr-0\.5 { padding-right: 4px; }

.tw .pr-0\.75 { padding-right: 6px; }

.tw .pr-1 { padding-right: 8px; }

.tw .pr-2 { padding-right: 16px; }

.tw .pr-3 { padding-right: 24px; }

.tw .pr-5 { padding-right: 40px; }

.tw .pr-9 { padding-right: 72px; }

.tw .pr-\[10px\] { padding-right: 10px; }

.tw .pr-\[18px\] { padding-right: 18px; }

.tw .pr-\[24px\] { padding-right: 24px; }

.tw .pr-\[5px\] { padding-right: 5px; }

.tw .pt-0 { padding-top: 0px; }

.tw .pt-0\.25 { padding-top: 2px; }

.tw .pt-0\.5 { padding-top: 4px; }

.tw .pt-1 { padding-top: 8px; }

.tw .pt-1\.5 { padding-top: 12px; }

.tw .pt-2 { padding-top: 16px; }

.tw .pt-\[12px\] { padding-top: 12px; }

.tw .pt-\[1px\] { padding-top: 1px; }

.tw .pt-\[20px\] { padding-top: 20px; }

.tw .pt-\[25px\] { padding-top: 25px; }

.tw .pt-\[2px\] { padding-top: 2px; }

.tw .pt-\[3px\] { padding-top: 3px; }

.tw .pt-\[4px\] { padding-top: 4px; }

.tw .text-left { text-align: left; }

.tw .text-center { text-align: center; }

.tw .align-baseline { vertical-align: baseline; }

.tw .align-top { vertical-align: top; }

.tw .align-middle { vertical-align: middle; }

.tw .align-text-top { vertical-align: text-top; }

.tw .align-super { vertical-align: super; }

.tw .text-\[\.7em\] { font-size: 0.7em; }

.tw .text-\[\.85em\] { font-size: 0.85em; }

.tw .text-\[0\.5625rem\] { font-size: 0.5625rem; }

.tw .text-\[0\.5626rem\] { font-size: 0.5626rem; }

.tw .text-\[0\.5rem\] { font-size: 0.5rem; }

.tw .text-\[0\.60em\] { font-size: 0.6em; }

.tw .text-\[0\.625rem\] { font-size: 0.625rem; }

.tw .text-\[0\.6875rem\] { font-size: 0.6875rem; }

.tw .text-\[0\.69em\] { font-size: 0.69em; }

.tw .text-\[0\.75em\] { font-size: 0.75em; }

.tw .text-\[0\.75rem\] { font-size: 0.75rem; }

.tw .text-\[0\.8125rem\] { font-size: 0.8125rem; }

.tw .text-\[0\.85em\] { font-size: 0.85em; }

.tw .text-\[0\.875rem\] { font-size: 0.875rem; }

.tw .text-\[0\.9375rem\] { font-size: 0.9375rem; }

.tw .text-\[1\.125rem\] { font-size: 1.125rem; }

.tw .text-\[1\.25rem\] { font-size: 1.25rem; }

.tw .text-\[1\.3125rem\] { font-size: 1.3125rem; }

.tw .text-\[1\.375rem\] { font-size: 1.375rem; }

.tw .text-\[1\.5rem\] { font-size: 1.5rem; }

.tw .text-\[11px\] { font-size: 11px; }

.tw .text-\[16px\] { font-size: 16px; }

.tw .text-\[18px\] { font-size: 18px; }

.tw .text-\[1rem\] { font-size: 1rem; }

.tw .text-\[2\.375rem\] { font-size: 2.375rem; }

.tw .text-\[20px\] { font-size: 20px; }

.tw .text-\[24px\] { font-size: 24px; }

.tw .text-\[2rem\] { font-size: 2rem; }

.tw .text-base { font-size: 0.8125rem; line-height: 1.35; }

.tw .text-heading { font-size: 1rem; line-height: 1.1875rem; }

.tw .text-lg { font-size: 1.125rem; line-height: 1.5rem; }

.tw .text-md { font-size: 0.875rem; line-height: 1.4; }

.tw .text-md2 { font-size: 0.9375rem; line-height: 1.25rem; }

.tw .text-sm { font-size: 0.75rem; line-height: 1.2; }

.tw .text-sm2 { font-size: 0.8125rem; line-height: 1.125rem; }

.tw .text-superscript { font-size: 0.6em; line-height: 1.1; }

.tw .text-xl { font-size: 1.25rem; line-height: 1.3; }

.tw .text-xs { font-size: 0.6875rem; line-height: 1; }

.tw .text-xxl { font-size: 1.5rem; line-height: 1.3; }

.tw .text-xxs { font-size: 0.5625rem; line-height: 1; }

.tw .\!font-normal { font-weight: 400 !important; }

.tw .font-black { font-weight: 900; }

.tw .font-bold { font-weight: 700; }

.tw .font-light { font-weight: 300; }

.tw .font-medium { font-weight: 500; }

.tw .font-normal { font-weight: 400; }

.tw .font-thin { font-weight: 100; }

.tw .uppercase { text-transform: uppercase; }

.tw .lowercase { text-transform: lowercase; }

.tw .capitalize { text-transform: capitalize; }

.tw .\!italic { font-style: italic !important; }

.tw .italic { font-style: italic; }

.tw .\!leading-none { line-height: 1 !important; }

.tw .leading-4 { line-height: 1rem; }

.tw .leading-8 { line-height: 2rem; }

.tw .leading-\[0\.625rem\] { line-height: 0.625rem; }

.tw .leading-\[0\.8125rem\] { line-height: 0.8125rem; }

.tw .leading-\[0\] { line-height: 0; }

.tw .leading-\[1\.125rem\] { line-height: 1.125rem; }

.tw .leading-\[1\.1875rem\] { line-height: 1.1875rem; }

.tw .leading-\[1\.2\] { line-height: 1.2; }

.tw .leading-\[1\.4\] { line-height: 1.4; }

.tw .leading-\[1\.5625rem\] { line-height: 1.5625rem; }

.tw .leading-\[1\.5rem\] { line-height: 1.5rem; }

.tw .leading-\[1\.6875rem\] { line-height: 1.6875rem; }

.tw .leading-\[1\.875rem\] { line-height: 1.875rem; }

.tw .leading-\[10px\] { line-height: 10px; }

.tw .leading-\[11px\] { line-height: 11px; }

.tw .leading-\[12px\] { line-height: 12px; }

.tw .leading-\[13px\] { line-height: 13px; }

.tw .leading-\[14px\] { line-height: 14px; }

.tw .leading-\[15px\] { line-height: 15px; }

.tw .leading-\[16px\] { line-height: 16px; }

.tw .leading-\[18px\] { line-height: 18px; }

.tw .leading-\[19px\] { line-height: 19px; }

.tw .leading-\[1\] { line-height: 1; }

.tw .leading-\[2\.3125rem\] { line-height: 2.3125rem; }

.tw .leading-\[20px\] { line-height: 20px; }

.tw .leading-\[21px\] { line-height: 21px; }

.tw .leading-\[22px\] { line-height: 22px; }

.tw .leading-\[24px\] { line-height: 24px; }

.tw .leading-\[28px\] { line-height: 28px; }

.tw .leading-\[31px\] { line-height: 31px; }

.tw .leading-\[32px\] { line-height: 32px; }

.tw .leading-\[38px\] { line-height: 38px; }

.tw .leading-tight { line-height: 1.25; }

.tw .\!text-gray-700 { --tw-text-opacity: 1 !important; color: rgb(51 51 51/var(--tw-text-opacity,1)) !important; }

.tw .text-\[\#007185\] { --tw-text-opacity: 1; color: rgb(0 113 133/var(--tw-text-opacity,1)); }

.tw .text-\[\#3E3E3E\] { --tw-text-opacity: 1; color: rgb(62 62 62/var(--tw-text-opacity,1)); }

.tw .text-black-700 { --tw-text-opacity: 1; color: rgb(17 17 17/var(--tw-text-opacity,1)); }

.tw .text-blue-400 { --tw-text-opacity: 1; color: rgb(31 123 163/var(--tw-text-opacity,1)); }

.tw .text-blue-500 { --tw-text-opacity: 1; color: rgb(0 102 192/var(--tw-text-opacity,1)); }

.tw .text-blue-600 { --tw-text-opacity: 1; color: rgb(7 42 165/var(--tw-text-opacity,1)); }

.tw .text-gray-100 { --tw-text-opacity: 1; color: rgb(15 17 17/var(--tw-text-opacity,1)); }

.tw .text-gray-400 { --tw-text-opacity: 1; color: rgb(204 204 204/var(--tw-text-opacity,1)); }

.tw .text-gray-600 { --tw-text-opacity: 1; color: rgb(85 85 85/var(--tw-text-opacity,1)); }

.tw .text-gray-650 { --tw-text-opacity: 1; color: rgb(86 89 89/var(--tw-text-opacity,1)); }

.tw .text-gray-700 { --tw-text-opacity: 1; color: rgb(51 51 51/var(--tw-text-opacity,1)); }

.tw .text-green-400 { --tw-text-opacity: 1; color: rgb(127 218 105/var(--tw-text-opacity,1)); }

.tw .text-green-500 { --tw-text-opacity: 1; color: rgb(0 138 0/var(--tw-text-opacity,1)); }

.tw .text-green-600 { --tw-text-opacity: 1; color: rgb(6 125 98/var(--tw-text-opacity,1)); }

.tw .text-inherit { color: inherit; }

.tw .text-orange-600 { --tw-text-opacity: 1; color: rgb(189 88 0/var(--tw-text-opacity,1)); }

.tw .text-red-300 { --tw-text-opacity: 1; color: rgb(204 12 57/var(--tw-text-opacity,1)); }

.tw .text-red-400 { --tw-text-opacity: 1; color: rgb(177 78 48/var(--tw-text-opacity,1)); }

.tw .text-red-500 { --tw-text-opacity: 1; color: rgb(177 39 4/var(--tw-text-opacity,1)); }

.tw .text-red-700 { --tw-text-opacity: 1; color: rgb(186 9 51/var(--tw-text-opacity,1)); }

.tw .text-red-800 { --tw-text-opacity: 1; color: rgb(152 32 48/var(--tw-text-opacity,1)); }

.tw .text-slate-400 { --tw-text-opacity: 1; color: rgb(92 104 124/var(--tw-text-opacity,1)); }

.tw .text-slate-800 { --tw-text-opacity: 1; color: rgb(35 47 62/var(--tw-text-opacity,1)); }

.tw .text-white { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); }

.tw .underline { text-decoration-line: underline; }

.tw .line-through { text-decoration-line: line-through; }

.tw .opacity-0 { opacity: 0; }

.tw .opacity-25 { opacity: 0.25; }

.tw .opacity-5 { opacity: 0.05; }

.tw .opacity-75 { opacity: 0.75; }

.tw .opacity-\[0\.03\] { opacity: 0.03; }

.tw .opacity-\[0\.07\] { opacity: 0.07; }

.tw .shadow { --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color); }

.tw .shadow, .tw .shadow-adchoices { box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }

.tw .shadow-adchoices { --tw-shadow: 0 0 5px rgba(0,0,0,.1); --tw-shadow-colored: 0 0 5px var(--tw-shadow-color); }

.tw .shadow-md { --tw-shadow: 0px -3px 5px 2px rgba(0,0,0,.06); --tw-shadow-colored: 0px -3px 5px 2px var(--tw-shadow-color); }

.tw .shadow-md, .tw .shadow-sm1-light { box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }

.tw .shadow-sm1-light { --tw-shadow: 0 1px 3px rgba(0,0,0,.2); --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color); }

.tw .shadow-sm3 { --tw-shadow: 0px 1px 4px rgba(35,47,63,.15),0px 0px 2px rgba(35,47,63,.3); --tw-shadow-colored: 0px 1px 4px var(--tw-shadow-color),0px 0px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }

.tw .outline { outline-style: solid; }

.tw .blur { --tw-blur: blur(8px); }

.tw .blur, .tw .filter { 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); }

.tw .transition { transition-duration: 0.15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.tw .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.tw .content-\[\'\'\] { --tw-content: ""; content: var(--tw-content); }

.tw .tw-clip-diagonal { clip-path: polygon(25% 0px, 100% 0px, 75% 100%, 0px 100%); }

.tw .custom-image { height: auto; margin-left: 10%; width: 80%; }

.tw .tw-rounded-sides { clip-path: ellipse(50% 90%); }

.tw .tw-clip-triangle { clip-path: polygon(0px 0px, 0px 100%, 100% 100%, 100% 67%, 90% 50%, 100% 33%, 100% 0px); }

.tw .gradient-background { background: linear-gradient(270deg, rgba(204, 204, 204, 0.5) 1%, rgba(217, 217, 217, 0) 11.82%); }

.tw .tw-clip-diagonal-half { clip-path: polygon(100% 0px, 100% 70%, 0px 100%, 0px 0px); }

.tw .tw-clip-diagonal-skyscrapper { clip-path: polygon(190% 0px, 100% 57%, 0px 76%, 0px 39%); }

.tw .tw-clip-diagonal-custom-image { clip-path: polygon(100% 0px, 100% 80%, 0px 100%, 0px 20%); }

.tw .\[visibility\:inherit\] { visibility: inherit; }

.tw .hover\:text-gray-900:hover { --tw-text-opacity: 1; color: rgb(17 24 39/var(--tw-text-opacity,1)); }

.tw .focus\:border-blue-700:focus { --tw-border-opacity: 1; border-color: rgb(0 113 133/var(--tw-border-opacity,1)); }

.tw .focus\:bg-blue-100:focus { --tw-bg-opacity: 1; background-color: rgb(247 254 255/var(--tw-bg-opacity,1)); }

.tw .focus\:shadow-md2:focus { --tw-shadow: 0 0 0 3px rgba(15,17,17,.15); --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }

.tw .focus\:shadow-blue-200:focus { --tw-shadow-color: #c8f3fa; --tw-shadow: var(--tw-shadow-colored); }

.tw .focus\:shadow-red-100:focus { --tw-shadow-color: #ffe3e3; --tw-shadow: var(--tw-shadow-colored); }

.tw .focus\:outline-none:focus { outline: transparent solid 2px; outline-offset: 2px; }

.tw .dark\:bg-black-800:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(48 51 51/var(--tw-bg-opacity,1)); }

.tw .dark\:bg-white:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity,1)); }

.tw .dark\:bg-\[linear-gradient\(to_right\,\#E3E6E6\,\#303333\)\]:is(.dark *) { background-image: linear-gradient(90deg, rgb(227, 230, 230), rgb(48, 51, 51)); }

.tw .dark\:text-slate-900:is(.dark *) { --tw-text-opacity: 1; color: rgb(15 23 42/var(--tw-text-opacity,1)); }

.tw .dark\:text-white:is(.dark *) { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); }

@media (min-width: 260px) {
  .tw .b-w-xs\:flex { display: flex; }
}

@media (min-width: 340px) {
  .tw .b-w-sm\:flex { display: flex; }
}

@media (min-width: 540px) {
  .tw .b-w-md\:fixed { position: fixed; }
  .tw .b-w-md\:m-1 { margin: 8px; }
  .tw .b-w-md\:ml-\[35\%\] { margin-left: 35%; }
  .tw .b-w-md\:flex { display: flex; }
  .tw .b-w-md\:h-\[77vh\] { height: 77vh; }
  .tw .b-w-md\:max-h-none { max-height: none; }
  .tw .b-w-md\:max-w-\[33\%\] { max-width: 33%; }
  .tw .b-w-md\:max-w-\[64\%\] { max-width: 64%; }
  .tw .b-w-md\:justify-between { justify-content: space-between; }
  .tw .b-w-md\:gap-2 { gap: 16px; }
  .tw .b-w-md\:gap-x-4 { column-gap: 32px; }
  .tw .b-w-md\:p-1 { padding: 8px; }
}

@media (min-width: 620px) {
  .tw .b-w-mid\:mx-2 { margin-left: 16px; margin-right: 16px; }
  .tw .b-w-mid\:px-2 { padding-left: 16px; padding-right: 16px; }
  .tw .b-w-mid\:pb-1 { padding-bottom: 8px; }
  .tw .b-w-mid\:pt-1 { padding-top: 8px; }
}

@media (min-width: 375px) {
  .tw .r-w-md\:flex { display: flex; }
}