@keyframes modal-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes modal-backdrop-out{from{opacity:1}to{opacity:0}}
dialog[open]::backdrop{animation:modal-backdrop-in 250ms ease-out}
dialog.dialog-closing::backdrop{animation:modal-backdrop-out 180ms ease-in forwards}
@media(prefers-reduced-motion:reduce){dialog[open]::backdrop{animation:none}}
.shared-form .shared-form-actions{justify-content:flex-end}
.block .plus{display:inline-block;transform:rotate(0);transition:transform 220ms cubic-bezier(.22,1,.36,1)}
.block[open] .plus,.block[data-expanding="true"] .plus{transform:rotate(45deg)}
.block[data-expanding="false"] .plus{transform:rotate(0)}
.block summary{transition:background 180ms ease-out}
@media(prefers-reduced-motion:reduce){.block .plus,.block summary{transition:none}}

/* The same drawn icon and timing for template blocks and nested redirects. */
.block>summary,.redirect-city>summary,.redirect-reason>summary{user-select:none;-webkit-user-select:none}
.block .plus,.redirect-city>summary .city-plus{
 display:inline-block;position:relative;flex:none;width:14px;height:14px;
 font-size:0;line-height:0;transform-origin:50% 50%;transform:rotate(0deg);
 transition:transform var(--accordion-duration,300ms) cubic-bezier(.22,1,.36,1);
}
.block .plus::before,.block .plus::after,.redirect-city>summary .city-plus::before,.redirect-city>summary .city-plus::after{
 content:'';position:absolute;top:6px;left:1px;width:12px;height:1.5px;border-radius:1px;background:currentColor;
}
.block .plus::after,.redirect-city>summary .city-plus::after{transform:rotate(90deg)}
.block[open]>summary .plus,.redirect-city[open]>summary .city-plus,
.block[data-expanding="true"]>summary .plus,.redirect-city[data-expanding="true"]>summary .city-plus{transform:rotate(45deg)}
.block[data-expanding="false"]>summary .plus,.redirect-city[data-expanding="false"]>summary .city-plus{transform:rotate(0deg)}
.redirect-reason>summary::before,.redirect-reason[open]>summary::before{
 content:'';width:12px;height:12px;vertical-align:-1px;margin-right:8px;
 background:linear-gradient(currentColor,currentColor) center/10px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 10px no-repeat;
 transform:rotate(0deg);transform-origin:center;transition:transform var(--accordion-duration,300ms) cubic-bezier(.22,1,.36,1);
}
.redirect-reason[open]>summary::before,.redirect-reason[data-expanding="true"]>summary::before{transform:rotate(45deg)}
.redirect-reason[data-expanding="false"]>summary::before{transform:rotate(0deg)}
details[data-expanding]{overflow-anchor:none}
@media(prefers-reduced-motion:reduce){.block .plus,.redirect-city>summary .city-plus,.redirect-reason>summary::before{transition:none}}