*{margin:0;padding:0;box-sizing:border-box}
html,body{font-family:'Google Sans',sans-serif;font-size:16px}
.mlw{max-width:1440px;margin:auto}
body {display:flex;flex-direction:column;min-height:100dvh;gap:1rem;padding:1rem;max-width:1440px;margin:auto}
a{
    text-decoration: none;
    color: inherit;

    &:hover,
    &:focus-within {
        outline: transparent;
        color: crimson;
    }
}

.group {
    display:flex;
    flex-direction: column;
    gap:0.25rem;
    color: #666;
}

input, textarea, select, option{
    padding:0.5rem 1rem;
    border-radius: 0.25rem;
    border: 1px solid #999;
    background-color: #fff;
    font-family: inherit;
    font-size: 16px;
    transition: 200ms ease-in-out;    

    &[type=number] {
        padding-right: 0.25rem;
    }    
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

textarea {
    width:100%;
}

table {
    width:100%;
    & thead{
        background-color: #f6f6f6;

        & th {
            padding:0.5rem 1rem;
            font-size:14px;
            border: 1px solid #eee;
        }
    }
    & tbody {
        & td {
            padding:0.5rem 1rem;
            border-bottom: 1px solid #eee;
        }
    }
}

button,
.button {
    padding:0.5rem 1rem;
    border-radius: 0.25rem;
    border: 1px solid #999;
    background-color: #f6f6f6;
    font-family: inherit;
    font-size: 14px;
    transition: 200ms ease-in-out;    

    &:hover,
    &:focus-within{
        outline:transparent;
        background-color: rebeccapurple;
        color: white;
        cursor:pointer;
    }

    &.small{
        font-size:0.75rem;
    }
    &.large{
        font-size:1.25rem;
    }
}

.db{display:block}.dib{display:inline-block}
.pr{position:relative}.pa{position:absolute}.pf{position:fixed}.ps{position:sticky}
.lh li { margin-bottom: 1rem}

.o0{opacity:0}.o1{opacity:0.1}.o2{opacity:0.2}.o3{opacity:0.3}.o4{opacity:0.4}.o5{opacity:0.5}.o6{opacity:0.6}.o7{opacity:0.7}.o8{opacity:0.8}.o9{opacity:0.9}.o{opacity:1}

.flex{display:flex;flex-direction:row;gap:1rem}
.flex-col{display:flex;flex-direction:column;gap:1rem}
.f1{flex:1}.f2{flex:2}.f3{flex:3}.f4{flex:4}.f5{flex:5}
.g0{gap:0}.g025{gap:0.25rem}.g05{gap:0.5rem}.g075{gap:0.75rem}
.g1{gap:1rem}.g125{gap:1.25rem}.g15{gap:1.5rem}.g175{gap:1.75rem}
.g2{gap:2rem}.g225{gap:2.25rem}.g25{gap:2.5rem}.g275{gap:2.75rem}
.g3{gap:3rem}.g325{gap:3.25rem}.g35{gap:3.5rem}.g375{gap:3.75rem}
.g4{gap:4rem}.g425{gap:4.25rem}.g45{gap:4.5rem}.g475{gap:4.75rem}
.jcfs{justify-content:flex-start}.jcc{justify-content:center}.jcfe{justify-content:flex-end}.jcsa{justify-content:space-around}.jcsb{justify-content:space-between}.jcse{justify-content:space-evenly}
.acfs{align-content:flex-start}.acc{align-content:center}.acfe{align-content:flex-end}.acsa{align-content:space-around}.acsb{align-content:space-between}.acse{align-content:space-evenly}
.aifs{align-items:flex-start}.aic{align-items:center}.aife{align-items:flex-end}
.asfs{align-self:flex-start}.asc{align-self:center}.asfe{align-self:flex-end}
.fww{flex-wrap:wrap}.fwn{flex-wrap:nowrap}

.fw1{font-weight:100}.fw2{font-weight:200}.fw3{font-weight:300}.fw4{font-weight:400}.fw5{font-weight:500}.fw6{font-weight:600}.fw7{font-weight:700}.fw8{font-weight:800}.fw9{font-weight:900}.fwb{font-weight:bold}.fwn{font-weight:normal}
.i{font-style:italic}.b{font-weight:bold}.n{font-style:normal}
.lh1{line-height:1}.lh125{line-height:1.25}.lh15{line-height:1.5}.lh175{line-height:1.75}.lh2{line-height:2}

.fsxs{font-size:0.7rem}.fss{font-size:0.85rem}.fsn{font-size:1rem}.fsl{font-size:1.25rem}.fsxl{font-size:1.5rem}.fsh{font-size:2rem}

.w0{width:0}.w025{width:25%}.w05{width:50%}.w075{width:75%}.w1{width:100%}
.h0{height:0}.h025{height:25%}.h05{height:50%}.h075{height:75%}.h1{height:100%}

.tal{text-align:left}.tac{text-align:center}.tar{text-align:right}.taj{text-align:justify}
.tw{white-space:wrap}.tnw{white-space:nowrap}
.off{object-fit:fill}.of{object-fit:cover}.ofc{object-fit:contain}
.opt{object-position:top}.opc{object-position:center}.opb{object-position:bottom}
.br0{border-radius:0}.br025{border-radius:0.25rem}.br05{border-radius:0.5rem}.br075{border-radius:0.75rem}
.br1{border-radius:1rem}.br125{border-radius:1.25rem}.br15{border-radius:1.5rem}.br175{border-radius:1.75rem}
.brh{border-radius:50%}.brf{border-radius:100%}.bro{border-radius:9999px}

.ma{margin:auto}.m0{margin:0}.m025{margin:0.25rem}.m05{margin:0.5rem}.m075{margin:0.75rem}
.m1{margin:1rem}.m125{margin:1.25rem}.m15{margin:1.5rem}.m175{margin:1.75rem}
.m2{margin:2rem}.m225{margin:2.25rem}.m25{margin:2.5rem}.m275{margin:2.75rem}
.m3{margin:3rem}.m325{margin:3.25rem}.m35{margin:3.5rem}.m375{margin:3.75rem}
.m4{margin:4rem}.m425{margin:4.25rem}.m45{margin:4.5rem}.m475{margin:4.75rem}

.ml0{margin-left:0}.ml025{margin-left:0.25rem}.ml05{margin-left:0.5rem}.ml075{margin-left:0.75rem}
.ml1{margin-left:1rem}.ml125{margin-left:1.25rem}.ml15{margin-left:1.5rem}.ml175{margin-left:1.75rem}
.ml2{margin-left:2rem}.ml225{margin-left:2.25rem}.ml25{margin-left:2.5rem}.ml275{margin-left:2.75rem}
.ml3{margin-left:3rem}.ml325{margin-left:3.25rem}.ml35{margin-left:3.5rem}.ml375{margin-left:3.75rem}
.ml4{margin-left:4rem}.ml425{margin-left:4.25rem}.ml45{margin-left:4.5rem}.ml475{margin-left:4.75rem}

.mt0{margin-top:0}.mt025{margin-top:0.25rem}.mt05{margin-top:0.5rem}.mt075{margin-top:0.75rem}
.mt1{margin-top:1rem}.mt125{margin-top:1.25rem}.mt15{margin-top:1.5rem}.mt175{margin-top:1.75rem}
.mt2{margin-top:2rem}.mt225{margin-top:2.25rem}.mt25{margin-top:2.5rem}.mt275{margin-top:2.75rem}
.mt3{margin-top:3rem}.mt325{margin-top:3.25rem}.mt35{margin-top:3.5rem}.mt375{margin-top:3.75rem}
.mt4{margin-top:4rem}.mt425{margin-top:4.25rem}.mt45{margin-top:4.5rem}.mt475{margin-top:4.75rem}

.mr0{margin-right:0}.mr025{margin-right:0.25rem}.mr05{margin-right:0.5rem}.mr075{margin-right:0.75rem}
.mr1{margin-right:1rem}.mr125{margin-right:1.25rem}.mr15{margin-right:1.5rem}.mr175{margin-right:1.75rem}
.mr2{margin-right:2rem}.mr225{margin-right:2.25rem}.mr25{margin-right:2.5rem}.mr275{margin-right:2.75rem}
.mr3{margin-right:3rem}.mr325{margin-right:3.25rem}.mr35{margin-right:3.5rem}.mr375{margin-right:3.75rem}
.mr4{margin-right:4rem}.mr425{margin-right:4.25rem}.mr45{margin-right:4.5rem}.mr475{margin-right:4.75rem}

.mb0{margin-bottom:0}.mb025{margin-bottom:0.25rem}.mb05{margin-bottom:0.5rem}.mb075{margin-bottom:0.75rem}
.mb1{margin-bottom:1rem}.mb125{margin-bottom:1.25rem}.mb15{margin-bottom:1.5rem}.mb175{margin-bottom:1.75rem}
.mb2{margin-bottom:2rem}.mb225{margin-bottom:2.25rem}.mb25{margin-bottom:2.5rem}.mb275{margin-bottom:2.75rem}
.mb3{margin-bottom:3rem}.mb325{margin-bottom:3.25rem}.mb35{margin-bottom:3.5rem}.mb375{margin-bottom:3.75rem}
.mb4{margin-bottom:4rem}.mb425{margin-bottom:4.25rem}.mb45{margin-bottom:4.5rem}.mb475{margin-bottom:4.75rem}

.mx0{margin-inline:0}.mx025{margin-inline:0.25rem}.mx05{margin-inline:0.5rem}.mx075{margin-inline:0.75rem}
.mx1{margin-inline:1rem}.mx125{margin-inline:1.25rem}.mx15{margin-inline:1.5rem}.mx175{margin-inline:1.75rem}
.mx2{margin-inline:2rem}.mx225{margin-inline:2.25rem}.mx25{margin-inline:2.5rem}.mx275{margin-inline:2.75rem}
.mx3{margin-inline:3rem}.mx325{margin-inline:3.25rem}.mx35{margin-inline:3.5rem}.mx375{margin-inline:3.75rem}
.mx4{margin-inline:4rem}.mx425{margin-inline:4.25rem}.mx45{margin-inline:4.5rem}.mx475{margin-inline:4.75rem}

.my0{margin-block:0}.my025{margin-block:0.25rem}.my05{margin-block:0.5rem}.my075{margin-block:0.75rem}
.my1{margin-block:1rem}.my125{margin-block:1.25rem}.my15{margin-block:1.5rem}.my175{margin-block:1.75rem}
.my2{margin-block:2rem}.my225{margin-block:2.25rem}.my25{margin-block:2.5rem}.my275{margin-block:2.75rem}
.my3{margin-block:3rem}.my325{margin-block:3.25rem}.my35{margin-block:3.5rem}.my375{margin-block:3.75rem}
.my4{margin-block:4rem}.my425{margin-block:4.25rem}.my45{margin-block:4.5rem}.my475{margin-block:4.75rem}

.p0{padding:0}.p025{padding:0.25rem}.p05{padding:0.5rem}.p075{padding:0.75rem}
.p1{padding:1rem}.p125{padding:1.25rem}.p15{padding:1.5rem}.p175{padding:1.75rem}
.p2{padding:2rem}.p225{padding:2.25rem}.p25{padding:2.5rem}.p275{padding:2.75rem}
.p3{padding:3rem}.p325{padding:3.25rem}.p35{padding:3.5rem}.p375{padding:3.75rem}
.p4{padding:4rem}.p425{padding:4.25rem}.p45{padding:4.5rem}.p475{padding:4.75rem}

.pl0{padding-left:0}.pl025{padding-left:0.25rem}.pl05{padding-left:0.5rem}.pl075{padding-left:0.75rem}
.pl1{padding-left:1rem}.pl125{padding-left:1.25rem}.pl15{padding-left:1.5rem}.pl175{padding-left:1.75rem}
.pl2{padding-left:2rem}.pl225{padding-left:2.25rem}.pl25{padding-left:2.5rem}.pl275{padding-left:2.75rem}
.pl3{padding-left:3rem}.pl325{padding-left:3.25rem}.pl35{padding-left:3.5rem}.pl375{padding-left:3.75rem}
.pl4{padding-left:4rem}.pl425{padding-left:4.25rem}.pl45{padding-left:4.5rem}.pl475{padding-left:4.75rem}

.pt0{padding-top:0}.pt025{padding-top:0.25rem}.pt05{padding-top:0.5rem}.pt075{padding-top:0.75rem}
.pt1{padding-top:1rem}.pt125{padding-top:1.25rem}.pt15{padding-top:1.5rem}.pt175{padding-top:1.75rem}
.pt2{padding-top:2rem}.pt225{padding-top:2.25rem}.pt25{padding-top:2.5rem}.pt275{padding-top:2.75rem}
.pt3{padding-top:3rem}.pt325{padding-top:3.25rem}.pt35{padding-top:3.5rem}.pt375{padding-top:3.75rem}
.pt4{padding-top:4rem}.pt425{padding-top:4.25rem}.pt45{padding-top:4.5rem}.pt475{padding-top:4.75rem}

.pr0{padding-right:0}.pr025{padding-right:0.25rem}.pr05{padding-right:0.5rem}.pr075{padding-right:0.75rem}
.pr1{padding-right:1rem}.pr125{padding-right:1.25rem}.pr15{padding-right:1.5rem}.pr175{padding-right:1.75rem}
.pr2{padding-right:2rem}.pr225{padding-right:2.25rem}.pr25{padding-right:2.5rem}.pr275{padding-right:2.75rem}
.pr3{padding-right:3rem}.pr325{padding-right:3.25rem}.pr35{padding-right:3.5rem}.pr375{padding-right:3.75rem}
.pr4{padding-right:4rem}.pr425{padding-right:4.25rem}.pr45{padding-right:4.5rem}.pr475{padding-right:4.75rem}

.pb0{padding-bottom:0}.pb025{padding-bottom:0.25rem}.pb05{padding-bottom:0.5rem}.pb075{padding-bottom:0.75rem}
.pb1{padding-bottom:1rem}.pb125{padding-bottom:1.25rem}.pb15{padding-bottom:1.5rem}.pb175{padding-bottom:1.75rem}
.pb2{padding-bottom:2rem}.pb225{padding-bottom:2.25rem}.pb25{padding-bottom:2.5rem}.pb275{padding-bottom:2.75rem}
.pb3{padding-bottom:3rem}.pb325{padding-bottom:3.25rem}.pb35{padding-bottom:3.5rem}.pb375{padding-bottom:3.75rem}
.pb4{padding-bottom:4rem}.pb425{padding-bottom:4.25rem}.pb45{padding-bottom:4.5rem}.pb475{padding-bottom:4.75rem}

.px0{padding-inline:0}.px025{padding-inline:0.25rem}.px05{padding-inline:0.5rem}.px075{padding-inline:0.75rem}
.px1{padding-inline:1rem}.px125{padding-inline:1.25rem}.px15{padding-inline:1.5rem}.px175{padding-inline:1.75rem}
.px2{padding-inline:2rem}.px225{padding-inline:2.25rem}.px25{padding-inline:2.5rem}.px275{padding-inline:2.75rem}
.px3{padding-inline:3rem}.px325{padding-inline:3.25rem}.px35{padding-inline:3.5rem}.px375{padding-inline:3.75rem}
.px4{padding-inline:4rem}.px425{padding-inline:4.25rem}.px45{padding-inline:4.5rem}.px475{padding-inline:4.75rem}

.py0{padding-block:0}.py025{padding-block:0.25rem}.py05{padding-block:0.5rem}.py075{padding-block:0.75rem}
.py1{padding-block:1rem}.py125{padding-block:1.25rem}.py15{padding-block:1.5rem}.py175{padding-block:1.75rem}
.py2{padding-block:2rem}.py225{padding-block:2.25rem}.py25{padding-block:2.5rem}.py275{padding-block:2.75rem}
.py3{padding-block:3rem}.py325{padding-block:3.25rem}.py35{padding-block:3.5rem}.py375{padding-block:3.75rem}
.py4{padding-block:4rem}.py425{padding-block:4.25rem}.py45{padding-block:4.5rem}.py475{padding-block:4.75rem}