.controller{display:flex;align-items:center;justify-content:center;border-radius:800px;border-width:1px;border-color:#ffffff80;padding:16px;transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.controller:active:focus,.controller:active:hover{transform:scale(.97)}@media (hover:hover){.controller:hover{border-color:#00000080}}.controller:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(236 160 64/var(--tw-ring-opacity))}.controller-small{height:36px;width:36px;padding:2px}.controller-small svg{height:20px;width:20px}.controller-medium{height:64px;width:64px}.controller-large{height:80px;width:80px}