@property --scp-arc{syntax: "<angle>"; inherits: false; initial-value: 360deg;}.scp-slide[hidden],.scp-thumb[hidden],.scp-gallery__nav[hidden],.scp-gallery__count[hidden],.scp-gallery__badge[hidden]{display:none!important}.scp-morph{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;--scp-glow: #ffd9a6}.scp-morph img{display:block;width:100%;height:100%;object-fit:cover}.scp-morph--wave img{-webkit-mask-image:radial-gradient(circle at 50% 56%,#000 0px,transparent 0px);mask-image:radial-gradient(circle at 50% 56%,#000 0px,transparent 0px)}.scp-morph--fade{opacity:0}.scp-morph__ring{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;mix-blend-mode:screen;filter:blur(1.5px)}.scp-morph--fade .scp-morph__ring{display:none}.scp-morph.is-leaving{opacity:0;transition:opacity .18s ease}.scp-morph__gleam{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none;--scp-glow: #ffd9a6}.scp-morph__gleam:before{content:"";position:absolute;top:-25%;bottom:-25%;left:-55%;width:42%;background:linear-gradient(100deg,transparent 0%,color-mix(in srgb,var(--scp-glow) 30%,transparent) 38%,rgba(255,255,255,.55) 50%,color-mix(in srgb,var(--scp-glow) 30%,transparent) 62%,transparent 100%);mix-blend-mode:screen;opacity:.75;transform:skew(-14deg);animation:scpGleam 1s cubic-bezier(.35,.1,.25,1) forwards}@keyframes scpGleam{to{transform:skew(-14deg) translate(420%)}}.scp-gallery.is-morphing .scp-gallery__nav,.scp-gallery.is-morphing .scp-thumb{pointer-events:none}@keyframes scpThumbIn{0%{opacity:0;transform:translateY(8px) scale(.92)}}.scp-thumb.is-entering{animation:scpThumbIn .5s cubic-bezier(.2,.7,.2,1) backwards}@keyframes scpTextIn{0%{opacity:0;transform:translateY(8px)}}.scp-gallery__badge{transition:opacity .16s ease,transform .16s ease}.scp-gallery__badge.is-out,.scp-finish__current.is-out{opacity:0;transform:translateY(-6px)}.scp-gallery__badge.is-in,.scp-finish__current.is-in{animation:scpTextIn .34s cubic-bezier(.2,.7,.2,1)}.scp-finish{border:0;padding:0;margin:0;min-width:0}.scp-finish__legend{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;width:100%;margin:0 0 12px;padding:0;font-size:14px;line-height:1.3}.scp-finish__label{color:var(--scp-soft);font-weight:500}.scp-finish__current{display:inline-block;color:var(--scp-fg);font-weight:600;transition:opacity .16s ease,transform .16s ease}.scp-finish__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px}.scp-finish__opt{position:relative;display:block;cursor:pointer;-webkit-tap-highlight-color:transparent}.scp-finish__opt input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.scp-finish__card{position:relative;display:flex;align-items:center;gap:12px;height:100%;min-height:76px;padding:12px 14px;border:1px solid var(--scp-rule);border-radius:var(--scp-r);background:var(--scp-card);color:var(--scp-fg);overflow:hidden;isolation:isolate;transition:border-color .2s ease,box-shadow .25s ease,background-color .25s ease,color .25s ease,transform .2s ease}.scp-finish__opt:hover .scp-finish__card{border-color:color-mix(in srgb,var(--scp-ink) 35%,var(--scp-rule))}.scp-finish__opt:active .scp-finish__card{transform:scale(.985)}.scp-finish__opt input:focus-visible+.scp-finish__card{outline:2px solid var(--scp-accent);outline-offset:3px}.scp-finish__opt input:checked+.scp-finish__card{border-color:var(--scp-ink);box-shadow:inset 0 0 0 1px var(--scp-ink)}.scp-finish__card:before{content:"";position:absolute;top:0;bottom:0;left:-45%;z-index:1;width:32%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skew(-18deg);opacity:0;pointer-events:none}.scp-finish__opt.is-picked .scp-finish__card:before{animation:scpCardGleam .9s ease .08s both}@keyframes scpCardGleam{0%{left:-45%;opacity:0}15%{opacity:1}to{left:125%;opacity:0}}.scp-finish__text{position:relative;z-index:1;display:grid;gap:3px;min-width:0}.scp-finish__name{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:15px;font-weight:600;line-height:1.25}.scp-finish__note{font-size:12.5px;line-height:1.35;color:var(--scp-soft);transition:color .25s ease}.scp-finish__tag{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;background:var(--scp-ink);color:#fff;font-size:10px;font-style:normal;font-weight:700;line-height:1;letter-spacing:.08em;text-transform:uppercase}.scp-finish__tag.is-muted{background:var(--scp-well);color:var(--scp-soft)}.scp-finish__opt.is-soldout .scp-finish__name>span{text-decoration:line-through;color:var(--scp-soft)}.scp-finish__orb{position:relative;z-index:1;flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:var(--scp-orb, radial-gradient(circle at 32% 28%, #ffffff 0%, #d9d4cd 45%, #a39b90 100%));box-shadow:inset -4px -6px 10px #00000052,inset 3px 4px 8px #ffffff38,0 3px 8px #1717172e}.scp-finish__orb i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden}.scp-finish__orb i:after{content:"";position:absolute;top:-30%;left:-90%;width:55%;height:160%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:rotate(22deg)}.scp-finish__opt:hover .scp-finish__orb i:after,.scp-finish__opt.is-picked .scp-finish__orb i:after{animation:scpOrbSheen .9s ease}@keyframes scpOrbSheen{to{left:150%}}.scp-finish__orb:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;background:conic-gradient(from -90deg,var(--scp-ring, var(--scp-ink)) var(--scp-arc),transparent 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));opacity:0;transition:opacity .2s ease}.scp-finish__opt input:checked+.scp-finish__card .scp-finish__orb:before{opacity:1}.scp-finish__opt.is-picked .scp-finish__orb:before{animation:scpArc .75s cubic-bezier(.3,.7,.2,1) both}@keyframes scpArc{0%{--scp-arc: 0deg}to{--scp-arc: 360deg}}.scp-finish__opt.is-picked .scp-finish__orb{animation:scpPop .55s cubic-bezier(.3,1.6,.5,1)}@keyframes scpPop{0%{transform:scale(1)}35%{transform:scale(.86)}to{transform:scale(1)}}.scp-finish--bronze .scp-finish__orb{--scp-ring: #8c5a2b;background:radial-gradient(circle at 32% 28%,#ffe9c4,#e0a964 16%,#a86c32 40%,#6b4019 68%,#3a220c)}.scp-finish--bronze input:checked+.scp-finish__card{border-color:#8c5a2b;background:radial-gradient(130% 150% at 0% 0%,#fffaf3,#f7ecdf 58%,#f0e1cd);box-shadow:inset 0 0 0 1px #8c5a2b,0 12px 28px -16px #8c5a2b80}.scp-finish--bronze .scp-finish__tag{background:#8c5a2b}.scp-finish--black .scp-finish__orb{--scp-ring: #c9d4ff;background:radial-gradient(circle at 70% 64%,#6f8cff 0 1px,transparent 1.7px),radial-gradient(circle at 38% 74%,#4a6bff 0 .8px,transparent 1.5px),radial-gradient(circle at 62% 30%,#8ea4ff 0 .8px,transparent 1.5px),radial-gradient(circle at 24% 46%,#3f5fe8 0 .9px,transparent 1.6px),radial-gradient(circle at 80% 42%,#3a59df 0 .7px,transparent 1.4px),radial-gradient(circle at 50% 54%,#6684ff 0 .7px,transparent 1.4px),radial-gradient(circle at 30% 26%,#6b7184,#23262f 26%,#0c0d11 62%,#000)}.scp-finish--black .scp-finish__tag{background:linear-gradient(135deg,#141a30,#3550c4)}.scp-finish--black input:checked+.scp-finish__card{border-color:#0d0e12;background:radial-gradient(130% 160% at 0% 0%,#262a35,#0f1015 55%,#050507);box-shadow:inset 0 0 0 1px #ffffff12,0 14px 30px -14px #0c123499;color:#f3f5fb}.scp-finish--black input:checked+.scp-finish__card .scp-finish__note{color:#aab3c8}.scp-finish--black input:checked+.scp-finish__card .scp-finish__tag{background:#ffffff1f;color:#dfe6ff;box-shadow:inset 0 0 0 1px #fff3}.scp-finish--black input:checked+.scp-finish__card .scp-finish__orb{box-shadow:inset -4px -6px 10px #00000080,inset 3px 4px 8px #ffffff1f,0 0 0 1px #ffffff14,0 4px 14px #4664ff47}.scp-finish--black input:checked+.scp-finish__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle at 5% 18%,rgba(130,160,255,.95) 0 1px,transparent 1.6px),radial-gradient(circle at 42% 93%,rgba(110,140,255,.85) 0 .9px,transparent 1.5px),radial-gradient(circle at 74% 7%,rgba(160,182,255,.9) 0 1px,transparent 1.6px),radial-gradient(circle at 96% 70%,rgba(100,130,255,.85) 0 .9px,transparent 1.5px),radial-gradient(circle at 93% 22%,rgba(140,165,255,.7) 0 .8px,transparent 1.4px),radial-gradient(circle at 8% 86%,rgba(120,150,255,.75) 0 .8px,transparent 1.4px);animation:scpTwinkle 2.8s ease-in-out infinite}@keyframes scpTwinkle{0%,to{opacity:.35}50%{opacity:1}}.scp-finish--gold .scp-finish__orb{--scp-ring: #a67c1e;background:radial-gradient(circle at 32% 28%,#fff6d1,#f1cf6b 20%,#c9962a 50%,#7d5a12 85%)}.scp-finish--silver .scp-finish__orb{--scp-ring: #6b7280;background:radial-gradient(circle at 32% 28%,#fff,#e3e7ee 22%,#a9b0bb 55%,#5d636d)}.scp-finish--copper .scp-finish__orb{--scp-ring: #9a4a22;background:radial-gradient(circle at 32% 28%,#ffd9c2,#e48a5a 22%,#a5512a 55%,#5a2a12)}.scp-finish--ivory .scp-finish__orb{--scp-ring: #8a7f70;background:radial-gradient(circle at 32% 28%,#fff,#f6f1e7 40%,#d8cfbf)}.scp-finish__caption{display:none}@media(max-width:749px){.scp-finish__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.scp-finish__card{min-height:56px;padding:6px 12px 6px 8px;gap:9px;border-radius:999px}.scp-finish__opt:active .scp-finish__card{transform:scale(.97)}.scp-finish__card:before{width:40%}.scp-finish__orb{width:38px;height:38px}.scp-finish__orb:before{top:-4px;right:-4px;bottom:-4px;left:-4px}.scp-finish__text{gap:0}.scp-finish__note{display:none}.scp-finish__name{flex-direction:column;align-items:flex-start;gap:3px;font-size:14px;line-height:1.15;text-wrap:balance}.scp-finish__tag{padding:2px 6px;font-size:9px;letter-spacing:.1em}.scp-finish__caption{display:block;margin:10px 4px 0;font-size:13px;line-height:1.4;color:var(--scp-soft);transition:opacity .16s ease,transform .16s ease}.scp-finish__caption:empty{display:none}.scp-finish__caption.is-out{opacity:0;transform:translateY(-4px)}.scp-finish__caption.is-in{animation:scpTextIn .34s cubic-bezier(.2,.7,.2,1)}}@media(max-width:400px){.scp-finish__card{gap:8px;padding-inline-end:10px}.scp-finish__orb{width:36px;height:36px}.scp-finish__name{font-size:13.5px}}@media(max-width:380px){.scp-finish__card{gap:7px;padding:5px 10px 5px 6px}.scp-finish__orb{width:34px;height:34px}.scp-finish__name{font-size:13px}}@media(prefers-reduced-motion:reduce){.scp-finish *,.scp-finish *:before,.scp-finish *:after,.scp-gallery *,.scp-gallery *:before,.scp-gallery *:after{animation:none!important;transition-duration:.001ms!important}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/scp-finish.css.map */