.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal[hidden]{display:none}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--color-text-primary) 55%,transparent);opacity:0;transition:opacity var(--transition-base);cursor:pointer}@supports not (background: color-mix(in srgb,red 50%,transparent)){.modal__backdrop{background:#1f24268c}}.modal.is-open .modal__backdrop{opacity:1}.modal__panel{position:relative;z-index:1;background:var(--color-paper);border:1px solid var(--color-divider);border-radius:var(--radius-lg);padding:var(--space-5);width:100%;max-width:clamp(320px,90vw,560px);max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-modal);opacity:0;transform:translateY(8px);transition:opacity var(--transition-base),transform var(--transition-base)}.modal.is-open .modal__panel{opacity:1;transform:translateY(0)}.modal__close{position:absolute;top:var(--space-3);right:var(--space-3);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0;cursor:pointer;color:var(--color-text-primary);border-radius:var(--radius-sm);transition:color var(--transition-fast)}.modal__close:hover,.modal__close:focus-visible{color:var(--color-copper)}.modal__close:focus-visible{outline:1px solid var(--color-accent-gold);outline-offset:2px}.modal__close svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;fill:none}.modal__title{font-family:var(--font-display);font-size:var(--text-h3);font-weight:500;color:var(--color-text-heading);line-height:var(--leading-snug);margin:0 0 var(--space-3);letter-spacing:var(--tracking-normal)}.modal__subtitle{font-family:var(--font-jp);font-size:var(--text-body-jp);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-4)}.modal__body{font-family:var(--font-jp);font-size:var(--text-body-jp);line-height:var(--leading-normal);color:var(--color-text-primary)}.modal__body p+p{margin-top:var(--space-3)}.modal__actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-4);flex-wrap:wrap}@media(max-width:767px){.modal__panel{padding:var(--space-4)}.modal__actions{flex-direction:column-reverse;align-items:stretch}}@media(prefers-reduced-motion:reduce){.modal__backdrop,.modal__panel{transition:none}.modal__panel{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/comp-modal.css.map */