.tool-recommends[data-v-a49f86c5]{container-type:inline-size}.tool-recommends[data-v-a49f86c5] .tool-recommends__inner .swiper-wrapper{display:flex;width:100%;align-items:stretch;gap:18px}@container (width < 1000px){.tool-recommends[data-v-a49f86c5] .tool-recommends__inner .swiper-wrapper{flex-direction:column;align-items:center}}@media only screen and (max-width: 640px){.tool-recommends[data-v-a49f86c5] .tool-recommends__inner .swiper-wrapper{gap:0;align-items:stretch;flex-direction:row}}.tool-recommends[data-v-a49f86c5] .tool-recommends__inner .swiper-slide{flex-shrink:1;margin:0!important}@media only screen and (max-width: 640px){.tool-recommends[data-v-a49f86c5] .tool-recommends__inner .swiper-slide{flex-shrink:0;margin-right:20px!important}}.tool-recommends__card[data-v-a49f86c5]{flex:1;width:100%;height:100%;position:relative;background-color:#fff;padding:34px;display:flex;align-items:center;gap:12px;border-radius:var(--border-radius);cursor:pointer;border:var(--color-gray) solid 1.5px;transition:.3s ease border-color;transition-duration:.3s;transition-property:border-color}@media (hover: hover){.tool-recommends__card[data-v-a49f86c5]:hover{border-color:var(--color-blue)}}@media only screen and (max-width: 640px){.tool-recommends__card[data-v-a49f86c5]{flex:initial;flex-direction:column;padding:16px}}.tool-recommends__wrapper-icon[data-v-a49f86c5],.tool-recommends__wrapper-icon-plug[data-v-a49f86c5]{min-width:111px;height:auto}.tool-recommends__wrapper-name[data-v-a49f86c5]{color:var(--color-blue);font-size:var(--hdl-4);font-weight:600;line-height:1.2;text-align:left}@media only screen and (max-width: 640px){.tool-recommends__wrapper-name[data-v-a49f86c5]{text-align:center;display:block;margin:0 auto}}.tool-recommends__wrapper-name[data-v-a49f86c5]:before{display:block;content:"";position:absolute;inset:0;width:100%;height:100%;z-index:2}.tool-recommends__wrapper-description[data-v-a49f86c5]{font-size:var(--txt-1);font-weight:500;line-height:1.25;text-align:left;margin-top:8px}@media only screen and (max-width: 640px){.tool-recommends__wrapper-description[data-v-a49f86c5]{text-align:center}.tool-recommends__pagination[data-v-a49f86c5]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:24px}}.tool-recommends[data-v-a49f86c5] .swiper-pagination-bullet{width:10px;height:10px;margin:0!important}@media only screen and (max-width: 640px){.tool-recommends[data-v-a49f86c5] .swiper-pagination-bullet{width:12px;height:12px}}