:root{--paper:#f2f0ea;--card:#faf9f5;--ink:#14161a;--moss:#3b4a40;--clay:#d8d2c4;--mute:#8b867a;--line:#14161a29;--ui:"Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--ink);font-family:var(--ui);background-color:var(--paper);background-image:repeating-linear-gradient(0deg,#0000 0 7px,#14161a0d 7px 8px);margin:0;padding:0 0 30vh}.wrap{max-width:1240px;margin:0 auto;padding:0 20px}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding:56px 0 34px;display:grid}.hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(44px,9vw,104px);font-weight:800;line-height:.86}.hero h1 span{color:var(--moss);display:block}.hero .lede{color:#4a4740;max-width:46ch;margin:14px 0 0;font-size:15px;line-height:1.55}.stage{border:1px solid var(--line);background:var(--card);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:172px;padding:34px 20px 16px;display:flex;position:relative}.stage.dark{background:var(--ink);border-color:#000}.stage .eyebrow{font:500 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);position:absolute;top:9px;left:12px}.stage .now{font:500 11px/1 var(--mono);color:var(--mute);letter-spacing:.04em;text-align:center}.stage .now b{color:inherit;font-weight:500}.stage.dark .now{color:#7e8790}.shell{grid-template-columns:236px 1fr;align-items:start;gap:28px;max-width:1240px;margin:0 auto;padding:0 20px;display:grid}.shell>main{min-width:0}.bar{z-index:30;-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);background:#f2f0eaed;flex-direction:column;gap:12px;max-height:calc(100vh - 32px);margin-top:8px;padding:14px 14px 16px;display:flex;position:sticky;top:16px;overflow-y:auto}.bar .inner{flex-direction:column;gap:12px;display:flex}.filter-input{font:500 12px/1 var(--mono);color:var(--ink);border:1px solid var(--line);background:var(--card);border-radius:0;width:100%;min-width:0;padding:8px 10px}.filter-input:focus{outline:2px solid var(--moss);outline-offset:-1px}#q{flex:none}.tally{font:500 11px/1 var(--mono);color:var(--mute);white-space:normal;line-height:1.4}.category-rail{flex-direction:column;gap:5px;width:100%;display:flex}.category-tab{font:600 11.5px/1 var(--ui);letter-spacing:.01em;cursor:pointer;border:1px solid var(--line);color:#4a4740;white-space:nowrap;text-align:left;background:0 0;border-radius:0;flex:none;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 10px;display:flex}.category-tab:hover{background:var(--card)}.category-tab[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.category-tab i{opacity:.5;font-style:normal;font-family:var(--mono);margin-left:5px;font-size:10px}.tag-chip{font:600 11px/1 var(--ui);cursor:pointer;border:1px solid var(--line);color:#4a4740;white-space:nowrap;background:0 0;border-radius:999px;flex:none;padding:6px 10px}.tag-chip b{font-weight:500;font-family:var(--mono);opacity:.5;margin-left:5px;font-size:9.5px}.tag-chip:hover:not([disabled]){background:var(--card);border-color:var(--mute)}.tag-chip[aria-pressed=true]{background:var(--moss);border-color:var(--moss);color:#f7f6f2}.tag-chip[disabled]{opacity:.3;cursor:default}.tags-row{flex-flow:wrap;align-items:baseline;gap:0 10px;width:100%;padding:1px 0 2px;display:flex}.tags-label{font:500 10px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--mute)}.tags-row .tags-label{flex:none;padding-bottom:8px}.tags-row #tagrail{flex-wrap:wrap;order:3;gap:6px;width:100%;padding-top:2px;display:flex!important}.clear{font:600 11px/1 var(--ui);cursor:pointer;color:#b0402e;visibility:hidden;background:0 0;border:0;flex:none;padding:0 0 8px;text-decoration:underline}.clear.on{visibility:visible}.d-tags{flex-wrap:wrap;gap:5px;padding:10px 20px 0;display:flex}.d-tags button{font:600 10.5px/1 var(--ui);cursor:pointer;border:1px solid var(--line);color:#54514a;background:0 0;border-radius:999px;padding:5px 9px}.d-tags button:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.category-section{padding:34px 0 6px}.category-section.hide{display:none}.category-section h2{letter-spacing:-.025em;flex-wrap:wrap;align-items:baseline;gap:10px;margin:0 0 4px;font-size:22px;font-weight:700;display:flex}.category-section h2 code{font:500 11px/1 var(--mono);color:var(--mute);letter-spacing:.1em}.category-section p.note{color:#54514a;max-width:62ch;margin:0 0 20px;font-size:13.5px;line-height:1.6}.grid{grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:10px;display:grid}.specimen{border:1px solid var(--line);background:var(--card);justify-content:center;align-items:center;min-height:132px;padding:30px 14px;display:flex;position:relative;overflow:hidden}.specimen.hide{display:none}.specimen[data-ground=dark]{background:var(--ink);border-color:#0a0b0d}.specimen .code{font:500 10px/1 var(--mono);letter-spacing:.08em;color:#a8a399;position:absolute;top:7px;left:9px}.specimen[data-ground=dark] .code{color:#5c636b}.specimen .specimen-name{font:600 10.5px/1.25 var(--ui);color:#6e6a61;letter-spacing:.005em;position:absolute;bottom:8px;left:9px;right:32px}.specimen[data-ground=dark] .specimen-name{color:#868d95}.empty{text-align:center;color:var(--mute);padding:70px 0;font-size:14px}.drawer{z-index:60;background:var(--card);border-top:1px solid var(--ink);max-height:62vh;transition:transform .2s cubic-bezier(.3,.7,.4,1);position:fixed;bottom:0;left:0;right:0;overflow:auto;transform:translateY(101%);box-shadow:0 -14px 40px #14161a38}.drawer.open{transform:none}.drawer .head{background:var(--card);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:12px;padding:12px 20px 8px;display:flex;position:sticky;top:0}.drawer .head strong{letter-spacing:-.02em;font-size:16px;font-weight:700}.drawer .head em{font:500 11px/1 var(--mono);color:var(--mute);font-style:normal}.drawer .acts{gap:6px;margin-left:auto;display:flex}.drawer-action{font:600 11.5px/1 var(--ui);cursor:pointer;border:1px solid var(--ink);color:var(--ink);background:0 0;padding:7px 11px}.drawer-action:hover{background:var(--ink);color:var(--paper)}.drawer pre{font:400 11.5px/1.6 var(--mono);white-space:pre-wrap;word-break:break-word;color:#26292e;margin:0;padding:8px 20px 26px}.drawer .tip{color:var(--mute);max-width:70ch;margin:0;padding:0 20px 20px;font-size:12px}.drawer-body{display:block}.drawer-main{min-width:0}.drawer-resize-handle,.drawer-html{display:none}.drawer-css-label{padding:14px 20px 0;display:block}.drawer-html-head{justify-content:space-between;align-items:center;padding:14px 20px 0;display:flex}.drawer-html-close{cursor:pointer;color:var(--mute);background:0 0;border:0;padding:2px 4px;font-size:18px;line-height:1}.drawer-html-close:hover{color:var(--ink)}.drawer-html-reopen{display:none}@media (width>=901px){.drawer{flex-direction:column;display:flex;overflow:hidden}.drawer-body{flex:auto;align-items:stretch;min-height:0;display:flex}.drawer-main{flex:auto;min-width:0;overflow-y:auto}.drawer-resize-handle{cursor:col-resize;background:var(--card);border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);flex:none;width:9px;padding:0;display:block;position:relative}.drawer-resize-handle:before{content:"";background:var(--clay);border-radius:2px;width:3px;height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.drawer-resize-handle:hover:before,.drawer-resize-handle:active:before{background:var(--moss)}.drawer-html{width:var(--html-w,340px);border-left:1px solid var(--line);flex-direction:column;flex:none;min-width:220px;max-width:70vw;transition:width .18s,min-width .18s,border-color .18s;display:flex;overflow-y:auto}.drawer-body.dragging .drawer-html{transition:none}.drawer-body.html-closed .drawer-resize-handle{display:none}.drawer-body.html-closed .drawer-html{border-color:#0000;width:0;min-width:0;overflow:hidden}.drawer-html-reopen{visibility:hidden;writing-mode:vertical-rl;text-orientation:mixed;cursor:pointer;background:var(--card);width:0;color:var(--mute);font:600 10.5px/1 var(--ui);letter-spacing:.08em;border:0;flex:none;justify-content:center;align-items:center;transition:width .18s,border-color .18s,visibility .18s;display:flex;overflow:hidden}.drawer-body.html-closed .drawer-html-reopen{visibility:visible;border-left:1px solid var(--line);width:28px}.drawer-html-reopen:hover{background:var(--ink);color:var(--paper)}}@media (width<=900px){.hero{grid-template-columns:1fr;align-items:end}.shell{grid-template-columns:1fr;padding:0 20px}.bar{max-height:none;position:static;top:auto}.category-rail{flex-flow:wrap}.category-tab{width:auto}.tags-row{flex-flow:wrap;align-items:center;gap:6px}.tags-row .tags-label{padding-bottom:0}}@media (width<=640px){.hero{padding:34px 0 24px}.grid{grid-template-columns:repeat(auto-fill,minmax(172px,1fr))}.specimen{min-height:118px;padding:26px 10px}.wrap,.shell{padding:0 12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}*{scrollbar-width:thin;scrollbar-color:var(--mute) transparent}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--clay);border:3px solid var(--paper);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--mute)}::-webkit-scrollbar-corner{background:0 0}.bar::-webkit-scrollbar-thumb{border-color:var(--card)}.bar::-webkit-scrollbar-thumb:hover{background:var(--moss)}.drawer::-webkit-scrollbar-thumb,.drawer ::-webkit-scrollbar-thumb{border-color:var(--card)}.drawer::-webkit-scrollbar-thumb:hover,.drawer ::-webkit-scrollbar-thumb:hover{background:var(--moss)}.stage.dark::-webkit-scrollbar-thumb,.specimen[data-ground=dark]::-webkit-scrollbar-thumb{border-color:var(--ink);background:#3a3f45}.stage.dark::-webkit-scrollbar-thumb:hover,.specimen[data-ground=dark]::-webkit-scrollbar-thumb:hover{background:#5c636b}.btn-base{font:700 14.5px/1 var(--ui);letter-spacing:-.005em;color:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;text-align:center;isolation:isolate;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:13px 22px;display:inline-flex;position:relative}.btn-base .btn-label{z-index:3;white-space:nowrap;display:block;position:relative}.btn-base:focus-visible{outline-offset:3px;outline:2px solid #2b6bff}.x-hard-classic{border:2px solid var(--ink);background:var(--card);color:var(--ink);box-shadow:5px 5px 0 var(--ink);transition:transform .12s,box-shadow .12s}.x-hard-classic:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(2px,2px)}.x-hard-classic:active{box-shadow:0 0 0 var(--ink);transform:translate(5px,5px)}.x-hard-fill{border:2px solid var(--ink);background:var(--moss);color:#f7f6f2;box-shadow:5px 5px 0 var(--ink);transition:transform .12s,box-shadow .12s}.x-hard-fill:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(2px,2px)}.x-hard-fill:active{box-shadow:none;transform:translate(5px,5px)}.x-hard-double{border:2px solid var(--ink);color:var(--ink);box-shadow:4px 4px 0 var(--card), 4px 4px 0 2px var(--ink), 9px 9px 0 var(--card), 9px 9px 0 2px var(--ink);background:#ffd400;transition:box-shadow .15s,transform .15s}.x-hard-double:active{box-shadow:none;transform:translate(9px,9px)}.x-hard-colour{border:2px solid var(--ink);color:var(--ink);background:#fff;transition:box-shadow .18s,transform .18s;box-shadow:6px 6px #2b6bff}.x-hard-colour:hover{box-shadow:6px 6px #ff3d81}.x-hard-colour:active{transform:translate(6px,6px);box-shadow:0 0 #ff3d81}.x-hard-invert{border:2px solid var(--ink);color:var(--ink);box-shadow:4px 4px 0 var(--ink);background:0 0;transition:background .18s,color .18s,box-shadow .18s,transform .18s}.x-hard-invert:hover{background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--clay)}.x-hard-invert:active{box-shadow:none;transform:translate(4px,4px)}.x-hard-slide{border:2px solid var(--ink);background:var(--card);color:var(--ink);box-shadow:-5px 5px 0 var(--moss);transition:box-shadow .25s cubic-bezier(.3,.7,.4,1)}.x-hard-slide:hover{box-shadow:5px -5px 0 var(--moss)}.x-hard-slide:active{box-shadow:0 0 0 var(--moss)}.x-hard-tilt{border:2px solid var(--ink);color:var(--ink);box-shadow:4px 4px 0 var(--ink);background:#ff9f1c;border-radius:3px;transition:transform .18s ease-out;transform:rotate(-2.5deg)}.x-hard-tilt:hover{transform:rotate(1.5deg)scale(1.04)}.x-hard-tilt:active{transform:rotate(0)scale(.97)}.x-hard-outline2{border:2px solid var(--ink);background:var(--card);color:var(--ink);outline:2px solid var(--ink);outline-offset:4px;transition:outline-offset .18s}.x-hard-outline2:hover{outline-offset:7px}.x-hard-outline2:active{outline-offset:1px}.x-hard-marker{border:2px solid var(--ink);background:var(--card);color:var(--ink);overflow:hidden}.x-hard-marker:before{content:"";transform-origin:bottom;background:#ffe566;width:100%;height:100%;transition:transform .22s ease-out;position:absolute;bottom:0;left:0;transform:scaleY(.16)}.x-hard-marker:hover:before{transform:scaleY(1)}.x-hard-marker:active:before{background:#ffd400}.x-hard-punch{border:2px solid var(--ink);background:var(--card);color:var(--ink);text-shadow:0 0 #ff3d81;transition:text-shadow .16s,transform .16s}.x-hard-punch:hover{text-shadow:6px 0 #ff3d81}.x-hard-punch:active{text-shadow:0 0 #ff3d81;transform:translate(2px,2px)}.x-hard-hatch{border:2px solid var(--ink);background:var(--card);color:var(--ink)}.x-hard-hatch:before{content:"";z-index:-1;border:2px solid var(--ink);background:repeating-linear-gradient(45deg, var(--ink) 0 2px, transparent 2px 6px);transition:transform .16s;position:absolute;inset:0;transform:translate(7px,7px)}.x-hard-hatch .btn-label{background:var(--card);padding:2px 8px}.x-hard-hatch:active:before{transform:none}.x-hard-round{border:2px solid var(--ink);color:var(--ink);box-shadow:5px 5px 0 var(--ink);background:#c6f26d;border-radius:999px;transition:transform .12s,box-shadow .12s}.x-hard-round:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(2px,2px)}.x-hard-round:active{box-shadow:none;transform:translate(5px,5px)}.x-hard-tab{border:2px solid var(--ink);background:var(--card);color:var(--ink)}.x-hard-tab:after{content:"";border:2px solid var(--ink);background:#00c2a8;width:20px;height:20px;transition:width .18s,height .18s;position:absolute;top:-2px;right:-2px}.x-hard-tab:hover:after{width:100%;height:100%}.x-hard-tab:active{transform:translate(2px,2px)}.x-hard-inset{border:2px solid var(--ink);color:var(--ink);background:#e9e5da;transition:box-shadow .12s,transform .12s;box-shadow:inset 0 0 #14161a4d}.x-hard-inset:hover{background:#dfdacb}.x-hard-inset:active{transform:translateY(1px);box-shadow:inset 3px 3px #14161a47}.x-hard-rule{color:var(--ink);border-bottom:6px solid var(--ink);background:0 0;padding-bottom:9px;transition:border-width .14s,padding .14s,color .14s}.x-hard-rule:hover{color:var(--moss);border-bottom-color:var(--moss);border-bottom-width:2px;padding-bottom:13px}.x-hard-rule:active{border-bottom-width:6px;padding-bottom:9px}.x-hard-window{border:2px solid var(--ink);background:var(--card);color:var(--ink);box-shadow:5px 5px 0 var(--ink);padding-top:24px}.x-hard-window:before{content:"";background:var(--ink);background-image:radial-gradient(circle at 8px 50%, var(--paper) 2.2px, transparent 2.4px), radial-gradient(circle at 17px 50%, var(--paper) 2.2px, transparent 2.4px), radial-gradient(circle at 26px 50%, var(--paper) 2.2px, transparent 2.4px);height:14px;position:absolute;top:0;left:0;right:0}.x-hard-window:active{box-shadow:none;transform:translate(5px,5px)}.x-push-solid{color:#fff;background:#2b6bff;border-radius:10px;transition:transform 80ms linear,box-shadow 80ms linear;box-shadow:0 6px #17429f}.x-push-solid:hover{background:#3d79ff}.x-push-solid:active{transform:translateY(6px);box-shadow:0 0 #17429f}.x-push-layered{background:#7a1030;border-radius:12px;padding:0;transition:filter .2s}.x-push-layered .btn-label{color:#fff;background:#e5164c;border-radius:12px;padding:13px 26px;transition:transform .25s cubic-bezier(.3,.7,.4,1);display:block;transform:translateY(-6px)}.x-push-layered:hover{filter:brightness(1.08)}.x-push-layered:hover .btn-label{transition-duration:.15s;transform:translateY(-9px)}.x-push-layered:active .btn-label{transition-duration:40ms;transform:translateY(-1px)}.x-push-pill{color:#fff;background:#14161a;border-radius:999px;transition:transform .1s,box-shadow .1s;box-shadow:0 5px #55606e}.x-push-pill:active{transform:translateY(5px);box-shadow:0 0 #55606e}.x-push-keycap{color:#2a2f36;font-family:var(--mono);background:linear-gradient(#fdfdfc,#e8e6e0);border-radius:9px;font-weight:500;transition:transform 70ms,box-shadow 70ms;box-shadow:0 4px #beb9ac,0 7px 10px #14161a38,inset 0 1px #fff}.x-push-keycap:active{transform:translateY(4px);box-shadow:0 0 #beb9ac,0 1px 3px #14161a4d}.x-push-neu{color:#4a4740;background:#e9e7e1;border-radius:14px;transition:box-shadow .2s;box-shadow:6px 6px 12px #c8c5bc,-6px -6px 12px #fff}.x-push-neu:hover{box-shadow:4px 4px 9px #c8c5bc,-4px -4px 9px #fff}.x-push-neu:active{box-shadow:inset 4px 4px 8px #c8c5bc,inset -4px -4px 8px #fff}.x-push-neu-in{color:#6e6a61;background:#e9e7e1;border-radius:14px;transition:color .2s;box-shadow:inset 5px 5px 10px #c8c5bc,inset -5px -5px 10px #fff}.x-push-neu-in:hover{color:#14161a}.x-push-neu-in:active{box-shadow:inset 8px 8px 14px #c0bdb4,inset -3px -3px 8px #fff}.x-push-gloss{color:#fff;background:linear-gradient(#5b8def,#2b5fd9);border-radius:12px;transition:transform .1s,box-shadow .1s;overflow:hidden;box-shadow:0 5px #1c3f96,0 8px 18px #2b6bff59}.x-push-gloss:before{content:"";background:linear-gradient(#ffffff73,#fff0);border-radius:11px 11px 40% 40%;height:46%;position:absolute;inset:1px 1px auto}.x-push-gloss:active{transform:translateY(5px);box-shadow:0 0 #1c3f96}.x-push-tilt3d{background:var(--ink);color:#fff;transform-style:preserve-3d;border-radius:10px;transition:transform .25s cubic-bezier(.3,.7,.4,1),box-shadow .25s;box-shadow:0 8px 18px #14161a40}.x-push-tilt3d:hover{transform:perspective(420px)rotateX(16deg)translateY(-2px);box-shadow:0 16px 26px #14161a4d}.x-push-tilt3d:active{transform:perspective(420px)rotateX(-10deg)}.x-push-flip{perspective:600px;background:0 0;padding:0}.x-push-flip .btn-label{border:2px solid var(--ink);background:var(--card);color:var(--ink);transform-style:preserve-3d;backface-visibility:hidden;padding:13px 24px;transition:transform .45s cubic-bezier(.3,.7,.4,1);display:block}.x-push-flip .btn-label:after{content:attr(data-t);background:var(--ink);color:var(--paper);backface-visibility:hidden;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:rotateX(180deg)}.x-push-flip:hover .btn-label{transform:rotateX(180deg)}.x-push-lean{color:#fff;background:#ff6b35;border-radius:8px;transition:transform .3s cubic-bezier(.3,.7,.4,1),filter .3s}.x-push-lean:hover{filter:brightness(1.06);transform:perspective(500px)rotateY(-16deg)translate(-2px)}.x-push-lean:active{transform:perspective(500px)rotateY(6deg)scale(.98)}.x-push-extrude{color:var(--ink);border:2px solid var(--ink);box-shadow:1px 1px 0 var(--ink), 2px 2px 0 var(--ink), 3px 3px 0 var(--ink), 4px 4px 0 var(--ink), 5px 5px 0 var(--ink), 6px 6px 0 var(--ink), 7px 7px 0 var(--ink), 8px 8px 0 var(--ink);background:#ffd400;transition:transform .14s,box-shadow .14s}.x-push-extrude:active{box-shadow:none;transform:translate(8px,8px)}.x-push-float{color:var(--ink);background:#fff;border:1px solid #14161a1a;border-radius:12px;transition:transform .22s cubic-bezier(.3,.7,.4,1),box-shadow .22s;box-shadow:0 2px 4px #14161a14}.x-push-float:hover{transform:translateY(-5px);box-shadow:0 14px 26px #14161a2e}.x-push-float:active{transform:translateY(-1px);box-shadow:0 4px 8px #14161a29}.x-push-squish{color:#04322c;background:#00c2a8;border-radius:14px;transition:transform .2s cubic-bezier(.2,1.6,.5,1)}.x-push-squish:hover{transform:scale(1.05)}.x-push-squish:active{transform:scale(1.08,.86)}.x-push-spring{color:#fff;background:#7c3aed;border-radius:999px}.x-push-spring:hover{animation:.55s cubic-bezier(.3,1.6,.5,1) sprg}@keyframes sprg{30%{transform:translateY(-7px)scaleY(1.06)}60%{transform:translateY(2px)scaleY(.95)}to{transform:none}}.x-push-spring:active{transform:translateY(3px)scale(.96)}.x-push-steps{background:var(--card);color:var(--ink);border:2px solid var(--ink);box-shadow:0 3px 0 #c6bfae, 0 6px 0 #9e9788, 0 9px 0 var(--ink);transition:transform .12s,box-shadow .12s}.x-push-steps:hover{box-shadow:0 4px 0 #c6bfae, 0 8px 0 #9e9788, 0 12px 0 var(--ink);transform:translateY(-2px)}.x-push-steps:active{box-shadow:0 0 0 var(--ink);transform:translateY(9px)}.x-arc-plunger{color:#4a0a0a;background:radial-gradient(circle at 50% 32%,#ff6b5e,#e01b24 62%,#9e0e14);border-radius:50%;width:88px;height:88px;padding:0;font-weight:800;transition:transform 70ms,box-shadow 70ms;box-shadow:0 9px #6e080c,0 14px 20px #0000008c,inset 0 -8px 14px #0000004d,inset 0 8px 12px #fff6}.x-arc-plunger:active{transform:translateY(9px);box-shadow:0 0 #6e080c,inset 0 4px 12px #00000080}.x-arc-cabinet{color:#141414;font:800 12px/1 var(--ui);letter-spacing:.08em;background:linear-gradient(#ffe45e,#f5b700);border:4px solid #241f0e;border-radius:14px;transition:transform 70ms,box-shadow 70ms;box-shadow:0 7px #241f0e,0 10px 16px #00000080}.x-arc-cabinet:active{transform:translateY(7px);box-shadow:0 0 #241f0e}.x-arc-coin{color:#ffe45e;font-family:var(--mono);letter-spacing:.1em;background:#0a0a0c;border:2px solid #ffe45e;font-size:12px;font-weight:500;box-shadow:0 0 14px #ffe45e40}.x-arc-coin .btn-label{animation:1.1s steps(2,end) infinite coinblink}@keyframes coinblink{50%{opacity:.25}}.x-arc-coin:hover{color:#0a0a0c;background:#ffe45e}.x-arc-coin:active{transform:scale(.96)}.x-arc-pixel{color:#0b1f0a;font:700 12px/1 var(--mono);letter-spacing:.08em;background:#43c13b;border:0;border-radius:0;transition:transform 80ms;box-shadow:0 -4px #43c13b,0 4px #43c13b,-4px 0 #43c13b,4px 0 #43c13b,0 -8px #123a0f,0 8px #123a0f,-8px 0 #123a0f,8px 0 #123a0f}.x-arc-pixel:active{transform:translateY(4px)}.x-arc-8bit{color:#141414;font:700 11.5px/1 var(--mono);letter-spacing:.06em;background:#e8e6e0;border-radius:0;transition:box-shadow .1s,transform .1s;box-shadow:4px 0 #e8e6e0,-4px 0 #e8e6e0,0 4px #e8e6e0,0 -4px #e8e6e0,8px 8px #6c63ff}.x-arc-8bit:active{transform:translate(4px,4px);box-shadow:4px 0 #e8e6e0,-4px 0 #e8e6e0,0 4px #e8e6e0,0 -4px #e8e6e0,4px 4px #6c63ff}.x-arc-power{color:#c7cdd4;width:80px;height:80px;font:700 11px/1 var(--mono);letter-spacing:.1em;background:#20242b;border:2px solid #454c56;border-radius:50%;padding:0;transition:color .3s,box-shadow .3s,border-color .3s}.x-arc-power:before{content:"";opacity:.4;border:2px solid;border-radius:50%;transition:opacity .3s;position:absolute;inset:9px}.x-arc-power:hover{color:#00e5d0;border-color:#00e5d0;box-shadow:0 0 20px #00e5d073,inset 0 0 16px #00e5d033}.x-arc-power:hover:before{opacity:1}.x-arc-power:active{transform:scale(.95)}.x-arc-dpad{color:#e8e6e0;clip-path:polygon(33% 0,67% 0,67% 33%,100% 33%,100% 67%,67% 67%,67% 100%,33% 100%,33% 67%,0 67%,0 33%,33% 33%);background:#454c56;width:82px;height:82px;padding:0;font-size:18px;transition:background .2s,transform 80ms}.x-arc-dpad:hover{background:#565f6b}.x-arc-dpad:active{background:#1e2126;transform:scale(.94)}.x-arc-cart{color:#e8e6e0;font:700 11.5px/1 var(--mono);letter-spacing:.06em;clip-path:polygon(0 0,100% 0,100% 78%,88% 100%,0 100%);background:#4a4a52;border-left:5px solid #23252a;padding:16px 22px 14px;transition:background .2s,transform .1s}.x-arc-cart:before{content:"";background:#23252a;height:5px;position:absolute;top:6px;left:14px;right:14px}.x-arc-cart:hover{background:#5a5a64}.x-arc-cart:active{transform:translateY(3px)}.x-arc-health{color:#e8e6e0;font:700 11.5px/1 var(--mono);letter-spacing:.06em;background:#1a1d22;border:2px solid #3a4048;overflow:hidden}.x-arc-health:before{content:"";background:repeating-linear-gradient(90deg,#43c13b 0 10px,#37a731 10px 20px);width:0;transition:width .6s cubic-bezier(.3,.7,.4,1);position:absolute;inset:0}.x-arc-health:hover:before{width:100%}.x-arc-health:hover{color:#08240a}.x-arc-joystick{color:#fff;letter-spacing:.08em;background:radial-gradient(circle at 38% 26%,#ff9bb8,#e8175d 55%,#7a0b2e);border-radius:50%;width:84px;height:84px;padding:0;font-size:11px;font-weight:800;transition:transform .2s cubic-bezier(.3,.7,.4,1);box-shadow:0 12px 18px #00000080,inset -6px -10px 20px #00000059}.x-arc-joystick:hover{transform:translate(4px,-4px)rotate(6deg)}.x-arc-joystick:active{transform:translateY(3px)scale(.97)}.x-arc-crt{color:#7dff9a;font:500 12px/1 var(--mono);letter-spacing:.08em;text-shadow:0 0 7px #7dff9ab3;background:#06120a;border:2px solid #14311c;overflow:hidden}.x-arc-crt:before{content:"";pointer-events:none;background:repeating-linear-gradient(#00000059 0 1px,#0000 1px 3px);position:absolute;inset:0}.x-arc-crt:after{content:"";pointer-events:none;background:radial-gradient(120% 90%,#0000 55%,#0000008c);position:absolute;inset:0}.x-arc-crt:hover{color:#b6ffc6;background:#08190d}.x-arc-crt:active{filter:brightness(1.5)}.x-arc-score{color:#fff;font:700 12.5px/1 var(--mono);letter-spacing:.04em;background:#6c63ff;border-radius:8px}.x-arc-score:after{content:"+100";font:700 12px/1 var(--mono);color:#ffe45e;opacity:0;pointer-events:none;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.x-arc-score:active:after{animation:.6s ease-out scorepop}@keyframes scorepop{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-26px)}}.x-arc-score:active{transform:scale(.96)}.x-brd-gradient{color:var(--ink);background:linear-gradient(var(--card), var(--card)) padding-box, linear-gradient(90deg, #ff3d81, #7c3aed, #2b6bff) border-box;border:2px solid #0000;border-radius:10px;transition:filter .2s}.x-brd-gradient:hover{filter:saturate(1.4)}.x-brd-gradient:active{transform:scale(.98)}.x-brd-conic{color:#fff;background:#0e1013;border-radius:10px;overflow:hidden}.x-brd-conic:before{content:"";z-index:0;background:conic-gradient(from 0turn, transparent 0 62%, #00e5d0 80%, #2b6bff 92%, transparent 100%);animation:3.2s linear infinite conicspin;position:absolute;inset:-120%}.x-brd-conic:after{content:"";z-index:1;background:#0e1013;border-radius:8px;position:absolute;inset:2px}@keyframes conicspin{to{transform:rotate(1turn)}}.x-brd-conic:hover:before{animation-duration:2s}.x-brd-rainbow{color:var(--ink);background:linear-gradient(var(--card), var(--card)) padding-box, conic-gradient(#ff3d81, #ff9f1c, #ffe45e, #43c13b, #00e5d0, #2b6bff, #7c3aed, #ff3d81) border-box;border:3px solid #0000;border-radius:999px}.x-brd-rainbow:hover{color:#000;filter:brightness(1.05)}.x-brd-rainbow:active{transform:scale(.97)}.x-brd-aura{color:#fff;background:#111318;border-radius:12px}.x-brd-aura:before{content:"";z-index:-1;filter:blur();opacity:.55;background:linear-gradient(120deg,#ff3d81,#7c3aed,#00e5d0);border-radius:14px;transition:filter .35s,opacity .35s;position:absolute;inset:-3px}.x-brd-aura:hover:before{filter:blur(11px);opacity:1}.x-brd-aura:active{transform:translateY(1px)}.x-brd-corners{color:var(--ink);background:0 0;padding:15px 26px}.x-brd-corners:before,.x-brd-corners:after{content:"";width:14px;height:14px;transition:width .3s cubic-bezier(.3,.7,.4,1),height .3s cubic-bezier(.3,.7,.4,1);position:absolute}.x-brd-corners:before{border-top:2px solid var(--ink);border-left:2px solid var(--ink);top:0;left:0}.x-brd-corners:after{border-bottom:2px solid var(--ink);border-right:2px solid var(--ink);bottom:0;right:0}.x-brd-corners:hover:before,.x-brd-corners:hover:after{width:100%;height:100%}.x-brd-corners:active{color:var(--moss)}.x-brd-ants{background:var(--card);color:var(--ink);background-image:repeating-linear-gradient(90deg, var(--ink) 0 7px, transparent 7px 14px), repeating-linear-gradient(0deg, var(--ink) 0 7px, transparent 7px 14px), repeating-linear-gradient(90deg, var(--ink) 0 7px, transparent 7px 14px), repeating-linear-gradient(0deg, var(--ink) 0 7px, transparent 7px 14px);background-position:0 0,100% 0,0 100%,0 0;background-repeat:repeat-x,repeat-y,repeat-x,repeat-y;background-size:14px 2px,2px 14px,14px 2px,2px 14px}.x-brd-ants:hover{animation:.55s linear infinite ants}@keyframes ants{to{background-position:14px 0,100% 14px,-14px 100%,0 -14px}}.x-brd-ants:active{background-color:#edebe4}.x-brd-inset-grow{color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);background:#efede6;border-radius:8px;transition:box-shadow .22s}.x-brd-inset-grow:hover{box-shadow:inset 0 0 0 7px var(--ink)}.x-brd-inset-grow:active{box-shadow:inset 0 0 0 22px var(--ink);color:var(--paper)}.x-brd-brackets{color:var(--ink);font-family:var(--mono);background:0 0;font-size:13px;font-weight:500}.x-brd-brackets:before,.x-brd-brackets:after{content:"";width:9px;transition:transform .25s cubic-bezier(.3,.7,.4,1);position:absolute;top:0;bottom:0}.x-brd-brackets:before{border:2px solid var(--ink);border-right:0;left:0}.x-brd-brackets:after{border:2px solid var(--ink);border-left:0;right:0}.x-brd-brackets:hover:before{transform:translate(-6px)}.x-brd-brackets:hover:after{transform:translate(6px)}.x-brd-brackets:active:before{transform:translate(3px)}.x-brd-brackets:active:after{transform:translate(-3px)}.x-brd-rails{color:var(--ink);background:0 0;padding:15px 20px}.x-brd-rails:before,.x-brd-rails:after{content:"";background:var(--ink);height:2px;transition:transform .3s cubic-bezier(.3,.7,.4,1);position:absolute;left:0;right:0;transform:scaleX(.28)}.x-brd-rails:before{transform-origin:0;top:0}.x-brd-rails:after{transform-origin:100%;bottom:0}.x-brd-rails:hover:before,.x-brd-rails:hover:after{transform:scaleX(1)}.x-brd-underline{color:var(--ink);background:0 0;padding:10px 4px}.x-brd-underline:after{content:"";background:var(--ink);transform-origin:0;height:2px;transition:transform .28s cubic-bezier(.3,.7,.4,1);position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.x-brd-underline:hover:after{transform:scaleX(1)}.x-brd-underline:active{color:var(--moss)}.x-brd-underline-thru{color:var(--ink);background:0 0;padding:10px 4px;overflow:hidden}.x-brd-underline-thru:after{content:"";background:var(--moss);transform-origin:100%;height:2px;transition:transform .3s;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.x-brd-underline-thru:hover:after{transform-origin:0;transform:scaleX(1)}.x-brd-offset-frame{background:var(--card);color:var(--ink);border:2px solid var(--ink)}.x-brd-offset-frame:before{content:"";border:2px solid var(--moss);transition:transform .22s cubic-bezier(.3,.7,.4,1);position:absolute;inset:0;transform:translate(7px,7px)}.x-brd-offset-frame:hover:before{transform:translate(-7px,-7px)}.x-brd-offset-frame:active:before{transform:none}.x-brd-thicken{color:var(--ink);border:1px solid var(--ink);background:0 0;border-radius:4px;transition:border-width .18s,padding .18s}.x-brd-thicken:hover{border-width:5px;padding:9px 18px}.x-brd-thicken:active{background:var(--ink);color:var(--paper)}.x-brd-dotted{color:#5c594f;background:#ffffff80;border:2px dashed #9e9788;border-radius:10px;transition:border-color .2s,background .2s,color .2s}.x-brd-dotted:hover{border-color:var(--moss);color:var(--moss);background:#eff2ec}.x-brd-dotted:active{background:var(--moss);color:#fff;border-style:solid}.x-brd-notch{background:var(--ink);color:var(--paper);clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);transition:clip-path .25s,background .25s}.x-brd-notch:hover{background:var(--moss);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.x-brd-notch:active{transform:scale(.98)}.x-brd-shimmer{color:#fff;background:linear-gradient(#15181d,#15181d) padding-box padding-box,linear-gradient(90deg,#3a4048,#e8e6e0,#3a4048,#e8e6e0,#3a4048) 0 0/300% 100% border-box;border:2px solid #0000;border-radius:10px;animation:4s linear infinite shim}@keyframes shim{to{background-position:0 0,300% 0}}.x-brd-shimmer:hover{animation-duration:1.2s}.x-brd-neon-ring{color:#00e5d0;text-shadow:0 0 8px #00e5d0b3;background:0 0;border:2px solid #00e5d0;border-radius:999px;transition:box-shadow .3s,color .3s,background .3s;box-shadow:0 0 8px #00e5d080,inset 0 0 8px #00e5d040}.x-brd-neon-ring:hover{box-shadow:0 0 22px #00e5d0cc,inset 0 0 18px #00e5d066}.x-brd-neon-ring:active{color:#04302c;text-shadow:none;background:#00e5d0}.x-brd-gradient-anim{color:var(--ink);background:linear-gradient(var(--card), var(--card)) padding-box, linear-gradient(90deg, #ff6b35, #ffe45e, #00c2a8, #2b6bff, #ff6b35) border-box;background-size:auto,400% 100%;border:3px solid #0000;border-radius:12px;animation:6s linear infinite gradmove}@keyframes gradmove{to{background-position:0 0,400% 0}}.x-brd-gradient-anim:hover{animation-duration:1.6s}.x-fil-left{border:2px solid var(--ink);color:var(--ink);background:0 0;transition:color .3s;overflow:hidden}.x-fil-left:before{content:"";background:var(--ink);transform-origin:0;transition:transform .32s cubic-bezier(.3,.7,.4,1);position:absolute;inset:0;transform:scaleX(0)}.x-fil-left:hover{color:var(--paper)}.x-fil-left:hover:before{transform:scaleX(1)}.x-fil-centre{border:2px solid var(--moss);color:var(--moss);background:0 0;transition:color .3s;overflow:hidden}.x-fil-centre:before{content:"";background:var(--moss);transition:transform .32s cubic-bezier(.3,.7,.4,1);position:absolute;inset:0;transform:scaleX(0)}.x-fil-centre:hover{color:#f7f6f2}.x-fil-centre:hover:before{transform:scaleX(1)}.x-fil-up{color:#2b6bff;background:0 0;border:2px solid #2b6bff;transition:color .3s;overflow:hidden}.x-fil-up:before{content:"";transform-origin:bottom;background:#2b6bff;transition:transform .32s cubic-bezier(.3,.7,.4,1);position:absolute;inset:0;transform:scaleY(0)}.x-fil-up:hover{color:#fff}.x-fil-up:hover:before{transform:scaleY(1)}.x-fil-diagonal{border:2px solid var(--ink);color:var(--ink);background:0 0;transition:color .3s;overflow:hidden}.x-fil-diagonal:before{content:"";background:#ff6b35;transition:transform .38s cubic-bezier(.3,.7,.4,1);position:absolute;inset:-6px -30px;transform:translate(-115%)skew(-22deg)}.x-fil-diagonal:hover{color:#fff}.x-fil-diagonal:hover:before{transform:translate(0)skew(-22deg)}.x-fil-curtains{border:2px solid var(--ink);color:var(--ink);background:0 0;transition:color .3s;overflow:hidden}.x-fil-curtains:before,.x-fil-curtains:after{content:"";background:#7c3aed;height:50%;transition:transform .3s cubic-bezier(.3,.7,.4,1);position:absolute;left:0;right:0;transform:scaleY(0)}.x-fil-curtains:before{transform-origin:top;top:0}.x-fil-curtains:after{transform-origin:bottom;bottom:0}.x-fil-curtains:hover{color:#fff}.x-fil-curtains:hover:before,.x-fil-curtains:hover:after{transform:scaleY(1)}.x-fil-bloom{border:2px solid var(--ink);color:var(--ink);background:0 0;border-radius:10px;transition:color .3s;overflow:hidden}.x-fil-bloom:before{content:"";background:#00c2a8;border-radius:50%;width:260px;height:260px;margin:-130px 0 0 -130px;transition:transform .45s cubic-bezier(.3,.7,.4,1);position:absolute;top:50%;left:50%;transform:scale(0)}.x-fil-bloom:hover{color:#04322c}.x-fil-bloom:hover:before{transform:scale(1)}.x-fil-cursor{color:#e8e6e0;background:#16191e;border:1px solid #2e333a;border-radius:10px;overflow:hidden}.x-fil-cursor:before{content:"";opacity:0;background:radial-gradient(120px circle at var(--mx,50%) var(--my,50%), #7c3aedd9, transparent 70%);transition:opacity .3s;position:absolute;inset:0}.x-fil-cursor:hover:before{opacity:1}.x-fil-cursor:active{transform:scale(.98)}.x-fil-stripes{border:2px solid var(--ink);color:var(--ink);background:0 0;transition:color .3s;overflow:hidden}.x-fil-stripes:before{content:"";background:repeating-linear-gradient(45deg, var(--ink) 0 10px, #3b4a40 10px 20px);transition:transform .4s cubic-bezier(.3,.7,.4,1);position:absolute;inset:0 -20px;transform:translate(-108%)}.x-fil-stripes:hover{color:var(--paper)}.x-fil-stripes:hover:before{transform:none}.x-fil-liquid{color:#1b4d8f;background:0 0;border:2px solid #1b4d8f;border-radius:12px;transition:color .35s;overflow:hidden}.x-fil-liquid:before{content:"";background:#2b6bff;border-radius:42% 58% 0 0/60% 55% 0 0;height:260%;transition:top .55s cubic-bezier(.3,.7,.4,1);animation:7s ease-in-out infinite wobble;position:absolute;top:100%;left:-25%;right:-25%}@keyframes wobble{50%{border-radius:54% 46% 0 0/45% 60% 0 0}}.x-fil-liquid:hover{color:#fff}.x-fil-liquid:hover:before{top:-30%}.x-fil-swap{border:2px solid var(--ink);background:var(--ink);color:var(--paper);transition:background .25s,color .25s}.x-fil-swap:hover{color:var(--ink);background:0 0}.x-fil-swap:active{background:var(--moss);color:#fff;border-color:var(--moss)}.x-fil-shine{color:#e8e6e0;background:linear-gradient(135deg,#2e3440,#1a1e26);border:1px solid #3a4048;border-radius:10px;overflow:hidden}.x-fil-shine:before{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:45%;height:220%;transition:left .55s cubic-bezier(.3,.7,.4,1);position:absolute;top:-60%;left:-80%;transform:rotate(22deg)}.x-fil-shine:hover:before{left:130%}.x-fil-text-fill{color:#0000;background:0 0;background-image:linear-gradient(90deg,#ff3d81 50%,#b9b4a8 50%);background-position:100% 0;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;border:0;padding:12px 6px;font-size:16px;font-weight:800;transition:background-position .45s cubic-bezier(.3,.7,.4,1)}.x-fil-text-fill .btn-label{color:inherit}.x-fil-text-fill:hover{background-position:0 0}.x-fil-checker{border:2px solid var(--ink);color:var(--ink);background:0 0;transition:color .3s;overflow:hidden}.x-fil-checker:before{content:"";transform-origin:0;background:conic-gradient(var(--ink) 0 25%, transparent 0 50%, var(--ink) 0 75%, transparent 0);background-size:14px 14px;transition:transform .35s steps(6,end);position:absolute;inset:0;transform:scaleX(0)}.x-fil-checker .btn-label{background:var(--card);border-radius:4px;padding:2px 8px;transition:background .3s}.x-fil-checker:hover{color:#3b4a40}.x-fil-checker:hover .btn-label{background:var(--paper)}.x-fil-checker:hover:before{transform:scaleX(1)}.x-fil-venetian{border:2px solid var(--ink);color:var(--ink);background:0 0;transition:color .3s;overflow:hidden}.x-fil-venetian:before{content:"";transform-origin:bottom;background:repeating-linear-gradient(90deg, var(--ink) 0 12px, transparent 12px 13px);transition:transform .4s cubic-bezier(.3,.7,.4,1);position:absolute;inset:0;transform:scaleY(0)}.x-fil-venetian .btn-label{background:var(--card);border-radius:4px;padding:2px 8px;transition:background .3s}.x-fil-venetian:hover{color:var(--paper)}.x-fil-venetian:hover .btn-label{background:var(--ink)}.x-fil-venetian:hover:before{transform:scaleY(1)}.x-fil-corner-grow{border:2px solid var(--ink);color:var(--ink);background:0 0;transition:color .3s;overflow:hidden}.x-fil-corner-grow:before{content:"";transform-origin:50%;background:#ffd400;width:80px;height:80px;transition:transform .42s cubic-bezier(.3,.7,.4,1);position:absolute;top:-40px;left:-40px;transform:rotate(45deg)scale(0)}.x-fil-corner-grow:hover:before{transform:rotate(45deg)scale(4)}.x-fil-label-slide{border:2px solid var(--ink);background:var(--card);color:var(--ink);overflow:hidden}.x-fil-label-slide .btn-label{transition:transform .3s cubic-bezier(.3,.7,.4,1)}.x-fil-label-slide .btn-label:after{content:attr(data-t);color:var(--moss);padding-top:14px;position:absolute;top:100%;left:0;right:0}.x-fil-label-slide:hover .btn-label{transform:translateY(calc(-100% - 14px))}.x-fil-two-tone{color:#fff;background:linear-gradient(90deg,#7c3aed 0 50%,#ff3d81 50% 100%) 0 0/200% 100%;border:0;border-radius:8px;transition:background-position .4s cubic-bezier(.3,.7,.4,1)}.x-fil-two-tone:hover{background-position:100% 0}.x-fil-two-tone:active{transform:scale(.97)}.x-fil-ripple{color:#fff;background:#0e7c66;border-radius:8px;overflow:hidden}.x-fil-ripple:after{content:"";opacity:0;background:#fff9;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:50%;left:50%}.x-fil-ripple:active:after{animation:.55s ease-out rip}@keyframes rip{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(22)}}.x-glw-soft{color:#fff;background:#2b6bff;border-radius:10px;transition:box-shadow .35s,transform .25s;box-shadow:0 0 #2b6bff00}.x-glw-soft:hover{transform:translateY(-2px);box-shadow:0 0 28px #2b6bffbf}.x-glw-soft:active{transform:none;box-shadow:0 0 10px #2b6bff99}.x-glw-neon-text{color:#ff3d81;letter-spacing:.14em;text-shadow:0 0 6px #ff3d81,0 0 18px #ff3d81b3;background:0 0;border:2px solid #ff3d81;border-radius:6px;font-size:13px;transition:all .3s;box-shadow:0 0 8px #ff3d8180,inset 0 0 8px #ff3d814d}.x-glw-neon-text:hover{color:#fff;text-shadow:0 0 8px #fff,0 0 22px #ff3d81,0 0 44px #ff3d81;box-shadow:0 0 24px #ff3d81cc,inset 0 0 16px #ff3d8173}.x-glw-pulse{color:#04322c;background:#00c2a8;border-radius:999px;animation:2.2s ease-out infinite halo}@keyframes halo{0%{box-shadow:0 0 #00c2a899}70%{box-shadow:0 0 0 18px #00c2a800}to{box-shadow:0 0 #00c2a800}}.x-glw-pulse:hover{animation-duration:.9s}.x-glw-drop{color:#fff;background:#ff6b35;border-radius:10px;transition:box-shadow .3s,transform .3s;box-shadow:0 8px 20px -6px #ff6b35d9}.x-glw-drop:hover{transform:translateY(-3px);box-shadow:0 16px 30px -8px #ff6b35}.x-glw-drop:active{transform:translateY(0);box-shadow:0 5px 12px -6px #ff6b35e6}.x-glw-under{color:#fff;background:#1a1e26;border:1px solid #333a44;border-radius:12px}.x-glw-under:before{content:"";z-index:-1;filter:blur(14px);opacity:.6;background:linear-gradient(90deg,#7c3aed,#00e5d0);border-radius:12px;transition:opacity .3s,inset .3s;position:absolute;inset:8px 6px -6px}.x-glw-under:hover:before{opacity:1;inset:12px 4px -10px}.x-glw-ring{color:#ffe45e;background:0 0;border:2px solid #ffe45e;border-radius:999px}.x-glw-ring:after{content:"";opacity:0;border:2px solid #ffe45e;border-radius:999px;position:absolute;inset:-2px}.x-glw-ring:hover:after{animation:1.2s ease-out infinite ringout}@keyframes ringout{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.x-glw-ring:hover{background:#ffe45e14}.x-glw-flicker{color:#00e5d0;letter-spacing:.1em;text-shadow:0 0 10px #00e5d0cc;background:0 0;border:2px solid #00e5d0;animation:3.2s linear infinite flick}.x-glw-flicker:hover{animation-duration:1.9s}@keyframes flick{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,22%,24%,55%{opacity:.25}}.x-glw-inner{color:#ffb35c;background:#12151a;border:1px solid #3a3126;border-radius:10px;transition:box-shadow .35s,color .35s;box-shadow:inset 0 0 #ffb35c00}.x-glw-inner:hover{color:#ffd9a8;box-shadow:inset 0 0 26px #ffb35c80}.x-glw-inner:active{box-shadow:inset 0 0 40px #ffb35cbf}.x-glw-scan{color:#9fe8ff;font-family:var(--mono);background:#0f1318;border:1px solid #21313d;border-radius:8px;font-size:13px;font-weight:500;overflow:hidden}.x-glw-scan:before{content:"";background:linear-gradient(90deg,#0000,#4cc9f0,#0000);height:2px;animation:2.4s linear infinite scanline;position:absolute;top:0;left:0;right:0;box-shadow:0 0 12px #4cc9f0}@keyframes scanline{0%{top:-2px}to{top:100%}}.x-glw-scan:hover:before{animation-duration:1.5s}.x-glw-halo{color:#fff;background:#7c3aed;border-radius:999px;transition:box-shadow .4s}.x-glw-halo:hover{box-shadow:0 0 0 6px #7c3aed59,0 0 0 14px #7c3aed2e,0 0 0 24px #7c3aed14}.x-glw-halo:active{box-shadow:0 0 0 3px #7c3aed80}.x-glw-chromatic{color:#e8e6e0;background:#101216;border:1px solid #2a2e34;border-radius:6px;transition:text-shadow .25s,letter-spacing .25s}.x-glw-chromatic:hover{text-shadow:-2px 0 #ff3d81,2px 0 #00e5d0;letter-spacing:.03em}.x-glw-chromatic:active{text-shadow:-4px 0 #ff3d81,4px 0 #00e5d0}.x-glw-gradient{color:#fff;background:linear-gradient(120deg,#ff3d81,#7c3aed,#2b6bff) 0 0/200% 200%;border:0;border-radius:12px;transition:box-shadow .3s;animation:7s infinite aur;box-shadow:0 6px 22px #7c3aed80}@keyframes aur{50%{background-position:100%}}.x-glw-gradient:hover{box-shadow:0 10px 34px #7c3aedbf}.specimen[data-ground=glass]{background:radial-gradient(60% 80% at 15% 20%,#7c3aed,#0000 60%),radial-gradient(70% 90% at 85% 75%,#00a3a3,#0000 62%),linear-gradient(140deg,#2a2350,#123043 60%,#5b2242);border-color:#0a0b0d}.specimen[data-ground=glass] .code{color:#ffffff73}.specimen[data-ground=glass] .specimen-name{color:#fff9}.x-gls-frost{color:#fff;-webkit-backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff59;border-radius:12px;transition:background .25s,transform .25s;box-shadow:0 8px 24px #00000047}.x-gls-frost:hover{background:#ffffff38;transform:translateY(-2px)}.x-gls-frost:active{transform:translateY(0)scale(.98)}.x-gls-tint{color:#eafbff;-webkit-backdrop-filter:blur(7px)saturate(1.6);background:#00e5d029;border:1px solid #00e5d080;border-radius:999px;transition:background .25s}.x-gls-tint:hover{background:#00e5d04d}.x-gls-tint:active{background:#00e5d073}.x-gls-edge{color:#fff;-webkit-backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:14px;box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #fff3,0 10px 30px #00000059}.x-gls-edge:hover{box-shadow:inset 0 1px #ffffffe6,0 14px 36px #0000006b}.x-gls-edge:active{transform:scale(.98)}.x-gls-heavy{color:#fff;-webkit-backdrop-filter:blur(22px)brightness(1.15);background:#14161a47;border:1px solid #ffffff29;border-radius:10px;transition:backdrop-filter .3s,background .3s}.x-gls-heavy:hover{background:#14161a66}.x-gls-sweep{color:#fff;-webkit-backdrop-filter:blur(10px);background:#ffffff24;border:1px solid #ffffff4d;border-radius:16px;overflow:hidden;box-shadow:0 8px 26px #0000004d}.x-gls-sweep:before{content:"";background:linear-gradient(115deg,#0000 30%,#ffffff8c 46%,#0000 62%);border-radius:16px;transition:transform .6s cubic-bezier(.3,.7,.4,1);position:absolute;inset:0;transform:translate(-60%)}.x-gls-sweep:hover:before{transform:translate(60%)}.x-gls-pill{color:#fff;-webkit-backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:999px;padding:11px 20px;font-size:13.5px;transition:padding .25s,background .25s}.x-gls-pill:hover{background:#ffffff42;padding:11px 28px}.x-gls-smoke{color:#ffffffe6;-webkit-backdrop-filter:blur(6px);background:#0000006b;border:1px solid #ffffff1a;border-radius:8px;transition:background .3s,color .3s}.x-gls-smoke:hover{color:#fff;background:#0000009e}.x-gls-grain{color:#fff;-webkit-backdrop-filter:blur(11px);background:#ffffff21;border:1px solid #ffffff47;border-radius:12px;overflow:hidden}.x-gls-grain:after{content:"";opacity:.5;pointer-events:none;background-image:radial-gradient(#ffffff80 .5px,#0000 .5px);background-size:3px 3px;position:absolute;inset:0}.x-gls-grain:hover{background:#fff3}.x-gls-outline{color:#fff;background:0 0;border:1px solid #ffffff8c;border-radius:10px;transition:background .25s,border-color .25s,backdrop-filter .25s}.x-gls-outline:hover{-webkit-backdrop-filter:blur(8px);background:#ffffff24;border-color:#fff}.x-gls-dot{color:#fff;-webkit-backdrop-filter:blur(9px);background:#ffffff24;border:1px solid #ffffff4d;border-radius:999px;padding-left:34px}.x-gls-dot:before{content:"";background:#5bf0a8;border-radius:50%;width:8px;height:8px;margin-top:-4px;animation:2s ease-out infinite halo2;position:absolute;top:50%;left:15px;box-shadow:0 0 10px #5bf0a8}@keyframes halo2{0%{box-shadow:0 0 #5bf0a8b3}to{box-shadow:0 0 0 9px #5bf0a800}}.x-gls-dot:hover{background:#ffffff3d}.x-gls-refract{color:#fff;-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #0000;border-radius:14px;transition:box-shadow .3s;box-shadow:inset 2px 0 #ff3d818c,inset -2px 0 #00e5d08c,inset 0 1px #fff9,0 8px 22px #0000004d}.x-gls-refract:hover{box-shadow:inset 5px 0 #ff3d81cc,inset -5px 0 #00e5d0cc,inset 0 1px #ffffffb3,0 12px 28px #0000005c}.x-gls-blob{color:#3a3560;background:#e4deff;border:0;border-radius:26px;transition:border-radius .4s,transform .3s,box-shadow .3s;box-shadow:0 6px 16px #7c3aed2e}.x-gls-blob:hover{border-radius:40% 60% 55% 45%/55% 45% 60% 40%;transform:translateY(-3px);box-shadow:0 12px 26px #7c3aed47}.x-gls-blob:active{border-radius:26px;transform:scale(.97)}.x-typ-arrow-slide{background:var(--ink);color:var(--paper);border-radius:6px;padding-right:38px}.x-typ-arrow-slide:after{content:"→";transition:right .25s cubic-bezier(.3,.7,.4,1);position:absolute;top:50%;right:16px;transform:translateY(-50%)}.x-typ-arrow-slide:hover:after{right:10px}.x-typ-arrow-slide:active{transform:scale(.98)}.x-typ-arrow-enter{border:2px solid var(--ink);color:var(--ink);background:0 0;overflow:hidden}.x-typ-arrow-enter .btn-label{transition:transform .28s cubic-bezier(.3,.7,.4,1)}.x-typ-arrow-enter:after{content:"→";opacity:0;transition:transform .28s cubic-bezier(.3,.7,.4,1),opacity .28s;position:absolute;top:50%;right:14px;transform:translate(24px,-50%)}.x-typ-arrow-enter:hover .btn-label{transform:translate(-9px)}.x-typ-arrow-enter:hover:after{opacity:1;transform:translateY(-50%)}.x-typ-spread{border:1px solid var(--ink);color:var(--ink);text-transform:uppercase;letter-spacing:.08em;background:0 0;font-size:12px;transition:letter-spacing .3s cubic-bezier(.3,.7,.4,1),background .3s,color .3s}.x-typ-spread:hover{letter-spacing:.28em;background:var(--ink);color:var(--paper)}.x-typ-spread:active{letter-spacing:.08em}.x-typ-marquee{color:#141414;width:180px;font:700 12px/1 var(--mono);letter-spacing:.08em;background:#ffe45e;border:2px solid #141414;overflow:hidden}.x-typ-marquee .btn-label{animation:6s linear infinite mq}@keyframes mq{0%{transform:translate(90px)}to{transform:translate(-190px)}}.x-typ-marquee:hover .btn-label{animation-duration:2s}.x-typ-caret{color:#9ef5b0;font:500 12.5px/1 var(--mono);background:#0e1013;border:1px solid #23303a;padding-right:26px}.x-typ-caret:after{content:"";background:#9ef5b0;width:8px;height:15px;margin-top:-7.5px;animation:1s steps(2,end) infinite caret;position:absolute;top:50%;right:14px}@keyframes caret{50%{opacity:0}}.x-typ-caret:hover{color:#c6ffd4;background:#151a20}.x-typ-case{border-bottom:2px solid var(--ink);color:var(--ink);text-transform:lowercase;background:0 0;transition:text-transform .1s,letter-spacing .25s,color .25s}.x-typ-case:hover{text-transform:uppercase;letter-spacing:.12em;color:#e8175d;border-color:#e8175d}.x-typ-slide-up{color:#fff;background:#2b6bff;border-radius:8px;overflow:hidden}.x-typ-slide-up .btn-label{transition:transform .3s cubic-bezier(.3,.7,.4,1)}.x-typ-slide-up .btn-label:after{content:attr(data-t);padding-top:13px;position:absolute;top:100%;left:0;right:0}.x-typ-slide-up:hover .btn-label{transform:translateY(calc(-100% - 13px))}.x-typ-slide-side{background:var(--ink);color:var(--paper);border-radius:6px;overflow:hidden}.x-typ-slide-side .btn-label{transition:transform .3s cubic-bezier(.3,.7,.4,1)}.x-typ-slide-side .btn-label:after{content:attr(data-t);color:#ffd400;padding-left:26px;position:absolute;top:0;left:100%}.x-typ-slide-side:hover .btn-label{transform:translate(calc(-100% - 26px))}.x-typ-word-rule{color:var(--ink);background:linear-gradient(currentColor,currentColor) 0 88%/0 2px no-repeat;padding:10px 2px;transition:background-size .35s cubic-bezier(.3,.7,.4,1)}.x-typ-word-rule:hover{background-size:100% 2px}.x-typ-word-rule:active{color:var(--moss)}.x-typ-extrude{color:#141414;text-shadow:1px 1px #141414,2px 2px #141414,3px 3px #141414,4px 4px #141414;background:#ffd400;border:2px solid #141414;font-size:15px;font-weight:800;transition:text-shadow .2s,transform .2s}.x-typ-extrude:hover{text-shadow:1px 1px #e8175d,2px 2px #e8175d,3px 3px #e8175d,4px 4px #e8175d,5px 5px #e8175d,6px 6px #e8175d}.x-typ-extrude:active{text-shadow:none;transform:translate(3px,3px)}.x-typ-outline{letter-spacing:.02em;color:#0000;-webkit-text-stroke:1.5px #e8e6e0;background:0 0;border:0;font-size:18px;font-weight:800;transition:color .3s,-webkit-text-stroke-color .3s}.x-typ-outline:hover{color:#ffd400;-webkit-text-stroke-color:#ffd400}.x-typ-outline:active{color:#fff;-webkit-text-stroke-color:#fff}.x-typ-blur{color:#e8e6e0;background:#1a1e26;border:1px solid #2e333a;border-radius:8px}.x-typ-blur .btn-label{filter:blur(3px);opacity:.65;transition:filter .3s,opacity .3s,letter-spacing .3s}.x-typ-blur:hover .btn-label{filter:blur();opacity:1;letter-spacing:.02em}.x-typ-strike{border:2px solid var(--mute);color:var(--mute);background:0 0}.x-typ-strike .btn-label:before{content:"";transform-origin:0;background:#e8175d;width:100%;height:2px;transition:transform .3s;position:absolute;top:50%;left:0;transform:scaleX(0)}.x-typ-strike:hover .btn-label:before{transform:scaleX(1)}.x-typ-strike:hover{color:#e8175d;border-color:#e8175d}.x-typ-icon-pop{background:var(--card);border:2px solid var(--ink);color:var(--ink);padding-left:38px}.x-typ-icon-pop:before{content:"★";color:#b5b0a5;transition:transform .3s cubic-bezier(.2,1.6,.5,1),color .3s;position:absolute;top:50%;left:14px;transform:translateY(-50%)scale(1)}.x-typ-icon-pop:hover:before{color:#ffb300;transform:translateY(-50%)scale(1.5)rotate(72deg)}.x-typ-icon-pop:active:before{transform:translateY(-50%)scale(1.1)rotate(144deg)}.x-typ-loading{color:#f2f0ea;background:#3b4a40;border-radius:8px;padding-right:38px}.x-typ-loading:after{content:"";transform-origin:50%;background:currentColor;border-radius:50%;width:4px;height:4px;margin-top:-2px;animation:1.2s ease-in-out infinite dots;position:absolute;top:50%;right:18px;box-shadow:8px 0,16px 0}@keyframes dots{0%,to{opacity:.25}50%{opacity:1}}.x-typ-badge{background:var(--card);border:2px solid var(--ink);color:var(--ink);border-radius:8px;overflow:visible}.x-typ-badge:after{content:"3";color:#fff;width:22px;height:22px;font:700 11px/22px var(--ui);background:#e8175d;border-radius:50%;transition:transform .3s cubic-bezier(.2,1.6,.5,1);position:absolute;top:-9px;right:-9px}.x-typ-badge:hover:after{transform:scale(1.25)translate(2px,-2px)}.x-typ-badge:active:after{transform:scale(.9)}.x-mat-holo{color:#1a1a1a;background:linear-gradient(115deg,#ffd1f0,#c8f5ff,#dfffd1,#fff3c4,#ffd1f0,#c8f5ff) 0 0/300% 100%;border:0;border-radius:10px;font-weight:800;animation:7s linear infinite holo;overflow:hidden;box-shadow:0 6px 20px #ffffff2e}@keyframes holo{to{background-position:300% 0}}.x-mat-holo:after{content:"";background:linear-gradient(115deg,#0000 40%,#ffffffbf 50%,#0000 60%);transition:transform .7s;position:absolute;inset:0;transform:translate(-100%)}.x-mat-holo:hover:after{transform:translate(100%)}.x-mat-holo:hover{animation-duration:1.8s}.x-mat-chrome{color:#1a1d22;text-shadow:0 1px #fff9;background:linear-gradient(100deg,#f7f9fb,#9aa6b2 18%,#f7f9fb 32%,#6e7a87 48%,#e6ecf2 62%,#8c99a6 78%,#f7f9fb) 0 0/220% 100%;border:0;border-radius:8px;font-weight:800;transition:background-position .6s cubic-bezier(.3,.7,.4,1);box-shadow:0 4px 12px #0006}.x-mat-chrome:hover{background-position:100% 0}.x-mat-chrome:active{transform:translateY(2px)}.x-mat-grain{color:#2a2a28;background:#ede7d9;border:1px solid #c9c1ac;border-radius:4px;overflow:hidden;box-shadow:0 2px 5px #14161a1a}.x-mat-grain:after{content:"";opacity:.5;pointer-events:none;background-image:radial-gradient(#5a503c59 .6px,#0000 .6px),radial-gradient(#5a503c38 .6px,#0000 .6px);background-position:0 0,2px 3px;background-size:4px 4px,7px 7px;position:absolute;inset:0}.x-mat-grain:hover{background:#f5f0e4}.x-mat-grain:active{transform:translateY(1px)}.x-mat-riso{color:#1a1a1a;isolation:isolate;background:#fff6e9;border:2px solid #1a1a1a}.x-mat-riso:before,.x-mat-riso:after{content:"";mix-blend-mode:multiply;transition:transform .3s cubic-bezier(.3,.7,.4,1);position:absolute;inset:0}.x-mat-riso:before{opacity:.55;background:#ff5c8a;transform:translate(-4px,-3px)}.x-mat-riso:after{opacity:.55;background:#3ac0ff;transform:translate(4px,3px)}.x-mat-riso:hover:before{transform:translate(-8px,-6px)}.x-mat-riso:hover:after{transform:translate(8px,6px)}.x-mat-riso:active:before,.x-mat-riso:active:after{transform:none}.x-mat-tape{color:#2a2a28;font-family:var(--mono);background:#f7f4ea;border:0;padding:16px 26px;font-size:12.5px;font-weight:500;transition:transform .25s;transform:rotate(-1deg);box-shadow:0 2px 6px #14161a24}.x-mat-tape:before,.x-mat-tape:after{content:"";background:#00c2a873;border-left:1px dashed #00000026;border-right:1px dashed #00000026;width:38px;height:17px;position:absolute;top:-9px}.x-mat-tape:before{left:-10px;transform:rotate(-24deg)}.x-mat-tape:after{right:-10px;transform:rotate(21deg)}.x-mat-tape:hover{transform:rotate(.5deg)translateY(-2px)}.x-mat-tape:active{transform:rotate(-1deg)scale(.98)}.x-mat-stitch{color:#f7f4ea;outline-offset:-9px;background:#3b4a40;border-radius:8px;outline:2px dashed #f7f4eae6;transition:outline-offset .25s;box-shadow:inset 0 0 0 2px #3b4a40,inset 0 0 0 4px #f7f4eae6}.x-mat-stitch:hover{outline-offset:-6px}.x-mat-stitch:active{outline-offset:-11px}.x-mat-terminal{color:#7dff9a;font:500 12.5px/1 var(--mono);text-align:left;background:#0b0f0c;border:1px solid #1e3a24;padding-left:34px}.x-mat-terminal:before{content:"$";color:#3e7a4a;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.x-mat-terminal:hover{background:#101711;box-shadow:0 0 0 1px #2c5636,0 0 18px #7dff9a26}.x-mat-terminal:active{color:#d6ffdf}.x-mat-receipt{color:#2a2a28;font:500 11.5px/1 var(--mono);letter-spacing:.04em;--rc:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom/11px 6px repeat-x, linear-gradient(#000 0 0) top/100% calc(100% - 6px) no-repeat;-webkit-mask:var(--rc);mask:var(--rc);background:#fffdf7;border:0;padding:16px 22px 20px;box-shadow:0 3px 9px #14161a29}.x-mat-receipt:hover{background:#fff}.x-mat-receipt:active{transform:translateY(2px)}.x-mat-concrete{color:#f7f6f2;text-shadow:0 1px 2px #0006;background:#8e8b84;border:0;border-radius:2px;overflow:hidden;box-shadow:inset 0 2px #ffffff38,inset 0 -3px #00000040,0 4px #5f5c56}.x-mat-concrete:after{content:"";opacity:.35;background-image:radial-gradient(#00000080 1px,#0000 1px),radial-gradient(#fff6 1px,#0000 1px);background-position:0 0,3px 4px;background-size:5px 5px,9px 9px;position:absolute;inset:0}.x-mat-concrete:active{transform:translateY(4px);box-shadow:inset 0 2px 6px #0006}.x-mat-mesh{color:#fff;background-color:#5b3fd9;background-image:radial-gradient(60% 90% at 12% 18%,#ff6b9a,#0000 60%),radial-gradient(70% 90% at 88% 24%,#4cc9f0,#0000 60%),radial-gradient(80% 90% at 50% 100%,#ffd166,#0000 62%);border:0;border-radius:14px;font-weight:700;transition:filter .35s,transform .3s;box-shadow:0 8px 26px #5b3fd973}.x-mat-mesh:hover{filter:hue-rotate(35deg)saturate(1.2);transform:translateY(-3px)}.x-mat-mesh:active{transform:translateY(0)scale(.98)}.x-mat-duotone{color:#141414;background:#ffe45e;border:0;border-radius:6px;overflow:hidden}.x-mat-duotone:before{content:"";mix-blend-mode:difference;background:#00e5d0;transition:transform .35s cubic-bezier(.3,.7,.4,1);position:absolute;inset:0;transform:translateY(101%)}.x-mat-duotone:hover:before{transform:none}.x-mat-duotone:active:before{transform:translateY(-101%)}.x-mat-jelly{color:#fff;background:#ff3d81;border-radius:16px}.x-mat-jelly:hover{animation:.7s cubic-bezier(.3,.7,.4,1) jelly}@keyframes jelly{0%{transform:scale(1)}25%{transform:scale(1.14,.86)}45%{transform:scale(.9,1.1)}65%{transform:scale(1.06,.94)}85%{transform:scale(.98,1.02)}to{transform:scale(1)}}.x-mat-jelly:active{transform:scale(.92,1.08)}.x-mat-magnet{background:var(--ink);color:var(--paper);transform:translate(calc((var(--px,.5) - .5) * 14px), calc((var(--py,.5) - .5) * 10px));border-radius:999px;transition:transform .18s ease-out,box-shadow .3s;box-shadow:0 4px 12px #14161a33}.x-mat-magnet:hover{box-shadow:0 10px 22px #14161a4d}.x-mat-magnet:active{transition-duration:50ms}.x-mat-confetti{color:#fff;background:#7c3aed;border-radius:10px;overflow:visible}.x-mat-confetti:after{content:"";opacity:0;border-radius:1px;width:6px;height:6px;position:absolute;top:50%;left:50%;box-shadow:0 0 #ffd400,0 0 #00e5d0,0 0 #ff3d81,0 0 #4cc9f0,0 0 #ff6b35,0 0 #43c13b}.x-mat-confetti:active:after{animation:.7s ease-out conf}@keyframes conf{0%{opacity:1;box-shadow:0 0 #ffd400,0 0 #00e5d0,0 0 #ff3d81,0 0 #4cc9f0,0 0 #ff6b35,0 0 #43c13b}to{opacity:0;box-shadow:-46px -34px #ffd400,44px -30px #00e5d0,-56px 12px #ff3d81,54px 18px #4cc9f0,-16px -48px #ff6b35,20px 44px #43c13b}}.x-mat-thermal{color:#e8e6e0;background:#15171c;border:1px solid #2e333a;border-radius:8px;overflow:hidden}.x-mat-thermal:before{content:"";opacity:0;background:linear-gradient(90deg,#3a1c71,#d76d77,#ffaf7b);transition:opacity .45s;position:absolute;inset:0}.x-mat-thermal:hover:before{opacity:1}.x-mat-thermal:hover{color:#1a1207;border-color:#ffaf7b}.x-mat-peel{color:#141414;background:#ffd400;border-radius:4px;overflow:hidden;box-shadow:0 3px 8px #14161a33}.x-mat-peel:after{content:"";background:linear-gradient(135deg,#0000 45%,#0000002e 46%,#fff0a8 52%);border-radius:4px 0 0;width:0;height:0;transition:width .3s cubic-bezier(.3,.7,.4,1),height .3s cubic-bezier(.3,.7,.4,1);position:absolute;bottom:0;right:0}.x-mat-peel:hover:after{width:34px;height:34px}.x-mat-peel:active:after{width:100%;height:100%}