.esim-benefits{display:grid;grid-template-columns:auto auto;font-size:1.1rem;line-height:1.4em;margin:0 auto;justify-content:center;width:100%}.esim-benefits>div{display:flex;align-items:center;gap:.4rem}.esim-benefits div:first-of-type:not(.afterpay__btn-content){padding-right:1rem}.esim-delivery{grid-column:span 2}.line-break{width:100%;border-bottom:1px solid rgba(51,63,72,.2);height:0px;grid-column:span 2}.esim-benefits svg{width:18px;height:18px}.afterpay__container{padding-left:1rem;border-left:1px solid #333f48;display:flex;justify-content:center;align-items:center}.afterpay__btn{background:transparent;border:none;padding:0;cursor:pointer;color:rgba(var(--color-foreground),.75);font-size:11px;font-family:var(--text-font-family)}.afterpay-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;align-items:center;justify-content:center;z-index:2147483637;opacity:0;pointer-events:none;transition:opacity .5s ease-in-out}.afterpay-modal.open{opacity:1;pointer-events:auto}.afterpay-modal-inner{width:90%;border-radius:1.2rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-70%);background-color:#fff;border-radius:8px;opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.afterpay-modal.open .afterpay-modal-inner{opacity:1;transform:translate(-50%,-50%);height:95%;max-height:fit-content;width:max-content;max-width:95%;padding:1.6rem;display:flex;align-items:center}.afterpay-info__mobile,.afterpay-info__desktop{display:none;border-radius:.8rem}.afterpay-modal.open .afterpay-info__mobile{display:block;margin:0 auto;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.afterpay-modal.open .afterpay-modal__close{opacity:1}.afterpay-modal__close{background-color:transparent;border:none;position:absolute;top:1.6rem;right:1.6rem;cursor:pointer;opacity:0;transition:opacity .3s ease-in-out}.afterpay-modal__close svg{width:1.6rem;height:1.6rem}@media screen and (max-width:405px){.esim-benefits{overflow:visible;white-space:nowrap}.esim-benefits div:first-of-type:not(.afterpay__btn-content){padding-right:1rem}.esim-benefits svg{width:12px;height:12px}.afterpay__container{padding-left:1rem}}@media screen and (min-width:840px){.afterpay-modal.open .afterpay-info__mobile{display:none}.afterpay-modal.open .afterpay-info__desktop{display:flex;margin:0 auto;max-width:100%;max-height:100%}}
/*# sourceMappingURL=/cdn/shop/t/231/assets/esim-benefits.css.map */