@supports (color:oklch(0% 0 0)){:root{--fallback-p:var(--modus-wc-color-primary);--fallback-pc:var(--modus-wc-color-primary-content);--fallback-s:var(--modus-wc-color-secondary);--fallback-sc:var(--modus-wc-color-secondary-content);--fallback-a:var(--modus-wc-color-accent);--fallback-ac:var(--modus-wc-color-accent-content);--fallback-n:var(--modus-wc-color-neutral);--fallback-nc:var(--modus-wc-color-neutral-content);--fallback-b1:var(--modus-wc-color-base-100);--fallback-b2:var(--modus-wc-color-base-200);--fallback-b3:var(--modus-wc-color-base-300);--fallback-in:var(--modus-wc-color-info);--fallback-inc:var(--modus-wc-color-info-content);--fallback-su:var(--modus-wc-color-success);--fallback-suc:var(--modus-wc-color-success-content);--fallback-wa:var(--modus-wc-color-warning);--fallback-wac:var(--modus-wc-color-warning-content);--fallback-er:var(--modus-wc-color-error);--fallback-erc:var(--modus-wc-color-error-content)}}*,:after,:before{font-family:var(--modus-wc-font-family),sans-serif}body{background-color:var(--modus-wc-color-base-page)}:root:has(:is(.modus-wc-modal-open,.modus-wc-modal:target,.modus-wc-modal-toggle:checked+.modus-wc-modal,.modus-wc-modal[open])){scrollbar-gutter:auto!important}.modus-wc-border{border-color:var(--modus-wc-color-base-200);border-radius:1px;border-style:solid}modus-wc-date .modus-wc-date,modus-wc-text-input .modus-wc-text-input,modus-wc-textarea .modus-wc-textarea,modus-wc-time-input .modus-wc-time-input{--fallback-b1:transparent;background:transparent;padding:0 var(--modus-wc-spacing-sm)}modus-wc-number-input .modus-wc-number-input,modus-wc-select{--fallback-b1:transparent;background:transparent}.modus-wc-utility-panel-push-target{transition:margin-inline-end var(--modus-wc-utility-panel-transition-duration,.3s) ease-out}.modus-wc-utility-panel-push-target.modus-wc-utility-panel-pushed{margin-inline-end:var(--modus-wc-utility-panel-width,312px)}[data-theme=modus-modern-light]:root{--modus-wc-color-base-page:#fff;--modus-wc-color-base-100:var(--modus-wc-color-gray-light);--modus-wc-color-base-200:var(--modus-wc-color-gray-0);--modus-wc-color-base-300:var(--modus-wc-color-gray-1);--modus-wc-color-base-content:var(--modus-wc-color-gray-10);--modus-wc-color-primary:var(--modus-wc-color-trimble-blue);--modus-wc-color-primary-content:var(--modus-wc-color-white);color-scheme:light}[data-theme=modus-modern-dark]:root{--modus-wc-color-base-page:#000;--modus-wc-color-base-100:var(--modus-wc-color-trimble-gray);--modus-wc-color-base-200:var(--modus-wc-color-gray-9);--modus-wc-color-base-300:var(--modus-wc-color-gray-10);--modus-wc-color-base-content:var(--modus-wc-color-gray-1);--modus-wc-color-primary:var(--modus-wc-color-highlight-blue);--modus-wc-color-primary-content:var(--modus-wc-color-black);color-scheme:dark}[data-theme=modus-classic-light]:root{--modus-wc-color-base-page:#fff;--modus-wc-color-base-100:var(--modus-wc-color-gray-light);--modus-wc-color-base-200:var(--modus-wc-color-gray-1);--modus-wc-color-base-300:var(--modus-wc-color-gray-2);--modus-wc-color-base-content:var(--modus-wc-color-gray-10);--modus-wc-color-info:var(--modus-wc-color-trimble-blue);--modus-wc-color-success:var(--modus-wc-color-green);--modus-wc-color-error:var(--modus-wc-color-red);--modus-wc-color-warning:var(--modus-wc-color-yellow);color-scheme:light}[data-theme=modus-classic-dark]:root{--modus-wc-color-base-page:#000;--modus-wc-color-base-100:var(--modus-wc-color-trimble-gray);--modus-wc-color-base-200:var(--modus-wc-color-gray-8);--modus-wc-color-base-300:var(--modus-wc-color-gray-9);--modus-wc-color-base-content:var(--modus-wc-color-gray-1);--modus-wc-color-info:var(--modus-wc-color-trimble-blue);--modus-wc-color-success:var(--modus-wc-color-green);--modus-wc-color-error:var(--modus-wc-color-red);--modus-wc-color-warning:var(--modus-wc-color-yellow);color-scheme:dark}[data-theme=connect-light]:root{--modus-wc-color-base-page:#fff;--modus-wc-color-base-100:var(--modus-wc-color-gray-light);--modus-wc-color-base-200:var(--modus-wc-color-gray-1);--modus-wc-color-base-300:var(--modus-wc-color-gray-2);--modus-wc-color-base-content:var(--modus-wc-color-gray-10);color-scheme:light}[data-theme=connect-dark]:root{--modus-wc-color-base-page:#000;--modus-wc-color-base-100:var(--modus-wc-color-trimble-gray);--modus-wc-color-base-200:var(--modus-wc-color-gray-8);--modus-wc-color-base-300:var(--modus-wc-color-gray-9);--modus-wc-color-base-content:var(--modus-wc-color-gray-1);color-scheme:dark}:root{--modus-wc-color-white:#fff;--modus-wc-color-gray-light:#f1f1f6;--modus-wc-color-gray-0:#e0e1e9;--modus-wc-color-gray-1:#cbcdd6;--modus-wc-color-gray-2:#b7b9c3;--modus-wc-color-gray-3:#a3a6b1;--modus-wc-color-gray-4:#90939f;--modus-wc-color-gray-5:#7d808d;--modus-wc-color-gray-6:#6a6e79;--modus-wc-color-gray-7:#585c65;--modus-wc-color-gray-8:#464b52;--modus-wc-color-gray-9:#353a40;--modus-wc-color-gray-10:#171c1e;--modus-wc-color-trimble-gray:#252a2e;--modus-wc-color-black:#000;--modus-wc-color-blue-pale:#dcedf9;--modus-wc-color-highlight-blue:#019aeb;--modus-wc-color-blue-light:#217cbb;--modus-wc-color-trimble-blue:#0063a3;--modus-wc-color-blue-dark:#0e416c;--modus-wc-color-info-blue:#004f83;--modus-wc-color-highlight-blue-pale:rgba(1,154,235,.5);--modus-wc-color-yellow-pale:#fff5e4;--modus-wc-color-yellow-light:#fec157;--modus-wc-color-yellow:#fbad26;--modus-wc-color-yellow-dark:#e49325;--modus-wc-color-red-pale:#fbd4d7;--modus-wc-color-red-light:#e86363;--modus-wc-color-red:#da212c;--modus-wc-color-red-dark:#ab1f26;--modus-wc-color-green-pale:#e0eccf;--modus-wc-color-green-light:#4ea646;--modus-wc-color-green:#1e8a44;--modus-wc-color-green-dark:#006638;--modus-wc-in-field-success-dark-bg:#00fe00;--modus-wc-in-field-success-light-bg:#00d22f;--modus-wc-in-field-warning:#ff8b00;--modus-wc-in-field-error:#da212c;--modus-wc-in-field-info:#019aeb;--modus-wc-in-field-avoidance:#df4eb2;--modus-wc-in-field-black:#000;--modus-wc-border-width-xs:1px;--modus-wc-border-width-sm:2px;--modus-wc-border-width-md:3px;--modus-wc-border-width-lg:4px;--modus-wc-border-width-xl:8px;--modus-wc-border-width-2xl:12px;--modus-wc-border-width-3xl:24px;--modus-wc-border-radius-sm:2px;--modus-wc-border-radius-md:4px;--modus-wc-border-radius-lg:8px;--modus-wc-border-radius-xl:12px;--modus-wc-border-radius-2xl:16px;--modus-wc-border-radius-3xl:24px;--modus-wc-border-radius-rounded:1000px;--modus-wc-line-height-xs:0.5rem;--modus-wc-line-height-sm:1rem;--modus-wc-line-height-md:1.5rem;--modus-wc-line-height-lg:2rem;--modus-wc-line-height-xl:3rem;--modus-wc-line-height-h6:1.125rem;--modus-wc-line-height-h3:1.6875rem;--modus-wc-line-height-h2:1.875rem;--modus-wc-line-height-h1:2.25rem;--modus-wc-line-height-h0:2.75rem;--modus-wc-font-family:"Open Sans","Segoe UI","Noto Sans","San Francisco","Helvetica","Arial",sans-serif;--modus-wc-font-size-2xs:0.5rem;--modus-wc-font-size-xs:0.625rem;--modus-wc-font-size-sm:0.75rem;--modus-wc-font-size-md:0.875rem;--modus-wc-font-size-lg:1rem;--modus-wc-font-size-xl:1.125rem;--modus-wc-font-size-2xl:1.25rem;--modus-wc-font-size-3xl:1.5rem;--modus-wc-font-size-4xl:1.875rem;--modus-wc-font-weight-light:300;--modus-wc-font-weight-normal:400;--modus-wc-font-weight-semibold:600;--modus-wc-font-weight-bold:700;--modus-wc-size-xxs:0.75rem;--modus-wc-size-xs:1.5rem;--modus-wc-size-sm:2rem;--modus-wc-size-md:2.5rem;--modus-wc-size-lg:3rem;--modus-wc-size-xl:3.5rem;--modus-wc-size-xxl:4.5rem;--modus-wc-spacing-2xs:0.125rem;--modus-wc-spacing-xs:0.25rem;--modus-wc-spacing-sm:0.5rem;--modus-wc-spacing-md:0.75rem;--modus-wc-spacing-lg:1rem;--modus-wc-spacing-xl:1.5rem;--modus-wc-spacing-2xl:2rem;--modus-wc-spacing-3xl:3rem;--modus-wc-input-height-sm:1.5rem;--modus-wc-input-height-md:2rem;--modus-wc-input-height-lg:3rem;--modus-wc-border-radius-badge:var(--modus-wc-border-radius-md);--modus-wc-border-radius-btn:var(--modus-wc-border-radius-lg);--modus-wc-border-radius-box:var(--modus-wc-border-radius-2xl);--modus-wc-border-radius-tab:var(--modus-wc-border-radius-lg);--modus-wc-border-radius-input:var(--modus-wc-border-radius-lg);--modus-wc-border-radius-table:var(--modus-wc-border-radius-2xl);--modus-wc-border-radius-chip:var(--modus-wc-border-radius-lg);--modus-wc-border-radius-alert:var(--modus-wc-border-radius-md);--modus-wc-opacity-overlay:0.6;--modus-wc-color-base-page:light-dark(var(--modus-wc-color-white),var(--modus-wc-color-black));--modus-wc-color-base-100:light-dark(var(--modus-wc-color-gray-light),var(--modus-wc-color-trimble-gray));--modus-wc-color-base-200:light-dark(var(--modus-wc-color-gray-1),var(--modus-wc-color-gray-10));--modus-wc-color-base-300:light-dark(var(--modus-wc-color-gray-2),var(--modus-wc-color-gray-9));--modus-wc-color-base-content:light-dark(var(--modus-wc-color-gray-10),var(--modus-wc-color-gray-1));--modus-wc-color-base-content-low-contrast:light-dark(var(--modus-wc-color-gray-8),var(--modus-wc-color-gray-3));--modus-wc-color-base-content-high-contrast:light-dark(var(--modus-wc-color-black),var(--modus-wc-color-white));--modus-wc-color-base-inverted:light-dark(var(--modus-wc-color-gray-10),var(--modus-wc-color-gray-light));--modus-wc-color-primary:light-dark(var(--modus-wc-color-trimble-blue),var(--modus-wc-color-highlight-blue));--modus-wc-color-primary-content:light-dark(var(--modus-wc-color-white),var(--modus-wc-color-black));--modus-wc-color-primary-pale:light-dark(var(--modus-wc-color-blue-pale),var(--modus-wc-color-highlight-blue-pale));--modus-wc-color-secondary:light-dark(var(--modus-wc-color-yellow),var(--modus-wc-color-yellow-light));--modus-wc-color-secondary-content:light-dark(var(--modus-wc-color-black),var(--modus-wc-color-black));--modus-wc-color-secondary-pale:light-dark(var(--modus-wc-color-yellow-pale),var(--modus-wc-color-yellow-pale));--modus-wc-color-accent:light-dark(var(--modus-wc-color-gray-6),var(--modus-wc-color-gray-4));--modus-wc-color-accent-content:light-dark(var(--modus-wc-color-white),var(--modus-wc-color-black));--modus-wc-color-accent-pale:light-dark(var(--modus-wc-color-gray-6),var(--modus-wc-color-gray-4));--modus-wc-color-neutral:light-dark(var(--modus-wc-color-base-100),var(--modus-wc-color-base-100));--modus-wc-color-neutral-content:light-dark(var(--modus-wc-color-base-content),var(--modus-wc-color-base-content));--modus-wc-color-neutral-pale:light-dark(var(--modus-wc-color-base-100),var(--modus-wc-color-base-100));--modus-wc-color-info:light-dark(var(--modus-wc-color-blue-dark),var(--modus-wc-color-blue-light));--modus-wc-color-info-content:light-dark(var(--modus-wc-color-white),var(--modus-wc-color-white));--modus-wc-color-info-pale:light-dark(var(--modus-wc-color-blue-pale),var(--modus-wc-color-blue-pale));--modus-wc-color-success:light-dark(var(--modus-wc-color-green),var(--modus-wc-color-green-light));--modus-wc-color-success-content:light-dark(var(--modus-wc-color-white),var(--modus-wc-color-black));--modus-wc-color-success-pale:light-dark(var(--modus-wc-color-green-pale),var(--modus-wc-color-green-pale));--modus-wc-color-warning:light-dark(var(--modus-wc-color-yellow-dark),var(--modus-wc-color-yellow-light));--modus-wc-color-warning-content:light-dark(var(--modus-wc-color-black),var(--modus-wc-color-black));--modus-wc-color-warning-pale:light-dark(var(--modus-wc-color-yellow-pale),var(--modus-wc-color-yellow-pale));--modus-wc-color-error:light-dark(var(--modus-wc-color-red),var(--modus-wc-color-red-light));--modus-wc-color-error-content:light-dark(var(--modus-wc-color-white),var(--modus-wc-color-black));--modus-wc-color-error-pale:light-dark(var(--modus-wc-color-red-pale),var(--modus-wc-color-red-pale));color-scheme:light dark}@font-face{font-display:swap;font-family:Open Sans;font-stretch:100%;font-style:normal;font-weight:300 800;src:url(assets/fonts/open-sans/OpenSans-VariableFont.woff2) format("woff2")}@font-face{font-display:swap;font-family:Open Sans;font-stretch:100%;font-style:italic;font-weight:300 800;src:url(assets/fonts/open-sans/OpenSans-Italic-VariableFont.woff2) format("woff2")}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af}input::-moz-placeholder, textarea::-moz-placeholder{color:#9ca3af}input::placeholder,textarea::placeholder{color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:root,[data-theme]{background-color:var(--fallback-b1,oklch(var(--b1)/1));color:var(--fallback-bc,oklch(var(--bc)/1))}@supports not (color:oklch(0% 0 0)){:root{--fallback-p:#491eff;--fallback-pc:#d4dbff;--fallback-s:#ff41c7;--fallback-sc:#fff9fc;--fallback-a:#00cfbd;--fallback-ac:#00100d;--fallback-n:#2b3440;--fallback-nc:#d7dde4;--fallback-b1:#fff;--fallback-b2:#e5e6e6;--fallback-b3:#e5e6e6;--fallback-bc:#1f2937;--fallback-in:#00b3f0;--fallback-inc:#000;--fallback-su:#00ca92;--fallback-suc:#000;--fallback-wa:#ffc22d;--fallback-wac:#000;--fallback-er:#ff6f70;--fallback-erc:#000;color-scheme:light}@media (prefers-color-scheme:dark){:root{--fallback-p:#7582ff;--fallback-pc:#050617;--fallback-s:#ff71cf;--fallback-sc:#190211;--fallback-a:#00c7b5;--fallback-ac:#000e0c;--fallback-n:#2a323c;--fallback-nc:#a6adbb;--fallback-b1:#1d232a;--fallback-b2:#191e24;--fallback-b3:#15191e;--fallback-bc:#a6adbb;--fallback-in:#00b3f0;--fallback-inc:#000;--fallback-su:#00ca92;--fallback-suc:#000;--fallback-wa:#ffc22d;--fallback-wac:#000;--fallback-er:#ff6f70;--fallback-erc:#000;color-scheme:dark}}}html{-webkit-tap-highlight-color:transparent}*{scrollbar-color:color-mix(in oklch,currentColor 35%,transparent) transparent}:hover{scrollbar-color:color-mix(in oklch,currentColor 60%,transparent) transparent}:root{--animation-btn:0.3s;--animation-input:.2s;--tab-border:1px;--rounded-badge:0.25rem;--border-btn:1px;--btn-focus-scale:0.98;--rounded-btn:0.25rem;--rounded-box:0.5rem;--tab-radius:0.25rem;--alert-border-left-width:0.5rem;--alert-border-width:1px;--alert-border-radius:0.5rem;--input-bottom-border-width:1px;--p:48.6221% 0.128075 247.073947;primary-focus:#004f83;--pc:100% 0 0;--s:53.8572% 0.017812 269.820069;secondary-focus:#464b52;--sc:100% 0 0;--a:53.8572% 0.017812 269.820069;accent-focus:#464b52;--ac:100% 0 0;--n:84.9436% 0.012605 276.068713;neutral-focus:#a3a6b1;--nc:28.1705% 0.01025 242.054501;--b1:100% 0 0;--b2:84.9436% 0.012605 276.068713;--b3:78.7221% 0.014241 277.004909;--bc:28.1705% 0.01025 242.054501;--in:48.6221% 0.128075 247.073947;--inc:100% 0 0;--su:55.824% 0.14148 150.027193;--suc:100% 0 0;--wa:80.3357% 0.161017 74.410202;--wac:28.1705% 0.01025 242.054501;--er:57.1169% 0.215546 25.349404;--erc:100% 0 0}@media (prefers-color-scheme:dark){:root{--animation-btn:0.3s;--animation-input:.2s;--tab-border:1px;--rounded-badge:0.25rem;--border-btn:1px;--btn-focus-scale:0.98;--rounded-btn:0.5rem;--rounded-box:1rem;--tab-radius:0.25rem;--alert-border-left-width:0.5rem;--alert-border-width:1px;--alert-border-radius:0.5rem;--input-bottom-border-width:1px;--p:65.9524% 0.159801 243.168715;primary-focus:#004f83;--pc:0% 0 0;--s:84.7174% 0.139742 78.603787;secondary-focus:#e49325;--sc:0% 0 0;--a:53.8572% 0.017812 269.820069;accent-focus:#464b52;--ac:100% 0 0;--n:34.6043% 0.012501 252.973394;neutral-focus:#171c1e;--nc:100% 0 0;--b1:22.215% 0.008445 223.858126;--b2:34.6043% 0.012501 252.973394;--b3:41.0842% 0.013405 256.755726;--bc:100% 0 0;--in:56.5592% 0.127092 244.53102;--inc:100% 0 0;--su:64.9048% 0.158119 142.023063;--suc:0% 0 0;--wa:84.7174% 0.139742 78.603787;--wac:28.1705% 0.01025 242.054501;--er:66.6026% 0.165819 22.664876;--erc:0% 0 0}}[data-theme=modus-classic-light]{--animation-btn:0.3s;--animation-input:.2s;--tab-border:1px;--rounded-badge:0.25rem;--border-btn:1px;--btn-focus-scale:0.98;--rounded-btn:0.25rem;--rounded-box:0.5rem;--tab-radius:0.25rem;--alert-border-left-width:0.5rem;--alert-border-width:1px;--alert-border-radius:0.5rem;--input-bottom-border-width:1px;--p:48.6221% 0.128075 247.073947;primary-focus:#004f83;--pc:100% 0 0;--s:53.8572% 0.017812 269.820069;secondary-focus:#464b52;--sc:100% 0 0;--a:53.8572% 0.017812 269.820069;accent-focus:#464b52;--ac:100% 0 0;--n:84.9436% 0.012605 276.068713;neutral-focus:#a3a6b1;--nc:28.1705% 0.01025 242.054501;--b1:100% 0 0;--b2:84.9436% 0.012605 276.068713;--b3:78.7221% 0.014241 277.004909;--bc:28.1705% 0.01025 242.054501;--in:48.6221% 0.128075 247.073947;--inc:100% 0 0;--su:55.824% 0.14148 150.027193;--suc:100% 0 0;--wa:80.3357% 0.161017 74.410202;--wac:28.1705% 0.01025 242.054501;--er:57.1169% 0.215546 25.349404;--erc:100% 0 0}[data-theme=modus-classic-dark]{--animation-btn:0.3s;--animation-input:.2s;--tab-border:1px;--rounded-badge:0.25rem;--border-btn:1px;--btn-focus-scale:0.98;--rounded-btn:0.25rem;--rounded-box:0.5rem;--tab-radius:0.25rem;--alert-border-left-width:0.5rem;--alert-border-width:1px;--alert-border-radius:0.5rem;--input-bottom-border-width:1px;--p:48.6221% 0.128075 247.073947;primary-focus:#004f83;--pc:100% 0 0;--s:80.3357% 0.161017 74.410202;secondary-focus:#e49325;--sc:28.1705% 0.01025 242.054501;--a:53.8572% 0.017812 269.820069;accent-focus:#464b52;--ac:100% 0 0;--n:34.6043% 0.012501 252.973394;neutral-focus:#171c1e;--nc:100% 0 0;--b1:22.215% 0.008445 223.858126;--b2:34.6043% 0.012501 252.973394;--b3:41.0842% 0.013405 256.755726;--bc:100% 0 0;--in:48.6221% 0.128075 247.073947;--inc:100% 0 0;--su:55.824% 0.14148 150.027193;--suc:100% 0 0;--wa:80.3357% 0.161017 74.410202;--wac:28.1705% 0.01025 242.054501;--er:57.1169% 0.215546 25.349404;--erc:100% 0 0}[data-theme=modus-modern-light]{--animation-btn:0.3s;--animation-input:.2s;--tab-border:1px;--rounded-badge:0.25rem;--border-btn:1px;--btn-focus-scale:0.98;--rounded-btn:0.5rem;--rounded-box:1rem;--tab-radius:0.25rem;--alert-border-left-width:0.5rem;--alert-border-width:1px;--alert-border-radius:0.5rem;--input-bottom-border-width:1px;--p:48.6221% 0.128075 247.073947;primary-focus:#004f83;--pc:100% 0 0;--s:80.3357% 0.161017 74.410202;secondary-focus:#e49325;--sc:0% 0 0;--a:53.8572% 0.017812 269.820069;accent-focus:#464b52;--ac:100% 0 0;--n:84.9436% 0.012605 276.068713;neutral-focus:#a3a6b1;--nc:28.1705% 0.01025 242.054501;--b1:100% 0 0;--b2:84.9436% 0.012605 276.068713;--b3:78.7221% 0.014241 277.004909;--bc:28.1705% 0.01025 242.054501;--in:48.6221% 0.128075 247.073947;--inc:100% 0 0;--su:55.824% 0.14148 150.027193;--suc:100% 0 0;--wa:72.9405% 0.149372 67.994075;--wac:28.1705% 0.01025 242.054501;--er:57.1169% 0.215546 25.349404;--erc:100% 0 0}[data-theme=modus-modern-dark]{--animation-btn:0.3s;--animation-input:.2s;--tab-border:1px;--rounded-badge:0.25rem;--border-btn:1px;--btn-focus-scale:0.98;--rounded-btn:0.5rem;--rounded-box:1rem;--tab-radius:0.25rem;--alert-border-left-width:0.5rem;--alert-border-width:1px;--alert-border-radius:0.5rem;--input-bottom-border-width:1px;--p:65.9524% 0.159801 243.168715;primary-focus:#004f83;--pc:0% 0 0;--s:84.7174% 0.139742 78.603787;secondary-focus:#e49325;--sc:0% 0 0;--a:53.8572% 0.017812 269.820069;accent-focus:#464b52;--ac:100% 0 0;--n:34.6043% 0.012501 252.973394;neutral-focus:#171c1e;--nc:100% 0 0;--b1:22.215% 0.008445 223.858126;--b2:34.6043% 0.012501 252.973394;--b3:41.0842% 0.013405 256.755726;--bc:100% 0 0;--in:56.5592% 0.127092 244.53102;--inc:100% 0 0;--su:64.9048% 0.158119 142.023063;--suc:0% 0 0;--wa:84.7174% 0.139742 78.603787;--wac:28.1705% 0.01025 242.054501;--er:66.6026% 0.165819 22.664876;--erc:0% 0 0}[data-theme=connect-light]{--animation-btn:0.3s;--animation-input:.2s;--tab-border:1px;--rounded-badge:2px;--border-btn:1px;--btn-focus-scale:1;--rounded-btn:2px;--rounded-box:0;--tab-radius:0;--alert-border-left-width:0;--alert-border-width:0;--alert-border-radius:4px;--input-bottom-border-width:2px;--input-radius:2px;--p:47.3235% 0.12603 247.547196;primary-focus:#00437b;--pc:100% 0 0;--s:52.6234% 0.020228 289.216784;secondary-focus:#474655;--sc:100% 0 0;--a:53.8572% 0.017812 269.820069;accent-focus:#464b52;--ac:100% 0 0;--n:84.9436% 0.012605 276.068713;neutral-focus:#a3a6b1;--nc:28.1705% 0.01025 242.054501;--b1:100% 0 0;--b2:84.9436% 0.012605 276.068713;--b3:78.7221% 0.014241 277.004909;--bc:28.1705% 0.01025 242.054501;--in:48.6221% 0.128075 247.073947;--inc:100% 0 0;--su:66.4599% 0.13954 132.331914;--suc:100% 0 0;--wa:83.8398% 0.172209 83.573967;--wac:28.1705% 0.01025 242.054501;--er:56.8372% 0.205089 24.549972;--erc:100% 0 0}[data-theme=connect-dark]{--animation-btn:0.3s;--animation-input:.2s;--tab-border:1px;--rounded-badge:2px;--border-btn:1px;--btn-focus-scale:1;--rounded-btn:2px;--rounded-box:0;--tab-radius:0;--alert-border-left-width:0;--alert-border-width:0;--alert-border-radius:4px;--input-bottom-border-width:2px;--input-radius:2px;--p:65.9524% 0.159801 243.168715;primary-focus:#004f83;--pc:0% 0 0;--s:95.9569% 0.006653 286.273689;secondary-focus:#e49325;--sc:0% 0 0;--a:53.8572% 0.017812 269.820069;accent-focus:#464b52;--ac:100% 0 0;--n:34.6043% 0.012501 252.973394;neutral-focus:#171c1e;--nc:100% 0 0;--b1:22.215% 0.008445 223.858126;--b2:34.6043% 0.012501 252.973394;--b3:41.0842% 0.013405 256.755726;--bc:100% 0 0;--in:56.5592% 0.127092 244.53102;--inc:100% 0 0;--su:64.9048% 0.158119 142.023063;--suc:0% 0 0;--wa:84.7174% 0.139742 78.603787;--wac:28.1705% 0.01025 242.054501;--er:66.6026% 0.165819 22.664876;--erc:0% 0 0}h1{font-size:var(--modus-wc-font-size-3xl);line-height:var(--modus-wc-line-height-h1)}h1,h2{font-weight:var(--modus-wc-font-weight-normal)}h2{font-size:var(--modus-wc-font-size-2xl);line-height:var(--modus-wc-line-height-h2)}h3{font-size:var(--modus-wc-font-size-xl);line-height:var(--modus-wc-line-height-h3)}h3,h4{font-weight:var(--modus-wc-font-weight-semibold)}h4{font-size:var(--modus-wc-font-size-lg)}h4,h5{line-height:var(--modus-wc-line-height-md)}h5{font-size:var(--modus-wc-font-size-md)}h5,h6{font-weight:var(--modus-wc-font-weight-bold)}h6{font-size:var(--modus-wc-font-size-sm);line-height:var(--modus-wc-line-height-h6)}blockquote{border-color:var(--modus-wc-color-base-200);border-inline-start-width:var(--modus-wc-border-width-lg);margin-bottom:var(--modus-wc-spacing-lg);margin-top:var(--modus-wc-spacing-lg)}hr{background-color:var(--modus-wc-color-base-200);border:0;height:var(--modus-wc-border-width-xs);margin-bottom:var(--modus-wc-spacing-xl);margin-top:var(--modus-wc-spacing-xl)}b,strong{font-weight:var(--modus-wc-font-weight-bold)}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}dl,figure,pre{margin-bottom:var(--modus-wc-spacing-lg)}table{border-collapse:collapse;width:100%}td,th{border-color:var(--modus-wc-color-base-200);border-width:1px;text-align:left}th{font-weight:var(--modus-wc-font-weight-semibold)}a{color:var(--modus-wc-color-primary)}a:active{color:var(--modus-wc-color-primary-content)}a:focus{outline:auto}input,select,textarea{background-color:transparent;border-radius:var(--modus-wc-border-radius-md);color:inherit;font-family:inherit}input:focus,select:focus,textarea:focus{border-color:transparent;outline:2px solid var(--modus-wc-color-primary);outline-offset:1px}input:disabled,select:disabled,textarea:disabled{background-color:var(--modus-wc-color-base-100);opacity:.5}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--modus-wc-color-gray-4);opacity:1}input::-moz-placeholder, textarea::-moz-placeholder{color:var(--modus-wc-color-gray-4);opacity:1}input::placeholder,textarea::placeholder{color:var(--modus-wc-color-gray-4);opacity:1}menu{list-style-type:none}ol{list-style-type:decimal}ul{list-style-type:disc}li{display:list-item}.modus-wc-alert{--tw-border-opacity:1;--tw-text-opacity:1;--alert-bg:var(--fallback-b2,oklch(var(--b2)/1));--alert-bg-mix:var(--fallback-b1,oklch(var(--b1)/1));align-content:flex-start;align-items:center;background-color:var(--alert-bg);border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));border-radius:var(--rounded-box,1rem);border-width:1px;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));display:grid;gap:1rem;grid-auto-flow:row;justify-items:center;padding:1rem;text-align:center;width:100%}@media (min-width:640px){.modus-wc-alert{grid-auto-flow:column;grid-template-columns:auto minmax(auto,1fr);justify-items:start;text-align:start}}.modus-wc-avatar{display:inline-flex;position:relative}.modus-wc-avatar>div{aspect-ratio:1/1;display:block;overflow:hidden}.modus-wc-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.modus-wc-avatar.modus-wc-placeholder>div{align-items:center;display:flex;justify-content:center}.modus-wc-badge{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));border-radius:var(--rounded-badge,1.9rem);border-width:1px;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));display:inline-flex;font-size:.875rem;height:1.25rem;justify-content:center;line-height:1.25rem;padding-left:.563rem;padding-right:.563rem;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);width:-moz-fit-content;width:fit-content}.modus-wc-breadcrumbs{max-width:100%;overflow-x:auto;padding-bottom:.5rem;padding-top:.5rem}.modus-wc-breadcrumbs>ol,.modus-wc-breadcrumbs>ul{align-items:center;display:flex;min-height:-moz-min-content;min-height:min-content;white-space:nowrap}.modus-wc-breadcrumbs>ol>li,.modus-wc-breadcrumbs>ul>li{align-items:center;display:flex}.modus-wc-breadcrumbs>ol>li>a,.modus-wc-breadcrumbs>ul>li>a{align-items:center;cursor:pointer;display:flex}@media (hover:hover){.modus-wc-breadcrumbs>ol>li>a:hover,.modus-wc-breadcrumbs>ul>li>a:hover{text-decoration-line:underline}.modus-wc-menu li>:not(ul,.modus-wc-menu-title,details,.modus-wc-btn).modus-wc-active,.modus-wc-menu li>:not(ul,.modus-wc-menu-title,details,.modus-wc-btn):active,.modus-wc-menu li>details>summary:active{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}.modus-wc-tab:hover{--tw-text-opacity:1}.modus-wc-tabs-boxed :is(.modus-wc-tab-active,[aria-selected=true]):not(.modus-wc-tab-disabled):not([disabled]):hover,.modus-wc-tabs-boxed :is(input:checked):hover{--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}.modus-wc-table tr.modus-wc-hover:hover,.modus-wc-table tr.modus-wc-hover:nth-child(2n):hover{--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))}.modus-wc-table-zebra tr.modus-wc-hover:hover,.modus-wc-table-zebra tr.modus-wc-hover:nth-child(2n):hover{--tw-bg-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))}}.modus-wc-btn{--tw-text-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);--tw-bg-opacity:1;--tw-border-opacity:1;align-items:center;background-color:oklch(var(--btn-color,var(--b2))/var(--tw-bg-opacity));border-color:transparent;border-color:oklch(var(--btn-color,var(--b2))/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:var(--border-btn,1px);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));cursor:pointer;display:inline-flex;flex-shrink:0;flex-wrap:wrap;font-size:.875rem;font-weight:600;gap:.5rem;height:3rem;justify-content:center;line-height:1em;min-height:3rem;outline-color:var(--fallback-bc,oklch(var(--bc)/1));padding-left:1rem;padding-right:1rem;text-align:center;text-decoration-line:none;transition-duration:.2s;transition-property:color,background-color,border-color,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(0,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.modus-wc-btn-disabled,.modus-wc-btn:disabled,.modus-wc-btn[disabled]{pointer-events:none}.modus-wc-btn-circle,.modus-wc-btn-square{height:3rem;padding:0;width:3rem}.modus-wc-btn-circle{border-radius:9999px}:where(.modus-wc-btn:is(input[type=checkbox])),:where(.modus-wc-btn:is(input[type=radio])){-webkit-appearance:none;-moz-appearance:none;appearance:none;width:auto}.modus-wc-btn:is(input[type=checkbox]):after,.modus-wc-btn:is(input[type=radio]):after{--tw-content:attr(aria-label);content:var(--tw-content)}.modus-wc-card{border-radius:var(--rounded-box,1rem);display:flex;flex-direction:column;position:relative}.modus-wc-card:focus{outline:2px solid transparent;outline-offset:2px}.modus-wc-card-body{display:flex;flex:1 1 auto;flex-direction:column;gap:.5rem;padding:var(--padding-card,2rem)}.modus-wc-card-body :where(p){flex-grow:1}.modus-wc-card-actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem}.modus-wc-card figure{align-items:center;display:flex;justify-content:center}.modus-wc-card.modus-wc-image-full{display:grid}.modus-wc-card.modus-wc-image-full:before{--tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));border-radius:var(--rounded-box,1rem);content:"";opacity:.75;position:relative;z-index:10}.modus-wc-card.modus-wc-image-full:before,.modus-wc-card.modus-wc-image-full>*{grid-column-start:1;grid-row-start:1}.modus-wc-card.modus-wc-image-full>figure img{height:100%;-o-object-fit:cover;object-fit:cover}.modus-wc-card.modus-wc-image-full>.modus-wc-card-body{--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));position:relative;z-index:20}.modus-wc-checkbox{--chkbg:var(--fallback-bc,oklch(var(--bc)/1));--chkfg:var(--fallback-b1,oklch(var(--b1)/1));--tw-border-opacity:0.2;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));border-radius:var(--rounded-btn,.5rem);border-width:1px;cursor:pointer;flex-shrink:0;height:1.5rem;width:1.5rem}.modus-wc-collapse:not(td):not(tr):not(colgroup){visibility:visible}.modus-wc-collapse{border-radius:var(--rounded-box,1rem);display:grid;grid-template-rows:max-content 0fr;overflow:hidden;position:relative;transition:grid-template-rows .2s;width:100%}.modus-wc-collapse-content,.modus-wc-collapse-title,.modus-wc-collapse>input[type=checkbox],.modus-wc-collapse>input[type=radio]{grid-column-start:1;grid-row-start:1}.modus-wc-collapse>input[type=checkbox],.modus-wc-collapse>input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0}:where(.modus-wc-collapse>input[type=checkbox]),:where(.modus-wc-collapse>input[type=radio]){height:100%;width:100%;z-index:1}.modus-wc-collapse-content{cursor:unset;grid-column-start:1;grid-row-start:2;min-height:0;padding-left:1rem;padding-right:1rem;transition:visibility .2s;transition:padding .2s ease-out,background-color .2s ease-out;visibility:hidden}.modus-wc-collapse-open,.modus-wc-collapse:focus:not(.modus-wc-collapse-close),.modus-wc-collapse[open]{grid-template-rows:max-content 1fr}.modus-wc-collapse:not(.modus-wc-collapse-close):has(>input[type=checkbox]:checked),.modus-wc-collapse:not(.modus-wc-collapse-close):has(>input[type=radio]:checked){grid-template-rows:max-content 1fr}.modus-wc-collapse-open>.modus-wc-collapse-content,.modus-wc-collapse:focus:not(.modus-wc-collapse-close)>.modus-wc-collapse-content,.modus-wc-collapse:not(.modus-wc-collapse-close)>input[type=checkbox]:checked~.modus-wc-collapse-content,.modus-wc-collapse:not(.modus-wc-collapse-close)>input[type=radio]:checked~.modus-wc-collapse-content,.modus-wc-collapse[open]>.modus-wc-collapse-content{min-height:-moz-fit-content;min-height:fit-content;visibility:visible}.modus-wc-divider{align-items:center;align-self:stretch;display:flex;flex-direction:row;height:1rem;margin-bottom:1rem;margin-top:1rem;white-space:nowrap}.modus-wc-divider:after,.modus-wc-divider:before{--tw-content:"";background-color:var(--fallback-bc,oklch(var(--bc)/.1));content:var(--tw-content);flex-grow:1;height:.125rem;width:100%}.modus-wc-divider-end:after,.modus-wc-divider-start:before{display:none}@media (hover:hover){.modus-wc-btn:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));border-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)))}@supports (color:color-mix(in oklab,black,black)){.modus-wc-btn:hover{background-color:color-mix(in oklab,oklch(var(--btn-color,var(--b2))/var(--tw-bg-opacity,1)) 90%,#000);border-color:color-mix(in oklab,oklch(var(--btn-color,var(--b2))/var(--tw-border-opacity,1)) 90%,#000)}}@supports not (color:oklch(0% 0 0)){.modus-wc-btn:hover{background-color:var(--btn-color,var(--fallback-b2));border-color:var(--btn-color,var(--fallback-b2))}}.modus-wc-btn.modus-wc-glass:hover{--glass-opacity:25%;--glass-border-opacity:15%}.modus-wc-btn-outline:hover{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));color:var(--fallback-b1,oklch(var(--b1)/var(--tw-text-opacity)))}.modus-wc-btn-outline.modus-wc-btn-primary:hover{--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}@supports (color:color-mix(in oklab,black,black)){.modus-wc-btn-outline.modus-wc-btn-primary:hover{background-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000)}}.modus-wc-btn-outline.modus-wc-btn-secondary:hover{--tw-text-opacity:1;color:var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))}@supports (color:color-mix(in oklab,black,black)){.modus-wc-btn-outline.modus-wc-btn-secondary:hover{background-color:color-mix(in oklab,var(--fallback-s,oklch(var(--s)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-s,oklch(var(--s)/1)) 90%,#000)}}.modus-wc-btn-outline.modus-wc-btn-accent:hover{--tw-text-opacity:1;color:var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))}@supports (color:color-mix(in oklab,black,black)){.modus-wc-btn-outline.modus-wc-btn-accent:hover{background-color:color-mix(in oklab,var(--fallback-a,oklch(var(--a)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-a,oklch(var(--a)/1)) 90%,#000)}}.modus-wc-btn-outline.modus-wc-btn-success:hover{--tw-text-opacity:1;color:var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}@supports (color:color-mix(in oklab,black,black)){.modus-wc-btn-outline.modus-wc-btn-success:hover{background-color:color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 90%,#000)}}.modus-wc-btn-outline.modus-wc-btn-info:hover{--tw-text-opacity:1;color:var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}@supports (color:color-mix(in oklab,black,black)){.modus-wc-btn-outline.modus-wc-btn-info:hover{background-color:color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 90%,#000)}}.modus-wc-btn-outline.modus-wc-btn-warning:hover{--tw-text-opacity:1;color:var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}@supports (color:color-mix(in oklab,black,black)){.modus-wc-btn-outline.modus-wc-btn-warning:hover{background-color:color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 90%,#000)}}.modus-wc-btn-outline.modus-wc-btn-error:hover{--tw-text-opacity:1;color:var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}@supports (color:color-mix(in oklab,black,black)){.modus-wc-btn-outline.modus-wc-btn-error:hover{background-color:color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 90%,#000)}}.modus-wc-btn-disabled:hover,.modus-wc-btn:disabled:hover,.modus-wc-btn[disabled]:hover{--tw-border-opacity:0;--tw-bg-opacity:0.2;--tw-text-opacity:0.2;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}@supports (color:color-mix(in oklab,black,black)){.modus-wc-btn:is(input[type=checkbox]:checked):hover,.modus-wc-btn:is(input[type=radio]:checked):hover{background-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000)}}:where(.modus-wc-menu li:not(.modus-wc-menu-title,.modus-wc-disabled)>:not(ul,details,.modus-wc-menu-title)):not(.modus-wc-active,.modus-wc-btn):hover,:where(.modus-wc-menu li:not(.modus-wc-menu-title,.modus-wc-disabled)>details>summary:not(.modus-wc-menu-title)):not(.modus-wc-active,.modus-wc-btn):hover{cursor:pointer;outline:2px solid transparent;outline-offset:2px}@supports (color:oklch(0% 0 0)){:where(.modus-wc-menu li:not(.modus-wc-menu-title,.modus-wc-disabled)>:not(ul,details,.modus-wc-menu-title)):not(.modus-wc-active,.modus-wc-btn):hover,:where(.modus-wc-menu li:not(.modus-wc-menu-title,.modus-wc-disabled)>details>summary:not(.modus-wc-menu-title)):not(.modus-wc-active,.modus-wc-btn):hover{background-color:var(--fallback-bc,oklch(var(--bc)/.1))}}.modus-wc-tab[disabled],.modus-wc-tab[disabled]:hover{--tw-text-opacity:0.2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));cursor:not-allowed}}.modus-wc-file-input{--tw-border-opacity:0;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));border-radius:var(--rounded-btn,.5rem);border-width:1px;flex-shrink:1;font-size:1rem;height:3rem;line-height:2;line-height:1.5rem;overflow:hidden;padding-inline-end:1rem}.modus-wc-file-input::file-selector-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;animation:button-pop var(--animation-btn,.25s) ease-out;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));border-color:var(--fallback-n,oklch(var(--n)/var(--tw-border-opacity)));border-style:solid;border-width:var(--border-btn,1px);color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));cursor:pointer;display:inline-flex;flex-shrink:0;flex-wrap:wrap;font-size:.875rem;font-weight:600;height:100%;justify-content:center;line-height:1.25rem;line-height:1em;margin-inline-end:1rem;padding-left:1rem;padding-right:1rem;text-align:center;text-decoration-line:none;text-transform:uppercase;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.modus-wc-input{--tw-bg-opacity:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));border-color:transparent;border-radius:var(--rounded-btn,.5rem);border-width:1px;flex-shrink:1;font-size:1rem;height:3rem;line-height:2;line-height:1.5rem;padding-left:1rem;padding-right:1rem}.modus-wc-input-md[type=number]::-webkit-inner-spin-button,.modus-wc-input[type=number]::-webkit-inner-spin-button{margin-bottom:-1rem;margin-top:-1rem;margin-inline-end:-1rem}.modus-wc-input-xs[type=number]::-webkit-inner-spin-button{margin-bottom:-.25rem;margin-top:-.25rem;margin-inline-end:0}.modus-wc-input-sm[type=number]::-webkit-inner-spin-button{margin-bottom:0;margin-top:0;margin-inline-end:0}.modus-wc-input-lg[type=number]::-webkit-inner-spin-button{margin-bottom:-1.5rem;margin-top:-1.5rem;margin-inline-end:-1.5rem}.modus-wc-join{align-items:stretch;border-radius:var(--rounded-btn,.5rem);display:inline-flex}.modus-wc-join :where(.modus-wc-join-item){border-end-end-radius:0;border-end-start-radius:0;border-start-end-radius:0;border-start-start-radius:0}.modus-wc-join .modus-wc-join-item:not(:first-child):not(:last-child),.modus-wc-join :not(:first-child):not(:last-child) .modus-wc-join-item{border-end-end-radius:0;border-end-start-radius:0;border-start-end-radius:0;border-start-start-radius:0}.modus-wc-join .modus-wc-join-item:first-child:not(:last-child),.modus-wc-join :first-child:not(:last-child) .modus-wc-join-item{border-end-end-radius:0;border-start-end-radius:0}.modus-wc-join .modus-wc-dropdown .modus-wc-join-item:first-child:not(:last-child),.modus-wc-join :first-child:not(:last-child) .modus-wc-dropdown .modus-wc-join-item{border-end-end-radius:inherit;border-start-end-radius:inherit}.modus-wc-join :where(.modus-wc-join-item:first-child:not(:last-child)),.modus-wc-join :where(:first-child:not(:last-child) .modus-wc-join-item){border-end-start-radius:inherit;border-start-start-radius:inherit}.modus-wc-join .modus-wc-join-item:last-child:not(:first-child),.modus-wc-join :last-child:not(:first-child) .modus-wc-join-item{border-end-start-radius:0;border-start-start-radius:0}.modus-wc-join :where(.modus-wc-join-item:last-child:not(:first-child)),.modus-wc-join :where(:last-child:not(:first-child) .modus-wc-join-item){border-end-end-radius:inherit;border-start-end-radius:inherit}@supports not selector(:has(*)){:where(.modus-wc-join *){border-radius:inherit}}@supports selector(:has(*)){:where(.modus-wc-join :has(.modus-wc-join-item)){border-radius:inherit}}.modus-wc-mask{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.modus-wc-mask-half-1{-webkit-mask-position:left;mask-position:left;-webkit-mask-size:200%;mask-size:200%}.modus-wc-mask-half-1:where([dir=rtl],[dir=rtl] *){-webkit-mask-position:right;mask-position:right}.modus-wc-mask-half-2{-webkit-mask-position:right;mask-position:right;-webkit-mask-size:200%;mask-size:200%}.modus-wc-mask-half-2:where([dir=rtl],[dir=rtl] *){-webkit-mask-position:left;mask-position:left}.modus-wc-menu{display:flex;flex-direction:column;flex-wrap:wrap;font-size:.875rem;line-height:1.25rem;padding:.5rem}.modus-wc-menu :where(li ul){margin-inline-start:1rem;padding-inline-start:.5rem;position:relative;white-space:nowrap}.modus-wc-menu :where(li:not(.modus-wc-menu-title)>:not(ul,details,.modus-wc-menu-title,.modus-wc-btn)),.modus-wc-menu :where(li:not(.modus-wc-menu-title)>details>summary:not(.modus-wc-menu-title)){align-content:flex-start;align-items:center;display:grid;gap:.5rem;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.modus-wc-menu li.modus-wc-disabled{color:var(--fallback-bc,oklch(var(--bc)/.3));cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.modus-wc-menu :where(li>.modus-wc-menu-dropdown:not(.modus-wc-menu-dropdown-show)){display:none}:where(.modus-wc-menu li){align-items:stretch;display:flex;flex-direction:column;flex-shrink:0;flex-wrap:wrap;position:relative}:where(.modus-wc-menu li) .modus-wc-badge{justify-self:end}.modus-wc-modal{background-color:transparent;color:inherit;display:grid;height:100%;inset:0;justify-items:center;margin:0;max-height:none;max-width:none;opacity:0;overflow-y:hidden;overscroll-behavior:contain;padding:0;pointer-events:none;position:fixed;transition-duration:.2s;transition-property:transform,opacity,visibility;transition-timing-function:cubic-bezier(0,0,.2,1);width:100%;z-index:999}:where(.modus-wc-modal){align-items:center}.modus-wc-modal-box{--tw-scale-x:.9;--tw-scale-y:.9;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));border-bottom-left-radius:var(--rounded-box,1rem);border-bottom-right-radius:var(--rounded-box,1rem);border-top-left-radius:var(--rounded-box,1rem);border-top-right-radius:var(--rounded-box,1rem);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);grid-column-start:1;grid-row-start:1;max-height:calc(100vh - 5em);max-width:32rem;overflow-y:auto;overscroll-behavior:contain;padding:1.5rem;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));transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);width:91.666667%}.modus-wc-modal-open,.modus-wc-modal-toggle:checked+.modus-wc-modal,.modus-wc-modal:target,.modus-wc-modal[open]{opacity:1;pointer-events:auto;visibility:visible}.modus-wc-modal-action{display:flex;justify-content:flex-end;margin-top:1.5rem}:root:has(:is(.modus-wc-modal-open,.modus-wc-modal:target,.modus-wc-modal-toggle:checked+.modus-wc-modal,.modus-wc-modal[open])){overflow:hidden;scrollbar-gutter:stable}.modus-wc-navbar{align-items:center;display:flex;min-height:4rem;padding:var(--navbar-padding,.5rem);width:100%}:where(.modus-wc-navbar>:not(script,style)){align-items:center;display:inline-flex}.modus-wc-navbar-start{justify-content:flex-start;width:50%}.modus-wc-navbar-center{flex-shrink:0}.modus-wc-navbar-end{justify-content:flex-end;width:50%}.modus-wc-progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--fallback-bc,oklch(var(--bc)/.2));border-radius:var(--rounded-box,1rem);height:.5rem;overflow:hidden;position:relative;width:100%}.modus-wc-radial-progress{--value:0;--size:5rem;--thickness:calc(var(--size)/10);background-color:transparent;border-radius:9999px;box-sizing:content-box;display:inline-grid;height:var(--size);place-content:center;position:relative;vertical-align:middle;width:var(--size)}.modus-wc-radial-progress::-moz-progress-bar{-moz-appearance:none;appearance:none;background-color:transparent}.modus-wc-radial-progress::-webkit-progress-bar,.modus-wc-radial-progress::-webkit-progress-value{-webkit-appearance:none;appearance:none;background-color:transparent}.modus-wc-radial-progress:after,.modus-wc-radial-progress:before{border-radius:9999px;content:"";position:absolute}.modus-wc-radial-progress:before{background:radial-gradient(farthest-side,currentColor 98%,#0000) top/var(--thickness) var(--thickness) no-repeat,conic-gradient(currentColor calc(var(--value)*1%),#0000 0);inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--thickness)),#000 calc(100% - var(--thickness)));mask:radial-gradient(farthest-side,#0000 calc(99% - var(--thickness)),#000 calc(100% - var(--thickness)))}.modus-wc-radial-progress:after{background-color:currentColor;inset:calc(50% - var(--thickness)/2);transform:rotate(calc(var(--value)*3.6deg - 90deg)) translate(calc(var(--size)/2 - 50%))}.modus-wc-radio{--chkbg:var(--bc);--tw-border-opacity:0.2;-webkit-appearance:none;border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));border-radius:9999px;border-width:1px;flex-shrink:0;width:1.5rem}.modus-wc-radio,.modus-wc-range{-moz-appearance:none;-webkit-appearance:none;appearance:none;cursor:pointer;height:1.5rem}.modus-wc-range{--range-shdw:var(--fallback-bc,oklch(var(--bc)/1));-webkit-appearance:none;background-color:transparent;border-radius:var(--rounded-box,1rem);overflow:hidden;width:100%}.modus-wc-range:focus{outline:none}.modus-wc-rating{display:inline-flex;position:relative}.modus-wc-rating :where(input){--tw-bg-opacity:1;animation:rating-pop var(--animation-input,.25s) ease-out;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));border-radius:0;cursor:pointer;height:1.5rem;width:1.5rem}.modus-wc-select{--tw-bg-opacity:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));background-image:linear-gradient(45deg,transparent 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,transparent 0);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-color:transparent;border-radius:var(--rounded-btn,.5rem);border-width:1px;cursor:pointer;display:inline-flex;font-size:.875rem;height:3rem;line-height:1.25rem;line-height:2;min-height:3rem;padding-inline-end:2.5rem;padding-inline-start:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.modus-wc-select[multiple]{height:auto}.modus-wc-steps{counter-reset:step;display:inline-grid;grid-auto-columns:1fr;grid-auto-flow:column;overflow:hidden;overflow-x:auto}.modus-wc-steps .modus-wc-step{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-columns:auto;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-rows:40px 1fr;min-width:4rem;place-items:center;text-align:center}.modus-wc-tabs{align-items:flex-end;display:grid}.modus-wc-tabs-lifted:has(.modus-wc-tab-content[class*=" rounded-"]) .modus-wc-tab:first-child:not(:is(.modus-wc-tab-active,[aria-selected=true])),.modus-wc-tabs-lifted:has(.modus-wc-tab-content[class^=rounded-]) .modus-wc-tab:first-child:not(:is(.modus-wc-tab-active,[aria-selected=true])){border-bottom-color:transparent}.modus-wc-tab{--tab-padding:1rem;--tw-text-opacity:0.5;--tab-color:var(--fallback-bc,oklch(var(--bc)/1));--tab-bg:var(--fallback-b1,oklch(var(--b1)/1));--tab-border-color:var(--fallback-b3,oklch(var(--b3)/1));align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--tab-color);cursor:pointer;display:inline-flex;flex-wrap:wrap;font-size:.875rem;grid-row-start:1;height:2rem;justify-content:center;line-height:1.25rem;line-height:2;padding-inline-end:var(--tab-padding,1rem);padding-inline-start:var(--tab-padding,1rem);position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.modus-wc-tab:is(input[type=radio]){border-bottom-left-radius:0;border-bottom-right-radius:0;width:auto}.modus-wc-tab:is(input[type=radio]):after{--tw-content:attr(aria-label);content:var(--tw-content)}.modus-wc-tab:not(input):empty{cursor:default;grid-column-start:span 9999}:checked+.modus-wc-tab-content:nth-child(2),:is(.modus-wc-tab-active,[aria-selected=true])+.modus-wc-tab-content:nth-child(2){border-start-start-radius:0}:is(.modus-wc-tab-active,[aria-selected=true])+.modus-wc-tab-content,input.modus-wc-tab:checked+.modus-wc-tab-content{display:block}.modus-wc-table{border-radius:var(--rounded-box,1rem);font-size:.875rem;line-height:1.25rem;position:relative;text-align:left;width:100%}.modus-wc-table :where(.modus-wc-table-pin-rows thead tr){--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));position:sticky;top:0;z-index:1}.modus-wc-table :where(.modus-wc-table-pin-rows tfoot tr){--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));bottom:0;position:sticky;z-index:1}.modus-wc-table :where(.modus-wc-table-pin-cols tr th){--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));left:0;position:sticky;right:0}.modus-wc-table-zebra tbody tr:nth-child(2n) :where(.modus-wc-table-pin-cols tr th){--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))}.modus-wc-textarea{--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));border-color:transparent;border-radius:var(--rounded-btn,.5rem);border-width:1px;flex-shrink:1;font-size:.875rem;line-height:1.25rem;line-height:2;min-height:3rem;padding:.5rem 1rem}.modus-wc-toast{display:flex;flex-direction:column;gap:.5rem;min-width:-moz-fit-content;min-width:fit-content;padding:1rem;position:fixed;white-space:nowrap}.modus-wc-toggle{--tglbg:var(--fallback-b1,oklch(var(--b1)/1));--handleoffset:1.5rem;--handleoffsetcalculator:calc(var(--handleoffset)*-1);--togglehandleborder:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:currentColor;border-color:currentColor;border-radius:var(--rounded-badge,1.9rem);border-width:1px;box-shadow:var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset,var(--togglehandleborder);color:var(--fallback-bc,oklch(var(--bc)/.5));cursor:pointer;flex-shrink:0;height:1.5rem;transition:background,box-shadow var(--animation-input,.2s) ease-out;width:3rem}.modus-wc-alert-info{--tw-text-opacity:1;--alert-bg:var(--fallback-in,oklch(var(--in)/1));--alert-bg-mix:var(--fallback-b1,oklch(var(--b1)/1));border-color:var(--fallback-in,oklch(var(--in)/.2));color:var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}.modus-wc-alert-success{--tw-text-opacity:1;--alert-bg:var(--fallback-su,oklch(var(--su)/1));--alert-bg-mix:var(--fallback-b1,oklch(var(--b1)/1));border-color:var(--fallback-su,oklch(var(--su)/.2));color:var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}.modus-wc-alert-warning{--tw-text-opacity:1;--alert-bg:var(--fallback-wa,oklch(var(--wa)/1));--alert-bg-mix:var(--fallback-b1,oklch(var(--b1)/1));border-color:var(--fallback-wa,oklch(var(--wa)/.2));color:var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}.modus-wc-alert-error{--tw-text-opacity:1;--alert-bg:var(--fallback-er,oklch(var(--er)/1));--alert-bg-mix:var(--fallback-b1,oklch(var(--b1)/1));border-color:var(--fallback-er,oklch(var(--er)/.2));color:var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}.modus-wc-avatar-group :where(.modus-wc-avatar){--tw-border-opacity:1;border-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-border-opacity)));border-radius:9999px;border-width:4px;overflow:hidden}.modus-wc-badge-neutral{background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));border-color:var(--fallback-n,oklch(var(--n)/var(--tw-border-opacity)));color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}.modus-wc-badge-neutral,.modus-wc-badge-primary{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1}.modus-wc-badge-primary{background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}.modus-wc-badge-secondary{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));border-color:var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));color:var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))}.modus-wc-badge-success{background-color:var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));color:var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}.modus-wc-badge-success,.modus-wc-badge-warning{--tw-bg-opacity:1;--tw-text-opacity:1;border-color:transparent}.modus-wc-badge-warning{background-color:var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));color:var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}.modus-wc-badge-error{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));border-color:transparent;color:var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}.modus-wc-badge-outline.modus-wc-badge-neutral{--tw-text-opacity:1;color:var(--fallback-n,oklch(var(--n)/var(--tw-text-opacity)))}.modus-wc-badge-outline.modus-wc-badge-primary{--tw-text-opacity:1;color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)))}.modus-wc-badge-outline.modus-wc-badge-secondary{--tw-text-opacity:1;color:var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity)))}.modus-wc-badge-outline.modus-wc-badge-success{--tw-text-opacity:1;color:var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity)))}.modus-wc-badge-outline.modus-wc-badge-warning{--tw-text-opacity:1;color:var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity)))}.modus-wc-badge-outline.modus-wc-badge-error{--tw-text-opacity:1;color:var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity)))}.modus-wc-btm-nav>:where(.modus-wc-active){--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));border-top-width:2px}.modus-wc-breadcrumbs>ol>li>a:focus,.modus-wc-breadcrumbs>ul>li>a:focus{outline:2px solid transparent;outline-offset:2px}.modus-wc-breadcrumbs>ol>li>a:focus-visible,.modus-wc-breadcrumbs>ul>li>a:focus-visible{outline:2px solid currentColor;outline-offset:2px}.modus-wc-breadcrumbs>ol>li+:before,.modus-wc-breadcrumbs>ul>li+:before{--tw-rotate:45deg;background-color:transparent;border-right:1px solid;border-top:1px solid;content:"";display:block;height:.375rem;margin-left:.5rem;margin-right:.75rem;opacity:.4;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));width:.375rem}[dir=rtl] .modus-wc-breadcrumbs>ol>li+:before,[dir=rtl] .modus-wc-breadcrumbs>ul>li+:before{--tw-rotate:-135deg}@media (prefers-reduced-motion:no-preference){.modus-wc-btn{animation:button-pop var(--animation-btn,.25s) ease-out}}.modus-wc-btn:active:focus,.modus-wc-btn:active:hover{animation:button-pop 0s ease-out;transform:scale(var(--btn-focus-scale,.97))}@supports not (color:oklch(0% 0 0)){.modus-wc-btn{background-color:var(--btn-color,var(--fallback-b2));border-color:var(--btn-color,var(--fallback-b2))}.modus-wc-btn-primary{--btn-color:var(--fallback-p)}.modus-wc-btn-secondary{--btn-color:var(--fallback-s)}.modus-wc-btn-neutral{--btn-color:var(--fallback-n)}.modus-wc-btn-warning{--btn-color:var(--fallback-wa)}.modus-wc-btn-error{--btn-color:var(--fallback-er)}}@supports (color:color-mix(in oklab,black,black)){.modus-wc-btn-active{background-color:color-mix(in oklab,oklch(var(--btn-color,var(--b3))/var(--tw-bg-opacity,1)) 90%,#000);border-color:color-mix(in oklab,oklch(var(--btn-color,var(--b3))/var(--tw-border-opacity,1)) 90%,#000)}.modus-wc-btn-outline.modus-wc-btn-primary.modus-wc-btn-active{background-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000)}.modus-wc-btn-outline.modus-wc-btn-secondary.modus-wc-btn-active{background-color:color-mix(in oklab,var(--fallback-s,oklch(var(--s)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-s,oklch(var(--s)/1)) 90%,#000)}.modus-wc-btn-outline.modus-wc-btn-accent.modus-wc-btn-active{background-color:color-mix(in oklab,var(--fallback-a,oklch(var(--a)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-a,oklch(var(--a)/1)) 90%,#000)}.modus-wc-btn-outline.modus-wc-btn-success.modus-wc-btn-active{background-color:color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 90%,#000)}.modus-wc-btn-outline.modus-wc-btn-info.modus-wc-btn-active{background-color:color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 90%,#000)}.modus-wc-btn-outline.modus-wc-btn-warning.modus-wc-btn-active{background-color:color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 90%,#000)}.modus-wc-btn-outline.modus-wc-btn-error.modus-wc-btn-active{background-color:color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 90%,#000)}}.modus-wc-btn:focus-visible{outline-offset:2px;outline-style:solid;outline-width:2px}.modus-wc-btn-primary{--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));outline-color:var(--fallback-p,oklch(var(--p)/1))}@supports (color:oklch(0% 0 0)){.modus-wc-btn-primary{--btn-color:var(--p)}.modus-wc-btn-secondary{--btn-color:var(--s)}.modus-wc-btn-neutral{--btn-color:var(--n)}.modus-wc-btn-warning{--btn-color:var(--wa)}.modus-wc-btn-error{--btn-color:var(--er)}}.modus-wc-btn-secondary{--tw-text-opacity:1;color:var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));outline-color:var(--fallback-s,oklch(var(--s)/1))}.modus-wc-btn-neutral{--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));outline-color:var(--fallback-n,oklch(var(--n)/1))}.modus-wc-btn-warning{--tw-text-opacity:1;color:var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));outline-color:var(--fallback-wa,oklch(var(--wa)/1))}.modus-wc-btn-error{--tw-text-opacity:1;color:var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));outline-color:var(--fallback-er,oklch(var(--er)/1))}.modus-wc-btn.modus-wc-glass{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline-color:currentColor}.modus-wc-btn.modus-wc-glass.modus-wc-btn-active{--glass-opacity:25%;--glass-border-opacity:15%}.modus-wc-btn-ghost.modus-wc-btn-active{background-color:var(--fallback-bc,oklch(var(--bc)/.2));border-color:transparent}.modus-wc-btn-link.modus-wc-btn-active{background-color:transparent;border-color:transparent;text-decoration-line:underline}.modus-wc-btn-outline{--tw-text-opacity:1;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;background-color:transparent;border-color:currentColor;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}.modus-wc-btn-outline.modus-wc-btn-active{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));color:var(--fallback-b1,oklch(var(--b1)/var(--tw-text-opacity)))}.modus-wc-btn-outline.modus-wc-btn-primary{--tw-text-opacity:1;color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)))}.modus-wc-btn-outline.modus-wc-btn-primary.modus-wc-btn-active{--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}.modus-wc-btn-outline.modus-wc-btn-secondary{--tw-text-opacity:1;color:var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity)))}.modus-wc-btn-outline.modus-wc-btn-secondary.modus-wc-btn-active{--tw-text-opacity:1;color:var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))}.modus-wc-btn-outline.modus-wc-btn-accent{--tw-text-opacity:1;color:var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity)))}.modus-wc-btn-outline.modus-wc-btn-accent.modus-wc-btn-active{--tw-text-opacity:1;color:var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))}.modus-wc-btn-outline.modus-wc-btn-success{--tw-text-opacity:1;color:var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity)))}.modus-wc-btn-outline.modus-wc-btn-success.modus-wc-btn-active{--tw-text-opacity:1;color:var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}.modus-wc-btn-outline.modus-wc-btn-info{--tw-text-opacity:1;color:var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity)))}.modus-wc-btn-outline.modus-wc-btn-info.modus-wc-btn-active{--tw-text-opacity:1;color:var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}.modus-wc-btn-outline.modus-wc-btn-warning{--tw-text-opacity:1;color:var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity)))}.modus-wc-btn-outline.modus-wc-btn-warning.modus-wc-btn-active{--tw-text-opacity:1;color:var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}.modus-wc-btn-outline.modus-wc-btn-error{--tw-text-opacity:1;color:var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity)))}.modus-wc-btn-outline.modus-wc-btn-error.modus-wc-btn-active{--tw-text-opacity:1;color:var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}.modus-wc-btn.modus-wc-btn-disabled,.modus-wc-btn:disabled,.modus-wc-btn[disabled]{--tw-border-opacity:0;--tw-bg-opacity:0.2;--tw-text-opacity:0.2;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}.modus-wc-btn:is(input[type=checkbox]:checked),.modus-wc-btn:is(input[type=radio]:checked){--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}.modus-wc-btn:is(input[type=checkbox]:checked):focus-visible,.modus-wc-btn:is(input[type=radio]:checked):focus-visible{outline-color:var(--fallback-p,oklch(var(--p)/1))}@keyframes button-pop{0%{transform:scale(var(--btn-focus-scale,.98))}40%{transform:scale(1.02)}to{transform:scale(1)}}.modus-wc-card :where(figure:first-child){border-end-end-radius:unset;border-end-start-radius:unset;border-start-end-radius:inherit;border-start-start-radius:inherit;overflow:hidden}.modus-wc-card :where(figure:last-child){border-end-end-radius:inherit;border-end-start-radius:inherit;border-start-end-radius:unset;border-start-start-radius:unset;overflow:hidden}.modus-wc-card:focus-visible{outline:2px solid currentColor;outline-offset:2px}.modus-wc-card-bordered,.modus-wc-card.modus-wc-bordered{--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));border-width:1px}.modus-wc-card.modus-wc-compact .modus-wc-card-body{font-size:.875rem;line-height:1.25rem;padding:1rem}.modus-wc-card-title{align-items:center;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;line-height:1.75rem}.modus-wc-card.modus-wc-image-full :where(figure){border-radius:inherit;overflow:hidden}.modus-wc-checkbox:focus{box-shadow:none}.modus-wc-checkbox:focus-visible{outline-color:var(--fallback-bc,oklch(var(--bc)/1));outline-offset:2px;outline-style:solid;outline-width:2px}.modus-wc-checkbox:disabled{--tw-bg-opacity:1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));border-color:transparent;border-width:0;cursor:not-allowed;opacity:.2}.modus-wc-checkbox:checked,.modus-wc-checkbox[aria-checked=true]{animation:checkmark var(--animation-input,.2s) ease-out;background-color:var(--chkbg);background-image:linear-gradient(-45deg,transparent 65%,var(--chkbg) 65.99%),linear-gradient(45deg,transparent 75%,var(--chkbg) 75.99%),linear-gradient(-45deg,var(--chkbg) 40%,transparent 40.99%),linear-gradient(45deg,var(--chkbg) 30%,var(--chkfg) 30.99%,var(--chkfg) 40%,transparent 40.99%),linear-gradient(-45deg,var(--chkfg) 50%,var(--chkbg) 50.99%);background-repeat:no-repeat}.modus-wc-checkbox:indeterminate{--tw-bg-opacity:1;animation:checkmark var(--animation-input,.2s) ease-out;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));background-image:linear-gradient(90deg,transparent 80%,var(--chkbg) 80%),linear-gradient(-90deg,transparent 80%,var(--chkbg) 80%),linear-gradient(0deg,var(--chkbg) 43%,var(--chkfg) 43%,var(--chkfg) 57%,var(--chkbg) 57%);background-repeat:no-repeat}@keyframes checkmark{0%{background-position-y:5px}50%{background-position-y:-2px}to{background-position-y:0}}details.modus-wc-collapse{width:100%}details.modus-wc-collapse summary{display:block;outline:2px solid transparent;outline-offset:2px;position:relative}details.modus-wc-collapse summary::-webkit-details-marker{display:none}.modus-wc-collapse:focus-visible{outline-color:var(--fallback-bc,oklch(var(--bc)/1));outline-offset:2px;outline-style:solid;outline-width:2px}.modus-wc-collapse:has(.modus-wc-collapse-title:focus-visible),.modus-wc-collapse:has(>input[type=checkbox]:focus-visible),.modus-wc-collapse:has(>input[type=radio]:focus-visible){outline-color:var(--fallback-bc,oklch(var(--bc)/1));outline-offset:2px;outline-style:solid;outline-width:2px}.modus-wc-collapse-arrow>.modus-wc-collapse-title:after{--tw-translate-y:-100%;--tw-rotate:45deg;box-shadow:2px 2px;content:"";top:1.9rem;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));transform-origin:75% 75%;transition-duration:.15s;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.modus-wc-collapse-arrow>.modus-wc-collapse-title:after,.modus-wc-collapse-plus>.modus-wc-collapse-title:after{display:block;height:.5rem;inset-inline-end:1.4rem;pointer-events:none;position:absolute;transition-property:all;width:.5rem}.modus-wc-collapse-plus>.modus-wc-collapse-title:after{content:"+";top:.9rem;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.modus-wc-collapse:not(.modus-wc-collapse-open):not(.modus-wc-collapse-close)>.modus-wc-collapse-title,.modus-wc-collapse:not(.modus-wc-collapse-open):not(.modus-wc-collapse-close)>input[type=checkbox],.modus-wc-collapse:not(.modus-wc-collapse-open):not(.modus-wc-collapse-close)>input[type=radio]:not(:checked){cursor:pointer}.modus-wc-collapse:focus:not(.modus-wc-collapse-open):not(.modus-wc-collapse-close):not(.modus-wc-collapse[open])>.modus-wc-collapse-title{cursor:unset}.modus-wc-collapse-title{position:relative}.modus-wc-collapse-title,:where(.modus-wc-collapse>input[type=checkbox]),:where(.modus-wc-collapse>input[type=radio]){min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out}.modus-wc-collapse-open>:where(.modus-wc-collapse-content),.modus-wc-collapse:focus:not(.modus-wc-collapse-close)>:where(.modus-wc-collapse-content),.modus-wc-collapse:not(.modus-wc-collapse-close)>:where(input[type=checkbox]:checked~.modus-wc-collapse-content),.modus-wc-collapse:not(.modus-wc-collapse-close)>:where(input[type=radio]:checked~.modus-wc-collapse-content),.modus-wc-collapse[open]>:where(.modus-wc-collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.modus-wc-collapse-arrow:focus:not(.modus-wc-collapse-close)>.modus-wc-collapse-title:after,.modus-wc-collapse-arrow:not(.modus-wc-collapse-close)>input[type=checkbox]:checked~.modus-wc-collapse-title:after,.modus-wc-collapse-arrow:not(.modus-wc-collapse-close)>input[type=radio]:checked~.modus-wc-collapse-title:after,.modus-wc-collapse-open.modus-wc-collapse-arrow>.modus-wc-collapse-title:after,.modus-wc-collapse[open].modus-wc-collapse-arrow>.modus-wc-collapse-title:after{--tw-translate-y:-50%;--tw-rotate:225deg;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))}.modus-wc-collapse-open.modus-wc-collapse-plus>.modus-wc-collapse-title:after,.modus-wc-collapse-plus:focus:not(.modus-wc-collapse-close)>.modus-wc-collapse-title:after,.modus-wc-collapse-plus:not(.modus-wc-collapse-close)>input[type=checkbox]:checked~.modus-wc-collapse-title:after,.modus-wc-collapse-plus:not(.modus-wc-collapse-close)>input[type=radio]:checked~.modus-wc-collapse-title:after,.modus-wc-collapse[open].modus-wc-collapse-plus>.modus-wc-collapse-title:after{content:"−"}.modus-wc-divider:not(:empty){gap:1rem}.modus-wc-divider-neutral:after,.modus-wc-divider-neutral:before{--tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)))}.modus-wc-divider-primary:after,.modus-wc-divider-primary:before{--tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)))}.modus-wc-divider-secondary:after,.modus-wc-divider-secondary:before{--tw-bg-opacity:1;background-color:var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)))}.modus-wc-divider-accent:after,.modus-wc-divider-accent:before{--tw-bg-opacity:1;background-color:var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)))}.modus-wc-divider-success:after,.modus-wc-divider-success:before{--tw-bg-opacity:1;background-color:var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)))}.modus-wc-divider-warning:after,.modus-wc-divider-warning:before{--tw-bg-opacity:1;background-color:var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)))}.modus-wc-divider-error:after,.modus-wc-divider-error:before{--tw-bg-opacity:1;background-color:var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)))}.modus-wc-file-input:focus{outline-color:var(--fallback-bc,oklch(var(--bc)/.2));outline-offset:2px;outline-style:solid;outline-width:2px}.modus-wc-file-input-disabled,.modus-wc-file-input[disabled]{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:0.2;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));cursor:not-allowed}.modus-wc-file-input-disabled::-moz-placeholder,.modus-wc-file-input[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)))}.modus-wc-file-input-disabled::-moz-placeholder, .modus-wc-file-input[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)))}.modus-wc-file-input-disabled::placeholder,.modus-wc-file-input[disabled]::placeholder{--tw-placeholder-opacity:0.2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)))}.modus-wc-file-input-disabled::file-selector-button,.modus-wc-file-input[disabled]::file-selector-button{--tw-border-opacity:0;--tw-bg-opacity:0.2;--tw-text-opacity:0.2;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}.modus-wc-input input{--tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));background-color:transparent}.modus-wc-input input:focus{outline:2px solid transparent;outline-offset:2px}.modus-wc-input[list]::-webkit-calendar-picker-indicator{line-height:1em}.modus-wc-input-bordered{border-color:var(--fallback-bc,oklch(var(--bc)/.2))}.modus-wc-input:focus,.modus-wc-input:focus-within{border-color:var(--fallback-bc,oklch(var(--bc)/.2));box-shadow:none;outline-color:var(--fallback-bc,oklch(var(--bc)/.2));outline-offset:2px;outline-style:solid;outline-width:2px}.modus-wc-input-disabled,.modus-wc-input:disabled,.modus-wc-input:has(>input[disabled]),.modus-wc-input[disabled]{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));color:var(--fallback-bc,oklch(var(--bc)/.4));cursor:not-allowed}.modus-wc-input-disabled::-moz-placeholder,.modus-wc-input:disabled::-moz-placeholder,.modus-wc-input:has(>input[disabled])::-moz-placeholder,.modus-wc-input[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)))}.modus-wc-input-disabled::-moz-placeholder, .modus-wc-input:disabled::-moz-placeholder, .modus-wc-input:has(>input[disabled])::-moz-placeholder, .modus-wc-input[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)))}.modus-wc-input-disabled::placeholder,.modus-wc-input:disabled::placeholder,.modus-wc-input:has(>input[disabled])::placeholder,.modus-wc-input[disabled]::placeholder{--tw-placeholder-opacity:0.2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)))}.modus-wc-input:has(>input[disabled])>input[disabled]{cursor:not-allowed}.modus-wc-input::-webkit-date-and-time-value{text-align:inherit}.modus-wc-join>:where(:not(:first-child)){margin-bottom:0;margin-top:0;margin-inline-start:-1px}.modus-wc-join>:where(:not(:first-child)):is(.modus-wc-btn){margin-inline-start:calc(var(--border-btn)*-1)}.modus-wc-join-item:focus{isolation:isolate}.modus-wc-mask-heart{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='200' height='185' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M100 184.606a15.384 15.384 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.384 15.384 0 0 1-8.653 2.673Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='200' height='185' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M100 184.606a15.384 15.384 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.384 15.384 0 0 1-8.653 2.673Z'/%3E%3C/svg%3E")}.modus-wc-mask-star-2{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z' fill-rule='evenodd'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z' fill-rule='evenodd'/%3E%3C/svg%3E")}:where(.modus-wc-menu li:empty){--tw-bg-opacity:1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));height:1px;margin:.5rem 1rem;opacity:.1}.modus-wc-menu :where(li ul):before{--tw-bg-opacity:1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));bottom:.75rem;content:"";inset-inline-start:0;opacity:.1;position:absolute;top:.75rem;width:1px}.modus-wc-menu :where(li:not(.modus-wc-menu-title)>:not(ul,details,.modus-wc-menu-title,.modus-wc-btn)),.modus-wc-menu :where(li:not(.modus-wc-menu-title)>details>summary:not(.modus-wc-menu-title)){text-wrap:balance;border-radius:var(--rounded-btn,.5rem);padding:.5rem 1rem;text-align:start;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}:where(.modus-wc-menu li:not(.modus-wc-menu-title,.modus-wc-disabled)>:not(ul,details,.modus-wc-menu-title)):is(summary):not(.modus-wc-active,.modus-wc-btn):focus-visible,:where(.modus-wc-menu li:not(.modus-wc-menu-title,.modus-wc-disabled)>:not(ul,details,.modus-wc-menu-title)):not(summary,.modus-wc-active,.modus-wc-btn).modus-wc-focus,:where(.modus-wc-menu li:not(.modus-wc-menu-title,.modus-wc-disabled)>:not(ul,details,.modus-wc-menu-title)):not(summary,.modus-wc-active,.modus-wc-btn):focus,:where(.modus-wc-menu li:not(.modus-wc-menu-title,.modus-wc-disabled)>details>summary:not(.modus-wc-menu-title)):is(summary):not(.modus-wc-active,.modus-wc-btn):focus-visible,:where(.modus-wc-menu li:not(.modus-wc-menu-title,.modus-wc-disabled)>details>summary:not(.modus-wc-menu-title)):not(summary,.modus-wc-active,.modus-wc-btn).modus-wc-focus,:where(.modus-wc-menu li:not(.modus-wc-menu-title,.modus-wc-disabled)>details>summary:not(.modus-wc-menu-title)):not(summary,.modus-wc-active,.modus-wc-btn):focus{--tw-text-opacity:1;background-color:var(--fallback-bc,oklch(var(--bc)/.1));color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));cursor:pointer;outline:2px solid transparent;outline-offset:2px}.modus-wc-menu li>:not(ul,.modus-wc-menu-title,details,.modus-wc-btn).modus-wc-active,.modus-wc-menu li>:not(ul,.modus-wc-menu-title,details,.modus-wc-btn):active,.modus-wc-menu li>details>summary:active{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}.modus-wc-menu :where(li>details>summary)::-webkit-details-marker{display:none}.modus-wc-menu :where(li>.modus-wc-menu-dropdown-toggle):after,.modus-wc-menu :where(li>details>summary):after{box-shadow:2px 2px;content:"";display:block;height:.5rem;justify-self:end;margin-top:-.5rem;pointer-events:none;transform:rotate(45deg);transform-origin:75% 75%;transition-duration:.3s;transition-property:transform,margin-top;transition-timing-function:cubic-bezier(.4,0,.2,1);width:.5rem}.modus-wc-menu :where(li>.modus-wc-menu-dropdown-toggle.modus-wc-menu-dropdown-show):after,.modus-wc-menu :where(li>details[open]>summary):after{margin-top:0;transform:rotate(225deg)}.modus-wc-mockup-browser .modus-wc-mockup-browser-toolbar .modus-wc-input{--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));direction:ltr;display:block;height:1.75rem;margin-left:auto;margin-right:auto;overflow:hidden;padding-left:2rem;position:relative;text-overflow:ellipsis;white-space:nowrap;width:24rem}.modus-wc-mockup-browser .modus-wc-mockup-browser-toolbar .modus-wc-input:before{--tw-translate-y:-50%;aspect-ratio:1/1;border-color:currentColor;border-radius:9999px;border-width:2px;height:.75rem;left:.5rem}.modus-wc-mockup-browser .modus-wc-mockup-browser-toolbar .modus-wc-input:after,.modus-wc-mockup-browser .modus-wc-mockup-browser-toolbar .modus-wc-input:before{content:"";opacity:.6;position:absolute;top:50%;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))}.modus-wc-mockup-browser .modus-wc-mockup-browser-toolbar .modus-wc-input:after{--tw-translate-y:25%;--tw-rotate:-45deg;border-color:currentColor;border-radius:9999px;border-width:1px;height:.5rem;left:1.25rem}.modus-wc-modal::backdrop,.modus-wc-modal:not(dialog:not(.modus-wc-modal-open)){animation:modal-pop .2s ease-out;background-color:#0006}.modus-wc-modal-backdrop{align-self:stretch;color:transparent;display:grid;grid-column-start:1;grid-row-start:1;justify-self:stretch;z-index:-1}.modus-wc-modal-open .modus-wc-modal-box,.modus-wc-modal-toggle:checked+.modus-wc-modal .modus-wc-modal-box,.modus-wc-modal:target .modus-wc-modal-box,.modus-wc-modal[open] .modus-wc-modal-box{--tw-translate-y:0px;--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))}.modus-wc-modal-action>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.modus-wc-modal-action:where([dir=rtl],[dir=rtl] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}@keyframes modal-pop{0%{opacity:0}}.modus-wc-progress::-moz-progress-bar{background-color:currentColor;border-radius:var(--rounded-box,1rem)}.modus-wc-progress:indeterminate{--progress-color:var(--fallback-bc,oklch(var(--bc)/1));animation:progress-loading 5s ease-in-out infinite;background-image:repeating-linear-gradient(90deg,var(--progress-color) -1%,var(--progress-color) 10%,transparent 10%,transparent 90%);background-position-x:15%;background-size:200%}.modus-wc-progress::-webkit-progress-bar{background-color:transparent;border-radius:var(--rounded-box,1rem)}.modus-wc-progress::-webkit-progress-value{background-color:currentColor;border-radius:var(--rounded-box,1rem)}.modus-wc-progress:indeterminate::-moz-progress-bar{animation:progress-loading 5s ease-in-out infinite;background-color:transparent;background-image:repeating-linear-gradient(90deg,var(--progress-color) -1%,var(--progress-color) 10%,transparent 10%,transparent 90%);background-position-x:15%;background-size:200%}@keyframes progress-loading{50%{background-position-x:-115%}}.modus-wc-radio:focus{box-shadow:none}.modus-wc-radio:focus-visible{outline-color:var(--fallback-bc,oklch(var(--bc)/1));outline-offset:2px;outline-style:solid;outline-width:2px}.modus-wc-radio:checked,.modus-wc-radio[aria-checked=true]{--tw-bg-opacity:1;animation:radiomark var(--animation-input,.2s) ease-out;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));background-image:none;box-shadow:0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset}.modus-wc-radio:disabled{cursor:not-allowed;opacity:.2}@keyframes radiomark{0%{box-shadow:0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset}50%{box-shadow:0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset}to{box-shadow:0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset}}.modus-wc-range:focus-visible::-webkit-slider-thumb{--focus-shadow:0 0 0 6px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 2rem var(--range-shdw) inset}.modus-wc-range:focus-visible::-moz-range-thumb{--focus-shadow:0 0 0 6px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 2rem var(--range-shdw) inset}.modus-wc-range::-webkit-slider-runnable-track{background-color:var(--fallback-bc,oklch(var(--bc)/.1));border-radius:var(--rounded-box,1rem);height:.5rem;width:100%}.modus-wc-range::-moz-range-track{background-color:var(--fallback-bc,oklch(var(--bc)/.1));border-radius:var(--rounded-box,1rem);height:.5rem;width:100%}.modus-wc-range::-webkit-slider-thumb{--tw-bg-opacity:1;--filler-size:100rem;--filler-offset:0.6rem;appearance:none;-webkit-appearance:none;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));border-radius:var(--rounded-box,1rem);border-style:none;box-shadow:0 0 0 3px var(--range-shdw) inset,var(--focus-shadow,0 0),calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size);color:var(--range-shdw);height:1.5rem;position:relative;top:50%;transform:translateY(-50%);width:1.5rem}.modus-wc-range::-moz-range-thumb{--tw-bg-opacity:1;--filler-size:100rem;--filler-offset:0.5rem;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));border-radius:var(--rounded-box,1rem);border-style:none;box-shadow:0 0 0 3px var(--range-shdw) inset,var(--focus-shadow,0 0),calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size);color:var(--range-shdw);height:1.5rem;position:relative;top:50%;width:1.5rem}.modus-wc-rating input{-moz-appearance:none;appearance:none;-webkit-appearance:none}.modus-wc-rating .modus-wc-rating-hidden{background-color:transparent;width:.5rem}.modus-wc-rating input[type=radio]:checked{background-image:none}.modus-wc-rating input:checked~input,.modus-wc-rating input[aria-checked=true]~input{--tw-bg-opacity:0.2}.modus-wc-rating input:focus-visible{transform:translateY(-.125em);transition-duration:.3s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.modus-wc-rating input:active:focus{animation:none;transform:translateY(-.125em)}.modus-wc-rating-half :where(input:not(.modus-wc-rating-hidden)){width:.75rem}@keyframes rating-pop{0%{transform:translateY(-.125em)}40%{transform:translateY(-.125em)}to{transform:translateY(0)}}.modus-wc-select-bordered,.modus-wc-select:focus{border-color:var(--fallback-bc,oklch(var(--bc)/.2))}.modus-wc-select:focus{box-shadow:none;outline-color:var(--fallback-bc,oklch(var(--bc)/.2));outline-offset:2px;outline-style:solid;outline-width:2px}.modus-wc-select-disabled,.modus-wc-select:disabled,.modus-wc-select[disabled]{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));color:var(--fallback-bc,oklch(var(--bc)/.4));cursor:not-allowed}.modus-wc-select-disabled::-moz-placeholder,.modus-wc-select:disabled::-moz-placeholder,.modus-wc-select[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)))}.modus-wc-select-disabled::-moz-placeholder, .modus-wc-select:disabled::-moz-placeholder, .modus-wc-select[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)))}.modus-wc-select-disabled::placeholder,.modus-wc-select:disabled::placeholder,.modus-wc-select[disabled]::placeholder{--tw-placeholder-opacity:0.2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)))}.modus-wc-select-multiple,.modus-wc-select[multiple],.modus-wc-select[size].modus-wc-select:not([size="1"]){background-image:none;padding-right:1rem}[dir=rtl] .modus-wc-select{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}.modus-wc-skeleton{--tw-bg-opacity:1;animation:skeleton 1.8s ease-in-out infinite;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));background-image:linear-gradient(105deg,transparent 0,transparent 40%,var(--fallback-b1,oklch(var(--b1)/1)) 50%,transparent 60%,transparent 100%);background-position-x:-50%;background-repeat:no-repeat;background-size:200% auto;border-radius:var(--rounded-box,1rem);will-change:background-position}@media (prefers-reduced-motion){.modus-wc-skeleton{animation-duration:15s}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}.modus-wc-steps .modus-wc-step:before{color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));content:"";height:.5rem;margin-inline-start:-100%;top:0;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));width:100%}.modus-wc-steps .modus-wc-step:after,.modus-wc-steps .modus-wc-step:before{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));grid-column-start:1;grid-row-start:1}.modus-wc-steps .modus-wc-step:after{border-radius:9999px;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));content:counter(step);counter-increment:step;display:grid;height:2rem;place-items:center;place-self:center;position:relative;width:2rem;z-index:1}.modus-wc-steps .modus-wc-step:first-child:before{content:none}.modus-wc-steps .modus-wc-step[data-content]:after{content:attr(data-content)}.modus-wc-steps .modus-wc-step-neutral+.modus-wc-step-neutral:before,.modus-wc-steps .modus-wc-step-neutral:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}.modus-wc-steps .modus-wc-step-primary+.modus-wc-step-primary:before,.modus-wc-steps .modus-wc-step-primary:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}.modus-wc-steps .modus-wc-step-secondary+.modus-wc-step-secondary:before,.modus-wc-steps .modus-wc-step-secondary:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));color:var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))}.modus-wc-steps .modus-wc-step-accent+.modus-wc-step-accent:before,.modus-wc-steps .modus-wc-step-accent:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));color:var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))}.modus-wc-steps .modus-wc-step-info+.modus-wc-step-info:before,.modus-wc-steps .modus-wc-step-info:after{--tw-bg-opacity:1;background-color:var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)))}.modus-wc-steps .modus-wc-step-info:after{--tw-text-opacity:1;color:var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}.modus-wc-steps .modus-wc-step-success+.modus-wc-step-success:before,.modus-wc-steps .modus-wc-step-success:after{--tw-bg-opacity:1;background-color:var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)))}.modus-wc-steps .modus-wc-step-success:after{--tw-text-opacity:1;color:var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}.modus-wc-steps .modus-wc-step-warning+.modus-wc-step-warning:before,.modus-wc-steps .modus-wc-step-warning:after{--tw-bg-opacity:1;background-color:var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)))}.modus-wc-steps .modus-wc-step-warning:after{--tw-text-opacity:1;color:var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}.modus-wc-steps .modus-wc-step-error+.modus-wc-step-error:before,.modus-wc-steps .modus-wc-step-error:after{--tw-bg-opacity:1;background-color:var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)))}.modus-wc-steps .modus-wc-step-error:after{--tw-text-opacity:1;color:var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}.modus-wc-tabs-lifted>.modus-wc-tab:focus-visible{border-end-end-radius:0;border-end-start-radius:0}.modus-wc-tab:is(.modus-wc-tab-active,[aria-selected=true]):not(.modus-wc-tab-disabled):not([disabled]),.modus-wc-tab:is(input:checked){--tw-border-opacity:1;--tw-text-opacity:1;border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)))}.modus-wc-tab:focus{outline:2px solid transparent;outline-offset:2px}.modus-wc-tab:focus-visible{outline:2px solid currentColor;outline-offset:-5px}.modus-wc-tab-disabled,.modus-wc-tab[disabled]{--tw-text-opacity:0.2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));cursor:not-allowed}.modus-wc-tabs-bordered>.modus-wc-tab{--tw-border-opacity:0.2;border-bottom-width:calc(var(--tab-border, 1px) + 1px);border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));border-style:solid}.modus-wc-tabs-lifted>.modus-wc-tab{border:var(--tab-border,1px) solid transparent;border-bottom-color:var(--tab-border-color);border-start-end-radius:var(--tab-radius,.5rem);border-start-start-radius:var(--tab-radius,.5rem);border-width:0 0 var(--tab-border,1px) 0;padding-inline-end:var(--tab-padding,1rem);padding-inline-start:var(--tab-padding,1rem);padding-top:var(--tab-border,1px)}.modus-wc-tabs-lifted>.modus-wc-tab:is(.modus-wc-tab-active,[aria-selected=true]):not(.modus-wc-tab-disabled):not([disabled]),.modus-wc-tabs-lifted>.modus-wc-tab:is(input:checked){background-color:var(--tab-bg);border-inline-end-color:var(--tab-border-color);border-inline-start-color:var(--tab-border-color);border-top-color:var(--tab-border-color);border-width:var(--tab-border,1px) var(--tab-border,1px) 0 var(--tab-border,1px);padding-inline-end:calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));padding-bottom:var(--tab-border,1px);padding-inline-start:calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));padding-top:0}.modus-wc-tabs-lifted>.modus-wc-tab:is(.modus-wc-tab-active,[aria-selected=true]):not(.modus-wc-tab-disabled):not([disabled]):before,.modus-wc-tabs-lifted>.modus-wc-tab:is(input:checked):before{--tab-grad:calc(69% - var(--tab-border, 1px));--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color) calc(var(--tab-grad) + 0.25px),var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color) calc(var(--tab-grad) + 0.25px),var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px));background-image:var(--radius-start),var(--radius-end);background-position:0 0,100% 0;background-repeat:no-repeat;background-size:var(--tab-radius,.5rem);bottom:0;content:"";display:block;height:var(--tab-radius,.5rem);position:absolute;width:calc(100% + var(--tab-radius, .5rem)*2);z-index:1}.modus-wc-tabs-lifted>.modus-wc-tab:is(.modus-wc-tab-active,[aria-selected=true]):not(.modus-wc-tab-disabled):not([disabled]):first-child:before,.modus-wc-tabs-lifted>.modus-wc-tab:is(input:checked):first-child:before{background-image:var(--radius-end);background-position:100% 0}[dir=rtl] .modus-wc-tabs-lifted>.modus-wc-tab:is(.modus-wc-tab-active,[aria-selected=true]):not(.modus-wc-tab-disabled):not([disabled]):first-child:before,[dir=rtl] .modus-wc-tabs-lifted>.modus-wc-tab:is(input:checked):first-child:before{background-image:var(--radius-start);background-position:0 0}.modus-wc-tabs-lifted>.modus-wc-tab:is(.modus-wc-tab-active,[aria-selected=true]):not(.modus-wc-tab-disabled):not([disabled]):last-child:before,.modus-wc-tabs-lifted>.modus-wc-tab:is(input:checked):last-child:before{background-image:var(--radius-start);background-position:0 0}[dir=rtl] .modus-wc-tabs-lifted>.modus-wc-tab:is(.modus-wc-tab-active,[aria-selected=true]):not(.modus-wc-tab-disabled):not([disabled]):last-child:before,[dir=rtl] .modus-wc-tabs-lifted>.modus-wc-tab:is(input:checked):last-child:before{background-image:var(--radius-end);background-position:100% 0}.modus-wc-tabs-lifted>.modus-wc-tab:is(input:checked)+.modus-wc-tabs-lifted .modus-wc-tab:is(input:checked):before,.modus-wc-tabs-lifted>:is(.modus-wc-tab-active,[aria-selected=true]):not(.modus-wc-tab-disabled):not([disabled])+.modus-wc-tabs-lifted :is(.modus-wc-tab-active,[aria-selected=true]):not(.modus-wc-tab-disabled):not([disabled]):before{background-image:var(--radius-end);background-position:100% 0}.modus-wc-tabs-boxed{--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));padding:.25rem}.modus-wc-tabs-boxed,.modus-wc-tabs-boxed .modus-wc-tab{border-radius:var(--rounded-btn,.5rem)}.modus-wc-tabs-boxed :is(.modus-wc-tab-active,[aria-selected=true]):not(.modus-wc-tab-disabled):not([disabled]),.modus-wc-tabs-boxed :is(input:checked){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}.modus-wc-table:where([dir=rtl],[dir=rtl] *){text-align:right}.modus-wc-table :where(th,td){padding:.75rem 1rem;vertical-align:middle}.modus-wc-table tr.modus-wc-active,.modus-wc-table tr.modus-wc-active:nth-child(2n),.modus-wc-table-zebra tbody tr:nth-child(2n){--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))}.modus-wc-table-zebra tr.modus-wc-active,.modus-wc-table-zebra tr.modus-wc-active:nth-child(2n),.modus-wc-table-zebra-zebra tbody tr:nth-child(2n){--tw-bg-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))}.modus-wc-table :where(thead tr,tbody tr:not(:last-child),tbody tr:first-child:last-child){--tw-border-opacity:1;border-bottom-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));border-bottom-width:1px}.modus-wc-table :where(thead,tfoot){color:var(--fallback-bc,oklch(var(--bc)/.6));font-size:.75rem;font-weight:700;line-height:1rem;white-space:nowrap}.modus-wc-table :where(tfoot){--tw-border-opacity:1;border-top-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));border-top-width:1px}.modus-wc-textarea-bordered,.modus-wc-textarea:focus{border-color:var(--fallback-bc,oklch(var(--bc)/.2))}.modus-wc-textarea:focus{box-shadow:none;outline-color:var(--fallback-bc,oklch(var(--bc)/.2));outline-offset:2px;outline-style:solid;outline-width:2px}.modus-wc-textarea-disabled,.modus-wc-textarea:disabled,.modus-wc-textarea[disabled]{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));color:var(--fallback-bc,oklch(var(--bc)/.4));cursor:not-allowed}.modus-wc-textarea-disabled::-moz-placeholder,.modus-wc-textarea:disabled::-moz-placeholder,.modus-wc-textarea[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)))}.modus-wc-textarea-disabled::-moz-placeholder, .modus-wc-textarea:disabled::-moz-placeholder, .modus-wc-textarea[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)))}.modus-wc-textarea-disabled::placeholder,.modus-wc-textarea:disabled::placeholder,.modus-wc-textarea[disabled]::placeholder{--tw-placeholder-opacity:0.2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)))}.modus-wc-toast>*{animation:toast-pop .25s ease-out}@keyframes toast-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}[dir=rtl] .modus-wc-toggle{--handleoffsetcalculator:calc(var(--handleoffset)*1)}.modus-wc-toggle:focus-visible{outline-color:var(--fallback-bc,oklch(var(--bc)/.2));outline-offset:2px;outline-style:solid;outline-width:2px}.modus-wc-toggle:hover{background-color:currentColor}.modus-wc-toggle:checked,.modus-wc-toggle[aria-checked=true]{--handleoffsetcalculator:var(--handleoffset);--tw-text-opacity:1;background-image:none;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}[dir=rtl] .modus-wc-toggle:checked,[dir=rtl] .modus-wc-toggle[aria-checked=true]{--handleoffsetcalculator:calc(var(--handleoffset)*-1)}.modus-wc-toggle:indeterminate{--tw-text-opacity:1;box-shadow:calc(var(--handleoffset)/2) 0 0 2px var(--tglbg) inset,calc(var(--handleoffset)/-2) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}[dir=rtl] .modus-wc-toggle:indeterminate{box-shadow:calc(var(--handleoffset)/2) 0 0 2px var(--tglbg) inset,calc(var(--handleoffset)/-2) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset}.modus-wc-toggle:disabled{--tw-border-opacity:1;--togglehandleborder:0 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset,var(--handleoffsetcalculator) 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset;background-color:transparent;border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));cursor:not-allowed;opacity:.3}.modus-wc-glass,.modus-wc-glass.modus-wc-btn-active{backdrop-filter:blur(var(--glass-blur,40px));background-color:transparent;background-image:linear-gradient(135deg,rgb(255 255 255/var(--glass-opacity,30%)) 0,transparent 100%),linear-gradient(var(--glass-reflex-degree,100deg),rgb(255 255 255/var(--glass-reflex-opacity,10%)) 25%,transparent 25%);border:none;box-shadow:0 0 0 1px rgb(255 255 255/var(--glass-border-opacity,10%)) inset,0 0 0 2px rgb(0 0 0/5%);text-shadow:0 1px rgb(0 0 0/var(--glass-text-shadow-opacity,5%))}@media (hover:hover){.modus-wc-glass.modus-wc-btn-active{backdrop-filter:blur(var(--glass-blur,40px));background-color:transparent;background-image:linear-gradient(135deg,rgb(255 255 255/var(--glass-opacity,30%)) 0,transparent 100%),linear-gradient(var(--glass-reflex-degree,100deg),rgb(255 255 255/var(--glass-reflex-opacity,10%)) 25%,transparent 25%);border:none;box-shadow:0 0 0 1px rgb(255 255 255/var(--glass-border-opacity,10%)) inset,0 0 0 2px rgb(0 0 0/5%);text-shadow:0 1px rgb(0 0 0/var(--glass-text-shadow-opacity,5%))}}.modus-wc-badge-xs{font-size:.75rem;height:.75rem;line-height:.75rem;padding-left:.313rem;padding-right:.313rem}.modus-wc-badge-sm{font-size:.75rem;height:1rem;line-height:1rem;padding-left:.438rem;padding-right:.438rem}.modus-wc-badge-md{font-size:.875rem;height:1.25rem;line-height:1.25rem;padding-left:.563rem;padding-right:.563rem}.modus-wc-badge-lg{font-size:1rem;height:1.5rem;line-height:1.5rem;padding-left:.688rem;padding-right:.688rem}.modus-wc-btm-nav-xs>:where(.modus-wc-active){border-top-width:1px}.modus-wc-btm-nav-sm>:where(.modus-wc-active){border-top-width:2px}.modus-wc-btm-nav-md>:where(.modus-wc-active){border-top-width:2px}.modus-wc-btm-nav-lg>:where(.modus-wc-active){border-top-width:4px}.modus-wc-btn-xs{font-size:.75rem;height:1.5rem;min-height:1.5rem;padding-left:.5rem;padding-right:.5rem}.modus-wc-btn-sm{font-size:.875rem;height:2rem;min-height:2rem;padding-left:.75rem;padding-right:.75rem}.modus-wc-btn-md{font-size:.875rem;height:3rem;min-height:3rem;padding-left:1rem;padding-right:1rem}.modus-wc-btn-lg{font-size:1.125rem;height:4rem;min-height:4rem;padding-left:1.5rem;padding-right:1.5rem}.modus-wc-btn-block{width:100%}.modus-wc-btn-square:where(.modus-wc-btn-xs){height:1.5rem;padding:0;width:1.5rem}.modus-wc-btn-square:where(.modus-wc-btn-sm){height:2rem;padding:0;width:2rem}.modus-wc-btn-square:where(.modus-wc-btn-md){height:3rem;padding:0;width:3rem}.modus-wc-btn-square:where(.modus-wc-btn-lg){height:4rem;padding:0;width:4rem}.modus-wc-btn-circle:where(.modus-wc-btn-xs){border-radius:9999px;height:1.5rem;padding:0;width:1.5rem}.modus-wc-btn-circle:where(.modus-wc-btn-sm){border-radius:9999px;height:2rem;padding:0;width:2rem}.modus-wc-btn-circle:where(.modus-wc-btn-md){border-radius:9999px;height:3rem;padding:0;width:3rem}.modus-wc-btn-circle:where(.modus-wc-btn-lg){border-radius:9999px;height:4rem;padding:0;width:4rem}.modus-wc-card-side{align-items:stretch;flex-direction:row}.modus-wc-card-side :where(figure:first-child){border-end-end-radius:unset;border-end-start-radius:inherit;border-start-end-radius:unset;border-start-start-radius:inherit;overflow:hidden}.modus-wc-card-side :where(figure:last-child){border-end-end-radius:inherit;border-end-start-radius:unset;border-start-end-radius:inherit;border-start-start-radius:unset;overflow:hidden}.modus-wc-card-side figure>*{max-width:unset}:where(.modus-wc-card-side figure>*){height:100%;-o-object-fit:cover;object-fit:cover;width:100%}[type=checkbox].modus-wc-checkbox-xs{height:1rem;width:1rem}[type=checkbox].modus-wc-checkbox-sm{height:1.25rem;width:1.25rem}[type=checkbox].modus-wc-checkbox-md{height:1.5rem;width:1.5rem}[type=checkbox].modus-wc-checkbox-lg{height:2rem;width:2rem}.modus-wc-divider-horizontal{flex-direction:column}.modus-wc-divider-horizontal:after,.modus-wc-divider-horizontal:before{height:100%;width:.125rem}.modus-wc-divider-vertical{flex-direction:row}.modus-wc-divider-vertical:after,.modus-wc-divider-vertical:before{height:.125rem;width:100%}.modus-wc-file-input-xs{font-size:.75rem;height:1.5rem;line-height:1rem;line-height:1.625;padding-inline-end:.5rem}.modus-wc-file-input-xs::file-selector-button{font-size:.75rem;margin-right:.5rem}.modus-wc-file-input-sm{font-size:.875rem;height:2rem;line-height:1.25rem;line-height:2;padding-inline-end:.75rem}.modus-wc-file-input-sm::file-selector-button{font-size:.875rem;margin-right:.75rem}.modus-wc-file-input-md{font-size:.875rem;height:3rem;line-height:1.25rem;line-height:2;padding-inline-end:1rem}.modus-wc-file-input-md::file-selector-button{font-size:.875rem;margin-right:1rem}.modus-wc-file-input-lg{font-size:1.125rem;height:4rem;line-height:1.75rem;line-height:2;padding-inline-end:1.5rem}.modus-wc-file-input-lg::file-selector-button{font-size:1.125rem;margin-right:1.5rem}.modus-wc-input-xs{font-size:.75rem;height:1.5rem;line-height:1rem;line-height:1.625;padding-left:.5rem;padding-right:.5rem}.modus-wc-input-md{font-size:.875rem;height:3rem;line-height:1.25rem;line-height:2;padding-left:1rem;padding-right:1rem}.modus-wc-input-lg{font-size:1.125rem;height:4rem;line-height:1.75rem;line-height:2;padding-left:1.5rem;padding-right:1.5rem}.modus-wc-input-sm{font-size:.875rem;height:2rem;line-height:2rem;padding-left:.75rem;padding-right:.75rem}.modus-wc-join.modus-wc-join-vertical{flex-direction:column}.modus-wc-join.modus-wc-join-vertical .modus-wc-join-item:first-child:not(:last-child),.modus-wc-join.modus-wc-join-vertical :first-child:not(:last-child) .modus-wc-join-item{border-end-end-radius:0;border-end-start-radius:0;border-start-end-radius:inherit;border-start-start-radius:inherit}.modus-wc-join.modus-wc-join-vertical .modus-wc-join-item:last-child:not(:first-child),.modus-wc-join.modus-wc-join-vertical :last-child:not(:first-child) .modus-wc-join-item{border-end-end-radius:inherit;border-end-start-radius:inherit;border-start-end-radius:0;border-start-start-radius:0}.modus-wc-join.modus-wc-join-horizontal{flex-direction:row}.modus-wc-join.modus-wc-join-horizontal .modus-wc-join-item:first-child:not(:last-child),.modus-wc-join.modus-wc-join-horizontal :first-child:not(:last-child) .modus-wc-join-item{border-end-end-radius:0;border-end-start-radius:inherit;border-start-end-radius:0;border-start-start-radius:inherit}.modus-wc-join.modus-wc-join-horizontal .modus-wc-join-item:last-child:not(:first-child),.modus-wc-join.modus-wc-join-horizontal :last-child:not(:first-child) .modus-wc-join-item{border-end-end-radius:inherit;border-end-start-radius:0;border-start-end-radius:inherit;border-start-start-radius:0}.modus-wc-menu-horizontal{display:inline-flex;flex-direction:row}.modus-wc-menu-horizontal>li:not(.modus-wc-menu-title)>details>ul{position:absolute}.modus-wc-modal-top{place-items:start}.modus-wc-modal-bottom{place-items:end}[type=radio].modus-wc-radio-xs{height:1rem;width:1rem}[type=radio].modus-wc-radio-sm{height:1.25rem;width:1.25rem}[type=radio].modus-wc-radio-md{height:1.5rem;width:1.5rem}[type=radio].modus-wc-radio-lg{height:2rem;width:2rem}.modus-wc-range-xs{height:1rem}.modus-wc-range-xs::-webkit-slider-runnable-track{height:.25rem}.modus-wc-range-xs::-moz-range-track{height:.25rem}.modus-wc-range-xs::-webkit-slider-thumb{--filler-offset:0.4rem;height:1rem;width:1rem}.modus-wc-range-xs::-moz-range-thumb{--filler-offset:0.4rem;height:1rem;width:1rem}.modus-wc-range-sm{height:1.25rem}.modus-wc-range-sm::-webkit-slider-runnable-track{height:.25rem}.modus-wc-range-sm::-moz-range-track{height:.25rem}.modus-wc-range-sm::-webkit-slider-thumb{--filler-offset:0.5rem;height:1.25rem;width:1.25rem}.modus-wc-range-sm::-moz-range-thumb{--filler-offset:0.5rem;height:1.25rem;width:1.25rem}.modus-wc-range-md{height:1.5rem}.modus-wc-range-md::-webkit-slider-runnable-track{height:.5rem}.modus-wc-range-md::-moz-range-track{height:.5rem}.modus-wc-range-md::-webkit-slider-thumb{--filler-offset:0.6rem;height:1.5rem;width:1.5rem}.modus-wc-range-md::-moz-range-thumb{--filler-offset:0.6rem;height:1.5rem;width:1.5rem}.modus-wc-range-lg{height:2rem}.modus-wc-range-lg::-webkit-slider-runnable-track{height:1rem}.modus-wc-range-lg::-moz-range-track{height:1rem}.modus-wc-range-lg::-webkit-slider-thumb{--filler-offset:1rem;height:2rem;width:2rem}.modus-wc-range-lg::-moz-range-thumb{--filler-offset:1rem;height:2rem;width:2rem}.modus-wc-rating-sm input{height:1rem;width:1rem}.modus-wc-rating-md input{height:1.5rem;width:1.5rem}.modus-wc-rating-lg input{height:2.5rem;width:2.5rem}.modus-wc-rating-half.modus-wc-rating-xs input:not(.modus-wc-rating-hidden){width:.375rem}.modus-wc-rating-half.modus-wc-rating-sm input:not(.modus-wc-rating-hidden){width:.5rem}.modus-wc-rating-half.modus-wc-rating-md input:not(.modus-wc-rating-hidden){width:.75rem}.modus-wc-rating-half.modus-wc-rating-lg input:not(.modus-wc-rating-hidden){width:1.25rem}.modus-wc-select-md{font-size:.875rem;height:3rem;line-height:1.25rem;line-height:2;min-height:3rem;padding-left:1rem;padding-right:2.5rem}[dir=rtl] .modus-wc-select-md{padding-left:2.5rem;padding-right:1rem}.modus-wc-select-lg{font-size:1.125rem;height:4rem;line-height:1.75rem;line-height:2;min-height:4rem;padding-left:1.5rem;padding-right:2rem}[dir=rtl] .modus-wc-select-lg{padding-left:2rem;padding-right:1.5rem}.modus-wc-select-sm{font-size:.875rem;height:2rem;line-height:2rem;min-height:2rem;padding-left:.75rem;padding-right:2rem}[dir=rtl] .modus-wc-select-sm{padding-left:2rem;padding-right:.75rem}.modus-wc-select-xs{font-size:.75rem;height:1.5rem;line-height:1rem;line-height:1.625;min-height:1.5rem;padding-left:.5rem;padding-right:2rem}[dir=rtl] .modus-wc-select-xs{padding-left:2rem;padding-right:.5rem}.modus-wc-steps-horizontal .modus-wc-step{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));place-items:center;text-align:center}.modus-wc-steps-vertical{grid-auto-flow:row;grid-auto-rows:1fr}.modus-wc-steps-vertical .modus-wc-step{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(1,minmax(0,1fr))}.modus-wc-tabs-md :where(.modus-wc-tab){--tab-padding:1rem;font-size:.875rem;height:2rem;line-height:1.25rem;line-height:2}.modus-wc-tabs-lg :where(.modus-wc-tab){--tab-padding:1.25rem;font-size:1.125rem;height:3rem;line-height:1.75rem;line-height:2}.modus-wc-tabs-sm :where(.modus-wc-tab){--tab-padding:0.75rem;font-size:.875rem;height:1.5rem;line-height:.75rem}.modus-wc-tabs-xs :where(.modus-wc-tab){--tab-padding:0.5rem;font-size:.75rem;height:1.25rem;line-height:.75rem}.modus-wc-textarea-xs{font-size:.75rem;line-height:1rem;line-height:1.625;padding:.25rem .5rem}.modus-wc-textarea-sm{font-size:.875rem;line-height:2rem;padding:.25rem .75rem}.modus-wc-textarea-md{font-size:.875rem;line-height:1.25rem;line-height:2;padding:.75rem 1rem}.modus-wc-textarea-lg{font-size:1.125rem;line-height:1.75rem;line-height:2;padding:1rem 1.5rem}:where(.modus-wc-toast){--tw-translate-x:0px;--tw-translate-y:0px;bottom:0;inset-inline-end:0;inset-inline-start:auto;top:auto;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))}.modus-wc-toast:where(.modus-wc-toast-start){--tw-translate-x:0px;inset-inline-end:auto;inset-inline-start:0;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))}.modus-wc-toast:where(.modus-wc-toast-center){--tw-translate-x:-50%;inset-inline-end:50%;inset-inline-start:50%;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))}.modus-wc-toast:where(.modus-wc-toast-center):where([dir=rtl],[dir=rtl] *){--tw-translate-x:50%;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))}.modus-wc-toast:where(.modus-wc-toast-end){--tw-translate-x:0px;inset-inline-end:0;inset-inline-start:auto;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))}.modus-wc-toast:where(.modus-wc-toast-bottom){--tw-translate-y:0px;bottom:0;top:auto;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))}.modus-wc-toast:where(.modus-wc-toast-middle){--tw-translate-y:-50%;bottom:auto;top:50%;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))}.modus-wc-toast:where(.modus-wc-toast-top){--tw-translate-y:0px;bottom:auto;top:0;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))}[type=checkbox].modus-wc-toggle-xs{--handleoffset:0.5rem;height:1rem;width:1.5rem}[type=checkbox].modus-wc-toggle-sm{--handleoffset:0.75rem;height:1.25rem;width:2rem}[type=checkbox].modus-wc-toggle-md{--handleoffset:1.5rem;height:1.5rem;width:3rem}[type=checkbox].modus-wc-toggle-lg{--handleoffset:2rem;height:2rem;width:4rem}.modus-wc-tooltip{--tooltip-offset:calc(100% + 1px + var(--tooltip-tail, 0px))}.modus-wc-tooltip:before{--tw-content:attr(data-tip);content:var(--tw-content);pointer-events:none;position:absolute;z-index:1}.modus-wc-tooltip-top:before,.modus-wc-tooltip:before{bottom:var(--tooltip-offset);left:50%;right:auto;top:auto;transform:translateX(-50%)}.modus-wc-tooltip-bottom:before{bottom:auto;left:50%;right:auto;top:var(--tooltip-offset);transform:translateX(-50%)}.modus-wc-tooltip-left:before{bottom:auto;left:auto;right:var(--tooltip-offset);top:50%;transform:translateY(-50%)}.modus-wc-tooltip-right:before{bottom:auto;left:var(--tooltip-offset);right:auto;top:50%;transform:translateY(-50%)}.modus-wc-avatar.modus-wc-online:before{background-color:var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)))}.modus-wc-avatar.modus-wc-offline:before,.modus-wc-avatar.modus-wc-online:before{--tw-bg-opacity:1;border-radius:9999px;content:"";display:block;height:15%;outline-color:var(--fallback-b1,oklch(var(--b1)/1));outline-style:solid;outline-width:2px;position:absolute;right:7%;top:7%;width:15%;z-index:10}.modus-wc-avatar.modus-wc-offline:before{background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))}.modus-wc-card-compact .modus-wc-card-body{font-size:.875rem;line-height:1.25rem;padding:1rem}.modus-wc-card-compact .modus-wc-card-title{margin-bottom:.25rem}.modus-wc-card-normal .modus-wc-card-body{font-size:1rem;line-height:1.5rem;padding:var(--padding-card,2rem)}.modus-wc-card-normal .modus-wc-card-title{margin-bottom:.75rem}.modus-wc-divider-horizontal{height:auto;margin:0 1rem;width:1rem}.modus-wc-divider-vertical{height:1rem;margin:1rem 0;width:auto}.modus-wc-join.modus-wc-join-vertical>:where(:not(:first-child)){margin-left:0;margin-right:0;margin-top:-1px}.modus-wc-join.modus-wc-join-vertical>:where(:not(:first-child)):is(.modus-wc-btn){margin-top:calc(var(--border-btn)*-1)}.modus-wc-join.modus-wc-join-horizontal>:where(:not(:first-child)){margin-bottom:0;margin-top:0;margin-inline-start:-1px}.modus-wc-join.modus-wc-join-horizontal>:where(:not(:first-child)):is(.modus-wc-btn){margin-inline-start:calc(var(--border-btn)*-1);margin-top:0}.modus-wc-menu-horizontal>li:not(.modus-wc-menu-title)>details>ul{margin-inline-start:0;margin-top:1rem;padding-bottom:.5rem;padding-inline-end:.5rem;padding-top:.5rem}.modus-wc-menu-horizontal>li>details>ul:before{content:none}:where(.modus-wc-menu-horizontal>li:not(.modus-wc-menu-title)>details>ul){--tw-bg-opacity:1;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));border-radius:var(--rounded-box,1rem);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.modus-wc-menu-xs :where(li:not(.modus-wc-menu-title)>:not(ul,details,.modus-wc-menu-title)),.modus-wc-menu-xs :where(li:not(.modus-wc-menu-title)>details>summary:not(.modus-wc-menu-title)){border-radius:.25rem;font-size:.75rem;line-height:1rem;padding:.25rem .5rem}.modus-wc-menu-xs .modus-wc-menu-title{padding:.25rem .5rem}.modus-wc-menu-sm :where(li:not(.modus-wc-menu-title)>:not(ul,details,.modus-wc-menu-title)),.modus-wc-menu-sm :where(li:not(.modus-wc-menu-title)>details>summary:not(.modus-wc-menu-title)){border-radius:var(--rounded-btn,.5rem);font-size:.875rem;line-height:1.25rem;padding:.25rem .75rem}.modus-wc-menu-sm .modus-wc-menu-title{padding:.5rem .75rem}.modus-wc-menu-md :where(li:not(.modus-wc-menu-title)>:not(ul,details,.modus-wc-menu-title)),.modus-wc-menu-md :where(li:not(.modus-wc-menu-title)>details>summary:not(.modus-wc-menu-title)){border-radius:var(--rounded-btn,.5rem);font-size:.875rem;line-height:1.25rem;padding:.5rem 1rem}.modus-wc-menu-md .modus-wc-menu-title{padding:.5rem 1rem}.modus-wc-menu-lg :where(li:not(.modus-wc-menu-title)>:not(ul,details,.modus-wc-menu-title)),.modus-wc-menu-lg :where(li:not(.modus-wc-menu-title)>details>summary:not(.modus-wc-menu-title)){border-radius:var(--rounded-btn,.5rem);font-size:1.125rem;line-height:1.75rem;padding:.75rem 1.5rem}.modus-wc-menu-lg .modus-wc-menu-title{padding:.75rem 1.5rem}.modus-wc-modal-top :where(.modus-wc-modal-box){--tw-translate-y:-2.5rem;--tw-scale-x:1;--tw-scale-y:1;border-bottom-left-radius:var(--rounded-box,1rem);border-bottom-right-radius:var(--rounded-box,1rem);border-top-left-radius:0;border-top-right-radius:0;max-width:none;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));width:100%}.modus-wc-modal-middle :where(.modus-wc-modal-box){--tw-translate-y:0px;--tw-scale-x:.9;--tw-scale-y:.9;border-bottom-left-radius:var(--rounded-box,1rem);border-bottom-right-radius:var(--rounded-box,1rem);border-top-left-radius:var(--rounded-box,1rem);border-top-right-radius:var(--rounded-box,1rem);max-width:32rem;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));width:91.666667%}.modus-wc-modal-bottom :where(.modus-wc-modal-box){--tw-translate-y:2.5rem;--tw-scale-x:1;--tw-scale-y:1;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--rounded-box,1rem);border-top-right-radius:var(--rounded-box,1rem);max-width:none;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));width:100%}.modus-wc-steps-horizontal .modus-wc-step{grid-template-columns:auto;grid-template-rows:40px 1fr;min-width:4rem}.modus-wc-steps-horizontal .modus-wc-step:before{--tw-translate-x:0px;--tw-translate-y:0px;content:"";height:.5rem;margin-inline-start:-100%;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));width:100%}.modus-wc-steps-horizontal .modus-wc-step:where([dir=rtl],[dir=rtl] *):before{--tw-translate-x:0px;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))}.modus-wc-steps-vertical .modus-wc-step{gap:.5rem;grid-template-columns:40px 1fr;grid-template-rows:auto;justify-items:start;min-height:4rem}.modus-wc-steps-vertical .modus-wc-step:before{--tw-translate-x:-50%;--tw-translate-y:-50%;height:100%;margin-inline-start:50%;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));width:.5rem}.modus-wc-steps-vertical .modus-wc-step:where([dir=rtl],[dir=rtl] *):before{--tw-translate-x:50%;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))}.modus-wc-tooltip{--tooltip-tail:0.1875rem;--tooltip-color:var(--fallback-n,oklch(var(--n)/1));--tooltip-text-color:var(--fallback-nc,oklch(var(--nc)/1));--tooltip-tail-offset:calc(100% + 0.0625rem - var(--tooltip-tail));display:inline-block;position:relative;text-align:center}.modus-wc-tooltip:after,.modus-wc-tooltip:before{opacity:0;transition-delay:.1s;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.modus-wc-tooltip:after{border-style:solid;border-width:var(--tooltip-tail,0);content:"";display:block;height:0;position:absolute;width:0}.modus-wc-tooltip:before{background-color:var(--tooltip-color);border-radius:.25rem;color:var(--tooltip-text-color);font-size:.875rem;line-height:1.25rem;max-width:20rem;padding:.25rem .5rem;white-space:normal;width:-moz-max-content;width:max-content}.modus-wc-tooltip.modus-wc-tooltip-open:after,.modus-wc-tooltip.modus-wc-tooltip-open:before,.modus-wc-tooltip:hover:after,.modus-wc-tooltip:hover:before{opacity:1;transition-delay:75ms}.modus-wc-tooltip:has(:focus-visible):after,.modus-wc-tooltip:has(:focus-visible):before{opacity:1;transition-delay:75ms}.modus-wc-tooltip:not([data-tip]):hover:after,.modus-wc-tooltip:not([data-tip]):hover:before{opacity:0;visibility:hidden}.modus-wc-tooltip-top:after,.modus-wc-tooltip:after{border-color:var(--tooltip-color) transparent transparent transparent;bottom:var(--tooltip-tail-offset);left:50%;right:auto;top:auto;transform:translateX(-50%)}.modus-wc-tooltip-bottom:after{border-color:transparent transparent var(--tooltip-color) transparent;bottom:auto;left:50%;right:auto;top:var(--tooltip-tail-offset);transform:translateX(-50%)}.modus-wc-tooltip-left:after{border-color:transparent transparent transparent var(--tooltip-color);bottom:auto;left:auto;right:calc(var(--tooltip-tail-offset) + .0625rem);top:50%;transform:translateY(-50%)}.modus-wc-tooltip-right:after{border-color:transparent var(--tooltip-color) transparent transparent;bottom:auto;left:calc(var(--tooltip-tail-offset) + .0625rem);right:auto;top:50%;transform:translateY(-50%)}.modus-wc-sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.modus-wc-collapse{visibility:collapse}.modus-wc-col-span-2{grid-column:span 2/span 2}.modus-wc-col-start-1{grid-column-start:1}.modus-wc-col-start-2{grid-column-start:2}.modus-wc-row-start-1{grid-row-start:1}.modus-wc-flex{display:flex}.modus-wc-inline-flex{display:inline-flex}.modus-wc-table{display:table}.modus-wc-inline-grid{display:inline-grid}.modus-wc-min-h-4{min-height:1rem}.modus-wc-w-12{width:3rem}.modus-wc-w-16{width:4rem}.modus-wc-w-20{width:5rem}.modus-wc-w-8{width:2rem}.modus-wc-w-full{width:100%}.modus-wc-grow{flex-grow:1}.modus-wc-cursor-default{cursor:default}.modus-wc-cursor-pointer{cursor:pointer}.modus-wc-place-items-center{place-items:center}.modus-wc-items-center{align-items:center}.modus-wc-justify-end{justify-content:flex-end}.modus-wc-justify-center{justify-content:center}.modus-wc-justify-between{justify-content:space-between}.modus-wc-gap-1{gap:.25rem}.modus-wc-overflow-x-auto{overflow-x:auto}.modus-wc-rounded-full{border-radius:9999px}.modus-wc-rounded-lg{border-radius:.5rem}.modus-wc-border{border-width:1px}.modus-wc-bg-base-content{--tw-bg-opacity:1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity,1)))}.modus-wc-fill-base-100{fill:var(--fallback-b1,oklch(var(--b1)/1))}.modus-wc-stroke-base-100{stroke:var(--fallback-b1,oklch(var(--b1)/1))}.modus-wc-py-4{padding-bottom:1rem;padding-top:1rem}.modus-wc-pb-2{padding-bottom:.5rem}.modus-wc-pb-3{padding-bottom:.75rem}.modus-wc-pb-4{padding-bottom:1rem}.modus-wc-pb-5{padding-bottom:1.25rem}.modus-wc-pl-2{padding-left:.5rem}.modus-wc-pl-3{padding-left:.75rem}.modus-wc-pl-4{padding-left:1rem}.modus-wc-pl-5{padding-left:1.25rem}.modus-wc-pt-2{padding-top:.5rem}.modus-wc-pt-3{padding-top:.75rem}.modus-wc-pt-4{padding-top:1rem}.modus-wc-pt-5{padding-top:1.25rem}.modus-wc-text-2xl{font-size:1.5rem;line-height:2rem}.modus-wc-text-3xl{font-size:1.875rem;line-height:2.25rem}.modus-wc-text-4xl{font-size:2.25rem;line-height:2.5rem}.modus-wc-text-5xl{font-size:3rem;line-height:1}.modus-wc-text-6xl{font-size:3.75rem;line-height:1}.modus-wc-text-7xl{font-size:4.5rem;line-height:1}.modus-wc-text-8xl{font-size:6rem;line-height:1}.modus-wc-text-9xl{font-size:8rem;line-height:1}.modus-wc-text-base{font-size:1rem;line-height:1.5rem}.modus-wc-text-lg{font-size:1.125rem;line-height:1.75rem}.modus-wc-text-sm{font-size:.875rem;line-height:1.25rem}.modus-wc-text-xl{font-size:1.25rem;line-height:1.75rem}.modus-wc-text-xs{font-size:.75rem;line-height:1rem}.modus-wc-font-bold{font-weight:700}.modus-wc-font-light{font-weight:300}.modus-wc-font-normal{font-weight:400}.modus-wc-font-semibold{font-weight:600}.modus-wc-text-accent{--tw-text-opacity:1;color:var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity,1)))}.modus-wc-text-error{--tw-text-opacity:1;color:var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity,1)))}.modus-wc-text-info{--tw-text-opacity:1;color:var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity,1)))}.modus-wc-text-neutral{--tw-text-opacity:1;color:var(--fallback-n,oklch(var(--n)/var(--tw-text-opacity,1)))}.modus-wc-text-primary{--tw-text-opacity:1;color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity,1)))}.modus-wc-text-secondary{--tw-text-opacity:1;color:var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity,1)))}.modus-wc-text-success{--tw-text-opacity:1;color:var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity,1)))}.modus-wc-text-warning{--tw-text-opacity:1;color:var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity,1)))}modus-wc-theme-provider {
  width: inherit;
}
.link {
  text-decoration: underline !important;
  color: var(--modus-wc-color-trimble-blue);
  text-decoration-thickness: 0.5px;
}
.link.text-decoration-none {
  text-decoration: none !important;
}
.link.text-decoration-underline {
  text-decoration: underline !important;
}
.link:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
.link:visited {
  color: var(--modus-wc-color-trimble-blue);
}
.link:active {
  color: var(--modus-wc-color-trimble-blue);
}
html[data-theme=modus-classic-dark] .link {
  color: var(--modus-wc-color-highlight-blue) !important;
}
html[data-theme=modus-classic-dark] .link:hover {
  color: var(--modus-wc-color-highlight-blue) !important;
}
html[data-theme=modus-classic-dark] .link:visited {
  color: var(--modus-wc-color-highlight-blue) !important;
}
html[data-theme=modus-classic-dark] .link:active {
  color: var(--modus-wc-color-highlight-blue) !important;
}
/* Copyright (c) Trimble Inc. All rights reserved. */
/**
 * User Avatar Component Styles
 * 
 * Provides a clean, modern avatar implementation with multiple sizes,
 * loading states, and proper accessibility features.
 */
.user-avatar-container {
  display: inline-flex;
  align-items: center;
}
.user-avatar-container--with-name-right {
  flex-direction: row;
}
.user-avatar-container--with-name-bottom {
  flex-direction: column;
}
.user-avatar {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #252a2e;
  border: 2px solid #e9ecef;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
  flex-shrink: 0;
}
.user-avatar--sm {
  width: 32px;
  height: 32px;
  font-size: 12px;
}
.user-avatar--md {
  width: 44px;
  height: 44px;
  font-size: 14px;
}
.user-avatar--lg {
  width: 52px;
  height: 52px;
  font-size: 18px;
}
.user-avatar--xl {
  width: 72px;
  height: 72px;
  font-size: 24px;
}
.user-avatar--clickable {
  cursor: pointer;
}
.user-avatar--clickable:hover {
  background-color: #0052a3;
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(0, 102, 204, 0.3);
}
.user-avatar--clickable:focus {
  outline: 2px solid #252a2e;
  outline-offset: 2px;
}
.user-avatar--clickable:active {
  transform: scale(0.98);
}
.user-avatar--loading {
  background-color: #f8f9fa;
  border-color: #dee2e6;
}
.user-avatar--loading .user-avatar__content {
  animation: avatar-pulse 1.5s ease-in-out infinite;
}
.user-avatar--error {
  background-color: #dc3545;
}
.user-avatar__content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.user-avatar__content.user-avatar__initials {
  background-color: inherit;
}
.user-avatar__content.user-avatar__loading {
  background-color: #e9ecef;
  color: #6c757d;
}
.user-avatar__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
  display: block;
}
.user-avatar__text {
  font-family: system-ui, -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.5px;
}
.user-avatar__image-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.user-avatar-container--with-name-right .user-avatar--sm + .user-avatar__name {
  margin-left: 8px;
  font-size: 12px;
}
.user-avatar-container--with-name-bottom .user-avatar--sm + .user-avatar__name {
  margin-top: calc(8px / 2);
  font-size: 12px;
}
.user-avatar-container--with-name-right .user-avatar--md + .user-avatar__name {
  margin-left: 10px;
  font-size: 14px;
}
.user-avatar-container--with-name-bottom .user-avatar--md + .user-avatar__name {
  margin-top: calc(10px / 2);
  font-size: 14px;
}
.user-avatar-container--with-name-right .user-avatar--lg + .user-avatar__name {
  margin-left: 12px;
  font-size: 16px;
}
.user-avatar-container--with-name-bottom .user-avatar--lg + .user-avatar__name {
  margin-top: calc(12px / 2);
  font-size: 16px;
}
.user-avatar-container--with-name-right .user-avatar--xl + .user-avatar__name {
  margin-left: 16px;
  font-size: 18px;
}
.user-avatar-container--with-name-bottom .user-avatar--xl + .user-avatar__name {
  margin-top: calc(16px / 2);
  font-size: 18px;
}
.user-avatar__name-text {
  font-family: system-ui, -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-weight: 500;
  color: #343a40;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
  display: inline-block;
}
@keyframes avatar-pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@media (prefers-contrast: high) {
  .user-avatar {
    border-width: 3px;
    border-color: #000000;
  }
  .user-avatar__text {
    font-weight: 700;
  }
}
@media (prefers-reduced-motion: reduce) {
  .user-avatar {
    transition: none;
  }
  .user-avatar--clickable:hover {
    transform: none;
  }
  .user-avatar--clickable:active {
    transform: none;
  }
  .user-avatar__content {
    animation: none;
  }
}
@media print {
  .user-avatar {
    border: 1px solid #000000 !important;
    background-color: #ffffff !important;
  }
  .user-avatar__text {
    color: #000000 !important;
  }
}
/* Base Box class for consistent styling */
.box {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
span.box {
  display: inline;
}
.flex-row {
  flex-direction: row;
}
/* Box.scss - Responsive spacing utility classes */
:root {
  --space-xs: 0.25rem;
  /* 4px */
  --space-sm: 0.5rem;
  /* 8px */
  --space-md: 1rem;
  /* 16px */
  --space-lg: 1.5rem;
  /* 24px */
  --space-xl: 2rem;
  /* 32px */
  --space-xxl: 3rem;
  /* 48px */
}
/* Spacing scale based on 0.25rem (4px) increments for medium devices */
/* Formula: value * 0.25rem */
/* Note: Class names use dash for decimals (e.g., 0.5 -> 0-5, 1.5 -> 1-5) */
/* Responsive multipliers for different screen sizes */
/* Mixin to generate responsive spacing classes */
/* Generate all spacing utility classes */
.m-0-5 {
  margin: 0.125rem !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-1-5 {
  margin: 0.375rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-2-5 {
  margin: 0.625rem !important;
}
.m-3 {
  margin: 0.75rem !important;
}
.m-3-5 {
  margin: 0.875rem !important;
}
.m-4 {
  margin: 1rem !important;
}
.m-5 {
  margin: 1.25rem !important;
}
.m-6 {
  margin: 1.5rem !important;
}
.m-7 {
  margin: 1.75rem !important;
}
.m-8 {
  margin: 2rem !important;
}
.m-9 {
  margin: 2.25rem !important;
}
.m-10 {
  margin: 2.5rem !important;
}
.m-11 {
  margin: 2.75rem !important;
}
.m-12 {
  margin: 3rem !important;
}
.m-14 {
  margin: 3.5rem !important;
}
.m-16 {
  margin: 4rem !important;
}
.m-20 {
  margin: 5rem !important;
}
.m-24 {
  margin: 6rem !important;
}
.m-28 {
  margin: 7rem !important;
}
.m-32 {
  margin: 8rem !important;
}
.m-36 {
  margin: 9rem !important;
}
.m-40 {
  margin: 10rem !important;
}
/* Extra small devices (xs: max-width: 479px) - 25% of medium */
@media (max-width: 479px) {
  .m-0-5 {
    margin: 0.03125rem !important;
  }
  .m-1 {
    margin: 0.0625rem !important;
  }
  .m-1-5 {
    margin: 0.09375rem !important;
  }
  .m-2 {
    margin: 0.125rem !important;
  }
  .m-2-5 {
    margin: 0.15625rem !important;
  }
  .m-3 {
    margin: 0.1875rem !important;
  }
  .m-3-5 {
    margin: 0.21875rem !important;
  }
  .m-4 {
    margin: 0.25rem !important;
  }
  .m-5 {
    margin: 0.3125rem !important;
  }
  .m-6 {
    margin: 0.375rem !important;
  }
  .m-7 {
    margin: 0.4375rem !important;
  }
  .m-8 {
    margin: 0.5rem !important;
  }
  .m-9 {
    margin: 0.5625rem !important;
  }
  .m-10 {
    margin: 0.625rem !important;
  }
  .m-11 {
    margin: 0.6875rem !important;
  }
  .m-12 {
    margin: 0.75rem !important;
  }
  .m-14 {
    margin: 0.875rem !important;
  }
  .m-16 {
    margin: 1rem !important;
  }
  .m-20 {
    margin: 1.25rem !important;
  }
  .m-24 {
    margin: 1.5rem !important;
  }
  .m-28 {
    margin: 1.75rem !important;
  }
  .m-32 {
    margin: 2rem !important;
  }
  .m-36 {
    margin: 2.25rem !important;
  }
  .m-40 {
    margin: 2.5rem !important;
  }
}
/* Small devices (sm: 480px - 767px) - 50% of medium */
@media (min-width: 480px) and (max-width: 767px) {
  .m-0-5 {
    margin: 0.0625rem !important;
  }
  .m-1 {
    margin: 0.125rem !important;
  }
  .m-1-5 {
    margin: 0.1875rem !important;
  }
  .m-2 {
    margin: 0.25rem !important;
  }
  .m-2-5 {
    margin: 0.3125rem !important;
  }
  .m-3 {
    margin: 0.375rem !important;
  }
  .m-3-5 {
    margin: 0.4375rem !important;
  }
  .m-4 {
    margin: 0.5rem !important;
  }
  .m-5 {
    margin: 0.625rem !important;
  }
  .m-6 {
    margin: 0.75rem !important;
  }
  .m-7 {
    margin: 0.875rem !important;
  }
  .m-8 {
    margin: 1rem !important;
  }
  .m-9 {
    margin: 1.125rem !important;
  }
  .m-10 {
    margin: 1.25rem !important;
  }
  .m-11 {
    margin: 1.375rem !important;
  }
  .m-12 {
    margin: 1.5rem !important;
  }
  .m-14 {
    margin: 1.75rem !important;
  }
  .m-16 {
    margin: 2rem !important;
  }
  .m-20 {
    margin: 2.5rem !important;
  }
  .m-24 {
    margin: 3rem !important;
  }
  .m-28 {
    margin: 3.5rem !important;
  }
  .m-32 {
    margin: 4rem !important;
  }
  .m-36 {
    margin: 4.5rem !important;
  }
  .m-40 {
    margin: 5rem !important;
  }
}
/* Medium devices (md: 768px - 1023px) - base scale */
@media (min-width: 768px) and (max-width: 1023px) {
  .m-0-5 {
    margin: 0.125rem !important;
  }
  .m-1 {
    margin: 0.25rem !important;
  }
  .m-1-5 {
    margin: 0.375rem !important;
  }
  .m-2 {
    margin: 0.5rem !important;
  }
  .m-2-5 {
    margin: 0.625rem !important;
  }
  .m-3 {
    margin: 0.75rem !important;
  }
  .m-3-5 {
    margin: 0.875rem !important;
  }
  .m-4 {
    margin: 1rem !important;
  }
  .m-5 {
    margin: 1.25rem !important;
  }
  .m-6 {
    margin: 1.5rem !important;
  }
  .m-7 {
    margin: 1.75rem !important;
  }
  .m-8 {
    margin: 2rem !important;
  }
  .m-9 {
    margin: 2.25rem !important;
  }
  .m-10 {
    margin: 2.5rem !important;
  }
  .m-11 {
    margin: 2.75rem !important;
  }
  .m-12 {
    margin: 3rem !important;
  }
  .m-14 {
    margin: 3.5rem !important;
  }
  .m-16 {
    margin: 4rem !important;
  }
  .m-20 {
    margin: 5rem !important;
  }
  .m-24 {
    margin: 6rem !important;
  }
  .m-28 {
    margin: 7rem !important;
  }
  .m-32 {
    margin: 8rem !important;
  }
  .m-36 {
    margin: 9rem !important;
  }
  .m-40 {
    margin: 10rem !important;
  }
}
/* Large devices (lg: 1024px - 1279px) - 150% of medium */
@media (min-width: 1024px) and (max-width: 1279px) {
  .m-0-5 {
    margin: 0.1875rem !important;
  }
  .m-1 {
    margin: 0.375rem !important;
  }
  .m-1-5 {
    margin: 0.5625rem !important;
  }
  .m-2 {
    margin: 0.75rem !important;
  }
  .m-2-5 {
    margin: 0.9375rem !important;
  }
  .m-3 {
    margin: 1.125rem !important;
  }
  .m-3-5 {
    margin: 1.3125rem !important;
  }
  .m-4 {
    margin: 1.5rem !important;
  }
  .m-5 {
    margin: 1.875rem !important;
  }
  .m-6 {
    margin: 2.25rem !important;
  }
  .m-7 {
    margin: 2.625rem !important;
  }
  .m-8 {
    margin: 3rem !important;
  }
  .m-9 {
    margin: 3.375rem !important;
  }
  .m-10 {
    margin: 3.75rem !important;
  }
  .m-11 {
    margin: 4.125rem !important;
  }
  .m-12 {
    margin: 4.5rem !important;
  }
  .m-14 {
    margin: 5.25rem !important;
  }
  .m-16 {
    margin: 6rem !important;
  }
  .m-20 {
    margin: 7.5rem !important;
  }
  .m-24 {
    margin: 9rem !important;
  }
  .m-28 {
    margin: 10.5rem !important;
  }
  .m-32 {
    margin: 12rem !important;
  }
  .m-36 {
    margin: 13.5rem !important;
  }
  .m-40 {
    margin: 15rem !important;
  }
}
/* Extra large devices (xl: 1280px - 1535px) - 200% of medium */
@media (min-width: 1280px) and (max-width: 1535px) {
  .m-0-5 {
    margin: 0.25rem !important;
  }
  .m-1 {
    margin: 0.5rem !important;
  }
  .m-1-5 {
    margin: 0.75rem !important;
  }
  .m-2 {
    margin: 1rem !important;
  }
  .m-2-5 {
    margin: 1.25rem !important;
  }
  .m-3 {
    margin: 1.5rem !important;
  }
  .m-3-5 {
    margin: 1.75rem !important;
  }
  .m-4 {
    margin: 2rem !important;
  }
  .m-5 {
    margin: 2.5rem !important;
  }
  .m-6 {
    margin: 3rem !important;
  }
  .m-7 {
    margin: 3.5rem !important;
  }
  .m-8 {
    margin: 4rem !important;
  }
  .m-9 {
    margin: 4.5rem !important;
  }
  .m-10 {
    margin: 5rem !important;
  }
  .m-11 {
    margin: 5.5rem !important;
  }
  .m-12 {
    margin: 6rem !important;
  }
  .m-14 {
    margin: 7rem !important;
  }
  .m-16 {
    margin: 8rem !important;
  }
  .m-20 {
    margin: 10rem !important;
  }
  .m-24 {
    margin: 12rem !important;
  }
  .m-28 {
    margin: 14rem !important;
  }
  .m-32 {
    margin: 16rem !important;
  }
  .m-36 {
    margin: 18rem !important;
  }
  .m-40 {
    margin: 20rem !important;
  }
}
/* Extra extra large devices (xxl: >= 1536px) - 300% of medium */
@media (min-width: 1536px) {
  .m-0-5 {
    margin: 0.375rem !important;
  }
  .m-1 {
    margin: 0.75rem !important;
  }
  .m-1-5 {
    margin: 1.125rem !important;
  }
  .m-2 {
    margin: 1.5rem !important;
  }
  .m-2-5 {
    margin: 1.875rem !important;
  }
  .m-3 {
    margin: 2.25rem !important;
  }
  .m-3-5 {
    margin: 2.625rem !important;
  }
  .m-4 {
    margin: 3rem !important;
  }
  .m-5 {
    margin: 3.75rem !important;
  }
  .m-6 {
    margin: 4.5rem !important;
  }
  .m-7 {
    margin: 5.25rem !important;
  }
  .m-8 {
    margin: 6rem !important;
  }
  .m-9 {
    margin: 6.75rem !important;
  }
  .m-10 {
    margin: 7.5rem !important;
  }
  .m-11 {
    margin: 8.25rem !important;
  }
  .m-12 {
    margin: 9rem !important;
  }
  .m-14 {
    margin: 10.5rem !important;
  }
  .m-16 {
    margin: 12rem !important;
  }
  .m-20 {
    margin: 15rem !important;
  }
  .m-24 {
    margin: 18rem !important;
  }
  .m-28 {
    margin: 21rem !important;
  }
  .m-32 {
    margin: 24rem !important;
  }
  .m-36 {
    margin: 27rem !important;
  }
  .m-40 {
    margin: 30rem !important;
  }
}
.mt-0-5 {
  margin-top: 0.125rem !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-1-5 {
  margin-top: 0.375rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-2-5 {
  margin-top: 0.625rem !important;
}
.mt-3 {
  margin-top: 0.75rem !important;
}
.mt-3-5 {
  margin-top: 0.875rem !important;
}
.mt-4 {
  margin-top: 1rem !important;
}
.mt-5 {
  margin-top: 1.25rem !important;
}
.mt-6 {
  margin-top: 1.5rem !important;
}
.mt-7 {
  margin-top: 1.75rem !important;
}
.mt-8 {
  margin-top: 2rem !important;
}
.mt-9 {
  margin-top: 2.25rem !important;
}
.mt-10 {
  margin-top: 2.5rem !important;
}
.mt-11 {
  margin-top: 2.75rem !important;
}
.mt-12 {
  margin-top: 3rem !important;
}
.mt-14 {
  margin-top: 3.5rem !important;
}
.mt-16 {
  margin-top: 4rem !important;
}
.mt-20 {
  margin-top: 5rem !important;
}
.mt-24 {
  margin-top: 6rem !important;
}
.mt-28 {
  margin-top: 7rem !important;
}
.mt-32 {
  margin-top: 8rem !important;
}
.mt-36 {
  margin-top: 9rem !important;
}
.mt-40 {
  margin-top: 10rem !important;
}
/* Extra small devices (xs: max-width: 479px) - 25% of medium */
@media (max-width: 479px) {
  .mt-0-5 {
    margin-top: 0.03125rem !important;
  }
  .mt-1 {
    margin-top: 0.0625rem !important;
  }
  .mt-1-5 {
    margin-top: 0.09375rem !important;
  }
  .mt-2 {
    margin-top: 0.125rem !important;
  }
  .mt-2-5 {
    margin-top: 0.15625rem !important;
  }
  .mt-3 {
    margin-top: 0.1875rem !important;
  }
  .mt-3-5 {
    margin-top: 0.21875rem !important;
  }
  .mt-4 {
    margin-top: 0.25rem !important;
  }
  .mt-5 {
    margin-top: 0.3125rem !important;
  }
  .mt-6 {
    margin-top: 0.375rem !important;
  }
  .mt-7 {
    margin-top: 0.4375rem !important;
  }
  .mt-8 {
    margin-top: 0.5rem !important;
  }
  .mt-9 {
    margin-top: 0.5625rem !important;
  }
  .mt-10 {
    margin-top: 0.625rem !important;
  }
  .mt-11 {
    margin-top: 0.6875rem !important;
  }
  .mt-12 {
    margin-top: 0.75rem !important;
  }
  .mt-14 {
    margin-top: 0.875rem !important;
  }
  .mt-16 {
    margin-top: 1rem !important;
  }
  .mt-20 {
    margin-top: 1.25rem !important;
  }
  .mt-24 {
    margin-top: 1.5rem !important;
  }
  .mt-28 {
    margin-top: 1.75rem !important;
  }
  .mt-32 {
    margin-top: 2rem !important;
  }
  .mt-36 {
    margin-top: 2.25rem !important;
  }
  .mt-40 {
    margin-top: 2.5rem !important;
  }
}
/* Small devices (sm: 480px - 767px) - 50% of medium */
@media (min-width: 480px) and (max-width: 767px) {
  .mt-0-5 {
    margin-top: 0.0625rem !important;
  }
  .mt-1 {
    margin-top: 0.125rem !important;
  }
  .mt-1-5 {
    margin-top: 0.1875rem !important;
  }
  .mt-2 {
    margin-top: 0.25rem !important;
  }
  .mt-2-5 {
    margin-top: 0.3125rem !important;
  }
  .mt-3 {
    margin-top: 0.375rem !important;
  }
  .mt-3-5 {
    margin-top: 0.4375rem !important;
  }
  .mt-4 {
    margin-top: 0.5rem !important;
  }
  .mt-5 {
    margin-top: 0.625rem !important;
  }
  .mt-6 {
    margin-top: 0.75rem !important;
  }
  .mt-7 {
    margin-top: 0.875rem !important;
  }
  .mt-8 {
    margin-top: 1rem !important;
  }
  .mt-9 {
    margin-top: 1.125rem !important;
  }
  .mt-10 {
    margin-top: 1.25rem !important;
  }
  .mt-11 {
    margin-top: 1.375rem !important;
  }
  .mt-12 {
    margin-top: 1.5rem !important;
  }
  .mt-14 {
    margin-top: 1.75rem !important;
  }
  .mt-16 {
    margin-top: 2rem !important;
  }
  .mt-20 {
    margin-top: 2.5rem !important;
  }
  .mt-24 {
    margin-top: 3rem !important;
  }
  .mt-28 {
    margin-top: 3.5rem !important;
  }
  .mt-32 {
    margin-top: 4rem !important;
  }
  .mt-36 {
    margin-top: 4.5rem !important;
  }
  .mt-40 {
    margin-top: 5rem !important;
  }
}
/* Medium devices (md: 768px - 1023px) - base scale */
@media (min-width: 768px) and (max-width: 1023px) {
  .mt-0-5 {
    margin-top: 0.125rem !important;
  }
  .mt-1 {
    margin-top: 0.25rem !important;
  }
  .mt-1-5 {
    margin-top: 0.375rem !important;
  }
  .mt-2 {
    margin-top: 0.5rem !important;
  }
  .mt-2-5 {
    margin-top: 0.625rem !important;
  }
  .mt-3 {
    margin-top: 0.75rem !important;
  }
  .mt-3-5 {
    margin-top: 0.875rem !important;
  }
  .mt-4 {
    margin-top: 1rem !important;
  }
  .mt-5 {
    margin-top: 1.25rem !important;
  }
  .mt-6 {
    margin-top: 1.5rem !important;
  }
  .mt-7 {
    margin-top: 1.75rem !important;
  }
  .mt-8 {
    margin-top: 2rem !important;
  }
  .mt-9 {
    margin-top: 2.25rem !important;
  }
  .mt-10 {
    margin-top: 2.5rem !important;
  }
  .mt-11 {
    margin-top: 2.75rem !important;
  }
  .mt-12 {
    margin-top: 3rem !important;
  }
  .mt-14 {
    margin-top: 3.5rem !important;
  }
  .mt-16 {
    margin-top: 4rem !important;
  }
  .mt-20 {
    margin-top: 5rem !important;
  }
  .mt-24 {
    margin-top: 6rem !important;
  }
  .mt-28 {
    margin-top: 7rem !important;
  }
  .mt-32 {
    margin-top: 8rem !important;
  }
  .mt-36 {
    margin-top: 9rem !important;
  }
  .mt-40 {
    margin-top: 10rem !important;
  }
}
/* Large devices (lg: 1024px - 1279px) - 150% of medium */
@media (min-width: 1024px) and (max-width: 1279px) {
  .mt-0-5 {
    margin-top: 0.1875rem !important;
  }
  .mt-1 {
    margin-top: 0.375rem !important;
  }
  .mt-1-5 {
    margin-top: 0.5625rem !important;
  }
  .mt-2 {
    margin-top: 0.75rem !important;
  }
  .mt-2-5 {
    margin-top: 0.9375rem !important;
  }
  .mt-3 {
    margin-top: 1.125rem !important;
  }
  .mt-3-5 {
    margin-top: 1.3125rem !important;
  }
  .mt-4 {
    margin-top: 1.5rem !important;
  }
  .mt-5 {
    margin-top: 1.875rem !important;
  }
  .mt-6 {
    margin-top: 2.25rem !important;
  }
  .mt-7 {
    margin-top: 2.625rem !important;
  }
  .mt-8 {
    margin-top: 3rem !important;
  }
  .mt-9 {
    margin-top: 3.375rem !important;
  }
  .mt-10 {
    margin-top: 3.75rem !important;
  }
  .mt-11 {
    margin-top: 4.125rem !important;
  }
  .mt-12 {
    margin-top: 4.5rem !important;
  }
  .mt-14 {
    margin-top: 5.25rem !important;
  }
  .mt-16 {
    margin-top: 6rem !important;
  }
  .mt-20 {
    margin-top: 7.5rem !important;
  }
  .mt-24 {
    margin-top: 9rem !important;
  }
  .mt-28 {
    margin-top: 10.5rem !important;
  }
  .mt-32 {
    margin-top: 12rem !important;
  }
  .mt-36 {
    margin-top: 13.5rem !important;
  }
  .mt-40 {
    margin-top: 15rem !important;
  }
}
/* Extra large devices (xl: 1280px - 1535px) - 200% of medium */
@media (min-width: 1280px) and (max-width: 1535px) {
  .mt-0-5 {
    margin-top: 0.25rem !important;
  }
  .mt-1 {
    margin-top: 0.5rem !important;
  }
  .mt-1-5 {
    margin-top: 0.75rem !important;
  }
  .mt-2 {
    margin-top: 1rem !important;
  }
  .mt-2-5 {
    margin-top: 1.25rem !important;
  }
  .mt-3 {
    margin-top: 1.5rem !important;
  }
  .mt-3-5 {
    margin-top: 1.75rem !important;
  }
  .mt-4 {
    margin-top: 2rem !important;
  }
  .mt-5 {
    margin-top: 2.5rem !important;
  }
  .mt-6 {
    margin-top: 3rem !important;
  }
  .mt-7 {
    margin-top: 3.5rem !important;
  }
  .mt-8 {
    margin-top: 4rem !important;
  }
  .mt-9 {
    margin-top: 4.5rem !important;
  }
  .mt-10 {
    margin-top: 5rem !important;
  }
  .mt-11 {
    margin-top: 5.5rem !important;
  }
  .mt-12 {
    margin-top: 6rem !important;
  }
  .mt-14 {
    margin-top: 7rem !important;
  }
  .mt-16 {
    margin-top: 8rem !important;
  }
  .mt-20 {
    margin-top: 10rem !important;
  }
  .mt-24 {
    margin-top: 12rem !important;
  }
  .mt-28 {
    margin-top: 14rem !important;
  }
  .mt-32 {
    margin-top: 16rem !important;
  }
  .mt-36 {
    margin-top: 18rem !important;
  }
  .mt-40 {
    margin-top: 20rem !important;
  }
}
/* Extra extra large devices (xxl: >= 1536px) - 300% of medium */
@media (min-width: 1536px) {
  .mt-0-5 {
    margin-top: 0.375rem !important;
  }
  .mt-1 {
    margin-top: 0.75rem !important;
  }
  .mt-1-5 {
    margin-top: 1.125rem !important;
  }
  .mt-2 {
    margin-top: 1.5rem !important;
  }
  .mt-2-5 {
    margin-top: 1.875rem !important;
  }
  .mt-3 {
    margin-top: 2.25rem !important;
  }
  .mt-3-5 {
    margin-top: 2.625rem !important;
  }
  .mt-4 {
    margin-top: 3rem !important;
  }
  .mt-5 {
    margin-top: 3.75rem !important;
  }
  .mt-6 {
    margin-top: 4.5rem !important;
  }
  .mt-7 {
    margin-top: 5.25rem !important;
  }
  .mt-8 {
    margin-top: 6rem !important;
  }
  .mt-9 {
    margin-top: 6.75rem !important;
  }
  .mt-10 {
    margin-top: 7.5rem !important;
  }
  .mt-11 {
    margin-top: 8.25rem !important;
  }
  .mt-12 {
    margin-top: 9rem !important;
  }
  .mt-14 {
    margin-top: 10.5rem !important;
  }
  .mt-16 {
    margin-top: 12rem !important;
  }
  .mt-20 {
    margin-top: 15rem !important;
  }
  .mt-24 {
    margin-top: 18rem !important;
  }
  .mt-28 {
    margin-top: 21rem !important;
  }
  .mt-32 {
    margin-top: 24rem !important;
  }
  .mt-36 {
    margin-top: 27rem !important;
  }
  .mt-40 {
    margin-top: 30rem !important;
  }
}
.mb-0-5 {
  margin-bottom: 0.125rem !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-1-5 {
  margin-bottom: 0.375rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-2-5 {
  margin-bottom: 0.625rem !important;
}
.mb-3 {
  margin-bottom: 0.75rem !important;
}
.mb-3-5 {
  margin-bottom: 0.875rem !important;
}
.mb-4 {
  margin-bottom: 1rem !important;
}
.mb-5 {
  margin-bottom: 1.25rem !important;
}
.mb-6 {
  margin-bottom: 1.5rem !important;
}
.mb-7 {
  margin-bottom: 1.75rem !important;
}
.mb-8 {
  margin-bottom: 2rem !important;
}
.mb-9 {
  margin-bottom: 2.25rem !important;
}
.mb-10 {
  margin-bottom: 2.5rem !important;
}
.mb-11 {
  margin-bottom: 2.75rem !important;
}
.mb-12 {
  margin-bottom: 3rem !important;
}
.mb-14 {
  margin-bottom: 3.5rem !important;
}
.mb-16 {
  margin-bottom: 4rem !important;
}
.mb-20 {
  margin-bottom: 5rem !important;
}
.mb-24 {
  margin-bottom: 6rem !important;
}
.mb-28 {
  margin-bottom: 7rem !important;
}
.mb-32 {
  margin-bottom: 8rem !important;
}
.mb-36 {
  margin-bottom: 9rem !important;
}
.mb-40 {
  margin-bottom: 10rem !important;
}
/* Extra small devices (xs: max-width: 479px) - 25% of medium */
@media (max-width: 479px) {
  .mb-0-5 {
    margin-bottom: 0.03125rem !important;
  }
  .mb-1 {
    margin-bottom: 0.0625rem !important;
  }
  .mb-1-5 {
    margin-bottom: 0.09375rem !important;
  }
  .mb-2 {
    margin-bottom: 0.125rem !important;
  }
  .mb-2-5 {
    margin-bottom: 0.15625rem !important;
  }
  .mb-3 {
    margin-bottom: 0.1875rem !important;
  }
  .mb-3-5 {
    margin-bottom: 0.21875rem !important;
  }
  .mb-4 {
    margin-bottom: 0.25rem !important;
  }
  .mb-5 {
    margin-bottom: 0.3125rem !important;
  }
  .mb-6 {
    margin-bottom: 0.375rem !important;
  }
  .mb-7 {
    margin-bottom: 0.4375rem !important;
  }
  .mb-8 {
    margin-bottom: 0.5rem !important;
  }
  .mb-9 {
    margin-bottom: 0.5625rem !important;
  }
  .mb-10 {
    margin-bottom: 0.625rem !important;
  }
  .mb-11 {
    margin-bottom: 0.6875rem !important;
  }
  .mb-12 {
    margin-bottom: 0.75rem !important;
  }
  .mb-14 {
    margin-bottom: 0.875rem !important;
  }
  .mb-16 {
    margin-bottom: 1rem !important;
  }
  .mb-20 {
    margin-bottom: 1.25rem !important;
  }
  .mb-24 {
    margin-bottom: 1.5rem !important;
  }
  .mb-28 {
    margin-bottom: 1.75rem !important;
  }
  .mb-32 {
    margin-bottom: 2rem !important;
  }
  .mb-36 {
    margin-bottom: 2.25rem !important;
  }
  .mb-40 {
    margin-bottom: 2.5rem !important;
  }
}
/* Small devices (sm: 480px - 767px) - 50% of medium */
@media (min-width: 480px) and (max-width: 767px) {
  .mb-0-5 {
    margin-bottom: 0.0625rem !important;
  }
  .mb-1 {
    margin-bottom: 0.125rem !important;
  }
  .mb-1-5 {
    margin-bottom: 0.1875rem !important;
  }
  .mb-2 {
    margin-bottom: 0.25rem !important;
  }
  .mb-2-5 {
    margin-bottom: 0.3125rem !important;
  }
  .mb-3 {
    margin-bottom: 0.375rem !important;
  }
  .mb-3-5 {
    margin-bottom: 0.4375rem !important;
  }
  .mb-4 {
    margin-bottom: 0.5rem !important;
  }
  .mb-5 {
    margin-bottom: 0.625rem !important;
  }
  .mb-6 {
    margin-bottom: 0.75rem !important;
  }
  .mb-7 {
    margin-bottom: 0.875rem !important;
  }
  .mb-8 {
    margin-bottom: 1rem !important;
  }
  .mb-9 {
    margin-bottom: 1.125rem !important;
  }
  .mb-10 {
    margin-bottom: 1.25rem !important;
  }
  .mb-11 {
    margin-bottom: 1.375rem !important;
  }
  .mb-12 {
    margin-bottom: 1.5rem !important;
  }
  .mb-14 {
    margin-bottom: 1.75rem !important;
  }
  .mb-16 {
    margin-bottom: 2rem !important;
  }
  .mb-20 {
    margin-bottom: 2.5rem !important;
  }
  .mb-24 {
    margin-bottom: 3rem !important;
  }
  .mb-28 {
    margin-bottom: 3.5rem !important;
  }
  .mb-32 {
    margin-bottom: 4rem !important;
  }
  .mb-36 {
    margin-bottom: 4.5rem !important;
  }
  .mb-40 {
    margin-bottom: 5rem !important;
  }
}
/* Medium devices (md: 768px - 1023px) - base scale */
@media (min-width: 768px) and (max-width: 1023px) {
  .mb-0-5 {
    margin-bottom: 0.125rem !important;
  }
  .mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-1-5 {
    margin-bottom: 0.375rem !important;
  }
  .mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-2-5 {
    margin-bottom: 0.625rem !important;
  }
  .mb-3 {
    margin-bottom: 0.75rem !important;
  }
  .mb-3-5 {
    margin-bottom: 0.875rem !important;
  }
  .mb-4 {
    margin-bottom: 1rem !important;
  }
  .mb-5 {
    margin-bottom: 1.25rem !important;
  }
  .mb-6 {
    margin-bottom: 1.5rem !important;
  }
  .mb-7 {
    margin-bottom: 1.75rem !important;
  }
  .mb-8 {
    margin-bottom: 2rem !important;
  }
  .mb-9 {
    margin-bottom: 2.25rem !important;
  }
  .mb-10 {
    margin-bottom: 2.5rem !important;
  }
  .mb-11 {
    margin-bottom: 2.75rem !important;
  }
  .mb-12 {
    margin-bottom: 3rem !important;
  }
  .mb-14 {
    margin-bottom: 3.5rem !important;
  }
  .mb-16 {
    margin-bottom: 4rem !important;
  }
  .mb-20 {
    margin-bottom: 5rem !important;
  }
  .mb-24 {
    margin-bottom: 6rem !important;
  }
  .mb-28 {
    margin-bottom: 7rem !important;
  }
  .mb-32 {
    margin-bottom: 8rem !important;
  }
  .mb-36 {
    margin-bottom: 9rem !important;
  }
  .mb-40 {
    margin-bottom: 10rem !important;
  }
}
/* Large devices (lg: 1024px - 1279px) - 150% of medium */
@media (min-width: 1024px) and (max-width: 1279px) {
  .mb-0-5 {
    margin-bottom: 0.1875rem !important;
  }
  .mb-1 {
    margin-bottom: 0.375rem !important;
  }
  .mb-1-5 {
    margin-bottom: 0.5625rem !important;
  }
  .mb-2 {
    margin-bottom: 0.75rem !important;
  }
  .mb-2-5 {
    margin-bottom: 0.9375rem !important;
  }
  .mb-3 {
    margin-bottom: 1.125rem !important;
  }
  .mb-3-5 {
    margin-bottom: 1.3125rem !important;
  }
  .mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-5 {
    margin-bottom: 1.875rem !important;
  }
  .mb-6 {
    margin-bottom: 2.25rem !important;
  }
  .mb-7 {
    margin-bottom: 2.625rem !important;
  }
  .mb-8 {
    margin-bottom: 3rem !important;
  }
  .mb-9 {
    margin-bottom: 3.375rem !important;
  }
  .mb-10 {
    margin-bottom: 3.75rem !important;
  }
  .mb-11 {
    margin-bottom: 4.125rem !important;
  }
  .mb-12 {
    margin-bottom: 4.5rem !important;
  }
  .mb-14 {
    margin-bottom: 5.25rem !important;
  }
  .mb-16 {
    margin-bottom: 6rem !important;
  }
  .mb-20 {
    margin-bottom: 7.5rem !important;
  }
  .mb-24 {
    margin-bottom: 9rem !important;
  }
  .mb-28 {
    margin-bottom: 10.5rem !important;
  }
  .mb-32 {
    margin-bottom: 12rem !important;
  }
  .mb-36 {
    margin-bottom: 13.5rem !important;
  }
  .mb-40 {
    margin-bottom: 15rem !important;
  }
}
/* Extra large devices (xl: 1280px - 1535px) - 200% of medium */
@media (min-width: 1280px) and (max-width: 1535px) {
  .mb-0-5 {
    margin-bottom: 0.25rem !important;
  }
  .mb-1 {
    margin-bottom: 0.5rem !important;
  }
  .mb-1-5 {
    margin-bottom: 0.75rem !important;
  }
  .mb-2 {
    margin-bottom: 1rem !important;
  }
  .mb-2-5 {
    margin-bottom: 1.25rem !important;
  }
  .mb-3 {
    margin-bottom: 1.5rem !important;
  }
  .mb-3-5 {
    margin-bottom: 1.75rem !important;
  }
  .mb-4 {
    margin-bottom: 2rem !important;
  }
  .mb-5 {
    margin-bottom: 2.5rem !important;
  }
  .mb-6 {
    margin-bottom: 3rem !important;
  }
  .mb-7 {
    margin-bottom: 3.5rem !important;
  }
  .mb-8 {
    margin-bottom: 4rem !important;
  }
  .mb-9 {
    margin-bottom: 4.5rem !important;
  }
  .mb-10 {
    margin-bottom: 5rem !important;
  }
  .mb-11 {
    margin-bottom: 5.5rem !important;
  }
  .mb-12 {
    margin-bottom: 6rem !important;
  }
  .mb-14 {
    margin-bottom: 7rem !important;
  }
  .mb-16 {
    margin-bottom: 8rem !important;
  }
  .mb-20 {
    margin-bottom: 10rem !important;
  }
  .mb-24 {
    margin-bottom: 12rem !important;
  }
  .mb-28 {
    margin-bottom: 14rem !important;
  }
  .mb-32 {
    margin-bottom: 16rem !important;
  }
  .mb-36 {
    margin-bottom: 18rem !important;
  }
  .mb-40 {
    margin-bottom: 20rem !important;
  }
}
/* Extra extra large devices (xxl: >= 1536px) - 300% of medium */
@media (min-width: 1536px) {
  .mb-0-5 {
    margin-bottom: 0.375rem !important;
  }
  .mb-1 {
    margin-bottom: 0.75rem !important;
  }
  .mb-1-5 {
    margin-bottom: 1.125rem !important;
  }
  .mb-2 {
    margin-bottom: 1.5rem !important;
  }
  .mb-2-5 {
    margin-bottom: 1.875rem !important;
  }
  .mb-3 {
    margin-bottom: 2.25rem !important;
  }
  .mb-3-5 {
    margin-bottom: 2.625rem !important;
  }
  .mb-4 {
    margin-bottom: 3rem !important;
  }
  .mb-5 {
    margin-bottom: 3.75rem !important;
  }
  .mb-6 {
    margin-bottom: 4.5rem !important;
  }
  .mb-7 {
    margin-bottom: 5.25rem !important;
  }
  .mb-8 {
    margin-bottom: 6rem !important;
  }
  .mb-9 {
    margin-bottom: 6.75rem !important;
  }
  .mb-10 {
    margin-bottom: 7.5rem !important;
  }
  .mb-11 {
    margin-bottom: 8.25rem !important;
  }
  .mb-12 {
    margin-bottom: 9rem !important;
  }
  .mb-14 {
    margin-bottom: 10.5rem !important;
  }
  .mb-16 {
    margin-bottom: 12rem !important;
  }
  .mb-20 {
    margin-bottom: 15rem !important;
  }
  .mb-24 {
    margin-bottom: 18rem !important;
  }
  .mb-28 {
    margin-bottom: 21rem !important;
  }
  .mb-32 {
    margin-bottom: 24rem !important;
  }
  .mb-36 {
    margin-bottom: 27rem !important;
  }
  .mb-40 {
    margin-bottom: 30rem !important;
  }
}
.ml-0-5 {
  margin-left: 0.125rem !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.ml-1-5 {
  margin-left: 0.375rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.ml-2-5 {
  margin-left: 0.625rem !important;
}
.ml-3 {
  margin-left: 0.75rem !important;
}
.ml-3-5 {
  margin-left: 0.875rem !important;
}
.ml-4 {
  margin-left: 1rem !important;
}
.ml-5 {
  margin-left: 1.25rem !important;
}
.ml-6 {
  margin-left: 1.5rem !important;
}
.ml-7 {
  margin-left: 1.75rem !important;
}
.ml-8 {
  margin-left: 2rem !important;
}
.ml-9 {
  margin-left: 2.25rem !important;
}
.ml-10 {
  margin-left: 2.5rem !important;
}
.ml-11 {
  margin-left: 2.75rem !important;
}
.ml-12 {
  margin-left: 3rem !important;
}
.ml-14 {
  margin-left: 3.5rem !important;
}
.ml-16 {
  margin-left: 4rem !important;
}
.ml-20 {
  margin-left: 5rem !important;
}
.ml-24 {
  margin-left: 6rem !important;
}
.ml-28 {
  margin-left: 7rem !important;
}
.ml-32 {
  margin-left: 8rem !important;
}
.ml-36 {
  margin-left: 9rem !important;
}
.ml-40 {
  margin-left: 10rem !important;
}
/* Extra small devices (xs: max-width: 479px) - 25% of medium */
@media (max-width: 479px) {
  .ml-0-5 {
    margin-left: 0.03125rem !important;
  }
  .ml-1 {
    margin-left: 0.0625rem !important;
  }
  .ml-1-5 {
    margin-left: 0.09375rem !important;
  }
  .ml-2 {
    margin-left: 0.125rem !important;
  }
  .ml-2-5 {
    margin-left: 0.15625rem !important;
  }
  .ml-3 {
    margin-left: 0.1875rem !important;
  }
  .ml-3-5 {
    margin-left: 0.21875rem !important;
  }
  .ml-4 {
    margin-left: 0.25rem !important;
  }
  .ml-5 {
    margin-left: 0.3125rem !important;
  }
  .ml-6 {
    margin-left: 0.375rem !important;
  }
  .ml-7 {
    margin-left: 0.4375rem !important;
  }
  .ml-8 {
    margin-left: 0.5rem !important;
  }
  .ml-9 {
    margin-left: 0.5625rem !important;
  }
  .ml-10 {
    margin-left: 0.625rem !important;
  }
  .ml-11 {
    margin-left: 0.6875rem !important;
  }
  .ml-12 {
    margin-left: 0.75rem !important;
  }
  .ml-14 {
    margin-left: 0.875rem !important;
  }
  .ml-16 {
    margin-left: 1rem !important;
  }
  .ml-20 {
    margin-left: 1.25rem !important;
  }
  .ml-24 {
    margin-left: 1.5rem !important;
  }
  .ml-28 {
    margin-left: 1.75rem !important;
  }
  .ml-32 {
    margin-left: 2rem !important;
  }
  .ml-36 {
    margin-left: 2.25rem !important;
  }
  .ml-40 {
    margin-left: 2.5rem !important;
  }
}
/* Small devices (sm: 480px - 767px) - 50% of medium */
@media (min-width: 480px) and (max-width: 767px) {
  .ml-0-5 {
    margin-left: 0.0625rem !important;
  }
  .ml-1 {
    margin-left: 0.125rem !important;
  }
  .ml-1-5 {
    margin-left: 0.1875rem !important;
  }
  .ml-2 {
    margin-left: 0.25rem !important;
  }
  .ml-2-5 {
    margin-left: 0.3125rem !important;
  }
  .ml-3 {
    margin-left: 0.375rem !important;
  }
  .ml-3-5 {
    margin-left: 0.4375rem !important;
  }
  .ml-4 {
    margin-left: 0.5rem !important;
  }
  .ml-5 {
    margin-left: 0.625rem !important;
  }
  .ml-6 {
    margin-left: 0.75rem !important;
  }
  .ml-7 {
    margin-left: 0.875rem !important;
  }
  .ml-8 {
    margin-left: 1rem !important;
  }
  .ml-9 {
    margin-left: 1.125rem !important;
  }
  .ml-10 {
    margin-left: 1.25rem !important;
  }
  .ml-11 {
    margin-left: 1.375rem !important;
  }
  .ml-12 {
    margin-left: 1.5rem !important;
  }
  .ml-14 {
    margin-left: 1.75rem !important;
  }
  .ml-16 {
    margin-left: 2rem !important;
  }
  .ml-20 {
    margin-left: 2.5rem !important;
  }
  .ml-24 {
    margin-left: 3rem !important;
  }
  .ml-28 {
    margin-left: 3.5rem !important;
  }
  .ml-32 {
    margin-left: 4rem !important;
  }
  .ml-36 {
    margin-left: 4.5rem !important;
  }
  .ml-40 {
    margin-left: 5rem !important;
  }
}
/* Medium devices (md: 768px - 1023px) - base scale */
@media (min-width: 768px) and (max-width: 1023px) {
  .ml-0-5 {
    margin-left: 0.125rem !important;
  }
  .ml-1 {
    margin-left: 0.25rem !important;
  }
  .ml-1-5 {
    margin-left: 0.375rem !important;
  }
  .ml-2 {
    margin-left: 0.5rem !important;
  }
  .ml-2-5 {
    margin-left: 0.625rem !important;
  }
  .ml-3 {
    margin-left: 0.75rem !important;
  }
  .ml-3-5 {
    margin-left: 0.875rem !important;
  }
  .ml-4 {
    margin-left: 1rem !important;
  }
  .ml-5 {
    margin-left: 1.25rem !important;
  }
  .ml-6 {
    margin-left: 1.5rem !important;
  }
  .ml-7 {
    margin-left: 1.75rem !important;
  }
  .ml-8 {
    margin-left: 2rem !important;
  }
  .ml-9 {
    margin-left: 2.25rem !important;
  }
  .ml-10 {
    margin-left: 2.5rem !important;
  }
  .ml-11 {
    margin-left: 2.75rem !important;
  }
  .ml-12 {
    margin-left: 3rem !important;
  }
  .ml-14 {
    margin-left: 3.5rem !important;
  }
  .ml-16 {
    margin-left: 4rem !important;
  }
  .ml-20 {
    margin-left: 5rem !important;
  }
  .ml-24 {
    margin-left: 6rem !important;
  }
  .ml-28 {
    margin-left: 7rem !important;
  }
  .ml-32 {
    margin-left: 8rem !important;
  }
  .ml-36 {
    margin-left: 9rem !important;
  }
  .ml-40 {
    margin-left: 10rem !important;
  }
}
/* Large devices (lg: 1024px - 1279px) - 150% of medium */
@media (min-width: 1024px) and (max-width: 1279px) {
  .ml-0-5 {
    margin-left: 0.1875rem !important;
  }
  .ml-1 {
    margin-left: 0.375rem !important;
  }
  .ml-1-5 {
    margin-left: 0.5625rem !important;
  }
  .ml-2 {
    margin-left: 0.75rem !important;
  }
  .ml-2-5 {
    margin-left: 0.9375rem !important;
  }
  .ml-3 {
    margin-left: 1.125rem !important;
  }
  .ml-3-5 {
    margin-left: 1.3125rem !important;
  }
  .ml-4 {
    margin-left: 1.5rem !important;
  }
  .ml-5 {
    margin-left: 1.875rem !important;
  }
  .ml-6 {
    margin-left: 2.25rem !important;
  }
  .ml-7 {
    margin-left: 2.625rem !important;
  }
  .ml-8 {
    margin-left: 3rem !important;
  }
  .ml-9 {
    margin-left: 3.375rem !important;
  }
  .ml-10 {
    margin-left: 3.75rem !important;
  }
  .ml-11 {
    margin-left: 4.125rem !important;
  }
  .ml-12 {
    margin-left: 4.5rem !important;
  }
  .ml-14 {
    margin-left: 5.25rem !important;
  }
  .ml-16 {
    margin-left: 6rem !important;
  }
  .ml-20 {
    margin-left: 7.5rem !important;
  }
  .ml-24 {
    margin-left: 9rem !important;
  }
  .ml-28 {
    margin-left: 10.5rem !important;
  }
  .ml-32 {
    margin-left: 12rem !important;
  }
  .ml-36 {
    margin-left: 13.5rem !important;
  }
  .ml-40 {
    margin-left: 15rem !important;
  }
}
/* Extra large devices (xl: 1280px - 1535px) - 200% of medium */
@media (min-width: 1280px) and (max-width: 1535px) {
  .ml-0-5 {
    margin-left: 0.25rem !important;
  }
  .ml-1 {
    margin-left: 0.5rem !important;
  }
  .ml-1-5 {
    margin-left: 0.75rem !important;
  }
  .ml-2 {
    margin-left: 1rem !important;
  }
  .ml-2-5 {
    margin-left: 1.25rem !important;
  }
  .ml-3 {
    margin-left: 1.5rem !important;
  }
  .ml-3-5 {
    margin-left: 1.75rem !important;
  }
  .ml-4 {
    margin-left: 2rem !important;
  }
  .ml-5 {
    margin-left: 2.5rem !important;
  }
  .ml-6 {
    margin-left: 3rem !important;
  }
  .ml-7 {
    margin-left: 3.5rem !important;
  }
  .ml-8 {
    margin-left: 4rem !important;
  }
  .ml-9 {
    margin-left: 4.5rem !important;
  }
  .ml-10 {
    margin-left: 5rem !important;
  }
  .ml-11 {
    margin-left: 5.5rem !important;
  }
  .ml-12 {
    margin-left: 6rem !important;
  }
  .ml-14 {
    margin-left: 7rem !important;
  }
  .ml-16 {
    margin-left: 8rem !important;
  }
  .ml-20 {
    margin-left: 10rem !important;
  }
  .ml-24 {
    margin-left: 12rem !important;
  }
  .ml-28 {
    margin-left: 14rem !important;
  }
  .ml-32 {
    margin-left: 16rem !important;
  }
  .ml-36 {
    margin-left: 18rem !important;
  }
  .ml-40 {
    margin-left: 20rem !important;
  }
}
/* Extra extra large devices (xxl: >= 1536px) - 300% of medium */
@media (min-width: 1536px) {
  .ml-0-5 {
    margin-left: 0.375rem !important;
  }
  .ml-1 {
    margin-left: 0.75rem !important;
  }
  .ml-1-5 {
    margin-left: 1.125rem !important;
  }
  .ml-2 {
    margin-left: 1.5rem !important;
  }
  .ml-2-5 {
    margin-left: 1.875rem !important;
  }
  .ml-3 {
    margin-left: 2.25rem !important;
  }
  .ml-3-5 {
    margin-left: 2.625rem !important;
  }
  .ml-4 {
    margin-left: 3rem !important;
  }
  .ml-5 {
    margin-left: 3.75rem !important;
  }
  .ml-6 {
    margin-left: 4.5rem !important;
  }
  .ml-7 {
    margin-left: 5.25rem !important;
  }
  .ml-8 {
    margin-left: 6rem !important;
  }
  .ml-9 {
    margin-left: 6.75rem !important;
  }
  .ml-10 {
    margin-left: 7.5rem !important;
  }
  .ml-11 {
    margin-left: 8.25rem !important;
  }
  .ml-12 {
    margin-left: 9rem !important;
  }
  .ml-14 {
    margin-left: 10.5rem !important;
  }
  .ml-16 {
    margin-left: 12rem !important;
  }
  .ml-20 {
    margin-left: 15rem !important;
  }
  .ml-24 {
    margin-left: 18rem !important;
  }
  .ml-28 {
    margin-left: 21rem !important;
  }
  .ml-32 {
    margin-left: 24rem !important;
  }
  .ml-36 {
    margin-left: 27rem !important;
  }
  .ml-40 {
    margin-left: 30rem !important;
  }
}
.mr-0-5 {
  margin-right: 0.125rem !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mr-1-5 {
  margin-right: 0.375rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mr-2-5 {
  margin-right: 0.625rem !important;
}
.mr-3 {
  margin-right: 0.75rem !important;
}
.mr-3-5 {
  margin-right: 0.875rem !important;
}
.mr-4 {
  margin-right: 1rem !important;
}
.mr-5 {
  margin-right: 1.25rem !important;
}
.mr-6 {
  margin-right: 1.5rem !important;
}
.mr-7 {
  margin-right: 1.75rem !important;
}
.mr-8 {
  margin-right: 2rem !important;
}
.mr-9 {
  margin-right: 2.25rem !important;
}
.mr-10 {
  margin-right: 2.5rem !important;
}
.mr-11 {
  margin-right: 2.75rem !important;
}
.mr-12 {
  margin-right: 3rem !important;
}
.mr-14 {
  margin-right: 3.5rem !important;
}
.mr-16 {
  margin-right: 4rem !important;
}
.mr-20 {
  margin-right: 5rem !important;
}
.mr-24 {
  margin-right: 6rem !important;
}
.mr-28 {
  margin-right: 7rem !important;
}
.mr-32 {
  margin-right: 8rem !important;
}
.mr-36 {
  margin-right: 9rem !important;
}
.mr-40 {
  margin-right: 10rem !important;
}
/* Extra small devices (xs: max-width: 479px) - 25% of medium */
@media (max-width: 479px) {
  .mr-0-5 {
    margin-right: 0.03125rem !important;
  }
  .mr-1 {
    margin-right: 0.0625rem !important;
  }
  .mr-1-5 {
    margin-right: 0.09375rem !important;
  }
  .mr-2 {
    margin-right: 0.125rem !important;
  }
  .mr-2-5 {
    margin-right: 0.15625rem !important;
  }
  .mr-3 {
    margin-right: 0.1875rem !important;
  }
  .mr-3-5 {
    margin-right: 0.21875rem !important;
  }
  .mr-4 {
    margin-right: 0.25rem !important;
  }
  .mr-5 {
    margin-right: 0.3125rem !important;
  }
  .mr-6 {
    margin-right: 0.375rem !important;
  }
  .mr-7 {
    margin-right: 0.4375rem !important;
  }
  .mr-8 {
    margin-right: 0.5rem !important;
  }
  .mr-9 {
    margin-right: 0.5625rem !important;
  }
  .mr-10 {
    margin-right: 0.625rem !important;
  }
  .mr-11 {
    margin-right: 0.6875rem !important;
  }
  .mr-12 {
    margin-right: 0.75rem !important;
  }
  .mr-14 {
    margin-right: 0.875rem !important;
  }
  .mr-16 {
    margin-right: 1rem !important;
  }
  .mr-20 {
    margin-right: 1.25rem !important;
  }
  .mr-24 {
    margin-right: 1.5rem !important;
  }
  .mr-28 {
    margin-right: 1.75rem !important;
  }
  .mr-32 {
    margin-right: 2rem !important;
  }
  .mr-36 {
    margin-right: 2.25rem !important;
  }
  .mr-40 {
    margin-right: 2.5rem !important;
  }
}
/* Small devices (sm: 480px - 767px) - 50% of medium */
@media (min-width: 480px) and (max-width: 767px) {
  .mr-0-5 {
    margin-right: 0.0625rem !important;
  }
  .mr-1 {
    margin-right: 0.125rem !important;
  }
  .mr-1-5 {
    margin-right: 0.1875rem !important;
  }
  .mr-2 {
    margin-right: 0.25rem !important;
  }
  .mr-2-5 {
    margin-right: 0.3125rem !important;
  }
  .mr-3 {
    margin-right: 0.375rem !important;
  }
  .mr-3-5 {
    margin-right: 0.4375rem !important;
  }
  .mr-4 {
    margin-right: 0.5rem !important;
  }
  .mr-5 {
    margin-right: 0.625rem !important;
  }
  .mr-6 {
    margin-right: 0.75rem !important;
  }
  .mr-7 {
    margin-right: 0.875rem !important;
  }
  .mr-8 {
    margin-right: 1rem !important;
  }
  .mr-9 {
    margin-right: 1.125rem !important;
  }
  .mr-10 {
    margin-right: 1.25rem !important;
  }
  .mr-11 {
    margin-right: 1.375rem !important;
  }
  .mr-12 {
    margin-right: 1.5rem !important;
  }
  .mr-14 {
    margin-right: 1.75rem !important;
  }
  .mr-16 {
    margin-right: 2rem !important;
  }
  .mr-20 {
    margin-right: 2.5rem !important;
  }
  .mr-24 {
    margin-right: 3rem !important;
  }
  .mr-28 {
    margin-right: 3.5rem !important;
  }
  .mr-32 {
    margin-right: 4rem !important;
  }
  .mr-36 {
    margin-right: 4.5rem !important;
  }
  .mr-40 {
    margin-right: 5rem !important;
  }
}
/* Medium devices (md: 768px - 1023px) - base scale */
@media (min-width: 768px) and (max-width: 1023px) {
  .mr-0-5 {
    margin-right: 0.125rem !important;
  }
  .mr-1 {
    margin-right: 0.25rem !important;
  }
  .mr-1-5 {
    margin-right: 0.375rem !important;
  }
  .mr-2 {
    margin-right: 0.5rem !important;
  }
  .mr-2-5 {
    margin-right: 0.625rem !important;
  }
  .mr-3 {
    margin-right: 0.75rem !important;
  }
  .mr-3-5 {
    margin-right: 0.875rem !important;
  }
  .mr-4 {
    margin-right: 1rem !important;
  }
  .mr-5 {
    margin-right: 1.25rem !important;
  }
  .mr-6 {
    margin-right: 1.5rem !important;
  }
  .mr-7 {
    margin-right: 1.75rem !important;
  }
  .mr-8 {
    margin-right: 2rem !important;
  }
  .mr-9 {
    margin-right: 2.25rem !important;
  }
  .mr-10 {
    margin-right: 2.5rem !important;
  }
  .mr-11 {
    margin-right: 2.75rem !important;
  }
  .mr-12 {
    margin-right: 3rem !important;
  }
  .mr-14 {
    margin-right: 3.5rem !important;
  }
  .mr-16 {
    margin-right: 4rem !important;
  }
  .mr-20 {
    margin-right: 5rem !important;
  }
  .mr-24 {
    margin-right: 6rem !important;
  }
  .mr-28 {
    margin-right: 7rem !important;
  }
  .mr-32 {
    margin-right: 8rem !important;
  }
  .mr-36 {
    margin-right: 9rem !important;
  }
  .mr-40 {
    margin-right: 10rem !important;
  }
}
/* Large devices (lg: 1024px - 1279px) - 150% of medium */
@media (min-width: 1024px) and (max-width: 1279px) {
  .mr-0-5 {
    margin-right: 0.1875rem !important;
  }
  .mr-1 {
    margin-right: 0.375rem !important;
  }
  .mr-1-5 {
    margin-right: 0.5625rem !important;
  }
  .mr-2 {
    margin-right: 0.75rem !important;
  }
  .mr-2-5 {
    margin-right: 0.9375rem !important;
  }
  .mr-3 {
    margin-right: 1.125rem !important;
  }
  .mr-3-5 {
    margin-right: 1.3125rem !important;
  }
  .mr-4 {
    margin-right: 1.5rem !important;
  }
  .mr-5 {
    margin-right: 1.875rem !important;
  }
  .mr-6 {
    margin-right: 2.25rem !important;
  }
  .mr-7 {
    margin-right: 2.625rem !important;
  }
  .mr-8 {
    margin-right: 3rem !important;
  }
  .mr-9 {
    margin-right: 3.375rem !important;
  }
  .mr-10 {
    margin-right: 3.75rem !important;
  }
  .mr-11 {
    margin-right: 4.125rem !important;
  }
  .mr-12 {
    margin-right: 4.5rem !important;
  }
  .mr-14 {
    margin-right: 5.25rem !important;
  }
  .mr-16 {
    margin-right: 6rem !important;
  }
  .mr-20 {
    margin-right: 7.5rem !important;
  }
  .mr-24 {
    margin-right: 9rem !important;
  }
  .mr-28 {
    margin-right: 10.5rem !important;
  }
  .mr-32 {
    margin-right: 12rem !important;
  }
  .mr-36 {
    margin-right: 13.5rem !important;
  }
  .mr-40 {
    margin-right: 15rem !important;
  }
}
/* Extra large devices (xl: 1280px - 1535px) - 200% of medium */
@media (min-width: 1280px) and (max-width: 1535px) {
  .mr-0-5 {
    margin-right: 0.25rem !important;
  }
  .mr-1 {
    margin-right: 0.5rem !important;
  }
  .mr-1-5 {
    margin-right: 0.75rem !important;
  }
  .mr-2 {
    margin-right: 1rem !important;
  }
  .mr-2-5 {
    margin-right: 1.25rem !important;
  }
  .mr-3 {
    margin-right: 1.5rem !important;
  }
  .mr-3-5 {
    margin-right: 1.75rem !important;
  }
  .mr-4 {
    margin-right: 2rem !important;
  }
  .mr-5 {
    margin-right: 2.5rem !important;
  }
  .mr-6 {
    margin-right: 3rem !important;
  }
  .mr-7 {
    margin-right: 3.5rem !important;
  }
  .mr-8 {
    margin-right: 4rem !important;
  }
  .mr-9 {
    margin-right: 4.5rem !important;
  }
  .mr-10 {
    margin-right: 5rem !important;
  }
  .mr-11 {
    margin-right: 5.5rem !important;
  }
  .mr-12 {
    margin-right: 6rem !important;
  }
  .mr-14 {
    margin-right: 7rem !important;
  }
  .mr-16 {
    margin-right: 8rem !important;
  }
  .mr-20 {
    margin-right: 10rem !important;
  }
  .mr-24 {
    margin-right: 12rem !important;
  }
  .mr-28 {
    margin-right: 14rem !important;
  }
  .mr-32 {
    margin-right: 16rem !important;
  }
  .mr-36 {
    margin-right: 18rem !important;
  }
  .mr-40 {
    margin-right: 20rem !important;
  }
}
/* Extra extra large devices (xxl: >= 1536px) - 300% of medium */
@media (min-width: 1536px) {
  .mr-0-5 {
    margin-right: 0.375rem !important;
  }
  .mr-1 {
    margin-right: 0.75rem !important;
  }
  .mr-1-5 {
    margin-right: 1.125rem !important;
  }
  .mr-2 {
    margin-right: 1.5rem !important;
  }
  .mr-2-5 {
    margin-right: 1.875rem !important;
  }
  .mr-3 {
    margin-right: 2.25rem !important;
  }
  .mr-3-5 {
    margin-right: 2.625rem !important;
  }
  .mr-4 {
    margin-right: 3rem !important;
  }
  .mr-5 {
    margin-right: 3.75rem !important;
  }
  .mr-6 {
    margin-right: 4.5rem !important;
  }
  .mr-7 {
    margin-right: 5.25rem !important;
  }
  .mr-8 {
    margin-right: 6rem !important;
  }
  .mr-9 {
    margin-right: 6.75rem !important;
  }
  .mr-10 {
    margin-right: 7.5rem !important;
  }
  .mr-11 {
    margin-right: 8.25rem !important;
  }
  .mr-12 {
    margin-right: 9rem !important;
  }
  .mr-14 {
    margin-right: 10.5rem !important;
  }
  .mr-16 {
    margin-right: 12rem !important;
  }
  .mr-20 {
    margin-right: 15rem !important;
  }
  .mr-24 {
    margin-right: 18rem !important;
  }
  .mr-28 {
    margin-right: 21rem !important;
  }
  .mr-32 {
    margin-right: 24rem !important;
  }
  .mr-36 {
    margin-right: 27rem !important;
  }
  .mr-40 {
    margin-right: 30rem !important;
  }
}
.mx-0-5 {
  margin-left: 0.125rem !important;
}
.mx-1 {
  margin-left: 0.25rem !important;
}
.mx-1-5 {
  margin-left: 0.375rem !important;
}
.mx-2 {
  margin-left: 0.5rem !important;
}
.mx-2-5 {
  margin-left: 0.625rem !important;
}
.mx-3 {
  margin-left: 0.75rem !important;
}
.mx-3-5 {
  margin-left: 0.875rem !important;
}
.mx-4 {
  margin-left: 1rem !important;
}
.mx-5 {
  margin-left: 1.25rem !important;
}
.mx-6 {
  margin-left: 1.5rem !important;
}
.mx-7 {
  margin-left: 1.75rem !important;
}
.mx-8 {
  margin-left: 2rem !important;
}
.mx-9 {
  margin-left: 2.25rem !important;
}
.mx-10 {
  margin-left: 2.5rem !important;
}
.mx-11 {
  margin-left: 2.75rem !important;
}
.mx-12 {
  margin-left: 3rem !important;
}
.mx-14 {
  margin-left: 3.5rem !important;
}
.mx-16 {
  margin-left: 4rem !important;
}
.mx-20 {
  margin-left: 5rem !important;
}
.mx-24 {
  margin-left: 6rem !important;
}
.mx-28 {
  margin-left: 7rem !important;
}
.mx-32 {
  margin-left: 8rem !important;
}
.mx-36 {
  margin-left: 9rem !important;
}
.mx-40 {
  margin-left: 10rem !important;
}
/* Extra small devices (xs: max-width: 479px) - 25% of medium */
@media (max-width: 479px) {
  .mx-0-5 {
    margin-left: 0.03125rem !important;
  }
  .mx-1 {
    margin-left: 0.0625rem !important;
  }
  .mx-1-5 {
    margin-left: 0.09375rem !important;
  }
  .mx-2 {
    margin-left: 0.125rem !important;
  }
  .mx-2-5 {
    margin-left: 0.15625rem !important;
  }
  .mx-3 {
    margin-left: 0.1875rem !important;
  }
  .mx-3-5 {
    margin-left: 0.21875rem !important;
  }
  .mx-4 {
    margin-left: 0.25rem !important;
  }
  .mx-5 {
    margin-left: 0.3125rem !important;
  }
  .mx-6 {
    margin-left: 0.375rem !important;
  }
  .mx-7 {
    margin-left: 0.4375rem !important;
  }
  .mx-8 {
    margin-left: 0.5rem !important;
  }
  .mx-9 {
    margin-left: 0.5625rem !important;
  }
  .mx-10 {
    margin-left: 0.625rem !important;
  }
  .mx-11 {
    margin-left: 0.6875rem !important;
  }
  .mx-12 {
    margin-left: 0.75rem !important;
  }
  .mx-14 {
    margin-left: 0.875rem !important;
  }
  .mx-16 {
    margin-left: 1rem !important;
  }
  .mx-20 {
    margin-left: 1.25rem !important;
  }
  .mx-24 {
    margin-left: 1.5rem !important;
  }
  .mx-28 {
    margin-left: 1.75rem !important;
  }
  .mx-32 {
    margin-left: 2rem !important;
  }
  .mx-36 {
    margin-left: 2.25rem !important;
  }
  .mx-40 {
    margin-left: 2.5rem !important;
  }
}
/* Small devices (sm: 480px - 767px) - 50% of medium */
@media (min-width: 480px) and (max-width: 767px) {
  .mx-0-5 {
    margin-left: 0.0625rem !important;
  }
  .mx-1 {
    margin-left: 0.125rem !important;
  }
  .mx-1-5 {
    margin-left: 0.1875rem !important;
  }
  .mx-2 {
    margin-left: 0.25rem !important;
  }
  .mx-2-5 {
    margin-left: 0.3125rem !important;
  }
  .mx-3 {
    margin-left: 0.375rem !important;
  }
  .mx-3-5 {
    margin-left: 0.4375rem !important;
  }
  .mx-4 {
    margin-left: 0.5rem !important;
  }
  .mx-5 {
    margin-left: 0.625rem !important;
  }
  .mx-6 {
    margin-left: 0.75rem !important;
  }
  .mx-7 {
    margin-left: 0.875rem !important;
  }
  .mx-8 {
    margin-left: 1rem !important;
  }
  .mx-9 {
    margin-left: 1.125rem !important;
  }
  .mx-10 {
    margin-left: 1.25rem !important;
  }
  .mx-11 {
    margin-left: 1.375rem !important;
  }
  .mx-12 {
    margin-left: 1.5rem !important;
  }
  .mx-14 {
    margin-left: 1.75rem !important;
  }
  .mx-16 {
    margin-left: 2rem !important;
  }
  .mx-20 {
    margin-left: 2.5rem !important;
  }
  .mx-24 {
    margin-left: 3rem !important;
  }
  .mx-28 {
    margin-left: 3.5rem !important;
  }
  .mx-32 {
    margin-left: 4rem !important;
  }
  .mx-36 {
    margin-left: 4.5rem !important;
  }
  .mx-40 {
    margin-left: 5rem !important;
  }
}
/* Medium devices (md: 768px - 1023px) - base scale */
@media (min-width: 768px) and (max-width: 1023px) {
  .mx-0-5 {
    margin-left: 0.125rem !important;
  }
  .mx-1 {
    margin-left: 0.25rem !important;
  }
  .mx-1-5 {
    margin-left: 0.375rem !important;
  }
  .mx-2 {
    margin-left: 0.5rem !important;
  }
  .mx-2-5 {
    margin-left: 0.625rem !important;
  }
  .mx-3 {
    margin-left: 0.75rem !important;
  }
  .mx-3-5 {
    margin-left: 0.875rem !important;
  }
  .mx-4 {
    margin-left: 1rem !important;
  }
  .mx-5 {
    margin-left: 1.25rem !important;
  }
  .mx-6 {
    margin-left: 1.5rem !important;
  }
  .mx-7 {
    margin-left: 1.75rem !important;
  }
  .mx-8 {
    margin-left: 2rem !important;
  }
  .mx-9 {
    margin-left: 2.25rem !important;
  }
  .mx-10 {
    margin-left: 2.5rem !important;
  }
  .mx-11 {
    margin-left: 2.75rem !important;
  }
  .mx-12 {
    margin-left: 3rem !important;
  }
  .mx-14 {
    margin-left: 3.5rem !important;
  }
  .mx-16 {
    margin-left: 4rem !important;
  }
  .mx-20 {
    margin-left: 5rem !important;
  }
  .mx-24 {
    margin-left: 6rem !important;
  }
  .mx-28 {
    margin-left: 7rem !important;
  }
  .mx-32 {
    margin-left: 8rem !important;
  }
  .mx-36 {
    margin-left: 9rem !important;
  }
  .mx-40 {
    margin-left: 10rem !important;
  }
}
/* Large devices (lg: 1024px - 1279px) - 150% of medium */
@media (min-width: 1024px) and (max-width: 1279px) {
  .mx-0-5 {
    margin-left: 0.1875rem !important;
  }
  .mx-1 {
    margin-left: 0.375rem !important;
  }
  .mx-1-5 {
    margin-left: 0.5625rem !important;
  }
  .mx-2 {
    margin-left: 0.75rem !important;
  }
  .mx-2-5 {
    margin-left: 0.9375rem !important;
  }
  .mx-3 {
    margin-left: 1.125rem !important;
  }
  .mx-3-5 {
    margin-left: 1.3125rem !important;
  }
  .mx-4 {
    margin-left: 1.5rem !important;
  }
  .mx-5 {
    margin-left: 1.875rem !important;
  }
  .mx-6 {
    margin-left: 2.25rem !important;
  }
  .mx-7 {
    margin-left: 2.625rem !important;
  }
  .mx-8 {
    margin-left: 3rem !important;
  }
  .mx-9 {
    margin-left: 3.375rem !important;
  }
  .mx-10 {
    margin-left: 3.75rem !important;
  }
  .mx-11 {
    margin-left: 4.125rem !important;
  }
  .mx-12 {
    margin-left: 4.5rem !important;
  }
  .mx-14 {
    margin-left: 5.25rem !important;
  }
  .mx-16 {
    margin-left: 6rem !important;
  }
  .mx-20 {
    margin-left: 7.5rem !important;
  }
  .mx-24 {
    margin-left: 9rem !important;
  }
  .mx-28 {
    margin-left: 10.5rem !important;
  }
  .mx-32 {
    margin-left: 12rem !important;
  }
  .mx-36 {
    margin-left: 13.5rem !important;
  }
  .mx-40 {
    margin-left: 15rem !important;
  }
}
/* Extra large devices (xl: 1280px - 1535px) - 200% of medium */
@media (min-width: 1280px) and (max-width: 1535px) {
  .mx-0-5 {
    margin-left: 0.25rem !important;
  }
  .mx-1 {
    margin-left: 0.5rem !important;
  }
  .mx-1-5 {
    margin-left: 0.75rem !important;
  }
  .mx-2 {
    margin-left: 1rem !important;
  }
  .mx-2-5 {
    margin-left: 1.25rem !important;
  }
  .mx-3 {
    margin-left: 1.5rem !important;
  }
  .mx-3-5 {
    margin-left: 1.75rem !important;
  }
  .mx-4 {
    margin-left: 2rem !important;
  }
  .mx-5 {
    margin-left: 2.5rem !important;
  }
  .mx-6 {
    margin-left: 3rem !important;
  }
  .mx-7 {
    margin-left: 3.5rem !important;
  }
  .mx-8 {
    margin-left: 4rem !important;
  }
  .mx-9 {
    margin-left: 4.5rem !important;
  }
  .mx-10 {
    margin-left: 5rem !important;
  }
  .mx-11 {
    margin-left: 5.5rem !important;
  }
  .mx-12 {
    margin-left: 6rem !important;
  }
  .mx-14 {
    margin-left: 7rem !important;
  }
  .mx-16 {
    margin-left: 8rem !important;
  }
  .mx-20 {
    margin-left: 10rem !important;
  }
  .mx-24 {
    margin-left: 12rem !important;
  }
  .mx-28 {
    margin-left: 14rem !important;
  }
  .mx-32 {
    margin-left: 16rem !important;
  }
  .mx-36 {
    margin-left: 18rem !important;
  }
  .mx-40 {
    margin-left: 20rem !important;
  }
}
/* Extra extra large devices (xxl: >= 1536px) - 300% of medium */
@media (min-width: 1536px) {
  .mx-0-5 {
    margin-left: 0.375rem !important;
  }
  .mx-1 {
    margin-left: 0.75rem !important;
  }
  .mx-1-5 {
    margin-left: 1.125rem !important;
  }
  .mx-2 {
    margin-left: 1.5rem !important;
  }
  .mx-2-5 {
    margin-left: 1.875rem !important;
  }
  .mx-3 {
    margin-left: 2.25rem !important;
  }
  .mx-3-5 {
    margin-left: 2.625rem !important;
  }
  .mx-4 {
    margin-left: 3rem !important;
  }
  .mx-5 {
    margin-left: 3.75rem !important;
  }
  .mx-6 {
    margin-left: 4.5rem !important;
  }
  .mx-7 {
    margin-left: 5.25rem !important;
  }
  .mx-8 {
    margin-left: 6rem !important;
  }
  .mx-9 {
    margin-left: 6.75rem !important;
  }
  .mx-10 {
    margin-left: 7.5rem !important;
  }
  .mx-11 {
    margin-left: 8.25rem !important;
  }
  .mx-12 {
    margin-left: 9rem !important;
  }
  .mx-14 {
    margin-left: 10.5rem !important;
  }
  .mx-16 {
    margin-left: 12rem !important;
  }
  .mx-20 {
    margin-left: 15rem !important;
  }
  .mx-24 {
    margin-left: 18rem !important;
  }
  .mx-28 {
    margin-left: 21rem !important;
  }
  .mx-32 {
    margin-left: 24rem !important;
  }
  .mx-36 {
    margin-left: 27rem !important;
  }
  .mx-40 {
    margin-left: 30rem !important;
  }
}
.mx-0-5 {
  margin-right: 0.125rem !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
}
.mx-1-5 {
  margin-right: 0.375rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
}
.mx-2-5 {
  margin-right: 0.625rem !important;
}
.mx-3 {
  margin-right: 0.75rem !important;
}
.mx-3-5 {
  margin-right: 0.875rem !important;
}
.mx-4 {
  margin-right: 1rem !important;
}
.mx-5 {
  margin-right: 1.25rem !important;
}
.mx-6 {
  margin-right: 1.5rem !important;
}
.mx-7 {
  margin-right: 1.75rem !important;
}
.mx-8 {
  margin-right: 2rem !important;
}
.mx-9 {
  margin-right: 2.25rem !important;
}
.mx-10 {
  margin-right: 2.5rem !important;
}
.mx-11 {
  margin-right: 2.75rem !important;
}
.mx-12 {
  margin-right: 3rem !important;
}
.mx-14 {
  margin-right: 3.5rem !important;
}
.mx-16 {
  margin-right: 4rem !important;
}
.mx-20 {
  margin-right: 5rem !important;
}
.mx-24 {
  margin-right: 6rem !important;
}
.mx-28 {
  margin-right: 7rem !important;
}
.mx-32 {
  margin-right: 8rem !important;
}
.mx-36 {
  margin-right: 9rem !important;
}
.mx-40 {
  margin-right: 10rem !important;
}
/* Extra small devices (xs: max-width: 479px) - 25% of medium */
@media (max-width: 479px) {
  .mx-0-5 {
    margin-right: 0.03125rem !important;
  }
  .mx-1 {
    margin-right: 0.0625rem !important;
  }
  .mx-1-5 {
    margin-right: 0.09375rem !important;
  }
  .mx-2 {
    margin-right: 0.125rem !important;
  }
  .mx-2-5 {
    margin-right: 0.15625rem !important;
  }
  .mx-3 {
    margin-right: 0.1875rem !important;
  }
  .mx-3-5 {
    margin-right: 0.21875rem !important;
  }
  .mx-4 {
    margin-right: 0.25rem !important;
  }
  .mx-5 {
    margin-right: 0.3125rem !important;
  }
  .mx-6 {
    margin-right: 0.375rem !important;
  }
  .mx-7 {
    margin-right: 0.4375rem !important;
  }
  .mx-8 {
    margin-right: 0.5rem !important;
  }
  .mx-9 {
    margin-right: 0.5625rem !important;
  }
  .mx-10 {
    margin-right: 0.625rem !important;
  }
  .mx-11 {
    margin-right: 0.6875rem !important;
  }
  .mx-12 {
    margin-right: 0.75rem !important;
  }
  .mx-14 {
    margin-right: 0.875rem !important;
  }
  .mx-16 {
    margin-right: 1rem !important;
  }
  .mx-20 {
    margin-right: 1.25rem !important;
  }
  .mx-24 {
    margin-right: 1.5rem !important;
  }
  .mx-28 {
    margin-right: 1.75rem !important;
  }
  .mx-32 {
    margin-right: 2rem !important;
  }
  .mx-36 {
    margin-right: 2.25rem !important;
  }
  .mx-40 {
    margin-right: 2.5rem !important;
  }
}
/* Small devices (sm: 480px - 767px) - 50% of medium */
@media (min-width: 480px) and (max-width: 767px) {
  .mx-0-5 {
    margin-right: 0.0625rem !important;
  }
  .mx-1 {
    margin-right: 0.125rem !important;
  }
  .mx-1-5 {
    margin-right: 0.1875rem !important;
  }
  .mx-2 {
    margin-right: 0.25rem !important;
  }
  .mx-2-5 {
    margin-right: 0.3125rem !important;
  }
  .mx-3 {
    margin-right: 0.375rem !important;
  }
  .mx-3-5 {
    margin-right: 0.4375rem !important;
  }
  .mx-4 {
    margin-right: 0.5rem !important;
  }
  .mx-5 {
    margin-right: 0.625rem !important;
  }
  .mx-6 {
    margin-right: 0.75rem !important;
  }
  .mx-7 {
    margin-right: 0.875rem !important;
  }
  .mx-8 {
    margin-right: 1rem !important;
  }
  .mx-9 {
    margin-right: 1.125rem !important;
  }
  .mx-10 {
    margin-right: 1.25rem !important;
  }
  .mx-11 {
    margin-right: 1.375rem !important;
  }
  .mx-12 {
    margin-right: 1.5rem !important;
  }
  .mx-14 {
    margin-right: 1.75rem !important;
  }
  .mx-16 {
    margin-right: 2rem !important;
  }
  .mx-20 {
    margin-right: 2.5rem !important;
  }
  .mx-24 {
    margin-right: 3rem !important;
  }
  .mx-28 {
    margin-right: 3.5rem !important;
  }
  .mx-32 {
    margin-right: 4rem !important;
  }
  .mx-36 {
    margin-right: 4.5rem !important;
  }
  .mx-40 {
    margin-right: 5rem !important;
  }
}
/* Medium devices (md: 768px - 1023px) - base scale */
@media (min-width: 768px) and (max-width: 1023px) {
  .mx-0-5 {
    margin-right: 0.125rem !important;
  }
  .mx-1 {
    margin-right: 0.25rem !important;
  }
  .mx-1-5 {
    margin-right: 0.375rem !important;
  }
  .mx-2 {
    margin-right: 0.5rem !important;
  }
  .mx-2-5 {
    margin-right: 0.625rem !important;
  }
  .mx-3 {
    margin-right: 0.75rem !important;
  }
  .mx-3-5 {
    margin-right: 0.875rem !important;
  }
  .mx-4 {
    margin-right: 1rem !important;
  }
  .mx-5 {
    margin-right: 1.25rem !important;
  }
  .mx-6 {
    margin-right: 1.5rem !important;
  }
  .mx-7 {
    margin-right: 1.75rem !important;
  }
  .mx-8 {
    margin-right: 2rem !important;
  }
  .mx-9 {
    margin-right: 2.25rem !important;
  }
  .mx-10 {
    margin-right: 2.5rem !important;
  }
  .mx-11 {
    margin-right: 2.75rem !important;
  }
  .mx-12 {
    margin-right: 3rem !important;
  }
  .mx-14 {
    margin-right: 3.5rem !important;
  }
  .mx-16 {
    margin-right: 4rem !important;
  }
  .mx-20 {
    margin-right: 5rem !important;
  }
  .mx-24 {
    margin-right: 6rem !important;
  }
  .mx-28 {
    margin-right: 7rem !important;
  }
  .mx-32 {
    margin-right: 8rem !important;
  }
  .mx-36 {
    margin-right: 9rem !important;
  }
  .mx-40 {
    margin-right: 10rem !important;
  }
}
/* Large devices (lg: 1024px - 1279px) - 150% of medium */
@media (min-width: 1024px) and (max-width: 1279px) {
  .mx-0-5 {
    margin-right: 0.1875rem !important;
  }
  .mx-1 {
    margin-right: 0.375rem !important;
  }
  .mx-1-5 {
    margin-right: 0.5625rem !important;
  }
  .mx-2 {
    margin-right: 0.75rem !important;
  }
  .mx-2-5 {
    margin-right: 0.9375rem !important;
  }
  .mx-3 {
    margin-right: 1.125rem !important;
  }
  .mx-3-5 {
    margin-right: 1.3125rem !important;
  }
  .mx-4 {
    margin-right: 1.5rem !important;
  }
  .mx-5 {
    margin-right: 1.875rem !important;
  }
  .mx-6 {
    margin-right: 2.25rem !important;
  }
  .mx-7 {
    margin-right: 2.625rem !important;
  }
  .mx-8 {
    margin-right: 3rem !important;
  }
  .mx-9 {
    margin-right: 3.375rem !important;
  }
  .mx-10 {
    margin-right: 3.75rem !important;
  }
  .mx-11 {
    margin-right: 4.125rem !important;
  }
  .mx-12 {
    margin-right: 4.5rem !important;
  }
  .mx-14 {
    margin-right: 5.25rem !important;
  }
  .mx-16 {
    margin-right: 6rem !important;
  }
  .mx-20 {
    margin-right: 7.5rem !important;
  }
  .mx-24 {
    margin-right: 9rem !important;
  }
  .mx-28 {
    margin-right: 10.5rem !important;
  }
  .mx-32 {
    margin-right: 12rem !important;
  }
  .mx-36 {
    margin-right: 13.5rem !important;
  }
  .mx-40 {
    margin-right: 15rem !important;
  }
}
/* Extra large devices (xl: 1280px - 1535px) - 200% of medium */
@media (min-width: 1280px) and (max-width: 1535px) {
  .mx-0-5 {
    margin-right: 0.25rem !important;
  }
  .mx-1 {
    margin-right: 0.5rem !important;
  }
  .mx-1-5 {
    margin-right: 0.75rem !important;
  }
  .mx-2 {
    margin-right: 1rem !important;
  }
  .mx-2-5 {
    margin-right: 1.25rem !important;
  }
  .mx-3 {
    margin-right: 1.5rem !important;
  }
  .mx-3-5 {
    margin-right: 1.75rem !important;
  }
  .mx-4 {
    margin-right: 2rem !important;
  }
  .mx-5 {
    margin-right: 2.5rem !important;
  }
  .mx-6 {
    margin-right: 3rem !important;
  }
  .mx-7 {
    margin-right: 3.5rem !important;
  }
  .mx-8 {
    margin-right: 4rem !important;
  }
  .mx-9 {
    margin-right: 4.5rem !important;
  }
  .mx-10 {
    margin-right: 5rem !important;
  }
  .mx-11 {
    margin-right: 5.5rem !important;
  }
  .mx-12 {
    margin-right: 6rem !important;
  }
  .mx-14 {
    margin-right: 7rem !important;
  }
  .mx-16 {
    margin-right: 8rem !important;
  }
  .mx-20 {
    margin-right: 10rem !important;
  }
  .mx-24 {
    margin-right: 12rem !important;
  }
  .mx-28 {
    margin-right: 14rem !important;
  }
  .mx-32 {
    margin-right: 16rem !important;
  }
  .mx-36 {
    margin-right: 18rem !important;
  }
  .mx-40 {
    margin-right: 20rem !important;
  }
}
/* Extra extra large devices (xxl: >= 1536px) - 300% of medium */
@media (min-width: 1536px) {
  .mx-0-5 {
    margin-right: 0.375rem !important;
  }
  .mx-1 {
    margin-right: 0.75rem !important;
  }
  .mx-1-5 {
    margin-right: 1.125rem !important;
  }
  .mx-2 {
    margin-right: 1.5rem !important;
  }
  .mx-2-5 {
    margin-right: 1.875rem !important;
  }
  .mx-3 {
    margin-right: 2.25rem !important;
  }
  .mx-3-5 {
    margin-right: 2.625rem !important;
  }
  .mx-4 {
    margin-right: 3rem !important;
  }
  .mx-5 {
    margin-right: 3.75rem !important;
  }
  .mx-6 {
    margin-right: 4.5rem !important;
  }
  .mx-7 {
    margin-right: 5.25rem !important;
  }
  .mx-8 {
    margin-right: 6rem !important;
  }
  .mx-9 {
    margin-right: 6.75rem !important;
  }
  .mx-10 {
    margin-right: 7.5rem !important;
  }
  .mx-11 {
    margin-right: 8.25rem !important;
  }
  .mx-12 {
    margin-right: 9rem !important;
  }
  .mx-14 {
    margin-right: 10.5rem !important;
  }
  .mx-16 {
    margin-right: 12rem !important;
  }
  .mx-20 {
    margin-right: 15rem !important;
  }
  .mx-24 {
    margin-right: 18rem !important;
  }
  .mx-28 {
    margin-right: 21rem !important;
  }
  .mx-32 {
    margin-right: 24rem !important;
  }
  .mx-36 {
    margin-right: 27rem !important;
  }
  .mx-40 {
    margin-right: 30rem !important;
  }
}
.my-0-5 {
  margin-top: 0.125rem !important;
}
.my-1 {
  margin-top: 0.25rem !important;
}
.my-1-5 {
  margin-top: 0.375rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
}
.my-2-5 {
  margin-top: 0.625rem !important;
}
.my-3 {
  margin-top: 0.75rem !important;
}
.my-3-5 {
  margin-top: 0.875rem !important;
}
.my-4 {
  margin-top: 1rem !important;
}
.my-5 {
  margin-top: 1.25rem !important;
}
.my-6 {
  margin-top: 1.5rem !important;
}
.my-7 {
  margin-top: 1.75rem !important;
}
.my-8 {
  margin-top: 2rem !important;
}
.my-9 {
  margin-top: 2.25rem !important;
}
.my-10 {
  margin-top: 2.5rem !important;
}
.my-11 {
  margin-top: 2.75rem !important;
}
.my-12 {
  margin-top: 3rem !important;
}
.my-14 {
  margin-top: 3.5rem !important;
}
.my-16 {
  margin-top: 4rem !important;
}
.my-20 {
  margin-top: 5rem !important;
}
.my-24 {
  margin-top: 6rem !important;
}
.my-28 {
  margin-top: 7rem !important;
}
.my-32 {
  margin-top: 8rem !important;
}
.my-36 {
  margin-top: 9rem !important;
}
.my-40 {
  margin-top: 10rem !important;
}
/* Extra small devices (xs: max-width: 479px) - 25% of medium */
@media (max-width: 479px) {
  .my-0-5 {
    margin-top: 0.03125rem !important;
  }
  .my-1 {
    margin-top: 0.0625rem !important;
  }
  .my-1-5 {
    margin-top: 0.09375rem !important;
  }
  .my-2 {
    margin-top: 0.125rem !important;
  }
  .my-2-5 {
    margin-top: 0.15625rem !important;
  }
  .my-3 {
    margin-top: 0.1875rem !important;
  }
  .my-3-5 {
    margin-top: 0.21875rem !important;
  }
  .my-4 {
    margin-top: 0.25rem !important;
  }
  .my-5 {
    margin-top: 0.3125rem !important;
  }
  .my-6 {
    margin-top: 0.375rem !important;
  }
  .my-7 {
    margin-top: 0.4375rem !important;
  }
  .my-8 {
    margin-top: 0.5rem !important;
  }
  .my-9 {
    margin-top: 0.5625rem !important;
  }
  .my-10 {
    margin-top: 0.625rem !important;
  }
  .my-11 {
    margin-top: 0.6875rem !important;
  }
  .my-12 {
    margin-top: 0.75rem !important;
  }
  .my-14 {
    margin-top: 0.875rem !important;
  }
  .my-16 {
    margin-top: 1rem !important;
  }
  .my-20 {
    margin-top: 1.25rem !important;
  }
  .my-24 {
    margin-top: 1.5rem !important;
  }
  .my-28 {
    margin-top: 1.75rem !important;
  }
  .my-32 {
    margin-top: 2rem !important;
  }
  .my-36 {
    margin-top: 2.25rem !important;
  }
  .my-40 {
    margin-top: 2.5rem !important;
  }
}
/* Small devices (sm: 480px - 767px) - 50% of medium */
@media (min-width: 480px) and (max-width: 767px) {
  .my-0-5 {
    margin-top: 0.0625rem !important;
  }
  .my-1 {
    margin-top: 0.125rem !important;
  }
  .my-1-5 {
    margin-top: 0.1875rem !important;
  }
  .my-2 {
    margin-top: 0.25rem !important;
  }
  .my-2-5 {
    margin-top: 0.3125rem !important;
  }
  .my-3 {
    margin-top: 0.375rem !important;
  }
  .my-3-5 {
    margin-top: 0.4375rem !important;
  }
  .my-4 {
    margin-top: 0.5rem !important;
  }
  .my-5 {
    margin-top: 0.625rem !important;
  }
  .my-6 {
    margin-top: 0.75rem !important;
  }
  .my-7 {
    margin-top: 0.875rem !important;
  }
  .my-8 {
    margin-top: 1rem !important;
  }
  .my-9 {
    margin-top: 1.125rem !important;
  }
  .my-10 {
    margin-top: 1.25rem !important;
  }
  .my-11 {
    margin-top: 1.375rem !important;
  }
  .my-12 {
    margin-top: 1.5rem !important;
  }
  .my-14 {
    margin-top: 1.75rem !important;
  }
  .my-16 {
    margin-top: 2rem !important;
  }
  .my-20 {
    margin-top: 2.5rem !important;
  }
  .my-24 {
    margin-top: 3rem !important;
  }
  .my-28 {
    margin-top: 3.5rem !important;
  }
  .my-32 {
    margin-top: 4rem !important;
  }
  .my-36 {
    margin-top: 4.5rem !important;
  }
  .my-40 {
    margin-top: 5rem !important;
  }
}
/* Medium devices (md: 768px - 1023px) - base scale */
@media (min-width: 768px) and (max-width: 1023px) {
  .my-0-5 {
    margin-top: 0.125rem !important;
  }
  .my-1 {
    margin-top: 0.25rem !important;
  }
  .my-1-5 {
    margin-top: 0.375rem !important;
  }
  .my-2 {
    margin-top: 0.5rem !important;
  }
  .my-2-5 {
    margin-top: 0.625rem !important;
  }
  .my-3 {
    margin-top: 0.75rem !important;
  }
  .my-3-5 {
    margin-top: 0.875rem !important;
  }
  .my-4 {
    margin-top: 1rem !important;
  }
  .my-5 {
    margin-top: 1.25rem !important;
  }
  .my-6 {
    margin-top: 1.5rem !important;
  }
  .my-7 {
    margin-top: 1.75rem !important;
  }
  .my-8 {
    margin-top: 2rem !important;
  }
  .my-9 {
    margin-top: 2.25rem !important;
  }
  .my-10 {
    margin-top: 2.5rem !important;
  }
  .my-11 {
    margin-top: 2.75rem !important;
  }
  .my-12 {
    margin-top: 3rem !important;
  }
  .my-14 {
    margin-top: 3.5rem !important;
  }
  .my-16 {
    margin-top: 4rem !important;
  }
  .my-20 {
    margin-top: 5rem !important;
  }
  .my-24 {
    margin-top: 6rem !important;
  }
  .my-28 {
    margin-top: 7rem !important;
  }
  .my-32 {
    margin-top: 8rem !important;
  }
  .my-36 {
    margin-top: 9rem !important;
  }
  .my-40 {
    margin-top: 10rem !important;
  }
}
/* Large devices (lg: 1024px - 1279px) - 150% of medium */
@media (min-width: 1024px) and (max-width: 1279px) {
  .my-0-5 {
    margin-top: 0.1875rem !important;
  }
  .my-1 {
    margin-top: 0.375rem !important;
  }
  .my-1-5 {
    margin-top: 0.5625rem !important;
  }
  .my-2 {
    margin-top: 0.75rem !important;
  }
  .my-2-5 {
    margin-top: 0.9375rem !important;
  }
  .my-3 {
    margin-top: 1.125rem !important;
  }
  .my-3-5 {
    margin-top: 1.3125rem !important;
  }
  .my-4 {
    margin-top: 1.5rem !important;
  }
  .my-5 {
    margin-top: 1.875rem !important;
  }
  .my-6 {
    margin-top: 2.25rem !important;
  }
  .my-7 {
    margin-top: 2.625rem !important;
  }
  .my-8 {
    margin-top: 3rem !important;
  }
  .my-9 {
    margin-top: 3.375rem !important;
  }
  .my-10 {
    margin-top: 3.75rem !important;
  }
  .my-11 {
    margin-top: 4.125rem !important;
  }
  .my-12 {
    margin-top: 4.5rem !important;
  }
  .my-14 {
    margin-top: 5.25rem !important;
  }
  .my-16 {
    margin-top: 6rem !important;
  }
  .my-20 {
    margin-top: 7.5rem !important;
  }
  .my-24 {
    margin-top: 9rem !important;
  }
  .my-28 {
    margin-top: 10.5rem !important;
  }
  .my-32 {
    margin-top: 12rem !important;
  }
  .my-36 {
    margin-top: 13.5rem !important;
  }
  .my-40 {
    margin-top: 15rem !important;
  }
}
/* Extra large devices (xl: 1280px - 1535px) - 200% of medium */
@media (min-width: 1280px) and (max-width: 1535px) {
  .my-0-5 {
    margin-top: 0.25rem !important;
  }
  .my-1 {
    margin-top: 0.5rem !important;
  }
  .my-1-5 {
    margin-top: 0.75rem !important;
  }
  .my-2 {
    margin-top: 1rem !important;
  }
  .my-2-5 {
    margin-top: 1.25rem !important;
  }
  .my-3 {
    margin-top: 1.5rem !important;
  }
  .my-3-5 {
    margin-top: 1.75rem !important;
  }
  .my-4 {
    margin-top: 2rem !important;
  }
  .my-5 {
    margin-top: 2.5rem !important;
  }
  .my-6 {
    margin-top: 3rem !important;
  }
  .my-7 {
    margin-top: 3.5rem !important;
  }
  .my-8 {
    margin-top: 4rem !important;
  }
  .my-9 {
    margin-top: 4.5rem !important;
  }
  .my-10 {
    margin-top: 5rem !important;
  }
  .my-11 {
    margin-top: 5.5rem !important;
  }
  .my-12 {
    margin-top: 6rem !important;
  }
  .my-14 {
    margin-top: 7rem !important;
  }
  .my-16 {
    margin-top: 8rem !important;
  }
  .my-20 {
    margin-top: 10rem !important;
  }
  .my-24 {
    margin-top: 12rem !important;
  }
  .my-28 {
    margin-top: 14rem !important;
  }
  .my-32 {
    margin-top: 16rem !important;
  }
  .my-36 {
    margin-top: 18rem !important;
  }
  .my-40 {
    margin-top: 20rem !important;
  }
}
/* Extra extra large devices (xxl: >= 1536px) - 300% of medium */
@media (min-width: 1536px) {
  .my-0-5 {
    margin-top: 0.375rem !important;
  }
  .my-1 {
    margin-top: 0.75rem !important;
  }
  .my-1-5 {
    margin-top: 1.125rem !important;
  }
  .my-2 {
    margin-top: 1.5rem !important;
  }
  .my-2-5 {
    margin-top: 1.875rem !important;
  }
  .my-3 {
    margin-top: 2.25rem !important;
  }
  .my-3-5 {
    margin-top: 2.625rem !important;
  }
  .my-4 {
    margin-top: 3rem !important;
  }
  .my-5 {
    margin-top: 3.75rem !important;
  }
  .my-6 {
    margin-top: 4.5rem !important;
  }
  .my-7 {
    margin-top: 5.25rem !important;
  }
  .my-8 {
    margin-top: 6rem !important;
  }
  .my-9 {
    margin-top: 6.75rem !important;
  }
  .my-10 {
    margin-top: 7.5rem !important;
  }
  .my-11 {
    margin-top: 8.25rem !important;
  }
  .my-12 {
    margin-top: 9rem !important;
  }
  .my-14 {
    margin-top: 10.5rem !important;
  }
  .my-16 {
    margin-top: 12rem !important;
  }
  .my-20 {
    margin-top: 15rem !important;
  }
  .my-24 {
    margin-top: 18rem !important;
  }
  .my-28 {
    margin-top: 21rem !important;
  }
  .my-32 {
    margin-top: 24rem !important;
  }
  .my-36 {
    margin-top: 27rem !important;
  }
  .my-40 {
    margin-top: 30rem !important;
  }
}
.my-0-5 {
  margin-bottom: 0.125rem !important;
}
.my-1 {
  margin-bottom: 0.25rem !important;
}
.my-1-5 {
  margin-bottom: 0.375rem !important;
}
.my-2 {
  margin-bottom: 0.5rem !important;
}
.my-2-5 {
  margin-bottom: 0.625rem !important;
}
.my-3 {
  margin-bottom: 0.75rem !important;
}
.my-3-5 {
  margin-bottom: 0.875rem !important;
}
.my-4 {
  margin-bottom: 1rem !important;
}
.my-5 {
  margin-bottom: 1.25rem !important;
}
.my-6 {
  margin-bottom: 1.5rem !important;
}
.my-7 {
  margin-bottom: 1.75rem !important;
}
.my-8 {
  margin-bottom: 2rem !important;
}
.my-9 {
  margin-bottom: 2.25rem !important;
}
.my-10 {
  margin-bottom: 2.5rem !important;
}
.my-11 {
  margin-bottom: 2.75rem !important;
}
.my-12 {
  margin-bottom: 3rem !important;
}
.my-14 {
  margin-bottom: 3.5rem !important;
}
.my-16 {
  margin-bottom: 4rem !important;
}
.my-20 {
  margin-bottom: 5rem !important;
}
.my-24 {
  margin-bottom: 6rem !important;
}
.my-28 {
  margin-bottom: 7rem !important;
}
.my-32 {
  margin-bottom: 8rem !important;
}
.my-36 {
  margin-bottom: 9rem !important;
}
.my-40 {
  margin-bottom: 10rem !important;
}
/* Extra small devices (xs: max-width: 479px) - 25% of medium */
@media (max-width: 479px) {
  .my-0-5 {
    margin-bottom: 0.03125rem !important;
  }
  .my-1 {
    margin-bottom: 0.0625rem !important;
  }
  .my-1-5 {
    margin-bottom: 0.09375rem !important;
  }
  .my-2 {
    margin-bottom: 0.125rem !important;
  }
  .my-2-5 {
    margin-bottom: 0.15625rem !important;
  }
  .my-3 {
    margin-bottom: 0.1875rem !important;
  }
  .my-3-5 {
    margin-bottom: 0.21875rem !important;
  }
  .my-4 {
    margin-bottom: 0.25rem !important;
  }
  .my-5 {
    margin-bottom: 0.3125rem !important;
  }
  .my-6 {
    margin-bottom: 0.375rem !important;
  }
  .my-7 {
    margin-bottom: 0.4375rem !important;
  }
  .my-8 {
    margin-bottom: 0.5rem !important;
  }
  .my-9 {
    margin-bottom: 0.5625rem !important;
  }
  .my-10 {
    margin-bottom: 0.625rem !important;
  }
  .my-11 {
    margin-bottom: 0.6875rem !important;
  }
  .my-12 {
    margin-bottom: 0.75rem !important;
  }
  .my-14 {
    margin-bottom: 0.875rem !important;
  }
  .my-16 {
    margin-bottom: 1rem !important;
  }
  .my-20 {
    margin-bottom: 1.25rem !important;
  }
  .my-24 {
    margin-bottom: 1.5rem !important;
  }
  .my-28 {
    margin-bottom: 1.75rem !important;
  }
  .my-32 {
    margin-bottom: 2rem !important;
  }
  .my-36 {
    margin-bottom: 2.25rem !important;
  }
  .my-40 {
    margin-bottom: 2.5rem !important;
  }
}
/* Small devices (sm: 480px - 767px) - 50% of medium */
@media (min-width: 480px) and (max-width: 767px) {
  .my-0-5 {
    margin-bottom: 0.0625rem !important;
  }
  .my-1 {
    margin-bottom: 0.125rem !important;
  }
  .my-1-5 {
    margin-bottom: 0.1875rem !important;
  }
  .my-2 {
    margin-bottom: 0.25rem !important;
  }
  .my-2-5 {
    margin-bottom: 0.3125rem !important;
  }
  .my-3 {
    margin-bottom: 0.375rem !important;
  }
  .my-3-5 {
    margin-bottom: 0.4375rem !important;
  }
  .my-4 {
    margin-bottom: 0.5rem !important;
  }
  .my-5 {
    margin-bottom: 0.625rem !important;
  }
  .my-6 {
    margin-bottom: 0.75rem !important;
  }
  .my-7 {
    margin-bottom: 0.875rem !important;
  }
  .my-8 {
    margin-bottom: 1rem !important;
  }
  .my-9 {
    margin-bottom: 1.125rem !important;
  }
  .my-10 {
    margin-bottom: 1.25rem !important;
  }
  .my-11 {
    margin-bottom: 1.375rem !important;
  }
  .my-12 {
    margin-bottom: 1.5rem !important;
  }
  .my-14 {
    margin-bottom: 1.75rem !important;
  }
  .my-16 {
    margin-bottom: 2rem !important;
  }
  .my-20 {
    margin-bottom: 2.5rem !important;
  }
  .my-24 {
    margin-bottom: 3rem !important;
  }
  .my-28 {
    margin-bottom: 3.5rem !important;
  }
  .my-32 {
    margin-bottom: 4rem !important;
  }
  .my-36 {
    margin-bottom: 4.5rem !important;
  }
  .my-40 {
    margin-bottom: 5rem !important;
  }
}
/* Medium devices (md: 768px - 1023px) - base scale */
@media (min-width: 768px) and (max-width: 1023px) {
  .my-0-5 {
    margin-bottom: 0.125rem !important;
  }
  .my-1 {
    margin-bottom: 0.25rem !important;
  }
  .my-1-5 {
    margin-bottom: 0.375rem !important;
  }
  .my-2 {
    margin-bottom: 0.5rem !important;
  }
  .my-2-5 {
    margin-bottom: 0.625rem !important;
  }
  .my-3 {
    margin-bottom: 0.75rem !important;
  }
  .my-3-5 {
    margin-bottom: 0.875rem !important;
  }
  .my-4 {
    margin-bottom: 1rem !important;
  }
  .my-5 {
    margin-bottom: 1.25rem !important;
  }
  .my-6 {
    margin-bottom: 1.5rem !important;
  }
  .my-7 {
    margin-bottom: 1.75rem !important;
  }
  .my-8 {
    margin-bottom: 2rem !important;
  }
  .my-9 {
    margin-bottom: 2.25rem !important;
  }
  .my-10 {
    margin-bottom: 2.5rem !important;
  }
  .my-11 {
    margin-bottom: 2.75rem !important;
  }
  .my-12 {
    margin-bottom: 3rem !important;
  }
  .my-14 {
    margin-bottom: 3.5rem !important;
  }
  .my-16 {
    margin-bottom: 4rem !important;
  }
  .my-20 {
    margin-bottom: 5rem !important;
  }
  .my-24 {
    margin-bottom: 6rem !important;
  }
  .my-28 {
    margin-bottom: 7rem !important;
  }
  .my-32 {
    margin-bottom: 8rem !important;
  }
  .my-36 {
    margin-bottom: 9rem !important;
  }
  .my-40 {
    margin-bottom: 10rem !important;
  }
}
/* Large devices (lg: 1024px - 1279px) - 150% of medium */
@media (min-width: 1024px) and (max-width: 1279px) {
  .my-0-5 {
    margin-bottom: 0.1875rem !important;
  }
  .my-1 {
    margin-bottom: 0.375rem !important;
  }
  .my-1-5 {
    margin-bottom: 0.5625rem !important;
  }
  .my-2 {
    margin-bottom: 0.75rem !important;
  }
  .my-2-5 {
    margin-bottom: 0.9375rem !important;
  }
  .my-3 {
    margin-bottom: 1.125rem !important;
  }
  .my-3-5 {
    margin-bottom: 1.3125rem !important;
  }
  .my-4 {
    margin-bottom: 1.5rem !important;
  }
  .my-5 {
    margin-bottom: 1.875rem !important;
  }
  .my-6 {
    margin-bottom: 2.25rem !important;
  }
  .my-7 {
    margin-bottom: 2.625rem !important;
  }
  .my-8 {
    margin-bottom: 3rem !important;
  }
  .my-9 {
    margin-bottom: 3.375rem !important;
  }
  .my-10 {
    margin-bottom: 3.75rem !important;
  }
  .my-11 {
    margin-bottom: 4.125rem !important;
  }
  .my-12 {
    margin-bottom: 4.5rem !important;
  }
  .my-14 {
    margin-bottom: 5.25rem !important;
  }
  .my-16 {
    margin-bottom: 6rem !important;
  }
  .my-20 {
    margin-bottom: 7.5rem !important;
  }
  .my-24 {
    margin-bottom: 9rem !important;
  }
  .my-28 {
    margin-bottom: 10.5rem !important;
  }
  .my-32 {
    margin-bottom: 12rem !important;
  }
  .my-36 {
    margin-bottom: 13.5rem !important;
  }
  .my-40 {
    margin-bottom: 15rem !important;
  }
}
/* Extra large devices (xl: 1280px - 1535px) - 200% of medium */
@media (min-width: 1280px) and (max-width: 1535px) {
  .my-0-5 {
    margin-bottom: 0.25rem !important;
  }
  .my-1 {
    margin-bottom: 0.5rem !important;
  }
  .my-1-5 {
    margin-bottom: 0.75rem !important;
  }
  .my-2 {
    margin-bottom: 1rem !important;
  }
  .my-2-5 {
    margin-bottom: 1.25rem !important;
  }
  .my-3 {
    margin-bottom: 1.5rem !important;
  }
  .my-3-5 {
    margin-bottom: 1.75rem !important;
  }
  .my-4 {
    margin-bottom: 2rem !important;
  }
  .my-5 {
    margin-bottom: 2.5rem !important;
  }
  .my-6 {
    margin-bottom: 3rem !important;
  }
  .my-7 {
    margin-bottom: 3.5rem !important;
  }
  .my-8 {
    margin-bottom: 4rem !important;
  }
  .my-9 {
    margin-bottom: 4.5rem !important;
  }
  .my-10 {
    margin-bottom: 5rem !important;
  }
  .my-11 {
    margin-bottom: 5.5rem !important;
  }
  .my-12 {
    margin-bottom: 6rem !important;
  }
  .my-14 {
    margin-bottom: 7rem !important;
  }
  .my-16 {
    margin-bottom: 8rem !important;
  }
  .my-20 {
    margin-bottom: 10rem !important;
  }
  .my-24 {
    margin-bottom: 12rem !important;
  }
  .my-28 {
    margin-bottom: 14rem !important;
  }
  .my-32 {
    margin-bottom: 16rem !important;
  }
  .my-36 {
    margin-bottom: 18rem !important;
  }
  .my-40 {
    margin-bottom: 20rem !important;
  }
}
/* Extra extra large devices (xxl: >= 1536px) - 300% of medium */
@media (min-width: 1536px) {
  .my-0-5 {
    margin-bottom: 0.375rem !important;
  }
  .my-1 {
    margin-bottom: 0.75rem !important;
  }
  .my-1-5 {
    margin-bottom: 1.125rem !important;
  }
  .my-2 {
    margin-bottom: 1.5rem !important;
  }
  .my-2-5 {
    margin-bottom: 1.875rem !important;
  }
  .my-3 {
    margin-bottom: 2.25rem !important;
  }
  .my-3-5 {
    margin-bottom: 2.625rem !important;
  }
  .my-4 {
    margin-bottom: 3rem !important;
  }
  .my-5 {
    margin-bottom: 3.75rem !important;
  }
  .my-6 {
    margin-bottom: 4.5rem !important;
  }
  .my-7 {
    margin-bottom: 5.25rem !important;
  }
  .my-8 {
    margin-bottom: 6rem !important;
  }
  .my-9 {
    margin-bottom: 6.75rem !important;
  }
  .my-10 {
    margin-bottom: 7.5rem !important;
  }
  .my-11 {
    margin-bottom: 8.25rem !important;
  }
  .my-12 {
    margin-bottom: 9rem !important;
  }
  .my-14 {
    margin-bottom: 10.5rem !important;
  }
  .my-16 {
    margin-bottom: 12rem !important;
  }
  .my-20 {
    margin-bottom: 15rem !important;
  }
  .my-24 {
    margin-bottom: 18rem !important;
  }
  .my-28 {
    margin-bottom: 21rem !important;
  }
  .my-32 {
    margin-bottom: 24rem !important;
  }
  .my-36 {
    margin-bottom: 27rem !important;
  }
  .my-40 {
    margin-bottom: 30rem !important;
  }
}
.p-0-5 {
  padding: 0.125rem !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-1-5 {
  padding: 0.375rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-2-5 {
  padding: 0.625rem !important;
}
.p-3 {
  padding: 0.75rem !important;
}
.p-3-5 {
  padding: 0.875rem !important;
}
.p-4 {
  padding: 1rem !important;
}
.p-5 {
  padding: 1.25rem !important;
}
.p-6 {
  padding: 1.5rem !important;
}
.p-7 {
  padding: 1.75rem !important;
}
.p-8 {
  padding: 2rem !important;
}
.p-9 {
  padding: 2.25rem !important;
}
.p-10 {
  padding: 2.5rem !important;
}
.p-11 {
  padding: 2.75rem !important;
}
.p-12 {
  padding: 3rem !important;
}
.p-14 {
  padding: 3.5rem !important;
}
.p-16 {
  padding: 4rem !important;
}
.p-20 {
  padding: 5rem !important;
}
.p-24 {
  padding: 6rem !important;
}
.p-28 {
  padding: 7rem !important;
}
.p-32 {
  padding: 8rem !important;
}
.p-36 {
  padding: 9rem !important;
}
.p-40 {
  padding: 10rem !important;
}
/* Extra small devices (xs: max-width: 479px) - 25% of medium */
@media (max-width: 479px) {
  .p-0-5 {
    padding: 0.03125rem !important;
  }
  .p-1 {
    padding: 0.0625rem !important;
  }
  .p-1-5 {
    padding: 0.09375rem !important;
  }
  .p-2 {
    padding: 0.125rem !important;
  }
  .p-2-5 {
    padding: 0.15625rem !important;
  }
  .p-3 {
    padding: 0.1875rem !important;
  }
  .p-3-5 {
    padding: 0.21875rem !important;
  }
  .p-4 {
    padding: 0.25rem !important;
  }
  .p-5 {
    padding: 0.3125rem !important;
  }
  .p-6 {
    padding: 0.375rem !important;
  }
  .p-7 {
    padding: 0.4375rem !important;
  }
  .p-8 {
    padding: 0.5rem !important;
  }
  .p-9 {
    padding: 0.5625rem !important;
  }
  .p-10 {
    padding: 0.625rem !important;
  }
  .p-11 {
    padding: 0.6875rem !important;
  }
  .p-12 {
    padding: 0.75rem !important;
  }
  .p-14 {
    padding: 0.875rem !important;
  }
  .p-16 {
    padding: 1rem !important;
  }
  .p-20 {
    padding: 1.25rem !important;
  }
  .p-24 {
    padding: 1.5rem !important;
  }
  .p-28 {
    padding: 1.75rem !important;
  }
  .p-32 {
    padding: 2rem !important;
  }
  .p-36 {
    padding: 2.25rem !important;
  }
  .p-40 {
    padding: 2.5rem !important;
  }
}
/* Small devices (sm: 480px - 767px) - 50% of medium */
@media (min-width: 480px) and (max-width: 767px) {
  .p-0-5 {
    padding: 0.0625rem !important;
  }
  .p-1 {
    padding: 0.125rem !important;
  }
  .p-1-5 {
    padding: 0.1875rem !important;
  }
  .p-2 {
    padding: 0.25rem !important;
  }
  .p-2-5 {
    padding: 0.3125rem !important;
  }
  .p-3 {
    padding: 0.375rem !important;
  }
  .p-3-5 {
    padding: 0.4375rem !important;
  }
  .p-4 {
    padding: 0.5rem !important;
  }
  .p-5 {
    padding: 0.625rem !important;
  }
  .p-6 {
    padding: 0.75rem !important;
  }
  .p-7 {
    padding: 0.875rem !important;
  }
  .p-8 {
    padding: 1rem !important;
  }
  .p-9 {
    padding: 1.125rem !important;
  }
  .p-10 {
    padding: 1.25rem !important;
  }
  .p-11 {
    padding: 1.375rem !important;
  }
  .p-12 {
    padding: 1.5rem !important;
  }
  .p-14 {
    padding: 1.75rem !important;
  }
  .p-16 {
    padding: 2rem !important;
  }
  .p-20 {
    padding: 2.5rem !important;
  }
  .p-24 {
    padding: 3rem !important;
  }
  .p-28 {
    padding: 3.5rem !important;
  }
  .p-32 {
    padding: 4rem !important;
  }
  .p-36 {
    padding: 4.5rem !important;
  }
  .p-40 {
    padding: 5rem !important;
  }
}
/* Medium devices (md: 768px - 1023px) - base scale */
@media (min-width: 768px) and (max-width: 1023px) {
  .p-0-5 {
    padding: 0.125rem !important;
  }
  .p-1 {
    padding: 0.25rem !important;
  }
  .p-1-5 {
    padding: 0.375rem !important;
  }
  .p-2 {
    padding: 0.5rem !important;
  }
  .p-2-5 {
    padding: 0.625rem !important;
  }
  .p-3 {
    padding: 0.75rem !important;
  }
  .p-3-5 {
    padding: 0.875rem !important;
  }
  .p-4 {
    padding: 1rem !important;
  }
  .p-5 {
    padding: 1.25rem !important;
  }
  .p-6 {
    padding: 1.5rem !important;
  }
  .p-7 {
    padding: 1.75rem !important;
  }
  .p-8 {
    padding: 2rem !important;
  }
  .p-9 {
    padding: 2.25rem !important;
  }
  .p-10 {
    padding: 2.5rem !important;
  }
  .p-11 {
    padding: 2.75rem !important;
  }
  .p-12 {
    padding: 3rem !important;
  }
  .p-14 {
    padding: 3.5rem !important;
  }
  .p-16 {
    padding: 4rem !important;
  }
  .p-20 {
    padding: 5rem !important;
  }
  .p-24 {
    padding: 6rem !important;
  }
  .p-28 {
    padding: 7rem !important;
  }
  .p-32 {
    padding: 8rem !important;
  }
  .p-36 {
    padding: 9rem !important;
  }
  .p-40 {
    padding: 10rem !important;
  }
}
/* Large devices (lg: 1024px - 1279px) - 150% of medium */
@media (min-width: 1024px) and (max-width: 1279px) {
  .p-0-5 {
    padding: 0.1875rem !important;
  }
  .p-1 {
    padding: 0.375rem !important;
  }
  .p-1-5 {
    padding: 0.5625rem !important;
  }
  .p-2 {
    padding: 0.75rem !important;
  }
  .p-2-5 {
    padding: 0.9375rem !important;
  }
  .p-3 {
    padding: 1.125rem !important;
  }
  .p-3-5 {
    padding: 1.3125rem !important;
  }
  .p-4 {
    padding: 1.5rem !important;
  }
  .p-5 {
    padding: 1.875rem !important;
  }
  .p-6 {
    padding: 2.25rem !important;
  }
  .p-7 {
    padding: 2.625rem !important;
  }
  .p-8 {
    padding: 3rem !important;
  }
  .p-9 {
    padding: 3.375rem !important;
  }
  .p-10 {
    padding: 3.75rem !important;
  }
  .p-11 {
    padding: 4.125rem !important;
  }
  .p-12 {
    padding: 4.5rem !important;
  }
  .p-14 {
    padding: 5.25rem !important;
  }
  .p-16 {
    padding: 6rem !important;
  }
  .p-20 {
    padding: 7.5rem !important;
  }
  .p-24 {
    padding: 9rem !important;
  }
  .p-28 {
    padding: 10.5rem !important;
  }
  .p-32 {
    padding: 12rem !important;
  }
  .p-36 {
    padding: 13.5rem !important;
  }
  .p-40 {
    padding: 15rem !important;
  }
}
/* Extra large devices (xl: 1280px - 1535px) - 200% of medium */
@media (min-width: 1280px) and (max-width: 1535px) {
  .p-0-5 {
    padding: 0.25rem !important;
  }
  .p-1 {
    padding: 0.5rem !important;
  }
  .p-1-5 {
    padding: 0.75rem !important;
  }
  .p-2 {
    padding: 1rem !important;
  }
  .p-2-5 {
    padding: 1.25rem !important;
  }
  .p-3 {
    padding: 1.5rem !important;
  }
  .p-3-5 {
    padding: 1.75rem !important;
  }
  .p-4 {
    padding: 2rem !important;
  }
  .p-5 {
    padding: 2.5rem !important;
  }
  .p-6 {
    padding: 3rem !important;
  }
  .p-7 {
    padding: 3.5rem !important;
  }
  .p-8 {
    padding: 4rem !important;
  }
  .p-9 {
    padding: 4.5rem !important;
  }
  .p-10 {
    padding: 5rem !important;
  }
  .p-11 {
    padding: 5.5rem !important;
  }
  .p-12 {
    padding: 6rem !important;
  }
  .p-14 {
    padding: 7rem !important;
  }
  .p-16 {
    padding: 8rem !important;
  }
  .p-20 {
    padding: 10rem !important;
  }
  .p-24 {
    padding: 12rem !important;
  }
  .p-28 {
    padding: 14rem !important;
  }
  .p-32 {
    padding: 16rem !important;
  }
  .p-36 {
    padding: 18rem !important;
  }
  .p-40 {
    padding: 20rem !important;
  }
}
/* Extra extra large devices (xxl: >= 1536px) - 300% of medium */
@media (min-width: 1536px) {
  .p-0-5 {
    padding: 0.375rem !important;
  }
  .p-1 {
    padding: 0.75rem !important;
  }
  .p-1-5 {
    padding: 1.125rem !important;
  }
  .p-2 {
    padding: 1.5rem !important;
  }
  .p-2-5 {
    padding: 1.875rem !important;
  }
  .p-3 {
    padding: 2.25rem !important;
  }
  .p-3-5 {
    padding: 2.625rem !important;
  }
  .p-4 {
    padding: 3rem !important;
  }
  .p-5 {
    padding: 3.75rem !important;
  }
  .p-6 {
    padding: 4.5rem !important;
  }
  .p-7 {
    padding: 5.25rem !important;
  }
  .p-8 {
    padding: 6rem !important;
  }
  .p-9 {
    padding: 6.75rem !important;
  }
  .p-10 {
    padding: 7.5rem !important;
  }
  .p-11 {
    padding: 8.25rem !important;
  }
  .p-12 {
    padding: 9rem !important;
  }
  .p-14 {
    padding: 10.5rem !important;
  }
  .p-16 {
    padding: 12rem !important;
  }
  .p-20 {
    padding: 15rem !important;
  }
  .p-24 {
    padding: 18rem !important;
  }
  .p-28 {
    padding: 21rem !important;
  }
  .p-32 {
    padding: 24rem !important;
  }
  .p-36 {
    padding: 27rem !important;
  }
  .p-40 {
    padding: 30rem !important;
  }
}
.pt-0-5 {
  padding-top: 0.125rem !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-1-5 {
  padding-top: 0.375rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-2-5 {
  padding-top: 0.625rem !important;
}
.pt-3 {
  padding-top: 0.75rem !important;
}
.pt-3-5 {
  padding-top: 0.875rem !important;
}
.pt-4 {
  padding-top: 1rem !important;
}
.pt-5 {
  padding-top: 1.25rem !important;
}
.pt-6 {
  padding-top: 1.5rem !important;
}
.pt-7 {
  padding-top: 1.75rem !important;
}
.pt-8 {
  padding-top: 2rem !important;
}
.pt-9 {
  padding-top: 2.25rem !important;
}
.pt-10 {
  padding-top: 2.5rem !important;
}
.pt-11 {
  padding-top: 2.75rem !important;
}
.pt-12 {
  padding-top: 3rem !important;
}
.pt-14 {
  padding-top: 3.5rem !important;
}
.pt-16 {
  padding-top: 4rem !important;
}
.pt-20 {
  padding-top: 5rem !important;
}
.pt-24 {
  padding-top: 6rem !important;
}
.pt-28 {
  padding-top: 7rem !important;
}
.pt-32 {
  padding-top: 8rem !important;
}
.pt-36 {
  padding-top: 9rem !important;
}
.pt-40 {
  padding-top: 10rem !important;
}
/* Extra small devices (xs: max-width: 479px) - 25% of medium */
@media (max-width: 479px) {
  .pt-0-5 {
    padding-top: 0.03125rem !important;
  }
  .pt-1 {
    padding-top: 0.0625rem !important;
  }
  .pt-1-5 {
    padding-top: 0.09375rem !important;
  }
  .pt-2 {
    padding-top: 0.125rem !important;
  }
  .pt-2-5 {
    padding-top: 0.15625rem !important;
  }
  .pt-3 {
    padding-top: 0.1875rem !important;
  }
  .pt-3-5 {
    padding-top: 0.21875rem !important;
  }
  .pt-4 {
    padding-top: 0.25rem !important;
  }
  .pt-5 {
    padding-top: 0.3125rem !important;
  }
  .pt-6 {
    padding-top: 0.375rem !important;
  }
  .pt-7 {
    padding-top: 0.4375rem !important;
  }
  .pt-8 {
    padding-top: 0.5rem !important;
  }
  .pt-9 {
    padding-top: 0.5625rem !important;
  }
  .pt-10 {
    padding-top: 0.625rem !important;
  }
  .pt-11 {
    padding-top: 0.6875rem !important;
  }
  .pt-12 {
    padding-top: 0.75rem !important;
  }
  .pt-14 {
    padding-top: 0.875rem !important;
  }
  .pt-16 {
    padding-top: 1rem !important;
  }
  .pt-20 {
    padding-top: 1.25rem !important;
  }
  .pt-24 {
    padding-top: 1.5rem !important;
  }
  .pt-28 {
    padding-top: 1.75rem !important;
  }
  .pt-32 {
    padding-top: 2rem !important;
  }
  .pt-36 {
    padding-top: 2.25rem !important;
  }
  .pt-40 {
    padding-top: 2.5rem !important;
  }
}
/* Small devices (sm: 480px - 767px) - 50% of medium */
@media (min-width: 480px) and (max-width: 767px) {
  .pt-0-5 {
    padding-top: 0.0625rem !important;
  }
  .pt-1 {
    padding-top: 0.125rem !important;
  }
  .pt-1-5 {
    padding-top: 0.1875rem !important;
  }
  .pt-2 {
    padding-top: 0.25rem !important;
  }
  .pt-2-5 {
    padding-top: 0.3125rem !important;
  }
  .pt-3 {
    padding-top: 0.375rem !important;
  }
  .pt-3-5 {
    padding-top: 0.4375rem !important;
  }
  .pt-4 {
    padding-top: 0.5rem !important;
  }
  .pt-5 {
    padding-top: 0.625rem !important;
  }
  .pt-6 {
    padding-top: 0.75rem !important;
  }
  .pt-7 {
    padding-top: 0.875rem !important;
  }
  .pt-8 {
    padding-top: 1rem !important;
  }
  .pt-9 {
    padding-top: 1.125rem !important;
  }
  .pt-10 {
    padding-top: 1.25rem !important;
  }
  .pt-11 {
    padding-top: 1.375rem !important;
  }
  .pt-12 {
    padding-top: 1.5rem !important;
  }
  .pt-14 {
    padding-top: 1.75rem !important;
  }
  .pt-16 {
    padding-top: 2rem !important;
  }
  .pt-20 {
    padding-top: 2.5rem !important;
  }
  .pt-24 {
    padding-top: 3rem !important;
  }
  .pt-28 {
    padding-top: 3.5rem !important;
  }
  .pt-32 {
    padding-top: 4rem !important;
  }
  .pt-36 {
    padding-top: 4.5rem !important;
  }
  .pt-40 {
    padding-top: 5rem !important;
  }
}
/* Medium devices (md: 768px - 1023px) - base scale */
@media (min-width: 768px) and (max-width: 1023px) {
  .pt-0-5 {
    padding-top: 0.125rem !important;
  }
  .pt-1 {
    padding-top: 0.25rem !important;
  }
  .pt-1-5 {
    padding-top: 0.375rem !important;
  }
  .pt-2 {
    padding-top: 0.5rem !important;
  }
  .pt-2-5 {
    padding-top: 0.625rem !important;
  }
  .pt-3 {
    padding-top: 0.75rem !important;
  }
  .pt-3-5 {
    padding-top: 0.875rem !important;
  }
  .pt-4 {
    padding-top: 1rem !important;
  }
  .pt-5 {
    padding-top: 1.25rem !important;
  }
  .pt-6 {
    padding-top: 1.5rem !important;
  }
  .pt-7 {
    padding-top: 1.75rem !important;
  }
  .pt-8 {
    padding-top: 2rem !important;
  }
  .pt-9 {
    padding-top: 2.25rem !important;
  }
  .pt-10 {
    padding-top: 2.5rem !important;
  }
  .pt-11 {
    padding-top: 2.75rem !important;
  }
  .pt-12 {
    padding-top: 3rem !important;
  }
  .pt-14 {
    padding-top: 3.5rem !important;
  }
  .pt-16 {
    padding-top: 4rem !important;
  }
  .pt-20 {
    padding-top: 5rem !important;
  }
  .pt-24 {
    padding-top: 6rem !important;
  }
  .pt-28 {
    padding-top: 7rem !important;
  }
  .pt-32 {
    padding-top: 8rem !important;
  }
  .pt-36 {
    padding-top: 9rem !important;
  }
  .pt-40 {
    padding-top: 10rem !important;
  }
}
/* Large devices (lg: 1024px - 1279px) - 150% of medium */
@media (min-width: 1024px) and (max-width: 1279px) {
  .pt-0-5 {
    padding-top: 0.1875rem !important;
  }
  .pt-1 {
    padding-top: 0.375rem !important;
  }
  .pt-1-5 {
    padding-top: 0.5625rem !important;
  }
  .pt-2 {
    padding-top: 0.75rem !important;
  }
  .pt-2-5 {
    padding-top: 0.9375rem !important;
  }
  .pt-3 {
    padding-top: 1.125rem !important;
  }
  .pt-3-5 {
    padding-top: 1.3125rem !important;
  }
  .pt-4 {
    padding-top: 1.5rem !important;
  }
  .pt-5 {
    padding-top: 1.875rem !important;
  }
  .pt-6 {
    padding-top: 2.25rem !important;
  }
  .pt-7 {
    padding-top: 2.625rem !important;
  }
  .pt-8 {
    padding-top: 3rem !important;
  }
  .pt-9 {
    padding-top: 3.375rem !important;
  }
  .pt-10 {
    padding-top: 3.75rem !important;
  }
  .pt-11 {
    padding-top: 4.125rem !important;
  }
  .pt-12 {
    padding-top: 4.5rem !important;
  }
  .pt-14 {
    padding-top: 5.25rem !important;
  }
  .pt-16 {
    padding-top: 6rem !important;
  }
  .pt-20 {
    padding-top: 7.5rem !important;
  }
  .pt-24 {
    padding-top: 9rem !important;
  }
  .pt-28 {
    padding-top: 10.5rem !important;
  }
  .pt-32 {
    padding-top: 12rem !important;
  }
  .pt-36 {
    padding-top: 13.5rem !important;
  }
  .pt-40 {
    padding-top: 15rem !important;
  }
}
/* Extra large devices (xl: 1280px - 1535px) - 200% of medium */
@media (min-width: 1280px) and (max-width: 1535px) {
  .pt-0-5 {
    padding-top: 0.25rem !important;
  }
  .pt-1 {
    padding-top: 0.5rem !important;
  }
  .pt-1-5 {
    padding-top: 0.75rem !important;
  }
  .pt-2 {
    padding-top: 1rem !important;
  }
  .pt-2-5 {
    padding-top: 1.25rem !important;
  }
  .pt-3 {
    padding-top: 1.5rem !important;
  }
  .pt-3-5 {
    padding-top: 1.75rem !important;
  }
  .pt-4 {
    padding-top: 2rem !important;
  }
  .pt-5 {
    padding-top: 2.5rem !important;
  }
  .pt-6 {
    padding-top: 3rem !important;
  }
  .pt-7 {
    padding-top: 3.5rem !important;
  }
  .pt-8 {
    padding-top: 4rem !important;
  }
  .pt-9 {
    padding-top: 4.5rem !important;
  }
  .pt-10 {
    padding-top: 5rem !important;
  }
  .pt-11 {
    padding-top: 5.5rem !important;
  }
  .pt-12 {
    padding-top: 6rem !important;
  }
  .pt-14 {
    padding-top: 7rem !important;
  }
  .pt-16 {
    padding-top: 8rem !important;
  }
  .pt-20 {
    padding-top: 10rem !important;
  }
  .pt-24 {
    padding-top: 12rem !important;
  }
  .pt-28 {
    padding-top: 14rem !important;
  }
  .pt-32 {
    padding-top: 16rem !important;
  }
  .pt-36 {
    padding-top: 18rem !important;
  }
  .pt-40 {
    padding-top: 20rem !important;
  }
}
/* Extra extra large devices (xxl: >= 1536px) - 300% of medium */
@media (min-width: 1536px) {
  .pt-0-5 {
    padding-top: 0.375rem !important;
  }
  .pt-1 {
    padding-top: 0.75rem !important;
  }
  .pt-1-5 {
    padding-top: 1.125rem !important;
  }
  .pt-2 {
    padding-top: 1.5rem !important;
  }
  .pt-2-5 {
    padding-top: 1.875rem !important;
  }
  .pt-3 {
    padding-top: 2.25rem !important;
  }
  .pt-3-5 {
    padding-top: 2.625rem !important;
  }
  .pt-4 {
    padding-top: 3rem !important;
  }
  .pt-5 {
    padding-top: 3.75rem !important;
  }
  .pt-6 {
    padding-top: 4.5rem !important;
  }
  .pt-7 {
    padding-top: 5.25rem !important;
  }
  .pt-8 {
    padding-top: 6rem !important;
  }
  .pt-9 {
    padding-top: 6.75rem !important;
  }
  .pt-10 {
    padding-top: 7.5rem !important;
  }
  .pt-11 {
    padding-top: 8.25rem !important;
  }
  .pt-12 {
    padding-top: 9rem !important;
  }
  .pt-14 {
    padding-top: 10.5rem !important;
  }
  .pt-16 {
    padding-top: 12rem !important;
  }
  .pt-20 {
    padding-top: 15rem !important;
  }
  .pt-24 {
    padding-top: 18rem !important;
  }
  .pt-28 {
    padding-top: 21rem !important;
  }
  .pt-32 {
    padding-top: 24rem !important;
  }
  .pt-36 {
    padding-top: 27rem !important;
  }
  .pt-40 {
    padding-top: 30rem !important;
  }
}
.pb-0-5 {
  padding-bottom: 0.125rem !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-1-5 {
  padding-bottom: 0.375rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-2-5 {
  padding-bottom: 0.625rem !important;
}
.pb-3 {
  padding-bottom: 0.75rem !important;
}
.pb-3-5 {
  padding-bottom: 0.875rem !important;
}
.pb-4 {
  padding-bottom: 1rem !important;
}
.pb-5 {
  padding-bottom: 1.25rem !important;
}
.pb-6 {
  padding-bottom: 1.5rem !important;
}
.pb-7 {
  padding-bottom: 1.75rem !important;
}
.pb-8 {
  padding-bottom: 2rem !important;
}
.pb-9 {
  padding-bottom: 2.25rem !important;
}
.pb-10 {
  padding-bottom: 2.5rem !important;
}
.pb-11 {
  padding-bottom: 2.75rem !important;
}
.pb-12 {
  padding-bottom: 3rem !important;
}
.pb-14 {
  padding-bottom: 3.5rem !important;
}
.pb-16 {
  padding-bottom: 4rem !important;
}
.pb-20 {
  padding-bottom: 5rem !important;
}
.pb-24 {
  padding-bottom: 6rem !important;
}
.pb-28 {
  padding-bottom: 7rem !important;
}
.pb-32 {
  padding-bottom: 8rem !important;
}
.pb-36 {
  padding-bottom: 9rem !important;
}
.pb-40 {
  padding-bottom: 10rem !important;
}
/* Extra small devices (xs: max-width: 479px) - 25% of medium */
@media (max-width: 479px) {
  .pb-0-5 {
    padding-bottom: 0.03125rem !important;
  }
  .pb-1 {
    padding-bottom: 0.0625rem !important;
  }
  .pb-1-5 {
    padding-bottom: 0.09375rem !important;
  }
  .pb-2 {
    padding-bottom: 0.125rem !important;
  }
  .pb-2-5 {
    padding-bottom: 0.15625rem !important;
  }
  .pb-3 {
    padding-bottom: 0.1875rem !important;
  }
  .pb-3-5 {
    padding-bottom: 0.21875rem !important;
  }
  .pb-4 {
    padding-bottom: 0.25rem !important;
  }
  .pb-5 {
    padding-bottom: 0.3125rem !important;
  }
  .pb-6 {
    padding-bottom: 0.375rem !important;
  }
  .pb-7 {
    padding-bottom: 0.4375rem !important;
  }
  .pb-8 {
    padding-bottom: 0.5rem !important;
  }
  .pb-9 {
    padding-bottom: 0.5625rem !important;
  }
  .pb-10 {
    padding-bottom: 0.625rem !important;
  }
  .pb-11 {
    padding-bottom: 0.6875rem !important;
  }
  .pb-12 {
    padding-bottom: 0.75rem !important;
  }
  .pb-14 {
    padding-bottom: 0.875rem !important;
  }
  .pb-16 {
    padding-bottom: 1rem !important;
  }
  .pb-20 {
    padding-bottom: 1.25rem !important;
  }
  .pb-24 {
    padding-bottom: 1.5rem !important;
  }
  .pb-28 {
    padding-bottom: 1.75rem !important;
  }
  .pb-32 {
    padding-bottom: 2rem !important;
  }
  .pb-36 {
    padding-bottom: 2.25rem !important;
  }
  .pb-40 {
    padding-bottom: 2.5rem !important;
  }
}
/* Small devices (sm: 480px - 767px) - 50% of medium */
@media (min-width: 480px) and (max-width: 767px) {
  .pb-0-5 {
    padding-bottom: 0.0625rem !important;
  }
  .pb-1 {
    padding-bottom: 0.125rem !important;
  }
  .pb-1-5 {
    padding-bottom: 0.1875rem !important;
  }
  .pb-2 {
    padding-bottom: 0.25rem !important;
  }
  .pb-2-5 {
    padding-bottom: 0.3125rem !important;
  }
  .pb-3 {
    padding-bottom: 0.375rem !important;
  }
  .pb-3-5 {
    padding-bottom: 0.4375rem !important;
  }
  .pb-4 {
    padding-bottom: 0.5rem !important;
  }
  .pb-5 {
    padding-bottom: 0.625rem !important;
  }
  .pb-6 {
    padding-bottom: 0.75rem !important;
  }
  .pb-7 {
    padding-bottom: 0.875rem !important;
  }
  .pb-8 {
    padding-bottom: 1rem !important;
  }
  .pb-9 {
    padding-bottom: 1.125rem !important;
  }
  .pb-10 {
    padding-bottom: 1.25rem !important;
  }
  .pb-11 {
    padding-bottom: 1.375rem !important;
  }
  .pb-12 {
    padding-bottom: 1.5rem !important;
  }
  .pb-14 {
    padding-bottom: 1.75rem !important;
  }
  .pb-16 {
    padding-bottom: 2rem !important;
  }
  .pb-20 {
    padding-bottom: 2.5rem !important;
  }
  .pb-24 {
    padding-bottom: 3rem !important;
  }
  .pb-28 {
    padding-bottom: 3.5rem !important;
  }
  .pb-32 {
    padding-bottom: 4rem !important;
  }
  .pb-36 {
    padding-bottom: 4.5rem !important;
  }
  .pb-40 {
    padding-bottom: 5rem !important;
  }
}
/* Medium devices (md: 768px - 1023px) - base scale */
@media (min-width: 768px) and (max-width: 1023px) {
  .pb-0-5 {
    padding-bottom: 0.125rem !important;
  }
  .pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-1-5 {
    padding-bottom: 0.375rem !important;
  }
  .pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-2-5 {
    padding-bottom: 0.625rem !important;
  }
  .pb-3 {
    padding-bottom: 0.75rem !important;
  }
  .pb-3-5 {
    padding-bottom: 0.875rem !important;
  }
  .pb-4 {
    padding-bottom: 1rem !important;
  }
  .pb-5 {
    padding-bottom: 1.25rem !important;
  }
  .pb-6 {
    padding-bottom: 1.5rem !important;
  }
  .pb-7 {
    padding-bottom: 1.75rem !important;
  }
  .pb-8 {
    padding-bottom: 2rem !important;
  }
  .pb-9 {
    padding-bottom: 2.25rem !important;
  }
  .pb-10 {
    padding-bottom: 2.5rem !important;
  }
  .pb-11 {
    padding-bottom: 2.75rem !important;
  }
  .pb-12 {
    padding-bottom: 3rem !important;
  }
  .pb-14 {
    padding-bottom: 3.5rem !important;
  }
  .pb-16 {
    padding-bottom: 4rem !important;
  }
  .pb-20 {
    padding-bottom: 5rem !important;
  }
  .pb-24 {
    padding-bottom: 6rem !important;
  }
  .pb-28 {
    padding-bottom: 7rem !important;
  }
  .pb-32 {
    padding-bottom: 8rem !important;
  }
  .pb-36 {
    padding-bottom: 9rem !important;
  }
  .pb-40 {
    padding-bottom: 10rem !important;
  }
}
/* Large devices (lg: 1024px - 1279px) - 150% of medium */
@media (min-width: 1024px) and (max-width: 1279px) {
  .pb-0-5 {
    padding-bottom: 0.1875rem !important;
  }
  .pb-1 {
    padding-bottom: 0.375rem !important;
  }
  .pb-1-5 {
    padding-bottom: 0.5625rem !important;
  }
  .pb-2 {
    padding-bottom: 0.75rem !important;
  }
  .pb-2-5 {
    padding-bottom: 0.9375rem !important;
  }
  .pb-3 {
    padding-bottom: 1.125rem !important;
  }
  .pb-3-5 {
    padding-bottom: 1.3125rem !important;
  }
  .pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-5 {
    padding-bottom: 1.875rem !important;
  }
  .pb-6 {
    padding-bottom: 2.25rem !important;
  }
  .pb-7 {
    padding-bottom: 2.625rem !important;
  }
  .pb-8 {
    padding-bottom: 3rem !important;
  }
  .pb-9 {
    padding-bottom: 3.375rem !important;
  }
  .pb-10 {
    padding-bottom: 3.75rem !important;
  }
  .pb-11 {
    padding-bottom: 4.125rem !important;
  }
  .pb-12 {
    padding-bottom: 4.5rem !important;
  }
  .pb-14 {
    padding-bottom: 5.25rem !important;
  }
  .pb-16 {
    padding-bottom: 6rem !important;
  }
  .pb-20 {
    padding-bottom: 7.5rem !important;
  }
  .pb-24 {
    padding-bottom: 9rem !important;
  }
  .pb-28 {
    padding-bottom: 10.5rem !important;
  }
  .pb-32 {
    padding-bottom: 12rem !important;
  }
  .pb-36 {
    padding-bottom: 13.5rem !important;
  }
  .pb-40 {
    padding-bottom: 15rem !important;
  }
}
/* Extra large devices (xl: 1280px - 1535px) - 200% of medium */
@media (min-width: 1280px) and (max-width: 1535px) {
  .pb-0-5 {
    padding-bottom: 0.25rem !important;
  }
  .pb-1 {
    padding-bottom: 0.5rem !important;
  }
  .pb-1-5 {
    padding-bottom: 0.75rem !important;
  }
  .pb-2 {
    padding-bottom: 1rem !important;
  }
  .pb-2-5 {
    padding-bottom: 1.25rem !important;
  }
  .pb-3 {
    padding-bottom: 1.5rem !important;
  }
  .pb-3-5 {
    padding-bottom: 1.75rem !important;
  }
  .pb-4 {
    padding-bottom: 2rem !important;
  }
  .pb-5 {
    padding-bottom: 2.5rem !important;
  }
  .pb-6 {
    padding-bottom: 3rem !important;
  }
  .pb-7 {
    padding-bottom: 3.5rem !important;
  }
  .pb-8 {
    padding-bottom: 4rem !important;
  }
  .pb-9 {
    padding-bottom: 4.5rem !important;
  }
  .pb-10 {
    padding-bottom: 5rem !important;
  }
  .pb-11 {
    padding-bottom: 5.5rem !important;
  }
  .pb-12 {
    padding-bottom: 6rem !important;
  }
  .pb-14 {
    padding-bottom: 7rem !important;
  }
  .pb-16 {
    padding-bottom: 8rem !important;
  }
  .pb-20 {
    padding-bottom: 10rem !important;
  }
  .pb-24 {
    padding-bottom: 12rem !important;
  }
  .pb-28 {
    padding-bottom: 14rem !important;
  }
  .pb-32 {
    padding-bottom: 16rem !important;
  }
  .pb-36 {
    padding-bottom: 18rem !important;
  }
  .pb-40 {
    padding-bottom: 20rem !important;
  }
}
/* Extra extra large devices (xxl: >= 1536px) - 300% of medium */
@media (min-width: 1536px) {
  .pb-0-5 {
    padding-bottom: 0.375rem !important;
  }
  .pb-1 {
    padding-bottom: 0.75rem !important;
  }
  .pb-1-5 {
    padding-bottom: 1.125rem !important;
  }
  .pb-2 {
    padding-bottom: 1.5rem !important;
  }
  .pb-2-5 {
    padding-bottom: 1.875rem !important;
  }
  .pb-3 {
    padding-bottom: 2.25rem !important;
  }
  .pb-3-5 {
    padding-bottom: 2.625rem !important;
  }
  .pb-4 {
    padding-bottom: 3rem !important;
  }
  .pb-5 {
    padding-bottom: 3.75rem !important;
  }
  .pb-6 {
    padding-bottom: 4.5rem !important;
  }
  .pb-7 {
    padding-bottom: 5.25rem !important;
  }
  .pb-8 {
    padding-bottom: 6rem !important;
  }
  .pb-9 {
    padding-bottom: 6.75rem !important;
  }
  .pb-10 {
    padding-bottom: 7.5rem !important;
  }
  .pb-11 {
    padding-bottom: 8.25rem !important;
  }
  .pb-12 {
    padding-bottom: 9rem !important;
  }
  .pb-14 {
    padding-bottom: 10.5rem !important;
  }
  .pb-16 {
    padding-bottom: 12rem !important;
  }
  .pb-20 {
    padding-bottom: 15rem !important;
  }
  .pb-24 {
    padding-bottom: 18rem !important;
  }
  .pb-28 {
    padding-bottom: 21rem !important;
  }
  .pb-32 {
    padding-bottom: 24rem !important;
  }
  .pb-36 {
    padding-bottom: 27rem !important;
  }
  .pb-40 {
    padding-bottom: 30rem !important;
  }
}
.pl-0-5 {
  padding-left: 0.125rem !important;
}
.pl-1 {
  padding-left: 0.25rem !important;
}
.pl-1-5 {
  padding-left: 0.375rem !important;
}
.pl-2 {
  padding-left: 0.5rem !important;
}
.pl-2-5 {
  padding-left: 0.625rem !important;
}
.pl-3 {
  padding-left: 0.75rem !important;
}
.pl-3-5 {
  padding-left: 0.875rem !important;
}
.pl-4 {
  padding-left: 1rem !important;
}
.pl-5 {
  padding-left: 1.25rem !important;
}
.pl-6 {
  padding-left: 1.5rem !important;
}
.pl-7 {
  padding-left: 1.75rem !important;
}
.pl-8 {
  padding-left: 2rem !important;
}
.pl-9 {
  padding-left: 2.25rem !important;
}
.pl-10 {
  padding-left: 2.5rem !important;
}
.pl-11 {
  padding-left: 2.75rem !important;
}
.pl-12 {
  padding-left: 3rem !important;
}
.pl-14 {
  padding-left: 3.5rem !important;
}
.pl-16 {
  padding-left: 4rem !important;
}
.pl-20 {
  padding-left: 5rem !important;
}
.pl-24 {
  padding-left: 6rem !important;
}
.pl-28 {
  padding-left: 7rem !important;
}
.pl-32 {
  padding-left: 8rem !important;
}
.pl-36 {
  padding-left: 9rem !important;
}
.pl-40 {
  padding-left: 10rem !important;
}
/* Extra small devices (xs: max-width: 479px) - 25% of medium */
@media (max-width: 479px) {
  .pl-0-5 {
    padding-left: 0.03125rem !important;
  }
  .pl-1 {
    padding-left: 0.0625rem !important;
  }
  .pl-1-5 {
    padding-left: 0.09375rem !important;
  }
  .pl-2 {
    padding-left: 0.125rem !important;
  }
  .pl-2-5 {
    padding-left: 0.15625rem !important;
  }
  .pl-3 {
    padding-left: 0.1875rem !important;
  }
  .pl-3-5 {
    padding-left: 0.21875rem !important;
  }
  .pl-4 {
    padding-left: 0.25rem !important;
  }
  .pl-5 {
    padding-left: 0.3125rem !important;
  }
  .pl-6 {
    padding-left: 0.375rem !important;
  }
  .pl-7 {
    padding-left: 0.4375rem !important;
  }
  .pl-8 {
    padding-left: 0.5rem !important;
  }
  .pl-9 {
    padding-left: 0.5625rem !important;
  }
  .pl-10 {
    padding-left: 0.625rem !important;
  }
  .pl-11 {
    padding-left: 0.6875rem !important;
  }
  .pl-12 {
    padding-left: 0.75rem !important;
  }
  .pl-14 {
    padding-left: 0.875rem !important;
  }
  .pl-16 {
    padding-left: 1rem !important;
  }
  .pl-20 {
    padding-left: 1.25rem !important;
  }
  .pl-24 {
    padding-left: 1.5rem !important;
  }
  .pl-28 {
    padding-left: 1.75rem !important;
  }
  .pl-32 {
    padding-left: 2rem !important;
  }
  .pl-36 {
    padding-left: 2.25rem !important;
  }
  .pl-40 {
    padding-left: 2.5rem !important;
  }
}
/* Small devices (sm: 480px - 767px) - 50% of medium */
@media (min-width: 480px) and (max-width: 767px) {
  .pl-0-5 {
    padding-left: 0.0625rem !important;
  }
  .pl-1 {
    padding-left: 0.125rem !important;
  }
  .pl-1-5 {
    padding-left: 0.1875rem !important;
  }
  .pl-2 {
    padding-left: 0.25rem !important;
  }
  .pl-2-5 {
    padding-left: 0.3125rem !important;
  }
  .pl-3 {
    padding-left: 0.375rem !important;
  }
  .pl-3-5 {
    padding-left: 0.4375rem !important;
  }
  .pl-4 {
    padding-left: 0.5rem !important;
  }
  .pl-5 {
    padding-left: 0.625rem !important;
  }
  .pl-6 {
    padding-left: 0.75rem !important;
  }
  .pl-7 {
    padding-left: 0.875rem !important;
  }
  .pl-8 {
    padding-left: 1rem !important;
  }
  .pl-9 {
    padding-left: 1.125rem !important;
  }
  .pl-10 {
    padding-left: 1.25rem !important;
  }
  .pl-11 {
    padding-left: 1.375rem !important;
  }
  .pl-12 {
    padding-left: 1.5rem !important;
  }
  .pl-14 {
    padding-left: 1.75rem !important;
  }
  .pl-16 {
    padding-left: 2rem !important;
  }
  .pl-20 {
    padding-left: 2.5rem !important;
  }
  .pl-24 {
    padding-left: 3rem !important;
  }
  .pl-28 {
    padding-left: 3.5rem !important;
  }
  .pl-32 {
    padding-left: 4rem !important;
  }
  .pl-36 {
    padding-left: 4.5rem !important;
  }
  .pl-40 {
    padding-left: 5rem !important;
  }
}
/* Medium devices (md: 768px - 1023px) - base scale */
@media (min-width: 768px) and (max-width: 1023px) {
  .pl-0-5 {
    padding-left: 0.125rem !important;
  }
  .pl-1 {
    padding-left: 0.25rem !important;
  }
  .pl-1-5 {
    padding-left: 0.375rem !important;
  }
  .pl-2 {
    padding-left: 0.5rem !important;
  }
  .pl-2-5 {
    padding-left: 0.625rem !important;
  }
  .pl-3 {
    padding-left: 0.75rem !important;
  }
  .pl-3-5 {
    padding-left: 0.875rem !important;
  }
  .pl-4 {
    padding-left: 1rem !important;
  }
  .pl-5 {
    padding-left: 1.25rem !important;
  }
  .pl-6 {
    padding-left: 1.5rem !important;
  }
  .pl-7 {
    padding-left: 1.75rem !important;
  }
  .pl-8 {
    padding-left: 2rem !important;
  }
  .pl-9 {
    padding-left: 2.25rem !important;
  }
  .pl-10 {
    padding-left: 2.5rem !important;
  }
  .pl-11 {
    padding-left: 2.75rem !important;
  }
  .pl-12 {
    padding-left: 3rem !important;
  }
  .pl-14 {
    padding-left: 3.5rem !important;
  }
  .pl-16 {
    padding-left: 4rem !important;
  }
  .pl-20 {
    padding-left: 5rem !important;
  }
  .pl-24 {
    padding-left: 6rem !important;
  }
  .pl-28 {
    padding-left: 7rem !important;
  }
  .pl-32 {
    padding-left: 8rem !important;
  }
  .pl-36 {
    padding-left: 9rem !important;
  }
  .pl-40 {
    padding-left: 10rem !important;
  }
}
/* Large devices (lg: 1024px - 1279px) - 150% of medium */
@media (min-width: 1024px) and (max-width: 1279px) {
  .pl-0-5 {
    padding-left: 0.1875rem !important;
  }
  .pl-1 {
    padding-left: 0.375rem !important;
  }
  .pl-1-5 {
    padding-left: 0.5625rem !important;
  }
  .pl-2 {
    padding-left: 0.75rem !important;
  }
  .pl-2-5 {
    padding-left: 0.9375rem !important;
  }
  .pl-3 {
    padding-left: 1.125rem !important;
  }
  .pl-3-5 {
    padding-left: 1.3125rem !important;
  }
  .pl-4 {
    padding-left: 1.5rem !important;
  }
  .pl-5 {
    padding-left: 1.875rem !important;
  }
  .pl-6 {
    padding-left: 2.25rem !important;
  }
  .pl-7 {
    padding-left: 2.625rem !important;
  }
  .pl-8 {
    padding-left: 3rem !important;
  }
  .pl-9 {
    padding-left: 3.375rem !important;
  }
  .pl-10 {
    padding-left: 3.75rem !important;
  }
  .pl-11 {
    padding-left: 4.125rem !important;
  }
  .pl-12 {
    padding-left: 4.5rem !important;
  }
  .pl-14 {
    padding-left: 5.25rem !important;
  }
  .pl-16 {
    padding-left: 6rem !important;
  }
  .pl-20 {
    padding-left: 7.5rem !important;
  }
  .pl-24 {
    padding-left: 9rem !important;
  }
  .pl-28 {
    padding-left: 10.5rem !important;
  }
  .pl-32 {
    padding-left: 12rem !important;
  }
  .pl-36 {
    padding-left: 13.5rem !important;
  }
  .pl-40 {
    padding-left: 15rem !important;
  }
}
/* Extra large devices (xl: 1280px - 1535px) - 200% of medium */
@media (min-width: 1280px) and (max-width: 1535px) {
  .pl-0-5 {
    padding-left: 0.25rem !important;
  }
  .pl-1 {
    padding-left: 0.5rem !important;
  }
  .pl-1-5 {
    padding-left: 0.75rem !important;
  }
  .pl-2 {
    padding-left: 1rem !important;
  }
  .pl-2-5 {
    padding-left: 1.25rem !important;
  }
  .pl-3 {
    padding-left: 1.5rem !important;
  }
  .pl-3-5 {
    padding-left: 1.75rem !important;
  }
  .pl-4 {
    padding-left: 2rem !important;
  }
  .pl-5 {
    padding-left: 2.5rem !important;
  }
  .pl-6 {
    padding-left: 3rem !important;
  }
  .pl-7 {
    padding-left: 3.5rem !important;
  }
  .pl-8 {
    padding-left: 4rem !important;
  }
  .pl-9 {
    padding-left: 4.5rem !important;
  }
  .pl-10 {
    padding-left: 5rem !important;
  }
  .pl-11 {
    padding-left: 5.5rem !important;
  }
  .pl-12 {
    padding-left: 6rem !important;
  }
  .pl-14 {
    padding-left: 7rem !important;
  }
  .pl-16 {
    padding-left: 8rem !important;
  }
  .pl-20 {
    padding-left: 10rem !important;
  }
  .pl-24 {
    padding-left: 12rem !important;
  }
  .pl-28 {
    padding-left: 14rem !important;
  }
  .pl-32 {
    padding-left: 16rem !important;
  }
  .pl-36 {
    padding-left: 18rem !important;
  }
  .pl-40 {
    padding-left: 20rem !important;
  }
}
/* Extra extra large devices (xxl: >= 1536px) - 300% of medium */
@media (min-width: 1536px) {
  .pl-0-5 {
    padding-left: 0.375rem !important;
  }
  .pl-1 {
    padding-left: 0.75rem !important;
  }
  .pl-1-5 {
    padding-left: 1.125rem !important;
  }
  .pl-2 {
    padding-left: 1.5rem !important;
  }
  .pl-2-5 {
    padding-left: 1.875rem !important;
  }
  .pl-3 {
    padding-left: 2.25rem !important;
  }
  .pl-3-5 {
    padding-left: 2.625rem !important;
  }
  .pl-4 {
    padding-left: 3rem !important;
  }
  .pl-5 {
    padding-left: 3.75rem !important;
  }
  .pl-6 {
    padding-left: 4.5rem !important;
  }
  .pl-7 {
    padding-left: 5.25rem !important;
  }
  .pl-8 {
    padding-left: 6rem !important;
  }
  .pl-9 {
    padding-left: 6.75rem !important;
  }
  .pl-10 {
    padding-left: 7.5rem !important;
  }
  .pl-11 {
    padding-left: 8.25rem !important;
  }
  .pl-12 {
    padding-left: 9rem !important;
  }
  .pl-14 {
    padding-left: 10.5rem !important;
  }
  .pl-16 {
    padding-left: 12rem !important;
  }
  .pl-20 {
    padding-left: 15rem !important;
  }
  .pl-24 {
    padding-left: 18rem !important;
  }
  .pl-28 {
    padding-left: 21rem !important;
  }
  .pl-32 {
    padding-left: 24rem !important;
  }
  .pl-36 {
    padding-left: 27rem !important;
  }
  .pl-40 {
    padding-left: 30rem !important;
  }
}
.pr-0-5 {
  padding-right: 0.125rem !important;
}
.pr-1 {
  padding-right: 0.25rem !important;
}
.pr-1-5 {
  padding-right: 0.375rem !important;
}
.pr-2 {
  padding-right: 0.5rem !important;
}
.pr-2-5 {
  padding-right: 0.625rem !important;
}
.pr-3 {
  padding-right: 0.75rem !important;
}
.pr-3-5 {
  padding-right: 0.875rem !important;
}
.pr-4 {
  padding-right: 1rem !important;
}
.pr-5 {
  padding-right: 1.25rem !important;
}
.pr-6 {
  padding-right: 1.5rem !important;
}
.pr-7 {
  padding-right: 1.75rem !important;
}
.pr-8 {
  padding-right: 2rem !important;
}
.pr-9 {
  padding-right: 2.25rem !important;
}
.pr-10 {
  padding-right: 2.5rem !important;
}
.pr-11 {
  padding-right: 2.75rem !important;
}
.pr-12 {
  padding-right: 3rem !important;
}
.pr-14 {
  padding-right: 3.5rem !important;
}
.pr-16 {
  padding-right: 4rem !important;
}
.pr-20 {
  padding-right: 5rem !important;
}
.pr-24 {
  padding-right: 6rem !important;
}
.pr-28 {
  padding-right: 7rem !important;
}
.pr-32 {
  padding-right: 8rem !important;
}
.pr-36 {
  padding-right: 9rem !important;
}
.pr-40 {
  padding-right: 10rem !important;
}
/* Extra small devices (xs: max-width: 479px) - 25% of medium */
@media (max-width: 479px) {
  .pr-0-5 {
    padding-right: 0.03125rem !important;
  }
  .pr-1 {
    padding-right: 0.0625rem !important;
  }
  .pr-1-5 {
    padding-right: 0.09375rem !important;
  }
  .pr-2 {
    padding-right: 0.125rem !important;
  }
  .pr-2-5 {
    padding-right: 0.15625rem !important;
  }
  .pr-3 {
    padding-right: 0.1875rem !important;
  }
  .pr-3-5 {
    padding-right: 0.21875rem !important;
  }
  .pr-4 {
    padding-right: 0.25rem !important;
  }
  .pr-5 {
    padding-right: 0.3125rem !important;
  }
  .pr-6 {
    padding-right: 0.375rem !important;
  }
  .pr-7 {
    padding-right: 0.4375rem !important;
  }
  .pr-8 {
    padding-right: 0.5rem !important;
  }
  .pr-9 {
    padding-right: 0.5625rem !important;
  }
  .pr-10 {
    padding-right: 0.625rem !important;
  }
  .pr-11 {
    padding-right: 0.6875rem !important;
  }
  .pr-12 {
    padding-right: 0.75rem !important;
  }
  .pr-14 {
    padding-right: 0.875rem !important;
  }
  .pr-16 {
    padding-right: 1rem !important;
  }
  .pr-20 {
    padding-right: 1.25rem !important;
  }
  .pr-24 {
    padding-right: 1.5rem !important;
  }
  .pr-28 {
    padding-right: 1.75rem !important;
  }
  .pr-32 {
    padding-right: 2rem !important;
  }
  .pr-36 {
    padding-right: 2.25rem !important;
  }
  .pr-40 {
    padding-right: 2.5rem !important;
  }
}
/* Small devices (sm: 480px - 767px) - 50% of medium */
@media (min-width: 480px) and (max-width: 767px) {
  .pr-0-5 {
    padding-right: 0.0625rem !important;
  }
  .pr-1 {
    padding-right: 0.125rem !important;
  }
  .pr-1-5 {
    padding-right: 0.1875rem !important;
  }
  .pr-2 {
    padding-right: 0.25rem !important;
  }
  .pr-2-5 {
    padding-right: 0.3125rem !important;
  }
  .pr-3 {
    padding-right: 0.375rem !important;
  }
  .pr-3-5 {
    padding-right: 0.4375rem !important;
  }
  .pr-4 {
    padding-right: 0.5rem !important;
  }
  .pr-5 {
    padding-right: 0.625rem !important;
  }
  .pr-6 {
    padding-right: 0.75rem !important;
  }
  .pr-7 {
    padding-right: 0.875rem !important;
  }
  .pr-8 {
    padding-right: 1rem !important;
  }
  .pr-9 {
    padding-right: 1.125rem !important;
  }
  .pr-10 {
    padding-right: 1.25rem !important;
  }
  .pr-11 {
    padding-right: 1.375rem !important;
  }
  .pr-12 {
    padding-right: 1.5rem !important;
  }
  .pr-14 {
    padding-right: 1.75rem !important;
  }
  .pr-16 {
    padding-right: 2rem !important;
  }
  .pr-20 {
    padding-right: 2.5rem !important;
  }
  .pr-24 {
    padding-right: 3rem !important;
  }
  .pr-28 {
    padding-right: 3.5rem !important;
  }
  .pr-32 {
    padding-right: 4rem !important;
  }
  .pr-36 {
    padding-right: 4.5rem !important;
  }
  .pr-40 {
    padding-right: 5rem !important;
  }
}
/* Medium devices (md: 768px - 1023px) - base scale */
@media (min-width: 768px) and (max-width: 1023px) {
  .pr-0-5 {
    padding-right: 0.125rem !important;
  }
  .pr-1 {
    padding-right: 0.25rem !important;
  }
  .pr-1-5 {
    padding-right: 0.375rem !important;
  }
  .pr-2 {
    padding-right: 0.5rem !important;
  }
  .pr-2-5 {
    padding-right: 0.625rem !important;
  }
  .pr-3 {
    padding-right: 0.75rem !important;
  }
  .pr-3-5 {
    padding-right: 0.875rem !important;
  }
  .pr-4 {
    padding-right: 1rem !important;
  }
  .pr-5 {
    padding-right: 1.25rem !important;
  }
  .pr-6 {
    padding-right: 1.5rem !important;
  }
  .pr-7 {
    padding-right: 1.75rem !important;
  }
  .pr-8 {
    padding-right: 2rem !important;
  }
  .pr-9 {
    padding-right: 2.25rem !important;
  }
  .pr-10 {
    padding-right: 2.5rem !important;
  }
  .pr-11 {
    padding-right: 2.75rem !important;
  }
  .pr-12 {
    padding-right: 3rem !important;
  }
  .pr-14 {
    padding-right: 3.5rem !important;
  }
  .pr-16 {
    padding-right: 4rem !important;
  }
  .pr-20 {
    padding-right: 5rem !important;
  }
  .pr-24 {
    padding-right: 6rem !important;
  }
  .pr-28 {
    padding-right: 7rem !important;
  }
  .pr-32 {
    padding-right: 8rem !important;
  }
  .pr-36 {
    padding-right: 9rem !important;
  }
  .pr-40 {
    padding-right: 10rem !important;
  }
}
/* Large devices (lg: 1024px - 1279px) - 150% of medium */
@media (min-width: 1024px) and (max-width: 1279px) {
  .pr-0-5 {
    padding-right: 0.1875rem !important;
  }
  .pr-1 {
    padding-right: 0.375rem !important;
  }
  .pr-1-5 {
    padding-right: 0.5625rem !important;
  }
  .pr-2 {
    padding-right: 0.75rem !important;
  }
  .pr-2-5 {
    padding-right: 0.9375rem !important;
  }
  .pr-3 {
    padding-right: 1.125rem !important;
  }
  .pr-3-5 {
    padding-right: 1.3125rem !important;
  }
  .pr-4 {
    padding-right: 1.5rem !important;
  }
  .pr-5 {
    padding-right: 1.875rem !important;
  }
  .pr-6 {
    padding-right: 2.25rem !important;
  }
  .pr-7 {
    padding-right: 2.625rem !important;
  }
  .pr-8 {
    padding-right: 3rem !important;
  }
  .pr-9 {
    padding-right: 3.375rem !important;
  }
  .pr-10 {
    padding-right: 3.75rem !important;
  }
  .pr-11 {
    padding-right: 4.125rem !important;
  }
  .pr-12 {
    padding-right: 4.5rem !important;
  }
  .pr-14 {
    padding-right: 5.25rem !important;
  }
  .pr-16 {
    padding-right: 6rem !important;
  }
  .pr-20 {
    padding-right: 7.5rem !important;
  }
  .pr-24 {
    padding-right: 9rem !important;
  }
  .pr-28 {
    padding-right: 10.5rem !important;
  }
  .pr-32 {
    padding-right: 12rem !important;
  }
  .pr-36 {
    padding-right: 13.5rem !important;
  }
  .pr-40 {
    padding-right: 15rem !important;
  }
}
/* Extra large devices (xl: 1280px - 1535px) - 200% of medium */
@media (min-width: 1280px) and (max-width: 1535px) {
  .pr-0-5 {
    padding-right: 0.25rem !important;
  }
  .pr-1 {
    padding-right: 0.5rem !important;
  }
  .pr-1-5 {
    padding-right: 0.75rem !important;
  }
  .pr-2 {
    padding-right: 1rem !important;
  }
  .pr-2-5 {
    padding-right: 1.25rem !important;
  }
  .pr-3 {
    padding-right: 1.5rem !important;
  }
  .pr-3-5 {
    padding-right: 1.75rem !important;
  }
  .pr-4 {
    padding-right: 2rem !important;
  }
  .pr-5 {
    padding-right: 2.5rem !important;
  }
  .pr-6 {
    padding-right: 3rem !important;
  }
  .pr-7 {
    padding-right: 3.5rem !important;
  }
  .pr-8 {
    padding-right: 4rem !important;
  }
  .pr-9 {
    padding-right: 4.5rem !important;
  }
  .pr-10 {
    padding-right: 5rem !important;
  }
  .pr-11 {
    padding-right: 5.5rem !important;
  }
  .pr-12 {
    padding-right: 6rem !important;
  }
  .pr-14 {
    padding-right: 7rem !important;
  }
  .pr-16 {
    padding-right: 8rem !important;
  }
  .pr-20 {
    padding-right: 10rem !important;
  }
  .pr-24 {
    padding-right: 12rem !important;
  }
  .pr-28 {
    padding-right: 14rem !important;
  }
  .pr-32 {
    padding-right: 16rem !important;
  }
  .pr-36 {
    padding-right: 18rem !important;
  }
  .pr-40 {
    padding-right: 20rem !important;
  }
}
/* Extra extra large devices (xxl: >= 1536px) - 300% of medium */
@media (min-width: 1536px) {
  .pr-0-5 {
    padding-right: 0.375rem !important;
  }
  .pr-1 {
    padding-right: 0.75rem !important;
  }
  .pr-1-5 {
    padding-right: 1.125rem !important;
  }
  .pr-2 {
    padding-right: 1.5rem !important;
  }
  .pr-2-5 {
    padding-right: 1.875rem !important;
  }
  .pr-3 {
    padding-right: 2.25rem !important;
  }
  .pr-3-5 {
    padding-right: 2.625rem !important;
  }
  .pr-4 {
    padding-right: 3rem !important;
  }
  .pr-5 {
    padding-right: 3.75rem !important;
  }
  .pr-6 {
    padding-right: 4.5rem !important;
  }
  .pr-7 {
    padding-right: 5.25rem !important;
  }
  .pr-8 {
    padding-right: 6rem !important;
  }
  .pr-9 {
    padding-right: 6.75rem !important;
  }
  .pr-10 {
    padding-right: 7.5rem !important;
  }
  .pr-11 {
    padding-right: 8.25rem !important;
  }
  .pr-12 {
    padding-right: 9rem !important;
  }
  .pr-14 {
    padding-right: 10.5rem !important;
  }
  .pr-16 {
    padding-right: 12rem !important;
  }
  .pr-20 {
    padding-right: 15rem !important;
  }
  .pr-24 {
    padding-right: 18rem !important;
  }
  .pr-28 {
    padding-right: 21rem !important;
  }
  .pr-32 {
    padding-right: 24rem !important;
  }
  .pr-36 {
    padding-right: 27rem !important;
  }
  .pr-40 {
    padding-right: 30rem !important;
  }
}
.px-0-5 {
  padding-left: 0.125rem !important;
}
.px-1 {
  padding-left: 0.25rem !important;
}
.px-1-5 {
  padding-left: 0.375rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
}
.px-2-5 {
  padding-left: 0.625rem !important;
}
.px-3 {
  padding-left: 0.75rem !important;
}
.px-3-5 {
  padding-left: 0.875rem !important;
}
.px-4 {
  padding-left: 1rem !important;
}
.px-5 {
  padding-left: 1.25rem !important;
}
.px-6 {
  padding-left: 1.5rem !important;
}
.px-7 {
  padding-left: 1.75rem !important;
}
.px-8 {
  padding-left: 2rem !important;
}
.px-9 {
  padding-left: 2.25rem !important;
}
.px-10 {
  padding-left: 2.5rem !important;
}
.px-11 {
  padding-left: 2.75rem !important;
}
.px-12 {
  padding-left: 3rem !important;
}
.px-14 {
  padding-left: 3.5rem !important;
}
.px-16 {
  padding-left: 4rem !important;
}
.px-20 {
  padding-left: 5rem !important;
}
.px-24 {
  padding-left: 6rem !important;
}
.px-28 {
  padding-left: 7rem !important;
}
.px-32 {
  padding-left: 8rem !important;
}
.px-36 {
  padding-left: 9rem !important;
}
.px-40 {
  padding-left: 10rem !important;
}
/* Extra small devices (xs: max-width: 479px) - 25% of medium */
@media (max-width: 479px) {
  .px-0-5 {
    padding-left: 0.03125rem !important;
  }
  .px-1 {
    padding-left: 0.0625rem !important;
  }
  .px-1-5 {
    padding-left: 0.09375rem !important;
  }
  .px-2 {
    padding-left: 0.125rem !important;
  }
  .px-2-5 {
    padding-left: 0.15625rem !important;
  }
  .px-3 {
    padding-left: 0.1875rem !important;
  }
  .px-3-5 {
    padding-left: 0.21875rem !important;
  }
  .px-4 {
    padding-left: 0.25rem !important;
  }
  .px-5 {
    padding-left: 0.3125rem !important;
  }
  .px-6 {
    padding-left: 0.375rem !important;
  }
  .px-7 {
    padding-left: 0.4375rem !important;
  }
  .px-8 {
    padding-left: 0.5rem !important;
  }
  .px-9 {
    padding-left: 0.5625rem !important;
  }
  .px-10 {
    padding-left: 0.625rem !important;
  }
  .px-11 {
    padding-left: 0.6875rem !important;
  }
  .px-12 {
    padding-left: 0.75rem !important;
  }
  .px-14 {
    padding-left: 0.875rem !important;
  }
  .px-16 {
    padding-left: 1rem !important;
  }
  .px-20 {
    padding-left: 1.25rem !important;
  }
  .px-24 {
    padding-left: 1.5rem !important;
  }
  .px-28 {
    padding-left: 1.75rem !important;
  }
  .px-32 {
    padding-left: 2rem !important;
  }
  .px-36 {
    padding-left: 2.25rem !important;
  }
  .px-40 {
    padding-left: 2.5rem !important;
  }
}
/* Small devices (sm: 480px - 767px) - 50% of medium */
@media (min-width: 480px) and (max-width: 767px) {
  .px-0-5 {
    padding-left: 0.0625rem !important;
  }
  .px-1 {
    padding-left: 0.125rem !important;
  }
  .px-1-5 {
    padding-left: 0.1875rem !important;
  }
  .px-2 {
    padding-left: 0.25rem !important;
  }
  .px-2-5 {
    padding-left: 0.3125rem !important;
  }
  .px-3 {
    padding-left: 0.375rem !important;
  }
  .px-3-5 {
    padding-left: 0.4375rem !important;
  }
  .px-4 {
    padding-left: 0.5rem !important;
  }
  .px-5 {
    padding-left: 0.625rem !important;
  }
  .px-6 {
    padding-left: 0.75rem !important;
  }
  .px-7 {
    padding-left: 0.875rem !important;
  }
  .px-8 {
    padding-left: 1rem !important;
  }
  .px-9 {
    padding-left: 1.125rem !important;
  }
  .px-10 {
    padding-left: 1.25rem !important;
  }
  .px-11 {
    padding-left: 1.375rem !important;
  }
  .px-12 {
    padding-left: 1.5rem !important;
  }
  .px-14 {
    padding-left: 1.75rem !important;
  }
  .px-16 {
    padding-left: 2rem !important;
  }
  .px-20 {
    padding-left: 2.5rem !important;
  }
  .px-24 {
    padding-left: 3rem !important;
  }
  .px-28 {
    padding-left: 3.5rem !important;
  }
  .px-32 {
    padding-left: 4rem !important;
  }
  .px-36 {
    padding-left: 4.5rem !important;
  }
  .px-40 {
    padding-left: 5rem !important;
  }
}
/* Medium devices (md: 768px - 1023px) - base scale */
@media (min-width: 768px) and (max-width: 1023px) {
  .px-0-5 {
    padding-left: 0.125rem !important;
  }
  .px-1 {
    padding-left: 0.25rem !important;
  }
  .px-1-5 {
    padding-left: 0.375rem !important;
  }
  .px-2 {
    padding-left: 0.5rem !important;
  }
  .px-2-5 {
    padding-left: 0.625rem !important;
  }
  .px-3 {
    padding-left: 0.75rem !important;
  }
  .px-3-5 {
    padding-left: 0.875rem !important;
  }
  .px-4 {
    padding-left: 1rem !important;
  }
  .px-5 {
    padding-left: 1.25rem !important;
  }
  .px-6 {
    padding-left: 1.5rem !important;
  }
  .px-7 {
    padding-left: 1.75rem !important;
  }
  .px-8 {
    padding-left: 2rem !important;
  }
  .px-9 {
    padding-left: 2.25rem !important;
  }
  .px-10 {
    padding-left: 2.5rem !important;
  }
  .px-11 {
    padding-left: 2.75rem !important;
  }
  .px-12 {
    padding-left: 3rem !important;
  }
  .px-14 {
    padding-left: 3.5rem !important;
  }
  .px-16 {
    padding-left: 4rem !important;
  }
  .px-20 {
    padding-left: 5rem !important;
  }
  .px-24 {
    padding-left: 6rem !important;
  }
  .px-28 {
    padding-left: 7rem !important;
  }
  .px-32 {
    padding-left: 8rem !important;
  }
  .px-36 {
    padding-left: 9rem !important;
  }
  .px-40 {
    padding-left: 10rem !important;
  }
}
/* Large devices (lg: 1024px - 1279px) - 150% of medium */
@media (min-width: 1024px) and (max-width: 1279px) {
  .px-0-5 {
    padding-left: 0.1875rem !important;
  }
  .px-1 {
    padding-left: 0.375rem !important;
  }
  .px-1-5 {
    padding-left: 0.5625rem !important;
  }
  .px-2 {
    padding-left: 0.75rem !important;
  }
  .px-2-5 {
    padding-left: 0.9375rem !important;
  }
  .px-3 {
    padding-left: 1.125rem !important;
  }
  .px-3-5 {
    padding-left: 1.3125rem !important;
  }
  .px-4 {
    padding-left: 1.5rem !important;
  }
  .px-5 {
    padding-left: 1.875rem !important;
  }
  .px-6 {
    padding-left: 2.25rem !important;
  }
  .px-7 {
    padding-left: 2.625rem !important;
  }
  .px-8 {
    padding-left: 3rem !important;
  }
  .px-9 {
    padding-left: 3.375rem !important;
  }
  .px-10 {
    padding-left: 3.75rem !important;
  }
  .px-11 {
    padding-left: 4.125rem !important;
  }
  .px-12 {
    padding-left: 4.5rem !important;
  }
  .px-14 {
    padding-left: 5.25rem !important;
  }
  .px-16 {
    padding-left: 6rem !important;
  }
  .px-20 {
    padding-left: 7.5rem !important;
  }
  .px-24 {
    padding-left: 9rem !important;
  }
  .px-28 {
    padding-left: 10.5rem !important;
  }
  .px-32 {
    padding-left: 12rem !important;
  }
  .px-36 {
    padding-left: 13.5rem !important;
  }
  .px-40 {
    padding-left: 15rem !important;
  }
}
/* Extra large devices (xl: 1280px - 1535px) - 200% of medium */
@media (min-width: 1280px) and (max-width: 1535px) {
  .px-0-5 {
    padding-left: 0.25rem !important;
  }
  .px-1 {
    padding-left: 0.5rem !important;
  }
  .px-1-5 {
    padding-left: 0.75rem !important;
  }
  .px-2 {
    padding-left: 1rem !important;
  }
  .px-2-5 {
    padding-left: 1.25rem !important;
  }
  .px-3 {
    padding-left: 1.5rem !important;
  }
  .px-3-5 {
    padding-left: 1.75rem !important;
  }
  .px-4 {
    padding-left: 2rem !important;
  }
  .px-5 {
    padding-left: 2.5rem !important;
  }
  .px-6 {
    padding-left: 3rem !important;
  }
  .px-7 {
    padding-left: 3.5rem !important;
  }
  .px-8 {
    padding-left: 4rem !important;
  }
  .px-9 {
    padding-left: 4.5rem !important;
  }
  .px-10 {
    padding-left: 5rem !important;
  }
  .px-11 {
    padding-left: 5.5rem !important;
  }
  .px-12 {
    padding-left: 6rem !important;
  }
  .px-14 {
    padding-left: 7rem !important;
  }
  .px-16 {
    padding-left: 8rem !important;
  }
  .px-20 {
    padding-left: 10rem !important;
  }
  .px-24 {
    padding-left: 12rem !important;
  }
  .px-28 {
    padding-left: 14rem !important;
  }
  .px-32 {
    padding-left: 16rem !important;
  }
  .px-36 {
    padding-left: 18rem !important;
  }
  .px-40 {
    padding-left: 20rem !important;
  }
}
/* Extra extra large devices (xxl: >= 1536px) - 300% of medium */
@media (min-width: 1536px) {
  .px-0-5 {
    padding-left: 0.375rem !important;
  }
  .px-1 {
    padding-left: 0.75rem !important;
  }
  .px-1-5 {
    padding-left: 1.125rem !important;
  }
  .px-2 {
    padding-left: 1.5rem !important;
  }
  .px-2-5 {
    padding-left: 1.875rem !important;
  }
  .px-3 {
    padding-left: 2.25rem !important;
  }
  .px-3-5 {
    padding-left: 2.625rem !important;
  }
  .px-4 {
    padding-left: 3rem !important;
  }
  .px-5 {
    padding-left: 3.75rem !important;
  }
  .px-6 {
    padding-left: 4.5rem !important;
  }
  .px-7 {
    padding-left: 5.25rem !important;
  }
  .px-8 {
    padding-left: 6rem !important;
  }
  .px-9 {
    padding-left: 6.75rem !important;
  }
  .px-10 {
    padding-left: 7.5rem !important;
  }
  .px-11 {
    padding-left: 8.25rem !important;
  }
  .px-12 {
    padding-left: 9rem !important;
  }
  .px-14 {
    padding-left: 10.5rem !important;
  }
  .px-16 {
    padding-left: 12rem !important;
  }
  .px-20 {
    padding-left: 15rem !important;
  }
  .px-24 {
    padding-left: 18rem !important;
  }
  .px-28 {
    padding-left: 21rem !important;
  }
  .px-32 {
    padding-left: 24rem !important;
  }
  .px-36 {
    padding-left: 27rem !important;
  }
  .px-40 {
    padding-left: 30rem !important;
  }
}
.px-0-5 {
  padding-right: 0.125rem !important;
}
.px-1 {
  padding-right: 0.25rem !important;
}
.px-1-5 {
  padding-right: 0.375rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
}
.px-2-5 {
  padding-right: 0.625rem !important;
}
.px-3 {
  padding-right: 0.75rem !important;
}
.px-3-5 {
  padding-right: 0.875rem !important;
}
.px-4 {
  padding-right: 1rem !important;
}
.px-5 {
  padding-right: 1.25rem !important;
}
.px-6 {
  padding-right: 1.5rem !important;
}
.px-7 {
  padding-right: 1.75rem !important;
}
.px-8 {
  padding-right: 2rem !important;
}
.px-9 {
  padding-right: 2.25rem !important;
}
.px-10 {
  padding-right: 2.5rem !important;
}
.px-11 {
  padding-right: 2.75rem !important;
}
.px-12 {
  padding-right: 3rem !important;
}
.px-14 {
  padding-right: 3.5rem !important;
}
.px-16 {
  padding-right: 4rem !important;
}
.px-20 {
  padding-right: 5rem !important;
}
.px-24 {
  padding-right: 6rem !important;
}
.px-28 {
  padding-right: 7rem !important;
}
.px-32 {
  padding-right: 8rem !important;
}
.px-36 {
  padding-right: 9rem !important;
}
.px-40 {
  padding-right: 10rem !important;
}
/* Extra small devices (xs: max-width: 479px) - 25% of medium */
@media (max-width: 479px) {
  .px-0-5 {
    padding-right: 0.03125rem !important;
  }
  .px-1 {
    padding-right: 0.0625rem !important;
  }
  .px-1-5 {
    padding-right: 0.09375rem !important;
  }
  .px-2 {
    padding-right: 0.125rem !important;
  }
  .px-2-5 {
    padding-right: 0.15625rem !important;
  }
  .px-3 {
    padding-right: 0.1875rem !important;
  }
  .px-3-5 {
    padding-right: 0.21875rem !important;
  }
  .px-4 {
    padding-right: 0.25rem !important;
  }
  .px-5 {
    padding-right: 0.3125rem !important;
  }
  .px-6 {
    padding-right: 0.375rem !important;
  }
  .px-7 {
    padding-right: 0.4375rem !important;
  }
  .px-8 {
    padding-right: 0.5rem !important;
  }
  .px-9 {
    padding-right: 0.5625rem !important;
  }
  .px-10 {
    padding-right: 0.625rem !important;
  }
  .px-11 {
    padding-right: 0.6875rem !important;
  }
  .px-12 {
    padding-right: 0.75rem !important;
  }
  .px-14 {
    padding-right: 0.875rem !important;
  }
  .px-16 {
    padding-right: 1rem !important;
  }
  .px-20 {
    padding-right: 1.25rem !important;
  }
  .px-24 {
    padding-right: 1.5rem !important;
  }
  .px-28 {
    padding-right: 1.75rem !important;
  }
  .px-32 {
    padding-right: 2rem !important;
  }
  .px-36 {
    padding-right: 2.25rem !important;
  }
  .px-40 {
    padding-right: 2.5rem !important;
  }
}
/* Small devices (sm: 480px - 767px) - 50% of medium */
@media (min-width: 480px) and (max-width: 767px) {
  .px-0-5 {
    padding-right: 0.0625rem !important;
  }
  .px-1 {
    padding-right: 0.125rem !important;
  }
  .px-1-5 {
    padding-right: 0.1875rem !important;
  }
  .px-2 {
    padding-right: 0.25rem !important;
  }
  .px-2-5 {
    padding-right: 0.3125rem !important;
  }
  .px-3 {
    padding-right: 0.375rem !important;
  }
  .px-3-5 {
    padding-right: 0.4375rem !important;
  }
  .px-4 {
    padding-right: 0.5rem !important;
  }
  .px-5 {
    padding-right: 0.625rem !important;
  }
  .px-6 {
    padding-right: 0.75rem !important;
  }
  .px-7 {
    padding-right: 0.875rem !important;
  }
  .px-8 {
    padding-right: 1rem !important;
  }
  .px-9 {
    padding-right: 1.125rem !important;
  }
  .px-10 {
    padding-right: 1.25rem !important;
  }
  .px-11 {
    padding-right: 1.375rem !important;
  }
  .px-12 {
    padding-right: 1.5rem !important;
  }
  .px-14 {
    padding-right: 1.75rem !important;
  }
  .px-16 {
    padding-right: 2rem !important;
  }
  .px-20 {
    padding-right: 2.5rem !important;
  }
  .px-24 {
    padding-right: 3rem !important;
  }
  .px-28 {
    padding-right: 3.5rem !important;
  }
  .px-32 {
    padding-right: 4rem !important;
  }
  .px-36 {
    padding-right: 4.5rem !important;
  }
  .px-40 {
    padding-right: 5rem !important;
  }
}
/* Medium devices (md: 768px - 1023px) - base scale */
@media (min-width: 768px) and (max-width: 1023px) {
  .px-0-5 {
    padding-right: 0.125rem !important;
  }
  .px-1 {
    padding-right: 0.25rem !important;
  }
  .px-1-5 {
    padding-right: 0.375rem !important;
  }
  .px-2 {
    padding-right: 0.5rem !important;
  }
  .px-2-5 {
    padding-right: 0.625rem !important;
  }
  .px-3 {
    padding-right: 0.75rem !important;
  }
  .px-3-5 {
    padding-right: 0.875rem !important;
  }
  .px-4 {
    padding-right: 1rem !important;
  }
  .px-5 {
    padding-right: 1.25rem !important;
  }
  .px-6 {
    padding-right: 1.5rem !important;
  }
  .px-7 {
    padding-right: 1.75rem !important;
  }
  .px-8 {
    padding-right: 2rem !important;
  }
  .px-9 {
    padding-right: 2.25rem !important;
  }
  .px-10 {
    padding-right: 2.5rem !important;
  }
  .px-11 {
    padding-right: 2.75rem !important;
  }
  .px-12 {
    padding-right: 3rem !important;
  }
  .px-14 {
    padding-right: 3.5rem !important;
  }
  .px-16 {
    padding-right: 4rem !important;
  }
  .px-20 {
    padding-right: 5rem !important;
  }
  .px-24 {
    padding-right: 6rem !important;
  }
  .px-28 {
    padding-right: 7rem !important;
  }
  .px-32 {
    padding-right: 8rem !important;
  }
  .px-36 {
    padding-right: 9rem !important;
  }
  .px-40 {
    padding-right: 10rem !important;
  }
}
/* Large devices (lg: 1024px - 1279px) - 150% of medium */
@media (min-width: 1024px) and (max-width: 1279px) {
  .px-0-5 {
    padding-right: 0.1875rem !important;
  }
  .px-1 {
    padding-right: 0.375rem !important;
  }
  .px-1-5 {
    padding-right: 0.5625rem !important;
  }
  .px-2 {
    padding-right: 0.75rem !important;
  }
  .px-2-5 {
    padding-right: 0.9375rem !important;
  }
  .px-3 {
    padding-right: 1.125rem !important;
  }
  .px-3-5 {
    padding-right: 1.3125rem !important;
  }
  .px-4 {
    padding-right: 1.5rem !important;
  }
  .px-5 {
    padding-right: 1.875rem !important;
  }
  .px-6 {
    padding-right: 2.25rem !important;
  }
  .px-7 {
    padding-right: 2.625rem !important;
  }
  .px-8 {
    padding-right: 3rem !important;
  }
  .px-9 {
    padding-right: 3.375rem !important;
  }
  .px-10 {
    padding-right: 3.75rem !important;
  }
  .px-11 {
    padding-right: 4.125rem !important;
  }
  .px-12 {
    padding-right: 4.5rem !important;
  }
  .px-14 {
    padding-right: 5.25rem !important;
  }
  .px-16 {
    padding-right: 6rem !important;
  }
  .px-20 {
    padding-right: 7.5rem !important;
  }
  .px-24 {
    padding-right: 9rem !important;
  }
  .px-28 {
    padding-right: 10.5rem !important;
  }
  .px-32 {
    padding-right: 12rem !important;
  }
  .px-36 {
    padding-right: 13.5rem !important;
  }
  .px-40 {
    padding-right: 15rem !important;
  }
}
/* Extra large devices (xl: 1280px - 1535px) - 200% of medium */
@media (min-width: 1280px) and (max-width: 1535px) {
  .px-0-5 {
    padding-right: 0.25rem !important;
  }
  .px-1 {
    padding-right: 0.5rem !important;
  }
  .px-1-5 {
    padding-right: 0.75rem !important;
  }
  .px-2 {
    padding-right: 1rem !important;
  }
  .px-2-5 {
    padding-right: 1.25rem !important;
  }
  .px-3 {
    padding-right: 1.5rem !important;
  }
  .px-3-5 {
    padding-right: 1.75rem !important;
  }
  .px-4 {
    padding-right: 2rem !important;
  }
  .px-5 {
    padding-right: 2.5rem !important;
  }
  .px-6 {
    padding-right: 3rem !important;
  }
  .px-7 {
    padding-right: 3.5rem !important;
  }
  .px-8 {
    padding-right: 4rem !important;
  }
  .px-9 {
    padding-right: 4.5rem !important;
  }
  .px-10 {
    padding-right: 5rem !important;
  }
  .px-11 {
    padding-right: 5.5rem !important;
  }
  .px-12 {
    padding-right: 6rem !important;
  }
  .px-14 {
    padding-right: 7rem !important;
  }
  .px-16 {
    padding-right: 8rem !important;
  }
  .px-20 {
    padding-right: 10rem !important;
  }
  .px-24 {
    padding-right: 12rem !important;
  }
  .px-28 {
    padding-right: 14rem !important;
  }
  .px-32 {
    padding-right: 16rem !important;
  }
  .px-36 {
    padding-right: 18rem !important;
  }
  .px-40 {
    padding-right: 20rem !important;
  }
}
/* Extra extra large devices (xxl: >= 1536px) - 300% of medium */
@media (min-width: 1536px) {
  .px-0-5 {
    padding-right: 0.375rem !important;
  }
  .px-1 {
    padding-right: 0.75rem !important;
  }
  .px-1-5 {
    padding-right: 1.125rem !important;
  }
  .px-2 {
    padding-right: 1.5rem !important;
  }
  .px-2-5 {
    padding-right: 1.875rem !important;
  }
  .px-3 {
    padding-right: 2.25rem !important;
  }
  .px-3-5 {
    padding-right: 2.625rem !important;
  }
  .px-4 {
    padding-right: 3rem !important;
  }
  .px-5 {
    padding-right: 3.75rem !important;
  }
  .px-6 {
    padding-right: 4.5rem !important;
  }
  .px-7 {
    padding-right: 5.25rem !important;
  }
  .px-8 {
    padding-right: 6rem !important;
  }
  .px-9 {
    padding-right: 6.75rem !important;
  }
  .px-10 {
    padding-right: 7.5rem !important;
  }
  .px-11 {
    padding-right: 8.25rem !important;
  }
  .px-12 {
    padding-right: 9rem !important;
  }
  .px-14 {
    padding-right: 10.5rem !important;
  }
  .px-16 {
    padding-right: 12rem !important;
  }
  .px-20 {
    padding-right: 15rem !important;
  }
  .px-24 {
    padding-right: 18rem !important;
  }
  .px-28 {
    padding-right: 21rem !important;
  }
  .px-32 {
    padding-right: 24rem !important;
  }
  .px-36 {
    padding-right: 27rem !important;
  }
  .px-40 {
    padding-right: 30rem !important;
  }
}
.py-0-5 {
  padding-top: 0.125rem !important;
}
.py-1 {
  padding-top: 0.25rem !important;
}
.py-1-5 {
  padding-top: 0.375rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
}
.py-2-5 {
  padding-top: 0.625rem !important;
}
.py-3 {
  padding-top: 0.75rem !important;
}
.py-3-5 {
  padding-top: 0.875rem !important;
}
.py-4 {
  padding-top: 1rem !important;
}
.py-5 {
  padding-top: 1.25rem !important;
}
.py-6 {
  padding-top: 1.5rem !important;
}
.py-7 {
  padding-top: 1.75rem !important;
}
.py-8 {
  padding-top: 2rem !important;
}
.py-9 {
  padding-top: 2.25rem !important;
}
.py-10 {
  padding-top: 2.5rem !important;
}
.py-11 {
  padding-top: 2.75rem !important;
}
.py-12 {
  padding-top: 3rem !important;
}
.py-14 {
  padding-top: 3.5rem !important;
}
.py-16 {
  padding-top: 4rem !important;
}
.py-20 {
  padding-top: 5rem !important;
}
.py-24 {
  padding-top: 6rem !important;
}
.py-28 {
  padding-top: 7rem !important;
}
.py-32 {
  padding-top: 8rem !important;
}
.py-36 {
  padding-top: 9rem !important;
}
.py-40 {
  padding-top: 10rem !important;
}
/* Extra small devices (xs: max-width: 479px) - 25% of medium */
@media (max-width: 479px) {
  .py-0-5 {
    padding-top: 0.03125rem !important;
  }
  .py-1 {
    padding-top: 0.0625rem !important;
  }
  .py-1-5 {
    padding-top: 0.09375rem !important;
  }
  .py-2 {
    padding-top: 0.125rem !important;
  }
  .py-2-5 {
    padding-top: 0.15625rem !important;
  }
  .py-3 {
    padding-top: 0.1875rem !important;
  }
  .py-3-5 {
    padding-top: 0.21875rem !important;
  }
  .py-4 {
    padding-top: 0.25rem !important;
  }
  .py-5 {
    padding-top: 0.3125rem !important;
  }
  .py-6 {
    padding-top: 0.375rem !important;
  }
  .py-7 {
    padding-top: 0.4375rem !important;
  }
  .py-8 {
    padding-top: 0.5rem !important;
  }
  .py-9 {
    padding-top: 0.5625rem !important;
  }
  .py-10 {
    padding-top: 0.625rem !important;
  }
  .py-11 {
    padding-top: 0.6875rem !important;
  }
  .py-12 {
    padding-top: 0.75rem !important;
  }
  .py-14 {
    padding-top: 0.875rem !important;
  }
  .py-16 {
    padding-top: 1rem !important;
  }
  .py-20 {
    padding-top: 1.25rem !important;
  }
  .py-24 {
    padding-top: 1.5rem !important;
  }
  .py-28 {
    padding-top: 1.75rem !important;
  }
  .py-32 {
    padding-top: 2rem !important;
  }
  .py-36 {
    padding-top: 2.25rem !important;
  }
  .py-40 {
    padding-top: 2.5rem !important;
  }
}
/* Small devices (sm: 480px - 767px) - 50% of medium */
@media (min-width: 480px) and (max-width: 767px) {
  .py-0-5 {
    padding-top: 0.0625rem !important;
  }
  .py-1 {
    padding-top: 0.125rem !important;
  }
  .py-1-5 {
    padding-top: 0.1875rem !important;
  }
  .py-2 {
    padding-top: 0.25rem !important;
  }
  .py-2-5 {
    padding-top: 0.3125rem !important;
  }
  .py-3 {
    padding-top: 0.375rem !important;
  }
  .py-3-5 {
    padding-top: 0.4375rem !important;
  }
  .py-4 {
    padding-top: 0.5rem !important;
  }
  .py-5 {
    padding-top: 0.625rem !important;
  }
  .py-6 {
    padding-top: 0.75rem !important;
  }
  .py-7 {
    padding-top: 0.875rem !important;
  }
  .py-8 {
    padding-top: 1rem !important;
  }
  .py-9 {
    padding-top: 1.125rem !important;
  }
  .py-10 {
    padding-top: 1.25rem !important;
  }
  .py-11 {
    padding-top: 1.375rem !important;
  }
  .py-12 {
    padding-top: 1.5rem !important;
  }
  .py-14 {
    padding-top: 1.75rem !important;
  }
  .py-16 {
    padding-top: 2rem !important;
  }
  .py-20 {
    padding-top: 2.5rem !important;
  }
  .py-24 {
    padding-top: 3rem !important;
  }
  .py-28 {
    padding-top: 3.5rem !important;
  }
  .py-32 {
    padding-top: 4rem !important;
  }
  .py-36 {
    padding-top: 4.5rem !important;
  }
  .py-40 {
    padding-top: 5rem !important;
  }
}
/* Medium devices (md: 768px - 1023px) - base scale */
@media (min-width: 768px) and (max-width: 1023px) {
  .py-0-5 {
    padding-top: 0.125rem !important;
  }
  .py-1 {
    padding-top: 0.25rem !important;
  }
  .py-1-5 {
    padding-top: 0.375rem !important;
  }
  .py-2 {
    padding-top: 0.5rem !important;
  }
  .py-2-5 {
    padding-top: 0.625rem !important;
  }
  .py-3 {
    padding-top: 0.75rem !important;
  }
  .py-3-5 {
    padding-top: 0.875rem !important;
  }
  .py-4 {
    padding-top: 1rem !important;
  }
  .py-5 {
    padding-top: 1.25rem !important;
  }
  .py-6 {
    padding-top: 1.5rem !important;
  }
  .py-7 {
    padding-top: 1.75rem !important;
  }
  .py-8 {
    padding-top: 2rem !important;
  }
  .py-9 {
    padding-top: 2.25rem !important;
  }
  .py-10 {
    padding-top: 2.5rem !important;
  }
  .py-11 {
    padding-top: 2.75rem !important;
  }
  .py-12 {
    padding-top: 3rem !important;
  }
  .py-14 {
    padding-top: 3.5rem !important;
  }
  .py-16 {
    padding-top: 4rem !important;
  }
  .py-20 {
    padding-top: 5rem !important;
  }
  .py-24 {
    padding-top: 6rem !important;
  }
  .py-28 {
    padding-top: 7rem !important;
  }
  .py-32 {
    padding-top: 8rem !important;
  }
  .py-36 {
    padding-top: 9rem !important;
  }
  .py-40 {
    padding-top: 10rem !important;
  }
}
/* Large devices (lg: 1024px - 1279px) - 150% of medium */
@media (min-width: 1024px) and (max-width: 1279px) {
  .py-0-5 {
    padding-top: 0.1875rem !important;
  }
  .py-1 {
    padding-top: 0.375rem !important;
  }
  .py-1-5 {
    padding-top: 0.5625rem !important;
  }
  .py-2 {
    padding-top: 0.75rem !important;
  }
  .py-2-5 {
    padding-top: 0.9375rem !important;
  }
  .py-3 {
    padding-top: 1.125rem !important;
  }
  .py-3-5 {
    padding-top: 1.3125rem !important;
  }
  .py-4 {
    padding-top: 1.5rem !important;
  }
  .py-5 {
    padding-top: 1.875rem !important;
  }
  .py-6 {
    padding-top: 2.25rem !important;
  }
  .py-7 {
    padding-top: 2.625rem !important;
  }
  .py-8 {
    padding-top: 3rem !important;
  }
  .py-9 {
    padding-top: 3.375rem !important;
  }
  .py-10 {
    padding-top: 3.75rem !important;
  }
  .py-11 {
    padding-top: 4.125rem !important;
  }
  .py-12 {
    padding-top: 4.5rem !important;
  }
  .py-14 {
    padding-top: 5.25rem !important;
  }
  .py-16 {
    padding-top: 6rem !important;
  }
  .py-20 {
    padding-top: 7.5rem !important;
  }
  .py-24 {
    padding-top: 9rem !important;
  }
  .py-28 {
    padding-top: 10.5rem !important;
  }
  .py-32 {
    padding-top: 12rem !important;
  }
  .py-36 {
    padding-top: 13.5rem !important;
  }
  .py-40 {
    padding-top: 15rem !important;
  }
}
/* Extra large devices (xl: 1280px - 1535px) - 200% of medium */
@media (min-width: 1280px) and (max-width: 1535px) {
  .py-0-5 {
    padding-top: 0.25rem !important;
  }
  .py-1 {
    padding-top: 0.5rem !important;
  }
  .py-1-5 {
    padding-top: 0.75rem !important;
  }
  .py-2 {
    padding-top: 1rem !important;
  }
  .py-2-5 {
    padding-top: 1.25rem !important;
  }
  .py-3 {
    padding-top: 1.5rem !important;
  }
  .py-3-5 {
    padding-top: 1.75rem !important;
  }
  .py-4 {
    padding-top: 2rem !important;
  }
  .py-5 {
    padding-top: 2.5rem !important;
  }
  .py-6 {
    padding-top: 3rem !important;
  }
  .py-7 {
    padding-top: 3.5rem !important;
  }
  .py-8 {
    padding-top: 4rem !important;
  }
  .py-9 {
    padding-top: 4.5rem !important;
  }
  .py-10 {
    padding-top: 5rem !important;
  }
  .py-11 {
    padding-top: 5.5rem !important;
  }
  .py-12 {
    padding-top: 6rem !important;
  }
  .py-14 {
    padding-top: 7rem !important;
  }
  .py-16 {
    padding-top: 8rem !important;
  }
  .py-20 {
    padding-top: 10rem !important;
  }
  .py-24 {
    padding-top: 12rem !important;
  }
  .py-28 {
    padding-top: 14rem !important;
  }
  .py-32 {
    padding-top: 16rem !important;
  }
  .py-36 {
    padding-top: 18rem !important;
  }
  .py-40 {
    padding-top: 20rem !important;
  }
}
/* Extra extra large devices (xxl: >= 1536px) - 300% of medium */
@media (min-width: 1536px) {
  .py-0-5 {
    padding-top: 0.375rem !important;
  }
  .py-1 {
    padding-top: 0.75rem !important;
  }
  .py-1-5 {
    padding-top: 1.125rem !important;
  }
  .py-2 {
    padding-top: 1.5rem !important;
  }
  .py-2-5 {
    padding-top: 1.875rem !important;
  }
  .py-3 {
    padding-top: 2.25rem !important;
  }
  .py-3-5 {
    padding-top: 2.625rem !important;
  }
  .py-4 {
    padding-top: 3rem !important;
  }
  .py-5 {
    padding-top: 3.75rem !important;
  }
  .py-6 {
    padding-top: 4.5rem !important;
  }
  .py-7 {
    padding-top: 5.25rem !important;
  }
  .py-8 {
    padding-top: 6rem !important;
  }
  .py-9 {
    padding-top: 6.75rem !important;
  }
  .py-10 {
    padding-top: 7.5rem !important;
  }
  .py-11 {
    padding-top: 8.25rem !important;
  }
  .py-12 {
    padding-top: 9rem !important;
  }
  .py-14 {
    padding-top: 10.5rem !important;
  }
  .py-16 {
    padding-top: 12rem !important;
  }
  .py-20 {
    padding-top: 15rem !important;
  }
  .py-24 {
    padding-top: 18rem !important;
  }
  .py-28 {
    padding-top: 21rem !important;
  }
  .py-32 {
    padding-top: 24rem !important;
  }
  .py-36 {
    padding-top: 27rem !important;
  }
  .py-40 {
    padding-top: 30rem !important;
  }
}
.py-0-5 {
  padding-bottom: 0.125rem !important;
}
.py-1 {
  padding-bottom: 0.25rem !important;
}
.py-1-5 {
  padding-bottom: 0.375rem !important;
}
.py-2 {
  padding-bottom: 0.5rem !important;
}
.py-2-5 {
  padding-bottom: 0.625rem !important;
}
.py-3 {
  padding-bottom: 0.75rem !important;
}
.py-3-5 {
  padding-bottom: 0.875rem !important;
}
.py-4 {
  padding-bottom: 1rem !important;
}
.py-5 {
  padding-bottom: 1.25rem !important;
}
.py-6 {
  padding-bottom: 1.5rem !important;
}
.py-7 {
  padding-bottom: 1.75rem !important;
}
.py-8 {
  padding-bottom: 2rem !important;
}
.py-9 {
  padding-bottom: 2.25rem !important;
}
.py-10 {
  padding-bottom: 2.5rem !important;
}
.py-11 {
  padding-bottom: 2.75rem !important;
}
.py-12 {
  padding-bottom: 3rem !important;
}
.py-14 {
  padding-bottom: 3.5rem !important;
}
.py-16 {
  padding-bottom: 4rem !important;
}
.py-20 {
  padding-bottom: 5rem !important;
}
.py-24 {
  padding-bottom: 6rem !important;
}
.py-28 {
  padding-bottom: 7rem !important;
}
.py-32 {
  padding-bottom: 8rem !important;
}
.py-36 {
  padding-bottom: 9rem !important;
}
.py-40 {
  padding-bottom: 10rem !important;
}
/* Extra small devices (xs: max-width: 479px) - 25% of medium */
@media (max-width: 479px) {
  .py-0-5 {
    padding-bottom: 0.03125rem !important;
  }
  .py-1 {
    padding-bottom: 0.0625rem !important;
  }
  .py-1-5 {
    padding-bottom: 0.09375rem !important;
  }
  .py-2 {
    padding-bottom: 0.125rem !important;
  }
  .py-2-5 {
    padding-bottom: 0.15625rem !important;
  }
  .py-3 {
    padding-bottom: 0.1875rem !important;
  }
  .py-3-5 {
    padding-bottom: 0.21875rem !important;
  }
  .py-4 {
    padding-bottom: 0.25rem !important;
  }
  .py-5 {
    padding-bottom: 0.3125rem !important;
  }
  .py-6 {
    padding-bottom: 0.375rem !important;
  }
  .py-7 {
    padding-bottom: 0.4375rem !important;
  }
  .py-8 {
    padding-bottom: 0.5rem !important;
  }
  .py-9 {
    padding-bottom: 0.5625rem !important;
  }
  .py-10 {
    padding-bottom: 0.625rem !important;
  }
  .py-11 {
    padding-bottom: 0.6875rem !important;
  }
  .py-12 {
    padding-bottom: 0.75rem !important;
  }
  .py-14 {
    padding-bottom: 0.875rem !important;
  }
  .py-16 {
    padding-bottom: 1rem !important;
  }
  .py-20 {
    padding-bottom: 1.25rem !important;
  }
  .py-24 {
    padding-bottom: 1.5rem !important;
  }
  .py-28 {
    padding-bottom: 1.75rem !important;
  }
  .py-32 {
    padding-bottom: 2rem !important;
  }
  .py-36 {
    padding-bottom: 2.25rem !important;
  }
  .py-40 {
    padding-bottom: 2.5rem !important;
  }
}
/* Small devices (sm: 480px - 767px) - 50% of medium */
@media (min-width: 480px) and (max-width: 767px) {
  .py-0-5 {
    padding-bottom: 0.0625rem !important;
  }
  .py-1 {
    padding-bottom: 0.125rem !important;
  }
  .py-1-5 {
    padding-bottom: 0.1875rem !important;
  }
  .py-2 {
    padding-bottom: 0.25rem !important;
  }
  .py-2-5 {
    padding-bottom: 0.3125rem !important;
  }
  .py-3 {
    padding-bottom: 0.375rem !important;
  }
  .py-3-5 {
    padding-bottom: 0.4375rem !important;
  }
  .py-4 {
    padding-bottom: 0.5rem !important;
  }
  .py-5 {
    padding-bottom: 0.625rem !important;
  }
  .py-6 {
    padding-bottom: 0.75rem !important;
  }
  .py-7 {
    padding-bottom: 0.875rem !important;
  }
  .py-8 {
    padding-bottom: 1rem !important;
  }
  .py-9 {
    padding-bottom: 1.125rem !important;
  }
  .py-10 {
    padding-bottom: 1.25rem !important;
  }
  .py-11 {
    padding-bottom: 1.375rem !important;
  }
  .py-12 {
    padding-bottom: 1.5rem !important;
  }
  .py-14 {
    padding-bottom: 1.75rem !important;
  }
  .py-16 {
    padding-bottom: 2rem !important;
  }
  .py-20 {
    padding-bottom: 2.5rem !important;
  }
  .py-24 {
    padding-bottom: 3rem !important;
  }
  .py-28 {
    padding-bottom: 3.5rem !important;
  }
  .py-32 {
    padding-bottom: 4rem !important;
  }
  .py-36 {
    padding-bottom: 4.5rem !important;
  }
  .py-40 {
    padding-bottom: 5rem !important;
  }
}
/* Medium devices (md: 768px - 1023px) - base scale */
@media (min-width: 768px) and (max-width: 1023px) {
  .py-0-5 {
    padding-bottom: 0.125rem !important;
  }
  .py-1 {
    padding-bottom: 0.25rem !important;
  }
  .py-1-5 {
    padding-bottom: 0.375rem !important;
  }
  .py-2 {
    padding-bottom: 0.5rem !important;
  }
  .py-2-5 {
    padding-bottom: 0.625rem !important;
  }
  .py-3 {
    padding-bottom: 0.75rem !important;
  }
  .py-3-5 {
    padding-bottom: 0.875rem !important;
  }
  .py-4 {
    padding-bottom: 1rem !important;
  }
  .py-5 {
    padding-bottom: 1.25rem !important;
  }
  .py-6 {
    padding-bottom: 1.5rem !important;
  }
  .py-7 {
    padding-bottom: 1.75rem !important;
  }
  .py-8 {
    padding-bottom: 2rem !important;
  }
  .py-9 {
    padding-bottom: 2.25rem !important;
  }
  .py-10 {
    padding-bottom: 2.5rem !important;
  }
  .py-11 {
    padding-bottom: 2.75rem !important;
  }
  .py-12 {
    padding-bottom: 3rem !important;
  }
  .py-14 {
    padding-bottom: 3.5rem !important;
  }
  .py-16 {
    padding-bottom: 4rem !important;
  }
  .py-20 {
    padding-bottom: 5rem !important;
  }
  .py-24 {
    padding-bottom: 6rem !important;
  }
  .py-28 {
    padding-bottom: 7rem !important;
  }
  .py-32 {
    padding-bottom: 8rem !important;
  }
  .py-36 {
    padding-bottom: 9rem !important;
  }
  .py-40 {
    padding-bottom: 10rem !important;
  }
}
/* Large devices (lg: 1024px - 1279px) - 150% of medium */
@media (min-width: 1024px) and (max-width: 1279px) {
  .py-0-5 {
    padding-bottom: 0.1875rem !important;
  }
  .py-1 {
    padding-bottom: 0.375rem !important;
  }
  .py-1-5 {
    padding-bottom: 0.5625rem !important;
  }
  .py-2 {
    padding-bottom: 0.75rem !important;
  }
  .py-2-5 {
    padding-bottom: 0.9375rem !important;
  }
  .py-3 {
    padding-bottom: 1.125rem !important;
  }
  .py-3-5 {
    padding-bottom: 1.3125rem !important;
  }
  .py-4 {
    padding-bottom: 1.5rem !important;
  }
  .py-5 {
    padding-bottom: 1.875rem !important;
  }
  .py-6 {
    padding-bottom: 2.25rem !important;
  }
  .py-7 {
    padding-bottom: 2.625rem !important;
  }
  .py-8 {
    padding-bottom: 3rem !important;
  }
  .py-9 {
    padding-bottom: 3.375rem !important;
  }
  .py-10 {
    padding-bottom: 3.75rem !important;
  }
  .py-11 {
    padding-bottom: 4.125rem !important;
  }
  .py-12 {
    padding-bottom: 4.5rem !important;
  }
  .py-14 {
    padding-bottom: 5.25rem !important;
  }
  .py-16 {
    padding-bottom: 6rem !important;
  }
  .py-20 {
    padding-bottom: 7.5rem !important;
  }
  .py-24 {
    padding-bottom: 9rem !important;
  }
  .py-28 {
    padding-bottom: 10.5rem !important;
  }
  .py-32 {
    padding-bottom: 12rem !important;
  }
  .py-36 {
    padding-bottom: 13.5rem !important;
  }
  .py-40 {
    padding-bottom: 15rem !important;
  }
}
/* Extra large devices (xl: 1280px - 1535px) - 200% of medium */
@media (min-width: 1280px) and (max-width: 1535px) {
  .py-0-5 {
    padding-bottom: 0.25rem !important;
  }
  .py-1 {
    padding-bottom: 0.5rem !important;
  }
  .py-1-5 {
    padding-bottom: 0.75rem !important;
  }
  .py-2 {
    padding-bottom: 1rem !important;
  }
  .py-2-5 {
    padding-bottom: 1.25rem !important;
  }
  .py-3 {
    padding-bottom: 1.5rem !important;
  }
  .py-3-5 {
    padding-bottom: 1.75rem !important;
  }
  .py-4 {
    padding-bottom: 2rem !important;
  }
  .py-5 {
    padding-bottom: 2.5rem !important;
  }
  .py-6 {
    padding-bottom: 3rem !important;
  }
  .py-7 {
    padding-bottom: 3.5rem !important;
  }
  .py-8 {
    padding-bottom: 4rem !important;
  }
  .py-9 {
    padding-bottom: 4.5rem !important;
  }
  .py-10 {
    padding-bottom: 5rem !important;
  }
  .py-11 {
    padding-bottom: 5.5rem !important;
  }
  .py-12 {
    padding-bottom: 6rem !important;
  }
  .py-14 {
    padding-bottom: 7rem !important;
  }
  .py-16 {
    padding-bottom: 8rem !important;
  }
  .py-20 {
    padding-bottom: 10rem !important;
  }
  .py-24 {
    padding-bottom: 12rem !important;
  }
  .py-28 {
    padding-bottom: 14rem !important;
  }
  .py-32 {
    padding-bottom: 16rem !important;
  }
  .py-36 {
    padding-bottom: 18rem !important;
  }
  .py-40 {
    padding-bottom: 20rem !important;
  }
}
/* Extra extra large devices (xxl: >= 1536px) - 300% of medium */
@media (min-width: 1536px) {
  .py-0-5 {
    padding-bottom: 0.375rem !important;
  }
  .py-1 {
    padding-bottom: 0.75rem !important;
  }
  .py-1-5 {
    padding-bottom: 1.125rem !important;
  }
  .py-2 {
    padding-bottom: 1.5rem !important;
  }
  .py-2-5 {
    padding-bottom: 1.875rem !important;
  }
  .py-3 {
    padding-bottom: 2.25rem !important;
  }
  .py-3-5 {
    padding-bottom: 2.625rem !important;
  }
  .py-4 {
    padding-bottom: 3rem !important;
  }
  .py-5 {
    padding-bottom: 3.75rem !important;
  }
  .py-6 {
    padding-bottom: 4.5rem !important;
  }
  .py-7 {
    padding-bottom: 5.25rem !important;
  }
  .py-8 {
    padding-bottom: 6rem !important;
  }
  .py-9 {
    padding-bottom: 6.75rem !important;
  }
  .py-10 {
    padding-bottom: 7.5rem !important;
  }
  .py-11 {
    padding-bottom: 8.25rem !important;
  }
  .py-12 {
    padding-bottom: 9rem !important;
  }
  .py-14 {
    padding-bottom: 10.5rem !important;
  }
  .py-16 {
    padding-bottom: 12rem !important;
  }
  .py-20 {
    padding-bottom: 15rem !important;
  }
  .py-24 {
    padding-bottom: 18rem !important;
  }
  .py-28 {
    padding-bottom: 21rem !important;
  }
  .py-32 {
    padding-bottom: 24rem !important;
  }
  .py-36 {
    padding-bottom: 27rem !important;
  }
  .py-40 {
    padding-bottom: 30rem !important;
  }
}
.gap-0-5 {
  gap: 0.125rem !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-1-5 {
  gap: 0.375rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-2-5 {
  gap: 0.625rem !important;
}
.gap-3 {
  gap: 0.75rem !important;
}
.gap-3-5 {
  gap: 0.875rem !important;
}
.gap-4 {
  gap: 1rem !important;
}
.gap-5 {
  gap: 1.25rem !important;
}
.gap-6 {
  gap: 1.5rem !important;
}
.gap-7 {
  gap: 1.75rem !important;
}
.gap-8 {
  gap: 2rem !important;
}
.gap-9 {
  gap: 2.25rem !important;
}
.gap-10 {
  gap: 2.5rem !important;
}
.gap-11 {
  gap: 2.75rem !important;
}
.gap-12 {
  gap: 3rem !important;
}
.gap-14 {
  gap: 3.5rem !important;
}
.gap-16 {
  gap: 4rem !important;
}
.gap-20 {
  gap: 5rem !important;
}
.gap-24 {
  gap: 6rem !important;
}
.gap-28 {
  gap: 7rem !important;
}
.gap-32 {
  gap: 8rem !important;
}
.gap-36 {
  gap: 9rem !important;
}
.gap-40 {
  gap: 10rem !important;
}
/* Extra small devices (xs: max-width: 479px) - 25% of medium */
@media (max-width: 479px) {
  .gap-0-5 {
    gap: 0.03125rem !important;
  }
  .gap-1 {
    gap: 0.0625rem !important;
  }
  .gap-1-5 {
    gap: 0.09375rem !important;
  }
  .gap-2 {
    gap: 0.125rem !important;
  }
  .gap-2-5 {
    gap: 0.15625rem !important;
  }
  .gap-3 {
    gap: 0.1875rem !important;
  }
  .gap-3-5 {
    gap: 0.21875rem !important;
  }
  .gap-4 {
    gap: 0.25rem !important;
  }
  .gap-5 {
    gap: 0.3125rem !important;
  }
  .gap-6 {
    gap: 0.375rem !important;
  }
  .gap-7 {
    gap: 0.4375rem !important;
  }
  .gap-8 {
    gap: 0.5rem !important;
  }
  .gap-9 {
    gap: 0.5625rem !important;
  }
  .gap-10 {
    gap: 0.625rem !important;
  }
  .gap-11 {
    gap: 0.6875rem !important;
  }
  .gap-12 {
    gap: 0.75rem !important;
  }
  .gap-14 {
    gap: 0.875rem !important;
  }
  .gap-16 {
    gap: 1rem !important;
  }
  .gap-20 {
    gap: 1.25rem !important;
  }
  .gap-24 {
    gap: 1.5rem !important;
  }
  .gap-28 {
    gap: 1.75rem !important;
  }
  .gap-32 {
    gap: 2rem !important;
  }
  .gap-36 {
    gap: 2.25rem !important;
  }
  .gap-40 {
    gap: 2.5rem !important;
  }
}
/* Small devices (sm: 480px - 767px) - 50% of medium */
@media (min-width: 480px) and (max-width: 767px) {
  .gap-0-5 {
    gap: 0.0625rem !important;
  }
  .gap-1 {
    gap: 0.125rem !important;
  }
  .gap-1-5 {
    gap: 0.1875rem !important;
  }
  .gap-2 {
    gap: 0.25rem !important;
  }
  .gap-2-5 {
    gap: 0.3125rem !important;
  }
  .gap-3 {
    gap: 0.375rem !important;
  }
  .gap-3-5 {
    gap: 0.4375rem !important;
  }
  .gap-4 {
    gap: 0.5rem !important;
  }
  .gap-5 {
    gap: 0.625rem !important;
  }
  .gap-6 {
    gap: 0.75rem !important;
  }
  .gap-7 {
    gap: 0.875rem !important;
  }
  .gap-8 {
    gap: 1rem !important;
  }
  .gap-9 {
    gap: 1.125rem !important;
  }
  .gap-10 {
    gap: 1.25rem !important;
  }
  .gap-11 {
    gap: 1.375rem !important;
  }
  .gap-12 {
    gap: 1.5rem !important;
  }
  .gap-14 {
    gap: 1.75rem !important;
  }
  .gap-16 {
    gap: 2rem !important;
  }
  .gap-20 {
    gap: 2.5rem !important;
  }
  .gap-24 {
    gap: 3rem !important;
  }
  .gap-28 {
    gap: 3.5rem !important;
  }
  .gap-32 {
    gap: 4rem !important;
  }
  .gap-36 {
    gap: 4.5rem !important;
  }
  .gap-40 {
    gap: 5rem !important;
  }
}
/* Medium devices (md: 768px - 1023px) - base scale */
@media (min-width: 768px) and (max-width: 1023px) {
  .gap-0-5 {
    gap: 0.125rem !important;
  }
  .gap-1 {
    gap: 0.25rem !important;
  }
  .gap-1-5 {
    gap: 0.375rem !important;
  }
  .gap-2 {
    gap: 0.5rem !important;
  }
  .gap-2-5 {
    gap: 0.625rem !important;
  }
  .gap-3 {
    gap: 0.75rem !important;
  }
  .gap-3-5 {
    gap: 0.875rem !important;
  }
  .gap-4 {
    gap: 1rem !important;
  }
  .gap-5 {
    gap: 1.25rem !important;
  }
  .gap-6 {
    gap: 1.5rem !important;
  }
  .gap-7 {
    gap: 1.75rem !important;
  }
  .gap-8 {
    gap: 2rem !important;
  }
  .gap-9 {
    gap: 2.25rem !important;
  }
  .gap-10 {
    gap: 2.5rem !important;
  }
  .gap-11 {
    gap: 2.75rem !important;
  }
  .gap-12 {
    gap: 3rem !important;
  }
  .gap-14 {
    gap: 3.5rem !important;
  }
  .gap-16 {
    gap: 4rem !important;
  }
  .gap-20 {
    gap: 5rem !important;
  }
  .gap-24 {
    gap: 6rem !important;
  }
  .gap-28 {
    gap: 7rem !important;
  }
  .gap-32 {
    gap: 8rem !important;
  }
  .gap-36 {
    gap: 9rem !important;
  }
  .gap-40 {
    gap: 10rem !important;
  }
}
/* Large devices (lg: 1024px - 1279px) - 150% of medium */
@media (min-width: 1024px) and (max-width: 1279px) {
  .gap-0-5 {
    gap: 0.1875rem !important;
  }
  .gap-1 {
    gap: 0.375rem !important;
  }
  .gap-1-5 {
    gap: 0.5625rem !important;
  }
  .gap-2 {
    gap: 0.75rem !important;
  }
  .gap-2-5 {
    gap: 0.9375rem !important;
  }
  .gap-3 {
    gap: 1.125rem !important;
  }
  .gap-3-5 {
    gap: 1.3125rem !important;
  }
  .gap-4 {
    gap: 1.5rem !important;
  }
  .gap-5 {
    gap: 1.875rem !important;
  }
  .gap-6 {
    gap: 2.25rem !important;
  }
  .gap-7 {
    gap: 2.625rem !important;
  }
  .gap-8 {
    gap: 3rem !important;
  }
  .gap-9 {
    gap: 3.375rem !important;
  }
  .gap-10 {
    gap: 3.75rem !important;
  }
  .gap-11 {
    gap: 4.125rem !important;
  }
  .gap-12 {
    gap: 4.5rem !important;
  }
  .gap-14 {
    gap: 5.25rem !important;
  }
  .gap-16 {
    gap: 6rem !important;
  }
  .gap-20 {
    gap: 7.5rem !important;
  }
  .gap-24 {
    gap: 9rem !important;
  }
  .gap-28 {
    gap: 10.5rem !important;
  }
  .gap-32 {
    gap: 12rem !important;
  }
  .gap-36 {
    gap: 13.5rem !important;
  }
  .gap-40 {
    gap: 15rem !important;
  }
}
/* Extra large devices (xl: 1280px - 1535px) - 200% of medium */
@media (min-width: 1280px) and (max-width: 1535px) {
  .gap-0-5 {
    gap: 0.25rem !important;
  }
  .gap-1 {
    gap: 0.5rem !important;
  }
  .gap-1-5 {
    gap: 0.75rem !important;
  }
  .gap-2 {
    gap: 1rem !important;
  }
  .gap-2-5 {
    gap: 1.25rem !important;
  }
  .gap-3 {
    gap: 1.5rem !important;
  }
  .gap-3-5 {
    gap: 1.75rem !important;
  }
  .gap-4 {
    gap: 2rem !important;
  }
  .gap-5 {
    gap: 2.5rem !important;
  }
  .gap-6 {
    gap: 3rem !important;
  }
  .gap-7 {
    gap: 3.5rem !important;
  }
  .gap-8 {
    gap: 4rem !important;
  }
  .gap-9 {
    gap: 4.5rem !important;
  }
  .gap-10 {
    gap: 5rem !important;
  }
  .gap-11 {
    gap: 5.5rem !important;
  }
  .gap-12 {
    gap: 6rem !important;
  }
  .gap-14 {
    gap: 7rem !important;
  }
  .gap-16 {
    gap: 8rem !important;
  }
  .gap-20 {
    gap: 10rem !important;
  }
  .gap-24 {
    gap: 12rem !important;
  }
  .gap-28 {
    gap: 14rem !important;
  }
  .gap-32 {
    gap: 16rem !important;
  }
  .gap-36 {
    gap: 18rem !important;
  }
  .gap-40 {
    gap: 20rem !important;
  }
}
/* Extra extra large devices (xxl: >= 1536px) - 300% of medium */
@media (min-width: 1536px) {
  .gap-0-5 {
    gap: 0.375rem !important;
  }
  .gap-1 {
    gap: 0.75rem !important;
  }
  .gap-1-5 {
    gap: 1.125rem !important;
  }
  .gap-2 {
    gap: 1.5rem !important;
  }
  .gap-2-5 {
    gap: 1.875rem !important;
  }
  .gap-3 {
    gap: 2.25rem !important;
  }
  .gap-3-5 {
    gap: 2.625rem !important;
  }
  .gap-4 {
    gap: 3rem !important;
  }
  .gap-5 {
    gap: 3.75rem !important;
  }
  .gap-6 {
    gap: 4.5rem !important;
  }
  .gap-7 {
    gap: 5.25rem !important;
  }
  .gap-8 {
    gap: 6rem !important;
  }
  .gap-9 {
    gap: 6.75rem !important;
  }
  .gap-10 {
    gap: 7.5rem !important;
  }
  .gap-11 {
    gap: 8.25rem !important;
  }
  .gap-12 {
    gap: 9rem !important;
  }
  .gap-14 {
    gap: 10.5rem !important;
  }
  .gap-16 {
    gap: 12rem !important;
  }
  .gap-20 {
    gap: 15rem !important;
  }
  .gap-24 {
    gap: 18rem !important;
  }
  .gap-28 {
    gap: 21rem !important;
  }
  .gap-32 {
    gap: 24rem !important;
  }
  .gap-36 {
    gap: 27rem !important;
  }
  .gap-40 {
    gap: 30rem !important;
  }
}
.gray-6 {
  color: var(--modus-wc-color-gray-6);
}

modus-wc-icon .modus-icons.modus-wc-icon--md.xl,
modus-wc-icon .modus-icons-outlined.modus-wc-icon--md.xl,
modus-wc-icon .modus-icons-solid.modus-wc-icon--md.xl {
  font-size: 64px;
  height: 64px;
  width: 64px;
}

.icon-line {
  fill: var(--modus-wc-color-base-content-low-contrast);
}

.pointer {
  cursor: pointer;
}

[data-theme=modus-classic-dark] .icon-line {
  fill: var(--modus-wc-color-base-content);
}
.menu:hover {
  color: inherit !important;
}
.no-space {
  margin: 0;
  padding: 0;
}

html[data-theme=modus-classic-dark] modus-wc-divider .modus-wc-divider-neutral:before {
  background-color: var(--modus-wc-color-gray-9);
}

html[data-theme=modus-classic-dark] modus-wc-divider .modus-wc-divider-neutral:after {
  background-color: var(--modus-wc-color-gray-9);
}

.user-panel-wrapper {
  position: absolute;
  z-index: 1000;
  right: 3px;
  top: 3px;
}

.user-panel {
  color: var(--modus-wc-color-base-content);
  z-index: 1000;
}

.user-panel .modus-wc-btn {
  color: transparent;
  border-radius: 50%;
}

.user-panel .section {
  padding: 0;
}

.user-panel .header {
  font-weight: bold;
  color: var(--modus-wc-color-gray-6);
}

.user-panel .user-base {
  padding: 0 8px;
  text-align: center;
  display: flex;
  justify-items: center;
  flex-direction: column;
}

modus-wc-menu .modus-wc-menu.modus-wc-menu--bordered {
  border-radius: 16px;
  border: 1px solid var(--modus-wc-color-gray-0);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

.no-space {
  padding: 0;
  padding-top: 5px;
  margin: 0;
}

modus-wc-divider {
  height: 1px;
  max-height: 1px;
  margin-top: 2px;
  margin-bottom: 6px;
  display: flex;
  flex-direction: column;
}

.menu-user-avatar {
  margin: 16px 16px 4px;
}

.user-content {
  margin: 5px;
  max-width: 240px;
  overflow-wrap: anywhere;
}

.theme-switcher {
  margin: auto;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer {
  margin-bottom: 16px;
  color: var(--modus-wc-color-gray-6);
}

.privacy-icon {
  order: 2;
}

modus-wc-dropdown-menu > modus-wc-button {
  display: flex;
}

.hide {
  display: none;
}

html[data-theme=modus-classic-dark] .user-panel .modus-wc-menu {
  background-color: var(--modus-wc-color-trimble-gray);
}

html[data-theme=modus-classic-dark] modus-wc-menu .modus-wc-menu.modus-wc-menu--bordered {
  border: 1px solid var(--modus-wc-color-gray-9);
}

html[data-theme=modus-classic-dark] .footer {
  color: var(--modus-wc-color-gray-3);
}

/*# sourceMappingURL=main.e5cb33df5f6ac07d.css.map*/