.base-skin-card{--skin-padding:12px;cursor:pointer;z-index:1;background:#13161f;border-radius:8px;transition:transform .15s;position:relative}.base-skin-card *{font-family:Switzer,Inter,sans-serif}.base-skin-card__wrapper{width:100%;container-type:inline-size}@container (width<=168px){.base-skin-card{--name-font-size:12px;--name-line-height:16px;--price-font-size:12px;--price-line-height:16px;--condition-font-size:10px;--condition-line-height:14px;--skin-padding:8px}}.base-skin-card:before{background:linear-gradient(180deg,var(--v7ae755a9),var(--v3a229c4a));z-index:-1}.base-skin-card--clickable:after,.base-skin-card:before{content:"";border-radius:inherit;transition:opacity .35s ease-in-out;position:absolute;inset:0}.base-skin-card--clickable:after{z-index:-2;background:linear-gradient(180deg,var(--v5d53cd11),var(--v7ee1ad73)),#13161f;opacity:0}.base-skin-card--clickable:hover{--logo-transform:rotate(-5deg)}.base-skin-card--clickable:hover:before{opacity:0}.base-skin-card--clickable:hover:after{opacity:1}.base-skin-card--clickable:active{transform:scale(.975)translateZ(0)}.base-skin-card:hover .base-skin-card__hover{pointer-events:auto;--hover-opacity:1}.base-skin-card__content{height:100%;padding:var(--skin-padding);border-radius:8px;flex-direction:column;justify-content:space-between;display:flex}.base-skin-card__imgs{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.base-skin-card__img{z-index:1;max-width:100%;transition:transform .3s ease-in-out}.base-skin-card__logo{z-index:0;background-blend-mode:overlay;opacity:.05;max-width:80%;transform:var(--logo-transform);transition:transform .2s ease-in-out;position:absolute}.base-skin-card__hover{pointer-events:none;z-index:2;border-radius:8px;position:absolute;inset:0}