.dc-sound{position:fixed;z-index:40;bottom:clamp(1.6rem,2.5vw,2.4rem);left:0;display:flex;align-items:center;gap:.7rem;font-family:var(--font-body, sans-serif)}.dc-sound--right{left:auto;right:0;flex-direction:row-reverse}.dc-sound__handle{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.7rem;height:3.4rem;padding:0;border:1px solid rgba(242,242,244,.16);border-left:none;border-radius:0 999px 999px 0;background:#0a0a14b8;color:var(--dc-white, #f2f2f4);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 30px #04040a80;transition:color .2s ease,border-color .2s ease}.dc-sound--right .dc-sound__handle{border-left:1px solid rgba(242,242,244,.16);border-right:none;border-radius:999px 0 0 999px}.dc-sound__handle:hover{color:var(--dc-blue, #1b4fff);border-color:#1b4fff73}.dc-sound__handle:focus-visible{outline:2px solid var(--dc-white, #f2f2f4);outline-offset:2px}.dc-sound__handle svg{width:1.2rem;height:1.2rem;transition:transform .22s ease}.dc-sound--right .dc-sound__handle svg{transform:rotate(180deg)}.dc-sound--left.is-collapsed .dc-sound__handle svg{transform:rotate(180deg)}.dc-sound--right.is-collapsed .dc-sound__handle svg{transform:rotate(0)}.dc-sound.is-collapsed .dc-sound__panel{opacity:0;visibility:hidden;pointer-events:none}.dc-sound.is-ready.is-collapsed .dc-sound__panel{transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .22s ease,visibility 0s .32s}.dc-sound--left.is-collapsed .dc-sound__panel{transform:translate(calc(-100% - 1.2rem))}.dc-sound--right.is-collapsed .dc-sound__panel{transform:translate(calc(100% + 1.2rem))}.dc-sound__panel{position:relative;z-index:1;display:flex;align-items:center;gap:1rem;height:4.4rem;padding:0 1.6rem;border:1px solid rgba(242,242,244,.16);border-radius:999px;background:#0a0a14b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 30px #04040a80;transition:border-color .24s ease,box-shadow .24s ease}.dc-sound.is-ready .dc-sound__panel{transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .22s ease,visibility 0s,border-color .24s ease,box-shadow .24s ease}.dc-sound.is-open .dc-sound__panel{border-color:#1b4fff73;box-shadow:0 6px 30px #04040a80,0 0 24px #2e1a4780}.dc-sound__enter{display:inline-flex;align-items:center;gap:1rem;padding:0;border:none;background:none;color:var(--dc-white, #f2f2f4);font-family:inherit;font-size:1.2rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .2s ease}.dc-sound__enter:hover{color:var(--dc-blue, #1b4fff)}.dc-sound__enter svg{width:1.6rem;height:1.6rem;flex:0 0 auto}.dc-sound.is-open .dc-sound__enter{display:none}.dc-sound__player{display:none;align-items:center;gap:1.2rem}.dc-sound.is-open .dc-sound__player{display:flex}.dc-sound__toggle,.dc-sound__close{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;border:none;background:none;color:var(--dc-white, #f2f2f4);cursor:pointer;transition:color .2s ease}.dc-sound__toggle:hover,.dc-sound__close:hover{color:var(--dc-blue, #1b4fff)}.dc-sound__toggle svg{width:1.4rem;height:1.4rem}.dc-sound__close svg{width:1.3rem;height:1.3rem}.dc-sound__toggle .dc-sound__icon-play{display:none}.dc-sound.is-paused .dc-sound__toggle .dc-sound__icon-play{display:block}.dc-sound.is-paused .dc-sound__toggle .dc-sound__icon-pause{display:none}.dc-sound__eq{display:flex;align-items:flex-end;gap:3px;height:1.6rem}.dc-sound__eq span{display:block;width:2px;height:100%;background:var(--dc-blue, #1b4fff);transform-origin:bottom;animation:dc-sound-eq .9s ease-in-out infinite alternate}.dc-sound__eq span:nth-child(2){animation-duration:.62s}.dc-sound__eq span:nth-child(3){animation-duration:1.08s}.dc-sound__eq span:nth-child(4){animation-duration:.76s}.dc-sound.is-paused .dc-sound__eq span{animation-play-state:paused;opacity:.4}@keyframes dc-sound-eq{0%{transform:scaleY(.18)}to{transform:scaleY(1)}}.dc-sound__volume{-webkit-appearance:none;appearance:none;width:7rem;height:2px;border-radius:2px;background:linear-gradient(to right,var(--dc-blue, #1b4fff) 0%,var(--dc-blue, #1b4fff) var(--dc-vol, 40%),rgba(242,242,244,.24) var(--dc-vol, 40%),rgba(242,242,244,.24) 100%);cursor:pointer}.dc-sound__volume::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.1rem;height:1.1rem;border:none;border-radius:50%;background:var(--dc-white, #f2f2f4);cursor:pointer}.dc-sound__volume::-moz-range-thumb{width:1.1rem;height:1.1rem;border:none;border-radius:50%;background:var(--dc-white, #f2f2f4);cursor:pointer}.dc-sound__volume:focus-visible{outline:2px solid var(--dc-white, #f2f2f4);outline-offset:4px}.dc-sound__enter:focus-visible,.dc-sound__toggle:focus-visible,.dc-sound__close:focus-visible{outline:2px solid var(--dc-white, #f2f2f4);outline-offset:3px}.dc-sound__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media screen and (max-width:749px){.dc-sound{gap:.5rem}.dc-sound__handle{width:1.5rem;height:3rem}.dc-sound__handle svg{width:1.1rem;height:1.1rem}.dc-sound__volume{width:4.4rem}.dc-sound__panel{height:3.6rem;padding:0 1.1rem;gap:.8rem}.dc-sound__enter{font-size:1rem;gap:.7rem;letter-spacing:.12em}.dc-sound__enter svg{width:1.4rem;height:1.4rem}}@media(prefers-reduced-motion:reduce){.dc-sound__eq span{animation:none;transform:scaleY(.5)}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/dc-sound.css.map */