style-forge/style-forge.css

Style-Forge: CSS framework with themes, utilities, flexbox, and grid for creating responsive websites.

/*! style-forge 2025.2.8 | MIT License | https://github.com/Style-Forge/hub */

:root{--sf-ff:'Inter',ui-sans-serif,system-ui,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';--sf-table-gap-x:0.7em;--sf-table-gap-y:0.4em;--sf-c-backdrop:0 0% 10%;--sf-c-table-bd:0 0% 75%;--sf-input-width:32px;--sf-input-hight:32px;--sf-disabled:0.4;--sf-elm-py:0.5em;--sf-elm-px:0.5em;--sf-c-form-white:0 0% 100%;--sf-c-form-info:200 100% 60%;--sf-c-form-error:0 100% 60%;--sf-c-form-success:0 100% 60%;--sf-c-form-warning:39 100% 50%;--sf-c-form-bg:0 0% 90%;--sf-c-form-bd:0 0% 10%;--sf-c-form-loading:0 0% 10%;--sf-c-form-txt:0 0% 10%;--sf-dark-c-form-white:0 0% 100%;--sf-dark-c-form-info:219 79% 66%;--sf-dark-c-form-error:0 100% 65%;--sf-dark-c-form-success:0 100% 65%;--sf-dark-c-form-warning:39 100% 60%;--sf-dark-c-form-bg:0 0% 20%;--sf-dark-c-form-bd:0 0% 100%;--sf-dark-c-form-loading:0 0% 100%;--sf-dark-c-form-txt:0 0% 90%;--sf-unit-xxxs:0.0625;--sf-unit-xxs:0.125;--sf-unit-xs:0.25;--sf-unit-sm:0.5;--sf-unit-s:0.625;--sf-unit-ms:0.75;--sf-unit-ls:0.875;--sf-unit-md:1;--sf-unit-lg:1.125;--sf-unit-xl:1.25;--sf-unit-2xl:1.5;--sf-unit-3xl:2;--sf-unit-4xl:2.5;--sf-unit-5xl:3;--sf-unit-6xl:3.5;--sf-unit-7xl:4;--sf-unit-8xl:4.5;--sf-unit-9xl:5;--sf-unit-10xl:5.5;--sf-unit-11xl:6;--sf-unit-12xl:6.5;--sf-rem:1rem;--sf-rem-xxxs:calc(var(--sf-unit-xxxs) * var(--sf-rem));--sf-rem-xxs:calc(var(--sf-unit-xxs) * var(--sf-rem));--sf-rem-xxss:calc(3 / 16 * var(--sf-rem));--sf-rem-xs:calc(var(--sf-unit-xs) * var(--sf-rem));--sf-rem-xss:calc(5 / 16 * var(--sf-rem));--sf-rem-xsss:calc(6 / 16 * var(--sf-rem));--sf-rem-3xs:calc(7 / 16 * var(--sf-rem));--sf-rem-sm:calc(var(--sf-unit-sm) * var(--sf-rem));--sf-rem-smm:calc(9 / 16 * var(--sf-rem));--sf-rem-s:calc(var(--sf-unit-s) * var(--sf-rem));--sf-rem-ss:calc(11 / 16 * var(--sf-rem));--sf-rem-ms:calc(var(--sf-unit-ms) * var(--sf-rem));--sf-rem-mss:calc(13 / 16 * var(--sf-rem));--sf-rem-ls:calc(var(--sf-unit-ls) * var(--sf-rem));--sf-rem-lss:calc(15 / 16 * var(--sf-rem));--sf-rem-md:calc(var(--sf-unit-md) * var(--sf-rem));--sf-rem-mdd:calc(17 / 16 * var(--sf-rem));--sf-rem-lg:calc(var(--sf-unit-lg) * var(--sf-rem));--sf-rem-lgg:calc(19 / 16 * var(--sf-rem));--sf-rem-xl:calc(var(--sf-unit-xl) * var(--sf-rem));--sf-rem-2xl:calc(var(--sf-unit-2xl) * var(--sf-rem));--sf-rem-3xl:calc(var(--sf-unit-3xl) * var(--sf-rem));--sf-rem-4xl:calc(var(--sf-unit-4xl) * var(--sf-rem));--sf-rem-5xl:calc(var(--sf-unit-5xl) * var(--sf-rem));--sf-rem-6xl:calc(var(--sf-unit-6xl) * var(--sf-rem));--sf-rem-7xl:calc(var(--sf-unit-7xl) * var(--sf-rem));--sf-rem-8xl:calc(var(--sf-unit-8xl) * var(--sf-rem));--sf-rem-9xl:calc(var(--sf-unit-9xl) * var(--sf-rem));--sf-rem-10xl:calc(var(--sf-unit-10xl) * var(--sf-rem));--sf-rem-11xl:calc(var(--sf-unit-11xl) * var(--sf-rem));--sf-rem-12xl:calc(var(--sf-unit-12xl) * var(--sf-rem));--sf-bd-w:1px;--sf-ol-w:1px;--sf-gap-x:var(--sf-rem-sm);--sf-gap-y:var(--sf-rem-sm);--sf-gap-x-xs:var(--sf-rem-xs);--sf-gap-y-xs:var(--sf-rem-xs);--sf-gap-x-sm:var(--sf-rem-sm);--sf-gap-y-sm:var(--sf-rem-sm);--sf-gap-x-s:var(--sf-rem-s);--sf-gap-y-s:var(--sf-rem-s);--sf-gap-x-ms:var(--sf-rem-ms);--sf-gap-y-ms:var(--sf-rem-ms);--sf-gap-x-ls:var(--sf-rem-ls);--sf-gap-y-ls:var(--sf-rem-ls);--sf-gap-x-md:var(--sf-rem-md);--sf-gap-y-md:var(--sf-rem-md);--sf-gap-x-lg:var(--sf-rem-lg);--sf-gap-y-lg:var(--sf-rem-lg);--sf-gap-x-xl:var(--sf-rem-xl);--sf-gap-y-xl:var(--sf-rem-xl);--sf-gap-x-2xl:var(--sf-rem-2xl);--sf-gap-y-2xl:var(--sf-rem-2xl);--sf-gap-x-3xl:var(--sf-rem-3xl);--sf-gap-y-3xl:var(--sf-rem-3xl);--sf-gap-x-4xl:var(--sf-rem-4xl);--sf-gap-y-4xl:var(--sf-rem-4xl);--sf-gap-x-5xl:var(--sf-rem-5xl);--sf-gap-y-5xl:var(--sf-rem-5xl);--sf-gap-x-6xl:var(--sf-rem-6xl);--sf-gap-y-6xl:var(--sf-rem-6xl);--sf-gap-x-7xl:var(--sf-rem-7xl);--sf-gap-y-7xl:var(--sf-rem-7xl);--sf-gap-x-8xl:var(--sf-rem-8xl);--sf-gap-y-8xl:var(--sf-rem-8xl);--sf-gap-x-9xl:var(--sf-rem-9xl);--sf-gap-y-9xl:var(--sf-rem-9xl);--sf-gap-x-10xl:var(--sf-rem-10xl);--sf-gap-y-10xl:var(--sf-rem-10xl);--sf-gap-x-11xl:var(--sf-rem-11xl);--sf-gap-y-11xl:var(--sf-rem-11xl);--sf-gap-x-12xl:var(--sf-rem-12xl);--sf-gap-y-12xl:var(--sf-rem-12xl);--sf-lh:0.8;--sf-lh-normal:1.1875;--sf-ff-sans:'Inter',ui-sans-serif,system-ui,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';--sf-ff-serif:Times,'Times New Roman',Georgia,serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';--sf-ff-monospace:'Lucida Console',Courier,monospace,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';--sf-ff-cursive:cursive;--sf-ff-fantasy:fantasy;--sf-ff-emoji:'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji',emoji;--sf-ff-math:math;--sf-ff-fangsong:fangsong;--sf-fz:1rem;--sf-fz-0:0;--sf-fz-bold:1rem;--sf-fz-h1:3rem;--sf-fz-h2:2.5rem;--sf-fz-h3:2rem;--sf-fz-h4:1.5rem;--sf-fz-h5:1.25rem;--sf-fz-h6:1rem;--sf-fz-small:0.75rem;--sf-fz-15:0.9375rem;--sf-fz-14:0.875rem;--sf-fz-13:0.8125rem;--sf-fz-12:0.75rem;--sf-fz-11:0.6875rem;--sf-fz-10:0.625rem;--sf-fw:400;--sf-fw-bold:600;--sf-fw-small:300;--sf-fw-h1:700;--sf-fw-h2:700;--sf-fw-h3:700;--sf-fw-h4:600;--sf-fw-h5:600;--sf-fw-h6:600;--sf-c-link:225 73% 57%;--sf-c-txt:0 0% 10%;--sf-c-bg:0 0% 100%;--sf-c-bd:0 0% 75%;--sf-c-shape-bg:0 0% 90%;--sf-dark-c-link:225 73% 57%;--sf-dark-c-txt:0 0% 90%;--sf-dark-c-bg:0 0% 10%;--sf-dark-c-bd:0 0% 50%;--sf-dark-c-shape-bg:0 0% 20%}*,*::before,*::after{z-index:0;box-sizing:inherit}::-ms-backdrop{background:hsl(var(--sf-c-backdrop)/20%);--sf-c-backdrop:0 0% 10%;--sf-dark-c-backdrop:0 0% 100%}::backdrop{background:hsl(var(--sf-c-backdrop)/20%);--sf-c-backdrop:0 0% 10%;--sf-dark-c-backdrop:0 0% 100%}html{font-family:var(--sf-ff,sans-serif);font-size:var(--sf-fz,1rem);font-weight:var(--sf-fw,400);font-synthesis:style;font-optical-sizing:auto;font-stretch:normal;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--sf-lh,0.8);color:hsl(var(--sf-c-txt));background:hsl(var(--sf-c-bg));min-width:320px;height:100%;box-sizing:border-box;color-scheme:light;transition:background-color 0.2s ease-out}body{min-height:100%;margin:0 auto}figure{margin:0}hr{width:100%;margin:1em 0}pre{overflow:auto;padding:1.25em 1.5em;background:hsl(var(--sf-c-shape-bg))}ol,ul{margin:0 0 0 2em;padding:0}dt{font-weight:700}dd{margin-left:2em}blockquote{margin:0 2em}details[open]>summary:first-of-type{list-style-type:disclosure-open}summary{cursor:pointer;display:list-item;counter-increment:list-item 0;list-style:inside disclosure-closed}video{width:100%;height:100%}img{max-width:100%;max-height:100%;text-anchor:middle;-o-object-fit:contain;object-fit:contain;image-rendering:crisp-edges;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}iframe,img{border:0}html.var{font-family:'Inter',ui-sans-serif,system-ui,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:16px;font-weight:400;line-height:0.8;color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html.var pre{background:hsl(0,0%,90%)}html.var ::-ms-backdrop{background:hsla(0,0%,10%,0.2)}html.var ::backdrop{background:hsla(0,0%,10%,0.2)}dialog[open]{z-index:1000}article,aside,details,dialog[open],figure,footer,header,hgroup,main,nav,section{display:block}meter,progress{display:inline-block}audio,bdi,canvas,data,embed,mark,output,picture,svg,time,video,wbr{display:inline}[hidden],datalist,dialog:not([open]),source,template,track{display:none !important}h1,h2,h3,h4,h5,h6,pre,ruby,address,blockquote,dd,dt,li,p,figure,details{font-size:inherit;line-height:var(--sf-lh-normal)}small,sub,sup{font-size:var(--sf-fz-small);font-weight:var(--sf-fw-small)}h1{font-size:var(--sf-fz-h1);font-weight:var(--sf-fw-h1);margin:0.8em 0 0.4em}h2{font-size:var(--sf-fz-h2);font-weight:var(--sf-fw-h2);margin:0.9em 0 0.45em}h3{font-size:var(--sf-fz-h3);font-weight:var(--sf-fw-h3);margin:1em 0 0.5em}h4{font-size:var(--sf-fz-h4);font-weight:var(--sf-fw-h4);margin:1.1em 0 0.55em}h5{font-size:var(--sf-fz-h5);font-weight:var(--sf-fw-h5);margin:1.2em 0 0.6em}h6{font-size:var(--sf-fz-h6);font-weight:var(--sf-fw-h6);margin:1.3em 0 0.65em}p{margin:0}pre,code,kbd,samp,time{font-family:monospace,monospace}b,strong{font-weight:var(--sf-fw-bold)}html.var h1,html.var h2,html.var h3,html.var h4,html.var h5,html.var h6,html.var pre,html.var ruby,html.var address,html.var blockquote,html.var dd,html.var dt,html.var li,html.var p,html.var figure,html.var details{line-height:1.1875}html.var small,html.var sub,html.var sup{font-size:12px;font-weight:300}html.var h1{font-size:48px;font-weight:700}html.var h2{font-size:40px;font-weight:700}html.var h3{font-size:32px;font-weight:700}html.var h4{font-size:24px;font-weight:600}html.var h5{font-size:20px;font-weight:600}html.var h6{font-size:16px;font-weight:600}html.var b,html.var strong{font-weight:600}a{color:hsl(var(--sf-c-link));text-decoration:underline;background:none}a:not([href]){cursor:not-allowed;text-decoration:none;opacity:var(--sf-disabled);-webkit-tap-highlight-color:transparent}html.var a{color:hsl(225,73%,57%)}html.var a:not([href]){opacity:0.4}button,input,optgroup,option,select,textarea{font-size:inherit;font-family:inherit;font-weight:400;line-height:1;text-transform:none;vertical-align:top}select,button,input,textarea{padding:0 0.75em;min-height:32px}input[type='checkbox'],input[type='color'],input[type='file'],input[type='hidden'],input[type='image'],input[type='radio'],input[type='range']{margin:0;padding:0;min-height:32px}input[type='checkbox'],input[type='radio'],textarea{min-height:auto}button,select,input[type='button'],input[type='reset'],input[type='submit'],input[type='checkbox'],input[type='color'],input[type='file'],input[type='image'],input[type='radio'],input[type='range']{cursor:pointer}button,input[type='button'],input[type='reset'],input[type='submit'],input[type='checkbox'],input[type='radio']{vertical-align:baseline}input[type='checkbox']{margin:0 3px 0 0.5em}input[type='radio']{margin:0 3px 0 0.5em}fieldset{padding:1em;border:0}legend{color:inherit;padding:0 0.5em}textarea{overflow:auto}::-webkit-file-upload-button{cursor:pointer;font-size:inherit;font-family:inherit;font-weight:400;line-height:1;padding:0 0.75em;min-height:32px;text-transform:none;vertical-align:baseline}::file-selector-button{cursor:pointer;font-size:inherit;font-family:inherit;font-weight:400;line-height:1;padding:0 0.75em;min-height:32px;text-transform:none;vertical-align:baseline}::-webkit-file-upload-button:disabled{cursor:not-allowed;-webkit-tap-highlight-color:transparent}::file-selector-button:disabled{cursor:not-allowed;-webkit-tap-highlight-color:transparent}:disabled,input:disabled,button:disabled,select:disabled{cursor:not-allowed;-webkit-tap-highlight-color:transparent}table{display:table;border-collapse:collapse;font-size:inherit;line-height:var(--sf-lh-normal);border-width:0 1px 1px 0;border-spacing:0}table,td,th{border:1px solid hsl(var(--sf-c-table-bd))}tbody,tfoot,thead{background:none}td,th{padding:0.5em 0.75em}td:not([align]),th:not([align]){text-align:start}td:not([valign]),th:not([valign]){vertical-align:top}html.var table,html.var td,html.var th{border:1px solid hsl(0,0%,75%)}html.var table{line-height:1.1875}html[data-theme='dark'],html.dark{--sf-c-form-white:var(--sf-dark-c-form-white);--sf-c-form-bg:var(--sf-dark-c-form-bg);--sf-c-form-error:var(--sf-dark-c-form-error);--sf-c-form-success:var(--sf-dark-c-form-success);--sf-c-form-warning:var(--sf-dark-c-form-warning);--sf-c-form-info:var(--sf-dark-c-form-info);--sf-c-form-bd:var(--sf-dark-c-form-bd);--sf-c-form-loading:var(--sf-dark-c-form-loading);--sf-c-form-txt:var(--sf-dark-c-form-txt);color-scheme:dark;--sf-c-link:var(--sf-dark-c-link);--sf-c-bd:var(--sf-dark-c-bd);--sf-c-bg:var(--sf-dark-c-bg);--sf-c-shape-bg:var(--sf-dark-c-shape-bg);--sf-c-txt:var(--sf-dark-c-txt)}@media (prefers-color-scheme:dark){html[data-theme='auto'],html.auto{--sf-c-form-white:var(--sf-dark-c-form-white);--sf-c-form-bg:var(--sf-dark-c-form-bg);--sf-c-form-error:var(--sf-dark-c-form-error);--sf-c-form-success:var(--sf-dark-c-form-success);--sf-c-form-warning:var(--sf-dark-c-form-warning);--sf-c-form-info:var(--sf-dark-c-form-info);--sf-c-form-bd:var(--sf-dark-c-form-bd);--sf-c-form-loading:var(--sf-dark-c-form-loading);--sf-c-form-txt:var(--sf-dark-c-form-txt);color-scheme:dark;--sf-c-link:var(--sf-dark-c-link);--sf-c-bd:var(--sf-dark-c-bd);--sf-c-bg:var(--sf-dark-c-bg);--sf-c-shape-bg:var(--sf-dark-c-shape-bg);--sf-c-txt:var(--sf-dark-c-txt)}}.sf-input *,.sf-input *::before,.sf-input *::after{box-sizing:inherit}.sf-input[type='image'],.sf-input[type='range']{cursor:pointer;border:0;padding:0}.sf-input{cursor:auto;font-size:15px;font-family:inherit;font-weight:inherit;line-height:1;text-transform:none;color:hsl(var(--sf-c-form-txt));background:hsl(var(--sf-c-form-bg)/20%);border-style:solid;border-color:hsl(var(--sf-c-form-bd)/20%);border-width:0 0 1px;border-radius:0;outline:none;width:100%;min-height:var(--sf-input-hight);padding:calc(var(--sf-elm-py) * 0.25) var(--sf-elm-px);box-sizing:border-box;vertical-align:top}@media only screen and (max-width:1024px){.sf-input{font-size:16px}}.sf-input[type='range']{width:100%}.sf-input[type='image']{width:auto;height:auto}.sf-input[type='time'],.sf-input[type='week'],.sf-input[type='month'],.sf-input[type='date'],.sf-input[type='datetime-local']{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:start}.sf-input::-webkit-date-and-time-value{text-align:start}.sf-input::-webkit-calendar-picker-indicator{cursor:pointer;outline:none;opacity:0.5}.sf-input:hover::-webkit-calendar-picker-indicator{opacity:1}.sf-input::-moz-placeholder{color:hsl(var(--sf-c-form-txt)/40%)}.sf-input:-ms-input-placeholder{color:hsl(var(--sf-c-form-txt)/40%)}.sf-input::placeholder{color:hsl(var(--sf-c-form-txt)/40%)}.sf-input:focus{border-color:transparent transparent hsl(var(--sf-c-form-info));outline:none}.sf-input[type='color']:focus-visible,.sf-input[type='image']:focus-visible,.sf-input[type='range']:focus-visible{outline:2px solid hsl(var(--sf-c-form-info));outline-offset:2px}.sf-input:disabled{cursor:not-allowed;opacity:var(--sf-disabled)}html.var .sf-input{padding:4px 8px;min-height:32px}html.var .sf-input:not([class*='sf-c-']){color:hsl(0,0%,10%);background:hsla(0,0%,90%,0.2)}html.var .sf-input:not(.bd\:c\:ii){border-color:hsla(0,0%,10%,0.2)}html.var .sf-input::-moz-placeholder{color:hsla(0,0%,10%,0.4)}html.var .sf-input:-ms-input-placeholder{color:hsla(0,0%,10%,0.4)}html.var .sf-input::placeholder{color:hsla(0,0%,10%,0.4)}html.var .sf-input:-moz-placeholder-shown{border-color:hsla(0,0%,10%,0.2)}html.var .sf-input:-ms-input-placeholder{border-color:hsla(0,0%,10%,0.2)}html.var .sf-input:placeholder-shown{border-color:hsla(0,0%,10%,0.2)}html.var .sf-input:focus{border-color:hsl(200,100%,60%)}html.var .sf-input[type='image'],html.var .sf-input[type='range']{background:none}html.var .sf-input[type='color']:focus-visible,html.var .sf-input[type='image']:focus-visible,html.var .sf-input[type='range']:focus-visible{outline:2px solid hsl(200,100%,60%)}html.var .sf-input:disabled{opacity:0.4}.sf-button{cursor:pointer;display:inline-block;font-size:15px;font-family:inherit;font-weight:inherit;line-height:1;color:hsl(var(--sf-c-form-txt));background:hsl(var(--sf-c-form-bg)/20%);border-style:solid;border-color:hsl(var(--sf-c-form-bd)/20%);border-width:1px;text-align:center;text-decoration:none;text-transform:none;border-radius:3px;min-height:var(--sf-input-hight);padding:var(--sf-elm-py) var(--sf-elm-px);box-sizing:border-box;vertical-align:baseline}a.sf-button:not([href]),.sf-button:disabled{cursor:not-allowed;opacity:var(--sf-disabled)}.sf-button:focus-visible{outline:1px solid hsl(var(--sf-c-form-info));outline-offset:-1px}html.var .sf-button{padding:8px;min-height:32px}html.var .sf-button:not([class*='sf-c-']){color:hsl(0,0%,10%);background:hsla(0,0%,100%,0.2)}html.var .sf-button:not(.bd\:c\:ii){border-color:hsla(0,0%,10%,0.2)}html.var a.sf-button:not([href]),html.var .sf-button:disabled{opacity:0.4}html.var .sf-button:focus-visible{outline:1px solid hsl(200,100%,60%)}label.sf-radio,label.sf-checkbox{box-sizing:border-box}label.sf-radio *,label.sf-radio *::before,label.sf-radio *::after,label.sf-checkbox *,label.sf-checkbox *::before,label.sf-checkbox *::after{box-sizing:inherit}label.sf-radio input,label.sf-checkbox input,label.sf-radio input::before,label.sf-checkbox input::before{width:16px;height:16px}label.sf-radio input,label.sf-radio input~*,label.sf-checkbox input,label.sf-checkbox input~*{cursor:pointer}label.sf-radio input:disabled,label.sf-radio input:disabled~*,label.sf-checkbox input:disabled,label.sf-checkbox input:disabled~*{cursor:not-allowed;opacity:var(--sf-disabled)}label.sf-radio input,label.sf-checkbox input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;margin:0 0 -2px;padding:0;vertical-align:baseline}label.sf-radio input::before,label.sf-checkbox input::before{top:0;left:0;position:absolute;width:16px;height:16px;content:'';background-color:hsl(var(--sf-c-form-bg)/20%);border:1px solid hsl(var(--sf-c-form-bd)/20%)}label.sf-radio input::after,label.sf-checkbox input::after{top:3px;left:3px;right:3px;bottom:3px;position:absolute;content:''}label.sf-radio input:checked::before,label.sf-checkbox input:checked::before{border-color:hsl(var(--sf-c-form-info))}label.sf-radio input:checked::after,label.sf-checkbox input:checked::after{background-color:hsl(var(--sf-c-form-info))}label.sf-radio input::before,label.sf-radio input::after{border-radius:50%}.sf-radio input:focus-visible,.sf-checkbox input:focus-visible{border-color:transparent;outline:2px solid hsl(var(--sf-c-form-info));outline-offset:2px}.sf-radio input:focus-visible{border-radius:50%}html.var label.sf-radio input:disabled,html.var label.sf-radio input:disabled~*,html.var label.sf-checkbox input:disabled,html.var label.sf-checkbox input:disabled~*{opacity:0.4}html.var label.sf-radio input::before,html.var label.sf-checkbox input::before{border-color:hsla(0,0%,10%,0.2)}html.var label.sf-radio input:checked::before,html.var label.sf-radio input:checked::after,html.var .sf-radio input:focus-visible,html.var label.sf-checkbox input:checked::before,html.var label.sf-checkbox input:checked::after,html.var .sf-checkbox input:focus-visible{outline-color:hsl(200,100%,60%)}.sf-select,.sf-select option{font-size:15px;font-family:inherit;font-weight:inherit;text-transform:none}.sf-select{padding:var(--sf-elm-py) var(--sf-elm-px);cursor:pointer;background:hsl(var(--sf-c-form-bg)/20%);border-style:solid;border-color:hsl(var(--sf-c-form-bd)/20%);border-width:1px;border-radius:0;width:100%;height:auto;overflow:auto}.sf-select option{padding:calc(var(--sf-elm-py) / 2) var(--sf-elm-px)}.sf-select optgroup{padding:calc(var(--sf-elm-py) / 2) 0 0}.sf-select:not([multiple]){min-height:var(--sf-input-hight);padding:0 var(--sf-elm-px);border-width:0 0 1px}.sf-select::-ms-expand{border:0;background:none}.sf-select:focus-visible{outline:1px solid hsl(var(--sf-c-form-info));outline-offset:-1px}.sf-select:disabled{cursor:not-allowed;opacity:var(--sf-disabled)}html.var .sf-select:not([multiple]){padding:0 0 0 8px;min-height:32px}html.var .sf-select{padding:8px 0 8px 8px}html.var .sf-select:not([class*='sf-c-']){color:hsl(0,0%,10%);background:hsla(0,0%,90%,0.2)}html.var .sf-select:not(.bd\:c\:ii){border-color:hsla(0,0%,10%,0.2)}html.var .sf-select:disabled{opacity:0.4}.sf-textarea{font-size:15px;font-family:inherit;font-weight:inherit;line-height:1.499535;color:hsl(var(--sf-c-form-txt));background:hsl(var(--sf-c-form-bg)/20%);border-style:solid;border-color:hsl(var(--sf-c-form-bd)/20%);border-width:1px;width:100%;max-width:100%;min-height:calc((1.499535em + 2px + var(--sf-elm-py)) * 4);padding:var(--sf-elm-py) var(--sf-elm-px);border-radius:3px;resize:vertical;overflow:auto;box-sizing:border-box}@media only screen and (max-width:1024px){.sf-textarea{font-size:16px}}.sf-textarea::-moz-placeholder{color:hsl(var(--sf-c-form-txt)/40%)}.sf-textarea:-ms-input-placeholder{color:hsl(var(--sf-c-form-txt)/40%)}.sf-textarea::placeholder{color:hsl(var(--sf-c-form-txt)/40%)}.sf-textarea:disabled{cursor:not-allowed;resize:none;opacity:var(--sf-disabled)}.sf-textarea:focus-visible{outline:1px solid hsl(var(--sf-c-form-info));outline-offset:-1px}html.var .sf-textarea{min-height:calc((1.499535em + 2px + 0.5em) * 4);padding:8px}html.var .sf-textarea:not([class*='sf-c-']){color:hsl(0,0%,10%);background:hsla(0,0%,90%,0.2)}html.var .sf-textarea:not(.bd\:c\:ii){border-color:hsla(0,0%,10%,0.2)}html.var .sf-textarea::-moz-placeholder{color:hsla(0,0%,10%,0.4)}html.var .sf-textarea:-ms-input-placeholder{color:hsla(0,0%,10%,0.4)}html.var .sf-textarea::placeholder{color:hsla(0,0%,10%,0.4)}html.var .sf-textarea:disabled{opacity:0.4}html.var .sf-textarea:focus:valid{border-color:hsl(200,100%,60%)}.sf-input[type='color']{cursor:pointer;width:32px;height:32px;background:conic-gradient(from 0,yellow,darkorange,red,fuchsia,blue,cyan,lime,yellowgreen,yellow);padding:0;border:0;border-radius:50%}.sf-input[type='color']:disabled{cursor:not-allowed;opacity:var(--sf-disabled)}.sf-input[type='color']::-webkit-color-swatch-wrapper{padding:3px}.sf-input[type='color']::-webkit-color-swatch{border:2px solid hsl(var(--sf-c-form-white));border-radius:50%}.sf-input[type='color']::-moz-color-swatch{border:2px solid hsl(var(--sf-c-form-white));border-radius:50%}.sf-input[type='color']:focus-visible{border-radius:50%}html.var .sf-input[type='color']:disabled{opacity:0.4}html.var .sf-input[type='color']::-webkit-color-swatch{border:2px solid hsl(0,0%,100%)}html.var .sf-input[type='color']::-moz-color-swatch{border:2px solid hsl(0,0%,100%)}.sf-input[type='file']{cursor:pointer;font-size:15px;font-family:inherit;font-weight:inherit;line-height:1;border:0;width:auto;max-width:100%;min-height:var(--sf-input-hight);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sf-input[type='file']::-webkit-file-upload-button{cursor:pointer;display:inline-block;font-size:15px;font-family:inherit;font-weight:inherit;line-height:1;text-align:center;text-transform:none;text-decoration:none;color:hsl(var(--sf-c-form-txt));background:hsl(var(--sf-c-form-bg)/20%);border:1px solid hsl(var(--sf-c-form-bd)/20%);min-height:var(--sf-input-hight);border-radius:3px}.sf-input[type='file']::file-selector-button{cursor:pointer;display:inline-block;font-size:15px;font-family:inherit;font-weight:inherit;line-height:1;text-align:center;text-transform:none;text-decoration:none;color:hsl(var(--sf-c-form-txt));background:hsl(var(--sf-c-form-bg)/20%);border:1px solid hsl(var(--sf-c-form-bd)/20%);min-height:var(--sf-input-hight);border-radius:3px}.sf-input[type='file']:focus-visible{outline:none}.sf-input[type='file']:focus-visible::-webkit-file-upload-button{outline:1px solid hsl(var(--sf-c-form-info));outline-offset:-1px}.sf-input[type='file']:focus-visible::file-selector-button{outline:1px solid hsl(var(--sf-c-form-info));outline-offset:-1px}.sf-input[type='file']:disabled{cursor:not-allowed;opacity:var(--sf-disabled)}.sf-input[type='file']:disabled::-webkit-file-upload-button{cursor:not-allowed}.sf-input[type='file']:disabled::file-selector-button{cursor:not-allowed}html.var .sf-input[type='file']{padding:0;min-height:32px}html.var .sf-input[type='file']::-webkit-file-upload-button{color:hsl(0,0%,10%);background:hsla(0,0%,100%,0.2);border:1px solid hsla(0,0%,10%,0.2);min-height:32px}html.var .sf-input[type='file']::file-selector-button{color:hsl(0,0%,10%);background:hsla(0,0%,100%,0.2);border:1px solid hsla(0,0%,10%,0.2);min-height:32px}html.var .sf-input[type='file']:focus-visible::-webkit-file-upload-button{outline:1px solid hsl(200,100%,60%)}html.var .sf-input[type='file']:focus-visible::file-selector-button{outline:1px solid hsl(200,100%,60%)}html.var .sf-input[type='file']:disabled{opacity:0.4}.sf-switch{box-sizing:border-box;font-size:15px;font-family:inherit;font-weight:inherit;line-height:1;text-transform:none}.sf-switch.multiple *,.sf-switch.multiple *::before,.sf-switch.multiple *::after{box-sizing:inherit}label.sf-switch input[type='checkbox']{--sf-form-switch-size:1rem;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:0;margin:0;width:calc(var(--sf-form-switch-size) * 2);height:var(--sf-form-switch-size);vertical-align:text-top}label.sf-switch input[type='checkbox']::before{cursor:pointer;top:0;left:0;position:absolute;width:calc(var(--sf-form-switch-size) * 2);height:var(--sf-form-switch-size);content:'';background:hsl(var(--sf-c-form-bd)/20%);border-radius:calc(var(--sf-form-switch-size) / 2)}label.sf-switch input[type='checkbox']::after{cursor:pointer;top:2px;left:2px;position:absolute;width:calc(var(--sf-form-switch-size) - 2px * 2);height:calc(var(--sf-form-switch-size) - 2px * 2);content:'';background:hsl(var(--sf-c-form-white));border-radius:calc(var(--sf-form-switch-size) / 2);box-shadow:0 0 0 1px hsl(var(--sf-c-form-white));transition:transform 0.05s ease-in}label.sf-switch input[type='checkbox']:checked::before{background:hsl(var(--sf-c-form-info))}label.sf-switch input[type='checkbox']:checked::after{transform:translate3d(var(--sf-form-switch-size),0,0)}label.sf-switch input[type='radio']~*,label.sf-switch input[type='checkbox']~*{cursor:pointer}.sf-switch.multiple .sf-switch-toggle{display:inline-block;background:hsl(var(--sf-c-form-bg)/20%);box-shadow:1px 2px 8px 0 hsl(var(--sf-c-form-bd)/15%)}.sf-switch.multiple .sf-switch-toggle *{display:inline-block}.sf-switch.multiple .sf-switch-toggle label{position:relative}.sf-switch.multiple .sf-switch-toggle span{font-size:12px;text-align:center;min-width:32px;padding:var(--sf-elm-py) var(--sf-elm-px);background:hsl(var(--sf-c-form-bd)/5%)}.sf-switch.multiple input[type='checkbox'],.sf-switch.multiple input[type='radio']{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;top:0;left:0;right:0;bottom:0;position:absolute;z-index:1;width:100%;height:100%;padding:0;margin:0;border:0;opacity:0}.sf-switch.multiple input[type='checkbox']::before,.sf-switch.multiple input[type='radio']::before,.sf-switch.multiple input[type='checkbox']::after,.sf-switch.multiple input[type='radio']::after{content:none}.sf-switch.multiple input[type='checkbox']:checked~span,.sf-switch.multiple input[type='radio']:checked~span{color:hsl(var(--sf-c-form-white));background:hsl(var(--sf-c-form-info))}.sf-switch.multiple.vert .sf-switch-toggle{-ms-flex-flow:column;flex-flow:column}.sf-switch.multiple .sf-switch-description{font-size:12px;margin:0.5em 0 0;padding:0 0 0.5em}.sf-switch input[type='checkbox']:disabled,.sf-switch input[type='checkbox']:disabled::after,.sf-switch input[type='checkbox']:disabled::before,.sf-switch input[type='checkbox']:disabled~*,.sf-switch.multiple input[type='checkbox']:disabled,.sf-switch.multiple input[type='radio']:disabled,.sf-switch.multiple input[type='checkbox']:disabled~*,.sf-switch.multiple input[type='radio']:disabled~*{cursor:not-allowed}.sf-switch input[type='checkbox']:disabled,.sf-switch input[type='checkbox']:disabled~*,.sf-switch.multiple input[type='checkbox']:disabled~*,.sf-switch.multiple input[type='radio']:disabled~*{opacity:var(--sf-disabled)}.sf-switch input[type='checkbox']:focus-visible,.sf-switch input[type='radio']:focus-visible{border-color:transparent;outline:2px solid hsl(var(--sf-c-form-info))}.sf-switch:not(.multiple) input[type='checkbox']:focus-visible,.sf-switch:not(.multiple) input[type='radio']:focus-visible{border-radius:calc(var(--sf-form-switch-size) / 2)}html.var label.sf-switch input[type='checkbox']{width:16px;height:16px}html.var label.sf-switch input[type='checkbox']::before{width:16px;height:16px;background:hsla(0,0%,10%,0.2);border-radius:8px}html.var label.sf-switch input[type='checkbox']::after{width:28px;height:28px;background:hsl(0,0%,100%);border-radius:8px;box-shadow:0 0 0 1px hsl(0,0%,100%)}html.var label.sf-switch input[type='checkbox']:checked::before{background:hsl(200,100%,60%)}html.var .sf-switch.multiple .sf-switch-toggle{background:hsla(0,0%,90%,0.2);box-shadow:1px 2px 8px 0 hsla(0,0%,10%,0.15)}html.var .sf-switch.multiple .sf-switch-toggle span{font-size:12px;padding:8px;background:hsla(0,0%,10%,0.1)}html.var .sf-switch.multiple input[type='checkbox']:checked~span,html.var .sf-switch.multiple input[type='radio']:checked~span{color:hsl(0,0%,100%);background:hsl(200,100%,60%)}html.var .sf-switch.multiple .sf-switch-description{font-size:12px}html.var .sf-switch input[type='checkbox']:disabled~*,html.var .sf-switch.multiple input[type='checkbox']:disabled~*,html.var .sf-switch.multiple input[type='radio']:disabled~*{opacity:0.4}html.var .sf-switch input[type='checkbox']:focus-visible,html.var .sf-switch input[type='radio']:focus-visible{outline:2px solid hsl(200,100%,60%)}html.var .sf-switch:not(.multiple) input[type='checkbox']:focus-visible,html.var .sf-switch:not(.multiple) input[type='radio']:focus-visible{border-radius:8px}@keyframes Loading{from{background-position:0 0}to{background-position:28px 0}}a.sf-loading.sf-button:not([href]),.sf-loading:disabled,.sf-loading.sf-button:disabled,.sf-loading.sf-input:not([type='color']):disabled{--c1:transparent;--c2:hsl(var(--sf-c-form-loading)/5%);cursor:progress;background:repeating-linear-gradient(45deg,var(--c1),var(--c1) 10px,var(--c2) 10px,var(--c2) 20px);background-size:28px 100%;animation:Loading .3s linear infinite}html.var a.sf-loading.sf-button:not([href]),html.var .sf-loading:disabled,html.var .sf-loading.sf-button:disabled,html.var .sf-loading.sf-input:not([type='color']):disabled{background:repeating-linear-gradient(45deg,transparent,transparent 10px,hsla(0,0%,10%,0.05) 10px,hsla(0,0%,10%,0.05) 20px)}.sf-description,.sf-invalid,.sf-valid{color:hsl(var(--sf-c-form-txt)/40%);font-size:12px;font-family:inherit;font-weight:300;line-height:1;text-transform:none;margin-top:0.5em;padding-bottom:0.5em}html .sf-description{display:block}html .sf-invalid,html .sf-valid{display:none}.show.sf-description,.show.sf-invalid,.show.sf-valid{display:block !important}.hide.sf-description,.hide.sf-invalid,.hide.sf-valid{display:none !important}.sf-invalid{color:hsl(var(--sf-c-form-error))}.sf-valid:not(.sf-description){color:hsl(var(--sf-c-form-txt))}.validates:focus:invalid~.sf-invalid,.validates:focus:valid~.sf-valid,.validates:focus:valid~.sf-description.sf-valid{display:block}.validates:focus:invalid~.validates~.sf-invalid,.validates:focus:valid~.validates~.sf-valid,.validates:focus:valid~.validates~.sf-description.sf-valid{display:none}.validates:focus~.sf-description{display:none}.validates:focus~.validates~.sf-description{display:block}.error:not(:disabled)+.sf-invalid,.error:not(:disabled)+.sf-valid+.sf-invalid,.error:not(:disabled)+.sf-description+.sf-invalid{display:block !important}.error:not(:disabled)+.sf-invalid+.sf-valid,.error:not(:disabled)+.sf-invalid+.sf-description,.error:not(:disabled)+.sf-description,.error:not(:disabled)+.sf-description+.sf-valid,.error:not(:disabled)+.sf-valid,.error:not(:disabled)+.sf-valid+.sf-description{display:none !important}.validates input[type='checkbox']~.sf-invalid{display:block}.validates input[type='checkbox']:checked~.sf-invalid{display:none}.validates input[type='checkbox']:checked~.sf-valid{display:block}.validates:required:invalid:not(:focus){border-bottom-color:hsl(var(--sf-c-form-warning))}.validates:required:invalid:not(:disabled){border-bottom-color:hsl(var(--sf-c-form-warning))}.validates input[type='radio']:invalid::before,.validates input[type='checkbox']:invalid::before{border-color:hsl(var(--sf-c-form-error))}.error:not(:disabled),.validates:required:invalid:focus{border-bottom-color:hsl(var(--sf-c-form-error));outline:none}form.validates:invalid .sf-button[type='submit']{cursor:not-allowed;text-decoration:none;opacity:var(--sf-disabled);-webkit-text-fill-color:hsl(var(--sf-c-form-txt))}html.var .sf-description,html.var .sf-invalid,html.var .sf-valid{color:hsla(0,0%,10%,0.4)}html.var label.validates.sf-switch .sf-description,html.var label.validates.sf-switch .sf-valid,html.var label.validates.sf-switch .sf-invalid,html.var label.validates.sf-checkbox .sf-description,html.var label.validates.sf-checkbox .sf-valid,html.var label.validates.sf-checkbox .sf-invalid{line-height:1.1875}html.var .sf-invalid{color:hsl(0,100%,60%)}html.var .error:not(:disabled){border-bottom-color:hsl(0,100%,60%)}html.var .validates:invalid:required{border-bottom-color:hsl(39,100%,50%)}html.var .validates:invalid:focus{border-bottom-color:hsl(0,100%,60%)}html.var.grid .sf-description{display:block}html.var.grid .sf-invalid,html.var.grid .sf-valid{display:none}html.var.grid .validates:focus~.sf-description{display:none}html.var.grid .validates:focus~.validates~.sf-description{display:block}html.var.grid .validates input[type='checkbox']~.sf-invalid{display:block}html.var.grid .validates input[type='checkbox']:checked~.sf-invalid{display:none}html.var[data-theme='dark'] .sf-select::-ms-expand,html.var.dark .sf-select::-ms-expand{color:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-input[type='file']::-webkit-file-upload-button, html.var.dark .sf-input[type='file']::-webkit-file-upload-button{color:hsl(0,0%,90%);background-color:hsla(0,0%,20%,0.2);border-color:hsla(0,0%,100%,0.2)}html.var[data-theme='dark'] .sf-input[type='file']::file-selector-button,html.var.dark .sf-input[type='file']::file-selector-button{color:hsl(0,0%,90%);background-color:hsla(0,0%,20%,0.2);border-color:hsla(0,0%,100%,0.2)}html.var[data-theme='dark'] .sf-input[type='file']:focus-visible::-webkit-file-upload-button, html.var.dark .sf-input[type='file']:focus-visible::-webkit-file-upload-button{outline-color:hsl(219,79%,66%)}html.var[data-theme='dark'] .sf-input[type='file']:focus-visible::file-selector-button,html.var.dark .sf-input[type='file']:focus-visible::file-selector-button{outline-color:hsl(219,79%,66%)}html.var[data-theme='dark'] .sf-button:not([class*='sf-c-']),html.var[data-theme='dark'] .sf-input:not([class*='sf-c-']),html.var[data-theme='dark'] .sf-textarea:not([class*='sf-c-']),html.var[data-theme='dark'] .sf-select:not([class*='sf-c-']),html.var[data-theme='dark'] option,html.var.dark .sf-button:not([class*='sf-c-']),html.var.dark .sf-input:not([class*='sf-c-']),html.var.dark .sf-textarea:not([class*='sf-c-']),html.var.dark .sf-select:not([class*='sf-c-']),html.var.dark option{color:hsl(0,0%,90%);background-color:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-button:not(.bd\:c\:ii),html.var[data-theme='dark'] .sf-input:not(.bd\:c\:ii),html.var[data-theme='dark'] .sf-textarea:not(.bd\:c\:ii),html.var[data-theme='dark'] .sf-select:not(.bd\:c\:ii),html.var[data-theme='dark'] option,html.var.dark .sf-button:not(.bd\:c\:ii),html.var.dark .sf-input:not(.bd\:c\:ii),html.var.dark .sf-textarea:not(.bd\:c\:ii),html.var.dark .sf-select:not(.bd\:c\:ii),html.var.dark option{border-color:hsla(0,0%,100%,0.2)}html.var[data-theme='dark'] .sf-description:not([class*='sf-c-']),html.var[data-theme='dark'] .sf-valid:not([class*='sf-c-']),html.var.dark .sf-description:not([class*='sf-c-']),html.var.dark .sf-valid:not([class*='sf-c-']),html.var[data-theme='dark'] .sf-description:not([class*='sf-c-']),html.var[data-theme='dark'] .sf-valid:not([class*='sf-c-']),html.var.dark .sf-description:not([class*='sf-c-']),html.var.dark .sf-valid:not([class*='sf-c-']){color:hsla(0,0%,90%,0.4)}html.var[data-theme='dark'] .sf-invalid:not([class*='sf-c-']),html.var.dark .sf-invalid:not([class*='sf-c-']){color:hsl(0,100%,65%)}html.var[data-theme='dark'] .sf-button:focus-visible,html.var[data-theme='dark'] label.sf-radio input:checked::before,html.var label.sf-radio input:checked::after,html.var .sf-radio input:focus-visible,html.var[data-theme='dark'] label.sf-checkbox input:checked::before,html.var label.sf-checkbox input:checked::after,html.var .sf-checkbox input:focus-visible,html.var[data-theme='dark'] .sf-input:focus,html.var[data-theme='dark'] .sf-input[type='color']:focus-visible,html.var[data-theme='dark'] .sf-input[type='image']:focus-visible,html.var[data-theme='dark'] .sf-input[type='range']:focus-visible,html.var[data-theme='dark'] .sf-textarea:focus-visible,html.var[data-theme='dark'] .sf-select:focus-visible,html.var.dark .sf-button:focus-visible,html.var.dark label.sf-radio input:checked::before,html.var label.sf-radio input:checked::after,html.var .sf-radio input:focus-visible,html.var.dark label.sf-checkbox input:checked::before,html.var label.sf-checkbox input:checked::after,html.var .sf-checkbox input:focus-visible,html.var.dark .sf-input:focus,html.var.dark .sf-input[type='color']:focus-visible,html.var.dark .sf-input[type='image']:focus-visible,html.var.dark .sf-input[type='range']:focus-visible,html.var.dark .sf-textarea:focus-visible,html.var.dark .sf-select:focus-visible{outline-color:hsl(219,79%,66%)}html.var[data-theme='dark'] .sf-input[type='color']::-webkit-color-swatch,html.var.dark .sf-input[type='color']::-webkit-color-swatch{border-color:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-input[type='color']::-moz-color-swatch,html.var.dark .sf-input[type='color']::-moz-color-swatch{border-color:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-input,html.var.dark .sf-input{border-color:transparent transparent hsla(0,0%,100%,0.2)}html.var[data-theme='dark'] .sf-input::-moz-placeholder, html.var[data-theme='dark'] .sf-textarea::-moz-placeholder, html.var.dark .sf-input::-moz-placeholder, html.var.dark .sf-textarea::-moz-placeholder{color:hsla(0,0%,90%,0.4)}html.var[data-theme='dark'] .sf-input:-ms-input-placeholder, html.var[data-theme='dark'] .sf-textarea:-ms-input-placeholder, html.var.dark .sf-input:-ms-input-placeholder, html.var.dark .sf-textarea:-ms-input-placeholder{color:hsla(0,0%,90%,0.4)}html.var[data-theme='dark'] .sf-input::placeholder,html.var[data-theme='dark'] .sf-textarea::placeholder,html.var.dark .sf-input::placeholder,html.var.dark .sf-textarea::placeholder{color:hsla(0,0%,90%,0.4)}html.var[data-theme='dark'] .sf-input:-moz-placeholder-shown, html.var.dark .sf-input:-moz-placeholder-shown{border-color:hsla(0,0%,100%,0.2)}html.var[data-theme='dark'] .sf-input:-ms-input-placeholder, html.var.dark .sf-input:-ms-input-placeholder{border-color:hsla(0,0%,100%,0.2)}html.var[data-theme='dark'] .sf-input:placeholder-shown,html.var.dark .sf-input:placeholder-shown{border-color:hsla(0,0%,100%,0.2)}html.var[data-theme='dark'] .sf-input[type='image'],html.var[data-theme='dark'] .sf-input[type='range'],html.var.dark .sf-input[type='image'],html.var.dark .sf-input[type='range']{background:none}.\$d\:i{display:block;letter-spacing:-1em !important;margin-top:calc(var(--sf-gap-y) * -1);margin-left:calc(var(--sf-gap-x) * -1)}.\$d\:i>*{display:inline-block;letter-spacing:normal;vertical-align:top;margin-top:var(--sf-gap-y);margin-left:var(--sf-gap-x)}html.grid .\$d\:i{display:block}html.grid .\$d\:i>*{display:inline-block}.cols{--cols:12}.rows{--rows:12}.cols\:12{--cols:12}.rows\:12{--rows:12}.cols\:11{--cols:11}.rows\:11{--rows:11}.cols\:10{--cols:10}.rows\:10{--rows:10}.cols\:9{--cols:9}.rows\:9{--rows:9}.cols\:8{--cols:8}.rows\:8{--rows:8}.cols\:7{--cols:7}.rows\:7{--rows:7}.cols\:6{--cols:6}.rows\:6{--rows:6}.cols\:5{--cols:5}.rows\:5{--rows:5}.cols\:4{--cols:4}.rows\:4{--rows:4}.cols\:3{--cols:3}.rows\:3{--rows:3}.cols\:2{--cols:2}.rows\:2{--rows:2}.cols\:1{--cols:1}.rows\:1{--rows:1}.col,.col\:1{--col:1}.col\:start\:1{--cs:1}.col\:end\:1{--ce:1}.col\:2{--col:2}.col\:start\:2{--cs:2}.col\:end\:2{--ce:2}.col\:3{--col:3}.col\:start\:3{--cs:3}.col\:end\:3{--ce:3}.col\:4{--col:4}.col\:start\:4{--cs:4}.col\:end\:4{--ce:4}.col\:5{--col:5}.col\:start\:5{--cs:5}.col\:end\:5{--ce:5}.col\:6{--col:6}.col\:start\:6{--cs:6}.col\:end\:6{--ce:6}.col\:7{--col:7}.col\:start\:7{--cs:7}.col\:end\:7{--ce:7}.col\:8{--col:8}.col\:start\:8{--cs:8}.col\:end\:8{--ce:8}.col\:9{--col:9}.col\:start\:9{--cs:9}.col\:end\:9{--ce:9}.col\:10{--col:10}.col\:start\:10{--cs:10}.col\:end\:10{--ce:10}.col\:11{--col:11}.col\:start\:11{--cs:11}.col\:end\:11{--ce:11}.col\:12{--col:12}.col\:start\:12{--cs:12}.col\:end\:12{--ce:12}.row,.row\:1{--row:1}.row\:start\:1{--rs:1}.row\:end\:1{--re:1}.row\:2{--row:2}.row\:start\:2{--rs:2}.row\:end\:2{--re:2}.row\:3{--row:3}.row\:start\:3{--rs:3}.row\:end\:3{--re:3}.row\:4{--row:4}.row\:start\:4{--rs:4}.row\:end\:4{--re:4}.row\:5{--row:5}.row\:start\:5{--rs:5}.row\:end\:5{--re:5}.row\:6{--row:6}.row\:start\:6{--rs:6}.row\:end\:6{--re:6}.row\:7{--row:7}.row\:start\:7{--rs:7}.row\:end\:7{--re:7}.row\:8{--row:8}.row\:start\:8{--rs:8}.row\:end\:8{--re:8}.row\:9{--row:9}.row\:start\:9{--rs:9}.row\:end\:9{--re:9}.row\:10{--row:10}.row\:start\:10{--rs:10}.row\:end\:10{--re:10}.row\:11{--row:11}.row\:start\:11{--rs:11}.row\:end\:11{--re:11}.row\:12{--row:12}.row\:start\:12{--rs:12}.row\:end\:12{--re:12}[class*='cols']{display:block;letter-spacing:-1em !important;grid-template-columns:repeat(var(--cols,12),minmax(0,1fr))}[class*='cols']>*{display:inline-block;letter-spacing:normal;vertical-align:top}.cols>.col,.cols>.col\:1{width:8.3333%}.cols>.col\:2{width:16.6666%}.cols>.col\:3{width:25%}.cols>.col\:4{width:33.3333%}.cols>.col\:5{width:41.6666%}.cols>.col\:6{width:50%}.cols>.col\:7{width:58.3333%}.cols>.col\:8{width:66.6666%}.cols>.col\:9{width:75%}.cols>.col\:10{width:83.3333%}.cols>.col\:11{width:91.6666%}.cols>.col\:12{width:100%}.cols\:1>.col\:1,.cols\:1>.col{width:100%}.cols\:2>.col\:1,.cols\:2>.col{width:50%}.cols\:2>.col\:2{width:100%}.cols\:3>.col\:1,.cols\:3>.col{width:33.3333%}.cols\:3>.col\:2{width:66.6666%}.cols\:3>.col\:3{width:100%}.cols\:4>.col\:1,.cols\:4>.col{width:25%}.cols\:4>.col\:2{width:50%}.cols\:4>.col\:3{width:75%}.cols\:4>.col\:4{width:100%}.cols\:5>.col\:1,.cols\:5>.col{width:20%}.cols\:5>.col\:2{width:40%}.cols\:5>.col\:3{width:60%}.cols\:5>.col\:4{width:80%}.cols\:5>.col\:5{width:100%}.cols\:6>.col\:1,.cols\:6>.col{width:16.6666%}.cols\:6>.col\:2{width:33.3333%}.cols\:6>.col\:3{width:50%}.cols\:6>.col\:4{width:66.6666%}.cols\:6>.col\:5{width:83.3333%}.cols\:6>.col\:6{width:100%}.cols\:7>.col\:1,.cols\:7>.col{width:14.2857%}.cols\:7>.col\:2{width:28.5714%}.cols\:7>.col\:3{width:42.8571%}.cols\:7>.col\:4{width:57.1428%}.cols\:7>.col\:5{width:71.4285%}.cols\:7>.col\:6{width:85.7142%}.cols\:7>.col\:7{width:100%}.cols\:8>.col\:1,.cols\:8>.col{width:12.5%}.cols\:8>.col\:2{width:25%}.cols\:8>.col\:3{width:37.5%}.cols\:8>.col\:4{width:50%}.cols\:8>.col\:5{width:62.5%}.cols\:8>.col\:6{width:75%}.cols\:8>.col\:7{width:87.5%}.cols\:8>.col\:8{width:100%}.cols\:9>.col\:1,.cols\:9>.col{width:11.1111%}.cols\:9>.col\:2{width:22.2222%}.cols\:9>.col\:3{width:33.3333%}.cols\:9>.col\:4{width:44.4444%}.cols\:9>.col\:5{width:55.5555%}.cols\:9>.col\:6{width:66.6666%}.cols\:9>.col\:7{width:77.7777%}.cols\:9>.col\:8{width:88.8888%}.cols\:9>.col\:9{width:100%}.cols\:10>.col\:1,.cols\:10>.col{width:10%}.cols\:10>.col\:2{width:20%}.cols\:10>.col\:3{width:30%}.cols\:10>.col\:4{width:40%}.cols\:10>.col\:5{width:50%}.cols\:10>.col\:6{width:60%}.cols\:10>.col\:7{width:70%}.cols\:10>.col\:8{width:80%}.cols\:10>.col\:9{width:90%}.cols\:10>.col\:10{width:100%}.cols\:11>.col\:1,.cols\:11>.col{width:9.0909%}.cols\:11>.col\:2{width:18.1818%}.cols\:11>.col\:3{width:27.2727%}.cols\:11>.col\:4{width:36.3636%}.cols\:11>.col\:5{width:45.4545%}.cols\:11>.col\:6{width:54.5454%}.cols\:11>.col\:7{width:63.6363%}.cols\:11>.col\:8{width:72.7272%}.cols\:11>.col\:9{width:81.8181%}.cols\:11>.col\:10{width:90.9090%}.cols\:11>.col\:11{width:100%}.cols .col\:start\:2{margin-left:8.3333%}.cols .col\:start\:3{margin-left:16.6666%}.cols .col\:start\:4{margin-left:25%}.cols .col\:start\:5{margin-left:33.3333%}.cols .col\:start\:6{margin-left:41.6666%}.cols .col\:start\:7{margin-left:50%}.cols .col\:start\:8{margin-left:58.3333%}.cols .col\:start\:9{margin-left:66.6666%}.cols .col\:start\:10{margin-left:75%}.cols .col\:start\:11{margin-left:83.3333%}.cols .col\:start\:12{margin-left:91.6666%}.cols\:2>.col\:start\:2{margin-left:50%}.cols\:3>.col\:start\:2{margin-left:33.3333%}.cols\:3>.col\:start\:3{margin-left:66.6666%}.cols\:4>.col\:start\:2{margin-left:25%}.cols\:4>.col\:start\:3{margin-left:50%}.cols\:4>.col\:start\:4{margin-left:75%}.cols\:5>.col\:start\:2{margin-left:20%}.cols\:5>.col\:start\:3{margin-left:40%}.cols\:5>.col\:start\:4{margin-left:60%}.cols\:5>.col\:start\:5{margin-left:80%}.cols\:6>.col\:start\:2{margin-left:16.6666%}.cols\:6>.col\:start\:3{margin-left:33.3333%}.cols\:6>.col\:start\:4{margin-left:50%}.cols\:6>.col\:start\:5{margin-left:66.6666%}.cols\:6>.col\:start\:6{margin-left:83.3333%}.cols\:7>.col\:start\:2{margin-left:14.2857%}.cols\:7>.col\:start\:3{margin-left:28.5714%}.cols\:7>.col\:start\:4{margin-left:42.8571%}.cols\:7>.col\:start\:5{margin-left:57.1428%}.cols\:7>.col\:start\:6{margin-left:71.4285%}.cols\:7>.col\:start\:7{margin-left:85.7142%}.cols\:8>.col\:start\:2{margin-left:12.5%}.cols\:8>.col\:start\:3{margin-left:25%}.cols\:8>.col\:start\:4{margin-left:37.5%}.cols\:8>.col\:start\:5{margin-left:50%}.cols\:8>.col\:start\:6{margin-left:62.5%}.cols\:8>.col\:start\:7{margin-left:75%}.cols\:8>.col\:start\:8{margin-left:87.5%}.cols\:9>.col\:start\:2{margin-left:11.1111%}.cols\:9>.col\:start\:3{margin-left:22.2222%}.cols\:9>.col\:start\:4{margin-left:33.3333%}.cols\:9>.col\:start\:5{margin-left:44.4444%}.cols\:9>.col\:start\:6{margin-left:55.5555%}.cols\:9>.col\:start\:7{margin-left:66.6666%}.cols\:9>.col\:start\:8{margin-left:77.7777%}.cols\:9>.col\:start\:9{margin-left:88.8888%}.cols\:10>.col\:start\:2{margin-left:10%}.cols\:10>.col\:start\:3{margin-left:20%}.cols\:10>.col\:start\:4{margin-left:30%}.cols\:10>.col\:start\:5{margin-left:40%}.cols\:10>.col\:start\:6{margin-left:50%}.cols\:10>.col\:start\:7{margin-left:60%}.cols\:10>.col\:start\:8{margin-left:70%}.cols\:10>.col\:start\:9{margin-left:80%}.cols\:10>.col\:start\:10{margin-left:90%}.cols\:11>.col\:start\:2{margin-left:9.0909%}.cols\:11>.col\:start\:3{margin-left:18.1818%}.cols\:11>.col\:start\:4{margin-left:27.2727%}.cols\:11>.col\:start\:5{margin-left:36.3636%}.cols\:11>.col\:start\:6{margin-left:45.4545%}.cols\:11>.col\:start\:7{margin-left:54.5454%}.cols\:11>.col\:start\:8{margin-left:63.6363%}.cols\:11>.col\:start\:9{margin-left:72.7272%}.cols\:11>.col\:start\:10{margin-left:81.8181%}.cols\:11>.col\:start\:11{margin-left:90.9090%}.cols>.col\:end\:2{margin-right:8.3333%}.cols>.col\:end\:3{margin-right:16.6666%}.cols>.col\:end\:4{margin-right:25%}.cols>.col\:end\:5{margin-right:33.3333%}.cols>.col\:end\:6{margin-right:41.6666%}.cols>.col\:end\:7{margin-right:50%}.cols>.col\:end\:8{margin-right:58.3333%}.cols>.col\:end\:9{margin-right:66.6666%}.cols>.col\:end\:10{margin-right:75%}.cols>.col\:end\:11{margin-right:83.3333%}.cols>.col\:end\:12{margin-right:91.6666%}.cols\:2>.col\:end\:2{margin-right:50%}.cols\:3>.col\:end\:2{margin-right:33.3333%}.cols\:3>.col\:end\:3{margin-right:66.6666%}.cols\:4>.col\:end\:2{margin-right:25%}.cols\:4>.col\:end\:3{margin-right:50%}.cols\:4>.col\:end\:4{margin-right:75%}.cols\:5>.col\:end\:2{margin-right:20%}.cols\:5>.col\:end\:3{margin-right:40%}.cols\:5>.col\:end\:4{margin-right:60%}.cols\:5>.col\:end\:5{margin-right:80%}.cols\:6>.col\:end\:2{margin-right:16.6666%}.cols\:6>.col\:end\:3{margin-right:33.3333%}.cols\:6>.col\:end\:4{margin-right:50%}.cols\:6>.col\:end\:5{margin-right:66.6666%}.cols\:6>.col\:end\:6{margin-right:83.3333%}.cols\:7>.col\:end\:2{margin-right:14.2857%}.cols\:7>.col\:end\:3{margin-right:28.5714%}.cols\:7>.col\:end\:4{margin-right:42.8571%}.cols\:7>.col\:end\:5{margin-right:57.1428%}.cols\:7>.col\:end\:6{margin-right:71.4285%}.cols\:7>.col\:end\:7{margin-right:85.7142%}.cols\:8>.col\:end\:2{margin-right:12.5%}.cols\:8>.col\:end\:3{margin-right:25%}.cols\:8>.col\:end\:4{margin-right:37.5%}.cols\:8>.col\:end\:5{margin-right:50%}.cols\:8>.col\:end\:6{margin-right:62.5%}.cols\:8>.col\:end\:7{margin-right:75%}.cols\:8>.col\:end\:8{margin-right:87.5%}.cols\:9>.col\:end\:2{margin-right:11.1111%}.cols\:9>.col\:end\:3{margin-right:22.2222%}.cols\:9>.col\:end\:4{margin-right:33.3333%}.cols\:9>.col\:end\:5{margin-right:44.4444%}.cols\:9>.col\:end\:6{margin-right:55.5555%}.cols\:9>.col\:end\:7{margin-right:66.6666%}.cols\:9>.col\:end\:8{margin-right:77.7777%}.cols\:9>.col\:end\:9{margin-right:88.8888%}.cols\:10>.col\:end\:2{margin-right:10%}.cols\:10>.col\:end\:3{margin-right:20%}.cols\:10>.col\:end\:4{margin-right:30%}.cols\:10>.col\:end\:5{margin-right:40%}.cols\:10>.col\:end\:6{margin-right:50%}.cols\:10>.col\:end\:7{margin-right:60%}.cols\:10>.col\:end\:8{margin-right:70%}.cols\:10>.col\:end\:9{margin-right:80%}.cols\:10>.col\:end\:10{margin-right:90%}.cols\:11>.col\:end\:2{margin-right:9.0909%}.cols\:11>.col\:end\:3{margin-right:18.1818%}.cols\:11>.col\:end\:4{margin-right:27.2727%}.cols\:11>.col\:end\:5{margin-right:36.3636%}.cols\:11>.col\:end\:6{margin-right:45.4545%}.cols\:11>.col\:end\:7{margin-right:54.5454%}.cols\:11>.col\:end\:8{margin-right:63.6363%}.cols\:11>.col\:end\:9{margin-right:72.7272%}.cols\:11>.col\:end\:10{margin-right:81.8181%}.cols\:11>.col\:end\:11{margin-right:90.9090%}html.grid [class*='cols']{display:block}[class*='cols'].reverse:not(.ltr),[class*='cols'].reverse\:wrap:not(.ltr){direction:rtl}[class*='cols'].reverse>*:not(.rtl),[class*='cols'].reverse\:wrap>*:not(.rtl){direction:ltr}.d\:f[class*='cols'],.d\:f\:x[class*='cols'],.d\:f\:y[class*='cols']{margin:0}.d\:f[class*="cols"]>[class*="col"],.d\:f\:x[class*="cols"]>[class*="col"],.d\:f\:y[class*="cols"]>[class*="col"]{width:calc(var(--col,1) / var(--cols,12) * 100% - var(--sf-gap-x) / var(--cols,12) * (var(--cols,12) - va