main{width:100%;display:flex;flex-direction:row;justify-content:space-between}main h1{margin-top:39px}main .main-content{display:flex;flex-direction:row;align-items:center;margin-top:44px}main .main-content .btn-create{width:144px;height:36px;margin-right:10px;background:#f7c9f3;font-family:"Chakra Petch",sans-serif;font-size:16px;border:1px solid black;cursor:pointer;position:relative}main .main-content .btn-create:hover::after,main .main-content .btn-create:focus::after{border:dotted;border-width:1px;margin:2px;content:"";position:absolute;top:0px;bottom:0px;left:0px;right:0px}main .main-content .btn-create:focus{outline:none}main .main-content .dropdown .dropbtn{display:flex;background:#f7c9f3;font-family:"Chakra Petch",sans-serif;font-size:16px;border:1px solid black;margin-right:10px;cursor:pointer}main .main-content .dropdown .dropbtn p{width:131px;height:36px;display:flex;justify-content:center;align-items:center;position:relative}main .main-content .dropdown .dropbtn p:hover::after,main .main-content .dropdown .dropbtn p:focus::after{border:dotted;border-width:1px;margin:2px;content:"";position:absolute;top:0px;bottom:0px;left:0px;right:0px}main .main-content .dropdown .dropbtn .img-content{width:36px;height:36px;border-left:1px solid black;display:flex;justify-content:center;align-items:center;position:relative}main .main-content .dropdown .dropbtn .img-content:hover::after,main .main-content .dropdown .dropbtn .img-content:focus::after{border:dotted;border-width:1px;margin:2px;content:"";position:absolute;top:0px;bottom:0px;left:0px;right:0px}main .main-content .dropdown .dropbtn:focus{outline:none}main .main-content .dropdown .dropdown-content{display:none;position:absolute;z-index:1;width:170px;height:100px;background:#e6e6e6;border:outset;border-width:2px}main .main-content .dropdown .dropdown-content button{width:150px;height:36px;margin:6px;padding-left:15px;display:flex;justify-content:flex-start;align-items:center;background:#fff;border:1px solid black;font-family:"Chakra Petch",sans-serif;font-size:16px;cursor:pointer}main .main-content .dropdown .dropdown-content button span{text-decoration-line:underline;text-underline-position:under}main .main-content .dropdown .dropdown-content button:hover{background:#e6e6e6}main .main-content .dropdown .dropdown-content button:focus{outline:none}main .main-content .dropdown .dropdown-content.ocultar{display:block}main .main-content .btn-mygif{text-decoration:none;color:black;font-family:"Chakra Petch",sans-serif;letter-spacing:1px;border:1px dotted white;height:36px;display:flex;align-items:center}main .main-content .btn-mygif span{text-decoration-line:underline;text-underline-position:under}main .main-content .btn-mygif:hover{border:dotted;border-width:1px}.search{width:100%;height:100%;margin-top:19px;font-family:"Chakra Petch",sans-serif;color:white;border:2px;border-style:outset;background-color:#e6e6e6}.search h2{background:linear-gradient(to right, #4180F6 3%, #F7C9F3 97%);font-size:1em;padding-left:5px}.search .search-content{height:72px;display:flex;align-items:center;border-bottom:2px outset}.search .search-content input{width:90%;height:45px;margin-left:5px;display:flex;align-self:center;border:2px solid #979797;border-style:inset;font-family:"Chakra Petch",sans-serif}.search .search-content input:focus{outline:none}.search .search-content button{width:8%;height:50%;margin-left:10px;display:flex;justify-content:space-around;align-items:center;border:0.5px #b4b4b4;border-style:groove;cursor:pointer}.search .search-content button i{margin-left:5px;color:#b4b4b4}.search .search-content button p{font-family:"Chakra Petch",sans-serif;font-size:16px;color:#b4b4b4}.search .search-content button:focus{outline:1px solid black;border:dotted;border-width:1px;content:"";top:0px;bottom:0px;left:0px;right:0px}.search .searchResp{display:none}.search .searchResp .title-search{margin:15px 10px;color:black}.search .searchResp li{list-style:none}.search .searchResp li a{text-decoration:none}.search .searchResp li a p{margin:20px 10px;padding-left:10px;width:1055px;height:34px;border:1px solid black;display:flex;align-items:center;font-family:"Chakra Petch",sans-serif;font-size:18px;color:black;background:white}.search .searchResp li a p:hover{outline:1px solid;background:rgba(230,230,230,0.3);padding:10px;border:dotted;border-width:1px}.trends{width:100%;height:100%}.trends p{width:100%;height:32px;margin-top:64px;margin-bottom:20px;border-style:inset;font-family:"Chakra Petch",sans-serif;display:flex;flex-direction:column;justify-content:center;padding-left:5px}.trends .trends-content{width:100%;position:relative;display:grid;grid-template-columns:repeat(4, 1fr);justify-content:center;gap:20px 20px}.trends .trends-content .trends-content-gif{position:relative}.trends .trends-content .trends-content-gif .trendsGif{width:260px;height:260px;display:block;cursor:pointer}.trends .trends-content .trends-content-gif .trendsGif:hover{border-style:dotted;border-width:1px}.trends .trends-content .trends-content-gif .title-trends-content{position:absolute;left:0;right:0;overflow:hidden;width:100%;bottom:0}.trends .trends-content .trends-content-gif .title-trends-content .title-trends-gif{width:260px;bottom:0px;font-family:"Chakra Petch",sans-serif;font-size:14px;background:linear-gradient(to right, #4180F6 3%, #F7C9F3 97%);position:absolute;overflow:hidden;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%)}.trends .trends-content .trends-content-gif:hover .title-trends-content{bottom:0px;height:100%;width:260px;border-style:dotted;border-width:1px;cursor:pointer}.suggestions{width:100%;height:auto;margin-top:64px}.suggestions p{width:100%;height:32px;margin-top:64px;margin-bottom:20px;border-style:inset;font-family:"Chakra Petch",sans-serif;display:flex;flex-direction:column;justify-content:center;padding-left:5px}.suggestions .suggestions-content{width:100%;display:grid;grid-template-columns:repeat(4, 1fr);justify-content:center;gap:20px 20px;position:relative}.suggestions .suggestions-content .suggestion-div-content{position:relative;border:3px groove;width:260px;height:260px;margin-right:5px}.suggestions .suggestions-content .suggestion-div-content .suggestion-gif{top:20px;width:252px;height:252px}.suggestions .suggestions-content .suggestion-div-content .suggestion-gif:hover{border:1px dotted}.suggestions .suggestions-content .suggestion-div-content .suggestion-title{width:100%;font-family:"Chakra Petch",sans-serif;font-size:14px;letter-spacing:0.2px;text-transform:capitalize;position:absolute;background:linear-gradient(to right, #4180F6 3%, #F7C9F3 97%);color:white;padding-left:5px;display:flex;flex-direction:row;justify-content:space-between}.suggestions .suggestions-content .suggestion-div-content .suggestion-title i{display:flex;justify-content:center;width:18px;height:16px;margin-right:5px;border:2px outset gray;background:#c5c2c2;color:black;cursor:pointer}.suggestions .suggestions-content .suggestion-div-content .btn-suggestion-gif{position:absolute;bottom:25px;left:25px;width:81px;height:34px;background:#4180f6;color:white;display:flex;justify-content:center;align-items:center;text-decoration:none;font-family:"Chakra Petch",sans-serif;font-size:14px;border:1.5px groove white}.suggestions .suggestions-content .suggestion-div-content .btn-suggestion-gif:hover::after,.suggestions .suggestions-content .suggestion-div-content .btn-suggestion-gif:focus::after{border:dotted;border-width:1px;border-color:black;margin:2px;content:"";position:absolute;top:0px;bottom:0px;left:0px;right:0px}* header{width:100%;border-bottom:1px solid black;background:linear-gradient(to right, #4180F6 3%, #F7C9F3 97%);color:white}* .create-content{margin-left:91px;margin-right:143px}* .create-content main{width:100%;display:flex;flex-direction:row;justify-content:space-between}* .create-content main .nav-content{display:flex;align-items:center;margin-top:35px}* .create-content main .nav-content i{margin-right:10px;font-size:25px;cursor:pointer}* .create-content main .main-content{display:flex;flex-direction:row;align-items:center}* .create-content main .main-content .dropdown{margin-top:35px}* .create-content main .main-content .dropdown .dropbtn{display:flex;background:#f7c9f3;font-family:"Chakra Petch",sans-serif;font-size:16px;border:1px solid black;margin-right:10px;cursor:pointer}* .create-content main .main-content .dropdown .dropbtn p{width:131px;height:36px;display:flex;justify-content:center;align-items:center;position:relative}* .create-content main .main-content .dropdown .dropbtn p:hover::after,* .create-content main .main-content .dropdown .dropbtn p:focus::after{border:dotted;border-width:1px;margin:2px;content:"";position:absolute;top:0px;bottom:0px;left:0px;right:0px}* .create-content main .main-content .dropdown .dropbtn .img-content{width:36px;height:36px;border-left:1px solid black;display:flex;justify-content:center;align-items:center;position:relative}* .create-content main .main-content .dropdown .dropbtn .img-content:hover::after,* .create-content main .main-content .dropdown .dropbtn .img-content:focus::after{border:dotted;border-width:1px;margin:2px;content:"";position:absolute;top:0px;bottom:0px;left:0px;right:0px}* .create-content main .main-content .dropdown .dropdown-content{display:none;position:absolute;z-index:1;width:170px;height:100px;background:#e6e6e6;border:outset;border-width:2px}* .create-content main .main-content .dropdown .dropdown-content button{width:150px;height:36px;margin:6px;font-family:"Chakra Petch",sans-serif;font-size:16px;cursor:pointer}* .create-content main .main-content .dropdown .dropdown-content.ocultar{display:block}* .create-content main .main-content .btn-mygif{margin-top:35px}* .create-content .create-gif-section{display:flex;justify-content:center;align-content:center}* .create-content .create-gif-section .create-gif-title{width:684px;height:386px;background:#e6e6e6;border-style:outset;border-width:1.5px;margin-top:75px}* .create-content .create-gif-section .create-gif-title h3{height:24px;padding-left:5px;background:linear-gradient(to right, #4180F6 3%, #F7C9F3 97%);color:white;font-family:"Chakra Petch",sans-serif;font-size:14px;display:flex;flex-direction:column;justify-content:center}* .create-content .create-gif-section .create-gif-title .gif-title{margin-top:30px;display:flex;flex-direction:row}* .create-content .create-gif-section .create-gif-title .gif-title img{width:32px;height:32px;margin-left:25px}* .create-content .create-gif-section .create-gif-title .gif-title .gif-title-content{margin-left:16px;font-family:"Chakra Petch",sans-serif;font-size:14px}* .create-content .create-gif-section .create-gif-title .gif-title .gif-title-content h4{padding-bottom:17px}* .create-content .create-gif-section .create-gif-title .gif-title .gif-title-content p{margin:10px 0}* .create-content .create-gif-section .create-gif-title .gif-title .gif-title-content ol{margin-top:10px;list-style-position:inside}* .create-content .create-gif-section .create-gif-title .gif-title .gif-title-content ol li{margin:5px 0}* .create-content .create-gif-section .create-gif-title .create-button{display:flex;justify-content:flex-end;margin-right:36px;margin-top:28px}* .create-content .create-gif-section .create-gif-title .create-button button{width:144px;height:36px;margin-right:10px;background:#f7c9f3;font-family:"Chakra Petch",sans-serif;font-size:16px;border:1px solid;cursor:pointer}* .create-content .open-video{margin-top:20px;display:flex;justify-content:center}* .create-content .open-video .open-video-div{width:860px;display:flex;flex-direction:column;justify-content:center;align-content:center;background:#e6e6e6;border-style:outset}* .create-content .open-video .open-video-div video{width:832px;height:434px;padding-top:40px}* .create-content .open-video .open-video-div .title-start-video{width:100%;height:24px;background:linear-gradient(to right, #4180F6 3%, #F7C9F3 97%);color:white;display:flex;justify-content:space-between;align-items:center}* .create-content .open-video .open-video-div .title-start-video p{margin-left:5px;font-family:"Chakra Petch",sans-serif;font-size:14px}* .create-content .open-video .open-video-div .title-start-video i{width:16px;height:16px;margin-right:5px;background:#e6e6e6;color:black;border:1px solid black;display:flex;justify-content:center;align-items:center;cursor:pointer}* .create-content .open-video .open-video-div .btn-start-video{display:flex;justify-content:flex-end;margin:16px}* .create-content .open-video .open-video-div .btn-start-video .btn-camera{width:36px;height:36px;background:#f7c9f3;border:0.5px solid black;cursor:pointer}* .create-content .open-video .open-video-div .btn-start-video .btn-capture{width:144px;height:36px;background:#f7c9f3;font-family:"Chakra Petch",sans-serif;font-size:16px;border:0.5px solid black;cursor:pointer}* .create-content .capture-guifo{margin-top:20px;display:flex;justify-content:center}* .create-content .capture-guifo .capture-video-div{width:860px;display:flex;flex-direction:column;justify-content:center;align-content:center;background:#e6e6e6;border-style:outset}* .create-content .capture-guifo .capture-video-div .title-capture-video{width:100%;height:24px;background:linear-gradient(to right, #4180F6 3%, #F7C9F3 97%);color:white;display:flex;justify-content:space-between;align-items:center}* .create-content .capture-guifo .capture-video-div .title-capture-video p{margin-left:5px;font-family:"Chakra Petch",sans-serif;font-size:14px}* .create-content .capture-guifo .capture-video-div .title-capture-video i{width:16px;height:16px;margin-right:5px;background:#e6e6e6;color:black;border:1px solid black;display:flex;justify-content:center;align-items:center;cursor:pointer}* .create-content .capture-guifo .capture-video-div .alert-content{display:flex;justify-content:center;align-content:center}* .create-content .capture-guifo .capture-video-div .alert-content .alert-image{margin-top:10px;border:groove}* .create-content .capture-guifo .capture-video-div .btn-capture-video{display:flex;flex-direction:row;justify-content:space-between;margin:16px}* .create-content .capture-guifo .capture-video-div .btn-capture-video .btn-stop-record{display:flex;justify-content:center;align-content:center;height:36px}* .create-content .capture-guifo .capture-video-div .btn-capture-video .btn-stop-record .btn-ready{width:144px;background:#ff6161;font-family:"Chakra Petch",sans-serif;font-size:16px;border:0.5px solid black;cursor:pointer}* .create-content .capture-guifo .capture-video-div .btn-capture-video .btn-stop-record .div-btn-recording{width:36px;height:36px;background:#ff6161;display:flex;justify-content:center;align-items:center;border:0.5px solid black}* .create-content .capture-guifo .capture-video-div .btn-capture-video .btn-stop-record .div-btn-recording .btn-recording{width:20px;height:20px;color:white}* .create-content .capture-guifo .capture-video-div .btn-capture-video .btn-stop-watch{width:124px;height:36px;background:white;border:groove;display:flex;justify-content:center;align-items:center;font-family:"Chakra Petch",sans-serif;font-size:16px}* .create-content .capture-guifo .capture-video-div .btn-capture-video .btn-stop-watch .chronometer{width:90px;height:22px}* .create-content .capture-guifo .capture-video-div .btn-capture-video .btn-create-content{display:flex;margin-left:400px}* .create-content .capture-guifo .capture-video-div .btn-capture-video .btn-create-content .btn-repeat-capture{width:144px;height:36px;background:white;color:black;background:1px solid black;font-family:"Chakra Petch",sans-serif;font-size:16px;cursor:pointer;margin-right:15px}* .create-content .capture-guifo .capture-video-div .btn-capture-video .btn-create-content .btn-upload-guifo{width:144px;height:36px;background:#f7c9f3;color:black;background:1px solid black;font-family:"Chakra Petch",sans-serif;font-size:16px;cursor:pointer}* .create-content .upload-guifo{margin-top:20px;display:flex;flex-direction:column;align-items:center}* .create-content .upload-guifo .upload-guifo-div{width:860px;height:548px;display:flex;flex-direction:column;align-items:center;background:#e6e6e6;border-style:outset}* .create-content .upload-guifo .upload-guifo-div .title-upload-video{width:100%;height:24px;background:linear-gradient(to right, #4180F6 3%, #F7C9F3 97%);color:white;display:flex;justify-content:space-between;align-items:center}* .create-content .upload-guifo .upload-guifo-div .title-upload-video p{margin-left:5px;font-family:"Chakra Petch",sans-serif;font-size:14px}* .create-content .upload-guifo .upload-guifo-div .title-upload-video i{width:16px;height:16px;margin-right:5px;background:#e6e6e6;color:black;border:1px solid black;display:flex;justify-content:center;align-items:center;cursor:pointer}* .create-content .upload-guifo .upload-guifo-div .alert-content{width:838px;height:440px;background:white;margin:5px 5px;border:inset;display:flex;justify-content:center;align-items:center}* .create-content .upload-guifo .upload-guifo-div .alert-content .uploading{display:flex;flex-direction:column;justify-content:center;align-items:center}* .create-content .upload-guifo .upload-guifo-div .alert-content .uploading img{padding:10px}* .create-content .upload-guifo .upload-guifo-div .alert-content .uploading .progress-bar{padding:10px}* .create-content .upload-guifo .upload-guifo-div .btn-capture-video{margin:20px;padding-left:650px}* .create-content .upload-guifo .upload-guifo-div .btn-capture-video .btn-cancel{width:144px;height:36px;background:#f7c9f3;font-family:"Chakra Petch",sans-serif;font-size:16px;border:0.5px solid black;cursor:pointer}* .create-content .succes-create{display:flex;justify-content:center}* .create-content .succes-create .succes-create-guifo{margin-top:20px;display:flex;flex-direction:column;align-items:center;width:721px;height:391px;background:#e6e6e6;border-style:outset}* .create-content .succes-create .succes-create-guifo .title-upload-video{width:715px;height:24px;display:flex;justify-content:space-between;align-items:center;padding:0 5px;background:linear-gradient(to right, #4180F6 3%, #F7C9F3 97%);color:white}* .create-content .succes-create .succes-create-guifo .title-upload-video p{margin-left:5px;font-family:"Chakra Petch",sans-serif;font-size:14px}* .create-content .succes-create .succes-create-guifo .title-upload-video i{width:16px;height:16px;margin-right:5px;background:#e6e6e6;color:black;border:1px solid black;display:flex;justify-content:center;align-items:center;cursor:pointer}* .create-content .succes-create .succes-create-guifo .alert-content{display:flex}* .create-content .succes-create .succes-create-guifo .alert-content .alert-image{margin-top:29px;border:3px groove}* .create-content .succes-create .succes-create-guifo .alert-content .btns-succes{display:flex;flex-direction:column;justify-content:center;margin-left:20px}* .create-content .succes-create .succes-create-guifo .alert-content .btns-succes .title-succes-guifo{padding-bottom:16px;font-family:"Chakra Petch",sans-serif;font-size:16px}* .create-content .succes-create .succes-create-guifo .alert-content .btns-succes .btn-create-copy{width:256px;height:36px;background:#FFF4FD;font-family:"Chakra Petch",sans-serif;border:1px solid black;margin-bottom:14px;cursor:pointer}* .create-content .succes-create .succes-create-guifo .alert-content .btns-succes .btn-create-download{width:256px;height:36px;background:#FFF4FD;font-family:"Chakra Petch",sans-serif;border:1px solid black;cursor:pointer}* .create-content .succes-create .succes-create-guifo .btn-ready-video{display:flex;align-self:flex-end}* .create-content .succes-create .succes-create-guifo .btn-ready-video .btn-ready{height:36px;width:144px;margin-right:36px;background:#f7c9f3;font-family:"Chakra Petch",sans-serif;cursor:pointer}* .create-content .my-guifos{width:100%;height:100%}* .create-content .my-guifos p{width:100%;height:32px;margin-top:64px;margin-bottom:20px;border-style:inset;font-family:"Chakra Petch",sans-serif;display:flex;flex-direction:column;justify-content:center;padding-left:5px}* .create-content .my-guifos .guifos-content{display:grid;grid-template-columns:repeat(4, 1fr);align-content:center}* .create-content .my-guifos .guifos-content .guifo-thumb .thumb-img{width:240px;height:220px;margin:10px}* .create-content .hidden{display:none !important}*{margin:0;padding:0;box-sizing:border-box}*.dark{transition:all 0.3s;background:#110038}*.dark header{background:linear-gradient(to right, #2E32FB 3%, #EE3EFE 97%)}*.dark main .btn-create{background:#ee3efe;color:white}*.dark main .dropdown p{background:#ee3efe;color:white}*.dark main .dropdown .img-content{background:#ee3efe}*.dark main .dropdown .img-content i{color:white}*.dark main .dropdown .img-content:hover{color:white}*.dark main .dropdown .dropdown-content{background:#b4b4b4}*.dark main .dropdown .dropdown-content button{background:#ccc}*.dark main .dropdown .dropdown-content button:hover{background:#2e32fb;color:white}*.dark main .dropdown .dropdown-content button:focus{outline:none}*.dark main .btn-mygif{color:white;border:1px solid #110038}*.dark .search{background:#b4b4b4}*.dark .search h2{background:linear-gradient(to right, #2E32FB 3%, #EE3EFE 97%)}*.dark .search .search-content input:focus ~ button{background:#ee3efe}*.dark .search .search-content input:focus ~ button i{color:white}*.dark .search .search-content input:focus ~ button p{color:white}*.dark .search .search-content button{background:#b5b5b5;border:0.5px outset gray;border-color:#e0e7e7}*.dark .search .search-content button i{color:#8f8f8f}*.dark .search .search-content button p{color:#8f8f8f}*.dark .search .searchResp li a p{background:#c7c7c7}*.dark .suggestions p{border-color:#2e32fb;background:white}*.dark .suggestions .suggestions-content .suggestion-div-content .suggestion-title{font-weight:600;background:linear-gradient(to right, #2E32FB 3%, #EE3EFE 97%);text-transform:capitalize}*.dark .suggestions .suggestions-content .suggestion-div-content .btn-suggestion-gif{background:#2e32fb}*.dark .trends p{border-color:#2e32fb;background:white}*.dark .trends .trends-content .trends-content-gif .title-trends-content .title-trends-gif{background:linear-gradient(to right, #2E32FB 3%, #EE3EFE 97%)}*.dark .create-content .create-gif-section .create-gif-title h3{background:linear-gradient(to right, #2E32FB 3%, #EE3EFE 97%)}*.dark .create-content .create-gif-section .create-gif-title .create-button button{background:#ee3efe}*.dark .create-content .open-video .open-video-div .title-start-video{background:linear-gradient(to right, #2E32FB 3%, #EE3EFE 97%)}*.dark .create-content .open-video .open-video-div .btn-start-video .btn-camera{background:#ee3efe}*.dark .create-content .open-video .open-video-div .btn-start-video .btn-capture{background:#ee3efe}*.dark .create-content .capture-guifo .capture-video-div .btn-capture-video .btn-create-content .btn-repeat-capture{background:#110038;color:white}*.dark .create-content .capture-guifo .capture-video-div .btn-capture-video .btn-create-content .btn-upload-guifo{background:#110038;color:white}*.dark .create-content .upload-guifo .upload-guifo-div .btn-capture-video .btn-cancel{background:#ee3efe}*.dark .create-content .succes-create .succes-create-guifo .title-upload-video p{background:linear-gradient(to right, #2E32FB 3%, #EE3EFE 97%)}*.dark .create-content .succes-create .succes-create-guifo .alert-content .btns-succes .btn-create-copy{background:#ee3efe}*.dark .create-content .succes-create .succes-create-guifo .alert-content .btns-succes .btn-create-download{background:#ee3efe}*.dark .create-content .succes-create .succes-create-guifo .btn-ready-video .btn-ready{background:#ee3efe}.content{margin-left:91px;margin-right:143px}header{width:100%;border-bottom:1px solid black;background:linear-gradient(to right, #4180F6 3%, #F7C9F3 97%);color:white}
/*# sourceMappingURL=style.css.map */