.biip-off-canvas-content { display: none; position: fixed; top: 0; right: -320px; width: 320px; height: 100%; background-color: #fff; z-index: 1000; transition: all 0.3s ease-in-out;}.biip-off-canvas-open .biip-off-canvas-content { display: block; right: 0; padding: 12px; overflow-y: auto;} .biip-off-canvas-overlay { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 900;}body.biip-off-canvas-open { overflow: hidden;}.biip-off-canvas-open .biip-off-canvas-overlay { display: block;}.biip-off-canvas-open .icon-wrapper svg { height: 20px; width: 20px;}body.biip-off-canvas-open .biip-off-canvas-close{ display: flex !important; justify-content: flex-end; padding: 12px 12px 0px 12px;}.biip-off-canvas-open,.biip-off-canvas-close{ cursor: pointer;}