.state-restriction-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;overflow:auto;width:100%;background:#00000080;height:100%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .3s ease,visibility .3s ease}.state-restriction-modal[open]{opacity:1;visibility:visible;z-index:101}.state-restriction-modal__content{border-radius:var(--popup-corner-radius);background-color:#ffefda;overflow:hidden;margin:0 auto;left:50%;transform:translate(-50%);margin-top:10rem;width:92%;max-width:50rem;position:absolute;top:0;padding:0;border-color:rgba(var(--color-foreground),var(--popup-border-opacity));border-style:solid;border-width:var(--popup-border-width);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));animation:slideInFromTop .3s ease-out}@keyframes slideInFromTop{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}.state-restriction-modal__content.focused{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))}.state-restriction-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))}.state-restriction-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem 0;border-bottom:.1rem solid rgba(var(--color-foreground),.1);margin-bottom:0}.state-restriction-modal__title{margin:0;font-size:2rem;font-weight:500;color:rgb(var(--color-foreground));line-height:1.3}.state-restriction-modal__close{background-color:transparent;border:none;color:rgba(var(--color-foreground),.55);cursor:pointer;padding:.8rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;width:4rem;height:4rem}.state-restriction-modal__close:hover{color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.05)}.state-restriction-modal__close:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.state-restriction-modal__close .icon{width:2rem;height:2rem}.state-restriction-modal__body{padding:2rem}.state-restriction-modal__icon{width:6rem;height:6rem;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--color-foreground),.05);border-radius:50%;color:rgba(var(--color-foreground),.6);display:none}.state-restriction-modal__icon .icon{width:3rem;height:3rem}.state-restriction-modal__message{text-align:center;font-size:3rem;line-height:1.5;color:rgb(var(--color-foreground));margin:0 0 2rem}.state-restriction-modal__actions{display:flex;justify-content:center;gap:1rem}.state-restriction-modal__button{display:inline-flex;align-items:center;justify-content:center;min-height:4.4rem;padding:1rem 2rem;border:.1rem solid rgba(var(--color-foreground),.08);background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:1.4rem;font-weight:500;border-radius:var(--buttons-radius);cursor:pointer;transition:all .2s ease;text-decoration:none;min-width:12rem}.state-restriction-modal__button:hover{opacity:.85;transform:translateY(-.1rem)}.state-restriction-modal__button:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.state-restriction-modal__button--secondary{background-color:transparent;color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),.2)}.state-restriction-modal__button--secondary:hover{background-color:rgba(var(--color-foreground),.05)}@media screen and (max-width: 749px){.state-restriction-modal__content{margin-top:5rem;width:95%;max-width:none}.state-restriction-modal__header{padding:1.5rem 1.5rem 0}.state-restriction-modal__title{font-size:1.8rem}.state-restriction-modal__body{padding:1.5rem}.state-restriction-modal__message{font-size:1.5rem}.state-restriction-modal__actions{flex-direction:column}.state-restriction-modal__button{width:100%}.state-restriction-modal__icon{width:5rem;height:5rem}.state-restriction-modal__icon .icon{width:2.5rem;height:2.5rem}}@media screen and (min-width: 750px){.state-restriction-modal__content{margin-top:15rem;width:80%;max-width:50rem}}@media screen and (min-width: 990px){.state-restriction-modal__content{width:70%;max-width:45rem}}.state-restriction-modal.closing{opacity:0;transition:opacity .2s ease}.state-restriction-modal.closing .state-restriction-modal__content{transform:translate(-50%,-20px);transition:transform .2s ease}
/*# sourceMappingURL=/cdn/shop/t/36/assets/component-state-restriction-modal.css.map */