.offcanvas__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;z-index:10000}.offcanvas__overlay[data-state=open]{animation:offcanvas-overlay-in .2s ease-out forwards}.offcanvas__overlay[data-state=closed]{animation:offcanvas-overlay-out .2s ease-in forwards}.offcanvas__content{position:fixed;background-color:#fff;z-index:10001;display:flex;flex-direction:column;outline:none;animation-duration:.25s;animation-fill-mode:forwards;width:100%}.offcanvas__content--rounded{border-top-left-radius:16px;border-top-right-radius:16px}.offcanvas__content[data-state=open]{animation-timing-function:ease-out}.offcanvas__content[data-state=closed]{animation-timing-function:ease-in}.offcanvas__content--right{top:0;right:0;height:100vh;max-width:var(--offcanvas-size)}.offcanvas__content--right[data-state=open]{animation-name:offcanvas-slide-from-right}.offcanvas__content--right[data-state=closed]{animation-name:offcanvas-slide-to-right}.offcanvas__content--left{top:0;left:0;height:100vh;max-width:var(--offcanvas-size)}.offcanvas__content--left[data-state=open]{animation-name:offcanvas-slide-from-left}.offcanvas__content--left[data-state=closed]{animation-name:offcanvas-slide-to-left}.offcanvas__content--top{top:0;left:0;width:100%;height:var(--offcanvas-size)}.offcanvas__content--top[data-state=open]{animation-name:offcanvas-slide-from-top}.offcanvas__content--top[data-state=closed]{animation-name:offcanvas-slide-to-top}.offcanvas__content--bottom{bottom:0;left:0;width:100%;height:var(--offcanvas-size)}.offcanvas__content--bottom[data-state=open]{animation-name:offcanvas-slide-from-bottom}.offcanvas__content--bottom[data-state=closed]{animation-name:offcanvas-slide-to-bottom}.offcanvas__header{display:flex;align-items:center;justify-content:space-between;padding:16px;flex-shrink:0;border-bottom:1px solid #d0d7e9}.offcanvas__header--primary{background-color:#253a72;color:#fff;border-bottom-color:transparent;border-top-left-radius:.75rem;border-top-right-radius:.75rem}.offcanvas__header--primary .offcanvas__close{color:#fff}.offcanvas__title{margin:0;font-size:1rem;font-weight:600;display:flex;flex-direction:column;gap:.25rem}.offcanvas__subtitle{font-size:.875rem;font-weight:400}.offcanvas__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;color:inherit}.offcanvas__close i{font-weight:600;font-size:1.375rem}.offcanvas__body{flex:1;overflow-y:auto}.offcanvas__footer{flex-shrink:0;padding:16px;border-top:1px solid #d0d7e9}.offcanvas__footer button{padding:1rem 1.5rem;font-size:.875rem}@keyframes offcanvas-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes offcanvas-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes offcanvas-slide-from-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes offcanvas-slide-to-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes offcanvas-slide-from-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes offcanvas-slide-to-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes offcanvas-slide-from-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes offcanvas-slide-to-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes offcanvas-slide-from-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes offcanvas-slide-to-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}