.pdp-modal__trigger{display:flex;align-items:center;justify-content:left;width:max-content;gap:5px;font-size:14px;border-radius:5px;padding:0;background:#fafafa;border:none;cursor:pointer;transition:opacity .3s ease-in-out,filter .3s ease-in-out}.pdp-modal__trigger span{padding:5px 10px}.pdp-modal__trigger--homepage{width:100%;justify-content:center;gap:12px;padding:16px 20px;border-radius:0;background:#f5f5f5}@media (max-width: 767px){.pdp-modal__trigger--homepage{gap:8px;padding:12px 16px}}.pdp-modal__trigger-icon{font-size:28px;padding:0!important}.pdp-modal__trigger-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:0!important;text-align:left}.pdp-modal__trigger-text strong{font-size:16px;font-weight:700;line-height:1}@media (max-width: 767px){.pdp-modal__trigger-text strong{font-size:14px}}.pdp-modal__trigger-text u{font-size:14px;font-weight:400}.pdp-modal__product-title{font-size:16px;font-weight:700;text-align:center;margin:0 0 16px;text-wrap:balance}.pdp-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;visibility:hidden;pointer-events:none;transition:visibility 0s linear .3s}.pdp-modal__overlay.is-open{visibility:visible;pointer-events:auto;transition:visibility 0s linear 0s}.pdp-modal__overlay.is-open .pdp-modal__backdrop{opacity:1}.pdp-modal__overlay.is-open .pdp-modal__content{transform:translateY(0)}@media (min-width: 768px){.pdp-modal__overlay.is-open .pdp-modal__content{transform:none}}@media (min-width: 768px){.pdp-modal__overlay{align-items:center}.pdp-modal__overlay.is-open .pdp-modal__content{opacity:1;transition:opacity .3s ease}.pdp-modal__overlay:not(.is-open) .pdp-modal__content{opacity:0;transition:none}}.pdp-modal__overlay:not(.no-animation) .pdp-modal__price,.pdp-modal__overlay:not(.no-animation) .pdp-modal__bar-segment span{opacity:0}.pdp-modal__overlay:not(.no-animation) .pdp-modal__bar-segment--total-costs{height:10px}.pdp-modal__overlay:not(.no-animation) .pdp-modal__bar-segment--fair-markup,.pdp-modal__overlay:not(.no-animation) .pdp-modal__bar-segment--retail-markup{height:0;padding:0 8px;overflow:hidden}.pdp-modal__overlay.is-animating .pdp-modal__bar-segment--total-costs{animation:expandTotalCosts .6s ease-out forwards}.pdp-modal__overlay.is-animating .pdp-modal__bar-segment--total-costs span{animation:fadeInUp .36s ease-out .3s forwards}.pdp-modal__overlay.is-animating .pdp-modal__bar-segment--fair-markup{animation:expandFairMarkup .48s ease-out .66s forwards}.pdp-modal__overlay.is-animating .pdp-modal__bar-segment--fair-markup span{animation:fadeInUp .36s ease-out .84s forwards}.pdp-modal__overlay.is-animating .pdp-modal__bar-segment--retail-markup{animation:expandRetailMarkup .48s ease-out .66s forwards}.pdp-modal__overlay.is-animating .pdp-modal__bar-segment--retail-markup span{animation:fadeInUp .36s ease-out .84s forwards}.pdp-modal__overlay.is-animating .pdp-modal__price{animation:fadeIn .36s ease-out 1.08s forwards}.pdp-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;opacity:0;transition:opacity .3s ease}.pdp-modal__content{position:relative;background-color:#fff;border-radius:12px 12px 0 0;width:100%;height:90vh;max-height:90vh;overflow-y:auto;transform:translateY(100%);transition:transform .3s ease;padding:20px}@media (min-width: 768px){.pdp-modal__content{width:90%;max-width:600px;height:auto;max-height:80vh;border-radius:12px;transform:none;transition:none}}.pdp-modal__close-container{position:sticky;top:0;display:flex;justify-content:flex-end;z-index:10;height:0;pointer-events:none}.pdp-modal__close{position:relative;top:-10px;right:-6px;background:#fff;border:none;cursor:pointer;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:auto;height:max-content;width:max-content;aspect-ratio:1/1}.pdp-modal__close svg{width:20px;height:20px}.pdp-modal__inner{padding-top:10px}.pdp-modal__title{font-size:20px;font-weight:700;margin-bottom:8px;margin-left:2px}.pdp-modal__subtitle{font-size:18px;line-height:1.1;text-wrap:balance;margin-bottom:20px;margin-left:2px}.pdp-modal__chart-container{background:#fafafa;border:var(--light-gray-border);border-radius:12px;padding:24px 20px 20px}.pdp-modal__chart{display:flex;justify-content:center;align-items:flex-end;gap:40px;margin-bottom:20px;min-height:400px}.pdp-modal__bar-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px;width:140px}.pdp-modal__price{font-size:18px;font-weight:700}.pdp-modal__bar{display:flex;flex-direction:column-reverse;width:100%;border-radius:4px;overflow:hidden}.pdp-modal__bar--tc,.pdp-modal__bar--other{height:auto}.pdp-modal__bar-segment{display:flex;align-items:center;justify-content:center;text-align:center;padding:8px}.pdp-modal__bar-segment span{font-size:14px;font-weight:700;line-height:1.2}.pdp-modal__bar-segment--fair-markup{background-color:#6ab04c;color:#fff;height:40px;flex-shrink:0}.pdp-modal__bar-segment--retail-markup{background-color:#c0392b;color:#fff;height:160px;flex-shrink:0}.pdp-modal__bar-segment--total-costs{background-color:var(--brand-black);color:#fff;height:160px;flex-shrink:0}.pdp-modal__bar-label{display:flex;align-items:center;justify-content:center;height:26px;margin-top:4px}.pdp-modal__bar-label svg{width:100%;max-width:120px;height:auto}.pdp-modal__bar-label span{font-size:16px;font-weight:700;line-height:1.2;text-align:center}.pdp-modal__footnote{font-size:12px;line-height:1.1;color:#888;text-align:center;text-wrap:balance;margin:0}@keyframes expandTotalCosts{0%{height:10px}to{height:160px}}@keyframes expandFairMarkup{0%{height:0;padding:0 8px}to{height:40px;padding:8px}}@keyframes expandRetailMarkup{0%{height:0;padding:0 8px}to{height:160px;padding:8px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.pdp-modal__overlay .pdp-modal__price,.pdp-modal__overlay .pdp-modal__bar-segment span{opacity:1}.pdp-modal__overlay .pdp-modal__bar-segment--total-costs{height:160px}.pdp-modal__overlay .pdp-modal__bar-segment--fair-markup{height:40px;padding:8px}.pdp-modal__overlay .pdp-modal__bar-segment--retail-markup{height:160px;padding:8px}.pdp-modal__overlay.is-animating .pdp-modal__bar-segment--total-costs,.pdp-modal__overlay.is-animating .pdp-modal__bar-segment--fair-markup,.pdp-modal__overlay.is-animating .pdp-modal__bar-segment--retail-markup,.pdp-modal__overlay.is-animating .pdp-modal__bar-segment span,.pdp-modal__overlay.is-animating .pdp-modal__price{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/645/assets/component-pdp-modal.css.map */