2026-01-26 22:22:36 +08:00
|
|
|
|
<html lang="zh-CN"><head><style type="text/css">
|
|
|
|
|
|
.beast-icon {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
color: inherit;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
line-height: 0;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
text-transform: none;
|
|
|
|
|
|
vertical-align: -0.125em;
|
|
|
|
|
|
text-rendering: optimizeLegibility;
|
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.beast-icon > * {
|
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.beast-icon svg {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
}
|
|
|
|
|
|
.beast-icon::before {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.beast-icon .beast-icon-content {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.beast-icon[tabindex] {
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.beast-icon-spin::before,
|
|
|
|
|
|
.beast-icon-spin {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
-webkit-animation: loadingCircle 1s infinite linear;
|
|
|
|
|
|
animation: loadingCircle 1s infinite linear;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@-webkit-keyframes loadingCircle {
|
|
|
|
|
|
100% {
|
|
|
|
|
|
-webkit-transform: rotate(360deg);
|
|
|
|
|
|
transform: rotate(360deg);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@keyframes loadingCircle {
|
|
|
|
|
|
100% {
|
|
|
|
|
|
-webkit-transform: rotate(360deg);
|
|
|
|
|
|
transform: rotate(360deg);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
</style><meta charset="utf-8"><meta name="keywords" content="拼多多"><meta name="description" content="登录拼多多管理后台。拼多多是一家专注拼团的社交购物网站,让用户通过发起和朋友,家人,邻居等的拼团,以更低的价格,拼团购买优质商品。拼多多,多实惠,多乐趣"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="shortcut icon" href="https://mms-static.pddpic.com/home/favicon.ico"><title>机构入驻后台</title><script>!function(){function r(r){return r.replace(/(%[0-9A-Z]{2})+/g,decodeURIComponent)}function e(e){const t=document.cookie?document.cookie.split("; "):[],o={};return t.some((t=>{const n=t.split("=");let a=n.slice(1).join("=");const i=r(n[0]);return a=r(a),o[i]=a,e===i})),e?o[e]||"":o}var t=function(){for(var r,e=[],t=0;t<256;t++){r=t;for(var o=0;o<8;o++)r=1&r?3988292384^r>>>1:r>>>1;e[t]=r}return e}();function o(r,e){void 0===e&&(e=0),r=function(r){for(var e="",t=0;t<r.length;t++){var o=r.charCodeAt(t);o<128?e+=String.fromCharCode(o):o<2048?e+=String.fromCharCode(192|o>>6)+String.fromCharCode(128|63&o):o<55296||o>=57344?e+=String.fromCharCode(224|o>>12)+String.fromCharCode(128|o>>6&63)+String.fromCharCode(128|63&o):(o=65536+((1023&o)<<10|1023&r.charCodeAt(++t)),e+=String.fromCharCode(240|o>>18)+String.fromCharCode(128|o>>12&63)+String.fromCharCode(128|o>>6&63)+String.fromCharCode(128|63&o))}return e}(r),e=~e;for(var o=0;o<r.length;o++)e=e>>>8^t[255&(e^r.charCodeAt(o))];return~e>>>0}const n="/api/pmm/front_err",a=501,i=502,d="undefined"==typeof window||window.location.hostname.includes("mcn.htj.pdd.net");function s(r){const e=d?`https://apm.hutaojie.com${n}`:`https://apm.pinduoduo.com${n}`,t=new XMLHttpRequest;t.open("POST",e,!0),t.setRequestHeader("Content-Type","text/plain;charset=UTF-8"),t.withCredentials=!0,t.send(JSON.stringify(r))}function c(r){if(!r||!r.stack)return"";const e=r.stack.replace(/\\n/gi,"").split(/\bat\b/).slice(0,5).join("@").replace(/\?[^:]+/gi,""),t=r.toString();return e.indexOf(t)<0?t+"@"+e:e}function g(){let r="mms.pmm.did.2",e=localStorage.getItem(r)||"";if(!e){e=function(){let r=(new Date).getTime();return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){var t=(r+16*Math.random())%16|0;return r=Math.floor(r/16),("x"==e?t:7&t|8).toString(16)}))}();try{localStorage.setItem(r,e)}catch(r){}}return e}function u({errorMsg:r,errorCode:t,page:n,type:a=i,url:c,payload:u={}}){const m=function(){const r=Date.now(),e=10**5+Math.floor(9e5*Math.random());return{biz_side:"merchant-frontend",app:d?"100116":"100251",report_time_ms:r,rand_num:e,crc32:o(`${r}-${e}`)}}(),f={d:"",m:"",osV:"",uid:String(e("pdd_user_id")),did:g(),mid:"",runningAppId:""},p=function(r={}){const{page:e="",page_url:t,refer_page_name:o,error_msg:n,errorCode:a="555555",url:i}=r;return{url:i,errorCode:String(a),errorMsg:n.substr(0,150),module:"0001",pagePath:"/mms-default-page",pageUrl:t,referPageName:o||"",page:e,user_agent:"undefined"!=typeof window?window.navigator.userAgent:""}}({page:n,page_url:location.href,error_msg:r,url:c,errorCode:t});m.common_tags=f,m.datas=[{category:5,type:a,timestamp:Date.now(),tags:p,extras:{error_logger:"1",...u}}],s(m)}const m=r=>{if("[object Event]"===Object.prototype.toString.call(r)){const e=r.target;if(e){if(-1!==["preload","prefetch"].indexOf(e.rel))return;const r=e.src||e.href;u({errorMsg:`html_error_${e.nodeName.toLowerCase()}${e.dataset?.retryFlag||""}`,page:`Error: ${e.outerHTML}`,errorCode:555556,type:a,url:r})}}},f=r=>{const{message:e="",error:t}=r||{},{message:o}=t||{};u({errorMsg:`html_error_js: ${e||o||"unknown"}`,page:`errMsg: ${o}, stack: ${c(t)}`,errorCode:555558})},p=r=>{const e={error_msg:(t=r.reason)&&t.message,error_stack:c(t),Error:t};var t;u({errorMsg:`html_error_unhandledrejection: ${e&&e.error_msg||"unknown"}`,page:"unhandledrejection reason:"+JSON.stringify(e)})};window.addEventListener("error",m,!0),window.addEventListener("error",f),window.addEventListener("unhandledrejection",p),window.
|
|
|
|
|
|
.PP_outerWrapper_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Popover-contentColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PP_triggerWrapper_5-152-0 {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PP_popoverMain_5-152-0 {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
padding: var(--bc-Popover-padding);
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PP_withConfirmPopoverMain_5-152-0 {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
padding: var(--bc-Popover-withConfirm-padding);
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PP_tooltipMain_5-152-0 {
|
|
|
|
|
|
padding: var(--bc-Popover-padding);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PP_dropdownMain_5-152-0 {
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PP_popover_5-152-0.PP_outerWrapper_5-152-0 {
|
|
|
|
|
|
z-index: var(--bc-Popover-zIndex);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PP_popoverIcon_5-152-0 {
|
|
|
|
|
|
padding: var(--bc-Popover-icon-padding);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PP_popoverIcon_5-152-0 svg {
|
|
|
|
|
|
font-size: var(--bc-Popover-icon-fontSize);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PP_popoverTitle_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Popover-title-color);
|
|
|
|
|
|
font-size: var(--bc-Popover-title-fontSize);
|
|
|
|
|
|
font-weight: var(--bc-Popover-title-fontWeight);
|
|
|
|
|
|
line-height: var(--bc-Popover-title-lineHeight);
|
|
|
|
|
|
margin-bottom: var(--bc-Popover-title-marginBottom);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PP_popoverContent_5-152-0 {
|
|
|
|
|
|
font-size: var(--bc-Popover-contentFontSize);
|
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PP_popoverContent_5-152-0.PP_withConfirmNoTitle_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Popover-withConfirm-noTitleColor);
|
|
|
|
|
|
font-size: var(--bc-Popover-withConfirm-noTitleFontSize);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PP_popoverWithConfirm_5-152-0 {
|
|
|
|
|
|
width: var(--bc-Popover-withConfirm-minWidth);
|
|
|
|
|
|
min-width: var(--bc-Popover-withConfirm-minWidth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PP_popoverFooter_5-152-0 {
|
|
|
|
|
|
margin-top: var(--bc-Popover-footerMarginTop);
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PP_popoverFooter_5-152-0.PP_withConfirmNoTitle_5-152-0 {
|
|
|
|
|
|
margin-top: var(--bc-Popover-withConfirm-noTitleMarginTop);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PP_popoverWithTitle_5-152-0 .PP_popoverContent_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Popover-withTitleContentColor);
|
|
|
|
|
|
font-size: var(--bc-Popover-withTitleContentFontSize);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PP_popoverWithTitleIcon_5-152-0 svg {
|
|
|
|
|
|
padding: var(--bc-Popover-withTitleIconPadding);
|
|
|
|
|
|
line-height: 22px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PP_dropdown_5-152-0.PP_outerWrapper_5-152-0 .PP_dropdownMain_5-152-0 {
|
|
|
|
|
|
border: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PP_iconWrapper_5-152-0 {
|
|
|
|
|
|
top: -16px;
|
|
|
|
|
|
color: rgba(0,0,0,0.4);
|
|
|
|
|
|
right: -16px;
|
|
|
|
|
|
width: 32px;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
height: 32px;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
background: #C2C2C2;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PP_iconWrapper_5-152-0 .PP_headerCloseIcon_5-152-0 {
|
|
|
|
|
|
color: inherit;
|
|
|
|
|
|
font-size: 24px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PP_iconWrapper_5-152-0:hover {
|
|
|
|
|
|
color: rgba(0,0,0,0.8);
|
|
|
|
|
|
background: #adadad;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PP_iconWrapper_5-152-0:active {
|
|
|
|
|
|
color: rgba(0,0,0,0.8);
|
|
|
|
|
|
background: #adadad;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style><style data-jss="" data-meta="Portal">
|
|
|
|
|
|
@-webkit-keyframes PT_keyframes-fadeIn_5-152-0 {
|
|
|
|
|
|
0% {
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
100% {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@-webkit-keyframes PT_keyframes-fadeOut_5-152-0 {
|
|
|
|
|
|
0% {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
100% {
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@-webkit-keyframes PT_keyframes-scaleIn_5-152-0 {
|
|
|
|
|
|
0% {
|
|
|
|
|
|
transform: scale(0.8);
|
|
|
|
|
|
}
|
|
|
|
|
|
100% {
|
|
|
|
|
|
transform: scale(1);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@-webkit-keyframes PT_keyframes-scaleOut_5-152-0 {
|
|
|
|
|
|
0% {
|
|
|
|
|
|
transform: scale(1);
|
|
|
|
|
|
}
|
|
|
|
|
|
100% {
|
|
|
|
|
|
transform: scale(0.8);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@-webkit-keyframes PT_keyframes-scaleYIn_5-152-0 {
|
|
|
|
|
|
0% {
|
|
|
|
|
|
transform: scaleY(0.8);
|
|
|
|
|
|
}
|
|
|
|
|
|
100% {
|
|
|
|
|
|
transform: scaleY(1);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@-webkit-keyframes PT_keyframes-scaleYOut_5-152-0 {
|
|
|
|
|
|
0% {
|
|
|
|
|
|
transform: scaleY(1);
|
|
|
|
|
|
}
|
|
|
|
|
|
100% {
|
|
|
|
|
|
transform: scaleY(0.8);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_outerWrapper_5-152-0 {
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
z-index: var(--bc-Portal-zIndex);
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
font-size: var(--bc-Portal-contentFontSize);
|
|
|
|
|
|
line-height: var(--bc-Portal-lineHeight);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_outerWrapper_5-152-0.PT_positionOfFixed_5-152-0 {
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalExitDone_5-152-0 {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalMain_5-152-0 {
|
|
|
|
|
|
border: var(--bc-Portal-border);
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
background: var(--bc-Portal-background);
|
|
|
|
|
|
box-shadow: var(--bc-Portal-boxShadow);
|
|
|
|
|
|
word-break: break-word;
|
|
|
|
|
|
border-radius: var(--bc-Portal-borderRadius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalWithArrow_5-152-0 .PT_portalMain_5-152-0:after {
|
|
|
|
|
|
width: 0px;
|
|
|
|
|
|
height: 0px;
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
background-color: var(--bc-Portal-bgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalWithArrow_5-152-0 .PT_portalMainArrow_5-152-0 {
|
|
|
|
|
|
border: var(--bc-Portal-arrow-border);
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
transform: var(--bc-Portal-arrow-borderTransform);
|
|
|
|
|
|
background-color: var(--bc-Portal-arrow-bgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalTopLeft_5-152-0 .PT_portalMainArrow_5-152-0 {
|
|
|
|
|
|
bottom: var(--bc-Portal-arrow-offset);
|
|
|
|
|
|
filter: var(--bc-Portal-arrow-filterTopBoxShadow);
|
|
|
|
|
|
box-shadow: var(--bc-Portal-arrow-topBoxShadow);
|
|
|
|
|
|
border-top-color: var(--bc-Portal-arrow-bgColor) !important;
|
|
|
|
|
|
border-left-color: var(--bc-Portal-arrow-bgColor) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalTopLeft_5-152-0 {
|
|
|
|
|
|
transform-origin: 0 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalTopLeft_5-152-0.PT_portalEnterActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0, PT_keyframes-scaleIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalTopLeft_5-152-0portalEnterActiveNoScale {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalTopLeft_5-152-0.PT_portalExitActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0, PT_keyframes-scaleOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalTopLeft_5-152-0portalExitActiveNoScale {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalTopLeft_5-152-0.PT_portalWithArrow_5-152-0.PT_inCustom_5-152-0 .PT_portalMainArrow_5-152-0 {
|
|
|
|
|
|
left: 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalTop_5-152-0 .PT_portalMainArrow_5-152-0 {
|
|
|
|
|
|
bottom: var(--bc-Portal-arrow-offset);
|
|
|
|
|
|
filter: var(--bc-Portal-arrow-filterTopBoxShadow);
|
|
|
|
|
|
box-shadow: var(--bc-Portal-arrow-topBoxShadow);
|
|
|
|
|
|
border-top-color: var(--bc-Portal-arrow-bgColor) !important;
|
|
|
|
|
|
border-left-color: var(--bc-Portal-arrow-bgColor) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalTop_5-152-0 {
|
|
|
|
|
|
transform-origin: 50% 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalTop_5-152-0.PT_portalEnterActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0, PT_keyframes-scaleIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalTop_5-152-0portalEnterActiveNoScale {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalTop_5-152-0.PT_portalExitActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0, PT_keyframes-scaleOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalTop_5-152-0portalExitActiveNoScale {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalTop_5-152-0.PT_portalWithArrow_5-152-0.PT_inCustom_5-152-0 .PT_portalMainArrow_5-152-0 {
|
|
|
|
|
|
left: 50%;
|
|
|
|
|
|
transform: translateX(-50%) rotate(45deg);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalTopRight_5-152-0 .PT_portalMainArrow_5-152-0 {
|
|
|
|
|
|
bottom: var(--bc-Portal-arrow-offset);
|
|
|
|
|
|
filter: var(--bc-Portal-arrow-filterTopBoxShadow);
|
|
|
|
|
|
box-shadow: var(--bc-Portal-arrow-topBoxShadow);
|
|
|
|
|
|
border-top-color: var(--bc-Portal-arrow-bgColor) !important;
|
|
|
|
|
|
border-left-color: var(--bc-Portal-arrow-bgColor) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalTopRight_5-152-0 {
|
|
|
|
|
|
transform-origin: 100% 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalTopRight_5-152-0.PT_portalEnterActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0, PT_keyframes-scaleIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalTopRight_5-152-0portalEnterActiveNoScale {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalTopRight_5-152-0.PT_portalExitActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0, PT_keyframes-scaleOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalTopRight_5-152-0portalExitActiveNoScale {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalTopRight_5-152-0.PT_portalWithArrow_5-152-0.PT_inCustom_5-152-0 .PT_portalMainArrow_5-152-0 {
|
|
|
|
|
|
right: 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalLeft_5-152-0 .PT_portalMainArrow_5-152-0 {
|
|
|
|
|
|
right: var(--bc-Portal-arrow-offset);
|
|
|
|
|
|
filter: var(--bc-Portal-arrow-filterLeftBoxShadow);
|
|
|
|
|
|
box-shadow: var(--bc-Portal-arrow-leftBoxShadow);
|
|
|
|
|
|
border-left-color: var(--bc-Portal-arrow-bgColor) !important;
|
|
|
|
|
|
border-bottom-color: var(--bc-Portal-arrow-bgColor) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalLeft_5-152-0 {
|
|
|
|
|
|
transform-origin: 100% 50%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalLeft_5-152-0.PT_portalEnterActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0, PT_keyframes-scaleIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalLeft_5-152-0portalEnterActiveNoScale {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalLeft_5-152-0.PT_portalExitActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0, PT_keyframes-scaleOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalLeft_5-152-0portalExitActiveNoScale {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalLeft_5-152-0.PT_portalWithArrow_5-152-0.PT_inCustom_5-152-0 .PT_portalMainArrow_5-152-0 {
|
|
|
|
|
|
top: 50%;
|
|
|
|
|
|
transform: translateY(-50%) rotate(45deg);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalLeftTop_5-152-0 .PT_portalMainArrow_5-152-0 {
|
|
|
|
|
|
right: var(--bc-Portal-arrow-offset);
|
|
|
|
|
|
filter: var(--bc-Portal-arrow-filterLeftBoxShadow);
|
|
|
|
|
|
box-shadow: var(--bc-Portal-arrow-leftBoxShadow);
|
|
|
|
|
|
border-left-color: var(--bc-Portal-arrow-bgColor) !important;
|
|
|
|
|
|
border-bottom-color: var(--bc-Portal-arrow-bgColor) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalLeftTop_5-152-0 {
|
|
|
|
|
|
transform-origin: 100% 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalLeftTop_5-152-0.PT_portalEnterActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0, PT_keyframes-scaleIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalLeftTop_5-152-0portalEnterActiveNoScale {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalLeftTop_5-152-0.PT_portalExitActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0, PT_keyframes-scaleOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalLeftTop_5-152-0portalExitActiveNoScale {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalLeftTop_5-152-0.PT_portalWithArrow_5-152-0.PT_inCustom_5-152-0 .PT_portalMainArrow_5-152-0 {
|
|
|
|
|
|
top: 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalLeftBottom_5-152-0 .PT_portalMainArrow_5-152-0 {
|
|
|
|
|
|
right: var(--bc-Portal-arrow-offset);
|
|
|
|
|
|
filter: var(--bc-Portal-arrow-filterLeftBoxShadow);
|
|
|
|
|
|
box-shadow: var(--bc-Portal-arrow-leftBoxShadow);
|
|
|
|
|
|
border-left-color: var(--bc-Portal-arrow-bgColor) !important;
|
|
|
|
|
|
border-bottom-color: var(--bc-Portal-arrow-bgColor) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalLeftBottom_5-152-0 {
|
|
|
|
|
|
transform-origin: 100% 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalLeftBottom_5-152-0.PT_portalEnterActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0, PT_keyframes-scaleIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalLeftBottom_5-152-0portalEnterActiveNoScale {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalLeftBottom_5-152-0.PT_portalExitActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0, PT_keyframes-scaleOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalLeftBottom_5-152-0portalExitActiveNoScale {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalLeftBottom_5-152-0.PT_portalWithArrow_5-152-0.PT_inCustom_5-152-0 .PT_portalMainArrow_5-152-0 {
|
|
|
|
|
|
bottom: 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalRight_5-152-0 .PT_portalMainArrow_5-152-0 {
|
|
|
|
|
|
left: var(--bc-Portal-arrow-offset);
|
|
|
|
|
|
filter: var(--bc-Portal-arrow-filterRightBoxShadow);
|
|
|
|
|
|
box-shadow: var(--bc-Portal-arrow-rightBoxShadow);
|
|
|
|
|
|
border-top-color: var(--bc-Portal-arrow-bgColor) !important;
|
|
|
|
|
|
border-right-color: var(--bc-Portal-arrow-bgColor) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalRight_5-152-0 {
|
|
|
|
|
|
transform-origin: 0 50%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalRight_5-152-0.PT_portalEnterActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0, PT_keyframes-scaleIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalRight_5-152-0portalEnterActiveNoScale {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalRight_5-152-0.PT_portalExitActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0, PT_keyframes-scaleOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalRight_5-152-0portalExitActiveNoScale {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalRight_5-152-0.PT_portalWithArrow_5-152-0.PT_inCustom_5-152-0 .PT_portalMainArrow_5-152-0 {
|
|
|
|
|
|
top: 50%;
|
|
|
|
|
|
transform: translateY(-50%) rotate(45deg);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalRightTop_5-152-0 .PT_portalMainArrow_5-152-0 {
|
|
|
|
|
|
left: var(--bc-Portal-arrow-offset);
|
|
|
|
|
|
filter: var(--bc-Portal-arrow-filterRightBoxShadow);
|
|
|
|
|
|
box-shadow: var(--bc-Portal-arrow-rightBoxShadow);
|
|
|
|
|
|
border-top-color: var(--bc-Portal-arrow-bgColor) !important;
|
|
|
|
|
|
border-right-color: var(--bc-Portal-arrow-bgColor) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalRightTop_5-152-0 {
|
|
|
|
|
|
transform-origin: 0 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalRightTop_5-152-0.PT_portalEnterActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0, PT_keyframes-scaleIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalRightTop_5-152-0portalEnterActiveNoScale {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalRightTop_5-152-0.PT_portalExitActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0, PT_keyframes-scaleOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalRightTop_5-152-0portalExitActiveNoScale {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalRightTop_5-152-0.PT_portalWithArrow_5-152-0.PT_inCustom_5-152-0 .PT_portalMainArrow_5-152-0 {
|
|
|
|
|
|
top: 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalRightBottom_5-152-0 .PT_portalMainArrow_5-152-0 {
|
|
|
|
|
|
left: var(--bc-Portal-arrow-offset);
|
|
|
|
|
|
filter: var(--bc-Portal-arrow-filterRightBoxShadow);
|
|
|
|
|
|
box-shadow: var(--bc-Portal-arrow-rightBoxShadow);
|
|
|
|
|
|
border-top-color: var(--bc-Portal-arrow-bgColor) !important;
|
|
|
|
|
|
border-right-color: var(--bc-Portal-arrow-bgColor) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalRightBottom_5-152-0 {
|
|
|
|
|
|
transform-origin: 0 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalRightBottom_5-152-0.PT_portalEnterActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0, PT_keyframes-scaleIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalRightBottom_5-152-0portalEnterActiveNoScale {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalRightBottom_5-152-0.PT_portalExitActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0, PT_keyframes-scaleOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalRightBottom_5-152-0portalExitActiveNoScale {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalRightBottom_5-152-0.PT_portalWithArrow_5-152-0.PT_inCustom_5-152-0 .PT_portalMainArrow_5-152-0 {
|
|
|
|
|
|
bottom: 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalBottom_5-152-0 .PT_portalMainArrow_5-152-0 {
|
|
|
|
|
|
top: var(--bc-Portal-arrow-offset);
|
|
|
|
|
|
filter: var(--bc-Portal-arrow-filterBottomBoxShadow);
|
|
|
|
|
|
box-shadow: var(--bc-Portal-arrow-bottomBoxShadow);
|
|
|
|
|
|
border-right-color: var(--bc-Portal-arrow-bgColor) !important;
|
|
|
|
|
|
border-bottom-color: var(--bc-Portal-arrow-bgColor) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalBottom_5-152-0 {
|
|
|
|
|
|
transform-origin: 50% 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalBottom_5-152-0.PT_portalEnterActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0, PT_keyframes-scaleIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalBottom_5-152-0portalEnterActiveNoScale {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalBottom_5-152-0.PT_portalExitActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0, PT_keyframes-scaleOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalBottom_5-152-0portalExitActiveNoScale {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalBottom_5-152-0.PT_portalWithArrow_5-152-0.PT_inCustom_5-152-0 .PT_portalMainArrow_5-152-0 {
|
|
|
|
|
|
left: 50%;
|
|
|
|
|
|
transform: translateX(-50%) rotate(45deg);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalBottomLeft_5-152-0 .PT_portalMainArrow_5-152-0 {
|
|
|
|
|
|
top: var(--bc-Portal-arrow-offset);
|
|
|
|
|
|
filter: var(--bc-Portal-arrow-filterBottomBoxShadow);
|
|
|
|
|
|
box-shadow: var(--bc-Portal-arrow-bottomBoxShadow);
|
|
|
|
|
|
border-right-color: var(--bc-Portal-arrow-bgColor) !important;
|
|
|
|
|
|
border-bottom-color: var(--bc-Portal-arrow-bgColor) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalBottomLeft_5-152-0 {
|
|
|
|
|
|
transform-origin: 0 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalBottomLeft_5-152-0.PT_portalEnterActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0, PT_keyframes-scaleIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalBottomLeft_5-152-0portalEnterActiveNoScale {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalBottomLeft_5-152-0.PT_portalExitActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0, PT_keyframes-scaleOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalBottomLeft_5-152-0portalExitActiveNoScale {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalBottomLeft_5-152-0.PT_portalWithArrow_5-152-0.PT_inCustom_5-152-0 .PT_portalMainArrow_5-152-0 {
|
|
|
|
|
|
left: 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalBottomRight_5-152-0 .PT_portalMainArrow_5-152-0 {
|
|
|
|
|
|
top: var(--bc-Portal-arrow-offset);
|
|
|
|
|
|
filter: var(--bc-Portal-arrow-filterBottomBoxShadow);
|
|
|
|
|
|
box-shadow: var(--bc-Portal-arrow-bottomBoxShadow);
|
|
|
|
|
|
border-right-color: var(--bc-Portal-arrow-bgColor) !important;
|
|
|
|
|
|
border-bottom-color: var(--bc-Portal-arrow-bgColor) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalBottomRight_5-152-0 {
|
|
|
|
|
|
transform-origin: 100% 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalBottomRight_5-152-0.PT_portalEnterActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0, PT_keyframes-scaleIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalBottomRight_5-152-0portalEnterActiveNoScale {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalBottomRight_5-152-0.PT_portalExitActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0, PT_keyframes-scaleOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalBottomRight_5-152-0portalExitActiveNoScale {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_portalBottomRight_5-152-0.PT_portalWithArrow_5-152-0.PT_inCustom_5-152-0 .PT_portalMainArrow_5-152-0 {
|
|
|
|
|
|
right: 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_popover_5-152-0.PT_portalEnterActive_5-152-0 {
|
|
|
|
|
|
animation-duration: 0.2s;
|
|
|
|
|
|
animation-fill-mode: both;
|
|
|
|
|
|
animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_popover_5-152-0.PT_portalExitActive_5-152-0 {
|
|
|
|
|
|
animation-duration: 0.2s;
|
|
|
|
|
|
animation-fill-mode: both;
|
|
|
|
|
|
animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_dropdown_5-152-0.PT_portalEnterActive_5-152-0 {
|
|
|
|
|
|
animation-duration: 0.2s;
|
|
|
|
|
|
animation-fill-mode: both;
|
|
|
|
|
|
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_dropdown_5-152-0.PT_portalExitActive_5-152-0 {
|
|
|
|
|
|
animation-duration: 0.2s;
|
|
|
|
|
|
animation-fill-mode: both;
|
|
|
|
|
|
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_dropdown_5-152-0.PT_portalBottomRight_5-152-0 {
|
|
|
|
|
|
transform-origin: 100% 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_dropdown_5-152-0.PT_portalBottomRight_5-152-0.PT_portalEnterActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0, PT_keyframes-scaleYIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_dropdown_5-152-0.PT_portalBottomRight_5-152-0.PT_portalExitActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0, PT_keyframes-scaleYOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_dropdown_5-152-0.PT_portalBottom_5-152-0 {
|
|
|
|
|
|
transform-origin: 50% 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_dropdown_5-152-0.PT_portalBottom_5-152-0.PT_portalEnterActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0, PT_keyframes-scaleYIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_dropdown_5-152-0.PT_portalBottom_5-152-0.PT_portalExitActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0, PT_keyframes-scaleYOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_dropdown_5-152-0.PT_portalBottomLeft_5-152-0 {
|
|
|
|
|
|
transform-origin: 0 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_dropdown_5-152-0.PT_portalBottomLeft_5-152-0.PT_portalEnterActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0, PT_keyframes-scaleYIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_dropdown_5-152-0.PT_portalBottomLeft_5-152-0.PT_portalExitActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0, PT_keyframes-scaleYOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_dropdown_5-152-0.PT_portalTopBottom_5-152-0 {
|
|
|
|
|
|
transform-origin: 100% 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_dropdown_5-152-0.PT_portalTopBottom_5-152-0.PT_portalEnterActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0, PT_keyframes-scaleYIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_dropdown_5-152-0.PT_portalTopBottom_5-152-0.PT_portalExitActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0, PT_keyframes-scaleYOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_dropdown_5-152-0.PT_portalTop_5-152-0 {
|
|
|
|
|
|
transform-origin: 50% 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_dropdown_5-152-0.PT_portalTop_5-152-0.PT_portalEnterActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0, PT_keyframes-scaleYIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_dropdown_5-152-0.PT_portalTop_5-152-0.PT_portalExitActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0, PT_keyframes-scaleYOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_dropdown_5-152-0.PT_portalTopLeft_5-152-0 {
|
|
|
|
|
|
transform-origin: 0 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_dropdown_5-152-0.PT_portalTopLeft_5-152-0.PT_portalEnterActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeIn_5-152-0, PT_keyframes-scaleYIn_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_dropdown_5-152-0.PT_portalTopLeft_5-152-0.PT_portalExitActive_5-152-0 {
|
|
|
|
|
|
animation-name: PT_keyframes-fadeOut_5-152-0, PT_keyframes-scaleYOut_5-152-0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_tooltip_5-152-0.PT_portalEnterActive_5-152-0 {
|
|
|
|
|
|
animation-duration: 0.1s;
|
|
|
|
|
|
animation-fill-mode: both;
|
|
|
|
|
|
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_tooltip_5-152-0.PT_portalExitActive_5-152-0 {
|
|
|
|
|
|
animation-duration: 0.1s;
|
|
|
|
|
|
animation-fill-mode: both;
|
|
|
|
|
|
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PT_triggerMirror_5-152-0 {
|
|
|
|
|
|
z-index: var(--bc-Portal-Shadow-zIndex);
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
box-shadow: 0 0 0 9999px rgb(0 0 0 / 60%);
|
|
|
|
|
|
}
|
|
|
|
|
|
</style><style data-jss="" data-meta="Modal">
|
|
|
|
|
|
.MDL_outerWrapper_5-152-0 {
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
z-index: var(--bc-zIndex-modal);
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_outerWrapper_5-152-0.MDL_showCloseIcon_5-152-0 .MDL_header_5-152-0 {
|
|
|
|
|
|
padding-right: var(--bc-Modal-showCloseIconHeaderPaddingRight);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_outerWrapperIE9_5-152-0 {
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
line-height: 100vh;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_container_5-152-0 {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_innerWrapper_5-152-0 {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_inner_5-152-0 {
|
|
|
|
|
|
color: var(--bc-primaryTextColor);
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
max-width: 1000px;
|
|
|
|
|
|
min-width: var(--bc-Modal-minWidth);
|
|
|
|
|
|
background: var(--bc-Modal-bgColor);
|
|
|
|
|
|
box-shadow: var(--bc-Modal-boxShadow);
|
|
|
|
|
|
max-height: 620px;
|
|
|
|
|
|
overflow-y: var(--bc-Modal-innerOverflowY);
|
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
|
border-radius: var(--bc-Modal-borderRadius);
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_innerIE9_5-152-0 {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_customContainer_5-152-0.MDL_outerWrapper_5-152-0, .MDL_customContainer_5-152-0 .MDL_container_5-152-0 {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_customContainer_5-152-0 .MDL_innerWrapper_5-152-0 {
|
|
|
|
|
|
top: var(--bc-Modal-customContainerInnerTop);
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_customContainerMask_5-152-0.MDL_mask_5-152-0 {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_withLogo_5-152-0 .MDL_inner_5-152-0 {
|
|
|
|
|
|
overflow-y: visible;
|
|
|
|
|
|
padding-top: var(--bc-Modal-withLogoPaddingTop);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_modalZoomEnterActive_5-152-0 {
|
|
|
|
|
|
animation-name: MDL_keyframes-fadeIn_5-152-0;
|
|
|
|
|
|
animation-duration: 0.2s;
|
|
|
|
|
|
animation-fill-mode: both;
|
|
|
|
|
|
animation-timing-function: linear;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_modalZoomExitActive_5-152-0 {
|
|
|
|
|
|
animation-name: MDL_keyframes-fadeOut_5-152-0;
|
|
|
|
|
|
animation-duration: 0.2s;
|
|
|
|
|
|
animation-fill-mode: both;
|
|
|
|
|
|
animation-timing-function: linear;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_modalZoomExitDone_5-152-0 {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_header_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Modal-headerColor);
|
|
|
|
|
|
padding: var(--bc-Modal-headerPadding);
|
|
|
|
|
|
font-size: var(--bc-Modal-headerFontSize);
|
|
|
|
|
|
background: var(--bc-Modal-headerBg);
|
|
|
|
|
|
font-weight: var(--bc-Modal-headerFontWeight);
|
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
|
border-radius: var(--bc-Modal-borderRadius) var(--bc-Modal-borderRadius) 0px 0px;
|
|
|
|
|
|
border-bottom-color: var(--bc-Modal-headerSeparatorColor);
|
|
|
|
|
|
border-bottom-style: solid;
|
|
|
|
|
|
border-bottom-width: 1px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_body_5-152-0 {
|
|
|
|
|
|
color: var(--bc-secondaryTextColor);
|
|
|
|
|
|
padding: var(--bc-Modal-bodyPadding);
|
|
|
|
|
|
font-size: var(--bc-Modal-bodyFontSize);
|
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
|
word-break: break-word;
|
|
|
|
|
|
line-height: var(--bc-Modal-bodyLineHeight);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_body_5-152-0.MDL_noHeader_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Modal-noHeaderColor);
|
|
|
|
|
|
font-size: var(--bc-Modal-fontSize-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_bottom_5-152-0 {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_bottom_5-152-0 .MDL_overflowGradient_5-152-0 {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: 40px;
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
transform: translateY(-100%);
|
|
|
|
|
|
background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_bottom_5-152-0 .MDL_footer_5-152-0:not(.MDL_footerModeReverse_5-152-0) .MDL_closeBtn_5-152-0 {
|
|
|
|
|
|
margin-left: var(--bc-Modal-operationGutter);
|
|
|
|
|
|
margin-right: var(--bc-Modal-operationRight);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_bottom_5-152-0 .MDL_footer_5-152-0:not(.MDL_footerModeReverse_5-152-0) .MDL_okBtn_5-152-0 {
|
|
|
|
|
|
margin-left: var(--bc-Modal-operationLeft);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_bottom_5-152-0 .MDL_footer_5-152-0.MDL_footerModeReverse_5-152-0 .MDL_closeBtn_5-152-0 {
|
|
|
|
|
|
margin-left: var(--bc-Modal-operationLeft);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_bottom_5-152-0 .MDL_footer_5-152-0.MDL_footerModeReverse_5-152-0 .MDL_okBtn_5-152-0 {
|
|
|
|
|
|
margin-left: var(--bc-Modal-operationGutter);
|
|
|
|
|
|
margin-right: var(--bc-Modal-operationRight);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_bottom_5-152-0 .MDL_overflowGradient_5-152-0.MDL_overflowGradientShow_5-152-0 {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_footer_5-152-0 {
|
|
|
|
|
|
margin-bottom: var(--bc-Modal-footerBottom);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_logo_5-152-0 {
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
left: 50%;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
|
|
background: -webkit-radial-gradient( circle #fff 0%, #fff 100%);
|
|
|
|
|
|
border-radius: 55px;
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_logo_5-152-0 .MDL_icon_5-152-0 {
|
|
|
|
|
|
color: orange;
|
|
|
|
|
|
font-size: 61px;
|
|
|
|
|
|
background: -webkit-radial-gradient( circle #fff 45%, #fff 0%);
|
|
|
|
|
|
box-sizing: content-box;
|
|
|
|
|
|
border-color: #fff;
|
|
|
|
|
|
border-style: solid;
|
|
|
|
|
|
border-width: 10px;
|
|
|
|
|
|
border-radius: 55px;
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_mask_5-152-0 {
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
z-index: var(--bc-zIndex-modalMask);
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
background-color: var(--bc-Modal-maskBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_modalMaskFadeEnterActive_5-152-0 {
|
|
|
|
|
|
animation-name: MDL_keyframes-fadeIn_5-152-0;
|
|
|
|
|
|
animation-duration: 0.2s;
|
|
|
|
|
|
animation-fill-mode: both;
|
|
|
|
|
|
animation-timing-function: linear;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_modalMaskFadeExitActive_5-152-0 {
|
|
|
|
|
|
animation-name: MDL_keyframes-fadeOut_5-152-0;
|
|
|
|
|
|
animation-duration: 0.2s;
|
|
|
|
|
|
animation-fill-mode: both;
|
|
|
|
|
|
animation-timing-function: linear;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_modalMaskFadeExitDone_5-152-0 {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_modalExitDone_5-152-0 {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_modal_5-152-0 .MDL_footer_5-152-0 {
|
|
|
|
|
|
text-align: var(--bc-Modal-footerTextAlign);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_alert_5-152-0 .MDL_footer_5-152-0 {
|
|
|
|
|
|
text-align: var(--bc-Modal-alertFooterTextAlign);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_iconWrapper_5-152-0 {
|
|
|
|
|
|
top: var(--bc-Modal-closeIconTop);
|
|
|
|
|
|
color: var(--bc-Modal-closeIconColor);
|
|
|
|
|
|
right: var(--bc-Modal-closeIconRight);
|
|
|
|
|
|
width: var(--bc-Modal-closeIconWrapperWidth);
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
height: var(--bc-Modal-closeIconWrapperHeight);
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
background: var(--bc-Modal-closeIconWrapperBackground);
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
border-radius: var(--bc-Modal-closeIconWrapperBorderRadius);
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_iconWrapper_5-152-0 .MDL_headerCloseIcon_5-152-0 {
|
|
|
|
|
|
color: inherit;
|
|
|
|
|
|
font-size: var(--bc-Modal-closeIconFontSize);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_iconWrapper_5-152-0:hover {
|
|
|
|
|
|
color: var(--bc-Modal-closeIconHoverColor);
|
|
|
|
|
|
background: var(--bc-Modal-closeIconWrapperHoverBackground);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MDL_iconWrapper_5-152-0:active {
|
|
|
|
|
|
color: var(--bc-Modal-closeIconActiveColor);
|
|
|
|
|
|
background: var(--bc-Modal-closeIconWrapperActiveBackground);
|
|
|
|
|
|
}
|
|
|
|
|
|
@-webkit-keyframes MDL_keyframes-modalZoomIn_5-152-0 {
|
|
|
|
|
|
0% {
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
transform: scale(0.2);
|
|
|
|
|
|
}
|
|
|
|
|
|
100% {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
transform: scale(1);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@-webkit-keyframes MDL_keyframes-modalZoomOut_5-152-0 {
|
|
|
|
|
|
0% {
|
|
|
|
|
|
transform: scale(1);
|
|
|
|
|
|
}
|
|
|
|
|
|
100% {
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
transform: scale(0.2);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@-webkit-keyframes MDL_keyframes-fadeIn_5-152-0 {
|
|
|
|
|
|
0% {
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
100% {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@-webkit-keyframes MDL_keyframes-fadeOut_5-152-0 {
|
|
|
|
|
|
0% {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
100% {
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
</style><style data-jss="" data-meta="Toast">
|
|
|
|
|
|
@-webkit-keyframes waveEffect {
|
|
|
|
|
|
100% {
|
|
|
|
|
|
top: -5px;
|
|
|
|
|
|
left: -5px;
|
|
|
|
|
|
right: -5px;
|
|
|
|
|
|
bottom: -5px;
|
|
|
|
|
|
border-width: 5px;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@-webkit-keyframes fadeEffect {
|
|
|
|
|
|
100% {
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
[beast-click-notice-success-animating-without-extra-node="true"]:after {
|
|
|
|
|
|
top: -1px;
|
|
|
|
|
|
left: -1px;
|
|
|
|
|
|
right: -1px;
|
|
|
|
|
|
border: 0 solid transparent;
|
|
|
|
|
|
bottom: -1px;
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
opacity: 0.2;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
|
|
|
|
|
|
border-radius: inherit;
|
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
|
animation-fill-mode: forwards;
|
|
|
|
|
|
}
|
|
|
|
|
|
[beast-click-notice-warn-animating-without-extra-node="true"]:after {
|
|
|
|
|
|
top: -1px;
|
|
|
|
|
|
left: -1px;
|
|
|
|
|
|
right: -1px;
|
|
|
|
|
|
border: 0 solid transparent;
|
|
|
|
|
|
bottom: -1px;
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
opacity: 0.2;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
|
|
|
|
|
|
border-radius: inherit;
|
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
|
animation-fill-mode: forwards;
|
|
|
|
|
|
}
|
|
|
|
|
|
.TST_outerWrapper_5-152-0 {
|
|
|
|
|
|
top: var(--bc-Toast-top);
|
|
|
|
|
|
left: var(--bc-Toast-left);
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
z-index: var(--bc-Toast-zIndex);
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
font-size: var(--bc-Toast-fontSize);
|
|
|
|
|
|
transform: var(--bc-Toast-transform);
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
}
|
|
|
|
|
|
.TST_notice_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Toast-fontColor);
|
|
|
|
|
|
width: auto;
|
|
|
|
|
|
margin: var(--bc-Toast-margin);
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
padding: var(--bc-Toast-padding);
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
line-height: var(--bc-Toast-lineHeight);
|
|
|
|
|
|
border-radius: var(--bc-Toast-borderRadius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.TST_notice_5-152-0 .TST_icon_5-152-0 {
|
|
|
|
|
|
font-size: var(--bc-Toast-icon-fontSize);
|
|
|
|
|
|
}
|
|
|
|
|
|
.TST_noticeContent_5-152-0 {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
max-width: var(--bc-Toast-maxWidth);
|
|
|
|
|
|
word-break: break-word;
|
|
|
|
|
|
}
|
|
|
|
|
|
.TST_noticeIcon_5-152-0 {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
margin-right: var(--bc-Toast-icon-marginRight);
|
|
|
|
|
|
}
|
|
|
|
|
|
.TST_noticeSuccess_5-152-0 {
|
|
|
|
|
|
border: var(--bc-Toast-success-border);
|
|
|
|
|
|
background: var(--bc-Toast-success-background);
|
|
|
|
|
|
box-shadow: var(--bc-Toast-success-boxShadow);
|
|
|
|
|
|
}
|
|
|
|
|
|
.TST_noticeSuccess_5-152-0 .TST_icon_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Toast-success-iconColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.TST_noticeWarn_5-152-0 {
|
|
|
|
|
|
border: var(--bc-Toast-warn-border);
|
|
|
|
|
|
background: var(--bc-Toast-warn-background);
|
|
|
|
|
|
box-shadow: var(--bc-Toast-warn-boxShadow);
|
|
|
|
|
|
}
|
|
|
|
|
|
.TST_noticeWarn_5-152-0 .TST_icon_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Toast-warn-iconColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.TST_noticeError_5-152-0 {
|
|
|
|
|
|
border: var(--bc-Toast-error-border);
|
|
|
|
|
|
background: var(--bc-Toast-error-background);
|
|
|
|
|
|
box-shadow: var(--bc-Toast-error-boxShadow);
|
|
|
|
|
|
}
|
|
|
|
|
|
.TST_noticeError_5-152-0 .TST_icon_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Toast-error-iconColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.TST_noticeFadeEnter_5-152-0 {
|
|
|
|
|
|
opacity: var(--bc-Toast-fadeEnterOpacity);
|
|
|
|
|
|
animation-duration: var(--bc-Toast-fadeEnterAnimationDuration);
|
|
|
|
|
|
animation-fill-mode: both;
|
|
|
|
|
|
animation-play-state: paused;
|
|
|
|
|
|
animation-timing-function: var(--bc-Toast-fadeEnterTimingFunction);
|
|
|
|
|
|
}
|
|
|
|
|
|
.TST_noticeFadeEnter_5-152-0 .TST_noticeFadeEnterActive_5-152-0 {
|
|
|
|
|
|
animation-name: TST_keyframes-rcNotificationFadeIn_5-152-0;
|
|
|
|
|
|
animation-play-state: running;
|
|
|
|
|
|
}
|
|
|
|
|
|
.TST_noticeFadeLeave_5-152-0 {
|
|
|
|
|
|
animation-duration: var(--bc-Toast-fadeLeaveAnimationDuration);
|
|
|
|
|
|
animation-fill-mode: both;
|
|
|
|
|
|
animation-play-state: paused;
|
|
|
|
|
|
animation-timing-function: var(--bc-Toast-fadeLeaveTimingFunction);
|
|
|
|
|
|
}
|
|
|
|
|
|
.TST_noticeFadeLeave_5-152-0 .TST_noticeFadeLeaveActive_5-152-0 {
|
|
|
|
|
|
animation-name: TST_keyframes-rcDialogFadeOut_5-152-0;
|
|
|
|
|
|
animation-play-state: running;
|
|
|
|
|
|
}
|
|
|
|
|
|
@-webkit-keyframes TST_keyframes-rcNotificationFadeIn_5-152-0 {
|
|
|
|
|
|
0% {
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
100% {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@-webkit-keyframes TST_keyframes-rcDialogFadeOut_5-152-0 {
|
|
|
|
|
|
0% {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
100% {
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
</style><style data-jss="" data-meta="Button">
|
|
|
|
|
|
.BTN_outerWrapper_5-152-0 {
|
|
|
|
|
|
outline: none;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_outerWrapper_5-152-0:not(.BTN_textTip_5-152-0):not(.BTN_disabled_5-152-0) {
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_outerWrapper_5-152-0.BTN_ghost_5-152-0 {
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_loading_5-152-0:before {
|
|
|
|
|
|
top: -1px;
|
|
|
|
|
|
left: -1px;
|
|
|
|
|
|
right: -1px;
|
|
|
|
|
|
bottom: -1px;
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
opacity: 0.35;
|
|
|
|
|
|
z-index: 1;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
background: var(--bc-bgColor);
|
|
|
|
|
|
transition: opacity 0.2s;
|
|
|
|
|
|
border-radius: inherit;
|
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_outerWrapperBtn_5-152-0 {
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
outline: none;
|
|
|
|
|
|
overflow: visible;
|
|
|
|
|
|
font-family: inherit;
|
|
|
|
|
|
line-height: 1.15;
|
|
|
|
|
|
text-transform: none;
|
|
|
|
|
|
-webkit-appearance: button;
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_outerWrapperBtn_5-152-0 + .BTN_outerWrapperBtn_5-152-0 {
|
|
|
|
|
|
margin-left: var(--bc-Button-buttonGap);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_outerWrapperLink_5-152-0 {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
line-height: 1.15;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_outerWrapperLink_5-152-0 + .BTN_outerWrapperLink_5-152-0 {
|
|
|
|
|
|
margin-left: var(--bc-Button-buttonGap);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_large_5-152-0.BTN_outerWrapper_5-152-0 {
|
|
|
|
|
|
font-size: var(--bc-Button-fontSize-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_large_5-152-0.BTN_outerWrapperBtn_5-152-0 {
|
|
|
|
|
|
height: var(--bc-Button-height-large);
|
|
|
|
|
|
padding: var(--bc-Button-paddingBtn-large);
|
|
|
|
|
|
min-width: var(--bc-Button-minWidth-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_large_5-152-0 .BTN_iconPrefix_5-152-0 {
|
|
|
|
|
|
color: inherit;
|
|
|
|
|
|
cursor: inherit;
|
|
|
|
|
|
font-size: inherit;
|
|
|
|
|
|
margin-right: var(--bc-Button-paddingTextIcon-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_large_5-152-0 .BTN_iconSuffix_5-152-0 {
|
|
|
|
|
|
color: inherit;
|
|
|
|
|
|
cursor: inherit;
|
|
|
|
|
|
font-size: inherit;
|
|
|
|
|
|
margin-left: var(--bc-Button-paddingTextIcon-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_large_5-152-0 svg.BTN_iconPrefix_5-152-0 {
|
|
|
|
|
|
vertical-align: var(--bc-Button-iconSvgVerticalAlign);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_large_5-152-0 svg.BTN_iconSuffix_5-152-0 {
|
|
|
|
|
|
vertical-align: var(--bc-Button-iconSvgVerticalAlign);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_medium_5-152-0.BTN_outerWrapper_5-152-0 {
|
|
|
|
|
|
font-size: var(--bc-Button-fontSize-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_medium_5-152-0.BTN_outerWrapperBtn_5-152-0 {
|
|
|
|
|
|
height: var(--bc-Button-height-medium);
|
|
|
|
|
|
padding: var(--bc-Button-paddingBtn-medium);
|
|
|
|
|
|
min-width: var(--bc-Button-minWidth-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_medium_5-152-0 .BTN_iconPrefix_5-152-0 {
|
|
|
|
|
|
color: inherit;
|
|
|
|
|
|
cursor: inherit;
|
|
|
|
|
|
font-size: inherit;
|
|
|
|
|
|
margin-right: var(--bc-Button-paddingTextIcon-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_medium_5-152-0 .BTN_iconSuffix_5-152-0 {
|
|
|
|
|
|
color: inherit;
|
|
|
|
|
|
cursor: inherit;
|
|
|
|
|
|
font-size: inherit;
|
|
|
|
|
|
margin-left: var(--bc-Button-paddingTextIcon-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_medium_5-152-0 svg.BTN_iconPrefix_5-152-0 {
|
|
|
|
|
|
vertical-align: var(--bc-Button-iconSvgVerticalAlign);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_medium_5-152-0 svg.BTN_iconSuffix_5-152-0 {
|
|
|
|
|
|
vertical-align: var(--bc-Button-iconSvgVerticalAlign);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_small_5-152-0.BTN_outerWrapper_5-152-0 {
|
|
|
|
|
|
font-size: var(--bc-Button-fontSize-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_small_5-152-0.BTN_outerWrapperBtn_5-152-0 {
|
|
|
|
|
|
height: var(--bc-Button-height-small);
|
|
|
|
|
|
padding: var(--bc-Button-paddingBtn-small);
|
|
|
|
|
|
min-width: var(--bc-Button-minWidth-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_small_5-152-0 .BTN_iconPrefix_5-152-0 {
|
|
|
|
|
|
color: inherit;
|
|
|
|
|
|
cursor: inherit;
|
|
|
|
|
|
font-size: inherit;
|
|
|
|
|
|
margin-right: var(--bc-Button-paddingTextIcon-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_small_5-152-0 .BTN_iconSuffix_5-152-0 {
|
|
|
|
|
|
color: inherit;
|
|
|
|
|
|
cursor: inherit;
|
|
|
|
|
|
font-size: inherit;
|
|
|
|
|
|
margin-left: var(--bc-Button-paddingTextIcon-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_small_5-152-0 svg.BTN_iconPrefix_5-152-0 {
|
|
|
|
|
|
vertical-align: var(--bc-Button-iconSvgVerticalAlign);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_small_5-152-0 svg.BTN_iconSuffix_5-152-0 {
|
|
|
|
|
|
vertical-align: var(--bc-Button-iconSvgVerticalAlign);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_danger_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Button-danger-color);
|
|
|
|
|
|
font-weight: var(--bc-Button-danger-fontWeight);
|
|
|
|
|
|
border-color: var(--bc-Button-danger-borderColor);
|
|
|
|
|
|
border-style: var(--bc-Button-borderInfo-borderStyle);
|
|
|
|
|
|
border-width: var(--bc-Button-borderInfo-borderWidth);
|
|
|
|
|
|
border-radius: var(--bc-Button-borderInfo-borderRadius);
|
|
|
|
|
|
background-color: var(--bc-Button-danger-bgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_danger_5-152-0:hover:not(.BTN_disabled_5-152-0), .BTN_danger_5-152-0.BTN_hover_5-152-0:not(.BTN_disabled_5-152-0) {
|
|
|
|
|
|
border-color: var(--bc-Button-danger-hoverBorderColor);
|
|
|
|
|
|
background-color: var(--bc-Button-danger-hoverBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_danger_5-152-0:active:not(.BTN_disabled_5-152-0), .BTN_danger_5-152-0.BTN_active_5-152-0:not(.BTN_disabled_5-152-0) {
|
|
|
|
|
|
border-color: var(--bc-Button-danger-activeBorderColor);
|
|
|
|
|
|
background-color: var(--bc-Button-danger-activeBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_danger_5-152-0.BTN_disabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Button-danger-disabledColor);
|
|
|
|
|
|
border-color: var(--bc-Button-danger-disabledBorderColor);
|
|
|
|
|
|
background-color: var(--bc-Button-danger-disabledBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_primary_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Button-primary-color);
|
|
|
|
|
|
font-weight: var(--bc-Button-primary-fontWeight);
|
|
|
|
|
|
border-color: var(--bc-Button-primary-borderColor);
|
|
|
|
|
|
border-style: var(--bc-Button-borderInfo-borderStyle);
|
|
|
|
|
|
border-width: var(--bc-Button-borderInfo-borderWidth);
|
|
|
|
|
|
border-radius: var(--bc-Button-borderInfo-borderRadius);
|
|
|
|
|
|
background-color: var(--bc-Button-primary-bgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_primary_5-152-0:hover:not(.BTN_disabled_5-152-0), .BTN_primary_5-152-0.BTN_hover_5-152-0:not(.BTN_disabled_5-152-0) {
|
|
|
|
|
|
border-color: var(--bc-Button-primary-hoverBorderColor);
|
|
|
|
|
|
background-color: var(--bc-Button-primary-hoverBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_primary_5-152-0:active:not(.BTN_disabled_5-152-0), .BTN_primary_5-152-0.BTN_active_5-152-0:not(.BTN_disabled_5-152-0) {
|
|
|
|
|
|
border-color: var(--bc-Button-primary-activeBorderColor);
|
|
|
|
|
|
background-color: var(--bc-Button-primary-activeBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_primary_5-152-0.BTN_disabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Button-primary-disabledColor);
|
|
|
|
|
|
border-color: var(--bc-Button-primary-disabledBorderColor);
|
|
|
|
|
|
background-color: var(--bc-Button-primary-disabledBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_secondary_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Button-secondary-color);
|
|
|
|
|
|
font-weight: var(--bc-Button-secondary-fontWeight);
|
|
|
|
|
|
border-color: var(--bc-Button-secondary-borderColor);
|
|
|
|
|
|
border-style: var(--bc-Button-borderInfo-borderStyle);
|
|
|
|
|
|
border-width: var(--bc-Button-borderInfo-borderWidth);
|
|
|
|
|
|
border-radius: var(--bc-Button-borderInfo-borderRadius);
|
|
|
|
|
|
background-color: var(--bc-Button-secondary-bgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_secondary_5-152-0:hover:not(.BTN_disabled_5-152-0), .BTN_secondary_5-152-0.BTN_hover_5-152-0:not(.BTN_disabled_5-152-0) {
|
|
|
|
|
|
color: var(--bc-Button-secondary-hoverColor);
|
|
|
|
|
|
border-color: var(--bc-Button-secondary-hoverBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_secondary_5-152-0:active:not(.BTN_disabled_5-152-0), .BTN_secondary_5-152-0.BTN_active_5-152-0:not(.BTN_disabled_5-152-0) {
|
|
|
|
|
|
color: var(--bc-Button-secondary-activeColor);
|
|
|
|
|
|
border-color: var(--bc-Button-secondary-activeBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_secondary_5-152-0.BTN_disabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Button-secondary-disabledColor);
|
|
|
|
|
|
border-color: var(--bc-Button-secondary-disabledBorderColor);
|
|
|
|
|
|
background-color: var(--bc-Button-secondary-disabledBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_gray_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Button-gray-color);
|
|
|
|
|
|
border-color: var(--bc-Button-gray-borderColor);
|
|
|
|
|
|
border-style: var(--bc-Button-borderInfo-borderStyle);
|
|
|
|
|
|
border-width: var(--bc-Button-borderInfo-borderWidth);
|
|
|
|
|
|
border-radius: var(--bc-Button-borderInfo-borderRadius);
|
|
|
|
|
|
background-color: var(--bc-Button-gray-bgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_gray_5-152-0:hover:not(.BTN_disabled_5-152-0), .BTN_gray_5-152-0.BTN_hover_5-152-0:not(.BTN_disabled_5-152-0) {
|
|
|
|
|
|
color: var(--bc-Button-gray-hoverColor);
|
|
|
|
|
|
border-color: var(--bc-Button-gray-hoverBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_gray_5-152-0:active:not(.BTN_disabled_5-152-0), .BTN_gray_5-152-0.BTN_active_5-152-0:not(.BTN_disabled_5-152-0) {
|
|
|
|
|
|
color: var(--bc-Button-gray-activeColor);
|
|
|
|
|
|
border-color: var(--bc-Button-gray-activeBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_gray_5-152-0.BTN_disabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Button-gray-disabledColor);
|
|
|
|
|
|
border-color: var(--bc-Button-gray-disabledBorderColor);
|
|
|
|
|
|
background-color: var(--bc-Button-gray-disabledBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_textPrimary_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Button-textPrimary-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_textPrimary_5-152-0:hover:not(.BTN_disabled_5-152-0), .BTN_textPrimary_5-152-0.BTN_hover_5-152-0:not(.BTN_disabled_5-152-0) {
|
|
|
|
|
|
color: var(--bc-Button-textPrimary-hoverColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_textPrimary_5-152-0:active:not(.BTN_disabled_5-152-0), .BTN_textPrimary_5-152-0.BTN_active_5-152-0:not(.BTN_disabled_5-152-0) {
|
|
|
|
|
|
color: var(--bc-Button-textPrimary-activeColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_textPrimary_5-152-0.BTN_disabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Button-textPrimary-disabledColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_textTip_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Button-textTip-color);
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
padding-bottom: var(--bc-Button-textTip-paddingBottom);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_textTip_5-152-0:hover:not(.BTN_disabled_5-152-0), .BTN_textTip_5-152-0.BTN_hover_5-152-0:not(.BTN_disabled_5-152-0) {
|
|
|
|
|
|
color: var(--bc-Button-textTip-hoverColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_textTip_5-152-0:active:not(.BTN_disabled_5-152-0), .BTN_textTip_5-152-0.BTN_active_5-152-0:not(.BTN_disabled_5-152-0) {
|
|
|
|
|
|
color: var(--bc-Button-textTip-activeColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_textTip_5-152-0.BTN_disabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Button-textTip-disabledColor);
|
|
|
|
|
|
border-color: var(--bc-Button-textTip-disabledBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_textTip_5-152-0:before {
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
padding-left: 0.5px;
|
|
|
|
|
|
border-bottom: var(--bc-Button-dottedLineBorder);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_text_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Button-text-color);
|
|
|
|
|
|
border-color: var(--bc-Button-text-borderColor);
|
|
|
|
|
|
border-style: var(--bc-Button-text-borderStyle);
|
|
|
|
|
|
border-width: var(--bc-Button-text-borderWidth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_text_5-152-0:hover:not(.BTN_disabled_5-152-0), .BTN_text_5-152-0.BTN_hover_5-152-0:not(.BTN_disabled_5-152-0) {
|
|
|
|
|
|
color: var(--bc-Button-text-hoverColor);
|
|
|
|
|
|
border-color: var(--bc-Button-text-hoverBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_text_5-152-0:active:not(.BTN_disabled_5-152-0), .BTN_text_5-152-0.BTN_active_5-152-0:not(.BTN_disabled_5-152-0) {
|
|
|
|
|
|
color: var(--bc-Button-text-activeColor);
|
|
|
|
|
|
border-color: var(--bc-Button-text-activeBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_text_5-152-0.BTN_disabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Button-text-disabledColor);
|
|
|
|
|
|
border-color: var(--bc-Button-text-disabledBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_grayDanger_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Button-grayDanger-color);
|
|
|
|
|
|
border-color: var(--bc-Button-grayDanger-borderColor);
|
|
|
|
|
|
border-style: var(--bc-Button-borderInfo-borderStyle);
|
|
|
|
|
|
border-width: var(--bc-Button-borderInfo-borderWidth);
|
|
|
|
|
|
border-radius: var(--bc-Button-borderInfo-borderRadius);
|
|
|
|
|
|
background-color: var(--bc-Button-grayDanger-bgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_grayDanger_5-152-0:hover:not(.BTN_disabled_5-152-0), .BTN_grayDanger_5-152-0.BTN_hover_5-152-0:not(.BTN_disabled_5-152-0) {
|
|
|
|
|
|
color: var(--bc-Button-grayDanger-hoverColor);
|
|
|
|
|
|
border-color: var(--bc-Button-grayDanger-hoverBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_grayDanger_5-152-0:active:not(.BTN_disabled_5-152-0), .BTN_grayDanger_5-152-0.BTN_active_5-152-0:not(.BTN_disabled_5-152-0) {
|
|
|
|
|
|
color: var(--bc-Button-grayDanger-activeColor);
|
|
|
|
|
|
border-color: var(--bc-Button-grayDanger-activeBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_grayDanger_5-152-0.BTN_disabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Button-grayDanger-disabledColor);
|
|
|
|
|
|
border-color: var(--bc-Button-grayDanger-disabledBorderColor);
|
|
|
|
|
|
background-color: var(--bc-Button-grayDanger-disabledBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_secondaryDanger_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Button-secondaryDanger-color);
|
|
|
|
|
|
border-color: var(--bc-Button-secondaryDanger-borderColor);
|
|
|
|
|
|
border-style: var(--bc-Button-borderInfo-borderStyle);
|
|
|
|
|
|
border-width: var(--bc-Button-borderInfo-borderWidth);
|
|
|
|
|
|
border-radius: var(--bc-Button-borderInfo-borderRadius);
|
|
|
|
|
|
background-color: var(--bc-Button-secondaryDanger-bgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_secondaryDanger_5-152-0:hover:not(.BTN_disabled_5-152-0), .BTN_secondaryDanger_5-152-0.BTN_hover_5-152-0:not(.BTN_disabled_5-152-0) {
|
|
|
|
|
|
color: var(--bc-Button-secondaryDanger-hoverColor);
|
|
|
|
|
|
border-color: var(--bc-Button-secondaryDanger-hoverBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_secondaryDanger_5-152-0:active:not(.BTN_disabled_5-152-0), .BTN_secondaryDanger_5-152-0.BTN_active_5-152-0:not(.BTN_disabled_5-152-0) {
|
|
|
|
|
|
color: var(--bc-Button-secondaryDanger-activeColor);
|
|
|
|
|
|
border-color: var(--bc-Button-secondaryDanger-activeBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_secondaryDanger_5-152-0.BTN_disabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Button-secondaryDanger-disabledColor);
|
|
|
|
|
|
border-color: var(--bc-Button-secondaryDanger-disabledBorderColor);
|
|
|
|
|
|
background-color: var(--bc-Button-secondaryDanger-disabledBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.BTN_disabled_5-152-0 {
|
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style><style data-jss="" data-meta="wave">
|
|
|
|
|
|
@-webkit-keyframes wave_keyframes-waveEffect_5-152-0 {
|
|
|
|
|
|
100% {
|
|
|
|
|
|
box-shadow: 0 0 0 6px var(--bc-themeColor8);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@-webkit-keyframes wave_keyframes-waveEffectDanger_5-152-0 {
|
|
|
|
|
|
100% {
|
|
|
|
|
|
box-shadow: 0 0 0 6px var(--bc-dangerColor-activeColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@-webkit-keyframes wave_keyframes-fadeEffect_5-152-0 {
|
|
|
|
|
|
100% {
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.wave_animatingAfter_5-152-0:after {
|
|
|
|
|
|
top: -1px;
|
|
|
|
|
|
left: -1px;
|
|
|
|
|
|
right: -1px;
|
|
|
|
|
|
border: 0 solid transparent;
|
|
|
|
|
|
bottom: -1px;
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
display: var(--bc-animationDisplay);
|
|
|
|
|
|
opacity: 0.1;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
animation: wave_keyframes-fadeEffect_5-152-0 2s cubic-bezier(0.08, 0.82, 0.17, 1), wave_keyframes-waveEffect_5-152-0 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
|
|
|
|
|
|
border-radius: inherit;
|
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
|
animation-fill-mode: forwards;
|
|
|
|
|
|
}
|
|
|
|
|
|
.wave_animatingAfter_5-152-0.wave_danger_5-152-0:after {
|
|
|
|
|
|
animation: wave_keyframes-fadeEffect_5-152-0 2s cubic-bezier(0.08, 0.82, 0.17, 1), wave_keyframes-waveEffectDanger_5-152-0 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
|
|
|
|
|
|
}
|
|
|
|
|
|
</style><style data-jss="" data-meta="Menu">
|
|
|
|
|
|
.MEN_dark_5-152-0.MEN_menu_5-152-0 {
|
|
|
|
|
|
color: rgba(255, 255, 255, 0.6);
|
|
|
|
|
|
background: #001529;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_dark_5-152-0 .MEN_menuItem_5-152-0 {
|
|
|
|
|
|
color: rgba(255, 255, 255, 0.6);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_dark_5-152-0 .MEN_menuItemSelected_5-152-0 {
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
background: var(--bc-themeColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_dark_5-152-0 .MEN_subMenuPopup_5-152-0 {
|
|
|
|
|
|
background: #001529;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_dark_5-152-0 .MEN_menuItemSelected_5-152-0 a {
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_dark_5-152-0 .MEN_menuItem_5-152-0:hover {
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_dark_5-152-0 .MEN_menuItem_5-152-0 a:hover {
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_dark_5-152-0.MEN_menu_5-152-0 .MEN_subMenuSelected_5-152-0 {
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_dark_5-152-0.MEN_menu_5-152-0 .MEN_subMenuSideBySide_5-152-0 {
|
|
|
|
|
|
background: #000C17;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_dark_5-152-0.MEN_menu_5-152-0 .MEN_subMenuArrow_5-152-0::before {
|
|
|
|
|
|
background: rgba(255, 255, 255, 0.6);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_dark_5-152-0.MEN_menu_5-152-0 .MEN_subMenuArrow_5-152-0::after {
|
|
|
|
|
|
background: rgba(255, 255, 255, 0.6);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_dark_5-152-0.MEN_menu_5-152-0 .MEN_subMenuSelected_5-152-0 .MEN_subMenuArrow_5-152-0::before {
|
|
|
|
|
|
background: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_dark_5-152-0.MEN_menu_5-152-0 .MEN_subMenuSelected_5-152-0 .MEN_subMenuArrow_5-152-0::after {
|
|
|
|
|
|
background: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_dark_5-152-0.MEN_menu_5-152-0 .MEN_subMenuTitle_5-152-0:hover {
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_dark_5-152-0.MEN_menu_5-152-0 .MEN_subMenuTitle_5-152-0:hover .MEN_subMenuArrow_5-152-0::before {
|
|
|
|
|
|
background: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_dark_5-152-0.MEN_menu_5-152-0 .MEN_subMenuTitle_5-152-0:hover .MEN_subMenuArrow_5-152-0::after {
|
|
|
|
|
|
background: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menu_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Menu-menuColor);
|
|
|
|
|
|
margin: var(--bc-Menu-menuMargin);
|
|
|
|
|
|
padding: var(--bc-Menu-menuPadding);
|
|
|
|
|
|
background: var(--bc-Menu-menuBackground);
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
list-style: none;
|
|
|
|
|
|
transition: var(--bc-Menu-menuTransition);
|
|
|
|
|
|
user-select: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menu_5-152-0 .MEN_subMenu_5-152-0 {
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
line-height: var(--bc-Menu-subMenuLineHeight);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menu_5-152-0 .MEN_subMenuTitle_5-152-0 {
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
padding: var(--bc-Menu-subMenuTitlePadding);
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
font-size: var(--bc-Menu-subMenuTitleFontSize);
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menu_5-152-0 .MEN_subMenuArrow_5-152-0 {
|
|
|
|
|
|
top: var(--bc-Menu-subMenuArrowTop);
|
|
|
|
|
|
right: var(--bc-Menu-subMenuArrowRight);
|
|
|
|
|
|
width: var(--bc-Menu-subMenuArrowWidth);
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menu_5-152-0 .MEN_subMenuSelected_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Menu-menuColorSelected);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menu_5-152-0 .MEN_subMenuSideBySide_5-152-0 {
|
|
|
|
|
|
background: var(--bc-Menu-subMenuSideBySideBgColor);
|
|
|
|
|
|
line-height: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menu_5-152-0 .MEN_subMenuSideBySide_5-152-0 .MEN_menuItemSelected_5-152-0 {
|
|
|
|
|
|
background: initial;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menu_5-152-0 .MEN_subMenuSideBySide_5-152-0 .MEN_menuItem_5-152-0 {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
padding: var(--bc-Menu-subMenuMenuItemPadding);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menu_5-152-0 .MEN_subMenuSideBySide_5-152-0 .MEN_menuItemSelected_5-152-0::after {
|
|
|
|
|
|
background: initial;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menu_5-152-0 .MEN_subMenuSelected_5-152-0 .MEN_subMenuArrow_5-152-0::before {
|
|
|
|
|
|
background: var(--bc-Menu-menuColorSelected);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menu_5-152-0 .MEN_subMenuSelected_5-152-0 .MEN_subMenuArrow_5-152-0::after {
|
|
|
|
|
|
background: var(--bc-Menu-menuColorSelected);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menu_5-152-0 .MEN_subMenuArrow_5-152-0::before {
|
|
|
|
|
|
width: var(--bc-Menu-afterWidth);
|
|
|
|
|
|
height: var(--bc-Menu-afterHeight);
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
transform: var(--bc-Menu-beforeTransform);
|
|
|
|
|
|
background: var(--bc-Menu-arrowBackground);
|
|
|
|
|
|
transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
|
|
|
|
|
|
transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
|
|
|
|
|
|
top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
|
|
|
|
|
|
-webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menu_5-152-0 .MEN_subMenuArrow_5-152-0::after {
|
|
|
|
|
|
width: var(--bc-Menu-afterWidth);
|
|
|
|
|
|
height: var(--bc-Menu-afterHeight);
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
transform: var(--bc-Menu-afterTransform);
|
|
|
|
|
|
background: var(--bc-Menu-arrowBackground);
|
|
|
|
|
|
transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
|
|
|
|
|
|
transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
|
|
|
|
|
|
top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
|
|
|
|
|
|
-webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menu_5-152-0 .MEN_subMenuTitle_5-152-0:hover {
|
|
|
|
|
|
color: var(--bc-Menu-menuColorHover);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menu_5-152-0 .MEN_subMenuTitle_5-152-0 i, .MEN_menu_5-152-0 .MEN_subMenuTitle_5-152-0 svg {
|
|
|
|
|
|
margin-right: var(--bc-Menu-iMarginRight);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menu_5-152-0 .MEN_subMenuTitle_5-152-0:hover .MEN_subMenuArrow_5-152-0::before {
|
|
|
|
|
|
background: var(--bc-Menu-menuColorHover);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menu_5-152-0 .MEN_subMenuTitle_5-152-0:hover .MEN_subMenuArrow_5-152-0::after {
|
|
|
|
|
|
background: var(--bc-Menu-menuColorHover);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menu_5-152-0 .MEN_subMenuArrowOpen_5-152-0::before {
|
|
|
|
|
|
transform: var(--bc-Menu-subMenuArrowOpenBeforeTransform);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menu_5-152-0 .MEN_subMenuArrowOpen_5-152-0::after {
|
|
|
|
|
|
transform: var(--bc-Menu-subMenuArrowOpenAfterTransform);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menuItem_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Menu-menuColor);
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
height: var(--bc-Menu-menuItemHeight);
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
padding: var(--bc-Menu-menuItemPadding);
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
line-height: var(--bc-Menu-menuItemLineHeight);
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menuItem_5-152-0:hover {
|
|
|
|
|
|
color: var(--bc-Menu-menuColorHover);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menuItem_5-152-0 i, .MEN_menuItem_5-152-0 svg {
|
|
|
|
|
|
margin-right: var(--bc-Menu-iMarginRight);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menuItem_5-152-0 a {
|
|
|
|
|
|
color: var(--bc-Menu-menuColor);
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menuItem_5-152-0 a:hover {
|
|
|
|
|
|
color: var(--bc-Menu-menuColorHover);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menuItem_5-152-0 a::before {
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menuItemSelected_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Menu-menuColorSelected);
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
background: var(--bc-Menu-menuBackgroundSelected);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menuItemSelected_5-152-0 a {
|
|
|
|
|
|
color: var(--bc-Menu-menuColorSelected);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_inlineMenu_5-152-0 {
|
|
|
|
|
|
width: var(--bc-Menu-menuInlineWidth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_inlineMenu_5-152-0 .MEN_subMenuArrow_5-152-0::before {
|
|
|
|
|
|
transform: var(--bc-Menu-subMenuArrowBeforeTransform);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_inlineMenu_5-152-0 .MEN_subMenuArrow_5-152-0::after {
|
|
|
|
|
|
transform: var(--bc-Menu-subMenuArrowAfterTransform);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_inlineMenu_5-152-0 .MEN_menuItemSelected_5-152-0::after {
|
|
|
|
|
|
top: var(--bc-Menu-afterTop);
|
|
|
|
|
|
right: var(--bc-Menu-afterRight);
|
|
|
|
|
|
width: var(--bc-Menu-menuItemSelectedAfterWidth);
|
|
|
|
|
|
bottom: var(--bc-Menu-afterBottom);
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
background: var(--bc-Menu-menuInlineSelectedBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_inlineMenu_5-152-0 .MEN_subMenuArrowOpen_5-152-0::before {
|
|
|
|
|
|
transform: var(--bc-Menu-menuInlineSubMenuArrowOpenBeforeTransform);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_inlineMenu_5-152-0 .MEN_subMenuArrowOpen_5-152-0::after {
|
|
|
|
|
|
transform: var(--bc-Menu-menuInlineSubMenuArrowOpenAfterTransform);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menuInlineCollapsed_5-152-0 {
|
|
|
|
|
|
width: var(--bc-Menu-menuInlineCollapsedWidth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menuInlineCollapsed_5-152-0 .MEN_menuItem_5-152-0 {
|
|
|
|
|
|
padding: var(--bc-Menu-menuInlineCollapsedMenuItemPadding) !important;
|
|
|
|
|
|
text-overflow: unset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menuInlineCollapsed_5-152-0 .MEN_menuItemTitle_5-152-0 {
|
|
|
|
|
|
opacity: var(--bc-Menu-titleOpacity);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menuInlineCollapsed_5-152-0 .MEN_subMenuTitle_5-152-0 {
|
|
|
|
|
|
padding: var(--bc-Menu-inlineSubMenuTitlePadding) !important;
|
|
|
|
|
|
text-overflow: unset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menuInlineCollapsed_5-152-0 .MEN_subMenuTitleField_5-152-0 {
|
|
|
|
|
|
opacity: var(--bc-Menu-subMenuTitleFieldOpacity);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menuInlineCollapsed_5-152-0 i + span {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
max-width: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menuInlineCollapsed_5-152-0 .MEN_subMenuTitle_5-152-0 .MEN_subMenuArrow_5-152-0 {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menuInlineCollapsed_5-152-0 .MEN_menuItem_5-152-0 i, .MEN_menuInlineCollapsed_5-152-0 .MEN_menuItem_5-152-0 svg {
|
|
|
|
|
|
margin-right: 100vw;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_verticalMenu_5-152-0 .MEN_subMenuArrow_5-152-0::before {
|
|
|
|
|
|
transform: var(--bc-Menu-verticalMenuBeforeTransform);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_verticalMenu_5-152-0 .MEN_subMenuArrow_5-152-0::after {
|
|
|
|
|
|
transform: var(--bc-Menu-verticalMenuAfterTransform);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_subMenuPopup_5-152-0 {
|
|
|
|
|
|
z-index: var(--bc-Menu-subMenuPopupZIndex);
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
min-width: var(--bc-Menu-subMenuPopupMinWidth);
|
|
|
|
|
|
background: var(--bc-Menu-menuBackground);
|
|
|
|
|
|
box-shadow: var(--bc-Menu-subMenuPopupBoxShadow);
|
|
|
|
|
|
border-radius: var(--bc-Menu-subMenuPopupBorderRadius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_subMenuPopup_5-152-0 .MEN_menu_5-152-0 {
|
|
|
|
|
|
border-radius: var(--bc-Menu-subMenuPopupBorderRadius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menuTooltipDark_5-152-0.MEN_cssLevel1_5-152-0.MEN_cssLevel2_5-152-0 {
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
padding: 8px;
|
|
|
|
|
|
background: #001529;
|
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_menuTooltipDark_5-152-0.MEN_cssLevel1_5-152-0.MEN_cssLevel2_5-152-0 div:last-child {
|
|
|
|
|
|
left: -3px;
|
|
|
|
|
|
background: #001529;
|
|
|
|
|
|
box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.04);
|
|
|
|
|
|
border-color: rgba(0,0,0,0.4);
|
|
|
|
|
|
border-width: 3px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_collapseTransition_5-152-0 {
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
transition: var(--bc-Menu-collapseTransitionTransition);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_firstMenu_5-152-0 {
|
|
|
|
|
|
font-size: var(--bc-Menu-firstMenuFontSize);
|
|
|
|
|
|
}
|
|
|
|
|
|
.MEN_otherMenu_5-152-0 {
|
|
|
|
|
|
font-size: var(--bc-Menu-otherMenuFontSize);
|
|
|
|
|
|
}
|
|
|
|
|
|
</style><style data-jss="" data-meta="Progress">
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 {
|
|
|
|
|
|
width: var(--bc-Progress-outWrapperWidth);
|
|
|
|
|
|
word-break: initial;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0.PRG_circleType_5-152-0 {
|
|
|
|
|
|
width: auto;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 .PRG_withPercent_5-152-0 {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 .PRG_percent_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Progress-normal-lineColor);
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
font-size: var(--bc-fontSize-medium);
|
|
|
|
|
|
min-width: var(--bc-Progress-percentWidth);
|
|
|
|
|
|
margin-left: var(--bc-Progress-percentMarginLeft);
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 .PRG_progressCircle_5-152-0 {
|
|
|
|
|
|
width: var(--bc-Progress-circleWidth);
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 .PRG_step_5-152-0 {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 .PRG_progressCircle_5-152-0 .PRG_progressText_5-152-0 {
|
|
|
|
|
|
top: var(--bc-Progress-progressTextTop);
|
|
|
|
|
|
left: var(--bc-Progress-progressTextLeft);
|
|
|
|
|
|
color: var(--bc-Progress-normal-circleColor);
|
|
|
|
|
|
width: var(--bc-Progress-progressTextWidth);
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
font-size: var(--bc-fontSize-large);
|
|
|
|
|
|
transform: var(--bc-Progress-progressTextTransform);
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
line-height: var(--bc-fontSize-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 .PRG_progressCircle_5-152-0 .PRG_defaultPath_5-152-0 {
|
|
|
|
|
|
stroke: var(--bc-Progress-track-bgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 .PRG_progressCircle_5-152-0 .PRG_currentPath_5-152-0 {
|
|
|
|
|
|
stroke: var(--bc-Progress-normal-bgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 .PRG_progressCircle_5-152-0 .PRG_currentPath_5-152-0.PRG_progressSuccess_5-152-0 {
|
|
|
|
|
|
stroke: var(--bc-Progress-success-bgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 .PRG_progressCircle_5-152-0 .PRG_currentPath_5-152-0.PRG_progressException_5-152-0 {
|
|
|
|
|
|
stroke: var(--bc-Progress-exception-bgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 .PRG_progressCircle_5-152-0 .PRG_progressText_5-152-0.PRG_progressSuccess_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Progress-success-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 .PRG_progressCircle_5-152-0 .PRG_progressText_5-152-0.PRG_progressException_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Progress-exception-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 .PRG_percent_5-152-0.PRG_progressSuccess_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Progress-success-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 .PRG_percent_5-152-0.PRG_progressException_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Progress-exception-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 .PRG_percent_5-152-0.PRG_upper_5-152-0 {
|
|
|
|
|
|
margin: 0 0 6px 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 .PRG_percent_5-152-0.PRG_lower_5-152-0 {
|
|
|
|
|
|
margin: 6px 0 0 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 .PRG_percent_5-152-0.PRG_lastText_5-152-0 {
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 .PRG_percent_5-152-0.PRG_disabledText_5-152-0 {
|
|
|
|
|
|
color: var(--bc-disabledTextColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 .PRG_percent_5-152-0 .PRG_textIconSize_5-152-0 {
|
|
|
|
|
|
font-size: var(--bc-fontSize-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 .PRG_percent_5-152-0.PRG_disabledText_5-152-0.PRG_progressSuccess_5-152-0 {
|
|
|
|
|
|
color: var(--bc-disabledTextColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 .PRG_percent_5-152-0.PRG_disabledText_5-152-0.PRG_progressException_5-152-0 {
|
|
|
|
|
|
color: var(--bc-disabledTextColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 .PRG_lineProgress_5-152-0 .PRG_bg_5-152-0 {
|
|
|
|
|
|
width: var(--bc-Progress-bgWidth);
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
background-color: var(--bc-Progress-track-bgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 .PRG_lineProgress_5-152-0 .PRG_bg_5-152-0 .PRG_inner_5-152-0 {
|
|
|
|
|
|
background-color: var(--bc-Progress-normal-bgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 .PRG_lineProgress_5-152-0 .PRG_bg_5-152-0 .PRG_inner_5-152-0.PRG_progressSuccess_5-152-0 {
|
|
|
|
|
|
background-color: var(--bc-Progress-success-bgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 .PRG_lineProgress_5-152-0 .PRG_bg_5-152-0 .PRG_inner_5-152-0.PRG_progressException_5-152-0 {
|
|
|
|
|
|
background-color: var(--bc-Progress-exception-bgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 .PRG_lineProgress_5-152-0.PRG_disabled_5-152-0 .PRG_bg_5-152-0 {
|
|
|
|
|
|
background-color: var(--bc-Progress-track-disabledBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 .PRG_lineProgress_5-152-0.PRG_disabled_5-152-0 .PRG_bg_5-152-0 .PRG_inner_5-152-0 {
|
|
|
|
|
|
background-color: var(--bc-Progress-track-disabledBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 .PRG_lineProgress_5-152-0.PRG_disabled_5-152-0 .PRG_bg_5-152-0 .PRG_inner_5-152-0.PRG_progressSuccess_5-152-0 {
|
|
|
|
|
|
background-color: var(--bc-Progress-track-disabledBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 .PRG_lineProgress_5-152-0.PRG_disabled_5-152-0 .PRG_bg_5-152-0 .PRG_inner_5-152-0.PRG_progressException_5-152-0 {
|
|
|
|
|
|
background-color: var(--bc-Progress-track-disabledBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.PRG_outWrapper_5-152-0 .PRG_withPercent_5-152-0 .PRG_lineProgress_5-152-0 {
|
|
|
|
|
|
flex: var(--bc-Progress-lineProgressFlex);
|
|
|
|
|
|
margin: var(--bc-Progress-lineProgressMargin);
|
|
|
|
|
|
}
|
|
|
|
|
|
</style><style data-jss="" data-meta="RadioGroup">
|
|
|
|
|
|
.RDG_OrOuterWrapper_5-152-0.RDG_column_5-152-0 {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_OrOuterWrapper_5-152-0.RDG_columnTabCollapse_5-152-0 {
|
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
|
border-right-width: 1px;
|
|
|
|
|
|
border-bottom-width: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_OrOuterWrapper_5-152-0.RDG_rowTabCollapse_5-152-0 {
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
|
border-right-width: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_OrOuterWrapper_5-152-0.RDG_columnButtonCollapse_5-152-0 {
|
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
|
border-bottom-width: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_OrOuterWrapper_5-152-0.RDG_columnButtonCollapse_5-152-0:last-child {
|
|
|
|
|
|
border-bottom-width: 1px;
|
|
|
|
|
|
border-bottom-left-radius: var(--bc-borderRadius);
|
|
|
|
|
|
border-bottom-right-radius: var(--bc-borderRadius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_OrOuterWrapper_5-152-0.RDG_columnButtonCollapse_5-152-0:first-child {
|
|
|
|
|
|
border-top-left-radius: var(--bc-borderRadius);
|
|
|
|
|
|
border-top-right-radius: var(--bc-borderRadius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_OrOuterWrapper_5-152-0.RDG_columnButtonCollapse_5-152-0:hover {
|
|
|
|
|
|
z-index: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_OrOuterWrapper_5-152-0.RDG_columnButtonCollapse_5-152-0.RDG_active_5-152-0 {
|
|
|
|
|
|
z-index: 2;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_OrOuterWrapper_5-152-0.RDG_columnButtonCollapse_5-152-0.RDG_active_5-152-0:not(.RDG_disabled_5-152-0):after {
|
|
|
|
|
|
background: var(--bc-Radio-tabGhostMode-activeBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_OrOuterWrapper_5-152-0.RDG_columnButtonCollapse_5-152-0:hover:not(.RDG_active_5-152-0):not(.RDG_disabled_5-152-0):after {
|
|
|
|
|
|
background: var(--bc-Radio-radioButtonMode-hoverBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_OrOuterWrapper_5-152-0.RDG_columnButtonCollapse_5-152-0:hover:not(:last-child):after, .RDG_OrOuterWrapper_5-152-0.RDG_columnButtonCollapse_5-152-0.RDG_active_5-152-0:not(:last-child):after {
|
|
|
|
|
|
left: -1px;
|
|
|
|
|
|
right: -1px;
|
|
|
|
|
|
bottom: -1px;
|
|
|
|
|
|
height: 1px;
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
z-index: 2;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_OrOuterWrapper_5-152-0.RDG_rowTabCollapse_5-152-0:last-child {
|
|
|
|
|
|
border-right-width: 1px;
|
|
|
|
|
|
border-top-right-radius: var(--bc-borderRadius);
|
|
|
|
|
|
border-bottom-right-radius: var(--bc-borderRadius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_OrOuterWrapper_5-152-0.RDG_rowTabCollapse_5-152-0:first-child {
|
|
|
|
|
|
border-top-left-radius: var(--bc-borderRadius);
|
|
|
|
|
|
border-bottom-left-radius: var(--bc-borderRadius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_OrOuterWrapper_5-152-0.RDG_rowTabCollapse_5-152-0.RDG_active_5-152-0:not(:last-child) {
|
|
|
|
|
|
z-index: 2;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_OrOuterWrapper_5-152-0.RDG_rowTabCollapse_5-152-0.RDG_active_5-152-0:not(.RDG_disabled_5-152-0):after {
|
|
|
|
|
|
background: var(--bc-Radio-tabGhostMode-activeBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_OrOuterWrapper_5-152-0.RDG_rowTabCollapse_5-152-0.RDG_active_5-152-0:not(:last-child):after {
|
|
|
|
|
|
top: -1px;
|
|
|
|
|
|
right: -1px;
|
|
|
|
|
|
width: 1px;
|
|
|
|
|
|
bottom: -1px;
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
z-index: 2;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_OrOuterWrapper_5-152-0.RDG_columnTabCollapse_5-152-0:last-child {
|
|
|
|
|
|
border-bottom-width: 1px;
|
|
|
|
|
|
border-bottom-left-radius: var(--bc-borderRadius);
|
|
|
|
|
|
border-bottom-right-radius: var(--bc-borderRadius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_OrOuterWrapper_5-152-0.RDG_columnTabCollapse_5-152-0:first-child {
|
|
|
|
|
|
border-top-left-radius: var(--bc-borderRadius);
|
|
|
|
|
|
border-top-right-radius: var(--bc-borderRadius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_OrOuterWrapper_5-152-0.RDG_columnTabCollapse_5-152-0.RDG_active_5-152-0.RDG_disabled_5-152-0 + .RDG_columnTabCollapse_5-152-0:not(.RDG_active_5-152-0) {
|
|
|
|
|
|
border-top-color: var(--bc-Radio-tabGhostMode-activeDisabledBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_OrOuterWrapper_5-152-0.RDG_columnTabCollapse_5-152-0.RDG_active_5-152-0.RDG_disabled_5-152-0 + .RDG_columnTabCollapse_5-152-0.RDG_disabled_5-152-0:hover {
|
|
|
|
|
|
border-top-color: var(--bc-Radio-tabGhostMode-activeDisabledBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_OrOuterWrapper_5-152-0.RDG_columnTabCollapse_5-152-0.RDG_active_5-152-0:not(.RDG_disabled_5-152-0) + .RDG_columnTabCollapse_5-152-0 {
|
|
|
|
|
|
border-top-color: var(--bc-Radio-tabGhostMode-activeBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_OrOuterWrapper_5-152-0.RDG_columnTabCollapse_5-152-0.RDG_active_5-152-0:not(.RDG_disabled_5-152-0) + .RDG_columnTabCollapse_5-152-0.RDG_disabled_5-152-0:hover {
|
|
|
|
|
|
border-top-color: var(--bc-Radio-tabGhostMode-activeBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_small_5-152-0.RDG_OrOuterWrapper_5-152-0.RDG_small_5-152-0.RDG_column_5-152-0 {
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_small_5-152-0.RDG_buttonShape_5-152-0.RDG_small_5-152-0.RDG_column_5-152-0 {
|
|
|
|
|
|
padding: var(--bc-Radio-columnButtonPadding-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_small_5-152-0.RDG_radio_5-152-0.RDG_columnSeparate_5-152-0 {
|
|
|
|
|
|
margin-top: var(--bc-Radio-columnRadioGap-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_small_5-152-0.RDG_columnSeparate_5-152-0 {
|
|
|
|
|
|
margin-top: var(--bc-Radio-columnButtonRadioGap-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_small_5-152-0.RDG_column_5-152-0 .RDG_circleWrapper_5-152-0 {
|
|
|
|
|
|
margin-right: var(--bc-Radio-columnCircleTextGap-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_small_5-152-0.RDG_columnSeparate_5-152-0:first-child {
|
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_small_5-152-0.RDG_radio_5-152-0.RDG_columnSeparate_5-152-0:first-child {
|
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_medium_5-152-0.RDG_OrOuterWrapper_5-152-0.RDG_medium_5-152-0.RDG_column_5-152-0 {
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_medium_5-152-0.RDG_buttonShape_5-152-0.RDG_medium_5-152-0.RDG_column_5-152-0 {
|
|
|
|
|
|
padding: var(--bc-Radio-columnButtonPadding-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_medium_5-152-0.RDG_radio_5-152-0.RDG_columnSeparate_5-152-0 {
|
|
|
|
|
|
margin-top: var(--bc-Radio-columnRadioGap-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_medium_5-152-0.RDG_columnSeparate_5-152-0 {
|
|
|
|
|
|
margin-top: var(--bc-Radio-columnButtonRadioGap-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_medium_5-152-0.RDG_column_5-152-0 .RDG_circleWrapper_5-152-0 {
|
|
|
|
|
|
margin-right: var(--bc-Radio-columnCircleTextGap-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_medium_5-152-0.RDG_columnSeparate_5-152-0:first-child {
|
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_medium_5-152-0.RDG_radio_5-152-0.RDG_columnSeparate_5-152-0:first-child {
|
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_large_5-152-0.RDG_OrOuterWrapper_5-152-0.RDG_large_5-152-0.RDG_column_5-152-0 {
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_large_5-152-0.RDG_buttonShape_5-152-0.RDG_large_5-152-0.RDG_column_5-152-0 {
|
|
|
|
|
|
padding: var(--bc-Radio-columnButtonPadding-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_large_5-152-0.RDG_radio_5-152-0.RDG_columnSeparate_5-152-0 {
|
|
|
|
|
|
margin-top: var(--bc-Radio-columnRadioGap-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_large_5-152-0.RDG_columnSeparate_5-152-0 {
|
|
|
|
|
|
margin-top: var(--bc-Radio-columnButtonRadioGap-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_large_5-152-0.RDG_column_5-152-0 .RDG_circleWrapper_5-152-0 {
|
|
|
|
|
|
margin-right: var(--bc-Radio-columnCircleTextGap-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_large_5-152-0.RDG_columnSeparate_5-152-0:first-child {
|
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_large_5-152-0.RDG_radio_5-152-0.RDG_columnSeparate_5-152-0:first-child {
|
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_outerWrapper_5-152-0 {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RDG_outerWrapper_5-152-0.RDG_column_5-152-0 {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style><style data-jss="" data-meta="Radio">
|
|
|
|
|
|
.RD_outerWrapper_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Radio-textColors-color);
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_outerWrapper_5-152-0.RD_isHover_5-152-0:not(.RD_active_5-152-0):not(.RD_disabled_5-152-0) .RD_circleOuter_5-152-0, .RD_outerWrapper_5-152-0:not(.RD_active_5-152-0):not(.RD_disabled_5-152-0):hover .RD_circleOuter_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Radio-circleColors-hoverColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_outerWrapper_5-152-0:not(.RD_active_5-152-0):not(.RD_disabled_5-152-0):hover .RD_hookIcon_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Radio-hookColors-hoverColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_outerWrapper_5-152-0.RD_disabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Radio-groupDisabled-disabledColor);
|
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_outerWrapper_5-152-0 * {
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_outerWrapper_5-152-0 .RD_radioCircle_5-152-0 {
|
|
|
|
|
|
font-size: inherit;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_hookIcon_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Radio-hookIconColor-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_hookIcon_5-152-0.RD_disabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Radio-hookIconColor-disabledColor);
|
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_hookIcon_5-152-0.RD_active_5-152-0:not(.RD_disabled_5-152-0) {
|
|
|
|
|
|
color: var(--bc-Radio-hookIconColor-activeColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_circleBg_5-152-0 {
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
color: var(--bc-Radio-circleColors-bgColor);
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_circleBg_5-152-0.RD_active_5-152-0.RD_disabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Radio-circleColors-activeDisabledBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_circleBg_5-152-0.RD_disabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Radio-circleColors-disabledBgColor);
|
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_circleOuter_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Radio-circleColors-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_circleOuter_5-152-0:hover:not(.RD_active_5-152-0):not(.RD_disabled_5-152-0) {
|
|
|
|
|
|
color: var(--bc-Radio-circleColors-hoverColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_circleOuter_5-152-0.RD_active_5-152-0.RD_disabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Radio-circleColors-activeDisabledColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_circleOuter_5-152-0.RD_disabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Radio-circleColors-disabledColor);
|
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_circleOuter_5-152-0.RD_active_5-152-0:not(.RD_disabled_5-152-0) {
|
|
|
|
|
|
color: var(--bc-Radio-circleColors-activeColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_circleInner_5-152-0 {
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
color: var(--bc-Radio-circleColors-color);
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
font-size: inherit;
|
|
|
|
|
|
transform: scale(0.4);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_circleInner_5-152-0:active {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_circleInner_5-152-0:hover:not(.RD_active_5-152-0):not(.RD_disabled_5-152-0) {
|
|
|
|
|
|
color: var(--bc-Radio-circleColors-hoverColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_circleInner_5-152-0.RD_active_5-152-0.RD_disabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Radio-circleColors-activeDisabledColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_circleInner_5-152-0.RD_disabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Radio-circleColors-disabledColor);
|
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_circleInner_5-152-0.RD_active_5-152-0:not(.RD_disabled_5-152-0) {
|
|
|
|
|
|
color: var(--bc-Radio-circleColors-activeColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_circleInner_5-152-0.RD_active_5-152-0 {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
transform: scale(1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_radioButton_5-152-0 {
|
|
|
|
|
|
border: var(--bc-Radio-commonButtonType-border);
|
|
|
|
|
|
border-radius: var(--bc-Radio-commonButtonType-borderRadius);
|
|
|
|
|
|
background-color: var(--bc-Radio-radioButtonMode-bgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_radioButton_5-152-0:hover:not(.RD_active_5-152-0):not(.RD_disabled_5-152-0) {
|
|
|
|
|
|
border-color: var(--bc-Radio-radioButtonMode-hoverBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_radioButton_5-152-0.RD_active_5-152-0.RD_disabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Radio-radioButtonMode-activeDisabledColor);
|
|
|
|
|
|
border-color: var(--bc-Radio-radioButtonMode-activeDisabledBorderColor);
|
|
|
|
|
|
background-color: var(--bc-Radio-radioButtonMode-activeDisabledBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_radioButton_5-152-0.RD_active_5-152-0:not(.RD_disabled_5-152-0) {
|
|
|
|
|
|
border-color: var(--bc-Radio-radioButtonMode-activeBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_tabGhost_5-152-0 {
|
|
|
|
|
|
border: var(--bc-Radio-commonButtonType-border);
|
|
|
|
|
|
border-radius: var(--bc-Radio-commonButtonType-borderRadius);
|
|
|
|
|
|
background-color: var(--bc-Radio-tabGhostMode-bgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_tabGhost_5-152-0:hover:not(.RD_active_5-152-0):not(.RD_disabled_5-152-0) {
|
|
|
|
|
|
color: var(--bc-Radio-tabGhostMode-hoverColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_tabGhost_5-152-0.RD_active_5-152-0.RD_disabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Radio-tabGhostMode-activeDisabledColor);
|
|
|
|
|
|
border-color: var(--bc-Radio-tabGhostMode-activeDisabledBorderColor);
|
|
|
|
|
|
background-color: var(--bc-Radio-tabGhostMode-activeDisabledBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_tabGhost_5-152-0.RD_active_5-152-0:not(.RD_disabled_5-152-0) {
|
|
|
|
|
|
color: var(--bc-Radio-tabGhostMode-activeColor);
|
|
|
|
|
|
border-color: var(--bc-Radio-tabGhostMode-activeBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_tab_5-152-0 {
|
|
|
|
|
|
border: var(--bc-Radio-commonButtonType-border);
|
|
|
|
|
|
border-radius: var(--bc-Radio-commonButtonType-borderRadius);
|
|
|
|
|
|
background-color: var(--bc-Radio-tabMode-bgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_tab_5-152-0:hover:not(.RD_active_5-152-0):not(.RD_disabled_5-152-0) {
|
|
|
|
|
|
color: var(--bc-Radio-tabMode-hoverColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_tab_5-152-0.RD_active_5-152-0.RD_disabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Radio-tabMode-activeDisabledColor);
|
|
|
|
|
|
border-color: var(--bc-Radio-tabMode-activeDisabledBorderColor);
|
|
|
|
|
|
background-color: var(--bc-Radio-tabMode-activeDisabledBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_tab_5-152-0.RD_active_5-152-0:not(.RD_disabled_5-152-0) {
|
|
|
|
|
|
color: var(--bc-Radio-tabMode-activeColor);
|
|
|
|
|
|
border-color: var(--bc-Radio-tabMode-activeBorderColor);
|
|
|
|
|
|
background-color: var(--bc-Radio-tabMode-activeBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_buttonGhostTag_5-152-0 {
|
|
|
|
|
|
border: var(--bc-Radio-commonButtonType-border);
|
|
|
|
|
|
border-radius: var(--bc-Radio-commonButtonType-borderRadius);
|
|
|
|
|
|
background-color: var(--bc-Radio-buttonGhostTagMode-bgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_buttonGhostTag_5-152-0:hover:not(.RD_active_5-152-0):not(.RD_disabled_5-152-0) {
|
|
|
|
|
|
border-color: var(--bc-Radio-buttonGhostTagMode-hoverBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_buttonGhostTag_5-152-0.RD_active_5-152-0.RD_disabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Radio-buttonGhostTagMode-activeDisabledColor);
|
|
|
|
|
|
border-color: var(--bc-Radio-buttonGhostTagMode-activeDisabledBorderColor);
|
|
|
|
|
|
background-color: var(--bc-Radio-buttonGhostTagMode-activeDisabledBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_buttonGhostTag_5-152-0.RD_active_5-152-0:not(.RD_disabled_5-152-0) {
|
|
|
|
|
|
color: var(--bc-Radio-buttonGhostTagMode-activeColor);
|
|
|
|
|
|
border-color: var(--bc-Radio-buttonGhostTagMode-activeBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_buttonTag_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Radio-buttonTagMode-color);
|
|
|
|
|
|
border: var(--bc-Radio-commonButtonType-border);
|
|
|
|
|
|
border-color: var(--bc-Radio-buttonTagMode-borderColor);
|
|
|
|
|
|
border-radius: var(--bc-Radio-commonButtonType-borderRadius);
|
|
|
|
|
|
background-color: var(--bc-Radio-buttonTagMode-bgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_buttonTag_5-152-0:hover:not(.RD_active_5-152-0):not(.RD_disabled_5-152-0) {
|
|
|
|
|
|
color: var(--bc-Radio-buttonTagMode-hoverColor);
|
|
|
|
|
|
border-color: var(--bc-Radio-buttonTagMode-hoverBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_buttonTag_5-152-0.RD_active_5-152-0.RD_disabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Radio-buttonTagMode-activeDisabledColor);
|
|
|
|
|
|
border-color: var(--bc-Radio-buttonTagMode-activeDisabledBorderColor);
|
|
|
|
|
|
background-color: var(--bc-Radio-buttonTagMode-activeDisabledBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_buttonTag_5-152-0.RD_active_5-152-0:not(.RD_disabled_5-152-0) {
|
|
|
|
|
|
color: var(--bc-Radio-buttonTagMode-activeColor);
|
|
|
|
|
|
border-color: var(--bc-Radio-buttonTagMode-activeBorderColor);
|
|
|
|
|
|
background-color: var(--bc-Radio-buttonTagMode-activeBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_circleWrapper_5-152-0 {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_textWrapper_5-152-0 {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_buttonShape_5-152-0 {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_buttonShape_5-152-0.RD_disabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Radio-groupDisabled-disabledColor);
|
|
|
|
|
|
border-color: var(--bc-Radio-groupDisabled-disabledBorderColor);
|
|
|
|
|
|
background-color: var(--bc-Radio-groupDisabled-disabledBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_buttonShape_5-152-0.RD_disabled_5-152-0.RD_activeDisabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Radio-groupDisabled-activeDisabledColor);
|
|
|
|
|
|
border-color: var(--bc-Radio-groupDisabled-activeDisabledBorderColor);
|
|
|
|
|
|
background-color: var(--bc-Radio-groupDisabled-activeDisabledBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_hook_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Radio-hookColors-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_hook_5-152-0:hover:not(.RD_active_5-152-0):not(.RD_disabled_5-152-0) {
|
|
|
|
|
|
color: var(--bc-Radio-hookColors-hoverColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_hook_5-152-0.RD_active_5-152-0.RD_disabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Radio-hookColors-activeDisabledColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_hook_5-152-0.RD_disabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Radio-hookColors-disabledColor);
|
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_hook_5-152-0.RD_active_5-152-0:not(.RD_disabled_5-152-0) {
|
|
|
|
|
|
color: var(--bc-Radio-hookColors-activeColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_small_5-152-0 {
|
|
|
|
|
|
font-size: var(--bc-fontSize-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_small_5-152-0 .RD_circleWrapper_5-152-0 {
|
|
|
|
|
|
width: var(--bc-fontSize-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_small_5-152-0.RD_radio_5-152-0 {
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_small_5-152-0.RD_buttonSeparate_5-152-0 {
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_small_5-152-0.RD_buttonWithRadio_5-152-0 {
|
|
|
|
|
|
padding: var(--bc-Radio-radioButtonPadding-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_small_5-152-0.RD_buttonWithNoRadio_5-152-0 {
|
|
|
|
|
|
padding: var(--bc-Radio-buttonPadding-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_small_5-152-0 .RD_textWrapper_5-152-0.RD_prevRadio_5-152-0 {
|
|
|
|
|
|
margin-left: var(--bc-Radio-circleTextGap-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_small_5-152-0.RD_buttonWithRadio_5-152-0 .RD_radioWrapper_5-152-0 {
|
|
|
|
|
|
height: var(--bc-fontSize-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_small_5-152-0.RD_buttonSeparate_5-152-0 + .RD_buttonSeparate_5-152-0 {
|
|
|
|
|
|
margin-left: var(--bc-Radio-radioOfButtonShapeGap-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_small_5-152-0.RD_radio_5-152-0 + .RD_radio_5-152-0 {
|
|
|
|
|
|
margin-left: var(--bc-Radio-radioGap-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_medium_5-152-0 {
|
|
|
|
|
|
font-size: var(--bc-fontSize-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_medium_5-152-0 .RD_circleWrapper_5-152-0 {
|
|
|
|
|
|
width: var(--bc-fontSize-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_medium_5-152-0.RD_radio_5-152-0 {
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_medium_5-152-0.RD_buttonSeparate_5-152-0 {
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_medium_5-152-0.RD_buttonWithRadio_5-152-0 {
|
|
|
|
|
|
padding: var(--bc-Radio-radioButtonPadding-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_medium_5-152-0.RD_buttonWithNoRadio_5-152-0 {
|
|
|
|
|
|
padding: var(--bc-Radio-buttonPadding-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_medium_5-152-0 .RD_textWrapper_5-152-0.RD_prevRadio_5-152-0 {
|
|
|
|
|
|
margin-left: var(--bc-Radio-circleTextGap-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_medium_5-152-0.RD_buttonWithRadio_5-152-0 .RD_radioWrapper_5-152-0 {
|
|
|
|
|
|
height: var(--bc-fontSize-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_medium_5-152-0.RD_buttonSeparate_5-152-0 + .RD_buttonSeparate_5-152-0 {
|
|
|
|
|
|
margin-left: var(--bc-Radio-radioOfButtonShapeGap-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_medium_5-152-0.RD_radio_5-152-0 + .RD_radio_5-152-0 {
|
|
|
|
|
|
margin-left: var(--bc-Radio-radioGap-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_large_5-152-0 {
|
|
|
|
|
|
font-size: var(--bc-fontSize-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_large_5-152-0 .RD_circleWrapper_5-152-0 {
|
|
|
|
|
|
width: var(--bc-fontSize-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_large_5-152-0.RD_radio_5-152-0 {
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_large_5-152-0.RD_buttonSeparate_5-152-0 {
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_large_5-152-0.RD_buttonWithRadio_5-152-0 {
|
|
|
|
|
|
padding: var(--bc-Radio-radioButtonPadding-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_large_5-152-0.RD_buttonWithNoRadio_5-152-0 {
|
|
|
|
|
|
padding: var(--bc-Radio-buttonPadding-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_large_5-152-0 .RD_textWrapper_5-152-0.RD_prevRadio_5-152-0 {
|
|
|
|
|
|
margin-left: var(--bc-Radio-circleTextGap-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_large_5-152-0.RD_buttonWithRadio_5-152-0 .RD_radioWrapper_5-152-0 {
|
|
|
|
|
|
height: var(--bc-fontSize-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_large_5-152-0.RD_buttonSeparate_5-152-0 + .RD_buttonSeparate_5-152-0 {
|
|
|
|
|
|
margin-left: var(--bc-Radio-radioOfButtonShapeGap-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_large_5-152-0.RD_radio_5-152-0 + .RD_radio_5-152-0 {
|
|
|
|
|
|
margin-left: var(--bc-Radio-radioGap-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_input_5-152-0 {
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
width: 0;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
cursor: inherit;
|
|
|
|
|
|
height: 0;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
z-index: 1;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
-webkit-appearance: radio;
|
|
|
|
|
|
}
|
|
|
|
|
|
.RD_radioWrapper_5-152-0 {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
|
}
|
|
|
|
|
|
@-webkit-keyframes RD_keyframes-beastRadioEffect_5-152-0 {
|
|
|
|
|
|
0% {
|
|
|
|
|
|
opacity: 0.5;
|
|
|
|
|
|
transform: scale(1);
|
|
|
|
|
|
}
|
|
|
|
|
|
100% {
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
transform: scale(1.6);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
</style><style data-jss="" data-meta="Icon">
|
|
|
|
|
|
.ICN_outerWrapper_5-152-0 {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
font-size: var(--bc-fontSize-large);
|
|
|
|
|
|
min-width: 1em;
|
|
|
|
|
|
box-sizing: content-box;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
font-family: 'beastIconFont_5-152-0', -apple-system, 'Segoe UI', 'PingFang SC',
|
|
|
|
|
|
'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial,
|
|
|
|
|
|
sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important;
|
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
text-transform: none;
|
|
|
|
|
|
vertical-align: -0.15em;
|
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ICN_svgIcon_5-152-0 {
|
|
|
|
|
|
fill: currentColor;
|
|
|
|
|
|
width: 1em;
|
|
|
|
|
|
height: 1em;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ICN_svgIconloading_5-152-0 {
|
|
|
|
|
|
overflow: visible;
|
|
|
|
|
|
animation: ICN_keyframes-loadingSpin_5-152-0 1s infinite linear;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ICN_spin_5-152-0 {
|
|
|
|
|
|
animation: ICN_keyframes-loadingSpin_5-152-0 1s infinite linear;
|
|
|
|
|
|
}
|
|
|
|
|
|
@-webkit-keyframes ICN_keyframes-loadingSpin_5-152-0 {
|
|
|
|
|
|
100% {
|
|
|
|
|
|
transform: rotate(360deg);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
</style><style data-jss="" data-meta="Tooltip">
|
|
|
|
|
|
.Tooltip_outerWrapper_5-152-0 .Tooltip_tooltipMain_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Tooltip-color);
|
|
|
|
|
|
padding: var(--bc-Tooltip-padding);
|
|
|
|
|
|
font-size: var(--bc-Tooltip-fontSize);
|
|
|
|
|
|
background: var(--bc-Tooltip-bgColor);
|
|
|
|
|
|
box-shadow: var(--bc-Tooltip-boxShadow);
|
|
|
|
|
|
}
|
|
|
|
|
|
.Tooltip_outerWrapper_5-152-0 .Tooltip_tooltipArrow_5-152-0 {
|
|
|
|
|
|
border: var(--bc-Tooltip-arrow-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
</style><style data-jss="" data-meta="Select">
|
|
|
|
|
|
.ST_large_5-152-0 .ST_selectValueMultiple_5-152-0 > div:not(.ST_headInput_5-152-0) {
|
|
|
|
|
|
margin-left: -8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_large_5-152-0 {
|
|
|
|
|
|
font-size: var(--bc-Select-fontSize-large);
|
|
|
|
|
|
min-height: var(--bc-Select-minHeight-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_large_5-152-0 .ST_head_5-152-0 {
|
|
|
|
|
|
min-height: calc(var(--bc-Select-minHeight-large) - 2px);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_large_5-152-0 .ST_headInput_5-152-0 {
|
|
|
|
|
|
min-height: var(--bc-Select-inputHeight-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_large_5-152-0 .ST_arrowIcon_5-152-0 {
|
|
|
|
|
|
top: calc(50% - calc(var(--bc-Select-iconFontSize-large) / 2));
|
|
|
|
|
|
right: var(--bc-Select-inputPadding-large);
|
|
|
|
|
|
font-size: var(--bc-Select-iconFontSize-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_large_5-152-0 .ST_headInput_5-152-0 .ST_inputWrapper_5-152-0 {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_large_5-152-0 .ST_headInput_5-152-0 .ST_inputWrapper_5-152-0.ST_inputPadding_5-152-0 {
|
|
|
|
|
|
padding: 0 0 0 12px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_large_5-152-0 .ST_headInput_5-152-0 .ST_inputWrapper_5-152-0 .ST_tagSuffixWrapper_5-152-0 {
|
|
|
|
|
|
margin: 3px 20px 3px 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_large_5-152-0 .ST_headInput_5-152-0 .ST_inputWrapper_5-152-0 input {
|
|
|
|
|
|
font-size: var(--bc-Select-fontSize-large);
|
|
|
|
|
|
line-height: normal;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_large_5-152-0 .ST_headInput_5-152-0 .ST_inputWrapper_5-152-0 .ST_clearWrapper_5-152-0 {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_large_5-152-0 .ST_headInput_5-152-0 .ST_inputWrapper_5-152-0:hover .ST_clearWrapper_5-152-0 {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_large_5-152-0 .ST_headInput_5-152-0 .ST_inputWrapper_5-152-0.ST_inputPadding_5-152-0 .ST_inputBlockCell_5-152-0 {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_large_5-152-0 .ST_headInput_5-152-0 .ST_inputWrapper_5-152-0.ST_inputPadding_5-152-0 input {
|
|
|
|
|
|
padding: initial;
|
|
|
|
|
|
margin-right: 5px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_medium_5-152-0 .ST_selectValueMultiple_5-152-0 > div:not(.ST_headInput_5-152-0) {
|
|
|
|
|
|
margin-left: -3px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_medium_5-152-0 {
|
|
|
|
|
|
font-size: var(--bc-Select-fontSize-medium);
|
|
|
|
|
|
min-height: var(--bc-Select-minHeight-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_medium_5-152-0 .ST_head_5-152-0 {
|
|
|
|
|
|
min-height: calc(var(--bc-Select-minHeight-medium) - 2px);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_medium_5-152-0 .ST_headInput_5-152-0 {
|
|
|
|
|
|
min-height: var(--bc-Select-inputHeight-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_medium_5-152-0 .ST_arrowIcon_5-152-0 {
|
|
|
|
|
|
top: calc(50% - calc(var(--bc-Select-iconFontSize-medium) / 2));
|
|
|
|
|
|
right: var(--bc-Select-inputPadding-medium);
|
|
|
|
|
|
font-size: var(--bc-Select-iconFontSize-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_medium_5-152-0 .ST_headInput_5-152-0 .ST_inputWrapper_5-152-0 {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_medium_5-152-0 .ST_headInput_5-152-0 .ST_inputWrapper_5-152-0.ST_inputPadding_5-152-0 {
|
|
|
|
|
|
padding: 0 0 0 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_medium_5-152-0 .ST_headInput_5-152-0 .ST_inputWrapper_5-152-0 .ST_tagSuffixWrapper_5-152-0 {
|
|
|
|
|
|
margin: 3px 20px 3px 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_medium_5-152-0 .ST_headInput_5-152-0 .ST_inputWrapper_5-152-0 input {
|
|
|
|
|
|
font-size: var(--bc-Select-fontSize-medium);
|
|
|
|
|
|
line-height: normal;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_medium_5-152-0 .ST_headInput_5-152-0 .ST_inputWrapper_5-152-0 .ST_clearWrapper_5-152-0 {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_medium_5-152-0 .ST_headInput_5-152-0 .ST_inputWrapper_5-152-0:hover .ST_clearWrapper_5-152-0 {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_medium_5-152-0 .ST_headInput_5-152-0 .ST_inputWrapper_5-152-0.ST_inputPadding_5-152-0 .ST_inputBlockCell_5-152-0 {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_medium_5-152-0 .ST_headInput_5-152-0 .ST_inputWrapper_5-152-0.ST_inputPadding_5-152-0 input {
|
|
|
|
|
|
padding: initial;
|
|
|
|
|
|
margin-right: 5px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_small_5-152-0 .ST_selectValueMultiple_5-152-0 > div:not(.ST_headInput_5-152-0) {
|
|
|
|
|
|
margin-left: -3px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_small_5-152-0 {
|
|
|
|
|
|
font-size: var(--bc-Select-fontSize-small);
|
|
|
|
|
|
min-height: var(--bc-Select-minHeight-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_small_5-152-0 .ST_head_5-152-0 {
|
|
|
|
|
|
min-height: calc(var(--bc-Select-minHeight-small) - 2px);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_small_5-152-0 .ST_headInput_5-152-0 {
|
|
|
|
|
|
min-height: var(--bc-Select-inputHeight-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_small_5-152-0 .ST_arrowIcon_5-152-0 {
|
|
|
|
|
|
top: calc(50% - calc(var(--bc-Select-iconFontSize-small) / 2));
|
|
|
|
|
|
right: var(--bc-Select-inputPadding-small);
|
|
|
|
|
|
font-size: var(--bc-Select-iconFontSize-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_small_5-152-0 .ST_headInput_5-152-0 .ST_inputWrapper_5-152-0 {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_small_5-152-0 .ST_headInput_5-152-0 .ST_inputWrapper_5-152-0.ST_inputPadding_5-152-0 {
|
|
|
|
|
|
padding: 0 0 0 6px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_small_5-152-0 .ST_headInput_5-152-0 .ST_inputWrapper_5-152-0 .ST_tagSuffixWrapper_5-152-0 {
|
|
|
|
|
|
margin: 3px 20px 3px 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_small_5-152-0 .ST_headInput_5-152-0 .ST_inputWrapper_5-152-0 input {
|
|
|
|
|
|
font-size: var(--bc-Select-fontSize-small);
|
|
|
|
|
|
line-height: normal;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_small_5-152-0 .ST_headInput_5-152-0 .ST_inputWrapper_5-152-0 .ST_clearWrapper_5-152-0 {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_small_5-152-0 .ST_headInput_5-152-0 .ST_inputWrapper_5-152-0:hover .ST_clearWrapper_5-152-0 {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_small_5-152-0 .ST_headInput_5-152-0 .ST_inputWrapper_5-152-0.ST_inputPadding_5-152-0 .ST_inputBlockCell_5-152-0 {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_small_5-152-0 .ST_headInput_5-152-0 .ST_inputWrapper_5-152-0.ST_inputPadding_5-152-0 input {
|
|
|
|
|
|
padding: initial;
|
|
|
|
|
|
margin-right: 5px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_largeDropdown_5-152-0 .ST_item_5-152-0 {
|
|
|
|
|
|
font-size: var(--bc-Select-fontSize-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_largeDropdown_5-152-0 .ST_dropdownPanel_5-152-0 .ST_item_5-152-0 {
|
|
|
|
|
|
height: var(--bc-Select-itemHeight-large);
|
|
|
|
|
|
padding: 0 var(--bc-Select-inputPadding-large);
|
|
|
|
|
|
line-height: var(--bc-Select-itemHeight-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_largeDropdown_5-152-0 .ST_notFound_5-152-0 {
|
|
|
|
|
|
height: var(--bc-Select-itemHeight-large);
|
|
|
|
|
|
padding: 0 var(--bc-Select-inputPadding-large);
|
|
|
|
|
|
line-height: var(--bc-Select-itemHeight-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_largeDropdown_5-152-0 .ST_loadFailed_5-152-0 {
|
|
|
|
|
|
height: var(--bc-Select-itemHeight-large);
|
|
|
|
|
|
padding: 0 var(--bc-Select-inputPadding-large);
|
|
|
|
|
|
line-height: var(--bc-Select-itemHeight-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_largeDropdown_5-152-0 .ST_loadMore_5-152-0 {
|
|
|
|
|
|
height: var(--bc-Select-itemHeight-large);
|
|
|
|
|
|
padding: 0 var(--bc-Select-inputPadding-large);
|
|
|
|
|
|
line-height: var(--bc-Select-itemHeight-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_largeDropdown_5-152-0 .ST_noMore_5-152-0 {
|
|
|
|
|
|
height: var(--bc-Select-itemHeight-large);
|
|
|
|
|
|
padding: 0 var(--bc-Select-inputPadding-large);
|
|
|
|
|
|
line-height: var(--bc-Select-itemHeight-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_largeDropdown_5-152-0.ST_customItem_5-152-0 .ST_dropdownPanel_5-152-0 .ST_item_5-152-0 {
|
|
|
|
|
|
height: initial;
|
|
|
|
|
|
padding: var(--bc-Select-dropdownItem-padding) var(--bc-Select-inputPadding-large);
|
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_largeDropdown_5-152-0.ST_customItem_5-152-0 .ST_notFound_5-152-0 {
|
|
|
|
|
|
height: initial;
|
|
|
|
|
|
padding: var(--bc-Select-dropdownItem-padding) var(--bc-Select-inputPadding-large);
|
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_largeDropdown_5-152-0.ST_customItem_5-152-0 .ST_loadFailed_5-152-0 {
|
|
|
|
|
|
height: initial;
|
|
|
|
|
|
padding: var(--bc-Select-dropdownItem-padding) var(--bc-Select-inputPadding-large);
|
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_largeDropdown_5-152-0.ST_customItem_5-152-0 .ST_loadMore_5-152-0 {
|
|
|
|
|
|
height: initial;
|
|
|
|
|
|
padding: var(--bc-Select-dropdownItem-padding) var(--bc-Select-inputPadding-large);
|
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_largeDropdown_5-152-0.ST_customItem_5-152-0 .ST_noMore_5-152-0 {
|
|
|
|
|
|
height: initial;
|
|
|
|
|
|
padding: var(--bc-Select-dropdownItem-padding) var(--bc-Select-inputPadding-large);
|
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_mediumDropdown_5-152-0 .ST_item_5-152-0 {
|
|
|
|
|
|
font-size: var(--bc-Select-fontSize-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_mediumDropdown_5-152-0 .ST_dropdownPanel_5-152-0 .ST_item_5-152-0 {
|
|
|
|
|
|
height: var(--bc-Select-itemHeight-medium);
|
|
|
|
|
|
padding: 0 var(--bc-Select-inputPadding-medium);
|
|
|
|
|
|
line-height: var(--bc-Select-itemHeight-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_mediumDropdown_5-152-0 .ST_notFound_5-152-0 {
|
|
|
|
|
|
height: var(--bc-Select-itemHeight-medium);
|
|
|
|
|
|
padding: 0 var(--bc-Select-inputPadding-medium);
|
|
|
|
|
|
line-height: var(--bc-Select-itemHeight-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_mediumDropdown_5-152-0 .ST_loadFailed_5-152-0 {
|
|
|
|
|
|
height: var(--bc-Select-itemHeight-medium);
|
|
|
|
|
|
padding: 0 var(--bc-Select-inputPadding-medium);
|
|
|
|
|
|
line-height: var(--bc-Select-itemHeight-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_mediumDropdown_5-152-0 .ST_loadMore_5-152-0 {
|
|
|
|
|
|
height: var(--bc-Select-itemHeight-medium);
|
|
|
|
|
|
padding: 0 var(--bc-Select-inputPadding-medium);
|
|
|
|
|
|
line-height: var(--bc-Select-itemHeight-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_mediumDropdown_5-152-0 .ST_noMore_5-152-0 {
|
|
|
|
|
|
height: var(--bc-Select-itemHeight-medium);
|
|
|
|
|
|
padding: 0 var(--bc-Select-inputPadding-medium);
|
|
|
|
|
|
line-height: var(--bc-Select-itemHeight-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_mediumDropdown_5-152-0.ST_customItem_5-152-0 .ST_dropdownPanel_5-152-0 .ST_item_5-152-0 {
|
|
|
|
|
|
height: initial;
|
|
|
|
|
|
padding: var(--bc-Select-dropdownItem-padding) var(--bc-Select-inputPadding-medium);
|
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_mediumDropdown_5-152-0.ST_customItem_5-152-0 .ST_notFound_5-152-0 {
|
|
|
|
|
|
height: initial;
|
|
|
|
|
|
padding: var(--bc-Select-dropdownItem-padding) var(--bc-Select-inputPadding-medium);
|
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_mediumDropdown_5-152-0.ST_customItem_5-152-0 .ST_loadFailed_5-152-0 {
|
|
|
|
|
|
height: initial;
|
|
|
|
|
|
padding: var(--bc-Select-dropdownItem-padding) var(--bc-Select-inputPadding-medium);
|
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_mediumDropdown_5-152-0.ST_customItem_5-152-0 .ST_loadMore_5-152-0 {
|
|
|
|
|
|
height: initial;
|
|
|
|
|
|
padding: var(--bc-Select-dropdownItem-padding) var(--bc-Select-inputPadding-medium);
|
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_mediumDropdown_5-152-0.ST_customItem_5-152-0 .ST_noMore_5-152-0 {
|
|
|
|
|
|
height: initial;
|
|
|
|
|
|
padding: var(--bc-Select-dropdownItem-padding) var(--bc-Select-inputPadding-medium);
|
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_smallDropdown_5-152-0 .ST_item_5-152-0 {
|
|
|
|
|
|
font-size: var(--bc-Select-fontSize-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_smallDropdown_5-152-0 .ST_dropdownPanel_5-152-0 .ST_item_5-152-0 {
|
|
|
|
|
|
height: var(--bc-Select-itemHeight-small);
|
|
|
|
|
|
padding: 0 var(--bc-Select-inputPadding-small);
|
|
|
|
|
|
line-height: var(--bc-Select-itemHeight-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_smallDropdown_5-152-0 .ST_notFound_5-152-0 {
|
|
|
|
|
|
height: var(--bc-Select-itemHeight-small);
|
|
|
|
|
|
padding: 0 var(--bc-Select-inputPadding-small);
|
|
|
|
|
|
line-height: var(--bc-Select-itemHeight-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_smallDropdown_5-152-0 .ST_loadFailed_5-152-0 {
|
|
|
|
|
|
height: var(--bc-Select-itemHeight-small);
|
|
|
|
|
|
padding: 0 var(--bc-Select-inputPadding-small);
|
|
|
|
|
|
line-height: var(--bc-Select-itemHeight-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_smallDropdown_5-152-0 .ST_loadMore_5-152-0 {
|
|
|
|
|
|
height: var(--bc-Select-itemHeight-small);
|
|
|
|
|
|
padding: 0 var(--bc-Select-inputPadding-small);
|
|
|
|
|
|
line-height: var(--bc-Select-itemHeight-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_smallDropdown_5-152-0 .ST_noMore_5-152-0 {
|
|
|
|
|
|
height: var(--bc-Select-itemHeight-small);
|
|
|
|
|
|
padding: 0 var(--bc-Select-inputPadding-small);
|
|
|
|
|
|
line-height: var(--bc-Select-itemHeight-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_smallDropdown_5-152-0.ST_customItem_5-152-0 .ST_dropdownPanel_5-152-0 .ST_item_5-152-0 {
|
|
|
|
|
|
height: initial;
|
|
|
|
|
|
padding: var(--bc-Select-dropdownItem-padding) var(--bc-Select-inputPadding-small);
|
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_smallDropdown_5-152-0.ST_customItem_5-152-0 .ST_notFound_5-152-0 {
|
|
|
|
|
|
height: initial;
|
|
|
|
|
|
padding: var(--bc-Select-dropdownItem-padding) var(--bc-Select-inputPadding-small);
|
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_smallDropdown_5-152-0.ST_customItem_5-152-0 .ST_loadFailed_5-152-0 {
|
|
|
|
|
|
height: initial;
|
|
|
|
|
|
padding: var(--bc-Select-dropdownItem-padding) var(--bc-Select-inputPadding-small);
|
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_smallDropdown_5-152-0.ST_customItem_5-152-0 .ST_loadMore_5-152-0 {
|
|
|
|
|
|
height: initial;
|
|
|
|
|
|
padding: var(--bc-Select-dropdownItem-padding) var(--bc-Select-inputPadding-small);
|
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_smallDropdown_5-152-0.ST_customItem_5-152-0 .ST_noMore_5-152-0 {
|
|
|
|
|
|
height: initial;
|
|
|
|
|
|
padding: var(--bc-Select-dropdownItem-padding) var(--bc-Select-inputPadding-small);
|
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_largeDropdownPanel_5-152-0 {
|
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_outerWrapper_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Select-headTextColor);
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
outline: none;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
border-radius: var(--bc-borderRadius);
|
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
|
background-color: var(--bc-Select-headBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_outerWrapper_5-152-0.ST_leftRect_5-152-0 {
|
|
|
|
|
|
border-radius: 0px 3px 3px 0px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_outerWrapper_5-152-0.ST_rightRect_5-152-0 {
|
|
|
|
|
|
border-radius: 3px 0px 0px 3px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_outerWrapper_5-152-0 .ST_head_5-152-0 {
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
outline: none;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_outerWrapper_5-152-0 input {
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_outerWrapper_5-152-0:hover {
|
|
|
|
|
|
border-color: var(--bc-hoverBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_outerWrapper_5-152-0.ST_headerFocus_5-152-0 {
|
|
|
|
|
|
box-shadow: 0px 0px 0px 2px var(--bc-Select-head-focusBoxShadowColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_outerWrapper_5-152-0 input::placeholder {
|
|
|
|
|
|
color: var(--bc-placeholderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_outerWrapper_5-152-0 input:disabled {
|
|
|
|
|
|
color: var(--bc-Select-headTextColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_outerWrapper_5-152-0 input:disabled::placeholder {
|
|
|
|
|
|
color: var(--bc-disabledPlaceholderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_outerWrapper_5-152-0.ST_rightRect_5-152-0 .ST_inputWrapper_5-152-0 {
|
|
|
|
|
|
border-radius: 3px 0px 0px 3px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_outerWrapper_5-152-0.ST_leftRect_5-152-0 .ST_inputWrapper_5-152-0 {
|
|
|
|
|
|
border-radius: 0px 3px 3px 0px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_error_5-152-0, .ST_error_5-152-0:hover {
|
|
|
|
|
|
border-color: #ff5454 !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_headInput_5-152-0 {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_headInput_5-152-0 input {
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_headInput_5-152-0 > div {
|
|
|
|
|
|
white-space: initial !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_headInput_5-152-0 .ST_headFocus_5-152-0 {
|
|
|
|
|
|
box-shadow: 0px 0px 0px 2px var(--bc-Select-head-focusBoxShadowColor) !important;
|
|
|
|
|
|
border-color: var(--bc-themeColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_headInput_5-152-0 .ST_headFocus_5-152-0:hover {
|
|
|
|
|
|
border-color: var(--bc-themeColor) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_headDisabled_5-152-0:hover {
|
|
|
|
|
|
border-color: var(--bc-borderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_headDisabled_5-152-0 .ST_headDropdownArrow_5-152-0 {
|
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_headDropdownArrow_5-152-0 {
|
|
|
|
|
|
right: 8px;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_headDropdownArrow_5-152-0 .ST_arrowIcon_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Select-arrowIconColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_headDropdownArrow_5-152-0.ST_multiple_5-152-0 {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_headPlaceholder_5-152-0 {
|
|
|
|
|
|
top: 50%;
|
|
|
|
|
|
left: 8px;
|
|
|
|
|
|
color: #bfbfbf;
|
|
|
|
|
|
right: 9px;
|
|
|
|
|
|
height: 20px;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
margin-top: -10px;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_dropdown_5-152-0 {
|
|
|
|
|
|
border: 1px solid var(--bc-Select-dropdown-borderColor);
|
|
|
|
|
|
font-size: var(--bc-Select-dropdown-fontSize);
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
user-select: none;
|
|
|
|
|
|
border-radius: var(--bc-borderRadius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_dropdown_5-152-0 .ST_dropdownMain_5-152-0 {
|
|
|
|
|
|
box-shadow: var(--bc-Select-dropdown-boxShadow);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_dropdownPanel_5-152-0 {
|
|
|
|
|
|
margin: 0px;
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
list-style: none;
|
|
|
|
|
|
padding-top: var(--bc-Select-dropdown-paddingTop);
|
|
|
|
|
|
padding-left: var(--bc-Select-dropdown-paddingLeft);
|
|
|
|
|
|
padding-right: var(--bc-Select-dropdown-paddingRight);
|
|
|
|
|
|
padding-bottom: var(--bc-Select-dropdown-paddingBottom);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_dropdownPanel_5-152-0:not(.ST_virtualList_5-152-0) {
|
|
|
|
|
|
max-height: 168px;
|
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_dropdownPanel_5-152-0.ST_tile_5-152-0 {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_dropdownPanel_5-152-0.ST_tile_5-152-0 > li {
|
|
|
|
|
|
flex: 0 0 33.33%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_dropdownPanelFlex_5-152-0 .ST_item_5-152-0 {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_dropdownPanelFlexRendererLabel_5-152-0 {
|
|
|
|
|
|
flex: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_item_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Select-dropdownItem-color);
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
background: var(--bc-Select-itemBgColor);
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_item_5-152-0 .ST_selectAllItem_5-152-0 {
|
|
|
|
|
|
border-bottom: var(--bc-Select-selectAllItemBorderBottom);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_itemHighlightText_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Select-itemHighlightColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_itemRendererLabel_5-152-0 {
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_itemRendererLabelChecked_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Select-dropdownItem-activeColor);
|
|
|
|
|
|
font-weight: var(--bc-Select-dropdownItem-activeFontWeight);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_notFound_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Select-statusItemColor-color);
|
|
|
|
|
|
background: var(--bc-Select-status-notFoundBgColor);
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_loadFailed_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Select-statusItemColor-color);
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_noMore_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Select-statusItemColor-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_loadMore_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Select-statusItemColor-color);
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_selectValueSingle_5-152-0 {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_selectValueSingleLabel_5-152-0 {
|
|
|
|
|
|
color: rgba(0, 0, 0, 0.65);
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
max-width: 95%;
|
|
|
|
|
|
user-select: none;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
margin-right: 4px;
|
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_refresh_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Select-status-refreshColor);
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_loadingIcon_5-152-0 {
|
|
|
|
|
|
color: var(--bc-groupStatus-loadingIconColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_loading_5-152-0 {
|
|
|
|
|
|
color: var(--bc-groupStatus-loadingTextColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_selectValueMultiple_5-152-0 {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_selectZoomEnter_5-152-0 {
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_selectZoomEnterActive_5-152-0 {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
animation: fadeIn 0.2s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
|
|
|
|
animation-fill-mode: both;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_selectZoomExit_5-152-0 {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ST_selectZoomExitActive_5-152-0 {
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
animation: fadeOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
|
|
|
|
animation-fill-mode: both;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style><style data-jss="" data-meta="groupListItem">
|
|
|
|
|
|
.cIL_item_5-152-0 {
|
|
|
|
|
|
color: var(--bc-groupListItem-color);
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
list-style: none;
|
|
|
|
|
|
line-height: var(--bc-groupListItem-lineHeight);
|
|
|
|
|
|
}
|
|
|
|
|
|
.cIL_item_5-152-0:hover:not(.cIL_disabled_5-152-0):not(.cIL_active_5-152-0) {
|
|
|
|
|
|
background: var(--bc-groupListItem-hoverBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.cIL_item_5-152-0.cIL_active_5-152-0:not(.cIL_disabled_5-152-0) {
|
|
|
|
|
|
background: var(--bc-groupListItem-activeBgColor);
|
|
|
|
|
|
font-weight: var(--bc-groupListItem-activeFontWeight);
|
|
|
|
|
|
}
|
|
|
|
|
|
.cIL_item_5-152-0.cIL_highlight_5-152-0:not(.cIL_disabled_5-152-0):not(.cIL_active_5-152-0) {
|
|
|
|
|
|
background: var(--bc-groupListItem-hoverBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.cIL_item_5-152-0.cIL_disabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-groupListItem-disabledColor);
|
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
|
background: var(--bc-groupListItem-disabledBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.cIL_item_5-152-0.cIL_active_5-152-0.cIL_disabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-groupListItem-activeDisabled-color);
|
|
|
|
|
|
background: var(--bc-groupListItem-activeDisabled-background);
|
|
|
|
|
|
font-weight: var(--bc-groupListItem-activeDisabled-fontWeight);
|
|
|
|
|
|
}
|
|
|
|
|
|
.cIL_small_5-152-0.cIL_item_5-152-0 {
|
|
|
|
|
|
padding: var(--bc-groupListItem-padding-small);
|
|
|
|
|
|
font-size: var(--bc-fontSize-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.cIL_medium_5-152-0.cIL_item_5-152-0 {
|
|
|
|
|
|
padding: var(--bc-groupListItem-padding-medium);
|
|
|
|
|
|
font-size: var(--bc-fontSize-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.cIL_large_5-152-0.cIL_item_5-152-0 {
|
|
|
|
|
|
padding: var(--bc-groupListItem-padding-large);
|
|
|
|
|
|
font-size: var(--bc-fontSize-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
</style><style data-jss="" data-meta="Input">
|
|
|
|
|
|
.IPT_outerWrapper_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Input-color);
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
|
right-rect-border: [object Object];
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_outerWrapper_5-152-0.IPT_tag_5-152-0 {
|
|
|
|
|
|
height: initial;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_outerWrapper_5-152-0 .IPT_iconClear_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Input-IconClearColors-color);
|
|
|
|
|
|
font-size: inherit;
|
|
|
|
|
|
box-sizing: content-box;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_outerWrapper_5-152-0 .IPT_prependSelect_5-152-0 {
|
|
|
|
|
|
border-top-right-radius: 0;
|
|
|
|
|
|
border-bottom-right-radius: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_outerWrapper_5-152-0 .IPT_appendSelect_5-152-0 {
|
|
|
|
|
|
border-top-left-radius: 0;
|
|
|
|
|
|
border-bottom-left-radius: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_outerWrapper_5-152-0 .IPT_selectBorderRadius_5-152-0 {
|
|
|
|
|
|
border-radius: 0px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_outerWrapper_5-152-0.IPT_leftRectBorder_5-152-0 .IPT_inputWrapper_5-152-0 {
|
|
|
|
|
|
border-top-left-radius: 0;
|
|
|
|
|
|
border-bottom-left-radius: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_outerWrapper_5-152-0.IPT_simple_5-152-0 .IPT_prefixWrapper_5-152-0 {
|
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_outerWrapper_5-152-0.IPT_simple_5-152-0 .IPT_input_5-152-0 {
|
|
|
|
|
|
height: initial;
|
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_outerWrapper_5-152-0.IPT_tag_5-152-0 .IPT_inputWrapper_5-152-0 {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_outerWrapper_5-152-0.IPT_tag_5-152-0 .IPT_input_5-152-0 {
|
|
|
|
|
|
width: var(--bc-Input-tagGap);
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_outerWrapper_5-152-0.IPT_tag_5-152-0 .IPT_clearWrapper_5-152-0 {
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
margin: calc(var(--bc-Input-tagGap) - 1px) 0;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_clearWrapper_5-152-0 {
|
|
|
|
|
|
cursor: inherit;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
visibility: hidden;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_clearWrapper_5-152-0:hover .IPT_iconClear_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Input-IconClearColors-hoverColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_tagSuffixWrapper_5-152-0 {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0 {
|
|
|
|
|
|
flex: 1;
|
|
|
|
|
|
color: var(--bc-Input-inputColors-color);
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
border-color: var(--bc-Input-inputColors-borderColor);
|
|
|
|
|
|
border-style: var(--bc-Input-commonInput-borderStyle);
|
|
|
|
|
|
border-width: var(--bc-Input-commonInput-borderWidth);
|
|
|
|
|
|
border-radius: var(--bc-borderRadius);
|
|
|
|
|
|
background-color: var(--bc-Input-inputColors-bgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0:hover:not(.IPT_active_5-152-0):not(.IPT_disabled_5-152-0):not(.IPT_error_5-152-0):not(.IPT_warning_5-152-0):not(.IPT_validating_5-152-0):not(.IPT_success_5-152-0) {
|
|
|
|
|
|
background: var(--bc-Input-inputColors-hoverBgColor);
|
|
|
|
|
|
border-color: var(--bc-Input-inputColors-hoverBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_disabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Input-inputColors-disabledColor);
|
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
|
border-color: var(--bc-Input-inputColors-disabledBorderColor);
|
|
|
|
|
|
background-color: var(--bc-Input-inputColors-disabledBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_active_5-152-0:not(.IPT_disabled_5-152-0) {
|
|
|
|
|
|
box-shadow: var(--bc-Input-commonInputColors-activeBoxShadow);
|
|
|
|
|
|
border-color: var(--bc-Input-inputColors-activeBorderColor);
|
|
|
|
|
|
background-color: var(--bc-Input-inputColors-activeBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_error_5-152-0:not(.IPT_disabled_5-152-0) {
|
|
|
|
|
|
box-shadow: var(--bc-Input-commonInputColors-errorBoxShadow);
|
|
|
|
|
|
border-color: var(--bc-Input-inputColors-errorBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_success_5-152-0:not(.IPT_disabled_5-152-0) {
|
|
|
|
|
|
box-shadow: var(--bc-Input-commonInputColors-successBoxShadow);
|
|
|
|
|
|
border-color: var(--bc-Input-inputColors-successBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_warning_5-152-0:not(.IPT_disabled_5-152-0) {
|
|
|
|
|
|
box-shadow: var(--bc-Input-commonInputColors-warningBoxShadow);
|
|
|
|
|
|
border-color: var(--bc-Input-inputColors-warningBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_validating_5-152-0:not(.IPT_disabled_5-152-0) {
|
|
|
|
|
|
box-shadow: var(--bc-Input-commonInputColors-validatingBoxShadow);
|
|
|
|
|
|
border-color: var(--bc-Input-inputColors-validatingBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_collapseLeft_5-152-0 {
|
|
|
|
|
|
z-index: 1;
|
|
|
|
|
|
border-left-width: 0;
|
|
|
|
|
|
border-top-left-radius: 0;
|
|
|
|
|
|
border-bottom-left-radius: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_collapseRight_5-152-0 {
|
|
|
|
|
|
z-index: 1;
|
|
|
|
|
|
border-right-width: 0;
|
|
|
|
|
|
border-top-right-radius: 0;
|
|
|
|
|
|
border-bottom-right-radius: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_collapseBoth_5-152-0 {
|
|
|
|
|
|
z-index: 1;
|
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
|
border-left-width: 0;
|
|
|
|
|
|
border-right-width: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_simple_5-152-0 {
|
|
|
|
|
|
border-width: var(--bc-Input-simpleInputColors-borderWidth);
|
|
|
|
|
|
border-radius: var(--bc-Input-simpleInputColors-borderRadius);
|
|
|
|
|
|
background-color: var(--bc-Input-simpleInputColors-bgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_simple_5-152-0:hover:not(.IPT_active_5-152-0):not(.IPT_disabled_5-152-0):not(.IPT_error_5-152-0) {
|
|
|
|
|
|
background: var(--bc-Input-simpleInputColors-hoverBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_simple_5-152-0.IPT_disabled_5-152-0 {
|
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
|
background-color: var(--bc-Input-simpleInputColors-disabledBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_simple_5-152-0.IPT_active_5-152-0:not(.IPT_disabled_5-152-0) {
|
|
|
|
|
|
box-shadow: var(--bc-Input-simpleInputColors-activeBoxShadow);
|
|
|
|
|
|
background-color: var(--bc-Input-simpleInputColors-activeBgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_collapseBoth_5-152-0:hover:not(.IPT_disabled_5-152-0) {
|
|
|
|
|
|
box-shadow: -1px 0 0 0 var(--bc-Input-inputColors-hoverBorderColor), 1px 0 0 0 var(--bc-Input-inputColors-hoverBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_collapseBoth_5-152-0.IPT_active_5-152-0:not(.IPT_disabled_5-152-0) {
|
|
|
|
|
|
box-shadow: -1px 0 0 0 var(--bc-Input-inputColors-activeBorderColor), 1px 0 0 0 var(--bc-Input-inputColors-activeBorderColor), var(--bc-Input-commonInputColors-activeBoxShadow);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_collapseBoth_5-152-0.IPT_error_5-152-0:not(.IPT_disabled_5-152-0) {
|
|
|
|
|
|
box-shadow: -1px 0 0 0 var(--bc-Input-inputColors-errorBorderColor), 1px 0 0 0 var(--bc-Input-inputColors-errorBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_collapseBoth_5-152-0.IPT_success_5-152-0:not(.IPT_disabled_5-152-0) {
|
|
|
|
|
|
box-shadow: -1px 0 0 0 var(--bc-Input-inputColors-successBorderColor), 1px 0 0 0 var(--bc-Input-inputColors-successBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_collapseBoth_5-152-0.IPT_validating_5-152-0:not(.IPT_disabled_5-152-0) {
|
|
|
|
|
|
box-shadow: -1px 0 0 0 var(--bc-Input-inputColors-validatingBorderColor), 1px 0 0 0 var(--bc-Input-inputColors-validatingBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_collapseBoth_5-152-0.IPT_warning_5-152-0:not(.IPT_disabled_5-152-0) {
|
|
|
|
|
|
box-shadow: -1px 0 0 0 var(--bc-Input-inputColors-warningBorderColor), 1px 0 0 0 var(--bc-Input-inputColors-warningBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_collapseRight_5-152-0:hover:not(.IPT_disabled_5-152-0) {
|
|
|
|
|
|
box-shadow: 1px 0 0 0 var(--bc-Input-inputColors-hoverBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_collapseRight_5-152-0.IPT_active_5-152-0:not(.IPT_disabled_5-152-0) {
|
|
|
|
|
|
box-shadow: 1px 0 0 0 var(--bc-Input-inputColors-activeBorderColor), var(--bc-Input-commonInputColors-activeBoxShadow);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_collapseRight_5-152-0.IPT_error_5-152-0:not(.IPT_disabled_5-152-0) {
|
|
|
|
|
|
box-shadow: 1px 0 0 0 var(--bc-Input-inputColors-errorBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_collapseRight_5-152-0.IPT_success_5-152-0:not(.IPT_disabled_5-152-0) {
|
|
|
|
|
|
box-shadow: 1px 0 0 0 var(--bc-Input-inputColors-successBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_collapseRight_5-152-0.IPT_validating_5-152-0:not(.IPT_disabled_5-152-0) {
|
|
|
|
|
|
box-shadow: 1px 0 0 0 var(--bc-Input-inputColors-validatingBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_collapseRight_5-152-0.IPT_warning_5-152-0:not(.IPT_disabled_5-152-0) {
|
|
|
|
|
|
box-shadow: 1px 0 0 0 var(--bc-Input-inputColors-warningBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_collapseLeft_5-152-0:hover:not(.IPT_disabled_5-152-0) {
|
|
|
|
|
|
box-shadow: -1px 0 0 0 var(--bc-Input-inputColors-hoverBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_collapseLeft_5-152-0.IPT_active_5-152-0:not(.IPT_disabled_5-152-0) {
|
|
|
|
|
|
box-shadow: -1px 0 0 0 var(--bc-Input-inputColors-activeBorderColor), var(--bc-Input-commonInputColors-activeBoxShadow);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_collapseLeft_5-152-0.IPT_error_5-152-0:not(.IPT_disabled_5-152-0) {
|
|
|
|
|
|
box-shadow: -1px 0 0 0 var(--bc-Input-inputColors-errorBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_collapseLeft_5-152-0.IPT_success_5-152-0:not(.IPT_disabled_5-152-0) {
|
|
|
|
|
|
box-shadow: -1px 0 0 0 var(--bc-Input-inputColors-successBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_collapseLeft_5-152-0.IPT_validating_5-152-0:not(.IPT_disabled_5-152-0) {
|
|
|
|
|
|
box-shadow: -1px 0 0 0 var(--bc-Input-inputColors-validatingBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0.IPT_collapseLeft_5-152-0.IPT_warning_5-152-0:not(.IPT_disabled_5-152-0) {
|
|
|
|
|
|
box-shadow: -1px 0 0 0 var(--bc-Input-inputColors-warningBorderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputWrapper_5-152-0:hover .IPT_clearWrapper_5-152-0, .IPT_inputWrapper_5-152-0:hover .IPT_length_5-152-0 {
|
|
|
|
|
|
visibility: visible;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_input_5-152-0 {
|
|
|
|
|
|
flex: 1;
|
|
|
|
|
|
color: var(--bc-Input-inputColors-color);
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
border: 0;
|
|
|
|
|
|
cursor: text;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
outline: 0;
|
|
|
|
|
|
overflow: visible;
|
|
|
|
|
|
font-size: inherit;
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
transition: border 0.3s;
|
|
|
|
|
|
font-family: inherit;
|
|
|
|
|
|
line-height: 1.15;
|
|
|
|
|
|
-webkit-appearance: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_input_5-152-0::placeholder {
|
|
|
|
|
|
color: var(--bc-Input-placeholderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_input_5-152-0.IPT_disabled_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Input-inputColors-disabledColor);
|
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_input_5-152-0::-ms-clear {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_input_5-152-0::-o-clear {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_input_5-152-0.IPT_disabled_5-152-0::placeholder {
|
|
|
|
|
|
color: var(--bc-disabledPlaceholderColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_colorInfo_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Input-suffixInfoColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_prependCell_5-152-0 {
|
|
|
|
|
|
border-top-left-radius: var(--bc-borderRadius);
|
|
|
|
|
|
border-bottom-left-radius: var(--bc-borderRadius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_appendCell_5-152-0 {
|
|
|
|
|
|
border-top-right-radius: var(--bc-borderRadius);
|
|
|
|
|
|
border-bottom-right-radius: var(--bc-borderRadius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_prependAppendCell_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Input-addonColors-color);
|
|
|
|
|
|
border: 1px solid var(--bc-Input-addonColors-borderColor);
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
background-color: var(--bc-Input-addonColors-bgColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_prefixSuffixCell_5-152-0 {
|
|
|
|
|
|
color: var(--bc-Input-suffixInfoColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_prefixSuffixCell_5-152-0.IPT_highlight_5-152-0 {
|
|
|
|
|
|
color: var(--bc-linkColor-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_statusIcon_5-152-0 {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
margin-right: 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_statusIcon_5-152-0 .IPT_statusSvg_5-152-0 {
|
|
|
|
|
|
font-size: var(--bc-Input-statusSvgFontSize, 12px);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_danger_5-152-0 {
|
|
|
|
|
|
color: var(--bc-dangerColor-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_successText_5-152-0 {
|
|
|
|
|
|
color: var(--bc-successColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_warnText_5-152-0 {
|
|
|
|
|
|
color: var(--bc-warnColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_validatingText_5-152-0 {
|
|
|
|
|
|
color: var(--bc-themeColor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_small_5-152-0 .IPT_tagSuffixWrapper_5-152-0 {
|
|
|
|
|
|
height: var(--bc-Input-labelHeight-small);
|
|
|
|
|
|
margin: var(--bc-Input-tagLabelMargin) var(--bc-Input-tagGap) var(--bc-Input-tagLabelMargin) 0 ;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_small_5-152-0.IPT_outerWrapper_5-152-0 {
|
|
|
|
|
|
font-size: var(--bc-Input-fontSize-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_small_5-152-0 .IPT_input_5-152-0 {
|
|
|
|
|
|
padding: 0 var(--bc-Input-padding-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_small_5-152-0 .IPT_iconClear_5-152-0 {
|
|
|
|
|
|
padding-right: var(--bc-Input-padding-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_small_5-152-0 .IPT_prefixWrapper_5-152-0, .IPT_small_5-152-0 .IPT_suffixWrapper_5-152-0 {
|
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_small_5-152-0 .IPT_prefixWrapper_5-152-0 {
|
|
|
|
|
|
padding-left: var(--bc-Input-padding-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_small_5-152-0 .IPT_suffixWrapper_5-152-0 {
|
|
|
|
|
|
padding-right: var(--bc-Input-padding-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_small_5-152-0 .IPT_prependCell_5-152-0, .IPT_small_5-152-0 .IPT_appendCell_5-152-0 {
|
|
|
|
|
|
padding: 0 var(--bc-Input-padding-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_small_5-152-0 .IPT_innerInputWrapper_5-152-0 {
|
|
|
|
|
|
max-width: calc(100% - var(--bc-Input-padding-small) * 2);
|
|
|
|
|
|
margin-left: var(--bc-Input-padding-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_small_5-152-0 .IPT_suffixWrapper_5-152-0.IPT_divide_5-152-0 {
|
|
|
|
|
|
border-left: 1px solid var(--bc-borderColor);
|
|
|
|
|
|
padding-left: var(--bc-Input-padding-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_small_5-152-0 .IPT_prefixWrapper_5-152-0.IPT_divide_5-152-0 {
|
|
|
|
|
|
border-right: 1px solid var(--bc-borderColor);
|
|
|
|
|
|
padding-right: var(--bc-Input-padding-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_small_5-152-0.IPT_outerWrapper_5-152-0:not(.IPT_tag_5-152-0) {
|
|
|
|
|
|
height: var(--bc-Input-height-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_small_5-152-0.IPT_outerWrapper_5-152-0.IPT_simple_5-152-0 .IPT_prefixWrapper_5-152-0 {
|
|
|
|
|
|
padding-right: var(--bc-Input-padding-small);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_small_5-152-0.IPT_outerWrapper_5-152-0.IPT_tag_5-152-0 .IPT_input_5-152-0 {
|
|
|
|
|
|
height: calc(var(--bc-Input-height-small) - 2px);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_medium_5-152-0 .IPT_tagSuffixWrapper_5-152-0 {
|
|
|
|
|
|
height: var(--bc-Input-labelHeight-medium);
|
|
|
|
|
|
margin: var(--bc-Input-tagLabelMargin) var(--bc-Input-tagGap) var(--bc-Input-tagLabelMargin) 0 ;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_medium_5-152-0.IPT_outerWrapper_5-152-0 {
|
|
|
|
|
|
font-size: var(--bc-Input-fontSize-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_medium_5-152-0 .IPT_input_5-152-0 {
|
|
|
|
|
|
padding: 0 var(--bc-Input-padding-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_medium_5-152-0 .IPT_iconClear_5-152-0 {
|
|
|
|
|
|
padding-right: var(--bc-Input-padding-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_medium_5-152-0 .IPT_prefixWrapper_5-152-0, .IPT_medium_5-152-0 .IPT_suffixWrapper_5-152-0 {
|
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_medium_5-152-0 .IPT_prefixWrapper_5-152-0 {
|
|
|
|
|
|
padding-left: var(--bc-Input-padding-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_medium_5-152-0 .IPT_suffixWrapper_5-152-0 {
|
|
|
|
|
|
padding-right: var(--bc-Input-padding-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_medium_5-152-0 .IPT_prependCell_5-152-0, .IPT_medium_5-152-0 .IPT_appendCell_5-152-0 {
|
|
|
|
|
|
padding: 0 var(--bc-Input-padding-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_medium_5-152-0 .IPT_innerInputWrapper_5-152-0 {
|
|
|
|
|
|
max-width: calc(100% - var(--bc-Input-padding-medium) * 2);
|
|
|
|
|
|
margin-left: var(--bc-Input-padding-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_medium_5-152-0 .IPT_suffixWrapper_5-152-0.IPT_divide_5-152-0 {
|
|
|
|
|
|
border-left: 1px solid var(--bc-borderColor);
|
|
|
|
|
|
padding-left: var(--bc-Input-padding-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_medium_5-152-0 .IPT_prefixWrapper_5-152-0.IPT_divide_5-152-0 {
|
|
|
|
|
|
border-right: 1px solid var(--bc-borderColor);
|
|
|
|
|
|
padding-right: var(--bc-Input-padding-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_medium_5-152-0.IPT_outerWrapper_5-152-0:not(.IPT_tag_5-152-0) {
|
|
|
|
|
|
height: var(--bc-Input-height-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_medium_5-152-0.IPT_outerWrapper_5-152-0.IPT_simple_5-152-0 .IPT_prefixWrapper_5-152-0 {
|
|
|
|
|
|
padding-right: var(--bc-Input-padding-medium);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_medium_5-152-0.IPT_outerWrapper_5-152-0.IPT_tag_5-152-0 .IPT_input_5-152-0 {
|
|
|
|
|
|
height: calc(var(--bc-Input-height-medium) - 2px);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_large_5-152-0 .IPT_tagSuffixWrapper_5-152-0 {
|
|
|
|
|
|
height: var(--bc-Input-labelHeight-large);
|
|
|
|
|
|
margin: var(--bc-Input-tagLabelMargin) var(--bc-Input-tagGap) var(--bc-Input-tagLabelMargin) 0 ;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_large_5-152-0.IPT_outerWrapper_5-152-0 {
|
|
|
|
|
|
font-size: var(--bc-Input-fontSize-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_large_5-152-0 .IPT_input_5-152-0 {
|
|
|
|
|
|
padding: 0 var(--bc-Input-padding-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_large_5-152-0 .IPT_iconClear_5-152-0 {
|
|
|
|
|
|
padding-right: var(--bc-Input-padding-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_large_5-152-0 .IPT_prefixWrapper_5-152-0, .IPT_large_5-152-0 .IPT_suffixWrapper_5-152-0 {
|
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_large_5-152-0 .IPT_prefixWrapper_5-152-0 {
|
|
|
|
|
|
padding-left: var(--bc-Input-padding-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_large_5-152-0 .IPT_suffixWrapper_5-152-0 {
|
|
|
|
|
|
padding-right: var(--bc-Input-padding-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_large_5-152-0 .IPT_prependCell_5-152-0, .IPT_large_5-152-0 .IPT_appendCell_5-152-0 {
|
|
|
|
|
|
padding: 0 var(--bc-Input-padding-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_large_5-152-0 .IPT_innerInputWrapper_5-152-0 {
|
|
|
|
|
|
max-width: calc(100% - var(--bc-Input-padding-large) * 2);
|
|
|
|
|
|
margin-left: var(--bc-Input-padding-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_large_5-152-0 .IPT_suffixWrapper_5-152-0.IPT_divide_5-152-0 {
|
|
|
|
|
|
border-left: 1px solid var(--bc-borderColor);
|
|
|
|
|
|
padding-left: var(--bc-Input-padding-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_large_5-152-0 .IPT_prefixWrapper_5-152-0.IPT_divide_5-152-0 {
|
|
|
|
|
|
border-right: 1px solid var(--bc-borderColor);
|
|
|
|
|
|
padding-right: var(--bc-Input-padding-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_large_5-152-0.IPT_outerWrapper_5-152-0:not(.IPT_tag_5-152-0) {
|
|
|
|
|
|
height: var(--bc-Input-height-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_large_5-152-0.IPT_outerWrapper_5-152-0.IPT_simple_5-152-0 .IPT_prefixWrapper_5-152-0 {
|
|
|
|
|
|
padding-right: var(--bc-Input-padding-large);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_large_5-152-0.IPT_outerWrapper_5-152-0.IPT_tag_5-152-0 .IPT_input_5-152-0 {
|
|
|
|
|
|
height: calc(var(--bc-Input-height-large) - 2px);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_reunitBlock_5-152-0 {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputBlock_5-152-0 {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_inputBlockCell_5-152-0 {
|
|
|
|
|
|
flex: 1;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_prependSelect_5-152-0.IPT_selectFocus_5-152-0 {
|
|
|
|
|
|
z-index: 2;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_appendSelect_5-152-0.IPT_selectFocus_5-152-0 {
|
|
|
|
|
|
z-index: 2;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_prefixCell_5-152-0 {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_suffixCell_5-152-0 {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_innerInputWrapper_5-152-0 {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_pointerCell_5-152-0 {
|
|
|
|
|
|
cursor: inherit;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_autocompleteDropdown_5-152-0 {
|
|
|
|
|
|
overflow: auto;
|
|
|
|
|
|
max-height: 168px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_autosizeInputWrapper_5-152-0 {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
overflow: auto;
|
|
|
|
|
|
max-height: 100%;
|
|
|
|
|
|
align-items: flex-start;
|
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_autosizeInputWrapper_5-152-0::-webkit-scrollbar-thumb {
|
|
|
|
|
|
border-radius: 3px;
|
|
|
|
|
|
background-color: rgba(0, 0, 0, 0.2);
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_autosizeInputWrapper_5-152-0::-webkit-scrollbar {
|
|
|
|
|
|
width: 5px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_autosizeWrapper_5-152-0 {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_mirror_5-152-0 {
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
z-index: 10000;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
visibility: hidden;
|
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
white-space: pre;
|
|
|
|
|
|
}
|
|
|
|
|
|
.IPT_length_5-152-0 {
|
|
|
|
|
|
visibility: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style><style id="beast-core-dynamic-theme-2" type="text/css">:root {--bc-themeColor:#E02E24;--bc-themeColor1:#fff3f0;--bc-themeColor2:#ffd5cc;--bc-themeColor3:#ffb1a3;--bc-themeColor4:#fa8778;--bc-themeColor5:#ed594c;--bc-themeColor6:#E02E24;--bc-themeColor7:#ba1714;--bc-themeColor8:#94090b;--bc-themeColor9:#6e0107;--bc-themeColor10:#470006;}</style><link rel="stylesheet" type="text/css" href="https://mms-static.pddpic.com/home/static/css/575.dd454a000.chunk.css"><link rel="stylesheet" type="text/css" href="https://mms-static.pddpic.com/home/static/css/creator.aeb98e59a.chunk.css"><style id="beast-core-dynamic-theme-6" type="text/css">:root {--bc-themeColor:#E02E24;--bc-themeColor1:#fff3f0;--bc-themeColor2:#ffd5cc;--bc-themeColor3:#ffb1a3;--bc-themeColor4:#fa8778;--bc-themeColor5:#ed594c;--bc-themeColor6:#E02E24;--bc-themeColor7:#ba1714;--bc-themeColor8:#94090b;--bc-themeColor9:#6e0107;--bc-themeColor10:#470006;}</style></head><body>
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="__BEAST_CORE_SVG_SPRITE_NODE__" style="display:none;overflow:hidden;width:0;height:0">
|
|
|
|
|
|
<defs>
|
|
|
|
|
|
<symbol id="loading" viewBox="0 0 1024 1024"><path d="M64 512c0-22.5 18.219-40.75 40.719-40.75s40.75 18.25 40.75 40.75c0 202.438 164.125 366.562 366.531 366.562S878.531 714.438 878.531 512 714.406 145.438 512 145.438c-22.5 0-40.719-18.188-40.719-40.688S489.5 64 512 64c247.406 0 448 200.625 448 448S759.406 960 512 960 64 759.375 64 512z"></path></symbol>
|
|
|
|
|
|
</defs>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
<noscript>You need to enable JavaScript to run this app.</noscript><div id="root"><section class="beast-layout beast-pro-layout"><header class="beast-layout-header beast-layout-header-light beast-pro-layout-header beast-pro-layout-header-fixed" style="box-shadow: rgba(0, 21, 41, 0.12) 0px 1px 4px 0px; background: rgb(224, 46, 36); z-index: 102;"><div class="beast-layout-header-inner"><a class="beast-layout-header-title"><div class="beast-layout-header-name"><div class="O_MxxkA6"><img data-retry-count="0" data-retry-status="success" class="IfBfR5x2" data-bimg-src="" src="https://promotion.pddpic.com/promo/live_video/13c9a9f9-2094-4c92-8f21-b69cee1929db.png.slim.png?imageView2/2/w/1700/q/85"><span class="MDeAtjwj">MCN机构后台</span></div></div></a><div class="beast-layout-header-tail"><div class="beast-layout-header-avatar"><img src="https://avatar3.pddpic.com/a/Q0ZCUVlVdzB4bTFzUHZnRmRnYTF3TkNIeDBrMHhtdGpUdz09djA0-1672132250?imageMogr2/thumbnail/100x" class="beast-layout-header-avatar-url"><span class="beast-layout-header-avatar-name"><span style="color: white;">星辰</span></span></div></div></div></header><section class="beast-layout"><main class="beast-layout-content beast-pro-layout-content beast-pro-layout-content-has-header"><div class="beast-pro-layout-content-inner"><div class="beast-pro-layout-content-inner-main"><div class="KwaKOR9r"><div class="UgW3J3nS"><div class="w5kbjzst"><div class="FMzB2C8u"><div class="qAYY2dd2"><button customstyle="[object Object]" class="BTN_outerWrapper_5-152-0 BTN_primary_5-152-0 BTN_medium_5-152-0 BTN_outerWrapperBtn_5-152-0" data-testid="beast-core-button" type="button" style="width: 210px; min-width: 210px; height: 54px; padding: 0px; color: rgb(255, 255, 255);"><span>发布视频</span></button></div></div><div class="_NR5atMD"><div class="j_Xj5TxY"><img data-retry-count="0" data-retry-status="success" data-bimg-src="" src="https://avatar3.pddpic.com/a/Q0MwekZ2VnVPVmpqbTlYMWJzVTQwamlRTWEybncySDFHdz09djA0-1580443768?imageMogr2/thumbnail/200x"></div><div class="dcHVeFbb"><div class="bIHKqXy_">主播:Liu_烫烫</div><div class="t2oeqv_z">ID:1022888100</div></div></div><div class="IXBWMMlk"><ul data-testid="beast-core-menu" class="MEN_menu_5-152-0 MEN_inlineMenu_5-152-0" style="width: 210px;"><li class="MEN_menu_5-152-0 MEN_subMenu_5-152-0 MEN_subMenuSelected_5-152-0"><div class="MEN_subMenuTitle_5-152-0 MEN_firstMenu_5-152-0" data-testid="beast-core-menu-subMenu-subMenuTitle" style="padding-left: 24px;"><span role="img" class="beast-icon"><svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M14,2 C14.5522847,2 15,2.44771525 15,3 L15,13 C15,13.5522847 14.5522847,14 14,14 L2,14 C1.44771525,14 1,13.5522847 1,13 L1,3 C1,2.44771525 1.44771525,2 2,2 L14,2 Z M14,3 L2,3 L2,13 L14,13 L14,3 Z M7.21620642,5.5047247 C7.48271872,5.5047247 7.74441882,5.57573189 7.97438061,5.71044039 L7.97438061,5.71044039 L9.82437059,6.79413943 C10.5391841,7.21286747 10.7792087,8.13178445 10.3604807,8.84659794 C10.2306336,9.06826083 10.0460335,9.25286094 9.82437059,9.38270805 L9.82437059,9.38270805 L7.97438061,10.4664071 C7.25956712,10.8851351 6.34065015,10.6451105 5.9219221,9.93029697 C5.7872136,9.70033518 5.71620642,9.43863508 5.71620642,9.17212278 L5.71620642,9.17212278 L5.71620642,7.0047247 C5.71620642,6.17629758 6.38777929,5.5047247 7.21620642,5.5047247 Z M7.21620642,6.5047247 C6.94006404,6.5047247 6.71620642,6.72858233 6.71620642,7.0047247 L6.71620642,7.0047247 L6.71620642,9.17212278 C6.71620642,9.26096021 6.73987548,9.34819358 6.78477831,9.42484751 C6.92435433,9.66311867 7.23065998,9.7431269 7.46893115,9.60355088 L7.46893115,9.60355088 L9.31892112,8.51985184 C9.39280875,8.47656947 9.45434212,8.4150361 9.49762449,8.34114847 C9.63720051,8.10287731 9.55719228,7.79657165 9.31892112,7.65699563 L9.31892112,7.65699563 L7.46893115,6.5732966 C7.39227722,6.52839377 7.30504385,6.5047247 7.21620642,6.5047247 Z" id="形状结合" fill="currentColor"></path></svg></span><span class="MEN_subMenuTitleField_5
|