/* @tailwind base; */
/* @tailwind components; */
/* @tailwind utilities; */

[x-cloak] {
    display: none;
}
.animated{animation-duration:.5s;animation-fill-mode:both}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(20%,0,0)}to{opacity:1;transform:translateZ(0)}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}.fadeInDown{animation-name:fadeInDown}.vcp-layer{position:absolute;top:0;bottom:0;right:0;left:0;color:#fff;font-weight:400}.vcp-layer div,.vcp-layer svg{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vcp-icon{display:inline-block}.vue-core-video-player-control{margin-right:10px;font-size:13px;color:#fff}.btn-control-panel{position:absolute;left:50%;bottom:54px;padding:20px;min-height:30px;box-sizing:border-box;transform:translateX(-50%);background-color:rgba(0,0,0,.7);border-radius:4px;font-weight:500}.btn-control-panel li,.btn-control-panel ul{margin:0;padding:0;text-align:center}.btn-control-panel ul li{list-style:none;height:30px;line-height:30px;display:flex;align-items:center;text-align:left}.btn-control-panel ul li .item-name{flex:1;align-self:flex-start}.btn-control-panel ul li .item-control{display:flex;flex:1;text-align:right;line-height:30px;align-items:center;justify-content:flex-end;cursor:pointer}.btn-control{position:relative;display:flex;justify-content:center;align-items:center;width:30px;height:30px;cursor:pointer}.btn-control:focus{background:none;outline-style:none}.btn-control .tips{display:none;position:absolute;min-width:30px;padding:4px;border-radius:2px;bottom:54px;left:50%;transform:translateX(-50%);font-size:12px;font-weight:700;color:hsla(0,0%,100%,.7);background-color:rgba(0,0,0,.7);text-align:center;line-height:1.2;word-break:keep-all;word-wrap:no-wrap;white-space:nowrap;opacity:0;transition:opacity .15s ease-in}.btn-control svg{opacity:.85;transition:opacity .1s ease}.btn-control:hover svg{opacity:1}.btn-control:hover .tips{display:block;opacity:1}.vcp-progress-hover{position:absolute;bottom:100%;left:0;height:12px;width:100%;cursor:pointer}.vcp-progress-hover .vcp-progress{position:absolute;bottom:0;left:0;height:4px;width:100%;background-color:hsla(0,0%,100%,.3);transition:height .2s ease .05s}.vcp-progress-hover:hover .vcp-progress .thumb-drag{opacity:1}.vcp-progress-loaded,.vcp-progress-played{position:absolute;top:0;left:0;width:0;height:100%;background-color:hsla(0,0%,100%,.7)}.vcp-progress-loaded{transition:width .1s cubic-bezier(.4,0,1,1)}.vcp-progtess-preview{position:absolute;left:0;bottom:calc(100% + 8px);height:20px;background-color:transparent}.vcp-progtess-preview .preview-time{position:absolute;right:0;top:0;padding:4px;color:#fff;font-size:12px;line-height:1;border-radius:2px;transform:translateX(50%);background-color:rgba(0,0,0,.7)}.vcp-progress-played{width:0;background-color:#ff6060}.vcp-progress-played .thumb-drag{opacity:0;position:absolute;right:0;top:50%;width:12px;height:12px;border-radius:50%;background-color:#fff;transform:translateY(-50%) translateX(50%);transition:height .05s ease .15s}.vcp-progress-played .thumb-drag:before{content:"";display:inline-block;position:absolute;top:-2px;left:-2px;width:16px;height:16px;border-radius:50%;background-color:hsla(0,0%,100%,.3)}.vcp-m-dashboard .vcp-progress-hover{bottom:100%}.vcp-m-dashboard .vcp-progress-hover .vcp-progress{height:3px}.vcp-m-dashboard .vcp-progress-hover .vcp-progress-played .thumb-drag{background-color:#ff6060}.vcp-m-dashboard .vcp-progress-hover .vcp-progress-played .thumb-drag:before{background-color:#ff6060;opacity:.25}.vue-core-video-player-control .btn-pause{margin-left:10px}.vue-core-video-player-control .btn-pause svg{width:15px}.vue-core-video-player-control .btn-play{margin-left:10px}.vue-core-video-player-control .btn-play svg{width:16px}.vue-core-video-player-control.timespan{line-height:30px;width:140px;font-family:Arial!important}.vue-core-video-player-control{display:inline-block;position:relative;width:30px;height:30px}.vue-core-video-player-control svg{width:20px}.volume-control:hover .btn-control-panel{display:block}.volume-control .btn-control-panel{display:none;width:40px;height:150px}.volume-control .btn-control-panel:before{content:"";display:block;position:absolute;bottom:-30px;left:0;width:100%;height:35px}.volume-control .btn-control-panel .progress{position:absolute;width:4px;height:100px;left:50%;top:50%;margin-left:-2px;margin-top:-50px;background-color:hsla(0,0%,100%,.7);cursor:pointer}.volume-control .btn-control-panel .progress .volume-current{position:absolute;bottom:0;left:0;height:0;width:100%;background-color:#ff6060}.volume-control .btn-control-panel .progress .volume-current .thumb-drag{opacity:0;position:absolute;left:50%;top:0;width:10px;height:10px;border-radius:5px;background-color:#fff;transform:translateY(-50%) translateX(-50%);transition:height .05s ease .15s}.volume-control .btn-control-panel .progress .volume-current .thumb-drag:before{content:"";display:inline-block;position:absolute;top:-2px;left:-2px;width:14px;height:14px;border-radius:7px;background-color:hsla(0,0%,100%,.3)}.volume-control .btn-control-panel .progress:hover .thumb-drag{opacity:1}.volume-control .btn-control-panel .volume-info{position:absolute;top:-30px;left:0;width:40px;height:20px;background-color:rgba(0,0,0,.7);border-radius:4px;font-size:12px;line-height:20px}.settings-open .volume-control:hover .btn-control-panel{display:none}.vue-core-video-player-control .btn-fullscreen svg{width:20px}.vcp-switch{display:inline-block;position:relative;width:40px;height:16px;border-radius:8px;background-color:#fff;cursor:pointer}.vcp-switch:after{content:"";display:inline-block;position:absolute;top:1px;left:2px;width:14px;height:14px;border-radius:7px;background-color:#ff6060;transition:all .2s ease-in .05s}.vcp-switch.open:after{left:23px;background-color:#60ff60}.settings-control .btn-mute{display:none}.settings-control .btn-settings svg{width:24px;margin-top:-2px}.settings-control .btn-control-panel{display:block;right:0;left:auto;min-height:130px;transform:translateX(0)}.settings-control .btn-control-panel .current-panel{width:180px}.settings-control .btn-control-panel .resolution-list,.settings-control .btn-control-panel .speed-list{width:80px}.settings-control .btn-control-panel .resolution-list li,.settings-control .btn-control-panel .speed-list li{cursor:pointer}.settings-control .btn-control-panel .resolution-list li:first-child,.settings-control .btn-control-panel .speed-list li:first-child{margin-left:-20px;cursor:pointer}.vcp-m-dashboard .settings-control .btn-control-panel{z-index:20000;position:fixed;left:0;right:0;bottom:0}.vcp-m-dashboard .settings-control .btn-control-panel .current-panel{width:100%}.vcp-m-dashboard .settings-control .btn-control-panel .resolution-list,.vcp-m-dashboard .settings-control .btn-control-panel .speed-list{margin-left:20px}.vue-core-video-player-control .btn-pip svg{width:22px}.vcp-dashboard{z-index:12;position:absolute;left:0;bottom:0;width:calc(100% - 40px);margin-left:20px;height:59px;background:rgba(0,0,0,.2)}.fullscreen .vcp-dashboard{bottom:60px}.small .vcp-dashboard{height:49px}.settings-open .vcp-dashboard{display:block!important}.small .vcp-dashboard .vcp-controls{height:40px}.vcp-controls{z-index:10;position:absolute;left:0;bottom:5px;width:100%;height:50px;text-align:left}.playback-control,.setting-control{display:flex;position:absolute;top:0;height:100%;text-align:center;justify-content:center;align-items:center}.playback-control{left:0}.setting-control{right:0}.vcp-m-dashboard{z-index:12;position:absolute;left:0;bottom:0;width:calc(100% - 20px);margin-left:10px;height:49px;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.fullscreen .vcp-m-dashboard{bottom:12px}.small .vcp-m-dashboard{height:39px}.settings-open .vcp-m-dashboard{display:block!important}.small .vcp-m-dashboard .vcp-controls{height:30px}.title-layer{z-index:13;text-align:left}.title-layer .video-title{position:absolute;top:0;left:0;right:0;padding:8px 16px;line-height:32px;font-size:16px;font-weight:700;background-image:linear-gradient(180deg,rgba(0,0,0,.4),transparent)}.logo-layer{z-index:13;text-align:left}.logo-layer .logo-wrap{position:absolute;top:15px;right:15px;opacity:.8;text-align:right}.logo-layer .logo-wrap img{max-width:160px;height:48px}.play-pause-layer{z-index:13;background:transparent}.play-pause-layer .btn-control{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;width:60px;height:60px;margin-left:-30px;margin-top:-30px;background-color:#fff;border-radius:30px}.play-pause-layer .btn-control:before{content:"";display:block;position:absolute;top:50%;left:50%;width:72px;height:72px;margin-left:-36px;margin-top:-36px;border-radius:36px;background-color:hsla(0,0%,100%,.25)}.play-pause-layer .btn-control .btn-play{margin-left:10px}.play-pause-layer .mobile{width:40px;height:40px;margin-left:-20px;margin-top:-20px;border-radius:20px}.play-pause-layer .mobile:before{width:48px;height:48px;margin-left:-24px;margin-top:-24px;border-radius:24px}.play-pause-layer .mobile .btn-play{margin-left:7px}.cover-layer{z-index:11;background-color:#333}.cover-layer img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.loading-layer{z-index:16;background-color:#333}.loading-layer .loading-wrap{position:absolute;left:50%;top:50%;width:120px;height:80px;margin-top:-40px;margin-left:-60px;text-align:center}.loading-layer .h5-layer-loading{position:relative;width:40px;height:40px;margin:0 auto}.loading-layer .h5-layer-loading .spinner{backface-visibility:hidden;-webkit-backface-visibility:hidden;animation:rotator 1.4s linear infinite}.loading-layer .h5-layer-loading p{padding-top:20px}@keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(270deg)}}.loading-layer .h5-layer-loading .path{stroke-dasharray:188.8;stroke-dashoffset:188.8;transform-origin:center;animation:dash 1.4s ease-in-out infinite}.loading-layer .h5-layer-loading .dot1{stroke-dasharray:188.8;stroke-dashoffset:187.8;transform-origin:center;animation:dot1a 1.4s ease-in-out infinite}.loading-layer .h5-layer-loading .dot2{stroke-dasharray:188.8;stroke-dashoffset:187.8;transform-origin:center;animation:dot2a 1.4s ease-in-out infinite forwards}@keyframes dash{0%{stroke-dashoffset:188.8}50%{stroke-dashoffset:188.8/4;transform:rotate(135deg)}to{stroke-dashoffset:188.8;transform:rotate(450deg)}}@keyframes dot1a{0%{stroke-dashoffset:188.8;transform:rotate(0)}50%{stroke-dashoffset:187.8;transform:rotate(135deg)}to{stroke-dashoffset:188.8;transform:rotate(450deg)}}@keyframes dot2a{0%{stroke-dashoffset:188.8;transform:rotate(0deg)}50%{stroke-dashoffset:187.8;transform:rotate(415deg)}to{stroke-dashoffset:188.8;transform:rotate(450deg)}}.error-layer{z-index:14;display:flex;justify-content:center;align-items:center;flex-direction:column;background-repeat:repeat;text-align:center}.error-layer .error-msg-wrap{border-radius:10px;padding:10px;background-color:rgba(0,0,0,.5647058823529412)}.error-layer .error-msg{font-weight:700;color:#fff}.barrage-layer{z-index:12;position:absolute;left:0;top:0;width:100%;height:100%}.barrage-layer *{margin:0;padding:0}.barrage-layer .barrage-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.barrage-layer .barrage-wrapper .barrage-container{position:absolute;width:100%;height:100%;left:0;top:0;right:0;bottom:0}.barrage-layer .barrage-wrapper .barrage-container .barrage-item{z-index:1;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:pre}.barrage-layer .barrage-wrapper .barrage-container .barrage-item .item-avatar{position:relative;border-radius:50%;margin-left:5px;margin-right:5px;overflow:hidden}.barrage-layer .barrage-wrapper .barrage-container .barrage-item .item-avatar img,.barrage-layer .barrage-wrapper .barrage-container .barrage-item .item-avatar svg{position:absolute;-o-object-fit:cover;object-fit:cover;left:0;top:0}.barrage-layer .barrage-wrapper .barrage-container .barrage-item .item-content{display:block;color:#fff;font-family:SimHei,Microsoft Yahei,Arial,Helvetica,sans-serif;line-height:1;text-shadow:.5px .5px .5px rgba(0,0,0,.5)}.self-item{z-index:2;border:1px solid #87ceeb;box-sizing:border-box}.left-item{left:0;transform:translate3d(-100%,0,0)}.left-item,.right-item{position:absolute;padding:2px 5px;will-change:transform}.right-item{right:0;transform:translate3d(100%,0,0)}.bottom-item,.top-item{position:absolute;padding:2px 0;width:100%;left:0;justify-content:center;text-align:center;animation:barrage-center 4s linear;will-change:visibility}@keyframes barrage-left-safari{0%{transform:translate3d(-100%,0,0) rotate(.1deg)}}@keyframes barrage-right-safari{0%{transform:translate3d(100%,0,0) rotate(.1deg)}}@keyframes barrage-left{0%{transform:translate3d(-100%,0,0)}}@keyframes barrage-right{0%{transform:translate3d(100%,0,0)}}@keyframes barrage-center{0%{visibility:visible}to{visibility:hidden}}.ani-pause div{animation-play-state:paused!important}.ani-running div{animation-play-state:running!important}.fullscreen .right-item{animation:barrage-right 8s linear}.vue-core-video-player-layers{z-index:11;position:absolute;left:0;bottom:0;width:100%;height:100%}.vcp-container{position:relative;margin:0 auto}.vcp-container,.vcp-container video{width:100%;height:100%;background-color:#000}.vcp-container video{display:block}/**
 * Default
 */
/**
 * Bulma
 */
/**
 * Bootstrap
 */
.vue-switcher {
  position: relative;
  display: inline-block;
}
.vue-switcher__label {
    display: block;
    font-size: 10px;
    margin-bottom: 5px;
}
.vue-switcher input {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    cursor: pointer;
}
.vue-switcher div {
    height: 15px;
    width: 36px;
    position: relative;
    border-radius: 30px;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    transition: linear .2s, background-color linear .2s;
}
.vue-switcher div:after {
      content: '';
      height: 20px;
      width: 20px;
      border-radius: 100px;
      display: block;
      transition: linear .15s, background-color linear .15s;
      position: absolute;
      left: 100%;
      margin-left: -18px;
      cursor: pointer;
      top: -3px;
      box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}
.vue-switcher--unchecked div {
    justify-content: flex-end;
}
.vue-switcher--unchecked div:after {
      left: 15px;
}
.vue-switcher--disabled div {
    opacity: .3;
}
.vue-switcher--disabled input {
    cursor: not-allowed;
}
.vue-switcher--bold div {
    top: -8px;
    height: 26px;
    width: 51px;
}
.vue-switcher--bold div:after {
      margin-left: -24px;
      top: 3px;
}
.vue-switcher--bold--unchecked div:after {
    left: 28px;
}
.vue-switcher--bold .vue-switcher__label span {
    padding-bottom: 7px;
    display: inline-block;
}
.vue-switcher-theme--default.vue-switcher-color--default div {
    background-color: #b7b7b7;
}
.vue-switcher-theme--default.vue-switcher-color--default div:after {
      background-color: #9d9d9d;
}
.vue-switcher-theme--default.vue-switcher-color--default.vue-switcher--unchecked div {
    background-color: #aaa;
}
.vue-switcher-theme--default.vue-switcher-color--default.vue-switcher--unchecked div:after {
      background-color: #c4c4c4;
}
.vue-switcher-theme--default.vue-switcher-color--blue div {
    background-color: #77b0c8;
}
.vue-switcher-theme--default.vue-switcher-color--blue div:after {
      background-color: #539bb9;
}
.vue-switcher-theme--default.vue-switcher-color--blue.vue-switcher--unchecked div {
    background-color: #c0dae5;
}
.vue-switcher-theme--default.vue-switcher-color--blue.vue-switcher--unchecked div:after {
      background-color: #77b0c8;
}
.vue-switcher-theme--default.vue-switcher-color--red div {
    background-color: #c87777;
}
.vue-switcher-theme--default.vue-switcher-color--red div:after {
      background-color: #b95353;
}
.vue-switcher-theme--default.vue-switcher-color--red.vue-switcher--unchecked div {
    background-color: #e5c0c0;
}
.vue-switcher-theme--default.vue-switcher-color--red.vue-switcher--unchecked div:after {
      background-color: #c87777;
}
.vue-switcher-theme--default.vue-switcher-color--yellow div {
    background-color: #c9c377;
}
.vue-switcher-theme--default.vue-switcher-color--yellow div:after {
      background-color: #bab353;
}
.vue-switcher-theme--default.vue-switcher-color--yellow.vue-switcher--unchecked div {
    background-color: #e6e3c0;
}
.vue-switcher-theme--default.vue-switcher-color--yellow.vue-switcher--unchecked div:after {
      background-color: #c9c377;
}
.vue-switcher-theme--default.vue-switcher-color--orange div {
    background-color: #c89577;
}
.vue-switcher-theme--default.vue-switcher-color--orange div:after {
      background-color: #b97953;
}
.vue-switcher-theme--default.vue-switcher-color--orange.vue-switcher--unchecked div {
    background-color: #e5cec0;
}
.vue-switcher-theme--default.vue-switcher-color--orange.vue-switcher--unchecked div:after {
      background-color: #c89577;
}
.vue-switcher-theme--default.vue-switcher-color--green div {
    background-color: #77c88d;
}
.vue-switcher-theme--default.vue-switcher-color--green div:after {
      background-color: #53b96e;
}
.vue-switcher-theme--default.vue-switcher-color--green.vue-switcher--unchecked div {
    background-color: #c0e5ca;
}
.vue-switcher-theme--default.vue-switcher-color--green.vue-switcher--unchecked div:after {
      background-color: #77c88d;
}
.vue-switcher-theme--bulma.vue-switcher-color--default div {
    background-color: gainsboro;
}
.vue-switcher-theme--bulma.vue-switcher-color--default div:after {
      background-color: #f5f5f5;
}
.vue-switcher-theme--bulma.vue-switcher-color--default.vue-switcher--unchecked div {
    background-color: #e8e8e8;
}
.vue-switcher-theme--bulma.vue-switcher-color--default.vue-switcher--unchecked div:after {
      background-color: #f5f5f5;
}
.vue-switcher-theme--bulma.vue-switcher-color--primary div {
    background-color: #05ffda;
}
.vue-switcher-theme--bulma.vue-switcher-color--primary div:after {
      background-color: #00d1b2;
}
.vue-switcher-theme--bulma.vue-switcher-color--primary.vue-switcher--unchecked div {
    background-color: #6bffe9;
}
.vue-switcher-theme--bulma.vue-switcher-color--primary.vue-switcher--unchecked div:after {
      background-color: #05ffda;
}
.vue-switcher-theme--bulma.vue-switcher-color--blue div {
    background-color: #5e91e3;
}
.vue-switcher-theme--bulma.vue-switcher-color--blue div:after {
      background-color: #3273dc;
}
.vue-switcher-theme--bulma.vue-switcher-color--blue.vue-switcher--unchecked div {
    background-color: #b5ccf2;
}
.vue-switcher-theme--bulma.vue-switcher-color--blue.vue-switcher--unchecked div:after {
      background-color: #5e91e3;
}
.vue-switcher-theme--bulma.vue-switcher-color--red div {
    background-color: #ff6b89;
}
.vue-switcher-theme--bulma.vue-switcher-color--red div:after {
      background-color: #ff3860;
}
.vue-switcher-theme--bulma.vue-switcher-color--red.vue-switcher--unchecked div {
    background-color: #ffd1da;
}
.vue-switcher-theme--bulma.vue-switcher-color--red.vue-switcher--unchecked div:after {
      background-color: #ff6b89;
}
.vue-switcher-theme--bulma.vue-switcher-color--yellow div {
    background-color: #ffe78a;
}
.vue-switcher-theme--bulma.vue-switcher-color--yellow div:after {
      background-color: #ffdd57;
}
.vue-switcher-theme--bulma.vue-switcher-color--yellow.vue-switcher--unchecked div {
    background-color: #fffcf0;
}
.vue-switcher-theme--bulma.vue-switcher-color--yellow.vue-switcher--unchecked div:after {
      background-color: #ffe78a;
}
.vue-switcher-theme--bulma.vue-switcher-color--green div {
    background-color: #3dde75;
}
.vue-switcher-theme--bulma.vue-switcher-color--green div:after {
      background-color: #22c65b;
}
.vue-switcher-theme--bulma.vue-switcher-color--green.vue-switcher--unchecked div {
    background-color: #94edb3;
}
.vue-switcher-theme--bulma.vue-switcher-color--green.vue-switcher--unchecked div:after {
      background-color: #3dde75;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--default div {
    background-color: #e6e6e6;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--default div:after {
      background-color: #f0f0f0;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--default.vue-switcher--unchecked div {
    background-color: whitesmoke;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--default.vue-switcher--unchecked div:after {
      background-color: #f0f0f0;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--primary div {
    background-color: #4f93ce;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--primary div:after {
      background-color: #337ab7;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--primary.vue-switcher--unchecked div {
    background-color: #9fc4e4;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--primary.vue-switcher--unchecked div:after {
      background-color: #4f93ce;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--success div {
    background-color: #80c780;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--success div:after {
      background-color: #5cb85c;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--success.vue-switcher--unchecked div {
    background-color: #c7e6c7;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--success.vue-switcher--unchecked div:after {
      background-color: #80c780;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--info div {
    background-color: #85d0e7;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--info div:after {
      background-color: #5bc0de;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--info.vue-switcher--unchecked div {
    background-color: #daf1f8;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--info.vue-switcher--unchecked div:after {
      background-color: #85d0e7;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--warning div {
    background-color: #f4c37d;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--warning div:after {
      background-color: #f0ad4e;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--warning.vue-switcher--unchecked div {
    background-color: #fceedb;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--warning.vue-switcher--unchecked div:after {
      background-color: #f4c37d;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--danger div {
    background-color: #d9534f;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--danger div:after {
      background-color: #c9302c;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--danger.vue-switcher--unchecked div {
    background-color: #eba5a3;
}
.vue-switcher-theme--bootstrap.vue-switcher-color--danger.vue-switcher--unchecked div:after {
      background-color: #d9534f;
}

.ldd-container[data-v-d39aaf63] {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center
}
.ldd-item[data-v-d39aaf63] {
  flex: 0 1 auto;
  margin: 10px;
}
.ldd-item.max-w-30[data-v-d39aaf63] {
  max-width: 120px;
}
.relative[data-v-d39aaf63] {
  position: relative;
}
.remove-image[data-v-d39aaf63] {
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 100;
  background-color: white;
  color: red;
  border: none;
}
.remove-image[data-v-d39aaf63]:hover {
  background-color: red;
  color: white;
}
.clickable[data-v-d39aaf63] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgb(222, 222, 222, 0.6);
}
.dropping[data-v-d39aaf63] {
  background-color: rgb(222, 222, 222, 0.5);
}

.floating-menu .social-sharing .share-icon {
    top: 45px;
}
.floating-menu .social-sharing.branded_page .share-icon {
    top: 5px;
}
.floating-menu .social-sharing .share-panel {
    top: 67px;
}
.floating-menu .email-icon {
    top: 98px;
    right: 18px;
}
.profile {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background: url("/assets/tiles-background.jpg");
  background-size: cover;
}
.profile.mobile .home {
  padding-top: 40px !important;
}
.btn-multiple-state {
  position: relative;
  transition: opacity 500ms;
}
.btn-multiple-state .spinner,
.btn-multiple-state .icon {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  visibility: hidden;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 500ms;
  color: #fff;
}
.btn-multiple-state .icon i {
  vertical-align: text-bottom;
  font-size: 18px;
}
.btn-multiple-state .label {
  transition: opacity 500ms;
}
.btn-multiple-state.show-spinner .label {
  opacity: 0;
}
.btn-multiple-state.show-spinner .spinner {
  opacity: 1;
  visibility: visible;
}
.btn-multiple-state.show-success .label {
  opacity: 0;
}
.btn-multiple-state.show-success .icon.success {
  opacity: 1;
  visibility: visible;
}
.btn-multiple-state.show-fail .label {
  opacity: 0;
}
.btn-multiple-state.show-fail .icon.fail {
  opacity: 1;
  visibility: visible;
}
.btn-multiple-state.btn-primary:disabled {
  opacity: 1;
}
.btn-multiple-state.btn-secondary:disabled {
  opacity: 1;
}.floating-menu .icon[data-v-c3a13e79] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  position: absolute;
  z-index: 4001;
  border: thin solid #000;
  border-radius: 33px;
  cursor: pointer;
  background-color: #fefefe;
}
.floating-menu .blog-icon[data-v-c3a13e79] {
  position: absolute;
  top: 53px;
  right: 18px;
}
.floating-menu .blog-icon i[data-v-c3a13e79] {
  font-size: 16px;
}
.floating-menu .email-icon[data-v-c3a13e79] {
  position: absolute;
  top: 93px;
  right: 18px;
}
.floating-menu .email-icon i[data-v-c3a13e79] {
  font-size: 16px;
}
.floating-menu .social-sharing[data-v-c3a13e79] {
  position: absolute;
  top: 13px;
  right: 18px;
  z-index: 4001;
}
.floating-menu .social-sharing .share-icon[data-v-c3a13e79] {
  right: 0;
}
.floating-menu .social-sharing .share-icon i[data-v-c3a13e79] {
  font-size: 18px;
}
.floating-menu .social-sharing .share-panel[data-v-c3a13e79] {
  width: 120px;
  position: absolute;
  top: 32px;
  right: -138px;
  transition: right 0.3s ease;
  padding-top: 16px;
}
.floating-menu .social-sharing .share-panel .share-pannel-wrapper[data-v-c3a13e79] {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #f8f9fa;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  height: 100%;
  padding: 10px 10px 15px 10px;
}
.floating-menu .social-sharing .share-panel .share-pannel-wrapper h3[data-v-c3a13e79] {
  font-size: 16px;
}
.floating-menu .social-sharing .share-panel .share-pannel-wrapper .qr-code svg[data-v-c3a13e79] {
  left: 4px;
  position: relative;
  width: 88px;
  height: 88px;
}
.floating-menu .social-sharing .share-panel.open[data-v-c3a13e79] {
  right: -20px;
}
.social-icons[data-v-c3a13e79] {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 15px;
}
.social-icons .fa[data-v-c3a13e79] {
  padding: 10px;
  font-size: 20px;
  width: 40px;
  height: 40px;
  text-align: center;
  text-decoration: none;
  margin: 4px 4px;
  border-radius: 6px;
}
.social-icons .fa[data-v-c3a13e79]:hover {
  opacity: 0.7;
}
.social-icons .fa-facebook[data-v-c3a13e79] {
  background: #3B5998;
  color: white;
}
.social-icons .fa-twitterx[data-v-c3a13e79] {
  background: rgb(15, 20, 25);
  color: white;
}
.social-icons .fa-envelope[data-v-c3a13e79] {
  background: rgb(108, 159, 210);
  color: white;
}
.social-icons .fa-whatsapp[data-v-c3a13e79] {
  background: #25d366;
  color: white;
}
.social-icons .fa-twitter[data-v-c3a13e79] {
  background: #55ACEE;
  color: white;
}
.social-icons .fa-google[data-v-c3a13e79] {
  background: #dd4b39;
  color: white;
}
.social-icons .fa-linkedin[data-v-c3a13e79] {
  background: #007bb5;
  color: white;
}
.social-icons .fa-youtube[data-v-c3a13e79] {
  background: #bb0000;
  color: white;
}
.social-icons .fa-instagram[data-v-c3a13e79] {
  background: #125688;
  color: white;
}
.social-icons .fa-pinterest[data-v-c3a13e79] {
  background: #cb2027;
  color: white;
}
.social-icons .fa-link[data-v-c3a13e79] {
  rotate: 90deg;
  background: rgb(255, 255, 255);
  color: #000000;
  border: 1px solid #000;
}
.floating-menu .social-sharing .share-icon[data-v-c3a13e79] {
  top: 45px;
}
.floating-menu .social-sharing.branded_page .share-icon[data-v-c3a13e79] {
  top: 5px;
}
.floating-menu .social-sharing .share-panel[data-v-c3a13e79] {
  top: 67px;
}
.floating-menu .email-icon[data-v-c3a13e79] {
  top: 98px;
  right: 18px;
}
.simple-icon-home[data-v-c3a13e79] {
  font-size: 1.5em;
}
.blog-sharing-menu.sharing-menu[data-v-c3a13e79] {
  position: absolute !important;
  bottom: 100px !important;
  right: 10px !important;
}
.blog-sharing-menu.sharing-menu .email-icon[data-v-c3a13e79],
.blog-sharing-menu.sharing-menu .share-icon[data-v-c3a13e79] {
  position: relative !important;
  top: unset !important;
  right: unset !important;
  margin: 10px !important;
}
.blog-sharing-menu.sharing-menu .social-sharing[data-v-c3a13e79] {
  position: relative !important;
  top: unset !important;
  right: unset !important;
}
.blog-sharing-menu.sharing-menu .share-panel[data-v-c3a13e79] {
  top: unset !important;
  bottom: 40px !important;
}
.header-buttons a[data-v-c3a13e79] {
  font-family: "DM Serif Display", "Times New Roman", Times, serif;
  font-weight: bold;
  color: black;
  text-decoration: none;
}
.footer-buttons a[data-v-c3a13e79] {
  color: black;
  text-decoration: none;
  font-size: 0.8em !important;
}
.blog-footer[data-v-c3a13e79] {
  position: sticky;
  top: calc(100vh - 50px);
}
.blog_scroll[data-v-c3a13e79] {
  overflow-y: scroll !important;
  overflow-x: hidden !important;
  height: 100%;
}
@media (max-width: 575.98px) {
.footer-buttons a[data-v-c3a13e79] {
    font-size: 0.7em !important;
}
}