/* Shared vocabulary for all cloud configuration controls, including cloud-only options. */
html[theme] #goodsPage .mf-cloud,html[theme] #goodsPage .mf-cloud :is(p,span,label,input,button,select,textarea){font-family:Arial,sans-serif}
html[theme] #goodsPage .mf-cloud{font-size:14px;line-height:24px;color:#000}
html[theme] #goodsPage .mf-cloud .el-form-item{box-sizing:border-box;padding:16px 0 24px!important;margin:0!important;min-height:102px;border-bottom:1px solid #e0e0e0}
html[theme] #goodsPage .mf-cloud .el-form-item .el-form-item{min-height:0;padding:8px 0!important;border:0}
html[theme] #goodsPage .mf-cloud .el-form-item>.el-form-item__label{box-sizing:border-box;display:flex;align-items:center;gap:6px;float:none;text-align:left;width:100%!important;height:auto;min-height:28px;margin:0!important;padding:0!important;color:#000;font:500 20px/28px Arial,sans-serif!important}
html[theme] #goodsPage .mf-cloud .el-form-item>.el-form-item__content{margin:0!important;padding:0!important;line-height:24px;font:14px/24px Arial,sans-serif;color:#000}
html[theme] #goodsPage .mf-cloud .xf-config-label-icon{font:24px/28px 'XF Material Icons'!important;display:inline-block;width:24px;height:28px;flex:none;color:inherit;letter-spacing:normal;font-feature-settings:'liga'}
html[theme] #goodsPage .mf-cloud .el-form-item__label::before,html[theme] #goodsPage .mf-cloud .image>.el-form-item__label::after{display:none!important}
html[theme] #goodsPage .mf-cloud .s-tip{font:14px/24px Arial,sans-serif!important;margin:4px 0 0!important;color:#000!important;letter-spacing:0}
html[theme] #goodsPage .mf-cloud .s-tip span{color:inherit!important}
html[theme] #goodsPage .mf-cloud :is(.el-radio-group,.el-checkbox-group){display:flex;align-items:center;flex-wrap:wrap;gap:0;font:14px/24px Arial,sans-serif}
html[theme] #goodsPage .mf-cloud .el-radio{min-width:240px;padding:8px 0;margin:0!important;height:40px;box-sizing:border-box;color:#000;font-size:14px}
html[theme] #goodsPage .mf-cloud .el-radio__inner{width:18px;height:18px;border:2px solid #757575;background:transparent}
html[theme] #goodsPage .mf-cloud .el-radio__input.is-checked .el-radio__inner{border-color:#536dfe;background:transparent}
html[theme] #goodsPage .mf-cloud .el-radio__inner::after{width:8px;height:8px;background:#536dfe}
html[theme] #goodsPage .mf-cloud .el-radio__label{font-size:14px;padding-left:18px;color:#000!important}
html[theme] #goodsPage .mf-cloud .el-input__inner{height:38px!important;border:1px solid #cbd2df;border-radius:3px;background:transparent;font:14px/36px Arial,sans-serif!important;color:#495057;padding:0 12px}
html[theme] #goodsPage .mf-cloud .el-input__inner:focus{border-color:#a9b5c9;box-shadow:none}
html[theme] #goodsPage .mf-cloud :is(.optional,.login-box) .el-input__inner{height:36px!important;padding:8px 0;border:0;border-bottom:1px solid #999;border-radius:0;font:16px/20px Arial,sans-serif!important}
html[theme] #goodsPage .mf-cloud :is(.optional,.login-box) .el-input__inner:focus{border-bottom-color:#304ffe;box-shadow:0 1px 0 #304ffe}
html[theme] #goodsPage .mf-cloud .el-checkbox__label{font:14px/24px Arial,sans-serif;color:#000}
html[theme] #goodsPage .mf-cloud .el-checkbox__inner{border-radius:2px;border-color:#757575}
html[theme] #goodsPage .mf-cloud .el-checkbox__input.is-checked .el-checkbox__inner{border-color:#536dfe;background:#536dfe}
html[theme] #goodsPage .mf-cloud .el-tabs__item{font:500 14px/36px Arial,sans-serif;height:36px;color:#000;border:0!important}
html[theme] #goodsPage .mf-cloud .el-tabs__item.is-active{color:#3f51b5}
html[theme] #goodsPage .mf-cloud .el-tabs__active-bar{background:#3f51b5}
html[theme] #goodsPage .mf-cloud .el-tabs__nav-wrap::after{height:1px;background:#e0e0e0}
html[theme] #goodsPage .mf-cloud .el-slider{margin:8px 0 0}
html[theme] #goodsPage .mf-cloud .el-input-number{width:296px;max-width:100%;line-height:36px}
html[theme] #goodsPage .mf-cloud .el-input-number .el-input__inner{border:0;border-bottom:1px solid #999;border-radius:0;text-align:left;padding-left:0}
html[theme] #goodsPage .mf-cloud .image{min-height:132px}
html[theme] #goodsPage .mf-cloud .image .s-tip{display:none}
html[theme] #goodsPage .mf-cloud .image .xf-os-controls{margin:0}
html[theme] #goodsPage .mf-cloud .el-form-item__error{font:12px/20px Arial,sans-serif;color:#f44336;padding:0;position:static}
html[theme] #goodsPage .mf-cloud .error-tip{font:12px/20px Arial,sans-serif;color:#f44336}
html[theme] body.xf-dark #goodsPage .mf-cloud,html[theme] body.xf-dark #goodsPage .mf-cloud :is(.el-form-item__label,.el-form-item__content,.el-radio__label,.el-checkbox__label,.s-tip){color:#fff!important}
html[theme] body.xf-dark #goodsPage .mf-cloud .el-form-item{border-color:#616161}
html[theme] body.xf-dark #goodsPage .mf-cloud .el-input__inner{color:#fff;border-color:#757575}
html[theme] body.xf-dark #goodsPage .mf-cloud .xf-os-menu button:hover{background:#616161}

