.tpp-public .public-atlas .ck-page .ck-beats{grid-template-columns:repeat(3,1fr);gap:22px;margin:0;padding:0;list-style:none;display:grid}.tpp-public .public-atlas .ck-page .ck-beat-art{--ck-plate:var(--dk-lilac);background:radial-gradient(90% 70% at 18% 0%, #ffffff8c, transparent 60%), color-mix(in oklab, var(--ck-plate) 70%, var(--dk-paper));height:220px;box-shadow:0 8px 0 color-mix(in oklab, var(--ck-plate) 70%, var(--dk-plum)), 0 30px 40px -26px var(--dk-shadow);border-radius:26px;place-items:center;margin-bottom:26px;display:grid;position:relative}@supports (color:lab(0% 0 0)){.tpp-public .public-atlas .ck-page .ck-beat-art{background:radial-gradient(90% 70% at 18% 0%, lab(100% -.0000298023 .0000119209/.55), transparent 60%), color-mix(in oklab, var(--ck-plate) 70%, var(--dk-paper))}}.tpp-public .public-atlas .ck-page .ck-beat:nth-child(2) .ck-beat-art{--ck-plate:var(--dk-peach)}.tpp-public .public-atlas .ck-page .ck-beat:nth-child(3) .ck-beat-art{--ck-plate:var(--dk-lime)}.tpp-public .public-atlas .ck-page .ck-beat-no{background:var(--dk-plum);width:32px;height:32px;color:var(--dk-on-plum);border-radius:50%;place-items:center;margin-bottom:14px;font-size:15px;font-weight:600;display:inline-grid}.tpp-public .public-atlas .ck-page .ck-beat h3{letter-spacing:-.035em;margin-bottom:10px;font-size:28px;line-height:1.1}.tpp-public .public-atlas .ck-page .ck-beat p{color:var(--dk-muted);max-width:400px;font-size:17px;line-height:1.6}.tpp-public .public-atlas .ck-page .ck-rank{gap:10px;width:230px;display:grid;position:relative}.tpp-public .public-atlas .ck-page .ck-rank i{background:var(--dk-paper);box-shadow:0 4px 0 color-mix(in oklab, var(--dk-paper) 70%, var(--dk-plum));border-radius:12px;align-items:center;gap:12px;padding:10px 14px;font-style:normal;display:flex}.tpp-public .public-atlas .ck-page .ck-rank i:first-child{background:var(--dk-plum);color:var(--dk-on-plum)}.tpp-public .public-atlas .ck-page .ck-rank b{font-size:15px;font-weight:600}.tpp-public .public-atlas .ck-page .ck-rank s{background:color-mix(in oklab, currentColor 22%, transparent);border-radius:99px;flex:1;height:8px}.tpp-public .public-atlas .ck-page .ck-rank i:nth-child(2) s{margin-right:22%}.tpp-public .public-atlas .ck-page .ck-rank i:nth-child(3) s{margin-right:44%}.tpp-public .public-atlas .ck-page .ck-chip-tag{background:var(--dk-lime);color:var(--dk-ink);box-shadow:0 4px 0 color-mix(in oklab, var(--dk-lime) 60%, var(--dk-plum));border-radius:99px;padding:6px 12px;font-size:14px;position:absolute;top:-20px;right:-24px;rotate:5deg}.tpp-public .public-atlas .ck-page .ck-honest-head{margin-bottom:48px}.tpp-public .public-atlas .ck-page .ck-stubs{grid-template-columns:repeat(3,1fr);gap:22px;margin:0;padding:0;list-style:none;display:grid}.tpp-public .public-atlas .ck-page .ck-stub{--ck-face:var(--dk-paper);background:linear-gradient(90deg, transparent 20px, color-mix(in oklab, var(--dk-plum) 22%, transparent) 20px 21px, transparent 21px), var(--ck-face);box-shadow:inset 0 -6px 0 color-mix(in oklab, var(--dk-plum) 12%, transparent);border-radius:20px;padding:32px 34px 34px 44px;position:relative;-webkit-mask:radial-gradient(13px at 0,#0000 98%,#000) 0/51% 100% no-repeat,radial-gradient(13px at 100%,#0000 98%,#000) 100%/51% 100% no-repeat;mask:radial-gradient(13px at 0,#0000 98%,#000) 0/51% 100% no-repeat,radial-gradient(13px at 100%,#0000 98%,#000) 100%/51% 100% no-repeat}.tpp-public .public-atlas .ck-page .ck-stub:nth-child(2){--ck-face:color-mix(in oklab, var(--dk-lilac) 70%, var(--dk-paper))}.tpp-public .public-atlas .ck-page .ck-stub:nth-child(3){--ck-face:color-mix(in oklab, var(--dk-peach) 60%, var(--dk-paper))}.tpp-public .public-atlas .ck-page .ck-stub-no{letter-spacing:.16em;text-transform:uppercase;color:var(--dk-plum);margin-bottom:18px;font-size:12px;font-weight:600;display:block}.tpp-public .public-atlas .ck-page .ck-stub h3{letter-spacing:-.035em;margin-bottom:12px;font-size:26px;line-height:1.1}.tpp-public .public-atlas .ck-page .ck-stub p{color:var(--dk-muted);font-size:17px;line-height:1.6}.tpp-public .public-atlas .ck-page .ck-genres{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tpp-public .public-atlas .ck-page .ck-genres li{color:var(--dk-muted);box-shadow:inset 0 0 0 1px var(--dk-line);border-radius:99px;padding:7px 13px;font-size:14px;transition:background-color .25s,color .25s,transform .3s cubic-bezier(.3,1.6,.5,1)}.tpp-public .public-atlas .ck-page .ck-genres li.is-on{background:var(--dk-lime);color:var(--dk-ink);box-shadow:0 3px 0 color-mix(in oklab, var(--dk-lime) 60%, var(--dk-plum));transform:translateY(-2px)}.tpp-public .public-atlas .ck-page .ck-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:1100px){.tpp-public .public-atlas .ck-page .ck-beats,.tpp-public .public-atlas .ck-page .ck-stubs{grid-template-columns:1fr}}@media (max-width:760px){.tpp-public .public-atlas .ck-page .ck-beat-art{height:186px;margin-bottom:20px}.tpp-public .public-atlas .ck-page .ck-beat h3,.tpp-public .public-atlas .ck-page .ck-stub h3{font-size:25px}.tpp-public .public-atlas .ck-page .ck-beat p,.tpp-public .public-atlas .ck-page .ck-stub p{font-size:16px}.tpp-public .public-atlas .ck-page .ck-chip-tag{right:-6px}.tpp-public .public-atlas .ck-page .ck-honest-head{margin-bottom:30px}.tpp-public .public-atlas .ck-page .ck-stub{padding:26px 26px 28px 40px}}.tpp-public[data-home-dark=true] .public-atlas .ck-page .ck-beat-art{background:radial-gradient(90% 70% at 18% 0%, #ffffff12, transparent 60%), color-mix(in oklab, var(--ck-plate) 22%, var(--dk-paper));box-shadow:0 8px 0 color-mix(in oklab, var(--ck-plate) 16%, black), 0 30px 40px -26px var(--dk-shadow)}@supports (color:lab(0% 0 0)){.tpp-public[data-home-dark=true] .public-atlas .ck-page .ck-beat-art{background:radial-gradient(90% 70% at 18% 0%, lab(100% -.0000298023 .0000119209/.07), transparent 60%), color-mix(in oklab, var(--ck-plate) 22%, var(--dk-paper))}}.tpp-public[data-home-dark=true] .public-atlas .ck-page .ck-stub:nth-child(3){--ck-face:color-mix(in oklab, var(--dk-peach) 20%, var(--dk-paper))}