.product-sample_btn-icon-pause { display:none; } .product-sample.is-playing .product-sample_btn-icon-play { display:none; } .product-sample.is-playing .product-sample_btn-icon-pause { display:block; } .product-sample_track-line{ position: relative; width: 100%; height: 26px; cursor: pointer; user-select: none; -webkit-user-select: none; touch-action: none; --wave-unplayed: rgba(0,0,0,.10); --wave-played: rgba(0,0,0,.55); } .ps-wave{ position:absolute; inset:0; display:flex; align-items:center; justify-content: space-between; gap:0; } .ps-bar{ width:3px; flex: 0 1 3px; min-width:1px; border-radius:999px; background: var(--wave-unplayed); } .ps-bar.is-played{ background: var(--wave-played); } .product-sample_audio{ display:none; } [data-product-panel-sample]{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto;min-width:184px} [data-product-panel-sample]>.swiper-slide-popular-btn{order:2;position:relative;isolation:isolate;display:block;flex:0 0 48px;width:48px;min-width:48px;height:48px;min-height:48px;padding:0;border:0;border-radius:999px;cursor:pointer} [data-product-panel-sample]>.swiper-slide-popular-btn .swiper-slide-popular-btn_play{position:relative;z-index:1;border-radius:999px} [data-product-panel-sample]>.swiper-slide-popular-btn .swiper-slide-popular-btn_shadow{position:absolute;inset:-8px auto auto -8px;width:64px;height:64px;border-radius:999px;opacity:.1;pointer-events:none;z-index:0} [data-product-panel-sample]>.swiper-slide-popular-btn img{visibility:hidden} [data-product-panel-sample]>.swiper-slide-popular-btn:before{content:"";position:absolute;left:50%;top:50%;z-index:3;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #fff;transform:translate(-38%,-50%);pointer-events:none} [data-product-panel-sample]>.swiper-slide-popular-btn.is-panel-playing:before{width:16px;height:16px;border:0;background:linear-gradient(to right,#fff 0 4px,transparent 4px 11px,#fff 11px 15px,transparent 15px);transform:translate(-50%,-50%)} [data-product-panel-sample]>.swiper-slide-popular-btn:focus-visible{outline:3px solid #1d5f50;outline-offset:5px} [data-product-panel-sample]>div[aria-live="polite"]{order:1;display:grid;align-items:center;width:126px;min-width:126px;height:24px;min-height:24px;color:rgba(0,0,0,.7)} [data-product-panel-sample]>div[aria-live="polite"]>span:first-child,[data-product-panel-sample]>div[aria-live="polite"]>span[aria-hidden="true"]{grid-area:1/1} [data-product-panel-sample]>div[aria-live="polite"]>span:first-child{font-size:15px;font-weight:600;line-height:20px;white-space:nowrap;opacity:1;visibility:visible} [data-product-panel-sample]>div[aria-live="polite"]>span[aria-hidden="true"]{display:grid;grid-template-columns:16px 42px minmax(54px,1fr);align-items:center;gap:6px;width:126px;opacity:0;visibility:hidden;pointer-events:none} .product-track.is-panel-sample-playing [data-product-panel-sample]>div[aria-live="polite"]>span:first-child{opacity:0;visibility:hidden} .product-track.is-panel-sample-playing [data-product-panel-sample]>div[aria-live="polite"]>span[aria-hidden="true"]{opacity:1;visibility:visible} [data-product-panel-sample]>div[aria-live="polite"]>span[aria-hidden="true"]>span:nth-child(1){display:flex;align-items:center;justify-content:space-between;width:16px;height:12px} [data-product-panel-sample]>div[aria-live="polite"]>span[aria-hidden="true"]>span:nth-child(1) span{display:block;width:2px;height:4px;border-radius:999px;background:currentColor;animation:af-product-panel-eq .65s ease-in-out infinite alternate} [data-product-panel-sample]>div[aria-live="polite"]>span[aria-hidden="true"]>span:nth-child(1) span:nth-child(2){animation-delay:.12s}[data-product-panel-sample]>div[aria-live="polite"]>span[aria-hidden="true"]>span:nth-child(1) span:nth-child(3){animation-delay:.24s}[data-product-panel-sample]>div[aria-live="polite"]>span[aria-hidden="true"]>span:nth-child(1) span:nth-child(4){animation-delay:.36s} [data-product-panel-sample]>div[aria-live="polite"]>span[aria-hidden="true"]>span:nth-child(2){display:block;position:relative;width:42px;height:4px;border-radius:999px;background:rgba(0,0,0,.12);overflow:hidden} [data-product-panel-sample]>div[aria-live="polite"]>span[aria-hidden="true"]>span:nth-child(2)>span{display:block;width:0;height:100%;border-radius:inherit;background:currentColor} [data-product-panel-sample]>div[aria-live="polite"]>span[aria-hidden="true"]>span:nth-child(3){display:flex;align-items:center;gap:2px;font-size:11px;font-weight:600;line-height:14px;white-space:nowrap;font-variant-numeric:tabular-nums} body:has(.product-sample[data-audio=""]) [data-product-panel-sample],body:has(.product-sample:not([data-audio])) [data-product-panel-sample],.product-sample[data-audio=""],.product-sample:not([data-audio]){display:none!important} @keyframes af-product-panel-eq{from{height:3px;opacity:.55}to{height:11px;opacity:1}} @media(prefers-reduced-motion:reduce){[data-product-panel-sample]>div[aria-live="polite"]>span[aria-hidden="true"]>span:nth-child(1) span{animation:none;height:7px}} @media screen and (max-width:479px){[data-product-panel-sample]{min-width:174px;gap:8px}[data-product-panel-sample]>div[aria-live="polite"]{width:118px;min-width:118px}[data-product-panel-sample]>div[aria-live="polite"]>span[aria-hidden="true"]{grid-template-columns:14px 36px minmax(52px,1fr);gap:5px;width:118px}[data-product-panel-sample]>div[aria-live="polite"]>span[aria-hidden="true"]>span:nth-child(2){width:36px}[data-product-panel-sample]>div[aria-live="polite"]>span:first-child{font-size:14px}} [data-product-panel-sample]{min-width:298px} [data-product-panel-sample]>div[aria-live="polite"]{ position:relative; display:flex; align-items:center; justify-content:flex-start; gap:12px; width:240px; min-width:240px; height:24px; } [data-product-panel-sample]>div[aria-live="polite"]>span:first-child{ position:relative; order:2; display:flex; flex:0 0 126px; align-items:center; width:126px; min-width:126px; padding:0; opacity:1; visibility:visible; white-space:nowrap; } [data-product-panel-sample]>div[aria-live="polite"]>span:nth-child(2){ position:static; order:1; display:flex!important; flex:0 0 102px; grid-template-columns:none; align-items:center; justify-content:flex-start; gap:6px; width:102px; min-width:102px; opacity:0; visibility:hidden; pointer-events:none; } [data-product-panel-sample]>div[aria-live="polite"]>span:nth-child(2)>span:nth-child(1){ order:1; display:flex; flex:0 0 16px; align-items:center; justify-content:space-between; width:16px; height:12px; transform:translateX(-2px); } [data-product-panel-sample]>div[aria-live="polite"]>span:nth-child(2)>span:nth-child(1) span{ display:block; width:2px; height:4px; border-radius:999px; background:currentColor; animation:af-product-panel-eq .65s ease-in-out infinite alternate; } [data-product-panel-sample]>div[aria-live="polite"]>span:nth-child(2)>span:nth-child(1) span:nth-child(2){animation-delay:.12s} [data-product-panel-sample]>div[aria-live="polite"]>span:nth-child(2)>span:nth-child(1) span:nth-child(3){animation-delay:.24s} [data-product-panel-sample]>div[aria-live="polite"]>span:nth-child(2)>span:nth-child(1) span:nth-child(4){animation-delay:.36s} [data-product-panel-sample]>div[aria-live="polite"]>span:nth-child(2)>span:nth-child(2){display:none!important} [data-product-panel-sample]>div[aria-live="polite"]>span:nth-child(2)>span:nth-child(3){ order:2; display:flex; flex:0 0 80px; width:80px; min-width:80px; color:inherit; font-family:inherit; font-size:15px; font-weight:600; line-height:20px; gap:3px; letter-spacing:normal; font-variant-numeric:tabular-nums; } .product-track.is-panel-sample-playing [data-product-panel-sample]>div[aria-live="polite"]>span:first-child{ padding:0; opacity:1; visibility:visible; } .product-track.is-panel-sample-playing [data-product-panel-sample]>div[aria-live="polite"]>span:nth-child(2){ opacity:1; visibility:visible; } @media screen and (max-width:479px){ .product-track_details:has([data-product-panel-sample]){ flex-wrap:wrap; row-gap:8px; } [data-product-panel-sample]{ flex:0 0 100%; width:100%; min-width:0; justify-content:flex-end; } [data-product-panel-sample]>div[aria-live="polite"]{width:232px;min-width:232px} [data-product-panel-sample]>div[aria-live="polite"]>span:first-child{ flex-basis:118px; width:118px; min-width:118px; } [data-product-panel-sample]>div[aria-live="polite"]>span:nth-child(2)>span:nth-child(3){ color:inherit; font-family:inherit; font-size:14px; font-weight:600; line-height:20px; } .product-track:has([data-product-panel-sample]){overflow-x:clip} } [data-related-carousel-controls]{position:relative;z-index:6;display:flex;align-items:center;justify-content:flex-end;gap:8px;height:40px;margin:-48px 0 8px;pointer-events:none} [data-related-carousel-controls] :is(button,a){display:grid!important;place-items:center!important;box-sizing:border-box!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0!important;border:0!important;border-radius:999px!important;background:color-mix(in srgb,#ff7171 11%,#fff)!important;color:#ff7171!important;cursor:pointer;touch-action:manipulation;text-decoration:none!important;pointer-events:auto} [data-related-carousel-controls] :is(button,a):hover{background:color-mix(in srgb,#ff7171 17%,#fff)!important} [data-related-carousel-controls] :is(button,a):focus-visible{outline:3px solid #ff7171!important;outline-offset:3px} [data-related-carousel-controls] svg{display:block;width:20px;height:20px} .product-right-side:has(.swiper.image .swiper-slide.image:only-child) [data-related-carousel-controls]{display:none} .swiper.image{touch-action:pan-y;cursor:grab} .swiper.image:active{cursor:grabbing} .swiper.image:not(.swiper-initialized)>.swiper-wrapper.image{display:flex} .swiper.image:not(.swiper-initialized)>.swiper-wrapper.image>.swiper-slide.image{width:calc((100% - 12px)/2.5);flex:0 0 calc((100% - 12px)/2.5);margin-right:8px} @media screen and (max-width:767px){.swiper.image:not(.swiper-initialized)>.swiper-wrapper.image>.swiper-slide.image{width:calc((100% - 9.6px)/2.2);flex-basis:calc((100% - 9.6px)/2.2)}} .swiper-slide.popular .swiper-slide-popular-btn{position:relative;isolation:isolate;z-index:3;cursor:pointer;touch-action:pan-y} .swiper-slide.popular .swiper-slide-popular-btn[hidden]{display:none!important;visibility:hidden!important} .swiper-slide.popular .swiper-slide-popular-btn img{visibility:hidden!important} .swiper-slide.popular .swiper-slide-popular-btn .swiper-slide-popular-btn_play{position:relative;z-index:1;border-radius:999px} .swiper-slide.popular .swiper-slide-popular-btn .swiper-slide-popular-btn_shadow{position:absolute;inset:-8px auto auto -8px;width:64px;height:64px;border-radius:999px;opacity:.1;pointer-events:none;z-index:0} .swiper-slide.popular .swiper-slide-popular-btn:before{content:"";position:absolute;left:50%;top:50%;z-index:3;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #fff;transform:translate(-38%,-50%);pointer-events:none} .swiper-slide.popular .swiper-slide-popular-btn.is-in-card-playing:before{width:16px;height:16px;border:0;background:linear-gradient(to right,#fff 0 4px,transparent 4px 11px,#fff 11px 15px,transparent 15px);transform:translate(-50%,-50%)} .swiper-slide.popular .swiper-slide-popular-btn:focus-visible{outline:3px solid #1d5f50;outline-offset:5px} .popular-regording-title{position:relative!important;box-sizing:border-box;padding-right:88px!important} [data-popular-carousel-controls]{position:absolute;right:0;top:calc(100% + 16px + clamp(70.6667px,5.8vw,83.46875px));z-index:5;display:flex;gap:8px;align-items:center;transform:none} [data-popular-carousel-controls] :is(button,a){display:grid!important;place-items:center!important;box-sizing:border-box!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;margin:0!important;padding:0!important;border:0!important;border-radius:999px!important;background:color-mix(in srgb,#6b7280 11%,#fff)!important;color:#5f6672!important;opacity:1!important;box-shadow:none!important;cursor:pointer;touch-action:manipulation;text-decoration:none!important} [data-popular-carousel-controls] :is(button,a):hover{background:color-mix(in srgb,#6b7280 17%,#fff)!important} [data-popular-carousel-controls] :is(button,a):focus-visible{outline:3px solid #6b7280;outline-offset:3px} [data-popular-carousel-controls] svg{display:block;width:20px;height:20px;transform:scale(1.12);transform-origin:center} [data-popular-carousel-controls] svg :is(path,polyline,line,polygon){stroke:currentColor!important;stroke-width:2.4px!important;stroke-linecap:round!important;stroke-linejoin:round!important} [data-popular-carousel-controls] svg :is(path,polygon):not([fill="none"]){fill:currentColor!important} .swiper-slide.popular .swiper-slide-popular_details{position:relative} .swiper-slide.popular [data-popular-play-status]{position:absolute;right:60px;top:50%;display:flex;align-items:center;justify-content:flex-end;width:112px;height:21px;color:rgba(0,0,0,.7);font-size:16px;font-weight:500;line-height:20.8px;white-space:nowrap;transform:translateY(-50%);pointer-events:none} .swiper-slide.popular [data-popular-play-active]{display:none;align-items:center;gap:4px} .swiper-slide.popular [data-popular-equalizer]{display:inline-flex;align-items:flex-end;gap:1px;width:14px;height:9px;color:inherit} .swiper-slide.popular [data-popular-equalizer] i{display:block;width:1.5px;height:3px;border-radius:999px;background:currentColor;animation:af-in-card-pulse .65s ease-in-out infinite alternate} .swiper-slide.popular [data-popular-equalizer] i:nth-child(2){animation-delay:.1s}.swiper-slide.popular [data-popular-equalizer] i:nth-child(3){animation-delay:.2s}.swiper-slide.popular [data-popular-equalizer] i:nth-child(4){animation-delay:.3s}.swiper-slide.popular [data-popular-equalizer] i:nth-child(5){animation-delay:.2s}.swiper-slide.popular [data-popular-equalizer] i:nth-child(6){animation-delay:.1s} .swiper-slide.popular [data-popular-play-status][data-state="playing"] [data-popular-play-idle]{display:none} .swiper-slide.popular [data-popular-play-status][data-state="playing"] [data-popular-play-active]{display:flex} @media(prefers-reduced-motion:reduce){.swiper-slide.popular [data-popular-equalizer] i{animation:none;height:6px;opacity:.9}} .swiper.popular:not(.swiper-initialized) .swiper-slide{margin-right:16px!important} .swiper.popular:not(.swiper-initialized) .swiper-slide:last-child{margin-right:0!important} .product-left-side [data-membership-selector]{width:100%;max-width:100%} .product-left-side [data-membership-selector] .plans-home_section{width:100%;padding:0;background:transparent} .product-left-side [data-membership-selector] .plans-form, .product-left-side [data-membership-selector] .plans-form_wrapper, .product-left-side [data-membership-selector].plans-form_wrapper{width:100%;gap:0!important} .product-left-side [data-membership-selector].plans-form_wrapper>p:first-child{ width:100%; margin:0 0 6px!important; color:#68636b; font-size:16px; line-height:1.35; text-align:left!important; } html body .product-left-side [data-membership-selector].plans-form_wrapper>p:first-child{ display:block!important; align-self:stretch!important; width:100%!important; text-align:left!important; } .product-left-side [data-membership-selector] .product-plan-intro{ width:100%; margin:0 0 8px; text-align:left; } .product-left-side [data-membership-selector] .product-plan-intro p{margin:0} html body .product-left-side [data-membership-selector].plans-form_wrapper>p:first-child+div{ align-self:stretch!important; box-sizing:border-box!important; width:100%!important; max-width:none!important; margin:0 0 8px!important; padding:0!important; text-align:left!important; } html body .product-left-side [data-membership-selector].plans-form_wrapper>p:first-child+div>p{ width:100%!important; margin:0!important; padding:0!important; text-align:left!important; } html body .product-left-side [data-membership-selector].plans-form_wrapper>p:first-child+div>p:first-child{ color:#242126; font-size:16px; font-weight:700; line-height:1.35; } html body .product-left-side [data-membership-selector].plans-form_wrapper>p:first-child+div>p:last-child{ margin-top:2px!important; color:#68636b; font-size:16px; line-height:1.35; } .product-left-side [data-membership-selector] .product-plan-intro__title{ color:#242126; font-size:16px; font-weight:700; line-height:1.35; } .product-left-side [data-membership-selector] .product-plan-intro__selection{ margin-top:2px!important; color:#68636b; font-size:16px; line-height:1.35; } .product-left-side [data-membership-selector] .plans-form_container{ display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:center!important; justify-content:flex-start!important; width:100%; gap:6px!important; margin:0 0 16px!important; border:0!important; } .product-left-side [data-membership-selector] [data-membership-plan]{ position:relative!important; display:flex!important; flex:0 0 auto!important; align-items:center!important; justify-content:center!important; min-width:0!important; min-height:32px!important; margin:0!important; padding:6px 11px!important; border:1px solid #e1dfe3!important; border-radius:6px!important; background:#f5f4f5!important; box-shadow:none!important; color:#242126!important; cursor:pointer; } .product-left-side [data-membership-selector] [data-membership-plan]::before, .product-left-side [data-membership-selector] [data-membership-plan]::after{content:none!important;display:none!important} .product-left-side [data-membership-selector] [data-membership-plan][aria-checked="true"]{ border-color:#d7d4d8!important; background:#dedcdf!important; box-shadow:none!important; color:#242126!important; } .product-left-side [data-membership-selector] [data-membership-plan] .plans-checkbox-title{ display:flex!important; align-items:center!important; justify-content:center!important; } .product-left-side [data-membership-selector] [data-membership-plan] .plans-checkbox-title h3{ margin:0!important; color:inherit!important; font-size:14px!important; font-weight:700!important; line-height:1.2!important; white-space:nowrap!important; } .product-left-side [data-membership-selector] [data-membership-plan] .plans-checkbox-text, .product-left-side [data-membership-selector] [data-membership-plan] .plans-checkbox-details, .product-left-side [data-membership-selector] [data-membership-plan] .text-best-value, .product-left-side [data-membership-selector] [data-membership-plan]>p, .product-left-side [data-membership-selector] [data-membership-plan]>input[type="radio"], .product-left-side [data-membership-selector] [data-membership-plan]>.w-radio-input{display:none!important} .product-left-side [data-membership-selector] [data-membership-plan]:focus-visible{ outline:2px solid #6c4ce0!important; outline-offset:2px!important; } .product-left-side [data-membership-selector] [data-product-plan-summary]{ box-sizing:border-box; width:100%; margin:0 0 16px!important; padding:16px!important; border:1px solid #e7e5e7!important; border-radius:16px!important; background:#f6f6f6!important; box-shadow:none!important; color:#242126; text-align:left; } .product-left-side [data-membership-selector] [data-product-plan-summary]>div{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; gap:8px!important; } .product-left-side [data-membership-selector] [data-product-plan-summary] [data-product-plan-summary-price]{ order:-1; color:#242126!important; font-size:18px!important; font-weight:700!important; line-height:1.25!important; white-space:normal!important; } .product-left-side [data-membership-selector] [data-product-plan-summary] [data-product-plan-summary-title]{ color:#242126!important; font-size:20px!important; font-weight:700!important; line-height:1.2!important; } .product-left-side [data-membership-selector] [data-product-plan-summary] p{ margin:10px 0 0!important; color:#68636b!important; font-size:16px!important; line-height:1.45!important; } .product-left-side [data-membership-selector] .plans-home_text-wrapper{display:none!important} .product-description-container:has(.product-description-btn[data-w-id="6a1118a3-aad5-ed92-d110-64d60809c033"][style*="display:block"]) .product-description-text_container, .product-description-container:has(.product-description-btn[data-w-id="6a1118a3-aad5-ed92-d110-64d60809c033"][aria-expanded="false"]) .product-description-text_container{height:288px!important} @media screen and (max-width:479px){ .product-left-side [data-membership-selector] .plans-form_container{gap:5px!important} .product-left-side [data-membership-selector] [data-membership-plan]{min-height:32px!important;padding:6px 10px!important} .product-left-side [data-membership-selector] [data-membership-plan] .plans-checkbox-title h3{font-size:13px!important} .product-left-side [data-membership-selector] [data-product-plan-summary]{padding:15px!important} .product-left-side [data-membership-selector] [data-product-plan-summary] [data-product-plan-summary-title]{font-size:19px!important} .product-description-container:has(.product-description-btn[data-w-id="6a1118a3-aad5-ed92-d110-64d60809c033"][style*="display:block"]) .product-description-text_container, .product-description-container:has(.product-description-btn[data-w-id="6a1118a3-aad5-ed92-d110-64d60809c033"][aria-expanded="false"]) .product-description-text_container{height:240px!important} } .product-sample { display: none !important; }