.scat-card{z-index:1;background:var(--color-block-background);border-radius:var(--border-radius);will-change:transform;transition:transform .35s,background .25s ease-in-out;position:relative;overflow:hidden}.scat-card:hover:not(._disabled){background:var(--color-block-background-hover);transform:scale(1.02)}.scat-card:hover:not(._disabled) .scat-card__img-skew img{transform:scale(1.05)}.scat-card__image{z-index:1;-webkit-user-select:none;user-select:none;width:160%;-webkit-mask-image:linear-gradient(0deg,rgba(var(--color-font-rgb),0)0%,rgba(var(--color-font-rgb),1)100%);-webkit-mask-image:linear-gradient(0deg,rgba(var(--color-font-rgb),0)0%,rgba(var(--color-font-rgb),1)100%);mask-image:linear-gradient(0deg,rgba(var(--color-font-rgb),0)0%,rgba(var(--color-font-rgb),1)100%);margin-left:-17.5%;font-size:0;display:flex;position:relative}.scat-card__image._single{width:100%;margin-left:0}.scat-card__image._single .scat-card__img-skew{clip-path:none;flex-basis:100%;width:100%}.scat-card__image._duo .scat-card__img-skew{flex-basis:50%;width:50%}.scat-card__image._special{background:var(--color-gradient-blue-90);justify-content:center;align-items:center;width:100%;height:140px;margin-left:0;padding:10px 15px}.scat-card__image._special .svg-icon{font-size:60px}.scat-card__img-skew{clip-path:polygon(25% 0%,100% 0%,75% 100%,0% 100%);flex:0 0 33.3%;width:33.3%;height:140px;position:relative;overflow:hidden}.scat-card__img-skew:nth-child(2){transform:translate(-25%)}.scat-card__img-skew:nth-child(3){transform:translate(-50%)}.scat-card__img-skew .lazy-img{justify-content:center;position:absolute;inset:0}.scat-card__img-skew img{-o-object-fit:cover;object-fit:cover;will-change:transform;width:100%;height:100%;transition:transform .4s,opacity .4s ease-in-out}.scat-card__contents{z-index:3;padding:0 40px 25px;position:relative}.scat-card__head{flex-direction:column;margin-top:-30px;display:flex}.scat-card__head-content{flex:auto;margin-top:22px}.scat-card__head-icon{flex:none;min-height:30px;font-size:0}.scat-card__head-icon img{width:30px;height:30px}.scat-card__name{font-variation-settings:"wght" 700;font-size:18px;line-height:1.11111}@supports not (font-variation-settings:normal){.scat-card__name{font-weight:700}}.scat-card__counter{color:var(--color-font-60);margin-top:6px;font-size:10px;line-height:1}.scat-card__description{color:var(--color-font-80);margin-top:16px;font-size:12px;line-height:1.25}.scat-card__disabled{z-index:4;background:var(--color-block-background);border-radius:var(--border-radius);justify-content:center;align-items:center;min-height:60px;padding:10px 20px;display:flex;position:absolute;top:30px;left:40px;right:40px}.scat-card__disabled .svg-icon{color:rgba(var(--color-font-rgb),.3);flex:none;margin-right:15px;font-size:20px}.scat-card__disabled span{font-size:12px}.scat-card._disabled{background:var(--color-background);border:1px solid var(--color-border);pointer-events:none}.scat-card._disabled .scat-card__image{opacity:.3}.scat-card._disabled .scat-card__head-icon{filter:grayscale()}.scat-card._disabled .scat-card__contents{opacity:.6}@media only screen and (max-width:1440px){.scat-card{border-radius:var(--border-radius-hd)}.scat-card__image._special,.scat-card__img-skew{height:120px}.scat-card__contents{padding:0 30px 20px}.scat-card__name{font-size:16px}.scat-card__head{margin-top:-20px}.scat-card__head-content{margin-top:16px}.scat-card__head-icon{min-height:20px}.scat-card__head-icon img{width:20px;height:20px}.scat-card__description{margin-top:12px}.scat-card__disabled{top:20px;left:30px;right:30px}}@media only screen and (max-width:768px){.scat-card{border-radius:var(--border-radius)}.scat-card:after{content:" ";z-index:1;background:linear-gradient(to right,rgba(var(--color-background-rgb),80%)0%,rgba(var(--color-background-rgb),40%)100%);display:inline-block;position:absolute;inset:0}.scat-card__image{width:105%;height:100%;margin-left:0;position:absolute;inset:0 0 0 20%}.scat-card__image:after{display:none}.scat-card__img-skew{z-index:1}.scat-card__contents{z-index:2;flex-direction:column;justify-content:center;min-height:120px;padding:25px;display:flex;position:relative}.scat-card__name{font-size:14px}.scat-card__head{flex-direction:row;margin-top:0}.scat-card__head-content{order:2;margin-top:-2px}.scat-card__head-icon{order:1;min-height:25px;margin-right:15px}.scat-card__head-icon img{width:25px;height:25px}.scat-card__counter{margin-top:4px}.scat-card__disabled{background:0 0;justify-content:flex-start;min-height:1px;padding:0;position:relative}.scat-card__disabled .svg-icon{margin-right:10px;font-size:10px}.scat-card__disabled br{display:none}}._col4:nth-child(n+4) .scat-card__contents{z-index:3;background:#00000080;position:absolute;inset:0}._col4:nth-child(n+4) .scat-card__head{flex-direction:row;margin-top:20px}._col4:nth-child(n+4) .scat-card__head-icon img{margin-right:15px}._col4:nth-child(n+4) .scat-card__head-content{margin-top:0}._col4:nth-child(n+4) .scat-card__image._special,._col4:nth-child(n+4) .scat-card__img-skew{height:80px}@media only screen and (max-width:1440px){._col4:nth-child(n+4) .scat-card__img-skew{height:70px}._col4:nth-child(n+4) .scat-card__head{margin-top:15px}._col4:nth-child(n+4) .scat-card__head-icon img{margin-right:10px}}@media only screen and (max-width:992px){._col4:nth-child(n+3) .scat-card__contents{z-index:3;background:#00000080;position:absolute;inset:0}._col4:nth-child(n+3) .scat-card__head{flex-direction:row;margin-top:20px}._col4:nth-child(n+3) .scat-card__head-icon img{margin-right:15px}._col4:nth-child(n+3) .scat-card__head-content{margin-top:0}._col4:nth-child(n+3) .scat-card__image._special,._col4:nth-child(n+3) .scat-card__img-skew{height:80px}}@media only screen and (max-width:768px){._col4:nth-child(n+3) .scat-card__contents{z-index:3;background:0 0;position:relative;inset:0}._col4:nth-child(n+3) .scat-card__head{margin-top:0}._col4:nth-child(n+3) .scat-card__img-skew{height:120px}._col4:nth-child(n+3) .scat-card__head-icon img{margin-right:0}}