currency-widget{display:block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;width:100%;margin:20px 0}.currency-header{background:#f5f5f5;color:#333;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0;margin-bottom:16px}.currency-grid{margin-left:auto;margin-right:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.currency-card{background:#fff;border:1px solid #e1e1e1;border-radius:8px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.1);width:100%;box-sizing:border-box;display:flex;flex-direction:column;transition:transform .3s ease,opacity .3s ease;opacity:1}.currency-card.enter{opacity:0;transform:scale(.95)}.currency-info{display:flex;align-items:center;gap:12px;margin-bottom:12px}.currency-flag{width:32px;height:auto;border-radius:50%;-o-object-fit:cover;object-fit:cover;box-shadow:0 1px 2px rgba(0,0,0,.1);content-visibility:auto}.currency-text{display:flex;flex-direction:column}.currency-code{font-weight:700;color:#333;font-size:1.1rem}.currency-name{color:#666;font-size:.85rem}.currency-rates{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rate-column{display:flex;flex-direction:column}.rate-label{font-size:.75rem;color:#666;margin-bottom:4px}.rate-value{font-weight:700;font-size:1rem;transition:transform .3s ease}.rate-value.updated{animation:highlight .5s ease}.buy-rate{color:#388e3c}.sell-rate{color:#4caf50}.currency-update{padding:16px 0 0;font-size:.75rem;color:#666;text-align:right;margin-top:16px;border-top:1px solid #f0f0f0}.refresh-btn{background:0 0;border:none;cursor:pointer;padding:0;margin:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.refresh-icon{width:18px;height:18px;color:#666}.refresh-icon.spinning{animation:spin 1s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes highlight{0%{transform:scale(1.05)}50%{transform:scale(1)}100%{transform:scale(1)}}@media (max-width:768px){.currency-grid{grid-template-columns:1fr}.currency-card{flex-direction:row;align-items:center;justify-content:space-between}.currency-info{margin-bottom:0;flex:1}.currency-rates{display:flex;gap:16px}.rate-column{align-items:flex-end}}
/*# sourceMappingURL=widget.css.map */