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}input[type=checkbox]+label{cursor:pointer}input[type=checkbox]:checked+label>.checked{display:none}input[type=checkbox]:not(:checked)+label>.checked-not{display:none}#auto-copy-check+label{margin:auto;padding:.2em .5em;font-size:1.1em}#auto-copy-check+label>.tooltip-content{text-align:left;width:13em;left:.25em}.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}.tooltip.theme-hint{padding:.5em;margin-right:-.8em;cursor:help}.tooltip.theme-hint>.fa-solid{transition:.3s ease}.tooltip.theme-hint:not(:hover)>.fa-solid{color:rgba(247,247,246,.3137254902)}.tooltip-content.long{padding:.8em;border:1px solid rgba(247,247,246,.3137254902);line-height:1.35em;white-space:wrap}.tooltip-content.long>hr{margin:.5em 0}#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)}#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__comment-vote-icons] input,#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}ul.nostyle{list-style:none;margin:0;padding:0}.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%)}.toast-cont{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}#toast{position:absolute;bottom:0;right:0;width:13em;height:4.5em;margin:2em;padding-right:1.5em;font-size:1.2em;background:#171620;border:1px solid rgba(247,247,246,.3137254902);border-radius:8px;box-shadow:0 0 2em 1em #121118;pointer-events:auto;overflow:hidden}#toast-close-button{position:absolute;top:0;right:0;padding:0;margin:.35em;font-size:1.2em;color:#fc3a78}.toast-content{display:grid;grid-template-columns:25% auto;column-gap:.5em;align-items:center;justify-items:center;width:100%;height:100%;padding:.65em}.toast-icon-cont{font-size:2em;color:#3ad2fc}.toast-desc-cont{font-size:1em}#toast-desc{margin:0}#toast-timeout-bar{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#3ad2fc}#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>.table-cont{padding:0 2em 1em}#home-preview>div:nth-child(3),#home-preview>div:nth-child(6){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>div:first-child{margin-right:0;margin-left:0;padding-right:0;padding-left:0}#home-preview ul{padding-left:2em}#home-preview .custom-accrd{margin:0}.comp-prev-cont .custom-speed-dial-content{max-height:100vh!important}.comp-prev-cont .comp-title{opacity:.3}.comp-prev-cont:hover .comp-title{opacity:1}.first-col-2{display:grid;grid-template-columns:20% 1fr 2fr;column-rule:1px solid var(--br)}.first-col-2>div>h4{opacity:.3;margin:0;padding-bottom:1.6em}.first-col-2>div{padding:.5em 2em!important}.first-col-2>div:first-child,.first-col-2>div:nth-child(2){border-right:1px solid var(--br)}.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:hsla(246,18.5185185185%,8.0882352941%,.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}#driver-popover-content:has(.tweaks-intro){max-width:35em!important}#driver-popover-content:has(.tweaks-intro) .driver-popover-prev-btn{display:none!important}.tweaks-intro h1{font-family:Courgette}.tweaks-intro p{font-size:1.25em}#component-preview{color:var(--t)}.component-docs.top{display:flex}button.copy-raw-css{padding:.45em .7em;font-size:.85em}button.copy-raw-css>i{margin-right:.5em}button.copy-raw-css>.tooltip-content{width:12em;padding:.5em;white-space:wrap}.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-display pre{background:var(--b2s);word-wrap:normal;overflow:auto;padding:10px;font-size:14px;border-radius:3px;white-space:pre-wrap}.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;scrollbar-color:rgba(247,247,246,.3137254902) #171620;scrollbar-width:thin}.component-html::-webkit-scrollbar{width:.5em;height:.5em}.component-html::-webkit-scrollbar-track{background:#171620}.component-html::-webkit-scrollbar-thumb{background:rgba(247,247,246,.3137254902)}.component-html::-webkit-scrollbar-thumb:hover{background:rgba(199,199,192,.3137254902)}.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}.component-docs>.custom-callout{--l:#fc3a78;--br:rgba(247, 247, 246, 0.065);--b2:#171620}.component-sample-img{max-width:100%}#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;color:var(--accordion-item-col,var(--l))}.custom-accrd summary:not(:hover){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-code{position:relative;padding:.5em;background:var(--b2s);font-size:14px;word-wrap:normal;white-space:pre-wrap;overflow:auto;border-radius:3px;counter-reset:ln}.custom-code>code{position:relative;display:block;padding-left:3em}.custom-code>code::after{counter-increment:ln;content:counter(ln);position:absolute;display:inline-block;left:0;top:0;width:2em;padding-right:.5em;text-align:right;font-family:monospace;opacity:.6;border-right:2px solid var(--br)}.custom-hl::before{content:"-";position:absolute;left:-.5em;width:100%;padding-left:1em;color:transparent;background:var(--l);opacity:.25}:is(.custom-dot-leader-item,ul.custom-dot-leader>li).custom-no-dot>:last-child::before{border-bottom:none!important}.custom-dot-leader-item,ul.custom-dot-leader{list-style:none;max-width:100%;padding:0}:where(.custom-dot-leader-item,ul.custom-dot-leader>li:not(:has(.custom-dot-leader)):has(>:nth-child(2):last-child)){display:flex;align-items:baseline;justify-content:space-between}:where(.custom-dot-leader-item,ul.custom-dot-leader>li:not(:has(.custom-dot-leader)):has(>:nth-child(2):last-child))>:last-child{display:flex;flex-grow:1}:where(.custom-dot-leader-item,ul.custom-dot-leader>li:not(:has(.custom-dot-leader)):has(>:nth-child(2):last-child))>:last-child::before{content:"";flex-grow:1;height:1em;margin:0 .3em;border-bottom:.2em dotted currentColor;opacity:.8}.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-speed-dial{display:flex;position:fixed!important;bottom:1em;right:1em;flex-direction:column;align-items:center;width:fit-content}.custom-speed-dial>ul{list-style:none;padding:0;margin:0;margin-bottom:.5em}.custom-speed-dial-btn:hover img{box-shadow:none!important}.custom-speed-dial-btn:hover::after{display:none}.custom-speed-dial *{box-sizing:content-box}.custom-speed-dial-btn,.custom-speed-dial>details>summary{display:flex!important;justify-content:center;align-items:center;width:1.3em;height:1.3em;padding:.5em;margin:.5em auto;background:var(--btn);border-radius:50%;box-shadow:0 0 1.5em -.5em var(--btn_s);transition:transform .15s cubic-bezier(.34, 1.56, .64, 1)}.custom-speed-dial-btn:hover,.custom-speed-dial>details>summary:hover{transform:scale(1.15)}.custom-speed-dial-btn:hover>.custom-tip-content.custom-left{transform:translate(-100%,50%) scale(.85)}.custom-speed-dial>details img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.5s ease}.custom-speed-dial>details>summary{position:relative;width:2em;height:2em;display:flex;cursor:pointer;margin:0;padding:.5em}.custom-speed-dial>details>summary::-webkit-details-marker{display:none}.custom-speed-dial:has(>details[open])>.custom-tip-content{opacity:1;transform:translate(calc(-100% - .5em),50%)}.custom-speed-dial>details:not([open]) img:nth-of-type(2),.custom-speed-dial>details[open] img:first-of-type{opacity:0;transform:translate(-50%,calc(-50% - .5em))}.custom-speed-dial:has(>details:not([open])) .custom-speed-dial-content li{opacity:0;transform:translateY(.5em)}.custom-speed-dial:has(>details:not([open])) .custom-speed-dial-content{pointer-events:none;max-height:0;transition:max-height 1.4s}.custom-speed-dial>.custom-tip-content.custom-left{bottom:1.5em!important}.custom-speed-dial-content{display:flex;flex-direction:column;justify-content:center;max-height:100vh}.custom-speed-dial-content li{transition:.5s ease var(--d, 0s)}.custom-speed-dial-content>li:nth-last-child(2){--d:.2s}.custom-speed-dial-content>li:nth-last-child(3){--d:.4s}.custom-speed-dial-content>li:nth-last-child(4){--d:.6s}.custom-speed-dial-content>li:nth-last-child(5){--d:.8s}.custom-speed-dial-content>li:nth-last-child(6){--d:1s}@media(max-width:650px){.custom-speed-dial{bottom:calc(50px + 1em)}}.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:8.25em 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:4px}.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{position:relative;grid-column:2;margin-left:1em}.custom-tl-list>dd::after,.custom-tl-list>dd::before{content:"";position:absolute;left:-1.25em}.custom-tl-list>dd::before{top:.5em;height:100%;padding:1em 0;border-left:1px dashed var(--l);transform:translate(-50%,0)}.custom-tl-list>dd::after{top:50%;height:.5em;width:.5em;background:var(--l);border-radius:50%;transform:translate(-50%,-50%)}.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}:is(#wrapper,.primary_column):has(a.custom-toggle:target[name=toggle-a]) .custom-content-a,:is(#wrapper,.primary_column):has(a.custom-toggle:target[name=toggle-b]) .custom-content-b,:is(#wrapper,.primary_column):has(a.custom-toggle:target[name=toggle-c]) .custom-content-c,:is(#wrapper,.primary_column):has(a.custom-toggle:target[name=toggle-d]) .custom-content-d,:is(#wrapper,.primary_column):has(a.custom-toggle:target[name=toggle-e]) .custom-content-e,:is(#wrapper,.primary_column):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)!important;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)}.custom-tree,.custom-tree :where(ul,li){position:relative}.custom-tree,.custom-tree ul{line-height:1.5em;list-style:none;padding-left:var(--tree-list-indent,1em);margin-left:1em}.custom-tree ul.custom-tree-dotted,.custom-tree.custom-tree-dotted{--tree-b-style:dotted}.custom-tree ul.custom-tree-dashed,.custom-tree.custom-tree-dashed{--tree-b-style:dashed}ul.custom-dot-leader.custom-tree{padding-left:1em}.custom-tree li>:where(h1,h2,h3,h4,h5,h6){padding-bottom:.3lh;margin:0}.custom-tree li:last-child::after{height:.5lh}.custom-tree li::after,.custom-tree li::before{content:"";display:inline-block;position:absolute;left:-1em;border-top:.0625em var(--tree-b-style,solid);border-color:var(--tree-outline-color,currentColor)!important;width:.6em;height:0;top:.5lh}.custom-tree li::after{border-left:.0625em var(--tree-b-style,solid);width:0;height:100%;top:.05lh}p.custom-drop-cap:first-letter{font-family:var(--drop-cap-font, inherit);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)))}}.custom-speed-dial{position:absolute!important;bottom:1.6em!important;right:1.6em!important;margin-left:auto!important}.custom-speed-dial-home{position:relative!important;bottom:unset!important;right:unset!important;padding:0!important;padding-right:.5em!important}.custom-speed-dial-home ul{padding:0!important}.component-display:has(>.custom-speed-dial){position:relative;min-height:230px}@font-face{font-family:Updock;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/fontsource/fonts/updock@latest/latin-400-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/updock@latest/latin-400-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}#component-preview>.component-container-single:last-of-type{--drop-cap-font:'Updock'}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;min-width:290px;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;overflow-y:scroll;scrollbar-color:rgba(247,247,246,.3137254902) #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:rgba(247,247,246,.3137254902)}#components-list::-webkit-scrollbar-thumb:hover{background:rgba(199,199,192,.3137254902)}#components-list>h2{position:sticky;bottom:0;display:flex;align-items:center;font-size:1.375em;font-weight:700;margin:0;padding-top:.35em;padding-bottom:.5em;background:hsl(246,18.5185185185%,8.0882352941%);text-transform:capitalize;letter-spacing:.085em;color:#fc3a78}#components-list>h2:nth-of-type(2){bottom:2.075em;z-index:2}#components-list>h2:nth-of-type(3){z-index:1}#components-list>h2 .icon{margin-right:.45em}#components-list>h2>button{padding:.15em;line-height:0;border-radius:3px;background:0}#components-list>h2>button:not(:hover)>i{opacity:.5}#components-list>ul>li{color:rgba(247,247,246,.6);display:flex;align-items:center;margin-bottom:.3em;margin-left:.5em;font-size:1.1em;list-style:none}#components-list>ul>li.sub{padding-left:.9em}#components-list>ul>li .text{padding:.1em .3em;color:rgba(247,247,246,.6);border-radius:4px;transition:.3s ease}#components-list>ul>li.viewed>button{pointer-events:none}#components-list>ul>li.viewed>button>.text{background:hsl(340.824742268,97%,160.7843137255%);color:#171620!important}#components-list>ul>li>label{margin-right:.25em}#components-list>ul>li>label>.checked{opacity:.75}#components-list>ul>li>label>.checked-not{color:#eee}#components-list>ul>li>label>span{font-size:1.1em}#components-list>ul>li>label:hover{cursor:pointer;color:#eee}#components-list>ul>li>label:hover~.component-toggle{color:#eee;text-decoration:underline}#components-list>ul>li>label:hover~.component-toggle>.text{color:#eee}#components-list>ul>li>input{display:none}#components-list>ul>li>input:checked~label>.checked{display:none}#components-list>ul>li>input:not(:checked)~label>.checked-not{display:none}#components-list>ul>li>input:checked~button>.text{color:#eee}.component-type-title{flex-grow:1}.component-toggle{display:inline-flex;align-items:center;color:rgba(247,247,246,.8);text-transform:capitalize}.component-toggle:hover{text-decoration:underline;cursor:pointer}.component-toggle:hover>.text{color:#eee}.component-toggle>.text{display:inline-block;max-width:160px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.component-toggle>.icon{margin-left:.5em;color:#3ad2fc;font-size:.8em}.component-toggle>.icon.exp{color:#3ad2fc}.component-toggle>.icon.fav{color:#fcb930}.copy-btn-container{display:flex;flex-direction:column;padding:.5em;padding-top:1.25em;border-top:1px solid rgba(247,247,246,.1)}#copy-notification{height:1.5em;font-size:1.1em;text-align:center;white-space:nowrap;margin-top:.5em}.pick-2-notif{font-size:1.1em;width:7.8em}.column-right{display:flex;flex-grow:1;flex-direction:column;max-width:920px;overflow:auto}.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}.pitch-title-logo{max-height:2em;margin:-.35em}.pitch-title-text{margin-left:.5em;letter-spacing:.1ch}.pitch-title-css{color:#fc3a78}#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:rgba(247,247,246,.3137254902) #171620;scrollbar-width:thin}#wrapper::-webkit-scrollbar{width:.5em;height:.5em}#wrapper::-webkit-scrollbar-track{background:#171620}#wrapper::-webkit-scrollbar-thumb{background:rgba(247,247,246,.3137254902)}#wrapper::-webkit-scrollbar-thumb:hover{background:rgba(199,199,192,.3137254902)}#wrapper{background:hsl(246,18.5185185185%,8.0882352941%)}.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;align-items:center}.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>button:last-of-type{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:#3ad2fc;color:#1c1813}.comp-notes.Hacky>.comp-notes-title{background:#18f08b;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:rgba(247,247,246,.3137254902) #171620;scrollbar-width:thin}#css-output-textarea::-webkit-scrollbar{width:.5em;height:.5em}#css-output-textarea::-webkit-scrollbar-track{background:#171620}#css-output-textarea::-webkit-scrollbar-thumb{background:rgba(247,247,246,.3137254902)}#css-output-textarea::-webkit-scrollbar-thumb:hover{background:rgba(199,199,192,.3137254902)}#css-output-textarea{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: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}.group-only .icon.exp{display:none}