.tutorials{grid-gap:32px;display:grid;grid-auto-flow:dense;grid-template-columns:repeat(auto-fill,minmax(274px,1fr))}.tutorials-hero{grid-column:1/3}@media (max-width:750px){.tutorials-hero{grid-column:1/-1}.author-card-fix{margin-top:5px}}.pagination{box-sizing:border-box;display:flex;justify-content:center;overflow-y:auto}.tutorials-filters-container{display:flex;justify-content:flex-end;width:100%}input:focus,select:focus,textarea:focus{outline:none!important}.tutorials-filters{border:1px solid #d3d3d3;border-radius:3px;box-shadow:0 1px 2px rgba(36,57,141,.1)}.technology-choices{min-width:100px!important}.ts-control{border-color:transparent!important;height:100%}.ts-control>*{font-size:14px!important;padding-right:9px!important}.ts-control.single{border-style:solid;border-width:4px 4px 0;content:" ";display:block;height:0;margin-top:-1px;position:absolute;right:15px;top:50%;transition:border .3s;width:0}.input-group-text{border-radius:0;border-right:1px solid #d3d3d3!important;z-index:10}.ts-wrapper.single .ts-control,.ts-wrapper.single .ts-control input{outline:0}.optgroup-header{font-weight:bolder}.tutorials-filters .ts-dropdown{left:auto;margin-top:1px;min-width:194px;right:-1px}.chapters{display:grid;gap:10px;grid-template-columns:1fr;max-height:560px;overflow:auto}.item-duration{color:grey;font-size:13px;margin-left:auto;white-space:nowrap}.item-title{align-content:center;font-size:14px;margin-right:5px;transform:translateY(-1px);word-break:break-word}.item-number{margin-right:12px}.item{align-items:center;display:flex;line-height:1.4;padding:10px}.item:hover{background-color:#f2f5f5}.chapter-card a,.chapter-card a:hover{color:inherit;text-decoration:none}.chapter-card:not(:first-child){border-top:1px solid #d3d3d3;padding-bottom:10px}.chapters-container{background-color:#fff;border:1px solid #dee2e6;border-radius:3px;box-shadow:0 2px 4px #d8e1e8}.chapter-title{font-size:1.25em;font-weight:bolder;margin-bottom:10px;margin-left:18px;margin-top:10px}.item-number{background-color:#e4e7f7;border-radius:50%;height:30px;width:30px}.beginner[data-v-077f3f48],.beginner[data-v-077f3f48]:hover{background-color:rgba(38,182,239,.3);color:var(--primary)}.amateur[data-v-077f3f48],.amateur[data-v-077f3f48]:hover{background-color:rgba(38,239,118,.3);color:var(--success)}.advanced[data-v-077f3f48],.advanced[data-v-077f3f48]:hover{background-color:rgba(252,178,70,.3);color:#ffb520}.expert[data-v-077f3f48],.expert[data-v-077f3f48]:hover{background-color:hsla(5,86%,65%,.3);color:var(--danger)}.card-icons[data-v-3d51e5e9]{max-height:50px;max-width:70%}.card-header[data-v-3d51e5e9]{border-bottom:none;min-height:55px}.course-icon[data-v-3d51e5e9]{height:40px;width:40px}.card[data-v-3d51e5e9]{background:var(--white,var(--white));border-radius:3px;box-sizing:border-box;color:#000;display:flex;flex-direction:column;margin:0;max-height:274px;min-height:274px;position:relative;transition:.3s;vertical-align:baseline;width:100%!important;word-break:break-word}.card-shadow[data-v-3d51e5e9]{box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.pill[data-v-3d51e5e9]{float:right}.card-title-text[data-v-3d51e5e9]{line-height:.6!important}.card-title-text a[data-v-3d51e5e9]{color:#000;font-size:14px;font-weight:700}.card-description[data-v-3d51e5e9]{font-size:14px;text-justify:distribute-all-lines}.tutorial-progress[data-v-3d51e5e9]{border-radius:0}.card-title-text a[data-v-3d51e5e9]:hover{text-decoration:none}.card-hovered[data-v-3d51e5e9]{border-color:var(--primary)}@media screen and (max-width:600px){.card-container[data-v-3d51e5e9]{display:block;width:100%}}.width-100[data-v-960f07da]{width:100%}.width-80[data-v-960f07da]{width:80%}.width-10[data-v-960f07da]{width:10%}#dropdown-header[data-v-2c69fa38]{border:1px solid #d3d3d3;border-radius:5px}#dropdown-header[data-v-2c69fa38] .dropdown-menu{max-height:600px;overflow-x:hidden;overflow-y:auto}.item-style[data-v-2c69fa38]{border-bottom:1px solid #d3d3d3;min-width:500px}.item-style[data-v-2c69fa38]:last-child{border-bottom:none}.link-style[data-v-2c69fa38]{color:#000;text-decoration:none}.video-title-width[data-v-2c69fa38]{width:356px}.dropdown-item.active .length-styling[data-v-2c69fa38],.dropdown-item.active .text-wrap[data-v-2c69fa38]{color:#fff!important}.length-styling[data-v-2c69fa38]{display:inline-block;min-width:45px;text-align:right}@media screen and (max-width:500px){#dropdown-header[data-v-2c69fa38] .dropdown-menu{word-wrap:break-word;overflow-x:auto}.video-title-width[data-v-2c69fa38]{width:256px}.item-style[data-v-2c69fa38]{font-size:small;max-width:350px}}@media screen and (max-width:400px){.item-style[data-v-2c69fa38]{font-size:small;max-width:200px!important}.video-title-width[data-v-2c69fa38]{width:125px}}.width-100[data-v-248ca658]{width:100%}.width-80[data-v-248ca658]{width:80%}.width-10[data-v-248ca658]{width:10%}.author-img[data-v-248ca658]{flex:1 30px;height:75px;width:75px}.author-preview[data-v-248ca658]{display:flex}.author-profile-link[data-v-248ca658]{color:unset;text-decoration:none}.tutorial-metadata[data-v-4d4b9879]{height:100px}.tutorial-item[data-v-4d4b9879]{border:1px solid transparent;border-radius:3px;margin-left:-3px;margin-top:-3px;min-width:0;overflow:hidden;padding:3px;position:relative;text-overflow:ellipsis;white-space:normal}.tutorial-link[data-v-4d4b9879]{color:unset;text-decoration:none}.tutorial-item[data-v-4d4b9879]:hover{background-color:#e5e3e3;border:1px solid transparent;border-radius:3px;padding:3px}.tutorial-score[data-v-4d4b9879]{bottom:0;position:absolute;right:0}.tutorial-thumbnail[data-v-4d4b9879]{position:relative}.tutorial-duration[data-v-4d4b9879]{bottom:4px;position:absolute;right:4px}.tutorial-duration-badge[data-v-4d4b9879]{background-color:rgba(0,0,0,.8);border-radius:3px;color:#fff;font-size:11px;font-weight:700;padding:1px 3px}.tutorial-title[data-v-4d4b9879]{font-size:14px;font-weight:700;line-height:1.4!important;max-height:50px;min-height:22px}.tutorial-stats-container[data-v-4d4b9879]{height:50px}.tutorial-stats[data-v-4d4b9879]{font-size:12px}.video-container{height:0;padding-bottom:56.25%;position:relative}.video-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}code[class*=language-],pre[class*=language-]{word-wrap:normal;background:none;color:#000;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{background:#b3d4fc;text-shadow:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{background:#b3d4fc;text-shadow:none}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{background:hsla(0,0%,100%,.5);color:#9a6e3a}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre[class*=language-].line-numbers{counter-reset:linenumber;padding-left:3.8em;position:relative}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{border-right:1px solid #999;font-size:100%;left:-3.8em;letter-spacing:-1px;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:3em}.line-numbers-rows>span{counter-increment:linenumber;display:block}.line-numbers-rows>span:before{color:#999;content:counter(linenumber);display:block;padding-right:.8em;text-align:right}.language-css .token.string,.markdown-body>pre,.style .token.string,.token.entity,.token.operator,.token.url{background-color:#eee!important}.markdown-body>pre{border-radius:10px;display:block;padding:0;width:100%}.markdown-body>p>a>img,.markdown-body>p>img{box-sizing:border-box;display:flex;margin:auto;max-height:600px;max-width:90%;object-fit:contain}.markdown-body{overflow:hidden;overflow-wrap:break-word}.markdown-body>pre{padding:.9rem;position:relative}.copy-button{background-color:silver;background-image:url('data:image/svg+xml;charset=utf-8,<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 5a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-2a1 1 0 1 1 0-2h2a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h2a1 1 0 0 1 0 2H6Z" fill="%23fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 3a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V3Zm8 0H9v2h6V3Z" fill="%23fff"/></svg>');background-position:50%;background-repeat:no-repeat;border:1px solid hsla(0,12%,45%,.13);border-radius:.25rem;color:#fff;height:2rem;position:absolute;right:.7em;text-indent:-9999px;top:.65em;width:2rem}.copy-button-copied{background-color:green}