.ui-showcase{position:relative}.ui-showcase__controls-container{position:absolute;background:#fff;border-radius:5px}.ui-showcase__controls-settings{-webkit-box-shadow:0 6px 20px rgba(0,0,0,.08);box-shadow:0 6px 20px rgba(0,0,0,.08)}.ui-showcase__control{display:block;width:100%;cursor:pointer;background-color:transparent;color:#000}.ui-showcase__description-wrapper{position:absolute;right:-20%;bottom:100%;text-align:left}.ui-showcase__description{font-family:'Clarkson',Helvetica,sans-serif;font-style:normal;font-weight:400;line-height:1.2em;letter-spacing:0;text-rendering:geometricPrecision;text-transform:none;text-decoration:none;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;opacity:0;-webkit-transform:scale(.985);transform:scale(.985);-webkit-transition:opacity .4s cubic-bezier(.694,0,.335,1),-webkit-transform .4s cubic-bezier(.694,0,.335,1);transition:opacity .4s cubic-bezier(.694,0,.335,1),-webkit-transform .4s cubic-bezier(.694,0,.335,1);-o-transition:opacity .4s cubic-bezier(.694,0,.335,1),transform .4s cubic-bezier(.694,0,.335,1);transition:opacity .4s cubic-bezier(.694,0,.335,1),transform .4s cubic-bezier(.694,0,.335,1);transition:opacity .4s cubic-bezier(.694,0,.335,1),transform .4s cubic-bezier(.694,0,.335,1),-webkit-transform .4s cubic-bezier(.694,0,.335,1);-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s;max-width:12em}.ui-showcase__cursor{position:absolute;width:33px;height:33px;background-color:rgba(242,242,242,.5);border:2px solid #fff;border-radius:100%;-webkit-box-shadow:0 4px 14px rgba(99,99,99,.3);box-shadow:0 4px 14px rgba(99,99,99,.3);-webkit-transform:translate3d(-170px,260px,0);transform:translate3d(-170px,260px,0);-webkit-transition:opacity .3s cubic-bezier(.694,0,.335,1),-webkit-transform 1.5s cubic-bezier(.694,0,.335,1);transition:opacity .3s cubic-bezier(.694,0,.335,1),-webkit-transform 1.5s cubic-bezier(.694,0,.335,1);-o-transition:opacity .3s cubic-bezier(.694,0,.335,1),transform 1.5s cubic-bezier(.694,0,.335,1);transition:opacity .3s cubic-bezier(.694,0,.335,1),transform 1.5s cubic-bezier(.694,0,.335,1);transition:opacity .3s cubic-bezier(.694,0,.335,1),transform 1.5s cubic-bezier(.694,0,.335,1),-webkit-transform 1.5s cubic-bezier(.694,0,.335,1);opacity:0}@media all and (min-width:768px){.ui-showcase__cursor{width:37px;height:37px}}.ui-showcase.start-animation .ui-showcase__cursor{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.ui-showcase.click-animation .ui-showcase__cursor{opacity:0;visibility:hidden;-webkit-animation:uiCursorClick .2s forwards;animation:uiCursorClick .2s forwards;-webkit-transition:opacity .44s cubic-bezier(.694,0,.335,1) .7s,visibility .44s cubic-bezier(.694,0,.335,1) .7s;-o-transition:opacity .44s cubic-bezier(.694,0,.335,1) .7s,visibility .44s cubic-bezier(.694,0,.335,1) .7s;transition:opacity .44s cubic-bezier(.694,0,.335,1) .7s,visibility .44s cubic-bezier(.694,0,.335,1) .7s}.ui-showcase.click-animation:not(.has-interacted) .is-active+.ui-showcase__control{overflow:hidden}.ui-showcase.click-animation:not(.has-interacted) .is-active+.ui-showcase__control::before{content:'';position:absolute;width:20px;height:20px;border-radius:100%;background:#f6f6f6;top:50%;left:50%;margin:-10px 0 0 -10px;cursor:pointer;opacity:0;-webkit-animation:btnPulse 2.2s infinite cubic-bezier(.555,.04,.435,.97) 1s;animation:btnPulse 2.2s infinite cubic-bezier(.555,.04,.435,.97) 1s}@-webkit-keyframes btnPulse{0%,91%,to{-webkit-transform:scale(1);transform:scale(1);opacity:0}20%{opacity:1}90%{-webkit-transform:scale(20);transform:scale(20);opacity:0}}@keyframes btnPulse{0%,91%,to{-webkit-transform:scale(1);transform:scale(1);opacity:0}20%{opacity:1}90%{-webkit-transform:scale(20);transform:scale(20);opacity:0}}@-webkit-keyframes uiCursorClick{0%,to{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}50%{-webkit-transform:translate3d(0,2px,0) scale(.92);transform:translate3d(0,2px,0) scale(.92)}}@keyframes uiCursorClick{0%,to{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}50%{-webkit-transform:translate3d(0,2px,0) scale(.92);transform:translate3d(0,2px,0) scale(.92)}}