:root{--dcac-col-y:#ffcb36;--dcac-col-y-25:rgba(255, 203, 54, 0.25);--dcac-col-p1:#a74ca7;--dcac-col-p2:#c5afd8;--dcac-col-lilac:#f6f3f8}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.section-dcac{padding:40px 20px;background-color:var(--dcac-col-lilac);.grid-container{grid-template-columns:0.15fr 1fr;grid-template-rows:min-content 1fr;gap:30px}select{cursor:pointer}p{font-size:1.125rem}.ws-nowrap{white-space:nowrap}.btn-action *{pointer-events:none}label.input-wrap{width:100%;height:100%;padding:27px 20px;background-color:rgba(255,255,255,1);border-radius:8px;font-size:0.875rem;line-height:1.25rem;font-weight:400;display:flex;flex-direction:column;&.disabled{opacity:0.5;pointer-events:none}select{font-size:1.25em;line-height:130%;font-weight:600;padding:5px 0;margin:auto;option[disabled]{color:#cecece}}}.loader-wrap{position:absolute;left:1.3%;top:2.6%;width:97%;height:94%;display:flex;justify-content:center;align-items:center;z-index:1;background-color:rgba(0, 0, 0, 0.33);box-shadow:0 0 20px 20px rgba(0, 0, 0, 0.33);transition:opacity 0.25s ease;&.fadeout{opacity:0}.loader{width:48px;height:48px;border:5px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}}.dcac-header{svg{width:16px;height:auto;fill:inherit}.logo-wrap{max-width:150px;margin-right:12px}.dcac-header-heading{font-size:24px;font-weight:600;line-height:100%}}.dcac-chart{background-color:white;border-radius:8px;>.row{flex-direction:column-reverse}.canvas-wrap{min-height:400px;width:100vw;max-width:100%;margin:auto;display:flex;justify-content:center;aspect-ratio:16/8}.info-wrap{z-index:1;min-width:200px;display:flex;align-items:center;justify-content:flex-end;.legend-container{padding:0;ul.legend-list{gap:15px 20px;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,auto);li{align-items:center;cursor:pointer;display:flex;flex-direction:row;span{display:inline-block;flex-shrink:0;height:20px;width:20px;margin-right:8px}}}}}.info-container{gap:15px;padding:15px 20px 22px;.infobox{padding:15px 20px;border-radius:8px;border:solid 3px var(--dcac-col-lilac);@media (max-width: 1000px){padding:10px 15px}&.total-num,&.chart-name{font-size:1.125rem;font-weight:600;@media (max-width: 1000px){font-size:1rem}}}}.welcome{top:48%;left:50%;width:auto;height:auto;padding:25px 50px;transform:translate(-50%, -50%);max-width:100%;max-height:100%;overflow:auto;background:var(--dcac-col-lilac)}.filter-msg{width:auto;right:30vw;top:50%;background:var(--dcac-col-lilac);border:solid white 2px;transform:translateY(-50%)}&.pie{> .row{flex-direction:row}.chart-col{max-width:80%}.filter-msg{right:50%}.info-wrap{margin-top:0;margin-left:-200px;margin-bottom:0;justify-content:center;.legend-container .legend-list{grid-template-columns:auto}}.canvas-wrap{aspect-ratio:4/3;justify-content:start;padding-top:20px}}}.mobile-overlay{position:absolute;display:flex;justify-content:center;align-items:center;background:rgba(181, 233, 255, 0.9);top:2%;left:1%;width:98%;height:96%;border-radius:20px}.select-wrap{background-color:white;border-radius:8px;min-width:250px;width:15vw;max-width:500px;padding:20px 15px 0}.graph-q{background:white;border:none;border-radius:inherit;width:100%;padding:0}.sel-rplc-btn{position:absolute;top:50%;left:0;width:calc(100% - 40px);height:64px;padding:0;border:none;border-radius:inherit;text-align:left;pointer-events:none;transform:translateY(-50%);background-color:white;span{font-size:1.25rem;font-weight:600;line-height:130%;vertical-align:middle;white-space:normal}}.metric-megamenu{position:relative;width:100%;.mega-btn{width:100%;padding:5px 0;font-size:1.125rem;font-weight:600;text-align:left;border-radius:8px;border:0;background-color:transparent;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background 0.2s}.mega-panel{position:absolute;top:100%;left:0;max-width:90vw;overflow-y:auto;background-color:white;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,0.1);z-index:10;display:none;&.open{display:grid;grid-template-columns:repeat(5, 1fr);gap:20px 10px;padding:30px 20px;@media (max-width: 599px){grid-template-columns:1fr}}.mega-item{padding:12px 20px;cursor:pointer;position:relative;transition:background 0.15s;&:before{width:0;content:"";height:2px;background-color:var(--dcac-col-p1);position:absolute;transition:0.3s;bottom:4px;left:16px}&:hover{&:before{@media (min-width: 600px){width:30%}}@media (max-width: 599px){background-color:var(--dcac-col-lilac)}}}}}.mega-btn::after{content:url("data:image/svg+xml;utf8,");margin-left:10px;color:#666;width:24px;height:12px}}