@import url(https://fonts.googleapis.com/css2?family=Mulish:wght@200;400;700;900&family=Poppins:wght@200;400;700;900&display=swap);:root{--light:#fdfdfd;--dark:#101010;--light-gray:#d3d3d3;--dark-gray:#383838;--blue:#22d3ee;--dark-blue:#014d80;--blue-transparent:#22d3ee44;--dark-blue-transparent:#014d8044;--green:#2e6;--dark-green:#00642b;--green-transparent:#22ee6644;--dark-green-transparent:#00642b44;--purple:#bc75ff;--dark-purple:#430180;--purple-transparent:#bc75ff44;--dark-purple-transparent:#43018044;--red:#ff7575;--dark-red:#800101;--red-transparent:#ff757544;--dark-red-transparent:#80010144;--orange:#ffaf5a;--dark-orange:#c2410c;--orange-transparent:#ffaf5a44;--dark-orange-transparent:#c2410c44;--pink:#f472b6;--dark-pink:#be185d;--pink-transparent:#f472b644;--dark-pink-transparent:#be185d44;--yellow:#fde047;--dark-yellow:#a16207;--yellow-transparent:#fde04744;--dark-yellow-transparent:#a1620744;--lime:#a3e635;--dark-lime:#4d7c0f;--lime-transparent:#a3e63544;--dark-lime-transparent:#4d7c0f44;--main:var(--blue);--dark-main:var(--dark-green);--main-transparent:var(--blue-transparent);--dark-main-transparent:var(--dark-green-transparent);--header-height:50px;--header-width:200px;--header-width-closed:50px;--transition:all 0.3s ease;--border-radius-small:8px;--border-radius-large:16px;--border-radius-full:500px}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}ul{list-style-type:none}a{color:inherit;text-decoration:none}h1,h2,h3,h4{background:linear-gradient(to right,var(--main),var(--dark-main));background-position:0 87%;background-repeat:no-repeat;background-size:100% 15%;font-family:Mulish,sans-serif;font-weight:900;margin:15px 0;position:relative;transition:var(--transition);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;&:hover{background-size:250% 100%}}h1{font-size:50px}h2{font-size:40px}h3{font-size:30px}@media screen and (max-width:768px){p{font-size:14px}h1,h2,h3,h4{margin:10px 0}h1{font-size:40px}h2{font-size:30px}h3{font-size:24px}}.footer{align-items:center;background-color:var(--main);border-left:2px solid var(--dark-main);border-top:2px solid var(--dark-main);border-top-left-radius:16px;bottom:0;display:flex;gap:20px;justify-content:flex-end;padding:10px;position:fixed;right:0;transition:var(--transition);.footer-list{display:flex;gap:15px;justify-content:flex-end;.footer-item{align-items:center;display:flex;font-size:20px;justify-content:center;& a,& div{align-items:center;display:flex;justify-content:center;& svg{align-items:center;display:flex;justify-content:center}}&:hover{-webkit-filter:drop-shadow(0 0 2px var(--dark-main)) drop-shadow(0 0 4px var(--dark-main));filter:drop-shadow(0 0 2px var(--dark-main)) drop-shadow(0 0 4px var(--dark-main))}&.color-option{cursor:pointer;margin-left:15px}}}&.dark{background-color:var(--dark-main);border-left:2px solid var(--main);border-top:2px solid var(--main);.footer-item{&:hover{-webkit-filter:drop-shadow(0 0 2px var(--main)) drop-shadow(0 0 4px var(--main));filter:drop-shadow(0 0 2px var(--main)) drop-shadow(0 0 4px var(--main))}}}}.header{align-items:center;background-color:var(--main);border-bottom:2px solid var(--dark-main);display:flex;height:var(--header-height);justify-content:space-between;left:0;padding-left:20px;padding-right:20px;position:fixed;right:0;top:0;transition:var(--transition);z-index:10;&.dark{background-color:var(--dark-main);border-bottom:2px solid var(--main)}.logo-link{display:flex;.logo{background-color:var(--light);border:2px solid var(--dark-main);border-radius:var(--border-radius-full);height:calc(var(--header-height) - 10px);transition:var(--transition);&.dark{border:2px solid var(--main)}}}.navigation{display:flex;gap:25px;.navigation-item{&:after,&:before{background-color:var(--dark-main);content:"";height:0;position:absolute;top:50%;transition:var(--transition)}&:hover{text-decoration:underline}&.active{font-weight:700;position:relative;&:after,&:before{height:100%;top:0;width:3px}&:before{left:-7px}&:after{right:-7px}&.dark{&:after,&:before{background-color:var(--main)}}}}}.menu-toggle{cursor:pointer;display:none}}@media screen and (max-width:768px){.header{.navigation{display:none;&.active{background:var(--main);border:2px solid var(--dark-main);border-radius:var(--border-radius-large);display:flex;flex-direction:column;padding:20px 80px;position:absolute;right:5px;text-align:center;top:calc(var(--header-height) + 5px);z-index:10;&.dark{background-color:var(--dark-main);border:2px solid var(--main)}}}.menu-toggle{display:flex}}}.main{background-color:var(--light);color:var(--dark);min-height:100vh;padding:70px 0;position:relative;transition:var(--transition);&.dark{background-color:var(--dark);color:var(--light)}.content{margin:0 auto;width:70%}}@media screen and (max-width:768px){.main{.content{width:90%}}}.backButton{align-items:center;border:1px solid var(--main);border-radius:var(--border-radius-full);color:var(--dark-main);display:flex;font-size:smaller;gap:10px;padding:4px 12px;position:relative;transition:all .3s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;&.dark{border:1px solid var(--dark-main);color:var(--main)}&:hover{background-color:var(--main);color:var(--dark-main);padding-left:25px;&.dark{background-color:var(--dark-main);color:var(--main)}span{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}span{display:flex;opacity:0;position:absolute;transition:all .3s ease}}.blog-card{background:linear-gradient(145deg,transparent 40%,var(--main) 120%);border:2px solid var(--main);border-radius:var(--border-radius-large);box-shadow:2px 2px 5px var(--dark-main);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:300px;overflow:hidden;& .blog-card__image{aspect-ratio:16/9;object-fit:cover;width:100%}& .blog-card__info{padding:0 15px 10px}& .blog-card__subtitle,& .blog-card__title{text-wrap:balance;background:transparent}& .blog-card__content{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}& .blog-card__author{font-size:.85em;margin-top:20px}}.button{align-content:center;background:linear-gradient(145deg,var(--main),var(--dark-main));background-position:0 0;background-size:100% 500%;border:2px solid var(--dark-main);border-radius:var(--border-radius-small);color:var(--dark-main);cursor:pointer;display:inline-block;display:flex;flex-wrap:wrap;font-size:16px;font-weight:700;justify-content:center;min-width:70px;padding:5px 15px;text-align:center;transition:var(--transition);&:hover{text-decoration:underline}&.dark,&:hover{background-position:0 100%;border:2px solid var(--main);color:var(--main)}&.dark{&:hover{background-position:0 0;border:2px solid var(--dark-main);color:var(--dark-main)}}&.secondary{background:transparent;border:2px solid var(--dark-main);color:var(--dark-main);&.dark,&:hover{border:2px solid var(--main)}&.dark{color:var(--main);&:hover{background-color:initial;border:2px solid var(--dark-main)}}}&.blue{background:linear-gradient(145deg,var(--blue),var(--dark-blue));background-size:100% 500%;border:2px solid var(--dark-blue);color:var(--dark-blue);&.dark,&:hover{background-position:0 100%;border:2px solid var(--blue);color:var(--blue);&:hover{background-position:0 0;border:2px solid var(--dark-blue);color:var(--dark-blue)}}}&.green{background:linear-gradient(145deg,var(--green),var(--dark-green));background-size:100% 500%;border:2px solid var(--dark-green);color:var(--dark-green);&.dark,&:hover{background-position:0 100%;border:2px solid var(--green);color:var(--green);&:hover{background-position:0 0;border:2px solid var(--dark-green);color:var(--dark-green)}}}&.purple{background:linear-gradient(145deg,var(--purple),var(--dark-purple));background-size:100% 500%;border:2px solid var(--dark-purple);color:var(--dark-purple);&.dark,&:hover{background-position:0 100%;border:2px solid var(--purple);color:var(--purple);&:hover{background-position:0 0;border:2px solid var(--dark-purple);color:var(--dark-purple)}}}&.red{background:linear-gradient(145deg,var(--red),var(--dark-red));background-size:100% 500%;border:2px solid var(--dark-red);color:var(--dark-red);&.dark,&:hover{background-position:0 100%;border:2px solid var(--red);color:var(--red);&:hover{background-position:0 0;border:2px solid var(--dark-red);color:var(--dark-red)}}}&.orange{background:linear-gradient(145deg,var(--orange),var(--dark-orange));background-size:100% 500%;border:2px solid var(--dark-orange);color:var(--dark-orange);&.dark,&:hover{background-position:0 100%;border:2px solid var(--orange);color:var(--orange);&:hover{background-position:0 0;border:2px solid var(--dark-orange);color:var(--dark-orange)}}}&.yellow{background:linear-gradient(145deg,var(--yellow),var(--dark-yellow));background-size:100% 500%;border:2px solid var(--dark-yellow);color:var(--dark-yellow);&.dark,&:hover{background-position:0 100%;border:2px solid var(--yellow);color:var(--yellow);&:hover{background-position:0 0;border:2px solid var(--dark-yellow);color:var(--dark-yellow)}}}&.pink{background:linear-gradient(145deg,var(--pink),var(--dark-pink));background-size:100% 500%;border:2px solid var(--dark-pink);color:var(--dark-pink);&.dark,&:hover{background-position:0 100%;border:2px solid var(--pink);color:var(--pink);&:hover{background-position:0 0;border:2px solid var(--dark-pink);color:var(--dark-pink)}}}&.lime{background:linear-gradient(145deg,var(--lime),var(--dark-lime));background-size:100% 500%;border:2px solid var(--dark-lime);color:var(--dark-lime);&.dark,&:hover{background-position:0 100%;border:2px solid var(--lime);color:var(--lime);&:hover{background-position:0 0;border:2px solid var(--dark-lime);color:var(--dark-lime)}}}&.disabled{background:hsla(0,0%,50%,.5);border:2px solid hsla(0,0%,50%,.5);color:hsla(0,0%,50%,.8);cursor:auto;text-decoration:none;&:hover{border:2px solid hsla(0,0%,50%,.5);color:hsla(0,0%,50%,.8)}}}@media screen and (max-width:768px){.button{font-size:14px;padding:5px 15px}}.hr{background:linear-gradient(to right,transparent,var(--main),var(--dark-main),var(--main),transparent);border:none;height:2px;margin:16px 0;width:100%;&.dark{background:linear-gradient(to right,transparent,var(--dark-main),var(--main),var(--dark-main),transparent)}}.input{background-color:initial;border:2px solid var(--dark-main);border-radius:var(--border-radius-small);font-size:16px;font-weight:700;padding:5px 15px;width:100%;&:focus{background-color:var(--main);outline:none}&.dark,&:focus{border:2px solid var(--main)}&.dark{color:var(--light);&:focus{background-color:var(--dark-main);border:2px solid var(--dark-main);outline:none}}}.checkbox{align-items:center;cursor:pointer;display:flex;font-weight:700;gap:8px;position:relative;& input[type=checkbox]{appearance:none;-webkit-appearance:none;border:2px solid var(--dark-main);border-radius:4px;cursor:pointer;display:inline-block;height:20px;position:relative;transition:all .2s ease;width:20px;&:checked{background-color:var(--dark-main)}&:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:5px;opacity:0;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:opacity .2s;width:5px}&:checked:after{opacity:1}}&.dark input[type=checkbox]{border:2px solid var(--main);&:checked{background-color:var(--main)}& .label-text{color:var(--light)}}}.switch-wrapper{align-items:center;cursor:pointer;display:flex;font-weight:700;gap:10px;position:relative;& input{display:none}}.switch-slider{background-color:var(--main);border-radius:30px;height:22px;position:relative;transition:background .3s ease;width:40px;&:before{background-color:var(--light);border-radius:50%;content:"";height:16px;left:3px;position:absolute;top:3px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:16px}}.switch-wrapper input:checked+.switch-slider{background-color:var(--dark-main)}.switch-wrapper input:checked+.switch-slider:before{-webkit-transform:translateX(18px);transform:translateX(18px)}.switch-wrapper.dark .switch-slider{background-color:var(--dark-main)}.switch-wrapper.dark input:checked+.switch-slider{background-color:var(--main)}.switch-wrapper.dark .label-text{color:var(--light)}.loader{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;border:3px solid;border-color:transparent var(--dark-main) var(--main) transparent;border-radius:var(--border-radius-full);box-sizing:border-box;display:inline-block;height:48px;margin:5px;position:relative;width:48px;&:after,&:before{border:3px solid;border-color:transparent var(--dark-main) var(--main) transparent;border-radius:var(--border-radius-full);bottom:0;box-sizing:border-box;content:"";left:0;margin:auto;position:absolute;right:0;top:0;-webkit-transform-origin:center center;transform-origin:center center}&:after{-webkit-animation:rotation 2s linear infinite;animation:rotation 2s linear infinite;height:40px;width:40px}&:before{-webkit-animation:rotation 4s linear infinite;animation:rotation 4s linear infinite;height:32px;width:32px}&.blue{border-color:transparent var(--dark-blue) var(--blue) transparent;&:after,&:before{border-color:transparent var(--dark-blue) var(--blue) transparent}}&.green{border-color:transparent var(--dark-green) var(--green) transparent;&:after,&:before{border-color:transparent var(--dark-green) var(--green) transparent}}&.red{border-color:transparent var(--dark-red) var(--red) transparent;&:after,&:before{border-color:transparent var(--dark-red) var(--red) transparent}}&.purple{border-color:transparent var(--dark-purple) var(--purple) transparent;&:after,&:before{border-color:transparent var(--dark-purple) var(--purple) transparent}}&.orange{border-color:transparent var(--dark-orange) var(--orange) transparent;&:after,&:before{border-color:transparent var(--dark-orange) var(--orange) transparent}}&.yellow{border-color:transparent var(--dark-yellow) var(--yellow) transparent;&:after,&:before{border-color:transparent var(--dark-yellow) var(--yellow) transparent}}&.pink{border-color:transparent var(--dark-pink) var(--pink) transparent;&:after,&:before{border-color:transparent var(--dark-pink) var(--pink) transparent}}&.lime{border-color:transparent var(--dark-lime) var(--lime) transparent;&:after,&:before{border-color:transparent var(--dark-lime) var(--lime) transparent}}}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.product-card{background:linear-gradient(145deg,transparent 40%,var(--main) 120%);border:2px solid var(--main);border-radius:var(--border-radius-large);box-shadow:2px 2px 5px var(--dark-main);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:300px;position:relative;& .product-card__image{aspect-ratio:4/3;border-radius:calc(var(--border-radius-small) + 6px) calc(var(--border-radius-small) + 6px) 0 0;object-fit:cover;width:100%}& .product-card__info{padding:0 15px 10px}& .product-card__name{text-wrap:balance;background:transparent}& .product-card__price{font-size:30px;font-weight:700}& .product-card__price__main{text-decoration:line-through}& .product-card__description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}& .product-card__onSale{background-color:var(--main);border-radius:var(--border-radius-small);font-weight:700;padding:5px 20px;position:absolute;right:-10px;top:-10px}& .product-button{font-size:14px}}.radial-progress{--size:40px;--thickness:3px;--percent:0;--completed:var(--green);--non-completed:var(--light);background:conic-gradient(var(--non-completed) calc(var(--percent)*3.6deg),var(--completed) 0deg);border-radius:var(--border-radius-full);display:grid;height:var(--size);place-items:center;position:relative;width:var(--size);&.dark{background:conic-gradient(var(--completed) calc(var(--percent)*3.6deg),var(--non-completed) 0deg)}&:before{background:var(--light);border-radius:var(--border-radius-full);content:"";inset:calc(var(--size)/10);position:absolute}&.dark{&:before{background:var(--dark);border-radius:var(--border-radius-full);content:"";inset:calc(var(--size)/10);position:absolute}}.number{font-size:calc(var(--size)/2.5);position:relative;z-index:1}}.progress-bar{--thickness:4px;--percent:0;--completed:var(--green);--non-completed:var(--light);background:linear-gradient(to right,var(--non-completed) calc(var(--percent)*1%),var(--completed) calc(var(--percent)*1%));height:var(--thickness);margin:16px 0;position:relative;width:100%;&.dark{background:linear-gradient(to right,var(--completed) calc(var(--percent)*1%),var(--non-completed) calc(var(--percent)*1%))}& .number{left:calc(var(--percent)*1% - 8px);position:absolute;top:-18px}}.tag{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--main);border-radius:var(--border-radius-full);color:var(--dark-main);padding:2px 10px;&.transparent{background-color:var(--main-transparent)}&.dark{background-color:var(--dark-main);color:var(--main);&.transparent{background-color:var(--dark-main-transparent)}}&.blue{background-color:var(--blue);color:var(--dark-blue);&.transparent{background-color:var(--blue-transparent)}&.dark{background-color:var(--dark-blue);color:var(--blue);&.transparent{background-color:var(--dark-blue-transparent)}}}&.green{background-color:var(--green);color:var(--dark-green);&.transparent{background-color:var(--green-transparent)}&.dark{background-color:var(--dark-green);color:var(--green);&.transparent{background-color:var(--dark-green-transparent)}}}&.red{background-color:var(--red);color:var(--dark-red);&.transparent{background-color:var(--red-transparent)}&.dark{background-color:var(--dark-red);color:var(--red);&.transparent{background-color:var(--dark-red-transparent)}}}&.purple{background-color:var(--purple);color:var(--dark-purple);&.transparent{background-color:var(--purple-transparent)}&.dark{background-color:var(--dark-purple);color:var(--purple);&.transparent{background-color:var(--dark-purple-transparent)}}}&.orange{background-color:var(--orange);color:var(--dark-orange);&.transparent{background-color:var(--orange-transparent)}&.dark{background-color:var(--dark-orange);color:var(--orange);&.transparent{background-color:var(--dark-orange-transparent)}}}&.yellow{background-color:var(--yellow);color:var(--dark-yellow);&.transparent{background-color:var(--yellow-transparent)}&.dark{background-color:var(--dark-yellow);color:var(--yellow);&.transparent{background-color:var(--dark-yellow-transparent)}}}&.pink{background-color:var(--pink);color:var(--dark-pink);&.transparent{background-color:var(--pink-transparent)}&.dark{background-color:var(--dark-pink);color:var(--pink);&.transparent{background-color:var(--dark-pink-transparent)}}}&.lime{background-color:var(--lime);color:var(--dark-lime);&.transparent{background-color:var(--lime-transparent)}&.dark{background-color:var(--dark-lime);color:var(--lime);&.transparent{background-color:var(--dark-lime-transparent)}}}}.home{.buttons-container{gap:5px;padding:5px}.buttons-container,.grid{display:flex;flex-wrap:wrap}.grid{gap:8px}}ul{&.list{list-style-type:disc;& li{margin-left:16px;&::marker{color:var(--dark-main)}}&.dark{& li{&::marker{color:var(--main)}}}}}ol{&.list{list-style-type:decimal;& li{margin-left:16px;&::marker{color:var(--dark-main);font-weight:700}}&.dark{& li{&::marker{color:var(--main)}}}}}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--dark-main-transparent);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000;& .modal-content{-webkit-animation:fadeIn .2s ease-out;animation:fadeIn .2s ease-out;background:var(--light);border-radius:12px;box-shadow:0 10px 25px var(--dark-main-transparent);max-width:500px;padding:16px;width:90%;&.dark{background:var(--dark)}}& .modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;& h3{margin:0}& .modal-close{cursor:pointer;transition:all .3s ease;&:hover{color:var(--red)}}}}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.toast{-webkit-animation:slideIn .3s forwards,fadeOut .3s forwards;animation:slideIn .3s forwards,fadeOut .3s forwards;-webkit-animation-delay:0s,2.7s;animation-delay:0s,2.7s;border-radius:var(--border-radius-small);bottom:50px;opacity:0;padding:12px 16px;position:fixed;right:20px;&.info{background:var(--blue);&.dark{background:var(--dark-blue)}}&.success{background:var(--green);&.dark{background:var(--dark-green)}}&.error{background:var(--red);&.dark{background:var(--dark-red)}}}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeOut{to{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOut{to{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}.table{border:none;border-collapse:collapse;border-spacing:0;width:100%;tr{th{text-align:left}td,th{padding:2px 5px}}& tr:nth-child(odd){td{background-color:var(--main-transparent)}}& tr:first-child{th{background-color:var(--main)}}&.dark{& tr:nth-child(odd){td{background-color:var(--dark-main-transparent)}}& tr:first-child{th{background-color:var(--dark-main)}}}}.accordion{border:2px solid var(--dark-main);border-radius:var(--border-radius-small);margin-bottom:10px;overflow:hidden;transition:all .3s ease;& .accordion-header{align-items:center;background-color:var(--main-transparent);border:none;cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:space-between;padding:5px 15px;transition:background .3s ease;width:100%}& .accordion-body{overflow:hidden;padding:0 15px;transition:max-height .3s ease;transition:all .3s ease;&.open{padding:15px}}&.dark{border:2px solid var(--main);& .accordion-header{background-color:var(--dark-main-transparent)}}}.accordion-icon{transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.accordion-icon.open{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
/*# sourceMappingURL=main.073eab60.css.map*/