/**! * 2019-2024 * @author SIFI LIFE * @developer Shubham Jadhav */ *,*::before,*::after{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-family:system-ui;scroll-behavior:smooth;scroll-margin-top:var(--scroll-margin-top);margin:0;padding:0;text-decoration:none}*:focus-visible{outline:none}*::selection{background-color:light-dark(var(--primary-color-light-500), var(--primary-color-dark-400));color:light-dark(var(--primary-color-dark-400), var(--primary-color-light-500))}:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) *::selection{background-color:var(--primary-color-dark-400);color:var(--primary-color-light-500)}:root{--scrollbar-m: 1em;--scrollbar-i: 1em}::-webkit-scrollbar{width:5px;height:5px;left:-1em}::-webkit-scrollbar-track{background:inherit;background:rgba(0,0,0,0);border-radius:100vw}.scroll-margin ::-webkit-scrollbar-track,.scroll-margin::-webkit-scrollbar-track{margin-block:var(--scrollbar-m)}.scroll-inline ::-webkit-scrollbar-track,.scroll-inline::-webkit-scrollbar-track{margin-inline:var(--scrollbar-i)}::-webkit-scrollbar-thumb{background:rgba(150,150,150,.5);border-radius:100vw}::-webkit-scrollbar-thumb:hover{background:#969696;border-radius:100vw}html{color-scheme:light dark}:root{--color-light-100: color-mix(in srgb, var(--accent-base-color), #fff 10%);--color-dark-100: color-mix(in srgb, var(--accent-base-color), #000 10%);--primary-color-light-100: color-mix(in srgb, var(--primary-color), #fff 10%);--primary-color-dark-100: color-mix(in srgb, var(--primary-color), #000 10%);--color-100: hsl(from var(--color) h s l / 0.1);--color-light-200: color-mix(in srgb, var(--accent-base-color), #fff 20%);--color-dark-200: color-mix(in srgb, var(--accent-base-color), #000 20%);--primary-color-light-200: color-mix(in srgb, var(--primary-color), #fff 20%);--primary-color-dark-200: color-mix(in srgb, var(--primary-color), #000 20%);--color-200: hsl(from var(--color) h s l / 0.2);--color-light-300: color-mix(in srgb, var(--accent-base-color), #fff 30%);--color-dark-300: color-mix(in srgb, var(--accent-base-color), #000 30%);--primary-color-light-300: color-mix(in srgb, var(--primary-color), #fff 30%);--primary-color-dark-300: color-mix(in srgb, var(--primary-color), #000 30%);--color-300: hsl(from var(--color) h s l / 0.3);--color-light-400: color-mix(in srgb, var(--accent-base-color), #fff 40%);--color-dark-400: color-mix(in srgb, var(--accent-base-color), #000 40%);--primary-color-light-400: color-mix(in srgb, var(--primary-color), #fff 40%);--primary-color-dark-400: color-mix(in srgb, var(--primary-color), #000 40%);--color-400: hsl(from var(--color) h s l / 0.4);--color-light-500: color-mix(in srgb, var(--accent-base-color), #fff 50%);--color-dark-500: color-mix(in srgb, var(--accent-base-color), #000 50%);--primary-color-light-500: color-mix(in srgb, var(--primary-color), #fff 50%);--primary-color-dark-500: color-mix(in srgb, var(--primary-color), #000 50%);--color-500: hsl(from var(--color) h s l / 0.5);--color-light-600: color-mix(in srgb, var(--accent-base-color), #fff 60%);--color-dark-600: color-mix(in srgb, var(--accent-base-color), #000 60%);--primary-color-light-600: color-mix(in srgb, var(--primary-color), #fff 60%);--primary-color-dark-600: color-mix(in srgb, var(--primary-color), #000 60%);--color-600: hsl(from var(--color) h s l / 0.6);--color-light-700: color-mix(in srgb, var(--accent-base-color), #fff 70%);--color-dark-700: color-mix(in srgb, var(--accent-base-color), #000 70%);--primary-color-light-700: color-mix(in srgb, var(--primary-color), #fff 70%);--primary-color-dark-700: color-mix(in srgb, var(--primary-color), #000 70%);--color-700: hsl(from var(--color) h s l / 0.7);--color-light-800: color-mix(in srgb, var(--accent-base-color), #fff 80%);--color-dark-800: color-mix(in srgb, var(--accent-base-color), #000 80%);--primary-color-light-800: color-mix(in srgb, var(--primary-color), #fff 80%);--primary-color-dark-800: color-mix(in srgb, var(--primary-color), #000 80%);--color-800: hsl(from var(--color) h s l / 0.8);--color-light-900: color-mix(in srgb, var(--accent-base-color), #fff 90%);--color-dark-900: color-mix(in srgb, var(--accent-base-color), #000 90%);--primary-color-light-900: color-mix(in srgb, var(--primary-color), #fff 90%);--primary-color-dark-900: color-mix(in srgb, var(--primary-color), #000 90%);--color-900: hsl(from var(--color) h s l / 0.9);--color-light-1000: color-mix(in srgb, var(--accent-base-color), #fff 100%);--color-dark-1000: color-mix(in srgb, var(--accent-base-color), #000 100%);--primary-color-light-1000: color-mix(in srgb, var(--primary-color), #fff 100%);--primary-color-dark-1000: color-mix(in srgb, var(--primary-color), #000 100%);--color-1000: hsl(from var(--color) h s l / 1)}:root:has(input[type=radio][value=light][data-theme-color-scheme]:checked),[data-theme=light]{color-scheme:light;--color: black;--neutral-color: white;--neutral-color-hue: white;--background: white;--primary-color: #37cc68;--secondary-color: #faa627;--accent-base-color: gray;accent-color:auto;--error-color: #b82f3d;--success-color: #1db963;--alert-primary-color: #004085;--alert-primary-bg: #b8daff;--alert-primary-border: #cce5ff;--alert-secondary-color: #7416e2;--alert-secondary-bg: #e6d1ff;--alert-secondary-border: #cda2ff;--alert-success-color: #155724;--alert-success-bg: #d4edda;--alert-success-border: #c3e6cb;--alert-error-color: #721c24;--alert-error-bg: #f8d7da;--alert-error-border: #f5c6cb;--alert-warning-color: #856404;--alert-warning-bg: #fff3cd;--alert-warning-border: #ffeeba;--alert-info-color: #0c5460;--alert-info-bg: #d1ecf1;--alert-info-border: #bee5eb;--alert-light-color: #818182;--alert-light-bg: #efefef;--alert-light-border: #e1e1e1;--alert-dark-color: #1b1e21;--alert-dark-bg: #d6d8d9;--alert-dark-border: #c6c8ca}:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked),[data-theme=dark]{color-scheme:dark;--color: white;--neutral-color: black;--neutral-color-hue: white;--background: #2d2d2d;--primary-color: #239248;--secondary-color: #faa627;--accent-base-color: gray;accent-color:auto;--error-color: #cd5c5c;--success-color: #1db963;--alert-primary-color: #70b1f7;--alert-primary-bg: #002b58;--alert-primary-border: #16375a;--alert-secondary-color: #905fc9;--alert-secondary-bg: #321156;--alert-secondary-border: #4c2d6c;--alert-success-color: #94c79f;--alert-success-bg: #12461f;--alert-success-border: #1b5c2a;--alert-error-color: #cf969b;--alert-error-bg: #50181d;--alert-error-border: #721a23;--alert-warning-color: #e1bc46;--alert-warning-bg: #543f02;--alert-warning-border: #524318;--alert-info-color: #79abb5;--alert-info-bg: #073138;--alert-info-border: #13373d;--alert-light-color: #9f9f9f;--alert-light-bg: #292b2e;--alert-light-border: #3b3b3b;--alert-dark-color: #2c2c2c;--alert-dark-bg: #adadad;--alert-dark-border: #fdfdfe}@media(prefers-color-scheme: light){:root{color-scheme:light;--color: black;--neutral-color: white;--neutral-color-hue: white;--background: white;--primary-color: #37cc68;--secondary-color: #faa627;--accent-base-color: gray;accent-color:auto;--error-color: #b82f3d;--success-color: #1db963;--alert-primary-color: #004085;--alert-primary-bg: #b8daff;--alert-primary-border: #cce5ff;--alert-secondary-color: #7416e2;--alert-secondary-bg: #e6d1ff;--alert-secondary-border: #cda2ff;--alert-success-color: #155724;--alert-success-bg: #d4edda;--alert-success-border: #c3e6cb;--alert-error-color: #721c24;--alert-error-bg: #f8d7da;--alert-error-border: #f5c6cb;--alert-warning-color: #856404;--alert-warning-bg: #fff3cd;--alert-warning-border: #ffeeba;--alert-info-color: #0c5460;--alert-info-bg: #d1ecf1;--alert-info-border: #bee5eb;--alert-light-color: #818182;--alert-light-bg: #efefef;--alert-light-border: #e1e1e1;--alert-dark-color: #1b1e21;--alert-dark-bg: #d6d8d9;--alert-dark-border: #c6c8ca}}@media(prefers-color-scheme: dark){:root{color-scheme:dark;--color: white;--neutral-color: black;--neutral-color-hue: white;--background: #1a1a1a;--primary-color: #239248;--secondary-color: #faa627;--accent-base-color: gray;accent-color:auto;--error-color: #cd5c5c;--success-color: #1db963;--alert-primary-color: #70b1f7;--alert-primary-bg: #002b58;--alert-primary-border: #16375a;--alert-secondary-color: #905fc9;--alert-secondary-bg: #321156;--alert-secondary-border: #4c2d6c;--alert-success-color: #94c79f;--alert-success-bg: #12461f;--alert-success-border: #1b5c2a;--alert-error-color: #cf969b;--alert-error-bg: #50181d;--alert-error-border: #721a23;--alert-warning-color: #e1bc46;--alert-warning-bg: #543f02;--alert-warning-border: #524318;--alert-info-color: #79abb5;--alert-info-bg: #073138;--alert-info-border: #13373d;--alert-light-color: #9f9f9f;--alert-light-bg: #292b2e;--alert-light-border: #3b3b3b;--alert-dark-color: #2c2c2c;--alert-dark-bg: #adadad;--alert-dark-border: #fdfdfe}}.text-success{color:var(--success-color)}body:has(.loader){overflow-y:hidden}div:has(>.loader){position:fixed;z-index:1000;inset:0;height:100%;width:100%;display:grid;place-content:center}div:has(>.loader)::before{position:absolute;content:"";inset:0;z-index:-1;backdrop-filter:blur(5px)}.loader{grid-column:1;display:flex;justify-content:center;align-items:center;width:70px;z-index:1;margin-inline-start:10px;position:relative;cursor:default;user-select:none}.loader img{width:80%}.loader i{font-family:"Tapam Icons";position:absolute;font-size:70px;font-style:normal;z-index:1;--delay: 7s}.loader i[polygon]{color:#f93;transform-origin:49.9% 47.4%;transform:rotateZ(0deg);animation:sun-top var(--delay) infinite linear;--lightness: 50;--sun-color: #f93}:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .loader i[polygon],[data-theme=dark] .loader i[polygon]{--lightness: 50}.loader i[polygon]::after{content:"P";position:absolute;inset:0;font-family:"Tapam Icons";filter:blur(0.05em);z-index:-1}.loader i[bg]{color:var(--background);filter:blur(0.05em);opacity:.8;animation:background-opacity var(--delay) ease-in infinite}.loader i[left]{color:#138808;animation:leaf-spread var(--delay) ease-in infinite;transform-origin:50% 100%;--angle: -7deg}.loader i[right]{color:#138808;animation:leaf-spread var(--delay) ease-in infinite;transform-origin:50% 100%;--angle: 7deg}.loader i[axis]{background:red;opacity:1;width:1px;height:1px;z-index:10;position:relative}.loader i[axis]::after,.loader i[axis]::before{content:"";position:absolute;background-color:red}.loader i[axis]::after{width:11px;height:1px;left:-5px}.loader i[axis]::before{width:1px;height:11px;top:-5px}@keyframes sun-top{0%,45%,55%{transform:translateY(0)}50%{transform:translateY(0.1em)}100%{transform:translateY(0);rotate:360deg}}@keyframes leaf-spread{0%,45%,55%,100%{transform:rotate(0)}50%{transform:rotate(var(--angle))}}@keyframes background-opacity{0%,45%,55%,100%{opacity:.8}50%{opacity:.3}}@keyframes sun-bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-0.5em)}60%{transform:translateY(-0.2em)}}.loader::after{content:"Tapam";position:absolute;bottom:-70px;font-size:1.7em;font-weight:700;color:var(--primary-color-light-100)}header{--border-color: #fff5;container-type:inline-size;container-name:header;display:grid;grid-auto-flow:column;grid-template-rows:60px;position:sticky;top:0;z-index:100}header .logo{grid-column:1;display:flex;justify-content:center;align-items:center;width:60px;z-index:100;margin-inline-start:10px;position:relative;cursor:default;user-select:none}header .logo img{width:80%}header .logo i{font-family:"Tapam Icons";position:absolute;font-size:45px;font-style:normal;z-index:1;--delay: 7s}header .logo i[polygon]{color:#f93;transform-origin:49.9% 47.4%;transform:rotateZ(0deg);animation:sun-top var(--delay) infinite linear;--lightness: 50;--sun-color: #f93}:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) header .logo i[polygon],[data-theme=dark] header .logo i[polygon]{--lightness: 50}header .logo i[polygon]::after{content:"P";position:absolute;inset:0;font-family:"Tapam Icons";filter:blur(0.05em);z-index:-1}header .logo i[bg]{color:var(--background);filter:blur(0.05em);opacity:.8;animation:background-opacity var(--delay) ease-in infinite}header .logo i[left]{color:#138808;animation:leaf-spread var(--delay) ease-in infinite;transform-origin:50% 100%;--angle: -7deg}header .logo i[right]{color:#138808;animation:leaf-spread var(--delay) ease-in infinite;transform-origin:50% 100%;--angle: 7deg}header .logo i[axis]{background:red;opacity:1;width:1px;height:1px;z-index:10;position:relative}header .logo i[axis]::after,header .logo i[axis]::before{content:"";position:absolute;background-color:red}header .logo i[axis]::after{width:11px;height:1px;left:-5px}header .logo i[axis]::before{width:1px;height:11px;top:-5px}@keyframes sun-top{0%,45%,55%{transform:translateY(0)}50%{transform:translateY(0.1em)}100%{transform:translateY(0);rotate:360deg}}@keyframes leaf-spread{0%,45%,55%,100%{transform:rotate(0)}50%{transform:rotate(var(--angle))}}@keyframes background-opacity{0%,45%,55%,100%{opacity:.8}50%{opacity:.3}}@keyframes sun-bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-0.5em)}60%{transform:translateY(-0.2em)}}header .logo::after{content:"Tapam";position:absolute;left:100%;font-size:1.7em;font-weight:700;color:var(--primary-color-light-100)}header:not(:has(+main .header-background)){background-color:var(--background)}header nav{align-self:center;justify-self:flex-end;interpolate-size:allow-keywords}@media screen and (width > 801px){header nav{padding:1em;backdrop-filter:blur(40px);border-radius:1em;overflow:hidden}:root:has(input[type=radio][value=light][data-theme-color-scheme]:checked) header nav,[data-theme=light] header nav{background:hsla(0,0%,100%,.2)}}@media screen and (width < 800px){header nav{position:fixed;inset:0;z-index:99;padding:20px;align-self:unset;justify-self:unset;bottom:auto}}header nav ul{display:flex;list-style:none;gap:1.5em;font-size:1.2em;overflow:hidden;transition:all 200ms}@media screen and (width < 800px){header nav ul{padding:0 10%;flex-direction:column;pointer-events:none;height:0}}header nav ul li a{display:inline-flex;gap:.5em}header nav a{white-space:nowrap;display:flex;column-gap:.7em;user-select:none}header nav button{background:none;border:none;user-select:none;white-space:nowrap;display:flex;column-gap:.7em}header nav a,header nav button{color:var(--color);font-size:inherit;font-weight:inherit}header nav a:hover,header nav a:focus-visible,header nav button:hover,header nav button:focus-visible{color:light-dark(var(--primary-color-light-700), var(--primary-color-light-400))}header [data-hamburger]{--menutoggle-height: 30px;--hamburger-height: 5px;width:var(--menutoggle-height);height:var(--menutoggle-height);display:flex;justify-content:center;align-items:center;margin-inline-start:auto;cursor:pointer;z-index:500}@container header (width > 800px){header [data-hamburger]{display:none}}header [data-hamburger]::before,header [data-hamburger]::after{content:"";position:absolute;width:calc(var(--hamburger-height)*8);height:var(--hamburger-height);border-radius:2em;background-color:light-dark(var(--primary-color-dark-700), var(--primary-color-light-700));transition:.5s}header [data-hamburger]::before{transform:translateY(calc(var(--hamburger-height) * -2));box-shadow:0 calc(var(--hamburger-height)*2) light-dark(var(--primary-color-dark-700), var(--primary-color-light-700))}header [data-hamburger]::after{transform:translateY(calc(var(--hamburger-height) * 2))}header [data-hamburger] input[type=checkbox]{display:none}@media screen and (width < 800px){header [data-hamburger]:has(input[type=checkbox]:checked){display:flex}}header [data-hamburger]:has(input[type=checkbox]:checked)::after{transform:translateY(0px) rotate(-45deg);box-shadow:0 0 light-dark(var(--primary-color-dark-700), var(--primary-color-light-700))}header [data-hamburger]:has(input[type=checkbox]:checked)::before{transform:translateY(0px) rotate(45deg);box-shadow:0 0 light-dark(var(--primary-color-dark-700), var(--primary-color-light-700))}@media screen and (width > 800px){header [data-hamburger]{display:none}}@media screen and (width < 800px){header:has([data-hamburger] input[type=checkbox]:checked) nav{backdrop-filter:blur(13px);bottom:0}header:has([data-hamburger] input[type=checkbox]:checked) nav ul{height:auto;padding-block:10%;pointer-events:auto}}header i[data-cart-product-count]::after{content:attr(data-cart-product-count);position:absolute;top:0;background:var(--primary-color);color:var(--neutral-color);padding:.5rem;border-radius:2em;display:inline-flex;font-size:.7em;width:max-content;line-height:.5em}@media screen and (width < 800px){header i[data-cart-product-count]{position:relative}header i[data-cart-product-count]::after{top:-1.5em}}.header-background{background-color:var(--background);width:100%;height:60px;position:sticky;top:0;z-index:9}.header-text-shadow{background-color:red;width:100%;height:60px;position:sticky;top:0;z-index:1}@font-face{font-family:"SiFi Life Icons";src:url("/static/font/SiFi-Life-Icons.woff2")}@font-face{font-family:"Tapam Icons";src:url("/static/font/tapam-font.woff2")}body{background-color:var(--background);color:var(--color);min-height:100vh;display:flex;flex-direction:column}.place-center{display:grid;place-items:center;gap:2rem;padding-inline:20px}.place-center p{max-width:90ch}.place-center.content-center{place-content:center}*:not(.carousel .content):has(>h2){margin-block:3rem}*:not(.carousel .content):has(>h2) h2{text-align:center;margin-block:1em;font-size:2em}@media screen and (600px < width){*:not(.carousel .content):has(>h2) h2{font-size:3em}}@media screen and (800px < width){*:not(.carousel .content):has(>h2) h2{font-size:4em}}footer{display:grid;grid-template-areas:"company" "links" "social" "developer";background-color:light-dark(var(--primary-color-light-200), var(--primary-color-dark-700));color:light-dark(var(--primary-color-dark-700), var(--primary-color-light-300));padding:50px;column-gap:20px;row-gap:20px;margin-block-start:auto}@media screen and (600px < width){footer{row-gap:10px;grid-template-areas:"company links" "social social" "developer developer"}}footer .company{grid-area:company}footer .company label{font-size:2em;font-weight:500}footer .company p{max-width:50ch}footer .useful-link{grid-area:links}footer .useful-link label{font-size:1.2em;font-weight:bold}footer .useful-link ul{margin-block:.5em;display:grid;gap:.2em;padding-inline-start:1em}footer .useful-link ul li{text-indent:.5em}footer .useful-link ul li::marker{content:"";font-family:"bootstrap-icons";color:var(--color)}footer .useful-link ul a{position:relative;color:var(--color)}footer .useful-link ul a:hover,footer .useful-link ul a:focus-visible{text-decoration:none;color:light-dark(var(--primary-color-dark-300), var(--primary-color-light-200))}footer .social-media{grid-area:social;place-self:center;display:flex;font-size:1.5em;gap:1em}footer .social-media a{color:light-dark(var(--primary-color-dark-400), var(--primary-color-light-500));transition:all 200ms}footer .social-media a:visited{color:light-dark(var(--primary-color-dark-400), var(--primary-color-light-500))}footer .social-media a:hover,footer .social-media a:focus-visible,footer .social-media a:target{scale:1.2;color:light-dark(var(--primary-color-dark-700), var(--primary-color-light-700))}footer .social-media a:active{color:light-dark(var(--primary-color-dark-500), var(--primary-color-light-500))}footer .developer{grid-area:developer;place-self:center;padding-block:5px;font-size:.8em;color:light-dark(var(--primary-color-dark-500), var(--primary-color-light-500));user-select:none}footer .developer a{pointer-events:auto;cursor:default !important;color:light-dark(var(--primary-color-dark-500), var(--primary-color-light-500))}footer .developer a:hover,footer .developer a:active,footer .developer a:focus-visible{color:light-dark(var(--primary-color-dark-800), var(--primary-color-light-900))}footer .developer img{height:1em;transition:all .2s}footer .developer img:hover{scale:2}.controls{display:flex;margin-block:auto;flex-wrap:wrap;gap:1rem}.controls .flex-1{flex:1}.input-group{display:flex;gap:12px;flex-wrap:wrap}@media screen and (width < 500px){.input-group .input-field:has(input:not([type=checkbox],[type=radio],[type=date],[type=datetime-local]),select,textarea){flex:1}}.input-group-checkbox{flex-grow:1;flex-basis:100%;display:grid;gap:5px}.input-group .flex-1{flex:1}.input-field{--field-padding: 6px;position:relative;font-size:14px;display:inline-block;height:fit-content}.input-field textarea{min-height:50px}.input-field:has(input:disabled,select:disabled,textarea:disabled){cursor:not-allowed}.input-field:has(input:disabled,select:disabled,textarea:disabled) *{cursor:not-allowed}.input-field select option{background-color:var(--background)}.input-field input,.input-field select,.input-field textarea{border:none;max-width:100%;background-color:var(--background);padding:var(--field-padding);border-radius:3px;outline:none;font-size:14px}.input-field input.upper,.input-field select.upper,.input-field textarea.upper{text-transform:uppercase}.input-field input:not([type=checkbox],[type=radio]),.input-field select:not([type=checkbox],[type=radio]),.input-field textarea:not([type=checkbox],[type=radio]){-webkit-appearance:none;-ms-appearance:none;-moz-appearance:none;appearance:none}.input-field input:not([type=checkbox],[type=radio]):not([type=date],[type=datetime-local]),.input-field select:not([type=checkbox],[type=radio]):not([type=date],[type=datetime-local]),.input-field textarea:not([type=checkbox],[type=radio]):not([type=date],[type=datetime-local]){min-width:var(--m-width, 250px);width:var(--f-width, 100%)}.input-field input:not([type=checkbox],[type=radio])+.placeholder,.input-field select:not([type=checkbox],[type=radio])+.placeholder,.input-field textarea:not([type=checkbox],[type=radio])+.placeholder{position:absolute;transform:translateY(-50%)}.input-field input.dirty,.input-field input:focus,.input-field input:focus-visible,.input-field input:not(:placeholder-shown),.input-field select.dirty,.input-field select:focus,.input-field select:focus-visible,.input-field select:not(:placeholder-shown),.input-field textarea.dirty,.input-field textarea:focus,.input-field textarea:focus-visible,.input-field textarea:not(:placeholder-shown){color:light-dark(var(--primary-color-dark-400), var(--primary-color-light-400))}:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field input.dirty,:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field input:focus,:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field input:focus-visible,:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field input:not(:placeholder-shown),:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field select.dirty,:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field select:focus,:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field select:focus-visible,:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field select:not(:placeholder-shown),:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field textarea.dirty,:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field textarea:focus,:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field textarea:focus-visible,:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field textarea:not(:placeholder-shown){color:var(--primary-color-light-400)}.input-field input.dirty:not([type=checkbox],[type=radio])+.placeholder,.input-field input:focus:not([type=checkbox],[type=radio])+.placeholder,.input-field input:focus-visible:not([type=checkbox],[type=radio])+.placeholder,.input-field input:not(:placeholder-shown):not([type=checkbox],[type=radio])+.placeholder,.input-field select.dirty:not([type=checkbox],[type=radio])+.placeholder,.input-field select:focus:not([type=checkbox],[type=radio])+.placeholder,.input-field select:focus-visible:not([type=checkbox],[type=radio])+.placeholder,.input-field select:not(:placeholder-shown):not([type=checkbox],[type=radio])+.placeholder,.input-field textarea.dirty:not([type=checkbox],[type=radio])+.placeholder,.input-field textarea:focus:not([type=checkbox],[type=radio])+.placeholder,.input-field textarea:focus-visible:not([type=checkbox],[type=radio])+.placeholder,.input-field textarea:not(:placeholder-shown):not([type=checkbox],[type=radio])+.placeholder{top:0px;font-size:10px;color:light-dark(var(--primary-color-dark-100), var(--primary-color-light-100))}:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field input.dirty:not([type=checkbox],[type=radio])+.placeholder,:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field input:focus:not([type=checkbox],[type=radio])+.placeholder,:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field input:focus-visible:not([type=checkbox],[type=radio])+.placeholder,:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field input:not(:placeholder-shown):not([type=checkbox],[type=radio])+.placeholder,:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field select.dirty:not([type=checkbox],[type=radio])+.placeholder,:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field select:focus:not([type=checkbox],[type=radio])+.placeholder,:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field select:focus-visible:not([type=checkbox],[type=radio])+.placeholder,:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field select:not(:placeholder-shown):not([type=checkbox],[type=radio])+.placeholder,:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field textarea.dirty:not([type=checkbox],[type=radio])+.placeholder,:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field textarea:focus:not([type=checkbox],[type=radio])+.placeholder,:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field textarea:focus-visible:not([type=checkbox],[type=radio])+.placeholder,:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field textarea:not(:placeholder-shown):not([type=checkbox],[type=radio])+.placeholder{color:var(--primary-color-light-100)}.input-field input+.placeholder,.input-field select+.placeholder,.input-field textarea+.placeholder{user-select:none}.input-field input:required+.placeholder::after,.input-field select:required+.placeholder::after,.input-field textarea:required+.placeholder::after{content:" *";color:var(--error-color)}.input-field input:disabled,.input-field select:disabled,.input-field textarea:disabled{background-color:#fff}.input-field:has(>input[type=checkbox]:focus,>input[type=checkbox]:focus-visible,>input[type=radio]:focus,>input[type=radio]:focus-visible){border-bottom:1px solid var(--primary-color-dark-100);width:fit-content}.input-field:has(>input[type=checkbox]:focus,>input[type=checkbox]:focus-visible,>input[type=radio]:focus,>input[type=radio]:focus-visible) .placeholder{color:var(--primary-color-dark-100)}.input-field input[type=checkbox]:checked+.placeholder,.input-field input[type=radio]:checked+.placeholder{color:var(--primary-color-dark-100)}.input-field:has(input[type=color]) input[type=color]{height:70px;--m-width: 60px;background:none}.input-field:has(input[type=color]) input[type=color]::-webkit-color-swatch{border-radius:50%;overflow:hidden;height:50px;width:50px;border:none}.input-field:has(input[type=color]) .placeholder{overflow:initial}.input-field .placeholder{left:var(--field-padding);width:calc(100% - var(--field-padding)*2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;top:calc(var(--field-padding)*2 + 2px);line-height:100%;color:var(--color-light-500);transition:top .3s ease,color .3s ease,font-size .3s ease}.input-field .error-message{width:100%;display:flex;align-items:center;padding:0 8px;font-size:12px;color:var(--error-color)}.input-field .error-message:empty{opacity:0;display:none}.input-field:has(select)::after{content:"";font-family:"bootstrap-icons" !important;position:absolute;right:5px;top:calc(var(--field-padding) + 7px);color:var(--primary-color-dark-200);pointer-events:none}.input-field:has(>input[type=checkbox],>input[type=radio]){display:inline-flex;align-items:center;gap:.4em}.input-field:has(>input[type=checkbox],>input[type=radio]) .placeholder{display:contents;white-space:wrap}.input-field:has(input[type=date],input[type=datetime-local]) input::-webkit-calendar-picker-indicator{background-image:light-dark(url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'))}:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field:has(input[type=date],input[type=datetime-local]) input::-webkit-calendar-picker-indicator{background-image:url('data:image/svg+xml;utf8,')}.input-field:has(button.btn){display:inline-flex}.input-field:has(button.btn):has(input.dirty,input:not(:placeholder-shown),input:focus,input:focus-visible,select.dirty,select:not(:placeholder-shown),select:focus,select:focus-visible,textarea.dirty,textarea:not(:placeholder-shown),textarea:focus,textarea:focus-visible){border-color:var(--primary-color-light-300)}.input-field:has(button.btn) input,.input-field:has(button.btn) textarea,.input-field:has(button.btn) select{border:none}.input-field:has(button.btn) .btn{z-index:1}.input-field:has(button.btn) .btn:last-child{margin-inline-end:2px}.input-field:has(button.btn) select~.btn:last-child{margin-inline-end:24px}.input-field.w-a{width:auto}.input-field .help-text{font-size:.9em;color:var(--primary-color)}.input-field:has(.help-text) .placeholder{top:18px}.input-field:has(.search-list) input:focus~.search-list,.input-field:has(.search-list) input:focus-visible~.search-list,.input-field:has(.search-list) input:focus-within~.search-list,.input-field:has(.search-list) select:focus~.search-list,.input-field:has(.search-list) select:focus-visible~.search-list,.input-field:has(.search-list) select:focus-within~.search-list,.input-field:has(.search-list) textarea:focus~.search-list,.input-field:has(.search-list) textarea:focus-visible~.search-list,.input-field:has(.search-list) textarea:focus-within~.search-list{display:flex}.input-field:has(.search-list) .search-list{position:absolute;background-color:var(--background);box-shadow:0 0 5px -2px var(--color-dark-800);padding:0 8px 8px;border-radius:0 0 8px 8px;display:none;flex-direction:column;inset:auto 0 auto 0;max-height:min(400px,90vh - 127px);height:fit-content;overflow-y:scroll;text-overflow:ellipsis;list-style:none;margin-block:0;z-index:1}.input-field:has(.search-list) .search-list:has(+.btn){inset:calc(var(--field-padding)*2 + 19px) 0 auto 0}td .input-field:has(.search-list) .search-list,.input-field:has(.search-list) .search-list.auto-width{width:var(--width, 50vw)}.input-field:has(.search-list) .search-list:empty{display:none}.input-field:has(.search-list) .search-list:focus,.input-field:has(.search-list) .search-list:focus-visible,.input-field:has(.search-list) .search-list:focus-within,.input-field:has(.search-list) .search-list:hover{display:flex}.input-field:has(.search-list) .search-list.hide{display:none !important}.input-field:has(.search-list) .search-list li{padding-inline:8px;padding-block:8px;user-select:none;display:inline-flex;gap:12px;width:100%}.input-field:has(.search-list) .search-list li:focus,.input-field:has(.search-list) .search-list li:focus-visible,.input-field:has(.search-list) .search-list li:focus-within,.input-field:has(.search-list) .search-list li:hover,.input-field:has(.search-list) .search-list li.active{background-color:light-dark(var(--color-light-900), var(--color-dark-700))}:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field:has(.search-list) .search-list li:focus,:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field:has(.search-list) .search-list li:focus-visible,:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field:has(.search-list) .search-list li:focus-within,:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field:has(.search-list) .search-list li:hover,:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .input-field:has(.search-list) .search-list li.active{background-color:var(--color-dark-700)}.input-field:has(.search-list) .search-list li .highlight{align-self:flex-start;margin-inline:0;width:min-content}.input-field:has(.search-list) .search-list li .highlight:first-child{margin-inline-start:auto}.input-field:has(.search-list) .search-list .fade{color:var(--color-light-500)}.input-field variant p{margin-block-start:8px}.input-field variant .input-field{margin-block:auto !important;margin-inline-end:12px}.input-field.one input,.input-field.one select,.input-field.one textarea{background:none;border:1px solid var(--color-light-300);transition:border-color .3s ease}.input-field.one input+.placeholder,.input-field.one select+.placeholder,.input-field.one textarea+.placeholder{left:8px;padding:0 5px}.input-field.one input.dirty,.input-field.one input:not(:placeholder-shown),.input-field.one input:focus,.input-field.one input:focus-visible,.input-field.one select.dirty,.input-field.one select:not(:placeholder-shown),.input-field.one select:focus,.input-field.one select:focus-visible,.input-field.one textarea.dirty,.input-field.one textarea:not(:placeholder-shown),.input-field.one textarea:focus,.input-field.one textarea:focus-visible{border-color:var(--primary-color-light-400);transition-delay:.1s}.input-field.one input.dirty,.input-field.one input:invalid,.input-field.one select.dirty,.input-field.one select:invalid,.input-field.one textarea.dirty,.input-field.one textarea:invalid{border-color:var(--error-color) !important;color:var(--error-color) !important}.input-field.one input.dirty+.placeholder,.input-field.one input:invalid+.placeholder,.input-field.one select.dirty+.placeholder,.input-field.one select:invalid+.placeholder,.input-field.one textarea.dirty+.placeholder,.input-field.one textarea:invalid+.placeholder{color:var(--error-color) !important}.input-field.one input.dirty+.placeholder,.input-field.one input:not(:placeholder-shown)+.placeholder,.input-field.one input:focus+.placeholder,.input-field.one input:focus-visible+.placeholder,.input-field.one select.dirty+.placeholder,.input-field.one select:not(:placeholder-shown)+.placeholder,.input-field.one select:focus+.placeholder,.input-field.one select:focus-visible+.placeholder,.input-field.one textarea.dirty+.placeholder,.input-field.one textarea:not(:placeholder-shown)+.placeholder,.input-field.one textarea:focus+.placeholder,.input-field.one textarea:focus-visible+.placeholder{top:0;font-size:10px;color:var(--primary-color-dark-800);background:var(--background);width:auto}.input-field.one input:is([type=checkbox],[type=radio]){margin-block:0}.input-field.one input:is([type=checkbox],[type=radio]):checked+.placeholder{color:var(--primary-color)}.input-field.one input:is([type=checkbox],[type=radio])+.placeholder{color:var(--color-light-500);font-size:14px}.input-field input,.input-field select,.input-field textarea,.input-field.two input,.input-field.two select,.input-field.two textarea{border-radius:0;border-top-left-radius:5px;border-top-right-radius:5px;background:linear-gradient(90deg, light-dark(var(--primary-color-dark-100), var(--primary-color-dark-100)), light-dark(var(--primary-color-light-800), var(--primary-color-light-800))) center bottom/0 1px no-repeat,linear-gradient(90deg, light-dark(var(--color-light-500), var(--color-light-500)), light-dark(var(--color-light-500), var(--color-light-500))) left bottom/100% 1px no-repeat,linear-gradient(90deg, light-dark(var(--neutral-color), var(--color-dark-800)), light-dark(var(--neutral-color), var(--color-dark-800))) left bottom/100% no-repeat;transition:background-size .3s ease}.input-field input.dirty,.input-field input:not(:placeholder-shown),.input-field input:focus,.input-field input:focus-visible,.input-field select.dirty,.input-field select:not(:placeholder-shown),.input-field select:focus,.input-field select:focus-visible,.input-field textarea.dirty,.input-field textarea:not(:placeholder-shown),.input-field textarea:focus,.input-field textarea:focus-visible,.input-field.two input.dirty,.input-field.two input:not(:placeholder-shown),.input-field.two input:focus,.input-field.two input:focus-visible,.input-field.two select.dirty,.input-field.two select:not(:placeholder-shown),.input-field.two select:focus,.input-field.two select:focus-visible,.input-field.two textarea.dirty,.input-field.two textarea:not(:placeholder-shown),.input-field.two textarea:focus,.input-field.two textarea:focus-visible{background-size:100% 1px,100% 1px,100%}.input-field input.dirty,.input-field input:invalid,.input-field select.dirty,.input-field select:invalid,.input-field textarea.dirty,.input-field textarea:invalid,.input-field.two input.dirty,.input-field.two input:invalid,.input-field.two select.dirty,.input-field.two select:invalid,.input-field.two textarea.dirty,.input-field.two textarea:invalid{border-color:var(--error-color) !important;color:var(--error-color) !important}.input-field input.dirty+.placeholder,.input-field input:invalid+.placeholder,.input-field select.dirty+.placeholder,.input-field select:invalid+.placeholder,.input-field textarea.dirty+.placeholder,.input-field textarea:invalid+.placeholder,.input-field.two input.dirty+.placeholder,.input-field.two input:invalid+.placeholder,.input-field.two select.dirty+.placeholder,.input-field.two select:invalid+.placeholder,.input-field.two textarea.dirty+.placeholder,.input-field.two textarea:invalid+.placeholder{color:var(--error-color) !important}.input-field.three{--draw-duration: 0.1s;--draw-color: var(--primary-color-dark-800);--draw-line-width: 2px;--draw-easing: linear}.input-field.three .border{width:100%;height:100%;position:absolute;left:0;top:0;transform:none;display:flex;align-items:center;padding-left:12px;border-radius:3px}.input-field.three .border::after,.input-field.three .border::before{content:"";width:0;height:0;display:inline-block;position:absolute;border-radius:3px}.input-field.three .border::before{left:0;bottom:0;border-right:0px solid var(--draw-color);border-bottom:0px solid var(--draw-color);transition:border 0s linear calc(var(--draw-duration)*4),height var(--draw-duration) var(--draw-easing) calc(var(--draw-duration)*2),width var(--draw-duration) var(--draw-easing) calc(var(--draw-duration)*3)}.input-field.three .border::after{right:0;top:0;border-left:0px solid var(--draw-color);border-top:0px solid var(--draw-color);transition:border 0s linear calc(var(--draw-duration)*2),height var(--draw-duration) var(--draw-easing),width var(--draw-duration) var(--draw-easing) var(--draw-duration)}.input-field.three input.dirty+.placeholder,.input-field.three input:focus+.placeholder,.input-field.three input:focus-visible+.placeholder,.input-field.three input:not(:placeholder-shown)+.placeholder,.input-field.three select.dirty+.placeholder,.input-field.three select:focus+.placeholder,.input-field.three select:focus-visible+.placeholder,.input-field.three select:not(:placeholder-shown)+.placeholder,.input-field.three textarea.dirty+.placeholder,.input-field.three textarea:focus+.placeholder,.input-field.three textarea:focus-visible+.placeholder,.input-field.three textarea:not(:placeholder-shown)+.placeholder{top:-7px}.input-field.three input:focus~.border::before,.input-field.three input:focus-visible~.border::before,.input-field.three input:not(:placeholder-shown)~.border::before,.input-field.three input.dirty~.border::before,.input-field.three input:focus~.border::after,.input-field.three input:focus-visible~.border::after,.input-field.three input:not(:placeholder-shown)~.border::after,.input-field.three input.dirty~.border::after,.input-field.three select:focus~.border::before,.input-field.three select:focus-visible~.border::before,.input-field.three select:not(:placeholder-shown)~.border::before,.input-field.three select.dirty~.border::before,.input-field.three select:focus~.border::after,.input-field.three select:focus-visible~.border::after,.input-field.three select:not(:placeholder-shown)~.border::after,.input-field.three select.dirty~.border::after,.input-field.three textarea:focus~.border::before,.input-field.three textarea:focus-visible~.border::before,.input-field.three textarea:not(:placeholder-shown)~.border::before,.input-field.three textarea.dirty~.border::before,.input-field.three textarea:focus~.border::after,.input-field.three textarea:focus-visible~.border::after,.input-field.three textarea:not(:placeholder-shown)~.border::after,.input-field.three textarea.dirty~.border::after{width:100%;height:100%;border-width:var(--draw-line-width)}.input-field.three input:not(:placeholder-shown)~.border::before,.input-field.three input.dirty~.border::before,.input-field.three input:focus~.border::before,.input-field.three input:focus-visible~.border::before,.input-field.three select:not(:placeholder-shown)~.border::before,.input-field.three select.dirty~.border::before,.input-field.three select:focus~.border::before,.input-field.three select:focus-visible~.border::before,.input-field.three textarea:not(:placeholder-shown)~.border::before,.input-field.three textarea.dirty~.border::before,.input-field.three textarea:focus~.border::before,.input-field.three textarea:focus-visible~.border::before{transition-delay:0s,var(--draw-duration),0s}.input-field.three input:not(:placeholder-shown)~.border::after,.input-field.three input.dirty~.border::after,.input-field.three input:focus~.border::after,.input-field.three input:focus-visible~.border::after,.input-field.three select:not(:placeholder-shown)~.border::after,.input-field.three select.dirty~.border::after,.input-field.three select:focus~.border::after,.input-field.three select:focus-visible~.border::after,.input-field.three textarea:not(:placeholder-shown)~.border::after,.input-field.three textarea.dirty~.border::after,.input-field.three textarea:focus~.border::after,.input-field.three textarea:focus-visible~.border::after{transition-delay:calc(var(--draw-duration)*2),calc(var(--draw-duration)*3),calc(var(--draw-duration)*2)}.btn-group{display:flex;flex-wrap:nowrap;text-wrap:nowrap;gap:0;border-radius:2em;overflow:hidden;overflow-x:auto;height:fit-content}.btn-group .btn{border-color:rgba(0,0,0,0) !important;border-radius:0 !important}.btn-group .btn:first-child{padding-inline-start:.5em}.btn-group .btn:last-child{padding-inline-end:.5em}button{white-space:nowrap}button i.bi{pointer-events:none}button.btn,a.btn{border:none;font-size:1em;color:light-dark(var(--primary-color-light-100), var(--primary-color-light-500));background-color:light-dark(var(--primary-color-light-800), var(--primary-color-dark-600));border:1px solid light-dark(var(--primary-color-light-800), var(--primary-color-dark-600));padding:.2em .4em;border-radius:.2em;text-wrap:nowrap;cursor:pointer;margin-block:auto;user-select:none;position:relative;overflow:hidden}button.btn:hover::after,button.btn:focus-visible::after,a.btn:hover::after,a.btn:focus-visible::after{position:absolute;content:"";inset:0;background-color:rgb(from var(--primary-color) r g b/0.1)}button.btn:active,a.btn:active{background-color:light-dark(var(--primary-color-light-600), var(--primary-color-dark-500));color:light-dark(var(--primary-color-dark-300), var(--primary-color-light-500));border-color:rgba(0,0,0,0)}button.btn[disabled],a.btn[disabled]{background-color:light-dark(var(--color-light-400), var(--color-dark-400)) !important;border-color:light-dark(var(--color-light-400), var(--color-dark-400)) !important;color:light-dark(var(--color-light-100), var(--color-light-500)) !important;cursor:not-allowed}:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) button.btn[disabled],[data-theme=dark] button.btn[disabled],:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) a.btn[disabled],[data-theme=dark] a.btn[disabled]{background-color:var(--color-dark-400) !important;border-color:var(--color-dark-400) !important}button.btn i.bi:has(~*),a.btn i.bi:has(~*){margin-inline-end:.2em}button.btn:has(a),a.btn:has(a){padding:0}button.btn-border-radius,a.btn-border-radius{border-radius:8px}button.btn.primary,a.btn.primary{background-color:hsl(from var(--primary-color-dark-700) h 80% 40%);border-color:hsl(from var(--primary-color-dark-700) h 80% 40%);color:var(--primary-color-light-800);transition:box-shadow .1s ease-in-out}button.btn.primary:hover,button.btn.primary:focus-visible,a.btn.primary:hover,a.btn.primary:focus-visible{background-color:hsl(from var(--primary-color-dark-900) h 80% 30%);border-color:hsl(from var(--primary-color-dark-900) h 80% 30%);box-shadow:0 0 5px -2px var(--primary-color),0 0 5px -2px var(--primary-color)}button.btn.primary:active,a.btn.primary:active{background-color:hsl(from var(--primary-color-dark-900) h 80% 40%);border-color:hsl(from var(--primary-color-dark-900) h 80% 40%)}button.btn.error,a.btn.error{background-color:hsl(from var(--error-color) h 80% 40%);border-color:hsl(from var(--error-color) h 80% 40%);color:color-mix(in hsl shorter hue, var(--error-color) 19.6%, #ffffff 100%);transition:box-shadow .1s ease-in-out}button.btn.error:hover,button.btn.error:focus-visible,a.btn.error:hover,a.btn.error:focus-visible{background-color:hsl(from var(--error-color) h 80% 30%);border-color:hsl(from var(--error-color) h 80% 30%);box-shadow:0 0 5px -2px var(--error-color),0 0 5px -2px var(--error-color)}button.btn.error:active,a.btn.error:active{background-color:hsl(from var(--error-color) h 80% 40%);border-color:hsl(from var(--error-color) h 80% 40%)}button.btn.outline,a.btn.outline{background-color:rgba(0,0,0,0);color:light-dark(var(--color-light-500), var(--color-light-100));border-color:light-dark(var(--color-light-500), var(--color-light-100))}button.btn.outline:hover,button.btn.outline:focus-visible,a.btn.outline:hover,a.btn.outline:focus-visible{background-color:rgba(0,0,0,0);color:light-dark(var(--color-dark-100), var(--color-light-300));border-color:light-dark(var(--color-dark-100), var(--color-light-300))}button.btn.outline:hover::after,button.btn.outline:focus-visible::after,a.btn.outline:hover::after,a.btn.outline:focus-visible::after{background-color:rgba(0,0,0,0)}button.btn.outline.primary,a.btn.outline.primary{color:light-dark(var(--primary-color-light-100), var(--primary-color-dark-200));border-color:light-dark(var(--primary-color-light-100), var(--primary-color-dark-200))}button.btn.outline.primary:hover,button.btn.outline.primary:focus-visible,a.btn.outline.primary:hover,a.btn.outline.primary:focus-visible{color:light-dark(var(--primary-color-dark-300), var(--primary-color-light-100));border-color:light-dark(var(--primary-color-dark-300), var(--primary-color-light-100))}button.btn.outline.primary:active,a.btn.outline.primary:active{color:light-dark(var(--primary-color-dark-500), var(--primary-color-light-300));border-color:light-dark(var(--primary-color-dark-500), var(--primary-color-light-300))}button.btn.outline[disabled],a.btn.outline[disabled]{background-color:rgba(0,0,0,0) !important}button.btn.outline:active,a.btn.outline:active{color:light-dark(var(--color-dark-500), var(--color-light-500));border-color:light-dark(var(--color-dark-500), var(--color-light-500))}button.btn.sm,a.btn.sm{font-size:.8em}button.classic,a.classic{padding:.8em 1.5em;color:rgba(0,0,0,0);background:linear-gradient(130deg, var(--primary-color) 0% 50%, var(--neutral-color) 50% 100%);background-size:200% 100%;background-position:0% 100%;background-clip:text;-webkit-background-clip:text;font-weight:bold;text-transform:capitalize;border-radius:2em;border:.2em solid var(--primary-color);box-shadow:.2em .2em var(--primary-color);position:relative;overflow:hidden;user-select:none;cursor:pointer;transition:all .7s cubic-bezier(0.4, 0, 0.2, 1)}button.classic::after,a.classic::after{content:"";position:absolute;width:120%;height:12em;background-color:var(--primary-color);bottom:-120%;left:0;top:120%;transform-origin:left top;z-index:-1;transition:all .7s cubic-bezier(0.4, 0, 0.2, 1)}button.classic:hover,button.classic:focus-visible,a.classic:hover,a.classic:focus-visible{box-shadow:0 0 var(--primary-color);background-position:100% 100%}button.classic:hover::after,button.classic:focus-visible::after,a.classic:hover::after,a.classic:focus-visible::after{--tw-rotate: -90deg;--tw-translate-x: 0%;--tw-translate-y: 0%;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}button.classic:active,a.classic:active{scale:.95;transition:scale .2s;transition:color .1s;color:var(--neutral-color)}@media screen and (width > 800px){button.classic.responsive,a.classic.responsive{font-size:large}}@media screen and (width > 1000px){button.classic.responsive,a.classic.responsive{font-size:x-large}}@media screen and (width > 1400px){button.classic.responsive,a.classic.responsive{font-size:xx-large}}button.classic.large,a.classic.large{font-size:large}button.classic.x-large,a.classic.x-large{font-size:x-large}button.classic.xx-large,a.classic.xx-large{font-size:xx-large}.gap-0{gap:.5em}.gap-0-b{gap:.5em 0}.gap-0-i{gap:0 .5em}.gap-1{gap:1em}.gap-1-b{gap:1em 0}.gap-1-i{gap:0 1em}.gap-2{gap:2em}.gap-2-b{gap:2em 0}.gap-2-i{gap:0 2em}.m-a{margin:auto !important}.mb{margin-block:var(--v) !important}.mb-auto,.mb-a{margin-block:auto !important}.mb-0{margin-block:0em !important}.mb-1{margin-block:1em !important}.mb-2{margin-block:2em !important}.mb-3{margin-block:3em !important}.mb-4{margin-block:4em !important}.mbs{margin-block-start:var(--v) !important}.mbs-auto,.mbs-a{margin-block-start:auto !important}.mbs-0{margin-block-start:0em !important}.mbs-1{margin-block-start:1em !important}.mbs-2{margin-block-start:2em !important}.mbs-3{margin-block-start:3em !important}.mbs-4{margin-block-start:4em !important}.mbe{margin-block-end:var(--v) !important}.mbe-auto,.mbe-a{margin-block-end:auto !important}.mbe-0{margin-block-end:0em !important}.mbe-1{margin-block-end:1em !important}.mbe-2{margin-block-end:2em !important}.mbe-3{margin-block-end:3em !important}.mbe-4{margin-block-end:4em !important}.mi{margin-inline:var(--v) !important}.mi-auto,.mi-a{margin-inline:auto !important}.mi-0{margin-inline:0em !important}.mi-1{margin-inline:1em !important}.mi-2{margin-inline:2em !important}.mi-3{margin-inline:3em !important}.mi-4{margin-inline:4em !important}.mis{margin-inline-start:var(--v) !important}.mis-auto,.mis-a{margin-inline-start:auto !important}.mis-0{margin-inline-start:0em !important}.mis-1{margin-inline-start:1em !important}.mis-2{margin-inline-start:2em !important}.mis-3{margin-inline-start:3em !important}.mis-4{margin-inline-start:4em !important}.mie{margin-inline-end:var(--v) !important}.mie-auto,.mie-a{margin-inline-end:auto !important}.mie-0{margin-inline-end:0em !important}.mie-1{margin-inline-end:1em !important}.mie-2{margin-inline-end:2em !important}.mie-3{margin-inline-end:3em !important}.mie-4{margin-inline-end:4em !important}.p-a{padding:auto !important}.pb{padding-block:var(--v) !important}.pb-auto,.pb-a{padding-block:auto !important}.pb-0{padding-block:0em !important}.pb-1{padding-block:1em !important}.pb-2{padding-block:2em !important}.pb-3{padding-block:3em !important}.pb-4{padding-block:4em !important}.pbs{padding-block-start:var(--v) !important}.pbs-auto,.pbs-a{padding-block-start:auto !important}.pbs-0{padding-block-start:0em !important}.pbs-1{padding-block-start:1em !important}.pbs-2{padding-block-start:2em !important}.pbs-3{padding-block-start:3em !important}.pbs-4{padding-block-start:4em !important}.pbe{padding-block-end:var(--v) !important}.pbe-auto,.pbe-a{padding-block-end:auto !important}.pbe-0{padding-block-end:0em !important}.pbe-1{padding-block-end:1em !important}.pbe-2{padding-block-end:2em !important}.pbe-3{padding-block-end:3em !important}.pbe-4{padding-block-end:4em !important}.pi{padding-inline:var(--v) !important}.pi-auto,.pi-a{padding-inline:auto !important}.pi-0{padding-inline:0em !important}.pi-1{padding-inline:1em !important}.pi-2{padding-inline:2em !important}.pi-3{padding-inline:3em !important}.pi-4{padding-inline:4em !important}.pis{padding-inline-start:var(--v) !important}.pis-auto,.pis-a{padding-inline-start:auto !important}.pis-0{padding-inline-start:0em !important}.pis-1{padding-inline-start:1em !important}.pis-2{padding-inline-start:2em !important}.pis-3{padding-inline-start:3em !important}.pis-4{padding-inline-start:4em !important}.pie{padding-inline-end:var(--v) !important}.pie-auto,.pie-a{padding-inline-end:auto !important}.pie-0{padding-inline-end:0em !important}.pie-1{padding-inline-end:1em !important}.pie-2{padding-inline-end:2em !important}.pie-3{padding-inline-end:3em !important}.pie-4{padding-inline-end:4em !important}.w{width:var(--w)}.w-50{width:50%}.w-100{width:100%}.w-responsive{--w: 100%;--mw: 100ch;--width: 50%;width:var(--w);max-width:var(--mw)}.w-responsive.response-1{--width: 25%}.w-responsive.response-2{--width: 50%}.w-responsive.response-3{--width: 60%}.w-responsive.response-4{--width: 75%}.w-responsive.response-5{--width: 80%}.w-responsive.response-6{--width: 90%}@media screen and (width > 500px){.w-responsive{--w: var(--width)}}table{width:var(--width, min(800px, 100%));font-size:.9em;border-collapse:collapse}table td{padding:9.6px;border-bottom:1px solid var(--color-light-500);align-content:flex-start;user-select:none}table td .nowrap{display:flex;flex-wrap:nowrap}table td .input-field{width:100%}table td .input-field+.input-field{margin-block:12px}table td input,table td select,table td textarea{min-width:auto !important}table td svg.bi{height:1em}table tr{vertical-align:baseline;vertical-align:-webkit-baseline-middle}table tr.border-less td{border-bottom:none}table thead tr.sticky{position:sticky;top:0;background-color:var(--background)}table thead th{text-align:start;padding:16px;font-weight:600;border-bottom:1px solid var(--color-dark-500);user-select:none}table tbody tr:last-child td{border-bottom:none}table tbody tr:hover,table tbody tr:focus-visible{background-color:hsl(from light-dark(var(--color-light-900), var(--color-dark-600)) h s l/0.7)}table tbody tr:hover td .input-field input:not(:placeholder-shown)+.placeholder,table tbody tr:hover td .input-field input:focus+.placeholder,table tbody tr:hover td .input-field input:focus-visible+.placeholder,table tbody tr:hover td .input-field select:not(:placeholder-shown)+.placeholder,table tbody tr:hover td .input-field select:focus+.placeholder,table tbody tr:hover td .input-field select:focus-visible+.placeholder,table tbody tr:hover td .input-field textarea:not(:placeholder-shown)+.placeholder,table tbody tr:hover td .input-field textarea:focus+.placeholder,table tbody tr:hover td .input-field textarea:focus-visible+.placeholder,table tbody tr:focus-visible td .input-field input:not(:placeholder-shown)+.placeholder,table tbody tr:focus-visible td .input-field input:focus+.placeholder,table tbody tr:focus-visible td .input-field input:focus-visible+.placeholder,table tbody tr:focus-visible td .input-field select:not(:placeholder-shown)+.placeholder,table tbody tr:focus-visible td .input-field select:focus+.placeholder,table tbody tr:focus-visible td .input-field select:focus-visible+.placeholder,table tbody tr:focus-visible td .input-field textarea:not(:placeholder-shown)+.placeholder,table tbody tr:focus-visible td .input-field textarea:focus+.placeholder,table tbody tr:focus-visible td .input-field textarea:focus-visible+.placeholder{background-size:100% 1px,100% 1px,100%}:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) table tbody tr:hover,:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) table tbody tr:focus-visible{background-color:hsl(from var(--color-dark-600) h s l/0.7)}table tbody tr:has(input[type=checkbox][data-selection],input[type=radio][data-selection]) input[type=checkbox][data-selection],table tbody tr:has(input[type=checkbox][data-selection],input[type=radio][data-selection]) input[type=radio][data-selection]{display:none}table tbody tr:has(input[type=checkbox][data-selection],input[type=radio][data-selection]) label{display:block;width:100%}table tbody tr:has(input[type=checkbox][data-selection],input[type=radio][data-selection]) td:has(label input[data-selection]){padding-block:0}table tbody tr:has(input[type=checkbox][data-selection],input[type=radio][data-selection]) td:has(label input[data-selection]) label{padding-block:8px}table tbody tr:has(input[type=checkbox][data-selection]:checked,input[type=radio][data-selection]:checked){background-color:light-dark(var(--primary-color-light-700), var(--primary-color-dark-700))}:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) table tbody tr:has(input[type=checkbox][data-selection]:checked,input[type=radio][data-selection]:checked){background-color:var(--primary-color-dark-700)}table .text-ellipsis{text-overflow:ellipsis;white-space:nowrap;transform-origin:left !important}table .text-center{text-align:center}.table-wrapper{height:var(--height, auto);overflow-y:auto;--scrollbar-m: 4em 0.5em;border-radius:8px;place-content:center}.table-wrapper.shadow{box-shadow:0 0 5px -2px light-dark(var(--color-dark-800), var(--color-dark-100))}:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .table-wrapper.shadow{box-shadow:0 0 5px -2px var(--color-dark-100)}.table-wrapper.fixed table{table-layout:fixed}.quick_table{display:grid;grid-template-columns:auto 1fr;border-radius:8px;margin-block:1em;padding:1em;box-shadow:0 0 10px -2px var(--color-light-500);column-gap:36px;row-gap:5px}.quick_table label{color:light-dark(var(--color-light-500), var(--color-light-500))}.quick_table label{grid-column:1}.quick_table span{grid-column:2}.quick_table.inset-shadow{box-shadow:inset 0 0 10px -2px var(--color-light-500)}.quick_table.shadow-less{box-shadow:none}.quick_table [data-span="2"]{grid-column:span 2}dialog:not(.dialog-simple){box-shadow:0 0 10px -5px;background-color:var(--background);width:min(800px,90%);min-width:300px}dialog:not(.dialog-simple)::backdrop{backdrop-filter:blur(13px)}dialog,.dialog-simple{color:currentColor;border:none;border-radius:8px;margin:auto;padding:24px}dialog+dialog,.dialog-simple+dialog{z-index:1}dialog .dialog-header,.dialog-simple .dialog-header{display:grid;grid-auto-flow:column;align-items:center;gap:12px}dialog .dialog-header [data-dialog-title],.dialog-simple .dialog-header [data-dialog-title]{text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden;width:min(500px,90%);font-weight:600}dialog .dialog-body,.dialog-simple .dialog-body{display:flex;flex-direction:column;gap:12px}dialog .dialog-body input:not([type=checkbox],[type=radio],[type=date],[type=datetime-local]),dialog .dialog-body select,dialog .dialog-body textarea,.dialog-simple .dialog-body input:not([type=checkbox],[type=radio],[type=date],[type=datetime-local]),.dialog-simple .dialog-body select,.dialog-simple .dialog-body textarea{width:100%}@media screen and (width > 1200px){dialog .dialog-body.grid-layout,.dialog-simple .dialog-body.grid-layout{display:grid;grid-template-columns:var(--template-columns, 1fr 1fr)}dialog .dialog-body.grid-layout .flex-1,.dialog-simple .dialog-body.grid-layout .flex-1{flex:unset}dialog .dialog-body.grid-layout input,dialog .dialog-body.grid-layout select,.dialog-simple .dialog-body.grid-layout input,.dialog-simple .dialog-body.grid-layout select{min-width:var(--min, auto) !important}}dialog .dialog-footer,.dialog-simple .dialog-footer{display:flex;flex-wrap:wrap;gap:12px}dialog fieldset,.dialog-simple fieldset{padding:8px}dialog fieldset:has(:not(legend)),.dialog-simple fieldset:has(:not(legend)){border:none}dialog fieldset:has(.table-wrapper),.dialog-simple fieldset:has(.table-wrapper){display:grid}dialog fieldset:has(legend),.dialog-simple fieldset:has(legend){border-radius:8px;border-style:dashed;border-color:var(--color-light-500);border-width:2px;color:light-dark(var(--color-dark-100), var(--color-light-500))}:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) dialog fieldset:has(legend),:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .dialog-simple fieldset:has(legend){color:var(--color-light-500)}dialog fieldset:has(legend) legend,.dialog-simple fieldset:has(legend) legend{padding-inline:8px;margin-inline:8px;display:inline-flex;place-items:center}dialog fieldset:has(legend) legend>*,.dialog-simple fieldset:has(legend) legend>*{margin-inline-start:8px}dialog fieldset .table-wrapper,.dialog-simple fieldset .table-wrapper{--height: auto;min-height:400px}dialog hr,.dialog-simple hr{border-color:var(--primary-color-light-300) !important;border:none;border-top:1px solid;width:100%;margin-block:12px}:has(.dialog-simple){position:relative}:has(.dialog-simple) .dialog-simple{position:absolute;display:none;inset:0;background:var(--background);padding:16px;margin:0;width:100%;height:100%;overflow-y:auto;padding-block-end:40px}@media screen and (width < 1200px){:has(.dialog-simple) .dialog-simple .dialog-header{margin-inline-end:50px}}:has(.dialog-simple) [open]{display:block}@property --progress{syntax:"";initial-value:0;inherits:false}@keyframes slidesIn{0%{opacity:0;transform:translate(var(--slide0), var(--slide1))}75%{transform:translate(var(--slide0_0), var(--slide1_0))}100%{opacity:1;transform:translate(0%, 0%)}}@keyframes slidesOut{0%{opacity:1;transform:translate(0%, 0%)}75%{opacity:1;transform:translate(var(--slide0_0), var(--slide1_0))}100%{opacity:0;transform:translate(var(--slide0), var(--slide1))}}@keyframes progressIn{0%{--progress: var(--start)}100%{--progress: var(--end)}}.toast-container{--slide0: 0%;--slide1: 0%;--slide0_0: 0%;--slide1_0: 0%;--progress: 0.5;--progresstime: 5s;--playstate: running;--start: 0;--end: 100;--background: linear-gradient(90deg, black, black, black);--background0: linear-gradient(90deg, #0052d4, #4364f7, #6fb1fc);--background1: linear-gradient(90deg, #0052d4, #4a00e0);--background2: linear-gradient(90deg, #f12711, #f5af19);--background3: linear-gradient(43deg, #4158d0, #c850c0, #ffcc70);--background4: linear-gradient(orange, orange);margin:10px;width:250px;display:flex;flex-direction:column;gap:.4em;position:fixed;z-index:5000;height:auto}.toast-container[data-position^=top-]{top:0}.toast-container[data-position$=-right]{right:0}.toast-container[data-position$=-right] .toast{--slide0: 110%;--slide0_0: -5%}.toast-container[data-position$=-left]{left:0}.toast-container[data-position$=-left] .toast{--slide0: -110%;--slide0_0: 5%}.toast-container[data-position^=bottom-]{bottom:0}.toast-container[data-position$=-center]{left:50%;transform:translateX(-50%)}.toast-container[data-position=top-center] .toast{--slide1: -110%;--slide1_0: 10%}.toast-container[data-position=bottom-center] .toast{--slide1: 110%;--slide1_0: -10%}.toast{padding:.75rem;padding-left:1.2rem;color:var(--color);background:var(--background);border-radius:.3rem;cursor:default;overflow:hidden;position:relative;box-shadow:0 0 10px -2px gray}:root[data-theme=dark] .toast,[data-theme=dark] .toast{box-shadow:0 0 20px -2px #000}.toast.show{animation:slidesIn .6s forwards}.toast.dismiss{animation:slidesOut .6s forwards}.toast.can-close{cursor:pointer}.toast.can-close::after{content:"×";position:absolute;inset:0 .3rem auto auto;color:#858585}.toast.progress::before{content:"";inset:auto 0 0 0;height:5px;width:calc(1%*var(--progress, 100));background:var(--color);position:absolute}.toast.progress.start::before{animation:progressIn var(--progresstime) ease-in forwards;animation-play-state:var(--playstate)}.toast.progress[data-direction=reverse]::before{--start: 100;--end: 0}.toast>i{color:var(--color)}.toast>i.bi{margin-right:.5rem}.toast>i::after{content:"";inset:0 auto 0 0;width:6px;margin:.3em;margin-bottom:.5em;border-radius:1em;background:var(--color);position:absolute}.toast p{margin:auto}.toast button{all:unset;--bg: hsl(from var(--background) h 100% 40% / 0.3);border:none;font-size:1em;color:var(--color);background-color:var(--bg);border:1px solid var(--border);padding:.2em .4em;margin-block:10px;border-radius:.3em;text-wrap:nowrap;cursor:pointer;user-select:none;position:relative;overflow:hidden}.toast button:hover::after,.toast button:focus-visible::after{position:absolute;content:"";inset:0;background-color:rgb(from var(--bg) r g b/0.3)}.toast button.dark{color:var(--background);background-color:var(--color)}.toast button.dark:hover::after,.toast button.dark:focus-visible::after{background-color:hsl(from var(--color) h 100% 40%/0.3)}.toast button:has(+button){margin-inline-end:10px}.form ul{padding-inline-start:1.5em}.form-body{display:flex;flex-direction:column;gap:12px}.form-body input:not([type=checkbox],[type=radio],[type=date],[type=datetime-local]),.form-body select,.form-body textarea{width:100%}@media screen and (width > 1200px){.form-body.grid-layout{display:grid;grid-template-columns:var(--template-columns, 1fr 1fr)}.form-body.grid-layout .flex-1{flex:unset}.form-body.grid-layout input,.form-body.grid-layout select{min-width:var(--min, auto) !important}}details[data-pop]{position:relative}details[data-pop] summary{list-style:none}details[data-pop] ul{position:absolute;z-index:1;list-style:none;width:max-content;background-color:var(--background);box-shadow:0 0 5px -2px var(--color-light-800);border-radius:8px;padding:0;overflow:hidden}details[data-pop] ul li{padding:8px 16px;cursor:pointer}details[data-pop] ul li:hover{background-color:var(--color-light-300)}.pair-box{display:grid;gap:var(--r-gap, 12px) var(--c-gap, 12px);place-items:flex-start;margin-block:16px;grid-template-columns:auto 2fr}.pair-box label{color:var(--alert-light-color)}@media screen and (width < 500px){.pair-box label[data-col-span="2"]{grid-column:span 2}.pair-box label[data-col-span="2"]+span{grid-column:span 2;position:relative;width:100%;margin-block-end:1em}.pair-box label[data-col-span="2"]+span::after{position:absolute;content:"";height:1px;background-color:var(--color-light-500);bottom:-0.5em;left:0;width:100%}}.pair-box span{overflow-wrap:anywhere}*:has(>.pair-box){margin-block:16px;margin-inline:auto;padding:24px;border-radius:8px;box-shadow:0 0 10px -2px var(--color-light-300)}.pair-box ul,.pair-box ol{padding-inline-start:1em}.alert{padding:16px;margin-block:1em;border-radius:8px}.alert-primary{color:var(--alert-primary-color);background-color:var(--alert-primary-bg);border:1px solid var(--alert-primary-border)}.alert-warning{color:var(--alert-warning-color);background-color:var(--alert-warning-bg);border:1px solid var(--alert-warning-border)}.alert-error,.alert-danger{color:var(--alert-error-color);background-color:var(--alert-error-bg);border:1px solid var(--alert-error-border)}.leaves{position:relative;width:100%;height:0;text-align:right;display:flex;place-content:center;z-index:2}.leaves i{display:inline-block;width:200px;height:150px;background:linear-gradient(to bottom right, #309900, #005600);transform:skew(20deg);border-radius:5% 40% 70%;box-shadow:inset 0px 0px 1px #222;border:1px solid #333;z-index:1;animation:falling 5s 0s infinite;pointer-events:none;user-select:none}.leaves i::before,.leaves i::after{content:"";position:absolute;pointer-events:none;user-select:none}.leaves i::before{top:117px;right:9px;height:27px;width:32px;transform:rotate(49deg);border-radius:0% 15% 15% 0%;border-top:1px solid #222;border-bottom:1px solid #222;border-left:0px solid #222;border-right:1px solid #222;background:linear-gradient(to right, rgb(0, 100, 0), #005600);z-index:1}.leaves i::after{height:125px;width:10px;left:85px;background:linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));display:block;transform:rotate(125deg);border-radius:50%}.leaves i:nth-of-type(2n){animation:falling2 5s 0s infinite}.leaves i:nth-of-type(3n){animation:falling3 5s 0s infinite}.leaves i:nth-of-type(n){height:23px;width:30px}.leaves i:nth-of-type(n):before{width:7px;height:5px;top:17px;right:1px}.leaves i:nth-of-type(n):after{width:2px;height:17px;left:12px;top:0px}.leaves i:nth-of-type(2n + 1){height:11px;width:16px}.leaves i:nth-of-type(2n + 1):before{width:4px;height:3px;top:7px;right:0px}.leaves i:nth-of-type(2n + 1):after{width:2px;height:6px;left:5px;top:1px}.leaves i:nth-of-type(3n + 2){height:17px;width:23px}.leaves i:nth-of-type(3n + 2):before{height:4px;width:4px;top:12px;right:1px}.leaves i:nth-of-type(3n + 2):after{height:10px;width:2px;top:1px;left:8px}.leaves i:nth-of-type(n){animation-delay:-1.9s}.leaves i:nth-of-type(2n){animation-delay:-3.9s}.leaves i:nth-of-type(3n){animation-delay:-2.3s}.leaves i:nth-of-type(4n){animation-delay:-4.4s}.leaves i:nth-of-type(5n){animation-delay:-5s}.leaves i:nth-of-type(6n){animation-delay:-3.5s}.leaves i:nth-of-type(7n){animation-delay:-2.8s}.leaves i:nth-of-type(8n){animation-delay:-1.5s}.leaves i:nth-of-type(9n){animation-delay:-3.3s}.leaves i:nth-of-type(10n){animation-delay:-2.5s}.leaves i:nth-of-type(11n){animation-delay:-1.2s}.leaves i:nth-of-type(12n){animation-delay:-4.1s}.leaves i:nth-of-type(13n){animation-delay:-1s}.leaves i:nth-of-type(14n){animation-delay:-4.7s}.leaves i:nth-of-type(15n){animation-delay:-3s}.leaves i:nth-of-type(n){background:linear-gradient(to bottom right, #309900, #005600)}.leaves i:nth-of-type(2n + 2){background:linear-gradient(to bottom right, #5e9900, #2b5600)}.leaves i:nth-of-type(4n + 1){background:linear-gradient(to bottom right, #990, #564500)}.leaves i:nth-of-type(n){opacity:.7}.leaves i:nth-of-type(3n + 1){opacity:.5}.leaves i:nth-of-type(3n + 2){opacity:.3}.leaves i:nth-of-type(n){transform:rotate(180deg)}.leaves i:nth-of-type(n){animation-timing-function:ease-in-out}@keyframes falling{0%{transform:translate3d(300, 0, 0) rotate(0deg)}100%{transform:translate3d(-350px, 700px, 0) rotate(90deg);opacity:0}}@keyframes falling3{0%{transform:translate3d(0, 0, 0) rotate(-20deg)}100%{transform:translate3d(-230px, 640px, 0) rotate(-70deg);opacity:0}}@keyframes falling2{0%{transform:translate3d(0, 0, 0) rotate(90deg)}100%{transform:translate3d(-400px, 680px, 0) rotate(0deg);opacity:0}}.carousel{--border-color: #fff5;--w-image: 400px;--carousel-ratio: 1;container-name:carousel;container-type:inline-size;margin-top:-60px;width:100%;height:100dvh;overflow:hidden}.carousel [data-list-item]{height:100%;position:relative}.carousel [data-list-item]::before,.carousel [data-list-item]::after{position:absolute;content:"";z-index:10;pointer-events:none}.carousel [data-list-item]::before{width:var(--w-image);height:100%;top:0;left:calc(100% - var(--w-image)*var(--carousel-ratio))}.carousel [data-list-item]::after{top:50px;left:50px;background-color:var(--primary-color);width:400px;height:300px;border-radius:20px 50px 110px 230px;filter:blur(150px);opacity:.6}.carousel [data-list-item] .item{position:absolute;inset:0;display:none}.carousel [data-list-item] .item figure{height:100%;position:absolute;top:0;padding:min(2%,20px);display:flex;flex-direction:column;align-items:center;font-weight:500;width:100%;left:0;justify-content:center;pointer-events:none;user-select:none}.carousel [data-list-item] .item figure img{max-width:90%;height:60dvh;object-fit:contain;margin-bottom:20px;z-index:1;filter:drop-shadow(0px 0px 20px #000)}.carousel [data-list-item] .item figure figcaption{font-weight:bold;font-size:1.3em;text-transform:capitalize;color:hsl(from var(--bg) h 80% 80%);width:100%;text-align:center}.carousel [data-list-item] .item .main-content{height:100%;display:grid;background-color:var(--bg)}.carousel [data-list-item] .item .main-content::after{content:"";position:absolute;background:url("/static/core/images/shiva.png");background-repeat:no-repeat;object-fit:fill;background-size:cover;background-position:top;inset:0;filter:blur(35px);z-index:-2;mix-blend-mode:multiply}.carousel [data-list-item] .item .main-content .content{--top: 80px;--left: 30px;padding:var(--top) 20px 20px var(--left);display:none}.carousel [data-list-item] .item .main-content .content h2{color:hsl(from var(--bg) h 80% 80%);font-size:2em;text-transform:capitalize;line-height:1em}.carousel [data-list-item] .item .main-content .content .price{color:hsl(from var(--bg) h 80% 70%);font-size:3rem;margin:.5em 0;white-space:nowrap}.carousel [data-list-item] .item .main-content .content .description{color:hsl(from var(--bg) h 80% 70%);display:none;margin-block-end:20px}.carousel [data-list-item] .item .main-content .content button.classic,.carousel [data-list-item] .item .main-content .content a.classic{--primary-color: hsl(from var(--bg) h 80% 80%)}.carousel [data-list-item] .item[data-index="0"]{display:block;z-index:2}.carousel [data-list-item] .item[data-index="-1"],.carousel [data-list-item] .item[data-index="1"]{pointer-events:none}.carousel [data-list-item] .item[data-index="0"] .main-content{animation:showContent 1s ease-in-out 1 forwards}@keyframes showContent{from{clip-path:circle(0% at 70% 50%)}to{clip-path:circle(100% at 70% 50%)}}.carousel.next .item[data-index="-1"]{z-index:1}.carousel.next .item .image img,.carousel.next .item .image figcaption{animation:effectNext .5s ease-in-out 1 forwards}.carousel.next .item[data-index="0"] .image{--transform-from: var(--w-image)}.carousel.next .item[data-index="-1"] .image{z-index:3;--transform-from: 0px;overflow:hidden}.carousel.next .item[data-index="1"] .image{z-index:3;--transform-from: calc(var(--w-image) * 2)}.carousel.prev .item .image img,.carousel.prev .item .image figcaption{animation:effectPrev .5s ease-in-out 1 forwards}.carousel.prev .item[data-index="0"] .image{--transform-from: calc(var(--w-image) * -1);overflow:hidden}.carousel.prev .item[data-index="-1"] .image{--transform-from: 0px;z-index:3}.carousel.prev .item[data-index="1"] .image{z-index:3;--transform-from: var(--w-image)}.carousel.prev .item[data-index="1"] .main-content{opacity:0}@keyframes effectNext{from{transform:translateX(calc(var(--transform-from)))}to{transform:translateX(calc(var(--transform-from) - var(--w-image)))}}@keyframes effectPrev{from{transform:translateX(calc(var(--transform-from)))}to{transform:translateX(calc(var(--transform-from) + var(--w-image)))}}.carousel .arrows{--size: 30px;position:absolute;bottom:min(10dvh,50px);display:none;grid-template-columns:repeat(2, var(--size));grid-template-rows:var(--size);gap:calc(var(--size)/3);z-index:10;justify-content:center;left:50%;transform:translateX(-50%)}@media screen and (500px < height){.carousel .arrows{display:grid}}@media screen and (300px < height)and (orientation: landscape){.carousel .arrows{display:grid}}.carousel .arrows button{background-color:rgba(0,0,0,0);border:1px solid rgb(from var(--color-light-500) r g b/0.3);color:var(--color-light-700);font-size:large;font-weight:bold;line-height:0;box-shadow:0 10px 40px rgb(from var(--color-light-500) r g b/0.5);cursor:pointer;transition:.5s}.carousel .arrows button:hover,.carousel .arrows button:focus-visible{background-color:rgb(from var(--color-light-500) r g b/0.8)}@media screen and (500px < width)and (700px < height){.carousel [data-list-item] .item .main-content .content{--top: 30px;--left: 30px;display:block;text-align:center}.carousel [data-list-item] .item .main-content .content .price{margin-block:8px}.carousel [data-list-item] .item figure{top:8dvh}.carousel [data-list-item] .item figure img{height:45dvh}}@media screen and (700px < width)and (700px < height){.carousel [data-list-item] .item .main-content .content{align-self:center;text-align:left;width:calc(100% - var(--w-image)*var(--carousel-ratio))}.carousel [data-list-item] .item .main-content .content h2{font-size:4em}.carousel [data-list-item] .item .main-content .content .price{font-size:3em;margin-block:.5em}.carousel [data-list-item] .item .main-content .content .description{overflow:hidden;display:-webkit-box;line-clamp:10;-webkit-line-clamp:10;-webkit-box-orient:vertical}.carousel [data-list-item] .item figure{left:calc(100% - var(--w-image)*var(--carousel-ratio));width:auto;top:0;right:0}.carousel [data-list-item] .item figure img{max-width:100%}}@media screen and (1000px < width)and (700px < height){.carousel{--carousel-ratio: calc(3 / 2)}.carousel [data-list-item] .item .main-content .content{--left: 80px}.carousel [data-list-item] .item .main-content .content h2{font-size:5em}.carousel [data-list-item] .item .main-content .content .price{font-size:4em}.carousel [data-list-item] .item .main-content .content .description{line-clamp:15;-webkit-line-clamp:15}.carousel [data-list-item] .item figure figcaption{font-size:2em}.carousel .arrows{--size: 50px}}@media screen and (1400px < width)and (700px < height){.carousel{--carousel-ratio: calc(3 / 2);--w-image: 500px}}@media screen and (500px < width)and (300px < height)and (orientation: landscape){.carousel [data-list-item] .item .main-content .content{--top: 0px;display:block;align-self:center;width:calc(100% - var(--w-image)*var(--carousel-ratio))}.carousel [data-list-item] .item .main-content .price{margin:.2em 0}.carousel [data-list-item] .item figure{right:10%;width:auto;left:auto}}@media screen and (900px < width)and (700px < height)and (orientation: landscape){.carousel [data-list-item] .item figure{right:0%;left:calc(100% - var(--w-image)*var(--carousel-ratio))}}.rating{--primary-color: #ffc700;height:auto;padding:0 10px;display:inline-block;font-size:30px}.rating input{display:none}.rating label:not(:checked){float:right;width:1em;overflow:hidden;white-space:nowrap;cursor:pointer;color:light-dark(var(--color-light-700), var(--color-dark-200))}.rating label:not(:checked)::before{content:"★ "}.rating>label:has(input:checked)~label{color:var(--primary-color)}.rating>label:has(:not(:checked)):hover,.rating>label:has(:not(:checked)):hover~label{color:color-mix(in srgb, var(--primary-color) 90%, var(--neutral-color));scale:1.2;transform:rotateZ(10deg);transform-origin:center;transition:all .2s}.rating>label:has(input:checked),.rating>label:has(input:checked)~label,.rating>label:has(input:checked)~label:hover,.rating>label:has(input:checked)~label:hover~label,.rating>label:hover~label:has(input:checked)~label{color:color-mix(in srgb, var(--primary-color) 90%, var(--neutral-color))}.rating:has(input:checked) label{animation-play-state:paused}.rating.focus:has(:not(input:checked)) label{animation:reviewfocus 5s linear infinite;animation-delay:0s}@keyframes reviewfocus{0%{scale:1}1%{scale:1.2}5%{scale:1.1}9%{scale:1.2}15%{scale:1}}.timeline{--col-gap: 2rem;--row-gap: 2rem;--line-w: 0.25rem;--accent-color: var(--primary-color);display:grid;grid-template-columns:var(--line-w) 1fr;grid-auto-columns:max-content;column-gap:var(--col-gap);list-style:none;width:min(60rem,90%);margin-inline:auto;padding-inline-start:0}.timeline::before{content:"";grid-column:1;grid-row:1/span 20;background:#e1e1e1;border-radius:calc(var(--line-w)/2)}.timeline>li{grid-column:2;--inlineP: 1.5rem;margin-inline:var(--inlineP);grid-row:span 2;display:grid;grid-template-rows:min-content min-content min-content}.timeline>li:not(:last-child){margin-bottom:var(--row-gap)}.timeline>li .date{--dateH: 3rem;height:var(--dateH);margin-inline:calc(var(--inlineP)*-1);text-align:center;background-color:var(--accent-color);color:#fff;font-size:1.25rem;font-weight:700;display:grid;place-content:center;position:relative;border-radius:calc(var(--dateH)/2) 0 0 calc(var(--dateH)/2)}.timeline>li .date::before{content:"";width:var(--inlineP);aspect-ratio:1;background:var(--accent-color);background-image:linear-gradient(rgba(0, 0, 0, 0.2) 100%, transparent);position:absolute;top:100%;clip-path:polygon(0 0, 100% 0, 0 100%);right:0}.timeline>li .date::after{content:"";position:absolute;width:2rem;aspect-ratio:1;background:var(--bgColor);border:.3rem solid var(--accent-color);border-radius:50%;top:50%;transform:translate(50%, -50%);right:calc(100% + var(--col-gap) + var(--line-w)/2)}.timeline>li>label,.timeline>li>.info{background:var(--bgColor);position:relative;padding-inline:1.5rem}.timeline>li>label::before,.timeline>li>.info::before{content:"";position:absolute;width:90%;height:.5rem;background:rgba(0,0,0,.5);left:50%;border-radius:50%;filter:blur(4px);transform:translate(-50%, 50%)}.timeline>li>label{overflow:hidden;padding-block-start:1.5rem;padding-block-end:1rem;font-weight:500}.timeline>li>label::before{bottom:calc(100% + .125rem)}.timeline>li>.info{padding-block-end:1.5rem;font-weight:300}.timeline>li>.info::before{z-index:-1;bottom:.25rem}.timeline .check-list{font-size:1em}*:has(>.timeline){container:timeline/inline-size}@container timeline (width < 350px){.timeline{scale:.9}}@container timeline (700px < width){.timeline{grid-template-columns:1fr var(--line-w) 1fr}.timeline::before{grid-column:2}.timeline>li:nth-child(odd){grid-column:1}.timeline>li:nth-child(even){grid-column:3}.timeline>li:nth-child(2){grid-row:2/4}.timeline>li:nth-child(odd) .date::before{clip-path:polygon(0 0, 100% 0, 100% 100%);left:0}.timeline>li:nth-child(odd) .date::after{transform:translate(-50%, -50%);left:calc(100% + var(--col-gap) + var(--line-w)/2)}.timeline>li:nth-child(odd) .date{border-radius:0 calc(var(--dateH)/2) calc(var(--dateH)/2) 0}}*:has(>.gallerybox,>[class*=gallerybox-]){container:gallery/inline-size}@media screen and (width > 700px){*:has(>.gallerybox,>[class*=gallerybox-]){margin-inline:6%}}@container gallery (width > 600px){*:has(>.gallerybox,>[class*=gallerybox-]) .gallerybox,*:has(>.gallerybox,>[class*=gallerybox-]) [class*=gallerybox-]{grid-template-columns:repeat(2, auto)}}@container gallery (width > 800px){*:has(>.gallerybox,>[class*=gallerybox-]) .gallerybox,*:has(>.gallerybox,>[class*=gallerybox-]) [class*=gallerybox-]{grid-template-columns:repeat(3, auto)}}@container gallery (width > 1200px){*:has(>.gallerybox,>[class*=gallerybox-]) .gallerybox,*:has(>.gallerybox,>[class*=gallerybox-]) [class*=gallerybox-]{grid-template-columns:repeat(4, auto)}}@container gallery (width > 1500px){*:has(>.gallerybox,>[class*=gallerybox-]) .gallerybox,*:has(>.gallerybox,>[class*=gallerybox-]) [class*=gallerybox-]{grid-template-columns:repeat(5, auto)}}.gallerybox,[class*=gallerybox-]{--img-size: 300px;display:grid;gap:2rem;list-style-type:none;padding:1rem}@media screen and (width > 800px){.gallerybox,[class*=gallerybox-]{--img-size: 400px}}.gallerybox{place-content:center;grid-template-columns:auto}.gallerybox-horizontal{grid-auto-flow:column;grid-auto-columns:var(--img-size);overflow-x:scroll}.gallerybox-horizontal .product .img-container img{aspect-ratio:1}.product{display:grid;grid-template-areas:"img img img" "rating rating rating" "tag tag tag" "title title title" "description description description" "rate controls controls";grid-template-columns:auto 1fr auto;max-width:var(--img-size);border-radius:20px;padding:20px;box-shadow:0 10px 20px light-dark(rgb(from #000 r g b/0.2), rgb(from #000 r g b/0.8));overflow:hidden;gap:10px;transition:transform .3s ease,box-shadow .3s ease;position:relative}.product:hover,.product:focus-visible,.product:target{transform:translateY(-5px);box-shadow:0 15px 30px light-dark(rgb(from #000 r g b/0.2), rgb(from #000 r g b/0.8))}.product:hover img,.product:focus-visible img,.product:target img{scale:1.1}.product [data-offer]{position:absolute;top:1em;right:0;display:inline-block;width:auto;height:38px;background-color:var(--alert-error-color);-webkit-border-radius:3px 4px 4px 3px;-moz-border-radius:3px 4px 4px 3px;border-radius:3px 4px 4px 3px;border-left:1px solid var(--alert-error-color);margin-left:19px;color:var(--alert-error-bg);font-weight:300;font-family:"Source Sans Pro",sans-serif;font-size:22px;line-height:38px;padding:0 10px 0 10px;box-shadow:4px 4px 5px rgba(0,0,0,.2);z-index:10}.product [data-offer]::before{content:"";position:absolute;display:block;left:-19px;width:0;height:0;border-top:19px solid rgba(0,0,0,0);border-bottom:19px solid rgba(0,0,0,0);border-right:19px solid var(--alert-error-color)}.product [data-offer]::after{content:"";background-color:var(--primary-color);border-radius:50%;width:4px;height:4px;display:block;position:absolute;left:-9px;top:17px}.product .mini-block-tags{display:flex;flex-wrap:wrap;gap:.5em;grid-area:tag}.product .mini-block-tags .common-tag{align-items:center;background-color:var(--secondary-color);border-radius:.3em;color:#000;display:inline-flex;font-size:clamp(12px,.921vw,14px);font-weight:600;height:2em;justify-content:center;line-height:1;padding:0 .8em}.product .img-container{grid-area:img;max-height:calc(var(--img-size)/1.6);overflow:hidden;background-color:var(--primary-color);margin:-20px;margin-block-end:0}.product .img-container a{width:100%;display:block}.product .img-container img{aspect-ratio:4/3;max-width:100%;max-height:100%;object-fit:contain;transition:scale .3s ease}.product .rating-container{grid-area:rating;display:flex;justify-content:space-between;place-items:center;container:rating/inline-size}.product .rating-container [data-rating-form-input]{display:flex;place-items:center}.product .rating-container .rating{padding-inline:0}@container rating (width < 250px){.product .rating-container .rating{font-size:1.5em}}.product .pro_title{grid-area:title;font-size:1.5em;font-weight:700;margin-block-end:.7em}.product .description{grid-area:description;margin-block-end:.7em;color:light-dark(var(--color-dark-200), var(--color-light-200))}@container gallery (width < 600px){.product .description{display:none}}.product .product_rate{grid-area:rate;color:var(--primary-color);font-size:1.25em;align-self:center}.product .product_rate::before{content:"₹ "}.product .controls{grid-area:controls;place-self:flex-end;align-self:center}.product .controls .btn{padding:.5em .7em;border-radius:2em;background-color:var(--primary-color);border-color:var(--primary-color)}[data-about]{display:grid;place-items:center}[data-about] .info-header{--line-height: 12px;margin-block-end:3em}[data-about] .info-header h1+div{margin-block-start:calc(2*var(--line-height));user-select:none}[data-about] h1{font-size:4em;color:light-dark(var(--primary-color-dark-500), var(--primary-color))}[data-about] .text-mute{color:light-dark(var(--color-light-400), var(--color-light-400))}[data-about] .div-line{position:relative;width:fit-content}[data-about] .div-line::after{content:"";position:absolute;height:var(--line-height);width:100%;left:0;bottom:calc(-0.1em - var(--line-height));background-color:var(--primary-color);border-radius:2em}[data-about]>*{width:70%}[data-about] h2{margin-block:2.5em 1em}[data-about] p{margin-block:1em}[data-about] ul,[data-about] ol{padding-inline-start:2em}[data-about] .fw-100{font-weight:100}[data-about] .fw-200{font-weight:200}[data-about] .fw-300{font-weight:300}[data-about] .fw-400{font-weight:400}[data-about] .fw-500{font-weight:500}[data-about] .fw-600{font-weight:600}[data-about] .fw-700{font-weight:700}[data-about] .fw-800{font-weight:800}[data-about] .fw-900{font-weight:900}[data-about] .about-links{display:flex;place-self:center;margin-block:2em}[data-about] .about-links ul{display:flex;flex-wrap:wrap;gap:1em 2em;list-style:none}.flex-box{margin:1em}@media screen and (width > 400px){.flex-box{margin:2em}}@media screen and (width > 500px){.flex-box{margin:auto}}.flex-box .title{color:var(--color-dark)}.profile-box{display:grid;grid-template-columns:auto 2fr;gap:12px;width:min(90%,700px);place-items:flex-start;margin-block:16px;margin-inline:auto;padding:24px;border-radius:8px;box-shadow:0 0 10px -2px var(--color-light-300)}.profile-box label{color:var(--alert-light-color)}.profile-box span{overflow-wrap:anywhere}.profile{display:flex;gap:1em;justify-content:space-between;flex-wrap:wrap;position:relative}.profile .profilepic{border-radius:2em;overflow:hidden;width:100px;height:100px;text-align:center;align-self:center}.profile .profilepic img,.profile .profilepic i{object-fit:cover;width:100px;height:100px}.profile .profilepic i{font-size:90px}.profile .profilepic::after{content:attr(data-label);position:absolute;left:7.5em}.profile .input-group{flex:1;color:rgba(0,0,0,0)}.profile .input-group input[type=file]{position:absolute;left:0;top:0;display:none;height:0%;width:0%}.profile .input-group input[type=file]~label{pointer-events:auto;overflow:visible}.profile .input-group input[type=file]~label::after{content:attr(data-value);inset:auto auto auto 7em}.profile .input-group input[type=file]:valid~label{position:absolute;top:0;left:.2em}.profile .input-group input[type=checkbox],.profile .input-group a{display:none;z-index:-1}.profile .input-group label[for*=-clear_id]{color:var(--color-mute);position:absolute;user-select:none;left:auto !important;right:0;top:0;pointer-events:auto !important;width:50px;height:10px}.profile .input-group input[type=checkbox]:checked~label[for*=-clear_id]{color:#df414f}.login_container{position:relative;container:login/inline-size;display:grid;place-content:center;min-height:600px;margin-inline:20px}@media screen and (800px < width){.login_container{height:700px}}.login_container .container{height:300px;display:flex;flex-direction:column;margin:auto;background-color:light-dark(var(--color-light-900), var(--background));box-shadow:1px 1px 20px light-dark(var(--color-light-300), var(--neutral-color));border-radius:25px}.login_container .container::after{position:absolute;content:url("/static/core/images/polygon.svg");width:70px;top:20px;right:10px;transform:rotateZ(0deg);animation-name:sun-animate;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear;--lightness: 50;--sun-color: #f93;filter:drop-shadow(0 0 4px hsl(from var(--sun-color) h 100% calc(var(--lightness) * 1%)/1)) drop-shadow(0 0 1em hsl(from var(--sun-color) h 100% calc(var(--lightness) * 1%)/0.8)) drop-shadow(0 0 1.5em hsl(from var(--sun-color) h 100% calc(var(--lightness) * 1%)/0.7)) drop-shadow(0 0 2em hsl(from var(--sun-color) h 100% calc(var(--lightness) * 1%)/0.5)) drop-shadow(0 0 3em hsl(from var(--sun-color) h 100% calc(var(--lightness) * 1%)/0.3)) drop-shadow(0 0 5em hsl(from var(--sun-color) h 100% calc(var(--lightness) * 1%)/0.2))}:root:has(input[type=radio][value=dark][data-theme-color-scheme]:checked) .login_container .container::after,[data-theme=dark] .login_container .container::after{--lightness: 50}@container login (700px < width){.login_container .container{flex-direction:row;width:500px;height:250px}.login_container .container::after{width:100px;top:10%;right:15%}}@container login (1000px < width){.login_container .container::after{width:150px}}.login_container .square{background-color:#f93;box-shadow:1px 1px 20px #f93;z-index:1;border-radius:25px;width:150px;height:150px;margin:auto;margin-top:-50px;color:#fff;display:grid;gap:1em;place-content:center;place-items:center}.login_container .square i{font-size:2em}@container login (700px < width){.login_container .square{margin:auto;margin-left:-50px}}.login_container .form-container{flex:1;display:grid;place-content:center;place-items:center;margin:2em 1em;gap:1em}.login_container .form-container .btn{box-shadow:1px 1px 10px var(--primary-color)}.login_container .form-container .btn:hover,.login_container .form-container .btn:focus-visible,.login_container .form-container .btn:active{box-shadow:1px 1px 20px var(--primary-color)}@container login (700px < width){.login_container .form-container .btn{margin-inline-start:auto}}@keyframes sun-animate{50%{scale:.9}100%{transform:rotateZ(360deg)}}.user-links{display:flex;flex-wrap:wrap;gap:12px}.payment-animation{padding:2em;border-radius:8px;box-shadow:0 0 10px var(--color-light-100)}.payment-animation svg{margin-block:2em}.payment-animation p{text-align:center}.payment-animation .btn{margin-inline:auto;margin-block-start:1em}.success-checkmark,.fail-checkmark{width:100px;height:100px;border-radius:50%;display:block;stroke-width:2;stroke:#4bb71b;stroke-miterlimit:10;box-shadow:inset 0px 0px 0px #4bb71b;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;position:relative;top:5px;right:5px;margin:0 auto}.success-checkmark-circle,.fail-checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#4bb71b;fill:var(--background);animation:stroke .6s cubic-bezier(0.65, 0, 0.45, 1) forwards}.success-checkmark-check,.fail-checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(0.65, 0, 0.45, 1) .8s forwards}.fail-checkmark-circle,.fail-checkmark-check{stroke:red !important}@keyframes stroke{100%{stroke-dashoffset:0}}@keyframes scale{0%,100%{transform:none}50%{transform:scale3d(1.1, 1.1, 1)}}@keyframes fill{100%{box-shadow:inset 0px 0px 0px 30px #4bb71b}}.tracking-list{margin-bottom:1rem;padding:1rem}.tracking-item{border-left:4px solid var(--success-color);position:relative;padding:2rem 1.5rem .5rem 2.5rem;font-size:.9rem;min-height:5rem}.tracking-item:last-child{padding-bottom:4rem}.tracking-item .tracking-icon{margin-bottom:.5rem}.tracking-item .tracking-icon .bi{font-size:1.5em}.tracking-item .tracking-icon svg{height:1.5em}.tracking-item .tracking-icon span{font-size:85%;padding-left:.4rem}.tracking-item .tracking-content{padding:.5rem .8rem;background-color:light-dark(var(--color-light-900), var(--color-dark-800));border-radius:.5rem}.tracking-item .tracking-content span{display:block;color:light-dark(var(--color-light-400), var(--color-light-100));font-size:13px}.tracking-item .tracking-track{position:absolute;left:-0.7rem;width:1.1rem;height:1.1rem;text-align:center;border-radius:50%;font-size:1.1rem}.tracking-item .tracking-track.status-current{width:1.9rem;height:1.9rem;left:-1.1rem;color:var(--success-color);font-size:.6rem}.tracking-item .tracking-track.status-intransit{color:var(--success-color);font-size:.6rem}.tracking-item .tracking-content{font-weight:600;font-size:17px}.tracking-item .blinker{--success-color-100: rgb(from var(--success-color) r g b / 0.4);border:7px solid var(--success-color-100);animation:tracking-blink-animation 1s;animation-iteration-count:infinite}@keyframes tracking-blink-animation{50%{border-color:rgb(from var(--success-color) r g b/0.2)}}.tracking-item.pending{border-left:4px solid;border-color:light-dark(var(--color-light-700), var(--color-dark-200))}.tracking-item.pending .tracking-icon{color:light-dark(var(--color-light-400), var(--color-light-100)) !important}.tracking-item.pending .tracking-icon .bi{font-size:1.2em;color:inherit}.tracking-item.pending .tracking-icon svg{height:1.2em}.tracking-item.pending .tracking-content{color:light-dark(var(--color-light-400), var(--color-light-100))}.tracking-item.pending .tracking-content span{color:light-dark(var(--color-light-700), var(--color-dark-200))}.tracking-item.pending .tracking-track{color:light-dark(var(--color-light-700), var(--color-dark-200))}@media(min-width: 992px){.tracking-item{margin-left:10rem}.tracking-item .tracking-icon{position:absolute;left:-10rem;width:7.5rem;text-align:right}.tracking-item .tracking-icon span{display:block}.tracking-item .tracking-content{padding:0;background-color:rgba(0,0,0,0)}.tracking-item.pending{margin-left:10rem}.tracking-item.pending .tracking-icon{position:absolute;left:-10rem;width:7.5rem;text-align:right}.tracking-item.pending .tracking-icon span{display:block}.tracking-item.pending .tracking-content{padding:0;background-color:rgba(0,0,0,0)}}.faq-list{margin-inline:10px;width:min(90%,700px)}.faq-list .faq{margin-block-end:2em}.faq-list .faq label{font-size:1.4em}.faq-list .faq label~*{padding-block-start:1em;padding-inline-start:1.5em}.review-list{display:flex;width:100%;overflow-x:auto;column-gap:2rem;padding:20px;--scrollbar-i: 2em;scroll-snap-type:x mandatory}.review-list li{padding:20px;border:1px solid var(--primary-color);border-radius:20px;box-shadow:0 0 10px -2px gray;display:grid;grid-template-areas:"pic comment comment" "pic comment comment" "rating rating name" "since since name";column-gap:1em;scroll-snap-align:start}.review-list li p{margin:0;padding:0}.review-list li [data-pic]{grid-area:pic;font-size:3rem;color:light-dark(var(--color-light-100), var(--color-dark-100))}.review-list li [data-user]{color:light-dark(var(--color-light-100), var(--color-dark-100))}.review-list li [data-name]{grid-area:name;width:max-content;align-self:flex-end;color:var(--primary-color)}.review-list li [data-rating]{grid-area:rating;align-self:flex-end;font-size:1.5rem;color:#ffc700;user-select:none}.review-list li [data-since]{grid-area:since;color:light-dark(var(--color-light-100), var(--color-dark-100))}.review-list li [data-comment]{grid-area:comment;justify-self:flex-start;min-width:20ch;padding-block-end:1em}.review-list li q{font-size:1em;display:-webkit-box;line-clamp:5;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow-y:auto;text-overflow:ellipsis;max-height:8em}.review-list li q::after{float:right;transform:rotate(180deg)}.review-list li q::before,.review-list li q::after{content:"";font-size:2em;font-family:bootstrap-icons !important;color:var(--primary-color)}@media screen and (600px < width){.review-list li q{font-size:x-large}}.review-form{display:grid;place-items:flex-start;gap:1em}.review-form .input-field:has(textarea){width:-webkit-fill-available}.review-form h3{margin-block:1em}.check-list{font-size:1.5em;padding-inline:20px}.check-list li{padding-inline-start:1em;text-transform:capitalize}.check-list li::marker{font-family:"SiFi Life Icons" !important;content:""}.check-list.success li::marker{color:var(--alert-success-color)}.video-sec{display:grid;place-content:center;gap:20px}.video-sec>:not(.image-container,.video-container){margin-inline:10px}.video-sec .video-container{border-radius:20px;overflow:hidden}.video-sec .video-container video{width:100%;max-width:700px}.video-sec .video-container iframe{max-width:100%}.page{margin-block-end:2rem}.page h1{font-size:xx-large;margin-block:1em;text-transform:uppercase}.page h1:has(+.user-links){margin-block-end:0}@media screen and (width > 500px){.page h1{font-size:4rem}}.page.input-field:not(.dialogs .input-field){min-width:400px}.space-between{display:flex;place-items:center;flex-wrap:wrap;width:min(100%,var(--w, 700px))}.space-between .left{margin-inline-start:auto}@media screen and (width < 500px){.space-between{flex-direction:column;place-content:center;gap:12px}}[data-amount]::after,.rupee::after{content:" ₹"}[data-amount].inclgst::after,.rupee.inclgst::after{content:" ₹ incl. GST"}.shipping-address-list{width:min(100%,700px)}.shipping-address-list .heading span{font-size:large}.shipping-address-list .input-group{flex-direction:column;margin-block:8px}.shipping-address-list .input-group .input-field{place-items:flex-start;min-width:auto}.shipping-address-list .input-group .input-field .placeholder{display:grid;gap:.3em}.shipping-address-list ul{display:grid;gap:1em;padding-inline:1.5em;margin-block:1em}.shipping-address-list ul .btn{margin-inline-end:.5em}.shop-product-list,.cart-product-list{--img-size: 70px;--img-border: 7px;padding-inline-start:0;width:min(100%,700px)}@media screen and (width > 600px){.shop-product-list,.cart-product-list{--img-size: 100px;--img-border: 12px}}@media screen and (width > 1000px){.shop-product-list,.cart-product-list{--img-size: 200px;--img-border: 20px}}.shop-product-list img,.cart-product-list img{object-fit:cover;width:var(--img-size);height:var(--img-size)}.shop-product-list fieldset,.cart-product-list fieldset{border-color:rgba(0,0,0,0);flex-wrap:wrap}.shop-product-list fieldset .input-field,.cart-product-list fieldset .input-field{min-width:auto;--f-width: auto;--m-width: auto}.shop-product-list>li{display:grid;grid-template-areas:"image title" "image rating" "description description";grid-template-rows:auto auto 1fr;column-gap:1em;padding-block-end:20px;place-content:flex-start}@media screen and (width > 600px){.shop-product-list>li{grid-template-areas:"image title title" "image rating rating" "image description description";grid-template-columns:auto 1fr 1fr;place-items:flex-start}}.shop-product-list>li::after{content:"";height:1px;width:100%;background:var(--mute-color);border-radius:2em;margin-block:15px 30px}@media screen and (width > 600px){.shop-product-list>li::after{grid-column:span 3}}.shop-product-list>li .rating{font-size:1.5em;padding-inline:0}.shop-product-list>li [data-image-container]{grid-area:image;place-self:flex-start}@media screen and (width > 600px){.shop-product-list>li [data-image-container]{place-self:flex-start}}.shop-product-list>li [data-image-container] img{border-radius:20px;box-shadow:0 0 14px light-dark(var(--color-light-500), rgb(from var(--neutral-color) r g b/0.7))}.shop-product-list>li [data-title]{grid-area:title;margin-block:0 .5em;font-size:1.5em}.shop-product-list>li [data-rating-form-input]{grid-area:rating;display:inline-flex;gap:.5em}.shop-product-list>li [data-total-rating]{color:var(--mute-color);margin-block:.5em}.shop-product-list>li [data-description]{grid-area:description}.shop-product-list>li [data-description] .heading{color:var(--color-light-500);margin-block:.5em .2em}.shop-product-list>li [data-description] ul{padding-inline-start:1.5em;margin-block-end:.5em;list-style-type:disc}.shop-product-list>li [data-description] ul label{color:var(--color-light-100)}.shop-product-list>li fieldset{padding-inline:0}@media screen and (width > 600px){.shop-product-list>li fieldset .input-group{margin-block:0}.shop-product-list>li fieldset .input-group input{height:100%}}.cart-product-list>li,.cart-product-list>.list-item{display:grid;grid-template-columns:var(--img-size) 1fr}.cart-product-list>li::after,.cart-product-list>.list-item::after{content:"";height:1px;width:100%;background:var(--mute-color);border-radius:2em;grid-column:span 2;margin-block:15px 30px}.cart-product-list>li [data-image-container],.cart-product-list>.list-item [data-image-container]{place-self:flex-start}.cart-product-list>li [data-image-container] img,.cart-product-list>.list-item [data-image-container] img{border-radius:var(--img-border)}.cart-product-list>li [data-description],.cart-product-list>.list-item [data-description]{margin-inline-start:1rem}.cart-product-list>li a,.cart-product-list>.list-item a{margin-block:0;cursor:pointer;text-decoration:none;word-break:break-all}@media screen and (500px < width){.cart-product-list>li a,.cart-product-list>.list-item a{font-size:1.3em}}.cart-product-list>li fieldset,.cart-product-list>.list-item fieldset{padding-inline:0;row-gap:0;margin-block:12px;place-items:center}.cart-product-list>li fieldset button,.cart-product-list>.list-item fieldset button{height:fit-content;width:auto;border:none;background:none;text-decoration:underline;color:var(--secondary-color);margin-block:.5em;padding-inline:0}.cart-product-list:not(:has(li)){block-size:100px;position:relative;display:grid;place-content:center;place-items:center}.cart-product-list:not(:has(li))::after{position:absolute;content:"Your cart is empty";color:light-dark(var(--color-light-500), var(--color-light-500))}.pending-orders{list-style:none;width:min(100%,700px)}.btn-pay{font-size:1.3em !important;flex:1}#checkout_form .input-group{display:grid}i[icon]{font-family:"Tapam Icons";font-style:normal;color:var(--color);text-shadow:0 0 13px var(--color)}i[icon][sun]{--color: #f93}i[icon][leaf]{--color: #138808}i[icon][logo]{position:relative;--color: #f93}i[icon][logo]::after,i[icon][logo]::before{position:absolute;font:inherit;color:#138808;left:0;top:0;text-shadow:0 0 .1em var(--background)}i[icon][logo]::before{content:"L"}i[icon][logo]::after{content:"R"}