:root{--background:#0c0c0c;--header-bg-color:#0c0c0c22;--text:#fff;--border-color:#333;--button-bg-color:#ffb7b2;--button-hover-bg-color:#a0e7e5;--button-text-color:#0c0c0c;--font:monospace}*{box-sizing:border-box}.bodyLock{overflow:hidden}html{scrollbar-gutter:stable;scrollbar-width:thin}body{background:#0c0c0c;background:var(--background);color:#fff;color:var(--text);margin:0;min-height:100vh;overflow-y:overlay}body,button{font-family:monospace;font-family:var(--font)}button{background:#ffb7b2;background:var(--button-bg-color);border:none;border-radius:none;color:#0c0c0c;color:var(--button-text-color);outline:none;padding:8px;text-transform:uppercase;transition:background-color .3s ease;width:100%;&:focus,&:hover{background:#a0e7e5;background:var(--button-hover-bg-color);cursor:pointer}}::view-transition-new(product-*),::view-transition-old(product-*){header{visibility:hidden}}.App{display:grid;grid-template-rows:auto 1fr;&:has(.ProductPreview){header{opacity:0}}header{view-transition-name:none;-webkit-text-fill-color:#0000;-webkit-backdrop-filter:blur(3px) hue-rotate(65deg) saturate(1.1);backdrop-filter:blur(3px) hue-rotate(65deg) saturate(1.1);background:#0c0c0c22;background:var(--header-bg-color);background:linear-gradient(180deg,#a0e7e5,#ffb7b2);-webkit-background-clip:text;background-clip:text;border-bottom:1px solid #333;border-bottom:1px solid var(--border-color);left:0;padding:16px;position:-webkit-sticky;position:sticky;text-align:center;top:0;transition:opacity 1s ease;z-index:1}}.ProductListings{align-items:stretch;display:flex;flex-flow:row wrap;gap:24px;justify-content:center;margin:auto;max-width:2000px;padding:24px}.ProductImage{filter:sepia(50%) contrast(.8);overflow:hidden;position:relative;&:after{background-color:#ff69b433;content:"";height:100%;left:0;mix-blend-mode:screen;pointer-events:none;position:absolute;top:0;width:100%}figure{background-image:url(https://placehold.co/300x200);background-position:50%;background-size:cover;height:200px;margin:0;padding:0;transition:transform .3s ease;width:400px}}.ProductListing{align-items:stretch;border:2px solid #ffb7b2;border:2px solid var(--button-bg-color);border-radius:8px;display:flex;flex-flow:column nowrap;justify-content:flex-start;overflow:hidden;transition:border-color .3s ease;&:has(button:hover,button:focus){border-color:#a0e7e5;border-color:var(--button-hover-bg-color)}figure{&:hover{cursor:zoom-in;transform:scale(1.1)}}.info{align-items:baseline;display:flex;flex-flow:row nowrap;justify-content:space-between;padding:16px 12px}}.ProductPreview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:zoom-out;height:100%;left:0;position:fixed;top:0;width:100%;z-index:2;.content{align-items:stretch;border:4px solid #ffb7b2;border:4px solid var(--button-bg-color);border-radius:8px;display:flex;flex-flow:column nowrap;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transition:border-color .3s ease;&:has(button:hover,button:focus){border-color:#a0e7e5;border-color:var(--button-hover-bg-color)}figure{height:400px;width:min(800px,80vw)}.description{align-items:flex-start;background:#0003;display:flex;flex-flow:column nowrap;font-size:16px;gap:12px;left:0;padding:24px;position:absolute;top:0;h4{border-bottom:1px dashed;margin:0}}}}.CheckoutPage{padding:16px;form{align-items:stretch;display:flex;flex-flow:column nowrap;gap:16px;justify-content:center;left:50%;max-width:500px;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%;h2{margin:0;text-align:center}.pricing{align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;padding:0 8px}.ProductImage{border:2px solid #ffb7b2;border:2px solid var(--button-bg-color);border-radius:8px;figure{width:100%}}a{color:inherit;text-decoration:none;&:focus,&:hover{text-decoration:underline}}.back{text-align:center}input{background:none;border:2px solid #ccc;color:inherit;font-size:16px;padding:8px;&::placeholder{color:currentColor;opacity:.5}&:focus{border-color:#a0e7e5;border-color:var(--button-hover-bg-color);outline:none}}.placeholder{align-items:center;border:2px dashed;display:flex;flex-flow:column;height:200px;justify-content:center;text-align:center;width:100%}}}.statusPage{align-items:center;display:flex;flex-flow:column nowrap;gap:8px;justify-content:center;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);a{color:inherit;text-decoration:none;&:focus,&:hover{text-decoration:underline}}}
/*# sourceMappingURL=main.fa157a2c.css.map*/