@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap";:root{--primary-color: #54a8fc;--primary-darker-color: #5e81e2;--focus-color: #80bdfa;--secondary-color: #d874a3;--success-color: #2bb866;--text-size: 14pt;--larger-text-size: 16pt;--smaller-text-size: 12pt;--text-color: #222;--text-light-color: #e6e6e6;--text-grey-color: #999;--link-color: #976bff;--link-hover-color: #df8eff;--header-height: 2rem;--header-color: #5263fa;--header-link-color: #e2e2e2;--header-link-hover-color: #fdff7d;--header-link-hover-bg-color: #3949da;--footer-color: #333;--btn-bg-color: #7ca8d4;--btn-hover-color: #4692e9;--pagination-btn-color: #2890f8;--form-bg-color: #fff;--form-error-color: #eb1717;--button-color: #f3d574;--input-width: 20rem;--input-height: 1.5rem;--submit-width: 21.2rem;--submit-height: 2.25rem;--input-padding: .5rem;--smaller-input-padding: .2rem .5rem;--smaller-input-padding-squared: .2rem;--border-color: #aaa;--border-radius: 8px;--smaller-border-radius: 6px;--info-card-color: #f3f4f7;--product-margin: 1rem;--product-border-color: #ccc;--product-category-color: #bbb;--product-price-color: #67a4dd;--product-btn-height: 2.8rem;--golden-color: #ddbc02}*{font-family:Figtree,Segoe UI,Arial,sans-serif;margin:0;padding:0}html{font-size:var(--text-size);color:var(--text-color)}body{background-color:#eee}.main-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem;padding-bottom:2rem}a{text-decoration:none;color:var(--link-color);transition:color .2s ease}a:hover{color:var(--link-hover-color)}.input-text{width:var(--input-width);height:var(--input-height);border:2px solid var(--border-color);border-radius:var(--border-radius);padding:var(--input-padding);font-size:var(--text-size);box-shadow:0 5px 10px #0000001a;transition:border-color .2s ease}.input-text:focus{border-color:var(--focus-color);outline:none}.form-button{width:var(--submit-width);height:var(--submit-height);border:none;border-radius:var(--border-radius);background-color:var(--primary-color);color:#fff;font-size:var(--text-size);transition:opacity .2s ease}.form-button:hover{cursor:pointer;opacity:.8}.form-group{position:relative;margin-bottom:1rem}.form-group>label{position:absolute;top:-.5rem;left:20px;font-size:calc(var(--text-size) * .75);background-color:var(--form-bg-color);padding:0 .2rem}.form-error{font-size:12pt;color:var(--form-error-color);text-align:right;max-width:var(--submit-width)}.pages-span{align-self:flex-start;color:var(--text-grey-color);margin-bottom:1rem;display:flex;gap:.25rem}.pages-span svg{color:var(--link-color)}.pages-span p{font-weight:700}.container{margin:0 10rem;background-color:#fff;min-height:82dvh}.separator{width:100%;height:1px;background-color:var(--border-color);margin:1rem 0}.pagination button{cursor:pointer;display:flex;justify-content:center;align-items:center;background-color:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);color:gray;padding:.25rem;transition:all .2s ease}.pagination-prev,.pagination-next{font-weight:600}.pagination-prev{margin-right:.4rem}.pagination-next{margin-left:.4rem}.pagination button:disabled{cursor:default;border-color:var(--border-color);background-color:var(--border-color);color:#fff}.pagination button:not(:disabled):hover{background-color:var(--button-color);border-color:var(--button-color);color:#000}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex}.gap-xs{gap:.5rem}.gap-sm{gap:1rem}.gap-md{gap:1.5rem}.gap-lg{gap:2rem}.flex-1{flex:1}.flex-center-all{justify-content:center;align-items:center}.jc-space-evenly{justify-content:space-evenly}.jc-space-between{justify-content:space-between}.mb-1{margin-bottom:1rem}.mx-2{margin-top:2rem;margin-bottom:2rem}.w-100{width:100%}.success-msg{position:fixed;bottom:2rem;right:1.5rem;color:#fff;background-color:var(--success-color);padding:1rem;z-index:3}.success-msg span{display:flex;justify-content:center;align-items:center;gap:.5rem}.success-msg:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.3rem;background-color:var(--success-color);filter:brightness(.7);animation:success-msg-anim 3s linear}.success-msg-error{background-color:var(--form-error-color)!important}.success-msg-error:after{background-color:var(--form-error-color)!important}.success-msg-info{background-color:var(--primary-color)!important}.success-msg-info:after{background-color:var(--primary-color)!important}@keyframes success-msg-anim{0%{width:100%}to{width:0%}}@media (max-width: 1800px){.container{margin:0 5rem}}@media screen and (max-width: 425px){.success-msg{font-size:var(--smaller-text-size);right:50%;transform:translate(50%);width:60%}}@media screen and (max-width: 500px){:root{--input-width: 16rem;--submit-width: 17.2rem}}@media screen and (max-width: 400px){:root{--input-width: 14rem;--submit-width: 15.2rem}}