/* No content depends on motion. All effects are opt-out, visibility and OS aware. */
html.experience-surface,html.experience-surface *{scrollbar-width:none}
html.experience-surface::-webkit-scrollbar,html.experience-surface *::-webkit-scrollbar{display:none}
.fx-surface{position:relative;isolation:isolate}
.fx-surface:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;opacity:0;background:radial-gradient(420px circle at var(--fx-x,50%) var(--fx-y,50%),var(--fx-light,#a8ffda12),transparent 75%);transition:opacity .45s}
.effects-running .fx-surface:hover:after,.effects-running .fx-surface:focus-within:after{opacity:1}
.fx-height-transition{overflow:hidden!important;min-height:0!important}
.experience-surface :is(button,.button,summary,a,input,select,textarea){transition:background-color .25s,border-color .25s,box-shadow .3s,translate .25s,color .2s}
.effects-running :is(button,.button):active{translate:0 1px}
.experience-surface :is(.preferences,.desk-files){max-height:none!important;overflow:visible!important}
.experience-surface .progress-line>span{transition:width .55s cubic-bezier(.22,1,.36,1)}
.experience-surface :is(.product-settings,.workspace-settings)[open]>.preferences{animation:fx-menu-enter .28s cubic-bezier(.16,1,.3,1)}
body:not(.effects-running) .fx-surface:after{display:none}
body:not(.effects-running) :is(.atrium-art img,.atrium-lamplight,.journey-sculpture,.journey-sculpture *,.desk-proof:before,.media-trace,.media-trace:before){animation-play-state:paused!important}
.news-atrium:not(.fx-in-view) :is(.atrium-art img,.atrium-lamplight),.feed-panel:not(.fx-in-view) .media-trace:before,.form-journey :is(.intro,.application-hero):not(.fx-in-view) .journey-sculpture *,.route-card:not(.fx-in-view):before,.desk-proof:not(.fx-in-view):before{animation-play-state:paused!important}
@keyframes fx-menu-enter{from{transform:translateY(-7px)}to{transform:none}}
@media(prefers-reduced-motion:reduce){.experience-surface *,.experience-surface *:before,.experience-surface *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.fx-surface:after,.media-trace{display:none!important}}
@media print{.fx-surface:after,.media-trace{display:none!important}.experience-surface *{animation:none!important;transform:none!important}}