.tmx-studio{--studio-ink: rgb(var(--color-foreground, 18, 18, 18));--studio-surface: rgb(var(--color-background, 255, 255, 255));--studio-panel: #f3f3f3;--studio-card: #ffffff;--studio-card-hover: #eaeaea;--studio-selected: #eaeaea;--studio-selected-ink: #202020;--studio-selected-line: #f34040;--studio-check-fill: #f34040;--studio-button: rgb(var(--color-button, 18, 18, 18));--studio-button-ink: rgb(var(--color-button-text, 255, 255, 255));--studio-line: #868686;--studio-muted: #626262;--studio-accent: #f34040;--studio-gradient-space: ;--studio-backdrop-center: #fafafa;--studio-backdrop-mid: #e6e6e6;--studio-backdrop-edge: #d5d5d5;display:block;max-inline-size:var(--studio-width, 1400px);margin:40px auto 64px;padding-inline:clamp(16px,3vw,40px);color:var(--studio-ink);font-family:inherit}.tmx-studio[data-finish-tone=light]{--studio-backdrop-center: #e4e4e4;--studio-backdrop-mid: #cfcfcf;--studio-backdrop-edge: #bdbdbd}.tmx-studio [hidden]{display:none!important}.tmx-studio-intro{margin-block-end:28px}.tmx-studio-eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.tmx-studio-intro .tmx-studio-eyebrow{margin:0 0 14px;color:var(--studio-muted)}.tmx-studio-intro .tmx-studio-eyebrow span{inline-size:7px;block-size:7px;border-radius:50%;background:var(--studio-accent);box-shadow:0 0 0 4px #f3f3f3}.tmx-studio-intro h2{margin:0 0 12px;color:inherit;font-size:clamp(28px,3.2vw,44px);font-weight:450;letter-spacing:-.04em;line-height:1.15}.tmx-studio-intro>p:last-child{margin:0;font-size:15px;color:var(--studio-muted)}.tmx-studio-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(285px,340px);overflow:hidden;border:1px solid #dedede;border-radius:18px;box-shadow:0 24px 60px -38px #12121226}.tmx-studio-stage{position:relative;isolation:isolate;min-inline-size:0;min-block-size:var(--studio-height, 500px);background:radial-gradient(ellipse at 42% 32% var(--studio-gradient-space),var(--studio-backdrop-center) 0%,var(--studio-backdrop-mid) 55%,var(--studio-backdrop-edge) 100%);color:var(--studio-ink)}.tmx-studio-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(#12121205 1px,transparent 1px),linear-gradient(90deg,#12121205 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(transparent 10%,#000);mask-image:linear-gradient(transparent 10%,#000);pointer-events:none}.tmx-studio-stage-top{position:absolute;inset-block-start:24px;inset-inline:24px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:2;pointer-events:none;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.tmx-studio-zoom{display:flex;gap:6px;pointer-events:auto}.tmx-studio .tmx-studio-zoom button{box-sizing:border-box;inline-size:44px;block-size:44px;padding:0;font-size:23px;line-height:1;border-radius:50%}.tmx-studio-badge{display:inline-flex;align-items:center;justify-content:center;inline-size:48px;block-size:48px;border:1px solid var(--studio-line);border-radius:50%;font-size:12px;letter-spacing:0}.tmx-studio-orbit{position:absolute;inset-inline-start:50%;inset-block-end:105px;inline-size:66%;aspect-ratio:3.8;border:1px solid #12121226;border-radius:50%;transform:translate(-50%);pointer-events:none;z-index:-1}.tmx-studio-orbit:after{content:"";position:absolute;top:16%;right:16%;bottom:16%;left:16%;border:1px solid #12121214;border-radius:inherit}.tmx-studio model-viewer{position:absolute;inset-inline:0;inset-block:64px 104px;display:block;inline-size:100%;block-size:calc(100% - 168px);min-block-size:0;--poster-color: transparent;touch-action:pan-y}.tmx-studio[data-state=ready] model-viewer::part(default-progress-bar){display:none}.tmx-studio model-viewer::part(default-progress-bar){background:var(--studio-accent);block-size:2px}.tmx-studio-loading,.tmx-studio-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:36px;text-align:center;font-size:13px;background:#f3f3f3eb;z-index:3}.tmx-studio-loader{inline-size:38px;block-size:38px;border:1px solid #d6d6d6;border-block-start-color:var(--studio-ink);border-radius:50%;animation:tmx-studio-spin 1.2s linear infinite}@keyframes tmx-studio-spin{to{transform:rotate(360deg)}}.tmx-studio-toolbar{position:absolute;inset-inline:16px;inset-block-end:44px;display:flex;flex-wrap:wrap;gap:5px;justify-content:center;z-index:2}.tmx-studio-toolbar button,.tmx-studio-error button,.tmx-studio-zoom button{display:inline-flex;justify-content:center;align-items:center;gap:6px;min-block-size:44px;padding:8px 12px;border:1px solid var(--studio-line);border-radius:24px;background:var(--studio-surface);color:var(--studio-ink);font:inherit;font-size:11px;cursor:pointer;transition:background .18s,border-color .18s}.tmx-studio-toolbar button>span[aria-hidden]{font-size:20px;line-height:1}.tmx-studio button:disabled{opacity:.45;cursor:default}.tmx-studio-toolbar button:hover:not(:disabled),.tmx-studio-error button:hover{background:#fff;border-color:var(--studio-ink)}.tmx-studio button:focus-visible{outline:3px solid var(--studio-ink);outline-offset:4px}.tmx-studio-gesture{position:absolute;inset-inline:12px;inset-block-end:11px;margin:0;text-align:center;font-size:10px;letter-spacing:.02em;pointer-events:none}.tmx-studio-panel{--studio-ink: #202020;--studio-muted: #5d5d5d;--studio-line: #868686;display:flex;flex-direction:column;min-inline-size:0;padding:clamp(24px,3vw,36px);border-inline-start:1px solid #dedede;background:var(--studio-panel);color:var(--studio-ink);color-scheme:light}.tmx-studio-panel-heading>.tmx-studio-eyebrow{color:var(--studio-muted);font-size:11px}.tmx-studio-panel h3{margin:14px 0 8px;color:inherit;font-size:23px;font-weight:500;letter-spacing:-.03em;line-height:1.3;overflow-wrap:anywhere}.tmx-studio-panel-heading>p{color:var(--studio-muted);font-size:12px;line-height:1.6}.tmx-studio-panel-heading>p:empty{display:none}.tmx-studio fieldset{min-inline-size:0;margin:26px 0 0;padding:0;border:0}.tmx-studio legend{padding:0;margin-block-end:12px;color:var(--studio-muted);font-size:12px;font-weight:600;letter-spacing:.04em}.tmx-studio-models button{display:flex;align-items:center;gap:10px;inline-size:100%;min-block-size:46px;margin-block-end:7px;padding:10px 12px;text-align:start;border:1px solid var(--studio-line);border-radius:8px;background:var(--studio-card);color:var(--studio-ink);font:inherit;font-size:13px;cursor:pointer}.tmx-studio-model-number{color:currentColor;font-size:9px}.tmx-studio-models button[aria-pressed=true]{border-color:var(--studio-selected-line);background:var(--studio-selected);color:var(--studio-selected-ink);box-shadow:inset 2px 0 0 var(--studio-selected-line)}.tmx-studio-colors{display:flex;flex-direction:column;gap:7px}.tmx-studio-selected{margin:-3px 0 15px;font-size:19px;font-weight:500}.tmx-studio-color{display:flex;align-items:center;gap:11px;min-block-size:46px;padding:6px 10px;inline-size:100%;border:1px solid var(--studio-line);border-radius:8px;background:var(--studio-card);color:var(--studio-ink);text-align:start;font:inherit;font-size:13px;cursor:pointer}.tmx-studio-sample{flex-shrink:0;inline-size:27px;block-size:27px;border:1px solid #a6a6a6;border-radius:50%;background:var(--sample);box-shadow:inset 0 0 0 2px #ffffff15}.tmx-studio-sample{overflow:hidden}.tmx-studio-sample img{display:block;inline-size:100%;block-size:100%;object-fit:cover}.tmx-studio-check{visibility:hidden;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;inline-size:20px;block-size:20px;border-radius:50%;margin-inline-start:auto;background:var(--studio-check-fill);color:#fff;font-size:11px}.tmx-studio-color[aria-pressed=true]{border-color:var(--studio-selected-line);background:var(--studio-selected);color:var(--studio-selected-ink);box-shadow:inset 2px 0 0 var(--studio-selected-line)}.tmx-studio-color[aria-pressed=true] .tmx-studio-check{visibility:visible}.tmx-studio :is(.tmx-studio-color,.tmx-studio-models button):hover:not(:disabled):not([aria-pressed=true]){background:var(--studio-card-hover);border-color:var(--studio-selected-line)}.tmx-studio-note{margin:17px 0 0;color:var(--studio-muted);font-size:12px;line-height:1.65}.tmx-studio-status{margin:10px 0;font-size:12px;color:var(--studio-ink);line-height:1.5}.tmx-studio-status:empty{margin:0}.tmx-studio-panel-footer{display:flex;align-items:center;gap:9px;padding-block-start:22px;margin-block-start:auto;color:var(--studio-muted);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.tmx-studio-panel-footer>span{font-size:20px;color:var(--studio-selected-line)}.tmx-studio:fullscreen{max-inline-size:none;margin:0;padding:24px;overflow:auto;background:var(--studio-surface)}.tmx-studio:fullscreen .tmx-studio-shell{min-block-size:75vh}.tmx-studio:fullscreen model-viewer{block-size:calc(100% - 168px)}@media(max-width:749px){.tmx-studio{margin-block:28px 40px;padding-inline:16px}.tmx-studio-shell{grid-template-columns:minmax(0,1fr);border-radius:18px}.tmx-studio-stage{min-block-size:560px}.tmx-studio model-viewer{block-size:calc(100% - 168px);min-block-size:0}.tmx-studio-stage-top{inset-block-start:18px;inset-inline:18px;font-size:9px}.tmx-studio-panel{padding:25px;border-inline-start:0;border-block-start:1px solid #dedede}.tmx-studio-panel h3{font-size:22px}.tmx-studio fieldset{margin-block-start:22px}.tmx-studio-toolbar button{padding-inline:10px}.tmx-studio-panel-footer{margin-block-start:20px}}@media(prefers-reduced-motion:reduce){.tmx-studio-loader{animation:none}.tmx-studio button{transition:none}}@media(forced-colors:active){.tmx-studio-shell,.tmx-studio button,.tmx-studio-badge{border-color:ButtonText}.tmx-studio button[aria-pressed=true]{outline:2px solid Highlight}.tmx-studio-sample{forced-color-adjust:none}.tmx-studio-panel,.tmx-studio-stage{background:Canvas;color:CanvasText}.tmx-studio-panel{--studio-ink: CanvasText;--studio-muted: CanvasText;--studio-line: ButtonText}.tmx-studio-check{background:Highlight;color:HighlightText}}.tmx-studio:dir(rtl) .tmx-studio-orbit{transform:translate(50%)}@supports (background: linear-gradient(in oklab,white,black)){.tmx-studio{--studio-gradient-space: in oklab}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/component-tmx-model-studio.css.map */