[data-tootik] {
 position:relative
}
[data-tootik]:after {
 content:attr(data-tootik);
 box-sizing:border-box;
 font-style:normal;
 text-align:center;
 font-family:Century Gothic,AppleGothic,CenturyGothic,sans-serif;
 padding:6px 6px 5px;
 font-size:13px;
 line-height:14px;
 border-radius:7px;
 color:#fff;
 -webkit-transition:opacity .3s cubic-bezier(.73,.01,0,1),-webkit-transform .3s cubic-bezier(.73,.01,0,1);
 transition:opacity .3s cubic-bezier(.73,.01,0,1),-webkit-transform .3s cubic-bezier(.73,.01,0,1);
 transition:opacity .3s cubic-bezier(.73,.01,0,1),transform .3s cubic-bezier(.73,.01,0,1);
 transition:opacity .3s cubic-bezier(.73,.01,0,1),transform .3s cubic-bezier(.73,.01,0,1),-webkit-transform .3s cubic-bezier(.73,.01,0,1);
 pointer-events:none;
 z-index:100000;
 white-space:nowrap;
 bottom:100%;
 -webkit-transform:translate(-50%,12px);
 transform:translate(-50%,12px);
 max-width:320px;
 text-overflow:ellipsis;
 overflow:hidden
}
[data-tootik]:after,
[data-tootik]:before {
 opacity:0;
 position:absolute;
 left:50%;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden
}
[data-tootik]:before {
 border-style:solid;
 border-top-width:4px;
 border-right-width:4px;
 border-bottom-width:4px;
 border-left-width:4px;
 border-bottom-width:0;
 content:'';
 top:-2px;
 width:0;
 height:0;
 -webkit-transform:translate(-50%,calc(-50% - 6px));
 transform:translate(-50%,calc(-50% - 6px));
 -webkit-transition:opacity .1s cubic-bezier(.73,.01,0,1) 0s,-webkit-transform .6s cubic-bezier(.73,.01,0,1) 0s;
 transition:opacity .1s cubic-bezier(.73,.01,0,1) 0s,-webkit-transform .6s cubic-bezier(.73,.01,0,1) 0s;
 transition:opacity .1s cubic-bezier(.73,.01,0,1) 0s,transform .6s cubic-bezier(.73,.01,0,1) 0s;
 transition:opacity .1s cubic-bezier(.73,.01,0,1) 0s,transform .6s cubic-bezier(.73,.01,0,1) 0s,-webkit-transform .6s cubic-bezier(.73,.01,0,1) 0s;
 z-index:110000
}
[data-tootik]:after {
 background:#000
}
[data-tootik]:before {
 border-top-color:#000;
 border-right-color:transparent;
 border-bottom-color:transparent;
 border-left-color:transparent
}
[data-tootik][data-tootik-conf*=right]:before {
 border-top-color:transparent;
 border-right-color:#000;
 border-bottom-color:transparent;
 border-left-color:transparent
}
[data-tootik][data-tootik-conf*=bottom]:before {
 border-top-color:transparent;
 border-right-color:transparent;
 border-bottom-color:#000;
 border-left-color:transparent
}
[data-tootik][data-tootik-conf*=left]:before {
 border-top-color:transparent;
 border-right-color:transparent;
 border-bottom-color:transparent;
 border-left-color:#000
}
[data-tootik]:focus:after,
[data-tootik]:focus:before,
[data-tootik]:hover:after,
[data-tootik]:hover:before {
 opacity:1
}
[data-tootik]:focus:before,
[data-tootik]:hover:before {
 -webkit-transition:opacity .1s cubic-bezier(.73,.01,0,1) .1s,-webkit-transform .6s cubic-bezier(.73,.01,0,1) .1s;
 transition:opacity .1s cubic-bezier(.73,.01,0,1) .1s,-webkit-transform .6s cubic-bezier(.73,.01,0,1) .1s;
 transition:opacity .1s cubic-bezier(.73,.01,0,1) .1s,transform .6s cubic-bezier(.73,.01,0,1) .1s;
 transition:opacity .1s cubic-bezier(.73,.01,0,1) .1s,transform .6s cubic-bezier(.73,.01,0,1) .1s,-webkit-transform .6s cubic-bezier(.73,.01,0,1) .1s;
 -webkit-transform:translate(-50%,calc(-50% - 2px));
 transform:translate(-50%,calc(-50% - 2px))
}
[data-tootik]:focus:after,
[data-tootik]:hover:after {
 -webkit-transform:translate(-50%,-6px);
 transform:translate(-50%,-6px)
}
[data-tootik][data-tootik-conf*=right]:before {
 border-style:solid;
 border-top-width:4px;
 border-right-width:4px;
 border-bottom-width:4px;
 border-left-width:4px;
 border-left-width:0;
 left:auto;
 right:-6px;
 top:50%;
 -webkit-transform:translate(calc(-50% + 7px),-50%);
 transform:translate(calc(-50% + 7px),-50%)
}
[data-tootik][data-tootik-conf*=right]:after {
 top:50%;
 left:100%;
 bottom:auto;
 -webkit-transform:translate(-12px,-50%);
 transform:translate(-12px,-50%)
}
[data-tootik][data-tootik-conf*=right]:focus:before,
[data-tootik][data-tootik-conf*=right]:hover:before {
 -webkit-transform:translate(calc(-50% + 3px),-50%);
 transform:translate(calc(-50% + 3px),-50%)
}
[data-tootik][data-tootik-conf*=right]:focus:after,
[data-tootik][data-tootik-conf*=right]:hover:after {
 -webkit-transform:translate(7px,-50%);
 transform:translate(7px,-50%)
}
[data-tootik][data-tootik-conf*=bottom]:before {
 border-style:solid;
 border-top-width:4px;
 border-right-width:4px;
 border-bottom-width:4px;
 border-left-width:4px;
 border-top-width:0;
 top:auto;
 bottom:-6px;
 left:50%;
 -webkit-transform:translate(-50%,calc(-50% + 6px));
 transform:translate(-50%,calc(-50% + 6px))
}
[data-tootik][data-tootik-conf*=bottom]:after {
 top:100%;
 left:50%;
 bottom:auto;
 -webkit-transform:translate(-50%,-12px);
 transform:translate(-50%,-12px)
}
[data-tootik][data-tootik-conf*=bottom]:focus:before,
[data-tootik][data-tootik-conf*=bottom]:hover:before {
 -webkit-transform:translate(-50%,calc(-50% + 2px));
 transform:translate(-50%,calc(-50% + 2px))
}
[data-tootik][data-tootik-conf*=bottom]:focus:after,
[data-tootik][data-tootik-conf*=bottom]:hover:after {
 -webkit-transform:translate(-50%,6px);
 transform:translate(-50%,6px)
}
[data-tootik][data-tootik-conf*=left]:before {
 border-style:solid;
 border-top-width:4px;
 border-right-width:4px;
 border-bottom-width:4px;
 border-left-width:4px;
 border-right-width:0;
 left:-2px;
 top:50%;
 width:0;
 height:0;
 -webkit-transform:translate(calc(-50% - 8px),-50%);
 transform:translate(calc(-50% - 8px),-50%)
}
[data-tootik][data-tootik-conf*=left]:after {
 top:50%;
 right:100%;
 bottom:auto;
 left:auto;
 -webkit-transform:translate(12px,-50%);
 transform:translate(12px,-50%)
}
[data-tootik][data-tootik-conf*=left]:focus:after,
[data-tootik][data-tootik-conf*=left]:hover:after {
 -webkit-transform:translate(-7px,-50%);
 transform:translate(-7px,-50%)
}
[data-tootik][data-tootik-conf*=left]:focus:before,
[data-tootik][data-tootik-conf*=left]:hover:before {
 -webkit-transform:translate(calc(-50% - 3px),-50%);
 transform:translate(calc(-50% - 3px),-50%)
}
[data-tootik][data-tootik-conf*=multiline]:after {
 word-break:break-word;
 white-space:normal;
 min-width:180px;
 text-overflow:clip
}
[data-tootik][data-tootik-conf*=delay]:before {
 -webkit-transition:opacity .2s cubic-bezier(.73,.01,0,1) 0s,-webkit-transform .3s cubic-bezier(.73,.01,0,1) 0s;
 transition:opacity .2s cubic-bezier(.73,.01,0,1) 0s,-webkit-transform .3s cubic-bezier(.73,.01,0,1) 0s;
 transition:opacity .2s cubic-bezier(.73,.01,0,1) 0s,transform .3s cubic-bezier(.73,.01,0,1) 0s;
 transition:opacity .2s cubic-bezier(.73,.01,0,1) 0s,transform .3s cubic-bezier(.73,.01,0,1) 0s,-webkit-transform .3s cubic-bezier(.73,.01,0,1) 0s
}
[data-tootik][data-tootik-conf*=delay]:after {
 -webkit-transition:opacity .3s cubic-bezier(.73,.01,0,1) 0s,-webkit-transform .3s cubic-bezier(.73,.01,0,1) 0s;
 transition:opacity .3s cubic-bezier(.73,.01,0,1) 0s,-webkit-transform .3s cubic-bezier(.73,.01,0,1) 0s;
 transition:opacity .3s cubic-bezier(.73,.01,0,1) 0s,transform .3s cubic-bezier(.73,.01,0,1) 0s;
 transition:opacity .3s cubic-bezier(.73,.01,0,1) 0s,transform .3s cubic-bezier(.73,.01,0,1) 0s,-webkit-transform .3s cubic-bezier(.73,.01,0,1) 0s
}
[data-tootik][data-tootik-conf*=delay]:focus:before,
[data-tootik][data-tootik-conf*=delay]:hover:before {
 -webkit-transition:opacity .2s cubic-bezier(.73,.01,0,1) .5s,-webkit-transform .6s cubic-bezier(.73,.01,0,1) .5s;
 transition:opacity .2s cubic-bezier(.73,.01,0,1) .5s,-webkit-transform .6s cubic-bezier(.73,.01,0,1) .5s;
 transition:opacity .2s cubic-bezier(.73,.01,0,1) .5s,transform .6s cubic-bezier(.73,.01,0,1) .5s;
 transition:opacity .2s cubic-bezier(.73,.01,0,1) .5s,transform .6s cubic-bezier(.73,.01,0,1) .5s,-webkit-transform .6s cubic-bezier(.73,.01,0,1) .5s
}
[data-tootik][data-tootik-conf*=delay]:focus:after,
[data-tootik][data-tootik-conf*=delay]:hover:after {
 -webkit-transition:opacity .3s cubic-bezier(.73,.01,0,1) .4s,-webkit-transform .3s cubic-bezier(.73,.01,0,1) .4s;
 transition:opacity .3s cubic-bezier(.73,.01,0,1) .4s,-webkit-transform .3s cubic-bezier(.73,.01,0,1) .4s;
 transition:opacity .3s cubic-bezier(.73,.01,0,1) .4s,transform .3s cubic-bezier(.73,.01,0,1) .4s;
 transition:opacity .3s cubic-bezier(.73,.01,0,1) .4s,transform .3s cubic-bezier(.73,.01,0,1) .4s,-webkit-transform .3s cubic-bezier(.73,.01,0,1) .4s
}
[data-tootik][data-tootik-conf*=shadow]:after {
 box-shadow:0 2px 10px 2px rgba(0,0,0,.1)
}
[data-tootik][data-tootik-conf*=no-fading]:after,
[data-tootik][data-tootik-conf*=no-fading]:before {
 -webkit-transition:none;
 transition:none
}
[data-tootik][data-tootik-conf*=no-arrow]:before {
 display:none
}
[data-tootik][data-tootik-conf*=square]:after {
 border-radius:10px;
}
[data-tootik][data-tootik-conf*=invert]:after {
 color:#000;
 background:#fff
}
[data-tootik][data-tootik-conf*=invert]:before {
 border-top-color:#fff;
 border-right-color:transparent;
 border-bottom-color:transparent;
 border-left-color:transparent
}
[data-tootik][data-tootik-conf*=invert][data-tootik-conf*=right]:before {
 border-top-color:transparent;
 border-right-color:#fff;
 border-bottom-color:transparent;
 border-left-color:transparent
}
[data-tootik][data-tootik-conf*=invert][data-tootik-conf*=bottom]:before {
 border-top-color:transparent;
 border-right-color:transparent;
 border-bottom-color:#fff;
 border-left-color:transparent
}
[data-tootik][data-tootik-conf*=invert][data-tootik-conf*=left]:before {
 border-top-color:transparent;
 border-right-color:transparent;
 border-bottom-color:transparent;
 border-left-color:#fff
}
[data-tootik][data-tootik-conf*=success]:after {
 background:#8bc34a
}
[data-tootik][data-tootik-conf*=success]:before {
 border-top-color:#8bc34a;
 border-right-color:transparent;
 border-bottom-color:transparent;
 border-left-color:transparent
}
[data-tootik][data-tootik-conf*=success][data-tootik-conf*=right]:before {
 border-top-color:transparent;
 border-right-color:#8bc34a;
 border-bottom-color:transparent;
 border-left-color:transparent
}
[data-tootik][data-tootik-conf*=success][data-tootik-conf*=bottom]:before {
 border-top-color:transparent;
 border-right-color:transparent;
 border-bottom-color:#8bc34a;
 border-left-color:transparent
}
[data-tootik][data-tootik-conf*=success][data-tootik-conf*=left]:before {
 border-top-color:transparent;
 border-right-color:transparent;
 border-bottom-color:transparent;
 border-left-color:#8bc34a
}
[data-tootik][data-tootik-conf*=info]:after {
 background:#29d2e4
}
[data-tootik][data-tootik-conf*=info]:before {
 border-top-color:#29d2e4;
 border-right-color:transparent;
 border-bottom-color:transparent;
 border-left-color:transparent
}
[data-tootik][data-tootik-conf*=info][data-tootik-conf*=right]:before {
 border-top-color:transparent;
 border-right-color:#29d2e4;
 border-bottom-color:transparent;
 border-left-color:transparent
}
[data-tootik][data-tootik-conf*=info][data-tootik-conf*=bottom]:before {
 border-top-color:transparent;
 border-right-color:transparent;
 border-bottom-color:#29d2e4;
 border-left-color:transparent
}
[data-tootik][data-tootik-conf*=info][data-tootik-conf*=left]:before {
 border-top-color:transparent;
 border-right-color:transparent;
 border-bottom-color:transparent;
 border-left-color:#29d2e4
}
[data-tootik][data-tootik-conf*=warning]:after {
 background:#f87d09
}
[data-tootik][data-tootik-conf*=warning]:before {
 border-top-color:#f87d09;
 border-right-color:transparent;
 border-bottom-color:transparent;
 border-left-color:transparent
}
[data-tootik][data-tootik-conf*=warning][data-tootik-conf*=right]:before {
 border-top-color:transparent;
 border-right-color:#f87d09;
 border-bottom-color:transparent;
 border-left-color:transparent
}
[data-tootik][data-tootik-conf*=warning][data-tootik-conf*=bottom]:before {
 border-top-color:transparent;
 border-right-color:transparent;
 border-bottom-color:#f87d09;
 border-left-color:transparent
}
[data-tootik][data-tootik-conf*=warning][data-tootik-conf*=left]:before {
 border-top-color:transparent;
 border-right-color:transparent;
 border-bottom-color:transparent;
 border-left-color:#f87d09
}
[data-tootik][data-tootik-conf*=danger]:after {
 background:#e91e63
}
[data-tootik][data-tootik-conf*=danger]:before {
 border-top-color:#e91e63;
 border-right-color:transparent;
 border-bottom-color:transparent;
 border-left-color:transparent
}
[data-tootik][data-tootik-conf*=danger][data-tootik-conf*=right]:before {
 border-top-color:transparent;
 border-right-color:#e91e63;
 border-bottom-color:transparent;
 border-left-color:transparent
}
[data-tootik][data-tootik-conf*=danger][data-tootik-conf*=bottom]:before {
 border-top-color:transparent;
 border-right-color:transparent;
 border-bottom-color:#e91e63;
 border-left-color:transparent
}
[data-tootik][data-tootik-conf*=danger][data-tootik-conf*=left]:before {
 border-top-color:transparent;
 border-right-color:transparent;
 border-bottom-color:transparent;
 border-left-color:#e91e63
}
[data-tootik][data-tootik='']:after,
[data-tootik][data-tootik='']:before {
 display:none
}