.currency-rate-list__list{display:flex;flex-direction:column;gap:var(--space-4);margin:var(--space-4) 0 0;margin-bottom:var(--space-64);padding:0}.currency-rate-list__item{position:relative;transition:.3s;box-shadow:0 0 6px #00000026;border-radius:var(--box-border-radius);background:var(--color-white);padding:var(--space-12) var(--space-24);list-style-type:none}.currency-rate-list__item:has(.currency-converter-animate-enter-active){margin:var(--space-12) 0}.currency-rate-list__item:has(.currency-converter-animate-enter-active):first-child{margin:0 0 var(--space-12)}.currency-rate-list__item:has(.currency-converter-animate-enter-active):last-child{margin:var(--space-12) 0 0}.currency-rate-list__item:has(.currency-converter-animate-enter-active) .currency-rate-list__item-button{height:110px}@media screen and (min-width: 1024px){.currency-rate-list__item:has(.currency-converter-animate-enter-active) .currency-rate-list__item-button{height:auto}}.currency-rate-list__item:has(.currency-converter-animate-enter-active) .currency-rate-list__item-button svg{rotate:180deg}.currency-rate-list__item-container{display:flex;position:relative;flex-direction:column;gap:var(--space-8);border-radius:var(--box-border-radius)}@media screen and (min-width: 1024px){.currency-rate-list__item-container{display:grid;position:static;grid-template-columns:1fr 1fr 1fr 1fr 60px 100px;align-items:center;gap:0}}.currency-rate-list__item-container>div{display:flex;font-size:var(--typography-text-micro)}@media screen and (min-width: 1024px){.currency-rate-list__item-container>div{align-items:center;height:100%;font-size:var(--typography-text-small);background:0 0,0 100%,0,linear-gradient(0deg,var(--color-gray-dark) 20%,transparent 20%);background-repeat:repeat-y;background-size:0,0,0,1px 6px;background-position:left}}.currency-rate-list__item-container>div:first-child{justify-content:flex-start;background:none}@media screen and (min-width: 1024px){.currency-rate-list__item-container>div:first-child{margin-left:var(--space-40)}}.currency-rate-list__item-container>div:nth-child(2){padding-left:20px}.currency-rate-list__item-container>div:nth-child(3){padding-left:20px}.currency-rate-list__item-country{align-items:center;gap:var(--space-8);font-size:var(--typography-text-caption)}.currency-rate-list__item-country .currency-rate-list__item-country-wrapper{display:flex;flex-direction:column;font-size:var(--typography-text-caption)}.currency-rate-list__item-country .currency-rate-list__item-country-wrapper span:first-child{font-weight:700}.currency-rate-list__item-country span{font-size:var(--typography-text-micro)}.currency-rate-list__item-country-flag{display:block;border-radius:4px}.currency-rate-list__item-button{display:flex;position:absolute;top:0;left:0;z-index:2;padding:var(--space-16);width:100%;height:100%}.currency-rate-list__item-button svg{display:none;transition:.3s ease-in-out}@media screen and (min-width: 1024px){.currency-rate-list__item-button svg{display:block;margin:auto 0}}.currency-rate-list__stock{display:flex;position:absolute;right:0;bottom:0;gap:var(--space-8)}@media screen and (min-width: 1024px){.currency-rate-list__stock{position:relative;justify-content:center;align-items:center;height:100%;background-position:left;background:0 0,0 100%,0,linear-gradient(0deg,var(--color-gray-dark) 20%,transparent 20%);background-repeat:repeat-y;background-size:0,0,0,1px 6px;background-position:right}}.currency-rate-list__stock>*{font-size:var(--typography-text-caption)}.currency-rate-list__stock a{text-decoration:underline}.currency-rate-list__stock a:after{position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;content:""}.currency-rate-list__favourite{position:absolute;right:0;z-index:19;padding:0}@media screen and (min-width: 1024px){.currency-rate-list__favourite{position:relative;justify-content:center;align-items:center;z-index:10;cursor:pointer;height:100%}}.currency-rate-list__favourite button{transition:.2s ease-out;width:100%;height:100%}@media screen and (min-width: 768px){.currency-rate-list__favourite button:hover{scale:1.4}}.currency-rate-list__link{display:flex;position:absolute;right:30px;align-items:center;gap:var(--space-8);z-index:10;margin-left:var(--space-12);border-radius:50%;background:var(--color-brand-primary);padding:var(--space-4);font-size:var(--typography-text-caption)}@media screen and (min-width: 1024px){.currency-rate-list__link{position:relative;right:-8px;border-radius:30px;background:var(--color-gray-light);padding:var(--space-8)}.currency-rate-list__link:before{position:absolute;left:-20px;width:1px;height:calc(100% + var(--space-12));content:"";background:0 0,0 100%,0,linear-gradient(0deg,var(--color-gray-dark) 20%,transparent 20%);background-repeat:repeat-y;background-size:0,0,0,1px 6px;background-position:left}}.currency-rate-list__link:hover{background:var(--color-brand-primary)}.currency-rate-list__link svg{width:16px;height:16px}@media screen and (min-width: 1024px){.currency-rate-list__link svg{width:12px;height:12px}}.currency-rate-list__link span{display:none}@media screen and (min-width: 1024px){.currency-rate-list__link span{display:inline}}.currency-converter-animate-container{transform:scaleY(0);transform-origin:top;opacity:0;transition:opacity .3s,transform .3s;overflow:hidden}@media screen and (min-width: 1024px){.currency-converter-animate-container{padding-left:var(--space-40)}}.currency-converter-animate-enter-active{transform:scaleY(1);opacity:1}