.ind-looks{gap:var(--sp-xl) var(--sp-3xl);grid-template-columns:280px minmax(0,1fr);align-items:center;display:grid}.ind-looks__list{margin:0;padding:0;list-style:none;display:grid}.ind-looks__pick{width:100%;padding:var(--sp-lg) 0;border:0;border-top:1px solid var(--hairline);color:var(--body);text-align:left;cursor:pointer;background:0 0;display:block;position:relative}.ind-looks__pick small{font-family:var(--f-mono);font-size:var(--t-caption-mono-sm);line-height:var(--lh-caption-mono-sm);letter-spacing:var(--ls-caption-mono-sm);color:var(--body-mid);display:block}.ind-looks__pick strong{margin-top:var(--sp-xs);font-family:var(--f-display);font-weight:400;font-size:var(--t-display-xs);line-height:var(--lh-display-xs);color:var(--body);display:block}.ind-looks__pick span{font-family:var(--f-body);font-size:var(--t-body-sm);line-height:var(--lh-body-sm);color:var(--body-mid);transition:grid-template-rows var(--t-slow);grid-template-rows:0fr;display:grid}.ind-looks__pick em{font-style:normal;overflow:hidden}.ind-looks__pick:hover strong,.ind-looks__pick[aria-current] strong{color:var(--ink)}.ind-looks__pick[aria-current] small{color:var(--accent)}.ind-looks__pick[aria-current] span{grid-template-rows:1fr}.ind-looks__pick>i{background:var(--accent);width:0;height:1px;position:absolute;top:-1px;left:0}.ind-looks__pick:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ind-looks__stage{height:590px;transition:opacity var(--t-med);position:relative}.ind-looks__stage.is-out{opacity:0}.ind-looks__desk{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--canvas-card);flex-direction:column;width:calc(100% - 64px);height:510px;display:flex;position:absolute;top:0;left:0;overflow:hidden}.ind-looks__bar{border-bottom:1px solid var(--hairline);background:var(--canvas-soft);flex:none;align-items:center;gap:6px;height:30px;padding:0 12px;display:flex}.ind-looks__bar i{background:var(--canvas-mid);border-radius:50%;width:8px;height:8px}.ind-looks__bar span{font-family:var(--f-mono);color:var(--body-mid);margin:0 auto;padding-right:36px;font-size:10px;line-height:1}.ind-looks__phone{aspect-ratio:390/800;border:5px solid var(--canvas-mid);background:var(--canvas);border-radius:26px;width:216px;position:absolute;bottom:0;right:0;overflow:hidden}.ind-looks__view{cursor:zoom-in;scrollbar-width:none;background:#fff;flex:1;height:100%;min-height:0;overflow-y:auto}.ind-looks__view::-webkit-scrollbar{display:none}.ind-looks__view img{width:100%;height:auto;display:block}@media (hover:none){.ind-looks__view{overflow:hidden}}.ind-looks__caption{display:none}.ind-looks__actions{align-items:center;gap:var(--sp-sm);display:flex;position:absolute;bottom:0;left:0}.ind-looks__icon{border:1px solid var(--hairline-translucent);border-radius:var(--radius-pill);background:var(--canvas);width:44px;height:44px;color:var(--ink);cursor:pointer;transition:border-color var(--t-fast),background-color var(--t-fast);flex:none;place-items:center;padding:0;font-size:14px;display:grid}.ind-looks__icon:hover{border-color:var(--ink);background:var(--canvas-soft)}.ind-looks__icon:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ind-looks__note{font-family:var(--f-mono);font-size:var(--t-caption-mono-sm);line-height:var(--lh-caption-mono-sm);letter-spacing:var(--ls-caption-mono-sm);text-transform:uppercase;color:var(--body-mid);grid-column:1/-1;margin:0}@media (max-width:1100px){.ind-looks{grid-template-columns:minmax(0,1fr)}.ind-looks__list{gap:var(--sp-sm);margin:0 calc(var(--pad-x) * -1);padding:2px var(--pad-x);scrollbar-width:none;display:flex;overflow-x:auto}.ind-looks__list::-webkit-scrollbar{display:none}.ind-looks__list li{flex:none}.ind-looks__pick{padding:var(--sp-sm) var(--sp-lg);border:1px solid var(--hairline);border-radius:var(--radius-pill);overflow:hidden}.ind-looks__pick small,.ind-looks__pick span{display:none}.ind-looks__pick strong{font-family:var(--f-body);font-size:var(--t-body-sm);line-height:var(--lh-body-sm);margin:0}.ind-looks__pick[aria-current]{border-color:var(--accent-line);background:var(--accent-dim)}.ind-looks__pick[aria-current] strong{color:var(--accent)}.ind-looks__pick>i{top:auto;bottom:0}}@media (max-width:700px){.ind-looks__stage{height:calc(54vw + 318px)}.ind-looks__desk{width:100%;height:calc(54vw + 30px)}.ind-looks__phone{border-width:4px;border-radius:22px;width:172px;right:0}.ind-looks__caption{width:calc(100% - 188px);display:block;position:absolute;bottom:120px;left:0}.ind-looks__caption b{font-family:var(--f-display);color:var(--ink);font-size:18px;font-weight:400;line-height:24px;display:block}.ind-looks__caption small{margin-top:var(--sp-xs);font-family:var(--f-body);font-size:var(--t-body-sm);line-height:var(--lh-body-sm);color:var(--body-mid);display:block}.ind-looks__actions{flex-wrap:wrap;width:calc(100% - 188px);bottom:4px}.ind-looks__actions .ds-btn{padding-inline:14px}}.ind-looks-view{background:var(--canvas);width:100%;max-width:none;height:100%;max-height:none;color:var(--body);overscroll-behavior:contain;border:0;margin:0;padding:0;position:fixed;inset:0}.ind-looks-view[open]{grid-template-rows:auto minmax(0,1fr);display:grid}.ind-looks-view::backdrop{background:#0a0a0ab8}.ind-looks-view__top{align-items:center;gap:var(--sp-md);padding:10px var(--sp-lg);border-bottom:1px solid var(--hairline);display:flex}.ind-looks-view__name{min-width:0;font-family:var(--f-display);font-size:var(--t-body-md);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:0 auto 0 0;line-height:24px;overflow:hidden}.ind-looks-view__screens{border:1px solid var(--hairline);border-radius:var(--radius-pill);flex:none;padding:3px;display:flex}.ind-looks-view__screens button{border-radius:var(--radius-pill);color:var(--body-mid);font-family:var(--f-mono);font-size:var(--t-caption-mono-sm);letter-spacing:var(--ls-caption-mono-sm);text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:6px 12px;line-height:16px}.ind-looks-view__screens [aria-pressed=true]{background:var(--canvas-mid);color:var(--ink)}.ind-looks-view__screens button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ind-looks-view__stage{background:var(--canvas-soft);justify-items:center;min-height:0;display:grid;position:relative}.ind-looks-view__page{overscroll-behavior:contain;background:#fff;width:min(100%,1320px);height:100%;overflow-y:auto}.ind-looks-view__page.is-phone{width:min(100%,402px)}.ind-looks-view__page img{width:100%;height:auto;display:block}.ind-looks-view__page:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.ind-looks-view__step{background:#0a0a0abf;margin-top:-22px;position:absolute;top:50%}.ind-looks-view__step.is-prev{left:var(--sp-lg)}.ind-looks-view__step.is-next{right:var(--sp-lg)}@media (max-width:700px){.ind-looks-view__top{gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-md);flex-wrap:wrap}.ind-looks-view__name{flex-basis:calc(100% - 56px);margin-right:0}.ind-looks-view__close{order:1;margin-left:auto}.ind-looks-view__screens{order:2}.ind-looks-view__start{flex:1;order:3}.ind-looks-view__start .ds-btn{width:100%;padding-inline:12px}.ind-looks-view__step{top:auto;bottom:var(--sp-md);margin:0}}@media (prefers-reduced-motion:reduce){.ind-looks__stage,.ind-looks__pick span{transition:none}}