.elementor-6548 .elementor-element.elementor-element-af971b9{--display:flex;--min-height:499px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6548 .elementor-element.elementor-element-5f1a631{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6548 .elementor-element.elementor-element-5f1a631.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6548 .elementor-element.elementor-element-e8e088c > .elementor-widget-container{margin:0px 0px 0px 30px;}.elementor-6548 .elementor-element.elementor-element-e8e088c .elementor-heading-title{font-family:"PT Sans Narrow", Sans-serif;font-size:24px;color:#101010C4;}.elementor-6548 .elementor-element.elementor-element-6881750{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;}.elementor-6548 .elementor-element.elementor-element-6881750 > .elementor-widget-container{margin:0% 0% 0% 5%;padding:0% 0% 30% 0%;}.elementor-6548 .elementor-element.elementor-element-6881750.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6548 .elementor-element.elementor-element-6881750 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:42px;font-weight:800;text-transform:none;-webkit-text-stroke-color:#000;stroke:#000;color:#101010C4;}.elementor-6548 .elementor-element.elementor-element-b17c649{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;top:-57px;}body:not(.rtl) .elementor-6548 .elementor-element.elementor-element-b17c649{left:-113px;}body.rtl .elementor-6548 .elementor-element.elementor-element-b17c649{right:-113px;}.elementor-6548 .elementor-element.elementor-element-1325eb1{--grid-template-columns:repeat(1, auto);width:var( --container-widget-width, 4.3% );max-width:4.3%;--container-widget-width:4.3%;--container-widget-flex-grow:0;bottom:124px;z-index:15;--icon-size:26px;--grid-column-gap:0px;--grid-row-gap:0px;}.elementor-6548 .elementor-element.elementor-element-1325eb1 .elementor-widget-container{text-align:center;}.elementor-6548 .elementor-element.elementor-element-1325eb1 > .elementor-widget-container{background-color:#F8AA17;padding:10px 10px 10px 10px;}.elementor-6548 .elementor-element.elementor-element-1325eb1.elementor-element{--flex-grow:1;--flex-shrink:0;}body:not(.rtl) .elementor-6548 .elementor-element.elementor-element-1325eb1{right:0px;}body.rtl .elementor-6548 .elementor-element.elementor-element-1325eb1{left:0px;}.elementor-6548 .elementor-element.elementor-element-1325eb1 .elementor-social-icon{background-color:#02010100;}.elementor-6548 .elementor-element.elementor-element-1325eb1 .elementor-social-icon i{color:#FDFDFD;}.elementor-6548 .elementor-element.elementor-element-1325eb1 .elementor-social-icon svg{fill:#FDFDFD;}.elementor-6548 .elementor-element.elementor-element-1325eb1 .elementor-social-icon:hover{background-color:#000000B3;}.elementor-6548 .elementor-element.elementor-element-999c1b2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:8%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-6548 .elementor-element.elementor-element-0e022b9 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:19px;font-weight:600;text-transform:uppercase;}.elementor-6548 .elementor-element.elementor-element-642f909 > .elementor-widget-container{margin:1% 0% 0% 0%;}.elementor-6548 .elementor-element.elementor-element-642f909 .elementor-heading-title{color:#000000A3;}.elementor-6548 .elementor-element.elementor-element-742a9275{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:8%;--margin-bottom:8%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;}.elementor-6548 .elementor-element.elementor-element-59601f16{--grid-row-gap:80px;--grid-column-gap:60px;}.elementor-6548 .elementor-element.elementor-element-59601f16 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.8 * 100% );}.elementor-6548 .elementor-element.elementor-element-59601f16:after{content:"0.8";}.elementor-6548 .elementor-element.elementor-element-59601f16 .elementor-post__thumbnail__link{width:100%;}.elementor-6548 .elementor-element.elementor-element-59601f16 .elementor-post__meta-data span + span:before{content:"•";}.elementor-6548 .elementor-element.elementor-element-59601f16 .elementor-post__card{border-width:0px;}.elementor-6548 .elementor-element.elementor-element-59601f16 .elementor-post__text{padding:0 0px;margin-top:20px;}.elementor-6548 .elementor-element.elementor-element-59601f16 .elementor-post__meta-data{padding:10px 0px;}.elementor-6548 .elementor-element.elementor-element-59601f16 .elementor-post__avatar{padding-right:0px;padding-left:0px;}.elementor-6548 .elementor-element.elementor-element-59601f16 .elementor-post__title, .elementor-6548 .elementor-element.elementor-element-59601f16 .elementor-post__title a{color:#1C244B;font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-6548 .elementor-element.elementor-element-59601f16 .elementor-post__title{margin-bottom:8px;}.elementor-6548 .elementor-element.elementor-element-59601f16 .elementor-post__excerpt p{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0em;}.elementor-6548 .elementor-element.elementor-element-59601f16 .elementor-post__read-more{color:#467FF7;}.elementor-6548 .elementor-element.elementor-element-59601f16 a.elementor-post__read-more{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:italic;text-decoration:underline;line-height:1em;letter-spacing:0px;}.elementor-6548 .elementor-element.elementor-element-6122874{--display:flex;--min-height:188px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;}.elementor-6548 .elementor-element.elementor-element-6122874:not(.elementor-motion-effects-element-type-background), .elementor-6548 .elementor-element.elementor-element-6122874 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;}.elementor-6548 .elementor-element.elementor-element-c1de1ab{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:26px 26px;--row-gap:26px;--column-gap:26px;}.elementor-6548 .elementor-element.elementor-element-c1de1ab.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6548 .elementor-element.elementor-element-a929021.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6548 .elementor-element.elementor-element-a929021{text-align:center;}.elementor-6548 .elementor-element.elementor-element-a929021 .elementor-heading-title{font-size:65px;text-transform:uppercase;color:#0000007A;}.elementor-6548 .elementor-element.elementor-element-717ad63{--divider-border-style:solid;--divider-color:#0000007A;--divider-border-width:2px;width:var( --container-widget-width, 73% );max-width:73%;--container-widget-width:73%;--container-widget-flex-grow:0;}.elementor-6548 .elementor-element.elementor-element-717ad63.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6548 .elementor-element.elementor-element-717ad63 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-6548 .elementor-element.elementor-element-717ad63 .elementor-divider{text-align:center;padding-block-start:38px;padding-block-end:38px;}.elementor-6548 .elementor-element.elementor-element-a5ce92f{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-start;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-6548 .elementor-element.elementor-element-d89ec21{width:var( --container-widget-width, 26% );max-width:26%;--container-widget-width:26%;--container-widget-flex-grow:0;}.elementor-6548 .elementor-element.elementor-element-d89ec21.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6548 .elementor-element.elementor-element-d89ec21 img{max-width:46%;filter:brightness( 57% ) contrast( 189% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-6548 .elementor-element.elementor-element-eb06ef2{width:var( --container-widget-width, 26% );max-width:26%;--container-widget-width:26%;--container-widget-flex-grow:0;}.elementor-6548 .elementor-element.elementor-element-eb06ef2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6548 .elementor-element.elementor-element-eb06ef2 img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-6548 .elementor-element.elementor-element-1d42345{width:var( --container-widget-width, 26% );max-width:26%;--container-widget-width:26%;--container-widget-flex-grow:0;}.elementor-6548 .elementor-element.elementor-element-1d42345.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6548 .elementor-element.elementor-element-2f2d164{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:90px 90px;--row-gap:90px;--column-gap:90px;--padding-top:5%;--padding-bottom:10%;--padding-left:8%;--padding-right:8%;}.elementor-6548 .elementor-element.elementor-element-2f2d164:not(.elementor-motion-effects-element-type-background), .elementor-6548 .elementor-element.elementor-element-2f2d164 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-6548 .elementor-element.elementor-element-4292435{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6548 .elementor-element.elementor-element-42003a5 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-6548 .elementor-element.elementor-element-42003a5{text-align:center;}.elementor-6548 .elementor-element.elementor-element-42003a5 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:26px;letter-spacing:0px;word-spacing:0em;color:#F8AA17;}.elementor-6548 .elementor-element.elementor-element-d6ea4da > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6548 .elementor-element.elementor-element-d6ea4da{text-align:center;}.elementor-6548 .elementor-element.elementor-element-d6ea4da .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:65px;font-weight:800;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;color:#FBFBFB;}.elementor-6548 .elementor-element.elementor-element-487275b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6548 .elementor-element.elementor-element-639917f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6548 .elementor-element.elementor-element-137b567{--divider-border-style:solid;--divider-color:#F8AA17;--divider-border-width:12px;width:100%;max-width:100%;}.elementor-6548 .elementor-element.elementor-element-137b567 > .elementor-widget-container{margin:0px 0px 25px 0px;}.elementor-6548 .elementor-element.elementor-element-137b567 .elementor-divider-separator{width:25%;margin:0 auto;margin-center:0;}.elementor-6548 .elementor-element.elementor-element-137b567 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-6548 .elementor-element.elementor-element-87d06de{text-align:center;}.elementor-6548 .elementor-element.elementor-element-87d06de .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:24px;font-weight:800;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:1px;color:#FFFFFF;}.elementor-6548 .elementor-element.elementor-element-392c735 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-6548 .elementor-element.elementor-element-392c735 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-6548 .elementor-element.elementor-element-392c735{--icon-vertical-offset:0px;}.elementor-6548 .elementor-element.elementor-element-392c735 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6548 .elementor-element.elementor-element-392c735 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;}.elementor-6548 .elementor-element.elementor-element-392c735 .elementor-icon-list-text{color:#CFCFCF;transition:color 0.3s;}.elementor-6548 .elementor-element.elementor-element-99a7284{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6548 .elementor-element.elementor-element-c80618d{--divider-border-style:solid;--divider-color:#F8AA17;--divider-border-width:12px;width:100%;max-width:100%;}.elementor-6548 .elementor-element.elementor-element-c80618d > .elementor-widget-container{margin:0px 0px 25px 0px;}.elementor-6548 .elementor-element.elementor-element-c80618d .elementor-divider-separator{width:25%;margin:0 auto;margin-center:0;}.elementor-6548 .elementor-element.elementor-element-c80618d .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-6548 .elementor-element.elementor-element-50757e0{text-align:center;}.elementor-6548 .elementor-element.elementor-element-50757e0 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:24px;font-weight:800;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:1px;color:#FFFFFF;}.elementor-6548 .elementor-element.elementor-element-1d2eb4c .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-6548 .elementor-element.elementor-element-1d2eb4c .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-6548 .elementor-element.elementor-element-1d2eb4c{--icon-vertical-offset:0px;}.elementor-6548 .elementor-element.elementor-element-1d2eb4c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6548 .elementor-element.elementor-element-1d2eb4c .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;}.elementor-6548 .elementor-element.elementor-element-1d2eb4c .elementor-icon-list-text{color:#CFCFCF;transition:color 0.3s;}.elementor-6548 .elementor-element.elementor-element-ae0a0c9 .elementor-field-group{padding-right:calc( 51px/2 );padding-left:calc( 51px/2 );margin-bottom:57px;}.elementor-6548 .elementor-element.elementor-element-ae0a0c9 .elementor-form-fields-wrapper{margin-left:calc( -51px/2 );margin-right:calc( -51px/2 );margin-bottom:-57px;}.elementor-6548 .elementor-element.elementor-element-ae0a0c9 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-6548 .elementor-element.elementor-element-ae0a0c9 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-6548 .elementor-element.elementor-element-ae0a0c9 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-6548 .elementor-element.elementor-element-ae0a0c9 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-6548 .elementor-element.elementor-element-ae0a0c9 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-6548 .elementor-element.elementor-element-ae0a0c9 .elementor-field-group > label, .elementor-6548 .elementor-element.elementor-element-ae0a0c9 .elementor-field-subgroup label{color:#FFEBEB;}.elementor-6548 .elementor-element.elementor-element-ae0a0c9 .elementor-field-type-html{color:#FFFFFF;}.elementor-6548 .elementor-element.elementor-element-ae0a0c9 .elementor-field-group .elementor-field{color:#FFFFFF;}.elementor-6548 .elementor-element.elementor-element-ae0a0c9 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){border-color:#CFCFCF;border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;}.elementor-6548 .elementor-element.elementor-element-ae0a0c9 .elementor-field-group .elementor-select-wrapper select{border-color:#CFCFCF;border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;}.elementor-6548 .elementor-element.elementor-element-ae0a0c9 .elementor-field-group .elementor-select-wrapper::before{color:#CFCFCF;}.elementor-6548 .elementor-element.elementor-element-ae0a0c9 .elementor-button{font-family:"Archivo", Sans-serif;font-size:18px;font-weight:800;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;border-style:solid;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;}.elementor-6548 .elementor-element.elementor-element-ae0a0c9 .e-form__buttons__wrapper__button-next{background-color:#F8AA17;color:#1B252F;border-color:#F8AA17;}.elementor-6548 .elementor-element.elementor-element-ae0a0c9 .elementor-button[type="submit"]{background-color:#F8AA17;color:#1B252F;border-color:#F8AA17;}.elementor-6548 .elementor-element.elementor-element-ae0a0c9 .elementor-button[type="submit"] svg *{fill:#1B252F;}.elementor-6548 .elementor-element.elementor-element-ae0a0c9 .e-form__buttons__wrapper__button-previous{background-color:#1B252F;color:#1B252F;}.elementor-6548 .elementor-element.elementor-element-ae0a0c9 .e-form__buttons__wrapper__button-next:hover{background-color:#1B252F;color:#F8AA17;}.elementor-6548 .elementor-element.elementor-element-ae0a0c9 .elementor-button[type="submit"]:hover{background-color:#1B252F;color:#F8AA17;}.elementor-6548 .elementor-element.elementor-element-ae0a0c9 .elementor-button[type="submit"]:hover svg *{fill:#F8AA17;}.elementor-6548 .elementor-element.elementor-element-ae0a0c9 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-6548 .elementor-element.elementor-element-ae0a0c9 .elementor-message.elementor-message-success{color:#FFFFFF;}.elementor-6548 .elementor-element.elementor-element-ae0a0c9 .elementor-message.elementor-message-danger{color:#FE114B;}.elementor-6548 .elementor-element.elementor-element-ae0a0c9 .elementor-message.elementor-help-inline{color:#FFFFFF;}.elementor-6548 .elementor-element.elementor-element-ae0a0c9{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}body.elementor-page-6548:not(.elementor-motion-effects-element-type-background), body.elementor-page-6548 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-6548 .elementor-element.elementor-element-5f1a631{--width:100%;}.elementor-6548 .elementor-element.elementor-element-999c1b2{--content-width:1440px;}.elementor-6548 .elementor-element.elementor-element-742a9275{--content-width:1366px;}.elementor-6548 .elementor-element.elementor-element-c1de1ab{--width:25%;}.elementor-6548 .elementor-element.elementor-element-a5ce92f{--content-width:75%;}.elementor-6548 .elementor-element.elementor-element-2f2d164{--content-width:1920px;}.elementor-6548 .elementor-element.elementor-element-639917f{--width:33%;}.elementor-6548 .elementor-element.elementor-element-99a7284{--width:33%;}}@media(max-width:1921px) and (min-width:768px){.elementor-6548 .elementor-element.elementor-element-5f1a631{--width:1680.94px;}.elementor-6548 .elementor-element.elementor-element-c1de1ab{--width:888.962px;}}@media(max-width:1024px) and (min-width:768px){.elementor-6548 .elementor-element.elementor-element-639917f{--width:33%;}.elementor-6548 .elementor-element.elementor-element-99a7284{--width:33%;}}@media(min-width:2080px){.elementor-6548 .elementor-element.elementor-element-af971b9{--content-width:1440px;}body:not(.rtl) .elementor-6548 .elementor-element.elementor-element-b17c649{left:6.012px;}body.rtl .elementor-6548 .elementor-element.elementor-element-b17c649{right:6.012px;}.elementor-6548 .elementor-element.elementor-element-b17c649{top:304.011px;}}@media(max-width:1921px){.elementor-6548 .elementor-element.elementor-element-6881750{width:var( --container-widget-width, 516.979px );max-width:516.979px;--container-widget-width:516.979px;--container-widget-flex-grow:0;}.elementor-6548 .elementor-element.elementor-element-b17c649{--container-widget-width:96vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 96vw );max-width:96vw;top:313.987px;z-index:50;}body:not(.rtl) .elementor-6548 .elementor-element.elementor-element-b17c649{left:10.001px;}body.rtl .elementor-6548 .elementor-element.elementor-element-b17c649{right:10.001px;}.elementor-6548 .elementor-element.elementor-element-a929021{width:var( --container-widget-width, 399.752px );max-width:399.752px;--container-widget-width:399.752px;--container-widget-flex-grow:0;}.elementor-6548 .elementor-element.elementor-element-717ad63{width:var( --container-widget-width, 198.965px );max-width:198.965px;--container-widget-width:198.965px;--container-widget-flex-grow:0;}.elementor-6548 .elementor-element.elementor-element-d89ec21{width:var( --container-widget-width, 159.1px );max-width:159.1px;--container-widget-width:159.1px;--container-widget-flex-grow:0;}.elementor-6548 .elementor-element.elementor-element-1d42345{width:var( --container-widget-width, 82.088px );max-width:82.088px;--container-widget-width:82.088px;--container-widget-flex-grow:0;}}@media(max-width:1024px){.elementor-6548 .elementor-element.elementor-element-af971b9{--min-height:397px;}.elementor-6548 .elementor-element.elementor-element-6881750 > .elementor-widget-container{padding:0% 0% 10% 0%;}.elementor-6548 .elementor-element.elementor-element-b17c649{--container-widget-width:62%;--container-widget-flex-grow:0;width:var( --container-widget-width, 62% );max-width:62%;top:413.96px;}.elementor-6548 .elementor-element.elementor-element-b17c649.elementor-element{--flex-grow:0;--flex-shrink:1;}body:not(.rtl) .elementor-6548 .elementor-element.elementor-element-b17c649{left:-7.977px;}body.rtl .elementor-6548 .elementor-element.elementor-element-b17c649{right:-7.977px;}.elementor-6548 .elementor-element.elementor-element-1325eb1{--grid-template-columns:repeat(6, auto);--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;bottom:0px;--grid-column-gap:75px;}.elementor-6548 .elementor-element.elementor-element-1325eb1 .elementor-widget-container{text-align:center;}.elementor-6548 .elementor-element.elementor-element-1325eb1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6548 .elementor-element.elementor-element-1325eb1.elementor-element{--align-self:stretch;}.elementor-6548 .elementor-element.elementor-element-742a9275{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-6548 .elementor-element.elementor-element-59601f16{--grid-row-gap:71px;}.elementor-6548 .elementor-element.elementor-element-59601f16 .elementor-post__excerpt p{font-size:14px;}.elementor-6548 .elementor-element.elementor-element-59601f16 a.elementor-post__read-more{font-size:14px;}.elementor-6548 .elementor-element.elementor-element-2f2d164{--min-height:100vh;--gap:70px 70px;--row-gap:70px;--column-gap:70px;}.elementor-6548 .elementor-element.elementor-element-42003a5 .elementor-heading-title{font-size:17px;letter-spacing:0px;word-spacing:0em;}.elementor-6548 .elementor-element.elementor-element-d6ea4da .elementor-heading-title{font-size:44px;line-height:1em;letter-spacing:0px;word-spacing:0em;}.elementor-6548 .elementor-element.elementor-element-487275b{--gap:53px 53px;--row-gap:53px;--column-gap:53px;}.elementor-6548 .elementor-element.elementor-element-137b567 .elementor-divider-separator{width:26%;}.elementor-6548 .elementor-element.elementor-element-87d06de .elementor-heading-title{font-size:20px;}.elementor-6548 .elementor-element.elementor-element-392c735 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6548 .elementor-element.elementor-element-392c735 .elementor-icon-list-item > a{font-size:16px;}.elementor-6548 .elementor-element.elementor-element-c80618d .elementor-divider-separator{width:26%;}.elementor-6548 .elementor-element.elementor-element-50757e0 .elementor-heading-title{font-size:20px;}.elementor-6548 .elementor-element.elementor-element-1d2eb4c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6548 .elementor-element.elementor-element-1d2eb4c .elementor-icon-list-item > a{font-size:16px;}.elementor-6548 .elementor-element.elementor-element-ae0a0c9 .elementor-button{font-size:18px;}}@media(max-width:880px){.elementor-6548 .elementor-element.elementor-element-af971b9{--min-height:376px;}.elementor-6548 .elementor-element.elementor-element-6881750 > .elementor-widget-container{padding:0% 0% 20% 0%;}body:not(.rtl) .elementor-6548 .elementor-element.elementor-element-b17c649{left:40.017px;}body.rtl .elementor-6548 .elementor-element.elementor-element-b17c649{right:40.017px;}.elementor-6548 .elementor-element.elementor-element-b17c649{top:420.96px;}}@media(max-width:767px){.elementor-6548 .elementor-element.elementor-element-af971b9{--min-height:251px;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-end;}.elementor-6548 .elementor-element.elementor-element-5f1a631{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-6548 .elementor-element.elementor-element-e8e088c > .elementor-widget-container{margin:0px 0px 0px 20px;padding:0px 0px 11px 0px;}.elementor-6548 .elementor-element.elementor-element-e8e088c .elementor-heading-title{font-size:19px;}.elementor-6548 .elementor-element.elementor-element-6881750{--container-widget-width:376px;--container-widget-flex-grow:0;width:var( --container-widget-width, 376px );max-width:376px;}.elementor-6548 .elementor-element.elementor-element-6881750 .elementor-heading-title{font-size:29px;}.elementor-6548 .elementor-element.elementor-element-b17c649{--container-widget-width:100vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 100vw );max-width:100vw;top:456.964px;}body:not(.rtl) .elementor-6548 .elementor-element.elementor-element-b17c649{left:26.03px;}body.rtl .elementor-6548 .elementor-element.elementor-element-b17c649{right:26.03px;}.elementor-6548 .elementor-element.elementor-element-1325eb1{--grid-template-columns:repeat(6, auto);--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;--icon-size:20px;--grid-column-gap:19px;}.elementor-6548 .elementor-element.elementor-element-1325eb1 > .elementor-widget-container{padding:2px 2px 2px 2px;}.elementor-6548 .elementor-element.elementor-element-1325eb1 .elementor-social-icon{--icon-padding:0.7em;}.elementor-6548 .elementor-element.elementor-element-59601f16{--grid-row-gap:30px;--grid-column-gap:30px;}.elementor-6548 .elementor-element.elementor-element-59601f16 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-6548 .elementor-element.elementor-element-59601f16:after{content:"0.5";}.elementor-6548 .elementor-element.elementor-element-59601f16 .elementor-post__thumbnail__link{width:100%;}.elementor-6548 .elementor-element.elementor-element-59601f16 .elementor-post__title, .elementor-6548 .elementor-element.elementor-element-59601f16 .elementor-post__title a{font-size:18px;}.elementor-6548 .elementor-element.elementor-element-59601f16 .elementor-post__title{margin-bottom:9px;}.elementor-6548 .elementor-element.elementor-element-c1de1ab{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6548 .elementor-element.elementor-element-a5ce92f{--min-height:84px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:wrap;}.elementor-6548 .elementor-element.elementor-element-d89ec21{width:var( --container-widget-width, 203.09px );max-width:203.09px;--container-widget-width:203.09px;--container-widget-flex-grow:0;}.elementor-6548 .elementor-element.elementor-element-eb06ef2{width:var( --container-widget-width, 201.99px );max-width:201.99px;--container-widget-width:201.99px;--container-widget-flex-grow:0;}.elementor-6548 .elementor-element.elementor-element-eb06ef2 img{max-width:49vw;}.elementor-6548 .elementor-element.elementor-element-1d42345{width:var( --container-widget-width, 159.099px );max-width:159.099px;--container-widget-width:159.099px;--container-widget-flex-grow:0;}.elementor-6548 .elementor-element.elementor-element-2f2d164{--padding-top:15%;--padding-bottom:15%;--padding-left:5%;--padding-right:5%;}.elementor-6548 .elementor-element.elementor-element-42003a5 .elementor-heading-title{font-size:16px;}.elementor-6548 .elementor-element.elementor-element-d6ea4da .elementor-heading-title{font-size:32px;}}/* Start custom CSS for html, class: .elementor-element-b17c649 *//*--------------- COLORS ---------------------*/
/*---------------------------------------------*/


.bodyprova {
  background: radial-gradient(at 25% 25%, #f2f2f2 0%, #d9d9d9 100%);
  padding: 10%
  min-height: 100%;
  overflow: hidden;
}

.joystick {
  background: radial-gradient(at 75% 75%, #f2f2f2 0%, #d9d9d9 100%);
  box-shadow: 0 -5px 5px rgba(255, 255, 255, 0.1), 0 5px 5px rgba(255, 255, 255, 0.05), inset 0 5px 5px rgba(0, 0, 0, 0.02), inset 0 -5px 5px rgba(255, 255, 255, 0.05);
  position: absolute;
  height: 200px;
  width: 200px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.joystick__ball {
  background: radial-gradient(at 25% 25%, #f2f2f2 0%, #d9d9d9 100%);
  position: absolute;
  height: 70%;
  width: 70%;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-style: preserve-3d;
  perspective: 1000px;
  box-shadow: inset -5px -10px 40px rgba(0, 0, 0, 0.05), inset 0px 0px 10px rgba(0, 0, 0, 0.3), inset 0px 0px 5px rgba(0, 0, 0, 0.5), inset 0px 0px 3px 1px rgba(0, 0, 0, 0.51), 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.joystick__zero {
  position: absolute;
  z-index: 4;
  height: 30%;
  width: 30%;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.joystick__stick {
  background: radial-gradient(at 50% 75%, #f2f2f2 0%, #d9d9d9 100%);
  box-shadow: inset 5px 5px 10px rgba(255, 255, 255, 0.3), inset -5px -5px 10px rgba(0, 0, 0, 0.15), 0 2px 10px -5px rgba(0, 0, 0, 0.7), 0 4px 20px -10px rgba(0, 0, 0, 0.2), -50px 0 40px -20px rgba(0, 0, 0, 0.2), 50px 50px 40px -20px rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 2;
  height: 50%;
  width: 50%;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin: -25% -25%;
  transition: 200ms ease all;
}
.joystick__stick:before {
  content: "";
  background: #fff;
  position: absolute;
  top: 10px;
  left: 49px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  box-shadow: 0 2px 3px #000, 39px 40px #fff, 39px 42px 3px #000, 0px 80px #fff, 0px 82px 3px #000, -39px 40px #fff, -39px 42px 3px #000;
  opacity: 0.15;
}
.joystick__stick:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 50%;
  margin: -25% -25%;
  border-radius: 50%;
  box-shadow: -5px -5px 20px -10px;
  filter: blur(5px);
  opacity: 0.4;
}
.joystick__hover {
  position: absolute;
  z-index: 3;
  width: 12%;
  height: 50%;
  left: 50%;
  margin-left: -6%;
  transform-origin: 50% 100%;
}
.joystick__hover.hover-1 {
  transform: rotate(0deg);
}
.joystick__hover.hover-1:hover ~ .menu, .joystick__hover.hover-1:focus ~ .menu {
  transform: translateY(0%);
}
.joystick__hover.hover-1:hover ~ .menu .menu-item-1, .joystick__hover.hover-1:focus ~ .menu .menu-item-1 {
  filter: blur(0px);
  opacity: 1;
}
.joystick__hover.hover-1:hover ~ .menu .menu-item-0, .joystick__hover.hover-1:focus ~ .menu .menu-item-0 {
  filter: blur(2px);
  opacity: 0.9;
}
.joystick__hover.hover-1:hover ~ .menu .menu-item-2, .joystick__hover.hover-1:focus ~ .menu .menu-item-2 {
  filter: blur(3px);
  opacity: 0.9;
}
.joystick__hover.hover-1:hover ~ .joystick__stick, .joystick__hover.hover-1:focus ~ .joystick__stick {
  transform: translate(0%, -50%) rotateX(-25deg) rotateY(0deg);
  box-shadow: inset 0px -12.5px 10px rgba(255, 255, 255, 0.3), inset 0px 12.5px 10px rgba(0, 0, 0, 0.15), 0 2px 10px -5px rgba(0, 0, 0, 0.7), 0 4px 20px -10px rgba(0, 0, 0, 0.2), -25px 0 40px -20px rgba(0, 0, 0, 0.2), 25px 50px 40px -20px rgba(0, 0, 0, 0.2);
}
.joystick__hover.hover-1:hover ~ .joystick__stick:after, .joystick__hover.hover-1:focus ~ .joystick__stick:after {
  box-shadow: 0px 12.5px 20px -10px;
}
.joystick__hover.hover-1:hover ~ .led-1, .joystick__hover.hover-1:focus ~ .led-1 {
  background: #F8AA17;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-1:hover ~ .led-1, .joystick__hover.hover-1:focus ~ .led-1 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-1:hover ~ .led-2, .joystick__hover.hover-1:focus ~ .led-2 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-1:hover ~ .led-28, .joystick__hover.hover-1:focus ~ .led-28 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-1:hover ~ .led-3, .joystick__hover.hover-1:focus ~ .led-3 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-1:hover ~ .led-27, .joystick__hover.hover-1:focus ~ .led-27 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-1:hover ~ .led-4, .joystick__hover.hover-1:focus ~ .led-4 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-1:hover ~ .led-26, .joystick__hover.hover-1:focus ~ .led-26 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-1:hover ~ .led-5, .joystick__hover.hover-1:focus ~ .led-5 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-1:hover ~ .led-25, .joystick__hover.hover-1:focus ~ .led-25 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-1:hover ~ .led-6, .joystick__hover.hover-1:focus ~ .led-6 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-1:hover ~ .led-24, .joystick__hover.hover-1:focus ~ .led-24 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-1:hover ~ .led-23, .joystick__hover.hover-1:focus ~ .led-23 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-1:hover ~ .led-22, .joystick__hover.hover-1:focus ~ .led-22 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-1:hover ~ .led-7,
.joystick__hover.hover-1:hover ~ .led--5, .joystick__hover.hover-1:focus ~ .led-7,
.joystick__hover.hover-1:focus ~ .led--5 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-1:hover ~ .led-8,
.joystick__hover.hover-1:hover ~ .led--6, .joystick__hover.hover-1:focus ~ .led-8,
.joystick__hover.hover-1:focus ~ .led--6 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-2 {
  transform: rotate(12.8571429deg);
}
.joystick__hover.hover-2:hover ~ .menu, .joystick__hover.hover-2:focus ~ .menu {
  transform: translateY(-3.5714285714%);
}
.joystick__hover.hover-2:hover ~ .menu .menu-item-2, .joystick__hover.hover-2:focus ~ .menu .menu-item-2 {
  filter: blur(0px);
  opacity: 1;
}
.joystick__hover.hover-2:hover ~ .menu .menu-item-1, .joystick__hover.hover-2:focus ~ .menu .menu-item-1 {
  filter: blur(2px);
  opacity: 0.9;
}
.joystick__hover.hover-2:hover ~ .menu .menu-item-3, .joystick__hover.hover-2:focus ~ .menu .menu-item-3 {
  filter: blur(3px);
  opacity: 0.9;
}
.joystick__hover.hover-2:hover ~ .joystick__stick, .joystick__hover.hover-2:focus ~ .joystick__stick {
  transform: translate(11.1260467343%, -48.7463956008%) rotateX(-24.3731978004deg) rotateY(-5.5630233671deg);
  box-shadow: inset 2.7815116836px -12.1865989002px 10px rgba(255, 255, 255, 0.3), inset -2.7815116836px 12.1865989002px 10px rgba(0, 0, 0, 0.15), 0 2px 10px -5px rgba(0, 0, 0, 0.7), 0 4px 20px -10px rgba(0, 0, 0, 0.2), -24.3731978004px 0 40px -20px rgba(0, 0, 0, 0.2), 24.3731978004px 50px 40px -20px rgba(0, 0, 0, 0.2);
}
.joystick__hover.hover-2:hover ~ .joystick__stick:after, .joystick__hover.hover-2:focus ~ .joystick__stick:after {
  box-shadow: -2.7815116836px 12.1865989002px 20px -10px;
}
.joystick__hover.hover-2:hover ~ .led-2, .joystick__hover.hover-2:focus ~ .led-2 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-2:hover ~ .led-2, .joystick__hover.hover-2:focus ~ .led-2 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-2:hover ~ .led-3, .joystick__hover.hover-2:focus ~ .led-3 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-2:hover ~ .led-1, .joystick__hover.hover-2:focus ~ .led-1 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-2:hover ~ .led-4, .joystick__hover.hover-2:focus ~ .led-4 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-2:hover ~ .led-28, .joystick__hover.hover-2:focus ~ .led-28 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-2:hover ~ .led-5, .joystick__hover.hover-2:focus ~ .led-5 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-2:hover ~ .led-27, .joystick__hover.hover-2:focus ~ .led-27 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-2:hover ~ .led-6, .joystick__hover.hover-2:focus ~ .led-6 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-2:hover ~ .led-26, .joystick__hover.hover-2:focus ~ .led-26 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-2:hover ~ .led-7, .joystick__hover.hover-2:focus ~ .led-7 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-2:hover ~ .led-25, .joystick__hover.hover-2:focus ~ .led-25 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-2:hover ~ .led-24, .joystick__hover.hover-2:focus ~ .led-24 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-2:hover ~ .led-23, .joystick__hover.hover-2:focus ~ .led-23 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-2:hover ~ .led-8,
.joystick__hover.hover-2:hover ~ .led--4, .joystick__hover.hover-2:focus ~ .led-8,
.joystick__hover.hover-2:focus ~ .led--4 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-2:hover ~ .led-9,
.joystick__hover.hover-2:hover ~ .led--5, .joystick__hover.hover-2:focus ~ .led-9,
.joystick__hover.hover-2:focus ~ .led--5 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-3 {
  transform: rotate(25.7142858deg);
}
.joystick__hover.hover-3:hover ~ .menu, .joystick__hover.hover-3:focus ~ .menu {
  transform: translateY(-7.1428571429%);
}
.joystick__hover.hover-3:hover ~ .menu .menu-item-3, .joystick__hover.hover-3:focus ~ .menu .menu-item-3 {
  filter: blur(0px);
  opacity: 1;
}
.joystick__hover.hover-3:hover ~ .menu .menu-item-2, .joystick__hover.hover-3:focus ~ .menu .menu-item-2 {
  filter: blur(2px);
  opacity: 0.9;
}
.joystick__hover.hover-3:hover ~ .menu .menu-item-4, .joystick__hover.hover-3:focus ~ .menu .menu-item-4 {
  filter: blur(3px);
  opacity: 0.9;
}
.joystick__hover.hover-3:hover ~ .joystick__stick, .joystick__hover.hover-3:focus ~ .joystick__stick {
  transform: translate(21.6941870233%, -45.0484433627%) rotateX(-22.5242216813deg) rotateY(-10.8470935116deg);
  box-shadow: inset 5.4235467558px -11.2621108407px 10px rgba(255, 255, 255, 0.3), inset -5.4235467558px 11.2621108407px 10px rgba(0, 0, 0, 0.15), 0 2px 10px -5px rgba(0, 0, 0, 0.7), 0 4px 20px -10px rgba(0, 0, 0, 0.2), -22.5242216813px 0 40px -20px rgba(0, 0, 0, 0.2), 22.5242216813px 50px 40px -20px rgba(0, 0, 0, 0.2);
}
.joystick__hover.hover-3:hover ~ .joystick__stick:after, .joystick__hover.hover-3:focus ~ .joystick__stick:after {
  box-shadow: -5.4235467558px 11.2621108407px 20px -10px;
}
.joystick__hover.hover-3:hover ~ .led-3, .joystick__hover.hover-3:focus ~ .led-3 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-3:hover ~ .led-3, .joystick__hover.hover-3:focus ~ .led-3 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-3:hover ~ .led-4, .joystick__hover.hover-3:focus ~ .led-4 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-3:hover ~ .led-2, .joystick__hover.hover-3:focus ~ .led-2 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-3:hover ~ .led-5, .joystick__hover.hover-3:focus ~ .led-5 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-3:hover ~ .led-1, .joystick__hover.hover-3:focus ~ .led-1 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-3:hover ~ .led-6, .joystick__hover.hover-3:focus ~ .led-6 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-3:hover ~ .led-28, .joystick__hover.hover-3:focus ~ .led-28 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-3:hover ~ .led-7, .joystick__hover.hover-3:focus ~ .led-7 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-3:hover ~ .led-27, .joystick__hover.hover-3:focus ~ .led-27 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-3:hover ~ .led-8, .joystick__hover.hover-3:focus ~ .led-8 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-3:hover ~ .led-26, .joystick__hover.hover-3:focus ~ .led-26 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-3:hover ~ .led-25, .joystick__hover.hover-3:focus ~ .led-25 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-3:hover ~ .led-24, .joystick__hover.hover-3:focus ~ .led-24 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-3:hover ~ .led-9,
.joystick__hover.hover-3:hover ~ .led--3, .joystick__hover.hover-3:focus ~ .led-9,
.joystick__hover.hover-3:focus ~ .led--3 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-3:hover ~ .led-10,
.joystick__hover.hover-3:hover ~ .led--4, .joystick__hover.hover-3:focus ~ .led-10,
.joystick__hover.hover-3:focus ~ .led--4 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-4 {
  transform: rotate(38.5714287deg);
}
.joystick__hover.hover-4:hover ~ .menu, .joystick__hover.hover-4:focus ~ .menu {
  transform: translateY(-10.7142857143%);
}
.joystick__hover.hover-4:hover ~ .menu .menu-item-4, .joystick__hover.hover-4:focus ~ .menu .menu-item-4 {
  filter: blur(0px);
  opacity: 1;
}
.joystick__hover.hover-4:hover ~ .menu .menu-item-3, .joystick__hover.hover-4:focus ~ .menu .menu-item-3 {
  filter: blur(2px);
  opacity: 0.9;
}
.joystick__hover.hover-4:hover ~ .menu .menu-item-5, .joystick__hover.hover-4:focus ~ .menu .menu-item-5 {
  filter: blur(3px);
  opacity: 0.9;
}
.joystick__hover.hover-4:hover ~ .joystick__stick, .joystick__hover.hover-4:focus ~ .joystick__stick {
  transform: translate(31.1744901807%, -39.0915740534%) rotateX(-19.5457870267deg) rotateY(-15.5872450903deg);
  box-shadow: inset 7.7936225452px -9.7728935134px 10px rgba(255, 255, 255, 0.3), inset -7.7936225452px 9.7728935134px 10px rgba(0, 0, 0, 0.15), 0 2px 10px -5px rgba(0, 0, 0, 0.7), 0 4px 20px -10px rgba(0, 0, 0, 0.2), -19.5457870267px 0 40px -20px rgba(0, 0, 0, 0.2), 19.5457870267px 50px 40px -20px rgba(0, 0, 0, 0.2);
}
.joystick__hover.hover-4:hover ~ .joystick__stick:after, .joystick__hover.hover-4:focus ~ .joystick__stick:after {
  box-shadow: -7.7936225452px 9.7728935134px 20px -10px;
}
.joystick__hover.hover-4:hover ~ .led-4, .joystick__hover.hover-4:focus ~ .led-4 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-4:hover ~ .led-4, .joystick__hover.hover-4:focus ~ .led-4 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-4:hover ~ .led-5, .joystick__hover.hover-4:focus ~ .led-5 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-4:hover ~ .led-3, .joystick__hover.hover-4:focus ~ .led-3 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-4:hover ~ .led-6, .joystick__hover.hover-4:focus ~ .led-6 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-4:hover ~ .led-2, .joystick__hover.hover-4:focus ~ .led-2 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-4:hover ~ .led-7, .joystick__hover.hover-4:focus ~ .led-7 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-4:hover ~ .led-1, .joystick__hover.hover-4:focus ~ .led-1 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-4:hover ~ .led-8, .joystick__hover.hover-4:focus ~ .led-8 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-4:hover ~ .led-28, .joystick__hover.hover-4:focus ~ .led-28 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-4:hover ~ .led-9, .joystick__hover.hover-4:focus ~ .led-9 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-4:hover ~ .led-27, .joystick__hover.hover-4:focus ~ .led-27 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-4:hover ~ .led-26, .joystick__hover.hover-4:focus ~ .led-26 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-4:hover ~ .led-25, .joystick__hover.hover-4:focus ~ .led-25 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-4:hover ~ .led-10,
.joystick__hover.hover-4:hover ~ .led--2, .joystick__hover.hover-4:focus ~ .led-10,
.joystick__hover.hover-4:focus ~ .led--2 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-4:hover ~ .led-11,
.joystick__hover.hover-4:hover ~ .led--3, .joystick__hover.hover-4:focus ~ .led-11,
.joystick__hover.hover-4:focus ~ .led--3 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-5 {
  transform: rotate(51.4285716deg);
}
.joystick__hover.hover-5:hover ~ .menu, .joystick__hover.hover-5:focus ~ .menu {
  transform: translateY(-14.2857142857%);
}
.joystick__hover.hover-5:hover ~ .menu .menu-item-5, .joystick__hover.hover-5:focus ~ .menu .menu-item-5 {
  filter: blur(0px);
  opacity: 1;
}
.joystick__hover.hover-5:hover ~ .menu .menu-item-4, .joystick__hover.hover-5:focus ~ .menu .menu-item-4 {
  filter: blur(2px);
  opacity: 0.9;
}
.joystick__hover.hover-5:hover ~ .menu .menu-item-6, .joystick__hover.hover-5:focus ~ .menu .menu-item-6 {
  filter: blur(3px);
  opacity: 0.9;
}
.joystick__hover.hover-5:hover ~ .joystick__stick, .joystick__hover.hover-5:focus ~ .joystick__stick {
  transform: translate(39.0915742167%, -31.174489976%) rotateX(-15.587244988deg) rotateY(-19.5457871083deg);
  box-shadow: inset 9.7728935542px -7.793622494px 10px rgba(255, 255, 255, 0.3), inset -9.7728935542px 7.793622494px 10px rgba(0, 0, 0, 0.15), 0 2px 10px -5px rgba(0, 0, 0, 0.7), 0 4px 20px -10px rgba(0, 0, 0, 0.2), -15.587244988px 0 40px -20px rgba(0, 0, 0, 0.2), 15.587244988px 50px 40px -20px rgba(0, 0, 0, 0.2);
}
.joystick__hover.hover-5:hover ~ .joystick__stick:after, .joystick__hover.hover-5:focus ~ .joystick__stick:after {
  box-shadow: -9.7728935542px 7.793622494px 20px -10px;
}
.joystick__hover.hover-5:hover ~ .led-5, .joystick__hover.hover-5:focus ~ .led-5 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-5:hover ~ .led-5, .joystick__hover.hover-5:focus ~ .led-5 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-5:hover ~ .led-6, .joystick__hover.hover-5:focus ~ .led-6 {
  background: #fff;
  box-shadow: 0 0 0px #fff;
}
.joystick__hover.hover-5:hover ~ .led-4, .joystick__hover.hover-5:focus ~ .led-4 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-5:hover ~ .led-7, .joystick__hover.hover-5:focus ~ .led-7 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-5:hover ~ .led-3, .joystick__hover.hover-5:focus ~ .led-3 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-5:hover ~ .led-8, .joystick__hover.hover-5:focus ~ .led-8 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-5:hover ~ .led-2, .joystick__hover.hover-5:focus ~ .led-2 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-5:hover ~ .led-9, .joystick__hover.hover-5:focus ~ .led-9 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-5:hover ~ .led-1, .joystick__hover.hover-5:focus ~ .led-1 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-5:hover ~ .led-10, .joystick__hover.hover-5:focus ~ .led-10 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-5:hover ~ .led-28, .joystick__hover.hover-5:focus ~ .led-28 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-5:hover ~ .led-27, .joystick__hover.hover-5:focus ~ .led-27 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-5:hover ~ .led-26, .joystick__hover.hover-5:focus ~ .led-26 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-5:hover ~ .led-11,
.joystick__hover.hover-5:hover ~ .led--1, .joystick__hover.hover-5:focus ~ .led-11,
.joystick__hover.hover-5:focus ~ .led--1 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-5:hover ~ .led-12,
.joystick__hover.hover-5:hover ~ .led--2, .joystick__hover.hover-5:focus ~ .led-12,
.joystick__hover.hover-5:focus ~ .led--2 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-6 {
  transform: rotate(64.2857145deg);
}
.joystick__hover.hover-6:hover ~ .menu, .joystick__hover.hover-6:focus ~ .menu {
  transform: translateY(-17.8571428571%);
}
.joystick__hover.hover-6:hover ~ .menu .menu-item-6, .joystick__hover.hover-6:focus ~ .menu .menu-item-6 {
  filter: blur(0px);
  opacity: 1;
}
.joystick__hover.hover-6:hover ~ .menu .menu-item-5, .joystick__hover.hover-6:focus ~ .menu .menu-item-5 {
  filter: blur(2px);
  opacity: 0.9;
}
.joystick__hover.hover-6:hover ~ .menu .menu-item-7, .joystick__hover.hover-6:focus ~ .menu .menu-item-7 {
  filter: blur(3px);
  opacity: 0.9;
}
.joystick__hover.hover-6:hover ~ .joystick__stick, .joystick__hover.hover-6:focus ~ .joystick__stick {
  transform: translate(45.0484434763%, -21.6941867874%) rotateX(-10.8470933937deg) rotateY(-22.5242217381deg);
  box-shadow: inset 11.2621108691px -5.4235466968px 10px rgba(255, 255, 255, 0.3), inset -11.2621108691px 5.4235466968px 10px rgba(0, 0, 0, 0.15), 0 2px 10px -5px rgba(0, 0, 0, 0.7), 0 4px 20px -10px rgba(0, 0, 0, 0.2), -10.8470933937px 0 40px -20px rgba(0, 0, 0, 0.2), 10.8470933937px 50px 40px -20px rgba(0, 0, 0, 0.2);
}
.joystick__hover.hover-6:hover ~ .joystick__stick:after, .joystick__hover.hover-6:focus ~ .joystick__stick:after {
  box-shadow: -11.2621108691px 5.4235466968px 20px -10px;
}
.joystick__hover.hover-6:hover ~ .led-6, .joystick__hover.hover-6:focus ~ .led-6 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-6:hover ~ .led-6, .joystick__hover.hover-6:focus ~ .led-6 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-6:hover ~ .led-7, .joystick__hover.hover-6:focus ~ .led-7 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-6:hover ~ .led-5, .joystick__hover.hover-6:focus ~ .led-5 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-6:hover ~ .led-8, .joystick__hover.hover-6:focus ~ .led-8 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-6:hover ~ .led-4, .joystick__hover.hover-6:focus ~ .led-4 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-6:hover ~ .led-9, .joystick__hover.hover-6:focus ~ .led-9 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-6:hover ~ .led-3, .joystick__hover.hover-6:focus ~ .led-3 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-6:hover ~ .led-10, .joystick__hover.hover-6:focus ~ .led-10 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-6:hover ~ .led-2, .joystick__hover.hover-6:focus ~ .led-2 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-6:hover ~ .led-11, .joystick__hover.hover-6:focus ~ .led-11 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-6:hover ~ .led-1, .joystick__hover.hover-6:focus ~ .led-1 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-6:hover ~ .led-12,
.joystick__hover.hover-6:hover ~ .led-0, .joystick__hover.hover-6:focus ~ .led-12,
.joystick__hover.hover-6:focus ~ .led-0 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-6:hover ~ .led-13,
.joystick__hover.hover-6:hover ~ .led--1, .joystick__hover.hover-6:focus ~ .led-13,
.joystick__hover.hover-6:focus ~ .led--1 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-7 {
  transform: rotate(77.1428574deg);
}
.joystick__hover.hover-7:hover ~ .menu, .joystick__hover.hover-7:focus ~ .menu {
  transform: translateY(-21.4285714286%);
}
.joystick__hover.hover-7:hover ~ .menu .menu-item-7, .joystick__hover.hover-7:focus ~ .menu .menu-item-7 {
  filter: blur(0px);
  opacity: 1;
}
.joystick__hover.hover-7:hover ~ .menu .menu-item-6, .joystick__hover.hover-7:focus ~ .menu .menu-item-6 {
  filter: blur(2px);
  opacity: 0.9;
}
.joystick__hover.hover-7:hover ~ .menu .menu-item-8, .joystick__hover.hover-7:focus ~ .menu .menu-item-8 {
  filter: blur(3px);
  opacity: 0.9;
}
.joystick__hover.hover-7:hover ~ .joystick__stick, .joystick__hover.hover-7:focus ~ .joystick__stick {
  transform: translate(48.746395659%, -11.126046479%) rotateX(-5.5630232395deg) rotateY(-24.3731978295deg);
  box-shadow: inset 12.1865989148px -2.7815116198px 10px rgba(255, 255, 255, 0.3), inset -12.1865989148px 2.7815116198px 10px rgba(0, 0, 0, 0.15), 0 2px 10px -5px rgba(0, 0, 0, 0.7), 0 4px 20px -10px rgba(0, 0, 0, 0.2), -5.5630232395px 0 40px -20px rgba(0, 0, 0, 0.2), 5.5630232395px 50px 40px -20px rgba(0, 0, 0, 0.2);
}
.joystick__hover.hover-7:hover ~ .joystick__stick:after, .joystick__hover.hover-7:focus ~ .joystick__stick:after {
  box-shadow: -12.1865989148px 2.7815116198px 20px -10px;
}
.joystick__hover.hover-7:hover ~ .led-7, .joystick__hover.hover-7:focus ~ .led-7 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-7:hover ~ .led-7, .joystick__hover.hover-7:focus ~ .led-7 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-7:hover ~ .led-8, .joystick__hover.hover-7:focus ~ .led-8 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-7:hover ~ .led-6, .joystick__hover.hover-7:focus ~ .led-6 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-7:hover ~ .led-9, .joystick__hover.hover-7:focus ~ .led-9 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-7:hover ~ .led-5, .joystick__hover.hover-7:focus ~ .led-5 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-7:hover ~ .led-10, .joystick__hover.hover-7:focus ~ .led-10 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-7:hover ~ .led-4, .joystick__hover.hover-7:focus ~ .led-4 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-7:hover ~ .led-11, .joystick__hover.hover-7:focus ~ .led-11 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-7:hover ~ .led-3, .joystick__hover.hover-7:focus ~ .led-3 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-7:hover ~ .led-12, .joystick__hover.hover-7:focus ~ .led-12 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-7:hover ~ .led-2, .joystick__hover.hover-7:focus ~ .led-2 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-7:hover ~ .led-13,
.joystick__hover.hover-7:hover ~ .led-1, .joystick__hover.hover-7:focus ~ .led-13,
.joystick__hover.hover-7:focus ~ .led-1 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-7:hover ~ .led-14,
.joystick__hover.hover-7:hover ~ .led-0, .joystick__hover.hover-7:focus ~ .led-14,
.joystick__hover.hover-7:focus ~ .led-0 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-8 {
  transform: rotate(90.0000003deg);
}
.joystick__hover.hover-8:hover ~ .menu, .joystick__hover.hover-8:focus ~ .menu {
  transform: translateY(-25%);
}
.joystick__hover.hover-8:hover ~ .menu .menu-item-8, .joystick__hover.hover-8:focus ~ .menu .menu-item-8 {
  filter: blur(0px);
  opacity: 1;
}
.joystick__hover.hover-8:hover ~ .menu .menu-item-7, .joystick__hover.hover-8:focus ~ .menu .menu-item-7 {
  filter: blur(2px);
  opacity: 0.9;
}
.joystick__hover.hover-8:hover ~ .menu .menu-item-9, .joystick__hover.hover-8:focus ~ .menu .menu-item-9 {
  filter: blur(3px);
  opacity: 0.9;
}
.joystick__hover.hover-8:hover ~ .joystick__stick, .joystick__hover.hover-8:focus ~ .joystick__stick {
  transform: translate(50%, 2.6180456323%) rotateX(1.3090228162deg) rotateY(-25deg);
  box-shadow: inset 12.5px 6.5451140808px 10px rgba(255, 255, 255, 0.3), inset -12.5px -6.5451140808px 10px rgba(0, 0, 0, 0.15), 0 2px 10px -5px rgba(0, 0, 0, 0.7), 0 4px 20px -10px rgba(0, 0, 0, 0.2), 1.3090228162px 0 40px -20px rgba(0, 0, 0, 0.2), -1.3090228162px 50px 40px -20px rgba(0, 0, 0, 0.2);
}
.joystick__hover.hover-8:hover ~ .joystick__stick:after, .joystick__hover.hover-8:focus ~ .joystick__stick:after {
  box-shadow: -12.5px -6.5451140808px 20px -10px;
}
.joystick__hover.hover-8:hover ~ .led-8, .joystick__hover.hover-8:focus ~ .led-8 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-8:hover ~ .led-8, .joystick__hover.hover-8:focus ~ .led-8 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-8:hover ~ .led-9, .joystick__hover.hover-8:focus ~ .led-9 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-8:hover ~ .led-7, .joystick__hover.hover-8:focus ~ .led-7 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-8:hover ~ .led-10, .joystick__hover.hover-8:focus ~ .led-10 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-8:hover ~ .led-6, .joystick__hover.hover-8:focus ~ .led-6 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-8:hover ~ .led-11, .joystick__hover.hover-8:focus ~ .led-11 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-8:hover ~ .led-5, .joystick__hover.hover-8:focus ~ .led-5 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-8:hover ~ .led-12, .joystick__hover.hover-8:focus ~ .led-12 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-8:hover ~ .led-4, .joystick__hover.hover-8:focus ~ .led-4 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-8:hover ~ .led-13, .joystick__hover.hover-8:focus ~ .led-13 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-8:hover ~ .led-3, .joystick__hover.hover-8:focus ~ .led-3 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-8:hover ~ .led-14,
.joystick__hover.hover-8:hover ~ .led-2, .joystick__hover.hover-8:focus ~ .led-14,
.joystick__hover.hover-8:focus ~ .led-2 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-8:hover ~ .led-15,
.joystick__hover.hover-8:hover ~ .led-1, .joystick__hover.hover-8:focus ~ .led-15,
.joystick__hover.hover-8:focus ~ .led-1 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-9 {
  transform: rotate(102.8571432deg);
}
.joystick__hover.hover-9:hover ~ .menu, .joystick__hover.hover-9:focus ~ .menu {
  transform: translateY(-28.5714285714%);
}
.joystick__hover.hover-9:hover ~ .menu .menu-item-9, .joystick__hover.hover-9:focus ~ .menu .menu-item-9 {
  filter: blur(0px);
  opacity: 1;
}
.joystick__hover.hover-9:hover ~ .menu .menu-item-8, .joystick__hover.hover-9:focus ~ .menu .menu-item-8 {
  filter: blur(2px);
  opacity: 0.9;
}
.joystick__hover.hover-9:hover ~ .menu .menu-item-10, .joystick__hover.hover-9:focus ~ .menu .menu-item-10 {
  filter: blur(3px);
  opacity: 0.9;
}
.joystick__hover.hover-9:hover ~ .joystick__stick, .joystick__hover.hover-9:focus ~ .joystick__stick {
  transform: translate(48.7463955425%, 11.1260469895%) rotateX(5.5630234948deg) rotateY(-24.3731977713deg);
  box-shadow: inset 12.1865988856px 2.7815117474px 10px rgba(255, 255, 255, 0.3), inset -12.1865988856px -2.7815117474px 10px rgba(0, 0, 0, 0.15), 0 2px 10px -5px rgba(0, 0, 0, 0.7), 0 4px 20px -10px rgba(0, 0, 0, 0.2), 5.5630234948px 0 40px -20px rgba(0, 0, 0, 0.2), -5.5630234948px 50px 40px -20px rgba(0, 0, 0, 0.2);
}
.joystick__hover.hover-9:hover ~ .joystick__stick:after, .joystick__hover.hover-9:focus ~ .joystick__stick:after {
  box-shadow: -12.1865988856px -2.7815117474px 20px -10px;
}
.joystick__hover.hover-9:hover ~ .led-9, .joystick__hover.hover-9:focus ~ .led-9 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-9:hover ~ .led-9, .joystick__hover.hover-9:focus ~ .led-9 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-9:hover ~ .led-10, .joystick__hover.hover-9:focus ~ .led-10 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-9:hover ~ .led-8, .joystick__hover.hover-9:focus ~ .led-8 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-9:hover ~ .led-11, .joystick__hover.hover-9:focus ~ .led-11 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-9:hover ~ .led-7, .joystick__hover.hover-9:focus ~ .led-7 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-9:hover ~ .led-12, .joystick__hover.hover-9:focus ~ .led-12 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-9:hover ~ .led-6, .joystick__hover.hover-9:focus ~ .led-6 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-9:hover ~ .led-13, .joystick__hover.hover-9:focus ~ .led-13 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-9:hover ~ .led-5, .joystick__hover.hover-9:focus ~ .led-5 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-9:hover ~ .led-14, .joystick__hover.hover-9:focus ~ .led-14 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-9:hover ~ .led-4, .joystick__hover.hover-9:focus ~ .led-4 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-9:hover ~ .led-15,
.joystick__hover.hover-9:hover ~ .led-3, .joystick__hover.hover-9:focus ~ .led-15,
.joystick__hover.hover-9:focus ~ .led-3 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-9:hover ~ .led-16,
.joystick__hover.hover-9:hover ~ .led-2, .joystick__hover.hover-9:focus ~ .led-16,
.joystick__hover.hover-9:focus ~ .led-2 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-10 {
  transform: rotate(115.7142861deg);
}
.joystick__hover.hover-10:hover ~ .menu, .joystick__hover.hover-10:focus ~ .menu {
  transform: translateY(-32.1428571429%);
}
.joystick__hover.hover-10:hover ~ .menu .menu-item-10, .joystick__hover.hover-10:focus ~ .menu .menu-item-10 {
  filter: blur(0px);
  opacity: 1;
}
.joystick__hover.hover-10:hover ~ .menu .menu-item-9, .joystick__hover.hover-10:focus ~ .menu .menu-item-9 {
  filter: blur(2px);
  opacity: 0.9;
}
.joystick__hover.hover-10:hover ~ .menu .menu-item-11, .joystick__hover.hover-10:focus ~ .menu .menu-item-11 {
  filter: blur(3px);
  opacity: 0.9;
}
.joystick__hover.hover-10:hover ~ .joystick__stick, .joystick__hover.hover-10:focus ~ .joystick__stick {
  transform: translate(45.0484432491%, 21.6941872591%) rotateX(10.8470936296deg) rotateY(-22.5242216245deg);
  box-shadow: inset 11.2621108123px 5.4235468148px 10px rgba(255, 255, 255, 0.3), inset -11.2621108123px -5.4235468148px 10px rgba(0, 0, 0, 0.15), 0 2px 10px -5px rgba(0, 0, 0, 0.7), 0 4px 20px -10px rgba(0, 0, 0, 0.2), 10.8470936296px 0 40px -20px rgba(0, 0, 0, 0.2), -10.8470936296px 50px 40px -20px rgba(0, 0, 0, 0.2);
}
.joystick__hover.hover-10:hover ~ .joystick__stick:after, .joystick__hover.hover-10:focus ~ .joystick__stick:after {
  box-shadow: -11.2621108123px -5.4235468148px 20px -10px;
}
.joystick__hover.hover-10:hover ~ .led-10, .joystick__hover.hover-10:focus ~ .led-10 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-10:hover ~ .led-10, .joystick__hover.hover-10:focus ~ .led-10 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-10:hover ~ .led-11, .joystick__hover.hover-10:focus ~ .led-11 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-10:hover ~ .led-9, .joystick__hover.hover-10:focus ~ .led-9 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-10:hover ~ .led-12, .joystick__hover.hover-10:focus ~ .led-12 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-10:hover ~ .led-8, .joystick__hover.hover-10:focus ~ .led-8 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-10:hover ~ .led-13, .joystick__hover.hover-10:focus ~ .led-13 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-10:hover ~ .led-7, .joystick__hover.hover-10:focus ~ .led-7 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-10:hover ~ .led-14, .joystick__hover.hover-10:focus ~ .led-14 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-10:hover ~ .led-6, .joystick__hover.hover-10:focus ~ .led-6 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-10:hover ~ .led-15, .joystick__hover.hover-10:focus ~ .led-15 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-10:hover ~ .led-5, .joystick__hover.hover-10:focus ~ .led-5 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-10:hover ~ .led-16,
.joystick__hover.hover-10:hover ~ .led-4, .joystick__hover.hover-10:focus ~ .led-16,
.joystick__hover.hover-10:focus ~ .led-4 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-10:hover ~ .led-17,
.joystick__hover.hover-10:hover ~ .led-3, .joystick__hover.hover-10:focus ~ .led-17,
.joystick__hover.hover-10:focus ~ .led-3 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-11 {
  transform: rotate(128.571429deg);
}
.joystick__hover.hover-11:hover ~ .menu, .joystick__hover.hover-11:focus ~ .menu {
  transform: translateY(-35.7142857143%);
}
.joystick__hover.hover-11:hover ~ .menu .menu-item-11, .joystick__hover.hover-11:focus ~ .menu .menu-item-11 {
  filter: blur(0px);
  opacity: 1;
}
.joystick__hover.hover-11:hover ~ .menu .menu-item-10, .joystick__hover.hover-11:focus ~ .menu .menu-item-10 {
  filter: blur(2px);
  opacity: 0.9;
}
.joystick__hover.hover-11:hover ~ .menu .menu-item-12, .joystick__hover.hover-11:focus ~ .menu .menu-item-12 {
  filter: blur(3px);
  opacity: 0.9;
}
.joystick__hover.hover-11:hover ~ .joystick__stick, .joystick__hover.hover-11:focus ~ .joystick__stick {
  transform: translate(39.0915738902%, 31.1744903853%) rotateX(15.5872451927deg) rotateY(-19.5457869451deg);
  box-shadow: inset 9.7728934726px 7.7936225963px 10px rgba(255, 255, 255, 0.3), inset -9.7728934726px -7.7936225963px 10px rgba(0, 0, 0, 0.15), 0 2px 10px -5px rgba(0, 0, 0, 0.7), 0 4px 20px -10px rgba(0, 0, 0, 0.2), 15.5872451927px 0 40px -20px rgba(0, 0, 0, 0.2), -15.5872451927px 50px 40px -20px rgba(0, 0, 0, 0.2);
}
.joystick__hover.hover-11:hover ~ .joystick__stick:after, .joystick__hover.hover-11:focus ~ .joystick__stick:after {
  box-shadow: -9.7728934726px -7.7936225963px 20px -10px;
}
.joystick__hover.hover-11:hover ~ .led-11, .joystick__hover.hover-11:focus ~ .led-11 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-11:hover ~ .led-11, .joystick__hover.hover-11:focus ~ .led-11 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-11:hover ~ .led-12, .joystick__hover.hover-11:focus ~ .led-12 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-11:hover ~ .led-10, .joystick__hover.hover-11:focus ~ .led-10 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-11:hover ~ .led-13, .joystick__hover.hover-11:focus ~ .led-13 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-11:hover ~ .led-9, .joystick__hover.hover-11:focus ~ .led-9 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-11:hover ~ .led-14, .joystick__hover.hover-11:focus ~ .led-14 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-11:hover ~ .led-8, .joystick__hover.hover-11:focus ~ .led-8 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-11:hover ~ .led-15, .joystick__hover.hover-11:focus ~ .led-15 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-11:hover ~ .led-7, .joystick__hover.hover-11:focus ~ .led-7 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-11:hover ~ .led-16, .joystick__hover.hover-11:focus ~ .led-16 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-11:hover ~ .led-6, .joystick__hover.hover-11:focus ~ .led-6 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-11:hover ~ .led-17,
.joystick__hover.hover-11:hover ~ .led-5, .joystick__hover.hover-11:focus ~ .led-17,
.joystick__hover.hover-11:focus ~ .led-5 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-11:hover ~ .led-18,
.joystick__hover.hover-11:hover ~ .led-4, .joystick__hover.hover-11:focus ~ .led-18,
.joystick__hover.hover-11:focus ~ .led-4 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-12 {
  transform: rotate(141.4285719deg);
}
.joystick__hover.hover-12:hover ~ .menu, .joystick__hover.hover-12:focus ~ .menu {
  transform: translateY(-39.2857142857%);
}
.joystick__hover.hover-12:hover ~ .menu .menu-item-12, .joystick__hover.hover-12:focus ~ .menu .menu-item-12 {
  filter: blur(0px);
  opacity: 1;
}
.joystick__hover.hover-12:hover ~ .menu .menu-item-11, .joystick__hover.hover-12:focus ~ .menu .menu-item-11 {
  filter: blur(2px);
  opacity: 0.9;
}
.joystick__hover.hover-12:hover ~ .menu .menu-item-13, .joystick__hover.hover-12:focus ~ .menu .menu-item-13 {
  filter: blur(3px);
  opacity: 0.9;
}
.joystick__hover.hover-12:hover ~ .joystick__stick, .joystick__hover.hover-12:focus ~ .joystick__stick {
  transform: translate(31.1744897713%, 39.0915743799%) rotateX(19.5457871899deg) rotateY(-15.5872448856deg);
  box-shadow: inset 7.7936224428px 9.772893595px 10px rgba(255, 255, 255, 0.3), inset -7.7936224428px -9.772893595px 10px rgba(0, 0, 0, 0.15), 0 2px 10px -5px rgba(0, 0, 0, 0.7), 0 4px 20px -10px rgba(0, 0, 0, 0.2), 19.5457871899px 0 40px -20px rgba(0, 0, 0, 0.2), -19.5457871899px 50px 40px -20px rgba(0, 0, 0, 0.2);
}
.joystick__hover.hover-12:hover ~ .joystick__stick:after, .joystick__hover.hover-12:focus ~ .joystick__stick:after {
  box-shadow: -7.7936224428px -9.772893595px 20px -10px;
}
.joystick__hover.hover-12:hover ~ .led-12, .joystick__hover.hover-12:focus ~ .led-12 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-12:hover ~ .led-12, .joystick__hover.hover-12:focus ~ .led-12 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-12:hover ~ .led-13, .joystick__hover.hover-12:focus ~ .led-13 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-12:hover ~ .led-11, .joystick__hover.hover-12:focus ~ .led-11 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-12:hover ~ .led-14, .joystick__hover.hover-12:focus ~ .led-14 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-12:hover ~ .led-10, .joystick__hover.hover-12:focus ~ .led-10 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-12:hover ~ .led-15, .joystick__hover.hover-12:focus ~ .led-15 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-12:hover ~ .led-9, .joystick__hover.hover-12:focus ~ .led-9 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-12:hover ~ .led-16, .joystick__hover.hover-12:focus ~ .led-16 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-12:hover ~ .led-8, .joystick__hover.hover-12:focus ~ .led-8 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-12:hover ~ .led-17, .joystick__hover.hover-12:focus ~ .led-17 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-12:hover ~ .led-7, .joystick__hover.hover-12:focus ~ .led-7 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-12:hover ~ .led-18,
.joystick__hover.hover-12:hover ~ .led-6, .joystick__hover.hover-12:focus ~ .led-18,
.joystick__hover.hover-12:focus ~ .led-6 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-12:hover ~ .led-19,
.joystick__hover.hover-12:hover ~ .led-5, .joystick__hover.hover-12:focus ~ .led-19,
.joystick__hover.hover-12:focus ~ .led-5 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-13 {
  transform: rotate(154.2857148deg);
}
.joystick__hover.hover-13:hover ~ .menu, .joystick__hover.hover-13:focus ~ .menu {
  transform: translateY(-42.8571428571%);
}
.joystick__hover.hover-13:hover ~ .menu .menu-item-13, .joystick__hover.hover-13:focus ~ .menu .menu-item-13 {
  filter: blur(0px);
  opacity: 1;
}
.joystick__hover.hover-13:hover ~ .menu .menu-item-12, .joystick__hover.hover-13:focus ~ .menu .menu-item-12 {
  filter: blur(2px);
  opacity: 0.9;
}
.joystick__hover.hover-13:hover ~ .menu .menu-item-14, .joystick__hover.hover-13:focus ~ .menu .menu-item-14 {
  filter: blur(3px);
  opacity: 0.9;
}
.joystick__hover.hover-13:hover ~ .joystick__stick, .joystick__hover.hover-13:focus ~ .joystick__stick {
  transform: translate(21.6941865515%, 45.0484435897%) rotateX(22.5242217949deg) rotateY(-10.8470932758deg);
  box-shadow: inset 5.4235466379px 11.2621108974px 10px rgba(255, 255, 255, 0.3), inset -5.4235466379px -11.2621108974px 10px rgba(0, 0, 0, 0.15), 0 2px 10px -5px rgba(0, 0, 0, 0.7), 0 4px 20px -10px rgba(0, 0, 0, 0.2), 22.5242217949px 0 40px -20px rgba(0, 0, 0, 0.2), -22.5242217949px 50px 40px -20px rgba(0, 0, 0, 0.2);
}
.joystick__hover.hover-13:hover ~ .joystick__stick:after, .joystick__hover.hover-13:focus ~ .joystick__stick:after {
  box-shadow: -5.4235466379px -11.2621108974px 20px -10px;
}
.joystick__hover.hover-13:hover ~ .led-13, .joystick__hover.hover-13:focus ~ .led-13 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-13:hover ~ .led-13, .joystick__hover.hover-13:focus ~ .led-13 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-13:hover ~ .led-14, .joystick__hover.hover-13:focus ~ .led-14 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-13:hover ~ .led-12, .joystick__hover.hover-13:focus ~ .led-12 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-13:hover ~ .led-15, .joystick__hover.hover-13:focus ~ .led-15 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-13:hover ~ .led-11, .joystick__hover.hover-13:focus ~ .led-11 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-13:hover ~ .led-16, .joystick__hover.hover-13:focus ~ .led-16 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-13:hover ~ .led-10, .joystick__hover.hover-13:focus ~ .led-10 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-13:hover ~ .led-17, .joystick__hover.hover-13:focus ~ .led-17 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-13:hover ~ .led-9, .joystick__hover.hover-13:focus ~ .led-9 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-13:hover ~ .led-18, .joystick__hover.hover-13:focus ~ .led-18 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-13:hover ~ .led-8, .joystick__hover.hover-13:focus ~ .led-8 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-13:hover ~ .led-19,
.joystick__hover.hover-13:hover ~ .led-7, .joystick__hover.hover-13:focus ~ .led-19,
.joystick__hover.hover-13:focus ~ .led-7 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-13:hover ~ .led-20,
.joystick__hover.hover-13:hover ~ .led-6, .joystick__hover.hover-13:focus ~ .led-20,
.joystick__hover.hover-13:focus ~ .led-6 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-14 {
  transform: rotate(167.1428577deg);
}
.joystick__hover.hover-14:hover ~ .menu, .joystick__hover.hover-14:focus ~ .menu {
  transform: translateY(-46.4285714286%);
}
.joystick__hover.hover-14:hover ~ .menu .menu-item-14, .joystick__hover.hover-14:focus ~ .menu .menu-item-14 {
  filter: blur(0px);
  opacity: 1;
}
.joystick__hover.hover-14:hover ~ .menu .menu-item-13, .joystick__hover.hover-14:focus ~ .menu .menu-item-13 {
  filter: blur(2px);
  opacity: 0.9;
}
.joystick__hover.hover-14:hover ~ .menu .menu-item-15, .joystick__hover.hover-14:focus ~ .menu .menu-item-15 {
  filter: blur(3px);
  opacity: 0.9;
}
.joystick__hover.hover-14:hover ~ .joystick__stick, .joystick__hover.hover-14:focus ~ .joystick__stick {
  transform: translate(11.1260462238%, 48.7463957165%) rotateX(24.3731978583deg) rotateY(-5.5630231119deg);
  box-shadow: inset 2.781511556px 12.1865989291px 10px rgba(255, 255, 255, 0.3), inset -2.781511556px -12.1865989291px 10px rgba(0, 0, 0, 0.15), 0 2px 10px -5px rgba(0, 0, 0, 0.7), 0 4px 20px -10px rgba(0, 0, 0, 0.2), 24.3731978583px 0 40px -20px rgba(0, 0, 0, 0.2), -24.3731978583px 50px 40px -20px rgba(0, 0, 0, 0.2);
}
.joystick__hover.hover-14:hover ~ .joystick__stick:after, .joystick__hover.hover-14:focus ~ .joystick__stick:after {
  box-shadow: -2.781511556px -12.1865989291px 20px -10px;
}
.joystick__hover.hover-14:hover ~ .led-14, .joystick__hover.hover-14:focus ~ .led-14 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-14:hover ~ .led-14, .joystick__hover.hover-14:focus ~ .led-14 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-14:hover ~ .led-15, .joystick__hover.hover-14:focus ~ .led-15 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-14:hover ~ .led-13, .joystick__hover.hover-14:focus ~ .led-13 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-14:hover ~ .led-16, .joystick__hover.hover-14:focus ~ .led-16 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-14:hover ~ .led-12, .joystick__hover.hover-14:focus ~ .led-12 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-14:hover ~ .led-17, .joystick__hover.hover-14:focus ~ .led-17 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-14:hover ~ .led-11, .joystick__hover.hover-14:focus ~ .led-11 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-14:hover ~ .led-18, .joystick__hover.hover-14:focus ~ .led-18 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-14:hover ~ .led-10, .joystick__hover.hover-14:focus ~ .led-10 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-14:hover ~ .led-19, .joystick__hover.hover-14:focus ~ .led-19 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-14:hover ~ .led-9, .joystick__hover.hover-14:focus ~ .led-9 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-14:hover ~ .led-20,
.joystick__hover.hover-14:hover ~ .led-8, .joystick__hover.hover-14:focus ~ .led-20,
.joystick__hover.hover-14:focus ~ .led-8 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-14:hover ~ .led-21,
.joystick__hover.hover-14:hover ~ .led-7, .joystick__hover.hover-14:focus ~ .led-21,
.joystick__hover.hover-14:focus ~ .led-7 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-15 {
  transform: rotate(180.0000006deg);
}
.joystick__hover.hover-15:hover ~ .menu, .joystick__hover.hover-15:focus ~ .menu {
  transform: translateY(-50%);
}
.joystick__hover.hover-15:hover ~ .menu .menu-item-15, .joystick__hover.hover-15:focus ~ .menu .menu-item-15 {
  filter: blur(0px);
  opacity: 1;
}
.joystick__hover.hover-15:hover ~ .menu .menu-item-14, .joystick__hover.hover-15:focus ~ .menu .menu-item-14 {
  filter: blur(2px);
  opacity: 0.9;
}
.joystick__hover.hover-15:hover ~ .menu .menu-item-16, .joystick__hover.hover-15:focus ~ .menu .menu-item-16 {
  filter: blur(3px);
  opacity: 0.9;
}
.joystick__hover.hover-15:hover ~ .joystick__stick, .joystick__hover.hover-15:focus ~ .joystick__stick {
  transform: translate(-5.2360393444%, 49.9999999962%) rotateX(24.9999999981deg) rotateY(2.6180196722deg);
  box-shadow: inset -1.3090098361px 12.4999999991px 10px rgba(255, 255, 255, 0.3), inset 1.3090098361px -12.4999999991px 10px rgba(0, 0, 0, 0.15), 0 2px 10px -5px rgba(0, 0, 0, 0.7), 0 4px 20px -10px rgba(0, 0, 0, 0.2), 24.9999999981px 0 40px -20px rgba(0, 0, 0, 0.2), -24.9999999981px 50px 40px -20px rgba(0, 0, 0, 0.2);
}
.joystick__hover.hover-15:hover ~ .joystick__stick:after, .joystick__hover.hover-15:focus ~ .joystick__stick:after {
  box-shadow: 1.3090098361px -12.4999999991px 20px -10px;
}
.joystick__hover.hover-15:hover ~ .led-15, .joystick__hover.hover-15:focus ~ .led-15 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-15:hover ~ .led-15, .joystick__hover.hover-15:focus ~ .led-15 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-15:hover ~ .led-16, .joystick__hover.hover-15:focus ~ .led-16 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-15:hover ~ .led-14, .joystick__hover.hover-15:focus ~ .led-14 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-15:hover ~ .led-17, .joystick__hover.hover-15:focus ~ .led-17 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-15:hover ~ .led-13, .joystick__hover.hover-15:focus ~ .led-13 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-15:hover ~ .led-18, .joystick__hover.hover-15:focus ~ .led-18 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-15:hover ~ .led-12, .joystick__hover.hover-15:focus ~ .led-12 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-15:hover ~ .led-19, .joystick__hover.hover-15:focus ~ .led-19 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-15:hover ~ .led-11, .joystick__hover.hover-15:focus ~ .led-11 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-15:hover ~ .led-20, .joystick__hover.hover-15:focus ~ .led-20 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-15:hover ~ .led-10, .joystick__hover.hover-15:focus ~ .led-10 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-15:hover ~ .led-21,
.joystick__hover.hover-15:hover ~ .led-9, .joystick__hover.hover-15:focus ~ .led-21,
.joystick__hover.hover-15:focus ~ .led-9 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-15:hover ~ .led-22,
.joystick__hover.hover-15:hover ~ .led-8, .joystick__hover.hover-15:focus ~ .led-22,
.joystick__hover.hover-15:focus ~ .led-8 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-16 {
  transform: rotate(192.8571435deg);
}
.joystick__hover.hover-16:hover ~ .menu, .joystick__hover.hover-16:focus ~ .menu {
  transform: translateY(-53.5714285714%);
}
.joystick__hover.hover-16:hover ~ .menu .menu-item-16, .joystick__hover.hover-16:focus ~ .menu .menu-item-16 {
  filter: blur(0px);
  opacity: 1;
}
.joystick__hover.hover-16:hover ~ .menu .menu-item-15, .joystick__hover.hover-16:focus ~ .menu .menu-item-15 {
  filter: blur(2px);
  opacity: 0.9;
}
.joystick__hover.hover-16:hover ~ .menu .menu-item-17, .joystick__hover.hover-16:focus ~ .menu .menu-item-17 {
  filter: blur(3px);
  opacity: 0.9;
}
.joystick__hover.hover-16:hover ~ .joystick__stick, .joystick__hover.hover-16:focus ~ .joystick__stick {
  transform: translate(-11.1260472448%, 48.746395467%) rotateX(24.3731977335deg) rotateY(5.5630236224deg);
  box-shadow: inset -2.7815118112px 12.1865988668px 10px rgba(255, 255, 255, 0.3), inset 2.7815118112px -12.1865988668px 10px rgba(0, 0, 0, 0.15), 0 2px 10px -5px rgba(0, 0, 0, 0.7), 0 4px 20px -10px rgba(0, 0, 0, 0.2), 24.3731977335px 0 40px -20px rgba(0, 0, 0, 0.2), -24.3731977335px 50px 40px -20px rgba(0, 0, 0, 0.2);
}
.joystick__hover.hover-16:hover ~ .joystick__stick:after, .joystick__hover.hover-16:focus ~ .joystick__stick:after {
  box-shadow: 2.7815118112px -12.1865988668px 20px -10px;
}
.joystick__hover.hover-16:hover ~ .led-16, .joystick__hover.hover-16:focus ~ .led-16 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-16:hover ~ .led-16, .joystick__hover.hover-16:focus ~ .led-16 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-16:hover ~ .led-17, .joystick__hover.hover-16:focus ~ .led-17 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-16:hover ~ .led-15, .joystick__hover.hover-16:focus ~ .led-15 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-16:hover ~ .led-18, .joystick__hover.hover-16:focus ~ .led-18 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-16:hover ~ .led-14, .joystick__hover.hover-16:focus ~ .led-14 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-16:hover ~ .led-19, .joystick__hover.hover-16:focus ~ .led-19 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-16:hover ~ .led-13, .joystick__hover.hover-16:focus ~ .led-13 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-16:hover ~ .led-20, .joystick__hover.hover-16:focus ~ .led-20 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-16:hover ~ .led-12, .joystick__hover.hover-16:focus ~ .led-12 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-16:hover ~ .led-21, .joystick__hover.hover-16:focus ~ .led-21 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-16:hover ~ .led-11, .joystick__hover.hover-16:focus ~ .led-11 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-16:hover ~ .led-22,
.joystick__hover.hover-16:hover ~ .led-10, .joystick__hover.hover-16:focus ~ .led-22,
.joystick__hover.hover-16:focus ~ .led-10 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-16:hover ~ .led-23,
.joystick__hover.hover-16:hover ~ .led-9, .joystick__hover.hover-16:focus ~ .led-23,
.joystick__hover.hover-16:focus ~ .led-9 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-17 {
  transform: rotate(205.7142864deg);
}
.joystick__hover.hover-17:hover ~ .menu, .joystick__hover.hover-17:focus ~ .menu {
  transform: translateY(-57.1428571429%);
}
.joystick__hover.hover-17:hover ~ .menu .menu-item-17, .joystick__hover.hover-17:focus ~ .menu .menu-item-17 {
  filter: blur(0px);
  opacity: 1;
}
.joystick__hover.hover-17:hover ~ .menu .menu-item-16, .joystick__hover.hover-17:focus ~ .menu .menu-item-16 {
  filter: blur(2px);
  opacity: 0.9;
}
.joystick__hover.hover-17:hover ~ .menu .menu-item-18, .joystick__hover.hover-17:focus ~ .menu .menu-item-18 {
  filter: blur(3px);
  opacity: 0.9;
}
.joystick__hover.hover-17:hover ~ .joystick__stick, .joystick__hover.hover-17:focus ~ .joystick__stick {
  transform: translate(-21.694187495%, 45.0484430645%) rotateX(22.5242215322deg) rotateY(10.8470937475deg);
  box-shadow: inset -5.4235468738px 11.2621107661px 10px rgba(255, 255, 255, 0.3), inset 5.4235468738px -11.2621107661px 10px rgba(0, 0, 0, 0.15), 0 2px 10px -5px rgba(0, 0, 0, 0.7), 0 4px 20px -10px rgba(0, 0, 0, 0.2), 22.5242215322px 0 40px -20px rgba(0, 0, 0, 0.2), -22.5242215322px 50px 40px -20px rgba(0, 0, 0, 0.2);
}
.joystick__hover.hover-17:hover ~ .joystick__stick:after, .joystick__hover.hover-17:focus ~ .joystick__stick:after {
  box-shadow: 5.4235468738px -11.2621107661px 20px -10px;
}
.joystick__hover.hover-17:hover ~ .led-17, .joystick__hover.hover-17:focus ~ .led-17 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-17:hover ~ .led-17, .joystick__hover.hover-17:focus ~ .led-17 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-17:hover ~ .led-18, .joystick__hover.hover-17:focus ~ .led-18 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-17:hover ~ .led-16, .joystick__hover.hover-17:focus ~ .led-16 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-17:hover ~ .led-19, .joystick__hover.hover-17:focus ~ .led-19 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-17:hover ~ .led-15, .joystick__hover.hover-17:focus ~ .led-15 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-17:hover ~ .led-20, .joystick__hover.hover-17:focus ~ .led-20 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-17:hover ~ .led-14, .joystick__hover.hover-17:focus ~ .led-14 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-17:hover ~ .led-21, .joystick__hover.hover-17:focus ~ .led-21 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-17:hover ~ .led-13, .joystick__hover.hover-17:focus ~ .led-13 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-17:hover ~ .led-22, .joystick__hover.hover-17:focus ~ .led-22 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-17:hover ~ .led-12, .joystick__hover.hover-17:focus ~ .led-12 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-17:hover ~ .led-23,
.joystick__hover.hover-17:hover ~ .led-11, .joystick__hover.hover-17:focus ~ .led-23,
.joystick__hover.hover-17:focus ~ .led-11 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-17:hover ~ .led-24,
.joystick__hover.hover-17:hover ~ .led-10, .joystick__hover.hover-17:focus ~ .led-24,
.joystick__hover.hover-17:focus ~ .led-10 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-18 {
  transform: rotate(218.5714293deg);
}
.joystick__hover.hover-18:hover ~ .menu, .joystick__hover.hover-18:focus ~ .menu {
  transform: translateY(-60.7142857143%);
}
.joystick__hover.hover-18:hover ~ .menu .menu-item-18, .joystick__hover.hover-18:focus ~ .menu .menu-item-18 {
  filter: blur(0px);
  opacity: 1;
}
.joystick__hover.hover-18:hover ~ .menu .menu-item-17, .joystick__hover.hover-18:focus ~ .menu .menu-item-17 {
  filter: blur(2px);
  opacity: 0.9;
}
.joystick__hover.hover-18:hover ~ .menu .menu-item-19, .joystick__hover.hover-18:focus ~ .menu .menu-item-19 {
  filter: blur(3px);
  opacity: 0.9;
}
.joystick__hover.hover-18:hover ~ .joystick__stick, .joystick__hover.hover-18:focus ~ .joystick__stick {
  transform: translate(-31.17449059%, 39.0915734583%) rotateX(19.5457867292deg) rotateY(15.587245295deg);
  box-shadow: inset -7.7936226475px 9.7728933646px 10px rgba(255, 255, 255, 0.3), inset 7.7936226475px -9.7728933646px 10px rgba(0, 0, 0, 0.15), 0 2px 10px -5px rgba(0, 0, 0, 0.7), 0 4px 20px -10px rgba(0, 0, 0, 0.2), 19.5457867292px 0 40px -20px rgba(0, 0, 0, 0.2), -19.5457867292px 50px 40px -20px rgba(0, 0, 0, 0.2);
}
.joystick__hover.hover-18:hover ~ .joystick__stick:after, .joystick__hover.hover-18:focus ~ .joystick__stick:after {
  box-shadow: 7.7936226475px -9.7728933646px 20px -10px;
}
.joystick__hover.hover-18:hover ~ .led-18, .joystick__hover.hover-18:focus ~ .led-18 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-18:hover ~ .led-18, .joystick__hover.hover-18:focus ~ .led-18 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-18:hover ~ .led-19, .joystick__hover.hover-18:focus ~ .led-19 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-18:hover ~ .led-17, .joystick__hover.hover-18:focus ~ .led-17 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-18:hover ~ .led-20, .joystick__hover.hover-18:focus ~ .led-20 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-18:hover ~ .led-16, .joystick__hover.hover-18:focus ~ .led-16 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-18:hover ~ .led-21, .joystick__hover.hover-18:focus ~ .led-21 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-18:hover ~ .led-15, .joystick__hover.hover-18:focus ~ .led-15 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-18:hover ~ .led-22, .joystick__hover.hover-18:focus ~ .led-22 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-18:hover ~ .led-14, .joystick__hover.hover-18:focus ~ .led-14 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-18:hover ~ .led-23, .joystick__hover.hover-18:focus ~ .led-23 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-18:hover ~ .led-13, .joystick__hover.hover-18:focus ~ .led-13 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-18:hover ~ .led-24,
.joystick__hover.hover-18:hover ~ .led-12, .joystick__hover.hover-18:focus ~ .led-24,
.joystick__hover.hover-18:focus ~ .led-12 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-18:hover ~ .led-25,
.joystick__hover.hover-18:hover ~ .led-11, .joystick__hover.hover-18:focus ~ .led-25,
.joystick__hover.hover-18:focus ~ .led-11 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-19 {
  transform: rotate(231.4285722deg);
}
.joystick__hover.hover-19:hover ~ .menu, .joystick__hover.hover-19:focus ~ .menu {
  transform: translateY(-64.2857142857%);
}
.joystick__hover.hover-19:hover ~ .menu .menu-item-19, .joystick__hover.hover-19:focus ~ .menu .menu-item-19 {
  filter: blur(0px);
  opacity: 1;
}
.joystick__hover.hover-19:hover ~ .menu .menu-item-18, .joystick__hover.hover-19:focus ~ .menu .menu-item-18 {
  filter: blur(2px);
  opacity: 0.9;
}
.joystick__hover.hover-19:hover ~ .menu .menu-item-20, .joystick__hover.hover-19:focus ~ .menu .menu-item-20 {
  filter: blur(3px);
  opacity: 0.9;
}
.joystick__hover.hover-19:hover ~ .joystick__stick, .joystick__hover.hover-19:focus ~ .joystick__stick {
  transform: translate(-39.0915745431%, 31.1744886248%) rotateX(15.5872443124deg) rotateY(19.5457872716deg);
  box-shadow: inset -9.7728936358px 7.7936221562px 10px rgba(255, 255, 255, 0.3), inset 9.7728936358px -7.7936221562px 10px rgba(0, 0, 0, 0.15), 0 2px 10px -5px rgba(0, 0, 0, 0.7), 0 4px 20px -10px rgba(0, 0, 0, 0.2), 15.5872443124px 0 40px -20px rgba(0, 0, 0, 0.2), -15.5872443124px 50px 40px -20px rgba(0, 0, 0, 0.2);
}
.joystick__hover.hover-19:hover ~ .joystick__stick:after, .joystick__hover.hover-19:focus ~ .joystick__stick:after {
  box-shadow: 9.7728936358px -7.7936221562px 20px -10px;
}
.joystick__hover.hover-19:hover ~ .led-19, .joystick__hover.hover-19:focus ~ .led-19 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-19:hover ~ .led-19, .joystick__hover.hover-19:focus ~ .led-19 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-19:hover ~ .led-20, .joystick__hover.hover-19:focus ~ .led-20 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-19:hover ~ .led-18, .joystick__hover.hover-19:focus ~ .led-18 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-19:hover ~ .led-21, .joystick__hover.hover-19:focus ~ .led-21 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-19:hover ~ .led-17, .joystick__hover.hover-19:focus ~ .led-17 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-19:hover ~ .led-22, .joystick__hover.hover-19:focus ~ .led-22 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-19:hover ~ .led-16, .joystick__hover.hover-19:focus ~ .led-16 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-19:hover ~ .led-23, .joystick__hover.hover-19:focus ~ .led-23 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-19:hover ~ .led-15, .joystick__hover.hover-19:focus ~ .led-15 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-19:hover ~ .led-24, .joystick__hover.hover-19:focus ~ .led-24 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-19:hover ~ .led-14, .joystick__hover.hover-19:focus ~ .led-14 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-19:hover ~ .led-25,
.joystick__hover.hover-19:hover ~ .led-13, .joystick__hover.hover-19:focus ~ .led-25,
.joystick__hover.hover-19:focus ~ .led-13 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-19:hover ~ .led-26,
.joystick__hover.hover-19:hover ~ .led-12, .joystick__hover.hover-19:focus ~ .led-26,
.joystick__hover.hover-19:focus ~ .led-12 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-20 {
  transform: rotate(244.2857151deg);
}
.joystick__hover.hover-20:hover ~ .menu, .joystick__hover.hover-20:focus ~ .menu {
  transform: translateY(-67.8571428571%);
}
.joystick__hover.hover-20:hover ~ .menu .menu-item-20, .joystick__hover.hover-20:focus ~ .menu .menu-item-20 {
  filter: blur(0px);
  opacity: 1;
}
.joystick__hover.hover-20:hover ~ .menu .menu-item-19, .joystick__hover.hover-20:focus ~ .menu .menu-item-19 {
  filter: blur(2px);
  opacity: 0.9;
}
.joystick__hover.hover-20:hover ~ .menu .menu-item-21, .joystick__hover.hover-20:focus ~ .menu .menu-item-21 {
  filter: blur(3px);
  opacity: 0.9;
}
.joystick__hover.hover-20:hover ~ .joystick__stick, .joystick__hover.hover-20:focus ~ .joystick__stick {
  transform: translate(-45.0484437033%, 21.6941832316%) rotateX(10.8470916158deg) rotateY(22.5242218517deg);
  box-shadow: inset -11.2621109258px 5.4235458079px 10px rgba(255, 255, 255, 0.3), inset 11.2621109258px -5.4235458079px 10px rgba(0, 0, 0, 0.15), 0 2px 10px -5px rgba(0, 0, 0, 0.7), 0 4px 20px -10px rgba(0, 0, 0, 0.2), 10.8470916158px 0 40px -20px rgba(0, 0, 0, 0.2), -10.8470916158px 50px 40px -20px rgba(0, 0, 0, 0.2);
}
.joystick__hover.hover-20:hover ~ .joystick__stick:after, .joystick__hover.hover-20:focus ~ .joystick__stick:after {
  box-shadow: 11.2621109258px -5.4235458079px 20px -10px;
}
.joystick__hover.hover-20:hover ~ .led-20, .joystick__hover.hover-20:focus ~ .led-20 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-20:hover ~ .led-20, .joystick__hover.hover-20:focus ~ .led-20 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-20:hover ~ .led-21, .joystick__hover.hover-20:focus ~ .led-21 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-20:hover ~ .led-19, .joystick__hover.hover-20:focus ~ .led-19 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-20:hover ~ .led-22, .joystick__hover.hover-20:focus ~ .led-22 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-20:hover ~ .led-18, .joystick__hover.hover-20:focus ~ .led-18 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-20:hover ~ .led-23, .joystick__hover.hover-20:focus ~ .led-23 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-20:hover ~ .led-17, .joystick__hover.hover-20:focus ~ .led-17 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-20:hover ~ .led-24, .joystick__hover.hover-20:focus ~ .led-24 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-20:hover ~ .led-16, .joystick__hover.hover-20:focus ~ .led-16 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-20:hover ~ .led-25, .joystick__hover.hover-20:focus ~ .led-25 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-20:hover ~ .led-15, .joystick__hover.hover-20:focus ~ .led-15 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-20:hover ~ .led-26,
.joystick__hover.hover-20:hover ~ .led-14, .joystick__hover.hover-20:focus ~ .led-26,
.joystick__hover.hover-20:focus ~ .led-14 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-20:hover ~ .led-27,
.joystick__hover.hover-20:hover ~ .led-13, .joystick__hover.hover-20:focus ~ .led-27,
.joystick__hover.hover-20:focus ~ .led-13 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-21 {
  transform: rotate(257.142858deg);
}
.joystick__hover.hover-21:hover ~ .menu, .joystick__hover.hover-21:focus ~ .menu {
  transform: translateY(-71.4285714286%);
}
.joystick__hover.hover-21:hover ~ .menu .menu-item-21, .joystick__hover.hover-21:focus ~ .menu .menu-item-21 {
  filter: blur(0px);
  opacity: 1;
}
.joystick__hover.hover-21:hover ~ .menu .menu-item-20, .joystick__hover.hover-21:focus ~ .menu .menu-item-20 {
  filter: blur(2px);
  opacity: 0.9;
}
.joystick__hover.hover-21:hover ~ .menu .menu-item-22, .joystick__hover.hover-21:focus ~ .menu .menu-item-22 {
  filter: blur(3px);
  opacity: 0.9;
}
.joystick__hover.hover-21:hover ~ .joystick__stick, .joystick__hover.hover-21:focus ~ .joystick__stick {
  transform: translate(-48.7463957748%, 11.1260364692%) rotateX(5.5630182346deg) rotateY(24.3731978874deg);
  box-shadow: inset -12.1865989437px 2.7815091173px 10px rgba(255, 255, 255, 0.3), inset 12.1865989437px -2.7815091173px 10px rgba(0, 0, 0, 0.15), 0 2px 10px -5px rgba(0, 0, 0, 0.7), 0 4px 20px -10px rgba(0, 0, 0, 0.2), 5.5630182346px 0 40px -20px rgba(0, 0, 0, 0.2), -5.5630182346px 50px 40px -20px rgba(0, 0, 0, 0.2);
}
.joystick__hover.hover-21:hover ~ .joystick__stick:after, .joystick__hover.hover-21:focus ~ .joystick__stick:after {
  box-shadow: 12.1865989437px -2.7815091173px 20px -10px;
}
.joystick__hover.hover-21:hover ~ .led-21, .joystick__hover.hover-21:focus ~ .led-21 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-21:hover ~ .led-21, .joystick__hover.hover-21:focus ~ .led-21 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-21:hover ~ .led-22, .joystick__hover.hover-21:focus ~ .led-22 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-21:hover ~ .led-20, .joystick__hover.hover-21:focus ~ .led-20 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-21:hover ~ .led-23, .joystick__hover.hover-21:focus ~ .led-23 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-21:hover ~ .led-19, .joystick__hover.hover-21:focus ~ .led-19 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-21:hover ~ .led-24, .joystick__hover.hover-21:focus ~ .led-24 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-21:hover ~ .led-18, .joystick__hover.hover-21:focus ~ .led-18 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-21:hover ~ .led-25, .joystick__hover.hover-21:focus ~ .led-25 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-21:hover ~ .led-17, .joystick__hover.hover-21:focus ~ .led-17 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-21:hover ~ .led-26, .joystick__hover.hover-21:focus ~ .led-26 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-21:hover ~ .led-16, .joystick__hover.hover-21:focus ~ .led-16 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-21:hover ~ .led-27,
.joystick__hover.hover-21:hover ~ .led-15, .joystick__hover.hover-21:focus ~ .led-27,
.joystick__hover.hover-21:focus ~ .led-15 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-21:hover ~ .led-28,
.joystick__hover.hover-21:hover ~ .led-14, .joystick__hover.hover-21:focus ~ .led-28,
.joystick__hover.hover-21:focus ~ .led-14 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-22 {
  transform: rotate(270.0000009deg);
}
.joystick__hover.hover-22:hover ~ .menu, .joystick__hover.hover-22:focus ~ .menu {
  transform: translateY(-75%);
}
.joystick__hover.hover-22:hover ~ .menu .menu-item-22, .joystick__hover.hover-22:focus ~ .menu .menu-item-22 {
  filter: blur(0px);
  opacity: 1;
}
.joystick__hover.hover-22:hover ~ .menu .menu-item-21, .joystick__hover.hover-22:focus ~ .menu .menu-item-21 {
  filter: blur(2px);
  opacity: 0.9;
}
.joystick__hover.hover-22:hover ~ .menu .menu-item-23, .joystick__hover.hover-22:focus ~ .menu .menu-item-23 {
  filter: blur(3px);
  opacity: 0.9;
}
.joystick__hover.hover-22:hover ~ .joystick__stick, .joystick__hover.hover-22:focus ~ .joystick__stick {
  transform: translate(-49.9999999962%, -0.0000284726%) rotateX(-0.0000142363deg) rotateY(24.9999999981deg);
  box-shadow: inset -12.4999999991px -0.0000071182px 10px rgba(255, 255, 255, 0.3), inset 12.4999999991px 0.0000071182px 10px rgba(0, 0, 0, 0.15), 0 2px 10px -5px rgba(0, 0, 0, 0.7), 0 4px 20px -10px rgba(0, 0, 0, 0.2), -0.0000142363px 0 40px -20px rgba(0, 0, 0, 0.2), 0.0000142363px 50px 40px -20px rgba(0, 0, 0, 0.2);
}
.joystick__hover.hover-22:hover ~ .joystick__stick:after, .joystick__hover.hover-22:focus ~ .joystick__stick:after {
  box-shadow: 12.4999999991px 0.0000071182px 20px -10px;
}
.joystick__hover.hover-22:hover ~ .led-22, .joystick__hover.hover-22:focus ~ .led-22 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-22:hover ~ .led-22, .joystick__hover.hover-22:focus ~ .led-22 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-22:hover ~ .led-23, .joystick__hover.hover-22:focus ~ .led-23 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-22:hover ~ .led-21, .joystick__hover.hover-22:focus ~ .led-21 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-22:hover ~ .led-24, .joystick__hover.hover-22:focus ~ .led-24 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-22:hover ~ .led-20, .joystick__hover.hover-22:focus ~ .led-20 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-22:hover ~ .led-25, .joystick__hover.hover-22:focus ~ .led-25 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-22:hover ~ .led-19, .joystick__hover.hover-22:focus ~ .led-19 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-22:hover ~ .led-26, .joystick__hover.hover-22:focus ~ .led-26 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-22:hover ~ .led-18, .joystick__hover.hover-22:focus ~ .led-18 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-22:hover ~ .led-27, .joystick__hover.hover-22:focus ~ .led-27 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-22:hover ~ .led-17, .joystick__hover.hover-22:focus ~ .led-17 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-22:hover ~ .led-28,
.joystick__hover.hover-22:hover ~ .led-16, .joystick__hover.hover-22:focus ~ .led-28,
.joystick__hover.hover-22:focus ~ .led-16 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-22:hover ~ .led-29,
.joystick__hover.hover-22:hover ~ .led-15, .joystick__hover.hover-22:focus ~ .led-29,
.joystick__hover.hover-22:focus ~ .led-15 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-23 {
  transform: rotate(282.8571438deg);
}
.joystick__hover.hover-23:hover ~ .menu, .joystick__hover.hover-23:focus ~ .menu {
  transform: translateY(-78.5714285714%);
}
.joystick__hover.hover-23:hover ~ .menu .menu-item-23, .joystick__hover.hover-23:focus ~ .menu .menu-item-23 {
  filter: blur(0px);
  opacity: 1;
}
.joystick__hover.hover-23:hover ~ .menu .menu-item-22, .joystick__hover.hover-23:focus ~ .menu .menu-item-22 {
  filter: blur(2px);
  opacity: 0.9;
}
.joystick__hover.hover-23:hover ~ .menu .menu-item-24, .joystick__hover.hover-23:focus ~ .menu .menu-item-24 {
  filter: blur(3px);
  opacity: 0.9;
}
.joystick__hover.hover-23:hover ~ .joystick__stick, .joystick__hover.hover-23:focus ~ .joystick__stick {
  transform: translate(-48.7463954088%, -11.1261242538%) rotateX(-5.5630621269deg) rotateY(24.3731977044deg);
  box-shadow: inset -12.1865988522px -2.7815310634px 10px rgba(255, 255, 255, 0.3), inset 12.1865988522px 2.7815310634px 10px rgba(0, 0, 0, 0.15), 0 2px 10px -5px rgba(0, 0, 0, 0.7), 0 4px 20px -10px rgba(0, 0, 0, 0.2), -5.5630621269px 0 40px -20px rgba(0, 0, 0, 0.2), 5.5630621269px 50px 40px -20px rgba(0, 0, 0, 0.2);
}
.joystick__hover.hover-23:hover ~ .joystick__stick:after, .joystick__hover.hover-23:focus ~ .joystick__stick:after {
  box-shadow: 12.1865988522px 2.7815310634px 20px -10px;
}
.joystick__hover.hover-23:hover ~ .led-23, .joystick__hover.hover-23:focus ~ .led-23 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-23:hover ~ .led-23, .joystick__hover.hover-23:focus ~ .led-23 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-23:hover ~ .led-24, .joystick__hover.hover-23:focus ~ .led-24 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-23:hover ~ .led-22, .joystick__hover.hover-23:focus ~ .led-22 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-23:hover ~ .led-25, .joystick__hover.hover-23:focus ~ .led-25 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-23:hover ~ .led-21, .joystick__hover.hover-23:focus ~ .led-21 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-23:hover ~ .led-26, .joystick__hover.hover-23:focus ~ .led-26 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-23:hover ~ .led-20, .joystick__hover.hover-23:focus ~ .led-20 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-23:hover ~ .led-27, .joystick__hover.hover-23:focus ~ .led-27 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-23:hover ~ .led-19, .joystick__hover.hover-23:focus ~ .led-19 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-23:hover ~ .led-28, .joystick__hover.hover-23:focus ~ .led-28 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-23:hover ~ .led-18, .joystick__hover.hover-23:focus ~ .led-18 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-23:hover ~ .led-29,
.joystick__hover.hover-23:hover ~ .led-17, .joystick__hover.hover-23:focus ~ .led-29,
.joystick__hover.hover-23:focus ~ .led-17 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-23:hover ~ .led-30,
.joystick__hover.hover-23:hover ~ .led-16, .joystick__hover.hover-23:focus ~ .led-30,
.joystick__hover.hover-23:focus ~ .led-16 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-24 {
  transform: rotate(295.7142867deg);
}
.joystick__hover.hover-24:hover ~ .menu, .joystick__hover.hover-24:focus ~ .menu {
  transform: translateY(-82.1428571429%);
}
.joystick__hover.hover-24:hover ~ .menu .menu-item-24, .joystick__hover.hover-24:focus ~ .menu .menu-item-24 {
  filter: blur(0px);
  opacity: 1;
}
.joystick__hover.hover-24:hover ~ .menu .menu-item-23, .joystick__hover.hover-24:focus ~ .menu .menu-item-23 {
  filter: blur(2px);
  opacity: 0.9;
}
.joystick__hover.hover-24:hover ~ .menu .menu-item-25, .joystick__hover.hover-24:focus ~ .menu .menu-item-25 {
  filter: blur(3px);
  opacity: 0.9;
}
.joystick__hover.hover-24:hover ~ .joystick__stick, .joystick__hover.hover-24:focus ~ .joystick__stick {
  transform: translate(-45.0484429509%, -21.6943910072%) rotateX(-10.8471955036deg) rotateY(22.5242214754deg);
  box-shadow: inset -11.2621107377px -5.4235977518px 10px rgba(255, 255, 255, 0.3), inset 11.2621107377px 5.4235977518px 10px rgba(0, 0, 0, 0.15), 0 2px 10px -5px rgba(0, 0, 0, 0.7), 0 4px 20px -10px rgba(0, 0, 0, 0.2), -10.8471955036px 0 40px -20px rgba(0, 0, 0, 0.2), 10.8471955036px 50px 40px -20px rgba(0, 0, 0, 0.2);
}
.joystick__hover.hover-24:hover ~ .joystick__stick:after, .joystick__hover.hover-24:focus ~ .joystick__stick:after {
  box-shadow: 11.2621107377px 5.4235977518px 20px -10px;
}
.joystick__hover.hover-24:hover ~ .led-24, .joystick__hover.hover-24:focus ~ .led-24 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-24:hover ~ .led-24, .joystick__hover.hover-24:focus ~ .led-24 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-24:hover ~ .led-25, .joystick__hover.hover-24:focus ~ .led-25 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-24:hover ~ .led-23, .joystick__hover.hover-24:focus ~ .led-23 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-24:hover ~ .led-26, .joystick__hover.hover-24:focus ~ .led-26 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-24:hover ~ .led-22, .joystick__hover.hover-24:focus ~ .led-22 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-24:hover ~ .led-27, .joystick__hover.hover-24:focus ~ .led-27 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-24:hover ~ .led-21, .joystick__hover.hover-24:focus ~ .led-21 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-24:hover ~ .led-28, .joystick__hover.hover-24:focus ~ .led-28 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-24:hover ~ .led-20, .joystick__hover.hover-24:focus ~ .led-20 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-24:hover ~ .led-1, .joystick__hover.hover-24:focus ~ .led-1 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-24:hover ~ .led-2, .joystick__hover.hover-24:focus ~ .led-2 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-24:hover ~ .led-3, .joystick__hover.hover-24:focus ~ .led-3 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-24:hover ~ .led-19, .joystick__hover.hover-24:focus ~ .led-19 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-24:hover ~ .led-30,
.joystick__hover.hover-24:hover ~ .led-18, .joystick__hover.hover-24:focus ~ .led-30,
.joystick__hover.hover-24:focus ~ .led-18 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-24:hover ~ .led-31,
.joystick__hover.hover-24:hover ~ .led-17, .joystick__hover.hover-24:focus ~ .led-31,
.joystick__hover.hover-24:focus ~ .led-17 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-25 {
  transform: rotate(308.5714296deg);
}
.joystick__hover.hover-25:hover ~ .menu, .joystick__hover.hover-25:focus ~ .menu {
  transform: translateY(-85.7142857143%);
}
.joystick__hover.hover-25:hover ~ .menu .menu-item-25, .joystick__hover.hover-25:focus ~ .menu .menu-item-25 {
  filter: blur(0px);
  opacity: 1;
}
.joystick__hover.hover-25:hover ~ .menu .menu-item-24, .joystick__hover.hover-25:focus ~ .menu .menu-item-24 {
  filter: blur(2px);
  opacity: 0.9;
}
.joystick__hover.hover-25:hover ~ .menu .menu-item-26, .joystick__hover.hover-25:focus ~ .menu .menu-item-26 {
  filter: blur(3px);
  opacity: 0.9;
}
.joystick__hover.hover-25:hover ~ .joystick__stick, .joystick__hover.hover-25:focus ~ .joystick__stick {
  transform: translate(-39.0915732951%, -31.1750071203%) rotateX(-15.5875035601deg) rotateY(19.5457866475deg);
  box-shadow: inset -9.7728933238px -7.7937517801px 10px rgba(255, 255, 255, 0.3), inset 9.7728933238px 7.7937517801px 10px rgba(0, 0, 0, 0.15), 0 2px 10px -5px rgba(0, 0, 0, 0.7), 0 4px 20px -10px rgba(0, 0, 0, 0.2), -15.5875035601px 0 40px -20px rgba(0, 0, 0, 0.2), 15.5875035601px 50px 40px -20px rgba(0, 0, 0, 0.2);
}
.joystick__hover.hover-25:hover ~ .joystick__stick:after, .joystick__hover.hover-25:focus ~ .joystick__stick:after {
  box-shadow: 9.7728933238px 7.7937517801px 20px -10px;
}
.joystick__hover.hover-25:hover ~ .led-25, .joystick__hover.hover-25:focus ~ .led-25 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-25:hover ~ .led-25, .joystick__hover.hover-25:focus ~ .led-25 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-25:hover ~ .led-26, .joystick__hover.hover-25:focus ~ .led-26 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-25:hover ~ .led-24, .joystick__hover.hover-25:focus ~ .led-24 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-25:hover ~ .led-27, .joystick__hover.hover-25:focus ~ .led-27 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-25:hover ~ .led-23, .joystick__hover.hover-25:focus ~ .led-23 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-25:hover ~ .led-28, .joystick__hover.hover-25:focus ~ .led-28 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-25:hover ~ .led-22, .joystick__hover.hover-25:focus ~ .led-22 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-25:hover ~ .led-1, .joystick__hover.hover-25:focus ~ .led-1 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-25:hover ~ .led-21, .joystick__hover.hover-25:focus ~ .led-21 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-25:hover ~ .led-2, .joystick__hover.hover-25:focus ~ .led-2 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-25:hover ~ .led-3, .joystick__hover.hover-25:focus ~ .led-3 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-25:hover ~ .led-4, .joystick__hover.hover-25:focus ~ .led-4 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-25:hover ~ .led-20, .joystick__hover.hover-25:focus ~ .led-20 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-25:hover ~ .led-31,
.joystick__hover.hover-25:hover ~ .led-19, .joystick__hover.hover-25:focus ~ .led-31,
.joystick__hover.hover-25:focus ~ .led-19 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-25:hover ~ .led-32,
.joystick__hover.hover-25:hover ~ .led-18, .joystick__hover.hover-25:focus ~ .led-32,
.joystick__hover.hover-25:focus ~ .led-18 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-26 {
  transform: rotate(321.4285725deg);
}
.joystick__hover.hover-26:hover ~ .menu, .joystick__hover.hover-26:focus ~ .menu {
  transform: translateY(-89.2857142857%);
}
.joystick__hover.hover-26:hover ~ .menu .menu-item-26, .joystick__hover.hover-26:focus ~ .menu .menu-item-26 {
  filter: blur(0px);
  opacity: 1;
}
.joystick__hover.hover-26:hover ~ .menu .menu-item-25, .joystick__hover.hover-26:focus ~ .menu .menu-item-25 {
  filter: blur(2px);
  opacity: 0.9;
}
.joystick__hover.hover-26:hover ~ .menu .menu-item-27, .joystick__hover.hover-26:focus ~ .menu .menu-item-27 {
  filter: blur(3px);
  opacity: 0.9;
}
.joystick__hover.hover-26:hover ~ .joystick__stick, .joystick__hover.hover-26:focus ~ .joystick__stick {
  transform: translate(-31.1744884201%, -39.0928367887%) rotateX(-19.5464183944deg) rotateY(15.58724421deg);
  box-shadow: inset -7.793622105px -9.7732091972px 10px rgba(255, 255, 255, 0.3), inset 7.793622105px 9.7732091972px 10px rgba(0, 0, 0, 0.15), 0 2px 10px -5px rgba(0, 0, 0, 0.7), 0 4px 20px -10px rgba(0, 0, 0, 0.2), -19.5464183944px 0 40px -20px rgba(0, 0, 0, 0.2), 19.5464183944px 50px 40px -20px rgba(0, 0, 0, 0.2);
}
.joystick__hover.hover-26:hover ~ .joystick__stick:after, .joystick__hover.hover-26:focus ~ .joystick__stick:after {
  box-shadow: 7.793622105px 9.7732091972px 20px -10px;
}
.joystick__hover.hover-26:hover ~ .led-26, .joystick__hover.hover-26:focus ~ .led-26 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-26:hover ~ .led-26, .joystick__hover.hover-26:focus ~ .led-26 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-26:hover ~ .led-27, .joystick__hover.hover-26:focus ~ .led-27 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-26:hover ~ .led-25, .joystick__hover.hover-26:focus ~ .led-25 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-26:hover ~ .led-28, .joystick__hover.hover-26:focus ~ .led-28 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-26:hover ~ .led-24, .joystick__hover.hover-26:focus ~ .led-24 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-26:hover ~ .led-1, .joystick__hover.hover-26:focus ~ .led-1 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-26:hover ~ .led-23, .joystick__hover.hover-26:focus ~ .led-23 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-26:hover ~ .led-2, .joystick__hover.hover-26:focus ~ .led-2 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-26:hover ~ .led-22, .joystick__hover.hover-26:focus ~ .led-22 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-26:hover ~ .led-3, .joystick__hover.hover-26:focus ~ .led-3 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-26:hover ~ .led-4, .joystick__hover.hover-26:focus ~ .led-4 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-26:hover ~ .led-5, .joystick__hover.hover-26:focus ~ .led-5 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-26:hover ~ .led-21, .joystick__hover.hover-26:focus ~ .led-21 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-26:hover ~ .led-32,
.joystick__hover.hover-26:hover ~ .led-20, .joystick__hover.hover-26:focus ~ .led-32,
.joystick__hover.hover-26:focus ~ .led-20 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-26:hover ~ .led-33,
.joystick__hover.hover-26:hover ~ .led-19, .joystick__hover.hover-26:focus ~ .led-33,
.joystick__hover.hover-26:focus ~ .led-19 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-27 {
  transform: rotate(334.2857154deg);
}
.joystick__hover.hover-27:hover ~ .menu, .joystick__hover.hover-27:focus ~ .menu {
  transform: translateY(-92.8571428571%);
}
.joystick__hover.hover-27:hover ~ .menu .menu-item-27, .joystick__hover.hover-27:focus ~ .menu .menu-item-27 {
  filter: blur(0px);
  opacity: 1;
}
.joystick__hover.hover-27:hover ~ .menu .menu-item-26, .joystick__hover.hover-27:focus ~ .menu .menu-item-26 {
  filter: blur(2px);
  opacity: 0.9;
}
.joystick__hover.hover-27:hover ~ .menu .menu-item-28, .joystick__hover.hover-27:focus ~ .menu .menu-item-28 {
  filter: blur(3px);
  opacity: 0.9;
}
.joystick__hover.hover-27:hover ~ .joystick__stick, .joystick__hover.hover-27:focus ~ .joystick__stick {
  transform: translate(-21.6941829957%, -45.0514215257%) rotateX(-22.5257107628deg) rotateY(10.8470914978deg);
  box-shadow: inset -5.4235457489px -11.2628553814px 10px rgba(255, 255, 255, 0.3), inset 5.4235457489px 11.2628553814px 10px rgba(0, 0, 0, 0.15), 0 2px 10px -5px rgba(0, 0, 0, 0.7), 0 4px 20px -10px rgba(0, 0, 0, 0.2), -22.5257107628px 0 40px -20px rgba(0, 0, 0, 0.2), 22.5257107628px 50px 40px -20px rgba(0, 0, 0, 0.2);
}
.joystick__hover.hover-27:hover ~ .joystick__stick:after, .joystick__hover.hover-27:focus ~ .joystick__stick:after {
  box-shadow: 5.4235457489px 11.2628553814px 20px -10px;
}
.joystick__hover.hover-27:hover ~ .led-27, .joystick__hover.hover-27:focus ~ .led-27 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-27:hover ~ .led-27, .joystick__hover.hover-27:focus ~ .led-27 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-27:hover ~ .led-28, .joystick__hover.hover-27:focus ~ .led-28 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-27:hover ~ .led-26, .joystick__hover.hover-27:focus ~ .led-26 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-27:hover ~ .led-1, .joystick__hover.hover-27:focus ~ .led-1 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-27:hover ~ .led-25, .joystick__hover.hover-27:focus ~ .led-25 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-27:hover ~ .led-2, .joystick__hover.hover-27:focus ~ .led-2 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-27:hover ~ .led-24, .joystick__hover.hover-27:focus ~ .led-24 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-27:hover ~ .led-3, .joystick__hover.hover-27:focus ~ .led-3 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-27:hover ~ .led-23, .joystick__hover.hover-27:focus ~ .led-23 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-27:hover ~ .led-4, .joystick__hover.hover-27:focus ~ .led-4 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-27:hover ~ .led-5, .joystick__hover.hover-27:focus ~ .led-5 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-27:hover ~ .led-6, .joystick__hover.hover-27:focus ~ .led-6 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-27:hover ~ .led-22, .joystick__hover.hover-27:focus ~ .led-22 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-27:hover ~ .led-33,
.joystick__hover.hover-27:hover ~ .led-21, .joystick__hover.hover-27:focus ~ .led-33,
.joystick__hover.hover-27:focus ~ .led-21 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-27:hover ~ .led-34,
.joystick__hover.hover-27:hover ~ .led-20, .joystick__hover.hover-27:focus ~ .led-34,
.joystick__hover.hover-27:focus ~ .led-20 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-28 {
  transform: rotate(347.1428583deg);
}
.joystick__hover.hover-28:hover ~ .menu, .joystick__hover.hover-28:focus ~ .menu {
  transform: translateY(-96.4285714286%);
}
.joystick__hover.hover-28:hover ~ .menu .menu-item-28, .joystick__hover.hover-28:focus ~ .menu .menu-item-28 {
  filter: blur(0px);
  opacity: 1;
}
.joystick__hover.hover-28:hover ~ .menu .menu-item-27, .joystick__hover.hover-28:focus ~ .menu .menu-item-27 {
  filter: blur(2px);
  opacity: 0.9;
}
.joystick__hover.hover-28:hover ~ .menu .menu-item-29, .joystick__hover.hover-28:focus ~ .menu .menu-item-29 {
  filter: blur(3px);
  opacity: 0.9;
}
.joystick__hover.hover-28:hover ~ .joystick__stick, .joystick__hover.hover-28:focus ~ .joystick__stick {
  transform: translate(-11.1260362139%, -48.753195114%) rotateX(-24.376597557deg) rotateY(5.563018107deg);
  box-shadow: inset -2.7815090535px -12.1882987785px 10px rgba(255, 255, 255, 0.3), inset 2.7815090535px 12.1882987785px 10px rgba(0, 0, 0, 0.15), 0 2px 10px -5px rgba(0, 0, 0, 0.7), 0 4px 20px -10px rgba(0, 0, 0, 0.2), -24.376597557px 0 40px -20px rgba(0, 0, 0, 0.2), 24.376597557px 50px 40px -20px rgba(0, 0, 0, 0.2);
}
.joystick__hover.hover-28:hover ~ .joystick__stick:after, .joystick__hover.hover-28:focus ~ .joystick__stick:after {
  box-shadow: 2.7815090535px 12.1882987785px 20px -10px;
}
.joystick__hover.hover-28:hover ~ .led-28, .joystick__hover.hover-28:focus ~ .led-28 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-28:hover ~ .led-28, .joystick__hover.hover-28:focus ~ .led-28 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-28:hover ~ .led-1, .joystick__hover.hover-28:focus ~ .led-1 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-28:hover ~ .led-27, .joystick__hover.hover-28:focus ~ .led-27 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-28:hover ~ .led-2, .joystick__hover.hover-28:focus ~ .led-2 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-28:hover ~ .led-26, .joystick__hover.hover-28:focus ~ .led-26 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-28:hover ~ .led-3, .joystick__hover.hover-28:focus ~ .led-3 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-28:hover ~ .led-25, .joystick__hover.hover-28:focus ~ .led-25 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-28:hover ~ .led-4, .joystick__hover.hover-28:focus ~ .led-4 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-28:hover ~ .led-24, .joystick__hover.hover-28:focus ~ .led-24 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-28:hover ~ .led-5, .joystick__hover.hover-28:focus ~ .led-5 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-28:hover ~ .led-6, .joystick__hover.hover-28:focus ~ .led-6 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-28:hover ~ .led-7, .joystick__hover.hover-28:focus ~ .led-7 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__hover.hover-28:hover ~ .led-23, .joystick__hover.hover-28:focus ~ .led-23 {
  background: #fff;
  box-shadow: 0 0 5px #fff;
}
.joystick__hover.hover-28:hover ~ .led-34,
.joystick__hover.hover-28:hover ~ .led-22, .joystick__hover.hover-28:focus ~ .led-34,
.joystick__hover.hover-28:focus ~ .led-22 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.joystick__hover.hover-28:hover ~ .led-35,
.joystick__hover.hover-28:hover ~ .led-21, .joystick__hover.hover-28:focus ~ .led-35,
.joystick__hover.hover-28:focus ~ .led-21 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}
.joystick__led {
  position: absolute;
  top: -40px;
  left: 50%;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.7);
  transform-origin: 0 140px;
  transition: 200ms ease all;
}
.joystick__led.led-2 {
  transform: rotate(12.8571429deg);
}
.joystick__led.led-3 {
  transform: rotate(25.7142858deg);
}
.joystick__led.led-4 {
  transform: rotate(38.5714287deg);
}
.joystick__led.led-5 {
  transform: rotate(51.4285716deg);
}
.joystick__led.led-6 {
  transform: rotate(64.2857145deg);
}
.joystick__led.led-7 {
  transform: rotate(77.1428574deg);
}
.joystick__led.led-8 {
  transform: rotate(90.0000003deg);
}
.joystick__led.led-9 {
  transform: rotate(102.8571432deg);
}
.joystick__led.led-10 {
  transform: rotate(115.7142861deg);
}
.joystick__led.led-11 {
  transform: rotate(128.571429deg);
}
.joystick__led.led-12 {
  transform: rotate(141.4285719deg);
}
.joystick__led.led-13 {
  transform: rotate(154.2857148deg);
}
.joystick__led.led-14 {
  transform: rotate(167.1428577deg);
}
.joystick__led.led-15 {
  transform: rotate(180.0000006deg);
}
.joystick__led.led-16 {
  transform: rotate(192.8571435deg);
}
.joystick__led.led-17 {
  transform: rotate(205.7142864deg);
}
.joystick__led.led-18 {
  transform: rotate(218.5714293deg);
}
.joystick__led.led-19 {
  transform: rotate(231.4285722deg);
}
.joystick__led.led-20 {
  transform: rotate(244.2857151deg);
}
.joystick__led.led-21 {
  transform: rotate(257.142858deg);
}
.joystick__led.led-22 {
  transform: rotate(270.0000009deg);
}
.joystick__led.led-23 {
  transform: rotate(282.8571438deg);
}
.joystick__led.led-24 {
  transform: rotate(295.7142867deg);
}
.joystick__led.led-25 {
  transform: rotate(308.5714296deg);
}
.joystick__led.led-26 {
  transform: rotate(321.4285725deg);
}
.joystick__led.led-27 {
  transform: rotate(334.2857154deg);
}
.joystick__led.led-28 {
  transform: rotate(347.1428583deg);
}

.menu {
  position: absolute;
  display: none;
  top: 50%;
  left: 100%;
  margin-top: -30px;
  margin-left: 200px;
  list-style: none;
  padding: 0;
  width: 250px;
  transition: 200ms ease all;
  
}
.menu .menu-item {
  margin: 20px 0;
  filter: blur(10px);
  opacity: 0.5;
  transition: 200ms ease all;
}
.menu .menu-item span {
  font-size: 1.8em;
  font-family: sans-serif;
  color: #333333;
}

.menu-use-case {
  opacity: 0;
}
.menu-use-case + label {
  position: absolute;
  background: #1a1a1a;
  color: #fff;
  font-family: sans-serif;
  left: 20px;
  top: 0;
  padding: 15px 20px;
  font-size: 0.9rem;
  cursor: pointer;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 10px 10px -10px #0000008f;
}
.menu-use-case + label:before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: -3px;
  display: inline-block;
  background: #fff;
  transition: 200ms ease all;
}
.menu-use-case + label:after {
  content: "";
  position: absolute;
  height: 6px;
  width: 12px;
  border-left: 2px solid #1a1a1a;
  border-bottom: 2px solid #1a1a1a;
  transform: rotate(-45deg);
  top: 20px;
  left: 23px;
  opacity: 0;
}

.menu-use-case:checked + label:after {
  opacity: 1;
}
.menu-use-case:checked ~ .joystick .menu {
  display: block;




















@media only screen and (max-width: 900px) {
 
.menu .menu-item span {
  font-size: 0.8rem;
  
 
}
.menu {
    margin-left: 20px;
}

 
 

@media only screen and (max-width: 360px) {
 
.menu .menu-item span {
  font-size: 0.5rem;
}
.joystick {
  background: radial-gradient(at 75% 75%, #f2f2f2 0%, #d9d9d9 100%);
  box-shadow: 0 -5px 5px rgba(255, 255, 255, 0.1), 0 5px 5px rgba(255, 255, 255, 0.05), inset 0 5px 5px rgba(0, 0, 0, 0.02), inset 0 -5px 5px rgba(255, 255, 255, 0.05);
  position: absolute;
  height:100px;
  width: 100px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.joystick__ball {
  background: radial-gradient(at 25% 25%, #f2f2f2 0%, #d9d9d9 100%);
  position: absolute;
  height: 30%;
  width: 30%;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-style: preserve-3d;
  perspective: 1000px;
  box-shadow: inset -5px -10px 40px rgba(0, 0, 0, 0.05), inset 0px 0px 10px rgba(0, 0, 0, 0.3), inset 0px 0px 5px rgba(0, 0, 0, 0.5), inset 0px 0px 3px 1px rgba(0, 0, 0, 0.51), 0px 0px 10px rgba(0, 0, 0, 0.3);
}/* End custom CSS */