.bundle{padding:2rem 0;position:fixed;bottom:0;left:0;width:100%;z-index:99;background-color:transparent;border-bottom:1px solid transparent;transition:all .3s;background-color:rgb(var(--color-base-background-2));border-top:1px solid rgba(var(--color-base-accent-1),.2)}.bundle__selector{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}@media screen and (min-width: 576px){.bundle__selector{flex-direction:row;gap:3rem}}.bundle__dots{display:flex;align-items:center;gap:1.5rem}.bundle__dot{width:2rem;height:2rem;background-color:rgb(var(--color-base-accent-1));border-radius:100%;font-size:1rem;font-weight:700;color:rgb(var(--color-background));display:flex;align-items:center;justify-content:center}.bundle__dot--filled{background-color:rgb(var(--color-foreground))}.bundle__button{padding:1.5rem 2rem;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));font-weight:700;font-family:var(--font-body);font-size:1.4rem;border:none;border-radius:.8rem;cursor:pointer}.bundle__button--disabled{background-color:rgb(var(--color-base-accent-1))}.bundle__button--disabled:disabled{cursor:not-allowed}.bundle__button--loading{cursor:not-allowed;opacity:.5}.bundle__response{text-align:center;font-size:1.2rem;margin-bottom:2rem}@media screen and (min-width: 576px){.bundle__response{font-size:1.6rem}}.bundle__controls{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1rem}@media screen and (min-width: 576px){.bundle__controls{flex-direction:row}}.bundle__control{display:flex;align-items:center;justify-content:center;width:100%}@media screen and (min-width: 576px){.bundle__control{width:60%}}.bundle__control:first-child{border:1px solid rgb(var(--color-foreground));border-radius:.8rem;width:100%}@media screen and (min-width: 576px){.bundle__control:first-child{width:40%}}.bundle__control-button{background-color:transparent;border:none;width:4rem;height:4.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:2rem;font-weight:700;color:rgb(var(--color-foreground))}.bundle__control-input{-webkit-appearance:none;-moz-appearance:textfield;background-color:transparent;border:none;width:100%;flex:1;height:4.5rem;text-align:center;font-size:1.6rem;font-weight:700;outline:none;color:rgb(var(--color-foreground))}.bundle__control .bundle__button{width:100%;text-transform:uppercase}
/*# sourceMappingURL=/cdn/shop/t/787/assets/component-bundle.css.map */
