.tk-display-motion{padding:var(--tk-display-pad-top, 48px) 0 var(--tk-display-pad-bottom, 72px);color:#2d2a27}.tk-display-motion__inner{width:min(75%,1180px);margin-inline:auto}.tk-display-motion__header{text-align:center;margin-bottom:43px}.tk-display-motion__overline{color:#806f5d;font-size:11px;line-height:1.6;letter-spacing:.19em;margin:0 0 10px}.tk-display-motion__heading{font-family:"Noto Serif JP",Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(22px,2.4vw,32px);font-weight:500;letter-spacing:.06em;line-height:1.6;margin:0}.tk-display-motion__description{font-size:13px;line-height:1.9;color:#625f58;margin:12px auto 0}.tk-display-motion__description p{margin:0}.tk-display-motion__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(216px,27%);gap:clamp(22px,3vw,46px);align-items:center}.tk-display-motion__stage{position:relative;overflow:hidden;width:100%;aspect-ratio:846 / 612;background:#bfe5ed}.tk-display-motion__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;margin:0;opacity:0;transform:translateY(9px) scale(.992);transition:opacity .48s cubic-bezier(.16,1,.3,1),transform .48s cubic-bezier(.16,1,.3,1);pointer-events:none}.tk-display-motion__slide.is-active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;z-index:1}.tk-display-motion__image{display:block;width:100%;height:100%;object-fit:contain;object-position:var(--tk-slide-x, 50%) var(--tk-slide-y, 50%);transform:scale(var(--tk-slide-zoom, 1));transform-origin:var(--tk-slide-x, 50%) var(--tk-slide-y, 50%)}.tk-display-motion__image--fill{object-fit:cover;object-position:var(--tk-slide-x, 50%) var(--tk-slide-y, 50%)}.tk-display-motion__placeholder{width:100%;height:100%}.tk-display-motion__sidebar-label{margin:0 0 18px;color:#9a856f;font-size:10px;letter-spacing:.14em;line-height:1.7}.tk-display-motion__nav{display:grid;border-top:1px solid #dfdbd3}.tk-display-motion__option{border:0;border-bottom:1px solid #dfdbd3;border-radius:0;background:transparent;color:#625b54;cursor:pointer;min-width:0;padding:18px 3px;display:grid;grid-template-columns:30px minmax(0,1fr) 16px;gap:12px;text-align:left;align-items:center;transition:color .22s cubic-bezier(.16,1,.3,1),background-color .22s cubic-bezier(.16,1,.3,1),transform .13s cubic-bezier(.16,1,.3,1)}.tk-display-motion__option:hover{color:#29231e;background-color:#faf9f6}.tk-display-motion__option.is-active{color:#332a22}.tk-display-motion__option.is-active .tk-display-motion__option-label{font-weight:600}.tk-display-motion__number{color:#a8927d;font-size:11px;font-variant-numeric:tabular-nums}.tk-display-motion__option-label{line-height:1.6;font-size:13px}.tk-display-motion__option-arrow{color:#9a8979;opacity:0;transition:opacity .22s cubic-bezier(.16,1,.3,1)}.tk-display-motion__option.is-active .tk-display-motion__option-arrow{opacity:1}.tk-display-motion__option:active,.tk-display-motion__arrow:active,.tk-display-motion__pause:active{transform:scale(.96)}.tk-display-motion button:focus-visible{outline:2px solid #876c50;outline-offset:3px}.tk-display-motion__controls{display:flex;align-items:center;gap:15px;margin-top:20px}.tk-display-motion__arrow{background:transparent;border:1px solid #d6cdc3;border-radius:50%;width:34px;height:34px;display:inline-grid;place-items:center;color:#544638;cursor:pointer;font-size:16px;transition:transform .13s cubic-bezier(.16,1,.3,1),background-color .2s cubic-bezier(.16,1,.3,1)}.tk-display-motion__arrow:hover{background:#f5f1ed}.tk-display-motion__count{font-size:11px;color:#6f6459;white-space:nowrap;font-variant-numeric:tabular-nums}.tk-display-motion__count-separator{color:#c2b5a9}.tk-display-motion__pause{border:0;background:transparent;cursor:pointer;color:#746658;font-size:11px;margin-left:auto;padding:10px 0 10px 6px;text-decoration:underline;text-decoration-color:#cabcae;text-underline-offset:4px;transition:transform .13s cubic-bezier(.16,1,.3,1)}@media(max-width:767px){.tk-display-motion{padding:30px 0 48px}.tk-display-motion__inner{width:calc(100% - 32px)}.tk-display-motion__header{margin-bottom:22px}.tk-display-motion__heading{font-size:22px;line-height:1.55}.tk-display-motion__description{font-size:12px}.tk-display-motion__body{display:flex;flex-direction:column;gap:19px}.tk-display-motion__stage,.tk-display-motion__sidebar{width:100%}.tk-display-motion__sidebar-label{margin-bottom:10px}.tk-display-motion__nav{display:flex;overflow-x:auto;scrollbar-width:thin;gap:0;overscroll-behavior-x:contain;border-top:0}.tk-display-motion__option{flex:0 0 auto;grid-template-columns:auto auto;gap:8px;min-width:100px;padding:12px 14px 12px 10px;border-bottom:2px solid #ddd7d0}.tk-display-motion__option.is-active{border-bottom-color:#8a6d51}.tk-display-motion__option-label{white-space:nowrap;font-size:12px}.tk-display-motion__option-arrow{display:none}.tk-display-motion__controls{margin-top:13px;justify-content:flex-end}}@media(prefers-reduced-motion:reduce){.tk-display-motion__slide{transition:none;transform:none}.tk-display-motion__option,.tk-display-motion__arrow,.tk-display-motion__pause,.tk-display-motion__option-arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/tokunaga-koi-display-motion.css.map */