[xo-pfs]{--pfs-min: 10;--pfs-max: 60;--min-viewport: 40;--max-viewport: 120;--m: (var(--pfs-max) - var(--pfs-min)) / (var(--max-viewport) - var(--min-viewport));--size: clamp( calc(var(--pfs-min) * 1rem), calc( var(--m) * 100vw + var(--pfs-min) * 1rem - var(--m) * var(--min-viewport) * 1rem ), calc(var(--pfs-max) * 1rem) )}.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--collection .xo-bundle-modal__header{padding-bottom:1rem}.xo-bundle-modal--collection.xo-bundle-modal--radius .xo-bundle-modal__box{border-radius:2rem 2rem 0 0}.xo-bundle-modal__wrapper{position:absolute;top:30rem;width:100%}[dir=ltr] .xo-bundle-modal__wrapper{left:0}[dir=rtl] .xo-bundle-modal__wrapper{right:0}.xo-bundle-modal__wrapper[xo-is-sticky] .xo-bundle-modal__inner{transform:translateY(0)}.xo-bundle-modal__inner{transform:translateY(120%);transition:all .5s cubic-bezier(.31,.41,.38,.96);height:100%}.xo-bundle-modal__box{width:100%;height:100%;padding:1.6rem 2rem;background-color:color-mix(in srgb,rgba(var(--color-layer)) 100%,transparent);border-top:.1rem solid rgba(var(--color-border),.6)}.xo-bundle-modal__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.5rem}.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-layer)) 100%,transparent);padding:2rem}.xo-bundle-modal__modal-trigger{position:relative;padding-inline-end:1rem}.xo-bundle-modal__size{padding:.4rem;min-width:1.8rem;height:1.8rem;background-color:color-mix(in srgb,rgba(var(--color-button)) 100%,transparent);border-radius:1.6rem;position:absolute;top:0;z-index:9;display:flex;justify-content:center;align-items:center;color:color-mix(in srgb,rgba(var(--color-button-text)) 100%,transparent);font-weight:500;font-size:calc(var(--font-body-scale) * 1rem);line-height:calc(1 + 0 / var(--font-body-scale));letter-spacing:calc(var(--font-body-scale) * -.01rem);transition:all .3s}[dir=ltr] .xo-bundle-modal__size{right:0}[dir=rtl] .xo-bundle-modal__size{left:0}.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)}.xo-bundle-modal__close{position:absolute;top:1.5rem}[dir=ltr] .xo-bundle-modal__close{right:1.5rem}[dir=rtl] .xo-bundle-modal__close{left:1.5rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bundle-modal.css.map */