:root{--menu-spacing: .75rem}.fn-header-section{width:100%}.fn-header-section .header-wrapper{background-color:transparent}.fn-header{display:grid;align-items:center;border-radius:1.2rem;box-shadow:0 20px 120px #00000026;padding:.8rem 1.6rem}.fn-header .primary-menu.header__inline-menu{margin-left:calc(var(--menu-spacing) * -1)}.fn-header .secondary-menu.header__inline-menu{transition:opacity .8s cubic-bezier(.5,0,0,1),visibility .8s cubic-bezier(.5,0,0,1)}.fn-header summary.list-menu__item{padding-right:1.2rem}.fn-header .list-menu__item,.fn-header .list-menu__item>span{text-decoration:none!important}.fn-header .header__menu-item{color:rgb(var(--color-foreground));padding:var(--menu-spacing)}.fn-header .header__menu-item:hover,.fn-header .header__menu-item:hover>*{color:rgba(var(--color-foreground),.75)!important}.fn-header-section.scrolled-header .fn-header .header__icon:hover .icon,.fn-header-section.scrolled-header .fn-header .modal__close-button:hover .icon{color:rgba(var(--color-foreground),.75)}.fn-header .secondary-menu{margin-left:0}.fn-header .fn-logo{padding:0 1rem}.fn-header .fn-logo svg{overflow:visible;max-width:100%}@media screen and (max-width: 479px){.fn-header .fn-logo svg{width:16rem}}.fn-header .header__heading-logo-wrapper{display:flex}.fn-header .menu-side{display:flex;align-items:center;z-index:2}.fn-header .icons-side{display:flex;justify-content:end;align-items:center;gap:1rem;z-index:2}.fn-header .icons-side .list-menu{justify-content:end;align-items:center}.fn-header-section .header__heading-logo-wrapper{display:flex;justify-content:center}.fn-header-section .fn-logo-index{position:absolute;width:calc(100% - 10rem);top:calc(100% + 3rem);color:#fff;will-change:top,transform;transform-origin:center;transition:top .8s cubic-bezier(.5,0,0,1),transform .8s cubic-bezier(.5,0,0,1),width .8s cubic-bezier(.5,0,0,1);transform:translate(-50%);left:50%;z-index:1}@media screen and (max-width: 749px){.fn-header-section .fn-logo-index{position:absolute;width:calc(100% - 3rem)}}.fn-header-section.scrolled-header .fn-logo-index{top:50%;left:50%;color:#000;transform:translate(-50%,-50%)}.fn-header-section .fn-logo-index svg{will-change:width;transition:width .8s cubic-bezier(.5,0,0,1),color .8s cubic-bezier(.5,0,0,1)}.fn-header-section .fn-logo.fn-logo-index a{display:flex;width:100%;justify-content:center}.header-button{font-size:1.3rem;min-height:calc(3.8rem + var(--buttons-border-width) * 2);min-width:auto;padding:0 2rem;margin:0 1rem}.icons-side ul li:first-child .header-button{margin-left:0}.icons-side ul li:last-child .header-button{margin-right:0}.header__icon--cart .icon,.header__icons .icon{width:2.4rem;height:2.4rem}.fn-header-section:not(.scrolled-header) .header__inline-menu{opacity:0;visibility:hidden;transition:opacity .8s cubic-bezier(.5,0,0,1),visibility .8s cubic-bezier(.5,0,0,1)}@media screen and (max-width: 1349px){.fn-header-section .fn-header{grid-template-columns:1fr 1fr}.fn-logo-filler{display:none!important}}@media screen and (max-width: 749px){.heart-wrapper,.header__icon--account{display:none!important}}@media screen and (max-width: 450px){.fn-header-section.scrolled-header .fn-logo.fn-logo-index svg{width:160px;max-width:calc(100vw - 24rem)}}@media screen and (max-width: 749px){.fn-header-section.scrolled-header .fn-logo.fn-logo-index svg{width:165px}}.header__icons svg.icon{color:#000}.header__icon--menu .icon{height:2.6rem;width:2.6rem}.fn-header header-drawer{margin-left:-.8rem}.header__icon--menu .icon.icon-close{height:2rem;width:2rem}html.js details[open].menu-opening>.menu-drawer,.header details[open].menu-opening>.menu-drawer__submenu{transform:translate(1.5rem);visibility:visible}div.menu-drawer{width:calc(100% - 3rem)}@media screen and (min-width: 750px){div.menu-drawer{width:calc(100% - 10rem)}html.js details[open].menu-opening>.menu-drawer,.header details[open].menu-opening>.menu-drawer__submenu{transform:translate(5rem);visibility:visible}}html.js .menu-drawer{height:calc(100vh - 100% - 1.5rem);height:calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)) - 1.5rem)}.fn-header .header__icon--menu:before{display:none}.fn-header .menu-drawer{border-radius:1.2rem}.collection-banner .header-wrapper,.subcollection-banner .header-wrapper{position:absolute;width:100%}@media screen and (max-width: 1349px){body:not(.template-index) .fn-header-section .fn-header{grid-template-columns:1fr auto 1fr}}body:not(.template-index) .fn-header-section:not(.scrolled-header) .header__inline-menu{opacity:1;visibility:visible}
/*# sourceMappingURL=/cdn/shop/t/12/assets/fn-header.css.map */