/*! 
 * ==== ONLY FOR Hydrogen Storefront platform (not for Hub version) ====
 * Hub scss is parsed directly on the Rails App, so no need to transform anything.
 * ======================================================================
 * This file is automatically generated from original-craft-user-blocks.scss
 * DO NOT EDIT THIS FILE DIRECTLY
 * To regenerate, run: npm run transform:craftjs-styles
 */.user-block{cursor:move;margin-bottom:40px}.user-block.selected{border:1px dashed #00b6e0;cursor:initial}.user-block h1:focus-visible{outline:none}.user-block p{font-size:14px;margin-bottom:0}.user-block a{color:#000}.user-block a.hover{text-decoration:none}.asset-block-bg-placeholder{margin:auto;width:100%;background-color:#d9d9d9;display:flex;align-items:center}.asset-block-bg-placeholder a{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.asset-block-bg-placeholder a picture{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.asset-block-bg-placeholder a img{max-width:100%;max-height:100%}.item-container{height:100%}.item-container .editable-title-and-description p,.item-container .editable-title-and-description h1,.item-container .editable-title-and-description h2,.item-container .editable-title-and-description h3,.item-container .editable-title-and-description h4,.item-container .editable-title-and-description h5,.item-container .editable-title-and-description h6{margin-bottom:0}.item-container .editable-title-and-description h1{font-size:30px;font-weight:700;line-height:36px}.item-container .editable-title-and-description h2{font-size:28px;font-weight:700;line-height:32px}.item-container .editable-title-and-description h3{font-size:16px;font-weight:500;line-height:28px}.item-container .editable-title-and-description h4{font-size:16px;font-weight:600;line-height:24px}.item-container .editable-title-and-description h5{font-size:14px;font-weight:600;line-height:20px}.item-container .editable-title-and-description p.editable-title{margin-top:8px;font-size:16px;font-weight:700}.user-hero p,.user-hero h1,.user-hero h2,.user-hero h3,.user-hero h4,.user-hero h5,.user-hero h6{margin-bottom:0;text-transform:initial}.user-hero .user-hero-text-align-left{text-align:left}.user-hero .user-hero-text-align-center{text-align:center}.user-hero.user-hero-variant-heading-1{margin-bottom:20px}.user-hero.user-hero-variant-heading-1 h1{font-size:30px;font-weight:700;line-height:36px}.user-hero.user-hero-variant-heading-2 h2{font-size:28px;font-weight:700;line-height:32px}.user-hero.user-hero-variant-heading-3 h3{font-size:16px;font-weight:500;line-height:28px}.user-hero.user-hero-variant-heading-4 h4{font-size:16px;font-weight:600;line-height:24px}.user-hero.user-hero-variant-heading-5 h5{font-size:14px;font-weight:600;line-height:20px}.user-banner-primary .asset-block-bg-placeholder{width:1200px;height:400px}.user-banner-primary .asset-block-bg-placeholder.viewport-mobile{max-width:360px;height:360px}.user-banner-secondary .asset-block-bg-placeholder{width:1200px;height:200px}.user-banner-secondary .asset-block-bg-placeholder.viewport-mobile{max-width:360px;height:240px}.user-banner-duo .item-container .editable-title-and-description h3,.user-banner-trio .item-container .editable-title-and-description h3,.user-banner-quad .item-container .editable-title-and-description h3{font-weight:700}.user-banner-duo .item-container .asset-block-bg-placeholder{width:580px;height:386px}.user-banner-duo .item-container .asset-block-bg-placeholder.viewport-mobile{max-width:360px;height:240px}.user-banner-trio .item-container .asset-block-bg-placeholder{width:380px;height:253px}.user-banner-trio .item-container .asset-block-bg-placeholder.viewport-mobile{max-width:380px;height:253px}.user-banner-quad .item-container .asset-block-bg-placeholder{width:276px;height:276px}.user-banner-quad .item-container .asset-block-bg-placeholder.viewport-mobile{max-width:155px;height:155px}.user-banner-with-description .asset-block-bg-placeholder{width:580px;height:386px}.user-banner-with-description .asset-block-bg-placeholder.viewport-mobile{max-width:360px;height:240px}.user-banner-with-description.inverse .item-container .editable-title-and-description{width:100%;align-items:flex-end;text-align:right}.user-banner-with-description .item-container{display:flex}.user-banner-with-description .item-container .editable-title-and-description{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left}.user-banner-with-description .item-container .editable-title-and-description .editable-title{margin-top:0}.user-categories-section .item-container .asset-block-bg-placeholder{width:133px;height:133px;border-radius:50%;margin:auto}@media (max-width: 768px){.user-categories-section .item-container .asset-block-bg-placeholder{width:155px!important;height:155px!important}}.user-categories-section .item-container .asset-block-bg-placeholder.viewport-mobile{width:155px!important;height:155px!important}.user-categories-section .item-container .asset-block-bg-placeholder img{border-radius:50%}.user-categories-section .item-container .editable-title{text-align:center}.user-rich-text-description ul,.user-rich-text-description ol{list-style:revert;margin:initial;padding:revert}.user-rich-text-description a{color:#000;text-decoration:underline}.user-rich-text-description.no-content-placeholder{height:100px;background-color:#d9d9d9}.user-collection-with-items{background-color:#fff;padding:20px 20px 20px 0}@media (max-width: 768px){.user-collection-with-items{padding:20px}}.user-collection-with-items .item-container{padding-top:20px;padding-bottom:20px}.user-collection-with-items .item-container .asset-block-bg-placeholder{height:150px;width:150px;margin-bottom:24px}@media (max-width: 768px){.user-collection-with-items .item-container .asset-block-bg-placeholder{height:150px!important}.user-collection-with-items .item-container .asset-block-bg-placeholder picture{width:initial}}.user-collection-with-items .item-container a.collection-link{font-size:14px;display:block;width:100%;text-align:center;text-decoration:none;color:#000}.user-collection-with-items .collection-items-container .collection-item a{text-decoration:none;display:flex;flex-direction:column;align-items:center}.user-collection-with-items .collection-items-container .collection-item a .asset-block-bg-placeholder{width:190px;height:280px;margin-bottom:12px}.user-collection-with-items .collection-items-container .collection-item a p{font-weight:700;text-align:center;font-size:12px}.user-button-wrapper{display:flex;flex-direction:column}.user-button-wrapper .user-button{align-self:center;text-align:center;color:#000;border-radius:8px;display:block;width:240px}.user-button-wrapper .user-button:hover{color:#000;text-decoration:none}.user-button-wrapper .user-button.user-button-variant-primary{background-color:#ffce1a}.user-button-wrapper .user-button.user-button-variant-primary:hover{background-color:#e6b817}.user-button-wrapper .user-button.user-button-variant-secondary{border-width:.5px;border-style:solid;border-color:#c1c7ca;background-color:#fff}.user-button-wrapper .user-button.user-button-variant-secondary:hover{background-color:#f9f9f9}.user-button-wrapper .user-button.user-button-size-medium{font-weight:600;padding:12px 8px;font-size:14px}.user-button-wrapper .user-button.user-button-size-small{padding:8px 4px;font-size:12px}.user-boxes-section .box-item{display:flex;align-items:center;justify-content:center;padding:20px 0;text-align:center}.user-iframe{background-color:#d9d9d9;display:flex;flex-direction:column;height:100%;position:relative}.user-iframe iframe{width:100%;height:100%;background-color:#444;border:0;display:block;position:relative;z-index:1;min-height:initial}.user-iframe .iframe-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;cursor:pointer;background-color:#0000}.user-iframe .invalid-url-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;color:#666;font-style:italic;padding:20px}.user-klaviyo-form .placeholder-block{background-color:#f5f5f5;color:#666;height:150px;display:flex;align-items:center;justify-content:center}#hub-content-web .asset-block-bg-placeholder,#hub-content-collection-top .asset-block-bg-placeholder,#hub-content-collection-bottom .asset-block-bg-placeholder{width:initial;background-color:initial}@media (max-width: 768px){#hub-content-web .asset-block-bg-placeholder,#hub-content-collection-top .asset-block-bg-placeholder,#hub-content-collection-bottom .asset-block-bg-placeholder{max-width:initial;height:initial}#hub-content-web .asset-block-bg-placeholder img,#hub-content-collection-top .asset-block-bg-placeholder img,#hub-content-collection-bottom .asset-block-bg-placeholder img{width:100%}}#hub-content-web .user-block,#hub-content-collection-top .user-block,#hub-content-collection-bottom .user-block{cursor:initial}#hub-content-web .collection-item .asset-block-bg-placeholder,#hub-content-collection-top .collection-item .asset-block-bg-placeholder,#hub-content-collection-bottom .collection-item .asset-block-bg-placeholder{background-color:initial}#hub-content-web .user-banner-with-description.inverse .grid,#hub-content-collection-top .user-banner-with-description.inverse .grid,#hub-content-collection-bottom .user-banner-with-description.inverse .grid{flex-direction:row-reverse}#hub-content-web .user-collection-with-items .grid__item.large--four-twelfths,#hub-content-collection-top .user-collection-with-items .grid__item.large--four-twelfths,#hub-content-collection-bottom .user-collection-with-items .grid__item.large--four-twelfths{align-self:center}@media (max-width: 768px){#hub-content-web .user-collection-with-items .collection-items-container .grid__item:last-child,#hub-content-collection-top .user-collection-with-items .collection-items-container .grid__item:last-child,#hub-content-collection-bottom .user-collection-with-items .collection-items-container .grid__item:last-child{display:none}}