*{box-sizing:border-box}body{font-family:Inter,sans-serif;margin:0;background-color:#0367b0;transition:background-color .3s ease-in-out}.layout{padding:32px 16px;width:100dvw;height:100dvh}.top{display:flex;flex-direction:column;align-items:center}@keyframes letterSpacingAnimation{0%{letter-spacing:5.6px}50%{letter-spacing:10px}to{letter-spacing:5.6px}}.top h1{font-size:56px;text-transform:uppercase;font-style:italic;font-weight:900;color:#fff;letter-spacing:5.6px;margin:0;animation:letterSpacingAnimation 3s infinite ease-in-out}.top .big-sneaker{margin-top:-21px;width:200px;-webkit-filter:drop-shadow(0 10px 10px rgba(0,0,0,.25));filter:drop-shadow(0 10px 10px rgba(0,0,0,.25))}.top .try-on-button{padding:16px 32px;display:flex;align-items:center;text-decoration:none;color:#fff;border:2px solid white;border-radius:1000px;box-shadow:0 10px 10px #00000040;margin-top:16px;margin-bottom:32px;transition:all .3s ease-in-out}.top .try-on-button:hover,.top .try-on-button:focus,.top .try-on-button:active{transform:scale(.9)}.top .try-on-button .icon{height:24px;display:inline;padding-right:8px}.top .try-on-button p{margin:0;font-size:20px;font-weight:500}.bottom{padding:16px;background-color:#fff;height:calc(100dvh - 381px);border-radius:42px}.bottom h2{margin:0 0 8px;color:#303030;font-size:14px;font-weight:700;text-align:center}.bottom .sneaker-grid{flex-grow:1;display:grid;grid-template-columns:1fr 1fr;gap:8px}.bottom .sneaker-grid--button{padding:8px;background-color:#d9d9d9;border-radius:32px;overflow:hidden;border:none;transition:all .3s ease-in-out}.bottom .sneaker-grid--button:hover,.bottom .sneaker-grid--button:focus{background-color:silver}.bottom .sneaker-grid--button:active{background-color:#0367b0;box-shadow:0 4px 3px #00000080 inset}.bottom .sneaker-grid--image{width:100%;height:calc((100dvh - 486px)/2);object-fit:contain}.bottom .sneaker-grid .active{background-color:#0367b0;box-shadow:0 4px 3px #00000080 inset}