.dbo-offcanvas{font-family:var(--dbo-font-family,"Roboto", sans-serif);color:var(--dbo-on-surface,#222)}.dbo-offcanvas--overlay{z-index:1050;display:flex;position:fixed;inset:0}.dbo-offcanvas--overlay.dbo-offcanvas--right{justify-content:flex-end;align-items:stretch}.dbo-offcanvas--overlay.dbo-offcanvas--left{justify-content:flex-start;align-items:stretch}.dbo-offcanvas--overlay.dbo-offcanvas--bottom{justify-content:stretch;align-items:flex-end}.dbo-offcanvas--simulated{width:100%;height:100%;display:flex;position:relative;overflow:hidden}.dbo-offcanvas--simulated.dbo-offcanvas--right{justify-content:flex-end}.dbo-offcanvas--simulated.dbo-offcanvas--left{justify-content:flex-start}.dbo-offcanvas--simulated.dbo-offcanvas--bottom{align-items:flex-end}.dbo-offcanvas--simulated .dbo-offcanvas__surface{transition:none!important;transform:none!important}.dbo-offcanvas__scrim{background-color:var(--dbo-offcanvas-scrim,#11111173);-webkit-backdrop-filter:var(--dbo-offcanvas-scrim-blur,blur(2px));backdrop-filter:var(--dbo-offcanvas-scrim-blur,blur(2px));opacity:0;cursor:pointer;transition:opacity .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.dbo-offcanvas.is-open .dbo-offcanvas__scrim{opacity:1}.dbo-offcanvas.is-closing .dbo-offcanvas__scrim{opacity:0}.dbo-offcanvas__simulated-scrim{background-color:var(--dbo-offcanvas-scrim,#11111173);-webkit-backdrop-filter:var(--dbo-offcanvas-scrim-blur,blur(2px));backdrop-filter:var(--dbo-offcanvas-scrim-blur,blur(2px));z-index:1;position:absolute;inset:0}.dbo-offcanvas__surface{z-index:2;background-color:var(--dbo-surface-lowest,#fff);outline:none;flex-direction:column;flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.dbo-offcanvas__surface--right{height:100%;box-shadow:var(--dbo-offcanvas-shadow);transform:translate(100%)}.dbo-offcanvas__surface--left{height:100%;box-shadow:var(--dbo-offcanvas-shadow);transform:translate(-100%)}.dbo-offcanvas__surface--bottom{width:100%;max-height:85vh;box-shadow:var(--dbo-shadow-lvl-4);border-top-left-radius:16px;border-top-right-radius:16px;transform:translateY(100%)}.dbo-offcanvas__surface--sm{width:var(--dbo-offcanvas-width-sm,384px);max-width:100vw}.dbo-offcanvas__surface--md{width:var(--dbo-offcanvas-width-md,480px);max-width:100vw}.dbo-offcanvas__surface--lg{width:var(--dbo-offcanvas-width-lg,640px);max-width:100vw}.dbo-offcanvas__surface--full{width:100vw}.dbo-offcanvas.is-open .dbo-offcanvas__surface--right,.dbo-offcanvas.is-open .dbo-offcanvas__surface--left{transform:translate(0)}.dbo-offcanvas.is-open .dbo-offcanvas__surface--bottom{transform:translateY(0)}.dbo-offcanvas.is-closing .dbo-offcanvas__surface--right{transform:translate(100%)}.dbo-offcanvas.is-closing .dbo-offcanvas__surface--left{transform:translate(-100%)}.dbo-offcanvas.is-closing .dbo-offcanvas__surface--bottom{transform:translateY(100%)}.dbo-offcanvas__drag-handle-wrap{justify-content:center;padding:10px 0 2px;display:flex}.dbo-offcanvas__drag-handle{background-color:var(--dbo-gray-20,#ccc);border-radius:9999px;width:36px;height:4px}.dbo-offcanvas__body{flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.dbo-offcanvas__footer{background-color:var(--dbo-surface-lowest,#fff);box-shadow:var(--dbo-offcanvas-dock-shadow);z-index:5;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}