body[lang="en"] .modal.chart-export-options .modal-dialog{width:300px;}body[lang="ru"] .modal.chart-export-options .modal-dialog{width:400px;}.modal.chart-export-options{.modal-dialog{margin:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:none;.modal-content{width:100%;display:flex;padding:var(--spacing-04);flex-direction:column;gap:16px;border-radius:var(--corner-03);border:1px solid var(--secondary-disabled);background:#fff;box-shadow:0px 6px 12px 0px rgba(0,0,0,0.1);.modal-header{display:flex;justify-content:space-between;align-items:center;padding:0;border-bottom:none;span.modal-title{color:#000;font-size:var(--label-medium-size);font-weight:var(--semi-bold-weight);line-height:var(--label-medium-height);}.close{position:static;opacity:1;&:hover{opacity:1;}}}.modal-header::before,.modal-header::after{display:none;}.modal-body{padding:0;display:flex;flex-direction:column;gap:24px;.options{display:grid;grid-template-columns:repeat(2,auto);justify-content:space-between;ul{list-style:none;display:flex;flex-direction:column;padding:0;margin:0;li{display:flex;gap:8px;input[type="radio"]{appearance:none;border-radius:var(--corner-03);min-width:16px;min-height:16px;max-width:16px;max-height:16px;margin:4px 0;background:white;border:1px solid var(--secondary-disabled);}input[type="radio"]:checked{border:5px solid var(--accent);outline:none;}input[type="radio"] + label{color:var(--text-secondary);font-size:var(--label-medium-size);font-weight:var(--semi-bold-weight);line-height:var(--label-medium-height);}input[type="radio"]:checked + label{color:#000;}input[type="checkbox"]{min-width:16px;min-height:16px;max-width:16px;max-height:16px;margin:4px 0;accent-color:var(--accent);}input[type="checkbox"] + label{color:var(--text-secondary);font-size:var(--label-medium-size);font-weight:var(--regular-weight);line-height:var(--label-medium-height);}input[type="checkbox"]:checked + label{color:#000;}}}ul.predefined{gap:12px;}ul.custom{gap:8px;}.size-input{display:flex;flex-direction:column;.custom-inputs{display:flex;align-items:center;gap:4px;input{display:flex;width:56px;height:32px;padding:var(--spacing-03);align-items:center;gap:8px;border-radius:var(--corner-02);border:1px solid var(--secondary-disabled);background:#fff;}}}}.export-font-options{display:flex;gap:8px;input[type="checkbox"]{min-width:16px;min-height:16px;max-width:16px;max-height:16px;margin:4px 0;accent-color:var(--accent);}label{display:flex;flex-direction:column;span.title{color:var(--text-secondary);font-size:var(--label-medium-size);font-weight:var(--regular-weight);line-height:var(--label-medium-height);}span.sub-title{color:var(--text-secondary);font-size:var(--label-x-small-size);font-weight:var(--regular-weight);line-height:var(--label-x-small-height);}}}}.modal-footer{padding:0;border-top:none;button{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;}}}}}.export-spinner{display:none;width:15px;height:15px;position:relative;text-align:center;animation:rotate 2s infinite linear;}.export-spinner:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:2px solid #fff;border-color:#fff transparent #fff transparent;animation:spin 1.5s infinite ease-in-out;}@keyframes rotate{100%{transform:rotate(360deg);}}@keyframes spin{0%{transform:rotate(0deg);}50%{transform:rotate(180deg);border-color:#333 transparent #333 transparent;}100%{transform:rotate(360deg);}}@media all and (max-width:1024px){body[lang="ru"] .modal.chart-export-options .modal-dialog{width:300px;}.modal.chart-export-options .modal-dialog .modal-content .modal-body{gap:12px;.options{grid-template-columns:repeat(1,auto);gap:12px;}}}
.export-links{display:flex;gap:4px;align-items:center;}.export-error-label{display:none;color:red;margin-top:7px;}.export-link{padding:8px;font-size:var(--label-x-small-size);line-height:var(--label-x-small-height);color:var(--text-secondary);}.export-link.exportInProgress{pointer-events:none;}.export-link.exportInProgress .export-img-arrow{animation:exportIconAnimation 1s linear infinite;}@keyframes exportIconAnimation{0%{transform:translate(0px,0%);}50%{transform:translate(0px,100%);}51%{transform:translate(0px,-100%);}100%{transform:translate(0px,0%);}}
