._aa09{align-items:stretch;border:0;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;flex-shrink:0;font:inherit;font-size:100%;margin:0 auto;max-width:600px;padding:0;position:relative;vertical-align:baseline;width:100%}._aa0a{align-items:stretch;border:0;box-sizing:border-box;display:block;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;margin:0;padding:0;position:relative;vertical-align:baseline}._aa08:last-child{margin-bottom:0}@media (min-width: 640px){._aa09{padding-top:60px}._aa08{background-color:rgb(var(--ig-primary-background));border:1px solid rgb(var(--ig-elevated-separator));border-radius:3px;margin-left:-1px;margin-right:-1px}._aa08{margin-bottom:60px}}@media (max-width: 640px){._aa09{margin-bottom:10px}}@media (max-width: 735px){._aa08{margin-bottom:15px}}
._aan1{align-items:stretch;border:0;border-top:1px solid rgb(var(--ig-separator));box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;height:56px;margin:0;margin-top:4px;padding:0;position:relative;vertical-align:baseline}._ajpo{align-items:stretch;border:0;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;height:var(--system-14-line-height)}
._a9yl{animation-duration:2000ms;animation-fill-mode:both;animation-iteration-count:1;animation-name:CommentPermalinkAnimHighlightFade;animation-timing-function:ease-in-out}@keyframes CommentPermalinkAnimHighlightFade{from{background-color:rgb(var(--ig-temporary-highlight))}to{background-color:transparent}}
._a9ym{border:0;font:inherit;font-size:100%;margin:0;margin-bottom:16px;padding:0;vertical-align:baseline}._a9ym:last-child{margin-bottom:0}._a9yo{margin:16px 0 0 54px;padding:0;vertical-align:baseline;width:calc(100% - 54px);border:0;font:inherit;font-size:100%}._a9ye{margin-bottom:5px}._a9yg{border:0;display:inline-block;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}._a9yh{align-items:stretch;border:0;border-bottom:1px solid rgb(var(--ig-secondary-text));box-sizing:border-box;display:inline-block;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;height:0;margin:0;margin-right:16px;padding:0;position:relative;vertical-align:middle;width:24px}._a9yi{border:0;color:rgb(var(--ig-secondary-text));font:inherit;font-size:var(--system-12-font-size);font-weight:var(--font-weight-system-semibold);line-height:var(--system-12-line-height);margin:0;padding:0;vertical-align:baseline}._a9yj{align-items:stretch;border:0;box-sizing:border-box;display:inline-block;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;left:6px;margin:0;padding:0;position:relative;vertical-align:middle}._a9yk{border-bottom:1px solid rgb(var(--post-separator));border-top:1px solid rgb(var(--post-separator))}
._aas7{display:flex;flex-basis:0px;flex-grow:1;flex-shrink:1;justify-content:center;padding:0;position:relative;width:100%}._aas6{-webkit-filter:invert(90%) brightness(70%)}._aas9{align-items:center;border:0;border-bottom:1px solid rgb(var(--post-separator));box-sizing:border-box;display:flex;flex-direction:row;flex-shrink:0;font:inherit;font-size:100%;height:72px;margin:0;padding:16px;position:relative;vertical-align:baseline;width:100%}._aasa{align-items:stretch;background-color:rgb(var(--ig-highlight-background));border:0;border-radius:50%;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;font:inherit;font-size:100%;height:32px;margin:0;margin-right:12px;padding:0;position:relative;vertical-align:baseline;width:32px}._aasb{align-items:stretch;border:0;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;flex-shrink:0;font:inherit;font-size:100%;justify-content:center;margin:0;padding:0;position:relative;vertical-align:baseline}._aasc{align-items:stretch;background-color:rgb(var(--ig-highlight-background));border:0;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;font:inherit;font-size:100%;height:10px;margin:0;margin-bottom:4px;padding:0;position:relative;vertical-align:baseline;width:140px}._aasd{align-items:stretch;background-color:rgb(var(--ig-highlight-background));border:0;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;font:inherit;font-size:100%;height:10px;margin:0;padding:0;position:relative;vertical-align:baseline;width:100px}._aase{align-items:stretch;border:0;border-top:1px solid rgb(var(--post-separator));bottom:0;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;flex-shrink:0;font:inherit;font-size:100%;height:150px;margin:0;padding:20px;position:absolute;right:0;vertical-align:baseline;width:100%}._aasf{align-items:stretch;background-color:rgb(var(--ig-highlight-background));border:0;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;font:inherit;font-size:100%;height:15px;margin:0;margin-bottom:12px;padding:0;position:relative;vertical-align:baseline;width:140px}._aasg{align-items:stretch;background-color:rgb(var(--ig-highlight-background));border:0;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;font:inherit;font-size:100%;height:15px;margin:0;margin-bottom:12px;padding:0;position:relative;vertical-align:baseline;width:220px}._aash{align-items:stretch;background-color:rgb(var(--ig-highlight-background));border:0;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;font:inherit;font-size:100%;height:15px;margin:0;padding:0;position:relative;vertical-align:baseline;width:80px}._aas3{flex-grow:2;flex-shrink:1;min-height:450px;min-width:0;overflow:hidden}._aas5{height:100%}@supports not (aspect-ratio: 1){._aas4{overflow:hidden;position:relative}._aas4::before{content:'';display:block;padding-bottom:100%}._aas4>:first-child{left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:100%}}._aas8{background-color:rgb(var(--ig-secondary-background));border-radius:0 4px 4px 0;flex-grow:1;flex-shrink:2;max-width:500px;min-width:404px;position:relative}._aas5{background-color:rgb(var(--ig-highlight-background));background-image:requireStatic('./shimmer.gif');background-size:cover;min-height:450px}
._aatb{max-height:inherit;padding:0}._aasi{background-color:rgb(var(--ig-secondary-background));border-bottom:1px solid rgb(var(--post-separator));border-radius:4px}._aasj{border-radius:8px}._aatc ._aasi{background-color:rgb(var(--ig-primary-background))}._aasm{justify-content:center;padding-right:8px}._aasn{justify-content:center;padding-right:4px}@supports not (aspect-ratio: 1){._aatm{overflow:hidden;position:relative}._aatm::before{content:'';display:block;padding-bottom:100%}._aatm>:first-child{left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:100%}}._aato{max-height:inherit}._aatg{width:100%}._aask{border-radius:8px 8px 0 0}._aatk{background-color:rgb(var(--ig-primary-background));display:flex;flex-direction:column;pointer-events:auto;position:relative}._aatl{flex-grow:2;flex-shrink:1}._aatg ._aatk{background-color:rgb(var(--web-always-black));flex-grow:1;justify-content:center;min-height:450px;overflow:hidden}._aatg ._aatk._aatn{background-color:rgb(var(--ig-secondary-background))}._aatg ._aasi{background-color:rgb(var(--ig-primary-background));border-bottom:1px solid rgb(var(--post-separator));margin-right:0}._aatg._aati ._aasi{border-left:1px solid rgb(var(--post-separator))}@media (-webkit-min-device-pixel-ratio: 2){._aatf ._aasi{border-bottom-width:.5px}}._agh1{padding:0;margin-right:-8px}._aiao{border-radius:4px;overflow:hidden;border:1px solid rgb(var(--post-separator))}._ai9a{border-bottom:none}
._a9zl{margin-right:-2px;margin-top:-5px;overflow:hidden;padding-bottom:6px;padding-right:2px;padding-top:5px;position:relative;width:100%;word-wrap:break-word}._a9zl:last-child{padding-bottom:0}._a9zj{overflow:visible;padding:12px 0;width:auto}._a9zk{padding:20px 16px 16px 16px}._a9zh{background-image:linear-gradient( to right, rgba(var(--ig-primary-background), .8), rgb(var(--ig-primary-background)) );display:none;position:absolute;right:12px;top:-4px}._a9zj:hover ._a9zh,._a9zj:focus-within ._a9zh{display:block}._a9zi{display:none}._a9zj:hover ._a9zi,._a9zj:focus-within ._a9zi{display:inline-block;left:-10px;position:absolute;top:-12px}._a9zc{align-items:center;display:inline-flex}._ad0a,._ad0a:visited{color:rgb(var(--ig-primary-text))}._a9zm{align-items:center;border:0;box-sizing:border-box;display:flex;flex-direction:row;flex-shrink:0;font:inherit;font-size:100%;justify-content:space-between;margin:0;padding:0;position:relative;vertical-align:baseline}._a9zj ._a9zm{align-items:flex-start}._a9zo{align-items:flex-start;display:flex;flex-direction:row;width:calc(100% - 28px)}._a9zk ._a9zo{width:calc(100% - 20px)}._a9zn{width:100%}._a9zr{align-items:stretch;border:0;box-sizing:border-box;display:inline-block;flex-shrink:1;font:inherit;font-size:100%;margin:0;min-width:0;flex-direction:column;padding:0;position:relative;vertical-align:baseline}._a9zs{display:inline}._a9ze{background:none;border:none;cursor:pointer;display:inline;margin-right:12px!important;padding:0;position:relative}._a9ze,._a9ze:visited{color:rgb(var(--ig-secondary-text))}._a9zf{cursor:default;font-size:var(--system-12-font-size)!important;font-weight:var(--font-weight-system-regular);line-height:var(--system-12-line-height)!important}._a9zg ._a9zf{cursor:pointer}._a9zp{align-self:flex-start!important;margin:0 18px 0 0}._a9zq{margin:2px 10px 0 0}._a9zt{background:none;border:none;cursor:pointer;overflow:hidden;padding:0;width:1em}._a9zt::before{content:'\2715';display:block}._a9zj ._a9zu{margin-top:9px}._a9zj ._a9zt{margin-top:9px}._a9zd{opacity:.5}@media (max-width: 735px){._a9zj ._a9zr{-webkit-user-select:none}._a9zj{padding-right:28px}._a9zk{padding-right:16px}}._amp7{display:inline-block}
._ae1i{background-color:rgb(var(--ig-primary-background))}._ae1m{border-radius:0 0 8px 8px}._ae1l{border-radius:8px}._ae1j{background-color:rgb(var(--ig-primary-background));height:100%;width:var(--media-info)}._ae1k{background-color:rgb(var(--ig-primary-background));height:100%}._ae1h,._ae2q{display:flex;flex-direction:column;pointer-events:auto;position:relative}._ae2r{border-radius:0 4px 4px 0}._ae65{align-items:stretch;border:0;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;flex-shrink:2;font:inherit;font-size:100%;margin:0;max-width:500px;min-width:405px;padding:0;position:relative;vertical-align:baseline}._ae2s{box-sizing:border-box;display:flex;flex-direction:column;min-width:var(--media-info);padding:0 16px;position:relative;width:100%}._ae2s>*:first-child{margin-top:16px}._ae3_,._ae2s>._ae3_:first-child{margin-top:4px}._ae3v{box-sizing:border-box;flex-grow:1;padding-left:24px;padding-right:24px}._ae3x>*:first-child{margin-top:0}._ae3w{border-left:1px solid rgb(var(--post-separator));padding:0}._alfb{border-bottom:1px solid rgb(var(--post-separator))}._ae3y{border-bottom:none;border-top:1px solid rgb(var(--post-separator));order:2}._ae3z{margin-left:-16px;width:calc(100% + 32px)}._ae3-{margin-bottom:34px;margin-top:-80px}._ae3_{padding-bottom:8px;padding-top:6px}._ae40{padding-bottom:6px;padding-top:0}._ae47{border-top:1px solid rgb(var(--post-separator));margin:0;order:3}._ae48{padding-left:16px;padding-right:16px}._ae41{padding-left:12px;padding-right:12px}._ae52{margin-bottom:8px}._ae5k{padding-left:16px;padding-right:16px}._ae5l{padding-left:12px;padding-right:12px}._ae5m{margin-bottom:8px}._ae5n{margin-bottom:4px;order:4}._ae5o{padding-left:16px;padding-right:16px}._ae5p{padding-left:12px;padding-right:12px}._ae5u{margin-bottom:16px}._akdp{margin-bottom:8px}._ae5x{margin-bottom:12px}._ae5v{order:5}._ae5w{padding-left:16px}._ae5x{padding-left:12px}._ae5y{padding-bottom:6px;padding-top:6px}._ae5_{padding-bottom:4px;padding-top:4px}._ae61{display:none}._ae5z{order:6}._ae60{padding-left:12px;padding-right:12px}._ae61{min-height:48px}._ae62{padding-right:16px}._ae63{align-items:center;border-top:1px solid rgb(var(--post-separator));display:flex;height:54px;justify-content:center;margin-top:4px;order:6}._ae64{margin-top:0}._agnb{border:none!important;height:fit-content!important}._ae5q{display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;min-height:0;overflow:auto;position:relative}._akdn{margin-bottom:4px}._akdo{margin-bottom:0}._ae5r{margin:0 -24px;order:1;overflow-x:hidden}._ae5s{margin:0 0 auto;padding:0 16px}._ae5t{margin:0 0 auto;padding:0 12px}._aggd{border:none}._agge{overflow:visible;padding-left:0;padding-right:0}
._aamu{display:flex;flex-direction:row}._aamw{display:inline-block;margin-left:-8px}._aamx,._aamy{display:inline-block}._aamv ._aamw{margin-right:8px;order:1}._aamv ._aamx{margin-right:8px;order:4}._aamv ._aamy{margin-right:8px;order:2}._aamv ._aamz{margin-left:0;margin-right:8px;order:3}._aamz{border:0;display:inline-block;font:inherit;font-size:100%;margin:0;margin-left:auto;margin-right:-10px;padding:0;vertical-align:baseline}
._aa25{display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%}._ae-j{background-color:rgb(var(--ig-primary-background));border:1px solid rgb(var(--ig-elevated-separator));border-radius:3px;margin-left:-1px;margin-right:-1px}._ae-k{border-radius:8px}._aa26{align-items:center;border:0;box-sizing:border-box;display:flex;flex-direction:row;flex-shrink:0;font:inherit;font-size:100%;height:60px;margin:0;padding-top:16px;padding-bottom:16px;position:relative;vertical-align:baseline}._ajr6{padding-left:16px;padding-right:16px}._aa27{align-items:stretch;background-color:rgb(var(--ig-highlight-background));border:0;border-radius:50%;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;font:inherit;font-size:100%;height:30px;margin:0;margin-right:12px;padding:0;position:relative;vertical-align:baseline;width:30px}._ajr7{margin-left:5px}._aa28{align-items:stretch;border:0;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;flex-shrink:0;font:inherit;font-size:100%;justify-content:center;margin:0;padding:0;position:relative;vertical-align:baseline}._aa29{align-items:stretch;background-color:rgb(var(--ig-highlight-background));border:0;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;font:inherit;font-size:100%;height:10px;margin:0;margin-bottom:4px;padding:0;position:relative;vertical-align:baseline;width:140px}._aa2a{align-items:stretch;background-color:rgb(var(--ig-highlight-background));border:0;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;font:inherit;font-size:100%;height:10px;margin:0;padding:0;position:relative;vertical-align:baseline;width:100px}._aa2b{background-color:rgb(var(--ig-highlight-background));background-image:requireStatic('./shimmer.gif');background-size:cover;display:block}._aa2b::before{content:'';display:block;padding-bottom:100%;width:100%}._aa2c{-webkit-filter:invert(90%) brightness(70%)}._ajr8{border-radius:4px}
._aear{height:100%;pointer-events:none;position:relative;width:100%}._aeap{box-sizing:border-box;height:100%;padding:10px;pointer-events:none;width:100%}._aeaq{position:absolute}@keyframes PostModalShow{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}
._aaqf{left:0}._aaqg{right:0}._aaqg,._aaqf{cursor:pointer;display:block;margin-top:-20px;overflow:hidden;pointer-events:auto;position:absolute;text-indent:-9999em;top:50%}._aaqh{background:white;border-radius:50%;-webkit-box-shadow:0 4px 12px rgba(0, 0, 0, .15);box-shadow:0 4px 12px rgba(0, 0, 0, .15);cursor:pointer;margin-left:2px;margin-right:2px;opacity:1;transition-duration:.2s;transition-property:opacity;z-index:3}._aaqh:hover:not([disabled]){opacity:.7}._aaqh:active:not([disabled]){opacity:1}
._aa6b{flex-grow:1;margin:0 auto;max-width:935px;width:100%}._ad9f{margin-bottom:16px}._aa69{color:rgb(var(--ig-primary-text));font-size:15px;line-height:18px;padding:20px 10px;text-align:center}._aa6a{box-sizing:border-box;display:flex;flex-direction:column;position:relative;width:100%}@media (min-width: 736px){._aa6b{box-sizing:content-box;justify-content:center;padding:40px 20px;width:calc(100% - 40px)}._aa6d{justify-content:normal;padding:calc(4vh) 20px 0}._aa6c{padding:30px 20px}._aa6e{align-items:center;display:flex;flex-direction:column;margin:0 auto;position:relative;width:100%}._aa6e ._aa6a{background-color:rgb(var(--ig-primary-background));border:1px solid rgb(var(--ig-elevated-separator));border-bottom-right-radius:3px;border-top-right-radius:3px}}@media (max-width: 735px){._aa69{font-size:14px;line-height:17px}}
._acri{margin-left:-5px;margin-right:-2px;margin-top:-5px;overflow-anchor:none;-webkit-overflow-scrolling:touch;padding-left:5px;padding-right:2px;padding-top:5px}._acrj{padding:12px 24px}._acrk{border:0;flex-grow:1;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}._acrl{border:0;font:inherit;font-size:100%;margin:0;margin-bottom:8px;padding:0;vertical-align:baseline}._acrm{color:rgb(var(--ig-secondary-text))!important;font-weight:var(--font-weight-system-medium)!important}._acrn{display:inline-block;margin:0 0 0 4px}._acrm,._acrn{vertical-align:middle}
._aa6g{align-items:stretch;border:0;box-sizing:border-box;display:block;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;margin:0;padding:0;padding-top:calc(6vh);position:relative;vertical-align:baseline}._ajgs{align-items:stretch;border:0;box-sizing:border-box;display:block;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;margin:0;padding:0;position:relative;vertical-align:baseline}
._a9z6{border:0;box-sizing:content-box;flex-grow:1;font:inherit;font-size:100%;height:calc(100% - 32px);left:0;margin:0;overflow-y:scroll;padding:16px;position:absolute;scrollbar-width:none;vertical-align:baseline;width:calc(100% - 32px)}._a9z6::-webkit-scrollbar{display:none}._al_b{margin-bottom:70px}._a9z7{overflow-y:auto;position:static}._a9z6._a9z9._a9z8{padding-top:0}._a9z5{padding:5px 16px 16px 0;width:auto}._a9z4{border-bottom:1px solid rgb(var(--post-separator));margin-bottom:16px}._a9z8 ._a9z4{border-bottom-width:0;margin-bottom:0}._a9z6 ._a9z5:last-child{padding-bottom:16px}._a9z3{background-color:transparent;border-bottom:8px solid rgb(var(--post-separator));border-top:8px solid rgb(var(--post-separator));margin:0 -12px;padding:2px 12px 8px 12px}._a9za ._a9z3{margin-bottom:4px}
.EmbedVideo{height:100%;position:absolute;-webkit-tap-highlight-color:transparent;width:100%}._aand{display:block;overflow:hidden;padding-bottom:100%;position:relative;-webkit-tap-highlight-color:transparent;width:100%}._aane{background-color:rgb(var(--web-always-black));border:0;bottom:0;font:inherit;font-size:100%;height:100%;left:0;margin:0;min-height:100%;min-width:100%;padding:0;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;vertical-align:baseline;width:100%}._aane::-webkit-media-controls-start-playback-button{display:none}
._ac68{margin-left:-15px;margin-right:-15px}
._ac4f{border:0;display:flex;flex-direction:row;font:inherit;font-size:100%;margin:0;margin-right:0;padding:0;vertical-align:baseline}._ac4g{border:none;cursor:pointer;display:flex;flex:1 0 0px;flex-direction:column;font:inherit;font-size:100%;height:28px;justify-content:space-around;margin:0;min-width:0;padding:0;vertical-align:baseline;width:100%}._ac4h{color:rgb(var(--ig-secondary-text));font-size:var(--system-14-font-size);line-height:28px}._ac4i{color:rgb(var(--ig-secondary-text));font-size:var(--system-12-font-size);padding-bottom:5px}._ac4j{color:rgb(var(--ig-primary-text));font-size:var(--system-14-font-size);height:28px}._ac4k{color:rgb(var(--ig-secondary-text));font-size:var(--system-14-font-size);height:28px}._ac4l{color:rgb(var(--ig-error-or-destructive));font-size:var(--system-12-font-size);padding-bottom:5px}._ac4n{align-items:stretch;background-color:rgb(var(--ig-primary-background));border:solid 1px rgb(var(--ig-elevated-separator));border-radius:3px;box-shadow:0 0 5px rgba(var(--web-always-black), .0975);box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;margin:0;margin-top:16px;padding:10px;position:absolute;vertical-align:baseline;width:100%;z-index:100}._ac4o:hover{background-color:rgb(var(--ig-highlight-background));border-radius:3px;cursor:pointer}._ac4o{border:0;flex:1 0 0px;font:inherit;font-size:100%;margin:0;margin-bottom:2px;margin-left:2px;margin-right:2px;margin-top:2px;padding:0;vertical-align:baseline}._ac4p{align-items:stretch;border:0;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;margin:0;margin-bottom:5px;margin-left:5px;margin-right:5px;margin-top:5px;padding:0;position:relative;vertical-align:baseline}._ac4q{align-items:stretch;border:0;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;height:4px;margin:0;padding:0;position:relative;vertical-align:baseline}._ac4r{justify-content:center;margin:0}._ac4s{justify-content:center;margin-top:-2px}
._acg-{align-items:stretch;border:0;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;margin:0;padding:0;position:relative;vertical-align:baseline}._acg_{border:hidden;border:0;flex-grow:1;overflow:auto;padding:0;resize:none;width:100%}._acg_:focus{outline:none}._acg_::-webkit-input-placeholder{color:rgb(var(--ig-secondary-text));font-size:var(--system-14-font-size);padding-top:9px}._ach0{border:hidden;border:0;flex-grow:1;overflow:auto;padding:0;resize:none;width:100%}._ach0:focus{outline:none}._ach0::-webkit-input-placeholder{color:rgb(var(--ig-secondary-text));font-size:var(--system-14-font-size);padding-top:3px}._ach1{color:rgb(var(--ig-error-or-destructive));font-size:var(--system-12-font-size);padding-bottom:3px}._ach2{display:none}._ach3{color:rgb(var(--ig-secondary-text));font-size:var(--system-12-font-size);padding-bottom:3px}
._abmy{border:0;display:flex;flex-wrap:wrap;font:inherit;font-size:100%;margin:0 -12px 13px 0;padding:0;vertical-align:baseline}._abmz{align-items:stretch;border:0;border-radius:3px;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;height:110px;margin:0 12px 12px 0;padding:0;position:relative;vertical-align:baseline;width:110px}._abm-{align-content:flex-end;align-items:stretch;background:none;border:0;border-radius:3px;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;height:100%;justify-content:flex-end;margin:0;opacity:0;padding:0;position:absolute;vertical-align:baseline;width:100%}._abm_{align-items:flex-end;border:none;box-sizing:border-box;color:rgb(var(--web-always-white));display:flex;flex-direction:column;flex-shrink:0;font:inherit;font-size:72px;font-weight:600;height:100%;justify-content:flex-start;margin:0;padding:0;position:absolute;vertical-align:baseline;width:100%;z-index:1}._abm_:hover{color:rgb(var(--ig-secondary-text))}._abn0{align-items:center;background:rgb(var(--ig-primary-text));border:0;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;height:24px;justify-content:center;margin:0;margin-right:4px;margin-top:4px;opacity:.4;padding:0;position:relative;vertical-align:baseline;width:24px}._abn0:hover{opacity:.6}._abn1{border:0;font:inherit;font-size:100%;height:100%;margin:0;padding:0;vertical-align:baseline;width:100%}
._acgx{border-radius:12px;display:flex;flex-direction:column;max-height:100%;max-width:100%;overflow:hidden}._acgy{align-items:stretch;border:0;box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:column;font:inherit;font-size:100%;margin:0;overflow:hidden;padding:0;position:relative;vertical-align:baseline}._acgz{align-items:stretch;border:0;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;margin:0;max-height:100%;overflow-x:hidden;overflow-y:auto;padding:0;position:relative;vertical-align:baseline;width:100%}
._ac7r:not(:first-child):before,._ac7r:not(:last-child):after{background-color:rgb(var(--ig-highlight-background));content:'';display:block;height:1px;width:100%}@media (max-width: 735px){._a07u ._ac7r:after{background-color:rgb(var(--ig-highlight-background));content:'';display:block;height:1px;width:100%}}
._abn2{-webkit-appearance:none;background:none;border:none;box-sizing:border-box;cursor:pointer;display:block;font-family:inherit;font-size:inherit;margin:0;padding:0;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;width:100%}._abn2:active{background-color:rgb(var(--ig-highlight-background))}a._abn2:active{opacity:1}._abn2,a._abn2,a:visited._abn2{color:rgb(var(--ig-primary-text))}._abn2._abn3,a._abn2._abn3,a:visited._abn2._abn3{color:rgb(var(--ig-error-or-destructive))}._abn2._abn4,a._abn2._abn4,a:visited._abn2._abn4{color:rgb(var(--ig-secondary-text))}._abn2:not(:first-child):before{background-color:rgb(var(--ig-highlight-background));content:'';display:block;height:1px;width:100%}
._aard,._aar9{bottom:0;left:0;position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center}._aard{background-color:rgba(var(--web-always-black), .5);display:block}._aara{align-items:stretch;border:0;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;margin:auto;padding:0;position:relative;vertical-align:baseline}._aar9 ._aarc{color:rgb(var(--web-always-white));display:block;font-size:14px;font-weight:var(--font-weight-system-semibold);line-height:var(--system-14-line-height);margin-bottom:20px;margin-top:50px;text-decoration:none;z-index:3}._aar9 ._aarb{background-size:145px 80px;display:block;height:55px;margin-left:45px;margin-top:-15px;opacity:90%;overflow:hidden;position:absolute;width:55px;z-index:3}
._aakl{align-items:stretch;border:0;box-sizing:border-box;cursor:pointer;display:block;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;margin:0;padding:0;position:relative;vertical-align:baseline}._aaki{border:0;font:inherit;font-size:100%;margin:0;opacity:0;padding:0;transition:opacity .2s ease-out;transition-delay:.1s;vertical-align:baseline}._aakj{border:0;display:block;font:inherit;font-size:100%;height:135px;left:50%;margin:0;margin-left:-67px;margin-top:-67px;padding:0;position:absolute;top:50%;vertical-align:baseline;width:135px}._aakk{opacity:1}._aakl,._aakh{bottom:0;left:0;position:absolute;right:0;top:0}
._ab01{align-items:stretch;border:0;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;height:48px;margin:0;margin-top:40px;padding:0;position:relative;vertical-align:baseline}/*FB_PKG_DELIM*/
._aaoe{border-top:1px solid rgb(var(--post-separator));color:rgb(var(--ig-secondary-text));flex-shrink:0;font-size:var(--system-14-font-size);justify-content:center;line-height:var(--system-14-line-height);position:relative}._aaod{border:none;padding:0;top:-2px;width:100%}._agne{border:none;padding:0!important}._aiiy{box-sizing:border-box;background-color:rgb(var(--ig-primary-background));border:1px solid rgb(var(--grey-2));border-radius:38px}._aaod ._aaof{align-items:center;background-color:rgb(var(--ig-highlight-background));border-bottom:1px solid rgb(var(--ig-elevated-separator));border-top:1px solid rgb(var(--ig-elevated-separator));display:flex;flex-flow:row wrap;justify-content:flex-start;padding:8px 0}._aaod ._aiam{background-color:rgb(var(--ig-primary-background));border:none;border-radius:38px}._aaod ._aiv2{padding:0}._aiiz{padding:0!important}._aaod ._akm2{background-color:transparent}._aaod ._aidk{background-color:rgb(var(--ig-primary-background));border:1px solid rgb(var(--ig-elevated-separator));border-radius:30px;margin-right:16px;padding:12px 16px}._aaod ._aidl{border:none;border-radius:38px;margin:0;padding:8px}._aaod ._aie4{padding:0}._af6c{padding-left:16px}._aaog{display:inline-block;margin:0 16px}._aian{margin:0 5px 0 0}._aii-{margin:0 0 0 8px}
._aidk{display:flex;flex-direction:row;flex-grow:1;flex-shrink:1;font:inherit;font-size:100%;margin:0;padding:0}._aidp{margin:0 8px}._am-5{margin-left:8px}._ak6u{border:0}._aidk._akhr{border:1px solid rgb(var(--ig-elevated-separator));border-radius:38px}._aidk._akhm{border-radius:20px;flex-direction:column}._akhn{align-items:center;display:flex;flex-direction:row;flex-grow:1;flex-shrink:1;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}
._aauc{align-items:stretch;border:0;border-radius:5px;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;margin:0;overflow:hidden;padding:0;position:relative;vertical-align:baseline}
._agj9{color:var(--ig-primary-background);font-weight:600}a:visited._agj9{color:var(--ig-primary-background)}
._aaqb{text-transform:uppercase}._aaqc{text-transform:capitalize}._aaqe{letter-spacing:.2px}
._aauv{align-items:stretch;border:0;box-sizing:border-box;color:rgb(var(--ig-primary-text));display:block;flex-direction:column;flex-grow:1;flex-shrink:1;font:inherit;font-size:100%;font-weight:600;margin:0;padding:0;position:relative;vertical-align:baseline}._aauw{border:0;cursor:pointer;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}._aaur{align-items:stretch;border:0;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;left:0;margin:0;opacity:.5;padding:0;position:fixed;right:0;top:0;vertical-align:baseline;z-index:10}._aaut{align-items:stretch;border:0;border-bottom:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgb(var(--ig-primary-background));bottom:21px;box-sizing:border-box;content:' ';display:flex;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;height:0;left:3px;margin:0;padding:0;position:absolute;vertical-align:baseline;width:0;z-index:12}._aaus{align-items:stretch;background:rgb(var(--ig-primary-background));border:1px solid rgb(var(--ig-elevated-separator));bottom:23px;box-shadow:0 0 5px 1px rgba(var(--web-always-black), .0975);box-sizing:border-box;content:' ';display:flex;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;height:14px;left:6px;margin:0;padding:0;position:absolute;transform:rotate(45deg);vertical-align:baseline;width:14px;z-index:1}._aauu{align-items:stretch;background:rgb(var(--ig-primary-background));border:solid 1px rgb(var(--ig-elevated-separator));border-radius:3px;bottom:28px;box-shadow:0 0 5px rgba(var(--web-always-black), .0975);box-sizing:border-box;color:rgb(var(--ig-secondary-text));display:block;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;font-weight:600;margin:0;margin-left:-10px;min-width:50px;padding:14px 16px;position:absolute;vertical-align:baseline;z-index:11}
._acna{align-items:stretch;background:none;border:0;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;height:80px;margin:0;overflow:hidden;padding:0;position:relative;touch-action:none;vertical-align:baseline;width:100%;z-index:1}._acn8{border:0;border-radius:40px;display:block;flex:0 0 auto;font:inherit;font-size:100%;height:55px;margin:0;padding:0;vertical-align:baseline;width:55px}._acn7{align-items:center;display:flex;flex-direction:column;flex-shrink:0;margin:0 10px 20px 0;text-align:center;text-overflow:ellipsis;width:70px}._acn9{align-items:stretch;border:0;box-sizing:border-box;color:#fff;display:block;flex-direction:column;flex-shrink:0;font:inherit;font-size:var(--system-10-font-size);margin:0;overflow:hidden;padding:0;position:relative;text-overflow:ellipsis;vertical-align:baseline;white-space:nowrap;width:70px}
._acms{border:solid 1px rgb(var(--ig-separator));border-radius:30px;display:block;flex:0 0 auto;font:inherit;font-size:100%;height:28px;margin:0 10px 0 0;padding:0;vertical-align:baseline;width:28px}._acmx{align-items:center;background-color:transparent;border:none;border-bottom:solid 1px rgb(var(--ig-separator));cursor:pointer;display:flex;flex-direction:row;flex-shrink:0;height:var(--search-result-height);margin-right:0;padding:10px 16px;white-space:nowrap;width:100%}._acmw{color:rgb(var(--ig-secondary-text));font-weight:var(--font-weight-system-regular);overflow:hidden;text-overflow:ellipsis}._acmt{display:flex;flex-direction:column;flex-shrink:1;font-size:var(--system-14-font-size);justify-content:center;min-width:0;text-align:left;align-items:flex-start}._acmu{color:rgb(var(--ig-primary-text));display:flex;flex-direction:row;font-weight:var(--font-weight-system-semibold);overflow:hidden;text-overflow:ellipsis}._acmr{align-items:center;display:flex;flex-direction:row;flex-shrink:0}._acm-{background-color:rgb(var(--ig-secondary-background))}._acmv{display:block;margin-left:5px;margin-top:4px}._acmy ._acms{align-items:center;border:1px solid rgb(var(--ig-separator));border-radius:50%;display:flex;height:44px;justify-content:center;margin-right:12px;width:44px}._acmy{background-color:transparent;border:none;padding:8px 16px}._acmz{border:none;height:60px}._acmy ._acmw{color:rgb(var(--ig-secondary-text));font-size:var(--system-14-font-size);font-weight:var(--font-weight-system-light);line-height:var(--system-14-line-height);overflow:hidden;text-align:left;text-overflow:ellipsis}._acmy ._acmu{color:rgb(var(--ig-primary-text));flex-direction:row;font-size:var(--system-14-font-size);font-weight:var(--font-weight-system-semibold);text-align:left}._acmy ._acmv{display:block;margin-left:5px;margin-top:3px}
._acm_{align-items:stretch;background:rgb(var(--ig-primary-background));border:0;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;margin:0;padding:0;position:relative;vertical-align:baseline;width:100%;z-index:1}._acn5{display:flex;flex-direction:column;-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto;padding:0}._acn6{max-height:200px}._acn0{height:200px}._acn1{height:180px}._acn3{margin-top:20px}._acn4{top:20%}._acn2{left:50%;margin-left:-16px;margin-top:-16px;position:absolute;top:50%}
._aa7p{align-items:stretch;border:0;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;justify-content:center;left:0;margin:0;padding:0;pointer-events:none;position:absolute;right:0;top:0;vertical-align:baseline}._aa7q{animation-duration:1000ms;animation-name:like-heart-animation;animation-timing-function:ease-in-out;border:0;font:inherit;font-size:100%;margin:0 auto;opacity:0;padding:0;pointer-events:none;transform:scale(0);vertical-align:baseline}@keyframes like-heart-animation{0%{opacity:0;transform:scale(0)}15%{opacity:.9;transform:scale(1.2)}30%{transform:scale(.95)}45%,80%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(0)}}
._aa1z{cursor:pointer;flex-grow:1;position:relative;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-user-select:none}._aa1y{opacity:0;pointer-events:none;position:absolute;transform-origin:top center;transition-duration:.2s;transition-property:transform, opacity}._aa1y:hover{z-index:100}._aa1- ._aa1y{opacity:1;pointer-events:auto}
._aamn{display:block;position:relative}._aamj{align-items:center;bottom:15px;justify-content:center;left:6px;pointer-events:none;position:absolute;right:6px}._aamm{align-items:stretch;border:0;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;left:0;margin:0;padding:0;position:relative;top:0;vertical-align:baseline}._aami{align-items:stretch;border:0;box-sizing:border-box;display:block;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;margin:0;padding:0;position:relative;vertical-align:baseline}
._acvz{display:flex}._acnb{border-radius:50%;height:6px;transition:all .2s ease-in-out;width:6px}._acnc{flex-direction:row}._acnc ._acnb{margin-right:4px}._acnc ._acnb:last-child{margin-right:inherit}._acnd{flex-direction:column}._acnd ._acnb{margin-bottom:4px}._acnd ._acnb:last-child{margin-bottom:inherit}._acne ._acnb{background:rgb(var(--grey-4))}._acne ._acnf{background:rgb(var(--ig-primary-button))}._acng ._acnb{background:rgb(var(--web-always-white));opacity:.4}._acng ._acnf{opacity:1}._acnh ._acnb{background:rgb(var(--web-always-white));box-shadow:0 0 5px rgba(var(--web-always-black), .7);opacity:.4}._acnh ._acnf{opacity:1}._any_{bottom:-24px}._any_ ._acnb{background:rgb(var(--ig-stroke))}._any_ ._acnf{background:rgb(var(--ig-primary-text))}
._a9-2{background:rgba(0, 0, 0, .8);border:0;border-radius:20px;cursor:pointer;margin:12px;opacity:0;position:relative;transition-duration:.2s;transition-property:opacity}._a9-4{opacity:1}._a9-3{bottom:0;left:0;position:absolute}
._aa1q._aa1q{background-color:rgba(0, 0, 0, .85);border:none;border-radius:4px;cursor:pointer;display:block;font-size:var(--system-14-font-size);line-height:var(--system-14-line-height);-webkit-user-select:none}._aa1q._aa1q,._aa1q._aa1q:link,._aa1q._aa1q:visited{color:#fff;font-weight:var(--font-weight-system-semibold)}._aa1q._aa1q:hover{text-decoration:none}._aa1p{border:0;display:inline-flex;font:inherit;font-size:100%;line-height:36px;margin:0;padding:0;position:relative;vertical-align:baseline}
._a9-5{background:rgba(0, 0, 0, .8);border:0;border-radius:20px;cursor:pointer;margin:12px;opacity:0;position:relative;transition-duration:.2s;transition-property:opacity}._a9-7{opacity:1}._a9-6{bottom:0;left:0;position:absolute}
._aa24{border:0;font:inherit;font-size:100%;margin:0 12px;padding:0;vertical-align:baseline}._aa23{border-style:solid;height:0;left:50%;margin-left:-6px;position:absolute;width:0}._aa21{border-bottom:6px solid rgba(0, 0, 0, .85);border-left:6px solid transparent;border-right:6px solid transparent;border-top:0;top:-5px}._aa22{border-bottom:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(0, 0, 0, .85);top:100%}/*FB_PKG_DELIM*/
._aaqw{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;flex-grow:1;flex-shrink:1;max-width:calc(100% - 48px);padding:14px 4px 14px 16px;position:relative}._aaqx{margin:8px 4px 8px 12px;padding:unset}._aggb{margin:8px 4px 8px 5px}._aaqu{align-items:stretch;border:0;box-sizing:border-box;display:inline;flex-direction:column;flex-shrink:0;flex-wrap:wrap;font:inherit;font-size:100%;margin:0;padding:0;position:relative;vertical-align:baseline}._aar2{align-items:baseline;border:0;box-sizing:border-box;display:flex;flex-direction:row;flex-shrink:0;font:inherit;font-size:100%;margin:0;padding:0;position:relative;top:1px;vertical-align:baseline}._aar3{align-items:stretch;border:0;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;margin:0;margin-right:2px;padding:0;position:relative;vertical-align:baseline}a._aaqk,a._aaqk:visited{color:rgb(var(--ig-primary-text))}._aaqp{align-items:stretch;background:rgb(var(--ig-primary-background));border:0;border-radius:50%;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;left:8px;margin:0;padding:1px;position:absolute;top:8px;vertical-align:baseline}._aar0{display:flex}._ad95{align-items:baseline;display:flex;flex-direction:row;position:relative;max-width:240px}._aar1{max-width:100%}._aaqy{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;margin-left:12px;overflow:hidden;position:relative}._aaqz{margin-left:14px}._aaq-{justify-content:center;margin-left:10px;min-height:40px}._aaq_{margin-left:8px}._aaql{align-items:stretch;border:0;bottom:1px;box-sizing:border-box;display:block;flex-direction:column;flex-shrink:0;font:inherit;font-size:100%;margin:0;max-width:100%;padding:2px;position:relative;vertical-align:baseline}._aaqt{align-items:center;box-sizing:border-box;flex-grow:1;flex-shrink:1;font:inherit;font-size:100%;margin:0;max-width:100%;overflow:hidden;padding:2px;position:relative;top:1px;vertical-align:baseline}._aaqv::before{content:'\00a0'}._aaqs{color:rgb(var(--ig-primary-text));display:inline-block;font:inherit;font-size:100%;margin:0;max-width:100%;padding:2px;border:0;vertical-align:baseline}._adkn{color:rgb(var(--ig-primary-text));font-size:13px;font-weight:400}._aaqr,._aaqr:visited{color:rgb(var(--ig-primary-text));font-weight:600}._anex,._anex:visited{color:rgb(var(--ig-primary-text))}._aaqo{align-items:center;background-image:linear-gradient(to bottom left, #bf00ff, #ed4956, #ff8000);border:1px solid rgb(var(--web-always-white));border-radius:50%;box-sizing:border-box;color:rgb(var(--web-always-white));display:flex;flex-direction:column;flex-shrink:0;font:inherit;font-size:13px;height:17px;justify-content:center;margin:0;margin-left:17px;margin-top:-15px;padding:0;position:absolute;vertical-align:baseline;width:17px}._ajqd{top:1px;position:relative}/*FB_PKG_DELIM*/

#bootloader_7uOFbsx{height:42px;}.bootloader_7uOFbsx{display:block!important;} 

HTML Online Editor & Compiler

Write, Run & Share HTML code online using OneCompiler's HTML online Code editor for free. It's one of the robust, feature-rich online Code editor for HTML language, running on the latest version HTML5. Getting started with the OneCompiler's HTML compiler is simple and pretty fast. The editor shows sample boilerplate code when you choose language as HTML. You can also specify the stylesheet information in styles.css tab and scripts information in scripts.js tab and start coding.

About HTML

HTML(Hyper Text Markup language) is the standard markup language for Web pages, was created by Berners-Lee in the year 1991. Almost every web page over internet might be using HTML.

Syntax help

Fundamentals

  • Any HTML document must start with document declaration <!DOCTYPE html>
  • HTML documents begin with <html> and ends with </html>
  • Headings are defined with <h1> to <h6> where <h1> is the highest important heading and <h6> is the least important sub-heading.
  • Paragrahs are defined in <p>..</p> tag.
  • Links are defined in <a> tag.

    Example:

    <a href="https://onecompiler.com/html">HTML online compiler</a>
    
  • Images are defined in <img> tag, where src attribute consists of image name.
  • Buttons are defined in <button>..</button> tag
  • Lists are defined in <ul> for unordered/bullet list and <ol> for ordered/number list, and the list items are defined in <li>.

HTML Elements and Attributes

  • HTML element is everything present from start tag to end tag.
  • The text present between start and end tag is called HTML element content.
  • Anything can be a tagname but it's preferred to put the meaningful title to the content present as tag name.
  • Do not forget the end tag.
  • Elements with no content are called empty elements.
  • Elements can have attributes which provides additional information about the element.
  • In the below example, href is an attribute and a is the tag name.

    Example:

    <a href="https://onecompiler.com/html">HTML online compiler</a>
    

CSS

CSS(cascading style sheets) describes how HTML elements will look on the web page like color, font-style, font-size, background color etc.

Example:

Below is a sample style sheet which displays heading in green and in Candara font with padding space of 25px.

body{
  padding: 25px;
}
.title {
	color: #228B22;
	font-family: Candara;
}

HTML Tables

  • HTML Tables are defined in <table> tag.
  • Table row should be defined in <tr> tag
  • Table header should be defined in <th> tag
  • Table data should be defined in <td> tag
  • Table caption should be defined in <caption> tag

HTML-Javascript

  • Javascript is used in HTML pages to make them more interactive.
  • <script> is the tag used to write scripts in HTML
  • You can either reference a external script or write script code in this tag.

Example

<script src="script.js"></script>