.cc-slot.cps{--card-h:var(--stage-h,min(62svh, 620px));--u:calc(var(--card-h) / 100);width:calc(var(--card-h) * var(--stage-ratio,1));height:var(--card-h);perspective:calc(var(--card-h) * 3.2);perspective-origin:50%}.cps .cps-card{cursor:default}.cps-content{gap:calc(var(--u) * 3.4);padding:calc(var(--u) * 6);transform:translateZ(calc(var(--u) * .05));color:#f3f5f8;flex-direction:column;display:flex;position:absolute;inset:0}.cps-index{font-size:calc(var(--u) * 2.3);letter-spacing:.06em;color:#e2ecf6cc;font-weight:300;line-height:1;display:block}.cps-window{border-radius:calc(var(--u) * 1.8);background:radial-gradient(52% 46% at 50% 47%, rgb(var(--ice) / calc(.09 * var(--inner-k))), transparent 74%);flex:1;min-height:0;position:relative;overflow:hidden}.cps .hs[data-size=large]{--hs-size:calc(var(--u) * 64)}.cps-temporary{object-fit:cover;object-position:50% 45%;width:100%;height:100%;filter:saturate(.85) contrast(1.14) brightness(1.24) drop-shadow(0 0 calc(var(--u) * .5) rgb(var(--ice) / .4));position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 50% 47%,#000 46%,#0000008c 70%,#0000 100%);mask-image:radial-gradient(70% 70% at 50% 47%,#000 46%,#0000008c 70%,#0000 100%)}
