.like{position:relative}.like .label{align-items:center;gap:1ch;display:flex}.like .votes{color:var(--color-text-1);position:relative}.like .votes .add{animation:.426s linear add;position:absolute;inset:0}.like .votes var{text-align:center;justify-content:center;align-items:center;min-width:3.3ch;display:flex}.like .split{background-color:var(--color-text-3);opacity:.4;border-radius:4px;width:1px;height:10px;display:flex}@keyframes add{0%{opacity:0;filter:blur();translate:0 -4px}40%{opacity:1;filter:blur();translate:0 -24px}to{opacity:0;filter:blur(4px);translate:0 -44px}}.votes{min-width:2ch;position:relative}.plus-one{pointer-events:none;color:currentColor;font-weight:500;animation:.8s ease-out forwards float-away;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float-away{0%{opacity:1;transform:translate(calc(-50% + var(--x,0px)), calc(-50% + var(--y,0px))) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--x,0px)), calc(-50% + var(--y,-40px))) scale(2);filter:blur(2px)}}
.meter{align-items:center;width:100%;padding:6px 12px;display:flex}.meter .progress{width:100%;height:8px;cursor:var(--cursor,pointer);-webkit-user-select:none;user-select:none;border:1px solid #29293d;border-radius:200px;align-items:center;padding:2px;transition:all .2s;display:flex;position:relative}.meter .progress:after{content:"";width:var(--progress);background:linear-gradient(90deg,#14141f00,#c2c2d6);border-radius:20px;max-width:calc(100% - 4px);height:2px;margin:auto;transition:all .426s cubic-bezier(.075,.82,.165,1);display:flex;position:absolute}
.share{align-items:center;gap:4px;width:max-content;line-height:1;transition:all .424s;display:flex}@starting-style{.share{opacity:0;translate:10px}}.share .label{text-transform:uppercase;color:var(--color-text-3);font-size:8px;font-family:var(--font-t26)}.share svg{stroke-width:2px;min-width:10px;min-height:10px;color:var(--color-text-2)}
.url{border:1px solid var(--color-text-4);background-color:#10101866;border-radius:120px;align-items:center;padding:4px;font-size:8px;transition:all .424s;display:flex}@starting-style{.url{opacity:0;filter:blur(10px);transform:translateY(10px)}}.url .path{border:1px solid var(--color-text-4);z-index:1;background-color:#18182599;border-radius:120px;align-items:center;gap:2ch;height:100%;padding:6px 12px;display:flex}.url .path .zip{color:var(--color-text-2);align-items:center;padding-right:4px;display:flex}.url .path .zip span{opacity:.4}.url button{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);-webkit-user-select:none;user-select:none;align-items:center;gap:1ch;max-width:max-content;padding-block:6px;padding-inline:12px;transition:all .424s;display:flex}.url button svg{stroke-width:2px;min-width:8px;min-height:8px;color:var(--color-text-2)}@starting-style{.url button.close{opacity:0;filter:blur(10px);margin-right:-40px}}
.pre{align-items:center;gap:2ch;display:flex}.actions{z-index:1;background-color:#0c0c12;border:1px solid #14141f;border-radius:120px;align-items:center;gap:1ch;padding:4px;font-size:8px;transition:all .424s;display:flex;position:relative}@starting-style{.actions{opacity:0;filter:blur(10px);transform:translateY(10px)}}.actions button{-webkit-user-select:none;user-select:none;align-items:center;gap:1ch;max-width:max-content;padding:6px 12px;transition:all .424s;display:flex}.actions button.like{background-color:#101018;border:1px solid #181825;border-radius:120px;gap:2ch}.actions button svg{stroke-width:2px;min-width:10px;min-height:10px;color:var(--color-text-2)}.actions button .label{color:var(--color-text-2);align-items:center;gap:1ch;display:flex}.actions .decor:not(:has(.comment.open)){width:82px}
.settings-section{border-block:1px solid var(--panel-border-color);flex-direction:column;gap:24px;padding-block:24px;display:flex}
.panel-section{border-bottom:1px solid #0000;flex-direction:column;transition:all .24s;display:flex}.panel-section:not(:last-child){border-bottom:1px solid #14141f}.panel-section:hover{background-color:#12121c}.section-toggle{justify-content:space-between;align-items:center;padding:16px;transition:all .24s;display:flex}.section-toggle h3{font-size:10px;line-height:1;font-family:var(--font-t26);text-transform:uppercase;color:var(--color-text-3);align-items:center;transition:all .24s;display:flex}.collapsed:hover :is(.section-toggle h3){color:var(--color-text-2)}.section-content{padding-inline:16px;flex-direction:column;gap:14px;padding-bottom:18px;transition:all .24s;display:flex}@starting-style{.section-content{opacity:0;translate:0 -2px}}
.panel-shortcuts .keys{align-items:center;gap:1ch;display:flex}.panel-shortcuts .keys span{opacity:.4}.panel-shortcuts kbd{text-align:center;border:1px solid var(--color-text-4);background-color:var(--color-text-4);text-transform:uppercase;border-radius:4px;justify-content:center;align-items:center;width:22px;height:20px;font-family:inherit;font-size:8px;font-weight:600;line-height:1;display:flex}
.panel-table{border-radius:12px;flex-direction:column;display:flex}.panel-table .panel-content{background-color:#0b0b0f;flex-direction:column;padding:4px;display:flex}.panel-table .table-series{flex-direction:column;display:flex}.panel-table .table-series .series-name{color:var(--panel-color-3);cursor:pointer;align-items:center;gap:1ch;padding:8px 8px 12px;font-size:10px;display:flex}.panel-table .table-series .series-name .series-title{background-color:var(--panel-background-color);border:1px solid var(--panel-border-color);color:var(--panel-color-2);border-radius:12px;padding:4px 8px}.panel-table .table-series .list-of-series{border-top:1px #8f9ba80a;flex-direction:column;gap:4px;padding:0 0 12px;line-height:1.4;display:flex}.panel-table .table-series .list-of-series .part-item{color:var(--color-text-3);cursor:pointer;border-radius:10px;gap:1ch;padding:6px 8px;transition:all .24s linear;display:flex}.panel-table .table-series .list-of-series .part-item.active,.panel-table .table-series .list-of-series .part-item:hover{color:var(--color-text-2)}.panel-table .table-series .list-of-series .part-item span{height:max-content;line-height:1;font-family:var(--font-t26);color:var(--color-text-2);text-transform:uppercase;background-color:var(--panel-background-color);border:1px solid var(--panel-border-color);border-radius:6px;justify-content:center;align-items:center;padding:2px 6px;transition:all .24s linear;display:flex}.panel-table .table-series .list-of-series .part-item p{flex:1}.panel-table .table-headings{background-color:var(--panel-background-color);border:1px solid var(--panel-border-color);border-radius:10px;flex-direction:column;gap:1lh;padding:18px;display:flex}.panel-table .table-headings .heading-item{cursor:pointer;gap:4px;display:flex}.panel-table .table-headings .heading-item span,.panel-table .table-headings .heading-item var{color:var(--color-text-3)}
.portal.toast{--toast-h:40px;--stack-gap:8px;--stack-scale:.06;width:max-content;display:grid;position:relative}@starting-style{.portal.toast{opacity:0;filter:blur(10px);transform:translateY(10px)}}.portal.toast .toast-item{transform-origin:bottom;will-change:transform, opacity;background-color:#0c0c12;border:1px solid #14141f;border-radius:200px;grid-area:1/1;justify-content:space-between;align-items:center;gap:2px;min-width:100%;padding:4px;transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .42s cubic-bezier(.16,1,.3,1);display:flex}.portal.toast .toast-item[data-depth="0"]{z-index:4}.portal.toast .toast-item[data-depth="1"]{z-index:3;transform:translateY(calc(var(--stack-gap) * -1)) scale(calc(1 - var(--stack-scale)));opacity:.8}.portal.toast .toast-item[data-depth="2"]{z-index:2;transform:translateY(calc(var(--stack-gap) * -2)) scale(calc(1 - var(--stack-scale) * 2));opacity:.6}.portal.toast .toast-item[data-depth="3"]{z-index:1;transform:translateY(calc(var(--stack-gap) * -3)) scale(calc(1 - var(--stack-scale) * 3));opacity:.4;pointer-events:none}.portal.toast .toast-item[data-depth="4"]{z-index:0;transform:translateY(calc(var(--stack-gap) * -3)) scale(calc(1 - var(--stack-scale) * 3));opacity:0;pointer-events:none}.portal.toast .toast-item .toast-content{background-color:#101018;border:1px solid #181825;border-radius:200px;flex:1;align-items:center;gap:1ch;padding:6px 12px;display:flex}.portal.toast .toast-item .toast-content .toast-title{color:var(--color-text-2)}.portal.toast .toast-item .toast-content .toast-description{color:var(--color-text-3)}.portal.toast .toast-item .toast-actions{border-radius:200px;align-items:center;display:flex}.portal.toast .toast-item .toast-actions .toast-action{color:var(--color-text-2);font-family:var(--font-t26);text-transform:uppercase;border-radius:200px;padding:4px 8px;font-size:8px}.portal.toast .toast-item .toast-actions .toast-close{aspect-ratio:1;width:auto;height:100%;color:var(--color-text-1);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background-color:#101018;border:1px solid #181825;border-radius:200px;justify-content:center;align-items:center;padding:7px;display:flex}.portal.toast .toast-item .toast-actions .toast-close svg{stroke-width:2px}@starting-style{.portal.toast .toast-item{opacity:0;filter:blur(10px);transform:translateY(10px)}}.portal.toast:hover:before{content:"";pointer-events:auto;position:absolute;bottom:0;left:0;right:0}.portal.toast[data-count="2"]:hover:before{height:calc((var(--toast-h) + var(--stack-gap)) * 2)}.portal.toast[data-count="3"]:hover:before{height:calc((var(--toast-h) + var(--stack-gap)) * 3)}.portal.toast[data-count="4"]:hover:before{height:calc((var(--toast-h) + var(--stack-gap)) * 4)}.portal.toast[data-count="5"]:hover:before{height:calc((var(--toast-h) + var(--stack-gap)) * 5)}.portal.toast:hover .toast-item{opacity:1;pointer-events:auto}.portal.toast:hover .toast-item[data-depth="0"]{transform:translateY(0)scale(1)}.portal.toast:hover .toast-item[data-depth="1"]{transform:translateY(calc((var(--toast-h) + var(--stack-gap)) * -1)) scale(1)}.portal.toast:hover .toast-item[data-depth="2"]{transform:translateY(calc((var(--toast-h) + var(--stack-gap)) * -2)) scale(1)}.portal.toast:hover .toast-item[data-depth="3"]{transform:translateY(calc((var(--toast-h) + var(--stack-gap)) * -3)) scale(1)}.portal.toast:hover .toast-item[data-depth="4"]{transform:translateY(calc((var(--toast-h) + var(--stack-gap)) * -4)) scale(1)}
.craft-controls{z-index:1000;color:var(--color-text-3);background:#0b0b0f;border:1px solid #111118;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:4px;transition:all .424s;display:flex;box-shadow:0 2px 10px #0000001a}@starting-style{.craft-controls{opacity:0;filter:blur(10px);transform:translateY(10px)}}.craft-cogs{align-items:center;gap:8px;padding-left:8px;display:flex}.craft-cogs button{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:4px 8px;transition:all .24s;display:flex}.craft-cogs button.active,.craft-cogs button:hover{color:var(--color-text-1)}.craft-cogs button.settings-button{color:var(--color-text-2);background:#111117;border:1px solid #171721;border-radius:600px;width:26px;height:26px;padding:4px}.craft-cogs button.settings-button:hover{color:var(--color-text-1);background-color:#0d0d12;border-color:#171721}.zoom-controls{height:100%;color:var(--color-text-2);background:#111117;border:1px solid #171721;border-radius:600px;align-items:center;padding:0;display:flex}.zoom-controls .zoom-level{text-align:center;width:50px;height:24px;font-family:var(--font-t26);background-color:#0d0d12;border:1px solid #171721;border-radius:200px;align-items:center;gap:4px;display:flex}.zoom-controls .zoom-level svg{width:8px;height:8px}.zoom-controls .zoom-level var{color:var(--color-text-1)}.craft-panel{color:var(--color-text-2);background:#0e0e15;border:1px solid #171721;border-radius:18px;flex-direction:column;width:100%;padding:4px;transition:all .424s;display:flex}@starting-style{.craft-panel{opacity:0;filter:blur(10px);transform:translateY(10px)}}.craft-panel .craft-panel-header{color:var(--color-text-2);justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.craft-panel .craft-panel-header .craft-panel-title{align-items:center;gap:4px;display:flex}.craft-panel .craft-panel-header .craft-panel-title svg{width:8px;height:8px}.craft-panel .search-bar{color:var(--color-text-2);align-items:center;gap:4px;width:100%;padding:4px 8px;display:flex}.craft-panel .search-bar input{width:100%;color:var(--color-text-2);background:0 0;border:none;padding:4px}.craft-panel .search-bar input:focus{outline:none}.craft-panel .cards-list{background:#0d0d12;border:1px solid #13141c;border-radius:12px;flex-direction:column;gap:4px;padding:8px;display:flex}.craft-panel .cards-list .card-item{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:4px;transition:all .24s;display:flex}.craft-panel .cards-list .card-item:hover{background:var(--color-accent)}.craft-panel .cards-list .card-item .card-preview{background:#16161d;border-radius:8px;justify-content:center;align-items:center;width:60px;height:40px;display:flex}.craft-panel .cards-list .card-item .card-meta{flex-direction:column;gap:4px;display:flex}.craft-panel .cards-list .card-item .card-meta .card-title{color:var(--color-text-2);text-transform:uppercase;font-family:var(--font-t26);opacity:.6}
.coding{font-family:var(--font-t26);text-transform:uppercase;box-sizing:border-box;outline-offset:2px;min-width:max-content;height:20px;color:var(--color-text-1);background:linear-gradient(124deg,#21a9f233,#21a9f200);border-radius:18px;outline:1px solid #21a9f21a;align-items:center;gap:2ch;padding-block:6px 4px;padding-inline:10px;line-height:1;transition:all .24s .12s;display:flex;position:relative;box-shadow:inset 1px 2px 4px 1px #21a9f21a}@starting-style{.coding{opacity:0;translate:4px}}.coding .meta{justify-content:center;align-items:center;gap:.6ch;display:flex}.coding .meta var{opacity:.4;font-family:var(--font-ibm)}.coding .logo{justify-content:center;align-items:center;display:flex}.coding .label{gap:1ch;display:flex}
.brands{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;width:100%;max-width:1100px;margin:0 auto;display:grid}.brand{border:1px solid color-mix(in srgb, currentColor, transparent 90%);aspect-ratio:3/2;border-radius:12px;flex-direction:column;justify-content:space-between;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.brand:hover{border-color:color-mix(in srgb, currentColor, transparent 70%)}.brand figure{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.brand figure svg{width:64px;height:auto}.brand .brand-footer{border-top:1px solid color-mix(in srgb, currentColor, transparent 90%);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.brand figcaption{font-size:10px;font-family:var(--font-mono,monospace);color:color-mix(in srgb, currentColor, transparent 40%);letter-spacing:.02ch}.brand .brand-actions{opacity:0;gap:4px;transition:opacity .2s;display:flex}.brand .brand-actions button{cursor:pointer;color:color-mix(in srgb, currentColor, transparent 50%);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:color .2s,background-color .2s;display:flex}.brand .brand-actions button:hover{color:currentColor;background-color:color-mix(in srgb, currentColor, transparent 90%)}.brand .brand-actions button[data-copied=true]{color:#21c45d}.brand .brand-actions button svg{width:14px;height:14px}.brand:hover .brand-actions{opacity:1}
.status .game{font-family:var(--font-t26);text-transform:uppercase;box-sizing:border-box;outline-offset:2px;height:20px;color:var(--color-text-1);background:linear-gradient(124deg,#33ffb433,#33ffb400);border-radius:200px;outline:1px solid #33ffb41a;align-items:center;gap:2ch;padding-block:6px 4px;padding-inline:10px;line-height:1;display:flex;position:relative;box-shadow:inset 1px 2px 4px 1px #33ffb41a}.status .game .meta{justify-content:center;align-items:center;gap:.6ch;display:flex}.status .game .crest{justify-content:center;align-items:center;width:14px;height:14px;display:flex}.status .game .crest svg{object-fit:contain;width:auto}
.status.gaming{justify-content:center;align-items:center;gap:1ch;min-width:max-content;transition:all .24s .12s;display:flex}@starting-style{.status.gaming{opacity:0;translate:4px}}
.status.music{font-family:var(--font-t26);text-transform:uppercase;box-sizing:border-box;outline-offset:2px;color:var(--color-text-1);background:linear-gradient(124deg,#7575ff33,#7575ff00);border-radius:200px;outline:1px solid #7575ff1a;align-items:center;gap:2ch;padding-block:6px 4px;padding-inline:10px;line-height:1;transition:all .24s .12s;display:flex;position:relative;box-shadow:inset 1px 2px 4px 1px #7575ff1a}@starting-style{.status.music{opacity:0;translate:4px}}.status.music .meta{justify-content:center;align-items:center;gap:.6ch;display:flex}.status.music .bars{justify-content:center;align-items:center;gap:2px;display:flex}.status.music .bars .bar{background:linear-gradient(#fff,#7575ff);border-radius:40px;width:2px;animation-delay:40ms}.status.music .bars .bar:first-child{animation:1.2s ease-in-out infinite bar1}.status.music .bars .bar:nth-child(2){animation:1.2s ease-in-out .2s infinite bar2}.status.music .bars .bar:nth-child(3){animation:1.2s ease-in-out .4s infinite bar3}@keyframes bar1{0%,to{height:2px}50%{height:6px}}@keyframes bar2{0%,to{height:10px}50%{height:4px}}@keyframes bar3{0%,to{height:6px}50%{height:8px}}
.bar-toc{-webkit-user-select:none;user-select:none;background-color:#101018;border:1px solid #181825;border-radius:200px;justify-content:space-between;align-items:center;width:max-content;height:max-content;padding:6px 8px 6px 12px;display:flex}.bar-toc svg{width:10px;height:10px}.bar-toc label{color:var(--color-text-1);pointer-events:none;align-items:center;gap:1ch;padding-inline-end:1ch;display:flex}.bar-toc label span{text-align:right;width:4ch;min-width:4ch;font-family:var(--font-t26)}.bar-toc label .active-heading{text-transform:capitalize;max-width:16ch;font-family:var(--font-inter);text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-2);font-size:8px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000,#0000 99%);mask-image:linear-gradient(90deg,#000,#0000 99%);-webkit-mask-size:120%;mask-size:120%}
.portal .bar{justify-content:center;align-items:center;gap:10px;display:flex}.portal .bar .nuk{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background-color:#0b0b0f;border:1px solid #13131b;border-radius:200px;justify-content:space-between;align-items:center;gap:4px;width:max-content;padding:4px;transition:all .424s;display:flex}@starting-style{.portal .bar .nuk{opacity:0;filter:blur(10px);transform:translateY(10px)}}.portal .bar .nuk .nav{flex:1;justify-content:space-between;align-items:center;display:flex}

.chapters-container{background-color:#0c0c12;border:1px solid #181924;border-radius:14px;margin-bottom:10px;padding:6px;transition:all .24s linear;box-shadow:inset 0 -2px 4px #08080c}@starting-style{.chapters-container{opacity:0;filter:blur(4px);translate:0 4px}}.chapters-container .series summary{cursor:pointer;justify-content:flex-start;align-items:center;gap:1ch;padding:10px 16px 16px;list-style:none;display:flex}[open] :is(.chapters-container .series summary){padding-bottom:0}.chapters-container .series summary .label{color:var(--color-text-2);cursor:pointer;border:1px solid var(--color-text-4);background-color:#18182599;border-radius:120px;align-items:center;gap:1ch;padding:4px 8px;display:flex}.chapters-container .series summary svg{margin-left:auto}.chapters-container .list-on-series{background-color:#08080c;border:1px solid #181924;border-radius:12px;flex-direction:column;gap:8px;margin-block:8px;padding:12px;display:flex}.chapters-container .blog-post-item{height:18px;color:var(--color-text-3);align-items:center;gap:8px;transition:all .24s;display:flex}.chapters-container .blog-post-item.active,.chapters-container .blog-post-item:hover{color:var(--color-text-2)}.chapters-container .blog-post-item span{font-size:12px;line-height:1;font-family:var(--font-t26);color:var(--color-text-2);justify-content:center;align-items:center;padding-left:1ch;transition:all .24s linear;display:flex}.chapters-container .blog-post-item button{width:max-content;color:var(--color-text-2);background-color:#8f9ba81a;border:#8f9ba80a;border-radius:12px;align-items:center;gap:4px;margin-left:auto;padding:4px 8px;transition:all .24s linear;display:flex}@starting-style{.chapters-container .blog-post-item button{opacity:0;filter:blur(4px)}}.chapters-container .chapters-list{background-color:#101018;border:1px solid #14141f;border-radius:10px;flex-direction:column;gap:4px;padding:8px;display:flex}.chapters-container .chapter-item{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:12px;padding:6px 10px;line-height:1;transition:background-color .2s;display:flex}.chapters-container .chapter-item .titr{align-items:center;gap:8px;margin-left:auto;display:flex}.chapters-container .chapter-item:hover{background:#b8b8ff0a;border-color:#b8b8ff0a}.chapters-container .chapter-item.active{background:#b8b8ff1a;border-color:#b8b8ff1a}.chapters-container .chapter-item.past{opacity:.6}.chapters-container .chapter-title{font-weight:500}.chapters-container .chapter-time{opacity:.8;font-size:.9em}.chapters-container .completed,.chapters-container .remaining{color:currentColor}.chapters-container .chapters-button{opacity:.6;transition:opacity .2s}.chapters-container .chapters-button.active{opacity:1}
.sound-visualizer{background-color:#14141f;background-image:repeating-radial-gradient(circle at 0 0,#0000 0,#e5e5f700 10px),repeating-linear-gradient(#444df700,#444df729);background-repeat:repeat;border:1px solid #232334;border-radius:10px;justify-content:center;align-items:flex-end;gap:2px;width:34px;height:34px;padding:6px;transition:all .24s linear;display:flex;overflow:hidden;box-shadow:inset 0 0 4px #232334}.sound-visualizer .sound-bar{background:linear-gradient(#fff,#7575ff);border-radius:40px;width:2px;min-height:2px;transition:height .24s}
.sound-player{border:1px solid var(--panel-border-color);box-shadow:var(--panel-box-shadow);transition:var(--panel-transion);transform-style:preserve-3d;background-color:#101018;border-radius:20px;flex-direction:column;min-width:max-content;padding:4px 4px 0;transition:all .24s linear;display:flex;position:relative}.sound-player.is-mini{background:0 0;border-color:#0000;min-width:max-content;padding:0}.sound-player.is-mini .cover{border-radius:200px;padding-block:4px;padding-inline:16px 4px}.sound-player.is-mini .cover .controls{gap:6px}.sound-player.is-mini .cover .controls .speed-button{background:0 0;border-color:#0000;border-radius:20px}.sound-player.is-mini .play-button{border-radius:200px;width:40px}@starting-style{.sound-player{opacity:0;filter:blur(10px);transform:translateY(10px)}}.sound-player .cover{padding:12px;transition:var(--panel-transion);transform-style:preserve-3d;background-color:#0c0c12;border:1px solid #181924;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;padding-right:16px;display:flex;transform:rotate(0);box-shadow:inset 0 -2px 4px #08080c}.sound-player .details{flex:1;align-items:center;gap:12px;display:flex}.sound-player .details .track-name{flex-direction:column;line-height:1.4;display:flex}.sound-player .details .track-name .name{color:#0000;background-image:linear-gradient(to right, var(--color-text-1), #a3a3d9);-webkit-background-clip:text;background-clip:text;transition:all .442s cubic-bezier(.55,.08,.68,.53)}.sound-player .details .track-name .track{color:var(--color-text-3)}.sound-player .control-area{background-color:#08080c;border:1px solid #181924;border-radius:16px;gap:2px;padding:4px;display:flex;box-shadow:inset 0 -2px 4px #08080c}.sound-player .control-area .secondary{flex-direction:column;min-height:100%;display:flex}.sound-player .control-area .secondary button{color:var(--color-text-3);flex:1;justify-content:center;align-items:center;padding-inline:6px;transition:all .24s linear;display:flex}.sound-player .control-area .secondary button:hover{color:var(--color-text-1)}.sound-player .controls{align-items:center;gap:1ch;display:flex}.sound-player .controls button{border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .24s linear;display:flex}.sound-player .controls button:hover{background-color:#181825;border:1px solid #1d1d2b}.sound-player .controls button svg{width:10px;height:10px}.sound-player .controls button.play-button{color:var(--color-text-1);background-color:#181825;border:1px solid #1d1d2b}.sound-player .controls button.speed-button{text-transform:uppercase;width:max-content;height:18px;font-family:var(--font-t26);background-color:#181825;border:1px solid #1d1d2b;border-radius:4px;padding-inline:6px}.sound-player .timeline{align-items:center;gap:6px;padding:8px 16px;display:flex}.sound-player .timeline:has(.chapters-button){padding-left:6px}.sound-player .timeline .chapters-button{background-color:#181825;border:1px solid #1d1d2b;border-radius:80px;justify-content:center;align-items:center;gap:2px;padding:2px 4px 2px 6px;line-height:1;transition:all .24s linear;display:flex}.sound-player .timeline .chapters-button:hover{background-color:#1d1d2b;border:1px solid #212131}.sound-player .timeline .chapters-button svg{height:10px}.sound-player .timeline .mini-player{background-color:#181825;border:1px solid #1d1d2b;border-radius:6px;justify-content:center;align-items:center;padding:2px 4px;line-height:1;transition:all .24s linear;display:flex}.sound-player .timeline .mini-player:hover{background-color:#1d1d2b;border:1px solid #212131}.sound-player .timeline .mini-player svg{height:10px}.sound-player .progress-bar{cursor:pointer;background:#0c0c13;border:1px solid #14151f;border-radius:200px;flex:1;height:14px;position:relative}.sound-player .chapters{pointer-events:none;align-items:center;gap:2px;display:flex;position:absolute;inset:2px}.sound-player .chapter:last-child{border-right:none}.sound-player .chapter-buffer{background:#ffffff03;border-radius:200px;height:100%;transition:width .2s;position:absolute;top:0;left:0}.sound-player .chapter-progress{background-color:#1d1d2b;border-radius:200px;height:100%;transition:width .2s;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #2d2d43}.sound-player .chapter{pointer-events:auto;cursor:pointer;background:#ffffff03;border-radius:200px;height:100%;transition:all .24s linear;position:relative}.sound-player .chapter:hover{background:#2d2d43}.sound-player .drag-handle{cursor:grabbing;z-index:2;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.sound-player .drag-handle:after{content:"";background:#b8b8ff99 padding-box content-box;border:1px solid #b8b8ff1a;border-radius:20px;width:2px;height:12px;margin:auto;padding:2px;transition:all .24s linear;position:absolute;inset:0}.sound-player .drag-handle:hover:after{background-color:#d6d6ff;border-color:#b8b8ff99}.sound-player .time-preview{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);white-space:nowrap;background:#0c0c131a;border:1px solid #181924;border-radius:40px;padding:6px 8px;font-size:8px;line-height:1;display:flex;position:absolute;bottom:20px;transform:translate(-50%)}.sound-player .chapter-preview{align-items:center;gap:4px;display:flex}.sound-player .chapter.active{background:#ffffff0d}.sound-player .chapter.active:hover{background:#2d2d43}
.sound-player-mini{background-color:#0c0c12;border:1px solid #14141f;border-radius:200px;justify-content:space-between;align-items:center;gap:6px;padding:4px 4px 4px 14px;transition:all .424s;display:flex}.sound-player-mini button{border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .24s linear;display:flex}.sound-player-mini button:hover{background-color:#181825;border:1px solid #1d1d2b}.sound-player-mini button svg{width:10px;height:10px}.sound-player-mini button.play-button{color:var(--color-text-1);background-color:#181825;border:1px solid #1d1d2b}.sound-player-mini button.speed-button{text-transform:uppercase;width:max-content;height:18px;font-family:var(--font-t26);background-color:#181825;border:1px solid #1d1d2b;border-radius:4px;padding-inline:6px}