*{box-sizing:border-box;margin:0;padding:0}body{background-image:url(/fond_radio_2.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;display:flex;height:100vh;width:100vw;flex-direction:column;overflow-x:hidden}.root{display:flex}.main{display:flex;flex-direction:column;position:relative;height:100vh}@media screen and (max-width: 426px){body{background-image:url(/Micro.png);background-size:75%;background-color:#f5ab50c5}}:root{--secondary-color: hsla(165, 30%, 40%, .9);--secondary-color-fade-1: hsl(165, 30%, 40%);--secondary-color-fade-2: hsla(165, 30%, 40%, .502);--secondary-color-fade-3: hsla(165, 30%, 40%, .847);--neutral-color: hsl(0, 0%, 100%);--neutral-color-fade-1: hsla(0, 0%, 100%, .9);--neutral-color-fade-2: hsla(0, 0%, 100%, .502);--neutral-color-fade-3: hsla(0, 0%, 100%, .751);font-size:10px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:sans-serif}body::-webkit-scrollbar{width:.9rem}body::-webkit-scrollbar-track{background:var(--secondary-color-fade-2)}body::-webkit-scrollbar-thumb{background:var(--neutral-color);border-radius:1rem}.navbar{display:flex;height:14%;min-height:70px;justify-content:space-between;align-items:center;background-color:#c34e3a;box-shadow:0 8px 1px #0000003b;margin-bottom:8px;padding:0 1rem;animation:slide-down .6s linear forwards}@keyframes slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.navbar .container-logo{flex-shrink:0;display:flex;align-items:center}.navbar .logoRW{height:60px;width:auto;max-width:120px;animation-name:slideIn;animation-duration:2s;animation-iteration-count:initial}.navbar .search-feature{display:flex;gap:1rem;align-items:center;flex:1;max-width:600px;margin:0 1rem}.navbar .search-feature .Searchbar{flex:1;min-width:200px}.navbar .search-feature .container-filter{flex-shrink:0}.navbar .favoriteButton{height:50%}@media screen and (min-width: 1920px){.navbar .logoRW{height:80px;max-width:150px}.navbar .search-feature{max-width:800px;gap:1.5rem}}@media screen and (max-width: 1024px){.navbar{padding:0 .5rem}.navbar .logoRW{height:50px;max-width:100px}.navbar .search-feature{margin:0 .5rem;gap:.75rem}.navbar .search-feature .Searchbar{min-width:150px}}@media screen and (max-width: 768px){.navbar{height:auto;min-height:60px;padding:.5rem}.navbar .logoRW{height:45px;max-width:90px}.navbar .search-feature{margin:0 .25rem;gap:.5rem}.navbar .search-feature .Searchbar{min-width:120px}}@media screen and (max-width: 640px){.navbar{flex-wrap:wrap;height:auto;min-height:50px;padding:.5rem .25rem}.navbar .container-logo{order:1}.navbar .search-feature{order:2;flex:1;margin:.25rem 0;gap:.5rem}.navbar .search-feature .Searchbar{min-width:100px}.navbar .logoRW{height:40px;max-width:80px}}@media screen and (max-width: 480px){.navbar{flex-direction:column;height:auto;min-height:auto;padding:.5rem;gap:.5rem}.navbar .container-logo{order:1;width:100%;justify-content:center}.navbar .search-feature{order:2;width:100%;margin:0;justify-content:center}.navbar .search-feature .Searchbar{flex:1;min-width:auto;max-width:250px}.navbar .logoRW{height:35px;max-width:70px}}@media screen and (max-width: 320px){.navbar{padding:.25rem;gap:.25rem}.navbar .logoRW{height:30px;max-width:60px}.navbar .search-feature{gap:.25rem}.navbar .search-feature .Searchbar{max-width:200px}}.container-display-radio{height:100%}.container-display-radio .display_radios.loaded{width:100vw;opacity:1;transition:opacity 1s;overflow:auto;height:calc(71% + 8px);padding-top:80px;position:absolute;z-index:50}.display_radios.loaded::-webkit-scrollbar{width:10px}.display_radios.loaded::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--secondary-color)}.display_radios{display:flex;height:100%;flex-wrap:wrap;align-items:center;row-gap:30px;justify-content:space-around;opacity:0}.display_radios .space4{width:300px;height:50%;display:flex;justify-content:center;animation:appear .3s ease-in-out forwards}.display_radios .radio{background-color:#fae7a8a5;width:95%;height:95%;border:1px solid rgba(0,0,0,.93);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:6px 6px 12px #fae7a75b,-6px -6px 12px #fae7a75b;cursor:pointer;transition:background-color 1s,width .1s,height .1s}.display_radios .radio:hover{background-color:#f7eed4bc;width:97%;height:97%}.display_radios button:active{color:#666;box-shadow:inset 4px 4px 12px #fae7a75b,inset -4px -4px 12px #fae7a75b}.display_radios .rond{width:20em;height:20em;border:1px solid black;display:flex;justify-content:center;align-items:center;position:relative;border-radius:50%}.display_radios .rond p{font-family:Montserrat,sans-serif;font-weight:700;width:80%;text-align:center;word-wrap:break-word;font-size:14px}.display_radios .rond .favicon{width:70px}.display_radios .rond .favorite{position:absolute;transform:translate(200%,-200%);z-index:1;background:none;border:none}.display_radios .rond .favorite img{height:35px;width:35px}.display_radios .no-results{display:flex;justify-content:center;align-items:center;gap:10px;font-family:Montserrat,sans-serif;font-weight:700;font-size:10rem;color:var(--neutral-color);background-color:var(--secondary-color);border-radius:1rem;padding:3rem}@media screen and (min-width: 2047px){.container-display-radio .display_radios.loaded{width:100vw;height:72.2%}}@media screen and (max-width: 1024px){.container-display-radio .display_radios .rond{height:17em;width:17em}.container-display-radio .display_radios .rond p{font-size:13px}.container-display-radio .display_radios .rond .favicon{width:50px}}@media screen and (max-width: 768px){.container-display-radio .display_radios.loaded{width:100vw}.container-display-radio .display_radios .space4{width:20%;height:30%;display:flex;justify-content:center;align-items:center}.container-display-radio .display_radios .rond{height:12em;width:12em}.container-display-radio .display_radios .rond p{font-size:9px}.container-display-radio .display_radios .rond .favicon{width:40px}}@media screen and (max-width: 426px){.container-display-radio{flex:1}.container-display-radio .display_radios.loaded{height:calc(71% + 8px);width:100vw}.container-display-radio .display_radios .space4{width:50%;height:50%;display:flex;justify-content:center}.container-display-radio .display_radios .rond{height:15em;width:15em}.container-display-radio .display_radios .rond p{font-size:9px}.container-display-radio .display_radios .rond .favicon{width:40px}}@media screen and (max-width: 426px) and (max-width: 375px){.container-display-radio .display_radios.loaded{height:calc(71% + 6px);width:100%}.container-display-radio .display_radios .space4{width:50%;height:50%;display:flex;justify-content:center;align-items:center}.container-display-radio .display_radios .rond{height:15em;width:15em}.container-display-radio .display_radios .rond p{font-size:9px}.container-display-radio .display_radios .rond .favicon{width:40px}}.container-search-bar{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.search-bar{width:100%;height:100%;display:flex;align-items:center}.search-bar__input{width:100%;height:40px;background-color:#fae7a7;padding:.5rem 1rem;border-radius:1rem;border:1px solid var(--secondary-color);font-size:14px;animation:slide-down .6s linear forwards;transform:translateY(-200%);box-sizing:border-box;transition:all .3s ease}@keyframes slide-down{0%{transform:translateY(-200%);opacity:0}50%{opacity:0}to{transform:translateY(0);opacity:1}}.search-bar__input:focus{outline:none;border-color:var(--secondary-color-fade-1);box-shadow:0 0 0 2px #a54d6633}.search-bar__input::placeholder{color:#666;font-size:14px}@media screen and (min-width: 1200px){.search-bar__input{height:45px;font-size:16px}.search-bar__input::placeholder{font-size:16px}}@media screen and (max-width: 1024px){.search-bar__input{height:38px;font-size:14px;padding:.4rem .8rem}.search-bar__input::placeholder{font-size:14px}}@media screen and (max-width: 768px){.search-bar__input{height:36px;font-size:13px;padding:.3rem .7rem}.search-bar__input::placeholder{font-size:13px;text-overflow:ellipsis}}@media screen and (max-width: 640px){.search-bar__input{height:34px;font-size:12px;padding:.25rem .6rem}.search-bar__input::placeholder{content:"Search radio...";font-size:12px}}@media screen and (max-width: 480px){.search-bar__input{height:32px;font-size:12px;padding:.25rem .5rem}.search-bar__input::placeholder{content:"Search...";font-size:12px}}@media screen and (max-width: 320px){.search-bar__input{height:30px;font-size:11px;padding:.2rem .4rem}.search-bar__input::placeholder{font-size:11px}}.container-radio{width:100vw;height:100vh;position:relative;top:0;left:0;position:fixed;animation:anim .7s ease-in-out forwards;-webkit-animation:anim .7s ease-in-out forwards;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#fff0;border:none;z-index:50}.container-radio .radio-selection{display:flex;justify-content:center;border:2px solid #dcdcdc;border-radius:4px;background-color:#d3cdbb;height:60px;width:230px;font-size:2rem;position:absolute;bottom:5%;left:37%;overflow:hidden;font-family:Montserrat,sans-serif;font-weight:700;text-justify:inter-word}.container-radio .radio-selection p{white-space:nowrap;animation:scroll 10s linear infinite;display:flex;align-items:center}.container-radio .radio-selection .radio-selection-favicon{display:none}@keyframes scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.container-url-radio{text-align:center;margin-top:3%}.container-url-radio a{font-size:20px;text-decoration:none;color:#fff;cursor:pointer;background-color:var(--secondary-color);padding:8px;border-radius:1rem}.container-url-radio:hover{filter:brightness(1.2)}.int-content{position:relative;top:50%;transform:translate(-50%,-50%);z-index:10;width:871px;height:545px;background-image:url(/radio.png);background-size:cover;border:none;margin-left:50%}.button{cursor:pointer;z-index:99;position:absolute;top:25px;right:14.4%;width:30px;height:30px;padding:20px;display:flex;justify-content:center;align-items:center;font-size:20px;color:#fff;background-color:#f000;border:3px solid white;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px}.container-animation{width:100%;height:100%}.animation{width:20%;height:15%;text-align:center;position:absolute;top:37.2%;left:50.1%;transform:translate(-50%)}.animation img{width:47%}.animation .c1{position:absolute;left:11px;top:2px;animation:loop 2s linear infinite}.animation .c2{position:absolute;right:10.5px;top:2px;animation:loop 2s linear infinite}@keyframes loop{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes anim{0%{transform:translate(-100%);-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%)}to{transform:translate(0);-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%)}}@media screen and (max-width: 768px){.container-radio .radio-selection{width:26%;height:10%;left:37%;bottom:3%}.container-radio .int-content{width:100%;height:65%}.container-radio .button{cursor:pointer;z-index:99;position:absolute;top:19.5px;right:14.2%;width:30px;height:30px}.animation .c1{position:absolute;left:9.5px;top:5px;animation:loop 2s linear infinite}.animation .c2{position:absolute;right:9.5px;top:5px;animation:loop 2s linear infinite}}@media screen and (max-width: 426px){.container-radio .radio-selection{width:15em;height:15em;border-radius:50%;left:50%;transform:translate(-50%);top:25%;border:none;flex-direction:column;align-items:center;background-color:transparent;border:2px solid black;background-color:#ffffff59}.container-radio .radio-selection p{font-size:13px}.container-radio .radio-selection .radio-selection-favicon{height:50%;display:flex;justify-content:center}.container-radio .radio-selection .radio-selection-favicon img{max-width:150px}.container-radio .int-content{background-image:url(/Micro.png);background-repeat:no-repeat;background-position:50% 30%;background-size:75%;background-color:#f5ab50;width:100%;height:120%;top:0;transform:translate(0);margin-left:0}.container-radio .int-content .container-url-radio{display:none}.container-radio .container-button{position:absolute;top:65%;left:0;width:100%;display:flex;justify-content:center;align-items:center;height:16%;gap:30px}.container-radio .container-button img{width:100%;padding:5px;cursor:pointer;filter:drop-shadow(0px 2px 2px black)}.container-radio .container-button img:hover{transform:scale(1.1)}.container-radio .container-animation{display:none}.container-radio .button{position:absolute;top:2%;right:5%;color:#000;background-color:#f000;border:3px solid black;font-weight:600}}@media screen and (max-width: 375px){.container-button{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:center;align-items:center;height:16%;gap:30px}}.container-button{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:center;align-items:center;height:16%;gap:30px}.container-button img{width:80px;padding:5px;cursor:pointer;filter:drop-shadow(0px 2px 2px black)}.container-button img:hover{transform:scale(1.1)}.footer{height:13vh;min-height:60px;background-color:#00000028;position:absolute;bottom:0;width:100%;display:flex;align-items:center;justify-content:center;padding:.5rem 5%;box-sizing:border-box}@media screen and (max-width: 768px){.footer{height:10vh;min-height:50px;padding:.25rem 3%}}@media screen and (max-width: 426px){.footer{height:8vh;min-height:45px;padding:.25rem 2%}}.filter-button{height:40px;display:flex;padding:.3rem 1.2rem;align-items:center;gap:.5rem;font-size:1.4rem;justify-content:center;border-radius:1rem;background-color:var(--secondary-color);border:none;color:var(--neutral-color);cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-button:hover{filter:brightness(1.2);transform:translateY(-1px)}.filter-button:active{transform:translateY(0)}.filter-button img{width:2rem;height:auto;flex-shrink:0}@media screen and (min-width: 1200px){.filter-button{height:45px;padding:.4rem 1.5rem;font-size:1.5rem}.filter-button img{width:2.4rem}}@media screen and (max-width: 1024px){.filter-button{height:38px;padding:.3rem 1rem;font-size:1.3rem}.filter-button img{width:2rem}}@media screen and (max-width: 768px){.filter-button{height:36px;padding:.25rem .8rem;font-size:1.2rem}.filter-button img{width:1.8rem}}@media screen and (max-width: 640px){.filter-button{height:34px;padding:.2rem .6rem;font-size:1.1rem}.filter-button img{width:1.6rem}}@media screen and (max-width: 480px){.filter-button{height:32px;padding:.2rem .5rem;font-size:1rem;gap:.3rem}.filter-button img{width:1.4rem}}@media screen and (max-width: 320px){.filter-button{height:30px;padding:.15rem .4rem;font-size:.9rem}.filter-button img{width:1.2rem}}.filter-section{display:none;width:500px;padding:2rem 1rem;flex-direction:column;align-items:center;gap:1rem;border-radius:1rem;background-color:var(--secondary-color-fade-1);background-color:var(--secondary-color-fade-3);max-height:50rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;animation:appear .3s ease-in-out forwards}@keyframes appear{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.filter-section .close-icon-wrapper{width:fit-content;height:fit-content;align-self:flex-end;margin-right:2rem;cursor:pointer;border:none;background-color:transparent}.filter-section .close-icon-wrapper img{width:2rem;aspect-ratio:1/1}.filter-section .filter-criteria-wrapper{display:flex;justify-content:center;border:1px solid var(--neutral-color);border-radius:1rem;width:calc(100% - 10rem);min-height:4rem}.filter-section .filter-criteria-wrapper .filter-criteria{display:flex;width:50%;min-height:100%;justify-content:center;align-items:center;border-radius:1rem;font-size:1.5rem;color:var(--neutral-color);cursor:pointer;border:none;background-color:transparent;text-align:center;font-weight:600}.filter-section .filter-criteria-wrapper .filter-criteria:first-child{border-right:1px solid var(--neutral-color);border-top-right-radius:0;border-bottom-right-radius:0}.filter-section .filter-criteria-wrapper .filter-criteria:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.filter-section .filter-criteria-wrapper .is-active{background-color:var(--neutral-color);color:var(--secondary-color);animation:highlight .3s ease-in-out forwards}@keyframes highlight{0%{opacity:0}to{opacity:1}}.filter-section .filter-section-search-bar{width:100%;height:4rem;display:flex;justify-content:center;align-items:center;gap:1rem;margin:1rem 0}.filter-section .filter-section-search-bar input{flex:1;display:flex;padding:.5rem 1rem;border-radius:1rem;border:1px solid var(--secondary-color);height:100%;margin-inline:4.5rem}.filter-section .filter-section-search-bar input:focus{outline:none}.filter-section .filter-options-wrapper{flex:auto;overflow-y:scroll;height:28rem;width:100%;animation:appear .3s ease-in-out forwards}@keyframes appear{0%{opacity:0}to{opacity:1}}.filter-section .filter-options-wrapper .options{display:flex;padding:0 2rem 1rem;flex-direction:column;align-items:center;gap:1rem;align-self:stretch}.filter-section .filter-options-wrapper .options .option{display:flex;padding:.5rem 0;justify-content:center;align-items:center;align-self:stretch;border:none;border-top:1px solid var(--neutral-color);width:calc(100% - 2rem);margin:0 auto;cursor:pointer;color:var(--neutral-color);font-size:1.5rem;font-weight:600;background-color:transparent;animation:blink .5s ease-in-out forwards}@keyframes blink{0%{opacity:0}to{opacity:1}}.filter-section .filter-options-wrapper .options .option:hover{background-color:var(--neutral-color-fade-2);color:var(--secondary-color)}.filter-section .filter-options-wrapper .options .option.is-active{background-color:var(--neutral-color);color:var(--secondary-color)}.filter-section .filter-options-wrapper .no-results{display:flex;justify-content:center;align-items:center;height:100%;font-size:3rem;font-weight:600;color:var(--neutral-color)}.filter-section .filter-options-wrapper::-webkit-scrollbar{width:.9rem}.filter-section .filter-options-wrapper::-webkit-scrollbar-track{background:var(--neutral-color-fade-2)}.filter-section .filter-options-wrapper::-webkit-scrollbar-thumb{background:var(--neutral-color);border-radius:1rem}.filter-section .reset-button-wrapper{display:flex;gap:1rem}.filter-section .reset-button-wrapper .reset-button{display:flex;justify-content:center;align-items:center;padding:.5rem 1rem;border-radius:1rem;border:none;background-color:var(--neutral-color);color:var(--secondary-color);font-size:1.5rem;font-weight:600;cursor:pointer}.filter-section .reset-button-wrapper .reset-button:hover{background-color:var(--neutral-color-fade-3)}.is-visible{display:flex}@media screen and (max-width: 426px){.filter-section{width:90%;margin-top:2.5%}}@media screen and (max-width: 375px){.filter-section{width:90%;margin-top:3%}}.container-loading-logo{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.container-loading-logo .loadingLogo{height:500px;width:500px;transform:scale(1);animation:pulse 3s linear infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}25%{transform:scale(1.3);opacity:1}50%{transform:scale(1);opacity:1}75%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:1}}@media screen and (max-width: 426px){.container-loading-logo .loadingLogo{height:80%;width:80%}}.clock{width:120px;overflow:hidden}.clock .clockh1{border:2px solid burlywood;border-radius:15px;padding:10px;background-color:#fff8dc}.clockh1{font-family:Courier New,Courier,monospace;color:#000;align-items:center}