.demo-side{width:230px;flex-shrink:0;background:#0A0A0A;position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto;padding:0 10px 24px}.demo-main{flex:1;min-width:0;padding-bottom:180px}.demo-menu-btn{display:none!important}.demo-nav-link:hover:not([aria-current]){background:rgba(250,250,247,.07)!important;color:#FAFAF7!important}.demo-tour{position:fixed;right:20px;bottom:20px;z-index:150;width:min(370px,calc(100vw - 32px));background:#0A0A0A;color:#FAFAF7;border:3px solid #ffe400;border-radius:20px;box-shadow:6px 6px 0 rgba(10,10,10,.35);padding:16px 18px;animation:demo-pop .38s cubic-bezier(.2,1.4,.4,1)}.demo-sheet{display:none}@media (max-width:900px){.demo-side{display:none}.demo-menu-btn{display:grid!important}.demo-sheet{display:block;position:relative;z-index:160}.demo-hero-art{display:none!important}}@media (max-width:640px){.demo-badge,.demo-hide-sm{display:none}.demo-tour{right:16px;bottom:16px}}@media (max-width:420px){.demo-hide-xs,.demo-wordmark{display:none}}@keyframes demo-fade{0%{background:rgba(10,10,10,0)}}@keyframes demo-pop{0%{transform:translateY(14px) scale(.96)}}@keyframes demo-drop{0%{transform:translateY(-12px)}}@keyframes demo-float{50%{transform:translateY(-6px) rotate(-2deg)}}@keyframes demo-pulse{50%{transform:scale(1.06)}}@keyframes demo-flip{0%{transform:rotateY(90deg)}}@keyframes demo-slide{0%{transform:translateX(-16px)}}@keyframes demo-grow{0%{transform:scaleY(0)}}@keyframes demo-growx{0%{transform:scaleX(0)}}@keyframes demo-blink{50%{opacity:0}}.demo-float{animation:demo-float 3.4s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.demo-float,.demo-tour,[class*=demo-anim]{animation:none!important}}@media (max-width:640px){.demo-shelf>*{grid-column:auto!important}}@media (min-width:901px){.demo-sky-text{max-width:calc(100% - 170px)}}@media (max-width:640px){.demo-tour{padding:12px 14px;border-radius:16px}.demo-tour-hint{display:none}.demo-tour-desc{font-size:13px!important}.demo-main{padding-bottom:230px}}[class*=" fa-"],[class^=fa-]{transform-box:fill-box;transform-origin:center}.fa-flicker{animation:fa-flicker 1.4s ease-in-out infinite;transform-origin:bottom}.fa-roll{animation:fa-roll 2.6s cubic-bezier(.3,1.4,.5,1) infinite;transform-box:view-box;transform-origin:76px 48px}.fa-pop{animation:fa-pop 2.4s ease-in-out infinite}.fa-pop2{animation:fa-pop 2.4s ease-in-out 1.2s infinite}.fa-ring{animation:fa-ring 4s linear infinite}.fa-hop{animation:fa-hop 1.6s cubic-bezier(.3,1.6,.5,1) infinite}.fa-pulse{animation:fa-pulse 1.4s ease-in-out infinite}.fa-shackle{animation:fa-shackle 2.4s ease-in-out infinite}.fa-dot{animation:fa-hop 1.1s ease-in-out infinite}.fa-bar{animation:fa-bar 3s ease-in-out infinite;transform-origin:left}.fa-spin{animation:fa-spin 6s linear infinite}.fa-step{animation:fa-step 3s steps(1) infinite;transform-box:view-box;transform-origin:0 0}.fa-flip{animation:fa-flip 2.8s ease-in-out infinite}.fa-float{animation:demo-float 3s ease-in-out infinite}.fa-wave{animation:fa-wave 1.2s ease-in-out infinite;transform-origin:left}.fa-beat{animation:fa-beat 1.3s ease-in-out infinite}.fa-twinkle{animation:fa-pulse 1.6s ease-in-out infinite}.fa-grow{animation:fa-grow 2.8s cubic-bezier(.2,1.3,.4,1) infinite;transform-origin:bottom}@keyframes fa-flicker{50%{transform:scaleY(1.15) skewX(-4deg)}}@keyframes fa-roll{0%,60%{transform:rotate(0)}75%{transform:rotate(-14deg)}90%{transform:rotate(6deg)}to{transform:rotate(0)}}@keyframes fa-pop{0%,to{transform:scale(1)}50%{transform:scale(1.12) rotate(-4deg)}}@keyframes fa-ring{0%{stroke-dashoffset:0}to{stroke-dashoffset:201}}@keyframes fa-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}@keyframes fa-pulse{50%{transform:scale(1.3)}}@keyframes fa-shackle{0%,40%,to{transform:translateY(0)}60%,85%{transform:translateY(-7px) rotate(-8deg)}}@keyframes fa-bar{0%{transform:scaleX(.2)}80%,to{transform:scaleX(1.6)}}@keyframes fa-spin{to{transform:rotate(1turn)}}@keyframes fa-step{0%{transform:translateY(0)}33%{transform:translateY(20px)}66%{transform:translateY(40px)}}@keyframes fa-flip{0%,70%,to{transform:rotateY(0)}85%{transform:rotateY(180deg)}}@keyframes fa-wave{50%{transform:skewY(-12deg) scaleX(.85)}}@keyframes fa-beat{0%,to{transform:scale(1)}15%{transform:scale(1.1)}30%{transform:scale(1)}45%{transform:scale(1.07)}}@keyframes fa-grow{0%{transform:scaleY(.3)}30%,to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){[class*=" fa-"],[class^=fa-]{animation:none!important}}.demo-shelf-grid{display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense}@media (max-width:1000px){.demo-shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.demo-shelf-grid{grid-template-columns:minmax(0,1fr)}}.demo-box{display:flex;flex-direction:column;text-decoration:none;color:#0A0A0A;background:#FAFAF7;overflow:hidden;border:3.5px solid #0a0a0a;border-radius:20px;box-shadow:5px 5px 0 #0A0A0A;transition:transform .18s cubic-bezier(.2,1.4,.4,1),box-shadow .18s}.demo-box:hover{transform:translate(-3px,-3px) rotate(-.4deg);box-shadow:9px 9px 0 #0A0A0A}.demo-box:active{transform:translate(1px,1px);box-shadow:2px 2px 0 #0A0A0A}.demo-box--hero{grid-column:span 2}.demo-box-art{position:relative;height:150px;border-bottom:3.5px solid #0a0a0a;display:grid;place-items:center;overflow:hidden}.demo-box-pic{position:relative;transition:transform .3s cubic-bezier(.2,1.4,.4,1)}.demo-box:hover .demo-box-pic{transform:scale(1.08) rotate(-2deg)}.demo-box-go{width:30px;height:30px;flex-shrink:0;border-radius:99px;background:#0A0A0A;color:#FFE400;display:grid;place-items:center;transition:transform .2s}.demo-box:hover .demo-box-go{transform:translateX(3px)}@media (max-width:560px){.demo-box--hero{grid-column:auto}}@media (prefers-reduced-motion:reduce){.demo-box,.demo-box-pic{transition:none}}.demo-showpieces{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1100px){.demo-showpieces{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.demo-showpieces{grid-template-columns:minmax(0,1fr)}}.demo-nextup{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1100px){.demo-nextup{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-nextup>:last-child{grid-column:1/-1}}@media (max-width:560px){.demo-nextup{grid-template-columns:minmax(0,1fr)}.demo-ses-row{grid-template-columns:36px minmax(0,1fr) auto!important;gap:8px!important}.demo-ses-card{grid-template-columns:minmax(0,1fr)!important}.demo-ses-cover{display:none}}