.try-on[data-v-ebc92ba2]{background:#0c0c10;color:#fff;grid-template-columns:minmax(0,1fr) clamp(124px,24vw,300px);inset:0;position:absolute}.try-on[data-v-ebc92ba2],.try-on-workspace[data-v-ebc92ba2]{display:grid;height:100%;overflow:hidden}.try-on-workspace[data-v-ebc92ba2]{background:#17171c;min-height:0;min-width:0;place-items:center;position:relative}.try-on-image[data-v-ebc92ba2]{height:100%;inset:0;-o-object-fit:contain;object-fit:contain;position:absolute;width:100%}.try-on-start[data-v-ebc92ba2]{align-items:center;display:flex;flex-direction:column;gap:14px}.try-on-start svg[data-v-ebc92ba2]{color:#c4a1b4;height:80px;width:80px}.try-on-start h1[data-v-ebc92ba2]{font-size:28px;font-weight:650;margin-bottom:16px}.try-on-error[data-v-ebc92ba2],.try-on-status[data-v-ebc92ba2]{align-items:center;background:#151519e8;border-radius:12px;display:flex;font-size:13px;gap:10px;left:16px;margin:auto;padding:10px 16px;position:absolute;right:16px;text-align:center;top:16px;width:-moz-fit-content;width:fit-content}.try-on-error[data-v-ebc92ba2]{color:#ffb4b4;flex-direction:column}.try-on-actions[data-v-ebc92ba2]{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;gap:var(--apps-control-gap);justify-content:center;left:max(16px,env(safe-area-inset-left));position:absolute;right:16px}.try-on-palette[data-v-ebc92ba2]{background:var(--gl-panel-bg);color:var(--gl-panel-content);display:flex;flex-direction:column;gap:20px;height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) 16px}.try-on-palette[data-v-ebc92ba2]>*{flex-shrink:0}.try-on-selection[data-v-ebc92ba2]{align-items:center;display:flex;font-size:14px;gap:12px;justify-content:space-between;min-height:40px}.try-on-selected-swatch[data-v-ebc92ba2]{border:1px solid var(--gl-control-border);border-radius:50%;flex:none;height:32px;width:32px}.try-on-finishes[data-v-ebc92ba2]{align-items:center;display:flex;gap:24px}.try-on-finish[data-v-ebc92ba2]{align-items:center;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;min-height:var(--apps-control-height)}.try-on-swatches[data-v-ebc92ba2]{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.try-on-swatch[data-v-ebc92ba2]{aspect-ratio:1;border:1px solid #ffffff30;border-radius:50%;cursor:pointer;transition:transform .15s}.try-on-swatch[data-v-ebc92ba2]:hover{transform:scale(1.1)}.try-on-swatch[data-v-ebc92ba2]:focus-visible,.try-on-swatch[aria-pressed=true][data-v-ebc92ba2]{outline:2px solid var(--gl-panel-content);outline-offset:3px}.try-on-colour-error[data-v-ebc92ba2]{color:#ffb4b4;font-size:13px}@media(max-width:760px){.try-on-palette[data-v-ebc92ba2]{gap:14px;padding-inline:10px}.try-on-selection[data-v-ebc92ba2]{flex-wrap:wrap;font-size:14px;gap:8px}.try-on-finishes[data-v-ebc92ba2]{align-items:flex-start;flex-direction:column;gap:0}.try-on-swatches[data-v-ebc92ba2]{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.try-on-start[data-v-ebc92ba2]{padding:16px}.try-on-start h1[data-v-ebc92ba2]{font-size:22px;text-align:center}}