.anniversary-milestones{--anniversary-milestones-gutter: max(var(--space-token-md), env(safe-area-inset-left), env(safe-area-inset-right));--anniversary-milestones-active-start-gap: 0px;--anniversary-milestones-header-offset: var(--header-height, 66px);--anniversary-milestones-progress: 0;--anniversary-milestones-thumb-width: 48px;background:var(--color-gray-white);color:var(--color-text-primary)}.anniversary-milestones__component,.anniversary-milestones__inner{display:block}.anniversary-milestones__scroll-stage{display:contents}.anniversary-milestones__pin{display:block;background:var(--color-bg-white);isolation:isolate}.anniversary-milestones__inner{box-sizing:border-box;padding-block:var(--space-token-4xl)}.anniversary-milestones__header{margin-block-end:var(--space-token-l)}.anniversary-milestones__header h2{margin:0;color:var(--color-text-primary);font:var(--font-2xl-semibold)}.anniversary-milestones__viewport{overflow:visible}.anniversary-milestones__track{display:grid;gap:var(--space-token-l)}.anniversary-milestones__group{display:grid;gap:var(--space-token-md)}.anniversary-milestones__group-year{margin:0;color:var(--color-mamo-red-normal);font:var(--font-lg-semibold)}.anniversary-milestones__group-items{display:grid;gap:var(--space-token-base);padding-inline-start:var(--space-token-xl);border-inline-start:1px dashed var(--mask-light-gray-sm)}.anniversary-milestones__item{position:relative;display:block;min-inline-size:0;padding-block-end:0;opacity:1;transform:none}.anniversary-milestones__component.is-mobile-reveal .anniversary-milestones__item{opacity:0;transform:translate3d(0,var(--space-token-md),0);transition:opacity .3s cubic-bezier(.42,0,.58,1),transform .3s cubic-bezier(.42,0,.58,1)}.anniversary-milestones__component.is-mobile-reveal .anniversary-milestones__item.is-revealed{opacity:1;transform:none}.anniversary-milestones__component.is-enhanced .anniversary-milestones__item[data-mobile-visible=false]{display:none}.anniversary-milestones__card{display:grid;gap:0;padding:0}.anniversary-milestones__badge{--anniversary-milestones-badge-rank-size: 23px;--anniversary-milestones-badge-label-size: 15.8px;--anniversary-milestones-badge-label-line: 17px;--anniversary-milestones-badge-wheat-size: 18px;--anniversary-milestones-badge-rank-gradient: linear-gradient( 174deg, #b38d36 0%, #d9a350 56%, #dbc370 100% );--anniversary-milestones-badge-label-gradient: linear-gradient( 180deg, #e0c167 0%, #dab250 50%, #af832e 100% );display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-block-end:var(--space-token-s);text-align:start}.anniversary-milestones__badge-rank{display:inline-flex;align-items:center;justify-content:flex-start;gap:0;line-height:1}.anniversary-milestones__badge-wheat{display:block;inline-size:var(--anniversary-milestones-badge-wheat-size);block-size:auto;flex:0 0 auto}.anniversary-milestones__badge-rank strong,.anniversary-milestones__badge strong{display:block;margin:0;background:var(--anniversary-milestones-badge-rank-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;font-family:var(--text-font-family);font-style:normal;font-weight:var(--font-weight-bold, 700);font-size:var(--anniversary-milestones-badge-rank-size);line-height:1;letter-spacing:0;white-space:nowrap}.anniversary-milestones__badge-label{display:block;background:var(--anniversary-milestones-badge-label-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;opacity:.93;font-family:var(--text-font-family);font-style:normal;font-weight:var(--font-weight-semibold, 600);font-size:var(--anniversary-milestones-badge-label-size);line-height:var(--anniversary-milestones-badge-label-line);letter-spacing:0;white-space:nowrap}.anniversary-milestones__media{inline-size:80px;max-inline-size:100%;margin-block-end:var(--space-token-s)}.anniversary-milestones__item-title{margin:0;color:var(--color-text-primary);font:var(--font-lg-semibold)}.anniversary-milestones__description{margin-block-start:var(--space-token-2xs);color:var(--color-text-secondary);font:var(--font-base-medium)}.anniversary-milestones__badge--image{inline-size:80px;block-size:80px}.anniversary-milestones__badge-image{display:block;inline-size:100%;block-size:100%;object-fit:contain}.anniversary-milestones__description p,.anniversary-milestones__fine-print p{margin:0}.anniversary-milestones__image,.anniversary-milestones__image img{display:block;inline-size:100%;block-size:auto}.anniversary-milestones__axis{display:none}.anniversary-milestones__toggle{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-token-xs);box-sizing:border-box;block-size:48px;min-block-size:48px;min-inline-size:103px;margin-block-start:var(--space-token-l);padding-inline:var(--space-token-l);border:1px solid var(--mask-light-gray);border-radius:var(--radius-xs);background:var(--color-bg-white);color:var(--color-text-primary);font:var(--font-base-medium);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.anniversary-milestones__toggle:focus-visible,.anniversary-milestones__axis-input:focus-visible{outline:2px solid var(--color-link-normal);outline-offset:2px}.anniversary-milestones__toggle-icon{flex:0 0 var(--space-token-xs);inline-size:var(--space-token-xs);block-size:var(--space-token-xs);border-inline-end:1px solid currentColor;border-block-end:1px solid currentColor;transform:translateY(-2px) rotate(45deg)}.anniversary-milestones__toggle.is-less .anniversary-milestones__toggle-icon{transform:translateY(2px) rotate(225deg)}.anniversary-milestones__fine-print{margin-block-start:var(--space-token-l);color:var(--color-text-placeholder);font:var(--font-sm-regular)}.anniversary-milestones__fine-print p+p{margin-block-start:var(--space-token-2xs)}@media screen and (max-width:767px){.anniversary-milestones__group-items{border-inline-start:1px dashed var(--mask-light-gray-sm)}}@media screen and (min-width:768px){.anniversary-milestones{--anniversary-milestones-gutter: max(var(--space-token-base), env(safe-area-inset-left), env(safe-area-inset-right));block-size:100svh}.anniversary-milestones__component,.anniversary-milestones__inner{block-size:100%;min-block-size:0}.anniversary-milestones__inner{display:grid;grid-template-rows:auto auto auto auto;align-content:start;row-gap:var(--space-token-l);padding-block:var(--space-token-5xl)}.anniversary-milestones.is-scroll-pinned{block-size:auto}.anniversary-milestones.is-scroll-pinned .anniversary-milestones__pin{inline-size:100%;block-size:calc(100svh - var(--anniversary-milestones-header-offset))}.anniversary-milestones.is-scroll-pinned .anniversary-milestones__component{position:relative;inset-block-start:auto;block-size:auto}.anniversary-milestones.is-native-scroll,.anniversary-milestones.is-native-scroll .anniversary-milestones__component,.anniversary-milestones.is-native-scroll .anniversary-milestones__pin,.anniversary-milestones.is-native-scroll .anniversary-milestones__inner{block-size:auto}.anniversary-milestones.is-native-scroll .anniversary-milestones__viewport{overflow-x:auto}.anniversary-milestones__header{position:relative;margin:0;padding-block-end:var(--space-token-xl)}.anniversary-milestones__header:after{position:absolute;inset-block-end:0;inset-inline-start:calc(50% - 50dvi + 10px);inline-size:calc(100dvi - 20px);block-size:2px;background:var(--color-mamo-red-normal);content:""}.anniversary-milestones.is-scroll-pinned .anniversary-milestones__header:after{transform:scaleX(var(--anniversary-milestones-progress));transform-origin:left center}.anniversary-milestones__header h2{font:var(--font-7xl-semibold)}.anniversary-milestones__viewport{position:relative;min-block-size:0;margin-inline:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-x pan-y}.anniversary-milestones__viewport:before,.anniversary-milestones__viewport:after{display:none}.anniversary-milestones__viewport::-webkit-scrollbar{display:none}.anniversary-milestones__track{box-sizing:border-box;display:flex;align-items:flex-start;block-size:252px;gap:var(--space-token-4xl);min-inline-size:max-content;padding-block:0;padding-inline-start:var(--anniversary-milestones-gutter);padding-inline-end:var(--anniversary-milestones-gutter)}.anniversary-milestones__item{padding:0;scroll-snap-align:start}.anniversary-milestones__group{flex:0 0 auto;grid-template-rows:auto minmax(0,1fr);gap:var(--space-token-base)}.anniversary-milestones__group-year{font:var(--font-2xl-semibold)}.anniversary-milestones__group-items{display:flex;align-items:flex-start;gap:var(--space-token-base);padding-inline-start:0;border-inline-start:0}.anniversary-milestones__group-items .anniversary-milestones__item{flex:0 0 280px;inline-size:280px}.anniversary-milestones__card{gap:0}.anniversary-milestones__item-title{font:var(--font-xl-semibold)}.anniversary-milestones__description{margin-block-start:var(--space-token-xs);font:var(--font-base-medium)}.anniversary-milestones__badge{--anniversary-milestones-badge-rank-size: 28.4px;--anniversary-milestones-badge-label-size: 19.4px;--anniversary-milestones-badge-label-line: 21px;--anniversary-milestones-badge-wheat-size: 22px}.anniversary-milestones__media{inline-size:100px;max-inline-size:100%}.anniversary-milestones__badge--image{inline-size:100px;block-size:100px}.anniversary-milestones__axis{position:relative;display:block;block-size:56px;margin:0 var(--anniversary-milestones-gutter);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.anniversary-milestones__component.is-axis-dragging .anniversary-milestones__axis{cursor:grabbing}.anniversary-milestones__axis-line{position:absolute;top:0;right:0;bottom:0;left:0;block-size:100%}.anniversary-milestones__axis-fill{display:none}.anniversary-milestones__axis-node{position:absolute;z-index:2;inset-inline-start:var(--milestone-position);inset-block-start:calc(var(--space-token-base) - 5px);inline-size:2px;block-size:10px;border-radius:var(--radius-full);background:var(--stroke-10);transform:translate(-50%)}.anniversary-milestones__axis-node--year{inset-block-start:calc(var(--space-token-base) - 7px);block-size:14px}.anniversary-milestones__axis-node b{position:absolute;inset-block-start:calc(100% + var(--space-token-xs));inset-inline-start:50%;color:var(--color-text-placeholder);font:var(--font-sm-regular);white-space:nowrap;transform:translate(-50%)}.anniversary-milestones__axis-node--start b{inset-inline-start:0;transform:none}.anniversary-milestones__axis-node--end b{inset-inline-start:0;transform:translate(-100%)}.anniversary-milestones__axis-thumb{position:absolute;z-index:3;inset-block-start:var(--space-token-base);inset-inline-start:calc(var(--anniversary-milestones-progress) * (100% - var(--anniversary-milestones-thumb-width)));display:block;inline-size:var(--anniversary-milestones-thumb-width);block-size:24px;transform:translateY(-50%);pointer-events:none}.anniversary-milestones__axis-thumb-icon{display:block;inline-size:100%;block-size:100%;filter:drop-shadow(0 1px 0 rgb(0 0 0 / 4%))}.anniversary-milestones__axis-input{position:absolute;z-index:1;inset-block-start:calc(var(--space-token-base) - 12px);inset-inline:0;inline-size:100%;block-size:28px;margin:0;cursor:grab;opacity:0;pointer-events:none;touch-action:none}.anniversary-milestones__axis-input:active{cursor:grabbing}.anniversary-milestones__axis-input:focus-visible+.anniversary-milestones__axis-line .anniversary-milestones__axis-thumb{outline:2px solid var(--color-link-normal);outline-offset:2px;border-radius:var(--radius-full)}.anniversary-milestones__toggle{display:none}.anniversary-milestones__fine-print{margin-block:0}}@media screen and (min-width:768px)and (max-width:1279px){.anniversary-milestones,.anniversary-milestones__component,.anniversary-milestones__pin,.anniversary-milestones__inner{block-size:auto}.anniversary-milestones{--anniversary-milestones-gutter: max( var(--container-horizontal-min-margin-pc), env(safe-area-inset-left), env(safe-area-inset-right) );--anniversary-milestones-thumb-width: 54px}.anniversary-milestones__inner{padding-inline:0}.anniversary-milestones__header{inline-size:100%;margin-inline:0}.anniversary-milestones__axis{margin-inline:0}.anniversary-milestones__header:after{inset-inline-start:calc(50% - 50dvi);inline-size:100dvi;transform:scaleX(var(--anniversary-milestones-progress));transform-origin:left center}.anniversary-milestones__track{align-items:stretch;block-size:auto;min-block-size:240px;padding-inline:0}.anniversary-milestones__viewport{box-sizing:border-box;inline-size:100dvi;margin-inline:calc(50% - 50dvi);padding-inline:var(--anniversary-milestones-gutter);overflow-y:visible;scroll-snap-type:none}.anniversary-milestones__group{align-self:stretch}.anniversary-milestones__group-items{align-items:stretch}.anniversary-milestones__item{display:flex;flex-direction:column;gap:var(--space-token-s)}.anniversary-milestones__badge,.anniversary-milestones__media{order:2;block-size:100px;margin-block-start:auto;margin-block-end:0}.anniversary-milestones__badge{justify-content:center}.anniversary-milestones__media{display:grid;align-items:center;justify-items:start}.anniversary-milestones__media .anniversary-milestones__image,.anniversary-milestones__media .anniversary-milestones__image img{max-block-size:100%;object-fit:contain}.anniversary-milestones__card{order:1;min-block-size:calc(var(--line-height-xl) + var(--line-height-xl) + var(--space-token-xs) + var(--line-height-base) + var(--line-height-base))}.anniversary-milestones__fine-print{inline-size:100%;margin-inline:0}.anniversary-milestones__component.is-native-scroll .anniversary-milestones__item{visibility:visible;opacity:1;transform:none}}@media screen and (min-width:1280px){.anniversary-milestones{--anniversary-milestones-gutter: max(var(--space-token-md), env(safe-area-inset-left), env(safe-area-inset-right));--anniversary-milestones-content-width: 1200px;--anniversary-milestones-active-start-gap: var(--anniversary-milestones-initial-start-gap);--anniversary-milestones-initial-start-gap: max( var(--anniversary-milestones-gutter), calc((100% - var(--anniversary-milestones-content-width)) * .5) );--anniversary-milestones-reveal-end-gap: 48px;block-size:100svh}.anniversary-milestones__component{block-size:calc(100svh - var(--anniversary-milestones-header-offset))}.anniversary-milestones__viewport{inline-size:100%;min-block-size:316px;min-inline-size:0;overflow-x:clip;overflow-y:visible;scroll-snap-type:none}.anniversary-milestones__viewport:before,.anniversary-milestones__viewport:after{inline-size:48px}.anniversary-milestones__inner{align-content:safe center;row-gap:var(--space-token-xl);padding-block:var(--space-token-6xl)}.anniversary-milestones__header,.anniversary-milestones__axis,.anniversary-milestones__fine-print{inline-size:min(var(--anniversary-milestones-content-width),calc(100% - 2 * var(--anniversary-milestones-gutter)));margin-inline:auto}.anniversary-milestones__header h2{font:var(--font-8xl-semibold)}.anniversary-milestones__track{block-size:auto;min-block-size:316px;gap:var(--space-token-5xl);padding-inline-start:var(--anniversary-milestones-active-start-gap);padding-inline-end:max(42px,var(--anniversary-milestones-reveal-end-gap))}.anniversary-milestones.is-compact-height .anniversary-milestones__inner{grid-template-rows:minmax(0,1fr) auto auto minmax(0,1fr);align-content:stretch;overflow:clip}.anniversary-milestones.is-compact-height .anniversary-milestones__scroll-stage{display:contents}.anniversary-milestones.is-compact-height .anniversary-milestones__header{align-self:end}.anniversary-milestones.is-compact-height .anniversary-milestones__fine-print{align-self:start}.anniversary-milestones.is-scroll-pinned.is-compact-height{padding-block-end:var(--space-token-5xl)}.anniversary-milestones__group{gap:var(--space-token-md)}.anniversary-milestones__group-year{font:var(--font-3xl-semibold)}.anniversary-milestones__item-title{font:var(--font-2xl-semibold)}.anniversary-milestones__description{margin-block-start:var(--space-token-base);font:var(--font-base-medium)}.anniversary-milestones__media{inline-size:120px}.anniversary-milestones__badge{--anniversary-milestones-badge-rank-size: 34.65px;--anniversary-milestones-badge-label-size: 23.7px;--anniversary-milestones-badge-label-line: 25.5px;--anniversary-milestones-badge-wheat-size: 27px;gap:4px;min-block-size:120px;justify-content:center;padding-block:28px;box-sizing:border-box}.anniversary-milestones__badge--image{inline-size:120px;block-size:120px}}@media(prefers-reduced-motion:reduce){.anniversary-milestones__item,.anniversary-milestones__item--from-top{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/anniversary-milestones.css.map */