.mailinglist-blade{display:flex;margin:0 auto;gap:24px}@media screen and (max-width: 1023px){.mailinglist-blade{flex-direction:column}}.mailinglist-blade .mailinglist-content{width:100%;padding:24px 32px 60px;background-color:#fff;box-shadow:0 2px 10px #00000040;border-radius:4px;position:relative;h2 {margin: 0 0 12px; font-weight: 700; font-size: 20px; line-height: 28px; color: #F39100 !important;} .m365-embeded {padding: 0; background-color: #ffffff !important; border: none;} .m365-description {font-weight: 400; font-size: 16px; line-height: 24px;} .error-description {color: #ff4050 !important; &:before {content: ""; display: inline-block; width: 28px; height: 28px; background-size: contain; background-repeat: no-repeat; background-position: center; vertical-align: middle; background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.99999%2013.5998L15.9%207.6998C16.0833%207.51647%2016.3167%207.4248%2016.6%207.4248C16.8833%207.4248%2017.1167%207.51647%2017.3%207.6998C17.4833%207.88314%2017.575%208.11647%2017.575%208.3998C17.575%208.68314%2017.4833%208.91647%2017.3%209.0998L10.7%2015.6998C10.5%2015.8998%2010.2667%2015.9998%209.99999%2015.9998C9.73332%2015.9998%209.49999%2015.8998%209.29999%2015.6998L6.69999%2013.0998C6.51665%2012.9165%206.42499%2012.6831%206.42499%2012.3998C6.42499%2012.1165%206.51665%2011.8831%206.69999%2011.6998C6.88332%2011.5165%207.11665%2011.4248%207.39999%2011.4248C7.68332%2011.4248%207.91665%2011.5165%208.09999%2011.6998L9.99999%2013.5998Z%22%20fill%3D%22%23ff4050%22%2F%3E%3C%2Fsvg%3E);}} .already-description:before {content: ""; display: inline-block; width: 28px; height: 28px; background-size: contain; background-repeat: no-repeat; background-position: center; vertical-align: middle; background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.99999%2013.5998L15.9%207.6998C16.0833%207.51647%2016.3167%207.4248%2016.6%207.4248C16.8833%207.4248%2017.1167%207.51647%2017.3%207.6998C17.4833%207.88314%2017.575%208.11647%2017.575%208.3998C17.575%208.68314%2017.4833%208.91647%2017.3%209.0998L10.7%2015.6998C10.5%2015.8998%2010.2667%2015.9998%209.99999%2015.9998C9.73332%2015.9998%209.49999%2015.8998%209.29999%2015.6998L6.69999%2013.0998C6.51665%2012.9165%206.42499%2012.6831%206.42499%2012.3998C6.42499%2012.1165%206.51665%2011.8831%206.69999%2011.6998C6.88332%2011.5165%207.11665%2011.4248%207.39999%2011.4248C7.68332%2011.4248%207.91665%2011.5165%208.09999%2011.6998L9.99999%2013.5998Z%22%20fill%3D%22%23242424%22%2F%3E%3C%2Fsvg%3E);} .m365-form-groups {width: 100%;} .m365-form-group {margin-bottom: 0;} .m365-input-label {&::after {content: " *"; color: #ff4050;}} .m365-input-text {height: 48px; padding: 12px 16px; border-radius: 8px; background-color: #F6F6F6; border: 1px solid #E7E7E7; font-weight: 400; font-size: 16px; line-height: 24px; &:focus {border-color: #E7E7E7;}} .m365-input-error {border-color: #ff4050; &:focus {border-color: #ff4050;}} .m365-input-message {position: absolute;} .m365-btn {height: 48px; min-width: 280px; padding: 12px; background: #94C11C !important; border-radius: 6px; font-weight: 700; font-size: 16px; line-height: 24px; box-shadow: unset; @media screen and (max-width: 1180px) {width: 100%;} @media screen and (max-width: 767px) {min-width: unset;} &:hover {background-color: #F39100 !important; border-color: #F39100 !important; color: #ffffff !important;} &:focus-within {background-color: #F39100 !important; border-color: #F39100 !important; color: #ffffff !important;}} .m365-btn-container {width: 100%;} .form-wrapper {padding-bottom: 20px; margin-top: 40px; display: flex; gap: 16px; align-items: flex-end; flex-direction: row; @media screen and (max-width: 1180px) {gap: 30px; flex-direction: column;} @media screen and (max-width: 1023px) {gap: 16px; flex-direction: row;} @media screen and (max-width: 767px) {gap: 30px; flex-direction: column;}} .m365-done {font-size: 16px; line-height: 24px; .m365-title {font-weight: 700; text-align: left; margin-bottom: 8px; &:before {content: ""; display: inline-block; width: 28px; height: 28px; background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2013.6L15.9%207.70005C16.0834%207.51672%2016.3167%207.42505%2016.6%207.42505C16.8834%207.42505%2017.1167%207.51672%2017.3%207.70005C17.4834%207.88338%2017.575%208.11671%2017.575%208.40005C17.575%208.68338%2017.4834%208.91672%2017.3%209.10005L10.7%2015.7C10.5%2015.9%2010.2667%2016%2010%2016C9.73338%2016%209.50005%2015.9%209.30005%2015.7L6.70005%2013.1C6.51672%2012.9167%206.42505%2012.6834%206.42505%2012.4C6.42505%2012.1167%206.51672%2011.8834%206.70005%2011.7C6.88338%2011.5167%207.11672%2011.425%207.40005%2011.425C7.68338%2011.425%207.91672%2011.5167%208.10005%2011.7L10%2013.6Z%22%20fill%3D%22%2394C11C%22%2F%3E%3C%2Fsvg%3E); background-size: contain; background-repeat: no-repeat; background-position: center; vertical-align: middle;}} .m365-form-message {padding: 16px; background-color: #FAFDE8; border-radius: 8px; &.sand-bg {background-color: #FFF3E5;}}}}.mailinglist-sidebar{width:314px;min-width:314px;padding:24px 0 24px 16px;background:#FFFFFF;box-shadow:0 2px 10px #00000040;border-radius:4px}@media screen and (max-width: 1023px){.mailinglist-sidebar{width:100%;min-width:100%;padding-top:0;padding-bottom:0}}@media screen and (max-width: 1023px){.mailinglist-sidebar .mailinglist-sidebar--desktop{display:none}}.mailinglist-sidebar--button{width:100%;display:none;padding:10px 0;font-weight:700;font-size:16px;line-height:24px;background:none;border:none;text-align:center}@media screen and (max-width: 1023px){.mailinglist-sidebar--button{display:block}}@media screen and (max-width: 767px){padding: 24px 16px;{}}.sidebar-title{margin:0;padding-right:16px;font-weight:700;font-size:18px;line-height:26px}hr{margin:24px 16px 24px 0}.sidebar-content{height:min(calc(100vh - 280px),478px);overflow-y:auto;transition:all .3s ease-in-out;ul {list-style: none; padding: 0;} ul li {padding-left: 14px; padding-right: 10px; position: relative; &::before {content: ""; width: 6px; height: 6px; background-color: #F39100; border-radius: 50%; position: absolute; left: 0; top: 8px;} & + li {margin-top: 16px;} a {text-decoration: none; font-weight: 400; font-size: 16px; line-height: 24px; color: #242424;}}}@media screen and (max-width: 1023px){.sidebar-content{padding-bottom:16px}.sidebar-content.sidebar-content__hidden{padding-bottom:0;height:0}}.spinner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f3f3f3;display:flex;justify-content:center;align-items:center;z-index:101}.spinner-overlay.hidden{display:none}.spinner{width:40px;height:40px;border:3px solid rgba(243,145,0,.2);border-top-color:#f39100;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}