html,body{background-color:#f7f7f9}main{min-height:100vh;padding-bottom:50px}#cardDiv{display:flex;flex-wrap:wrap;justify-content:space-evenly}.card{display:flex;flex-direction:column;justify-content:space-between;width:300px;margin:20px;opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease,box-shadow .2s ease-in;border-radius:20px}.visible{opacity:1;transform:translateY(0)}#paginator{padding:20px}.card:hover{transform:translateY(-5px);box-shadow:0 4px 20px #0003}.content{display:flex;flex-wrap:wrap;justify-content:center}#penta-title{margin:20px auto 0}#nav{position:fixed;z-index:5;height:100px;width:100vw;background:rgba(255,255,255,.2);box-shadow:#0000003d 0 3px 8px;display:flex;justify-content:space-between;align-items:center;z-index:25;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.navbar{background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem}.logo{transition:transform .3s ease-in-out}.logo:hover{transform:translate(-5px)}#shopping-cart{margin-right:10%;fill:#000;display:flex;transition:transform .3s ease-in-out}#shopping-cart:hover{cursor:pointer;transform:translate(-5px)}#text-section{display:flex;flex-direction:column;align-items:center}#logo{margin-left:10%}#logo img{height:125px}#download-button{fill:#000;margin-left:10px}#download-button:hover{cursor:pointer}#search-form{display:flex;align-items:center;justify-content:center;width:80vw}#filter-button{display:flex;align-items:center;fill:#000;background-color:#fff;border:1px solid rgb(183,183,183);border-radius:50px;padding:2px 10px;margin:10px 5px;-webkit-user-select:none;user-select:none;transition:all .15s ease-in}#filter-button:hover{cursor:pointer;border-color:#fe5b47;border-width:1px;box-shadow:#db402b66 0 2px 8px;transform:scale(1.02)}#filter-button p{margin-right:6px;margin-top:-2.5px}#filter-button.filter-button-active{background-color:#ff5c48;color:#fff;fill:#fff}.add-button{background-color:#78d3fb;color:#fff;border:0;border-radius:0 0 20px}.add-button:hover{color:#fff;background-color:#5fc1fe}.remove-button{background-color:#ff5c47e8;color:#fff;border:0;border-radius:0}.remove-button:hover{color:#fff;background-color:#fb553f}.out-btn{border-radius:0 0 20px 20px}.images-button-red,.images-button-blue{border-radius:0 0 0 20px;border:0}.images-button-blue:hover{color:#fff;background-color:#78d3fb}.images-button-red:hover{color:#fff;background-color:#ff5c48}.filter-3{display:flex;align-items:center;justify-content:center;fill:#000;background-color:#fff;border:.1px solid rgb(183,183,183);border-radius:50px;padding:2px 10px;margin:10px 5px;width:120px;-webkit-user-select:none;user-select:none;transition:all .15s ease-in;border-width:1px}.filter-3:hover{cursor:pointer;border-color:#70b9d7;border-width:1px;box-shadow:#179aff33 0 2px 8px;transform:scale(1.02)}.filter-selected{background-color:#78d3fb;color:#fff}#side-bar{position:fixed;border-top-right-radius:30px;border-bottom-right-radius:30px;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);width:350px;height:100%;left:-350px;transition:all .3s ease-in;z-index:26}.is-filter-active{box-shadow:0 0 0 99999px #00000080;margin-left:350px}#side-bar-top{width:100%;display:flex;justify-content:flex-end;align-items:center}#side-bar-top p:hover{cursor:pointer}.sidebar-active{pointer-events:none}.badge{font-size:small;display:flex;align-items:center;justify-content:center;color:#fff;height:20px;min-width:20px;border-radius:20px;background-color:#fe5b47;margin-left:-16px;margin-top:-5px;z-index:10}.badge.animate{animation:pulse 1s ease-in-out 1}.button:hover .image-component{filter:invert(100%)}@keyframes pulse{0%,to{transform:scale(1);background-color:#fe5b47}50%{transform:scale(1.2);background-color:#35b0fb}}.badge p{margin:3px}#filter-buttons{display:flex;justify-content:center}.dropdown-download:hover{border-color:#fe5b47}.dropdown-download:focus:not(:active){border-color:#fe5b47;border-width:1.5px;box-shadow:#db402b66 0 2px 8px}.dropdown-download:active{border-color:#fe5b47;border-width:1.5px;box-shadow:#db402b66 0 2px 8px}#partner-dropdown{width:80vw;margin:auto;display:flex;justify-content:space-between;border-radius:50px}#partner-dropdown:hover{border-color:#fe5b47}#partner-dropdown:focus{border-color:#fe5b47;border-width:1.5px;box-shadow:#db402b66 0 2px 8px}#partner-button:hover{border-color:#fe5b47}#partner-button:focus{border-color:#fe5b47;border-width:1.5px;box-shadow:#db402b66 0 2px 8px}#cart-textarea:hover{border-color:#35b0fb}#cart-textarea:focus{border-color:#35b0fb;border-width:1.5px;box-shadow:#35b0fb66 0 2px 8px}.search-partner:hover{border-color:#35b0fb}.search-partner:focus{border-color:#35b0fb;border-width:1.5px;box-shadow:#35b0fb66 0 2px 8px}.partnerOption:hover{cursor:pointer;background-color:#eaeaea}::selection{color:#fff;background:#78d3fb}.wrapper{width:80%;margin:auto;background:rgba(255,255,255,0);border-radius:10px;padding:20px 0 40px}header h2{font-size:24px;font-weight:600}header p{margin-top:5px;font-size:16px}.size-input{width:100%;display:flex;margin:30px 0 35px}.size-input .field{width:100%;height:45px}.size-input .field .slider-input{width:100%;height:100%;outline:none;font-size:19px;border-radius:5px;text-align:center;border:1px solid #999;-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.size-input .separator{width:130px;display:flex;font-size:25px;align-items:center;justify-content:center}.separator{margin-top:-15px}.slider{height:5px;position:relative;background:#ddd;border-radius:5px;overflow:hidden}.slider .progress{height:100%;position:absolute;border-radius:5px;background:#78d3fb;left:0;right:0}.range-input{position:relative}.range-input input{position:absolute;width:100%;height:5px;top:-5px;background:none;pointer-events:none;-webkit-appearance:none;-moz-appearance:none}input[type=range]::-webkit-slider-thumb{height:17px;width:17px;border-radius:50%;background:#78d3fb;pointer-events:auto;-webkit-appearance:none;box-shadow:0 0 6px #0000000d;transition:background-color .3s ease}input[type=range]::-webkit-slider-thumb:hover{background:#3498db;cursor:pointer}input[type=range]::-moz-range-thumb{height:17px;width:17px;border:none;border-radius:50%;background:#78d3fb;pointer-events:auto;-moz-appearance:none;box-shadow:0 0 6px #0000000d}.switch{width:60px;height:30px;background-color:#ccc9;border-radius:15px;display:flex;align-items:center;padding:2px;cursor:pointer}.circle{width:26px;height:26px;border-radius:50%;background-color:#fff;transition:transform .3s,background-color .3s}.switch.on .circle{transform:translate(30px);background-color:#78d3fb}#cart-textarea{border-radius:20px}.size-off{display:none}#search-clear{pointer-events:initial}#search-clear:hover{cursor:pointer}.num-pag{width:40px;height:40px;border-radius:50px;background-color:#78d3fb;color:#fff}.pag-btn{border-radius:40px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .1s ease-in-out}.pag-btn:hover{background-color:#e2e2e2}.custom-toast{background-color:#8a2be2}.crease-click{height:25px;width:25px;border-radius:25px;display:flex;justify-content:center;align-items:center;font-size:23px;margin-top:5px;padding-bottom:3px;transition:all .1s ease-in}.crease-click:hover{background-color:#e2e2e2}#filter-x{height:40px;width:40px;border-radius:40px;transition:all .1s ease-in}#filter-x:hover{background-color:#e2e2e2}.card-footer-item{transition:all .17s ease-in}.card-header{border-radius:20px 20px 0 0!important}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute}.ribbon:before,.ribbon:after{position:absolute;z-index:-1;content:"";display:block;border:5px solid #db402b}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:#ff6b58;box-shadow:0 5px 10px #0000001a;color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px}.ribbon-top-left:before,.ribbon-top-left:after{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left:before{top:0;right:0}.ribbon-top-left:after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.search-bar{width:75vw}.search-bar:hover{border-color:#35b0fb}.search-bar:focus{border-color:#35b0fb;border-width:1.5px;box-shadow:#35b0fb66 0 2px 8px}@media screen and (max-width: 600px){.filter-3{width:90px}.search-bar{width:70vw}}@media screen and (max-width: 400px){.filter-3{width:80px}}@media screen and (max-width: 430px){.filterCount{display:none}}.notification.is-info{background-color:#fe5c47ea;color:#fff}.notification.is-danger{background-color:#fe5c47ea;color:#fff;min-width:180px;padding:.75rem 1.5rem;font-size:1rem}.loading-container{display:flex;justify-content:center;align-items:center;height:50vh}.logo-container{text-align:center}.loading-text{font-size:18px;margin-top:15px;font-weight:700}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-top:4px solid #333;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-logo{animation:spin2 1.15s cubic-bezier(.25,.1,.25,1) infinite}@keyframes spin2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-effect{opacity:0;transform:translateY(20px);animation:fade-in .75s forwards}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.fade-in{animation:fade-in-animation .75s forwards}.fade-out{animation:fade-out-animation .75s forwards}@keyframes fadeSpin{0%{opacity:0}50%{opacity:1}to{opacity:0}}.fade-in-out-Spin{animation:fadeSpin 1.15s infinite}@keyframes fade-in-animation{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out-animation{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}*{-webkit-tap-highlight-color:transparent}#side-bar>div:nth-child(3)>div>div{border-radius:30px}#side-bar>div:nth-child(5)>div>div{border-radius:30px}.dropdown-content{border-radius:10px}.removeFilter:hover{cursor:pointer;border-color:#70b9d7;border-width:1px;box-shadow:#179aff33 0 2px 8px;transform:scale(1.02)}.removeFilter:focus:not(:active){box-shadow:0 0;border-color:#70b9d7}.card-badge{font-size:14px;display:flex;align-items:center;justify-content:center;color:#3e3d3d;height:50px;min-width:50px;border-radius:50px;background-color:#78d4fbe0;margin-left:-57px;margin-top:8px;box-shadow:#0000003d 0 3px 8px;z-index:10}.card-badge p{padding:3px}.outer-card{display:flex}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background-color:#00000080;display:flex;align-items:center;justify-content:center}.modal-content{background:white;padding:2rem;border-radius:12px;width:100%;max-width:400px;text-align:center;box-shadow:0 10px 20px #0003}.modal-content input{width:100%;padding:.5rem;font-size:1rem;margin-top:1rem}.modal-buttons{margin-top:1.5rem;display:flex;justify-content:space-between}.modal-buttons button{padding:.5rem 1.2rem;border:none;border-radius:6px;cursor:pointer;font-weight:700;font-size:1rem}.modal-buttons button:first-child{background:#dfe6e9}.modal-buttons button:first-child:hover{background:#55b9f7}.modal-buttons button:last-child{background:#78d4fb;color:#fff}.modal-buttons button:last-child:hover{background:#55b9f7;color:#fff}button.modal-button-primary{background-color:#74caff;color:#fff;border:none;padding:.6rem 1.5rem;border-radius:6px;font-weight:700;font-size:1rem;cursor:pointer}button.modal-button-primary:hover{background-color:#55b9f7}.cart-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:2rem}.cart-card{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #00000014;width:250px;padding:1rem;transition:transform .2s ease}.cart-card:hover{transform:scale(1.02)}.cart-card-header{margin-bottom:.5rem;font-weight:700;font-size:1.1rem;border-bottom:1px solid #eee;padding-bottom:.5rem}.cart-card-body p{margin:.3rem 0}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-box{background-color:#fff;padding:.75rem 1.5rem;border-radius:8px;min-width:300px;text-align:center;box-shadow:0 8px 20px #00000040}.cart-button{min-width:180px;padding:.75rem 1.5rem;font-size:1rem}.button.custom-reset{background-color:#ed543fe8!important;color:#fff!important}.button.custom-reset:hover{background-color:#e33626e8!important}