.dimensions-card[data-v-f7e54aac]{container-type:inline-size}.dimensions-stage[data-v-f7e54aac]{--dimension-container-size:clamp(165px, 42cqi, 210px);--dimension-scale:calc(var(--dimension-container-size)/var(--dimension-longest));--dimension-box-length:calc(var(--dimension-length)*var(--dimension-scale));--dimension-box-width:calc(var(--dimension-width)*var(--dimension-scale));--dimension-box-height:calc(var(--dimension-height)*var(--dimension-scale));--dimension-reference-length:calc(var(--dimension-scale)*.3);--dimension-reference-width:calc(var(--dimension-scale)*.5);--dimension-reference-height:calc(var(--dimension-scale)*1.8);--dimension-reference-clear:calc(var(--dimension-reference-length) + 12px);--dimension-offset-up:calc(var(--dimension-box-height)/2);--dimension-offset-down:calc(var(--dimension-box-height)/-2);--dimension-scene-transform:rotateX(45deg) rotate(-45deg);--dimension-inverse-transform:rotate(45deg) rotateX(-45deg);--dimension-line-color:var(--ui-border-accented);--dimension-stage-height:calc(var(--dimension-box-height)/2 + hypot(var(--dimension-box-length), var(--dimension-box-width)) + 80px);height:var(--dimension-stage-height);place-content:center;min-height:285px;display:grid;position:relative;overflow:hidden}.dimensions-visual[data-v-f7e54aac]{transform-origin:50%;place-content:center;display:grid;position:absolute;inset:0;transform:translateY(-16px)scale(1.12)}@container (width>=400px){.dimensions-visual[data-v-f7e54aac]{transform:translateY(-36px)scale(1.12)}}.dimensions-ship[data-v-f7e54aac]{z-index:2;width:calc(var(--dimension-container-size)*1.4);aspect-ratio:1.38;position:absolute;top:45%;left:50%;transform:translate(-47%,-64%)}.dimensions-scene-position[data-v-f7e54aac]{z-index:1;display:grid;transform:translateY(18px)}.dimensions-layer[data-v-f7e54aac],.dimensions-reference[data-v-f7e54aac],.dimensions-reference-layer[data-v-f7e54aac],.dimensions-scene[data-v-f7e54aac]{transform-style:preserve-3d}.dimensions-scene[data-v-f7e54aac]{transform:var(--dimension-scene-transform);display:grid}.dimensions-layer[data-v-f7e54aac],.dimensions-scene[data-v-f7e54aac]{width:var(--dimension-box-length);height:var(--dimension-box-width)}.dimensions-layer[data-v-f7e54aac]{grid-area:1/1;position:relative}.dimensions-layer-top[data-v-f7e54aac]{transform:translateZ(var(--dimension-offset-up))}.dimensions-layer-bottom[data-v-f7e54aac]{transform:translateZ(var(--dimension-offset-down))}.dimensions-line[data-v-f7e54aac]{position:absolute}.dimensions-line[data-v-f7e54aac]:after,.dimensions-line[data-v-f7e54aac]:before{content:"";background:var(--dimension-line-color);position:absolute}.dimensions-line-length[data-v-f7e54aac]{border-top:1px solid var(--dimension-line-color);width:100%;height:0;top:calc(100% + 10px);left:0}.dimensions-line-length[data-v-f7e54aac]:after,.dimensions-line-length[data-v-f7e54aac]:before{width:1px;height:9px;top:-5px}.dimensions-line-length[data-v-f7e54aac]:before{left:0}.dimensions-line-length[data-v-f7e54aac]:after{right:0}.dimensions-line-width[data-v-f7e54aac]{top:0;left:calc(-10px - var(--dimension-reference-clear));border-left:1px solid var(--dimension-line-color);width:0;height:100%}.dimensions-line-width[data-v-f7e54aac]:after,.dimensions-line-width[data-v-f7e54aac]:before{width:9px;height:1px;left:-5px}.dimensions-line-width[data-v-f7e54aac]:before{top:0}.dimensions-line-width[data-v-f7e54aac]:after{bottom:0}.dimensions-line-height[data-v-f7e54aac]{bottom:var(--dimension-offset-down);width:calc(var(--dimension-box-length) + 10px);height:var(--dimension-box-height);border-right:1px solid var(--dimension-line-color);transform:rotateX(90deg) translateY(var(--dimension-offset-down));left:0}.dimensions-line-height[data-v-f7e54aac]:after,.dimensions-line-height[data-v-f7e54aac]:before{width:9px;height:1px;right:-5px}.dimensions-line-height[data-v-f7e54aac]:before{top:0}.dimensions-line-height[data-v-f7e54aac]:after{bottom:0}.dimensions-text[data-v-f7e54aac]{white-space:nowrap;flex-direction:column;width:max-content;display:flex;position:absolute}.dimensions-label[data-v-f7e54aac]{color:var(--ui-text-muted);font-size:12px;font-weight:500;line-height:1.25}.dimensions-value[data-v-f7e54aac]{color:var(--ui-text-highlighted);font-size:14px;font-weight:600;line-height:1.25}.dimensions-text-length[data-v-f7e54aac]{text-align:center;top:calc(100% + 14px);left:50%;transform:translate(-50%)}.dimensions-text-width[data-v-f7e54aac]{top:50%;left:calc(-16px - var(--dimension-reference-clear));text-align:center;transform-origin:0 0;transform:rotate(90deg)translate(-50%)}.dimensions-height-anchor[data-v-f7e54aac]{transform:var(--dimension-inverse-transform);transform-style:preserve-3d;position:absolute;bottom:0;right:0}.dimensions-text-height[data-v-f7e54aac]{top:calc(var(--dimension-box-height)*.35355);left:20px;transform:translateY(-50%)}.dimensions-reference[data-v-f7e54aac]{top:calc(100% - var(--dimension-reference-width));left:calc(var(--dimension-reference-length)*-1 - 10px);width:var(--dimension-reference-length);height:var(--dimension-reference-width)}.dimensions-reference[data-v-f7e54aac],.dimensions-reference-layer[data-v-f7e54aac]{transform:translateZ(calc(var(--dimension-reference-height)/2));position:absolute}.dimensions-reference-layer[data-v-f7e54aac]{inset:0}.dimensions-reference-front[data-v-f7e54aac],.dimensions-reference-right[data-v-f7e54aac],.dimensions-reference-top[data-v-f7e54aac]{position:absolute;box-shadow:0 0 0 1px #38bdf8bf}.dimensions-reference-top[data-v-f7e54aac]{background:#7dd3fcd9;inset:0}.dimensions-reference-front[data-v-f7e54aac]{top:0;left:calc(var(--dimension-reference-height)/-2);width:var(--dimension-reference-height);height:var(--dimension-reference-width);transform:rotateY(90deg) translateX(calc(var(--dimension-reference-height)/2));background:#0369a1d9}.dimensions-reference-right[data-v-f7e54aac]{bottom:calc(var(--dimension-reference-height)/-2);width:var(--dimension-reference-length);height:var(--dimension-reference-height);transform:rotateX(90deg) translateY(calc(var(--dimension-reference-height)/-2));background:#0ea5e9d9;left:0}