.frame-group{transition:transform .1s ease-in-out}.frame-interactive-passive{transition:opacity 50ms ease-in-out}.group:not(:hover):not(.active):not(:active):not(:focus-visible) .frame-interactive-passive{opacity:0}:is(.group:not(:disabled):hover:not(.group:not(:disabled):not(.no-active):active):not(.active):not(label:focus-within),.group:not(:disabled):focus-visible) .frame-interactive{animation:frame-interactive-hover .3s linear}:is(:is(.group:not(:disabled):hover:not(.group:not(:disabled):not(.no-active):active):not(.active):not(label:focus-within),.group:not(:disabled):focus-visible) .frame-interactive) .frame-group{transition:transform .15s linear(0,1.5,1.5,1);transform:translate(var(--x-animation-size),var(--y-animation-size))}:is(:is(.group:not(:disabled):hover:not(.group:not(:disabled):not(.no-active):active):not(.active):not(label:focus-within),.group:not(:disabled):focus-visible) .frame-interactive) .frame-line.h-1{animation:frame-line-h-1 .15s linear}:is(:is(.group:not(:disabled):hover:not(.group:not(:disabled):not(.no-active):active):not(.active):not(label:focus-within),.group:not(:disabled):focus-visible) .frame-interactive) .frame-line.w-1{animation:frame-line-w-1 .15s linear}:is(:is(.group:not(:disabled):not(.no-active):active,.group.active:not(:disabled),.group:not(:disabled):is(label):focus-within):not(:is(.group:not(:disabled):not(.no-active):active,.group.active:not(:disabled),.group:not(:disabled):is(label):focus-within):is(label):focus-visible) .frame-interactive) .frame-group{transition:transform 50ms ease-in-out}:is(:is(.group:not(:disabled):not(.no-active):active,.group.active:not(:disabled),.group:not(:disabled):is(label):focus-within):not(:is(.group:not(:disabled):not(.no-active):active,.group.active:not(:disabled),.group:not(:disabled):is(label):focus-within):is(label):focus-visible) .frame-interactive) .frame-line.w-1{transition:transform 50ms ease-in-out;transform:scaleY(var(--pressed-scale-y))}.group:not(:disabled) .frame-focus-line{transition:transform .1s ease-in-out}:is(.group:not(:focus-visible) .frame-interactive) .frame-focus-line{transition:transform .25s linear}.w-1:is(:is(.group:not(:focus-visible) .frame-interactive) .frame-focus-line){transform:scaleY(0)}.h-1:is(:is(.group:not(:focus-visible) .frame-interactive) .frame-focus-line){transform:scaleX(0)}:is(.group:disabled .frame-interactive) .frame-group{transform:translate(var(--x-animation-direction),var(--y-animation-direction))}:is(.group:disabled .frame-interactive) .frame-line{background-color:var(--icon-disabled)}.w-1:is(:is(.group:disabled .frame-interactive) .frame-line){width:2px!important;height:2px!important}.h-1:is(:is(.group:disabled .frame-interactive) .frame-line){transform:scale(0)}@keyframes frame-line-h-1{0%{transform:scaleX(1)}33.3%,66.6%{transform:scaleX(.3)}to{transform:scaleX(1)}}@keyframes frame-line-w-1{0%{transform:scaleY(1)}33.3%,66.6%{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes frame-interactive-hover{0%{opacity:1}10%{opacity:.5}25%{opacity:.9}35%{opacity:.1}50%{opacity:.8}65%{opacity:.1}80%{opacity:.5}90%{opacity:0}to{opacity:1}}