/*! spaui-badge */
@-webkit-keyframes spinner{
to{-webkit-transform:rotate(2turn);transform:rotate(2turn)}
}
@keyframes spinner{
to{-webkit-transform:rotate(2turn);transform:rotate(2turn)}
}
:root{--ease-out:cubic-bezier(0,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-out-circ:cubic-bezier(0.08,0.82,0.17,1);--ease-in-circ:cubic-bezier(0.6,0.04,0.98,0.34);--ease-in-out-circ:cubic-bezier(0.78,0.14,0.15,0.86);--ease-out-quint:cubic-bezier(0.23,1,0.32,1);--ease-in-quint:cubic-bezier(0.755,0.05,0.855,0.06);--motion-duration-fast:0.1s;--motion-duration-base:0.2s;--motion-duration-slow:0.4s}
.fade-appear,.fade-enter,.fade-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}
.fade-appear.fade-appear-active,.fade-enter.fade-enter-active{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-play-state:running;animation-play-state:running}
.fade-leave.fade-leave-active{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}
.fade-appear,.fade-enter{opacity:0}
.fade-appear,.fade-enter,.fade-leave{-webkit-animation-timing-function:linear;animation-timing-function:linear}
@-webkit-keyframes fadeIn{
0%{opacity:0}
to{opacity:1}
}
@keyframes fadeIn{
0%{opacity:0}
to{opacity:1}
}
@-webkit-keyframes fadeOut{
0%{opacity:1}
to{opacity:0}
}
@keyframes fadeOut{
0%{opacity:1}
to{opacity:0}
}
.zoom-appear,.zoom-enter,.zoom-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}
.zoom-appear.zoom-appear-active,.zoom-enter.zoom-enter-active{-webkit-animation-name:odZoomIn;animation-name:odZoomIn;-webkit-animation-play-state:running;animation-play-state:running}
.zoom-leave.zoom-leave-active{-webkit-animation-name:odZoomOut;animation-name:odZoomOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}
.zoom-appear,.zoom-enter{-webkit-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1);-webkit-animation-timing-function:var(--ease-out-circ);animation-timing-function:var(--ease-out-circ)}
.zoom-leave{-webkit-animation-timing-function:cubic-bezier(.78,.14,.15,.86);animation-timing-function:cubic-bezier(.78,.14,.15,.86);-webkit-animation-timing-function:var(--ease-in-out-circ);animation-timing-function:var(--ease-in-out-circ)}
.zoom-big-fast-appear,.zoom-big-fast-enter,.zoom-big-fast-leave{-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-duration:var(--motion-duration-fast);animation-duration:var(--motion-duration-fast);-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}
.zoom-big-fast-appear.zoom-big-fast-appear-active,.zoom-big-fast-enter.zoom-big-fast-enter-active{-webkit-animation-name:odZoomBigIn;animation-name:odZoomBigIn;-webkit-animation-play-state:running;animation-play-state:running}
.zoom-big-fast-leave.zoom-big-fast-leave-active{-webkit-animation-name:odZoomBigOut;animation-name:odZoomBigOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}
.zoom-big-fast-appear,.zoom-big-fast-enter{-webkit-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1);-webkit-animation-timing-function:var(--ease-out-circ);animation-timing-function:var(--ease-out-circ)}
.zoom-big-fast-leave{-webkit-animation-timing-function:cubic-bezier(.78,.14,.15,.86);animation-timing-function:cubic-bezier(.78,.14,.15,.86);-webkit-animation-timing-function:var(--ease-in-out-circ);animation-timing-function:var(--ease-in-out-circ)}
@-webkit-keyframes odZoomIn{
0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes odZoomIn{
0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes odZoomOut{
0%{-webkit-transform:scale(1);transform:scale(1)}
to{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}
}
@keyframes odZoomOut{
0%{-webkit-transform:scale(1);transform:scale(1)}
to{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}
}
@-webkit-keyframes odZoomBigIn{
0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes odZoomBigIn{
0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes odZoomBigOut{
0%{-webkit-transform:scale(1);transform:scale(1)}
to{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}
}
@keyframes odZoomBigOut{
0%{-webkit-transform:scale(1);transform:scale(1)}
to{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}
}
.zoom-motion-appear,.zoom-motion-enter,.zoom-motion-leave{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-duration:var(--motion-duration-slow);animation-duration:var(--motion-duration-slow);-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}
.zoom-motion-appear.zoom-motion-appear-active,.zoom-motion-enter.zoom-motion-enter-active{-webkit-animation-name:odZoomMotionIn;animation-name:odZoomMotionIn;-webkit-animation-play-state:running;animation-play-state:running}
.zoom-motion-leave.zoom-motion-leave-active{-webkit-animation-name:odZoomMotionOut;animation-name:odZoomMotionOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}
.zoom-motion-appear,.zoom-motion-enter{-webkit-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1);-webkit-animation-timing-function:var(--ease-out-circ);animation-timing-function:var(--ease-out-circ)}
.zoom-motion-leave{-webkit-animation-timing-function:cubic-bezier(.78,.14,.15,.86);animation-timing-function:cubic-bezier(.78,.14,.15,.86);-webkit-animation-timing-function:var(--ease-in-out-circ);animation-timing-function:var(--ease-in-out-circ)}
@-webkit-keyframes odZoomMotionIn{
0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}
62.5%{opacity:.05;-webkit-transform:scale(1);transform:scale(1)}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes odZoomMotionIn{
0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}
62.5%{opacity:.05;-webkit-transform:scale(1);transform:scale(1)}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes odZoomMotionOut{
0%{-webkit-transform:scale(1);transform:scale(1)}
37.5%{opacity:.1;-webkit-transform:scale(1);transform:scale(1)}
to{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}
}
@keyframes odZoomMotionOut{
0%{-webkit-transform:scale(1);transform:scale(1)}
37.5%{opacity:.1;-webkit-transform:scale(1);transform:scale(1)}
to{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}
}
.slide-up-appear,.slide-up-enter,.slide-up-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}
.slide-up-appear.slide-up-appear-active,.slide-up-enter.slide-up-enter-active{-webkit-animation-name:odslideUpIn;animation-name:odslideUpIn;-webkit-animation-play-state:running;animation-play-state:running}
.slide-up-leave.slide-up-leave-active{-webkit-animation-name:odslideUpOut;animation-name:odslideUpOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}
.slide-up-appear,.slide-up-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1)}
.slide-up-appear,.slide-up-enter,.slide-up-leave{-webkit-backface-visibility:hidden;backface-visibility:hidden}
.slide-up-leave{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}
.slide-down-appear,.slide-down-enter,.slide-down-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}
.slide-down-appear.slide-down-appear-active,.slide-down-enter.slide-down-enter-active{-webkit-animation-name:odslideDownIn;animation-name:odslideDownIn;-webkit-animation-play-state:running;animation-play-state:running}
.slide-down-leave.slide-down-leave-active{-webkit-animation-name:odslideDownOut;animation-name:odslideDownOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}
.slide-down-appear,.slide-down-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1)}
.slide-down-appear,.slide-down-enter,.slide-down-leave{-webkit-backface-visibility:hidden;backface-visibility:hidden}
.slide-down-leave{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}
.slide-left-appear,.slide-left-enter,.slide-left-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}
.slide-left-appear.slide-left-appear-active,.slide-left-enter.slide-left-enter-active{-webkit-animation-name:odslideLeftIn;animation-name:odslideLeftIn;-webkit-animation-play-state:running;animation-play-state:running}
.slide-left-leave.slide-left-leave-active{-webkit-animation-name:odslideLeftOut;animation-name:odslideLeftOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}
.slide-left-appear,.slide-left-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1)}
.slide-left-appear,.slide-left-enter,.slide-left-leave{-webkit-backface-visibility:hidden;backface-visibility:hidden}
.slide-left-leave{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}
.slide-right-appear,.slide-right-enter,.slide-right-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}
.slide-right-appear.slide-right-appear-active,.slide-right-enter.slide-right-enter-active{-webkit-animation-name:odslideRightIn;animation-name:odslideRightIn;-webkit-animation-play-state:running;animation-play-state:running}
.slide-right-leave.slide-right-leave-active{-webkit-animation-name:odslideRightOut;animation-name:odslideRightOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}
.slide-right-appear,.slide-right-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1)}
.slide-right-appear,.slide-right-enter,.slide-right-leave{-webkit-backface-visibility:hidden;backface-visibility:hidden}
.slide-right-leave{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}
@-webkit-keyframes odslideUpIn{
0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.8) translateY(0) translateZ(0);transform:scaleY(.8) translateY(0) translateZ(0)}
to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1) translateY(0) translateZ(0);transform:scaleY(1) translateY(0) translateZ(0)}
}
@keyframes odslideUpIn{
0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.8) translateY(0) translateZ(0);transform:scaleY(.8) translateY(0) translateZ(0)}
to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1) translateY(0) translateZ(0);transform:scaleY(1) translateY(0) translateZ(0)}
}
@-webkit-keyframes odslideUpOut{
0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1) translateY(0) translateZ(0);transform:scaleY(1) translateY(0) translateZ(0)}
to{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.8) translateY(0) translateZ(0);transform:scaleY(.8) translateY(0) translateZ(0)}
}
@keyframes odslideUpOut{
0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1) translateY(0) translateZ(0);transform:scaleY(1) translateY(0) translateZ(0)}
to{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.8) translateY(0) translateZ(0);transform:scaleY(.8) translateY(0) translateZ(0)}
}
@-webkit-keyframes odslideDownIn{
0%{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(.8) translateY(0) translateZ(0);transform:scaleY(.8) translateY(0) translateZ(0)}
to{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(1) translateY(0) translateZ(0);transform:scaleY(1) translateY(0) translateZ(0)}
}
@keyframes odslideDownIn{
0%{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(.8) translateY(0) translateZ(0);transform:scaleY(.8) translateY(0) translateZ(0)}
to{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(1) translateY(0) translateZ(0);transform:scaleY(1) translateY(0) translateZ(0)}
}
@-webkit-keyframes odslideDownOut{
0%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(1) translateY(0) translateZ(0);transform:scaleY(1) translateY(0) translateZ(0)}
to{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(.8) translateY(0) translateZ(0);transform:scaleY(.8) translateY(0) translateZ(0)}
}
@keyframes odslideDownOut{
0%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(1) translateY(0) translateZ(0);transform:scaleY(1) translateY(0) translateZ(0)}
to{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(.8) translateY(0) translateZ(0);transform:scaleY(.8) translateY(0) translateZ(0)}
}
@-webkit-keyframes odslideLeftIn{
0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.8) translateX(0) translateZ(0);transform:scaleX(.8) translateX(0) translateZ(0)}
to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1) translateX(0) translateZ(0);transform:scaleX(1) translateX(0) translateZ(0)}
}
@keyframes odslideLeftIn{
0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.8) translateX(0) translateZ(0);transform:scaleX(.8) translateX(0) translateZ(0)}
to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1) translateX(0) translateZ(0);transform:scaleX(1) translateX(0) translateZ(0)}
}
@-webkit-keyframes odslideLeftOut{
0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1) translateX(0) translateZ(0);transform:scaleX(1) translateX(0) translateZ(0)}
to{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.8) translateX(0) translateZ(0);transform:scaleX(.8) translateX(0) translateZ(0)}
}
@keyframes odslideLeftOut{
0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1) translateX(0) translateZ(0);transform:scaleX(1) translateX(0) translateZ(0)}
to{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.8) translateX(0) translateZ(0);transform:scaleX(.8) translateX(0) translateZ(0)}
}
@-webkit-keyframes odslideRightIn{
0%{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.8) translateX(0) translateZ(0);transform:scaleX(.8) translateX(0) translateZ(0)}
to{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(1) translateX(0) translateZ(0);transform:scaleX(1) translateX(0) translateZ(0)}
}
@keyframes odslideRightIn{
0%{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.8) translateX(0) translateZ(0);transform:scaleX(.8) translateX(0) translateZ(0)}
to{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(1) translateX(0) translateZ(0);transform:scaleX(1) translateX(0) translateZ(0)}
}
@-webkit-keyframes odslideRightOut{
0%{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(1) translateX(0) translateZ(0);transform:scaleX(1) translateX(0) translateZ(0)}
to{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.8) translateX(0) translateZ(0);transform:scaleX(.8) translateX(0) translateZ(0)}
}
@keyframes odslideRightOut{
0%{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(1) translateX(0) translateZ(0);transform:scaleX(1) translateX(0) translateZ(0)}
to{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.8) translateX(0) translateZ(0);transform:scaleX(.8) translateX(0) translateZ(0)}
}
html{--od-brand:#296bef;--od-brand-hover:#0b4fd9;--od-brand-active:#0941b3;--od-brand-01:#f2f6fe;--od-brand-02:#cbdcfe;--od-brand-03:#a6c3ff;--od-brand-04:#80aaff;--od-brand-05:#4080ff;--od-brand-06:#296bef;--od-brand-07:#0b4fd9;--od-brand-08:#0941b3;--od-brand-09:#002f8c;--od-brand-10:#026;--od-sucess-color:#5ac724;--od-sucess-color-hover:#47bf0a;--od-sucess-color-active:#41b209;--od-warning-color:#fa8e00;--od-warning-color-hover:#f28100;--od-warning-color-active:#d97b00;--od-error-color:#e63d2e;--od-error-color-hover:#d91c0b;--od-error-color-active:#b21709;--od-gray-01:#313233;--od-gray-02:#626366;--od-gray-03:#939599;--od-gray-04:#c4c7cc;--od-gray-05:#d2d4d9;--od-gray-06:#dfe1e6;--od-gray-07:#e6e8ed;--od-gray-08:#edeff2;--od-gray-09:#f2f4f7;--od-gray-10:#f5f6f7;--od-gray-11:#f7f8fa;--od-gray-12:#f7f9fc;--od-light-color:#fff}
.spaui-badge{--spaui-badge-height:16px;--spaui-badge-shadow:0 0 0 1px #fff;position:relative;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center}
.spaui-badge-dot,.spaui-badge-sub{position:absolute;top:0;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);-webkit-transform-origin:100% 0;transform-origin:100% 0;box-shadow:var(--spaui-badge-shadow)}
.spaui-badge-number{color:#fff;background:#e63d2e;background:var(--spaui-danger-color,#e63d2e);border-radius:8px;padding:0 4px;min-width:16px;height:var(--spaui-badge-height);line-height:var(--spaui-badge-height);text-align:center}
.spaui-badge-dot{-webkit-box-flex:0;flex:none;display:block;width:6px;height:6px;border-radius:50%;color:#e63d2e;color:var(--spaui-danger-color,#e63d2e);background:currentColor}
.no-children>.spaui-badge-dot,.no-children>.spaui-badge-sub{position:relative;top:auto;display:block;-webkit-transform:none;transform:none}
.spaui-badge-status>.spaui-badge-dot{display:block}
.spaui-badge-status-text{margin-left:6px;color:var(--spaui-gray-1)}
.spaui-badge-processing:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;color:inherit;border:1px solid;border-radius:50%;-webkit-animation:spauiAniProcessing 1.2s ease-in-out infinite;animation:spauiAniProcessing 1.2s ease-in-out infinite}
@-webkit-keyframes spauiAniProcessing{
0%{-webkit-transform:scale(.8);transform:scale(.8);opacity:.5}
to{-webkit-transform:scale(2.4);transform:scale(2.4);opacity:0}
}
@keyframes spauiAniProcessing{
0%{-webkit-transform:scale(.8);transform:scale(.8);opacity:.5}
to{-webkit-transform:scale(2.4);transform:scale(2.4);opacity:0}
}
.spaui-badge{ --version:"1_0_169-beta_0"; --spaui-badge-version:"1_0_169-beta_0"; }
/*! spaui-drawer */
@-webkit-keyframes spinner{
to{-webkit-transform:rotate(2turn);transform:rotate(2turn)}
}
@keyframes spinner{
to{-webkit-transform:rotate(2turn);transform:rotate(2turn)}
}
:root{--ease-out:cubic-bezier(0,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-out-circ:cubic-bezier(0.08,0.82,0.17,1);--ease-in-circ:cubic-bezier(0.6,0.04,0.98,0.34);--ease-in-out-circ:cubic-bezier(0.78,0.14,0.15,0.86);--ease-out-quint:cubic-bezier(0.23,1,0.32,1);--ease-in-quint:cubic-bezier(0.755,0.05,0.855,0.06);--motion-duration-fast:0.1s;--motion-duration-base:0.2s;--motion-duration-slow:0.4s}
.fade-appear,.fade-enter,.fade-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}
.fade-appear.fade-appear-active,.fade-enter.fade-enter-active{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-play-state:running;animation-play-state:running}
.fade-leave.fade-leave-active{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}
.fade-appear,.fade-enter{opacity:0}
.fade-appear,.fade-enter,.fade-leave{-webkit-animation-timing-function:linear;animation-timing-function:linear}
@-webkit-keyframes fadeIn{
0%{opacity:0}
to{opacity:1}
}
@keyframes fadeIn{
0%{opacity:0}
to{opacity:1}
}
@-webkit-keyframes fadeOut{
0%{opacity:1}
to{opacity:0}
}
@keyframes fadeOut{
0%{opacity:1}
to{opacity:0}
}
.zoom-appear,.zoom-enter,.zoom-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}
.zoom-appear.zoom-appear-active,.zoom-enter.zoom-enter-active{-webkit-animation-name:odZoomIn;animation-name:odZoomIn;-webkit-animation-play-state:running;animation-play-state:running}
.zoom-leave.zoom-leave-active{-webkit-animation-name:odZoomOut;animation-name:odZoomOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}
.zoom-appear,.zoom-enter{-webkit-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1);-webkit-animation-timing-function:var(--ease-out-circ);animation-timing-function:var(--ease-out-circ)}
.zoom-leave{-webkit-animation-timing-function:cubic-bezier(.78,.14,.15,.86);animation-timing-function:cubic-bezier(.78,.14,.15,.86);-webkit-animation-timing-function:var(--ease-in-out-circ);animation-timing-function:var(--ease-in-out-circ)}
.zoom-big-fast-appear,.zoom-big-fast-enter,.zoom-big-fast-leave{-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-duration:var(--motion-duration-fast);animation-duration:var(--motion-duration-fast);-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}
.zoom-big-fast-appear.zoom-big-fast-appear-active,.zoom-big-fast-enter.zoom-big-fast-enter-active{-webkit-animation-name:odZoomBigIn;animation-name:odZoomBigIn;-webkit-animation-play-state:running;animation-play-state:running}
.zoom-big-fast-leave.zoom-big-fast-leave-active{-webkit-animation-name:odZoomBigOut;animation-name:odZoomBigOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}
.zoom-big-fast-appear,.zoom-big-fast-enter{-webkit-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1);-webkit-animation-timing-function:var(--ease-out-circ);animation-timing-function:var(--ease-out-circ)}
.zoom-big-fast-leave{-webkit-animation-timing-function:cubic-bezier(.78,.14,.15,.86);animation-timing-function:cubic-bezier(.78,.14,.15,.86);-webkit-animation-timing-function:var(--ease-in-out-circ);animation-timing-function:var(--ease-in-out-circ)}
@-webkit-keyframes odZoomIn{
0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes odZoomIn{
0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes odZoomOut{
0%{-webkit-transform:scale(1);transform:scale(1)}
to{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}
}
@keyframes odZoomOut{
0%{-webkit-transform:scale(1);transform:scale(1)}
to{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}
}
@-webkit-keyframes odZoomBigIn{
0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes odZoomBigIn{
0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes odZoomBigOut{
0%{-webkit-transform:scale(1);transform:scale(1)}
to{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}
}
@keyframes odZoomBigOut{
0%{-webkit-transform:scale(1);transform:scale(1)}
to{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}
}
.zoom-motion-appear,.zoom-motion-enter,.zoom-motion-leave{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-duration:var(--motion-duration-slow);animation-duration:var(--motion-duration-slow);-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}
.zoom-motion-appear.zoom-motion-appear-active,.zoom-motion-enter.zoom-motion-enter-active{-webkit-animation-name:odZoomMotionIn;animation-name:odZoomMotionIn;-webkit-animation-play-state:running;animation-play-state:running}
.zoom-motion-leave.zoom-motion-leave-active{-webkit-animation-name:odZoomMotionOut;animation-name:odZoomMotionOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}
.zoom-motion-appear,.zoom-motion-enter{-webkit-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1);-webkit-animation-timing-function:var(--ease-out-circ);animation-timing-function:var(--ease-out-circ)}
.zoom-motion-leave{-webkit-animation-timing-function:cubic-bezier(.78,.14,.15,.86);animation-timing-function:cubic-bezier(.78,.14,.15,.86);-webkit-animation-timing-function:var(--ease-in-out-circ);animation-timing-function:var(--ease-in-out-circ)}
@-webkit-keyframes odZoomMotionIn{
0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}
62.5%{opacity:.05;-webkit-transform:scale(1);transform:scale(1)}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes odZoomMotionIn{
0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}
62.5%{opacity:.05;-webkit-transform:scale(1);transform:scale(1)}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes odZoomMotionOut{
0%{-webkit-transform:scale(1);transform:scale(1)}
37.5%{opacity:.1;-webkit-transform:scale(1);transform:scale(1)}
to{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}
}
@keyframes odZoomMotionOut{
0%{-webkit-transform:scale(1);transform:scale(1)}
37.5%{opacity:.1;-webkit-transform:scale(1);transform:scale(1)}
to{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}
}
.slide-up-appear,.slide-up-enter,.slide-up-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}
.slide-up-appear.slide-up-appear-active,.slide-up-enter.slide-up-enter-active{-webkit-animation-name:odslideUpIn;animation-name:odslideUpIn;-webkit-animation-play-state:running;animation-play-state:running}
.slide-up-leave.slide-up-leave-active{-webkit-animation-name:odslideUpOut;animation-name:odslideUpOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}
.slide-up-appear,.slide-up-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1)}
.slide-up-appear,.slide-up-enter,.slide-up-leave{-webkit-backface-visibility:hidden;backface-visibility:hidden}
.slide-up-leave{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}
.slide-down-appear,.slide-down-enter,.slide-down-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}
.slide-down-appear.slide-down-appear-active,.slide-down-enter.slide-down-enter-active{-webkit-animation-name:odslideDownIn;animation-name:odslideDownIn;-webkit-animation-play-state:running;animation-play-state:running}
.slide-down-leave.slide-down-leave-active{-webkit-animation-name:odslideDownOut;animation-name:odslideDownOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}
.slide-down-appear,.slide-down-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1)}
.slide-down-appear,.slide-down-enter,.slide-down-leave{-webkit-backface-visibility:hidden;backface-visibility:hidden}
.slide-down-leave{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}
.slide-left-appear,.slide-left-enter,.slide-left-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}
.slide-left-appear.slide-left-appear-active,.slide-left-enter.slide-left-enter-active{-webkit-animation-name:odslideLeftIn;animation-name:odslideLeftIn;-webkit-animation-play-state:running;animation-play-state:running}
.slide-left-leave.slide-left-leave-active{-webkit-animation-name:odslideLeftOut;animation-name:odslideLeftOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}
.slide-left-appear,.slide-left-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1)}
.slide-left-appear,.slide-left-enter,.slide-left-leave{-webkit-backface-visibility:hidden;backface-visibility:hidden}
.slide-left-leave{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}
.slide-right-appear,.slide-right-enter,.slide-right-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}
.slide-right-appear.slide-right-appear-active,.slide-right-enter.slide-right-enter-active{-webkit-animation-name:odslideRightIn;animation-name:odslideRightIn;-webkit-animation-play-state:running;animation-play-state:running}
.slide-right-leave.slide-right-leave-active{-webkit-animation-name:odslideRightOut;animation-name:odslideRightOut;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}
.slide-right-appear,.slide-right-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1)}
.slide-right-appear,.slide-right-enter,.slide-right-leave{-webkit-backface-visibility:hidden;backface-visibility:hidden}
.slide-right-leave{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}
@-webkit-keyframes odslideUpIn{
0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.8) translateY(0) translateZ(0);transform:scaleY(.8) translateY(0) translateZ(0)}
to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1) translateY(0) translateZ(0);transform:scaleY(1) translateY(0) translateZ(0)}
}
@keyframes odslideUpIn{
0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.8) translateY(0) translateZ(0);transform:scaleY(.8) translateY(0) translateZ(0)}
to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1) translateY(0) translateZ(0);transform:scaleY(1) translateY(0) translateZ(0)}
}
@-webkit-keyframes odslideUpOut{
0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1) translateY(0) translateZ(0);transform:scaleY(1) translateY(0) translateZ(0)}
to{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.8) translateY(0) translateZ(0);transform:scaleY(.8) translateY(0) translateZ(0)}
}
@keyframes odslideUpOut{
0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1) translateY(0) translateZ(0);transform:scaleY(1) translateY(0) translateZ(0)}
to{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.8) translateY(0) translateZ(0);transform:scaleY(.8) translateY(0) translateZ(0)}
}
@-webkit-keyframes odslideDownIn{
0%{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(.8) translateY(0) translateZ(0);transform:scaleY(.8) translateY(0) translateZ(0)}
to{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(1) translateY(0) translateZ(0);transform:scaleY(1) translateY(0) translateZ(0)}
}
@keyframes odslideDownIn{
0%{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(.8) translateY(0) translateZ(0);transform:scaleY(.8) translateY(0) translateZ(0)}
to{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(1) translateY(0) translateZ(0);transform:scaleY(1) translateY(0) translateZ(0)}
}
@-webkit-keyframes odslideDownOut{
0%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(1) translateY(0) translateZ(0);transform:scaleY(1) translateY(0) translateZ(0)}
to{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(.8) translateY(0) translateZ(0);transform:scaleY(.8) translateY(0) translateZ(0)}
}
@keyframes odslideDownOut{
0%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(1) translateY(0) translateZ(0);transform:scaleY(1) translateY(0) translateZ(0)}
to{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(.8) translateY(0) translateZ(0);transform:scaleY(.8) translateY(0) translateZ(0)}
}
@-webkit-keyframes odslideLeftIn{
0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.8) translateX(0) translateZ(0);transform:scaleX(.8) translateX(0) translateZ(0)}
to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1) translateX(0) translateZ(0);transform:scaleX(1) translateX(0) translateZ(0)}
}
@keyframes odslideLeftIn{
0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.8) translateX(0) translateZ(0);transform:scaleX(.8) translateX(0) translateZ(0)}
to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1) translateX(0) translateZ(0);transform:scaleX(1) translateX(0) translateZ(0)}
}
@-webkit-keyframes odslideLeftOut{
0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1) translateX(0) translateZ(0);transform:scaleX(1) translateX(0) translateZ(0)}
to{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.8) translateX(0) translateZ(0);transform:scaleX(.8) translateX(0) translateZ(0)}
}
@keyframes odslideLeftOut{
0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1) translateX(0) translateZ(0);transform:scaleX(1) translateX(0) translateZ(0)}
to{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.8) translateX(0) translateZ(0);transform:scaleX(.8) translateX(0) translateZ(0)}
}
@-webkit-keyframes odslideRightIn{
0%{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.8) translateX(0) translateZ(0);transform:scaleX(.8) translateX(0) translateZ(0)}
to{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(1) translateX(0) translateZ(0);transform:scaleX(1) translateX(0) translateZ(0)}
}
@keyframes odslideRightIn{
0%{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.8) translateX(0) translateZ(0);transform:scaleX(.8) translateX(0) translateZ(0)}
to{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(1) translateX(0) translateZ(0);transform:scaleX(1) translateX(0) translateZ(0)}
}
@-webkit-keyframes odslideRightOut{
0%{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(1) translateX(0) translateZ(0);transform:scaleX(1) translateX(0) translateZ(0)}
to{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.8) translateX(0) translateZ(0);transform:scaleX(.8) translateX(0) translateZ(0)}
}
@keyframes odslideRightOut{
0%{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(1) translateX(0) translateZ(0);transform:scaleX(1) translateX(0) translateZ(0)}
to{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.8) translateX(0) translateZ(0);transform:scaleX(.8) translateX(0) translateZ(0)}
}
.spaui-button{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;border:1px solid transparent;white-space:nowrap;padding:5px 10px;font-size:14px;line-height:1.42857143;border-radius:6px;border-radius:var(--spaui-input-border-radius);color:var(--spaui-primary-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.spaui-button.focus,.spaui-button:focus,.spaui-button:hover{text-decoration:none}
.spaui-button.active,.spaui-button:active{outline:0;background-image:none}
.spaui-button.disabled,.spaui-button[disabled],fieldset[disabled] .spaui-button{cursor:not-allowed;opacity:var(--button-disabled-opacity);box-shadow:none}
a.spaui-button.disabled,fieldset[disabled] a.spaui-button{pointer-events:none}
.spaui-button-lg{padding:10px 15px;font-size:20px;line-height:1.3333333}
.spaui-button-lg,.spaui-button-sm{border-radius:6px;border-radius:var(--spaui-input-border-radius)}
.spaui-button-sm{padding:5px 10px;line-height:1}
.spaui-button{--button-color:#313233;--button-height:36px;--button-line-height:35px;--button-padding:0 21px;--button-font-size:14px;--button-radius:6px;--button-background:none;--button-disabled-opacity:0.65;border-radius:var(--button-radius);padding:var(--button-padding);height:var(--button-height);font-size:var(--button-font-size);line-height:var(--button-line-height);border-color:var(--button-border-color);background:var(--button-background);background-image:none;color:var(--button-color)}
.spaui-button:hover{background:var(--button-hover-background);border-color:var(--button-hover-border-color)}
.spaui-button:active{background:var(--button-active-background);border-color:var(--button-active-border-color)}
.spaui-button.disabled,.spaui-button.disabled:hover,.spaui-button[disabled],.spaui-button[disabled]:hover{color:var(--button-disabled-color);background:var(--button-disabled-background);border-color:var(--button-disabled-border-color)}
.spaui-button-default{--button-background:#fff;--button-border-color:#d2d4d9;--button-hover-background:#f7f9fc;--button-hover-border-color:#c4c7cc;--button-active-background:#f2f4f7;--button-active-border-color:#c4c7cc;--button-disabled-border-color:#dfe1e5;--button-disabled-background:#eef1f4;--button-disabled-color:#c4c7cc}
.spaui-button-primary{--button-color:#fff;--button-background:#296bef;--button-border-color:#296bef;--button-hover-background:#1155df;--button-hover-border-color:#1155df;--button-active-background:#0e47b9;--button-active-border-color:#0e47b9;--button-disabled-border-color:#296bef;--button-disabled-background:#296bef;--button-disabled-color:#fff}
.spaui-button-danger,.spaui-button-warning{--button-color:#fff;--button-background:#e63d2e;--button-border-color:#e63d2e;--button-hover-background:#d22819;--button-hover-border-color:#d22819;--button-active-background:#ae2115;--button-active-border-color:#ae2115;--button-disabled-border-color:#e63d2e;--button-disabled-background:#e63d2e;--button-disabled-color:#fff}
.spaui-button-info{--button-color:#fff;--button-background:#5bc0de;--button-border-color:#46b8da;--button-hover-background:#39b3d7;--button-hover-border-color:#29a8cd;--button-active-background:#279dc1;--button-active-border-color:#228cab;--button-disabled-background:#5bc0de;--button-disabled-border-color:#46b8da;--button-disabled-color:#fff}
.spaui-button-link{--button-color:#296bef;--button-border-color:transparent;--button-hover-background:#f7f9fc;--button-hover-border-color:transparent;--button-active-border-color:transparent;--button-active-background:#f2f4f7;--button-disabled-color:rgba(41,107,239,0.4);--button-disabled-border-color:transparent;--button-disabled-background:none}
.spaui-button-dashed{--button-background:#fff;--button-border-color:#d2d4d9;--button-hover-background:#f7f9fc;--button-hover-border-color:#c4c7cc;--button-active-background:#f2f4f7;--button-active-border-color:#c4c7cc;--button-disabled-border-color:#dfe1e5;--button-disabled-background:#eef1f4;--button-disabled-color:#c4c7cc;border-style:dashed}
.spaui-button-text{--button-color:#296bef;--button-border-color:transparent;--button-hover-background:#f7f9fc;--button-hover-border-color:transparent;--button-active-border-color:transparent;--button-active-background:#f2f4f7;--button-disabled-color:rgba(41,107,239,0.4);--button-disabled-border-color:transparent;--button-disabled-background:none;--button-color:var(--spaui-gray-1);--button-disabled-color:var(--spaui-gray-4)}
.spaui-button-xlg{height:50px;line-height:49px;padding:0 33px;font-size:16px}
.spaui-button-lg{height:40px;line-height:39px;padding:0 24px;font-size:14px}
.spaui-button-sm{--button-padding:0 15px;--button-height:30px;--button-line-height:29px;font-size:12px}
.spaui-button-60px{width:60px}
.spaui-button-80px{width:80px}
.spaui-button-100px{width:100px}
.spaui-button-120px{width:120px}
.spaui-button-160px{width:160px}
.spaui-button-200px{width:200px}
.spaui-button-400px{width:400px}
.spaui-button[class*=px]{padding:0}
.spaui-button-block+.spaui-button-block{margin-top:5px}
.spaui-button .graph-icon.graph-icon-add{vertical-align:baseline;margin-right:5px}
.spaui-button .graph-icon.graph-icon-add i{background-color:#fff}
.spaui-button.spaui-button-default .graph-icon.graph-icon-add i{background-color:#000}
.spaui-icon-button{display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center}
.spaui-icon-button>.spaui-icon+.spaui-text,.spaui-icon-button>.spaui-text+.spaui-icon{margin-left:4px}
.spaui-icon-button .spaui-text{line-height:36px;line-height:var(--button-height,36px)}
.spaui-button{-webkit-transition:color .1s cubic-bezier(.4,0,.2,1),background-color .1s cubic-bezier(.4,0,.2,1),border-color .1s cubic-bezier(.4,0,.2,1);transition:color .1s cubic-bezier(.4,0,.2,1),background-color .1s cubic-bezier(.4,0,.2,1),border-color .1s cubic-bezier(.4,0,.2,1)}
.spaui-button-darr{height:100%;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}
.open>.spaui-button-darr{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.spaui-drawer{--drawer-min-width:280px;--drawer-large-max-width:1440px;--drawer-medium-max-width:1280px;--drawer-small-max-width:960px;--drawer-mini-max-width:400px;--drawer-header-divider-color:#e6e8ed;--drawer-header-height:60px;--drawer-footer-padding:15px 24px;--drawer-divider-border:1px solid #f2f4f7;--drawer-shadow:0px 10px 36px rgba(0,0,0,0.16),0px 6px 15px rgba(0,0,0,0.07);--drawer-z-index:1030;--drawer-mask-color:rgba(0,0,0,0.5);--drawer-title-font-size:18px}
.spaui-drawer,.spaui-drawer-mask{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden}
.spaui-drawer-mask{will-change:opacity;background-color:var(--drawer-mask-color);pointer-events:auto}
.spaui-drawer{outline:0;z-index:var(--drawer-z-index);pointer-events:none}
.spaui-drawer-inner{position:absolute;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;box-shadow:var(--drawer-shadow);will-change:transform,opacity;pointer-events:auto;overflow:auto}
.spaui-drawer-header,.spaui-drawer-inner{display:-webkit-box;display:flex;background-color:#fff}
.spaui-drawer-header{-webkit-box-flex:0;flex:none;position:relative;-webkit-box-align:center;align-items:center;padding-left:14px;height:var(--drawer-header-height);border-bottom:var(--drawer-divider-border)}
.spaui-drawer-header.no-divider{border-bottom:none}
.spaui-drawer-header>.spaui-drawer-title{padding-left:16px}
.spaui-drawer-title{font-size:var(--drawer-title-font-size);font-weight:500}
.spaui-drawer-header-content{-webkit-box-flex:1;flex:1 1}
.spaui-drawer-header-close.spaui-button{width:36px;height:36px;padding:0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-flex:0;flex:none;border:none;border-radius:6px}
.spaui-drawer-header-close-svg{width:20px;height:20px}
.spaui-drawer-header-divider{-webkit-box-flex:0;flex:none;margin-left:8px;width:1px;height:26px;background-color:var(--drawer-header-divider-color)}
.spaui-drawer-body{-webkit-box-flex:1;flex:1 1;min-height:0;overflow:auto}
.spaui-drawer-left,.spaui-drawer-right{top:0;min-width:var(--drawer-min-width);height:100vh}
.spaui-drawer-left.spaui-drawer-large,.spaui-drawer-right.spaui-drawer-large{max-width:var(--drawer-large-max-width);width:90vw}
.spaui-drawer-left.spaui-drawer-medium,.spaui-drawer-right.spaui-drawer-medium{max-width:var(--drawer-medium-max-width);width:70vw}
.spaui-drawer-left.spaui-drawer-small,.spaui-drawer-right.spaui-drawer-small{max-width:var(--drawer-small-max-width);width:40vw}
.spaui-drawer-left.spaui-drawer-mini,.spaui-drawer-right.spaui-drawer-mini{max-width:var(--drawer-mini-max-width);width:25vw}
.spaui-drawer-bottom,.spaui-drawer-top{left:0;width:100vw;min-height:72px}
.spaui-drawer-bottom.spaui-drawer-large,.spaui-drawer-top.spaui-drawer-large{height:90vh}
.spaui-drawer-bottom.spaui-drawer-medium,.spaui-drawer-top.spaui-drawer-medium{height:70vh}
.spaui-drawer-bottom.spaui-drawer-small,.spaui-drawer-top.spaui-drawer-small{height:40vh}
.spaui-drawer-bottom.spaui-drawer-mini,.spaui-drawer-top.spaui-drawer-mini{height:25vh}
.spaui-drawer-left{left:0}
.spaui-drawer-right{right:0}
.spaui-drawer-top{top:0}
.spaui-drawer-bottom{bottom:0}
.spaui-drawer-mask-appear,.spaui-drawer-mask-enter{opacity:0}
.spaui-drawer-mask-appear.spaui-drawer-mask-appear-active,.spaui-drawer-mask-enter.spaui-drawer-mask-enter-active{opacity:1;-webkit-transition:all .2s cubic-bezier(0,0,.2,1);transition:all .2s cubic-bezier(0,0,.2,1);-webkit-transition:all var(--motion-duration-base) var(--ease-out);transition:all var(--motion-duration-base) var(--ease-out)}
.spaui-drawer-mask-leave{opacity:1}
.spaui-drawer-mask-leave.spaui-drawer-mask-leave-active{opacity:0;-webkit-transition:all .2s cubic-bezier(.4,0,1,1);transition:all .2s cubic-bezier(.4,0,1,1);-webkit-transition:all var(--motion-duration-base) var(--ease-in);transition:all var(--motion-duration-base) var(--ease-in)}
.spaui-drawer-top-appear,.spaui-drawer-top-enter{opacity:.5;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
.spaui-drawer-right-appear,.spaui-drawer-right-enter{opacity:.5;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.spaui-drawer-bottom-appear,.spaui-drawer-bottom-enter{opacity:.5;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.spaui-drawer-left-appear,.spaui-drawer-left-enter{opacity:.5;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.spaui-drawer-bottom-appear.spaui-drawer-bottom-appear-active,.spaui-drawer-bottom-enter.spaui-drawer-bottom-enter-active,.spaui-drawer-left-appear.spaui-drawer-left-appear-active,.spaui-drawer-left-enter.spaui-drawer-left-enter-active,.spaui-drawer-right-appear.spaui-drawer-right-appear-active,.spaui-drawer-right-enter.spaui-drawer-right-enter-active,.spaui-drawer-top-appear.spaui-drawer-top-appear-active,.spaui-drawer-top-enter.spaui-drawer-top-enter-active{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .4s cubic-bezier(0,0,.2,1);transition:all .4s cubic-bezier(0,0,.2,1);-webkit-transition:all var(--motion-duration-slow) var(--ease-out);transition:all var(--motion-duration-slow) var(--ease-out)}
.spaui-drawer-bottom-leave,.spaui-drawer-left-leave,.spaui-drawer-right-leave,.spaui-drawer-top-leave{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
.spaui-drawer-top-leave.spaui-drawer-top-leave-active{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
.spaui-drawer-right-leave.spaui-drawer-right-leave-active,.spaui-drawer-top-leave.spaui-drawer-top-leave-active{opacity:.5;-webkit-transition:all .2s cubic-bezier(.4,0,1,1);transition:all .2s cubic-bezier(.4,0,1,1);-webkit-transition:all var(--motion-duration-base) var(--ease-in);transition:all var(--motion-duration-base) var(--ease-in)}
.spaui-drawer-right-leave.spaui-drawer-right-leave-active{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.spaui-drawer-bottom-leave.spaui-drawer-bottom-leave-active{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.spaui-drawer-bottom-leave.spaui-drawer-bottom-leave-active,.spaui-drawer-left-leave.spaui-drawer-left-leave-active{opacity:.5;-webkit-transition:all .2s cubic-bezier(.4,0,1,1);transition:all .2s cubic-bezier(.4,0,1,1);-webkit-transition:all var(--motion-duration-base) var(--ease-in);transition:all var(--motion-duration-base) var(--ease-in)}
.spaui-drawer-left-leave.spaui-drawer-left-leave-active{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.spaui-scrollbar-hidden::-webkit-scrollbar{display:none;width:0;height:0}
.spaui-drawer-footer{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:var(--drawer-footer-padding);border-top:var(--drawer-divider-border)}
.spaui-drawer-footer.no-divider{border-top:none}
.spaui-drawer-footer .spaui-button{margin-left:8px}
.spaui-drawer-footer-right{margin-left:auto}
.spaui-drawer{ --version:"1_0_38"; --spaui-drawer-version:"1_0_38"; }