.xoo-wsc-container,
.xoo-wsc-slider,
.xoo-wsc-basket {
transition-duration: 0.2s !important;
transition-timing-function: var(--default-transition-timing-function) !important;
}
.xoo-wsc-opac {
transition: height 0s 0.2s, opacity 0.2s 0s !important;
}
.xoo-wsc-cart-active .xoo-wsc-opac {
transition: height 0s 0s, opacity 0.2s !important;
} body.molecule-promo-popup-open .xoo-wsc-opac,
body.molecule-promo-popup-open .xoo-wsc-container,
body.molecule-promo-popup-open .xoo-wsc-slider,
body.molecule-promo-popup-open .xoo-wsc-basket {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
} .xoo-wsc-container .xoo-wsc-bki,
.xoo-wsc-container .xoo-wsch-bki {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.6rem;
height: 1.6rem;
font-size: 0;
line-height: 0;
}
.xoo-wsc-container .xoo-wsc-bki::before,
.xoo-wsc-container .xoo-wsch-bki::before {
content: "";
display: block;
width: 1.6rem;
height: 1.6rem;
background-repeat: no-repeat;
background-position: center;
background-size: 1.6rem 1.6rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='2' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 8H3.902a2 2 0 0 0-1.937 2.497l2.238 8.7A2 2 0 0 0 6.14 20.7h11.72a2 2 0 0 0 1.937-1.503l2.238-8.7A2 2 0 0 0 20.098 8H12Zm0 0V2' stroke='%23111827' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
} .xoo-wsc-container .xoo-wsch-basket {
display: none !important;
} .xoo-wsc-container .xoo-wsch-close {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
padding: 0.25rem;
border-radius: calc(var(--radius) - 2px);
color: #111827;
background: transparent;
font-size: 0;
line-height: 0;
cursor: pointer;
}
.xoo-wsc-container .xoo-wsch-close::before {
content: "";
display: block;
width: 1rem;
height: 1rem;
background-repeat: no-repeat;
background-position: center;
background-size: 1rem 1rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='2' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m18 6-12 12M6 6l12 12' stroke='%23111827' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.xoo-wsc-container .xoo-wsch-close:hover,
.xoo-wsc-container .xoo-wsch-close:focus-visible {
background-color: #f3f4f6;
} .xoo-wsc-container .xoo-wsc-ft-btn,
.xoo-wsc-container .xoo-wsc-btn {
border-radius: 9999px !important;
} .xoo-wsc-container .xoo-wsc-ft-btn-cart,
.xoo-wsc-container .xoo-wsc-ft-btn-continue {
border: 1px solid var(--border) !important;
background-color: var(--background) !important;
color: #000000 !important;
}
.xoo-wsc-container .xoo-wsc-ft-btn-cart:hover,
.xoo-wsc-container .xoo-wsc-ft-btn-cart:focus-visible,
.xoo-wsc-container .xoo-wsc-ft-btn-continue:hover,
.xoo-wsc-container .xoo-wsc-ft-btn-continue:focus-visible {
background-color: var(--accent) !important;
color: #000000 !important;
} .xoo-wsc-container .xoo-wsc-ft-btn-cart,
.xoo-wsc-container .xoo-wsc-ft-btn-continue {
display: none !important;
} .xoo-wsc-container .xoo-wsc-ft-btn-checkout {
width: 100%;
} .xoo-wsc-container .xoo-wsc-footer-txt {
color: var(--muted-foreground);
font-size: 0.75rem;
line-height: 1.4;
} .xoo-wsc-container .xoo-wsc-ft-btn:focus-visible,
.xoo-wsc-container .xoo-wsc-btn:focus-visible {
outline: 2px solid var(--ring);
outline-offset: 2px;
}.mrg-gate { --mrg-font: inherit;
--mrg-radius: var(--radius, 0.625rem);
--mrg-brand-bg: var(--foreground, #0a0a0a);
--mrg-brand-fg: var(--primary-foreground, #fafafa);
--mrg-brand-muted: rgba(250, 250, 250, 0.72);
--mrg-brand-accent: var(--primary-foreground, #fafafa);
--mrg-panel-bg: var(--card, #feffff);
--mrg-panel-fg: var(--card-foreground, #0a0a0b);
--mrg-border: var(--border, #e5e5e5);
--mrg-button-bg: var(--primary, #171717);
--mrg-button-fg: var(--primary-foreground, #fafafa);
--mrg-button-hover: #262626;
--mrg-secondary-bg: var(--secondary, #f5f5f6);
--mrg-secondary-fg: var(--secondary-foreground, #171718);
--mrg-secondary-hover: var(--muted, #f2f2f2);
--mrg-muted-text: var(--muted-foreground, #737373);
--mrg-link: var(--foreground, #0a0a0a);
--mrg-error: var(--destructive, #e7000b);
--mrg-discount-bg: var(--muted, #f2f2f2);
--mrg-z: 100000; --mrg-backdrop-pct: 55;
--mrg-brand-overlay-pct: 85;
position: fixed;
inset: 0;
z-index: var(--mrg-z);
font-family: var(--mrg-font);
box-sizing: border-box;
}
.mrg-gate *,
.mrg-gate *::before,
.mrg-gate *::after {
box-sizing: border-box;
}
.mrg-gate[hidden] {
display: none !important;
}
.mrg-gate__backdrop {
position: absolute;
inset: 0;
background: color-mix(
in srgb,
var(--foreground, #0a0a0a) calc(var(--mrg-backdrop-pct, 55) * 1%),
transparent
);
}
@supports not (background: color-mix(in srgb, black 50%, transparent)) {
.mrg-gate__backdrop {
background: rgba(10, 10, 10, calc(var(--mrg-backdrop-pct, 55) / 100));
}
}
.mrg-gate__shell {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
overflow: hidden;
min-height: 0;
box-shadow: 0 25px 60px rgba(0, 0, 0, 0.18);
border-radius: var(--mrg-radius);
}
@media (min-width: 840px) {
.mrg-gate__shell {
inset: 2.5rem;
flex-direction: row;
max-width: 1040px;
max-height: 640px;
margin: auto;
border-radius: calc(var(--mrg-radius) + 0.25rem);
}
}
.mrg-gate__brand-panel {
position: relative;
background: linear-gradient(
160deg,
var(--mrg-brand-bg) 0%,
color-mix(in srgb, var(--mrg-brand-bg) 82%, #171717) 100%
);
color: var(--mrg-brand-fg);
padding: 2rem 1.75rem;
flex: 0 0 auto;
display: flex;
flex-direction: column;
gap: 1rem;
justify-content: flex-start;
}
@supports not (background: color-mix(in srgb, black 50%, transparent)) {
.mrg-gate__brand-panel {
background: linear-gradient(160deg, #0a0a0a 0%, #171717 100%);
}
}
@media (min-width: 840px) {
.mrg-gate__brand-panel {
flex: 0 0 50%;
min-width: 0;
padding: 2.5rem;
}
}
@media (max-width: 839px) { .mrg-gate__brand-panel {
min-height: clamp(11rem, 38vh, 22rem);
}
}
.mrg-gate__brand-panel--has-image {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
isolation: isolate;
}
.mrg-gate__brand-panel--has-image::before {
content: '';
position: absolute;
inset: 0; background: linear-gradient(
160deg,
rgba(10, 10, 10, calc(0.88 * var(--mrg-brand-overlay-pct, 85) / 100)) 0%,
rgba(10, 10, 10, calc(0.78 * var(--mrg-brand-overlay-pct, 85) / 100)) 55%,
rgba(10, 10, 10, calc(0.82 * var(--mrg-brand-overlay-pct, 85) / 100)) 100%
);
z-index: 0;
pointer-events: none;
}
@media (min-width: 840px) {
.mrg-gate__brand-panel--has-image::before {
border-top-left-radius: calc(var(--mrg-radius) + 0.25rem);
border-bottom-left-radius: calc(var(--mrg-radius) + 0.25rem);
}
}
.mrg-gate__brand-panel--has-image > * {
position: relative;
z-index: 1;
} .mrg-gate__eyebrow {
position: absolute;
top: 2rem;
left: 1.75rem;
margin: 0;
width: max-content;
max-width: calc(100% - 3.5rem);
z-index: 2;
text-align: left;
text-transform: uppercase;
letter-spacing: 0.12em;
font-size: 0.7rem;
color: var(--mrg-brand-accent);
font-weight: 600;
}
@media (min-width: 840px) {
.mrg-gate__eyebrow {
top: 2.5rem;
left: 2.5rem;
max-width: calc(100% - 5rem);
}
}
.mrg-gate__proof {
display: flex;
flex-wrap: wrap;
gap: 0.6rem 1rem;
margin-top: auto;
padding-top: 1.25rem;
}
.mrg-gate__proof-item {
display: inline-flex;
align-items: center;
gap: 0.35rem;
font-size: 0.8rem;
color: var(--mrg-brand-muted);
}
.mrg-gate__proof-item svg {
flex-shrink: 0;
color: var(--mrg-brand-accent);
opacity: 0.9;
}
.mrg-gate__panel {
background: var(--mrg-panel-bg);
color: var(--mrg-panel-fg);
flex: 1 1 auto;
min-height: 0;
display: flex;
flex-direction: column;
overflow: auto;
}
@media (min-width: 840px) {
.mrg-gate__panel {
flex: 0 0 50%;
min-width: 0;
}
}
.mrg-gate__inner {
padding: 1.75rem;
max-width: 32rem;
margin: 0 auto;
width: 100%;
flex: 1 1 auto;
display: flex;
flex-direction: column;
min-height: 0;
}
@media (min-width: 840px) {
.mrg-gate__inner {
padding: 2.25rem 2.5rem;
}
}
.mrg-gate__logo-wrap {
margin-bottom: 1.25rem;
flex-shrink: 0;
} .mrg-gate__state[data-mrg-state="auth"]:not([hidden]) {
flex: 1 1 auto;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 0;
} .mrg-gate__state[data-mrg-state="verified"]:not([hidden]) {
flex: 1 1 auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
text-align: center;
min-height: 0;
width: 100%;
gap: 1rem;
}
.mrg-gate__state[data-mrg-state="verified"]:not([hidden]) > .mrg-gate__title {
margin-bottom: 0;
}
.mrg-gate__state[data-mrg-state="verified"]:not([hidden]) > .mrg-gate__intro {
margin-bottom: 0;
}
.mrg-gate__state[data-mrg-state="verified"]:not([hidden]) > .mrg-gate__discount {
margin: 0;
}
.mrg-gate__state[data-mrg-state="verified"]:not([hidden]) > .mrg-gate__newsletter {
text-align: left;
align-self: stretch;
margin: 0;
}
.mrg-gate__state[data-mrg-state="verified"]:not([hidden]) > .mrg-gate__newsletter .mrg-gate__check {
font-size: 0.82rem;
line-height: 1.35;
color: var(--mrg-muted-text);
}
.mrg-gate__state[data-mrg-state="verified"]:not([hidden]) .mrg-gate__button--link {
box-sizing: border-box;
border-radius: var(--mrg-radius);
display: block;
width: 100%;
}
.mrg-gate__logo {
display: block;
max-width: 160px;
height: auto;
}
.mrg-gate__title {
font-size: 1.35rem;
margin: 0 0 0.5rem;
line-height: 1.25;
color: var(--mrg-panel-fg);
}
.mrg-gate__intro {
margin: 0 0 1.25rem;
color: var(--mrg-muted-text);
font-size: 0.95rem;
line-height: 1.5;
}
.mrg-gate__form {
display: flex;
flex-direction: column;
gap: 1rem;
}
.mrg-gate__check {
display: flex;
gap: 0.65rem;
align-items: flex-start;
font-size: 0.85rem;
line-height: 1.45;
cursor: pointer;
color: var(--mrg-panel-fg);
}
.mrg-gate__check input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
position: relative;
width: 1.25rem;
height: 1.25rem;
margin-top: 0.12rem;
flex-shrink: 0;
box-sizing: border-box;
border: 2px solid var(--muted-foreground, #737373);
border-radius: calc(var(--mrg-radius) * 0.35);
background: var(--mrg-panel-bg);
cursor: pointer;
transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
.mrg-gate__check input[type="checkbox"]:checked {
background: var(--mrg-button-bg);
border-color: var(--mrg-button-bg);
}
.mrg-gate__check input[type="checkbox"]:checked::after {
content: "";
position: absolute;
left: 50%;
top: 45%;
width: 0.22rem;
height: 0.45rem;
border: solid var(--mrg-button-fg);
border-width: 0 2px 2px 0;
transform: translate(-50%, -50%) rotate(45deg);
}
.mrg-gate__check input[type="checkbox"]:focus-visible {
outline: 2px solid color-mix(in srgb, var(--ring, #a1a1a1) 65%, transparent);
outline-offset: 2px;
}
.mrg-gate__fields {
display: flex;
flex-direction: column;
gap: 0.85rem;
}
.mrg-gate__field-label {
display: block;
font-size: 0.8rem;
font-weight: 600;
margin-bottom: 0.35rem;
color: var(--mrg-panel-fg);
}
.mrg-gate__required {
color: var(--mrg-error);
}
.mrg-gate__select,
.mrg-gate__input {
width: 100%;
padding: 0.55rem 0.65rem;
border: 1px solid var(--mrg-border);
border-radius: var(--mrg-radius);
font: inherit;
background: var(--mrg-panel-bg);
color: var(--mrg-panel-fg);
}
.mrg-gate__select:focus,
.mrg-gate__input:focus {
outline: 2px solid color-mix(in srgb, var(--ring, #a1a1a1) 65%, transparent);
outline-offset: 1px;
}
.mrg-gate__button {
appearance: none;
border: 1px solid transparent;
border-radius: var(--mrg-radius);
padding: 0.75rem 1.15rem;
font: inherit;
font-weight: 600;
background: var(--mrg-button-bg);
color: var(--mrg-button-fg);
cursor: pointer;
text-align: center;
text-decoration: none;
display: inline-block;
transition: background 0.15s var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1));
}
.mrg-gate__button:hover {
background: var(--mrg-button-hover);
}
.mrg-gate__button:disabled {
opacity: 0.55;
cursor: not-allowed;
}
.mrg-gate__button--secondary {
background: var(--mrg-secondary-bg);
color: var(--mrg-secondary-fg);
border-color: var(--mrg-border);
}
.mrg-gate__button--secondary:hover {
background: var(--mrg-secondary-hover);
}
.mrg-gate__button--link {
width: 100%;
}
.mrg-gate__error {
margin: 0;
font-size: 0.85rem;
color: var(--mrg-error);
}
.mrg-gate__discount {
margin: 1rem 0;
padding: 0.85rem 1rem;
border-radius: var(--mrg-radius);
border: 1px dashed var(--mrg-border);
text-align: center;
background: var(--mrg-discount-bg);
color: var(--mrg-panel-fg);
}
.mrg-gate__discount-code {
font-size: 1.25rem;
font-weight: 700;
letter-spacing: 0.08em;
font-family: ui-monospace, monospace;
color: var(--mrg-panel-fg);
}
.mrg-gate__fine-print {
font-size: 0.78rem;
color: var(--mrg-muted-text);
margin: 0;
padding-top: 1.25rem;
margin-top: auto;
flex-shrink: 0;
line-height: 1.45;
}
.mrg-gate__link {
color: var(--mrg-link);
text-decoration: underline;
text-underline-offset: 2px;
}
.mrg-gate__link:hover {
color: #525252;
}
.mrg-gate-noscript {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #fef3c7;
color: #92400e;
padding: 0.75rem 1rem;
text-align: center;
z-index: calc(var(--mrg-z) + 1);
font-family: var(--mrg-font);
font-size: 0.9rem;
}div.sib-sms-field {
display: inline-block;
position: relative;
width: 100%;
}
.sib-sms-field .sib-country-block {
position: absolute;
right: auto;
left: 0;
top: 0;
bottom: 0;
padding: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sib-country-block .sib-toggle.sib-country-flg {
z-index: 1;
position: relative;
width: 46px;
height: 100%;
padding: 0 0 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #dbdbdb;
cursor: pointer;
}
.sib-country-block .sib-toggle .sib-cflags {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
height: 15px;
width: 20px;
background-repeat: no-repeat;
background-color: #dbdbdb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-image: url(//moleculepeptides.com/wp-content/plugins/mailin/img/flags/fr.png);
}
.sib-country-block .sib-toggle .sib-icon-arrow {
position: absolute;
top: 50%;
margin-top: -2px;
right: 6px;
width:  0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid;
}
.sib-sms-field ul.sib-country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0px;
margin: 0px 0px 0px -1px;
box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 4px;
background-color: white;
border: 1px solid rgb(204, 204, 204);
white-space: nowrap;
max-height: 150px;
overflow-y: scroll;
overflow-x: hidden;
top: 50px;
width: 250px;
}
.sib-sms-field ul.sib-country-list li.sib-country-prefix {
font-size: 14px;
padding:1px 10px;
cursor: pointer;
}
.sib-sms-field ul.sib-country-list li.sib-country-prefix:hover {
background-color: #dbdbdb;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box {
width: 20px;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-flag {
height: 18px;
width: 20px;
background-image: url(//moleculepeptides.com/wp-content/plugins/mailin/img/flags/ad.png);
vertical-align: middle;
display: inline-block;
background-repeat:no-repeat;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-dial-code {
margin-left: 20px;
}
.sib-sms-field .sib-sms {
padding-right: 6px;
padding-left: 52px;
margin-left: 0;
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-right: 0;
}
.sib-multi-lists.sib_error {
color: #A94442;
}