.dtai-view--tryon{overflow-y:auto;-webkit-overflow-scrolling:touch}.dtt{flex:none;display:flex;flex-direction:column;gap:20px;padding:16px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.dtt-step{display:flex;flex-direction:column;gap:16px}.dtt-step.is-over{outline:1px dashed var(--dtai-rust);outline-offset:8px}.dtt h3{margin:0;font-family:var(--dtai-heading);font-size:22px;font-weight:400;line-height:1.2;color:var(--dtai-ink)}.dtt h3:focus{outline:none}.dtt-lead{margin:-6px 0 0;font-size:14px;line-height:1.5;color:var(--dtai-muted)}.dtt-piece{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--dtai-line)}.dtt-piece img,.dtt-piece__ph{width:48px;height:64px;object-fit:cover;background:var(--dtai-sand);flex:none}.dtt-piece .dtai-eyebrow{margin:0 0 2px}.dtt-piece__title{margin:0;font-size:14px;line-height:1.35;color:var(--dtai-ink)}.dtt-guide{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin:0;padding:0;list-style:none}.dtt-guide li{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.4}.dtt-guide__ico{flex:none;color:var(--dtai-rust)}.dtt-guide__ico svg{display:block;width:30px;height:30px}.dtt-guide b{display:block;font-weight:600;color:var(--dtai-ink)}.dtt-guide li>span:last-child>span{color:var(--dtai-muted)}.dtt-tip{margin:0;padding:12px 14px;background:var(--dtai-sand);font-size:13px;line-height:1.5;color:var(--dtai-ink)}.dtt-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--dtai-ink);cursor:pointer}.dtt-check input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--dtai-rust)}.dtt-check.is-needed{outline:1px solid var(--dtai-rust);outline-offset:6px}.dtt-actions{display:flex;flex-direction:column;gap:8px}.dtt .dtai-btn{width:100%}.dtt .dtai-btn[aria-disabled=true]{opacity:.45}.dtt-stage{position:relative;aspect-ratio:3 / 4;background:var(--dtai-sand);overflow:hidden}.dtt-stage img{display:block;width:100%;height:100%;object-fit:cover;opacity:.55}.dtt-stage--ready{align-self:center;width:auto;max-width:100%;height:clamp(220px,calc(100vh - 430px),480px);height:clamp(220px,calc(100dvh - 430px),480px);margin:0 auto}.dtt-stage--ready img{opacity:1}.dtt-stage--ready.has-tip{height:clamp(160px,calc(100vh - 540px),440px);height:clamp(160px,calc(100dvh - 540px),440px)}.dtt-tip--skin{border-left:2px solid var(--dtai-rust)}.dtt-ring{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.dtai .dtt-ring svg{display:block;width:72px;height:72px}.dtt-ring__track{fill:var(--dtai-paper);stroke:#eadfd8;stroke-width:3}.dtt-ring__arc{fill:none;stroke:var(--dtai-rust);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.dtt-ring__pct{fill:var(--dtai-ink);font-size:15px;font-family:inherit}@media(prefers-reduced-motion:reduce){.dtt-ring__arc{transition:none}}.dtt-status{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--dtai-paper);font-size:14px;color:var(--dtai-ink)}.dtt-result{margin:0}.dtt-result img{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover;background:var(--dtai-sand)}.dtt-result figcaption{margin-top:8px}.dtt-buy{padding-top:16px;border-top:1px solid var(--dtai-line)}.dtai-card--tryon .dtai-card__media{display:none}.dtai-card--tryon .dtai-card__title{min-height:0}.dtai-card--tryon .dtai-card__add{min-height:48px}.dtai-card--tryon.is-loading{min-height:96px}.dtt-links{display:flex;flex-wrap:wrap;gap:4px 24px}.dtt-link,.dtt-cardlink{padding:0;border:0;background:none;font:inherit;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dtai-ink);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:#cdbfb3;text-underline-offset:.45em;cursor:pointer}.dtt-link{min-height:40px;display:inline-flex;align-items:center}.dtt-link:hover,.dtt-cardlink:hover{text-decoration-color:var(--dtai-ink)}.dtt-cardlink{align-self:flex-start;min-height:32px}.dtt-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:359px){.dtt-guide{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/dt-tryon.css.map */