@import url(fonts/css/all.min.css?v=1.0.2);*{padding:0;margin:0;box-sizing:border-box;font-family:Nunito,sans-serif;text-transform:capitalize;outline-color:var(--third-color);word-break:break-word;overflow-wrap:break-word;scroll-behavior:smooth}:root{--primary-color:#00ff;--second-color:#ffa500;--third-color:#8a2be2;--gray-color:#efefef;--trans-05:all 0.5s;--trans-04:all 0.4s;--trans-03:all 0.3s;--trans-02:all 0.2s;--a-bottom-trans:transform 0.5s cubic-bezier(.4, 0, .2, 1);--white:#fff;--black:#000;--change-black:var(--black);--box-shadow:0 0 10px rgba(0, 0, 0, 0.1);--lightblack:#515C6F;--lightgray:#eee;--input-gray:#ccc;--overlay-back:rgba(255, 255, 255, 0.3);--cubic-transition:0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);--light:hsl(0, 0%, 100%);--light-primary:#CFE8FF;--grey:#eee;--dark-grey:#aaa;--middle-grey:#efefef7d;--dark:#363949;--danger:#D32F2F;--light-danger:#FECDD3;--warning:#FBC02D;--light-warning:#FFF2C6;--success:#388E3C;--light-success:#BBF7D0;--dark-color:#212121;--error:#E24D4C;--toast-index:9999999999}body{min-height:100vh;display:flex;flex-direction:column;transition:var(--trans-03)}body,html{overflow-x:hidden}i,span.material-symbols-rounded{user-select:none}.material-symbols-rounded{user-select:none;cursor:pointer}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{border-radius:5px;cursor:grab;background-color:var(--second-color)}::-webkit-scrollbar-thumb:active{background-color:var(--third-color);cursor:grabbing}input,textarea{background-color:transparent}button,input,textarea{border:0;outline:0}input:not(input[type=checkbox]),textarea{width:100%;padding:10px;border-radius:7px;outline-color:var(--third-color);border:1.5px solid var(--input-gray)}input:not(input[type=checkbox])::placeholder,textarea::placeholder{text-transform:capitalize}input[type=color]{padding:0!important}input::placeholder{font-size:12.5px}input[type=range]{cursor:grab}input.no-border{border:0!important}input[type=range]:active{cursor:grabbing}textarea{field-sizing:content;min-height:150px;resize:none;padding:8px 15px;max-height:250px;border-radius:7px;border:1.5px solid var(--input-gray);outline-color:var(--third-color)}body.dark input,body.dark textarea{color:var(--second-color)}::selection{background-color:var(--third-color);color:var(--white)}body.dark ::selection{background-color:var(--second-color);color:var(--black)}body.dark{background-color:var(--light);color:var(--white);--light:#181a1e;--grey:#212121;--dark-color:#fbfbfb;--lightblack:var(--white);--change-black:var(--white)}html{scroll-behavior:smooth}pre{text-transform:none;white-space:pre-wrap}a{text-decoration:none;cursor:pointer;user-select:none;color:var(--primary-color)}img{pointer-events:none;user-select:none;-webkit-user-drag:none;background-position:center}button,i{cursor:pointer;user-select:none}ul li{list-style:none}.hidden,.hide{display:none!important}.shake{animation:shake .5s ease-in-out alternate}.border-spin{position:relative;background-color:var(--light)}.border-spin::after{--angle:0deg;content:'';position:absolute;width:100%;height:100%;background-image:conic-gradient(from var(--angle),var(--second-color) 0deg,var(--second-color) 45deg,var(--third-color) 45deg,var(--third-color) 90deg,transparent 90deg,transparent 180deg,var(--primary-color) 180deg,var(--primary-color) 225deg,var(--success) 225deg,var(--success) 270deg,transparent 270deg,transparent 360deg);top:50%;left:50%;translate:-50% -50%;z-index:-1;padding:2px;border-radius:inherit;animation:border-spin 4s linear infinite}.border-spin:hover::after{animation-play-state:paused}.web-select-menu{display:flex;flex-direction:column;gap:10px;position:relative}.web-select-menu b.select-value{display:flex;align-items:center;justify-content:space-between;padding:7px;border:1.5px dashed var(--third-color);border-radius:7px;font-weight:500;cursor:pointer;user-select:none;min-width:150px;font-size:12px}.web-select-menu b.select-value span{font-size:12px}.web-select-menu b.select-value i{font-size:18px;font-weight:600;transition:var(--trans-03);pointer-events:none}.web-select-menu.active b.select-value i{transform:rotate(180deg)}.web-select-menu.active b.select-value{box-shadow:var(--box-shadow)}.web-select-menu .options{position:absolute;width:100%;min-width:200px;top:40px;background-color:var(--light);padding:10px;border-radius:5px;display:flex;flex-direction:column;gap:5px;right:0;overflow-y:auto;transform:translateY(-5%);opacity:0;pointer-events:none;transition:var(--trans-03);z-index:777;box-shadow:var(--box-shadow);max-height:50vh;scrollbar-width:none}.web-select-menu.active .options{transform:none;opacity:1;pointer-events:all}.web-select-menu .options .option-group{border-radius:inherit}.web-select-menu .options .option,.web-select-menu .options .option-group .group-title{padding:10px;font-weight:500;user-select:none;cursor:pointer;border-radius:inherit;font-size:12px}.web-select-menu .options .option-group .group-title{pointer-events:none;font-weight:bolder}.web-select-menu .options .option-group .option{margin:5px 0 0 15px}.web-select-menu .options .search-box{display:flex;align-items:center;position:relative}.web-select-menu .options .search-box i{position:absolute;left:15px;top:50%;transform:translateY(-50%);pointer-events:none}.web-select-menu .options .search-box input{padding-left:35px;height:40px}.web-select-menu .options .option.active,.web-select-menu .options .option:hover{background-color:var(--third-color);color:var(--white)}.web-select-menu .options .option.active{cursor:not-allowed}.web-checkbox{width:45px;border-radius:10px;background-color:var(--grey);height:100%;min-height:20px;cursor:pointer;position:relative;transition:var(--trans-04)}.web-checkbox>*{display:none}.web-checkbox[checked]::before{background-color:var(--grey);transform:translate(24px,-50%)}.web-checkbox[checked]{background-color:var(--primary-color)}.web-checkbox-container i{color:var(--primary-color)}.web-checkbox::before{content:"";position:absolute;top:50%;left:3px;border-radius:50px;transform:translateY(-50%);width:16px;height:16px;background-color:var(--primary-color);box-shadow:var(--box-shadow);transition:var(--trans-03)}.web-checkbox-container{display:flex;align-items:center;gap:10px;font-size:13px}.web-checkbox-container.space-btw{justify-content:space-between}.web-sq-info-box{width:100%;max-width:40vw;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.web-sq-info-box .box{display:flex;flex-direction:column;gap:5px;border:1px dashed var(--dark-grey);border-radius:5px;padding:10px}.web-sq-info-box .box i{border:1px solid var(--primary-color);width:30px;height:30px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:50%;font-weight:500;color:var(--second-color)}.web-sq-info-box .box i.bx-x{color:var(--success);font-weight:600;border-color:var(--success)}.web-sq-info-box .box i.bx-check{color:var(--danger);font-weight:600;border-color:var(--danger)}.web-sq-info-box .box span{font-size:13px}.web-captcha{width:100%;display:flex;flex-direction:column;gap:7px}.web-captcha .captcha-box{display:flex;align-items:center;flex-wrap:nowrap;justify-content:space-between}.web-captcha .captcha-box canvas{width:100%;background-color:var(--input-gray);border-radius:5px;border:1.5px dashed var(--third-color);cursor:pointer}.draggable-box{position:relative;overflow:hidden}.draggable-box.dragging{cursor:grabbing}.draggable-box.dragging>*{pointer-events:none;user-select:none}.draggable-box .icon{position:absolute;top:0;height:100%;width:120px;display:flex;align-items:center;background:linear-gradient(-90deg,var(--light) 35%,transparent)}.draggable-box .icon.left{left:0;background:linear-gradient(90deg,var(--light) 35%,transparent)}.draggable-box .icon.right{right:0;justify-content:flex-end}.draggable-box .icon i{width:35px;height:35px;font-size:1rem;text-align:center;line-height:35px;border-radius:50%;transition:var(--trans-03)}.draggable-box .icon i:hover{background:var(--dark-grey)}.draggable-box .icon:first-child i{margin-left:15px}.draggable-box .icon:last-child i{margin-right:15px}[data-top-right]{position:relative}[data-top-right]::before{content:attr(data-top-right);position:absolute;top:-5px;right:-21px;background-color:var(--gray-color);color:var(--dark);border-radius:7px;padding:5px 10px;font-size:9px;pointer-events:none;transition:var(--trans-05);white-space:nowrap;z-index:77}[data-otp-field]{width:100%;display:flex;align-items:center;justify-content:space-between;gap:7px}[data-otp-field] input{height:3em;width:3em;text-align:center;font-size:1em;font-weight:700;border-radius:.3em;-moz-appearance:textfield;user-select:none;color:var(--input-gray)}[data-otp-field] input[type=number]::-webkit-inner-spin-button,[data-otp-field] input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}[data-otp-field].error-fill input{border-color:var(--danger)}[data-otp-field] input:focus{border-color:var(--third-color);color:var(--change-black)}.web-list-count{width:100%;display:flex;flex-direction:column;gap:7px}.web-list-count h2{font-weight:500;font-size:15px;color:var(--lightblack);text-align:center}.web-list-count .lists-box{padding:3px;border:1px solid var(--lightgray);border-radius:7px;display:flex;flex-direction:column;gap:5px}.web-list-count .lists-box .list{padding:.25rem .5rem;border-bottom:1px dashed var(--lightgray);display:flex;align-items:center;padding:8px;justify-content:space-between;font-size:.77rem;color:var(--lightblack);position:relative;overflow:hidden;border-radius:inherit}.web-list-count .lists-box .list .list-w-per{position:absolute;content:"";width:50%;z-index:-1;opacity:.2;background-color:var(--third-color);height:100%;border-radius:inherit;left:0;transition:var(--trans-05)}.web-list-count .list-note{font-size:.77rem;color:var(--lightblack);text-align:center;margin:10px}.web-list-count .lists-box .list:last-child{border:0}.web-list-count .lists-box .list span{color:var(--third-color)}.new-item{position:relative}.new-item::before{content:"New";position:absolute;top:-5px;right:0;background-color:var(--success);color:var(--white);border-radius:inherit;padding:5px;font-size:9px;opacity:1;pointer-events:none;transition:var(--trans-05)}.web-header{width:100%;padding:10px 100px;position:fixed;top:0;left:0;display:flex;justify-content:space-between;align-items:center;transition:var(--trans-03);z-index:100;background-color:var(--light)}body.dark .web-header.active{border-bottom:1px dashed var(--second-color)}.web-header.active{box-shadow:var(--box-shadow)}h1.web-logo{user-select:none;color:transparent;cursor:pointer;display:flex;align-items:center;background:url(uploads/logo.webp) center center;background-size:contain;background-repeat:no-repeat;width:130px;height:50px;justify-content:center;background-position:center;overflow:hidden}.web-header .web-header-links{padding:5px;display:flex;align-items:center;justify-content:space-between;gap:5px}.mobile-section .mobile-sec-links a,.web-header .web-header-links a{padding:4px 6px;margin-left:10px;font-weight:500;color:var(--change-black);border-radius:5px;transition:var(--trans-04);position:relative}.mobile-section .mobile-sec-links a::before,.web-header .web-header-links a::before{content:"";position:absolute;bottom:-5px;left:0;height:4px;background-color:var(--primary-color);width:100%;transform:scaleX(0);border-radius:30px 30px 0 0;transform-origin:100% 100%;transition:var(--a-bottom-trans)}.mobile-section .mobile-sec-links a.active::before,.mobile-section .mobile-sec-links a:hover::before,.web-header .web-header-links a.active::before,.web-header .web-header-links a:hover::before{transform-origin:0 100%;transform:scaleX(1)}body.dark .mobile-section .mobile-sec-links a.active::before,body.dark .mobile-section .mobile-sec-links a:hover::before,body.dark .web-header .web-header-links a.active::before,body.dark .web-header .web-header-links a:hover::before{background-color:var(--second-color)}.mobile-section .get-started button,.web-header .get-started button{padding:8px 13px;border-radius:5px;background-color:var(--primary-color);font-size:14px;color:var(--white);transition:var(--trans-03);border:1.5px dashed transparent}.mobile-section .get-started button a,.web-header .get-started button a{color:var(--white)}.web-header .get-started i.bx-x,.web-header .get-started i.uil-bars{display:none;transition:var(--trans-05)}.mobile-section .get-started i,.web-header .get-started i{margin-left:10px}body.dark .mobile-section .get-started button:hover,body.dark .web-header .get-started button:hover{color:var(--white)}.mobile-section .get-started button:hover,.web-header .get-started button:hover{background-color:transparent;color:var(--black);border:1.5px dashed var(--second-color)}.mobile-section{position:fixed;top:0;right:0;z-index:150;backdrop-filter:blur(9px);box-shadow:var(--box-shadow);background-color:var(--overlay-back);width:100%;max-width:250px;min-height:100vh;padding:10px;display:flex;flex-direction:column;align-items:center;transition:var(--trans-03);transform:translateX(105%);transform-origin:right right}.mobile-section .mobile-sec-links{display:flex;flex-direction:column;gap:7px;padding:10px;width:100%}.mobile-section .mobile-sec-links a.active::before,.mobile-section .mobile-sec-links a:hover::before{bottom:0}.mobile-section .get-started,.mobile-section .get-started a,.mobile-section .get-started button{width:100%}.mobile-section .mobile-sec-links a{padding-bottom:15px}.mobile-section .get-started{display:flex;flex-direction:column;gap:10px;align-items:center}.web-section{padding:10px 100px;display:flex;flex-direction:column;align-items:center;margin-top:80px;margin-bottom:80px}.web-section .sub-section:first-child{margin-top:20px}.web-section .sub-section{display:flex;align-items:center;justify-content:space-around;min-height:75vh;align-items:center;width:100%;padding:10px;margin-bottom:10px;visibility:hidden;opacity:0;gap:20px;scroll-snap-align:start;transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-70,0,1);transition:all,opacity 1.5s cubic-bezier(.5,0,0,1),transform 1.5s cubic-bezier(.5,0,0,1)}.web-section .sub-section:nth-child(even){transform:matrix3d(.8,0,0,0,0,.8,0,0,0,0,1,0,50,50,0,1);transition:all,opacity 1.2s cubic-bezier(.68,-.55,.27,1.55),transform 1.2s cubic-bezier(.68,-.55,.27,1.55)}.web-section .sub-section.animate:nth-child(even){transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}.web-section .sub-section.animate{visibility:visible;opacity:1;transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transition:all,opacity 1.5s cubic-bezier(.5,0,0,1),transform 1.5s cubic-bezier(.5,0,0,1)}.web-section .sub-section:last-child{height:auto;min-height:auto}.web-section .sub-section:last-child,.web-section .sub-section:nth-child(even){box-shadow:var(--box-shadow);border-radius:20px}.web-section .sub-section .image-box{padding:5px;max-width:350px;max-height:80vh;border-radius:42px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;transition:var(--trans-04);background-color:var(--gray-color);cursor:pointer}body.dark .web-section .sub-section .image-box{background-color:var(--light)}.web-section .sub-section .image-box.border-spin::after{padding:5px}.web-section .sub-section .image-box img{width:100%;height:100%;object-fit:contain;background-color:var(--white);border-radius:inherit}.web-section .sub-section .sub-section-text{display:flex;flex-direction:column;gap:10px;width:50%}.web-section .sub-section .sub-section-text h1{color:var(--success);font-size:25px;font-weight:600}.web-section .sub-section .sub-section-text p b{font-weight:500}.web-section .sub-section .sub-section-text button{display:flex;align-items:center;gap:5px;justify-content:center;font-size:12px;padding:10px 20px;max-width:150px;border-radius:10px;background-color:var(--primary-color);color:var(--white);font-weight:500;margin-top:20px;transition:var(--trans-03)}.web-section .sub-section .sub-section-text a{width:fit-content}.web-section .sub-section .sub-section-text button:hover{transform:scale(.95)}.web-section .sub-section .sub-section-text button span{font-size:13px}.web-section .sub-section .sub-section-text p{font-size:13px;line-height:20px}footer{width:100%;display:flex;justify-content:center;flex-direction:column;padding:10px 100px;margin-top:auto}footer .web-footer-contents{display:flex;justify-content:space-between}footer .web-footer-contents .web-footer-brand{display:flex;flex-direction:column;gap:20px;max-width:400px}footer .web-footer-contents .web-footer-brand p{font-size:13px}footer .web-footer-contents .web-footer-links{display:flex;justify-content:center;gap:30px}footer .web-footer-contents .web-footer-links ul b{margin-bottom:10px;font-size:14px;display:block;color:var(--second-color)}footer .web-footer-contents .web-footer-links ul,footer .web-footer-contents .web-footer-links ul li{margin:0}footer .web-scanned-norton{display:flex;align-items:center;justify-content:center;gap:5px;font-size:13px}footer .web-scanned-norton img{height:40px;object-fit:contain}footer .web-footer-contents .web-footer-links ul li{list-style:none}footer .web-footer-contents .web-footer-links ul li a{font-size:13px;color:var(--black)}body.dark footer .web-footer-contents .web-footer-links ul li a{color:var(--white)}footer .web-footer-contents .web-footer-links ul li a:hover{text-decoration:underline}footer .web-footer-copy{padding:20px;padding-top:50px;text-align:center;font-size:13px}footer .web-footer-contact-links a{font-size:25px;color:var(--gray-color);transition:var(--trans-03)}footer .web-footer-contact-links a .uil-whatsapp{color:var(--success)}footer .web-footer-contact-links a .uil-facebook-f{color:var(--primary-color)}footer .web-footer-contact-links a .uil-telegram{color:#0077b5}footer .web-footer-contact-links a .uil-youtube{color:var(--error)}.web-terms-privacy{width:100%;max-width:80vw;margin:auto;margin-top:100px;margin-bottom:100px;font-size:13px}.web-terms-privacy h1,.web-terms-privacy h2,.web-terms-privacy strong{font-size:15px;font-weight:700;margin:10px 0;color:var(--third-color)}.web-terms-privacy h1,.web-terms-privacy h2{color:var(--second-color)}.web-terms-privacy strong{font-size:inherit}.web-terms-privacy ul li{list-style:decimal}.web-section .sub-section .sub-section-totals{width:100%;display:flex;justify-content:space-around;flex-wrap:wrap;align-items:center;padding:20px;gap:10px}.web-section .sub-section .sub-section-totals .sub-section-totals-box{display:flex;flex-direction:column;align-items:center;justify-content:space-around;text-align:center;width:calc(100% / 4 - 20px);padding:20px;flex-grow:1;height:200px;border:1.5px dashed var(--primary-color);border-radius:10px}.web-section .sub-section .sub-section-totals .sub-section-totals-box img{width:70px}.tooltip.active{opacity:1;pointer-events:auto;transform:scale(1)}.tooltip{opacity:0;pointer-events:none;position:fixed;z-index:99999;transform:scale(.9);display:flex;justify-content:center;min-width:70px;max-width:200px;padding:10px 15px;color:var(--white);border-radius:10px;text-align:center;transition:var(--cubic-transition);background-color:var(--third-color)}.tooltip p{font-size:12px}body.dark .tooltip,body.dark .tooltip::before{background-color:var(--dark)}.tooltip::before{position:absolute;content:"";height:12px;width:12px;background:inherit;left:50%;bottom:-6px;transform:translateX(-50%) rotate(45deg);transition:none}.tooltip.bottom::before{top:-6px;opacity:1}.toastBox{position:fixed;top:30px;right:20px;z-index:var(--toast-index)}.web-bottom-toast-container{position:fixed;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:10px;z-index:var(--toast-index);bottom:15px}.web-bottom-toast-container bottom-toast{padding:10px 20px;background-color:var(--dark);color:var(--white);font-weight:500;border-radius:5px;font-size:13px;transition:var(--trans-04);user-select:none;animation:bottom-toast-animation .5s ease-in-out;max-width:75vw;display:flex;align-items:center;flex-direction:column;gap:5px}.web-bottom-toast-container bottom-toast.hide-b-toast{animation:hide-bottom-toast-animation .5s linear}.web-bottom-toast-container bottom-toast button{padding:8px 13px;border-radius:inherit;font-weight:inherit;margin-left:20px;font-size:11px;transition:var(--trans-04);background-color:var(--third-color);color:var(--white)}.web-bottom-toast-container bottom-toast span{font-weight:500;color:var(--second-color)}@keyframes hide-bottom-toast-animation{100%{transform:translateY(100%);opacity:0;pointer-events:none}}@keyframes bottom-toast-animation{0%{transform:translateY(100%);opacity:0;pointer-events:none}100%{transform:translateY(-15px);opacity:1;pointer-events:all}}.web-bottom-toast-container bottom-toast button:hover{background-color:var(--white);color:var(--second-color)}.toastBox :where(.toast,.column){display:flex;align-items:center}.toastBox .toast{width:100%;min-width:300px;max-width:400px;position:relative;overflow:hidden;border-radius:4px;padding:16px 17px;margin-bottom:10px;background:var(--light);display:flex;justify-content:space-between;animation:show_toast .3s ease forwards;box-shadow:0 5px 10px rgba(0,0,0,.14);gap:5px;cursor:pointer}body.dark .toastBox .toast.error{border:2px dashed var(--error);border-bottom:0}body.dark .toastBox .toast.success{border:2px dashed var(--success);border-bottom:0}body.dark .toastBox .toast.warning{border:2px dashed var(--warning);border-bottom:0}@keyframes show_toast{0%{transform:translateX(100%)}40%{transform:translateX(-5%)}80%{transform:translateX(0)}100%{transform:translateX(-10px)}}.toastBox .toast.hide_toast{animation:hide_toast .3s ease forwards}@keyframes hide_toast{0%{transform:translateX(-10px)}40%{transform:translateX(0)}80%{transform:translateX(-5%)}100%{transform:translateX(calc(100% + 20px))}}.toast .t_b_line{position:absolute;height:3px;bottom:0;left:0;width:100%;transition:var(--trans-04)}.toast.success .t_b_line{background:var(--success)}.toast.error .t_b_line{background:var(--error)}.toast.info .t_b_line{background:var(--primary-color)}.toast.warning .t_b_line{background:var(--warning)}.toast .column i{font-size:1.45rem}.toast.success .column i{color:var(--success)}.toast.error .column i{color:var(--error)}.toast.warning .column i{color:var(--warning)}.toast.info .column i{color:var(--primary-color)}.toast .column span{font-size:13px;margin-left:12px;color:var(--black);max-height:50vh;overflow:hidden;overflow-y:auto;scrollbar-width:none}body.dark .toast .column span{color:var(--white)}.toast i.closeToast{color:var(--danger);cursor:pointer;margin-left:10px}.toast i:last-child:hover{color:var(--dark-color)}@media screen and (max-width:540px){.toastBox .toast{width:100%;font-size:1rem;margin-left:20px}}.toast b{font-size:14px;font-weight:500}.toast ol,.toast ul{list-style:decimal;margin-left:20px}.toast small{font-size:11.5px}.bottom-button{display:flex;align-items:center;justify-content:center;position:fixed;bottom:17px;right:17px;padding:3px;border-radius:50%;width:70px;height:70px;overflow:hidden;background-color:var(--third-color);cursor:pointer}.bottom-button.auto-rotate{animation:spin 10s infinite linear}.bottom-button.auto-rotate.auto-rotate-pause{animation-play-state:paused}.bottom-button img,.bottom-button video{width:100%;height:100%;object-fit:cover;border-radius:inherit;background-color:var(--white)}.bottom-button audio{display:none}form .f-field small{color:red;font-size:11px}form .f-upload .upload-input input::-webkit-file-upload-button{border:0;outline:0;border-radius:7px;background-color:var(--third-color);color:var(--white);cursor:pointer;font-weight:500;width:50%;position:relative}form input{text-transform:none}form{display:flex;flex-direction:column;padding:15px;border-radius:13px;background-color:var(--white);width:100%;max-width:40vw;min-width:350px;gap:10px;color:var(--black);transform:translateY(0);height:fit-content;box-shadow:var(--box-shadow)}form .f-field a:not(.sign-in-googlea){display:inline-flex;font-size:13px;border-radius:5px;font-weight:500;color:var(--third-color);transition:var(--trans-03)}form .f-field a:not(.sign-in-googlea):hover{text-decoration:underline}form .sign-in-google button{border-radius:5px;width:100%;display:flex;align-items:center;gap:10px;justify-content:center;background-color:transparent;border:1.5px solid var(--second-color)}body.dark form .sign-in-google button{color:var(--white)}form .sign-in-google button img{width:50px;object-fit:cover;border:0}::-webkit-file-upload-button{border:0;outline:0;border-radius:7px;background-color:#8a2be2;color:#fff;cursor:pointer;font-weight:500;width:50%;position:relative;padding:10px}body.dark form{background-color:#181a1e;color:var(--white);border:1.5px dashed var(--second-color)}body.dark form .f-field{color:var(--white)}body.dark form .form-title{color:var(--white)}form .form-error{padding:5px;font-size:12px;display:none;gap:10px;align-items:center;justify-content:center}.disabled,[disabled]{opacity:.5;pointer-events:none}.web-pagination{width:100%;padding:15px}.web-pagination .button,.web-pagination .container,.web-pagination .link,.web-pagination .links{display:flex;align-items:center;justify-content:center;font-size:13px}.web-pagination .container{padding:20px;border-radius:7px;column-gap:12px;background:var(--light);box-shadow:0 5px 10px rgba(0,0,0,.1);overflow-x:auto}.web-pagination .button:disabled{color:#b3b3b3;pointer-events:none;opacity:.5}.web-pagination .button,.web-pagination .link{padding:14px;text-wrap:nowrap;font-size:13px;color:var(--dark-color);background-color:var(--light);border-radius:6px;cursor:pointer}.web-pagination .button span,.web-pagination .link span{pointer-events:none;font-size:17px}body.dark .web-pagination .button,body.dark.web-pagination .link{border:1px dashed var(--primary-color)}.web-pagination .links{column-gap:12px}.web-pagination .link{font-weight:500;text-decoration:none;font-size:13px}.web-pagination .button:hover,.web-pagination .button:hover span.material-symbols-rounded,.web-pagination .link:hover,.web-pagination .link:hover span.material-symbols-rounded{color:#fff;background:var(--primary-color)}.web-pagination .link.active{color:#fff;background:var(--primary-color)}body.dark form input{background-color:transparent;outline:0;color:var(--second-color)}body.dark form a{color:var(--second-color)}body.dark form button:hover{color:var(--white)}body.dark form{color:var(--white)}form .f-field{display:flex;flex-direction:column;gap:5px}form .f-field label{font-size:12px;font-weight:500}form .f-field input.error-fill{border-color:var(--danger)}form .form-button button{width:100%;padding:10px;background-color:var(--third-color);color:var(--white);border-radius:7px;font-size:13px;font-weight:500;transition:var(--trans-03);border:2px solid transparent}form .form-button button:hover{background-color:transparent;color:var(--black);border:2px solid var(--second-color)}form .form-title{width:100%;padding:0 10px;padding-bottom:5px;border-bottom:1.5px solid var(--gray-color);font-weight:500;display:flex;justify-content:space-between;align-items:center}form label{font-size:13px}form label span{float:right;font-weight:800;color:var(--third-color)}form .password{position:relative}form .password .pass-requirement{padding-left:20px;display:flex;flex-direction:column;gap:7px}form .password .pass-requirement .requirements{display:flex;flex-direction:column;gap:4px}form .password .pass-requirement label,form .password .pass-requirement p{font-size:11px!important}form .password .pass-requirement .requirements .box{display:flex;align-items:center;gap:4px}form .password .pass-requirement .requirements .box .dot{width:7px;height:7px;background-color:var(--danger);border-radius:50%;pointer-events:none}form .password .pass-requirement .requirements .box .dot.success{background-color:var(--success)}form .password .pass-requirement .requirements .box small{color:var(--dark-color);text-transform:none}form .password i{position:absolute;right:10px;top:13px;font-size:13px;color:var(--success)}form .password i.bx-x,form .password i.fa-eye-slash{color:var(--danger)}form .form-title i{padding:5px;background-color:var(--danger);color:var(--white);border-radius:50%;font-size:13px;text-align:center;display:flex;align-items:center;justify-content:center}input[type=color]{padding:0;border-radius:0;border:0;min-height:30px}input::-webkit-color-swatch{border:0}input::-moz-color-swatch{border:0}form img{width:100%;border-radius:7px}.dark-mode-toggle{display:flex;justify-content:center;align-items:center;position:relative}.dark-mode-toggle span{content:'';position:absolute;width:40px;border-radius:10px;height:20px;background-color:var(--gray-color);padding:2px;display:flex;align-items:center;cursor:pointer;transition:var(--trans-05)}.dark-mode-toggle span::before{position:absolute;content:'';border-radius:50%;width:15px;height:15px;background-color:var(--third-color);transition:.3s}body.dark .dark-mode-toggle span::before{transform:translateX(20px)}.web-user-settings{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;padding:20px;gap:10px}.web-user-settings form{max-width:600px}.web-user-settings form:nth-child(even){border:2px dashed var(--third-color)}.web-user-plan{display:flex;flex-direction:column;gap:10px;margin-bottom:30px}.web-user-plan .web-user-plan-contents{display:flex;gap:10px;align-items:center;justify-content:center}.web-user-plan .web-user-plan-contents .plan-box{padding:10px 15px;display:flex;gap:5px;align-items:center;box-shadow:var(--box-shadow);border-radius:20px;font-size:14px;cursor:pointer;user-select:none}.web-user-plan .web-user-plan-contents .plan-box i:not(pi){width:20px;height:20px;background-color:var(--second-color);color:var(--white);display:flex;align-items:center;justify-content:center;border-radius:50%;pointer-events:none}.web-user-track{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;grid-gap:30px;padding:20px}.web-user-track .web-user-track-chart{padding:20px;display:flex;flex-direction:column;box-shadow:var(--box-shadow);border-radius:10px;flex-grow:1}.web-no-result{width:100%;padding:10px;margin:auto;padding:3px;border-radius:10px;overflow:hidden;display:flex;justify-content:center;align-items:center}.web-no-result .web-sub-no-result{width:100%;display:flex;flex-direction:column;gap:30px;justify-content:center;align-items:center;height:300px;border-radius:10px;font-size:13px;max-width:450px;position:relative;padding:10px}.web-no-result .web-sub-no-result i{font-size:80px;color:var(--third-color);position:relative}.web-no-result .web-sub-no-result i.fa-circle-check{color:var(--success)}.web-no-result .web-sub-no-result button{width:100%;padding:10px;margin-top:25px;background-color:var(--third-color);color:var(--white);border-radius:5px;transition:var(--cubic-transition);font-weight:500}.web-no-result .web-sub-no-result button i{color:inherit;font-size:inherit;margin-right:5px}.web-no-result .web-sub-no-result button:hover{transform:scale(.9)}.web-no-result .web-sub-no-result .http-code{display:flex;font-style:normal;font-weight:700;font-size:120px}.web-no-result .web-sub-no-result .http-code.error{color:var(--error)}.web-no-result .web-sub-no-result .http-code div{animation:http-code 2.6s ease infinite}.web-no-result .web-sub-no-result .http-code div:nth-child(2){animation-delay:.6s;-webkit-text-stroke:2px var(--second-color);color:transparent}@keyframes http-code{50%{transform:translateY(-10px) rotate(-10deg)}85%{transform:translateY(-10px) rotate(10deg)}}.sidebar{position:fixed;top:0;left:0;background:var(--light);width:230px;height:100%;z-index:2000;transition:var(--trans-04);box-shadow:var(--box-shadow);padding:20px;overflow-x:scroll;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.sidebar.close{width:80px}.sidebar .logo{font-size:24px;font-weight:700;height:56px;display:flex;align-items:center;color:var(--third-color);padding-bottom:20px}.sidebar .logo i{min-width:60px;display:flex;justify-content:center;font-size:2.2rem}.sidebar.close h1.web-logo{opacity:0;pointer-events:none;transition:var(--trans-03)}.sidebar .logo-name img{opacity:0;pointer-events:none;width:45px;position:absolute;top:20px;transition:var(--trans-03)}.sidebar.close .logo-name img{opacity:1;pointer-events:all}.overlay #reader{width:100%;max-width:600px;margin:auto;border:1px solid var(--input-gray)}.content h1.web-logo{opacity:0}.sidebar.close~.content h1.web-logo{opacity:1}.content nav h1.web-logo{display:none}.sidebar .side-menu{width:100%;display:flex;flex-direction:column;gap:5px;margin:0;margin-top:28px}.sidebar .side-menu li{height:48px;border-radius:10px 2px 10px 2px;padding:8px;display:flex;align-items:center;gap:10px;position:relative;transition:var(--trans-03);margin:0}.sidebar.close .side-menu li.new-item::before{opacity:0}.sidebar .side-menu li.active,.sidebar .side-menu li:hover{background-color:var(--third-color)}.sidebar .side-menu li.new-item.active,.sidebar .side-menu li.new-item:hover{background-color:var(--success)}.sidebar .side-menu li.active{text-align:center}.sidebar .side-menu li.active a,.sidebar .side-menu li:hover a{color:var(--white)}.sidebar .side-menu .side-item{padding:10px 0;position:relative;display:flex;flex-direction:column;gap:5px}.sidebar .side-menu .side-item .side-item-title{margin-bottom:15px;margin-left:8px;transition:var(--trans-03)}.sidebar .side-menu .side-item .side-item-title::before{content:attr(data-item-title);color:var(--lightblack);pointer-events:none;white-space:nowrap;height:12px;font-weight:500;font-size:14px}.sidebar.close .side-menu .side-item .side-item-title{margin-left:0}.sidebar.close .side-menu .side-item .side-item-title::before{content:"";position:absolute;width:50%;border-radius:12px;background-color:var(--dark-grey);height:2px;left:50%;transform:translateX(-50%)}.sidebar .side-menu li a{width:100%;height:100%;display:flex;align-items:center;gap:10px;border-radius:40px;font-size:14px;white-space:nowrap;overflow-x:hidden;font-weight:500;color:var(--dark-color)}.sidebar.close .side-menu li a span{opacity:0;pointer-events:none}.sidebar .side-menu li a i{font-size:1.6rem}.content{position:relative;width:calc(100% - 230px);left:230px;transition:var(--trans-03)}.sidebar.close~.content{width:calc(100% - 80px);left:80px}.content nav{height:56px;background:var(--light);padding:0 24px 0 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;left:0;z-index:1000}.content nav a{color:var(--dark-color)}.content nav .profile{display:flex;align-items:center;gap:10px}.content nav img{width:50px;height:50px;border-radius:50%;object-fit:contain;cursor:pointer;margin-top:10px}.content nav i{cursor:pointer;font-size:25px;color:var(--dark-color)}.content main{width:100%;padding:36px 24px;max-height:calc(100vh - 56px);display:none}.content main[data-content-active]{display:block}.content main .header{display:flex;align-items:center;justify-content:space-between;grid-gap:16px;flex-wrap:wrap}.content main .header .left h1{font-size:26px;font-weight:500;margin-bottom:10px;color:var(--dark-color)}@media screen and (max-width:768px){.sidebar{left:0}.sidebar.close{left:-100%}.sidebar~.content{width:100%!important;left:0!important}}article.web-qr-code-box{user-select:none;-webkit-user-drag:none;cursor:pointer;width:100%;height:620px;min-height:min-content;gap:40px;display:flex;align-items:center;flex-direction:column;justify-content:space-between;padding:20px;font-size:14px;color:var(--black);position:relative;background:var(--white);border:1.5px solid var(--third-color)}article.web-qr-code-box h1.web-logo{opacity:1!important}article.web-qr-code-box .qr-web-link{width:250px;margin-top:-20px;padding:15px;border-radius:20px;backdrop-filter:blur(9px);border:1.5px solid var(--second-color);background-color:#efefef;font-size:14px;text-align:center;display:flex;align-items:center;justify-content:center}article.web-qr-code-box .qr-web-image{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:10px;border:1.5px dashed var(--third-color);mix-blend-mode:multiply}article.web-qr-code-box .qr-web-image svg{margin:auto}article.web-qr-code-box .qr-scan-me b{font-size:30px;font-weight:500;font-family:'Courier New',Courier,monospace}article.web-qr-code-box .qr-web-user{margin:-30px;font-size:15px;font-weight:500}.content main .orders .header h3{display:flex;align-items:center;gap:10px;font-size:17px!important;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}.content main .orders .header h3 span{color:var(--third-color);font-size:14px}.content main .header .left .breadcrumb{display:flex;align-items:center;grid-gap:16px}.content main .header .left .breadcrumb,.content main .header .left .breadcrumb li{margin:0}.content main .header .left .breadcrumb li{color:var(--dark-color)}.content main .header .left .breadcrumb.referral a{font-size:14px;color:var(--third-color)}body.dark .content main .header .left .breadcrumb.referral a{font-size:14px;color:var(--white)}.sidebar .logo-name span.material-symbols-rounded{display:none}body.dark .content main .header .left .breadcrumb.referral a b{color:var(--second-color)}.content main .header .left .breadcrumb.referral a b{font-weight:500;font-size:14px}.content main .header .left .breadcrumb li a{color:var(--dark-grey);pointer-events:none}.content main .header .left .breadcrumb li a.active{color:var(--third-color);pointer-events:none;font-weight:500}.content main .header .add-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.content main .header .add-buttons button{flex-grow:1;flex-basis:200}.content main .header .add-buttons button{height:36px;padding:0 16px;border-radius:36px;background:var(--third-color);color:var(--light);display:flex;align-items:center;justify-content:center;grid-gap:10px;font-weight:500;cursor:pointer}.content main .header .add-buttons button.danger-btn,body.dark .content main .header .add-buttons button.danger-btn{background-color:var(--error)}body.dark .content main .header .add-buttons button{background-color:var(--second-color)}.content main .insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:24px;margin-top:36px;padding-bottom:15px}.content main .insights li{padding:24px;border-radius:20px;display:flex;align-items:center;grid-gap:24px;border:2px dashed var(--third-color)}.content main .insights li i{width:80px;height:80px;min-width:80px;min-height:80px;border-radius:10px;font-size:30px;display:flex;align-items:center;justify-content:center;color:var(--success);pointer-events:none;position:relative;background-color:var(--light)}.content main .insights li i::after{--angle:0deg;content:'';position:absolute;width:100%;height:100%;background-image:conic-gradient(from var(--angle),transparent 10%,var(--third-color));top:50%;left:50%;translate:-50% -50%;z-index:-1;padding:2px;border-radius:inherit;animation:border-spin 4s linear infinite}.content main .insights li:nth-child(even) i::after{--angle:360deg;animation:de-border-spin 3s linear infinite}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes de-border-spin{from{--angle:360deg}to{--angle:0deg}}@keyframes border-spin{from{--angle:0deg}to{--angle:360deg}}body.dark .content main .insights li,body.dark .content main .insights li i{border-color:var(--second-color);color:var(--input-gray)}.content main{display:none}.content main .insights li .info h3{font-size:24px;font-weight:600;color:var(--dark-color)}.content main .insights li .info p{color:var(--dark-color);margin-top:5px;font-size:small;font-weight:500}.content main .bottom-data{display:flex;flex-wrap:wrap;grid-gap:24px;margin-top:24px;width:100%;color:var(--dark-color);padding-bottom:15px}.content main .bottom-data>div{border-radius:20px;background:var(--light);padding:24px;overflow-x:auto;box-shadow:var(--box-shadow)}.content main .bottom-data .header{display:flex;align-items:center;grid-gap:16px;margin-bottom:24px}.content main .bottom-data .header h3{margin-right:auto;font-size:24px;font-weight:600}.content main .bottom-data .header i{cursor:pointer}.content main .bottom-data .orders{flex-grow:1;scrollbar-width:none}.content main .bottom-data .header .header-box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;box-sizing:border-box;width:100%}.content main .bottom-data .header .header-box .header-text-icon{display:flex;align-items:center;gap:10px}.web-search-box{width:100%;max-width:400px}.web-search-box .search-box{width:100%;position:relative;height:40px;margin:auto;border-radius:25px;transition:all .3s ease}.web-search-box .search-box input{position:absolute;width:100%;height:100%;border-radius:25px;padding:0 20px 0 20px;font-size:14px;border:1.5px solid var(--gray-color);max-width:100%!important}.web-search-box .search-box .icon{position:absolute;right:-2px;top:0;width:40px;height:100%;text-align:center;background-color:var(--third-color);line-height:40px;color:var(--white);font-size:15px;border-radius:0 25px 25px 0}body.dark .web-search-box .search-box input{border-color:var(--second-color)}body.dark .web-search-box .search-box .icon{background-color:var(--second-color)}body.dark .web-search-box .search-box .icon{background-color:var(--second-color);color:var(--white)}.web-search-fill{position:absolute;z-index:100;top:101%;padding:10px;width:100%;max-width:98%;left:50%;transform:translateX(-50%);border-radius:0 0 10px 10px;box-shadow:var(--box-shadow);overflow:hidden;overflow-y:auto;max-height:300px;opacity:0;pointer-events:none;scrollbar-width:none;transition:var(--cubic-transition);background-color:var(--light)}.web-search-fill-box input:focus~.web-search-fill:has(li),.web-search-fill.active{opacity:1;pointer-events:all}body.dark .web-search-fill{border-bottom:1.5px dashed var(--second-color);border-radius:0}.web-search-fill ul{width:100%}.web-search-fill ul li{padding:10px;transition:var(--trans-03);width:100%;border-radius:5px;font-size:13px;cursor:pointer}.web-search-fill ul li i{color:var(--input-gray)}.web-search-fill ul li:has(i){display:flex;align-items:center;gap:10px}.web-search-fill ul li:hover{background-color:var(--gray-color)}body.dark .web-search-fill ul li{color:var(--second-color)}body.dark .web-search-fill ul li:hover{color:#000}.content main .bottom-data .orders .header select{cursor:pointer;padding:8px;border:1.5px dashed var(--third-color);outline:0;border-radius:10px}.content nav .web-user-profile{position:relative;display:flex;align-items:center;gap:20px}.content nav .web-user-profile .profile-box{cursor:pointer}.content nav .web-user-profile .web-user-profile-dropdown{position:absolute;top:60px;right:10px;display:none;flex-direction:column;justify-content:space-between;gap:5px;box-shadow:var(--box-shadow);width:100%;min-width:300px;max-width:400px;background-color:var(--light);padding:10px;border-radius:10px;transition:var(--cubic-transition)}.content nav .web-user-profile .web-user-profile-dropdown .web-user-profile-dropdown-image-box{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:space-between;cursor:pointer;padding:10px;border-radius:20px;position:relative}.content nav .web-user-profile .web-user-profile-dropdown .web-user-profile-dropdown-image-box .image-box{position:relative;overflow:hidden;border-radius:50%;border:1.5px dashed var(--second-color);width:80px;height:80px}.content nav .web-user-profile .web-user-profile-dropdown .web-user-profile-dropdown-image-box .image-box::before{font-family:unicons-line;content:"\e990";position:absolute;pointer-events:none;top:50%;left:50%;translate:-50% -50%;z-index:2;backdrop-filter:blur(7px);width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:var(--trans-04);opacity:0}.content nav .web-user-profile .web-user-profile-dropdown .web-user-profile-dropdown-image-box .image-box:hover::before{opacity:1}.content nav .web-user-profile .web-user-profile-dropdown .web-user-profile-dropdown-image-box img{width:100%;height:100%;object-fit:contain;border-radius:50%}.content nav .web-user-profile .web-user-profile-dropdown .web-user-profile-dropdown-image-box a.main-user-name:hover{text-decoration:underline}body.dark .content nav .web-user-profile .web-user-profile-dropdown .web-user-profile-dropdown-image-box img{background-color:transparent}.content nav .web-user-profile .web-user-profile-dropdown ul li{display:flex;align-items:center;gap:5px;user-select:none;cursor:pointer;padding:10px;border-radius:10px;margin-bottom:5px;transition:var(--trans-03)}body.dark .content nav .web-user-profile .web-user-profile-dropdown{border:1.5px dashed var(--second-color)}body.dark .content nav .web-user-profile .web-user-profile-dropdown ul li:hover{color:var(--black)}.content nav .web-user-profile .web-user-profile-dropdown ul li:hover{background-color:var(--gray-color)}.content nav .web-user-profile .web-user-profile-dropdown ul li b{font-weight:500;font-size:14px}.content nav .web-user-profile .web-user-profile-dropdown ul li.logout span.material-symbols-rounded{color:var(--error)}.content main .bottom-data .orders .header button{padding:8px;border:1.5px dashed var(--third-color);outline:0;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:12px;background-color:var(--white)}body.dark .content main .bottom-data .orders .header select{background-color:transparent;color:var(--white)}body.dark .content main .bottom-data .orders .header button{background-color:transparent;color:var(--white)}body.dark .content main .bottom-data .orders .header select option{color:#181a1e}.content main .bottom-data .orders table{width:100%;border-collapse:collapse}.content main .bottom-data .orders table th{padding-bottom:12px;font-size:13px;text-align:left;border-bottom:1px solid var(--grey)}.content main .bottom-data .orders table td{padding:16px 0}.content main .bottom-data .orders table tr td:first-child{display:flex;align-items:center;grid-gap:12px;padding-left:6px}.content main .bottom-data .orders table td img{width:36px;height:36px;border-radius:50%;object-fit:cover;cursor:pointer;pointer-events:all;user-select:all}.content main .bottom-data .orders table tbody tr:hover{background:var(--grey)}.content main .bottom-data .orders table tr td .status{font-size:10px;padding:6px 16px;color:var(--light);border-radius:20px;font-weight:700}.content main .bottom-data .orders table tr td .status.completed{background:var(--success)}.content main .bottom-data .orders table tr td .status.process{background:var(--third-color)}.content main .bottom-data .orders table tr td .status.pending{background:var(--warning)}.content main .bottom-data .orders table tr td button{padding:10px;border-radius:10px;background-color:var(--third-color);color:var(--white)}.content main .bottom-data .orders table tr td{font-size:13px}@media screen and (max-width:768px){.sidebar{width:200px}.content{width:calc(100% - 60px);left:200px}}@media screen and (max-width:576px){.content main .insights{grid-template-columns:1fr}.content main .bottom-data .header{min-width:340px}.content main .bottom-data .reminders .task-list{min-width:340px}}.web-payments{width:100%;display:flex;flex-direction:column;padding:10px;gap:10px}.web-payments .web-payments-box{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px;border:1.5px dashed var(--third-color);border-radius:5px}.web-payments .web-payments-box.payments img{width:100px}.web-payments .web-payments-box b{font-size:15px;font-weight:500}.web-payments .web-payments-box b span{color:var(--third-color)}.web-payments .web-payments-box .payment-money-button{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.web-payments .web-payments-box .payment-money-button button{padding:10px 20px;border-radius:5px;background-color:var(--third-color);color:var(--white)}.web-payments .web-payments-box .payment-money-button p{color:var(--success)}@media screen and (max-width:500px){.web-payments .web-payments-box{flex-direction:column;gap:10px}}.web-table{width:100%;padding:10px;min-height:50vh}.web-table-contents{width:100%;display:flex;justify-content:center;flex-wrap:wrap;min-height:50vh;gap:10px}.web-table-contents .web-table-box{width:calc(100% / 2 - 30px);flex-grow:1;border:1.5px dashed var(--second-color);padding:20px;border-radius:7px}.web-table-contents .web-table-box.most-clicked-link,.web-table-contents .web-table-box.new-link,.web-table-contents .web-table-box.pinned-link{position:relative}.web-table-contents .web-table-box.new-link::before{content:'New';position:absolute;top:-12px;right:6px;padding:5px;color:var(--white);border-radius:5px;user-select:none;font-size:10px;content:'new';background-color:var(--success);font-weight:500}.web-table-contents .web-table-box.new-link.pinned-link .pinned-box{right:85px}.web-table-contents .web-table-box.pinned-link .pinned-box{right:53px}.web-table-contents .web-table-box.new-link.pinned-link .pinned-box{right:40px}.web-table-contents .web-table-box.most-clicked-link .most-clicked-box{position:absolute;top:-10px;left:-6px;padding:5px}.web-table-contents .web-table-box.most-clicked-link .most-clicked-box::before{font-family:boxicons;content:"\eb5a";position:absolute;left:2px;top:8px;z-index:1;user-select:none;font-size:30px;font-weight:600;color:var(--success)}.web-table-contents .web-table-box.most-clicked-link{border-color:var(--success)}.web-table-contents .web-table-box.pinned-link .pinned-box{position:absolute;top:-12px;right:6px;user-select:none;padding:5px;color:var(--white);background-color:var(--primary-color);border-radius:5px;font-size:10px;font-weight:500}.web-table-contents .web-table-box .web-table-box-details{display:flex;flex-direction:column;gap:20px}.web-table-contents .web-table-box .web-table-box-details button{display:flex;align-items:center;gap:10px;padding:10px;border-radius:5px;border:1px solid var(--black);background-color:transparent}body.dark .web-table-contents .web-table-box .web-table-box-details button{color:var(--white);border-color:var(--success)}.web-table-contents .web-table-box .web-table-box-details p:not(p.highlighting){display:flex;align-items:center;font-size:13px;flex-wrap:wrap;transform:var(--trans-04);gap:10px}.web-table-contents .web-table-box .web-table-box-details p.long_url{user-select:none;pointer-events:none}.web-table-contents .web-table-box .web-table-box-details p i{font-size:inherit}.web-table-contents .web-table-box .web-table-box-details p.highlighting{font-size:13px}.web-table-contents .web-table-box .web-table-box-details p.highlight{display:inline-flex}.web-table-contents .web-table-box .web-table-box-details a{font-size:15px;font-weight:600;color:var(--primary-color)}.web-table-contents .web-table-box .web-table-box-details p span:not(span.highlight){color:var(--third-color);font-weight:500}.web-track-link-container{width:100%;display:flex;flex-direction:column;gap:10px;transition:var(--trans-03);padding:15px}.web-track-link-container .web-track-link-sub-container{width:100%;display:none;flex-direction:column;gap:20px;padding:20px;border:1.4px solid var(--second-color);border-radius:10px;transition:var(--cubic-transition);animation:swapp .3s}.track-container #track_selects{display:flex;align-items:center;flex-wrap:wrap;gap:15px}@keyframes swapp{0%{transform:translateY(0)}50%{transform:translateX(-10px)}100%{transform:translateY(0)}}.web-track-link-container .web-track-link-sub-container.active{transition:var(--cubic-transition);display:flex}.web-track-link-container .web-track-link-sub-container.swapp-manager{display:flex;flex-direction:row!important}.web-track-link-container .web-track-link-sub-container.swapp-manager ul{list-style:none;display:flex;justify-content:space-between;width:100%;gap:5px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:thin}.web-track-link-container .web-track-link-sub-container.swapp-manager li{display:flex;align-items:center;gap:5px;font-size:.78rem;white-space:nowrap;padding:7px 20px;border-radius:30px;border:1px solid #d8d5f2;cursor:pointer;user-select:none;flex-grow:1;transition:var(--trans-03)}.web-track-link-container .web-track-link-sub-container.swapp-manager ul li.active,.web-track-link-container .web-track-link-sub-container.swapp-manager ul li:hover{background-color:var(--primary-color);color:var(--white)}.web-track-link-container .web-track-link-sub-container .web-track-link-sub-container-title{display:flex;align-items:center;gap:10px;padding:14px;border:1.4px dashed var(--second-color);border-radius:10px}.web-track-link-container .web-track-link-sub-container .web-track-link-sub-container-title h2,.web-track-link-container .web-track-link-sub-container .web-track-link-sub-container-title span.material-symbols-rounded{font-weight:500;font-size:15px}.web-track-link-container .web-track-link-sub-container .web-track-link-sub-container-title span.material-symbols-rounded{padding:10px;border-radius:50%;text-align:center;background-color:var(--dark);color:#fff}.web-track-link-container .web-track-link-sub-container .web-track-link-sub-container-box .web-track-link-sub-container-box-line{content:'';position:absolute;top:0;bottom:0;left:0;width:100%;min-height:100px;background-color:var(--third-color);z-index:1;opacity:.5}.web-track-link-container .web-track-link-sub-container .web-track-link-sub-container-box{min-width:250px;flex-grow:1;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 0;border-radius:5px;overflow:hidden;border:1.5px dashed var(--third-color);font-size:13px;height:50px;position:relative}.web-track-link-container .web-track-link-sub-container .web-track-link-sub-container-box img{width:60px;height:50px;object-fit:cover;z-index:2}.web-track-link-container .web-track-link-sub-container .web-track-link-sub-container-box span.fi{width:60px;position:absolute;scale:1.1;height:100%;background-position:100%;min-height:50px;z-index:2}.web-track-link-container .web-track-link-sub-container .web-track-link-sub-container-box span.material-symbols-rounded{padding:20px;font-size:25px;z-index:2}.web-track-link-container .web-track-link-sub-container .web-track-link-sub-container-box b{font-weight:500;padding:0 20px;width:100%;margin-left:70px;z-index:3}.web-track-link-container .web-track-link-sub-container .web-track-link-sub-container-box p{text-wrap:nowrap;z-index:3}.web-track-link-container .web-track-link-sub-container .web-track-link-sub-container-main-box{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.web-table-contents .web-table-box .web-table-box-details button.delete{color:var(--white);background-color:red;border:0}.web-table-contents .web-table-box .web-table-box-details button.delete{color:var(--white);background-color:red;border:0}.overlay{position:fixed;top:0;bottom:0;left:0;width:100%;height:100%;z-index:99999;backdrop-filter:blur(7px);display:none;flex-direction:column;align-items:center;gap:10px;padding:100px 20px 20px;overflow:hidden;overflow-y:auto;animation:overlay .2s linear}.overlay.active{display:flex}body:has(.overlay.active){overflow:hidden}@keyframes overlay{0%{transform:scale(1.1)}}.web-loading{position:relative;overflow:hidden;pointer-events:none;cursor:wait}.web-loading.sub-loading{max-height:300px!important}.web-loading::after{background-color:var(--white);width:100%;height:100%;position:absolute;content:'';top:0;left:0;z-index:1}body.dark .web-loading::after{background-color:var(--light)}.web-loading::before{content:'';border:3px solid var(--white);border-top:3px solid var(--third-color);border-bottom:3px solid var(--second-color);width:25px;height:25px;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%;z-index:2;animation:spin 1s linear infinite}body.dark .web-loading::before{border:3px solid var(--light);border-top:3px solid var(--third-color);border-bottom:3px solid var(--second-color)}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.web-loading.preloader{width:100%;height:100%;position:fixed;top:0;left:0;background-color:var(--white);z-index:calc(var(--toast-index) * 2);transition:all .75s ease;pointer-events:all;cursor:wait}.web-loading.hidden{opacity:0;pointer-events:none}.web-total{transition:all .75s ease}form .qr-container{display:flex;justify-content:center;align-items:center;padding:20px}form .qr-container img{align-self:center}.highlight{color:var(--second-color);font-weight:700;text-transform:none}.web-accordion{width:100%;margin:0 15px;padding:15px;border-radius:7px;display:flex;flex-direction:column;gap:10px}.web-accordion .accordion-title{text-align:center;margin-bottom:15px}.web-accordion .web-accordion-content{border-radius:4px;border:1px solid var(--gray-color);overflow:hidden}.web-accordion-content.open{padding-bottom:10px}.web-accordion-content header{display:flex;min-height:50px;padding:0 15px;cursor:pointer;align-items:center;justify-content:space-between;transition:all .2s linear}.web-accordion-content.open header{min-height:35px}.web-accordion-content.open{border:2px solid var(--third-color)}body.dark .web-accordion-content.open{border-color:var(--second-color)}.web-accordion-content header .title{font-size:14px;font-weight:500}.web-accordion-content header i{font-size:20px;font-weight:500;transition:var(--cubic-transition)}.web-accordion-content.open header i{transform:rotate(180deg)}.web-accordion-content .description{height:0;font-size:12px;padding:0 15px;transition:var(--trans-04);text-align:start!important}.web-accordion-content .description.active{height:fit-content;margin-bottom:5px}.web-accordion-content .description ol,.web-accordion-content .description ul{padding-left:30px;margin:10px 0}body.dark .web-accordion-content .description strong{color:var(--second-color)}.web-accordion-content .description a,body.dark .web-accordion-content .description a strong{color:var(--primary-color)}.web-accordion-content .description span{color:var(--third-color)}.web-accordion-content .description a:hover{text-decoration:underline}.web-accordion-content .description span.error{color:var(--danger)}@media screen and (max-width:1000px){.web-header{padding:8px}.web-header .get-started a,.web-header .web-header-links{display:none}.web-header .get-started i.bx-x,.web-header .get-started i.uil-bars{display:block;font-size:20px}.web-section .sub-section .sub-section-totals .sub-section-totals-box{width:100%}.web-terms-privacy{padding:10px 10px}.mobile-section.active{transform:none}.web-section .sub-section{text-align:center;flex-direction:column;margin-bottom:60px;gap:20px;align-items:center}.web-section{padding:10px}.web-section .sub-section .sub-section-text,.web-section .sub-section img{width:100%}.web-section .sub-section img{width:90%}.web-section .sub-section .sub-section-text{justify-content:center;align-items:center}.web-section .sub-section .sub-section-text button{margin:20px auto}footer{padding:20px}footer .web-footer-contents{flex-direction:column;align-items:start;gap:20px}.sidebar.close .logo-name span.material-symbols-rounded{display:none}.sidebar .logo-name span.material-symbols-rounded{display:block;position:absolute;top:30px;right:15px;cursor:pointer;user-select:none}.web-table-contents .web-table-box{width:100%}.web-section .sub-section{min-height:30vh}.web-table-contents{flex-direction:column}.web-payments .web-payments-box .payment-money-button button{padding:10px}.web-user-settings form{max-width:100%}.web-track-link-container{padding:0}.content main{padding:15px}.web-section .sub-section:nth-child(1){margin-top:60px}.web-user-track{grid-template-columns:1fr}.content main .bottom-data .header .header-box{flex-direction:column;gap:10px;padding:0;align-items:normal}.web-search-box{max-width:100%}.web-search-box .search-box,.web-search-box .search-box input{max-width:100%}.content main .bottom-data>div{padding:10px}.web-table{padding:0}form{max-width:77vh}}.web-share-box{width:100%;max-width:500px;background-color:var(--light);box-shadow:var(--box-shadow);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:20px}body.dark .web-share-box .share-social-media-icons button i.fa-ellipsis{background-color:var(--gray-color);color:var(--black)}.web-share-box .share-title{font-size:18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px;color:var(--white);background-color:var(--third-color);border-radius:5px}.web-share-box .share-social-media-icons{display:flex;align-items:center;justify-content:space-around;gap:10px;padding:10px;border-radius:5px;overflow-x:hidden;transition:var(--trans-03)}.web-share-box .share-input input{padding-right:40px}.web-share-box .share-social-media-icons.dragging{cursor:grabbing}.web-share-box .share-social-media-icons.dragging a{pointer-events:none}.web-share-box .share-social-media-icons .media-item small{font-size:10px;white-space:nowrap;display:inline-block}.web-share-box .share-social-media-icons .media-item small::first-letter{color:var(--third-color);font-weight:700}.web-share-box .share-social-media-icons .media-item{text-align:center;transition:var(--trans-03)}.web-share-box .share-social-media-icons button{transition:var(--trans-03);background-color:transparent}.web-share-box .share-social-media-icons button i{width:50px;height:50px;border-radius:50%;background-color:var(--third-color);display:flex;justify-content:center;align-items:center;font-size:23px;color:var(--white);transition:var(--cubic-transition)}.web-share-box .share-social-media-icons button i:hover{transform:scale(1.07)}.web-share-box .share-social-media-icons button i.fa-ellipsis{background-color:var(--dark)}.web-share-box .share-social-media-icons button i.fa-facebook-f{background-color:#3b5998}.web-share-box .share-social-media-icons button i.fa-x-twitter{background-color:var(--black)}.web-share-box .share-social-media-icons button i.fa-whatsapp{background-color:#25d366}.web-share-box .share-social-media-icons button i.fa-linkedin-in{background-color:#0077b5}.web-share-box .share-social-media-icons button i.fa-telegram{background-color:#0077b5}.web-share-box .share-social-media-icons button i.fa-reddit{background-color:var(--error)}.web-share-box .share-social-media-icons button i.fa-envelope{background-color:#575757}.web-share-box .share-social-media-icons button i.fa-threads{background-color:var(--white);color:var(--black)}.web-share-box .share-social-media-icons button i.fa-facebook-messenger{background-color:#0078ff}.web-share-box .share-input{width:100%;display:flex;align-items:center;position:relative}.web-share-box .share-input i{position:absolute;right:20px;color:var(--gray-color)}.web-vid-player-container,.web-vid-player-container .options,.web-vid-player-container .video-controls,.web-vid-player-container .video-timer{display:flex;align-items:center;justify-content:center}.web-vid-player-container{width:100%;min-width:740px;max-width:70vw;max-height:90vh;user-select:none;background:var(--black);aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:10px}.web-vid-player-container.fullscreen{max-width:100%;width:100%;height:100vh;border-radius:0}.web-vid-player-container .wrapper{position:absolute;left:0;right:0;z-index:1;opacity:0;bottom:-15px;transition:var(--cubic-transition);align-self:flex-end;pointer-events:none;min-width:100%}.web-vid-player-container.show-controls .wrapper{opacity:1;bottom:0;transition:var(--trans-03);pointer-events:auto;z-index:100}.web-vid-player-container .wrapper::before{content:"";bottom:0;width:100%;z-index:-1;position:absolute;height:calc(100% + 35px);pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.web-vid-player-container.show-controls .video-timeline{margin-bottom:0}.web-vid-player-container .video-timeline{height:7px;width:100%;cursor:pointer}.web-vid-player-container .video-timeline .progress-area{height:3px;position:relative;background:var(--overlay-back)}.web-vid-player-container .web-vid-controls-settings{position:absolute;bottom:70px;right:25px;background-color:var(--light);min-width:150px;padding:5px;border-radius:10px;display:flex;flex-direction:column;gap:5px;transform:translateY(20%);opacity:0;pointer-events:none;transition:var(--cubic-transition);max-height:300px;overflow-x:auto;scrollbar-width:none}.web-vid-player-container .web-vid-controls-settings.active{transform:translateY(0);opacity:1;pointer-events:all}@media screen and (max-width:740px){.web-vid-player-container .web-vid-controls-settings{max-height:200px}}.web-vid-player-container .web-vid-controls-settings .controls-box{width:100%;display:flex;align-items:center;justify-content:space-between;transition:var(--trans-04);padding:10px;border-radius:inherit;cursor:pointer;gap:15px}.web-vid-player-container .web-vid-controls-settings .keyboard_sc_box{display:none;flex-direction:column;gap:5px;border-radius:inherit;padding:0;height:0%;scrollbar-width:none}.web-vid-player-container .web-vid-controls-settings .keyboard_sc_box.active{padding:5px;display:flex;min-height:300px;overflow:auto;border:1px dashed var(--third-color)}.web-vid-player-container .web-vid-controls-settings .keyboard_sc_box .controls-box{border-radius:10px}.web-vid-player-container .web-vid-controls-settings .controls-box span{font-weight:500;color:var(--third-color);font-size:14px;margin-right:10px;transition:var(--cubic-transition)}.web-vid-player-container .web-vid-controls-settings .controls-box.keyboard_sc.active span{transform:rotate(-180deg)}.web-vid-player-container .web-vid-controls-settings .controls-box p{display:flex;align-items:center;gap:10px;text-wrap:nowrap;flex-wrap:nowrap}.web-vid-player-container .web-vid-controls-settings .controls-box p i{color:var(--primary-color);margin-top:2px;font-size:17px}.web-vid-player-container .web-vid-controls-settings .controls-box.keyboard_sc.active,.web-vid-player-container .web-vid-controls-settings .controls-box:hover{background-color:var(--gray-color);color:var(--black)}.web-vid-player-container .web-vid-controls-settings hr{background-color:var(--gray-color)}.web-vid-player-container .web-vid-controls-settings .controls-box.active article{background-color:var(--primary-color)}.web-vid-player-container .web-vid-controls-settings .controls-box .controls-text{font-weight:500;font-size:14px;user-select:none}.web-vid-player-container .web-vid-controls-settings .controls-box article{width:45px;border-radius:10px;background-color:var(--grey);height:100%;min-height:20px;cursor:pointer;position:relative;transition:var(--trans-04)}.web-vid-player-container .web-vid-controls-settings .controls-box.active article::before{background-color:var(--grey);transform:translate(24px,-50%)}.web-vid-player-container .web-vid-controls-settings .controls-box article::before{content:"";position:absolute;top:50%;left:3px;border-radius:50px;transform:translateY(-50%);width:16px;height:16px;background-color:var(--primary-color);box-shadow:var(--box-shadow);transition:var(--trans-03)}.web-vid-player-container .video-timeline .progress-area::before{width:var(--buffered-width);position:absolute;content:'';height:100%;background-color:var(--white);transition:var(--trans-05);opacity:.5}.web-vid-player-container .progress-area .progress-thumb span{font-size:13px;color:var(--second-color);font-weight:500;text-wrap:nowrap}.web-vid-player-container .progress-area .progress-thumb{position:absolute;left:50%;top:-115px;transform:translateX(-50%);background-color:var(--dark);opacity:0;width:150px;height:100px;border-radius:5px;pointer-events:none;display:flex;flex-direction:column;align-items:center;padding:5px;z-index:10}.web-vid-player-container .progress-area .progress-thumb img{width:100%;height:73px;object-fit:contain;border-radius:5px;margin-bottom:3px;background-color:var(--black)}.web-vid-player-container .progress-area span::before{content:'';width:16px;height:16px;position:absolute;bottom:-6px;background-color:inherit;left:50%;transform:translateX(-50%) rotate(45deg);z-index:-1}.web-vid-player-container .progress-area .progress-bar{width:0%;height:100%;position:relative;background:var(--third-color);transition:var(--trans-03)}.web-vid-player-container .progress-bar::before{content:"";right:-6px;top:50%;height:13px;width:13px;position:absolute;border-radius:50%;background:var(--third-color);transform:translateY(-50%);transition:var(--trans-03)}.web-vid-player-container .progress-area .progress-thumb,.web-vid-player-container .progress-bar::before{opacity:0;pointer-events:none}.web-vid-player-container .video-timeline:hover .progress-bar::before,.web-vid-player-container .video-timeline:hover .progress-thumb{opacity:1;pointer-events:all}.web-vid-player-container .wrapper .video-controls{padding:5px 20px 10px;margin:0}.web-vid-player-container .wrapper .video-controls li{margin:0}.web-vid-player-container .top-controls{border-radius:inherit}.web-vid-player-container .video-title{width:75%;position:absolute;top:17px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;margin-left:25px;color:var(--white);text-shadow:1px 1px 4px rgba(0,0,0,.2);left:7px;transition:var(--trans-04);opacity:0;pointer-events:none;overflow:hidden;font-size:17px;font-weight:700}.web-vid-player-container.show-controls .video-title{opacity:1}.web-vid-player-container:has(.vid-player-status) .video-title{transform:translateX(80px)}.web-vid-player-container .video-controls .options{width:100%}.web-vid-player-container .video-controls .options:first-child{justify-content:flex-start}.web-vid-player-container .video-controls .options:last-child{justify-content:flex-end}.web-vid-player-container .options button{height:40px;width:40px;font-size:19px;border:none;cursor:pointer;background:0 0;color:#efefef;border-radius:3px;transition:all .3s ease}.web-vid-player-container .options button :where(i,span){height:100%;width:100%;line-height:40px}.web-vid-player-container .options button:hover :where(i,span){color:#fff}.web-vid-player-container .options button:active :where(i,span){transform:scale(.9)}.web-vid-player-container .options button span{font-size:23px}.web-vid-player-container .options button i.active,.web-vid-player-container .options button span.active{color:var(--primary-color)}.web-vid-player-container .options input[type=range]{width:100%;box-sizing:content-box;height:3px;margin-left:3px;max-width:75px;padding:0;border-radius:5px;accent-color:var(--third-color);outline:0;border:0;position:relative;background:var(--dark-grey);color:var(--white);display:none;transition:var(--trans-03)}.web-vid-player-container .options .volume-box.volume_over input[type=range]{display:block}.web-vid-player-container .options .volume-box{display:flex;align-items:center;gap:5px}.web-vid-player-container .options .video-timer{color:#efefef;margin-left:15px;font-size:14px;text-wrap:nowrap}.web-vid-player-container .video-timer .separator{margin:0 5px;font-size:16px}.web-vid-player-container .playback-content{display:flex;position:relative}.web-vid-player-container .playback-content .speed-options{position:absolute;list-style:none;left:-40px;bottom:40px;width:100%;min-width:150px;overflow:hidden;opacity:0;border-radius:4px;pointer-events:none;background:rgba(255,255,255,.9);box-shadow:0 10px 20px rgba(0,0,0,.1);transition:opacity .13s ease}.web-vid-player-container .playback-content .speed-options.show{opacity:1;pointer-events:auto}.web-vid-player-container .speed-options li{cursor:pointer;color:#000;font-size:13px;margin:2px 0;padding:5px 0 5px 15px;transition:all .1s ease}.web-vid-player-container .speed-options li:where(:first-child,:last-child){margin:0}.web-vid-player-container .speed-options li:hover{background:#dfdfdf}.web-vid-player-container .speed-options li.active{color:#fff;background:var(--third-color)}.web-vid-player-container video{width:100%;max-width:none;max-height:none;height:100%;object-fit:contain;transition:var(--trans-03)}.web-vid-player-cen-ply-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:50px;height:50px;background-color:var(--third-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5}.web-vid-player-cen-ply-btn.active{transform:translate(-50%,-50%) scale(1)}.web-vid-player-cen-ply-btn button{font-size:25px;display:flex;align-items:center;justify-content:center;background-color:transparent;user-select:none;color:var(--white);cursor:pointer;pointer-events:none}.web-vid-player-cen-ply-btn:active{transform:translate(-50%,-50%) scale(.9)}.web-vid-player-container .lock-controls{position:absolute;top:10px;right:10px;background:0 0;cursor:pointer;z-index:10;font-size:20px;opacity:0;pointer-events:none;font-weight:700;color:var(--third-color);transition:var(--trans-03)}.web-vid-player-container .lock-controls.show,.web-vid-player-container.show-controls .lock-controls{opacity:1;pointer-events:all}.web-vid-player-container .lock-controls.active{color:var(--primary-color)}.web-vid-player-container .lock-controls.active:before{content:"\eb4b"}.web-vid-player-container .vid-player-status{position:absolute;top:5px;left:5px;background-color:var(--third-color);padding:10px 20px;color:var(--white);user-select:none;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:5px;font-size:15px;font-weight:500;border-radius:inherit;transition:var(--cubic-transition)}.web-vid-player-container .vid-player-status i,.web-vid-player-container .vid-player-status span{font-size:15px}@media screen and (max-width:740px){.web-vid-player-container .wrapper .video-controls{padding:3px 10px 7px}.web-vid-player-container{width:100%;min-width:100%;max-width:100%;max-height:100%}.web-vid-player-container .options input{display:none!important}.web-vid-player-container .options button{height:30px;width:30px;font-size:17px}.web-vid-player-container .options .video-timer{margin-left:5px}.web-vid-player-container .video-timer .separator{font-size:14px;margin:0 2px}.web-vid-player-container .options button :where(i,span){line-height:30px}.web-vid-player-container .options button span{font-size:21px}.progress-area span,.speed-options li,.web-vid-player-container .options .video-timer{font-size:12px}.web-vid-player-container .progress-area .progress-thumb{display:none!important}}body.dark .web-audio-player .wrapper{border:1px dashed var(--second-color)}.web-audio-player{min-width:450px;max-width:550px}.web-audio-player .wrapper{width:100%;padding:25px 30px;overflow:hidden;position:relative;border-radius:15px;background:var(--light)}.web-audio-player .wrapper .stars{position:absolute;width:2px;height:5px;border-radius:50%;background-color:var(--third-color);top:calc(1px * var(--y));left:calc(1px * var(--x));animation:move linear infinite;pointer-events:none}@keyframes move{0%{transform:translate(0,0) skew(0deg,0deg)}25%{transform:translate(-100vw,100vh) skew(-10deg,-10deg)}50%{transform:translate(100vw,-100vh) skew(10deg,10deg)}75%{transform:translate(-100vw,-100vh) skew(-10deg,10deg)}100%{transform:translate(0,0) skew(0deg,0deg)}}.web-audio-player .wrapper i{cursor:pointer}.web-audio-player .controls,.web-audio-player .progress-area .audio-timer,.web-audio-player .top-bar{display:flex;align-items:center;justify-content:space-between}.web-audio-player .top-bar{position:relative}.web-audio-player .top-bar span{font-size:14px;color:var(--lightblack);text-align:center;font-weight:500}.web-audio-player .top-bar .playback-content{position:relative}.web-audio-player .top-bar .playback-content ul{position:absolute;top:25px;width:100%;min-width:150px;left:0;overflow:hidden;opacity:0;border-radius:4px;pointer-events:none;background:var(--light);box-shadow:0 10px 20px rgba(0,0,0,.1);transition:opacity .13s ease;z-index:100}.web-audio-player .top-bar .playback-content ul.show{opacity:1;pointer-events:all}.web-audio-player .top-bar .playback-content i,.web-audio-player .top-bar .playback-content i span,.web-audio-player .top-bar i,.web-audio-player .top-bar i span{cursor:pointer;font-size:23px;color:var(--lightblack)}.web-audio-player .top-bar .speed-options li{cursor:pointer;color:var(--black);font-size:13px;margin:2px 0;padding:5px 0 5px 15px;transition:all .1s ease}body.dark .web-audio-player .top-bar .speed-options li{color:var(--white)}.web-audio-player .top-bar .speed-options li.active{background-color:var(--primary-color);color:var(--white);font-weight:500}.web-audio-player #visualizer{width:100%;margin-bottom:10px;height:15em;border-bottom:1px solid var(--third-color);padding-bottom:5px}.web-audio-player .audio-details{text-align:center;margin:30px 0}.web-audio-player .audio-details p{color:var(--lightblack)}.web-audio-player .audio-details .name{font-size:15px;font-weight:500}.web-audio-player .audio-details .artists{font-size:13px;font-weight:400;margin-top:10px}.web-audio-player .progress-area{height:6px;width:100%;border-radius:50px;background:#f0f0f0;cursor:pointer;position:relative}.web-audio-player .progress-area .progress-bar{height:inherit;width:0%;position:relative;border-radius:inherit;background:linear-gradient(90deg,var(--second-color) 0,var(--third-color) 100%)}.web-audio-player .progress-area span.progress-time{font-size:13px;color:var(--second-color);font-weight:500;text-wrap:nowrap;z-index:100;pointer-events:none;transform:translateX(-50%);position:absolute;left:50%;top:-45px;background-color:var(--dark);padding:7px;border-radius:5px;opacity:0}.web-audio-player .progress-area span.progress-time::before{content:'';width:16px;height:16px;position:absolute;bottom:-6px;background-color:inherit;left:50%;transform:translateX(-50%) rotate(45deg);z-index:-1}.web-audio-player .progress-bar::before{content:"";position:absolute;height:12px;width:12px;border-radius:50%;top:50%;right:-5px;z-index:2;opacity:0;pointer-events:none;transform:translateY(-50%);background:inherit;transition:opacity .2s ease}.web-audio-player .progress-area:active .progress-bar::before,.web-audio-player .progress-area:active span.progress-time,.web-audio-player .progress-area:hover .progress-bar::before,.web-audio-player .progress-area:hover span.progress-time{opacity:1;pointer-events:auto}.web-audio-player .progress-area .audio-timer{margin-top:5px;pointer-events:none}.web-audio-player .audio-timer span{font-size:13px;color:var(--lightblack);user-select:none}.web-audio-player .controls{margin:40px 0 5px 0;position:relative}.web-audio-player .controls i{font-size:23px;user-select:none;background:linear-gradient(var(--second-color) 0,var(--third-color) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.web-audio-player .controls #prev{margin-right:-13px}.web-audio-player .controls #next{margin-left:-13px}.web-audio-player .controls input[type=range]{width:80px;accent-color:var(--third-color);padding:0;border:none;border-radius:5px;height:3px;display:none;outline:0;background:var(--dark-grey);box-sizing:content-box;color:var(--white)}.web-audio-player .controls .volume-box{display:flex;align-items:center;gap:15px}.web-audio-player .controls .volume-box.active input[type=range]{display:block}.web-audio-player .controls .play-pause{height:54px;width:54px;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 0 5px var(--third-color);background-color:var(--gray-color)}.web-audio-player .play-pause::before{position:absolute;content:"";height:43px;width:43px;border-radius:inherit;background:linear-gradient(var(--third-color) 0,var(--third-color) 100%)}.web-audio-player .play-pause i{height:43px;width:43px;line-height:43px;text-align:center;background:inherit;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:absolute}.web-audio-player .header .row{display:flex;align-items:center;font-size:19px;color:var(--lightblack)}.web-audio-player .header .row i{cursor:default}.web-audio-player .header .row span{margin-left:5px}.web-audio-player .header #close{font-size:22px;color:var(--lightblack)}@media screen and (max-width:540px){.overlay:has(.web-audio-player){padding:0}.web-files-gallery-preview .web-files-gallery-preview-section{padding:0;background-color:transparent}.web-audio-player,.web-audio-player .wrapper{min-width:100%;min-height:100vh;border-radius:0;border:0}.web-audio-player .wrapper{display:flex;flex-direction:column;gap:10px;justify-content:space-between}}.web-yt-downlaoder{width:100%}.web-yt-downlaoder .container{width:100%;padding:10px}.web-yt-downlaoder .section-download{padding-left:1.25rem;padding-right:1.25rem}.web-yt-downlaoder .section-download .download-box{position:relative}.web-yt-downlaoder .container{display:flex;flex-direction:column;gap:25px}.web-yt-downlaoder .download-note{margin-top:25px;display:flex;align-items:center;justify-content:center;gap:5px}.web-yt-downlaoder .download-note i{color:var(--third-color)}.web-yt-downlaoder .download-note p{font-style:italic}@media (min-width:1024px){.web-yt-downlaoder .section-download{padding-left:0;padding-right:0}}.web-yt-downlaoder .section-download .download-box .wrapper{display:flex;flex-direction:column;align-items:center}@media (min-width:1024px){.web-yt-downlaoder .section-download .download-box .wrapper{flex-direction:row;padding-right:1.25rem;background-color:var(--light);border:1px dashed var(--third-color);border-radius:10px}}.web-yt-downlaoder .section-download .download-box .input-url{width:100%}@media (min-width:1024px){.web-yt-downlaoder .section-download .download-box .input-url{width:inherit;flex:1 1 0%}}.web-yt-downlaoder .section-download .download-box .input-url{background-color:transparent;font-size:1rem;line-height:1.5rem;font-weight:500;color:var(--black)}body.dark .web-yt-downlaoder .section-download .download-box .input-url{color:var(--white)}.web-yt-downlaoder .section-download .download-box .input-url{height:56px}@media (min-width:1024px){.web-yt-downlaoder .section-download .download-box .input-url{height:88px;border:0;outline:0}}.web-yt-downlaoder .section-download .download-box .input-url{border-radius:inherit}@media screen and (max-width:1024px){.web-yt-downlaoder .section-download .download-box .input-url{border:1px solid var(--third-color)}}.web-yt-downlaoder .section-download .download-box .input-url{padding-left:27px;padding-right:27px}body.dark .web-yt-downlaoder .section-download .download-box .input-url{background-color:rgb(25 26 29)}body.dark .web-yt-downlaoder .section-download .download-box .input-url{border-color:rgb(40 41 44)}.web-yt-downlaoder .section-download .download-box .button-group{display:flex;flex-direction:row;align-items:center;border-radius:10px;width:100%}@media (min-width:1024px){.web-yt-downlaoder .section-download .download-box .button-group{width:inherit;flex:none}}.web-yt-downlaoder .section-download .download-box .button-group{margin-top:1.25rem}@media (min-width:1024px){.web-yt-downlaoder .section-download .download-box .button-group{margin-top:0}}.web-yt-downlaoder .section-download .download-box .button-group{position:relative}.web-yt-downlaoder .section-download .download-box .btn-download,.web-yt-downlaoder .section-download .download-box .btn-quality{position:relative;height:46px;width:50%}@media (min-width:1024px){.web-yt-downlaoder .section-download .download-box .btn-download,.web-yt-downlaoder .section-download .download-box .btn-quality{width:153px}}.web-yt-downlaoder .section-download .download-box .btn-download,.web-yt-downlaoder .section-download .download-box .btn-quality{display:flex;flex:none;align-items:center;justify-content:center;background-color:var(--third-color);transition:var(--trans-03)}.web-yt-downlaoder .section-download .download-box .btn-download:hover,.web-yt-downlaoder .section-download .download-box .btn-quality:hover{background-color:var(--primary-color)}.web-yt-downlaoder .section-download .download-box .btn-download,.web-yt-downlaoder .section-download .download-box .btn-quality{font-size:.9rem;line-height:1.5rem;font-weight:500;color:var(--white);display:flex;flex-direction:row;gap:.5rem;cursor:pointer}.web-yt-downlaoder .section-download .download-box .btn-download i,.web-yt-downlaoder .section-download .download-box .btn-quality i{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.web-yt-downlaoder .section-download .download-box .btn-quality i{width:20px;height:20px;border-radius:2.5px;background-color:var(--white);color:var(--black);display:flex;align-items:center;justify-content:center;font-size:18px;overflow:hidden;text-overflow:ellipsis}.web-yt-downlaoder .section-download .download-box .btn-download.open-quality,.web-yt-downlaoder .section-download .download-box .btn-quality.open-quality{background-color:var(--primary-color)}.web-yt-downlaoder .section-download .download-box .btn-download.open-quality i,.web-yt-downlaoder .section-download .download-box .btn-quality.open-quality i{transform:rotate(180deg)}.web-yt-downlaoder .section-download .download-box .btn-quality{border-top-left-radius:10px;border-bottom-left-radius:10px}.web-yt-downlaoder .section-download .download-box .btn-quality:after{height:46px;width:1px;background-color:rgb(162 150 252);position:absolute;top:50%;right:0;content:"";--f-translate-y:-50%;transform:translate(0,0) rotate(0) skew(0) skewY(0) scaleX(0) scaleY(0)}.web-yt-downlaoder .section-download .download-box .btn-download{border-top-right-radius:10px;border-bottom-right-radius:10px}.web-yt-downlaoder .section-download .download-box .input-url:invalid~.button-group .btn-download{opacity:.5;pointer-events:none}.dropdown-group{position:absolute;top:70px;border-radius:10px;background-color:var(--light);transition:var(--trans-03);box-shadow:var(--box-shadow);min-width:230px;display:flex;align-items:center;justify-content:center;z-index:100}body.dark .dropdown-group{background-color:rgb(25 26 29)}.dropdown-group{padding:30px}.dropdown-group .dropdown-wrapper{display:flex;flex-direction:row;gap:2.25rem}.dropdown-group .quality-title{font-size:15px;font-weight:600;color:rgb(45 52 54)}body.dark .dropdown-group .quality-title{color:rgb(245 246 250)}.dropdown-group .quality-title{margin-bottom:15px}.dropdown-group .quality-list{display:flex;flex-direction:column;gap:15px}.dropdown-group.hidden{display:none}.dropdown-group .quality-list li{cursor:pointer;list-style-type:none;font-size:.75rem;line-height:1rem;font-weight:500;color:rgb(74 84 85);transition:var(--trans-03);margin:0}.dropdown-group .quality-list li.active,.dropdown-group .quality-list li:hover,body.dark .dropdown-group .quality-list li.active,body.dark .dropdown-group .quality-list li:hover{color:var(--third-color)!important}body.dark .dropdown-group .quality-list li{color:rgb(178 190 195)}.section .section-result-list{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%}.section .section-result-list .section-single-result{max-width:80vw}.section-result .tag-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}.section-result .tag-list a{display:inline-block;font-size:12px;font-weight:400;text-wrap:nowrap;white-space:nowrap}.section-result .tag-list a.deleteBox{margin-left:auto;border-color:var(--error);color:var(--white);background-color:var(--error)}.section-result .tag-list a.deleteBox:hover{background-color:transparent;color:var(--black)}body.dark .section-result .tag-list a.deleteBox:hover{color:var(--white)}.section-result .btn-download.error{background-color:var(--error)}@media (min-width:1024px){.section-result .tag-list a{font-size:15px}}.section-result .tag-list a{border-radius:20px;padding:9px 15px;border-width:1px;border:1px solid var(--third-color);color:var(--third-color)}.section-result .tag-list a:hover{background-color:var(--third-color);color:var(--white)}.section-result .video-details{display:flex;flex-direction:column;gap:1rem}@media (min-width:1024px){.section-result .video-details{gap:0}}.section-result .video-details .video-title{font-size:18px;font-weight:500;line-height:1.25;margin-top:20px;margin-bottom:20px}.section-result .video-details .video-title{color:rgb(45 52 54)}body.dark .section-result .video-details .video-title{color:rgb(245 246 250)}.section-result .video-details .video-url{font-size:12px;font-weight:400;margin-bottom:15px}@media (min-width:1024px){.section-result .video-details .video-url{font-size:15px}}.section-result .video-details .video-url{color:rgb(74 84 85)}body.dark .section-result .video-details .video-url{color:rgb(178 190 195)}.section-result .video-details .video-url span{font-weight:600;color:var(--third-color)}.section-result .video-details .btn-download,.section-result .video-details button{height:50px;overflow:hidden;border-radius:10px;background-color:var(--primary-color);font-size:15px;font-weight:700;color:var(--white);display:flex;width:100%;align-items:center;justify-content:center;gap:5px;position:relative;margin-bottom:10px}.section-result .video-details .btn-download:hover i{animation:download .5s ease infinite}@keyframes download{25%{margin-top:-5px}75%{margin-top:-10px}100%{margin-top:0}}.section-result .video-details .btn-download .progress,.section-result .video-details button .progress{position:absolute;top:0;left:0;height:100%;background-color:var(--third-color);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.section-result .video-details .btn-download span,.section-result .video-details button span{position:relative;display:flex;align-items:center;gap:.5rem}.section-result .video-details .btn-download.converting,.section-result .video-details .btn-download.finished{background-color:var(--primary-color)}.section-result .video-details .btn-download.converting .progress,.section-result .video-details .btn-download.finished .progress{width:100%}.section-result .video-details .btn-download.failed{background-color:var(--error)}.section-result .video-details .btn-download.failed .progress{display:none}.section-result .video-details .error-msg{font-size:15px;color:var(--error)}.section-single-result .result-container{padding:20px;max-width:98%;margin:auto;margin-bottom:10px;border:1.5px dashed var(--third-color)}.section-single-result .result-container{border-radius:12px}.section-single-result .result-content{display:flex;flex-direction:column;gap:1.5rem}@media (min-width:1024px){.section-single-result .result-content{flex-direction:row}}.section-single-result .result-content .video-thumb{flex:none;max-width:100%;display:flex;flex-direction:column;gap:10px}.section-single-result .result-content .video-thumb .img-box{display:flex;align-items:center;border-radius:13px;object-fit:cover;border:1.5px dashed var(--second-color);aspect-ratio:16/9;overflow:hidden}.section-single-result .result-content .video-thumb .buttons-box{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.section-single-result .result-content .video-thumb button{width:fit-content;background-color:var(--third-color);padding:10px 15px;border-radius:13px;color:var(--white);font-weight:500;flex-grow:1}.section-partners .partner-list{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:25px;margin:20px auto 100px auto;padding:50px 0}@media screen and (min-width:1024px){.section-partners .partner-list{padding:100px}}.section-partners .partner-list a{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--lightblack);font-size:14px}.section-partners .partner-list a .img-box{width:60px;height:60px;padding:10px;border-radius:5px;box-shadow:var(--box-shadow);background-color:var(--light)}.section-partners .partner-list a img{width:100%;border-radius:inherit}.parteners-header{display:flex;flex-direction:column;align-items:center;padding-top:40px}.parteners-header h1{font-weight:500;font-size:20px}.section-partners .partner-list svg{color:rgb(178 190 195);cursor:pointer}.section-partners .partner-list h1{user-select:none;cursor:pointer}.section-partners .partner-list a:hover,.section-partners .partner-list h1:hover,.section-partners .partner-list svg:hover{transform:scale(.95)}.section-partners .partner-list svg.youtube{color:red}.section-partners .partner-list svg.facebook{color:#3b5998}.section-partners .partner-list svg.twitter{color:var(--black)}.section-partners .partner-list svg.soundcloud{color:#f50}.section-partners .partner-list svg.imdb{color:#f5c942}.section-partners .partner-list svg.twitch{color:#9146ff}.section-partners .partner-list svg.tiktok{color:var(--black)}.section-partners .partner-list svg.vimeo{color:#1ab7ea}.section-partners .partner-list a,.section-partners .partner-list h1,.section-partners .partner-list svg{transition:var(--cubic-transition)}.section-single-result .result-content .video-thumb img{max-height:75vh;width:100%;object-fit:cover;transition:var(--cubic-transition)}@media screen and (min-width:1024px){.section-single-result .result-content .video-thumb{max-width:450px}}.section-single-result--placeholder .result-container{background-color:var(--light);margin:auto;cursor:progress}body.dark .section-single-result--placeholder .result-container{background-color:rgb(25 26 29)}.section-single-result--placeholder .result-container{border-radius:13px;padding:1.5rem 1.25rem}.section-single-result--placeholder .result-content{display:flex;flex-direction:column;align-items:normal;gap:1.5rem}@media (min-width:1024px){.section-single-result--placeholder .result-content{flex-direction:row}}@keyframes pulse{50%{opacity:.5}}.section-single-result--placeholder .result-content{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.section-single-result--placeholder .result-content .video-details-placeholder{flex:1 1 0%;display:flex;flex-direction:column;justify-content:start;gap:20px}.section-single-result--placeholder .result-content .video-thumb-placeholder{max-width:400px;min-height:200px;display:flex;flex-direction:column;gap:10px;border-radius:13px}.section-single-result--placeholder .result-content .video-thumb-placeholder-img-box{width:100%;min-height:200px;max-height:250px;display:flex;align-items:center;justify-content:center;background-color:rgb(229 231 235);border-radius:13px}.section-single-result--placeholder .result-content .video-thumb-placeholder .buttons-box{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.section-single-result--placeholder .result-content .video-thumb-placeholder button{width:fit-content;background-color:rgb(229 231 235);padding:10px 15px;border-radius:13px;color:var(--white);font-weight:500;flex-grow:1;color:transparent;user-select:none;pointer-events:none}.section-single-result--placeholder .result-content .tag-list-placeholder{height:2.75rem;width:33.333333%;border-radius:.375rem;background-color:rgb(209 213 219)}.section-single-result--placeholder .result-content .video-title-placeholder{display:block;height:2.75rem;width:100%;border-radius:.375rem;background-color:rgb(229 231 235)}.section-single-result--placeholder .result-content .video-url-placeholder{display:block;height:1rem;width:25%;border-radius:.375rem;background-color:rgb(209 213 219);margin-top:.5rem}.section-single-result--placeholder .result-content .btn-download-placholder{display:block;height:66px;width:100%;border-radius:18px;margin-top:.75rem;border-radius:.375rem;background-color:rgb(229 231 235);pointer-events:none}.section-single-result--placeholder .result-content .btn-download-placholder:last-child{margin-top:0}@media screen and (max-width:700px){.section-single-result--placeholder .result-content .video-thumb-placeholder{max-width:100%;width:100%}.section-single-result--placeholder .result-content .video-thumb-placeholder-img-box{max-height:300px}}.dark .section-single-result .result-container{box-shadow:0 4px 7.9px #0c101233,0 20px 37.6px #0c10121a}.section-playlist-result{padding-left:15px;padding-right:15px;transition:var(--cubic-transition)}@media (min-width:1024px){.section-playlist-result{padding-left:0;padding-right:0}}.section-playlist-result .result-container{display:flex;flex-direction:column;gap:2rem}@media (min-width:1280px){.section-playlist-result .result-container{gap:4rem}}.section-playlist-result .result-container{border-radius:42px;background-color:var(--white)}body.dark .section-playlist-result .result-container{background-color:rgb(25 26 29)}.section-playlist-result .result-container{padding:1.25rem 1rem}@media (min-width:1280px){.section-playlist-result .result-container{padding-left:60px;padding-right:60px;padding-top:2.25rem;padding-bottom:72px}}.section-playlist-result .result-head{display:flex;flex-direction:column;gap:1rem}@media (min-width:1280px){.section-playlist-result .result-head{gap:30px}}.section-playlist-result .result-head .top-actions{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.section-playlist-result .result-head .toggle-list{cursor:pointer;width:2.25rem;height:2.25rem;flex:none;border-radius:50%;box-shadow:var(--box-shadow);transition:var(--cubic-transition);display:flex;align-items:center;justify-content:center;background-color:var(--white)}.section-playlist-result .result-head .toggle-list i{color:var(--third-color);font-size:20px;font-weight:500;transform:rotate(180deg)}.section-playlist-result.active .toggle-list i{transform:rotate(0)}body.dark .section-playlist-result .result-head .toggle-list{background-color:rgb(45 52 54)}.section-playlist-result .result-head .toggle-list i{max-width:100%;transition:var(--cubic-transition)}.section-playlist-result .result-head .playlist-title{font-family:'Franklin Gothic Medium','Arial Narrow',Arial,sans-serif;font-weight:600;font-size:21px}@media (min-width:1024px){.section-playlist-result .result-head .playlist-title{font-size:36px}}.section-playlist-result .result-head .playlist-title{color:rgb(45 52 54)}body.dark .section-playlist-result .result-head .playlist-title{color:rgb(245 246 250)}.section-playlist-result .playlist-content{height:0;overflow:hidden;transition:var(--cubic-transition)}.section-playlist-result .playlist-content .list-video{overflow:hidden;overflow-y:auto;max-height:381px}.section-playlist-result .playlist-content .list-video{padding-left:0;padding-right:0}@media (min-width:1280px){.section-playlist-result .playlist-content .list-video{padding-left:50px;padding-right:50px}}.section-playlist-result .playlist-content .list-video .video-item{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:1rem;border-bottom:2px solid var(--third-color);padding-bottom:1rem}.section-playlist-result .playlist-content .list-video .video-item:last-child{margin-bottom:0;border-bottom-width:0}.section-playlist-result .playlist-content .list-video .video-item .counter{font-weight:500;color:rgb(107 114 128);font-size:1.125rem;line-height:1.75rem;flex:none}.section-playlist-result .playlist-content .list-video .video-item img{aspect-ratio:16/9;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;max-width:124px;border-radius:5px;flex:none}.section-playlist-result .playlist-content .list-video .video-item .video-details{flex:1 1 0%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem}.section-playlist-result .playlist-content .list-video .video-item .video-details .video-title{color:rgb(45 52 54);margin-bottom:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}body.dark .section-playlist-result .playlist-content .list-video .video-item .video-details .video-title{color:rgb(245 246 250)}.section-playlist-result .playlist-content .list-video .video-item .video-details .video-url{font-weight:600;font-size:.75rem;line-height:1rem;margin-bottom:5px;display:flex;flex-wrap:nowrap;max-width:90%;gap:5px}@media (min-width:1024px){.section-playlist-result .playlist-content .list-video .video-item .video-details .video-url{font-size:15px}}.section-playlist-result .playlist-content .list-video .video-item .video-details .video-ur,.section-playlist-result .playlist-content .list-video .video-item .video-details .video-url span.item-url{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;color:rgb(74 84 85);overflow:hidden;white-space:nowrap}body.dark .section-playlist-result .playlist-content .list-video .video-item .video-details .video-url{color:rgb(178 190 195)}.section-playlist-result .playlist-content .list-video .video-item .video-details .video-url span{color:rgb(108 92 231);text-wrap:nowrap}body.dark .section-playlist-result .playlist-content .list-video .video-item .video-details .video-url span.item-url{color:rgb(178 190 195)}.section-playlist-result .playlist-content .list-video .video-item .button-playlist-group{width:100%;display:flex;gap:10px}@media (min-width:1280px){.section-playlist-result .playlist-content .list-video .video-item .button-playlist-group{width:auto}}.section-playlist-result .playlist-content .list-video .video-item .button-playlist-group{flex:none}@media (min-width:1280px){.section-playlist-result .playlist-content .list-video .video-item .button-playlist-group{flex:0 1 auto}}.section-playlist-result .playlist-content .list-video .video-item .button-playlist-group{display:flex;flex-direction:row;align-items:center;overflow:hidden;border-radius:5px;width:100%}@media (min-width:1024px){.section-playlist-result .playlist-content .list-video .video-item .button-playlist-group{width:inherit;flex:none}}.section-playlist-result .playlist-content .list-video .video-item .button-playlist-group{position:relative}.section-playlist-result .playlist-content .list-video .video-item button{position:relative;height:34px;width:50%}.section-playlist-result .playlist-content .list-video .video-item button.btn-child-delete{background-color:var(--error)}@media (min-width:1024px){.section-playlist-result .playlist-content .list-video .video-item button{width:114px}}.section-playlist-result .playlist-content .list-video .video-item button{display:flex;flex:none;align-items:center;justify-content:center;background-color:var(--third-color);transition:var(--cubic-transition)}.section-playlist-result .playlist-content .list-video .video-item button:hover{background-color:var(--primary-color)}.section-playlist-result .playlist-content .list-video .video-item button{font-size:.75rem;line-height:1rem;font-weight:700;color:rgb(255 255 255);display:flex;flex-direction:row;gap:.5rem;cursor:pointer;border-radius:0}.section-playlist-result .playlist-content .list-video .video-item button{border-radius:5px}.section-playlist-result.active .playlist-content{height:auto;overflow:auto}.dark .section-playlist-result .result-container,.dark .section-playlist-result .result-head .toggle-list{box-shadow:0 4px 7.9px #0c101233,0 20px 37.6px #0c10121a}.section-features .section-head{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.section-features .section-head .subtitle{font-size:3rem;font-weight:700;color:var(--third-color)}.section-features .section-head h2{font-size:2rem;font-weight:800;line-height:1.25}.section-features .section-head h2{color:rgb(45 52 54)}body.dark .section-features .section-head h2{color:rgb(245 246 250)}.section-features .section-body{padding-top:63px;margin-left:auto;margin-right:auto;display:grid;max-width:1110px;grid-template-columns:repeat(1,minmax(0,1fr));gap:21px}@media (min-width:768px){.section-features .section-body{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.section-features .section-body{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}}.section-features .feature-item{padding:20px}.section-features .feature-item{border-radius:20px}.section-features .feature-item{transition:var(--trans-04)}.section-features .feature-item{background-repeat:no-repeat;cursor:pointer;box-shadow:0 4px 7.9px #b2bec333,0 20px 37.6px #b2bec31a}.section-features .feature-item .feature-counter{width:60px;height:60px;background-color:var(--third-color);color:var(--white);font-size:33px;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:50%;line-height:1}.section-features .feature-item .feature-name{color:rgb(74 84 85)}body.dark .section-features .feature-item .feature-name{color:rgb(245 246 250)}.section-features .feature-item .feature-name{font-size:1.2rem;line-height:2rem;font-weight:600;margin-top:33px;margin-bottom:.75rem}.section-features .feature-item .feature-desc{color:rgb(74 84 85)}body.dark .section-features .feature-item .feature-desc{color:rgb(178 190 195)}.section-features .feature-item .feature-desc{font-size:.8rem;line-height:1.5rem;font-weight:300}.section-features .feature-item .feature-desc strong{font-weight:800}.section-features .feature-item:hover{background-color:var(--third-color);background-image:url(uploads/features-bg.svg);background-position:bottom right;background-size:50%;background-repeat:no-repeat;transform:scale(1.1)}.section-features .feature-item:hover .feature-counter{background-color:var(--white);color:rgb(45 52 54)}.section-features .feature-item:hover .feature-desc,.section-features .feature-item:hover .feature-name{color:var(--white)}body.dark .section-features .feature-item{box-shadow:0 4px 7.9px #0c101233,0 20px 37.6px #0c10121a}.web-youtube-search .container{display:flex;flex-direction:column}.web-youtube-search .main-layout{display:flex;min-height:50vh}.web-youtube-search .main-layout .content-wrapper{padding:0 16px;width:100%;min-height:50vh}.web-youtube-search .content-wrapper .category-list{display:flex;gap:12px;padding:12px 0 11px;background:var(--light);overflow:hidden}.web-youtube-search .content-wrapper:has(.dragging) .category-list{cursor:grabbing}.web-youtube-search .category-list .category-button{font-weight:500;font-size:.94rem;border-radius:7px;white-space:nowrap;padding:6px 12px;background:var(--grey);transition:var(--trans-03)}.web-youtube-search .content-wrapper:has(.dragging) .category-list .category-button{pointer-events:none}.web-youtube-search .category-list .category-button.active{color:var(--white);background:var(--third-color);pointer-events:none}.web-youtube-search .dark-mode .category-list .category-button.active{filter:brightness(120%)}body.dark .web-youtube-search .category-list .category-button{color:var(--white)}.web-youtube-search .category-list .category-button:not(.active):hover{background:var(--second-color)}.web-youtube-search .content-wrapper .shorts_videos .web-books-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.web-offline-videos{width:100%;height:100%;display:flex;flex-direction:column;gap:30px;padding:10px;transition:var(--trans-04)}.web-offline-videos .upload-container{width:100%;display:flex;flex-direction:column;gap:5px;gap:30px}.web-offline-videos .upload-container .upload-field{display:flex;flex-direction:column;gap:5px;font-size:15px;font-weight:500}.web-offline-videos .upload-container .upload-field input.error{border-color:var(--error)}.web-offline-videos .upload-container .thumbnail-box{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.web-offline-videos .upload-container .thumbnail-box video{max-width:600px;width:calc(100% / 2 - 10px);aspect-ratio:16/9;object-fit:contain;background-color:var(--black);border-radius:7px}.web-offline-videos .upload-container .thumbnail-box section{width:calc(100% / 2 - 10px);display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:5px}.web-offline-videos .upload-container .thumbnail-box section img{width:100%;border-radius:5px;background-color:var(--grey);height:150px;object-fit:contain;padding:10px;pointer-events:all;cursor:pointer;position:relative;border:2px solid transparent}.web-offline-videos .upload-container .thumbnail-box section img.selected{border-color:var(--third-color)}.web-offline-videos .upload-container .buttons{width:100%;display:flex;align-items:center;justify-content:center;gap:15px}.web-offline-videos .upload-container .buttons button{padding:10px 15px;border-radius:5px;background-color:var(--primary-color);color:var(--white);font-weight:500;transition:var(--trans-03);display:flex;align-items:center;gap:5px}.web-offline-videos .upload-container .buttons button:hover{transform:scale(.97)}.web-offline-videos .upload-container .buttons button#upload_btn{background-color:var(--third-color)}.web-offline-videos .upload-container .buttons button#cancel_btn{background-color:var(--error)}.web-offline-videos .web-books-container .web-books-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.web-offline-videos .sec-videos-list{width:100%;display:flex;flex-direction:column;gap:10px;padding-top:20px}.web-offline-videos .sec-videos-list h1.sec-videos-list-title{text-align:center;font-weight:500;font-size:1.2rem;position:relative;margin:auto}.web-offline-videos .sec-videos-list h1.sec-videos-list-title span{color:var(--second-color)}.web-offline-videos .sec-videos-list h1.sec-videos-list-title::before{content:'';position:absolute;bottom:-5px;background-color:var(--second-color);height:2px;width:50%;left:0;border-radius:5px}.web-offline-videos .sec-videos-list h1.sec-videos-list-title span::before{content:'';position:absolute;bottom:-5px;background-color:var(--third-color);height:2px;width:calc(50% - 3px);right:0;border-radius:5px}.web-offline-videos .storage-box{width:100%;display:flex;flex-direction:column;gap:10px}.web-offline-videos .storage-box p{font-size:16px}.web-offline-videos .storage-box p span{font-weight:500;color:var(--third-color)}.web-offline-videos .storage-box .progress{height:20px;width:100%;background-color:var(--grey);position:relative;align-items:center;display:flex;border-radius:5px;overflow:hidden;transition:var(--trans-03)}.web-offline-videos .storage-box .progress .progress-bar{position:absolute;width:0%;height:100%;background-color:var(--third-color);transition:var(--trans-03)}.web-offline-videos .storage-box .progress.high .progress-bar{background-color:var(--success)}.web-offline-videos .storage-box .progress.low .progress-bar{background-color:var(--error)}.web-offline-videos .storage-box .progress.medium .progress-bar{background-color:var(--second-color)}.overlay.playlist-select .select-option{width:100%;padding:10px;border:1.5px solid var(--second-color);cursor:pointer;user-select:none;text-align:center;font-size:13px;font-weight:500;border-radius:5px;transition:var(--trans-03)}.overlay.playlist-select .select-box{padding:10px 0;gap:10px}.overlay.playlist-select .select-option.active{border:none;background-color:var(--third-color);color:var(--white)}.overlay.playlist-select .select-option.add-button{background-color:var(--success);border:none;margin-top:15px;color:var(--white)}.overlay:has(.web-files-gallery-preview){padding:20px}.web-files-gallery-preview{display:flex;justify-content:center}.web-files-gallery-preview-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;background-color:var(--middle-grey);padding:10px;border-radius:10px}@media screen and (max-width :800px){.overlay .web-files-gallery-preview{position:absolute;top:0;left:0;width:100%;min-height:100vh;align-items:center;background-color:var(--light)}.web-files-gallery-preview-section{width:100%}}.web-files-gallery-preview-section small{color:var(--third-color);font-weight:500;user-select:none}.web-files-gallery-preview-section img{width:100%;max-width:fit-content;height:100%;object-fit:cover}.web-cloud-progress{width:100%;display:flex;flex-direction:column;gap:10px;margin:25px 0;overflow:hidden}.web-cloud-progress.hide{display:none}.web-cloud-progress .progress-box{width:100%;display:flex;flex-direction:column;gap:30px}.web-cloud-progress .progress-box .progress-title{font-weight:500;user-select:none;font-size:13px;text-wrap:nowrap}.web-cloud-progress .progress-box .progress-area{width:100%;background-color:var(--gray-color);height:15px;border-radius:3px;transition:var(--trans-03)}.web-cloud-progress .progress-box .progress-bar{width:.24%;background-color:var(--third-color);height:100%;border-radius:3px;position:absolute;transition:var(--trans-04)}.web-cloud-progress .progress-box .progress-bar.high{background-color:var(--error)}.web-cloud-progress .progress-box .progress-bar.low{background-color:var(--success)}.web-cloud-progress .progress-box .progress-bar.middle{background-color:var(--warning)}.web-cloud-progress .progress-box .progress-bar .progress-tooltip{min-width:25px;position:absolute;top:-27px;left:50%;background-color:var(--dark);border-radius:5px;font-size:10px;color:var(--white);font-weight:500;padding:2px 5px;z-index:2;animation:progress-tooltip .5s linear;text-wrap:nowrap;text-align:center}@keyframes progress-tooltip{0%{right:100%}}.web-cloud-progress .progress-box .progress-bar .progress-tooltip::before{content:"";position:absolute;bottom:-4px;left:50%;background-color:var(--dark);border-radius:3px;width:10px;height:10px;transform:translateX(-50%) rotate(45deg);z-index:-1}.web-cloud-progress .progress-area-box{width:100%;display:flex;position:relative}.web-books-container{width:100%;min-height:50vh;display:flex;flex-direction:column;gap:10px}.web-books-container .web-books-list{display:grid;gap:16px;padding:20px 0 64px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));min-height:50vh}.web-books-container .web-books-list:has(.web-books-card.video){grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.web-books-container .more-buttons{display:flex;align-items:center;gap:10px;justify-content:center}.web-books-container .more-buttons button{padding:8px 15px;border-radius:5px;color:var(--white);background-color:var(--third-color);font-weight:500}.web-books-container .web-books-list .web-books-card p{white-space:nowrap;font-size:.75rem;color:var(--dark)}.web-books-container .web-books-list .web-books-card p span{font-weight:700;color:var(--success)}.web-books-container .web-books-list .web-books-card p.duration{position:absolute;right:10px;bottom:12px;color:var(--light);font-size:10px;padding:0 5px;border-radius:7px;background:var(--dark)}@media (max-width:500px){.web-books-container .web-books-list{grid-template-columns:repeat(1,1fr)}.web-books-container .web-books-list .web-books-card p{font-size:12px}}.web-books-container .web-books-list .web-books-card{text-decoration:none;min-width:200px;border-radius:7px;position:relative}.web-books-container .web-books-list .web-books-card.show-book-card{border:2px solid var(--second-color);animation:shake 7s ease infinite}body.dark .web-books-container .web-books-list .web-books-card .thumbnail-container{background-color:var(--gray-color)}.web-books-container .web-books-list .web-books-card .thumbnail-container{position:relative;background:var(--grey);border-radius:7px;overflow:hidden;aspect-ratio:9/13}.web-books-container .web-books-list .web-books-card.video .thumbnail-container{aspect-ratio:16/9;cursor:pointer}.web-books-container .web-books-list .web-books-card .thumbnail{width:100%;height:100%;pointer-events:none}.web-books-container .web-books-list .web-books-card.video .thumbnail{object-fit:cover}.web-books-container .header-channel-info{width:100%;padding:20px 0 0 0}.web-books-container .header-channel-info h1{font-weight:500;font-size:16px}.web-books-container .web-books-list .web-books-card .book-info{display:flex;gap:11px;padding:11px 8px;flex-direction:column;overflow:visible}.web-books-container .web-books-list .web-books-card .thumbnail-container .watched-time{width:100%;position:absolute;bottom:0;background-color:var(--middle-grey);height:4px}.web-books-container .web-books-list .web-books-card .thumbnail-container .watched-time div{width:50%;height:100%;background-color:var(--danger);transition:var(--trans-04)}.web-books-container .web-books-list .web-books-card .book-info .book-details{display:flex;gap:10px;align-items:center;overflow:visible}.web-books-container .web-books-list .web-books-card .book-info .book-details .user-name{text-wrap:nowrap}.web-books-container .web-books-list .web-books-card .icon{width:36px;height:36px;border-radius:50%}.web-books-container .web-books-list .web-books-card .title{font-size:.9rem;font-weight:500;line-height:1.375;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;transition:var(--trans-03);cursor:text;-webkit-line-clamp:2}.web-books-container .web-books-list:has(.web-no-result){display:flex;align-items:center;justify-content:center}body.dark .web-books-container .web-books-list .web-books-card p{color:var(--dark-grey)}.web-books-container .web-books-list .web-books-card section.book-up-info{position:absolute;top:-6px;display:flex;align-items:center;gap:5px;border-radius:5px;z-index:1}.web-books-container .web-books-list .web-books-card section.book-up-info p{font-size:10px;padding:3px 5px;font-weight:500;background-color:var(--third-color);color:var(--white);border-radius:inherit}.web-books-container .web-books-list .web-books-card section.book-up-info p.fee{background-color:var(--second-color);color:var(--black)}.web-books-container .web-books-list .web-books-card section.book-up-info p.new{background-color:var(--success);color:var(--white)}.web-books-container .web-books-list .web-books-card section.book-up-info p.edited{background-color:var(--third-color);color:var(--white)}.web-books-container .web-books-list .web-books-card section.book-up-info p.pinned{background-color:var(--primary-color);color:var(--white)}.web-books-container .web-books-list .web-books-card .user-name{margin-bottom:2px;font-weight:500}.web-books-container .web-books-list .web-books-card .user-name.available{cursor:pointer;user-select:none}.web-books-container .web-books-list .web-books-card .user-name.available:hover{text-decoration:underline}.web-books-container .web-books-list .web-books-card .web-books-card-menu{position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none;border-radius:inherit}.web-books-container .web-books-list .web-books-card .web-books-card-menu .menu-toggle{position:absolute;right:0;top:0;background-color:var(--second-color);width:30px;height:30px;border-top-right-radius:7px;border-bottom-left-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--dark);pointer-events:all}body.dark .web-books-container .web-books-list .web-books-card .web-books-card-menu .menu-toggle{background-color:var(--second-color)}.web-books-container .web-books-list .web-books-card .web-books-card-menu .web-books-card-menu-box{position:absolute;left:50%;top:7px;transform:translate(-50%,7px);min-width:80%;max-width:90%;background-color:var(--light);padding:10px;border-radius:7px;transition:var(--trans-03);display:flex;flex-direction:column;gap:5px;opacity:0;pointer-events:none;box-shadow:var(--box-shadow);user-select:none;z-index:inherit}.web-books-container .web-books-list .web-books-card .web-books-card-menu:has(.web-books-card-menu-box.active){backdrop-filter:blur(7px)}.web-books-container .web-books-list .web-books-card:has(.web-books-card-menu-box.active) section.book-up-info{filter:blur(7px)}.web-books-container .web-books-list .web-books-card .web-books-card-menu .web-books-card-menu-box.active{opacity:1;pointer-events:all}.web-books-container .web-books-list .web-books-card .web-books-card-menu .web-books-card-menu-box button.delete-btn{background-color:var(--error);color:var(--white)}.web-books-container .web-books-list .web-books-card .web-books-card-menu .web-books-card-menu-box button{padding:10px;border-radius:inherit;display:flex;align-items:center;width:100%;font-weight:500;background-color:transparent;transition:var(--trans-04);gap:5px;flex-wrap:nowrap;text-wrap:nowrap;font-size:12px;color:var(--dark)}body.dark .web-books-container .web-books-list .web-books-card .web-books-card-menu .web-books-card-menu-box button{color:var(--white)}.web-books-container .web-books-list .web-books-card .web-books-card-menu .web-books-card-menu-box button span{margin-left:auto;color:var(--third-color)}.web-books-container .web-books-list .web-books-card .web-books-card-menu .web-books-card-menu-box button[disabled] i{color:var(--success)}.web-books-container .web-books-list .web-books-card .web-books-card-menu .web-books-card-menu-box button[disabled]{cursor:not-allowed}.web-books-container .web-books-list .web-books-card .web-books-card-menu .web-books-card-menu-box button:hover,.web-books-container .web-books-list .web-books-card .web-books-card-menu .web-books-card-menu-box button[disabled],body.dark .web-books-container .web-books-list .web-books-card .web-books-card-menu .web-books-card-menu-box button:hover,body.dark .web-books-container .web-books-list .web-books-card .web-books-card-menu .web-books-card-menu-box button[disabled]{background-color:var(--gray-color);color:var(--black)}.web-new-book{max-width:75%;display:flex;flex-direction:column;gap:10px}.web-new-book .web-cloud-progress{overflow:hidden;margin:0}.overlay:has(.web-new-book){padding:10px}.web-new-book form{max-width:100%;gap:20px}.web-new-book .web-new-book-boxes{display:flex;justify-content:space-between;flex-direction:row;width:100%;gap:30px}.web-new-book form input:not([type=file]):not(input[type=checkbox]){border-radius:5px;height:50px;font-size:15px}.web-new-book form input:focus,.web-new-book form input:valid{border-color:var(--third-color)}.web-new-book form input:invalid{border-color:var(--error)}.web-new-book form label{font-size:14px}.web-new-book form .web-new-book-upload{display:flex;flex-direction:column;gap:10px}.web-new-book form .web-new-book-upload input{display:none}.web-new-book form .web-new-book-upload img{aspect-ratio:9/13;background-color:var(--gray-color);border:0;max-height:calc(100vh - 100px);padding:0}.web-new-book form .web-new-book-upload button.upload{font-weight:500;color:var(--white);padding:10px;width:100%;text-wrap:nowrap;background-color:var(--primary-color);margin:10px 0;border-radius:10px}.web-new-book form .web-new-book-upload p.warn span{font-weight:500;color:var(--second-color)}.web-new-book form .web-new-book-upload p span.upload:hover{text-decoration:underline}.web-new-book form .web-new-book-upload p.warn{font-size:13px;color:var(--error)}.web-new-book .web-new-book-right .book_info{display:flex;flex-direction:column;gap:5px;margin:10px 0}.web-new-book .web-new-book-right .book_info label{font-size:13px}.web-new-book .web-new-book-right .book_info label span{font-weight:500;color:var(--third-color)}.web-new-book .web-new-book-right{width:70%;display:flex;flex-direction:column;gap:10px}@media screen and (max-width:767px){.web-new-book{max-width:95%}.web-new-book .web-new-book-right{width:100%}.web-new-book .web-new-book-boxes{flex-direction:column}.web-new-book form .web-new-book-upload img{max-width:100%;width:100%;max-height:calc(100vh - 100px)}}.ramadan-mubarak{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);pointer-events:none;user-select:none;animation:ramadan 1s forwards;text-wrap:nowrap;white-space:nowrap;font-size:25px}@keyframes ramadan{0%{transform:translate(-50%,-50%) scale(0);top:75%}100%{transform:translate(-50%,-50%) scale(1);top:25%}}@keyframes shake{0%{transform:translateX(-10px)}20%{transform:translateX(10px)}40%{transform:translateX(-10px)}80%{transform:translateX(10px)}100%{transform:translateX(0)}}.web-counter{width:100%;min-height:200px;display:flex;flex-wrap:wrap;justify-content:space-around;gap:15px;padding:10px}.web-counter.small{min-height:fit-content}.web-counter .counter-box{width:150px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;border-bottom:5px solid var(--third-color);border-radius:10px;user-select:none;position:relative}.web-counter.small .counter-box{width:70px;height:75px}.web-counter.small .counter-box span{font-size:9px}.web-counter.small .counter-box strong{font-size:27px}.web-counter .counter-box i{font-size:30px;color:var(--success)}.web-counter .counter-box strong{font-size:17px;white-space:nowrap}.web-counter .counter-box span{font-weight:500;font-size:11px;position:absolute;bottom:5px;left:50%;transform:translateX(-50%);white-space:nowrap}.overlay .web-book-tools{display:flex;flex-direction:column;gap:10px}.overlay .web-book-tools .tool-box{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:13px;border-bottom:1px solid var(--lightgray);padding-bottom:8px}.overlay .web-book-tools .tool-box button{padding:8px;border-radius:5px;transition:var(--trans-04);background-color:var(--third-color);color:var(--white);font-weight:500;font-size:12px}.overlay .web-book-tools .tool-box button:hover{text-decoration:underline}.content .bottom-data .orders:has([data-user-logs]){padding:10px}.web-user-logs{width:100%;display:flex;flex-direction:column;gap:10px;min-height:25vh;user-select:none}.web-user-logs.auto-height{min-height:fit-content}.web-user-logs .log-title{padding:10px;border-radius:10px;border:1px solid var(--primary-color)}.web-user-logs .log-title span{font-weight:600;color:var(--primary-color)}.web-user-logs .log-box{padding:10px;border:1px solid var(--primary-color);border-bottom-color:var(--success);border-bottom-width:2px;border-radius:10px;display:flex;flex-direction:column;gap:15px}.web-user-logs .log-box .log-item{font-size:14px;display:flex;align-items:center;gap:5px}.web-user-logs .log-box .log-item i{color:var(--third-color);border:2px solid var(--second-color);border-radius:50%;padding:5px;width:30px;height:30px;text-align:center}.web-user-logs .log-box .log-item b span{font-weight:400}body.dark .web-user-logs .log-box .log-item b{color:var(--second-color)}body.dark .web-user-logs .log-box .log-item b span{color:var(--white)}.web-file-converter{width:100%;display:flex;flex-direction:column;gap:20px;scrollbar-width:none}.web-file-converter .file-converter-container{display:none;flex-direction:column;gap:30px;padding-bottom:7px}.web-file-converter .file-converter-container .title{font-size:30px;text-align:center;color:var(--third-color);font-weight:800;text-transform:uppercase;display:flex;flex-direction:column;gap:10px;max-width:1024px;margin:auto}.web-file-converter .file-converter-container .title span{font-size:13px;font-weight:400;color:var(--lightblack)}.web-file-converter .file-converter-container.active{display:flex}.web-file-converter .file-converter-toggle{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.web-file-converter .file-converter-container .click-counter-box .web-user-logs button,.web-file-converter .file-converter-container .pdf-pages-preview .pdf-preview-box button,.web-file-converter .file-converter-container:has(.web-files-gallery-preview) button.cancel,.web-file-converter .file-converter-toggle button,.web-file-converter .file-upload-box button,.web-file-converter .image-preview .image-box button,.web-file-converter .image-type-selection .selection button{padding:10px;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:5px;font-weight:500;background-color:var(--lightgray);transition:var(--trans-03)}.web-file-converter .file-converter-container:has(.web-files-gallery-preview) button.cancel{color:var(--white)}.web-file-converter .file-converter-toggle button.active{background-color:var(--third-color);color:var(--white)}.web-file-converter .file-upload-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.web-file-converter .file-upload-container.flex-column{flex-direction:column}.web-file-converter .file-upload-container.flex-column .web-files-gallery-preview{flex-direction:column;gap:10px;align-items:center}.web-file-converter .file-upload-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;border:2px dashed var(--dark-grey);border-radius:5px;min-height:250px;width:100%;max-width:80vw;padding:50px 10px}.web-file-converter .file-upload-box.drop-image{border-color:var(--second-color)}.web-file-converter .image-type-selection{display:flex;justify-content:center;gap:25px;border:2px dashed var(--primary-color);border-radius:5px;min-height:250px;width:100%;max-width:1024px;padding:20px 10px}.web-file-converter .image-type-selection .selection{display:flex;flex-direction:column;gap:10px;min-width:250px}.web-file-converter .image-type-selection .selection p{font-size:14px}.web-file-converter .image-type-selection .selection span:not(.web-select-menuspan){font-weight:600;color:var(--third-color)}.web-file-converter .image-type-selection .selection p b{line-height:2}.web-file-converter .image-type-selection .image-box{padding:20px;background-color:var(--light);box-shadow:var(--box-shadow);display:flex;flex-direction:column;gap:15px;align-items:center;border-radius:10px}.web-file-converter .image-type-selection .image-box img{width:100%;height:100%;aspect-ratio:1/1;border-radius:inherit;max-height:250px;object-fit:contain}.web-file-converter .image-type-selection .image-box small{color:var(--lightblack);font-weight:500}.web-file-converter .file-upload-box i.main-upload-icon{font-size:100px;color:var(--primary-color)}.web-file-converter .file-upload-box p span{font-weight:500;color:var(--third-color)}.web-file-converter .file-upload-box i.fa-rocket{color:var(--second-color);animation:http-code 3s linear infinite}.web-file-converter .file-upload-box i.fa-refresh{animation:spin 5s linear infinite;font-size:80px;color:var(--primary-color)}.web-file-converter .file-upload-box p{font-size:14px}.web-file-converter .file-upload-box button{padding:10px 15px;background-color:var(--primary-color);color:var(--white);transition:var(--trans-03)}.web-file-converter .file-converter-container button.cancel{background-color:var(--danger)!important}.web-file-converter .file-upload-box button:hover{transform:scale(1.07)}.web-file-converter .image-preview{border:2px dashed var(--primary-color);border-radius:5px;width:100%;max-width:1024px;padding:10px;font-size:12px}.web-file-converter .image-preview .image-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:25px}.web-file-converter .file-converter-container .image-resizer-preview .resizer-container,.web-file-converter .image-preview .image-box{width:100%;padding:30px;border-radius:10px;background-color:var(--light);box-shadow:var(--box-shadow);display:flex;flex-direction:column;gap:15px;position:relative}.web-file-converter .image-preview .image-box.qr-code-container{gap:8px}.web-file-converter .image-preview .image-box.qr-code-container form{width:100%;box-shadow:none;padding:0}.web-file-converter .image-preview .image-box .image-input span{margin-bottom:10px;font-size:12px;font-weight:500}.web-file-converter .file-converter-container .image-resizer-preview .image-box img,.web-file-converter .image-preview .image-box img{width:100%;max-height:80vh}.web-file-converter .image-preview .image-box b,.web-file-converter .image-preview .image-box p{font-size:14px;line-height:1.5}.web-file-converter .image-preview .image-box p span{font-weight:500;color:var(--third-color)}.web-file-converter .image-preview .image-box small{position:absolute;font-size:10px;padding:8px 15px;font-weight:500;background-color:var(--third-color);color:var(--white);border-radius:inherit}.web-file-converter .image-preview .image-box small.new{background-color:var(--success)}.web-file-converter .image-preview .image-box button,.web-file-converter .image-type-selection .selection button{display:flex;align-items:center;justify-content:center;gap:5px;background-color:var(--success);color:var(--white)}.web-file-converter .file-converter-container button.compress-image,.web-file-converter .file-converter-container button.convert-image,.web-file-converter .file-converter-container button.resize-image{background-color:var(--danger);color:var(--white)}.web-file-converter .image-preview .image-box button.download-btn:hover i{animation:download .5s linear infinite}.web-file-converter .file-converter-container .image-resizer-preview .image-box{border-radius:inherit}.web-file-converter .file-converter-container .image-resizer-preview .resizer-container{width:60%}.web-file-converter .file-converter-container .image-resizer-preview .download-btn{margin-top:20px}.web-file-converter .file-converter-container .file-upload-box .converter-box{display:flex;align-items:center;justify-content:space-between;gap:40px;transition:var(--trans-04)}.web-file-converter .file-converter-container .file-upload-box .converter-box p{padding:6px 15px;width:80px;text-align:center;text-transform:uppercase;background-color:var(--third-color);color:var(--white);font-weight:500;user-select:none;border-radius:10px;transition:var(--trans-04)}.web-file-converter .file-converter-container .file-upload-box .converter-box p:nth-child(1){background-color:var(--second-color);color:var(--black)}.web-file-converter .file-converter-container .file-upload-box .converter-box i{font-size:30px;color:var(--success);animation:http-code 4s linear infinite}.web-file-converter .file-converter-container .pdf-file-box{width:100%;max-width:1024px}.web-file-converter .file-converter-container .pdf-file-box .file-upload-box{min-width:100%}.web-file-converter .file-converter-container .pdf-pages-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;scrollbar-width:none;width:100%;min-height:25vh;margin-top:25px}.web-file-converter .file-converter-container .pdf-pages-preview .pdf-preview-box{box-shadow:var(--box-shadow);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:10px;text-align:center;animation:overlay .3s ease-in-out;border:1.5px solid transparent;cursor:pointer}.web-file-converter .file-converter-container .pdf-pages-preview .pdf-preview-box.selected{border-color:var(--third-color)}.web-file-converter .file-converter-container .pdf-pages-preview .pdf-preview-box .img-box{border-radius:inherit;overflow:hidden}.web-file-converter .file-converter-container .pdf-pages-preview .pdf-preview-box .img-box img{width:100%;border-radius:inherit}.web-file-converter .file-converter-container .pdf-pages-preview .pdf-preview-box small{color:var(--lightblack);font-size:14px;font-weight:500}.web-file-converter .file-converter-container .pdf-pages-preview .pdf-preview-box button{background-color:var(--primary-color);color:var(--white)}.web-file-converter .file-converter-container .pdf-pages-preview .pdf-preview-box button:hover{transform:scale(.9)}.web-file-converter .file-converter-container .pdf-pages-preview .pdf-preview-box button.load-more{background-color:var(--third-color)}.web-file-converter .file-converter-container .click-counter-box{display:flex;flex-wrap:wrap;gap:30px;min-height:25vh;padding:10px}.web-file-converter .file-converter-container .click-counter-box .web-user-logs{width:auto}.web-file-converter .file-converter-container .click-counter-box .click-box{width:250px;height:250px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;border:2px dashed var(--third-color);transition:var(--trans-03)}.web-file-converter .file-converter-container .click-counter-box .click-box:active{transform:scale(.99)}.web-file-converter .file-converter-container .click-counter-box .click-box i{font-size:60px}.web-file-converter .file-converter-container .click-counter-box .click-box::after{padding:4px}.web-file-converter .file-converter-container .countdown-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(77px,1fr));gap:15px}.web-file-converter .file-converter-container .countdown-container .box{width:77px;height:77px;border-radius:50%;border:2px solid var(--third-color);display:flex;align-items:center;flex-direction:column;justify-content:center;cursor:pointer;user-select:none;box-shadow:var(--box-shadow);background-color:var(--dark);color:var(--light);transition:var(--trans-04)}.web-file-converter .file-converter-container .countdown-container .box:hover{transform:scale(1.07)}.web-file-converter .file-converter-container .countdown-container .box b{font-weight:900;font-size:20px}.web-file-converter .file-converter-container .countdown-container .box span{font-size:10px}.web-file-converter .file-converter-container[data-box_type=Countdown] form:has(.flipdown){max-width:fit-content}.web-file-converter .file-converter-container .stopwatch-container{display:flex;flex-direction:column;gap:10px}.web-file-converter .file-converter-container .watch-time{width:100%;white-space:nowrap;font-size:50px;font-weight:800;color:var(--third-color);text-align:center;margin:30px 0;letter-spacing:2px}.web-file-converter .file-converter-container .watch-time span{color:var(--change-black);font-family:monospace}.web-file-converter .file-converter-container .buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(77px,1fr));gap:10px}.web-file-converter .file-converter-container .buttons button,.web-file-converter .file-converter-container .file-reader-box button{padding:10px 30px;border-radius:7px;background-color:var(--third-color);color:var(--white);transition:var(--trans-03);white-space:nowrap}.web-file-converter .file-converter-container .buttons button:hover,.web-file-converter .file-converter-container .file-reader-box button:hover{transform:scale(1.07)}.web-file-converter .file-converter-container .buttons button.pauseBtn{background-color:var(--warning);color:var(--black)}.web-file-converter .file-converter-container .buttons button.startBtn{background-color:var(--success)}.web-file-converter .file-converter-container .buttons button.resumeBtn{background-color:var(--primary-color)}.web-file-converter .file-converter-container .buttons button.resetBtn{background-color:var(--danger)}.web-file-converter .file-converter-container .countdown-container .box.custom-btn b{color:var(--second-color);font-size:25px}.web-file-converter .file-converter-container .stopwatch-container .lap-records{display:flex;flex-direction:column;gap:15px;align-items:center}.web-file-converter .file-converter-container .stopwatch-container .lap-records b{font-weight:700;font-size:17px}.web-file-converter .file-converter-container .stopwatch-container .lap-records ul li{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:10px;border-bottom:1px dashed var(--third-color);font-size:14px;color:var(--black)}.web-file-converter .file-converter-container .stopwatch-container .lap-records ul{width:100%;background-color:var(--gray-color);border-radius:10px}.web-file-converter .file-converter-container .stopwatch-container .lap-records ul li:last-child{border:0}.web-file-converter .file-converter-container .stopwatch-container .lap-records ul li b{font-weight:800;font-size:14px}.web-file-converter .file-converter-container .stopwatch-container .lap-records ul li.noLapsMessage{justify-content:center}.web-file-converter .file-converter-container[data-box_type=DiscountCounter] .result-box,.web-file-converter .file-converter-container[data-box_type=DiscountMaker] .result-box{padding:13px}.web-file-converter .file-converter-container[data-box_type=DiscountCounter] .result-box label span,.web-file-converter .file-converter-container[data-box_type=DiscountMaker] .result-box label span{float:right;font-size:15px;font-weight:800;color:var(--third-color)}.overlay.pdf-viewer-container{padding:0;align-items:normal}.overlay.pdf-viewer-container i.closePDFViewer{position:absolute;bottom:10px;right:20px;width:20px;height:20px;border-radius:50%;text-align:center;display:flex;align-items:center;justify-content:center;background-color:var(--danger);color:var(--white);margin:5px;font-size:13px}.overlay.pdf-viewer-container iframe{width:100%;height:100%}.web-file-converter .file-converter-container .colors-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;position:relative;padding-bottom:80px}.web-file-converter .file-converter-container .colors-container .color{padding:7px;list-style:none;cursor:pointer;text-align:center;background:var(--white);border-radius:6px;box-shadow:var(--box-shadow);transition:var(--trans-03);position:relative}.web-file-converter .file-converter-container .colors-container .color i{position:absolute;top:10px;right:10px;color:var(--black);background-color:var(--overlay-back);padding:10px;border-radius:50%}.web-file-converter .file-converter-container .colors-container .color:active{transform:scale(.95)}.web-file-converter .file-converter-container .colors-container .color .rect-box{width:100%;aspect-ratio:1/1;border-radius:inherit}.web-file-converter .file-converter-container .colors-container .color .hex-value{display:block;color:var(--black);user-select:none;font-weight:500;font-size:1rem;margin:12px 0 8px;text-transform:uppercase}.web-file-converter .file-converter-container:has(.colors-container) .web-select-menu{margin-left:auto;width:calc(25% + 50px)}.web-file-converter .file-converter-container[data-box_type=GradientRandom] .colors-container .color .hex-value{font-size:12px;line-height:18px;text-transform:capitalize}.web-file-converter .file-converter-container .colors-container .refresh-btn{position:absolute;bottom:0;color:var(--white);font-weight:500;font-size:15px;border-radius:7px;background:var(--third-color);padding:13px 20px;border:2px dashed var(--white);box-shadow:var(--box-shadow);transition:var(--trans-03);left:50%;transform:translateX(-50%);margin:auto}.web-file-converter .file-converter-container .colors-container .refresh-btn:hover{transform:translateX(-50%) scale(.9)}.web-file-converter .file-converter-container .calculater-box.calculated .f-field{text-align:center}.web-file-converter .file-converter-container .calculater-box.calculated .f-field:last-child{margin:30px}.web-file-converter .file-converter-container .calculater-box.calculated .f-field:last-child label{font-size:20px;color:var(--success)}.web-file-converter .file-converter-container[data-box_type=GradientCreator] .wrapper{border-radius:7px;margin:auto;position:relative;box-shadow:var(--box-shadow);padding:14px}.web-file-converter .file-converter-container[data-box_type=GradientCreator] .wrapper .gradient-box{height:220px;width:100%;border-radius:7px;background:linear-gradient(to left top,var(--third-color) var(--second-color));transition:var(--trans-04)}.web-file-converter .file-converter-container[data-box_type=GradientCreator] .wrapper .gradient-box.downloading{border-radius:0}.web-file-converter .file-converter-container[data-box_type=GradientCreator] .wrapper .row{display:flex;margin:20px 0;justify-content:space-between}.web-file-converter .file-converter-container[data-box_type=GradientCreator] .options p{font-size:13px;margin-bottom:8px}.web-file-converter .file-converter-container[data-box_type=GradientCreator] .row :where(.column,button){width:calc(100% / 2 - 12px)}.web-file-converter .file-converter-container[data-box_type=GradientCreator] .options .palette{margin-left:60px}.web-file-converter .file-converter-container[data-box_type=GradientCreator] .palette input{height:41px;width:calc(100% / 2 - 20px);padding:0;cursor:pointer}.web-file-converter .file-converter-container[data-box_type=GradientCreator] .palette input:last-child{margin-left:6px}.web-file-converter .file-converter-container[data-box_type=GradientCreator] .wrapper .gradient-value{width:100%;color:#333;font-size:13px;resize:none;padding:10px 15px;border-radius:5px;border:1px solid var(--dark-grey)}.web-file-converter .file-converter-container[data-box_type=GradientCreator] .wrapper .gradient-value span:nth-child(1){color:var(--third-color)}.web-file-converter .file-converter-container[data-box_type=GradientCreator] .wrapper .gradient-value span:nth-child(2){color:var(--second-color)}.web-file-converter .file-converter-container[data-box_type=GradientCreator] .wrapper .download-btn{position:absolute;top:30px;right:30px;color:var(--black);background-color:var(--overlay-back);padding:14px;border-radius:50%}.web-file-converter .file-converter-container[data-box_type=GradientCreator] .buttons button{padding:15px 0;color:var(--white);font-size:14px;border-radius:7px;transition:var(--trans-03)}.web-file-converter .file-converter-container[data-box_type=GradientCreator] .buttons button:hover{transform:scale(.95)}.web-file-converter .file-converter-container[data-box_type=GradientCreator] .buttons .refresh{background:var(--dark)}.web-file-converter .file-converter-container[data-box_type=GradientCreator] .buttons .copy{background:var(--third-color)}.web-file-converter .file-converter-container[data-box_type=WorldClock] .clock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:100%;max-width:1200px}.web-file-converter .file-converter-container[data-box_type=WorldClock] .clock-item{border-radius:10px;box-shadow:var(--box-shadow);padding:20px;text-align:center;transition:var(--trans-03)}.web-file-converter .file-converter-container[data-box_type=WorldClock] .clock-item:hover{transform:translateY(-5px)}.web-file-converter .file-converter-container[data-box_type=WorldClock] .clock-item h2{margin-top:0;color:var(--dark-grey);font-size:1.4em;margin-bottom:10px}.web-file-converter .file-converter-container[data-box_type=WorldClock] .clock-item .date,.web-file-converter .file-converter-container[data-box_type=WorldClock] .clock-item .time{font-size:1.1em;color:var(--dark)}.web-file-converter .file-converter-container[data-box_type=WorldClock] .clock-item .time{font-size:2em;font-weight:700;color:var(--third-color);margin-top:10px}.web-file-converter .file-converter-container[data-box_type=WorldClock] .info-text{margin-top:40px;font-size:.9em;color:var(--middle-grey);text-align:center;max-width:800px}.web-file-converter .file-converter-container .file-reader-box{display:flex;flex-direction:column;gap:15px;margin-bottom:15px}.web-file-converter .file-converter-container .file-reader-box b{font-weight:600;font-size:14px;color:var(--third-color)}.web-file-converter .file-converter-container .file-reader-box b.formatted{color:var(--success)}.web-file-converter .file-converter-container .file-reader-box button{background-color:var(--danger)}.web-file-converter .file-converter-container .file-reader-box .reader-box{width:100%;width:70vw;overflow:auto;overflow-x:hidden;padding:10px;border:1.5px dashed var(--dark-grey);border-radius:7px;font-size:14px;max-height:270px;text-transform:none}.web-file-converter .file-converter-container .file-reader-box .reader-box.formatted{font-family:monospace;white-space:pre-wrap;max-height:90vh;border:2px dashed var(--success)}.web-grid-info{width:100%;display:flex;flex-direction:column;gap:10px;min-height:25vh;user-select:none}.web-grid-info .grid-title b{font-weight:500;font-size:15px;text-transform:uppercase}.web-grid-info .grid-title b span{font-weight:600;color:var(--primary-color)}.web-grid-info .grid-box{padding:10px;border:1px solid var(--primary-color);border-bottom-color:var(--success);border-bottom-width:2px;border-radius:10px;display:flex;flex-direction:column;gap:15px}.web-grid-info .grid-box .grid-item{font-size:14px;display:flex;align-items:center;gap:5px}.web-grid-info .grid-box .grid-item i{color:var(--third-color);border:2px solid var(--lightblack);border-radius:50%;padding:5px}.web-grid-info .grid-box .grid-item b span{font-weight:400}body.dark .web-grid-info .grid-box .grid-item b,body.dark .web-user-logs .log-box .log-item b{color:var(--second-color)}body.dark .web-grid-info .grid-box .grid-item b span,body.dark .web-user-logs .log-box .log-item b span{color:var(--white)}@media screen and (max-width:432px){.web-file-converter .file-converter-container[data-box_type=GradientCreator] .wrapper{padding:25px 20px}.web-file-converter .file-converter-container[data-box_type=GradientCreator] .row :where(.column,button){width:calc(100% / 2 - 8px)}.web-file-converter .file-converter-container[data-box_type=GradientCreator] .options .select-box{padding:8px 15px}.web-file-converter .file-converter-container[data-box_type=GradientCreator] .options .palette{margin-left:40px}.web-file-converter .file-converter-container[data-box_type=GradientCreator] .options .colors{display:flex;justify-content:space-between}.web-file-converter .file-converter-container[data-box_type=GradientCreator] .palette input{width:calc(100% / 2 - 5px)}.web-file-converter .file-converter-container[data-box_type=GradientCreator] .palette input:last-child{margin-left:0}}.book-display{width:100%;margin:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:15px;border-radius:10px;min-width:500px;background-color:var(--light)}.book-display .web-books-container .web-books-list{padding-bottom:0}.book-display::after,.book-display::before{background-image:conic-gradient(from var(--angle),transparent 10%,var(--second-color),var(--third-color))}.book-display .book-info{display:flex;flex-direction:column;gap:15px}.book-display .img-box{overflow:hidden;border-radius:7px;aspect-ratio:9/13;max-height:80vh}.book-display .img-box.user-image{aspect-ratio:1/1;max-height:50vh}.book-display .img-box img{width:100%;height:100%}.book-display .book-title-author{width:100%;display:flex;flex-direction:column;gap:15px}.book-display .book-date,.book-display .book-title-author{text-align:center}.book-display .book-title-author small{color:var(--lightblack)}.book-display .book-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.book-display .book-stats .stat{display:flex;flex-direction:column;gap:5px;border:1px dashed var(--dark-grey);border-radius:5px;padding:10px}.book-display .book-stats .stat i{border:1px solid var(--primary-color);width:30px;height:30px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:50%;font-weight:500;color:var(--second-color)}.book-display .book-stats .stat i.bx-x{color:var(--success);font-weight:600;border-color:var(--success)}.book-display .book-stats .stat i.bx-check{color:var(--danger);font-weight:600;border-color:var(--danger)}.book-display .book-stats .stat span{font-size:13px}.book-display .book-date{font-size:14px;color:var(--lightblack)}.book-display .book-date strong{font-weight:600;color:var(--success)}.book-display .book-info .book-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.book-display .book-info button{width:calc(100% / 2 - 10px);padding:10px;border-radius:7px;background-color:var(--third-color);color:var(--white);font-weight:500;transition:var(--trans-03);display:flex;min-width:150px;align-items:center;gap:5px;justify-content:center;margin:auto}.book-display .book-info .book-buttons a button{background-color:var(--primary-color)}.book-display .book-info .book-buttons button:hover{transform:scale(.95)}@media screen and (max-width:500px){.web-file-converter .image-preview .image-container{display:flex;flex-wrap:wrap;align-items:center}.web-file-converter .file-converter-container .image-resizer-preview .resizer-container{width:100%}.book-display{min-width:100%}}