@layer components{.public-site .sms{aspect-ratio:9/16;background:var(--p-device);color:var(--color-neutral-0);box-shadow:0 18px 40px color-mix(in srgb, var(--color-neutral-900) 20%, transparent);font-family:var(--font-manrope), system-ui, sans-serif;border-radius:5cqw;position:relative;overflow:hidden;container-type:inline-size}.public-site .sms-art{position:absolute;inset:0}.public-site .sms-art>.mc,.public-site .sms-art>.smx{height:100%}.public-site .sms-progress{z-index:2;gap:1.2cqw;display:flex;position:absolute;inset:3cqw 3.5cqw auto}.public-site .sms-progress span{background:color-mix(in srgb, var(--color-neutral-0) 35%, transparent);border-radius:1cqw;flex:1;height:.9cqw}.public-site .sms-progress .done{background:var(--color-neutral-0)}.public-site .sms-progress .now{background:linear-gradient(90deg, var(--color-neutral-0) 45%, color-mix(in srgb, var(--color-neutral-0) 35%, transparent) 45%)}.public-site .sms-account{z-index:2;text-shadow:0 1px 6px color-mix(in srgb, var(--color-neutral-950) 45%, transparent);align-items:center;gap:2.4cqw;font-size:3.7cqw;display:flex;position:absolute;top:6.5cqw;left:3.5cqw}.public-site .sms-account strong{font-weight:700}.public-site .sms-account small{opacity:.8;font-size:3.4cqw}.public-site .sms-avatar{text-transform:uppercase;width:8.5cqw;height:8.5cqw;text-shadow:none;box-shadow:0 0 0 .5cqw var(--color-neutral-0);border-radius:50%;place-items:center;font-size:4cqw;font-weight:700;display:grid}.public-site .sms-avatar.hautzeit{background:var(--color-hz-cocoa);color:var(--color-hz-sand)}.public-site .sms-avatar.nachtglas{background:var(--color-ng-oxblood);color:var(--color-ng-ivory)}.public-site .sms-avatar.kanal{background:var(--color-kn-acid);color:var(--color-kn-black)}.public-site .sms-reply{z-index:2;align-items:center;gap:3cqw;font-size:3.6cqw;display:flex;position:absolute;inset:auto 4cqw 4.5cqw}.public-site .sms-reply span{border:.35cqw solid color-mix(in srgb, var(--color-neutral-0) 70%, transparent);border-radius:10cqw;flex:1;padding:2.8cqw 4.5cqw}.public-site .sms.light .sms-reply{color:var(--color-hz-cocoa)}.public-site .sms.light .sms-reply span{border-color:color-mix(in srgb, var(--color-hz-cocoa) 40%, transparent)}.public-site .sms-reply svg{width:7cqw}.public-site .smx{position:relative;overflow:hidden;container-type:inline-size}.public-site .smx img{object-fit:cover}.public-site .smx-photo{position:absolute;overflow:hidden}.public-site .smx-hautzeit-poll{background:var(--color-hz-sand);color:var(--color-hz-cocoa);font-family:var(--font-cormorant), Georgia, serif}.public-site .smx-hautzeit-poll .smx-photo{inset:0 0 46%}.public-site .smx-hautzeit-poll .smx-photo:after{content:"";background:linear-gradient(color-mix(in srgb, var(--color-neutral-950) 55%, transparent), transparent 30%);position:absolute;inset:0}.public-site .smx-title{font-size:12cqw;font-weight:500;line-height:.98;position:absolute;inset:58% 8cqw auto}.public-site .smx-title em{color:var(--color-hz-rust);font-style:italic;font-weight:400}.public-site .smx-poll{background:var(--color-neutral-0);box-shadow:0 2cqw 6cqw color-mix(in srgb, var(--color-hz-cocoa) 15%, transparent);font-family:var(--font-manrope), sans-serif;text-align:center;border-radius:3.5cqw;grid-template-columns:1fr 1fr;font-size:4.2cqw;font-weight:700;display:grid;position:absolute;inset:auto 8cqw 22cqw;overflow:hidden}.public-site .smx-poll span{padding:4cqw 2cqw}.public-site .smx-poll span+span{border-left:1px solid color-mix(in srgb, var(--color-hz-cocoa) 10%, transparent);color:var(--color-hz-rust)}.public-site .smx-nachtglas-new{background:var(--color-ng-oxblood);color:var(--color-ng-ivory);font-family:var(--font-cormorant), Georgia, serif;text-align:center}.public-site .smx-nachtglas-new:after{content:"";background:linear-gradient(color-mix(in srgb, var(--color-ng-oxblood) 70%, transparent), transparent 32%, transparent 45%, color-mix(in srgb, var(--color-ng-oxblood) 95%, transparent) 76%);position:absolute;inset:0}.public-site .smx-nachtglas-new>:not(img){z-index:1;position:absolute}.public-site .smx-logo{aspect-ratio:1;background:var(--color-ng-ivory);width:30cqw;display:block;top:17cqw;left:35cqw;-webkit-mask:url(/marketing/branding/nachtglas/logo.png) 50%/contain no-repeat;mask:url(/marketing/branding/nachtglas/logo.png) 50%/contain no-repeat}.public-site .smx-copy{inset:auto 6cqw 38cqw}.public-site .smx-copy span,.public-site .smx-copy small{font-family:var(--font-manrope), sans-serif;letter-spacing:.22em;text-transform:uppercase;font-size:3.3cqw;font-weight:600;display:block}.public-site .smx-copy p{margin:3cqw 0 2cqw;font-size:18cqw;font-weight:600;line-height:1}.public-site .smx-copy small{letter-spacing:.12em;opacity:.85;font-weight:500}.public-site .smx-link{background:var(--color-neutral-0);color:var(--color-instagram-link);font-family:var(--font-manrope), sans-serif;white-space:nowrap;border-radius:2.6cqw;align-items:center;gap:1.6cqw;padding:2.4cqw 4cqw;font-size:3.8cqw;font-weight:700;display:flex;bottom:22cqw;left:50%;translate:-50%}.public-site .smx-link svg{width:4.6cqw}.public-site .smx-kanal-count{background:var(--color-kn-black);color:var(--color-neutral-0);font-family:var(--font-manrope), sans-serif}.public-site .smx-day{font-family:var(--font-anton), sans-serif;text-transform:uppercase;font-size:21cqw;line-height:.9;position:absolute;top:20cqw;left:7cqw}.public-site .smx-day span{color:var(--color-kn-acid);display:block}.public-site .smx-kanal-count .smx-photo{border-radius:2cqw;height:64cqw;inset:66cqw 7cqw auto}.public-site .smx-kanal-count .smx-photo img{filter:grayscale()contrast(1.15)}.public-site .smx-count{background:var(--color-kn-acid);color:var(--color-kn-black);text-align:center;box-shadow:0 2cqw 8cqw color-mix(in srgb, var(--color-neutral-950) 40%, transparent);border-radius:4cqw;gap:3cqw;padding:4cqw;display:grid;position:absolute;inset:auto 11cqw 21cqw}.public-site .smx-count small{letter-spacing:.2em;text-transform:uppercase;font-size:3.3cqw;font-weight:700}.public-site .smx-cells{color:color-mix(in srgb, var(--color-kn-black) 80%, var(--color-kn-acid));justify-content:space-around;font-size:3cqw;display:flex}.public-site .smx-cells b{font-family:var(--font-anton), sans-serif;color:var(--color-kn-black);font-size:10cqw;font-weight:400;line-height:1.1;display:block}.public-site .smx-count em{background:var(--color-kn-black);color:var(--color-kn-acid);border-radius:2cqw;padding:2.2cqw;font-size:3.6cqw;font-style:normal;font-weight:700}}