body{background-color:rgba(255,109,94,.04);background-image:radial-gradient(rgba(255,239,155,.36),#0028ff 200%);font-family:monospace;height:100vh}.loadingText{align-self:center;font-size:xx-large}.logo{z-index:-10}.search{align-self:center;display:flex;flex-direction:column;margin:10px;width:30%}.search input{font-size:small;height:20px;padding:10px;width:100%}.content{display:flex;flex-direction:column}.contentHome{align-self:center;background-color:hsla(0,0%,100%,0);box-shadow:0 0 30px 10px #8e9fff;width:70%}.contentComponents{align-self:flex-end;width:100%}.sectionTitle{align-items:center;flex-direction:column;width:60%}.menu,.sectionTitle{align-self:center;display:flex}.menu{padding:10px}nav{display:flex;flex-direction:row}nav>a{border:5px dashed #00000045;color:#000;font:1rem Inconsolata,monospace;margin:5px;padding:5px;text-decoration:none}nav>.currentPath,nav>a:hover{border:5px dashed #00ff7f}.fastFilters{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.fastFilters>span{background-color:hsla(0,0%,100%,.815);padding:5px}.fastFilters>span:hover{scale:1.5}.componentsMenu>a,.projectsMenu>a{margin-left:0;margin-right:10px;margin-top:100px}.projectImageWrapper{display:flex;flex-direction:column;justify-content:flex-end;margin-right:2px}.projectImageWrapper>img{max-height:315px}.wrapper{display:flex;flex-direction:column;margin:0 auto;width:100%}.homePageProducts{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:100px}.form{flex-direction:column}.form select{width:fit-content}.form label{font-size:large;font-weight:700}.form .errorMessage,.form .imageWrapper,.form input,.form label,.form select{align-self:center}.form .errorMessage,.form input,.form select{background-color:hsla(0,0%,78%,.5);border:2px dashed #d9ff00;margin:10px}.form input[type=button]{padding:10px;width:100px}.form .errorMessage{border:2px dashed #ff4500;color:#000;opacity:.5;padding:10px;text-align:center;width:50%}.orderDialog .errorMessage{color:red;font-size:xx-large}.orderSuccess{color:#ff0;font-size:xx-large}.componentImageWrapper{width:fit-content}.customerBagWrapper{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;width:30%}.customerBag,.orderSummary,.orderingInfo{width:70%}.customerBag{background-color:#ffffff8e;border:1px solid #ffffffb0;display:flex;flex-direction:column;height:400px}.orderSummary,.orderingInfo{align-items:center;background-color:#4e93fc;border:1px solid #000;display:flex;flex-direction:column}.orderSummary{height:40%}.orderingInfo{height:20%;overflow:auto}.orderingInfo p{margin:0;padding:5px}.orderSummary .orderItemsList{display:flex;flex-direction:row;height:80%;overflow:auto}.orderItemsList,.orderSummaryFooter{margin-bottom:10px;width:100%}.orderSummaryFooter{display:flex;flex-direction:column;flex-grow:1;font-size:x-small}.orderSummaryFooter span{margin-left:10px;margin-right:10px}.bagContents{align-content:baseline;display:flex;flex-direction:row;flex-wrap:wrap-reverse;height:90%}.bagContents .componentImageWrapper{display:flex;flex-direction:column;position:relative;z-index:-1}.bagTop{align-self:flex-start;background-color:hsla(0,0%,100%,.363);display:flex;flex-direction:column;gap:5%;height:10%;width:100%}.bagTop hr{border-top:2px solid red;width:100%}.componentsInventory{display:flex;min-height:800px;width:100%}.orderDialog{background-color:#7e8a97;width:70%;z-index:20}.orderDialog ul{list-style-type:none;padding-left:0}.assortmentCabinet{border:15px inset #7e8a97;display:flex;flex-direction:column;height:100%;padding:5px 5px,0,5px;width:70%}.drawer{height:240px;width:100%}.box,.drawer{display:flex;flex-direction:row}.box{background-color:#2b83d62c;border:1px dashed #666;overflow-x:scroll;width:0}.drawerLabel{align-items:center;background-color:#2b6fd6;border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;display:flex;flex-direction:column;font:1.2rem Inconsolata,monospace;width:10%;word-break:break-word}.drawerLabel span{height:90%;margin:1em;width:90%}.drawerLabel:hover{background-color:rgba(255,251,0,.555)}.drawerLabelFooter{display:flex;font-size:x-small;text-align:center}.drawerItem{align-items:center;border-right:1px dotted #fff;display:flex;flex-direction:column;flex-shrink:0;padding:5px;width:20%}.drawerItem p{margin:2px;overflow:hidden;text-align:center;word-break:break-word}.drawerItemBody p{text-align:left;word-break:break-all}.drawerItemBody b{color:#1400ff}.drawerItemFooter p{font-size:smaller}.drawerItemHeader{align-items:center;background-color:rgba(255,145,0,.473);display:flex;flex-direction:column;height:40%;width:100%}.drawerItemBody{background-color:rgba(173,255,235,.76);border-bottom:2px dotted red;border-top:2px dotted red;font-size:smaller;height:40%;overflow:scroll;width:100%}.drawerItemFooter{align-content:center;background-color:rgba(255,251,0,.555);display:flex;flex-direction:row;width:100%}.priceAndStock{width:90%}.bagBtn{width:min-content}.bagBtn,.orderBtn{background-color:#9da4ad;border:1px dashed #ff0;font-weight:700;padding:5px}.orderBtn{align-self:center}.bagBtn:hover,.orderBtn:hover{background-color:#2bff00a8;padding:5px}@keyframes boxInAnimation{0%{width:0}to{width:90%}}@keyframes boxOutAnimation{0%{width:90%}to{width:0}}@keyframes itemInAnimation{0%{opacity:0}to{opacity:1}}@keyframes itemOutAnimation{0%{opacity:1}to{opacity:0}}.component{align-items:center;border:3px dotted #ff7300;width:10%;word-break:break-word}.component,.componentBody{display:flex;flex-direction:column}.componentBody{font-weight:700;height:50%;width:90%}.component p{text-align:center}.form,.product{display:flex;padding:5px}.product{background-color:hsla(0,0%,73%,.384);box-shadow:0 0 2px 3px #fff8d1;flex-basis:10%;flex-direction:column;flex-grow:1;word-break:break-word}.product,.productThumbnail{align-items:center;margin:10px}.productThumbnail{border:2px double #fff;display:flex}.productThumbnail>img{height:100px;width:100px}.productBody{font-weight:700;height:50%;padding:5px;width:90%}.productBody,.productFooter{display:flex;flex-direction:column}.productFooter{align-self:end}.productFooter a:link,.productFooter a:visited{align-self:end;background-image:linear-gradient(90deg,hsla(0,0%,45%,.7),hsla(0,0%,48%,.7));border:3px dashed rgba(255,0,0,0);border-radius:10px;color:#ffc527;font-size:large;font-style:normal;padding:5px;text-decoration:none;width:fit-content}.productFooter a:hover{border:3px dashed #d9ff00}.infoBox{border-bottom:5px double #200dfc;flex-direction:column;padding:5px 5px 10px}.infoBody,.infoBox{display:flex}.infoBody>iframe{height:190px;width:353px}.top{align-items:center;display:flex;flex-direction:row;justify-content:space-around}.top>.logoWrapper{align-self:flex-start;width:30%}.frameWrapper,.top>.logoWrapper{display:flex;flex-direction:column}.frameWrapper{position:absolute;width:15%}.radio,.wrapperWrapper{display:flex;flex-direction:column;overflow:auto;width:100%}.radio{gap:20px;padding:10px}.radio>iframe{opacity:.8}.playlistExpander{background-color:#ff9900b4;border-radius:2rem}.playlistExpander:hover{background-color:#0d767e6c}.playlistExpander>h2{font-size:small;text-align:center}h3{font-size:medium;margin:2px}.leftWrapper>h2,.rightWrapper>h2{font-size:large;text-align:center}.leftWrapper{align-items:center;text-align:center}.rightWrapper{right:0}.gifContainer,.instaQr{width:50%}.amperellaWrapper,.gifContainerTopGif,.nothingYet{display:flex;width:35%}.gifContainer>img,.gifContainerTopGif>img{border-radius:20px;width:100%}.amperella{min-width:100%;width:0}.amperellaWidget{display:flex;flex-direction:column}.amperellaWidget>.talkBox{align-self:center;display:flex;flex-shrink:1;font-size:large;font-weight:700;height:50%;width:25em}.typing{animation:typing 3.5s steps(40) forwards,blink-caret .75s step-end infinite;background-color:rgba(110,1,173,.5);border:3px solid #c700bd;border-bottom:.25em dashed #ff00b3;color:#ff0;height:0;overflow:hidden;padding:.5em;white-space:nowrap;white-space:normal;width:100%}@keyframes typing{0%{height:0}to{height:100%;overflow:auto}}@keyframes blink-caret{0%,to{border-bottom-color:transparent}50%{border-bottom-color:#ff00b3}}@media only screen and (max-width:1500px){.product{flex-basis:30%}.contentHome{width:100%}.leftWrapper>h2,.leftWrapper>span{font-size:x-small}.gifContainer{margin-left:20px}}