fictoan-react/dist/index.css

A full-featured, designer-friendly, yet performant framework with plain-English props and focus on rapid iteration.

[data-expandable-content]>summary{cursor:pointer;position:relative}[data-expandable-content]>summary>*{padding-right:32px}[data-expandable-content]>summary:after{content:"";display:inline-block;position:absolute;top:calc(50% - 2px);right:12px;width:8px;height:8px;border-style:solid;border-width:0 2px 2px 0;transform:translateY(-50%) rotate(45deg);color:var(--accordion-chevron);transition:transform .2s linear;cursor:pointer}[data-expandable-content][open]>summary:after{transform:translateY(-50%) rotate(225deg)}[data-badge]{position:relative;font-family:var(--badge-font);font-size:92%;text-decoration:none;transition:all .2s ease-in-out;background-position:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:flex;align-items:center;background-color:var(--badge-bg);color:var(--badge-text);border-color:var(--badge-border);border-style:solid;border-width:var(--badge-border-width)}[data-badge]>*{all:unset}.shape-rounded[data-badge]{border-radius:var(--badge-border-radius)}.shape-curved[data-badge]{border-radius:5000px}.border-none[data-badge]{border-width:0!important}[data-badge] .badge-dismiss-button{position:relative;margin-left:8px;font-size:1.6rem;cursor:pointer;line-height:1;top:-1px;font-weight:400}[data-badge] .badge-dismiss-button:hover{transform:scale(1.1);transition:all .1s}[data-badge] .badge-dismiss-button:active{transform:scale(.9)}.size-nano[data-badge]{padding:1px 2px;font-size:.48rem}.size-micro[data-badge]{padding:2px 4px;font-size:.56rem}.size-tiny[data-badge]{padding:2px 8px;font-size:.64rem}.size-small[data-badge]{padding:4px 10px;font-size:.72rem}.size-medium[data-badge]{padding:6px 12px;font-size:.88rem}.size-large[data-badge]{padding:8px 16px;font-size:1.16rem}.size-huge[data-badge]{padding:12px 24px;font-size:1.24rem}[data-breadcrumbs-wrapper]{margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;list-style:none}[data-breadcrumbs-wrapper]:not([class*=bg-]){background-color:var(--breadcrumbs-wrapper-bg)}.spacing-nano[data-breadcrumbs-wrapper]{gap:4px}.spacing-micro[data-breadcrumbs-wrapper]{gap:8px}.spacing-tiny[data-breadcrumbs-wrapper]{gap:12px}.spacing-small[data-breadcrumbs-wrapper]{gap:16px}.spacing-medium[data-breadcrumbs-wrapper]{gap:24px}.spacing-large[data-breadcrumbs-wrapper]{gap:32px}.spacing-huge[data-breadcrumbs-wrapper]{gap:40px}li[data-breadcrumb-item]{display:inline-flex;align-items:center;gap:16px}li[data-breadcrumb-item] .breadcrumb-content{color:var(--breadcrumb-item-text)}li.current[data-breadcrumb-item] .breadcrumb-content{color:var(--breadcrumb-item-text-active)}li[data-breadcrumb-item] .breadcrumb-separator{color:var(--breadcrumb-item-separator-colour);margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-button]{position:relative;cursor:pointer;font-family:var(--button-font),sans-serif;font-weight:700;font-size:92%;text-align:center;text-decoration:none;line-height:1;transition:all .2s ease-in-out;background-position:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}>*{all:unset}[data-button]:active{box-shadow:none;opacity:.72}[data-button].is-loading:after{border:3px solid;border-top-color:transparent;border-right-color:transparent}[data-button][disabled]{box-shadow:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:.4;filter:grayscale(100%);cursor:not-allowed}[data-button].primary{font-family:var(--button-primary-font),sans-serif;background-color:var(--button-primary-bg-default);color:var(--button-primary-text-default);border:solid var(--button-primary-border-default);border-width:var(--button-primary-border-width-default);border-radius:var(--button-primary-border-radius-default)}.primary[data-button]:hover{background-color:var(--button-primary-bg-hover);color:var(--button-primary-text-hover);border:solid var(--button-primary-border-hover);border-width:var(--button-primary-border-width-hover);border-radius:var(--button-primary-border-radius-hover)}.primary[data-button]:active{background-color:var(--button-primary-bg-active);color:var(--button-primary-text-active);border:solid var(--button-primary-border-active);border-width:var(--button-primary-border-width-active);border-radius:var(--button-primary-border-radius-active)}.primary.is-loading[data-button]:after{border:3px solid var(--button-primary-spinner-loading);border-top-color:transparent;border-right-color:transparent}.primary[data-button][disabled]{background-color:var(--button-primary-bg-disabled);color:var(--button-primary-text-disabled);border:solid var(--button-primary-border-disabled);border-width:var(--button-primary-border-width-disabled);border-radius:var(--button-primary-border-radius-disabled)}[data-button].secondary{font-family:var(--button-secondary-font),sans-serif;background-color:var(--button-secondary-bg-default);color:var(--button-secondary-text-default);border:solid var(--button-secondary-border-default);border-width:var(--button-secondary-border-width-default);border-radius:var(--button-secondary-border-radius-default)}.secondary[data-button]:hover{background-color:var(--button-secondary-bg-hover);color:var(--button-secondary-text-hover);border:solid var(--button-secondary-border-hover);border-width:var(--button-secondary-border-width-hover);border-radius:var(--button-secondary-border-radius-hover)}.secondary[data-button]:active{background-color:var(--button-secondary-bg-active);color:var(--button-secondary-text-active);border:solid var(--button-secondary-border-active);border-width:var(--button-secondary-border-width-active);border-radius:var(--button-secondary-border-radius-active)}.secondary.is-loading[data-button]:after{border:3px solid var(--button-secondary-spinner-loading);border-top-color:transparent;border-right-color:transparent}.secondary[data-button][disabled]{background-color:var(--button-secondary-bg-disabled);color:var(--button-secondary-text-disabled);border:solid var(--button-secondary-border-disabled);border-width:var(--button-secondary-border-width-disabled);border-radius:var(--button-secondary-border-radius-disabled)}[data-button].tertiary{font-family:var(--button-tertiary-font),sans-serif;background-color:var(--button-tertiary-bg-default);color:var(--button-tertiary-text-default);border:solid var(--button-tertiary-border-default);border-width:var(--button-tertiary-border-width-default);border-radius:var(--button-tertiary-border-radius-default)}.tertiary[data-button]:hover{background-color:var(--button-tertiary-bg-hover);color:var(--button-tertiary-text-hover);border:solid var(--button-tertiary-border-hover);border-width:var(--button-tertiary-border-width-hover);border-radius:var(--button-tertiary-border-radius-hover)}.tertiary[data-button]:active{background-color:var(--button-tertiary-bg-active);color:var(--button-tertiary-text-active);border:solid var(--button-tertiary-border-active);border-width:var(--button-tertiary-border-width-active);border-radius:var(--button-tertiary-border-radius-active)}.tertiary.is-loading[data-button]:after{border:3px solid var(--button-tertiary-spinner-loading);border-top-color:transparent;border-right-color:transparent}.tertiary[data-button][disabled]{background-color:var(--button-tertiary-bg-disabled);color:var(--button-tertiary-text-disabled);border:solid var(--button-tertiary-border-disabled);border-width:var(--button-tertiary-border-width-disabled);border-radius:var(--button-tertiary-border-radius-disabled)}[data-button]:not([class*=padding-]){padding:12px 24px}[data-button].size-nano{padding:1px 2px;font-size:48%}[data-button].size-micro{padding:2px 4px;font-size:56%}[data-button].size-tiny{padding:4px 8px;font-size:64%}[data-button].size-small{padding:8px 16px;font-size:80%}[data-button].size-large{padding:16px 32px;font-size:128%}[data-button].size-huge{padding:24px 40px;font-size:160%}[data-button].shape-rounded{border-radius:var(--global-border-radius)}[data-button].shape-curved{border-radius:50000px}[data-button].shape-circular{width:var(--button-round-size-medium);height:var(--button-round-size-medium);padding:0!important;border-radius:50%;font-size:16px}[data-button].shape-circular.size-tiny{width:var(--button-round-size-tiny);height:var(--button-round-size-tiny);padding:0;font-size:8px}[data-button].shape-circular.size-small{width:var(--button-round-size-small);height:var(--button-round-size-small);padding:0;font-size:12px}[data-button].shape-circular.size-large{width:var(--button-round-size-large);height:var(--button-round-size-large);padding:0;font-size:24px}[data-button].shape-circular.size-huge{width:var(--button-round-size-huge);height:var(--button-round-size-huge);padding:0;font-size:32px}[data-button].shape-circular img{position:absolute;margin:auto;left:0;top:0;bottom:0;right:0}[data-button].is-loading{color:transparent!important;box-shadow:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}[data-button].is-loading:after{display:block;position:absolute;margin:auto;left:0;top:0;bottom:0;right:0;height:16px;width:16px;border-radius:50%;content:"";border:3px solid;border-color:var(--button-primary-spinner-loading);border-top-color:transparent;border-right-color:transparent;animation:spinner .4s infinite linear}[data-button].size-nano.is-loading:after,[data-button].size-micro.is-loading:after{height:6px;width:6px}[data-button].size-tiny.is-loading:after,[data-button].size-small.is-loading:after{height:8px;width:8px}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(359deg)}}[data-callout]{display:block;border-width:0 0 0 var(--callout-border-width);word-break:break-word;border-style:solid;padding:16px;border-radius:var(--callout-border-radius)}.info[data-callout]{background-color:var(--callout-info-bg);border-color:var(--callout-info-border)}.success[data-callout]{background-color:var(--callout-success-bg);border-color:var(--callout-success-border)}.warning[data-callout]{background-color:var(--callout-warning-bg);border-color:var(--callout-warning-border)}.error[data-callout]{background-color:var(--callout-error-bg);border-color:var(--callout-error-border)}[data-card]{position:relative;width:100%}[data-card]:not([class*=bg-]){background-color:var(--card-bg)}[data-card][class*=border-]{border-width:var(--card-border-width);border-style:solid}[data-card]:not([class*=border-]){border:var(--card-border-width) solid var(--card-border)}[data-card].shape-rounded{border-radius:var(--card-border-radius)}[data-card].padding-all-nano{padding:8px}[data-card].padding-all-micro{padding:24px}[data-card].padding-all-tiny{padding:8px}[data-card].padding-all-small{padding:16px}[data-card].padding-all-medium{padding:32px}[data-card].padding-all-large{padding:48px}[data-card].padding-all-huge{padding:64px}@media all and (max-width : 600px){[data-card][class*=padding]{padding:4vmin}.padding-none{padding:0!important}}[data-code-block]{position:relative}[data-code-block] pre{display:block;width:100%;max-width:100%;font-family:var(--code-font);color:var(--code-block-text);font-size:var(--code-block-font-size);line-height:var(--code-block-line-height);font-weight:400;padding:16px 24px;background-color:var(--code-block-bg);text-align:left;overflow:auto;direction:ltr;white-space:pre;word-spacing:normal;word-break:normal;letter-spacing:-.5px;font-variant-ligatures:none;-webkit-font-smoothing:subpixel-antialiased;-webkit-hyphens:none;hyphens:none;border-radius:var(--code-block-border-radius);-moz-tab-size:4;-o-tab-size:4;tab-size:4}@media print{[data-code-block] pre[class*=language-],[data-code-block] code[class*=language-]{text-shadow:none}}[data-code-block] pre::-moz-selection,[data-code-block] code::-moz-selection,[data-code-block] pre[class*=language-]::-moz-selection,[data-code-block] code[class*=language-]::-moz-selection{text-shadow:none;color:var(--text-selected);background:var(--text-bg-selected)!important}[data-code-block] pre::selection,[data-code-block] code::selection,[data-code-block] pre::-moz-selection,[data-code-block] code::-moz-selection,[data-code-block] pre[class*=language-]::selection,[data-code-block] code[class*=language-]::selection,[data-code-block] pre[class*=language-]::-moz-selection,[data-code-block] code[class*=language-] ::-moz-selection{text-shadow:none;color:var(--text-selected);background:var(--text-bg-selected)!important}[data-code-block] .token.namespace{opacity:.72}[data-code-block] .token.italic{font-style:italic}[data-code-block] .token.tag{color:var(--token-tag)!important}[data-code-block] .token.atrule{color:var(--token-atrule)!important}[data-code-block] .token.attr-name{color:var(--token-attrName)!important}[data-code-block] .token.attr-value{color:var(--token-attrValue)!important}[data-code-block] .token.boolean{color:var(--token-boolean)!important}[data-code-block] .token.builtin{color:var(--token-builtin)!important}[data-code-block] .token.cdata{color:var(--token-cdata)!important}[data-code-block] .token.class-name{color:var(--token-className)!important}[data-code-block] .token.comment{color:var(--token-comment)!important}[data-code-block] .token.constant{color:var(--token-constant)!important}[data-code-block] .token.deleted{color:var(--token-deleted)!important}[data-code-block] .token.delimiter{color:var(--token-delimiter)!important}[data-code-block] .token.doctype{color:var(--token-doctype)!important}[data-code-block] .token.entity{color:var(--token-entity)!important}[data-code-block] .token.function{color:var(--token-function)!important}[data-code-block] .token.hexcode{color:var(--token-hexcode)!important}[data-code-block] .token.important{color:var(--token-important)!important;font-weight:700}[data-code-block] .token.imports{color:var(--token-imports)!important}[data-code-block] .token.inserted{color:var(--token-inserted)!important}[data-code-block] .token.keyword{color:var(--token-keyword)!important;font-weight:700}[data-code-block] .token.name{color:var(--token-name)!important}[data-code-block] .token.namespace{color:var(--token-namespace)!important}[data-code-block] .token.number{color:var(--token-number)!important}[data-code-block] .token.operator{color:var(--token-operator)!important}[data-code-block] .token.plain-text{color:var(--token-plain)!important}[data-code-block] .token.prolog{color:var(--token-prolog)!important}[data-code-block] .token.property{color:var(--token-property)!important}[data-code-block] .token.punctuation{color:var(--token-punctuation)!important}[data-code-block] .token.regex{color:var(--token-regex)!important}[data-code-block] .token.selector{color:var(--token-selector-generic)!important}[data-code-block] .token.selector.class{color:var(--token-selector-class)!important}[data-code-block] .token.selector.id{color:var(--token-selector-id)!important}[data-code-block] .token.selector.attribute,[data-code-block] .token.selector.attribute.attr-name{color:var(--token-selector-attrName)!important}[data-code-block] .token.selector.attribute.attr-value{color:var(--token-selector-attrValue)!important}[data-code-block] .token.selector.attribute.operator{color:var(--token-selector-operator)!important}[data-code-block] .token.selector.attribute.punctuation{color:var(--token-punctuation)!important}[data-code-block] .token.string{color:var(--token-string)!important}[data-code-block] .token.symbol{color:var(--token-symbol)!important}[data-code-block] .token.unit{color:var(--token-unit)!important}[data-code-block] .token.url{color:var(--token-url)!important}[data-code-block] .token.variable{color:var(--token-variable)!important}[data-code-block] pre.language-css .token.property{color:var(--token-property-css)!important}[data-code-block] pre.language-css .token.plain{color:var(--token-plain-css)!important}[data-code-block] pre.language-css .token.function{color:var(--token-function-css)!important}[data-code-block] pre.language-css .token.pseudo-class{color:var(--token-pseudo-class)!important}[data-code-block] pre.language-html .token.plain{color:var(--token-plain-html)!important}[data-code-block] pre.language-html .token.doctype.punctuation{color:var(--token-important)!important}[data-code-block] pre.language-json .token.string{color:var(--token-string-json)}[data-code-block] pre.language-jsx .token.attr-name{color:var(--token-attrName)!important}[data-code-block] pre.language-jsx .token.attr-value{color:var(--token-attrValue)!important}[data-code-block] pre.language-jsx .token.class-name{color:var(--token-className)!important}[data-code-block] pre.language-jsx .token.punctuation{color:var(--token-punctuation)!important}[data-code-block] .code-block-copy-button{z-index:50;display:none;position:absolute;top:8px;right:8px;background-color:var(--code-block-copy-button-bg);color:var(--code-block-copy-button-text);border:1px solid var(--code-block-copy-button-border);-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-code-block]:hover .code-block-copy-button{display:block}[data-code-block] .code-block-copied-badge{z-index:50;position:absolute;top:8px;right:8px;background-color:var(--code-block-copied-badge-bg);color:var(--code-block-copied-badge-text);border:1px solid var(--code-block-copied-badge-border);-webkit-user-select:none;-moz-user-select:none;user-select:none}.show-line-numbers[data-code-block] pre{padding-left:16px;position:relative}.show-line-numbers[data-code-block] pre>div{display:flex}[data-code-block] .line-numbers{width:32px;text-align:right;margin-right:32px;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--code-block-line-numbers);float:left;clear:left;line-height:var(--code-block-line-height)}[data-code-block] .l-o-c{flex:1}hr[data-hrule]{border:0;width:100%;height:var(--divider-height);background-color:var(--divider-bg)}hr.primary[data-hrule]{background-color:var(--divider-primary-bg);height:var(--divider-primary-height)}hr.secondary[data-hrule]{background-color:var(--divider-secondary-bg);height:var(--divider-secondary-height)}hr.tertiary[data-hrule]{background-color:var(--divider-tertiary-bg);height:var(--divider-tertiary-height)}hr.margin-left-nano.margin-right-nano[data-hrule]{width:calc(100% - (var(--nano) * 2));margin-left:var(--nano);margin-right:var(--nano)}hr.margin-left-micro.margin-right-micro[data-hrule]{width:calc(100% - (var(--micro) * 2));margin-left:var(--micro);margin-right:var(--micro)}hr.margin-left-tiny.margin-right-tiny[data-hrule]{width:calc(100% - (var(--tiny) * 2));margin-left:var(--tiny);margin-right:var(--tiny)}hr.margin-left-small.margin-right-small[data-hrule]{width:calc(100% - (var(--small) * 2));margin-left:var(--small);margin-right:var(--small)}hr.margin-left-medium.margin-right-medium[data-hrule]{width:calc(100% - (var(--medium) * 2));margin-left:var(--medium);margin-right:var(--medium)}hr.margin-left-large.margin-right-large[data-hrule]{width:calc(100% - (var(--large) * 2));margin-left:var(--large);margin-right:var(--large)}hr.margin-left-huge.margin-right-huge[data-hrule]{width:calc(100% - (var(--huge) * 2));margin-left:var(--huge);margin-right:var(--huge)}@media all and (min-width : 2400px){hr.margin-left-nano.margin-right-nano[data-hrule]{width:calc(100% - (var(--nano) * 4));margin-left:calc(var(--nano) * 2);margin-right:calc(var(--nano) * 2)}hr.margin-left-micro.margin-right-micro[data-hrule]{width:calc(100% - (var(--micro) * 4));margin-left:calc(var(--micro) * 2);margin-right:calc(var(--micro) * 2)}hr.margin-left-tiny.margin-right-tiny[data-hrule]{width:calc(100% - (var(--tiny) * 4));margin-left:calc(var(--tiny) * 2);margin-right:calc(var(--tiny) * 2)}hr.margin-left-small.margin-right-small[data-hrule]{width:calc(100% - (var(--small) * 4));margin-left:calc(var(--small) * 2);margin-right:calc(var(--small) * 2)}hr.margin-left-medium.margin-right-medium[data-hrule]{width:calc(100% - (var(--medium) * 4));margin-left:calc(var(--medium) * 2);margin-right:calc(var(--medium) * 2)}hr.margin-left-large.margin-right-large[data-hrule]{width:calc(100% - (var(--large) * 2.4));margin-left:calc(var(--large) * 1.2);margin-right:calc(var(--large) * 1.2)}hr.margin-left-huge.margin-right-huge[data-hrule]{width:calc(100% - (var(--huge) * 2.4));margin-left:calc(var(--huge) * 1.2);margin-right:calc(var(--huge) * 1.2)}}@media all and (max-width : 1600px){hr.margin-left-tiny.margin-right-tiny[data-hrule]{width:calc(100% - 4vw);margin-left:2vw;margin-right:2vw}hr.margin-left-small.margin-right-small[data-hrule]{width:calc(100% - 8vw);margin-left:4vw;margin-right:4vw}hr.margin-left-medium.margin-right-medium[data-hrule]{width:calc(100% - 16vw);margin-left:8vw;margin-right:8vw}hr.margin-left-large.margin-right-large[data-hrule]{width:calc(100% - 24vw);margin-left:12vw;margin-right:12vw}hr.margin-left-huge.margin-right-huge[data-hrule]{width:calc(100% - 32vw);margin-left:16vw;margin-right:16vw}}@media all and (max-width : 1200px){hr.margin-left-tiny.margin-right-tiny[data-hrule]{width:calc(100% - 4vw);margin-left:2vw;margin-right:2vw}hr.margin-left-small.margin-right-small[data-hrule]{width:calc(100% - 8vw);margin-left:4vw;margin-right:4vw}hr.margin-left-medium.margin-right-medium[data-hrule]{width:calc(100% - 12vw);margin-left:6vw;margin-right:6vw}hr.margin-left-large.margin-right-large[data-hrule]{width:calc(100% - 16vw);margin-left:8vw;margin-right:8vw}hr.margin-left-huge.margin-right-huge[data-hrule]{width:calc(100% - 20vw);margin-left:10vw;margin-right:10vw}}@media all and (max-width : 600px){hr[data-hrule][class*=side-margin-]{width:calc(100% - 12vw);margin-left:6vw;margin-right:6vw}}[data-drawer-overlay-for]{visibility:hidden;opacity:0;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999;background-color:rgba(var(--drawer-overlay-bg),var(--drawer-overlay-opacity));transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.blur[data-drawer-overlay-for]{-webkit-backdrop-filter:blur(var(--drawer-overlay-blur));backdrop-filter:blur(var(--drawer-overlay-blur))}.visible[data-drawer-overlay-for]{opacity:1;visibility:visible}[data-drawer]{position:fixed;z-index:50000;visibility:hidden;display:flex;flex-direction:column;background-color:var(--drawer-bg);box-shadow:4px 0 24px -16px #000000eb;border:solid var(--drawer-border);border-width:var(--global-border-width);border-radius:var(--drawer-border-radius);--drawer-width-tiny: 8vw;--drawer-width-small: 12vw;--drawer-width-medium: 24vw;--drawer-width-large: 32vw;--drawer-width-huge: 48vw;--drawer-height-tiny: 8vh;--drawer-height-small: 12vh;--drawer-height-medium: 24vh;--drawer-height-large: 32vh;--drawer-height-huge: 48vh}[data-drawer] .drawer-content{overflow-y:auto;overflow-x:hidden;height:100%;width:100%;position:relative}.right[data-drawer]{right:0;top:0;height:100vh;max-width:92vw;transform:translate(100%)}.right.tiny[data-drawer]{width:var(--drawer-width-tiny)}.right.small[data-drawer]{width:var(--drawer-width-small)}.right.medium[data-drawer]{width:var(--drawer-width-medium)}.right.large[data-drawer]{width:var(--drawer-width-large)}.right.huge[data-drawer]{width:var(--drawer-width-huge)}.right.closing[data-drawer]{animation-name:drawer-slide-out-right}.left[data-drawer]{left:0;top:0;height:100vh;max-width:92vw;transform:translate(-100%)}.left.tiny[data-drawer]{width:var(--drawer-width-tiny)}.left.small[data-drawer]{width:var(--drawer-width-small)}.left.medium[data-drawer]{width:var(--drawer-width-medium)}.left.large[data-drawer]{width:var(--drawer-width-large)}.left.huge[data-drawer]{width:var(--drawer-width-huge)}.left.open[data-drawer]{animation-name:drawer-slide-in-left}.left.closing[data-drawer]{animation-name:drawer-slide-out-left}.top[data-drawer]{top:0;left:0;width:100%;max-height:92vh;transform:translateY(-100%)}.top.tiny[data-drawer]{height:var(--drawer-height-tiny)}.top.small[data-drawer]{height:var(--drawer-height-small)}.top.medium[data-drawer]{height:var(--drawer-height-medium)}.top.large[data-drawer]{height:var(--drawer-height-large)}.top.huge[data-drawer]{height:var(--drawer-height-huge)}.top.open[data-drawer]{animation-name:drawer-slide-in-top}.top.closing[data-drawer]{animation-name:drawer-slide-out-top}.bottom[data-drawer]{bottom:0;left:0;width:100%;max-height:92vh;transform:translateY(100%)}.bottom.tiny[data-drawer]{height:var(--drawer-height-tiny)}.bottom.small[data-drawer]{height:var(--drawer-height-small)}.bottom.medium[data-drawer]{height:var(--drawer-height-medium)}.bottom.large[data-drawer]{height:var(--drawer-height-large)}.bottom.huge[data-drawer]{height:var(--drawer-height-huge)}.bottom.open[data-drawer]{animation-name:drawer-slide-in-bottom}.bottom.closing[data-drawer]{animation-name:drawer-slide-out-bottom}.open[data-drawer]{visibility:visible;transform:translate(0);animation:drawer-slide-in .3s ease-out}.closing[data-drawer]{animation:drawer-slide-out .3s ease-out}[data-drawer] .drawer-dismiss-button{position:absolute;display:flex;width:32px;height:32px;background-color:var(--drawer-bg);z-index:10;color:var(--drawer-dismiss-button);cursor:pointer;place-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:solid var(--drawer-border);border-width:1px;border-radius:50%;box-shadow:0 2px 4px #0000001a;font-size:24px;line-height:1;transition:all .2s ease}[data-drawer] .drawer-dismiss-button:hover{transform:scale(1.1);box-shadow:0 4px 8px #00000026}.left[data-drawer] .drawer-dismiss-button,.right[data-drawer] .drawer-dismiss-button{top:8px}.right[data-drawer] .drawer-dismiss-button{left:-40px}.left[data-drawer] .drawer-dismiss-button{right:-40px}.top[data-drawer] .drawer-dismiss-button,.bottom[data-drawer] .drawer-dismiss-button{right:8px}.top[data-drawer] .drawer-dismiss-button{bottom:-40px}.bottom[data-drawer] .drawer-dismiss-button{top:-40px}@keyframes drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawer-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes drawer-slide-in-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes drawer-slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes drawer-slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes drawer-slide-out-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes drawer-slide-out-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}[data-input-wrapper]{position:relative;display:flex}[data-form-item]{position:relative;width:100%;display:grid;grid-template-rows:auto auto auto;grid-template-columns:1fr;gap:4px;grid-template-areas:"label" "input" "info"}[data-form-item]:not(:has(label)){grid-template-areas:"input" "info";grid-template-rows:auto auto}[data-form-item]:not(:has(.info-section)){grid-template-rows:auto auto;grid-template-areas:"label" "input"}[data-form-item]:not(:has(label)):not(:has(.info-section)){grid-template-areas:"input";grid-template-rows:auto}[data-form-item]>label{grid-area:label;position:relative;color:var(--input-label-default);font-family:var(--paragraph-font);width:-moz-fit-content;width:fit-content}[data-form-item][required]>label:after{position:absolute;top:-4px;bottom:0;right:-12px;margin:auto;content:"*";font-size:120%;color:var(--input-required-indicator)}[data-form-item] [data-input-field],[data-form-item] [data-text-area],[data-form-item] [data-select-wrapper],[data-form-item] [data-listbox-wrapper]{grid-area:input}[data-form-item] .info-section{grid-area:info;flex-wrap:wrap}[data-form-item] .info-section p.help-text,[data-form-item] .info-section p.error-text{font-size:var(--input-helptext-scale);font-family:var(--paragraph-font);line-height:1.12}[data-form-item] .info-section p.help-text{color:var(--input-helptext)}[data-form-item] .info-section p.error-text{display:none;color:var(--input-error-text-invalid)}[data-form-item] .info-section p:not(:last-of-type){margin-right:8px}[data-form-item]:has(input:invalid:not(:focus):not(:-moz-placeholder))>.info-section p.error-text{display:inline-block}[data-form-item]:has(input:invalid:not(:focus):not(:placeholder-shown))>.info-section p.error-text{display:inline-block}[data-form-item] [data-input-field]:-moz-read-only,[data-form-item] [data-text-area]:-moz-read-only,[data-form-item] [data-select-wrapper]:-moz-read-only{background-color:var(--input-bg-read-only);color:var(--input-text-read-only);cursor:text}[data-form-item] [data-input-field]:read-only,[data-form-item] [data-text-area]:read-only,[data-form-item] [data-select-wrapper]:read-only{background-color:var(--input-bg-read-only);color:var(--input-text-read-only);cursor:text}[data-form-item] [data-input-field]:-moz-read-only:focus,[data-form-item] [data-text-area]:-moz-read-only:focus,[data-form-item] [data-select-wrapper]:-moz-read-only:focus{border:var(--global-border-width) solid var(--input-border-read-only)}[data-form-item] [data-input-field]:read-only:focus,[data-form-item] [data-text-area]:read-only:focus,[data-form-item] [data-select-wrapper]:read-only:focus{border:var(--global-border-width) solid var(--input-border-read-only)}[data-form-item] [data-input-field]:disabled,[data-form-item] [data-text-area]:disabled,[data-form-item] [data-select-wrapper]:disabled,[data-form-item] [data-input-field][disabled] select,[data-form-item] [data-text-area][disabled] select,[data-form-item] [data-select-wrapper][disabled] select{background-color:var(--input-bg-disabled);border-color:var(--input-border-disabled);color:var(--input-text-disabled);cursor:not-allowed}:is([data-form-item] [data-input-field]:disabled,[data-form-item] [data-text-area]:disabled,[data-form-item] [data-select-wrapper]:disabled,[data-form-item] [data-input-field][disabled] select,[data-form-item] [data-text-area][disabled] select,[data-form-item] [data-select-wrapper][disabled] select)+label{color:var(--input-label-disabled)}:is([data-form-item] [data-input-field]:not(:disabled)):focus~label,:is([data-form-item] [data-text-area]:not(:disabled)):focus~label,:is([data-form-item] [data-select-wrapper]:not(:disabled)):focus~label{font-weight:700}:is([data-form-item] [data-input-field]:not(:disabled)):invalid:not(:focus):not(:-moz-placeholder)~.info-section span.error-text,:is([data-form-item] [data-text-area]:not(:disabled)):invalid:not(:focus):not(:-moz-placeholder)~.info-section span.error-text,:is([data-form-item] [data-select-wrapper]:not(:disabled)):invalid:not(:focus):not(:-moz-placeholder)~.info-section span.error-text{display:block;color:var(--input-error-text-invalid)}:is([data-form-item] [data-input-field]:not(:disabled)):invalid:not(:focus):not(:placeholder-shown)~.info-section span.error-text,:is([data-form-item] [data-text-area]:not(:disabled)):invalid:not(:focus):not(:placeholder-shown)~.info-section span.error-text,:is([data-form-item] [data-select-wrapper]:not(:disabled)):invalid:not(:focus):not(:placeholder-shown)~.info-section span.error-text{display:block;color:var(--input-error-text-invalid)}[data-form-item]:has(input:disabled)>label,[data-form-item]:has(input:disabled)>label:before,[data-form-item]:has(input:disabled)>label:after{filter:grayscale(24%);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;cursor:not-allowed;opacity:.64}[data-form-item]:has([data-radio-tab-group]),[data-input-wrapper]:has([data-radio-tab-group]){overflow:auto}[data-form-item] [data-range-meta]{grid-area:label}[data-form-item] [data-input-wrapper]:has([data-file-upload-area]){flex-direction:column}[data-checkbox]{display:inline-flex;flex-direction:row;align-items:center}[data-checkbox]:only-of-type{margin-right:0}[data-checkbox] input[type=checkbox]{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}[data-checkbox] label{display:inline-flex;position:relative;font-family:var(--paragraph-font);color:var(--paragraph-text-colour);cursor:pointer;padding-left:24px;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-checkbox] label:before,[data-checkbox] label:after{display:inline-flex;content:"";transition:all .1s ease-out}[data-checkbox] label:before{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;background:var(--checkbox-square-bg-default);box-shadow:0 2px 4px -2px #0000003d inset;position:absolute;height:16px;width:16px;top:0;left:0;border-radius:var(--checkbox-square-border-radius)}[data-checkbox] label:after{position:absolute;height:6px;width:12px;left:2px;top:4px;opacity:0;border-left:2px solid var(--checkbox-tick);border-bottom:2px solid var(--checkbox-tick);transform:rotate(-45deg)}.spacing-none[data-form-wrapper] [data-checkbox]{margin-bottom:0}.spacing-nano[data-form-wrapper] [data-checkbox]{margin-bottom:8px}.spacing-micro[data-form-wrapper] [data-checkbox]{margin-bottom:12px}.spacing-tiny[data-form-wrapper] [data-checkbox]{margin-bottom:16px}.spacing-small[data-form-wrapper] [data-checkbox]{margin-bottom:24px}.spacing-medium[data-form-wrapper] [data-checkbox]{margin-bottom:32px}.spacing-large[data-form-wrapper] [data-checkbox]{margin-bottom:40px}.spacing-huge[data-form-wrapper] [data-checkbox]{margin-bottom:48px}[data-form-item]:has(input[type=checkbox]:hover)>label:before{background:var(--checkbox-square-bg-hover)}[data-form-item]:has(input[type=checkbox]:focus)>label:before{outline:solid 2px var(--checkbox-square-bg-disabled)}[data-form-item]:has(input[type=checkbox]:checked)>label:before{background:var(--checkbox-square-bg-checked)}[data-form-item]:has(input[type=checkbox]:checked)>label:after{opacity:1}[data-switch]{display:inline-flex;flex-direction:row;align-items:center}[data-switch]:only-of-type{margin-right:0}[data-switch] input[type=checkbox]{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}[data-switch] label{display:inline-flex;position:relative;font-family:var(--paragraph-font);color:var(--paragraph-text-colour);cursor:pointer;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-left:44px}[data-switch] label:before,[data-switch] label:after{display:inline-flex;content:"";transition:all .1s ease-out}[data-switch] label:before{position:absolute;top:50%;left:0;transform:translateY(-50%);border-radius:16px;margin-right:4px;background:var(--switch-bg-default);width:36px;height:18px}[data-switch] label:after{position:absolute;top:50%;transform:translateY(-50%);display:inline-block;background:var(--switch-slider-bg-default);border-radius:50%;box-shadow:0 2px 4px -2px #0009;left:3px;width:12px;height:12px}[data-switch]:has(input[type=checkbox]:hover)>label:before{background:var(--switch-bg-hover)}[data-switch]:has(input[type=checkbox]:hover)>label:after{background:var(--switch-slider-bg-hover)}[data-switch]:has(input[type=checkbox]:checked)>label:before{background:var(--switch-bg-checked)}[data-switch] [data-form-item]:has(input[type=checkbox]:checked)>label:after{transform:translateY(-50%) translate(18px);background:var(--switch-slider-bg-checked)}[data-checkbox-group],[data-switch-group]{display:flex;flex-direction:row;gap:24px;flex-wrap:wrap}[data-checkbox-group].equalise-width>[data-checkbox],[data-switch-group].equalise-width>[data-switch]{flex:1 1}[data-checkbox-group].align-vertical,[data-switch-group].align-vertical{flex-direction:column}[data-file-upload-area]{position:relative;width:100%}.file-upload-area{position:relative;width:100%;border:2px dashed var(--input-border-default);border-radius:var(--global-border-radius);background-color:var(--input-bg-default);cursor:pointer;transition:all .2s ease-in-out}.file-upload-area:hover,[data-file-upload-area].dragging .file-upload-area{border-color:var(--file-upload-area-border-hover);background-color:var(--file-upload-area-bg-hover)}.file-input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.file-upload-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:inherit;text-align:center;pointer-events:none}.file-upload-content p{margin:0;color:var(--file-upload-area-main-text-default)}.file-upload-area:hover .file-upload-content p,[data-file-upload-area].dragging .file-upload-content p{color:var(--file-upload-area-main-text-hover)}.uploaded-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.file-upload-area{transform:scale(1);transition:transform .2s ease-in-out}[data-file-upload-area].dragging .file-upload-area{transform:scale(1.02)}[data-row]{display:grid;grid-template-columns:repeat(24,1fr)}.layout-flexbox[data-row]{display:flex;flex-wrap:wrap}.layout-flexbox.equalise-children[data-row]>*{flex:1!important}.no-gutters[data-row]{gap:0}.nano-gutters[data-row]{gap:2px}.micro-gutters[data-row]{gap:4px}.tiny-gutters[data-row]{gap:8px}.small-gutters[data-row]{gap:12px}.medium-gutters[data-row]{gap:16px}.large-gutters[data-row]{gap:24px}.huge-gutters[data-row]{gap:32px}@media all and (max-width : 900px){.huge-gutters[data-row],.large-gutters[data-row],.medium-gutters[data-row],.small-gutters[data-row],.tiny-gutters[data-row]{gap:var(--nano)}}@media all and (max-width : 600px){.huge-gutters[data-row],.large-gutters[data-row],.medium-gutters[data-row],.small-gutters[data-row],.tiny-gutters[data-row]{gap:4px}}.padding-left-nano.padding-right-nano[data-row]{padding-left:var(--nano);padding-right:var(--nano)}.padding-left-micro.padding-right-micro[data-row]{padding-left:var(--micro);padding-right:var(--micro)}.padding-left-tiny.padding-right-tiny[data-row]{padding-left:var(--tiny);padding-right:var(--tiny)}.padding-left-small.padding-right-small[data-row]{padding-left:var(--small);padding-right:var(--small)}.padding-left-medium.padding-right-medium[data-row]{padding-left:var(--medium);padding-right:var(--medium)}.padding-left-large.padding-right-large[data-row]{padding-left:var(--large);padding-right:var(--large)}.padding-left-huge.padding-right-huge[data-row]{padding-left:var(--huge);padding-right:var(--huge)}@media all and (min-width : 2400px){.padding-left-nano.padding-right-nano[data-row]{padding-left:calc(var(--nano) * 2);padding-right:calc(var(--nano) * 2)}.padding-left-micro.padding-right-micro[data-row]{padding-left:calc(var(--micro) * 2);padding-right:calc(var(--micro) * 2)}.padding-left-tiny.padding-right-tiny[data-row]{padding-left:calc(var(--tiny) * 2);padding-right:calc(var(--tiny) * 2)}.padding-left-small.padding-right-small[data-row]{padding-left:calc(var(--small) * 2);padding-right:calc(var(--small) * 2)}.padding-left-medium.padding-right-medium[data-row]{padding-left:calc(var(--medium) * 2);padding-right:calc(var(--medium) * 2)}.padding-left-large.padding-right-large[data-row]{padding-left:calc(var(--large) * 1.2);padding-right:calc(var(--large) * 1.2)}.padding-left-huge.padding-right-huge[data-row]{padding-left:calc(var(--huge) * 1.2);padding-right:calc(var(--huge) * 1.2)}}@media all and (max-width : 1600px){.padding-left-tiny.padding-right-tiny[data-row]{padding-left:2vw;padding-right:2vw}.padding-left-small.padding-right-small[data-row]{padding-left:4vw;padding-right:4vw}.padding-left-medium.padding-right-medium[data-row]{padding-left:8vw;padding-right:8vw}.padding-left-large.padding-right-large[data-row]{padding-left:12vw;padding-right:12vw}.padding-left-huge.padding-right-huge[data-row]{padding-left:16vw;padding-right:16vw}}@media all and (max-width : 1200px){.padding-left-tiny.padding-right-tiny[data-row]{padding-left:2vw;padding-right:2vw}.padding-left-small.padding-right-small[data-row]{padding-left:4vw;padding-right:4vw}.padding-left-medium.padding-right-medium[data-row]{padding-left:6vw;padding-right:6vw}.padding-left-large.padding-right-large[data-row]{padding-left:8vw;padding-right:8vw}.padding-left-huge.padding-right-huge[data-row]{padding-left:10vw;padding-right:10vw}}@media all and (max-width : 600px){[data-row][class*=padding-left][class*=padding-right]{padding-left:6vw;padding-right:6vw}[data-row]:not(.retain-layout-on-mobile)>[data-portion]:not([class*=on-mobile]){grid-column:span 24}}@media all and (min-width : 601px) and (max-width : 900px){[data-row]:not(.retain-layout-on-tablet-portrait)>[data-portion]:not([class*=on-tablet-portrait]){grid-column:span 24}}.\31[data-portion]{grid-column:span 1;flex:0 0 4.1667%}.one-twelfth[data-portion],.\32[data-portion]{grid-column:span 2;flex:0 0 8.3333%}.one-eighth[data-portion],.\33[data-portion]{grid-column:span 3;flex:0 0 12.5%}.one-sixth[data-portion],.\34[data-portion]{grid-column:span 4;flex:0 0 16.6667%}.\35[data-portion]{grid-column:span 5;flex:0 0 20.8333%}.one-fourth[data-portion],.\36[data-portion]{grid-column:span 6;flex:0 0 25%}.\37[data-portion]{grid-column:span 7;flex:0 0 29.1667%}.one-third[data-portion],.\38[data-portion]{grid-column:span 8;flex:0 0 33.3333%}.\39[data-portion]{grid-column:span 9;flex:0 0 37.5%}.five-twelfth[data-portion],.\31 0[data-portion]{grid-column:span 10;flex:0 0 41.6667%}.\31 1[data-portion]{grid-column:span 11;flex:0 0 45.8333%}.half[data-portion],.\31 2[data-portion]{grid-column:span 12;flex:0 0 50%}.\31 3[data-portion]{grid-column:span 13;flex:0 0 54.1667%}.seven-twelfth[data-portion],.\31 4[data-portion]{grid-column:span 14;flex:0 0 58.3333%}.\31 5[data-portion]{grid-column:span 15;flex:0 0 62.5%}.two-third[data-portion],.\31 6[data-portion]{grid-column:span 16;flex:0 0 66.6667%}.\31 7[data-portion]{grid-column:span 17;flex:0 0 70.8333%}.three-fourth[data-portion],.\31 8[data-portion]{grid-column:span 18;flex:0 0 75%}.\31 9[data-portion]{grid-column:span 19;flex:0 0 79.1667%}.five-sixth[data-portion],.\32 0[data-portion]{grid-column:span 20;flex:0 0 83.3333%}.seven-eighth[data-portion],.\32 1[data-portion]{grid-column:span 21;flex:0 0 87.5%}.eleven-twelfth[data-portion],.\32 2[data-portion]{grid-column:span 22;flex:0 0 91.6667%}.\32 3[data-portion]{grid-column:span 23;flex:0 0 95.8333%}.whole[data-portion],.\32 4[data-portion]{grid-column:span 24;flex:0 0 100%}@media all and (max-width : 600px){.\31-on-mobile[data-portion]{grid-column:span 1;flex:0 0 4.1667%}.one-twelfth-on-mobile[data-portion],.\32-on-mobile[data-portion]{grid-column:span 2;flex:0 0 8.3333%}.one-eighth-on-mobile[data-portion],.\33-on-mobile[data-portion]{grid-column:span 3;flex:0 0 12.5%}.one-sixth-on-mobile[data-portion],.\34-on-mobile[data-portion]{grid-column:span 4;flex:0 0 16.6667%}.\35-on-mobile[data-portion]{grid-column:span 5;flex:0 0 20.8333%}.one-fourth-on-mobile[data-portion],.\36-on-mobile[data-portion]{grid-column:span 6;flex:0 0 25%}.\37[data-portion] -on-mobile{grid-column:span 7;flex:0 0 29.1667%}.one-third-on-mobile[data-portion],.\38-on-mobile[data-portion]{grid-column:span 8;flex:0 0 33.3333%}.\39-on-mobile[data-portion]{grid-column:span 9;flex:0 0 37.5%}.five-twelfth-on-mobile[data-portion],.\31 0-on-mobile[data-portion]{grid-column:span 10;flex:0 0 41.6667%}.\31 1-on-mobile[data-portion]{grid-column:span 11;flex:0 0 45.8333%}.half-on-mobile[data-portion],.\31 2-on-mobile[data-portion]{grid-column:span 12;flex:0 0 50%}.\31 3-on-mobile[data-portion]{grid-column:span 13;flex:0 0 54.1667%}.seven-twelfth-on-mobile[data-portion],.\31 4-on-mobile[data-portion]{grid-column:span 14;flex:0 0 58.3333%}.\31 5-on-mobile[data-portion]{grid-column:span 15;flex:0 0 62.5%}.two-third-on-mobile[data-portion],.\31 6-on-mobile[data-portion]{grid-column:span 16;flex:0 0 66.6667%}.\31 7-on-mobile[data-portion]{grid-column:span 17;flex:0 0 70.8333%}.three-fourth-on-mobile[data-portion],.\31 8-on-mobile[data-portion]{grid-column:span 18;flex:0 0 75%}.\31 9-on-mobile[data-portion]{grid-column:span 19;flex:0 0 79.1667%}.five-sixth-on-mobile[data-portion],.\32 0-on-mobile[data-portion]{grid-column:span 20;flex:0 0 83.3333%}.seven-eighth-on-mobile[data-portion],.\32 1-on-mobile[data-portion]{grid-column:span 21;flex:0 0 87.5%}.eleven-twelfth-on-mobile[data-portion],.\32 2-on-mobile[data-portion]{grid-column:span 22;flex:0 0 91.6667%}.\32 3-on-mobile[data-portion]{grid-column:span 23;flex:0 0 95.8333%}.whole-on-mobile[data-portion],.\32 4-on-mobile[data-portion]{grid-column:span 24;flex:0 0 100%}}@media all and (min-width : 601px) and (max-width : 900px){.\31-on-tablet-portrait[data-portion]{grid-column:span 1;flex:0 0 4.1667%}.one-twelfth-on-tablet-portrait[data-portion],.\32-on-tablet-portrait[data-portion]{grid-column:span 2;flex:0 0 8.3333%}.one-eighth-on-tablet-portrait[data-portion],.\33-on-tablet-portrait[data-portion]{grid-column:span 3;flex:0 0 12.5%}.one-sixth-on-tablet-portrait[data-portion],.\34-on-tablet-portrait[data-portion]{grid-column:span 4;flex:0 0 16.6667%}.\35-on-tablet-portrait[data-portion]{grid-column:span 5;flex:0 0 20.8333%}.one-fourth-on-tablet-portrait[data-portion],.\36-on-tablet-portrait[data-portion]{grid-column:span 6;flex:0 0 25%}.\37[data-portion] -on-tablet-portrait{grid-column:span 7;flex:0 0 29.1667%}.one-third-on-tablet-portrait[data-portion],.\38-on-tablet-portrait[data-portion]{grid-column:span 8;flex:0 0 33.3333%}.\39-on-tablet-portrait[data-portion]{grid-column:span 9;flex:0 0 37.5%}.five-twelfth-on-tablet-portrait[data-portion],.\31 0-on-tablet-portrait[data-portion]{grid-column:span 10;flex:0 0 41.6667%}.\31 1-on-tablet-portrait[data-portion]{grid-column:span 11;flex:0 0 45.8333%}.half-on-tablet-portrait[data-portion],.\31 2-on-tablet-portrait[data-portion]{grid-column:span 12;flex:0 0 50%}.\31 3-on-tablet-portrait[data-portion]{grid-column:span 13;flex:0 0 54.1667%}.seven-twelfth-on-tablet-portrait[data-portion],.\31 4-on-tablet-portrait[data-portion]{grid-column:span 14;flex:0 0 58.3333%}.\31 5-on-tablet-portrait[data-portion]{grid-column:span 15;flex:0 0 62.5%}.two-third-on-tablet-portrait[data-portion],.\31 6-on-tablet-portrait[data-portion]{grid-column:span 16;flex:0 0 66.6667%}.\31 7-on-tablet-portrait[data-portion]{grid-column:span 17;flex:0 0 70.8333%}.three-fourth-on-tablet-portrait[data-portion],.\31 8-on-tablet-portrait[data-portion]{grid-column:span 18;flex:0 0 75%}.\31 9-on-tablet-portrait[data-portion]{grid-column:span 19;flex:0 0 79.1667%}.five-sixth-on-tablet-portrait[data-portion],.\32 0-on-tablet-portrait[data-portion]{grid-column:span 20;flex:0 0 83.3333%}.seven-eighth-on-tablet-portrait[data-portion],.\32 1-on-tablet-portrait[data-portion]{grid-column:span 21;flex:0 0 87.5%}.eleven-twelfth-on-tablet-portrait[data-portion],.\32 2-on-tablet-portrait[data-portion]{grid-column:span 22;flex:0 0 91.6667%}.\32 3-on-tablet-portrait[data-portion]{grid-column:span 23;flex:0 0 95.8333%}.whole-on-tablet-portrait[data-portion],.\32 4-on-tablet-portrait[data-portion]{grid-column:span 24;flex:0 0 100%}}@media all and (min-width : 901px) and (max-width : 1200px){.\31-on-tablet-landscape[data-portion]{grid-column:span 1;flex:0 0 4.1667%}.one-twelfth-on-tablet-landscape[data-portion],.\32-on-tablet-landscape[data-portion]{grid-column:span 2;flex:0 0 8.3333%}.one-eighth-on-tablet-landscape[data-portion],.\33-on-tablet-landscape[data-portion]{grid-column:span 3;flex:0 0 12.5%}.one-sixth-on-tablet-landscape[data-portion],.\34-on-tablet-landscape[data-portion]{grid-column:span 4;flex:0 0 16.6667%}.\35-on-tablet-landscape[data-portion]{grid-column:span 5;flex:0 0 20.8333%}.one-fourth-on-tablet-landscape[data-portion],.\36-on-tablet-landscape[data-portion]{grid-column:span 6;flex:0 0 25%}.\37[data-portion] -on-tablet-landscape{grid-column:span 7;flex:0 0 29.1667%}.one-third-on-tablet-landscape[data-portion],.\38-on-tablet-landscape[data-portion]{grid-column:span 8;flex:0 0 33.3333%}.\39-on-tablet-landscape[data-portion]{grid-column:span 9;flex:0 0 37.5%}.five-twelfth-on-tablet-landscape[data-portion],.\31 0-on-tablet-landscape[data-portion]{grid-column:span 10;flex:0 0 41.6667%}.\31 1-on-tablet-landscape[data-portion]{grid-column:span 11;flex:0 0 45.8333%}.half-on-tablet-landscape[data-portion],.\31 2-on-tablet-landscape[data-portion]{grid-column:span 12;flex:0 0 50%}.\31 3-on-tablet-landscape[data-portion]{grid-column:span 13;flex:0 0 54.1667%}.seven-twelfth-on-tablet-landscape[data-portion],.\31 4-on-tablet-landscape[data-portion]{grid-column:span 14;flex:0 0 58.3333%}.\31 5-on-tablet-landscape[data-portion]{grid-column:span 15;flex:0 0 62.5%}.two-third-on-tablet-landscape[data-portion],.\31 6-on-tablet-landscape[data-portion]{grid-column:span 16;flex:0 0 66.6667%}.\31 7-on-tablet-landscape[data-portion]{grid-column:span 17;flex:0 0 70.8333%}.three-fourth-on-tablet-landscape[data-portion],.\31 8-on-tablet-landscape[data-portion]{grid-column:span 18;flex:0 0 75%}.\31 9-on-tablet-landscape[data-portion]{grid-column:span 19;flex:0 0 79.1667%}.five-sixth-on-tablet-landscape[data-portion],.\32 0-on-tablet-landscape[data-portion]{grid-column:span 20;flex:0 0 83.3333%}.seven-eighth-on-tablet-landscape[data-portion],.\32 1-on-tablet-landscape[data-portion]{grid-column:span 21;flex:0 0 87.5%}.eleven-twelfth-on-tablet-landscape[data-portion],.\32 2-on-tablet-landscape[data-portion]{grid-column:span 22;flex:0 0 91.6667%}.\32 3-on-tablet-landscape[data-portion]{grid-column:span 23;flex:0 0 95.8333%}.whole-on-tablet-landscape[data-portion],.\32 4-on-tablet-landscape[data-portion]{grid-column:span 24;flex:0 0 100%}}:root{--side-element-left-width: 0px;--side-element-right-width: 0px;--side-element-padding: 4px}input[data-input-field]{position:relative;width:100%;flex:1 1 auto;font-family:var(--paragraph-font);color:var(--input-text-default);background-color:var(--input-bg-default);border:var(--input-border-width-default) solid var(--input-border-default);border-radius:var(--input-border-radius-default);line-height:1;padding-top:var(--input-padding);padding-right:var(--input-padding);padding-bottom:var(--input-padding);padding-left:var(--input-padding)}input[data-input-field] ::-moz-placeholder{color:var(--input-placeholder-default);opacity:var(--input-placeholder-opacity)}input[data-input-field] ::placeholder{color:var(--input-placeholder-default);opacity:var(--input