.layer-dot{--layer-dot-accent: #1877f2;--layer-dot-accent-contrast: #fff;--layer-dot-size: 32px;--layer-dot-card-width: 28rem;--layer-dot-size-current: var(--layer-dot-size);display:block}.layer-dot__stage{position:relative}.layer-dot__dot{position:absolute;top:var(--top);left:var(--left);z-index:2;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;width:var(--layer-dot-size-current);height:var(--layer-dot-size-current);margin:0;padding:0;border:0;border-radius:50%;background:var(--layer-dot-accent);color:var(--layer-dot-accent-contrast);font-family:inherit;font-size:calc(var(--layer-dot-size-current) * .44);font-weight:600;line-height:1;cursor:pointer;-webkit-appearance:none;appearance:none;transition:box-shadow .3s ease}.layer-dot__dot:focus-visible{outline:2px solid var(--layer-dot-accent);outline-offset:3px}.layer-dot__dot-number{pointer-events:none}@media(prefers-reduced-motion:no-preference){@keyframes layerDotPulse{0%{box-shadow:0 0 0 0 var(--layer-dot-accent)}70%{box-shadow:0 0 0 1.2rem transparent}to{box-shadow:0 0 0 0 transparent}}.layer-dot__dot{animation:layerDotPulse 2.4s cubic-bezier(.3,1,.3,1) infinite}.layer-dot__dot:nth-of-type(2n){animation-delay:.4s}.layer-dot__dot:nth-of-type(3n){animation-delay:.8s}.layer-dot__dot.is-active,.layer-dot__dot:hover{animation-play-state:paused}}.layer-dot__dot.is-active,.layer-dot__dot:hover{z-index:4;box-shadow:0 0 0 .5rem #ffffff8c,0 .2rem .8rem #00000040}.layer-dot__list{margin-top:4rem}.layer-dot__item{position:relative;padding-top:1.6rem;border-top:2px solid rgba(var(--color-foreground),.12);transition:border-color .3s ease}.layer-dot__item.is-active{border-top-color:var(--layer-dot-accent)}.layer-dot__item-trigger{display:block;width:100%;margin:0 0 .8rem;padding:0;border:0;background:none;color:inherit;font-family:inherit;text-align:start;cursor:pointer;-webkit-appearance:none;appearance:none}.layer-dot__item-trigger:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.layer-dot__item-trigger:focus-visible{outline:none}.layer-dot__item-trigger:focus-visible:after{outline:2px solid var(--layer-dot-accent);outline-offset:4px}.layer-dot__number{margin-inline-end:.4em;color:var(--layer-dot-accent)}.layer-dot__item-text{transition:opacity .3s ease}.layer-dot__item-text>:first-child{margin-top:0}.layer-dot__item-text>:last-child{margin-bottom:0}@media(max-width:767.98px){.layer-dot{--layer-dot-size-current: var(--layer-dot-size-mobile, var(--layer-dot-size))}.layer-dot__dot{top:var(--top-mobile, var(--top));left:var(--left-mobile, var(--left))}.layer-dot[data-hide-dots-mobile] .layer-dot__dot{display:none}.layer-dot__list{margin-top:3.2rem}}.layer-dot__rail{display:none}.layer-dot__rail-item{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--layer-dot-size-current);height:var(--layer-dot-size-current);padding:0;border:1px solid var(--layer-dot-accent);border-radius:50%;background:transparent;color:var(--layer-dot-accent);font-family:inherit;font-size:calc(var(--layer-dot-size-current) * .42);font-weight:600;line-height:1;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .25s ease,color .25s ease,transform .25s ease}.layer-dot__rail-item:hover{transform:scale(1.08)}.layer-dot__rail-item.is-active{background:var(--layer-dot-accent);color:var(--layer-dot-accent-contrast)}.layer-dot__rail-item.is-active:after{content:"";position:absolute;left:100%;top:50%;width:2.4rem;height:1px;background:var(--layer-dot-accent)}.layer-dot__item-link{margin-top:1.6rem}@media(min-width:1024px){.layer-dot--split .layer-dot__body{display:grid;grid-template-columns:var(--layer-dot-image-width, 45%) auto minmax(0,1fr);align-items:center;gap:0 4rem}.layer-dot--split .layer-dot__rail{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem}.layer-dot--split .layer-dot__list{margin-top:0}.layer-dot--split .layer-dot__list>.f-grid{display:block}.layer-dot--split .layer-dot__item{display:none;padding-top:0;border-top:0}.layer-dot--split .layer-dot__item.is-active{display:block;animation:layerDotPanelIn .45s cubic-bezier(.22,1,.36,1) both}.layer-dot--split .layer-dot__number{display:none}.layer-dot--split .layer-dot__item-trigger{cursor:default}.layer-dot--split .layer-dot__item-trigger:after{content:none}@keyframes layerDotPanelIn{0%{opacity:0;transform:translate3d(0,1rem,0)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.layer-dot--split .layer-dot__item.is-active{animation:none}}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-layer-dot.css.map */