.din-viewer-stage{margin-top:24px;background:#eef2ef;border:1px solid #d5dfd8;border-radius:12px;overflow:hidden;min-height:390px;display:grid;align-items:center}.din-viewer-start{text-align:center;padding:40px 20px}.din-viewer-start strong{font-size:clamp(20px,3vw,30px);display:block}.din-viewer-start p{margin:16px auto 28px}.din-viewer model-viewer{display:block;width:100%;height:540px;max-height:75vh;min-height:360px;touch-action:pan-y}.din-viewer-tools{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.din-viewer-tools[hidden]{display:none}.din-viewer-tools button{font:inherit;color:#173d2b;background:#fff;border:1px solid #829c8d;border-radius:6px;padding:12px 20px;cursor:pointer;min-height:44px}.din-viewer button:focus-visible{outline:3px solid #497858;outline-offset:4px}#din-viewer-status{font-size:14px;min-height:24px;margin-top:12px}.din-viewer{scroll-margin-top:100px}@media(max-width:600px){.din-viewer-stage{min-height:340px}.din-viewer model-viewer{height:420px;min-height:340px}.din-viewer-tools button{flex:1}}
.din-viewer-stage{background:radial-gradient(ellipse at 50% 35%,#f8fafc 0%,#dce3eb 70%,#c9d3df 100%);border-color:#bac6d4}
.din-viewer-colors{display:flex;align-items:center;flex-wrap:wrap;gap:10px;width:100%;margin-bottom:4px}
.din-viewer-colors>span:first-child{font-weight:600;margin-right:8px}
.din-viewer-colors button{display:inline-flex;align-items:center;justify-content:center;gap:9px;color:#213344;border-color:#a5b4c3}
.din-viewer-colors button[aria-pressed="true"]{border:2px solid #233c52;background:#e6edf4;padding:11px 19px;box-shadow:0 0 0 1px #233c52}
.din-swatch{display:inline-block;width:20px;height:20px;border-radius:50%;border:1px solid #0003;flex:none}.din-blue{background:#006bca}.din-green{background:#009447}.din-gray{background:#62676c}
.din-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:600px){.din-viewer-colors>span:first-child{flex-basis:100%}.din-viewer-colors{gap:8px}.din-viewer-colors button{padding:11px 9px;font-size:14px}.din-viewer-colors button[aria-pressed="true"]{padding:10px 8px}}

.din-viewer-stage{height:540px;max-height:75vh;position:relative;touch-action:pan-y;cursor:grab;user-select:none}.din-viewer-stage:active{cursor:grabbing}.din-spin-image{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.din-viewer-stage:focus-visible{outline:3px solid #233c52;outline-offset:4px}@media(max-width:600px){.din-viewer-stage{height:340px;min-height:260px}}

.din-viewer-rights{margin-top:20px;padding:16px 18px;border-left:4px solid #284c73;background:#edf2f7;color:#20354a;font-size:14px;line-height:1.65}.din-viewer-rights strong{font-weight:700}

.din-viewer-stage>.din-spin-image{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center;margin:0;padding:0}

.din-variant-picker{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:24px 0 12px}.din-variant-picker label{font-weight:600}.din-variant-picker select{font:inherit;font-size:16px;min-height:48px;padding:10px 38px 10px 14px;border:1px solid #8299ae;border-radius:6px;background:#fff;color:#20354a;max-width:100%}.din-variant-picker select:focus-visible{outline:3px solid #284c73;outline-offset:3px}@media(max-width:600px){.din-variant-picker{display:block}.din-variant-picker label{display:block;margin-bottom:8px}.din-variant-picker select{width:100%}}

.din-viewer-start{position:relative;z-index:1;align-self:end;padding:14px 20px;background:#ffffffed;border-top:1px solid #bac6d4;cursor:default}.din-viewer-start strong{font-size:18px}.din-viewer-start p{font-size:14px;margin:6px auto 10px}.din-viewer-start .button{min-height:44px;padding:12px 20px}.din-viewer-stage:has(.din-viewer-start)>.din-spin-image{height:calc(100% - 150px);max-height:calc(100% - 150px)}
.din-variant-dimensions{margin-top:20px;border:1px solid #c8d4df;border-radius:8px;padding:16px 18px;background:#f7f9fb}.din-variant-dimensions summary{font-weight:700;cursor:pointer}.din-variant-dimensions p{font-size:14px;line-height:1.6}.din-table-scroll{overflow-x:auto}.din-variant-dimensions table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.din-variant-dimensions caption{text-align:left;margin:12px 0;font-weight:600}.din-variant-dimensions th,.din-variant-dimensions td{padding:10px;border-bottom:1px solid #d9e1e8}.din-variant-dimensions a{color:#204b9f;text-decoration:underline}.din-variant-dimensions a:focus-visible{outline:2px solid #204b9f;outline-offset:3px}@media(max-width:600px){.din-viewer-start{padding:10px 12px}.din-viewer-start strong{font-size:16px}.din-viewer-start p{display:none}.din-viewer-stage:has(.din-viewer-start)>.din-spin-image{height:calc(100% - 105px);max-height:calc(100% - 105px)}.din-variant-dimensions{padding:14px 10px}.din-variant-dimensions th,.din-variant-dimensions td{padding:8px 6px;font-size:12px}}