body {
  font-family: 'Roboto', sans-serif;
}
/* Modal styles */
.modal {
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6); /* Darker background */
}

.modal-content {
  background-color: #ffffff;
  margin: 15% auto;
  padding: 20px;
  border-radius: 10px; /* Rounded corners */
  width: 350px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* Subtle shadow */
  text-align: center; /* Centered text */
  font-family: Arial, sans-serif;
}

.modal-content h2 {
  font-size: 20px;
  color: #333;
  margin-bottom: 20px;
}

.modal-content button {
  background-color: #6200ea;
  color: #fff;
  border: none;
  padding: 10px 20px;
  margin: 10px 0;
  border-radius: 5px;
  cursor: pointer;
  width: 100%;
  font-size: 16px;
  transition: background-color 0.3s;
}

.modal-content button:hover {
  background-color: #4500b8;
}

.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
}

.navbar-item, .dropdown-item {
    font-size: 14px;
    font-weight: 500;
}

.dropdown-heading {
    font-size: 16px;
    font-weight: 600;
}
body, button, a {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body, button, a {
    line-height: 1.5;
}

body, button, a {
    text-rendering: optimizeLegibility;
}

.navbar-item, .dropdown-item {
    color: #333; /* Dark gray for text */
}

.dropdown-heading {
    color: #222; /* Even darker gray for headings */
}
 
	
.mdi:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.mdi-account-box-outline::before{content:"\F0007";}
.mdi-account-multiple-plus-outline::before{content:"\F0800";}
.mdi-at::before{content:"\F0065";}
.mdi-book-open-variant::before{content:"\F14F7";}
.mdi-chevron-down::before{content:"\F0140";}
.mdi-clock-outline::before{content:"\F0150";}
.mdi-cog-outline::before{content:"\F08BB";}
.mdi-inbox-arrow-down::before{content:"\F02FB";}
.mdi-logout::before{content:"\F0343";}
.mdi-play-box-multiple-outline::before{content:"\F13E6";}
.mdi-plus::before{content:"\F0415";}
.mdi-pound::before{content:"\F0423";}
.mdi-shimmer::before{content:"\F1545";}
.mdi-24px.mdi:before{font-size:24px;}
 .ps{-ms-overflow-style:none;overflow:hidden!important;overflow-anchor:none;touch-action:auto;-ms-touch-action:auto;}
.ps__rail-x{bottom:0;height:15px;}
.ps__rail-x,.ps__rail-y{display:none;opacity:0;position:absolute;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;}
.ps__rail-y{right:0;width:15px;}
.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{opacity:.6;}
.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{background-color:#eee;opacity:.9;}
.ps__thumb-x{bottom:2px;height:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;}
.ps__thumb-x,.ps__thumb-y{background-color:#aaa;border-radius:6px;position:absolute;}
.ps__thumb-y{right:2px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;}
.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{background-color:#999;height:11px;}
.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{background-color:#999;width:11px;}
@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){
.ps{overflow:auto!important;}
}
.ps{position:relative;}
.popper{width:auto;background-color:#fafafa;color:#212121;text-align:center;padding:2px;display:inline-block;border-radius:3px;position:absolute;font-size:14px;font-weight:400;border:1px solid #ebebeb;z-index:200000;box-shadow:0 0 6px 0 #3a3a3a;}
 .tootTipTemplate{word-break:break-word;}
.buttonWrapper[data-v-2045705e]{position:relative;}
.mainTitle[data-v-cff0ed72]{display:flex;animation-duration:.2s;align-items:center;}
@media only screen and (max-width:720px){
.mainTitle[data-v-cff0ed72]{flex-wrap:wrap;}
}
.mainTitle.small[data-v-cff0ed72]{font-size:14px;line-height:22px;font-weight:600;}
.mainTitle.light[data-v-cff0ed72]{color:var(--light2);}
.blocktitle[data-v-cff0ed72]{text-align:left;text-transform:capitalize;margin:0;}
.logoTitle[data-v-cff0ed72]{display:flex;padding-right:8px;}
@media only screen and (max-width:720px){
.logoTitle[data-v-cff0ed72]{display:none;}
}
.blockright[data-v-cff0ed72]{float:left;text-align:left;margin-left: 48px;flex: 1;width: 200px;}
@media only screen and (max-width:720px){
.blockright[data-v-cff0ed72]{float:inherit;display:block;text-align:center;}
}
.wrapper .pastille[data-v-01877e9e]{box-shadow:0 2px 5px rgba(27,57,84,.4);transition:all .25s;}
.wrapper[data-v-01877e9e]{position:relative;}
.wrapper .avatar[data-v-01877e9e]{background-size:cover;border-radius:16px;width:48px;height:48px;transition:all .2s ease;border:1px solid var(--light1);}
.wrapper .avatar.selected[data-v-01877e9e]{border:1px solid var(--light);box-shadow:0 0 0 2px var(--primary);}
.wrapper .pastille[data-v-01877e9e]{width:12px;height:12px;border:2px solid #fff;border-radius:12px;background:var(--primary);animation-delay:1s;position:absolute;top:-3px;right:-3px;}
.buttonWorkspaceMenu[data-v-4e0c6d72]{display:flex;height:48px;align-items:center;cursor:pointer;border-bottom:solid 1px var(--light);}
.buttonWorkspaceMenu .labelWorkspace[data-v-4e0c6d72]{font-size:16px;color:var(--black);font-weight:900;cursor:pointer;letter-spacing:.3px;flex-grow:1;text-align:left;padding-left:16px;padding-right:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:192px;}
@media only screen and (max-width:720px){
.buttonWorkspaceMenu .labelWorkspace[data-v-4e0c6d72]{max-width:256px;}
}
.buttonWorkspaceMenu .iconChevron[data-v-4e0c6d72]{padding-right:8px;display:flex;align-items:center;color:var(--black);}
.dropdownItemContentWrapper[data-v-4e0c6d72]{display:flex;align-items:center;color:var(--black);}
.dropdownItemContentWrapper.bold[data-v-4e0c6d72]{font-weight:900;}
.dropdownItemContentWrapper .dropdownItemContent[data-v-4e0c6d72]{flex-grow:1;text-align:left;padding-right:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dropdownItemContentWrapper .dropdownItemIcon[data-v-4e0c6d72]{display:flex;align-items:center;}
.dropdownItemContentWrapper .dropdownItemIcon .icon.secondary[data-v-4e0c6d72]{color:var(--secondary);}
.dropdownItemContentWrapper.red[data-v-4e0c6d72]{color:var(--red);}
.tagLine[data-v-fb8bfcf8]{padding-left:16px;line-height:32px;font-size:14px;color:var(--black);cursor:pointer;position:relative;text-align:left;}
.tagLine .iconTag[data-v-fb8bfcf8]{color:var(--light2);}
.tagLine[data-v-fb8bfcf8]:hover{background:var(--light1);}
.tagLine:hover .iconTag[data-v-fb8bfcf8]{color:var(--primary);}
.tagLine .tagLabel[data-v-fb8bfcf8]{margin-left:8px;}
.channelLine[data-v-d4fd6dca]{padding-left:16px;line-height:32px;font-size:14px;color:var(--black);cursor:pointer;position:relative;text-align:left;transition:all .5s ease;max-width:220px;padding-right:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media only screen and (max-width:720px){
.channelLine[data-v-d4fd6dca]{max-width:100%;}
}
.channelLine.selected[data-v-d4fd6dca]{background:var(--light);}
.channelLine.selected .iconChannel[data-v-d4fd6dca]{color:var(--primary);}
.channelLine .iconChannel[data-v-d4fd6dca]{color:var(--light2);}
.channelLine[data-v-d4fd6dca]:hover{background:var(--light1);}
.channelLine:hover .iconChannel[data-v-d4fd6dca]{color:var(--primary);}
.channelLine .channelLabel[data-v-d4fd6dca]{margin-left:8px;}
.avatar[data-v-4d7412fb]{background-size:cover;border-radius:200px;width:48px;height:48px;display:flex;transition:all .2s ease;border:1px solid var(--light1);align-items:center;justify-content:center;background:#fff;}
.avatar.square[data-v-4d7412fb]{border-radius:16px;}
.menu .columnsMenu .columnLeft .pastille[data-v-6c6b9a11]{box-shadow:0 2px 5px rgba(27,57,84,.4);transition:all .25s;}
.menu[data-v-6c6b9a11]{position:absolute;z-index:1;height:100%;width:300px;border-right:solid 1px var(--light);}
@media only screen and (max-width:720px){
.menu[data-v-6c6b9a11]{width:100%;}
}
.menu .titleChannel[data-v-6c6b9a11]{padding-left:16px;margin-right:16px;margin-bottom:8px;margin-top:16px;width:100%;}
.menu .buttonMenuChannel[data-v-6c6b9a11]{display:inline;justify-content:flex-end;margin-left:48px;}
.menu .columnsMenu[data-v-6c6b9a11]{display:flex;height:100%;}
.menu .columnsMenu .columnLeft[data-v-6c6b9a11]{width:80px;height:100%;padding-top:16px;background:var(--light);display:flex;flex-direction:column;box-shadow:inset 0 -1px 0 1px var(--light1);}
.menu .columnsMenu .columnLeft .personnalWorkspace[data-v-6c6b9a11]{height:48px;cursor:pointer;transition:transform .2s ease;margin-bottom:8px;}
.menu .columnsMenu .columnLeft .personnalWorkspace[data-v-6c6b9a11]:hover{transform:scale(1.1);}
.menu .columnsMenu .columnLeft .pastille[data-v-6c6b9a11]{width:12px;height:12px;border:2px solid #fff;border-radius:12px;background:var(--primary);animation-delay:1s;position:absolute;top:-3px;right:13px;}
.menu .columnsMenu .columnLeft .workspaceList[data-v-6c6b9a11]{display:flex;position:relative;flex-direction:column;align-items:center;min-height:104px;max-height:calc(100% - 104px);width:100%;}
.menu .columnsMenu .columnLeft .workspaceList .workspaceItem[data-v-6c6b9a11]{margin:8px;margin-bottom:16px;transition:transform .2s ease;cursor:pointer;}
.menu .columnsMenu .columnLeft .workspaceList .workspaceItem[data-v-6c6b9a11]:hover{transform:scale(1.1);}
.menu .columnsMenu .columnLeft .workspaceList .ps[data-v-6c6b9a11]{width:100%;padding:8px;padding-top:0;padding-bottom:0;}
.menu .columnsMenu .columnLeft .information[data-v-6c6b9a11]{margin-top:auto;display:flex;flex-direction:column;}
.menu .columnsMenu .columnLeft .information .separatorLine[data-v-6c6b9a11]{margin-top:16px;margin-bottom:16px;height:2px;display:inline-block;margin-left:16px;margin-right:16px;background:var(--light1);}
.menu .columnsMenu .columnLeft .information .tipItem[data-v-6c6b9a11]{cursor:pointer;margin-bottom:16px;transition:opacity .2s ease;}
.menu .columnsMenu .columnLeft .information .tipItem[data-v-6c6b9a11]:hover{opacity:.8;}
.menu .columnsMenu .columnRight[data-v-6c6b9a11]{flex:1;}
.menu .columnsMenu .columnRight .groupPanel[data-v-6c6b9a11]{overflow-y:auto;overflow-x:hidden;max-height:calc(100% - 48px);padding-bottom:80px;}
.menu .columnsMenu .columnRight .channelsPanel[data-v-6c6b9a11]{margin-top:16px;height: 500px;}
.red{color:var(--red);}
#app #layout #menuLayout{min-width:300px;max-width:300px;min-height:100%;background:#fff;margin-left:0;position:relative;}
@media only screen and (max-width:720px){
#app #layout #menuLayout{min-width:100%;max-width:100%;}
}
.button{-moz-appearance:none;-webkit-appearance:none;align-items:center;border:1px solid transparent;border-radius:4px;box-shadow:none;display:inline-flex;font-size:1rem;height:2.5em;justify-content:flex-start;line-height:1.5;padding-bottom:calc(.5em - 1px);padding-left:calc(.75em - 1px);padding-right:calc(.75em - 1px);padding-top:calc(.5em - 1px);position:relative;vertical-align:top;}
.button:active,.button:focus{outline:none;}
.button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
hr{margin:0;padding:0;}
button{margin:0;}
*,:after,:before{box-sizing:inherit;}
button{font-family:Nunito Sans,sans-serif,Avenir,Helvetica,Arial;}
a{color:#9693cb;cursor:pointer;text-decoration:none;}
a:hover{color:#363636;}
hr{background-color:#f5f5f5;}
hr{border:none;display:block;height:2px;margin:1.5rem 0;}
span{font-style:inherit;font-weight:inherit;}
.button{background-color:#fff;border-color:#dbdbdb;border-width:1px;color:#363636;cursor:pointer;justify-content:center;padding-bottom:calc(.5em - 1px);padding-left:1em;padding-right:1em;padding-top:calc(.5em - 1px);text-align:center;white-space:nowrap;}
.button .icon,.button .icon.is-small{height:1.5em;width:1.5em;}
.button .icon:first-child:last-child{margin-left:calc(-.5em - 1px);margin-right:calc(-.5em - 1px);}
.button:hover{border-color:#b5b5b5;color:#363636;}
.button:focus{border-color:#9693cb;color:#363636;}
.button:focus:not(:active){box-shadow:0 0 0 .125em rgba(150,147,203,.25);}
.button:active{border-color:#4a4a4a;color:#363636;}
.button.is-light{background-color:#f1f0fd;border-color:transparent;color:#0a082f;}
.button.is-light:hover{background-color:#e7e5fc;border-color:transparent;color:#0a082f;}
.button.is-light:focus{border-color:transparent;color:#0a082f;}
.button.is-light:focus:not(:active){box-shadow:0 0 0 .125em rgba(241,240,253,.25);}
.button.is-light:active{background-color:#dcdafa;border-color:transparent;color:#0a082f;}
.button.is-outlined{background-color:#d6d4f8;border-color:transparent;color:#0a082f;}
.button.is-outlined:hover{background-color:#ccc9f6;border-color:transparent;color:#0a082f;}
.button.is-outlined:focus{border-color:transparent;color:#0a082f;}
.button.is-outlined:focus:not(:active){box-shadow:0 0 0 .125em rgba(214,212,248,.25);}
.button.is-outlined:active{background-color:#c1bef4;border-color:transparent;color:#0a082f;}
.button.is-outlined.is-outlined{background-color:transparent;border-color:#d6d4f8;color:#d6d4f8;}
.button.is-outlined.is-outlined:focus,.button.is-outlined.is-outlined:hover{background-color:#d6d4f8;border-color:#d6d4f8;color:#0a082f;}
.button.is-small{font-size:.75rem;}
.button.is-small:not(.is-rounded){border-radius:4px;}
.icon{align-items:center;display:inline-flex;justify-content:center;height:1.5rem;width:1.5rem;}
.icon.is-small{height:1rem;width:1rem;}
.dropdown{display:inline-flex;position:relative;vertical-align:top;}
.dropdown-menu{display:none;left:0;min-width:12rem;padding-top:4px;position:absolute;top:100%;z-index:20;}
.dropdown-content{background-color:#fff;border-radius:8px;box-shadow:0 .5em 1em -.125em hsla(0,0%,4%,.1),0 0 0 1px hsla(0,0%,4%,.02);padding-bottom:.5rem;padding-top:.5rem;}
.dropdown-item{color:#4a4a4a;display:block;font-size:.875rem;line-height:1.5;padding:.375rem 1rem;position:relative;}
a.dropdown-item{padding-right:3rem;text-align:inherit;white-space:nowrap;width:100%;}
a.dropdown-item:hover{background-color:#f5f5f5;color:#0a0a0a;}
.dropdown-divider{background-color:#ededed;border:none;display:block;height:1px;margin:.5rem 0;}
.menu{font-size:1rem;}
.has-text-black{color:#0a082f!important;}
.has-text-dark{color:#56548d!important;}
.dropdown .background{bottom:0;left:0;position:absolute;right:0;top:0;position:fixed;background-color:hsla(0,0%,4%,.86);z-index:40;cursor:pointer;}
@media screen and (min-width:1024px){
.dropdown .background{display:none;}
}
.dropdown.dropdown-menu-animation .dropdown-menu{display:block;}
.dropdown.is-expanded,.dropdown.is-expanded .dropdown-menu,.dropdown.is-expanded .dropdown-trigger{width:100%;}
.dropdown.is-expanded.is-mobile-modal .dropdown-menu{max-width:100%;}
.dropdown.is-bottom-left .dropdown-menu{right:0;left:auto;}
@media screen and (max-width:1023px){
.dropdown.is-mobile-modal>.dropdown-menu{position:fixed!important;width:calc(100vw - 40px);max-width:460px;max-height:calc(100vh - 120px);top:25%!important;left:50%!important;bottom:auto!important;right:auto!important;transform:translate3d(-50%,-25%,0);white-space:normal;overflow-y:auto;z-index:50!important;}
.dropdown.is-mobile-modal>.dropdown-menu>.dropdown-content>.dropdown-item{padding:1rem 1.5rem;}
}
.icon{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:inherit;}
button{font-family:Nunito Sans,sans-serif,Avenir,Helvetica,Arial sans-serif;font-weight:600;text-transform:uppercase;}
button.button{transition:all .25s;}
button.button:hover{box-shadow:1px 1px 10px rgba(0,0,0,.1);}
button.button.is-outlined.is-outlined{color:#0a082f;background:#fff;}
button.button.is-small{border-radius:12px;font-size:13px;font-weight:900;line-height:22px;height:32px;max-height:32px;padding-left:15px;padding-right:15px;}
button.button.is-small:not(.is-rounded){border-radius:12px;}
button.button.is-small .icon{font-size:22px;width:24px;height:16px;}
button.button.is-small .icon:first-child:last-child{width:16px;height:16px;}
button.button.is-default{border-radius:16px;font-size:13px;height:48px;letter-spacing:.3px;font-weight:900;padding-left:24px;padding-right:24px;line-height:24px;}
button.button.is-default:not(.is-rounded){border-radius:16px;}
button.button.is-default .icon{font-size:24px;}
button.button.is-default .icon:first-child:last-child{width:16px;height:16px;}
button.button.is-secondary{background:var(--secondary);color:#fff;border-color:var(--secondary);}
button.button.is-secondary:hover{border-color:#04b6f1;background:#04b6f1;}
button.button.is-secondary:active{border-color:#04a3d8;background:#04a3d8;}
 /*div,span{box-sizing:border-box;}*/
div:focus,span:focus{outline:none;}
.dropdown-menu{animation-duration:.2s;text-align:left;}
.dropdown-menu .dropdown-content .dropdown-item{color:#0a082f;padding-right:1rem;}
.dropdown-menu .dropdown-content .dropdown-item:hover{background:#f1f0fd;}
.dropdown .background{background-color:rgba(27,57,84,.8);}
.mdi:before{margin-left:1px;margin-top:1px;}
.list-complete-item{transition:all .5s ease-in-out;}
.popper{width:auto;background-color:var(--light);color:var(--black);padding-top:2px;padding-bottom:2px;padding-left:8px;padding-right:8px;display:inline-block;border-radius:8px;position:absolute;font-size:14px;font-weight:400;border:1px var(--light) solid;z-index:200000;max-width:300px;text-align:left;box-shadow:0 2px 5px rgba(27,57,84,.4);pointer-events:none;}
.popper:hover{opacity:0;}
 .button{-moz-appearance:none;-webkit-appearance:none;align-items:center;border:1px solid transparent;border-radius:4px;box-shadow:none;display:inline-flex;font-size:1rem;height:2.5em;justify-content:flex-start;line-height:1.5;padding-bottom:calc(.5em - 1px);padding-left:calc(.75em - 1px);padding-right:calc(.75em - 1px);padding-top:calc(.5em - 1px);position:relative;vertical-align:top;}
.button:active,.button:focus{outline:none;}
.button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
hr{margin:0;padding:0;}
button{margin:0;}
*,:after,:before{box-sizing:inherit;}
button{font-family:Nunito Sans,sans-serif,Avenir,Helvetica,Arial;}
a{color:#5f5fff;cursor:pointer;text-decoration:none;}
a:hover{color:#363636;}
hr{background-color:#f5f5f5;}
hr{border:none;display:block;height:2px;margin:1.5rem 0;}
span{font-style:inherit;font-weight:inherit;}
.button{background-color:#fff;border-color:#dbdbdb;border-width:1px;color:#363636;cursor:pointer;justify-content:center;padding-bottom:calc(.5em - 1px);padding-left:1em;padding-right:1em;padding-top:calc(.5em - 1px);text-align:center;white-space:nowrap;}
.button .icon,.button .icon.is-small{height:1.5em;width:1.5em;}
.button .icon:first-child:last-child{margin-left:calc(-.5em - 1px);margin-right:calc(-.5em - 1px);}
.button:hover{border-color:#b5b5b5;color:#363636;}
.button:focus{border-color:#5f5fff;color:#363636;}
.button:focus:not(:active){box-shadow:0 0 0 .125em rgba(95,95,255,.25);}
.button:active{border-color:#4a4a4a;color:#363636;}
.button.is-light{background-color:#f1f0fd;border-color:transparent;color:#0a082f;}
.button.is-light:hover{background-color:#e7e5fc;border-color:transparent;color:#0a082f;}
.button.is-light:focus{border-color:transparent;color:#0a082f;}
.button.is-light:focus:not(:active){box-shadow:0 0 0 .125em rgba(241,240,253,.25);}
.button.is-light:active{background-color:#dcdafa;border-color:transparent;color:#0a082f;}
.button.is-outlined{background-color:#ddddf6;border-color:transparent;color:#0a082f;}
.button.is-outlined:hover{background-color:#d3d3f3;border-color:transparent;color:#0a082f;}
.button.is-outlined:focus{border-color:transparent;color:#0a082f;}
.button.is-outlined:focus:not(:active){box-shadow:0 0 0 .125em rgba(221,221,246,.25);}
.button.is-outlined:active{background-color:#c9c9f1;border-color:transparent;color:#0a082f;}
.button.is-outlined.is-outlined{background-color:transparent;border-color:#ddddf6;color:#ddddf6;}
.button.is-outlined.is-outlined:focus,.button.is-outlined.is-outlined:hover{background-color:#ddddf6;border-color:#ddddf6;color:#0a082f;}
.button.is-small{font-size:.75rem;}
.button.is-small:not(.is-rounded){border-radius:4px;}
.icon{align-items:center;display:inline-flex;justify-content:center;height:1.5rem;width:1.5rem;}
.icon.is-small{height:1rem;width:1rem;}
.dropdown{display:inline-flex;position:relative;vertical-align:top;}
.dropdown-menu{display:none;left:0;min-width:12rem;padding-top:4px;position:absolute;top:100%;z-index:20;}
.dropdown-content{background-color:#fff;border-radius:8px;box-shadow:0 .5em 1em -.125em hsla(0,0%,4%,.1),0 0 0 1px hsla(0,0%,4%,.02);padding-bottom:.5rem;padding-top:.5rem;}
.dropdown-item{color:#4a4a4a;display:block;font-size:.875rem;line-height:1.5;padding:.375rem 1rem;position:relative;}
a.dropdown-item{padding-right:3rem;text-align:inherit;white-space:nowrap;width:100%;}
a.dropdown-item:hover{background-color:#f5f5f5;color:#0a0a0a;}
.dropdown-divider{background-color:#ededed;border:none;display:block;height:1px;margin:.5rem 0;}
.menu{font-size:1rem;}
.has-text-black{color:#0a082f!important;}
.has-text-dark{color:#56548d!important;}
.dropdown .background{bottom:0;left:0;position:absolute;right:0;top:0;position:fixed;background-color:hsla(0,0%,4%,.86);z-index:40;cursor:pointer;}
@media screen and (min-width:1024px){
.dropdown .background{display:none;}
}
.dropdown.dropdown-menu-animation .dropdown-menu{display:block;}
.dropdown.is-expanded,.dropdown.is-expanded .dropdown-menu,.dropdown.is-expanded .dropdown-trigger{width:100%;}
.dropdown.is-expanded.is-mobile-modal .dropdown-menu{max-width:100%;}
.dropdown.is-bottom-left .dropdown-menu{right:0;left:auto;}
@media screen and (max-width:1023px){
.dropdown.is-mobile-modal>.dropdown-menu{position:fixed!important;width:calc(100vw - 40px);max-width:460px;max-height:calc(100vh - 120px);top:25%!important;left:50%!important;bottom:auto!important;right:auto!important;transform:translate3d(-50%,-25%,0);white-space:normal;overflow-y:auto;z-index:50!important;}
.dropdown.is-mobile-modal>.dropdown-menu>.dropdown-content>.dropdown-item{padding:1rem 1.5rem;}
}
.icon{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:inherit;}
button{font-family:Nunito Sans,sans-serif,Avenir,Helvetica,Arial sans-serif;font-weight:600;text-transform:uppercase;}
button.button{transition:all .25s;}
button.button:hover{box-shadow:1px 1px 10px rgba(0,0,0,.1);}
button.button.is-outlined.is-outlined{color:#0a082f;background:#fff;}
button.button.is-small{border-radius:12px;font-size:13px;font-weight:900;line-height:22px;height:32px;max-height:32px;padding-left:15px;padding-right:15px;}
button.button.is-small:not(.is-rounded){border-radius:12px;}
button.button.is-small .icon{font-size:22px;width:24px;height:16px;}
button.button.is-small .icon:first-child:last-child{width:16px;height:16px;}
button.button.is-default{border-radius:16px;font-size:13px;height:48px;letter-spacing:.3px;font-weight:900;padding-left:24px;padding-right:24px;line-height:24px;}
button.button.is-default:not(.is-rounded){border-radius:16px;}
button.button.is-default .icon{font-size:24px;}
button.button.is-default .icon:first-child:last-child{width:16px;height:16px;}
button.button.is-secondary{background:var(--secondary);color:#fff;border-color:var(--secondary);}
button.button.is-secondary:hover{border-color:#04b6f1;background:#04b6f1;}
button.button.is-secondary:active{border-color:#04a3d8;background:#04a3d8;}
 /*div,span{box-sizing:border-box;}*/
div:focus,span:focus{outline:none;}
.dropdown-menu{animation-duration:.2s;text-align:left;}
.dropdown-menu .dropdown-content .dropdown-item{color:#0a082f;padding-right:1rem;}
.dropdown-menu .dropdown-content .dropdown-item:hover{background:#f1f0fd;}
.dropdown .background{background-color:rgba(27,57,84,.8);}
.mdi:before{margin-left:1px;margin-top:1px;}
 @font-face{font-family:'Nunito Sans';font-style:italic;font-weight:200;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-RaLY50.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:200;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-1aLY50.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:200;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-ZaLY50.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:200;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-daLY50.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:200;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-laLQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:300;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-RaLY50.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:300;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-1aLY50.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:300;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-ZaLY50.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:300;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-daLY50.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:300;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-laLQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-RaLY50.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-1aLY50.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-ZaLY50.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-daLY50.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-laLQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:600;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-RaLY50.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:600;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-1aLY50.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:600;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-ZaLY50.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:600;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-daLY50.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:600;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-laLQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-RaLY50.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-1aLY50.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-ZaLY50.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-daLY50.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-laLQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:800;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-RaLY50.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:800;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-1aLY50.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:800;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-ZaLY50.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:800;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-daLY50.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:800;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-laLQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-RaLY50.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-1aLY50.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-ZaLY50.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-daLY50.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-laLQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:200;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t4R-tCKQ.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:200;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7txR-tCKQ.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:200;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t6R-tCKQ.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:200;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t7R-tCKQ.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:200;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-s.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t4R-tCKQ.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7txR-tCKQ.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t6R-tCKQ.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t7R-tCKQ.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-s.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t4R-tCKQ.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7txR-tCKQ.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t6R-tCKQ.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t7R-tCKQ.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-s.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t4R-tCKQ.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7txR-tCKQ.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t6R-tCKQ.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t7R-tCKQ.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-s.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t4R-tCKQ.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7txR-tCKQ.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t6R-tCKQ.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t7R-tCKQ.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-s.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t4R-tCKQ.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7txR-tCKQ.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t6R-tCKQ.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t7R-tCKQ.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-s.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t4R-tCKQ.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7txR-tCKQ.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t6R-tCKQ.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t7R-tCKQ.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-s.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}


 .zoom-button {
    padding: 10px 20px;
    background-color: #f44336; /* Green background */
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
	    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    margin-top: 2px;
    font-size: 16px;  
    display: inline-flex;  
    align-items: center;  
    gap: 8px; 
  }

  /* Hover Effect for the Button */
  .zoom-button:hover {
    background-color: #d32f2f; /* Slightly darker red for hover */

    transition: background-color 0.3s, box-shadow 0.3s; /* Smooth transition */
  }

  /* Styling the Icon */
  .zoom-button i {
    color: white; /* White icon */
    font-size: 20px; /* Larger icon */
  }

  /* Increase icon size when hovering over the button */
  .zoom-button:hover i {
    font-size: 24px; /* Increase icon size on hover */
  }

.plus-icon-container {
    position: relative;
    display: inline-block;
}

#plus-icon {
    background-color: #f7f7fc;
    border: none;
    font-size: 24px;
    cursor: pointer;
    padding: 5px;
    border-radius: 50%;
}

.dropdown-menu_right {
    display: none;
    position: absolute;
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-radius: 8px;
    margin-top: 10px;
}

.dropdown-menu_right a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border-radius: 8px;
	font-size:12px;

}

.dropdown-menu_right a:hover {
    background-color: #f1f1f1;
}


.dropdown-menu77 {
    display: none;
    position: absolute;
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1;
	right: 40px;
    border-radius: 8px;
	font-weight: 400;
    margin-top: 110px;
}

.dropdown-menu77 a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border-radius: 8px;
	font-size:12px;

}

.dropdown-menu77 a:hover {
    background-color: #f1f1f1;
}


.popup {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40%; /* Adjust width as needed */
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 30px; /* Increase padding for a cleaner look */
    border-radius: 12px; /* Adjust for rounded corners */
    box-sizing: border-box;
}

.popup-content {
    text-align: center;
}

.popup-content h2 {
    font-size: 24px; /* Increase font size for the title */
    font-weight: bold; /* Make the title bold */
    color: #2e2f42; /* Use a darker color for the title */
    margin-bottom: 20px; /* Add space below the title */
}

.popup-content input[type="text"] {
    width: 65%; /* Full width input */
    padding: 15px; /* Increase padding inside input */
    margin-right: 10px; /* Space between input and button */
    font-size: 16px; /* Larger text size */
    border: 1px solid #ddd; /* Light border color */
    border-radius: 8px; /* Rounded corners for input */
    box-sizing: border-box;
}

#create-channel-button {
    background-color: #8266ff; /* Use the desired background color */
    color: white; /* White text on the button */
    padding: 15px 25px; /* Adjust padding for a bigger button */
    font-size: 16px; /* Larger text size */
    font-weight: bold; /* Bold text */
    border: none;
    border-radius: 8px; /* Rounded corners for the button */
    cursor: pointer;
    transition: background-color 0.3s ease;
	display: inline;
}

#create-channel-button:hover {
    background-color: #6958d3; /* Darker shade on hover */
}

.close {
    position: absolute;
    top: 8px;
    right: 20px;
    font-size: 24px;
    cursor: pointer;
    color: #999; /* Light gray color for close button */
    transition: color 0.3s ease;
}

.close:hover {
    color: #333; /* Darker color on hover */
}

.popup-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 1000;
        }
        .popup-contenty {
            background-color: white;
            padding: 30px;
            border-radius: 12px;
            width: 50%;
            margin: 100px auto;
            text-align: center;
            position: relative;
        }
        .popup-contenty h2 {
            font-size: 24px;
            margin-bottom: 20px;
        }
        .popup-contenty input {
            padding: 10px;
            width: 80%;
            margin-bottom: 20px;
            border-radius: 8px;
            border: 1px solid #ccc;
        }
        .popup-contenty button {
            padding: 10px 20px;
            border-radius: 8px;
            border: none;
            cursor: pointer;
            background-color: #8266ff;
            color: white;
            font-size: 16px;
            font-weight: bold;
        }
        .popup-contenty button.cancel {
            background-color: #ccc;
            margin-right: 10px;
        }
		
.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); /* Adjust the thumbnail width to 200px */
    gap: 20px; /* Adjust the gap between thumbnails */
    padding: 20px; /* Add some padding around the grid */
    margin-left: 300px; /* Add left margin to make the sidebar visible */
}

.item {
    text-align: center;
    background-color: #f9f9f9; /* Light background for thumbnails */
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for a nice effect */
}

.item img {
    width: 100%; /* Ensure the image takes full width of the container */
    height: auto; /* Maintain aspect ratio */
    border-radius: 4px;
}

.item p {
    margin-top: 10px;
    font-size: 14px;
    color: #333;
}



 

.video-options-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    border: none;
    border-radius: 50%;
    padding: 5px;
    cursor: pointer;
    display: none;
}

.video-item:hover .video-options-btn {
    display: block;
}

.video-options-content {
    display: none;
    position: absolute;
    top: 30px;
    right: 10px;
    background-color: white;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border-radius: 5px;
    padding: 10px;
    width: 150px;
}

.video-options-content a {
    display: block;
    padding: 5px;
    text-decoration: none;
    color: black;
    font-size: 14px;
}

.video-options-content a:hover {
    background-color: #f1f1f1;
}

.video-options-content a span {
    margin-right: 10px;
}


.video-options-dropdown:hover .video-options-content {
    display: block;
}


.unique-modal {
    display: none; /* Hidden by default */
    position: fixed; 
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4); 
    padding-top: 60px;
}

.unique-modal-content {
    background-color: #fefefe;
    margin: 5% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 500px;
    border-radius: 8px;
}

.unique-close-btn {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.unique-close-btn:hover,
.unique-close-btn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

#workspaceSelectUnique, #channelSelectUnique {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #ddd;
    border-radius: 4px;
}

#saveUpdateBtnUnique {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
}

#saveUpdateBtnUnique:hover {
    background-color: #45a049;
}




.video-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 300px; /* Ensure all items have a consistent width */
    margin: 10px; /* Optional: space between items */
}



.thumbnail-container {
    width: 300px;
    height: 300px;
    overflow: hidden;
	    justify-content: center;
    align-items: center;
    position: relative; /* Make the container relative for absolute positioning */
}

.thumbnail-container img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    display: block;
}

.thumbnail-container img:hover {
    transform: scale(1.05);
}

.video-item p.titleyyy, .video-item p.title{
    text-align: left;
    width: 100%;
	font-size:12px;
    margin: 5px 0 0 0; /* Adjust margin to ensure spacing */
}

 .video-item span.channel-name-display {
    text-align: left;
    width: 100%;
	font-size:12px;
	color:#08de70;
    margin: 5px 0 0 0; /* Adjust margin to ensure spacing */
}


/* Style the modal */
#shareModalUnique {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.6); /* Dark background with opacity */
}

/* Modal Content */
.custom-modal-content {
    background-color: #fff;
    margin: 10% auto; /* Center the modal */
    padding: 20px;
    border-radius: 10px; /* Rounded corners */
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2); /* Subtle shadow */
    width: 500px; /* Set width */
}

/* The Close Button */
.custom-close-btn {
    color: #aaa;
    float: right;
    font-size: 24px;
    font-weight: bold;
    margin-top: -15px;
}

.custom-close-btn:hover,
.custom-close-btn:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* Input styling */
#shareEmailInput {
    width: calc(100% - 90px); /* Full width minus button width */
    padding: 10px;
    margin: 15px 0;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
    display: inline-block;
    box-sizing: border-box;
}

/* Invite button styling */
.invite-btn {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    display: inline-block;
    margin-left: 10px;
}

.invite-btn:hover {
    background-color: #45a049;
}

/* Suggestions list */
#shareSuggestionsList {
    list-style-type: none;
    padding: 0;
    margin-top: 10px;
}

#shareSuggestionsList li {
    padding: 8px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}

#shareSuggestionsList li:hover {
    background-color: #f1f1f1;
}
/* Modal Background */
.modalUnique {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content-unique {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 500px; /* Could be more or less, depending on screen size */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 10px;
}

/* Close Button */
.close-btn-unique {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close-btn-unique:hover,
.close-btn-unique:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* Modal Header */
.modal-content-unique h3 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #333;
}

/* Select Input */
.modal-content-unique select {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border-radius: 5px;
    border: 1px solid #ddd;
    font-size: 16px;
}

/* Button */
#moveScreenshotBtnUnique {
    width: 100%;
    padding: 10px;
    background-color: #4CAF50;
    color: white;
    font-size: 18px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 20px;
}

#moveScreenshotBtnUnique:hover {
    background-color: #45a049;
}











.unique-comment-container {
    display: flex;
    align-items: center;
}

.unique-comment-input-container {
    flex-grow: 1;
    position: relative;
}

#unique-comment-input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    resize: none;
}

.unique-comment-options {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.unique-comment-time {
    margin-right: 10px;
    color: #555;
}

.unique-comment-option-btn {
    background: none;
    border: none;
    cursor: pointer;
    margin-right: 10px;
    font-size: 20px;
}

.unique-comment-cancel-btn {
    margin-left: auto;
    margin-right: 10px;
    background: none;
    border: none;
    color: #555;
    cursor: pointer;
}

.unique-comment-send-btn {
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 5px 15px;
    cursor: pointer;
}

.unique-comment-send-btn:disabled {
    background-color: #ddd;
    cursor: not-allowed;
}

.unique-emoji-btn {
    background: none;
    border: none;
    cursor: pointer;
    margin-left: 10px;
    font-size: 24px;
}








.mdi:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.mdi-alert-circle::before{content:"\F0028";}
.mdi-chevron-right::before{content:"\F0142";}
.mdi-close::before{content:"\F0156";}
.mdi-delete-outline::before{content:"\F09E7";}
.mdi-emoticon-outline::before{content:"\F01F2";}
.mdi-fast-forward::before{content:"\F0211";}
.mdi-microphone-outline::before{content:"\F036E";}
.mdi-monitor::before{content:"\F0379";}
.mdi-pause::before{content:"\F03E4";}
.mdi-play::before{content:"\F040A";}
.mdi-rewind::before{content:"\F045F";}
.mdi-rewind-10::before{content:"\F0D2A";}
.mdi-video-outline::before{content:"\F0BDC";}
.mdi-volume-high::before{content:"\F057E";}
.mdi-24px.mdi:before{font-size:24px;}

.ps{-ms-overflow-style:none;overflow:hidden!important;overflow-anchor:none;touch-action:auto;-ms-touch-action:auto;}
.ps__rail-x{bottom:0;height:15px;}
.ps__rail-x,.ps__rail-y{display:none;opacity:0;position:absolute;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;}
.ps__rail-y{right:0;width:15px;}
.ps--active-y>.ps__rail-y{background-color:transparent;display:block;}
.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{opacity:.6;}
.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{background-color:#eee;opacity:.9;}
.ps__thumb-x{bottom:2px;height:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;}
.ps__thumb-x,.ps__thumb-y{background-color:#aaa;border-radius:6px;position:absolute;}
.ps__thumb-y{right:2px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;}
.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{background-color:#999;height:11px;}
.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{background-color:#999;width:11px;}
@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){
.ps{overflow:auto!important;}
}
.ps{position:relative;}
.popper{width:auto;background-color:#fafafa;color:#212121;text-align:center;padding:2px;display:inline-block;border-radius:3px;position:absolute;font-size:14px;font-weight:400;border:1px solid #ebebeb;z-index:200000;box-shadow:0 0 6px 0 #3a3a3a;}
 .tootTipTemplate{word-break:break-word;}
.avatar[data-v-dfc9739e]{background-size:cover;border-radius:200px;width:48px;height:48px;transition:all .2s ease;border:1px solid var(--light1);}
.avatar.sticker[data-v-dfc9739e]{box-sizing:border-box;border-radius:48px 48px 48px 16px;border:2px solid #fff;}
.buttonWrapper[data-v-2045705e]{position:relative;}
.errorClass[data-v-fb813770]{animation-duration:.2s;border-radius:4px;background:#e54c5f;color:#fff;padding:8px;text-align:center;font-size:16px;}
.errorClass .icon[data-v-fb813770]{vertical-align:middle;margin-right:8px;}
.commentStickerPlayerContainer .sticker .playContainer .logoForward[data-v-3ccbad50],.commentStickerPlayerContainer .sticker .playContainer .logoPlay[data-v-3ccbad50],.commentStickerPlayerContainer .sticker .playContainer .logoRewind[data-v-3ccbad50]{box-shadow:0 5px 10px rgba(0,0,0,.4);}
.commentStickerPlayerContainer[data-v-3ccbad50]{height:100%;width:100%;position:relative;}
.commentStickerPlayerContainer .sticker[data-v-3ccbad50]{position:absolute;border:2px solid #fff;min-width:140px;min-height:140px;max-width:140px;max-height:140px;overflow:hidden;bottom:0;border-radius:100% 100% 100% 16px;left:0;transition:all .2s;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);background:#000;background-size:contain;background-position:50%;background-repeat:no-repeat;}
.commentStickerPlayerContainer .sticker .stickerLayout[data-v-3ccbad50]{min-height:140px;transform:scaleX(-1) scaleY(1);transition:all .5s;}
.commentStickerPlayerContainer .sticker .stickerLayout .videoElement[data-v-3ccbad50]{-o-object-fit:cover;object-fit:cover;position:absolute;left:0;top:0;width:100%;height:100%;}
.commentStickerPlayerContainer .sticker .controlBar[data-v-3ccbad50]{background:linear-gradient(transparent,rgba(0,0,0,.9));width:100%;position:absolute;min-height:30px;display:flex;border-radius:4px;left:0;bottom:0;animation-duration:.5s;}
.commentStickerPlayerContainer .sticker .controlBar .volumeContainer[data-v-3ccbad50]{display:flex;cursor:pointer;color:#fff;font-size:12px;align-items:center;margin-left:4px;margin-right:4px;}
.commentStickerPlayerContainer .sticker .controlBar .volumeContainer .volumeIcon[data-v-3ccbad50]{transition:transform .1s ease-in-out;}
.commentStickerPlayerContainer .sticker .controlBar .volumeContainer .volumeIcon[data-v-3ccbad50]:hover{transform:scale(1.2);}
.commentStickerPlayerContainer .sticker .controlBar .volumeContainer .volumeSlider[data-v-3ccbad50]{width:64px;position:absolute;bottom:32px;margin-right:0;}
.commentStickerPlayerContainer .sticker .controlBar .timeContainer[data-v-3ccbad50]{display:flex;align-items:center;font-size:12px;font-weight:600;color:#fff;margin-left:8px;}
.commentStickerPlayerContainer .sticker .controlBar .speedContainer[data-v-3ccbad50]{display:flex;align-items:center;text-align:center;cursor:pointer;color:var(--dark);font-size:10px;margin-left:8px;font-weight:900;transition:transform .1s ease-in-out;line-height:18px;margin-right:8px;margin-bottom:2px;}
.commentStickerPlayerContainer .sticker .controlBar .speedContainer[data-v-3ccbad50]:hover{transform:scale(1.2);}
.commentStickerPlayerContainer .sticker .controlBar .speedContainer .speed[data-v-3ccbad50]{border:solid 1px var(--white);border-radius:4px;width:20px;height:18px;padding-right:1px;color:var(--white);}
.commentStickerPlayerContainer .sticker .playContainer[data-v-3ccbad50]{position:absolute;width:100%;top:0;text-align:center;height:calc(100% - 50px);cursor:pointer;animation-duration:.5s;}
.commentStickerPlayerContainer .sticker .playContainer .logoPlay[data-v-3ccbad50]{border-radius:60px;position:absolute;left:calc(50% - 16px);padding:8px;top:calc(50% + 9px);background-color:rgba(0,0,0,.4);width:32px;height:32px;transition:transform .2s ease-in-out;}
@media (hover:hover)and (pointer:fine){
.commentStickerPlayerContainer .sticker .playContainer .logoPlay[data-v-3ccbad50]:hover{transform:scale(1.2);}
}
.commentStickerPlayerContainer .sticker .playContainer .logoRewind[data-v-3ccbad50]{left:12px;top:calc(50% + 13px);position:absolute;background-color:rgba(0,0,0,.4);padding:8px;width:24px;height:24px;border-radius:60px;transition:transform .2s ease-in-out;}
@media (hover:hover)and (pointer:fine){
.commentStickerPlayerContainer .sticker .playContainer .logoRewind[data-v-3ccbad50]:hover{transform:scale(1.2);}
}
.commentStickerPlayerContainer .sticker .playContainer .logoForward[data-v-3ccbad50]{right:12px;top:calc(50% + 13px);position:absolute;border-radius:60px;background-color:rgba(0,0,0,.4);padding:8px;width:24px;height:24px;transition:transform .2s ease-in-out;}
@media (hover:hover)and (pointer:fine){
.commentStickerPlayerContainer .sticker .playContainer .logoForward[data-v-3ccbad50]:hover{transform:scale(1.2);}
}
.textarea-emoji-picker textarea.textarea{min-height:50px;border-radius:8px;font-size:14px;}
.pickerBox .pickerLayout[data-v-9a6040de]{box-shadow:0 2px 5px rgba(27,57,84,.4);transition:all .25s;}
.textarea-emoji-picker[data-v-9a6040de]{position:relative;width:100%;}
.textarea-emoji-picker .chatBox[data-v-9a6040de]{display:flex;width:100%;}
.textarea-emoji-picker .chatBox .inputBox[data-v-9a6040de]{flex:1;}
.textarea-emoji-picker .chatBox .buttonEmote[data-v-9a6040de]{margin-top:4px;}
@media only screen and (max-width:720px){
.textarea-emoji-picker .chatBox .buttonEmote[data-v-9a6040de]{display:none;}
}
.pickerBox[data-v-9a6040de]{position:relative;margin:8px;margin-left:auto;margin-top:-40px;}
.pickerBox .pickerLayout[data-v-9a6040de]{text-align:left;max-height:130px;background:#fff;z-index:1;position:absolute;left:-200px;top:-80px;max-width:210px;bottom:128px;}
.containerCommentText[data-v-1c4d8f2f]{display:flex;width:100%;}
.containerCommentText .avatarBox[data-v-1c4d8f2f]{margin-right:8px;}
.containerCommentText .inputBox[data-v-1c4d8f2f]{display:flex;flex:1;border-radius:8px;background:#fff;}
.containerCommentText .inputBox .inputTextAreaLight[data-v-1c4d8f2f]{margin-top:4px;margin-left:8px;}
.containerCommentCreator[data-v-e98a296a]{margin:auto;position:relative;border:solid 1px var(--light1);border-radius:8px;padding:8px;transition:all 1s ease;}
.containerCommentCreator .fakeLine[data-v-e98a296a]{border:solid 1px var(--light1);position:absolute;height:16px;width:0;bottom:4px;left:29px;}
.containerCommentCreator.create[data-v-e98a296a]{margin-top:16px;max-width:600px;}
.containerCommentCreator.create .otherMedia[data-v-e98a296a]{margin-left:12px;}
.containerCommentCreator .textLine[data-v-e98a296a]{display:flex;}
.containerCommentCreator .otherMedia[data-v-e98a296a]{animation-duration:.2s;display:flex;}
@media only screen and (max-width:720px){
.containerCommentCreator .otherMedia[data-v-e98a296a]{display:none;}
}
.containerCommentCreator .optionLine[data-v-e98a296a]{display:flex;align-items:center;}
.containerCommentCreator .optionLine .timeBox[data-v-e98a296a]{font-size:12px;margin-left:2px;border:solid 1px var(--light2);background:#fff;color:var(--light2);border-radius:50px;display:inline-block;max-height:20px;width:44px;margin-top:-24px;}
.containerCommentCreator .optionLine .buttonLine[data-v-e98a296a]{flex:1;display:flex;justify-content:flex-end;}
.containerCommentCreator .optionLine .buttonLine .buttonCancel[data-v-e98a296a]{margin-right:8px;}
.containerCommentText .pastille[data-v-32983df8]{box-shadow:0 2px 5px rgba(27,57,84,.4);transition:all .25s;}
.containerCommentText[data-v-32983df8]{position:relative;transition:transform .2s ease-in-out;}
.containerCommentText .backgroundSelectedContainer[data-v-32983df8]{padding-top:8px;padding-bottom:0;cursor:pointer;transition:all .5s ease;background:hsla(0,0%,100%,0);}
.containerCommentText .backgroundSelectedContainer[data-v-32983df8]:hover{background:var(--light);}
.containerCommentText .backgroundSelectedContainer:hover .buttonsContainer[data-v-32983df8]{opacity:1;}
.containerCommentText .backgroundSelectedContainer.main[data-v-32983df8]{padding-left:12px;border-radius:8px;border-left:4px solid hsla(0,0%,100%,0);padding-right:8px;}
.containerCommentText .backgroundSelectedContainer.main .contentBox[data-v-32983df8]{border-left:solid 2px var(--light1);margin-left:22px;margin-top:0;}
.containerCommentText .backgroundSelectedContainer.main[data-v-32983df8]:hover{border-left:solid 4px var(--light1);background:var(--light);}
@media only screen and (max-width:720px){
.containerCommentText .backgroundSelectedContainer.main[data-v-32983df8]{padding-left:4px;}
}
.containerCommentText .pastille[data-v-32983df8]{top:0;left:0;animation-duration:1s;animation-delay:1s;position:absolute;width:12px;height:12px;border:2px solid #fff;border-radius:12px;background:var(--primary);}
.containerCommentText .replyEditor[data-v-32983df8]{margin-left:38px;padding-left:0;padding-bottom:2px;min-width:340px;border-left:solid 2px var(--light1);animation-duration:.5s;}
@media only screen and (max-width:720px){
.containerCommentText .replyEditor[data-v-32983df8]{min-width:240px;margin-left:30px;}
}
.containerCommentText .timeBox[data-v-32983df8]{position:absolute;border:solid 1px var(--light2);background:#fff;color:var(--light2);border-radius:50px;font-size:12px;top:60px;left:16px;width:48px;}
@media only screen and (max-width:720px){
.containerCommentText .timeBox[data-v-32983df8]{left:8px;}
}
.containerCommentText .avatarBox[data-v-32983df8]{display:flex;align-items:flex-start;width:100%;position:relative;height:8px;}
.containerCommentText .avatarBox .avatarTopLine[data-v-32983df8]{display:flex;align-items:center;}
.containerCommentText .avatarBox .avatarTopLine .avatarName[data-v-32983df8]{text-align:left;margin-left:8px;color:var(--black);font-weight:700;font-size:14px;}
.containerCommentText .avatarBox .avatarTopLine .avatarTime[data-v-32983df8]{margin-left:4px;text-align:left;font-size:14px;color:var(--light2);display:flex;}
.containerCommentText .avatarBox .avatarTopLine .avatarTime .dotClass[data-v-32983df8]{margin-right:4px;}
.containerCommentText .contentBox[data-v-32983df8]{padding-left:32px;padding-bottom:8px;}
.containerCommentText .contentBox .textComment[data-v-32983df8]{font-size:14px;margin-top:16px;color:var(--black);max-width:600px;font-weight:400;text-align:left;word-break:break-word;}
.containerCommentText .contentBox .webcamComment[data-v-32983df8]{text-align:left;}
.containerCommentText .contentBox .webcamComment .webcamVideoLayout[data-v-32983df8]{margin-top:24px;border-radius:8px;min-height:140px;max-width:140px;height:140px;max-height:140px;position:relative;}
.containerCommentText .buttonsContainer[data-v-32983df8]{display:flex;justify-content:flex-end;height:32px;opacity:0;transition:all .3s ease-in;}
.containerCommentText .buttonsContainer .spacer[data-v-32983df8]{flex:1;}
.containerCommentText .buttonsContainer .iconPlay.iconPlayReply[data-v-32983df8]{margin-right:-4px;}
.containerCommentText .buttonsContainer .iconDelete[data-v-32983df8]{position:absolute;top:4px;right:58px;}
#app .loading-background{background:#fff;}
.button,.textarea{-moz-appearance:none;-webkit-appearance:none;align-items:center;border:1px solid transparent;border-radius:4px;box-shadow:none;display:inline-flex;font-size:1rem;height:2.5em;justify-content:flex-start;line-height:1.5;padding-bottom:calc(.5em - 1px);padding-left:calc(.75em - 1px);padding-right:calc(.75em - 1px);padding-top:calc(.5em - 1px);position:relative;vertical-align:top;}
.button:active,.button:focus,.textarea:active,.textarea:focus{outline:none;}
[disabled].button{cursor:not-allowed;}
.button,.tabs{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.tabs:not(:last-child){margin-bottom:1.5rem;}
li,textarea,ul{margin:0;padding:0;}
ul{list-style:none;}
button,input,textarea{margin:0;}
*,:after,:before{box-sizing:inherit;}
video{height:auto;max-width:100%;}
section{display:block;}
button,input,textarea{font-family:Nunito Sans,sans-serif,Avenir,Helvetica,Arial;}
a{color:#9693cb;cursor:pointer;text-decoration:none;}
a:hover{color:#363636;}
span{font-style:inherit;font-weight:inherit;}
.button{background-color:#fff;border-color:#dbdbdb;border-width:1px;color:#363636;cursor:pointer;justify-content:center;padding-bottom:calc(.5em - 1px);padding-left:1em;padding-right:1em;padding-top:calc(.5em - 1px);text-align:center;white-space:nowrap;}
.button .icon,.button .icon.is-small{height:1.5em;width:1.5em;}
.button .icon:first-child:last-child{margin-left:calc(-.5em - 1px);margin-right:calc(-.5em - 1px);}
.button:hover{border-color:#b5b5b5;color:#363636;}
.button:focus{border-color:#9693cb;color:#363636;}
.button:focus:not(:active){box-shadow:0 0 0 .125em rgba(150,147,203,.25);}
.button:active{border-color:#4a4a4a;color:#363636;}
.button.is-text{background-color:transparent;border-color:transparent;color:#4a4a4a;text-decoration:underline;}
.button.is-text:focus,.button.is-text:hover{background-color:#f5f5f5;color:#363636;}
.button.is-text:active{background-color:#e8e8e8;color:#363636;}
.button.is-text[disabled]{background-color:transparent;border-color:transparent;box-shadow:none;}
.button.is-outlined{background-color:#d6d4f8;border-color:transparent;color:#0a082f;}
.button.is-outlined:hover{background-color:#ccc9f6;border-color:transparent;color:#0a082f;}
.button.is-outlined:focus{border-color:transparent;color:#0a082f;}
.button.is-outlined:focus:not(:active){box-shadow:0 0 0 .125em rgba(214,212,248,.25);}
.button.is-outlined:active{background-color:#c1bef4;border-color:transparent;color:#0a082f;}
.button.is-outlined[disabled]{background-color:#d6d4f8;border-color:#d6d4f8;box-shadow:none;}
.button.is-outlined.is-outlined{background-color:transparent;border-color:#d6d4f8;color:#d6d4f8;}
.button.is-outlined.is-outlined:focus,.button.is-outlined.is-outlined:hover{background-color:#d6d4f8;border-color:#d6d4f8;color:#0a082f;}
.button.is-outlined.is-outlined[disabled]{background-color:transparent;border-color:#d6d4f8;box-shadow:none;color:#d6d4f8;}
.button.is-small{font-size:.75rem;}
.button.is-small:not(.is-rounded){border-radius:4px;}
.button[disabled]{background-color:#fff;border-color:#dbdbdb;box-shadow:none;opacity:.5;}
.icon{align-items:center;display:inline-flex;justify-content:center;height:1.5rem;width:1.5rem;}
.icon.is-small{height:1rem;width:1rem;}
.textarea{background-color:#fff;border-color:#dbdbdb;border-radius:8px;color:#363636;}
.textarea:hover{border-color:#b5b5b5;}
.textarea:active,.textarea:focus{border-color:#9693cb;box-shadow:0 0 0 .125em rgba(150,147,203,.25);}
.textarea{box-shadow:inset 0 .0625em .125em hsla(0,0%,4%,.05);max-width:100%;width:100%;}
.is-small.textarea{border-radius:2px;font-size:.75rem;}
.textarea{display:block;max-width:100%;min-width:100%;padding:calc(.75em - 1px);resize:vertical;}
.textarea:not([rows]){max-height:40em;min-height:8em;}
.control{box-sizing:border-box;clear:both;font-size:1rem;position:relative;text-align:inherit;}
.tabs{-webkit-overflow-scrolling:touch;align-items:stretch;display:flex;font-size:1rem;justify-content:space-between;overflow:hidden;overflow-x:auto;white-space:nowrap;}
.tabs a{align-items:center;border-bottom-color:#dbdbdb;border-bottom-style:solid;border-bottom-width:1px;color:#4a4a4a;display:flex;justify-content:center;margin-bottom:-1px;padding:.5em 1em;vertical-align:top;}
.tabs a:hover{border-bottom-color:#363636;color:#363636;}
.tabs li{display:block;}
.tabs li.is-active a{border-bottom-color:#9693cb;color:#9693cb;}
.tabs ul{align-items:center;border-bottom-color:#dbdbdb;border-bottom-style:solid;border-bottom-width:1px;display:flex;flex-grow:1;flex-shrink:0;justify-content:flex-start;}
.has-text-white{color:#fff!important;}
.is-clearfix:after{clear:both;content:" ";display:table;}
.footer{background-color:#fafafa;padding:3rem 1.5rem 6rem;}
.icon{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:inherit;}
.loading-overlay{bottom:0;left:0;position:absolute;right:0;top:0;align-items:center;display:none;justify-content:center;overflow:hidden;z-index:29;}
.loading-overlay.is-active{display:flex;}
.loading-overlay .loading-background{bottom:0;left:0;position:absolute;right:0;top:0;background:#7f7f7f;background:hsla(0,0%,100%,.5);}
.loading-overlay .loading-icon{position:relative;}
.loading-overlay .loading-icon:after{animation:spinAround .5s linear infinite;border:2px solid #dbdbdb;border-radius:9999px;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:1em;position:relative;width:1em;position:absolute;top:calc(50% - 1.5em);left:calc(50% - 1.5em);width:3em;height:3em;border-width:.25em;}
.b-slider{margin:1em 0;background:transparent;width:100%;}
.b-slider .b-slider-track{display:flex;align-items:center;position:relative;cursor:pointer;background:#dbdbdb;border-radius:8px;}
.b-slider .b-slider-fill{position:absolute;height:100%;box-shadow:0 0 0 #7a7a7a;background:#dbdbdb;border-radius:8px;border:0 solid #7a7a7a;top:50%;transform:translateY(-50%);}
.b-slider .b-slider-thumb-wrapper{display:inline-flex;align-items:center;position:absolute;cursor:grab;transform:translate(-50%,-50%);top:50%;flex-direction:column;}
.b-slider .b-slider-thumb-wrapper .b-slider-thumb{box-shadow:none;border:1px solid #b5b5b5;border-radius:8px;background:#fff;}
.b-slider .b-slider-thumb-wrapper .b-slider-thumb:focus{transform:scale(1.25);}
.b-slider.slider-focus{padding-top:20px;padding-bottom:20px;margin-top:-20px;margin-bottom:-20px;cursor:pointer;}
.b-slider.is-rounded .b-slider-thumb{border-radius:9999px;}
.b-slider .b-slider-track{height:.5rem;}
.b-slider .b-slider-thumb{height:1rem;width:1rem;}
.b-slider.is-small .b-slider-track{height:.375rem;}
.b-slider.is-small .b-slider-thumb{height:.75rem;width:.75rem;}
.b-slider.is-primary .b-slider-fill{background:#9693cb!important;}
.b-tabs .tabs{margin-bottom:0;flex-shrink:0;}
.b-tabs .tabs li a:focus{outline:none;border-bottom-color:#9693cb;}
.b-tabs .tabs li:not(.is-active) a:focus{border-bottom-color:#363636;}
.b-tabs .tab-content{position:relative;overflow:visible;display:flex;flex-direction:column;padding:1rem;}
.b-tabs .tab-content .tab-item{flex-shrink:0;flex-basis:auto;}
.b-tabs .tab-content .tab-item:focus{outline:none;}
.b-tooltip{position:relative;display:inline-flex;}
.b-tooltip.is-top .tooltip-content{top:auto;right:auto;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);}
.b-tooltip.is-top .tooltip-content:before{top:100%;right:auto;bottom:auto;left:50%;transform:translateX(-50%);border-top:5px solid #9693cb;border-right:5px solid transparent;border-left:5px solid transparent;}
.b-tooltip.is-top.is-primary .tooltip-content:before{border-top-color:#9693cb;}
.b-tooltip .tooltip-content{width:auto;padding:.35rem .75rem;border-radius:16px;font-size:.85rem;font-weight:400;box-shadow:0 1px 2px 1px rgba(0,1,0,.2);z-index:38;white-space:nowrap;position:absolute;}
.b-tooltip .tooltip-content:before{position:absolute;content:"";pointer-events:none;z-index:38;}
.b-tooltip .tooltip-trigger{width:100%;}
.b-tooltip.is-primary .tooltip-content{background:#9693cb;color:#fff;}
button{font-family:Nunito Sans,sans-serif,Avenir,Helvetica,Arial sans-serif;font-weight:600;text-transform:uppercase;}
button.button{transition:all .25s;}
button.button:hover{box-shadow:1px 1px 10px rgba(0,0,0,.1);}
button.button.is-outlined.is-outlined{color:#0a082f;background:#fff;}
button.button.is-small{border-radius:12px;font-size:13px;font-weight:900;line-height:22px;height:32px;max-height:32px;padding-left:15px;padding-right:15px;}
button.button.is-small:not(.is-rounded){border-radius:12px;}
button.button.is-small .icon{font-size:22px;width:24px;height:16px;}
button.button.is-small .icon:first-child:last-child{width:16px;height:16px;}
button.button.is-text{text-decoration:none;text-transform:capitalize;color:#0a082f;}
button.button.is-lighttext{background:none;border:none;box-shadow:none;text-decoration:none;font-weight:400;text-transform:capitalize;}
.textarea{color:#0a082f;}
.textarea{font-weight:600;font-size:16px;}
.inputTextAreaLight textarea,.inputTextAreaLight textarea:active,.inputTextAreaLight textarea:focus{border:none;box-shadow:none;}
textarea.textarea::placeholder{color:#d6d4f8;}
.b-tabs .tabs a,.b-tabs .tabs ul{border-bottom-color:#d6d4f8;}
.b-tabs .tabs a{color:#9693cb;}
.b-tabs .tabs a:hover{color:#0a082f;border-bottom-color:#d6d4f8;}
.b-tabs .tabs li.is-active a{border-bottom-color:#0a082f;color:#0a082f;}
.b-tabs .tabs li:not(.is-active) a:focus{border-bottom-color:#d6d4f8;}
.b-tabs .tab-content{padding:0;}
div,section,span{box-sizing:border-box;}
div:focus,section:focus,span:focus{outline:none;}
.mdi:before{margin-left:1px;margin-top:1px;}
.layer1,.layer2,.layer3,.layer4,.layer5,.mask{position:absolute;height:100%;width:100%;top:0;}
.popper{width:auto;background-color:var(--light);color:var(--black);padding-top:2px;padding-bottom:2px;padding-left:8px;padding-right:8px;display:inline-block;border-radius:8px;position:absolute;font-size:14px;font-weight:400;border:1px var(--light) solid;z-index:200000;max-width:300px;text-align:left;box-shadow:0 2px 5px rgba(27,57,84,.4);pointer-events:none;}
.popper:hover{opacity:0;}
 .infinite-loading-container[data-v-644ea9c9]{clear:both;text-align:center;}
.infinite-loading-container[data-v-644ea9c9] [class^=loading-]{display:inline-block;margin:5px 0;width:28px;height:28px;font-size:28px;line-height:28px;border-radius:50%;}
.btn-try-infinite[data-v-644ea9c9]{margin-top:5px;padding:5px 10px;color:#999;font-size:14px;line-height:1;background:transparent;border:1px solid #ccc;border-radius:3px;outline:none;cursor:pointer;}
.btn-try-infinite[data-v-644ea9c9]:not(:active):hover{opacity:.8;}
 .loading-default[data-v-46b20d22]{position:relative;border:1px solid #999;-webkit-animation:loading-rotating-data-v-46b20d22 ease 1.5s infinite;animation:loading-rotating-data-v-46b20d22 ease 1.5s infinite;}
.loading-default[data-v-46b20d22]:before{content:"";position:absolute;display:block;top:0;left:50%;margin-top:-3px;margin-left:-3px;width:6px;height:6px;background-color:#999;border-radius:50%;}
 .commentContainer[data-v-ae679c5a]{height:100%;}
.commentContainer .titlePanelView[data-v-ae679c5a]{display:flex;align-items:center;margin-top:16px;}
.commentContainer .titlePanelView .leftCo[data-v-ae679c5a]{font-weight:900;font-size:14px;color:var(--dark);text-align:left;padding-left:16px;text-transform:uppercase;flex:1;}
.commentContainer .emptyStateLayout[data-v-ae679c5a]{position:relative;width:100%;min-height:300px;}
.commentContainer .containerContent[data-v-ae679c5a]{height:500px;position:relative;}
.commentContainer .containerContent .opaqueLayoutTop[data-v-ae679c5a]{width:100%;height:40px;pointer-events:none;position:absolute;top:-4px;background:linear-gradient(#fff,hsla(0,0%,100%,0));}
.commentContainer .containerContent .opaqueLayoutBottom[data-v-ae679c5a]{width:100%;height:40px;pointer-events:none;position:absolute;bottom:0;background:linear-gradient(hsla(0,0%,100%,0),#fff);}
@media only screen and (max-width:720px){
.commentContainer .containerContent .opaqueLayoutBottom[data-v-ae679c5a]{display:none;}
}
.commentContainer .containerContent .ps[data-v-ae679c5a]{max-width:400px;
/* max-height:calc(100vh - 340px);*/
padding-right:16px;padding-bottom:32px;min-height:320px;}
@media only screen and (max-width:720px){
.commentContainer .containerContent .ps[data-v-ae679c5a]{padding-right:0;}
}
.commentContainer .containerContent .footer[data-v-ae679c5a]{height:150px;background:transparent;}
.notificationHelperContainer[data-v-0ee2113a]{display:flex;animation-duration:.5s;margin-top:8px;margin-bottom:0;transition:transform .2s ease;}
.notificationHelperContainer .buttonHelperNotification[data-v-0ee2113a]{display:flex;cursor:pointer;background:var(--primary);font-size:14px;color:#fff;justify-content:center;width:100%;font-weight:600;padding-left:16px;padding-top:2px;padding-bottom:2px;padding-right:8px;border-radius:16px;align-items:center;}
.notificationHelperContainer[data-v-0ee2113a]:hover{transform:scale(1.02);}
.rightColumnTabs.b-tabs .tab-content{padding:0;padding-top:8px;}
.rightColumnTabs.b-tabs .tabs{margin-left:0px;margin-right:0px;}
.rightColumnTabs.b-tabs .tabs a{padding-top:0;}
.playWeetLayout .mainLineLayout .columnRight[data-v-5c9c57fc]{position:relative;animation-duration:.5s;min-width:415px;max-width:415px;}
@media only screen and (max-width:720px){
.playWeetLayout .mainLineLayout .columnRight[data-v-5c9c57fc]{min-width:320px;width:100%;}
}
.playWeetLayout .mainLineLayout .columnRight .spacerFullScreen[data-v-5c9c57fc]{height:32px;}
.playWeetLayout .mainLineLayout .columnRight .closeButton[data-v-5c9c57fc]{position:absolute;top:8px;right:8px;}
.playWeetLayout .mainLineLayout .columnRight .roundChannel[data-v-5c9c57fc]{background:var(--light);font-size:14px;line-height:18px;border-radius:24px;padding-left:4px;padding-right:4px;color:var(--light2);display:inline-block;}
.playWeetLayout .mainLineLayout .columnRight .commentCreatorRightPanel[data-v-5c9c57fc]{margin-top:0;margin-right:16px;margin-bottom:4px;}
@media only screen and (max-width:720px){
.playWeetLayout .mainLineLayout .columnRight .commentCreatorRightPanel[data-v-5c9c57fc]{margin-right:8px;width:100%;}
}
.playWeetLayout .mainLineLayout .columnRight .commentCreatorRightPanel .panelCreator[data-v-5c9c57fc]{margin-left:24px;max-width:375px;}
@media only screen and (max-width:720px){
.playWeetLayout .mainLineLayout .columnRight .commentCreatorRightPanel .panelCreator[data-v-5c9c57fc]{width:100%;margin-left:0;margin-top:0;}
}
.playWeetLayout .mainLineLayout .notificationHelper[data-v-5c9c57fc]{margin-left:24px;}
.playWeetLayout .mainLineLayout .commentPanelView[data-v-5c9c57fc]{margin-left:16px;min-width:320px;min-height:220px;max-height:calc(100% - 135px);}
@media only screen and (max-width:720px){
.playWeetLayout .mainLineLayout .commentPanelView[data-v-5c9c57fc]{min-width:300px;margin-left:0;}
}
 .button,.textarea{-moz-appearance:none;-webkit-appearance:none;align-items:center;border:1px solid transparent;border-radius:4px;box-shadow:none;display:inline-flex;font-size:1rem;height:2.5em;justify-content:flex-start;line-height:1.5;padding-bottom:calc(.5em - 1px);padding-left:calc(.75em - 1px);padding-right:calc(.75em - 1px);padding-top:calc(.5em - 1px);position:relative;vertical-align:top;}
.button:active,.button:focus,.textarea:active,.textarea:focus{outline:none;}
[disabled].button{cursor:not-allowed;}
.button,.tabs{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.tabs:not(:last-child){margin-bottom:1.5rem;}
li,textarea,ul{margin:0;padding:0;}
ul{list-style:none;}
button,input,textarea{margin:0;}
*,:after,:before{box-sizing:inherit;}
video{height:auto;max-width:100%;}
section{display:block;}
button,input,textarea{font-family:Nunito Sans,sans-serif,Avenir,Helvetica,Arial;}
a{color:#5f5fff;cursor:pointer;text-decoration:none;}
a:hover{color:#363636;}
span{font-style:inherit;font-weight:inherit;}
.button{background-color:#fff;border-color:#dbdbdb;border-width:1px;color:#363636;cursor:pointer;justify-content:center;padding-bottom:calc(.5em - 1px);padding-left:1em;padding-right:1em;padding-top:calc(.5em - 1px);text-align:center;white-space:nowrap;}
.button .icon,.button .icon.is-small{height:1.5em;width:1.5em;}
.button .icon:first-child:last-child{margin-left:calc(-.5em - 1px);margin-right:calc(-.5em - 1px);}
.button:hover{border-color:#b5b5b5;color:#363636;}
.button:focus{border-color:#5f5fff;color:#363636;}
.button:focus:not(:active){box-shadow:0 0 0 .125em rgba(95,95,255,.25);}
.button:active{border-color:#4a4a4a;color:#363636;}
.button.is-text{background-color:transparent;border-color:transparent;color:#4a4a4a;text-decoration:underline;}
.button.is-text:focus,.button.is-text:hover{background-color:#f5f5f5;color:#363636;}
.button.is-text:active{background-color:#e8e8e8;color:#363636;}
.button.is-text[disabled]{background-color:transparent;border-color:transparent;box-shadow:none;}
.button.is-outlined{background-color:#ddddf6;border-color:transparent;color:#0a082f;}
.button.is-outlined:hover{background-color:#d3d3f3;border-color:transparent;color:#0a082f;}
.button.is-outlined:focus{border-color:transparent;color:#0a082f;}
.button.is-outlined:focus:not(:active){box-shadow:0 0 0 .125em rgba(221,221,246,.25);}
.button.is-outlined:active{background-color:#c9c9f1;border-color:transparent;color:#0a082f;}
.button.is-outlined[disabled]{background-color:#ddddf6;border-color:#ddddf6;box-shadow:none;}
.button.is-outlined.is-outlined{background-color:transparent;border-color:#ddddf6;color:#ddddf6;}
.button.is-outlined.is-outlined:focus,.button.is-outlined.is-outlined:hover{background-color:#ddddf6;border-color:#ddddf6;color:#0a082f;}
.button.is-outlined.is-outlined[disabled]{background-color:transparent;border-color:#ddddf6;box-shadow:none;color:#ddddf6;}
.button.is-small{font-size:.75rem;}
.button.is-small:not(.is-rounded){border-radius:4px;}
.button[disabled]{background-color:#fff;border-color:#dbdbdb;box-shadow:none;opacity:.5;}
.icon{align-items:center;display:inline-flex;justify-content:center;height:1.5rem;width:1.5rem;}
.icon.is-small{height:1rem;width:1rem;}
.textarea{background-color:#fff;border-color:#dbdbdb;border-radius:8px;color:#363636;}
.textarea:hover{border-color:#b5b5b5;}
.textarea:active,.textarea:focus{border-color:#5f5fff;box-shadow:0 0 0 .125em rgba(95,95,255,.25);}
.textarea{box-shadow:inset 0 .0625em .125em hsla(0,0%,4%,.05);max-width:100%;width:100%;}
.is-small.textarea{border-radius:2px;font-size:.75rem;}
.textarea{display:block;max-width:100%;min-width:100%;padding:calc(.75em - 1px);resize:vertical;}
.textarea:not([rows]){max-height:40em;min-height:8em;}
.control{box-sizing:border-box;clear:both;font-size:1rem;position:relative;text-align:inherit;}
.tabs{-webkit-overflow-scrolling:touch;align-items:stretch;display:flex;font-size:1rem;justify-content:space-between;overflow:hidden;overflow-x:auto;white-space:nowrap;}
.tabs a{align-items:center;border-bottom-color:#dbdbdb;border-bottom-style:solid;border-bottom-width:1px;color:#4a4a4a;display:flex;justify-content:center;margin-bottom:-1px;padding:.5em 1em;vertical-align:top;}
.tabs a:hover{border-bottom-color:#363636;color:#363636;}
.tabs li{display:block;}
.tabs li.is-active a{border-bottom-color:#5f5fff;color:#5f5fff;}
.tabs ul{align-items:center;border-bottom-color:#dbdbdb;border-bottom-style:solid;border-bottom-width:1px;display:flex;flex-grow:1;flex-shrink:0;justify-content:flex-start;}
.has-text-white{color:#fff!important;}
.is-clearfix:after{clear:both;content:" ";display:table;}
.footer{background-color:#fafafa;padding:3rem 1.5rem 6rem;}
.icon{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:inherit;}
.loading-overlay{bottom:0;left:0;position:absolute;right:0;top:0;align-items:center;display:none;justify-content:center;overflow:hidden;z-index:29;}
.loading-overlay.is-active{display:flex;}
.loading-overlay .loading-background{bottom:0;left:0;position:absolute;right:0;top:0;background:#7f7f7f;background:hsla(0,0%,100%,.5);}
.loading-overlay .loading-icon{position:relative;}
.loading-overlay .loading-icon:after{animation:spinAround .5s linear infinite;border:2px solid #dbdbdb;border-radius:9999px;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:1em;position:relative;width:1em;position:absolute;top:calc(50% - 1.5em);left:calc(50% - 1.5em);width:3em;height:3em;border-width:.25em;}
.b-slider{margin:1em 0;background:transparent;width:100%;}
.b-slider .b-slider-track{display:flex;align-items:center;position:relative;cursor:pointer;background:#dbdbdb;border-radius:8px;}
.b-slider .b-slider-fill{position:absolute;height:100%;box-shadow:0 0 0 #7a7a7a;background:#dbdbdb;border-radius:8px;border:0 solid #7a7a7a;top:50%;transform:translateY(-50%);}
.b-slider .b-slider-thumb-wrapper{display:inline-flex;align-items:center;position:absolute;cursor:grab;transform:translate(-50%,-50%);top:50%;flex-direction:column;}
.b-slider .b-slider-thumb-wrapper .b-slider-thumb{box-shadow:none;border:1px solid #b5b5b5;border-radius:8px;background:#fff;}
.b-slider .b-slider-thumb-wrapper .b-slider-thumb:focus{transform:scale(1.25);}
.b-slider.slider-focus{padding-top:20px;padding-bottom:20px;margin-top:-20px;margin-bottom:-20px;cursor:pointer;}
.b-slider.is-rounded .b-slider-thumb{border-radius:9999px;}
.b-slider .b-slider-track{height:.5rem;}
.b-slider .b-slider-thumb{height:1rem;width:1rem;}
.b-slider.is-small .b-slider-track{height:.375rem;}
.b-slider.is-small .b-slider-thumb{height:.75rem;width:.75rem;}
.b-slider.is-primary .b-slider-fill{background:#5f5fff!important;}
.b-tabs .tabs{margin-bottom:0;flex-shrink:0;}
.b-tabs .tabs li a:focus{outline:none;border-bottom-color:#5f5fff;}
.b-tabs .tabs li:not(.is-active) a:focus{border-bottom-color:#363636;}
.b-tabs .tab-content{position:relative;overflow:visible;display:flex;flex-direction:column;padding:1rem;}
.b-tabs .tab-content .tab-item{flex-shrink:0;flex-basis:auto;}
.b-tabs .tab-content .tab-item:focus{outline:none;}
.b-tooltip{position:relative;display:inline-flex;}
.b-tooltip.is-top .tooltip-content{top:auto;right:auto;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);}
.b-tooltip.is-top .tooltip-content:before{top:100%;right:auto;bottom:auto;left:50%;transform:translateX(-50%);border-top:5px solid #5f5fff;border-right:5px solid transparent;border-left:5px solid transparent;}
.b-tooltip.is-top.is-primary .tooltip-content:before{border-top-color:#5f5fff;}
.b-tooltip .tooltip-content{width:auto;padding:.35rem .75rem;border-radius:16px;font-size:.85rem;font-weight:400;box-shadow:0 1px 2px 1px rgba(0,1,0,.2);z-index:38;white-space:nowrap;position:absolute;}
.b-tooltip .tooltip-content:before{position:absolute;content:"";pointer-events:none;z-index:38;}
.b-tooltip .tooltip-trigger{width:100%;}
.b-tooltip.is-primary .tooltip-content{background:#5f5fff;color:#fff;}
button{font-family:Nunito Sans,sans-serif,Avenir,Helvetica,Arial sans-serif;font-weight:600;text-transform:uppercase;}
button.button{transition:all .25s;}
button.button:hover{box-shadow:1px 1px 10px rgba(0,0,0,.1);}
button.button.is-outlined.is-outlined{color:#0a082f;background:#fff;}
button.button.is-small{border-radius:12px;font-size:13px;font-weight:900;line-height:22px;height:32px;max-height:32px;padding-left:15px;padding-right:15px;}
button.button.is-small:not(.is-rounded){border-radius:12px;}
button.button.is-small .icon{font-size:22px;width:24px;height:16px;}
button.button.is-small .icon:first-child:last-child{width:16px;height:16px;}
button.button.is-text{text-decoration:none;text-transform:capitalize;color:#0a082f;}
button.button.is-lighttext{background:none;border:none;box-shadow:none;text-decoration:none;font-weight:400;text-transform:capitalize;}
.textarea{color:#0a082f;}
.textarea{font-weight:600;font-size:16px;}
.inputTextAreaLight textarea,.inputTextAreaLight textarea:active,.inputTextAreaLight textarea:focus{border:none;box-shadow:none;}
textarea.textarea::placeholder{color:#ddddf6;}
.b-tabs .tabs a,.b-tabs .tabs ul{border-bottom-color:#ddddf6;}
.b-tabs .tabs a{color:#9393f1;}
.b-tabs .tabs a:hover{color:#0a082f;border-bottom-color:#ddddf6;}
.b-tabs .tabs li.is-active a{border-bottom-color:#0a082f;color:#0a082f;}
.b-tabs .tabs li:not(.is-active) a:focus{border-bottom-color:#ddddf6;}
.b-tabs .tab-content{padding:0;}
div,section,span{box-sizing:border-box;}
div:focus,section:focus,span:focus{outline:none;}
.mdi:before{margin-left:1px;margin-top:1px;}
 @keyframes spinAround{0%{transform:rotate(0deg);}to{transform:rotate(359deg);}}
@keyframes spinAround{0%{transform:rotate(0deg);}to{transform:rotate(359deg);}}
@-webkit-keyframes loading-rotating-data-v-46b20d22{0%{-webkit-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);}}
@keyframes loading-rotating-data-v-46b20d22{0%{-webkit-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);}}

.showriughtt
{
display: block;
top: 130px;
width: 25%;
position: absolute !important;
right: 0;	
	
	
}
.movechhat
{
	top:85px;
	right:10px;
	position:absolute;
	font-size: small;
}

.showjfjr
{
	right:85px;
	top:85px;
	position:absolute;
	font-size: small;
}

 .mdi:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.mdi-delete-outline::before{content:"\F09E7";}
.mdi-rewind-10::before{content:"\F0D2A";}
 .popper{width:auto;background-color:#fafafa;color:#212121;text-align:center;padding:2px;display:inline-block;border-radius:3px;position:absolute;font-size:14px;font-weight:400;border:1px solid #ebebeb;z-index:200000;box-shadow:0 0 6px 0 #3a3a3a;}
 .tootTipTemplate{word-break:break-word;}
.avatar[data-v-dfc9739e]{background-size:cover;border-radius:200px;width:48px;height:48px;transition:all .2s ease;border:1px solid var(--light1);}
.avatar.sticker[data-v-dfc9739e]{box-sizing:border-box;border-radius:48px 48px 48px 16px;border:2px solid #fff;}
.buttonWrapper[data-v-2045705e]{position:relative;}
.containerCommentText .pastille[data-v-32983df8]{box-shadow:0 2px 5px rgba(27,57,84,.4);transition:all .25s;}
.containerCommentText[data-v-32983df8]{position:relative;transition:transform .2s ease-in-out;}
.containerCommentText .backgroundSelectedContainer[data-v-32983df8]{padding-top:8px;padding-bottom:0;cursor:pointer;transition:all .5s ease;background:hsla(0,0%,100%,0);}
.containerCommentText .backgroundSelectedContainer[data-v-32983df8]:hover{background:var(--light);}
.containerCommentText .backgroundSelectedContainer:hover .buttonsContainer[data-v-32983df8]{opacity:1;}
.containerCommentText .backgroundSelectedContainer.main[data-v-32983df8]{padding-left:12px;border-radius:8px;border-left:4px solid hsla(0,0%,100%,0);padding-right:8px;}
.containerCommentText .backgroundSelectedContainer.main .contentBox[data-v-32983df8]{border-left:solid 2px var(--light1);margin-left:22px;margin-top:0;}
.containerCommentText .backgroundSelectedContainer.main[data-v-32983df8]:hover{border-left:solid 4px var(--light1);background:var(--light);}
.containerCommentText .backgroundSelectedContainer.main.selected[data-v-32983df8]{background:var(--light);border-left:solid 4px var(--primary);}
@media only screen and (max-width:720px){
.containerCommentText .backgroundSelectedContainer.main[data-v-32983df8]{padding-left:4px;}
}
.containerCommentText .pastille[data-v-32983df8]{top:0;left:0;animation-duration:1s;animation-delay:1s;position:absolute;width:12px;height:12px;border:2px solid #fff;border-radius:12px;background:var(--primary);}
.containerCommentText .replyEditor[data-v-32983df8]{margin-left:38px;padding-left:0;padding-bottom:2px;min-width:340px;border-left:solid 2px var(--light1);animation-duration:.5s;}
@media only screen and (max-width:720px){
.containerCommentText .replyEditor[data-v-32983df8]{min-width:240px;margin-left:30px;}
}
.containerCommentText .timeBox[data-v-32983df8]{position:absolute;border:solid 1px var(--light2);background:#fff;color:var(--light2);border-radius:50px;font-size:12px;top:60px;left:16px;width:48px;}
@media only screen and (max-width:720px){
.containerCommentText .timeBox[data-v-32983df8]{left:8px;}
}
.containerCommentText .avatarBox[data-v-32983df8]{display:flex;align-items:flex-start;width:100%;position:relative;height:8px;}
.containerCommentText .avatarBox .avatarTopLine[data-v-32983df8]{display:flex;align-items:center;}
.containerCommentText .avatarBox .avatarTopLine .avatarName[data-v-32983df8]{text-align:left;margin-left:8px;color:var(--black);font-weight:400;font-size:14px;}
.containerCommentText .avatarBox .avatarTopLine .avatarTime[data-v-32983df8]{margin-left:4px;text-align:left;font-size:14px;color:var(--light2);display:flex;}
.containerCommentText .avatarBox .avatarTopLine .avatarTime .dotClass[data-v-32983df8]{margin-right:4px;}
.containerCommentText .contentBox[data-v-32983df8]{padding-left:32px;padding-bottom:8px;}
.containerCommentText .contentBox .textComment[data-v-32983df8]{font-size:14px;margin-top:16px;color:var(--black);max-width:600px;font-weight:400;text-align:left;word-break:break-word;}
.containerCommentText .buttonsContainer[data-v-32983df8]{display:flex;justify-content:flex-end;height:32px;opacity:0;transition:all .3s ease-in;}
.containerCommentText .buttonsContainer .spacer[data-v-32983df8]{flex:1;}
.containerCommentText .buttonsContainer .iconPlay.iconPlayReply[data-v-32983df8]{margin-right:-4px;}
.containerCommentText .buttonsContainer .iconDelete[data-v-32983df8]{position:absolute;top:4px;right:58px;}
.button{-moz-appearance:none;-webkit-appearance:none;align-items:center;border:1px solid transparent;border-radius:4px;box-shadow:none;display:inline-flex;font-size:1rem;height:2.5em;justify-content:flex-start;line-height:1.5;padding-bottom:calc(.5em - 1px);padding-left:calc(.75em - 1px);padding-right:calc(.75em - 1px);padding-top:calc(.5em - 1px);position:relative;vertical-align:top;}
.button:active,.button:focus{outline:none;}
.button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
button{margin:0;}
*,:after,:before{box-sizing:inherit;}
button{font-family:Nunito Sans,sans-serif,Avenir,Helvetica,Arial;}
span{font-style:inherit;font-weight:inherit;}
.button{background-color:#fff;border-color:#dbdbdb;border-width:1px;color:#363636;cursor:pointer;justify-content:center;padding-bottom:calc(.5em - 1px);padding-left:1em;padding-right:1em;padding-top:calc(.5em - 1px);text-align:center;white-space:nowrap;}
.button .icon,.button .icon.is-small{height:1.5em;width:1.5em;}
.button .icon:first-child:last-child{margin-left:calc(-.5em - 1px);margin-right:calc(-.5em - 1px);}
.button:hover{border-color:#b5b5b5;color:#363636;}
.button:focus{border-color:#9693cb;color:#363636;}
.button:focus:not(:active){box-shadow:0 0 0 .125em rgba(150,147,203,.25);}
.button:active{border-color:#4a4a4a;color:#363636;}
.button.is-text{background-color:transparent;border-color:transparent;color:#4a4a4a;text-decoration:underline;}
.button.is-text:focus,.button.is-text:hover{background-color:#f5f5f5;color:#363636;}
.button.is-text:active{background-color:#e8e8e8;color:#363636;}
.button.is-small{font-size:.75rem;}
.button.is-small:not(.is-rounded){border-radius:4px;}
.icon{align-items:center;display:inline-flex;justify-content:center;height:1.5rem;width:1.5rem;}
.icon.is-small{height:1rem;width:1rem;}
.icon{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:inherit;}
button{font-family:Nunito Sans,sans-serif,Avenir,Helvetica,Arial sans-serif;font-weight:600;text-transform:uppercase;}
button.button{transition:all .25s;}
button.button:hover{box-shadow:1px 1px 10px rgba(0,0,0,.1);}
button.button.is-small{border-radius:12px;font-size:13px;font-weight:900;line-height:22px;height:32px;max-height:32px;padding-left:15px;padding-right:15px;}
button.button.is-small:not(.is-rounded){border-radius:12px;}
button.button.is-small .icon{font-size:22px;width:24px;height:16px;}
button.button.is-small .icon:first-child:last-child{width:16px;height:16px;}
button.button.is-text{text-decoration:none;text-transform:capitalize;color:#0a082f;}
button.button.is-lighttext{background:none;border:none;box-shadow:none;text-decoration:none;font-weight:400;text-transform:capitalize;}
 /*div,span{box-sizing:border-box;}*/
div:focus,span:focus{outline:none;}
.mdi:before{margin-left:1px;margin-top:1px;}
.popper{width:auto;background-color:var(--light);color:var(--black);padding-top:2px;padding-bottom:2px;padding-left:8px;padding-right:8px;display:inline-block;border-radius:8px;position:absolute;font-size:14px;font-weight:400;border:1px var(--light) solid;z-index:200000;max-width:300px;text-align:left;box-shadow:0 2px 5px rgba(27,57,84,.4);pointer-events:none;}
.popper:hover{opacity:0;}
 .button{-moz-appearance:none;-webkit-appearance:none;align-items:center;border:1px solid transparent;border-radius:4px;box-shadow:none;display:inline-flex;font-size:1rem;height:2.5em;justify-content:flex-start;line-height:1.5;padding-bottom:calc(.5em - 1px);padding-left:calc(.75em - 1px);padding-right:calc(.75em - 1px);padding-top:calc(.5em - 1px);position:relative;vertical-align:top;}
.button:active,.button:focus{outline:none;}
.button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
button{margin:0;}
*,:after,:before{box-sizing:inherit;}
button{font-family:Nunito Sans,sans-serif,Avenir,Helvetica,Arial;}
span{font-style:inherit;font-weight:inherit;}
.button{background-color:#fff;border-color:#dbdbdb;border-width:1px;color:#363636;cursor:pointer;justify-content:center;padding-bottom:calc(.5em - 1px);padding-left:1em;padding-right:1em;padding-top:calc(.5em - 1px);text-align:center;white-space:nowrap;}
.button .icon,.button .icon.is-small{height:1.5em;width:1.5em;}
.button .icon:first-child:last-child{margin-left:calc(-.5em - 1px);margin-right:calc(-.5em - 1px);}
.button:hover{border-color:#b5b5b5;color:#363636;}
.button:focus{border-color:#5f5fff;color:#363636;}
.button:focus:not(:active){box-shadow:0 0 0 .125em rgba(95,95,255,.25);}
.button:active{border-color:#4a4a4a;color:#363636;}
.button.is-text{background-color:transparent;border-color:transparent;color:#4a4a4a;text-decoration:underline;}
.button.is-text:focus,.button.is-text:hover{background-color:#f5f5f5;color:#363636;}
.button.is-text:active{background-color:#e8e8e8;color:#363636;}
.button.is-small{font-size:.75rem;}
.button.is-small:not(.is-rounded){border-radius:4px;}
.icon{align-items:center;display:inline-flex;justify-content:center;height:1.5rem;width:1.5rem;}
.icon.is-small{height:1rem;width:1rem;}
.icon{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:inherit;}
button{font-family:Nunito Sans,sans-serif,Avenir,Helvetica,Arial sans-serif;font-weight:600;text-transform:uppercase;}
button.button{transition:all .25s;}
button.button:hover{box-shadow:1px 1px 10px rgba(0,0,0,.1);}
button.button.is-small{border-radius:12px;font-size:13px;font-weight:900;line-height:22px;height:32px;max-height:32px;padding-left:15px;padding-right:15px;}
button.button.is-small:not(.is-rounded){border-radius:12px;}
button.button.is-small .icon{font-size:22px;width:24px;height:16px;}
button.button.is-small .icon:first-child:last-child{width:16px;height:16px;}
button.button.is-text{text-decoration:none;text-transform:capitalize;color:#0a082f;}
button.button.is-lighttext{background:none;border:none;box-shadow:none;text-decoration:none;font-weight:400;text-transform:capitalize;}
 /*div,span{box-sizing:border-box;}*/
div:focus,span:focus{outline:none;}
.mdi:before{margin-left:1px;margin-top:1px;}
 
 /* Initially hide the reply button */
.containerCommentText .replyButton {
    display: none;
}

/* Show the reply button when the user hovers over the comment container */
.containerCommentText:hover .replyButton {
    display: inline-block;
}
/* Targeting the specific container */
#commentsContainer::-webkit-scrollbar {
    width: 8px; /* Width of the scrollbar */
}

#commentsContainer::-webkit-scrollbar-track {
    background: #f1f1f1; /* Background of the scrollbar track */
    border-radius: 10px;
}

#commentsContainer::-webkit-scrollbar-thumb {
    background-color: #888; /* Color of the scrollbar thumb */
    border-radius: 10px; /* Rounded corners */
    border: 2px solid #f1f1f1; /* Padding around the thumb */
}

#commentsContainer::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* Change color on hover */
}
.date{ 
font-size: xx-small;
    color: darkgray;
    right: 40px;
    position: absolute;
	
	}
 
 #46376-pencil-icon {
    display: none;
}

.logo-container:hover #46376-pencil-icon {
    display: inline;
}

.search-results {
    position: absolute;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 100%;
    max-width: 400px;
    margin-top: 5px; /* Adjusts the position below the search box */
    z-index: 1000; /* Ensures it appears above other elements */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Optional shadow for better visibility */
}

.result-item:hover {
    background-color: #f5f5f5; /* Background change on hover */
}

.plyr {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0,0,0,0.12);
  }
  .plyr--video {
    background: #1c1b1f;
  }
  .plyr__control--overlaid {
    background: rgba(103, 80, 164, 0.9);
  }
  .plyr--full-ui input[type=range] {
    color: #6750a4;
  }

  /* List view video cards */
  .video-item .thumbnail-container {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background: #111;
  }
  .video-item video,
  .video-item .plyr {
    width: 100% !important;
    max-height: 180px;
    object-fit: cover;
  }
  
  /* Make the mute button stand out when video is muted */
.plyr--muted .plyr__control[data-plyr="mute"] {
  background: #6750a4 !important;
  color: white !important;
  transform: scale(1.15);
}