.section-koko-social{padding:12px 24px 36px;background:#fff}.koko-social{display:block;overflow:hidden;padding:28px 0 24px;background:#f1f0ed;color:#66655f;border-radius:8px}.koko-social__header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 28px 28px}.koko-social__header h2{margin:0;color:inherit;font-size:42px;font-weight:650;line-height:1.15;letter-spacing:0}.koko-social__link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 30px;border:1px solid currentColor;border-radius:24px;color:inherit;font-size:15px;line-height:1.3;text-transform:uppercase;text-align:center}.koko-social__link:hover{background:#66655f;color:#fff}.koko-social__link--mobile{display:none}.koko-social__track{display:flex;gap:24px;padding:0 28px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:28px;scrollbar-width:none}.koko-social__track::-webkit-scrollbar{display:none}.koko-social__slide{flex:0 0 29%;min-width:0;aspect-ratio:1;overflow:hidden;scroll-snap-align:start;border-radius:8px}.koko-social__slide img{display:block;width:100%;height:100%;object-fit:cover}.koko-social__controls{display:flex;align-items:center;gap:28px;padding:20px 28px 0}.koko-social__progress{flex:1;height:2px;background:#cecdc9;overflow:hidden}.koko-social__progress span{display:block;width:100%;height:100%;background:#66655f;transform:scaleX(var(--progress, 0));transform-origin:left}.koko-social__arrows{display:flex;gap:8px}.koko-social__arrows button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid currentColor;border-radius:50%;color:inherit;background:transparent;cursor:pointer}.koko-social__arrows button:hover:not(:disabled){background:#fff}.koko-social__arrows button:disabled{opacity:.35;cursor:default}.koko-social__arrows svg{width:16px;height:16px}.koko-social :focus-visible{outline:2px solid #343331;outline-offset:-3px}@media(max-width:749px){.section-koko-social{padding:8px 12px 24px}.koko-social{padding:22px 0 18px}.koko-social__header{padding:0 16px 20px}.koko-social__header h2{font-size:22px}.koko-social__link--desktop{display:none}.koko-social__link--mobile{display:flex;width:fit-content;max-width:calc(100% - 32px);margin:20px auto 0;font-size:12px;padding-inline:28px}.koko-social__track{gap:16px;padding-inline:16px;scroll-padding-inline:16px}.koko-social__slide{flex-basis:78%}.koko-social__controls{gap:20px;padding:18px 16px 0}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/koko-social-gallery.css.map */