.mame-timeline{padding-top:var(--mtl-pad-top, 80px);padding-bottom:var(--mtl-pad-bottom, 80px)}@media screen and (min-width:750px){.mame-timeline--scrollytelling{padding-top:0;padding-bottom:0;min-height:calc(100vh * var(--mtl-step-count, 1))}.mame-timeline--scrollytelling .mame-timeline__sticky{position:sticky;top:0;min-height:100vh;display:flex;align-items:center;padding-top:var(--mtl-pad-top, 80px);padding-bottom:var(--mtl-pad-bottom, 80px);box-sizing:border-box}}.mame-timeline__inner{max-width:var(--mtl-max-width, 1400px);margin:0 auto;padding-left:24px;padding-right:24px;box-sizing:border-box;width:100%}.mame-timeline__grid{display:grid;grid-template-columns:1fr;gap:32px}@media screen and (min-width:750px){.mame-timeline__grid{grid-template-columns:var(--mtl-nav-width, 100px) 1fr;gap:var(--mtl-col-gap, 80px);align-items:start}.mame-timeline--nav-right .mame-timeline__grid{grid-template-columns:1fr var(--mtl-nav-width, 100px)}.mame-timeline--nav-right .mame-timeline__nav{order:2}.mame-timeline--nav-right .mame-timeline__content{order:1}}.mame-timeline__nav{position:sticky;top:24px;display:flex;flex-direction:column;gap:24px}.mame-timeline--scrollytelling .mame-timeline__nav{position:static}.mame-timeline__nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.mame-timeline__year-btn{background:transparent;border:0;padding:4px 0;cursor:pointer;font-family:var(--font-body-family);font-size:var(--mtl-nav-size, 14px);font-weight:var(--mtl-nav-weight, 500);letter-spacing:.02em;color:rgb(var(--color-foreground));opacity:var(--mtl-inactive-opacity, .35);text-align:left;display:inline-block;transform:scale(1);transform-origin:left center;transition:opacity .35s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1),color .35s cubic-bezier(.22,1,.36,1);will-change:transform}.mame-timeline__year-btn:hover{opacity:.7}.mame-timeline__year-btn.is-active{opacity:1;font-weight:700;transform:scale(var(--mtl-active-scale, 1.7))}.mame-timeline__skip{background:transparent;border:0;padding:0;margin-top:24px;font-family:var(--font-body-family);font-size:var(--mtl-nav-size, 14px);font-weight:var(--mtl-nav-weight, 500);letter-spacing:.08em;color:rgb(var(--color-foreground));opacity:var(--mtl-inactive-opacity, .35);cursor:pointer;text-align:left;transition:opacity .15s ease}.mame-timeline__skip:hover{opacity:1}@media screen and (max-width:749px){.mame-timeline__nav{position:sticky;top:0;z-index:5;display:block;background:rgb(var(--color-background));margin-left:-24px;margin-right:-24px;padding:12px 24px;border-bottom:1px solid rgba(var(--color-foreground),.08)}.mame-timeline--scrollytelling .mame-timeline__nav{position:sticky;top:0}.mame-timeline__nav-list{flex-direction:row;gap:28px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0;margin:0}.mame-timeline__nav-list::-webkit-scrollbar{display:none}.mame-timeline__year-btn{flex:0 0 auto;white-space:nowrap;padding:4px 0;transform-origin:center center}.mame-timeline__year-btn.is-active{transform:scale(var(--mtl-active-scale-mobile, 1.35))}.mame-timeline__skip{display:none}}.mame-timeline__content{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;min-width:0}.mame-timeline__panel{grid-column:1;grid-row:1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease;min-width:0}.mame-timeline__panel.is-active{opacity:1;visibility:visible;pointer-events:auto;position:relative;z-index:1}.mame-timeline__title{margin:0;font-family:var(--font-heading-family);font-weight:var(--mtl-title-weight, 500);color:rgb(var(--color-foreground));max-width:var(--mtl-image-max-width, 640px)}.mame-timeline__gallery{position:relative;display:flex;flex-direction:row;gap:var(--mtl-gallery-gap, 48px);overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:calc(-1*max(24px,(100vw - var(--mtl-max-width, 1400px)) / 2 + 24px));padding-right:max(24px,calc((100vw - var(--mtl-max-width, 1400px)) / 2 + 24px));padding-bottom:8px}.mame-timeline__gallery::-webkit-scrollbar{display:none}.mame-timeline__slide{margin:0;flex:0 0 var(--mtl-slide-width, 320px);width:var(--mtl-slide-width, 320px);display:flex;flex-direction:column;gap:var(--mtl-caption-mt, 12px);scroll-snap-align:start}.mame-timeline__image{overflow:hidden;aspect-ratio:var(--mtl-image-aspect, 1/1);background:rgba(var(--color-foreground),.03)}.mame-timeline__image-el{width:100%;height:100%;object-fit:cover;display:block}.mame-timeline__desc,.mame-timeline__desc p,.mame-timeline__caption,.mame-timeline__caption p{font-family:var(--font-body-family, inherit);font-weight:var(--mtl-desc-weight, 400);color:rgba(var(--color-foreground),var(--mtl-desc-opacity, .85));line-height:calc(var(--mtl-desc-lh, 160) / 100);letter-spacing:calc(var(--mtl-desc-ls, 0) * .01em);text-transform:var(--mtl-desc-transform, none)}.mame-timeline--desc-font-heading .mame-timeline__desc,.mame-timeline--desc-font-heading .mame-timeline__desc p,.mame-timeline--desc-font-heading .mame-timeline__caption,.mame-timeline--desc-font-heading .mame-timeline__caption p{font-family:var(--font-heading-family, inherit);font-style:var(--font-heading-style, normal)}.mame-timeline--desc-font-body .mame-timeline__desc,.mame-timeline--desc-font-body .mame-timeline__desc p,.mame-timeline--desc-font-body .mame-timeline__caption,.mame-timeline--desc-font-body .mame-timeline__caption p{font-family:var(--font-body-family, inherit);font-style:var(--font-body-style, normal)}.mame-timeline--desc-align-left .mame-timeline__desc,.mame-timeline--desc-align-left .mame-timeline__desc p,.mame-timeline--desc-align-left .mame-timeline__caption,.mame-timeline--desc-align-left .mame-timeline__caption p{text-align:left}.mame-timeline--desc-align-center .mame-timeline__desc,.mame-timeline--desc-align-center .mame-timeline__desc p,.mame-timeline--desc-align-center .mame-timeline__caption,.mame-timeline--desc-align-center .mame-timeline__caption p{text-align:center}.mame-timeline--desc-align-right .mame-timeline__desc,.mame-timeline--desc-align-right .mame-timeline__desc p,.mame-timeline--desc-align-right .mame-timeline__caption,.mame-timeline--desc-align-right .mame-timeline__caption p{text-align:right}.mame-timeline__desc p,.mame-timeline__caption p{margin:0 0 .5em}.mame-timeline__desc p:last-child,.mame-timeline__caption p:last-child{margin-bottom:0}.mame-timeline__desc strong,.mame-timeline__caption strong{font-weight:700}.mame-timeline__desc em,.mame-timeline__caption em{font-style:italic}.mame-timeline__desc a,.mame-timeline__caption a{color:inherit;text-decoration:underline;text-underline-offset:3px}.mame-timeline__caption-heading{font-weight:700;opacity:1;color:rgb(var(--color-foreground));margin:0 0 4px}.mame-timeline__caption-body p:first-child{margin-top:0}.mame-timeline__desc{max-width:var(--mtl-image-max-width, 640px);margin:0}.mame-timeline__desc--has-gallery{margin-bottom:var(--mtl-gallery-gap, 48px)}.mame-timeline__title-row{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:var(--mtl-title-mb, 32px)}.mame-timeline__title-spacer{display:block;flex:1 1 auto}.mame-timeline__arrows{display:flex;gap:12px;justify-content:flex-end;margin-bottom:0;flex:0 0 auto}.mame-timeline__arrows--placeholder{visibility:hidden;pointer-events:none}.mame-timeline__arrow{width:44px;height:44px;border-radius:0;border:0;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1;padding:0;transition:opacity .2s ease,transform .2s ease}.mame-timeline__arrow:hover:not(:disabled){opacity:.6}.mame-timeline__arrow:active:not(:disabled){transform:scale(.95)}.mame-timeline__arrow:disabled{opacity:.25;cursor:default}
/*# sourceMappingURL=/cdn/shop/t/386/assets/section-mame-timeline.css.map */