.s-bundle-content{--padding:1.5rem;--column-count:1;background-color:var(--surface-primary)}.s-bundle-content>*{min-height:100%}.s-bundle-content__header{align-items:center;background-color:var(--surface-primary);display:flex;flex-direction:row;justify-content:space-between;padding-bottom:.5rem;padding-left:1.5rem;padding-top:.75rem;position:sticky;top:0;width:100%;z-index:2}.s-bundle-content__header .btn{margin-left:auto;margin-right:.125rem}.s-bundle-content__list{display:grid;gap:.75rem;grid-template-columns:repeat(var(--column-count),minmax(0,1fr));padding:.25rem var(--padding) var(--padding) var(--padding)}.s-bundle-content__footer{align-items:center;background-color:var(--surface-primary);bottom:0;box-shadow:0 -.45rem .75rem rgba(1,12,6,.05);-moz-column-gap:1.5rem;column-gap:1.5rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:1rem var(--padding);position:sticky;row-gap:.5rem;z-index:2}.s-bundle-content__actions{align-items:stretch;display:flex;flex-direction:row;flex-grow:2;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.s-bundle-content__actions>*{flex:auto}.s-bundle-content__actions>.input-group:not(.input-qty){display:grid}.s-bundle-content__actions .input-qty{max-width:-moz-max-content;max-width:max-content}.s-bundle-content__actions select{border-radius:.25rem}.s-bundle-content--modal{bottom:0;display:none;height:auto;justify-content:stretch!important;left:0;margin:auto;position:fixed;right:0;top:0;transform:translateY(100%);transition:transform .25s ease-in-out;width:100%;z-index:-10}.s-bundle-content--modal.is-active{align-items:center;display:flex;flex-direction:column;justify-content:center;pointer-events:none;z-index:10}.s-bundle-content--modal.is-visible{transform:translateY(0)}.s-bundle-content--modal>*{background-color:var(--surface-primary);overflow-y:scroll;pointer-events:auto;position:relative;width:100%}.s-bundle-content--modal.is-active{display:flex!important}.s-bundle-content__status{font-size:1.15rem;font-weight:700;line-height:1.2}.s-bundle-content__prod-title{font-family:Walter Turncoat,sans-serif;font-size:.875rem;font-weight:400;line-height:1.1;text-transform:uppercase}.s-bundle-content__title{font-size:1.65rem;font-weight:700;line-height:1.2}.s-bundle-content__atc.is-unavailable{opacity:.5!important;pointer-events:none!important}.s-bundle-content__count-left{background-color:rgba(255,114,64,.25);padding:0 .3rem}.s-bundle-item{background-color:var(--surface-callout);border-radius:.25rem;display:grid;gap:.2rem;height:100%;padding:.75rem .5rem}.s-bundle-item.is-selected{background-color:rgba(255,114,64,.1);box-shadow:0 0 0 .125rem #ff591f}.s-bundle-item.is-disabled{opacity:.75;pointer-events:none}.s-bundle-item__bottom{align-content:space-between;display:grid;gap:1rem;justify-items:center}.s-bundle-item__bottom .input-qty__input{background-color:transparent}.s-bundle-content__text{display:grid;gap:.2rem}.s-bundle-item__title{font-size:1.125rem;font-weight:800;line-height:1.2;text-align:center}.s-bundle-item__flavor{font-family:Walter Turncoat,sans-serif;font-size:.75rem;font-size:.875rem;font-weight:400;line-height:1.1;text-align:center;text-transform:uppercase}.s-bundle-item__image{margin-bottom:.5rem}@media only screen and (min-width:23.4375em){.s-bundle-content{--column-count:2}}@media only screen and (min-width:48em){.s-bundle-content{--column-count:3}.s-bundle-content__list{gap:1.5rem}.s-bundle-content__actions{gap:1rem}.s-bundle-content--modal{max-height:none}.s-bundle-item{padding:1.25rem 1rem}}@media only screen and (min-width:64em){.s-bundle-content{--padding:2.5rem;--column-count:4}.s-bundle-content__header{padding-left:2.5rem}.s-bundle-content__actions{flex-grow:unset}}@media only screen and (min-width:80em){.s-bundle-content{--column-count:5}}@media only screen and (prefers-color-scheme:light){.s-bundle-item__image{mix-blend-mode:multiply}}@media only screen and (prefers-color-scheme:no-preference){.s-bundle-item__image{mix-blend-mode:multiply}}.s-bundle-content__status-m{font-size: 1.15rem; font-weight: 700; line-height: 1.2;} .s-bundle-content__actions > .s-bundle-content__status-m{display: none; margin: auto;}@media(max-width: 520px){.s-bundle-content__actions > .s-bundle-content__status-m{display: flex;} .s-bundle-content__footer > div:first-of-type{display: none;}}