.tryit-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:clamp(12px,4vw,24px);font-family:var(--tryit-font-family, inherit)}.tryit-modal[aria-hidden=false]{display:flex}.tryit-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;background:color-mix(in srgb,var(--tryit-backdrop, #000) calc(var(--tryit-backdrop-opacity, .55) * 100%),transparent)}.tryit-modal__panel{position:relative;z-index:1;max-width:min(580px,calc(100vw - 2rem));width:100%;background:var(--tryit-bg, #fff);color:var(--tryit-text, #111);border-radius:var(--tryit-radius, 16px);padding:32px;box-shadow:0 18px 50px #00000040;border:1px solid var(--tryit-border, rgba(0,0,0,.1));transform:translateY(-6%) scale(var(--tryit-font-scale, 1))}.tryit-modal__close{position:absolute;top:12px;right:12px;background:transparent;border:0;font-size:32px;line-height:1;cursor:pointer;color:var(--tryit-text, #001C26)}.tryit-modal__title{margin:0 0 6px}.tryit-modal__subtitle{margin:0 0 16px;color:var(--tryit-muted, #666)}.tryit-label{display:block;font-weight:600;margin-bottom:6px}.tryit-input{width:100%;padding:12px;border-radius:10px;border:1px solid var(--tryit-input-border, rgba(0,0,0,.2));background:var(--tryit-input-bg, #fff);color:var(--tryit-input-text, #111)}.tryit-checkbox{display:flex;gap:10px;margin-top:14px;font-size:14px;line-height:1.35}.tryit-checkbox input{margin-top:3px}.tryit-checkbox a{color:inherit;text-decoration:underline}.tryit-microcopy{font-size:13px;color:var(--tryit-muted, #666);margin:12px 0 16px}.tryit-submit{width:100%;padding:12px 14px;border-radius:var(--tryit-btn-radius, 12px);cursor:pointer;border:1px solid var(--tryit-btn-border, #111);background:var(--tryit-btn-bg, #111);color:var(--tryit-btn-text, #fff)}.tryit-error{color:#b00020;margin-top:10px;font-size:14px}@keyframes tryit-backdrop-fade{0%{opacity:0}to{opacity:1}}@keyframes tryit-panel-pop{0%{opacity:0;translate:0 calc(-6% + 12px)}to{opacity:1;translate:0 -6%}}.tryit-modal[aria-hidden=false] .tryit-modal__backdrop{animation:tryit-backdrop-fade .16s ease-out both}.tryit-modal[aria-hidden=false] .tryit-modal__panel{animation:tryit-panel-pop .22s cubic-bezier(.2,.8,.2,1) both}@media (prefers-reduced-motion: reduce){.tryit-modal__backdrop,.tryit-modal__panel{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tryit-modal.css.map */