.w-full{max-width:100%}.w-standard{max-width:0px}.max-w-xs{max-width:20rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.playground{padding:1.5rem 1rem;padding-top:6rem;background-color:#fff;min-height:100vh;transition:background-color .3s ease}.dark .playground{background-color:#030303}@media(min-width: 768px){.playground{padding-top:7rem}}@media(min-width: 1024px){.playground{padding-top:8rem}}.playground__container{max-width:100%;margin:0 auto;padding:0}@media(min-width: 768px){.playground__container{padding:0 1rem}}@media(min-width: 1400px){.playground__container{max-width:1400px}}.playground__header{text-align:center;margin-bottom:2rem}@media(min-width: 768px){.playground__header{margin-bottom:3rem}}.playground__title{font-size:2rem;color:#1f1f1f;margin-bottom:1rem;letter-spacing:.05rem;text-transform:uppercase}.dark .playground__title{color:#fff}@media(min-width: 768px){.playground__title{font-size:2.5rem;margin-bottom:1.5rem}}.playground__description{font-size:1rem;color:rgba(31,31,31,.7);line-height:1.6;max-width:800px;margin:0 auto;letter-spacing:.03rem}.dark .playground__description{color:hsla(0,0%,100%,.7)}@media(min-width: 768px){.playground__description{font-size:1.125rem}}.playground__grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width: 1024px){.playground__grid{grid-template-columns:1fr 1.5fr;gap:2rem}}.playground__editors{display:flex;flex-direction:column;gap:1.5rem}.playground__preview-wrapper{position:static;height:fit-content;display:flex;flex-direction:column}@media(min-width: 1024px){.playground__preview-wrapper{position:sticky;top:2rem}}.playground__card{background:#fff;border-radius:1rem;box-shadow:0 2px 8px rgba(0,0,0,.08);border:1px solid rgba(31,31,31,.1);overflow:hidden;transition:box-shadow .3s ease,transform .2s ease,background-color .3s ease,border-color .3s ease;display:flex;flex-direction:column}.dark .playground__card{background:#1f1f1f;border-color:hsla(0,0%,100%,.1);box-shadow:0 2px 8px rgba(0,0,0,.3)}.playground__card:hover{box-shadow:0 4px 16px rgba(0,0,0,.12)}.dark .playground__card:hover{box-shadow:0 4px 16px rgba(0,0,0,.5)}.playground__editors .playground__card{height:300px}@media(min-width: 768px){.playground__editors .playground__card{height:350px}}.playground__preview-wrapper .playground__card{height:100%;min-height:600px}@media(min-width: 1024px){.playground__preview-wrapper .playground__card{min-height:800px}}.playground__card-header{padding:1rem 1.25rem;background:linear-gradient(135deg, rgba(205, 93, 10, 0.05), rgba(205, 93, 10, 0.02));border-bottom:1px solid rgba(31,31,31,.08);transition:background .3s ease,border-color .3s ease}.dark .playground__card-header{background:linear-gradient(135deg, rgba(205, 93, 10, 0.15), rgba(205, 93, 10, 0.08));border-bottom-color:hsla(0,0%,100%,.1)}@media(min-width: 768px){.playground__card-header{padding:1.25rem 1.5rem}}.playground__card-title{font-size:1rem;color:#1f1f1f;margin:0;letter-spacing:.05rem}.dark .playground__card-title{color:#fff}@media(min-width: 768px){.playground__card-title{font-size:1.125rem}}.playground__card-content{padding:1rem;background:#f8f8f8;transition:background-color .3s ease;position:relative;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.dark .playground__card-content{background:rgba(3,3,3,.5)}@media(min-width: 768px){.playground__card-content{padding:1.5rem}}.playground__card-content .CodeMirror{width:100% !important;height:100% !important;margin:0 !important;position:relative !important}.playground__card-content .CodeMirror-wrap{width:100% !important}.playground__card-content .CodeMirror-scroll{width:100% !important;height:100% !important;overflow-y:auto !important;overflow-x:hidden !important}.playground__card-content .playground__preview{flex:1;min-height:0;display:flex}.playground__editor-textarea{width:100%;min-height:180px;padding:.875rem;font-family:"Consolas","Monaco","Courier New",monospace;font-size:.8125rem;line-height:1.6;background:#fff;border:1px solid rgba(31,31,31,.15);border-radius:.5rem;color:#1f1f1f;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease,background-color .3s ease,color .3s ease}.dark .playground__editor-textarea{background:#030303;border-color:hsla(0,0%,100%,.2);color:#fff}.playground__editor-textarea:focus{outline:none;border-color:rgba(205,93,10,.5);box-shadow:0 0 0 3px rgba(205,93,10,.1)}.dark .playground__editor-textarea:focus{border-color:rgba(205,93,10,.7);box-shadow:0 0 0 3px rgba(205,93,10,.2)}.playground__editor-textarea::placeholder{color:rgba(31,31,31,.4)}.dark .playground__editor-textarea::placeholder{color:hsla(0,0%,100%,.4)}@media(min-width: 768px){.playground__editor-textarea{min-height:200px;font-size:.875rem;padding:1rem}}.playground__preview{width:100%;flex:1;min-height:400px;background:#fff;border:1px solid rgba(31,31,31,.15);border-radius:.5rem;padding:0;overflow:hidden;position:relative;transition:background-color .3s ease,border-color .3s ease;display:flex}.dark .playground__preview{background:#030303;border-color:hsla(0,0%,100%,.2)}.playground__preview iframe{width:100%;height:100%;min-height:400px;border:none;display:block;margin:0;padding:0;flex:1}@media(min-width: 768px){.playground__preview{min-height:500px}.playground__preview iframe{min-height:500px}}@media(min-width: 1024px){.playground__preview{min-height:600px}.playground__preview iframe{min-height:600px}}.playground .CodeMirror{height:100% !important;font-family:"Consolas","Monaco","Courier New",monospace;font-size:.8125rem;line-height:1.6;border:1px solid rgba(31,31,31,.15);border-radius:.5rem;background:#fff !important;transition:background-color .3s ease,border-color .3s ease;margin:0}.dark .playground .CodeMirror{background:#030303 !important;border-color:hsla(0,0%,100%,.2)}@media(min-width: 768px){.playground .CodeMirror{font-size:.875rem}}.playground .CodeMirror .CodeMirror-scroll{height:100% !important;overflow-y:auto !important;overflow-x:hidden !important}.playground .CodeMirror .CodeMirror-sizer{min-height:100% !important}.playground .CodeMirror .CodeMirror-lines{padding:.5rem 0}.playground .CodeMirror .CodeMirror-gutters{background:#f8f8f8;border-right:1px solid rgba(31,31,31,.1);transition:background-color .3s ease,border-color .3s ease}.dark .playground .CodeMirror .CodeMirror-gutters{background:#1f1f1f;border-right-color:hsla(0,0%,100%,.1)}.playground .CodeMirror .CodeMirror-linenumber{color:rgba(31,31,31,.4);transition:color .3s ease}.dark .playground .CodeMirror .CodeMirror-linenumber{color:hsla(0,0%,100%,.4)}.playground .CodeMirror .CodeMirror-cursor{border-left:2px solid #cd5d0a}.playground .CodeMirror .CodeMirror-selected{background:rgba(205,93,10,.15)}.dark .playground .CodeMirror .CodeMirror-selected{background:rgba(205,93,10,.25)}.playground .CodeMirror .CodeMirror-focused{border-color:rgba(205,93,10,.5);box-shadow:0 0 0 3px rgba(205,93,10,.1)}.dark .playground .CodeMirror .CodeMirror-focused{border-color:rgba(205,93,10,.7);box-shadow:0 0 0 3px rgba(205,93,10,.2)}.blog{min-height:100vh;background:linear-gradient(135deg, #fff 0%, #d3d3d3 100%);transition:color .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.dark .blog{background:linear-gradient(135deg, #030303 0%, #1f1f1f 100%)}.blog__container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.blog__header{text-align:center;margin-bottom:3rem}.blog__title{font-family:"Playfair Display",serif;font-size:2.5rem;font-weight:700;color:dimgray;margin-bottom:1rem}.dark .blog__title{color:#d3d3d3}.blog__subtitle{font-size:1.25rem;color:#a9a9a9;margin-bottom:1.5rem}.dark .blog__subtitle{color:#d3d3d3}.blog__category-menu{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.blog__category-button{padding:.5rem 1.25rem;background-color:#fff;border:1px solid #d3d3d3;border-radius:.75rem;font-weight:500;color:dimgray;transition:all .3s ease;cursor:pointer}.dark .blog__category-button{background-color:#1f1f1f;border-color:dimgray;color:#d3d3d3}.blog__category-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1);color:#cd5d0a}.dark .blog__category-button:hover{box-shadow:0 4px 8px rgba(0,0,0,.3);color:#ff8426}.blog__category-button--active{background-color:#cd5d0a;color:#fff;border-color:#cd5d0a}.dark .blog__category-button--active{background-color:#ff8426;border-color:#ff8426}.blog__category-button--active:hover{color:#fff}.blog-grid{display:grid;grid-template-columns:repeat(1, 1fr);gap:2rem}@media(min-width: 768px){.blog-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.blog-grid{grid-template-columns:repeat(3, 1fr)}}.blog-card{background-color:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;transition:color .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.dark .blog-card{background-color:#1f1f1f;box-shadow:0 4px 10px rgba(0,0,0,.2)}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.dark .blog-card:hover{box-shadow:0 10px 20px rgba(0,0,0,.3)}.blog-card__image{width:100%;height:200px;object-fit:cover}.blog-card__content{padding:1.5rem}.blog-card__meta{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:1rem;gap:1rem}.blog-card__date{font-size:.875rem;color:#a9a9a9;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.dark .blog-card__date{color:#d3d3d3}.blog-card__date::before{content:"📅";margin-right:.5rem}.blog-card__reading-time{font-size:.875rem;color:#a9a9a9;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.dark .blog-card__reading-time{color:#d3d3d3}.blog-card__reading-time::before{content:"⏱";margin-right:.5rem}.blog-card__title{font-family:"Playfair Display",serif;font-size:1.5rem;font-weight:600;margin-bottom:.75rem;color:dimgray}.dark .blog-card__title{color:#d3d3d3}.blog-card__excerpt{font-size:1rem;color:dimgray;margin-bottom:1.5rem;line-height:1.6}.dark .blog-card__excerpt{color:#a9a9a9}.blog-card__footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:1rem}.blog-card__tags{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:.5rem}.blog-card__tag{font-size:.75rem;padding:.25rem .75rem;background-color:rgba(211,211,211,.3);border-radius:999px;color:dimgray;transition:all .3s ease}.dark .blog-card__tag{background-color:rgba(31,31,31,.5);color:#d3d3d3}.blog-card__tag:hover{transform:scale(1.05);background-color:rgba(205,93,10,.2);color:#cd5d0a}.dark .blog-card__tag:hover{background-color:rgba(255,132,38,.2);color:#ff8426}.blog-card__link{font-weight:500;color:#cd5d0a;text-decoration:none;padding:.5rem 1rem;border-radius:.75rem;transition:all .3s ease}.dark .blog-card__link{color:#ff8426}.blog-card__link:hover{background-color:rgba(205,93,10,.1)}.dark .blog-card__link:hover{background-color:rgba(255,132,38,.1)}.blog-card__link::after{content:"→";margin-left:.25rem;transition:transform .3s ease;display:inline-block}.blog-card__link:hover::after{transform:translateX(3px)}.blog-sidebar{width:300px;background-color:#fff;box-shadow:2px 0 10px rgba(0,0,0,.1);padding:2rem 0;height:100vh;position:sticky;top:0;overflow-y:auto;transition:color .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.dark .blog-sidebar{background-color:#1f1f1f;box-shadow:2px 0 10px rgba(0,0,0,.3)}.blog-sidebar__header{padding:0 1.5rem 1.5rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(211,211,211,.5);transition:color .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.dark .blog-sidebar__header{border-bottom-color:rgba(105,105,105,.5)}.blog-sidebar__title{font-family:"Playfair Display",serif;font-size:1.5rem;color:#cd5d0a}.dark .blog-sidebar__title{color:#ff8426}.blog-sidebar__section{margin-bottom:2rem;padding:0 1.5rem}.blog-sidebar__section-title{font-weight:600;font-size:1.1rem;margin-bottom:1rem;color:dimgray}.dark .blog-sidebar__section-title{color:#d3d3d3}.blog-sidebar__list{list-style:none;padding:0}.blog-sidebar__list-item{margin-bottom:.5rem}.blog-sidebar__link{display:block;padding:.5rem 0;color:dimgray;text-decoration:none;transition:all .3s ease}.dark .blog-sidebar__link{color:#a9a9a9}.blog-sidebar__link:hover{color:#cd5d0a;transform:translateX(3px)}.dark .blog-sidebar__link:hover{color:#ff8426}.blog-sidebar__link--active{color:#cd5d0a;font-weight:500}.dark .blog-sidebar__link--active{color:#ff8426}.blog-sidebar__tag-cloud{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:.5rem}.blog-sidebar__tag{font-size:.875rem;padding:.25rem .75rem;background-color:rgba(211,211,211,.3);border-radius:999px;color:dimgray;transition:all .3s ease}.dark .blog-sidebar__tag{background-color:rgba(31,31,31,.5);color:#d3d3d3}.blog-sidebar__tag:hover{transform:scale(1.05);background-color:rgba(205,93,10,.2);color:#cd5d0a}.dark .blog-sidebar__tag:hover{background-color:rgba(255,132,38,.2);color:#ff8426}.blog-sidebar__newsletter{background-color:rgba(211,211,211,.2);padding:1.5rem;border-radius:.75rem}.dark .blog-sidebar__newsletter{background-color:rgba(31,31,31,.7)}.blog-sidebar__newsletter-title{font-weight:600;margin-bottom:.5rem;color:dimgray}.dark .blog-sidebar__newsletter-title{color:#d3d3d3}.blog-sidebar__newsletter-text{font-size:.875rem;margin-bottom:1rem;color:#a9a9a9}.dark .blog-sidebar__newsletter-text{color:#d3d3d3}.blog-sidebar__form{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.75rem}.blog-sidebar__input{padding:.75rem;border:1px solid #d3d3d3;border-radius:.75rem;background-color:#fff}.dark .blog-sidebar__input{background-color:rgba(3,3,3,.7);border-color:dimgray;color:#d3d3d3}.blog-sidebar__input:focus{outline:none;border-color:#cd5d0a}.dark .blog-sidebar__input:focus{border-color:#ff8426}.blog-sidebar__button{padding:.75rem;background-color:#cd5d0a;color:#fff;border:none;border-radius:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease}.dark .blog-sidebar__button{background-color:#ff8426}.blog-sidebar__button:hover{background-color:#0099e6}.dark .blog-sidebar__button:hover{background-color:#33c2ff}.blog-layout{display:flex;min-height:100vh}@media(max-width: 992px){.blog-layout{flex-direction:column}}.blog-mobile-header{display:none;background-color:#fff;padding:1rem;box-shadow:0 2px 4px rgba(0,0,0,.1);position:sticky;top:0;z-index:100;transition:color .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.dark .blog-mobile-header{background-color:#1f1f1f;box-shadow:0 2px 4px rgba(0,0,0,.3)}.blog-mobile-header__title{font-family:"Playfair Display",serif;font-size:1.2rem;color:#cd5d0a;margin:0}.dark .blog-mobile-header__title{color:#ff8426}.blog-mobile-header__menu-button{background:none;border:none;color:dimgray;font-size:1.25rem;cursor:pointer}.dark .blog-mobile-header__menu-button{color:#d3d3d3}.blog-mobile-header__container{display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media(max-width: 992px){.blog-mobile-header{display:block}}.blog-main{flex:1;padding:2rem}@media(max-width: 992px){.blog-main{padding:1rem}}@media(max-width: 992px){.blog-sidebar{display:none;position:fixed;top:0;left:0;z-index:1000;width:280px;box-shadow:2px 0 10px rgba(0,0,0,.3)}.blog-sidebar--open{display:block}.blog-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999}.blog-overlay--active{display:block}}.snippet__container{display:flex;flex-direction:column;border-radius:.75rem;box-shadow:0 2px 8px rgba(0,0,0,.05);border:1px solid #f8f8f8;margin-bottom:30px;overflow:hidden;margin-top:5rem}.snippet__header{display:flex;align-items:center;padding:20px;background-color:#f8f8f8;border-bottom:1px solid #f8f8f8}.snippet__title{margin:0;font-size:1.25rem;color:#1f1f1f}.snippet__title i{margin-right:8px;color:#cd5d0a}.snippet__content{padding:20px;background-color:#fff}.snippet__description{margin-bottom:20px;line-height:1.6;color:dimgray}.snippet__demo{margin-bottom:25px}.snippet__demo-title{font-size:1.1rem;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #f8f8f8;color:#1f1f1f}.snippet__demo-content{padding:15px;background-color:#f8f8f8;border-radius:.75rem;overflow:hidden;position:relative}.snippet__code{margin-bottom:25px}.snippet__code-title{font-size:1.1rem;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #f8f8f8;color:#1f1f1f}.snippet__code-tabs{display:flex;margin-bottom:15px;border-bottom:1px solid #f8f8f8}.snippet__code-tab{padding:10px 15px;font-size:.9rem;cursor:pointer;transition:all .3s ease;border-bottom:2px solid rgba(0,0,0,0)}.snippet__code-tab:hover{color:#ff8426}.snippet__code-tab--active{color:#cd5d0a;border-color:#cd5d0a}.snippet__code-tab--active:hover{background-color:rgba(255,132,38,.1)}.snippet__code-block{display:none;position:relative}.snippet__code-block--active{display:block}.snippet__code-block pre{margin:0;padding:15px;background-color:#1f1f1f;border-radius:.75rem;overflow-x:auto}.snippet__code-block pre code{color:#d3d3d3;font-size:.9rem;line-height:1.5}.snippet__code-copy{position:absolute;top:10px;right:10px;background:hsla(0,0%,100%,.1);color:#d3d3d3;border:none;border-radius:4px;padding:5px 10px;font-size:.8rem;cursor:pointer;transition:all .3s ease}.snippet__code-copy:hover{background:hsla(0,0%,100%,.2);color:#fff}.snippet__code-copy i{margin-right:5px}.snippet__explanation{margin-bottom:25px}.snippet__explanation-title{font-size:1.1rem;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #f8f8f8;color:#1f1f1f}.snippet__explanation-content{line-height:1.6;color:dimgray}.snippet__explanation-content p{margin-bottom:15px}.snippet__explanation-content ul,.snippet__explanation-content ol{margin-left:20px;margin-bottom:15px}.snippet__explanation-content li{margin-bottom:8px}.snippet__explanation-content code{background-color:#d3d3d3;padding:2px 5px;border-radius:3px;font-size:.9em;color:#cd5d0a}.snippet__usage-title{font-size:1.1rem;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #f8f8f8;color:#1f1f1f}.snippet__usage-content{line-height:1.6;color:dimgray}.snippet__sidebar{width:280px;background-color:#fff;border-right:1px solid #f8f8f8}.snippet__sidebar-header{padding:20px;border-bottom:1px solid #f8f8f8;background-color:#f8f8f8}.snippet__sidebar-logo{display:flex;align-items:center}.snippet__sidebar-icon{font-size:1.5rem;color:#cd5d0a;margin-right:10px}.snippet__sidebar-title{font-size:1.2rem}.snippet__sidebar-title.gradient{background:linear-gradient(90deg, #cd5d0a, #7a8ef5);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.snippet__sidebar-nav{padding:15px 0}.snippet__sidebar-list{list-style-type:none;padding:0;margin:0}.snippet__sidebar-item{margin-bottom:5px}.snippet__sidebar-link{display:flex;align-items:center;padding:12px 20px;color:#555;text-decoration:none;transition:all .3s ease}.snippet__sidebar-link:hover{background-color:rgba(74,108,247,.05);color:#cd5d0a}.snippet__sidebar-link--active{background-color:rgba(74,108,247,.1);color:#cd5d0a;border-left:3px solid #cd5d0a}.snippet__sidebar-link-icon{margin-right:10px;width:20px;text-align:center}.snippet__sidebar-link-text{font-size:.95rem}.snippet__layout{display:flex;min-height:100vh}.snippet__main{flex:1;padding:30px}@media(max-width: 768px){.snippet__layout{flex-direction:column}.snippet__sidebar{width:100%;border-right:none;border-bottom:1px solid #f8f8f8}.snippet__main{padding:20px}.snippet__code-tabs{overflow-x:auto;white-space:nowrap;padding-bottom:5px}}.dark .snippet__container{background:#030303;border-color:#1f1f1f;box-shadow:0 2px 8px rgba(0,0,0,.2)}.dark .snippet__header{background-color:#1f1f1f;border-bottom-color:#1f1f1f}.dark .snippet__title{color:#d3d3d3}.dark .snippet__title i{color:#ff8426}.dark .snippet__content{background-color:#030303}.dark .snippet__description{color:#d3d3d3}.dark .snippet__demo-title{border-bottom-color:#1f1f1f;color:#d3d3d3}.dark .snippet__demo-content{background-color:#1f1f1f}.dark .snippet__code-title{border-bottom-color:#1f1f1f;color:#d3d3d3}.dark .snippet__code-tabs{border-bottom-color:#1f1f1f}.dark .snippet__code-tab{color:#a9a9a9}.dark .snippet__code-tab:hover{color:#ff8426}.dark .snippet__code-tab--active{color:#ff8426;border-color:#ff8426}.dark .snippet__code-tab--active:hover{background-color:rgba(151,71,9,.3)}.dark .snippet__code-block pre{background-color:#141414}.dark .snippet__code-block pre code{color:#e0e0e0}.dark .snippet__code-copy{background:rgba(0,0,0,.3);color:#a9a9a9}.dark .snippet__code-copy:hover{background:rgba(0,0,0,.5);color:#d3d3d3}.dark .snippet__explanation-title{border-bottom-color:#1f1f1f;color:#d3d3d3}.dark .snippet__explanation-content{color:#d3d3d3}.dark .snippet__explanation-content code{background-color:#1f1f1f;color:#ff8426}.dark .snippet__usage-title{border-bottom-color:#1f1f1f;color:#d3d3d3}.dark .snippet__usage-content{color:#d3d3d3}.snippet-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:10}.snippet-overlay--active{display:block}.learn-coding{font-family:"Gruppo","system-ui";margin:0;padding:0;background-color:#fff;color:#1f1f1f;padding-top:6rem;transition:background-color .3s ease,color .3s ease}.dark .learn-coding{background-color:#030303;color:#fff}@media(min-width: 768px){.learn-coding{padding-top:7rem}}@media(min-width: 1024px){.learn-coding{padding-top:8rem}}.learn-coding__container{max-width:1400px;margin:0 auto;padding:2rem 1rem}@media(min-width: 768px){.learn-coding__container{padding:3rem 2rem}}@media(min-width: 1024px){.learn-coding__container{padding:4rem 2rem}}.learn-coding__header{background:linear-gradient(135deg, #cd5d0a, #974709);color:#fff;padding:2rem 1rem;text-align:center;margin-bottom:2rem;border-radius:.75rem;box-shadow:0 5px 20px rgba(205,93,10,.3);transition:box-shadow .3s ease}.dark .learn-coding__header{box-shadow:0 5px 20px rgba(0,0,0,.5)}@media(min-width: 768px){.learn-coding__header{padding:3rem 2rem;margin-bottom:3rem}}@media(min-width: 1024px){.learn-coding__header{padding:4rem 2rem;margin-bottom:4rem}}.learn-coding__header-content{max-width:800px;margin:0 auto}.learn-coding__header-title{font-family:"Gruppo","system-ui";font-size:1.75rem;margin-bottom:1rem;letter-spacing:.05rem;text-transform:uppercase}@media(min-width: 768px){.learn-coding__header-title{font-size:2.5rem;margin-bottom:1.5rem}}@media(min-width: 1024px){.learn-coding__header-title{font-size:3rem}}.learn-coding__header p{font-size:1rem;line-height:1.6;opacity:.95}@media(min-width: 768px){.learn-coding__header p{font-size:1.125rem}}.learn-coding__search-bar{margin:1.5rem auto 0;max-width:100%;position:relative}@media(min-width: 768px){.learn-coding__search-bar{max-width:500px}}.learn-coding__search-bar-input{width:100%;padding:.875rem 1.25rem;border-radius:2rem;border:2px solid hsla(0,0%,100%,.3);font-size:.875rem;font-family:"Gruppo","system-ui";background:hsla(0,0%,100%,.2);backdrop-filter:blur(10px);color:#fff;transition:all .3s ease}.learn-coding__search-bar-input::placeholder{color:hsla(0,0%,100%,.7)}.learn-coding__search-bar-input:focus{outline:none;border-color:hsla(0,0%,100%,.5);background:hsla(0,0%,100%,.3)}@media(min-width: 768px){.learn-coding__search-bar-input{padding:1rem 1.5rem;font-size:1rem}}.learn-coding__search-bar-button{position:absolute;right:.25rem;top:50%;transform:translateY(-50%);background:#fff;color:#cd5d0a;border:none;border-radius:2rem;padding:.625rem 1.25rem;cursor:pointer;font-family:"Gruppo","system-ui";font-size:.875rem;text-transform:uppercase;letter-spacing:.05rem;transition:all .3s ease}.learn-coding__search-bar-button:hover{background:hsla(0,0%,100%,.9);transform:translateY(-50%) scale(1.05)}@media(min-width: 768px){.learn-coding__search-bar-button{padding:.75rem 1.5rem;font-size:1rem}}.learn-coding__categories{display:grid;grid-template-columns:1fr;gap:1.5rem;margin:2rem 0}@media(min-width: 640px){.learn-coding__categories{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.learn-coding__categories{grid-template-columns:repeat(4, 1fr);gap:2rem;margin:3rem 0}}.learn-coding__category-card{background:rgba(0,0,0,.75);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:.75rem;overflow:hidden;transition:all .3s ease;box-shadow:0 10px 25px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);display:flex;flex-direction:column;height:100%}.dark .learn-coding__category-card{background:rgba(0,0,0,.85);box-shadow:0 10px 25px rgba(0,0,0,.5),inset 0 0 0 1px hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1)}.learn-coding__category-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px rgba(0,0,0,.4),inset 0 0 0 1px hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.25)}.dark .learn-coding__category-card:hover{box-shadow:0 15px 35px rgba(0,0,0,.6),inset 0 0 0 1px hsla(0,0%,100%,.15)}.learn-coding__category-card-icon{height:120px;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;transition:all .3s ease}@media(min-width: 768px){.learn-coding__category-card-icon{height:140px;font-size:3.5rem}}.learn-coding__category-card-icon--web-dev{background:linear-gradient(135deg, #cd5d0a, #974709)}.learn-coding__category-card-icon--mobile-dev{background:linear-gradient(135deg, #008000, #006400)}.learn-coding__category-card-icon--game-dev{background:linear-gradient(135deg, #ff0000, #8b0000)}.learn-coding__category-card-icon--data-science{background:linear-gradient(135deg, #00008b, #0000ff)}.learn-coding__category-card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}@media(min-width: 768px){.learn-coding__category-card-content{padding:2rem}}.learn-coding__category-card-title{font-family:"Gruppo","system-ui";font-size:1.25rem;color:#fff;margin:0 0 .75rem 0;letter-spacing:.05rem;text-transform:uppercase}.dark .learn-coding__category-card-title{color:hsla(0,0%,100%,.95)}@media(min-width: 768px){.learn-coding__category-card-title{font-size:1.5rem}}.learn-coding__category-card p{font-family:"Gruppo","system-ui";font-size:.875rem;color:hsla(0,0%,100%,.9);line-height:1.6;margin:0;flex:1}.dark .learn-coding__category-card p{color:hsla(0,0%,100%,.95)}@media(min-width: 768px){.learn-coding__category-card p{font-size:1rem}}.learn-coding__courses{margin:2rem 0}@media(min-width: 768px){.learn-coding__courses{margin:3rem 0}}@media(min-width: 1024px){.learn-coding__courses{margin:4rem 0}}.learn-coding__courses-title{font-family:"Gruppo","system-ui";font-size:1.75rem;color:#1f1f1f;margin-bottom:1.5rem;letter-spacing:.05rem;text-transform:uppercase}.dark .learn-coding__courses-title{color:#fff}@media(min-width: 768px){.learn-coding__courses-title{font-size:2.5rem;margin-bottom:2rem}}@media(min-width: 1024px){.learn-coding__courses-title{font-size:3rem}}.learn-coding__courses-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width: 640px){.learn-coding__courses-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.learn-coding__courses-grid{grid-template-columns:repeat(3, 1fr);gap:2rem}}.learn-coding__course-card{background:rgba(0,0,0,.75);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:.75rem;overflow:hidden;transition:all .3s ease;box-shadow:0 10px 25px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);display:flex;flex-direction:column;height:100%}.dark .learn-coding__course-card{background:rgba(0,0,0,.85);box-shadow:0 10px 25px rgba(0,0,0,.5),inset 0 0 0 1px hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1)}.learn-coding__course-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px rgba(0,0,0,.4),inset 0 0 0 1px hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.25)}.dark .learn-coding__course-card:hover{box-shadow:0 15px 35px rgba(0,0,0,.6),inset 0 0 0 1px hsla(0,0%,100%,.15)}.learn-coding__course-card-image{height:160px;background-size:cover;background-position:center;position:relative}.learn-coding__course-card-image::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(205, 93, 10, 0.3), rgba(151, 71, 9, 0.3))}.learn-coding__course-card-image--js{background-image:url("https://source.unsplash.com/random/300x160/?javascript")}.learn-coding__course-card-image--python{background-image:url("https://source.unsplash.com/random/300x160/?python")}.learn-coding__course-card-image--html{background-image:url("https://source.unsplash.com/random/300x160/?html")}.learn-coding__course-card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}@media(min-width: 768px){.learn-coding__course-card-content{padding:2rem}}.learn-coding__course-card-info{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.75rem;color:hsla(0,0%,100%,.7);font-family:"Gruppo","system-ui"}.dark .learn-coding__course-card-info{color:hsla(0,0%,100%,.8)}@media(min-width: 768px){.learn-coding__course-card-info{font-size:.875rem}}.learn-coding__course-card-title{font-family:"Gruppo","system-ui";font-size:1.25rem;color:#fff;margin:.5rem 0;letter-spacing:.05rem}.dark .learn-coding__course-card-title{color:hsla(0,0%,100%,.95)}@media(min-width: 768px){.learn-coding__course-card-title{font-size:1.5rem}}.learn-coding__course-card-rating{color:gold}.learn-coding__course-card-description{font-family:"Gruppo","system-ui";font-size:.875rem;color:hsla(0,0%,100%,.9);margin-bottom:1.5rem;line-height:1.6;flex:1}.dark .learn-coding__course-card-description{color:hsla(0,0%,100%,.95)}@media(min-width: 768px){.learn-coding__course-card-description{font-size:1rem}}.learn-coding__btn{display:inline-block;background:linear-gradient(135deg, #cd5d0a, #974709);color:#fff;padding:.875rem 1.5rem;border-radius:.75rem;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;font-family:"Gruppo","system-ui";font-size:.875rem;text-transform:uppercase;letter-spacing:.05rem;text-align:center;box-shadow:0 5px 20px rgba(205,93,10,.3)}.learn-coding__btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px rgba(205,93,10,.45)}.dark .learn-coding__btn{box-shadow:0 5px 20px rgba(0,0,0,.4)}.dark .learn-coding__btn:hover{box-shadow:0 12px 30px rgba(0,0,0,.5)}@media(min-width: 768px){.learn-coding__btn{font-size:1rem;padding:1rem 2rem}}.learn-coding__btn--run{background:linear-gradient(135deg, #008000, #006400);box-shadow:0 5px 20px rgba(0,128,0,.3);margin-top:.75rem}.learn-coding__btn--run:hover{box-shadow:0 12px 30px rgba(0,128,0,.45)}.learn-coding__btn--back{margin-right:1rem}.learn-coding__playground-link{margin:3rem 0}@media(min-width: 768px){.learn-coding__playground-link{margin:4rem 0}}@media(min-width: 1024px){.learn-coding__playground-link{margin:5rem 0}}.learn-coding__playground-link-card{background:#fff;border:1px solid rgba(31,31,31,.15);border-radius:.75rem;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 5px 20px rgba(0,0,0,.1);transition:all .3s ease}.dark .learn-coding__playground-link-card{background:rgba(3,3,3,.95);border-color:hsla(0,0%,100%,.2);box-shadow:0 5px 20px rgba(0,0,0,.3)}@media(min-width: 768px){.learn-coding__playground-link-card{flex-direction:row;align-items:center;padding:2.5rem 2rem;gap:2rem}}@media(min-width: 1024px){.learn-coding__playground-link-card{padding:3rem 2.5rem;gap:3rem}}.learn-coding__playground-link-card:hover{box-shadow:0 10px 30px rgba(205,93,10,.2);transform:translateY(-2px)}.dark .learn-coding__playground-link-card:hover{box-shadow:0 10px 30px rgba(205,93,10,.3)}.learn-coding__playground-link-icon{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg, #cd5d0a, #974709);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 5px 15px rgba(205,93,10,.3)}@media(min-width: 768px){.learn-coding__playground-link-icon{width:80px;height:80px;font-size:2rem}}.learn-coding__playground-link-content{flex:1;display:flex;flex-direction:column;gap:1rem}.learn-coding__playground-link-title{font-family:"Gruppo","system-ui";font-size:1.5rem;color:#1f1f1f;margin:0;letter-spacing:.02em}.dark .learn-coding__playground-link-title{color:#fff}@media(min-width: 768px){.learn-coding__playground-link-title{font-size:1.75rem}}@media(min-width: 1024px){.learn-coding__playground-link-title{font-size:2rem}}.learn-coding__playground-link-text{font-family:"Gruppo","system-ui";font-size:1rem;line-height:1.6;color:dimgray;margin:0}.dark .learn-coding__playground-link-text{color:#d3d3d3}@media(min-width: 768px){.learn-coding__playground-link-text{font-size:1.125rem;line-height:1.7}}.learn-coding__playground-link-button{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.75rem;background:linear-gradient(135deg, #cd5d0a, #974709);color:#fff;text-decoration:none;border-radius:.75rem;font-family:"Gruppo","system-ui";font-size:1rem;transition:all .3s ease;box-shadow:0 3px 10px rgba(205,93,10,.3);align-self:flex-start;margin-top:.5rem}@media(min-width: 768px){.learn-coding__playground-link-button{padding:1rem 2rem;font-size:1.125rem}}.learn-coding__playground-link-button:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(205,93,10,.4)}.learn-coding__playground-link-button i{transition:transform .3s ease}.learn-coding__playground-link-button:hover i{transform:translateX(5px)}.learn-coding__language-learning-paths{background:rgba(0,0,0,.75);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:.75rem;padding:2rem 1.5rem;box-shadow:0 10px 25px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);margin:2rem 0;transition:all .3s ease}.dark .learn-coding__language-learning-paths{background:rgba(0,0,0,.85);box-shadow:0 10px 25px rgba(0,0,0,.5),inset 0 0 0 1px hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1)}@media(min-width: 768px){.learn-coding__language-learning-paths{padding:3rem 2rem;margin:3rem 0}}.learn-coding__language-learning-paths-title{font-family:"Gruppo","system-ui";font-size:1.5rem;color:#fff;margin-bottom:1rem;letter-spacing:.05rem;text-transform:uppercase}.dark .learn-coding__language-learning-paths-title{color:hsla(0,0%,100%,.95)}@media(min-width: 768px){.learn-coding__language-learning-paths-title{font-size:2rem;margin-bottom:1.5rem}}.learn-coding__language-learning-paths-description{font-family:"Gruppo","system-ui";font-size:1rem;color:hsla(0,0%,100%,.9);margin-bottom:1.5rem;line-height:1.6}.dark .learn-coding__language-learning-paths-description{color:hsla(0,0%,100%,.95)}@media(min-width: 768px){.learn-coding__language-learning-paths-description{font-size:1.125rem;margin-bottom:2rem}}.learn-coding__language-tabs{display:flex;border-bottom:1px solid hsla(0,0%,100%,.2);margin-bottom:1.5rem;overflow-x:auto;gap:.5rem}.dark .learn-coding__language-tabs{border-bottom-color:hsla(0,0%,100%,.1)}.learn-coding__tab-btn{background-color:rgba(0,0,0,0);border:none;padding:.75rem 1.25rem;font-size:.875rem;font-family:"Gruppo","system-ui";cursor:pointer;transition:all .3s ease;color:hsla(0,0%,100%,.7);text-transform:uppercase;letter-spacing:.05rem;border-bottom:3px solid rgba(0,0,0,0);white-space:nowrap}.dark .learn-coding__tab-btn{color:hsla(0,0%,100%,.8)}.learn-coding__tab-btn:hover{color:#fff}.learn-coding__tab-btn--active{border-bottom-color:#cd5d0a;color:#fff}@media(min-width: 768px){.learn-coding__tab-btn{padding:1rem 1.5rem;font-size:1rem}}.learn-coding__language-content{display:none}.learn-coding__language-content--active{display:block}.learn-coding__language-content-title{font-family:"Gruppo","system-ui";font-size:1.25rem;color:#fff;margin-bottom:1rem;letter-spacing:.05rem}.dark .learn-coding__language-content-title{color:hsla(0,0%,100%,.95)}@media(min-width: 768px){.learn-coding__language-content-title{font-size:1.5rem}}.learn-coding__language-modules{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}@media(min-width: 768px){.learn-coding__language-modules{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.learn-coding__language-modules{grid-template-columns:repeat(3, 1fr)}}.learn-coding__module{background:rgba(0,0,0,.5);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid hsla(0,0%,100%,.15);border-radius:.75rem;padding:1.5rem;transition:all .3s ease;box-shadow:0 5px 15px rgba(0,0,0,.2),inset 0 0 0 1px hsla(0,0%,100%,.05)}.dark .learn-coding__module{background:rgba(0,0,0,.6);border-color:hsla(0,0%,100%,.1);box-shadow:0 5px 15px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.05)}.learn-coding__module:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.dark .learn-coding__module:hover{box-shadow:0 10px 25px rgba(0,0,0,.4),inset 0 0 0 1px hsla(0,0%,100%,.1)}@media(min-width: 768px){.learn-coding__module{padding:2rem}}.learn-coding__module h4{font-family:"Gruppo","system-ui";font-size:1.125rem;margin:0 0 1rem 0;padding-bottom:.75rem;border-bottom:1px solid hsla(0,0%,100%,.2);color:#fff;letter-spacing:.05rem;text-transform:uppercase}.dark .learn-coding__module h4{color:hsla(0,0%,100%,.95);border-bottom-color:hsla(0,0%,100%,.1)}@media(min-width: 768px){.learn-coding__module h4{font-size:1.25rem}}.learn-coding__lessons{list-style-type:none;padding:0;margin:0}.learn-coding__lessons li{margin-bottom:.5rem}.learn-coding__lessons a{display:block;padding:.75rem 1rem;text-decoration:none;color:hsla(0,0%,100%,.9);border-radius:.75rem;transition:all .3s ease;font-family:"Gruppo","system-ui";font-size:.875rem}.dark .learn-coding__lessons a{color:hsla(0,0%,100%,.95)}.learn-coding__lessons a:hover{background-color:hsla(0,0%,100%,.1);color:#cd5d0a;transform:translateX(5px)}@media(min-width: 768px){.learn-coding__lessons a{padding:.875rem 1.25rem;font-size:1rem}}.learn-coding__lesson-container{background:rgba(0,0,0,.75);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:.75rem;padding:2rem 1.5rem;box-shadow:0 10px 25px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);margin:2rem 0}.dark .learn-coding__lesson-container{background:rgba(0,0,0,.85);box-shadow:0 10px 25px rgba(0,0,0,.5),inset 0 0 0 1px hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1)}@media(min-width: 768px){.learn-coding__lesson-container{padding:3rem 2rem;margin:3rem 0}}.learn-coding__lesson-container--hidden{display:none}.learn-coding__lesson-header{display:flex;align-items:center;margin-bottom:1.5rem;gap:1rem}@media(min-width: 768px){.learn-coding__lesson-header{margin-bottom:2rem}}.learn-coding__lesson-header-title{font-family:"Gruppo","system-ui";font-size:1.5rem;color:#fff;letter-spacing:.05rem;text-transform:uppercase}.dark .learn-coding__lesson-header-title{color:hsla(0,0%,100%,.95)}@media(min-width: 768px){.learn-coding__lesson-header-title{font-size:2rem}}.learn-coding__lesson-explanation{margin-bottom:2rem}@media(min-width: 768px){.learn-coding__lesson-explanation{margin-bottom:3rem}}.learn-coding__lesson-exercise{margin:2rem 0;padding:1.5rem;background:rgba(0,0,0,.5);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border-radius:.75rem;border:1px solid hsla(0,0%,100%,.1)}.dark .learn-coding__lesson-exercise{background:rgba(0,0,0,.6);border-color:hsla(0,0%,100%,.08)}@media(min-width: 768px){.learn-coding__lesson-exercise{padding:2rem;margin:3rem 0}}.learn-coding__lesson-exercise-title{font-family:"Gruppo","system-ui";font-size:1.25rem;color:#fff;margin-bottom:1rem;letter-spacing:.05rem;text-transform:uppercase}.dark .learn-coding__lesson-exercise-title{color:hsla(0,0%,100%,.95)}@media(min-width: 768px){.learn-coding__lesson-exercise-title{font-size:1.5rem}}.learn-coding__lesson-exercise-instruction{font-family:"Gruppo","system-ui";font-size:.875rem;color:hsla(0,0%,100%,.9);margin-bottom:1rem;line-height:1.6}.dark .learn-coding__lesson-exercise-instruction{color:hsla(0,0%,100%,.95)}@media(min-width: 768px){.learn-coding__lesson-exercise-instruction{font-size:1rem}}.learn-coding__code-container{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}@media(min-width: 768px){.learn-coding__code-container{flex-direction:row;gap:2rem}}.learn-coding__code-editor,.learn-coding__code-output{flex:1;background:rgba(0,0,0,.5);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border-radius:.75rem;padding:1.5rem;border:1px solid hsla(0,0%,100%,.1)}.dark .learn-coding__code-editor,.dark .learn-coding__code-output{background:rgba(0,0,0,.6);border-color:hsla(0,0%,100%,.08)}@media(min-width: 768px){.learn-coding__code-editor,.learn-coding__code-output{padding:2rem}}.learn-coding__code-editor-textarea{width:100%;min-height:200px;background-color:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.15);border-radius:.75rem;color:#fff;font-family:"Consolas","Monaco",monospace;font-size:.875rem;padding:1rem;resize:vertical;transition:border-color .3s ease}.learn-coding__code-editor-textarea:focus{outline:none;border-color:rgba(205,93,10,.5)}.dark .learn-coding__code-editor-textarea{background-color:rgba(0,0,0,.4);border-color:hsla(0,0%,100%,.1)}.learn-coding__code-output-title{font-family:"Gruppo","system-ui";font-size:1.125rem;color:#fff;margin-bottom:1rem;letter-spacing:.05rem}@media(min-width: 768px){.learn-coding__code-output-title{font-size:1.25rem}}.learn-coding__code-output-pre{color:#fff;margin:0;font-family:"Consolas","Monaco",monospace;white-space:pre-wrap;word-wrap:break-word}.learn-coding__lesson-quiz{margin:2rem 0;padding:1.5rem;background:rgba(173,216,230,.1);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border-radius:.75rem;border:1px solid rgba(173,216,230,.3)}.dark .learn-coding__lesson-quiz{background:rgba(173,216,230,.15);border-color:rgba(173,216,230,.2)}@media(min-width: 768px){.learn-coding__lesson-quiz{padding:2rem;margin:3rem 0}}.learn-coding__lesson-navigation{display:flex;flex-direction:column;gap:1rem;justify-content:space-between;margin-top:2rem}@media(min-width: 768px){.learn-coding__lesson-navigation{flex-direction:row;margin-top:3rem}}.learn-coding__success-message{color:green}.learn-coding__quiz-feedback{font-family:"Gruppo","system-ui";font-size:.875rem;margin-bottom:.5rem}.learn-coding__quiz-feedback--correct{color:green}.learn-coding__quiz-feedback--wrong{color:red}/*# sourceMappingURL=stylesub.min.css.map */