.uk-offcanvas{display:none;position:fixed;top:0;bottom:0;inset-inline-start:0;z-index:1000}.uk-offcanvas-flip .uk-offcanvas{inset-inline-end:0;inset-inline-start:auto}.uk-offcanvas-bar{--uk-inverse:light;position:absolute;top:0;bottom:0;inset-inline-start:-270px;box-sizing:border-box;width:270px;padding:20px 20px;background:#222;overflow-y:auto}@media (min-width: 640px){.uk-offcanvas-bar{inset-inline-start:-350px;width:350px;padding:30px 30px}}.uk-offcanvas-flip .uk-offcanvas-bar{inset-inline-start:auto;inset-inline-end:-270px}@media (min-width: 640px){.uk-offcanvas-flip .uk-offcanvas-bar{inset-inline-end:-350px}}.uk-open>.uk-offcanvas-bar{inset-inline-start:0}.uk-offcanvas-flip .uk-open>.uk-offcanvas-bar{inset-inline-start:auto;inset-inline-end:0}.uk-offcanvas-bar-animation{transition:inset-inline-start 0.3s ease-out}.uk-offcanvas-flip .uk-offcanvas-bar-animation{transition-property:inset-inline-end}.uk-offcanvas-reveal{position:absolute;top:0;bottom:0;inset-inline-start:0;width:0;overflow:hidden;transition:width 0.3s ease-out}.uk-offcanvas-reveal .uk-offcanvas-bar{inset-inline-start:0}.uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar{inset-inline-start:auto;inset-inline-end:0}.uk-open>.uk-offcanvas-reveal{width:270px}@media (min-width: 640px){.uk-open>.uk-offcanvas-reveal{width:350px}}.uk-offcanvas-flip .uk-offcanvas-reveal{inset-inline-end:0;inset-inline-start:auto}.uk-offcanvas-close{position:absolute;z-index:1000;top:5px;inset-inline-end:5px;padding:5px}@media (min-width: 640px){.uk-offcanvas-close{top:10px;inset-inline-end:10px}}.uk-offcanvas-close:first-child + *{margin-top:0}.uk-offcanvas-overlay{width:100vw;touch-action:none}.uk-offcanvas-overlay::before{content:"";position:absolute;top:0;bottom:0;inset-inline-start:0;inset-inline-end:0;background:rgba(0, 0, 0, 0.1);opacity:0;transition:opacity 0.15s linear}.uk-offcanvas-overlay.uk-open::before{opacity:1}.uk-offcanvas-page,.uk-offcanvas-container{overflow-x:hidden;overflow-x:clip}.uk-offcanvas-container{position:relative;inset-inline-start:0;transition:inset-inline-start 0.3s ease-out;box-sizing:border-box;width:100%}:not(.uk-offcanvas-flip).uk-offcanvas-container-animation{inset-inline-start:270px}.uk-offcanvas-flip.uk-offcanvas-container-animation{inset-inline-start:-270px}@media (min-width: 640px){:not(.uk-offcanvas-flip).uk-offcanvas-container-animation{inset-inline-start:350px}.uk-offcanvas-flip.uk-offcanvas-container-animation{inset-inline-start:-350px}}