.ck_audio_tile{--ckat-accent: #e0a040;--ckat-control: #ffffff;--ckat-btn: 48px;--ckat-overlay: 0.6;--ckat-pos: center;--ckat-track: rgba(255, 255, 255, 0.18);--ckat-radius: 14px;position:relative;isolation:isolate;overflow:hidden;border-radius:var(--ckat-radius);background-color:#17181c;color:var(--ckat-control);padding:18px;min-height:168px;display:flex;flex-direction:column;justify-content:flex-end;box-sizing:border-box}.ck_audio_tile__bg{position:absolute;inset:0;z-index:-1;background-size:cover;background-position:var(--ckat-pos);background-repeat:no-repeat}.ck_audio_tile__bg canvas.ck_audio_tile__wave{position:absolute;inset:0;width:100%;height:100%;display:block}.ck_audio_tile__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(11, 11, 13, calc(var(--ckat-overlay) * 0.15)) 0%, rgba(11, 11, 13, calc(var(--ckat-overlay) * 0.7)) 55%, rgba(11, 11, 13, var(--ckat-overlay)) 100%)}.ck_audio_tile__inner{display:flex;flex-direction:column;gap:14px;width:100%}.ck_audio_tile__title{margin:0;padding:0;text-wrap:balance}.ck_audio_tile__subtitle{margin:3px 0 0}.ck_audio_tile__subtitle:empty{display:none}.ck_audio_tile__controls{display:flex;align-items:center;gap:12px;min-height:var(--ckat-btn)}.ck_audio_tile__audio{display:none}.ck_audio_tile__play{position:relative;flex:none;width:var(--ckat-btn);height:var(--ckat-btn);border-radius:50%;border:0;padding:0;margin:0;cursor:pointer;background:rgba(255,255,255,.1);color:var(--ckat-control);display:grid;place-items:center;transition:background .2s ease,transform .15s ease;-webkit-appearance:none;appearance:none;line-height:0}.ck_audio_tile__play:hover{background:rgba(255,255,255,.18)}.ck_audio_tile__play:active{transform:scale(0.94)}.ck_audio_tile__play:focus-visible{outline:2px solid var(--ckat-accent);outline-offset:3px}.ck_audio_tile__ring{position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);transform:rotate(-90deg);pointer-events:none;overflow:visible}.ck_audio_tile__ring-track{fill:none;stroke:var(--ckat-track);stroke-width:2.5}.ck_audio_tile__ring-fill{fill:none;stroke:var(--ckat-accent);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:157.08;stroke-dashoffset:157.08}.ck_audio_tile__icon{position:absolute;width:calc(var(--ckat-btn)*.375);height:calc(var(--ckat-btn)*.375);fill:currentColor;transition:opacity .18s ease,transform .18s ease}.ck_audio_tile__icon--play{transform:translateX(4%) scale(1);opacity:1}.ck_audio_tile__icon--pause{transform:scale(0.6);opacity:0}.ck_audio_tile.is-playing .ck_audio_tile__icon--play{transform:scale(0.6);opacity:0}.ck_audio_tile.is-playing .ck_audio_tile__icon--pause{transform:scale(1);opacity:1}.ck_audio_tile__bar{flex:1;display:none;align-items:center;min-width:40px}.ck_audio_tile--progress-bar .ck_audio_tile__bar{display:flex}.ck_audio_tile--progress-bar .ck_audio_tile__ring{display:none}.ck_audio_tile--progress-bar .ck_audio_tile__play{background:var(--ckat-accent);color:#14100a}.ck_audio_tile--progress-bar .ck_audio_tile__play:hover{filter:brightness(1.1)}.ck_audio_tile input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:18px;margin:0;padding:0;background:rgba(0,0,0,0);cursor:pointer;--ckat-p: 0%;border:0;box-shadow:none}.ck_audio_tile input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(90deg, var(--ckat-accent) var(--ckat-p), var(--ckat-track) var(--ckat-p))}.ck_audio_tile input[type=range]::-moz-range-track{height:3px;border-radius:3px;background:linear-gradient(90deg, var(--ckat-accent) var(--ckat-p), var(--ckat-track) var(--ckat-p))}.ck_audio_tile input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;border:0;background:var(--ckat-control);margin-top:-4px;opacity:0;transition:opacity .15s ease}.ck_audio_tile input[type=range]::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:var(--ckat-control);opacity:0;transition:opacity .15s ease}.ck_audio_tile input[type=range]:hover::-webkit-slider-thumb,.ck_audio_tile input[type=range]:focus-visible::-webkit-slider-thumb{opacity:1}.ck_audio_tile input[type=range]:hover::-moz-range-thumb,.ck_audio_tile input[type=range]:focus-visible::-moz-range-thumb{opacity:1}.ck_audio_tile input[type=range]:focus{outline:none}.ck_audio_tile__time{font-family:"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;font-size:13px;font-variant-numeric:tabular-nums;opacity:.8;white-space:nowrap}.ck_audio_tile--time-off .ck_audio_tile__time{display:none}.ck_audio_tile--progress-ring .ck_audio_tile__time{flex:1}.ck_audio_tile__vol{display:none;align-items:center;gap:6px;margin-left:auto}.ck_audio_tile--volume-on .ck_audio_tile__vol{display:flex}.ck_audio_tile__mute{-webkit-appearance:none;appearance:none;border:0;background:rgba(0,0,0,0);color:var(--ckat-control);opacity:.75;padding:4px;margin:0;cursor:pointer;display:grid;place-items:center;border-radius:6px;line-height:0}.ck_audio_tile__mute:hover{opacity:1}.ck_audio_tile__mute:focus-visible{outline:2px solid var(--ckat-accent)}.ck_audio_tile__mute svg{width:18px;height:18px}.ck_audio_tile__speaker{fill:currentColor}.ck_audio_tile__wave{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;transition:opacity .15s ease}.ck_audio_tile.is-muted .ck_audio_tile__wave{opacity:.25}.ck_audio_tile__vol input[type=range]{width:56px}.ck_audio_tile--layout-row{min-height:0;justify-content:center}.ck_audio_tile--layout-row .ck_audio_tile__inner{flex-direction:row;align-items:center;gap:16px}.ck_audio_tile--layout-row .ck_audio_tile__text{order:2;flex:1;min-width:0}.ck_audio_tile--layout-row .ck_audio_tile__controls{order:1;flex:none;gap:12px}.ck_audio_tile--layout-row.ck_audio_tile--progress-bar .ck_audio_tile__controls{order:3;flex:1 1 40%}.ck_audio_tile--layout-row.ck_audio_tile--progress-bar .ck_audio_tile__text{flex:0 1 auto}.ck_audio_tile--layout-row.ck_audio_tile--progress-ring .ck_audio_tile__time{flex:none}@media(max-width: 767px){.ck_audio_tile--layout-row .ck_audio_tile__inner{flex-wrap:wrap}.ck_audio_tile--layout-row.ck_audio_tile--progress-bar .ck_audio_tile__controls{flex-basis:100%}}@media(prefers-reduced-motion: reduce){.ck_audio_tile,.ck_audio_tile *{transition:none !important}}
