.bb-notes{z-index:990;pointer-events:none;position:fixed}.bb-notes span{font:700 20px/1 var(--fd);color:currentColor;text-shadow:0 2px 6px #231a4f40;position:absolute;top:0;left:0}.bb-notes--burst span{color:#fff;text-shadow:0 0 14px #ffffffd9,0 2px 8px #231a4f47}.bb-notes--burst span.is-sun{color:var(--sun)}.bb-light{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}
.sh-card{background:var(--w,var(--pop));min-width:0;color:var(--w-on,#fff);box-shadow:var(--shadow-card);transition:transform .45s var(--spring), box-shadow .3s ease;border-radius:30px;flex-direction:column;padding:14px 14px 16px;display:flex}@media (hover:hover){.sh-card:hover{transform:translateY(-8px);box-shadow:0 2px #231a4f0f,0 34px 50px -22px #231a4f80}}.sh-card__cover{aspect-ratio:1;background:#ffffffb8;border-radius:22px;place-items:center;padding:16px;display:grid;position:relative;overflow:hidden}.sh-card__cover img{filter:drop-shadow(0 14px 22px #231a4f47);width:100%;height:auto;transition:transform .5s var(--spring);border-radius:6px;display:block}@media (hover:hover){.sh-card:hover .sh-card__cover img{transform:scale(1.06)rotate(-2deg)}}.sh-card__cover:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.sh-card__tracks{background:var(--sun);color:var(--ink-edge);font:600 14px/1.4 var(--fd);box-shadow:0 3px 0 var(--sun-edge);border-radius:999px;padding:5px 12px;position:absolute;top:10px;right:10px}.sh-flag{background:color-mix(in srgb, var(--ink) 88%, transparent);color:#fff;font:600 13px/1.35 var(--fb);text-align:center;text-wrap:balance;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:7px 12px;display:inline-flex;position:absolute;bottom:10px;left:10px;right:10px}.sh-flag__ic{width:17px;height:17px;color:var(--sun);flex:none;place-items:center;display:grid}.sh-flag__ic svg{width:100%;height:100%}.sh-card__cover:has(.sh-flag) img{opacity:.82}.sh-card__back{color:var(--ink-2);font:600 13px/1.5 var(--fb);margin:0;display:none}@media (max-width:639px){.sh-flag--back{padding:6px;bottom:8px;left:auto;right:8px}.sh-flag--back .sh-flag__t{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sh-flag--back .sh-flag__ic{width:16px;height:16px}.sh-card__cover:has(.sh-flag--back) img{opacity:1}.sh-card__back{display:block}}.sh-card__body{flex-direction:column;flex:1;padding:14px 6px 0;display:flex}.sh-card__title{font:600 22px/1.35 var(--fd);margin:0}.sh-card__title a{color:inherit;text-decoration:none}.sh-card__title a:hover{text-underline-offset:4px;text-decoration:underline}.sh-card__sub{opacity:.9;margin:4px 0 0;font-size:15px;line-height:1.6}.sh-card__songs{opacity:.85;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.sh-card__buy{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px;display:flex}.sh-card__acts{align-items:center;gap:8px;display:flex}.sh-price{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;display:flex}.sh-price .price{font-size:26px}.sh-price s{opacity:.7;font-size:15px}.sh-price--big .price{font-size:34px}.sh-save{background:var(--sun);color:var(--ink-edge);font:600 14px/1.5 var(--fd);border-radius:999px;padding:4px 12px}.sh-out{min-height:44px;font:500 15px/1.5 var(--fb);background:#231a4f1f;border-radius:999px;align-items:center;padding:0 16px;display:inline-flex}.sh-listen{width:48px;height:48px;color:var(--ink);cursor:pointer;transition:transform .3s var(--spring), background-color .2s ease, color .2s ease;background:#fff;border:0;border-radius:999px;flex:none;place-items:center;padding:0;display:inline-grid;box-shadow:0 4px #0f0a2c2e}.sh-listen svg{fill:currentColor;width:16px;height:16px;display:block}.sh-listen:hover{transform:translateY(-2px)}.sh-listen:active{transform:translateY(3px);box-shadow:0 1px #0f0a2c2e}.sh-listen.is-on{background:var(--ink);color:#fff;animation:1.6s ease-in-out infinite sh-pulse}.sh-listen--big{width:62px;height:62px}.sh-listen--big svg{width:20px;height:20px}.sh-listen--label{width:auto;font:600 17px/1.3 var(--fd);grid-auto-flow:column;gap:10px;padding:0 22px}.sh-listen:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@keyframes sh-pulse{0%,to{box-shadow:0 4px #0f0a2c2e,0 0 #ffffff8c}60%{box-shadow:0 4px #0f0a2c2e,0 0 0 14px #fff0}}.sh-set{min-width:0;box-shadow:var(--shadow-card);transition:transform .45s var(--spring);border-radius:30px;flex-direction:column;padding:16px 16px 18px;display:flex}.sh-set--ink{background:var(--ink);color:#fff}.sh-set--sun{background:var(--sun);color:var(--ink-edge)}@media (hover:hover){.sh-set:hover{transform:translateY(-8px)}}.sh-set__fan{aspect-ratio:1.15;background:#ffffff24;border-radius:22px;display:block;position:relative;overflow:hidden}.sh-set--sun .sh-set__fan{background:#ffffff80}.sh-set__fan img{width:46%;height:auto;transform:translate(-50%, -50%) translateX(calc((var(--i) - (var(--n) - 1) / 2) * 42%)) rotate(calc((var(--i) - (var(--n) - 1) / 2) * 5deg));transition:transform .5s var(--spring);border-radius:4px;position:absolute;top:50%;left:50%;box-shadow:0 10px 20px -8px #0f0a2c99}@media (hover:hover){.sh-set:hover .sh-set__fan img{transform:translate(-50%, -50%) translateX(calc((var(--i) - (var(--n) - 1) / 2) * 48%)) rotate(calc((var(--i) - (var(--n) - 1) / 2) * 8deg))}}.sh-set__body{flex-direction:column;flex:1;padding:14px 6px 0;display:flex}.sh-set__count{opacity:.85;margin:0;font-size:15px}.sh-set__title{font:600 23px/1.35 var(--fd);margin:2px 0 10px}.sh-set__title a{color:inherit;text-decoration:none}.sh-set__acts{flex-wrap:wrap;align-items:center;gap:14px;margin-top:auto;padding-top:14px;display:flex}.sh-set__more{color:inherit;font:500 16px/1.5 var(--fb);border-bottom:2px solid;padding-bottom:2px;text-decoration:none}.sh-set--ink .btn:not(.btn--light),.sh-set--sun .btn:not(.btn--light){background:var(--pop);--edge:var(--pop-edge);color:#fff}.sh-head{max-width:760px}.sh-kicker{background:var(--sun);color:var(--ink-edge);font:600 15px/1.5 var(--fd);box-shadow:0 4px 0 var(--sun-edge);border-radius:999px;margin:0 0 12px;padding:7px 18px;display:inline-block}.sh-h2{font:600 clamp(30px, 4vw, 54px) / 1.25 var(--fd);color:inherit;text-wrap:balance;margin:0}.sh-h2 span{display:block}.sh-head .sh-h2{line-height:1.12}.sh-head .sh-h2:lang(th){line-height:1.32}.sh-lead{opacity:.88;text-wrap:pretty;margin:14px 0 0;font-size:clamp(17px,1.4vw,20px);line-height:1.7}@media (max-width:639px){.sh-card{border-radius:26px;grid-template-columns:38% minmax(0,1fr);gap:12px;padding:12px;display:grid}.sh-card__body{padding:4px 4px 0}.sh-card__title{font-size:19px}.sh-card__songs{display:none}.sh-card__buy{row-gap:8px;padding-top:10px}.sh-price .price{font-size:23px}.sh-set__title{font-size:21px}}@media (prefers-reduced-motion:reduce){.sh-card,.sh-set,.sh-card__cover img,.sh-set__fan img,.sh-listen{transition:none}.sh-listen.is-on{animation:none}}
.tip{width:fit-content;max-width:min(100%,46ch);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 14%, transparent);color:var(--ink-2);font:500 14px/1.55 var(--fb);text-align:center;text-wrap:balance;background:0 0;border-radius:999px;align-items:center;gap:10px;margin:30px auto 6px;padding:7px 18px 7px 7px;display:flex}.tip+.tip{margin-top:10px}.tip__ic{background:color-mix(in srgb, var(--pop) 12%, transparent);width:24px;height:24px;color:var(--pop);border-radius:999px;flex:none;place-items:center;display:grid}.tip__ic svg{width:13px;height:13px}.tip--dark{background:color-mix(in srgb, currentColor 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 16%, transparent);color:inherit}.tip--dark .tip__ic{background:color-mix(in srgb, currentColor 16%, transparent);color:inherit}@media (max-width:639px){.tip{margin-top:24px;padding-inline:8px 14px;font-size:13px}}