@layer components{.df-reveal{opacity:0;transition:opacity 1s,transform 1s cubic-bezier(.2,.7,.2,1);transform:translateY(20px)}.df-reveal.df-in{opacity:1;transform:none}.df-item{cursor:default;border-bottom:1px solid #fbf9f41f;grid-template-columns:48px 1fr 28px;align-items:center;column-gap:16px;padding:22px 0;transition:border-color .5s;display:grid;position:relative}.df-item:first-child{border-top:1px solid #fbf9f41f}.df-item:after{content:"";transform-origin:0;pointer-events:none;background:#fbf9f473;height:1px;transition:transform .9s cubic-bezier(.7,0,.2,1);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.df-item:hover:after{transform:scaleX(1)}.df-item-num{font-family:var(--font-sans);color:#fbf9f447;letter-spacing:.08em;font-size:12px;transition:color .4s,transform .6s cubic-bezier(.7,0,.2,1)}.df-item:hover .df-item-num{color:#fbf9f4a6;transform:translate(3px)}.df-item-text{font-family:var(--font-sans);color:#fbf9f4b3;font-size:17px;font-weight:300;line-height:1.5;transition:color .4s,transform .6s cubic-bezier(.7,0,.2,1)}.df-item:hover .df-item-text{color:#fbf9f4;transform:translate(2px)}.df-item-mark{justify-self:end;transition:background .5s,border-color .4s;position:relative}.df-item-mark:after{content:"";background:var(--color-cream);border-radius:50%;width:5px;height:5px;transition:transform .5s cubic-bezier(.7,0,.2,1),background .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.4)}.df-item:hover .df-item-mark{background:#fbf9f4e6;border-color:#0000}.df-item:hover .df-item-mark:after{background:var(--color-ink);transform:translate(-50%,-50%)scale(1)}@media (width<=640px){.df-item{grid-template-columns:38px 1fr 22px;column-gap:10px;padding:18px 0}.df-item-num{font-size:11px}.df-item-text{font-size:15px}}}