.showcase-content{padding:var(--sc-section-padding, 16px) 0}.showcase-content__inner{padding-inline:var(--sc-pad-x, 20px);border-radius:var(--sc-section-radius, 0);background-color:var(--sc-bg-color, transparent);background-image:var(--sc-bg-image, none);background-size:cover;background-position:center;background-repeat:no-repeat}.showcase-content__inner--full{max-width:none}.showcase-content--has-bg .showcase-content__inner{padding-block:2rem}.showcase-content--has-top-divider .showcase-content__inner{border-block-start:1px solid var(--recipe-border, #e2e2e2);padding-top:2rem}.showcase-content__heading{text-align:center;margin:0 0 2rem;font-weight:400;font-size:var(--sc-heading-size, 1.875rem);color:var(--sc-heading-color, inherit)}.showcase-content__subheading{text-align:var(--sc-sub-align, center);margin-top:var(--sc-sub-mt, 0);margin-bottom:var(--sc-sub-mb, 16px);font-size:var(--sc-sub-size, 1.125rem);color:var(--sc-sub-color, inherit)}.showcase-content__subheading>*{margin:0}.showcase-content__cta{text-align:var(--sc-cta-align, center);margin-top:var(--sc-cta-mt, 32px);margin-bottom:var(--sc-cta-mb, 0)}.showcase-content__cta-button{display:inline-block;padding:var(--sc-cta-pad-y, 12px) var(--sc-cta-pad-x, 24px);border-radius:var(--sc-cta-radius, 4px);background-color:var(--sc-cta-bg, currentColor);color:var(--sc-cta-text, inherit);border:2px solid transparent;text-decoration:none;font-size:var(--sc-cta-font-size, 1.125rem);cursor:pointer;transition:opacity .2s ease,background-color .2s ease,color .2s ease}.showcase-content__cta:not(.showcase-content__cta--underline) .showcase-content__cta-button:hover,.showcase-content__cta:not(.showcase-content__cta--underline) .showcase-content__cta-button:focus,.showcase-content__cta:not(.showcase-content__cta--underline) .showcase-content__cta-button:focus-visible{text-decoration:underline}.showcase-content__cta-button:hover{text-decoration:underline}.showcase-content__cta-button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.showcase-content__cta--outlined .showcase-content__cta-button{background-color:transparent;border-color:var(--sc-cta-text, currentColor)}.showcase-content__cta--underline .showcase-content__cta-button{background-color:transparent;border-color:transparent;text-decoration:underline}@media(prefers-reduced-motion:reduce){.showcase-content__cta-button{transition:none}}.showcase-content__tile{display:flex;flex-direction:column;align-items:center;width:100%}.showcase-content__tile-link,.showcase-content__tile-link:hover,.showcase-content__tile-link:focus,.showcase-content__tile-link:focus-visible{display:flex;flex-direction:column;align-items:center;width:100%;text-decoration:none;color:inherit}.showcase-content__tile-link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.showcase-content__tile-cta,.showcase-content__tile-cta:hover,.showcase-content__tile-cta:focus,.showcase-content__tile-cta:focus-visible{text-decoration:none}.showcase-content__tile-cta{display:inline-block;margin-top:var(--sc-tile-cta-mt, auto);padding:var(--sc-tile-cta-py, 10px) var(--sc-tile-cta-px, 22px);border-radius:var(--sc-tile-cta-radius, var(--sc-cta-radius, 4px));background-color:var(--sc-tile-cta-bg, var(--sc-cta-bg, currentColor));color:var(--sc-tile-cta-color, var(--sc-cta-text, #fff));letter-spacing:.05em;text-transform:uppercase;transition:opacity .2s ease,background-color .2s ease,color .2s ease}.showcase-content--source-shop .showcase-content__tile-cta{box-sizing:border-box;min-width:10rem;text-align:center}.showcase-content__tile-cta:hover{background-color:color-mix(in oklab,var(--sc-tile-cta-bg, var(--sc-cta-bg, currentColor)),#000 12%)}.showcase-content__tile-cta:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(prefers-reduced-motion:reduce){.showcase-content__tile-cta{transition:none}}.showcase-content__image-wrap{width:100%;overflow:hidden;border-radius:var(--sc-radius, 0)}.showcase-content__image-wrap img,.showcase-content__image-wrap svg{width:100%;height:auto;display:block}.showcase-content__title{margin:1rem 0;font-size:var(--sc-font-size, 18px);font-weight:var(--sc-title-weight, 400);text-align:center;text-transform:capitalize;letter-spacing:.05em;transition:color .2s ease}.showcase-content__needed{margin:-.25rem 0 .75rem;text-align:center;font-size:1rem;color:#777}.showcase-content__tile:hover,.showcase-content__tile:focus-within,.showcase-content__tile:hover .showcase-content__title,.showcase-content__tile:focus-within .showcase-content__title{color:var(--sc-tile-hover-text)}.showcase-content--arrow-chevron .showcase-content__title:after{content:"\276f";display:inline-block;margin-inline-start:.4em;font-weight:400;transition:transform .2s ease}.showcase-content--arrow-arrow .showcase-content__title:after{content:"\2192";display:inline-block;margin-inline-start:.4em;font-weight:400;transform:translateY(-2px);transition:transform .2s ease}.showcase-content--arrow-chevron .showcase-content__tile:hover .showcase-content__title:after,.showcase-content--arrow-chevron .showcase-content__tile:focus-within .showcase-content__title:after{transform:translate(4px)}.showcase-content--arrow-arrow .showcase-content__tile:hover .showcase-content__title:after,.showcase-content--arrow-arrow .showcase-content__tile:focus-within .showcase-content__title:after{transform:translateY(-2px) translate(4px)}.showcase-content--hover-zoom .showcase-content__image-wrap img{transition:transform .6s ease,filter .6s ease;transform-origin:center center}.showcase-content--hover-zoom .showcase-content__title{transition:color .2s ease}.showcase-content--hover-zoom .showcase-content__tile:hover .showcase-content__image-wrap img,.showcase-content--hover-zoom .showcase-content__tile:focus-within .showcase-content__image-wrap img{transform:scale(1.08) translate(-1.5%,-1.5%);filter:saturate(1.25)}.showcase-content--hover-shadow .showcase-content__tile{transition:transform .3s ease,filter .3s ease}.showcase-content--hover-shadow .showcase-content__tile:hover,.showcase-content--hover-shadow .showcase-content__tile:focus-within{transform:translateY(-4px);filter:drop-shadow(0 8px 24px rgba(0,0,0,.15))}.showcase-content__grid{display:grid;grid-template-columns:repeat(2,1fr);place-items:center;justify-content:center;gap:calc(var(--sc-tile-gap, 10px) / 2) var(--sc-tile-gap, 10px)}.showcase-content__grid>.showcase-content__tile{flex:1 1 200px;max-width:var(--sc-img-max, 300px)}@media screen and (min-width:750px){.showcase-content--grid-fixed .showcase-content__grid{display:grid;grid-template-columns:repeat(var(--sc-cols, 4),minmax(0,var(--sc-img-max, 300px)));justify-content:center}.showcase-content--grid-fixed .showcase-content__grid>.showcase-content__tile{flex:none;max-width:100%;width:100%}}.showcase-content__carousel{--sc-c-items: var(--sc-c-items-mobile, 1);position:relative}@media screen and (min-width:750px){.showcase-content__carousel{--sc-c-items: var(--sc-c-items-desktop, 4)}}.showcase-content__carousel-viewport{overflow:hidden}.showcase-content__carousel-track{display:flex;gap:var(--sc-c-gap, 20px);list-style:none;margin:0;margin-block:var(--sc-track-my, 0);margin-inline:var(--sc-track-mx, 0);padding:0;transition:transform .4s ease;will-change:transform;cursor:grab;user-select:none;-webkit-user-select:none}.showcase-content__carousel-track.is-dragging{cursor:grabbing;transition:none}.showcase-content__carousel--centered .showcase-content__carousel-track{justify-content:center;transform:none!important;cursor:default}.showcase-content__carousel-track:focus{outline:none}.showcase-content__carousel-track:focus-visible{outline:2px solid currentColor;outline-offset:2px}.showcase-content__carousel-track img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.showcase-content__carousel-slide{flex:0 0 calc((100% - (var(--sc-c-items) - 1) * var(--sc-c-gap, 20px)) / var(--sc-c-items));min-width:0}.showcase-content__carousel-slide>.showcase-content__tile{width:100%;height:100%;max-width:var(--sc-img-max, 300px);margin-inline:auto}.showcase-content__carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid currentColor;background:color-mix(in srgb,var(--color-background) 90%,transparent);color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;z-index:2;transition:background .2s ease,opacity .2s ease}.showcase-content__carousel-arrow:hover{background:var(--color-background)}.showcase-content__carousel-arrow:focus-visible{outline:2px solid currentColor;outline-offset:2px}.showcase-content__carousel-arrow--prev{left:4px}.showcase-content__carousel-arrow--next{right:4px}.showcase-content__carousel-arrow[disabled]{opacity:.35;cursor:default}@media screen and (min-width:750px){.showcase-content__carousel-arrow--prev{left:-12px}.showcase-content__carousel-arrow--next{right:-12px}}.showcase-content__carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:1.25rem}.showcase-content__carousel-dot{position:relative;width:10px;height:10px;padding:0;border:1px solid currentColor;background:transparent;border-radius:50%;cursor:pointer;transition:background .2s ease}.showcase-content__carousel-dot:before{content:"";position:absolute;top:-17px;right:-17px;bottom:-17px;left:-17px}.showcase-content__carousel-dot[aria-current=true]{background:currentColor}.showcase-content__carousel-dot:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(prefers-reduced-motion:reduce){.showcase-content__tile,.showcase-content__image-wrap,.showcase-content__image-wrap img,.showcase-content__title,.showcase-content__title:after,.showcase-content__carousel-track,.showcase-content__carousel-arrow,.showcase-content__carousel-dot{transition:none}.showcase-content--hover-shadow .showcase-content__tile:hover,.showcase-content--hover-shadow .showcase-content__tile:focus-within{transform:none}}.showcase-content__image-wrap--has-hover{position:relative}.showcase-content__image-wrap--has-hover .showcase-content__image--hover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:inherit;opacity:0;transition:opacity .25s ease;pointer-events:none}.showcase-content__tile:hover .showcase-content__image-wrap--has-hover .showcase-content__image--hover,.showcase-content__tile:focus-within .showcase-content__image-wrap--has-hover .showcase-content__image--hover{opacity:1}@media(prefers-reduced-motion:reduce){.showcase-content__image-wrap--has-hover .showcase-content__image--hover{transition:none}}.showcase-content--shape-bevel .showcase-content__image-wrap{--sc-shape-cut: 16px;border-radius:0;clip-path:polygon(var(--sc-shape-cut) 0,calc(100% - var(--sc-shape-cut)) 0,100% var(--sc-shape-cut),100% calc(100% - var(--sc-shape-cut)),calc(100% - var(--sc-shape-cut)) 100%,var(--sc-shape-cut) 100%,0 calc(100% - var(--sc-shape-cut)),0 var(--sc-shape-cut))}.showcase-content--shape-notch .showcase-content__image-wrap{--sc-shape-cut: 14px;border-radius:0;clip-path:polygon(0 var(--sc-shape-cut),var(--sc-shape-cut) var(--sc-shape-cut),var(--sc-shape-cut) 0,calc(100% - var(--sc-shape-cut)) 0,calc(100% - var(--sc-shape-cut)) var(--sc-shape-cut),100% var(--sc-shape-cut),100% calc(100% - var(--sc-shape-cut)),calc(100% - var(--sc-shape-cut)) calc(100% - var(--sc-shape-cut)),calc(100% - var(--sc-shape-cut)) 100%,var(--sc-shape-cut) 100%,var(--sc-shape-cut) calc(100% - var(--sc-shape-cut)),0 calc(100% - var(--sc-shape-cut)))}.showcase-content--shape-scoop .showcase-content__image-wrap{--sc-shape-cut: 24px;border-radius:0;-webkit-mask:radial-gradient(var(--sc-shape-cut) at 0 0,#0000 98%,#000 100%) top left / 50% 50% no-repeat,radial-gradient(var(--sc-shape-cut) at 100% 0,#0000 98%,#000 100%) top right / 50% 50% no-repeat,radial-gradient(var(--sc-shape-cut) at 0 100%,#0000 98%,#000 100%) bottom left / 50% 50% no-repeat,radial-gradient(var(--sc-shape-cut) at 100% 100%,#0000 98%,#000 100%) bottom right/ 50% 50% no-repeat;mask:radial-gradient(var(--sc-shape-cut) at 0 0,#0000 98%,#000 100%) top left / 50% 50% no-repeat,radial-gradient(var(--sc-shape-cut) at 100% 0,#0000 98%,#000 100%) top right / 50% 50% no-repeat,radial-gradient(var(--sc-shape-cut) at 0 100%,#0000 98%,#000 100%) bottom left / 50% 50% no-repeat,radial-gradient(var(--sc-shape-cut) at 100% 100%,#0000 98%,#000 100%) bottom right/ 50% 50% no-repeat}.showcase-content--shape-squircle .showcase-content__image-wrap{border-radius:28%}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-showcase-content.css.map */