@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Orbit&family=Outfit:wght@100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300..700&family=Sora:wght@100..800&display=swap";#root{min-width:100vw;margin:0;text-align:center}.page{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:1rem;text-align:start;position:relative;z-index:1;background-size:cover;background-position:center;background-repeat:no-repeat}.page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.layout-content.no-padding .page{padding:2rem}.empty-state{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.25rem;padding:1rem;text-align:center}.card{min-height:120px;display:flex;flex-direction:column;align-items:start;justify-content:start;gap:.5rem;background-color:rgba(var(--text-rgb),.1);border:1px solid rgba(var(--secondary-rgb),.25);border-radius:.25rem;padding:1.5rem;text-align:start;overflow:hidden;cursor:default;transition:transform .3s ease-in-out}.cards-container,.cards-container.grid2,.cards-container.grid3,.cards-container.grid4{width:100%;height:fit-content;display:grid;grid-template-rows:repeat(2,auto);grid-template-columns:1fr;gap:1rem}.cards-container.row,.cards-container.col{display:flex;align-items:stretch;justify-content:space-evenly}.cards-container.row{flex-direction:row;flex-wrap:wrap}.cards-container.col{flex-direction:column}@media (min-width: 768px){.cards-container.grid2{grid-template-columns:repeat(2,1fr)}.cards-container,.cards-container.grid3{grid-template-columns:repeat(3,1fr)}.cards-container.grid4{grid-template-columns:repeat(4,1fr)}}@media (hover: hover) and (pointer: fine){.card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow)}}.layout{min-height:100vh;display:flex;flex-direction:row}.layout-content{flex:1;overflow-y:auto;transition:padding .3s ease;padding:1.5rem 1.5rem 1.5rem calc(250px + 1.5rem);-webkit-overflow-scrolling:touch}.layout-content.collapsed{padding:1.5rem 1.5rem 1.5rem calc(48px + 1.5rem)}.layout-content.no-padding{padding:0 0 0 250px!important}.layout-content.no-padding.collapsed{padding:0 0 0 48px!important}@media (max-width: 768px){.layout-content,.layout-content.collapsed{padding-left:1.5rem!important}.layout-content.no-padding,.layout-content.no-padding.collapsed{padding-left:0!important}}.layout-content.no-padding>div{min-height:100vh}.layout-content>div{min-height:calc(100vh - 3rem)}.sidebar{position:fixed;top:0;left:0;z-index:999;width:250px;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:var(--bg);border-right:1px solid rgba(var(--text-rgb),.25);transition:width .3s ease}.sidebar svg{fill:var(--text)}.sidebar.collapsed{width:48px}.sidebar.mobile-open{animation:slideIn .3s ease forwards}.sidebar-menu{width:100%;flex:1;padding-inline:1rem;display:flex;flex-direction:column}.sidebar.collapsed .sidebar-menu{align-items:center}.sidebar-header{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding-block:1rem 2rem}.sidebar-logo{display:flex;align-items:center;width:100%;gap:.75rem;text-align:start;text-decoration:none}.sidebar-logo img{width:20px}.sidebar .theme-toggle{width:100%;display:flex;align-items:center;gap:.5rem}.sidebar-item{display:flex;flex-direction:column;padding-bottom:1rem;text-align:start}.sidebar-link{width:100%;display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.25rem;cursor:pointer;text-decoration:none;transition:background-color .3s ease,color .3s ease}.sidebar-link:hover{background-color:var(--primary)}.sidebar-link.active:not(.has-children .sidebar-link){background-color:var(--secondary)}.sidebar-link.active svg:not(.chevron),.sidebar-link.active *,.sidebar-sublabel.active *{color:var(--on-secondary);font-weight:700}.sidebar-link:hover svg{fill:var(--on-primary)}.sidebar-link.active svg:not(.chevron){fill:var(--on-secondary)}.has-children .sidebar-link.active *{color:var(--secondary)}.has-children .sidebar-link.active svg{fill:var(--secondary)}.sidebar-submenu{width:100%;padding-left:1.5rem;display:flex;flex-direction:column;max-height:0;overflow:hidden;transition:max-height .3s ease}.sidebar-submenu.submenu-open{max-height:600px}.sidebar-sublabel{padding:.5rem;margin-top:.25rem;border-radius:.25rem}.sidebar-sublabel.active{border-left:4px solid var(--primary);background-color:var(--primary)}.sidebar-sublabel.active{background-color:var(--secondary)}.sidebar-sublabel:hover:not(.sidebar-sublabel.active){border-left:4px solid var(--secondary);background-color:var(--primary)}.sidebar-sublabel:hover *:not(.sidebar-sublabel.active *),.sidebar-link:hover *:not(.sidebar-link.active *){color:var(--on-primary)}.sidebar-label-row{display:flex;align-items:center;width:100%;gap:.75rem}.sidebar .chevron{margin-left:auto;transition:transform .3s ease}.sidebar .chevron.rotate-down{transform:rotate(90deg)}.collapse-btn{position:sticky;bottom:0;margin-left:auto;padding:.75rem 1rem;width:fit-content;cursor:pointer;z-index:1000}.burger-btn{position:fixed;top:1rem;left:1rem;z-index:1000;padding:.5rem;background-color:var(--primary);border:none;border-radius:50%;cursor:pointer;opacity:1;pointer-events:auto;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.burger-btn.hidden{opacity:0;transform:translateY(-16px);pointer-events:none}@media (max-width: 768px){.sidebar{display:none}.sidebar.mobile-open{display:flex;width:250px;height:100vh}.collapse-btn{display:none}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.chevron-icon{display:inline-block;transition:transform .2s ease,fill .2s ease;vertical-align:middle}select,option{font-family:var(--heading);font-weight:500!important;text-decoration:none;background-color:var(--bg);color:var(--text)}.dropdown-wrapper{width:fit-content;position:relative;display:inline-block}.dropdown{width:100%;min-width:120px;min-height:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--heading);font-weight:500!important;text-decoration:none;cursor:pointer;padding:.35rem 2rem .35rem .75rem;border-radius:.25rem;background-color:var(--card-bg);color:var(--text);border:1px solid rgba(var(--text-rgb),.5);transition:border-color .3s ease-in-out}.dropdown-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:none}select::-ms-expand{display:none}.app-icon{display:inline-block;vertical-align:middle;transition:transform .2s ease,fill .2s ease;width:auto;height:auto}.page.article.locked{align-content:center;justify-content:center;text-align:center}.page.article .image-container{overflow:hidden;position:relative;transition:height .5s ease-in-out}.page.article .image-container img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .4s ease-in-out}.article-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-block:2rem;text-align:center}.article-body{width:100%;display:flex;flex-direction:column;gap:1.25rem;text-align:start}@media (min-width: 768px){.page.article .image-container{height:40vh}.page.article .image-container img{height:100%;object-fit:cover}.article-body,.article-header{max-width:60vw}}@media (min-width: 1024px){.page.article{align-self:center}.article-body,.article-header{max-width:50vw}}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;position:relative;z-index:9999;width:100%;height:100%;min-height:inherit;max-width:unset;border-radius:inherit;background-color:rgba(var(--primary-rgb),.075)}.spinner{width:40px;height:40px;border-radius:100%;border:4px solid rgba(var(--primary-rgb),.25);border-top:4px solid rgba(var(--primary-rgb),1);box-shadow:0 0 10px rgba(var(--primary-rgb),.1);animation:spin 1s cubic-bezier(.6,.2,.4,.8) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}section{z-index:0;position:relative;overflow:visible;width:100%;max-width:100vw;min-height:fit-content;padding:0;word-break:break-word;overflow-wrap:break-word;white-space:normal;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}section.padded{width:calc(100% - 2 * var(--horizontal-spacing));padding-inline:var(--horizontal-spacing)}section.fullscreen{min-height:100vh}.page.not-found{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;background-image:url(/stock/oil-black-1.webp)}.page.not-found:before{background-color:rgba(var(--bg-rgb),.75)}.page.not-found .msg-container{display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:80%;margin-bottom:2rem}.page.not-found h1{font-size:12vh}@media (min-width: 768px){.page.not-found .msg-container{max-width:60%}}@media (min-width: 1024px){.page.not-found h1{font-size:10vw}.page.not-found .msg-container{max-width:40%}}.btn,.hollow,.full{border-radius:360px;border:1px solid transparent;padding:12px 23px;font-size:1em;font-weight:500!important;font-family:var(--btn-font);letter-spacing:1.25px;line-height:1;background-color:var(--primary);cursor:pointer;transition:all .25s ease;width:fit-content;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.btn *,.full *{color:var(--on-primary)}.full{width:100%}.btn{position:relative;overflow:hidden;color:var(--on-primary);background-color:var(--primary);border:solid 2px transparent;transition:color .25s ease,border .25s ease;background-image:linear-gradient(to right,var(--text),var(--text));background-size:0% 100%;background-repeat:no-repeat;background-position:left center}.btn:hover{background-size:100% 100%;border-color:var(--on-primary);transition:background-size .4s ease,color .25s ease,border .25s ease}.btn:hover *{color:var(--bg);fill:var(--bg)}.hollow:hover *{color:var(--on-primary);fill:var(--on-primary)}.hollow{position:relative;overflow:hidden;color:var(--bg);background-color:transparent;border:solid 2px var(--text);transition:color .25s ease,border .25s ease;background-image:linear-gradient(to right,var(--primary),var(--primary));background-size:0% 100%;background-repeat:no-repeat;background-position:left center;padding:13px 23px}.hollow *{color:var(--text);fill:var(--text)}.hollow:hover{border-color:var(--primary);background-size:100% 100%;transition:background-size .4s ease,color .25s ease}.rounded-pill{border-radius:360px}.rounded-soft{border-radius:.25rem}.btn button:focus,.btn button:focus-visible{outline:4px auto -webkit-focus-ring-color}.short{padding:6px 14px!important;line-height:1;max-height:36px}@media (min-width: 768px){.btn,.full{padding:11px 21px}.hollow{padding:9px 19px}}@media (min-width: 1024px){.btn,.full{padding:8px 20px}.hollow{padding:8px 18px}}.fade-in{opacity:0;transform:translateY(40px);transition:opacity .4s ease-out,transform .4s ease-out;will-change:transform,opacity;pointer-events:none;touch-action:pan-y}.fade-in.visible{opacity:1;transform:translateY(0);pointer-events:auto}.fade-in.left{transform:translate(-40px)}.fade-in.left.visible{transform:translate(0)}.fade-in.right{transform:translate(40px)}.fade-in.right.visible{transform:translate(0)}.fade-in.down{transform:translateY(-40px)}.fade-in.down.visible{transform:translateY(0)}.page.blog{background-image:url(/stock/oil-orange-1.webp)}.page.blog:before{background-color:rgba(var(--bg-rgb),.95)}.page.blog .cards-container{justify-content:start}.redirect-button-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.page-title{width:100%;text-align:end!important;display:flex;flex-direction:column;align-items:end!important}.page-title .title,.page-title .subtitle{max-width:80%}@media (min-width: 768px){.page-title{text-align:start!important;align-items:start!important}.page-title .title,.page-title .subtitle{max-width:100%}}.page.home{justify-content:center;gap:2rem;background-image:url(/stock/oil-purple-1.webp)}.page.home:before{background-color:rgba(var(--bg-rgb),.9)}.home .search-container,.home .links-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.home .search-container{width:100%;gap:1.75rem;text-align:center}.home .links-container{gap:.25rem}.home .card{align-items:center;justify-content:start;background-color:transparent;border:none}.search-result-item{font-family:var(--heading);font-weight:600;padding:.5rem 1rem;color:var(--text);background:rgba(var(--text-rgb),.25);border-radius:.25rem;border:1px solid rgba(var(--secondary-rgb),.25);transition:background .2s}.search-result-item:hover{background:rgba(var(--on-secondary-rgb),.5)}.search-empty-state{text-align:center;opacity:.75;max-width:70%;word-wrap:break-word}.search-empty-state strong{color:var(--primary)}@media (min-width: 768px){.page.home{justify-content:space-evenly;gap:1rem}.home .search-container{width:80%}}@media (min-width: 1024px){.home .search-container{width:50%}}.search-input-wrapper{position:relative;display:flex;align-items:center;background-color:var(--secondary)!important;padding:.4rem 1rem;transition:border-color .4s ease;width:fit-content;height:fit-content}.search-input-wrapper *{color:var(--on-secondary)!important;font-family:var(--heading)!important}.search-input-wrapper.full{width:100%;padding:.4rem 1rem}.search-input-wrapper:focus-within{border-color:var(--primary)}.search-input{flex:1;border:none;outline:none;background-color:transparent;color:var(--bg);min-width:0;font-family:var(--body)}.search-icon-btn{background:none;border:none;padding:0;margin-left:.5rem;cursor:pointer;display:flex;align-items:center;transition:transform .4s ease}.search-icon{transition:opacity .4s ease,transform .4s ease;fill:var(--bg)}.fade-search{opacity:1;transform:rotate(0)}.fade-x{opacity:1;transform:rotate(180deg);fill:var(--bg)}.page.inspo{padding:2rem;background-image:url(/stock/oil-purple-5.webp)}.page.inspo:before{background-color:rgba(var(--bg-rgb),.96)}.inspo-list-container{width:100%}.inspo-list{display:flex;flex-direction:column;gap:.5rem}.page.login .dope{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.page.snippets{align-items:start}.page.snippets .title-wrapper{display:flex;align-items:center;justify-content:space-between}.page.snippets .filter-container{width:100%;flex-direction:column;display:flex;align-items:end;gap:1rem}.page.snippets .filter-container .search-input-wrapper,.page.snippets .placeholder{flex:1}@media (min-width: 768px){.page.snippets .filter-container{flex-direction:row}}.add-snippets-container{width:100%}.add-snippets-container .toggle-container{display:flex;justify-content:end;margin-bottom:1rem}.add-snippets{display:flex;flex-direction:column;gap:1rem}.add-snippets .btn-container{display:flex;align-items:center;gap:1rem}.add-snippets .input-container{display:flex;gap:1rem}.add-snippets .text-input-container{flex:2;display:flex;flex-direction:column;gap:1rem}.add-snippets .upload-file-container{flex:1}.code-input-container{display:flex;gap:1rem}.code-input-wrapper{width:400px}.code-input-wrapper.full-width{width:100%}.code-textarea{font-family:monospace;font-size:.9rem;resize:none;overflow:hidden;line-height:1.4;min-height:40px;transition:all .2s ease-in-out;background-color:#2c2929;color:#e9e9e9}.code-textarea.expanded{min-height:120px}.submit-wrapper{display:flex;justify-content:flex-end;margin-top:.5rem}.submit-button{background-color:var(--text);color:var(--bg);border:none;padding:8px 16px;font-size:.9rem;border-radius:4px;cursor:pointer;transition:background .2s ease}.submit-button:hover{background-color:var(--primary)}.submit-button:disabled{opacity:.5;cursor:not-allowed}.input-wrapper{display:flex;flex-direction:column;width:fit-content;align-items:flex-start}.input-wrapper.full-width{width:100%}.input-wrapper label{color:var(--text)}.custom-input{padding:10px 16px;border-radius:.25rem;border:1px solid var(--text);background-color:var(--bg);color:var(--text);font-family:var(--heading);transition:border-color .2s ease,box-shadow .2s ease,height .2s ease;width:100%;box-sizing:border-box}.custom-input:focus{outline:none;border-color:var(--primary)}.custom-input:disabled{opacity:.5;cursor:not-allowed}.input-container{position:relative;width:100%}.eye-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;color:var(--text);display:flex;align-items:center;justify-content:center;padding:0}.custom-input.resizable{resize:vertical;overflow:auto}.custom-input.resizable.full{resize:both}.upload-file-container,.preview-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.upload-file-container{border:2px dashed var(--text);padding:1rem;min-width:calc(420px + 2rem)}.upload-file-container,.upload-file-container img,.upload-file-container video{border-radius:.25rem}.error-container{width:100%;height:100%;flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;position:relative;z-index:1000;background-color:rgba(var(--danger-rgb),.1);border-radius:4px;padding:1.5rem!important}.card.snippet{padding:1rem}.card.snippet .cards-container.row.snippet-code-wrapper{flex-direction:column-reverse}.snippet-code-wrapper{width:100%;justify-content:space-between!important}.code-container,.snippet .desc{flex:1}.card.snippet .code *:not(.title-wrapper *){color:#fff}.code-scroll{position:relative}.code-scroll:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:30px;background:linear-gradient(to bottom,transparent,#282727);pointer-events:none}@media (min-width: 768px){.card.snippet{padding:1.5rem}.card.snippet .cards-container.row.snippet-code-wrapper{flex-direction:row-reverse}.code-scroll{scrollbar-width:thin;scrollbar-color:#888 transparent}.code-scroll::-webkit-scrollbar{width:6px}.code-scroll::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}}.file-preview{margin-top:.75rem;display:flex;align-items:center;justify-content:center}.file-preview-image,.file-preview-video{max-width:100%;max-height:420px;align-self:center}.file-preview-file{width:100%}.theme .theme-toggle-container{width:100%;display:flex;align-items:center;justify-content:end;gap:.5rem}.card.colors.primary *{color:var(--on-primary)}.card.colors.secondary *{color:var(--on-secondary)}.card.colors.text *{color:var(--bg)}.card.colors.danger *,.card.colors.safe *,.card.colors.bg *{color:var(--text)}@media (min-width: 768px){.theme .theme-toggle-container{justify-content:start}}.page.thoughts{align-items:start}.bubble-tab{width:fit-content;display:flex;align-items:center;gap:.5rem;color:var(--text);padding:.2rem;border-radius:360px}.tab-item{padding:.3rem 1.25rem;border-radius:360px;cursor:pointer;transition:background .2s ease}.tab-item.active{background:var(--secondary);color:var(--text)!important;box-shadow:2px 0 10px rgba(var(--bg-rgb),1)}.tab-item.inactive{background:rgba(var(--text-rgb),.1)}.tab-item.inactive:hover{background:rgba(var(--primary-rgb),.75);color:var(--bg);box-shadow:2px 0 10px rgba(var(--bg-rgb),.5)}@media (min-width: 768px){.bubble-tab{background-color:var(--secondary)}.tab-item{color:var(--bg)}.tab-item.active{background:var(--bg);color:var(--secondary)}.tab-item.inactive{background:transparent}}.error-container{width:100%;height:100%;flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;position:relative;z-index:1000;background-color:rgba(var(--danger-rgb),.1);border-radius:4px;padding:1.5rem}.error-icon{animation:shake 1s ease-in-out infinite alternate}.error-message{color:var(--danger);font-weight:600;text-align:center}@keyframes shake{0%{transform:translateY(-2px)}to{transform:translateY(2px)}}.app-icon{display:inline-block;vertical-align:middle;transition:transform .2s ease,fill .2s ease}.card.thoughts.content{font-family:inherit;font-weight:inherit;text-decoration:none;position:relative}.card.thoughts .image-wrapper{background-color:var(--bg)}.card.thoughts.content{width:100%;flex-direction:column;align-items:stretch;gap:0;padding:0;margin-bottom:2rem;cursor:pointer}.card.thoughts.content:hover{box-shadow:none}.card.thoughts.content{margin:0;background-color:transparent;gap:1rem}.card.thoughts.content .content-headline{display:flex;flex-direction:column;gap:1.25rem;padding:1rem;color:var(--text)}.card.thoughts.content.visited .content-headline .headline,.card.thoughts.content.visited .content-headline .description,.card.thoughts.content.visited .content-headline .info{color:rgba(var(--text-rgb),.5)}.card.thoughts.content.visited .image-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--bg-rgb),.65);z-index:2;pointer-events:none}.content-headline .info{display:flex;align-items:center;justify-content:space-between;color:rgba(var(--text-rgb),.75)}.card.thoughts.content .description,.card.thoughts.content .headline{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card.thoughts .text-container{flex:4;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;gap:2rem}.card.thoughts .text-container .btn{align-self:flex-end}.card.thoughts .image-container{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;z-index:1;background-size:cover;background-position:center;background-repeat:no-repeat}.card.thoughts .image-container img{width:100%;height:100%;object-fit:cover;display:block}.card.thoughts .category{background-color:var(--secondary);color:var(--on-secondary);padding:.125rem .75rem;border-radius:360px}.blurred{filter:blur(4px) brightness(.5)}.locked-overlay{position:absolute;top:0;left:0;z-index:999;width:100%;height:100%;background-color:#00000080;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem}.locked-overlay p{opacity:.5;font-style:italic;font-weight:400}.toolkit-d-content{width:100%;display:flex;padding-top:2rem;gap:2rem}.toolkit-d-content .cards-container{flex:1}.shortcuts-wrapper{display:none}.page.toolkits-detail .card{background-color:transparent;width:100%;border:none;padding-top:0;gap:2rem}.page.toolkits-detail .card:hover{transform:translateY(-0pc)}.page.toolkits-detail section{padding-bottom:6rem;align-items:start}.page.toolkits-detail .section-title{width:100%;border-top:3px dashed var(--text);padding-top:1.5rem}.card .card-content.tool-d{width:100%;display:flex;flex-direction:column;gap:.5rem}@media (min-width: 1024px){.shortcuts-wrapper{width:180px;display:flex}.shortcuts{position:fixed;top:0;right:0;width:180px;height:100vh;display:flex;flex-direction:column;align-items:stretch;gap:.5rem;border-left:1px solid rgba(var(--text-rgb),.25);padding:12rem 0 1rem 1rem}.shortcuts-item{border-radius:.25rem;padding:.5rem;transition:background-color .3s ease}.shortcuts-item *{font-size:clamp(.75rem,1.25vw,1.125rem)}}.page.toolkits{align-items:start}.page.toolkits .card{align-items:start;justify-content:start;cursor:pointer}.page.toolkits .card .cards-container{grid-template-columns:repeat(2,1fr);gap:.25rem;padding-inline:1rem;padding-top:.5rem}.page.wips{padding:2rem;background-image:url(/stock/oil-purple-2.webp)}.page.wips:before{background-color:rgba(var(--bg-rgb),.9)}.wips-subtitle{color:rgba(var(--text-rgb),.5);font-size:1.125rem;padding-bottom:.75rem;font-weight:500}.page.canvas{text-align:start;align-items:start;justify-content:start}:root{width:100%;max-width:100vw;color-scheme:light dark;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;--horizontal-spacing: clamp(50px, 8vw, 100px);--small-h: clamp(.75rem, 1.25vw, .9rem);--small-p: clamp(.65rem, .95vw, .85rem);--heading: "Chakra Petch", sans-serif;--body: "Inclusive Sans", sans-serif;--btn-font: "Oswald", sans-serif;--primary: #658eab;--primary-rgb: 101, 142, 171;--on-primary: #f3e2d4;--on-primary-rgb: 243, 226, 212;--secondary: #c5b0cd;--secondary-rgb: 197, 176, 205;--on-secondary: #222222;--on-secondary-rgb: 34, 34, 34;--bg: #222222;--bg-rgb: 34, 34, 34;--text: #f3e2d4;--text-rgb: 243, 226, 212;--neutral: #7a7a73;--neutral-rgb: 122, 122, 115;--danger: #ff1e00;--danger-rgb: 255, 30, 0;--safe: #59ce8f;--safe-rgb: 89, 206, 143}[data-theme=light]{--heading: "Chakra Petch", sans-serif;--body: "Inclusive Sans", sans-serif;--btn-font: "Oswald", sans-serif;--primary: #658eab;--primary-rgb: 101, 142, 171;--on-primary: #f3e2d4;--on-primary-rgb: 243, 226, 212;--secondary: #c5b0cd;--secondary-rgb: 197, 176, 205;--on-secondary: #222222;--on-secondary-rgb: 34, 34, 34;--bg: #f3e2d4;--bg-rgb: 243, 226, 212;--text: #222222;--text-rgb: 34, 34, 34}[data-theme=barbie]{--heading: "Playfair Display", serif;--body: "Quicksand", sans-serif;--btn-font: "Poppins", sans-serif;--primary: #e0218a;--primary-rgb: 224, 33, 138;--on-primary: #ffe0f0;--on-primary-rgb: 255, 224, 240;--secondary: #faa4bd;--secondary-rgb: 250, 164, 189;--on-secondary: #533b4d;--on-secondary-rgb: 83, 59, 77;--bg: #feebf6;--bg-rgb: 254, 235, 246;--text: #533b4d;--text-rgb: 83, 59, 77}[data-theme=ken]{--heading: "Sora", sans-serif;--body: "Orbit", sans-serif;--btn-font: "Outfit", sans-serif;--primary: #00aeef;--primary-rgb: 0, 174, 239;--on-primary: #fbfbfb;--on-primary-rgb: 251, 251, 251;--secondary: #a1e3f9;--secondary-rgb: 161, 227, 249;--on-secondary: #333446;--on-secondary-rgb: 51, 52, 70;--bg: #333446;--bg-rgb: 51, 52, 70;--text: #fbfbfb;--text-rgb: 251, 251, 251}html{scroll-snap-type:y mandatory;scroll-behavior:smooth;position:relative}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg);color:var(--text);font-family:var(--body);font-weight:400}*{margin:0;padding:0;box-sizing:border-box;color:var(--text);-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6{font-family:var(--heading);text-decoration:none;font-weight:600}h1{font-size:clamp(2.5rem,5vw,3rem)}h2{font-size:clamp(2rem,4vw,2.5rem)}h3{font-size:clamp(1.75rem,3.5vw,2rem)}h4{font-size:clamp(1.5rem,3vw,1.75rem)}h5{font-size:clamp(1.25rem,2.5vw,1.5rem)}h6{font-size:clamp(1rem,2vw,1.25rem)}p,select,option,li,a,blockquote{font-size:clamp(.9rem,.9vw,1rem)}a{color:var(--primary);transition:color .2s ease;cursor:pointer}a:hover:not(.sidebar a){color:var(--secondary);font-weight:600}strong{font-weight:600}ul{padding-left:1.5rem;text-decoration:none}blockquote{text-align:start;font-size:var(--small-h);font-style:italic!important;font-family:Poppins,sans-serif;margin:1rem 0;padding:1rem;background-color:rgba(var(--text-rgb),.1);border-left:4px solid rgba(var(--secondary-rgb),.5)}.small-p{font-size:var(--small-p);font-family:var(--body);text-decoration:none;color:rgba(var(--text-rgb),.75);font-weight:600}.small-h{font-size:var(--small-h);font-family:var(--heading);text-decoration:none;font-weight:700}