:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100vh;width:100vw}header{width:100vw;display:flex;align-items:center;justify-content:space-between;padding-inline:2em;box-sizing:border-box;box-shadow:0 5px 5px -5px #000;nav{display:flex;gap:30px;a.active{color:grey}}}.card{width:100%;aspect-ratio:3/4;border-radius:10px;box-shadow:0 4px 4px rgba(0,0,0,.25);display:grid;place-items:center;font-size:3em}.cards-list,.feature-wrapper{display:grid;width:100vw;padding:5vh 5vw;box-sizing:border-box;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);grid-gap:5vw;gap:5vw}.feature{grid-column:1/3;grid-row:1/3;height:100%;border-radius:50px}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#747bff}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:2em;line-height:1.1}button,h1{cursor:pointer}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.address{height:34px;border-bottom:1px solid #d3d3d3;padding-block:10px;view-transition-name:address;>div{display:flex;align-items:center;gap:10px;padding-inline:20px}}.address-bar{border-radius:100px;height:30px;background:#ececec;padding-inline:1em;padding-top:4px;flex:1 1}.shuffle{display:grid;place-items:center;width:100vw;height:100vh}.debug{position:fixed;bottom:2rem;right:2rem}.panel{border-radius:1rem;box-shadow:0 4px 4px rgba(0,0,0,.25);padding:1rem;ul{list-style:none;padding:0;margin:0}}.pager{position:fixed;inset-inline:0;bottom:1em;view-transition-name:pager;display:flex;padding:1em;justify-content:center;align-items:center;gap:1em;button{box-shadow:0 4px 4px rgba(0,0,0,.25);&.active{filter:brightness(.7)}}}::view-transition-old(pager):only-child{animation:fade-out 90ms cubic-bezier(.4,0,1,1) both,slide-to-bottom .3s cubic-bezier(.4,0,.2,1) both}::view-transition-new(pager):only-child{animation:fade-in .21s cubic-bezier(0,0,.2,1) 90ms both,slide-from-bottom .3s cubic-bezier(.4,0,.2,1) both}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes slide-from-right{0%{transform:translateX(30px)}}@keyframes slide-to-left{to{transform:translateX(-30px)}}@keyframes slide-from-bottom{0%{transform:translateY(30px)}}@keyframes slide-to-bottom{to{transform:translateY(30px)}}@keyframes slide-in-from-left{0%{translate:-100vw 0}}@keyframes slide-in-from-right{0%{translate:100vw 0}}@keyframes slide-out-to-left{to{translate:-100vw 0}}@keyframes slide-out-to-right{to{translate:100vw 0}}@keyframes scale-up{0%{scale:0}}@keyframes scale-down{to{scale:0}}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url(/_next/static/media/material-icons.59322316.woff2) format("woff2"),url(/_next/static/media/material-icons.4ad034d2.woff) format("woff")}.material-icons{font-family:Material Icons;font-feature-settings:"liga"}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/_next/static/media/material-icons-outlined.f86cb7b0.woff2) format("woff2"),url(/_next/static/media/material-icons-outlined.78a93b20.woff) format("woff")}.material-icons,.material-icons-outlined{font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.material-icons-outlined{font-family:Material Icons Outlined;font-feature-settings:"liga"}@font-face{font-family:Material Icons Round;font-style:normal;font-weight:400;font-display:block;src:url(/_next/static/media/material-icons-round.b10ec9db.woff2) format("woff2"),url(/_next/static/media/material-icons-round.92dc7ca2.woff) format("woff")}.material-icons-round{font-family:Material Icons Round;font-feature-settings:"liga"}@font-face{font-family:Material Icons Sharp;font-style:normal;font-weight:400;font-display:block;src:url(/_next/static/media/material-icons-sharp.3885863e.woff2) format("woff2"),url(/_next/static/media/material-icons-sharp.a71cb2bf.woff) format("woff")}.material-icons-round,.material-icons-sharp{font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.material-icons-sharp{font-family:Material Icons Sharp;font-feature-settings:"liga"}@font-face{font-family:Material Icons Two Tone;font-style:normal;font-weight:400;font-display:block;src:url(/_next/static/media/material-icons-two-tone.675bd578.woff2) format("woff2"),url(/_next/static/media/material-icons-two-tone.588d6313.woff) format("woff")}.material-icons-two-tone{font-family:Material Icons Two Tone;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}