.search-bar{width:100%;max-width:540px;padding:7px 20px;margin:0 auto;background-color:#fff;display:flex;align-items:center;gap:15px;border-radius:50px;box-shadow:1px 1px 5px 1px #9b9b9b80}.search-bar__field{width:100%;border:0;font-size:16px;padding:5px;color:#1a1a1a}.search-bar__field:-internal-autofill-selected{box-shadow:0 0 0 30px #fff inset!important}.search-bar__button{background-color:#fff;padding:5px;border-radius:50%;border:0;display:flex;justify-content:center;align-items:center;cursor:pointer}.search-bar__button:hover{background-color:#0000001a}html{background-color:#a5e5d9}.body{min-height:100dvh;background-color:#a5e5d9;background-position:top left,center bottom;background-size:40%,contain;background-repeat:no-repeat;background-attachment:fixed;padding:60px 15px}.body .header{width:80%;max-width:350px;margin:0 auto 40px}@media screen and (min-width: 768px){.body{background-size:250px,100% auto}}@media screen and (min-width: 1400px){.body{background-size:300px,100% auto}}.search-bar__container{width:90%;margin:0 auto 20px}.access-list{max-width:1000px;padding:15px 0;margin:0 auto;overflow-y:auto;display:flex;justify-content:center;flex-wrap:wrap;gap:15px;-ms-overflow-style:none;scrollbar-width:none}.access-list::-webkit-scrollbar{display:"none"}@media screen and (min-width: 1024px){.access-list{max-height:385px}}.access-button{width:107px;color:#000;text-decoration:none;background-color:#ffffffb3;padding:15px 10px 0;border-radius:10px;aspect-ratio:1/1;display:block;cursor:pointer}.access-button:hover{box-shadow:3px 3px 10px 1px #99a2aa80}.access-button__logo{width:50px;height:50px;border-radius:15px;margin:0 auto 5px;overflow:hidden}.access-button__logo svg{width:100%;height:100%;object-fit:contain}.access-button__name{color:#1a1a1a;font-size:12px;text-align:center;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}*{padding:0;margin:0;outline:0;box-sizing:border-box;font-family:Niramit,sans-serif}