@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";.light-mode-button{position:fixed;top:20px;right:20px;display:flex;align-items:center;justify-content:space-between;width:80px;max-width:90%;height:40px;border-radius:50px;padding:0 5px 0 6px;box-sizing:border-box;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #00000073}.sun-icon{height:60%;width:auto;flex-shrink:0;color:#000}.moon-icon{height:60%;width:auto;flex-shrink:0;color:#fff}.circle{width:43%;aspect-ratio:1/1;border-radius:50%;flex-shrink:0;transition:all .3s ease}.circle-light{display:none;width:43%;aspect-ratio:1/1;background-color:#fff;border-radius:50%;flex-shrink:0;transition:all .3s ease}@media(max-width:500px){.light-mode-button{width:60px;height:30px;padding:0 3px 0 6px}.sun-icon{height:50%}.circle{width:42%}}body,.logos-container{display:flex;justify-content:center;padding:0 20px}.main-title{font-family:Roboto,sans-serif,Arial;font-weight:700;text-align:center;padding:4vw 0 0}.logos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px;width:100%;justify-content:center}.logo-box{flex:0 0 calc(33.333% - 20px);max-width:240px;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;background-color:#484848;border-radius:20px;box-shadow:0 4px 10px #00000040;transition:background-color .3s ease}.logo-box:hover{background-color:#676767}.logo-box img{width:70%;height:auto;object-fit:contain;max-height:100%}@media(min-width:2000px){.logos-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1000px){.logos-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.logos-grid{grid-template-columns:repeat(2,1fr)}body,.logos-container{display:flex;justify-content:center;padding:0 5px}.main-title{font-family:Roboto,sans-serif,Arial;font-weight:700;text-align:center;margin-top:60px}.main-title{padding:0;margin-bottom:25px}}body{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;margin:0;padding-bottom:5vh}.home-icon{position:fixed;top:20px;left:0;width:80px;max-width:90%;height:40px;padding:0 5px 0 6px;box-sizing:border-box;cursor:pointer;transition:all .3s ease;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}.info-icon{position:fixed;top:20px;right:90px;width:80px;max-width:90%;height:40px;padding:0 5px 0 6px;box-sizing:border-box;cursor:pointer;transition:all .3s ease;z-index:9999;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}.close-button{position:absolute;top:clamp(5px,1vw,10px);right:clamp(5px,1vw,10px);color:#fff;cursor:pointer;z-index:9999;width:20px;height:20px;transition:all .3s ease}.close-button:hover{opacity:.5}.brand-logo{display:block;width:100%;max-width:clamp(250px,20vw,350px);padding:3rem 0;margin:0 auto}.page-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 30px;box-sizing:border-box}.filter-button-box{display:flex;justify-content:space-between;border-radius:30px;gap:8px;background-color:#484848;padding:0 10px;margin-bottom:20px}.filter-buttons{background-color:transparent;color:#fff;font-family:Roboto,sans-serif,Arial;font-size:12px;width:50%;cursor:pointer;transition:all .2s ease;padding:6px;outline:none;appearance:none;border-radius:30px;margin:10px 0}.filter-buttons:hover{background-color:#d9d9d9;border-color:#d9d9d9;color:#000;border-radius:30px}.filter-buttons:active{background-color:#9a9a9a;border-color:#fff;color:#fff}.filter-buttons:focus{background-color:#676767;border-color:#fff;color:#fff}.brand-grid-2-col,.brand-grid-3-col,.info-box-1-col{padding:0}.brand-grid-2-col{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.brand-grid-3-col{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.info-box-1-col{position:relative;display:flex;align-items:center;overflow:hidden;border-radius:20px;width:100%;max-width:1200px;margin:0 auto 20px;box-sizing:border-box;box-shadow:0 4px 10px #00000073;background-color:#484848;padding:15px;max-height:200px;opacity:1;transition:max-height .35s ease,opacity .35s ease,margin-bottom .35s ease}.info-box-1-col.closed{max-height:0;opacity:0;margin-bottom:0;padding-top:0;padding-bottom:0;pointer-events:none}.info-box-1-col.open{max-height:200px;opacity:1;margin-bottom:20px;padding-top:15px;padding-bottom:15px}.info-box-1-col h2{font-family:Roboto,sans-serif,Arial;font-size:clamp(20px,2.5vw,28px);line-height:clamp(22px,2.8vw,24px);font-weight:700;margin:0}.info-box-1-col p{font-family:Roboto,sans-serif,Arial;font-size:clamp(14px,1.5vw,16px);line-height:clamp(18px,2vw,20px);font-weight:400;margin-bottom:0}.information-logo-box{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;background-color:#383838;height:150px;max-height:90%;margin:10px 20px 10px 10px;border-radius:14px;flex-shrink:0}.information-logo-box img{position:relative;width:80%}.information-text{display:flex;flex-direction:column;justify-content:center;color:#fff!important}.brand-box-2-col{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:20px;cursor:pointer;box-shadow:0 4px 10px #00000073}.brand-box-3-col{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:20px;cursor:pointer;box-shadow:0 -1px 5px #00000073}.brand-box-2-col img.category-image,.brand-box-3-col img.category-image{width:100%;height:100%;object-fit:cover;display:block}.brand-box-2-col .text-area,.brand-box-3-col .text-area{display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;left:0;width:100%;height:35%;max-height:75px;background-color:#c9c9c9;color:#fff;transition:background-color .3s ease,transform .3s ease}.brand-box-2-col h3,.brand-box-3-col h3{margin:0;font-family:Roboto,sans-serif,Arial;font-weight:700;font-size:clamp(10px,2vw,18px);line-height:clamp(10px,2vw,18px);color:#000;text-align:center}.brand-box-2-col:hover .text-area,.brand-box-3-col:hover .text-area{background-color:#676767}.brand-box-2-col:hover .text-area h3,.brand-box-3-col:hover .text-area h3{color:#fff}@media(max-width:800px){.info-box-1-col{padding-left:5px}.info-box-1-col h2{font-family:Roboto,sans-serif,Arial;font-size:clamp(12px,2.5vw,24px);line-height:clamp(14px,2.8vw,20px);font-weight:700;margin:0}.info-box-1-col p{font-family:Roboto,sans-serif,Arial;font-size:clamp(10px,1.5vw,16px);line-height:clamp(12px,2vw,20px);font-weight:400;margin-bottom:0}.information-logo-box{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;background-color:#383838;height:120px;margin:10px 20px 10px 10px;border-radius:15px;flex-shrink:0}}@media(max-width:600px){.brand-logo{max-width:200px;padding:10vw 0 7vw}.info-box-1-col,.brand-box-2-col,.brand-box-3-col{border-radius:10px}.brand-grid-3-col{grid-template-columns:repeat(2,1fr)}.filter-button-box{display:none}}@media(max-width:500px){.info-icon{position:fixed;top:21.5px;left:65px;width:60px;max-width:90%;height:40px;padding:0 5px 0 6px;box-sizing:border-box;cursor:pointer;transition:all .3s ease;z-index:9999;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}.brand-logo{max-width:150px;padding:17vw 0 7vw}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#222;transition:background-color .3s ease,color .3s ease}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}