.js details>.header__submenu{opacity:0;transform:translateY(-1.5rem) scale(.95);box-shadow:0 0 #0000;transition:opacity var(--duration-default) ease,transform var(--duration-default) ease,box-shadow var(--duration-default) ease}details[open]>.header__submenu{transform:translateY(0) scale(1);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@supports (backdrop-filter: blur(10px)){.header__submenu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(var(--color-background),.95)}}.header__submenu .header__menu-item{position:relative;overflow:hidden;transition:background-color .2s ease,color .2s ease,padding-left .2s ease}.header__submenu .header__menu-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background-color:#999;transform:translate(-100%);transition:transform .2s ease}.header__submenu .header__menu-item:hover:before{transform:translate(0)}.header__submenu .header__menu-item:hover{background-color:rgba(var(--color-foreground),.04);padding-left:2.8rem;text-decoration:none}.header__submenu .header__menu-item:hover{text-decoration-line:none}.header__submenu .list-menu__item--active{background-color:rgba(var(--color-foreground),.02);font-weight:500}.header__menu-item .icon-caret{transition:transform .2s ease}details[open]>summary .icon-caret{transform:rotate(180deg)}.header__submenu.global-settings-popup{border:1px solid rgba(var(--color-foreground),.08);transition:border-color var(--duration-default) ease}details[open]>.header__submenu.global-settings-popup{border-color:rgba(var(--color-foreground),.12)}.header__submenu .header__submenu{background-color:rgba(var(--color-foreground),.02);border-radius:var(--inputs-radius);box-shadow:inset 0 1px 2px #0000000d}.header__menu-item:focus-visible{outline:2px solid rgba(var(--color-foreground),.5);outline-offset:-2px;border-radius:var(--inputs-radius)}.header__submenu a{transition:color .2s ease}.header__submenu a:hover{color:rgba(var(--color-foreground),1)}@media (hover: none){.header__submenu .header__menu-item:before{display:none}.header__submenu .header__menu-item:hover{padding-left:2rem}}@media (prefers-reduced-motion: reduce){.header__submenu,.header__submenu .header__menu-item,.header__submenu .header__menu-item:before,.header__menu-item .icon-caret{transition:none}.js details>.header__submenu{transform:translateY(-1.5rem) scale(1)}details[open]>.header__submenu{transform:translateY(0) scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/header-dropdown-effects.css.map */