.bg-yellow{background:#ffb700}.bg-green{background:#00c693}.dark-text{color:rgba(0,0,0,.92)}.light-text{color:rgba(0,0,0,.56)}.highlight-text{padding:0 4px;border-radius:4px;color:rgba(0,0,0,.92);font-weight:500}*{-webkit-box-sizing:border-box;box-sizing:border-box}a{-webkit-transition:.2s all;transition:.2s all}body{margin:50px auto;font-family:"IBM Plex Sans",sans-serif;color:rgba(0,0,0,.92);background:#f4f5f6}.sidebar{max-width:20%}@media(max-width: 1280px){.sidebar{max-width:100%;display:grid;grid-template-columns:repeat(2, 1fr);gap:24px}}@media(max-width: 992px){.sidebar{grid-template-columns:repeat(1, 1fr)}}.sidebar p{font-size:18px;line-height:28px;margin:0}.sidebar .intro{margin-bottom:48px}@media(max-width: 1280px){.sidebar .intro{margin:0}}.sidebar .principles{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:12px;gap:4px;background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:16px;-ms-flex-wrap:wrap;flex-wrap:wrap}.sidebar .principles p{font-weight:500}@media(max-width: 1280px){.sidebar .principles{display:grid;grid-template-columns:repeat(2, 1fr);gap:4px}.sidebar .principles p{grid-column:span 2}}@media(max-width: 1280px)and (max-width: 992px){.sidebar .principles p{grid-column:span 1}}@media(max-width: 992px){.sidebar .principles{grid-template-columns:repeat(1, 1fr)}}.sidebar .principles .principle{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#e5f2f7;min-height:56px;border-radius:6px;padding:4px 8px;width:100%;border:1px solid rgba(0,0,0,0);line-height:110%;font-weight:500}.sidebar .principles .principle:hover{background:#fff;color:#007758;border-color:#007758}.sidebar span{display:inline;font-weight:500;background:#ffe299;border-radius:2px;padding:0 4px}.wrap{max-width:1488px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px}@media(max-width: 1280px){.wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}svg{-ms-flex-negative:0;flex-shrink:0}a{color:rgba(0,0,0,.92);text-decoration:none}h2{margin:0;font-size:18px;font-weight:normal;line-height:140%}.poster .top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px}.poster .top .strategy{width:38.3480825959%;border-radius:16px;text-align:center;font-size:18px;line-height:110%;padding:10px 48px;position:relative;z-index:2;height:45px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:500;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:.2s all;transition:.2s all;cursor:pointer}.poster .top .strategy:hover.bg-green{background:#66ddbe}.poster .top .strategy:hover.bg-yellow{background:#f8d673}@media(max-width: 1280px){.poster .top .strategy{font-size:16px;width:33%}}.poster .top .strategy:first-child:after{content:url('data:image/svg+xml,<svg width="87" height="17" viewBox="0 0 87 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M39.542 4.07037L13.542 4.07037V12.0704H39.542L39.542 4.07037Z" fill="%23F9FAFA"/><path d="M0.541992 8.07037L14.542 16.0704V0.0703735L0.541992 8.07037Z" fill="%23F9FAFA"/><path d="M38.6328 4.07037H72.5989V12.0704H38.6328L38.6328 4.07037Z" fill="%23F9FAFA"/><path d="M86.0448 8.07037L72.0447 16.0704V0.0703735L86.0448 8.07037Z" fill="%23F9FAFA"/></svg>');position:absolute;top:50%;left:100%;-webkit-transform:translate(-50%, -40%);transform:translate(-50%, -40%)}@media(max-width: 1280px){.poster .top .strategy:first-child:after{-webkit-transform:translate(-40%, -40%);transform:translate(-40%, -40%);content:url('data:image/svg+xml,<svg width="35" height="17" viewBox="0 0 54 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M39.542 4.07031H14.542V12.0703H39.542V4.07031Z" fill="%23F9FAFA"/><path d="M0.541992 8.07031L14.542 16.0703V0.0703125L0.541992 8.07031Z" fill="%23F9FAFA"/><path d="M53.5421 8.07031L39.542 16.0703V0.0703125L53.5421 8.07031Z" fill="%23F9FAFA"/></svg>')}}.poster .top .strategy:last-child:before{content:url('data:image/svg+xml,<svg width="87" height="17" viewBox="0 0 87 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M39.542 4.07037L13.542 4.07037V12.0704H39.542L39.542 4.07037Z" fill="%23F9FAFA"/><path d="M0.541992 8.07037L14.542 16.0704V0.0703735L0.541992 8.07037Z" fill="%23F9FAFA"/><path d="M38.6328 4.07037H72.5989V12.0704H38.6328L38.6328 4.07037Z" fill="%23F9FAFA"/><path d="M86.0448 8.07037L72.0447 16.0704V0.0703735L86.0448 8.07037Z" fill="%23F9FAFA"/></svg>');position:absolute;top:50%;right:100%;-webkit-transform:translate(50%, -40%);transform:translate(50%, -40%)}@media(max-width: 1280px){.poster .top .strategy:last-child:before{-webkit-transform:translate(40%, -40%);transform:translate(40%, -40%);content:url('data:image/svg+xml,<svg width="35" height="17" viewBox="0 0 54 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M39.542 4.07031H14.542V12.0703H39.542V4.07031Z" fill="%23F9FAFA"/><path d="M0.541992 8.07031L14.542 16.0703V0.0703125L0.541992 8.07031Z" fill="%23F9FAFA"/><path d="M53.5421 8.07031L39.542 16.0703V0.0703125L53.5421 8.07031Z" fill="%23F9FAFA"/></svg>')}}.poster .top .logo{background:#0080af;border-radius:16px 16px 0 0;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:15px 10px 23px 10px;margin-bottom:-5px;position:relative}.poster .top .logo:before{content:url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.5 24.75V0.75C24.5 14.0048 13.7548 24.75 0.5 24.75H24.5Z" fill="%230080AF"/></svg>');position:absolute;width:25px;height:25px;bottom:4px;left:-24px}.poster .top .logo:after{content:url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 24.75V0.75C0.5 14.0048 11.2452 24.75 24.5 24.75H0.5Z" fill="%230080AF"/></svg>');position:absolute;width:25px;height:25px;bottom:4px;right:-24px}.poster strong{font-weight:500}.poster .outer{background:#0080af;border-radius:20px;padding:4px}.poster .outer>h2{padding:16px 20px;color:#fff}.poster .tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:4px;padding:0 14px;z-index:10;position:relative}.poster .tabs .tab-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:3px;-ms-flex-wrap:wrap;flex-wrap:wrap}@media(max-width: 1280px){.poster .tabs{margin-bottom:4px;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 8px}}.poster .tabs .tab{border-radius:8px 8px 0 0;padding:4px 8px 4px 6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1rem;font-style:italic;border-bottom:0;line-height:110%;font-weight:500;-webkit-transition:.2s all;transition:.2s all;z-index:2;overflow:hidden}@media(min-width: 1280px)and (max-width: 1524px){.poster .tabs .tab{font-size:.95rem}}@media(max-width: 1280px){.poster .tabs .tab{border-radius:8px}}.poster .tabs .tab:hover.bg-green{background:#66ddbe}.poster .tabs .tab:hover.bg-yellow{background:#f8d673}.poster .tabs .tab.dimmed{background:#cce6ef}.poster .tabs .tab svg{margin-right:8px}.poster .inner{background:#fff;padding:8px;border-radius:16px;z-index:100;position:relative}.poster .inner>h2{padding:16px 0}.poster .inner>h2 .domains{display:inline-block;background:#0080af;color:#fff;padding:2px 8px;border-radius:4px;font-weight:500;line-height:110%}.poster .inner>h2 .caps{display:inline-block;background:#e5f2f7;padding:2px 8px;border-radius:4px;font-weight:500}.poster .grid-2{display:grid;grid-template-columns:repeat(2, 1fr);gap:4px}@media(max-width: 1280px){.poster .grid-2{grid-template-columns:repeat(1, 1fr)}}.poster .grid-2>div{background:#ccf4e9;border-radius:12px;padding:8px}.poster .grid-2>div h2{margin-bottom:16px}.poster .grid-2>div .flex{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.poster .grid-2>div .flex a{background:#fff;border-radius:6px;padding:8px 16px 8px 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid rgba(0,0,0,0);line-height:110%;font-weight:500}.poster .grid-2>div .flex a:hover{border-color:#007758;color:#007758}.poster .grid-2>div .flex a svg{margin-right:8px}.poster .domain{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#0080af;color:#fff;text-align:center;padding:8px 16px;border-radius:6px;border:1px solid rgba(0,0,0,0);line-height:110%;font-weight:500}.poster .domain:hover{border-color:#007758;background:#fff;color:#007758}.poster .cap{background:#e5f2f7;padding:0 16px;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid rgba(0,0,0,0);height:56px;line-height:110%;font-weight:500}.poster .cap:hover{border-color:#007758;background:#fff;color:#007758}.poster .cap svg,.poster .cap img{margin-right:8px}.poster .grid-3{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;margin-bottom:4px}@media(max-width: 1280px){.poster .grid-3{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.poster .grid-3>div{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.poster .grid-3>div .domain{width:100%}.poster .grid-3>div .caps{display:grid;grid-template-columns:repeat(2, 1fr);gap:4px;margin-top:4px}@media(max-width: 1280px){.poster .grid-3>div .caps{grid-template-columns:repeat(1, 1fr)}}.poster .grid-3 .short{max-width:25%;width:100%}@media(max-width: 1280px){.poster .grid-3 .short{max-width:100%}}.poster .grid-3 .short .caps{display:block}.poster .grid-3 .short .caps .cap{width:100%;margin-top:4px}.poster .grid-1 .caps{display:grid;grid-template-columns:repeat(4, 1fr);gap:4px;margin-top:4px}@media(max-width: 1280px){.poster .grid-1 .caps{grid-template-columns:repeat(1, 1fr)}}

/*# sourceMappingURL=framework-poster.css.map */