@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap";:root{--bg:#0e0f0d;--bar:#111311;--t-window:#141714;--border:#2a2e2a;--b-right:#2a2d2a;--green:#7ec98c;--hover:#7ac3ff;--amber:#c9a84c;--red:#c97070;--text:#d4d9d4;--muted:#6b7368;--cursor:#7ec98c;--path:#2258ee;--arrows:#fff3;--notification:#2a529cb2}*,:before,:after{box-sizing:border-box;margin:0;padding:0}*{-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);flex-direction:column;align-items:center;font-family:JetBrains Mono;display:flex}.wrapper{flex-direction:column;width:100%;min-height:100vh;display:flex}.window-container{border-radius:10px;flex-direction:column;flex:1;width:100%;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.top-container{background-color:var(--bg);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.subtitle{text-align:center;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);padding:min(.5em,5%);font-size:clamp(2rem,7vw - 1rem,6rem)}.dot{border-radius:50%;width:1rem;height:1rem}.dot-r{background:var(--red);margin-left:.1rem}.dot-y{background:var(--amber)}.dot-g{background:var(--green)}.titlebar{background:var(--bar);border:1px solid var(--border);border-top-left-radius:10px;border-top-right-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:clamp(.4rem,1.3vw,1.5rem);display:flex}.titlebar-text{text-align:center;color:#0000;letter-spacing:.05em;cursor:pointer;background:var(--notification);border-radius:5px;margin-left:auto;margin-right:min(.5rem,3%);padding:min(.5rem,.5%);font-family:IBM Plex Sans;font-size:clamp(1rem,1vw + .1rem,1.5rem)}.titlebar-text:after,.titlebar-text.active:after{content:attr(data-text);color:var(--text)}.titlebar-text:hover:after,.titlebar-text.active:hover:after{content:attr(data-hover);color:var(--hover)}.titlebar-text.active{color:#0000}.fadein{opacity:0;visibility:hidden;transition:opacity .6s ease-out,transform 1.2s ease-out}.fadein.visible{opacity:1;visibility:visible;transform:none}.nav-buttons{border:1px solid var(--border);background-color:var(--t-window);border-top:none;justify-content:space-evenly;align-items:center;width:100%;font-family:IBM Plex Sans;display:flex}.nav-btn{width:100%;color:var(--muted);border-right:var(--border) 1px solid;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:clamp(.2rem,.75vw,1rem);font-size:clamp(.5rem,2vw + .6rem,2rem);list-style:none;transition:border-color .15s,color .15s;display:flex}.nav-btn:last-child{border-right:none}.nav-btn:hover{background:var(--border)}.nav-btn.active{background:var(--border);border-right-color:var(--b-right)}.socials{background-color:var(--bg);border-top:var(--border) solid 1px;grid-template-columns:1fr auto 1fr;width:100%;padding:min(1rem,3%);display:grid}.fa-brands{text-align:center;grid-column:2;padding:min(1rem,5%);font-size:clamp(1rem,8vw,6rem);text-decoration:none}.fa-brands:hover{opacity:.7;color:var(--cursor)}.fa-github{color:var(--text)}@media (hover:hover){.nav-btn:hover{background:var(--border)}}@media only screen and (width<=1280px){.dot-r{margin-left:.5rem}}@media only screen and (width<=1024px){.dot-r{margin-left:.7rem}}@media only screen and (width<=768px){.top-container{z-index:10;position:sticky;top:0}.socials{z-index:10;position:sticky;bottom:0}.dot-r{margin-left:.9rem}}@media only screen and (width<=480px){.dot-r{margin-left:1rem}}.gui{width:100%;height:100%}#app{flex:1;width:100%}.story-container{border-top:var(--border) solid 1px;flex-direction:column;justify-content:center;align-items:center;width:90%;margin:auto auto 0;display:flex}.sub-heading{padding:min(3rem,5%);font-family:IBM Plex Sans;font-size:clamp(2rem,2.5vw + 1rem,4rem)}.story{align-items:center;gap:min(1rem,5%);width:66%;margin-bottom:clamp(2rem,2vw + 2rem,4rem);display:flex}.ethos{width:50%;font-size:clamp(.5rem,1.2vw + .5rem,2rem)}.roaster{aspect-ratio:4/3;object-fit:cover;border-radius:10px;width:50%}.hours-container{border-top:var(--border) solid 1px;flex-direction:column;justify-content:center;align-items:center;width:90%;margin:auto auto 0;display:flex}.opening-container{text-align:center;width:80%}.times{text-align:center;margin-bottom:min(4rem,8%);font-size:clamp(.4rem,1vw + .5rem,1.5rem)}@media only screen and (width<=1280px){.story{width:95%}}@media only screen and (width<=768px){.story{align-items:stretch;width:95%}.ethos{width:95%}}@media only screen and (width<=480px){.story{flex-direction:column;width:100%}.ethos{text-align:center;width:94%;margin:0 auto}.roaster{width:94%;margin:0 auto}}.slideshow-container{width:60%;margin:0 auto}#tagline{text-align:center;padding:min(4rem,5%);font-family:IBM Plex Sans;font-size:clamp(1.2rem,2vw + 1rem,4rem);font-style:italic}#info{text-align:center;padding:min(4rem,5%);font-size:clamp(.5rem,1.2vw + .5rem,2rem)}#slideshow{aspect-ratio:16/9;border-radius:10px;width:100%;margin:0 auto;position:relative;overflow:hidden}#slideshow .list{width:max-content;height:100%;display:flex;position:absolute;top:0;left:0}.list figure{aspect-ratio:16/9;flex-shrink:0;position:relative;overflow:hidden}figure img{object-fit:cover;filter:brightness(.7);width:100%;height:100%}figure .slidecaption{visibility:hidden;text-align:center;color:var(--text);opacity:0;justify-content:center;align-items:center;font-size:clamp(.7rem,1vw + .7rem,2rem);font-weight:300;transition:opacity .6s ease-in,transform 1.2s ease-out;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(12px - 50%))}figure .slidecaption.show{visibility:visible;opacity:1;transform:translate(-50%,-50%)}.arrows{justify-content:space-between;width:90%;display:flex;position:absolute;top:50%;left:5%;transform:translateY(-50%)}.arrows button{cursor:pointer;background-color:var(--arrows);width:clamp(2rem,5vw + 1rem,5rem);height:clamp(2rem,5vw + 1rem,5rem);color:var(--text);border:none;border-radius:50%;font-family:JetBrains Mono;font-size:clamp(1rem,1vw + 1rem,2rem);transition:all .5s}.arrows button:hover{background-color:#00000040}.dots{box-sizing:border-box;justify-content:center;width:100%;height:clamp(1rem,2vw + 1rem,3rem);display:flex;position:absolute;bottom:clamp(1rem,1vw + 1rem,1.5rem)}.dots li{background-color:var(--arrows);cursor:pointer;border-radius:40px;width:clamp(1.5rem,2vw + 1rem,2rem);height:clamp(1.5rem,2vw + 1rem,2rem);margin:min(1rem,4%);list-style:none;transition:background-color .5s,width .5s;display:inline-block}.dots li.active{width:clamp(2rem,3vw + 2rem,5rem)}.dots li:hover,.dots li.active:hover{background-color:#00000040}@media only screen and (width<=1280px){.slideshow-container{width:85%}}.cart-container{background-color:var(--t-window);border-radius:10px;width:90%;margin:0 auto 3rem}.header{justify-content:flex-end;align-items:flex-end;width:100%;display:flex}.delete{text-align:right;color:var(--red);cursor:pointer;margin-right:7%;padding-top:clamp(1rem,2vw + 1rem,3rem);padding-bottom:clamp(1rem,2vw + 1rem,3rem);font-size:clamp(.7rem,1vw + .5rem,2rem);text-decoration:underline}.cart-item{grid-template-columns:1fr 1.5fr 1fr 1fr;align-items:center;width:90%;min-height:30%;margin:0 auto;padding-top:min(7rem,5%);display:grid}.name{color:var(--text);font-size:clamp(.5rem,1.6vw + .5rem,2rem);font-weight:300;line-height:10px}.counter{justify-content:space-evenly;align-items:center;width:100%;display:flex}.plus-btn,.minus-btn{background-color:var(--green);width:clamp(1.5rem,2vw + 1rem,3rem);height:clamp(1.5rem,2vw + 1rem,3rem);color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:clamp(.9rem,2vw + 1rem,2.5rem);font-weight:300;display:flex}.minus-btn{background-color:var(--red)}.count{color:var(--text);font-size:clamp(.3rem,1.2vw + .5rem,1.8rem);font-weight:300}.cost{justify-self:end;margin-top:1.5rem;margin-right:12%}.amount{text-align:right;font-size:clamp(.5rem,1.5vw + .5rem,2rem)}.remove{text-align:right;cursor:pointer;color:var(--muted);padding-top:1%;font-size:clamp(.7rem,1.2vw + .5rem,1.8rem)}.checkout{flex-direction:column;justify-content:flex-end;justify-self:flex-end;align-items:flex-end;gap:1rem;width:28%;margin-top:2%;margin-left:auto;margin-right:7%;padding-bottom:5%;display:flex}.total{text-align:right;width:100%;font-size:clamp(1.2rem,2vw + .5rem,2.5rem)}.total-amount{text-align:right;font-size:clamp(1.2rem,2.5vw + .5rem,3rem);font-weight:300}.button{background:linear-gradient(to bottom right, var(--hover), var(--path));cursor:pointer;width:55%;height:clamp(2rem,2vw + 2rem,5rem);color:var(--text);border:none;border-radius:20px;font-family:JetBrains Mono;font-size:clamp(.9rem,1vw + .7rem,3rem);font-weight:300}.empty{text-align:center;margin:4.5%;font-size:clamp(.7rem,1vw + .5rem,2rem)}@media only screen and (width<=1280px){.cart-container{width:85%}.image-box img{width:4rem;height:4rem}.cost{grid-column:4;margin-top:1.8rem}.remove{cursor:pointer;color:var(--muted);padding-top:1%}.button{width:70%}}@media only screen and (width<=768px){.cost{margin-top:1.3rem}.image-box img{width:3rem;height:3rem}}@media only screen and (width<=480px){.cart-item{grid-template-columns:0 1fr 1fr 1fr;width:95%}.image-box img{display:none}.name{grid-column:2}.counter{grid-column:3;width:100%}.cost{grid-column:4;margin-top:1rem;margin-right:15%}.button{width:100%}}.information{text-align:center;flex-direction:column;margin:1rem;display:flex}#items{text-align:center;width:90%;margin:0 auto clamp(1rem,1vw + .5rem,2rem);font-size:clamp(1rem,1vw + .7rem,4rem)}.itemnames{color:var(--text);font-size:clamp(1rem,1vw + .5rem,3rem);font-weight:300}.prices{color:var(--muted);font-size:clamp(.8rem,1vw + .5rem,3rem);font-weight:200}#product-wrapper{box-sizing:border-box;flex-direction:column;justify-content:center;width:70%;margin:0 auto;display:flex}.products{box-sizing:border-box;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;margin-top:1rem;margin-bottom:min(3rem,1%);display:flex}.products img{aspect-ratio:4/3;object-fit:cover;border-radius:10px;width:100%}.caption-container{aspect-ratio:4/3;width:90%;position:relative;overflow:hidden}.caption{background-color:var(--t-window);opacity:.9;justify-content:center;align-items:center;transition:transform .3s;display:flex;position:absolute;inset:0;transform:translateY(100%)}.caption-container:hover .caption{transform:translateY(0%)}.more{color:var(--text);text-align:center;cursor:pointer;font-family:JetBrains Mono;font-size:clamp(1rem,2vw + 2rem,5rem);text-decoration:none}.more:hover{color:var(--hover)}@media only screen and (width<=1280px){#product-wrapper{width:95%}}#catalogue-wrapper{flex-direction:column;align-items:center;width:60%;margin:0 auto;display:flex}.catalogue-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:min(1rem,8%);display:flex}.catalogue-item,.catalogue-item img{aspect-ratio:4/3;object-fit:cover;border-radius:10px;width:100%}.statistics{width:100%;margin-top:min(1rem,1%)}.stats{justify-content:space-between;align-items:center;font-size:clamp(1rem,1vw + .2rem,3rem);font-weight:700;display:flex}.fluff{text-align:center;justify-content:center;font-family:IBM Plex Sans;font-size:clamp(1.1rem,1vw + .5rem,3rem);font-weight:300}.result{font-size:clamp(1rem,1vw + .1rem,3rem);font-weight:300}#purchase{grid-template-columns:repeat(2,1fr);margin:min(3rem,5%) auto 0;display:grid}.qty-counter{justify-content:space-between;align-items:center;width:70%;margin:0 auto;display:flex}.btn-plus,.btn-minus{background-color:var(--green);width:clamp(1.5rem,2vw + 1rem,3rem);height:clamp(1.5rem,2vw + 1rem,3rem);color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:clamp(.9rem,2vw,1.5rem);font-weight:300;display:flex}.btn-minus{background-color:var(--red)}.btn:hover{color:var(--hover);opacity:.9}.counting{color:var(--text);font-size:clamp(.3rem,1.2vw + .5rem,1.8rem);font-weight:300}.buy{background:linear-gradient(to bottom right, var(--hover), var(--path));cursor:pointer;width:100%;height:clamp(2rem,4vw + 1rem,4rem);color:var(--text);border:none;border-radius:20px;margin:0 auto;padding:0 1rem;font-family:JetBrains Mono;font-size:clamp(1rem,1.5vw,1.5rem);font-weight:300}#toastbox{flex-direction:column;align-items:flex-end;padding:min(1rem,3%);display:flex;position:absolute;bottom:2vw;right:2vw;overflow:hidden}.toast{background:var(--notification);width:36vw;height:10vw;color:var(--text);border-radius:5px;justify-content:center;align-items:center;margin:1rem 0;padding:clamp(.5rem,2vw,1rem);font-size:clamp(.7rem,.7vw + .5rem,3rem);font-weight:300;animation:.5s linear forwards moveleft;display:flex;position:relative;transform:translate(100%)}@keyframes moveleft{to{transform:translate(0)}}.toast img{box-sizing:border-box;object-fit:cover;border-radius:50%;flex-shrink:0;width:3rem;height:3rem;margin-right:.8rem;padding:.3rem}.toast:after{content:"";background:var(--green);border-bottom-right-radius:5px;border-bottom-left-radius:5px;width:100%;height:.3rem;animation:3s linear forwards countdown;position:absolute;bottom:0;left:0}@keyframes countdown{to{width:0}}@media only screen and (width<=1280px){#catalogue-wrapper{width:95%}.catalogue-container{flex-direction:column;width:90%}.catalogue-item{width:100%;margin:0 auto}.statistics{width:95%;margin:min(1rem,1%) auto 3rem}.stats,.result{font-size:calc(1vw + .6rem)}#purchase{grid-template-columns:1fr;margin:0 auto min(3rem,10%)}.buy{margin-top:1.5rem}}@media only screen and (width<=768px){.toast{width:40vw;height:12vw}}@media only screen and (width<=480px){.toast{width:50vw;height:25vw}}.receipt-container{background-color:var(--t-window);border-radius:10px;width:90%;height:100%;margin:0 auto}.bar{background-color:var(--border);border-radius:10px;justify-content:space-between;align-items:center;padding:2%;display:flex}#thanks{text-align:center;margin-bottom:1.5rem;font-size:2rem}#order,#message{text-align:center;margin-left:5%;margin-right:auto;font-size:clamp(.7rem,1vw + .5rem,1.5rem);text-decoration:underline}#print{background:linear-gradient(to bottom right, var(--hover), var(--path));cursor:pointer;width:20%;color:var(--text);border:none;border-radius:20px;margin-right:5%;padding:1%;font-family:JetBrains Mono;font-size:clamp(1rem,2vw,2rem);font-weight:300}.receipt-items{grid-template-columns:1fr;width:100%;display:grid}.receipt-item{grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;width:90%;min-height:30%;margin:auto;padding-top:min(3.5rem,6%);padding-bottom:min(3rem,3%);display:grid}.image-box{text-align:center;margin-left:11%;margin-right:auto}.image-box img{object-fit:cover;border-radius:50%;width:5rem;height:5rem}.about{margin-left:14%}.item-name{color:var(--text);font-size:1.5rem;font-weight:300;line-height:10px}.item-count{text-align:center;color:var(--text);font-size:1.5rem;font-weight:300}.receipt-cost{text-align:right;margin-top:0;margin-right:10%}.item-amount{font-size:1.5rem}hr{width:86%;margin-top:1.5%;margin-left:auto;margin-right:7%}.receipt-checkout{flex-direction:column;justify-content:flex-end;justify-self:flex-end;align-items:flex-end;gap:1rem;width:28%;margin-top:2%;margin-left:auto;margin-right:7%;padding-bottom:5%;display:flex}.receipt-total{text-align:right;width:100%;font-size:1.8rem}.receipt-amount{text-align:right;margin-top:1%;font-size:2rem;font-weight:300}@media only screen and (width<=1280px){.receipt-container{width:85%}#order,#message{margin-top:1%;margin-bottom:1%}#thanks{font-size:2rem}#print{margin:1% 5% 1% 1%}}@media only screen and (width<=1024px){#order,#message{margin:1%}#thanks{font-size:2rem}#print{width:20%;margin:1% 2% 1% 1%}}@media only screen and (width<=768px){#order,#message{margin:1%}#order{margin-left:2%}.image-box img{width:3rem;height:3rem}#thanks{font-size:1.5rem}}@media only screen and (width<=480px){.receipt-container{width:80%}#message{margin-bottom:3%}.bar{flex-direction:column;align-items:center;padding:.5em}#thanks{font-size:.9rem}#print{align-items:center;width:40%;height:40%;margin:3% 2%}.receipt-item{grid-template-columns:0 .5fr .5fr .5fr}.image-box img{display:none}.item-name{margin-left:-9%;margin-right:auto;font-size:1rem}.item-count{font-size:.8rem}.item-amount{margin-left:10%;margin-right:auto;font-size:1rem}.receipt-total{font-size:1.2rem}.receipt-amount{text-align:right;margin-top:.5rem;font-size:1.4rem}}.terminal{background:var(--t-window);border:1px solid var(--border);border-top:none;border-bottom-right-radius:10px;border-bottom-left-radius:10px;flex-direction:column;width:100%;height:100%;display:flex}.input-row{flex-shrink:0;align-items:center;gap:.5rem;padding:clamp(.4rem,.5vw + .5rem,1rem) clamp(.4rem,.5vw + .5rem,1rem) clamp(.4rem,.5vw + .5rem,1rem) 1.5rem;display:flex}.prompt{color:var(--green);white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:clamp(.7rem,1vw + .5rem,2rem)}.path{color:var(--path)}#cmd-input{min-width:0;color:var(--text);caret-color:var(--green);background:0 0;border:none;outline:none;flex:1;margin-left:.1rem;font-family:inherit;font-size:clamp(.7rem,1vw + .5rem,2rem)}.terminal-output{border-top:1px solid var(--border);flex-direction:column;flex:1;gap:.25rem;min-height:100vh;padding:1.25rem 1.5rem;display:flex;overflow-y:auto}.terminal-output::-webkit-scrollbar{width:4px}.terminal-output::-webkit-scrollbar-track{background:0 0}.terminal-output::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.line{white-space:pre-wrap;word-break:break-word;opacity:0;font-size:clamp(.7rem,1vw + .5rem,2rem);line-height:1.6;animation:.15s forwards fadein}@keyframes fadein{to{opacity:1}}.line.prompt{color:var(--green)}.line.cmd{color:var(--text)}.line.info{color:var(--muted)}.line.success{color:var(--green)}.line.error{color:var(--red)}.line.warn{color:var(--amber)}.line.blank{min-height:.8rem}#cmd-input::placeholder{color:var(--muted);opacity:.6}.printing *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.printing body{background:#fff}.printing .top-container{display:none}.printing .subtitle{color:var(--border);font-size:4rem}.printing #thanks{color:var(--muted);font-size:1.65rem}.printing .receipt-container{background:#fff;width:100%;height:100%;margin:0;padding:0}.printing .item-name,.printing .item-count,.printing .item-price{color:var(--muted)}.printing .receipt-item{color:var(--muted);margin-top:-4%}.printing .bar{border-bottom:var(--muted) solid 2px;background:#fff;border-radius:0%;width:86%;margin-bottom:3rem;margin-left:7%}.printing #order,.printing #message{text-align:center;color:var(--border);font-size:1rem;text-decoration:none}.printing #print{display:none}.printing hr,.printing .column-line{background:var(--border)}.printing .receipt-total,.printing .receipt-amount{color:var(--muted)}.printing .socials{display:none}