:export{mainHeaderHeight:95px}.vue--code-tour-text{display:flex}.vue--code-tour-text code{background:#fff3;font-size:.8125rem;padding:.25rem;border-radius:.3125rem}.vue--code-tour-text__content{padding:1.375rem;border:1px solid rgba(255,255,255,.3);border-radius:.25rem;color:#fff;font-size:1rem;line-height:2rem;background-color:var(--pcl-color-brand-midnight);width:100%}[data-v-5efa788d]:export{mainHeaderHeight:95px}.vue--code-tour[data-v-5efa788d]{display:flex;flex-direction:column;justify-content:center;border-radius:0;margin-left:-14px;margin-right:-14px;overflow:hidden}@media only screen and (min-width: 640px){.vue--code-tour[data-v-5efa788d]{border-radius:var(--pcl-radius-small);margin-left:0;margin-right:0}}.vue--code-tour__text[data-v-5efa788d]{max-width:100%}.vue--code-tour-text[data-v-5efa788d]{background-color:var(--pcl-color-brand-snow)}.vue--code-tour__navigation[data-v-5efa788d]{padding:12px 12px 24px;background:var(--pcl-color-brand-snow);display:grid;align-items:center;grid-template-rows:[row-navigation] min-content [row-content] min-content;grid-template-columns:[col-avatar] min-content [col-content] 1fr [col-end];grid-gap:16px 16px}.vue--code-tour__avatar[data-v-5efa788d]{grid-area:row-navigation/col-avatar}.vue--code-tour__text[data-v-5efa788d]{grid-area:row-content/col-avatar/row-content/col-end}.vue--code-tour__content[data-v-5efa788d]{min-width:60%;background:var(--pcl-color-brand-midnight);padding:12px}.vue--code-tour__controls[data-v-5efa788d]{grid-area:row-navigation/col-content;display:flex;justify-self:flex-end;gap:12px}@media only screen and (min-width: 640px){.vue--code-tour__navigation[data-v-5efa788d]{padding:12px 48px 32px}.vue--code-tour__content[data-v-5efa788d]{padding:16px}}