#JklLocalizationDrawer.drawer--top{position:fixed;top:0;left:0;right:0;height:255px;max-height:255px;z-index:1000;background-color:rgb(var(--color-background));border-bottom:1px solid #ddd}#JklLocalizationDrawer.drawer--top.drawer--right{-webkit-transform:translateY(-100%);transform:translateY(-100%);right:auto;left:0;width:100%;height:255px;max-height:255px}#JklLocalizationDrawer.drawer--top .drawer__inner{height:100%;max-height:255px;width:100%;max-width:100%;position:relative}#JklLocalizationDrawer.drawer--top .drawer__close-btn{position:absolute;top:20px;right:6px;z-index:10;background:none;border:none;padding:0 0 8px 8px;cursor:pointer;color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;transition:none!important}#JklLocalizationDrawer.drawer--top .drawer__close-btn svg{width:16px;height:16px;transition:none!important}#JklLocalizationDrawer.drawer--top .drawer__content{height:100%;max-height:255px;display:flex;align-items:flex-start;padding:0 24px;justify-content:center}.localization-drawer__grid{display:grid;grid-template-columns:1.2fr 1fr;min-width:700px;width:70%}@media (max-width: 768px){.localization-drawer__grid{grid-template-columns:1fr;gap:3rem}}.localization-drawer__section{padding-top:23px;padding-left:4rem}.localization-drawer__section:nth-child(2){padding-left:75px}@media (max-width: 768px){.localization-drawer__section{padding-left:2rem}.localization-drawer__section:nth-child(2){padding-left:2rem}}.localization-drawer__title{font-size:12px;font-family:grotesque-medium-pro,arial,sans-serif!important;font-weight:500;letter-spacing:.1em;margin-bottom:40px;text-transform:uppercase;color:rgb(var(--color-foreground))}.localization-drawer__list{display:grid;grid-template-columns:1fr 1fr}.localization-drawer__list--single{grid-template-columns:1fr}@media (max-width: 768px){.localization-drawer__list{grid-template-columns:1fr;gap:0 1.5rem}}.localization-drawer__column{display:flex;flex-direction:column;max-width:160px}.localization-drawer__option{background:none;border:none;padding:0;margin-bottom:17px;text-align:left;font-size:12px;height:14px;font-family:inherit;color:rgb(var(--color-foreground));cursor:pointer;transition:opacity .2s ease;text-transform:uppercase;letter-spacing:.02em;align-self:flex-start}.localization-drawer__option.active{text-decoration:underline;font-weight:500}.localization-drawer__option--hidden{display:none}.localization-drawer__more{background:none;border:none;padding:0;text-align:left;font-size:10px;font-family:inherit;color:rgb(var(--color-foreground));cursor:pointer;transition:opacity .2s ease;text-transform:uppercase;letter-spacing:.05em;text-decoration:underline;margin:0;height:12px}.localization-form{display:block}.localization-drawer__section:first-of-type .localization-form{border-right:1px solid #ddd}#JklLocalizationDrawer.drawer--top+.fixed-overlay{background-color:#00000080;z-index:999}body:has(#JklLocalizationDrawer[open]) .header,body:has(#JklLocalizationDrawer[active]) .header{-webkit-transform:translateY(255px);transform:translateY(255px)}body:has(#JklLocalizationDrawer[open]) .announcement-bar-section,body:has(#JklLocalizationDrawer[active]) .announcement-bar-section{-webkit-transform:translateY(255px);transform:translateY(255px)}#JklLocalizationDrawer.drawer--top{-webkit-transition:-webkit-transform .7s cubic-bezier(.19,1,.22,1);transition:transform .7s cubic-bezier(.19,1,.22,1)}#JklLocalizationDrawer.drawer--top:not([open]):not([active]){-webkit-transform:translateY(-100%);transform:translateY(-100%)}#JklLocalizationDrawer.drawer--top[open],#JklLocalizationDrawer.drawer--top[active]{-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width: 768px){#JklLocalizationDrawer.drawer--top{min-height:500px;max-height:80vh}#JklLocalizationDrawer.drawer--top .drawer__inner{height:auto;min-height:500px;max-height:80vh;overflow-y:auto}#JklLocalizationDrawer.drawer--top .drawer__content{height:auto;min-height:500px;max-height:none;padding:60px 24px 24px;align-items:flex-start}body:has(#JklLocalizationDrawer[open]) .header,body:has(#JklLocalizationDrawer[active]) .header{-webkit-transform:translateY(500px);transform:translateY(500px)}body:has(#JklLocalizationDrawer[open]) .announcement-bar-section,body:has(#JklLocalizationDrawer[active]) .announcement-bar-section{-webkit-transform:translateY(500px);transform:translateY(500px)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/jkl-localization-overlay.css.map */