.admin-preview-bar{margin:0 0 30px;padding:15px 20px;border:2px solid;border-radius:4px;text-align:center;word-break:keep-all;overflow-wrap:anywhere}.admin-preview-bar p{margin:0;font-size:calc(var(--font-heading-scale) * 2.2rem)}.admin-preview-bar.is-active{background-color:#f0f7ff;border-color:#007ace;color:#004c80}.admin-preview-bar.is-pending{background-color:#fffbef;border-color:#d4a017;color:#856404}.admin-preview-bar.is-none,.admin-preview-bar.is-mismatch,.admin-preview-bar.is-inactive,.admin-preview-bar.is-rejected{background-color:#f5f5f5;border-color:#666;color:#333}.admin-preview-bar.is-alert-grey{background-color:#f5f5f5!important;border-color:#666!important;color:#333!important}.collection-hero__title{margin:2.5rem 0;text-align:left;word-break:keep-all;overflow-wrap:anywhere}.collection-hero__name-container{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:1.2rem;width:100%}.collection-hero__label{font-size:calc(var(--font-heading-scale) * 4rem * .6);color:rgba(var(--color-foreground),.6);display:inline-block}.collection-hero__separator{font-size:calc(var(--font-heading-scale) * 4rem * .8);color:#d1d1d1;display:inline-block}.collection-hero__name{font-size:calc(var(--font-heading-scale) * 4rem)}@media screen and (max-width:749px){.collection-hero__label{font-size:calc(var(--font-heading-scale) * 3rem * .6)}.collection-hero__separator{font-size:calc(var(--font-heading-scale) * 3rem * .8)}.collection-hero__name{font-size:calc(var(--font-heading-scale) * 3rem)}}.is-vertical-all{flex-direction:column;align-items:flex-start;gap:.4rem}.is-vertical-all .collection-hero__separator{display:none}@media screen and (max-width:989px){.is-vertical-tablet-down{flex-direction:column;align-items:flex-start;gap:.4rem}.is-vertical-tablet-down .collection-hero__separator{display:none}}@media screen and (max-width:749px){.is-vertical-mobile-only{flex-direction:column;align-items:flex-start;gap:.4rem}.is-vertical-mobile-only .collection-hero__separator{display:none}}@media screen and (max-width:427px){.collection-hero__name-container{flex-direction:column;align-items:flex-start;gap:.4rem}.collection-hero__separator{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-creator-banner.css.map */