: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
.dsm-rectangle-out:active,
.dsm-rectangle-out:focus,
.dsm-rectangle-out:hover {
.dsm-rectangle-out:active:before,
.dsm-rectangle-out:focus:before,
.dsm-rectangle-out:hover:before {
-webkit-transform: scale(1);
.dsm-shutter-in-horizontal {
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .3s;
.dsm-shutter-in-horizontal:before {
-webkit-transform: scaleX(1);
-webkit-transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
.dsm-shutter-in-horizontal:active,
.dsm-shutter-in-horizontal:focus,
.dsm-shutter-in-horizontal:hover {
.dsm-shutter-in-horizontal:active:before,
.dsm-shutter-in-horizontal:focus:before,
.dsm-shutter-in-horizontal:hover:before {
-webkit-transform: scaleX(0);
.dsm-shutter-out-horizontal {
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .3s;
.dsm-shutter-out-horizontal:before {
-webkit-transform: scaleX(0);
-webkit-transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
.dsm-shutter-out-horizontal:active,
.dsm-shutter-out-horizontal:focus,
.dsm-shutter-out-horizontal:hover {
.dsm-shutter-out-horizontal:active:before,
.dsm-shutter-out-horizontal:focus:before,
.dsm-shutter-out-horizontal:hover:before {
-webkit-transform: scaleX(1);
.dsm-shutter-in-vertical {
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .3s;
.dsm-shutter-in-vertical:before {
-webkit-transform: scaleY(1);
-webkit-transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
.dsm-shutter-in-vertical:active,
.dsm-shutter-in-vertical:focus,
.dsm-shutter-in-vertical:hover {
.dsm-shutter-in-vertical:active:before,
.dsm-shutter-in-vertical:focus:before,
.dsm-shutter-in-vertical:hover:before {
-webkit-transform: scaleY(0);
.dsm-shutter-out-vertical {
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .3s;
.dsm-shutter-out-vertical:before {
-webkit-transform: scaleY(0);
-webkit-transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
.dsm-shutter-out-vertical:active,
.dsm-shutter-out-vertical:focus,
.dsm-shutter-out-vertical:hover {
.dsm-shutter-out-vertical:active:before,
.dsm-shutter-out-vertical:focus:before,
.dsm-shutter-out-vertical:hover:before {
-webkit-transform: scaleY(1);
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent
box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px transparent
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: background;
transition-property: background;
box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: opacity;
transition-property: opacity
@-webkit-keyframes dsm-ripple-out {
@keyframes dsm-ripple-out {
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
border: 6px solid #e1e1e1;
-webkit-animation-duration: 1s;
.dsm-ripple-out:active:before,
.dsm-ripple-out:focus:before,
.dsm-ripple-out:hover:before {
-webkit-animation-name: dsm-ripple-out;
animation-name: dsm-ripple-out
@-webkit-keyframes dsm-ripple-in {
@keyframes dsm-ripple-in {
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
border: 4px solid #e1e1e1;
-webkit-animation-duration: 1s;
.dsm-ripple-in:active:before,
.dsm-ripple-in:focus:before,
.dsm-ripple-in:hover:before {
-webkit-animation-name: dsm-ripple-in;
animation-name: dsm-ripple-in
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
.dsm-outline-out:before {
border: 4px solid #e1e1e1;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: top, right, bottom, left;
transition-property: top, right, bottom, left
.dsm-outline-out:active:before,
.dsm-outline-out:focus:before,
.dsm-outline-out:hover:before {
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
border: 4px solid #e1e1e1;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: top, right, bottom, left;
transition-property: top, right, bottom, left
.dsm-outline-in:active:before,
.dsm-outline-in:focus:before,
.dsm-outline-in:hover:before {
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: border-radius;
transition-property: border-radius
.dsm-round-corners:active,
.dsm-round-corners:focus,
.dsm-round-corners:hover {
.dsm-underline-from-left {
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
.dsm-underline-from-left:before {
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
.dsm-underline-from-left:active:before,
.dsm-underline-from-left:focus:before,
.dsm-underline-from-left:hover:before {
.dsm-underline-from-center {
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
.dsm-underline-from-center:before {