@property --sv-cm-light-x{syntax:"<percentage>";inherits:true;initial-value:0%}@layer components{@supports (animation-timeline:view()){.sv-cm-scope{view-timeline-name:--sv-cm-matrix;view-timeline-axis:block;timeline-scope:--sv-cm-matrix}.sv-cm-row{animation-name:sv-cm-row-rise;animation-timeline:--sv-cm-matrix;animation-range:var(--sv-cm-from,entry 0%) var(--sv-cm-to,entry 85%);animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both}@keyframes sv-cm-row-rise{0%{opacity:0;transform:translateY(var(--sv-travel-lg,22px))}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sv-cm-row{opacity:1;animation:none;transform:none}}}}
@layer components{@supports (animation-timeline:view()){.sv-dk-rise,.sv-dk-fade,.sv-dk-mask{animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view()}.sv-dk-rise{animation-name:sv-dk-rise;animation-range:var(--sv-dk-from,entry 0%) var(--sv-dk-to,entry 85%)}@keyframes sv-dk-rise{0%{opacity:0;transform:translateY(var(--sv-travel-lg,22px))}to{opacity:1;transform:none}}.sv-dk-fade{animation-name:sv-dk-fade;animation-range:var(--sv-dk-from,entry 5%) var(--sv-dk-to,entry 70%)}@keyframes sv-dk-fade{0%{opacity:0}to{opacity:1}}.sv-dk-mask{animation-name:sv-dk-mask;animation-range:var(--sv-dk-from,entry 0%) var(--sv-dk-to,entry 75%);-webkit-mask-image:linear-gradient(90deg,#000 0 40%,#0000 100%);mask-image:linear-gradient(90deg,#000 0 40%,#0000 100%);-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes sv-dk-mask{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}}@media (prefers-reduced-motion:reduce){.sv-dk-rise,.sv-dk-fade,.sv-dk-mask{opacity:1;transform:none;animation:none!important}.sv-dk-mask{-webkit-mask-image:none;mask-image:none;-webkit-mask-position:0 0;mask-position:0 0}}}