:root{--kchrome:linear-gradient(180deg,#ffffff 0%,#c9c9ce 34%,#6f6f75 54%,#e4e4e8 72%,#9a9aa0 100%)}.kmusic{position:fixed;left:clamp(12px,2vw,24px);bottom:clamp(12px,2vw,24px);z-index:95;padding:2px;background:#050506c7;border:1px solid var(--gunmetal,#3a3a40);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.kmusic__open{display:grid;place-items:center;width:40px;height:40px;padding:0;background:none;border:0;cursor:pointer;transition:background var(--dur-ui) var(--ease-out)}.kmusic__open:hover{background:#ffffff0f}.kmusic__open:focus-visible{outline:2px solid var(--bone);outline-offset:-2px}.kmusic__spikes{position:relative;display:flex;align-items:flex-end;gap:2px;height:18px}.kmusic__spikes i{display:block;width:4px;height:100%;background:var(--kchrome);clip-path:polygon(50% 0,100% 100%,0 100%);transform:scaleY(.38);transform-origin:bottom;opacity:.7;transition:opacity var(--dur-ui) var(--ease-out)}.kmusic__spikes i:nth-child(odd){width:3px}.kmusic.is-playing .kmusic__spikes i{opacity:1;animation:kmusic-spike .76s cubic-bezier(.45,0,.55,1) infinite alternate}.kmusic.is-playing .kmusic__spikes i:nth-child(2){animation-duration:.61s;animation-delay:-.18s}.kmusic.is-playing .kmusic__spikes i:nth-child(3){animation-duration:.88s;animation-delay:-.42s}.kmusic.is-playing .kmusic__spikes i:nth-child(4){animation-duration:.68s;animation-delay:-90ms}.kmusic.is-playing .kmusic__spikes i:nth-child(5){animation-duration:.82s;animation-delay:-.3s}@keyframes kmusic-spike{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.kmusic.is-muted .kmusic__spikes:after{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:1.5px;background:var(--bone);transform:rotate(-45deg)}.t-index .kmusic{bottom:auto;top:calc(clamp(16px,3vw,40px) + 66px);left:clamp(16px,3vw,40px);animation:kmusic-in .9s cubic-bezier(.16,1,.3,1) 1.5s both}@keyframes kmusic-in{0%{opacity:0;transform:translateY(8px)}}html.kmset-open{overflow:hidden}.kmset{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:16px;overflow-y:auto}.kmset[hidden]{display:none}.kmset__scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#34343a94;opacity:0;transition:opacity .28s ease-out}.kmset.is-open .kmset__scrim{opacity:1}.kmset__panel{position:relative;width:min(620px,100%);padding:clamp(20px,4vw,40px) clamp(4px,2vw,24px);text-align:center;color:var(--bone);text-shadow:0 2px 14px rgba(0,0,0,.85)}.kmset__panel:before{content:"";position:absolute;top:-12%;right:-18%;bottom:-12%;left:-18%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(0,0,0,.74),rgba(0,0,0,.46) 55%,transparent 78%)}.kmset__title{margin:0;font:400 clamp(44px,7vw,76px)/1 var(--display);letter-spacing:.04em;text-transform:uppercase}.kmset__divider{display:block;width:min(560px,100%);height:auto;margin:6px auto 0;fill:var(--bone);overflow:visible;filter:drop-shadow(0 0 6px rgba(169,188,255,.35))}.kmset__now{margin:14px 0 0;font:400 14px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ash)}.kmset__now strong{font-weight:400;color:var(--bone)}.kmset__rows{display:grid;gap:clamp(14px,2.4vw,22px);width:min(500px,100%);margin:clamp(22px,4vw,36px) auto clamp(18px,3vw,28px)}.kmset__row{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:16px;padding:0 40px}.kmset__label{justify-self:start;font:400 clamp(22px,3.2vw,30px)/1 var(--display);letter-spacing:.05em;text-transform:uppercase}.kmset__value{justify-self:end;padding:6px 0;background:none;border:0;cursor:pointer;color:var(--bone);text-shadow:inherit;font:400 clamp(17px,2.2vw,21px)/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.kmset__hint{grid-column:1/-1;margin:0;max-height:0;overflow:hidden;opacity:0;font:400 13px/1.4 var(--mono);color:var(--ash);text-align:center;transition:max-height .22s ease-out,opacity .22s ease-out,margin .22s ease-out}.kmset__row:hover .kmset__hint,.kmset__row:focus-within .kmset__hint{max-height:3em;opacity:1;margin-top:6px}.kmset__arrow,.kmset__action:before,.kmset__action:after{width:26px;height:26px;background:var(--kchrome);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 12l7-2.6L7.5 4 22 12 7.5 20 9 14.6z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 12l7-2.6L7.5 4 22 12 7.5 20 9 14.6z'/%3E%3C/svg%3E") center/contain no-repeat}.kmset__arrow{position:absolute;top:calc(clamp(22px,3.2vw,30px)/2 - 13px);padding:0;border:0;cursor:pointer;opacity:0;transition:opacity .2s ease-out,transform .2s ease-out}.kmset__arrow--l{left:0;transform:scaleX(-1) translate(4px)}.kmset__arrow--r{right:0;transform:translate(4px)}.kmset__row:hover .kmset__arrow,.kmset__row:focus-within .kmset__arrow{opacity:1}.kmset__row:hover .kmset__arrow--l,.kmset__row:focus-within .kmset__arrow--l{transform:scaleX(-1)}.kmset__row:hover .kmset__arrow--r,.kmset__row:focus-within .kmset__arrow--r{transform:none}.kmset__slide{justify-self:end;display:flex;align-items:center;gap:12px}.kmset__slide input{--p:60%;-webkit-appearance:none;appearance:none;width:clamp(130px,24vw,220px);height:32px;margin:0;background:none;cursor:pointer}.kmset__slide input::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,var(--bone) var(--p),rgba(236,235,232,.22) var(--p))}.kmset__slide input::-moz-range-track{height:2px;background:#ecebe838}.kmset__slide input::-moz-range-progress{height:2px;background:var(--bone)}.kmset__slide input::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-14px;border:0;background:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.42' stop-color='%23c9c9ce'/%3E%3Cstop offset='.55' stop-color='%236f6f75'/%3E%3Cstop offset='.75' stop-color='%23e4e4e8'/%3E%3Cstop offset='1' stop-color='%239a9aa0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M20 1L21.38 16.67 27.42 12.58 23.33 18.62 39 20 23.33 21.38 27.42 27.42 21.38 23.33 20 39 18.62 23.33 12.58 27.42 16.67 21.38 1 20 16.67 18.62 12.58 12.58 18.62 16.67Z'/%3E%3C/svg%3E");background-size:contain;filter:drop-shadow(0 0 6px rgba(169,188,255,.45));transition:transform .16s ease-out}.kmset__slide input::-moz-range-thumb{width:30px;height:30px;border:0;border-radius:0;background:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.42' stop-color='%23c9c9ce'/%3E%3Cstop offset='.55' stop-color='%236f6f75'/%3E%3Cstop offset='.75' stop-color='%23e4e4e8'/%3E%3Cstop offset='1' stop-color='%239a9aa0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M20 1L21.38 16.67 27.42 12.58 23.33 18.62 39 20 23.33 21.38 27.42 27.42 21.38 23.33 20 39 18.62 23.33 12.58 27.42 16.67 21.38 1 20 16.67 18.62 12.58 12.58 18.62 16.67Z'/%3E%3C/svg%3E");background-size:contain;filter:drop-shadow(0 0 6px rgba(169,188,255,.45))}.kmset__slide input:active::-webkit-slider-thumb{transform:rotate(45deg) scale(1.1)}.kmset__slide input:focus-visible{outline:none}.kmset__slide input:focus-visible::-webkit-slider-thumb{filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 10px rgba(169,188,255,.8))}.kmset__slide input:focus-visible::-moz-range-thumb{filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 10px rgba(169,188,255,.8))}.kmset__num{min-width:3ch;text-align:right;font:400 clamp(16px,2vw,19px)/1 var(--mono);letter-spacing:.06em}.kmset.no-volume .kmset__slide,.kmset.no-volume [data-music-row=volume] .kmset__arrow{display:none}.kmset.no-volume [data-music-row=volume] .kmset__hint{max-height:3em;opacity:1;margin-top:6px}.kmset__action{position:relative;display:block;margin:clamp(6px,1.4vw,12px) auto 0;padding:8px 38px;background:none;border:0;cursor:pointer;color:var(--bone);text-shadow:inherit;font:400 clamp(24px,3.4vw,32px)/1 var(--display);letter-spacing:.05em;text-transform:uppercase}.kmset__action:before,.kmset__action:after{content:"";position:absolute;top:50%;width:22px;height:22px;margin-top:-11px;opacity:0;transition:opacity .2s ease-out}.kmset__action:before{left:4px;transform:scaleX(-1)}.kmset__action:after{right:4px}.kmset__action:hover:before,.kmset__action:hover:after,.kmset__action:focus-visible:before,.kmset__action:focus-visible:after{opacity:1}.kmset__value:focus-visible,.kmset__action:focus-visible{outline:none;text-shadow:0 0 12px rgba(169,188,255,.9),0 2px 14px rgba(0,0,0,.85)}.kmset__panel>*{opacity:0;transform:translateY(8px);transition:opacity .42s cubic-bezier(.16,1,.3,1),transform .42s cubic-bezier(.16,1,.3,1)}.kmset.is-open .kmset__panel>*{opacity:1;transform:none}.kmset.is-open .kmset__panel>:nth-child(2){transition-delay:40ms}.kmset.is-open .kmset__panel>:nth-child(3){transition-delay:80ms}.kmset.is-open .kmset__panel>:nth-child(4){transition-delay:.12s}.kmset.is-open .kmset__panel>:nth-child(5){transition-delay:.16s}.kmset.is-open .kmset__panel>:nth-child(6){transition-delay:.2s}@media(hover:none){.kmset__arrow{opacity:1}.kmset__arrow--l{transform:scaleX(-1)}.kmset__arrow--r{transform:none}}@media(max-width:480px){.kmset__row{padding:0 30px;column-gap:10px}.kmset__arrow{width:22px;height:22px}.kmset__slide{gap:8px}}@media(prefers-reduced-motion:reduce){.kmusic.is-playing .kmusic__spikes i{animation:none;transform:scaleY(.75)}.kmusic.is-playing .kmusic__spikes i:nth-child(2n){transform:scaleY(.5)}.kmset__panel>*,.kmset__scrim{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/kairo-music.css.map */