@font-face{font-family:"SUSE";src:url(../fonts/suse-100-900-normal.ttf);font-display:swap;font-weight:100 900}
@font-face{font-family:"SUSE";src:url(../fonts/suse-100-900-italic.ttf);font-display:swap;font-weight:100 900;font-style:italic}
@font-face{font-family:"Outfit";src:url(../fonts/outfit-100-900-normal.ttf);font-display:swap;font-weight:100 900}
@font-face{font-family:"SUSE Mono";src:url(../fonts/suse-mono-100-900-normal.ttf);font-display:swap;font-weight:100 900}
@font-face{font-family:"SUSE Mono";src:url(../fonts/suse-mono-100-900-italic.ttf);font-display:swap;font-weight:100 900;font-style:italic}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);border:0;opacity:0}
.page{--face-display:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif;--face-text:"SUSE",system-ui,-apple-system,"Segoe UI",sans-serif;--face-mono:"SUSE Mono",ui-monospace,Menlo,Consolas,monospace;--primary:#033633;--on-primary:#ffffff;--secondary:#008657;--surface:#ffffff;--ink:#09141a;--muted:#373e44;--edge:#99a0a4;--logo-on-dark:block;--logo-on-light:none;background:var(--surface);color:var(--ink);font:400 1.0625rem/1.5 var(--face-text);min-height:100vh}
a{color:inherit;text-underline-offset:.18em}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
.hero{background:var(--primary);color:var(--on-primary);padding:clamp(1.25rem,4vw,3.5rem);min-height:min(72vh,40rem);display:flex;flex-direction:column;justify-content:space-between;gap:clamp(2.5rem,8vw,6rem)}
.hero-mark{display:flex;align-items:center}
.hero-mark img{height:clamp(5.5rem,20vw,15rem);width:auto;max-width:100%}
.mark-on-dark{display:var(--logo-on-dark)}
.mark-on-light{display:var(--logo-on-light)}
.hero h1{font:600 clamp(1.75rem,4vw,3.25rem)/1.05 var(--face-display);letter-spacing:-.01em;overflow-wrap:anywhere}
.name-outline{display:block;height:clamp(1.75rem,4vw,3.25rem);width:auto;max-width:100%}
.hero-name-only h1{font-size:clamp(3rem,13vw,10rem)}
.hero-name-only .name-outline{height:clamp(3rem,13vw,9.5rem)}
.lede{margin-top:clamp(.75rem,1.5vw,1.25rem);max-width:42rem;font-size:clamp(1.0625rem,1.6vw,1.375rem);line-height:1.4}
.bar{position:sticky;top:0;z-index:2;background:var(--surface);border-bottom:1px solid var(--edge);padding:.625rem clamp(1.25rem,4vw,3.5rem);display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center}
.switch{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center}
.chip{display:inline-flex;align-items:center;gap:.4375rem;min-height:2.25rem;padding:.25rem .75rem;border:1px solid var(--edge);border-radius:99rem;font-size:.9375rem;cursor:pointer;background:transparent}
.chip:hover{border-color:var(--ink)}
.dot{width:.875rem;height:.875rem;border-radius:50%;flex:none;border:1px solid var(--edge)}
main{padding:0 clamp(1.25rem,4vw,3.5rem)}
section{padding:clamp(2.5rem,6vw,5rem) 0;border-bottom:1px solid var(--edge);display:grid;gap:clamp(1.25rem,2.5vw,2rem)}
section:last-child{border-bottom:0}
h2{font:600 clamp(1.5rem,3vw,2.5rem)/1.1 var(--face-display);letter-spacing:-.01em}
.note{color:var(--muted);max-width:44rem}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:1rem}
/* A grid item's auto track grows to a large picture's own size, so each column stays the width its parent gave. */
.tile,.slot,.swatch,.examples>figure{min-width:0}
.tile{display:grid;grid-template-columns:minmax(0,1fr);gap:.625rem}
.tile-art{aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;padding:12%;border:1px solid var(--edge);border-radius:.75rem}
.tile-art img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
.on-light{background:#ffffff}
.on-dark{background:#111111}
.on-any{background:var(--surface)}
.tile-name{font-size:.9375rem}
.tile-meta{color:var(--muted);font-size:.875rem}
.variant{display:none;gap:1rem}
.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,11rem),1fr));gap:.75rem}
.slot{border:1px solid var(--edge);border-radius:.75rem;overflow:hidden}
.slot-colour{height:clamp(5rem,12vw,8rem)}
.slot-label{padding:.625rem .75rem;display:grid;font-size:.875rem;gap:.125rem}
code,.mono{font-family:var(--face-mono);font-size:.875em}
.palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,8.5rem),1fr));gap:.5rem}
.swatch{display:grid;grid-template-columns:minmax(0,1fr);gap:.25rem;font-size:.8125rem}
.swatch i{display:block;height:3.25rem;border-radius:.5rem;border:1px solid var(--edge)}
.face{display:grid;gap:.5rem;padding:1.25rem 0;border-top:1px solid var(--edge)}
.face:first-of-type{border-top:0;padding-top:0}
.face-sample{display:block;height:clamp(2.25rem,6vw,4rem);width:auto;max-width:100%}
.face-name{font:600 1.125rem/1.3 var(--face-text)}
.examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1.25rem}
.examples img{display:block;width:100%;height:auto;border-radius:.75rem;border:1px solid var(--edge)}
.examples figcaption{margin-top:.5rem;color:var(--muted);font-size:.875rem}
.rule{padding:1rem 0;border-top:1px solid var(--edge);display:grid;gap:.25rem;max-width:48rem}
.rule:first-child{border-top:0;padding-top:0}
.rule-tag{color:var(--muted);font-size:.875rem}
table{border-collapse:collapse;width:100%;font-size:.9375rem}
th,td{padding:.5rem .75rem .5rem 0;text-align:left;vertical-align:top;border-top:1px solid var(--edge)}
thead th{border-top:0;color:var(--muted);font-weight:400}
.table-wrap{overflow-x:auto}
.files{display:grid;gap:.75rem;max-width:48rem}
.files li{display:grid;gap:.125rem}
details summary{cursor:pointer}
.held{display:grid;gap:.5rem;margin-top:.75rem;max-width:48rem}
.usage{white-space:pre-line;max-width:48rem}
footer{padding:clamp(1.5rem,4vw,3rem) clamp(1.25rem,4vw,3.5rem);color:var(--muted);font-size:.875rem}
@media (max-width:40rem){.tiles,.slots{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-art{padding:10%}}

.v-spearmint-light{display:grid}
.dot-spearmint{background:#033633}
.dot-morning{background:#c55123}
.dot-spring{background:#da1889}
.dot-beach{background:#1a85c4}
.dot-afternoon{background:#72251c}
.dot-midnight{background:#09141a}
.n-0{background:#033633}
.n-1{background:#008657}
.n-2{background:#50c369}
.n-3{background:#ace1ad}
.n-4{background:#edf6e0}
.n-5{background:#444f05}
.n-6{background:#818e44}
.n-7{background:#72251c}
.n-8{background:#a43427}
.n-9{background:#c55123}
.n-10{background:#ef9275}
.n-11{background:#ee9138}
.n-12{background:#fac044}
.n-13{background:#fdec9e}
.n-14{background:#734f31}
.n-15{background:#d8b890}
.n-16{background:#f2e1bf}
.n-17{background:#f9f7ef}
.n-18{background:#da1889}
.n-19{background:#f39dbd}
.n-20{background:#7476e0}
.n-21{background:#1a85c4}
.n-22{background:#5fcaff}
.n-23{background:#25c2c2}
.n-24{background:#b6f1f1}
.n-25{background:#000000}
.n-26{background:#09141a}
.n-27{background:#121d24}
.n-28{background:#1c282f}
.n-29{background:#373e44}
.n-30{background:#99a0a4}
.n-31{background:#ffffff}
.n-32{background:#ffffff}
.s-v-spearmint-light-primary{background:#033633}
.s-v-spearmint-light-on-primary{background:#ffffff}
.s-v-spearmint-light-secondary{background:#008657}
.s-v-spearmint-light-surface{background:#ffffff}
.s-v-spearmint-light-text{background:#09141a}
.s-v-spearmint-light-muted{background:#373e44}
.s-v-spearmint-light-edge{background:#99a0a4}
.s-v-spearmint-light-on-secondary{background:#ffffff}
.s-v-spearmint-light-on-surface{background:#000000}
.s-v-spearmint-dark-primary{background:#50c369}
.s-v-spearmint-dark-on-primary{background:#09141a}
.s-v-spearmint-dark-secondary{background:#008657}
.s-v-spearmint-dark-surface{background:#09141a}
.s-v-spearmint-dark-text{background:#ffffff}
.s-v-spearmint-dark-muted{background:#99a0a4}
.s-v-spearmint-dark-edge{background:#373e44}
.s-v-spearmint-dark-on-secondary{background:#ffffff}
.s-v-spearmint-dark-on-surface{background:#ffffff}
.s-v-morning-light-primary{background:#c55123}
.s-v-morning-light-on-primary{background:#ffffff}
.s-v-morning-light-secondary{background:#1a85c4}
.s-v-morning-light-surface{background:#ffffff}
.s-v-morning-light-text{background:#09141a}
.s-v-morning-light-muted{background:#373e44}
.s-v-morning-light-edge{background:#99a0a4}
.s-v-morning-light-on-secondary{background:#000000}
.s-v-morning-light-on-surface{background:#000000}
.s-v-morning-dark-primary{background:#fac044}
.s-v-morning-dark-on-primary{background:#09141a}
.s-v-morning-dark-secondary{background:#5fcaff}
.s-v-morning-dark-surface{background:#09141a}
.s-v-morning-dark-text{background:#ffffff}
.s-v-morning-dark-muted{background:#99a0a4}
.s-v-morning-dark-edge{background:#373e44}
.s-v-morning-dark-on-secondary{background:#000000}
.s-v-morning-dark-on-surface{background:#ffffff}
.s-v-spring-light-primary{background:#da1889}
.s-v-spring-light-on-primary{background:#ffffff}
.s-v-spring-light-secondary{background:#818e44}
.s-v-spring-light-surface{background:#ffffff}
.s-v-spring-light-text{background:#09141a}
.s-v-spring-light-muted{background:#373e44}
.s-v-spring-light-edge{background:#99a0a4}
.s-v-spring-light-on-secondary{background:#000000}
.s-v-spring-light-on-surface{background:#000000}
.s-v-spring-dark-primary{background:#f39dbd}
.s-v-spring-dark-on-primary{background:#09141a}
.s-v-spring-dark-secondary{background:#50c369}
.s-v-spring-dark-surface{background:#09141a}
.s-v-spring-dark-text{background:#ffffff}
.s-v-spring-dark-muted{background:#99a0a4}
.s-v-spring-dark-edge{background:#373e44}
.s-v-spring-dark-on-secondary{background:#000000}
.s-v-spring-dark-on-surface{background:#ffffff}
.s-v-beach-light-primary{background:#1a85c4}
.s-v-beach-light-on-primary{background:#09141a}
.s-v-beach-light-secondary{background:#734f31}
.s-v-beach-light-surface{background:#ffffff}
.s-v-beach-light-text{background:#09141a}
.s-v-beach-light-muted{background:#373e44}
.s-v-beach-light-edge{background:#99a0a4}
.s-v-beach-light-on-secondary{background:#ffffff}
.s-v-beach-light-on-surface{background:#000000}
.s-v-beach-dark-primary{background:#25c2c2}
.s-v-beach-dark-on-primary{background:#09141a}
.s-v-beach-dark-secondary{background:#d8b890}
.s-v-beach-dark-surface{background:#09141a}
.s-v-beach-dark-text{background:#ffffff}
.s-v-beach-dark-muted{background:#99a0a4}
.s-v-beach-dark-edge{background:#373e44}
.s-v-beach-dark-on-secondary{background:#000000}
.s-v-beach-dark-on-surface{background:#ffffff}
.s-v-afternoon-light-primary{background:#72251c}
.s-v-afternoon-light-on-primary{background:#ffffff}
.s-v-afternoon-light-secondary{background:#444f05}
.s-v-afternoon-light-surface{background:#ffffff}
.s-v-afternoon-light-text{background:#09141a}
.s-v-afternoon-light-muted{background:#373e44}
.s-v-afternoon-light-edge{background:#99a0a4}
.s-v-afternoon-light-on-secondary{background:#ffffff}
.s-v-afternoon-light-on-surface{background:#000000}
.s-v-afternoon-dark-primary{background:#ef9275}
.s-v-afternoon-dark-on-primary{background:#09141a}
.s-v-afternoon-dark-secondary{background:#ee9138}
.s-v-afternoon-dark-surface{background:#09141a}
.s-v-afternoon-dark-text{background:#ffffff}
.s-v-afternoon-dark-muted{background:#99a0a4}
.s-v-afternoon-dark-edge{background:#373e44}
.s-v-afternoon-dark-on-secondary{background:#000000}
.s-v-afternoon-dark-on-surface{background:#ffffff}
.s-v-midnight-light-primary{background:#09141a}
.s-v-midnight-light-on-primary{background:#ffffff}
.s-v-midnight-light-secondary{background:#7476e0}
.s-v-midnight-light-surface{background:#ffffff}
.s-v-midnight-light-text{background:#09141a}
.s-v-midnight-light-muted{background:#373e44}
.s-v-midnight-light-edge{background:#99a0a4}
.s-v-midnight-light-on-secondary{background:#000000}
.s-v-midnight-light-on-surface{background:#000000}
.s-v-midnight-dark-primary{background:#7476e0}
.s-v-midnight-dark-on-primary{background:#09141a}
.s-v-midnight-dark-secondary{background:#b6f1f1}
.s-v-midnight-dark-surface{background:#09141a}
.s-v-midnight-dark-text{background:#ffffff}
.s-v-midnight-dark-muted{background:#99a0a4}
.s-v-midnight-dark-edge{background:#373e44}
.s-v-midnight-dark-on-secondary{background:#000000}
.s-v-midnight-dark-on-surface{background:#ffffff}
.slot-colour .role-on{display:block;padding:.5rem .75rem;font:600 1.5rem/1 var(--face-display)}
.f-v-spearmint-light-primary{color:#ffffff}
.f-v-spearmint-light-secondary{color:#ffffff}
.f-v-spearmint-light-surface{color:#000000}
.f-v-spearmint-dark-primary{color:#09141a}
.f-v-spearmint-dark-secondary{color:#ffffff}
.f-v-spearmint-dark-surface{color:#ffffff}
.f-v-morning-light-primary{color:#ffffff}
.f-v-morning-light-secondary{color:#000000}
.f-v-morning-light-surface{color:#000000}
.f-v-morning-dark-primary{color:#09141a}
.f-v-morning-dark-secondary{color:#000000}
.f-v-morning-dark-surface{color:#ffffff}
.f-v-spring-light-primary{color:#ffffff}
.f-v-spring-light-secondary{color:#000000}
.f-v-spring-light-surface{color:#000000}
.f-v-spring-dark-primary{color:#09141a}
.f-v-spring-dark-secondary{color:#000000}
.f-v-spring-dark-surface{color:#ffffff}
.f-v-beach-light-primary{color:#09141a}
.f-v-beach-light-secondary{color:#ffffff}
.f-v-beach-light-surface{color:#000000}
.f-v-beach-dark-primary{color:#09141a}
.f-v-beach-dark-secondary{color:#000000}
.f-v-beach-dark-surface{color:#ffffff}
.f-v-afternoon-light-primary{color:#ffffff}
.f-v-afternoon-light-secondary{color:#ffffff}
.f-v-afternoon-light-surface{color:#000000}
.f-v-afternoon-dark-primary{color:#09141a}
.f-v-afternoon-dark-secondary{color:#000000}
.f-v-afternoon-dark-surface{color:#ffffff}
.f-v-midnight-light-primary{color:#ffffff}
.f-v-midnight-light-secondary{color:#000000}
.f-v-midnight-light-surface{color:#000000}
.f-v-midnight-dark-primary{color:#09141a}
.f-v-midnight-dark-secondary{color:#000000}
.f-v-midnight-dark-surface{color:#ffffff}
#cw-spearmint:checked ~ #mode-light:checked ~ .page{--primary:#033633;--on-primary:#ffffff;--secondary:#008657;--surface:#ffffff;--ink:#09141a;--muted:#373e44;--edge:#99a0a4;--logo-on-dark:block;--logo-on-light:none}#cw-spearmint:checked ~ #mode-light:checked ~ .page :is(.v-spearmint-light,.v-spearmint-dark,.v-morning-light,.v-morning-dark,.v-spring-light,.v-spring-dark,.v-beach-light,.v-beach-dark,.v-afternoon-light,.v-afternoon-dark,.v-midnight-light,.v-midnight-dark){display:none}#cw-spearmint:checked ~ #mode-light:checked ~ .page .v-spearmint-light{display:grid}
#cw-spearmint:checked ~ #mode-auto:checked ~ .page{--primary:#033633;--on-primary:#ffffff;--secondary:#008657;--surface:#ffffff;--ink:#09141a;--muted:#373e44;--edge:#99a0a4;--logo-on-dark:block;--logo-on-light:none}#cw-spearmint:checked ~ #mode-auto:checked ~ .page :is(.v-spearmint-light,.v-spearmint-dark,.v-morning-light,.v-morning-dark,.v-spring-light,.v-spring-dark,.v-beach-light,.v-beach-dark,.v-afternoon-light,.v-afternoon-dark,.v-midnight-light,.v-midnight-dark){display:none}#cw-spearmint:checked ~ #mode-auto:checked ~ .page .v-spearmint-light{display:grid}
#cw-spearmint:checked ~ #mode-dark:checked ~ .page{--primary:#50c369;--on-primary:#09141a;--secondary:#008657;--surface:#09141a;--ink:#ffffff;--muted:#99a0a4;--edge:#373e44;--logo-on-dark:none;--logo-on-light:block}#cw-spearmint:checked ~ #mode-dark:checked ~ .page :is(.v-spearmint-light,.v-spearmint-dark,.v-morning-light,.v-morning-dark,.v-spring-light,.v-spring-dark,.v-beach-light,.v-beach-dark,.v-afternoon-light,.v-afternoon-dark,.v-midnight-light,.v-midnight-dark){display:none}#cw-spearmint:checked ~ #mode-dark:checked ~ .page .v-spearmint-dark{display:grid}
#cw-morning:checked ~ #mode-light:checked ~ .page{--primary:#c55123;--on-primary:#ffffff;--secondary:#1a85c4;--surface:#ffffff;--ink:#09141a;--muted:#373e44;--edge:#99a0a4;--logo-on-dark:block;--logo-on-light:none}#cw-morning:checked ~ #mode-light:checked ~ .page :is(.v-spearmint-light,.v-spearmint-dark,.v-morning-light,.v-morning-dark,.v-spring-light,.v-spring-dark,.v-beach-light,.v-beach-dark,.v-afternoon-light,.v-afternoon-dark,.v-midnight-light,.v-midnight-dark){display:none}#cw-morning:checked ~ #mode-light:checked ~ .page .v-morning-light{display:grid}
#cw-morning:checked ~ #mode-auto:checked ~ .page{--primary:#c55123;--on-primary:#ffffff;--secondary:#1a85c4;--surface:#ffffff;--ink:#09141a;--muted:#373e44;--edge:#99a0a4;--logo-on-dark:block;--logo-on-light:none}#cw-morning:checked ~ #mode-auto:checked ~ .page :is(.v-spearmint-light,.v-spearmint-dark,.v-morning-light,.v-morning-dark,.v-spring-light,.v-spring-dark,.v-beach-light,.v-beach-dark,.v-afternoon-light,.v-afternoon-dark,.v-midnight-light,.v-midnight-dark){display:none}#cw-morning:checked ~ #mode-auto:checked ~ .page .v-morning-light{display:grid}
#cw-morning:checked ~ #mode-dark:checked ~ .page{--primary:#fac044;--on-primary:#09141a;--secondary:#5fcaff;--surface:#09141a;--ink:#ffffff;--muted:#99a0a4;--edge:#373e44;--logo-on-dark:none;--logo-on-light:block}#cw-morning:checked ~ #mode-dark:checked ~ .page :is(.v-spearmint-light,.v-spearmint-dark,.v-morning-light,.v-morning-dark,.v-spring-light,.v-spring-dark,.v-beach-light,.v-beach-dark,.v-afternoon-light,.v-afternoon-dark,.v-midnight-light,.v-midnight-dark){display:none}#cw-morning:checked ~ #mode-dark:checked ~ .page .v-morning-dark{display:grid}
#cw-spring:checked ~ #mode-light:checked ~ .page{--primary:#da1889;--on-primary:#ffffff;--secondary:#818e44;--surface:#ffffff;--ink:#09141a;--muted:#373e44;--edge:#99a0a4;--logo-on-dark:block;--logo-on-light:none}#cw-spring:checked ~ #mode-light:checked ~ .page :is(.v-spearmint-light,.v-spearmint-dark,.v-morning-light,.v-morning-dark,.v-spring-light,.v-spring-dark,.v-beach-light,.v-beach-dark,.v-afternoon-light,.v-afternoon-dark,.v-midnight-light,.v-midnight-dark){display:none}#cw-spring:checked ~ #mode-light:checked ~ .page .v-spring-light{display:grid}
#cw-spring:checked ~ #mode-auto:checked ~ .page{--primary:#da1889;--on-primary:#ffffff;--secondary:#818e44;--surface:#ffffff;--ink:#09141a;--muted:#373e44;--edge:#99a0a4;--logo-on-dark:block;--logo-on-light:none}#cw-spring:checked ~ #mode-auto:checked ~ .page :is(.v-spearmint-light,.v-spearmint-dark,.v-morning-light,.v-morning-dark,.v-spring-light,.v-spring-dark,.v-beach-light,.v-beach-dark,.v-afternoon-light,.v-afternoon-dark,.v-midnight-light,.v-midnight-dark){display:none}#cw-spring:checked ~ #mode-auto:checked ~ .page .v-spring-light{display:grid}
#cw-spring:checked ~ #mode-dark:checked ~ .page{--primary:#f39dbd;--on-primary:#09141a;--secondary:#50c369;--surface:#09141a;--ink:#ffffff;--muted:#99a0a4;--edge:#373e44;--logo-on-dark:none;--logo-on-light:block}#cw-spring:checked ~ #mode-dark:checked ~ .page :is(.v-spearmint-light,.v-spearmint-dark,.v-morning-light,.v-morning-dark,.v-spring-light,.v-spring-dark,.v-beach-light,.v-beach-dark,.v-afternoon-light,.v-afternoon-dark,.v-midnight-light,.v-midnight-dark){display:none}#cw-spring:checked ~ #mode-dark:checked ~ .page .v-spring-dark{display:grid}
#cw-beach:checked ~ #mode-light:checked ~ .page{--primary:#1a85c4;--on-primary:#09141a;--secondary:#734f31;--surface:#ffffff;--ink:#09141a;--muted:#373e44;--edge:#99a0a4;--logo-on-dark:none;--logo-on-light:block}#cw-beach:checked ~ #mode-light:checked ~ .page :is(.v-spearmint-light,.v-spearmint-dark,.v-morning-light,.v-morning-dark,.v-spring-light,.v-spring-dark,.v-beach-light,.v-beach-dark,.v-afternoon-light,.v-afternoon-dark,.v-midnight-light,.v-midnight-dark){display:none}#cw-beach:checked ~ #mode-light:checked ~ .page .v-beach-light{display:grid}
#cw-beach:checked ~ #mode-auto:checked ~ .page{--primary:#1a85c4;--on-primary:#09141a;--secondary:#734f31;--surface:#ffffff;--ink:#09141a;--muted:#373e44;--edge:#99a0a4;--logo-on-dark:none;--logo-on-light:block}#cw-beach:checked ~ #mode-auto:checked ~ .page :is(.v-spearmint-light,.v-spearmint-dark,.v-morning-light,.v-morning-dark,.v-spring-light,.v-spring-dark,.v-beach-light,.v-beach-dark,.v-afternoon-light,.v-afternoon-dark,.v-midnight-light,.v-midnight-dark){display:none}#cw-beach:checked ~ #mode-auto:checked ~ .page .v-beach-light{display:grid}
#cw-beach:checked ~ #mode-dark:checked ~ .page{--primary:#25c2c2;--on-primary:#09141a;--secondary:#d8b890;--surface:#09141a;--ink:#ffffff;--muted:#99a0a4;--edge:#373e44;--logo-on-dark:none;--logo-on-light:block}#cw-beach:checked ~ #mode-dark:checked ~ .page :is(.v-spearmint-light,.v-spearmint-dark,.v-morning-light,.v-morning-dark,.v-spring-light,.v-spring-dark,.v-beach-light,.v-beach-dark,.v-afternoon-light,.v-afternoon-dark,.v-midnight-light,.v-midnight-dark){display:none}#cw-beach:checked ~ #mode-dark:checked ~ .page .v-beach-dark{display:grid}
#cw-afternoon:checked ~ #mode-light:checked ~ .page{--primary:#72251c;--on-primary:#ffffff;--secondary:#444f05;--surface:#ffffff;--ink:#09141a;--muted:#373e44;--edge:#99a0a4;--logo-on-dark:block;--logo-on-light:none}#cw-afternoon:checked ~ #mode-light:checked ~ .page :is(.v-spearmint-light,.v-spearmint-dark,.v-morning-light,.v-morning-dark,.v-spring-light,.v-spring-dark,.v-beach-light,.v-beach-dark,.v-afternoon-light,.v-afternoon-dark,.v-midnight-light,.v-midnight-dark){display:none}#cw-afternoon:checked ~ #mode-light:checked ~ .page .v-afternoon-light{display:grid}
#cw-afternoon:checked ~ #mode-auto:checked ~ .page{--primary:#72251c;--on-primary:#ffffff;--secondary:#444f05;--surface:#ffffff;--ink:#09141a;--muted:#373e44;--edge:#99a0a4;--logo-on-dark:block;--logo-on-light:none}#cw-afternoon:checked ~ #mode-auto:checked ~ .page :is(.v-spearmint-light,.v-spearmint-dark,.v-morning-light,.v-morning-dark,.v-spring-light,.v-spring-dark,.v-beach-light,.v-beach-dark,.v-afternoon-light,.v-afternoon-dark,.v-midnight-light,.v-midnight-dark){display:none}#cw-afternoon:checked ~ #mode-auto:checked ~ .page .v-afternoon-light{display:grid}
#cw-afternoon:checked ~ #mode-dark:checked ~ .page{--primary:#ef9275;--on-primary:#09141a;--secondary:#ee9138;--surface:#09141a;--ink:#ffffff;--muted:#99a0a4;--edge:#373e44;--logo-on-dark:none;--logo-on-light:block}#cw-afternoon:checked ~ #mode-dark:checked ~ .page :is(.v-spearmint-light,.v-spearmint-dark,.v-morning-light,.v-morning-dark,.v-spring-light,.v-spring-dark,.v-beach-light,.v-beach-dark,.v-afternoon-light,.v-afternoon-dark,.v-midnight-light,.v-midnight-dark){display:none}#cw-afternoon:checked ~ #mode-dark:checked ~ .page .v-afternoon-dark{display:grid}
#cw-midnight:checked ~ #mode-light:checked ~ .page{--primary:#09141a;--on-primary:#ffffff;--secondary:#7476e0;--surface:#ffffff;--ink:#09141a;--muted:#373e44;--edge:#99a0a4;--logo-on-dark:block;--logo-on-light:none}#cw-midnight:checked ~ #mode-light:checked ~ .page :is(.v-spearmint-light,.v-spearmint-dark,.v-morning-light,.v-morning-dark,.v-spring-light,.v-spring-dark,.v-beach-light,.v-beach-dark,.v-afternoon-light,.v-afternoon-dark,.v-midnight-light,.v-midnight-dark){display:none}#cw-midnight:checked ~ #mode-light:checked ~ .page .v-midnight-light{display:grid}
#cw-midnight:checked ~ #mode-auto:checked ~ .page{--primary:#09141a;--on-primary:#ffffff;--secondary:#7476e0;--surface:#ffffff;--ink:#09141a;--muted:#373e44;--edge:#99a0a4;--logo-on-dark:block;--logo-on-light:none}#cw-midnight:checked ~ #mode-auto:checked ~ .page :is(.v-spearmint-light,.v-spearmint-dark,.v-morning-light,.v-morning-dark,.v-spring-light,.v-spring-dark,.v-beach-light,.v-beach-dark,.v-afternoon-light,.v-afternoon-dark,.v-midnight-light,.v-midnight-dark){display:none}#cw-midnight:checked ~ #mode-auto:checked ~ .page .v-midnight-light{display:grid}
#cw-midnight:checked ~ #mode-dark:checked ~ .page{--primary:#7476e0;--on-primary:#09141a;--secondary:#b6f1f1;--surface:#09141a;--ink:#ffffff;--muted:#99a0a4;--edge:#373e44;--logo-on-dark:none;--logo-on-light:block}#cw-midnight:checked ~ #mode-dark:checked ~ .page :is(.v-spearmint-light,.v-spearmint-dark,.v-morning-light,.v-morning-dark,.v-spring-light,.v-spring-dark,.v-beach-light,.v-beach-dark,.v-afternoon-light,.v-afternoon-dark,.v-midnight-light,.v-midnight-dark){display:none}#cw-midnight:checked ~ #mode-dark:checked ~ .page .v-midnight-dark{display:grid}
@media (prefers-color-scheme:dark){#cw-spearmint:checked ~ #mode-auto:checked ~ .page{--primary:#50c369;--on-primary:#09141a;--secondary:#008657;--surface:#09141a;--ink:#ffffff;--muted:#99a0a4;--edge:#373e44;--logo-on-dark:none;--logo-on-light:block}#cw-spearmint:checked ~ #mode-auto:checked ~ .page :is(.v-spearmint-light,.v-spearmint-dark,.v-morning-light,.v-morning-dark,.v-spring-light,.v-spring-dark,.v-beach-light,.v-beach-dark,.v-afternoon-light,.v-afternoon-dark,.v-midnight-light,.v-midnight-dark){display:none}#cw-spearmint:checked ~ #mode-auto:checked ~ .page .v-spearmint-dark{display:grid}#cw-morning:checked ~ #mode-auto:checked ~ .page{--primary:#fac044;--on-primary:#09141a;--secondary:#5fcaff;--surface:#09141a;--ink:#ffffff;--muted:#99a0a4;--edge:#373e44;--logo-on-dark:none;--logo-on-light:block}#cw-morning:checked ~ #mode-auto:checked ~ .page :is(.v-spearmint-light,.v-spearmint-dark,.v-morning-light,.v-morning-dark,.v-spring-light,.v-spring-dark,.v-beach-light,.v-beach-dark,.v-afternoon-light,.v-afternoon-dark,.v-midnight-light,.v-midnight-dark){display:none}#cw-morning:checked ~ #mode-auto:checked ~ .page .v-morning-dark{display:grid}#cw-spring:checked ~ #mode-auto:checked ~ .page{--primary:#f39dbd;--on-primary:#09141a;--secondary:#50c369;--surface:#09141a;--ink:#ffffff;--muted:#99a0a4;--edge:#373e44;--logo-on-dark:none;--logo-on-light:block}#cw-spring:checked ~ #mode-auto:checked ~ .page :is(.v-spearmint-light,.v-spearmint-dark,.v-morning-light,.v-morning-dark,.v-spring-light,.v-spring-dark,.v-beach-light,.v-beach-dark,.v-afternoon-light,.v-afternoon-dark,.v-midnight-light,.v-midnight-dark){display:none}#cw-spring:checked ~ #mode-auto:checked ~ .page .v-spring-dark{display:grid}#cw-beach:checked ~ #mode-auto:checked ~ .page{--primary:#25c2c2;--on-primary:#09141a;--secondary:#d8b890;--surface:#09141a;--ink:#ffffff;--muted:#99a0a4;--edge:#373e44;--logo-on-dark:none;--logo-on-light:block}#cw-beach:checked ~ #mode-auto:checked ~ .page :is(.v-spearmint-light,.v-spearmint-dark,.v-morning-light,.v-morning-dark,.v-spring-light,.v-spring-dark,.v-beach-light,.v-beach-dark,.v-afternoon-light,.v-afternoon-dark,.v-midnight-light,.v-midnight-dark){display:none}#cw-beach:checked ~ #mode-auto:checked ~ .page .v-beach-dark{display:grid}#cw-afternoon:checked ~ #mode-auto:checked ~ .page{--primary:#ef9275;--on-primary:#09141a;--secondary:#ee9138;--surface:#09141a;--ink:#ffffff;--muted:#99a0a4;--edge:#373e44;--logo-on-dark:none;--logo-on-light:block}#cw-afternoon:checked ~ #mode-auto:checked ~ .page :is(.v-spearmint-light,.v-spearmint-dark,.v-morning-light,.v-morning-dark,.v-spring-light,.v-spring-dark,.v-beach-light,.v-beach-dark,.v-afternoon-light,.v-afternoon-dark,.v-midnight-light,.v-midnight-dark){display:none}#cw-afternoon:checked ~ #mode-auto:checked ~ .page .v-afternoon-dark{display:grid}#cw-midnight:checked ~ #mode-auto:checked ~ .page{--primary:#7476e0;--on-primary:#09141a;--secondary:#b6f1f1;--surface:#09141a;--ink:#ffffff;--muted:#99a0a4;--edge:#373e44;--logo-on-dark:none;--logo-on-light:block}#cw-midnight:checked ~ #mode-auto:checked ~ .page :is(.v-spearmint-light,.v-spearmint-dark,.v-morning-light,.v-morning-dark,.v-spring-light,.v-spring-dark,.v-beach-light,.v-beach-dark,.v-afternoon-light,.v-afternoon-dark,.v-midnight-light,.v-midnight-dark){display:none}#cw-midnight:checked ~ #mode-auto:checked ~ .page .v-midnight-dark{display:grid}}
#cw-spearmint:checked ~ .page label[for=cw-spearmint]{background:var(--ink);color:var(--surface);border-color:var(--ink)}
#cw-spearmint:focus-visible ~ .page label[for=cw-spearmint]{outline:2px solid var(--ink);outline-offset:2px}
#cw-morning:checked ~ .page label[for=cw-morning]{background:var(--ink);color:var(--surface);border-color:var(--ink)}
#cw-morning:focus-visible ~ .page label[for=cw-morning]{outline:2px solid var(--ink);outline-offset:2px}
#cw-spring:checked ~ .page label[for=cw-spring]{background:var(--ink);color:var(--surface);border-color:var(--ink)}
#cw-spring:focus-visible ~ .page label[for=cw-spring]{outline:2px solid var(--ink);outline-offset:2px}
#cw-beach:checked ~ .page label[for=cw-beach]{background:var(--ink);color:var(--surface);border-color:var(--ink)}
#cw-beach:focus-visible ~ .page label[for=cw-beach]{outline:2px solid var(--ink);outline-offset:2px}
#cw-afternoon:checked ~ .page label[for=cw-afternoon]{background:var(--ink);color:var(--surface);border-color:var(--ink)}
#cw-afternoon:focus-visible ~ .page label[for=cw-afternoon]{outline:2px solid var(--ink);outline-offset:2px}
#cw-midnight:checked ~ .page label[for=cw-midnight]{background:var(--ink);color:var(--surface);border-color:var(--ink)}
#cw-midnight:focus-visible ~ .page label[for=cw-midnight]{outline:2px solid var(--ink);outline-offset:2px}
#mode-light:checked ~ .page label[for=mode-light]{background:var(--ink);color:var(--surface);border-color:var(--ink)}
#mode-light:focus-visible ~ .page label[for=mode-light]{outline:2px solid var(--ink);outline-offset:2px}
#mode-dark:checked ~ .page label[for=mode-dark]{background:var(--ink);color:var(--surface);border-color:var(--ink)}
#mode-dark:focus-visible ~ .page label[for=mode-dark]{outline:2px solid var(--ink);outline-offset:2px}
#mode-auto:checked ~ .page label[for=mode-auto]{background:var(--ink);color:var(--surface);border-color:var(--ink)}
#mode-auto:focus-visible ~ .page label[for=mode-auto]{outline:2px solid var(--ink);outline-offset:2px}
@media (max-width:40rem){.hero{min-height:0}}
@media print{.bar{display:none}.hero{min-height:0}}