:root{--primary-color: #0D5B8C;--secondary-color: #cccbcb;--tertiary-color: #9e9e9e;--primary-light-color: #13679bd4;--background-color: #fdfdfd;--error-color: #E1515F;--true-color: #00c000;--false-color: #c40014;--border-button-color: #444444;--searcher-height: 40px}*{box-sizing:border-box}body{display:block;margin:0}.container{display:flex;margin-top:20px;gap:20px;width:100%}.scroll-container{width:100%;overflow:auto;max-height:calc(100vh - 185px - var(--searcher-height));text-align:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;padding-right:2px}.scroll-container::-webkit-scrollbar{width:8px}.scroll-container::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:5px}.scroll-container::-webkit-scrollbar-thumb:hover{background:var(--tertiary-color)}button{cursor:pointer}.request-button{width:calc(50% - 10px);height:50px;border-radius:10px;font-size:1.2rem;border:2px solid var(--primary-color)}.request-button:hover{background-color:var(--secondary-color)}.button{width:200px;height:30px;border-radius:10px}.button-colors{border:2px solid var(--border-button-color)}.button-colors:hover{background-color:var(--secondary-color)}.button-colors:disabled{border:2px solid var(--tertiary-color)}.search-container{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:5px;height:var(--searcher-height)}.search-input{flex:1;height:26px;border-radius:10px;border:1px solid black;padding:0 5px}.back-button{width:200px}@media (max-width: 480px){.container{display:block;gap:0px;min-width:100%;margin-top:0}.scroll-container{max-height:calc(100vh - 165px - var(--searcher-height))}.request-button{min-width:270px;width:100%;height:40px;font-size:1rem;margin-top:10px}.search-container{width:100%;display:flex}.input-column{width:calc(100% - 110px)}.back-button-column{width:110px}}