/* One restrained response to a gesture, across cards, forms and navigation. */
.ui-pressed:not(:disabled){transform:scale(.982)!important;filter:brightness(.985)}
.ui-touched{animation:ui-glow .22s var(--ease)}
.button:after{background:radial-gradient(circle at var(--touch-x,50%) var(--touch-y,50%),#ffffff46 0,transparent 72%)}
.button.ui-touched:after{animation:soft-flash .22s var(--ease)}
.primary{background:linear-gradient(110deg,#eb4e36,#da402a);box-shadow:0 7px 17px -10px #bf412b80,inset 0 1px 0 #ffffff35}
.pack[aria-checked=true],.web-pack[aria-pressed=true]{box-shadow:0 5px 15px -9px #db54384d,inset 0 0 0 1px #e2584233}
.soft-ui-setting{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;min-height:56px;padding:12px 0;margin:0 0 14px;border:0;border-bottom:1px solid var(--line,#f0ded0);background:none;text-align:left;font-size:12px;color:var(--ink,#172321)}
.soft-ui-setting small{display:block;font-size:10px;font-weight:400;color:var(--muted,#687170);margin-top:3px}
.soft-ui-switch{position:relative;display:block;width:35px;height:21px;flex:none;border-radius:15px;background:#c7c8c0;transition:background .2s}
.soft-ui-switch:after{content:'';position:absolute;left:3px;top:3px;height:15px;width:15px;background:white;border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .2s}
[aria-pressed=true]>.soft-ui-switch{background:var(--accent,#ef563c)}[aria-pressed=true]>.soft-ui-switch:after{transform:translateX(14px)}
@keyframes ui-glow{0%{box-shadow:0 0 0 0 #ef563c26}50%{box-shadow:0 0 0 4px #ef563c12}100%{box-shadow:0 0 0 0 #ef563c00}}
@media(hover:hover) and (pointer:fine){.button:not(:disabled):hover{filter:brightness(1.025)}.home-help-link:hover,.home-comics:hover,.asya-home-card:hover{box-shadow:0 10px 24px -15px #a96a4244;transform:translateY(-1px)}}
[data-soft-ui=false] *,[data-soft-ui=false] *:before,[data-soft-ui=false] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
[data-soft-ui=false] .ui-pressed,[data-soft-ui=false] button:active,[data-soft-ui=false] .button:active{transform:none!important;filter:none!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ui-pressed{transform:none!important;filter:none!important}}

/* Familiar press feedback for the existing cabinet controls, with no layout changes. */
.studio-button,.profile-add-photo,.photo-menu,.dialog-close,.atelier-nav button{transition:transform 140ms var(--ease),opacity 140ms ease}
.studio-button:not(:disabled):active,.profile-add-photo:active,.photo-menu:active,.dialog-close:active{transform:scale(.982)}
#atelier-dialog[open]{animation:asya-dialog-in 180ms var(--ease)}
@keyframes asya-dialog-in{from{opacity:.65;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#atelier-dialog[open]{animation:none}.studio-button,.profile-add-photo,.photo-menu,.dialog-close,.atelier-nav button{transition:none}.studio-button:active,.profile-add-photo:active,.photo-menu:active,.dialog-close:active{transform:none}}