.section-header{position:sticky;top:0;z-index:4}.header{display:block;background:rgb(var(--color-background));color:rgb(var(--color-foreground));transition:background .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out}.header a,.header button{color:currentcolor}.header__wrapper{display:flex;align-items:center;padding-block:20px}@media screen and (min-width:741px){.header__wrapper{padding-block:27px}}.header__inline-navigation,.header__secondary-links{flex:1 1 0;display:flex;align-items:center}.header__secondary-links{justify-content:flex-end}.header__icon-list{display:grid;grid-auto-flow:column;gap:20px;align-items:center;justify-content:flex-start}@media screen and (min-width:741px){.header__icon-list{gap:24px}}.header__icon-wrapper{display:block;position:relative;color:currentcolor}.header__icon-wrapper svg{display:block}.header__logo{display:block;position:relative;margin:0;font-size:inherit}.header__logo-link,.header__logo-image{display:block;width:max-content}.header__logo-link{text-decoration:none}.header__logo-image{max-width:100%;height:auto}.header__logo-text{color:currentcolor;max-width:min(350px,60vw);font-family:var(--font-heading-family);font-size:var(--heading-h5-font-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:740px){.header__logo-text{text-align:center}}.header__search-bar{width:330px;max-width:100%}.header__search-form{display:flex;align-items:center;gap:12px}.header__search-form label{display:none}.header__search-reset{flex:none;display:flex;align-items:center;background:none;border:none;padding:0;color:currentcolor;cursor:pointer;opacity:.7}.header__search-reset:hover{opacity:1}.header__search-reset.hidden{display:none}.header__search-icon{flex:none;display:flex;align-items:center}.header__search-icon svg{display:block}.header__search-input{flex:1 1 auto;min-width:0;height:28px;padding:0;background:none;border:none;border-radius:0;box-shadow:none;color:currentcolor;font-family:var(--font-body-family);font-size:16px}.header__search-input:focus{outline:none;box-shadow:none}.header__search-input::placeholder{color:currentcolor;opacity:.7}.header__search-input::-webkit-search-decoration,.header__search-input::-webkit-search-cancel-button{-webkit-appearance:none}.header__search-bar .predictive-search{position:absolute;inset-inline:0;top:100%;z-index:3}.header__cross-border{display:grid;grid-auto-flow:column;gap:18px;margin-inline-end:30px}.header__cross-border .localization-form{margin:0}.header__linklist{display:flex;flex-wrap:nowrap;align-items:center;margin:0;padding:0;list-style:none}.header__linklist-item{display:flex;align-items:center}.header__linklist-item:not(:last-child){margin-inline-end:32px}.header__linklist-link{position:relative;display:inline-block;background:none;border:none;padding:0;color:currentcolor;font:inherit;text-decoration:none;cursor:pointer}.header__icon-wrapper .header__cart-count--floating{position:absolute;top:-8px;inset-inline-end:-8px;margin-inline-start:0}.header__cart-count{display:inline-flex;align-items:center;justify-content:center;position:relative;top:-1px;width:21px;height:21px;margin-inline-start:8px;border-radius:21px;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:9px;line-height:9px;font-weight:var(--font-body-weight-bold)}.header__bottom-navigation{padding-block:17px 19px;border-top:1px solid rgba(var(--color-foreground),.15)}.header__bottom-navigation .header__linklist{justify-content:center}.link--animated:after{content:"";position:absolute;inset-inline-start:0;bottom:-2px;width:100%;height:1px;background:currentcolor;transform:scaleX(0);transform-origin:left center;transition:transform .25s ease-in-out}.link--animated:hover:after,.link--animated[aria-expanded=true]:after,.header__linklist-item.is-active .link--animated:after{transform:scaleX(1)}@media(prefers-reduced-motion:reduce){.link--animated:after{transition:none}}.header__linklist-item.has-dropdown{position:static}.mega-menu{--mega-menu-column-gap: 48px;--mega-menu-image-gap: 24px;position:absolute;display:block;top:100%;inset-inline-start:0;width:100%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));visibility:hidden;opacity:0;transition:opacity .25s ease-in-out,visibility .25s ease-in-out}.mega-menu[hidden],.mega-menu.is-closing{z-index:-1}.mega-menu:not([hidden]){visibility:visible;opacity:1}.mega-menu:after{content:"";position:absolute;top:100%;inset-inline-start:0;width:100%;height:calc(100vh - 100% - var(--header-height, 0px));background:#000;opacity:0;pointer-events:none;transition:opacity .25s ease-in-out}.mega-menu:not([hidden]):after{opacity:.3}@media screen and (min-width:1200px){.mega-menu{--mega-menu-column-gap: 64px}}@media screen and (min-width:1400px){.mega-menu{--mega-menu-column-gap: 80px;--mega-menu-image-gap: 40px}}.mega-menu__inner{position:relative;z-index:1;display:grid;grid-auto-flow:column;justify-content:center;column-gap:var(--mega-menu-column-gap);padding-block:48px;max-height:calc(100vh - var(--header-height, 0px) - var(--announcement-bar-height, 0px));overflow-y:auto}.mega-menu__columns-wrapper{display:flex;flex-wrap:wrap;margin:calc(-1 * var(--mega-menu-column-gap) / 2)}.mega-menu__column{margin:calc(var(--mega-menu-column-gap) / 2)}.mega-menu__title{display:block;margin-block-end:16px}.mega-menu .linklist__item a{display:inline-block;color:currentcolor;font-size:16px;line-height:var(--body-line-height);text-decoration:none}.mega-menu__images-wrapper{display:grid;grid-auto-flow:column;align-items:flex-start;gap:var(--mega-menu-image-gap)}.mega-menu__images-wrapper--tight{gap:20px}.mega-menu__image-push{width:180px;color:currentcolor;text-align:center;text-decoration:none}.mega-menu__image-push:only-child{width:200px}@media screen and (min-width:1400px){.mega-menu__image-push{width:240px}.mega-menu__image-push:only-child{width:280px}}.mega-menu__image-wrapper{z-index:0;margin-block-end:18px;overflow:hidden;border-radius:var(--block-border-radius-reduced)}.mega-menu__image{display:block;width:100%;height:auto}.mega-menu__heading{margin:0 0 7px}.mega-menu__text{font-size:16px;line-height:var(--body-line-height)}@media(pointer:fine){.image-zoom img{transform:translateZ(0);transition:transform .5s;will-change:transform}.image-zoom:hover img{transform:scale(1.03)}}.nav-dropdown{position:absolute;display:block;top:100%;margin-inline-start:-32px;margin-block:0;padding:20px 0;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.15);list-style:none;visibility:hidden;opacity:0;transition:opacity .25s ease-in-out,visibility .25s ease-in-out}.nav-dropdown[hidden],.nav-dropdown.is-closing{z-index:-1}.nav-dropdown:not([hidden]){visibility:visible;opacity:1}.nav-dropdown--restrict{max-width:300px}.nav-dropdown__link{display:block;padding:3px 30px;color:currentcolor;font-size:16px;line-height:var(--body-line-height);text-decoration:none;white-space:nowrap}.link--faded{opacity:.75;transition:opacity .2s ease-in-out}.link--faded:hover{opacity:1}@media(prefers-reduced-motion:reduce){.mega-menu,.mega-menu:after,.nav-dropdown,.image-zoom img{transition:none}}@media screen and (max-width:1199px){.header__logo{margin-inline:auto}}.menu-drawer__menu,.menu-drawer__submenu{list-style:none;margin:0;padding-inline-start:0}.menu-drawer__navigation,.menu-drawer__utility-links{padding-inline:var(--container-gutter)}.menu-drawer__menu-item{padding-inline:0}.menu-drawer__utility-links .list-social{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-inline:-8px;list-style:none;padding-inline-start:0}
/*# sourceMappingURL=/cdn/shop/t/2/assets/karat-karat-header.css.map */