.ds-top-sheet-overlay{background:var(--comp-mobile-bottom-sheet-color-bg-overlay);z-index:100;justify-content:center;align-items:flex-start;height:100dvh;animation:.2s ease-out top-sheet-overlay-fade-in;display:flex;position:fixed;inset:0}@keyframes top-sheet-overlay-fade-in{0%{opacity:0}to{opacity:1}}.ds-top-sheet{background:var(--comp-mobile-bottom-sheet-color-bg-sheet);border-radius:0 0 var(--comp-mobile-bottom-sheet-size-radius-1) var(--comp-mobile-bottom-sheet-size-radius-1);flex-direction:column;width:100%;max-height:90vh;animation:.25s ease-out top-sheet-slide-down;display:flex;overflow:hidden}@keyframes top-sheet-slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.ds-top-sheet__header{padding:var(--comp-mobile-bottom-sheet-size-padding-vertical-1) var(--comp-mobile-bottom-sheet-size-padding-horizontal-3);gap:var(--comp-mobile-bottom-sheet-size-padding-vertical-2);flex-direction:column;display:flex}.ds-top-sheet__handle{width:var(--comp-mobile-bottom-sheet-size-width-fixed-1);height:var(--comp-mobile-bottom-sheet-size-height-fixed-1);border-radius:var(--comp-mobile-bottom-sheet-size-radius-1);background:var(--comp-mobile-bottom-sheet-color-bg-handle-bar);align-self:center}.ds-top-sheet__title-row{height:44px;color:var(--comp-mobile-bottom-sheet-color-text-default);justify-content:center;align-items:center;display:flex;position:relative}.ds-top-sheet__close{color:var(--comp-mobile-bottom-sheet-color-icon-default);cursor:pointer;background:0 0;border:none;padding:0;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.ds-top-sheet__content{padding:0 var(--comp-mobile-bottom-sheet-size-padding-horizontal-4);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.ds-top-sheet__footer{padding:var(--comp-mobile-bottom-sheet-size-padding-vertical-1) var(--comp-mobile-bottom-sheet-size-padding-horizontal-3)}