dialog.hop-modal{width:min(100% - 3.2rem,55rem);max-height:min(90dvh,76rem);padding:0;overflow:auto;overscroll-behavior:contain;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));border:var(--popup-border-width) solid rgba(var(--color-foreground),var(--popup-border-opacity));border-radius:var(--popup-corner-radius);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));opacity:0;transform:scale(.95);transition:opacity .35s ease,transform .35s ease,display .35s allow-discrete,overlay .35s allow-discrete}dialog.hop-modal[open]{opacity:1;transform:scale(1)}@starting-style{dialog.hop-modal[open]{opacity:0;transform:scale(.95)}}dialog.hop-modal::backdrop{background-color:#00000080;opacity:0;transition:opacity .35s ease,display .35s allow-discrete,overlay .35s allow-discrete}dialog.hop-modal[open]::backdrop{opacity:1}@starting-style{dialog.hop-modal[open]::backdrop{opacity:0}}html:has(dialog.hop-modal[open]){overflow:hidden}.hop-modal__dialog{position:relative}.hop-modal__close-button{position:absolute;z-index:1;top:.8rem;right:.8rem;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;color:rgb(var(--color-foreground));cursor:pointer;background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.15);border-radius:50%}.hop-modal__close-button:hover{color:rgba(var(--color-foreground),.75)}.hop-modal__close-button .icon{width:1.8rem;height:1.8rem}.hop-modal__banner:empty{display:none}.hop-modal__banner img{display:block;width:100%;height:auto}.hop-modal__content{padding:3.2rem}.hop-modal__title,.hop-modal__subtitle{margin:0;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-style:var(--font-heading-style)}.hop-modal__title{max-width:calc(100% - 4.8rem);font-size:calc(var(--font-heading-scale) * 2.4rem);line-height:1.25}.hop-modal__content p{margin:1.6rem 0 0;font-size:1.5rem;line-height:1.5}.hop-modal__subtitle{margin-top:2.4rem;font-size:calc(var(--font-heading-scale) * 1.8rem)}.hop-modal__benefits{display:grid;gap:1.2rem;padding:0;margin:1.6rem 0 0;font-size:1.5rem;line-height:1.5;list-style:none}.hop-modal__benefits li{position:relative;padding-left:2.6rem}.hop-modal__benefits li:before{position:absolute;top:.15em;left:0;display:grid;width:1.8rem;height:1.8rem;color:rgb(var(--color-button-text));font-size:1.2rem;font-weight:700;line-height:1;content:"\2713";background:rgb(var(--color-button));border-radius:50%;place-items:center}.hop-modal__action{margin-top:2.8rem}@media screen and (max-width:749px){dialog.hop-modal{inset:auto 0 0;width:100%;max-height:92dvh;margin:0 auto 16px;border-width:var(--popup-border-width) 0 0;border-radius:var(--popup-corner-radius) var(--popup-corner-radius) 0 0;transform:translateY(2.4rem)}dialog.hop-modal[open]{transform:translateY(0)}@starting-style{dialog.hop-modal[open]{transform:translateY(2.4rem)}}.hop-modal__content{padding:2.4rem 1.6rem}}@media(prefers-reduced-motion:reduce){dialog.hop-modal,dialog.hop-modal::backdrop{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-hop-modal.css.map */