@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&family=Urbanist:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/*
! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.mr-10{margin-right:2.5rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-6{margin-right:1.5rem}.ms-auto{margin-inline-start:auto}.mt-2{margin-top:.5rem}.mt-5{margin-top:1.25rem}.mt-7{margin-top:1.75rem}.block{display:block}.flex{display:flex}.h-\[50vh\]{height:50vh}.w-full{width:100%}.max-w-96{max-width:24rem}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.break-all{word-break:break-all}.border{border-width:1px}.p-10{padding:2.5rem}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--background-color:255,255,255,1;--text-color:0,0,0,1;--text-color-2:255,255,255,1;--light-text-color:180,180,180,1;--primary-color:23,98,227,1;--light-primary-color:23,98,227,0.1;--light-primary-color-900:23,98,227,0.9;--primary-color-disabled:70,133,242,0.8;--secondary-color:0,0,0,1;--light-secondary-color:240,240,240,1;--outline-color:220,220,220,0.5;--light-background-color:220,220,220,0.5;--neutral-color:220,220,220;--good-color:122,245,198;--medium-color:255,239,115;--bad-color:255,97,97;--null-color:252,5,5;--badge-color:237,45,74}body{color:rgba(var(--text-color));background-color:rgba(var(--background-color))}.card{padding:10px;border-radius:10px}.form-control{display:block;outline:none;padding:10px;width:100%;font-size:16px;border:1px solid rgba(var(--outline-color));border-radius:5px}.form-control:focus{border:1px solid #dcdcdc}.btn{padding:.6rem .8rem;border-radius:5px;font-weight:500}.btn-primary{background-color:rgba(var(--primary-color));color:rgba(var(--text-color-2));transition:.2s ease-in-out}.btn-primary:hover{background-color:rgba(var(--light-primary-color-900))}.btn-primary:active{filter:brightness(.9);transition:0s ease-in-out}.btn-primary:disabled{background-color:rgba(var(--primary-color-disabled))!important;filter:brightness(1)!important}.btn-secondary{background-color:rgba(var(--light-secondary-color));color:rgba(var(--text-color));transition:.2s ease-in-out}.btn-secondary:hover{filter:brightness(.95)}.btn-secondary:active{filter:brightness(.9);transition:0s ease-in-out}.btn-secondary:disabled{filter:brightness(.8);cursor:not-allowed}.btn-regular{background-color:rgba(var(--background-color));color:rgba(var(--text-color));transition:.2s ease-in-out}.btn-regular:hover{filter:brightness(.95)}.btn-regular:active{filter:brightness(.9);transition:0s ease-in-out}.span-lg{display:block;font-size:26px}.floating-input-container{position:relative;background-color:rgba(var(--background-color))}.floating-label{top:10px;font-size:16px;color:rgba(var(--light-text-color))}.floating-label,.floating-label-toggled{display:block;width:-moz-fit-content;width:fit-content;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;left:10px;cursor:text;transition:.2s ease-in-out}.floating-label-toggled{top:-10px;font-size:12px;padding:0 10px;background-color:rgba(var(--background-color));color:rgba(var(--text-color))}.error-text{color:red;font-size:12px}.navigation-sidebar{position:fixed;width:250px;top:10px;left:10px;bottom:10px;border-radius:10px;padding:20px;background-color:rgba(var(--background-color));box-shadow:0 0 10px #d1d1d14d;z-index:1;transition:.2s ease-in-out}.container{display:flex;align-items:center;justify-content:center;padding:100px 40px 40px}.width-container{width:100%;max-width:1200px}.nice-list{list-style:none;padding:0;margin:0}.navigation-item{display:flex;align-items:center;width:100%;text-decoration:none;background-color:rgba(var(--background-color));color:rgba(var(--text-color));font-size:14px;font-weight:500;border-radius:5px;padding:.6rem .8rem;margin:10px 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:.2s ease-in-out}.navigation-item:hover{filter:brightness(.95)}.navigation-item:active{filter:brightness(.9);transition:0s ease-in-out}.navigation-item-active{background-color:rgba(var(--primary-color));color:rgba(var(--text-color-2))}.navigation-item span{font-size:20px;margin:0 8px 0 0}.navigation-logo{cursor:pointer;transition:.2s ease-in-out}.navigation-logo:hover{transform:scale(.95)}.mx-auto{margin-left:auto;margin-right:auto}.navtop-item{text-decoration:none;font-size:16px;padding:.6rem .8rem;margin:0 5px;background-color:rgba(var(--background-color));color:rgba(var(--text-color));border-radius:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:.2s ease-in-out}.navtop-item:hover{background-color:rgba(var(--light-background-color))}.navtop-item:active{filter:brightness(.95);transition:0s ease-in-out}.navtop-item-active{background-color:rgba(var(--light-primary-color));color:rgba(var(--primary-color))}.reg-card{background-color:rgba(var(--background-color));color:rgba(var(--text-color));border:1px solid rgba(var(--outline-color));border-radius:5px;padding:10px}.navigation-topbar{position:fixed;top:0;left:0;right:0;z-index:2}.btn-icon,.navigation-topbar{display:flex;align-items:center;background-color:rgba(var(--background-color));color:rgba(var(--text-color));padding:10px;transition:.2s ease-in-out}.btn-icon{-webkit-appearance:none;-moz-appearance:none;appearance:none;justify-content:center;border-radius:50%}.btn-icon:hover{filter:brightness(.95)}.btn-icon:active{filter:brightness(.9);transition:0s ease-in-out}.btn-icon span{font-size:20px}.avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;padding:10px;border:1px solid rgba(var(--light-primary-color));background-color:rgba(var(--light-primary-color));cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:.2s ease-in-out}.avatar:active{transform:scale(.9);transition:0s ease-in-out}.avatar span{font-size:16px;font-weight:500;color:rgba(var(--primary-color))}.ms-auto{margin-left:auto}.navigation-action{position:fixed;top:80px;right:10px;width:180px;padding:10px;border-radius:10px;box-shadow:0 0 10px #d1d1d14d;z-index:2}.navigation-action,.navigation-action-item{background-color:rgba(var(--background-color));transition:.2s ease-in-out}.navigation-action-item{display:block;text-decoration:none;color:rgba(var(--text-color));padding:.6rem .8rem;margin:2.5px 0;border-radius:5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.navigation-action-item:hover{filter:brightness(.95)}.navigation-action-item:active{filter:brightness(.9);transition:0s ease-in-out}.blu-card{background-color:rgba(var(--primary-color));color:rgba(var(--text-color-2));padding:10px;border-radius:5px}.sm-label{display:block;width:-moz-fit-content;width:fit-content;font-size:14px;word-wrap:break-word;inline-size:auto;cursor:default}.row{display:flex;flex-wrap:wrap;flex-direction:row}.col-auto{width:auto}.col-1,.col-auto{flex-wrap:wrap;margin:5px}.col-1{width:10%}.col-2{width:20%}.col-2,.col-3{flex-wrap:wrap;margin:5px}.col-3{width:31%}.col-4{width:33%}.col-4,.col-6{flex-wrap:wrap;margin:5px}.col-6{width:48%}.col-8{width:78%}.col-12,.col-8{flex-wrap:wrap;margin:5px}.col-12{width:100%}@media (max-width:1200px){.width-container{width:100%;max-width:100%}.container{padding:100px 20px 40px}.col-2{width:100%;margin:5px 0}.col-3{width:31%;margin:5px}.col-8{width:100%;margin:5px 0}}@media (max-width:600px){.row{display:block}.col-1,.col-2,.col-3,.col-4,.col-6,.col-8{width:100%;margin:5px 0}.col-12{margin:5px 0}}.icon-label{padding:10px;border-radius:50%;background-color:rgba(var(--primary-color));width:40px;height:40px}.icon-label span{color:rgba(var(--text-color-2));font-size:20px}.dropdown-container{position:relative;background-color:rgba(var(--background-color));color:rgba(var(--text-color));padding:10px;border-radius:5px;font-weight:400;cursor:pointer;border:1px solid rgba(var(--outline-color));transition:.2s ease-in-out}.dropdown-container-active{border:1px solid rgba(var(--secondary-color))}.dropdown-item-container{position:absolute;max-height:150px;overflow-y:auto;top:60px;left:0;right:0;z-index:1;border:1px solid rgba(var(--outline-color));color:var(--text-color);font-weight:400;scrollbar-width:thin;scrollbar-color:rgba(var(--outline-color)) #0000}.dropdown-item-container,.dropdown-items{background-color:rgba(var(--background-color));padding:10px;border-radius:5px;transition:.2s ease-in-out}.dropdown-items{color:rgba(var(--text-color))}.dropdown-items:hover{filter:brightness(.95)}.dropdown-items:active{filter:brightness(.9);transition:0s ease-in-out}.dropdown-label{top:10px;font-size:16px;padding-left:2px;color:rgba(var(--light-text-color))}.dropdown-floating-label,.dropdown-label{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;left:10px;cursor:pointer;transition:.2s ease-in-out}.dropdown-floating-label{top:-10px;font-size:12px;padding:0 10px;background-color:rgba(var(--background-color));color:rgba(var(--text-color))}.link{text-decoration:underline;font-size:14px}.link:hover{font-weight:500}.link-2{text-decoration:none;font-size:14px}.link-2:hover{text-decoration:underline}.upload-container{width:100%;border:1px solid rgba(var(--outline-color));border-radius:10px;padding:10px;background-color:rgba(var(--light-background-color));cursor:pointer}.upload-container span{display:block;text-align:center;font-size:50px;color:rgba(var(--light-text-color))}.upload-img{margin:5px;width:90%;border-radius:5px}.upload-img-container{position:relative}.table-container{border-radius:10px;scrollbar-width:thin;scrollbar-color:rgba(var(--outline-color)) #0000}.table-container,.table-header{background-color:rgba(var(--background-color))}.table-header{position:sticky;top:0;display:flex}.table-header-item{padding:10px;margin:0 5px;width:100%;font-weight:500;font-size:12px}.table-body{background-color:rgba(var(--background-color))}.table-body-item{display:flex;align-items:center;padding:10px;margin:0 5px;width:100%;font-size:14px}.table-body-tr{display:flex;width:-moz-max-content;width:max-content;border-bottom:1px solid rgba(var(--light-background-color))}.table-body-tr:last-child{border-bottom:1px solid transparent}.rounded-label{display:block;width:-moz-fit-content;width:fit-content;background-color:rgba(var(--light-background-color));color:rgba(var(--text-color));font-size:12px;border-radius:10px;padding:.2rem .6rem}.hover-card{cursor:pointer;transition:.2s ease-in-out}.hover-card:hover{transform:scale(.99)}.hover-card:active{transform:scale(1);transition:0s ease-in-out}.hover-card span{cursor:pointer}.checkbox-formcontrol{display:flex;align-items:center}.checkbox-formcontrol input{width:17px;height:17px;accent-color:rgba(var(--primary-color))}.checkbox-formcontrol label{font-size:14px;margin-left:10px}.dropdiv-container{background-color:rgba(var(--background-color));color:rgba(var(--text-color));padding:10px;font-weight:400;cursor:pointer;border-bottom:1px solid rgba(var(--outline-color));transition:.2s ease-in-out}.dropdiv-container-active{border-bottom:1px solid transparent}.dropdiv-item-container{max-height:300px;overflow-y:auto;z-index:1;background-color:rgba(var(--background-color));color:var(--text-color);padding:10px;font-weight:400;border-bottom:1px solid rgba(var(--outline-color));transition:.2s ease-in-out}.pagination-li{float:left;margin:0 5px}.pagination-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--background-color));color:rgba(var(--text-color));font-size:16px;font-weight:500;height:40px;min-width:40px;width:-moz-fit-content;width:fit-content;transition:.2s ease-in-out}.pagination-btn:hover{filter:brightness(.95)}.pagination-btn:active{transform:scale(.98);transition:0s ease-in-out}.pagination-btn-active{color:rgba(var(--primary-color))}.dropdown-table-body,.dropdown-table-container{background-color:rgba(var(--background-color));color:rgba(var(--text-color));padding:15px;border-radius:5px;border:1px solid rgba(var(--light-background-color))}.placeholder-span{display:block;font-size:20px;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.navtop-33{width:33%}.navtop-action-responsive-container{display:none}.navtop-action-res-container-2{position:fixed;background-color:rgba(var(--background-color));top:60px;left:0;right:0;padding:10px;height:auto;box-shadow:0 0 10px #d1d1d14d;z-index:2}.navtop-responsive-blackbackground{display:none;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.5);width:100%;height:100%;z-index:2}.navtop-action-res-items{padding:2px}.responsive-img{max-width:120px;width:100%}.responsive-text{font-size:16px}.responsive-qty-cart-container{display:flex}.responsive-qty-cart-container-2{display:none}@media (max-width:870px){.navtop-action-container,.navtop-item-container,.responsive-qty-cart-container{display:none}.navtop-action-responsive-container,.responsive-qty-cart-container-2{display:flex}.responsive-qty-cart-container-2 button,.responsive-qty-cart-container-2 input{font-size:12px}.navtop-responsive-blackbackground{display:block}.navtop-33{width:50%}.responsive-img{max-width:100px;min-width:100px}.responsive-text{font-size:14px}}.big-header{font-size:40px}.big-header,.med-header{display:block;width:-moz-fit-content;width:fit-content;font-weight:600;font-family:Poppins,sans-serif;color:rgba(var(--text-color))}.med-header{font-size:34px}.sm-header{display:block;width:-moz-fit-content;width:fit-content;font-size:24px;font-weight:600;font-family:Poppins,sans-serif;color:rgba(var(--text-color))}.line-break{background-color:rgba(var(--light-background-color));height:1px;width:100%}.md-n-label{font-size:16px}.md-n-label,.sm-n-label{display:block;width:-moz-fit-content;width:fit-content;font-weight:500;font-family:Poppins,sans-serif;color:rgba(var(--text-color))}.sm-n-label{font-size:14px}.side-list-item{display:inline-block;margin:0 20px 0 0}.side-list-item a{background-color:hsla(0,0%,94%,.8);padding:8px;font-family:Poppins,sans-serif;color:rgba(var(--text-color));border-radius:10px;font-size:14px;cursor:pointer}.side-list-item a:hover{background-color:#f0f0f0}.fixed-side-nav{background-color:rgba(var(--background-color));position:sticky;top:60px;padding:10px;border-radius:10px;overflow-x:auto;z-index:1}.form-simple-control{outline:none;font-size:18px;font-weight:500;padding:5px;font-family:Poppins,sans-serif;text-align:center;border-bottom:1px solid rgba(var(--light-background-color))}.shopping-container{position:fixed;bottom:-999px;left:10px;right:10px;height:60px;display:flex;align-items:center;justify-content:center;transition:.2s ease-in-out}.shopping-container-background{background-color:rgba(var(--background-color));width:100%;padding:10px 15px;border-radius:10px;max-width:1200px;box-shadow:0 0 10px #d1d1d14d;z-index:2}.disabled-card{filter:brightness(.8)}.badge{display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;min-width:20px;height:20px;background-color:rgba(var(--badge-color));border-radius:50%}.badge-text{color:rgba(var(--text-color-2));font-size:10px;font-weight:500;font-family:Poppins,sans-serif}.toaster-style{background-color:rgba(var(--background-color))!important;color:rgba(var(--text-color))!important}.primary-card{background-color:rgba(var(--light-primary-color));border:1px solid rgba(var(--light-primary-color));padding:10px;border-radius:10px}.icon-label-2{background-color:rgba(var(--light-primary-color));width:30px;height:30px;border-radius:50%;display:flex!important;font-size:18px!important;color:rgba(var(--primary-color))!important}.icon-label-2,.nice-link{align-items:center;justify-content:center}.nice-link{width:-moz-fit-content;width:fit-content;display:flex;text-decoration:none;color:rgba(var(--text-color));padding:.6rem .8rem;font-size:12px;border-radius:10px;line-height:7px;font-weight:500}.nice-link span{font-size:18px}.nice-link:hover span{margin-right:15px}.square-label{background-color:rgba(var(--light-background-color));font-size:10px;font-weight:500;padding:.2rem .4rem}.description{display:block;width:-moz-fit-content;width:fit-content;font-size:12px;color:rgba(var(--text-color))}.black-background-2{width:100%;position:fixed;left:0;top:0;height:100%;background-color:rgba(0,0,0,.4);z-index:2}.image-showcase-container{position:fixed;display:flex;justify-content:center;top:0;left:0;right:0;width:100%;z-index:3}@media (max-width:800px){.image-showcase-container{bottom:0}.image-showcase-card{border-radius:0!important}}.image-showcase-card{background-color:rgba(var(--background-color));padding:10px;border-radius:10px;width:100%;max-width:800px}.image-showcase-container-preview{width:100px;margin:5px;border-radius:5px;border:2px solid transparent;cursor:pointer}.image-showcase-container-preview:hover{border:2px solid #000}.image-showcase-container-main-img{width:100%;max-width:500px;margin:7px;border-radius:5px}.modal-background{background-color:rgba(0,0,0,.5);bottom:0;right:0;height:100%;z-index:2}.modal-background,.modal-container{position:fixed;top:0;left:0;width:100%}.modal-container{display:flex;align-items:center;justify-content:center;z-index:3}.modal-card{margin-top:50px;background-color:rgba(var(--background-color));color:rgba(var(--text-color));padding:15px;border-radius:10px;width:100%;max-width:600px}.modal-header{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.modal-body{max-height:85vh;overflow-y:auto;scrollbar-width:thin}@media (max-width:600px){.modal-card{width:100%;height:100vh;margin-top:0;border-radius:0}}.selectable-text{cursor:pointer;text-decoration:underline}.loading-skeleton{display:block;background-color:#e6e6e6;border-radius:5px;animation:skeleton 1s infinite alternate}@keyframes skeleton{0%{opacity:.9}10%{opacity:.8}20%{opacity:.7}30%{opacity:.6}40%{opacity:.5}50%{opacity:.4}60%{opacity:.5}70%{opacity:.6}80%{opacity:.7}90%{opacity:.8}to{opacity:.9}}.responsive-header{transition:.2s ease-in-out}@media (max-width:800px){.responsive-header{font-size:20px}}