.contentWrapper-root.surface .team-member-description-inline,.contentWrapper-root.surface .team-member-name{color:var(--tr-color-on-surface)}.contentWrapper-root.surface-high .team-member-description-inline,.contentWrapper-root.surface-high .team-member-name{color:var(--tr-color-on-surface-high)}.contentWrapper-root.inverse .team-member-description-inline,.contentWrapper-root.inverse .team-member-name{color:var(--tr-color-inverse-on-surface)}.contentWrapper-root.inverse-high .team-member-description-inline,.contentWrapper-root.inverse-high .team-member-name{color:var(--tr-color-inverse-on-surface-high)}.contentWrapper-root.grey .team-member-description-inline,.contentWrapper-root.grey .team-member-name{color:var(--tr-color-white-always)}.team-member-card-admin .team-member-description-inline p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.team-grid{display:grid;gap:2px 10px;grid-template-columns:repeat(3,1fr);justify-content:center;margin:0 auto;max-width:100%;padding-left:10px;padding-right:10px}.team-member-card{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:10px;max-width:300px;min-height:100px;position:relative;text-align:left;transition:transform .3s ease}.team-member-card:hover{transform:translateY(-5px)}.team-member-photo{align-items:center;display:flex;height:280px;justify-content:center;margin-bottom:20px;overflow:hidden;width:300px}.team-member-photo img{border-radius:10px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.team-member-info{width:100%}.team-member-name{color:var(--tr-color-primary);font-size:var(--tr-heading-3-font-size);font-weight:var(--tr-display-1-font-weight);margin-bottom:var(--tr-spacing-1\.5)}.team-member-job-title{color:var(--tr-color-secondary);font-size:var(--tr-label-font-size);font-style:var(--tr-font-family);margin-bottom:var(--tr-spacing-5)!important}.team-member-description-inline{color:var(--tr-color-headings);font-size:var(--tr-label-font-size);line-height:1.6;margin-top:auto;text-align:left;white-space:normal;word-wrap:break-word;margin-bottom:20px;overflow-wrap:break-word;word-break:break-word}.team-member-description-inline::-moz-placeholder{color:var(--tr-color-headings);font-style:var(--tr-font-family)}.team-member-description-inline::placeholder{color:var(--tr-color-headings);font-style:var(--tr-font-family)}@media(min-width:780px)and (max-width:1200px){.team-grid{grid-template-columns:repeat(2,1fr);margin-left:auto;margin-right:auto}}@media(max-width:1024px){.team-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.team-grid{grid-template-columns:1fr}.team-member-name{font-size:1.3rem}.team-member-job-title{font-size:1rem}.team-member-description-inline{font-size:.95rem}}.loader-container{grid-column:1/-1}.skeleton-loader{animation:shimmer 1.5s infinite;background-color:#e0e0e0;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 40px,hsla(0,0%,100%,0) 80px);background-size:200px 100%}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton-loader--rectangle{border-radius:4px;height:280px;margin-bottom:10px;width:300px}.skeleton-loader--line{border-radius:4px;height:20px;margin-bottom:6px;width:60%}.skeleton-loader-container{display:flex;flex-direction:column;gap:10px}
.contentHeader-root{display:flex;flex-direction:column;gap:var(--tr-spacing-6);margin-bottom:var(--tr-spacing-10);width:100%}.contentHeader-root.contentHeader-center{align-items:center;text-align:center}.contentHeader-root.contentHeader-right{align-items:flex-end;text-align:right}.contentHeader-root.contentHeader-left{align-items:flex-start;text-align:left}.contentHeader-root .contentHeader-description,.contentHeader-root .contentHeader-label,.contentHeader-root .contentHeader-title{color:inherit;width:100%}@media(max-width:767.98px){.contentHeader-root.event-hero{align-items:center!important;text-align:center!important}}.contentHeader-root.surface{color:var(--tr-color-on-surface)}.contentHeader-root.surface-high{color:var(--tr-color-on-surface-high)}.contentHeader-root.inverse{color:var(--tr-color-inverse-on-surface)}.contentHeader-root.inverse-high{color:var(--tr-color-inverse-on-surface-high)}.contentHeader-root.grey{color:var(--tr-color-white-always)}.contentHeader-icon{height:2.5rem;width:2.5rem}.surface .contentHeader-icon svg path{fill:var(--tr-color-on-surface)}.surface-high .contentHeader-icon svg path{fill:var(--tr-color-on-surface-high)}.inverse .contentHeader-icon svg path{fill:var(--tr-color-inverse-on-surface)}.inverse-high .contentHeader-icon svg path{fill:var(--tr-color-inverse-on-surface-high)}.grey .contentHeader-icon svg path{fill:var(--tr-color-white-always)}.grey-high .contentHeader-icon svg path{fill:var(--tr-color-primary)}.grey-light .contentHeader-icon svg path{fill:var(--tr-color-inverse-surface)}.primary-tint .contentHeader-icon svg path{fill:var(--tr-color-on-surface)}.contentButtons{display:flex;flex-direction:column;gap:var(--tr-spacing-4);margin-top:var(--tr-spacing-8)}
.tr-button-root{align-items:center;border-radius:var(--tr-border-radius-4);box-sizing:border-box;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:var(--tr-spacing-2);height:2.6rem;justify-content:center;padding-inline:var(--tr-spacing-6);text-decoration:none;transition:background-color .3s,border-color .3s,color .3s;--button-bg-color:transparent;--button-border-color:transparent;--button-text-color:inherit;--button-on-bg-color:inherit;--button-hover-bg-color:transparent;--button-hover-border-color:transparent;--button-hover-text-color:inherit;background-color:var(--button-bg-color);border:1px solid var(--button-border-color);color:var(--button-text-color)}.tr-button-root:hover{background-color:var(--button-hover-bg-color);border-color:var(--button-hover-border-color);text-decoration:none}.tr-button-root:focus{color:inherit;outline:1px solid var(--tr-color-grey-500);outline-offset:1px}.tr-button-root.tr-button-sm{font-size:.8rem;height:2.2rem;padding-inline:var(--tr-spacing-4)}.tr-button-root .tr-button-icon-wrapper{align-items:center;display:inline-flex;height:1.2rem;justify-content:center;width:1.2rem}.tr-button-root .tr-button-icon-wrapper>:first-child{height:100%;width:100%}.tr-button-root .tr-button-icon-wrapper svg{fill:currentColor}.tr-button-root.tr-button-fullWidth{width:100%}.tr-button-root.tr-button-contained{border:none;color:var(--button-on-bg-color)}.tr-button-root.tr-button-outlined{background-color:transparent}.tr-button-root.tr-button-outlined:hover{background-color:transparent;color:var(--button-hover-text-color)}.tr-button-root.tr-button-tertiary{background-color:transparent;border:none}.tr-button-root.tr-button-tertiary:hover{background-color:transparent;color:var(--button-hover-text-color)}.tr-button-root.tr-button-text{background-color:transparent;border:none;height:auto;padding:0}.tr-button-root.tr-button-text:hover{background-color:transparent;color:var(--button-hover-text-color)}.tr-button-root.tr-button-rounded{border-radius:80px}.tr-button-root.tr-button-color-primary{--button-bg-color:var(--tr-color-primary);--button-border-color:var(--tr-color-primary);--button-text-color:var(--tr-color-primary);--button-on-bg-color:var(--tr-color-on-primary);--button-hover-bg-color:var(--tr-color-primary-light);--button-hover-border-color:var(--tr-color-primary-light);--button-hover-text-color:var(--tr-color-primary-light)}.tr-button-root.tr-button-color-secondary{--button-bg-color:var(--tr-color-secondary);--button-border-color:var(--tr-color-secondary);--button-text-color:var(--tr-color-secondary);--button-on-bg-color:var(--tr-color-on-secondary);--button-hover-bg-color:var(--tr-color-secondary-light);--button-hover-border-color:var(--tr-color-secondary-light);--button-hover-text-color:var(--tr-color-secondary-light)}.tr-button-root.tr-button-color-tertiary{--button-bg-color:var(--tr-color-tertiary);--button-border-color:var(--tr-color-tertiary);--button-text-color:var(--tr-color-tertiary);--button-on-bg-color:var(--tr-color-on-tertiary);--button-hover-bg-color:var(--tr-color-tertiary-light);--button-hover-border-color:var(--tr-color-tertiary-light);--button-hover-text-color:var(--tr-color-tertiary-light)}.tr-button-root.tr-button-color-error{--button-bg-color:var(--tr-color-error);--button-border-color:var(--tr-color-error);--button-text-color:var(--tr-color-error);--button-on-bg-color:var(--tr-color-on-error);--button-hover-bg-color:var(--tr-color-error-light);--button-hover-border-color:var(--tr-color-error-light);--button-hover-text-color:var(--tr-color-error-light)}.tr-button-root.tr-button-color-success{--button-bg-color:var(--tr-color-success);--button-border-color:var(--tr-color-success);--button-text-color:var(--tr-color-success);--button-on-bg-color:var(--tr-color-on-success);--button-hover-bg-color:var(--tr-color-success-light);--button-hover-border-color:var(--tr-color-success-light);--button-hover-text-color:var(--tr-color-success-light)}.tr-button-root.tr-button-color-warning{--button-bg-color:var(--tr-color-warning);--button-border-color:var(--tr-color-warning);--button-text-color:var(--tr-color-warning);--button-on-bg-color:var(--tr-color-on-warning);--button-hover-bg-color:var(--tr-color-warning-light);--button-hover-border-color:var(--tr-color-warning-light);--button-hover-text-color:var(--tr-color-warning-light)}.tr-button-root.tr-button-color-white{--button-bg-color:var(--tr-color-white-always);--button-border-color:var(--tr-color-white-always);--button-text-color:var(--tr-color-white-always);--button-on-bg-color:var(--tr-color-dark-always);--button-hover-bg-color:var(--tr-color-white-always);--button-hover-border-color:var(--tr-color-white-always);--button-hover-text-color:var(--tr-color-white-always)}.tr-button-root.tr-button-color-dark{--button-bg-color:var(--tr-color-dark-always);--button-border-color:var(--tr-color-dark-always);--button-text-color:var(--tr-color-dark-always);--button-on-bg-color:var(--tr-color-white-always);--button-hover-bg-color:var(--tr-color-dark-always-light);--button-hover-border-color:var(--tr-color-dark-always-light);--button-hover-text-color:var(--tr-color-dark-always-light)}
.buttonPicker-root{display:flex;flex-direction:column;gap:var(--tr-spacing-4)}.buttonPicker-addBtn{border-color:var(--tr-color-grey-700)!important;border-style:dashed;color:var(--tr-color-grey-700)!important}.buttonPicker-dropdown .components-popover__content{border-radius:var(--tr-border-radius-6);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);padding:var(--tr-spacing-3);width:200px}.buttonPicker-dropdown .components-popover__content .dropdown-content{display:flex;flex-direction:column;gap:var(--tr-spacing-2)}.buttonPicker-btn-white{box-shadow:0 0 1px 0 rgba(0,0,0,.1);text-shadow:1px 1px 2px rgba(0,0,0,.4)}.buttonPicker-btn-white.buttonPicker-btn-text{box-shadow:none}.buttonPicker-btn-white.buttonPicker-btn-contained{text-shadow:none}
.input-root{align-items:flex-start;display:flex;flex-direction:column;font-size:.875rem;gap:var(--tr-spacing-1\.5);position:relative}.input-root .input-labelWrapper{align-items:center;display:flex;gap:var(--tr-spacing-2)}.input-root .input-inputWrapper{align-items:center;display:flex;max-width:540px;position:relative;width:100%}.input-root .input-inputWrapper input,.input-root .input-inputWrapper textarea{background:#fff;border:1px solid var(--tr-color-grey-300);border-radius:var(--tr-border-radius-6);flex-grow:1;font-size:inherit;margin:0;max-width:540px;min-height:unset}.input-root .input-inputWrapper input:hover,.input-root .input-inputWrapper textarea:hover{border-color:var(--tr-color-secondary)}.input-root .input-inputWrapper input:focus,.input-root .input-inputWrapper textarea:focus{border-color:var(--tr-color-secondary);box-shadow:0 0 0 2px rgba(var(--tr-color-secondary-rgb),.4)}.input-root .input-inputWrapper input::-moz-placeholder,.input-root .input-inputWrapper textarea::-moz-placeholder{color:var(--tr-color-grey-500);font-size:.875rem}.input-root .input-inputWrapper input::placeholder,.input-root .input-inputWrapper textarea::placeholder{color:var(--tr-color-grey-500);font-size:.875rem}.input-root .input-inputWrapper input.input-isPassword,.input-root .input-inputWrapper textarea.input-isPassword{padding-inline-end:var(--tr-spacing-11)}.input-root .input-inputWrapper input{height:42px;padding-inline:var(--tr-spacing-2\.5)}.input-root .input-inputWrapper textarea{min-height:100px;padding:var(--tr-spacing-2\.5);resize:vertical}.input-root .input-inputWrapper.input-hasError input{background:rgba(var(--tr-color-error),.1);border:1px solid var(--tr-color-error)}.input-root .input-inputWrapper.input-hasError input:hover{border-color:var(--tr-color-error)}.input-root .input-inputWrapper.input-hasError input:focus{box-shadow:0 0 0 1px var(--tr-color-error)}.input-root .input-inputWrapper.input-hasConcatString{background:var(--tr-color-background);border:1px solid var(--tr-color-grey-300);border-radius:var(--tr-border-radius-4);overflow:hidden}.input-root .input-inputWrapper.input-hasConcatString .input-concatString{background-color:var(--tr-color-background);border-right:1px solid var(--tr-color-grey-300);color:var(--tr-color-grey-700);display:flex;flex-direction:column;font-weight:500;height:42px;justify-content:center;padding-inline:var(--tr-spacing-2\.5);white-space:nowrap}.input-root .input-inputWrapper.input-hasConcatString:hover{border-color:var(--tr-color-secondary)}.input-root .input-inputWrapper.input-hasConcatString:focus-within{border-color:var(--tr-color-secondary);box-shadow:0 0 0 1px var(--tr-color-secondary)}.input-root .input-inputWrapper.input-hasConcatString.input-hasError{background:rgba(var(--tr-color-error),.1);border:1px solid var(--tr-color-error)}.input-root .input-inputWrapper.input-hasConcatString.input-hasError:hover{border-color:var(--tr-color-error)}.input-root .input-inputWrapper.input-hasConcatString.input-hasError:focus{box-shadow:0 0 0 1px var(--tr-color-error)}.input-root .input-inputWrapper.input-hasConcatString.input-hasError:focus-within{border-color:var(--tr-color-error);box-shadow:0 0 0 1px var(--tr-color-error)}.input-root .input-inputWrapper.input-hasConcatString input{border:none}.input-root .input-inputWrapper.input-hasConcatString input:focus{box-shadow:none}.input-root .input-inputWrapper button{all:unset;align-items:center;cursor:pointer;display:flex;justify-content:center;position:absolute;right:var(--tr-spacing-2\.5)}html[dir=rtl] .input-root .input-inputWrapper button{left:var(--tr-spacing-2\.5);right:unset}.input-root .input-inputWrapper button svg{fill:currentColor}.input-root .input-inputWrapper button.input-fileButton{background-color:var(--tr-color-dark-always);border-radius:var(--tr-border-radius-4);color:var(--tr-color-on-primary-semi-light);padding:var(--tr-spacing-2\.5);padding-inline:var(--tr-spacing-6);right:0}.input-root .input-inputWrapper.input-isFile input{padding-right:0!important}.input-root .input-inputWrapper.input-isFile span{background-color:var(--tr-color-primary-semi-lighter);border:1px solid var(--tr-color-primary);border-radius:var(--tr-border-radius-4);color:var(--tr-color-primary);cursor:pointer;overflow:hidden;padding:var(--tr-spacing-2\.5) 100px var(--tr-spacing-2\.5) var(--tr-spacing-4);text-overflow:ellipsis;white-space:nowrap;width:100%}.input-root.input-rowLayout{align-items:center;flex:1;flex-direction:row;gap:var(--tr-spacing-3);justify-content:space-between;max-width:540px}.input-root.input-rowLayout label{width:100px}.input-root.input-rowLayout .input-inputWrapper{align-items:center;display:flex;flex:1;width:unset}.input-root.input-rowLayout.input-textarea{align-items:flex-start}.input-root.input-rowLayout.input-textarea .input-labelWrapper{padding-top:var(--tr-spacing-1\.5)}.input-root .input-errorMessage{align-items:center;bottom:0;color:var(--tr-color-error);display:flex;font-size:.775rem;position:absolute;transform:translateY(110%)}.input-root .input-errorMessage p{color:inherit;font-size:inherit;margin:0}
.customButton-dropdown .components-popover__content{border-radius:var(--tr-border-radius-6);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);padding:var(--tr-spacing-3);width:440px}@media(max-width:767.98px){.customButton-dropdown .components-popover__content{width:300px}}.customButton-dropdown--content{display:flex;flex-direction:column;gap:var(--tr-spacing-3)}.customButton{position:relative}.customButton:hover button.customButton-remove{display:flex}button.customButton-remove{all:unset;align-items:center;background-color:var(--tr-color-white-always);border:1px solid var(--tr-color-grey-300);border-radius:50%;cursor:pointer;display:none;height:1.2rem;justify-content:center;padding:0;position:absolute;right:3px;top:3px;transform:translate(50%,-50%);transition:background-color .2s;width:1.2rem}button.customButton-remove:hover{background-color:var(--tr-color-grey-100)}button.customButton-remove svg{height:1rem;width:1rem;fill:var(--tr-color-dark-always)}
.iconPicker{align-items:flex-start;display:flex;flex-direction:column;gap:var(--tr-spacing-1\.5);max-width:540px}.iconPicker.iconPicker-row{align-items:center;flex-direction:row;gap:var(--tr-spacing-3);justify-content:space-between}.iconPicker label.iconPicker-label{width:100px}.iconPicker-grid{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:var(--tr-spacing-2);height:42px}.iconPicker-grid .icon-box{all:unset;align-items:center;border:1px solid var(--tr-color-grey-300);border-radius:var(--tr-border-radius-4);box-sizing:border-box;color:var(--tr-color-dark-always);cursor:pointer;display:flex;height:42px;justify-content:center;position:relative;transition:background-color .2s;width:42px}.iconPicker-grid .icon-box:focus,.iconPicker-grid .icon-box:hover{background-color:var(--tr-color-grey-50);border-color:var(--tr-color-secondary)}.iconPicker-grid .icon-box.selected{border-color:var(--tr-color-secondary);box-shadow:0 0 0 2px rgba(var(--tr-color-secondary-rgb),.4)}.iconPicker-grid .icon-box svg{height:50%;width:50%;fill:currentColor}
.tr-font-size-toolbar button.components-dropdown-menu__menu-item{height:auto}.tr-font-size-toolbar button.components-dropdown-menu__menu-item:first-child{font-size:var(--tr-display-1-font-size);font-weight:var(--tr-display-1-font-weight);letter-spacing:-.02em}.tr-font-size-toolbar button.components-dropdown-menu__menu-item:nth-child(2){font-size:var(--tr-display-2-font-size);font-weight:var(--tr-display-2-font-weight)}.tr-font-size-toolbar button.components-dropdown-menu__menu-item:nth-child(3){font-size:var(--tr-heading-1-font-size);font-weight:var(--tr-heading-1-font-weight)}.tr-font-size-toolbar button.components-dropdown-menu__menu-item:nth-child(4){font-size:var(--tr-heading-2-font-size);font-weight:var(--tr-heading-2-font-weight)}.tr-font-size-toolbar button.components-dropdown-menu__menu-item:nth-child(5){font-size:var(--tr-heading-3-font-size);font-weight:var(--tr-heading-3-font-weight)}.tr-font-size-toolbar button.components-dropdown-menu__menu-item:nth-child(6){font-size:var(--tr-heading-5-font-size);font-weight:var(--tr-heading-5-font-weight)}.tr-font-size-toolbar button.components-dropdown-menu__menu-item:nth-child(7){font-size:var(--tr-body-font-size);font-weight:var(--tr-body-font-weight-regular)}.tr-font-size-toolbar button.components-dropdown-menu__menu-item:nth-child(8){font-size:var(--tr-body-font-size);font-weight:var(--tr-body-font-weight-semibold)}.tr-font-size-toolbar button.components-dropdown-menu__menu-item:nth-child(9){font-size:var(--tr-uppercase-font-size);font-weight:var(--tr-uppercase-font-weight);text-transform:uppercase}.tr-font-size-toolbar button.components-dropdown-menu__menu-item:nth-child(10){font-size:var(--tr-underline-font-size);font-weight:var(--tr-underline-font-weight);text-decoration:underline}.tr-font-size-toolbar button.components-dropdown-menu__menu-item:nth-child(11){font-size:var(--tr-label-font-size);font-weight:var(--tr-label-font-weight)}
.contentWrapper-root{align-items:stretch;background-blend-mode:normal;box-sizing:border-box;display:flex;position:relative}.contentWrapper-root.grey{background-color:var(--tr-color-semi-dark-always-light);color:var(--tr-color-white-always)}.contentWrapper-root.grey-high{background-color:var(--tr-color-grey-high);color:var(--tr-color-on-grey-high)}.contentWrapper-root.grey-light{background-color:var(--tr-color-grey-light);color:var(--tr-color-on-grey-light)}.contentWrapper-root.surface{background-color:var(--tr-color-surface);color:var(--tr-color-on-surface)}.contentWrapper-root.surface-high{background-color:var(--tr-color-surface-high);color:var(--tr-color-on-surface-high)}.contentWrapper-root.primary-tint{background-color:var(--tr-color-primary-tint);color:var(--tr-color-on-primary-tint)}.contentWrapper-root.inverse{background-color:var(--tr-color-inverse-surface);color:var(--tr-color-inverse-on-surface)}.contentWrapper-root.inverse-high{background-color:var(--tr-color-inverse-surface-high);color:var(--tr-color-inverse-on-surface-high)}.contentWrapper-root.transparent{background-color:transparent}.contentWrapper-root.white{background-color:var(--tr-color-white-always);color:var(--tr-color-dark-always)}.contentWrapper-root.gradient{background:var(--tr-color-gradient);color:var(--tr-color-on-gradient)}.contentWrapper-root.has-green-border-left,.contentWrapper-root.has-green-border-right{border-image-slice:1;border-image-width:0 0 2px 0}.contentWrapper-root.has-green-border-left{border-image-source:var(--tr-green-border-gradient-left)}.contentWrapper-root.has-green-border-right{border-image-source:var(--tr-green-border-gradient-right)}.contentWrapper-root.no-top-padding .contentWrapper-container{padding-top:0}.contentWrapper-container{align-items:stretch;display:flex;flex:1;flex-direction:column;padding:var(--tr-spacing-16);width:100%}.contentWrapper-container.contentWrapper-removeSpacing{padding:0}@media(max-width:991.98px){.contentWrapper-container{padding:var(--tr-spacing-6)}}.contentWrapper-expanded{align-items:stretch;justify-content:center;max-height:900px;min-height:75dvh}.contentWrapper-expanded.contentWrapper-frontend{padding-top:4.3125rem}.contentWrapper-expanded .contentWrapper-container{justify-content:center}
.manual-selection{display:flex;gap:20px}.inverse .search-checkbox-list{background-color:var(--tr-color-surface-on-inverse)}.inverse .search-checkbox-list,.inverse .search-checkbox-list label{color:var(--tr-color-on-surface-on-inverse)}.inverse-high .search-checkbox-list,.surface .search-checkbox-list,.surface-high .search-checkbox-list{background-color:var(--tr-color-inverse-surface-high);color:var(--tr-color-inverse-on-surface-high)}.inverse-high .search-checkbox-list label,.surface .search-checkbox-list label,.surface-high .search-checkbox-list label{color:var(--tr-color-inverse-on-surface-high)}.image-hover-icons{display:none!important;opacity:0!important}.manual-selection-container input{width:100%}.search-checkbox-list{max-height:300px;overflow:auto;padding:20px}.floating-label-input{margin-bottom:1rem;position:relative}.floating-label-input input{border:1px solid #ccc;border-radius:4px;font-size:16px;outline:none;padding:12px;transition:border-color .2s ease;width:100%}.floating-label-input label{background:#fff;color:#999;left:12px;padding:0 4px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease}.floating-label-input input:focus+label,.floating-label-input.has-value label{color:#0073aa;font-size:12px;top:-10px;transform:translateY(0);z-index:1}.surface .floating-label-input label,.surface input{background-color:var(--tr-color-surface)}.surface-high input{background-color:transparent}.surface-high .floating-label-input label{background-color:#fcfcfc}.inverse .floating-label-input label,.inverse input{background-color:var(--tr-color-inverse-on-surface-high);color:var(--tr-color-on-surface-on-inverse)}.inverse-high input{background-color:transparent}.inverse-high .floating-label-input label{background-color:#f4f4f5}