@font-face{font-family:"Saol";src:url("/font/SaolDisplay-Regular.ttf") format("truetype");font-weight:400;font-style:normal}*{color:var(--lui-color-neutral-light-text-body) !important;margin:var(--lui-spacing-fixed-0);padding:var(--lui-spacing-fixed-0);box-sizing:border-box}.saol{font-family:"Saol",serif !important}body,html{background-color:#090a0b !important;justify-content:center;height:auto;overflow-x:hidden;overflow-y:auto}a{text-decoration:none}i{font-size:var(--lui-spacing-scale-150)}main{margin-left:var(--lui-spacing-fixed-64)}main>section>hgroup>h1{font-size:clamp(6rem,10vw,7.5rem);font-weight:var(--lui-typography-weight-bold);line-height:var(--lui-typography-line-height-md);letter-spacing:clamp(-2px,-0.5vw,-5px)}.image{display:inline-block !important;position:relative}.mood,.scroll-container,.card-glass,.card-gadgets,.card-body{display:flex}.scroll-float{transform-origin:center center;will-change:transform}.mood{z-index:1;position:absolute;top:-24px;right:-24px;align-items:center;justify-content:center;background-color:#090a0b;border:1px solid #383b3f;width:fit-content;font-size:var(--lui-spacing-scale-200);width:var(--lui-spacing-fixed-64);height:var(--lui-spacing-fixed-64);border-radius:var(--lui-border-radius-circle);transition:max-width .3s ease}.mood span{padding-bottom:var(--lui-spacing-fixed-4)}.tooltip-text{position:absolute;visibility:hidden;width:max-content;text-align:center;background-color:#2c2c31;opacity:var(--lui-spacing-fixed-0);color:var(--lui-color-neutral-light-text-body);padding:var(--lui-spacing-fixed-4) var(--lui-spacing-fixed-8);border-radius:var(--lui-border-radius-8);z-index:10;transition:opacity .3s}.mood:hover .tooltip-text{visibility:visible;opacity:1}.scroll-container{overflow-x:auto;overflow-y:hidden;height:100vh;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:var(--lui-spacing-fixed-80);gap:var(--lui-spacing-fixed-16)}.card-glass{height:fit-content;padding:var(--lui-spacing-fixed-32);background:hsla(0,0%,54%,.04);border-radius:var(--lui-spacing-fixed-32);border:1px solid hsl(210,2%,22%);color:var(--lui-color-neutral-light-layer-bg-surface);flex-direction:column;gap:var(--lui-spacing-fixed-16)}.setup-icon{padding:var(--lui-spacing-fixed-8);color:var(--lui-color-neutral-light-text-body);width:var(--lui-spacing-fixed-40);height:var(--lui-spacing-fixed-40);background-color:#2b2c2d;border:1px solid #373839;border-radius:var(--lui-border-radius-circle)}.setup-icon i{font-size:var(--lui-spacing-scale-150)}.gadgets{flex-wrap:wrap}ul.gadgets li{margin-bottom:var(--lui-spacing-fixed-0)}.tab-container{color:var(--lui-color-neutral-light-text-body);background:hsla(0,0%,54%,.04);border:1px solid hsl(210,2%,22%);border-radius:var(--lui-spacing-fixed-32);overflow:hidden}.tab-container [role=tablist]{display:flex;margin:var(--lui-spacing-fixed-0);padding:var(--lui-spacing-fixed-0);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.tab-container [role=tab]{margin-top:var(--lui-spacing-fixed-8);padding:var(--lui-spacing-fixed-16);position:relative;text-align:center;cursor:pointer;flex-grow:1}.tab-container [role=tab]:hover{background:rgba(238,238,238,.1568627451)}.tab-container [role=tab][aria-selected=true]{color:var(--lui-color-neutral-light-text-body)}.tab-container [role=tab][aria-selected=true]::after{content:"";position:absolute;width:100%;height:var(--lui-spacing-fixed-4);background:#7f74c2;left:0;bottom:0}.tab-container section{position:relative}.tab-container section [role=tabpanel]{display:none}.tab-container section [role=tabpanel][aria-expanded=true]{display:block}.tool-list ul li{margin-bottom:var(--lui-spacing-fixed-8)}.tool-list ul li:last-child{margin-bottom:var(--lui-spacing-fixed-0)}.card-body{flex-direction:column;gap:8px !important}.footer-text{position:absolute}@media(min-width: 769px){.book-content{display:flex;margin-left:calc(var(--lui-spacing-fixed-80) + var(--lui-spacing-fixed-80))}}.book-content{align-items:center;gap:var(--lui-spacing-fixed-80)}.book-description{width:480px;gap:var(--lui-spacing-fixed-24)}@media(min-width: 769px){.book-description{margin-right:var(--lui-spacing-fixed-80)}}@media(min-width: 769px){.book-content-head{display:flex;flex-direction:column}}@media(min-width: 769px){.book-content-head p:nth-child(1),.book-content-head p:nth-child(3){margin-left:var(--lui-spacing-fixed-80)}}@media(min-width: 769px){.book-content-head p:nth-child(4){margin-left:calc(var(--lui-spacing-fixed-80) + var(--lui-spacing-fixed-80))}}.book-chapter{display:flex;gap:24px}.book-chapter img{position:absolute;bottom:480px;right:80px;z-index:1}@media(max-width: 768px){.book-chapter img{display:none}}@media(max-width: 768px){.book-chapter{flex-direction:column}}.book-chapter ol{list-style-type:decimal;margin-left:0;padding-left:16px}.book-chapter-item{flex-direction:column;gap:var(--lui-spacing-fixed-24)}@media(min-width: 769px){.book-chapter-item{width:328px}}@media(min-width: 769px){.book-chapter-item:nth-child(2){margin-left:var(--lui-spacing-fixed-80)}}.book-chapter-content{gap:var(--lui-spacing-fixed-8)}.book-chapter-column{display:flex;flex-direction:column;z-index:2;gap:var(--lui-spacing-fixed-80)}@media(max-width: 768px){.book-chapter-column{gap:var(--lui-spacing-fixed-40)}}@media(min-width: 769px){html,body{height:100%;overflow:hidden}.hscroll-wrapper{position:relative}.scroll-container{display:block;position:sticky;top:0;height:100vh;overflow:hidden;padding-top:0;padding-bottom:0}.scroll-track{position:absolute;top:0;left:0;display:flex;height:100%;gap:var(--lui-spacing-fixed-16);will-change:transform;width:max-content}.scroll-track>*{min-width:var(--lui-spacing-fixed-0);flex:0 0 auto;height:100%;display:flex;align-items:center;padding-top:var(--lui-spacing-fixed-80);padding-bottom:var(--lui-spacing-fixed-80)}.scroll-track>main{width:calc(100vw - var(--lui-spacing-fixed-80)*2);max-width:1200px}.card-gadgets{flex-direction:column;align-items:end;justify-content:end;gap:var(--lui-spacing-fixed-64);margin-left:calc(var(--lui-spacing-fixed-80)*4)}.playlists-tools{display:flex;align-items:flex-end;gap:40px}.tools-stack{display:flex;gap:40px}.stack{width:338px}.playlists{width:480px}.tools{width:560px;height:36rem}.card-lets-ui{width:480px}.lets-ui-section{display:flex;align-items:center;margin-left:calc(var(--lui-spacing-fixed-80)*4)}main section hgroup{margin-top:-218px}main section hgroup h1{white-space:nowrap}main section hgroup h2{margin-left:40px}main section .image img{margin-left:64px;border-radius:32px}main section>p{color:#fff;margin-left:42px;margin-top:5rem;min-width:720px}main section .social-media{margin-left:34px;margin-top:2rem;gap:.5rem}.footer-text{bottom:var(--lui-spacing-fixed-24);left:var(--lui-spacing-fixed-24)}.mobile-grid{display:none}.tooltip-text{top:50%;left:100%;transform:translateY(-50%) translateX(8px);white-space:nowrap}.card-lets-ui>img{width:560px;position:relative;top:-40px;left:-80px}}@media(max-width: 768px){.card-lets-ui>img{width:640px;position:relative;top:-40px;left:-80px}html,body,.float-layer{display:flex}html,body{font-size:14px;overflow:auto;justify-content:center}.float-layer{flex-direction:row;justify-content:center;align-items:center}.float-layer>*{flex-shrink:0}main{text-align:center;margin:var(--lui-spacing-fixed-40) var(--lui-spacing-fixed-0) var(--lui-spacing-fixed-40) var(--lui-spacing-fixed-0)}main section hgroup{margin-top:-80px;margin-bottom:var(--lui-spacing-fixed-40)}main section hgroup h1{line-height:1.1}.social-media,.footer-text{justify-content:center}.playlists-tools,.tools-stack{display:flex;gap:var(--lui-spacing-fixed-40)}.float-layer,.card-gadgets,.playlists-tools,.tools-stack{flex-direction:column}.stack{margin-bottom:var(--lui-spacing-scale-500)}.social-media{margin-top:var(--lui-spacing-fixed-16)}.footer-text{margin-top:var(--lui-spacing-fixed-8);flex-wrap:wrap}.float-layer{padding:var(--lui-spacing-fixed-16)}h1{line-height:1.1}.card-gadgets{gap:var(--lui-spacing-fixed-40)}.grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:clamp(1rem,2vw,2rem);margin-bottom:clamp(1rem,2vw,2rem);align-items:start}.grid:last-of-type{margin-bottom:0}.col-sm-1{grid-column:span 1}.col-sm-2{grid-column:span 2}.col-sm-3{grid-column:span 3}.col-sm-4{grid-column:span 4}.scroll-container{flex-direction:column;overflow-x:hidden;overflow-y:auto;height:auto;padding:var(--lui-spacing-fixed-16)}.tooltip-text{max-width:160px;right:120%}}.ease-entrance-default{animation:easeEntranceDefault 1s ease 0s 1 normal forwards}.ease-entrance-longer{animation:easeEntranceLonger 1.4s ease 0s 1 normal forwards}.ease-entrance-longer-2{animation:easeEntranceLonger2 1.4s ease 0s 1 normal forwards}@media(min-width: 769px){html,body{height:100%;overflow:hidden}.scroll-container{position:fixed;inset:0;overflow:hidden;padding-top:var(--lui-spacing-fixed-80);padding-bottom:var(--lui-spacing-fixed-80)}}@keyframes easeEntranceDefault{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@keyframes easeEntranceLonger{0%{opacity:0;transform:translateY(-80px)}100%{opacity:1;transform:translateY(0)}}@keyframes easeEntranceLonger2{0%{opacity:0;transform:translateY(-120px)}100%{opacity:1;transform:translateY(0)}}.type-line{overflow:hidden;white-space:nowrap;display:inline-block;width:fit-content}
