button,fieldset{border:0;outline:0}button{background:0 0}a{color:var(--l)}blockquote{border-left:4px solid var(--l);margin-left:15px}table{margin:1em 0;border-collapse:collapse;border:1px solid var(--br)}table tr th{vertical-align:top;text-align:left}hr{margin:1em 0;border:0;height:1px;background-color:var(--br)}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}button[disabled]{cursor:not-allowed}.button-general{font-family:Ubuntu;display:inline-block;cursor:pointer;background:rgb(32.775,31.35,45.6);padding:.25em 1em;border-radius:8px}.button-general:hover{background:hsl(246,18.5185185185%,20.0882352941%)}.button-primary{display:inline-block;color:#f7f7f6;background:rgba(252,58,120,.5);padding:.2em .5em;margin:0 .2em;border-radius:9px;cursor:pointer;transition:transform .2s ease}.button-primary:disabled{cursor:not-allowed}.button-primary:not(:disabled):hover{background:rgba(252,58,120,.7)}.button-primary.light{font-size:.9em;border-radius:16px;color:#f7f7f6;background:rgba(247,247,246,.1);border:1px solid rgba(247,247,246,.3137254902)}.button-primary>.btn-icon,.button-primary>.btn-text{display:inline-block;margin-top:-.5em;vertical-align:middle;vertical-align:-webkit-baseline-middle}.button-primary>.btn-icon{font-size:.9em;margin-right:.5em}input[type=text]{border-radius:4px;border:0;padding:.15em .5em;background:hsl(246,18.5185185185%,17.5882352941%)}input[type=checkbox]{display:none}.preview-header-button{color:#fc3a78;font-size:1.4em;cursor:pointer;margin-right:.25em;height:min-content}.preview-header-button>i{transition:.2s ease-out;transform-origin:right bottom}.preview-header-button:hover>i{transform:translateX(-.25em)}.button-group{display:inline-flex;flex-direction:row;white-space:nowrap;padding:.5em .8em}.button-group>label{border:1px solid rgba(247,247,246,.15);padding:.25em 1em;margin:0;cursor:pointer;transition:.2s ease}.button-group>label:hover{border-color:#3ad2fc}.button-group>label.button-general{border-radius:0}.button-group>input[type=radio]{display:none}.button-group>input[type=radio]:checked+label{background:#171620;color:#171620!important}.button-group>input[type=radio]:first-child+label{border-radius:.5em 0 0 .5em}.button-group>label:first-child{border-radius:.5em 0 0 .5em}.button-group>label:last-child{border-radius:0 .5em .5em 0}input[name=component-theme-preview]+label>i{background:var(--thm,#3ad2fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.theme-buttons>label{padding:.25em .7em}label.theme-more{padding:.25em .35em}.theme-more>i{transition:.1s}#component-theme-more:checked+.theme-more{background:#171620}#component-theme-more:checked+.theme-more>i{transform:scaleX(-1)}#component-theme-more:not(:checked)~.theme-ext{display:none}#comp-fav-btn{display:none}#comp-fav-btn+label{cursor:pointer;margin:0 .7em}#comp-fav-btn+label>i{font-size:1.25em;transition:.75s ease}#comp-fav-btn+label>i:hover{transform:rotate(210deg)}#comp-fav-btn:checked+label>.checked{display:none}#comp-fav-btn:not(:checked)+label>.checked-not{display:none}#home-button.hidden~#comp-fav-btn~label{display:none}.filter-group{display:flex;padding-right:1.6em}.filter-group>.filter-title{flex-grow:1;cursor:default}.filter-group>.filter-title:hover{border-color:rgba(247,247,246,.15)}.filter-group>input:checked+label{background:#3ad2fc}.filter-group>input:checked+label>i{color:#171620}#component-inputs .input-reset{cursor:pointer;margin-left:.5em}#component-inputs[data-comp=components__accordion]{display:flex}#component-inputs[data-comp=components__accordion]>.comp-inp-group{display:flex;align-items:center;max-width:200px;margin-right:1em}#component-inputs[data-comp=components__accordion] label{min-width:0!important;margin-right:1em}#component-inputs[data-comp=components__accordion] input{width:3.5em!important;text-align:center}#component-inputs[data-comp=tweaks__profile-picture] input{flex-grow:1}.hidden{display:none!important}.non-interractable{pointer-events:none;-webkit-user-select:none;user-select:none}.flex-space{flex-grow:1}.tooltip-content{position:absolute;bottom:calc(-100% - .25em);left:50%;bottom:0;height:fit-content;padding:.2em .5em;background:#171620;border-radius:6px;line-height:1em;pointer-events:none;white-space:nowrap;z-index:99;transition:.25s ease;opacity:0;transform:translate(-50%,100%)}.tooltip-t{bottom:100%;transform:translate(-50%,0)}.tooltip-l{left:0;bottom:50%;transform:translate(-100%,50%)}.tooltip-r{left:100%;bottom:50%;transform:translate(0,50%)}.tooltip{position:relative}.tooltip:hover>.tooltip-content{opacity:1;transform:translate(-50%,calc(100% + .5em))}.tooltip:hover>.tooltip-content.tooltip-t{transform:translate(-50%,-.5em)}.tooltip:hover>.tooltip-content.tooltip-l{transform:translate(calc(-100% - .5em),50%)}.tooltip:hover>.tooltip-content.tooltip-r{transform:translate(.5em,50%)}#home-preview{transition:.5s ease;background:var(--b2);padding:1.5em 2em;color:var(--t);display:grid;grid-template-columns:repeat(4,25%);border-bottom:1px solid rgba(247,247,246,.3137254902)}#home-preview>div{margin:.5em;padding:.5em}#home-preview>div>:not(hr){margin:0;padding:.8em 1em}#home-preview>div>h4{opacity:.3}#home-preview>div>.table-cont{padding:0 2em 1em}#home-preview>div:hover>h4{opacity:1}#home-preview>div:first-child,#home-preview>div:nth-child(2),#home-preview>div:nth-child(5),#home-preview>div:nth-child(8){border-right:1px solid var(--br)}#home-preview>div.hr{grid-column:span 4;margin-top:1em;margin-bottom:1em;border:none;border-top:1px solid var(--br)}#home-preview ul{padding-left:2em}#home-preview .custom-accrd{margin:0}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}#components-list{position:relative}.onboard-check-dummy{content:"";position:absolute;top:0;width:9.5%;height:100%;pointer-events:none}.driver-popover{color:#171620;background:#f7f7f6}.driver-popover-arrow-side-right{border-right-color:#f7f7f6}.driver-popover-navigation-btns>button{color:#fc3a78;border-color:#fc3a78;background:hsl(60,5.8823529412%,146.6666666667%)}.driver-popover-navigation-btns>button.driver-popover-prev-btn{color:#171620;border-color:#171620}svg.driver-overlay>path{fill:rgba(23,22,32,.92)!important}.intro-popover{display:flex;font-size:1.1em;margin-top:10px;text-align:center}.intro-popover>.pitch-logo{display:block;height:100px;transform:rotate(-35deg);margin-right:-1em}#component-preview{color:var(--t)}.component-container-single{display:flex;flex-direction:column;border:1px solid rgba(247,247,246,.065);border-radius:6px;background:hsl(246,18.5185185185%,11.5882352941%);margin-bottom:1.25em;margin-top:1.25em}.component-container-single.css-cont{padding-top:.8em}.component-container-single.css-cont>div{margin:0 .8em 0}.component-container-img{--b2:transparent}.component-container-img img{display:block;margin:auto}.component-display{border-bottom:1px solid rgba(247,247,246,.065);padding:1.2em;padding-bottom:1.6em;margin:0;background:var(--b2);transition:.5s ease}.component-display h1,.component-display h2,.component-display h3,.component-display h4,.component-display h5,.component-display h6{font-family:var(--ff, initial)}.component-preview-control{display:flex;font-family:Ubuntu;padding:.8em;margin:0!important}.component-preview-control>button{display:flex;align-items:center;margin:0 .25em}.component-html{font-family:Ubuntu;margin-bottom:.7em;padding:.8em 1em!important;color:#f7f7f6;background:hsl(246,18.5185185185%,9.5882352941%);border-radius:6px;height:auto;overflow:auto}.component-html::-webkit-scrollbar{width:.5em;height:.5em}.component-html::-webkit-scrollbar-track{background:#171620}.component-html::-webkit-scrollbar-thumb{background:#3ad2fc}.component-html::-webkit-scrollbar-thumb:hover{background:rgb(3.12,161.2,204.88)}.component-html>pre{margin-top:0}.html-hidden{display:none}.comp-codepen-edit>.fa-solid{font-size:.8em;color:#fc3a78;margin-right:.5em}.component-docs{margin-top:1.5em;font-family:Lato;font-size:1.15em;line-height:1.5em;color:#f7f7f6}.component-docs code{background:hsl(246,18.5185185185%,15.5882352941%);padding:0 .5em;border-radius:.2em}#wrapper{--b:var(--itchio_bg_color);--b2:var(--itchio_bg2_color);--b2s:var(--itchio_bg2_sub);--t:var(--itchio_text_color);--l:var(--itchio_link_color);--br:var(--itchio_border_color);--btn:var(--itchio_button_color);--btn_f:var(--itchio_button_fg_color);--btn_s:var(--itchio_button_shadow_color)}.custom-accrd{--br-accrd:var(--accordion-border-col, var(--br));max-width:var(--accordion-width,553px);margin:auto;border:1px solid var(--br-accrd);border-radius:3px;margin-top:1.5em;margin-bottom:1.5em}.custom-accrd details,.custom-accrd>*{padding:.75em 1.2em;margin:0}.custom-accrd>details[open] summary{margin-bottom:.25em}.custom-accrd>details[open] summary:after{content:var(--accrd-opn, "▼")}.custom-accrd>details:not(:last-child){border-bottom:1px solid var(--br-accrd)}.custom-accrd>details:first-of-type:not(:first-child){border-top:1px solid var(--br-accrd)}.custom-accrd>details:last-of-type:not(:last-child){border-bottom:1px solid var(--br-accrd)}.custom-accrd summary{font-size:105%;cursor:pointer;display:flex;text-decoration:underline}.custom-accrd summary:not(:hover){color:var(--accordion-item-col,var(--l));text-decoration:none}.custom-accrd summary::after{text-align:right;flex-grow:1;content:var(--accrd-cls, "►")}.custom-accrd summary::-webkit-details-marker{display:none}.custom-accrd.custom-left{margin-left:0}.custom-accrd.custom-right{margin-right:0}.custom-accrd.custom-full-w{max-width:100%}blockquote.custom-callout{font-style:normal;border:1px solid var(--br);border-left:5px solid var(--l);padding:.05em 1em;padding-bottom:1em;background:var(--b2);border-radius:4px}blockquote.custom-callout>:first-child{color:var(--l)}blockquote.custom-callout>:first-child>img{vertical-align:middle;max-height:1em}.custom-img-compare{position:relative;width:fit-content;padding-bottom:1em;margin:auto}.custom-img-compare img{display:block;height:100%;max-width:unset}.custom-img-compare>img{max-width:100%}.custom-img-compare>div{position:absolute;top:0;left:0;bottom:0;max-width:100%;width:50%;padding-bottom:1em;overflow:hidden;resize:horizontal}.custom-img-compare>div::after{content:"";position:absolute;top:0;right:0;height:calc(100% - .2rem);border-right:2px solid var(--l)}.custom-img-compare>div::before{content:"";position:absolute;bottom:0;right:calc(-.5em + 1px);background:var(--l);height:.8rem;width:1.25rem;clip-path:circle(50%)}dl.custom-info{display:grid;grid-template-columns:auto auto}dl.custom-info>*{margin:.2em 8px}dl.custom-info>dt{text-align:right;font-weight:700}dl.custom-info.custom-left{grid-template-columns:min-content auto}dl.custom-info.custom-right{grid-template-columns:auto min-content}.custom-lb{background:var(--btn);color:var(--btn_f);text-decoration:none;padding:.2ch 1ch;margin:.15em;font-weight:700;border-radius:4px;line-height:1em;display:inline-block}.custom-lb>img{height:1em;vertical-align:bottom}small.custom-lb{font-size:.6em}a.custom-lb{color:var(--btn_f)}.custom-grouped-lb{white-space:nowrap}.custom-grouped-lb>.custom-lb{border-radius:0;margin:0}.custom-grouped-lb>.custom-lb:first-child{border-radius:12px 0 0 12px}.custom-grouped-lb>.custom-lb:last-child{border-radius:0 12px 12px 0}.custom-grouped-lb>.custom-lb:not(:last-child){margin-right:.1em}.custom-read-more:has(>details:not([open]))>.custom-content{max-height:5.5em;--mask:linear-gradient(to bottom, black 50%, transparent);-webkit-mask-image:var(--mask);mask-image:var(--mask)}.custom-read-more:has(>details[open])>.custom-content{max-height:unset!important}.custom-read-more>details>summary{display:flex;width:min-content;margin-top:.5em;white-space:nowrap;color:var(--l);text-decoration:1px underline;cursor:pointer}.custom-read-more>details>summary::-webkit-details-marker{display:none}.custom-read-more>details>summary::after{content:var(--read-more-cls, "Read more...")}.custom-read-more>details[open]>summary::after{content:var(--read-more-opn, "Read less...")}.custom-read-more>.custom-tl-list+details>summary{padding-left:1em}.custom-read-more.custom-center>details>summary{margin-left:auto;margin-right:auto}.custom-read-more.custom-right>details>summary{margin-left:auto}.custom-read-more.custom-once>details[open]{display:none}.custom-hd:not(:hover){color:transparent;background:var(--t)}.custom-hd::selection{color:var(--t);background:var(--t)}.custom-hd-click{display:inline-block;height:1em}.custom-hd-click>details{display:flex}.custom-hd-click>details>summary{display:flex}.custom-hd-click>details>summary::selection{color:var(--t);background:var(--t)}.custom-hd-click>details>summary::-webkit-details-marker{display:none}.custom-hd-click>details:not([open])>summary{color:transparent;background:var(--t);cursor:pointer}.custom-hd-click>details[open]>summary{background:rgba(0,0,0,0);transition:background .5s ease}#wrapper :not(.game_info_panel_widget)>table{width:100%;border-color:var(--br)}#wrapper :not(.game_info_panel_widget)>table td,#wrapper :not(.game_info_panel_widget)>table th{border:none!important;border-bottom:1px solid var(--br)!important;padding:.6em 1em!important}#wrapper :not(.game_info_panel_widget)>table th{background:var(--b2s)}.custom-tl-list{display:grid;grid-template-columns:7.5em 1fr;padding-left:1em}.custom-tl-list>dd,.custom-tl-list>dt{margin:.25em 0;padding:0 .5em}.custom-tl-list>dt{position:relative;grid-column:1;width:fit-content;max-height:1.25em;font-weight:700;background:var(--t);color:var(--b2);border-radius:6px}.custom-tl-list>dt>small{position:absolute;left:0;top:100%;margin-top:.5em;color:var(--t);font-size:.85em;font-weight:400;white-space:nowrap;opacity:.8}.custom-tl-list>dt:not(:first-child){margin-top:1.5em}.custom-tl-list>dt:not(:first-child)+dd{margin-top:1.5em}.custom-tl-list>dd{display:list-item;grid-column:2;margin-left:1em}.custom-tl-list>dd>.custom-lb{padding:0 .7ch!important;outline:.35ch solid var(--btn)}#wrapper kbd{font-size:.8em;background:var(--br);border-radius:5px;border-bottom:3px solid var(--b2s);padding:.1ch .8ch}.custom-toggles{display:inline-flex;background:var(--b2);border:1px solid var(--b2s,currentColor);border-radius:24px}.custom-toggle{padding:.1em .8em;margin:2px;border-radius:inherit;transition:.3s}.custom-toggle:not(:hover){text-decoration:none}[class^=custom-content-]{display:none}#wrapper:has(a.custom-toggle:target[name=toggle-a]) .custom-content-a,#wrapper:has(a.custom-toggle:target[name=toggle-b]) .custom-content-b,#wrapper:not(:has(a.custom-toggle:target)) .custom-content-a{display:block}.custom-toggles:not(:has(a.custom-toggle:target)) a.custom-toggle[name=toggle-a],.custom-toggles>a.custom-toggle:target{color:var(--btn_f);background:var(--btn)}.custom-tip{position:relative}.custom-tip:has(>img){display:inline-block}.custom-tip:has(>img)>img{position:relative}.custom-tip>.custom-tip-content{position:absolute;bottom:calc(-100% - .25em);left:50%;bottom:0;height:fit-content;padding:.2em .5em;color:var(--t);background:var(--b2);border:1px solid var(--br);border-radius:6px;pointer-events:none;white-space:nowrap;z-index:99;transition:.25s ease;opacity:0;transform:translate(-50%,100%)}.custom-tip>.custom-tip-content.custom-top{bottom:100%;transform:translate(-50%,0)}.custom-tip>.custom-tip-content.custom-left{left:0;bottom:50%;transform:translate(-100%,50%)}.custom-tip>.custom-tip-content.custom-right{left:100%;bottom:50%;transform:translate(0,50%)}.custom-tip:hover>.custom-tip-content{opacity:1;transform:translate(-50%,calc(100% + .5em))}.custom-tip:hover>.custom-tip-content.custom-top{transform:translate(-50%,-.5em)}.custom-tip:hover>.custom-tip-content.custom-left{transform:translate(calc(-100% - .5em),50%)}.custom-tip:hover>.custom-tip-content.custom-right{transform:translate(.5em,50%)}abbr.custom-tip{text-decoration:2px underline dotted var(--l)}p.custom-drop-cap:first-letter{float:left;line-height:.8em;padding-right:.2em;padding-left:.2em;font-size:5em}.custom-indev{--col:#eca20e;--bg:#1b1b1b;display:flex;background-image:repeating-linear-gradient(-45deg,var(--bg),var(--bg) 2rem,var(--col) 2rem,var(--col) 3.5rem);background-size:200% 200%;border-radius:.5em;font-size:.75em;font-weight:bolder;letter-spacing:.2em;overflow:hidden;animation:indev-anim 30s linear infinite}.custom-indev>div{padding:.2em 3em;margin-left:2em;background:var(--bg);color:#ecebe8}@keyframes indev-anim{100%{background-position:100% 100%}}a.custom-link-ext{padding-right:1.25em}a.custom-link-ext::after{position:absolute;display:inline-block;content:".";width:1em;margin-top:.2em;margin-left:.25em;background-repeat:no-repeat;background:currentColor;mask-size:1em;-webkit-mask-size:1em;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;--ext-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E%3C%21--%21Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d=%27M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6l0-128c0-17.7-14.3-32-32-32L352 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z%27/%3E%3C/svg%3E");mask-image:var(--ext-i);-webkit-mask-image:var(--ext-i)}.custom-link-itch{padding-left:1.25em}.custom-link-itch::before{position:absolute;display:inline-block;content:".";width:1em;margin-top:.15em;margin-left:-1.25em;background-repeat:no-repeat;background:currentColor;mask-size:1em;-webkit-mask-size:1em;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;--itch-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E%3C%21--%21Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d=%27M71.9 34.8C50.2 47.7 7.4 96.8 7 109.7v21.3c0 27.1 25.3 50.8 48.3 50.8 27.6 0 50.5-22.9 50.5-50 0 27.1 22.2 50 49.8 50s49-22.9 49-50c0 27.1 23.6 50 51.2 50h.5c27.6 0 51.2-22.9 51.2-50 0 27.1 21.5 50 49 50s49.8-22.9 49.8-50c0 27.1 23 50 50.5 50 23 0 48.3-23.8 48.3-50.8v-21.3c-.4-12.9-43.2-62.1-64.9-75C372.6 32.4 325.8 32 256 32S91.1 33.1 71.9 34.8zm132.3 134.4c-22 38.4-77.9 38.7-99.9 .3-13.2 23.1-43.2 32.1-56 27.7-3.9 40.2-13.7 237.1 17.7 269.2 80 18.7 302.1 18.1 379.8 0 31.7-32.3 21.3-232 17.8-269.2-12.9 4.4-42.9-4.6-56-27.7-22 38.5-77.9 38.1-99.9-.2-7.1 12.5-23.1 28.9-51.8 28.9a57.5 57.5 0 0 1 -51.8-28.9zm-41.6 53.8c16.5 0 31.1 0 49.2 19.8a436.9 436.9 0 0 1 88.2 0C318.2 223 332.9 223 349.3 223c52.3 0 65.2 77.5 83.9 144.5 17.3 62.2-5.5 63.7-34 63.7-42.2-1.6-65.5-32.2-65.5-62.8-39.3 6.4-101.9 8.8-155.6 0 0 30.6-23.3 61.2-65.5 62.8-28.4-.1-51.2-1.6-33.9-63.7 18.7-67 31.6-144.5 83.9-144.5zM256 270.8s-44.4 40.8-52.4 55.2l29-1.2v25.3c0 1.6 21.3 .2 23.3 .2 11.7 .5 23.3 1 23.3-.2v-25.3l29 1.2c-8-14.5-52.4-55.2-52.4-55.2z%27/%3E%3C/svg%3E");mask-image:var(--itch-i);-webkit-mask-image:var(--itch-i)}.custom-rating{display:inline-flex;color:var(inherit,var(--l));text-decoration:none}.custom-rating>span{transition:.15s ease-out;cursor:pointer}.custom-rating>span:hover~span{color:var(--t)}.custom-plzzz::after,.custom-plzzz::before{content:"👉";display:inline-block;margin:0 2px;transform-origin:center;animation:u 1.25s ease-out infinite}.custom-plzzz::after{content:"👈";--d:-1}@keyframes u{0%,100%,30%,70%{transform:translateX(0) rotate(0)}10%,50%{transform:translateX(calc(5px * var(--d,1))) rotate(calc(7.5deg * var(--d,1)))}}html{color-scheme:only dark!important}body{background:hsl(246,18.5185185185%,8.0882352941%);font-family:Lato;font-size:.86em}.main-app{max-width:1200px;margin:0 auto}.components-overview{display:flex;flex-direction:row;height:100vh}.components-selector-container{display:flex;flex-grow:1;width:250px;border-right:1px solid rgba(247,247,246,.1);overflow:hidden}.components-selector-container.collapsed{width:0;border:none}.components-selector-container-inner{display:flex;flex-direction:column;width:100%;height:100%;padding:1em .5em;padding-right:0!important;padding-top:1em!important}#components-list{flex-grow:1;margin:0;margin-left:.75em;margin-right:.75em;padding:0;padding-left:.2em;padding-right:.85em;padding-bottom:.75em;overflow-y:scroll;scrollbar-color:#3ad2fc #171620;scrollbar-width:thin}#components-list::-webkit-scrollbar{width:.5em;height:.5em}#components-list::-webkit-scrollbar-track{background:#171620}#components-list::-webkit-scrollbar-thumb{background:#3ad2fc}#components-list::-webkit-scrollbar-thumb:hover{background:rgb(158.47,232.95,253.53)}#components-list>dt{display:flex;align-items:center;font-size:1.375em;font-weight:700;margin-top:.8em;margin-bottom:.5em;text-transform:capitalize;letter-spacing:.085em;color:#fc3a78}#components-list>dt .icon{margin-right:.45em}#components-list>dt>button{padding:.15em;line-height:0;border-radius:3px}#components-list>dt>button>span{font-size:1em}#components-list>dd{color:rgba(247,247,246,.6);display:flex;margin-bottom:.4em;margin-left:.5em;font-size:1.1em;list-style:none}#components-list>dd.sub{padding-left:.9em}#components-list>dd .text{padding:.1em .3em;color:rgba(247,247,246,.6);border-radius:6px;transition:.3s ease}#components-list>dd.viewed>button{pointer-events:none}#components-list>dd.viewed>button>.text{background:hsl(340.824742268,97%,160.7843137255%);color:#171620!important}#components-list>dd>label{margin-right:.3em}#components-list>dd>label>.checked-not{color:#fff}#components-list>dd>label>span{font-size:1.1em}#components-list>dd>label:hover{cursor:pointer;color:#fff}#components-list>dd>label:hover~.component-toggle{color:#fff;text-decoration:underline}#components-list>dd>label:hover~.component-toggle>.text{color:#fff}#components-list>dd>input{display:none}#components-list>dd>input:checked~label>.checked{display:none}#components-list>dd>input:not(:checked)~label>.checked-not{display:none}#components-list>dd>input:checked~button>.text{color:#fff}.component-type-title{flex-grow:1}.component-toggle{color:rgba(247,247,246,.8);text-transform:capitalize}.component-toggle:hover{text-decoration:underline;cursor:pointer}.component-toggle:hover>.text{color:#fff}.component-toggle>.icon{margin-left:.5em;color:#3ad2fc;font-size:.8em}.component-toggle>.icon.fav{color:#fcb930}.copy-btn-container{display:flex;flex-direction:column;min-height:4em;padding:.5em;padding-top:1.25em;border-top:1px solid rgba(247,247,246,.1)}#copy-notification{height:1.1em;font-size:1.1em;text-align:center;white-space:nowrap;margin-top:.5em}.pick-2-notif{text-align:center;color:rgb(253.9125,183.5875,206.0625);margin-top:.2em;min-height:1.2em}.column-right{display:flex;flex-grow:1;flex-direction:column;width:920px}.preview-info{font-size:1.1em;padding:1.5em;background:hsl(246,18.5185185185%,8.0882352941%);padding-top:.25em;padding-bottom:1.25em;border-bottom:1px solid rgba(247,247,246,.075)}.preview-header{display:flex;flex-direction:row;margin-top:.75em;margin-bottom:.85em;align-items:center}#component-title{margin:0 .2em}#component-description{max-width:500px}.right-control{display:flex;flex-grow:1;align-items:center;justify-content:right}.right-control .button-general{display:inline-flex;align-items:center;justify-content:center;width:2em;margin:0 .1em;margin-right:.5em}.preview-container{flex-grow:1;overflow-y:scroll}.pitch-ver{margin-right:1em;margin-left:1em}#wrapper{scrollbar-color:#fc3a78 #171620;scrollbar-width:thin;background:hsl(246,18.5185185185%,8.0882352941%)}#wrapper::-webkit-scrollbar{width:.5em;height:.5em}#wrapper::-webkit-scrollbar-track{background:#171620}#wrapper::-webkit-scrollbar-thumb{background:#fc3a78}#wrapper::-webkit-scrollbar-thumb:hover{background:rgb(253.53,158.47,188.85)}.scope-label{display:inline-flex;column-gap:.5em;margin:0 .3em;padding:.1em .5em;font-size:.85em;border-radius:6px;cursor:help}.scope-label.compatible{background:rgb(26,72.1,29.9)}.scope-label.compatible>.icon{color:rgb(69.3481308411,229.3574766355,61.1425233645)}.scope-label.compatible .tooltip-content{width:100%;padding:.5em;background:rgb(25,55.4,30.6);white-space:wrap}.scope-label.compatible .tooltip-content b{display:inline-block;margin-bottom:.5em}.scope-label.partial{background:rgb(92.6,72.4,25.4)}.scope-label.partial>.icon{color:rgb(255,210.2959183673,86.5)}.scope-label.partial .tooltip-content{width:100%;padding:.5em;background:rgb(69.4,55.6,27.6);white-space:wrap}.scope-label.partial .tooltip-content b{display:inline-block;margin-bottom:.5em}.scope-label.none{background:rgb(85.1,17.5,31.1)}.scope-label.none>.icon{color:rgb(249.1962025316,64.3037974684,82.5443037975)}.scope-label.none .tooltip-content{width:100%;padding:.5em;background:rgb(64.4,19,31.4);white-space:wrap}.scope-label.none .tooltip-content b{display:inline-block;margin-bottom:.5em}.scope-label.only{background:rgb(33.5,78.4,98)}.scope-label.only>.icon{color:rgb(133.3525,227.2125,253.1475)}.scope-label.only .tooltip-content{width:100%;padding:.5em;background:rgb(30,59.6,76);white-space:wrap}.scope-label.only .tooltip-content b{display:inline-block;margin-bottom:.5em}.scope-label>span{text-transform:capitalize}.scope-label>span:not(:last-child)::after{content:","}.copy-btn-container-inner{display:flex;margin:auto}.copy-btn-container-inner>button{height:2em;margin:.1em;border-radius:0}.copy-btn-container-inner>:first-child{border-radius:6px 0 0 6px}.copy-btn-container-inner>:last-child{border-radius:0 6px 6px 0}.non-preview{--t:$text-col;--b:#131120;--b2:rgba(19, 17, 32);--b2s:#2a2837;--t:#eaeaea;--l:#fc3a78;--br:#332f4e;--btn:#fc3a78;--btn_f:#ffffff;--btn_s:#ff4d8b;font-family:Ubuntu}.home-content{color:#f7f7f6;letter-spacing:.05ch;line-height:1.6em;padding:2em}#component-preview{margin:2em;transition:.2s ease}#component-preview>hr.spacing{margin:1em 0;background:0 0;border:none}.preview-control{display:flex;align-items:center}.preview-control>div:last-child{text-align:right;flex-grow:1}#component-notes{background:hsl(246,18.5185185185%,11.5882352941%);font-family:Ubuntu;font-size:.95em;letter-spacing:.025em;transition:.2s ease}.comp-notes{display:flex;align-items:center;padding:.6em 1.1em;border-bottom:1px solid rgba(247,247,246,.075)}.comp-notes.Experimental>.comp-notes-title{background:#ffc721;color:#1c1813}.comp-notes.note-custom>.comp-notes-title{background:rgba(247,247,246,.8);color:#171620}.comp-notes-title{align-self:start;margin-right:1em;padding:.15em .7em;font-size:1.1em;font-weight:bolder;border-radius:.3em}.comp-notes-desc{line-height:1.3em}.comp-notes-desc>code{font-weight:400;padding:.025em .5em;background:rgba(247,247,246,.125);border-radius:5px}#component-inputs{position:sticky;top:0;padding:.8em 1.5em;border-bottom:1px solid rgba(247,247,246,.075);background:hsl(246,18.5185185185%,11.5882352941%);font-family:Ubuntu;transition:.2s ease;z-index:3}.comp-inp-group{display:flex;padding:.3em .5em}.comp-inp-group>.label{min-width:10em}.comp-inp-group>input:focus{outline:1px solid #3ad2fc}.css-output-container{position:relative;display:flex;flex-direction:column;flex-grow:1;align-items:center;height:9em;width:100%;aspect-ratio:1/1;border-top:1px solid rgba(247,247,246,.1)}.css-output-container:before{content:"CSS OUTPUT";font-family:monospace;font-size:1.5em;letter-spacing:.7ch;text-align:center;color:rgba(247,247,246,.7);display:block;position:absolute;top:45%;left:0;width:100%;pointer-events:none}#css-output-textarea{scrollbar-color:#3ad2fc #171620;scrollbar-width:thin;font-family:monospace;color:rgba(247,247,246,.8);background:rgba(247,247,246,.05);flex-grow:1;margin:1em;padding:1em;word-break:break-all;resize:none;width:calc(100% - 4em);border:0;outline:0}#css-output-textarea::-webkit-scrollbar{width:.5em;height:.5em}#css-output-textarea::-webkit-scrollbar-track{background:#171620}#css-output-textarea::-webkit-scrollbar-thumb{background:#3ad2fc}#css-output-textarea::-webkit-scrollbar-thumb:hover{background:rgb(158.47,232.95,253.53)}#css-output-textarea:focus{outline:3px dashed #3ad2fc}::-moz-selection,::selection{color:#171620;background:#3ad2fc}.hidden-opac{opacity:0;cursor:default!important;pointer-events:none;-webkit-user-select:none;user-select:none}