@layer components{.history{--history-track-size:48rem;--history-button-font-size:2rem}@media (width>=576px){.history{--history-track-size:64rem}}@media (width>=768px){.history{--history-track-size:80rem;--history-button-font-size:2.5rem}}@media (width>=992px){.history{--history-track-size:100rem}}.history{pointer-events:none;justify-content:center;height:30vw;min-height:35vh;padding-block-start:calc(var(--history-button-font-size) + 2rem);display:flex;position:relative;overflow:hidden}.history:before{content:"";z-index:5;width:100%;max-width:calc(var(--history-track-size) + var(--history-button-font-size) + 2rem);background-image:linear-gradient(to right, var(--color-dark), transparent 25%, transparent 75%, var(--color-dark));pointer-events:none;height:100%;position:absolute;top:0}.history__track{width:var(--history-track-size);height:var(--history-track-size);flex-shrink:0;transition:transform 1s ease-in-out .2s;display:flex;position:relative}.history__track:before{content:"";z-index:1;border:.0625rem solid #fff;border-radius:50%;position:absolute;inset:.75rem}.history__list{z-index:2;justify-content:center;width:100%;display:flex;position:relative}.history__item{height:100%;transform:rotate(calc(360deg / sibling-count() * sibling-index() - 360deg / sibling-count()));justify-content:center;align-items:flex-start;display:flex;position:absolute}.history__item button{pointer-events:auto;flex-direction:column;align-items:center;gap:1rem;display:flex}.history__item button:hover,.history__item button:focus-visible{outline-color:var(--color-primary);outline-offset:.125rem;border-radius:50%;outline-width:.125rem}.history__item button.active:after{background-color:var(--color-primary)}.history__item button:not(.active)+p{opacity:0;transition-delay:0s;transform:translateY(.25rem)}.history__item button:after{content:"";aspect-ratio:1;background-color:#fff;border-radius:50%;flex-shrink:0;width:1.5rem;transition:background-color .2s linear .2s}.history__item button span{font-size:var(--history-button-font-size);font-weight:var(--font-weight-bold);line-height:1;position:absolute;bottom:calc(100% + 2rem)}.history__item p{text-align:center;justify-content:center;width:30vw;min-width:15rem;margin-top:6rem;transition:opacity .2s linear 1.2s,transform .2s ease-in-out 1.2s;display:flex;position:absolute;top:1.5rem}.history__item p:before{content:"";background-color:var(--color-white);width:.0625rem;height:4rem;position:absolute;bottom:calc(100% + 1rem)}section:has(.history).bg-dark{background-image:radial-gradient(circle at center 70%, rgb(from var(--color-white) r g b/.1), var(--color-bg-dark) 50%);padding-block:5rem 0}}