.button-modal-component{.buttonModal{display:none;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4);z-index:9999}
.modal-content{background-color:#fefefe;padding:80px 20px;border:1px solid #888;width:100%;height:100%;overflow:hidden;position:relative;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}
.modal-content::-webkit-scrollbar{display:none}
.closeIcon{float:right;cursor:pointer;position:absolute;right:48px;top:48px}
.button{cursor:pointer;align-items:center;display:flex;flex-direction:column;.button-primary-text{display:flex;align-items:center}
&.-right-sticky{display:none;&:hover,&:active{background-color:var(--colorButtonPrimaryBackgroundFocus)}
@media(max-width:1024px){display:flex;position:fixed;bottom:10%;right:24px;border-radius:16px;padding:var(--spacing-lg) var(--spacing-2xl);background-color:var(--colorButtonPrimaryBackground);border-color:var(--colorButtonPrimaryBorder);color:var(--colorButtonPrimaryText);width:162px;box-shadow:0 2px 4px -2px rgba(16,24,40,0.06),0 4px 8px -2px rgba(16,24,40,0.1);border:0;z-index:1000;transition:background-color 300ms ease-out;.button-primary-text{display:flex;align-items:center;font-size:19.2px;line-height:120%;font-weight:600;text-align:left}
}
@media(max-width:768px){display:flex;position:fixed;bottom:5%;right:12px;border-radius:8px;padding:var(--spacing-lg) var(--spacing-xl);width:133px;.button-primary-text{font-size:16px;line-height:120%}
}
}
}
.buttons-container{align-items:center;display:flex;flex-flow:row wrap;&.-center{justify-content:center}
&.-flex-start{justify-content:flex-start}
&.-flex-end{justify-content:flex-end}
&.-space-evenly{justify-content:space-evenly}
&.-space-around{justify-content:space-around}
&.-space-between{justify-content:space-between}
&.-one-btn .dover-cta.-link{justify-content:flex-start;text-align:left}
&.-fill>.button{flex:1 1 100%}
}
.modalbgimg{position:absolute;bottom:0;right:0;z-index:2}
.marketoForm{min-height:450px;overflow-y:auto;max-width:var(--width-3xl,1160px);justify-self:center;z-index:3;position:relative}
.swep-mtk-form-title{font-family:var(--fontSwep);font-weight:600;font-size:44px;line-height:120%;color:#b50014;margin-bottom:14px}
.thankyou-text{font-family:var(--fontSwep);font-weight:600;font-size:44px;line-height:120%;color:#b50014;margin-bottom:14px;display:block}
.thankyou-subtext{font-family:var(--fontSwep);font-weight:400;font-size:18px;line-height:140%;color:#292929;margin-bottom:48px}
.thank-you-page{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;height:400px;max-width:542px;margin:0 auto}
.mktoCloseButton{font-family:var(--fontSwep) !important;font-size:16px;font-weight:bold;line-height:140%;width:100%;max-width:160px !important;min-height:46px !important;height:auto;color:#fff;background:#b50014;border-radius:100px;border:0;margin:0 auto !important}
.mktoCloseButton:hover{background:#910014 !important}
.swep-mtk-form-label{font-family:var(--fontSwep);font-weight:400;font-size:18px;line-height:140%;color:#292929;margin-bottom:48px}
.selectlabel{font-family:var(--fontSwep);font-weight:500;font-size:14px;line-height:130%;color:#525252;margin-bottom:48px}
.productline{align-items:center;appearance:none;background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyMCAyMCc+PHBhdGggc3Ryb2tlPScjNmI3MjgwJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMS41JyBkPSdtNiA4IDQgNCA0LTQnLz48L3N2Zz4=);background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:1px solid #D6D6D6;border-radius:8px;box-shadow:0 1px 2px 0 rgba(16,24,40,0.05);color:#525252;display:flex;font-family:var(--font-swep);font-size:var(--text-md);font-style:normal;font-weight:600;height:42px;line-height:140%;overflow:hidden;padding:10px 14px;padding-right:2.5rem !important;-webkit-print-color-adjust:exact;text-overflow:ellipsis;width:100%;max-width:480px;margin-bottom:48px;margin-top:6px;&:focus,&:focus-visible,&:active{border:2px solid #b50014;outline:0}
}
@media(max-width:1024px){.modalbgimg{width:476px;height:169px}
.modal-content{display:flex;justify-content:center;padding:var(--spacing-8xl,80px);display:flex;justify-content:center}
.marketoForm{height:600px}
.closeIcon{right:27px;top:24px}
}
@media(max-width:768px){.modalbgimg{display:none}
.marketoForm{height:100%;margin:var(--spacing-4xl,32px) var(--H-space-outer,8px)}
.modal-content{padding:var(--spacing-6xl,48px) 0}
}
@media(max-width:768px){.swep-mtk-form-title,.thankyou-text{font-size:calc(44px * 0.64)}
.swep-mtk-form-label,.thankyou-subtext{font-size:calc(18px * 0.93)}
.selectlabel{font-size:calc(14px * 0.93)}
.thank-you-page{padding:0 16px}
}
@media(min-width:769px) and (max-width:1024px){.swep-mtk-form-title,.thankyou-text{font-size:calc(44px * 0.80)}
}
button.dover-cta:not(.-link),button.dover-cta.-link{&.-with-carat{.button-primary-text{&:after{background-color:#fff;content:"";height:20px;margin-left:12px;-webkit-mask-image:url("../../../../../../content/dam/swep/Icons/icon-chevron-right.svg");mask-image:url("../../../../../../content/dam/swep/Icons/icon-chevron-right.svg");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:relative;width:20px}
}
}
&.-with-arrow{.button-primary-text{&:after{background-color:#fff;content:"";height:20px;margin-left:12px;-webkit-mask-image:url("../../../../../../content/dam/swep/Icons/arrow-narrow-right.svg");mask-image:url("../../../../../../content/dam/swep/Icons/arrow-narrow-right.svg");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:relative;width:20px}
}
}
&.-with-plus{.button-primary-text{&:after{background-color:#fff;content:"";height:20px;margin-left:12px;-webkit-mask-image:url("../../../../../../content/dam/swep/Icons/icn-hotspot-btn.svg");mask-image:url("../../../../../../content/dam/swep/Icons/icn-hotspot-btn.svg");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:relative;width:20px}
}
}
&.-small{&.-with-carat,&.-with-arrow,&.-with-plus{.button-primary-text{&:after{height:16px;width:16px}
}
}
}
}
}