*,*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}h1,h2,h3,h4{line-height:1;text-wrap:balance}ul:where([role=list]),ol:where([role=list]){list-style:none;padding:0;margin:0}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block;object-fit:cover}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@font-face{font-family:Alice;font-weight:400;src:url(/card-generator/fonts/alice-regular-webfont.woff2) format(wooff2),url(/card-generator/fonts/alice-regular-webfont.woff) format(woff)}@font-face{font-family:"Roboto Serif";font-weight:100 900;src:url(/card-generator/fonts/RobotoSerif-VariableFont.ttf) format(woff2-variations)}body{margin:0;min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5;font-family:Alice,system-ui;font-weight:400;font-size:1.125rem;background-color:var(--bg-main, #1c1b22);color:var(--text-clr, #dadade)}.article-form{container-type:inline-size;container-name:formContainer}.article-form__wrapper{min-height:40rem;padding-inline:2.5em;padding-block:3.75em;border-radius:.25em;background-image:var(--form-bg-gradient);display:grid;position:relative}.article-form__wrapper:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background-image:var(--card-bg-gradient);border-radius:inherit;z-index:-1}.article-form__wrapper>*{opacity:0;animation-name:showContent;animation-duration:.5s;animation-delay:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.article-form h2{text-transform:uppercase;font-size:1.3125rem;font-weight:400;letter-spacing:.2em}.article-form fieldset{display:grid;grid-template-columns:repeat(2,1fr);gap:0 clamp(3em,3em + 5cqw,12em);border:none;border-radius:inherit;position:relative;padding:0}.article-form__control-wrapper{display:grid;grid-auto-flow:row;gap:.5em;position:relative}.article-form__control-wrapper:after,.article-form__control-wrapper:before{content:"";height:1px;width:100%;grid-column:1;grid-row:3;align-self:start}.article-form__control-wrapper:after{background-color:var(--text-clr);opacity:.5;transition:opacity .6s ease-out}.article-form__control-wrapper:before{background-image:var(--form-hover-gradient);transform:scaleX(0);transition:transform .4s ease-out}.article-form__control-wrapper:focus-within:before{transform:scaleX(1)}.article-form__control-wrapper:focus-within:after{opacity:0}*+.article-form__control-wrapper{margin-block-start:3em}*+.article-form__radio-wrapper{margin-block-start:1.5em}.article-form label,.article-form legend{font-size:.95rem;font-weight:400;color:var(--form-accent-clr);text-transform:uppercase}.article-form legend{padding:0;margin-block-start:3em}.article-form input,.article-form textarea,.article-form select{border:none;background:none;padding-block:.25em;padding-inline:.5em}.article-form input,.article-form textarea{color:var(--text-clr)}.article-form input:focus-visible,.article-form textarea:focus-visible{outline:none}.article-form input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:none;margin:0;color:var(--form-accent-clr);width:1.125em;height:1.125em;border:.0625em solid var(--form-accent-clr);display:grid;place-content:center}.article-form input[type=radio]:before{content:"";width:.5625em;height:.5625em;transform:scale(0);transition:.2s transform ease-in-out;box-shadow:inset 1em 1em var(--form-accent-clr)}.article-form input[type=radio]:checked:before{transform:scale(1)}.article-form__radio-wrapper{display:grid;grid-template-columns:repeat(2,max-content) 1fr;gap:.75em;align-items:center}.article-form textarea{max-width:100%;resize:block}.article-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:inherit;color:var(--form-accent-clr)}.article-form .error{display:flex;gap:.75em;align-items:center;font-size:.95rem;font-variant:small-caps;letter-spacing:.05em;color:gold}@container formContainer (max-width: 30em){.article-form__wrapper{min-height:53.1rem}.article-form fieldset{grid-template-columns:1fr}}@keyframes showContent{0%{opacity:0}to{opacity:1}}.article-list-wrapper{padding-inline-end:1.5em;padding-block:1.5em;display:grid;align-items:center;height:40rem;overflow-y:scroll}@media (max-width: 30em){.article-list-wrapper{height:53.1rem}}.avatar{--size: 3rem;width:var(--size);height:var(--size);border-radius:50%;border:2px solid currentColor}.article-form__radio-wrapper .avatar{--size: 2.25rem;justify-self:end;border-radius:.25em;border-color:var(--form-accent-clr)}.button-wrapper{align-self:end;padding-block-start:3em;container-type:inline-size;container-name:buttonContainer}@container buttonContainer (max-width: 20em){.button-wrapper .buttons{grid-auto-flow:row;gap:1.5em}.button-wrapper .buttons>*:first-child{justify-self:stretch}.button-wrapper .buttons>*:last-child{justify-self:stretch}}.buttons{display:grid;grid-auto-flow:column}.buttons>*:first-child{justify-self:start}.buttons>*:last-child{justify-self:end}.buttons>*:only-child:not(.next-button){justify-self:start}.button{display:inline-flex;align-items:center;justify-content:center;line-height:1;text-align:center;text-decoration:none;background:none;border:none;cursor:pointer;padding-block:.75em;padding-inline:clamp(2em,2em + 1vw,4em);border-radius:.25em;position:relative;isolation:isolate;z-index:1}.button:before{content:"";position:absolute;display:block;border-radius:inherit;opacity:0;transition:opacity .4s ease-out;z-index:-1}.button:hover:before,.button:focus:before{opacity:1}.button[button-type=primary]{background-color:var(--button-bg);color:var(--button-text)}.button[button-type=primary]:before{top:0;right:0;bottom:0;left:0;background-color:var(--button-hover-bg)}.button[button-type=primary]:hover,.button[button-type=primary]:focus{color:var(--button-hover-text)}.button[button-type=outline]{background-color:transparent;border:1px solid var(--button-outline);color:var(--button-outline)}.button[button-type=outline]:before{top:-1px;right:-1px;bottom:-1px;left:-1px;background-color:var(--button-outline)}.button[button-type=outline]:hover,.button[button-type=outline]:focus{color:var(--button-hover-text)}.button[button-type=primary],.button[button-type=outline]{font-size:.95rem;font-weight:400;text-transform:uppercase;letter-spacing:.2em}.link-button[button-type=outline]{display:grid;align-items:center;padding-block:.125em;padding-inline:1.25em;text-transform:capitalize;border:2px solid var(--card-button-outline);background-color:transparent;color:var(--card-button-outline);grid-template-columns:max-content .5em 1.5em;will-change:color,grid-template-columns;transition:grid-template-columns .3s ease-out}.link-button[button-type=outline]>*:last-child{grid-column:-2}.link-button[button-type=outline]:before{top:-1px;right:-1px;bottom:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);background-color:var(--card-button-outline)}.link-button[button-type=outline]:hover{grid-template-columns:max-content 1.25em 1.5em;color:var(--card-button-hover-text)}.card-wrapper{container-type:inline-size;container-name:cardContainer}.card{--flow-spacer: 1.25em;min-width:19rem;max-width:50rem;color:var(--text-clr);background-image:var(--card-bg-gradient);padding-inline:1.25em;padding-block:1.25em;border-radius:.25em;display:grid;grid-auto-flow:row;gap:1.25em}.card__img{border-radius:inherit;min-width:10rem;width:100%;min-height:15rem;height:100%}.card__content *+h2,.card__content header+p{margin-top:.5em}.card__content header+p{overflow-wrap:break-word;word-break:break-word}.card__content__meta{display:grid;grid-auto-flow:column;gap:.75em;justify-items:start;align-items:center;font-size:.95rem;text-align:center}.card__content__author{display:flex;gap:1.25em;align-items:center}.card__content__author picture{width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid currentColor;overflow:hidden}.card__content__author p{font-size:.95rem}.card .button{align-self:center;justify-self:start;font-family:Alice,system-ui}@container cardContainer (min-width: 28em){.card{grid-auto-flow:column;grid-template-columns:.75fr 1fr;grid-auto-rows:min-content}.card__img{grid-column:1;grid-row:span 2}.card__content{grid-column:2;grid-row:1}.card__content__meta{display:flex;gap:.75em;justify-items:start;align-items:center;font-size:.95rem}.card .button{grid-column:2;grid-row:2}}dialog:modal{width:85%;max-width:30rem;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background-image:var(--form-bg-gradient);color:var(--form-accent-clr);border:1px solid var(--form-accent-clr);border-radius:.25em}dialog:modal::backdrop{background-color:var(--bg-main);opacity:.95}dialog:modal[data-state=opened]{animation:revealDialog;animation-duration:.6s;animation-timing-function:ease-out;animation-fill-mode:forwards}dialog:modal[data-state=opened]::backdrop{animation:fadeInBackdrop;animation-duration:.6s;animation-timing-function:ease-out;animation-fill-mode:forwards}dialog:modal[data-state=is-closing]{animation:hideDialog;animation-duration:.6s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}dialog:modal[data-state=is-closing]::backdrop{animation:fadeOutBackdrop;animation-duration:.6s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}dialog:modal .error{display:grid;grid-auto-flow:rows;gap:2.25rem;color:var(--form-accent-clr)}dialog:modal .error svg{justify-self:center;width:2rem;height:2rem}dialog .dialog__content{display:grid;grid-auto-flow:rows;gap:2.25rem;padding:2.25em}@keyframes revealDialog{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes hideDialog{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:.95}}@keyframes fadeOutBackdrop{0%{opacity:.95}to{opacity:0}}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-clr) var(--scrollbar-track-clr)}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-clr);border-radius:5px}::-webkit-scrollbar-track{background-color:var(--scrollbar-track-clr);border-radius:5px}html{scrollbar-gutter:stable}.theme-preview{overflow:hidden}.theme-preview>*{width:100%;height:100%}.theme-preview>* span{display:block;height:.53125rem;width:100%}.theme-preview .bg-soft-purple span:nth-child(1){background-color:#f7eee4}.theme-preview .bg-soft-purple span:nth-child(2){background-color:#e2bfd9}.theme-preview .bg-soft-purple span:nth-child(3){background-color:#c8a1e0}.theme-preview .bg-soft-purple span:nth-child(4){background-color:#674188}.theme-preview .bg-soft-blue span:nth-child(1){background-color:#fffbf4}.theme-preview .bg-soft-blue span:nth-child(2){background-color:#f9e2af}.theme-preview .bg-soft-blue span:nth-child(3){background-color:#3aa6b9}.theme-preview .bg-soft-blue span:nth-child(4){background-color:#36b5b0}.theme-preview .bg-stormy-pink span:nth-child(1){background-color:#fdf0f0}.theme-preview .bg-stormy-pink span:nth-child(2){background-color:#f1b4bb}.theme-preview .bg-stormy-pink span:nth-child(3){background-color:#1f4172}.theme-preview .bg-stormy-pink span:nth-child(4){background-color:#223052}.theme-preview .bg-vintage-pink span:nth-child(1){background-color:#f9f9e0}.theme-preview .bg-vintage-pink span:nth-child(2){background-color:#ffd0d0}.theme-preview .bg-vintage-pink span:nth-child(3){background-color:#aa3c63}.theme-preview .bg-vintage-pink span:nth-child(4){background-color:#0b8494}.theme-preview .bg-coffee-time span:nth-child(1){background-color:#fefaf6}.theme-preview .bg-coffee-time span:nth-child(2){background-color:#eadbc8}.theme-preview .bg-coffee-time span:nth-child(3){background-color:#af8f6f}.theme-preview .bg-coffee-time span:nth-child(4){background-color:#102c57}.theme-preview .bg-summer span:nth-child(1){background-color:#fff5e4}.theme-preview .bg-summer span:nth-child(2){background-color:#c1d8c3}.theme-preview .bg-summer span:nth-child(3){background-color:#2c7865}.theme-preview .bg-summer span:nth-child(4){background-color:#cd5c08}.theme-preview .bg-nature span:nth-child(1){background-color:#d6efd8}.theme-preview .bg-nature span:nth-child(2){background-color:#80af81}.theme-preview .bg-nature span:nth-child(3){background-color:#0d7c66}.theme-preview .bg-nature span:nth-child(4){background-color:#0a6847}.columns{--grid-gap: 1.5rem;display:grid;gap:var(--grid-gap, 1.5rem);justify-content:center}@media screen and (min-width: 40em){.columns{--grid-gap: 4rem}}@media screen and (min-width: 72em){.columns{grid-auto-flow:column;grid-template-columns:minmax(10rem,28rem) minmax(20.5rem,44.5rem);gap:0 var(--grid-gap, 1.5rem)}.columns>*{align-self:center}}.even-columns{display:grid;gap:var(--grid-gap, 1.5rem)}@media screen and (min-width: 40em){.even-columns{grid-auto-flow:column;grid-auto-columns:1fr}}.section--full-screen{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:grid;align-items:center;opacity:0}.section--full-screen.fade-in{opacity:1;transition:opacity .5s ease-in-out}.section--full-screen .fade-in>*{opacity:0;animation-name:revealContent;animation-duration:1s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.section--full-screen .fade-in>*:last-child{animation-name:revealContent;animation-duration:1s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-delay:.5s}@keyframes revealContent{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translateY(0)}}.grid-auto-fit{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(min(27rem,100%),1fr));align-items:center}.grid-auto-fit>*:only-child{width:100%;max-width:50rem;justify-self:center}.grid-row{--grid-gap: 3rem;display:grid;grid-auto-flow:row;gap:var(--grid-gap, 1.5rem)}.grid-row>*:last-child{align-self:end}.stack-grid{--max-width: 72rem;--padding-inline: clamp(1.5rem, 1.5rem + 1vw, 3rem);display:grid;grid-template-columns:minmax(var(--padding-inline),1fr) min(100% - clamp(1.5rem,1.5rem + 1vw,3rem) * 2,var(--max-width)) minmax(var(--padding-inline),1fr);grid-template-rows:clamp(7.5rem,7.5rem + 5vw,11.47rem) 1fr}.stack-grid>picture{grid-column:1/-1}.bg-img{width:100%;height:20rem}@media screen and (min-width: 50em){.bg-img{height:35rem}}.main-content{grid-column:2/-2;grid-row:2}.badge{display:inline-flex;align-items:center;justify-content:center;line-height:1;padding-block:.45em;padding-inline:1.125em;background-color:var(--card-accent);color:var(--text-clr);border-radius:.25em;min-width:fit-content}.box-shadow-1{box-shadow:0 6px 5px #00000003,0 22px 18px #00000005,0 100px 80px #00000008}.box-shadow-2{box-shadow:0 6px 5px #00000004,0 22px 18px #00000006,0 100px 80px #0000000a}.box-shadow-3{box-shadow:0 6px 5px #00000005,0 22px 18px #00000008,0 100px 80px #0000000d}.box-shadow-4{box-shadow:0 6px 5px #00000008,0 22px 18px #0000000b,0 100px 80px #00000012}.box-shadow-5{box-shadow:0 6px 5px #0000000a,0 22px 18px #0000000f,0 100px 80px #0000001a}.centered-content{display:grid;place-items:center}.bg-soft-purple-featured-clr-1{background-color:#f7eee4}.bg-soft-purple-featured-clr-2{background-color:#e2bfd9}.bg-soft-purple-featured-clr-3{background-color:#c8a1e0}.bg-soft-purple-featured-clr-4{background-color:#674188}.bg-soft-purple-featured-clr-5{background-color:#1a1024}.bg-soft-purple-featured-clr-6{background-color:#29153d}.bg-soft-blue-featured-clr-1{background-color:#fffbf4}.bg-soft-blue-featured-clr-2{background-color:#f9e2af}.bg-soft-blue-featured-clr-3{background-color:#3aa6b9}.bg-soft-blue-featured-clr-4{background-color:#36b5b0}.bg-soft-blue-featured-clr-5{background-color:#0c1e23}.bg-soft-blue-featured-clr-6{background-color:#112b34}.bg-stormy-pink-featured-clr-1{background-color:#fdf0f0}.bg-stormy-pink-featured-clr-2{background-color:#f1b4bb}.bg-stormy-pink-featured-clr-3{background-color:#1f4172}.bg-stormy-pink-featured-clr-4{background-color:#223052}.bg-stormy-pink-featured-clr-5{background-color:#1f2b47}.bg-stormy-pink-featured-clr-6{background-color:#2c375e}.bg-vintage-pink-featured-clr-1{background-color:#f9f9e0}.bg-vintage-pink-featured-clr-2{background-color:#ffd0d0}.bg-vintage-pink-featured-clr-3{background-color:#aa3c63}.bg-vintage-pink-featured-clr-4{background-color:#0b8494}.bg-vintage-pink-featured-clr-5{background-color:#0b8494}.bg-vintage-pink-featured-clr-6{background-color:#0a6f7b}.bg-coffee-time-featured-clr-1{background-color:#fefaf6}.bg-coffee-time-featured-clr-2{background-color:#eadbc8}.bg-coffee-time-featured-clr-3{background-color:#af8f6f}.bg-coffee-time-featured-clr-4{background-color:#102c57}.bg-coffee-time-featured-clr-5{background-color:#102142}.bg-coffee-time-featured-clr-6{background-color:#1c3458}.bg-summer-featured-clr-1{background-color:#fff5e4}.bg-summer-featured-clr-2{background-color:#c1d8c3}.bg-summer-featured-clr-3{background-color:#2c7865}.bg-summer-featured-clr-4{background-color:#cd5c08}.bg-summer-featured-clr-5{background-color:#1b4432}.bg-summer-featured-clr-6{background-color:#296d4d}.bg-nature-featured-clr-1{background-color:#d6efd8}.bg-nature-featured-clr-2{background-color:#80af81}.bg-nature-featured-clr-3{background-color:#0d7c66}.bg-nature-featured-clr-4{background-color:#0a6847}.bg-nature-featured-clr-5{background-color:#0b1f13}.bg-nature-featured-clr-6{background-color:#14301f}.container{--padding-inline: clamp(1.5rem, 1.5rem + 1vw, 3rem) * 2;--max-width: 72rem;width:min(100% - var(--padding-inline),var(--max-width));margin-inline:auto}.container[data-container=small]{--max-width: 50rem}.container[data-container=large]{--max-width: 84rem}.container[data-container=full-bleed]{--max-width: 100%}.flex-group{display:flex;flex-wrap:wrap;column-gap:var(--flex-column-gap, 1rem);row-gap:var(--flex-row-gap, .5rem);width:fit-content}.flex-group.mx-auto{justify-content:center}.flow>*:where(:not(:first-child)){margin-top:var(--flow-spacer, 1.5rem)}.ff-primary{font-family:"Roboto Serif",serif}.ff-secondary{font-family:Alice,system-ui}.fs-800{font-size:clamp(2.5rem,.5rem + 5vw,3rem);line-height:1.1}.fw-regular{font-weight:400}.fw-bold{font-weight:700}.bg-diamonds,.bg-long-bars,.bg-wind-rose,.bg-peppers,.bg-hypnotic,.bg-broken-dots,.bg-spaghetti{--bg-size: 64px}.article-form__radio-wrapper .bg-diamonds,.article-form__radio-wrapper .bg-long-bars,.article-form__radio-wrapper .bg-wind-rose,.article-form__radio-wrapper .bg-peppers,.article-form__radio-wrapper .bg-hypnotic,.article-form__radio-wrapper .bg-broken-dots,.article-form__radio-wrapper .bg-spaghetti{--bg-size: 10px}.main-title{font-size:clamp(3rem,.5rem + 10vw,5rem);font-weight:400;text-align:center;text-transform:uppercase;letter-spacing:.2em}.min-height{min-height:40rem}@media (max-width: 30em){.min-height{min-height:53.1rem}}.section{padding-block:clamp(3rem,5vh,5rem)}.mx-auto{margin-inline:auto}.text-center{text-align:center}.soft-purple{--text-clr: rgb(247, 238, 228);--card-accent: rgb(103, 65, 136);--card-img-bg: rgb(226, 191, 217);--card-bg-gradient: linear-gradient(to bottom right, rgb(103, 65, 136), rgb(200, 161, 224));--form-bg-gradient: linear-gradient(to bottom, rgb(26, 16, 36), rgb(41, 21, 61));--form-hover-gradient: linear-gradient(to left, rgb(103, 65, 136), rgb(200, 161, 224));--form-accent-clr: rgb(200, 161, 224);--button-bg: rgb(103, 65, 136);--button-text: rgb(247, 238, 228);--button-hover-bg: rgb(200, 161, 224);--button-hover-text: rgb(26, 16, 36);--button-outline: rgb(200, 161, 224);--card-button-outline: rgb(103, 65, 136);--card-button-hover-text: rgb(247, 238, 228);--bg-light: rgb(226, 191, 217);--bg-accent: rgb(200, 161, 224);--bg-dark: rgb(103, 65, 136);--bg-main: rgb(26, 16, 36);--scrollbar-track-clr: rgb(41, 21, 61);--scrollbar-thumb-clr: rgb(200, 161, 224)}.soft-purple .bg-chequered{background-image:repeating-conic-gradient(#674188,#674188 25%,#e2bfd9 0%,#e2bfd9 50%);background-size:10px 10px}.soft-purple .bg-polka-dot{background-color:#e2bfd9;background-image:radial-gradient(rgb(103,65,136) 2px,transparent 2px),radial-gradient(rgb(103,65,136) 2px,transparent 2px);background-position:0 0,5px 5px;background-size:10px 10px}.soft-purple .bg-carpet{background:conic-gradient(from -45deg,#674188 90deg,#0000 0,#0000 180deg,#e2bfd9 0,#e2bfd9 270deg,#0000 0) 0 5px/10px 10px,conic-gradient(from 135deg at 50% 0,#674188 90deg,#e2bfd9 0) 0 0/20px 10px}.soft-purple .bg-diagonal-stripes{background-image:repeating-linear-gradient(45deg,transparent,transparent 5px,rgb(226,191,217) 5px,rgb(226,191,217) 10px);background-color:#674188}.soft-purple .bg-diamonds{background:linear-gradient(45deg,#0000 8.3333333333%,#674188 0,#674188 16.6666666667%,#0000 0,#0000 83.3333333333%,#674188 0,#674188 91.6666666667%,#0000 0),linear-gradient(45deg,#674188 8.3333333333%,#0000 0,#0000 16.6666666667%,#674188 0,#674188 25%,#0000 0,#0000 75%,#674188 0,#674188 83.3333333333%,#0000 0,#0000 91.6666666667%,#674188 0),linear-gradient(-45deg,#0000 8.3333333333%,#674188 0,#674188 16.6666666667%,#0000 0,#0000 83.3333333333%,#674188 0,#674188 91.6666666667%,#0000 0),linear-gradient(-45deg,#674188 8.3333333333%,#0000 0,#0000 16.6666666667%,#674188 0,#674188 25%,#0000 0,#0000 75%,#674188 0,#674188 83.3333333333%,#0000 0,#0000 91.6666666667%,#674188 0) #e2bfd9;background-size:var(--bg-size) var(--bg-size);background-position:0 0,calc(var(--bg-size) / 2) calc(var(--bg-size) / 2)}.soft-purple .bg-long-bars{background:linear-gradient(135deg,#0000 18.75%,#e2bfd9 0,#e2bfd9 31.25%,#0000 0),repeating-linear-gradient(45deg,#e2bfd9 -6.25%,#e2bfd9 6.25%,#674188 0,#674188 18.75%);background-size:calc(var(--bg-size) * 2) calc(var(--bg-size) * 2)}.soft-purple .bg-wind-rose{background:conic-gradient(from -45deg at 33.3333333333% 33.3333333333%,#e2bfd9 90deg,#0000 0),conic-gradient(from -135deg at 33.3333333333% 66.6666666667%,#e2bfd9 90deg,#674188 0,#674188 135deg,#0000 0),conic-gradient(from 135deg at 66.6666666667% 66.6666666667%,#e2bfd9 90deg,#674188 0,#674188 135deg,#0000 0),conic-gradient(from 45deg at 66.6666666667% 33.3333333333%,#e2bfd9 90deg,#674188 0,#674188 135deg,#0000 0,#e2bfd9 0,#e2bfd9 225deg,#674188 0);background-size:calc(var(--bg-size) * 2) calc(var(--bg-size) * 2)}.soft-purple .bg-peppers{background:radial-gradient(calc(1.28 * var(--bg-size) + var(--bg-size) * .375 / 2) at left 50% bottom calc(-.8 * var(--bg-size)),#674188 calc(100% - var(--bg-size) * .375),#e2bfd9 calc(101% - var(--bg-size) * .375),#e2bfd9 100%,#0000 101%) calc(2 * var(--bg-size)) calc(-1 * (1.5 * var(--bg-size) + var(--bg-size) * .375)),radial-gradient(calc(1.28 * var(--bg-size) + var(--bg-size) * .375 / 2) at left 50% bottom calc(-.8 * var(--bg-size)),var(--bg-accent) calc(100% - var(--bg-size) * .375),rgb(226,191,217) calc(101% - var(--bg-size) * .375) 100%,rgba(0,0,0,0) 101%) calc(-1 * var(--bg-size)) calc((1.5 * var(--bg-size) + var(--bg-size) * .375) / -2),radial-gradient(calc(1.28 * var(--bg-size) + var(--bg-size) * .375 / 2) at left 50% top calc(-.8 * var(--bg-size)),var(--bg-accent) calc(100% - var(--bg-size) * .375),rgb(226,191,217) calc(101% - var(--bg-size) * .375) 100%,rgba(0,0,0,0) 101%) 0 calc(1.5 * var(--bg-size) + var(--bg-size) * .375),radial-gradient(calc(1.28 * var(--bg-size) + var(--bg-size) * .375 / 2) at left 50% top calc(-.8 * var(--bg-size)),#674188 calc(100% - var(--bg-size) * .375),#e2bfd9 calc(101% - var(--bg-size) * .375),#e2bfd9 100%,#0000 101%) var(--bg-size) calc((1.5 * var(--bg-size) + var(--bg-size) * .375) / 2),linear-gradient(rgb(103,65,136) 50%,var(--bg-accent) 0);background-size:calc(4 * var(--bg-size)) calc(1.5 * var(--bg-size) + var(--bg-size) * .375)}.soft-purple .bg-hypnotic{background:radial-gradient(100% 100% at 100% 100%,#0000 46%,#e2bfd9 47%,#e2bfd9 53%,#0000 54%) var(--bg-size) var(--bg-size),radial-gradient(100% 100% at 0 0,#0000 46%,#e2bfd9 47%,#e2bfd9 53%,#0000 54%) var(--bg-size) var(--bg-size),radial-gradient(100% 100%,#0000 22%,#e2bfd9 23%,#e2bfd9 29%,#0000 30%,#0000 34%,#e2bfd9 35%,#e2bfd9 41%,#0000 42%) #674188;background-size:calc(var(--bg-size) * 2) calc(var(--bg-size) * 2)}.soft-purple .bg-broken-dots{background:radial-gradient(#e2bfd9 49%,#0000 50%) calc(var(--bg-size) / -2) calc(var(--bg-size) / 2),repeating-conic-gradient(from 45deg,#674188 0,#674188 25%,#0000 0,#0000 50%) calc(var(--bg-size) / 2) calc(var(--bg-size) / 2),radial-gradient(#e2bfd9 49%,#0000 50%),radial-gradient(#e2bfd9 49%,#0000 50%) var(--bg-size) var(--bg-size) #674188;background-size:calc(2 * var(--bg-size)) calc(2 * var(--bg-size))}.soft-purple .bg-spaghetti{background:radial-gradient(at bottom right,rgb(103,65,136) 0,rgb(103,65,136) calc(var(--bg-size) * .25),rgba(103,65,136,.2) calc(var(--bg-size) * .25),rgba(103,65,136,.2) calc(var(--bg-size) * .5),rgba(103,65,136,.75) calc(var(--bg-size) * .5),rgba(103,65,136,.75) calc(var(--bg-size) * .75),rgba(103,65,136,.25) calc(var(--bg-size) * .75),rgba(103,65,136,.25) calc(var(--bg-size) * 1),rgba(103,65,136,.3) calc(var(--bg-size) * 1),rgba(103,65,136,.3) calc(var(--bg-size) * 1.25),rgba(103,65,136,.75) calc(var(--bg-size) * 1.25),rgba(103,65,136,.75) calc(var(--bg-size) * 1.5),rgba(103,65,136,.2) calc(var(--bg-size) * 1.5),rgba(103,65,136,.2) calc(var(--bg-size) * 1.75),transparent calc(var(--bg-size) * 1.75),transparent calc(var(--bg-size) * 2)),radial-gradient(at top left,transparent 0,transparent calc(var(--bg-size) * .25),rgba(103,65,136,.2) calc(var(--bg-size) * .25),rgba(103,65,136,.2) calc(var(--bg-size) * .5),rgba(103,65,136,.75) calc(var(--bg-size) * .5),rgba(103,65,136,.75) calc(var(--bg-size) * .75),rgba(103,65,136,.3) calc(var(--bg-size) * .75),rgba(103,65,136,.3) calc(var(--bg-size) * 1),rgba(103,65,136,.25) calc(var(--bg-size) * 1),rgba(103,65,136,.25) calc(var(--bg-size) * 1.25),rgba(103,65,136,.75) calc(var(--bg-size) * 1.25),rgba(103,65,136,.75) calc(var(--bg-size) * 1.5),rgba(103,65,136,.2) calc(var(--bg-size) * 1.5),rgba(103,65,136,.2) calc(var(--bg-size) * 1.75),rgb(103,65,136) calc(var(--bg-size) * 1.75),#674188 calc(var(--bg-size) * 2),transparent calc(var(--bg-size) * 2),transparent calc(var(--bg-size) * 4));background-color:#e2bfd9;background-blend-mode:multiply;background-size:calc(var(--bg-size) * 2) calc(var(--bg-size) * 2),calc(var(--bg-size) * 2) calc(var(--bg-size) * 2)}.soft-blue{--text-clr: rgb(255, 251, 244);--card-accent: rgb(58, 166, 185);--card-img-bg: rgb(58, 166, 185);--card-bg-gradient: linear-gradient(to bottom right, rgb(58, 166, 185), rgb(249, 226, 175));--form-bg-gradient: linear-gradient(to bottom, rgb(12, 30, 35), rgb(17, 43, 52));--form-hover-gradient: linear-gradient(to left, rgb(58, 166, 185), rgb(249, 226, 175));--form-accent-clr: rgb(58, 166, 185);--button-bg: rgb(249, 226, 175);--button-text: rgb(12, 30, 35);--button-hover-bg: rgb(58, 166, 185);--button-hover-text: rgb(255, 251, 244);--button-outline: rgb(58, 166, 185);--card-button-outline: rgb(58, 166, 185);--card-button-hover-text: rgb(255, 251, 244);--bg-light: rgb(249, 226, 175);--bg-accent: rgb(255, 251, 244);--bg-dark: rgb(54, 181, 176);--bg-main: rgb(12, 30, 35);--scrollbar-track-clr: rgb(17, 43, 52);--scrollbar-thumb-clr: rgb(58, 166, 185)}.soft-blue .bg-chequered{background-image:repeating-conic-gradient(#36b5b0,#36b5b0 25%,#f9e2af 0%,#f9e2af 50%);background-size:10px 10px}.soft-blue .bg-polka-dot{background-color:#f9e2af;background-image:radial-gradient(rgb(54,181,176) 2px,transparent 2px),radial-gradient(rgb(54,181,176) 2px,transparent 2px);background-position:0 0,5px 5px;background-size:10px 10px}.soft-blue .bg-carpet{background:conic-gradient(from -45deg,#36b5b0 90deg,#0000 0,#0000 180deg,#f9e2af 0,#f9e2af 270deg,#0000 0) 0 5px/10px 10px,conic-gradient(from 135deg at 50% 0,#36b5b0 90deg,#f9e2af 0) 0 0/20px 10px}.soft-blue .bg-diagonal-stripes{background-image:repeating-linear-gradient(45deg,transparent,transparent 5px,rgb(249,226,175) 5px,rgb(249,226,175) 10px);background-color:#36b5b0}.soft-blue .bg-diamonds{background:linear-gradient(45deg,#0000 8.3333333333%,#36b5b0 0,#36b5b0 16.6666666667%,#0000 0,#0000 83.3333333333%,#36b5b0 0,#36b5b0 91.6666666667%,#0000 0),linear-gradient(45deg,#36b5b0 8.3333333333%,#0000 0,#0000 16.6666666667%,#36b5b0 0,#36b5b0 25%,#0000 0,#0000 75%,#36b5b0 0,#36b5b0 83.3333333333%,#0000 0,#0000 91.6666666667%,#36b5b0 0),linear-gradient(-45deg,#0000 8.3333333333%,#36b5b0 0,#36b5b0 16.6666666667%,#0000 0,#0000 83.3333333333%,#36b5b0 0,#36b5b0 91.6666666667%,#0000 0),linear-gradient(-45deg,#36b5b0 8.3333333333%,#0000 0,#0000 16.6666666667%,#36b5b0 0,#36b5b0 25%,#0000 0,#0000 75%,#36b5b0 0,#36b5b0 83.3333333333%,#0000 0,#0000 91.6666666667%,#36b5b0 0) #f9e2af;background-size:var(--bg-size) var(--bg-size);background-position:0 0,calc(var(--bg-size) / 2) calc(var(--bg-size) / 2)}.soft-blue .bg-long-bars{background:linear-gradient(135deg,#0000 18.75%,#f9e2af 0,#f9e2af 31.25%,#0000 0),repeating-linear-gradient(45deg,#f9e2af -6.25%,#f9e2af 6.25%,#36b5b0 0,#36b5b0 18.75%);background-size:calc(var(--bg-size) * 2) calc(var(--bg-size) * 2)}.soft-blue .bg-wind-rose{background:conic-gradient(from -45deg at 33.3333333333% 33.3333333333%,#f9e2af 90deg,#0000 0),conic-gradient(from -135deg at 33.3333333333% 66.6666666667%,#f9e2af 90deg,#36b5b0 0,#36b5b0 135deg,#0000 0),conic-gradient(from 135deg at 66.6666666667% 66.6666666667%,#f9e2af 90deg,#36b5b0 0,#36b5b0 135deg,#0000 0),conic-gradient(from 45deg at 66.6666666667% 33.3333333333%,#f9e2af 90deg,#36b5b0 0,#36b5b0 135deg,#0000 0,#f9e2af 0,#f9e2af 225deg,#36b5b0 0);background-size:calc(var(--bg-size) * 2) calc(var(--bg-size) * 2)}.soft-blue .bg-peppers{background:radial-gradient(calc(1.28 * var(--bg-size) + var(--bg-size) * .375 / 2) at left 50% bottom calc(-.8 * var(--bg-size)),#36b5b0 calc(100% - var(--bg-size) * .375),#f9e2af calc(101% - var(--bg-size) * .375),#f9e2af 100%,#0000 101%) calc(2 * var(--bg-size)) calc(-1 * (1.5 * var(--bg-size) + var(--bg-size) * .375)),radial-gradient(calc(1.28 * var(--bg-size) + var(--bg-size) * .375 / 2) at left 50% bottom calc(-.8 * var(--bg-size)),var(--bg-accent) calc(100% - var(--bg-size) * .375),rgb(249,226,175) calc(101% - var(--bg-size) * .375) 100%,rgba(0,0,0,0) 101%) calc(-1 * var(--bg-size)) calc((1.5 * var(--bg-size) + var(--bg-size) * .375) / -2),radial-gradient(calc(1.28 * var(--bg-size) + var(--bg-size) * .375 / 2) at left 50% top calc(-.8 * var(--bg-size)),var(--bg-accent) calc(100% - var(--bg-size) * .375),rgb(249,226,175) calc(101% - var(--bg-size) * .375) 100%,rgba(0,0,0,0) 101%) 0 calc(1.5 * var(--bg-size) + var(--bg-size) * .375),radial-gradient(calc(1.28 * var(--bg-size) + var(--bg-size) * .375 / 2) at left 50% top calc(-.8 * var(--bg-size)),#36b5b0 calc(100% - var(--bg-size) * .375),#f9e2af calc(101% - var(--bg-size) * .375),#f9e2af 100%,#0000 101%) var(--bg-size) calc((1.5 * var(--bg-size) + var(--bg-size) * .375) / 2),linear-gradient(rgb(54,181,176) 50%,var(--bg-accent) 0);background-size:calc(4 * var(--bg-size)) calc(1.5 * var(--bg-size) + var(--bg-size) * .375)}.soft-blue .bg-hypnotic{background:radial-gradient(100% 100% at 100% 100%,#0000 46%,#f9e2af 47%,#f9e2af 53%,#0000 54%) var(--bg-size) var(--bg-size),radial-gradient(100% 100% at 0 0,#0000 46%,#f9e2af 47%,#f9e2af 53%,#0000 54%) var(--bg-size) var(--bg-size),radial-gradient(100% 100%,#0000 22%,#f9e2af 23%,#f9e2af 29%,#0000 30%,#0000 34%,#f9e2af 35%,#f9e2af 41%,#0000 42%) #36b5b0;background-size:calc(var(--bg-size) * 2) calc(var(--bg-size) * 2)}.soft-blue .bg-broken-dots{background:radial-gradient(#f9e2af 49%,#0000 50%) calc(var(--bg-size) / -2) calc(var(--bg-size) / 2),repeating-conic-gradient(from 45deg,#36b5b0 0,#36b5b0 25%,#0000 0,#0000 50%) calc(var(--bg-size) / 2) calc(var(--bg-size) / 2),radial-gradient(#f9e2af 49%,#0000 50%),radial-gradient(#f9e2af 49%,#0000 50%) var(--bg-size) var(--bg-size) #36b5b0;background-size:calc(2 * var(--bg-size)) calc(2 * var(--bg-size))}.soft-blue .bg-spaghetti{background:radial-gradient(at bottom right,rgb(54,181,176) 0,rgb(54,181,176) calc(var(--bg-size) * .25),rgba(54,181,176,.2) calc(var(--bg-size) * .25),rgba(54,181,176,.2) calc(var(--bg-size) * .5),rgba(54,181,176,.75) calc(var(--bg-size) * .5),rgba(54,181,176,.75) calc(var(--bg-size) * .75),rgba(54,181,176,.25) calc(var(--bg-size) * .75),rgba(54,181,176,.25) calc(var(--bg-size) * 1),rgba(54,181,176,.3) calc(var(--bg-size) * 1),rgba(54,181,176,.3) calc(var(--bg-size) * 1.25),rgba(54,181,176,.75) calc(var(--bg-size) * 1.25),rgba(54,181,176,.75) calc(var(--bg-size) * 1.5),rgba(54,181,176,.2) calc(var(--bg-size) * 1.5),rgba(54,181,176,.2) calc(var(--bg-size) * 1.75),transparent calc(var(--bg-size) * 1.75),transparent calc(var(--bg-size) * 2)),radial-gradient(at top left,transparent 0,transparent calc(var(--bg-size) * .25),rgba(54,181,176,.2) calc(var(--bg-size) * .25),rgba(54,181,176,.2) calc(var(--bg-size) * .5),rgba(54,181,176,.75) calc(var(--bg-size) * .5),rgba(54,181,176,.75) calc(var(--bg-size) * .75),rgba(54,181,176,.3) calc(var(--bg-size) * .75),rgba(54,181,176,.3) calc(var(--bg-size) * 1),rgba(54,181,176,.25) calc(var(--bg-size) * 1),rgba(54,181,176,.25) calc(var(--bg-size) * 1.25),rgba(54,181,176,.75) calc(var(--bg-size) * 1.25),rgba(54,181,176,.75) calc(var(--bg-size) * 1.5),rgba(54,181,176,.2) calc(var(--bg-size) * 1.5),rgba(54,181,176,.2) calc(var(--bg-size) * 1.75),rgb(54,181,176) calc(var(--bg-size) * 1.75),#36b5b0 calc(var(--bg-size) * 2),transparent calc(var(--bg-size) * 2),transparent calc(var(--bg-size) * 4));background-color:#f9e2af;background-blend-mode:multiply;background-size:calc(var(--bg-size) * 2) calc(var(--bg-size) * 2),calc(var(--bg-size) * 2) calc(var(--bg-size) * 2)}.stormy-pink{--text-clr: rgb(253, 240, 240);--card-accent: rgb(31, 65, 114);--card-img-bg: rgb(34, 48, 82);--card-bg-gradient: linear-gradient(to bottom right, rgb(241, 180, 187), rgb(31, 65, 114));--form-bg-gradient: linear-gradient(to bottom, rgb(31, 43, 71), rgb(44, 55, 94));--form-hover-gradient: linear-gradient(to left, rgb(241, 180, 187), rgb(31, 65, 114));--form-accent-clr: rgb(241, 180, 187);--button-bg: rgb(31, 65, 114);--button-text: rgb(253, 240, 240);--button-hover-bg: rgb(241, 180, 187);--button-hover-text: rgb(31, 43, 71);--button-outline: rgb(241, 180, 187);--card-button-outline: rgb(34, 48, 82);--card-button-hover-text: rgb(253, 240, 240);--bg-light: rgb(241, 180, 187);--bg-accent: rgb(34, 48, 82);--bg-dark: rgb(31, 65, 114);--bg-main: rgb(31, 43, 71);--scrollbar-track-clr: rgb(44, 55, 94);--scrollbar-thumb-clr: rgb(31, 65, 114)}.stormy-pink .bg-chequered{background-image:repeating-conic-gradient(#1f4172,#1f4172 25%,#f1b4bb 0%,#f1b4bb 50%);background-size:10px 10px}.stormy-pink .bg-polka-dot{background-color:#f1b4bb;background-image:radial-gradient(rgb(31,65,114) 2px,transparent 2px),radial-gradient(rgb(31,65,114) 2px,transparent 2px);background-position:0 0,5px 5px;background-size:10px 10px}.stormy-pink .bg-carpet{background:conic-gradient(from -45deg,#1f4172 90deg,#0000 0,#0000 180deg,#f1b4bb 0,#f1b4bb 270deg,#0000 0) 0 5px/10px 10px,conic-gradient(from 135deg at 50% 0,#1f4172 90deg,#f1b4bb 0) 0 0/20px 10px}.stormy-pink .bg-diagonal-stripes{background-image:repeating-linear-gradient(45deg,transparent,transparent 5px,rgb(241,180,187) 5px,rgb(241,180,187) 10px);background-color:#1f4172}.stormy-pink .bg-diamonds{background:linear-gradient(45deg,#0000 8.3333333333%,#1f4172 0,#1f4172 16.6666666667%,#0000 0,#0000 83.3333333333%,#1f4172 0,#1f4172 91.6666666667%,#0000 0),linear-gradient(45deg,#1f4172 8.3333333333%,#0000 0,#0000 16.6666666667%,#1f4172 0,#1f4172 25%,#0000 0,#0000 75%,#1f4172 0,#1f4172 83.3333333333%,#0000 0,#0000 91.6666666667%,#1f4172 0),linear-gradient(-45deg,#0000 8.3333333333%,#1f4172 0,#1f4172 16.6666666667%,#0000 0,#0000 83.3333333333%,#1f4172 0,#1f4172 91.6666666667%,#0000 0),linear-gradient(-45deg,#1f4172 8.3333333333%,#0000 0,#0000 16.6666666667%,#1f4172 0,#1f4172 25%,#0000 0,#0000 75%,#1f4172 0,#1f4172 83.3333333333%,#0000 0,#0000 91.6666666667%,#1f4172 0) #f1b4bb;background-size:var(--bg-size) var(--bg-size);background-position:0 0,calc(var(--bg-size) / 2) calc(var(--bg-size) / 2)}.stormy-pink .bg-long-bars{background:linear-gradient(135deg,#0000 18.75%,#f1b4bb 0,#f1b4bb 31.25%,#0000 0),repeating-linear-gradient(45deg,#f1b4bb -6.25%,#f1b4bb 6.25%,#1f4172 0,#1f4172 18.75%);background-size:calc(var(--bg-size) * 2) calc(var(--bg-size) * 2)}.stormy-pink .bg-wind-rose{background:conic-gradient(from -45deg at 33.3333333333% 33.3333333333%,#f1b4bb 90deg,#0000 0),conic-gradient(from -135deg at 33.3333333333% 66.6666666667%,#f1b4bb 90deg,#1f4172 0,#1f4172 135deg,#0000 0),conic-gradient(from 135deg at 66.6666666667% 66.6666666667%,#f1b4bb 90deg,#1f4172 0,#1f4172 135deg,#0000 0),conic-gradient(from 45deg at 66.6666666667% 33.3333333333%,#f1b4bb 90deg,#1f4172 0,#1f4172 135deg,#0000 0,#f1b4bb 0,#f1b4bb 225deg,#1f4172 0);background-size:calc(var(--bg-size) * 2) calc(var(--bg-size) * 2)}.stormy-pink .bg-peppers{background:radial-gradient(calc(1.28 * var(--bg-size) + var(--bg-size) * .375 / 2) at left 50% bottom calc(-.8 * var(--bg-size)),#1f4172 calc(100% - var(--bg-size) * .375),#f1b4bb calc(101% - var(--bg-size) * .375),#f1b4bb 100%,#0000 101%) calc(2 * var(--bg-size)) calc(-1 * (1.5 * var(--bg-size) + var(--bg-size) * .375)),radial-gradient(calc(1.28 * var(--bg-size) + var(--bg-size) * .375 / 2) at left 50% bottom calc(-.8 * var(--bg-size)),var(--bg-accent) calc(100% - var(--bg-size) * .375),rgb(241,180,187) calc(101% - var(--bg-size) * .375) 100%,rgba(0,0,0,0) 101%) calc(-1 * var(--bg-size)) calc((1.5 * var(--bg-size) + var(--bg-size) * .375) / -2),radial-gradient(calc(1.28 * var(--bg-size) + var(--bg-size) * .375 / 2) at left 50% top calc(-.8 * var(--bg-size)),var(--bg-accent) calc(100% - var(--bg-size) * .375),rgb(241,180,187) calc(101% - var(--bg-size) * .375) 100%,rgba(0,0,0,0) 101%) 0 calc(1.5 * var(--bg-size) + var(--bg-size) * .375),radial-gradient(calc(1.28 * var(--bg-size) + var(--bg-size) * .375 / 2) at left 50% top calc(-.8 * var(--bg-size)),#1f4172 calc(100% - var(--bg-size) * .375),#f1b4bb calc(101% - var(--bg-size) * .375),#f1b4bb 100%,#0000 101%) var(--bg-size) calc((1.5 * var(--bg-size) + var(--bg-size) * .375) / 2),linear-gradient(rgb(31,65,114) 50%,var(--bg-accent) 0);background-size:calc(4 * var(--bg-size)) calc(1.5 * var(--bg-size) + var(--bg-size) * .375)}.stormy-pink .bg-hypnotic{background:radial-gradient(100% 100% at 100% 100%,#0000 46%,#f1b4bb 47%,#f1b4bb 53%,#0000 54%) var(--bg-size) var(--bg-size),radial-gradient(100% 100% at 0 0,#0000 46%,#f1b4bb 47%,#f1b4bb 53%,#0000 54%) var(--bg-size) var(--bg-size),radial-gradient(100% 100%,#0000 22%,#f1b4bb 23%,#f1b4bb 29%,#0000 30%,#0000 34%,#f1b4bb 35%,#f1b4bb 41%,#0000 42%) #1f4172;background-size:calc(var(--bg-size) * 2) calc(var(--bg-size) * 2)}.stormy-pink .bg-broken-dots{background:radial-gradient(#f1b4bb 49%,#0000 50%) calc(var(--bg-size) / -2) calc(var(--bg-size) / 2),repeating-conic-gradient(from 45deg,#1f4172 0,#1f4172 25%,#0000 0,#0000 50%) calc(var(--bg-size) / 2) calc(var(--bg-size) / 2),radial-gradient(#f1b4bb 49%,#0000 50%),radial-gradient(#f1b4bb 49%,#0000 50%) var(--bg-size) var(--bg-size) #1f4172;background-size:calc(2 * var(--bg-size)) calc(2 * var(--bg-size))}.stormy-pink .bg-spaghetti{background:radial-gradient(at bottom right,rgb(31,65,114) 0,rgb(31,65,114) calc(var(--bg-size) * .25),rgba(31,65,114,.2) calc(var(--bg-size) * .25),rgba(31,65,114,.2) calc(var(--bg-size) * .5),rgba(31,65,114,.75) calc(var(--bg-size) * .5),rgba(31,65,114,.75) calc(var(--bg-size) * .75),rgba(31,65,114,.25) calc(var(--bg-size) * .75),rgba(31,65,114,.25) calc(var(--bg-size) * 1),rgba(31,65,114,.3) calc(var(--bg-size) * 1),rgba(31,65,114,.3) calc(var(--bg-size) * 1.25),rgba(31,65,114,.75) calc(var(--bg-size) * 1.25),rgba(31,65,114,.75) calc(var(--bg-size) * 1.5),rgba(31,65,114,.2) calc(var(--bg-size) * 1.5),rgba(31,65,114,.2) calc(var(--bg-size) * 1.75),transparent calc(var(--bg-size) * 1.75),transparent calc(var(--bg-size) * 2)),radial-gradient(at top left,transparent 0,transparent calc(var(--bg-size) * .25),rgba(31,65,114,.2) calc(var(--bg-size) * .25),rgba(31,65,114,.2) calc(var(--bg-size) * .5),rgba(31,65,114,.75) calc(var(--bg-size) * .5),rgba(31,65,114,.75) calc(var(--bg-size) * .75),rgba(31,65,114,.3) calc(var(--bg-size) * .75),rgba(31,65,114,.3) calc(var(--bg-size) * 1),rgba(31,65,114,.25) calc(var(--bg-size) * 1),rgba(31,65,114,.25) calc(var(--bg-size) * 1.25),rgba(31,65,114,.75) calc(var(--bg-size) * 1.25),rgba(31,65,114,.75) calc(var(--bg-size) * 1.5),rgba(31,65,114,.2) calc(var(--bg-size) * 1.5),rgba(31,65,114,.2) calc(var(--bg-size) * 1.75),rgb(31,65,114) calc(var(--bg-size) * 1.75),#1f4172 calc(var(--bg-size) * 2),transparent calc(var(--bg-size) * 2),transparent calc(var(--bg-size) * 4));background-color:#f1b4bb;background-blend-mode:multiply;background-size:calc(var(--bg-size) * 2) calc(var(--bg-size) * 2),calc(var(--bg-size) * 2) calc(var(--bg-size) * 2)}.vintage-pink{--text-clr: rgb(249, 249, 224);--card-accent: rgb(11, 132, 148);--card-img-bg: rgb(170, 60, 99);--card-bg-gradient: linear-gradient(to bottom right, rgb(170, 60, 99), rgb(255, 208, 208));--form-bg-gradient: linear-gradient(to bottom, rgb(11, 132, 148), rgb(10, 111, 123));--form-hover-gradient: linear-gradient(to left, rgb(170, 60, 99), rgb(255, 208, 208));--form-accent-clr: rgb(255, 208, 208);--button-bg: rgb(170, 60, 99);--button-text: rgb(249, 249, 224);--button-hover-bg: rgb(255, 208, 208);--button-hover-text: rgb(11, 132, 148);--button-outline: rgb(255, 208, 208);--card-button-outline: rgb(11, 132, 148);--card-button-hover-text: rgb(249, 249, 224);--bg-light: rgb(255, 208, 208);--bg-accent: rgb(170, 60, 99);--bg-dark: rgb(11, 132, 148);--bg-main: rgb(11, 132, 148);--scrollbar-track-clr: rgb(10, 111, 123);--scrollbar-thumb-clr: rgb(170, 60, 99)}.vintage-pink .bg-chequered{background-image:repeating-conic-gradient(#0b8494,#0b8494 25%,#ffd0d0 0%,#ffd0d0 50%);background-size:10px 10px}.vintage-pink .bg-polka-dot{background-color:#ffd0d0;background-image:radial-gradient(rgb(11,132,148) 2px,transparent 2px),radial-gradient(rgb(11,132,148) 2px,transparent 2px);background-position:0 0,5px 5px;background-size:10px 10px}.vintage-pink .bg-carpet{background:conic-gradient(from -45deg,#0b8494 90deg,#0000 0,#0000 180deg,#ffd0d0 0,#ffd0d0 270deg,#0000 0) 0 5px/10px 10px,conic-gradient(from 135deg at 50% 0,#0b8494 90deg,#ffd0d0 0) 0 0/20px 10px}.vintage-pink .bg-diagonal-stripes{background-image:repeating-linear-gradient(45deg,transparent,transparent 5px,rgb(255,208,208) 5px,rgb(255,208,208) 10px);background-color:#0b8494}.vintage-pink .bg-diamonds{background:linear-gradient(45deg,#0000 8.3333333333%,#0b8494 0,#0b8494 16.6666666667%,#0000 0,#0000 83.3333333333%,#0b8494 0,#0b8494 91.6666666667%,#0000 0),linear-gradient(45deg,#0b8494 8.3333333333%,#0000 0,#0000 16.6666666667%,#0b8494 0,#0b8494 25%,#0000 0,#0000 75%,#0b8494 0,#0b8494 83.3333333333%,#0000 0,#0000 91.6666666667%,#0b8494 0),linear-gradient(-45deg,#0000 8.3333333333%,#0b8494 0,#0b8494 16.6666666667%,#0000 0,#0000 83.3333333333%,#0b8494 0,#0b8494 91.6666666667%,#0000 0),linear-gradient(-45deg,#0b8494 8.3333333333%,#0000 0,#0000 16.6666666667%,#0b8494 0,#0b8494 25%,#0000 0,#0000 75%,#0b8494 0,#0b8494 83.3333333333%,#0000 0,#0000 91.6666666667%,#0b8494 0) #ffd0d0;background-size:var(--bg-size) var(--bg-size);background-position:0 0,calc(var(--bg-size) / 2) calc(var(--bg-size) / 2)}.vintage-pink .bg-long-bars{background:linear-gradient(135deg,#0000 18.75%,#ffd0d0 0,#ffd0d0 31.25%,#0000 0),repeating-linear-gradient(45deg,#ffd0d0 -6.25%,#ffd0d0 6.25%,#0b8494 0,#0b8494 18.75%);background-size:calc(var(--bg-size) * 2) calc(var(--bg-size) * 2)}.vintage-pink .bg-wind-rose{background:conic-gradient(from -45deg at 33.3333333333% 33.3333333333%,#ffd0d0 90deg,#0000 0),conic-gradient(from -135deg at 33.3333333333% 66.6666666667%,#ffd0d0 90deg,#0b8494 0,#0b8494 135deg,#0000 0),conic-gradient(from 135deg at 66.6666666667% 66.6666666667%,#ffd0d0 90deg,#0b8494 0,#0b8494 135deg,#0000 0),conic-gradient(from 45deg at 66.6666666667% 33.3333333333%,#ffd0d0 90deg,#0b8494 0,#0b8494 135deg,#0000 0,#ffd0d0 0,#ffd0d0 225deg,#0b8494 0);background-size:calc(var(--bg-size) * 2) calc(var(--bg-size) * 2)}.vintage-pink .bg-peppers{background:radial-gradient(calc(1.28 * var(--bg-size) + var(--bg-size) * .375 / 2) at left 50% bottom calc(-.8 * var(--bg-size)),#0b8494 calc(100% - var(--bg-size) * .375),#ffd0d0 calc(101% - var(--bg-size) * .375),#ffd0d0 100%,#0000 101%) calc(2 * var(--bg-size)) calc(-1 * (1.5 * var(--bg-size) + var(--bg-size) * .375)),radial-gradient(calc(1.28 * var(--bg-size) + var(--bg-size) * .375 / 2) at left 50% bottom calc(-.8 * var(--bg-size)),var(--bg-accent) calc(100% - var(--bg-size) * .375),rgb(255,208,208) calc(101% - var(--bg-size) * .375) 100%,rgba(0,0,0,0) 101%) calc(-1 * var(--bg-size)) calc((1.5 * var(--bg-size) + var(--bg-size) * .375) / -2),radial-gradient(calc(1.28 * var(--bg-size) + var(--bg-size) * .375 / 2) at left 50% top calc(-.8 * var(--bg-size)),var(--bg-accent) calc(100% - var(--bg-size) * .375),rgb(255,208,208) calc(101% - var(--bg-size) * .375) 100%,rgba(0,0,0,0) 101%) 0 calc(1.5 * var(--bg-size) + var(--bg-size) * .375),radial-gradient(calc(1.28 * var(--bg-size) + var(--bg-size) * .375 / 2) at left 50% top calc(-.8 * var(--bg-size)),#0b8494 calc(100% - var(--bg-size) * .375),#ffd0d0 calc(101% - var(--bg-size) * .375),#ffd0d0 100%,#0000 101%) var(--bg-size) calc((1.5 * var(--bg-size) + var(--bg-size) * .375) / 2),linear-gradient(rgb(11,132,148) 50%,var(--bg-accent) 0);background-size:calc(4 * var(--bg-size)) calc(1.5 * var(--bg-size) + var(--bg-size) * .375)}.vintage-pink .bg-hypnotic{background:radial-gradient(100% 100% at 100% 100%,#0000 46%,#ffd0d0 47%,#ffd0d0 53%,#0000 54%) var(--bg-size) var(--bg-size),radial-gradient(100% 100% at 0 0,#0000 46%,#ffd0d0 47%,#ffd0d0 53%,#0000 54%) var(--bg-size) var(--bg-size),radial-gradient(100% 100%,#0000 22%,#ffd0d0 23%,#ffd0d0 29%,#0000 30%,#0000 34%,#ffd0d0 35%,#ffd0d0 41%,#0000 42%) #0b8494;background-size:calc(var(--bg-size) * 2) calc(var(--bg-size) * 2)}.vintage-pink .bg-broken-dots{background:radial-gradient(#ffd0d0 49%,#0000 50%) calc(var(--bg-size) / -2) calc(var(--bg-size) / 2),repeating-conic-gradient(from 45deg,#0b8494 0,#0b8494 25%,#0000 0,#0000 50%) calc(var(--bg-size) / 2) calc(var(--bg-size) / 2),radial-gradient(#ffd0d0 49%,#0000 50%),radial-gradient(#ffd0d0 49%,#0000 50%) var(--bg-size) var(--bg-size) #0b8494;background-size:calc(2 * var(--bg-size)) calc(2 * var(--bg-size))}.vintage-pink .bg-spaghetti{background:radial-gradient(at bottom right,rgb(11,132,148) 0,rgb(11,132,148) calc(var(--bg-size) * .25),rgba(11,132,148,.2) calc(var(--bg-size) * .25),rgba(11,132,148,.2) calc(var(--bg-size) * .5),rgba(11,132,148,.75) calc(var(--bg-size) * .5),rgba(11,132,148,.75) calc(var(--bg-size) * .75),rgba(11,132,148,.25) calc(var(--bg-size) * .75),rgba(11,132,148,.25) calc(var(--bg-size) * 1),rgba(11,132,148,.3) calc(var(--bg-size) * 1),rgba(11,132,148,.3) calc(var(--bg-size) * 1.25),rgba(11,132,148,.75) calc(var(--bg-size) * 1.25),rgba(11,132,148,.75) calc(var(--bg-size) * 1.5),rgba(11,132,148,.2) calc(var(--bg-size) * 1.5),rgba(11,132,148,.2) calc(var(--bg-size) * 1.75),transparent calc(var(--bg-size) * 1.75),transparent calc(var(--bg-size) * 2)),radial-gradient(at top left,transparent 0,transparent calc(var(--bg-size) * .25),rgba(11,132,148,.2) calc(var(--bg-size) * .25),rgba(11,132,148,.2) calc(var(--bg-size) * .5),rgba(11,132,148,.75) calc(var(--bg-size) * .5),rgba(11,132,148,.75) calc(var(--bg-size) * .75),rgba(11,132,148,.3) calc(var(--bg-size) * .75),rgba(11,132,148,.3) calc(var(--bg-size) * 1),rgba(11,132,148,.25) calc(var(--bg-size) * 1),rgba(11,132,148,.25) calc(var(--bg-size) * 1.25),rgba(11,132,148,.75) calc(var(--bg-size) * 1.25),rgba(11,132,148,.75) calc(var(--bg-size) * 1.5),rgba(11,132,148,.2) calc(var(--bg-size) * 1.5),rgba(11,132,148,.2) calc(var(--bg-size) * 1.75),rgb(11,132,148) calc(var(--bg-size) * 1.75),#0b8494 calc(var(--bg-size) * 2),transparent calc(var(--bg-size) * 2),transparent calc(var(--bg-size) * 4));background-color:#ffd0d0;background-blend-mode:multiply;background-size:calc(var(--bg-size) * 2) calc(var(--bg-size) * 2),calc(var(--bg-size) * 2) calc(var(--bg-size) * 2)}.coffee-time{--text-clr: rgb(254, 250, 246);--card-accent: rgb(16, 44, 87);--card-img-bg: rgb(16, 44, 87);--card-bg-gradient: linear-gradient(to bottom right, rgb(175, 143, 111), rgb(234, 219, 200));--form-bg-gradient: linear-gradient(to bottom, rgb(16, 33, 66), rgb(28, 52, 88));--form-hover-gradient: linear-gradient(to left, rgb(175, 143, 111), rgb(234, 219, 200));--form-accent-clr: rgb(175, 143, 111);--button-bg: rgb(175, 143, 111);--button-text: rgb(16, 33, 66);--button-hover-bg: rgb(234, 219, 200);--button-hover-text: rgb(16, 33, 66);--button-outline: rgb(234, 219, 200);--card-button-outline: rgb(16, 44, 87);--card-button-hover-text: rgb(254, 250, 246);--bg-light: rgb(234, 219, 200);--bg-accent: rgb(175, 143, 111);--bg-dark: rgb(16, 44, 87);--bg-main: rgb(16, 33, 66);--scrollbar-track-clr: rgb(28, 52, 88);--scrollbar-thumb-clr: rgb(175, 143, 111)}.coffee-time .bg-chequered{background-image:repeating-conic-gradient(#102c57,#102c57 25%,#eadbc8 0%,#eadbc8 50%);background-size:10px 10px}.coffee-time .bg-polka-dot{background-color:#eadbc8;background-image:radial-gradient(rgb(16,44,87) 2px,transparent 2px),radial-gradient(rgb(16,44,87) 2px,transparent 2px);background-position:0 0,5px 5px;background-size:10px 10px}.coffee-time .bg-carpet{background:conic-gradient(from -45deg,#102c57 90deg,#0000 0,#0000 180deg,#eadbc8 0,#eadbc8 270deg,#0000 0) 0 5px/10px 10px,conic-gradient(from 135deg at 50% 0,#102c57 90deg,#eadbc8 0) 0 0/20px 10px}.coffee-time .bg-diagonal-stripes{background-image:repeating-linear-gradient(45deg,transparent,transparent 5px,rgb(234,219,200) 5px,rgb(234,219,200) 10px);background-color:#102c57}.coffee-time .bg-diamonds{background:linear-gradient(45deg,#0000 8.3333333333%,#102c57 0,#102c57 16.6666666667%,#0000 0,#0000 83.3333333333%,#102c57 0,#102c57 91.6666666667%,#0000 0),linear-gradient(45deg,#102c57 8.3333333333%,#0000 0,#0000 16.6666666667%,#102c57 0,#102c57 25%,#0000 0,#0000 75%,#102c57 0,#102c57 83.3333333333%,#0000 0,#0000 91.6666666667%,#102c57 0),linear-gradient(-45deg,#0000 8.3333333333%,#102c57 0,#102c57 16.6666666667%,#0000 0,#0000 83.3333333333%,#102c57 0,#102c57 91.6666666667%,#0000 0),linear-gradient(-45deg,#102c57 8.3333333333%,#0000 0,#0000 16.6666666667%,#102c57 0,#102c57 25%,#0000 0,#0000 75%,#102c57 0,#102c57 83.3333333333%,#0000 0,#0000 91.6666666667%,#102c57 0) #eadbc8;background-size:var(--bg-size) var(--bg-size);background-position:0 0,calc(var(--bg-size) / 2) calc(var(--bg-size) / 2)}.coffee-time .bg-long-bars{background:linear-gradient(135deg,#0000 18.75%,#eadbc8 0,#eadbc8 31.25%,#0000 0),repeating-linear-gradient(45deg,#eadbc8 -6.25%,#eadbc8 6.25%,#102c57 0,#102c57 18.75%);background-size:calc(var(--bg-size) * 2) calc(var(--bg-size) * 2)}.coffee-time .bg-wind-rose{background:conic-gradient(from -45deg at 33.3333333333% 33.3333333333%,#eadbc8 90deg,#0000 0),conic-gradient(from -135deg at 33.3333333333% 66.6666666667%,#eadbc8 90deg,#102c57 0,#102c57 135deg,#0000 0),conic-gradient(from 135deg at 66.6666666667% 66.6666666667%,#eadbc8 90deg,#102c57 0,#102c57 135deg,#0000 0),conic-gradient(from 45deg at 66.6666666667% 33.3333333333%,#eadbc8 90deg,#102c57 0,#102c57 135deg,#0000 0,#eadbc8 0,#eadbc8 225deg,#102c57 0);background-size:calc(var(--bg-size) * 2) calc(var(--bg-size) * 2)}.coffee-time .bg-peppers{background:radial-gradient(calc(1.28 * var(--bg-size) + var(--bg-size) * .375 / 2) at left 50% bottom calc(-.8 * var(--bg-size)),#102c57 calc(100% - var(--bg-size) * .375),#eadbc8 calc(101% - var(--bg-size) * .375),#eadbc8 100%,#0000 101%) calc(2 * var(--bg-size)) calc(-1 * (1.5 * var(--bg-size) + var(--bg-size) * .375)),radial-gradient(calc(1.28 * var(--bg-size) + var(--bg-size) * .375 / 2) at left 50% bottom calc(-.8 * var(--bg-size)),var(--bg-accent) calc(100% - var(--bg-size) * .375),rgb(234,219,200) calc(101% - var(--bg-size) * .375) 100%,rgba(0,0,0,0) 101%) calc(-1 * var(--bg-size)) calc((1.5 * var(--bg-size) + var(--bg-size) * .375) / -2),radial-gradient(calc(1.28 * var(--bg-size) + var(--bg-size) * .375 / 2) at left 50% top calc(-.8 * var(--bg-size)),var(--bg-accent) calc(100% - var(--bg-size) * .375),rgb(234,219,200) calc(101% - var(--bg-size) * .375) 100%,rgba(0,0,0,0) 101%) 0 calc(1.5 * var(--bg-size) + var(--bg-size) * .375),radial-gradient(calc(1.28 * var(--bg-size) + var(--bg-size) * .375 / 2) at left 50% top calc(-.8 * var(--bg-size)),#102c57 calc(100% - var(--bg-size) * .375),#eadbc8 calc(101% - var(--bg-size) * .375),#eadbc8 100%,#0000 101%) var(--bg-size) calc((1.5 * var(--bg-size) + var(--bg-size) * .375) / 2),linear-gradient(rgb(16,44,87) 50%,var(--bg-accent) 0);background-size:calc(4 * var(--bg-size)) calc(1.5 * var(--bg-size) + var(--bg-size) * .375)}.coffee-time .bg-hypnotic{background:radial-gradient(100% 100% at 100% 100%,#0000 46%,#eadbc8 47%,#eadbc8 53%,#0000 54%) var(--bg-size) var(--bg-size),radial-gradient(100% 100% at 0 0,#0000 46%,#eadbc8 47%,#eadbc8 53%,#0000 54%) var(--bg-size) var(--bg-size),radial-gradient(100% 100%,#0000 22%,#eadbc8 23%,#eadbc8 29%,#0000 30%,#0000 34%,#eadbc8 35%,#eadbc8 41%,#0000 42%) #102c57;background-size:calc(var(--bg-size) * 2) calc(var(--bg-size) * 2)}.coffee-time .bg-broken-dots{background:radial-gradient(#eadbc8 49%,#0000 50%) calc(var(--bg-size) / -2) calc(var(--bg-size) / 2),repeating-conic-gradient(from 45deg,#102c57 0,#102c57 25%,#0000 0,#0000 50%) calc(var(--bg-size) / 2) calc(var(--bg-size) / 2),radial-gradient(#eadbc8 49%,#0000 50%),radial-gradient(#eadbc8 49%,#0000 50%) var(--bg-size) var(--bg-size) #102c57;background-size:calc(2 * var(--bg-size)) calc(2 * var(--bg-size))}.coffee-time .bg-spaghetti{background:radial-gradient(at bottom right,rgb(16,44,87) 0,rgb(16,44,87) calc(var(--bg-size) * .25),rgba(16,44,87,.2) calc(var(--bg-size) * .25),rgba(16,44,87,.2) calc(var(--bg-size) * .5),rgba(16,44,87,.75) calc(var(--bg-size) * .5),rgba(16,44,87,.75) calc(var(--bg-size) * .75),rgba(16,44,87,.25) calc(var(--bg-size) * .75),rgba(16,44,87,.25) calc(var(--bg-size) * 1),rgba(16,44,87,.3) calc(var(--bg-size) * 1),rgba(16,44,87,.3) calc(var(--bg-size) * 1.25),rgba(16,44,87,.75) calc(var(--bg-size) * 1.25),rgba(16,44,87,.75) calc(var(--bg-size) * 1.5),rgba(16,44,87,.2) calc(var(--bg-size) * 1.5),rgba(16,44,87,.2) calc(var(--bg-size) * 1.75),transparent calc(var(--bg-size) * 1.75),transparent calc(var(--bg-size) * 2)),radial-gradient(at top left,transparent 0,transparent calc(var(--bg-size) * .25),rgba(16,44,87,.2) calc(var(--bg-size) * .25),rgba(16,44,87,.2) calc(var(--bg-size) * .5),rgba(16,44,87,.75) calc(var(--bg-size) * .5),rgba(16,44,87,.75) calc(var(--bg-size) * .75),rgba(16,44,87,.3) calc(var(--bg-size) * .75),rgba(16,44,87,.3) calc(var(--bg-size) * 1),rgba(16,44,87,.25) calc(var(--bg-size) * 1),rgba(16,44,87,.25) calc(var(--bg-size) * 1.25),rgba(16,44,87,.75) calc(var(--bg-size) * 1.25),rgba(16,44,87,.75) calc(var(--bg-size) * 1.5),rgba(16,44,87,.2) calc(var(--bg-size) * 1.5),rgba(16,44,87,.2) calc(var(--bg-size) * 1.75),rgb(16,44,87) calc(var(--bg-size) * 1.75),#102c57 calc(var(--bg-size) * 2),transparent calc(var(--bg-size) * 2),transparent calc(var(--bg-size) * 4));background-color:#eadbc8;background-blend-mode:multiply;background-size:calc(var(--bg-size) * 2) calc(var(--bg-size) * 2),calc(var(--bg-size) * 2) calc(var(--bg-size) * 2)}.summer{--text-clr: rgb(255, 245, 228);--card-accent: rgb(205, 92, 8);--card-img-bg: rgb(205, 92, 8);--card-bg-gradient: linear-gradient(to bottom right, rgb(44, 120, 101), rgb(193, 216, 195));--form-bg-gradient: linear-gradient(to bottom, rgb(27, 68, 50), rgb(41, 109, 77));--form-hover-gradient: linear-gradient(to left, rgb(205, 92, 8), rgb(193, 216, 195));--form-accent-clr: rgb(193, 216, 195);--button-bg: rgb(44, 120, 101);--button-text: rgb(255, 245, 228);--button-hover-bg: rgb(193, 216, 195);--button-hover-text: rgb(205, 92, 8);--button-outline: rgb(193, 216, 195);--card-button-outline: rgb(205, 92, 8);--card-button-hover-text: rgb(255, 245, 228);--bg-light: rgb(193, 216, 195);--bg-accent: rgb(44, 120, 101);--bg-dark: rgb(205, 92, 8);--bg-main: rgb(27, 68, 50);--scrollbar-track-clr: rgb(41, 109, 77);--scrollbar-thumb-clr: rgb(44, 120, 101)}.summer .bg-chequered{background-image:repeating-conic-gradient(#cd5c08,#cd5c08 25%,#c1d8c3 0%,#c1d8c3 50%);background-size:10px 10px}.summer .bg-polka-dot{background-color:#c1d8c3;background-image:radial-gradient(rgb(205,92,8) 2px,transparent 2px),radial-gradient(rgb(205,92,8) 2px,transparent 2px);background-position:0 0,5px 5px;background-size:10px 10px}.summer .bg-carpet{background:conic-gradient(from -45deg,#cd5c08 90deg,#0000 0,#0000 180deg,#c1d8c3 0,#c1d8c3 270deg,#0000 0) 0 5px/10px 10px,conic-gradient(from 135deg at 50% 0,#cd5c08 90deg,#c1d8c3 0) 0 0/20px 10px}.summer .bg-diagonal-stripes{background-image:repeating-linear-gradient(45deg,transparent,transparent 5px,rgb(193,216,195) 5px,rgb(193,216,195) 10px);background-color:#cd5c08}.summer .bg-diamonds{background:linear-gradient(45deg,#0000 8.3333333333%,#cd5c08 0,#cd5c08 16.6666666667%,#0000 0,#0000 83.3333333333%,#cd5c08 0,#cd5c08 91.6666666667%,#0000 0),linear-gradient(45deg,#cd5c08 8.3333333333%,#0000 0,#0000 16.6666666667%,#cd5c08 0,#cd5c08 25%,#0000 0,#0000 75%,#cd5c08 0,#cd5c08 83.3333333333%,#0000 0,#0000 91.6666666667%,#cd5c08 0),linear-gradient(-45deg,#0000 8.3333333333%,#cd5c08 0,#cd5c08 16.6666666667%,#0000 0,#0000 83.3333333333%,#cd5c08 0,#cd5c08 91.6666666667%,#0000 0),linear-gradient(-45deg,#cd5c08 8.3333333333%,#0000 0,#0000 16.6666666667%,#cd5c08 0,#cd5c08 25%,#0000 0,#0000 75%,#cd5c08 0,#cd5c08 83.3333333333%,#0000 0,#0000 91.6666666667%,#cd5c08 0) #c1d8c3;background-size:var(--bg-size) var(--bg-size);background-position:0 0,calc(var(--bg-size) / 2) calc(var(--bg-size) / 2)}.summer .bg-long-bars{background:linear-gradient(135deg,#0000 18.75%,#c1d8c3 0,#c1d8c3 31.25%,#0000 0),repeating-linear-gradient(45deg,#c1d8c3 -6.25%,#c1d8c3 6.25%,#cd5c08 0,#cd5c08 18.75%);background-size:calc(var(--bg-size) * 2) calc(var(--bg-size) * 2)}.summer .bg-wind-rose{background:conic-gradient(from -45deg at 33.3333333333% 33.3333333333%,#c1d8c3 90deg,#0000 0),conic-gradient(from -135deg at 33.3333333333% 66.6666666667%,#c1d8c3 90deg,#cd5c08 0,#cd5c08 135deg,#0000 0),conic-gradient(from 135deg at 66.6666666667% 66.6666666667%,#c1d8c3 90deg,#cd5c08 0,#cd5c08 135deg,#0000 0),conic-gradient(from 45deg at 66.6666666667% 33.3333333333%,#c1d8c3 90deg,#cd5c08 0,#cd5c08 135deg,#0000 0,#c1d8c3 0,#c1d8c3 225deg,#cd5c08 0);background-size:calc(var(--bg-size) * 2) calc(var(--bg-size) * 2)}.summer .bg-peppers{background:radial-gradient(calc(1.28 * var(--bg-size) + var(--bg-size) * .375 / 2) at left 50% bottom calc(-.8 * var(--bg-size)),#cd5c08 calc(100% - var(--bg-size) * .375),#c1d8c3 calc(101% - var(--bg-size) * .375),#c1d8c3 100%,#0000 101%) calc(2 * var(--bg-size)) calc(-1 * (1.5 * var(--bg-size) + var(--bg-size) * .375)),radial-gradient(calc(1.28 * var(--bg-size) + var(--bg-size) * .375 / 2) at left 50% bottom calc(-.8 * var(--bg-size)),var(--bg-accent) calc(100% - var(--bg-size) * .375),rgb(193,216,195) calc(101% - var(--bg-size) * .375) 100%,rgba(0,0,0,0) 101%) calc(-1 * var(--bg-size)) calc((1.5 * var(--bg-size) + var(--bg-size) * .375) / -2),radial-gradient(calc(1.28 * var(--bg-size) + var(--bg-size) * .375 / 2) at left 50% top calc(-.8 * var(--bg-size)),var(--bg-accent) calc(100% - var(--bg-size) * .375),rgb(193,216,195) calc(101% - var(--bg-size) * .375) 100%,rgba(0,0,0,0) 101%) 0 calc(1.5 * var(--bg-size) + var(--bg-size) * .375),radial-gradient(calc(1.28 * var(--bg-size) + var(--bg-size) * .375 / 2) at left 50% top calc(-.8 * var(--bg-size)),#cd5c08 calc(100% - var(--bg-size) * .375),#c1d8c3 calc(101% - var(--bg-size) * .375),#c1d8c3 100%,#0000 101%) var(--bg-size) calc((1.5 * var(--bg-size) + var(--bg-size) * .375) / 2),linear-gradient(rgb(205,92,8) 50%,var(--bg-accent) 0);background-size:calc(4 * var(--bg-size)) calc(1.5 * var(--bg-size) + var(--bg-size) * .375)}.summer .bg-hypnotic{background:radial-gradient(100% 100% at 100% 100%,#0000 46%,#c1d8c3 47%,#c1d8c3 53%,#0000 54%) var(--bg-size) var(--bg-size),radial-gradient(100% 100% at 0 0,#0000 46%,#c1d8c3 47%,#c1d8c3 53%,#0000 54%) var(--bg-size) var(--bg-size),radial-gradient(100% 100%,#0000 22%,#c1d8c3 23%,#c1d8c3 29%,#0000 30%,#0000 34%,#c1d8c3 35%,#c1d8c3 41%,#0000 42%) #cd5c08;background-size:calc(var(--bg-size) * 2) calc(var(--bg-size) * 2)}.summer .bg-broken-dots{background:radial-gradient(#c1d8c3 49%,#0000 50%) calc(var(--bg-size) / -2) calc(var(--bg-size) / 2),repeating-conic-gradient(from 45deg,#cd5c08 0,#cd5c08 25%,#0000 0,#0000 50%) calc(var(--bg-size) / 2) calc(var(--bg-size) / 2),radial-gradient(#c1d8c3 49%,#0000 50%),radial-gradient(#c1d8c3 49%,#0000 50%) var(--bg-size) var(--bg-size) #cd5c08;background-size:calc(2 * var(--bg-size)) calc(2 * var(--bg-size))}.summer .bg-spaghetti{background:radial-gradient(at bottom right,rgb(205,92,8) 0,rgb(205,92,8) calc(var(--bg-size) * .25),rgba(205,92,8,.2) calc(var(--bg-size) * .25),rgba(205,92,8,.2) calc(var(--bg-size) * .5),rgba(205,92,8,.75) calc(var(--bg-size) * .5),rgba(205,92,8,.75) calc(var(--bg-size) * .75),rgba(205,92,8,.25) calc(var(--bg-size) * .75),rgba(205,92,8,.25) calc(var(--bg-size) * 1),rgba(205,92,8,.3) calc(var(--bg-size) * 1),rgba(205,92,8,.3) calc(var(--bg-size) * 1.25),rgba(205,92,8,.75) calc(var(--bg-size) * 1.25),rgba(205,92,8,.75) calc(var(--bg-size) * 1.5),rgba(205,92,8,.2) calc(var(--bg-size) * 1.5),rgba(205,92,8,.2) calc(var(--bg-size) * 1.75),transparent calc(var(--bg-size) * 1.75),transparent calc(var(--bg-size) * 2)),radial-gradient(at top left,transparent 0,transparent calc(var(--bg-size) * .25),rgba(205,92,8,.2) calc(var(--bg-size) * .25),rgba(205,92,8,.2) calc(var(--bg-size) * .5),rgba(205,92,8,.75) calc(var(--bg-size) * .5),rgba(205,92,8,.75) calc(var(--bg-size) * .75),rgba(205,92,8,.3) calc(var(--bg-size) * .75),rgba(205,92,8,.3) calc(var(--bg-size) * 1),rgba(205,92,8,.25) calc(var(--bg-size) * 1),rgba(205,92,8,.25) calc(var(--bg-size) * 1.25),rgba(205,92,8,.75) calc(var(--bg-size) * 1.25),rgba(205,92,8,.75) calc(var(--bg-size) * 1.5),rgba(205,92,8,.2) calc(var(--bg-size) * 1.5),rgba(205,92,8,.2) calc(var(--bg-size) * 1.75),rgb(205,92,8) calc(var(--bg-size) * 1.75),#cd5c08 calc(var(--bg-size) * 2),transparent calc(var(--bg-size) * 2),transparent calc(var(--bg-size) * 4));background-color:#c1d8c3;background-blend-mode:multiply;background-size:calc(var(--bg-size) * 2) calc(var(--bg-size) * 2),calc(var(--bg-size) * 2) calc(var(--bg-size) * 2)}.nature{--text-clr: rgb(214, 239, 216);--card-accent: rgb(10, 104, 71);--card-img-bg: rgb(10, 104, 71);--card-bg-gradient: linear-gradient(to bottom right, rgb(13, 124, 102), rgb(128, 175, 129));--form-bg-gradient: linear-gradient(to bottom, rgb(11, 31, 19), rgb(20, 48, 31));--form-hover-gradient: linear-gradient(to left, rgb(13, 124, 102), rgb(10, 104, 71));--form-accent-clr: rgb(128, 175, 129);--button-bg: rgb(10, 104, 71);--button-text: rgb(214, 239, 216);--button-hover-bg: rgb(128, 175, 129);--button-hover-text: rgb(11, 31, 19);--button-outline: rgb(128, 175, 129);--card-button-outline: rgb(10, 104, 71);--card-button-hover-text: rgb(214, 239, 216);--bg-light: rgb(128, 175, 129);--bg-accent: rgb(13, 124, 102);--bg-dark: rgb(10, 104, 71);--bg-main: rgb(11, 31, 19);--scrollbar-track-clr: rgb(20, 48, 31);--scrollbar-thumb-clr: rgb(13, 124, 102)}.nature .bg-chequered{background-image:repeating-conic-gradient(#0a6847,#0a6847 25%,#80af81 0%,#80af81 50%);background-size:10px 10px}.nature .bg-polka-dot{background-color:#80af81;background-image:radial-gradient(rgb(10,104,71) 2px,transparent 2px),radial-gradient(rgb(10,104,71) 2px,transparent 2px);background-position:0 0,5px 5px;background-size:10px 10px}.nature .bg-carpet{background:conic-gradient(from -45deg,#0a6847 90deg,#0000 0,#0000 180deg,#80af81 0,#80af81 270deg,#0000 0) 0 5px/10px 10px,conic-gradient(from 135deg at 50% 0,#0a6847 90deg,#80af81 0) 0 0/20px 10px}.nature .bg-diagonal-stripes{background-image:repeating-linear-gradient(45deg,transparent,transparent 5px,rgb(128,175,129) 5px,rgb(128,175,129) 10px);background-color:#0a6847}.nature .bg-diamonds{background:linear-gradient(45deg,#0000 8.3333333333%,#0a6847 0,#0a6847 16.6666666667%,#0000 0,#0000 83.3333333333%,#0a6847 0,#0a6847 91.6666666667%,#0000 0),linear-gradient(45deg,#0a6847 8.3333333333%,#0000 0,#0000 16.6666666667%,#0a6847 0,#0a6847 25%,#0000 0,#0000 75%,#0a6847 0,#0a6847 83.3333333333%,#0000 0,#0000 91.6666666667%,#0a6847 0),linear-gradient(-45deg,#0000 8.3333333333%,#0a6847 0,#0a6847 16.6666666667%,#0000 0,#0000 83.3333333333%,#0a6847 0,#0a6847 91.6666666667%,#0000 0),linear-gradient(-45deg,#0a6847 8.3333333333%,#0000 0,#0000 16.6666666667%,#0a6847 0,#0a6847 25%,#0000 0,#0000 75%,#0a6847 0,#0a6847 83.3333333333%,#0000 0,#0000 91.6666666667%,#0a6847 0) #80af81;background-size:var(--bg-size) var(--bg-size);background-position:0 0,calc(var(--bg-size) / 2) calc(var(--bg-size) / 2)}.nature .bg-long-bars{background:linear-gradient(135deg,#0000 18.75%,#80af81 0,#80af81 31.25%,#0000 0),repeating-linear-gradient(45deg,#80af81 -6.25%,#80af81 6.25%,#0a6847 0,#0a6847 18.75%);background-size:calc(var(--bg-size) * 2) calc(var(--bg-size) * 2)}.nature .bg-wind-rose{background:conic-gradient(from -45deg at 33.3333333333% 33.3333333333%,#80af81 90deg,#0000 0),conic-gradient(from -135deg at 33.3333333333% 66.6666666667%,#80af81 90deg,#0a6847 0,#0a6847 135deg,#0000 0),conic-gradient(from 135deg at 66.6666666667% 66.6666666667%,#80af81 90deg,#0a6847 0,#0a6847 135deg,#0000 0),conic-gradient(from 45deg at 66.6666666667% 33.3333333333%,#80af81 90deg,#0a6847 0,#0a6847 135deg,#0000 0,#80af81 0,#80af81 225deg,#0a6847 0);background-size:calc(var(--bg-size) * 2) calc(var(--bg-size) * 2)}.nature .bg-peppers{background:radial-gradient(calc(1.28 * var(--bg-size) + var(--bg-size) * .375 / 2) at left 50% bottom calc(-.8 * var(--bg-size)),#0a6847 calc(100% - var(--bg-size) * .375),#80af81 calc(101% - var(--bg-size) * .375),#80af81 100%,#0000 101%) calc(2 * var(--bg-size)) calc(-1 * (1.5 * var(--bg-size) + var(--bg-size) * .375)),radial-gradient(calc(1.28 * var(--bg-size) + var(--bg-size) * .375 / 2) at left 50% bottom calc(-.8 * var(--bg-size)),var(--bg-accent) calc(100% - var(--bg-size) * .375),rgb(128,175,129) calc(101% - var(--bg-size) * .375) 100%,rgba(0,0,0,0) 101%) calc(-1 * var(--bg-size)) calc((1.5 * var(--bg-size) + var(--bg-size) * .375) / -2),radial-gradient(calc(1.28 * var(--bg-size) + var(--bg-size) * .375 / 2) at left 50% top calc(-.8 * var(--bg-size)),var(--bg-accent) calc(100% - var(--bg-size) * .375),rgb(128,175,129) calc(101% - var(--bg-size) * .375) 100%,rgba(0,0,0,0) 101%) 0 calc(1.5 * var(--bg-size) + var(--bg-size) * .375),radial-gradient(calc(1.28 * var(--bg-size) + var(--bg-size) * .375 / 2) at left 50% top calc(-.8 * var(--bg-size)),#0a6847 calc(100% - var(--bg-size) * .375),#80af81 calc(101% - var(--bg-size) * .375),#80af81 100%,#0000 101%) var(--bg-size) calc((1.5 * var(--bg-size) + var(--bg-size) * .375) / 2),linear-gradient(rgb(10,104,71) 50%,var(--bg-accent) 0);background-size:calc(4 * var(--bg-size)) calc(1.5 * var(--bg-size) + var(--bg-size) * .375)}.nature .bg-hypnotic{background:radial-gradient(100% 100% at 100% 100%,#0000 46%,#80af81 47%,#80af81 53%,#0000 54%) var(--bg-size) var(--bg-size),radial-gradient(100% 100% at 0 0,#0000 46%,#80af81 47%,#80af81 53%,#0000 54%) var(--bg-size) var(--bg-size),radial-gradient(100% 100%,#0000 22%,#80af81 23%,#80af81 29%,#0000 30%,#0000 34%,#80af81 35%,#80af81 41%,#0000 42%) #0a6847;background-size:calc(var(--bg-size) * 2) calc(var(--bg-size) * 2)}.nature .bg-broken-dots{background:radial-gradient(#80af81 49%,#0000 50%) calc(var(--bg-size) / -2) calc(var(--bg-size) / 2),repeating-conic-gradient(from 45deg,#0a6847 0,#0a6847 25%,#0000 0,#0000 50%) calc(var(--bg-size) / 2) calc(var(--bg-size) / 2),radial-gradient(#80af81 49%,#0000 50%),radial-gradient(#80af81 49%,#0000 50%) var(--bg-size) var(--bg-size) #0a6847;background-size:calc(2 * var(--bg-size)) calc(2 * var(--bg-size))}.nature .bg-spaghetti{background:radial-gradient(at bottom right,rgb(10,104,71) 0,rgb(10,104,71) calc(var(--bg-size) * .25),rgba(10,104,71,.2) calc(var(--bg-size) * .25),rgba(10,104,71,.2) calc(var(--bg-size) * .5),rgba(10,104,71,.75) calc(var(--bg-size) * .5),rgba(10,104,71,.75) calc(var(--bg-size) * .75),rgba(10,104,71,.25) calc(var(--bg-size) * .75),rgba(10,104,71,.25) calc(var(--bg-size) * 1),rgba(10,104,71,.3) calc(var(--bg-size) * 1),rgba(10,104,71,.3) calc(var(--bg-size) * 1.25),rgba(10,104,71,.75) calc(var(--bg-size) * 1.25),rgba(10,104,71,.75) calc(var(--bg-size) * 1.5),rgba(10,104,71,.2) calc(var(--bg-size) * 1.5),rgba(10,104,71,.2) calc(var(--bg-size) * 1.75),transparent calc(var(--bg-size) * 1.75),transparent calc(var(--bg-size) * 2)),radial-gradient(at top left,transparent 0,transparent calc(var(--bg-size) * .25),rgba(10,104,71,.2) calc(var(--bg-size) * .25),rgba(10,104,71,.2) calc(var(--bg-size) * .5),rgba(10,104,71,.75) calc(var(--bg-size) * .5),rgba(10,104,71,.75) calc(var(--bg-size) * .75),rgba(10,104,71,.3) calc(var(--bg-size) * .75),rgba(10,104,71,.3) calc(var(--bg-size) * 1),rgba(10,104,71,.25) calc(var(--bg-size) * 1),rgba(10,104,71,.25) calc(var(--bg-size) * 1.25),rgba(10,104,71,.75) calc(var(--bg-size) * 1.25),rgba(10,104,71,.75) calc(var(--bg-size) * 1.5),rgba(10,104,71,.2) calc(var(--bg-size) * 1.5),rgba(10,104,71,.2) calc(var(--bg-size) * 1.75),rgb(10,104,71) calc(var(--bg-size) * 1.75),#0a6847 calc(var(--bg-size) * 2),transparent calc(var(--bg-size) * 2),transparent calc(var(--bg-size) * 4));background-color:#80af81;background-blend-mode:multiply;background-size:calc(var(--bg-size) * 2) calc(var(--bg-size) * 2),calc(var(--bg-size) * 2) calc(var(--bg-size) * 2)}.uppercase{text-transform:uppercase}