.cs-bundle-builder{display:block}.cs-bundle-builder__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cs-bundle-builder__heading,.cs-bundle-builder__stocking{box-shadow:-1px -1px rgb(var(--color-foreground))}.cs-bundle-builder__intro{display:contents}.cs-bundle-builder__heading{position:relative;z-index:4;display:flex;flex-direction:column;grid-column:1 / -1;order:-1;gap:var(--space-xs);padding:var(--space-lg)}.cs-bundle-builder__heading>*{margin:0}.cs-bundle-builder__stocking{position:relative;flex:1 1 auto;grid-column:1 / -1;order:1;min-height:0;aspect-ratio:4 / 3;container-type:size}.cs-bundle-builder__stocking-frame{position:absolute;bottom:0;left:0;width:min(100cqw,100cqh * var(--stocking-ratio, 1.5));aspect-ratio:var(--stocking-ratio, 1.5)}.cs-bundle-builder__stocking-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;object-fit:contain}.cs-bundle-builder__placeholder{background:rgba(var(--color-foreground),.04);fill:rgba(var(--color-foreground),.3)}.cs-bundle-builder__peek{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.cs-bundle-builder__peek-item{position:absolute;top:var(--peek-y, 72%);left:var(--peek-x, 70%);width:var(--cs-bundle-peek-size, 32%);aspect-ratio:1 / 1;object-fit:contain;object-position:center bottom;transform-origin:50% 100%;transform:translate(-50%,-100%) rotate(var(--peek-rotate, 0deg))}.cs-bundle-builder__flyer{position:absolute;margin:0;object-fit:contain;pointer-events:none}.cs-bundle-builder__flyer--to-bar{position:fixed;z-index:101}.cs-bundle-builder__item{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;aspect-ratio:263 / 269;padding:var(--space-md)}.cs-bundle-builder__item>p{position:relative;z-index:1;margin:0}.cs-bundle-builder__item-name{text-transform:uppercase}.cs-bundle-builder__item-name a{color:inherit;text-decoration:none}.cs-bundle-builder__item-image{position:absolute;bottom:0;left:50%;width:min(84%,220px);aspect-ratio:1 / 1;transform:translate(-50%);transition:opacity .3s ease}.cs-bundle-builder__item-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}.cs-bundle-builder .cs-bundle-builder__stuff{--button-height: 33px;--button-padding-inline: var(--space-sm);--button-min-width: 0;--button-font-size: var(--type-p-sm-size);position:relative;z-index:1;margin-top:auto;transition:var(--button-transition),opacity .3s ease}.cs-bundle-builder__stuffed-label,.cs-bundle-builder__item.is-stuffed .cs-bundle-builder__stuff-label{display:none}.cs-bundle-builder__item.is-stuffed .cs-bundle-builder__stuffed-label{display:inline}.cs-bundle-builder__item.is-stuffed .cs-bundle-builder__item-image,.cs-bundle-builder__item.is-stuffed .cs-bundle-builder__stuff{opacity:var(--pro-muted-opacity)}.cs-bundle-builder__panel{position:relative;z-index:4;display:flex;flex-direction:column;grid-column:1 / -1;order:2;min-width:0;padding:var(--space-lg)}.cs-bundle-builder__panel>*{margin:0}.cs-bundle-builder.is-empty .cs-bundle-builder__panel{display:none}.cs-bundle-builder__panel-title{margin:0}.cs-bundle-builder.is-empty .cs-bundle-builder__panel-title--stuffed,.cs-bundle-builder:not(.is-empty) .cs-bundle-builder__panel-title--empty{display:none}.cs-bundle-builder .cs-bundle-builder__list{margin-top:var(--space-md);text-transform:uppercase}.cs-bundle-builder .cs-bundle-builder__list>li{display:flex;justify-content:space-between;gap:var(--space-sm);padding-inline:var(--space-2xs)}.cs-bundle-builder .cs-bundle-builder__add{margin-top:var(--space-xl)}.cs-bundle-builder__error{margin-top:var(--space-xs)}.cs-bundle-builder__bar{position:fixed;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--pro-gutter-wide);padding-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom,0px));border-top:1px solid rgb(var(--color-foreground));background:rgb(var(--color-background));color:rgb(var(--color-foreground));visibility:hidden;transform:translateY(100%);transition:transform .3s ease,visibility 0s linear .3s}.cs-bundle-builder__bar.is-visible{visibility:visible;transform:translateY(0);transition:transform .3s ease,visibility 0s}.cs-bundle-builder__bar-stocking{display:flex;flex-shrink:0;align-items:center;gap:var(--space-xs);padding:0;border:0;background:none;color:inherit;cursor:pointer}.cs-bundle-builder__bar-thumbs{display:flex}.cs-bundle-builder__bar-thumb{width:36px;height:36px;border:1px solid rgb(var(--color-foreground));background:rgb(var(--color-background));object-fit:contain}.cs-bundle-builder__bar-thumb+.cs-bundle-builder__bar-thumb{margin-left:-12px}.cs-bundle-builder__bar-thumb.is-new{animation:cs-bundle-thumb-in .3s cubic-bezier(.22,1,.36,1)}@keyframes cs-bundle-thumb-in{0%{opacity:0;transform:scale(.6)}}.cs-bundle-builder__bar-count{flex:1 1 auto;min-width:0;margin:0;white-space:nowrap}.cs-bundle-builder .cs-bundle-builder__bar-add{flex-shrink:0;--button-padding-inline: var(--space-sm);--button-min-width: 0}html.cs-bundle-bar-open #chat-button,html.cs-bundle-bar-open .c-app.is-floating{bottom:calc(var(--cs-bundle-bar-height, 72px) + 16px)!important;transition:bottom .3s ease}@media(prefers-reduced-motion:reduce){.cs-bundle-builder__bar,.cs-bundle-builder__bar.is-visible{transition:visibility 0s}.cs-bundle-builder__bar-thumb.is-new{animation:none}}@media screen and (min-width:750px){.cs-bundle-builder__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-bundle-builder .cs-bundle-builder__stuff{--button-font-size: var(--type-h3-size)}.cs-bundle-builder__stocking{aspect-ratio:16 / 9}}@media screen and (min-width:1250px){.cs-bundle-builder__bar{display:none}.cs-bundle-builder__grid{grid-template-columns:minmax(0,684fr) repeat(4,minmax(0,261fr))}.cs-bundle-builder__intro{position:relative;display:flex;flex-direction:column;grid-column:1;grid-row:1 / span 2;min-width:0;padding:var(--space-lg)}.cs-bundle-builder__heading{order:0;padding:0;box-shadow:none}.cs-bundle-builder__stocking{order:0;aspect-ratio:auto;margin:0 calc(var(--space-lg) * -1) calc(var(--space-lg) * -1);box-shadow:none}.cs-bundle-builder__panel,.cs-bundle-builder.is-empty .cs-bundle-builder__panel{display:flex;grid-column:4 / span 2;grid-row:1;order:0}.cs-bundle-builder.is-empty .cs-bundle-builder__add{visibility:hidden}.cs-bundle-builder__panel-titles{display:grid}.cs-bundle-builder .cs-bundle-builder__panel-titles>.cs-bundle-builder__panel-title{display:block;grid-area:1 / 1}.cs-bundle-builder.is-empty .cs-bundle-builder__panel-title--stuffed,.cs-bundle-builder:not(.is-empty) .cs-bundle-builder__panel-title--empty{visibility:hidden}.cs-bundle-builder__grid{grid-auto-rows:minmax(15.6vw,auto)}.cs-bundle-builder__item{aspect-ratio:auto}.cs-bundle-builder__list{min-height:calc(var(--cs-bundle-count, 6) * (var(--type-p-sm-size) * var(--type-p-sm-line-height) + var(--space-2xs) * 2 + 1px))}.cs-bundle-builder .cs-bundle-builder__list>li:last-child{border-bottom:0}.cs-bundle-builder .cs-bundle-builder__add{margin-top:auto}}
/*# sourceMappingURL=/cdn/shop/t/467/assets/section-cs-bundle-builder.css.map */