.okui-empty{align-items:center;display:flex;flex-direction:column;width:100%}.okui-empty-img{height:var(--okd-empty-img-height);margin-bottom:var(--okd-empty-img-margin-bottom);width:var(--okd-empty-img-width)}.okui-empty-title{color:var(--okd-empty-title-color);font-size:var(--okd-empty-title-font-size);font-weight:400;font-weight:var(--okd-empty-title-font-weight,400);line-height:var(--okd-empty-title-light-height);margin-bottom:var(--okd-empty-title-margin-bottom);text-align:center}.okui-empty-title:last-child{margin-bottom:0}.okui-empty-only-title{margin-bottom:var(--okd-empty-desc-margin-bottom)}.okui-empty-only-title:last-child{margin-bottom:0}.okui-empty-description{color:var(--okd-empty-desc-color);font-size:var(--okd-empty-desc-font-size);font-weight:400;font-weight:var(--okd-empty-desc-font-weight,400);line-height:var(--okd-empty-desc-light-height);margin-bottom:var(--okd-empty-desc-margin-bottom);text-align:center}.okui-empty-description:last-child{margin-bottom:0}.okui-empty-sm .okui-empty-title{font-size:14px;font-size:var(--okd-empty-sm-title-font-size,14px);line-height:16px;line-height:var(--okd-empty-sm-title-line-height,16px);margin-bottom:4px;margin-bottom:var(--okd-empty-sm-title-margin-bottom,4px)}.okui-empty-sm .okui-empty-description{font-size:12px;font-size:var(--okd-empty-sm-desc-font-size,12px);line-height:18px;line-height:var(--okd-empty-sm-desc-line-height,18px)}.okui-empty-sm .okui-empty-description,.okui-empty-sm .okui-empty-only-title{margin-bottom:4px;margin-bottom:var(--okd-empty-sm-desc-margin-bottom,4px)}.okui-reminder{background:var(--okd-color-surface-structural-layer-1);background:var(--okd-reminder-background,var(--okd-color-surface-structural-layer-1));border:var(--okd-reminder-border-width,.5px) solid var(--okd-reminder-border-color,var(--okd-color-border-static-default));border-radius:8px;border-radius:var(--okd-reminder-border-radius,8px);padding:12px 16px;padding:var(--okd-reminder-padding-vertical,12px) var(--okd-reminder-padding-horizontal,16px)}.okui-reminder-container{align-items:flex-start;display:flex}.okui-reminder-icon{color:var(--okd-color-content-info-default);color:var(--okd-reminder-neutral-icon-color,var(--okd-color-content-info-default));flex-shrink:0;font-size:16px;font-size:var(--okd-reminder-icon-size,16px);margin-right:8px;margin-right:var(--okd-reminder-icon-margin-right,8px)}.okui-reminder.positive-reminder .okui-reminder-icon{color:var(--okd-color-content-success-default);color:var(--okd-reminder-positive-icon-color,var(--okd-color-content-success-default))}.okui-reminder.critical-reminder .okui-reminder-icon{color:var(--okd-color-content-danger-default);color:var(--okd-reminder-critical-icon-color,var(--okd-color-content-danger-default))}.okui-reminder.notice-reminder .okui-reminder-icon{color:var(--okd-color-content-warning-default);color:var(--okd-reminder-notice-icon-color,var(--okd-color-content-warning-default))}.okui-reminder.neutral-reminder .okui-reminder-icon{color:var(--okd-color-content-info-default);color:var(--okd-reminder-neutral-icon-color,var(--okd-color-content-info-default))}.okui-reminder-content{display:flex;flex:1 1;flex-direction:column;gap:4px;gap:var(--okd-reminder-content-gap,4px)}.okui-reminder-title{word-wrap:break-word;color:var(--okd-color-content-info-default);color:var(--okd-reminder-title-color,var(--okd-color-content-info-default));font-size:14px;font-size:var(--okd-reminder-title-font-size,14px);font-weight:700;font-weight:var(--okd-reminder-title-font-weight,700);line-height:16px;line-height:var(--okd-reminder-title-line-height,16px)}.okui-reminder-desc{word-wrap:break-word;color:var(--okd-color-content-info-default);color:var(--okd-reminder-desc-color,var(--okd-color-content-info-default));font-size:12px;font-size:var(--okd-reminder-desc-font-size,12px);line-height:16px;line-height:var(--okd-reminder-desc-line-height,16px)}.okui-reminder .okui-reminder-close{color:var(--okd-color-content-static-subtle);color:var(--okd-reminder-close-color,var(--okd-color-content-static-subtle));cursor:pointer;flex-shrink:0;font-size:20px;font-size:var(--okd-reminder-close-size,20px);margin-left:4px;margin-left:var(--okd-reminder-close-margin-left,4px)}.okui-reminder-actions{align-items:center;display:flex;gap:32px;gap:var(--okd-reminder-action-gap,32px);margin-top:12px;margin-top:var(--okd-reminder-actions-margin-top,12px)}.okui-reminder-action-button{align-items:center;color:var(--okd-color-content-info-default);color:var(--okd-reminder-action-color,var(--okd-color-content-info-default));cursor:pointer;display:flex;font-size:12px;font-size:var(--okd-reminder-action-font-size,12px);font-weight:700;font-weight:var(--okd-reminder-action-font-weight,700);justify-content:center;line-height:16px;line-height:var(--okd-reminder-action-line-height,16px)}.okui-reminder .okui-reminder-action-icon{font-size:12px;font-size:var(--okd-reminder-action-icon-size,12px);padding-left:4px;padding-left:var(--okd-reminder-action-icon-margin-left,4px);position:relative;top:1px}.okui-breadcrumbs,.okui-breadcrumbs-crumb,.okui-breadcrumbs-crumb-active{align-items:center;display:flex}.okui-breadcrumbs-primary .okui-breadcrumbs-crumb-link{font-weight:var(--okd-hyperlink-medium-font-weight);font-weight:var(--okd-breadcrumbs-primary-default-font-weight,var(--okd-hyperlink-medium-font-weight))}.okui-breadcrumbs-primary .okui-breadcrumbs-crumb-link,.okui-breadcrumbs-primary .okui-breadcrumbs-crumb-link a,.okui-breadcrumbs-primary .okui-breadcrumbs-crumb-link a:active,.okui-breadcrumbs-primary .okui-breadcrumbs-crumb-link a:visited{color:var(--okd-hyperlink-primary-default-color);color:var(--okd-breadcrumbs-primary-default-font-color,var(--okd-hyperlink-primary-default-color))}.okui-breadcrumbs-primary .okui-breadcrumbs-crumb-link:hover{font-weight:500;font-weight:var(--okd-breadcrumbs-primary-hover-font-weight,500)}.okui-breadcrumbs-primary .okui-breadcrumbs-crumb-active{color:var(--okd-breadcrumbs-primary-current-font-color);font-weight:var(--okd-breadcrumbs-common-current-font-weight);font-weight:var(--okd-breadcrumbs-primary-current-font-weight,var(--okd-breadcrumbs-common-current-font-weight))}.okui-breadcrumbs-primary .crumb-icon{color:var(--okd-breadcrumbs-primary-icon-color)}.okui-breadcrumbs-secondary .okui-breadcrumbs-crumb-link{font-weight:var(--okd-hyperlink-medium-font-weight);font-weight:var(--okd-breadcrumbs-secondary-default-font-weight,var(--okd-hyperlink-medium-font-weight))}.okui-breadcrumbs-secondary .okui-breadcrumbs-crumb-link,.okui-breadcrumbs-secondary .okui-breadcrumbs-crumb-link a,.okui-breadcrumbs-secondary .okui-breadcrumbs-crumb-link a:active,.okui-breadcrumbs-secondary .okui-breadcrumbs-crumb-link a:visited{color:var(--okd-hyperlink-secondary-default-color);color:var(--okd-breadcrumbs-secondary-default-font-color,var(--okd-hyperlink-secondary-default-color))}.okui-breadcrumbs-secondary .okui-breadcrumbs-crumb-link:hover{font-weight:500;font-weight:var(--okd-breadcrumbs-secondary-hover-font-weight,500)}.okui-breadcrumbs-secondary .okui-breadcrumbs-crumb-active{color:var(--okd-breadcrumbs-secondary-current-font-color);font-weight:var(--okd-breadcrumbs-common-current-font-weight);font-weight:var(--okd-breadcrumbs-secondary-current-font-weight,var(--okd-breadcrumbs-common-current-font-weight))}.okui-breadcrumbs-secondary .crumb-icon{color:var(--okd-breadcrumbs-secondary-icon-color)}.okui-breadcrumbs-reversed .okui-breadcrumbs-crumb-link{font-weight:var(--okd-hyperlink-medium-font-weight);font-weight:var(--okd-breadcrumbs-reversed-default-font-weight,var(--okd-hyperlink-medium-font-weight))}.okui-breadcrumbs-reversed .okui-breadcrumbs-crumb-link,.okui-breadcrumbs-reversed .okui-breadcrumbs-crumb-link a,.okui-breadcrumbs-reversed .okui-breadcrumbs-crumb-link a:active,.okui-breadcrumbs-reversed .okui-breadcrumbs-crumb-link a:visited{color:var(--okd-hyperlink-reversed-default-color);color:var(--okd-breadcrumbs-reversed-default-font-color,var(--okd-hyperlink-reversed-default-color))}.okui-breadcrumbs-reversed .okui-breadcrumbs-crumb-link:hover{font-weight:500;font-weight:var(--okd-breadcrumbs-reversed-hover-font-weight,500)}.okui-breadcrumbs-reversed .okui-breadcrumbs-crumb-active{color:var(--okd-breadcrumbs-reversed-current-font-color);font-weight:var(--okd-breadcrumbs-common-current-font-weight);font-weight:var(--okd-breadcrumbs-reversed-current-font-weight,var(--okd-breadcrumbs-common-current-font-weight))}.okui-breadcrumbs-reversed .crumb-icon{color:var(--okd-breadcrumbs-reversed-icon-color)}.okui-breadcrumbs-xs .okui-breadcrumbs-crumb-active{font-size:var(--okd-breadcrumbs-xs-current-font-size);line-height:var(--okd-breadcrumbs-xs-current-line-height)}.okui-breadcrumbs-xs .crumb-icon{font-size:var(--okd-breadcrumbs-xs-icon-font-size);margin-left:var(--okd-breadcrumbs-xs-icon-margin-left);margin-right:var(--okd-breadcrumbs-xs-icon-margin-right)}.okui-breadcrumbs-sm .okui-breadcrumbs-crumb-active{font-size:var(--okd-breadcrumbs-sm-current-font-size);line-height:var(--okd-breadcrumbs-sm-current-line-height)}.okui-breadcrumbs-sm .crumb-icon{font-size:var(--okd-breadcrumbs-sm-icon-font-size);margin-left:var(--okd-breadcrumbs-sm-icon-margin-left);margin-right:var(--okd-breadcrumbs-sm-icon-margin-right)}.okui-breadcrumbs-md .okui-breadcrumbs-crumb-active{font-size:var(--okd-breadcrumbs-md-current-font-size);line-height:var(--okd-breadcrumbs-md-current-line-height)}.okui-breadcrumbs-md .crumb-icon{font-size:var(--okd-breadcrumbs-md-icon-font-size);margin-left:var(--okd-breadcrumbs-md-icon-margin-left);margin-right:var(--okd-breadcrumbs-md-icon-margin-right)}.okui-breadcrumbs-lg .okui-breadcrumbs-crumb-active{font-size:var(--okd-breadcrumbs-lg-current-font-size);line-height:var(--okd-breadcrumbs-lg-current-line-height)}.okui-breadcrumbs-lg .crumb-icon{font-size:var(--okd-breadcrumbs-lg-icon-font-size);margin-left:var(--okd-breadcrumbs-lg-icon-margin-left);margin-right:var(--okd-breadcrumbs-lg-icon-margin-right)}.okui-overflow_scroll{--okd-inner-overflowscroll-nav-button-bg-color:var(--okd-overflowscroll-icon-bg-start-color,#fff);position:relative;width:100%}.okui-overflow_scroll-scroll{overflow-x:scroll;scroll-behavior:smooth;scrollbar-width:none;white-space:nowrap;width:100%}.okui-overflow_scroll-scroll::-webkit-scrollbar{display:none;height:0;width:0}.okui-overflow_scroll-scroll-children{display:flex;white-space:nowrap;width:-moz-fit-content;width:fit-content}.okui-overflow_scroll-nav{cursor:pointer}.okui-overflow_scroll-nav-icon{align-items:center;background-image:linear-gradient(270deg,var(--okd-inner-overflowscroll-nav-button-bg-color) 72.22%,hsla(0,0%,100%,0) 100%);background-image:linear-gradient(270deg,var(--okd-inner-overflowscroll-nav-button-bg-color) 72.22%,var(--okd-overflowscroll-icon-bg-end-color,hsla(0,0%,100%,0)) 100%);color:#929292;color:var(--okd-overflowscroll-icon-color,#929292);display:flex;height:100%;justify-content:center;position:absolute;top:0;visibility:visible;width:36px;z-index:9}.okui-overflow_scroll-nav-icon:hover{color:#3d3d3d;color:var(--okd-overflowscroll-icon-hover-color,#3d3d3d)}.okui-overflow_scroll-nav .icon-left{background-image:linear-gradient(-270deg,var(--okd-inner-overflowscroll-nav-button-bg-color) 72.22%,hsla(0,0%,100%,0) 100%);background-image:linear-gradient(-270deg,var(--okd-inner-overflowscroll-nav-button-bg-color) 72.22%,var(--okd-overflowscroll-icon-bg-end-color,hsla(0,0%,100%,0)) 100%);left:0}.okui-overflow_scroll-nav .icon-left-inner{transform:rotate(180deg)}.okui-overflow_scroll-nav .icon-right{right:0}.okui-overflow_scroll-nav .icon-hide{visibility:hidden}.okui-overflow_scroll-right-alpha{background-image:linear-gradient(90deg,hsla(0,0%,100%,0),#fff);background-image:linear-gradient(90deg,var(--okd-overflowscroll-icon-bg-end-color,hsla(0,0%,100%,0)),var(--okd-overflowscroll-icon-bg-start-color,#fff));height:100%;pointer-events:none;position:absolute;right:0;top:0;width:20px;z-index:9}.okui-overflow_scroll-reversed .okui-overflow_scroll-nav-icon{background-image:linear-gradient(270deg,var(--okd-color-gray-900) 72.22%,var(--okd-color-gray-900) 100%);background-image:linear-gradient(270deg,var(--okd-overflowscroll-reversed-icon-bg-start-color,var(--okd-color-gray-900)) 72.22%,var(--okd-overflowscroll-reversed-icon-bg-end-color,var(--okd-color-gray-900)) 100%);color:#929292;color:var(--okd-overflowscroll-reversed-icon-color,#929292)}.okui-overflow_scroll-reversed .okui-overflow_scroll-nav-icon:hover{color:#e4e2e2;color:var(--okd-overflowscroll-reversed-icon-hover-color,#e4e2e2)}.okui-overflow_scroll-reversed .icon-left{background-image:linear-gradient(-270deg,var(--okd-color-gray-900) 72.22%,var(--okd-color-gray-900) 100%);background-image:linear-gradient(-270deg,var(--okd-overflowscroll-reversed-icon-bg-start-color,var(--okd-color-gray-900)) 72.22%,var(--okd-overflowscroll-reversed-icon-bg-end-color,var(--okd-color-gray-900)) 100%)}.okui-image-preview-container{height:100%;text-align:center;width:100%}.okui-image-preview-img{cursor:grab;display:inline-block;max-height:100%;max-width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.okui-image-preview-picture{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.okui-image-preview-close-btn{align-items:center;background-color:hsla(0,0%,5%,.2);background-color:var(--okd-imageviewer-preview-close-btn-background-color,hsla(0,0%,5%,.2));border-radius:50%;color:var(--okd-color-content-inverse);color:var(--okd-imageviewer-preview-close-btn-color,var(--okd-color-content-inverse));cursor:pointer;display:flex;height:40px;height:var(--okd-imageviewer-preview-close-btn-height,40px);justify-content:center;position:absolute;right:16px;right:var(--okd-imageviewer-preview-close-btn-right,16px);top:16px;top:var(--okd-imageviewer-preview-close-btn-top,16px);width:40px;width:var(--okd-imageviewer-preview-close-btn-width,40px)}.okui-image-preview-close-btn .okui-image-preview-close-btn-icon{font-size:24px;font-size:var(--okd-imageviewer-preview-close-btn-icon-font-size,24px)}.okui-image-preview-toolbar{align-items:center;background-color:hsla(0,0%,5%,.2);background-color:var(--okd-imageviewer-preview-toolbar-background-color,hsla(0,0%,5%,.2));border-radius:24px;border-radius:var(--okd-imageviewer-preview-toolbar-border-radius,24px);bottom:24px;bottom:var(--okd-imageviewer-preview-toolbar-bottom,24px);color:var(--okd-color-content-inverse);color:var(--okd-imageviewer-preview-toolbar-color,var(--okd-color-content-inverse));display:inline-flex;height:48px;height:var(--okd-imageviewer-preview-toolbar-height,48px);left:50%;padding:0 24px;padding:0 var(--okd-imageviewer-preview-toolbar-padding-horizontal,24px);position:absolute;transform:translateX(-50%)}.okui-image-preview-toolbar .okui-image-preview-toolbar-action+.okui-image-preview-toolbar-action{margin-left:24px;margin-left:var(--okd-imageviewer-preview-toolbar-margin-left,24px)}.okui-image-preview-toolbar .okui-image-preview-toolbar-icon{cursor:pointer;display:inline-block;text-align:center}.okui-image-preview-toolbar .okui-image-preview-toolbar-icon .iconfont{font-size:24px;font-size:var(--okd-imageviewer-preview-toolbar-icon-font-size,24px)}.okui-image-preview-toolbar .okui-image-preview-toolbar-action-disabled .okui-image-preview-toolbar-icon{color:var(--okd-color-content-disabled);color:var(--okd-imageviewer-preview-toolbar-disabled-color,var(--okd-color-content-disabled));cursor:not-allowed}.okui-image-viewer{cursor:pointer;display:inline-block;position:relative}.okui-image-viewer-mask{align-items:center;color:var(--okd-color-content-inverse);color:var(--okd-imageviewer-mask-color,var(--okd-color-content-inverse));display:none;font-size:14px;font-size:var(--okd-imageviewer-mask-font-size,14px);font-weight:500;font-weight:var(--okd-imageviewer-mask-font-weight,500);height:100%;justify-content:center;position:absolute;top:0;width:100%}.okui-image-viewer-mask .okui-image-viewer-eye{display:inline-block;font-size:16px;font-size:var(--okd-imageviewer-mask-eye-font-size,16px);margin-right:8px;margin-right:var(--okd-imageviewer-mask-eye-margin-right,8px)}@media (min-width:768px){.okui-image-viewer:hover .okui-image-viewer-mask{display:flex}}.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-right:6px;margin-right:var(--okd-subtlebutton-xxs-icon-margin-right,6px)}.okui-subtlebutton-xxs .okui-subtlebutton-icon-tailing{margin-left:6px;margin-left:var(--okd-subtlebutton-xxs-icon-margin-right,6px)}.okui-subtlebutton-loading-text .okui-subtlebutton-loader{margin-right: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-right:6px;margin-right:var(--okd-subtlebutton-xs-icon-margin-right,6px)}.okui-subtlebutton-xs .okui-subtlebutton-icon-tailing{margin-left:6px;margin-left:var(--okd-subtlebutton-xs-icon-margin-right,6px)}.okui-subtlebutton-loading-text .okui-subtlebutton-loader{margin-right: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-right:6px;margin-right:var(--okd-subtlebutton-s-icon-margin-right,6px)}.okui-subtlebutton-s .okui-subtlebutton-icon-tailing{margin-left:6px;margin-left:var(--okd-subtlebutton-s-icon-margin-right,6px)}.okui-subtlebutton-loading-text .okui-subtlebutton-loader{margin-right: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-right:6px;margin-right:var(--okd-subtlebutton-sm-icon-margin-right,6px)}.okui-subtlebutton-sm .okui-subtlebutton-icon-tailing{margin-left:6px;margin-left:var(--okd-subtlebutton-sm-icon-margin-right,6px)}.okui-subtlebutton-loading-text .okui-subtlebutton-loader{margin-right: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-right:6px;margin-right:var(--okd-subtlebutton-md-icon-margin-right,6px)}.okui-subtlebutton-md .okui-subtlebutton-icon-tailing{margin-left:6px;margin-left:var(--okd-subtlebutton-md-icon-margin-right,6px)}.okui-subtlebutton-loading-text .okui-subtlebutton-loader{margin-right:6px;margin-right: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-right:8px;margin-right:var(--okd-subtlebutton-lg-icon-margin-right,8px)}.okui-subtlebutton-lg .okui-subtlebutton-icon-tailing{margin-left:8px;margin-left:var(--okd-subtlebutton-lg-icon-margin-right,8px)}.okui-subtlebutton-loading-text .okui-subtlebutton-loader{margin-right: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-right:8px;margin-right:var(--okd-subtlebutton-xl-icon-margin-right,8px)}.okui-subtlebutton-xl .okui-subtlebutton-icon-tailing{margin-left:8px;margin-left:var(--okd-subtlebutton-xl-icon-margin-right,8px)}.okui-subtlebutton-loading-text .okui-subtlebutton-loader{margin-right:8px;margin-right: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));border-radius:50px;border-radius:var(--okd-subtlebutton-border-radius,50px);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;user-select:none}.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)}
