trix-editor{border:1px solid #bbb;border-radius:3px;margin:0;padding:0.4em 0.6em;min-height:5em;outline:none}trix-toolbar *{box-sizing:border-box}trix-toolbar .trix-button-row{display:flex;flex-wrap:nowrap;justify-content:space-between;overflow-x:auto}trix-toolbar .trix-button-group{display:flex;margin-bottom:10px;border:1px solid #bbb;border-top-color:#ccc;border-bottom-color:#888;border-radius:3px}trix-toolbar .trix-button-group:not(:first-child){margin-left:1.5vw}@media (max-device-width: 768px){trix-toolbar .trix-button-group:not(:first-child){margin-left:0}}trix-toolbar .trix-button-group-spacer{flex-grow:1}@media (max-device-width: 768px){trix-toolbar .trix-button-group-spacer{display:none}}trix-toolbar .trix-button{position:relative;float:left;color:rgba(0,0,0,0.6);font-size:0.75em;font-weight:600;white-space:nowrap;padding:0 0.5em;margin:0;outline:none;border:none;border-bottom:1px solid #ddd;border-radius:0;background:transparent}trix-toolbar .trix-button:not(:first-child){border-left:1px solid #ccc}trix-toolbar .trix-button.trix-active{background:#cbeefa;color:black}trix-toolbar .trix-button:not(:disabled){cursor:pointer}trix-toolbar .trix-button:disabled{color:rgba(0,0,0,0.125)}@media (max-device-width: 768px){trix-toolbar .trix-button{letter-spacing:-0.01em;padding:0 0.3em}}trix-toolbar .trix-button--icon{font-size:inherit;width:2.6em;height:1.6em;max-width:calc(0.8em + 4vw);text-indent:-9999px}@media (max-device-width: 768px){trix-toolbar .trix-button--icon{height:2em;max-width:calc(0.8em + 3.5vw)}}trix-toolbar .trix-button--icon::before{display:inline-block;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0.6;content:"";background-position:center;background-repeat:no-repeat;background-size:contain}@media (max-device-width: 768px){trix-toolbar .trix-button--icon::before{right:6%;left:6%}}trix-toolbar .trix-button--icon.trix-active::before{opacity:1}trix-toolbar .trix-button--icon:disabled::before{opacity:0.125}trix-toolbar .trix-button--icon-attach::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M16.5%206v11.5a4%204%200%201%201-8%200V5a2.5%202.5%200%200%201%205%200v10.5a1%201%200%201%201-2%200V6H10v9.5a2.5%202.5%200%200%200%205%200V5a4%204%200%201%200-8%200v12.5a5.5%205.5%200%200%200%2011%200V6h-1.5z%22%2F%3E%3C%2Fsvg%3E);top:8%;bottom:4%}trix-toolbar .trix-button--icon-bold::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M15.6%2011.8c1-.7%201.6-1.8%201.6-2.8a4%204%200%200%200-4-4H7v14h7c2.1%200%203.7-1.7%203.7-3.8%200-1.5-.8-2.8-2.1-3.4zM10%207.5h3a1.5%201.5%200%201%201%200%203h-3v-3zm3.5%209H10v-3h3.5a1.5%201.5%200%201%201%200%203z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-italic::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M10%205v3h2.2l-3.4%208H6v3h8v-3h-2.2l3.4-8H18V5h-8z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-link::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M9.88%2013.7a4.3%204.3%200%200%201%200-6.07l3.37-3.37a4.26%204.26%200%200%201%206.07%200%204.3%204.3%200%200%201%200%206.06l-1.96%201.72a.91.91%200%201%201-1.3-1.3l1.97-1.71a2.46%202.46%200%200%200-3.48-3.48l-3.38%203.37a2.46%202.46%200%200%200%200%203.48.91.91%200%201%201-1.3%201.3z%22%2F%3E%3Cpath%20d%3D%22M4.25%2019.46a4.3%204.3%200%200%201%200-6.07l1.93-1.9a.91.91%200%201%201%201.3%201.3l-1.93%201.9a2.46%202.46%200%200%200%203.48%203.48l3.37-3.38c.96-.96.96-2.52%200-3.48a.91.91%200%201%201%201.3-1.3%204.3%204.3%200%200%201%200%206.07l-3.38%203.38a4.26%204.26%200%200%201-6.07%200z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-strike::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.73%2014l.28.14c.26.15.45.3.57.44.12.14.18.3.18.5%200%20.3-.15.56-.44.75-.3.2-.76.3-1.39.3A13.52%2013.52%200%200%201%207%2014.95v3.37a10.64%2010.64%200%200%200%204.84.88c1.26%200%202.35-.19%203.28-.56.93-.37%201.64-.9%202.14-1.57s.74-1.45.74-2.32c0-.26-.02-.51-.06-.75h-5.21zm-5.5-4c-.08-.34-.12-.7-.12-1.1%200-1.29.52-2.3%201.58-3.02%201.05-.72%202.5-1.08%204.34-1.08%201.62%200%203.28.34%204.97%201l-1.3%202.93c-1.47-.6-2.73-.9-3.8-.9-.55%200-.96.08-1.2.26-.26.17-.38.38-.38.64%200%20.27.16.52.48.74.17.12.53.3%201.05.53H7.23zM3%2013h18v-2H3v2z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-quote::before{background-image:url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M6%2017h3l2-4V7H5v6h3zm8%200h3l2-4V7h-6v6h3z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-heading-1::before{background-image:url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12%209v3H9v7H6v-7H3V9h9zM8%204h14v3h-6v12h-3V7H8V4z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-code::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.2%2012L15%2015.2l1.4%201.4L21%2012l-4.6-4.6L15%208.8l3.2%203.2zM5.8%2012L9%208.8%207.6%207.4%203%2012l4.6%204.6L9%2015.2%205.8%2012z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-bullet-list::before{background-image:url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%204a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm4%203h14v-2H8v2zm0-6h14v-2H8v2zm0-8v2h14V5H8z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-number-list::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M2%2017h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1%203h1.8L2%2013.1v.9h3v-1H3.2L5%2010.9V10H2v1zm5-6v2h14V5H7zm0%2014h14v-2H7v2zm0-6h14v-2H7v2z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-undo::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.5%208c-2.6%200-5%201-6.9%202.6L2%207v9h9l-3.6-3.6A8%208%200%200%201%2020%2016l2.4-.8a10.5%2010.5%200%200%200-10-7.2z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-redo::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.4%2010.6a10.5%2010.5%200%200%200-16.9%204.6L4%2016a8%208%200%200%201%2012.7-3.6L13%2016h9V7l-3.6%203.6z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-decrease-nesting-level::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-8.3-.3l2.8%202.9L6%2014.2%204%2012l2-2-1.4-1.5L1%2012l.7.7zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-increase-nesting-level::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-6.9-1L1%2014.2l1.4%201.4L6%2012l-.7-.7-2.8-2.8L1%209.9%203.1%2012zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-dialogs{position:relative}trix-toolbar .trix-dialog{position:absolute;top:0;left:0;right:0;font-size:0.75em;padding:15px 10px;background:#fff;box-shadow:0 0.3em 1em #ccc;border-top:2px solid #888;border-radius:5px;z-index:5}trix-toolbar .trix-input--dialog{font-size:inherit;font-weight:normal;padding:0.5em 0.8em;margin:0 10px 0 0;border-radius:3px;border:1px solid #bbb;background-color:#fff;box-shadow:none;outline:none;-webkit-appearance:none;-moz-appearance:none}trix-toolbar .trix-input--dialog.validate:invalid{box-shadow:#F00 0px 0px 1.5px 1px}trix-toolbar .trix-button--dialog{font-size:inherit;padding:0.5em;border-bottom:none}trix-toolbar .trix-dialog--link{max-width:600px}trix-toolbar .trix-dialog__link-fields{display:flex;align-items:baseline}trix-toolbar .trix-dialog__link-fields .trix-input{flex:1}trix-toolbar .trix-dialog__link-fields .trix-button-group{flex:0 0 content;margin:0}trix-editor [data-trix-mutable]:not(.attachment__caption-editor){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}trix-editor [data-trix-mutable]::-moz-selection,trix-editor [data-trix-cursor-target]::-moz-selection,trix-editor [data-trix-mutable] ::-moz-selection{background:none}trix-editor [data-trix-mutable]::-moz-selection,trix-editor [data-trix-cursor-target]::-moz-selection,trix-editor [data-trix-mutable] ::-moz-selection{background:none}trix-editor [data-trix-mutable]::selection,trix-editor [data-trix-cursor-target]::selection,trix-editor [data-trix-mutable] ::selection{background:none}trix-editor .attachment__caption-editor[data-trix-mutable]:focus::-moz-selection{background:highlight}trix-editor .attachment__caption-editor[data-trix-mutable]:focus::selection{background:highlight}trix-editor .attachment.attachment--file[data-trix-mutable]{box-shadow:0 0 0 2px highlight;border-color:transparent}trix-editor .attachment[data-trix-mutable] img{box-shadow:0 0 0 2px highlight}trix-editor .attachment{position:relative}trix-editor .attachment:hover{cursor:default}trix-editor .attachment--preview .attachment__caption:hover{cursor:text}trix-editor .attachment__progress{position:absolute;z-index:1;height:20px;top:calc(50% - 10px);left:5%;width:90%;opacity:0.9;transition:opacity 200ms ease-in}trix-editor .attachment__progress[value="100"]{opacity:0}trix-editor .attachment__caption-editor{display:inline-block;width:100%;margin:0;padding:0;font-size:inherit;font-family:inherit;line-height:inherit;color:inherit;text-align:center;vertical-align:top;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none}trix-editor .attachment__toolbar{position:absolute;z-index:1;top:-0.9em;left:0;width:100%;text-align:center}trix-editor .trix-button-group{display:inline-flex}trix-editor .trix-button{position:relative;float:left;color:#666;white-space:nowrap;font-size:80%;padding:0 0.8em;margin:0;outline:none;border:none;border-radius:0;background:transparent}trix-editor .trix-button:not(:first-child){border-left:1px solid #ccc}trix-editor .trix-button.trix-active{background:#cbeefa}trix-editor .trix-button:not(:disabled){cursor:pointer}trix-editor .trix-button--remove{text-indent:-9999px;display:inline-block;padding:0;outline:none;width:1.8em;height:1.8em;line-height:1.8em;border-radius:50%;background-color:#fff;border:2px solid highlight;box-shadow:1px 1px 6px rgba(0,0,0,0.25)}trix-editor .trix-button--remove::before{display:inline-block;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0.7;content:"";background-image:url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.4L17.6%205%2012%2010.6%206.4%205%205%206.4l5.6%205.6L5%2017.6%206.4%2019l5.6-5.6%205.6%205.6%201.4-1.4-5.6-5.6z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E);background-position:center;background-repeat:no-repeat;background-size:90%}trix-editor .trix-button--remove:hover{border-color:#333}trix-editor .trix-button--remove:hover::before{opacity:1}trix-editor .attachment__metadata-container{position:relative}trix-editor .attachment__metadata{position:absolute;left:50%;top:2em;transform:translate(-50%, 0);max-width:90%;padding:0.1em 0.6em;font-size:0.8em;color:#fff;background-color:rgba(0,0,0,0.7);border-radius:3px}trix-editor .attachment__metadata .attachment__name{display:inline-block;max-width:100%;vertical-align:bottom;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}trix-editor .attachment__metadata .attachment__size{margin-left:0.2em;white-space:nowrap}.trix-content{line-height:1.5}.trix-content *{box-sizing:border-box;margin:0;padding:0}.trix-content h1{font-size:1.2em;line-height:1.2}.trix-content blockquote{border:0 solid #ccc;border-left-width:0.3em;margin-left:0.3em;padding-left:0.6em}.trix-content [dir=rtl] blockquote,.trix-content blockquote[dir=rtl]{border-width:0;border-right-width:0.3em;margin-right:0.3em;padding-right:0.6em}.trix-content li{margin-left:1em}.trix-content [dir=rtl] li{margin-right:1em}.trix-content pre{display:inline-block;width:100%;vertical-align:top;font-family:monospace;font-size:0.9em;padding:0.5em;white-space:pre;background-color:#eee;overflow-x:auto}.trix-content img{max-width:100%;height:auto}.trix-content .attachment{display:inline-block;position:relative;max-width:100%}.trix-content .attachment a{color:inherit;text-decoration:none}.trix-content .attachment a:hover,.trix-content .attachment a:visited:hover{color:inherit}.trix-content .attachment__caption{text-align:center}.trix-content .attachment__caption .attachment__name+.attachment__size::before{content:' · '}.trix-content .attachment--preview{width:100%;text-align:center}.trix-content .attachment--preview .attachment__caption{color:#666;font-size:0.9em;line-height:1.2}.trix-content .attachment--file{color:#333;line-height:1;margin:0 2px 2px 2px;padding:0.4em 1em;border:1px solid #bbb;border-radius:5px}.trix-content .attachment-gallery{display:flex;flex-wrap:wrap;position:relative}.trix-content .attachment-gallery .attachment{flex:1 0 33%;padding:0 0.5em;max-width:33%}.trix-content .attachment-gallery.attachment-gallery--2 .attachment,.trix-content .attachment-gallery.attachment-gallery--4 .attachment{flex-basis:50%;max-width:50%}trix-toolbar{max-width:100% !important}.trix-content .attachment-gallery>action-text-attachment,.trix-content .attachment-gallery>.attachment{flex:1 0 33%;padding:0 0.5em;max-width:33%}.trix-content .attachment-gallery.attachment-gallery--2>action-text-attachment,.trix-content .attachment-gallery.attachment-gallery--2>.attachment,.trix-content .attachment-gallery.attachment-gallery--4>action-text-attachment,.trix-content .attachment-gallery.attachment-gallery--4>.attachment{flex-basis:50%;max-width:50%}.trix-content action-text-attachment .attachment{padding:0 !important;max-width:100% !important}.trix-content action-text-attachment .attachment img{border:1px solid #D7DDE4;border-radius:12px;width:100%}.trix-content action-text-attachment .attachment .attachment__caption{text-align:left;margin:16px 0 23px;color:#777B8B}color-block-red{background-color:#FF6170;display:block;font-weight:bold;color:white;padding:16px !important;border-radius:16px}color-block-red a{color:#FFDF34 !important}color-block-blue{background-color:#02B2EE;display:block;font-weight:bold;color:white;padding:16px !important;border-radius:16px}color-block-blue a{color:#100CCA !important}color-block-purple{background-color:#9850E0;display:block;font-weight:bold;color:white;padding:16px !important;border-radius:16px}color-block-purple a{color:#52E47B !important}#article{display:flex;flex-direction:row;gap:16px}#article article .labels{align-items:center;display:flex;margin-bottom:36px;gap:3px}#article article .labels .label{text-transform:uppercase;padding-left:10px;font-weight:bold;letter-spacing:0.6px;font-size:12px;line-height:16px}#article article .labels .label a{color:#42ABE9}#article article .labels .label a:after{color:#42ABE9;content:", "}#article article .labels .label a:last-of-type:after{content:""}#article article h1{font-size:36px;line-height:48px;letter-spacing:-0.6px}#article article .img-wrapper img{width:100%}#article article .img-wrapper .img-caption{text-align:left;margin:16px 0 23px;color:#777B8B}#article .article-pagination{padding:16px 0;display:flex;justify-content:space-between}@media screen and (max-width: 1024px){#article{flex-direction:column}}.prev{position:relative;top:3px;transform:scale(-1, 1)}.next{position:relative;top:3px}.article-card{width:100%;margin:24px 0;display:flex;flex-direction:row;height:272px;border:1px solid #F0F2F5;box-sizing:border-box;border-radius:16px;color:#242527}.article-card .preview{height:100%}.article-card .preview img{max-width:264px;height:100%}@media screen and (max-width: 768px){.article-card .preview{display:none}}.article-card .content{padding:30px 16px 22px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.article-card .content .title{margin:0;font-weight:bold;font-size:18px;color:#242527}.article-card .content .short-text{display:block;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;max-height:6em;line-height:1.5em}.article-card .content .article-bottom{display:flex;text-align:end;align-items:end;flex-direction:row;justify-content:space-between}@media screen and (max-width: 768px){.article-card .content .article-bottom{flex-direction:column-reverse;align-items:start}}.article-card .content .article-bottom .author-sign{bottom:16px;color:#777B8B;font-size:13px;line-height:14px;letter-spacing:-0.2px}.article-card .content .article-bottom .link-to-read{color:#42ABE9;font-size:13px;line-height:14px;font-weight:700;display:flex;align-items:end;cursor:pointer}#articles-list .subtitle{max-width:641px}#articles-list .articles-wrapper{display:flex;flex-direction:row;gap:16px}#articles-list .articles-wrapper .side-menu{margin:24px 0;display:flex;position:relative;flex-direction:column}@media screen and (max-width: 1024px){#articles-list .articles-wrapper{flex-direction:column}#articles-list .articles-wrapper .side-menu{margin:0}}.author-info-block{display:flex;flex-direction:row;padding:16px 0;margin:25px 0}.author-info-block .author-avatar{max-height:150px;border-radius:75px}.author-info-block .author-info{display:flex;flex-direction:column;justify-content:center;padding:0 25px}.author-info-block .author-info a{padding-bottom:8px;color:#242527}.author-sign-wrapper{border-top:1px solid #F0F2F5}.author-page-wrapper .biography{max-width:624px}.card-interface{position:absolute;display:none}.card-interface .buttons-wrapper{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;position:fixed;z-index:2;width:914px;padding-left:15px;top:15px;height:28px;margin:auto;font-size:15px;color:#aaaaaa}.card-interface .buttons-wrapper .card-back{position:relative;display:inline-block;vertical-align:middle;background-image:url(/blog/card-back-d29eaee62419c97398f3f96541bff199f13b772929e81d4a926a532de16161b4.svg);background-repeat:no-repeat;width:28px;height:28px;margin-right:3px;margin-bottom:4px;background-position:0 0}.card-interface .buttons-wrapper .back-button,.card-interface .buttons-wrapper .fullscreen-button{cursor:pointer}.card-interface .buttons-wrapper .back-button:hover,.card-interface .buttons-wrapper .fullscreen-button:hover{color:#8f8f8f}.card-interface .buttons-wrapper .back-button:hover .card-back,.card-interface .buttons-wrapper .fullscreen-button:hover .card-back{background-position:-28px 0}.card-interface .buttons-wrapper span{padding-left:3px;line-height:29px}.card-preview{display:flex;flex-direction:column;width:1024px;margin:auto}.card-preview h2{font-weight:600 !important}.card-preview .card-fullscreen{position:relative;display:flex;color:#00A6EE;font-weight:600;margin-right:3px;margin-bottom:4px;justify-content:flex-end;align-items:center;padding-top:1em}.card-preview .card-fullscreen:hover{color:#1A95DE}.card-preview .card-fullscreen .fullscreen-button{background-image:url(/blog/card_fullscreen-6a8fa49959b041277e33f3d3014fb07b5420da0fc84f32b88b384ed290e30b4a.svg);margin-right:0.5em;width:20px;height:20px;background-position:0 0;background-repeat:no-repeat;background-size:contain;cursor:pointer}.card-preview .card-fullscreen span{cursor:pointer}.card-preview_title{display:table-row;flex-direction:column;word-break:break-word}.card-preview_title h1{font-weight:600 !important;letter-spacing:-0.2px}.card-preview_title p{margin-bottom:0;font-weight:normal}.card-preview_subtitle{display:table-row;flex-direction:column;min-width:50%;padding-right:58px !important}.card-preview .breadcrumb_card_preview{font-weight:400;font-size:13px;margin:0}.card-preview .breadcrumb_card_preview a{border-bottom:1px solid}.card-preview .breadcrumb_card_preview a:hover{color:#1A95DE}.card-preview .breadcrumb_card_preview .next-symbol{color:#00A6EE;padding:0 5px}.card-preview .breadcrumb_card_preview .next-symbol-inactive{color:#242527;padding:0 5px}.card-preview .frame-wrapper{position:relative}.card-preview_frame{padding:0;width:100%;margin:auto;overflow:hidden;max-width:1024px;min-height:610px;background-size:cover;cursor:pointer;display:flex;align-items:center;justify-content:center;-ms-overflow-style:none;border:none;box-shadow:0 1px 8px rgba(0,0,0,0.17);border-radius:15px}@media (max-width: 1025px){.card-preview_frame{max-width:100%;min-height:58vw}}.card-preview_frame--interface{width:100%;height:5vw;background-image:url(/blog/card_interface_placeholder-0694dc0d1443510abaa326af0d873facc3f8963e77fba2e479d02cda40b6499f.svg);background-size:contain;background-position:top;background-repeat:no-repeat}.card-preview_frame--preview{width:100%;height:58vw;background:white;position:absolute}@media screen and (min-width: 1025px){.card-preview_frame--preview{display:none;height:600px}}.card-preview_frame--scene{position:absolute;background:#FFFFFF;opacity:0.8;width:100%;top:0;height:58vw;border-radius:14px;border:none;visibility:visible;will-change:transform, opacity;box-shadow:0 1px 8px rgba(0,0,0,0.17)}@media screen and (min-width: 1025px){.card-preview_frame--scene{display:none}}.card-preview_frame--image{width:100%;height:53vw;background-position:bottom;background-repeat:no-repeat;background-size:contain;display:flex;align-items:center;justify-content:center;border-radius:14px}.card-preview_frame--icon{position:absolute;height:150px}.card-preview_frame--icon:hover{height:170px}@media screen and (max-width: 768px){.card-preview_frame--icon{height:83px}.card-preview_frame--icon:hover{height:95px}}.card-preview_frame::-webkit-scrollbar{display:none}.card-preview .bottom-content{display:flex;flex-direction:row}@media screen and (max-width: 1025px){.card-preview .bottom-content{flex-direction:column}}.card-preview_associations{min-width:50%}.card-preview_associations-container .hidden-link{display:none}.card-preview_associations-button{margin-top:20px;color:#42ABE9;cursor:pointer}.card-preview_associations-button:hover{color:#1A95DE}.card-preview_association{display:flex}.card-preview_association--link{display:flex;margin:16px 0}.card-preview_association--link img{margin-right:15px}.card-preview_association--link .text-link{display:table-row;margin:0}@media (max-width: 1024px){.card-preview{width:100%}.card-preview h1,.card-preview h2{font-weight:700 !important}.card-preview .content-wrapper{padding:0}.card-preview .card-fullscreen{display:none}.card-preview .card-preview_subtitle{padding-right:0 !important}}@media (max-width: 768px){.card-preview p,.card-preview .card-preview_associations-button{font-size:14px !important}.card-preview .breadcrumb_card_preview{font-size:13px !important}}@media (max-width: 640px){.card-preview h1,.card-preview h2{font-size:18px !important}}.categories-list{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-auto-flow:row;width:100%}.categories-list a{padding:12px 0;font-weight:bold;font-size:16px;line-height:24px;color:#42ABE9}@media screen and (max-width: 576px){.categories-list{grid-template-columns:1fr}}#collections{height:240px;padding:21px 24px;display:flex;flex-direction:column;border-radius:8px;border:1px solid #F0F2F5}#collections p{font-size:14px;line-height:24px;color:#777B8B}#collections a{display:flex;align-items:center}#collections .text-field{padding-right:0x}#collections button{width:100%;height:40px;margin-top:16px;color:white;font-size:14px;font-weight:bold;background:#42ABE9;border:1px solid #42ABE9;border-radius:6px;min-width:180px}@media screen and (max-width: 1024px){#collections{height:-webkit-max-content;height:-moz-max-content;height:max-content;justify-content:space-between;flex-direction:row}#collections button{margin-top:0}#collections .text-field{padding-right:24px}}@media screen and (max-width: 720px){#collections{flex-direction:column}}.categories-nav{display:flex;width:100%;justify-content:space-between;flex-direction:row;-webkit-overflow-scrolling:touch;white-space:nowrap;overflow-x:auto;align-items:center}.categories-nav .category{width:-webkit-max-content;width:-moz-max-content;width:max-content;height:2em;margin-right:40px}.categories-nav .category a{font-size:16px;line-height:24px;font-weight:bold;color:#42ABE9;text-decoration:none}.categories-nav .category a:hover{text-decoration:underline}.categories-nav .category .current{border-bottom:2px solid;padding-bottom:1px}.categories-nav:after{content:"";flex:auto}@media (max-width: 1023px){.evergreen-banner-desktop{display:none}}@media (min-width: 1024px){.evergreen-banner-mobile{display:none}}.free-access-banner{box-sizing:border-box;display:flex;justify-content:center;width:100%;position:fixed;top:0;align-items:center;height:96px;background-color:#153482;background-image:url(/blog/banners/banner_desktop-56e9b6a34db3e0fd451d1b44604acf6d15479cd94d2d0c3c30678646b71eb72a.svg);background-position:50% 50%;background-repeat:no-repeat;z-index:2050}.free-access-banner__content{width:100%;height:100%;max-width:880px;display:flex;justify-content:flex-end;align-items:center;color:white;margin-right:-140px}.free-access-banner .info-content{display:flex;flex-flow:column;width:100%}.free-access-banner .info-content .header{font-family:Noto Sans;font-weight:bold;font-size:16px;line-height:24px;margin-bottom:5px}.free-access-banner .info-content .text{font-family:Noto Sans;font-size:16px;position:relative;line-height:24px;width:260px}.free-access-banner .drop-anchor-default-styles{text-decoration:none;color:inherit;cursor:inherit}.free-access-banner__button{width:224px;height:40px;display:flex;align-items:center;justify-content:center;font-family:Noto Sans;font-style:normal;font-weight:bold;font-size:16px;line-height:24px;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;background:#fd1c56;color:#ffffff;letter-spacing:-0.7px}.free-access-banner__button:hover{background:#e80949}.free-access-banner__button:active:focus{background:#fd1c56}.free-access-banner__tooltip{display:inline-block;vertical-align:top;margin-left:5px;height:24px}.free-access-banner__tooltip svg{opacity:0.3;width:16px;height:16px;transform:translateY(3px)}.free-access-banner__tooltip svg .icon{fill:#f0f2f5}.free-access-banner__tooltip[data-tooltip][data-tooltip-position='bottom']::before{padding:15px 17px 17px;font-family:Noto Sans, sans-serif !important;font-size:14px !important;line-height:20px !important;letter-spacing:0.1px !important;box-shadow:0 2px 20px rgba(0,0,0,0.1) !important}@media (max-width: 1024px){.free-access-banner{background-position:center center;background-image:url(/blog/banners/banner_tablet-5650fee87e96c125a661cda68e067a299a2b6ae6c56d274b466af650a7292d89.svg)}.free-access-banner__content{margin-right:0;margin-left:60px;max-width:580px;justify-content:space-between}.free-access-banner .info-content{width:260px}.free-access-banner .info-content .header{font-size:14px}.free-access-banner .info-content .text{font-size:14px;line-height:22px}.free-access-banner span.info{height:16px}.free-access-banner__button{width:134px}}@media (max-width: 767px){.free-access-banner{transition:all 1.5s -0.5s ease;background-image:url(/blog/banners/banner_mobile-ea436a84cd64f09544beca77d7ab8e287f0b026d450dbc01bb7d19af0a21629f.svg);align-items:flex-end;height:140px;padding:16px}.free-access-banner__content{align-items:flex-start;justify-content:center;width:288px;flex-flow:column;margin-left:0}.free-access-banner .info-content{width:260px}.free-access-banner .header{margin-bottom:5px}.free-access-banner .text{line-height:16px;width:226px;color:rgba(255,255,255,0.8);margin-bottom:14px}.free-access-banner__button{width:304px;height:32px}.free-access-banner__tooltip[data-tooltip][data-tooltip-position='bottom']::before{min-width:288px !important;transform:translateX(-49%) translateZ(2px)}.free-access-banner [data-tooltip][data-tooltip-position='top']:hover:before,.free-access-banner [data-tooltip][data-tooltip-position='top']:hover:after,.free-access-banner [data-tooltip][data-tooltip-position='bottom']:hover:before,.free-access-banner [data-tooltip][data-tooltip-position='bottom']:hover:after{top:20px !important}}.free-access-banner--parent{margin-bottom:0}.free-access-banner--content{margin-top:72px}.free-access-banner--hidden{transform:translateY(-300px);transition:all 0.5s linear}.free-access-banner--hidden .free-access-banner__content{transition:all 0.6s linear}.free-access-banner--hidden .info-content{display:none}.free-access-banner--sticky{z-index:2050}@media (max-width: 767px){.free-access-banner--sticky{transition:all 0.5s linear;display:flex;background-color:#153482;background-image:none;position:fixed;width:100%;height:72px;align-items:center;justify-content:center;transform:none}}@media (min-width: 768px){.banner-home-page-wrapper--sticky{position:sticky;top:0;z-index:1060}}#get-started{background-image:url(/blog/banners/get-started-320-89fca3412d95d05d25915a6c1fb267b6ffb74708f8d315ec319ca7bc8205af09.svg);background-position:bottom;background-size:cover;display:flex;flex-direction:column;justify-content:space-between;border-radius:16px;height:auto;padding:14px;margin-top:16px;color:white}#get-started .text-panel{display:flex;flex-direction:column;justify-content:center}#get-started .text-panel .free-access-banner__tooltip{width:20px;position:relative;z-index:1000}#get-started .text-panel svg{position:relative;right:20px;height:16px}#get-started .text-panel .optional-banner-list{font-weight:400;font-size:13px;line-height:18px;letter-spacing:0.1px}#get-started .text-panel .optional-banner-list img{padding-left:2px;display:inline}#get-started .text-panel h3{font-weight:900;font-size:16px;line-height:24px;align-items:center;letter-spacing:0.005em}#get-started .text-panel h3 a{color:inherit}#get-started ul.banner-list{display:none;font-size:16px;font-weight:700;padding-left:1.2em;width:90%;margin:8px 0 0}#get-started ul.banner-list li{height:48px;width:180px;padding:0 0 0 4px}#get-started .banner-button{padding:10px;text-align:center;background:#FFFFFF;border:1px solid #FFFFFF;border-radius:6px}#get-started .banner-button:hover{color:#0028AD;cursor:pointer}#get-started .banner-button span{color:#100CCA;font-size:12px;line-height:20px;font-weight:bold}@media screen and (min-width: 640px){#get-started{background-image:url(/blog/banners/get-started-640-3ed90442a05ba043a9efd930aaa2f26a4e7d169f951a408a24a32caf01111eb2.svg);flex-direction:row;justify-content:space-between;height:118px;padding:16px}#get-started .text-panel{max-width:400px}#get-started .text-panel .optional-banner-list{display:block}#get-started .text-panel h3{font-weight:900;font-size:16px;line-height:24px;align-items:center;letter-spacing:0.005em}#get-started .text-panel h3 a{color:inherit}#get-started .banner-button{margin:auto 0;padding:10px 16px;width:-webkit-max-content;width:-moz-max-content;width:max-content}#get-started .banner-button span{font-size:12px;line-height:20px}}@media screen and (min-width: 768px){#get-started{background-image:url(/blog/banners/get-started-768-0ac047a797d06dce66c8997d065bb98278a5cf090a0ea77ede4bd28e3f4c65f8.svg);padding-right:20px;height:120px}#get-started .text-panel{max-width:500px}#get-started .text-panel h3{margin-top:10px;font-weight:900;font-size:20px;line-height:28px;display:initial;align-items:center;letter-spacing:0.005em}#get-started .banner-button{padding:13px 20px;width:-webkit-max-content;width:-moz-max-content;width:max-content}#get-started .banner-button span{font-size:14px;line-height:22px}}@media screen and (min-width: 1025px){#get-started{margin:0;background-image:url(/blog/banners/get-started-1024-f9e4c53cafead9d49252b4a29cc82f01abfe0b3e4472476075e5a0801e0fad27.svg);position:sticky;background-position:bottom;height:510px;width:304px;flex-direction:column;padding:40px 24px 0 24px}#get-started .text-panel{width:75%;min-width:260px}#get-started .text-panel .free-access-banner__tooltip{display:none}#get-started .text-panel svg{display:none}#get-started .text-panel .optional-banner-list{display:none}#get-started .text-panel h3{margin:0;font-size:24px;line-height:32px;letter-spacing:0.005em;font-weight:900}#get-started .text-panel h3 a{color:#FF96C2}#get-started ul.banner-list{display:block;font-weight:400;font-size:18px;line-height:24px}#get-started ul.banner-list li{width:auto;margin-top:16px}#get-started .banner-button{align-self:center;padding:8px 55px;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin-top:40px}#get-started .banner-button span{font-size:16px;line-height:24px}}.with_auth,.without_auth{top:0}@media screen and (min-width: 1024px){.with_auth,.without_auth{top:76px}}@media screen and (min-width: 1025px){.in-article{margin-top:24px !important}}@media screen and (min-width: 1025px){#break::after{content:"\a";white-space:pre}}#sign-up-banner{background:#FFF3CC;padding:21px 28px;display:flex;flex-direction:column;border-radius:8px}#sign-up-banner .text-panel{display:flex;flex-direction:column}#sign-up-banner .text-panel h3{font-size:20px}#sign-up-banner .text-panel p{font-size:15px;line-height:25px;letter-spacing:0.2px;color:#777B8B;margin:0.75em 0 2em}#sign-up-banner .input-panel{display:flex;flex-direction:column}#sign-up-banner .input-panel input{width:100%;height:43px;border:1px solid #D7DDE4;padding:0 13px;box-sizing:border-box;border-radius:6px}#sign-up-banner .input-panel input::-moz-placeholder{font-size:15px}#sign-up-banner .input-panel input:-ms-input-placeholder{font-size:15px}#sign-up-banner .input-panel input::placeholder{font-size:15px}#sign-up-banner .input-panel button{width:100%;height:43px;margin-top:10px;color:white;font-size:15px;font-weight:bold;background:#42ABE9;border:1px solid #42ABE9;border-radius:6px}@media screen and (max-width: 1024px){#sign-up-banner{height:-webkit-max-content;height:-moz-max-content;height:max-content;justify-content:space-between;flex-direction:row}#sign-up-banner .input-panel{gap:20px;flex-direction:row;align-items:center}#sign-up-banner .input-panel input,#sign-up-banner .input-panel button{margin:0;min-width:150px}}@media screen and (max-width: 720px){#sign-up-banner{flex-direction:column}#sign-up-banner .input-panel{flex-direction:column}}.card-completed{padding:30px}.card-completed--title{font-size:32px;line-height:32px;font-family:"CirceRounded-Alt-Bold", sans-serif;text-align:center;margin-bottom:40px}.card-completed--congrats{height:290px;margin-bottom:30px;background-repeat:no-repeat;background-position:top center}.card-completed--congrats.card{background-image:url(/blog/students/complete-card-126dd77e7aed09d7edcacef6db37fa16bc6c509192cbdda583d67f252edfed36.png)}@media only screen and (-webkit-min-device-pixel-ratio: 1.3),only screen and (-webkit-min-device-pixel-ratio: 1.3023255814),only screen and (min-resolution: 125dpi),only screen and (min-resolution: 1.3dppx){.card-completed--congrats.card{background-image:url(/blog/students/complete-card_2x-113584c283ec16f1b6d0ed828c758f8a987f70ef831084a71448e66f0a2ca59a.png);background-size:178px 290px}}.card-completed--congrats.lesson,.card-completed--congrats.challenge{background-image:url(/blog/students/complete-lesson-8816666f076d5160f821386c5d713a9c00d89775a89936abc28a09dc9dfa08c6.png)}@media only screen and (-webkit-min-device-pixel-ratio: 1.3),only screen and (-webkit-min-device-pixel-ratio: 1.3023255814),only screen and (min-resolution: 125dpi),only screen and (min-resolution: 1.3dppx){.card-completed--congrats.lesson,.card-completed--congrats.challenge{background-image:url(/images/students/complete-lesson_2x.png);background-size:320px 290px}}.card-completed--button{text-align:center}.card-completed--button a{line-height:34px;font-size:29px;text-decoration:none;background:#6ac4e4;color:white;display:inline-block;padding:9px 20px 10px;border-radius:7px;transition:background-color 0.2s easy-in}.card-completed--button a:hover{background-color:#54bbe0}.blog-container{display:flex;flex-direction:column;max-width:1040px;margin:auto;min-height:80vh;padding:16px 16px 0}@media (min-width: 1200px){.blog-container{width:1170px}}@media (min-width: 992px){.blog-container{width:970px}}.embed-card-wrapper{padding:0;margin:auto;overflow:hidden;width:560px;height:315px;cursor:pointer;border:1px solid #D7DDE4;border-radius:12px}.embed-card-wrapper img{width:100%;margin:auto;height:100%}.embed-card-wrapper span{position:relative;bottom:200px;left:260px;height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em #242527}.embed-video-wrapper{display:flex;justify-content:center}.embed-video-wrapper img,.embed-video-wrapper iframe{border:1px solid #D7DDE4;border-radius:12px}.ssi-header--sticky #ssi-header-dummy-wrapper{display:flex;align-items:center;height:60px;max-width:1024px;margin:0 auto;padding:0 16px;background:white}@media (max-width: 768px){.ssi-header--sticky{order:-1}}@media only screen and (max-device-width: 1024px) and (orientation: landscape){.ssi-header--sticky{order:-1}}.banner-header-wrapper{display:flex;flex-flow:column;position:sticky;top:0;z-index:1060}.pagination{color:#42ABE9;font-weight:bold;margin:0 !important;word-spacing:8px}.pagination em{font-style:normal;color:#666666}.pagination a{color:#42ABE9;font-weight:bold;padding:8px}.pagination .disabled{display:none}[data-tooltip][data-tooltip-position="top"]:before,[data-tooltip][data-tooltip-position="bottom"]:before{content:attr(data-tooltip)}[data-tooltip][data-tooltip-position="top"],[data-tooltip][data-tooltip-position="bottom"]{display:inline-block;position:relative;cursor:pointer}[data-tooltip][data-tooltip-position="top"]:before{content:attr(data-tooltip);display:none;position:absolute;bottom:-5px;background:#FFFFFF;border:1px solid #E1E6ED;border-bottom:1px solid #FFF;box-sizing:border-box;box-shadow:0 2px 40px rgba(0,0,0,0.2);padding:22px 30px;color:#242527;min-width:400px;max-width:400px;text-align:left;border-radius:4px;white-space:normal;cursor:default}[data-tooltip][data-tooltip-position="bottom"]:before{content:attr(data-tooltip);display:none;position:absolute;top:-5px;background:#FFFFFF;border:1px solid #E1E6ED;border-top:1px solid #FFF;box-sizing:border-box;box-shadow:0 2px 40px rgba(0,0,0,0.2);padding:22px 30px;font-style:normal;font-weight:normal;line-height:24px;font-size:16px;color:#242527;min-width:400px;max-width:400px;text-align:left;border-radius:4px;white-space:normal;cursor:default}[data-tooltip][data-tooltip-position="top"]:before,[data-tooltip][data-tooltip-position="bottom"]:before{left:15%;transform:translateX(-15%)}.left[data-tooltip][data-tooltip-position="top"]:before,.left[data-tooltip][data-tooltip-position="bottom"]:before{left:-250px}.center[data-tooltip][data-tooltip-position="top"]:before,.center[data-tooltip][data-tooltip-position="bottom"]:before{left:-125px}[data-tooltip][data-tooltip-position="top"]:before{bottom:25px;margin-bottom:6px}[data-tooltip][data-tooltip-position="bottom"]:before{top:25px;margin-top:6px}[data-tooltip][data-tooltip-position="top"]:after,[data-tooltip][data-tooltip-position="bottom"]:after{content:'';display:none;position:absolute;width:0;height:0;border-color:transparent;border-style:solid}[data-tooltip][data-tooltip-position="top"]:after{left:50%;margin-left:-3px}[data-tooltip][data-tooltip-position="bottom"]:after{left:50%;margin-left:-6px}[data-tooltip][data-tooltip-position="top"]:after{bottom:25px;border-width:6px 6px 0;border-top-color:#fff}[data-tooltip][data-tooltip-position="bottom"]:after{top:25px;border-width:0 6px 6px 6px;border-bottom-color:#fff}[data-tooltip][data-tooltip-position="top"]:hover:before,[data-tooltip][data-tooltip-position="top"]:hover:after,[data-tooltip][data-tooltip-position="bottom"]:hover:before,[data-tooltip][data-tooltip-position="bottom"]:hover:after{display:block;z-index:50}body{font-family:'Noto Sans', sans-serif;color:#242527;font-size:16px;line-height:24px}body .blog-container h1,body .card-preview h1{font-size:24px;line-height:32px;font-weight:700;-webkit-margin-before:0.67em;margin-block-start:0.67em;-webkit-margin-after:0.67em;margin-block-end:0.67em}body .blog-container h2,body .card-preview h2{font-size:20px;line-height:32px;font-weight:700;-webkit-margin-before:0.67em;margin-block-start:0.67em;-webkit-margin-after:0.67em;margin-block-end:0.67em}body .blog-container h3,body .card-preview h3{font-size:18px;line-height:24px;font-weight:700;margin-top:20px;margin-bottom:10px}body .blog-container p,body .card-preview p{line-height:24px;font-size:16px;-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em}body .blog-container a,body .card-preview a{text-decoration:none !important;color:#42ABE9}body .blog-container a :hover,body .card-preview a :hover{text-decoration:none !important;color:#1A95DE}body section{width:66%}body aside{width:33%}body .back-arrow{cursor:pointer;color:#42ABE9;display:flex;-webkit-margin-after:-12px;margin-block-end:-12px;font-weight:bold;padding:16px 0}body #ssi_footer_root{margin-top:84px}@media screen and (min-width: 768px){body #ssi_footer_root{margin-top:96px}}@media screen and (min-width: 1024px){body #ssi_footer_root{margin-top:120px}}@media screen and (max-width: 1024px){body section{width:100%}body aside{width:100%}}@media screen and (max-width: 567px){body .back-arrow{font-size:14px}}.tags-sidemenu{border:1px solid #F0F2F5;box-sizing:border-box;margin:0 0 16px;height:-webkit-max-content;height:-moz-max-content;height:max-content;border-radius:8px;padding:4px 24px}.tags-sidemenu h3{margin:0}.tags-sidemenu li{padding-bottom:16px}.tags-sidemenu a{color:#42ABE9}.tags-sidemenu a :hover{color:#1A95DE}@media screen and (max-width: 1024px){.tags-sidemenu ul{padding-left:2em;display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:row}}@media screen and (max-width: 576px){.tags-sidemenu ul{grid-template-columns:1fr}}body{margin:0;padding:0}