.upsell-modal-opener,.card-product-form .upsell-modal-opener{display:none}.upsell-modal{display:none;visibility:hidden;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;overflow:hidden;opacity:0;z-index:-10000;pointer-events:none}.upsell-modal.upsell-modal--init{display:block;transition:visibility 0s var(--duration-medium),opacity 0s var(--duration-medium),z-index 0s var(--duration-medium)}.upsell-modal[open]{visibility:visible;opacity:1;z-index:101;pointer-events:all;transition:visibility 0s 0s,opacity 0s 0s,z-index 0s 0s}.upsell-modal__wash,.upsell-modal__wash:empty{position:fixed;top:0;left:0;right:0;bottom:0;display:block;width:100%;height:100%;background:rgba(var(--color-foreground),.2);z-index:1;pointer-events:none;opacity:0;transition:opacity var(--duration-medium) var(--ease-out-slow)}.upsell-modal[open] .upsell-modal__wash{opacity:1}.upsell-modal__content{--modal-height-offset: 20px;position:fixed;top:50%;left:50%;max-width:85rem;width:calc(100% - 1rem);max-height:calc(100% - var(--modal-height-offset) * 2);margin:0 auto;border-radius:12px;border:1.5px solid #D37FFF;background:#fff;box-shadow:0 0 16px #d37fff;overflow:hidden;z-index:2;transform:translate(-50%);opacity:0;transition:transform var(--duration-medium) var(--ease-out-slow),opacity var(--duration-medium) var(--ease-out-slow)}.upsell-modal[open] .upsell-modal__content{transform:translate(-50%,-50%);opacity:1}@media screen and (min-width: 400px){.upsell-modal__content{width:calc(100% - 3rem)}}@media screen and (min-width: 750px){.upsell-modal__content{width:80%;overflow-y:auto}}@media screen and (min-width: 990px){.upsell-modal__content{width:70%}}.upsell-modal__header{position:relative;display:grid;grid-template-columns:1fr 26px;align-items:center;gap:.5rem;width:100%;padding:1rem .5rem;background:linear-gradient(90deg,#46295a,#784794 35.45%,#d37fff);text-align:center}.upsell-modal__header-title{margin:0 auto;color:#fff;font-size:15px}@media screen and (min-width: 480px){.upsell-modal__header{grid-template-columns:26px 1fr 26px;padding:1rem .5rem}.upsell-modal__header-title{grid-column:2 / span 1;font-size:16px}}@media screen and (min-width: 750px){.upsell-modal__header{grid-template-columns:31px 1fr 31px;padding:1rem 1.5rem}.upsell-modal__header-title{font-size:22px}}.upsell-modal__close{display:flex;align-items:center;justify-content:center;margin-left:auto;width:26px;height:26px;background:#000000bf;border:0;border-radius:50%;color:#fff;cursor:pointer;z-index:5;transition:background-color}.upsell-modal__close:hover{background:#000}.upsell-modal__close .icon{width:12px;height:auto;margin:0}@media screen and (min-width: 480px){.upsell-modal__close{grid-column:3 / span 1}}@media screen and (min-width: 750px){.upsell-modal__close{width:31px;height:31px}.upsell-modal__close .icon{width:16px}}.upsell-modal h1,.upsell-modal h2,.upsell-modal h3,.upsell-modal h4,.upsell-modal h5,.upsell-modal h6{margin:0;letter-spacing:.03rem;line-height:normal;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight-bold)}.upsell-modal h1 em,.upsell-modal h2 em,.upsell-modal h3 em,.upsell-modal h4 em,.upsell-modal h5 em,.upsell-modal h6 em{font-style:var(--font-body-style);font-weight:var(--font-body-weight)}.upsell-modal h1 strong,.upsell-modal h2 strong,.upsell-modal h3 strong,.upsell-modal h4 strong,.upsell-modal h5 strong,.upsell-modal h6 strong{font-style:var(--font-body-style);font-weight:var(--font-body-weight-bold);color:#9746ff}.upsell-modal [data-oke-star-rating]{pointer-events:none;transform:scale(.6);transform-origin:left}@media screen and (min-width: 750px){.upsell-modal [data-oke-star-rating]{transform:unset;transform-origin:unset}}.upsell-modal__content-info{height:100%;padding:12px 16px;overflow-y:auto}@media screen and (min-width: 750px){.upsell-modal__content-info{padding:12px 32px 24px}}.upsell-modal__description{margin:0 0 12px;text-align:center}.upsell-modal__description h2,.upsell-modal__description h3{font-size:16px}@media screen and (min-width: 750px){.upsell-modal__description h2,.upsell-modal__description h3{font-size:22px}}.upsell-modal__upsell-item{display:grid;grid-template-columns:100px auto;align-items:center;justify-content:center;gap:8px;margin:12px auto}@media screen and (min-width: 750px){.upsell-modal__upsell-item{grid-template-columns:150px auto;max-width:62rem;margin:16px auto}}.upsell-modal__upsell-image img{display:block;width:100%;height:auto;border-radius:6px}@media screen and (min-width: 750px){.upsell-modal__upsell-image img{border-radius:10px}}.upsell-modal .upsell-modal__upsell-title{display:grid;grid-template-columns:auto 1fr;align-items:flex-start;margin:0;line-height:1;font-size:12px}.upsell-modal__upsell-title-price{display:inline-block;margin-right:6px;padding-right:6px;border-right:2px solid rgb(var(--color-foreground));font-weight:var(--font-body-weight);line-height:1}@media screen and (min-width: 750px){.upsell-modal .upsell-modal__upsell-title{margin:6px 0;font-size:22px}}.upsell-modal__upsell-info-list{margin:10px 0 0;padding:0;list-style:none}.upsell-modal__upsell-info-item{display:flex;align-items:flex-start;font-size:12px}.upsell-modal__upsell-info-item .icon{display:block;width:1rem;height:auto;margin-top:6px;margin-right:6px}@media screen and (min-width: 750px){.upsell-modal__upsell-info-item{font-size:18px}.upsell-modal__upsell-info-item .icon{width:1.25rem}}.upsell-modal__hr{margin:12px 0}@media screen and (min-width: 750px){.upsell-modal__hr{margin:16px 0}}.upsell-modal__gift-description{margin:12px 0;text-align:center}.upsell-modal__gift-description h2,.upsell-modal__gift-description h3{font-size:16px}@media screen and (min-width: 750px){.upsell-modal__gift-description{margin:16px 0}.upsell-modal__gift-description h2,.upsell-modal__gift-description h3{font-size:22px}}.upsell-modal__gift-item-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px auto;padding:0;list-style:none}@media screen and (min-width: 750px){.upsell-modal__gift-item-list{margin:16px auto}}.upsell-modal__gift-item{flex:0 0 100px;max-width:100px;display:block;text-align:center}@media screen and (min-width: 750px){.upsell-modal__gift-item{flex:0 0 150px;max-width:150px}}.upsell-modal__gift-image{position:relative;margin-bottom:4px}.upsell-modal__gift-image img{display:block;width:100%;height:auto;border-radius:6px}@media screen and (min-width: 750px){.upsell-modal__gift-image img{border-radius:10px}}.upsell-modal__gift-image .badge{position:absolute;top:4px;left:4px}.upsell-modal__gift-title{margin:0;font-size:12px}.upsell-modal__gift-subtitle{margin:0;font-size:11px}@media screen and (min-width: 750px){.upsell-modal__gift-title{font-size:16px}.upsell-modal__gift-subtitle{font-size:14px}}.upsell-modal__gift-inputs{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:12px auto}@media screen and (min-width: 750px){.upsell-modal__gift-inputs{margin:16px auto}}.upsell-modal__gift-selector{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:12px}@media screen and (min-width: 750px){.upsell-modal__gift-selector{flex-direction:row}}.upsell-modal__gift-selector-title{display:block}.upsell-modal__buy-buttons{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:60rem;margin:12px auto 0}.upsell-modal__buy-buttons .button{margin-bottom:12px;font-size:clamp(16px,2.5vw,22px)}.upsell-modal__buy-buttons .link{font-size:clamp(12px,2.5vw,16px)}@media screen and (min-width: 750px){.upsell-modal__buy-buttons{margin:16px auto 0}}
/*# sourceMappingURL=/cdn/shop/t/369/assets/component-fiera-upsell-modal.css.map */