.tekkl-offcanvas{font-family:var(--tekkl-font-family,"Lato", sans-serif);color:var(--tekkl-on-surface,#151d22)}.tekkl-offcanvas--overlay{z-index:1050;display:flex;position:fixed;inset:0}.tekkl-offcanvas--overlay.tekkl-offcanvas--right{justify-content:flex-end;align-items:stretch}.tekkl-offcanvas--overlay.tekkl-offcanvas--left{justify-content:flex-start;align-items:stretch}.tekkl-offcanvas--overlay.tekkl-offcanvas--bottom{justify-content:stretch;align-items:flex-end}.tekkl-offcanvas--simulated{width:100%;height:100%;display:flex;position:relative;overflow:hidden}.tekkl-offcanvas--simulated.tekkl-offcanvas--right{justify-content:flex-end}.tekkl-offcanvas--simulated.tekkl-offcanvas--left{justify-content:flex-start}.tekkl-offcanvas--simulated.tekkl-offcanvas--bottom{align-items:flex-end}.tekkl-offcanvas--simulated .tekkl-offcanvas__surface{transition:none!important;transform:none!important}.tekkl-offcanvas__scrim{background-color:var(--tekkl-offcanvas-scrim,#151d2266);-webkit-backdrop-filter:var(--tekkl-offcanvas-scrim-blur,blur(2px));opacity:0;cursor:pointer;transition:opacity .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.tekkl-offcanvas.is-open .tekkl-offcanvas__scrim{opacity:1}.tekkl-offcanvas.is-closing .tekkl-offcanvas__scrim{opacity:0}.tekkl-offcanvas__simulated-scrim{background-color:var(--tekkl-offcanvas-scrim,#151d2266);-webkit-backdrop-filter:var(--tekkl-offcanvas-scrim-blur,blur(2px));z-index:1;position:absolute;inset:0}.tekkl-offcanvas__surface{z-index:2;background-color:var(--tekkl-surface-container-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}.tekkl-offcanvas__surface--right{height:100%;box-shadow:var(--tekkl-offcanvas-shadow,0 20px 25px -5px #151d224d, -10px 0 30px -5px #151d221a);transform:translate(100%)}.tekkl-offcanvas__surface--left{height:100%;box-shadow:var(--tekkl-offcanvas-shadow-left,0 20px 25px -5px #151d224d, 10px 0 30px -5px #151d221a);transform:translate(-100%)}.tekkl-offcanvas__surface--bottom{width:100%;max-height:85vh;box-shadow:var(--tekkl-offcanvas-shadow-bottom,0 -20px 25px -5px #151d224d);border-top-left-radius:16px;border-top-right-radius:16px;transform:translateY(100%)}.tekkl-offcanvas__surface--sm{width:var(--tekkl-offcanvas-width-sm,384px);max-width:100vw}.tekkl-offcanvas__surface--md{width:var(--tekkl-offcanvas-width-md,480px);max-width:100vw}.tekkl-offcanvas__surface--lg{width:var(--tekkl-offcanvas-width-lg,640px);max-width:100vw}.tekkl-offcanvas__surface--full{width:100vw}.tekkl-offcanvas.is-open .tekkl-offcanvas__surface--right,.tekkl-offcanvas.is-open .tekkl-offcanvas__surface--left{transform:translate(0)}.tekkl-offcanvas.is-open .tekkl-offcanvas__surface--bottom{transform:translateY(0)}.tekkl-offcanvas.is-closing .tekkl-offcanvas__surface--right{transform:translate(100%)}.tekkl-offcanvas.is-closing .tekkl-offcanvas__surface--left{transform:translate(-100%)}.tekkl-offcanvas.is-closing .tekkl-offcanvas__surface--bottom{transform:translateY(100%)}.tekkl-offcanvas__drag-handle-wrap{flex-shrink:0;justify-content:center;padding-top:10px;padding-bottom:2px;display:flex}.tekkl-offcanvas__drag-handle{background-color:var(--tekkl-gray-20,#c0c8ce);cursor:grab;border-radius:9999px;width:36px;height:4px;transition:background-color .15s}.tekkl-offcanvas__drag-handle:hover{background-color:var(--tekkl-blue,#218bb0)}.tekkl-offcanvas__body{flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.tekkl-offcanvas__footer{background-color:var(--tekkl-surface-container-lowest,#fff);box-shadow:var(--tekkl-offcanvas-dock-shadow,0 -4px 12px #151d220f);z-index:5;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}