@layer components{:root{--card-radius:var(--radius-md);--card-padding:var(--spacing-fluid-md);--card-min-height:240px;--card-gap:var(--spacing-fluid-lg);--card-color:var(--color-dark);--card-background-color:var(--color-light)}.c-card{list-style:none;position:relative;min-height:var(--card-min-height);transition:opacity .6s var(--ease-out-cubic),transform .6s var(--ease-out-cubic);transition-delay:calc(var(--index) * .1s);.c-card_list:not(.is-inview) &{opacity:0;transform:translateY(4rem) scale(.95)}}.c-card_hover{position:absolute;inset:0;z-index:1;border-radius:var(--card-radius)}.c-card_hover:hover~.c-card_flip .c-card_inner{transform:rotateY(180deg)}.c-card_flip{perspective:1000px}.c-card_flip,.c-card_inner{position:relative;width:100%;height:100%;min-height:var(--card-min-height)}.c-card_inner{transform-style:preserve-3d;transition:transform .5s var(--ease-out-cubic)}.c-card_back,.c-card_front{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:var(--card-padding);gap:var(--card-gap);border-radius:var(--card-radius);color:var(--card-color);background-color:var(--card-background-color);backface-visibility:hidden;-webkit-backface-visibility:hidden}.c-card_back{transform:rotateY(180deg);justify-content:center}}@layer components{.c-history-card{display:flex;position:relative;align-items:start;transition:opacity .6s var(--ease-out-cubic),transform .6s var(--ease-out-cubic);&:not(.is-inview){opacity:0;transform:translateY(4rem) scale(.95)}}.c-history-card_inner{@media (min-width:1000px){width:50%;min-height:240px;padding-inline:108px}}.c-history-card_line{width:1px;height:calc(100% - 1.25rem);top:0;background-color:var(--color-light);position:absolute;@media (min-width:1000px){height:calc(100% - 2.25rem)}}.c-history-card_number{display:flex;position:absolute;top:0;right:0;bottom:0;justify-content:center;align-items:flex-start;text-align:center;pointer-events:none;@media (min-width:1000px){left:0}}}