.demo-alignment li[data-v-6d4d3804]:hover{-webkit-transform:translateY(8px);-webkit-box-shadow:0 0 40px -10px hsla(0,0%,100%,0)!important}[dir] .demo-alignment li[data-v-6d4d3804]:hover{transform:translateY(8px);box-shadow:0 0 40px -10px hsla(0,0%,100%,0)!important}#colors-demo .demo-alignment li{width:100px;height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[dir] #colors-demo .demo-alignment li{margin:10px;border-radius:10px;cursor:default}[dir=ltr] #colors-demo .demo-alignment li{-webkit-box-shadow:1px 1px 10px rgba(0,0,0,.3);box-shadow:1px 1px 10px rgba(0,0,0,.3)}[dir=rtl] #colors-demo .demo-alignment li{-webkit-box-shadow:-1px 1px 10px rgba(0,0,0,.3);box-shadow:-1px 1px 10px rgba(0,0,0,.3)}#colors-demo ul.demo-alignment li{width:100px;height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 15px 40px -10px rgba(0,0,0,.3);transition:all .2s ease;position:relative}[dir] #colors-demo ul.demo-alignment li{margin:10px;border-radius:10px;cursor:default;box-shadow:0 15px 40px -10px rgba(0,0,0,.3);-webkit-transition:all .2s ease}