@media(max-width:767px){body{--blue-mobile-copy-gutter: 24px;--blue-mobile-media-gutter: 16px;--blue-mobile-carousel-gutter: 8px}body #xo-root #xo-main-content{--blue-page-gutter: var(--blue-mobile-copy-gutter);--blue-policy-gutter: var(--blue-mobile-copy-gutter);--blue-cart-gutter: var(--blue-mobile-copy-gutter);--blue-mobile-copy-width: calc(100% - 2 * var(--blue-mobile-copy-gutter));--blue-mobile-media-width: calc(100% - 2 * var(--blue-mobile-media-gutter));--blue-mobile-panel-copy-inset: calc(var(--blue-mobile-copy-gutter) - var(--blue-mobile-media-gutter))}body[xo-home] #xo-root #xo-main-content .blue-opening-hero,body[xo-home] #xo-root #xo-main-content [id$=section_EUJXVF] .section-margin{width:var(--blue-mobile-media-width);max-width:var(--blue-mobile-media-width);margin-inline:auto}body[xo-home] #xo-root #xo-main-content .blue-opening-hero>.xo-section>xo-container{padding-inline:calc(var(--blue-mobile-copy-gutter) - var(--blue-mobile-media-gutter))}body[xo-home] #xo-root #xo-main-content .blue-capacity--intro .xo-text{max-inline-size:100%}body[xo-home] #xo-root #xo-main-content .blue-capacity--intro .blue-home-figure{width:calc(100% + 2 * (var(--blue-mobile-copy-gutter) - var(--blue-mobile-media-gutter)));max-width:none}body[xo-home] #xo-root #xo-main-content .blue-feedback>.xo-section>xo-container{width:var(--blue-mobile-media-width);max-width:var(--blue-mobile-media-width);max-inline-size:var(--blue-mobile-media-width)}body[xo-home] #xo-root #xo-main-content .blue-feedback xo-container>.xo-group:first-child{padding-inline:calc(var(--blue-mobile-copy-gutter) - var(--blue-mobile-media-gutter))}body[xo-home] #xo-root #xo-main-content .blue-feedback [xo-grid] .xo-text{box-sizing:border-box;padding-inline:var(--blue-mobile-panel-copy-inset)}body:is([xo-home],[xo-product]) #xo-root #xo-main-content [id$=__section_XARBnm] .xo-text[class~="ff:body"],body:is([xo-home],[xo-product]) #xo-root #xo-main-content [id$=__section_XARBnm] .xo-text[class~="ff:heading"],body:is([xo-home],[xo-product]) #xo-root #xo-main-content [id$=__section_XARBnm] .blue-newsletter{width:100%;max-width:none}body[xo-product] #xo-root #xo-main-content .blue-dawn-media{--dawn-carousel-gutter: var(--blue-mobile-carousel-gutter);--dawn-carousel-peek: 32px;width:calc(100% + 2 * var(--blue-mobile-copy-gutter));margin-inline:calc(-1 * var(--blue-mobile-copy-gutter));padding-inline:var(--blue-mobile-carousel-gutter);scroll-padding-inline:var(--blue-mobile-carousel-gutter)}body[xo-product] #xo-root #xo-main-content .blue-dawn-media>.blue-dawn-hero,body[xo-product] #xo-root #xo-main-content .blue-dawn-media .blue-dawn-gallery__item{flex:0 0 calc(100% - 2 * var(--dawn-carousel-peek));scroll-snap-align:center}body[xo-product] #xo-root #xo-main-content .blue-dawn-story__container{width:var(--blue-mobile-media-width);max-width:var(--blue-mobile-media-width);max-inline-size:var(--blue-mobile-media-width)}body #xo-root #xo-main-content .blue-coming-soon{--blue-cs-gutter: var(--blue-mobile-media-gutter)}body #xo-root #xo-main-content .blue-coming-soon__newsletter,body #xo-root #xo-main-content .blue-coming-soon__identity,body #xo-root #xo-main-content .blue-coming-soon__status{padding-inline:calc(var(--blue-mobile-copy-gutter) - var(--blue-mobile-media-gutter))}body #xo-root #xo-main-content .blue-coming-soon .blue-coming-soon__form{max-width:none}@container (max-width: 351px){body #xo-root #xo-main-content .blue-coming-soon__status{font-size:44px}}@container (max-width: 335px){body #xo-root #xo-main-content .blue-coming-soon__status{font-size:38px;line-height:48px}body #xo-root #xo-main-content .blue-coming-soon__headline{font-size:24px;line-height:32px}}body[xo-home] #xo-root #xo-main-content [id$=product_list_qkV99P]{--blue-circadian-art-width: calc(100vw - 2 * var(--blue-mobile-copy-gutter))}body #xo-root .shopify-section-group-footer-group .blue-footer-wordmark{--blue-footer-art-width: calc(100vw - 2 * var(--blue-mobile-copy-gutter))}@supports (width: 100cqw){body[xo-home] #xo-root #xo-main-content [id$=product_list_qkV99P]{--blue-circadian-art-width: calc(100cqw - 2 * var(--blue-mobile-copy-gutter))}body #xo-root .shopify-section-group-footer-group .blue-footer-wordmark{--blue-footer-art-width: calc(100cqw - 2 * var(--blue-mobile-copy-gutter))}}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/blue-mobile-gutters.css.map */
