@media (width < 500px){#currency-calculator{padding-top:0;padding-bottom:0}}
#currency-calculator h2{margin-bottom:24px;margin-left:0}
@media (width>= 1025px){#currency-calculator h2{margin-bottom:40px}}
#currency-calculator .currency-calculator{display:flex;margin-bottom:80px}
#currency-calculator .currency-calculator-container{display:flex;flex-direction:column;gap:32px;padding:40px;border-radius:8px;background-color:#F6F7F8}
@media (max-width:720px){#currency-calculator .currency-calculator-container{padding:40px 16px;width:100%;left:-16px;position:relative}}
#currency-calculator .currency-calculator-inputs{width:100%;display:grid;grid-template-columns:1fr min-content 1fr;grid-template-areas:"dropdown1 button dropdown2" "input1 button input2";column-gap:8px;row-gap:16px}
@media (max-width:720px){#currency-calculator .currency-calculator-inputs{grid-template-columns:1fr;grid-template-areas:"dropdown1" "input1" "button" "dropdown2" "input2";padding:0;row-gap:8px}}
#currency-calculator .currency-calculator-inputs .calculator-input-wrapper{margin:0}
#currency-calculator .currency-calculator-inputs .form-group{width:100%}
@media (max-width:720px){#currency-calculator .currency-calculator-inputs .form-group{margin-top:8px}}
#currency-calculator .currency-calculator-inputs .form-control{width:100%}
#currency-calculator .currency-calculator-inputs .form-control-error{width:fit-content;margin-left:auto}
#currency-calculator .currency-calculator-inputs .button-clear{margin-top:32px;color:#676973}
@media (max-width:720px){#currency-calculator .currency-calculator-inputs .button-clear{margin:0}}
#currency-calculator .currency-calculator-results{display:flex;flex-direction:column}
#currency-calculator .currency-calculator-results-toggle{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
@media (max-width:720px){#currency-calculator .currency-calculator-results-toggle{flex-direction:column;gap:32px;align-items:flex-start}}
#currency-calculator .currency-calculator-results-toggle img{transform:rotate(90deg);transition:transform 0.3s ease}
#currency-calculator .currency-calculator-results-toggle img.active{transform:rotate(-90deg)}
#currency-calculator .currency-calculator-graph-wrapper{max-height:314px;overflow:visible;transition:max-height 0.5s cubic-bezier(0,1,0,1),padding 0.5s cubic-bezier(0,1,0,1);background-color:#FFF;display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:4px}
#currency-calculator .currency-calculator-graph-wrapper.hidden{overflow:hidden;max-height:0;padding:0 8px}
#currency-calculator .currency-calculator-graph-wrapper canvas{height:auto !important;flex:1;min-height:200px;max-height:258px}
#currency-calculator .currency-calculator-graph-controls{display:flex;gap:4px;width:fit-content;margin:0 0 0 auto;padding:4px;background-color:#F6F7F8;border-radius:4px}
@media (max-width:499px){#currency-calculator .currency-calculator-graph-controls{width:calc(100% - 8px);margin:0 0 8px}}
#currency-calculator .currency-calculator-graph-controls button{height:fit-content;border:0;padding:0 8px;font-size:14px;color:#676973;background-color:#F6F7F8;font-weight:500;white-space:nowrap;cursor:pointer}
#currency-calculator .currency-calculator-graph-controls button:hover{background-color:#EEEEF1}
#currency-calculator .currency-calculator-graph-controls button.active:not(:focus-visible){background-color:#FFF;color:#15171C;box-shadow:0px 2px 4px 0px rgba(0,0,0,0.1)}
#currency-calculator .currency-calculator-datepicker{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}
@media (min-width:768px){#currency-calculator .currency-calculator-datepicker{flex-direction:row;margin-bottom:8px}#currency-calculator .currency-calculator-datepicker .text-button{margin-left:auto}}
@media (max-width:767px){#currency-calculator .currency-calculator-datepicker .button-primary{width:100%}}
#currency-calculator .currency-calculator .button-clear{background-color:transparent;border:0;padding:4px;white-space:nowrap;width:fit-content}
#currency-calculator .currency-calculator .button-clear:hover{background-color:#EEEEF1}
#currency-calculator .currency-calculator .comment{font-size:12px;line-height:16px}
#currency-calculator .disclaimer{display:flex;flex-direction:column;gap:8px;color:#676973;font-size:14px;line-height:normal;margin:8px 0 0}
@media (max-width:499px){#rates-tables{position:relative;width:calc(100% + 32px);left:-16px}}
@media (max-width:720px){#rates-tables .tab-classic{margin:0;padding:0}}
#rates-tables .tab-title{background-color:#F6F7F8;font-weight:400}
#rates-tables .tab-title.active{font-weight:500}
#rates-tables .tab-inputs{background-color:#F6F7F8;width:calc(100% - 32px);padding:16px 16px 0;grid-template-columns:1fr;grid-template-areas:none}
#rates-tables .tab-content{padding:0 16px 16px}
#rates-tables .tab-content::after{display:none}
@media (min-width:500px){#rates-tables .abs-table-v2 tr>:first-child{display:flex;align-items:center;gap:16px}}
#rates-tables .abs-table-v2 th,#rates-tables .abs-table-v2 td{padding:8px}
#rates-tables .abs-table-v2 th{vertical-align:middle}
@media (max-width:499px){#rates-tables .abs-table-v2 img{display:none}}
@media (min-width:768px){#rates-tables #datepicker-container{width:fit-content}}
@media (min-width:768px){#rates-tables #currency-date{width:300px}}
#rates-tables .tooltipv2:focus-visible{z-index:2}
#currency-tables{padding:0}