.coloring-promo-bar{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.coloring-promo-bar__inner{position:relative;padding-block:.5625rem;padding-inline:.75rem 2.125rem}.coloring-promo-bar__link{gap:.5625rem;min-width:0;color:inherit;text-decoration:none}.coloring-promo-bar__link--button{padding:0;border:none;background:transparent;font:inherit;text-align:center;cursor:pointer}.coloring-promo-bar__thumb{display:block;width:auto;height:var(--coloring-bar-thumb-height-mobile, 1.75rem);border-radius:3px;box-shadow:0 1px 3px rgb(var(--color-foreground) / .18)}.coloring-promo-bar__copy{gap:.5625rem;min-width:0}.coloring-promo-bar__heading{font-family:var(--font-body-family);font-size:var(--coloring-bar-heading-size-mobile, .8125rem);font-weight:800;letter-spacing:-.1px}.coloring-promo-bar__secondary{display:none;font-family:var(--font-body-family);font-size:var(--coloring-bar-secondary-size, .84375rem);opacity:.85}.coloring-promo-bar__cta{padding:calc(7em / 11) calc(12em / 11);border-radius:var(--rounded-button);background-color:rgb(var(--color-button-background));color:rgb(var(--color-button-text));font-family:var(--font-body-family);font-size:var(--coloring-bar-cta-size-mobile, .6875rem);font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.coloring-promo-bar__close{inset-inline-end:.4375rem;inset-block-start:50%;width:var(--sp-8);height:var(--sp-8);padding:0;border:none;border-radius:4px;background:transparent;color:inherit;cursor:pointer;opacity:.65;transform:translateY(-50%)}.coloring-promo-bar__close:hover{background-color:rgb(var(--color-foreground) / .1);opacity:1}@media(min-width:750px){.coloring-promo-bar__inner{padding-block:.625rem;padding-inline:1.125rem 2.75rem}.coloring-promo-bar__link{gap:.875rem}.coloring-promo-bar__thumb{height:var(--coloring-bar-thumb-height-desktop, 2.125rem)}.coloring-promo-bar__heading{font-size:var(--coloring-bar-heading-size-desktop, .90625rem)}.coloring-promo-bar__secondary{display:block}.coloring-promo-bar__cta{padding:calc(2em / 3) calc(4em / 3);font-size:var(--coloring-bar-cta-size-desktop, .75rem)}.coloring-promo-bar__close{inset-inline-end:.6875rem}}.header-sticky~.page-container .scrollspy-section{inset-block-start:calc(var(--coloring-header-height, var(--sticky-header-height)) + var(--sp-2) + var(--coloring-bar-height, 0px))}.header-hidden[data-sticky-type=on-scroll-up]~.page-container .scrollspy-section{inset-block-start:calc(var(--sp-2) + var(--coloring-bar-height, 0px))}.header-section+.coloring-promo-bar{position:sticky;z-index:15;inset-block-start:var(--coloring-header-height, var(--header-height, 0px))}.header-section:has(+.coloring-promo-bar) :is(.header__corner,.header__cutout){display:none}@media screen and (min-width:768px){body:has(>.header-section+.coloring-promo-bar):after{content:"";display:block;block-size:var(--coloring-footer-height, 0px);pointer-events:none}}.header-sticky[data-sticky-type=on-scroll-up]+.coloring-promo-bar{transition:inset-block-start var(--animation-nav)}.header-hidden[data-sticky-type=on-scroll-up]+.coloring-promo-bar{inset-block-start:0px}.coloring-promo-badge__box{position:fixed;bottom:var(--coloring-badge-offset-bottom-mobile, var(--sp-5));left:var(--coloring-badge-offset-side-mobile, var(--sp-5));width:var(--coloring-badge-width-mobile, 76px)}.coloring-promo-badge--right .coloring-promo-badge__box{right:var(--coloring-badge-offset-side-mobile, var(--sp-5));left:auto}.coloring-promo-badge--right .coloring-promo-badge__close{inset-inline-start:calc(var(--sp-3) * -1);inset-inline-end:auto}@media(min-width:768px){.coloring-promo-badge__box{bottom:var(--coloring-badge-offset-bottom-desktop, var(--sp-5));left:var(--coloring-badge-offset-side-desktop, var(--sp-5));width:var(--coloring-badge-width-desktop, 104px)}.coloring-promo-badge--right .coloring-promo-badge__box{right:var(--coloring-badge-offset-side-desktop, var(--sp-5))}}.coloring-promo-badge__trigger{padding:0;border:none;background:transparent;border-radius:var(--rounded-block);cursor:pointer}.coloring-promo-badge__image{height:auto;aspect-ratio:var(--coloring-badge-aspect-ratio, auto)}.coloring-promo-badge__close{inset-block-start:calc(var(--sp-3) * -1);inset-inline-end:calc(var(--sp-3) * -1);width:var(--sp-8);height:var(--sp-8);padding:0;border:none;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;box-shadow:0 1px 4px rgb(var(--color-shadow) / .3)}
/*# sourceMappingURL=/cdn/shop/t/132/assets/section-coloring-promo.css.map */