:root{--vertical-header-width: 150px;--logo-radius: 10px}@media screen and (max-width:749.98px){#header-component .header__row{display:block}#header-component .header-logo__image-container{background:#feed00;padding:6px 14px 6px 42px;border-top-right-radius:var(--logo-radius);border-bottom-right-radius:var(--logo-radius)}}@media screen and (min-width:750px){body:not(.page--password){display:flex;min-height:100vh;margin:0;flex-direction:row}.site-wrapper{display:flex;flex:1;max-width:var(--site-max-width);width:100%;margin:0 auto;position:relative;padding-left:0!important;min-height:100vh;overflow-x:hidden}.header-section{flex-shrink:0;width:var(--vertical-header-width);position:relative!important;height:100vh;position:sticky!important;top:0;z-index:var(--layer-sticky, 100)}#header-component{position:relative!important;top:0!important;left:0!important;width:100%!important;height:100dvh!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;overflow-x:hidden!important;border-right:1px solid #e0e0e0;box-shadow:10px 0 10px -5px #0000000d;background-color:var(--color-background)!important}#header-component .header__row{display:block;width:100%!important;max-width:100%!important;border-bottom:none!important}#header-component .header__columns{flex-direction:column!important;gap:0!important;width:100%!important;max-width:100%!important;margin:0!important;display:flex!important;grid-template-columns:unset!important;grid-template-areas:unset!important;padding-top:0}#header-component .header__column.header__column--left{gap:0}#header-component .header-logo__image-container img{background:#feed00;padding:64px 6px 10.5px 24px;border-bottom-left-radius:var(--logo-radius);border-bottom-right-radius:var(--logo-radius);margin:0 50px}#header-component .header__row--bottom{display:none!important}#header-component .header__column{width:100%!important;justify-content:flex-start!important;display:flex!important;flex-direction:column!important}#header-component .header__logo{width:100%!important;max-width:180px!important;margin:0 auto var(--padding-lg, 1.5rem)!important}#header-component .header-menu{width:100%!important;display:block!important}#header-component .menu-list__list{flex-direction:column!important;width:100%!important;gap:.25rem!important}#header-component .menu-list__item{width:100%!important}#header-component .menu-list__link{display:block!important}#header-component .menu-list__link[aria-current=page]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background-color:var(--color-foreground);border-radius:2px}#header-component .search{width:100%!important;margin-bottom:1.5rem!important}#header-component .search__form{width:100%!important}#header-component .search__input{width:100%!important;min-width:unset!important}#header-component .header__actions,#header-component header-actions{flex-direction:column!important}.header__column--right .search-action{margin-inline:0px!important}#header-component .header-actions__menu-button:hover{background-color:rgba(var(--color-foreground-rgb, 0, 0, 0),.08)!important;opacity:1!important}#header-component .header__action-wrapper{width:100%!important}#header-component .header__action-button{width:100%!important;justify-content:flex-start!important;padding:.75rem 1rem!important;border-radius:.5rem!important}#header-component .header__action-button:hover{background-color:rgba(var(--color-foreground-rgb, 0, 0, 0),.08)!important}#header-component .header__cart{width:100%!important}#header-component .header__cart-button{width:100%!important;justify-content:flex-start!important;gap:.5rem!important}#header-component .header__cart-text{display:inline!important;margin-left:.5rem!important}#header-component .header__cart-text:before{content:"Cart "}#header-component .account-popover{width:100%!important;position:relative!important}#header-component .account-popover summary{width:100%!important;display:block!important;cursor:pointer!important;position:relative!important;z-index:1!important}#header-component .account-popover .account-button:hover{background-color:rgba(var(--color-foreground-rgb, 0, 0, 0),.08)!important}#header-component .account-button__text{display:inline!important;margin-left:.5rem!important}#header-component .account-button svg{width:20px!important;height:20px!important;flex-shrink:0!important}#header-component .account-popover[open] .floating-panel{position:absolute!important;left:100%!important;top:auto!important;margin-left:1rem!important;width:300px!important;max-width:calc(100vw - var(--vertical-header-width) - 2rem)!important}#header-component::-webkit-scrollbar{width:8px}#header-component::-webkit-scrollbar-track{background:transparent}#header-component::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:4px}#header-component{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}#header-component .mega-menu__wrapper{position:absolute!important;left:100%!important;top:0!important;width:400px!important;max-width:calc(100vw - var(--vertical-header-width))!important;height:100vh!important;border-radius:0!important;box-shadow:4px 0 24px #0000001a!important}main:not(.password-main-content){min-height:100vh}.announcement-bar{margin:0}#header-component[transparent]{background-color:var(--color-background)!important}.header__column--right header-actions{margin-inline-start:0!important;margin-inline-end:-47px;margin-top:20px}#header-component .header__column{position:relative}}@media screen and (max-width:749.98px){body{display:block!important;padding-left:0!important;padding-right:0!important}.header-section{width:100%!important;height:auto!important;position:relative!important}}@media screen and (max-width:370px){.studiotools-header-grid-icon. .header-actions__menu-wrapper{width:25px}.header-actions__action .svg-wrapper{height:auto;width:25px!important}}@media screen and (min-width:750px){#header-component .studiotools-rail-nav__icon,#header-component .studiotools-header-grid-icon{height:42px!important}#header-component .studiotools-rail-nav__divider{margin:6px 0!important}}@media screen and (max-width:749.98px){#header-component header-actions>.studiotools-rail-nav__icon{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/85/assets/vertical-header-css-mod.css.map */