.sk-AppButton{cursor:pointer;white-space:nowrap}.sk-AppButton[data-type=plain]{background-color:var(--computed-background-color);border-radius:calc(var(--app-border-radius-size)/2);color:var(--app-on-primary);font-size:1rem;letter-spacing:.05em;padding:var(--app-size-5) var(--app-size-6);position:relative;text-transform:uppercase;transition:background-color 256ms}.sk-AppButton[data-type=plain]:after,.sk-AppButton[data-type=plain]:before{background-color:var(--app-on-primary);content:"";display:block;height:var(--app-size-1);position:absolute;top:50%;transition:transform 256ms;width:var(--app-size-1)}.sk-AppButton[data-type=plain]:before{left:0;transform:translate(-50%,-50%) rotate(45deg)}.sk-AppButton[data-type=plain]:after{right:0;transform:translate(50%,-50%) rotate(45deg)}.sk-AppButton[data-type=plain]:hover,.sk-AppButton[data-type=plain][data-is-hovered=true]{background-color:var(--computed-background-color-active)}.sk-AppButton[data-type=plain]:hover:before,.sk-AppButton[data-type=plain][data-is-hovered=true]:before{transform:translate(calc(-50% - var(--app-size-2)),-50%) rotate(45deg)}.sk-AppButton[data-type=plain]:hover:after,.sk-AppButton[data-type=plain][data-is-hovered=true]:after{transform:translate(calc(50% + var(--app-size-2)),-50%) rotate(45deg)}.sk-AppButton[data-type=plain][data-variant=primary]{--computed-background-color:var(--app-primary);--computed-background-color-active:var(--app-primary-active)}.sk-AppButton[data-type=plain][data-variant=primary-soft]{--computed-background-color:var(--app-primary-soft);--computed-background-color-active:var(--app-primary-soft-active)}.sk-AppWrapper{margin:0 auto;max-width:calc(var(--app-layout-wrapper-size) + var(--app-size-2)*2);padding:0 var(--app-size-2);width:100%}