country-picker-drawer{--color-foreground: #FFFFFF;--color-background: #FFFFFF;--color-primary-cta: #1D7F75}.country-picker-drawer{position:relative}country-picker-drawer.drawer{position:fixed;z-index:1000;left:0;top:0;width:100vw;height:100vh;height:100dvh;display:flex;justify-content:flex-start;background-color:transparent;transition:visibility var(--duration-default) ease}country-picker-drawer.drawer.active{visibility:visible}country-picker-drawer .drawer__inner{height:100%;width:480px;max-width:100vw;padding:32px 48px;background-color:var(--color-background);display:flex;flex-direction:column;transform:translate(-100%);transition:transform var(--duration-default) ease}country-picker-drawer.drawer.active .drawer__inner{transform:translate(0)}country-picker-drawer .drawer__header{background-color:var(--color-background);display:flex;justify-content:space-between;align-items:center}country-picker-drawer .drawer__heading{margin:0 0 24px;font-size:24px;line-height:1.33;letter-spacing:.01em}country-picker-drawer .drawer__close{display:inline-flex;align-items:center;justify-content:center;position:absolute;padding:0;width:40px;height:40px;top:60px;right:-20px;color:var(--color-foreground);background-color:var(--color-primary-cta);border:none;cursor:pointer;border-radius:9999px}country-picker-drawer .drawer__close svg{height:9px;width:9px}country-picker-drawer .drawer__contents{flex-grow:1;display:flex;flex-direction:column;overflow:scroll;padding-bottom:32px}country-picker-drawer{position:fixed;top:0;left:0;width:100vw;height:100%}country-picker-drawer .country-picker-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}country-picker-drawer .country-picker-drawer__overlay:empty{display:block}country-picker-drawer .drawer__contents::-webkit-scrollbar,country-picker-drawer .LocaleSelector__list::-webkit-scrollbar{height:.4rem;width:.4rem;display:none}@media screen and (min-width: 750px){country-picker-drawer .drawer__inner{padding:64px 64px 0}country-picker-drawer .drawer__contents{padding-bottom:64px}}@media screen and (max-width: 500px){country-picker-drawer{align-items:flex-end}country-picker-drawer .drawer__inner{max-height:calc(100dvh - 52px);padding-bottom:0;transform:translateY(100%);width:500px}country-picker-drawer.drawer.active .drawer__inner{transform:translateY(0)}country-picker-drawer .drawer__close{top:-20px;right:32px}}
/*# sourceMappingURL=/cdn/shop/t/191/assets/component-country-picker-drawer.css.map */