:root{--logo-max-width-desktop: calc(var(--logo-width-desktop, 200px) + 20px);--logo-max-width-mobile: calc(var(--logo-width-mobile, 140px) + 10px);--logo-sticky-reduction: .85;--logo-transition-duration: .3s;--logo-focus-outline-color: var(--color-accent, #000000);--logo-focus-outline-width: 2px;--logo-focus-outline-offset: 4px}.header__logo{max-width:var(--logo-max-width-desktop);transition:max-width var(--logo-transition-duration) ease,transform var(--logo-transition-duration) ease;will-change:max-width}.header__logo-link{display:inline-block;width:100%;position:relative}.header__logo-link:focus-visible,.js-header-logo-link:focus-visible{outline:var(--logo-focus-outline-width) solid var(--logo-focus-outline-color);outline-offset:var(--logo-focus-outline-offset);border-radius:0}@media (prefers-reduced-motion: reduce){.header__logo,.header__logo-link,.header__logo img{transition:none!important;animation:none!important}}.header__logo img,.header__logo-img,.logo{max-width:100%;height:auto;object-fit:contain;aspect-ratio:attr(width) / attr(height);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;contain:layout style paint}@supports not (aspect-ratio: 1/1){.header__logo img{display:block;width:100%}}.header-logo{overflow:visible;contain:none}.js-sticky-header.is-sticky .header__logo,.header--sticky .header__logo{max-width:calc(var(--logo-max-width-desktop) * var(--logo-sticky-reduction))}.logo-position--middle-left .header__logo,.logo-position--top-left .header__logo,.logo-position--center-left .header__logo{max-width:var(--logo-max-width-desktop)}.logo-position--middle-center .header__logo,.logo-position--top-center .header__logo{--logo-max-width-desktop: calc(var(--logo-width-desktop, 200px) + 40px);max-width:var(--logo-max-width-desktop)}[data-theme=dark] .header__logo img,.color-scheme-dark .header__logo img{filter:var(--logo-filter-dark, none)}@media screen and (min-width: 750px) and (max-width: 990px){:root{--logo-max-width-desktop: calc(var(--logo-width-desktop, 200px) * .9)}.header__logo{max-width:min(180px,var(--logo-max-width-desktop))}.js-sticky-header.is-sticky .header__logo{max-width:min(160px,calc(var(--logo-max-width-desktop) * var(--logo-sticky-reduction)))}}@media screen and (max-width: 749px){:root{--logo-max-width-desktop: var(--logo-max-width-mobile)}.header__logo{max-width:var(--logo-max-width-mobile)}.header__logo img,.header__logo-img{max-width:var(--logo-width-mobile, 140px);width:var(--logo-width-mobile, 140px)}.logo-mobile--center .header__logo{position:relative;left:50%;transform:translate(-50%);max-width:calc(var(--logo-max-width-mobile) + 20px)}.logo-mobile--left .header__logo{max-width:var(--logo-max-width-mobile)}}@media screen and (max-width: 480px){:root{--logo-max-width-mobile: min(130px, var(--logo-width-mobile, 120px))}.header__logo{max-width:var(--logo-max-width-mobile)}.header__logo img,.header__logo-img{max-width:min(120px,var(--logo-width-mobile, 120px))}}.header.ctnr{min-height:max(85px,calc(var(--logo-width-desktop, 200px) * .5));padding-top:10px;padding-bottom:10px}@media screen and (max-width: 749px){.header.ctnr{min-height:max(70px,calc(var(--logo-width-mobile, 140px) * .6));padding-top:8px;padding-bottom:8px}}.header-menu--drawer .header__logo{max-width:min(180px,var(--logo-max-width-desktop))}.header--transparent .logo--transparent{max-width:100%;opacity:1;transition:opacity var(--logo-transition-duration) ease}.header__logo img[loading=lazy]{background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;animation:logoLoading 1.5s infinite}@keyframes logoLoading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.header__logo img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media print{.header__logo{max-width:150px!important}.header__logo img{max-width:150px!important;height:auto!important}}@media (hover: hover){.header__logo-link:hover .header__logo-img{transform:scale(1.02);transition:transform var(--logo-transition-duration) ease}}@container (min-width: 750px){.header__logo{max-width:var(--logo-max-width-desktop)}}@supports not (container-type: inline-size){@media screen and (min-width: 750px){.header__logo{max-width:var(--logo-max-width-desktop)}}}
/*# sourceMappingURL=/cdn/shop/t/103/assets/header-logo-larger.css.map */