@charset "UTF-8";.flex{display:flex}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:2rem}.flex-col{flex-direction:column}.center{justify-content:center;align-items:center}.lower-font-weight{font-weight:400}.justify-end{justify-content:flex-end}.align-center{align-items:center}.align-flex-end{align-items:flex-end}.align-end{align-items:end}.space-between{justify-content:space-between}.w-100{width:100%}.transition{transition:transform .1s ease}.center-words{text-align:center;word-break:break-word}.five-margin{margin:.5rem}@media screen and (min-width: 400px){.mobile-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1rem}.add-event{padding:1rem 1rem 1rem 0rem}.add-event button{height:100%}}.voucher-info{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;border-radius:.75rem;padding:.25rem .75rem;margin-bottom:.5rem;background-color:#f8f8f8}.points-box{justify-content:space-between;align-items:center}.voucher-input{width:5rem;text-align:right}.points-input{margin:.5rem;width:7rem;text-align:right}.update-all-button{display:flex;align-items:center;justify-content:right;width:10rem;align-self:flex-end}.update-points-button{width:10rem;align-self:flex-end;margin-bottom:1rem}.cancel-button{margin-top:.5rem}.attendee-button{flex-grow:1;border:1px solid #003071!important}.attendee-button-container{gap:1rem}.voucher-container{display:flex;flex-wrap:wrap;gap:.5rem}.alert{border-radius:.5rem;border:none;padding:.75rem;transition:all .2s ease-in-out}.alert.success{background-color:#5cb85c;color:#fff}.alert.danger{background-color:#d63d1f;color:#fff}.alert.warning{background-color:#ffc107;color:#fff}.alert.info{background-color:gray;color:#fff}.MuiAlert-root.MuiAlert-filled{border-radius:.75rem;color:#000;margin-top:1rem}.MuiAlert-root.MuiAlert-filled .MuiAlert-icon>.MuiSvgIcon-root{color:#000;fill:#000}button,.MuiButtonBase-root,.button-link{border-radius:.75rem;padding:.75rem 1.25rem;border:none;font-size:1rem;font-weight:500;text-align:center;transition:all .1s ease-in-out;cursor:pointer}button.button-link,.MuiButtonBase-root.button-link,.button-link.button-link{text-decoration:none;background-color:transparent;box-shadow:none}button,button.default,.MuiButtonBase-root,.MuiButtonBase-root.default,.button-link,.button-link.default{background-color:#e2edff;color:#003071;border:1px solid}button:hover,button.default:hover,.MuiButtonBase-root:hover,.MuiButtonBase-root.default:hover,.button-link:hover,.button-link.default:hover{background-color:#007bff1a;transform:translateY(-1px)}button:active,button.default:active,.MuiButtonBase-root:active,.MuiButtonBase-root.default:active,.button-link:active,.button-link.default:active{transform:translateY(0)}button.primary,.MuiButtonBase-root.primary,.button-link.primary{background-color:#003071;border:transparent;color:#fff}button.primary:hover,.MuiButtonBase-root.primary:hover,.button-link.primary:hover{background-color:#001a3e;transform:translateY(-1px)}button.primary:active,.MuiButtonBase-root.primary:active,.button-link.primary:active{transform:translateY(0)}button.secondary,.MuiButtonBase-root.secondary,.button-link.secondary{background-color:#f2f2f5;color:#003071;border:1px solid #003071}button.secondary:hover,.MuiButtonBase-root.secondary:hover,.button-link.secondary:hover{background-color:#e6e6e6;transform:translateY(-1px)}button.secondary:active,.MuiButtonBase-root.secondary:active,.button-link.secondary:active{transform:translateY(0)}button.success,.MuiButtonBase-root.success,.button-link.success{background-color:#5cb85c;color:#fff}button.success:hover,.MuiButtonBase-root.success:hover,.button-link.success:hover{background-color:#449d44;transform:translateY(-1px)}button.success:active,.MuiButtonBase-root.success:active,.button-link.success:active{transform:translateY(0)}button.danger,.MuiButtonBase-root.danger,.button-link.danger{background-color:#d63d1f;color:#fff}button.danger:hover,.MuiButtonBase-root.danger:hover,.button-link.danger:hover{background-color:#a93019;transform:translateY(-1px)}button.danger:active,.MuiButtonBase-root.danger:active,.button-link.danger:active{transform:translateY(0)}button:disabled,.MuiButtonBase-root:disabled,.button-link:disabled{cursor:not-allowed;background-color:#e0e0e0;color:#a0a0a0;box-shadow:none;transform:none;pointer-events:none}button.button-with-icon,.MuiButtonBase-root.button-with-icon,.button-link.button-with-icon{display:flex;align-items:center;justify-content:center;gap:.5rem}button.full-width,.MuiButtonBase-root.full-width,.button-link.full-width{width:100%}button.full-height,.MuiButtonBase-root.full-height,.button-link.full-height{height:100%}.MuiToggleButtonGroup-root{box-sizing:border-box}.MuiToggleButtonGroup-root>.MuiButtonBase-root{line-height:inherit;padding:.75rem 1rem;border-radius:.75rem;box-shadow:0 2px 4px #0000001a;transition:all .3s ease-in-out}.MuiToggleButtonGroup-root>.MuiButtonBase-root:hover{background-color:#007bff1a;transform:translateY(-1px)}.MuiToggleButtonGroup-root>.MuiButtonBase-root:active{transform:translateY(0)}.card{text-align:left}.card .card-content{display:flex;justify-content:space-between;gap:.75rem;padding:.75rem}.card .card-image{object-fit:cover;border-radius:.75rem;aspect-ratio:1/1;height:100%;width:100%;padding:.25rem}.card .card-image.large{aspect-ratio:16/9;width:100%;height:auto;max-height:100%}.card .card-body{display:flex;flex-direction:column;justify-content:space-between;border-radius:1.25rem;background-color:#fff}.card.clickable:hover{cursor:pointer}.raffle-and-prizes-card{margin:.25rem 0rem}.raffle-and-prizes-card .card-title{text-align:center;font-weight:700;font-size:1.25rem;padding-bottom:.25rem;word-break:break-word;color:#003071}.raffle-and-prizes-card .entries-label{font-size:.75rem;color:#003071;padding-bottom:.25rem}.raffle-and-prizes-card .card-body{height:100%}.raffle-and-prizes-card .number-input-and-label{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.5rem;padding-top:.5rem}.raffle-and-prizes-card .number-input-box{display:flex;flex-direction:row;box-sizing:border-box;gap:.5rem}.raffle-and-prizes-card .number-input-box .number-input-field{text-align:center;border:.05rem solid #ccc;border-radius:.75rem;width:4rem}.raffle-and-prizes-card .button-ticker{display:flex;background-color:#f2f2f5;align-items:center;justify-content:center;height:auto;width:100%;padding:1rem}.raffle-and-prizes-card .button-ticker.disabled{background-color:#ccc;cursor:not-allowed;pointer-events:none}.event-card{flex:2;position:relative;margin-top:5px!important}.event-card .card-title{font-size:1.5rem;font-weight:700;padding-bottom:1rem;padding-top:.5rem;word-break:break-word}.event-card .card-body.large{height:auto;padding:.75rem}.event-card .card-body.small{height:100%}.event-card .svg-text-wrapper{font-weight:700;font-size:.75rem;display:flex}.event-card .svg-wrapper{height:.75rem;width:auto;display:inline-block;margin-right:.25rem}.event-card .card-content.large{align-items:stretch;flex-direction:column;background-color:#f8f8f8}.event-card .card-content.small{flex-direction:row;background-color:#fff}.event-card .live-indicator{position:absolute;top:6px;right:6px;background-color:green;color:#fff;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:8px}.event-card .led-wrapper{position:absolute;bottom:6px;right:6px;display:flex;flex-direction:column;align-items:center;gap:0px}.event-card .led-indicator{background-color:#003071;color:#fff;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:8px}.event-mobile-body{display:grid;grid-template-columns:1fr}.event-mobile-body>.event-card{margin:.5rem 0}@media screen and (min-width: 400px){.event-mobile-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1rem}}.points-card{max-width:345px;text-align:center;border-radius:.75rem!important;background-color:#f2f2f5!important;color:inherit!important;margin:1rem auto}.points-card .card-content .points-header{font-size:1.5rem;font-weight:700}.points-card .card-content .points-value{font-size:3rem;font-weight:700;margin:-.75rem}.points-card .card-content .raffle-info{font-size:1rem;font-weight:400;margin-top:.5rem}.expandable-card-container{border-radius:.75rem!important;background-color:#f2f2f5!important;color:inherit!important;margin-bottom:1rem}.expanded-item-info{display:flex;flex-direction:row;justify-content:space-between;background-color:#fff;border-radius:.75rem!important;padding:1rem;margin-top:.5rem;color:inherit!important}.badge-icon{margin-left:1rem}.card-content{padding:.45rem!important}.raffle-mobile-body{display:grid;grid-template-columns:1fr;gap:.25rem}@media screen and (min-width: 400px){.raffle-mobile-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1rem}}.clear-input{position:absolute;right:0;background:none;border:none;cursor:pointer;font-size:1.2rem;line-height:1rem}.input-container{position:relative;min-width:40%}.input-container>.MuiFormControl-root{width:100%}.input-with-clear{padding-right:2rem}.flex-column{display:flex;flex-direction:column;gap:10px;width:50%;align-items:flex-start}.no-users-text{color:#888;font-style:italic;text-align:center}.digital-id-list{margin-top:10px}.qr-icon{font-size:44px;cursor:pointer}.QRButton{margin-left:10px}.accordion-header{margin-top:10px}.error-page{display:flex;flex-direction:column;align-items:center;text-align:center;margin-left:auto;margin-right:auto;max-width:50rem}.form-section{margin-bottom:1.5rem}.form-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;align-items:start;margin-bottom:.5rem}.form-card{background-color:#f8f8f8;border:1px solid #f8f8f8;border-radius:.5rem;padding:1rem;margin-bottom:2rem;transition:all .2s ease-in-out}.form-card.altered{border:2px solid #ffc107}.form-card>h2{margin-top:.25rem;padding-bottom:.25rem;border-bottom:.15rem solid #003071}.form-card>h2:not(:first-child){margin-top:1rem}.count-box{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #003071;border-radius:.75rem;padding:1rem;min-width:8rem}.count-box .count-number{font-size:2rem;font-weight:700}.form-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;margin-top:1rem;margin-bottom:1rem}.form-row.spaced{justify-content:space-between}.form-row.align-start{align-items:start}.form-footer{position:sticky;bottom:1rem;width:100%;display:flex;align-content:center;justify-content:center;padding:.75rem;border-radius:.5rem;box-shadow:2px 2px 4px #555;background-color:#003071;color:#fff;gap:.5rem}.header ul{display:flex;justify-content:space-between;list-style-type:none;padding:0;top:0;width:100%;max-width:100%;z-index:1000;margin:0;border:0}.header ul li{display:flex;align-items:center;font-size:1.5rem;padding-left:1rem;padding-right:1rem;cursor:default}.header ul li a{font-weight:600;cursor:pointer;color:#003071}.ul-container{padding:.75rem 1rem;width:100%;box-sizing:border-box}@media (max-width: 768px){.header ul{justify-content:space-between}.header ul li{font-size:1.5rem;padding-left:0;padding-right:0}.header .header-logo{padding:.6rem 0rem}}input{border:none;border-radius:.75rem;padding:.75rem;background-color:#fff;color:#003071;font-size:1rem;border:1px solid #003071}input:focus{outline:none}input.secondary{background-color:#a0c1f4;color:#fff}.MuiFormControl-root.secondary>.MuiInputBase-root>.MuiInputBase-input{background-color:#a0c1f4;color:#fff}.MuiFormControl-root.secondary>.MuiInputBase-root>.MuiInputBase-input::placeholder{color:#fff}.MuiFormControl-root:has(.MuiInputBase-inputMultiline){width:100%}.MuiFormControl-root .MuiInputBase-root{background-color:#fff;border-radius:.75rem;border:1px solid #003071;transition:border .2s ease-in-out}.MuiFormControl-root .MuiInputBase-root.Mui-error{border:1px solid #d63d1f}.MuiFormControl-root .MuiInputBase-root>.MuiInputBase-input{box-sizing:border-box;padding:.75rem;height:auto;font:message-box}.MuiFormControl-root .MuiInputBase-root>.MuiInputBase-input.MuiInputBase-inputMultiline{padding:0}.MuiFormControl-root .MuiOutlinedInput-notchedOutline{border:none}.wide-input{width:60%}.MuiToggleButtonGroup-root>button{text-transform:none;border-radius:.75rem;background-color:#fff;border:1px solid #003071;color:#003071;transition:all .2s ease-in-out}.MuiToggleButtonGroup-root>button:hover{background-color:#a0c1f4;color:#fff}.MuiToggleButtonGroup-root>button.Mui-selected{background-color:#003071;color:#fff}.MuiToggleButtonGroup-root>button.Mui-selected:hover{background-color:#a0c1f4;color:#fff}.constrained-img{max-width:50%}.landing-container{display:flex;flex-direction:column;height:100%;align-items:center}.landing-container>.main-title{font-size:3rem;margin-top:15rem;text-align:center}.landing-container>:last-child{margin-top:1rem}@media screen and (max-width: 1000px){.landing-container>:last-child{margin-bottom:1rem;margin-top:auto;width:100%}}.loading-icon{border:.5rem solid #003071;border-left:.5rem solid #a0c1f4;border-radius:50%;min-height:2rem;min-width:2rem;max-width:2rem;max-height:2rem;margin:auto 0;animation:spin 1s linear infinite}.loading-page{width:100%;min-height:40%}.loading-page .text-loading{font-size:3rem}.loading-page .div-loading{min-height:50%}.loading-page .table-loading{min-height:7.5rem}.login-container{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:2rem 1rem;overflow-y:auto;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4);background:linear-gradient(180deg,#6a2c70,#b83b5e 25%,#f08a5d 70%,#ffcd70)}.login-container>.login-logo{width:100%;max-width:20rem}.login-container>.gravestone-image{width:40%;max-width:10rem;margin:0 auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}.login-container>.loading-icon{margin-left:auto;margin-right:auto}.modal>.modal-container{background-color:#fff;position:absolute;width:70%;height:fit-content;min-height:30%;max-height:80%;border-radius:1.25rem;top:50%;left:50%;transform:translate(-50%,-50%);display:flex}@media screen and (max-width: 1000px){.modal>.modal-container{width:90%}}.modal>.modal-container:focus{outline:none}.modal>.modal-container>.modal-content{display:flex;flex-direction:column;position:relative;width:100%;border-radius:.75rem;padding:.5rem 1rem;gap:.5rem;overflow-y:auto}.modal>.modal-container>.modal-content>.modal-footer{display:flex;justify-content:space-between;gap:.5rem;margin-top:auto}.modal>.modal-container>.modal-content>.modal-footer button{margin-top:.5rem;padding:1.25rem 1.75rem;font-weight:600;flex:2}div.MuiDataGrid-root{background-color:#fff;border-radius:.5rem;border:none;color:#003071}div.MuiDataGrid-root .MuiDataGrid-columnHeaderTitle{font-weight:600!important;font-size:1.25rem}div.MuiDataGrid-root .MuiDataGrid-columnSeparator{display:none!important}div.MuiDataGrid-root .MuiDataGrid-row:hover{cursor:pointer}.table-filter{margin-top:.5rem;margin-bottom:.5rem}.table-image-cell{display:flex;align-items:center;justify-content:left;gap:.25rem}.table-image-cell img{width:50px;height:50px;border-radius:.25rem}.table-image-cell a{background-color:#a0c1f4;border-radius:1rem;height:2rem;padding:0 .25rem;color:#fff;display:flex;align-items:center}.table-button-cell{display:flex;flex-direction:row;height:100%;align-items:center;justify-content:center;gap:.5rem}.table-icon-cell{height:100%!important}.table-button-group{height:80%}.MuiFormControl-root .MuiFormLabel-root{color:#003071;top:-.25rem}.MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-shrink{color:#003071;top:-.5rem}.MuiFormControl-root .MuiSelect-select{padding:.75rem;color:#003071;min-width:10rem!important}.MuiFormControl-root legend{bottom:-.25rem}.MuiPaper-root.MuiMenu-paper{border-radius:.75rem}.manager-card-container{display:flex;flex-direction:column;margin:1rem 0rem;padding:.5rem;max-width:100%;border-radius:.75rem!important;background-color:#f8f8f8!important}.manager-card-container button{margin-right:0;flex:1;background-color:#003071;color:#fff}.landing-page-width{max-width:100%;width:20rem}.logout-container{margin-top:auto}.gap{gap:.25rem}.landing-page-width h3{margin-bottom:0rem}.raffle-footer{position:sticky;display:flex;justify-content:flex-end;height:2.5rem;bottom:.5rem;margin-top:.5rem;padding-bottom:4rem;border-radius:.5rem;width:fit-content;margin-left:auto;z-index:10000}.raffle-footer .enter-button{display:flex;justify-content:center;align-items:center;text-align:center;width:8rem;height:4rem;border-radius:1rem}.raffle-footer .points-box{display:flex;border-radius:.5rem;color:#fff;padding:.25rem;align-items:center}.dropdown-icon{display:inline-block;transition:transform .3s ease;display:flex;align-items:center;justify-content:center}.dropdown-icon.expanded.rotate-horizontally{transform:scaleX(-1)}.dropdown-icon.expanded.rotate-vertically{transform:scaleY(-1)}.analytics-card{background-color:#fff;padding:1rem;border-radius:.5rem;display:flex;align-items:center;flex-direction:column}.analytics-card .responsive-chart{width:100%;height:100%}.analytics-card ol{padding:0}@media screen and (max-width: 400px){.analytics-card{margin:1rem 0}}.event-summary{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:0 20px 20px;margin:20px 0;box-shadow:2px 2px 10px #0000001a;max-width:600px}.event-summary h2{font-size:1.5rem;color:#333;margin-bottom:10px;border-bottom:2px solid #003071;padding-bottom:5px}.event-summary p{font-size:1rem;color:#555;margin:8px 0}.event-summary strong{color:#222}.event-summary ul{list-style-type:none;padding:0;margin:10px 0 0}.event-summary li{position:relative;padding:8px 12px;margin:5px 0;border-radius:4px;font-size:1rem;color:#333;border-left:40px solid #003071;min-height:30px;display:flex;align-items:center;background:#eef5ff;transition:all .3s ease-in-out}.event-summary li:before{content:attr(data-led-option);position:absolute;left:-36px;top:50%;transform:translateY(-50%);font-weight:700;color:#fff;background:#003071;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}.event-summary li.inactive{background:none;color:#bbb;border-left:40px solid #bbb;min-height:10px;padding:4px 12px;font-size:.9rem;opacity:.6}.event-summary li.inactive:before{content:attr(data-led-option);background:none;color:#fff}.terminal-event-container{display:flex;gap:8px;margin-top:10px}.terminal-box{width:30px;height:30px;border-radius:4px;background:#ccc;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#fff;opacity:.6;transition:background .3s ease-in-out,opacity .3s ease-in-out}.terminal-box.active{background:#003071;opacity:1}.digital-id-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:90%;max-width:400px;margin:auto;padding:1.5rem;border-radius:12px;background:#003071;box-shadow:0 4px 10px #0000001a;text-align:center;position:relative;overflow:hidden;color:#fff;animation:rainbow-border 10s linear infinite;border:10px solid;transition:background-color .3s ease-in-out,transform .2s ease-in-out}@keyframes rainbow-border{0%{border-color:red}14%{border-color:orange}28%{border-color:#ff0}42%{border-color:green}57%{border-color:#45cdff}71%{border-color:#83ff95}85%{border-color:violet}to{border-color:red}}.id-details{background:#dadada;padding:1rem;border-radius:8px;width:100%;text-align:center;transition:background-color .3s ease-in-out,transform .2s ease-in-out}.case-id{font-size:3rem;font-weight:700;color:#333;padding:0;margin:0}.name{font-size:1.2rem;color:#555}.first-name{font-weight:700;font-size:1.4rem}.last-name{font-size:1.4rem;color:#555}.time{font-size:1rem;color:#323232}.checked-in-bg{background-color:#4caf50!important;color:#fff!important;transform:scale(1.05)}.checked-in{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:2rem;font-weight:700;padding:1rem}.checked-in svg{font-size:4rem;color:#fff;margin-bottom:10px}.user-points{font-size:1.2rem;margin-bottom:10px}.user-points strong{font-weight:700}.redemption-items-list{margin-top:20px}.redemption-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#f9f9f9;border-radius:6px;margin-bottom:10px;transition:background-color .3s ease}.redemption-item:hover{background-color:#f1f1f1}.loading{text-align:center;margin-top:30px}.loading .spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-info-box{display:flex;justify-content:space-between;align-items:center;width:50%;border:1px solid #003071;background-color:#fdfdfd;border-radius:8px;padding:10px;margin-top:20px;margin-bottom:20px;box-shadow:0 2px 5px #0000000d}.user-name-section{display:flex;flex-direction:column}.user-name{font-size:1.3rem;font-weight:700}.user-caseid{font-size:1rem;color:#464646;margin-top:4px}.user-points-box{text-align:center;background-color:#d9e6fa;padding:10px 14px;border-radius:8px;min-width:70px;display:flex;flex-direction:column;align-items:center;justify-content:center}.points-number{font-size:2rem;font-weight:700;color:#003071;line-height:1.1}.points-label{font-size:.9rem;color:#555}*{box-sizing:border-box}html{font-family:Lato,sans-serif;color:#003071;box-sizing:border-box;display:flex;width:100%;min-height:100%}body{display:flex;flex:2;margin:0;background:url(/assets/boints_background-DVLb2L7Y.png) no-repeat center center fixed;background-size:cover}div#root{position:relative;width:100%;height:100%;display:flex}div#root div.app{width:95%;height:95%;margin:auto}.log-container{padding:10px;background:#f5f5f5;border-radius:8px}.log-entry{display:flex;align-items:center;padding:15px;border-radius:8px;margin-bottom:10px;background:#fff;box-shadow:0 1px 3px #0000001a}.log-entry.success{border:1px solid #4caf50;border-left:8px solid #4caf50;background-color:#4caf4f0b}.log-entry.error{border:2px solid #f44336;border-left:8px solid #f44336;background-color:#f443361d}.log-entry.warning{border:2px solid #ff9800;border-left:8px solid #ff9800;background-color:#ff990037}.icon{width:80px;height:80px;margin-right:10px}.deviceID{font-size:13px;margin-top:-10px;text-align:center}.icon.success{fill:#4caf50}.icon.error{fill:#f44336}.icon.warning{fill:#ff9800}.log-content h2{margin:0;font-size:20px;font-weight:700}.log-content h3{margin:0;font-size:16px;font-weight:700}.log-content p{margin:2px 0;font-size:14px}.device-selection{display:flex;justify-content:center;align-items:center;margin-bottom:20px}#device-select{padding:10px 20px;font-size:16px;border-radius:8px;text-align:center;width:200px;background-color:#f5f5f5;cursor:pointer;transition:background-color .3s ease}#device-select:focus{outline:none;box-shadow:0 0 5px #0055afe7}#device-select.all-devices{background-color:#0253a9;color:#fff}#device-select.specific-device{background-color:#4caf50;border:0px;color:#fff}