.koko-set-gallery{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;width:100%;max-width:720px;margin:0 auto;color:#62625c}.koko-set-gallery__viewport{grid-column:2;grid-row:1;min-width:0;overflow:hidden;border-radius:8px;background:#f1f1ed}.koko-set-gallery__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.koko-set-gallery__track::-webkit-scrollbar{display:none}.koko-set-gallery__slide{position:relative;flex:0 0 100%;aspect-ratio:1;min-width:0;overflow:hidden;scroll-snap-align:start;background:#f1f1ed}.koko-set-gallery__slide>img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.koko-set-gallery__slide figcaption{position:absolute;left:24px;bottom:22px;z-index:4;display:flex;flex-direction:column;gap:4px}.koko-set-gallery__slide figcaption span{font-size:9px;font-weight:700;letter-spacing:.1em}.koko-set-gallery__slide figcaption strong{font-family:'Koko Russo',Arial,sans-serif;font-size:22px;font-weight:400;letter-spacing:-.02em}.koko-set-gallery__lineup{isolation:isolate}.koko-set-gallery__lineup::before{content:'';position:absolute;inset:13%;border:1px solid rgba(98,98,92,.16);border-radius:50%}.koko-set-gallery__lineup-product{position:absolute;width:48%;aspect-ratio:1;mix-blend-mode:multiply}.koko-set-gallery__lineup-product img{width:100%;height:100%;object-fit:contain}.koko-set-gallery__lineup-product--1{left:2%;bottom:3%;rotate:-10deg}.koko-set-gallery__lineup-product--2{left:26%;top:1%;z-index:2;rotate:-3deg}.koko-set-gallery__lineup-product--3{right:2%;top:8%;rotate:10deg}.koko-set-gallery__lineup-product--4{right:18%;bottom:-7%;z-index:3;rotate:7deg}.koko-set-gallery__nav{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:8px}.koko-set-gallery__nav button{display:grid;place-items:center;width:60px;height:52px;padding:4px;overflow:hidden;border:1px solid transparent;border-radius:7px;background:#f1f1ed;cursor:pointer;opacity:.65;transition:opacity .2s,border-color .2s}.koko-set-gallery__nav button:is(.is-active,:hover,:focus-visible){border-color:#707069;opacity:1}.koko-set-gallery__nav button:focus-visible{outline:2px solid #707069;outline-offset:2px}.koko-set-gallery__nav button>img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.koko-set-gallery__mini-lineup{position:relative;display:grid;grid-template-columns:repeat(2,1fr);width:100%;height:100%}.koko-set-gallery__mini-lineup img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.koko-set-gallery__progress{display:none}
@media(max-width:767px){.koko-set-gallery{display:flex;flex-direction:column;gap:0;max-width:none;background:#f1f1ed;border-radius:8px 8px 0 0;overflow:hidden}.koko-set-gallery__viewport{order:1;width:100%;border-radius:0}.koko-set-gallery__slide{aspect-ratio:1}.koko-set-gallery__slide figcaption{left:18px;bottom:16px}.koko-set-gallery__slide figcaption strong{font-size:18px}.koko-set-gallery__nav{order:3;display:flex;flex-direction:row;gap:6px;padding:8px 12px 12px;overflow-x:auto;scrollbar-width:none}.koko-set-gallery__nav::-webkit-scrollbar{display:none}.koko-set-gallery__nav button{flex:0 0 46px;width:46px;height:42px;border-radius:6px;background:#fff}.koko-set-gallery__progress{order:2;display:block;height:2px;margin:0 14px;background:#d0d0ca}.koko-set-gallery__progress span{display:block;width:20%;height:100%;background:#686861;transform:translateX(calc(var(--set-gallery-index,0) * 100%));transition:transform .25s ease}.koko-set-gallery__lineup-product{width:50%}.koko-set-gallery__lineup-product--1{left:0}.koko-set-gallery__lineup-product--3{right:0}}
@media(prefers-reduced-motion:reduce){.koko-set-gallery__track{scroll-behavior:auto}.koko-set-gallery__nav button,.koko-set-gallery__progress span{transition:none}}