.section-koko-cubes{padding:0 24px 36px;background:#fff}.koko-cubes{display:grid;grid-template-columns:1fr 1fr;color:#66655f;background:#f1f0ed}.koko-cubes__visual{position:relative;min-width:0;aspect-ratio:1;overflow:hidden;background:#f7f6f3}.koko-cubes__poster,.koko-cubes__canvas{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.koko-cubes__canvas{opacity:0;pointer-events:none;touch-action:pan-y}.koko-cubes.is-ready .koko-cubes__canvas{opacity:1;pointer-events:auto;cursor:pointer}.koko-cubes.is-ready .koko-cubes__poster{visibility:hidden}.koko-cubes__copy{padding:40px;align-self:center}.koko-cubes__copy h2{font-size:30px;line-height:1.3;letter-spacing:0;font-weight:500;color:inherit;margin:0 0 26px;text-wrap:pretty}.koko-cubes__link{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:8px 28px;max-width:100%;border:1px solid currentColor;border-radius:24px;font-size:14px;line-height:1.3;color:inherit;text-transform:uppercase;text-align:center;margin-bottom:24px}.koko-cubes__link:hover{background:#66655f;color:#fff}.koko-cubes__detail{border-top:1px solid #dcdcd8}.koko-cubes__detail summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;font-size:19px;font-weight:600;cursor:pointer;list-style:none}.koko-cubes__detail summary::-webkit-details-marker{display:none}.koko-cubes__detail summary svg{width:12px;height:12px}.koko-cubes__detail[open] summary span{transform:rotate(45deg)}.koko-cubes__detail>div{font-size:15px;line-height:1.6;padding-bottom:20px}.koko-cubes__motion{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:44px;height:44px;padding:12px;color:#66655f;background:#ffffffd9;border:1px solid #ccc;border-radius:50%;cursor:pointer}.koko-cubes__motion[hidden],.koko-cubes__motion span[hidden]{display:none}.koko-cubes__motion svg{width:15px;height:15px;display:block}.koko-cubes :focus-visible{outline:2px solid #343331;outline-offset:-3px}@media(max-width:749px){.section-koko-cubes{padding:0 12px 24px}.koko-cubes{display:block}.koko-cubes__visual{aspect-ratio:1.15}.koko-cubes__copy{padding:22px 16px 12px}.koko-cubes__copy h2{font-size:21px;margin-bottom:20px}.koko-cubes__link{font-size:12px;margin-bottom:16px}.koko-cubes__detail summary{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/koko-cube-story.css.map */