.kiive-aw{--primary-color: var(--teal-400, #37AB9C);--text-color: var(--rack-25, #F6F7F7);--bg-color: var(--rack-800, #1C1E20);--aw-on: var(--gold-400, #C9A55E);--aw-border: rgba(255,255,255,.1);--aw-border-strong: rgba(255,255,255,.18);--aw-muted: rgba(255,255,255,.55);--widget-radius: 16px;--button-hover-scale: 1.04;--video-actual-width: 1920;--video-actual-height: 2160;--video-width: var(--video-actual-width);--video-height: calc(var(--video-actual-height) / 2);--processed-offset: 0px;--bypass-offset: 0px;--processed-offset-mobile: 0px;--bypass-offset-mobile: 0px;--track-list-height-desk: 300px;--track-list-height-mobile: 300px;--tracklist-width: 320px;--gap: 24px;--section-margin: 48px;font-family:var(--font-sans, system-ui, sans-serif);color:var(--text-color)}.kiive-aw *,.kiive-aw *:before,.kiive-aw *:after{box-sizing:border-box}.kiive-aw__wrap{max-width:var(--widget-max-width, 1200px);margin:var(--section-margin) auto;padding:0 32px}@media(max-width:768px){.kiive-aw__wrap{padding:0 18px}}.kiive-aw__rail{display:flex;align-items:center;gap:12px;margin:0 0 16px}.kiive-aw__chip{height:22px;width:auto;opacity:.9;flex:0 0 auto}.kiive-aw__eyebrow{font-size:var(--fs-12, .75rem);letter-spacing:.12em;text-transform:uppercase;color:var(--primary-color);margin:0}.kiive-aw__title h2{margin:4px 0 18px;text-align:left;font-family:var(--font-display, var(--font-sans));font-weight:400;letter-spacing:-.02em;line-height:1.1;font-size:clamp(1.6rem,3vw,2.25rem);color:var(--text-color)}.kiive-aw__panel{position:relative;padding:28px;border-radius:var(--widget-radius);background:var(--bg-color);border:1px solid var(--aw-border);box-shadow:0 24px 60px #0000002e}@media(max-width:768px){.kiive-aw__panel{padding:18px}}.kiive-aw__grid{display:grid;grid-template-columns:var(--tracklist-width) minmax(0,var(--gui-max-width, 760px));gap:var(--gap);align-items:start;justify-content:center}.kiive-aw__loading{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg-color) 88%,transparent);display:none;flex-direction:column;align-items:center;justify-content:center;z-index:5;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-radius:var(--widget-radius)}.kiive-aw__loading h3{margin:0;font-weight:400;color:var(--text-color)}.kiive-aw__progress{width:200px;height:4px;background:#ffffff1f;border-radius:2px;margin-top:12px;overflow:hidden}.kiive-aw__progressBar{height:100%;width:0%;background:var(--primary-color);transition:width .25s ease}.kiive-aw__trackListSection{position:relative;height:var(--track-list-height-desk);border-right:1px solid var(--aw-border);padding-right:8px}.kiive-aw__trackList{height:100%;max-height:var(--track-list-height-desk);overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent}.kiive-aw__trackList::-webkit-scrollbar{width:6px}.kiive-aw__trackList::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:3px}.kiive-aw__track{width:100%}.kiive-aw__track button{position:relative;width:100%;text-align:left;padding:12px 14px 12px 18px;border:none;border-radius:var(--r-6, 6px);background:transparent;cursor:pointer;font:400 var(--fs-14, .875rem)/1.3 var(--font-sans, sans-serif);color:var(--aw-muted);transition:background var(--dur-quick,.12s) ease,color var(--dur-quick,.12s) ease}.kiive-aw__track button:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--primary-color);border-radius:3px;transition:height var(--dur-quick,.12s) ease}.kiive-aw__track button:hover{background:#ffffff0a;color:var(--text-color)}.kiive-aw__track button.is-active{background:#ffffff0f;color:var(--text-color)}.kiive-aw__track button.is-active:before{height:60%}.kiive-aw__display{position:relative;background:#000;border-radius:var(--r-10, 10px);overflow:hidden;border:1px solid var(--aw-border);aspect-ratio:calc(var(--video-actual-width) / (var(--video-actual-height) / 2));width:100%;max-width:var(--display-max-desk, 100%);margin-left:auto;margin-right:auto}.kiive-aw__videoContainer{position:relative;width:100%;height:100%;overflow:hidden}.kiive-aw__videoContainer video{position:absolute;width:100%;height:200%;top:0;left:0;transform:translateY(var(--bypass-offset))}.kiive-aw__videoContainer.is-bypassed video{transform:translateY(calc(-50% + var(--processed-offset)))}@media(min-width:769px){.kiive-aw__videoControls,.kiive-aw__controls{width:100%;max-width:var(--gui-max-width, 760px);justify-self:center}.kiive-aw__controls{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:18px}.kiive-aw__songTitleRow{display:flex;align-items:center;gap:16px;min-width:0;flex:1}.kiive-aw__songTitle{min-width:0}.kiive-aw__songTitle h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kiive-aw__playback{flex:0 0 auto;gap:14px}}.kiive-aw__songTitle h3{margin:0;font-family:var(--font-display, var(--font-sans));font-weight:400;letter-spacing:-.01em;color:var(--text-color)}.kiive-aw__playback{display:flex;align-items:center;gap:12px}.kiive-aw__playBtn{width:52px;height:52px;border-radius:50%;border:none;background:var(--primary-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--dur-quick,.12s) ease,background var(--dur-quick,.12s) ease}.kiive-aw__playBtn:hover{transform:scale(var(--button-hover-scale))}.kiive-aw__playBtn:active{transform:scale(.985)}.kiive-aw__playBtn svg{width:24px;height:24px}.kiive-aw__playBtn.is-playing .kiive-aw__iconPlay{display:none}.kiive-aw__playBtn:not(.is-playing) .kiive-aw__iconPause{display:none}.kiive-aw__switch{display:flex;background:#00000040;border:1px solid var(--aw-border-strong);padding:4px;border-radius:var(--r-pill, 999px);gap:4px}.kiive-aw__switchBtn{padding:9px 22px;border:none;border-radius:var(--r-pill, 999px);background:none;cursor:pointer;font:400 var(--fs-13, .8125rem)/1 var(--font-mono, monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--aw-muted);transition:background var(--dur-quick,.12s) ease,color var(--dur-quick,.12s) ease}.kiive-aw__switchBtn:not(.is-active):hover{color:var(--text-color)}.kiive-aw__switchBtn[data-kiive-aw-switch=bypass].is-active{background:#ffffff1a;color:var(--text-color)}.kiive-aw__switchBtn[data-kiive-aw-switch=processed].is-active{background:var(--aw-on);color:#1b1402;box-shadow:0 0 0 1px color-mix(in srgb,var(--aw-on) 60%,transparent),0 6px 18px color-mix(in srgb,var(--aw-on) 35%,transparent)}.kiive-aw__navBtn,.kiive-aw[data-mode=audio] .kiive-aw__display{display:none}.kiive-aw[data-mode=audio] .kiive-aw__controls{padding-top:0}.kiive-aw[data-mode=audio] .kiive-aw__videoControls{background:#ffffff08;border:1px solid var(--aw-border);border-radius:var(--r-10, 10px);padding:22px 24px}.kiive-aw__silentNotice{display:none;text-align:center;margin-top:14px;font-size:var(--fs-13, .8125rem);letter-spacing:.02em;color:var(--aw-muted)}@media(max-width:768px){.kiive-aw__grid{grid-template-columns:1fr;width:100%!important}.kiive-aw__trackListSection{display:none}.kiive-aw__controls{display:flex;flex-direction:column;align-items:center;gap:16px}.kiive-aw__songTitleRow{display:flex;align-items:center;justify-content:space-between;width:100%}.kiive-aw__songTitle h3{text-align:center;font-size:18px}.kiive-aw__navBtn{display:flex!important;width:40px;height:40px;border:none;border-radius:50%;background:transparent;cursor:pointer;align-items:center;justify-content:center;color:var(--primary-color);transition:transform var(--dur-quick,.12s) ease;position:relative;z-index:60;pointer-events:auto}.kiive-aw__navBtn:hover{transform:scale(var(--button-hover-scale))}.kiive-aw__navBtn svg{display:block;width:30px;height:30px}.kiive-aw__navBtn svg path{stroke:currentColor}.kiive-aw__videoControls,.kiive-aw__controls{max-width:var(--gui-max-width-mobile, 320px);width:100%;margin-left:auto;margin-right:auto}.kiive-aw__display{width:100%;max-width:var(--display-max-mobile, 100%)}.kiive-aw__videoContainer video{transform:translateY(var(--bypass-offset-mobile))}.kiive-aw__videoContainer.is-bypassed video{transform:translateY(calc(-50% + var(--processed-offset-mobile)))}.kiive-aw__silentNotice{display:block}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/kiive-audiowidget.css.map */