.cs-sound-band{background:var(--sound-ground, var(--cs-corn-silk));color:var(--cs-klein-blue)}.cs-sound-band[data-tone=dark]{color:var(--cs-corn-silk)}.cs-sound-band[data-tone=dark] :is(h2,.cs-sound__sub){color:var(--cs-corn-silk)}.cs-sound-band[data-tone=dark] .cs-eyebrow--ink{color:var(--cs-bright-amber)}.cs-sound{color:inherit;isolation:isolate}.cs-sound__head{margin-bottom:var(--cs-s5)}.cs-sound__sub{margin:var(--cs-s2) 0 0;font-size:var(--cs-t-body);max-width:46ch;opacity:.85}.cs-sound__grid{display:grid;gap:var(--cs-s5)}.cs-sound--compact .cs-sound__head{display:none}@media screen and (min-width:990px){.cs-sound__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--cs-s7);align-items:start}}.cs-sound__frame{position:relative;aspect-ratio:1 / 1;border-radius:var(--cs-r-lg);overflow:hidden;background:var(--cs-corn-40);box-shadow:var(--cs-shadow-2)}.cs-sound__photo{display:block;width:100%;height:100%;object-fit:cover}.cs-sound__frame--cut{background:none;box-shadow:none;border-radius:0;overflow:visible}.cs-sound__frame--cut .cs-sound__photo{object-fit:contain}.cs-sound__spot{position:absolute;z-index:2;margin:0;padding:0;border:0;background:transparent;border-radius:999px;cursor:pointer;-webkit-tap-highlight-color:transparent;min-width:44px;min-height:44px;display:grid;place-items:center}.cs-sound__spot:focus-visible{outline:3px solid var(--cs-coral);outline-offset:3px}.cs-sound__dot{position:relative;z-index:2;display:grid;place-items:center;width:46px;height:46px;border-radius:999px;background:var(--cs-klein-blue);color:var(--cs-corn-silk);box-shadow:0 2px 10px #292b9459,0 0 0 3px #fff8d4e6;transition:transform var(--cs-dur-2) var(--cs-ease),background var(--cs-dur-2) var(--cs-ease)}.cs-sound__spot:hover .cs-sound__dot{transform:scale(1.08)}.cs-sound__spot:active .cs-sound__dot{transform:scale(.96)}.cs-sound__icon-stop,.cs-sound__spot.is-playing .cs-sound__icon-play,.cs-sound__track.is-playing .cs-sound__icon-play{display:none}.cs-sound__spot.is-playing .cs-sound__icon-stop,.cs-sound__track.is-playing .cs-sound__icon-stop{display:inline}.cs-sound__spot.is-playing .cs-sound__dot{background:var(--cs-coral)}.cs-sound__ring{position:absolute;inset:50% auto auto 50%;width:46px;height:46px;translate:-50% -50%;border-radius:999px;border:2px solid var(--cs-klein-blue);opacity:0;z-index:1;pointer-events:none;animation:cs-sound-ring 2.8s var(--cs-ease) infinite}.cs-sound__ring--2{animation-delay:1.4s}.cs-sound__spot.is-playing .cs-sound__ring{border-color:var(--cs-coral);animation-duration:1.5s}.cs-sound__spot.is-playing .cs-sound__ring--2{animation-delay:.75s}@keyframes cs-sound-ring{0%{opacity:.55;scale:1}70%{opacity:0;scale:2.5}to{opacity:0;scale:2.5}}.cs-sound__tag{position:absolute;z-index:1;display:grid;place-items:center;pointer-events:none}.cs-sound__tag-in{position:absolute;display:inline-flex;flex-direction:column;align-items:center;gap:1px;padding:4px 10px;border-radius:var(--cs-r-pill);background:#fff8d4f0;color:var(--cs-klein-blue);box-shadow:var(--cs-shadow-1);white-space:nowrap;text-align:center}.cs-sound__tag-in strong{font-family:var(--font-heading-family);font-size:1.2rem;font-weight:700;letter-spacing:var(--cs-tracking-display);text-transform:uppercase}.cs-sound__tag-in em{font-style:normal;font-size:1.1rem;opacity:.75}.cs-sound__tag{--off: 30px}.cs-sound__tag[data-pos=below] .cs-sound__tag-in{top:calc(50% + var(--off))}.cs-sound__tag[data-pos=above] .cs-sound__tag-in{bottom:calc(50% + var(--off))}.cs-sound__tag[data-pos=left] .cs-sound__tag-in{right:calc(50% + var(--off))}.cs-sound__tag[data-pos=right] .cs-sound__tag-in{left:calc(50% + var(--off))}.cs-sound__now{position:relative;display:flex;align-items:center;gap:var(--cs-s3);margin-top:var(--cs-s3);padding:var(--cs-s3) var(--cs-s4);border-radius:var(--cs-r-md);background:var(--cs-klein-blue);color:var(--cs-corn-silk);overflow:hidden}.cs-sound__now[hidden]{display:none}.cs-sound__now-title{flex:1 1 auto;min-width:0;font-weight:600;font-size:1.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-sound__now-time{flex:0 0 auto;font-variant-numeric:tabular-nums;font-size:1.3rem;opacity:.8}.cs-sound__stop{flex:0 0 auto;border:1px solid rgba(255,248,212,.5);background:transparent;color:inherit;border-radius:var(--cs-r-pill);padding:4px 14px;font-family:var(--font-heading-family);font-size:1.2rem;font-weight:700;letter-spacing:var(--cs-tracking-display);text-transform:uppercase;cursor:pointer;min-height:32px}.cs-sound__stop:hover{background:#fff8d424}.cs-sound__stop:focus-visible{outline:3px solid var(--cs-bright-amber);outline-offset:2px}.cs-sound__bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#fff8d438}.cs-sound__bar i{display:block;height:100%;width:0;background:var(--cs-bright-amber)}.cs-sound__eq{flex:0 0 auto;display:flex;align-items:flex-end;gap:2px;height:16px}.cs-sound__eq i{width:3px;height:30%;border-radius:2px;background:var(--cs-bright-amber);animation:cs-sound-eq .9s var(--cs-ease) infinite alternate}.cs-sound__eq i:nth-child(2){animation-delay:.15s}.cs-sound__eq i:nth-child(3){animation-delay:.3s}.cs-sound__eq i:nth-child(4){animation-delay:.45s}@keyframes cs-sound-eq{0%{height:25%}to{height:100%}}.cs-sound__group+.cs-sound__group{margin-top:var(--cs-s5)}.cs-sound__group-head{display:flex;align-items:baseline;gap:var(--cs-s2);margin:0 0 var(--cs-s2)}.cs-sound__group-label{font-family:var(--font-heading-family);font-weight:700;font-size:1.3rem;letter-spacing:var(--cs-tracking-sub);text-transform:uppercase}.cs-sound__group-hint{font-size:1.3rem;opacity:.7}.cs-sound__list{list-style:none;margin:0;padding:0}.cs-sound__list li+li{margin-top:var(--cs-s2)}.cs-sound__track{display:flex;align-items:center;gap:var(--cs-s3);width:100%;min-height:48px;padding:var(--cs-s2) var(--cs-s3);border:2px solid var(--cs-klein-20);border-radius:var(--cs-r-md);background:#fff;color:var(--cs-klein-blue);text-align:left;cursor:pointer;transition:border-color var(--cs-dur-1) var(--cs-ease),transform var(--cs-dur-1) var(--cs-ease)}.cs-sound__track:hover{border-color:var(--cs-coral);transform:translateY(-1px)}.cs-sound__track:focus-visible{outline:3px solid var(--cs-coral);outline-offset:2px}.cs-sound__track.is-playing{border-color:var(--cs-coral);background:var(--cs-coral-20)}.cs-sound__track-ico{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:var(--cs-klein-blue);color:var(--cs-corn-silk)}.cs-sound__track.is-playing .cs-sound__track-ico{background:var(--cs-coral)}.cs-sound__track-name{flex:1 1 auto;min-width:0;font-size:1.5rem;font-weight:600}.cs-sound__track-len{flex:0 0 auto;font-size:1.3rem;font-variant-numeric:tabular-nums;opacity:.65}.cs-sound__foot{margin:var(--cs-s4) 0 0;font-size:var(--cs-t-small);opacity:.7}@media screen and (max-width:749px){.cs-sound__dot,.cs-sound__ring{width:40px;height:40px}.cs-sound__tag{--off: 26px}.cs-sound__tag-in{padding:3px 8px}.cs-sound__tag-in strong{font-size:1.1rem}.cs-sound__tag-in em{font-size:1rem}.cs-sound__now{flex-wrap:wrap;gap:var(--cs-s2)}.cs-sound__now-title{flex-basis:100%;order:3}}@media(prefers-reduced-motion:reduce){.cs-sound__ring{animation:none;opacity:0}.cs-sound__spot.is-playing .cs-sound__ring{opacity:.5}.cs-sound__eq i{animation:none;height:60%}.cs-sound__track{transition:none}.cs-sound__track:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/cs-sound-module.css.map */