/* Public playlist discovery */
.playlist-discover{--pl-accent:#ff3d71;--pl-accent-rgb:255,61,113;max-width:1380px;padding-top:36px}.playlist-discover--missav{--pl-accent:#ef476f;--pl-accent-rgb:239,71,111}
.playlist-discover__hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;overflow:hidden;padding:38px 42px;border:1px solid rgba(216,222,233,.1);border-radius:26px;background:radial-gradient(circle at 86% 0,rgba(var(--pl-accent-rgb),.2),transparent 36%),linear-gradient(135deg,#182130,#101620 72%);box-shadow:0 24px 65px rgba(0,0,0,.22)}.playlist-discover__hero:after{position:absolute;right:-55px;bottom:-90px;width:230px;height:230px;border:1px solid rgba(var(--pl-accent-rgb),.17);border-radius:50%;content:""}.playlist-discover__eyebrow{color:var(--pl-accent);font-size:10px;font-weight:900;letter-spacing:.22em}.playlist-discover__hero h1{margin:8px 0 9px;color:#f6f8fb;font-size:clamp(32px,4vw,50px);font-weight:850;line-height:1.08;letter-spacing:-.04em}.playlist-discover__hero p{max-width:660px;color:#9ba8bb;font-size:14px;line-height:1.75}.playlist-discover__count{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;flex:none}.playlist-discover__count strong{color:#fff;font-size:36px;line-height:1}.playlist-discover__count span{margin-top:8px;color:#8390a3;font-size:12px}
.playlist-discover__tabs{display:flex;flex-wrap:wrap;gap:9px;margin:23px 0}.playlist-discover__tabs a{display:inline-flex;align-items:center;gap:8px;padding:10px 17px;border:1px solid rgba(216,222,233,.11);border-radius:999px;color:#9ba8ba;background:#141b26;font-size:13px;font-weight:750;transition:.2s}.playlist-discover__tabs a:hover{transform:translateY(-1px);color:#fff}.playlist-discover__tabs a.is-active{border-color:rgba(var(--pl-accent-rgb),.48);color:#fff;background:rgba(var(--pl-accent-rgb),.15)}.playlist-tab-icon{position:relative;display:inline-block;width:14px;height:14px;color:var(--pl-accent)}.playlist-tab-icon--clock{border:1.5px solid currentColor;border-radius:50%}.playlist-tab-icon--clock:after{position:absolute;left:6px;top:2px;width:1px;height:5px;background:currentColor;box-shadow:2px 4px 0 -.2px currentColor;content:""}.playlist-tab-icon--trend:before{content:"↗";position:absolute;inset:-5px 0 0;font-size:18px;font-style:normal}.playlist-tab-icon--grid{background:linear-gradient(currentColor,currentColor) 0 0/6px 6px no-repeat,linear-gradient(currentColor,currentColor) 100% 0/6px 6px no-repeat,linear-gradient(currentColor,currentColor) 0 100%/6px 6px no-repeat,linear-gradient(currentColor,currentColor) 100% 100%/6px 6px no-repeat}
.playlist-discover__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.playlist-tile{min-width:0;overflow:hidden;border:1px solid rgba(216,222,233,.09);border-radius:20px;background:#151d29;box-shadow:0 15px 38px rgba(0,0,0,.17);transition:.22s}.playlist-tile:hover{transform:translateY(-3px);border-color:rgba(var(--pl-accent-rgb),.3);box-shadow:0 20px 45px rgba(0,0,0,.24)}.playlist-tile__covers{position:relative;display:grid;grid-template-columns:repeat(4,1fr);height:230px;overflow:hidden;background:#0b1017}.playlist-tile__covers>span{min-width:0;overflow:hidden}.playlist-tile__covers img{width:100%;height:100%;object-fit:cover;transition:.35s}.playlist-tile:hover .playlist-tile__covers img{transform:scale(1.035);filter:brightness(1.04)}.playlist-tile__covers--1{grid-template-columns:1fr}.playlist-tile__covers--2{grid-template-columns:repeat(2,1fr)}.playlist-tile__covers--3{grid-template-columns:repeat(3,1fr)}.playlist-tile__covers:after{position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(5,8,12,.8));pointer-events:none;content:""}.playlist-tile__covers em{position:absolute;z-index:1;right:13px;bottom:12px;padding:6px 9px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#fff;background:rgba(6,9,14,.72);font-size:10px;font-style:normal;font-weight:750;backdrop-filter:blur(8px)}.playlist-tile__placeholder{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#667487}.playlist-tile__placeholder b{color:var(--pl-accent);font-size:36px;font-weight:300}.playlist-tile__placeholder small{margin-top:5px}
.playlist-tile__body{padding:18px 20px 17px}.playlist-tile__title-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.playlist-tile__title-row a{min-width:0;overflow:hidden;color:#f1f4f8;font-size:17px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.playlist-tile__title-row a:hover,.playlist-tile__title-row span{color:var(--pl-accent)}.playlist-tile__title-row span{font-size:20px}.playlist-tile__body>p{display:-webkit-box;min-height:42px;margin:8px 0 16px;overflow:hidden;color:#8492a6;font-size:12px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:2}.playlist-tile__body footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:13px;border-top:1px solid rgba(216,222,233,.08);color:#778598;font-size:11px}.playlist-tile__owner{display:flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-tile__owner i{display:grid;place-items:center;flex:none;width:27px;height:27px;margin-right:8px;border-radius:50%;color:#fff;background:linear-gradient(145deg,var(--pl-accent),#6c4ce7);font-size:10px;font-style:normal;font-weight:800}.playlist-tile__views{flex:none}.playlist-tile__views:first-letter{color:var(--pl-accent)}
.playlist-discover__empty{display:grid;place-items:center;padding:75px 20px;border:1px dashed rgba(216,222,233,.15);border-radius:20px;color:#7f8c9f;text-align:center;background:#141b26}.playlist-discover__empty>span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;color:var(--pl-accent);background:rgba(var(--pl-accent-rgb),.11);font-size:29px}.playlist-discover__empty h2{margin-top:15px;color:#edf1f7;font-size:20px}.playlist-discover__empty p{margin-top:6px;font-size:13px}.playlist-discover__pagination{margin-top:30px}
@media(max-width:800px){.playlist-discover{padding-top:18px}.playlist-discover__hero{align-items:flex-start;padding:25px 21px;border-radius:19px}.playlist-discover__hero h1{font-size:31px}.playlist-discover__count{display:none}.playlist-discover__tabs{display:grid;grid-template-columns:repeat(3,1fr);margin:16px 0}.playlist-discover__tabs a{justify-content:center;padding:9px 8px;font-size:11px}.playlist-discover__grid{grid-template-columns:1fr;gap:14px}.playlist-tile__covers{height:190px}.playlist-tile__body{padding:15px 16px}.playlist-tile__body>p{min-height:0;margin-bottom:13px}.playlist-tile__body footer{align-items:flex-start;flex-direction:column;gap:8px}.playlist-tile__views{padding-left:35px}}