.modal-backdrop.svelte-1pxu55r.svelte-1pxu55r{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;padding-top:var(--header-height, 60px);overflow:hidden}@media screen and (max-width: 767px){.modal-backdrop.svelte-1pxu55r.svelte-1pxu55r{padding:10px;align-items:center}}@media screen and (max-width: 475px){.modal-backdrop.svelte-1pxu55r.svelte-1pxu55r{padding:5px}}.modal-wrapper.svelte-1pxu55r.svelte-1pxu55r{position:relative;width:100%;height:fit-content;max-width:var(--offer-modal-max-width, 500px);margin:auto;max-height:85vh}@media screen and (max-width: 767px){.modal-wrapper.svelte-1pxu55r.svelte-1pxu55r{max-height:calc(100vh - 20px)}}@media screen and (max-width: 475px){.modal-wrapper.svelte-1pxu55r.svelte-1pxu55r{max-height:calc(100vh - 10px)}}.modal-content.svelte-1pxu55r.svelte-1pxu55r{background:var(--offer-modal-background-color, white);border-radius:var(--offer-modal-border-radius, 24px);padding:0;width:100%;height:100%;color:var(--offer-modal-text-color, #000);display:flex;flex-direction:column;overflow-y:auto}.modal-content.svelte-1pxu55r.svelte-1pxu55r:focus{outline:none}.dialog-content.svelte-1pxu55r.svelte-1pxu55r{padding:var(--offer-modal-padding-vertical, 40px) var(--offer-modal-padding-horizontal, 40px);padding-top:calc(var(--offer-modal-padding-vertical, 40px) + 10px);width:100%;height:100%;display:flex;flex-direction:column}.desktop-close-button.svelte-1pxu55r.svelte-1pxu55r{position:absolute;top:-50px;right:-50px;background:var(--offer-modal-background-color, white);border:none;border-radius:var(--offer-modal-close-button-border-radius, 8px);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 2px 8px #00000026;z-index:1001;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.desktop-close-button.svelte-1pxu55r.svelte-1pxu55r:hover{background:#f5f5f5}.desktop-close-button.svelte-1pxu55r:hover .close-icon.svelte-1pxu55r:before,.desktop-close-button.svelte-1pxu55r:hover .close-icon.svelte-1pxu55r:after{background-color:var(--offer-modal-text-color, #000)}@media screen and (max-width: 767px){.desktop-close-button.svelte-1pxu55r.svelte-1pxu55r{display:none}}.mobile-close-button.svelte-1pxu55r.svelte-1pxu55r{position:absolute;top:5px;right:5px;background:#ffffffe6;border:none;border-radius:50%;width:32px;height:32px;display:none;align-items:center;justify-content:center;cursor:pointer;padding:0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1002;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:background-color .2s ease}.mobile-close-button.svelte-1pxu55r.svelte-1pxu55r:hover{background:#fff}@media screen and (max-width: 767px){.mobile-close-button.svelte-1pxu55r.svelte-1pxu55r{display:flex}}.close-icon.svelte-1pxu55r.svelte-1pxu55r{position:relative;width:16px;height:16px}.close-icon.svelte-1pxu55r.svelte-1pxu55r:before,.close-icon.svelte-1pxu55r.svelte-1pxu55r:after{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;background-color:var(--offer-modal-text-color, #000);transition:background-color .2s}.close-icon.svelte-1pxu55r.svelte-1pxu55r:before{transform:rotate(45deg)}.close-icon.svelte-1pxu55r.svelte-1pxu55r:after{transform:rotate(-45deg)}.mobile-close-icon.svelte-1pxu55r.svelte-1pxu55r{position:relative;width:15px;height:15px}.mobile-close-icon.svelte-1pxu55r.svelte-1pxu55r:before,.mobile-close-icon.svelte-1pxu55r.svelte-1pxu55r:after{content:"";position:absolute;top:50%;left:0;width:100%;height:1.5px;background-color:#000;transition:background-color .2s}.mobile-close-icon.svelte-1pxu55r.svelte-1pxu55r:before{transform:rotate(45deg)}.mobile-close-icon.svelte-1pxu55r.svelte-1pxu55r:after{transform:rotate(-45deg)}.offer-meta.svelte-1pxu55r.svelte-1pxu55r{font-family:var(--liferay-font-family-base);display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--offer-modal-text-color, #000);margin-bottom:1rem}@media screen and (max-width: 475px){.offer-meta.svelte-1pxu55r.svelte-1pxu55r{flex-direction:column;align-items:flex-start;gap:.5rem}}.date-range.svelte-1pxu55r.svelte-1pxu55r{font-size:14px;margin:0}.description.svelte-1pxu55r.svelte-1pxu55r{margin-top:0;margin-bottom:1rem;font-size:16px;font-weight:600;letter-spacing:2%;color:var(--offer-modal-text-color, #000);line-height:1.4}@media screen and (max-width: 475px){.description.svelte-1pxu55r.svelte-1pxu55r{font-size:14px}}.longDescription.svelte-1pxu55r.svelte-1pxu55r{font-size:16px;font-weight:400;line-height:1.5;color:var(--offer-modal-text-color, #000);margin:0}@media screen and (max-width: 475px){.longDescription.svelte-1pxu55r.svelte-1pxu55r{font-size:14px}}.offer-modal-details.svelte-1pxu55r.svelte-1pxu55r{width:100%;flex:1}.publisher.svelte-1pxu55r.svelte-1pxu55r{font-size:var(--offer-modal-badge-font-size, 16px);font-weight:600;text-decoration:none;text-transform:uppercase;background-color:var(--offer-modal-badge-bg-color, #f5f5f5);color:var(--offer-modal-badge-text-color, inherit);padding:5px 10px;border-radius:var(--offer-modal-badge-border-radius, 4px);-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);white-space:nowrap}@media screen and (max-width: 475px){.publisher.svelte-1pxu55r.svelte-1pxu55r{font-size:calc(var(--offer-modal-badge-font-size, 16px) - 2px)}}a.publisher.svelte-1pxu55r.svelte-1pxu55r:hover{color:var(--offer-modal-badge-text-color, inherit);text-decoration:none}.image-container.svelte-1pxu55r.svelte-1pxu55r{position:relative;background:var(--offer-modal-background-color, #fff);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;border-radius:var(--offer-modal-border-radius, 10px);height:300px}@media screen and (max-width: 768px){.image-container.svelte-1pxu55r.svelte-1pxu55r{background-color:#eaeaea52;height:250px}}@media screen and (max-width: 475px){.image-container.svelte-1pxu55r.svelte-1pxu55r{height:200px}}.image-container.svelte-1pxu55r img.svelte-1pxu55r{width:100%;height:100%;object-fit:contain;border-radius:var(--offer-modal-border-radius, 10px)}