cg-skin{--cg-skin-light: #E53B2F;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:1rem;row-gap:.35rem;position:relative;color:var(--fg);-webkit-tap-highlight-color:transparent}cg-skin:not(:defined){display:block;aspect-ratio:4 / 3}.cg-skin__view{position:relative;grid-column:1 / -1;width:100%;aspect-ratio:4 / 3;background:radial-gradient(ellipse 62% 78% at var(--cg-skin-cx, 40%) var(--cg-skin-cy, 45%),var(--cg-skin-studio, transparent),transparent);background-size:100% 100%}html[data-mode=dark] cg-skin{--cg-skin-studio: rgba(255, 214, 204, .085)}html[data-mode=light] cg-skin{--cg-skin-studio: rgba(255, 255, 255, .7)}cg-skin[data-layout=narrow] .cg-skin__view{aspect-ratio:1 / 1}.cg-skin__cv,.cg-skin__lead{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.cg-skin__lead{pointer-events:none;overflow:visible}.cg-skin__lead path{fill:none;stroke:var(--fg-2);stroke-width:1;opacity:.5;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1s cubic-bezier(.22,.8,.2,1),opacity .5s,stroke .5s}.cg-skin__lead.is-in path{stroke-dashoffset:0}.cg-skin__lead path.is-active{stroke:var(--fg);opacity:.9}.cg-skin__lead circle{fill:var(--bg);stroke:var(--fg);stroke-width:1.2;opacity:0;transition:opacity .5s .3s}.cg-skin__lead.is-in circle{opacity:.8}.cg-skin__lead.is-in circle.is-active{fill:var(--cg-skin-light);stroke:var(--bg);opacity:1}.cg-skin__badge{position:absolute;display:none;place-items:center;width:20px;height:20px;border-radius:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:750;line-height:1;color:#2a1a1c;background:var(--sw);box-shadow:0 0 0 1.5px var(--bg)}cg-skin[data-layout=narrow] .cg-skin__badge{display:grid}.cg-skin__badge.is-active{box-shadow:0 0 0 1.5px var(--bg),0 0 0 3px var(--cg-skin-light)}.cg-skin__labels{list-style:none;margin:0;padding:0}cg-skin[data-layout=wide] .cg-skin__labels{position:absolute;top:0;left:0}cg-skin[data-layout=wide] .cg-skin__label{position:absolute;left:0;right:0}.cg-skin__label{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.65rem;align-items:start;padding:.5rem .7rem;border-radius:.9rem;opacity:0;transform:translate3d(10px,0,0);transition:opacity .6s,transform .8s cubic-bezier(.22,.8,.2,1),background-color .5s}.cg-skin__label.is-in{opacity:.6;transform:none}.cg-skin__label.is-in.is-active{opacity:1;background:color-mix(in srgb,var(--cg-skin-light) 9%,transparent)}.cg-skin__sw{width:.75rem;height:.75rem;margin-top:.3em;border-radius:50%;background:var(--sw);box-shadow:0 0 0 1px var(--line);font-size:0;color:transparent;transition:box-shadow .5s}.cg-skin__label.is-active .cg-skin__sw{box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px var(--cg-skin-light)}.cg-skin__txt{display:block;min-width:0}.cg-skin__name{display:block;font-size:1rem;font-weight:700;line-height:1.3}.cg-skin__desc{display:block;margin-top:.1rem;font-size:.86rem;line-height:1.4;color:var(--fg-2)}.cg-skin__reach{display:flex;flex-wrap:wrap;align-items:center;justify-self:start;column-gap:.5rem;row-gap:.15rem;margin:0;padding:.5rem 1rem .5rem .8rem;border-radius:999px;font-size:.98rem;line-height:1.35;color:var(--fg-2);background:color-mix(in srgb,var(--cg-skin-light) 9%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cg-skin-light) 28%,var(--line));transition:background-color .6s,box-shadow .6s}.cg-skin__reach-name{color:var(--fg);font-weight:750}.cg-skin__dot{flex:none;width:.62rem;height:.62rem;border-radius:50%;background:var(--cg-skin-light);box-shadow:0 0 0 3px color-mix(in srgb,var(--cg-skin-light) 25%,transparent);transition:background-color .6s,box-shadow .6s}.cg-skin__reach.is-swap .cg-skin__reach-name{animation:cg-skin-swap .6s cubic-bezier(.22,.8,.2,1)}@keyframes cg-skin-swap{0%{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:none}}.cg-skin__reach-name{display:inline-block}.cg-skin__note{margin:0;font-size:.74rem;letter-spacing:.02em;color:var(--fg-2);opacity:.85;text-align:right}cg-skin[data-layout=narrow]{grid-template-columns:minmax(0,1fr);row-gap:.6rem}cg-skin[data-layout=narrow] .cg-skin__view{order:0}cg-skin[data-layout=narrow] .cg-skin__reach{order:1;border-radius:1rem}cg-skin[data-layout=narrow] .cg-skin__labels{order:2;display:grid;gap:.3rem}cg-skin[data-layout=narrow] .cg-skin__note{order:3;text-align:left;padding-inline:.2rem}cg-skin[data-layout=narrow] .cg-skin__label{padding:.5rem .6rem;transform:translate3d(0,8px,0)}cg-skin[data-layout=narrow] .cg-skin__label.is-in{transform:none}cg-skin[data-layout=narrow] .cg-skin__sw{display:grid;place-items:center;width:20px;height:20px;margin-top:0;font-size:11px;font-weight:750;line-height:1;color:#2a1a1c}cg-skin[data-layout=narrow] .cg-skin__name{font-size:.95rem}cg-skin[data-layout=narrow] .cg-skin__desc{font-size:.84rem}@media(prefers-reduced-motion:reduce){.cg-skin__label,.cg-skin__lead path,.cg-skin__lead circle{transition:none}.cg-skin__reach.is-swap .cg-skin__reach-name{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/cg-skin.css.map */