| 1 |
.vbox-overlay{--vbox-tools-color:#fff;--vbox-title-background:#101010;--vbox-title-width:'auto';--vbox-title-radius:0;--vbox-share-background:#101010;--vbox-share-width:'auto';--vbox-share-radius:0;--vbox-padding:0} |
| 2 |
.vbox-overlay *,.vbox-overlay :after,.vbox-overlay :before{-webkit-backface-visibility:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} |
| 3 |
.vbox-overlay *{-webkit-backface-visibility:visible;backface-visibility:visible} |
| 4 |
.vbox-overlay{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:fixed;left:0;top:0;bottom:0;right:0;z-index:999999} |
| 5 |
.vbox-share,.vbox-title{line-height:1;position:fixed;z-index:98;text-align:center;margin:0 auto;color:var(--vbox-tools-color)} |
| 6 |
.vbox-title{font-size:12px;background-color:var(--vbox-title-background);width:var(--vbox-title-width);border-radius:var(--vbox-title-radius);padding:12px 54px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block} |
| 7 |
.vbox-share{font-size:24px;padding:0 .35em;background-color:var(--vbox-share-background);width:var(--vbox-share-width);border-radius:var(--vbox-share-radius)} |
| 8 |
.vbox-link-btn,button.vbox-link-btn,button.vbox-link-btn:active,button.vbox-link-btn:focus,button.vbox-link-btn:hover{border:none!important;background:0 0!important;box-shadow:none!important;color:inherit!important;padding:6px 12px;outline:0;display:inline-block;cursor:pointer} |
| 9 |
.vbox-share a{color:inherit!important;padding:6px 12px;display:inline-block} |
| 10 |
.vbox-share svg{z-index:10;vertical-align:middle} |
| 11 |
.vbox-close{cursor:pointer;position:fixed;top:0;right:0;z-index:99;padding:6px 15px;color:#000;color:var(--vbox-tools-color);border:0;font-size:24px;display:flex;align-items:center;opacity:.8;transition:opacity .2s} |
| 12 |
.vbox-close:hover{opacity:1} |
| 13 |
.vbox-left-corner{cursor:pointer;position:fixed;left:0;top:0;overflow:hidden;line-height:1;font-size:12px;z-index:99;display:flex;align-items:center;color:var(--vbox-tools-color)} |
| 14 |
.vbox-num{display:inline-block;padding:12px 15px} |
| 15 |
.vbox-left{left:0} |
| 16 |
.vbox-right{right:0} |
| 17 |
.vbox-top{top:0} |
| 18 |
.vbox-bottom{bottom:0} |
| 19 |
.vbox-next,.vbox-prev{position:fixed;top:50%;margin-top:-15px;overflow:hidden;cursor:pointer;display:block;width:45px;height:45px;z-index:99;opacity:.8;transition:opacity .2s} |
| 20 |
.vbox-next:hover,.vbox-prev:hover{opacity:1} |
| 21 |
.vbox-next span,.vbox-prev span{position:relative;width:20px;height:20px;border:2px solid transparent;border-top-color:var(--vbox-tools-color);border-right-color:var(--vbox-tools-color);text-indent:-100px;position:absolute;top:8px;display:block} |
| 22 |
.vbox-prev{left:15px} |
| 23 |
.vbox-next{right:15px} |
| 24 |
.vbox-prev span{left:10px;-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg)} |
| 25 |
.vbox-next span{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);right:10px} |
| 26 |
.vbox-inline,.venoratio{position:relative;width:100%;margin:0 auto} |
| 27 |
.venoratio::before{display:block;padding-top:var(--vb-aspect-ratio);content:""} |
| 28 |
.venoratio>*{position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--vbox-padding)} |
| 29 |
.venoratio-1x1{--vb-aspect-ratio:100%} |
| 30 |
.venoratio-4x3{--vb-aspect-ratio:calc(3 / 4 * 100%)} |
| 31 |
.venoratio-16x9{--vb-aspect-ratio:calc(9 / 16 * 100%)} |
| 32 |
.venoratio-21x9{--vb-aspect-ratio:calc(9 / 21 * 100%)} |
| 33 |
.venoratio-full{--vb-aspect-ratio:calc(100vh - 100px)} |
| 34 |
.vbox-child.vbox-inline,.vbox-child.venoratio{max-width:100%} |
| 35 |
.vbox-open{overflow:hidden} |
| 36 |
.vbox-container{position:absolute;left:0;right:0;top:0;bottom:0;overflow-x:hidden;overflow-y:scroll;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;z-index:20;max-height:100%;padding:30px 0} |
| 37 |
.vbox-content{opacity:0} |
| 38 |
.vbox-content{text-align:center;width:100%;position:relative;overflow:hidden;padding:20px 4%;display:flex;align-items:center;justify-content:center;min-height:100%} |
| 39 |
.vbox-container img{max-width:100%;height:auto} |
| 40 |
.vbox-child{box-shadow:0 0 12px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);max-width:100%;text-align:initial;padding:var(--vbox-padding)} |
| 41 |
.vbox-child img{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;display:block} |
| 42 |
.vbox-grab .vbox-child img{cursor:grab} |
| 43 |
.vbox-child>iframe{border:none!important} |
| 44 |
.vbox-content.swipe-left{margin-left:-200px!important} |
| 45 |
.vbox-content.swipe-right{margin-left:200px!important} |
| 46 |
.vbox-preloader{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)} |
| 47 |
.vbox-preloader .vbox-preloader-inner{opacity:1;transition:opacity .2s} |
| 48 |
.vbox-hidden{display:none} |
| 49 |
.vbox-preloader.vbox-hidden .vbox-preloader-inner{opacity:0} |
| 50 |
.vbox-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:translateZ(-1px);-moz-transform:translateZ(-1px);-o-transform:translateZ(-1px);transform:translateZ(-1px);z-index:0} |
| 51 |
.vbox-tooltip{position:relative;display:inline-block} |
| 52 |
.vbox-tooltip .vbox-tooltip-text{visibility:hidden;color:#fff;text-align:center;padding:0;position:absolute;z-index:1;bottom:100%;left:0;opacity:0;transition:opacity .3s;margin-bottom:2px;font-family:sans-serif} |
| 53 |
.vbox-top .vbox-tooltip .vbox-tooltip-text{bottom:auto;top:100%;margin-bottom:0;margin-top:2px} |
| 54 |
.vbox-tooltip-inner{padding:5px 10px;background-color:rgba(0,0,0,.9);border-radius:6px;font-size:10px} |
| 55 |
.vbox-tooltip:hover .vbox-tooltip-text{visibility:visible;opacity:1} |
| 56 |
.vbox-overlay{--sk-size:40px;--sk-color:#333} |
| 57 |
.sk-center{margin:auto} |
| 58 |
.sk-plane{width:var(--sk-size);height:var(--sk-size);background-color:var(--sk-color);animation:sk-plane 1.2s infinite ease-in-out} |
| 59 |
@keyframes sk-plane{ |
| 60 |
0%{transform:perspective(120px) rotateX(0) rotateY(0)} |
| 61 |
50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)} |
| 62 |
100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)} |
| 63 |
} |
| 64 |
.sk-chase{width:var(--sk-size);height:var(--sk-size);position:relative;animation:sk-chase 2.5s infinite linear both} |
| 65 |
.sk-chase-dot{width:100%;height:100%;position:absolute;left:0;top:0;animation:sk-chase-dot 2s infinite ease-in-out both} |
| 66 |
.sk-chase-dot:before{content:'';display:block;width:25%;height:25%;background-color:var(--sk-color);border-radius:100%;animation:sk-chase-dot-before 2s infinite ease-in-out both} |
| 67 |
.sk-chase-dot:nth-child(1){animation-delay:-1.1s} |
| 68 |
.sk-chase-dot:nth-child(2){animation-delay:-1s} |
| 69 |
.sk-chase-dot:nth-child(3){animation-delay:-.9s} |
| 70 |
.sk-chase-dot:nth-child(4){animation-delay:-.8s} |
| 71 |
.sk-chase-dot:nth-child(5){animation-delay:-.7s} |
| 72 |
.sk-chase-dot:nth-child(6){animation-delay:-.6s} |
| 73 |
.sk-chase-dot:nth-child(1):before{animation-delay:-1.1s} |
| 74 |
.sk-chase-dot:nth-child(2):before{animation-delay:-1s} |
| 75 |
.sk-chase-dot:nth-child(3):before{animation-delay:-.9s} |
| 76 |
.sk-chase-dot:nth-child(4):before{animation-delay:-.8s} |
| 77 |
.sk-chase-dot:nth-child(5):before{animation-delay:-.7s} |
| 78 |
.sk-chase-dot:nth-child(6):before{animation-delay:-.6s} |
| 79 |
@keyframes sk-chase{ |
| 80 |
100%{transform:rotate(360deg)} |
| 81 |
} |
| 82 |
@keyframes sk-chase-dot{ |
| 83 |
100%,80%{transform:rotate(360deg)} |
| 84 |
} |
| 85 |
@keyframes sk-chase-dot-before{ |
| 86 |
50%{transform:scale(.4)} |
| 87 |
0%,100%{transform:scale(1)} |
| 88 |
} |
| 89 |
.sk-bounce{width:var(--sk-size);height:var(--sk-size);position:relative} |
| 90 |
.sk-bounce-dot{width:100%;height:100%;border-radius:50%;background-color:var(--sk-color);opacity:.6;position:absolute;top:0;left:0;animation:sk-bounce 2s infinite cubic-bezier(.455,.03,.515,.955)} |
| 91 |
.sk-bounce-dot:nth-child(2){animation-delay:-1s} |
| 92 |
@keyframes sk-bounce{ |
| 93 |
0%,100%{transform:scale(0)} |
| 94 |
45%,55%{transform:scale(1)} |
| 95 |
} |
| 96 |
.sk-wave{width:var(--sk-size);height:var(--sk-size);display:flex;justify-content:space-between} |
| 97 |
.sk-wave-rect{background-color:var(--sk-color);height:100%;width:15%;animation:sk-wave 1.2s infinite ease-in-out} |
| 98 |
.sk-wave-rect:nth-child(1){animation-delay:-1.2s} |
| 99 |
.sk-wave-rect:nth-child(2){animation-delay:-1.1s} |
| 100 |
.sk-wave-rect:nth-child(3){animation-delay:-1s} |
| 101 |
.sk-wave-rect:nth-child(4){animation-delay:-.9s} |
| 102 |
.sk-wave-rect:nth-child(5){animation-delay:-.8s} |
| 103 |
@keyframes sk-wave{ |
| 104 |
0%,100%,40%{transform:scaleY(.4)} |
| 105 |
20%{transform:scaleY(1)} |
| 106 |
} |
| 107 |
.sk-pulse{width:var(--sk-size);height:var(--sk-size);background-color:var(--sk-color);border-radius:100%;animation:sk-pulse 1.2s infinite cubic-bezier(.455,.03,.515,.955)} |
| 108 |
@keyframes sk-pulse{ |
| 109 |
0%{transform:scale(0)} |
| 110 |
100%{transform:scale(1);opacity:0} |
| 111 |
} |
| 112 |
.sk-flow{width:calc(var(--sk-size) * 1.3);height:calc(var(--sk-size) * 1.3);display:flex;justify-content:space-between} |
| 113 |
.sk-flow-dot{width:25%;height:25%;background-color:var(--sk-color);border-radius:50%;animation:sk-flow 1.4s cubic-bezier(.455,.03,.515,.955) 0s infinite both} |
| 114 |
.sk-flow-dot:nth-child(1){animation-delay:-.3s} |
| 115 |
.sk-flow-dot:nth-child(2){animation-delay:-.15s} |
| 116 |
@keyframes sk-flow{ |
| 117 |
0%,100%,80%{transform:scale(.3)} |
| 118 |
40%{transform:scale(1)} |
| 119 |
} |
| 120 |
.sk-swing{width:var(--sk-size);height:var(--sk-size);position:relative;animation:sk-swing 1.8s infinite linear} |
| 121 |
.sk-swing-dot{width:45%;height:45%;position:absolute;top:0;left:0;right:0;margin:auto;background-color:var(--sk-color);border-radius:100%;animation:sk-swing-dot 2s infinite ease-in-out} |
| 122 |
.sk-swing-dot:nth-child(2){top:auto;bottom:0;animation-delay:-1s} |
| 123 |
@keyframes sk-swing{ |
| 124 |
100%{transform:rotate(360deg)} |
| 125 |
} |
| 126 |
@keyframes sk-swing-dot{ |
| 127 |
0%,100%{transform:scale(.2)} |
| 128 |
50%{transform:scale(1)} |
| 129 |
} |
| 130 |
.sk-circle{width:var(--sk-size);height:var(--sk-size);position:relative} |
| 131 |
.sk-circle-dot{width:100%;height:100%;position:absolute;left:0;top:0} |
| 132 |
.sk-circle-dot:before{content:'';display:block;width:15%;height:15%;background-color:var(--sk-color);border-radius:100%;animation:sk-circle 1.2s infinite ease-in-out both} |
| 133 |
.sk-circle-dot:nth-child(1){transform:rotate(30deg)} |
| 134 |
.sk-circle-dot:nth-child(2){transform:rotate(60deg)} |
| 135 |
.sk-circle-dot:nth-child(3){transform:rotate(90deg)} |
| 136 |
.sk-circle-dot:nth-child(4){transform:rotate(120deg)} |
| 137 |
.sk-circle-dot:nth-child(5){transform:rotate(150deg)} |
| 138 |
.sk-circle-dot:nth-child(6){transform:rotate(180deg)} |
| 139 |
.sk-circle-dot:nth-child(7){transform:rotate(210deg)} |
| 140 |
.sk-circle-dot:nth-child(8){transform:rotate(240deg)} |
| 141 |
.sk-circle-dot:nth-child(9){transform:rotate(270deg)} |
| 142 |
.sk-circle-dot:nth-child(10){transform:rotate(300deg)} |
| 143 |
.sk-circle-dot:nth-child(11){transform:rotate(330deg)} |
| 144 |
.sk-circle-dot:nth-child(1):before{animation-delay:-1.1s} |
| 145 |
.sk-circle-dot:nth-child(2):before{animation-delay:-1s} |
| 146 |
.sk-circle-dot:nth-child(3):before{animation-delay:-.9s} |
| 147 |
.sk-circle-dot:nth-child(4):before{animation-delay:-.8s} |
| 148 |
.sk-circle-dot:nth-child(5):before{animation-delay:-.7s} |
| 149 |
.sk-circle-dot:nth-child(6):before{animation-delay:-.6s} |
| 150 |
.sk-circle-dot:nth-child(7):before{animation-delay:-.5s} |
| 151 |
.sk-circle-dot:nth-child(8):before{animation-delay:-.4s} |
| 152 |
.sk-circle-dot:nth-child(9):before{animation-delay:-.3s} |
| 153 |
.sk-circle-dot:nth-child(10):before{animation-delay:-.2s} |
| 154 |
.sk-circle-dot:nth-child(11):before{animation-delay:-.1s} |
| 155 |
@keyframes sk-circle{ |
| 156 |
0%,100%,80%{transform:scale(0)} |
| 157 |
40%{transform:scale(1)} |
| 158 |
} |
| 159 |
.sk-circle-fade{width:var(--sk-size);height:var(--sk-size);position:relative} |
| 160 |
.sk-circle-fade-dot{width:100%;height:100%;position:absolute;left:0;top:0} |
| 161 |
.sk-circle-fade-dot:before{content:'';display:block;width:15%;height:15%;background-color:var(--sk-color);border-radius:100%;animation:sk-circle-fade 1.2s infinite ease-in-out both} |
| 162 |
.sk-circle-fade-dot:nth-child(1){transform:rotate(30deg)} |
| 163 |
.sk-circle-fade-dot:nth-child(2){transform:rotate(60deg)} |
| 164 |
.sk-circle-fade-dot:nth-child(3){transform:rotate(90deg)} |
| 165 |
.sk-circle-fade-dot:nth-child(4){transform:rotate(120deg)} |
| 166 |
.sk-circle-fade-dot:nth-child(5){transform:rotate(150deg)} |
| 167 |
.sk-circle-fade-dot:nth-child(6){transform:rotate(180deg)} |
| 168 |
.sk-circle-fade-dot:nth-child(7){transform:rotate(210deg)} |
| 169 |
.sk-circle-fade-dot:nth-child(8){transform:rotate(240deg)} |
| 170 |
.sk-circle-fade-dot:nth-child(9){transform:rotate(270deg)} |
| 171 |
.sk-circle-fade-dot:nth-child(10){transform:rotate(300deg)} |
| 172 |
.sk-circle-fade-dot:nth-child(11){transform:rotate(330deg)} |
| 173 |
.sk-circle-fade-dot:nth-child(1):before{animation-delay:-1.1s} |
| 174 |
.sk-circle-fade-dot:nth-child(2):before{animation-delay:-1s} |
| 175 |
.sk-circle-fade-dot:nth-child(3):before{animation-delay:-.9s} |
| 176 |
.sk-circle-fade-dot:nth-child(4):before{animation-delay:-.8s} |
| 177 |
.sk-circle-fade-dot:nth-child(5):before{animation-delay:-.7s} |
| 178 |
.sk-circle-fade-dot:nth-child(6):before{animation-delay:-.6s} |
| 179 |
.sk-circle-fade-dot:nth-child(7):before{animation-delay:-.5s} |
| 180 |
.sk-circle-fade-dot:nth-child(8):before{animation-delay:-.4s} |
| 181 |
.sk-circle-fade-dot:nth-child(9):before{animation-delay:-.3s} |
| 182 |
.sk-circle-fade-dot:nth-child(10):before{animation-delay:-.2s} |
| 183 |
.sk-circle-fade-dot:nth-child(11):before{animation-delay:-.1s} |
| 184 |
@keyframes sk-circle-fade{ |
| 185 |
0%,100%,39%{opacity:0;transform:scale(.6)} |
| 186 |
40%{opacity:1;transform:scale(1)} |
| 187 |
} |
| 188 |
.sk-grid{width:var(--sk-size);height:var(--sk-size)} |
| 189 |
.sk-grid-cube{width:33.33%;height:33.33%;background-color:var(--sk-color);float:left;animation:sk-grid 1.3s infinite ease-in-out} |
| 190 |
.sk-grid-cube:nth-child(1){animation-delay:.2s} |
| 191 |
.sk-grid-cube:nth-child(2){animation-delay:.3s} |
| 192 |
.sk-grid-cube:nth-child(3){animation-delay:.4s} |
| 193 |
.sk-grid-cube:nth-child(4){animation-delay:.1s} |
| 194 |
.sk-grid-cube:nth-child(5){animation-delay:.2s} |
| 195 |
.sk-grid-cube:nth-child(6){animation-delay:.3s} |
| 196 |
.sk-grid-cube:nth-child(7){animation-delay:0s} |
| 197 |
.sk-grid-cube:nth-child(8){animation-delay:.1s} |
| 198 |
.sk-grid-cube:nth-child(9){animation-delay:.2s} |
| 199 |
@keyframes sk-grid{ |
| 200 |
0%,100%,70%{transform:scale3D(1,1,1)} |
| 201 |
35%{transform:scale3D(0,0,1)} |
| 202 |
} |
| 203 |
.sk-fold{width:var(--sk-size);height:var(--sk-size);position:relative;transform:rotateZ(45deg)} |
| 204 |
.sk-fold-cube{float:left;width:50%;height:50%;position:relative;transform:scale(1.1)} |
| 205 |
.sk-fold-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--sk-color);animation:sk-fold 2.4s infinite linear both;transform-origin:100% 100%} |
| 206 |
.sk-fold-cube:nth-child(2){transform:scale(1.1) rotateZ(90deg)} |
| 207 |
.sk-fold-cube:nth-child(4){transform:scale(1.1) rotateZ(180deg)} |
| 208 |
.sk-fold-cube:nth-child(3){transform:scale(1.1) rotateZ(270deg)} |
| 209 |
.sk-fold-cube:nth-child(2):before{animation-delay:.3s} |
| 210 |
.sk-fold-cube:nth-child(4):before{animation-delay:.6s} |
| 211 |
.sk-fold-cube:nth-child(3):before{animation-delay:.9s} |
| 212 |
@keyframes sk-fold{ |
| 213 |
0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0} |
| 214 |
25%,75%{transform:perspective(140px) rotateX(0);opacity:1} |
| 215 |
100%,90%{transform:perspective(140px) rotateY(180deg);opacity:0} |
| 216 |
} |
| 217 |
.sk-wander{width:var(--sk-size);height:var(--sk-size);position:relative} |
| 218 |
.sk-wander-cube{background-color:var(--sk-color);width:20%;height:20%;position:absolute;top:0;left:0;--sk-wander-distance:calc(var(--sk-size) * 0.75);animation:sk-wander 2s ease-in-out -2s infinite both} |
| 219 |
.sk-wander-cube:nth-child(2){animation-delay:-.5s} |
| 220 |
.sk-wander-cube:nth-child(3){animation-delay:-1s} |
| 221 |
@keyframes sk-wander{ |
| 222 |
0%{transform:rotate(0)} |
| 223 |
25%{transform:translateX(var(--sk-wander-distance)) rotate(-90deg) scale(.6)} |
| 224 |
50%{transform:translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-179deg)} |
| 225 |
50.1%{transform:translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-180deg)} |
| 226 |
75%{transform:translateX(0) translateY(var(--sk-wander-distance)) rotate(-270deg) scale(.6)} |
| 227 |
100%{transform:rotate(-360deg)} |
| 228 |
} |
| 229 |
|
