/** Shopify CDN: Minification failed Line 34:588 Expected identifier but found whitespace Line 34:590 Unexpected "{" Line 34:599 Expected ":" Line 34:623 Unexpected "," Line 34:626 Unexpected "{" Line 34:635 Expected ":" Line 34:690 Expected identifier but found whitespace Line 34:692 Unexpected "{" Line 34:701 Expected ":" Line 34:748 Expected identifier but found whitespace ... and 5 more hidden warnings **/ #nomaroo-littlebear:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ --font-body-family-override: var(--font-body-family); --font-heading-family-override: var(--font-heading-family); --font-body-weight-override: var(--font-body-weight, 400); --font-body-weight-bold-override: var(--font-body-weight-bold, var(--font-weight-bold, 500)); --font-heading-weight-override: var(--font-weight-bold, 500); } #nomaroo-littlebear:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear p:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .text-body:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear button:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear input:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear select:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear textarea:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-family: var(--font-body-family-override); letter-spacing: var(--letter-spacing-body, -.3px); } #nomaroo-littlebear h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h4:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h5:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h6:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h0:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h4:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h5:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h6:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .hxl:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .hxxl:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-family: var(--font-heading-family-override); letter-spacing: var(--letter-spacing-heading, -.3px); } @font-face { font-family: NMLBOutfit; font-weight: 400; font-style: normal; font-display: swap; src: url("https://www.trylittlebear.com/cdn/fonts/outfit/outfit_n4.387c2e2715c484a1f1075eb90d64808f1b37ac58.woff2") format("woff2"), url("https://www.trylittlebear.com/cdn/fonts/outfit/outfit_n4.aca8c81f18f62c9baa15c2dc5d1f6dd5442cdc50.woff") format("woff"); } @font-face { font-family: NMLBOutfit; font-weight: 700; font-style: normal; font-display: swap; src: url("https://www.trylittlebear.com/cdn/fonts/outfit/outfit_n7.bfc2ca767cd7c6962e82c320123933a7812146d6.woff2") format("woff2"), url("https://www.trylittlebear.com/cdn/fonts/outfit/outfit_n7.f0b22ea9a32b6f1f6f493dd3a7113aae3464d8b2.woff") format("woff"); } @font-face { font-family: NMLBNunito; font-weight: 700; font-style: normal; font-display: swap; src: url("https://www.trylittlebear.com/cdn/fonts/nunito/nunito_n7.37cf9b8cf43b3322f7e6e13ad2aad62ab5dc9109.woff2") format("woff2"), url("https://www.trylittlebear.com/cdn/fonts/nunito/nunito_n7.45cfcfadc6630011252d54d5f5a2c7c98f60d5de.woff") format("woff"); } @font-face { font-family: "Instrument Serif"; font-weight: 400; font-style: normal; font-display: swap; src: url("https://www.trylittlebear.com/cdn/fonts/instrument_serif/instrumentserif_n4.1f296bfb073af186bc0a0abe7791aa71e0f0fd99.woff2") format("woff2"), url("https://www.trylittlebear.com/cdn/fonts/instrument_serif/instrumentserif_n4.9c1bc0cbb666f794ccbef0784eef2fae0981ce72.woff") format("woff"); } #nomaroo-littlebear:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ --global-section-background-color: #ffffff; --global-section-text-color: #25282a; --global-section-heading-color: ; --global-section-accent-1-color: #cb91a9; --global-section-use-gradient-background: 1; --color-background: 255,255,255; --gradient-background: linear-gradient(215deg, rgba(255, 255, 255, 1), rgba(246, 248, 249, 1) 84%); --color-foreground: #25282a; --color-background-contrast: 191,191,191; --color-shadow: 18,18,18; --color-button: 203,145,169; --color-button-text: 37,40,42; --color-secondary-button: 255,255,255; --color-secondary-button-text: 37,40,42; --color-link: 203,145,169; --color-badge-foreground: 37,40,42; --color-header: 255,255,255; --color-footer: 0,0,0; --color-drawer: 255,255,255; --color-drawer-text: 37,40,42; --color-dropdown: 24,27,29; --color-badge-background: 255,255,255; --color-badge-border: 203,145,169; --payment-terms-background-color: rgb(255 255 255); --container-border-width: px; --container-border-radius: 2px; --container-border-style: ; --container-border-opacity: 0.0; --container-shadow: none; } #nomaroo-littlebear:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ --font-body-family: NMLBOutfit, sans-serif; --font-body-style: normal; --font-body-weight: 400; --font-heading-family: NMLBNunito, sans-serif; --font-heading-style: normal; --font-accent-family: "Instrument Serif", serif; --font-accent-weight: 300; --font-accent-scale: 0.8; --font-accent-letter-spacing: -0.1px; --font-accent-text-transform: none; --font-accent-style: italic; --global-accent-font: var(--font-accent-family); --font-body-scale: 1.0; --font-heading-scale: 1.0; --media-padding: px; --media-border-opacity: 0.05; --media-border-width: 1px; --media-radius: 0px; --media-shadow-opacity: 0.0; --media-shadow-horizontal-offset: 0px; --media-shadow-vertical-offset: 4px; --media-shadow-blur-radius: 5px; --media-shadow-visible: 0; --page-width: 1200px; --page-width-margin: 0px; --animate-spin: spin 1s linear infinite; --product-card-image-padding: 0px; --product-card-corner-radius: 0px; --product-card-text-alignment: left; --product-card-border-width: 0px; --product-card-border-opacity: 0.1; --product-card-shadow-opacity: 0.0; --product-card-shadow-visible: 0; --product-card-shadow-horizontal-offset: 0px; --product-card-shadow-vertical-offset: 4px; --product-card-shadow-blur-radius: 5px; --collection-card-image-padding: 0px; --collection-card-corner-radius: 0px; --collection-card-text-alignment: left; --collection-card-border-width: 0px; --collection-card-border-opacity: 0.1; --collection-card-shadow-opacity: 0.0; --collection-card-shadow-visible: 0; --collection-card-shadow-horizontal-offset: 0px; --collection-card-shadow-vertical-offset: 4px; --collection-card-shadow-blur-radius: 5px; --blog-card-image-padding: 0px; --blog-card-corner-radius: 0px; --blog-card-text-alignment: left; --blog-card-border-width: 0px; --blog-card-border-opacity: 0.1; --blog-card-shadow-opacity: 0.0; --blog-card-shadow-visible: 0; --blog-card-shadow-horizontal-offset: 0px; --blog-card-shadow-vertical-offset: 4px; --blog-card-shadow-blur-radius: 5px; --badge-corner-radius: 40px; --popup-border-width: 1px; --popup-border-opacity: 0.1; --popup-corner-radius: 0px; --popup-shadow-opacity: 0.05; --popup-shadow-horizontal-offset: 0px; --popup-shadow-vertical-offset: 4px; --popup-shadow-blur-radius: 5px; --drawer-border-width: 1px; --drawer-border-opacity: 0.1; --drawer-shadow-opacity: 0.0; --drawer-shadow-horizontal-offset: 0px; --drawer-shadow-vertical-offset: 4px; --drawer-shadow-blur-radius: 5px; --spacing-sections-desktop: 0px; --spacing-sections-mobile: 0px; --grid-desktop-vertical-spacing: 8px; --grid-desktop-horizontal-spacing: 8px; --grid-mobile-vertical-spacing: 4px; --grid-mobile-horizontal-spacing: 4px; --text-boxes-border-opacity: 0.1; --text-boxes-border-width: 0px; --text-boxes-radius: 0px; --text-boxes-shadow-opacity: 0.0; --text-boxes-shadow-visible: 0; --text-boxes-shadow-horizontal-offset: 0px; --text-boxes-shadow-vertical-offset: 4px; --text-boxes-shadow-blur-radius: 5px; --buttons-radius: 0px; --buttons-radius-outset: 0px; --buttons-border-width: 1px; --buttons-border-opacity: 1.0; --buttons-shadow-opacity: 0.0; --buttons-shadow-visible: 0; --buttons-shadow-horizontal-offset: 0px; --buttons-shadow-vertical-offset: 4px; --buttons-shadow-blur-radius: 5px; --buttons-border-offset: 0px; --inputs-radius: 0px; --inputs-border-width: 1px; --inputs-border-opacity: 0.55; --inputs-shadow-opacity: 0.0; --inputs-shadow-horizontal-offset: 0px; --inputs-margin-offset: 0px; --inputs-shadow-vertical-offset: 4px; --inputs-shadow-blur-radius: 5px; --inputs-radius-outset: 0px; --variant-pills-radius: 40px; --variant-pills-border-width: 1px; --variant-pills-border-opacity: 0.55; --variant-pills-shadow-opacity: 0.0; --variant-pills-shadow-horizontal-offset: 0px; --variant-pills-shadow-vertical-offset: 4px; --variant-pills-shadow-blur-radius: 5px; --global-button-padding-y: 16px; --global-button-font-size: 20px; --global-button-font-weight: 500; --conditional-button-font-weight: var(--global-button-font-weight, 700); --global-button-letter-spacing: 0px; --global-button-text-transform: none; --global-button-radius: 14px; --global-button-bg-color: #0606C0; --global-button-text-color: #FFFFFF; --global-button-border-color: #0606C0; --global-button-border-width: 0px; --global-button-bottom-border-width: 0px; --global-button-bottom-border-color: #0606C0; --global-button-hover-bg-color: #F7B23C; --global-button-hover-text-color: #cb91a9; --button-box-shadow-enabled: true; --button-shadow-intensity: 2; --button-gradient-enabled: false; --button-gradient-start: #0606C0; --button-gradient-end: #0606C0; --button-gradient-direction: to right; --button-gradient-hover-start: #F7B23C; --button-gradient-hover-end: #F7B23C; --button-gradient-shine-enabled: true; --global-button-hover-brightness: 90%; --enable-global-border-styling: 0; --letter-spacing-body: 0px; --app-letter-spacing: -0.3px; --global-section-bg-color: #ffffff; --global-section-text-color: #25282a; --global-section-accent-1-color: #cb91a9; --global-section-accent-2-color: #cb91a9; --global-section-accent-gradient-color: var(--gradient-background); --direction: ltr; --text-align-start: left; --text-align-end: right; --margin-start: margin-left; --margin-end: margin-right; --padding-start: padding-left; --padding-end: padding-right; --border-start: border-left; --border-end: border-right; --float-start: left; --float-end: right; --enable-contained-sections: 0; --font-weight-regular: 400 !important; --font-weight-bold: 500 !important; --font-weight-semibold: 500 !important; } #nomaroo-littlebear *:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear :where(:not(#nm-lb-bundles,#nm-lb-bundles *))::before,#nomaroo-littlebear :where(:not(#nm-lb-bundles,#nm-lb-bundles *))::after{ box-sizing: inherit; } #nomaroo-littlebear:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ box-sizing: border-box; font-size: calc(var(--font-body-scale) * 62.5%); height: 100%; } #nomaroo-littlebear:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; flex-direction: column; min-height: 100%; margin: 0px; font-size: 15px; letter-spacing: var(--letter-spacing-body); line-height: calc(1 + 0.8 / var(--font-body-scale)); font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); color: rgba(var(--color-foreground), 0.75); background-color: rgb(var(--color-background)); } #nomaroo-littlebear section:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ color: rgba(var(--color-foreground), 0.75); background-color: rgb(var(--color-background)); } #nomaroo-littlebear #MainContent:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ flex-grow: 1; } @media screen and (min-width: 750px){#nomaroo-littlebear:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 16px; }} #nomaroo-littlebear:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ --global-button-bg-color: #0606C0; --global-button-text-color: #FFFFFF; --global-button-hover-bg-color: #F7B23C; --global-button-hover-text-color: #cb91a9; --global-button-radius: 14px; --global-button-font-size: 20px; --global-button-font-weight: 500; --global-button-padding-y: 16px; --global-button-letter-spacing: 0px; --global-button-text-transform: none; --global-button-font-family: var(--font-body-family, sans-serif); --global-section-text-color: #25282a; --global-section-background-color: #ffffff; --global-section-accent-1-color: #cb91a9; } #nomaroo-littlebear .btn:not(.disable-global-button-styling):not([class*="klaviyo"]):not([class*="privy"]):not([class*="justuno"]):not([class*="optimonk"]):not([class*="omnisend"]):where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear button[type="submit"]:not(.disable-global-button-styling):not(.button):not([class*="klaviyo"]):not([class*="privy"]):not([class*="justuno"]):not([class*="optimonk"]):not([class*="omnisend"]):where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear input[type="submit"]:not(.disable-global-button-styling):not([class*="klaviyo"]):not([class*="privy"]):not([class*="justuno"]):not([class*="optimonk"]):not([class*="omnisend"]):where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .product-form__submit:not(.disable-global-button-styling):where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .cart__checkout-button:not(.disable-global-button-styling):where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .button--primary:not(.disable-global-button-styling):where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .newsletter-form__button:not(.disable-global-button-styling):not([class*="klaviyo"]):where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .field__button:not(.disable-global-button-styling):where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .theme-button:not(.disable-global-button-styling):where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .rich-text-button:not(.disable-global-button-styling):where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: var(--global-button-font-size) !important; font-weight: var(--global-button-font-weight) !important; letter-spacing: var(--global-button-letter-spacing) !important; text-transform: var(--global-button-text-transform) !important; font-family: var(--global-button-font-family) !important; padding: var(--global-button-padding-y) 20px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; background-color: var(--global-button-bg-color) !important; color: var(--global-button-text-color) !important; border-left: var(--global-button-border-width, 2px) solid var(--global-button-border-color, #EF4A65) !important; border-right: var(--global-button-border-width, 2px) solid var(--global-button-border-color, #EF4A65) !important; border-top: var(--global-button-border-width, 2px) solid var(--global-button-border-color, #EF4A65) !important; border-bottom-width: !important; border-bottom-color: !important; border-bottom-style: solid !important; border-radius: var(--global-button-radius) !important; cursor: pointer !important; transition: 0.3s !important; text-decoration: none !important; outline: none !important; position: relative !important; overflow: hidden !important; } #nomaroo-littlebear .btn:not(.disable-global-button-styling):not([class*="klaviyo"]):not([class*="privy"]):not([class*="justuno"]):not([class*="optimonk"]):not([class*="omnisend"]):hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear button[type="submit"]:not(.disable-global-button-styling):not(.button):not([class*="klaviyo"]):not([class*="privy"]):not([class*="justuno"]):not([class*="optimonk"]):not([class*="omnisend"]):hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear input[type="submit"]:not(.disable-global-button-styling):not([class*="klaviyo"]):not([class*="privy"]):not([class*="justuno"]):not([class*="optimonk"]):not([class*="omnisend"]):hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .product-form__submit:not(.disable-global-button-styling):hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .cart__checkout-button:not(.disable-global-button-styling):hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .button--primary:not(.disable-global-button-styling):hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .newsletter-form__button:not(.disable-global-button-styling):not([class*="klaviyo"]):hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .field__button:not(.disable-global-button-styling):hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .theme-button:not(.disable-global-button-styling):hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .rich-text-button:not(.disable-global-button-styling):hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background-color: var(--global-button-hover-bg-color) !important; color: var(--global-button-hover-text-color) !important; border-left: var(--global-button-border-width, 2px) solid var(--global-button-border-color, #EF4A65) !important; border-right: var(--global-button-border-width, 2px) solid var(--global-button-border-color, #EF4A65) !important; border-top: var(--global-button-border-width, 2px) solid var(--global-button-border-color, #EF4A65) !important; border-bottom-width: !important; border-bottom-color: !important; border-bottom-style: solid !important; } #nomaroo-littlebear:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ --alpha-button-background: 1; --alpha-button-border: 1; --alpha-link: 0.85; --alpha-badge-border: 0.1; --focused-base-outline: 2px solid rgba(var(--color-foreground), 0.5); --focused-base-outline-offset: 3px; --focused-base-box-shadow: 0 0 0 3px rgb(var(--color-background)), 0 0 5px 4px rgba(var(--color-foreground), 0.3); --button-border-radius: 15px; --inputs-radius: 15px; --inputs-radius-outset: 16px; --global-section-text-color-rgb: 0, 0, 0; --global-section-background-color-rgb: 255, 255, 255; --font-body-family: {{settings.type_body_font.family}}, {{settings.type_body_font.fallback_families}}; --font-body-style: {{settings.type_body_font.style}}; --font-heading-weight: {{settings.type_header_font.weight}}; --color-header-border: {{settings.header_border_color.rgb | default: '229, 229, 229'}}; } #nomaroo-littlebear .page-width:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ max-width: var(--page-width); margin: 0px auto; padding: 0px 20px; } @media screen and (min-width: 750px){#nomaroo-littlebear .page-width:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ padding: 0px 50px; }} #nomaroo-littlebear .section + .section:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ margin-top: var(--spacing-sections-mobile); } @media screen and (min-width: 750px){#nomaroo-littlebear .section + .section:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ margin-top: var(--spacing-sections-desktop); }} #nomaroo-littlebear h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h4:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h5:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h0:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h4:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h5:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-family: var(--font-heading-family); font-style: var(--font-heading-style); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-heading); color: rgb(var(--color-foreground)); line-height: calc(1 + 0.3 / max(1, var(--font-heading-scale))); word-break: break-word; } #nomaroo-littlebear h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: calc(var(--font-heading-scale) * 30px); } @media only screen and (min-width: 750px){#nomaroo-littlebear h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: calc(var(--font-heading-scale) * 40px); }} #nomaroo-littlebear h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: calc(var(--font-heading-scale) * 20px); } @media only screen and (min-width: 750px){#nomaroo-littlebear h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: calc(var(--font-heading-scale) * 24px); }} #nomaroo-littlebear h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: calc(var(--font-heading-scale) * 17px); } @media only screen and (min-width: 750px){#nomaroo-littlebear h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: calc(var(--font-heading-scale) * 18px); }} #nomaroo-littlebear h4:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h4:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-family: var(--font-heading-family); font-style: var(--font-heading-style); font-size: calc(var(--font-heading-scale) * 15px); } #nomaroo-littlebear a:empty:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear ul:empty:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear dl:empty:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear div:empty:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear section:empty:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear article:empty:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear p:empty:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h1:empty:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h2:empty:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h3:empty:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h4:empty:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h5:empty:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h6:empty:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: none; } #nomaroo-littlebear:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ --duration-short: 100ms; --duration-default: 200ms; --duration-announcement-bar: 250ms; --duration-medium: 300ms; --duration-long: 500ms; --duration-extra-long: 600ms; --duration-extra-longer: 750ms; --duration-extended: 3s; --ease-out-slow: cubic-bezier(0, 0, 0.3, 1); --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards; --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow); } #nomaroo-littlebear .focus-none:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ box-shadow: none !important; outline: 0px !important; } #nomaroo-littlebear select option:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background-color: rgb(var(--color-dropdown)); } @media screen and (forced-colors: active){#nomaroo-littlebear .icon:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ color: canvastext; fill: canvastext !important; }} @media (prefers-reduced-motion: no-preference){#nomaroo-littlebear .scroll-trigger.animate--fade-in:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .scroll-trigger.animate--slide-in:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ opacity: 0.01; }#nomaroo-littlebear .scroll-trigger.animate--slide-in:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ transform: translateY(20px); }} @media (prefers-reduced-motion: no-preference) and (hover: hover){#nomaroo-littlebear:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ --easter-egg: none; --sparkle: url("https://www.trylittlebear.com/cdn/shop/t/41/assets/sparkle.gif"); }} #nomaroo-littlebear h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h4:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h5:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h6:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-weight: var(--font-weight-bold-override, bold); letter-spacing: var(--letter-spacing-heading, -.3px); font-family: var(--font-heading-family-override); } #nomaroo-littlebear h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h4:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h5:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h6:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .heading:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear [class*="title"]:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear [class*="heading"]:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .collection-hero__title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .main-collection-title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .page-title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .section-header__title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-family: var(--font-heading-family-override, var(--font-heading-family)); font-weight: var(--font-weight-bold-override, bold); letter-spacing: var(--letter-spacing-heading, -.3px); } #nomaroo-littlebear [class*="bundle"]:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear [class*="Bundle"]:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear [class*="subscription"]:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear [class*="Subscription"]:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear [class*="rebuy"]:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear [class*="Rebuy"]:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear [class*="recharge"]:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear [class*="Recharge"]:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear [class*="quickview"]:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear [class*="Quickview"]:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ --letter-spacing-heading: var(--app-letter-spacing, var(--letter-spacing-body)) !important; letter-spacing: var(--app-letter-spacing, var(--letter-spacing-body)) !important; } #nomaroo-littlebear h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h4:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h5:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h0:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h4:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h5:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ color: rgb(var(--color-text)); font-family: var(--font-heading-family); font-style: var(--font-heading-style); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-heading); line-height: calc(1 + .3 / var(--font-heading-scale)); margin: 0px; } #nomaroo-littlebear h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: var(--h1-font-size, calc(var(--font-heading-scale) * 32px)); } #nomaroo-littlebear h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: var(--h2-font-size, calc(var(--font-heading-scale) * 26px)); } #nomaroo-littlebear h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: var(--h3-font-size, calc(var(--font-heading-scale) * 22px)); } #nomaroo-littlebear h4:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h4:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: var(--h4-font-size, calc(var(--font-heading-scale) * 18px)); } @media screen and (min-width: 750px){#nomaroo-littlebear h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: calc(var(--font-heading-scale) * 36px); }#nomaroo-littlebear h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: calc(var(--font-heading-scale) * 30px); }#nomaroo-littlebear h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: calc(var(--font-heading-scale) * 24px); }#nomaroo-littlebear h4:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h4:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: calc(var(--font-heading-scale) * 20px); }} #nomaroo-littlebear:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ --accent-debug: var(--font-accent-family, "ACCENT_FONT_NOT_SET"); } #nomaroo-littlebear.h1-heading-font h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear.h1-heading-font .h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-family: var(--font-heading-family) !important; } #nomaroo-littlebear.h2-heading-font h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear.h2-heading-font .h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-family: var(--font-heading-family) !important; } #nomaroo-littlebear:not(.h3-heading-font) h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear:not(.h3-heading-font) .h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-family: var(--font-body-family) !important; } #nomaroo-littlebear:not(.h4-heading-font) h4:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear:not(.h4-heading-font) .h4:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-family: var(--font-body-family) !important; } #nomaroo-littlebear:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ --font-body: "Inter", sans-serif; --font-heading: "Inter", sans-serif; --font-weight-light: 300; --font-weight-medium: 500; --letter-spacing-tight: -.3px; --letter-spacing-normal: 0px; --letter-spacing-loose: .5px; --letter-spacing-heading: -.3px; --letter-spacing-body: 0px; --line-height-tight: 1.1; --line-height-normal: 1.4; --line-height-loose: 1.6; --font-size-h1: 40px; --font-size-h2: 34px; --font-size-h3: 28px; --font-size-h4: 22px; --font-size-h5: 19px; --font-size-h6: 17px; --font-size-body-large: 19px; --font-size-body: 16px; --font-size-body-small: 14px; --font-size-caption: 12px; --min-font-size-h1: 32px; --max-font-size-h1: 48px; --min-font-size-h2: 28px; --max-font-size-h2: 40px; --min-font-size-h3: 24px; --max-font-size-h3: 32px; } #nomaroo-littlebear h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-family: var(--font-heading); font-weight: var(--font-weight-bold); font-size: var(--h1-font-size, var(--font-size-h1)); line-height: var(--line-height-tight); letter-spacing: var(--letter-spacing-heading); margin-bottom: 0.5em; } #nomaroo-littlebear h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-family: var(--font-heading); font-weight: var(--font-weight-bold); font-size: var(--h2-font-size, var(--font-size-h2)); line-height: var(--line-height-tight); letter-spacing: var(--letter-spacing-heading); margin-bottom: 0.5em; } #nomaroo-littlebear h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-family: var(--font-heading); font-weight: var(--font-weight-semibold); font-size: var(--h3-font-size, var(--font-size-h3)); line-height: var(--line-height-tight); letter-spacing: var(--letter-spacing-body); margin-bottom: 0.5em; } #nomaroo-littlebear h4:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h4:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-family: var(--font-heading); font-weight: var(--font-weight-semibold); font-size: var(--h4-font-size, var(--font-size-h4)); line-height: var(--line-height-normal); letter-spacing: var(--letter-spacing-body); margin-bottom: 0.5em; } #nomaroo-littlebear:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .body:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-family: var(--font-body); font-weight: var(--font-weight-regular); font-size: var(--body-font-size, var(--font-size-body)); line-height: var(--line-height-normal); letter-spacing: var(--letter-spacing-body); } #nomaroo-littlebear span:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear div:not([class^="shopify"]):where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear p:not([class^="shopify"]):where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear button:not([class^="shopify"]):where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear a:not([class^="shopify"]):where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-family: var(--font-body-family-override) !important; } @media screen and (max-width: 375px){#nomaroo-littlebear h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: var(--min-font-size-h1); }#nomaroo-littlebear h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: var(--min-font-size-h2); }#nomaroo-littlebear h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: var(--min-font-size-h3); }} @media screen and (min-width: 1440px){#nomaroo-littlebear h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: var(--max-font-size-h1); }#nomaroo-littlebear h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: var(--max-font-size-h2); }#nomaroo-littlebear h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: var(--max-font-size-h3); }} #nomaroo-littlebear:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ --font-heading-family: NMLBNunito, sans-serif; --font-body-family: NMLBOutfit, sans-serif; --font-heading-weight: 700; --font-body-weight: 400; --button-text-transform: ; --font-body-family-override: NMLBOutfit, sans-serif; --font-heading-family-override: NMLBNunito, sans-serif; --font-body-weight-override: 400; --font-heading-weight-override: 500; --global-button-radius: 14px; --h1-font-size: 48px; --h2-font-size: 36px; --h3-font-size: 28px; --body-font-size: 16px; --subtitle-font-size: 18px; } #nomaroo-littlebear .button:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .button-text:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear button[type="submit"]:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear input[type="submit"]:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ text-transform: var(--button-text-transform); font-family: var(--font-body-family-override); } #nomaroo-littlebear p:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear span:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear div:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear a:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear button:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear input:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear select:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear textarea:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear label:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear li:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-family: var(--font-body-family-override, NMLBOutfit, sans-serif); } #nomaroo-littlebear h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h4:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h5:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h6:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h4:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h5:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h6:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear [class*="title"]:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear [class*="heading"]:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .heading:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-family: var(--font-heading-family-override, NMLBNunito, sans-serif); } #nomaroo-littlebear .rating-component:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .review-name:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .review-text:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .benefit-text:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .counter-text:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .feature-name:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .check-yes:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .check-no:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .text-value:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-family: var(--font-body-family-override, NMLBOutfit, sans-serif); } #nomaroo-littlebear:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ --app-letter-spacing: -0.3px; } #nomaroo-littlebear .button:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .btn:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear button[type="submit"]:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear input[type="submit"]:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .shopify-payment-button__button:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .product-form__submit:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .shop-add-to-cart-button:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .claim-button:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .cart__checkout-button:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .contact-button:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .button--primary:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .rich-text-button:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .theme-button:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .sticky-add-to-cart__button:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ transition: 0.3s; border-radius: var(--global-button-radius) !important; font-family: var(--font-body-family-override) !important; background-color: var(--global-button-bg-color) !important; color: var(--global-button-text-color) !important; border-left: var(--global-button-border-width) solid var(--global-button-border-color) !important; border-right: var(--global-button-border-width) solid var(--global-button-border-color) !important; border-top: var(--global-button-border-width) solid var(--global-button-border-color) !important; border-bottom-width: !important; border-bottom-color: !important; border-bottom-style: solid !important; box-shadow: none !important; padding-left: 20px !important; padding-right: 20px !important; text-transform: uppercase !important; text-align: center !important; font-weight: bold !important; } #nomaroo-littlebear .button:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .btn:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear button[type="submit"]:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear input[type="submit"]:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .shopify-payment-button__button:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .product-form__submit:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .shop-add-to-cart-button:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .claim-button:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear button[class*="add-to-cart"]:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear button[class*="add_to_cart"]:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear a[class*="add-to-cart"]:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear a[class*="add_to_cart"]:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear input[class*="add-to-cart"]:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear input[class*="add_to_cart"]:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .cart__checkout-button:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .contact-button:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .button--primary:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .rich-text-button:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .theme-button:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .sticky-add-to-cart__button:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .button:focus:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .button:focus-visible:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .btn:focus:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .btn:focus-visible:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear button[type="submit"]:focus:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear button[type="submit"]:focus-visible:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear input[type="submit"]:focus:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear input[type="submit"]:focus-visible:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .shopify-payment-button__button:focus:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .shopify-payment-button__button:focus-visible:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .product-form__submit:focus:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .product-form__submit:focus-visible:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .shop-add-to-cart-button:focus:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .shop-add-to-cart-button:focus-visible:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .claim-button:focus:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .claim-button:focus-visible:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear button[class*="add-to-cart"]:focus:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear button[class*="add_to_cart"]:focus:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear a[class*="add-to-cart"]:focus:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear a[class*="add_to_cart"]:focus:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear input[class*="add-to-cart"]:focus:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear input[class*="add_to_cart"]:focus:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .cart__checkout-button:focus:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .cart__checkout-button:focus-visible:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .contact-button:focus:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .contact-button:focus-visible:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .button--primary:focus:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .button--primary:focus-visible:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .theme-button:focus:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .theme-button:focus-visible:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .sticky-add-to-cart__button:focus:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .sticky-add-to-cart__button:focus-visible:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .shopify-payment-button [role="button"]:focus:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .shopify-payment-button [role="button"]:focus-visible:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background-color: var(--global-button-hover-bg-color) !important; border-left: var(--global-button-border-width) solid var(--global-button-border-color) !important; border-right: var(--global-button-border-width) solid var(--global-button-border-color) !important; border-top: var(--global-button-border-width) solid var(--global-button-border-color) !important; border-bottom-width: !important; border-bottom-color: !important; border-bottom-style: solid !important; box-shadow: none !important; outline: none !important; } #nomaroo-littlebear:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ --enhanced-3d-enabled: false; --enhanced-gradient-enabled: false; } #nomaroo-littlebear .button-box-shadow:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .button.button-box-shadow:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .btn.button-box-shadow:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear button[type="submit"].button-box-shadow:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear input[type="submit"].button-box-shadow:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .product-form__submit.button-box-shadow:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .shop-add-to-cart-button.button-box-shadow:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .cart__checkout-button.button-box-shadow:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .contact-button.button-box-shadow:not(.disable-global-button-styling):where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .contact__button.button-box-shadow:not(.disable-global-button-styling):where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .button--primary.button-box-shadow:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .claim-button.button-box-shadow:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .newsletter-form__button.button-box-shadow:not(.disable-global-button-styling):where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .field__button.button-box-shadow:not(.disable-global-button-styling):where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .theme-button.button-box-shadow:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .guarantee-section__cta.button-box-shadow:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .custom-hero__button.button-box-shadow:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .rich-text-button.button-box-shadow:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ position: relative; z-index: 1; transition: 0.3s !important; } #nomaroo-littlebear .button-box-shadow.intensity-2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .button.button-box-shadow.intensity-2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .btn.button-box-shadow.intensity-2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear button[type="submit"].button-box-shadow.intensity-2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear input[type="submit"].button-box-shadow.intensity-2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .product-form__submit.button-box-shadow.intensity-2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .shop-add-to-cart-button.button-box-shadow.intensity-2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .cart__checkout-button.button-box-shadow.intensity-2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .contact-button.button-box-shadow.intensity-2:not(.disable-global-button-styling):where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .contact__button.button-box-shadow.intensity-2:not(.disable-global-button-styling):where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .button--primary.button-box-shadow.intensity-2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .claim-button.button-box-shadow.intensity-2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .newsletter-form__button.button-box-shadow.intensity-2:not(.disable-global-button-styling):where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .field__button.button-box-shadow.intensity-2:not(.disable-global-button-styling):where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .theme-button.button-box-shadow.intensity-2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .guarantee-section__cta.button-box-shadow.intensity-2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .custom-hero__button.button-box-shadow.intensity-2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .rich-text-button.button-box-shadow.intensity-2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 8px !important; } #nomaroo-littlebear .button-box-shadow.intensity-2:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .button.button-box-shadow.intensity-2:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .btn.button-box-shadow.intensity-2:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear button[type="submit"].button-box-shadow.intensity-2:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear input[type="submit"].button-box-shadow.intensity-2:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .product-form__submit.button-box-shadow.intensity-2:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .shop-add-to-cart-button.button-box-shadow.intensity-2:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .cart__checkout-button.button-box-shadow.intensity-2:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .contact-button.button-box-shadow.intensity-2:hover:not(.disable-global-button-styling):where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .contact__button.button-box-shadow.intensity-2:hover:not(.disable-global-button-styling):where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .button--primary.button-box-shadow.intensity-2:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .claim-button.button-box-shadow.intensity-2:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .newsletter-form__button.button-box-shadow.intensity-2:not(.disable-global-button-styling):hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .field__button.button-box-shadow.intensity-2:not(.disable-global-button-styling):hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .theme-button.button-box-shadow.intensity-2:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .guarantee-section__cta.button-box-shadow.intensity-2:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .custom-hero__button.button-box-shadow.intensity-2:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .rich-text-button.button-box-shadow.intensity-2:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ transform: translateY(-2px) !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 12px !important; } #nomaroo-littlebear .button-box-shadow:active:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .button.button-box-shadow:active:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .btn.button-box-shadow:active:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear button[type="submit"].button-box-shadow:active:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear input[type="submit"].button-box-shadow:active:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .product-form__submit.button-box-shadow:active:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .shop-add-to-cart-button.button-box-shadow:active:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .cart__checkout-button.button-box-shadow:active:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .contact-button.button-box-shadow:active:not(.disable-global-button-styling):where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .contact__button.button-box-shadow:active:not(.disable-global-button-styling):where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .button--primary.button-box-shadow:active:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .claim-button.button-box-shadow:active:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .newsletter-form__button.button-box-shadow:not(.disable-global-button-styling):active:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .field__button.button-box-shadow:not(.disable-global-button-styling):active:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .theme-button.button-box-shadow:active:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .guarantee-section__cta.button-box-shadow:active:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .custom-hero__button.button-box-shadow:active:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .rich-text-button.button-box-shadow:active:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ transform: translateY(0px) !important; } @media screen and (max-width: 768px){#nomaroo-littlebear .button-box-shadow:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ transform: none !important; }#nomaroo-littlebear .button-box-shadow:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .button-box-shadow:focus:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ transform: translateY(-1px) !important; }} @media print{#nomaroo-littlebear .button-box-shadow:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ box-shadow: none !important; transform: none !important; }} #nomaroo-littlebear h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h4:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h5:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h6:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .heading:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear [class*="title"]:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear [class*="heading"]:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .collection-hero__title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .main-collection-title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .page-title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .section-header__title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .section-title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .product-title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .collection-title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .blog-title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .card__heading:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .headline:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .subtitle:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .caption-with-letter-spacing:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h4:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h5:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .h6:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .comparison-heading:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .comparison-product-title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .statistics-section-title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .statistic-title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .alt-feat-section-title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .alt-feat-title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .as-seen-in-title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .custom-hero__title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .custom-main-heading:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .reviews-subtitle:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ color: rgb(37, 40, 42) !important; } #nomaroo-littlebear:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear p:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear div:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear input:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear textarea:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear select:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-weight: var(--font-weight-regular) !important; } #nomaroo-littlebear h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h4:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h5:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h6:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear th:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .semi-bold:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-weight: var(--font-weight-semibold) !important; } #nomaroo-littlebear h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear strong:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear b:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .bold:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .heading:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .btn--primary:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .btn--secondary:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-weight: var(--font-weight-bold) !important; } #nomaroo-littlebear *:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear :where(:not(#nm-lb-bundles,#nm-lb-bundles *))::before,#nomaroo-littlebear :where(:not(#nm-lb-bundles,#nm-lb-bundles *))::after{ box-sizing: border-box; margin: 0px; padding: 0px; } #nomaroo-littlebear:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ --cloud-light: #EBF5FB; --cloud-mid: #D6EAF8; --cloud-blue: #85C1E9; --accent-blue: #2E86C1; --deep-blue: #1A5276; --navy: #1E293B; --white: #FFFFFF; --soft-white: #F8FBFF; --text-body: #374151; --text-muted: #6B7280; --green: #27AE60; --gold: #F59E0B; --red-soft: #E74C3C; --border: #D6EAF8; --shadow: 0 4px 24px rgba(46,134,193,.1); --shadow-lg: 0 8px 40px rgba(46,134,193,.16); --radius: 20px; --radius-sm: 12px; } #nomaroo-littlebear:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ scroll-behavior: smooth; } #nomaroo-littlebear:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-family: var(--font-body-family); color: var(--navy); background: var(--soft-white); line-height: 1.6; overflow-x: hidden; } #nomaroo-littlebear .cloud-divider:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 100%; overflow: hidden; line-height: 0; } #nomaroo-littlebear .cloud-divider svg:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: block; width: 100%; } #nomaroo-littlebear .announcement-bar:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: var(--deep-blue); color: var(--white); text-align: center; padding: 10px 16px; font-size: 13px; font-weight: 600; letter-spacing: 0.3px; } #nomaroo-littlebear .announcement-bar span:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ color: var(--cloud-blue); } #nomaroo-littlebear .sticky-cta:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ position: fixed; bottom: 0px; left: 0px; right: 0px; background: var(--white); border-top: 2px solid var(--cloud-mid); padding: 10px 20px; display: flex; align-items: center; justify-content: space-between; z-index: 1000; box-shadow: rgba(46, 134, 193, 0.15) 0px -4px 20px; } #nomaroo-littlebear .sticky-cta-text:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 14px; font-weight: 700; color: var(--navy); } #nomaroo-littlebear .sticky-cta-text span:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ color: var(--accent-blue); } #nomaroo-littlebear .sticky-cta-btn:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: var(--accent-blue); color: var(--white); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 12px 28px; border-radius: 50px; font-size: 14px; font-weight: 800; cursor: pointer; transition: 0.2s; white-space: nowrap; } #nomaroo-littlebear .sticky-cta-btn:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: var(--deep-blue); transform: scale(1.02); } #nomaroo-littlebear .hero:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: linear-gradient(135deg, rgb(235, 245, 251), rgb(214, 234, 248), rgb(174, 214, 241)); padding: 60px 20px 0px; position: relative; overflow: hidden; } #nomaroo-littlebear .hero:where(:not(#nm-lb-bundles,#nm-lb-bundles *))::before{ content: ""; position: absolute; top: -60px; right: -80px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(133, 193, 233, 0.3) 0%, transparent 70%); border-radius: 50%; pointer-events: none; } #nomaroo-littlebear .hero-inner:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ max-width: 1100px; margin: 0px auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; } #nomaroo-littlebear .hero-badges:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; flex-wrap: nowrap; gap: 7px; margin-bottom: 18px; } #nomaroo-littlebear .hero-badge:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: inline-flex; align-items: center; justify-content: center; gap: 6px; background: linear-gradient(135deg, rgb(46, 155, 255), rgb(24, 119, 242)); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50px; padding: 7px 12px; font-size: 11px; font-weight: 800; color: rgb(255, 255, 255); letter-spacing: 0.2px; text-transform: uppercase; white-space: nowrap; box-shadow: rgba(24, 119, 242, 0.35) 0px 3px 10px; } #nomaroo-littlebear .hero-badge svg:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 14px; height: 14px; flex-shrink: 0; } #nomaroo-littlebear .hero h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-family: var(--font-heading-family); font-size: clamp(30px, 4vw, 52px); font-weight: 900; line-height: 1.15; color: var(--deep-blue); margin-bottom: 18px; } #nomaroo-littlebear .hero h1 em:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-style: normal; color: var(--accent-blue); position: relative; } #nomaroo-littlebear .hero h1 em:where(:not(#nm-lb-bundles,#nm-lb-bundles *))::after{ content: ""; position: absolute; bottom: -3px; left: 0px; right: 0px; height: 4px; background: var(--cloud-blue); border-radius: 2px; } #nomaroo-littlebear .hero-sub:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 16px; color: var(--text-body); margin-bottom: 22px; line-height: 1.7; } #nomaroo-littlebear .hero-sub strong:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ color: var(--deep-blue); } #nomaroo-littlebear .hero-price-block:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; align-items: center; gap: 12px; margin-bottom: 18px; flex-wrap: wrap; } #nomaroo-littlebear .price-current:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 34px; font-weight: 900; color: var(--deep-blue); } #nomaroo-littlebear .price-original:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 19px; color: var(--text-muted); text-decoration: line-through; } #nomaroo-littlebear .price-save:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: rgb(254, 243, 199); color: rgb(146, 64, 14); border-radius: 6px; padding: 4px 10px; font-size: 13px; font-weight: 700; } #nomaroo-littlebear .hero-cta:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; flex-direction: column; gap: 10px; } #nomaroo-littlebear .btn-primary:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: var(--accent-blue); color: var(--white); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 17px 34px; border-radius: 50px; font-size: 16px; font-weight: 800; cursor: pointer; transition: 0.25s; text-decoration: none; box-shadow: rgba(46, 134, 193, 0.35) 0px 6px 24px; } #nomaroo-littlebear .btn-primary:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: var(--deep-blue); transform: translateY(-2px); box-shadow: rgba(46, 134, 193, 0.4) 0px 10px 30px; } #nomaroo-littlebear .btn-secondary:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: transparent; color: var(--accent-blue); border: 2px solid var(--accent-blue); padding: 13px 34px; border-radius: 50px; font-size: 15px; font-weight: 700; cursor: pointer; transition: 0.25s; text-decoration: none; } #nomaroo-littlebear .btn-secondary:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: var(--cloud-light); } #nomaroo-littlebear .guarantee-note:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 12px; color: var(--text-muted); display: flex; align-items: center; gap: 5px; } #nomaroo-littlebear .hero-single-img:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 100%; aspect-ratio: 1 / 1; border-radius: var(--radius); overflow: hidden; background: var(--cloud-mid); position: relative; box-shadow: var(--shadow-lg); } #nomaroo-littlebear .hero-single-img img:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 100%; height: 100%; object-fit: cover; display: block; } #nomaroo-littlebear .gallery-badge-float:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ position: absolute; top: 14px; right: 14px; background: var(--white); border-radius: var(--radius-sm); padding: 10px 14px; box-shadow: var(--shadow-lg); font-size: 12px; font-weight: 700; color: var(--navy); border-left: 4px solid var(--green); max-width: 160px; line-height: 1.4; } #nomaroo-littlebear .gallery-badge-float .stat:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 20px; font-weight: 900; color: var(--green); display: block; } #nomaroo-littlebear .hero-benefits:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 22px; } #nomaroo-littlebear .hero-benefit-item:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; align-items: center; gap: 7px; background: rgba(255, 255, 255, 0.85); border-radius: 10px; padding: 9px 10px; border: 1px solid var(--border); font-size: 12px; font-weight: 600; color: var(--navy); white-space: nowrap; letter-spacing: -0.1px; min-width: 0px; } #nomaroo-littlebear .hero-benefit-check:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 18px; height: 18px; background: var(--accent-blue); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } #nomaroo-littlebear .hero-benefit-check svg:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 10px; height: 10px; } #nomaroo-littlebear .hero-bullet-list:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; flex-direction: column; gap: 7px; margin-top: 4px; } #nomaroo-littlebear .hero-bullet:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--text-body); font-weight: 500; } #nomaroo-littlebear .hero-bullet-check:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 16px; height: 16px; background: var(--green); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } #nomaroo-littlebear .hero-bullet-check svg:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 9px; height: 9px; } #nomaroo-littlebear .proof-bar:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: var(--soft-white); padding: 18px 20px; border-bottom: 1px solid var(--border); } #nomaroo-littlebear .proof-bar-inner:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ max-width: 1100px; margin: 0px auto; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 24px; } #nomaroo-littlebear .proof-item:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 600; color: var(--navy); } #nomaroo-littlebear .stars:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ color: rgb(245, 158, 11); letter-spacing: 1px; } #nomaroo-littlebear .hero-testimonial-section:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: var(--soft-white); padding: 40px 20px; } #nomaroo-littlebear .hero-testimonial-inner:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ max-width: 860px; margin: 0px auto; } #nomaroo-littlebear .hero-testimonial-card:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: linear-gradient(135deg,var(--cloud-light),var(--white)); border: 2px solid var(--cloud-blue); border-radius: var(--radius); padding: 36px 40px; position: relative; box-shadow: var(--shadow-lg); } #nomaroo-littlebear .hero-testimonial-card:where(:not(#nm-lb-bundles,#nm-lb-bundles *))::before{ content: "\""; position: absolute; top: -10px; left: 30px; font-size: 100px; font-family: var(--font-heading-family); font-weight: 900; color: var(--cloud-blue); line-height: 1; opacity: 0.5; } #nomaroo-littlebear .hero-testimonial-stars:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ color: rgb(245, 158, 11); font-size: 18px; margin-bottom: 14px; } #nomaroo-littlebear .hero-testimonial-text:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 18px; color: var(--navy); line-height: 1.75; font-style: italic; margin-bottom: 20px; font-weight: 500; } #nomaroo-littlebear .hero-testimonial-author:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; align-items: center; gap: 12px; } #nomaroo-littlebear .hero-testimonial-avatar:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 48px; height: 48px; background: var(--cloud-mid); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 22px; border: 2px solid var(--cloud-blue); } #nomaroo-littlebear .hero-testimonial-name:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 15px; font-weight: 800; color: var(--deep-blue); } #nomaroo-littlebear .hero-testimonial-meta:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 13px; color: var(--text-muted); } #nomaroo-littlebear .hero-testimonial-verified:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ margin-left: auto; font-size: 12px; font-weight: 700; color: var(--green); display: flex; align-items: center; gap: 4px; background: rgb(240, 253, 244); border-radius: 6px; padding: 4px 10px; } #nomaroo-littlebear .featured-section:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: var(--white); padding: 36px 20px; border-bottom: 1px solid var(--border); } #nomaroo-littlebear .featured-label:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ text-align: center; font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--text-muted); margin-bottom: 20px; } #nomaroo-littlebear .featured-scroll-wrap:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ overflow: hidden; position: relative; max-width: 1100px; margin: 0px auto; } #nomaroo-littlebear .featured-scroll-wrap:where(:not(#nm-lb-bundles,#nm-lb-bundles *))::before,#nomaroo-littlebear .featured-scroll-wrap:where(:not(#nm-lb-bundles,#nm-lb-bundles *))::after{ content: ""; position: absolute; top: 0px; bottom: 0px; width: 80px; z-index: 2; pointer-events: none; } #nomaroo-littlebear .featured-scroll-wrap:where(:not(#nm-lb-bundles,#nm-lb-bundles *))::before{ left: 0px; background: linear-gradient(to right,var(--white),transparent); } #nomaroo-littlebear .featured-scroll-wrap:where(:not(#nm-lb-bundles,#nm-lb-bundles *))::after{ right: 0px; background: linear-gradient(to left,var(--white),transparent); } #nomaroo-littlebear .featured-track:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; gap: 40px; align-items: center; animation: 22s linear 0s infinite normal none running scrollLogos; width: max-content; } #nomaroo-littlebear .featured-track:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ animation-play-state: paused; } #nomaroo-littlebear .featured-logo-slot:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ flex-shrink: 0; height: 44px; min-width: 120px; background: var(--cloud-light); border-radius: 10px; border: 1.5px dashed var(--cloud-blue); display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; color: var(--text-muted); letter-spacing: 0.5px; text-transform: uppercase; overflow: hidden; cursor: pointer; transition: border-color 0.2s; } #nomaroo-littlebear .featured-logo-slot img:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 100%; height: 100%; object-fit: contain; padding: 8px 14px; } #nomaroo-littlebear .featured-logo-slot:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ border-color: var(--accent-blue); } #nomaroo-littlebear .section:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ padding: 70px 20px; } #nomaroo-littlebear .section-inner:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ max-width: 1100px; margin: 0px auto; } #nomaroo-littlebear .section-label:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--accent-blue); margin-bottom: 10px; } #nomaroo-littlebear .section-title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-family: var(--font-heading-family); font-size: clamp(24px, 3.5vw, 42px); font-weight: 900; line-height: 1.2; color: var(--deep-blue); margin-bottom: 14px; } #nomaroo-littlebear .section-sub:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 16px; color: var(--text-body); max-width: 680px; line-height: 1.7; margin-bottom: 36px; } #nomaroo-littlebear .problem-section:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: var(--soft-white); } #nomaroo-littlebear .problem-grid:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; } #nomaroo-littlebear .problem-list:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; flex-direction: column; gap: 14px; } #nomaroo-littlebear .problem-item:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; gap: 14px; align-items: flex-start; background: var(--white); border-radius: var(--radius-sm); padding: 16px 18px; border-left: 4px solid var(--red-soft); box-shadow: var(--shadow); } #nomaroo-littlebear .problem-item .icon:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 20px; flex-shrink: 0; margin-top: 2px; } #nomaroo-littlebear .problem-item h4:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 14px; font-weight: 700; color: var(--navy); margin-bottom: 3px; } #nomaroo-littlebear .problem-item p:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 13px; color: var(--text-body); line-height: 1.5; } #nomaroo-littlebear .warning-box:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: linear-gradient(135deg, rgb(254, 242, 242), rgb(254, 226, 226)); border: 2px solid rgb(254, 202, 202); border-radius: var(--radius); padding: 26px; } #nomaroo-littlebear .warning-box .warning-icon:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 42px; margin-bottom: 10px; text-align: center; } #nomaroo-littlebear .warning-box h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-family: var(--font-heading-family); font-size: 20px; font-weight: 900; color: rgb(153, 27, 27); margin-bottom: 10px; text-align: center; } #nomaroo-littlebear .warning-box p:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 14px; color: rgb(127, 29, 29); line-height: 1.6; margin-bottom: 10px; } #nomaroo-littlebear .warning-box .deadline:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: inline-block; background: rgb(153, 27, 27); color: var(--white); border-radius: 8px; padding: 7px 16px; font-size: 13px; font-weight: 800; margin-top: 6px; letter-spacing: 0.3px; width: 100%; text-align: center; } #nomaroo-littlebear .age-faq:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ margin-top: 16px; } #nomaroo-littlebear .age-faq-item:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: rgba(255, 255, 255, 0.7); border: 1.5px solid rgb(254, 202, 202); border-radius: var(--radius-sm); margin-bottom: 8px; overflow: hidden; } #nomaroo-littlebear .age-faq-question:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ padding: 13px 16px; font-size: 13px; font-weight: 700; color: rgb(153, 27, 27); cursor: pointer; display: flex; justify-content: space-between; align-items: center; user-select: none; } #nomaroo-littlebear .age-faq-question:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: rgba(255, 255, 255, 0.9); } #nomaroo-littlebear .age-faq-chevron:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 14px; color: rgb(153, 27, 27); transition: transform 0.3s; } #nomaroo-littlebear .age-faq-answer:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ padding: 0px 16px; max-height: 0px; overflow: hidden; transition: 0.35s; font-size: 13px; color: rgb(127, 29, 29); line-height: 1.6; } #nomaroo-littlebear .age-faq-item.open .age-faq-answer:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ max-height: 600px; padding: 0px 16px 14px; } #nomaroo-littlebear .age-faq-item.open .age-faq-chevron:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ transform: rotate(180deg); } #nomaroo-littlebear .consequence-section:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: linear-gradient(135deg,var(--deep-blue) 0%,#154360 100%); color: var(--white); position: relative; overflow: hidden; } #nomaroo-littlebear .consequence-section:where(:not(#nm-lb-bundles,#nm-lb-bundles *))::before{ content: ""; position: absolute; top: -100px; right: -100px; width: 500px; height: 500px; background: radial-gradient(circle, rgba(133, 193, 233, 0.12) 0%, transparent 70%); border-radius: 50%; } #nomaroo-littlebear .consequence-section .section-title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ color: var(--white); } #nomaroo-littlebear .consequence-section .section-sub:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ color: rgba(255, 255, 255, 0.8); } #nomaroo-littlebear .cost-cards:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-bottom: 36px; } #nomaroo-littlebear .cost-card:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: var(--radius); padding: 26px 18px; text-align: center; transition: 0.3s; } #nomaroo-littlebear .cost-card:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: rgba(255, 255, 255, 0.14); transform: translateY(-4px); } #nomaroo-littlebear .cost-card .cost-icon:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 32px; margin-bottom: 10px; } #nomaroo-littlebear .cost-card .cost-amount:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 28px; font-weight: 900; color: rgb(248, 113, 113); margin-bottom: 5px; } #nomaroo-littlebear .cost-card .cost-label:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 13px; font-weight: 600; color: rgba(255, 255, 255, 0.85); margin-bottom: 8px; } #nomaroo-littlebear .cost-card .cost-desc:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 12px; color: rgba(255, 255, 255, 0.6); line-height: 1.5; } #nomaroo-littlebear .vs-block:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; align-items: center; gap: 20px; background: rgba(255, 255, 255, 0.06); border-radius: var(--radius); padding: 26px; border: 1px solid rgba(255, 255, 255, 0.1); } #nomaroo-littlebear .vs-side:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ flex: 1 1 0%; text-align: center; } #nomaroo-littlebear .vs-side .vs-price:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 38px; font-weight: 900; } #nomaroo-littlebear .vs-side .vs-label:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 13px; font-weight: 600; margin-top: 6px; } #nomaroo-littlebear .vs-side.bad .vs-price:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ color: rgb(248, 113, 113); } #nomaroo-littlebear .vs-side.bad .vs-label:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ color: rgba(255, 255, 255, 0.7); } #nomaroo-littlebear .vs-side.good .vs-price:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ color: rgb(74, 222, 128); } #nomaroo-littlebear .vs-side.good .vs-label:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ color: rgba(255, 255, 255, 0.7); } #nomaroo-littlebear .vs-divider:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 22px; font-weight: 900; color: rgba(255, 255, 255, 0.4); } #nomaroo-littlebear .mechanism-section:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: var(--cloud-light); } #nomaroo-littlebear .mechanism-grid:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; } #nomaroo-littlebear .steps:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; flex-direction: column; gap: 0px; } #nomaroo-littlebear .step:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: grid; grid-template-columns: 52px 1fr; gap: 16px; align-items: flex-start; padding: 20px 0px; border-bottom: 1px dashed var(--cloud-blue); } #nomaroo-littlebear .step:last-child:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } #nomaroo-littlebear .step-num:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 46px; height: 46px; background: var(--accent-blue); color: var(--white); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 900; flex-shrink: 0; box-shadow: rgba(46, 134, 193, 0.3) 0px 4px 12px; } #nomaroo-littlebear .step-content h4:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 15px; font-weight: 800; color: var(--deep-blue); margin-bottom: 5px; } #nomaroo-littlebear .step-content p:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 14px; color: var(--text-body); line-height: 1.6; } #nomaroo-littlebear .mechanism-img:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 100%; border-radius: var(--radius); box-shadow: var(--shadow-lg); margin-bottom: 20px; display: block; } #nomaroo-littlebear .test-box:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: var(--white); border-radius: var(--radius); padding: 28px; border: 2px solid var(--accent-blue); text-align: center; box-shadow: var(--shadow-lg); } #nomaroo-littlebear .test-box h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-family: var(--font-heading-family); font-size: 20px; font-weight: 900; color: var(--deep-blue); margin-bottom: 10px; } #nomaroo-littlebear .test-box p:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 14px; color: var(--text-body); line-height: 1.7; margin-bottom: 14px; } #nomaroo-littlebear .test-box .test-result:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: inline-block; background: var(--cloud-mid); border-radius: 10px; padding: 8px 18px; font-size: 13px; font-weight: 700; color: var(--deep-blue); } #nomaroo-littlebear .features-section:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: var(--white); } #nomaroo-littlebear .features-grid:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } #nomaroo-littlebear .feature-card:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: var(--soft-white); border-radius: var(--radius); padding: 26px 22px; border: 1.5px solid var(--border); transition: 0.3s; } #nomaroo-littlebear .feature-card:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ border-color: var(--cloud-blue); box-shadow: var(--shadow-lg); transform: translateY(-4px); } #nomaroo-littlebear .feature-icon:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 32px; margin-bottom: 12px; } #nomaroo-littlebear .feature-card h4:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 15px; font-weight: 800; color: var(--deep-blue); margin-bottom: 7px; } #nomaroo-littlebear .feature-card p:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 13px; color: var(--text-body); line-height: 1.6; } #nomaroo-littlebear .offer-section:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: linear-gradient(135deg, rgb(235, 245, 251), rgb(214, 234, 248)); } #nomaroo-littlebear .offer-grid:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; } #nomaroo-littlebear .offer-gallery-wrap:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; flex-direction: column; gap: 10px; } #nomaroo-littlebear .offer-gallery-main:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 100%; aspect-ratio: 1 / 1; border-radius: var(--radius); overflow: hidden; background: var(--cloud-mid); box-shadow: var(--shadow-lg); } #nomaroo-littlebear .offer-gallery-main img:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 100%; height: 100%; object-fit: cover; display: block; transition: opacity 0.3s; } #nomaroo-littlebear .offer-gallery-thumbs:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; gap: 8px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: thin; scrollbar-color: var(--cloud-blue) transparent; } #nomaroo-littlebear .offer-gallery-thumbs:where(:not(#nm-lb-bundles,#nm-lb-bundles *))::-webkit-scrollbar{ height: 4px; } #nomaroo-littlebear .offer-gallery-thumbs:where(:not(#nm-lb-bundles,#nm-lb-bundles *))::-webkit-scrollbar-thumb{ background: var(--cloud-blue); border-radius: 2px; } #nomaroo-littlebear .offer-gallery-thumb:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ flex-shrink: 0; width: 66px; height: 66px; border-radius: 9px; overflow: hidden; cursor: pointer; border: 2.5px solid transparent; transition: 0.2s; background: var(--cloud-mid); } #nomaroo-littlebear .offer-gallery-thumb img:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 100%; height: 100%; object-fit: cover; display: block; } #nomaroo-littlebear .offer-gallery-thumb.active:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ border-color: var(--accent-blue); } #nomaroo-littlebear .offer-gallery-thumb:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ border-color: var(--cloud-blue); } #nomaroo-littlebear .bundle-section-inner .section-label:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ text-align: left; } #nomaroo-littlebear .bundle-section-inner .section-title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: clamp(22px, 2.5vw, 32px); } #nomaroo-littlebear .bundle-options:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; flex-direction: column; gap: 12px; margin-bottom: 22px; } #nomaroo-littlebear .bundle-option:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: var(--white); border: 2px solid var(--border); border-radius: var(--radius-sm); padding: 16px 18px; cursor: pointer; transition: 0.2s; position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; } #nomaroo-littlebear .bundle-option.selected:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ border-color: var(--accent-blue); background: var(--cloud-light); } #nomaroo-littlebear .bundle-option:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ border-color: var(--cloud-blue); } #nomaroo-littlebear .bundle-option .popular-tag:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ position: absolute; top: -11px; left: 16px; background: var(--accent-blue); color: var(--white); font-size: 10px; font-weight: 800; padding: 3px 10px; border-radius: 50px; white-space: nowrap; letter-spacing: 0.5px; } #nomaroo-littlebear .bundle-option-left:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; align-items: center; gap: 12px; } #nomaroo-littlebear .bundle-radio:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--cloud-blue); flex-shrink: 0; display: flex; align-items: center; justify-content: center; } #nomaroo-littlebear .bundle-option.selected .bundle-radio:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ border-color: var(--accent-blue); background: var(--accent-blue); } #nomaroo-littlebear .bundle-option.selected .bundle-radio:where(:not(#nm-lb-bundles,#nm-lb-bundles *))::after{ content: ""; width: 8px; height: 8px; background: var(--white); border-radius: 50%; } #nomaroo-littlebear .bundle-qty:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 15px; font-weight: 800; color: var(--deep-blue); } #nomaroo-littlebear .bundle-desc:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 12px; color: var(--text-muted); } #nomaroo-littlebear .bundle-option-right:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ text-align: right; } #nomaroo-littlebear .bundle-price:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 18px; font-weight: 900; color: var(--deep-blue); } #nomaroo-littlebear .bundle-per:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 11px; color: var(--text-muted); } #nomaroo-littlebear .bundle-save-tag:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: inline-block; background: rgb(254, 243, 199); color: rgb(146, 64, 14); border-radius: 4px; padding: 2px 7px; font-size: 11px; font-weight: 700; margin-top: 3px; } #nomaroo-littlebear .add-to-cart-btn:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; background: var(--accent-blue); color: var(--white); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 18px 24px; border-radius: 50px; font-size: 17px; font-weight: 800; cursor: pointer; transition: 0.25s; text-decoration: none; box-shadow: rgba(46, 134, 193, 0.35) 0px 6px 24px; margin-bottom: 14px; } #nomaroo-littlebear .add-to-cart-btn:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: var(--deep-blue); transform: translateY(-2px); } #nomaroo-littlebear .checkout-trust:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; font-size: 12px; font-weight: 600; color: var(--text-muted); margin-bottom: 16px; } #nomaroo-littlebear .checkout-trust span:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; align-items: center; gap: 4px; } #nomaroo-littlebear .mini-guarantee:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: var(--white); border-radius: var(--radius-sm); padding: 14px 18px; display: flex; align-items: center; gap: 12px; border: 1.5px solid rgb(134, 239, 172); } #nomaroo-littlebear .mini-guarantee .seal:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 44px; height: 44px; background: var(--green); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--white); font-size: 10px; font-weight: 900; text-align: center; line-height: 1.2; flex-shrink: 0; } #nomaroo-littlebear .mini-guarantee p:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 13px; color: rgb(22, 101, 52); font-weight: 600; line-height: 1.5; } #nomaroo-littlebear .guarantee-section:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: var(--white); } #nomaroo-littlebear .guarantee-box:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: linear-gradient(135deg, rgb(240, 253, 244), rgb(220, 252, 231)); border: 2px solid rgb(134, 239, 172); border-radius: var(--radius); padding: 40px; display: grid; grid-template-columns: auto 1fr; gap: 32px; align-items: center; } #nomaroo-littlebear .guarantee-seal:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 120px; height: 120px; background: var(--green); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--white); text-align: center; flex-shrink: 0; box-shadow: rgba(39, 174, 96, 0.35) 0px 8px 24px; } #nomaroo-littlebear .guarantee-seal .days:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 34px; font-weight: 900; line-height: 1; } #nomaroo-littlebear .guarantee-seal .night:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } #nomaroo-littlebear .guarantee-content h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-family: var(--font-heading-family); font-size: 24px; font-weight: 900; color: rgb(20, 83, 45); margin-bottom: 10px; } #nomaroo-littlebear .guarantee-content p:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 15px; color: rgb(22, 101, 52); line-height: 1.7; } #nomaroo-littlebear .testimonials-section:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: var(--cloud-light); } #nomaroo-littlebear .testimonials-grid:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } #nomaroo-littlebear .testimonial-card:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: var(--white); border-radius: var(--radius); padding: 24px; box-shadow: var(--shadow); border-top: 4px solid var(--cloud-blue); display: flex; flex-direction: column; } #nomaroo-littlebear .testimonial-img-slot:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 100%; height: 180px; background: var(--cloud-light); border-radius: var(--radius-sm); margin-bottom: 16px; overflow: hidden; border: 2px dashed var(--cloud-blue); display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 600; color: var(--text-muted); text-align: center; cursor: pointer; transition: border-color 0.2s; flex-shrink: 0; } #nomaroo-littlebear .testimonial-img-slot img:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 100%; height: 100%; object-fit: cover; display: none; } #nomaroo-littlebear .testimonial-img-slot:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ border-color: var(--accent-blue); } #nomaroo-littlebear .testimonial-stars:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ color: rgb(245, 158, 11); font-size: 15px; margin-bottom: 10px; } #nomaroo-littlebear .testimonial-text:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 14px; color: var(--text-body); line-height: 1.7; margin-bottom: 14px; font-style: italic; flex: 1 1 0%; } #nomaroo-littlebear .testimonial-author:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; align-items: center; gap: 9px; } #nomaroo-littlebear .author-avatar:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 38px; height: 38px; background: var(--cloud-mid); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 17px; } #nomaroo-littlebear .author-name:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 13px; font-weight: 700; color: var(--navy); } #nomaroo-littlebear .author-meta:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 11px; color: var(--text-muted); } #nomaroo-littlebear .verified-badge:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ margin-left: auto; font-size: 11px; font-weight: 700; color: var(--green); display: flex; align-items: center; gap: 3px; } #nomaroo-littlebear .faq-section:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: var(--white); } #nomaroo-littlebear .faq-list:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ max-width: 760px; margin: 0px auto; display: flex; flex-direction: column; gap: 10px; } #nomaroo-littlebear .faq-item:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: var(--soft-white); border: 1.5px solid var(--border); border-radius: var(--radius-sm); overflow: hidden; } #nomaroo-littlebear .faq-question:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ padding: 17px 20px; font-size: 15px; font-weight: 700; color: var(--deep-blue); cursor: pointer; display: flex; justify-content: space-between; align-items: center; user-select: none; } #nomaroo-littlebear .faq-question:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: var(--cloud-light); } #nomaroo-littlebear .faq-chevron:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 16px; color: var(--accent-blue); transition: transform 0.3s; } #nomaroo-littlebear .faq-answer:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ padding: 0px 20px; max-height: 0px; overflow: hidden; transition: 0.35s; font-size: 14px; color: var(--text-body); line-height: 1.7; } #nomaroo-littlebear .faq-item.open .faq-answer:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ max-height: 400px; padding: 0px 20px 16px; } #nomaroo-littlebear .faq-item.open .faq-chevron:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ transform: rotate(180deg); } #nomaroo-littlebear .final-cta:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: linear-gradient(135deg,var(--deep-blue) 0%,#0F3460 100%); padding: 80px 20px; text-align: center; position: relative; overflow: hidden; } #nomaroo-littlebear .cloud-deco:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ position: absolute; opacity: 0.1; pointer-events: none; } #nomaroo-littlebear .cloud-deco svg:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ fill: var(--cloud-blue); } #nomaroo-littlebear .final-cta h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-family: var(--font-heading-family); font-size: clamp(26px, 4vw, 46px); font-weight: 900; color: var(--white); margin-bottom: 14px; position: relative; } #nomaroo-littlebear .final-cta p:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 17px; color: rgba(255, 255, 255, 0.8); margin-bottom: 32px; max-width: 540px; margin-left: auto; margin-right: auto; position: relative; } #nomaroo-littlebear .final-cta .btn-primary:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 17px; padding: 19px 46px; position: relative; } #nomaroo-littlebear .final-cta .sub-note:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 13px; color: rgba(255, 255, 255, 0.5); margin-top: 12px; position: relative; } @media (max-width: 960px){#nomaroo-littlebear .hero-inner:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ grid-template-columns: 1fr; gap: 36px; }#nomaroo-littlebear .hero-single-img:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ order: -1; }#nomaroo-littlebear .gallery-badge-float:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: none; }#nomaroo-littlebear .problem-grid:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .mechanism-grid:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ grid-template-columns: 1fr; }#nomaroo-littlebear .cost-cards:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ grid-template-columns: 1fr; gap: 14px; }#nomaroo-littlebear .features-grid:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ grid-template-columns: repeat(2, 1fr); }#nomaroo-littlebear .testimonials-grid:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ grid-template-columns: 1fr; }#nomaroo-littlebear .guarantee-box:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ grid-template-columns: 1fr; text-align: center; }#nomaroo-littlebear .guarantee-seal:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ margin: 0px auto; }#nomaroo-littlebear .offer-grid:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ grid-template-columns: 1fr; }#nomaroo-littlebear .vs-block:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ flex-direction: column; gap: 12px; }#nomaroo-littlebear .proof-bar-inner:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ gap: 14px; }#nomaroo-littlebear .benefit-item:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ min-width: 110px; padding: 18px 16px; }#nomaroo-littlebear .benefit-label:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 11px; }} @media (max-width: 640px){#nomaroo-littlebear .hero:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ padding: 40px 16px 0px; }#nomaroo-littlebear .section:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ padding: 50px 16px; }#nomaroo-littlebear .hero h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 28px; }#nomaroo-littlebear .features-grid:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ grid-template-columns: 1fr; }#nomaroo-littlebear .sticky-cta-text:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: none; }#nomaroo-littlebear .hero-testimonial-card:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ padding: 24px 20px; }#nomaroo-littlebear .hero-testimonial-text:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 16px; }#nomaroo-littlebear .hero-testimonial-card:where(:not(#nm-lb-bundles,#nm-lb-bundles *))::before{ font-size: 70px; top: -6px; left: 16px; }#nomaroo-littlebear .guarantee-box:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ padding: 26px 20px; }#nomaroo-littlebear .bundle-option:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ flex-direction: column; align-items: flex-start; gap: 8px; }#nomaroo-littlebear .bundle-option-right:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ text-align: left; }#nomaroo-littlebear .cost-card:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ padding: 20px 14px; }#nomaroo-littlebear .announcement-bar:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 11px; }#nomaroo-littlebear .offer-gallery-main:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ touch-action: pan-y; }} #nomaroo-littlebear .logo-bar:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: var(--white); display: flex; justify-content: center; align-items: center; padding: 12px 20px; border-bottom: 1px solid var(--cloud-mid); } #nomaroo-littlebear .logo-bar-img:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ height: 56px; width: auto; display: block; } @media (max-width: 600px){#nomaroo-littlebear .logo-bar-img:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ height: 44px; }} #nomaroo-littlebear .feature-icon:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .cost-card .cost-icon:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ align-items: center; justify-content: center; width: 58px; height: 58px; border-radius: 16px; margin: 0px auto 14px; display: inline-flex !important; font-size: 0px !important; } #nomaroo-littlebear .feature-icon:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: rgba(23, 115, 176, 0.08); } #nomaroo-littlebear .cost-card .cost-icon:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: rgba(255, 255, 255, 0.92); } #nomaroo-littlebear .feature-icon img:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .cost-card .cost-icon img:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 30px; height: 30px; object-fit: contain; } #nomaroo-littlebear .problem-item .icon:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 13px; background: rgba(23, 115, 176, 0.08); flex-shrink: 0; display: inline-flex !important; font-size: 0px !important; } #nomaroo-littlebear .problem-item .icon img:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 24px; height: 24px; object-fit: contain; } #nomaroo-littlebear .warning-box .warning-icon:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 0px !important; } #nomaroo-littlebear .warning-box .warning-icon img:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 40px; height: 40px; object-fit: contain; display: block; margin-inline: auto; } #nomaroo-littlebear .tibic:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 16px; height: 16px; object-fit: contain; vertical-align: -0.2em; margin-right: 5px; display: inline-block; } #nomaroo-littlebear .tibic.dl:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ filter: brightness(0) invert(1); } #nomaroo-littlebear .proof-item .tibic:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ margin-right: 6px; } #nomaroo-littlebear .hero-testimonial-avatar:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .author-avatar:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ align-items: center; justify-content: center; overflow: hidden; display: inline-flex !important; background: rgba(23, 115, 176, 0.1) !important; } #nomaroo-littlebear .hero-testimonial-avatar img:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .author-avatar img:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 52%; height: 52%; object-fit: contain; } #nomaroo-littlebear .deadline img:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ vertical-align: -0.18em; } #nomaroo-littlebear .consequence-section:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: rgb(26, 82, 118) !important; } #nomaroo-littlebear .consequence-section:where(:not(#nm-lb-bundles,#nm-lb-bundles *))::before{ display: none !important; } #nomaroo-littlebear .hero:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: rgb(227, 239, 249) !important; } #nomaroo-littlebear .hero:where(:not(#nm-lb-bundles,#nm-lb-bundles *))::before{ display: none !important; } #nomaroo-littlebear .offer-section:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: rgb(235, 245, 251) !important; } #nomaroo-littlebear .hero-testimonial-card.htc2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: rgb(255, 255, 255); border: 1px solid rgb(232, 238, 243); border-radius: 20px; box-shadow: rgba(26, 82, 118, 0.5) 0px 20px 55px -30px; padding: 30px 32px; max-width: 680px; margin: 0px auto; } #nomaroo-littlebear .hero-testimonial-card.htc2:where(:not(#nm-lb-bundles,#nm-lb-bundles *))::before{ content: none !important; } #nomaroo-littlebear .htc2-head:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 16px; } #nomaroo-littlebear .htc2-id:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; align-items: center; gap: 14px; } #nomaroo-littlebear .htc2-avatar:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 58px; height: 58px; border-radius: 50%; overflow: hidden; flex: 0 0 auto; background: rgb(235, 245, 251); display: block; } #nomaroo-littlebear .htc2-avatar img:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 100%; height: 100%; object-fit: cover; object-position: 50% 22%; } #nomaroo-littlebear .htc2-name:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; align-items: center; gap: 7px; font-family: var(--font-heading-family); font-weight: 800; font-size: 18px; color: rgb(26, 82, 118); line-height: 1.1; } #nomaroo-littlebear .htc2-role:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 13.5px; color: rgb(124, 136, 147); margin-top: 3px; } #nomaroo-littlebear .htc2-stars:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ color: rgb(245, 158, 11); font-size: 19px; letter-spacing: 1px; white-space: nowrap; } #nomaroo-littlebear .htc2-quote:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 17px; line-height: 1.7; color: rgb(58, 70, 81); margin: 0px; } @media (max-width: 600px){#nomaroo-littlebear .hero-testimonial-card.htc2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ padding: 22px 20px; }#nomaroo-littlebear .htc2-head:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ flex-direction: column; gap: 12px; }#nomaroo-littlebear .htc2-name:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 16.5px; }#nomaroo-littlebear .htc2-quote:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 15.5px; line-height: 1.65; }#nomaroo-littlebear .htc2-stars:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 17px; }} @media (max-width: 600px){#nomaroo-littlebear .section:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ padding: 40px 16px !important; }#nomaroo-littlebear .hero:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ padding: 26px 16px 0px !important; }#nomaroo-littlebear .hero h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 29px !important; line-height: 1.2; }#nomaroo-littlebear .section-title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 24px !important; line-height: 1.22; }#nomaroo-littlebear .section-sub:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .hero-sub:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 15.5px !important; }#nomaroo-littlebear .feature-icon:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .cost-card .cost-icon:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 50px; height: 50px; }#nomaroo-littlebear .feature-icon img:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .cost-card .cost-icon img:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 26px; height: 26px; }#nomaroo-littlebear .cost-card:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .feature-card:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ padding: 18px 16px !important; }#nomaroo-littlebear .hero-benefits:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ gap: 8px !important; }#nomaroo-littlebear .proof-bar-inner:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ gap: 10px 16px !important; }#nomaroo-littlebear .mechanism-step:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .problem-item:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ padding: 16px !important; }#nomaroo-littlebear .test-box:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .warning-box:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .guarantee-box:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ padding: 22px 18px !important; }#nomaroo-littlebear .btn-primary:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 100%; justify-content: center; font-size: 16px !important; padding: 16px 22px !important; }} @media (max-width: 400px){#nomaroo-littlebear .section:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ padding: 32px 13px !important; }#nomaroo-littlebear .hero-benefit-item:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 11px !important; padding: 8px !important; gap: 6px !important; letter-spacing: -0.2px !important; }#nomaroo-littlebear .hero-benefit-check:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 16px !important; height: 16px !important; }#nomaroo-littlebear .hero-badge:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 10px !important; padding: 6px 9px !important; gap: 4px !important; letter-spacing: 0px !important; }#nomaroo-littlebear .hero-badge svg:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 12px !important; height: 12px !important; }#nomaroo-littlebear .hero h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 26px !important; }#nomaroo-littlebear .section-title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 21px !important; }#nomaroo-littlebear .feature-icon:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .cost-card .cost-icon:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 46px; height: 46px; }#nomaroo-littlebear .cost-card:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .feature-card:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ padding: 16px 13px !important; }#nomaroo-littlebear .cost-amount:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 26px !important; }} #nomaroo-littlebear .reviews-summary:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 28px; background: rgb(255, 255, 255); border: 1px solid rgb(232, 238, 243); border-radius: 18px; box-shadow: rgba(26, 82, 118, 0.5) 0px 10px 40px -28px; margin-bottom: 26px; } #nomaroo-littlebear .reviews-score:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; flex-direction: column; align-items: flex-start; gap: 3px; min-width: 118px; } #nomaroo-littlebear .reviews-avg:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-family: var(--font-heading-family); font-weight: 900; font-size: 58px; line-height: 1; color: var(--navy); } #nomaroo-littlebear .reviews-avg-stars:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ color: rgb(245, 158, 11); font-size: 20px; letter-spacing: 2px; } #nomaroo-littlebear .reviews-count:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 13px; color: rgb(124, 136, 147); margin-top: 2px; } #nomaroo-littlebear .reviews-dist:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ flex: 1 1 0%; min-width: 220px; max-width: 360px; display: flex; flex-direction: column; gap: 6px; } #nomaroo-littlebear .rv-dist-row:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; align-items: center; gap: 10px; } #nomaroo-littlebear .rv-dist-label:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: inline-flex; align-items: center; gap: 2px; font-size: 12.5px; font-weight: 700; color: rgb(86, 101, 122); width: 28px; flex: 0 0 auto; } #nomaroo-littlebear .rv-dist-star:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ color: rgb(245, 158, 11); } #nomaroo-littlebear .rv-dist-track:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ flex: 1 1 0%; height: 8px; border-radius: 50px; background: rgb(237, 241, 246); overflow: hidden; } #nomaroo-littlebear .rv-dist-fill:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: block; height: 100%; border-radius: 50px; background: rgb(245, 158, 11); } #nomaroo-littlebear .reviews-write-btn:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ flex: 0 0 auto; background: rgb(255, 255, 255); border: 1.5px solid rgb(203, 217, 230); color: var(--deep-blue); font-weight: 800; font-size: 14.5px; padding: 14px 26px; border-radius: 50px; cursor: pointer; font-family: inherit; transition: 0.15s; } #nomaroo-littlebear .reviews-write-btn:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: var(--cloud-light); border-color: var(--accent-blue); } #nomaroo-littlebear .reviews-grid:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; } #nomaroo-littlebear .review-card:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; flex-direction: column; gap: 11px; background: rgb(255, 255, 255); border: 1px solid rgb(232, 238, 243); border-radius: 14px; padding: 20px 20px 16px; box-shadow: rgba(26, 82, 118, 0.55) 0px 6px 26px -22px; } #nomaroo-littlebear .review-card.rv-hidden:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: none; } #nomaroo-littlebear .review-stars:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 15px; letter-spacing: 1px; line-height: 1; } #nomaroo-littlebear .rv-star-full:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ color: rgb(245, 158, 11); } #nomaroo-littlebear .rv-star-empty:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ color: rgb(216, 222, 230); } #nomaroo-littlebear .review-id:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; align-items: center; gap: 10px; } #nomaroo-littlebear .review-avatar:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 38px; height: 38px; border-radius: 50%; flex: 0 0 auto; background: var(--cloud-light); color: var(--deep-blue); font-weight: 800; font-size: 13px; display: flex; align-items: center; justify-content: center; letter-spacing: 0.5px; } #nomaroo-littlebear .review-meta:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; flex-direction: column; gap: 1px; min-width: 0px; } #nomaroo-littlebear .review-name:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-weight: 800; font-size: 14px; color: var(--navy); line-height: 1.15; } #nomaroo-littlebear .review-verified:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; color: rgb(124, 136, 147); font-weight: 600; } #nomaroo-littlebear .review-verified svg:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 13px; height: 13px; flex: 0 0 auto; } #nomaroo-littlebear .review-text:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 14px; line-height: 1.6; color: rgb(58, 70, 81); margin: 0px; } #nomaroo-littlebear .review-date:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 12px; color: rgb(154, 166, 178); margin-top: auto; padding-top: 4px; } #nomaroo-littlebear .reviews-more-wrap:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ text-align: center; margin-top: 28px; } #nomaroo-littlebear .reviews-loadmore:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: rgb(255, 255, 255); border: 1.5px solid rgb(203, 217, 230); color: var(--deep-blue); font-weight: 800; font-size: 15px; padding: 15px 40px; border-radius: 50px; cursor: pointer; font-family: inherit; transition: 0.15s; } #nomaroo-littlebear .reviews-loadmore:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: var(--cloud-light); border-color: var(--accent-blue); } @media (max-width: 960px){#nomaroo-littlebear .reviews-grid:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ grid-template-columns: repeat(2, 1fr); }} @media (max-width: 600px){#nomaroo-littlebear .reviews-grid:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ grid-template-columns: 1fr; }#nomaroo-littlebear .reviews-summary:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ padding: 20px; gap: 18px; }#nomaroo-littlebear .reviews-avg:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 48px; }#nomaroo-littlebear .reviews-write-btn:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 100%; }} #nomaroo-littlebear .review-photo:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ margin: 2px 0px 4px; } #nomaroo-littlebear .review-photo img:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 100%; height: 185px; object-fit: cover; border-radius: 10px; display: block; } @media (max-width: 600px){#nomaroo-littlebear .review-photo img:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ height: auto; aspect-ratio: 1 / 1; }} #nomaroo-littlebear #kpp-product-form .add-to-cart-btn:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-family: inherit; } #nomaroo-littlebear #kpp-product-form button.add-to-cart-btn:hover:not([disabled]):where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: rgb(46, 134, 193) !important; } #nomaroo-littlebear .atc-faq .faq-question:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 14px; } #nomaroo-littlebear .atc-faq .faq-answer:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 14px; } #nomaroo-littlebear #kpp-product-form:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 100%; } #nomaroo-littlebear .featured-logo-slot:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; background: transparent !important; } #nomaroo-littlebear .testimonial-photo:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 100%; aspect-ratio: 3 / 4; height: auto; object-fit: cover; border-radius: 12px; margin-bottom: 16px; display: block; } #nomaroo-littlebear #offer .kpp-offer-product-title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ margin: 0px 0px 10px; color: var(--deep-blue); line-height: 1.08; letter-spacing: -0.025em; font-family: var(--font-heading-family) !important; font-size: clamp(30px, 3.3vw, 42px) !important; font-weight: 900 !important; } #nomaroo-littlebear .kpp-offer-price:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 24px; } #nomaroo-littlebear .kpp-offer-price .price-current:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 28px; line-height: 1.1; } #nomaroo-littlebear .kpp-offer-reviews:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: inline-flex; align-items: center; gap: 8px; margin: 0px 0px 10px; color: var(--deep-blue); text-decoration: none; line-height: 1.25; } #nomaroo-littlebear .kpp-offer-review-stars:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ color: rgb(245, 158, 11); font-size: 17px; letter-spacing: 1.5px; } #nomaroo-littlebear .kpp-offer-review-copy:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 14px; color: var(--text-body); } #nomaroo-littlebear .kpp-offer-reviews:hover .kpp-offer-review-copy:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .kpp-offer-reviews:focus-visible .kpp-offer-review-copy:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ text-decoration: underline; } #nomaroo-littlebear .kpp-offer-reviews:focus-visible:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ outline: 2px solid var(--accent-blue); outline-offset: 4px; border-radius: 4px; } #nomaroo-littlebear .kpp-bundle-intro .section-label:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ margin-bottom: 8px; } #nomaroo-littlebear .kpp-bundle-intro .section-title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ margin-bottom: 10px; } @media (max-width: 640px){#nomaroo-littlebear #offer .kpp-offer-product-title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 30px !important; }} #nomaroo-littlebear .hero-single-img:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ overflow: visible !important; } #nomaroo-littlebear .hero-single-img > img:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ border-radius: 20px; } #nomaroo-littlebear .hero-single-img .gallery-badge-float:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ transform: translate(50%, -50%); top: 0px !important; right: 0px !important; } #nomaroo-littlebear #offer .offer-grid:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ gap: 48px; align-items: start; display: grid !important; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr) !important; } #nomaroo-littlebear #offer .offer-gallery-wrap:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ min-width: 0px; margin: 0px auto; display: flex; flex-direction: column; gap: 10px; width: 100% !important; max-width: 520px !important; } #nomaroo-littlebear #offer .bundle-section-inner:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ min-width: 0px; width: 100%; } #nomaroo-littlebear #offer .offer-gallery-main:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ aspect-ratio: 1 / 1; overflow: hidden; border-radius: 20px; width: 100% !important; max-width: 520px !important; } #nomaroo-littlebear #offer .offer-gallery-main img:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ object-fit: cover; display: block; width: 100% !important; height: 100% !important; } #nomaroo-littlebear #offer .offer-gallery-main:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ position: relative; } #nomaroo-littlebear #offer .offer-gallery-thumbs:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ position: relative; scroll-behavior: smooth; } #nomaroo-littlebear #offer .offer-nav-arrow:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; border-radius: 50%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: rgba(255, 255, 255, 0.62); box-shadow: rgba(26, 82, 118, 0.18) 0px 2px 12px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 4; color: rgb(26, 82, 118); padding: 0px; transition: background 0.2s, box-shadow 0.2s; } #nomaroo-littlebear #offer .offer-nav-arrow:hover:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: rgba(255, 255, 255, 0.85); box-shadow: rgba(26, 82, 118, 0.26) 0px 4px 16px; } #nomaroo-littlebear #offer .offer-nav-arrow svg:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 22px; height: 22px; display: block; } #nomaroo-littlebear #offer .offer-nav-prev:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ left: 12px; } #nomaroo-littlebear #offer .offer-nav-next:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ right: 12px; } @media (max-width: 640px){#nomaroo-littlebear #offer .offer-nav-arrow:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 36px; height: 36px; }#nomaroo-littlebear #offer .offer-nav-arrow svg:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ width: 18px; height: 18px; }} #nomaroo-littlebear #offer .offer-gallery-thumbs:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; gap: 8px; overflow-x: auto; padding-bottom: 4px; } #nomaroo-littlebear #offer .offer-gallery-thumb:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ border-radius: 9px; overflow: hidden; cursor: pointer; flex: 0 0 66px !important; width: 66px !important; height: 66px !important; } #nomaroo-littlebear #offer .offer-gallery-thumb img:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ object-fit: cover; display: block; width: 100% !important; height: 100% !important; } @media (max-width: 960px){#nomaroo-littlebear #offer .offer-grid:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ gap: 28px; grid-template-columns: 1fr !important; }#nomaroo-littlebear #offer .offer-gallery-wrap:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ max-width: 100% !important; }#nomaroo-littlebear #offer .offer-gallery-main:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ max-width: 100% !important; }} @media (max-width: 640px){#nomaroo-littlebear #offer.section:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ padding: 44px 14px; }#nomaroo-littlebear #offer .offer-gallery-thumb:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ flex: 0 0 56px !important; width: 56px !important; height: 56px !important; }#nomaroo-littlebear #offer .section-title:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 22px; }} #nomaroo-littlebear .age-faq-item.open .age-faq-answer:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ max-height: 4000px !important; } #nomaroo-littlebear .faq-item.open .faq-answer:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ max-height: 2000px !important; } #nomaroo-littlebear .featured-section:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ background: linear-gradient(135deg, rgb(26, 82, 118), rgb(21, 67, 96)) !important; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; } #nomaroo-littlebear .featured-label:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ color: rgba(255, 255, 255, 0.75) !important; } #nomaroo-littlebear .featured-logo-slot img:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ filter: brightness(0) invert(1); opacity: 0.92; } #nomaroo-littlebear .pdp-payment-row:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 7px; margin: 6px 0px 4px; } #nomaroo-littlebear .pdp-payment-row .pdp-payment-icon:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ display: inline-flex; align-items: center; justify-content: center; height: 26px; } #nomaroo-littlebear .pdp-payment-row .pdp-payment-icon svg:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ height: 26px; width: auto; display: block; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; } @media screen and (max-width: 480px){#nomaroo-littlebear .pdp-payment-row:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ gap: 6px; }#nomaroo-littlebear .pdp-payment-row .pdp-payment-icon:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear .pdp-payment-row .pdp-payment-icon svg:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ height: 23px; }} #nomaroo-littlebear .sticky-cta:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ border-top: 1px solid rgba(0, 0, 0, 0.08); box-shadow: rgba(0, 0, 0, 0.13) 0px -6px 22px; transform: translateY(135%); transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); will-change: transform; position: fixed !important; left: 0px !important; right: 0px !important; bottom: 0px !important; width: 100% !important; box-sizing: border-box !important; display: block !important; margin: 0px !important; padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px)) !important; background: rgb(255, 255, 255) !important; z-index: 1200 !important; } #nomaroo-littlebear .sticky-cta.kpp-sticky-show:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ transform: translateY(0px) !important; } #nomaroo-littlebear .sticky-cta .sticky-cta-btn:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ flex-direction: column; align-items: center; justify-content: center; gap: 2px; cursor: pointer; box-shadow: rgba(26, 82, 118, 0.35) 0px 4px 14px; text-align: center; display: flex !important; width: 100% !important; background: #16295a !important; color: rgb(255, 255, 255) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; border-radius: 14px !important; padding: 13px 20px !important; } #nomaroo-littlebear .sticky-cta .sticky-cta-btn-main:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 17px; font-weight: 800; color: rgb(255, 255, 255); line-height: 1.15; letter-spacing: 0.01em; } #nomaroo-littlebear .sticky-cta .sticky-cta-btn-sub:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: 13px; font-weight: 700; color: rgb(255, 90, 90); line-height: 1.2; } @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){#nomaroo-littlebear *:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear :where(:not(#nm-lb-bundles,#nm-lb-bundles *))::before,#nomaroo-littlebear :where(:not(#nm-lb-bundles,#nm-lb-bundles *))::after,#nomaroo-littlebear :where(:not(#nm-lb-bundles,#nm-lb-bundles *))::backdrop{ --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-border-style: solid; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-ease: initial; }}} @layer theme{#nomaroo-littlebear:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear :host:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ --font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --color-blue-600: oklch(54.6% .245 262.881); --color-gray-300: oklch(87.2% .01 258.338); --spacing: 2.5px; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --ease-in: cubic-bezier(.4,0,1,1); --ease-out: cubic-bezier(0,0,.2,1); --ease-in-out: cubic-bezier(.4,0,.2,1); --animate-spin: spin 1s linear infinite; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4,0,.2,1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); }} @layer base{#nomaroo-littlebear *:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear :where(:not(#nm-lb-bundles,#nm-lb-bundles *))::after,#nomaroo-littlebear :where(:not(#nm-lb-bundles,#nm-lb-bundles *))::before,#nomaroo-littlebear :where(:not(#nm-lb-bundles,#nm-lb-bundles *))::backdrop{ box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }#nomaroo-littlebear:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear :host:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings,normal); font-variation-settings: var(--default-font-variation-settings,normal); -webkit-tap-highlight-color: transparent; }#nomaroo-littlebear h1:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h2:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h3:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h4:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h5:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear h6:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-size: inherit; font-weight: inherit; }#nomaroo-littlebear a:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ color: inherit; text-decoration: inherit; }#nomaroo-littlebear b:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear strong:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font-weight: bolder; }#nomaroo-littlebear ol:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear ul:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear menu:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ list-style: none; }#nomaroo-littlebear img:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear svg:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear video:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear canvas:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear audio:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear iframe:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear embed:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear object:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ vertical-align: middle; display: block; }#nomaroo-littlebear img:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear video:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ max-width: 100%; height: auto; }#nomaroo-littlebear button:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear input:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear select:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear optgroup:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear textarea:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }#nomaroo-littlebear button:where(:not(#nm-lb-bundles,#nm-lb-bundles *)),#nomaroo-littlebear input:where([type="button"], [type="reset"], [type="submit"]):where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ appearance: button; }} #nomaroo-littlebear #moonbundle-variant-row-1 .moonbundle-variant-select > div:first-child:where(:not(#nm-lb-bundles,#nm-lb-bundles *)){ position: relative !important; top: 8px !important; } @scope (#nm-lb-bundles) { @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/f813d0b748b050e0-s.109ulqh0wub5u.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/dcd150d580a10316-s.02m2p-env-7db.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/d261779aa92de579-s.0slsd4dj30esv.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/24ce79ed121239f3-s.187m47s3z4syd.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/f141b5b7abe57afc-s.p.380f-mwhk0aej.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/f813d0b748b050e0-s.109ulqh0wub5u.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/dcd150d580a10316-s.02m2p-env-7db.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/d261779aa92de579-s.0slsd4dj30esv.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/24ce79ed121239f3-s.187m47s3z4syd.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/f141b5b7abe57afc-s.p.380f-mwhk0aej.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/f813d0b748b050e0-s.109ulqh0wub5u.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/dcd150d580a10316-s.02m2p-env-7db.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/d261779aa92de579-s.0slsd4dj30esv.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/24ce79ed121239f3-s.187m47s3z4syd.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/f141b5b7abe57afc-s.p.380f-mwhk0aej.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 800; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/f813d0b748b050e0-s.109ulqh0wub5u.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 800; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/dcd150d580a10316-s.02m2p-env-7db.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 800; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/d261779aa92de579-s.0slsd4dj30esv.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 800; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/24ce79ed121239f3-s.187m47s3z4syd.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 800; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/f141b5b7abe57afc-s.p.380f-mwhk0aej.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Nunito Sans Fallback"; src: local("Arial"); ascent-override: 99.71%; descent-override: 34.82%; line-gap-override: 0%; size-adjust: 101.39%; } .nunito_sans_33f46688-module__H-CW5a__className { font-family: "Nunito Sans", "Nunito Sans Fallback"; font-style: normal; } .nunito_sans_33f46688-module__H-CW5a__variable { --font-nunito: "Nunito Sans", "Nunito Sans Fallback"; } @font-face { font-family: Fredoka; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/b6df7c92285ebcd2-s.0y4xxz2y19qqs.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+307-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } @font-face { font-family: Fredoka; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/eeba9b1ad34c1404-s.0yczt4r3j28ff.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Fredoka; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/5d52bd6c4cb3f315-s.p.0ez3bnoxb63ra.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Fredoka; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/b6df7c92285ebcd2-s.0y4xxz2y19qqs.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+307-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } @font-face { font-family: Fredoka; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/eeba9b1ad34c1404-s.0yczt4r3j28ff.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Fredoka; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/5d52bd6c4cb3f315-s.p.0ez3bnoxb63ra.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Fredoka; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/b6df7c92285ebcd2-s.0y4xxz2y19qqs.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+307-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } @font-face { font-family: Fredoka; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/eeba9b1ad34c1404-s.0yczt4r3j28ff.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Fredoka; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/5d52bd6c4cb3f315-s.p.0ez3bnoxb63ra.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Fredoka; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/b6df7c92285ebcd2-s.0y4xxz2y19qqs.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+307-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } @font-face { font-family: Fredoka; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/eeba9b1ad34c1404-s.0yczt4r3j28ff.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Fredoka; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url("https://www.lapetitenuit.com/_next/static/media/5d52bd6c4cb3f315-s.p.0ez3bnoxb63ra.woff2?dpl=dpl_9W8ZrkTeU2kCYCNjPVc6yW7L6Q73") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Fredoka Fallback"; src: local("Arial"); ascent-override: 95.64%; descent-override: 23.17%; line-gap-override: 0%; size-adjust: 101.84%; } .fredoka_1990c98f-module__Nuj_Eq__className { font-family: Fredoka, "Fredoka Fallback"; font-style: normal; } .fredoka_1990c98f-module__Nuj_Eq__variable { --font-fredoka: "Fredoka", "Fredoka Fallback"; } @layer properties { @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-scroll-snap-strictness: proximity; --tw-space-y-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; } } } @layer theme { :scope, :scope { --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-700: #bf000f; --color-white: #fff; --spacing: 4px; --container-xs: 320px; --container-sm: 384px; --container-md: 448px; --container-lg: 512px; --container-xl: 576px; --container-2xl: 672px; --container-3xl: 768px; --container-4xl: 896px; --container-5xl: 1024px; --container-6xl: 1152px; --font-weight-normal: 400; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --leading-tight: 1.25; --leading-snug: 1.375; --leading-relaxed: 1.625; --radius-sm: 4px; --radius-md: 6px; --radius-lg: 8px; --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a; --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a; --blur-sm: 8px; --blur-md: 12px; --blur-xl: 24px; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --color-bc-paper: #f3f1ec; --color-bc-surface: #fff; --color-bc-tile: #e9e7e2; --color-bc-line: #e4e1da; --color-bc-forest: #1b2a22; --color-bc-forest-soft: #2c4235; --color-bc-sage: #526b57; --color-bc-sage-tint: #e2e8df; --color-bc-gold: #c9a34e; --color-bc-ink: #171a18; --color-bc-muted: #6f736f; --color-ms-paper: #fff8fb; --color-ms-surface: #fff; --color-ms-cream: #f8edf3; --color-ms-blush: #f0dce8; --color-ms-line: #e7ccd9; --color-ms-accent: #9b6685; --color-ms-rose: #9b6685; --color-ms-rose-deep: #6e3e5a; --color-ms-ink: #30242b; --color-ms-muted: #7a6671; --color-ms-plum: #412738; } @supports (color:lab(0% 0 0)) { :scope, :scope { --color-red-700: lab(40.4273% 67.2623 53.7441); } } } @layer base { *, ::after, ::before, ::backdrop { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; } ::file-selector-button { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; } html, :scope { text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings,normal); font-variation-settings: var(--default-font-variation-settings,normal); -webkit-tap-highlight-color: transparent; } hr { height: 0px; color: inherit; border-top-width: 1px; } 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, samp, pre { font-family: var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings,normal); font-variation-settings: var(--default-mono-font-variation-settings,normal); font-size: 1em; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0px; border-color: inherit; border-collapse: collapse; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; } ::file-selector-button { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) { ::placeholder { color: currentcolor; } @supports (color:color-mix(in lab, red, red)) { ::placeholder { color: color-mix(currentcolor, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0px; } ::-webkit-datetime-edit { padding-block: 0px; } ::-webkit-datetime-edit-year-field { padding-block: 0px; } ::-webkit-datetime-edit-month-field { padding-block: 0px; } ::-webkit-datetime-edit-day-field { padding-block: 0px; } ::-webkit-datetime-edit-hour-field { padding-block: 0px; } ::-webkit-datetime-edit-minute-field { padding-block: 0px; } ::-webkit-datetime-edit-second-field { padding-block: 0px; } ::-webkit-datetime-edit-millisecond-field { padding-block: 0px; } ::-webkit-datetime-edit-meridiem-field { padding-block: 0px; } ::-webkit-calendar-picker-indicator { line-height: 1; } button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; } ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button { height: auto; } ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } } @layer components; @layer utilities { .pointer-events-none { pointer-events: none; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .sticky { position: sticky; } .inset-0 { inset: 0px; } .inset-x-0 { inset-inline: 0px; } .inset-x-3 { inset-inline: calc(var(--spacing) * 3); } .top-0 { top: 0px; } .top-1\/2 { top: 50%; } .top-3 { top: calc(var(--spacing) * 3); } .top-4 { top: calc(var(--spacing) * 4); } .-right-3 { right: calc(var(--spacing) * -3); } .right-4 { right: calc(var(--spacing) * 4); } .-bottom-3 { bottom: calc(var(--spacing) * -3); } .bottom-3 { bottom: calc(var(--spacing) * 3); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .left-3 { left: calc(var(--spacing) * 3); } .left-4 { left: calc(var(--spacing) * 4); } .left-5 { left: calc(var(--spacing) * 5); } .isolate { isolation: isolate; } .-z-10 { z-index: calc(-10); } .-z-20 { z-index: calc(-20); } .z-10 { z-index: 10; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .order-1 { order: 1; } .order-2 { order: 2; } .col-span-2 { grid-column: span 2 / span 2; } .-mx-5 { margin-inline: calc(var(--spacing) * -5); } .mx-3 { margin-inline: calc(var(--spacing) * 3); } .mx-auto { margin-inline: auto; } .my-8 { margin-block: calc(var(--spacing) * 8); } .my-9 { margin-block: calc(var(--spacing) * 9); } .my-10 { margin-block: calc(var(--spacing) * 10); } .my-auto { margin-block: auto; } .-mt-8 { margin-top: calc(var(--spacing) * -8); } .mt-0\.5 { margin-top: calc(var(--spacing) * .5); } .mt-1 { margin-top: var(--spacing); } .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-2\.5 { margin-top: calc(var(--spacing) * 2.5); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-3\.5 { margin-top: calc(var(--spacing) * 3.5); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-5 { margin-top: calc(var(--spacing) * 5); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-7 { margin-top: calc(var(--spacing) * 7); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-9 { margin-top: calc(var(--spacing) * 9); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-11 { margin-top: calc(var(--spacing) * 11); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-14 { margin-top: calc(var(--spacing) * 14); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-\[3px\] { margin-top: 3px; } .mt-\[5px\] { margin-top: 5px; } .mt-\[6px\] { margin-top: 6px; } .mt-\[7px\] { margin-top: 7px; } .mt-\[9px\] { margin-top: 9px; } .mt-auto { margin-top: auto; } .-mr-2 { margin-right: calc(var(--spacing) * -2); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .ml-10 { margin-left: calc(var(--spacing) * 10); } .line-clamp-3 { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .aspect-\[4\/3\] { aspect-ratio: 4 / 3; } .aspect-\[16\/8\] { aspect-ratio: 16 / 8; } .aspect-\[16\/10\] { aspect-ratio: 16 / 10; } .aspect-\[16\/11\] { aspect-ratio: 16 / 11; } .aspect-square { aspect-ratio: 1 / 1; } .h-1\.5 { height: calc(var(--spacing) * 1.5); } .h-6 { height: calc(var(--spacing) * 6); } .h-8 { height: calc(var(--spacing) * 8); } .h-9 { height: calc(var(--spacing) * 9); } .h-11 { height: calc(var(--spacing) * 11); } .h-12 { height: calc(var(--spacing) * 12); } .h-13 { height: calc(var(--spacing) * 13); } .h-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .h-17 { height: calc(var(--spacing) * 17); } .h-18 { height: calc(var(--spacing) * 18); } .h-19 { height: calc(var(--spacing) * 19); } .h-20 { height: calc(var(--spacing) * 20); } .h-21 { height: calc(var(--spacing) * 21); } .h-23 { height: calc(var(--spacing) * 23); } .h-\[6px\] { height: 6px; } .h-\[18px\] { height: 18px; } .h-\[22px\] { height: 22px; } .h-\[26px\] { height: 26px; } .h-\[31px\] { height: 31px; } .h-\[42px\] { height: 42px; } .h-\[46px\] { height: 46px; } .h-\[52px\] { height: 52px; } .h-\[70px\] { height: 70px; } .h-\[72px\] { height: 72px; } .h-full { height: 100%; } .min-h-\[86px\] { min-height: 86px; } .min-h-\[88px\] { min-height: 88px; } .min-h-\[142px\] { min-height: 142px; } .min-h-\[270px\] { min-height: 270px; } .min-h-\[560px\] { min-height: 560px; } .w-6 { width: calc(var(--spacing) * 6); } .w-8 { width: calc(var(--spacing) * 8); } .w-9 { width: calc(var(--spacing) * 9); } .w-10 { width: calc(var(--spacing) * 10); } .w-11 { width: calc(var(--spacing) * 11); } .w-\[6px\] { width: 6px; } .w-\[22px\] { width: 22px; } .w-\[26px\] { width: 26px; } .w-\[27px\] { width: 27px; } .w-\[30px\] { width: 30px; } .w-\[31px\] { width: 31px; } .w-\[42px\] { width: 42px; } .w-\[46px\] { width: 46px; } .w-\[52px\] { width: 52px; } .w-\[74px\] { width: 74px; } .w-\[78\%\] { width: 78%; } .w-\[104px\] { width: 104px; } .w-\[132px\] { width: 132px; } .w-fit { width: fit-content; } .w-full { width: 100%; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-5xl { max-width: var(--container-5xl); } .max-w-6xl { max-width: var(--container-6xl); } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-sm { max-width: var(--container-sm); } .max-w-xl { max-width: var(--container-xl); } .max-w-xs { max-width: var(--container-xs); } .min-w-0 { min-width: 0px; } .min-w-\[420px\] { min-width: 420px; } .min-w-\[540px\] { min-width: 540px; } .min-w-\[900px\] { min-width: 900px; } .flex-1 { flex: 1 1 0%; } .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .border-collapse { border-collapse: collapse; } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-0 { --tw-translate-y: 0; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-3 { --tw-translate-y: calc(var(--spacing) * 3); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-6 { --tw-translate-y: calc(var(--spacing) * 6); translate: var(--tw-translate-x) var(--tw-translate-y); } .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .cursor-pointer { cursor: pointer; } .resize { resize: both; } .snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness); } .snap-start { scroll-snap-align: start; } .scroll-mt-24 { scroll-margin-top: calc(var(--spacing) * 24); } .scroll-mt-28 { scroll-margin-top: calc(var(--spacing) * 28); } .\!list-none { list-style-type: none !important; } .list-none { list-style-type: none; } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .place-items-center { place-items: center; } .content-end { align-content: flex-end; } .items-baseline { align-items: baseline; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .items-stretch { align-items: stretch; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-3\.5 { gap: calc(var(--spacing) * 3.5); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-7 { gap: calc(var(--spacing) * 7); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-10 { gap: calc(var(--spacing) * 10); } .gap-px { gap: 1px; } :where(.space-y-1\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-2\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-3\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-7 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-7 { column-gap: calc(var(--spacing) * 7); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .gap-y-2 { row-gap: calc(var(--spacing) * 2); } .gap-y-5 { row-gap: calc(var(--spacing) * 5); } :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-bc-line > :not(:last-child)) { border-color: var(--color-bc-line); } .self-center { align-self: center; } .self-start { align-self: flex-start; } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .overflow-hidden { overflow: hidden; } .overflow-x-auto { overflow-x: auto; } .rounded { border-radius: 4px; } .rounded-\[8px\] { border-radius: 8px; } .rounded-\[10px\] { border-radius: 10px; } .rounded-\[12px\] { border-radius: 12px; } .rounded-\[13px\] { border-radius: 13px; } .rounded-\[14px\] { border-radius: 14px; } .rounded-\[16px\] { border-radius: 16px; } .rounded-\[18px\] { border-radius: 18px; } .rounded-\[20px\] { border-radius: 20px; } .rounded-\[22px\] { border-radius: 22px; } .rounded-\[24px\] { border-radius: 24px; } .rounded-\[26px\] { border-radius: 26px; } .rounded-\[28px\] { border-radius: 28px; } .rounded-\[32px\] { border-radius: 32px; } .rounded-\[34px\] { border-radius: 34px; } .rounded-full { border-radius: 3.40282e+38px; } .rounded-md { border-radius: var(--radius-md); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px; } .border-l-\[3px\] { border-left-style: var(--tw-border-style); border-left-width: 3px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-bc-line { border-color: var(--color-bc-line); } .border-bc-sage { border-color: var(--color-bc-sage); } .border-bc-sage-tint { border-color: var(--color-bc-sage-tint); } .border-bc-sage\/15 { border-color: rgba(82, 107, 87, 0.15); } @supports (color:color-mix(in lab, red, red)) { .border-bc-sage\/15 { border-color: color-mix(in oklab, var(--color-bc-sage) 15%, transparent); } } .border-bc-sage\/25 { border-color: rgba(82, 107, 87, 0.25); } @supports (color:color-mix(in lab, red, red)) { .border-bc-sage\/25 { border-color: color-mix(in oklab, var(--color-bc-sage) 25%, transparent); } } .border-bc-sage\/40 { border-color: rgba(82, 107, 87, 0.4); } @supports (color:color-mix(in lab, red, red)) { .border-bc-sage\/40 { border-color: color-mix(in oklab, var(--color-bc-sage) 40%, transparent); } } .border-ms-line { border-color: var(--color-ms-line); } .border-ms-rose\/25 { border-color: rgba(155, 102, 133, 0.25); } @supports (color:color-mix(in lab, red, red)) { .border-ms-rose\/25 { border-color: color-mix(in oklab, var(--color-ms-rose) 25%, transparent); } } .border-white\/10 { border-color: rgba(255, 255, 255, 0.1); } @supports (color:color-mix(in lab, red, red)) { .border-white\/10 { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .border-white\/12 { border-color: rgba(255, 255, 255, 0.12); } @supports (color:color-mix(in lab, red, red)) { .border-white\/12 { border-color: color-mix(in oklab, var(--color-white) 12%, transparent); } } .border-white\/14 { border-color: rgba(255, 255, 255, 0.14); } @supports (color:color-mix(in lab, red, red)) { .border-white\/14 { border-color: color-mix(in oklab, var(--color-white) 14%, transparent); } } .border-white\/15 { border-color: rgba(255, 255, 255, 0.15); } @supports (color:color-mix(in lab, red, red)) { .border-white\/15 { border-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .border-white\/25 { border-color: rgba(255, 255, 255, 0.25); } @supports (color:color-mix(in lab, red, red)) { .border-white\/25 { border-color: color-mix(in oklab, var(--color-white) 25%, transparent); } } .border-white\/70 { border-color: rgba(255, 255, 255, 0.7); } @supports (color:color-mix(in lab, red, red)) { .border-white\/70 { border-color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .bg-\[\#fff2ea\] { background-color: rgb(255, 242, 234); } .bg-\[\#fff7f1\] { background-color: rgb(255, 247, 241); } .bg-bc-forest { background-color: var(--color-bc-forest); } .bg-bc-forest-soft { background-color: var(--color-bc-forest-soft); } .bg-bc-forest\/95 { background-color: rgba(27, 42, 34, 0.95); } @supports (color:color-mix(in lab, red, red)) { .bg-bc-forest\/95 { background-color: color-mix(in oklab, var(--color-bc-forest) 95%, transparent); } } .bg-bc-paper\/95 { background-color: rgba(243, 241, 236, 0.95); } @supports (color:color-mix(in lab, red, red)) { .bg-bc-paper\/95 { background-color: color-mix(in oklab, var(--color-bc-paper) 95%, transparent); } } .bg-bc-sage { background-color: var(--color-bc-sage); } .bg-bc-sage-tint { background-color: var(--color-bc-sage-tint); } .bg-bc-sage-tint\/30 { background-color: rgba(226, 232, 223, 0.3); } @supports (color:color-mix(in lab, red, red)) { .bg-bc-sage-tint\/30 { background-color: color-mix(in oklab, var(--color-bc-sage-tint) 30%, transparent); } } .bg-bc-sage-tint\/40 { background-color: rgba(226, 232, 223, 0.4); } @supports (color:color-mix(in lab, red, red)) { .bg-bc-sage-tint\/40 { background-color: color-mix(in oklab, var(--color-bc-sage-tint) 40%, transparent); } } .bg-bc-sage-tint\/50 { background-color: rgba(226, 232, 223, 0.5); } @supports (color:color-mix(in lab, red, red)) { .bg-bc-sage-tint\/50 { background-color: color-mix(in oklab, var(--color-bc-sage-tint) 50%, transparent); } } .bg-bc-sage-tint\/55 { background-color: rgba(226, 232, 223, 0.55); } @supports (color:color-mix(in lab, red, red)) { .bg-bc-sage-tint\/55 { background-color: color-mix(in oklab, var(--color-bc-sage-tint) 55%, transparent); } } .bg-bc-sage-tint\/60 { background-color: rgba(226, 232, 223, 0.6); } @supports (color:color-mix(in lab, red, red)) { .bg-bc-sage-tint\/60 { background-color: color-mix(in oklab, var(--color-bc-sage-tint) 60%, transparent); } } .bg-bc-surface { background-color: var(--color-bc-surface); } .bg-bc-tile { background-color: var(--color-bc-tile); } .bg-ms-accent { background-color: var(--color-ms-accent); } .bg-ms-blush { background-color: var(--color-ms-blush); } .bg-ms-cream { background-color: var(--color-ms-cream); } .bg-ms-paper\/92 { background-color: rgba(255, 248, 251, 0.92); } @supports (color:color-mix(in lab, red, red)) { .bg-ms-paper\/92 { background-color: color-mix(in oklab, var(--color-ms-paper) 92%, transparent); } } .bg-ms-plum { background-color: var(--color-ms-plum); } .bg-ms-plum\/96 { background-color: rgba(65, 39, 56, 0.96); } @supports (color:color-mix(in lab, red, red)) { .bg-ms-plum\/96 { background-color: color-mix(in oklab, var(--color-ms-plum) 96%, transparent); } } .bg-ms-rose { background-color: var(--color-ms-rose); } .bg-ms-rose-deep { background-color: var(--color-ms-rose-deep); } .bg-ms-surface { background-color: var(--color-ms-surface); } .bg-white { background-color: var(--color-white); } .bg-white\/8 { background-color: rgba(255, 255, 255, 0.08); } @supports (color:color-mix(in lab, red, red)) { .bg-white\/8 { background-color: color-mix(in oklab, var(--color-white) 8%, transparent); } } .bg-white\/12 { background-color: rgba(255, 255, 255, 0.12); } @supports (color:color-mix(in lab, red, red)) { .bg-white\/12 { background-color: color-mix(in oklab, var(--color-white) 12%, transparent); } } .bg-white\/15 { background-color: rgba(255, 255, 255, 0.15); } @supports (color:color-mix(in lab, red, red)) { .bg-white\/15 { background-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .bg-white\/80 { background-color: rgba(255, 255, 255, 0.8); } @supports (color:color-mix(in lab, red, red)) { .bg-white\/80 { background-color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .bg-white\/90 { background-color: rgba(255, 255, 255, 0.9); } @supports (color:color-mix(in lab, red, red)) { .bg-white\/90 { background-color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .bg-white\/94 { background-color: rgba(255, 255, 255, 0.94); } @supports (color:color-mix(in lab, red, red)) { .bg-white\/94 { background-color: color-mix(in oklab, var(--color-white) 94%, transparent); } } .bg-\[linear-gradient\(90deg\,rgba\(48\,33\,28\,\.92\)_0\%\,rgba\(48\,33\,28\,\.72\)_44\%\,rgba\(48\,33\,28\,\.16\)_100\%\)\] { background-image: linear-gradient(90deg, rgba(48, 33, 28, 0.92) 0%, rgba(48, 33, 28, 0.72) 44%, rgba(48, 33, 28, 0.16) 100%); } .bg-\[linear-gradient\(180deg\,rgba\(48\,36\,43\,0\.04\)_45\%\,rgba\(48\,36\,43\,0\.72\)_100\%\)\] { background-image: linear-gradient(rgba(48, 36, 43, 0.04) 45%, rgba(48, 36, 43, 0.72) 100%); } .object-cover { object-fit: cover; } .p-0 { padding: 0px; } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-7 { padding-inline: calc(var(--spacing) * 7); } .py-0\.5 { padding-block: calc(var(--spacing) * .5); } .py-1 { padding-block: var(--spacing); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-3\.5 { padding-block: calc(var(--spacing) * 3.5); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-7 { padding-block: calc(var(--spacing) * 7); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-14 { padding-block: calc(var(--spacing) * 14); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-9 { padding-top: calc(var(--spacing) * 9); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pr-12 { padding-right: calc(var(--spacing) * 12); } .pb-1 { padding-bottom: var(--spacing); } .pb-14 { padding-bottom: calc(var(--spacing) * 14); } .pb-20 { padding-bottom: calc(var(--spacing) * 20); } .pb-\[env\(safe-area-inset-bottom\)\] { padding-bottom: env(safe-area-inset-bottom); } .\!pl-0 { padding-left: 0px !important; } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-5 { padding-left: calc(var(--spacing) * 5); } .pl-\[52px\] { padding-left: 52px; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .align-top { vertical-align: top; } .text-\[10px\] { font-size: 10px; } .text-\[11\.5px\] { font-size: 11.5px; } .text-\[11px\] { font-size: 11px; } .text-\[12\.5px\] { font-size: 12.5px; } .text-\[12px\] { font-size: 12px; } .text-\[13\.5px\] { font-size: 13.5px; } .text-\[13px\] { font-size: 13px; } .text-\[14\.5px\] { font-size: 14.5px; } .text-\[14px\] { font-size: 14px; } .text-\[15\.5px\] { font-size: 15.5px; } .text-\[15px\] { font-size: 15px; } .text-\[16\.5px\] { font-size: 16.5px; } .text-\[16px\] { font-size: 16px; } .text-\[17px\] { font-size: 17px; } .text-\[18px\] { font-size: 18px; } .text-\[19px\] { font-size: 19px; } .text-\[20px\] { font-size: 20px; } .text-\[21px\] { font-size: 21px; } .text-\[24px\] { font-size: 24px; } .text-\[30px\] { font-size: 30px; } .leading-\[0\.92\] { --tw-leading: .92; line-height: 0.92; } .leading-\[0\.94\] { --tw-leading: .94; line-height: 0.94; } .leading-\[1\.05\] { --tw-leading: 1.05; line-height: 1.05; } .leading-\[1\.5\] { --tw-leading: 1.5; line-height: 1.5; } .leading-\[1\.6\] { --tw-leading: 1.6; line-height: 1.6; } .leading-\[1\.7\] { --tw-leading: 1.7; line-height: 1.7; } .leading-\[1\.45\] { --tw-leading: 1.45; line-height: 1.45; } .leading-\[1\.55\] { --tw-leading: 1.55; line-height: 1.55; } .leading-\[1\.65\] { --tw-leading: 1.65; line-height: 1.65; } .leading-\[1\.72\] { --tw-leading: 1.72; line-height: 1.72; } .leading-none { --tw-leading: 1; line-height: 1; } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-\[-0\.005em\] { --tw-tracking: -.005em; letter-spacing: -0.005em; } .tracking-\[-0\.025em\] { --tw-tracking: -.025em; letter-spacing: -0.025em; } .tracking-\[-0\.035em\] { --tw-tracking: -.035em; letter-spacing: -0.035em; } .tracking-\[0\.12em\] { --tw-tracking: .12em; letter-spacing: 0.12em; } .tracking-\[0\.13em\] { --tw-tracking: .13em; letter-spacing: 0.13em; } .tracking-\[0\.14em\] { --tw-tracking: .14em; letter-spacing: 0.14em; } .whitespace-nowrap { white-space: nowrap; } .text-bc-forest { color: var(--color-bc-forest); } .text-bc-gold { color: var(--color-bc-gold); } .text-bc-ink { color: var(--color-bc-ink); } .text-bc-muted { color: var(--color-bc-muted); } .text-bc-muted\/45 { color: rgba(111, 115, 111, 0.45); } @supports (color:color-mix(in lab, red, red)) { .text-bc-muted\/45 { color: color-mix(in oklab, var(--color-bc-muted) 45%, transparent); } } .text-bc-muted\/60 { color: rgba(111, 115, 111, 0.6); } @supports (color:color-mix(in lab, red, red)) { .text-bc-muted\/60 { color: color-mix(in oklab, var(--color-bc-muted) 60%, transparent); } } .text-bc-sage { color: var(--color-bc-sage); } .text-ms-accent { color: var(--color-ms-accent); } .text-ms-ink { color: var(--color-ms-ink); } .text-ms-muted { color: var(--color-ms-muted); } .text-ms-muted\/60 { color: rgba(122, 102, 113, 0.6); } @supports (color:color-mix(in lab, red, red)) { .text-ms-muted\/60 { color: color-mix(in oklab, var(--color-ms-muted) 60%, transparent); } } .text-ms-rose-deep { color: var(--color-ms-rose-deep); } .text-red-700 { color: var(--color-red-700); } .text-white { color: var(--color-white); } .text-white\/45 { color: rgba(255, 255, 255, 0.45); } @supports (color:color-mix(in lab, red, red)) { .text-white\/45 { color: color-mix(in oklab, var(--color-white) 45%, transparent); } } .text-white\/48 { color: rgba(255, 255, 255, 0.48); } @supports (color:color-mix(in lab, red, red)) { .text-white\/48 { color: color-mix(in oklab, var(--color-white) 48%, transparent); } } .text-white\/50 { color: rgba(255, 255, 255, 0.5); } @supports (color:color-mix(in lab, red, red)) { .text-white\/50 { color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .text-white\/52 { color: rgba(255, 255, 255, 0.52); } @supports (color:color-mix(in lab, red, red)) { .text-white\/52 { color: color-mix(in oklab, var(--color-white) 52%, transparent); } } .text-white\/55 { color: rgba(255, 255, 255, 0.55); } @supports (color:color-mix(in lab, red, red)) { .text-white\/55 { color: color-mix(in oklab, var(--color-white) 55%, transparent); } } .text-white\/58 { color: rgba(255, 255, 255, 0.58); } @supports (color:color-mix(in lab, red, red)) { .text-white\/58 { color: color-mix(in oklab, var(--color-white) 58%, transparent); } } .text-white\/60 { color: rgba(255, 255, 255, 0.6); } @supports (color:color-mix(in lab, red, red)) { .text-white\/60 { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .text-white\/65 { color: rgba(255, 255, 255, 0.65); } @supports (color:color-mix(in lab, red, red)) { .text-white\/65 { color: color-mix(in oklab, var(--color-white) 65%, transparent); } } .text-white\/68 { color: rgba(255, 255, 255, 0.68); } @supports (color:color-mix(in lab, red, red)) { .text-white\/68 { color: color-mix(in oklab, var(--color-white) 68%, transparent); } } .text-white\/70 { color: rgba(255, 255, 255, 0.7); } @supports (color:color-mix(in lab, red, red)) { .text-white\/70 { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .text-white\/72 { color: rgba(255, 255, 255, 0.72); } @supports (color:color-mix(in lab, red, red)) { .text-white\/72 { color: color-mix(in oklab, var(--color-white) 72%, transparent); } } .text-white\/74 { color: rgba(255, 255, 255, 0.74); } @supports (color:color-mix(in lab, red, red)) { .text-white\/74 { color: color-mix(in oklab, var(--color-white) 74%, transparent); } } .text-white\/75 { color: rgba(255, 255, 255, 0.75); } @supports (color:color-mix(in lab, red, red)) { .text-white\/75 { color: color-mix(in oklab, var(--color-white) 75%, transparent); } } .text-white\/76 { color: rgba(255, 255, 255, 0.76); } @supports (color:color-mix(in lab, red, red)) { .text-white\/76 { color: color-mix(in oklab, var(--color-white) 76%, transparent); } } .text-white\/78 { color: rgba(255, 255, 255, 0.78); } @supports (color:color-mix(in lab, red, red)) { .text-white\/78 { color: color-mix(in oklab, var(--color-white) 78%, transparent); } } .text-white\/80 { color: rgba(255, 255, 255, 0.8); } @supports (color:color-mix(in lab, red, red)) { .text-white\/80 { color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .text-white\/85 { color: rgba(255, 255, 255, 0.85); } @supports (color:color-mix(in lab, red, red)) { .text-white\/85 { color: color-mix(in oklab, var(--color-white) 85%, transparent); } } .text-white\/90 { color: rgba(255, 255, 255, 0.9); } @supports (color:color-mix(in lab, red, red)) { .text-white\/90 { color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .ordinal { --tw-ordinal: ordinal; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); } .line-through { text-decoration-line: line-through; } .underline { text-decoration-line: underline; } .underline-offset-2 { text-underline-offset: 2px; } .underline-offset-4 { text-underline-offset: 4px; } .opacity-0 { opacity: 0; } .opacity-100 { opacity: 1; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_2px_10px_rgba\(23\,26\,24\,0\.05\)\] { --tw-shadow: 0 2px 10px var(--tw-shadow-color,#171a180d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_8px_28px_rgba\(23\,26\,24\,0\.28\)\] { --tw-shadow: 0 8px 28px var(--tw-shadow-color,#171a1847); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_12px_28px_rgba\(110\,62\,90\,0\.22\)\] { --tw-shadow: 0 12px 28px var(--tw-shadow-color,#6e3e5a38); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_12px_30px_rgba\(61\,51\,45\,0\.12\)\] { --tw-shadow: 0 12px 30px var(--tw-shadow-color,#3d332d1f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_14px_34px_rgba\(65\,39\,56\,0\.07\)\] { --tw-shadow: 0 14px 34px var(--tw-shadow-color,#41273812); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_14px_34px_rgba\(65\,39\,56\,0\.18\)\] { --tw-shadow: 0 14px 34px var(--tw-shadow-color,#4127382e); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_14px_40px_rgba\(65\,39\,56\,0\.06\)\] { --tw-shadow: 0 14px 40px var(--tw-shadow-color,#4127380f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_18px_55px_rgba\(48\,36\,43\,0\.35\)\] { --tw-shadow: 0 18px 55px var(--tw-shadow-color,#30242b59); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_18px_58px_rgba\(65\,39\,56\,0\.08\)\] { --tw-shadow: 0 18px 58px var(--tw-shadow-color,#41273814); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_20px_60px_rgba\(75\,50\,42\,0\.08\)\] { --tw-shadow: 0 20px 60px var(--tw-shadow-color,#4b322a14); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_22px_65px_rgba\(77\,35\,18\,\.12\)\] { --tw-shadow: 0 22px 65px var(--tw-shadow-color,#4d23121f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_24px_70px_rgba\(65\,39\,56\,0\.1\)\] { --tw-shadow: 0 24px 70px var(--tw-shadow-color,#4127381a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_24px_70px_rgba\(65\,39\,56\,0\.18\)\] { --tw-shadow: 0 24px 70px var(--tw-shadow-color,#4127382e); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_28px_70px_rgba\(65\,39\,56\,0\.13\)\] { --tw-shadow: 0 28px 70px var(--tw-shadow-color,#41273821); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring, .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-bc-line { --tw-ring-color: var(--color-bc-line); } .ring-bc-line\/70 { --tw-ring-color: #e4e1dab3; } @supports (color:color-mix(in lab, red, red)) { .ring-bc-line\/70 { --tw-ring-color: color-mix(in oklab, var(--color-bc-line) 70%, transparent); } } .ring-ms-line { --tw-ring-color: var(--color-ms-line); } .ring-white\/20 { --tw-ring-color: #fff3; } @supports (color:color-mix(in lab, red, red)) { .ring-white\/20 { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .ring-white\/22 { --tw-ring-color: #ffffff38; } @supports (color:color-mix(in lab, red, red)) { .ring-white\/22 { --tw-ring-color: color-mix(in oklab, var(--color-white) 22%, transparent); } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .drop-shadow-\[0_2px_8px_rgba\(23\,26\,24\,0\.18\)\] { --tw-drop-shadow-size: drop-shadow(0 2px 8px var(--tw-drop-shadow-color,#171a182e)); --tw-drop-shadow: var(--tw-drop-shadow-size); 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,); } .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,); } .backdrop-blur { --tw-backdrop-blur: blur(8px); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-md { --tw-backdrop-blur: blur(var(--blur-md)); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-xl { --tw-backdrop-blur: blur(var(--blur-xl)); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); } .duration-200 { --tw-duration: .2s; transition-duration: 0.2s; } .duration-300 { --tw-duration: .3s; transition-duration: 0.3s; } .duration-500 { --tw-duration: .5s; transition-duration: 0.5s; } .duration-700 { --tw-duration: .7s; transition-duration: 0.7s; } .outline-none { --tw-outline-style: none; outline-style: none; } .group-open\:hidden:is(:where(.group):is([open], :popover-open, :open) *) { display: none; } .group-open\:inline:is(:where(.group):is([open], :popover-open, :open) *) { display: inline; } .group-open\:rotate-90:is(:where(.group):is([open], :popover-open, :open) *) { rotate: 90deg; } @media (hover: hover) { .group-hover\:translate-x-0\.5:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:scale-\[1\.035\]:is(:where(.group):hover *) { scale: 1.035; } .group-hover\:bg-bc-sage-tint:is(:where(.group):hover *) { background-color: var(--color-bc-sage-tint); } .group-hover\:text-bc-sage:is(:where(.group):hover *) { color: var(--color-bc-sage); } } .last\:border-0:last-child { border-style: var(--tw-border-style); border-width: 0px; } @media (hover: hover) { .hover\:-translate-y-0\.5:hover { --tw-translate-y: calc(var(--spacing) * -.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .hover\:bg-bc-forest-soft:hover { background-color: var(--color-bc-forest-soft); } .hover\:bg-bc-tile:hover { background-color: var(--color-bc-tile); } .hover\:bg-ms-blush:hover { background-color: var(--color-ms-blush); } .hover\:bg-ms-rose:hover { background-color: var(--color-ms-rose); } .hover\:bg-ms-rose-deep:hover { background-color: var(--color-ms-rose-deep); } .hover\:bg-white:hover { background-color: var(--color-white); } .hover\:bg-white\/18:hover { background-color: rgba(255, 255, 255, 0.18); } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-white\/18:hover { background-color: color-mix(in oklab, var(--color-white) 18%, transparent); } } .hover\:bg-white\/90:hover { background-color: rgba(255, 255, 255, 0.9); } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-white\/90:hover { background-color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .hover\:text-bc-sage:hover { color: var(--color-bc-sage); } .hover\:text-ms-accent:hover { color: var(--color-ms-accent); } .hover\:text-ms-rose-deep:hover { color: var(--color-ms-rose-deep); } .hover\:text-white:hover { color: var(--color-white); } .hover\:text-white\/70:hover { color: rgba(255, 255, 255, 0.7); } @supports (color:color-mix(in lab, red, red)) { .hover\:text-white\/70:hover { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .hover\:underline:hover { text-decoration-line: underline; } .hover\:opacity-90:hover { opacity: 0.9; } .hover\:ring-bc-sage\/40:hover { --tw-ring-color: #526b5766; } @supports (color:color-mix(in lab, red, red)) { .hover\:ring-bc-sage\/40:hover { --tw-ring-color: color-mix(in oklab, var(--color-bc-sage) 40%, transparent); } } .hover\:ring-bc-sage\/45:hover { --tw-ring-color: #526b5773; } @supports (color:color-mix(in lab, red, red)) { .hover\:ring-bc-sage\/45:hover { --tw-ring-color: color-mix(in oklab, var(--color-bc-sage) 45%, transparent); } } .hover\:ring-bc-sage\/50:hover { --tw-ring-color: #526b5780; } @supports (color:color-mix(in lab, red, red)) { .hover\:ring-bc-sage\/50:hover { --tw-ring-color: color-mix(in oklab, var(--color-bc-sage) 50%, transparent); } } .hover\:ring-ms-accent\/35:hover { --tw-ring-color: #9b668559; } @supports (color:color-mix(in lab, red, red)) { .hover\:ring-ms-accent\/35:hover { --tw-ring-color: color-mix(in oklab, var(--color-ms-accent) 35%, transparent); } } .hover\:ring-ms-accent\/40:hover { --tw-ring-color: #9b668566; } @supports (color:color-mix(in lab, red, red)) { .hover\:ring-ms-accent\/40:hover { --tw-ring-color: color-mix(in oklab, var(--color-ms-accent) 40%, transparent); } } .hover\:ring-ms-accent\/45:hover { --tw-ring-color: #9b668573; } @supports (color:color-mix(in lab, red, red)) { .hover\:ring-ms-accent\/45:hover { --tw-ring-color: color-mix(in oklab, var(--color-ms-accent) 45%, transparent); } } } .focus\:not-sr-only:focus { clip-path: none; white-space: normal; width: auto; height: auto; margin: 0px; padding: 0px; position: static; overflow: visible; } .focus\:absolute:focus { position: absolute; } .focus\:top-4:focus { top: calc(var(--spacing) * 4); } .focus\:left-4:focus { left: calc(var(--spacing) * 4); } .focus\:z-50:focus { z-index: 50; } .focus\:rounded-full:focus { border-radius: 3.40282e+38px; } .focus\:border-bc-forest:focus { border-color: var(--color-bc-forest); } .focus\:bg-bc-forest:focus { background-color: var(--color-bc-forest); } .focus\:bg-ms-accent:focus { background-color: var(--color-ms-accent); } .focus\:px-4:focus { padding-inline: calc(var(--spacing) * 4); } .focus\:py-2:focus { padding-block: calc(var(--spacing) * 2); } .focus\:text-white:focus { color: var(--color-white); } .focus\:ring-bc-sage\/50:focus { --tw-ring-color: #526b5780; } @supports (color:color-mix(in lab, red, red)) { .focus\:ring-bc-sage\/50:focus { --tw-ring-color: color-mix(in oklab, var(--color-bc-sage) 50%, transparent); } } .disabled\:opacity-60:disabled { opacity: 0.6; } @media (min-width: 640px) { .sm\:block { display: block; } .sm\:flex { display: flex; } .sm\:inline-flex { display: inline-flex; } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .sm\:grid-cols-\[minmax\(0\,168px\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0px, 168px) minmax(0px, 1fr); } .sm\:flex-row { flex-direction: row; } .sm\:items-center { align-items: center; } .sm\:justify-between { justify-content: space-between; } .sm\:gap-6 { gap: calc(var(--spacing) * 6); } } @media (min-width: 768px) { .md\:top-4 { top: calc(var(--spacing) * 4); } .md\:top-6 { top: calc(var(--spacing) * 6); } .md\:bottom-6 { bottom: calc(var(--spacing) * 6); } .md\:left-4 { left: calc(var(--spacing) * 4); } .md\:left-6 { left: calc(var(--spacing) * 6); } .md\:order-1 { order: 1; } .md\:order-2 { order: 2; } .md\:m-0 { margin: 0px; } .md\:mx-0 { margin-inline: 0px; } .md\:my-10 { margin-block: calc(var(--spacing) * 10); } .md\:my-12 { margin-block: calc(var(--spacing) * 12); } .md\:mt-0 { margin-top: 0px; } .md\:mt-5 { margin-top: calc(var(--spacing) * 5); } .md\:mt-6 { margin-top: calc(var(--spacing) * 6); } .md\:mt-7 { margin-top: calc(var(--spacing) * 7); } .md\:mt-8 { margin-top: calc(var(--spacing) * 8); } .md\:mt-9 { margin-top: calc(var(--spacing) * 9); } .md\:mt-10 { margin-top: calc(var(--spacing) * 10); } .md\:mt-11 { margin-top: calc(var(--spacing) * 11); } .md\:mt-12 { margin-top: calc(var(--spacing) * 12); } .md\:mt-14 { margin-top: calc(var(--spacing) * 14); } .md\:mt-16 { margin-top: calc(var(--spacing) * 16); } .md\:mt-20 { margin-top: calc(var(--spacing) * 20); } .md\:mt-24 { margin-top: calc(var(--spacing) * 24); } .md\:block { display: block; } .md\:flex { display: flex; } .md\:grid { display: grid; } .md\:hidden { display: none; } .md\:inline { display: inline; } .md\:inline-flex { display: inline-flex; } .md\:aspect-auto { aspect-ratio: auto; } .md\:h-12 { height: calc(var(--spacing) * 12); } .md\:h-\[52px\] { height: 52px; } .md\:h-\[58px\] { height: 58px; } .md\:h-\[84px\] { height: 84px; } .md\:h-\[88px\] { height: 88px; } .md\:h-auto { height: auto; } .md\:min-h-\[410px\] { min-height: 410px; } .md\:min-h-\[610px\] { min-height: 610px; } .md\:min-h-\[640px\] { min-height: 640px; } .md\:w-12 { width: calc(var(--spacing) * 12); } .md\:w-\[52px\] { width: 52px; } .md\:w-\[58px\] { width: 58px; } .md\:w-\[104px\] { width: 104px; } .md\:w-\[132px\] { width: 132px; } .md\:w-\[160px\] { width: 160px; } .md\:w-auto { width: auto; } .md\:flex-none { flex: 0 0 auto; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); } .md\:grid-cols-\[\.9fr_1\.1fr\] { grid-template-columns: 0.9fr 1.1fr; } .md\:grid-cols-\[\.92fr_1\.08fr\] { grid-template-columns: 0.92fr 1.08fr; } .md\:grid-cols-\[\.95fr_1\.05fr\] { grid-template-columns: 0.95fr 1.05fr; } .md\:grid-cols-\[1\.02fr_\.98fr\] { grid-template-columns: 1.02fr 0.98fr; } .md\:grid-cols-\[1\.2fr_1fr_1fr_1fr\] { grid-template-columns: 1.2fr 1fr 1fr 1fr; } .md\:grid-cols-\[1\.05fr_\.95fr\] { grid-template-columns: 1.05fr 0.95fr; } .md\:grid-cols-\[1\.35fr_1fr_1fr\] { grid-template-columns: 1.35fr 1fr 1fr; } .md\:grid-cols-\[1fr_\.95fr\] { grid-template-columns: 1fr 0.95fr; } .md\:grid-cols-\[1fr_1\.25fr\] { grid-template-columns: 1fr 1.25fr; } .md\:grid-cols-\[1fr_auto\] { grid-template-columns: 1fr auto; } .md\:grid-cols-\[300px_1fr\] { grid-template-columns: 300px 1fr; } .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.15fr\)\] { grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.15fr); } .md\:grid-cols-\[minmax\(0\,200px\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0px, 200px) minmax(0px, 1fr); } .md\:grid-cols-\[minmax\(0\,240px\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0px, 240px) minmax(0px, 1fr); } .md\:flex-row { flex-direction: row; } .md\:items-center { align-items: center; } .md\:items-end { align-items: flex-end; } .md\:items-start { align-items: flex-start; } .md\:justify-between { justify-content: space-between; } .md\:justify-center { justify-content: center; } .md\:justify-start { justify-content: flex-start; } .md\:gap-2 { gap: calc(var(--spacing) * 2); } .md\:gap-4 { gap: calc(var(--spacing) * 4); } .md\:gap-5 { gap: calc(var(--spacing) * 5); } .md\:gap-7 { gap: calc(var(--spacing) * 7); } .md\:gap-8 { gap: calc(var(--spacing) * 8); } .md\:gap-9 { gap: calc(var(--spacing) * 9); } .md\:gap-10 { gap: calc(var(--spacing) * 10); } .md\:gap-12 { gap: calc(var(--spacing) * 12); } :where(.md\:space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } .md\:overflow-visible { overflow: visible; } .md\:rounded-\[20px\] { border-radius: 20px; } .md\:rounded-\[22px\] { border-radius: 22px; } .md\:rounded-\[26px\] { border-radius: 26px; } .md\:rounded-\[28px\] { border-radius: 28px; } .md\:rounded-none { border-radius: 0px; } .md\:border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0px; } .md\:border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .md\:bg-transparent { background-color: rgba(0, 0, 0, 0); } .md\:p-0 { padding: 0px; } .md\:p-3 { padding: calc(var(--spacing) * 3); } .md\:p-4 { padding: calc(var(--spacing) * 4); } .md\:p-6 { padding: calc(var(--spacing) * 6); } .md\:p-7 { padding: calc(var(--spacing) * 7); } .md\:p-8 { padding: calc(var(--spacing) * 8); } .md\:p-9 { padding: calc(var(--spacing) * 9); } .md\:p-10 { padding: calc(var(--spacing) * 10); } .md\:px-0 { padding-inline: 0px; } .md\:px-5 { padding-inline: calc(var(--spacing) * 5); } .md\:px-6 { padding-inline: calc(var(--spacing) * 6); } .md\:px-8 { padding-inline: calc(var(--spacing) * 8); } .md\:px-9 { padding-inline: calc(var(--spacing) * 9); } .md\:py-0 { padding-block: 0px; } .md\:py-3 { padding-block: calc(var(--spacing) * 3); } .md\:py-7 { padding-block: calc(var(--spacing) * 7); } .md\:py-8 { padding-block: calc(var(--spacing) * 8); } .md\:py-9 { padding-block: calc(var(--spacing) * 9); } .md\:py-16 { padding-block: calc(var(--spacing) * 16); } .md\:py-20 { padding-block: calc(var(--spacing) * 20); } .md\:py-\[15px\] { padding-block: 15px; } .md\:py-\[18px\] { padding-block: 18px; } .md\:pt-8 { padding-top: calc(var(--spacing) * 8); } .md\:pt-10 { padding-top: calc(var(--spacing) * 10); } .md\:pt-14 { padding-top: calc(var(--spacing) * 14); } .md\:pt-16 { padding-top: calc(var(--spacing) * 16); } .md\:pt-20 { padding-top: calc(var(--spacing) * 20); } .md\:pb-0 { padding-bottom: 0px; } .md\:pb-20 { padding-bottom: calc(var(--spacing) * 20); } .md\:pl-6 { padding-left: calc(var(--spacing) * 6); } .md\:text-\[13\.5px\] { font-size: 13.5px; } .md\:text-\[14\.5px\] { font-size: 14.5px; } .md\:text-\[14px\] { font-size: 14px; } .md\:text-\[15\.5px\] { font-size: 15.5px; } .md\:text-\[15px\] { font-size: 15px; } .md\:text-\[16\.5px\] { font-size: 16.5px; } .md\:text-\[16px\] { font-size: 16px; } .md\:text-\[17\.5px\] { font-size: 17.5px; } .md\:text-\[17px\] { font-size: 17px; } .md\:text-\[18\.5px\] { font-size: 18.5px; } .md\:text-\[18px\] { font-size: 18px; } .md\:text-\[19px\] { font-size: 19px; } .md\:text-\[20px\] { font-size: 20px; } .md\:text-\[21px\] { font-size: 21px; } .md\:text-\[22px\] { font-size: 22px; } .md\:text-\[25px\] { font-size: 25px; } .md\:leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .md\:font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .md\:font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .md\:text-ms-rose\/70 { color: rgba(155, 102, 133, 0.7); } @supports (color:color-mix(in lab, red, red)) { .md\:text-ms-rose\/70 { color: color-mix(in oklab, var(--color-ms-rose) 70%, transparent); } } .md\:shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .md\:ring-0 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } @media (min-width: 1024px) { .lg\:sticky { position: sticky; } .lg\:top-28 { top: calc(var(--spacing) * 28); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); } .lg\:grid-cols-\[260px_minmax\(0\,720px\)\] { grid-template-columns: 260px minmax(0px, 720px); } .lg\:items-start { align-items: flex-start; } .lg\:justify-center { justify-content: center; } .lg\:gap-7 { gap: calc(var(--spacing) * 7); } .lg\:p-12 { padding: calc(var(--spacing) * 12); } } .\[\&\>p\+p\]\:mt-\[1\.15em\] > p + p { margin-top: 1.15em; } } .bc { --bc-display: var(--font-bc-display), Georgia, "Times New Roman", serif; --bc-sans: var(--font-bc-sans), ui-sans-serif, system-ui, -apple-system, sans-serif; background: var(--color-bc-paper); min-height: 100dvh; color: var(--color-bc-ink); font-family: var(--bc-sans); letter-spacing: 0px; font-size: 16px; line-height: 1.55; } .bc[data-site="parentscomparent"] { --color-bc-paper: #fff9f5; --color-bc-surface: #fff; --color-bc-tile: #fff0e7; --color-bc-line: #efd9cc; --color-bc-forest: #c84a19; --color-bc-forest-soft: #a93a10; --color-bc-sage: #e0642d; --color-bc-sage-tint: #ffe6d7; --color-bc-gold: #f08045; --color-bc-ink: #30211c; --color-bc-muted: #75645c; --bc-display: var(--font-pc-display), var(--font-bc-sans), ui-sans-serif, system-ui, sans-serif; } .bc[data-site="parentscomparent"] :is(h1, h2, h3, h4, h5, h6) { letter-spacing: -0.035em; font-weight: 750; } .bc[data-site="parentscomparent"] .bc-eyebrow { letter-spacing: 0.1em; } .bc .pc-proof-grid > * { min-width: 0px; } .bc .pc-disclosure { border-left: 4px solid var(--color-bc-sage); background: rgb(234, 238, 232); } @supports (color:color-mix(in lab, red, red)) { .bc .pc-disclosure { background: color-mix(in srgb, var(--color-bc-sage-tint) 72%, white); } } .bc :is(h1, h2, h3, h4, h5, h6) { font-family: var(--bc-display); font-weight: 700; font-size: inherit; color: inherit; letter-spacing: -0.022em; margin: 0px; line-height: 1.08; } .bc .bc-t-hero { font-size: 38px; line-height: 1.04; } .bc .bc-t-xl { font-size: 27px; line-height: 1.1; } .bc .bc-t-lg { font-size: 21px; line-height: 1.15; } .bc .bc-t-md { font-size: 18px; line-height: 1.2; } .bc .bc-eyebrow { font-family: var(--bc-sans); letter-spacing: 0.14em; text-transform: uppercase; font-size: 11px; font-weight: 600; line-height: 1.3; } .bc .bc-eyebrow-xs { letter-spacing: 0.12em; font-size: 9px; } .bc .bc-logo-tag { letter-spacing: 0.1em; white-space: nowrap; font-size: 7.5px; } @media (min-width: 768px) { .bc .bc-t-hero { font-size: 62px; } .bc .bc-t-xl { font-size: 38px; } .bc .bc-t-lg { font-size: 26px; } .bc .bc-t-md { font-size: 21px; } .bc .bc-eyebrow { font-size: 12.5px; } } .bc .bc-c-ink { color: var(--color-bc-ink); } .bc .bc-c-muted { color: var(--color-bc-muted); } .bc .bc-c-sage { color: var(--color-bc-sage); } .bc .bc-c-forest { color: var(--color-bc-forest); } .bc .bc-c-white { color: rgb(255, 255, 255); } .bc .bc-c-white-75 { color: rgba(255, 255, 255, 0.75); } .bc .bc-c-white-60 { color: rgba(255, 255, 255, 0.6); } .bc .bc-c-white-45 { color: rgba(255, 255, 255, 0.45); } .bc .bc-c-inherit { color: inherit; } .bc .bc-tnum { font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; } .bc .bc-display { font-family: var(--bc-display); letter-spacing: -0.022em; font-weight: 700; } .bc :where(a, button, input, summary, [tabindex]):focus-visible { outline: 2px solid var(--color-bc-sage); outline-offset: 3px; border-radius: 8px; } .bc-scroll-x { scrollbar-width: none; } .bc-scroll-x::-webkit-scrollbar { display: none; } .bc-tabbar { padding-bottom: max(6px, env(safe-area-inset-bottom)); } .ms { --ms-display: var(--font-ms-display), Georgia, "Times New Roman", serif; --ms-sans: var(--font-ms-sans), ui-sans-serif, system-ui, -apple-system, sans-serif; background: radial-gradient(circle at 12% 0%, #9b66852e, transparent 544px), linear-gradient(180deg, var(--color-ms-paper), #fffafd 704px); min-height: 100vh; color: var(--color-ms-ink); font-family: var(--ms-sans); font-size: 16px; line-height: 1.6; } .ms :is(h1, h2, h3, h4, h5, h6) { font-family: var(--ms-display); font-weight: 700; font-size: inherit; color: inherit; letter-spacing: -0.025em; margin: 0px; line-height: 1.08; } .ms .ms-t-hero { font-size: 38px; line-height: 1.02; } .ms .ms-t-xl { font-size: 27px; } .ms .ms-t-lg { font-size: 22px; } .ms .ms-t-md { font-size: 18px; } .ms .ms-feature-title { font-family: var(--ms-display); letter-spacing: -0.038em; font-size: clamp(31px, 8.2vw, 39px); font-weight: 700; line-height: 1; } .ms .ms-hook-impact { z-index: 0; color: rgb(193, 55, 106); margin-block: 0.06em 0.1em; font-style: italic; display: inline-block; position: relative; } .ms .ms-hook-impact::after { z-index: -1; content: ""; background: rgb(243, 191, 210); border-radius: 999px; height: 0.24em; position: absolute; bottom: 0.04em; left: -0.06em; right: -0.06em; transform: rotate(-1.5deg); } .ms .ms-feature-hero { position: relative; } .ms .ms-feature-verdict { border: 1px solid var(--color-ms-line); background: radial-gradient(circle at 100% 0%, #9b66852e, transparent 224px), linear-gradient(145deg, #fff 0%, var(--color-ms-cream) 100%); box-shadow: rgba(65, 39, 56, 0.1) 0px 18px 50px; } .ms .ms-eyebrow { font-family: var(--ms-sans); letter-spacing: 0.14em; text-transform: uppercase; font-size: 11px; font-weight: 800; line-height: 1.3; } .ms .ms-eyebrow-xs { letter-spacing: 0.12em; font-size: 9.5px; } @media (min-width: 768px) { .ms .ms-t-hero { font-size: 62px; } .ms .ms-t-xl { font-size: 38px; } .ms .ms-t-lg { font-size: 28px; } .ms .ms-t-md { font-size: 21px; } .ms .ms-eyebrow { font-size: 12px; } .ms .ms-feature-title { font-size: clamp(45px, 4.2vw, 62px); line-height: 0.98; } .ms .ms-feature-hero { border: 1px solid var(--color-ms-line); background: var(--color-ms-surface); border-radius: 34px; overflow: hidden; box-shadow: rgba(65, 39, 56, 0.12) 0px 28px 80px; } } .ms .ms-c-ink { color: var(--color-ms-ink); } .ms .ms-c-muted { color: var(--color-ms-muted); } .ms .ms-c-rose { color: var(--color-ms-rose); } .ms .ms-c-rose-deep { color: var(--color-ms-rose-deep); } .ms .ms-c-accent { color: var(--color-ms-accent); } .ms .ms-c-white { color: rgb(255, 255, 255); } .ms .ms-c-white-75 { color: rgba(255, 255, 255, 0.78); } .ms .ms-prose { font-size: 17px; line-height: 1.78; } .ms .ms-prose > * + * { margin-top: 1.15em; } .ms .ms-prose h2 { margin-top: 2.1em; margin-bottom: 0.1em; font-size: 25px; } .ms .ms-prose h3 { margin-top: 1.65em; margin-bottom: 0.1em; font-size: 20px; } .ms .ms-prose strong { color: var(--color-ms-ink); font-weight: 800; } .ms .ms-prose p a, .ms .ms-prose li a { color: var(--color-ms-accent); text-underline-offset: 3px; text-decoration: underline; } .ms .ms-prose ul { padding-left: 1.15em; list-style: outside; } .ms .ms-prose li + li { margin-top: 0.45em; } .ms .ms-feature-prose > .ms-feature-text:first-child > p:first-child::first-letter { float: left; color: var(--color-ms-rose-deep); font-family: var(--ms-display); margin: 0.06em 0.12em 0px 0px; font-size: 4.1em; font-weight: 700; line-height: 0.74; } .ms .ms-feature-prose .ms-feature-heading { grid-template-columns: 38px minmax(0px, 1fr); align-items: start; gap: 12px; margin-top: 2.55em; display: grid; } .ms .ms-feature-heading-number { background: var(--color-ms-plum); color: rgb(255, 255, 255); width: 38px; height: 38px; font-family: var(--ms-sans); letter-spacing: 0.08em; border-radius: 999px; place-items: center; font-size: 11px; font-weight: 800; display: grid; box-shadow: rgba(65, 39, 56, 0.2) 0px 8px 22px; } .ms .ms-feature-callout { background: radial-gradient(circle at 100% 0%, #ffffffb8, transparent 144px), var(--color-ms-blush); border: 1px solid rgba(155, 102, 133, 0.2); position: relative; overflow: hidden; box-shadow: rgba(65, 39, 56, 0.07) 0px 14px 34px; } .ms .ms-feature-callout::after { content: ""; border: 16px solid rgba(155, 102, 133, 0.1); border-radius: 999px; width: 90px; height: 90px; position: absolute; bottom: -35px; right: -24px; } .ms .ms-feature-image > div { box-shadow: rgba(65, 39, 56, 0.12) 0px 18px 42px; } .ms .ms-feature-image figcaption { padding-inline: 4px; font-style: italic; line-height: 1.5; } .ms .ms-feature-product { background: radial-gradient(circle at 100% 0px, rgba(240, 220, 232, 0.95), rgba(0, 0, 0, 0) 288px), linear-gradient(150deg, rgb(255, 255, 255) 0%, rgb(252, 242, 248) 100%); border: 0px; box-shadow: rgba(65, 39, 56, 0.14) 0px 22px 58px; } @media (max-width: 767px) { .ms .ms-feature-prose .ms-feature-image { margin-inline: -20px; } .ms .ms-feature-prose .ms-feature-image > div { border-radius: 0px; } .ms .ms-feature-prose .ms-feature-image figcaption { padding-inline: 20px; } } @media (min-width: 768px) { .ms .ms-prose { font-size: 18.5px; } .ms .ms-prose h2 { font-size: 32px; } .ms .ms-prose h3 { font-size: 24px; } } .ms .ms-tnum { font-variant-numeric: tabular-nums; } .ms :where(a, button, input, summary, [tabindex]):focus-visible { outline: 2px solid var(--color-ms-accent); outline-offset: 3px; border-radius: 8px; } .ms-scroll-x { scrollbar-width: none; } .ms-scroll-x::-webkit-scrollbar { display: none; } .rf { --rf-ink: #0c1633; --rf-deep: #1b4460; --rf-deep-2: #1f3672; --rf-soft: #6e8bd6; --rf-gold: #f5c45e; --rf-gold-deep: #e0a93f; --rf-gold-pale: #fbe6b8; --rf-paper: #fff; --rf-cream: #fbf6ec; --rf-mist: #f2f5fb; --rf-text: #0c1633; --rf-text-2: #5a6479; --rf-text-light: #e7ecf7; --rf-line: #e6eaf2; --rf-line-dark: #e7ecf729; --rf-display: var(--font-fredoka), "Fredoka", ui-rounded, system-ui, sans-serif; --rf-sans: var(--font-nunito), "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --rf-max: 1200px; --rf-narrow: 720px; --rf-gutter: 20px; --rf-r: 18px; --rf-r-lg: 28px; --rf-r-pill: 999px; --rf-shadow: 0 10px 40px -18px #0c163338; --rf-shadow-lg: 0 40px 90px -40px #0c163361; color: var(--rf-text); font-family: var(--rf-sans); background: var(--rf-paper); } @media (min-width: 900px) { .rf { --rf-gutter: 40px; } } .rf h1, .rf h2, .rf h3, .rf h4 { font-family: var(--rf-display); letter-spacing: -0.015em; color: var(--rf-ink); text-wrap: balance; margin: 0px; font-weight: 600; } .rf h1 { font-size: clamp(34px, 7.2vw, 60px); font-weight: 700; line-height: 1.04; } .rf h2 { font-size: clamp(28px, 5.6vw, 46px); line-height: 1.08; } .rf h3 { font-size: clamp(20px, 2.6vw, 26px); line-height: 1.2; } .rf h4 { font-size: clamp(17px, 2vw, 19px); font-weight: 700; line-height: 1.3; } .rf h1 em, .rf h2 em, .rf h3 em { color: var(--rf-gold-deep); font-style: normal; } .rf-dark h1 em, .rf-dark h2 em, .rf-dark h3 em { color: var(--rf-gold); } .rf p { color: var(--rf-text-2); margin: 0px; font-size: clamp(16px, 1.9vw, 18px); line-height: 1.65; } .rf-lead { font-size: clamp(17px, 2.2vw, 20px) !important; line-height: 1.6 !important; } .rf-eyebrow { font-family: var(--rf-sans); letter-spacing: 0.2em; text-transform: uppercase; color: var(--rf-text-2); margin: 0px 0px 14px; font-size: 12px; font-weight: 800; display: block; } .rf-dark .rf-eyebrow { color: var(--rf-gold); } .rf-section { padding: clamp(56px, 9vw, 112px) var(--rf-gutter); } .rf-section-tight { padding: clamp(40px, 6vw, 72px) var(--rf-gutter); } .rf-paper { background: var(--rf-paper); } .rf-cream { background: var(--rf-cream); } .rf-mist { background: var(--rf-mist); } .rf-dark { background: var(--rf-deep); color: var(--rf-text-light); } .rf-dark h1, .rf-dark h2, .rf-dark h3, .rf-dark h4 { color: rgb(255, 255, 255); } .rf-dark p { color: rgba(231, 236, 247, 0.84); } .rf-wrap { max-width: var(--rf-max); margin: 0px auto; } .rf-wrap-narrow { max-width: var(--rf-narrow); margin: 0px auto; } .rf-center { text-align: center; } .rf-head { max-width: 720px; } .rf-head.rf-center { margin-inline: auto; } .rf-head h2 + p { margin-top: 18px; } .rf-split { align-items: center; gap: clamp(28px, 5vw, 64px); display: grid; } @media (min-width: 900px) { .rf-split { grid-template-columns: 1.08fr 1fr; } .rf-split-flip > :first-child { order: 2; } } .rf-split-body > * + * { margin-top: 18px; } .rf-split-body .rf-btn { margin-top: 28px; } .rf-media { border-radius: var(--rf-r-lg); background: var(--rf-mist); box-shadow: var(--rf-shadow); position: relative; overflow: hidden; } .rf-media img, .rf-media video { object-fit: cover; width: 100%; height: 100%; display: block; } .rf-media-45 { aspect-ratio: 4 / 5; } .rf-media-11 { aspect-ratio: 1 / 1; } .rf-media-169 { aspect-ratio: 16 / 9; } .rf-btn { border-radius: var(--rf-r-pill); font-family: var(--rf-sans); letter-spacing: 0.01em; border: 1.5px solid rgba(0, 0, 0, 0); justify-content: center; align-items: center; gap: 10px; max-width: 100%; padding: 17px 34px; font-size: 15px; font-weight: 800; transition: transform 0.14s, background 0.2s, color 0.2s, border-color 0.2s; display: inline-flex; } .rf-btn:active { transform: scale(0.985); } .rf-btn-lg { padding: 20px 40px; font-size: 16px; } .rf-btn-block { width: 100%; } .rf-btn-primary { background: var(--rf-ink); color: rgb(255, 255, 255); } .rf-btn-primary:hover { background: rgb(0, 0, 0); } .rf-btn-gold { background: var(--rf-gold); color: var(--rf-ink); } .rf-btn-gold:hover { background: var(--rf-gold-deep); } .rf-btn-ghost { color: var(--rf-ink); background: 0px 0px; border-color: rgba(12, 22, 51, 0.22); } .rf-btn-ghost:hover { border-color: var(--rf-ink); background: rgba(12, 22, 51, 0.04); } .rf-dark .rf-btn-ghost { color: rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.4); } .rf-dark .rf-btn-ghost:hover { color: var(--rf-ink); background: rgb(255, 255, 255); border-color: rgb(255, 255, 255); } .rf-link { color: var(--rf-ink); border-bottom: 2px solid var(--rf-gold); align-items: center; gap: 8px; padding-bottom: 3px; font-size: 15px; font-weight: 800; display: inline-flex; } .rf-dark .rf-link { color: rgb(255, 255, 255); } .rf-tag { border-radius: var(--rf-r-pill); background: var(--rf-gold-pale); color: var(--rf-ink); letter-spacing: 0.02em; align-items: center; gap: 7px; padding: 7px 14px; font-size: 12.5px; font-weight: 800; display: inline-flex; } .rf-tag-quiet { background: rgba(12, 22, 51, 0.06); } .rf-dark .rf-tag { color: var(--rf-gold); background: rgba(245, 196, 94, 0.18); } .rf-grid { gap: clamp(14px, 2vw, 22px); display: grid; } .rf-grid-2 { grid-template-columns: repeat(2, 1fr); } .rf-grid-3 { grid-template-columns: 1fr; } .rf-grid-4 { grid-template-columns: repeat(2, 1fr); } @media (min-width: 760px) { .rf-grid-3 { grid-template-columns: repeat(3, 1fr); } .rf-grid-4 { grid-template-columns: repeat(4, 1fr); } } .rf-card { background: var(--rf-paper); border: 1px solid var(--rf-line); border-radius: var(--rf-r); padding: clamp(20px, 3vw, 28px); } .rf-card h3, .rf-card h4 { margin-bottom: 10px; } .rf-card p { font-size: 15.5px; line-height: 1.6; } .rf-cream .rf-card { border-color: rgba(12, 22, 51, 0.08); } .rf-dark .rf-card { border-color: var(--rf-line-dark); background: rgba(255, 255, 255, 0.05); } .rf-card-ico { background: var(--rf-deep); width: 46px; height: 46px; color: var(--rf-gold); border-radius: 50%; justify-content: center; align-items: center; margin-bottom: 18px; display: inline-flex; } .rf-dark .rf-card-ico { background: var(--rf-gold); color: var(--rf-deep); } .rf-step-head { align-items: center; gap: 14px; margin-bottom: 20px; display: flex; } .rf-step-num { background: var(--rf-ink); color: rgb(255, 255, 255); border-radius: 50%; flex: 0 0 auto; justify-content: center; align-items: center; width: 30px; height: 30px; font-size: 14px; font-weight: 800; display: inline-flex; } .rf-step-head h3 { font-size: clamp(18px, 2.2vw, 22px); } .rf-swap { grid-template-columns: 1fr; align-items: center; gap: 18px; display: grid; } @media (min-width: 820px) { .rf-swap { grid-template-columns: 1fr auto 1fr; gap: clamp(20px, 3vw, 40px); } } .rf-swap-side { text-align: center; } .rf-swap-side .rf-media { margin-bottom: 18px; } .rf-swap-side h3 { margin-bottom: 8px; font-size: clamp(19px, 2.4vw, 24px); } .rf-swap-side p { font-size: 15.5px; } .rf-swap-now .rf-media { box-shadow: var(--rf-shadow-lg); outline: 2px solid var(--rf-gold); outline-offset: 6px; } .rf-swap-arrow { background: var(--rf-gold); width: 54px; height: 54px; color: var(--rf-ink); border-radius: 50%; justify-content: center; align-items: center; margin: 0px auto; display: flex; transform: rotate(90deg); } @media (min-width: 820px) { .rf-swap-arrow { transform: none; } } .rf-strip { padding: 22px var(--rf-gutter); background: var(--rf-ink); color: var(--rf-text-light); letter-spacing: 0.12em; text-transform: uppercase; flex-wrap: wrap; justify-content: center; gap: 10px 28px; font-size: 13px; font-weight: 800; display: flex; } .rf-strip span { align-items: center; gap: 8px; display: inline-flex; } .rf-strip svg { color: var(--rf-gold); } .rf-rating { color: var(--rf-text-2); align-items: center; gap: 10px; font-size: 14.5px; font-weight: 700; display: inline-flex; } .rf-dark .rf-rating { color: rgba(231, 236, 247, 0.9); } .rf :focus-visible { outline: 3px solid var(--rf-gold); outline-offset: 3px; border-radius: 6px; } @media (prefers-reduced-motion: reduce) { .rf *, .rf ::before, .rf ::after { transition-duration: 0.001ms !important; animation-duration: 0.001ms !important; } } :scope { --ink: #0c1633; --primary: #1b4460; --primary-2: #1f3672; --secondary: #6e8bd6; --accent: #f5c45e; --accent-soft: #fbe6b8; --bg-light: #f3f6fc; --cream: #fbf6ec; --surface: #fff; --text-dark: #0c1633; --text-muted: #6a7488; --text-light: #e7ecf7; --success: #4fb286; --danger: #e5705b; --border: #e6eaf2; --border-dark: #e7ecf724; --font-display: var(--font-fredoka), "Fredoka", ui-rounded, "Segoe UI", system-ui, sans-serif; --font-sans: var(--font-nunito), "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --container: 1280px; --radius: 16px; --radius-sm: 10px; --radius-lg: 26px; --shadow-sm: 0 1px 2px #0c16330d; --shadow: 0 8px 30px -12px #0c163329; --shadow-lg: 0 30px 70px -24px #0c16334d; } * { box-sizing: border-box; } html, body { margin: 0px; padding: 0px; } body { font-family: var(--font-sans); background: var(--surface); color: var(--text-dark); -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; font-size: 16px; line-height: 1.55; } img { max-width: 100%; display: block; } button { font: inherit; cursor: pointer; color: inherit; background: 0px 0px; border: 0px; } a { color: inherit; text-decoration: none; } input, textarea, select { font: inherit; color: inherit; } ::selection { background: var(--ink); color: rgb(255, 255, 255); } h1, h2, h3, h4 { font-family: var(--font-display); letter-spacing: -0.01em; color: var(--ink); margin: 0px; font-weight: 600; line-height: 1.06; } h1 { font-size: clamp(30px, 5.4vw, 74px); font-weight: 700; } h2 { font-size: clamp(23px, 4vw, 52px); } h3 { font-size: clamp(18.5px, 2.4vw, 29px); } h1 em, h2 em, h3 em { color: var(--primary-2); font-style: normal; font-weight: 700; } .ln-section-dark h1 em, .ln-section-dark h2 em, .ln-section-dark h3 em { color: var(--accent); } .ln-lead { color: var(--text-muted); font-size: 18px; line-height: 1.6; } .ln-section-dark .ln-lead { color: var(--text-light); opacity: 0.82; } .ln-section { padding: 92px 28px; } .ln-section-tight { padding: 60px 28px; } .ln-section-dark { background: var(--primary); color: var(--text-light); } .ln-section-dark h1, .ln-section-dark h2, .ln-section-dark h3, .ln-section-dark h4 { color: rgb(255, 255, 255); } .ln-section-soft { background: var(--bg-light); } .ln-section-cream { background: var(--cream); } .ln-container { max-width: var(--container); margin: 0px auto; } .ln-container-narrow { max-width: 860px; margin: 0px auto; } .ln-eyebrow { letter-spacing: 0.22em; text-transform: uppercase; color: var(--text-muted); font-size: 12px; font-weight: 700; } .ln-section-dark .ln-eyebrow { color: var(--accent); } .ln-center { text-align: center; } .ln-btn { letter-spacing: 0.06em; border: 1.5px solid rgba(0, 0, 0, 0); border-radius: 999px; justify-content: center; align-items: center; gap: 10px; max-width: 100%; padding: 16px 30px; font-size: 13.5px; font-weight: 800; transition: transform 0.15s, background 0.2s, color 0.2s, box-shadow 0.2s; display: inline-flex; } .ln-btn:active { transform: scale(0.985); } .ln-btn-primary { background: var(--ink); color: rgb(255, 255, 255); box-shadow: var(--shadow); } .ln-btn-primary:hover { background: rgb(0, 0, 0); } .ln-btn-accent { background: var(--accent); color: var(--ink); } .ln-btn-accent:hover { background: rgb(236, 180, 68); } .ln-btn-inverse { color: var(--ink); background: rgb(255, 255, 255); } .ln-btn-inverse:hover { background: var(--accent-soft); } .ln-btn-ghost { color: var(--ink); border-color: var(--ink); background: 0px 0px; } .ln-btn-ghost:hover { background: var(--ink); color: rgb(255, 255, 255); } .ln-btn-ghost-light { color: rgb(255, 255, 255); background: 0px 0px; border-color: rgba(255, 255, 255, 0.5); } .ln-btn-ghost-light:hover { color: var(--ink); background: rgb(255, 255, 255); } .ln-btn-block { width: 100%; } .ln-btn-lg { padding: 19px 36px; font-size: 14.5px; } .ln-chip { background: var(--accent-soft); color: var(--primary-2); letter-spacing: 0.02em; border-radius: 999px; align-items: center; gap: 8px; padding: 7px 14px; font-size: 12.5px; font-weight: 800; display: inline-flex; } .ln-section-dark .ln-chip { color: var(--accent); background: rgba(245, 196, 94, 0.16); } .ln-stars { color: var(--accent); gap: 2px; display: inline-flex; } .ln-stars svg { fill: currentcolor; width: 16px; height: 16px; } .ln-judgeme { --jdgm-primary-color: var(--ink); --jdgm-secondary-color: var(--primary-2); --jdgm-star-color: var(--accent); color: var(--text-dark); font-family: var(--font-sans); } .ln-judgeme-title { text-align: center; margin-bottom: 28px; } .ln-judgeme .jdgm-rev-widg { border: 0px; padding: 0px; } .ln-judgeme .jdgm-rev-widg__title { color: var(--ink); font-family: var(--font-display); font-size: clamp(25px, 3vw, 38px); font-weight: 700; } .ln-judgeme .jdgm-star, .ln-judgeme .jdgm-histogram .jdgm-star { color: var(--accent) !important; } .ln-judgeme .jdgm-histogram__bar-content { background: var(--primary-2) !important; } .ln-judgeme .jdgm-rev-widg__summary-text, .ln-judgeme .jdgm-rev__body, .ln-judgeme .jdgm-rev__author, .ln-judgeme .jdgm-sort-dropdown, .ln-judgeme .jdgm-sort-dropdown-arrow { color: var(--ink) !important; } .ln-judgeme .jdgm-write-rev-link, .ln-judgeme .jdgm-btn, .ln-judgeme input[type="submit"].jdgm-btn { letter-spacing: 0.04em; box-shadow: var(--shadow); justify-content: center; align-items: center; transition: transform 0.15s, background 0.2s; border: 1.5px solid var(--ink) !important; background: var(--ink) !important; color: rgb(255, 255, 255) !important; font-family: var(--font-sans) !important; border-radius: 999px !important; padding: 14px 28px !important; font-size: 13.5px !important; font-weight: 800 !important; display: inline-flex !important; } .ln-judgeme .jdgm-write-rev-link:hover, .ln-judgeme .jdgm-btn:hover, .ln-judgeme input[type="submit"].jdgm-btn:hover { background: rgb(0, 0, 0) !important; } .ln-judgeme .jdgm-all-reviews__header { box-shadow: var(--shadow-sm); grid-template-columns: minmax(170px, 0.8fr) minmax(300px, 1.35fr) auto; grid-template-areas: "summary histogram button" "gallery gallery gallery"; border: 1px solid var(--border) !important; border-radius: var(--radius-lg) !important; background: var(--cream) !important; align-items: center !important; gap: 22px 42px !important; margin-bottom: 24px !important; padding: clamp(20px, 3vw, 34px) !important; display: grid !important; } .ln-judgeme .jdgm-all-reviews__summary { grid-area: summary; text-align: center !important; width: auto !important; height: auto !important; } .ln-judgeme .jdgm-histogram { grid-area: histogram; justify-self: center; width: 100% !important; max-width: 360px !important; height: auto !important; } .ln-judgeme .jdgm-histogram__row { height: 24px !important; min-height: 24px !important; } .ln-judgeme .jdgm-write-rev-link { grid-area: button; min-width: 164px; align-self: center !important; width: auto !important; height: 48px !important; min-height: 48px !important; max-height: 48px !important; padding: 0px 24px !important; } .ln-judgeme .jdgm-gallery-wrapper, .ln-judgeme .jdgm-gallery { grid-area: gallery; } .ln-judgeme .jdgm-subtab, .ln-judgeme .jdgm-medals-wrapper, .ln-judgeme .jdgm-rev__prod-info-wrapper { display: none !important; } .ln-judgeme .jdgm-all-reviews__body { display: block; } .ln-judgeme .jdgm-all-reviews__body > .jdgm-rev { border-top: 0px !important; border-right: 0px !important; border-left: 0px !important; border-image: none !important; border-bottom: 1px solid var(--border) !important; box-shadow: none !important; background: rgb(255, 255, 255) !important; border-radius: 0px !important; margin: 0px !important; padding: 28px 4px !important; } .ln-judgeme .jdgm-rev__header { grid-template-columns: 38px minmax(0px, 1fr) auto; grid-template-areas: "avatar rating date" "avatar author author"; align-items: center; column-gap: 12px; min-height: 44px; display: grid !important; } .ln-judgeme .jdgm-rev__icon { grid-area: avatar; background: var(--cream) !important; width: 38px !important; height: 38px !important; color: var(--ink) !important; border: 0px !important; border-radius: 50% !important; font-weight: 800 !important; } .ln-judgeme .jdgm-rev__rating { grid-area: rating; } .ln-judgeme .jdgm-rev__timestamp { grid-area: date; justify-self: end; } .ln-judgeme .jdgm-rev__author-wrapper { grid-area: author; line-height: 1.35; display: block !important; } .ln-judgeme .jdgm-rev__br { display: none !important; } .ln-judgeme .jdgm-rev__content, .ln-judgeme .jdgm-rev__pics, .ln-judgeme .jdgm-rev__vids, .ln-judgeme .jdgm-rev__actions, .ln-judgeme .jdgm-rev__reply { margin-left: 50px !important; } .ln-judgeme .jdgm-rev__body p { margin: 10px 0px 0px !important; font-size: 16px !important; line-height: 1.65 !important; } .ln-judgeme .jdgm-rev__author { font-weight: 800 !important; } .ln-judgeme .jdgm-rev-widg__sort-wrapper, .ln-judgeme .jdgm-rev, .ln-judgeme .jdgm-form-wrapper { border-color: var(--border) !important; } .ln-judgeme .jdgm-rev { padding-block: 28px; } .ln-judgeme .jdgm-rev__timestamp, .ln-judgeme .jdgm-rev__buyer-badge-wrapper, .ln-judgeme .jdgm-rev__source { color: var(--text-muted) !important; } .ln-judgeme .jdgm-form-wrapper { border-radius: var(--radius-lg); background: var(--bg-light); margin-top: 28px; border: 1px solid var(--border) !important; padding: clamp(20px, 4vw, 36px) !important; } .ln-judgeme .jdgm-form__title { color: var(--ink); font-family: var(--font-display); font-size: 24px; } .ln-judgeme .jdgm-form input:not([type="submit"]):not([type="file"]), .ln-judgeme .jdgm-form textarea { border: 1.5px solid var(--border) !important; border-radius: var(--radius-sm) !important; background: rgb(255, 255, 255) !important; } .ln-judgeme .jdgm-form input:focus, .ln-judgeme .jdgm-form textarea:focus { outline: 3px solid var(--secondary); border-color: var(--primary-2) !important; } @supports (color:color-mix(in lab, red, red)) { .ln-judgeme .jdgm-form input:focus, .ln-judgeme .jdgm-form textarea:focus { outline: 3px solid color-mix(in srgb, var(--secondary) 20%, transparent); } } @media (max-width: 767px) { .ln-judgeme .jdgm-rev-widg__title { margin-bottom: 24px; } .ln-judgeme .jdgm-form-wrapper { padding: 20px 16px !important; } .ln-judgeme .jdgm-all-reviews__header { grid-template-columns: 1fr; grid-template-areas: "summary" "histogram" "button" "gallery"; gap: 20px !important; padding: 20px 16px !important; display: grid !important; } .ln-judgeme .jdgm-write-rev-link { width: 100% !important; } .ln-judgeme .jdgm-rev__content, .ln-judgeme .jdgm-rev__pics, .ln-judgeme .jdgm-rev__vids, .ln-judgeme .jdgm-rev__actions, .ln-judgeme .jdgm-rev__reply { margin-left: 0px !important; } } .jm-reviews { max-width: 1280px; color: var(--ink); margin: 0px auto; } .jm-reviews > h2 { text-align: center; margin-bottom: 34px; } .jm-intro { color: var(--text-muted); text-align: center; margin: 10px 0px 34px; } .jm-summary { border: 1px solid var(--border); background: var(--cream); border-radius: 20px; grid-template-columns: minmax(180px, 0.8fr) minmax(280px, 1.25fr) minmax(170px, 0.7fr); align-items: center; gap: 36px; padding: 28px 34px; display: grid; } .jm-score { text-align: center; justify-items: center; gap: 4px; display: grid; } .jm-score strong { font-size: 18px; } .jm-stars { gap: 1px; line-height: 1; display: inline-flex; } .jm-star-on { color: var(--accent); } .jm-star-off { color: rgb(217, 221, 229); } .jm-histogram { gap: 5px; display: grid; } .jm-histogram button { width: 100%; color: var(--text-muted); border-radius: 6px; grid-template-columns: 38px 1fr; align-items: center; gap: 9px; padding: 2px 5px; font-size: 12px; display: grid; } .jm-histogram button:hover, .jm-histogram button.is-active { color: var(--ink); background: rgb(255, 255, 255); } .jm-bar { background: rgb(228, 231, 237); border-radius: 99px; height: 8px; overflow: hidden; } .jm-bar > span { border-radius: inherit; background: var(--primary-2); height: 100%; display: block; } .jm-write, .jm-more { border: 1px solid var(--ink); background: var(--ink); color: rgb(255, 255, 255); letter-spacing: 0.025em; border-radius: 999px; justify-content: center; align-items: center; min-height: 46px; padding: 0px 23px; font-size: 13px; font-weight: 800; display: inline-flex; } .jm-write:hover, .jm-more:hover { background: var(--primary-2); } .jm-toolbar { border-bottom: 1px solid var(--border); color: var(--text-muted); justify-content: space-between; align-items: center; margin: 24px 0px 18px; padding-bottom: 14px; font-size: 13px; display: flex; } .jm-toolbar select { border: 1px solid var(--border); min-width: 180px; color: var(--ink); background: rgb(255, 255, 255); border-radius: 9px; padding: 9px 34px 9px 12px; } .jm-grid { grid-template-columns: repeat(5, minmax(0px, 1fr)); align-items: stretch; gap: 14px; display: grid; } .jm-card { border: 1px solid var(--border); min-width: 0px; box-shadow: var(--shadow-sm); background: rgb(255, 255, 255); border-radius: 16px; flex-direction: column; padding: 15px; display: flex; overflow: hidden; } .jm-author-row { align-items: center; gap: 9px; display: flex; } .jm-avatar { background: rgb(237, 241, 248); border-radius: 50%; flex: 0 0 36px; justify-content: center; align-items: center; width: 36px; height: 36px; font-size: 13px; font-weight: 800; display: inline-flex; } .jm-author { gap: 4px; min-width: 0px; display: grid; } .jm-author strong { text-overflow: ellipsis; white-space: nowrap; font-size: 13px; overflow: hidden; } .jm-verified { color: rgb(40, 122, 91); background: rgb(237, 248, 243); border-radius: 5px; align-self: flex-start; align-items: center; gap: 4px; margin-top: 9px; padding: 3px 7px; font-size: 10px; font-weight: 800; display: inline-flex; } .jm-verified > span { color: rgb(255, 255, 255); background: rgb(72, 169, 130); border-radius: 50%; justify-content: center; align-items: center; width: 13px; height: 13px; display: inline-flex; } .jm-readmore { color: var(--primary-2); cursor: pointer; background: 0px 0px; border: 0px; align-self: flex-start; margin: -6px 0px 12px; padding: 0px; font-size: 13px; font-weight: 600; } .jm-readmore:hover { text-decoration: underline; } .jm-modal-card.is-text .jm-close { border-color: var(--border); color: var(--ink); box-shadow: var(--shadow-sm); background: rgb(255, 255, 255); } .jm-card > p { color: rgb(55, 65, 81); -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin: 12px 0px; font-size: 13px; line-height: 1.55; display: -webkit-box; overflow: hidden; } .jm-photo { background: var(--bg-light); aspect-ratio: 1 / 1; border-radius: 11px; width: 100%; margin-top: auto; overflow: hidden; } .jm-photo img { object-fit: cover; width: 100%; height: 100%; transition: transform 0.2s; } .jm-photo:hover img { transform: scale(1.025); } .jm-video { background: var(--ink); position: relative; } .jm-video:not(:has(img))::before { content: ""; background: radial-gradient(circle at 50% 38%, #33436f 0, var(--ink) 68%); position: absolute; inset: 0px; } .jm-play { width: 48px; height: 48px; color: var(--ink); background: rgba(255, 255, 255, 0.94); border-radius: 50%; place-items: center; padding-left: 3px; font-size: 18px; display: grid; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: rgba(4, 10, 28, 0.28) 0px 6px 24px; } .jm-more { color: var(--ink); background: rgb(255, 255, 255); margin: 28px auto 0px; display: flex; } .jm-more:hover { color: rgb(255, 255, 255); } .jm-modal { z-index: 160; width: 100%; height: 100dvh; padding: max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left)); backdrop-filter: blur(5px); background: rgba(5, 10, 25, 0.72); place-items: center; display: grid; position: fixed; inset: 0px; overflow: hidden; } .jm-modal-card { width: min(430px, 100%); min-height: 0px; max-height: 100%; box-shadow: var(--shadow-lg); background: rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 20px; flex-direction: column; display: flex; position: relative; overflow: hidden; } .jm-modal-card.is-video { width: min(340px, 88vw); } .jm-modal-video { aspect-ratio: 4 / 5; background: rgb(5, 9, 22); flex: 0 1 auto; width: 100%; overflow: hidden; } .jm-modal-video video { object-fit: contain; background: rgb(5, 9, 22); border: 0px; width: 100%; height: 100%; display: block; } .jm-modal-photo { background: var(--bg-light); aspect-ratio: 1 / 1; flex: 0 1 auto; width: 100%; overflow: hidden; } .jm-modal-photo img { object-fit: cover; width: 100%; height: 100%; display: block; } .jm-modal-card > .jm-modal-body { overscroll-behavior: contain; flex: 1 1 auto; gap: 9px; min-height: 0px; padding: 20px; display: grid; overflow-y: auto; } .jm-modal-card p { color: rgb(55, 65, 81); margin: 4px 0px 0px; font-size: 14px; line-height: 1.6; } .jm-close { z-index: 2; color: rgb(255, 255, 255); backdrop-filter: blur(5px); background: rgba(12, 22, 51, 0.9); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; place-items: center; width: 42px; height: 42px; font-size: 25px; line-height: 1; display: grid; position: absolute; top: 10px; right: 10px; box-shadow: rgba(0, 0, 0, 0.24) 0px 5px 16px; } .review-submit-section { background: linear-gradient(rgb(247, 249, 253) 0%, rgb(255, 255, 255) 72%); padding-top: 0px; padding-bottom: 72px; position: relative; } .review-page-hero { padding-block: 64px 78px; } .jm-form-only { z-index: 2; scroll-margin-top: 120px; position: relative; } .jm-buyer-gated-widget { opacity: 0; pointer-events: none; width: 680px; height: 1px; position: absolute; top: 0px; left: -10000px; overflow: hidden; } .jm-buyer-gate-shell.is-verified .jm-buyer-gated-widget { opacity: 1; pointer-events: auto; width: auto; height: auto; margin-bottom: -34px; position: static; overflow: visible; transform: translateY(-34px); } .jm-buyer-gate { text-align: left; background: rgb(255, 255, 255); border: 1px solid rgb(220, 227, 240); border-radius: 24px; width: min(680px, 100%); margin: 0px auto -34px; padding: clamp(26px, 5vw, 44px); display: grid; position: relative; overflow: hidden; transform: translateY(-34px); box-shadow: rgba(12, 22, 51, 0.42) 0px 22px 60px -30px; } .jm-buyer-gate::before { content: ""; background: linear-gradient(90deg, var(--accent), #f8db91, var(--primary-2)); height: 5px; position: absolute; inset: 0px 0px auto; } .jm-buyer-gate-stars { color: var(--accent); letter-spacing: 3px; font-size: 23px; line-height: 1; } .jm-buyer-gate-kicker { color: var(--primary-2); letter-spacing: 0.1em; text-transform: uppercase; margin-top: 13px; font-size: 11px; font-weight: 900; } .jm-buyer-gate h2 { color: var(--ink); margin: 7px 0px 10px; font-size: clamp(25px, 4vw, 34px); line-height: 1.15; } .jm-buyer-gate > p { max-width: 590px; color: var(--text-muted); margin: 0px 0px 21px; font-size: 15px; line-height: 1.6; } .jm-buyer-gate-perks { flex-wrap: wrap; gap: 8px; margin-bottom: 25px; display: flex; } .jm-buyer-gate-perks span { color: var(--text-muted); background: rgb(247, 249, 253); border: 1px solid rgb(228, 233, 242); border-radius: 999px; padding: 7px 11px; font-size: 12px; } .jm-buyer-gate-perks b { color: var(--ink); } .jm-buyer-gate label { color: var(--ink); margin-bottom: 7px; font-size: 13px; font-weight: 800; } .jm-buyer-gate-fields { grid-template-columns: minmax(0px, 1fr) auto; gap: 10px; display: grid; } .jm-buyer-gate input { border: 1.5px solid var(--border); width: 100%; min-height: 52px; color: var(--ink); font: inherit; background: rgb(255, 255, 255); border-radius: 12px; padding: 0px 15px; } .jm-buyer-gate input:focus { border-color: var(--primary-2); outline: 3px solid var(--secondary); } @supports (color:color-mix(in lab, red, red)) { .jm-buyer-gate input:focus { outline: 3px solid color-mix(in srgb, var(--secondary) 20%, transparent); } } .jm-buyer-gate-fields .ln-btn { white-space: nowrap; min-height: 52px; } .jm-buyer-gate small { color: var(--text-muted); text-align: center; margin-top: 13px; font-size: 11.5px; line-height: 1.5; } .jm-buyer-gate .jm-buyer-gate-error { color: var(--danger,#b42318); margin: 12px 0px 0px; font-size: 13px; font-weight: 700; } .jm-buyer-gate-success { width: min(760px, 100%); margin: 0px auto 18px; padding-top: 28px; transform: translateY(-34px); } .jm-buyer-gate-confirmed { color: rgb(22, 101, 52); justify-content: center; align-items: center; gap: 8px; margin: 0px; font-size: 16px; font-weight: 900; display: flex; } .jm-buyer-gate-confirmed > span { background: rgb(220, 252, 231); border-radius: 50%; place-items: center; width: 23px; height: 23px; display: grid; } .jm-buyer-gate-note { color: var(--text-muted); text-align: center; margin: 8px 0px 18px; font-size: 14px; } .jm-buyer-gated-widget .jdgm-write-rev-link { box-shadow: rgba(12, 22, 51, 0.5) 0px 12px 26px -16px; border-radius: 999px !important; min-width: 230px !important; padding: 14px 24px !important; font-size: 14px !important; font-weight: 900 !important; } .jm-form-only .jdgm-rev-widg__reviews, .jm-form-only .jdgm-paginate, .jm-form-only .jdgm-rev-widg__sort-wrapper, .jm-form-only .jdgm-rev-widg__title, .jm-form-only .jdgm-rev-widg__summary, .jm-form-only .jdgm-histogram { display: none !important; } @media (max-width: 1023px) { .jm-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)); } } @media (max-width: 767px) { .review-page-hero { padding: 27px 18px 36px; } .review-page-hero .ln-eyebrow { margin-bottom: 9px; } .review-page-hero h1 { margin-bottom: 8px; } .review-page-hero > div > p:last-child { font-size: 14px; line-height: 1.5; } .review-submit-section { padding-inline: 15px; padding-bottom: 54px; } .jm-buyer-gate { border-radius: 19px; margin-bottom: -98px; padding: 23px 20px; transform: translateY(-98px); } .jm-buyer-gate-fields { grid-template-columns: 1fr; } .jm-buyer-gate-fields .ln-btn { width: 100%; } .jm-buyer-gate-stars { font-size: 20px; } .jm-buyer-gate-kicker { margin-top: 10px; } .jm-buyer-gate h2 { margin-top: 5px; font-size: 25px; } .jm-buyer-gate > p { margin-bottom: 15px; font-size: 14px; line-height: 1.5; } .jm-buyer-gate-perks { gap: 6px; margin-bottom: 17px; } .jm-buyer-gate-perks span { padding: 6px 9px; font-size: 11px; } .jm-buyer-gate-perks span:nth-child(3) { display: none; } .jm-reviews > h2, .jm-intro { margin-bottom: 24px; } .jm-summary { grid-template-columns: 1fr; gap: 20px; padding: 22px 18px; } .jm-write { width: 100%; } .jm-toolbar { flex-direction: column; align-items: stretch; gap: 9px; } .jm-toolbar select { width: 100%; } .jm-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; } .jm-card { padding: 12px; } } @media (max-width: 360px) { .review-page-hero > div > p:last-child { display: none; } .review-submit-section { padding-inline: 10px; } .jm-buyer-gate { padding: 21px 16px; } .jm-buyer-gate h2 { font-size: 24px; } .jm-buyer-gate-perks { display: none; } } .ln-topbar { background: var(--ink); color: rgb(255, 255, 255); letter-spacing: 0.03em; text-align: center; padding: 11px 16px; font-size: 12.5px; font-weight: 600; } .ln-topbar .dot { background: var(--accent); opacity: 0.85; vertical-align: middle; border-radius: 50%; width: 4px; height: 4px; margin: 0px 14px; display: inline-block; } html.lpn-promo-on body { padding-top: var(--lpn-promo-h,0); } html.lpn-promo-on .ln-header { top: var(--lpn-promo-h,0); } html.lpn-promo-on .pp-gallery { top: calc(96px + var(--lpn-promo-h,0)); } .ln-header { z-index: 50; backdrop-filter: saturate(140%) blur(8px); border-bottom: 1px solid var(--border); background: rgba(255, 255, 255, 0.92); position: sticky; top: 0px; } .ln-header-inner { max-width: var(--container); grid-template-columns: minmax(max-content, 1fr) auto minmax(max-content, 1fr); align-items: center; gap: 24px; margin: 0px auto; padding: 16px 28px; display: grid; } .ln-header-left { align-items: center; gap: 16px; min-width: 0px; display: flex; } .ln-nav { align-items: center; gap: 18px; font-size: 13.5px; font-weight: 700; display: flex; } .ln-nav a, .ln-nav-trigger { white-space: nowrap; } .ln-nav a { color: var(--text-dark); transition: color 0.15s; } .ln-nav a:hover { color: var(--secondary); } .ln-nav-group { align-items: center; display: flex; position: relative; } .ln-nav-trigger { font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; color: var(--text-dark); cursor: pointer; background: 0px 0px; border: 0px; align-items: center; gap: 6px; padding: 0px; font-weight: 700; display: inline-flex; } .ln-nav-trigger:hover { color: var(--secondary); } .ln-nav-chevron { width: 12px; height: 12px; transition: transform 0.15s; } .ln-nav-group:hover .ln-nav-chevron, .ln-nav-group:focus-within .ln-nav-chevron { transform: rotate(180deg); } .ln-nav-menu { border: 1px solid var(--border); border-radius: var(--radius); min-width: 220px; box-shadow: var(--shadow-lg); opacity: 0; visibility: hidden; z-index: 60; background: rgb(255, 255, 255); gap: 2px; padding: 8px; transition: opacity 0.16s, transform 0.16s; display: grid; position: absolute; top: calc(100% + 14px); left: 50%; transform: translate(-50%) translateY(6px); } .ln-nav-menu::before { content: ""; height: 14px; position: absolute; top: -14px; left: 0px; right: 0px; } .ln-nav-group:hover .ln-nav-menu, .ln-nav-group:focus-within .ln-nav-menu { opacity: 1; visibility: visible; transform: translate(-50%) translateY(0px); } .ln-nav-menu a { border-radius: var(--radius-sm); color: var(--text-dark); white-space: nowrap; padding: 11px 13px; font-size: 13.5px; font-weight: 700; display: block; } .ln-nav-menu a:hover { background: var(--bg-light); color: var(--secondary); } .ln-drawer-group { gap: 2px; display: grid; } .ln-drawer-group-label { letter-spacing: 0.16em; text-transform: uppercase; color: var(--text-muted); padding: 18px 6px 4px; font-size: 11.5px; font-weight: 800; } .ln-logo { font-family: var(--font-display); letter-spacing: -0.01em; color: var(--ink); white-space: nowrap; align-items: center; gap: 10px; font-size: 25px; font-weight: 600; line-height: 1; display: inline-flex; } .ln-logo-mark { width: 32px; height: 32px; color: var(--accent); justify-content: center; align-items: center; display: inline-flex; } .ln-logo-mark svg { width: 100%; height: 100%; } .ln-logo-text { font-weight: 700; } .ln-logo-avec-sous { align-items: flex-start; } .ln-logo-mots { flex-direction: column; align-items: flex-start; display: inline-flex; } .ln-logo .ln-logo-mots .ln-logo-sous { font-family: var(--font-sans); letter-spacing: 0px; margin-top: 0.1em; font-size: 0.6em; font-weight: 600; line-height: 1.1; } .ln-header-actions { justify-content: flex-end; align-items: center; gap: 18px; font-size: 13px; display: flex; } .ln-text-link { font-weight: 700; } .ln-text-link:hover { color: var(--secondary); } .ln-icon-btn { border-radius: 50%; justify-content: center; align-items: center; width: 40px; height: 40px; transition: background 0.15s; display: inline-flex; } .ln-icon-btn:hover { background: var(--bg-light); } .ln-icon-btn svg { width: 20px; height: 20px; } .ln-cart-btn { position: relative; } .ln-cart-badge { min-width: 18px; height: 18px; color: var(--ink); background: var(--accent); border: 2px solid var(--surface); border-radius: 999px; justify-content: center; align-items: center; padding: 0px 5px; font-size: 11px; font-weight: 800; line-height: 1; animation: 0.28s cubic-bezier(0.34, 1.56, 0.64, 1) 0s 1 normal none running ln-badge-in; display: inline-flex; position: absolute; top: -2px; right: -2px; } .ln-cart-btn.bump { animation: 0.6s ease 0s 1 normal none running ln-cart-bump; } @keyframes ln-badge-in { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes ln-cart-bump { 0% { transform: scale(1); } 30% { transform: scale(1.22) rotate(-8deg); } 55% { transform: scale(0.94) rotate(4deg); } 100% { transform: scale(1) rotate(0deg); } } @media (prefers-reduced-motion: reduce) { .ln-cart-badge, .ln-cart-btn.bump { animation: auto ease 0s 1 normal none running none; } } .ln-mobile-trigger { flex-shrink: 0; display: none; } @media (max-width: 1200px) { .ln-nav, .ln-header-actions .ln-text-link { display: none; } .ln-mobile-trigger { border-radius: 50%; justify-content: center; align-items: center; width: 40px; height: 40px; margin-left: -8px; display: inline-flex; } .ln-mobile-trigger svg { width: 22px; height: 22px; } .ln-header-inner { grid-template-columns: 1fr auto 1fr; gap: 12px; padding: 12px 16px; } .ln-header .ln-logo { font-size: 22px; } } @media (max-width: 600px) { .ln-header-inner { justify-content: space-between; gap: 8px; padding-inline: 12px; display: flex; } .ln-header-actions { gap: 6px; } .ln-header .ln-logo { gap: 6px; font-size: clamp(16px, 5vw, 22px); } .ln-header .ln-logo-mark { width: 24px; height: 24px; } .ln-header .ln-cart-btn { flex-shrink: 0; } } .ln-drawer-overlay { z-index: 90; opacity: 0; pointer-events: none; background: rgba(12, 22, 51, 0.5); transition: opacity 0.2s; position: fixed; inset: 0px; } .ln-drawer-overlay.open { opacity: 1; pointer-events: auto; } .ln-drawer { background: var(--surface); z-index: 100; width: min(82vw, 340px); height: 100dvh; box-shadow: var(--shadow-lg); flex-direction: column; padding: 22px; transition: transform 0.25s; display: flex; position: fixed; top: 0px; left: 0px; transform: translate(-100%); } .ln-drawer.open { transform: translate(0px); } .ln-drawer-head { flex: 0 0 auto; justify-content: space-between; align-items: center; margin-bottom: 28px; display: flex; } .ln-drawer-links { overscroll-behavior: contain; flex: 1 1 auto; gap: 4px; min-height: 0px; display: grid; overflow-y: auto; } .ln-drawer-links a { border-bottom: 1px solid var(--border); padding: 15px 6px; font-size: 16px; font-weight: 700; transition: opacity 0.15s; } .ln-drawer-links a:active { opacity: 0.55; } .ln-drawer-contact { text-align: center; background: var(--ink); color: rgb(255, 255, 255); letter-spacing: 0.06em; border-radius: 999px; flex: 0 0 auto; margin-top: 16px; padding: 16px; font-size: 13px; font-weight: 800; } .ln-footer { background: var(--primary); color: var(--text-light); padding: 92px 28px 32px; } .ln-footer-grid { max-width: var(--container); border-bottom: 1px solid var(--border-dark); grid-template-columns: 1.5fr 1fr 1fr 1.4fr; gap: 56px; margin: 0px auto; padding-bottom: 52px; display: grid; } .ln-footer-grid > * { min-width: 0px; } .ln-footer h4 { color: rgb(255, 255, 255); font-family: var(--font-sans); letter-spacing: 0.1em; text-transform: uppercase; margin: 0px 0px 20px; font-size: 13px; font-weight: 800; } .ln-footer-brand .ln-logo { color: rgb(255, 255, 255); margin-bottom: 18px; } .ln-footer-brand .ln-logo-mark { color: var(--accent); } .ln-footer-brand p { color: var(--text-light); opacity: 0.72; max-width: 320px; margin: 0px 0px 18px; font-size: 14px; line-height: 1.7; } .ln-footer-links { gap: 12px; margin: 0px; padding: 0px; list-style: none; display: grid; } .ln-footer-links a { color: var(--text-light); opacity: 0.78; font-size: 14px; transition: opacity 0.15s; } .ln-footer-links a:hover { opacity: 1; } .ln-newsletter { border: 1px solid var(--border-dark); background: rgba(255, 255, 255, 0.05); border-radius: 999px; gap: 0px; display: flex; overflow: hidden; } .ln-newsletter input { color: rgb(255, 255, 255); background: 0px 0px; border: 0px; outline: none; flex: 1 1 0%; min-width: 0px; padding: 14px 20px; font-size: 16px; } .ln-newsletter input::placeholder { color: rgba(231, 236, 247, 0.55); } .ln-newsletter button { background: var(--accent); color: var(--ink); padding: 0px 22px; font-size: 13px; font-weight: 800; } .ln-footer-bottom { max-width: var(--container); color: var(--text-light); opacity: 0.65; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 18px; margin: 0px auto; padding-top: 28px; font-size: 12.5px; display: flex; } .ln-paybadges { flex-wrap: wrap; align-items: center; gap: 6px; display: flex; } .ln-paybadges.center { justify-content: center; } .ln-paybadge { line-height: 0; display: inline-flex; } .ln-paybadge svg { border-radius: 4px; width: auto; height: 24px; display: block; } .ln-page-hero { background: var(--primary); color: var(--text-light); text-align: center; padding: 84px 28px 100px; position: relative; overflow: hidden; } .ln-page-hero h1 { color: rgb(255, 255, 255); margin-bottom: 16px; } .ln-page-hero .ln-eyebrow { color: var(--accent); margin-bottom: 22px; } .ln-page-hero p { max-width: 600px; color: var(--text-light); opacity: 0.82; margin: 0px auto; } .ln-breadcrumb { letter-spacing: 0.06em; color: var(--text-muted); max-width: var(--container); margin: 0px auto; padding: 22px 28px 0px; font-size: 12.5px; } .ln-breadcrumb a:hover { color: var(--ink); } .ln-breadcrumb .sep { opacity: 0.5; margin: 0px 8px; } .ln-prose { max-width: 760px; margin: 0px auto; padding: 64px 28px 96px; } .ln-prose h2 { margin: 34px 0px 12px; font-size: clamp(20px, 2.6vw, 32px); } .ln-prose h3 { margin: 28px 0px 10px; font-size: 20px; } .ln-prose p, .ln-prose li { color: var(--text-muted); font-size: 16px; line-height: 1.75; } .ln-prose ul { gap: 8px; margin: 0px 0px 16px; padding-left: 20px; display: grid; } .ln-prose a { color: var(--secondary); text-decoration: underline; } .ln-prose .updated { color: var(--text-muted); margin-bottom: 28px; font-size: 13px; } .ln-starfield { pointer-events: none; opacity: 0.9; position: absolute; inset: 0px; } .ln-star { opacity: 0.7; background: rgb(255, 255, 255); border-radius: 50%; animation: 4s ease-in-out 0s infinite normal none running ln-twinkle; position: absolute; } @keyframes ln-twinkle { 0%, 100% { opacity: 0.25; } 50% { opacity: 0.9; } } @media (prefers-reduced-motion: reduce) { .ln-star { animation: auto ease 0s 1 normal none running none; } } .hp-hero { color: var(--text-light); background: linear-gradient(165deg, rgb(22, 41, 90) 0%, rgb(12, 22, 51) 100%); padding: 80px 28px 110px; position: relative; overflow: hidden; } .hp-hero-grid { max-width: var(--container); z-index: 2; grid-template-columns: 1.05fr 1fr; align-items: center; gap: 60px; margin: 0px auto; display: grid; position: relative; } .hp-hero h1 { color: rgb(255, 255, 255); margin: 18px 0px 24px; font-size: clamp(32px, 6vw, 88px); line-height: 1.05; } .hp-hero h1 em { color: var(--accent); font-style: normal; } .hp-hero p { color: var(--text-light); opacity: 0.84; max-width: 480px; margin: 0px 0px 34px; font-size: 18px; line-height: 1.7; } .hp-hero-cta { flex-wrap: wrap; gap: 14px; display: flex; } .hp-hero-trust { color: var(--text-light); opacity: 0.86; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 32px; font-size: 13.5px; display: flex; } .hp-hero-media { aspect-ratio: 1 / 1; border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); position: relative; overflow: hidden; } .hp-marquee { background: var(--accent); color: var(--ink); white-space: nowrap; padding: 16px 0px; overflow: hidden; } .hp-marquee-track { font-family: var(--font-display); gap: 48px; font-size: 22px; font-weight: 600; animation: 32s linear 0s infinite normal none running hp-scroll; display: inline-flex; } .hp-marquee-track span::before { content: "✦"; opacity: 0.5; margin-right: 48px; font-style: normal; } @keyframes hp-scroll { 100% { transform: translate(-50%); } } @media (prefers-reduced-motion: reduce) { .hp-marquee-track { animation: auto ease 0s 1 normal none running none; } } .hp-featured-inner { max-width: var(--container); grid-template-columns: 1fr 1fr; align-items: center; gap: 56px; margin: 0px auto; display: grid; } .hp-featured-media { background: var(--bg-light); border-radius: var(--radius-lg); aspect-ratio: 4 / 5; position: relative; overflow: hidden; } .hp-feat-list { gap: 12px; margin: 0px 0px 32px; display: grid; } .hp-feat-list .row { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-sm); box-shadow: var(--shadow-sm); align-items: center; gap: 12px; padding: 14px 18px; font-size: 14.5px; font-weight: 600; display: flex; } .hp-feat-list .row svg { width: 20px; height: 20px; color: var(--secondary); flex: 0 0 20px; } .hp-price-row { align-items: baseline; gap: 12px; margin-bottom: 24px; display: flex; } .hp-price-row .new { font-family: var(--font-display); color: var(--ink); font-size: 40px; line-height: 1; } .hp-price-row .old { color: var(--text-muted); text-decoration: line-through; } .hp-steps-grid { max-width: var(--container); grid-template-columns: repeat(3, 1fr); gap: 28px; margin: 48px auto 0px; display: grid; } .hp-step { text-align: center; } .hp-step-num { background: var(--accent-soft); width: 52px; height: 52px; color: var(--primary-2); font-family: var(--font-display); border-radius: 50%; justify-content: center; align-items: center; margin: 0px auto 18px; font-size: 24px; display: flex; } .hp-numbers-grid { max-width: var(--container); text-align: center; grid-template-columns: repeat(4, 1fr); gap: 32px; margin: 0px auto; display: grid; } .hp-num .big { font-family: var(--font-display); color: rgb(255, 255, 255); margin-bottom: 6px; font-size: clamp(44px, 5vw, 70px); line-height: 1; } .hp-num small { color: var(--text-light); opacity: 0.7; font-size: 14px; } .hp-press-row { font-family: var(--font-display); color: var(--text-muted); opacity: 0.78; flex-wrap: wrap; justify-content: center; align-items: center; gap: 50px; font-size: 22px; display: flex; } .hp-press-row span { font-weight: 600; } .ln-benefits-grid { max-width: var(--container); grid-template-columns: repeat(3, 1fr); gap: 22px; margin: 48px auto 0px; display: grid; } .ln-benefit-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-sm); padding: 30px 26px; transition: transform 0.2s, box-shadow 0.2s; } .ln-benefit-card:hover { box-shadow: var(--shadow); transform: translateY(-4px); } .ln-benefit-ico { background: var(--bg-light); width: 50px; height: 50px; color: var(--secondary); border-radius: 14px; justify-content: center; align-items: center; margin-bottom: 18px; display: flex; } .ln-benefit-ico svg { width: 26px; height: 26px; } .ln-benefit-card h3 { margin-bottom: 8px; font-size: 20px; } .ln-benefit-card p { color: var(--text-muted); margin: 0px; font-size: 14.5px; line-height: 1.65; } .pp-wrap { max-width: var(--container); grid-template-columns: 1.05fr 0.95fr; align-items: start; gap: 56px; margin: 0px auto; padding: 40px 28px; display: grid; } .pp-gallery { gap: 14px; display: grid; position: sticky; top: 96px; } .pp-stage-wrap { position: relative; } .pp-stage { scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; align-items: flex-start; gap: 12px; display: flex; overflow: auto hidden; } .pp-stage::-webkit-scrollbar { display: none; } .pp-slide { aspect-ratio: 1 / 1; scroll-snap-align: start; border-radius: var(--radius-lg); background: var(--bg-light); flex: 0 0 88%; position: relative; overflow: hidden; box-shadow: rgba(12, 22, 51, 0.08) 0px 0px 0px 1px inset, rgba(12, 22, 51, 0.05) 0px 1px 5px; } .pp-slide .pp-img, .pp-slide img { object-fit: cover; width: 100%; height: 100%; display: block; } .pp-stage-arrow { backdrop-filter: blur(6px); z-index: 4; width: 42px; height: 42px; box-shadow: var(--shadow); color: var(--ink); cursor: pointer; background: rgba(255, 255, 255, 0.9); border-radius: 50%; justify-content: center; align-items: center; transition: background 0.15s; display: none; position: absolute; top: 50%; transform: translateY(-50%); } .pp-stage-arrow:hover { background: rgb(255, 255, 255); } .pp-stage-arrow.prev { left: 14px; } .pp-stage-arrow.next { right: 14px; } .pp-stage-arrow svg { width: 18px; height: 18px; } @media (min-width: 1024px) { .pp-stage-arrow { display: flex; } } .pp-thumbs { scrollbar-width: thin; gap: 10px; margin-top: 4px; padding-bottom: 4px; display: flex; overflow-x: auto; } .pp-thumbs::-webkit-scrollbar { height: 4px; } .pp-thumbs::-webkit-scrollbar-thumb { background: var(--border); border-radius: 99px; } .pp-thumb { aspect-ratio: 1 / 1; background: var(--bg-light); cursor: pointer; border: 2px solid rgba(0, 0, 0, 0); border-radius: 12px; flex: 0 0 82px; padding: 0px; transition: border-color 0.15s; position: relative; overflow: hidden; } .pp-thumb.active { border-color: var(--ink); } .pp-thumb .pp-img, .pp-thumb img { object-fit: cover; width: 100%; height: 100%; display: block; } .pp-info { gap: 0px; display: grid; } .pp-rating-row { color: var(--text-muted); align-items: center; gap: 10px; margin-bottom: 14px; font-size: 13.5px; display: flex; } .pp-rating-row a { text-decoration: underline; } .pp-title { margin: 0px 0px 12px; font-size: clamp(24px, 4vw, 48px); } .pp-subtitle { color: var(--text-muted); margin: 0px 0px 20px; font-size: clamp(14.5px, 3.8vw, 17px); line-height: 1.55; } .pp-fomo { color: var(--danger); background: rgba(229, 112, 91, 0.12); border: 1px solid rgba(229, 112, 91, 0.28); border-radius: 999px; align-items: center; gap: 9px; margin-bottom: 14px; padding: 8px 14px 8px 12px; font-size: 13px; font-weight: 700; display: inline-flex; } .pp-fomo b { font-size: 15px; font-weight: 800; } .pp-fomo strong { font-weight: 800; } .pp-fomo-dot { background: var(--danger); border-radius: 50%; flex: 0 0 auto; width: 9px; height: 9px; position: relative; } .pp-fomo-dot::after { content: ""; background: var(--danger); border-radius: 50%; animation: 1.5s ease-out 0s infinite normal none running fomo-pulse; position: absolute; inset: 0px; } @keyframes fomo-pulse { 0% { opacity: 0.55; transform: scale(1); } 100% { opacity: 0; transform: scale(2.6); } } .pp-pricewrap { align-items: baseline; gap: 12px; margin-bottom: 6px; display: flex; } .pp-price { font-family: var(--font-display); color: var(--ink); font-size: 34px; } .pp-compare { color: var(--text-muted); font-size: 18px; text-decoration: line-through; } .pp-save { color: var(--danger); background: rgba(229, 112, 91, 0.12); border-radius: 7px; padding: 3px 9px; font-size: 13px; font-weight: 800; } .pp-taxnote { color: var(--text-muted); margin-bottom: 24px; font-size: 12.5px; } .pp-field-label { letter-spacing: 0.04em; text-transform: uppercase; color: var(--ink); margin-bottom: 12px; font-size: 13px; font-weight: 800; } .pp-sizes { grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 26px; display: grid; } .pp-size { border: 1.5px solid var(--border); border-radius: var(--radius-sm); text-align: center; cursor: pointer; background: var(--surface); padding: 14px 10px; transition: 0.15s; } .pp-size:hover { border-color: var(--secondary); } .pp-size[data-active="true"] { border-color: var(--ink); background: var(--bg-light); } .pp-size .age { color: var(--ink); font-size: 15px; font-weight: 800; display: block; } .pp-size .dim { color: var(--text-muted); margin-top: 2px; font-size: 12px; display: block; } .pp-hero-badges { flex-wrap: wrap; gap: 8px; margin: 0px 0px 20px; display: flex; } .pp-hero-badge { background: var(--bg-light); border: 1px solid var(--border); color: var(--primary-2); border-radius: 999px; align-items: center; gap: 7px; padding: 8px 13px; font-size: 12.5px; font-weight: 800; display: inline-flex; } .pp-hero-badge svg { width: 15px; height: 15px; color: var(--secondary); } .pp-keygrid { grid-template-columns: 1fr 1fr; gap: 11px; margin: 2px 0px 24px; display: grid; } .pp-keycell { text-align: center; background: var(--bg-light); border: 1px solid var(--border); border-radius: var(--radius); flex-direction: column; align-items: center; gap: 9px; padding: 16px 12px; display: flex; } .pp-keycell-ico { border: 1px solid var(--border); width: 40px; height: 40px; color: var(--secondary); box-shadow: var(--shadow-sm); background: rgb(255, 255, 255); border-radius: 50%; flex: 0 0 auto; justify-content: center; align-items: center; display: flex; } .pp-keycell-ico svg { width: 20px; height: 20px; } .pp-keycell b { color: var(--ink); font-size: clamp(12.5px, 3.4vw, 14.5px); font-weight: 800; line-height: 1.25; } @media (max-width: 380px) { .pp-keygrid { grid-template-columns: 1fr; } } .pp-scarcity { border: 1px solid var(--border); border-radius: var(--radius); background: var(--cream); margin: 16px 0px 6px; padding: 16px 18px; } .pp-scarcity-top { justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 3px; display: flex; } .pp-scarcity-top b { color: var(--ink); align-items: center; gap: 8px; font-size: 15px; font-weight: 800; display: inline-flex; } .pp-scarcity-top b svg { width: 16px; height: 16px; color: var(--danger); } .pp-scarcity-top .pct { color: var(--danger); white-space: nowrap; font-size: 13px; font-weight: 800; } .pp-scarcity-sub { color: var(--text-muted); margin: 0px 0px 12px; font-size: 12.5px; } .pp-scarcity-track { height: 9px; box-shadow: inset 0 0 0 1px var(--border); background: rgb(255, 255, 255); border-radius: 99px; overflow: hidden; } .pp-scarcity-fill { background: linear-gradient(90deg, var(--accent), #ecb444); border-radius: 99px; height: 100%; transition: width 1s cubic-bezier(0.4, 0, 0.2, 1); } .pp-bundle-bonus { gap: 6px; padding: 2px 16px 12px 46px; display: grid; } .pp-bundle-bonus span { color: var(--primary-2); align-items: center; gap: 9px; font-size: 12.5px; font-weight: 700; display: inline-flex; } .pp-bundle-bonus svg { width: 16px; height: 16px; color: var(--success); flex: 0 0 16px; } .pp-shiprow { flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-top: 14px; font-size: 13px; font-weight: 700; display: flex; } .pp-shiprow .ship-now { color: var(--success); align-items: center; gap: 8px; display: inline-flex; } .pp-shiprow .ship-now i { background: var(--success); border-radius: 50%; flex: 0 0 8px; width: 8px; height: 8px; box-shadow: rgba(79, 178, 134, 0.18) 0px 0px 0px 3px; } .pp-shiprow .ship-fr { color: var(--text-muted); align-items: center; gap: 7px; display: inline-flex; } .pp-shiprow .ship-fr svg { width: 15px; height: 15px; color: var(--secondary); } .pp-moneyback { border: 1.5px solid var(--accent-soft); border-radius: var(--radius); background: var(--cream); align-items: center; gap: 15px; margin-top: 18px; padding: 16px 18px; display: flex; } .pp-moneyback-seal { border: 2px solid var(--accent); width: 54px; height: 54px; color: var(--primary-2); box-shadow: var(--shadow-sm); background: rgb(255, 255, 255); border-radius: 50%; flex: 0 0 54px; justify-content: center; align-items: center; display: flex; } .pp-moneyback-seal svg { width: 27px; height: 27px; } .pp-moneyback b { color: var(--ink); margin-bottom: 3px; font-size: 15px; display: block; } .pp-moneyback p { color: var(--text-muted); margin: 0px; font-size: 12.5px; line-height: 1.5; } .pp-stock-update { background: linear-gradient(145deg, rgb(255, 255, 255) 0%, rgb(251, 253, 251) 58%, rgb(242, 250, 245) 100%); border: 1px dashed rgb(185, 200, 189); border-radius: 16px; margin: 12px 0px; padding: 17px 18px 15px; position: relative; overflow: hidden; box-shadow: rgba(12, 22, 51, 0.5) 0px 10px 28px -24px; } .pp-stock-update::before { content: ""; background: linear-gradient(90deg, rgb(32, 165, 104), rgb(81, 201, 137)); height: 3px; position: absolute; top: 0px; left: 0px; right: 0px; } .pp-stock-update-head { color: rgb(22, 134, 82); align-items: center; gap: 9px; display: flex; } .pp-stock-update-head strong { letter-spacing: 0.025em; font-size: 14.5px; line-height: 1.25; } .pp-stock-update-check { color: rgb(255, 255, 255); background: rgb(32, 165, 104); border-radius: 50%; flex: 0 0 25px; justify-content: center; align-items: center; width: 25px; height: 25px; display: inline-flex; box-shadow: rgba(32, 165, 104, 0.11) 0px 0px 0px 4px; } .pp-stock-update-copy { color: rgb(39, 48, 68); margin: 13px 0px 14px; font-size: 14.5px; line-height: 1.52; } .pp-stock-update-copy b { color: var(--ink); } .pp-stock-update-copy strong { color: rgb(159, 63, 52); font-weight: 850; } .pp-stock-update-copy em { color: var(--ink); font-style: normal; font-weight: 850; } .pp-stock-update-meter { background: rgb(229, 231, 233); border-radius: 999px; height: 9px; overflow: hidden; } .pp-stock-update-meter span { border-radius: inherit; background: linear-gradient(90deg, rgb(231, 155, 114) 0%, rgb(217, 110, 93) 100%); width: 91%; height: 100%; display: block; box-shadow: rgba(217, 110, 93, 0.18) 0px 0px 12px; } .pp-stock-update-meter-label { color: rgb(91, 100, 117); margin-top: 7px; font-size: 12.5px; line-height: 1.35; display: block; } .pp-stock-update-foot { color: rgb(79, 89, 109); align-items: flex-start; gap: 8px; margin-top: 10px; font-size: 12.5px; font-weight: 700; line-height: 1.4; display: flex; } .pp-stock-update-foot > span:last-child { flex: 1 1 0%; min-width: 0px; } .pp-stock-update-foot a { color: var(--primary-2); text-underline-offset: 2px; font-weight: 850; text-decoration: underline; } .pp-stock-update-dot { background: rgb(32, 165, 104); border-radius: 50%; flex: 0 0 7px; width: 7px; height: 7px; margin-top: 5px; box-shadow: rgba(32, 165, 104, 0.12) 0px 0px 0px 3px; } .pp-stock-update.is-unavailable { background: rgb(255, 249, 241); border-color: rgb(228, 205, 167); } .pp-stock-update.is-unavailable::before, .pp-stock-update.is-unavailable .pp-stock-update-check { background: rgb(217, 153, 49); } .pp-stock-update.is-unavailable .pp-stock-update-head { color: rgb(155, 100, 16); } @media (max-width: 480px) { .pp-stock-update { border-radius: 14px; padding: 15px 14px 14px; } .pp-stock-update-head { align-items: flex-start; } .pp-stock-update-head strong { padding-top: 3px; font-size: 13.5px; } .pp-stock-update-copy { margin: 12px 0px; font-size: 14px; line-height: 1.5; } .pp-stock-update-foot { font-size: 12px; } } .pp-official-note { border-top: 1px solid rgb(217, 223, 235); border-right: 1px solid rgb(217, 223, 235); border-bottom: 1px solid rgb(217, 223, 235); border-image: none; border-left: 4px solid var(--primary-2); background: linear-gradient(145deg, rgb(255, 255, 255) 0%, rgb(247, 249, 253) 100%); border-radius: 15px; align-items: flex-start; gap: 14px; margin: 12px 0px 16px; padding: 18px; display: flex; position: relative; overflow: hidden; box-shadow: rgba(12, 22, 51, 0.65) 0px 12px 30px -25px; } .pp-official-note-icon { color: rgb(255, 255, 255); background: var(--primary-2); border-radius: 13px; flex: 0 0 43px; justify-content: center; align-items: center; width: 43px; height: 43px; display: inline-flex; box-shadow: rgba(22, 41, 90, 0.8) 0px 8px 18px -12px; } .pp-official-note-body { flex: 1 1 0%; min-width: 0px; } .pp-official-note-badge { color: rgb(118, 81, 23); letter-spacing: 0.06em; text-transform: uppercase; background: rgb(255, 241, 201); border-radius: 999px; align-items: center; margin-bottom: 7px; padding: 4px 9px; font-size: 10.5px; font-weight: 900; line-height: 1.2; display: inline-flex; } .pp-official-note h3 { color: var(--ink); margin: 0px; font-size: 16px; line-height: 1.25; } .pp-official-note p { color: rgb(80, 90, 110); margin: 8px 0px 11px; font-size: 13.5px; line-height: 1.5; } .pp-official-note p strong { color: var(--ink); font-weight: 850; } .pp-official-note-proof { color: rgb(25, 99, 63); border-top: 1px solid rgb(223, 228, 237); align-items: flex-start; gap: 8px; padding-top: 10px; font-size: 12.5px; font-weight: 700; line-height: 1.45; display: flex; } .pp-official-note-proof svg { color: rgb(32, 148, 94); flex: 0 0 auto; margin-top: 1px; } .pp-official-note-proof b { overflow-wrap: anywhere; color: var(--primary-2); } @media (max-width: 480px) { .pp-official-note { border-radius: 14px; gap: 11px; padding: 15px 13px; } .pp-official-note-icon { border-radius: 11px; flex-basis: 36px; width: 36px; height: 36px; } .pp-official-note-icon svg { width: 20px; height: 20px; } .pp-official-note h3 { font-size: 15px; } .pp-official-note p { font-size: 13px; } .pp-official-note-proof { font-size: 12px; } } .pp-packs-head { margin-bottom: 14px; } .pp-packs-eyebrow { letter-spacing: 0.13em; text-transform: uppercase; color: var(--text-muted); align-items: center; gap: 14px; font-size: 11.5px; font-weight: 800; display: flex; } .pp-packs-eyebrow::before, .pp-packs-eyebrow::after { content: ""; background: var(--border); flex: 1 1 0%; height: 1px; } .pp-packs-title { font-family: var(--font-sans); color: var(--ink); margin-top: 10px; font-size: 18px; font-weight: 800; } .pp-bundles { gap: 10px; margin-bottom: 14px; display: grid; } .pp-bundle { border: 1.5px solid var(--border); border-radius: var(--radius); background: var(--surface); transition: border-color 0.15s, background 0.15s, box-shadow 0.15s; position: relative; } .pp-bundle:hover { border-color: var(--secondary); } .pp-bundle[data-active="true"] { border-color: var(--primary); background: var(--bg-light); border-width: 2px; box-shadow: rgba(22, 41, 90, 0.3) 0px 8px 22px -12px; } .pp-bundle-head { text-align: left; cursor: pointer; background: 0px 0px; border: 0px; align-items: center; gap: 12px; width: 100%; padding: 12px 16px 12px 46px; display: flex; position: relative; } .pp-bundle-radio { border: 2px solid var(--border); background: rgb(255, 255, 255); border-radius: 50%; width: 22px; height: 22px; transition: border-color 0.15s; position: absolute; top: 50%; left: 18px; transform: translateY(-50%); } .pp-bundle[data-active="true"] .pp-bundle-radio { border-color: var(--primary); } .pp-bundle[data-active="true"] .pp-bundle-radio::after { content: ""; background: var(--primary); border-radius: 50%; width: 11px; height: 11px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .pp-bundle-id { flex: 1 1 0%; gap: 4px; min-width: 0px; display: grid; } .pp-bundle-name { color: var(--ink); font-size: 15px; font-weight: 800; } .pp-bundle-ship { color: var(--text-muted); align-items: center; gap: 5px; width: fit-content; font-size: 12px; font-weight: 600; display: inline-flex; } .pp-bundle-ship svg { width: 14px; height: 14px; color: var(--secondary); } .pp-bundle-price { color: var(--ink); white-space: nowrap; text-align: right; font-size: 16px; font-weight: 800; line-height: 1.25; } .pp-bundle-price .c { color: var(--text-muted); font-size: 13px; font-weight: 600; text-decoration: line-through; display: block; } .pp-bundle-badge { background: var(--primary); color: rgb(255, 255, 255); z-index: 2; letter-spacing: 0.02em; border-radius: 999px; padding: 5px 12px; font-size: 11px; font-weight: 800; position: absolute; top: -11px; right: 14px; box-shadow: rgba(22, 41, 90, 0.4) 0px 4px 10px -3px; } .pp-bundle-expand { padding: 0px 16px 12px 46px; } .pp-bundle-expand label { text-transform: uppercase; letter-spacing: 0.04em; color: var(--text-muted); margin: 2px 0px 8px; font-size: 12px; font-weight: 800; display: block; } .pp-bundle-perunit { color: var(--text-muted); margin-top: 8px; font-size: 12.5px; font-weight: 700; display: inline-block; } .pp-bundle-save { width: fit-content; color: var(--primary); background: var(--accent-soft); border-radius: 6px; margin-top: 7px; padding: 3px 9px; font-size: 12px; font-weight: 800; display: inline-block; } .pp-bundle-ages { gap: 6px; padding: 0px 16px 12px 46px; display: grid; } .pp-bundle-ages-label { color: var(--ink); font-size: 12px; font-weight: 800; } .pp-age-row { align-items: center; gap: 10px; display: flex; } .pp-age-num { color: var(--text-muted); flex: 0 0 auto; width: 22px; font-size: 12px; font-weight: 800; } .pp-age-row .pp-select { flex: 1 1 0%; } .pp-select { position: relative; } .pp-select select { appearance: none; border: 1.5px solid var(--border); border-radius: var(--radius-sm); background: var(--bg-light); width: 100%; color: var(--ink); cursor: pointer; padding: 10px 38px 10px 12px; font-size: 13.5px; font-weight: 700; } .pp-select select:focus { border-color: var(--ink); outline: none; } .pp-select svg { width: 18px; height: 18px; color: var(--text-muted); pointer-events: none; position: absolute; top: 50%; right: 14px; transform: translateY(-50%); } .pp-delivery { color: var(--primary-2); background: var(--bg-light); border-radius: 999px; justify-content: center; align-items: center; gap: 8px; margin-bottom: 14px; padding: 11px 14px; font-size: 13px; font-weight: 700; display: flex; } .pp-delivery svg { width: 16px; height: 16px; color: var(--secondary); } .pp-guarantee-line { color: var(--text-muted); justify-content: center; align-items: center; gap: 8px; margin-top: 14px; font-size: 13px; font-weight: 800; display: flex; } .pp-guarantee-line svg { width: 16px; height: 16px; color: var(--secondary); } .pp-guarantee-note { text-align: center; color: var(--text-muted); margin-top: 12px; font-size: 13px; } .pp-or { letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-muted); justify-content: center; align-items: center; gap: 12px; margin: 16px 0px 12px; font-size: 11px; font-weight: 800; display: flex; } .pp-or::before, .pp-or::after { content: ""; background: var(--border); flex: 1 1 0%; height: 1px; } .pp-shoppay { width: 100%; display: block; } .pp-shoppay shop-pay-button { width: 100%; } .pp-secure { color: var(--ink); justify-content: center; align-items: center; gap: 7px; margin: 14px 0px 12px; font-size: 13px; font-weight: 700; display: flex; } .pp-secure svg { width: 15px; height: 15px; color: var(--secondary); } .offer-sticky { z-index: 90; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); backdrop-filter: blur(8px); border-top: 1px solid var(--border); background: rgba(255, 255, 255, 0.94); transition: transform 0.28s; position: fixed; bottom: 0px; left: 0px; right: 0px; transform: translateY(115%); box-shadow: rgba(12, 22, 51, 0.3) 0px -6px 24px -14px; } .offer-sticky.show { transform: translateY(0px); } .offer-sticky-btn { border-radius: 14px; padding: 13px 18px; font-size: 15px; } @media (min-width: 1024px) { .offer-sticky { display: none; } } .pp-trust-mini { grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 22px; display: grid; } .pp-trust-mini .cell { text-align: center; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg-light); padding: 14px 8px; } .pp-trust-mini svg { width: 22px; height: 22px; color: var(--secondary); margin: 0px auto 6px; } .pp-trust-mini b { color: var(--ink); font-size: 12.5px; display: block; } .pp-trust-mini span { color: var(--text-muted); font-size: 11px; } .mr { margin-top: 18px; } .mr-card { text-align: left; background: var(--bg-light); border: 1px solid var(--border); border-radius: var(--radius); cursor: pointer; align-items: center; gap: 12px; width: 100%; min-height: 96px; padding: 13px 14px; transition: border-color 0.15s; display: flex; } .mr-card:hover { border-color: var(--secondary); } .mr-av { background: rgb(255, 255, 255); border-radius: 50%; flex: 0 0 auto; width: 46px; height: 46px; overflow: hidden; } .mr-av img { object-fit: cover; width: 100%; height: 100%; display: block; } .mr-body { flex: 1 1 0%; gap: 3px; min-width: 0px; display: grid; } .mr-top { align-items: center; gap: 8px; display: flex; } .mr-top b { color: var(--ink); font-size: 14px; font-weight: 800; } .mr-stars { color: var(--accent); gap: 1px; display: inline-flex; } .mr-text { color: var(--text-dark); -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 13px; line-height: 1.5; display: -webkit-box; overflow: hidden; } .mr-arrow { color: var(--text-muted); flex: 0 0 auto; font-size: 24px; font-weight: 700; line-height: 1; } .mr-dots { justify-content: center; gap: 6px; margin-top: 10px; display: flex; } .mr-dots i { background: var(--border); border-radius: 50%; width: 6px; height: 6px; transition: 0.2s; } .mr-dots i[data-on="true"] { background: var(--primary); border-radius: 999px; width: 18px; } .pp-payrow { margin-top: 18px; } .pp-stickybar { z-index: 75; backdrop-filter: blur(10px); border-top: 1px solid var(--border); padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: rgba(255, 255, 255, 0.98); align-items: center; gap: 12px; transition: transform 0.28s; display: flex; position: fixed; bottom: 0px; left: 0px; right: 0px; transform: translateY(120%); box-shadow: rgba(12, 22, 51, 0.28) 0px -8px 30px -16px; } .pp-stickybar.show { transform: translateY(0px); } .pp-stickybar-info { flex: 1 1 0%; align-items: center; gap: 12px; min-width: 0px; display: flex; } .pp-stickybar-thumb { background: var(--bg-light); border-radius: 10px; flex: 0 0 44px; justify-content: center; align-items: center; width: 44px; height: 44px; font-size: 22px; display: flex; overflow: hidden; } .pp-stickybar-thumb img { object-fit: cover; width: 100%; height: 100%; display: block; } .pp-stickybar .meta { min-width: 0px; } .pp-stickybar .meta b { color: var(--ink); white-space: nowrap; text-overflow: ellipsis; font-size: 14px; display: block; overflow: hidden; } .pp-stickybar .meta span { color: var(--text-muted); white-space: nowrap; text-overflow: ellipsis; font-size: 12.5px; display: block; overflow: hidden; } .pp-stickybar-sizes { scrollbar-width: none; align-items: center; gap: 5px; min-width: 0px; margin-top: 4px; display: flex; overflow-x: auto; } .pp-stickybar-sizes::-webkit-scrollbar { display: none; } .pp-stickybar .pp-stickybar-size-label { color: var(--text-muted); letter-spacing: 0.03em; text-transform: uppercase; flex: 0 0 auto; font-size: 10px; font-weight: 800; } .pp-stickybar-size-control { flex: 0 0 auto; display: block; position: relative; } .pp-stickybar-size-control::after { content: "⌄"; color: var(--primary); pointer-events: none; font-size: 12px; font-weight: 900; position: absolute; top: 50%; right: 7px; transform: translateY(-58%); } .pp-stickybar-size-control select { border: 1px solid var(--accent); min-height: 25px; padding: 2px 22px 2px 8px; } @supports (color:color-mix(in lab, red, red)) { .pp-stickybar-size-control select { border: 1px solid color-mix(in srgb, var(--accent) 52%, transparent); } } .pp-stickybar-size-control select { appearance: none; background: var(--accent-soft); color: var(--primary); cursor: pointer; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; border-radius: 999px; font-size: 12px; font-weight: 800; line-height: 1.5; } .pp-stickybar-size-control select:focus-visible { outline: 2px solid var(--primary-2); outline-offset: 2px; } .pp-stickybar-size-summary { border: 1px solid var(--accent); flex: 0 0 auto; align-items: center; gap: 5px; min-height: 25px; padding: 2px 8px; display: inline-flex; } @supports (color:color-mix(in lab, red, red)) { .pp-stickybar-size-summary { border: 1px solid color-mix(in srgb, var(--accent) 52%, transparent); } } .pp-stickybar-size-summary { background: var(--accent-soft); color: var(--primary); cursor: pointer; white-space: nowrap; border-radius: 999px; font-size: 12px; font-weight: 800; line-height: 1.5; } .pp-stickybar-size-summary > span { color: inherit !important; font-size: 11px !important; } .pp-stickybar-size-editor { overscroll-behavior: contain; border: 1px solid var(--border); background: rgb(255, 255, 255); border-radius: 18px; width: min(430px, -32px + 100vw); max-height: calc(100dvh - 96px); padding: 16px; position: absolute; bottom: calc(100% + 10px); left: 16px; overflow-y: auto; box-shadow: rgba(12, 22, 51, 0.45) 0px 20px 55px -20px; } .pp-stickybar-size-editor-head { justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 13px; display: flex; } .pp-stickybar-size-editor-head > div { gap: 2px; display: grid; } .pp-stickybar-size-editor-head b { color: var(--ink); font-size: 16px; } .pp-stickybar-size-editor-head span { color: var(--text-muted); font-size: 12px; } .pp-stickybar-size-editor-head > button { background: var(--bg-light); width: 30px; height: 30px; color: var(--ink); border-radius: 50%; flex: 0 0 30px; place-items: center; font-size: 21px; line-height: 1; display: grid; } .pp-stickybar-size-editor-list { gap: 8px; display: grid; } .pp-stickybar-size-editor-row { grid-template-columns: 27px 1fr; align-items: center; gap: 7px; display: grid; } .pp-stickybar-size-editor-row > span { color: var(--primary-2); font-size: 12px; font-weight: 900; } .pp-stickybar-size-editor-row > div { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 5px; display: grid; } .pp-stickybar-size-editor-row button { border: 1.5px solid var(--border); min-height: 35px; color: var(--text-muted); white-space: nowrap; background: rgb(255, 255, 255); border-radius: 9px; padding: 5px 4px; font-size: 11.5px; font-weight: 800; } .pp-stickybar-size-editor-row button[data-active="true"] { border-color: var(--primary-2); color: var(--primary-2); box-shadow: inset 0 0 0 1px var(--primary-2); background: rgb(238, 243, 252); } .pp-stickybar-gifts { border-top: 1px dashed var(--border); gap: 9px; margin-top: 13px; padding-top: 13px; display: grid; } .pp-stickybar-gift { background: rgb(242, 251, 246); border: 1px solid rgb(184, 230, 203); border-radius: 12px; gap: 7px; padding: 9px; display: grid; } .pp-stickybar-gift-head { align-items: center; gap: 8px; display: flex; } .pp-stickybar-gift-head > img { object-fit: cover; border: 1px solid rgb(255, 255, 255); border-radius: 8px; flex: 0 0 36px; width: 36px; height: 36px; box-shadow: rgba(12, 22, 51, 0.12) 0px 1px 4px; } .pp-stickybar-gift-head > div { gap: 1px; min-width: 0px; display: grid; } .pp-stickybar-gift-head b { color: var(--primary-2); font-size: 12.5px; } .pp-stickybar-gift-head span { color: rgb(82, 112, 95); font-size: 10.5px; } .pp-stickybar-gift-sizes, .pp-stickybar-gift-motifs { gap: 5px; display: grid; } .pp-stickybar-gift-sizes { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .pp-stickybar-gift-motifs { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .pp-stickybar-gift-sizes button, .pp-stickybar-gift-motifs button { color: rgb(61, 70, 94); background: rgb(255, 255, 255); border: 1.5px solid rgb(219, 231, 223); border-radius: 8px; min-width: 0px; min-height: 32px; padding: 4px; font-size: 10.5px; font-weight: 800; } .pp-stickybar-gift-motifs button { justify-content: center; align-items: center; gap: 5px; display: flex; } .pp-stickybar-gift-motifs img { object-fit: cover; border-radius: 5px; flex: 0 0 22px; width: 22px; height: 22px; } .pp-stickybar-gift-sizes button[data-active="true"], .pp-stickybar-gift-motifs button[data-active="true"] { border-color: var(--primary-2); color: var(--primary-2); box-shadow: inset 0 0 0 1px var(--primary-2); background: rgb(238, 243, 252); } .pp-stickybar-size-editor-done { background: var(--primary); color: rgb(255, 255, 255); border-radius: 11px; width: 100%; min-height: 42px; margin-top: 13px; font-size: 13px; font-weight: 900; } .pp-stickybar-size-editor-done:disabled { opacity: 0.55; cursor: not-allowed; } .pp-stickybar-cta { flex: 0 0 auto; padding: 14px 22px; } body.lpn-sticky-active .ln-scrolltop, body.lpn-offersticky-active .ln-scrolltop { bottom: calc(84px + env(safe-area-inset-bottom,0px)); } body.lpn-size-editor-active .ln-scrolltop { visibility: hidden; pointer-events: none; opacity: 0 !important; } .pp-trustband { background: var(--cream); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); } .pp-trustband-inner { max-width: var(--container); grid-template-columns: repeat(4, 1fr); gap: 22px; margin: 0px auto; padding: 26px 28px; display: grid; } .pp-trustband .cell { text-align: left; justify-content: center; align-items: center; gap: 12px; display: flex; } .pp-trustband svg { width: 26px; height: 26px; color: var(--secondary); flex: 0 0 26px; } .pp-trustband b { color: var(--ink); font-size: 13.5px; display: block; } .pp-trustband span { color: var(--text-muted); font-size: 12px; } .pp-trustband-inner > .cell:nth-child(n+5) { display: none; } @keyframes tb-scroll { 0% { transform: translate(0px); } 100% { transform: translate(-50%); } } .pp-feature { max-width: var(--container); grid-template-columns: 1fr 1fr; align-items: center; gap: 56px; margin: 0px auto; display: grid; } .pp-feature + .pp-feature { margin-top: 80px; } .pp-feature-media { aspect-ratio: 4 / 3; border-radius: var(--radius-lg); background: var(--bg-light); position: relative; overflow: hidden; } .pp-feature-media.is-photo { aspect-ratio: auto; background: rgb(255, 255, 255); } .pp-feature-media.is-photo img { width: 100%; height: auto; display: block; } .pp-feature.reverse .pp-feature-media { order: 2; } .med-grid { max-width: var(--container); grid-template-columns: 1fr 1fr; align-items: center; gap: 56px; margin: 0px auto; display: grid; } .med-media { border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); background: rgb(255, 255, 255); overflow: hidden; } .med-media img { width: 100%; height: auto; display: block; } .med-body h2 { margin: 14px 0px 22px; font-size: clamp(28px, 4vw, 40px); line-height: 1.12; } .med-body p { color: var(--text-muted); margin-bottom: 16px; font-size: 18px; line-height: 1.75; } .med-body p.med-bold { color: var(--ink); margin: 2px 0px 16px; font-size: 18px; font-weight: 800; line-height: 1.4; } .med-body p.med-strong { color: var(--ink); border-left: 4px solid var(--secondary); margin-top: 22px; padding-left: 16px; font-size: 19px; font-weight: 700; } @media (max-width: 900px) { .med-grid { grid-template-columns: 1fr; gap: 26px; } .med-body p { font-size: 17px; } } .pm-section { background: var(--bg-light); overflow: hidden; } .pm-title { font-size: clamp(26px, 4.4vw, 40px); } .pm-sub { color: var(--text-muted); margin: 12px 0px 16px; font-size: 18px; } .pm-rating { color: var(--ink); align-items: center; gap: 10px; font-size: 17px; font-weight: 700; display: inline-flex; } .pm-rating .ln-stars { color: var(--gold); } .pm { margin-top: 34px; overflow: hidden; mask: linear-gradient(90deg, rgba(0, 0, 0, 0), rgb(0, 0, 0) 6%, rgb(0, 0, 0) 94%, rgba(0, 0, 0, 0)); } .pm-track { width: max-content; animation: pm-scroll var(--pm-dur,70s) linear infinite; gap: 16px; display: flex; } .pm:hover .pm-track { animation-play-state: paused; } .pm-card { height: 260px; box-shadow: var(--shadow-sm); background: rgb(255, 255, 255); border-radius: 18px; flex: 0 0 auto; overflow: hidden; } .pm-card img { object-fit: cover; width: 100%; height: 100%; display: block; } .pm-compact { margin-top: 12px; margin-bottom: 14px; mask: linear-gradient(90deg, rgba(0, 0, 0, 0), rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0)); } .pm-compact .pm-track { gap: 8px; } .pm-compact .pm-card { border-radius: 10px; box-shadow: rgba(12, 22, 51, 0.35) 0px 6px 16px -12px; } .pm-compact + .pp-packs-head { margin-top: 24px; } .pp-mini-photo-rating { color: var(--ink); justify-content: center; align-items: center; gap: 10px; margin: 16px 0px -2px; font-size: 17px; font-weight: 800; line-height: 1.2; display: flex; } .pp-mini-photo-rating .ln-stars { color: var(--ink); } @keyframes pm-scroll { 0% { transform: translate(0px); } 100% { transform: translate(-50%); } } .vm { pointer-events: none; margin: 12px 0px 14px; overflow: hidden; mask: linear-gradient(90deg, rgba(0, 0, 0, 0), rgb(0, 0, 0) 6%, rgb(0, 0, 0) 94%, rgba(0, 0, 0, 0)); } .vm-track { width: max-content; animation: pm-scroll var(--vm-dur,60s) linear infinite; gap: 8px; display: flex; } .vm-card { background: rgb(233, 236, 243); border-radius: 12px; flex: 0 0 auto; overflow: hidden; } .vm-card video { object-fit: cover; width: 100%; height: 100%; display: block; } @media (max-width: 700px) { .pm-card { border-radius: 14px; height: 188px; } .pm { margin-top: 24px; } } @media (prefers-reduced-motion: reduce) { .pm-track { animation: auto ease 0s 1 normal none running none; } .pm { overflow-x: auto; mask: none; } } .cost { background: var(--bg-light); } .cost-grid { grid-template-columns: 1fr 1fr; align-items: center; gap: 60px; display: grid; } .cost-left h2 { margin-bottom: 20px; font-size: clamp(28px, 4.2vw, 42px); line-height: 1.08; } .cost-left > p { color: var(--text-muted); margin-bottom: 24px; font-size: 18px; line-height: 1.7; } .cost-left > p strong { color: var(--primary); } .cost-list { margin: 0px 0px 28px; padding: 0px; list-style: none; } .cost-list li { border-bottom: 1px solid var(--border); grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; padding: 15px 0px; display: grid; } .cost-x { background: var(--danger); color: rgb(255, 255, 255); border-radius: 50%; justify-content: center; align-items: center; width: 26px; height: 26px; font-size: 13px; font-weight: 800; display: inline-flex; } .cost-label { color: var(--ink); font-size: 17px; font-weight: 700; } .cost-price { color: var(--ink); white-space: nowrap; font-size: 17px; font-weight: 800; } .cost-meta { text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: var(--text-muted); margin-top: 16px; font-size: 13px; font-weight: 700; } .cost-right { flex-direction: column; gap: 18px; display: flex; } .cost-pill { color: var(--ink); background: rgb(232, 238, 249); border-radius: 999px; align-items: center; gap: 12px; padding: 13px 22px; font-size: 15px; font-weight: 700; display: flex; } .cost-pill-ico { background: var(--primary); color: rgb(255, 255, 255); border-radius: 50%; flex: 0 0 auto; justify-content: center; align-items: center; width: 34px; height: 34px; font-weight: 800; display: inline-flex; } .cost-cards { grid-template-columns: 1fr 1fr; gap: 18px; display: grid; } .cost-card { border-radius: 22px; flex-direction: column; min-height: 270px; padding: 30px 26px; display: flex; } .cost-card--brand { background: var(--primary); color: rgb(255, 255, 255); } .cost-card--brand h3 { color: rgb(255, 255, 255); font-size: 30px; } .cost-card--brand p { color: rgba(255, 255, 255, 0.9); margin: 16px 0px 0px; font-size: 15px; line-height: 1.55; } .cost-card--brand b { margin-top: auto; padding-top: 18px; font-size: 18px; } .cost-card--others { border: 1px solid var(--border); background: rgb(255, 255, 255); } .cost-big { color: var(--ink); font-size: 40px; font-weight: 800; font-family: var(--font-sans); line-height: 1; } .cost-card--others p { color: var(--text-muted); margin: 16px 0px 0px; font-size: 15px; line-height: 1.55; } .cost-others { letter-spacing: 0.08em; color: var(--text-muted); margin-top: auto; padding-top: 18px; font-size: 13px; font-weight: 700; } @media (max-width: 900px) { .cost-grid { grid-template-columns: 1fr; gap: 30px; } .cost-card { min-height: auto; padding: 20px; } .cost-card--brand h3 { font-size: 23px; } .cost-card--brand p, .cost-card--others p { margin-top: 8px; font-size: 14px; } .cost-card--brand b, .cost-others { padding-top: 14px; } .cost-big { font-size: 30px; } } @media (max-width: 440px) { .cost-cards { grid-template-columns: 1fr 1fr; gap: 12px; } .cost-card { padding: 16px 14px; } .cost-card--brand h3 { font-size: 19px; } .cost-big { font-size: 24px; } .cost-card--brand p, .cost-card--others p { font-size: 12.5px; } .cost-card--brand b, .cost-others { padding-top: 10px; font-size: 12px; } } .ba-h2, .fs-h2 { font-size: clamp(28px, 4vw, 42px); } .ba-lead, .fs-lead { max-width: 640px; margin: 12px auto 0px; } .ba-wrap { max-width: 720px; margin: 28px auto 0px; } .ba { aspect-ratio: 3 / 2; border-radius: var(--radius-lg); user-select: none; width: 100%; box-shadow: var(--shadow); background: var(--bg-light); position: relative; overflow: hidden; } .ba-img { pointer-events: none; position: absolute; inset: 0px; } .ba-img img { object-fit: cover; -webkit-user-drag: none; user-select: none; width: 100%; height: 100%; display: block; } .ba-before { will-change: clip-path; } .ba-tag { box-shadow: var(--shadow); pointer-events: none; border-radius: 999px; padding: 7px 14px; font-size: 13px; font-weight: 800; position: absolute; bottom: 14px; } .ba-tag-left { color: rgb(255, 255, 255); background: rgba(12, 22, 51, 0.78); left: 14px; } .ba-tag-right { background: var(--primary); color: rgb(255, 255, 255); right: 14px; } .ba-handle { cursor: ew-resize; touch-action: none; justify-content: center; align-items: center; width: 40px; display: flex; position: absolute; top: 0px; bottom: 0px; transform: translate(-50%); } .ba-handle::before { content: ""; background: rgb(255, 255, 255); width: 3px; position: absolute; top: 0px; bottom: 0px; left: 50%; transform: translate(-50%); box-shadow: rgba(12, 22, 51, 0.12) 0px 0px 0px 1px; } .ba-knob { width: 46px; height: 46px; color: var(--primary); box-shadow: var(--shadow); background: rgb(255, 255, 255); border-radius: 50%; justify-content: center; align-items: center; display: flex; position: relative; } .ba-handle:focus-visible { outline: none; } .ba-handle:focus-visible .ba-knob { box-shadow: var(--shadow), 0 0 0 3px var(--accent); } .ba-drag-hint { color: var(--text-muted); margin-top: 16px; font-size: 14px; font-weight: 700; } .ba-note { max-width: 720px; color: var(--text-dark); margin: 14px auto 0px; font-size: 17px; line-height: 1.7; } .vid-grid { grid-template-columns: minmax(0px, 380px) 1fr; align-items: center; gap: 56px; max-width: 980px; margin: 0px auto; display: grid; } .vid-frame { border-radius: var(--radius-lg); box-shadow: var(--shadow); background: var(--bg-light); aspect-ratio: 3 / 4; overflow: hidden; } .vid-frame video { object-fit: cover; width: 100%; height: 100%; display: block; } .vid-body h2 { margin: 14px 0px 16px; font-size: clamp(28px, 4vw, 40px); } .vid-body p { color: var(--text-dark); margin-bottom: 24px; font-size: 18px; line-height: 1.7; } @media (max-width: 820px) { .vid-grid { grid-template-columns: 1fr; gap: 22px; max-width: 360px; } .vid-frame { width: 100%; max-width: 250px; margin: 0px auto; } } .face-stats { background: var(--bg-light); } .fs-grid { grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 42px; display: grid; } .fs-card { box-shadow: var(--shadow-sm); background: rgb(255, 255, 255); border-radius: 22px; flex-direction: column; align-items: center; gap: 22px; padding: 36px 26px; display: flex; } .fs-ring { display: block; } .fs-pct { font-family: var(--font-sans); fill: var(--primary); font-size: 30px; font-weight: 800; } .fs-card p { color: var(--text-dark); max-width: 270px; font-size: 16px; font-weight: 600; line-height: 1.55; } @media (max-width: 820px) { .fs-grid { grid-template-columns: 1fr; max-width: 380px; margin-left: auto; margin-right: auto; } } .pp-feature-tag { letter-spacing: 0.09em; text-transform: uppercase; color: var(--primary); background: var(--accent-soft); border-radius: 999px; padding: 6px 13px; font-size: 12px; font-weight: 800; display: inline-block; } .pp-feature h3 { margin: 16px 0px 12px; font-size: clamp(24px, 3vw, 32px); line-height: 1.08; } .pp-feature p.pp-feature-punch { color: var(--ink); margin: 0px 0px 12px; font-size: 19px; font-weight: 800; line-height: 1.3; } .pp-feature p { color: var(--text-dark); font-size: 16.5px; line-height: 1.65; } .pp-compare-table { border-radius: var(--radius); border: 1px solid var(--border); max-width: 820px; margin: 40px auto 0px; overflow: hidden; } .pp-compare-table table { border-collapse: collapse; width: 100%; } .pp-compare-table th, .pp-compare-table td { text-align: left; border-bottom: 1px solid var(--border); padding: 16px 18px; font-size: 14.5px; } .pp-compare-table thead th { background: var(--primary); color: rgb(255, 255, 255); font-weight: 800; font-family: var(--font-sans); } .pp-compare-table thead th.brand { background: var(--ink); } .pp-compare-table td.mark { text-align: center; font-weight: 800; } .pp-compare-table td.yes { color: var(--success); } .pp-compare-table td.no { color: var(--text-muted); } .pp-compare-table tbody tr:last-child td { border-bottom: 0px; } .pp-compare-table td.feat { color: var(--text-dark); font-weight: 600; } .pp-size-cards { max-width: var(--container); grid-template-columns: repeat(3, 1fr); gap: 22px; margin: 40px auto 0px; display: grid; } .pp-size-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 28px 26px; } .pp-size-card .tag { color: var(--secondary); letter-spacing: 0.04em; text-transform: uppercase; font-size: 13px; font-weight: 800; } .pp-size-card h3 { margin: 8px 0px 12px; } .pp-size-card ul { gap: 8px; margin: 0px; padding: 0px; list-style: none; display: grid; } .pp-size-card li { color: var(--text-muted); gap: 8px; font-size: 14px; display: flex; } .pp-size-card li b { color: var(--ink); } .pp-expert { text-align: center; max-width: 860px; margin: 0px auto; } .pp-expert blockquote { font-family: var(--font-display); color: rgb(255, 255, 255); margin: 0px 0px 22px; font-size: clamp(24px, 3vw, 36px); line-height: 1.3; } .pp-expert cite { color: var(--accent); font-size: 14px; font-style: normal; font-weight: 800; } .faq-list { border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); max-width: 760px; margin: 40px auto 0px; overflow: hidden; } .faq-item { border-bottom: 1px solid var(--border); } .faq-item:last-child { border-bottom: 0px; } .faq-item button { width: 100%; } .faq-item .ans b { color: var(--ink); } .pp-details { border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); margin-top: 26px; overflow: hidden; } .pp-detail-body { padding: 2px 22px 20px; } .pp-detail-body p { color: var(--text-muted); margin: 0px 0px 12px; font-size: 14.5px; line-height: 1.7; } .pp-detail-body p:last-child { margin-bottom: 0px; } .pp-detail-body .pp-detail-lead { color: var(--ink); font-weight: 700; } .pp-detail-list { gap: 10px; margin: 4px 0px 14px; padding: 0px; list-style: none; display: grid; } .pp-detail-list li { color: var(--text-muted); padding-left: 26px; font-size: 14.5px; line-height: 1.55; position: relative; } .pp-detail-list li::before { content: "✓"; color: var(--secondary); font-weight: 800; position: absolute; top: 0px; left: 0px; } .pp-window-points { flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 30px; display: flex; } .pp-window-point { background: var(--surface); border: 1px solid var(--border); box-shadow: var(--shadow-sm); border-radius: 999px; align-items: center; gap: 9px; padding: 12px 18px; font-size: 14px; font-weight: 700; display: inline-flex; } .pp-window-point svg { width: 18px; height: 18px; color: var(--secondary); } .pp-timeline { text-align: left; max-width: 600px; margin: 38px auto 0px; padding: 0px; list-style: none; } .pp-timeline-step { border-left: 2px solid var(--border); padding: 0px 0px 28px 34px; position: relative; } .pp-timeline-step:last-child { border-left-color: rgba(0, 0, 0, 0); padding-bottom: 0px; } .pp-timeline-dot { background: var(--accent); border: 3px solid var(--surface); width: 16px; height: 16px; box-shadow: 0 0 0 1.5px var(--accent); border-radius: 50%; position: absolute; top: 2px; left: -9px; } .pp-timeline-step b { color: var(--ink); margin-bottom: 4px; font-size: 16px; display: block; } .pp-timeline-step small { color: var(--text-muted); font-size: 14px; line-height: 1.6; } .pp-alt-list { gap: 12px; max-width: 680px; margin: 36px auto 0px; display: grid; } .pp-alt-row { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); text-align: left; grid-template-columns: auto 1fr; align-items: start; gap: 14px; padding: 18px 20px; display: grid; } .pp-alt-x { width: 26px; height: 26px; color: var(--danger); background: rgba(229, 112, 91, 0.12); border-radius: 50%; flex: 0 0 26px; justify-content: center; align-items: center; font-weight: 800; display: flex; } .pp-alt-row b { color: var(--ink); margin-bottom: 3px; font-size: 15px; display: block; } .pp-alt-row span { color: var(--text-muted); font-size: 14px; } .pp-alt-switch { max-width: 600px; font-family: var(--font-display); color: var(--primary-2); margin: 28px auto 0px; font-size: clamp(20px, 2.4vw, 26px); font-weight: 600; } .pp-seal { text-align: center; background: var(--surface); border: 1.5px solid var(--border); border-radius: var(--radius-lg); max-width: 620px; box-shadow: var(--shadow); margin: 0px auto; padding: 40px 32px; } .pp-seal-badge { background: var(--accent-soft); width: 76px; height: 76px; color: var(--primary-2); border-radius: 50%; justify-content: center; align-items: center; margin: 0px auto 18px; display: flex; } .pp-seal-badge svg { width: 38px; height: 38px; } .pp-seal p { color: var(--text-muted); max-width: 460px; margin: 0px auto; font-size: 16px; line-height: 1.7; } .pp-seal-points { flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 22px; display: flex; } .pp-seal-points span { color: var(--ink); background: var(--bg-light); border-radius: 999px; align-items: center; gap: 6px; padding: 8px 14px; font-size: 13px; font-weight: 700; display: inline-flex; } .cat-grid { max-width: var(--container); grid-template-columns: repeat(3, 1fr); gap: 26px; margin: 48px auto 0px; display: grid; } .cat-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); flex-direction: column; transition: transform 0.2s, box-shadow 0.2s; display: flex; overflow: hidden; } .cat-card:hover { box-shadow: var(--shadow); transform: translateY(-5px); } .cat-media { aspect-ratio: 1 / 1; background: var(--bg-light); position: relative; overflow: hidden; } .cat-ribbon { background: var(--ink); color: rgb(255, 255, 255); letter-spacing: 0.04em; z-index: 2; border-radius: 999px; padding: 5px 11px; font-size: 11px; font-weight: 800; position: absolute; top: 14px; left: 14px; } .cat-ribbon.soon { background: var(--secondary); } .cat-body { flex-direction: column; flex: 1 1 0%; padding: 22px 22px 24px; display: flex; } .cat-body .cat-cat { letter-spacing: 0.06em; text-transform: uppercase; color: var(--secondary); font-size: 12px; font-weight: 800; } .cat-body h3 { margin: 6px 0px 8px; font-size: 22px; } .cat-body p { color: var(--text-muted); flex: 1 1 0%; margin: 0px 0px 16px; font-size: 14px; line-height: 1.6; } .cat-priced { align-items: baseline; gap: 10px; margin-bottom: 16px; display: flex; } .cat-priced .p { font-family: var(--font-display); color: var(--ink); font-size: 26px; } .cat-priced .c { color: var(--text-muted); font-size: 15px; text-decoration: line-through; } .pp-gallery-main img, .pp-thumb img, .hp-hero-media img, .hp-featured-media img, .cat-media img { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0px; } .ba { aspect-ratio: 1 / 1; border-radius: var(--radius-lg); user-select: none; touch-action: pan-y; max-width: 760px; box-shadow: var(--shadow); background: var(--bg-light); margin: 0px auto; position: relative; overflow: hidden; } .ba-img { position: absolute; inset: 0px; } .ba-img img { object-fit: cover; width: 100%; height: 100%; display: block; position: absolute; inset: 0px; } .ba-handle { background: rgb(255, 255, 255); width: 4px; position: absolute; top: 0px; bottom: 0px; transform: translate(-2px); box-shadow: rgba(12, 22, 51, 0.15) 0px 0px 0px 1px; } .ba-knob { width: 54px; height: 54px; color: var(--ink); box-shadow: var(--shadow); background: rgb(255, 255, 255); border-radius: 50%; justify-content: center; align-items: center; font-size: 22px; font-weight: 800; display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ba-tag { font-family: var(--sans); color: rgb(255, 255, 255); border-radius: 999px; padding: 8px 18px; font-size: 18px; font-weight: 900; position: absolute; bottom: 18px; } .ba-tag.left { background: var(--danger); left: 18px; } .ba-tag.right { background: var(--success); right: 18px; } .ri { max-width: var(--container); margin: 36px auto 0px; } .ri-wide { border-radius: var(--radius-lg); max-width: 760px; box-shadow: var(--shadow-sm); margin: 0px auto 18px; position: relative; overflow: hidden; } .ri-wide img { width: 100%; height: auto; display: block; } .ri-grid { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; display: grid; } .ri-card { border-radius: var(--radius); box-shadow: var(--shadow-sm); position: relative; overflow: hidden; } .ri-card img { width: 100%; height: auto; display: block; } .gif-media { border-radius: var(--radius-lg); max-width: 520px; box-shadow: var(--shadow); margin: 30px auto 0px; overflow: hidden; } .gif-media img { width: 100%; display: block; } .cart-overlay { z-index: 110; opacity: 0; pointer-events: none; background: rgba(12, 22, 51, 0.55); transition: opacity 0.2s; position: fixed; inset: 0px; } .cart-overlay.open { opacity: 1; pointer-events: auto; } .cart-panel { background: var(--surface); z-index: 120; width: min(92vw, 420px); height: 100dvh; box-shadow: var(--shadow-lg); flex-direction: column; transition: transform 0.28s; display: flex; position: fixed; top: 0px; right: 0px; transform: translate(100%); } .cart-panel.open { transform: translate(0px); } .cart-head { border-bottom: 1px solid var(--border); flex: 0 0 auto; justify-content: space-between; align-items: center; padding: 22px 22px 16px; display: flex; } .cart-head h3 { font-size: 22px; } .cart-items { overscroll-behavior: contain; flex: 1 1 0%; align-content: start; gap: 10px; min-height: 0px; padding: 12px 18px; display: grid; overflow-y: auto; } .cart-empty { text-align: center; color: var(--text-muted); padding: 60px 20px; } .cart-line { border-bottom: 1px solid var(--border); grid-template-columns: 50px 1fr auto; align-items: center; gap: 10px; padding-bottom: 10px; display: grid; } .cart-line-media { border-radius: var(--radius-sm); background: var(--bg-light); width: 50px; height: 50px; position: relative; overflow: hidden; } .cart-line b { color: var(--ink); font-size: 12.5px; line-height: 1.25; display: block; } .cart-line span { color: var(--text-muted); font-size: 12.5px; } .cart-qty { align-items: center; gap: 8px; margin-top: 6px; display: inline-flex; } .cart-qty button { border: 1px solid var(--border); border-radius: 6px; justify-content: center; align-items: center; width: 24px; height: 24px; font-weight: 800; display: inline-flex; } .cart-line-price { font-size: 13px; font-weight: 800; } .cart-remove { color: var(--danger); margin-top: 4px; font-size: 11.5px; text-decoration: underline; } .cart-thumb-img { object-fit: cover; width: 100%; height: 100%; display: block; } .cart-thumb-emoji { justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 26px; display: flex; } .cart-reserve { color: var(--danger); border-radius: var(--radius-sm); background: rgba(229, 112, 91, 0.1); justify-content: center; align-items: center; gap: 7px; margin: 0px; padding: 7px 10px; font-size: 12px; font-weight: 700; display: flex; } .cart-reserve svg { flex: 0 0 auto; width: 16px; height: 16px; } .cart-reserve b { font-variant-numeric: tabular-nums; } .cart-ship { margin: 0px 22px 14px; } .cart-ship-label { color: var(--success); align-items: center; gap: 7px; margin-bottom: 7px; font-size: 13px; font-weight: 700; display: flex; } .cart-ship-tick { background: var(--success); color: rgb(255, 255, 255); border-radius: 50%; flex: 0 0 auto; justify-content: center; align-items: center; width: 18px; height: 18px; font-size: 11px; display: inline-flex; } .cart-ship-track { background: var(--border); border-radius: 99px; height: 7px; overflow: hidden; } .cart-ship-fill { background: var(--success); border-radius: 99px; height: 100%; transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1); } .cart-line-old { color: var(--text-muted); font-size: 12px; text-decoration: line-through; } .cart-savings { background: var(--accent-soft); color: var(--primary); border-radius: var(--radius-sm); justify-content: center; align-items: center; gap: 7px; padding: 8px; font-size: 12.5px; font-weight: 700; display: flex; } .cart-savings b { font-weight: 800; } .cart-upsells { border-top: 1px dashed var(--border); margin-top: 2px; padding-top: 10px; } .cart-upsell-title { text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-muted); margin-bottom: 10px; font-size: 11.5px; font-weight: 800; } .cart-upsell { background: var(--bg-light); border: 1px solid var(--border); border-radius: var(--radius); align-items: center; gap: 10px; margin-bottom: 8px; padding: 8px; display: flex; } .cart-upsell-media { background: rgb(255, 255, 255); border-radius: 10px; flex: 0 0 auto; width: 46px; height: 46px; position: relative; overflow: hidden; } .cart-upsell-info { flex: 1 1 0%; gap: 2px; min-width: 0px; display: grid; } .cart-upsell-info b { color: var(--ink); font-size: 13.5px; } .cart-upsell-info > span { color: var(--text-muted); font-size: 11.5px; line-height: 1.3; } .cart-upsell-motifs { gap: 6px; margin-top: 6px; display: flex; } .cart-motif { border: 1.5px solid var(--border); color: var(--text-muted); cursor: pointer; background: rgb(255, 255, 255); border-radius: 999px; padding: 3px 10px; font-size: 11px; font-weight: 700; } .cart-motif.on { border-color: var(--primary); color: var(--primary); background: rgb(255, 255, 255); } .cart-upsell-action { flex-direction: column; flex: 0 0 auto; align-items: flex-end; gap: 7px; display: flex; } .cart-upsell-price { color: var(--ink); white-space: nowrap; font-size: 13px; font-weight: 800; } .cart-upsell-add { color: rgb(255, 255, 255); background: var(--primary); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 999px; padding: 6px 14px; font-size: 12px; font-weight: 800; } .cart-upsell-add:hover { background: var(--primary-2); } .cart-qty { border: 1.5px solid var(--border); border-radius: 999px; align-items: center; gap: 6px; margin-top: 4px; padding: 2px 4px; display: inline-flex; } .cart-qty-btn { width: 20px; height: 20px; color: var(--primary); background: var(--bg-light); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 999px; justify-content: center; align-items: center; font-size: 15px; font-weight: 800; line-height: 1; display: inline-flex; } .cart-qty-btn:hover { background: rgb(238, 243, 252); } .cart-qty-n { text-align: center; min-width: 14px; color: var(--ink); font-size: 13px; font-weight: 800; } .hs-field { margin: 18px 0px 4px; } .hs-label { color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 8px; font-size: 13px; font-weight: 800; display: block; } .hs-motifs { flex-wrap: wrap; gap: 10px; display: flex; } .hs-motif { border: 2px solid var(--border); cursor: pointer; min-width: 130px; color: inherit; background: rgb(255, 255, 255); border-radius: 14px; flex: 1 1 0px; align-items: center; gap: 9px; padding: 8px 12px 8px 8px; font-size: 15px; font-weight: 700; display: flex; } .hs-motif.on { border-color: var(--primary); } .hs-motif-img { object-fit: cover; background: var(--bg-light); border-radius: 9px; flex: 0 0 auto; width: 40px; height: 40px; } .hs-qty { border: 2px solid var(--border); border-radius: 999px; align-items: center; gap: 14px; padding: 4px 8px; display: inline-flex; } .hs-qty-btn { width: 30px; height: 30px; color: var(--primary); background: var(--bg-light); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 999px; justify-content: center; align-items: center; font-size: 20px; font-weight: 800; line-height: 1; display: inline-flex; } .hs-qty-btn:hover { background: rgb(238, 243, 252); } .hs-qty-n { text-align: center; min-width: 20px; color: var(--ink); font-size: 16px; font-weight: 800; } .cart-foot { border-top: 1px solid var(--border); padding: 11px 18px calc(12px + env(safe-area-inset-bottom)); flex: 0 0 auto; } .cart-subtotal { justify-content: space-between; align-items: baseline; margin-bottom: 4px; display: flex; } .cart-subtotal b { font-size: 16px; } .cart-foot .note { color: var(--text-muted); text-align: center; margin: 5px 0px 8px; font-size: 11.5px; } @media (max-width: 380px) { .cart-panel { width: 100vw; max-width: none; } .cart-line { grid-template-columns: 42px minmax(0px, 1fr) auto; gap: 8px; } .cart-line-media { width: 42px; height: 42px; } } @media (max-width: 600px) and (max-height: 700px) { .cart-head { padding: 14px 16px 11px; } .cart-head h3 { font-size: 19px; } .cart-items { gap: 8px; padding: 9px 12px; } .cart-foot { padding: 7px 12px calc(7px + env(safe-area-inset-bottom)); } .cart-foot .note, .cart-rating { display: none !important; } .cart-klarna { margin-bottom: 5px !important; } .cart-payment-badges { margin-top: 5px !important; } } .ln-scrolltop { right: 18px; bottom: calc(16px + env(safe-area-inset-bottom,0px)); background: var(--ink); color: rgb(255, 255, 255); width: 38px; height: 38px; box-shadow: var(--shadow); opacity: 0; pointer-events: none; z-index: 80; border-radius: 50%; justify-content: center; align-items: center; transition: opacity 0.25s, transform 0.25s; display: flex; position: fixed; transform: translateY(10px); } .ln-scrolltop.visible { opacity: 1; pointer-events: auto; transform: translateY(0px); } .ln-scrolltop:hover { background: rgb(0, 0, 0); } .ln-ph { color: rgb(255, 255, 255); text-align: center; background: linear-gradient(150deg, rgb(27, 48, 102) 0%, rgb(12, 22, 51) 100%); justify-content: center; align-items: center; display: flex; position: absolute; inset: 0px; } .ln-ph.light { color: var(--primary-2); background: linear-gradient(150deg, rgb(234, 240, 251) 0%, rgb(221, 230, 246) 100%); } .ln-ph-inner { justify-items: center; gap: 8px; padding: 20px; display: grid; } .ln-ph-inner svg { opacity: 0.92; width: 56px; height: 56px; } .ln-ph-inner span { letter-spacing: 0.14em; text-transform: uppercase; opacity: 0.7; font-size: 11px; } @media (max-width: 1024px) { .ln-section { padding: 76px 22px; } html, body { overflow-x: clip; } .pp-wrap { gap: 40px; } } @media (max-width: 900px) { .ln-logo { font-size: 22px; } .hp-hero-grid { grid-template-columns: 1fr; gap: 36px; } .hp-featured-inner { grid-template-columns: 1fr; gap: 32px; } .hp-steps-grid { grid-template-columns: 1fr; } .hp-numbers-grid { grid-template-columns: 1fr 1fr; gap: 32px 18px; } .ln-benefits-grid, .pp-wrap { grid-template-columns: 1fr; } .pp-gallery { position: static; } .pp-feature, .pp-feature.reverse { grid-template-columns: 1fr; gap: 28px; } .pp-feature.reverse .pp-feature-media { order: 0; } .pp-trustband { overflow: hidden; } .pp-trustband-inner { flex-wrap: nowrap; grid-template-columns: none; gap: 0px; width: max-content; padding: 16px 0px; animation: 18s linear 0s infinite normal none running tb-scroll; display: flex; } .pp-trustband-inner > .cell { border-right: 1px solid var(--border); flex: 0 0 auto; padding: 0px 24px; } .pp-trustband-inner > .cell:nth-child(n+5) { display: flex; } .pp-size-cards { grid-template-columns: 1fr; } .cat-grid { grid-template-columns: 1fr 1fr; } .ln-footer-grid { grid-template-columns: 1fr 1fr; gap: 40px 28px; } .ln-footer-bottom { text-align: center; flex-direction: column; } } @media (max-width: 600px) { .hp-hero { padding: 54px 18px 72px; } .hp-numbers-grid { grid-template-columns: 1fr 1fr; } .ln-benefits-grid, .pp-sizes, .pp-trust-mini { grid-template-columns: 1fr; } .cat-grid { grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 32px; } .cat-ribbon { padding: 4px 8px; font-size: 9.5px; top: 8px; left: 8px; } .cat-body { padding: 12px 12px 14px; } .cat-body .cat-cat { letter-spacing: 0.04em; font-size: 10px; } .cat-body h3 { margin: 5px 0px 6px; font-size: 15px; line-height: 1.25; } .cat-body p { -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 0px 0px 12px; font-size: 12.5px; line-height: 1.45; display: -webkit-box; overflow: hidden; } .cat-priced { gap: 6px; margin-bottom: 12px; } .cat-priced .p { font-size: 19px; } .cat-priced .c { font-size: 13px; } .cat-card .ln-btn { padding: 11px 10px; font-size: 13px; } .ln-footer-grid { grid-template-columns: 1fr; } .pp-stickybar .meta > span { display: none; } .pp-stickybar .meta b { font-size: 12px; } .pp-stickybar.is-dynamic { gap: 8px; padding-left: 10px; padding-right: 10px; } .pp-stickybar.is-dynamic .pp-stickybar-thumb, .pp-stickybar.is-dynamic .meta b { display: none; } .pp-stickybar.is-dynamic .pp-stickybar-info { gap: 0px; } .pp-stickybar.is-dynamic .pp-stickybar-cta { padding: 12px 14px; font-size: 13px; } .pp-stickybar-sizes { gap: 3px; margin-top: 2px; } .pp-stickybar.is-dynamic .pp-stickybar-size-label { display: none; } .pp-stickybar-size-control select { min-height: 24px; padding: 2px 19px 2px 6px; font-size: 10.5px; } .pp-stickybar-size-control::after { font-size: 10px; right: 6px; } .pp-stickybar-size-summary { min-height: 24px; padding: 2px 6px; font-size: 10.5px; } .pp-stickybar-size-editor { border-radius: 16px; width: calc(-20px + 100vw); padding: 14px; left: 10px; } .pp-stickybar-size-editor-row { grid-template-columns: 24px 1fr; gap: 5px; } .pp-stickybar-size-editor-row button { min-height: 37px; font-size: 11px; } .hp-hero-cta { flex-direction: column; align-items: stretch; } .hp-hero-cta .ln-btn { width: 100%; } .pp-slide { flex-basis: 100%; } .pp-stage { gap: 0px; } .pp-wrap { padding: 20px 14px; } .pp-thumb { flex-basis: 92px; } } @media (max-width: 380px) { .pp-stickybar.is-dynamic .pp-stickybar-cta { letter-spacing: 0px; min-width: 0px; padding: 12px 9px; font-size: 11.5px; } .pp-stickybar.is-dynamic .pp-stickybar-info { overflow: hidden; } .pp-stickybar.is-dynamic .meta, .pp-stickybar.is-dynamic .pp-stickybar-sizes { width: 100%; } .pp-stickybar-size-summary { text-overflow: ellipsis; max-width: 100%; overflow: hidden; } } .cart-autoco { background: var(--accent-soft,#fff4d6); border: 1px solid var(--accent,#f2c14e); border-radius: 10px; justify-content: space-between; align-items: center; gap: 10px; margin: 0px 0px 10px; padding: 9px 12px; font-size: 14px; line-height: 1.35; display: flex; } .cart-autoco-txt { color: var(--ink,#0c1633); font-weight: 700; } .cart-autoco-cancel { color: var(--text-muted,#6a7488); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; flex: 0 0 auto; padding: 4px 2px; font-size: 13px; font-weight: 600; text-decoration: underline; } .avis-trouve { color: rgb(47, 92, 44); background: rgb(241, 247, 240); border: 1px solid rgb(213, 231, 210); border-radius: 12px; align-items: flex-start; gap: 8px; margin: 0px 0px 18px; padding: 11px 13px; font-size: 14px; line-height: 1.5; display: flex; } .avis-trouve strong { color: rgb(35, 72, 31); } @media (min-width: 761px) { .fiche-achat .pp-wrap { gap: 40px; max-width: 1140px; padding-top: 24px; } .fiche-achat .pp-title { font-size: clamp(24px, 2.6vw, 34px); } .fiche-achat .pp-subtitle { font-size: 16px; line-height: 1.5; } .fiche-achat .pp-keygrid { gap: 10px; } .fiche-achat .pp-keycell { padding: 12px 10px; } } .fiche-achat .pp-keygrid { grid-template-columns: 1fr 1fr; } @media (max-width: 760px) { .fiche-achat .pp-keygrid { gap: 8px; margin-bottom: 18px; } .fiche-achat .pp-keycell { gap: 6px; padding: 10px 8px; } .fiche-achat .pp-keycell-ico { transform: scale(0.85); } .fiche-achat .pp-keycell b, .fiche-achat .pp-keycell span:last-child { font-size: 13px; line-height: 1.3; } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-scroll-snap-strictness { syntax: "*"; inherits: false; initial-value: proximity; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-ordinal { syntax: "*"; inherits: false; } @property --tw-slashed-zero { syntax: "*"; inherits: false; } @property --tw-numeric-figure { syntax: "*"; inherits: false; } @property --tw-numeric-spacing { syntax: "*"; inherits: false; } @property --tw-numeric-fraction { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @property --tw-backdrop-blur { syntax: "*"; inherits: false; } @property --tw-backdrop-brightness { syntax: "*"; inherits: false; } @property --tw-backdrop-contrast { syntax: "*"; inherits: false; } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; } @property --tw-backdrop-invert { syntax: "*"; inherits: false; } @property --tw-backdrop-opacity { syntax: "*"; inherits: false; } @property --tw-backdrop-saturate { syntax: "*"; inherits: false; } @property --tw-backdrop-sepia { syntax: "*"; inherits: false; } @property --tw-duration { syntax: "*"; inherits: false; } @keyframes lpa-defile { 100% { transform: translate(-50%); } } @keyframes lpa-pouls { 50% { box-shadow: rgba(245, 196, 94, 0) 0px 0px 0px 12px, rgba(12, 22, 51, 0.3) 0px 6px 16px; } } @scope (.lpa) to (.hors-lpa) { :scope { --nuit: #1b4460; --nuit-2: #1f3672; --encre: #0c1633; --lune: #f5c45e; --or: #d99a22; --creme: #fbf6ec; --glace: #f3f6fc; --teinte: #1b446017; --titre: var(--font-inter-tight), "Inter Tight",system-ui,sans-serif; --logo: var(--font-fredoka), "Fredoka",ui-rounded,sans-serif; } :scope, :scope * { box-sizing: border-box; margin: 0px; padding: 0px; } :scope, :scope { overflow-x: hidden; } :scope .page { width: 100%; position: relative; overflow-x: hidden; } :scope { font-family: var(--titre); color: var(--nuit); -webkit-font-smoothing: antialiased; background: rgb(255, 255, 255); } :scope img, :scope video { max-width: 100%; display: block; } :scope a { color: inherit; text-decoration: none; } :scope button { font: inherit; color: inherit; } :scope .or { color: var(--or); } :scope .lune { color: var(--lune); } :scope .cadre { max-width: 1440px; margin: 0px auto; padding: 0px 48px; } :scope .pastille { background: var(--teinte); letter-spacing: -0.28px; text-transform: uppercase; border-radius: 30px; padding: 2px 10px; font-size: 14px; line-height: 20px; display: inline-block; } :scope h1 { letter-spacing: -1.8px; font-size: 60px; font-weight: 600; line-height: 54px; } :scope h2 { letter-spacing: -1.38px; font-size: 46px; font-weight: 600; line-height: 52px; } :scope .txt { letter-spacing: -0.36px; font-size: 18px; font-weight: 500; line-height: 24px; } :scope .coches { gap: 6px; list-style: none; display: grid; } :scope .coches li { align-items: flex-start; gap: 8px; font-size: 16px; line-height: 22px; display: flex; } :scope .coches li::before { content: ""; background: var(--nuit) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/10px no-repeat; border-radius: 50%; flex: 0 0 auto; width: 16px; height: 16px; margin-top: 3px; } :scope .btn { background: var(--nuit); color: rgb(255, 255, 255); letter-spacing: -0.36px; cursor: pointer; border: 0px; border-radius: 1000px; align-items: center; gap: 14px; height: 46px; padding: 10px 36px; font-size: 18px; font-weight: 600; line-height: 24px; transition: background 0.2s; display: inline-flex; } :scope .btn:hover { background: var(--nuit-2); } :scope .btn.blanc { color: var(--nuit); background: rgb(255, 255, 255); } :scope .btn.contour { color: var(--nuit); box-shadow: inset 0 0 0 1px var(--nuit); background: 0px 0px; } :scope .btn.contour-blanc { color: rgb(255, 255, 255); background: 0px 0px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset; } :scope .btn .fl { display: none; } :scope .m { display: none !important; } :scope .bandeau { background: var(--creme); text-align: center; letter-spacing: -0.24px; padding: 6px 12px; font-size: 12px; font-weight: 500; line-height: 18px; } :scope .bandeau a { margin-left: 10px; font-weight: 600; text-decoration: underline; } :scope .entete { z-index: 30; position: absolute; top: 42px; left: 0px; right: 0px; } :scope .entete.fixe { position: fixed; top: 12px; } :scope .entete .cadre { justify-content: space-between; align-items: center; display: flex; } :scope .pilule { color: rgb(255, 255, 255); background: rgba(58, 62, 74, 0.45); border-radius: 999px; align-items: center; gap: 26px; padding: 10px 26px; font-size: 15px; font-weight: 500; transition: background 0.3s; display: flex; } :scope .fixe .pilule { background: rgba(22, 41, 90, 0.88); } :scope .pilule.droite { gap: 14px; padding: 8px 8px 8px 16px; } :scope .logo { font-family: var(--logo); letter-spacing: -0.01em; white-space: nowrap; align-items: center; gap: 6px; font-size: 25px; font-weight: 700; display: flex; } :scope .logo svg { width: 20px; height: 20px; } :scope .pilule nav { gap: 26px; display: flex; } :scope .pilule nav a { align-items: center; gap: 4px; display: flex; } :scope .ico { flex: 0 0 auto; place-items: center; width: 42px; height: 42px; display: grid; position: relative; } :scope .ico svg { width: 22px; height: 22px; } :scope .ico b { background: var(--lune); color: var(--encre); border-radius: 999px; place-items: center; min-width: 16px; height: 16px; font-size: 10px; display: grid; position: absolute; top: 4px; right: 2px; } :scope .pilule .btn { height: 40px; padding: 8px 20px; font-size: 15px; } :scope .entete-m { display: none; } :scope .hero { background: var(--encre); height: 764px; position: relative; overflow: hidden; } :scope .hero video { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0px; } :scope .hero::after { content: ""; background: linear-gradient(90deg, rgba(10, 18, 40, 0.55) 0%, rgba(10, 18, 40, 0.2) 50%, rgba(10, 18, 40, 0) 72%); position: absolute; inset: 0px; } :scope .hero .cadre { z-index: 2; flex-direction: column; justify-content: flex-end; height: 100%; padding-bottom: 72px; display: flex; position: relative; } :scope .hero .note { color: rgb(255, 255, 255); align-items: center; gap: 8px; margin-bottom: 14px; font-size: 15px; display: flex; } :scope .hero .note u { font-size: 12px; } :scope .etoiles-v, :scope .etoiles-tp { gap: 2px; display: inline-flex; } :scope .etoiles-tp i { color: rgb(255, 255, 255); background: rgb(0, 182, 122); place-items: center; width: 18px; height: 18px; font-size: 12px; font-style: normal; display: grid; } :scope .etoiles-tp i.demi { background: linear-gradient(90deg, rgb(0, 182, 122) 60%, rgb(220, 220, 230) 60%); } :scope .tp-logo { font-size: 13px; font-weight: 600; } :scope .hero a.note { text-decoration: none; } :scope .etoiles-v i { background: var(--lune); width: 16px; height: 16px; color: var(--encre); place-items: center; font-size: 10px; font-style: normal; display: grid; } :scope .hero h1 { color: rgb(255, 255, 255); max-width: 663px; } :scope .hero .txt { color: rgb(255, 255, 255); letter-spacing: -0.32px; max-width: 560px; margin-top: 24px; font-size: 16px; line-height: 22px; } :scope .hero .btn { align-self: flex-start; margin-top: 36px; } :scope .defile { white-space: nowrap; align-items: center; height: 150px; display: flex; overflow: hidden; } :scope .defile .piste { animation: 40s linear 0s infinite normal none running lpa-defile; display: inline-flex; } :scope .defile span { font-family: var(--logo); color: rgb(158, 168, 192); align-items: center; gap: 64px; padding-right: 64px; font-size: 28px; font-weight: 600; display: inline-flex; } :scope .defile span::after { content: ""; background: var(--lune); border-radius: 50%; width: 12px; height: 12px; } :scope .duo { background: var(--creme); border-radius: 24px; grid-template-columns: 1fr 636px; min-height: 795px; margin-top: 90px; display: grid; overflow: hidden; } :scope .duo.premier { margin-top: 40px; } :scope .duo .texte { flex-direction: column; justify-content: center; align-items: flex-start; padding: 72px; display: flex; } :scope .duo .pastille { margin-bottom: 12px; } :scope .duo .txt { max-width: 564px; margin-top: 24px; } :scope .duo .coches { margin-top: 24px; } :scope .duo .btn { margin-top: 48px; } :scope .duo .image { position: relative; } :scope .duo .image img { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0px; } :scope .duo.inverse { grid-template-columns: 636px 1fr; } :scope .duo.inverse .image { order: -1; } :scope .duo.court { min-height: 679px; } :scope .source { letter-spacing: -0.24px; opacity: 0.8; max-width: 564px; margin-top: 18px; font-size: 12px; font-style: italic; line-height: 18px; } :scope .source i { font-style: italic; } :scope .txt sup, :scope .source sup { font-size: 0.65em; line-height: 0; } :scope .duo .image-blanche { background: rgb(255, 255, 255); } :scope .duo .image-blanche img { object-fit: contain; padding: 40px; } :scope .vitre { background: url("https://cdn.shopify.com/s/files/1/0949/8755/1105/files/lptn-accueil-fond-flou.webp?v=1790263957") 50% center / cover; margin-top: 90px; padding: 90px 48px; } :scope .vitre .carte { color: rgb(255, 255, 255); background: rgba(16, 28, 64, 0.5); border-radius: 24px; grid-template-columns: 1fr 607px; align-items: center; gap: 40px; max-width: 1344px; margin: 0px auto; padding: 58px 38px 58px 72px; display: grid; } :scope .vitre .pastille { color: rgb(255, 255, 255); background: 0px 0px; margin-bottom: 16px; padding: 4px 12px; box-shadow: rgba(255, 255, 255, 0.7) 0px 0px 0px 1px inset; } :scope .vitre h2 { color: rgb(255, 255, 255); } :scope .vitre-txt { color: rgb(227, 232, 245); max-width: 540px; margin-top: 20px; } :scope .legende { gap: 14px; margin-top: 26px; list-style: none; display: grid; } :scope .legende li { letter-spacing: -0.36px; align-items: center; gap: 12px; font-size: 18px; font-weight: 500; line-height: 24px; display: flex; } :scope .legende b { background: var(--lune); width: 28px; height: 28px; color: var(--encre); border-radius: 50%; flex: 0 0 auto; place-items: center; font-size: 14px; display: grid; } :scope .vitre .btn { margin-top: 40px; } :scope .photo-annotee { aspect-ratio: 607 / 512; border-radius: 16px; position: relative; overflow: hidden; } :scope .photo-annotee img { object-fit: cover; width: 100%; height: 100%; } :scope .num { background: var(--lune); width: 32px; height: 32px; color: var(--encre); border-radius: 50%; place-items: center; font-size: 15px; font-weight: 700; animation: 2.4s ease-in-out 0s infinite normal none running lpa-pouls; display: grid; position: absolute; transform: translate(-50%, -50%); box-shadow: rgba(245, 196, 94, 0.35) 0px 0px 0px 6px, rgba(12, 22, 51, 0.3) 0px 6px 16px; } :scope .vitre { position: relative; overflow: hidden; } :scope .vitre .fond-video { object-fit: cover; filter: blur(18px) brightness(0.8); z-index: 0; width: calc(100% + 80px); height: calc(100% + 80px); position: absolute; inset: -40px; } :scope .vitre .carte { z-index: 1; position: relative; } :scope #rail-envideo { gap: 16px; margin-top: 32px; } :scope .clip-v { scroll-snap-align: start; background: rgb(12, 22, 51); border-radius: 18px; flex: 0 0 calc(20% - 12.8px); position: relative; overflow: hidden; } :scope .clip-v video { aspect-ratio: 9 / 16; object-fit: cover; width: 100%; } :scope .legende-v { color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.55) 0px 1px 10px; font-size: 15px; font-weight: 600; line-height: 20px; position: absolute; bottom: 14px; left: 14px; right: 14px; } :scope .clip-v .son { color: var(--nuit); cursor: pointer; background: rgba(255, 255, 255, 0.92); border: 0px; border-radius: 999px; padding: 7px 12px; font-size: 13px; font-weight: 600; position: absolute; top: 12px; right: 12px; } :scope .clip-v.actif-son .son { background: var(--lune); } :scope .bande-video { height: 620px; margin: 90px calc(50% - 50vw) 0px; position: relative; overflow: hidden; } :scope .bande-video video { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0px; } :scope .bande-video::after { content: ""; background: linear-gradient(90deg, rgba(10, 18, 40, 0.72) 0%, rgba(10, 18, 40, 0.25) 55%, rgba(10, 18, 40, 0) 75%); position: absolute; inset: 0px; } :scope .bande-texte { z-index: 2; max-width: 560px; position: absolute; bottom: 72px; left: max(48px, -672px + 50vw); } :scope .bande-texte .pastille { color: rgb(255, 255, 255); background: 0px 0px; margin-bottom: 14px; box-shadow: rgba(255, 255, 255, 0.7) 0px 0px 0px 1px inset; } :scope .bande-texte h2 { color: rgb(255, 255, 255); } :scope .banniere > video { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0px; } :scope .banniere > .m-vid { display: none; } @media (min-width: 761px) { :scope .page .banniere { background: var(--creme); grid-template-columns: 1fr 1fr; height: 340px; display: grid; } :scope .page .banniere::before { display: none; } :scope .page .banniere > .o-vid { object-position: center 45%; grid-area: 1 / 2; width: 100%; height: 340px; position: relative; inset: auto; } :scope .page .banniere .texte { grid-area: 1 / 1; align-self: center; padding: 0px 56px; } :scope .page .banniere .btn { grid-area: 1 / 1; place-self: end start; margin: 0px 0px 36px 56px; position: static; } :scope .page .banniere .texte { padding-bottom: 70px; } :scope .page .banniere .btn { background: var(--nuit); color: rgb(255, 255, 255); } } :scope .video-avis.boucle { cursor: default; } :scope .video-avis .etiq-v { color: var(--nuit); background: rgb(255, 255, 255); border-radius: 999px; padding: 5px 10px; font-size: 12px; font-weight: 600; position: absolute; top: 12px; left: 12px; } :scope .coches-bande { white-space: nowrap; background: rgb(230, 236, 248); border-radius: 12px; align-items: center; height: 46px; margin-top: 0px; display: flex; overflow: hidden; } :scope .coches-bande .piste { animation: 44s linear 0s infinite normal none running lpa-defile; display: inline-flex; } :scope .coches-bande span { letter-spacing: -0.32px; text-transform: uppercase; border-right: 1px solid var(--nuit); align-items: center; gap: 10px; padding: 0px 24px; font-size: 14px; font-weight: 500; line-height: 20px; display: inline-flex; } :scope .coches-bande span::before { content: "✓"; border: 1.3px solid var(--nuit); border-radius: 50%; place-items: center; width: 20px; height: 20px; font-size: 11px; display: grid; } :scope .bande-sec { max-width: 1440px; margin: 0px auto; padding: 72px 48px 0px; } :scope .compare { grid-template-columns: 400px 1fr; align-items: start; gap: 60px; margin-top: 120px; display: grid; } :scope .compare-tete .pastille, :scope .evo-tete .pastille { margin-bottom: 12px; } :scope .tableau { background: rgb(255, 255, 255); border-radius: 20px; overflow: hidden; box-shadow: rgba(22, 41, 90, 0.08) 0px 4px 30px; } :scope .tableau .ligne { border-top: 1px solid rgb(237, 239, 244); align-items: center; min-height: 64px; display: grid; } :scope .tableau .ligne:first-child { border-top: 0px; } :scope .tableau .ligne > * { letter-spacing: -0.32px; text-align: center; justify-content: center; align-items: center; height: 100%; padding: 14px 18px; font-size: 16px; line-height: 22px; display: flex; } :scope .tableau .ligne > span:first-child { text-align: left; justify-content: flex-start; font-weight: 500; } :scope .tableau .entete-t > * { font-size: 14px; font-weight: 600; line-height: 18px; } :scope .tableau .nous { background: var(--nuit); color: rgb(255, 255, 255); } :scope .tableau .entete-t .nous { font-family: var(--logo); font-size: 17px; } :scope .tableau em { font-style: normal; } :scope .tableau em.nous { font-weight: 600; } :scope .tableau i { font-style: normal; } :scope .tableau i::before { content: ""; border-radius: 50%; place-items: center; width: 24px; height: 24px; font-size: 13px; font-weight: 700; display: grid; } :scope .tableau i.oui::before { content: "✓"; background: var(--lune); color: var(--encre); } :scope .tableau i.non::before { content: "✕"; color: rgb(154, 162, 181); background: rgb(238, 240, 244); } :scope .tableau i.bof::before { content: "–"; color: rgb(154, 162, 181); background: rgb(238, 240, 244); } :scope .evolution { background: var(--creme); border-radius: 24px; margin-top: 120px; padding: 72px; } :scope .evo-tete { max-width: 760px; } :scope .evo-tete .txt { margin-top: 20px; } :scope .evo-duo { grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 40px; display: grid; } :scope .evo-duo figure { background: rgb(255, 255, 255); border-radius: 18px; overflow: hidden; } :scope .evo-duo img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; } :scope .evo-duo figcaption { padding: 18px 22px 22px; } :scope .evo-duo figcaption p { margin-top: 10px; font-size: 16px; line-height: 22px; } :scope .pastille.neuf { background: var(--lune); } :scope .evolution .tableau { margin-top: 18px; } :scope .etapes-tete { justify-content: space-between; align-items: center; gap: 20px; margin-top: 72px; display: flex; } :scope .etapes { grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 40px; display: grid; } :scope .etape { background: rgb(255, 255, 255); border-radius: 18px; padding: 12px 12px 24px; transition: transform 0.35s; box-shadow: rgba(22, 41, 90, 0.08) 0px 4px 24px; } :scope .etape img, :scope .etape video { aspect-ratio: 299 / 206; object-fit: cover; background: var(--creme); border-radius: 12px; width: 100%; } :scope .etape small { letter-spacing: -0.28px; margin: 18px 6px 0px; font-size: 14px; line-height: 20px; display: block; } :scope .etape small::after { content: ""; background: var(--nuit); width: 18px; height: 1.5px; margin-top: 14px; display: block; } :scope .etape p { letter-spacing: -0.36px; margin: 14px 6px 0px; font-size: 18px; line-height: 24px; } :scope .carrousel-tete { justify-content: space-between; align-items: flex-end; gap: 20px; margin-top: 120px; display: flex; } :scope .carrousel-tete .pastille { margin-bottom: 12px; } :scope .fleches { gap: 8px; display: flex; } :scope .fleches button { cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(217, 221, 231); border-radius: 50%; width: 40px; height: 40px; font-size: 16px; } :scope .rail { cursor: grab; scroll-snap-type: x mandatory; scrollbar-width: none; scroll-behavior: smooth; gap: 16px; display: flex; overflow-x: auto; } :scope .rail::-webkit-scrollbar { display: none; } :scope .insta .rail { scroll-padding: 0px 48px; } :scope #rail-produits { margin-top: 32px; } :scope .produit { scroll-snap-align: start; background: var(--creme); border-radius: 18px; flex-direction: column; flex: 0 0 calc(25% - 12px); display: flex; overflow: hidden; } :scope .produit .vis { aspect-ratio: 1 / 1; background: rgb(255, 255, 255); position: relative; } :scope .produit .vis img { object-fit: cover; width: 100%; height: 100%; } :scope .produit .badge { background: var(--lune); color: var(--encre); border-radius: 30px; padding: 4px 10px; font-size: 12px; font-weight: 600; position: absolute; top: 12px; left: 12px; } :scope .produit .inf { flex-direction: column; flex: 1 1 0%; gap: 2px; padding: 18px 20px 20px; display: flex; } :scope .produit h3 { letter-spacing: -0.36px; font-size: 18px; font-weight: 600; line-height: 24px; } :scope .produit .desc { font-size: 14px; line-height: 20px; } :scope .produit .bas { justify-content: space-between; align-items: center; margin-top: auto; padding-top: 14px; display: flex; } :scope .produit .prix { font-size: 18px; font-weight: 600; } :scope .produit .prix s { opacity: 0.6; margin-left: 6px; font-size: 14px; font-weight: 400; } :scope .produit .voir { background: var(--nuit); color: rgb(255, 255, 255); border-radius: 1000px; padding: 8px 16px; font-size: 14px; font-weight: 600; } :scope .banniere { border-radius: 24px; align-items: center; height: 256px; margin-top: 90px; display: flex; position: relative; overflow: hidden; } :scope .banniere > img { object-fit: cover; object-position: center 35%; width: 100%; height: 100%; position: absolute; inset: 0px; } :scope .banniere::before { content: ""; z-index: 1; background: linear-gradient(90deg, rgba(251, 246, 236, 0.97) 0%, rgba(251, 246, 236, 0.9) 40%, rgba(251, 246, 236, 0) 70%); position: absolute; inset: 0px; } :scope .banniere .texte { z-index: 2; padding: 0px 36px; position: relative; } :scope .banniere h2 { letter-spacing: -0.9px; max-width: 627px; font-size: 38px; line-height: 44px; } :scope .banniere .coches { margin-top: 16px; } :scope .banniere .btn { z-index: 2; position: absolute; bottom: 28px; right: 28px; } :scope .avis { background: var(--creme); margin-top: 120px; padding: 90px 0px; } :scope .avis .pastille { margin-bottom: 12px; } :scope .avis h2 { letter-spacing: -0.9px; } :scope .avis .lien { margin-top: 10px; font-size: 14px; font-weight: 600; text-decoration: underline; display: inline-block; } :scope #rail-avis { margin-top: 40px; } :scope .carte-avis { scroll-snap-align: start; background: rgb(255, 255, 255); border-radius: 12px; flex-direction: column; flex: 0 0 calc(25% - 12px); align-self: flex-start; padding: 20px; display: flex; } :scope .carte-avis .haut { align-items: center; gap: 8px; font-size: 13px; display: flex; } :scope .carte-avis .haut i { color: rgb(0, 182, 122); letter-spacing: 1px; font-style: normal; } :scope .carte-avis .verif { align-items: center; gap: 4px; display: inline-flex; } :scope .carte-avis .verif::before { content: "✓"; background: var(--nuit); color: rgb(255, 255, 255); border-radius: 50%; place-items: center; width: 13px; height: 13px; font-size: 8px; display: grid; } :scope .carte-avis h3 { letter-spacing: -0.32px; margin-top: 14px; font-size: 16px; font-weight: 600; line-height: 22px; } :scope .carte-avis p { letter-spacing: -0.28px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 12px; font-size: 14px; line-height: 20px; display: -webkit-box; overflow: hidden; } :scope .carte-avis .qui { letter-spacing: -0.24px; text-transform: uppercase; opacity: 0.6; margin-top: 14px; font-size: 12px; line-height: 18px; } :scope .points { justify-content: center; align-items: center; gap: 12px; margin-top: 28px; display: flex; } :scope .points .fleches button { width: 32px; height: 32px; font-size: 13px; } :scope .dots { gap: 4px; display: flex; } :scope .dots i { background: rgb(205, 210, 222); border-radius: 50%; width: 5px; height: 5px; } :scope .dots i.on { background: var(--nuit); } :scope .videos-tete { margin-top: 64px; } :scope .videos-tete .pastille { margin-bottom: 12px; } :scope .videos-tete h3 { letter-spacing: -0.9px; font-size: 30px; font-weight: 600; line-height: 36px; } :scope #rail-videos { margin-top: 22px; } :scope .video-avis { scroll-snap-align: start; cursor: pointer; background: rgb(0, 0, 0); border-radius: 12px; flex: 0 0 calc(25% - 12px); position: relative; overflow: hidden; } :scope .video-avis video { aspect-ratio: 9 / 14; object-fit: cover; width: 100%; } :scope .video-avis .jouer { place-items: center; display: grid; position: absolute; inset: 0px; } :scope .video-avis .jouer b { width: 54px; height: 54px; color: var(--nuit); background: rgba(255, 255, 255, 0.92); border-radius: 50%; place-items: center; padding-left: 4px; display: grid; } :scope .video-avis.lecture .jouer { display: none; } :scope .note-version { text-align: center; opacity: 0.7; max-width: 640px; margin: 22px auto 0px; font-size: 13px; font-style: italic; line-height: 19px; } :scope .faq { grid-template-columns: 466px 1fr; gap: 92px; padding: 120px 0px 90px; display: grid; } :scope .faq .pastille { margin-bottom: 12px; } :scope .faq h2 { letter-spacing: -0.9px; } :scope .faq details { border-bottom: 1px solid rgb(218, 222, 231); } :scope .faq summary { cursor: pointer; letter-spacing: -0.36px; justify-content: space-between; gap: 20px; padding: 22px 0px; font-size: 18px; font-weight: 600; line-height: 24px; list-style: none; display: flex; } :scope .faq summary::-webkit-details-marker { display: none; } :scope .faq summary::after { content: ""; border-right: 1.6px solid var(--nuit); border-bottom: 1.6px solid var(--nuit); flex: 0 0 auto; width: 9px; height: 9px; margin-top: 5px; transition: transform 0.2s; transform: rotate(45deg); } :scope .faq details[open] summary::after { transform: rotate(-135deg); } :scope .faq details p { letter-spacing: -0.32px; padding: 0px 0px 22px; font-size: 16px; line-height: 22px; } :scope .insta { background: var(--creme); padding: 120px 0px; } :scope .insta .tete { justify-content: space-between; align-items: flex-end; display: flex; } :scope .insta .pastille { margin-bottom: 12px; } :scope .insta h2 { letter-spacing: -0.9px; } :scope .compte { align-items: center; gap: 8px; font-size: 16px; font-weight: 600; display: flex; } :scope .insta .rail { gap: 8px; margin-top: 48px; padding: 0px 48px; } :scope .insta .rail > * { object-fit: cover; border-radius: 12px; flex: 0 0 440px; width: 440px; height: 440px; } :scope .pied { background: var(--encre) url(https://cdn.shopify.com/s/files/1/0949/8755/1105/files/lptn-accueil-fond-flou.webp?v=1790263957) top center/100% auto no-repeat; color: rgb(255, 255, 255); padding: 130px 0px 60px; position: relative; } :scope .pied::before { content: ""; background: linear-gradient(180deg,#0c16338c 0%,var(--encre) 45%); position: absolute; inset: 0px; } :scope .pied .cadre { padding: 0px 96px; position: relative; } :scope .lettre { backdrop-filter: blur(12px); background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 24px; grid-template-columns: 1fr 1fr; align-items: center; gap: 40px; padding: 40px 48px; display: grid; } :scope .lettre h3 { letter-spacing: -0.9px; font-size: 24px; font-weight: 600; line-height: 30px; } :scope .lettre p { opacity: 0.9; margin-top: 10px; font-size: 16px; line-height: 22px; } :scope .lettre form { background: rgb(255, 255, 255); border-radius: 120px; align-items: center; height: 58px; padding: 4px 4px 4px 22px; display: flex; } :scope .lettre input { min-width: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; color: var(--nuit); background: 0px 0px; border: 0px; outline: 0px; flex: 1 1 0%; font-size: 16px; } :scope .lettre form button { background: var(--lune); color: var(--encre); cursor: pointer; border: 0px; border-radius: 120px; height: 50px; padding: 0px 32px; font-size: 16px; font-weight: 600; } :scope .lettre small { opacity: 0.75; text-align: center; margin-top: 10px; font-size: 12px; line-height: 18px; display: block; } :scope .colonnes { grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 30px; margin-top: 80px; display: grid; } :scope .colonnes h4 { margin-bottom: 16px; font-size: 26px; font-weight: 600; line-height: 32px; } :scope .colonnes p { opacity: 0.85; max-width: 380px; font-size: 14px; line-height: 20px; } :scope .colonnes details summary { letter-spacing: 0.04em; text-transform: uppercase; pointer-events: none; margin-bottom: 20px; font-size: 14px; font-weight: 600; list-style: none; } :scope .colonnes details summary::-webkit-details-marker { display: none; } :scope .colonnes details a { opacity: 0.9; margin-bottom: 12px; font-size: 16px; line-height: 22px; display: block; } :scope .bas-pied { opacity: 0.9; border-top: 1px solid rgba(255, 255, 255, 0.14); flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px; margin-top: 60px; padding-top: 30px; font-size: 12px; display: flex; } :scope .bas-pied .logo { font-size: 56px; } :scope .bas-pied .logo svg { width: 44px; height: 44px; } :scope .bas-pied nav { flex-wrap: wrap; gap: 18px; display: flex; } :scope .mentions { letter-spacing: -0.24px; color: rgba(255, 255, 255, 0.72); gap: 12px; max-width: 1248px; margin-top: 36px; font-size: 12px; line-height: 18px; display: grid; } :scope .apparait { opacity: 0; transition: opacity 0.7s, transform 0.7s; transform: translateY(16px); } :scope .apparait.vu { opacity: 1; transform: none; } @media (max-width: 760px) { :scope .cadre { padding: 0px 12px; } :scope .m { display: flex !important; } :scope .o { display: none !important; } :scope .pastille { padding: 2px 10px; font-size: 12px; line-height: 18px; } :scope h1 { letter-spacing: -1.08px; font-size: 34px; line-height: 40px; } :scope h2 { letter-spacing: -1.38px; font-size: 30px; line-height: 36px; } :scope .txt { font-size: 16px; line-height: 22px; } :scope .coches li { font-size: 14px; line-height: 20px; } :scope .btn { justify-content: space-between; width: 100%; height: 44px; padding: 10px 7px 10px 36px; font-size: 16px; line-height: 22px; display: flex; } :scope .btn .fl { width: 30px; height: 30px; color: var(--nuit); background: rgb(255, 255, 255); border-radius: 50%; flex: 0 0 auto; place-items: center; font-size: 15px; display: grid; } :scope .btn.blanc .fl { background: var(--nuit); color: rgb(255, 255, 255); } :scope .btn.contour .fl, :scope .btn.contour-blanc .fl { width: auto; height: auto; color: inherit; background: 0px 0px; margin-right: 12px; } :scope .bandeau { letter-spacing: -0.2px; white-space: nowrap; padding: 4px 8px; font-size: 10px; line-height: 16px; } :scope .bandeau a { margin-left: 14px; } :scope .entete { display: none; } :scope .entete-m { z-index: 30; display: block; position: absolute; top: 36px; left: 12px; right: 12px; } :scope .entete-m.fixe { position: fixed; top: 10px; } :scope .entete-m .pilule { justify-content: space-between; gap: 0px; padding: 10px 12px; } :scope .entete-m .logo { gap: 5px; font-size: 21px; position: absolute; left: 50%; transform: translate(-50%); } :scope .entete-m .logo svg { width: 17px; height: 17px; } :scope .entete-m .droite-m { display: flex; } :scope .hero { height: 163vw; max-height: 720px; } :scope .hero::after { background: linear-gradient(rgba(10, 18, 40, 0) 38%, rgba(10, 18, 40, 0.3) 58%, rgba(10, 18, 40, 0.72) 100%); } :scope .hero .cadre { padding: 0px 12px 30px; } :scope .hero .note { gap: 6px; margin-bottom: 12px; font-size: 14px; } :scope .hero .note u { font-size: 11px; } :scope .hero .txt { letter-spacing: -0.32px; margin-top: 18px; font-size: 14px; line-height: 20px; } :scope .hero .btn { align-self: stretch; margin-top: 30px; } :scope .defile { height: 138px; } :scope .defile span { gap: 44px; padding-right: 44px; font-size: 22px; } :scope .duo, :scope .duo.inverse { grid-template-columns: 1fr; min-height: 0px; margin-top: 42px; } :scope .duo.premier { margin-top: 0px; } :scope .duo .image { aspect-ratio: 366 / 354; order: -1; } :scope .duo .texte { padding: 30px 18px 18px; } :scope .duo .txt { margin-top: 18px; } :scope .duo .coches { margin-top: 20px; } :scope .duo .btn { margin-top: 32px; } :scope .source { margin-top: 14px; font-size: 10px; line-height: 16px; } :scope .duo .image-blanche img { padding: 18px; } :scope .vitre { margin-top: 42px; padding: 42px 12px; } :scope .vitre .carte { grid-template-columns: 1fr; gap: 0px; padding: 30px 18px 18px; } :scope .vitre .pastille { margin-bottom: 14px; padding: 4px 12px; } :scope .legende { gap: 10px; margin-top: 18px; } :scope .legende li { letter-spacing: -0.32px; font-size: 14px; line-height: 20px; } :scope .legende b { width: 24px; height: 24px; font-size: 12px; } :scope .photo-annotee { aspect-ratio: 330 / 278; margin-top: 28px; } :scope .num { width: 26px; height: 26px; font-size: 13px; } :scope .vitre .btn.m { margin-top: 28px; } :scope .bande-sec { padding: 0px 12px; } :scope .coches-bande { margin-top: 28px; } :scope .compare { grid-template-columns: 1fr; gap: 24px; margin-top: 64px; } :scope .tableau .ligne { min-height: 52px; } :scope .tableau .ligne > * { padding: 10px 6px; font-size: 13px; line-height: 17px; } :scope .tableau .ligne > span:first-child { padding-left: 14px; } :scope .tableau .entete-t > * { font-size: 10.5px; line-height: 13px; } :scope .tableau .entete-t .nous { font-size: 12px; } :scope .t4 .ligne { grid-template-columns: 1.7fr 0.9fr 0.8fr 0.8fr 0.8fr; } :scope .tableau i::before { width: 20px; height: 20px; font-size: 11px; } :scope .evolution { border-radius: 0px; margin: 42px -12px 0px; padding: 42px 12px; } :scope .evo-duo { grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 26px; } :scope .evo-duo figcaption { padding: 12px; } :scope .evo-duo figcaption .pastille { padding: 2px 8px; font-size: 10px; } :scope .evo-duo figcaption p { font-size: 13px; line-height: 18px; } :scope .etapes-tete { text-align: center; justify-content: center; margin-top: 44px; } :scope .etapes-tete h2 { max-width: 280px; } :scope .etapes { scroll-snap-type: x mandatory; scrollbar-width: none; gap: 10px; margin: 24px -12px 0px; padding: 8px calc(-145px + 50vw) 18px; display: flex; overflow-x: auto; } :scope .etapes::-webkit-scrollbar { display: none; } :scope .etape { scroll-snap-align: center; flex: 0 0 290px; transform: scale(0.92); box-shadow: rgba(22, 41, 90, 0.1) 0px 6px 24px; } :scope .etape.actif { transform: none; } :scope .etape img, :scope .etape video { aspect-ratio: 266 / 184; } :scope .etape small { font-size: 12px; line-height: 18px; } :scope .etape p { font-size: 16px; line-height: 22px; } :scope .etapes-bouton { margin-top: 20px; } :scope .banniere > .o-vid { display: none; } :scope .banniere > .m-vid { object-position: center 30%; height: 62%; display: block; } :scope .clip-v { flex: 0 0 62%; } :scope #rail-envideo { gap: 10px; margin: 24px -12px 0px; padding: 0px 12px; } :scope .bande-video { height: 520px; margin-top: 42px; } :scope .bande-video::after { background: linear-gradient(rgba(10, 18, 40, 0) 35%, rgba(10, 18, 40, 0.3) 55%, rgba(10, 18, 40, 0.8) 100%); } :scope .bande-texte { bottom: 30px; left: 12px; right: 12px; } :scope .carrousel-tete { margin-top: 64px; } :scope #rail-produits { gap: 12px; margin: 24px -12px 0px; padding: 0px 12px; } :scope .produit { flex: 0 0 74%; } :scope .banniere { align-items: flex-end; height: 546px; margin-top: 42px; display: block; } :scope .banniere > img { object-position: center top; } :scope .banniere::before { background: linear-gradient(rgba(251, 246, 236, 0) 50%, rgba(251, 246, 236, 0.95) 64%, rgb(251, 246, 236) 100%); } :scope .banniere .texte { padding: 0px 18px; position: absolute; bottom: 84px; left: 0px; right: 0px; } :scope .banniere h2 { font-size: 26px; line-height: 32px; } :scope .banniere .coches { margin-top: 14px; } :scope .banniere .btn { width: auto; bottom: 18px; left: 18px; right: 18px; } :scope .avis { margin-top: 42px; padding: 42px 0px; } :scope .avis h2 { font-size: 30px; line-height: 36px; } :scope .avis .lien { font-size: 12px; } :scope #rail-avis, :scope #rail-videos { gap: 12px; margin: 28px -12px 0px; padding: 0px 12px; } :scope .rail { scroll-padding: 0px 12px; } :scope .carte-avis { flex: 0 0 280px; padding: 18px; } :scope .carte-avis h3 { margin-top: 12px; font-size: 14px; line-height: 20px; } :scope .carte-avis p { letter-spacing: -0.24px; font-size: 12px; line-height: 18px; } :scope .carte-avis .qui { letter-spacing: -0.2px; font-size: 10px; line-height: 16px; } :scope .videos-tete { margin-top: 44px; } :scope .videos-tete h3 { font-size: 24px; line-height: 30px; } :scope .video-avis { flex: 0 0 200px; } :scope .faq { grid-template-columns: 1fr; gap: 26px; padding: 54px 0px 42px; } :scope .faq summary { padding: 18px 8px; font-size: 16px; line-height: 22px; } :scope .faq details p { letter-spacing: -0.28px; padding: 0px 20px 18px; font-size: 14px; line-height: 20px; } :scope .insta { padding: 42px 0px; } :scope .insta .rail { margin-top: 26px; padding: 0px 12px; } :scope .insta .rail > * { flex: 0 0 210px; width: 210px; height: 210px; } :scope .insta .compte.m { margin: 18px 12px 0px; font-size: 14px; } :scope .pied { background: var(--encre); padding: 42px 0px 30px; } :scope .pied::before { display: none; } :scope .pied .cadre { padding: 0px 12px; } :scope .lettre { grid-template-columns: 1fr; gap: 20px; padding: 24px; } :scope .lettre h3 { font-size: 20px; line-height: 26px; } :scope .lettre p { font-size: 14px; line-height: 20px; } :scope .lettre form { height: 50px; padding-left: 18px; } :scope .lettre form button { height: 42px; padding: 0px 24px; } :scope .lettre small { font-size: 10px; line-height: 16px; } :scope .colonnes { grid-template-columns: 1fr; gap: 0px; margin-top: 40px; } :scope .colonnes > div:first-child { margin-bottom: 24px; } :scope .colonnes h4 { font-size: 26px; } :scope .colonnes p { font-size: 12px; line-height: 18px; } :scope .colonnes details { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } :scope .colonnes details summary { pointer-events: auto; cursor: pointer; justify-content: space-between; align-items: center; height: 58px; margin: 0px; display: flex; } :scope .colonnes details summary::after { content: ""; border-bottom: 1.5px solid rgb(255, 255, 255); border-right: 1.5px solid rgb(255, 255, 255); width: 8px; height: 8px; transform: rotate(45deg); } :scope .colonnes details a { padding-left: 12px; } :scope .colonnes details[open] { padding-bottom: 12px; } :scope .bas-pied { flex-direction: column; align-items: flex-start; gap: 18px; margin-top: 40px; } :scope .bas-pied .logo { font-size: 50px; } :scope .bas-pied .logo svg { width: 38px; height: 38px; } :scope .mentions { letter-spacing: -0.24px; margin-top: 28px; font-size: 10px; line-height: 16px; } } @media (min-width: 761px) and (max-width: 1199px) { :scope .cadre { padding: 0px 32px; } :scope h1 { font-size: clamp(44px, 5.4vw, 56px); line-height: 1.02; } :scope h2 { font-size: clamp(32px, 3.8vw, 40px); line-height: 1.12; } :scope .hero { height: min(100svh, 680px); } :scope .duo, :scope .duo.inverse { grid-template-columns: 1fr 1fr; min-height: 560px; margin-top: 64px; } :scope .duo.premier { margin-top: 24px; } :scope .duo .texte { padding: 48px 40px; } :scope .duo.court { min-height: 520px; } :scope .vitre { padding: 64px 32px; } :scope .vitre .carte { grid-template-columns: 1fr 1fr; gap: 28px; padding: 32px; } :scope .vitre .carte > div:first-child { padding: 0px; } :scope .compare { grid-template-columns: 1fr; gap: 28px; margin-top: 88px; } :scope .evolution { margin-top: 88px; padding: 48px 40px; } :scope .etapes { grid-template-columns: repeat(2, 1fr); } :scope .carrousel-tete { margin-top: 88px; } :scope .produit { flex-basis: calc(33.3333% - 10.6667px); } :scope .clip-v { flex-basis: calc(29.4118% - 14.1176px); } :scope .carte-avis, :scope .video-avis { flex-basis: calc(33.3333% - 10.6667px); } :scope .bande-video { height: 520px; } :scope .bande-texte { left: 32px; } :scope .faq { grid-template-columns: 1fr; gap: 28px; padding: 88px 0px 72px; } :scope .insta .rail { padding: 0px 32px; } :scope .insta .rail > * { flex-basis: 340px; width: 340px; height: 340px; } :scope .page .banniere { height: auto; min-height: 380px; } :scope .page .banniere > .o-vid { height: 100%; } :scope .page .banniere .texte { padding: 40px 36px 96px; } :scope .page .banniere .btn { margin: 0px 0px 36px 36px; } :scope .pied .cadre { padding: 0px 48px; } :scope .lettre { grid-template-columns: 1fr; gap: 24px; } :scope .colonnes { grid-template-columns: 1fr 1fr; gap: 36px; } :scope .colonnes > div:first-child { grid-column: 1 / -1; } } @media (min-width: 761px) and (max-width: 1100px) { :scope .entete { display: none; } :scope .entete-m { z-index: 30; display: block; position: absolute; top: 44px; left: 24px; right: 24px; } :scope .entete-m.fixe { position: fixed; top: 12px; } :scope .entete-m .pilule { justify-content: space-between; gap: 0px; padding: 10px 14px; } :scope .entete-m .logo { gap: 6px; font-size: 23px; position: absolute; left: 50%; transform: translate(-50%); } :scope .entete-m .logo svg { width: 19px; height: 19px; } :scope .entete-m .droite-m { display: flex; } } @media (min-width: 1600px) { :scope .cadre { max-width: 1600px; } :scope .hero { height: min(100svh, 56vw, 960px); } :scope .vitre .carte { max-width: 1504px; } } @media (min-width: 2200px) { :scope .cadre { max-width: 1760px; } :scope { font-size: 18px; } } @media (prefers-reduced-motion: reduce) { :scope .apparait { opacity: 1; transform: none; } :scope .defile .piste, :scope .coches-bande .piste { animation: auto ease 0s 1 normal none running none; } } :scope button.ico { cursor: pointer; color: rgb(255, 255, 255); background: 0px 0px; border: 0px; padding: 0px; } :scope a.ico { color: rgb(255, 255, 255); } :scope .menu-m { background: rgba(22, 41, 90, 0.96); border-radius: 24px; margin-top: 8px; padding: 10px 8px; display: grid; } :scope .menu-m a { color: rgb(255, 255, 255); border-radius: 14px; padding: 12px 16px; font-size: 17px; font-weight: 600; } :scope .menu-m a:active { background: rgba(255, 255, 255, 0.08); } :scope .carte-avis { flex-direction: column; align-self: flex-start; display: flex; } :scope .carte-avis .plus { cursor: pointer; color: var(--nuit); background: 0px 0px; border: 0px; align-self: flex-start; margin-top: 6px; padding: 0px; font-size: 13px; font-weight: 600; text-decoration: underline; } :scope .carte-avis.ouvert p { -webkit-line-clamp: unset; display: block; } :scope .lettre form button:disabled { opacity: 0.6; } :scope { --titre: var(--font-sans); --logo: var(--font-display); } :scope, :scope p, :scope li, :scope a, :scope button, :scope input, :scope summary, :scope small, :scope em, :scope span, :scope .btn, :scope .pastille { font-family: var(--font-sans); } :scope h1, :scope h2, :scope h3, :scope h4, :scope .ln-logo, :scope .defile span, :scope .prix { font-family: var(--font-display); } :scope h1, :scope h2 { letter-spacing: -0.01em; font-weight: 600; } :scope h3, :scope h4 { letter-spacing: 0px; font-weight: 600; } :scope .btn, :scope .pastille, :scope .txt, :scope .coches li, :scope .legende li, :scope .carte-avis p, :scope .faq summary, :scope .etape p { letter-spacing: 0px; } :scope .btn { font-weight: 700; } :scope h1, :scope h2, :scope h3, :scope h4 { color: inherit; } :scope h4 { letter-spacing: normal; } :scope .logo, :scope { line-height: normal; } :scope .ln-logo { color: rgb(255, 255, 255); font-size: 25px; } :scope .ln-logo-mark { width: 22px; height: 22px; } :scope .entete-m .logo-m { position: absolute; left: 50%; transform: translate(-50%); } :scope .entete-m .ln-logo { gap: 6px; font-size: 21px; } :scope .entete-m .ln-logo-mark { width: 18px; height: 18px; } :scope .bas-pied .ln-logo { gap: 14px; font-size: 56px; } :scope .bas-pied .ln-logo-mark { width: 44px; height: 44px; } @media (max-width: 760px) { :scope .bas-pied .ln-logo { font-size: 44px; } :scope .bas-pied .ln-logo-mark { width: 36px; height: 36px; } } :scope .pilule nav { align-items: center; } :scope .deroulant { position: relative; } :scope .deroulant > button { color: rgb(255, 255, 255); cursor: pointer; background: 0px 0px; border: 0px; align-items: center; gap: 4px; padding: 0px; font-size: 15px; font-weight: 500; display: flex; } :scope .deroulant-liste { z-index: 40; background: rgb(255, 255, 255); border-radius: 16px; min-width: 220px; padding: 8px; display: none; position: absolute; top: calc(100% + 16px); left: -14px; box-shadow: rgba(12, 22, 51, 0.22) 0px 18px 40px; } :scope .deroulant.ouvert .deroulant-liste { display: grid; } @media (hover: hover) { :scope .deroulant:hover .deroulant-liste { display: grid; } :scope .deroulant::after { content: ""; height: 18px; position: absolute; top: 100%; left: 0px; right: 0px; } } :scope .deroulant-liste a { color: var(--nuit); border-radius: 10px; padding: 10px 12px; font-size: 15px; font-weight: 500; } :scope .deroulant-liste a:hover { background: var(--glace); } :scope .menu-m-groupe { padding: 6px 0px; display: grid; } :scope .menu-m-groupe > span { color: rgba(255, 255, 255, 0.55); text-transform: uppercase; letter-spacing: 0.06em; padding: 8px 16px 2px; font-size: 12px; font-weight: 600; } :scope h1 span, :scope h2 span, :scope h3 span, :scope h4 span, :scope .ln-logo span, :scope .prix s { font-family: inherit; } :scope, :scope .page { overflow-x: clip; } :scope .espace-entete { height: 120px; } @media (max-width: 760px) { :scope .espace-entete { height: 100px; } } :scope .fiche-achat { scroll-margin-top: 90px; } :scope .evolution.grand .evo-duo img { aspect-ratio: 3 / 2; object-fit: cover; background: rgb(255, 255, 255); } @media (max-width: 760px) { :scope .etapes { padding: 8px 12px 18px; scroll-padding-inline: 12px; } :scope .etape { scroll-snap-align: start; flex: 0 0 72vw; } } :scope .pilule.droite { gap: 6px; } :scope .entete-m .gauche-m { align-items: center; display: flex; } :scope .pied-extra { border-top: 1px solid rgba(255, 255, 255, 0.15); flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; margin-top: 22px; padding-top: 18px; display: flex; } @media (max-width: 760px) { :scope .pied-extra { flex-direction: column; align-items: flex-start; gap: 12px; } } :scope .menu-m { background: var(--nuit); max-height: calc(100dvh - 110px); overflow-y: auto; } :scope .menu-m-groupe { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 0px; display: block; } :scope .menu-m-groupe:last-child { border-bottom: 0px; } :scope .menu-m-groupe summary { cursor: pointer; color: rgb(255, 255, 255); align-items: center; gap: 10px; padding: 14px 16px; font-size: 17px; font-weight: 700; list-style: none; display: flex; } :scope .menu-m-groupe summary::-webkit-details-marker { display: none; } :scope .menu-m-groupe summary::after { content: ""; opacity: 0.8; border-bottom: 2px solid; border-right: 2px solid; width: 9px; height: 9px; margin-left: auto; transition: transform 0.2s; transform: rotate(45deg); } :scope .menu-m-groupe[open] summary::after { transform: rotate(-135deg); } :scope .menu-m-liste { padding: 0px 0px 10px; display: grid; } :scope .menu-m-liste a { color: rgba(255, 255, 255, 0.88); padding: 10px 28px; font-size: 16px; font-weight: 500; } :scope .menu-m-lien { border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0px !important; font-weight: 700 !important; } :scope .t4 .ligne { grid-template-columns: minmax(0px, 1.6fr) repeat(4, minmax(0px, 1fr)); } :scope .t2 .ligne { grid-template-columns: minmax(0px, 1.2fr) repeat(2, minmax(0px, 1fr)); } @media (max-width: 760px) { :scope .t4 .ligne { grid-template-columns: minmax(0px, 1.7fr) minmax(0px, 0.9fr) repeat(3, minmax(0px, 0.8fr)); } } :scope .tableau .ligne > * { overflow-wrap: break-word; min-width: 0px; } :scope .tableau .entete-t > * { hyphens: auto; } } } #nm-lb-bundles { --font-fredoka:"Fredoka"; --font-nunito:"Nunito Sans";font-size:16px;line-height:1.5;} #nm-lb-bundles .pp-bundle:not([data-active="true"]) > :not(.pp-bundle-head):not(.pp-bundle-badge):not([aria-hidden]){display:none!important} #nm-lb-bundles .faq-item:not([data-open]) .pp-detail-body{display:none} #nm-lb-bundles .apparait {opacity:1;transform:none} #nm-lb-bundles .pp-stickybar{z-index:20} #nm-lb-bundles{font-family:var(--font-sans);color:var(--ink);letter-spacing:normal} #nm-lb-bundles dialog::backdrop{background:rgba(12,22,51,.45)} #nm-lb-bundles .shopify-payment-button__button{border-radius:12px;min-height:48px;font-size:16px} #nm-lb-bundles .shopify-payment-button__more-options{color:var(--primary)} @media(max-width:600px){#nm-lb-bundles .pp-stickybar-sizes{flex-wrap:wrap;gap:4px}#nm-lb-bundles .pp-stickybar-size-control{flex:0 1 calc(50% - 2px);min-width:0}#nm-lb-bundles .pp-stickybar-size-control select{width:100%;min-width:0;font-size:11px;padding:5px 12px 5px 6px}#nm-lb-bundles .pp-stickybar .meta{overflow:visible}} #nm-lb-bundles .jouer[hidden]{display:none!important} /* Practitioner recommendation badge — source layout */ #nm-lb-bundles .PractitionersBadge-module__VD1pLq__card { display:flex; align-items:center; gap:14px; padding:15px 18px; border-radius:16px; background:#1b4460; color:#fff; margin-bottom:14px; } #nm-lb-bundles .PractitionersBadge-module__VD1pLq__seal { display:flex; align-items:center; justify-content:center; flex:0 0 46px; width:46px; height:46px; border-radius:50%; background:rgba(255,255,255,.12); color:#fff; } #nm-lb-bundles .PractitionersBadge-module__VD1pLq__seal svg { width:24px; height:24px; } #nm-lb-bundles .PractitionersBadge-module__VD1pLq__body { min-width:0; color:#fff; } #nm-lb-bundles .PractitionersBadge-module__VD1pLq__body b { display:block; color:#fff; font-size:16px; font-weight:800; line-height:20px; margin:0 0 3px; } #nm-lb-bundles .PractitionersBadge-module__VD1pLq__body p { color:#fff; font-size:12.5px; font-weight:400; line-height:18.75px; margin:0; } @media (max-width:900px) { #nm-lb-bundles .PractitionersBadge-module__VD1pLq__desktopOnly { display:none; } } #nomaroo-littlebear{font-family:NMLBOutfit,sans-serif;font-size:16px;line-height:1.6;color:#1b4460}#nm-lb-bundles{font-family:inherit}#nm-lb-bundles .pp-bundle-head{color:#1b4460}#nomaroo-littlebear .nm-lb-cart-error{color:#b42318;font-size:14px;margin-top:8px}#nomaroo-littlebear [hidden]{display:none!important} #nomaroo-littlebear .hero h1,#nomaroo-littlebear .section-title,#nomaroo-littlebear .kpp-offer-product-title,#nomaroo-littlebear .final-cta h2{font-family:NMLBNunito,sans-serif!important}#nomaroo-littlebear .kpp-bundle-intro .section-title{font-family:NMLBOutfit,sans-serif!important} #nm-lb-bundles{--primary:#2f86b7;--primary-2:#1b4460;--secondary:#82bfe2;--accent:#82bfe2;--cream:#f4fbff;--ink:#1b4460;--text-muted:#607a8d;--border:#d6eaf8;--radius:16px;--surface:#fff;--bg-light:#f4fbff;--accent-soft:#d6eaf8;--font-sans:"Nunito Sans",sans-serif;font-family:var(--font-sans);line-height:1.5}#nm-lb-bundles .pp-bundle-save{background:#d6eaf8;color:#1b4460}#nm-lb-bundles .pp-bundle-badge{background:#2f86b7;color:#fff} /* Preserve the Codex annotation layer hidden by div:empty. */ #codex-browser-sidebar-comments-root { display: block !important; } #nomaroo-littlebear .consequence-section .section-title, #nomaroo-littlebear .final-cta h2 { color: #fff !important; } #nomaroo-littlebear .nm-lb-section-divider { height:14px; background:#1a5276; } #nm-lb-bundles .nm-lb-shipping-note, #nm-lb-bundles .nm-lb-shipping-note span { color:#082a40 !important; opacity:1; font-weight:800; } #nomaroo-littlebear .nm-lb-payment-badges { margin:12px 0; } #nomaroo-littlebear .nm-lb-payment-badges .payment-badges { display:flex; flex-wrap:wrap; justify-content:center; list-style:none; margin:0; padding:0; gap:0; } #nomaroo-littlebear .nm-lb-payment-badges .list-payment__item { display:flex; padding:5px; margin:0; } #nomaroo-littlebear .nm-lb-payment-badges svg { display:block; width:38px; height:24px; } #nomaroo-littlebear .review-stars .rv-star-empty { color:#d3dce6; } /* Keep the offer button blue in every interaction state. */ #nomaroo-littlebear #nm-lb-add, #nomaroo-littlebear #nm-lb-add:hover, #nomaroo-littlebear #nm-lb-add:focus, #nomaroo-littlebear #nm-lb-add:focus-visible, #nomaroo-littlebear #nm-lb-add:active, #nomaroo-littlebear #nm-lb-add:disabled { background:#2e86c1 !important; color:#fff !important; }