.converter[data-v-2b6f1809]{border-radius:var(--large-radius);max-width:43.75rem;padding:var(--medium-padding)}@media (max-width:768px){.converter[data-v-2b6f1809]{background-color:transparent;padding:0}}.converter-inner[data-v-2b6f1809]{align-items:center;display:flex;gap:var(--medium-space);position:relative}@media (max-width:768px){.converter-inner[data-v-2b6f1809]{flex-direction:column}}.converter-field[data-v-2b6f1809]{align-items:center;display:flex;position:relative}@media (max-width:768px){.converter-field[data-v-2b6f1809]{width:100%}}.converter-button[data-v-2b6f1809],.converter-select[data-v-2b6f1809]{background-color:transparent;border:none;border-radius:var(--large-radius);color:#fff;cursor:pointer;padding:.8125rem .25rem;position:absolute;right:.1875rem;width:70px;z-index:1}@media (max-width:768px){.converter-button[data-v-2b6f1809],.converter-select[data-v-2b6f1809]{right:.25rem}}.converter-button[data-v-2b6f1809]{box-shadow:0 0 0 1px #fff;top:50%;transform:translateY(-50%)}.converter-button[data-v-2b6f1809] .button-content{justify-content:center}.converter-select[data-v-2b6f1809]{background-color:transparent;border:none;color:transparent;height:100%;outline:none;z-index:1}.converter-input[data-v-2b6f1809] input{padding-right:5rem;text-align:right}@media (max-width:768px){.converter-input[data-v-2b6f1809]{width:100%}}.converter-swap[data-v-2b6f1809]{background-color:transparent;border:none;margin:0;padding:0}@media (max-width:768px){.converter-swap[data-v-2b6f1809]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(90deg);z-index:1}}@media (hover:hover){.converter-swap[data-v-2b6f1809]:hover{cursor:pointer}.converter-swap:hover .converter-icon[data-v-2b6f1809]{background-color:var(--light);transform:scale(1.2) rotate(180deg)}}.converter-swap:active .converter-icon[data-v-2b6f1809]{transform:scale(.98) rotate(180deg)}.converter-icon[data-v-2b6f1809]{background-color:var(--white);display:block;height:2rem;transition:transform .3s var(--cubic-bezier),background-color .3s var(--cubic-bezier);width:2rem}.converter-sup[data-v-2b6f1809]{display:block;font-size:.75rem;line-height:1;margin-top:10px;text-align:center;top:0}.converter-chart[data-v-2b6f1809]{margin-top:var(--large-margin)}.periods[data-v-2b6f1809]{align-items:center;display:flex;gap:var(--medium-space)}.periods .active[data-v-2b6f1809]{color:var(--dark-light)}