.sa-official-blogs{--sa-ob-title-size: var(--sa-ob-title-size-m);--sa-ob-title-gap: var(--sa-ob-title-gap-m);--sa-ob-list-gap: var(--sa-ob-list-gap-m);--sa-ob-card-gap: var(--sa-ob-card-gap-m);--sa-ob-article-title-size: var(--sa-ob-article-title-size-m);--sa-ob-excerpt-size: max(var(--sa-ob-excerpt-size-m), 15px);--sa-ob-meta-size: max(var(--sa-ob-meta-size-m), 14px);--sa-ob-content-ratio: 100%;--sa-ob-card-width: 100%;--sa-ob-media-ratio: 100%;--sa-ob-copy-ratio: 100%;--sa-ob-controls-width: min(408px, calc(100vw - 72px) );--sa-ob-media-radius: 5px;--sa-ob-title-lines: 3;--sa-ob-excerpt-lines: 5;--sa-ob-text-line-height: 1.2;display:block}.sa-official-blogs__header{width:var(--sa-ob-content-ratio);margin-right:auto;margin-bottom:var(--sa-ob-title-gap);margin-left:auto}.sa-official-blogs__heading{margin:0;color:rgb(var(--color-foreground));font-size:var(--sa-ob-title-size);font-weight:400;line-height:1.1;letter-spacing:-.02em}.sa-official-blogs__heading :is(h1,h2,h3,p){margin:0;font:inherit;letter-spacing:inherit}.sa-official-blogs__container{overflow:hidden}.sa-official-blogs__swiper,.sa-official-blogs__placeholder-list{width:var(--sa-ob-content-ratio);margin-right:auto;margin-left:auto}.sa-official-blogs__swiper{overflow:visible;padding-bottom:56px}.sa-official-blogs__swiper .swiper-wrapper{margin-left:0}.sa-official-blogs__slide{height:auto}.sa-official-blogs__item{display:flex;flex-direction:column;gap:var(--sa-ob-card-gap);width:100%}.sa-official-blogs__media{width:100%}.sa-official-blogs__media-link,.sa-official-blogs__placeholder{display:block;width:100%;overflow:hidden;border-radius:var(--sa-ob-media-radius);background:rgba(var(--color-foreground),.08);aspect-ratio:1 / 1}.sa-official-blogs__image{display:block;width:100%;height:100%;border:0;object-fit:cover;object-position:center top;transition:transform .25s ease}.sa-official-blogs__media-link:hover .sa-official-blogs__image{transform:scale(1.02)}.sa-official-blogs__content{display:flex;flex:1 1 0;flex-direction:column;font-style:normal;font-weight:400;line-height:1.25;min-width:0}.sa-official-blogs__article-title{margin:0;color:#000;font-size:var(--sa-ob-article-title-size);font-weight:inherit;line-height:var(--sa-ob-text-line-height);min-height:calc(var(--sa-ob-title-lines) * var(--sa-ob-text-line-height) * 1em)}.sa-official-blogs__article-title a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--sa-ob-title-lines);overflow:hidden;color:inherit;text-decoration:none}.sa-official-blogs__excerpt{margin:12px 0 0;color:#7a7a7a;font-size:var(--sa-ob-excerpt-size);line-height:var(--sa-ob-text-line-height);min-height:calc(var(--sa-ob-excerpt-lines) * var(--sa-ob-text-line-height) * 1em);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--sa-ob-excerpt-lines);overflow:hidden}.sa-official-blogs__meta{display:flex;flex-wrap:wrap;gap:.45em;margin-top:auto;padding-top:16px;color:#000;font-size:var(--sa-ob-meta-size);line-height:var(--sa-ob-text-line-height)}.sa-official-blogs__load-more-wrap{display:flex;justify-content:center;width:var(--sa-ob-content-ratio);margin:40px auto 0}.sa-official-blogs__load-more[hidden]{display:none}.sa-official-blogs__placeholder-list{display:flex;flex-direction:column;gap:var(--sa-ob-list-gap)}.sa-official-blogs__controls{position:static;width:100%;height:32px;margin-top:16px;justify-content:flex-start}.sa-official-blogs__controls .cs-section-swiper{gap:8px;width:100%;height:32px;padding:0}@media(max-width:1024px){.sa-official-blogs__controls{width:var(--sa-ob-controls-width);height:32px;justify-content:flex-start}.sa-official-blogs__controls .cs-section-swiper{gap:0;height:32px}.sa-official-blogs__controls .cs-section-swiper .swiper-pagination{position:relative;order:1;flex:0 0 min(232px,56.863%);height:8.6px;overflow:visible;background:transparent;border-radius:0}.sa-official-blogs__controls .cs-section-swiper .swiper-pagination:before{position:absolute;top:50%;left:0;width:96px;height:4px;border-radius:1px;background:#0009;content:"";transform:translateY(-50%)}.sa-official-blogs__controls .cs-section-swiper .swiper-pagination:after{position:absolute;top:50%;left:112px;width:8.6px;height:8.6px;border-radius:1px;background:#a8a8a8;box-shadow:24.6px 0 #a8a8a8;content:"";transform:translateY(-50%)}.sa-official-blogs__controls .cs-section-swiper .swiper-pagination-progressbar-fill{top:50%;width:96px!important;height:4px;margin-top:-2px}.sa-official-blogs__controls .cs-section-swiper .swiper-button-prev,.sa-official-blogs__controls .cs-section-swiper .swiper-button-next{width:32px;height:32px;border-radius:4px;color:#0b3d24;background:#21ef6a;opacity:1}.sa-official-blogs__controls .cs-section-swiper .swiper-button-prev{order:2;margin-left:auto}.sa-official-blogs__controls .cs-section-swiper .swiper-button-next{order:3;margin-left:8px}.sa-official-blogs__controls .cs-section-swiper .swiper-button-prev.swiper-button-disabled,.sa-official-blogs__controls .cs-section-swiper .swiper-button-next.swiper-button-disabled{color:#6f8c73;background:#d2f3d6;opacity:1}.sa-official-blogs__controls .cs-section-swiper .swiper-button-prev:hover,.sa-official-blogs__controls .cs-section-swiper .swiper-button-next:hover{color:#0b3d24;background:#21ef6a}.sa-official-blogs__controls .cs-section-swiper .swiper-button-prev.swiper-button-disabled:hover,.sa-official-blogs__controls .cs-section-swiper .swiper-button-next.swiper-button-disabled:hover{color:#6f8c73;background:#d2f3d6}}@media(min-width:768px){.sa-official-blogs{--sa-ob-card-width: 100%}.sa-official-blogs__swiper .swiper-wrapper{margin-left:0;align-items:stretch}.sa-official-blogs__item{flex-direction:column;align-items:flex-start}.sa-official-blogs__media{width:100%}.sa-official-blogs__content{width:100%;justify-content:flex-start;padding:20px 16px 16px}.sa-official-blogs__meta{margin-top:12px}}@media(min-width:1025px){.sa-official-blogs{--sa-ob-title-size: var(--sa-ob-title-size-pc);--sa-ob-title-gap: var(--sa-ob-title-gap-pc);--sa-ob-list-gap: var(--sa-ob-list-gap-pc);--sa-ob-card-gap: var(--sa-ob-card-gap-pc);--sa-ob-article-title-size: var(--sa-ob-article-title-size-pc);--sa-ob-excerpt-size: var(--sa-ob-excerpt-size-pc);--sa-ob-meta-size: var(--sa-ob-meta-size-pc);--sa-ob-content-ratio: 100%;--sa-ob-controls-width: 14.375%;--sa-ob-card-width: 100%;--sa-ob-article-title-size: 20px;--sa-ob-excerpt-size: 16px;--sa-ob-excerpt-lines: 4}.sa-official-blogs__header{padding-inline:0}.sa-official-blogs__swiper{padding-bottom:0;overflow:hidden}.sa-official-blogs__item{width:100%;height:auto;gap:0;min-height:0}.sa-official-blogs__slide{display:block;height:auto}.sa-official-blogs__media-link,.sa-official-blogs__placeholder{border-radius:0}.sa-official-blogs__content{flex:1 1 auto;min-height:191px;height:auto;justify-content:flex-start;padding:20px 16px 16px}.sa-official-blogs__excerpt{margin-top:12px;line-height:1.2}.sa-official-blogs__meta{margin-top:auto;padding-top:16px;line-height:1.2}.sa-official-blogs__controls{position:static;right:auto;bottom:auto;left:auto;width:100%;height:34px;margin-top:40px;justify-content:flex-end}.sa-official-blogs__controls .cs-section-swiper{align-items:center;gap:10px;width:min(100%,172px);height:34px;padding:0}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/sa-official-blogs.css.map */