html.has-bb-banner{margin-top:72px}html.has-bb-banner.bb-banner-hidden #bb-banner{display:none}#bb-banner{align-items:center;background:#000;color:#fff;display:flex;height:72px;justify-content:center;left:0;line-height:18px;overflow:hidden;position:fixed;right:0;text-decoration:none;top:0;z-index:60}#bb-banner,#bb-banner *{font-family:Roboto,Arial,sans-serif}#bb-banner .bb-logo{background-repeat:no-repeat;background-size:contain;height:19px;left:16px;position:absolute;width:30px}#bb-banner .bb-close{align-items:center;color:#fff;display:flex;font-family:sans-serif;font-size:24px;height:14px;justify-content:center;line-height:0;position:absolute;right:12px;top:29px;width:14px}#bb-banner .bb-background{background-position:50%;background-repeat:no-repeat;background-size:contain;bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}#bb-banner .bb-core{align-items:center;display:flex;flex-direction:column;gap:6px;position:relative;text-align:center;z-index:10}#bb-banner .bb-core .bb-slogan{width:240px}#bb-banner .bb-core .bb-title{color:#00dc82;font-size:14px;font-weight:700}#bb-banner .bb-core .bb-subtitle{color:#fff;font-size:12px}#bb-banner .bb-core .bb-button-wrapper .bb-button{background:#fff;border-radius:6px;color:#000;font-size:14px;font-weight:700;padding:14px 8px;white-space:nowrap}#bb-banner .bb-core .bb-countdown{color:#00dc82;font-size:12px;font-weight:700;line-height:1}#bb-banner .bb-core .bb-countdown,#bb-banner .bb-core .bb-countdown .bb-countdown-item{align-items:center;display:flex;gap:4px}#bb-banner .bb-core .bb-countdown .bb-countdown-item .bb-countdown-part>div{display:inline}#bb-banner .bb-core .bb-countdown .bb-countdown-item .bb-countdown-part .bb-countdown-text .bb-countdown-text-initial~span,#bb-banner .bb-core .bb-countdown .bb-countdown-item:last-child .bb-countdown-colon{display:none}@media (min-width:768px){#bb-banner .bb-close{right:24px}#bb-banner .bb-core{flex-direction:row;gap:12px}#bb-banner .bb-core .bb-slogan{width:auto}#bb-banner .bb-core .bb-title{font-size:18px;margin-top:4px}#bb-banner .bb-core .bb-subtitle{font-size:16px;margin-top:4px}#bb-banner .bb-core .bb-button-wrapper{display:block}#bb-banner .bb-core .bb-button-wrapper .bb-button{font-size:18px}#bb-banner .bb-core .bb-countdown{font-size:inherit;font-weight:400}#bb-banner .bb-core .bb-countdown .bb-countdown-item .bb-countdown-part{background:hsla(0,0%,100%,.1);border-radius:2px;padding:4px 0;text-align:center;width:42px}#bb-banner .bb-core .bb-countdown .bb-countdown-item .bb-countdown-part>div{display:block}#bb-banner .bb-core .bb-countdown .bb-countdown-item .bb-countdown-part .bb-countdown-number{font-size:28px;font-weight:500;line-height:28px}#bb-banner .bb-core .bb-countdown .bb-countdown-item .bb-countdown-part .bb-countdown-text{font-size:8px;text-transform:uppercase}#bb-banner .bb-core .bb-countdown .bb-countdown-item .bb-countdown-part .bb-countdown-text .bb-countdown-text-initial~span{display:inline}#bb-banner .bb-core .bb-countdown .bb-countdown-item .bb-countdown-colon{font-weight:700}}@media (min-width:1280px){#bb-banner .bb-logo{left:24px;width:152px}#bb-banner .bb-core{gap:32px}}html.has-bb-banner.has-bb-banner-container{margin-top:0}html.has-bb-banner #bb-banner-container #bb-banner{position:relative}html.has-bb-banner #bb-banner-container #bb-banner .bb-close{display:none}#bb-banner.vuejsnation23{background:#202229}#bb-banner.vuejsnation23 .bb-background{background-image:url(https://vueschool.io/images/banners/assets/VUEJSNATION23/bg-mobile.png);background-size:cover}#bb-banner.vuejsnation23 .bb-logo{background-image:url(https://vueschool.io/images/banners/assets/VUEJSNATION23/mark.svg);height:25px;width:30px}#bb-banner.vuejsnation23 .bb-core .bb-slogan{width:180px}#bb-banner.vuejsnation23 .bb-core .bb-title{color:#00dc82;font-size:16px}#bb-banner.vuejsnation23 .bb-core .bb-subtitle{font-size:14px;margin-top:7px}#bb-banner.vuejsnation23 .bb-core .bb-button-wrapper{display:none}@media (min-width:768px){#bb-banner.vuejsnation23 .bb-core{gap:10px;margin-left:-150px}#bb-banner.vuejsnation23 .bb-core .bb-slogan{width:296px}#bb-banner.vuejsnation23 .bb-background{background-image:url(https://vueschool.io/images/banners/assets/VUEJSNATION23/bg-tablet.png)}#bb-banner.vuejsnation23 .bb-core .bb-button-wrapper{display:inline-block}#bb-banner.vuejsnation23:hover .bb-core .bb-button-wrapper .bb-button{box-shadow:0 0 40px #27d1c480}#bb-banner.vuejsnation23 .bb-core .bb-button-wrapper .bb-button{background:linear-gradient(45deg,#01bd6f,#628aed);border:1px solid hsla(0,0%,100%,.5);border-radius:6px;color:#fff}}@media (min-width:1280px){#bb-banner.vuejsnation23 .bb-core{gap:18px;margin-left:0}#bb-banner.vuejsnation23 .bb-background{background-image:url(https://vueschool.io/images/banners/assets/VUEJSNATION23/bg-desktop.png)}#bb-banner.vuejsnation23 .bb-logo{background-image:url(https://vueschool.io/images/banners/assets/VUEJSNATION23/logo.svg);height:25px;width:140px}}html.has-bb-banner.vueschool_io #bb-banner .bb-logo,html.has-bb-banner.vueschool_io #bb-banner .bb-title span{display:none}html.has-bb-banner.nuxtjs_org .d-header,html.has-bb-banner.nuxtjs_org .d-header-home{top:72px}html.has-bb-banner.nuxtjs_org .top-header{top:calc(var(--header-height) + 72px)}html.has-bb-banner.v3_nuxtjs_org header{top:72px}html.has-bb-banner.v3_nuxtjs_org .top-header{top:calc(var(--header-height) + 72px)}@media (min-width:1024px){html.has-bb-banner.v3_nuxtjs_org .lg\:top-header{top:calc(var(--header-height) + 72px)}}html.has-bb-banner.vueuse_org{margin-top:0}html.has-bb-banner.vueuse_org #bb-banner{bottom:0;top:auto}html.has-bb-banner.pinia_vuejs_org .theme,html.has-bb-banner.pinia_vuejs_org .theme .nav-bar,html.has-bb-banner.pinia_vuejs_org .theme .page,html.has-bb-banner.pinia_vuejs_org .theme .sidebar,html.has-bb-banner.router_vuejs_org .theme,html.has-bb-banner.router_vuejs_org .theme .nav-bar,html.has-bb-banner.router_vuejs_org .theme .page,html.has-bb-banner.router_vuejs_org .theme .sidebar{margin-top:72px}html.has-bb-banner.vuetifyjs_com #app-bar{margin-top:72px!important}@media (min-width:768px){html.has-bb-banner.vuetifyjs_com #app-bar{margin-top:144px!important}html.has-bb-banner.vuetifyjs_com #default-drawer,html.has-bb-banner.vuetifyjs_com #default-toc,html.has-bb-banner.vuetifyjs_com .v-system-bar.v-system-bar--fixed{margin-top:72px!important}}