.try-on-cap-modal.x-modal{--toc-ink: #121212;--toc-muted: #5f5f5f;--toc-line: #d8d8d8;--toc-surface: #fff;--toc-soft: #f7f7f5;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}.try-on-cap-modal.x-modal[open]{display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;margin:0;padding:0;overflow-y:auto;z-index:70;pointer-events:auto;box-sizing:border-box}.try-on-cap-modal.x-modal>.drawer__inner{position:relative;z-index:1;width:min(560px,calc(100% - 1rem));max-width:none;max-height:calc(100dvh - 1rem);margin:auto;padding:0;overflow:hidden;border:0;border-radius:12px;color:var(--toc-ink);background:var(--toc-surface);box-shadow:0 28px 90px #12121261;box-sizing:border-box;transform:none}.try-on-cap-modal.x-modal>.overlay{transition:opacity .3s ease,visibility .3s ease}.try-on-cap-modal.x-modal[open]>.overlay,.try-on-cap-modal.x-modal[active]>.overlay{opacity:1;visibility:visible;background:#120b08ad;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.try-on-cap-modal.x-modal>.drawer__inner>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-bottom:1px solid var(--toc-line)}.try-on-cap-modal.x-modal>.drawer__inner>header div{display:flex;flex-direction:column}.try-on-cap-modal.x-modal>.drawer__inner>header span{color:var(--toc-muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.try-on-cap-modal.x-modal>.drawer__inner>header h2{margin:.18rem 0 0;font-size:1.55rem;line-height:1;font-weight:600}.try-on-cap-modal.x-modal>.drawer__inner>header button{width:42px;height:42px;flex:0 0 auto;border:1px solid var(--toc-line);border-radius:50%;color:var(--toc-ink);background:var(--toc-surface);font-size:1.5rem;cursor:pointer}.try-on-cap-modal.x-modal .try-on-cap-body{padding:1rem 1.1rem 1.2rem}.try-on-cap-modal.x-modal .try-on-cap-look{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:.85rem;padding:.7rem;border:1px solid var(--toc-line);background:var(--toc-soft)}.try-on-cap-modal.x-modal .try-on-cap-look img{width:74px;height:92px;display:block;object-fit:cover;background:#e9e6e2}.try-on-cap-modal.x-modal .try-on-cap-look div{min-width:0;display:flex;flex-direction:column}.try-on-cap-modal.x-modal .try-on-cap-look strong{font-size:1.05rem;line-height:1.25}.try-on-cap-modal.x-modal .try-on-cap-look span{margin-top:.25rem;color:var(--toc-muted);font-size:.82rem}.try-on-cap-modal.x-modal .try-on-cap-body>p{margin:1rem 0 .75rem;color:var(--toc-muted);font-size:.92rem;line-height:1.45}.try-on-cap-modal.x-modal .try-on-cap-options{display:grid;grid-template-columns:repeat(5,1fr);gap:.45rem}.try-on-cap-modal.x-modal .try-on-cap-options button{min-height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--toc-line);border-radius:4px;color:var(--toc-ink);background:var(--toc-surface);cursor:pointer}.try-on-cap-modal.x-modal .try-on-cap-options button:hover,.try-on-cap-modal.x-modal .try-on-cap-options button:focus-visible{border-color:var(--toc-ink);background:#f1f1ef}.try-on-cap-modal.x-modal .try-on-cap-options button:disabled{opacity:.55;cursor:wait}.try-on-cap-modal.x-modal .try-on-cap-options strong{font-size:1.2rem;font-weight:600}.try-on-cap-modal.x-modal .try-on-cap-options span{margin-top:.18rem;color:var(--toc-muted);font-size:.72rem}.try-on-cap-modal.x-modal .try-on-cap-help{display:inline-block;margin-top:.85rem;color:var(--toc-ink);font-size:.82rem;font-weight:700;text-underline-offset:3px}@media(max-width:820px){.try-on-cap-modal.x-modal>.drawer__inner{width:min(560px,calc(100% - 1rem));height:auto;max-height:calc(100dvh - 1rem);border-radius:12px}}@media(max-width:520px){.try-on-cap-modal.x-modal>.drawer__inner{width:100%;max-height:92dvh;margin:auto 0 0;border-radius:14px 14px 0 0}.try-on-cap-modal.x-modal .try-on-cap-options{grid-template-columns:repeat(3,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/149/assets/try-on-commerce.css.map */