html{height:100%}body{height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}body.--is-details-showing:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:2;pointer-events:none;opacity:.35}#root{height:100%}.container{position:fixed;inset:0;width:100vw;height:100vh;transform-origin:center center}.grid{position:absolute;display:flex;gap:5vw;width:max-content;height:max-content}.product img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform .3s ease-in-out}.details{position:fixed;top:0;right:0;width:50vw;height:100vh;padding:3vw 4vw;background:#f1f1f1;transform:translate3d(50vw,0,0);z-index:6;opacity:0}.--is-showing .details{opacity:1;transition:opacity .3s ease}.details__title{margin-bottom:3vw;display:grid}.details__title h2{grid-area:1 / -1;font-size:3vw;overflow:hidden}.details__body{display:grid;grid-template-columns:minmax(22vw,24vw) 1fr;column-gap:2.5vw;align-items:start}.details__thumb{grid-column:1;width:100%;height:24vw;position:relative}.details__thumb img,.details__thumb div{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.details__texts{grid-column:2;line-height:1.6;max-width:34rem}.pokemon-type{font-weight:700;margin-bottom:.75rem;font-size:1.1rem}.best-moves{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.best-moves .move{padding:.45rem .8rem;border-radius:999px;background:#e9e9e9;font-size:1rem}.details__texts p{font-size:1.05rem}.cross{position:fixed;width:3vw;height:3vw;transform:translate(-50%,-50%);z-index:5;pointer-events:none;opacity:0}.cross svg{width:100%;height:100%}.cross{z-index:9999;will-change:transform}@media (max-width: 900px){.details{width:90vw;padding:8vw 7vw;transform:translate3d(90vw,0,0)}.details__title h2{font-size:2rem}.details__body{grid-template-columns:1fr;row-gap:4vw}.details__thumb{grid-column:1;width:70vw;height:70vw;justify-self:center}.details__texts{grid-column:1;max-width:100%}.grid,.column{gap:10vw}.product,.product div{width:42vw}}@font-face{font-family:TWK Lausanne;src:url(/fonts/TWK-Lausanne.woff2) format("woff2")}*,*:after,*:before{box-sizing:border-box;margin:0;padding:0}:root{font-size:12px;--color-text: #1a1a1a;--color-bg: #fff;--color-link: #1a1a1a;--color-link-hover: #1a1a1a;--page-padding: 1.5rem}body{margin:0;color:var(--color-text);background-color:var(--color-bg);font-family:TWK Lausanne,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw;overflow-x:hidden}@media (scripting: enabled){.loading:before,.loading:after{content:"";position:fixed;z-index:10000}.loading:before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.loading:after{top:50%;left:50%;width:100px;height:1px;margin:0 0 0 -50px;background:var(--color-link);animation:loaderAnim 1.5s ease-in-out infinite alternate forwards}}@keyframes loaderAnim{0%{transform:scaleX(0);transform-origin:0% 50%}50%{transform:scaleX(1);transform-origin:0% 50%}50.1%{transform:scaleX(1);transform-origin:100% 50%}to{transform:scaleX(0);transform-origin:100% 50%}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-bg);display:flex;align-items:center;justify-content:center;z-index:10000}.loading-indicator{width:100px;height:1px;background:var(--color-link);animation:loaderAnim 1.5s ease-in-out infinite alternate forwards}a{text-decoration:none;color:var(--color-link);outline:none;cursor:pointer}a:hover{text-decoration:underline;color:var(--color-link-hover)}a:focus{outline:none;background:#d3d3d3}a:focus:not(:focus-visible){background:transparent}a:focus:focus-visible{outline:2px solid red;background:transparent}.frame{display:grid;z-index:1000;grid-row-gap:1rem;grid-column-gap:2rem;pointer-events:none;justify-items:start;align-content:start;padding:var(--page-padding);height:100vh;position:fixed;top:0;left:0;width:100%;grid-template-columns:auto auto auto 1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"title title title title" "back github archive ..." "sponsor sponsor sponsor sponsor"}.frame a,.frame button{pointer-events:auto}.frame .frame__title{grid-area:title;font-size:inherit;margin:0}.frame .frame__back{grid-area:back;justify-self:start}.frame .frame__archive{grid-area:archive;justify-self:start}.frame .frame__github{grid-area:github}.line,.char{transform:translate3d(0,100%,0);display:inline-block}.container{position:fixed;width:100vw;height:100vh;top:0;left:0;transform-origin:center center;will-change:transform}.container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:2;pointer-events:none;opacity:0;transition:opacity .45s ease-in-out}.grid{position:absolute;width:max-content;height:max-content;display:flex;gap:5vw}.--is-loaded{overflow:hidden}.--is-loaded .grid{transition:transform .45s cubic-bezier(.33,1,.68,1);cursor:grab}.column{display:flex;flex-direction:column;gap:5vw}.column:nth-child(2n){margin-top:10vw}.product{position:relative;width:18.5vw;aspect-ratio:1 / 1}.product div{width:18.5vw;aspect-ratio:1 / 1;cursor:pointer}.product img{position:absolute;width:100%;height:100%;object-fit:contain;will-change:transform;transition:transform .3s ease-in-out}.product:hover img{transform:scale(1.05)}.details{position:fixed;top:0;right:0;width:50vw;height:100vh;padding:3vw 4vw;background-color:#f1f1f1;transform:translate3d(50vw,0,0);z-index:6}@media (max-width: 600px){.details{width:90%;height:100vh;padding:8vw 7vw;transform:translate3d(90%,0,0)}}.details__title{margin-bottom:4vw;position:relative;display:grid}@media (max-width: 600px){.details__title{margin-bottom:8vw}}.details__title h2{grid-area:1 / -1;overflow:hidden;font-size:3vw;font-weight:400;margin:0}@media (max-width: 600px){.details__title h2{font-size:2rem}}.details__body{display:flex;flex-wrap:wrap;align-items:end;gap:2vw}.details__texts{position:relative;height:100%;line-height:1.5;display:flex;flex-direction:column;max-width:15rem}.details__texts .price-section{margin-bottom:1rem}.details__texts .price{display:block;font-size:1.5rem;font-weight:700}.details__texts p{overflow:hidden;flex:1}.details__texts .add-to-cart-btn{appearance:none;border:none;display:block;background-color:transparent;margin-top:1.5rem;border:1px solid;border-radius:1rem;padding:.25rem 1rem;cursor:pointer;align-self:flex-start}@media (max-width: 600px){.details__texts .add-to-cart-btn{margin-top:5vw}}.details__texts .add-to-cart-btn:hover{background-color:var(--color-text);color:var(--color-bg)}.details__texts [data-text]{position:relative}.details__thumb{position:relative;width:25vw;aspect-ratio:1 / 1;z-index:3;will-change:transform}@media (max-width: 600px){.details__thumb{width:100%}}.details__thumb img{position:absolute;width:100%;height:100%;object-fit:cover}p{font-size:.85rem;margin-bottom:1vw}.cross{position:fixed;width:3vw;height:3vw;transform:translate(-50%,-50%);z-index:5;pointer-events:none;transform:scale(0)}.cross svg{width:3vw;height:3vw}.--is-details-showing{cursor:pointer}.--is-details-showing .grid{pointer-events:none}.--is-showing{opacity:1}.--is-dragging,.--is-dragging .grid{cursor:grabbing!important}.char,.line{display:inline-block;overflow:hidden}.char,.line{transform:translateY(100%)}.is-closed .menu-p,.menu-pill .menu-p.is-menu-text{opacity:0}.menu-pill .menu-p.is-close-text,.menu-pill.is-closed .menu-p.is-menu-text{opacity:1}.menu-pill.is-closed .menu-p.is-close-text{opacity:0}.menu_component{opacity:0;position:fixed;top:12px;left:12px;display:inline-block;z-index:9999}.menu-pill.is-closed{pointer-events:none}.menu-pill.is-menu.is-closed{pointer-events:auto}.menu-pill{background:#111;color:#fff;border-radius:999px;padding:10px 16px;margin:6px 0;width:max-content;cursor:pointer;-webkit-user-select:none;user-select:none}.menu-pill .menu-p{transition:opacity .3s ease;margin:0;line-height:1}.menu_component .menu-pill+.menu-pill{margin-top:8px}