.sd-gcc{--gcc-blur:28px;--gcc-x:50%;--gcc-y:0%;--gcc-ink:#fff;--gcc-ink-2:#ffffffb8;--gcc-glass:#ffffff24;--gcc-glass-strong:#ffffff38;--gcc-edge:#ffffff47;--gcc-on:#fff;--gcc-on-ink:#0b0b0b;color:var(--gcc-ink);-webkit-font-smoothing:antialiased;grid-template-rows:96px 96px;grid-template-columns:repeat(4,84px);gap:12px;font-family:inherit;display:grid}.sd-gcc--smoke{--gcc-glass:#10101261;--gcc-glass-strong:#10101280;--gcc-edge:#ffffff29}.gcc-tile{background:var(--gcc-glass);-webkit-backdrop-filter:blur(var(--gcc-blur)) saturate(170%);backdrop-filter:blur(var(--gcc-blur)) saturate(170%);box-shadow:inset 0 0 0 1px var(--gcc-edge), inset 0 1px 0 #ffffff59, 0 18px 40px -18px #00000073;isolation:isolate;border-radius:26px;position:relative;overflow:hidden}.gcc-tile:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(220px circle at var(--gcc-x) var(--gcc-y), #ffffff2e, transparent 60%);opacity:0;transition:opacity .4s;position:absolute;inset:-1px}.sd-gcc:hover .gcc-tile:before{opacity:1}.gcc-toggles{grid-area:span 2/span 2;grid-template-columns:1fr 1fr;place-items:center;padding:14px;display:grid}.gcc-round{background:var(--gcc-glass-strong);width:60px;height:60px;color:var(--gcc-ink);cursor:pointer;border:0;border-radius:999px;place-items:center;transition:background-color .26s,color .26s,transform .36s cubic-bezier(.34,1.56,.64,1);display:grid}.gcc-round svg{width:24px;height:24px}.gcc-round:hover{transform:scale(1.04)}.gcc-round:active{transform:scale(.94)}.gcc-round[data-on]{background:var(--gcc-on);color:var(--gcc-on-ink)}.gcc-round:focus-visible,.gcc-icon-btn:focus-visible,.gcc-vslider:focus-visible{outline-offset:3px;outline:2px solid #fff}.gcc-music{grid-column:span 2;grid-template-rows:auto auto;grid-template-columns:40px minmax(0,1fr);align-items:center;column-gap:10px;padding:12px 14px 10px;display:grid}.gcc-music__art{background:linear-gradient(140deg,#ff6a55,#f4bb58) 50%/cover;border-radius:11px;width:40px;height:40px;box-shadow:inset 0 0 0 1px #fff3}.gcc-music__meta{min-width:0}.gcc-music__title,.gcc-music__artist{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.gcc-music__title{letter-spacing:-.01em;font-size:14px;font-weight:600}.gcc-music__artist{color:var(--gcc-ink-2);font-size:12.5px}.gcc-music__controls{grid-column:span 2;justify-content:center;gap:18px;margin-top:8px;display:flex}.gcc-icon-btn{width:28px;height:28px;color:var(--gcc-ink);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .2s;display:grid}.gcc-icon-btn svg{width:18px;height:18px}.gcc-icon-btn--main svg{width:22px;height:22px}.gcc-icon-btn:hover{transform:scale(1.1)}.gcc-icon-btn:active{transform:scale(.9)}.gcc-vslider{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:flex-end;padding-bottom:14px;display:flex}.gcc-vslider__fill{height:var(--gcc-v);z-index:-1;background:#ffffffeb;transition:height .12s ease-out;position:absolute;inset:auto 0 0}.gcc-vslider__icon{width:22px;height:22px;color:var(--gcc-on-ink);mix-blend-mode:normal;display:grid}.gcc-vslider.is-low .gcc-vslider__icon{color:var(--gcc-ink)}.gcc-vslider__icon svg{width:100%;height:100%}@media (prefers-reduced-motion:reduce){.sd-gcc *,.sd-gcc :before{transition-duration:1ms!important}}
