.sugar-card{display:flex;flex-direction:column;position:relative;background:var(--card-frame-bg, transparent);color:rgb(var(--card-frame-text, var(--color-foreground)));border:var(--card-frame-border-w, 0) solid var(--card-frame-border-color, transparent);border-radius:var(--card-frame-radius, 0);box-shadow:var(--card-frame-shadow, none);overflow:var(--card-frame-overflow, visible)}.sugar-card--button-in-content .sugar-card__content>a.sugar-card__button{align-self:stretch;width:100%}.sugar-card--button-in-content .sugar-card__content>a.sugar-card__button--fit{align-self:auto;width:auto}.sugar-card__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;line-height:1;text-decoration:none;border-radius:var(--buttons-radius);cursor:pointer;transition:opacity .2s ease;border:none;width:100%}.sugar-card__button--fit{width:auto}.sugar-card__button--outline,.sugar-card__button--outline-accent{--ol: var(--color-foreground);background:transparent;color:rgb(var(--ol));border:var(--button-outline-border) solid rgba(var(--ol),var(--button-outline-border-opacity));border-radius:var(--buttons-radius)}.sugar-card__button--outline-accent{--ol: var(--color-accent)}.sugar-card__button--primary{background:var(--button-primary-bg-surface);color:var(--button-primary-text);border:var(--button-primary-border) solid var(--button-primary-border-color);border-radius:var(--buttons-radius)}.sugar-card__button--secondary{background:var(--button-secondary-bg-surface);color:var(--button-secondary-text);border:var(--button-secondary-border) solid var(--button-secondary-border-color);border-radius:var(--buttons-radius)}.sugar-card__button-overlay{position:absolute;z-index:2}.sugar-card__button-overlay--bottom_left{bottom:12px;left:12px}.sugar-card__button-overlay--bottom_right{bottom:12px;right:12px}.sugar-card__button-overlay--fit .sugar-card__button,.sugar-card__button-overlay--fit{width:auto}.sugar-card__button-overlay--full{bottom:12px;left:12px;right:12px}.sugar-card__button-overlay--top_left{top:12px;left:12px}.sugar-card__button-overlay--top_right{top:12px;right:12px}.sugar-card__button:disabled{opacity:.5;cursor:not-allowed}.sugar-card__button:hover{opacity:.85}.sugar-card__content{display:flex;flex-direction:column;flex:1;padding-top:12px}.sugar-card__content--mobile-center{text-align:center;align-items:center}.sugar-card__content--mobile-left{text-align:left;align-items:flex-start}.sugar-card__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.sugar-card__media{position:relative;overflow:hidden;border-radius:var(--image-border-radius, 0);border-bottom-left-radius:var(--card-frame-media-bottom, var(--image-border-radius, 0));border-bottom-right-radius:var(--card-frame-media-bottom, var(--image-border-radius, 0))}.sugar-card__media--adapt{aspect-ratio:var(--image-aspect-ratio, 1)}.sugar-card__media--landscape{aspect-ratio:4 / 3}.sugar-card__media--portrait{aspect-ratio:3 / 4}.sugar-card__media--square{aspect-ratio:1 / 1}.sugar-card__media-link{display:block;position:relative}.sugar-card__media:hover .sugar-card__image{transform:scale(1.05)}.sugar-card__placeholder svg{width:50%;max-width:150px;opacity:.3}.sugar-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.sugar-card__slot>.sugar-card-badge--flow{flex:0 0 100%}.sugar-card__slot{display:flex;flex-wrap:wrap;justify-content:var(--card-content-align, flex-start);align-items:center;gap:12px;width:100%;margin-top:5px;margin-bottom:10px}.sugar-card__slot:last-child{margin-bottom:0}.sugar-card__title a{color:rgb(var(--color-foreground));text-decoration:none}.sugar-card__title a:hover{text-decoration:underline}.sugar-card__title{margin:0 0 2px;font-size:16px;font-weight:var(--card-title-weight, 600);--sw-bold: max(var(--card-title-weight, 600), var(--font-body-weight-bold, 700));line-height:1.4}.sugar-card__swatches{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:2px 0 8px}.sugar-card__swatch{position:relative;width:var(--card-swatch-size, 18px);height:var(--card-swatch-size, 18px);padding:0;border:0;border-radius:var(--card-swatch-radius, 50%);background:var(--card-swatch-bg, #ccc) center / cover no-repeat;box-shadow:inset 0 0 0 1px rgba(var(--card-frame-text, var(--color-foreground)),.18);outline:1.5px solid transparent;outline-offset:2px;cursor:pointer;transition:outline-color .15s ease}.sugar-card__swatch:hover,.sugar-card__swatch.is-active{outline-color:rgb(var(--card-frame-text, var(--color-foreground)))}.sugar-card__swatch.is-soldout:after{content:"";position:absolute;left:50%;top:-12%;width:1.5px;height:124%;background:rgba(var(--card-frame-text, var(--color-foreground)),.6);transform:translate(-50%) rotate(45deg)}.sugar-card__swatch-more{margin-left:2px;font-size:12px;color:inherit;text-decoration:none;opacity:.7}@media screen and (max-width:749px){.sugar-card--button-in-content-desktop:not(.sugar-card--button-in-content-mobile) .sugar-card__content>a.sugar-card__button{display:none}.sugar-card__button-overlay--desktop-only{display:none!important}}@media screen and (min-width:750px){.sugar-card--button-in-content-mobile:not(.sugar-card--button-in-content-desktop) .sugar-card__content>a.sugar-card__button{display:none}.sugar-card__button-overlay--hover-only{opacity:0;transition:opacity .3s ease}.sugar-card__button-overlay--mobile-only{display:none!important}.sugar-card__content--desktop-center{text-align:center;align-items:center}.sugar-card__content--desktop-left{text-align:left;align-items:flex-start}.sugar-card__media:hover .sugar-card__button-overlay--hover-only{opacity:1}.sugar-card__slot{gap:16px;margin-top:6px;margin-bottom:12px}.sugar-card__title{font-size:19px}}[data-card-grid] .splide__list{margin:0;padding:0;list-style:none}@media screen and (max-width:749px){[data-card-grid]:not(.is-grid-mode):not(.is-grid-mode-mobile) .splide:not(.is-initialized) .splide__list{display:flex}[data-card-grid]:not(.is-grid-mode):not(.is-grid-mode-mobile) .splide:not(.is-initialized) .splide__list>:not(.sugar-section-animation-config){position:relative;box-sizing:border-box;flex-shrink:0;width:calc((100% + var(--grid-gap, 16px)) / var(--mobile-columns, 2) - var(--grid-gap, 16px));margin:0 var(--grid-gap, 16px) 0 0}}@media screen and (min-width:750px){[data-card-grid]:not(.is-grid-mode):not(.is-grid-mode-desktop) .splide:not(.is-initialized) .splide__list{display:flex}[data-card-grid]:not(.is-grid-mode):not(.is-grid-mode-desktop) .splide:not(.is-initialized) .splide__list>:not(.sugar-section-animation-config){position:relative;box-sizing:border-box;flex-shrink:0;width:calc((100% + var(--grid-gap, 16px)) / var(--desktop-columns, 4) - var(--grid-gap, 16px));margin:0 var(--grid-gap, 16px) 0 0}}[data-card-grid].is-grid-mode .splide{visibility:visible!important;overflow:visible}[data-card-grid].is-grid-mode .splide__track{overflow:visible;padding:0}[data-card-grid].is-grid-mode .splide__list{display:grid;gap:var(--grid-gap, 16px)}[data-card-grid].is-grid-mode .splide__slide{width:auto!important;margin:0!important;padding:0}[data-card-grid].is-grid-mode .sc-arrow,[data-card-grid].is-grid-mode .sc-nav,[data-card-grid].is-grid-mode .splide__pagination,.is-card-grid-mode [data-card-grid-nav]{display:none!important}@media screen and (max-width:749px){[data-card-grid].is-grid-mode .splide__list{grid-template-columns:repeat(var(--mobile-columns, 2),minmax(0,1fr))}[data-card-grid].is-grid-mode-mobile .splide{visibility:visible!important;overflow:visible}[data-card-grid].is-grid-mode-mobile .splide__track{overflow:visible;padding:0}[data-card-grid].is-grid-mode-mobile .splide__list{display:grid;gap:var(--grid-gap, 16px);grid-template-columns:repeat(var(--mobile-columns, 2),minmax(0,1fr))}[data-card-grid].is-grid-mode-mobile .splide__slide{width:auto!important;margin:0!important;padding:0}[data-card-grid].is-grid-mode-mobile .sc-arrow,[data-card-grid].is-grid-mode-mobile .sc-nav,[data-card-grid].is-grid-mode-mobile .splide__pagination{display:none!important}}@media screen and (min-width:750px){[data-card-grid].is-grid-mode .splide__list{grid-template-columns:repeat(var(--desktop-columns, 4),minmax(0,1fr))}[data-card-grid].is-grid-mode-desktop .splide{visibility:visible!important;overflow:visible}[data-card-grid].is-grid-mode-desktop .splide__track{overflow:visible;padding:0}[data-card-grid].is-grid-mode-desktop .splide__list{display:grid;gap:var(--grid-gap, 16px);grid-template-columns:repeat(var(--desktop-columns, 4),minmax(0,1fr))}[data-card-grid].is-grid-mode-desktop .splide__slide{width:auto!important;margin:0!important;padding:0}[data-card-grid].is-grid-mode-desktop .sc-arrow,[data-card-grid].is-grid-mode-desktop .sc-nav,[data-card-grid].is-grid-mode-desktop .splide__pagination{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/snippet-card-shell.css.map */