.studioButton{--studio-control-cut:10px;--studio-control-edge:var(--cyan);--studio-control-fill:var(--cyan);--studio-arrow-color:var(--navy);min-height:50px;color:var(--ink);font:700 12px/1.4 var(--font);letter-spacing:.065em;text-transform:uppercase;background-color:var(--studio-control-fill);clip-path:polygon(0 0, calc(100% - var(--studio-control-cut)) 0, 100% var(--studio-control-cut), 100% 100%, var(--studio-control-cut) 100%, 0 calc(100% - var(--studio-control-cut)));backdrop-filter:none;background-image:linear-gradient(115deg,#ffffff6b,#0000 65%);border:0;border-radius:0;justify-content:space-between;align-items:center;gap:18px;padding:16px 23px;transition:color .2s,transform .2s,background-color .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden}.studioButton:before{--studio-control-corner-stroke:linear-gradient(45deg, transparent calc(50% - 1px), var(--studio-control-edge) calc(50% - 1px), var(--studio-control-edge) calc(50% + 1px), transparent calc(50% + 1px));content:"";pointer-events:none;border:1px solid var(--studio-control-edge);background-repeat:no-repeat;background-origin:border-box;background-size:var(--studio-control-cut) var(--studio-control-cut);background-position:100% 0,0 100%;background-image:var(--studio-control-corner-stroke), var(--studio-control-corner-stroke);position:absolute;inset:0}.studioButton:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:32%;transition:transform .5s;position:absolute;inset:-60% auto -60% -45%;transform:skew(-24deg)}.studioButton>svg{flex:none;transition:transform .2s}.studioButton:focus-visible{box-shadow:inset 0 0 0 2px var(--paper);outline:none}.studioButton:not(:disabled):active{transform:translateY(0)}.studioButton:disabled{opacity:.55;cursor:not-allowed}.studioButton--ghost{--studio-control-edge:#00bfff61;--studio-control-fill:#07121da6;--studio-arrow-color:var(--cyan);color:var(--paper);background-image:linear-gradient(115deg,#00bfff1a,#0000 65%)}.studioWorkFilterButton{clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));border-radius:0}.studioWorkFilterButton.isActive{background-image:linear-gradient(115deg,#ffffff59,#0000 65%)}.studioWorkFilterButton:focus-visible{box-shadow:inset 0 0 0 2px var(--paper);outline:none}@media (hover:hover) and (pointer:fine){.studioButton:not(:disabled):hover{background-color:#50d3ff;transform:translateY(-1px)}.studioButton:not(:disabled):hover:after{transform:translate(560%)skew(-24deg)}.studioButton:not(:disabled):hover>.studioIcon,.studioButton:not(:disabled):hover>.studioAccountArrow{transform:translate(2px,-2px)}.studioButton--ghost:not(:disabled):hover{--studio-control-edge:var(--cyan);background-color:#00bfff1f}}@media (prefers-reduced-motion:reduce){.studioButton,.studioButton:after,.studioButton>svg{transition:none}.studioButton:not(:disabled):hover,.studioButton:not(:disabled):active{transform:none}.studioButton:not(:disabled):hover:after{transform:skew(-24deg)}.studioButton:not(:disabled):hover>.studioIcon,.studioButton:not(:disabled):hover>.studioAccountArrow{transform:none}}