@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap";#root{width:100%}:root{font-family:Arimo,sans-serif;line-height:1.5;font-weight:400;font-size:18px;color-scheme:light dark;color:var(--text-color);background-color:var(--backdrop-color);box-sizing:border-box;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:inherit;box-sizing:border-box;place-items:center;min-width:320px;min-height:100vh;text-align:center;background:var(--backdrop-color);color:var(--text-color)}h1{font-size:3.2em}h1,h2,h3,h4,h5,p{margin:0 0 1em}h1,h2,h3,h4,h5{line-height:1.1}p{line-height:1.3}h1{font-size:2.2em}h2{font-size:1.8em}h3{font-size:1.4em}h4{font-size:1.2em}h5{font-size:1em}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#f1f8f8}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){.tangible{animation:logo-spin infinite 10s linear}}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=url],input[type=search],input[type=number],input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week],input[type=color],input[type=range]{background-color:rgba(var(--background-color),.8);border-radius:.5em;margin:1em auto;border:2px solid var(--highlight-color);transition:all .33s;position:relative;display:inline-block;padding:.66em 1em;display:block;color:var(--text-color);text-align:center;font-weight:400;font-size:1rem;letter-spacing:.05em}body{padding-top:1rem}h2{font-weight:400;text-transform:uppercase}.catalog{position:relative;padding:2em;width:100%;background:var(--card-background);color:var(--text-color);-webkit-mask-position-x:#ccc 0 .25em .5em;border-radius:0 0 .33em .33em;box-sizing:border-box;margin:0 auto;width:90vw;padding:1rem;background:var(--background-color)}.catalog h1{margin-top:0;line-height: 1}.categories{display:flex;flex-wrap:wrap}ul.categories{text-align:center;list-style:none;padding-left:0;justify-content:center;padding-top:1em}ul.categories h2.categoryName{margin:0 0 .25em}ul.categories p{margin:0 0 .5em}ul.categories li{font-size:.8rem;margin:0 0 1em;position:relative}ul.categories li a{display:inline-block;cursor:pointer;padding:.25em 1em;margin:.25em;background-color:var(--highlight-color);border:1px solid var(--highlight-color);color:#fff;border-radius:.5em}ul.categories li a:hover{text-decoration:none;color:#fff;filter:brightness(115%);box-shadow:#999 0 0 5px}ul.categories li a.active{background-color:#fff;color:var(--highlight-color)}ul.categories li p{display:none}ul.products{text-align:left;list-style:none;margin-left:0;padding-left:0}ul.products li{margin:0 0 2em;padding:0 0 1em;position:relative;cursor:pointer;height:8em}ul.products li:hover{filter:brightness(105%)}ul.products .productName{position:absolute;top:0;left:7rem;margin:0 0 .25em;line-height:1;font-size:1em}ul.products .productPhoto{position:absolute;top:.5rem;left:.5rem;width:6rem;height:6rem;object-fit:cover;overflow:hidden;align-items:center;display:flex;justify-content:center}ul.products .productPhoto img{width:125%;object-position:50% 50%}ul.products p{margin:0 0 .5em}ul.products .productPrice{position:absolute;bottom:0;right:.5rem;font-weight:700;width:5em;text-align:center;Xborder:1px solid #ccc;display:block;line-height:1.2;padding:.25em}ul.products .productDescription{position:absolute;display:none;top:2.4rem;left:7rem;line-height:1;font-size:.8rem}@media (min-width: 44em){ul.products .productName{margin:.5rem 0 .25em 0em;padding-right:5em}ul.products .productPrice{top:.5em;right:.5;left:auto;height:2rem}ul.products .productDescription{display:block}ul.products.grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}ul.products.grid li{padding:2em;width:100%;margin:0 auto 1em;background:var(--card-background);color:var(--text-color);-webkit-mask-position-x:#ccc 0 .25em .5em;border-radius:.33em;position:relative;box-sizing:border-box;flex-grow:0;min-width:12em;max-width:20em;padding:.66rem;height:26rem;overflow-x:hidden;margin:inherit}ul.products.grid li h1{margin-top:0;line-height: 1}ul.products.grid li:hover{box-shadow:0 .3rem .5rem #ccc}ul.products.grid li:hover .productPhoto img{width:150%}ul.products.grid li .productPhoto{position:relative;top:auto;left:auto;width:100%;height:20rem;margin:0 auto}ul.products.grid li .productPhoto img{width:140%;transition:width .25s}ul.products.grid li .productName{position:absolute;top:20.5rem;left:.5rem;width:100%;max-height:1em;margin:.5rem 0 .25em 0em;padding-right:2em;font-size:.9rem;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}ul.products.grid li .productPrice{position:absolute;top:auto;bottom:0;right:.5rem;left:auto;height:2rem}ul.products.grid li .productionDescription{display:none}ul.products.stacks{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}ul.products.stacks li{padding:2em;width:100%;margin:0 auto 1em;background:var(--card-background);color:var(--text-color);-webkit-mask-position-x:#ccc 0 .25em .5em;border-radius:.33em;box-sizing:border-box;flex-basis:32%;flex-grow:0;min-width:20rem;background-color:var(--silver-color);padding:.5rem}ul.products.stacks li h1{margin-top:0;line-height: 1}ul.products.stacks li .productionDescription{display:none}}.overlay{position:fixed;z-index:1000;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;justify-content:center;align-items:center}.productDetails{position:fixed;z-index:1001;top:0;left:0;right:0;background-color:var(--background-color);box-shadow:#999 0 0 5px;box-sizing:border-box;padding:2em 1em;margin:0 auto;width:100%;border-radius:none;opacity:1;transition:opacity .5s ease-out;transition-delay:1s;overflow-y:scroll;height:100%}.productDetails.fading{opacity:0}.productDetails.small{width:20rem}.productDetails .close-button{cursor:pointer;position:absolute;top:1em;right:1em}@media (min-width: 44em){.productDetails{position:fixed;top:5%;width:75%;max-width:64em;border-radius:.66em;padding:3em 2em;height:auto;overflow-y:hidden}}@media (min-width: 66em){.productDetails{width:66%}}.productDetails h1{font-size:1.4em;margin-bottom:0}.productDetails h4{margin-top:0;margin-bottom:2em;font-size:.9em}.productDetails .container{display:block}.productDetails .productPhoto{padding-bottom:1em;margin:0 auto;object-fit:cover;overflow:hidden;flex-grow:2;flex-basis:50%;min-width:0}.productDetails .productPhoto img{width:100%}.productDetails .productDescription{margin-left:auto;text-align:left;flex-grow:0;flex-basis:50%;min-width:0}.productDetails .productDescription .gutter{padding:0 2em}.productDetails p{margin:0 0 .5em}.productDetails .productPrice{display:block;text-align:center;font-size:2em;font-weight:700;border:1px solid #ccc;border-radius:.2em;padding:.25em;margin:1em auto;width:6em}.productDetails .productPrice:before{font-size:1rem;font-weight:400;content:"Price: ";vertical-align:50%}.productDetails button.buy{margin:1em auto;width:13em;background-color:var(--highlight-color)}@media (min-width: 44em){ul.categories{padding-top:0}ul.products.grid .productDescription{display:none}.productDetails h1{font-size:1.8em}.productDetails .container{display:flex}.productDetails .productPhoto{width:50%;height:50%;padding:0}.productDetails .productDescription{width:50%}}button,a.button{margin:1em auto;border:none;transition:all .33s;border-radius:2em;cursor:pointer;position:relative;display:inline-block;padding:.66em 1em;display:block;color:var(--button-text-color);background-color:var(--button-background-color);text-align:center;font-weight:600;font-size:1rem;letter-spacing:.05em}button.buy,a.button.buy{background-color:#a9a9a9;color:#fff}button:hover,a.button:hover{transform:scale(1.1);Xfilter:brightness(.66);Xbackground-image:linear-gradient(to bottom,hsl(30,100%,50%),hsl(30,100%,39%))}a.apple-button{background:var(--button-background-color);border:0 solid rgba(0,0,0,.25);border-radius:.6em;box-shadow:0 1px 3px #0009;color:var(--button-text-color);cursor:pointer;display:inline-block;padding:.25em .5em;text-decoration:none;text-shadow:0,-1px,1px rgba(0,0,0,.25);font-size:.8rem}.cartIndicator{top:0rem;background-color:var(--highlight-color);color:#fff;padding:.333em 2em;font-size:.8rem;cursor:pointer}.cartIndicator .fa-chevron-right{position:absolute;right:.6rem;top:.6rem}.cart{position:relative;display:block;margin-top:-1em;height:2em;width:100%;right:0;background-color:var(--highlight-color);color:var(--background-color);border-bottom-left-radius:.4em;border-bottom-right-radius:.4em;transition:all .5s}.cart.fixed{position:sticky;z-index:100;top:0;margin-top:-1px;padding-top:0rem}.cart.show{height:auto;width:100%;left:0}.cart.show .cartIndicator{display:none}.cart.show .contents,.cart.show .checkout{display:block}.cart .contents{display:none;top:1em;z-index:999;width:100%;border-bottom-left-radius:.4em;border-bottom-right-radius:.4em;text-align:left;padding:.33rem 1em 1em}.cart .contents h4{text-align:center;margin-top:0}.cart .contents .close-button{font-size:.8rem;position:absolute;top:.6rem;right:.6rem;cursor:pointer}.cart h2{border-bottom:1px solid var(--background-color)}.cart ul{list-style:none;padding-left:0;margin:0}.cart .checkout{display:none}.cart li{display:flex;justify-content:space-between;justify-content:flex-start;margin:0 0 .33em}.cart li span{display:block;margin-right:1em}.cart li span.name{width:80%}.cart li span.amount{width:8em;text-align:right;margin-right:1em}.cart li span.total{text-align:right}.cart li a.remove{color:var(--background-color);cursor:pointer;width:4rem;font-size:.6rem;margin-top:.4em}.cart li.total .name{text-align:right}.cart li .amount{margin:0 0 0 auto}@media (min-width: 44em){.cart{margin-top:-2em}.cartIndicator{width:100%;margin-top:-2.5em}}.modal{position:fixed;z-index:1001;top:0;left:0;right:0;background-color:var(--background-color);box-shadow:#999 0 0 5px;box-sizing:border-box;padding:2em 1em;margin:0 auto;width:100%;border-radius:none;opacity:1;transition:opacity .5s ease-out;transition-delay:1s;overflow-y:scroll;height:100%}.modal.fading{opacity:0}.modal.small{width:20rem}.modal .close-button{cursor:pointer;position:absolute;top:1em;right:1em}@media (min-width: 44em){.modal{position:fixed;top:5%;width:75%;max-width:64em;border-radius:.66em;padding:3em 2em;height:auto;overflow-y:hidden}}@media (min-width: 66em){.modal{width:66%}}.login{width:15rem;display:block;position:absolute;top:1rem;right:1rem}.login .modal{width:20em!important;position:absolute;display:block;top:1rem;right:1rem;box-shadow:0 .3rem .5rem #ccc}.login .close-button{cursor:pointer;position:absolute;top:1em;right:1em}:root{--orange-color: #e24725;--dark-orange-color: #B60F0F;--darker-orange-color: #900000;--light-orange-color: #F14F4F;--ligher-orange-color: #FF7B7B;--blue-green-color: #168888;--dark-blue-green-color: #096D6D;--darker-blue-green-color: #005656;--light-blue-green-color: #2F9191;--lighter-blue-green-color: #52ABAB;--green-color: #98D323;--dark-green-color: #76AA0E;--darker-green-color: #598600;--light-green-color: #AFE14A;--lighter-green-color: #C7F174;--blue-color: #0a3d62;--light-spring-green-color: #6da104;--purple-color: #7000c1;--charcoal-color: #333;--silver-color: #eee;--triple-rainbow: linear-gradient(217deg, rgba(255,0,0,.8), rgba(8, 6, 6, 0) 70.71%), linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%), linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%);--light-background-color: #ffffff;--light-text: #213547;--light-backdrop: var(--triple-rainbow);--light-card-background: #f3f3f3;--dark-background-color: #242424;--dark-text: #ccc;--dark-backdrop: var(--green-color);--dark-card-background: #222}.light-theme{--background-color: var(--light-background-color);--text-color: var(--light-text);--backdrop-color: var(--light-backdrop);--card-background: var(--light-card-background);--highlight-color: var(--orange-color);--secondary-highlight-color: var(--green-color);--button-background-color: var(--lighter-blue-green-color);--button-text-color: var(--light-background-color)}.dark-theme{--background-color: var(--dark-background-color);--text-color: var(--dark-text);--backdrop-color: var(--dark-backdrop);--card-background: var(--dark-card-background);--highlight-color: var(--dark-orange-color);--secondary-highlight-color: var(--charcoal-color);--button-background-color: var(--darker-blue-green-color);--button-text-color: var(--light-background-color)}.card{padding:2em;width:100%;margin:0 auto 1em;background:var(--card-background);color:var(--text-color);-webkit-mask-position-x:#ccc 0 .25em .5em;border-radius:.33em;box-sizing:border-box}.card h1{margin-top:0;line-height: 1}.read-the-docs{color:#888}.logo{height:6rem;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em var(--orange-color))}header div{display:flex;justify-content:center}@media (max-width: 66em){.card{border-radius:0;padding:1em}.logo{height:10em}header div{display:block}header div h1{line-height:1em}}header{padding:2em;width:100%;background:var(--card-background);color:var(--text-color);-webkit-mask-position-x:#ccc 0 .25em .5em;box-sizing:border-box;margin:0 auto;width:90vw;border-radius:.33em .33em 0 0;background:var(--background-color)}header h1{margin-top:0;line-height: 1}header .card{padding:1em}header div h1{line-height:1.8;margin-left:0;margin-bottom:0}@media (min-width: 44em){header div h1{margin-left:.5em;line-height:2.5}}
