.ik-stage,.rings-stage{--viewer-inset:clamp(8px,1.5cqw,14px);--viewer-control-size:clamp(28px,calc(24px + 1cqw),34px);--viewer-icon-size:clamp(14px,1.8cqw,17px);--viewer-label-size:clamp(10px,calc(9px + .25cqw),11px);--viewer-label-padding:clamp(6px,1cqw,10px);--viewer-group-padding:clamp(2px,.25cqw,3px);--viewer-group-gap:clamp(1px,.2cqw,2px);--viewer-row-gap:clamp(6px,.8cqw,8px);--viewer-group-height:calc(var(--viewer-control-size) + 2*var(--viewer-group-padding) + 2px);container-type:inline-size}.viewer-control-group{z-index:20;align-items:center;gap:var(--viewer-group-gap);padding:var(--viewer-group-padding);color:#111;background:#fff;border:1px solid #1111110d;border-radius:999px;display:flex;position:absolute;box-shadow:0 2px 12px #0000000d}.viewer-toolbar{top:var(--viewer-inset);left:var(--viewer-inset);right:var(--viewer-inset);z-index:20;justify-content:space-between;align-items:flex-start;gap:var(--viewer-row-gap);pointer-events:none;flex-wrap:wrap;display:flex;position:absolute}.viewer-toolbar>*{pointer-events:auto}.viewer-appearance{flex:none;margin-left:auto;position:static}.viewer-settings{pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;margin-left:auto;display:flex}.viewer-toolbar>.viewer-settings{pointer-events:none}.viewer-settings>*{pointer-events:auto}.viewer-quality{--quality-width:clamp(48px,calc(40px + 3cqw),62px)}.viewer-quality-trigger{width:var(--quality-width);height:var(--viewer-group-height);cursor:pointer;justify-content:center;gap:5px;transition:background-color .16s;position:static}.viewer-quality-trigger:hover,.viewer-quality-trigger[data-state=open]{background:#f0f0ed}.viewer-quality-icon{width:var(--viewer-icon-size);height:var(--viewer-icon-size);stroke-width:1.75px;flex:none}.viewer-quality-chevron{stroke-width:1.75px;width:clamp(10px,1.5cqw,12px);height:clamp(10px,1.5cqw,12px);transition:transform .2s cubic-bezier(.2,.7,.2,1)}.viewer-quality-trigger[data-state=open] .viewer-quality-chevron{transform:rotate(180deg)}.viewer-quality-trigger:focus-visible{outline-offset:2px;outline:2px solid #608572}.viewer-quality-menu{--quality-width:var(--radix-dropdown-menu-trigger-width);--viewer-icon-size:clamp(14px,calc(var(--quality-width)/4),17px);--quality-caption-size:clamp(9px,calc(var(--quality-width)/6),10px);--quality-option-height:clamp(42px,calc(var(--quality-width) - 8px),50px);z-index:30;width:var(--quality-width);border-radius:clamp(14px,calc(var(--quality-width)/4),18px);color:#111;transform-origin:var(--radix-dropdown-menu-content-transform-origin);background:#fff;border:1px solid #1111110d;outline:none;padding:4px;box-shadow:0 4px 18px #00000012}.viewer-quality-menu[data-state=open]{animation:.2s cubic-bezier(.2,.7,.2,1) both viewer-quality-open}.viewer-quality-menu[data-state=closed]{pointer-events:none;animation:.15s ease-in both viewer-quality-close}.viewer-quality-menu [role=group]{gap:3px;display:grid}.viewer-quality-option{height:var(--quality-option-height);border-radius:clamp(10px,calc(var(--quality-width)/5),13px);font-size:var(--quality-caption-size);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-weight:500;line-height:1.1;transition:background-color .14s,color .14s;display:flex}.viewer-quality-option[data-highlighted]{outline-offset:-2px;background:#f0f0ed;outline:2px solid #608572}.viewer-quality-option[data-state=checked]{color:#fff;background:#111}@keyframes viewer-quality-open{0%{opacity:0;transform:translateY(-4px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes viewer-quality-close{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-3px)scale(.96)}}.viewer-loading{z-index:10;background:var(--ik-stage-bg,#fff);color:#62655f;pointer-events:none;justify-content:center;align-items:center;gap:10px;padding:24px;font-size:13px;line-height:1.5;display:flex;position:absolute;inset:0}.viewer-loading svg{flex:none;width:20px;height:20px;animation:1s linear infinite viewer-loading-spin}.viewer-loading--compact{inset:auto 0 calc(var(--viewer-inset) + var(--viewer-group-height) + 10px);background:0 0;padding:8px;font-size:12px}.ik-stage--night .viewer-loading,.rings-stage[data-theme=dark] .viewer-loading{color:#c5c8c1;background:#171917}.ik-stage--night .viewer-loading--compact,.rings-stage[data-theme=dark] .viewer-loading--compact{background:0 0}@keyframes viewer-loading-spin{to{transform:rotate(360deg)}}.viewer-camera-controls{bottom:var(--viewer-inset);right:var(--viewer-inset)}.viewer-extra-controls{bottom:var(--viewer-inset);left:var(--viewer-inset)}.viewer-bottom-toolbar{z-index:20;right:var(--viewer-inset);bottom:var(--viewer-inset);left:var(--viewer-inset);pointer-events:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(4px,1cqw,12px);display:grid;position:absolute}.viewer-bottom-toolbar>*{pointer-events:auto}.viewer-bottom-toolbar>.viewer-extra-controls,.viewer-bottom-toolbar>.viewer-camera-controls{position:static}.viewer-bottom-toolbar>.viewer-extra-controls{grid-column:1;justify-self:start}.viewer-bottom-center{text-align:center;pointer-events:none;grid-column:2;width:100%;min-width:0;padding-inline:clamp(0px,.8cqw,10px)}.viewer-bottom-toolbar>.viewer-camera-controls{grid-column:3;justify-self:end}.viewer-control{width:var(--viewer-control-size);height:var(--viewer-control-size);flex:0 0 var(--viewer-control-size);color:#111;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;transition:background-color .18s,color .18s,transform .18s;display:grid;position:relative}.viewer-control>svg{width:var(--viewer-icon-size);height:var(--viewer-icon-size)}.viewer-control:hover{background:#f0f0ed}.viewer-control[aria-pressed=true]{color:#fff;background:#111}.viewer-control:active{transform:scale(.93)}.viewer-control:focus-visible{outline-offset:2px;outline:2px solid #608572}.viewer-control:after{content:attr(data-tip);color:#fff;font:400 11px/1.4 var(--font-sans),sans-serif;white-space:nowrap;opacity:0;pointer-events:none;background:#111;border-radius:4px;padding:5px 8px;transition:opacity .12s;position:absolute;bottom:calc(100% + 8px);right:0}.viewer-extra-controls .viewer-control:after{left:0;right:auto}.viewer-appearance .viewer-control:after{top:calc(100% + 8px);bottom:auto}.viewer-control:focus-visible:after{opacity:1}@media (hover:hover){.viewer-control:hover:after{opacity:1}}.viewer-view-switch,.rings-stage .viewer-view-switch{flex:none;width:max-content;max-width:100%;display:flex;position:static}.ikea-theme .ik-stage .viewer-view-switch .ik-switch{padding:var(--viewer-group-padding);gap:var(--viewer-group-gap);color:#111;scrollbar-width:none;background:#fff;border:1px solid #1111110d;max-width:100%;overflow-x:auto;box-shadow:0 2px 12px #0000000d}.ikea-theme .ik-stage .viewer-view-switch .ik-switch__item,.rings-stage .rings-tabs button{min-width:0;min-height:var(--viewer-control-size);height:var(--viewer-control-size);padding:0 var(--viewer-label-padding);font-size:var(--viewer-label-size);color:#111;flex-shrink:0;gap:clamp(4px,.6cqw,6px);font-weight:600;line-height:1.15}.ikea-theme .ik-stage .viewer-view-switch .ik-switch__item svg,.rings-stage .rings-tabs button svg{width:var(--viewer-icon-size);height:var(--viewer-icon-size);flex:0 0 var(--viewer-icon-size)}.rings-stage .rings-tabs{width:max-content;max-width:100%;padding:var(--viewer-group-padding);border:1px solid #1111110d;box-shadow:0 2px 12px #0000000d}.rings-stage .rings-tabs:before{inset:var(--viewer-group-padding)auto var(--viewer-group-padding)var(--viewer-group-padding);width:calc((100% - 2*var(--viewer-group-padding))/3)}.ikea-theme .ik-stage .viewer-view-switch .ik-switch__text{display:inline}.ikea-theme .ik-stage .viewer-view-switch .ik-switch__item[aria-pressed=true],.rings-stage .rings-tabs button[aria-selected=true]{color:#fff;background:#111}.rings-stage .rings-tabs button[aria-selected=true]{background:0 0}.viewer-stage-action{z-index:20;bottom:calc(var(--viewer-inset) + var(--viewer-group-height) + var(--viewer-row-gap));max-width:calc(100% - 2*var(--viewer-inset));white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.ikea-theme .viewer-stage-action .ik-btn{min-height:var(--viewer-control-size);height:var(--viewer-control-size);padding-inline:var(--viewer-label-padding);font-size:var(--viewer-label-size);gap:5px}.ikea-theme .viewer-stage-action .ik-btn--icon{width:var(--viewer-control-size);padding:0}.ikea-theme .viewer-stage-action .ik-btn svg{width:var(--viewer-icon-size);height:var(--viewer-icon-size)}.ikea-theme .viewer-stage-action .viewer-selection-pill{gap:var(--viewer-group-gap);padding:var(--viewer-group-padding)}.ikea-theme .viewer-selection-pill>span{padding-inline:var(--viewer-label-padding);font-size:var(--viewer-label-size)}.rings-stage .viewer-toolbar{inset:var(--viewer-inset)var(--viewer-inset)auto;flex-wrap:nowrap;grid-template-columns:minmax(0,1fr) auto;margin:0;display:grid;position:absolute}.rings-stage .rings-canvas{position:absolute;inset:0}.rings-stage .rings-stage-caption .t-micro{letter-spacing:clamp(.08em,.45cqw,.14em);margin-bottom:4px;font-size:clamp(7px,6.5px + .5cqw,9px)}.rings-stage .rings-stage-caption>p:not(.t-micro){max-width:none;font-size:clamp(8px,7px + .35cqw,10px)}@container (max-width:400px){.viewer-settings{gap:6px}.rings-stage .viewer-toolbar{flex-wrap:wrap;display:flex}.viewer-selection-pill{flex-wrap:wrap;justify-content:center}.viewer-selection-pill>span{text-align:center;flex-basis:100%;padding-top:2px}.ikea-theme .ik-stage .viewer-view-switch .ik-switch__item{white-space:normal;flex:1 1 0;min-width:0}.ikea-theme .ik-stage .viewer-view-switch .ik-switch__text{white-space:normal}.viewer-extra-controls{flex-direction:column}.viewer-bottom-toolbar .viewer-extra-controls{flex-direction:row}}@container (max-width:260px){.rings-stage .rings-tabs button{gap:0;padding-inline:7px;font-size:0}}@media (prefers-reduced-motion:reduce){.viewer-loading svg,.viewer-quality-menu[data-state]{animation:none}.viewer-control,.viewer-control:after,.viewer-quality-trigger,.viewer-quality-chevron,.viewer-quality-option{transition:none}}