.popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity var(--dur-nav) var(--ease)}.popup.is-open{opacity:1}.popup[hidden]{display:none}.popup__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#1c1a1847}.popup__panel{position:relative;width:min(32rem,100%);margin:var(--gutter);padding:clamp(1.75rem,4vw,2.75rem);background-color:var(--paper);border:1px solid var(--sand);border-radius:var(--radius)}@media(min-width:750px){.popup{align-items:center}}.popup__close{position:absolute;top:clamp(1.25rem,3vw,1.75rem);right:clamp(1.25rem,3vw,1.75rem);color:var(--ink-45);transition:color var(--dur-fast) var(--ease)}@media(hover:hover){.popup__close:hover{color:var(--ink)}}.popup__heading{margin-block:var(--sp-4) var(--sp-4);max-width:12ch}.popup__text{max-width:34ch;margin-bottom:var(--sp-8)}.popup__field{display:flex;align-items:baseline;gap:var(--sp-4);border-bottom:1px solid var(--sand);transition:border-color var(--dur-fast) var(--ease)}.popup__field:focus-within{border-bottom-color:var(--ink)}.popup__field input{flex:1;min-width:0;padding-block:var(--sp-3);font-size:var(--t-body)}.popup__field input::placeholder{color:var(--ink-45)}.popup__submit{flex-shrink:0;color:var(--ink);transition:opacity var(--dur-fast) var(--ease)}@media(hover:hover){.popup__submit:hover{opacity:.6}}.popup__message{margin-top:var(--sp-4);font-size:var(--t-small);color:var(--ink-70)}.popup__message--error{color:var(--cognac)}.popup__code{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-6);width:100%;margin-top:var(--sp-4);padding:var(--sp-4) var(--sp-6);border:1px solid var(--ink);border-radius:2px;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:opacity var(--dur-fast) var(--ease)}.popup__code-value{font-family:var(--font-display);font-size:var(--d3);line-height:1;text-transform:uppercase;letter-spacing:.02em}.popup__code-hint{color:var(--ink-70);white-space:nowrap}.popup__code[data-copied] .popup__code-hint:after{content:"ed"}@media(hover:hover){.popup__code:hover{opacity:.6}}.popup__code:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.popup__small{margin-top:var(--sp-6)}
/*# sourceMappingURL=/cdn/shop/t/33/assets/midas-popup.css.map */