@keyframes shine-skeleton-lines{0{background-position:-100px}
40%,100%{background-position:600px}
}
.mod__max-w-xl{max-width:1436px;margin:auto}
@keyframes spin{0{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes rotateImageLoading{from{transform:translate(-50%,-50%) rotateY(0) scale(1.01)}
to{transform:translate(-50%,-50%) rotateY(360deg) scale(1.01)}
}
.cmp-icon-button{display:inline-flex;align-items:center;gap:12px;width:auto;height:40px;padding:0 12px 0 10px;text-decoration:none;transition:none}
.cmp-icon-button:hover{background-color:var(--color-font-01)}
.cmp-icon-button:hover .cmp-icon-button__icon .ico{background-color:var(--color-font-03);mask:var(--ico-path) no-repeat 100% 100%;-webkit-mask:var(--ico-path) no-repeat 100% 100%;-webkit-mask-size:cover;mask-size:cover}
.cmp-icon-button:hover .cmp-button__text{color:var(--color-font-03)}
.cmp-icon-button__icon{flex-shrink:0;width:24px;height:24px;transition:none}
.cmp-icon-button__icon .ico{width:100%;height:100%;background-color:var(--color-font-01);mask:var(--ico-path) no-repeat 100% 100%;-webkit-mask:var(--ico-path) no-repeat 100% 100%;-webkit-mask-size:cover;mask-size:cover}
@media(min-width:764px){.cmp-icon-button{gap:14px;height:60px;padding:0 14px 0 12px}
.cmp-icon-button__icon{width:32px;height:32px}
}