html,body{background:#f5f5f5;margin:0;padding:0;height:100%;position:relative;overflow-y:hidden;overflow-x:hidden}.flex{background:#f5f5f5;margin:0;padding:0;height:100%;display:flex;justify-content:center;align-items:center}.loader-container{display:flex;justify-content:center;align-items:center}.loader-icon{font-size:50px}.pages-display{height:100%;position:relative;overflow-y:hidden;overflow-x:hidden}.main-swiper .swiper-slide{background-color:transparent;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.thumbnail-swiper .swiper-slide{justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:100%;height:100%;opacity:.4}.thumbnail-swiper .swiper-slide-thumb-active{opacity:1;border-color:#dc143c}.thumbnail-swiper{width:30%;margin-left:35%}.main-swiper{height:70%;margin-top:.5%;--swiper-navigation-color:#fff;--swiper-pagination-color:#fff}.thumbnail-swiper-nav-item{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;width:90px;height:105px}.thumbnail-swiper-border{border:thin solid #808080}.thumbnail-container{color:#f8f8ff;position:absolute;bottom:0;height:20%;width:100%;display:flex;justify-content:center;align-items:center}.mug-canvas-container{display:flex;justify-content:center;align-items:center}.popover-body>div:hover{cursor:pointer}.popover{max-width:350px;width:auto}.hover-effect:hover{color:#dc143c}.dot{height:31px;width:31px;border-radius:50%;background-color:#fff;display:inline-block}.gray-border{border-style:solid;border-color:#a9a9a9}.text-font-size-box{height:35px;width:35px;border-radius:25%;border-style:solid;border-color:#a9a9a9;margin:3px;display:inline-block}.font-style-selected{border:solid;border-color:#00f;background-color:#87cefa}.text-font-color-box{height:35px;width:250px;border-style:solid;border-color:#a9a9a9;margin:3px;border-radius:5px;display:inline-block}.border-green{border-style:solid;border-color:#008000}.text-color-box{height:25px;width:25px;border-radius:25%;margin:3px;display:inline-block}.color-select-dot{height:25px;width:25px;border-radius:50%;background-color:#fff;display:inline-block}.fill-blue{background-color:#00f}.text_alignment_options{display:flex;align-items:center;justify-content:center;margin-right:5px;height:40px;width:40px;border-radius:25%;border:solid}.text_alignment{display:flex;flex-direction:row}.text_alignment_active{border-color:#00f}div.sliderContainer{width:250px;text-align:center}.image-slider{-webkit-appearance:none;appearance:none;height:12px!important;width:150px;border-radius:10em;background-color:#90ee90;outline:0;margin-bottom:2px}.image-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#90ee90;cursor:pointer;border:3px solid #f4f4f4}.image-slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background-color:#90ee90;cursor:pointer;border:3px solid #f4f4f4}.image-slider-output{color:#228b22;font-size:15px;font-weight:bold;margin:auto}.icon-white{color:#fff}.vertical-text-allignment-options{display:inline-block;margin-right:5px;height:40px;width:40px;border-radius:25%;position:relative;border:solid}.gainsboro-border{border-color:#dcdcdc}.text-alignment-active{border-color:#00f}.icon-in-top{position:absolute;top:0;left:50%;transform:translateX(-50%)}.icon-in-center{position:absolute;margin-top:7px;left:50%;transform:translateX(-50%)}.icon-in-bottom{position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.hover-effect-text-alignment:hover{color:#dc143c;border-color:#dc143c}.flex-container{padding-top:0;display:flex;flex-direction:column}.item-margin{margin-top:.8rem!important}.border-white{border-style:solid;border-color:#fff}.single-page-flex{margin:0;padding:0;height:92%;display:flex;justify-content:center;align-items:center}.add-video-button{width:185px;height:30px;background-color:#dc143c;border:solid thin #dc143c;color:#fff;border:#dc143c;border-radius:5px;font-size:smaller}.maybe-later-button{width:185px;background-color:#fff;border:solid thin #dc143c;color:#dc143c;border-radius:5px;font-size:smaller}.font-13{font-size:13px}.video-cross-icon{align-self:center}.font-small{font-size:smaller}.font-large{font-size:larger}.vertical-center{margin-top:auto;margin-bottom:auto}.video-toolbar-width{width:185px}@media only screen and (max-width:1200px){.thumbnail-swiper{width:60%;margin-left:20%}}@media only screen and (max-width:1000px){.thumbnail-swiper{width:70%;margin-left:15%}}@media only screen and (max-width:600px){.flex-container{display:flex;flex-direction:row}.item-margin{margin-left:.3rem!important;margin-top:0!important}.visibility{visibility:hidden}.dot{height:22px;width:22px;border-radius:50%;background-color:#fff;box-sizing:content-box;display:block}.height{max-height:47px}.item-text{margin-top:2px;font-size:9px;text-align:center;white-space:pre-wrap}.thumbnail-swiper{width:80%;margin-left:10%}.main-swiper{height:72%;margin-top:.5%;--swiper-navigation-color:#fff;--swiper-pagination-color:#fff}.side-toolbars{bottom:0;height:25%;position:absolute;width:100%;background-color:#fff;z-index:5}.thumbnail-container{color:#f8f8ff;position:absolute;bottom:0;height:18%;width:100%;display:flex;justify-content:center;align-items:center}.popover-body{padding:4px}}