.regional-popup-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;top:0;left:0;width:100%;height:100%;overflow:auto;background:rgba(var(--color-foreground),.5);transition:opacity .3s ease,visibility .3s ease}.regional-popup-modal[open]{opacity:1;visibility:visible;z-index:9999999999}.regional-popup-modal__content{position:relative;background-color:rgb(var(--color-background));margin:0 auto;width:100%;max-width:100%;padding:3rem 2rem 2rem;border:none;box-shadow:0 4px 20px rgba(var(--color-shadow),.15);outline:none}.regional-popup-modal__close{position:absolute;top:1.5rem;right:1.5rem;background:transparent;border:none;padding:.5rem;cursor:pointer;color:rgb(var(--color-foreground));line-height:0;z-index:1;transition:opacity .2s ease;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.regional-popup-modal__close svg{width:100%;height:100%;max-width:1em}.regional-popup-modal__close:hover{opacity:.7}.regional-popup-modal__close:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.regional-popup-modal__inner{display:flex;flex-direction:column;gap:2rem;text-align:center}.regional-popup-modal__logo{display:flex;justify-content:center;align-items:center}.regional-popup-modal__logo-image{max-width:100%;height:auto;max-height:80px;object-fit:contain}.regional-popup-modal__heading{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:.875em;line-height:1.2;color:rgb(var(--color-foreground));letter-spacing:var(--font-heading-letter-spacing)}.regional-popup-modal__description{margin:0;font-size:var(--font-size-base);line-height:1.6;color:rgb(var(--color-foreground))}.regional-popup-modal__buttons{display:flex;flex-direction:column;gap:1rem;width:100%}.regional-popup-modal__button{width:100%;min-height:var(--button-min-height);padding:1rem 2rem;text-transform:uppercase;letter-spacing:var(--font-heading-letter-spacing);cursor:pointer;transition:all .2s ease;text-align:center;display:inline-flex;align-items:center;justify-content:center}.regional-popup-modal__button--primary{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border-color:rgb(var(--color-button))}.regional-popup-modal__button--primary:hover{opacity:.9}.regional-popup-modal__button--primary:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:2px}.regional-popup-modal__button--secondary{background-color:rgb(var(--color-secondary-button));color:rgb(var(--color-secondary-button-text));border-color:rgb(var(--color-secondary-button-text))}.regional-popup-modal__button--secondary:hover{background-color:rgb(var(--color-secondary-button-text));color:rgb(var(--color-secondary-button))}.regional-popup-modal__button--secondary:focus-visible{outline:2px solid rgb(var(--color-secondary-button-text));outline-offset:2px}@media screen and (min-width: 768px){.regional-popup-modal__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:50rem;padding:4rem 3rem 3rem;border-width:var(--popup-border-width);border-style:solid;border-color:rgba(var(--color-foreground),var(--popup-border-opacity));box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.regional-popup-modal__content:focus-visible{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3),var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.regional-popup-modal__close{top:2rem;right:2rem}.regional-popup-modal__inner{gap:2.5rem}.regional-popup-modal__logo-image{max-height:100px}.regional-popup-modal__description{font-size:var(--font-size-base)}.regional-popup-modal__buttons{flex-direction:column;gap:1.5rem}.regional-popup-modal__button{min-height:var(--button-min-height)}}@media screen and (max-width: 767px){.regional-popup-modal{align-items:flex-end;justify-content:flex-end}.regional-popup-modal__content{position:fixed;bottom:0;left:0;right:0;max-height:90vh;padding:2.5rem 2rem 2rem;overflow-y:auto;transform:translateY(100%);transition:transform .3s ease}.regional-popup-modal[open] .regional-popup-modal__content{transform:translateY(0)}.regional-popup-modal__close{top:1.5rem;right:1.5rem}.regional-popup-modal__inner{gap:1.5rem}.regional-popup-modal__logo-image{max-height:60px}.regional-popup-modal__heading{font-size:var(--font-size-h5);padding-right:3rem}.regional-popup-modal__description{font-size:var(--font-size-base)}.regional-popup-modal__buttons{flex-direction:row;gap:1rem}.regional-popup-modal__button{flex:1;min-height:var(--button-small-min-height);font-size:var(--button-small-font-size);padding:.8rem 1.5rem}}.regional-popup-modal__button:focus-visible,.regional-popup-modal__close:focus-visible{outline-width:2px;outline-style:solid;outline-offset:2px}body.has-open-dialog{overflow:hidden}@keyframes regional-popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes regional-popup-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes regional-popup-scale-in{0%{transform:translate(-50%,-50%) scale(.9);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@media screen and (min-width: 768px){.regional-popup-modal[open] .regional-popup-modal__content{animation:regional-popup-scale-in .3s ease}}@media screen and (max-width: 767px){.regional-popup-modal[open] .regional-popup-modal__content{animation:regional-popup-slide-up .3s ease}}
/*# sourceMappingURL=/cdn/shop/t/327/assets/component-regional-popup.css.map */