.highlightable-html-content{position:relative;margin:0;font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;word-break:break-word}@media screen and (min-width:980px){.highlightable-html-content{font-size:20px}}@media screen and (min-width:980px){.highlightable-html-content>:first-child,.highlightable-html-content>:first-child>:first-child,.highlightable-html-content>:first-child>:first-child>:first-child{margin-top:0}}.highlightable-html-content h3{font-size:24px;font-weight:600;margin-bottom:14px}.highlightable-html-content h4{font-size:22px;font-weight:600;margin-bottom:10px}.highlightable-html-content h5{font-size:20px;font-weight:600;margin-bottom:8px}@media screen and (min-width:980px){.highlightable-html-content h3{font-size:26px}}.highlightable-html-content blockquote{font-style:italic;border-left:4px solid #555;margin-left:0;margin-right:0;padding-left:1em;padding-right:0;overflow:unset}.highlightable-html-content blockquote.big{font-size:24px;font-style:normal;border:none;color:#555;font-weight:600}.highlightable-html-content a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:rgba(0,0,0,.3);text-decoration-color:rgba(0,0,0,.3)}.highlightable-html-content a:hover{-webkit-text-decoration-color:rgba(0,0,0,.8);text-decoration-color:rgba(0,0,0,.8)}.highlightable-html-content .image,.highlightable-html-content figure{margin:0}.highlightable-html-content img{max-width:100%}.highlightable-html-content :not(pre)>code{font-size:85%;padding:2px 4px;border-radius:4px;background-color:rgba(27,31,35,.05);border:1px solid rgba(27,31,35,.1)}.highlightable-html-content pre{width:calc(100% - 1em - 2px);margin:10px 0;border:1px solid #ddd;border-radius:0 0 4px 4px;tab-size:4}.highlightable-html-content pre code{background-color:unset;font-size:16px;line-height:22px}.highlightable-html-content ul li{list-style-type:none;position:relative}.highlightable-html-content ol li{position:relative}.highlightable-html-content ul li:before{content:"\2022";position:absolute;left:-25px;top:.1em;font-size:.9em}.highlightable-html-content ol li::marker{position:absolute;left:-25px;top:.1em;font-size:.9em}@media screen and (max-width:979px){.highlightable-html-content ol,.highlightable-html-content ul{padding-inline-start:20px}.highlightable-html-content ul li:before{left:-15px}.highlightable-html-content ol li::marker{left:-15px}}.highlightable-html-content .code-head{margin-bottom:-10px;background-color:#f1f1f1;font-size:16px;font-weight:700;line-height:40px;padding:0 10px;color:#555;border-radius:4px 4px 0 0;border:solid #ddd;border-width:1px 1px 0}.highlightable-html-content .video-embed{position:relative;padding-bottom:56.25%;width:100%;height:0}.highlightable-html-content .video-embed iframe{position:absolute;width:100%;height:100%;top:0;left:0}.highlightable-html-content .google-slide{position:relative;padding-bottom:calc(56.25% + 29px);width:100%;height:0;margin:20px 0}.highlightable-html-content .google-slide iframe{position:absolute;width:100%;height:100%;top:0;left:0}.highlightable-html-content th,.highlightable-html-content thead td{background-color:#276ef1;color:#fff;padding:8px;border:none}.highlightable-html-content td{padding:8px;border:1px solid #ddd}.highlightable-html-content th,.highlightable-html-content thead td{background-color:default;color:default;padding:default;border:default}.highlightable-html-content td{padding:0;border:0}.system-design-hints-box{overflow:hidden;margin:10px 0;border:1px solid #eee;border-bottom:none}.system-design-hint-box{display:flex;justify-content:space-between;background-color:#fff;border-bottom:1px solid #eee;padding:10px;cursor:pointer}.system-design-hint-locked{color:#555}.system-design-problem-creator{flex-grow:1;display:grid;grid-template-columns:40px auto;height:40px;grid-gap:10px;margin:10px 0;overflow:hidden;font-size:14px}.system-design-creator-dp{width:40px;height:40px;border-radius:50%;overflow:hidden}.system-design-creator-dp img{width:100%;height:100%}.system-design-creator-main{padding-right:10px}.system-design-creator-name,.system-design-creator-type{line-height:20px;vertical-align:middle}.system-design-creator-type{color:#777}.system-design-problem-creators-title{line-height:40px;font-size:20px}.system-design-problem-creators-box{display:flex;flex-wrap:wrap}.popup-share-content-wrapper .popup-img{padding:10px}.popup-share-content{width:100%}@media screen and (min-width:980px){.popup-share-content{width:calc(100% - 80px)}}.popup-share-title{text-align:center;line-height:40px;font-size:40px;font-weight:600;margin:10px auto 20px}.popup-share-input-wrapper{position:relative;width:100%;height:40px;display:flex}.popup-share-input-wrapper input{width:calc(100% - 50px);box-sizing:border-box;font-size:15px;padding:0 8px;border-radius:4px 0 0 4px;border:1px solid #e2e2e2}.popup-share-copied{position:absolute;right:54px;height:32px;margin:4px 0;padding:0 4px;line-height:32px;background-color:#eee;color:#333}.popup-share-buttons{text-align:center}.popup-share-copy-btn{width:50px;height:40px;line-height:40px;text-align:center;background-color:#276ef1;color:#fff;border:1px solid hsla(0,0%,78.4%,.7);box-sizing:border-box;border-radius:0 4px 4px 0;cursor:pointer}.popup-share-social-icon{display:inline-block;text-align:center;margin:30px 10px;height:40px;width:40px;background-color:#f1f1f1;border-radius:50%;line-height:40px;color:#999}.system-design-problem-part-name{margin-block-start:1em;margin-block-end:.4em;font-size:1.7em}.system-design-problem-meta-bar{width:100%;line-height:26px;display:flex;flex-wrap:wrap;justify-content:space-between}.system-design-problem-meta-bar-right{display:grid;grid-template-columns:auto auto;grid-gap:10px;margin-bottom:10px}.system-design-problem-meta-bar-left,.system-design-problem-meta-bar-support-like{display:grid;grid-template-columns:auto auto auto;grid-gap:10px;margin-bottom:10px}.system-design-meta-pill{float:left;color:#555;white-space:nowrap;line-height:28px;border-radius:14px;min-width:48px;border:1px solid #ddd;background-color:#fff;overflow:hidden}.system-design-meta-pill-icon{display:flex;min-width:28px;min-height:28px;width:100%;height:100%;align-items:center;justify-content:center;font-size:14px}.system-design-meta-difficulty-beginner{background-color:#e7f7fe;color:#649bb4;border:1px solid #649bb4}.system-design-meta-difficulty-easy{background-color:#c1f7d1;color:#2e583c;border:1px solid #2e583c}.system-design-meta-difficulty-medium{background-color:#faead4;color:#d67d09;border:1px solid #d67d09}.system-design-meta-difficulty-hard{background-color:#fee7e7;color:#e91e67;border:1px solid #e91e67}.system-design-meta-max-score{background-color:#cbecfa;color:#325f74;border:1px solid #325f74}.system-design-meta-pill:focus{outline:none;border:1px solid #286df1}.system-design-problem-meta-bar-right .system-design-meta-pill{font-size:14px;font-weight:300;cursor:pointer}.system-design-meta-pill-value{display:flex;align-items:center;justify-content:center;padding:0 8px}.system-design-meta-pill-value svg{margin-right:6px}.system-design-meta-dislike,.system-design-meta-like{font-size:14px}.system-design-meta-status-check{background-color:#e7feee;color:#61b37c;border:1px solid #61b37c}.system-design-meta-status-times{background-color:#fee7e7;color:#f76e6e;border:1px solid #f76e6e}@media screen and (max-width:699px){.system-design-meta-pill{min-height:48px;display:flex;border-radius:20px}.system-design-meta-pill-value{width:100%;justify-content:center}}.collapsible-title{cursor:pointer;background-color:#fff;border:1px solid #eaf0fb;box-sizing:border-box;border-radius:4px;font-size:18px;font-weight:600;color:#333;height:50px;display:block;padding:0 10px;line-height:50px;display:flex;justify-content:space-between;align-items:center}.collapsible-title-open{background-color:#eaf0fb;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px}.collapsible-body{background:#fff;font-weight:400;font-size:16px;line-height:20px;color:#276ef1;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.collapsible-body-closed{max-height:0;overflow:hidden;display:none}.collapsible-body-open{max-height:500px;overflow:none;border:1px solid #eaf0fb;border-top:none}.collapsible-content{padding:10px}.system-design-collapsible-content-list{display:flex;grid-gap:10px;gap:10px;flex-wrap:wrap}.system-design-collapsible-content-hints{color:#000;font-size:16px;font-weight:500}.system-design-collapsible-companies-list{display:flex;grid-gap:10px;gap:10px;flex-wrap:wrap}.system-design-collapsible-companies-link{text-decoration:none;color:#276ef1}.system-design-collapsible-content-creators{color:#000;font-size:14px}.system-design-problem-question-content .highlightable-html-content{font-size:16px}.system-design-problem-question-content .highlightable-html-content th{background-color:#406cbf}.system-design-collapse-companies,.system-design-collapse-creators,.system-design-collapse-limits,.system-design-collapse-topics{margin-top:10px}@media screen and (min-width:980px){.system-design-problem-question-content .highlightable-html-content{font-size:18px}}.system-design-problem-question-content{margin:10px 0}@media screen and (max-width:699px){.system-design-problem-question-content{width:calc(100vw - 20px)}}