.tone-showcase-section{overflow-x:hidden;overflow-y:visible;position:relative;width:100%}.tone-showcase__header{text-align:center;margin-bottom:26px}.tone-showcase__heading{margin-bottom:10px;font-weight:800}.tone-showcase__subheading{font-size:16px;font-weight:400;margin:0;color:inherit;opacity:.9}.tone-showcase__carousel-wrapper{position:relative;width:100%;perspective:1200px;display:flex;justify-content:center;align-items:center;height:420px;margin:0 auto}.tone-showcase__track{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-end;transform-style:preserve-3d;padding-bottom:40px}.tone-showcase__slide{position:absolute;width:280px;height:380px;border-radius:24px;overflow:hidden;box-shadow:0 10px 25px #00000026;transition:transform .4s cubic-bezier(.25,1,.5,1),opacity .4s,z-index 0s .2s;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:transparent;will-change:transform,opacity;transform-origin:center bottom}.tone-showcase__slide.is-active{transition:transform .4s cubic-bezier(.25,1,.5,1),opacity .4s,z-index 0s;cursor:default;box-shadow:0 15px 40px #00000040}.tone-showcase__image{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.tone-showcase__card-text{position:absolute;bottom:0;left:0;width:100%;padding:24px 20px 20px;text-align:center;background:linear-gradient(to top,#0009,#0000);color:#fff;pointer-events:none;z-index:2}.tone-showcase__card-title{font-size:20px;font-weight:700;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.tone-showcase__card-desc{font-size:14px;opacity:.9;text-shadow:0 1px 3px rgba(0,0,0,.5)}.tone-showcase__card-desc p{margin:0}.tone-showcase__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);width:60px;height:60px;border-radius:50%;background:#ffffff4d;border:2px solid #fff;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .4s cubic-bezier(.25,1,.5,1),background .3s,opacity .3s,visibility .4s;opacity:0;visibility:hidden;pointer-events:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:0;z-index:3}.tone-showcase__slide.is-active .tone-showcase__play-btn{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.tone-showcase__play-btn:hover{background:#fff9}.tone-showcase__play-btn.is-disabled{opacity:.4!important;cursor:not-allowed;background:#64646480;pointer-events:none!important}.tone-showcase__play-icon,.tone-showcase__pause-icon{width:24px;height:24px;fill:currentColor}.tone-showcase__pause-icon,.tone-showcase__play-btn.is-playing .tone-showcase__play-icon{display:none}.tone-showcase__play-btn.is-playing .tone-showcase__pause-icon{display:block}@media screen and (max-width:767px){.tone-showcase__carousel-wrapper{height:360px}.tone-showcase__slide{width:240px;height:320px}.tone-showcase__play-btn{width:50px;height:50px}.tone-showcase__play-icon,.tone-showcase__pause-icon{width:20px;height:20px}}
/*# sourceMappingURL=/cdn/shop/t/438/assets/tone-showcase.css.map */