.error{display:flex;flex-flow:column;justify-content:center;align-content:center;align-items:center;min-height:95dvh;gap:.5rem;color:var(--clr-tertiary-dark);text-align:center}.error svg{fill:var(--clr-tertiary-dark);height:5rem}.flexor{display:grid}.container{position:relative;display:flex;flex-flow:column;align-items:center;padding:1rem;text-align:center;gap:1rem;justify-content:center}.container img{height:50dvb}.container h1{color:var(--clr-principal-bright);max-width:35ch}.container p{max-width:75ch;color:var(--clr-tertiary-dark)}.carousel{max-width:95vw}.carousel .carouselIMG{padding:1rem 0}.carousel .carouselIMG img{object-fit:contain}.carousel .carousel-status{display:none}.carousel .control-arrow,.carousel .control-dots{filter:invert()}.itemCard{max-width:280px;box-shadow:var(--little-shadow);background-color:var(--clr-tertiary-light-dark);height:auto;max-height:580px;display:grid;grid-template-rows:auto 1f auto}.itemCard .imgContainer{max-width:inherit;height:450px;background:#fff;display:flex;justify-content:center;align-content:center;position:relative}.itemCard .imgContainer img{position:relative;width:calc(100% - 18px);object-fit:contain}.itemCard .imgContainer .price{position:absolute;right:1rem;bottom:1rem;font-weight:700;background-color:var(--clr-secondary-bright);padding:.5rem;transform:skew(-10deg)}.itemCard .infoContainer{padding:1rem;padding-bottom:0}.itemCard .actionContainer{align-self:end;justify-self:center;padding:.5rem;display:flex;gap:.25rem;align-items:center}.itemCard .actionContainer button{margin:0}.itemCard .actionContainer input{max-width:5ch;height:1.5rem;text-align:center;border:0}.itemCard .actionContainer .addButton{background-color:transparent;border-radius:var(--radius);padding:.25rem}.itemCard .actionContainer .addToCart{margin-left:auto}.itemCard .actionContainer .cancel{background-color:#b3b3b3}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}.ShopContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:1rem;gap:1rem;justify-items:center}.paymentContainer{grid-column:1/-1;background-color:var(--clr-tertiary-light-dark);display:flex;gap:.5rem;flex-flow:column;justify-content:center;min-width:280px;padding:0 1rem}body{line-height:1;margin:0}body html,body body,body div,body span,body applet,body object,body iframe,body h1,body h2,body h3,body h4,body h5,body h6,body p,body blockquote,body pre,body a,body abbr,body acronym,body address,body big,body cite,body code,body del,body dfn,body em,body img,body ins,body kbd,body q,body s,body samp,body small,body strike,body strong,body sub,body sup,body tt,body var,body b,body u,body i,body center,body dl,body dt,body dd,body ol,body ul,body li,body fieldset,body form,body label,body legend,body table,body caption,body tbody,body tfoot,body thead,body tr,body th,body td,body article,body aside,body canvas,body details,body embed,body figure,body figcaption,body footer,body header,body hgroup,body menu,body nav,body output,body ruby,body section,body summary,body time,body mark,body audio,body video{margin:0;padding:0;border:0;vertical-align:baseline}body article,body aside,body details,body figcaption,body figure,body footer,body header,body hgroup,body menu,body nav,body section{display:block}body ol,body ul{list-style:none}body blockquote,body q{quotes:none}body blockquote:before,body blockquote:after,body q:before,body q:after{content:"";content:none}body table{border-collapse:collapse;border-spacing:0}body button{border:0;font-weight:700}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;--clr: 25;--clr-principal: hsl(var(--clr), 100%, 0%);--clr-secondary: hsl(var(--clr), 100%, 50%);--clr-tertiary: hsl(var(--clr), 0%, 98%);--clr-principal-bright: hsl(var(--clr), 0%, 15%);--clr-secondary-bright: hsl(var(--clr), 100%, 70%);--clr-tertiary-bright: hsl(var(--clr), 100%, 100%);--clr-secondary-dark: hsl(var(--clr), 100%, 15%);--clr-tertiary-dark: hsl(var(--clr), 0%, 25%);--clr-tertiary-light-dark: hsl(var(--clr), 0%, 90%);--clr-accept: hsl(151, 100%, 65%);--little-shadow: 3px 3px 5px hsl(0, 0%, 0%, .2);--medium-shadow: 5px 5px 5px hsl(0, 0%, 0%, .2);--big-shadow: 10px 10px 5px hsl(0, 0%, 0%, .2);--radius: 10%;color:var(--clr-principal);background-color:var(--clr-tertiary)}body{max-width:100dvw;min-height:100dvh}body>div{max-width:inherit;min-height:inherit;display:grid;grid-template-rows:auto 1fr}body .navigationBar{background-color:var(--clr-principal);box-shadow:var(--medium-shadow);color:var(--clr-tertiary);display:grid;padding:0 1rem;grid-auto-flow:column;grid-template-columns:auto 1fr auto;align-items:center;justify-items:center;gap:.2rem}body .navigationBar svg{height:2.5rem;margin:.5rem 0;fill:var(--clr-tertiary)}body .navigationBar h1{font-family:Lexend,sans-serif;font-weight:700}body .navigationBar nav{align-self:end;height:auto;display:flex;gap:.5rem;flex-wrap:wrap}body .navigationBar nav button{margin:0;background:transparent;color:var(--clr-tertiary);border-bottom:3px solid var(--clr-tertiary);padding:.5rem 1rem;text-decoration:none;font-weight:700}body .navigationBar nav button:hover,body .navigationBar nav button:focus{border-bottom:3px solid var(--clr-secondary);color:var(--clr-secondary)}body .navigationBar button:hover,body .navigationBar button:focus{outline:none}body .navigationBar>div{display:flex;align-items:center}body .navigationBar>*>*:last-child{justify-self:end;margin:0;padding:0;background-color:transparent;position:relative}body .navigationBar>*>*:last-child svg{margin:inherit}body .navigationBar>*>*:last-child p{position:absolute;right:-.6rem;background-color:red;top:0;border-radius:1rem;padding:.1rem .4rem}body .navigationBar>*>*:last-child:hover svg,body .navigationBar>*>*:last-child:focus svg{fill:var(--clr-secondary)}body * svg{height:2rem}body * button{color:var(--clr-principal);background-color:var(--clr-secondary);padding:.5rem 1rem;margin:.5rem;font-size:1rem}body * button:hover,body * button:focus{cursor:pointer;outline:2px solid var(--clr-principal)}body * .savedBtn{background:var(--clr-accept)}@media (max-width: 580px){.navigationBar h1{display:none}.navigationBar nav{margin:0}}
