.cc-frameswitch{position:fixed;left:0;right:0;bottom:calc(1rem + env(safe-area-inset-bottom,0px));z-index:40;display:flex;justify-content:center;padding-inline:1rem;pointer-events:none}.cc-frameswitch__caption{margin:0 0 .4rem;font-size:1.1rem;letter-spacing:.06em;color:#11110f9e;text-align:center;pointer-events:none;max-width:100%;text-wrap:balance}.cc-frameswitch__pill{pointer-events:auto;display:flex;flex-direction:column;align-items:center;padding:.5rem .7rem .4rem;border:1px solid rgba(17,17,15,.08);border-radius:1.6rem;background:#ffffffdb;-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);box-shadow:0 1px 2px #11110f0f,0 8px 24px #11110f1a;max-width:100%}.cc-frameswitch__set{pointer-events:auto;display:flex;align-items:center;gap:.15rem;margin:0;padding:0;border:0;background:none;box-shadow:none;max-width:100%;overflow-x:auto;scrollbar-width:none}.cc-frameswitch__set::-webkit-scrollbar{display:none}.cc-frameswitch__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.cc-frameswitch__opt{display:inline-flex;align-items:center;gap:.46rem;flex:0 0 auto;padding:.52rem .92rem;border-radius:999px;cursor:pointer;font-size:1.2rem;letter-spacing:.01em;line-height:1;color:#4a463e;white-space:nowrap;transition:background-color .18s ease,color .18s ease}.cc-frameswitch__opt:hover{background:#11110f0d}.cc-frameswitch__input:checked+.cc-frameswitch__opt{background:#11110f;color:#faf9f7}.cc-frameswitch__input:focus-visible+.cc-frameswitch__opt{outline:2px solid #11110f;outline-offset:2px}.cc-frameswitch__dot{width:.72rem;height:.72rem;border-radius:50%;flex:0 0 auto;box-shadow:inset 0 0 0 1px #11110f38}.cc-frameswitch__dot--photo{background:linear-gradient(170deg,#9ab7c4 0 42%,#c8b394 42% 100%);box-shadow:inset 0 0 0 1px #11110f38}.cc-frameswitch__dot--blk{background:#1a1a18}.cc-frameswitch__dot--wht{background:#f6f5f1}.cc-frameswitch__dot--nat{background:#c99f68}.cc-frameswitch__dot--un{background:#fdfcf9;box-shadow:inset 0 0 0 1px #11110f59}.cc-frameswitch__dot--room{background:linear-gradient(#2a2724,#2a2724) center / 36% 46% no-repeat,linear-gradient(165deg,#efe7da 0 60%,#d7cab6 60% 100%);box-shadow:inset 0 0 0 1px #11110f38}.cc-frameswitch__input:checked+.cc-frameswitch__opt .cc-frameswitch__dot{box-shadow:inset 0 0 0 1px #faf8f480}.cc-card__img{transition:transform .25s cubic-bezier(.22,1,.36,1),opacity .22s ease}.cc-card__img.is-frameswapping{opacity:0}@media(prefers-reduced-motion:reduce){.cc-frameswitch__opt,.cc-card__img{transition:none}.cc-card__img.is-frameswapping{opacity:1}}@media(max-width:749px){.cc-frameswitch__opt{padding:.45rem .65rem;font-size:1.2rem}.cc-frameswitch__opt .cc-frameswitch__dot{width:.9rem;height:.9rem}.cc-frameswitch__opt .cc-frameswitch__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}}.cc-frameswitch__opt{min-height:2.4rem;min-width:2.4rem;justify-content:center}.cc-frameswitch--inline{position:static;display:block;padding:0;margin:2rem 0 0;border:0;pointer-events:auto}.cc-frameswitch--inline .cc-frameswitch__pill{position:relative;display:inline-flex;flex-direction:row;align-items:center;gap:.2rem;padding:.4rem;border:1px solid rgba(17,17,15,.14);border-radius:999px;background:var(--cc-bg, #fafaf8)}.cc-frameswitch--inline .cc-frameswitch__thumb{position:absolute;top:.4rem;bottom:.4rem;left:0;width:0;border-radius:999px;background:var(--cc-fg, #11110f);transition:transform .26s cubic-bezier(.22,1,.36,1),width .26s cubic-bezier(.22,1,.36,1);pointer-events:none}.cc-frameswitch--inline .cc-frameswitch__opt{position:relative;z-index:1;border-radius:999px;background:transparent}.cc-frameswitch--inline .cc-frameswitch__input:checked+.cc-frameswitch__opt{background:transparent;color:var(--cc-bg, #fafaf8)}.cc-frameswitch--inline .cc-frameswitch__input:focus-visible+.cc-frameswitch__opt{outline:2px solid var(--cc-fg, #11110f);outline-offset:2px}@media(prefers-reduced-motion:reduce){.cc-frameswitch--inline .cc-frameswitch__thumb{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/126/assets/cc-frame-switch.css.map */