.skeleton-item[data-v-9417d716]{animation:skeletonPulse-9417d716 1.5s ease-in-out infinite;background:var(--surface-page-invert);flex-shrink:0;max-width:100%}@keyframes skeletonPulse-9417d716{0%,to{opacity:.08}50%{opacity:.16}}.payment-item{display:flex;flex-direction:column;gap:var(--spacing-x4);--button-height:44px;font-size:var(--font-size-body-M,14px);font-weight:500;line-height:var(--line-height-body-M,19px)}@media screen and (max-width:640px){.payment-item{font-size:var(--font-size-body-M,13px);font-weight:500;line-height:var(--line-height-body-M,19px)}}.payment-item-skeleton{display:flex;flex-direction:column;gap:var(--spacing-x3)}.payment-item-skeleton__amount{margin-top:var(--spacing-x2)}.payment-item-content{background:var(--surface-page-default);border:2px solid var(--border-base-invert);border-radius:var(--radius-x2);display:flex;gap:var(--spacing-x5);justify-content:space-between;padding:var(--spacing-x5)}@media screen and (max-width:640px){.payment-item-content{flex-direction:column}}.payment-item-content__data{display:flex;flex-direction:column}.payment-item-content__data div:not(:last-child){align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-x1);margin-bottom:var(--spacing-x3)}.payment-item-content__data-icon{margin-left:var(--spacing-x1)}.payment-item-content__data-amount{margin-top:var(--spacing-x5)}.payment-item-content__data-link{color:inherit;word-break:break-all}.payment-item-content__title{color:var(--text-base-default-subdued);margin-bottom:var(--spacing-x5)}.payment-item-content__id{--button-height:20px}.payment-item-content__status{background:var(--surface-status-neutral);border-radius:var(--radius-x1);color:var(--steam-text-status-neutral);font-size:var(--font-size-body-M,14px);font-weight:500;line-height:var(--line-height-body-M,19px);margin:unset!important;padding:var(--spacing-x1) var(--spacing-x2);width:-moz-fit-content;width:fit-content}@media screen and (max-width:640px){.payment-item-content__status{font-size:var(--font-size-body-M,13px);font-weight:500;line-height:var(--line-height-body-M,19px)}}.payment-item-content__status--SUCCESS{background:var(--surface-status-success);color:var(--text-status-success)}.payment-item-content__status--CANCELL,.payment-item-content__status--ERROR{background:var(--surface-status-error);color:var(--text-status-error)}.payment-item-content__button{align-self:flex-end;flex-basis:124px}@media screen and (max-width:640px){.payment-item-content__button{align-self:unset;flex:1;flex-basis:unset;--button-height:44px}}.payment-item-content__additional-info{display:flex;flex-direction:column;gap:var(--spacing-x3);margin-top:var(--spacing-x5)}.payment-item-error,.payment-item-time{align-items:center;background:var(--surface-page-default);border:2px solid var(--border-base-invert);border-radius:var(--radius-x2);display:flex;font-size:var(--font-size-body-M,14px);font-weight:500;gap:var(--spacing-x5);justify-content:space-between;line-height:var(--line-height-body-M,19px);padding:var(--spacing-x5)}@media screen and (max-width:640px){.payment-item-error,.payment-item-time{align-items:unset;flex-direction:column;font-size:var(--font-size-body-M,13px);font-weight:500;line-height:var(--line-height-body-M,19px)}}.payment-item-time__timer{display:flex;gap:var(--spacing-x2);margin-top:var(--spacing-x3)}.payment-item-error__button{--button-height:44px;--button-padding:0 var(--spacing-x4)}
