.modal-box{display:contents}.modal-box__dialog{--modal-label-normal: #121213;--modal-label-neutral: #585b64;--modal-primary: #0066ff;--modal-bg-elevated: #fff;--modal-interaction-light: rgba(18, 18, 19, .09);--modal-line-normal: rgba(106, 109, 118, .4);--modal-font: var(--font-kit-family);width:min(40.8rem,calc(100vw - 6.4rem));min-width:29.6rem;max-width:none;min-height:12rem;padding:0;border:none;border-radius:1.2rem;background:var(--modal-bg-elevated);box-shadow:0 0 .1rem #12121314,0 .1rem .4rem #12121314,0 .2rem .8rem #1212131f}.modal-box__dialog::backdrop{background:#12121380}.modal-box__panel{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;padding:1.6rem 2rem;font-family:var(--modal-font)}.modal-box__contents{display:flex;flex-direction:column;gap:1.2rem;width:100%;text-align:center;word-break:break-word}.modal-box__top{display:flex;align-items:center;justify-content:center;gap:.8rem;width:100%}.modal-box__top--with-dismiss{padding-left:4rem;min-height:3.6rem}.modal-box__top .modal-box__title{flex:1 0 0;min-width:0}.modal-box__dismiss{box-sizing:border-box;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:.8rem;border:none;border-radius:999px;background:none;color:var(--modal-label-neutral);cursor:pointer}.modal-box__dismiss svg{width:2rem;height:2rem}.modal-box__dismiss:hover,.modal-box__dismiss:active{background-color:var(--modal-interaction-light)}.modal-box__title{margin:0;font-family:inherit;font-size:1.8rem;font-weight:700;line-height:1.3;letter-spacing:-.01rem;color:var(--modal-label-normal);text-transform:none}.modal-box__body{max-height:calc(100dvh - 24rem);overflow-y:auto;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:-.015rem;color:var(--modal-label-neutral)}.modal-box__body p{margin:0}.modal-box__btn-set{display:flex;flex-direction:column;align-items:center;gap:1.6rem;width:100%}.modal-box__actions{display:flex;justify-content:center;gap:.8rem;width:100%}.modal-box__button{box-sizing:border-box;flex:1 0 0;display:inline-flex;align-items:center;justify-content:center;min-width:0;max-width:38rem;height:3.8rem;min-height:3.8rem;padding:0 1.6rem;border:.1rem solid transparent;border-radius:999px;font-family:inherit;font-size:1.4rem;font-weight:600;line-height:1.3;letter-spacing:-.025rem;white-space:nowrap;text-decoration:none;cursor:pointer;transition:opacity .1s ease,background-color .1s ease}.modal-box__button--primary{background:var(--modal-primary);color:#fff}.modal-box__button--primary:hover{opacity:.9}.modal-box__button[disabled]{opacity:.4;cursor:not-allowed}.modal-box__button--primary[disabled]:hover{opacity:.4}.modal-box__button--outline[disabled]:hover,.modal-box__button--secondary[disabled]:hover{background-color:transparent}.modal-box__button--secondary{background:transparent;border-color:var(--modal-line-normal);color:var(--modal-primary)}.modal-box__button--secondary:hover{background-color:var(--modal-interaction-light)}.modal-box__button--outline{background:transparent;border-color:var(--modal-primary);color:var(--modal-primary)}.modal-box__button--outline:hover{background-color:#0066ff0f}.modal-box__close{display:inline-flex;align-items:center;justify-content:center;height:2.6rem;padding:0 .6rem;border:none;border-radius:.4rem;background:none;font-family:inherit;font-size:1.4rem;font-weight:600;line-height:1.3;letter-spacing:-.025rem;color:var(--modal-label-neutral);cursor:pointer}.modal-box__close:hover,.modal-box__close:active{background-color:var(--modal-interaction-light)}.modal-box__dialog--large{width:min(56rem,calc(100vw - 6.4rem));border-radius:1.6rem}.modal-box__dialog--large .modal-box__panel{gap:2.4rem;padding:2rem 2.8rem 2.4rem}.modal-box__dialog--large .modal-box__contents{gap:2.4rem}.modal-box__dialog--large .modal-box__title{font-size:2rem}.modal-box__dialog--large .modal-box__btn-set{gap:.8rem}.modal-box__dialog--large .modal-box__button{height:4.8rem;min-height:4.8rem;padding:0 2.4rem;font-size:1.6rem}.modal-box__dialog--large .modal-box__close{height:2.8rem;font-size:1.6rem}.modal-box__dialog[open]{animation:modal-box-in .16s ease}.modal-box__dialog[open]::backdrop{animation:modal-box-backdrop-in .16s ease}@keyframes modal-box-in{0%{opacity:0;transform:translateY(.8rem) scale(.98)}}@keyframes modal-box-backdrop-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.modal-box__dialog[open],.modal-box__dialog[open]::backdrop{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-modal-box.css.map */