body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body,html{height:100%;background:#000}.link{text-decoration:none}.App{background:#000}.active{color:#ff7a00}.wrapper{display:grid;grid-template-columns:259px 1fr;min-height:100vh}.card-content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:20px;gap:20px;width:90%;margin:0 auto;padding:30px 0}.show-more-videos-wrapper{display:grid;width:100%;margin-top:20px;justify-content:center}.show-more-videos-wrapper button{width:100%}.form-container{width:90%;margin:0 auto}.form-container h1{font-family:Avenir,sans-serif;font-style:normal;font-weight:600;font-size:24px;line-height:33px;color:#fff}.form-container textarea{background:hsla(0,0%,82.4%,.25);border:2px solid #d2d2d2;box-sizing:border-box;border-radius:5px;height:177px;width:100%;font-size:18px;line-height:21px;color:#fff;padding:16px;resize:none;margin-bottom:20px}.form-container textarea::-webkit-input-placeholder{font-family:Avenir,sans-serif;font-size:18px;line-height:21px;color:#b1b1b1}.form-container textarea:-ms-input-placeholder{font-family:Avenir,sans-serif;font-size:18px;line-height:21px;color:#b1b1b1}.form-container textarea::-ms-input-placeholder{font-family:Avenir,sans-serif;font-size:18px;line-height:21px;color:#b1b1b1}.form-container textarea::placeholder{font-family:Avenir,sans-serif;font-size:18px;line-height:21px;color:#b1b1b1}.inline-input{display:grid;grid-template-columns:3fr 1fr;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px}.inline-input input:first-child{width:100%;font-family:Avenir,sans-serif;font-size:18px;line-height:21px;margin-bottom:20px;padding:16px;background:hsla(0,0%,82.4%,.25);border:2px solid #bcbcbc;box-sizing:border-box;border-radius:5px;color:#fff}.inline-input input:first-child::-webkit-input-placeholder{font-family:Avenir,sans-serif;font-size:18px;line-height:21px;color:#b1b1b1}.inline-input input:first-child:-ms-input-placeholder{font-family:Avenir,sans-serif;font-size:18px;line-height:21px;color:#b1b1b1}.inline-input input:first-child::-ms-input-placeholder{font-family:Avenir,sans-serif;font-size:18px;line-height:21px;color:#b1b1b1}.inline-input input:first-child::placeholder{font-family:Avenir,sans-serif;font-size:18px;line-height:21px;color:#b1b1b1}.file-upload{display:grid;margin-bottom:20px;grid-template-columns:3fr 1fr;align-items:center;justify-self:flex-end;background:hsla(0,0%,82.4%,.25);border:2px solid #bcbcbc;box-sizing:border-box;border-radius:5px;color:#fff;padding:0 20px;width:90%;cursor:pointer}.file-upload label{overflow-x:hidden;font-family:Avenir,sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:25px;color:#b1b1b1;justify-self:center;max-width:140px}.file-upload input{display:none}.file-upload img{display:block;justify-self:flex-end;margin-left:30px}.input-file-container{display:grid;grid-template-columns:20%}.input-file{display:grid;margin-bottom:20px;grid-template-columns:3fr 1fr;align-items:center;background:hsla(0,0%,82.4%,.25);border:2px solid #bcbcbc;box-sizing:border-box;border-radius:5px;color:#fff;padding:10px 20px;cursor:pointer}.input-file input{display:none}.input-file label{overflow-x:hidden;font-family:Avenir,sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:25px;color:#b1b1b1;justify-self:flex-start;max-width:140px}.input-file img{display:block;justify-self:flex-end}.form-container button{width:100%;margin-top:24px;margin-bottom:40px}.form-container button:hover{background:hsla(0,0%,82.4%,.25);border:2px solid #bcbcbc;border-radius:5px;color:#fff;transition:background .2s ease-in-out}.form-container input:focus,.form-container textarea:focus{color:#fff;outline:none;box-shadow:0 0 3px 1px #ff7a00;border:2px solid #ff7a00}.cover{width:100%}.cover img{width:100%;height:182px;object-fit:cover}.show-more-videos{background:transparent;border:none;color:#fff;font-size:16px;font-weight:500;justify-self:flex-end;display:block;width:80%;cursor:pointer;outline:none}.show-more-videos:hover{color:#ff7a00;transition:all .3s}.empty-subscribtion{display:grid;justify-content:center;align-items:center;padding-top:20px}.empty-subscribtion img{border:2px solid #ff7a00;margin:0 auto;width:200px;height:200px;object-fit:cover;border-radius:10px}.empty-subscribtion h3{text-align:center;color:#ff7a00}.empty-subscribtion p{text-align:center;color:#fff}.landing-container{display:grid;grid-template-columns:1fr 1fr;color:#fff;justify-items:center;align-items:center;width:100%;height:100vh}.landing-welcome{justify-self:flex-end;margin-right:100px}.landing-welcome img{display:block;margin-bottom:61px}.button{cursor:pointer;display:block;padding:13px 40px;background:#ff7a00;border-radius:5px;border:none;font-family:Avenir,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:25px;color:#fff}.button:hover{background:hsla(0,0%,82.4%,.25);border:2px solid #bcbcbc;border-radius:5px;color:#fff;transition:background .2s ease-in-out}.landing-form{margin-left:100px;justify-self:flex-start;background:#161616;border-radius:10px;width:416px;padding:20px 33px 44px;box-sizing:border-box;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.landing-form input,.landing-form textarea{display:block;width:100%;margin-bottom:20px;padding:16px;background:hsla(0,0%,82.4%,.25);border:2px solid #bcbcbc;box-sizing:border-box;border-radius:5px;color:#fff}.landing-form textarea{font-family:Avenir,sans-serif;height:122px}.landing-form input:focus,.landing-form textarea:focus{color:#fff;outline:none;box-shadow:0 0 3px 1px #ff7a00;border:2px solid #ff7a00}.landing-form button{width:100%}.input-validation{display:block;margin-top:-10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:20px;padding:10px 16px;font-size:16px;background:red;box-sizing:border-box;color:#fff;border-radius:5px;animation:showErrorAlert .2s ease}.validation-triangle{position:absolute;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:30px solid red;transform:translate(-10px,-30px)}.success-info{background-color:#ff7a00}.error-info,.success-info{border-radius:5px;box-sizing:border-box;text-align:center;padding:10px 0;margin-bottom:20px;color:#fff;animation:showErrorAlert .2s ease}.error-info{background-color:#ff0800}.error-info p,.success-info p{padding:0;font-weight:500;font-size:16px;line-height:5px}@keyframes showErrorAlert{0%{transform:translateY(-10px)}to{transform:translateY(0)}}.btn-loader{width:20px;height:20px}.btn-loader,.card-loader{border:5px solid #f3f3f3;border-top-color:#ff7a00;border-radius:50%;animation:spin 2s linear infinite;margin:0 auto}.card-loader{width:40px;height:40px}.comment-loader{border:5px solid #f3f3f3;border-top-color:#ff7a00;border-radius:50%;width:20px;height:20px;animation:spin 2s linear infinite;margin:0 auto}.video-chanel-loader-container{display:grid;justify-items:center;align-items:center;width:100%;height:100%}.video-chanel-loader{border:7px solid #f3f3f3;border-top-color:#ff7a00;border-radius:50%;width:40px;height:40px;animation:spin 2s linear infinite;margin:0 auto}.page-loader-container{display:grid;justify-items:center;align-items:center;width:100%;height:100%}.page-loader{border:7px solid #f3f3f3;border-top-color:#ff7a00;border-radius:50%;width:40px;height:40px;animation:spin 2s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sidebar{padding:40px;height:100%;background:#151515}.sidebar-logo{margin-bottom:30px}.sidebar-list{color:#fff;list-style-type:none;padding-left:0}.sidebar-list-item{margin-bottom:28px}.sidebar-link{display:flex;align-items:center;cursor:pointer;color:#fff;text-decoration:none}.sidebar-link span{font-family:Avenir,sans-serif;font-style:normal;font-weight:400;font-size:16px;color:#fff}.sidebar-link span:hover{font-size:18px;color:#ff7a00;transition:font-size .2s}.sidebar-link img{margin-right:20px}.sidebar-list-title{font-family:Avenir,sans-serif;font-style:normal;font-weight:500;font-size:24px;line-height:101.5%;color:#ff7a00;margin-bottom:25px}.sidebar-photo-profile{width:30px;height:30px}.sidebar-username{display:inline-block;text-overflow:ellipsis;overflow:hidden;width:auto;min-width:100px;max-width:65%;white-space:nowrap}.show-more{font-family:Avenir,sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:101.5%;color:#fff;background:none;border:none;margin:20px auto 0;display:block;cursor:pointer}.sidebar-link span.active{color:#ff7a00}.navbar{display:grid;grid-template-columns:1fr 1fr;align-items:baseline;width:90%;margin:0 auto;padding:20px 0}.search-bar{position:relative}.search-bar input{width:100%;margin-bottom:20px;padding:14px;background:hsla(0,0%,82.4%,.25);border:2px solid #bcbcbc;box-sizing:border-box;border-radius:5px;color:#fff;font-size:16px}.search-bar input:focus{color:#fff;outline:none;box-shadow:0 0 3px 1px #ff7a00;border:2px solid #ff7a00}.navbar-menu{justify-self:end}.navbar-menu-list{display:flex;align-items:center;list-style-type:none;margin-right:0}.navbar-menu-item:first-child{margin-right:60px}.navbar-menu-link{display:flex;align-items:center;cursor:pointer}.navbar-menu-link span{color:#fff;margin-left:10px}.navbar-menu-link span:hover{color:#ff7a00;transition:color .3s ease}.navbar-menu-link span.active{color:#ff7a00}.navbar-menu-button{border:none;background:none;width:40px;height:40px;padding:0;cursor:pointer;border-radius:50%}.navbar-menu-button img{width:100%;height:100%;object-fit:cover;border-radius:50%}.dropdown-wrapper{position:absolute;transform:translateX(-160px);min-width:200px;box-sizing:border-box;z-index:99;animation:showDropdown .3s ease}.dropdown-list{display:grid;grid-row-gap:20px;row-gap:20px;list-style-type:none;padding:20px 0 28px;background:#151515;box-shadow:0 4px 4px rgba(0,0,0,.25),4px 4px 20px rgba(0,0,0,.25);border-radius:10px}.dropdown-link{display:flex;align-items:center;color:#fff;cursor:pointer}.dropdown-link img{flex-basis:40%}.dropdown-link span{flex-basis:60%;font-family:Avenir,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:101.5%;color:#fff}.dropdown-link span:hover{font-size:18px;color:#ff7a00;transition:font-size .2s}.dropdown-link span.active{color:#ff7a00}.polygon{width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:40px solid #141414;transform:translate(150px,10px)}.dropdown-wrapper-comment{position:absolute;right:0;top:40px;box-sizing:border-box}.dropdown-list-comment{display:grid;grid-row-gap:20px;row-gap:20px;list-style-type:none;justify-items:center;padding:10px 20px;background:#151515;border:1px solid #fff;box-shadow:0 4px 4px rgba(0,0,0,.25),4px 4px 20px rgba(0,0,0,.25);border-radius:10px}.dropdown-link-comment{display:flex;align-items:center;color:#fff;cursor:pointer}.dropdown-comment-icon{width:20px;margin-right:5px}.dropdown-link-comment span:hover{color:#ff7a00;transition:font-size .2s}.dropdown-wrapper-video{position:absolute;right:0;top:24px;box-sizing:border-box}.dropdown-list-video{display:grid;grid-row-gap:20px;row-gap:20px;list-style-type:none;justify-items:center;padding:10px 20px;background:#151515;border:1px solid #fff;box-shadow:0 4px 4px rgba(0,0,0,.25),4px 4px 20px rgba(0,0,0,.25);border-radius:10px}.dropdown-link-video{display:flex;align-items:center;color:#fff;cursor:pointer}.dropdown-video-icon{width:20px;margin-right:5px}.dropdown-link-video span:hover{color:#ff7a00;transition:font-size .2s}@keyframes showDropdown{0%{transform:translate(-160px,-10px)}to{transform:translate(-160px)}}.search-container{position:absolute;width:100%;z-index:99;border-radius:5px;border:2px solid #ff7a00;box-sizing:border-box;background:#363636}.search-item-loader{grid-gap:20px}.search-item,.search-item-loader{display:grid;padding:10px 20px;border-bottom:1px solid #eee;gap:20px}.search-item{grid-template-columns:60px 1fr;grid-gap:20px}.search-item-thumbnail{width:100%;overflow:hidden}.search-item-thumbnail img{width:100%;height:60px;border-radius:50%;object-fit:cover}.search-container .search-item:last-child{border-bottom:none}.search-item-title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.search-item-title h3{margin-top:0;margin-bottom:0}.search-item-title h3,.search-item-title span{color:#fff;font-size:14px}.search-item-title h3:hover{color:#ff7a00}.search-empty{display:grid;width:100%;justify-content:center;align-items:center;padding:20px 0}.search-empty span{color:#fff;font-size:14px}.search-show-more{display:grid;align-items:center;justify-items:center;padding:15px 0}.search-show-more button{background:transparent;border:none;font-size:14px;color:#fff;cursor:pointer}.search-show-more button:focus{outline:none}.search-show-more button:hover{color:#ff7a00}.card-thumbnail-container{display:grid;align-items:center;justify-content:center;overflow:hidden;height:200px;background:#9b9a9a;border-radius:5px;position:relative}.card-thumbnail{width:100%;height:200px;object-fit:cover;cursor:pointer;border-radius:5px;transition:transform .5s}.card-thumbnail:hover{border-radius:5px;transform:scale(1.3)}.card-title{font-weight:600;font-size:14px;line-height:14px;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-title,.card-username{font-family:Avenir,sans-serif;font-style:normal}.card-username{font-weight:500;font-size:12px;line-height:101.5%;color:#aaa;margin-bottom:5px}.card-title:hover,.card-username:hover{color:#ff7a00;transition:color .3s ease}.card span{font-family:Avenir,sans-serif;font-style:normal;font-weight:400;font-size:12px;line-height:101.5%;color:#aaa;margin-right:20px}.btn-delete{display:grid;position:absolute;width:32px;height:32px;padding:0;border:none;background:none;cursor:pointer;z-index:99;top:0;right:0}.btn-delete img{width:100%;height:100%}.btn-delete:hover{width:35px;height:35px;transition:all .4s}.modal-container{position:fixed;display:grid;justify-items:center;align-items:center;top:0;right:0;width:100%;height:100%;z-index:100;opacity:0}.modal-container-subscribe{position:fixed;display:grid;bottom:0;left:0;z-index:99;opacity:0}.show{opacity:1}.close,.show{transition:opacity .3s ease-in-out}.close{opacity:0}.modal-box{padding-top:0;padding-bottom:0;box-sizing:border-box;width:50%;background:#151515;border-radius:5px;border:1px solid #fff}.modal-header{background:#ff7a00;padding:10px 20px;border-top-left-radius:5px;border-top-right-radius:5px}.modal-header h1{font-family:Avenir,sans-serif;font-style:normal;font-weight:500;font-size:18px;color:#fff;padding:0}.modal-body{background:#151515;padding:10px 20px;border-top-left-radius:5px;border-top-right-radius:5px}.modal-body p{text-align:center;font-family:Avenir,sans-serif;font-style:normal;font-weight:700;font-size:18px;color:#fff;padding:0}.modal-footer{padding:10px 20px;text-align:right;border-top:1px solid #bcbcbc;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.modal-footer button{padding:8px 20px;background:#464545;border-radius:5px;border:none;font-family:Avenir,sans-serif;font-style:normal;font-weight:200;font-size:14px;color:#fff;margin-left:20px;cursor:pointer}.modal-footer button.btn-del{background:red}.modal-footer button:hover{background:#464545;border-radius:5px;color:#fff;transition:background .2s ease-in-out}.modal-box-subscribe{padding-top:0;padding-bottom:0;box-sizing:border-box}.modal-header-subscribe{transform:translate(50px,-50px);background:#ff7a00;padding:10px 20px;border-radius:5px;text-align:center}.modal-header-subscribe h1{font-family:Avenir,sans-serif;font-style:normal;font-weight:500;font-size:18px;color:#fff;padding:0}.video-container{display:grid;grid-template-columns:2fr 1fr;width:90%;margin:0 auto}.video-wrapper{padding-bottom:10px}.video-player{width:100%!important}.video-title{font-family:Avenir,sans-serif;font-style:normal;font-weight:600;font-size:18px;line-height:101.5%;color:#fff}.video-description-wrapper{margin-top:10px;margin-bottom:30px}.video-description-header{display:grid;grid-template-columns:100px 1fr 1fr;padding:20px 0;border-bottom:1px solid #c2c2c2;border-top:1px solid #c2c2c2}.video-username span{display:block;margin-left:20px}.content-creator-username{font-weight:600;font-size:24px;color:#fff;margin-bottom:10px}.content-creator-username,.count-subscriber{font-family:Avenir,sans-serif;font-style:normal;line-height:101.5%}.count-subscriber{font-size:14px;color:#f0f0f0}.video-description-header img{width:100%;height:100px;object-fit:cover}.button-wrapper{align-self:center;justify-self:flex-end}.btn-subscribe{background:#ff7a00}.btn-subscribe,.btn-unsubscribe{cursor:pointer;display:block;padding:10px 20px;border-radius:5px;border:none;font-family:Avenir,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:25px;color:#fff}.btn-subscribe:hover,.btn-unsubscribe{background:hsla(0,0%,82.4%,.25)}.btn-subscribe:hover{border:2px solid #bcbcbc;border-radius:5px;color:#fff;transition:background .2s ease-in-out}.video-description-body{border-bottom:1px solid #c2c2c2;margin-bottom:30px;padding-bottom:20px}.video-description-body p{font-family:Avenir,sans-serif;font-style:normal;font-weight:400;font-size:17px;line-height:20px;text-align:justify;color:#fff}.recomendation-video{display:grid;justify-items:flex-end;grid-row-gap:20px;row-gap:20px;margin-bottom:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.recomendation-video .card{width:80%;padding-bottom:20px;margin-bottom:10px;border-bottom:1px solid #aaa}.recomendation-video .card:last-child{border-bottom:none}.empty-video{color:#fff}.create-now,.empty-video{font-family:Avenir,sans-serif;font-style:normal;font-weight:400;font-size:17px;line-height:20px;text-align:center}.create-now{color:#ff7a00}.create-now:hover{color:#555}.video-info{width:50%;grid-template-columns:50px 50px 1fr;grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px}.info-item,.video-info{display:grid;align-items:center}.info-item{grid-template-columns:30px 1fr}.info-item span{font-family:Avenir,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:101.5%;color:#aaa;margin-right:20px}.info-item img{margin-right:5px;width:20px;height:20px}.info-item button{box-sizing:border-box;background:transparent;padding-top:5px;padding-left:0;border:none;cursor:pointer}.info-item button:focus{outline:none}.info-item button img{width:20px;height:20px}.comment-input{display:grid;grid-template-columns:50px 1fr;margin-bottom:20px}.comment-input img{width:50px;height:50px;object-fit:cover}.comment-input textarea{justify-self:flex-end;width:99%;height:50px;padding:10px;background:#000;border:none;border-bottom:2px solid #bcbcbc;box-sizing:border-box;color:#fff;font-size:16px;transition:all .4s;resize:none}.comment-input textarea:focus{color:#fff;outline:none;box-shadow:0 0 3px -4px #ff7a00;border-bottom:2px solid #ff7a00;height:80px}.comment-input textarea:focus::-webkit-input-placeholder{color:transparent}.comment-form .button{display:block;margin-left:auto;padding:10px 20px;width:120px;font-size:16px;font-weight:400}.comment-form .button:hover{background:hsla(0,0%,82.4%,.25);border:2px solid #bcbcbc;border-radius:5px;color:#fff;transition:background .2s ease-in-out}.comment-list{position:relative;display:grid;grid-template-columns:50px 1fr;grid-gap:20px;gap:20px;margin:20px 0}.comment-thumbnail{width:50px;height:50px;object-fit:cover;border-radius:50%}.comment-body{display:grid;grid-template-columns:1fr 20px;background-color:#151515;padding:10px 20px;border-radius:5px}.comment-body h2{line-height:0;font-weight:500;font-size:13px}.comment-body h2,.comment-body p{font-family:Roboto,Arial,sans-serif;font-style:normal;color:#fff}.comment-body p{font-size:15px;line-height:20px;font-weight:600}.triangle-comment{position:absolute;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #151515;transform:translateX(60px) rotate(-90deg)}.comment-menu button{cursor:pointer;background-color:transparent;border:none;padding:0}.comment-menu img{width:30px;height:30px}.progress-container{position:fixed;display:grid;justify-items:center;align-items:center;top:0;right:0;width:100%;height:100%;z-index:2;background-color:rgba(0,0,0,.7)}.progress-bar-container{position:relative;background:hsla(0,0%,82.4%,.25);border:2px solid #bcbcbc;width:50%;text-align:center;color:#fff;font-style:normal;font-weight:600;font-size:18px;border-radius:5px;overflow:hidden;box-sizing:border-box}.progress-bar{position:absolute;height:100%;left:0;background:#ff7a00;transition:width .4s}.progress-bar-container span{position:relative;z-index:20;padding:10px;display:block}.channel-wrapper{width:90%;margin:0 auto}.channel-header{display:grid;grid-template-columns:100px 1fr 1fr;padding:20px 0}.channel-header img{width:100%;height:100px;object-fit:cover}.channel-username span{display:block;margin-left:20px}.channel-username span:first-child{font-family:Avenir,sans-serif;font-style:normal;font-weight:600;font-size:24px;line-height:101.5%;color:#fff;margin-bottom:10px}.channel-username span:last-child{font-size:14px;line-height:101.5%;color:#f0f0f0}.btn-channel,.channel-username span:last-child{font-family:Avenir,sans-serif;font-style:normal}.btn-channel{cursor:pointer;display:block;padding:10px 20px;background:#ff7a00;border-radius:5px;border:none;font-weight:400;font-size:16px;line-height:25px;color:#fff}.btn-channel:hover{background:hsla(0,0%,82.4%,.25);border:2px solid #bcbcbc;border-radius:5px;color:#fff;transition:background .2s ease-in-out}.channel-nav{display:flex;color:#fff;padding-left:0;border-bottom:1px solid #c2c2c2;padding-bottom:10px}.channel-nav li{padding-left:0;list-style-type:none;margin-right:30px;font-size:18px;cursor:pointer}.channel-description p,.channel-nav li{font-family:Avenir,sans-serif;font-style:normal;font-weight:400;line-height:101.5%}.channel-description p{font-size:17px;text-align:justify;color:#fff}.channel-card{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:20px;gap:20px;margin:0 auto;padding:30px 0}.border-bottom{border-bottom:1px solid #c2c2c2}.preview-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px}.preview-image{padding:14px;background:hsla(0,0%,82.4%,.25);border:2px solid #d2d2d2;box-sizing:border-box;border-radius:5px;margin-bottom:20px}.preview-image img{width:100%;object-fit:cover}.preview-image h2{font-size:19px;margin-top:0;font-family:Avenir,sans-serif;font-style:normal;font-weight:700;color:#fff;border-bottom:2px solid #d2d2d2;padding-left:0;padding-right:0;padding-bottom:10px}
/*# sourceMappingURL=main.94227a14.chunk.css.map */