.okui-label{display:flex;width:100%}.okui-label.top-right{justify-content:flex-end}.okui-label.top-between{justify-content:space-between}.okui-label-text{color:var(--okd-input-label-color);font-weight:500}.okui-label-action{color:var(--okd-input-action-color);cursor:pointer;font-weight:500}.okui-label.label-xl .okui-label-text{font-size:var(--okd-input-xl-label-font-size);line-height:var(--okd-input-xl-label-line-height);margin-bottom:6px;margin-bottom:var(--okd-input-xl-label-margin,6px)}.okui-label.label-xl .okui-label-action{font-size:var(--okd-input-xl-action-font-size);line-height:var(--okd-input-xl-action-line-height);margin-bottom:6px;margin-bottom:var(--okd-input-xl-label-margin,6px)}.okui-label.label-xl .okui-label-place{min-height:var(--okd-input-xl-label-line-height)}.okui-label.label-lg .okui-label-text{font-size:var(--okd-input-lg-label-font-size);line-height:var(--okd-input-lg-label-line-height);margin-bottom:6px;margin-bottom:var(--okd-input-lg-label-margin,6px)}.okui-label.label-lg .okui-label-action{font-size:var(--okd-input-lg-action-font-size);line-height:var(--okd-input-lg-action-line-height);margin-bottom:6px;margin-bottom:var(--okd-input-lg-label-margin,6px)}.okui-label.label-lg .okui-label-place{min-height:var(--okd-input-lg-label-line-height)}.okui-label.label-xs .okui-label-text{font-size:var(--okd-input-xs-label-font-size);line-height:var(--okd-input-xs-label-line-height);margin-bottom:4px;margin-bottom:var(--okd-input-xs-label-margin,4px)}.okui-label.label-xs .okui-label-action{font-size:var(--okd-input-xs-action-font-size);line-height:var(--okd-input-xs-action-line-height);margin-bottom:4px;margin-bottom:var(--okd-input-xs-label-margin,4px)}.okui-label.label-xs .okui-label-place{min-height:var(--okd-input-xs-label-line-height)}.okui-label.label-sm .okui-label-text{font-size:var(--okd-input-sm-label-font-size);line-height:var(--okd-input-sm-label-line-height);margin-bottom:4px;margin-bottom:var(--okd-input-sm-label-margin,4px)}.okui-label.label-sm .okui-label-action{font-size:var(--okd-input-sm-action-font-size);line-height:var(--okd-input-sm-action-line-height);margin-bottom:4px;margin-bottom:var(--okd-input-sm-label-margin,4px)}.okui-label.label-sm .okui-label-place{min-height:var(--okd-input-sm-label-line-height)}.okui-label.label-md .okui-label-text{font-size:var(--okd-input-md-label-font-size);line-height:var(--okd-input-md-label-line-height);margin-bottom:4px;margin-bottom:var(--okd-input-md-label-margin,4px)}.okui-label.label-md .okui-label-action{font-size:var(--okd-input-md-action-font-size);line-height:var(--okd-input-md-action-line-height);margin-bottom:4px;margin-bottom:var(--okd-input-md-label-margin,4px)}.okui-label.label-md .okui-label-place{min-height:var(--okd-input-md-label-line-height)}.okui-input-caret-color{caret-color:var(--okd-input-focus-caret-color)}.okui-input-caret-color input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.okui-input-caret-color input[type=search]::-moz-search-cancel-button{-moz-appearance:none;appearance:none}.okui-input-caret-color input::-ms-clear,.okui-input-caret-color input::-ms-reveal{display:none}.okui-input-caret-color input::-o-clear{display:none}.okui-input{align-items:flex-start;display:flex;flex-direction:column;position:relative}.okui-input input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.okui-input input[type=search]::-moz-search-cancel-button{-moz-appearance:none;appearance:none}.okui-input input::-ms-clear,.okui-input input::-ms-reveal{display:none}.okui-input input::-o-clear{display:none}.okui-input *{-moz-box-sizing:border-box;box-sizing:border-box}.okui-input-prefix,.okui-input-suffix{align-items:center;display:flex;flex-shrink:1;white-space:nowrap}.okui-input-input{background:transparent;border:none;color:var(--okd-input-default-text-color);flex-grow:1;font-family:inherit;height:100%;outline:none;width:100%}.okui-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--okd-input-default-placeholder-color);color:var(--okd-input-default-placeholder-color)}.okui-input-input:-moz-placeholder{-webkit-text-fill-color:var(--okd-input-default-placeholder-color);color:var(--okd-input-default-placeholder-color);opacity:1}.okui-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--okd-input-default-placeholder-color);color:var(--okd-input-default-placeholder-color)}.okui-input-input:-webkit-autofill{-webkit-text-fill-color:var(--okd-input-default-text-color)!important;border:none;-webkit-box-shadow:0 0 0 30px var(--okd-input-default-background) inset}.okui-input-input.input-textarea{box-shadow:none;outline:none;resize:none}.okui-input-custom-placeholder{position:relative;width:100%}.okui-input-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.okui-input-placeholder{bottom:0;color:var(--okd-input-default-placeholder-color);left:0;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}.okui-input-tips-box{display:flex;width:100%}.okui-input-error{color:var(--okd-input-error-tips-color)}.okui-input-tips{color:var(--okd-input-tips-text-color);display:inline-block}.okui-input-help-text{color:var(--okd-input-tips-text-color);flex-grow:1;flex-shrink:0;text-align:left}.okui-input.hover,.okui-input:hover{cursor:text}.okui-input.hover .okui-input-box,.okui-input:hover .okui-input-box{background:var(--okd-input-hover-background);border:thin solid var(--okd-input-hover-border-color);box-shadow:var(--okd-input-hover-shadow)}.okui-input.hover .okui-input-box .okui-input-input,.okui-input:hover .okui-input-box .okui-input-input{-webkit-text-fill-color:var(--okd-input-hover-text-color);caret-color:var(--okd-input-hover-caret-color);color:var(--okd-input-hover-text-color)}.okui-input.hover .okui-input-box .okui-input-input::-webkit-input-placeholder,.okui-input:hover .okui-input-box .okui-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--okd-input-hover-placeholder-color);color:var(--okd-input-hover-placeholder-color)}.okui-input.hover .okui-input-box .okui-input-input:-moz-placeholder,.okui-input:hover .okui-input-box .okui-input-input:-moz-placeholder{-webkit-text-fill-color:var(--okd-input-hover-placeholder-color);color:var(--okd-input-hover-placeholder-color);opacity:1}.okui-input.hover .okui-input-box .okui-input-input::-ms-input-placeholder,.okui-input:hover .okui-input-box .okui-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--okd-input-hover-placeholder-color);color:var(--okd-input-hover-placeholder-color)}.okui-input.focus .okui-input-box{background:var(--okd-input-focus-background);border:thin solid var(--okd-input-focus-border-color);box-shadow:var(--okd-input-focus-shadow)}.okui-input.focus .okui-input-box .okui-input-input{-webkit-text-fill-color:var(--okd-input-focus-text-color);caret-color:var(--okd-input-focus-caret-color);color:var(--okd-input-focus-text-color)}.okui-input.focus .okui-input-box .okui-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--okd-input-focus-placeholder-color);color:var(--okd-input-focus-placeholder-color)}.okui-input.focus .okui-input-box .okui-input-input:-moz-placeholder{-webkit-text-fill-color:var(--okd-input-focus-placeholder-color);color:var(--okd-input-focus-placeholder-color);opacity:1}.okui-input.focus .okui-input-box .okui-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--okd-input-focus-placeholder-color);color:var(--okd-input-focus-placeholder-color)}.okui-input.readonly .okui-input-box{background:var(--okd-input-default-background);background:var(--okd-input-readonly-background,var(--okd-input-default-background));border:thin solid var(--okd-input-readonly-border-color,var(--okd-input-default-border-color));box-shadow:var(--okd-input-default-shadow);box-shadow:var(--okd-input-readonly-shadow,var(--okd-input-default-shadow))}.okui-input.readonly .okui-input-box .okui-input-input{-webkit-text-fill-color:var(--okd-input-default-text-color);-webkit-text-fill-color:var(--okd-input-readonly-text-color,var(--okd-input-default-text-color));caret-color:var(--okd-input-default-caret-color);caret-color:var(--okd-input-readonly-caret-color,var(--okd-input-default-caret-color));color:var(--okd-input-default-text-color);color:var(--okd-input-readonly-text-color,var(--okd-input-default-text-color))}.okui-input.readonly .okui-input-box .okui-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--okd-input-default-placeholder-color);-webkit-text-fill-color:var(--okd-input-readonly-placeholder-color,var(--okd-input-default-placeholder-color));color:var(--okd-input-default-placeholder-color);color:var(--okd-input-readonly-placeholder-color,var(--okd-input-default-placeholder-color))}.okui-input.readonly .okui-input-box .okui-input-input:-moz-placeholder{-webkit-text-fill-color:var(--okd-input-default-placeholder-color);-webkit-text-fill-color:var(--okd-input-readonly-placeholder-color,var(--okd-input-default-placeholder-color));color:var(--okd-input-default-placeholder-color);color:var(--okd-input-readonly-placeholder-color,var(--okd-input-default-placeholder-color));opacity:1}.okui-input.readonly .okui-input-box .okui-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--okd-input-default-placeholder-color);-webkit-text-fill-color:var(--okd-input-readonly-placeholder-color,var(--okd-input-default-placeholder-color));color:var(--okd-input-default-placeholder-color);color:var(--okd-input-readonly-placeholder-color,var(--okd-input-default-placeholder-color))}.okui-input.readonly.focus .okui-input-box{border-color:var(--okd-input-focus-border-color)}.okui-input.disabled{cursor:not-allowed}.okui-input.disabled .okui-input-box{background:var(--okd-input-disabled-background);border:thin solid var(--okd-input-disabled-border-color);box-shadow:var(--okd-input-disabled-shadow)}.okui-input.disabled .okui-input-box .okui-input-input{-webkit-text-fill-color:var(--okd-input-disabled-text-color);caret-color:var(--okd-input-disabled-caret-color);color:var(--okd-input-disabled-text-color)}.okui-input.disabled .okui-input-box .okui-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--okd-input-disabled-placeholder-color);color:var(--okd-input-disabled-placeholder-color)}.okui-input.disabled .okui-input-box .okui-input-input:-moz-placeholder{-webkit-text-fill-color:var(--okd-input-disabled-placeholder-color);color:var(--okd-input-disabled-placeholder-color);opacity:1}.okui-input.disabled .okui-input-box .okui-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--okd-input-disabled-placeholder-color);color:var(--okd-input-disabled-placeholder-color)}.okui-input.disabled .okui-input-input{cursor:not-allowed;opacity:1}.okui-input.disabled .okui-input-input:-webkit-autofill{-webkit-text-fill-color:var(--okd-input-disabled-text-color)!important;-webkit-box-shadow:0 0 0 30px var(--okd-input-disabled-background) inset}.okui-input.error .okui-input-box{background:var(--okd-input-error-background);border:thin solid var(--okd-input-error-border-color);box-shadow:var(--okd-input-error-shadow)}.okui-input.error .okui-input-box .okui-input-input{-webkit-text-fill-color:var(--okd-input-error-text-color);caret-color:var(--okd-input-error-caret-color);color:var(--okd-input-error-text-color)}.okui-input.error .okui-input-box .okui-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--okd-input-error-placeholder-color);color:var(--okd-input-error-placeholder-color)}.okui-input.error .okui-input-box .okui-input-input:-moz-placeholder{-webkit-text-fill-color:var(--okd-input-error-placeholder-color);color:var(--okd-input-error-placeholder-color);opacity:1}.okui-input.error .okui-input-box .okui-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--okd-input-error-placeholder-color);color:var(--okd-input-error-placeholder-color)}.okui-input.error .okui-input-error{display:inline-block}.okui-input.no-border .okui-input-box{background:transparent;border:thin solid transparent;box-shadow:none}.okui-input-textarea-resize-virtual-dom::-webkit-scrollbar{display:none;height:0;width:0}.okui-input-box{align-items:center;background:var(--okd-input-default-background);border:thin solid var(--okd-input-default-border-color);box-shadow:var(--okd-input-default-shadow);display:flex;transition:border-color .3s,box-shadow .3s;width:100%}.okui-input-xl>.okui-input-box{border-radius:var(--okd-input-xl-border-radius);height:var(--okd-input-xl-height);padding:0 8px;padding:0 var(--okd-input-xl-padding-horizontal,8px)}.okui-input-xl>.okui-input-box.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-xl-height)}.okui-input-xl>.okui-input-box.no-padding-left{padding-right:0}.okui-input-xl>.okui-input-box.no-padding-right{padding-left:0}.okui-input-xl>.okui-input-box.ta{height:100%;padding:8px}.okui-input-xl>.okui-input-box.auto-resize-auto-height{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-xl-height)}.okui-input-xl>.okui-input-box.input-circle{border-radius:100px}.okui-input-xl .okui-input-input{font-size:var(--okd-input-xl-text-font-size);padding:calc(var(--okd-input-xl-height)/2 - var(--okd-input-xl-text-font-size)/2 - 2px) 0}.okui-input-xl .okui-input-input::-webkit-input-placeholder{font-size:var(--okd-input-xl-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-xl .okui-input-input:-moz-placeholder{font-size:var(--okd-input-xl-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-xl .okui-input-input::-ms-input-placeholder{font-size:var(--okd-input-xl-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-xl .okui-input-input.ta{padding:0}.okui-input-xl .okui-input-input.textarea-auto-resize{line-height:var(--okd-input-xl-text-font-size)}.okui-input-xl .okui-input-placeholder{font-size:var(--okd-input-xl-text-font-size);height:calc(var(--okd-input-xl-text-font-size) + 2px);line-height:calc(var(--okd-input-xl-text-font-size) + 2px)}.okui-input-xl .okui-input.okui-input-place-mode .okui-input-tips-box{min-height:calc(var(--okd-input-xl-tip-line-height) + 6px);min-height:calc(var(--okd-input-xl-tip-line-height) + var(--okd-input-xl-tip-margin, 6px))}.okui-input-xl .okui-input-error{font-size:var(--okd-input-xl-error-font-size);line-height:var(--okd-input-xl-error-line-height);margin-top:6px;margin-top:var(--okd-input-xl-tip-margin,6px)}.okui-input-xl .okui-input-help-text,.okui-input-xl .okui-input-tips{font-size:var(--okd-input-xl-tip-font-size);line-height:var(--okd-input-xl-tip-line-height);margin-top:6px;margin-top:var(--okd-input-xl-tip-margin,6px)}.okui-input-lg>.okui-input-box{border-radius:var(--okd-input-lg-border-radius);height:var(--okd-input-lg-height);padding:0 8px;padding:0 var(--okd-input-lg-padding-horizontal,8px)}.okui-input-lg>.okui-input-box.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-lg-height)}.okui-input-lg>.okui-input-box.no-padding-left{padding-right:0}.okui-input-lg>.okui-input-box.no-padding-right{padding-left:0}.okui-input-lg>.okui-input-box.ta{height:100%;padding:8px}.okui-input-lg>.okui-input-box.auto-resize-auto-height{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-lg-height)}.okui-input-lg>.okui-input-box.input-circle{border-radius:100px}.okui-input-lg .okui-input-input{font-size:var(--okd-input-lg-text-font-size);padding:calc(var(--okd-input-lg-height)/2 - var(--okd-input-lg-text-font-size)/2 - 2px) 0}.okui-input-lg .okui-input-input::-webkit-input-placeholder{font-size:var(--okd-input-lg-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-lg .okui-input-input:-moz-placeholder{font-size:var(--okd-input-lg-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-lg .okui-input-input::-ms-input-placeholder{font-size:var(--okd-input-lg-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-lg .okui-input-input.ta{padding:0}.okui-input-lg .okui-input-input.textarea-auto-resize{line-height:var(--okd-input-lg-text-font-size)}.okui-input-lg .okui-input-placeholder{font-size:var(--okd-input-lg-text-font-size);height:calc(var(--okd-input-lg-text-font-size) + 2px);line-height:calc(var(--okd-input-lg-text-font-size) + 2px)}.okui-input-lg .okui-input.okui-input-place-mode .okui-input-tips-box{min-height:calc(var(--okd-input-lg-tip-line-height) + 6px);min-height:calc(var(--okd-input-lg-tip-line-height) + var(--okd-input-lg-tip-margin, 6px))}.okui-input-lg .okui-input-error{font-size:var(--okd-input-lg-error-font-size);line-height:var(--okd-input-lg-error-line-height);margin-top:6px;margin-top:var(--okd-input-lg-tip-margin,6px)}.okui-input-lg .okui-input-help-text,.okui-input-lg .okui-input-tips{font-size:var(--okd-input-lg-tip-font-size);line-height:var(--okd-input-lg-tip-line-height);margin-top:6px;margin-top:var(--okd-input-lg-tip-margin,6px)}.okui-input-xs>.okui-input-box{border-radius:var(--okd-input-xs-border-radius);height:var(--okd-input-xs-height);padding:0 8px;padding:0 var(--okd-input-xs-padding-horizontal,8px)}.okui-input-xs>.okui-input-box.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-xs-height)}.okui-input-xs>.okui-input-box.no-padding-left{padding-right:0}.okui-input-xs>.okui-input-box.no-padding-right{padding-left:0}.okui-input-xs>.okui-input-box.ta{height:100%;padding:8px}.okui-input-xs>.okui-input-box.auto-resize-auto-height{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-xs-height)}.okui-input-xs>.okui-input-box.input-circle{border-radius:100px}.okui-input-xs .okui-input-input{font-size:var(--okd-input-xs-text-font-size);padding:calc(var(--okd-input-xs-height)/2 - var(--okd-input-xs-text-font-size)/2 - 2px) 0}.okui-input-xs .okui-input-input::-webkit-input-placeholder{font-size:var(--okd-input-xs-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-xs .okui-input-input:-moz-placeholder{font-size:var(--okd-input-xs-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-xs .okui-input-input::-ms-input-placeholder{font-size:var(--okd-input-xs-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-xs .okui-input-input.ta{padding:0}.okui-input-xs .okui-input-input.textarea-auto-resize{line-height:var(--okd-input-xs-text-font-size)}.okui-input-xs .okui-input-placeholder{font-size:var(--okd-input-xs-text-font-size);height:calc(var(--okd-input-xs-text-font-size) + 2px);line-height:calc(var(--okd-input-xs-text-font-size) + 2px)}.okui-input-xs .okui-input.okui-input-place-mode .okui-input-tips-box{min-height:calc(var(--okd-input-xs-tip-line-height) + 4px);min-height:calc(var(--okd-input-xs-tip-line-height) + var(--okd-input-xs-tip-margin, 4px))}.okui-input-xs .okui-input-error{font-size:var(--okd-input-xs-error-font-size);line-height:var(--okd-input-xs-error-line-height);margin-top:4px;margin-top:var(--okd-input-xs-tip-margin,4px)}.okui-input-xs .okui-input-help-text,.okui-input-xs .okui-input-tips{font-size:var(--okd-input-xs-tip-font-size);line-height:var(--okd-input-xs-tip-line-height);margin-top:4px;margin-top:var(--okd-input-xs-tip-margin,4px)}.okui-input-sm>.okui-input-box{border-radius:var(--okd-input-sm-border-radius);height:var(--okd-input-sm-height);padding:0 8px;padding:0 var(--okd-input-sm-padding-horizontal,8px)}.okui-input-sm>.okui-input-box.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-sm-height)}.okui-input-sm>.okui-input-box.no-padding-left{padding-right:0}.okui-input-sm>.okui-input-box.no-padding-right{padding-left:0}.okui-input-sm>.okui-input-box.ta{height:100%;padding:8px}.okui-input-sm>.okui-input-box.auto-resize-auto-height{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-sm-height)}.okui-input-sm>.okui-input-box.input-circle{border-radius:100px}.okui-input-sm .okui-input-input{font-size:var(--okd-input-sm-text-font-size);padding:calc(var(--okd-input-sm-height)/2 - var(--okd-input-sm-text-font-size)/2 - 2px) 0}.okui-input-sm .okui-input-input::-webkit-input-placeholder{font-size:var(--okd-input-sm-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-sm .okui-input-input:-moz-placeholder{font-size:var(--okd-input-sm-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-sm .okui-input-input::-ms-input-placeholder{font-size:var(--okd-input-sm-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-sm .okui-input-input.ta{padding:0}.okui-input-sm .okui-input-input.textarea-auto-resize{line-height:var(--okd-input-sm-text-font-size)}.okui-input-sm .okui-input-placeholder{font-size:var(--okd-input-sm-text-font-size);height:calc(var(--okd-input-sm-text-font-size) + 2px);line-height:calc(var(--okd-input-sm-text-font-size) + 2px)}.okui-input-sm .okui-input.okui-input-place-mode .okui-input-tips-box{min-height:calc(var(--okd-input-sm-tip-line-height) + 4px);min-height:calc(var(--okd-input-sm-tip-line-height) + var(--okd-input-sm-tip-margin, 4px))}.okui-input-sm .okui-input-error{font-size:var(--okd-input-sm-error-font-size);line-height:var(--okd-input-sm-error-line-height);margin-top:4px;margin-top:var(--okd-input-sm-tip-margin,4px)}.okui-input-sm .okui-input-help-text,.okui-input-sm .okui-input-tips{font-size:var(--okd-input-sm-tip-font-size);line-height:var(--okd-input-sm-tip-line-height);margin-top:4px;margin-top:var(--okd-input-sm-tip-margin,4px)}.okui-input-md>.okui-input-box{border-radius:var(--okd-input-md-border-radius);height:var(--okd-input-md-height);padding:0 8px;padding:0 var(--okd-input-md-padding-horizontal,8px)}.okui-input-md>.okui-input-box.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-md-height)}.okui-input-md>.okui-input-box.no-padding-left{padding-right:0}.okui-input-md>.okui-input-box.no-padding-right{padding-left:0}.okui-input-md>.okui-input-box.ta{height:100%;padding:8px}.okui-input-md>.okui-input-box.auto-resize-auto-height{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-md-height)}.okui-input-md>.okui-input-box.input-circle{border-radius:100px}.okui-input-md .okui-input-input{font-size:var(--okd-input-md-text-font-size);padding:calc(var(--okd-input-md-height)/2 - var(--okd-input-md-text-font-size)/2 - 2px) 0}.okui-input-md .okui-input-input::-webkit-input-placeholder{font-size:var(--okd-input-md-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-md .okui-input-input:-moz-placeholder{font-size:var(--okd-input-md-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-md .okui-input-input::-ms-input-placeholder{font-size:var(--okd-input-md-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-md .okui-input-input.ta{padding:0}.okui-input-md .okui-input-input.textarea-auto-resize{line-height:var(--okd-input-md-text-font-size)}.okui-input-md .okui-input-placeholder{font-size:var(--okd-input-md-text-font-size);height:calc(var(--okd-input-md-text-font-size) + 2px);line-height:calc(var(--okd-input-md-text-font-size) + 2px)}.okui-input-md .okui-input.okui-input-place-mode .okui-input-tips-box{min-height:calc(var(--okd-input-md-tip-line-height) + 4px);min-height:calc(var(--okd-input-md-tip-line-height) + var(--okd-input-md-tip-margin, 4px))}.okui-input-md .okui-input-error{font-size:var(--okd-input-md-error-font-size);line-height:var(--okd-input-md-error-line-height);margin-top:4px;margin-top:var(--okd-input-md-tip-margin,4px)}.okui-input-md .okui-input-help-text,.okui-input-md .okui-input-tips{font-size:var(--okd-input-md-tip-font-size);line-height:var(--okd-input-md-tip-line-height);margin-top:4px;margin-top:var(--okd-input-md-tip-margin,4px)}.okui-input-prefix{height:100%}.okui-input-prefix .prefix-icon{color:var(--okd-input-icon-color)}.okui-input-prefix .select{padding-left:8px}.okui-input-suffix{height:100%}.okui-input-suffix .suffix-icon{color:var(--okd-input-icon-color)}.okui-input-suffix .clean-icon:hover{color:#000;color:var(--okd-input-search-suffix-icon-hover-color,#000)}.okui-input-suffix .error-icon{color:var(--okd-input-error-tips-color)}.okui-input-xl .okui-input-prefix .prefix-icon{font-size:var(--okd-input-xl-icon-size);margin-left:var(--okd-input-xl-icon-margin);margin-right:0}.okui-input-xl .okui-input-suffix .suffix-icon{font-size:var(--okd-input-xl-icon-size);margin-left:0;margin-right:var(--okd-input-xl-icon-margin)}.okui-input-lg .okui-input-prefix .prefix-icon{font-size:var(--okd-input-lg-icon-size);margin-left:var(--okd-input-lg-icon-margin);margin-right:0}.okui-input-lg .okui-input-suffix .suffix-icon{font-size:var(--okd-input-lg-icon-size);margin-left:0;margin-right:var(--okd-input-lg-icon-margin)}.okui-input-xs .okui-input-prefix .prefix-icon{font-size:var(--okd-input-xs-icon-size);margin-left:var(--okd-input-xs-icon-margin);margin-right:0}.okui-input-xs .okui-input-suffix .suffix-icon{font-size:var(--okd-input-xs-icon-size);margin-left:0;margin-right:var(--okd-input-xs-icon-margin)}.okui-input-sm .okui-input-prefix .prefix-icon{font-size:var(--okd-input-sm-icon-size);margin-left:var(--okd-input-sm-icon-margin);margin-right:0}.okui-input-sm .okui-input-suffix .suffix-icon{font-size:var(--okd-input-sm-icon-size);margin-left:0;margin-right:var(--okd-input-sm-icon-margin)}.okui-input-md .okui-input-prefix .prefix-icon{font-size:var(--okd-input-md-icon-size);margin-left:var(--okd-input-md-icon-margin);margin-right:0}.okui-input-md .okui-input-suffix .suffix-icon{font-size:var(--okd-input-md-icon-size);margin-left:0;margin-right:var(--okd-input-md-icon-margin)}.okui-input-prefix .okui-input-search-prefix-icon{color:var(--okd-input-search-prefix-icon-color);cursor:pointer;font-size:var(--okd-input-search-prefix-icon-size);margin-left:8px}.okui-input-suffix .clean-icon{color:var(--okd-input-search-suffix-icon-color);cursor:pointer;font-size:var(--okd-input-search-suffix-icon-size)}.okui-input-search .okui-input-error{color:var(--okd-input-search-error-tips-color)}.okui-input-search .okui-input-box{background-color:var(--okd-input-search-default-background);border-color:var(--okd-input-search-default-border-color);box-shadow:var(--okd-input-search-default-shadow)}.okui-input-search .okui-input-input{color:var(--okd-input-search-default-text-color)}.okui-input-search .okui-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--okd-input-search-default-placeholder-color);color:var(--okd-input-search-default-placeholder-color)}.okui-input-search .okui-input-input:-moz-placeholder{-webkit-text-fill-color:var(--okd-input-search-default-placeholder-color);color:var(--okd-input-search-default-placeholder-color);opacity:1}.okui-input-search .okui-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--okd-input-search-default-placeholder-color);color:var(--okd-input-search-default-placeholder-color)}.okui-input-search.hover .okui-input-box,.okui-input-search:hover .okui-input-box{background:var(--okd-input-search-hover-background);border:thin solid var(--okd-input-search-hover-border-color);box-shadow:var(--okd-input-search-hover-shadow)}.okui-input-search.hover .okui-input-box .okui-input-input,.okui-input-search:hover .okui-input-box .okui-input-input{-webkit-text-fill-color:var(--okd-input-search-hover-text-color);caret-color:var(--okd-input-search-hover-caret-color);color:var(--okd-input-search-hover-text-color)}.okui-input-search.hover .okui-input-box .okui-input-input::-webkit-input-placeholder,.okui-input-search:hover .okui-input-box .okui-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--okd-input-search-hover-placeholder-color);color:var(--okd-input-search-hover-placeholder-color)}.okui-input-search.hover .okui-input-box .okui-input-input:-moz-placeholder,.okui-input-search:hover .okui-input-box .okui-input-input:-moz-placeholder{-webkit-text-fill-color:var(--okd-input-search-hover-placeholder-color);color:var(--okd-input-search-hover-placeholder-color);opacity:1}.okui-input-search.hover .okui-input-box .okui-input-input::-ms-input-placeholder,.okui-input-search:hover .okui-input-box .okui-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--okd-input-search-hover-placeholder-color);color:var(--okd-input-search-hover-placeholder-color)}.okui-input-search.focus .okui-input-box{background:var(--okd-input-search-focus-background);border:thin solid var(--okd-input-search-focus-border-color);box-shadow:var(--okd-input-search-focus-shadow)}.okui-input-search.focus .okui-input-box .okui-input-input{-webkit-text-fill-color:var(--okd-input-search-focus-text-color);caret-color:var(--okd-input-search-focus-caret-color);color:var(--okd-input-search-focus-text-color)}.okui-input-search.focus .okui-input-box .okui-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--okd-input-search-focus-placeholder-color);color:var(--okd-input-search-focus-placeholder-color)}.okui-input-search.focus .okui-input-box .okui-input-input:-moz-placeholder{-webkit-text-fill-color:var(--okd-input-search-focus-placeholder-color);color:var(--okd-input-search-focus-placeholder-color);opacity:1}.okui-input-search.focus .okui-input-box .okui-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--okd-input-search-focus-placeholder-color);color:var(--okd-input-search-focus-placeholder-color)}.okui-input-search.disabled .okui-input-box{background:var(--okd-input-search-disabled-background);border:thin solid var(--okd-input-search-disabled-border-color);box-shadow:var(--okd-input-search-disabled-shadow)}.okui-input-search.disabled .okui-input-box .okui-input-input{-webkit-text-fill-color:var(--okd-input-search-disabled-text-color);caret-color:var(--okd-input-search-disabled-caret-color);color:var(--okd-input-search-disabled-text-color)}.okui-input-search.disabled .okui-input-box .okui-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--okd-input-search-disabled-placeholder-color);color:var(--okd-input-search-disabled-placeholder-color)}.okui-input-search.disabled .okui-input-box .okui-input-input:-moz-placeholder{-webkit-text-fill-color:var(--okd-input-search-disabled-placeholder-color);color:var(--okd-input-search-disabled-placeholder-color);opacity:1}.okui-input-search.disabled .okui-input-box .okui-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--okd-input-search-disabled-placeholder-color);color:var(--okd-input-search-disabled-placeholder-color)}.okui-input-search.error .okui-input-box{background:var(--okd-input-search-error-background);border:thin solid var(--okd-input-search-error-border-color);box-shadow:var(--okd-input-search-error-shadow)}.okui-input-search.error .okui-input-box .okui-input-input{-webkit-text-fill-color:var(--okd-input-search-error-text-color);caret-color:var(--okd-input-search-error-caret-color);color:var(--okd-input-search-error-text-color)}.okui-input-search.error .okui-input-box .okui-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--okd-input-search-error-placeholder-color);color:var(--okd-input-search-error-placeholder-color)}.okui-input-search.error .okui-input-box .okui-input-input:-moz-placeholder{-webkit-text-fill-color:var(--okd-input-search-error-placeholder-color);color:var(--okd-input-search-error-placeholder-color);opacity:1}.okui-input-search.error .okui-input-box .okui-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--okd-input-search-error-placeholder-color);color:var(--okd-input-search-error-placeholder-color)}.theme-light .okui-subtlebutton-var,.theme-light.okui-subtlebutton-var{--okd-subtlebutton-default-color:var(--okd-color-content-static-default);--okd-subtlebutton-disabled-color:var(--okd-color-content-interactive-disabled);--okd-subtlebutton-xxs-loader-width:14px;--okd-subtlebutton-xxs-loader-margin-right:6px;--okd-subtlebutton-xs-loader-width:14px;--okd-subtlebutton-xs-loader-margin-right:6px;--okd-subtlebutton-s-loader-width:14px;--okd-subtlebutton-s-loader-margin-right:6px;--okd-subtlebutton-sm-loader-width:16px;--okd-subtlebutton-sm-loader-margin-right:6px;--okd-subtlebutton-md-loader-width:16px;--okd-subtlebutton-md-loader-margin-right:6px;--okd-subtlebutton-lg-loader-width:20px;--okd-subtlebutton-lg-loader-margin-right:8px;--okd-subtlebutton-xl-loader-width:20px;--okd-subtlebutton-xl-loader-margin-right:8px;--okd-subtlebutton-xxs-font-size:12px;--okd-subtlebutton-xxs-line-height:16px;--okd-subtlebutton-xs-font-size:12px;--okd-subtlebutton-xs-line-height:16px;--okd-subtlebutton-s-font-size:14px;--okd-subtlebutton-s-line-height:16px;--okd-subtlebutton-sm-font-size:14px;--okd-subtlebutton-sm-line-height:16px;--okd-subtlebutton-md-font-size:14px;--okd-subtlebutton-md-line-height:16px;--okd-subtlebutton-lg-font-size:16px;--okd-subtlebutton-lg-line-height:20px;--okd-subtlebutton-xl-font-size:18px;--okd-subtlebutton-xl-line-height:24px;--okd-subtlebutton-xxs-padding-horizontal:12px;--okd-subtlebutton-xxs-padding-vertical:4px;--okd-subtlebutton-xs-padding-horizontal:12px;--okd-subtlebutton-xs-padding-vertical:6px;--okd-subtlebutton-s-padding-horizontal:12px;--okd-subtlebutton-s-padding-vertical:8px;--okd-subtlebutton-sm-padding-horizontal:16px;--okd-subtlebutton-sm-padding-vertical:10px;--okd-subtlebutton-md-padding-horizontal:16px;--okd-subtlebutton-md-padding-vertical:12px;--okd-subtlebutton-lg-padding-horizontal:24px;--okd-subtlebutton-lg-padding-vertical:14px;--okd-subtlebutton-xl-padding-horizontal:44px;--okd-subtlebutton-xl-padding-vertical:16px;--okd-subtlebutton-border-radius:50px;--okd-subtlebutton-default-background:var(--okd-color-surface-interactive-default);--okd-subtlebutton-hover-background:var(--okd-color-surface-interactive-hovered);--okd-subtlebutton-active-background:var(--okd-color-surface-interactive-pressed);--okd-subtlebutton-loading-background:var(--okd-color-surface-interactive-pressed);--okd-subtlebutton-disabled-background:var(--okd-color-surface-interactive-disabled);--okd-subtlebutton-loader-track-color:rgba(74,74,74,.5);--okd-subtlebutton-loader-mark-color:var(--okd-color-border-interactive-experience-default);--okd-subtlebutton-loader-border-width:2px;--okd-subtlebutton-xs-min-width:63px;--okd-subtlebutton-s-min-width:72px;--okd-subtlebutton-sm-min-width:81px;--okd-subtlebutton-md-min-width:90px;--okd-subtlebutton-lg-min-width:108px;--okd-subtlebutton-xl-min-width:126px;--okd-subtlebutton-xxs-min-width:63px;--okd-subtlebutton-xxs-icon-size:14px;--okd-subtlebutton-xs-icon-size:14px;--okd-subtlebutton-s-icon-size:14px;--okd-subtlebutton-sm-icon-size:16px;--okd-subtlebutton-md-icon-size:16px;--okd-subtlebutton-lg-icon-size:20px;--okd-subtlebutton-xl-icon-size:20px;--okd-subtlebutton-xxs-icon-margin-right:6px;--okd-subtlebutton-xs-icon-margin-right:6px;--okd-subtlebutton-s-icon-margin-right:6px;--okd-subtlebutton-sm-icon-margin-right:6px;--okd-subtlebutton-md-icon-margin-right:6px;--okd-subtlebutton-lg-icon-margin-right:8px;--okd-subtlebutton-xl-icon-margin-right:8px}.theme-dark .okui-subtlebutton-var,.theme-dark.okui-subtlebutton-var{--okd-subtlebutton-default-color:var(--okd-color-content-static-default);--okd-subtlebutton-disabled-color:var(--okd-color-content-interactive-disabled);--okd-subtlebutton-xxs-loader-width:14px;--okd-subtlebutton-xxs-loader-margin-right:6px;--okd-subtlebutton-xs-loader-width:14px;--okd-subtlebutton-xs-loader-margin-right:6px;--okd-subtlebutton-s-loader-width:14px;--okd-subtlebutton-s-loader-margin-right:6px;--okd-subtlebutton-sm-loader-width:16px;--okd-subtlebutton-sm-loader-margin-right:6px;--okd-subtlebutton-md-loader-width:16px;--okd-subtlebutton-md-loader-margin-right:6px;--okd-subtlebutton-lg-loader-width:20px;--okd-subtlebutton-lg-loader-margin-right:8px;--okd-subtlebutton-xl-loader-width:20px;--okd-subtlebutton-xl-loader-margin-right:8px;--okd-subtlebutton-xxs-font-size:12px;--okd-subtlebutton-xxs-line-height:16px;--okd-subtlebutton-xs-font-size:12px;--okd-subtlebutton-xs-line-height:16px;--okd-subtlebutton-s-font-size:14px;--okd-subtlebutton-s-line-height:16px;--okd-subtlebutton-sm-font-size:14px;--okd-subtlebutton-sm-line-height:16px;--okd-subtlebutton-md-font-size:14px;--okd-subtlebutton-md-line-height:16px;--okd-subtlebutton-lg-font-size:16px;--okd-subtlebutton-lg-line-height:20px;--okd-subtlebutton-xl-font-size:18px;--okd-subtlebutton-xl-line-height:24px;--okd-subtlebutton-xxs-padding-horizontal:12px;--okd-subtlebutton-xxs-padding-vertical:4px;--okd-subtlebutton-xs-padding-horizontal:12px;--okd-subtlebutton-xs-padding-vertical:6px;--okd-subtlebutton-s-padding-horizontal:12px;--okd-subtlebutton-s-padding-vertical:8px;--okd-subtlebutton-sm-padding-horizontal:16px;--okd-subtlebutton-sm-padding-vertical:10px;--okd-subtlebutton-md-padding-horizontal:16px;--okd-subtlebutton-md-padding-vertical:12px;--okd-subtlebutton-lg-padding-horizontal:24px;--okd-subtlebutton-lg-padding-vertical:14px;--okd-subtlebutton-xl-padding-horizontal:44px;--okd-subtlebutton-xl-padding-vertical:16px;--okd-subtlebutton-border-radius:50px;--okd-subtlebutton-default-background:var(--okd-color-surface-interactive-default);--okd-subtlebutton-hover-background:var(--okd-color-surface-interactive-hovered);--okd-subtlebutton-active-background:var(--okd-color-surface-interactive-pressed);--okd-subtlebutton-loading-background:var(--okd-color-surface-interactive-pressed);--okd-subtlebutton-disabled-background:var(--okd-color-surface-interactive-disabled);--okd-subtlebutton-loader-track-color:hsla(0,0%,72%,.5);--okd-subtlebutton-loader-mark-color:var(--okd-color-border-interactive-experience-default);--okd-subtlebutton-loader-border-width:2px;--okd-subtlebutton-xs-min-width:63px;--okd-subtlebutton-s-min-width:72px;--okd-subtlebutton-sm-min-width:81px;--okd-subtlebutton-md-min-width:90px;--okd-subtlebutton-lg-min-width:108px;--okd-subtlebutton-xl-min-width:126px;--okd-subtlebutton-xxs-min-width:63px;--okd-subtlebutton-xxs-icon-size:14px;--okd-subtlebutton-xs-icon-size:14px;--okd-subtlebutton-s-icon-size:14px;--okd-subtlebutton-sm-icon-size:16px;--okd-subtlebutton-md-icon-size:16px;--okd-subtlebutton-lg-icon-size:20px;--okd-subtlebutton-xl-icon-size:20px;--okd-subtlebutton-xxs-icon-margin-right:6px;--okd-subtlebutton-xs-icon-margin-right:6px;--okd-subtlebutton-s-icon-margin-right:6px;--okd-subtlebutton-sm-icon-margin-right:6px;--okd-subtlebutton-md-icon-margin-right:6px;--okd-subtlebutton-lg-icon-margin-right:8px;--okd-subtlebutton-xl-icon-margin-right:8px}.okui-subtlebutton-xxs{font-size:12px;font-size:var(--okd-subtlebutton-xxs-font-size,12px);font-weight:400;font-weight:var(--okd-subtlebutton-xxs-font-weight,400);line-height:16px;line-height:var(--okd-subtlebutton-xxs-line-height,16px);min-width:63px;min-width:var(--okd-subtlebutton-xxs-min-width,63px);padding:4px 12px;padding:var(--okd-subtlebutton-xxs-padding-vertical,4px) var(--okd-subtlebutton-xxs-padding-horizontal,12px)}.okui-subtlebutton-xxs .okui-subtlebutton-loader-circle{height:14px;height:var(--okd-subtlebutton-xxs-loader-width,14px);width:14px;width:var(--okd-subtlebutton-xxs-loader-width,14px)}.okui-subtlebutton-xxs .okui-subtlebutton-icon{font-size:14px;font-size:var(--okd-subtlebutton-xxs-icon-size,14px);font-weight:400;font-weight:var(--okd-subtlebutton-xxs-font-weight,400)}.okui-subtlebutton-xxs .okui-subtlebutton-icon-leading{margin-left:6px;margin-left:var(--okd-subtlebutton-xxs-icon-margin-right,6px)}.okui-subtlebutton-xxs .okui-subtlebutton-icon-tailing{margin-right:6px;margin-right:var(--okd-subtlebutton-xxs-icon-margin-right,6px)}.okui-subtlebutton-loading-text .okui-subtlebutton-loader{margin-left:var(--okd-subtlebutton-xxs-loader-margin-right,6px)}.okui-subtlebutton-xs{font-size:12px;font-size:var(--okd-subtlebutton-xs-font-size,12px);font-weight:400;font-weight:var(--okd-subtlebutton-xs-font-weight,400);line-height:16px;line-height:var(--okd-subtlebutton-xs-line-height,16px);min-width:63px;min-width:var(--okd-subtlebutton-xs-min-width,63px);padding:6px 12px;padding:var(--okd-subtlebutton-xs-padding-vertical,6px) var(--okd-subtlebutton-xs-padding-horizontal,12px)}.okui-subtlebutton-xs .okui-subtlebutton-loader-circle{height:14px;height:var(--okd-subtlebutton-xs-loader-width,14px);width:14px;width:var(--okd-subtlebutton-xs-loader-width,14px)}.okui-subtlebutton-xs .okui-subtlebutton-icon{font-size:14px;font-size:var(--okd-subtlebutton-xs-icon-size,14px);font-weight:400;font-weight:var(--okd-subtlebutton-xs-font-weight,400)}.okui-subtlebutton-xs .okui-subtlebutton-icon-leading{margin-left:6px;margin-left:var(--okd-subtlebutton-xs-icon-margin-right,6px)}.okui-subtlebutton-xs .okui-subtlebutton-icon-tailing{margin-right:6px;margin-right:var(--okd-subtlebutton-xs-icon-margin-right,6px)}.okui-subtlebutton-loading-text .okui-subtlebutton-loader{margin-left:var(--okd-subtlebutton-xs-loader-margin-right,6px)}.okui-subtlebutton-s{font-size:14px;font-size:var(--okd-subtlebutton-s-font-size,14px);font-weight:400;font-weight:var(--okd-subtlebutton-s-font-weight,400);line-height:16px;line-height:var(--okd-subtlebutton-s-line-height,16px);min-width:72px;min-width:var(--okd-subtlebutton-s-min-width,72px);padding:8px 12px;padding:var(--okd-subtlebutton-s-padding-vertical,8px) var(--okd-subtlebutton-s-padding-horizontal,12px)}.okui-subtlebutton-s .okui-subtlebutton-loader-circle{height:14px;height:var(--okd-subtlebutton-s-loader-width,14px);width:14px;width:var(--okd-subtlebutton-s-loader-width,14px)}.okui-subtlebutton-s .okui-subtlebutton-icon{font-size:14px;font-size:var(--okd-subtlebutton-s-icon-size,14px);font-weight:400;font-weight:var(--okd-subtlebutton-s-font-weight,400)}.okui-subtlebutton-s .okui-subtlebutton-icon-leading{margin-left:6px;margin-left:var(--okd-subtlebutton-s-icon-margin-right,6px)}.okui-subtlebutton-s .okui-subtlebutton-icon-tailing{margin-right:6px;margin-right:var(--okd-subtlebutton-s-icon-margin-right,6px)}.okui-subtlebutton-loading-text .okui-subtlebutton-loader{margin-left:var(--okd-subtlebutton-s-loader-margin-right,6px)}.okui-subtlebutton-sm{font-size:14px;font-size:var(--okd-subtlebutton-sm-font-size,14px);font-weight:400;font-weight:var(--okd-subtlebutton-sm-font-weight,400);line-height:16px;line-height:var(--okd-subtlebutton-sm-line-height,16px);min-width:81px;min-width:var(--okd-subtlebutton-sm-min-width,81px);padding:10px 16px;padding:var(--okd-subtlebutton-sm-padding-vertical,10px) var(--okd-subtlebutton-sm-padding-horizontal,16px)}.okui-subtlebutton-sm .okui-subtlebutton-loader-circle{height:16px;height:var(--okd-subtlebutton-sm-loader-width,16px);width:16px;width:var(--okd-subtlebutton-sm-loader-width,16px)}.okui-subtlebutton-sm .okui-subtlebutton-icon{font-size:16px;font-size:var(--okd-subtlebutton-sm-icon-size,16px);font-weight:400;font-weight:var(--okd-subtlebutton-sm-font-weight,400)}.okui-subtlebutton-sm .okui-subtlebutton-icon-leading{margin-left:6px;margin-left:var(--okd-subtlebutton-sm-icon-margin-right,6px)}.okui-subtlebutton-sm .okui-subtlebutton-icon-tailing{margin-right:6px;margin-right:var(--okd-subtlebutton-sm-icon-margin-right,6px)}.okui-subtlebutton-loading-text .okui-subtlebutton-loader{margin-left:var(--okd-subtlebutton-sm-loader-margin-right,6px)}.okui-subtlebutton-md{font-size:14px;font-size:var(--okd-subtlebutton-md-font-size,14px);font-weight:400;font-weight:var(--okd-subtlebutton-md-font-weight,400);line-height:16px;line-height:var(--okd-subtlebutton-md-line-height,16px);min-width:90px;min-width:var(--okd-subtlebutton-md-min-width,90px);padding:12px 16px;padding:var(--okd-subtlebutton-md-padding-vertical,12px) var(--okd-subtlebutton-md-padding-horizontal,16px)}.okui-subtlebutton-md .okui-subtlebutton-loader-circle{height:16px;height:var(--okd-subtlebutton-md-loader-width,16px);width:16px;width:var(--okd-subtlebutton-md-loader-width,16px)}.okui-subtlebutton-md .okui-subtlebutton-icon{font-size:16px;font-size:var(--okd-subtlebutton-md-icon-size,16px);font-weight:400;font-weight:var(--okd-subtlebutton-md-font-weight,400)}.okui-subtlebutton-md .okui-subtlebutton-icon-leading{margin-left:6px;margin-left:var(--okd-subtlebutton-md-icon-margin-right,6px)}.okui-subtlebutton-md .okui-subtlebutton-icon-tailing{margin-right:6px;margin-right:var(--okd-subtlebutton-md-icon-margin-right,6px)}.okui-subtlebutton-loading-text .okui-subtlebutton-loader{margin-left:6px;margin-left:var(--okd-subtlebutton-md-loader-margin-right,6px)}.okui-subtlebutton-lg{font-size:16px;font-size:var(--okd-subtlebutton-lg-font-size,16px);font-weight:500;font-weight:var(--okd-subtlebutton-lg-font-weight,500);line-height:20px;line-height:var(--okd-subtlebutton-lg-line-height,20px);min-width:108px;min-width:var(--okd-subtlebutton-lg-min-width,108px);padding:14px 24px;padding:var(--okd-subtlebutton-lg-padding-vertical,14px) var(--okd-subtlebutton-lg-padding-horizontal,24px)}.okui-subtlebutton-lg .okui-subtlebutton-loader-circle{height:20px;height:var(--okd-subtlebutton-lg-loader-width,20px);width:20px;width:var(--okd-subtlebutton-lg-loader-width,20px)}.okui-subtlebutton-lg .okui-subtlebutton-icon{font-size:20px;font-size:var(--okd-subtlebutton-lg-icon-size,20px);font-weight:500;font-weight:var(--okd-subtlebutton-lg-font-weight,500)}.okui-subtlebutton-lg .okui-subtlebutton-icon-leading{margin-left:8px;margin-left:var(--okd-subtlebutton-lg-icon-margin-right,8px)}.okui-subtlebutton-lg .okui-subtlebutton-icon-tailing{margin-right:8px;margin-right:var(--okd-subtlebutton-lg-icon-margin-right,8px)}.okui-subtlebutton-loading-text .okui-subtlebutton-loader{margin-left:var(--okd-subtlebutton-lg-loader-margin-right,8px)}.okui-subtlebutton-xl{font-size:18px;font-size:var(--okd-subtlebutton-xl-font-size,18px);font-weight:500;font-weight:var(--okd-subtlebutton-xl-font-weight,500);line-height:24px;line-height:var(--okd-subtlebutton-xl-line-height,24px);min-width:126px;min-width:var(--okd-subtlebutton-xl-min-width,126px);padding:16px 44px;padding:var(--okd-subtlebutton-xl-padding-vertical,16px) var(--okd-subtlebutton-xl-padding-horizontal,44px)}.okui-subtlebutton-xl .okui-subtlebutton-loader-circle{height:20px;height:var(--okd-subtlebutton-xl-loader-width,20px);width:20px;width:var(--okd-subtlebutton-xl-loader-width,20px)}.okui-subtlebutton-xl .okui-subtlebutton-icon{font-size:20px;font-size:var(--okd-subtlebutton-xl-icon-size,20px);font-weight:500;font-weight:var(--okd-subtlebutton-xl-font-weight,500)}.okui-subtlebutton-xl .okui-subtlebutton-icon-leading{margin-left:8px;margin-left:var(--okd-subtlebutton-xl-icon-margin-right,8px)}.okui-subtlebutton-xl .okui-subtlebutton-icon-tailing{margin-right:8px;margin-right:var(--okd-subtlebutton-xl-icon-margin-right,8px)}.okui-subtlebutton-loading-text .okui-subtlebutton-loader{margin-left:8px;margin-left:var(--okd-subtlebutton-xl-loader-margin-right,8px)}.okui-subtlebutton{align-items:center;background-color:var(--okd-color-surface-interactive-default);background-color:var(--okd-subtlebutton-default-background,var(--okd-color-surface-interactive-default));-moz-box-sizing:border-box;box-sizing:border-box;color:var(--okd-color-content-static-default);color:var(--okd-subtlebutton-default-color,var(--okd-color-content-static-default));cursor:pointer;display:inline-flex;justify-content:center;outline:none;position:relative;text-decoration:none;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.okui-subtlebutton,.okui-subtlebutton.focus-visible{border-radius:50px;border-radius:var(--okd-subtlebutton-border-radius,50px)}.okui-subtlebutton.focus-visible{outline:2px solid var(--okd-color-border-focus);outline-color:var(--okd-color-border-focus);outline-offset:2px;outline-style:solid;outline-width:2px}.okui-subtlebutton:focus-visible{border-radius:50px;border-radius:var(--okd-subtlebutton-border-radius,50px);outline:2px solid var(--okd-color-border-focus);outline-color:var(--okd-color-border-focus);outline-offset:2px;outline-style:solid;outline-width:2px}.okui-subtlebutton.hover,.okui-subtlebutton:not(.okui-subtlebutton-disabled):not(.okui-subtlebutton-loading):hover{background-color:var(--okd-color-surface-interactive-hovered);background-color:var(--okd-subtlebutton-hover-background,var(--okd-color-surface-interactive-hovered))}.okui-subtlebutton.active,.okui-subtlebutton:not(.okui-subtlebutton-disabled):not(.okui-subtlebutton-loading):active{background-color:var(--okd-color-surface-interactive-pressed);background-color:var(--okd-subtlebutton-active-background,var(--okd-color-surface-interactive-pressed))}.okui-subtlebutton-disabled,.okui-subtlebutton.disabled{background-color:var(--okd-color-surface-interactive-disabled);background-color:var(--okd-subtlebutton-disabled-background,var(--okd-color-surface-interactive-disabled));color:var(--okd-color-surface-interactive-disabled);color:var(--okd-subtlebutton-disabled-color,var(--okd-color-surface-interactive-disabled));cursor:not-allowed}.okui-subtlebutton-loading,.okui-subtlebutton.loading{background-color:var(--okd-color-surface-interactive-pressed);background-color:var(--okd-subtlebutton-loading-background,var(--okd-color-surface-interactive-pressed));color:transparent}.okui-subtlebutton-loading .okui-subtlebutton-loader,.okui-subtlebutton.loading .okui-subtlebutton-loader{display:flex;position:absolute}.okui-subtlebutton-loading-text{background-color:var(--okd-color-surface-interactive-pressed);background-color:var(--okd-subtlebutton-loading-background,var(--okd-color-surface-interactive-pressed));display:flex}.okui-subtlebutton-block,.okui-subtlebutton.block{display:flex;width:100%}.okui-subtlebutton-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-subtlebutton-loader-circle{border-color:var(--okd-subtlebutton-loader-track-color,var(--okd-color-border-static-experience));border-top-color:var(--okd-subtlebutton-loader-mark-color,var(--okd-color-content-static-default));border-width:2px;border-width:var(--okd-subtlebutton-loader-border-width,2px)}