.sharpi-atc-toast {     position: fixed;     left: 50%;     bottom: max(18px, env(safe-area-inset-bottom));     z-index: 2147483001;     display: grid;     grid-template-columns: auto 1fr auto;     gap: 12px;     align-items: center;     width: min(520px, calc(100vw - 28px));     padding: 14px 14px 14px 16px;     color: #fff;     background: rgba(7, 11, 18, .96);     border: 1px solid rgba(255, 136, 0, .42);     border-radius: 18px;     box-shadow: 0 18px 44px rgba(0, 0, 0, .34);     transform: translate(-50%, 22px);     opacity: 0;     pointer-events: none;     transition: opacity .18s ease, transform .18s ease;     font-family: inherit; } .sharpi-atc-toast.is-visible {     opacity: 1;     pointer-events: auto;     transform: translate(-50%, 0); } .sharpi-atc-toast__icon {     display: grid;     place-items: center;     width: 34px;     height: 34px;     border-radius: 999px;     color: #111821;     background: #ff8a00;     font-weight: 900;     line-height: 1; } .sharpi-atc-toast__title {     margin: 0 0 2px;     font-size: 15px;     font-weight: 800;     line-height: 1.25; } .sharpi-atc-toast__body {     margin: 0;     color: rgba(255, 255, 255, .78);     font-size: 13px;     line-height: 1.35; } .sharpi-atc-toast__actions {     display: flex;     gap: 8px;     align-items: center; } .sharpi-atc-toast__cart, .sharpi-atc-toast__close {     appearance: none;     display: inline-flex;     align-items: center;     justify-content: center;     min-height: 38px;     padding: 0 13px;     border-radius: 999px;     border: 0;     font-size: 13px;     font-weight: 800;     line-height: 1;     text-decoration: none !important;     cursor: pointer;     white-space: nowrap; } .sharpi-atc-toast__cart {     color: #111821 !important;     background: #ff8a00; } .sharpi-atc-toast__close {     color: #fff;     background: rgba(255, 255, 255, .14); } .sharpi-atc-toast.is-error .sharpi-atc-toast__icon {     color: #fff;     background: #d93025; } .sharpi-atc-pending, .sharpi-atc-added {     position: relative;     cursor: wait !important; } .sharpi-atc-pending {     opacity: .86; } .sharpi-atc-spinner {     display: inline-block;     width: 1em;     height: 1em;     margin-right: .45em;     border: 2px solid currentColor;     border-right-color: transparent;     border-radius: 50%;     vertical-align: -.12em;     animation: sharpiAtcSpin .72s linear infinite; } @keyframes sharpiAtcSpin {     to { transform: rotate(360deg); } } @media (max-width: 520px) {     .sharpi-atc-toast {         grid-template-columns: auto 1fr;         gap: 10px;         padding: 12px;         bottom: max(12px, env(safe-area-inset-bottom));         border-radius: 16px;     }     .sharpi-atc-toast__actions {         grid-column: 1 / -1;         justify-content: stretch;     }     .sharpi-atc-toast__cart,     .sharpi-atc-toast__close {         flex: 1 1 0;     } } /*# sourceURL=sharpi-add-to-cart-feedback-inline-css */