/*! Floating header
  Turns the full-width header bar into a floating, inset, rounded bar.
  Desktop only: below 1024px the header stays the theme's default full width bar.
  Mega menu and dropdowns keep their original behaviour, they simply follow
  the floating container width and its bottom corners.
*/@media screen and (max-width:1023px){.header.header--floating{position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;margin:0!important;border-radius:0!important;--header-background-opacity: 1 !important;--header-logo-opacity: 1 !important;color:rgb(var(--color-foreground))!important}.header.header--floating shopify-account::part(signed-out-avatar){color:rgb(var(--color-foreground))}}@media screen and (min-width:1024px){.header-section:has(.header--floating){display:flow-root;background:none;background-color:transparent}.header.header--floating{width:var(--float-width, var(--page-container));max-width:100%;margin-inline:auto;margin-block-start:var(--float-top, 16px);padding-inline:clamp(1rem,1.7vw,var(--float-padding-inline, 32px));border-radius:var(--float-radius, 30px 0 30px 0);transition:var(--animation-nav);transition-property:opacity,transform,padding-block-start,padding-block-end,width,margin-block-start,inset-block-start}.header-section .header.header--floating:before,.header-section.header-scrolled .header.header--floating:before,.has-dropdown-menu .header.header--floating:before{height:100%;border-radius:var(--float-radius, 30px 0 30px 0);box-shadow:var(--float-shadow, none);transition:opacity var(--animation-nav) var(--animation-nav-delay),border-radius .25s ease}.header.header--floating .header__corner,.header.header--floating .header__cutout,.header.header--floating>.corner,.header.header--floating>.cutout{display:none!important}html:has(.shopify-section:first-child [allow-transparent-header]) .header-section .header.header--floating.header--floating-solid{--header-background-opacity: 1;--header-logo-opacity: 1;color:rgb(var(--color-foreground))}html:has(.shopify-section:first-child [allow-transparent-header]) .header.header--floating.header--floating-solid shopify-account::part(signed-out-avatar){color:rgb(var(--color-foreground))}html:has(.shopify-section:first-child [allow-transparent-header]) .header.header--floating.header--floating-solid .header__menu>ul.with-block .localization .menu__item{border-color:rgb(var(--color-foreground) / .1);color:rgb(var(--color-foreground))}.header-transparent .header.header--floating,html:has(.shopify-section:first-child [allow-transparent-header]) .header.header--floating{inset-inline:0}html.topbar-pinned:has(.shopify-section:first-child [allow-transparent-header]) .header.header--floating{position:fixed;inset-block-start:calc(var(--topbar-overlay-height, 0px) + var(--float-top, 16px));margin-block-start:0}html.topbar-pinned.topbar-collapsed:has(.shopify-section:first-child [allow-transparent-header]) .header.header--floating{inset-block-start:var(--float-top, 16px)}html:not(.topbar-pinned):has(.shopify-section:first-child [allow-transparent-header]) .header-section:not(.header-scrolled) .header.header--floating{margin-block-start:calc(var(--topbar-overlay-height, 0px) + var(--float-top, 16px))}.header-transparent.header-scrolled .header.header--floating{inset-block-start:var(--float-top, 16px);inset-inline:0;margin-block-start:0}.header-hidden .header.header--floating[is=sticky-header][data-sticky-type=on-scroll-up]{transform:translateY(calc(-100% - var(--float-top, 16px)))}body.with-mega .header.header--floating:before{border-end-start-radius:0;border-end-end-radius:0}.header.header--floating .mega-menu,.header.header--floating .mega-menu__container{border-end-start-radius:var(--float-radius-menu, 30px);border-end-end-radius:var(--float-radius-menu, 30px)}.header.header--floating .mega-menu__container,.header.header--floating .dropdown__container{box-shadow:var(--float-shadow, none)}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/header-floating.css.map */