.sf-switch{position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:3;display:inline-flex;align-items:stretch;gap:5px;background:#fff;border:1px solid var(--brand-line, #d6e6f7);border-radius:15px;padding:5px;margin:0;box-shadow:0 12px 30px -22px #0f162859}#studio .wrap{text-align:center}#studio .wrap .sf-stage{text-align:left}.sf-switch button{font-family:"Space Grotesk",inherit;background:none;border:none;cursor:pointer;border-radius:11px;padding:9px 16px;color:#5b6b82;transition:all .25s;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:138px}.sf-switch button .sf-name{font-size:13.5px;font-weight:800;letter-spacing:-.01em;line-height:1.2}.sf-switch button .sf-tag{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;opacity:.75;line-height:1.2}.sf-switch button:hover{color:var(--ink, #0a0f1a)}.sf-switch button.active{color:#fff;box-shadow:0 10px 26px -12px #00000080}.sf-switch button[data-face=studio].active{background:linear-gradient(135deg,#0e9f7e,#0b6f5a)}.sf-switch button[data-face=managed].active{background:linear-gradient(135deg,#2d8cf0,#1660a0)}.sf-switch button:focus-visible{outline:2px solid var(--brand, #1e72b8);outline-offset:2px}.sf-stage .hx-studio{padding-top:94px}.sf-hint{display:none!important}.sf-stage{perspective:2600px;margin:30px 0 0;transition:height .8s cubic-bezier(.5,.05,.2,1);position:relative}.sf-card3d{position:relative;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.5,.05,.2,1);will-change:transform}.sf-card3d.flipped{transform:rotateY(180deg)}.sf-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.sf-front{position:relative}.sf-back{position:absolute;top:0;left:0;width:100%;transform:rotateY(180deg)}.sf-face.off{pointer-events:none}.sf-flipto{display:inline-flex;align-items:center;gap:8px;background:none;border:1.4px solid var(--brand-line, #d6e6f7);color:var(--brand, #1e72b8);font-family:inherit;font-size:12.5px;font-weight:800;border-radius:999px;padding:10px 16px;cursor:pointer;transition:all .2s;align-self:center}.sf-flipto svg{width:14px;height:14px}.sf-flipto:hover{border-color:var(--brand, #1e72b8);background:var(--brand-tint, #eaf3fc);transform:translateY(-1px)}.sf-flipto:focus-visible{outline:2px solid var(--brand, #1e72b8);outline-offset:2px}.sf-managed .hx-new.sf-new-m{background:#2d8cf01a;border-color:#2d8cf052;color:#1660a0}.sf-managed .hx-device .hd-bar .icn{color:#8fc7ff}.sf-managed .hx-meter i{background:linear-gradient(90deg,#1e72b8,#8fc7ff)}.sf-managed .hx-device.in .hx-meter i{width:80%}@media(max-width:640px){.sf-switch{width:calc(100% - 28px)}.sf-switch button{flex:1 1 0;min-width:0;padding:9px 8px}.sf-switch button .sf-name{font-size:12.5px}.sf-switch button .sf-tag{font-size:9.5px}.sf-stage .hx-studio{padding-top:88px}}@media(prefers-reduced-motion:reduce){.sf-stage,.sf-card3d,.sf-flipto,.sf-switch button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/rockkt-studio-flip-v2.css.map */