| 1 | .o-drawer{position:absolute;background-color:#fff;color:#111;z-index:1;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.o-drawer>.c-card{background-color:transparent;box-shadow:none}.o-drawer .c-card--menu{display:block;margin:0;border-right:0;border-left:0;border-radius:0}.o-drawer--bottom,.o-drawer--top{left:0;width:80%;height:auto;margin-left:10%;transform:translate(0)}.o-drawer--bottom{top:100%;border-radius:4px 4px 0 0}.o-drawer--bottom.o-drawer--visible{transform:translateY(-99%)}.o-drawer--top{bottom:100%;border-radius:0 0 4px 4px}.o-drawer--top.o-drawer--visible{transform:translateY(99%)}.o-drawer--left,.o-drawer--right{top:0;width:260px;height:100%}.o-drawer--left .c-card__footer--block,.o-drawer--right .c-card__footer--block{position:absolute;bottom:0;width:100%}.o-drawer--left .c-card__footer--block .c-button,.o-drawer--right .c-card__footer--block .c-button{border-radius:0}.o-drawer--left{left:0;transform:translateX(-100%)}.o-drawer--left.o-drawer--visible{transform:translateX(-1%)}.o-drawer--right{left:100%;transform:translate(0)}.o-drawer--right.o-drawer--visible{transform:translateX(-99%)} |