.xo-bundle-modal{width:100%;height:100%}.xo-bundle-modal--radius .xo-bundle-modal__step{border-radius:4rem;overflow:hidden}.xo-bundle-modal--radius .xo-bundle-modal__step-item{border-radius:1.7rem;overflow:hidden}.xo-bundle-modal--radius .xo-bundle-modal__step-item:before{border-radius:50% 50% 0 0}.xo-bundle-modal--radius .xo-bundle-modal__modal-inner{border-radius:2rem 2rem 0 0}.xo-bundle-modal--radius .xo-bundle-modal__progress,.xo-bundle-modal--radius .xo-bundle-modal__progress-inner{border-radius:.5rem;overflow:hidden}.xo-bundle-modal__wrapper{position:absolute;top:50rem;left:0;width:100%}.xo-bundle-modal__wrapper[xo-is-sticky] .xo-bundle-modal__inner{transform:translate(0)}.xo-bundle-modal__inner{transform:translate(-120%);transition:all .5s cubic-bezier(.31,.41,.38,.96);height:100%}.xo-bundle-modal__box{width:100%;height:100%;background-color:color-mix(in srgb,rgba(var(--color-layer)) 100%,transparent);padding:2rem}.xo-bundle-modal__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:2rem}.xo-bundle-modal__title{color:color-mix(in srgb,rgba(var(--color-foreground)) 100%,transparent);font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);word-break:break-word;word-wrap:break-word}.xo-bundle-modal__modal-inner{position:relative;width:100vw;background-color:color-mix(in srgb,rgba(var(--color-background)) 100%,transparent);padding:2rem}.xo-bundle-modal__pan{position:absolute;top:.7rem;left:0;z-index:9;width:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none}.xo-bundle-modal__pan span{width:20%;height:.5rem;background-color:color-mix(in srgb,rgba(var(--color-foreground)) 50%,transparent);border-radius:10rem}.xo-bundle-modal__step{display:flex;flex-wrap:wrap;row-gap:.4rem;padding:.5rem;background-color:color-mix(in srgb,rgba(var(--color-background)) 100%,transparent)}@media (min-width: 992px){.xo-bundle-modal__step{padding:.7rem .8rem}}.xo-bundle-modal__step-item-wrap{flex:1}.xo-bundle-modal__step-text{color:rgba(var(--color-foreground),.6)}.xo-bundle-modal__step-item{position:relative;z-index:1;padding:.4rem 2rem;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:calc(var(--font-body-scale) * 1.2rem);line-height:calc(1 + .4 / var(--font-body-scale));text-align:center;transition:all .3s;overflow:hidden}@media (min-width: 768px){.xo-bundle-modal__step-item{font-size:calc(var(--font-body-scale) * 1.3rem)}}.xo-bundle-modal__step-item:before{content:"";position:absolute;z-index:-1;top:100%;width:100%;height:0;padding-top:100%;background-color:color-mix(in srgb,rgba(var(--color-button)) 100%,transparent);border-radius:0;transition:all .5s cubic-bezier(.25,.74,.22,.99) .05s,border-radius .5s cubic-bezier(.25,.74,.22,.99) .22s}[dir=ltr] .xo-bundle-modal__step-item:before{left:50%;transform:translate(-50%)}[dir=rtl] .xo-bundle-modal__step-item:before{right:50%;transform:translate(50%)}.xo-bundle-modal__step-item[xo-qualified]:before{width:101%;height:101%;padding-top:0;border-radius:0;top:0}[dir=ltr] .xo-bundle-modal__step-item[xo-qualified]:before{transform:translate(-50%)}[dir=rtl] .xo-bundle-modal__step-item[xo-qualified]:before{transform:translate(50%)}.xo-bundle-modal__step-item[xo-qualified] .xo-bundle-modal__step-text{text-shadow:0 -3rem 0 transparent,0 0 0 color-mix(in srgb,rgba(var(--color-button-text)) 100%,transparent);color:transparent}.xo-bundle-modal__sub-title{font-size:calc(var(--font-body-scale) * 1.4rem);line-height:calc(1 + .4 / var(--font-body-scale));color:color-mix(in srgb,rgba(var(--color-foreground)) 100%,transparent);font-weight:400;padding-bottom:1rem;opacity:.7}@media (min-width: 768px){.xo-bundle-modal__sub-title{font-size:calc(var(--font-body-scale) * 1.5rem);padding-bottom:.9rem}}.xo-bundle-modal__progress{width:100%;height:.4rem;background-color:rgba(var(--color-border),.6);overflow:hidden}.xo-bundle-modal__progress-inner{width:100%;height:100%;transform:translate(var(--xo-x));transition:.3s;background-color:color-mix(in srgb,rgba(var(--color-foreground)) 100%,transparent)}.xo-bundle-modal__progress[xo-qualified] .xo-bundle-modal__progress-inner{background-color:color-mix(in srgb,rgba(var(--color-button)) 100%,transparent)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/bundle-modal.css.map */