.sugar-popup-cards{--pcd-cols: var(--pcd-cols-d);--pcd-gap: var(--pcd-gap-d);--pcd-card-r: var(--pcd-card-r-d);--pcd-text: var(--pcd-text-d);--pcd-text-h: var(--pcd-text-h-d);--pcd-text-pb: var(--pcd-text-pb-d);--pcd-tab-size: var(--pcd-tab-size-d);--pcd-tab-r: var(--pcd-tab-r-d);--pcd-tab-min: var(--pcd-tab-min-d);--pcd-tab-px: var(--pcd-tab-px-d);--pcd-link: var(--pcd-link-d);--pcd-px: var(--pcd-px-d);background:var(--pcd-bg, var(--gradient-background, rgb(var(--color-background))));padding-top:var(--pcd-pt-d);padding-bottom:var(--pcd-pb-d)}@media screen and (min-width:750px)and (max-width:1023px){.sugar-popup-cards{--pcd-cols: var(--pcd-cols-t)}}@media screen and (max-width:749px){.sugar-popup-cards{--pcd-cols: var(--pcd-cols-m);--pcd-gap: var(--pcd-gap-m);--pcd-card-r: var(--pcd-card-r-m, var(--pcd-card-r-d));--pcd-text: var(--pcd-text-m);--pcd-text-h: var(--pcd-text-h-m);--pcd-text-pb: var(--pcd-text-pb-m);--pcd-tab-size: var(--pcd-tab-size-m);--pcd-tab-r: var(--pcd-tab-r-m, var(--pcd-tab-r-d));--pcd-tab-min: var(--pcd-tab-min-m);--pcd-tab-px: var(--pcd-tab-px-m);--pcd-link: var(--pcd-link-m);--pcd-px: var(--pcd-px-m);padding-top:var(--pcd-pt-m);padding-bottom:var(--pcd-pb-m)}}.sugar-popup-cards .sugar-popup-cards__inner--inset{padding-left:var(--pcd-px);padding-right:var(--pcd-px)}.sugar-popup-cards .sugar-popup-cards__empty{margin:0;padding:40px 20px;text-align:center;opacity:.5}.sugar-popup-cards .sugar-popup-cards__list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--pcd-gap);max-width:calc(var(--pcd-cols) * var(--pcd-card-w) + (var(--pcd-cols) - 1) * var(--pcd-gap));margin:0 auto;padding:0;list-style:none}.sugar-popup-cards .sugar-popup-cards__card{display:flex;flex-direction:column;flex:0 0 calc((100% - (var(--pcd-cols) - 1) * var(--pcd-gap)) / var(--pcd-cols));min-width:0;margin:0;overflow:hidden;border-radius:var(--pcd-card-r);background:var(--pcd-card-bg, rgb(var(--color-background)));color:var(--pcd-text-color, rgb(var(--color-foreground)))}.sugar-popup-cards--shadow-subtle .sugar-popup-cards__card{box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.sugar-popup-cards--shadow-medium .sugar-popup-cards__card{box-shadow:0 4px 12px #0000001f,0 2px 4px #00000014}.sugar-popup-cards .sugar-popup-cards__media{position:relative;container-type:inline-size}.sugar-popup-cards .sugar-popup-cards__img{display:block;width:100%;height:auto}.sugar-popup-cards .sugar-popup-cards__img--placeholder,.sugar-popup-cards__pop .sugar-popup-cards__img--placeholder{aspect-ratio:1;background:rgba(var(--color-foreground),.06)}.sugar-popup-cards__pop .sugar-popup-cards__img--placeholder{aspect-ratio:auto}.sugar-popup-cards--framed .sugar-popup-cards__media{aspect-ratio:var(--pcd-ratio)}.sugar-popup-cards--framed .sugar-popup-cards__img{height:100%;object-fit:var(--pcd-fit)}.sugar-popup-cards .sugar-popup-cards__tab{position:absolute;top:0;left:0;right:0;box-sizing:border-box;width:max-content;min-width:var(--pcd-tab-min);max-width:calc(100% - 8px);margin:0 auto;padding:var(--pcd-tab-py) min(var(--pcd-tab-px),(100cqi - 8px - var(--pcd-tab-chars) * .6em) / 2);border-radius:0 0 var(--pcd-tab-r) var(--pcd-tab-r);background:var(--pcd-tab-bg, rgb(var(--color-foreground)));color:var(--pcd-tab-color, rgb(var(--color-background)));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight-bold, 700);font-size:min(var(--pcd-tab-size),(100cqi - 16px) / (var(--pcd-tab-chars) * .6));line-height:1.5;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sugar-popup-cards .sugar-popup-cards__body{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--pcd-link-gap);box-sizing:border-box;min-height:var(--pcd-text-h);padding:var(--pcd-text-pt) var(--pcd-text-px) var(--pcd-text-pb);text-align:center}.sugar-popup-cards .sugar-popup-cards__text{margin:0;font-size:var(--pcd-text)}.sugar-popup-cards .sugar-popup-cards__link{-webkit-appearance:none;appearance:none;margin:0;padding:0;border:0;background:none;cursor:pointer;color:var(--pcd-link-color, currentColor);font-family:var(--pcd-link-font);font-weight:var(--pcd-link-weight);--sw-bold: max(var(--pcd-link-weight), var(--font-body-weight-bold, 700));font-size:var(--pcd-link);line-height:1.5;letter-spacing:normal;text-align:center;text-decoration:underline}.sugar-popup-cards--link-hover .sugar-popup-cards__link,.sugar-popup-cards--link-none .sugar-popup-cards__link{text-decoration:none}.sugar-popup-cards--link-hover .sugar-popup-cards__link:hover,.sugar-popup-cards--link-hover .sugar-popup-cards__link:focus-visible{text-decoration:underline}.sugar-popup-dialog__scroll:has(>.sugar-popup-dialog__content>.sugar-popup-cards__pop){padding:0}@media screen and (max-width:749px){.sugar-popup-dialog__scroll:has(>.sugar-popup-dialog__content>.sugar-popup-cards__pop)>.sugar-popup-dialog__close--floating{top:var(--pd-close-margin);right:var(--pd-close-margin)}}.sugar-popup-cards__pop{--pcp-pad-x: var(--pcp-pad-x-d);--pcp-pad-b: var(--pcp-pad-b-d);--pcp-img-h: var(--pcp-img-h-d);--pcp-label-w: var(--pcp-label-w-d);--pcp-notes: var(--pcp-notes-d);text-align:start}@media screen and (max-width:749px){.sugar-popup-cards__pop{--pcp-pad-x: var(--pcp-pad-x-m);--pcp-pad-b: var(--pcp-pad-b-m);--pcp-img-h: var(--pcp-img-h-m);--pcp-label-w: var(--pcp-label-w-m);--pcp-notes: var(--pcp-notes-m)}}.sugar-popup-cards__pop .sugar-popup-cards__pop-media{height:var(--pcp-img-h);background:var(--pcp-media-bg, rgb(var(--color-background)))}.sugar-popup-cards__pop .sugar-popup-cards__pop-img{display:block;width:100%;height:100%;object-fit:cover}.sugar-popup-cards__pop .sugar-popup-cards__pop-body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--pcp-gap);padding:var(--pcp-pad-t) var(--pcp-pad-x) var(--pcp-pad-b)}.sugar-popup-cards__pop .sugar-popup-cards__chips{display:flex;flex-wrap:wrap;gap:var(--pcp-gap);margin:0;padding:0;list-style:none}.sugar-popup-cards__pop .sugar-popup-cards__chip{margin:0;padding:.334em .667em;border-radius:100px;background:var(--pcp-chip-1, rgba(var(--color-foreground), .06));color:var(--pcp-chip-text, currentColor);font-size:var(--pcp-chip-size);line-height:1.5}.sugar-popup-cards__pop .sugar-popup-cards__chip:nth-child(3n+2){background:var(--pcp-chip-2, rgba(var(--color-foreground), .06))}.sugar-popup-cards__pop .sugar-popup-cards__chip:nth-child(3n+3){background:var(--pcp-chip-3, rgba(var(--color-foreground), .06))}.sugar-popup-cards__pop .sugar-popup-cards__pop-title{margin:0;font-family:var(--pcp-title-font);font-weight:var(--pcp-title-weight);--sw-bold: max(var(--pcp-title-weight), var(--font-body-weight-bold, 700));font-size:var(--pcp-title-size);line-height:1.5;letter-spacing:normal}.sugar-popup-cards__pop .sugar-popup-cards__pop-subtitle{margin:0;font-weight:var(--font-body-weight-bold, 700);font-size:var(--pcp-sub-size);line-height:1.5}.sugar-popup-cards__pop .sugar-popup-cards__pop-text{margin:0;font-size:var(--pcp-text-size);line-height:1.5}.sugar-popup-cards__pop .sugar-popup-cards__label{align-self:stretch}.sugar-popup-cards__pop .sugar-popup-cards__label-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin:0;padding:16px 0;border:0;border-bottom:1px dashed var(--pcp-line, currentColor);background:none;color:inherit;cursor:pointer;text-align:start;font-family:var(--pcp-label-font);font-weight:var(--pcp-label-weight);--sw-bold: max(var(--pcp-label-weight), var(--font-body-weight-bold, 700));font-size:var(--pcp-label-size);letter-spacing:var(--pcp-label-ls);line-height:1.5}.sugar-popup-cards__pop .sugar-popup-cards__label-icon{display:flex;align-items:center;justify-content:center;flex:none;height:1em;font-size:1.7em;transition:transform .3s ease}.sugar-popup-cards__pop .sugar-popup-cards__label-toggle[aria-expanded=true] .sugar-popup-cards__label-icon{transform:rotate(180deg)}.sugar-popup-cards__pop .sugar-popup-cards__label-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.sugar-popup-cards__pop .sugar-popup-cards__label-toggle[aria-expanded=true]+.sugar-popup-cards__label-panel{grid-template-rows:1fr}.sugar-popup-cards__pop .sugar-popup-cards__label-inner{min-height:0;overflow:hidden;visibility:hidden;transition:visibility .3s}.sugar-popup-cards__pop .sugar-popup-cards__label-toggle[aria-expanded=true]+.sugar-popup-cards__label-panel .sugar-popup-cards__label-inner{visibility:visible}.sugar-popup-cards__pop .sugar-popup-cards__label-content{display:flex;flex-direction:column;align-items:center;padding:16px 0}.sugar-popup-cards__pop .sugar-popup-cards__label-img{display:block;flex:none;width:var(--pcp-label-w);max-width:100%;height:auto}.sugar-popup-cards__pop .sugar-popup-cards__notes{align-self:stretch;margin-top:14px;font-size:var(--pcp-notes);line-height:1.5}.sugar-popup-cards__pop .sugar-popup-cards__notes p{margin:0}@media screen and (max-width:749px){.sugar-popup-cards__pop--beside .sugar-popup-cards__label-content{flex-direction:row;gap:10px}.sugar-popup-cards__pop--beside .sugar-popup-cards__notes{align-self:center;flex:1 1 0;min-width:0}}@media(prefers-reduced-motion:reduce){.sugar-popup-cards__pop .sugar-popup-cards__label-icon,.sugar-popup-cards__pop .sugar-popup-cards__label-panel,.sugar-popup-cards__pop .sugar-popup-cards__label-inner{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-popup-cards.css.map */