.elementor-widget-st-song-examples{width:100%;max-width:100%}.st-se{--se-c1: #F28C5E;--se-c2: #E8689A;--se-c3: #A877DB;--se-card-bg: #ffffff;--se-card-bc: rgba(17, 17, 26, .08);--se-radius: 22px;--se-name: #111114;--se-btn: #7329e4;--se-meta: #6b6b76;--se-wave: rgba(17, 17, 26, .13);--se-gap: 24px;--se-card-w: 300px;--se-bleed: clamp(40px, 4.2vw, 80px);--se-ratio: 1;--se-mq-gap: 60px;--se-arw-pos: page;--se-arw-max: 1560px;--se-arw-edge: 48px;--se-arw-near: 36px;--se-arw-size: 46px;display:block;width:100%;font-family:Nunito,system-ui,sans-serif}.st-se,.st-se *,.st-se *:before,.st-se *:after{box-sizing:border-box}.st-se-mq{margin-bottom:var(--se-mq-gap, 60px)}.st-se-rail+.st-se-mq{margin-top:var(--se-mq-gap, 60px);margin-bottom:0}.st-se-rail{position:relative;container-type:inline-size}.st-se-list{display:grid;grid-auto-flow:column;grid-auto-columns:min(var(--se-card-w),calc((100cqi - var(--se-gap)) / 1.12));gap:var(--se-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;--se-edge: var(--se-gap);margin:-8px calc(-1 * var(--se-bleed)) -44px;padding:8px var(--se-edge) 44px;scroll-padding-inline:var(--se-edge)}@supports not (width: 1cqi){.st-se-list{grid-auto-columns:min(var(--se-card-w),calc((100vw - 2 * var(--se-bleed, 18px) - var(--se-gap)) / 1.12))}}.st-se-list::-webkit-scrollbar{display:none}.st-se-card{scroll-snap-align:start}.st-se-list.is-drag{cursor:grabbing;-webkit-user-select:none;user-select:none}@media (hover: hover) and (pointer: fine){.st-se-list{cursor:grab;-webkit-user-select:none;user-select:none}.st-se-list img{-webkit-user-drag:none}.st-se-list .st-se-play,.st-se-list [data-st-se-seek]{cursor:pointer}}.st-se-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:22px}.st-se-rail.is-static .st-se-nav{visibility:hidden}.st-se-dots{display:flex;align-items:center}.st-se .st-se-dot{position:relative;display:block;width:var(--se-dot-s, 8px);height:var(--se-dot-s, 8px);margin:0 calc(var(--se-dot-gap, 8px) / 2);border-radius:999px;background:var(--se-dot, color-mix(in srgb, var(--se-name) 18%, transparent));cursor:pointer;transition:width .4s cubic-bezier(.22,1,.36,1),background-color .3s ease}.st-se .st-se-dot:before{content:"";position:absolute;inset:-10px -4px}.st-se .st-se-dot.is-on{width:var(--se-dot-w, 28px);background:var(--se-dot-on, var(--se-name))}@media (hover: hover) and (pointer: fine){.st-se .st-se-dot:not(.is-on):hover{background:var(--se-dot-h, color-mix(in srgb, var(--se-name) 45%, transparent))}}.st-se-float{position:absolute;top:0;left:0;width:0;height:0;z-index:40;font-family:Nunito,system-ui,sans-serif}.st-se-float .st-se-arrow{position:absolute;top:0;left:0;box-sizing:border-box;opacity:0;visibility:hidden}.st-se .st-se-nav .st-se-arrow{display:none}.st-se-float.is-ready:not(.is-static):not(.is-wait) .st-se-arrow{opacity:1;visibility:visible}.st-se-float .st-se-arrow{display:none;place-items:center;width:var(--se-arw-size, 46px);height:var(--se-arw-size, 46px);margin:0;padding:0;overflow:hidden;border:0;border-radius:var(--se-arw-radius, 50%);background-color:var(--se-arw-bg, var(--se-btn, #7329e4));background-image:linear-gradient(105deg,#fff0 36%,#ffffff52,#fff0 64%);background-size:260% 100%;background-position:140% 0;background-repeat:no-repeat;color:var(--se-arw-c, #fff);box-shadow:none;cursor:pointer;transform:none;scale:1;transition:opacity .7s cubic-bezier(.16,1,.3,1) var(--se-arw-rd, 0s),visibility .7s ease var(--se-arw-rd, 0s),background-color .3s ease,color .3s ease,scale var(--st-press-t, .55s) var(--st-press-e, cubic-bezier(.34, 1.56, .64, 1))}.st-se-float .st-se-arrow svg{display:block;width:var(--se-arw-icon, 18px);height:var(--se-arw-icon, 18px);fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.st-se-float .st-se-arrow:disabled{background:#e6e6eb;color:#a9a9b3;cursor:default}@media (hover: hover) and (pointer: fine){.st-se-float .st-se-arrow{display:grid}.st-se-float .st-se-arrow:not(:disabled):hover{background-color:var(--se-arw-bgh, color-mix(in srgb, var(--se-arw-bg, var(--se-btn, #7329e4)) 88%, #fff));animation:st-se-shine .8s cubic-bezier(.22,1,.36,1) both}}@media (max-width: 1024px){.st-se{--se-bleed: 32px;--se-card-w: 270px;--se-gap: 20px;--se-mq-gap: 52px}}@media (max-width: 767px){.st-se{--se-bleed: 18px;--se-card-w: 250px;--se-gap: 12px;--se-mq-gap: 48px}}.st-se-card{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;padding:10px;border:var(--se-card-bw, 1px) solid var(--se-card-bc);border-radius:var(--se-radius);background:var(--se-card-bg);transition:border-color .4s ease,background-color .4s ease}.st-se-media{position:relative;overflow:hidden;aspect-ratio:var(--se-ratio);border-radius:var(--se-media-r, calc(var(--se-radius) - 8px));background:#f3eff1;transform:translateZ(0)}.st-se-media[data-st-se-toggle]{cursor:pointer}.st-se .st-se-img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;border-radius:0;object-fit:cover;object-position:var(--se-pos, center);transition:transform .9s cubic-bezier(.2,.7,.2,1)}.st-se-ph{position:absolute;inset:0;display:grid;place-items:center;background:var(--se-ph-bg, radial-gradient(120% 90% at 15% 10%, color-mix(in srgb, var(--se-c1) 30%, #fff), transparent 60%), radial-gradient(110% 90% at 90% 95%, color-mix(in srgb, var(--se-c3) 32%, #fff), transparent 60%), color-mix(in srgb, var(--se-c2) 16%, #fff));font-size:clamp(44px,5vw,72px);font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.st-se-badge,.st-se-tag{position:absolute;top:10px;z-index:1;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;font-size:12.5px;font-weight:700;line-height:1.2;white-space:nowrap;pointer-events:none}.st-se-badge{left:10px;background:var(--se-badge-bg, rgba(255, 255, 255, .94));color:var(--se-badge-c, #1d1d24)}.st-se-emo{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.st-se .st-se-ai{position:absolute;bottom:clamp(5px,.25vw + 3.5px,8px);left:clamp(5px,.25vw + 3.5px,8px);z-index:1;display:block;line-height:0;pointer-events:none}.st-se .st-se-ai .st-se-ai-img{display:block;width:auto;max-width:none;height:var(--se-ai-h, clamp(9px, .35vw + 7.5px, 13px));margin:0;border:0;border-radius:0;box-shadow:none;-webkit-user-select:none;user-select:none}.st-se-tag{right:10px;background:var(--se-tag-bg, rgba(17, 17, 20, .86));color:var(--se-tag-c, #ffffff);font-size:11.5px}.st-se-body{display:flex;flex:1;flex-direction:column;padding:14px 6px 4px}.st-se-card[data-src] .st-se-body{cursor:pointer;-webkit-tap-highlight-color:transparent}.st-se-head2{display:flex;align-items:center;gap:12px}.st-se-txt{flex:1;min-width:0}.st-se .st-se-name{margin:0;overflow:hidden;color:var(--se-name);font-size:17px;font-weight:800;line-height:1.25;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis}.st-se .st-se-meta{margin:4px 0 0;overflow:hidden;color:var(--se-meta);font-size:13.5px;line-height:1.35;white-space:nowrap;text-overflow:ellipsis}.st-se .st-se-play{position:relative;flex:none;display:grid;place-items:center;width:var(--se-play-s, 42px);height:var(--se-play-s, 42px);margin:0;padding:0;border:0;border-radius:var(--se-play-r, 50%);background-color:var(--se-play-bg, var(--se-btn, #7329e4));background-image:linear-gradient(105deg,#fff0 36%,#ffffff52,#fff0 64%);background-size:260% 100%;background-position:140% 0;background-repeat:no-repeat;color:var(--se-play-c, #ffffff);cursor:pointer;scale:1;transition:background-color .3s ease,box-shadow .4s ease,scale var(--st-press-t, .55s) var(--st-press-e, cubic-bezier(.34, 1.56, .64, 1));-webkit-tap-highlight-color:transparent}.st-se .st-se-play:focus-visible{outline:2px solid var(--se-c3);outline-offset:3px}.st-se-ic{grid-area:1 / 1;width:44%;height:44%;fill:currentColor;transition:opacity .2s ease,transform .2s ease}.st-se-ic--play{transform:translate(6%)}.st-se-ic--pause,.st-se-spin{opacity:0}.st-se-spin{grid-area:1 / 1;width:44%;height:44%;border:2px solid currentColor;border-right-color:transparent;border-radius:50%}.st-se-missing{flex:none;padding:7px 11px;border:1px dashed rgba(17,17,26,.3);border-radius:999px;color:var(--se-meta);font-size:12px;font-weight:700}.st-se-player{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:14px}.st-se-wave{position:relative;flex:1;height:26px;cursor:pointer;touch-action:pan-y}.st-se-wave-b,.st-se-wave-f{position:absolute;inset:0;display:flex;align-items:center;gap:3px}.st-se-wave i{flex:1 1 0;min-width:0;height:calc(var(--h) * 100%);border-radius:2px;background:var(--se-wave)}.st-se-wave-f{clip-path:inset(0 calc(100% - var(--p, 0) * 100%) 0 0)}.st-se-wave-f i{background:linear-gradient(90deg,var(--se-c1),var(--se-c2),var(--se-c3));background-size:3600% 100%;background-position:calc(var(--x, 0) * 100%) 0}.st-se-time{display:block;min-width:34px;color:var(--se-time, var(--se-meta));font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.st-se-card:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;box-shadow:0 24px 28px -28px color-mix(in srgb,var(--se-c2) 75%,transparent),0 12px 14px -14px color-mix(in srgb,var(--se-c3) 55%,transparent);opacity:0;pointer-events:none;transition:opacity .7s cubic-bezier(.33,0,.2,1)}.st-se-card.is-playing:after{opacity:1;transition-duration:.35s}.st-se-card.is-playing .st-se-img{transform:scale(1.05);transition-duration:8s}.st-se-card.is-playing .st-se-play{box-shadow:0 0 0 5px color-mix(in srgb,var(--se-c2) 16%,transparent)}.st-se-card.is-playing .st-se-ic--play,.st-se-card.is-loading .st-se-ic{opacity:0;transform:scale(.6)}.st-se-card.is-playing:not(.is-loading) .st-se-ic--pause{opacity:1}.st-se-card.is-loading .st-se-spin{opacity:1;animation:st-se-spin .8s linear infinite}@media (hover: hover) and (pointer: fine){.st-se-card:hover .st-se-img,.st-se-card:hover .st-se-ph{transform:scale(1.07)}.st-se .st-se-play:hover{background-color:var(--se-play-bgh, color-mix(in srgb, var(--se-play-bg, var(--se-btn, #7329e4)) 88%, #fff));animation:st-se-shine .8s cubic-bezier(.22,1,.36,1) both}.st-se-card:not(.is-active):hover .st-se-wave-b i{background:color-mix(in srgb,var(--se-c2) 26%,var(--se-wave))}}@supports not (color: color-mix(in srgb,red,red)){@media (hover: hover) and (pointer: fine){.st-se .st-se-play:hover{background-color:var(--se-play-bgh, #8443e7)}.st-se-float .st-se-arrow:not(:disabled):hover{background-color:var(--se-arw-bgh, #8443e7)}}}@keyframes st-se-shine{0%{background-position:140% 0}to{background-position:-40% 0}}@keyframes st-se-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.st-se-card .st-se-img,.st-se-card .st-se-ph{transform:none!important}.st-se .st-se-play:hover,.st-se-float .st-se-arrow:hover{animation:none}}.st-se .st-se-play.st-pressed,.st-se-float .st-se-arrow.st-pressed:not(:disabled){scale:.95;--st-press-t: .12s;--st-press-e: cubic-bezier(.3, 0, .5, 1)}@media (prefers-reduced-motion: reduce){.st-se .st-se-play.st-pressed,.st-se-float .st-se-arrow.st-pressed:not(:disabled){scale:1}}