.mkb-rail{--h: var(--rail-h, 400px);--w: calc(var(--h) * .6);position:relative;overflow:hidden;background:#fff;color:#111}.mkb-rail__head{max-width:var(--page-width, 120rem);margin:0 auto;padding:0 2.4rem;text-align:center}.mkb-rail__label{display:inline-flex;align-items:center;gap:1.2rem;margin:0 0 1.4rem;font-family:var(--font-heading-family);font-size:1.1rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#111}.mkb-rail__label i{width:1px;height:1.2rem;background:#cfc9c0}.mkb-rail__label .is-soft{color:#8a8a8a}.mkb-rail__h{margin:0;font-family:var(--font-heading-family);font-size:clamp(3rem,4.4vw,5.4rem);font-weight:800;line-height:1.02;letter-spacing:-.02em;color:#111}.mkb-rail__h span{color:#9a9a9a}.mkb-rail__stage{position:relative;height:calc(var(--h) * 1.16 + 9rem);margin-top:2.4rem;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}.mkb-rail__stage.is-drag{cursor:grabbing}.mkb-rail.is-static .mkb-rail__stage{cursor:default}.mkb-rail__item{mix-blend-mode:multiply}.mkb-rail__item.is-on{mix-blend-mode:normal}.mkb-rail.is-static .mkb-rail__prog{display:none}.mkb-rail__bar{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.mkb-rail__bar-p{fill:none;stroke-width:7;stroke-linecap:round}.mkb-rail__bar-s{fill:none;stroke:#11111112;stroke-width:9;stroke-linecap:round;transform:translateY(7px)}.mkb-rail__items{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;list-style:none}.mkb-rail__item{position:absolute;left:0;top:0;width:var(--w);height:var(--h);will-change:transform;z-index:1;pointer-events:none}.mkb-rail__item.is-on{z-index:6}.mkb-rail__btn{position:absolute;left:50%;top:0;width:var(--hit, calc(var(--h) * .28));height:100%;margin:0;padding:0;border:0;background:none;transform:translate(-50%);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.mkb-rail__btn:focus-visible{outline:none}.mkb-rail__btn:focus-visible .mkb-rail__tag{outline:3px solid var(--mkb-teal, #5abccd);outline-offset:2px}.mkb-rail__btn img,.mkb-rail__btn svg,.mkb-rail__front,.mkb-rail__tag{pointer-events:none}.mkb-rail__side{position:absolute;left:50%;top:0;width:var(--w);height:var(--h);max-width:none;object-fit:cover;object-position:50% 0;transform:translate(-50%) scaleX(1);transform-origin:50% 50%;transition:transform .22s cubic-bezier(.4,0,1,1),opacity .22s}.mkb-rail__front{position:absolute;left:50%;top:0;width:calc(var(--h) * .97);height:var(--h);opacity:0;transform:translate(-50%) scaleX(0);transform-origin:50% 50%;transition:transform .34s cubic-bezier(0,0,.2,1) .14s,opacity .2s .14s}.mkb-rail__front img{position:absolute;left:0;top:calc(var(--h) * .082);width:100%;height:auto;max-width:none}.mkb-rail__hook{position:absolute;left:50%;top:calc(var(--h) * .02);height:calc(var(--h) * .15);width:auto;transform:translate(-50%)}.mkb-rail__item.is-on .mkb-rail__side{opacity:0;transform:translate(-50%) scaleX(0)}.mkb-rail__item.is-on .mkb-rail__front{opacity:1;transform:translate(-50%) scaleX(1)}.mkb-rail__tag{position:absolute;left:calc(50% + .6rem);top:calc(var(--h) * .085);padding:.3rem .6rem .25rem;border:1px solid #e3ded6;border-radius:3px;background:#fff;box-shadow:0 2px 6px #11111114;font-family:var(--font-heading-family);font-size:1rem;font-weight:700;line-height:1.2;letter-spacing:.02em;color:#111;white-space:nowrap;transform:rotate(-5deg);transform-origin:0 0;transition:transform .3s}.mkb-rail__tag:before{content:"";position:absolute;left:.3rem;top:-.9rem;width:1px;height:1rem;background:#b9b3aa;transform:rotate(-25deg)}.mkb-rail__item.is-on .mkb-rail__tag{transform:rotate(0) translate(calc(var(--h) * .06))}.mkb-rail__foot{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:2rem;max-width:var(--page-width, 120rem);margin:0 auto;padding:0 2.4rem}.mkb-rail__hint{display:flex;align-items:center;gap:1rem;min-height:3.6rem;margin:0;font-size:1.3rem;line-height:1.35;color:#8a8a8a}.mkb-rail__hint i{flex:none;width:2.4rem;height:1px;background:#cfc9c0}.mkb-rail__hint strong{display:block;font-family:var(--font-heading-family);font-size:1.4rem;color:#111}.mkb-rail__hint.is-product i{display:none}.mkb-rail__prog{position:relative;display:block;width:9.6rem;height:2px;margin-bottom:1.6rem;background:#e6e2dc;overflow:hidden;border-radius:2px}.mkb-rail__prog i{position:absolute;left:0;top:0;width:34%;height:100%;background:#111;border-radius:2px}.mkb-rail__cta{text-align:right}.mkb-rail__cta p{margin:0 0 .6rem;font-family:var(--font-heading-family);font-size:1.4rem;font-weight:700;line-height:1.35;color:#111}.mkb-rail__cta a{display:inline-flex;align-items:center;gap:.6rem;min-height:4.4rem;font-family:var(--font-heading-family);font-size:1.2rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#111;text-decoration:underline;text-underline-offset:.5rem}.mkb-rail__cta a:hover{color:#2f8f9e}@media screen and (max-width:749px){.mkb-rail{--h: var(--rail-h-m, 300px)}.mkb-rail__head{padding:0 1.6rem}.mkb-rail__stage{height:calc(var(--h) * 1.16 + 6rem);margin-top:1.6rem}.mkb-rail__foot{grid-template-columns:1fr;justify-items:center;text-align:center;gap:.8rem;padding:0 1.6rem}.mkb-rail__hint{justify-content:center;text-align:center}.mkb-rail__prog{order:-1;margin:0}.mkb-rail__cta{text-align:center}}.mkb-rail-qv{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:2rem;color:#111}.mkb-rail-qv[hidden]{display:none}.mkb-rail-qv__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#11111161;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:mkbRailFade .25s ease}.mkb-rail-qv__box{position:relative;display:grid;grid-template-columns:1.08fr 1fr;width:min(98rem,100%);max-height:calc(100vh - 4rem);overflow:auto;border-radius:24px;background:#fff;box-shadow:0 30px 80px #11111140;animation:mkbRailIn .35s cubic-bezier(0,0,.2,1)}.mkb-rail-qv__x{position:absolute;right:1.4rem;top:1.4rem;z-index:2;display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;border:1px solid #e6e2dc;border-radius:50%;background:#fff;color:#111;cursor:pointer}.mkb-rail-qv__x svg{width:2rem;height:2rem}.mkb-rail-qv__media{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;padding:3.2rem 2.4rem 2rem;background:var(--mkb-sand, #f6f2ec)}.mkb-rail-qv__media img{display:block;width:100%;max-width:52rem;height:auto;aspect-ratio:1;object-fit:contain}.mkb-rail-qv__thumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}.mkb-rail-qv__thumbs button{width:5.6rem;height:5.6rem;padding:.3rem;border:1px solid transparent;border-radius:10px;background:#fff;cursor:pointer}.mkb-rail-qv__thumbs button[aria-pressed=true]{border-color:#111}.mkb-rail-qv__thumbs img{width:100%;height:100%;object-fit:contain;aspect-ratio:auto}.mkb-rail-qv__info{display:flex;flex-direction:column;gap:1.2rem;padding:4.8rem 3.6rem 3.2rem}.mkb-rail-qv__count{margin:0;font-family:var(--font-heading-family);font-size:1.1rem;font-weight:700;letter-spacing:.18em;color:#8a8a8a}.mkb-rail-qv__t{margin:0;font-family:var(--font-heading-family);font-size:2.6rem;font-weight:800;line-height:1.1;letter-spacing:-.01em}.mkb-rail-qv__p{margin:0;font-size:1.8rem}.mkb-rail-qv__opts{display:flex;flex-direction:column;gap:1.4rem;margin-top:.8rem}.mkb-rail-qv__opt-l{margin:0 0 .6rem;font-family:var(--font-heading-family);font-size:1.1rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#5a5a5a}.mkb-rail-qv__chips{display:flex;flex-wrap:wrap;gap:.8rem}.mkb-rail-qv__chips button{min-width:4.8rem;height:4.4rem;padding:0 1.4rem;border:1px solid #d9d4cc;border-radius:999px;background:#fff;color:#111;font:inherit;font-size:1.4rem;cursor:pointer}.mkb-rail-qv__chips button[aria-pressed=true]{border-color:#111;background:#111;color:#fff}.mkb-rail-qv__chips button.is-out{color:#b9b3aa;text-decoration:line-through}.mkb-rail-qv__add{width:100%;min-height:5.2rem;margin-top:1rem;border:0;border-radius:999px;background:#111;color:#fff;font-family:var(--font-heading-family);font-size:1.3rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.mkb-rail-qv__add[disabled]{opacity:.45;cursor:default}.mkb-rail-qv__note{margin:0;font-size:1.3rem;line-height:1.5;color:#5a5a5a}.mkb-rail-qv__note:empty{display:none}.mkb-rail-qv__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1.6rem;border-top:1px solid #efebe5}.mkb-rail-qv__link{font-size:1.3rem;color:#111;text-underline-offset:.4rem}.mkb-rail-qv__nav{display:flex;gap:.8rem}.mkb-rail-qv__nav button{width:4.4rem;height:4.4rem;border:1px solid #d9d4cc;border-radius:50%;background:#fff;color:#111;font-size:1.6rem;cursor:pointer}.mkb-rail-qv button:focus-visible,.mkb-rail-qv a:focus-visible{outline:3px solid var(--mkb-teal, #5abccd);outline-offset:2px}@keyframes mkbRailFade{0%{opacity:0}}@keyframes mkbRailIn{0%{opacity:0;transform:translateY(14px) scale(.98)}}@media screen and (max-width:749px){.mkb-rail-qv{align-items:flex-end;padding:0}.mkb-rail-qv__box{grid-template-columns:1fr;max-height:92vh;border-radius:24px 24px 0 0}.mkb-rail-qv__media{padding:2.4rem 1.6rem 1.2rem}.mkb-rail-qv__media img{max-width:30rem}.mkb-rail-qv__info{padding:2rem 1.6rem calc(2.4rem + env(safe-area-inset-bottom,0px))}.mkb-rail-qv__t{font-size:2.2rem}}@media(prefers-reduced-motion:reduce){.mkb-rail__side,.mkb-rail__front,.mkb-rail__tag{transition:none}.mkb-rail-qv__bg,.mkb-rail-qv__box{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/mkb-rail.css.map */