@layer components{@keyframes ypai-opacity-only{0%{opacity:0}to{opacity:1}}@keyframes ypai-error-shake{0%,to{transform:none}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes ypai-success-check{0%{opacity:0;stroke-dashoffset:100%;transform:scale(0)}60%{opacity:1;stroke-dashoffset:30%;transform:scale(1.1)}to{opacity:1;stroke-dashoffset:0%;transform:none}}@keyframes ds-page-fade-out{to{opacity:0}}@keyframes ds-page-fade-in{0%{opacity:0}}.motion-error-shake{animation:ypai-error-shake var(--ds-motion-slow) var(--ds-ease-in-out) 0s 1 both}.motion-success-check{animation:ypai-success-check var(--ds-motion-slow) cubic-bezier(.68, -.55, .265, 1.55) 0s 1 both}::view-transition-old(root){animation-duration:var(--ds-motion-slow);animation-timing-function:var(--ds-ease-out)}::view-transition-new(root){animation-duration:var(--ds-motion-slow);animation-timing-function:var(--ds-ease-out)}::view-transition-old(root){animation-name:ds-page-fade-out}::view-transition-new(root){animation-name:ds-page-fade-in}.no-view-transitions body{transition:opacity var(--ds-motion-normal) var(--ds-ease-in-out)}@media (pointer:coarse) and (width<=1024px){:where(button,[role=button],[role=tab],[role=menuitem],summary,label.checkbox,label.radio,label.form-v5-checkbox-row,label.form-v5-radio-row,a.ds-card,a.button,a.clickable,a[class*=btn-v5p-],a[class*=cta],a.block,a.inline-block,a.inline-flex,a.flex,a.grid,a.inline-grid,nav a,[role=navigation] a,footer a,a.ypai-drawer__home,a.ypai-drawer__cta,a.ypai-drawer__util,a[aria-label]){min-block-size:44px;min-inline-size:44px}}@media (hover:none){:where(button,[role=button],a.button,.clickable):active{transform:scale(var(--ds-motion-touch-press-scale));transition:transform var(--ds-motion-fast) var(--ds-ease-out)}}}@layer base{html:where([data-motion=none]){scroll-behavior:auto!important}html:where([data-motion=none]) :where(*),html:where([data-motion=none]) :where(*):before,html:where([data-motion=none]) :where(*):after{animation-duration:var(--ds-motion-instant)!important;transition-duration:var(--ds-motion-instant)!important;scroll-behavior:auto!important;animation-iteration-count:1!important}html:where([data-motion=none])::view-transition-group(*){animation:none!important}html:where([data-motion=none])::view-transition-old(*){animation:none!important}html:where([data-motion=none])::view-transition-new(*){animation:none!important}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,:before,:after{animation-duration:var(--ds-motion-instant)!important;transition-duration:var(--ds-motion-instant)!important;scroll-behavior:auto!important;animation-iteration-count:1!important}.motion-success-check{animation:ypai-opacity-only var(--ds-motion-fast) linear both!important;transform:none!important}.motion-error-shake{transition-duration:var(--ds-motion-instant)!important;animation:none!important;transform:none!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}html:where([data-motion=none]) .motion-success-check{animation:ypai-opacity-only var(--ds-motion-fast) linear both!important;transform:none!important}html:where([data-motion=none]) .motion-error-shake{transition-duration:var(--ds-motion-instant)!important;animation:none!important;transform:none!important}:root{--ds-safe-area-top:env(safe-area-inset-top,0px);--ds-safe-area-right:env(safe-area-inset-right,0px);--ds-safe-area-bottom:env(safe-area-inset-bottom,0px);--ds-safe-area-left:env(safe-area-inset-left,0px);--ds-scroll-anchor-offset:4rem}:where(h2,h3,h4)[id]{scroll-margin-top:calc(var(--ds-scroll-anchor-offset,4rem) + var(--ds-safe-area-top,0px))}}
