:root{--odc-blue-01:#f2f6fe;--odc-blue-02:#cbdcfe;--odc-blue-03:#a6c3ff;--odc-blue-04:#80aaff;--odc-blue-05:#4080ff;--odc-blue-06:#296bef;--odc-blue-07:#0b4fd9;--odc-blue-08:#0941b3;--odc-blue-09:#002f8c;--odc-blue-10:#026;--odc-red-01:#fff3f2;--odc-red-02:#ffd0cc;--odc-red-03:#ffada6;--odc-red-04:#ff8a80;--odc-red-05:#ff4f40;--odc-red-06:#e63d2e;--odc-red-07:#d91c0b;--odc-red-08:#b21709;--odc-red-09:#8c0c00;--odc-red-10:#660800;--odc-orange-01:#fff9f2;--odc-orange-02:#ffe9cc;--odc-orange-03:#ffd8a6;--odc-orange-04:#ffc880;--odc-orange-05:#ffac40;--odc-orange-06:#fa8e00;--odc-orange-07:#f28100;--odc-orange-08:#d97b00;--odc-orange-09:#a65e00;--odc-orange-10:#804800;--odc-green-01:#f6fff2;--odc-green-02:#d9fac8;--odc-green-03:#b8f09c;--odc-green-04:#99e573;--odc-green-05:#6edb37;--odc-green-06:#5ac724;--odc-green-07:#47bf0a;--odc-green-08:#41b209;--odc-green-09:#2f8c00;--odc-green-10:#260;--odc-gray-01:#313233;--odc-gray-02:#626366;--odc-gray-03:#939599;--odc-gray-04:#c4c7cc;--odc-gray-05:#d2d4d9;--odc-gray-06:#dfe1e6;--odc-gray-07:#e6e8ed;--odc-gray-08:#edeff2;--odc-gray-09:#f2f4f7;--odc-gray-10:#f5f6f7;--odc-gray-11:#f7f8fa;--odc-gray-12:#f7f9fc;--odc-black:#000;--odc-white:#fff}
.odc-text-normal{font-size:14px;line-height:22px}
.odc-text-small{font-size:12px;line-height:20px}
.odc-text-large{font-size:16px;line-height:24px}
.odc-text-mini{font-size:10px;line-height:18px}
.odc-zoom-text-mini{font-size:12px;line-height:20px;zoom:.8334}
.odc-hover-show{opacity:0;visibility:hidden;transition:opacity var(--motion-duration-fast) var(--ease-in-out)}
.odc-hover:hover .odc-hover-show{opacity:1;visibility:visible}
.odc-hover:hover .odc-hover-hide{opacity:0;visibility:hidden}
.hover\:odc-text-link:hover,.odc-text-link{color:#296bef;color:var(--odc-blue-06)}
.odc-text-primary{color:#313233;color:var(--odc-gray-01)}
.odc-text-secondary{color:#626366;color:var(--odc-gray-02)}
.odc-text-comment{color:#939599;color:var(--odc-gray-03)}
.odc-text-highlight{color:#fa8e00}
.odc-text-warning{color:#fa8e00;color:var(--odc-orange-06)}
.odc-text-danger{color:#e63d2e;color:var(--odc-red-06)}
.odc-text-success{color:#5ac724;color:var(--odc-green-06)}
.odc-text-disabled{color:#c4c7cc;color:var(--odc-gray-04)}
.odc-text-white{color:#fff;color:var(--odc-white)}
.odc-text-strong{font-weight:600}
.odc-text-tips{font-size:12px;line-height:20px;color:#939599;color:var(--odc-gray-03)}
.odc-text-required{margin-left:4px;line-height:22px;color:var(--od-brand)}
.odc-line-clamp{display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-line-clamp:var(--odc-line-clamp,2);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.odc-corner-check{display:block;width:24px;height:24px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 24h17a7 7 0 007-7V0L0 24z' fill='%23296BEF' fill-opacity='.8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.331 14.027a.505.505 0 000-.71l-.698-.704a.495.495 0 00-.704 0l-4.677 4.715-2.162-2.18a.495.495 0 00-.704 0l-.698.704a.505.505 0 000 .71l2.487 2.508.026.028.698.704c.195.196.51.196.704 0l5.728-5.775z' fill='%23fff'/%3E%3C/svg%3E")}
.odc-video-play{display:block;width:32px;width:var(--ico-size,32px);height:32px;height:var(--ico-size,32px);border:1px solid #fff;border-radius:999em;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg' class='ml-1'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.545 7.143a1 1 0 010 1.666l-5.992 3.976A1 1 0 014 11.952V4a1 1 0 011.553-.833l5.992 3.976z' fill='%23FFF' fill-opacity='.8'/%3E%3C/svg%3E") no-repeat 50%;background-position:7px 50%;background-position:var(--bg-pos,7px 50%);background-color:rgba(49,50,51,.3);background-color:var(--bg-color,rgba(49,50,51,.3));background-size:20px 20px;background-size:var(--bg-size,20px 20px)}
.absolute{position:absolute}
.relative{position:relative}
.static{position:static}
.sticky{position:sticky}
.fixed{position:fixed}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.overflow-hidden{overflow:hidden}
.overflow-x-auto{overflow-x:auto}
.overflow-y-auto{overflow-y:auto}
.overflow-y-overlay{overflow-y:overlay}
.flex{display:flex}
.inline-flex{display:inline-flex}
.block{display:block}
.inline{display:inline}
.inline-block{display:inline-block}
.\!hidden{display:none!important}
.autosize,.flex-auto{flex:auto}
.flex-1{flex:1}
.flex-none{flex:none}
.flex-center{display:flex;align-items:center;justify-content:center}
.flext-start{--align-items:flex-start;align-items:flex-start}
.flex-col,.flex-column{flex-direction:column}
.flex-row-reverse{flex-direction:row-reverse}
.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}
.items-start{align-items:flex-start}
.items-end{align-items:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.justify-end{justify-content:flex-end}
.self-start{align-self:flex-start}
.self-end{align-self:flex-end}
.self-center{align-self:center}
.self-stretch{align-self:stretch}
.align--1{vertical-align:-1px}
.align--2{vertical-align:-2px}
.align--3{vertical-align:-3px}
.align-0{vertical-align:0}
.align-baseline{vertical-align:baseline}
.align-middle{vertical-align:middle}
.border{border-width:1px}
.border-2{border-width:2px}
.border-t{border-top-width:1px}
.border-r{border-right-width:1px}
.border-b{border-bottom-width:1px}
.border-l{border-left-width:1px}
.border-gray-7{border-color:var(--gray-7)}
.border-current{border-color:currentColor}
.border-dashed{border-style:dashed}
.border-none{border-style:none}
.border-t-0{border-top-width:0}
.border-brand-80{border-color:rgba(41,107,239,.8)}
.radius-2{border-radius:2px}
.radius-4{border-radius:4px}
.radius-6{border-radius:6px}
.radius-8{border-radius:8px}
.radius-12{border-radius:12px}
.radius-full{border-radius:9999px}
.radius-none{border-radius:0}
.radius-br-none{border-bottom-right-radius:0}
.radius-bl-none{border-bottom-left-radius:0}
.radius-t-none{border-top-left-radius:0;border-top-right-radius:0}
.radius-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}
.outline-brand{outline:1px solid var(--spaui-brand-color)}
.outline{outline-style:solid}
.outline-1{outline-width:1px}
.outline-2{outline-width:2px}
.ouline-brand-80{outline:1px solid rgba(41,107,239,.8)}
.gap-0{grid-gap:0;gap:0}
.gap-2{grid-gap:2px;gap:2px}
.gap-4{grid-gap:4px;gap:4px}
.gap-6{grid-gap:6px;gap:6px}
.gap-8{grid-gap:8px;gap:8px}
.gap-10{grid-gap:10px;gap:10px}
.gap-12{grid-gap:12px;gap:12px}
.gap-15{grid-gap:15px;gap:15px}
.gap-16{grid-gap:16px;gap:16px}
.gap-18{grid-gap:18px;gap:18px}
.gap-20{grid-gap:20px;gap:20px}
.gap-24{grid-gap:24px;gap:24px}
.gap-28{grid-gap:28px;gap:28px}
.gap-32{grid-gap:32px;gap:32px}
.gap-40{grid-gap:40px;gap:40px}
.gap-48{grid-gap:48px;gap:48px}
.gap-64{grid-gap:64px;gap:64px}
.p-0{padding:0}
.p-1{padding:1px}
.p-2{padding:2px}
.p-4{padding:4px}
.p-8{padding:8px}
.p-12{padding:12px}
.p-15{padding:15px}
.p-16{padding:16px}
.p-20{padding:20px}
.p-24{padding:24px}
.p-32{padding:32px}
.p-40{padding:40px}
.p-0-2{padding:0 2px}
.p-0-4{padding:0 4px}
.p-0-8{padding:0 8px}
.p-0-12{padding:0 12px}
.p-0-16{padding:0 16px}
.p-6-24{padding:6px 24px}
.p-12-16{padding:12px 16px}
.p-12-20{padding:12px 20px}
.p-12-24{padding:12px 24px}
.p-16-24{padding:16px 24px}
.p-20-24{padding:20px 24px}
.pt-0{padding-top:0}
.pt-1{padding-top:1px}
.pt-4{padding-top:4px}
.pt-6{padding-top:6px}
.pt-7{padding-top:7px}
.pt-8{padding-top:8px}
.pt-10{padding-top:10px}
.pt-12{padding-top:12px}
.pt-15{padding-top:15px}
.pt-16{padding-top:16px}
.pt-20{padding-top:20px}
.pt-24{padding-top:24px}
.pt-32{padding-top:32px}
.pt-40{padding-top:40px}
.pt-48{padding-top:48px}
.pr-4{padding-right:4px}
.pr-6{padding-right:6px}
.pr-8{padding-right:8px}
.pr-12{padding-right:12px}
.pr-16{padding-right:16px}
.pr-24{padding-right:24px}
.pr-40{padding-right:40px}
.pb-4{padding-bottom:4px}
.pb-8{padding-bottom:8px}
.pt-11{padding-top:11px}
.pb-12{padding-bottom:12px}
.pb-15{padding-bottom:15px}
.pb-16{padding-bottom:16px}
.pb-20{padding-bottom:20px}
.pb-24{padding-bottom:24px}
.pb-28{padding-bottom:28px}
.pb-30{padding-bottom:30px}
.pb-56{padding-bottom:56px}
.pl-0{padding-left:0}
.pl-1{padding-left:1px}
.pl-2{padding-left:2px}
.pl-4{padding-left:4px}
.pl-8{padding-left:8px}
.pl-10{padding-left:10px}
.pl-11{padding-left:11px}
.pl-12{padding-left:12px}
.pl-16{padding-left:16px}
.pl-20{padding-left:20px}
.pl-24{padding-left:24px}
.px-0{padding-right:0;padding-left:0}
.px-1{padding-right:1px;padding-left:1px}
.px-2{padding-right:2px;padding-left:2px}
.px-3{padding-right:3px;padding-left:3px}
.px-4{padding-left:4px;padding-right:4px}
.px-5{padding-right:5px;padding-left:5px}
.px-6{padding-right:6px;padding-left:6px}
.px-7{padding-right:7px;padding-left:7px}
.px-8{padding-left:8px;padding-right:8px}
.px-10{padding-left:10px;padding-right:10px}
.px-11{padding-left:11px;padding-right:11px}
.px-12{padding-left:12px;padding-right:12px}
.px-15{padding-left:15px;padding-right:15px}
.px-16{padding-left:16px;padding-right:16px}
.px-20{padding-left:20px;padding-right:20px}
.px-24{padding-left:24px;padding-right:24px}
.px-28{padding-left:28px;padding-right:28px}
.px-32{padding-left:32px;padding-right:32px}
.px-40{padding-left:40px;padding-right:40px}
.py-0{padding-top:0;padding-bottom:0}
.py-1{padding-top:1px;padding-bottom:1px}
.py-2{padding-top:2px;padding-bottom:2px}
.py-3{padding-top:3px;padding-bottom:3px}
.py-4{padding-top:4px;padding-bottom:4px}
.py-5{padding-top:5px;padding-bottom:5px}
.py-6{padding-top:6px;padding-bottom:6px}
.py-7{padding-top:7px;padding-bottom:7px}
.py-8{padding-top:8px;padding-bottom:8px}
.py-11{padding-top:11px;padding-bottom:11px}
.py-12{padding-top:12px;padding-bottom:12px}
.py-15{padding-top:15px;padding-bottom:15px}
.py-16{padding-top:16px;padding-bottom:16px}
.py-20{padding-top:20px;padding-bottom:20px}
.py-24{padding-top:24px;padding-bottom:24px}
.py-28{padding-top:28px;padding-bottom:28px}
.py-40{padding-top:40px;padding-bottom:40px}
.mt-auto{margin-top:auto}
.mr-auto{margin-right:auto}
.ml-auto,.mx-auto{margin-left:auto}
.mx-auto{margin-right:auto}
.m-0{margin:0}
.m-1{margin:1px}
.m-6{margin:6px}
.m-16{margin:16px}
.m-20{margin:20px}
.m-24{margin:24px}
.m-auto{margin:auto}
.m-0-16{margin:0 16px}
.mx-0{margin-right:0;margin-left:0}
.mx-2{margin-right:2px;margin-left:2px}
.mx-3{margin-right:3px;margin-left:3px}
.mx-7{margin-right:7px;margin-left:7px}
.mx-8{margin-left:8px;margin-right:8px}
.mx-15{margin-right:15px;margin-left:15px}
.mx-16{margin-right:16px;margin-left:16px}
.mx-20{margin-left:20px;margin-right:20px}
.mx-24{margin-left:24px;margin-right:24px}
.mx-32{margin-left:32px;margin-right:32px}
.mx-40{margin-left:40px;margin-right:40px}
.my-0{margin-top:0;margin-bottom:0}
.my-2{margin-top:2px;margin-bottom:2px}
.my-3{margin-top:3px;margin-bottom:3px}
.my-4{margin-top:4px;margin-bottom:4px}
.my-6{margin-top:6px;margin-bottom:6px}
.my-8{margin-top:8px;margin-bottom:8px}
.my-12{margin-top:12px;margin-bottom:12px}
.my-16{margin-top:16px;margin-bottom:16px}
.mt-0{margin-top:0}
.mt-1{margin-top:1px}
.mt-2{margin-top:2px}
.mt-4{margin-top:4px}
.mt-5{margin-top:5px}
.mt-6{margin-top:6px}
.mt-7{margin-top:7px}
.mt-8{margin-top:8px}
.mt-10{margin-top:10px}
.mt-12{margin-top:12px}
.mt-14{margin-top:14px}
.mt-15{margin-top:15px}
.mt-16{margin-top:16px}
.mt-20{margin-top:20px}
.mt-24{margin-top:24px}
.mt-30{margin-top:30px}
.mt-32{margin-top:32px}
.mt-40{margin-top:40px}
.mt-56{margin-top:56px}
.mr-0{margin-right:0}
.mr-2{margin-right:2px}
.mr-4{margin-right:4px}
.mr-6{margin-right:6px}
.mr-8{margin-right:8px}
.mr-10{margin-right:10px}
.mr-12{margin-right:12px}
.mr-16{margin-right:16px}
.mr-20{margin-right:20px}
.mr-24{margin-right:24px}
.mr-40{margin-right:40px}
.mb-0{margin-bottom:0}
.mb-1{margin-bottom:1px}
.mb-4{margin-bottom:4px}
.mb-6{margin-bottom:6px}
.mb-8{margin-bottom:8px}
.mb-10{margin-bottom:10px}
.mb-12{margin-bottom:12px}
.mb-16{margin-bottom:16px}
.mb-18{margin-bottom:18px}
.mb-20{margin-bottom:20px}
.mb-24{margin-bottom:24px}
.mb-28{margin-bottom:28px}
.mb-32{margin-bottom:32px}
.mb-48{margin-bottom:48px}
.mb-56{margin-bottom:56px}
.ml-1{margin-left:1px}
.ml-2{margin-left:2px}
.ml-4{margin-left:4px}
.ml-6{margin-left:6px}
.ml-8{margin-left:8px}
.ml-10{margin-left:10px}
.ml-12{margin-left:12px}
.ml-16{margin-left:16px}
.ml-20{margin-left:20px}
.ml-24{margin-left:24px}
.ml-32{margin-left:32px}
.ml-40{margin-left:40px}
.-m-1{margin:-1px}
.-m-2{margin:-2px}
.-m-4{margin:-4px}
.-m-6{margin:-6px}
.-m-7{margin:-7px}
.-m-8{margin:-8px}
.-mt-1{margin-top:-1px}
.-mt-2{margin-top:-2px}
.-mt-4{margin-top:-4px}
.-mt-5{margin-top:-5px}
.-mt-6{margin-top:-6px}
.-mt-8{margin-top:-8px}
.-mt-9{margin-top:-9px}
.-mt-10{margin-top:-10px}
.-mt-12{margin-top:-12px}
.-mt-16{margin-top:-16px}
.-mt-24{margin-top:-24px}
.-mb-1{margin-bottom:-1px}
.-mb-2{margin-bottom:-2px}
.-mb-4{margin-bottom:-4px}
.-mb-6{margin-bottom:-6px}
.-mb-8{margin-bottom:-8px}
.-mb-12{margin-bottom:-12px}
.-mb-14{margin-bottom:-14px}
.-mb-16{margin-bottom:-16px}
.-mb-24{margin-bottom:-24px}
.-ml-1{margin-left:-1px}
.-ml-2{margin-left:-2px}
.-ml-3{margin-left:-3px}
.-ml-4{margin-left:-4px}
.-ml-6{margin-left:-6px}
.-ml-7{margin-left:-7px}
.-ml-8{margin-left:-8px}
.-ml-10{margin-left:-10px}
.-ml-12{margin-left:-12px}
.-ml-14{margin-left:-14px}
.-ml-16{margin-left:-16px}
.-ml-20{margin-left:-20px}
.-ml-32{margin-left:-32px}
.-mr-1{margin-right:-1px}
.-mr-2{margin-right:-2px}
.-mr-4{margin-right:-4px}
.-mr-6{margin-right:-6px}
.-mr-8{margin-right:-8px}
.-mr-10{margin-right:-10px}
.-mr-12{margin-right:-12px}
.-mr-16{margin-right:-16px}
.-mx-1{margin-right:-1px;margin-left:-1px}
.-mx-2{margin-right:-2px;margin-left:-2px}
.-mx-4{margin-left:-4px;margin-right:-4px}
.-mx-5{margin-left:-5px;margin-right:-5px}
.-mx-6{margin-left:-6px;margin-right:-6px}
.-mx-7{margin-left:-7px;margin-right:-7px}
.-mx-8{margin-left:-8px;margin-right:-8px}
.-mx-10{margin-left:-10px;margin-right:-10px}
.-mx-12{margin-left:-12px;margin-right:-12px}
.-mx-16{margin-left:-16px;margin-right:-16px}
.-mx-24{margin-left:-24px;margin-right:-24px}
.-mx-32{margin-left:-32px;margin-right:-32px}
.-my-1{margin-top:-1px;margin-bottom:-1px}
.-my-2{margin-top:-2px;margin-bottom:-2px}
.-my-3{margin-top:-3px;margin-bottom:-3px}
.-my-4{margin-top:-4px;margin-bottom:-4px}
.-my-5{margin-top:-5px;margin-bottom:-5px}
.-my-7{margin-top:-7px;margin-bottom:-7px}
.-my-8{margin-top:-8px;margin-bottom:-8px}
.-my-9{margin-top:-9px;margin-bottom:-9px}
.-my-10{margin-top:-10px;margin-bottom:-10px}
.-my-11{margin-top:-11px;margin-bottom:-11px}
.-my-12{margin-top:-12px;margin-bottom:-12px}
.-my-15{margin-top:-15px;margin-bottom:-15px}
.-my-16{margin-top:-16px;margin-bottom:-16px}
.-my-20{margin-top:-20px;margin-bottom:-20px}
.-my-24{margin-top:-24px;margin-bottom:-24px}
.-my-32{margin-top:-32px;margin-bottom:-32px}
.-mtb-4{margin-top:-4px;margin-bottom:-4px}
.bg-white{background:#fff}
.bg-black{background:#000}
.bg-gray-6,.hover\:bg-gray-6:hover{background:var(--odc-gray-06)}
.bg-gray-7,.hover\:bg-gray-7:hover{background:var(--odc-gray-07)}
.bg-gray-8,.hover\:bg-gray-8:hover{background:var(--odc-gray-08)}
.bg-gray-9,.hover\:bg-gray-9:hover{background:var(--spaui-gray-9)}
.bg-gray-10,.hover\:bg-gray-10:hover{background:var(--spaui-gray-10)}
.bg-none{background:0}
.font-600{font-weight:600}
.w-auto{width:auto}
.h-auto{height:auto}
.w-full{width:100%}
.h-full{height:100%}
.fit-content{width:-moz-fit-content;width:fit-content}
.w-screen{width:100vw}
.h-screen{height:100vh}
.h-0{height:0}
.min-w-0{min-width:0}
.max-w-full{max-width:100%}
.max-w-max{max-width:-moz-max-content;max-width:max-content}
.max-w-fit{max-width:-moz-fit-content;max-width:fit-content}
.inline-grid{display:inline-grid}
.grid{display:grid}
.grid-flow-row{grid-auto-flow:row}
.grid-flow-col{grid-auto-flow:column}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}
.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}
.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}
.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}
.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}
.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
.grid-cols-none{grid-template-columns:none}
.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}
.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}
.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}
.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}
.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}
.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}
.grid-rows-none{grid-template-rows:none}
.hover\:shadow-1:hover,.shadow-1{box-shadow:var(--spaui-box-shadow-1)}
.hover\:shadow-2:hover,.shadow-2{box-shadow:var(--spaui-box-shadow-2)}
.hover\:shadow-3:hover,.shadow-3{box-shadow:var(--spaui-box-shadow-3)}
.hover\:shadow-4:hover,.shadow-4{box-shadow:var(--spaui-box-shadow-4)}
.shadow-inset-brand{box-shadow:inset 0 0 0 1px var(--brand-color)}
.motion-none{transition:none!important;animation:none!important}
.underline{text-decoration:underline}
.no-underline{text-decoration:none}
.rounded-full{border-radius:9999px}
.left-0{left:0}
.right-0{right:0}
.top-0{top:0}
.bottom-0{bottom:0}
.inset-0{top:0;bottom:0}
.inset-0,.inset-x-0{right:0;left:0}
.inset-x-6{right:6px;left:6px}
.top-auto{top:auto}
.right-auto{right:auto}
.bottom-auto{bottom:auto}
.left-auto{left:auto}
.z-0{z-index:0}
.z-1{z-index:1}
.z-2{z-index:2}
.z-9{z-index:9}
.z-10{z-index:10}
.z-1040{z-index:1040}
.z-1050{z-index:1050}
.z-1060{z-index:1060}
.object-contain{-o-object-fit:contain;object-fit:contain}
.object-cover{-o-object-fit:cover;object-fit:cover}
.object-fill{-o-object-fit:fill;object-fit:fill}
.object-scale-down{-o-object-fit:scale-down;object-fit:scale-down}
.object-none{-o-object-fit:none;object-fit:none}
.whitespace-nowrap{white-space:nowrap}
.font-normal{font-weight:400}
.font-medium{font-weight:500}
.text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}
.opacity-60,.text-opacity-60{--text-opacity:0.6}
.within:hover .within-hover\:text-link{color:var(--spaui-brand-color)}
.within-border-brand[focus-within]{border-color:var(--brand-color)}
.within-border-brand:focus-within{border-color:var(--brand-color)}
.opacity-80{--text-opacity:0.8}
.opacity-50{--text-opacity:0.5}
.opacity-30{--text-opacity:0.3}
.break-all{word-break:break-all}
.leading-none{line-height:1}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rotate-90{transform:rotate(90deg)}
.rotate-180{transform:rotate(180deg)}
.cursor-pointer{cursor:pointer}
.pointer-events-none{pointer-events:none}
.pointer-events-auto{pointer-events:auto}
.after\:none:after,.before\:none:before{content:none}
.hover\:font-600:hover{font-weight:600}
.scale-80{transform:scale(.8)}
.order-first{order:-9999}
.scroll-behavior-smooth{scroll-behavior:smooth}
.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.input-spin-none::-webkit-inner-spin-button,.input-spin-none::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.divide-y>:not([hidden])~:not([hidden]){--odc-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--odc-divide-y-reverse)));border-bottom-width:calc(1px*var(--odc-divide-y-reverse))}
.divide-x>:not([hidden])~:not([hidden]){--odc-divide-x-reverse:0;border-right-width:calc(1px*var(--odc-divide-x-reverse));border-left-width:calc(1px*(1 - var(--odc-divide-x-reverse)))}
.divide-y-reverse>:not([hidden])~:not([hidden]){--odc-divide-y-reverse:1}
.divide-x-reverse>:not([hidden])~:not([hidden]){--odc-divide-x-reverse:1}
.divide-solid>:not([hidden])~:not([hidden]){border-style:solid}
.divide-dashed>:not([hidden])~:not([hidden]){border-style:dashed}
.group:hover .group-hover\:font-600{font-weight:600}
.transition-all{transition:all .15s ease-in-out}
.in-modal,.in-model,.select-in-dialog{z-index:1041}
.empty\:none:empty{display:none}
/*! odc-accordion */
.odc-accordion{overflow-y:auto}
.odc-accordion-panel:not(:last-child){border-bottom-width:1px}
.odc-accordion-header{cursor:pointer}
.odc-accordion-header-active{background:var(--spaui-gray-10);background:var(--odc-accordion-header-active-bg,var(--spaui-gray-10))}
.odc-accordion-header-active .odc-accordion-header-arrow{transform:rotate(180deg);transition:transform .3s ease}
.odc-accordion-header:hover{background:var(--spaui-gray-10);background:var(--odc-accordion-header-hover-bg,var(--spaui-gray-10))}
.odc-accordion-body{transition:height .3s ease}
.odc-accordion-body-active{border-top-width:1px}
/*! odc-alert-group */
.odc-alert-group{height:-moz-fit-content;height:fit-content;min-height:36px}
.odc-alert-group:empty{display:none}
.odc-alert-group-pageBar{position:relative;z-index:20}
/*! odc-card */
/*! odc-card-box */
.odc-card-box.has-toolbar>.spaui-select{--spaui-input-border-radius:6px 6px 0 0}
.odc-card-box.has-toolbar .spaui-tree .select-list,.odc-card-box.has-toolbar>.odc-comp-group,.odc-card-box.has-toolbar>.spaui-table{border-bottom-left-radius:0;border-bottom-right-radius:0}
.odc-card-box .spaui-tree .select-list{border-top-left-radius:6px;border-top-right-radius:6px}
.odc-card-box .spaui-tree .select-list .scope>ul>li{padding-left:15px}
.odc-card-box>.spaui-select{--spaui-control-border-color:#dfe1e6;--spaui-control-border-hover-color:#dfe1e6}
.odc-card-box>.spaui-select .selection-drop{position:relative;box-shadow:none}
.odc-card-box>.spaui-select .selection-container{height:auto}
.odc-card-box>.spaui-select .selection-single{display:none}
.odc-card-box .spaui-autocomplete{border-width:0;border-radius:6px 6px 0 0}
.odc-card-box .spaui-autocomplete .spaui-input{border-radius:6px 6px 0 0;border-width:1px}
.odc-card-box .spaui-autocomplete+.spaui-tree{margin-top:-1px}
.odc-card-box .spaui-autocomplete+.spaui-tree .select-list{border-top-left-radius:0;border-top-right-radius:0}
.odc-card-box .spaui-autocomplete+.spaui-table{border-top:0;border-top-left-radius:0;border-top-right-radius:0}
.odc-card-box .spaui-input-suffix{height:100%;padding:0 4px}
.odc-card-box .spaui-table{overflow:hidden;border:1px solid var(--spaui-table-border-color);border-radius:6px;font-size:12px}
.odc-card-box .spaui-table .table{--table-cell-padding:9px 15px;--table-cell-line-height:22px}
.odc-card-box>.odc-toolbar{padding:0 15px;margin-top:-1px;min-height:36px;border-width:1px;border-radius:0 0 6px 6px}
.odc-card-box>.odc-form-group+.odc-comp-group{border-top-color:transparent;border-top-left-radius:0;border-top-right-radius:0}
.odc-card-box>.odc-form-group{margin-bottom:0}
.odc-card-box>.odc-form-group .spaui-input{border-radius:6px 6px 0 0}
.odc-card-box.has-tabs .spaui-tree .select-list{border-radius:0}
.odc-comp-group{--spaui-input-border:none;--spaui-input-border-radius:0;border-width:1px;border-radius:6px;overflow:hidden}
.odc-comp-item{flex:none}
.odc-comp-item+.odc-comp-item{border-left-width:1px}
.odc-comp-group .spaui-dropmenu{--menu-min-width:0;--menu-max-width:none;position:static;width:100%;border:none;border-radius:0;box-shadow:none}
.odc-comp-group .spaui-dropmenu .spaui-submenu-title{border-bottom:none}
.odc-comp-group .spaui-submenu{max-height:162px;max-height:var(--dropmenu-height,162px);overflow:overlay}
/*! odc-coachmark */
.odc-coachmark{z-index:1042}
.odc-coachmark-icon{animation:clickEffect 1s ease infinite both;animation-play-state:running;animation-play-state:var(--play-state,running)}
.odc-coachmark-icon svg{pointer-events:none}
@keyframes clickEffect{
15%{color:rgba(32,150,245,.3);transform:scale(.72222)}
30%,50%,60%,70%{color:rgba(32,150,245,.2);transform:scale(1)}
80%{color:rgba(32,150,245,.3);transform:scale(.72222)}
95%{color:rgba(32,150,245,.2);transform:scale(1)}
}
/*! odc-corner */
.odc-corner{display:grid;align-items:center;justify-items:center;place-items:center;pointer-events:none}
.odc-corner:hover>.odc-hover-show{opacity:1;visibility:visible}
.odc-corner>[class*=odc-corner]{pointer-events:auto}
/*! odc-divider */
.odc-divider{font-size:14px}
.odc-divider.hide-left:before,.odc-divider.hide-right:after{display:none}
.odc-divider-horizontal{height:1px;margin-top:12px;margin-bottom:12px}
.odc-divider-horizontal,.odc-divider-vertical{color:var(--spaui-gray-7);background:currentColor}
.odc-divider-vertical{position:relative;top:-.06em;display:inline-block;vertical-align:middle;width:1px;height:.9em;margin-left:12px;margin-right:12px}
.odc-divider-text{flex:none;color:var(--spaui-gray-1)}
.odc-divider-with-text{--divider-bg:none;display:flex;position:relative;height:auto;border-top:0;border-top-color:currentColor;background:0 0}
.odc-divider-with-text:after,.odc-divider-with-text:before{position:relative;top:50%;width:50%;flex:1;border-top:1px solid transparent;border-top-color:inherit;border-bottom:0;transform:translateY(50%);content:""}
.odc-divider-with-text:before{margin-right:12px;margin-right:var(--divider-text-left-gap,var(--divider-text-gap,12px))}
.odc-divider-with-text:after{margin-left:12px;margin-left:var(--divider-text-right-gap,var(--divider-text-gap,12px))}
.odc-divider-with-text-right:after{max-width:5%;max-width:var(--divider-text-right-max-width,5%)}
.odc-divider-with-text-left:before{max-width:5%;max-width:var(--divider-text-left-max-width,5%)}
.flex>.odc-divider-vertical,.inline-flex>.odc-divider-vertical{top:0}
.odc-divider-full-space{display:inline-block;width:1em}
.odc-divider-space{display:inline-block;width:.5em}
/*! odc-ellipsis-middle */
/*! odc-figure */
.odc-figure{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--figure-w);height:var(--figure-h);background:var(--figure-bg)}
.odc-figure:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-width:1px;border-width:var(--figure-border-width,1px);border-color:transparent;border-color:var(--figure-border-color,transparent);border-radius:inherit;transition:border-color .2s ease}
.odc-figure.has-clear{--figure-border-color:var(--spaui-gray-6);padding:0;padding:var(--figure-padding,0);overflow:visible;cursor:pointer}
.odc-figure.has-clear:after{left:0;left:var(--figure-padding,0);right:0;right:var(--figure-padding,0);top:0;top:var(--figure-padding,0);bottom:0;bottom:var(--figure-padding,0);color:transparent;content:attr(data-text);font-size:12px;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0}
.odc-figure.has-clear.has-backdrop:hover:after{background:rgba(49,50,51,.5);visibility:visible;opacity:1;color:#fff}
.odc-figure.has-clear:hover>.odc-figure-clear{visibility:visible;opacity:1}
.odc-figure.border:after{top:-1px;right:-1px;bottom:-1px;left:-1px}
.odc-figure .odc-figure-inner{border-radius:inherit;width:100%;height:100%;overflow:hidden}
.odc-figure .odc-figure-inner img,.odc-figure .odc-figure-inner video{width:100%;height:100%;display:block}
.odc-figure.no-src .odc-figure-img{display:none}
.odc-figure.has-check{cursor:pointer}
.odc-figure.has-check:hover{--figure-border-color:var(--spaui-gray-7)}
.odc-figure.checked,.odc-figure.selected{--figure-border-color:var(--spaui-brand-color);--figure-border-width:2px}
.odc-figure.checked:after,.odc-figure.selected:after{visibility:visible;opacity:1}
.odc-figure.checked:hover,.odc-figure.selected:hover{--figure-border-color:var(--spaui-brand-color)}
.odc-figure.error{--spaui-alert-info-color:var(--spaui-danger-color);border-color:var(--spaui-danger-color)}
.odc-figure.doing .icon-loader{z-index:1}
.odc-figure.doing:after,.odc-figure.doing:hover:after{visibility:visible;opacity:1;background:rgba(49,50,51,.8)}
.odc-figure-clear{position:absolute;top:0;right:0;transform:translate(30%,-30%);transition:all .2s ease;color:var(--spaui-danger-color);z-index:1;visibility:hidden;opacity:0;cursor:pointer}
.odc-figure-check{position:absolute;right:7px;top:7px;color:var(--spaui-brand-color)}
.odc-figures{display:inline-flex;align-items:center;flex-wrap:wrap}
/*! odc-flex */
.flex-row>.odc-flex-end{margin-left:auto}
/*! odc-frame */
/*! odc-help-tips */
.odc-help-tips{color:var(--spaui-gray-4);display:inline-flex;align-items:center}
/*! odc-hr-box */
.hr-box,.odc-hr-box{display:flex;align-items:center;align-items:var(--align-items,center)}
.hr-box-right,.odc-hr-box-right{margin-left:auto}
/*! odc-instant-text */
.odc-instant-text.use-pop-mode{height:100%;width:100%}
.odc-instant-text.use-pop-mode>.spaui-form-group{height:100%}
.odc-instant-text.use-pop-mode>.spaui-form-group .spaui-input{--input-height:100%;--spaui-input-border-radius:0}
.odc-instant-text.use-pop-mode>.spaui-form-group .spaui-input-feedback{--feedback-height:100%}
/*! odc-label-input */
.spaui-labels-input{position:relative;border:1px solid var(--spaui-gray-6);border-radius:6px}
.has-error.form-group .spaui-labels-input{border-color:var(--spaui-danger-color)}
.spaui-labels-input-value{padding:8px 10px 8px 12px;padding-left:var(--labels-input-pl,12px);cursor:text}
.spaui-labels-input-placeholder{line-height:36px;line-height:var(--labels-input-height,36px);padding-left:12px;padding-left:var(--labels-input-pl,12px);color:var(--spaui-gray-3);pointer-events:none}
.spaui-labels-input-wrapper{display:block;padding-right:var(--feedback-width);border-radius:inherit;cursor:text}
.spaui-labels-input-wrapper:hover{background:var(--spaui-gray-10)}
.spaui-labels-input-wrapper[focus-within]:hover{background:0 0}
.spaui-labels-input-wrapper:focus-within:hover{background:0 0}
.spaui-labels-input-labels{display:none;padding:1px 10px 1px 12px;padding-left:var(--labels-input-pl,12px);padding-right:0;min-height:36px;min-height:var(--labels-input-height,36px)}
.spaui-labels-input-labels.spaui-labels .spaui-labels-input-group{padding:0;margin:0}
.spaui-labels-input.editable .spaui-labels-input-value{display:none}
.spaui-labels-input.editable .spaui-labels-input-labels{display:flex;flex-wrap:wrap;align-items:center}
.spaui-labels-input.only-label .spaui-labels-input-placeholder{position:absolute}
.spaui-labels-input-border{display:block}
.spaui-labels-input-group{flex:1;min-width:82px;position:relative}
.spaui-labels-input-labels.spaui-labels>li{padding-right:2px;padding-left:20px;margin-top:4px}
.spaui-labels-input-labels.spaui-labels>li:hover{padding-right:11px;padding-left:11px}
.spaui-labels-input-labels.spaui-labels>li.spaui-labels-input-group{padding:0;transition:none}
.spaui-labels-input-labels.spaui-labels>li.spaui-labels-input-group:hover{padding:0}
.spaui-labels-input-box{width:100%;height:100%;border:none;background:0 0}
.spaui-labels-form-group .spaui-input-feedback{padding-right:0;right:2px;right:calc(var(--labels-input-pl,12px) - 10px)}
.spaui-labels-form-group .spaui-input-feedback .spaui-input-clear{margin-right:0}
.spaui-labels-form-group .spaui-textarea-labels-input{height:248px;padding-top:8px;padding-bottom:8px}
.spaui-labels-form-group .spaui-textarea-labels-input[focus-within]{border-color:var(--spaui-brand-color)}
.spaui-labels-form-group .spaui-textarea-labels-input:focus-within{border-color:var(--spaui-brand-color)}
.spaui-labels-form-group .spaui-textarea-labels-input .spaui-labels-input-wrapper:hover{background-color:transparent}
.spaui-labels-form-group .spaui-textarea-labels-input .spaui-labels-input-labels>li:not(.spaui-labels-clear):not(.spaui-labels-input-group){--label-background:#fff;--spaui-label-border:1px solid currentColor;display:block;padding:0 12px;color:var(--spaui-brand-color);cursor:pointer}
.spaui-labels-form-group .spaui-textarea-labels-input .spaui-labels-input-labels>li:not(.spaui-labels-clear):not(.spaui-labels-input-group) i.icon.del{opacity:1}
.spaui-labels-form-group .spaui-textarea-labels-input .spaui-labels-input-labels>li:not(.spaui-labels-clear):not(.spaui-labels-input-group):focus{outline:0}
.spaui-labels-form-group .spaui-textarea-labels-input .spaui-labels-input-box{font-size:12px}
.spaui-labels-form-group .spaui-textarea-labels-input .spaui-input-feedback{margin-top:12px}
.spaui-labels-form-group .spaui-textarea-labels-input .spaui-labels-input-group{min-width:380px}
.spaui-labels-form-group .spaui-textarea-labels-input.auto-height{height:auto;padding:0}
.spaui-labels-form-group .spaui-textarea-labels-input.auto-height .spaui-labels-input-wrapper{margin-top:-2px}
/*! odc-label-text */
.odc-label-text-item{display:flex;grid-gap:4px;gap:4px;grid-gap:var(--odc-col-gap,4px);gap:var(--odc-col-gap,4px)}
.odc-label-text-item+.odc-label-text-item{margin-top:4px;margin-top:var(--odc-row-gap,4px)}
.odc-label-text-key,.odc-label-text-val{display:block}
.odc-label-text-key{min-width:54px;min-width:var(--odc-label-width,54px)}
/*! odc-link */
.odc-link.disabled,.odc-link[disabled]{opacity:.5;cursor:not-allowed}
.odc-link.hover\:underline:hover,.odc-link.underline{text-decoration:underline}
/*! odc-number-input */
:root{--spaui-input-border:1px solid #dfe1e6;--meta-labels-height:30px;--meta-labels-line-height:28px}
.base-number-input,.base-number-input>.spaui-button{display:inline-flex;align-items:center}
.base-number-input>.spaui-button{justify-content:center;padding:0;width:24px;height:24px;border:none;background:0 0}
.base-number-input>.spaui-button .spaui-icon{width:14px;height:14px}
.base-number-input>.spaui-button .spaui-icon-minus,.base-number-input>.spaui-button .spaui-icon-plus{color:#939599;transition:color .2s ease}
.base-number-input>.spaui-button .spaui-icon-minus:before,.base-number-input>.spaui-button .spaui-icon-plus:before{width:100%;height:2px;top:6px;border-radius:2px}
.base-number-input>.spaui-button .spaui-icon-minus:hover,.base-number-input>.spaui-button .spaui-icon-plus:hover{color:#626366}
.base-number-input>.spaui-button .spaui-icon-plus:after{height:100%;width:2px;left:6px;border-radius:2px}
.base-number-input>.spaui-form-group{width:60px;margin:0 8px}
.base-number-input .spaui-input{text-align:center;border-radius:6px}
.base-number-input .help-block{position:absolute;display:block;white-space:nowrap;line-height:1}
.meta-expand .base-number-input .spaui-input{background:#fff}
.spaui-input-numder-t2 .form-group{margin-bottom:unset}
.spaui-input-numder-t2 .spaui-input-numder-t2-btn{right:1px;top:1px;height:calc(100% - 2px)}
.spaui-input-numder-t2 button{height:50%;width:22px;padding:0;min-width:unset}
.spaui-input-numder-t2 input{padding-right:32px}
.spaui-input-numder-t2 svg{width:12px;height:12px;color:#939599}
.spaui-input-numder-t2 button:first-child{border-bottom:unset;border-radius:0 6px 0 0;border-color:transparent transparent transparent #dfe1e6}
.spaui-input-numder-t2 button:first-child svg{transform:rotate(180deg)}
.spaui-input-numder-t2 button:last-child{border-color:#dfe1e6 transparent transparent #dfe1e6;border-radius:0 0 6px 0}
/*! odc-pen */
.odc-pen-icon{display:inline-flex;width:20px;width:var(--odc-pen-size,20px);height:20px;height:var(--odc-pen-size,20px);vertical-align:-3px;vertical-align:var(--odc-pen-align,-3px);border-radius:4px;border-radius:var(--odc-pen-radius,4px)}
.odc-pen-icon:hover{background:var(--odc-gray-10);background:var(--odc-pen-hover-bg,var(--odc-gray-10))}
.odc-pen-svg{margin:auto}
.odc-pen-icon.mini{--odc-pen-size:16px;--odc-pen-icon-gap:2px}
.odc-pen-icon.mini .odc-pen-svg{width:14px;height:14px}
.odc-pen-text+.odc-pen-icon{margin-left:1px;margin-left:var(--odc-pen-icon-gap,1px)}
.disabled .odc-pen-icon,[disabled] .odc-pen-icon{cursor:not-allowed}
.disabled .odc-pen-icon:hover,[disabled] .odc-pen-icon:hover{background:0 0;cursor:inherit}
.disabled .odc-pen-svg,[disabled] .odc-pen-svg{fill:var(--spaui-gray-4)}
/*! odc-progress */
.odc-progress-loading .odc-progress-line{animation:progress-loading 2s cubic-bezier(.5,.01,.51,1) infinite}
.odc-progress-line{transition:all .3s cubic-bezier(.78,.14,.15,.86)}
.odc-progress-line-animate{animation:progress-animated .8s cubic-bezier(.78,.14,.15,.86) 1}
@keyframes progress-animated{
0%{width:0}
to{width:var(--odc-progress-line-width)}
}
@keyframes progress-loading{
0%{transform:translateX(-102%)}
45%,55%{transform:translateX(0)}
90%,to{transform:translateX(102%)}
}
/*! odc-slick */
.odc-slick{width:100%}
.odc-slick .odc-slick-list{overflow:hidden;flex:1}
.odc-slick .odc-slick-track{transition:transform .3s ease-out}
.odc-slick.theme-normal,.odc-slick.theme-normal .odc-slick-list,.odc-slick.theme-normal .odc-slick-track{height:100%}
.odc-slick.theme-normal .odc-slick-arrow-btn{--button-height:100%;--button-line-height:100%;--button-padding:0;width:24px;color:var(--gray-3);display:inline-flex;align-items:center;justify-content:center}
.odc-slick.theme-cover{position:relative;height:100%}
.odc-slick.theme-cover .odc-slick-list,.odc-slick.theme-cover .odc-slick-track{height:100%}
.odc-slick.theme-cover .odc-slick-arrow-btn{--button-background:hsla(0,0%,100%,0.9);--button-hover-background:#fff;--button-active-background:#fff;--button-radius:4px;--button-color:var(--spaui-gray-2);--button-line-height:32px;--button-height:32px;--button-padding:0;width:auto;border-width:0;box-shadow:var(--spaui-box-shadow-2);display:inline-flex;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;margin:auto;z-index:1}
.odc-slick.theme-cover .odc-slick-arrow-btn.slick-prev{left:8px}
.odc-slick.theme-cover .odc-slick-arrow-btn.slick-next{right:8px}
.odc-slick.theme-cover-dark{position:relative;height:100%}
.odc-slick.theme-cover-dark .odc-slick-list,.odc-slick.theme-cover-dark .odc-slick-track{height:100%}
.odc-slick.theme-cover-dark .odc-slick-arrow-btn{--button-background:rgba(49,50,51,0.9);--button-active-background:#313233;--button-radius:4px;--button-color:#f2f4f7;--button-border-color:hsla(0,0%,100%,0.3);--button-hover-border-color:hsla(0,0%,100%,0.3);--button-active-border-color:hsla(0,0%,100%,0.3);--button-padding:0;box-shadow:0 2px 6px rgba(0,0,0,.4);border-width:1px;width:auto;display:inline-flex;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;margin:auto;z-index:1}
.odc-slick.theme-cover-dark .odc-slick-arrow-btn:hover{background:#313233}
.odc-slick.theme-cover-dark .odc-slick-arrow-btn.slick-prev{left:8px}
.odc-slick.theme-cover-dark .odc-slick-arrow-btn.slick-next{right:8px}
/*! odc-sidebar */
.odc-sidebar-content{--menu-width:168px;--menu-width-no-open:44px;width:var(--menu-width);position:relative;height:100%;transition:width .2s ease,grid-template-rows .2s linear;display:grid;grid-template-columns:1fr;grid-template-rows:1fr}
.odc-sidebar-content.no-open{grid-template-rows:0fr;width:var(--menu-width-no-open)}
.odc-sidebar-content.no-open .odc-sidebar{padding:12px 4px;background-color:#fff;border-radius:18px;flex:0}
.odc-sidebar-content.no-open .odc-sidebar:not(.hover-open) .odc-sidebar-item{justify-content:flex-start;border-radius:50%;padding:0 0 0 10px;width:36px}
.odc-sidebar-content.no-open .odc-sidebar:not(.hover-open) .odc-sidebar-list{width:36px;align-items:start}
.odc-sidebar-content.no-open .odc-sidebar:not(.hover-open) .odc-sidebar-item-label,.odc-sidebar-content.no-open .odc-sidebar:not(.hover-open) .odc-sidebar-list-title-arrow{opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}
.odc-sidebar-content:not(.open) .odc-sidebar.hover-open{width:168px;border-radius:12px;border:1px solid #6997f4;box-shadow:0 3px 5px 0 rgba(4,54,154,.05),0 6px 15px 0 rgba(4,54,154,.05)}
.odc-sidebar{width:100%;max-height:100%;box-sizing:border-box;border:1px solid transparent;transition:width .2s ease}
.odc-sidebar,.odc-sidebar-top{display:flex;flex-direction:column;flex:1}
.odc-sidebar-top{grid-gap:4px;gap:4px;height:0;overflow-x:hidden;overflow-y:auto;transition:height .2s linear}
.odc-sidebar-top::-webkit-scrollbar{width:0}
.odc-sidebar-item{display:flex;align-items:center;grid-gap:8px;gap:8px;flex-shrink:0;padding:0 16px;border-radius:18px;width:100%;height:36px;font-size:14px;line-height:22px;font-weight:400;color:#17224e;color:var(--cool-gray-12,#17224e);cursor:pointer;transition:background .2s ease,padding .2s ease,margin .2s ease;white-space:nowrap;box-sizing:border-box}
.odc-sidebar-item:not(.disable):hover{font-weight:600}
.odc-sidebar-item.active{color:#296bef;font-weight:600}
.odc-sidebar-item.active .odc-sidebar-item-icon{color:#296bef}
.odc-sidebar-item.disable{color:#a3abce;cursor:no-drop}
.odc-sidebar-item.disable .odc-sidebar-item-icon.icon-undone:before{background-color:#c0c6df}
.odc-sidebar-item.disable .odc-sidebar-item-icon{color:#c0c6df}
.odc-sidebar-item.back-up{color:#4d5a8e}
.odc-sidebar-item:not(.disable).back-up:hover,.odc-sidebar-item:not(.disable).first-level:hover,.odc-sidebar-item:not(.disable).undone:hover{background-color:#e4e7f2}
.odc-sidebar-item:not(.disable).back-up:active,.odc-sidebar-item:not(.disable).first-level:active,.odc-sidebar-item:not(.disable).undone:active{background-color:#dde1f0}
.odc-sidebar-item:not(.disable).ability:hover,.odc-sidebar-item:not(.disable).done:hover,.odc-sidebar-item:not(.disable).error:hover,.odc-sidebar-item:not(.disable).second-level:hover{background-color:rgba(73,90,122,.1)}
.odc-sidebar-item:not(.disable).ability:active,.odc-sidebar-item:not(.disable).done:active,.odc-sidebar-item:not(.disable).error:active,.odc-sidebar-item:not(.disable).second-level:active{background-color:rgba(73,90,122,.16)}
.odc-sidebar-item:not(.disable).ability{color:#898b8f}
.odc-sidebar-item.back-up.active,.odc-sidebar-item.done.active,.odc-sidebar-item.error.active,.odc-sidebar-item.first-level.active,.odc-sidebar-item.undone.active{background-color:#e1e9fc!important}
.odc-sidebar-item.second-level{border-radius:15px;height:30px;font-size:12px;line-height:20px}
.odc-sidebar-item.second-level.active{background-color:#d4e1fc!important}
.odc-sidebar-item.error .odc-sidebar-item-icon{color:#e63d2e}
.odc-sidebar-item.active .odc-sidebar-item-icon.icon-undone{overflow:hidden}
.odc-sidebar-item.active .odc-sidebar-item-icon.icon-undone:before{width:192px;height:18px;left:0;top:-1px;background:url(https://qzonestyle.gdtimg.com/gdt_ui_proj/imghub/dist/icon-task-doing-ani.svg?max_age=31536000) 1px 1px no-repeat;animation:l-task-doing-ani123 1.5s steps(12) infinite}
.odc-sidebar-item.active .odc-sidebar-item-icon.icon-done{color:#296bef}
.odc-sidebar-item:not(.active):not(.disable):hover .odc-sidebar-item-icon.icon-undone:before{transform:scale(1.2)}
.odc-sidebar-item .odc-sidebar-item-icon.icon-done{transition:color .2s linear}
.odc-sidebar-item-label{transition:opacity .2s ease}
.odc-sidebar-item-icon{width:16px;height:16px;color:#323f72;flex-shrink:0}
.odc-sidebar-item-icon.icon-undone{position:relative;display:flex;align-items:center;justify-content:center}
.odc-sidebar-item-icon.icon-undone:before{content:"";position:absolute;display:block;border-radius:50%;width:5px;height:5px;background-color:#17224e;background-color:var(--cool-gray-12,#17224e);transition:transform .2s linear}
.odc-sidebar-a{all:unset}
.odc-sidebar-list{display:flex;flex-direction:column;width:100%;height:auto}
.odc-sidebar-list-ul{display:flex;flex-direction:column;grid-gap:2px;gap:2px;margin-top:4px;padding-left:24px;padding-right:8px;height:0;overflow:hidden;transition:all .2s ease}
.odc-sidebar-list-ul.no-open-select{opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;margin-top:0}
.odc-sidebar-list-ul.open-select{height:var(--ul-height)}
.odc-sidebar-list-title-arrow{position:absolute;top:10px;right:16px;transition:transform .2s ease}
@keyframes l-task-doing-ani123{
to{transform:translateX(-192px) scale(1)}
}
/*! odc-selection-search */
/*! odc-skeleton */
.odc-skeleton{background-image:linear-gradient(90deg,#edeff2,#f7f7f7 50%,#edeff2);background-size:200% 100%;animation:loading 2s ease infinite}
.odc-skeleton-charts{width:64px;height:64px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='64' height='64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 8v48h48M20 38v18m12-23v23m12-28v28' stroke='%23E6E8ED' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 24.16l13.495-7.791 4.328 7.497 14.495-8.368' stroke='%23E6E8ED' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
@supports (-webkit-mask:url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill=none xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 8v48h48M20 38v18m12-23v23m12-28v28' stroke='%23E6E8ED' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 24.16l13.495-7.791 4.328 7.497 14.495-8.368' stroke='%23E6E8ED' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")){
.odc-skeleton-charts{background:linear-gradient(90deg,#edeff2,#f2f4f7,#edeff2);background-size:300%;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='64' height='64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 8v48h48M20 38v18m12-23v23m12-28v28' stroke='%23E6E8ED' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 24.16l13.495-7.791 4.328 7.497 14.495-8.368' stroke='%23E6E8ED' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;animation:odc-skeleton-charts 1s linear 0s infinite}
}
@keyframes loading{
0%{background-position:0 0}
to{background-position:-200% 0}
}
@keyframes odc-skeleton-charts{
0%{background-position:0 0}
to{background-position:-150% 0}
}
/*! odc-steps */
.odc-steps{padding:var(--steps-p)}
.odc-steps-vertical{--steps-info-m:0 0 0 8px}
.odc-steps-vertical .odc-steps-line{width:1px;width:var(--steps-line-size,1px);height:64px;height:var(--steps-line-long,64px)}
.odc-steps-vertical .odc-steps-border{background:0;border-right:1px var(--steps-line-style,solid) var(--steps-line-color)}
.odc-steps-icon{width:var(--steps-icon-size);height:var(--steps-icon-size);margin:0;margin:var(--steps-icon-my,0) var(--steps-icon-mx,0);color:#bdd3ff;color:var(--steps-icon-color,#bdd3ff)}
.odc-steps-icon-blue{--steps-icon-color:var(--steps-icon-doing-color,#296bef)}
.odc-steps-icon-red{--steps-icon-color:var(--odc-red-06)}
.odc-steps-info{margin:0;margin:var(--steps-info-m,0)}
.odc-steps-line{flex:auto;margin:0;margin:var(--steps-line-my,0) var(--steps-line-mx,0);height:1px;height:var(--steps-line-size,1px);background:#bdd3ff;background:var(--steps-line-color,#bdd3ff);border-radius:2px;border-radius:var(--steps-line-radius,2px);width:64px;width:var(--steps-line-long,64px)}
.odc-steps:not(.show-last-steps-line) .odc-steps-single:last-child .odc-steps-line{display:none}
/*! odc-tag */
.odc-tag{flex:none;min-width:0;height:var(--odc-tag-height);line-height:var(--odc-tag-line-height);font-size:12px;font-size:var(--odc-tag-font-size,12px);color:var(--od-light-color)}
.odc-tag .odc-tag-content{display:flex;flex-wrap:nowrap;align-items:center}
.odc-tag.has-close .odc-tag-content{translate:7px 0;transition:all .2s linear}
.odc-tag.has-tips{cursor:pointer}
.odc-tag.caps{font-feature-settings:"pcap","c2pc";font-variant:all-petite-caps}
.odc-tag.info{background:var(--spaui-brand-color)}
.odc-tag.success{background:var(--spaui-success-color)}
.odc-tag.warning{background:var(--spaui-warning-color)}
.odc-tag.danger{background:var(--spaui-danger-color)}
.odc-tag.comment{background:rgba(208,210,212,.9)}
.odc-tag.light-info{color:var(--odc-blue-06);background:var(--odc-blue-01);box-shadow:inset 0 0 0 1px var(--odc-blue-04)}
.odc-tag.light-success{color:var(--odc-green-06);background:var(--odc-green-01);box-shadow:inset 0 0 0 1px var(--odc-green-04)}
.odc-tag.light-warning{background:var(--odc-orange-01);box-shadow:inset 0 0 0 1px var(--odc-orange-04);color:var(--odc-orange-06)}
.odc-tag.light-danger{background:var(--odc-red-01);box-shadow:inset 0 0 0 1px var(--odc-red-04);color:var(--odc-red-06)}
.odc-tag.light-corner{background:rgba(41,107,239,.6);display:block}
.odc-tag.light-comment{box-shadow:inset 0 0 0 1px var(--od-gray-07);background:var(--od-gray-12);color:var(--spaui-gray-3)}
.odc-tag.odc-tag-no-shadow{box-shadow:unset}
.odc-tag:hover.has-close .odc-tag-content{translate:0 0}
.odc-tag:hover .odc-tag-close .odc-tag-close-icon{opacity:1}
.odc-tag-mini{--odc-tag-height:18px;--odc-tag-line-height:18px}
.odc-tag-large{--odc-tag-height:24px;--odc-tag-line-height:22px;--odc-tag-font-size:12px}
.odc-tag-text{display:block}
.odc-corner.auto-tag-radius .odc-corner-br .odc-tag,.odc-corner.auto-tag-radius .odc-corner-tl .odc-tag{display:block;border-radius:4px 0}
.odc-corner.auto-tag-radius .odc-corner-bl .odc-tag,.odc-corner.auto-tag-radius .odc-corner-tr .odc-tag{display:block;border-radius:0 4px}
.l-odc-tag{flex:none;min-width:0;height:var(--odc-tag-height);line-height:var(--odc-tag-line-height);font-size:12px;font-size:var(--odc-tag-font-size,12px);color:var(--od-light-color)}
.l-odc-tag.odc-frame,.l-odc-tag .odc-tag-content{display:flex;align-items:center}
.l-odc-tag .odc-tag-content{flex-wrap:nowrap}
.l-odc-tag.has-close:not(.default-show-close) .odc-tag-content{translate:7px 0;transition:all .2s linear}
.l-odc-tag.has-tips{cursor:pointer}
.l-odc-tag.caps{font-feature-settings:"pcap","c2pc";font-variant:all-petite-caps}
.l-odc-tag.info{color:#2e4a96;background:#e2e9fa}
.l-odc-tag.info.l-odc-tag-shape-compact{color:#4d5a8e;background:#f5f8ff}
.l-odc-tag.success{color:#357a40;background:#ddf4e6}
.l-odc-tag.warning{color:#985b1e;background:#fbeeda}
.l-odc-tag.danger{color:#90493c;background:#f9e9e6}
.l-odc-tag.danger.l-odc-tag-shape-compact{color:#c33427;background:#fff8f7}
.l-odc-tag.comment{color:rgba(38,38,41,.72);background:#f1f2f6}
.l-odc-tag.light-info{color:#1154db;box-shadow:inset 0 0 0 1px #94b5f7}
.l-odc-tag.light-success{color:#06a452;box-shadow:inset 0 0 0 1px #83e0af}
.l-odc-tag.light-warning{color:#d37800;box-shadow:inset 0 0 0 1px #fdc780}
.l-odc-tag.light-danger{color:#c33427;box-shadow:inset 0 0 0 1px #f29e97}
.l-odc-tag.light-corner{background:rgba(41,107,239,.6);display:block}
.l-odc-tag.light-comment{box-shadow:inset 0 0 0 1px rgba(73,90,122,.16);color:rgba(38,38,41,.72)}
.l-odc-tag.odc-tag-no-shadow{box-shadow:unset}
.l-odc-tag.l-odc-tag-mini{border-radius:6px;padding:0 6px;--odc-tag-height:18px;--odc-tag-line-height:18px}
.l-odc-tag.l-odc-tag-mini.l-odc-tag-shape-compact{border-radius:2px;padding:0 1px}
.l-odc-tag.l-odc-tag-mini.l-odc-tag-shape-compact .odc-text-mini{transform:scale(1)}
.l-odc-tag.l-odc-tag-small{border-radius:6px;padding:1px 8px;--odc-tag-height:22px;--odc-tag-line-height:20px;--odc-tag-font-size:12px}
.l-odc-tag.l-odc-tag-large{border-radius:8px;padding:4px 10px;--odc-tag-height:30px;--odc-tag-line-height:22px;--odc-tag-font-size:14px}
.l-odc-tag:hover.has-close .odc-tag-content{translate:0 0}
.l-odc-tag.default-show-close .odc-tag-close .spaui-icon-4.odc-tag-close-icon,.l-odc-tag:hover .odc-tag-close .odc-tag-close-icon{opacity:1}
.odc-tag-close{width:14px;height:14px;cursor:pointer;display:flex;justify-content:start;align-items:center;transition:width .2s linear;color:rgba(69,80,102,.25);translate:4px 0}
.odc-tag-close:hover{color:#ababab}
.odc-tag-close:active{color:#9e9e9e}
.odc-tag-close .spaui-icon-4.odc-tag-close-icon{opacity:0;width:12px;height:12px;flex-shrink:0;transition:.2s linear;transition-property:opacity,color}
/*! odc-text */
.odc-text-small{--odc-text-icon-h:20px}
.odc-text-icon{display:inline-flex;align-items:center;height:22px;height:var(--odc-text-icon-h,22px);line-height:1;vertical-align:top}
.odc-text-custom-icon{width:16px;width:var(--odc-text-icon-size,16px)}
/*! odc-text-list */
.odc-text-list>li>img{margin-top:4px;margin-top:var(--odc-img-top-gap,4px);margin-bottom:4px;margin-bottom:var(--odc-img-bottom-gap,4px)}
.odc-text-list>li:first-child{--odc-img-top-gap:0}
.odc-text-list>li:last-child{--odc-img-bottom-gap:0}
/*! odc-titlebar */
.odc-titlebar.use-grid{display:grid;grid-template-areas:"left right" "desc desc"}
.odc-titlebar .odc-titlebar-title{grid-area:left}
.odc-titlebar .odc-titlebar-right{grid-area:right;display:flex;justify-content:flex-end}
.odc-titlebar .odc-titlebar-desc{grid-area:desc;margin-top:4px;margin-top:var(--odc-row-gap,4px)}
/*! odc-toolbar */
.odc-toolbar{display:grid;grid-template-areas:"left right clear";grid-auto-columns:1fr auto auto}
.odc-toolbar-left,.odc-toolbar-right{min-width:0;align-self:center}
.odc-toolbar-clear{display:flex;width:50px;width:var(--odc-toolbar-clear-w,50px);height:50px;height:var(--odc-toolbar-clear-h,50px);cursor:pointer;background:#fff;background:var(--odc-toolbar-clear-bg,#fff);transition:background .2s}
.odc-toolbar-clear:hover{background:var(--spaui-gray-9);background:var(--odc-toolbar-clear-hover-bg,var(--spaui-gray-9))}
.odc-toolbar-clear-svg{margin:auto}
/*! odc-twins */
/*! odc-meta-marge */
.meta-name-label.with-icon{text-indent:calc(var(--odc-icon-size)*-1 + var(--odc-icon-gap)*-1)}
/*! od-icon */
.spaui-icon-4{width:32px;height:32px;color:var(--icon-color)}
.spaui-icon-4.size-small{width:16px;height:16px}
.spaui-icon-4.size-large{width:64px;height:64px}
.spaui-icon-4.size-mini{width:12px;height:12px}
/*! odc-select-chip */
.odc-select-chip{position:relative;display:flex;align-items:center;justify-content:center;border-radius:8px;width:-moz-fit-content;width:fit-content;height:22px;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:400;line-height:20px;color:rgba(0,0,0,.95);color:var(--chip-color,rgba(0,0,0,.95));cursor:pointer}
.odc-select-chip.primary{--chip-color:var(--odc-select-chip-color,rgba(0,0,0,0.95))}
.odc-select-chip.secondary{--chip-color:var(--odc-select-chip-color,rgba(38,38,41,0.72))}
.odc-select-chip.disabled{cursor:no-drop}
.odc-select-chip.large{height:36px}
.odc-select-chip.outlined,.odc-select-chip.switch{background:var(--chip-background);border:1px solid;border-color:var(--chip-border-color);--chip-border-color:var(--odc-select-chip-border-color,rgba(73,90,122,0.16));--chip-background:var(--odc-select-chip-background,transparent)}
.odc-select-chip.outlined:not(.active):not(.disabled):hover,.odc-select-chip.switch:not(.active):not(.disabled):hover{--chip-background:var(--odc-select-chip-hover-background,rgba(73,89,122,0.05))}
.odc-select-chip.outlined:not(.active):not(.disabled):active,.odc-select-chip.switch:not(.active):not(.disabled):active{--chip-background:var(--odc-select-chip-active-background,rgba(73,90,122,0.1))}
.odc-select-chip.outlined:not(.active).disabled,.odc-select-chip.switch:not(.active).disabled{--chip-color:var(--odc-select-chip-disabled-color,rgba(62,69,82,0.36));--chip-border-color:var(--odc-select-chip-disabled-border-color,rgba(73,90,122,0.16))}
.odc-select-chip.outlined.active.disabled,.odc-select-chip.switch.active.disabled{--chip-color:var(--odc-select-chip-selected-disabled-color,#94b5f7);--chip-border-color:var(--odc-select-chip-selected-disabled-border-color,#94b5f7);--chip-background:var(--odc-select-chip-selected-disabled-background,#edf3ff);--chip-icon-color:var(--odc-select-chip-selected-disabled-icon-color,#94b5f7)}
.odc-select-chip.outlined:not(.disabled).active,.odc-select-chip.switch:not(.disabled).active{--chip-color:var(--odc-select-chip-selected-color,#0142c3);--chip-border-color:var(--odc-select-chip-selected-border-color,var(--od-blue-06));--chip-background:var(--odc-select-chip-selected-background,#f5f8ff)}
.odc-select-chip.outlined{padding:0 9px;padding:var(--odc-select-chip-padding,0 9px)}
.odc-select-chip.switch:not(.disabled).active:hover{--chip-background:var(--odc-select-chip-selected-hover-background,#edf3ff)}
.odc-select-chip.switch:not(.disabled).active:active{--chip-background:var(--odc-select-chip-selected-active-background,#d4e1fc)}
.odc-select-chip.filled{background-color:var(--chip-background);--chip-background:var(--odc-select-chip-background,#f2f4fa)}
.odc-select-chip.filled:not(.active):not(.disabled):hover{--chip-background:var(--odc-select-chip-hover-background,#ebedf5)}
.odc-select-chip.filled:not(.active):not(.disabled):active{--chip-background:var(--odc-select-chip-active-background,#e4e7f2)}
.odc-select-chip.filled.active{font-weight:600}
.odc-select-chip.filled:not(.disabled).active{--chip-background:var(--odc-select-chip-selected-background,#e4e7f2)}
.odc-select-chip.filled:not(.active).disabled{--chip-color:var(--odc-select-chip-disabled-color,rgba(62,69,82,0.36))}
.odc-select-chip.filled.active.disabled{--chip-color:var(--odc-select-chip-selected-disabled-color,rgba(62,69,82,0.36));--chip-background:var(--odc-select-chip-selected-disabled-background,#e1e9fc);--chip-icon-color:var(--odc-select-chip-selected-disabled-icon-color,#94b5f7)}
.odc-select-chip.filled,.odc-select-chip.switch{transition:all .2s linear}
.odc-select-chip.filled.large,.odc-select-chip.switch.large{padding:0 17px}
.odc-select-chip.filled.large .odc-select-chip-icon.odc-select-chip-icon,.odc-select-chip.switch.large .odc-select-chip-icon.odc-select-chip-icon{width:14px;height:14px;left:8px}
.odc-select-chip.filled.small,.odc-select-chip.switch.small{padding:0 14px}
.odc-select-chip.filled.active,.odc-select-chip.switch.active{--chip-opacity:1}
.odc-select-chip.filled.active.large .odc-select-chip-text,.odc-select-chip.switch.active.large .odc-select-chip-text{transform:translateX(8px)}
.odc-select-chip.filled.active.small .odc-select-chip-text,.odc-select-chip.switch.active.small .odc-select-chip-text{transform:translateX(6px)}
.odc-select-chip.filled .odc-select-chip-icon.odc-select-chip-icon,.odc-select-chip.switch .odc-select-chip-icon.odc-select-chip-icon{position:absolute;left:6px;width:12px;height:12px;color:var(--od-blue-06);color:var(--chip-icon-color,var(--od-blue-06));opacity:0;opacity:var(--chip-opacity,0);transition:opacity .2s linear}
.odc-select-chip.filled .odc-select-chip-text,.odc-select-chip.switch .odc-select-chip-text{transition:all .2s linear}
/*! odc-pull-down-chip */
.odc-pull-down-chip{position:relative;display:flex;align-items:center;justify-content:center;grid-gap:2px;gap:2px;border-radius:8px;width:-moz-fit-content;width:fit-content;height:var(--chip-height);font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:400;line-height:20px;color:var(--chip-color);background:#fff;background:var(--chip-background,#fff);cursor:pointer}
.odc-pull-down-chip .odc-pull-down-chip-close-icon{transition:all .2s linear;color:rgba(69,80,102,.25);color:var(--odc-pull-down-chip-close-color,rgba(69,80,102,.25))}
.odc-pull-down-chip:not(.disabled) .odc-pull-down-chip-close-icon:hover{color:rgba(51,55,61,.58);color:var(--odc-pull-down-chip-close-hover-color,rgba(51,55,61,.58))}
.odc-pull-down-chip:not(.disabled) .odc-pull-down-chip-close-icon:active{color:rgba(38,38,41,.72);color:var(--odc-pull-down-chip-close-active-color,rgba(38,38,41,.72))}
.odc-pull-down-chip .odc-pull-down-chip-icon{color:var(--chip-icon-color)}
.odc-pull-down-chip .odc-pull-down-chip-icon>svg{width:12px;height:12px}
.odc-pull-down-chip .odc-pull-down-chip-icon.arrow{transition:all .2s linear}
.odc-pull-down-chip .odc-pull-down-chip-desc{color:var(--chip-desc-color)}
.odc-pull-down-chip.primary{--chip-color:var(--odc-pull-down-chip-color,rgba(0,0,0,0.95));--chip-desc-color:var(--odc-pull-down-chip-desc-color,#626365);--chip-icon-color:var(--odc-pull-down-chip-icon-color,#464749)}
.odc-pull-down-chip.secondary{--chip-color:var(--odc-pull-down-chip-color,rgba(38,38,41,0.72));--chip-desc-color:var(--odc-pull-down-chip-desc-color,rgba(51,55,61,0.58));--chip-icon-color:var(--odc-pull-down-chip-icon-color,rgba(51,55,61,0.58))}
.odc-pull-down-chip.small{padding:0 8px;padding:var(--odc-pull-down-chip-small-padding,0 8px);--chip-height:var(--odc-pull-down-chip-small-height,22px)}
.odc-pull-down-chip.medium{padding:0 12px;padding:var(--odc-pull-down-chip-medium-padding,0 12px);--chip-height:var(--odc-pull-down-chip-medium-height,30px)}
.odc-pull-down-chip.active.needRotateArrow .odc-pull-down-chip-icon.arrow{transform-origin:center center;transform:rotate(180deg)}
.odc-pull-down-chip.filled.disabled,.odc-pull-down-chip.outlined.disabled{cursor:no-drop;--chip-color:var(--odc-pull-down-chip-disabled-color,rgba(62,69,82,0.36));--chip-desc-color:var(--odc-pull-down-chip-disabled-desc-color,rgba(62,69,82,0.36));--chip-icon-color:var(--odc-pull-down-chip-disabled-icon-color,rgba(69,80,102,0.25))}
.odc-pull-down-chip.outlined{--chip-background:var(--odc-pull-down-chip-background);border:1px solid rgba(73,90,122,.16);border-color:var(--chip-border-color,var(--odc-pull-down-chip-border-color,rgba(73,90,122,.16)))}
.odc-pull-down-chip.outlined:not(.active):not(.disabled):hover{--chip-background:var(--odc-pull-down-chip-hover-background,rgba(73,89,122,0.05))}
.odc-pull-down-chip.outlined:not(.active):not(.disabled):active{--chip-background:var(--odc-pull-down-chip-active-background,rgba(73,90,122,0.1))}
.odc-pull-down-chip.outlined:not(.active).disabled{--chip-border-color:var(--odc-pull-down-chip-disabled-border-color,rgba(73,90,122,0.16));--chip-background:var(--odc-pull-down-chip-disabled-background,#fff)}
.odc-pull-down-chip.outlined.active.disabled{--chip-border-color:var(--odc-pull-down-chip-selected-disabled-border-color,#bfd3fa);--chip-background:var(--odc-pull-down-chip-selected-disabled-background,#edf3ff)}
.odc-pull-down-chip.outlined:not(.disabled).active{--chip-border-color:var(--odc-pull-down-chip-selected-border-color,#94b5f7);--chip-background:var(--odc-pull-down-chip-selected-background,#f5f8ff)}
.odc-pull-down-chip.filled{transition:all .2s linear;--chip-background:var(--odc-pull-down-chip-background,#f2f4fa)}
.odc-pull-down-chip.filled:not(.active):not(.disabled):hover{--chip-background:var(--odc-pull-down-chip-hover-background,#ebedf5)}
.odc-pull-down-chip.filled:not(.active):not(.disabled):active[\:not-has\(.odc-pull-down-chip-close-icon\:active\)]{--chip-background:var(--odc-pull-down-chip-active-background,#e4e7f2)}
.odc-pull-down-chip.filled:not(.active):not(.disabled):active:not(:has(.odc-pull-down-chip-close-icon:active)){--chip-background:var(--odc-pull-down-chip-active-background,#e4e7f2)}
.odc-pull-down-chip.filled.disabled{--chip-background:var(--odc-pull-down-chip-disabled-background,#f2f4fa)}
.odc-pull-down-chip.filled.active.disabled{--chip-background:var(--odc-pull-down-chip-selected-disabled-background,#e1e9fc)}
.odc-pull-down-chip.filled:not(.disabled).active{--chip-background:var(--odc-pull-down-chip-selected-background,#dee6fb)}
.odc-pull-down-chip.filled:not(.disabled).active .odc-pull-down-chip-text{font-weight:600}
.odc{ --version:"1_0_270"; --odc-version:"1_0_270"; }