.trade-card{--trade-card-padding-top:2.5rem;--trade-card-padding:1.5rem;--trade-card-border-color:rgba(var(--ms-primary-rgb), .05);--trade-card-border-radius:var(--ms-border-radius);border:1px solid var(--trade-card-border-color);background:rgba(var(--ms-white-rgb),.05);position:relative}.trade-card,.trade-card:before{border-radius:var(--trade-card-border-radius)}.trade-card:before{border:1px solid rgba(var(--ms-white-rgb),.025);pointer-events:none;content:"";position:absolute;inset:-1px}.trade-card__header{padding:var(--trade-card-padding-top) var(--trade-card-padding) var(--trade-card-padding);border-bottom:1px solid rgba(var(--trade-card-header-rgb),.1);--trade-card-header-rgb:var(--ms-primary-rgb);flex-flow:wrap;justify-content:space-between;align-items:center;gap:1.5rem 1rem;display:flex;position:relative}.trade-card__header:before{background-color:rgba(var(--trade-card-header-rgb),.1);background-image:radial-gradient(circle at 50% 2%,rgba(var(--trade-card-header-rgb),.25) 0,rgba(var(--trade-card-header-rgb),0) 98%);border-radius:var(--trade-card-border-radius) var(--trade-card-border-radius) 0 0;pointer-events:none;opacity:.25;content:"";position:absolute;inset:0}.trade-card__header--success{--trade-card-header-rgb:var(--ms-success-rgb)}.trade-card__header--error{--trade-card-header-rgb:var(--ms-danger-rgb)}.trade-card__header-cover{filter:blur(2px);opacity:.1;z-index:-1;inset-inline-start:0;height:100%;position:absolute;top:0;overflow:hidden}.trade-card__header-cover-thumbnail{-webkit-user-select:none;user-select:none;height:100%}.trade-card__status{--trade-card-status-rgb:var(--ms-primary-rgb);border:1px solid rgba(var(--trade-card-status-rgb),.15);background:rgba(var(--trade-card-status-rgb),.15);font-weight:var(--ms-font-weight-bold);color:rgb(var(--trade-card-status-rgb));z-index:1;border-radius:.25rem;padding:.125rem .375rem;font-size:.5rem;position:absolute;top:.5rem;left:50%;transform:translate(-50%)}.trade-card__status--success{--trade-card-status-rgb:var(--ms-success-rgb)}.trade-card__status--error{--trade-card-status-rgb:var(--ms-danger-rgb)}.trade-card__information{flex-direction:column;flex-basis:100%;gap:1.5rem;display:flex}@media (width>=576px){.trade-card__header{--trade-card-padding-top:2rem}.trade-card__information{gap:.5rem}}.trade-card__game{align-items:baseline;gap:.5rem;font-size:1rem;display:flex}.trade-card__game-name{font-weight:var(--ms-font-weight-semibold);color:var(--ms-white)}.trade-card__data{flex-flow:column wrap;gap:.75rem;margin:0;padding:0;font-size:.75rem;list-style:none;display:flex}@media (width>=576px){.trade-card__data{flex-direction:row;gap:0}}.trade-card__title{align-items:baseline;gap:.75rem;font-size:.75rem;display:flex}.trade-card__data-item{white-space:nowrap;align-items:center;display:flex}@media (width>=576px){.trade-card__data-item{white-space:normal}.trade-card__data-item:not(:first-child){padding-inline-start:1.5rem}.trade-card__data-item:not(:first-child):before{background-color:var(--ms-gray-600);content:"";border-radius:50%;width:4px;height:4px;margin-inline-end:1.5rem;display:inline-block}}.trade-card__data-item--user{gap:.5rem}@media (width<=576px){.trade-card__data-item--code{order:3}}.trade-card__more-items{text-align:center;flex-shrink:0;padding:.25rem;font-size:.625rem}.trade-card__user{white-space:nowrap;align-items:center;gap:.375rem;display:flex}.trade-card__user--link{color:inherit;text-decoration:none;transition:color .15s}.trade-card__user--link:focus-visible,.trade-card__user--link:hover{color:var(--ms-primary)}.trade-card__user-separator{color:var(--ms-gray-600);width:.75rem;height:.75rem}.trade-card__code{border:1px solid rgba(var(--ms-white-rgb),.1);border-radius:var(--ms-border-radius);background-color:var(--ms-gray-800);color:var(--ms-white);letter-spacing:.5px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.25rem .75rem;display:flex}@media (width>=576px){.trade-card__code{justify-content:flex-start;width:auto;padding:.125rem .5rem;font-size:.625rem}}.trade-card__code:hover{background-color:var(--ms-gray-700)}.trade-card__code:active{background-color:rgba(var(--ms-primary-rgb),.1);border-color:rgba(var(--ms-primary-rgb),.1);color:var(--ms-primary)}.trade-card__code:active .trade-card__code-icon{color:rgba(var(--ms-primary-rgb),.5)}.trade-card__code-icon{color:var(--ms-gray-500);width:.625rem;height:.625rem}.trade-card__history-link{border:1px solid rgba(var(--ms-white-rgb),.1);border-radius:var(--ms-border-radius);background-color:var(--ms-gray-800);color:var(--ms-white);letter-spacing:.5px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.25rem .75rem;text-decoration:none;display:flex}@media (width>=576px){.trade-card__history-link{justify-content:flex-start;width:auto;padding:.125rem .5rem;font-size:.625rem}}.trade-card__history-link:hover{background-color:var(--ms-gray-700)}.trade-card__history-link-icon{color:var(--ms-gray-500);width:.625rem;height:.625rem}.trade-card__body{padding:var(--trade-card-padding)}.trade-card__items-list{flex-flow:wrap;gap:1rem;display:flex}@media (width>=992px){.trade-card__information{flex-basis:auto}.trade-card__items-list{flex-wrap:nowrap;flex:1 1 0;justify-content:flex-end;min-width:0;overflow:hidden}}.trade-card__steps-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}@media (width>=576px){.trade-card__steps-list{flex-direction:row;gap:0}}.trade-card__steps-list--completed .trade-card__step-icon--completed{color:var(--ms-success)}.trade-card__step{flex-direction:row;align-items:center;gap:.5rem;font-size:.875rem;display:flex;position:relative}@media (width>=576px){.trade-card__step{text-align:center;flex-direction:column;width:25%;margin-inline:auto;padding:0 1.5rem}.trade-card__step:not(:last-child):after{content:"";top:50%;background-image:repeating-linear-gradient(to right,rgba(var(--ms-white-rgb),.1) 0,rgba(var(--ms-white-rgb),.1) 4px,transparent 4px,transparent 8px);z-index:1;width:20px;height:1px;position:absolute;inset-inline:90% 0}}@media (width>=767px){.trade-card__step{padding:0 2.5rem}.trade-card__step:not(:last-child):after{width:40px;inset-inline-start:70%;transform:translate(60%)}}@media (width>=1400px){.trade-card__step:not(:last-child):after{transform:translate(80%)}}@media (width>=1600px){.trade-card__step:not(:last-child):after{width:60px}}.trade-card__step--uncompleted{opacity:.3}.trade-card__step-icon{justify-content:center;align-items:center;width:1rem;height:1rem;display:flex}@media (width>=576px){.trade-card__step-icon{width:1.5rem;height:1.5rem}}.trade-card__step-icon--empty{background-color:var(--ms-gray-500);border-radius:50%}.trade-card__step-icon--completed{color:var(--ms-primary)}.trade-card__step-icon--error{color:rgb(var(--ms-danger-rgb))}.trade-card__step-spinner{color:var(--ms-gray-900);width:.875rem;height:.875rem}.trade-card__step-action{white-space:nowrap;margin-inline-start:.25rem;text-decoration:none}@media (width>=576px){.trade-card__step-action{margin-inline-start:0}}.trade-card__error{border:1px solid rgba(var(--ms-danger-rgb),.15);background:rgba(var(--ms-danger-rgb),.1);color:rgb(var(--ms-danger-rgb));border-radius:.375rem;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem;font-size:.75rem;display:flex}.trade-card__error-icon{flex-shrink:0;width:1rem;height:1rem}.trade-card__step-cooldown{color:rgb(var(--ms-danger-rgb));font-variant-numeric:tabular-nums;font-size:.7rem}