.arch[hidden]{display:none}.arch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:20px;font-family:inherit}.arch__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#2b1a2c61;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:arch-fade .25s ease both}.arch__panel{position:relative;width:min(94vw,520px);max-height:92vh;overflow-y:auto;background:#fff;color:#2b1a2c;border-radius:22px;padding:40px 34px 30px;box-shadow:0 30px 70px #2b1a2c52,0 4px 14px #2b1a2c1f;animation:arch-rise .32s cubic-bezier(.2,.7,.2,1) both;scrollbar-width:thin;scrollbar-color:#d9c3da transparent}.arch__panel:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#ef6a55,#f7ac2e,#4caf6d,#2f9be0,#914a93,#e85d9e);border-radius:22px 22px 0 0}.arch__close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#6d2f70;font-size:26px;line-height:1;cursor:pointer;transition:background-color .15s ease,color .15s ease}.arch__close:hover{background:#f8f0f8;color:#2b1a2c}.arch__eyebrow{margin:0 0 6px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;text-align:center;color:#914a93}.arch__title{margin:0 0 8px;font-weight:400;font-size:30px;line-height:1.12;text-align:center;color:#2b1a2c}.arch__lead{margin:0 auto 26px;max-width:400px;font-size:13.5px;line-height:1.6;text-align:center;color:#6b5a6c}.arch__step{margin:0 0 22px;padding:0;border:0}.arch__label{display:block;margin:0 0 10px;font-size:13px;font-weight:700;text-align:center;color:#2b1a2c}.arch__label span{display:none}.arch__tiles{display:flex;justify-content:center;gap:10px}.arch__tile{flex:1 1 0;max-width:190px;padding:13px 18px;border:1.5px solid #e6d3e7;border-radius:999px;background:#fff;color:#2b1a2c;font-family:inherit;font-size:16px;font-weight:700;line-height:1.2;text-align:center;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}.arch__tile small{display:none}.arch__tile:hover{border-color:#914a93;box-shadow:0 3px 10px #914a9333}.arch__tile[aria-pressed=true]{background:#914a93;border-color:#914a93;color:#fff}.arch__sizes{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.arch__size{width:42px;height:42px;padding:0;border:0;border-radius:50%;color:#fff;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 3px #0000002e;transition:transform .12s ease,box-shadow .12s ease,opacity .15s ease}.arch__size:nth-child(6n+1){background:#ef6a55}.arch__size:nth-child(6n+2){background:#f7ac2e}.arch__size:nth-child(6n+3){background:#4caf6d}.arch__size:nth-child(6n+4){background:#2f9be0}.arch__size:nth-child(6n+5){background:#914a93}.arch__size:nth-child(6n){background:#e85d9e}.arch__size:hover{transform:translateY(-3px);box-shadow:0 6px #0000002e}.arch__size[aria-pressed=true]{outline:3px solid #2b1a2c;outline-offset:2px}.arch__sizes:has(.arch__size[aria-pressed=true]) .arch__size[aria-pressed=false]{opacity:.4}.arch__hint{margin:0 0 12px;font-size:12px;text-align:center;color:#6b5a6c}.arch__cta{display:block;width:100%;margin-top:8px;padding:15px 18px;border:1.5px solid #914a93;border-radius:999px;background:#914a93;color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;text-align:center;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:0 4px 10px #914a934d;transition:background-color .15s ease,box-shadow .15s ease}.arch__cta:hover{background:#6d2f70;border-color:#6d2f70;box-shadow:0 6px 14px #6d2f7066;color:#fff}.arch__cta[aria-disabled=true]{background:#f1e6f2;border-color:#f1e6f2;color:#a58ba7;box-shadow:none;pointer-events:none}.arch__note{margin:12px 0 0;font-size:11.5px;line-height:1.5;text-align:center;color:#6b5a6c}body.arch-lock{overflow:hidden}@keyframes arch-fade{0%{opacity:0}to{opacity:1}}@keyframes arch-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.arch__backdrop,.arch__panel{animation:none}}@media(max-width:640px){.arch{align-items:flex-end;padding:0}.arch__panel{width:100%;max-height:94vh;border-radius:22px 22px 0 0;padding:36px 20px 26px;animation-name:arch-sheet}.arch__title{font-size:26px}}@keyframes arch-sheet{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/archives-modal.css.map */