html[theme] #goodsPage .mf-cloud .el-form{margin-top:0!important}
html[theme] #goodsPage .mf-cloud .top-tab>.el-tabs__header{margin:0!important;border:0}
html[theme] #goodsPage .mf-cloud .top-tab>.el-tabs__header .el-tabs__item{height:48px;line-height:48px;padding:0 24px}
html[theme] #goodsPage .mf-cloud .cloud-item{border:1px solid #e0e0e0;border-radius:2px;background:var(--xf-card);font:14px/24px Arial,sans-serif;color:#000;box-shadow:0 2px 2px #00000024,0 1px 5px #0000001f}
html[theme] #goodsPage .mf-cloud .cloud-item.active{border-color:#536dfe}
html[theme] #goodsPage .mf-cloud .cloud-item .top{font:500 16px/24px Arial,sans-serif;padding:16px;background:transparent;color:#000}
html[theme] #goodsPage .mf-cloud .cloud-item .info{padding:0 16px 16px;color:#000}
html[theme] #goodsPage .mf-cloud .el-radio-button__inner{color:#000!important}
html[theme] body.xf-dark #goodsPage .mf-cloud :is(.cloud-item,.cloud-item .top,.cloud-item .info,.el-radio-button__inner){color:#fff!important}

html[theme] #goodsPage .xf-config-cost td{white-space:pre-line;vertical-align:middle}
html[theme] #goodsPage .xf-cost-help{color:#6064ff;cursor:help}

/* The save actions are part of the save card, and the copyright is a sibling card. */
html[theme] #goodsPage .xf-reference-checkout>.f-order{display:none!important}
html[theme] #goodsPage .xf-config-costs{width:100%;margin:0;clear:both}
html[theme] #goodsPage .xf-config-cost{border-radius:2px;overflow:hidden}
html[theme] #goodsPage .xf-config-cost h2{padding:24px 16px 16px;font:400 24px/36px Arial,sans-serif}
html[theme] #goodsPage .xf-config-cost th{height:56px;padding:16px 24px;box-sizing:border-box;font:500 14px/24px Arial,sans-serif}
html[theme] #goodsPage .xf-config-cost td{height:49px;padding:12px 24px;box-sizing:border-box;font:14px/24px Arial,sans-serif}
html[theme] #goodsPage .xf-config-cost tr:last-child td:first-child{font-weight:700}
html[theme] #goodsPage .xf-config-save-actions{padding:8px;background:var(--xf-card);box-shadow:0 -2px 2px #0003;min-height:76px;box-sizing:border-box}
html[theme] #goodsPage .xf-config-save-button{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 16px;background:#91c2ed;border:0;border-radius:2px;color:#000;font:500 14px/36px Arial,sans-serif;cursor:pointer;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}
html[theme] #goodsPage .xf-config-save-button:hover{color:#5674dc;opacity:.87;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}
html[theme] #goodsPage .xf-config-save-button:disabled{opacity:.4;cursor:default}
html[theme] #goodsPage .xf-config-save-tip{display:flex;align-items:center;flex-wrap:wrap;margin:0;font:14px/24px Arial,sans-serif;color:var(--xf-ink)}
html[theme] #goodsPage .xf-config-save-tip i{color:#536dfe;margin-right:4px}
html[theme] #goodsPage .xf-config-save-tip a{color:#6064ff}
html[theme] #goodsPage>.el-container>.el-container>.el-main>.xf-site-footer{box-sizing:border-box;max-width:1264px;width:100%;min-height:106px;margin:28px auto 0;padding:16px;display:flex;align-items:center;justify-content:center;background:var(--xf-card);border:0;border-radius:2px;box-shadow:var(--xf-shadow);font:14px/24px Arial,sans-serif}
html[theme] #goodsPage .xf-billing-choice{padding:16px 0 24px;border-top:1px solid var(--xf-line);color:var(--xf-ink);font:14px/24px Arial,sans-serif}
html[theme] #goodsPage .xf-billing-choice h3{font:500 20px/28px Arial,sans-serif;margin:0}
html[theme] #goodsPage .xf-billing-options{display:flex;flex-wrap:wrap}
html[theme] #goodsPage .xf-billing-options label{min-width:240px;display:flex;align-items:center;gap:18px;min-height:40px;cursor:pointer}
html[theme] #goodsPage .xf-billing-options input{accent-color:#536dfe;width:18px;height:18px;margin:0}
html[theme] #goodsPage .xf-billing-quantity{display:flex;align-items:center;gap:16px}
html[theme] #goodsPage .xf-billing-quantity input{width:80px;height:36px;border:0;border-bottom:1px solid #999;background:transparent;color:inherit;font:16px/36px Arial,sans-serif}
@media(max-width:768px){html[theme] #goodsPage .xf-config-cost :is(td,th){padding-left:12px;padding-right:12px}html[theme] #goodsPage .xf-config-save-tip{font-size:12px}}

html[theme] body:not(.xf-dark) #goodsPage :is(.xf-config-cost,.xf-config-cost table,.xf-config-cost td,.xf-config-cost th,.xf-config-save-actions,.xf-site-footer){background:#fff!important}
html[theme] #goodsPage .xf-config-cost table{table-layout:fixed}
html[theme] #goodsPage .xf-config-cost :is(td,th){overflow-wrap:anywhere}
html[theme] #goodsPage .xf-config-cost :is(td,th):first-child{width:28%}
html[theme] #goodsPage .xf-config-cost :is(td,th):last-child{width:20%}