.FlagPreview-module__-PK9Ea__root{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.FlagPreview-module__-PK9Ea__toolbar{z-index:30;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px 0;display:flex;position:relative}.FlagPreview-module__-PK9Ea__caption{letter-spacing:.04em;color:var(--preview-stage-muted);font-size:11px;font-weight:600}.FlagPreview-module__-PK9Ea__toggle{border:1px solid var(--preview-stage-line);min-height:36px;color:var(--preview-stage-muted);background:0 0;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:550;display:inline-flex}.FlagPreview-module__-PK9Ea__toggle[aria-pressed=true]{color:#332b19;background:#dec692;border-color:#dec692}.FlagPreview-module__-PK9Ea__toggle:focus-visible{outline-offset:2px;outline:2px solid #9a7732}.FlagPreview-module__-PK9Ea__stage{--cm:calc(100cqw / var(--world-w));--floor:9%;--sky-a:#cfe0ea;--sky-b:#edf2f4;--facade-a:#e9e6e0;--facade-b:#d9d5ce;--stone-a:#d6d2cb;--stone-b:#bfbab2;--joint:#3c373024;--person:#38342e9e;--dim-ink:#3d3932;--metal:linear-gradient(90deg, #8f9497 0%, #e8eaeb 45%, #a3a8ab 100%);aspect-ratio:4/3;background:var(--sky-b);isolation:isolate;-webkit-user-select:none;user-select:none;border-radius:4px;width:100%;position:relative;overflow:hidden;container-type:inline-size}[data-home-theme=dark] .FlagPreview-module__-PK9Ea__stage{--sky-a:#172133;--sky-b:#25344b;--facade-a:#3b3a37;--facade-b:#2e2d2a;--stone-a:#393835;--stone-b:#2a2927;--joint:#00000052;--person:#0c0c0bcc;--dim-ink:#e3ddd2}.FlagPreview-module__-PK9Ea__location{position:absolute;inset:0}.FlagPreview-module__-PK9Ea__wall{inset:0 0 var(--floor) 0;background:linear-gradient(180deg, transparent 52%, #282e3438 52% calc(52% + max(2px, .4cqw)), transparent calc(52% + max(2px, .4cqw))), linear-gradient(90deg, transparent 6%, #cedee6e6 6% 40%, transparent 40% 60%, #cedee6e6 60% 94%, transparent 94%) 0 52% / 100% 40% no-repeat, linear-gradient(180deg, var(--facade-a) 0%, var(--facade-b) 100%);position:absolute}.FlagPreview-module__-PK9Ea__stage[data-kind=hissfahne] .FlagPreview-module__-PK9Ea__wall{background:linear-gradient(180deg, transparent 82%, #58745480 82%, #46604299 100%), linear-gradient(180deg, var(--sky-a) 0%, var(--sky-b) 100%)}.FlagPreview-module__-PK9Ea__floor{height:var(--floor);background:linear-gradient(180deg, #0000001f 0, transparent 16%), repeating-linear-gradient(90deg, var(--joint) 0 1px, transparent 1px calc(var(--cm) * 40)), linear-gradient(180deg, var(--stone-a) 0%, var(--stone-b) 100%);position:absolute;bottom:0;left:0;right:0}.FlagPreview-module__-PK9Ea__person{z-index:3;left:18%;bottom:var(--floor);width:calc(var(--cm) * var(--person-w));height:calc(var(--cm) * var(--person-h));color:var(--person);pointer-events:none;position:absolute;transform:translate(-50%)}.FlagPreview-module__-PK9Ea__mast{z-index:4;bottom:var(--floor);left:calc(var(--cm) * var(--flag-left));width:max(2px, calc(var(--cm) * 3));height:calc(var(--cm) * var(--mast));background:var(--metal);border-radius:2px;position:absolute;transform:translate(-100%)}.FlagPreview-module__-PK9Ea__stage[data-pole=right]:not([data-kind=hissfahne]) .FlagPreview-module__-PK9Ea__mast{left:calc(var(--cm) * (var(--flag-left) + var(--w)));transform:none}.FlagPreview-module__-PK9Ea__stage[data-kind=hissfahne] .FlagPreview-module__-PK9Ea__mast{width:max(3px, calc(var(--cm) * 7))}.FlagPreview-module__-PK9Ea__arm{z-index:5;left:calc(var(--cm) * var(--flag-left));bottom:calc(var(--floor) + var(--cm) * (var(--flag-bottom) + var(--h)));width:calc(var(--cm) * var(--w));height:max(2px, calc(var(--cm) * 3));background:var(--metal);border-radius:2px;position:absolute}.FlagPreview-module__-PK9Ea__foot{z-index:5;bottom:var(--floor);left:calc(var(--cm) * var(--flag-left));width:calc(var(--cm) * 70);height:calc(var(--cm) * 25);position:absolute;transform:translate(-50%)}.FlagPreview-module__-PK9Ea__stage[data-pole=right] .FlagPreview-module__-PK9Ea__foot{left:calc(var(--cm) * (var(--flag-left) + var(--w)))}.FlagPreview-module__-PK9Ea__foot i{display:block;position:absolute}.FlagPreview-module__-PK9Ea__foot[data-base=cross] i:first-child{background:linear-gradient(#4b4f53,#24272a);border-radius:3px;height:18%;bottom:0;left:0;right:0}.FlagPreview-module__-PK9Ea__foot[data-base=cross] i:last-child{opacity:.92;background:radial-gradient(closest-side,#5c6066 60%,#3a3d41 100%);border-radius:50% 50% 40% 40%;height:46%;bottom:8%;left:14%;right:14%}.FlagPreview-module__-PK9Ea__foot[data-base=plate] i:first-child{background:linear-gradient(#3d4044,#1d1f21);border-radius:50%;height:22%;bottom:0;left:8%;right:8%}.FlagPreview-module__-PK9Ea__foot[data-base=tire] i:first-child{background:radial-gradient(closest-side,#0000 52%,#1c1d1f 54%,#2a2c2e 96%,#0000 98%);border-radius:50% 50% 0 0;height:100%;bottom:0;left:0;right:0}.FlagPreview-module__-PK9Ea__foot[data-base=tire] i:last-child{background:linear-gradient(90deg,#8f9497,#d7dadb,#8f9497);width:8%;height:60%;bottom:40%;left:46%}.FlagPreview-module__-PK9Ea__foot[data-base=none] i{display:none}.FlagPreview-module__-PK9Ea__flag{z-index:6;left:calc(var(--cm) * var(--flag-left));bottom:calc(var(--floor) + var(--cm) * var(--flag-bottom));width:calc(var(--cm) * var(--w));height:calc(var(--cm) * var(--h));filter:drop-shadow(0 calc(var(--cm) * 3) calc(var(--cm) * 4) #00000038);position:absolute}.FlagPreview-module__-PK9Ea__print{background:#fbfbf9;position:absolute;inset:0;overflow:hidden;container-type:size}.FlagPreview-module__-PK9Ea__placeholder{white-space:nowrap;font-family:var(--atelier-font,"Manrope", Arial, sans-serif);color:#6c665b;background:linear-gradient(160deg,#d9b3561f 0%,#0000 40%),#f5f4f0;flex-direction:column;justify-content:center;align-items:center;gap:3cqh;font-size:clamp(6px,12cqw,13px);font-weight:600;display:flex;position:absolute;inset:0}.FlagPreview-module__-PK9Ea__placeholder svg{color:#8a8373;width:clamp(8px,20cqw,26px);height:auto}.FlagPreview-module__-PK9Ea__sampleLayer{z-index:1;position:absolute;inset:0}.FlagPreview-module__-PK9Ea__artwork{z-index:2;cursor:grab;touch-action:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.FlagPreview-module__-PK9Ea__fabric{z-index:3;pointer-events:none;background:linear-gradient(90deg,#0000001a 0%,#ffffff14 6%,#0000 14%),repeating-linear-gradient(#0000 0 9%,#00000009 11%,#0000 14% 22%),linear-gradient(105deg,#0000 40%,#ffffff1a 50%,#0000 60%);position:absolute;inset:0}.FlagPreview-module__-PK9Ea__stage[data-pole=right] .FlagPreview-module__-PK9Ea__fabric{transform:scaleX(-1)}.FlagPreview-module__-PK9Ea__safeZone{inset:calc(var(--cm) * 5);z-index:4;outline-offset:-1px;background:#d9b35614;outline:1.5px dashed #d9b356f2;position:absolute}.FlagPreview-module__-PK9Ea__dimX,.FlagPreview-module__-PK9Ea__dimY{z-index:7;color:var(--dim-ink);font-family:var(--atelier-font,"Manrope", Arial, sans-serif);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;font-size:11px;font-weight:600;position:absolute}.FlagPreview-module__-PK9Ea__dimX{text-align:center;top:calc(100% + 6px);left:0;right:0}.FlagPreview-module__-PK9Ea__stage[data-kind=hissfahne] .FlagPreview-module__-PK9Ea__dimX{top:auto;bottom:calc(100% + 8px)}.FlagPreview-module__-PK9Ea__dimY{justify-content:center;align-items:center;display:flex;top:0;bottom:0;left:calc(100% + 8px)}.FlagPreview-module__-PK9Ea__dimY span{writing-mode:vertical-rl;transform:rotate(180deg)}.FlagPreview-module__-PK9Ea__stage[data-pole=right]:not([data-kind=hissfahne]) .FlagPreview-module__-PK9Ea__dimY{left:auto;right:calc(100% + 8px)}.FlagPreview-module__-PK9Ea__sample{text-align:center;font-family:var(--atelier-font,"Manrope", Arial, sans-serif);color:#f3efe6;background:linear-gradient(160deg,#d9b35633 0%,#0000 34%),radial-gradient(120% 60% at 50% 20%,#2e291e 0%,#181612 58%,#100f0c 100%);flex-direction:column;justify-content:center;align-items:center;gap:5cqh;padding:10cqh 12cqw;display:flex;position:absolute;inset:0;overflow:hidden}.FlagPreview-module__-PK9Ea__sampleLogo{width:76cqw;max-width:none;height:auto;display:block}.FlagPreview-module__-PK9Ea__sampleHeadline{font-family:var(--atelier-display,"Barlow Condensed", "Manrope", sans-serif);text-transform:uppercase;letter-spacing:.02em;font-size:15cqw;font-weight:700;line-height:.95}.FlagPreview-module__-PK9Ea__sample[data-vertical=false] .FlagPreview-module__-PK9Ea__sampleHeadline{font-size:9cqh}.FlagPreview-module__-PK9Ea__sampleHeadline span{color:#d9b356}.FlagPreview-module__-PK9Ea__sampleUrl{color:#d9b356;font-size:7cqw;font-weight:700}.FlagPreview-module__-PK9Ea__sample[data-vertical=false] .FlagPreview-module__-PK9Ea__sampleUrl{font-size:5cqh}.FlagPreview-module__-PK9Ea__badge{top:10px;left:10px}.FlagPreview-module__-PK9Ea__sizeTag,.FlagPreview-module__-PK9Ea__cornerHint{z-index:12;white-space:nowrap;color:#efece6;pointer-events:none;background:#141311ad;border-radius:4px;font-size:10px;position:absolute;bottom:12px}.FlagPreview-module__-PK9Ea__sizeTag{text-overflow:ellipsis;max-width:calc(100% - 24px);padding:6px 10px;font-weight:600;left:12px;overflow:hidden}.FlagPreview-module__-PK9Ea__cornerHint{align-items:center;gap:6px;padding:7px 12px;font-weight:600;display:none;right:16px}.FlagPreview-module__-PK9Ea__cornerHint svg{color:#d9b356}@media (min-width:900px){.FlagPreview-module__-PK9Ea__cornerHint{display:inline-flex}}.FlagPreview-module__-PK9Ea__noteBar{gap:10px;padding:12px 16px;display:grid}.FlagPreview-module__-PK9Ea__noteText{align-items:flex-start;gap:8px;margin:0;font-size:11px;line-height:1.6;display:flex}.FlagPreview-module__-PK9Ea__noteText svg{color:#b08a3a;flex-shrink:0;margin-top:3px}
