.menu[data-astro-cid-2j44jlrm]{z-index:1000;mix-blend-mode:difference;position:fixed}.menu[data-astro-cid-2j44jlrm] img[data-astro-cid-2j44jlrm]{width:103px;margin-right:calc(2.5vw - 1rem)}:root{--orange: rgb(0, 153, 255)}@font-face{font-family:pp-supply;src:url(/PP%20Supply/PPSupplyMono-Regular.otf) format("opentype")}body{font-family:pp-supply}.menu{font-size:.8rem;text-transform:uppercase;display:flex;padding-top:.5rem;align-items:center;gap:1rem;max-width:960px;width:100%}.menu a{color:#fff;text-decoration:none}.menu a:hover{text-decoration:underline}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff0;display:flex;justify-content:center;align-items:center;z-index:1}.lightbox-content{text-align:center;position:relative;max-width:100%;padding:.5rem;height:80vh;max-height:80vh;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;pointer-events:none}.lightbox-content img{max-width:100%;max-height:100%;user-select:none}.lightbox-close{position:absolute;top:0;right:0;background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:#000;pointer-events:all}.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);border:none;font-size:2rem;cursor:pointer;padding:0;z-index:100;background-color:transparent;pointer-events:all}.lightbox-arrow.prev{left:5px}.lightbox-arrow.next{right:5px}p{margin:0;font-size:.8rem}body{margin:0}main{display:flex;flex-direction:column;gap:20vh;min-height:100vh;align-items:center;background-color:#fff}.container{display:flex;justify-content:flex-start;flex-direction:column;max-width:960px;padding-bottom:0;align-items:center;width:100%;margin-top:40vh}.container .labels{display:flex;gap:5vw;flex-direction:row;justify-content:flex-end;width:100%;align-items:flex-end;user-select:none;background-color:#000}.container .labels div{width:5px;user-select:none}.container .labels div p{writing-mode:sideways-lr;text-orientation:mixed;line-height:1;position:relative;left:-12px;transform-origin:bottom right;transform:rotate(45deg);text-transform:uppercase;cursor:pointer;color:#fff;user-select:none}.container .labels div p:hover,.container .cat-active{color:var(--orange)!important}.container .row{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative;padding:.25rem 0}.container .row.off{pointer-events:none}.container .row.off p{color:#ffffff40!important}.container .row.hided{pointer-events:none}.container .row.hided p{color:#ffffff40!important;z-index:0}.container .row.hided .img{display:none!important}.container .row.hided:hover p{color:#000!important}.container .row.clickable:hover p{color:var(--orange)!important}.container .row.open{pointer-events:none;opacity:1;overflow:hidden}.container .row.open .left{pointer-events:none;z-index:10}.container .row:hover .img{display:block;position:absolute;top:0;left:0;max-width:300px;pointer-events:none;z-index:100}.container .row:hover .field.active{background-color:var(--orange)!important}.container .row .img{display:none}.container .row .left{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:row;gap:2.5vw;width:50vw;z-index:0;mix-blend-mode:difference}.container .row .left div{display:flex;flex-direction:row;gap:2.5vw;pointer-events:none}.container .row .left p{cursor:pointer;color:#fff}.container .row .right{display:flex;justify-content:flex-end;align-items:flex-start;flex-direction:row;gap:5vw;mix-blend-mode:difference}.container .row .right .field{width:5px;height:5px;background-color:#000;margin:0;border-radius:100%}.container .row .right .field.active{background-color:#fff}.container #row-0 .right .field{position:relative}@media (max-width: 720px){main{padding:.5rem;gap:10rem}.menu{justify-content:flex-start}.menu img{width:45px!important}.left{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:row;gap:2vw;width:70vw!important;z-index:100}.left div{display:flex;flex-direction:column!important;gap:.25vw!important;pointer-events:none}.left p{cursor:pointer;color:#000}.hide-mobile{display:none}.row .img{display:none!important}.lightbox-arrow{transform:scale(.5);mix-blend-mode:difference}.lightbox-arrow img{filter:invert(1);max-height:80vh}.container{padding:.5rem}.container .row{gap:.5rem}.row.categories{padding-bottom:2rem}.row.categories .right .labels p{writing-mode:horizontal-tb!important;height:auto!important;transform:translate(-50%) rotate(-90deg)!important;left:3px!important;width:0px!important;transform-origin:unset;color:#fff}.labels div p{color:#fff;transform:rotate(90deg)}}