.market-price-widget{--fill-up: #008554;--fill-down: #df3501;--fill-unchanged: var(--grey-200);position:relative;display:flex;flex-direction:column;gap:24px;padding:32px 24px;background:var(--color-light-grey);border:1px solid var(--color-light-grey-outline);border-radius:20px}.market-price-widget__title{margin:0;font-weight:800;font-size:24px}.market-price-widget__content{display:flex;flex-direction:column;gap:24px;align-items:flex-start}.market-price-widget__price-container{display:flex;flex-direction:column;flex-shrink:0;gap:12px;align-items:flex-start;white-space:nowrap}.market-price-widget__price{display:inline-flex;gap:2px;align-items:center;justify-content:center;height:32px;padding:0 12px;font-weight:500;font-size:16px;background:var(--color-white);border:1px solid var(--color-light-grey-outline);border-radius:9999px}.market-price-widget__price:before{display:block;width:10px;height:10px;margin:7px;border-radius:9999px;content:""}.market-price-widget__change{display:inline-flex;gap:2px;align-items:center;justify-content:center;height:32px;padding:0 16px;color:var(--color-white);font-size:14px;border:1px solid transparent;border-radius:9999px}.market-price-widget__change:before{display:block;width:24px;height:24px;background-repeat:no-repeat;background-position:center;content:""}.market-price-widget__change-percent{font-weight:700}.market-price-widget__change-note{margin-left:4px}.market-price-widget__chart{max-width:250px}[data-direction=unchanged] .market-price-widget__change{background:var(--fill-unchanged);border-color:var(--fill-unchanged)}[data-direction=unchanged] .market-price-widget__price:before{background:var(--fill-unchanged);animation:price-dot-pulse-unchanged 1.5s infinite}[data-direction=up] .market-price-widget__change{background:var(--fill-up);border-color:var(--fill-up)}[data-direction=up] .market-price-widget__change:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='none'%3e%3cpath%20fill='%23fff'%20d='M11.332%206.5a1%201%200%200%201%201.732%200l5.196%209a1%201%200%200%201-.866%201.5H7a1%201%200%200%201-.866-1.5l5.197-9Z'/%3e%3c/svg%3e")}[data-direction=up] .market-price-widget__price:before{background:var(--fill-up);animation:price-dot-pulse-up 1.5s infinite}[data-direction=down] .market-price-widget__change{background:var(--fill-down)}[data-direction=down] .market-price-widget__change:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='none'%3e%3cpath%20fill='%23fff'%20d='M12.668%2017.5a1%201%200%200%201-1.732%200l-5.196-9A1%201%200%200%201%206.606%207h10.392a1%201%200%200%201%20.866%201.5l-5.196%209Z'/%3e%3c/svg%3e")}[data-direction=down] .market-price-widget__price:before{background:var(--fill-down);animation:price-dot-pulse-down 1.5s infinite}@keyframes price-dot-pulse-up{0%{box-shadow:0 0 #00855499}70%{box-shadow:0 0 0 8px transparent}}@keyframes price-dot-pulse-down{0%{box-shadow:0 0 #df350199}70%{box-shadow:0 0 0 8px transparent}}@keyframes price-dot-pulse-unchanged{0%{box-shadow:0 0 #c3c3c499}70%{box-shadow:0 0 0 8px transparent}}@media(min-width:340px){.market-price-widget__content{flex-direction:row;gap:24px;align-items:center}}@media(min-width:640px){.market-price-widget{flex-direction:column;justify-content:space-between}.market-price-widget__content{flex-direction:row;gap:32px;align-items:center;justify-content:space-between}}@media(min-width:768px){.market-price-widget,.market-price-widget__price-container{flex-direction:row;align-items:center}.market-price-widget__price{height:44px;padding:0 24px 0 16px;font-size:24px}.market-price-widget__change{height:44px;font-size:16px}.market-price-widget__chart{max-width:115px;height:66px}}@media(min-width:1024px){.market-price-widget{flex-direction:column;gap:32px;align-items:normal;padding:42px}.market-price-widget__title{font-size:32px}.market-price-widget__content{display:flex;flex-direction:row;gap:32px;justify-content:space-between}.market-price-widget__price-container{flex-direction:column;align-items:flex-start}.market-price-widget__chart{max-width:250px;height:auto}}