.xs-box{container-type:inline-size}.xs-opening,.xs-closing{--xs-ease:cubic-bezier(.22, 1, .36, 1)}.xs-opening{animation:xs-reveal .32s var(--xs-ease) both}.xs-opening .xs-ico{animation:xs-ico-in .32s var(--xs-ease) both}.xs-opening input{animation:.2s ease-out .14s both xs-fade-in}.xs-closing{animation:xs-hide .28s var(--xs-ease) both}.xs-closing .xs-ico{animation:xs-ico-out .28s var(--xs-ease) both}.xs-closing input{animation:.1s ease-out both xs-fade-out}@keyframes xs-reveal{0%{clip-path:inset(0 0 0 calc(100% - 48px) round 8px)}to{clip-path:inset(0 round 8px)}}@keyframes xs-hide{0%{clip-path:inset(0 round 8px)}to{clip-path:inset(0 0 0 calc(100% - 48px) round 8px)}}@keyframes xs-ico-in{0%{transform:translate(calc(100cqw - 22px))}}@keyframes xs-ico-out{to{transform:translate(calc(100cqw - 22px))}}@keyframes xs-fade-in{0%{opacity:0}}@keyframes xs-fade-out{to{opacity:0}}