:root{--background:#1B1D29;--foreground:#ededed}body,html{max-width:100vw;overflow-x:hidden;padding-left:20px;padding-right:20px}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}h1,h2,h3{font-family:inherit;color:var(--foreground)}h2{font-size:2rem}header{grid-column:2/12;display:flex;justify-content:space-between;align-items:center;padding:2em 0}.name{font-size:1.8rem;font-weight:700;color:var(--foreground);text-align:left;margin-bottom:10px}.name .ticker{font-size:1.5rem;color:var(--foreground);margin-left:5px}.btn--fancy,button,input[type=submit]{font-family:inherit;font-size:1.5rem;background:transparent;border:none;padding:8px 12px;margin:4px 6px;border-radius:8px;color:var(--foreground);cursor:pointer;transition:all .25s ease}.btn--fancy:hover,input[type=submit]:hover{transform:scale(1.2)}main .create .btn--fancy{font-size:2rem}main{grid-column:2/12;display:flex;flex-direction:column;align-items:center;text-align:center}main .create{grid-column:1/13;place-content:center;min-height:20svh;width:100%}main .listings{grid-column:1/13;width:100%;display:flex;flex-direction:column;align-items:center}main .listings h1{font-family:inherit;font-weight:800;padding:1em}.listings-header{display:flex;justify-content:center;align-items:center;gap:1em;padding:1em 0;width:100%}.listings-header h1{margin:0}.arrow-button{font-size:1.5rem;padding:.25em .5em;margin:0 .5em;cursor:pointer;transition:transform .2s}.arrow-button:hover{transform:scale(1.2)}.tokens{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));place-content:center;text-align:center;width:100%;margin:0 auto}.tokens p{grid-column:1/-1;font-family:inherit;font-size:1.5rem}.token{background:none;border:1px solid transparent;color:var(--foreground);padding:1em;font-size:1.05rem;cursor:pointer;display:flex;align-items:center;justify-content:flex-start}.token:hover{border:1px solid var(--foreground)}.token__details{font-family:inherit;font-weight:400;text-align:left;display:flex;flex-direction:column;align-items:flex-start}.token__addresses{width:100%;margin-bottom:1em}.token__image-info-container{display:flex;flex-direction:row;align-items:flex-start}.token__image{margin-right:1em}.token__details p{font-size:.95rem;padding:.25em 0;margin:0}.token__details .name{font-size:1.4rem}.token__details .ticker{font-size:1.2rem;color:#888;margin-left:1em}.list{width:100vw;height:100vh;background-color:rgba(0,0,0,.9);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;padding-top:3em;z-index:1000}.list__description{font-family:inherit;font-size:1.1rem;font-weight:400;padding:1em 0 0}.list form{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2em;padding:2em}.list form input[type=file],.list form input[type=number],.list form input[type=text],.list form input[type=url]{background-color:var(--background);color:var(--foreground);border:none;width:200px;padding:1.5em;border-radius:6px}.list form label.logo-label{background-color:var(--background);color:#939292;border-radius:6px;padding:1.5em;display:block;text-align:left;width:200px;cursor:pointer;font-size:.8rem;font-weight:400}.trade{width:100%;height:auto;background-color:transparent;position:relative;top:auto;left:auto;transform:none;display:flex;align-items:center;flex-direction:column;padding-top:0;color:white}.trade-actions{display:flex;gap:1em;justify-content:flex-start;text-align:left}.trade-form{display:flex;flex-direction:column;align-items:center;text-align:center}.trade-form input[type=number]{background-color:var(--background);color:var(--foreground);border:none;width:200px;padding:1.5em;margin:8px 6px;border-radius:6px;text-align:left}.orders-pagination-bottom,.orders-pagination-top{text-align:center;margin:10px 0}.orders-table-wrapper{overflow-x:auto}.orders-table{width:100%;border-collapse:collapse;margin-bottom:1em}.orders-table td,.orders-table th{border:1px solid #ddd;padding:8px;text-align:left}.orders-table th{background-color:#f0f0f0;font-weight:700}.buy-order{background-color:rgba(144,238,144,.3)}.sell-order{background-color:rgba(153,46,46,.83)}.trade-orders-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;z-index:1000}.trade-orders-container{display:flex;width:100%;height:80%;max-height:900px;background-color:transparent}.orders-half,.trade-half{width:100%;height:100%;padding:20px;overflow:auto;color:black}.trade-half{border-right:1px solid #444}.orders-half{padding-left:30px}.orders-half .orders-container,.trade-half .trade{height:100%;display:flex;flex-direction:column}.orders-half .orders-table-wrapper{flex-grow:1;overflow-y:auto}.rotating-header{display:flex;align-items:center;justify-content:center;gap:10px}.whales-table tbody tr{background-color:#f5f5f5}.whales-table tbody tr:nth-child(2n){background-color:#e0e0e0}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000;overflow:auto}.progress-bar{width:100%;background-color:rgba(0,0,0,.5);border-radius:5px;overflow:hidden;height:20px;margin-top:10px}.progress-bar-filled{height:100%;transition:width .5s ease,background-color .5s ease}