locale-suggestion{display:contents}.locale-suggestion{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;width:100%;max-width:none;max-height:none;margin:auto;padding:1.5rem;border:0;border-radius:.375rem;color:rgb(var(--text-color));font-size:.875rem;background-color:rgb(var(--background));background-image:var(--background-gradient)}@media screen and (max-width:999px){.locale-suggestion{top:auto}}@media screen and (min-width:1000px){.locale-suggestion{width:min(100% - 1.5rem * 2,26.25rem)}}@media(prefers-reduced-motion:no-preference){.locale-suggestion{transition:translate .5s cubic-bezier(.32,.72,0,1)}@media screen and (min-width:1000px){.locale-suggestion{transition:opacity .2s,translate .2s}}}.locale-suggestion::backdrop{background-color:#0000007f;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:opacity .5s linear}@media screen and (min-width:1000px){.locale-suggestion::backdrop{transition-duration:.2s}}.locale-suggestion:is(:not([open]),[data-closing=true]){translate:0 100%}.locale-suggestion:is(:not([open]),[data-closing=true])::backdrop{opacity:0}@media screen and (min-width:1000px){.locale-suggestion:is(:not([open]),[data-closing=true]){opacity:0;translate:0 1.5rem}}@starting-style{.locale-suggestion[open]{translate:0 100%}.locale-suggestion[open]::backdrop{opacity:0}}@media screen and (min-width:1000px){@starting-style{.locale-suggestion[open]{opacity:0;translate:0 1.5rem}}}.locale-suggestion__flag{display:block;flex-shrink:0;width:1.5rem;margin-bottom:1.5rem;aspect-ratio:4 / 3}.locale-suggestion__flag img{width:100%;height:100%;object-fit:cover}.locale-suggestion__close{display:grid;place-items:center;width:2rem;position:absolute;top:.75rem;right:.75rem;aspect-ratio:1}.locale-suggestion__title,.locale-suggestion__message{line-height:1.3}.locale-suggestion__title{font-size:1rem;font-weight:600}.locale-suggestion__message{margin-top:.25rem}.locale-suggestion__actions{display:flex;gap:.5rem;margin-top:1.5rem}.locale-suggestion__actions .button{flex:1;max-width:none}.locale-suggestion__actions .button--outline{--button-text-color: var(--button-background-primary)}@media screen and (max-width:999px){.locale-suggestion__actions{flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/445/assets/locale-suggestion.css.map */