.star-rating{font-size:var(--font-size-s);display:flex}.stars,.rating-average{margin-right:var(--space-xs)}.tag-group{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tag{display:inline-flex;align-items:center;background-color:var(--purple-1);color:var(--grey-4);line-height:normal;-webkit-user-select:none;user-select:none}.tag-sm{padding:0 var(--space-s);border-radius:var(--border-radius-m);font-size:var(--font-size-s)}.tag-md{padding:var(--space-xs) var(--space-s);font-size:var(--font-size-m);border-radius:var(--border-radius-l)}.tag-lg{padding:var(--space-s) var(--space-m);border-radius:var(--border-radius-xl);font-size:var(--font-size-l)}.tag-remove-button{margin-left:var(--space-s);cursor:pointer;transition:all .2s ease-in-out}.tag.deletable{cursor:pointer;transition:all .2s ease-in-out}.tag.deletable:hover{opacity:.5;color:var(--light-pink-5)}.tag.deletable:hover .tag-remove-button{color:var(--light-pink-5);scale:1.2}.feed-card{display:flex;flex-direction:column;width:100%;height:220px;min-height:220px;background-color:var(--light-pink-2);border-radius:var(--border-radius-m);overflow:hidden;cursor:pointer}.feed-card .card-header{display:flex;justify-content:space-between;align-items:center;height:24px;background-color:var(--purple-1)}.feed-card .card-header .creator-info{height:20px;display:flex;align-items:center;gap:var(--spacing-m);font-size:var(--font-size-m);color:var(--grey-4)}.feed-card .card-title{width:100%;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.feed-card .hero-image{width:100%;height:auto;min-height:130px;background-color:#ccc}.feed-card .tags{position:absolute;bottom:0;left:0;padding:8px;width:100%;height:32px;overflow:hidden}.feed-card .tags .tag-group{row-gap:40px!important}.feed-card .card-body{position:relative;width:100%;height:100%}.feed{position:relative;width:100%;margin:0 auto;max-width:400px;max-height:450px;background-color:var(--light-pink-5);margin-bottom:var(--space-l);border-radius:var(--border-radius-s);overflow:hidden}.feed-header{display:flex;justify-content:space-between;align-items:center;width:100%;height:32px;background-color:var(--light-pink-6);padding:var(--space-m)}.feed-body{position:relative;width:100%;display:flex;flex-direction:column;padding:var(--space-m);gap:var(--space-m);overflow-y:auto;max-height:418px}.search{display:flex;width:100%;flex-direction:column;align-items:center;gap:var(--padding-sm)}.search-bar{position:relative}.search input{border:none;margin:var(--padding-m);border-radius:var(--border-radius-l);padding:var(--padding-s) var(--padding-m);outline:none}.search svg{position:absolute;right:20px;top:50%;transform:translate(-50%,-50%);height:14px;width:14px}.search-results{padding:0!important;width:100%;margin-bottom:0;transition:all .2s ease-in-out}.search-results.expanded{padding:var(--padding-s);margin-bottom:var(--padding-m)}.expandable{background-color:var(--green-1);border-radius:var(--border-radius-s);padding:var(--padding-m)}.expandable-header{display:flex;justify-content:space-between;align-items:center;position:relative}.expandable-header-clickable{cursor:pointer;position:absolute;width:100%;height:100%}.expandable-icon{transition:transform .22s ease-in-out}.expandable-icon.expanded{transform:rotate(180deg)}.expandable-content{overflow:hidden;transition:max-height .22s ease-in-out}.expandable-content.expanded{overflow-y:auto;transition:max-height .22s ease-in-out}.recipe-card{position:relative;display:flex;flex-direction:row;width:100%;height:110px;min-height:110px;background-color:var(--light-pink-2);border-radius:var(--border-radius-m);overflow:hidden}.recipe-card .card-info{position:relative;width:100%;display:flex;flex-direction:column;gap:var(--spacing-xs)}.recipe-card footer{width:100%;position:absolute;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;padding:var(--space-s)}.recipe-card footer .date{font-size:var(--font-size-s);color:var(--grey-1)}.recipe-card footer .rating{color:var(--grey-1)}.recipe-card .card-metadata{width:fit-content;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--space-s);font-weight:600}.recipe-card .card-title{width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:26px;text-overflow:ellipsis;overflow:hidden;font-size:22px;font-weight:800}.recipe-card .card-description{font-size:var(--font-size-s);color:var(--grey-1)}.recipe-card .hero-image{width:180px;height:auto;min-height:130px;background-color:#ccc}.recipe-card .tags{bottom:0;left:0;overflow:hidden}.recipe-card .tags .tag-group{row-gap:40px!important}.recipe-card .card-body{position:relative;width:100%;height:100%}.rc{position:relative;padding:4px 8px}.markdown-module__tiptapText{line-height:1.35em}.markdown-module__tiptapText p{margin:0}.markdown-module__tiptapText ul,.markdown-module__tiptapText ol{padding:0 1rem;margin:.2rem 1rem 1rem .4rem}.markdown-module__tiptapText ul li p,.markdown-module__tiptapText ol li p{margin-top:.25em;margin-bottom:.25em}.markdown-module__tiptapText h1,.markdown-module__tiptapText h2,.markdown-module__tiptapText h3,.markdown-module__tiptapText h4,.markdown-module__tiptapText h5,.markdown-module__tiptapText h6{line-height:1.1;margin-top:1rem;text-wrap:pretty}.markdown-module__tiptapText h1,.markdown-module__tiptapText h2{margin-top:1.5rem;margin-bottom:1rem}.markdown-module__tiptapText h1{font-size:1.4rem}.markdown-module__tiptapText h2{font-size:1.2rem}.markdown-module__tiptapText h3{font-size:1.1rem}.markdown-module__tiptapText h4,.markdown-module__tiptapText h5,.markdown-module__tiptapText h6{font-size:1rem}.markdown-module__tiptapText code{background-color:var(--purple-light);border-radius:.4rem;color:var(--black);font-size:.85rem;padding:.25em .3em}.markdown-module__tiptapText pre{background:var(--black);border-radius:.5rem;color:var(--white);font-family:JetBrainsMono,monospace;margin:1.5rem 0;padding:.75rem 1rem}.markdown-module__tiptapText pre code{background:none;color:inherit;font-size:.8rem;padding:0}.markdown-module__tiptapText blockquote{border-left:3px solid var(--gray-3);margin:1.5rem 0;padding-left:1rem}.markdown-module__tiptapText hr{border:none;border-top:1px solid var(--gray-2);margin:2rem 0}.recipe-list{position:relative;width:100%;margin:0 auto;max-width:600px;background-color:var(--light-pink-5);border-radius:var(--border-radius-s);overflow:hidden}.recipe-list-header{display:flex;justify-content:space-between;align-items:center;width:100%;height:32px;background-color:var(--light-pink-6);padding:var(--space-m)}.recipe-list-body{position:relative;width:100%;display:flex;flex-direction:column;padding:var(--space-m);gap:var(--space-m);overflow-y:auto;max-height:100%}.throbber-module__throbber{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:35px}.home-view{width:100%;padding:0 var(--padding-xl);position:relative}.new-recipe-button{height:44px;width:44px;background-color:var(--light-pink-2);border-radius:var(--border-radius-l);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--light-pink-1);border:none;outline:none;cursor:pointer;transition:all .2s ease-in-out;position:absolute;right:var(--space-s);top:var(--space-s)}.new-recipe-button:hover{background-color:var(--light-pink-1);color:var(--light-pink-2)}.my-recipes{background-color:var(--green-1);border-radius:var(--border-radius-m)}.my-recipes-sort-options{display:flex;flex-direction:row;gap:var(--space-s);flex-wrap:wrap}.my-recipes-sort-options button{flex:1 1 60px;min-width:60px;background-color:var(--light-pink-5);border-radius:var(--border-radius-s);padding:var(--padding-s);border:none;cursor:pointer;transition:all .12s ease-in-out;position:relative}.my-recipes-sort-options button .sort-direction-icon{position:absolute;right:var(--padding-m);transition:all .12s ease-in-out;margin-left:var(--padding-s)}.my-recipes-sort-options button .sort-direction-icon.asc{transform:rotate(180deg)}.my-recipes-sort-options button:hover{background-color:var(--light-pink-4)}.my-recipes-sort-options button.active{background-color:var(--light-pink-3)}.my-recipes-item{background-color:var(--light-pink-5);border-radius:var(--border-radius-s);padding:var(--padding-l);height:100px}.close-button{position:absolute;top:16px;right:16px;font-size:32px!important}.nav-menu-container{position:absolute;top:0;right:0;width:100vw;height:100vh;background-color:var(--teal-4);transition:all .27s cubic-bezier(.85,0,.15,1);transform:translate(100%);z-index:500}.nav-menu{position:relative;max-width:var(--page-width);margin:0 auto;padding:calc(var(--nav-height) + var(--padding-m)) var(--padding-l) var(--padding-l);height:100vh;background-color:var(--teal-1);overflow-y:auto}.expandable-nav-section{background-color:transparent}.icon-button{background-color:transparent;border:none;cursor:pointer;padding:var(--space-s);margin:0;transition:all .2s ease-in-out}.icon-button:hover{color:var(--light-pink-5)}.icon-button.small{padding:var(--space-xs);font-size:var(--font-size-s)}.icon-button.medium{padding:var(--space-s);font-size:var(--icon-size-m)}.icon-button.large{padding:var(--space-m);font-size:var(--font-size-l)}.avatar{background-color:var(--light-pink-5);border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;color:var(--light-pink-1);font-size:var(--font-size-m);font-weight:600}.nav{position:fixed;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background-color:var(--teal-1);z-index:300;top:0;left:0;right:0;-webkit-user-select:none;user-select:none}.nav-menu-button{display:flex;align-items:center;justify-content:center;font-size:28px;background-color:transparent;width:32px;height:32px;border:none;cursor:pointer;transition:all .18s ease-in-out;color:var(--teal-5)}.nav-menu-button:hover{color:var(--light-teal-3)}.noScrollY{overflow-y:hidden}h1,h2,h3{margin-block-start:0px;margin-block-end:0px}@font-face{font-family:DM Sans;src:url(/assets/DMSans-VariableFont_opsz_wght-d9KJDlpM.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Kode Mono;src:url(/assets/KodeMono-VariableFont_wght-CbOeNK3S.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-VariableFont_wght-CiIa1Ne8.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Montserrat Italic;src:url(/assets/Montserrat-Italic-VariableFont_wght-B1o0utJu.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Mulish;src:url(/assets/Mulish-VariableFont_wght-yG63NwrA.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Mulish Italic;src:url(/assets/Mulish-Italic-VariableFont_wght-DTl0vpuN.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Nunito;src:url(/assets/Nunito-VariableFont_wght-D2sADkEI.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Nunito Italic;src:url(/assets/Nunito-Italic-VariableFont_wght-COE5o7Ya.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Rubik;src:url(/assets/Rubik-VariableFont_wght-DAFAXoY0.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Rubik Italic;src:url(/assets/Rubik-Italic-VariableFont_wght-DOUMhBfb.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Sen;src:url(/assets/Sen-VariableFont_wght-C-oh7btm.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Varela Round;src:url(/assets/VarelaRound-Regular-3lyNlfuT.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Kanit;src:url(/assets/Kanit-Regular-bWYhieLo.ttf) format("truetype");font-weight:400;font-style:normal}body,input{font-family:Montserrat,sans-serif!important;font-size:var(--font-size-l)}.zig-zag-section{position:relative}.zig-zag-section-content{padding:var(--space-l) var(--space-l)}.recipe h1{font-size:40px!important;font-weight:600}.view-recipe .row{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.view-recipe .by-line{font-size:var(--font-size-m)}.view-recipe .creator-link{cursor:pointer;color:var(--pink-1);font-weight:600;transition:all .2s ease-in-out}.view-recipe .creator-link:hover{color:var(--light-pink-4)}.view-recipe .image{margin:0 calc(var(--space-l) * -1) var(--space-s)}.view-recipe .image img{height:300px;width:100%;background-color:var(--color-primary);object-fit:cover}.view-recipe .recipe-description{margin-top:var(--space-m);font-size:var(--font-size-l)}.view-recipe .recipe-section-title{font-size:26px!important;font-weight:600;margin-bottom:var(--space-s)}.view-recipe .list-group-title{font-size:var(--font-size-l);font-weight:800}.view-recipe li{margin-bottom:var(--space-xs)}.recipe-title{font-size:26px!important;font-weight:600}.shareButton-module__shareButton{border:2px solid var(--light-pink-2);border-radius:var(--border-radius-m);width:42px;height:42px;display:flex;margin:4px;justify-content:center;align-items:center;color:var(--light-pink-2)}.shareButton-module__shareButton:hover{border:2px solid var(--light-pink-6);color:var(--light-pink-6);background-color:var(--light-pink-0)}.dialog-module__dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--white);border-radius:var(--border-radius-m);padding:var(--padding-m)}.dialog-module__header{display:flex;justify-content:space-between;align-items:center}.dialog-module__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.dialog-module__closeButton{background:none;border:none;cursor:pointer;padding:0;margin:0}.dialog-module__actions{display:flex;justify-content:space-between;align-items:center}.dialog-module__content{display:flex;justify-content:center;align-items:center}.dialog-module__mask{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--black-alpha-00);z-index:var(--z-neg-1)}.dialog-module__mask.dialog-module__visible{background:var(--black-alpha-40);display:block}.dialog-module__mask.dialog-module__transparent{background:var(--black-alpha-00)}.favorite{color:var(--gold-5)!important}.recipe-list-item-note{margin-bottom:var(--space-s)}.recipe-list-item-note-expandable{padding:0 10px;background-color:transparent;position:relative;min-height:25px;cursor:pointer;color:#000;background-color:#2d094025;margin-bottom:var(--spacing-s)}.recipe-list-item-note-expandable svg{color:var(--light-pink-1);transition:"color" 1 ease-in-out;transform:scale(.8)}.recipe-list-item-note-expandable .expandable-header{position:absolute;margin-left:-3px;justify-content:flex-start;flex-direction:row-reverse}.recipe-list-item-note-expandable .expandable-header h2{font-size:var(--font-size-m)}.recipe-list-item-note-expandable .expandable-header .expanded h2{opacity:0}.recipe-list-item-note-expandable .expandable-header-clickable{margin-left:20px;transform:scale(1.5)}.recipe-list-item-note-expandable .expandable-content{padding-left:20px;margin:0 0 10px;font-size:var(--font-size-m)}.recipe-list-item-note-expandable .expandable-content-inner{padding-top:var(--space-xs);padding-bottom:var(--space-s)}.recipe-list-item-note-expandable .expandable-content-inner a{color:var(--pink-4);font-weight:600}.recipe-list-item-note-expandable .expandable-content-inner img{height:220px;width:100%;object-fit:cover}.recipe-list-item-note-expandable .expandable-header{cursor:pointer}.recipe-list-item-note-expandable{padding-top:2px;transition:all .2s ease-in-out!important}.recipe-list-item-note-expandable.expanded{cursor:default}.recipe-list-item-note-expandable:hover{background-color:#2d094020}.recipe-list-item-note-expandable:hover svg{color:var(white)}.public-profile-view{width:100%;padding:0 var(--padding-xl);position:relative}.editable-list-item{display:flex;align-items:center;justify-content:space-between;border:1px solid #ccc;position:relative;padding-right:20px;max-width:100%}.editable-list-item input,.editable-list-item .ql-editor{padding:var(--space-s) 0!important}.editable-recipe-list-li-item{padding-left:var(--space-s);margin-bottom:var(--space-s);position:relative}.editable-list-item-delete-button{position:absolute;left:-30px;top:50%;transform:translateY(-50%)}.editable-list-item-text{width:100%}.editable-list-item-menu{position:absolute;right:0;-webkit-user-select:none;user-select:none;z-index:1000}.basic-text-input textarea,.basic-text-input input{font:inherit;font-size:inherit;font-weight:inherit;border:none;background:transparent;width:100%;padding:0;margin:0}.basic-text-input textarea,.basic-text-input input::placeholder{color:inherit;opacity:.25}.basic-text-input textarea,.basic-text-input input:focus{outline:none}.basic-text-input textarea{width:100%;resize:none;height:auto}.markdownEditor-module__tiptapEditor{background-color:#fff;border-radius:var(--borderRadius-4);flex:1;min-height:0;width:100%;background-color:var(--gray-1)}.markdownEditor-module__tiptap{box-shadow:0 0 7px #00000040;-webkit-box-shadow:0px 0px 7px 0px rgba(0,0,0,.25);-moz-box-shadow:0px 0px 7px 0px rgba(0,0,0,.25);border-radius:var(--borderRadius-4);height:100%;width:100%;padding:10px;margin:0}.markdownEditor-module__tiptap :first-child{margin-top:0}.markdownEditor-module__tiptap :focus{outline:none;box-shadow:none}.markdownEditor-module__tiptap [role=textbox]{height:100%}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--black-alpha-40);float:left;height:0;pointer-events:none}.markdownEditor-module__ProseMirror:focus p.markdownEditor-module__is-editor-empty:first-child:before{content:""}.ProseMirror-focused{border:none;box-shadow:none;outline:none}.editable-recipe-list-group{display:flex;flex-direction:column;width:100%;margin:var(--space-s) 0}.editable-recipe-list-group .list-container{margin:0;padding-left:20px}.editable-recipe-list-group .list-container li section{margin-left:-10px}.add-item-button-list-item{text-align:left}.editable-list-super-group-item{display:flex;flex-direction:row;gap:1rem}.editable-recipe-list-group-title{margin:var(--space-s) 0}.editable-recipe-list-group-title{margin-bottom:var(--space-s)}.editable-list-super-group{display:flex;flex-direction:column;gap:1rem;border:1px solid rgb(114,207,250);width:100%;position:relative}.editable-list-super-group-title{font-size:22px;font-weight:700}.editable-list-super-group-item{position:relative}.editable-list-delete-list-group-button{position:absolute;top:0;right:-32px;cursor:pointer;color:var(--pink-3)}.editable-list-add-group-button-text{cursor:pointer;font-size:18px}.create-recipe{position:relative;padding:0 var(--space-m) var(--space-m)}.create-recipe-top{padding-right:80px}.create-recipe-description{margin:var(--space-s) 0 var(--space-m)}.add-tags{background-color:#00000024;border-radius:27px;padding:var(--padding-s)}.new-tag-input{position:relative;width:fit-content;box-sizing:border-box}.tag-input-style{padding:var(--space-xs) 24px var(--space-xs) var(--space-s);font-size:var(--font-size-m);border-radius:var(--border-radius-l);min-width:95px}.expand-with-input{height:27px;line-height:24px}.new-tag-input input{margin:var(--padding-m);position:absolute;width:100%;top:0;left:0;border:none;outline:none;margin:0}.new-tag-input svg{position:absolute;right:0;top:50%;transform:translate(-50%,-50%);height:14px;width:14px}.tag-suggestions{margin-top:var(--space-m);position:absolute;border-radius:4px;overflow-y:auto;z-index:1000;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.tag-suggestion{padding:var(--space-xs) var(--space-s);font-size:var(--font-size-m);border-radius:var(--border-radius-l);background-color:#00000024;cursor:pointer}.tag-suggestion:hover{background-color:#f5f5f5}.tag-suggestion.selected{background-color:var(--light-purple-2);color:var(--light-purple-5);border:2px solid var(--light-purple-1)!important;padding:calc(var(--space-xs) - 2px) calc(var(--space-s) - 2px)}.tag-input-style.selected{padding:calc(var(--space-xs) - 2px) 24px calc(var(--space-xs) - 2px) calc(var(--space-s) - 2px);border:2px solid var(--light-purple-1)!important}.tag-input-icon.selected{color:var(--light-purple-5)!important}.ImageUpload-module__uploadImageWrapper{display:flex;align-items:center;justify-content:center;width:100%}.ImageUpload-module__uploadImageEmpty{aspect-ratio:3 / 1;max-height:150px}.ImageUpload-module__imagePreview{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;object-fit:cover}.ImageUpload-module__imageItem{width:100%;height:100%;object-fit:cover}.ImageUpload-module__uploadImageButton{display:flex;align-items:center;justify-content:center;width:100%;height:100%;object-fit:cover;border:none;cursor:pointer;background:transparent;border:1px solid #ccc}.ImageUpload-module__uploadImageButton:hover{background:#f0f0f01e}.ImageUpload-module__uploadImageButtonDragging{background-color:orange;border:3px solid red}.ImageUpload-module__removeSingleImageButton{position:absolute;top:var(--space-s);right:var(--space-s);background-color:red;color:#fff;border:none;height:32px;width:32px;padding:10px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.ImageUpload-module__error{color:#c00;font-size:.9rem;margin-top:var(--space-s, .5rem)}:root{width:100%}body{width:100%;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) transparent}body ::-webkit-scrollbar-track{background:transparent}body ::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.35) transparent;border-radius:0}body ::-webkit-scrollbar{width:6px}.app{max-width:var(--page-width);margin:0 auto}:root{--white: #ffffff;--blue-1: #007bff;--blue-2: #0056b3;--blue-3: #004085;--blue-4: #002654;--blue-5: #00132a;--grey-1: #f8f9fa;--grey-2: #e9ecef;--grey-3: #dee2e6;--grey-4: #ced4da;--grey-5: #adb5bd;--grey-6: #6c757d;--grey-7: #343a40;--grey-8: #212529;--grey-9: #151619;--grey-10: #0d0e11;--green-1: #28a745;--green-2: #218838;--green-3: #1e7e34;--green-4: #1c7430;--green-5: #1b6c2a;--purple-1: #6f42c1;--purple-2: #563d91;--purple-3: #403566;--purple-4: #26213c;--purple-5: #13101d;--light-purple-1: #e1b3ff;--light-purple-2: #d299ff;--light-purple-3: #c380ff;--light-purple-4: #b466ff;--light-purple-5: #a54dff;--pink-1: #e83e8c;--pink-2: #c23271;--pink-3: #9e275a;--pink-4: #7a1d44;--pink-5: #56142e;--light-pink-0: #f7e3ed;--light-pink-1: #f4c5db;--light-pink-2: #f1b0d1;--light-pink-3: #ee9bca;--light-pink-4: #ec86c1;--light-pink-5: #e971b8;--light-pink-6: #e65cae;--teal-1: #20c997;--teal-2: #1da88a;--teal-3: #19857b;--teal-4: #15696d;--teal-5: #115259;--light-teal-1: #e6fcf5;--light-teal-2: #c7f1e9;--light-teal-3: #a3e9df;--light-teal-4: #79d8d0;--light-teal-5: #52c7c1;--light-blue-1: hsl(215, 100%, 84%);--light-blue-2: hsl(215, 100%, 74%);--light-blue-3: hsl(215, 100%, 64%);--light-blue-4: hsl(215, 100%, 54%);--light-blue-5: hsl(215, 100%, 44%);--gold-1: #ffd700;--gold-2: #ffc700;--gold-3: #ffb700;--gold-4: #ffa700;--gold-5: #ff9700;--page-width: 700px;--nav-height: 52px;--space-xs: 4px;--space-s: 8px;--space-m: 16px;--space-l: 24px;--space-xl: 32px;--padding-xxs: 2px;--padding-xs: 4px;--padding-s: 8px;--padding-m: 16px;--padding-l: 24px;--padding-xl: 32px;--font-size-s: 11px;--font-size-m: 14px;--font-size-l: 16px;--font-size-xl: 24px;--font-size-xxl: 32px;--icon-size-s: 16px;--icon-size-m: 18px;--icon-size-l: 22px;--icon-size-xl: 26px;--border-radius-s: 4px;--border-radius-m: 8px;--border-radius-l: 16px;--border-radius-xl: 24px}:root{--white: #ffffff;--black: #000000;--color-primary: var(#4d37f0);--color-primary-light: var(#9384ff);--color-primary-dark: var(#3a1897);--color-secondary: var(#00b988);--color-secondary-light: var(#7ff4bb);--color-secondary-dark: var(#01786a);--black-alpha-00: rgba(0, 0, 0, 0);--black-alpha-40: rgba(0, 0, 0, .4);--page-width: 700px;--nav-height: 52px;--space-xs: 4px;--space-s: 8px;--space-m: 16px;--space-l: 24px;--padding-xs: 4px;--padding-s: 8px;--padding-m: 16px;--padding-l: 24px;--font-size-s: 11px;--font-size-m: 14px;--font-size-l: 16px;--font-size-xl: 24px;--icon-size-s: 16px;--icon-size-m: 18px;--icon-size-l: 22px;--icon-size-xl: 26px;--border-radius-s: 4px;--border-radius-m: 8px;--border-radius-l: 16px;--border-radius-xl: 24px}