.sky-cc{--sky-cyan: #3bc9db;--sky-bone: #f5f2ec;--sky-muted: #8a8a90;display:flex;flex-direction:column;background:linear-gradient(180deg,#f5f2ec0a,#f5f2ec04);border:1px solid rgba(245,242,236,.1);border-radius:14px;overflow:hidden;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;perspective:900px}.sky-cc:hover,.sky-cc:focus-within{transform:translateY(-4px);border-color:#3bc9db66;box-shadow:0 18px 50px #00000080,0 0 0 1px #3bc9db24}.sky-cc__media-link{display:block;text-decoration:none}.sky-cc__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:radial-gradient(120% 90% at 50% 20%,#171a24,#0d0f16 70%);transform-style:preserve-3d}.sky-cc__glow{position:absolute;top:12%;right:12%;bottom:8%;left:12%;border-radius:50%;background:radial-gradient(ellipse at center,#3bc9db38,#3bc9db00 65%);opacity:.5;transition:opacity .3s ease;pointer-events:none;z-index:0}.sky-cc:hover .sky-cc__glow{opacity:1}.sky-cc__media-inner{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;transform-style:preserve-3d;transition:transform .22s ease-out;will-change:transform}.sky-cc__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:translateZ(24px) scale(1.02);transition:transform .4s ease}.sky-cc__img--empty{background:#11131a}.sky-cc:hover .sky-cc__img{transform:translateZ(40px) scale(1.06)}.sky-cc__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .26s ease;transform:translateZ(30px);pointer-events:none;z-index:2}.sky-cc__video.is-playing{opacity:1}.sky-cc__spin-hint{position:absolute;right:10px;bottom:10px;z-index:3;display:inline-flex;align-items:center;gap:5px;padding:4px 9px;font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--sky-bone);background:#0b0b0c99;border:1px solid rgba(245,242,236,.18);border-radius:999px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.sky-cc__spin-hint svg{width:11px;height:11px}.sky-cc__badges{position:absolute;top:10px;left:10px;z-index:3;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.sky-cc__badge{padding:3px 9px;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#06121a;background:var(--sky-cyan);border-radius:3px;line-height:1.4}.sky-cc__badge--sale{background:#e5484d;color:#fff}.sky-cc__badge--best{background:var(--sky-cyan);color:#06121a}.sky-cc__badge--new{background:var(--sky-bone);color:#0b0b0c}.sky-cc__badge--ship{background:#0b0b0cb3;color:var(--sky-cyan);border:1px solid rgba(59,201,219,.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.sky-cc__badge--sold{position:absolute;top:10px;right:10px;z-index:3;background:#0b0b0cbf;color:var(--sky-bone);border:1px solid rgba(245,242,236,.25)}.sky-cc__add--options{display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--sky-bone)}.sky-cc__add--options:hover{background:var(--sky-cyan);border-color:var(--sky-cyan);color:#06121a}.sky-cc__body{display:flex;flex-direction:column;gap:6px;padding:15px 15px 17px;flex:1}.sky-cc__name{margin:0;font-size:15px;font-weight:600;line-height:1.3}.sky-cc__name a{color:var(--sky-bone);text-decoration:none}.sky-cc__name a:hover{color:var(--sky-cyan)}.sky-cc__benefit{margin:0;font-size:12.5px;line-height:1.45;color:var(--sky-muted)}.sky-cc__price{display:flex;align-items:baseline;gap:8px;font-size:15px;font-weight:700;color:var(--sky-bone);margin-top:2px}.sky-cc__price-sale{color:var(--sky-cyan)}.sky-cc__price-compare{font-size:12.5px;font-weight:400;color:var(--sky-muted)}.sky-cc__form{margin-top:auto;padding-top:10px}.sky-cc__add{position:relative;display:block;width:100%;padding:11px 14px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sky-bone);background:transparent;border:1px solid rgba(245,242,236,.25);border-radius:6px;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.sky-cc__add:hover,.sky-cc__add:focus-visible{background:var(--sky-cyan);border-color:var(--sky-cyan);color:#06121a}.sky-cc__add--disabled{opacity:.45;cursor:not-allowed;margin-top:auto}.sky-cc__add-label--loading,.sky-cc__add-label--done{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none}.sky-cc__add[data-state=loading] .sky-cc__add-label:first-child,.sky-cc__add[data-state=done] .sky-cc__add-label:first-child,.sky-cc__add[data-state=error] .sky-cc__add-label:first-child{opacity:0}.sky-cc__add[data-state=loading] .sky-cc__add-label--loading,.sky-cc__add[data-state=done] .sky-cc__add-label--done{opacity:1}.sky-cc-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,16px);padding:12px 22px;background:var(--sky-cyan, #3bc9db);color:#06121a;font-size:13px;font-weight:600;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease;z-index:60}.sky-cc-toast.is-visible{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){.sky-cc,.sky-cc__media-inner,.sky-cc__img,.sky-cc__video,.sky-cc__glow{transition:none}.sky-cc:hover{transform:none}.sky-cc:hover .sky-cc__img{transform:translateZ(0) scale(1.02)}.sky-cc__media-inner{transform:none!important}}.sky-cc.is-hidden{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/21/assets/skyyrizon-cinematic-card.css.map */