@font-face{font-family:roboto-regular;src:url(/currency-converter/fonts/roboto_regular.woff2) format("woff2");font-weight:400;font-display:swap}*,:before,:after{box-sizing:border-box}:where(ul,ol):where([class]){padding-left:0}body,:where(blockquote,figure):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){margin-left:0;padding:0;border:none}:where(ul[class]){list-style:none}:where(address[class]){font-style:normal}p{--paragraphMarginBottom: 24px;margin-block:0}p:where(:not([class]):not(:last-child)){margin-bottom:var(--paragraphMarginBottom)}img,video{display:block;max-width:100%;height:auto}input,textarea,select,button{font:inherit;-webkit-tap-highlight-color:transparent}html{height:100%}html,:has(:target){scroll-behavior:smooth}body{min-height:100%;line-height:1.5}a:where([class]){display:inline-flex}button,label{cursor:pointer}:where([stroke]:not([stroke=none],[stroke^=url])){stroke:currentColor}svg *{transition-property:fill,stroke}:where(table){border-collapse:collapse;border-color:currentColor}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--font-family-base: "roboto-regular", sans-serif;--color-base: hsl(225, 20%, 96%);--color-background: hsl(0, 0%, 100%);--color-text: hsl(0, 0%, 0%);--color-icon: hsl(200, 97%, 45%);--color-primary: hsl(222, 10%, 68%);--color-secondary: hsl(222, 14%, 86%);--color-accent: hsla(200, 97%, 45%, .5);--color-outline: hsl(0, 0%, 67%);--box-shadow-container: rgba(22, 33, 54, .05) 0px 1px 8px 0px;--box-shadow-dropdown: rgba(22, 33, 54, .08) 0px 8px 16px, rgba(22, 33, 54, .08) 0px 4px 16px, rgba(22, 33, 54, .08) 0px 8px 16px}@media (prefers-color-scheme: dark){:root{--color-base: hsl(213, 11%, 16%);--color-background: hsl(0, 0%, 7%);--color-text: hsl(0, 0%, 90%);--color-icon: hsl(200, 97%, 45%);--color-primary: hsl(222, 6%, 50%);--color-secondary: hsl(220, 11%, 26%);--color-accent: hsla(200, 97%, 45%, .7);--color-outline: hsl(0, 0%, 39%);--box-shadow-container: rgba(0, 0, 0, .75) 0px 1px 8px 0px;--box-shadow-dropdown: rgba(0, 0, 0, .85) 0px 8px 16px, rgba(0, 0, 0, .85) 0px 4px 16px, rgba(0, 0, 0, .85) 0px 8px 16px}}html,body{overflow-y:hidden}body{font-family:var(--font-family-base);background-color:var(--color-base);color:var(--color-text)}.container{max-width:1440px;width:100%;margin-inline:auto;display:flex;align-items:center;justify-content:center;height:100vh}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;white-space:nowrap!important;clip-path:inset(100%)!important;clip:rect(0 0 0 0)!important;overflow:hidden!important}path{color:var(--color-text)}.converter{padding:32px;background-color:var(--color-background);border-radius:16px;box-shadow:var(--box-shadow-container);display:grid;grid-gap:24px;gap:24px}.title{font-weight:700;font-size:24px;color:var(--color-text)}.change-currency{width:56px;height:56px;margin-inline:auto;display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:var(--color-background);border:none}.change-currency svg{width:20px;height:20px;transform:rotate(90deg)}.rotate-svg{transform:rotate(180deg)}.github{height:80px;width:80px;position:absolute;right:0;top:0;transform:translateZ(0);z-index:1}.github__link{width:100%;height:100%}.form{display:grid;align-items:stretch;grid-column-gap:16px;-moz-column-gap:16px;column-gap:16px}.form__field{position:relative}.form__field>*{cursor:text}.form__field-inputs{display:grid;grid-template-columns:1fr min-content;transition:border-color .1s linear}.form__field-inputs>*{height:56px;border:1px solid var(--color-secondary)}.form__field-inputs>*:focus,.form__field-inputs:hover>*,.form__field-label:hover+.form__field-inputs>*{border-color:var(--color-accent)}.form__field-input{padding:24px 16px 8px;font-size:16px;border-top-left-radius:8px;border-bottom-left-radius:8px;color:var(--color-text);background-color:transparent}.form__field-label{position:absolute;font-size:.9rem;font-weight:100;left:10px;bottom:16px;padding:0 5px;color:var(--color-primary);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease}.form__field-input:focus,.form__field:has(.form__field-input:focus) .form__field-button{outline:1px solid rgb(170,170,170)}.form__field:has(.form__field-input:focus) .form__field-label{transform:translate(-5px,-15px);font-size:.8rem;background-color:var(--color-background)}.form__field-button{display:flex;align-items:center;justify-content:center;background-color:var(--color-background);color:#000;padding:7px 16px;border-top-right-radius:8px;border-bottom-right-radius:8px}._dropdown_1jw0q_1{position:absolute;top:100%;right:0;z-index:2;border:none;border-radius:8px;min-width:100%;background-color:var(--color-background);overflow:auto;box-shadow:var(--box-shadow-dropdown);height:200px;scrollbar-width:none}._list_1jw0q_29{padding:8px 0}._list__item_1jw0q_35{cursor:pointer;display:grid;grid-template-columns:1fr min-content;padding:18px 15px;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}._list__item_1jw0q_35:hover{background-color:var(--color-base)}._list__item-icon_1jw0q_57{display:grid;align-items:center;visibility:visible}._list__item-icon_1jw0q_57 path{color:var(--color-icon)}