.technical-drawing-viewer{color:#202420;background:#fff;border:1px solid #e5e2dc;border-radius:16px;flex-direction:column;width:100%;height:100%;min-height:360px;display:flex;position:relative;overflow:hidden}.technical-drawing-viewer-heading{background:#fff;border-bottom:1px solid #eceae5;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.technical-drawing-viewer-heading strong{font-size:15px;line-height:1.35;display:block}.technical-drawing-viewer-heading span{color:#677068;margin-top:3px;font-size:12px;line-height:1.4;display:block}.technical-drawing-viewer-sides{background:#f0f2ef;border:0;border-radius:11px;flex-shrink:0;gap:3px;margin:0;padding:3px;display:flex}.technical-drawing-viewer-sides legend{clip-path:inset(50%);width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.technical-drawing-viewer-sides label{cursor:pointer;justify-content:center;align-items:center;min-width:70px;min-height:44px;display:flex;position:relative}.technical-drawing-viewer-sides input{opacity:0;width:1px;height:1px;position:absolute}.technical-drawing-viewer-sides label span{color:#424b42;border-radius:8px;margin:0;padding:13px 10px;font-size:13px;display:block}.technical-drawing-viewer-sides input:checked+span{color:#1d291e;background:#fff;box-shadow:0 1px 4px #18261818}.technical-drawing-viewer-sides input:focus-visible+span{outline-offset:-3px;outline:3px solid #55735c}.technical-drawing-viewer button{color:#202420;cursor:pointer;min-width:44px;min-height:44px;font:inherit;background:#fff;border:1px solid #dddeda;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:9px;line-height:1;display:inline-flex}.technical-drawing-viewer button:disabled{opacity:.4;cursor:default}.technical-drawing-viewer button:hover:not(:disabled){background:#f1f3ef}.technical-drawing-viewer button:focus-visible,.technical-drawing-viewer-viewport:focus-visible{outline-offset:-3px;outline:3px solid #55735c}.technical-drawing-viewer button svg{width:21px;height:21px}.technical-drawing-viewer-viewport{overscroll-behavior:auto;touch-action:pan-y pinch-zoom;scrollbar-gutter:stable;background:#fff;flex:1;min-height:230px;overflow:auto}.technical-drawing-viewer-viewport.is-zoomed{touch-action:pan-x pan-y pinch-zoom;overscroll-behavior:contain}.technical-drawing-viewer-sheet{box-sizing:border-box;justify-content:center;align-items:center;min-width:100%;min-height:100%;padding:12px;display:flex}.technical-drawing-viewer .technical-drawing-viewer-sheet>.technical-door-drawing,.technical-drawing-viewer .technical-drawing-viewer-sheet>svg{width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;filter:none;object-fit:contain;background:#fff;border:0;border-radius:0;padding:0;display:block}.technical-drawing-viewer-controls{background:#fff;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:9px 12px 0;display:flex}.technical-drawing-viewer-controls output{text-align:center;font-variant-numeric:tabular-nums;min-width:48px;font-size:13px}.technical-drawing-viewer-controls button span{font-size:13px}.technical-drawing-viewer-hint{text-align:center;color:#727971;flex-shrink:0;margin:0;padding:8px 14px 12px;font-size:11px;line-height:1.45}.technical-drawing-viewer.is-expanded{z-index:10000;width:100vw;height:100dvh;min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border:0;border-radius:0;position:fixed;inset:0}.technical-drawing-viewer.is-expanded .technical-drawing-viewer-viewport{min-height:0}.technical-drawing-viewer.is-expanded .technical-drawing-viewer-sheet{padding:clamp(10px,2vw,28px)}@media (max-width:640px){.technical-drawing-viewer{min-height:360px}.technical-drawing-viewer-heading{padding:9px 10px}.technical-drawing-viewer-heading strong{font-size:14px}.technical-drawing-viewer-sheet{padding:6px}.technical-drawing-viewer-hint{padding:6px 10px 9px;font-size:10px}.technical-drawing-viewer.is-expanded{min-height:0}}.product-configurator .technical-drawing-viewer .technical-drawing-viewer-sheet>.technical-door-drawing{width:100%;max-width:none;height:100%;max-height:none;padding:0}.technical-drawing-viewer .technical-drawing-viewer-sheet .technical-door-drawing .technical-drawing-detail{display:initial}.product-configurator .configurator-preview-stage:has(.technical-drawing-viewer>.technical-drawing-viewer-heading){align-items:stretch;padding:0;overflow:visible}@media (max-width:800px){.product-configurator .configurator-canvas:has(.technical-drawing-viewer>.technical-drawing-viewer-heading){grid-template-rows:auto auto minmax(420px,64svh) auto}.product-configurator .configurator-preview-stage:has(.technical-drawing-viewer>.technical-drawing-viewer-heading){height:420px;min-height:420px}.technical-drawing-viewer{min-height:420px}.technical-drawing-viewer.is-expanded{min-height:0}}@media (max-width:440px){.technical-drawing-viewer-heading:has(.technical-drawing-viewer-sides){flex-wrap:wrap}.technical-drawing-viewer-heading:has(.technical-drawing-viewer-sides)>div{flex:1}.technical-drawing-viewer-sides{box-sizing:border-box;order:3;justify-content:center;width:100%}}.technical-drawing-viewer{box-sizing:border-box;contain:inline-size;min-width:0;max-width:100%}.technical-drawing-viewer-heading{min-width:0}.technical-drawing-viewer-heading>div{overflow-wrap:anywhere;min-width:0}.technical-drawing-viewer-viewport{flex:1 1 0;min-width:0;min-height:0;position:relative}.technical-drawing-viewer-sheet{flex-shrink:0;min-width:0;min-height:0}:is(.product-configurator .configurator-canvas:has(.technical-drawing-viewer),.product-configurator .configurator-preview-stage:has(.technical-drawing-viewer)){min-width:0}.product-configurator .configurator-preview-stage .technical-drawing-viewer .technical-drawing-viewer-sheet>svg.technical-door-drawing{flex-shrink:1;align-self:stretch;width:100%;min-width:0;max-width:none;height:100%;min-height:0;max-height:none}
