.somi-carousel-section{container-type:inline-size}.somi-carousel{--somi-height:min(calc(var(--somi-slide-width) * 2 / 3), calc(var(--somi-slide-max-width) * 2 / 3));display:block;padding-top:12px;overflow:hidden}.somi-carousel__track{width:100%;outline-offset:-3px}.somi-carousel__track,.somi-carousel__track .flickity-viewport{height:var(--somi-height)}.somi-carousel__track:not(.flickity-enabled){display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-inline:max(0px,calc((100% - min(var(--somi-slide-width),var(--somi-slide-max-width)))/2))}.somi-carousel__slide{width:min(var(--somi-slide-width),var(--somi-slide-max-width));height:var(--somi-height);margin-right:14px;flex-shrink:0;scroll-snap-align:center;opacity:.5;transition:opacity .25s}.somi-carousel__slide.is-selected{opacity:1}.somi-carousel__track:not(.flickity-enabled) .somi-carousel__slide{margin:0;opacity:1}.somi-carousel__banner{position:relative;display:block;width:100%;height:100%;background:#f4f2ee;overflow:hidden;color:#fff}.somi-carousel__banner picture{display:block;height:100%}.somi-carousel__image,.somi-carousel__placeholder{display:block;width:100%;height:100%;object-fit:cover}.somi-carousel__caption{position:absolute;bottom:18px;right:20px;left:20px;display:flex;justify-content:space-between;gap:12px;width:fit-content;max-width:calc(100% - 40px);padding:10px 16px;font-size:13px;background:#1e1e1ead}.somi-carousel__controls{display:flex;align-items:center;justify-content:center;gap:18px;padding:4px 0;height:44px}.somi-carousel__controls[hidden]{display:none}.somi-carousel__arrow{width:40px;height:36px;padding:0;font-size:27px;line-height:1;color:#555}.somi-carousel__dots{display:flex;align-items:center}.somi-carousel__dot{display:grid;place-items:center;width:28px;height:36px;padding:0}.somi-carousel__dot span{width:7px;height:7px;background:#d0cecb;border-radius:50%}.somi-carousel__dot[aria-current=true] span{background:#4e4c48}.somi-carousel :focus-visible{outline:2px solid #333;outline-offset:-3px}.somi-carousel__track:focus-visible{outline-offset:2px}@media(max-width:768px){.somi-carousel{--somi-height:calc(100cqw * 2 / 3);padding-top:0}.somi-carousel__track:not(.flickity-enabled){padding:0;gap:0}.somi-carousel__slide{width:100%;margin:0;opacity:1}.somi-carousel__caption{bottom:14px;left:16px;right:16px;max-width:calc(100% - 32px);font-size:11px;padding:8px 12px}.somi-carousel__controls{height:38px;padding:0;gap:12px}}@media(prefers-reduced-motion:reduce){.somi-carousel__slide{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/somibeya-carousel.css.map */