#notification{position:fixed;top:.5rem;z-index:8;right:4%;left:4%;height:48px;padding:0 15px;box-sizing:border-box;box-shadow:0 0 8px rgba(var(--steel-900),.06);border-radius:4px;display:flex;justify-content:space-between;align-items:center;font-size:14px;line-height:18px;color:var(--steel-800);transition:top .5s cubic-bezier(.22,.61,.36,1),opacity .5s cubic-bezier(.22,.61,.36,1);background:var(--success-100);border:1px solid var(--success-300)}#notification.notification-inactive{box-shadow:none;top:-3.5rem;opacity:0;z-index:-1}#notification-icon{margin-right:.5rem;filter:var(--success-600-filter);display:flex;flex-direction:column;align-items:center}#notification-message{display:flex;flex-grow:1;align-items:center}#modal{position:fixed;inset:0;z-index:7;background:#3c3e4473}#modal-container{background:#fff;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;width:40rem;box-shadow:0 0 10px 2px #0000001a;border-radius:8px;max-height:calc(100% - 4.4rem);overflow:visible;max-width:100%;display:flex;flex-direction:column}.Modal{display:flex;flex-direction:column;overflow:hidden}#modal-header{font-size:18px;display:flex;justify-content:center;align-items:center;background:var(--steel-100);padding:1.4rem;border-bottom:1px solid var(--steel-200);position:relative;font-family:Source Sans Pro Medium;border-top-left-radius:8px;border-top-right-radius:8px}#modal-content{min-height:10rem;padding:1.4rem;min-height:5rem;overflow-y:auto}#modal-close{display:flex;align-items:center;position:absolute;right:1.5rem;top:1.8rem;z-index:2;cursor:pointer}#modal-close-cion{width:1rem;height:1rem}#modal-footer{height:4rem;display:flex;flex-direction:row;border-radius:0 0 10px 10px;padding:1rem 1.4rem 0;margin-top:auto}#modal-footer-options{width:100%;display:flex;align-items:center;justify-content:center;padding-bottom:1rem;gap:1rem}.modal-footer-option{width:100%;font-family:Source Sans Pro Medium}.input{border:2px solid var(--steel-900);padding:8px;font-size:16px;color:var(--steel-800);box-sizing:border-box;margin:0;background-size:18px 18px;background-repeat:no-repeat;background-position:10px 50%;text-indent:25px;transition:.3s;font-family:plex}.input::placeholder{color:var(--gray-550);font-size:12px}.input:focus{outline:none;border:2px solid var(--violet-300);background-image:none!important;text-indent:0px}#footer{position:absolute;bottom:0;width:100%;display:flex;flex-direction:column;justify-content:space-between;height:var(--footer-height)}#footer-content{flex:1;box-sizing:border-box;background:var(--steel-900);padding:48px 40px;display:flex;flex-direction:column;font-family:Mukta}#footer-logo{width:100px;height:24px;margin-left:8px}#footer-top{margin-bottom:32px;@media only screen and (max-width: 768px){display:flex;justify-content:center}}#footer-bottom{margin-top:32px;color:var(--steel-000);display:flex;gap:16px;flex-direction:row;align-items:center;@media only screen and (max-width: 768px){flex-direction:column}}.footer-bottom-content{display:flex;align-items:center}.footer-bottom-content>a{display:flex;align-items:center}.footer-horizontal-divider{border-bottom:1px solid var(--steel-800)}.footer-vertical-divider{height:16px;border-right:1px solid white;margin:0 16px;@media only screen and (max-width: 768px){display:none}}#header{background:var(--steel-900);padding:16px;color:#fff;box-sizing:border-box}#header-content{align-items:center;display:grid;grid-template-columns:260px 1fr 360px;@media only screen and (max-width: 830px){display:flex;justify-content:space-between}}.button-vertical-text-divider{width:1px;height:16px;background-color:var(--steel-300)}.header-btn-container{display:flex;justify-content:flex-end;gap:16px;@media only screen and (max-width: 850px) and (min-width: 840px){gap:6px}@media only screen and (max-width: 830px){display:none}}#search-container{position:relative;width:360px;margin:0 auto;@media only screen and (max-width: 1023px){width:240px}@media only screen and (max-width: 768px){display:none}}#search,#mobile-search{width:100%;background-image:url("./search-KDUAHUWX.svg");&:hover{background-color:var(--steel-100)}}#mobile-search-input{border:2px solid white;&:focus{border:2px solid var(--violet-300)}}#search-results,#mobile-search-results,#single-selector-dropdown-menu{display:none;position:absolute;top:calc(100% + 4px);border:1px solid var(--steel-900);width:100%;box-sizing:border-box;background:#fff;color:var(--steel-900);flex-direction:column;align-items:center;font-size:14px;min-height:12px;font-family:plex-medium;z-index:2;padding:12px;max-height:300px;overflow-y:auto}#mobile-search-results{top:60px;width:calc(100% - 32px)}#search-loading{display:flex;align-items:center;justify-content:space-between;width:100%}.search-result{display:grid;width:100%;grid-template-columns:80px 1fr;position:relative;box-sizing:border-box;padding:8px;gap:4px 12px;&:hover{background:var(--steel-100)}}.search-result:not(:first-child){border-top:1px solid var(--steel-900)}.search-result>img{grid-row:1 / span 2;object-fit:contain;height:64px;width:64px;border:1px solid var(--steel-900)}.search-result>span{display:flex;align-items:center}.search-result-name{font-family:plex-semi-bold}.search-result-author{font-size:12px}#mobile-menu-container{display:none;cursor:pointer;@media only screen and (max-width: 830px){display:flex}}#mobile-menu{display:none;position:absolute;top:40px;left:-16px;width:100vw;z-index:1;border-top:1px solid white;flex-direction:column;gap:12px;background:var(--steel-900);padding:16px;box-sizing:border-box}#search-mobile{position:relative}@media only screen and (max-width: 880px){#header-github-star-btn>span{display:none}#header-content{grid-template-columns:260px 1fr 316px}}.btn,.btn-dark{display:flex;align-items:center;justify-content:center;height:32px;font-family:plex;background:#fff;border-radius:0;border:0;box-shadow:-2px -2px 0 0 var(--violet-500);cursor:pointer;padding:0 8px;font-size:14px;gap:8px;&:hover{background:var(--violet-050)}}.btn{color:var(--steel-900)}.btn.outline{border:1px solid var(--violet-500)}.btn-dark{background:var(--steel-900);color:#fff;&:hover{background:var(--violet-900);box-shadow:-2px -2px 0 0 var(--violet-500)}}.btn-text{background:none;color:var(--steel-000);box-shadow:none;&:hover{background:none}}#hero{grid-row:1 / span 1;grid-column:1 / -1;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(6,1fr);background:transparent;height:456px;gap:2px;width:100%;padding:16px 0;box-sizing:border-box}#hero-title-row-1,#hero-title-row-2,#hero-title-row-3{color:var(--brand-black);text-align:center;font-family:plex-bold;font-size:64px;font-style:normal;line-height:normal}#hero-description{color:var(--steel-900);font-family:mukta;font-size:18px;font-style:normal;font-weight:400;line-height:24px;text-align:center}@media only screen and (min-width: 1281px){#hero-title-row-1{grid-column:3 / span 4;grid-row:2 / span 1}#hero-title-row-2{grid-column:5 / span 4;grid-row:3 / span 1}#hero-title-row-3{grid-column:7 / span 4;grid-row:4 / span 1}#hero-description{grid-column:7 / span 4;grid-row:5 / span 1;align-self:center;justify-self:center}#hero-person-1{grid-column-start:1;grid-row-start:1;align-self:end;justify-self:end}#hero-person-2{grid-column-start:4;grid-row-start:3;align-self:end;justify-self:start}#hero-person-3{grid-column-start:2;grid-row-start:3;align-self:start;justify-self:end}#hero-person-4{grid-column-start:1;grid-row-start:4;align-self:start;justify-self:center}#hero-person-5{grid-column-start:3;grid-row-start:4;align-self:end;justify-self:start}#hero-person-6{grid-column-start:2;grid-row-start:6;align-self:start;justify-self:start}#hero-person-7{grid-column-start:4;grid-row-start:6;align-self:start;justify-self:center}#hero-person-8{grid-column-start:6;grid-row-start:4;align-self:end;justify-self:start}#hero-person-9{grid-column-start:7;grid-row-start:2;align-self:center;justify-self:center}#hero-person-10{grid-column-start:9;grid-row-start:1;align-self:end;justify-self:start}#hero-person-11{grid-column-start:9;grid-row-start:3;align-self:start;justify-self:center}#hero-person-12{grid-column-start:10;grid-row-start:2;align-self:center;justify-self:center}#hero-person-13{grid-column-start:12;grid-row-start:2;align-self:start;justify-self:start}#hero-person-14{grid-column-start:11;grid-row-start:3;align-self:end;justify-self:center}#hero-person-15{grid-column-start:12;grid-row-start:4;align-self:center;justify-self:center}#hero-person-16{grid-column-start:11;grid-row-start:6;align-self:start;justify-self:end}}@media only screen and (max-width: 1280px) and (min-width: 1024px){#hero-title-row-1{grid-column:2 / span 5;grid-row:2 / span 1}#hero-title-row-2{grid-column:4 / span 5;grid-row:3 / span 1}#hero-title-row-3{grid-column:6 / span 5;grid-row:4 / span 1}#hero-description{grid-column:6 / span 5;grid-row:5 / span 1;align-self:center;justify-self:center}#hero-person-1{grid-column-start:1;grid-row-start:1;align-self:end;justify-self:end}#hero-person-2{grid-column-start:4;grid-row-start:4;align-self:start;justify-self:start}#hero-person-3{grid-column-start:2;grid-row-start:3;align-self:center;justify-self:center}#hero-person-4{grid-column-start:1;grid-row-start:4;align-self:start;justify-self:center}#hero-person-5{grid-column-start:3;grid-row-start:4;align-self:end;justify-self:start}#hero-person-6{grid-column-start:2;grid-row-start:6;align-self:start;justify-self:start}#hero-person-7{grid-column-start:4;grid-row-start:6;align-self:start;justify-self:center}#hero-person-8{grid-column-start:5;grid-row-start:4;align-self:end;justify-self:center}#hero-person-9{grid-column-start:7;grid-row-start:2;align-self:center;justify-self:center}#hero-person-10{grid-column-start:9;grid-row-start:1;align-self:end;justify-self:start}#hero-person-11{grid-column-start:9;grid-row-start:3;align-self:start;justify-self:center}#hero-person-12{grid-column-start:10;grid-row-start:2;align-self:center;justify-self:center}#hero-person-13{grid-column-start:12;grid-row-start:2;align-self:start;justify-self:start}#hero-person-14{grid-column-start:11;grid-row-start:3;align-self:end;justify-self:center}#hero-person-15{grid-column-start:12;grid-row-start:3;align-self:center;justify-self:center}#hero-person-16{grid-column-start:11;grid-row-start:5;align-self:end;justify-self:end}}@media only screen and (max-width: 1023px) and (min-width: 769px){#hero-title-row-1{grid-column:4 / span 6;grid-row:2 / span 1}#hero-title-row-2{grid-column:4 / span 6;grid-row:3 / span 1}#hero-title-row-3{grid-column:4 / span 6;grid-row:4 / span 1}#hero-description{grid-column:4 / span 6;grid-row:5 / span 1}#hero-person-1{grid-column-start:1;grid-row-start:1;align-self:end;justify-self:end}#hero-person-2{grid-column-start:3;grid-row-start:2;align-self:center;justify-self:center}#hero-person-3{grid-column-start:2;grid-row-start:3;align-self:start;justify-self:end}#hero-person-4{grid-column-start:1;grid-row-start:3;align-self:center;justify-self:center}#hero-person-5{grid-column-start:2;grid-row-start:4;align-self:center;justify-self:end}#hero-person-6{grid-column-start:1;grid-row-start:5;align-self:center;justify-self:end}#hero-person-7{grid-column-start:3;grid-row-start:6;align-self:start;justify-self:center}#hero-person-8{grid-column-start:3;grid-row-start:3;align-self:end;justify-self:end}#hero-person-9{grid-column-start:10;grid-row-start:2;align-self:end;justify-self:start}#hero-person-10{grid-column-start:10;grid-row-start:1;align-self:end;justify-self:end}#hero-person-11{grid-column-start:10;grid-row-start:5;align-self:center;justify-self:center}#hero-person-12{grid-column-start:11;grid-row-start:3;align-self:center;justify-self:start}#hero-person-13{grid-column-start:12;grid-row-start:2;align-self:center;justify-self:start}#hero-person-14{grid-column-start:11;grid-row-start:4;align-self:center;justify-self:center}#hero-person-15{grid-column-start:12;grid-row-start:3;align-self:end;justify-self:center}#hero-person-16{grid-column-start:12;grid-row-start:6;align-self:start;justify-self:start}}@media only screen and (max-width: 768px){#hero{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(5,1fr);margin-top:24px}#hero-title-row-1{font-size:56px;grid-column:1 / span 8;grid-row:1 / span 1}#hero-title-row-2{font-size:56px;grid-column:1 / span 8;grid-row:2 / span 1}#hero-title-row-3{font-size:56px;grid-column:1 / span 8;grid-row:3 / span 1}#hero-description{grid-column:1 / span 8;grid-row:4 / span 1;align-self:center;justify-self:center;text-align:center}#hero-person-1{grid-column-start:1;grid-row-start:5;align-self:center;justify-self:center}#hero-person-9{grid-column-start:2;grid-row-start:5;align-self:center;justify-self:center}#hero-person-3{grid-column-start:3;grid-row-start:5;align-self:center;justify-self:center}#hero-person-8{grid-column-start:4;grid-row-start:5;align-self:center;justify-self:center}#hero-person-7{grid-column-start:5;grid-row-start:5;align-self:center;justify-self:center}#hero-person-4{grid-column-start:6;grid-row-start:5;align-self:center;justify-self:center}#hero-person-13{grid-column-start:7;grid-row-start:5;align-self:center;justify-self:center}#hero-person-2{grid-column-start:8;grid-row-start:5;align-self:center;justify-self:center}#hero-person-5,#hero-person-6,#hero-person-10,#hero-person-11,#hero-person-12,#hero-person-14,#hero-person-15,#hero-person-16{display:none}}.content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:100%;height:100%;box-sizing:border-box}.content-internal-border-left{grid-column:1 / span 1;grid-row:1 / span 10;border-left:2px dotted var(--steel-200);border-right:2px dotted var(--steel-200)}.content-internal-border-right{grid-column:3 / span 1;grid-row:1 / span 10;border-left:2px dotted var(--steel-200);border-right:2px dotted var(--steel-200)}#featured{grid-row:2 / span 1;grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr 360px;height:400px;padding:24px;border:1px solid var(--steel-900);box-shadow:-8px -8px 0 0 var(--steel-900);gap:24px;cursor:pointer;background:#fff;margin-bottom:16px;&:hover{background:var(--steel-100)}}#featured-image-container{position:relative;grid-column:1 / span 2;flex:1;display:flex;align-items:center;justify-content:center;border:1px solid var(--steel-900);background:#fff;grid-row:1 / span 1;overflow:hidden}#featured-image{max-width:100%;max-height:100%;object-fit:contain}#featured-date{position:absolute;top:4px;left:4px;padding:6px 8px;color:#fff;background:var(--steel-900);font-size:12px;font-family:plex-medium}#featured-context{grid-column:3 / span 1;display:flex;flex-direction:column;gap:16px}@media only screen and (max-width: 1023px) and (min-width: 769px){#featured{grid-template-columns:1fr 1fr}#featured-image-container{grid-column:1 / span 1}#featured-context{grid-column:2 / span 1}}@media only screen and (max-width: 768px){#featured{grid-template-columns:1fr;grid-template-rows:.5fr 1fr;height:unset}#featured-image-container{grid-column:1 / span 1;grid-row:2 / span 1}#featured-context{grid-column:1 / span 1;grid-row:1 / span 1}}#featured-icon{width:36px;height:54px}#featured-label{font-family:plex-bold;font-size:26px;line-height:36px;overflow:hidden}#featured-description{flex:1;font-family:mukta;font-size:18px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}#featured-info{display:flex;justify-content:space-between}#featured-author,#featured-views{display:flex;align-items:center;gap:8px;font-size:14px}#collections{grid-row:3 / span 1;grid-column:1 / -1}#collections-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0;gap:24px;@media only screen and (max-width: 768px){grid-template-columns:1fr}}.content-seperator{grid-row:4 / span 1;grid-column:1 / -1;width:100%;height:1px;margin:24px 0;border-bottom:1px solid var(--steel-900)}#diagrams{grid-row:6 / span 1;grid-column:1 / -1}#diagrams-cards,#search-result-diagrams-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0;gap:24px;@media only screen and (max-width: 1023px) and (min-width: 769px){grid-template-columns:repeat(2,minmax(0,1fr))}@media only screen and (max-width: 768px){grid-template-columns:1fr}}.card{border:1px solid var(--steel-900);height:316px;display:flex;flex-direction:column;position:relative;background:#fff;cursor:pointer;min-width:0;&:hover{background:var(--steel-100);box-shadow:-8px -8px 0 0 var(--steel-900)}}.card-image-container{position:relative;width:100%;height:239px;border-bottom:1px solid var(--steel-900);flex:1;padding:8px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#fff}.card-image{object-fit:contain;max-width:100%;max-height:100%}.card-context{padding:16px;display:flex;flex-direction:column;gap:8px;height:77px;box-sizing:border-box}.card-name{font-size:14px;font-family:plex-medium;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-name-large{font-size:18px;font-family:plex-medium}.card-author{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-context-bottom{display:flex;flex-direction:row;justify-content:space-between;color:var(--steel-800);margin-top:auto;gap:12px}.card-stats{display:flex;flex-direction:row;align-items:center;gap:8px}.card-views,.card-comments{display:flex;flex-direction:row;align-items:center;gap:4px;font-size:12px}.card-views>img,.card-comments>img{width:14px;height:14px}#paginator{grid-row:7 / span 1;grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:16px;position:relative;margin:32px 0}#pages{display:flex;align-items:center;gap:16px}#pages>*{display:flex;align-items:center;justify-content:center;padding:2px 12px;height:100%}.active{background:var(--steel-900);color:#fff}#pages>.ellipsis{padding:0}.disabled{filter:var(--steel-400-filter)}.previous,.next{display:flex;align-items:center;width:120px;gap:8px}.previous>img,.next>img{width:24px;height:24px}.previous{justify-content:flex-end;text-align:right}.diagram{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px}.diagram-home{display:flex;align-items:center;max-width:792px;width:100%;margin-top:32px;gap:4px;>img{height:16px}}.diagram-context{width:100%;max-width:792px;display:flex;flex-direction:column;gap:8px}.diagram-title{font-size:32px;font-family:plex-medium;@media only screen and (max-width: 768px){font-size:28px}}.diagram-author{@media only screen and (max-width: 768px){font-size:12px}}.diagram-subtitle{display:flex;flex-direction:row;gap:6px}.slant-divider,.diagram-date{color:var(--steel-600)}.diagram-image-container{position:relative;width:calc(100vw - 200px);height:60vh;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--steel-900);padding:14px 40px;@media only screen and (max-width: 768px){width:calc(100vw - 100px);padding:10px 20px}}.diagram-image{display:none;object-fit:contain;max-width:100%;max-height:100%;flex-shrink:0;user-select:none}#img-slides-indicator-container{display:flex;flex-direction:row;gap:8px;justify-content:center;align-items:center;margin-top:-16px}.img-slides-indicator{width:16px;height:16px;border:1px solid var(--steel-900);background:var(--steel-200);cursor:pointer}.img-slides-indicator.active{background:var(--violet-500)}.diagram-description{max-width:792px;width:100%;margin-bottom:32px}.diagram-link{gap:8px;margin-top:-10px}.diagram-image-container>.nav-button-container{cursor:pointer;position:absolute;top:calc(50% - 20px);display:flex;align-items:center;justify-content:center;display:none}.img-nav-btn{padding:7px;height:auto}.diagram-image-container>#prev-button{left:-20px}.diagram-image-container>#next-button{right:-20px}.diagram-rating-container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:13px;color:#000;font-size:14px;font-weight:600;cursor:pointer}.diagram-rating{margin-right:8px}.diagram-rating-stars{display:flex;align-items:center}.diagram-rating-stars>.diagram-rating-star{width:16px;margin-right:4px}.diagram-view-count{display:flex;align-items:center}.diagram-view-count>img{width:14px;height:14px;margin-left:4px}.diagram-comment-count{display:flex;align-items:center}.diagram-comment-count>img{width:14px;height:14px;margin-left:4px}.vertical-text-divider{width:1px;height:16px;background-color:var(--steel-900)}#rate-action-button-container{background-color:var(--steel-100);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px 0;width:100%;gap:12px}#rate-action-button{display:flex;align-items:center}#rate-action-button-title{display:flex;align-items:center;flex-direction:row;gap:8px}#rate-action-button-container#rate-action-button-stars{cursor:default;pointer-events:none}.rate-action-button-star{width:24px;height:24px}.diagram-tags{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.diagram-tag{border:1px solid var(--steel-900);padding:6px 12px;background:var(--steel-000);text-wrap:nowrap;cursor:pointer}.all-diagrams-tags-container{grid-row:5 / span 1;grid-column:1 / -1;position:relative;display:flex;flex-direction:row}#all-diagrams-tags{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;overflow:hidden;padding-top:14px;padding-bottom:24px}#expand-button{position:absolute;right:0;top:12px;height:40px;width:40px;display:flex;align-items:center;justify-content:flex-end;background:linear-gradient(270deg,#f8f8fb 54.17%,#f8f8fb00);cursor:pointer}#discussions-container{display:flex;flex-direction:column;gap:16px}#diagram-discussions-header{color:var(--steel-900);font-size:24px;font-weight:600}#diagram-empty-discussion-card{display:flex;flex-direction:column;background-color:var(--steel-000);border:1px dashed var(--steel-900);padding:16px 24px;position:relative;gap:6px;cursor:pointer}#diagram-empty-discussion-card-title{color:var(--steel-900);font-size:18px;font-weight:600;font-family:plex-bold;text-wrap:wrap;max-width:calc(100% - 40px);cursor:pointer;font-family:plex-semi-bold}#diagram-empty-discussion-card-message,.diagram-discussion-card-message{font-size:16px;font-weight:400;color:var(--steel-800);font-family:mukta}#diagram-empty-discussion-action-button,#diagram-discussion-action-button{position:absolute;top:15px;right:24px;width:24px;height:24px;cursor:pointer}.diagram-discussion-card{background-color:var(--steel-000);padding:16px 24px;border:1px solid var(--steel-900);display:flex;flex-direction:column;gap:6px;position:relative;height:126px;cursor:default}.diagram-discussion-card-message{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;line-height:26px;height:78px;cursor:default;margin-right:40px}.diagram-discussion-card-footer{height:55px;background-color:var(--steel-100);padding:0 24px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:absolute;bottom:0;left:0;width:calc(100% - 48px);color:var(--steel-900);font-family:plex;font-size:14px}.diagram-discussion-card-footer-left-content,.diagram-discussion-card-footer-right-content{display:flex;flex-direction:row;align-items:center;gap:8px}.diagram-discussion-card-asked-days{@media only screen and (max-width: 768px){display:none}}.diagram-discussion-author-img{width:24px;height:24px}.diagram-discussion-card-author{text-decoration:underline}@media only screen and (max-width: 768px){.diagram-subtitle{font-size:12px;flex-direction:column;gap:2px}.slant-divider{display:none}.img-nav-btn{width:20px;height:20px}.diagram-context{width:calc(100vw - 60px)}}@media only screen and (max-width: 1279px){.diagram-tags,.diagram-rating-container{display:none}}.collection{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:32px;flex:1}.collection-home{display:flex;align-items:center;width:100%;margin-top:32px;gap:4px;>img{height:16px}}.collection-context{width:100%;display:flex;flex-direction:column;gap:8px}.collection-title{font-size:32px;font-family:plex-medium;@media only screen and (max-width: 768px){font-size:28px}}.collection-image-container{position:relative;width:100%;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--steel-900);box-sizing:border-box;padding:64px;@media only screen and (max-width: 768px){padding:32px}}.collection-image{object-fit:contain;max-width:100%;max-height:100%}.collection-diagrams{flex:1}.faq a{text-decoration:underline;color:#00f}#faq-hero{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(3,2fr);height:166px;padding:60px 0 40px;width:100%;grid-row:1 / span 1;grid-column:1 / -1}#faq-hero-title-row-1,#faq-hero-title-row-2,#faq-hero-title-row-3{color:var(--brand-black);text-align:center;font-family:plex-bold;font-size:64px;font-style:normal;line-height:40px}.faq-container{grid-column:1 / span 3;grid-row:2 / span 2;display:flex;flex-direction:column;width:84%;justify-self:center;border:1px solid black;background-color:var(--steel-000)}.faq{display:flex;flex-direction:column;padding:24px}.faq:not(:last-child){border-bottom:1px solid black}.faq-header{font-family:plex-bold;font-size:18px;padding-bottom:8px;color:var(--steel-900)}.answer{font-family:mukta;font-size:16px;color:var(--steel-800)}#answer-1-list{padding-top:20px}@media only screen and (min-width: 1024px){#faq-hero-title-row-1{grid-column-start:5;grid-row-start:1;align-self:top;justify-self:start}#faq-hero-title-row-2{grid-column-start:6;grid-row-start:2;justify-self:center;align-self:start}#faq-hero-title-row-3{grid-column-start:7;grid-row-start:3;justify-self:end;align-self:start}#faq-hero-question-mark-1{grid-column-start:1;grid-row-start:1;align-self:flex-end;justify-self:center}#faq-hero-question-mark-2{grid-column-start:3;grid-row-start:1;align-self:flex-end;justify-self:center}#faq-hero-question-mark-3{grid-column-start:2;grid-row:2 / span 2;align-self:center;justify-self:center}#faq-hero-question-mark-4{grid-column-start:4;grid-row:2 / span 2;align-self:center;justify-self:center}#faq-hero-question-mark-5{grid-column-start:8;grid-row-start:1;align-self:flex-end;justify-self:center}#faq-hero-question-mark-6{grid-column-start:10;grid-row-start:1;align-self:flex-end;justify-self:center}#faq-hero-question-mark-7{grid-column-start:9;grid-row:2 / span 2;align-self:center;justify-self:center}#faq-hero-question-mark-8{grid-column-start:11;grid-row:2 / span 2;align-self:center;justify-self:center}}@media only screen and (max-width: 1023px) and (min-width: 768px){.faq-container{width:98%}#faq-hero-title-row-1{grid-column-start:5;grid-row-start:1;align-self:top;justify-self:start}#faq-hero-title-row-2{grid-column-start:6;grid-row-start:2;justify-self:center;align-self:start}#faq-hero-title-row-3{grid-column-start:7;grid-row-start:3;justify-self:end;align-self:start}#faq-hero-question-mark-1,#faq-hero-question-mark-3,#faq-hero-question-mark-6,#faq-hero-question-mark-8{display:none}#faq-hero-question-mark-2{grid-column-start:3;grid-row-start:1;align-self:flex-end;justify-self:center}#faq-hero-question-mark-4{grid-column-start:4;grid-row:2 / span 2;align-self:center;justify-self:center}#faq-hero-question-mark-5{grid-column-start:8;grid-row-start:1;align-self:flex-end;justify-self:center}#faq-hero-question-mark-7{grid-column-start:9;grid-row:2 / span 2;align-self:center;justify-self:center}}@media only screen and (max-width: 768px){.faq-container{width:98%}#faq-hero{grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(1,1fr)}#faq-hero-title-row-1{grid-column-start:4;grid-row-start:1;align-self:center}#faq-hero-title-row-2{grid-column-start:5;grid-row-start:1;align-self:center}#faq-hero-title-row-3{grid-column-start:6;grid-row-start:1;align-self:center}#faq-hero-question-mark-2{grid-column-start:1;grid-row-start:1;align-self:center;justify-self:center}#faq-hero-question-mark-3{grid-column-start:2;grid-row-start:1;align-self:center;justify-self:center}#faq-hero-question-mark-4{grid-column-start:3;grid-row-start:1;align-self:center;justify-self:center}#faq-hero-question-mark-5{grid-column-start:7;grid-row-start:1;align-self:center;justify-self:center}#faq-hero-question-mark-6{grid-column-start:8;grid-row-start:1;align-self:center;justify-self:center}#faq-hero-question-mark-7{grid-column-start:9;grid-row-start:1;align-self:center;justify-self:center}#faq-hero-question-mark-1,#faq-hero-question-mark-8{display:none}}.single-selector-container{display:flex;flex-direction:row;position:relative}.single-selector-controller{display:flex;flex-direction:row;background:var(--steel-000);border:1px solid var(--steel-900);width:140px;padding:7px 12px;position:relative;align-items:center;justify-content:space-between;cursor:pointer;color:var(--steel-800)}.single-selector-container>#single-selector-dropdown-menu{padding:0;font-size:14px;font-family:plex;color:var(--steel-800)}.single-selector-controller>img{width:14px;height:14px}#single-selector-dropdown-menu{align-items:flex-start}.single-selector-dropdown-menu-item{padding:7px 12px;width:calc(100% - 24px);&:hover{background:var(--steel-100);cursor:pointer}}#search-result-diagrams-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:16px 0;gap:18px;@media only screen and (max-width: 1023px) and (min-width: 769px){grid-template-columns:repeat(4,minmax(0,1fr))}@media only screen and (max-width: 768px){grid-template-columns:repeat(2,minmax(0,1fr))}@media only screen and (max-width: 500px){grid-template-columns:1fr}}#search-result-diagrams-cards>.card{&:hover{background:var(--steel-100);box-shadow:-4px -4px 0 0 var(--steel-900)}}#search-result-diagrams-cards>.card>.card-image-container{height:80%;overflow:hidden}#search-result-diagrams-cards>.card>.card-context>.card-name{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}#search-result-diagrams-cards>.card>.card-context{height:20%;overflow:hidden;justify-content:space-between;padding:10px}:root{--shadow-md: 1px 1px 8px rgba(31, 36, 58, .1);--shadow-lg: 0px 0px 16px rgba(31, 36, 58, .1);--steel-000: #ffffff;--steel-050: #f8f8f8;--steel-100: #eef1f6;--steel-200: #dee1eb;--steel-300: #c8cbd9;--steel-400: #a7acbd;--steel-550: #6d7284;--steel-600: #676c7e;--steel-800: #272f48;--steel-800-filter: brightness(0) saturate(100%) invert(18%) sepia(14%) saturate(1129%) hue-rotate(190deg) brightness(95%) contrast(92%);--steel-850: #1c2132;--steel-900: #0a0f25;--steel-400-filter: brightness(0) saturate(100%) invert(79%) sepia(9%) saturate(424%) hue-rotate(189deg) brightness(87%) contrast(87%);--gray-000: #f8f9fb;--gray-100: #f5f6f8;--gray-150: #f0f1f4;--gray-200: #eaebef;--gray-300: #d8d9df;--gray-400: #d6d7dc;--gray-500: #b8bac1;--gray-550: #93969f;--gray-600: #707380;--gray-650: #61636d;--gray-700: #54565f;--gray-800: #3c3e44;--gray-900: #27282c;--blue-025: #f7f8fe;--blue-050: #ecf0fd;--blue-100: #e0e7ff;--blue-200: #bccaff;--blue-300: #94abff;--blue-400: #6b8afb;--blue-500: #4a6ff3;--blue-600: #234cda;--violet-050: #eeedfa;--violet-300: #a9a2f7;--violet-500: #6a5eec;--violet-800: #4424c2;--violet-900: #2a118f;--alert-100: #ffcfd8;--alert-200: #ff8096;--alert-300: #f35471;--alert-400: #d62852;--alert-500: #be0b41;--alert-600: #99001c;--alert-600-filter: brightness(0) saturate(100%) invert(15%) sepia(66%) saturate(7196%) hue-rotate(342deg) brightness(59%) contrast(110%);--success-100: #d7fcef;--success-200: #83fbec;--success-300: #7eecc6;--success-400: #28d6c1;--success-500: #16c1b7;--success-600: #00a66c;--success-600-filter: brightness(0) saturate(100%) invert(41%) sepia(45%) saturate(6064%) hue-rotate(141deg) brightness(100%) contrast(101%);--border-radius: 8px;--code-snippet-card-padding: 12px;--code-snippet-card-margin: 24px;--switch-width: 1.75rem;--switch-height: .75rem;--toggle-height: calc(.75rem + 4px) ;--box-shadow-medium: 0px 0px 16px rgba(31, 36, 58, .1);--brand-black: #0a0f25;--footer-height: 260px}@font-face{font-family:plex;src:url("./IBMPlexMono-Regular-WANXEXCD.ttf");font-display:swap}@font-face{font-family:plex-medium;src:url("./IBMPlexMono-Medium-FKOIZUKV.ttf");font-display:swap}@font-face{font-family:plex-semi-bold;src:url("./IBMPlexMono-SemiBold-LYR76KJT.ttf");font-display:swap}@font-face{font-family:plex-bold;src:url("./IBMPlexMono-Bold-PQJY4WTZ.ttf");font-display:swap}@font-face{font-family:mukta;src:url("./Mukta-Regular-I4LYZFMT.ttf");font-display:swap}@font-face{font-family:mukta-semi-bold;src:url("./Mukta-SemiBold-AFIK3ON2.ttf");font-display:swap}@font-face{font-family:mukta-bold;src:url("./Mukta-Bold-YHFVRZ3V.ttf");font-display:swap}*{font-weight:400}html{background:var(--blue-025)}body{overflow-x:hidden;margin:0;font-family:plex;min-height:100vh;position:relative;box-sizing:border-box;padding-bottom:var(--footer-height);display:flex;flex-direction:column}a{text-decoration:none;color:inherit}#body{display:flex;position:relative;overflow-x:hidden;padding:0 16px;flex:1}.container{position:relative;max-width:1200px;margin:0 auto;width:100%}.logo{display:flex;align-items:center;gap:6px;color:#fff;font-family:plex}#aliens{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px;box-sizing:border-box;grid-column:1 / -1}.aliens-home{grid-row:9 / span 1}.title{font-size:24px;font-family:plex-medium;@media only screen and (max-width: 768px){font-size:20px;text-wrap:nowrap}}#diagrams>.content-header-container>.title{@media only screen and (max-width: 768px){font-size:20px;text-wrap:nowrap;overflow:hidden;width:80px}}.content-header-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center}#sort-by-container{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:14px;font-family:plex}#sort-by-container>span{text-wrap:nowrap;color:var(--steel-900)}@media only screen and (max-width: 768px){#sort-by-container>img{display:none}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}