@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
*,*::after,*::before{box-sizing:border-box;margin:0;padding:0}
*,button,input,select,textarea{font-family:'Roboto',sans-serif}
article,article.post{max-width:1700px;margin:0;border-left:none;border-right:none;padding:0;background:transparent;box-shadow:1px 1px 10px #e7e8ea;z-index:2;position:relative;min-height:10px;box-sizing:border-box;-moz-box-sizing:border-box}
article,article.post:hover{box-shadow:1px 1px 10px #cdcdcf}
:root{--primary:hsl(0,0%,100%);--secondary:hsl(0,0%,98%);--border:hsl(0,0%,86%);--story-border:hsl(0,0%,78%);--img-border:hsla(0,0%,0%,0.1);--text-dark:hsl(0,0%,15%);--text-light:hsl(0,0%,60%);--like:hsl(355,82%,61%);--link:hsl(204,100%,48%);--header-height:44px;--nav-height:44px}
:root.darkTheme{--primary:hsl(0,0%,0%);--secondary:hsl(0,0%,2%);--border:hsl(0,0%,15%);--story-border:hsl(0,0%,44%);--img-border:hsla(0,0%,100%,0.1);--text-dark:hsl(0,0%,98%);--text-light:hsl(0,0%,60%)}
img{max-width:100%}
.CodeMirror-code pre{font-size:16px;line-height:18px}
img.logo{vertical-align:middle}
h1,h2{font-weight:bold;margin-bottom:0.7em;color:#068be1}
h1{font-size:32px}
h2,#sitename{font-size:25px;line-height:40px;margin:0 0 10px;font-weight:bold}
#sitename{color:#FFF}
h2 span{display:inline-block;padding:0 10px}
strong{text-decoration:none!important;font-weight:700!important}
a,a:active,a:link,a:visited{color:#068be1!important;text-decoration:none}
.article{color:#333}
.article a{text-decoration:underline!important}
#realTimeEditorWrapper,#htmlWrapper{display:inline-block;width:48%;vertical-align:top;overflow:hidden;text-align:left}
#htmlInsideWrapper{border:1px solid #c0c0c0}
#realTimeEditorWrapper{margin-right:2%}
#realTimeEditorWrapper h2{text-align:right}
.article article{max-width:1200px!important;margin:5px auto!important;border-left:medium none!important;border-right:medium none!important;padding:10px!important;z-index:2!important;position:relative!important;box-sizing:border-box!important;font-size:1.2em;width:80%!important}
.belowSourceEditor a{color:#068be1!important;font-weight:bold;cursor:pointer;text-decoration:none;display:block}
#instaEditors{width:100%;max-width:1800px;margin:auto;padding:80px 30px 0;position:relative}
section{border-top:none;margin:0}
#instaEditors .centered{position:relative}
.stickyAlert{background:rgba(4,83,135,0.15);cursor:pointer;display:none;height:100%;position:fixed;text-align:center;top:0;width:100%;z-index:10000}
.stickyAlert .helper{display:inline-block;height:60%;vertical-align:middle}
.stickyAlert > div{background-color:#fff;box-shadow:10px 10px 60px #555;display:inline-block;height:auto;max-width:551px;min-height:100px;vertical-align:middle;width:60%;position:relative;border-radius:8px;padding:50px 10px;font-size:1.3em}
.popupCloseButton{background:#f09433;background:-moz-linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background:-webkit-linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433',endColorstr='#bc1888',GradientType=1 );border-radius:50px;cursor:pointer;display:inline-block;font-family:arial;font-weight:bold;position:absolute;top:-20px;color:#FFF;text-shadow:2px 3px 5px #000;right:-20px;font-size:30px;line-height:40px;width:40px;height:40px;text-align:center}
.popupCloseButton:hover{background:#cc2366}
.realTimeEditorWrapper textarea{width:99%;background-color:#fff}
.realTimeEditorWrapper{min-height:220px}
.programIsWorking{background-color:rgba(104,125,145,.3);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}
.CodeMirror{border:none!important}
.CodeMirror-gutters .CodeMirror-gutter{background:#f0f0f0}
a,a:link,a:visited{cursor:pointer}
p a:hover{color:#000 !important}
article em{font-style:italic;color:#068be1}
a:hover{text-decoration:none}
.CodeMirror-code{font-size:12px;line-height:14px}
.CodeMirror{border:1px solid #999;font-family:arial;font-size:12px;line-height:12px;max-width:100%;min-width:100%;min-height:200px}
.sourceCtrl{clear:both;display:block;min-height:50px;padding:20px}
.belowSourceEditor{background-color:#f0f0f0;user-select:none;padding:2px 15px;border-top:1px solid #c0c0c0}
.clearBoth{clear:both}
#hourglassAnimation{background:transparent url(ih/icons.png) no-repeat scroll -9999px -25px;float:right;height:25px;margin:3px 0 0 0;width:25px}
.belowSourceEditor .inline{min-width:90px}
.inline{display:inline-block;font-size:13px;vertical-align:middle;line-height:17px}
.sourceIcons{display:inline-block;vertical-align:middle;padding:2px 15px}
.centered{text-align:center;margin:10px}
.pageCenter{margin:35px auto 0;max-width:1140px;text-align:left;display:inline-block}
.sourceMinimizer{background-position:-19px 0}
.sourceMinimizer:hover{background-position:-19px -26px}
.sourceIcons a{margin:5px 10px 2px 0;vertical-align:middle;cursor:pointer;width:24px;display:inline-block;height:21px;overflow:hidden;background-image:url(ih/icons.png);text-indent:-1000px;cursor:pointer;background-repeat:no-repeat}
#intentationSet{background-position:-47px 0}
#intentationSet:hover{background-position:-47px -26px}
#mainCleanerButton{display:inline-block;float:right;margin:9px 1px 0}
#characterEscaping{background:transparent url(ih/icons.png) no-repeat scroll -255px 0}
#characterEscaping:hover{background-position:-309px 0}
#clearPage,#undo{background:url(ih/icons.png) no-repeat scroll 0 0 transparent;height:25px;width:25px}
#undo{background-position:-100px 0}
#clearPage{background-position:-75px 0}
#undo:hover{background-position:-100px -25px}
#clearPage:hover{background-position:-75px -25px}
.mainInstaHtmlClean{transition:background 1s ease-in-out;display:inline-block;min-width:82px;height:34px;float:right;font-size:20px;color:#FFF;cursor:pointer;background-color:#068be1;text-align:center;border-radius:10px;line-height:34px;font-weight:bold;padding-left:20px;letter-spacing:1px}
.mainInstaHtmlClean:hover{background:#bc1888;text-shadow:1px 1px 5px #000;background:-moz-linear-gradient(45deg,#bc1888 0%,#cc2366 25%,#dc2743 50%,#e6683c 75%,#f09433 100%);background:-webkit-linear-gradient(45deg,#bc1888 0%,#cc2366 25%,#dc2743 50%,#e6683c 75%,#f09433 100%);background:linear-gradient(45deg,#bc1888 0%,#cc2366 25%,#dc2743 50%,#e6683c 75%,#f09433 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc1888',endColorstr='#f09433',GradientType=1 )}
.displayblock{display:block}
.displayblock ul,.displayblock ol{margin:0 0 20px 30px}
.displayblock h2{font-size:22px;line-height:32px;margin:14px 0 1px}
footer > a{display:block;padding:40px 60px 40px 5px;text-align:right;font-weight:bold;font-size:30px}
footer a:hover{color:#085c93 !important}
footer p{text-align:center}
.htmlCleanList{padding:0;display:block;position:relative;user-select:none;border:1px solid var(--border);background:#FFF;padding:10px 25px;z-index:999}
.htmlCleanList > div{display:inline-block;border-radius:5px;position:relative;vertical-align:top;margin:6px;padding:2px;width:80px}
.htmlCleanList img{width:70px;border-radius:100px;border:2px solid #bbbcc0;padding:4px}
.htmlCleanList > div:hover{color:#000;cursor:pointer}
.htmlCo{font-size:14px;line-height:14px;margin-top:0;letter-spacing:-.5px;display:block;margin:-2px 2px 0;color:#4f4f4f}
.htmlCo strong{display:none}
.highlight img{border-color:#068be1 !important}
.htmlCo:hover{color:#0087f5}
p>img{vertical-align:top;max-width:100%}
.htmlCleanList .doOptionNow{display:none;position:absolute;bottom:4px;right:-18px;overflow:hidden;cursor:pointer;text-indent:-99px}
.footer{text-align:right;margin:32px 0 0;padding:10px 30px 30px 30px;border-top:3px solid #000;color:#333;background-color:#FFF;font-weight:700;line-height:21px}
.footer img{vertical-align:middle;display:inline-block}
@media screen and (min-width:1200px){#instaEditors .centered{padding-right:280px}
.htmlCleanList > div{display:block;height:60px;width:100%;text-align:left;padding:10px 5px 10px 58px}
.htmlCleanList img{position:absolute;left:0;width:50px;height:50px}
.htmlCo{margin-top:10px;line-height:16px}
.htmlCo strong{display:block}
.htmlCo:hover{background-color:transparent;color:#000}
.htmlCleanList .doOptionNow{background:none;color:#068be1;bottom:auto;right:0;display:inline-block;font-size:14px;font-weight:bold;top:21px;text-indent:0;width:57px}
.htmlCleanList .doOptionNow:hover{color:#0969a7}
#instaEditors .centered{padding-right:280px}
.htmlCleanList{padding:0;width:270px;position:absolute;top:0;right:0}
}
@media screen and (min-height:1111px){#sitename{font-size:40px;line-height:80px}
}
@media screen and (max-width:620px){article{width:auto;padding:30px 20px}
img.logo{display:none}
#realTimeEditorWrapper,#htmlWrapper{display:block;width:auto}
#realTimeEditorWrapper{margin:0 0 10px}
#instaEditors{width:96%}
#sitename{font-size:25px;line-height:40px}
}
@media print{body{background:#fff;color:#000}
}
body{min-height:100vh;background:var(--secondary);font-family:Arial;line-height:1.5em;display:flex;flex-direction:column;overflow-y:auto}
svg{display:block}
img{max-width:100%}
.header{width:100%;height:var(--header-height);background-color:var(--primary);display:flex;justify-content:center;position:fixed;top:0;left:0;z-index:9999;box-shadow:0px 0px 4px #a3a0a0}
.header::after{content:'';position:absolute;bottom:0;width:100%;height:1px;background-color:var(--border)}
.headcont{width:100%;max-width:1500px;padding:0 14px;display:flex;justify-content:space-between;align-items:center}
.logowrap{padding:2px 80px 2px 70px}
.logowrap img{width:104px}
.headbutt{background-color:transparent;border:none;cursor:pointer}
.headbutt-sun{display:none}
.headbutt-moon{display:unset}
.darkTheme .logowrap,.rainbow{background:#f09433;background:-moz-linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background:-webkit-linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433',endColorstr='#bc1888',GradientType=1 )}
:root.darkTheme .headbutt-sun{display:unset}
:root.darkTheme .headbutt-moon{display:none}
.searchBox{width:216px;height:28px;display:none;align-items:center;position:relative}
.searchBox svg{width:12px;height:12px;position:absolute;left:8px}
.searchBox input{width:100%;height:100%;background-color:var(--secondary);padding:4px 10px 4px 28px;border:1px solid var(--border);border-radius:4px;outline:none;font-size:12px;font-weight:300;text-decoration:none;color:var(--text-light);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.searchBox input:focus{color:var(--text-dark)}
.headbutts{display:flex;align-items:center;gap:20px}
.navbar{width:100%;height:var(--nav-height);background-color:var(--primary);display:flex;position:fixed;bottom:0;left:0;z-index:999}
.navbar::after{content:'';position:absolute;top:0;width:100%;height:1px;background-color:var(--border)}
.footIco{flex:1 0 auto;display:flex;justify-content:center;align-items:center}
.footIco.profile-button .profButtBord{width:28px;height:28px;border-width:2px}
.main-container{background-color:var(--primary);margin-top:var(--header-height);margin-bottom:var(--nav-height);display:flex;flex:1}
.content-container{width:100%;position:relative;max-width:935px;padding:0 0 8px;margin:0 auto;display:flex}
.content{width:100%;max-width:614px;margin:0 auto;display:flex;flex-direction:column}
.posts{display:flex;flex-direction:column;flex:1;gap:8px}
.pstleft-button{left:16px;opacity:0.7}
.pstright-button{right:16px;opacity:0.7}
.story{background-color:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px}
.story__avatar{position:relative}
.story__border{width:64px;height:64px;fill:none;stroke:var(--story-border);stroke-width:1.5}
.story--has-story .story__border{stroke:url(#--story-gradient);stroke-width:2}
.story__picture{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;overflow:hidden}
.story__picture::after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid var(--img-border);border-radius:50%}
.story__user{font-size:12px;font-weight:400;color:var(--text-light);text-transform:lowercase;max-width:72px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.story--has-story .story__user{color:var(--text-dark)}
.post{width:100%;display:flex;flex-direction:column;overflow:hidden}
.postHead{background-color:var(--primary);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:16px}
.postProf{display:flex;align-items:center;gap:12px}
.avtrr{width:32px;height:32px;border-radius:50%;overflow:hidden;position:relative}
.avtrr::after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid var(--img-border);border-radius:50%}
.postUsr,a.postUsr{font-size:14px;text-decoration:none;font-weight:500;color:var(--text-dark);text-decoration:none;text-transform:lowercase}
.postUsr:hover{text-decoration:underline}
.postMoreOpt{background-color:transparent;border:none;cursor:pointer;display:inline-block;color:#787979;line-height:1em;font-size:30px;vertical-align:middle;margin-top:-14px}
#alertContent a:hover{color:#024571 !important}
.pstcontent{display:flex;position:relative}
.pstmedias{display:flex;overflow-y:hidden;overflow-x:auto;text-align:center;width:100%;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}
.pstmedias a img{opacity:0.93}
.pstmedias a:hover img{opacity:1}
.pstmedias a{text-align:center;display:block;width:100%}
.pstmedias::-webkit-scrollbar{display:none}
.pstmedia{flex:none;scroll-snap-align:start;scroll-snap-stop:always}
#demoText{display:none}
.pstfooter{background-color:var(--primary);display:flex;flex-direction:column;gap:4px;padding:0 4px}
.pstbuttons{display:flex;position:relative;min-height:40px}
.pstbutton{background-color:transparent;border:none;cursor:pointer;padding:8px}
.pstbutton--align-right{margin-left:auto}
.pstindicators{display:flex;align-items:center;gap:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}
.pstindicator{width:6px;height:6px;border-radius:50%;background-color:var(--text-light)}
.pstindicator--active{background-color:var(--link)}
.pstinfos{display:flex;flex-direction:column;padding:0 8px;gap:10px}
.pstlikes,.pstdescription{display:flex}
.pstlikes{align-items:center;gap:6px}
.pstlikes-avatar{width:20px;height:20px;border-radius:50%;overflow:hidden;position:relative}
.pstlikes-avatar::after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid var(--img-border);border-radius:50%}
.pstlikes span,.pstdescription span{font-size:14px;font-weight:400;color:var(--text-dark)}
.pstlikes a,.pstdescription a{font-size:14px;font-weight:500;color:var(--text-dark);text-decoration:none}
.pstname--underline:hover{text-decoration:underline}
.pstdate-time{font-size:10px;font-weight:400;color:var(--text-light);text-transform:uppercase}
.side-menu{max-width:280px;position:absolute;background:transparent;z-index:99;right:0;top:0}
.sideUserProf{display:flex;align-items:center;margin:20px 0 22px}
.sideUserAvtr{width:56px;height:56px;border-radius:50%;margin-right:12px;flex-shrink:0;overflow:hidden;position:relative}
.sideUserAvtr::after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid var(--img-border);border-radius:50%}
.sideUserInf{display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:4px}
.sideUserInf a{font-size:14px;font-weight:500;color:var(--text-dark);text-decoration:none;text-transform:lowercase;max-width:180px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.sideUserInf span{font-size:14px;line-height:14px;font-weight:400;color:var(--text-light);max-width:180px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.sideUserBtn{background-color:transparent;border:none;cursor:pointer;font-size:12px;font-weight:500;color:var(--link);flex-shrink:0}
.sideUserSugSect{display:flex;flex-direction:column}
.sideMnSuHe{display:flex;justify-content:space-between}
.sideMnSuHe h2{font-size:14px;font-weight:500;color:var(--text-light)}
.sideMnSuHe button{background-color:transparent;border:none;cursor:pointer;font-size:12px;font-weight:500;color:var(--text-dark)}
.sideMnSuCo{display:flex;flex-direction:column;gap:16px;margin:16px 0 24px;padding-left:4px}
.sideMnSug{display:flex;align-items:center}
.sideMnSug-avatar{width:32px;height:32px;border-radius:50%;margin-right:12px;flex-shrink:0;overflow:hidden;position:relative}
.sideMnSug-avatar::after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid var(--img-border);border-radius:50%}
.sideMnSug-info{display:flex;align-items:flex-start;flex-direction:column;flex:1;gap:2px}
.sideMnSug-info a{font-size:14px;font-weight:500;line-height:20px;color:var(--text-dark);text-decoration:none;text-transform:lowercase;max-width:180px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.sideMnSug-info a:hover{text-decoration:underline}
.sideMnSug-info span{font-size:12px;line-height:13px;font-weight:400;color:var(--text-light);max-width:180px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.sideMnSug-button{background-color:transparent;border:none;cursor:pointer;font-size:12px;font-weight:500;color:var(--link);flex-shrink:0}
.sideMnFoot{display:flex;flex-direction:column;gap:16px}
.sideMenuFooa{display:flex}
.sideMenuFooLi{list-style:none}
.sideMenuFooIt{display:inline-block}
.sideMenuFooIt:not(:last-of-type)::after{content:'\00B7';margin:0 0.5px}
.sideMenuFooIt,.smallFoot,.sideMnFoot-copyright{font-size:11px;font-weight:400;color:var(--text-light);text-decoration:none}
.sideMnFoot-copyright{text-transform:uppercase}
.profile-button{background-color:transparent;border:none;outline:none;cursor:pointer;position:relative}
.profButtBord{display:none;width:30px;height:30px;border:1px solid var(--text-dark);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.profile-button:focus .profButtBord{display:block}
.profButtPict{width:24px;height:24px;border-radius:50%;overflow:hidden;position:relative}
.profButtPict::after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid var(--img-border);border-radius:50%}
@media (max-width:1060px){.htmlCleanList{padding:10px 2px}
.sourceCtrl{padding:20px 0}
#instaEditors{padding:80px 10px 0}
}
@media (max-width:930px){.htmlCleanList > div{width:66px}
}
@media (max-width:900px){.logowrap{padding:2px 20px}
}
@media (max-width:767px){.headbutts--desktop{display:none}
.pstmedias{gap:1px}
}
@media (min-width:620px){.content{gap:14px}
.posts{gap:24px}
.post{border:1px solid var(--border);border-radius:4px}
.pstfooter{padding:4px 8px 12px}
.pstdate-time{margin-top:6px}
}
@media (min-width:768px){:root{--header-height:54px;--nav-height:0px}
.headcont{padding:0 20px}
.searchBox{display:flex}
.headbutts--mobile{display:none}
.navbar{display:none}
}
.main-container{background-color:var(--secondary)}
.content{margin:unset}
@media (max-width:1024px){.side-menu{max-width:280px;position:relative;margin:auto}
.main-container{display:block;margin:auto}
}