.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-camera-controls{bottom:var(--viewer-inset);right:var(--viewer-inset)}.viewer-extra-controls{bottom:var(--viewer-inset);left:var(--viewer-inset)}.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%)}.rings-stage .rings-stage-bottom{bottom:calc(var(--viewer-inset) + var(--viewer-group-height) + var(--viewer-row-gap));left:var(--viewer-inset);right:var(--viewer-inset)}.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{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid}.rings-stage .viewer-toolbar{margin:var(--viewer-inset)var(--viewer-inset)var(--viewer-row-gap);grid-row:1;position:relative;inset:auto}.rings-stage .rings-canvas{inset:0 0 calc(var(--viewer-inset) + var(--viewer-group-height) + var(--viewer-row-gap) + 36px);grid-area:2/1/3/2;position:absolute}.rings-stage .rings-stage-caption .t-micro{margin-bottom:4px}.rings-stage .rings-stage-caption>p:not(.t-micro){max-width:none;font-size:clamp(9px,1.2cqw,10px)}@container (max-width:400px){.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}}@media (prefers-reduced-motion:reduce){.viewer-control,.viewer-control:after{transition:none}}
