/** Shopify CDN: Minification failed
Line 167:12 Expected "]" to go with "["
Line 167:45 Unexpected "]"
Line 652:28 Expected "]" to go with "["
Line 652:37 Unexpected "]"
Line 2088:30 Expected "]" to go with "["
Line 2088:47 Unexpected "]"
Line 2094:30 Expected "]" to go with "["
Line 2094:47 Unexpected "]"
Line 6463:0 "@charset" must be the first rule in the file
**/
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[2].use[4]!./src/styles/layout/theme.scss ***!
\************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
:root {
--type-primary: "proxima-nova", sans-serif;
--type-billboard: "BD Cartoon Shout";
--type-ashyhouse: "Ashyhouse";
--proxima-nova-lt: "proxima-nova", sans-serif;
--font-body-family: var(--type-primary);
--font-body-style: normal;
--font-body-weight: 300;
--font-body-weight-bold: 600;
--font-heading-family: var(--type-primary);
--font-heading-style: normal;
--font-heading-weight: 400;
--font-body-scale: 1;
--font-heading-scale: 1;
--color-primary: #d2232a;
--color-black: #000000;
--color-white: #ffffff;
--color-grey: #414042;
--color-light-grey: #716f73;
--color-background: #f5f5f5;
--color-background-grey: #f6f6f6;
--color-border: #dfdde3;
--color-disabled-background: #d5d6df;
--color-disabled-text: #a0a1aa;
--color-error: #ab5c00;
--color-error-dark: #ff8a00;
--color-error-light: #fae6e5;
--color-error-background: #faf7e5;
--color-success: #007805;
--color-success-green: #00ad07;
--color-success-light: #edf3ed;
--color-input-bg: #f6f6f6;
--color-base-text: var(--color-black);
--color-shadow: var(--color-black);
--color-base-background-1: var(--color-white);
--color-base-background-2: var(--color-background);
--color-base-solid-button-labels: var(--color-white);
--color-base-outline-button-labels: var(--color-black);
--color-base-accent-1: var(--color-black);
--color-base-accent-2: var(--color-black);
--payment-terms-background-color: var(--color-white);
--gradient-base-background-1: var(--color-white);
--gradient-base-background-2: var(--color-background);
--gradient-base-accent-1: var(--color-black);
--gradient-base-accent-2: var(--color-black);
--color-foreground: var(--color-base-text);
--alpha-foreground: rgba(0, 0, 0, 0.5);
--gradient-background: var(--gradient-base-background-1);
--color-link: var(--color-base-outline-button-labels);
--alpha-link: 0.85;
--color-button: var(--color-base-accent-1);
--color-button-text: var(--color-base-solid-button-labels);
--alpha-button-background: 1;
--alpha-button-border: 1;
--color-badge-background: var(--color-background);
--color-badge-border: var(--color-foreground);
--alpha-badge-border: 0.1;
--color-card-hover: var(--color-base-text);
--color-icon: var(--color-base-text);
--rgb-color-primary: 210, 35, 42;
--rgb-color-black: 0, 0, 0;
--rgb-color-white: 255, 255, 255;
--rgb-color-grey: 65, 64, 66;
--rgb-color-light-grey: 113, 111, 115;
--rgb-color-background: 245, 245, 245;
--rgb-color-background-grey: 246, 246, 246;
--rgb-color-border: 223, 221, 227;
--rgb-color-disabled-background: 213, 214, 223;
--rgb-color-disabled-text: 160, 161, 170;
--rgb-color-error: 171, 92, 0;
--rgb-color-error-dark: 255, 138, 0;
--rgb-color-error-light: 250, 230, 229;
--rgb-color-error-background: 250, 247, 229;
--rgb-color-success: 0, 120, 5;
--rgb-color-success-green: 0, 173, 7;
--rgb-color-success-light: 237, 243, 237;
--rgb-color-input-bg: 246, 246, 246;
--rgb-color-base-text: 0, 0, 0;
--rgb-color-shadow: 0, 0, 0;
--rgb-color-base-background-1: 255, 255, 255;
--rgb-color-base-background-2: 245, 245, 245;
--rgb-color-base-solid-button-labels: 255, 255, 255;
--rgb-color-base-outline-button-labels: 0, 0, 0;
--rgb-color-base-accent-1: 0, 0, 0;
--rgb-color-base-accent-2: 0, 0, 0;
--rgb-payment-terms-background-color: 255, 255, 255;
--rgb-gradient-base-background-1: 255, 255, 255;
--rgb-gradient-base-background-2: 245, 245, 245;
--rgb-gradient-base-accent-1: 0, 0, 0;
--rgb-gradient-base-accent-2: 0, 0, 0;
--rgb-color-foreground: 0, 0, 0;
--rgb-gradient-background: 255, 255, 255;
--rgb-color-link: 0, 0, 0;
--rgb-color-button: 0, 0, 0;
--rgb-color-button-text: 255, 255, 255;
--rgb-color-badge-background: 245, 245, 245;
--rgb-color-badge-border: 0, 0, 0;
--rgb-color-card-hover: 0, 0, 0;
--rgb-color-icon: 0, 0, 0;
--duration-short: 100ms;
--duration-default: 200ms;
--duration-long: 500ms;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
height: 100%;
scroll-behavior: smooth;
}
body {
display: grid;
grid-template-rows: auto auto 1fr auto;
grid-template-columns: 100%;
min-height: 100%;
margin: 0;
font-family: "proxima-nova", sans-serif;
font-family: var(--font-body-family);
font-style: normal;
font-size: 16px;
line-height: 24px;
font-weight: 300;
color: #000000;
color: var(--color-black);
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
.hidden {
display: none;
}
body.noscroll {
overflow: hidden;
}
body #gorgias-chat-container #chat-button {
z-index: 999;
}
body #gorgias-chat-container > div[tabindex="0"] + div #chat-button {
bottom: 795px !important;
}
@media (max-height: 885px) {
body #gorgias-chat-container > div[tabindex="0"] + div #chat-button {
bottom: calc(100% - 91px) !important;
}
}
main#MainContent {
min-height: 65vh;
}
body[\:has\(.search-results\:not\(.hidden\)\)] {
overflow: hidden;
touch-action: none;
}
body:has(.search-results:not(.hidden)) {
overflow: hidden;
touch-action: none;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-bottom: 1rem;
font-style: normal;
font-weight: 400;
}
h1.bold:not(.billboard):not(.ashyhouse),
.h1.bold:not(.billboard):not(.ashyhouse),
h2.bold:not(.billboard):not(.ashyhouse),
.h2.bold:not(.billboard):not(.ashyhouse),
h3.bold:not(.billboard):not(.ashyhouse),
.h3.bold:not(.billboard):not(.ashyhouse),
h4.bold:not(.billboard):not(.ashyhouse),
.h4.bold:not(.billboard):not(.ashyhouse),
h5.bold:not(.billboard):not(.ashyhouse),
.h5.bold:not(.billboard):not(.ashyhouse),
h6.bold:not(.billboard):not(.ashyhouse),
.h6.bold:not(.billboard):not(.ashyhouse) {
font-weight: 500;
}
.billboard {
margin-bottom: 1rem;
font-family: "BD Cartoon Shout";
font-family: var(--type-billboard);
font-style: normal;
font-weight: 400;
text-transform: uppercase;
}
.ashyhouse {
margin-bottom: 1rem;
font-family: "Ashyhouse";
font-family: var(--type-ashyhouse);
font-style: normal;
font-weight: 400;
text-transform: uppercase;
}
.proxima-nova-light {
margin-bottom: 1rem;
font-family: "proxima-nova", sans-serif;
font-family: var(--proxima-nova-lt);
font-style: normal;
font-weight: 300;
text-transform: uppercase;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
}
h1,
.h1 {
font-size: 40px;
line-height: 48px;
}
h1.billboard,
.h1.billboard {
font-size: 32px;
line-height: 38px;
}
h2,
.h2 {
font-size: 32px;
line-height: 38px;
}
h2.billboard,
.h2.billboard {
font-size: 24px;
line-height: 34px;
}
h3,
.h3 {
font-size: 28px;
line-height: 34px;
}
h4,
.h4 {
font-size: 24px;
line-height: 34px;
}
h5,
.h5 {
font-size: 20px;
line-height: 28px;
}
h6,
.h6 {
font-size: 16px;
line-height: 19px;
letter-spacing: 0.1rem;
text-transform: uppercase;
}
@media (min-width: 1024px) {
h1,
.h1 {
font-size: 48px;
line-height: 58px;
}
h1.billboard,
.h1.billboard {
font-size: 40px;
line-height: 48px;
}
h2,
.h2 {
font-size: 40px;
line-height: 48px;
}
h2.billboard,
.h2.billboard {
font-size: 32px;
line-height: 38px;
}
h3,
.h3 {
font-size: 32px;
line-height: 38px;
}
}
b,
strong,
.bold {
font-weight: 600;
}
p,
.p0,
.p1,
.p2,
.p3,
.p4 {
margin: 0 0 1rem 0;
font-style: normal;
font-weight: 400;
}
.p0 {
font-size: 24px;
line-height: 34px;
}
.p1 {
font-size: 20px;
line-height: 26px;
}
p,
.p2 {
font-size: 16px;
line-height: 24px;
}
.p3 {
font-size: 14px;
line-height: 20px;
}
.p4,
.small {
font-size: 12px;
line-height: 16px;
}
@media (min-width: 1024px) {
p {
font-size: 24px;
line-height: 32px;
}
}
a {
color: #000000;
color: var(--color-black);
}
i, em {
font-style: normal;
font-family: "BD Cartoon Shout";
font-family: var(--type-billboard);
font-style: normal;
font-weight: 400;
text-transform: uppercase;
}
i strong, strong i, em strong, strong em {
color: #d2232a;
color: var(--color-primary);
font-weight: 400;
}
img {
display: block;
height: auto;
max-width: 100%;
}
img.object-fit-cover {
-o-object-fit: cover;
object-fit: cover;
}
img.object-fit-contain {
-o-object-fit: contain;
object-fit: contain;
}
.icon {
display: inline-flex;
width: 24px;
height: 24px;
align-items: center;
justify-content: center;
}
.icon.fill--primary svg path {
fill: #d2232a;
fill: var(--color-primary);
}
.icon.fill--white svg path {
fill: #ffffff;
fill: var(--color-white);
}
.icon.fill--black svg path {
fill: #000000;
fill: var(--color-black);
}
.icon.stroke--primary svg path {
stroke: #d2232a;
stroke: var(--color-primary);
}
.icon.stroke--white svg path {
stroke: #ffffff;
stroke: var(--color-white);
}
.icon.stroke--black svg path {
stroke: #000000;
stroke: var(--color-black);
}
.swym-add-to-wishlist > svg > path {
fill: #d2232a;
fill: var(--color-primary);
}
.field-input {
background-color: #f5f5f5;
background-color: var(--color-background);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-flex;
flex-direction: row;
align-items: center;
padding: 8px 12px;
gap: 12px;
font-size: 16px;
line-height: 24px;
color: #414042;
color: var(--color-grey);
border: 1px solid transparent;
border-radius: 0;
outline: 0;
box-shadow: none;
}
.field-input:hover {
border: 1px solid #dfdde3;
border: 1px solid var(--color-border);
}
.field-input:disabled {
background-color: #d5d6df;
background-color: var(--color-disabled-background);
color: #a0a1aa;
color: var(--color-disabled-text);
border: 1px solid #d5d6df;
border: 1px solid var(--color-disabled-background);
}
.field,
.select-container,
.cf-field {
/* Floating Label Start */
position: relative;
/* Overrides for select box*/
/* Floating Label End */
}
.field label,
.select-container label,
.cf-field label {
position: absolute;
top: 0;
left: 0;
height: 100%;
padding: 12px;
pointer-events: none;
border: 1px solid transparent;
transform-origin: 0 0;
transition: transform 0.1s ease-in-out;
color: #414042;
color: var(--color-grey);
font-size: 16px;
line-height: 24px;
font-weight: 400;
z-index: 1;
}
.field label span,
.select-container label span,
.cf-field label span {
color: #d2232a;
color: var(--color-primary);
padding-left: 4px;
font-size: 5px;
vertical-align: middle;
}
@media (prefers-reduced-motion: reduce) {
.field label,
.select-container label,
.cf-field label {
transition: none;
}
}
.field input,
.field select,
.field .field__input,
.select-container input,
.select-container select,
.select-container .field__input,
.cf-field input,
.cf-field select,
.cf-field .field__input {
background-color: #f5f5f5 !important;
background-color: var(--color-background) !important;
}
.field input,
.field select,
.field .field__input,
.select-container input,
.select-container select,
.select-container .field__input,
.cf-field input,
.cf-field select,
.cf-field .field__input {
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
border: none;
height: 48px;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #000000;
color: var(--color-black);
}
.field input::-webkit-outer-spin-button, .field input::-webkit-inner-spin-button,
.field select::-webkit-outer-spin-button,
.field select::-webkit-inner-spin-button,
.field .field__input::-webkit-outer-spin-button,
.field .field__input::-webkit-inner-spin-button,
.select-container input::-webkit-outer-spin-button,
.select-container input::-webkit-inner-spin-button,
.select-container select::-webkit-outer-spin-button,
.select-container select::-webkit-inner-spin-button,
.select-container .field__input::-webkit-outer-spin-button,
.select-container .field__input::-webkit-inner-spin-button,
.cf-field input::-webkit-outer-spin-button,
.cf-field input::-webkit-inner-spin-button,
.cf-field select::-webkit-outer-spin-button,
.cf-field select::-webkit-inner-spin-button,
.cf-field .field__input::-webkit-outer-spin-button,
.cf-field .field__input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.field input[type=number],
.field select[type=number],
.field .field__input[type=number],
.select-container input[type=number],
.select-container select[type=number],
.select-container .field__input[type=number],
.cf-field input[type=number],
.cf-field select[type=number],
.cf-field .field__input[type=number] {
-moz-appearance: textfield;
}
.field input::-moz-placeholder, .field select::-moz-placeholder, .field .field__input::-moz-placeholder, .select-container input::-moz-placeholder, .select-container select::-moz-placeholder, .select-container .field__input::-moz-placeholder, .cf-field input::-moz-placeholder, .cf-field select::-moz-placeholder, .cf-field .field__input::-moz-placeholder {
opacity: 0;
}
.field input::placeholder,
.field select::placeholder,
.field .field__input::placeholder,
.select-container input::placeholder,
.select-container select::placeholder,
.select-container .field__input::placeholder,
.cf-field input::placeholder,
.cf-field select::placeholder,
.cf-field .field__input::placeholder {
opacity: 0;
}
.field input:focus, .field input.focus-visible,
.field select:focus,
.field select.focus-visible,
.field .field__input:focus,
.field .field__input.focus-visible,
.select-container input:focus,
.select-container input.focus-visible,
.select-container select:focus,
.select-container select.focus-visible,
.select-container .field__input:focus,
.select-container .field__input.focus-visible,
.cf-field input:focus,
.cf-field input.focus-visible,
.cf-field select:focus,
.cf-field select.focus-visible,
.cf-field .field__input:focus,
.cf-field .field__input.focus-visible {
box-shadow: 0 0 0 1px #000 !important;
}
.field input:focus, .field input:focus-visible,
.field select:focus,
.field select:focus-visible,
.field .field__input:focus,
.field .field__input:focus-visible,
.select-container input:focus,
.select-container input:focus-visible,
.select-container select:focus,
.select-container select:focus-visible,
.select-container .field__input:focus,
.select-container .field__input:focus-visible,
.cf-field input:focus,
.cf-field input:focus-visible,
.cf-field select:focus,
.cf-field select:focus-visible,
.cf-field .field__input:focus,
.cf-field .field__input:focus-visible {
box-shadow: 0 0 0 1px #000 !important;
}
.field input:hover,
.field select:hover,
.field .field__input:hover,
.select-container input:hover,
.select-container select:hover,
.select-container .field__input:hover,
.cf-field input:hover,
.cf-field select:hover,
.cf-field .field__input:hover {
box-shadow: 0 0 0 1px #dfdde3;
}
.field input.error-visible,
.field select.error-visible,
.field .field__input.error-visible,
.select-container input.error-visible,
.select-container select.error-visible,
.select-container .field__input.error-visible,
.cf-field input.error-visible,
.cf-field select.error-visible,
.cf-field .field__input.error-visible {
color: #ab5c00;
color: var(--color-error);
}
.field input:focus,
.field input:not(:placeholder-shown),
.field input:-webkit-autofill,
.field textarea:focus,
.field textarea:not(:placeholder-shown),
.field textarea:-webkit-autofill,
.select-container input:focus,
.select-container input:not(:placeholder-shown),
.select-container input:-webkit-autofill,
.select-container textarea:focus,
.select-container textarea:not(:placeholder-shown),
.select-container textarea:-webkit-autofill,
.cf-field input:focus,
.cf-field input:not(:placeholder-shown),
.cf-field input:-webkit-autofill,
.cf-field textarea:focus,
.cf-field textarea:not(:placeholder-shown),
.cf-field textarea:-webkit-autofill {
padding: 24px 0 4px 12px;
}
.field input:focus ~ label,
.field input:not(:placeholder-shown) ~ label,
.field input:-webkit-autofill ~ label,
.field textarea:focus ~ label,
.field textarea:not(:placeholder-shown) ~ label,
.field textarea:-webkit-autofill ~ label,
.field .select__label,
.field label[\:has\(\%2B\%20.select\)],
.select-container input:focus ~ label,
.select-container input:not(:placeholder-shown) ~ label,
.select-container input:-webkit-autofill ~ label,
.select-container textarea:focus ~ label,
.select-container textarea:not(:placeholder-shown) ~ label,
.select-container textarea:-webkit-autofill ~ label,
.select-container .select__label,
.select-container label[\:has\(\%2B\%20.select\)],
.cf-field input:focus ~ label,
.cf-field input:not(:placeholder-shown) ~ label,
.cf-field input:-webkit-autofill ~ label,
.cf-field textarea:focus ~ label,
.cf-field textarea:not(:placeholder-shown) ~ label,
.cf-field textarea:-webkit-autofill ~ label,
.cf-field .select__label,
.cf-field label[\:has\(\%2B\%20.select\)] {
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.field input:focus ~ label,
.field input:not(:placeholder-shown) ~ label,
.field input:-webkit-autofill ~ label,
.field textarea:focus ~ label,
.field textarea:not(:placeholder-shown) ~ label,
.field textarea:-webkit-autofill ~ label,
.field .select__label,
.field label:has(+ .select),
.select-container input:focus ~ label,
.select-container input:not(:placeholder-shown) ~ label,
.select-container input:-webkit-autofill ~ label,
.select-container textarea:focus ~ label,
.select-container textarea:not(:placeholder-shown) ~ label,
.select-container textarea:-webkit-autofill ~ label,
.select-container .select__label,
.select-container label:has(+ .select),
.cf-field input:focus ~ label,
.cf-field input:not(:placeholder-shown) ~ label,
.cf-field input:-webkit-autofill ~ label,
.cf-field textarea:focus ~ label,
.cf-field textarea:not(:placeholder-shown) ~ label,
.cf-field textarea:-webkit-autofill ~ label,
.cf-field .select__label,
.cf-field label:has(+ .select) {
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.field select,
.select-container select,
.cf-field select {
background-size: 12px 7px;
background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 7.00073L5.40561e-07 0.817432L0.792491 0.000731442L6 5.36733L11.2075 0.000732353L12 0.817433L6 7.00073Z' fill='black'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: top 50% right 20px;
padding: 22px 0 4px 12px;
}
.field select option[value=""],
.select-container select option[value=""],
.cf-field select option[value=""] {
display: none;
}
.field label.asterisk::after,
.select-container label.asterisk::after,
.cf-field label.asterisk::after {
content: "🔴";
padding-left: 4px;
color: #d2232a;
color: var(--color-primary);
vertical-align: middle;
font-size: 4px;
line-height: 20px;
height: 13px;
}
/* Address form start */
.address-form .field:nth-of-type(1),
.address-form .field:nth-of-type(2) {
align-self: flex-start;
}
.address-form .field input:focus ~ label {
display: inline !important;
display: initial !important;
}
/* Address form end */
/* Error styles for Address forms */
.error-visible {
box-shadow: 0 0 0 1px #ab5c00 !important;
box-shadow: 0 0 0 1px var(--color-error) !important;
}
.cf-field-errors {
display: flex;
align-items: center;
gap: 6px;
margin-left: 2px;
margin-top: 6px;
margin-bottom: 0;
list-style: none;
padding: 0;
}
.cf-field-errors li {
margin: 0;
}
.cf-field-errors li div {
color: #ab5c00;
color: var(--color-error);
font-weight: 400;
font-size: 14px;
line-height: 20px;
}
.cf-field-errors::before {
content: " ";
display: block;
margin-bottom: 1px;
height: 13px;
width: 13px;
background-size: 13px 13px;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.0013 8L6.50241 8.03326C6.51992 8.29591 6.73807 8.5 7.0013 8.5C7.26453 8.5 7.48268 8.29591 7.50019 8.03326L7.0013 8ZM6.66797 3V2.5C6.52958 2.5 6.39739 2.55735 6.30285 2.65841C6.2083 2.75946 6.15987 2.89518 6.16908 3.03326L6.66797 3ZM7.33463 3L7.83353 3.03326C7.84273 2.89518 7.7943 2.75946 7.69976 2.65841C7.60522 2.55735 7.47302 2.5 7.33463 2.5V3ZM12.8346 7C12.8346 10.2217 10.223 12.8333 7.0013 12.8333V13.8333C10.7752 13.8333 13.8346 10.7739 13.8346 7H12.8346ZM7.0013 12.8333C3.77964 12.8333 1.16797 10.2217 1.16797 7H0.167969C0.167969 10.7739 3.22736 13.8333 7.0013 13.8333V12.8333ZM1.16797 7C1.16797 3.77834 3.77964 1.16667 7.0013 1.16667V0.166668C3.22736 0.166668 0.167969 3.22606 0.167969 7H1.16797ZM7.0013 1.16667C10.223 1.16667 12.8346 3.77834 12.8346 7H13.8346C13.8346 3.22606 10.7752 0.166668 7.0013 0.166668V1.16667ZM7.50019 7.96674L7.16686 2.96674L6.16908 3.03326L6.50241 8.03326L7.50019 7.96674ZM6.66797 3.5H7.33463V2.5H6.66797V3.5ZM6.83574 2.96674L6.50241 7.96674L7.50019 8.03326L7.83353 3.03326L6.83574 2.96674ZM7.83463 10.3333C7.83463 9.8731 7.46154 9.5 7.0013 9.5V10.5C6.90925 10.5 6.83463 10.4254 6.83463 10.3333H7.83463ZM7.0013 9.5C6.54106 9.5 6.16797 9.8731 6.16797 10.3333H7.16797C7.16797 10.4254 7.09335 10.5 7.0013 10.5V9.5ZM6.16797 10.3333C6.16797 10.7936 6.54106 11.1667 7.0013 11.1667V10.1667C7.09335 10.1667 7.16797 10.2413 7.16797 10.3333H6.16797ZM7.0013 11.1667C7.46154 11.1667 7.83463 10.7936 7.83463 10.3333H6.83463C6.83463 10.2413 6.90925 10.1667 7.0013 10.1667V11.1667Z' fill='%23AB5C00'/%3E%3C/svg%3E%0A");
}
/* Contact page overrides */
#ContactForm {
display: flex;
flex-direction: column;
gap: 20px;
}
.contact img {
max-width: 100%;
}
.contact .form__message {
align-items: flex-start;
}
.contact .icon-success {
margin-top: 0.2rem;
}
.contact .field {
flex-direction: column;
}
.contact__fields {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 20px 0;
}
@media screen and (min-width: 750px) {
.contact__fields {
grid-template-columns: repeat(2, 1fr);
grid-gap: 0 20px;
}
}
.btn {
display: inline-flex;
background-color: #d2232a;
background-color: var(--color-primary);
color: #ffffff;
color: var(--color-white);
padding: 12px 20px;
align-items: center;
justify-content: center;
font-style: normal;
font-size: 16px;
line-height: 24px;
font-weight: 700;
letter-spacing: 0.1rem;
text-transform: uppercase;
text-decoration: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
border: 1px solid #d2232a;
border: 1px solid var(--color-primary);
border-radius: 0px;
gap: 12px;
}
.btn .icon svg path {
fill: #ffffff;
fill: var(--color-white);
}
.btn__primary {
background-color: #d2232a;
background-color: var(--color-primary);
color: #ffffff;
color: var(--color-white);
border: 1px solid #d2232a;
border: 1px solid var(--color-primary);
}
.btn__primary .icon svg path {
fill: #ffffff;
fill: var(--color-white);
}
.btn__secondary {
background-color: transparent;
color: inherit;
border: 1px solid #dfdde3;
border: 1px solid var(--color-border);
}
.btn__secondary .icon svg path {
fill: #000000;
fill: var(--color-black);
}
.btn__fullwidth {
width: 100%;
}
.btn:hover {
background-color: #414042;
background-color: var(--color-grey);
color: #ffffff;
color: var(--color-white);
border: 1px solid #414042;
border: 1px solid var(--color-grey);
}
.btn:hover .icon svg path {
fill: #ffffff;
fill: var(--color-white);
}
.btn:focus, .btn:active {
background-color: #000000;
background-color: var(--color-black);
color: #ffffff;
color: var(--color-white);
border: 1px solid #000000;
border: 1px solid var(--color-black);
}
.btn:focus .icon svg path, .btn:active .icon svg path {
fill: #ffffff;
fill: var(--color-white);
}
.btn.focus-visible {
outline: 2px solid #000000;
outline: 2px solid var(--color-black);
outline-offset: 2px;
}
.btn.focus-visible {
outline: 2px solid #000000;
outline: 2px solid var(--color-black);
outline-offset: 2px;
}
.btn:focus-visible {
outline: 2px solid #000000;
outline: 2px solid var(--color-black);
outline-offset: 2px;
}
.btn:disabled {
background-color: #d5d6df;
background-color: var(--color-disabled-background);
color: #a0a1aa;
color: var(--color-disabled-text);
border: 1px solid #d5d6df;
border: 1px solid var(--color-disabled-background);
}
.btn:disabled .icon svg path {
fill: #a0a1aa;
fill: var(--color-disabled-text);
}
.gh-megamenu button.focus-visible {
outline: 2px solid #000000;
outline: 2px solid var(--color-black);
outline-offset: 2px;
}
.gh-megamenu button.focus-visible {
outline: 2px solid #000000;
outline: 2px solid var(--color-black);
outline-offset: 2px;
}
.gh-megamenu button:focus-visible {
outline: 2px solid #000000;
outline: 2px solid var(--color-black);
outline-offset: 2px;
}
.js-megamenu-linklist-toggle.focus-visible {
outline: 2px solid #000000;
outline: 2px solid var(--color-black);
outline-offset: 2px;
}
.js-megamenu-linklist-toggle.focus-visible {
outline: 2px solid #000000;
outline: 2px solid var(--color-black);
outline-offset: 2px;
}
.js-megamenu-linklist-toggle:focus-visible {
outline: 2px solid #000000;
outline: 2px solid var(--color-black);
outline-offset: 2px;
}
.gh-megamenu-type3__linklist-title.focus-visible {
outline: 2px solid #000000;
outline: 2px solid var(--color-black);
outline-offset: 2px;
}
.gh-megamenu-type3__linklist-title.focus-visible {
outline: 2px solid #000000;
outline: 2px solid var(--color-black);
outline-offset: 2px;
}
.gh-megamenu-type3__linklist-title:focus-visible {
outline: 2px solid #000000;
outline: 2px solid var(--color-black);
outline-offset: 2px;
}
.gheader__mobile__drawer button.focus-visible {
outline: 2px solid #000000;
outline: 2px solid var(--color-black);
outline-offset: 2px;
}
.gheader__mobile__drawer button.focus-visible {
outline: 2px solid #000000;
outline: 2px solid var(--color-black);
outline-offset: 2px;
}
.gheader__mobile__drawer button:focus-visible {
outline: 2px solid #000000;
outline: 2px solid var(--color-black);
outline-offset: 2px;
}
/* example
LEARN MORE
{% icon, icon: "wishlist" %}
*/
a {
text-decoration-color: rgba(0, 0, 0, 0.2);
text-underline-offset: 0.3rem;
text-decoration-thickness: 1px;
}
a:hover {
color: #d2232a;
color: var(--color-primary);
text-decoration-color: #d2232a;
text-decoration-color: var(--color-primary);
}
a.focus-visible {
outline: 2px solid #000000;
outline: 2px solid var(--color-black);
outline-offset: 2px;
}
a.focus-visible {
outline: 2px solid #000000;
outline: 2px solid var(--color-black);
outline-offset: 2px;
}
a:focus-visible {
outline: 2px solid #000000;
outline: 2px solid var(--color-black);
outline-offset: 2px;
}
#swym-wishlist-render-container {
max-width: 1200px;
margin: 0 auto;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page {
max-width: none;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container {
padding: 30px 12px;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-title-bar {
flex-wrap: wrap;
border-bottom: none;
padding: 0;
height: auto;
gap: 20px;
margin-bottom: 50px;
}
@media only screen and (max-width: 900px) {
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-title-bar {
padding: 0;
margin-bottom: 24px;
}
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-title-bar .swym-wishlist-main-title {
visibility: visible;
font: 400 48px "proxima-nova", sans-serif;
font: 400 48px var(--type-primary);
color: #000000;
color: var(--color-black);
letter-spacing: normal;
}
@media only screen and (max-width: 900px) {
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-title-bar .swym-wishlist-main-title {
width: 100%;
font-size: 40px;
}
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-title-bar button.swym-user-login-status {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDE2QzE1LjY1ODMgMTQuMjEzOSAxMy4wMjY4IDEzIDEwIDEzQzYuOTczMjQgMTMgNC4zNDE3MyAxNC4yMTM5IDMgMTZNMTMuNSA3LjVDMTMuNSA5LjQzMyAxMS45MzMgMTEgMTAgMTFDOC4wNjcgMTEgNi41IDkuNDMzIDYuNSA3LjVDNi41IDUuNTY3IDguMDY3IDQgMTAgNEMxMS45MzMgNCAxMy41IDUuNTY3IDEzLjUgNy41Wk0xOS41IDEwQzE5LjUgMTUuMjQ2NyAxNS4yNDY3IDE5LjUgMTAgMTkuNUM0Ljc1MzI5IDE5LjUgMC41IDE1LjI0NjcgMC41IDEwQzAuNSA0Ljc1MzI5IDQuNzUzMjkgMC41IDEwIDAuNUMxNS4yNDY3IDAuNSAxOS41IDQuNzUzMjkgMTkuNSAxMFoiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K) left center no-repeat;
padding-left: 30px;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-title-bar button.swym-user-login-status.swym-has-user {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjUgNy41QzEzLjUgOS40MzMgMTEuOTMzIDExIDEwIDExQzguMDY3IDExIDYuNSA5LjQzMyA2LjUgNy41QzYuNSA1LjU2NyA4LjA2NyA0IDEwIDRDMTEuOTMzIDQgMTMuNSA1LjU2NyAxMy41IDcuNVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xNyAxNkMxNS42NTgzIDE0LjIxMzkgMTMuMDI2OCAxMyAxMCAxM0M2Ljk3MzI0IDEzIDQuMzQxNzMgMTQuMjEzOSAzIDE2TDIuODc2ODIgMTYuMjg1OUM0LjYxNzUyIDE4LjI1NyA3LjE2MzYgMTkuNSAxMCAxOS41QzEyLjg2ODUgMTkuNSAxNS40NCAxOC4yMjg3IDE3LjE4MTkgMTYuMjE4N0wxNyAxNloiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xMCAxOS41QzE1LjI0NjcgMTkuNSAxOS41IDE1LjI0NjcgMTkuNSAxMEMxOS41IDQuNzUzMjkgMTUuMjQ2NyAwLjUgMTAgMC41QzQuNzUzMjkgMC41IDAuNSA0Ljc1MzI5IDAuNSAxMEMwLjUgMTUuMjQ2NyA0Ljc1MzI5IDE5LjUgMTAgMTkuNVpNMTAgMTkuNUM3LjE2MzYgMTkuNSA0LjYxNzUyIDE4LjI1NyAyLjg3NjgyIDE2LjI4NTlMMyAxNkM0LjM0MTczIDE0LjIxMzkgNi45NzMyNCAxMyAxMCAxM0MxMy4wMjY4IDEzIDE1LjY1ODMgMTQuMjEzOSAxNyAxNkwxNy4xODE5IDE2LjIxODdDMTUuNDQgMTguMjI4NyAxMi44Njg1IDE5LjUgMTAgMTkuNVpNMTMuNSA3LjVDMTMuNSA5LjQzMyAxMS45MzMgMTEgMTAgMTFDOC4wNjcgMTEgNi41IDkuNDMzIDYuNSA3LjVDNi41IDUuNTY3IDguMDY3IDQgMTAgNEMxMS45MzMgNCAxMy41IDUuNTY3IDEzLjUgNy41WiIgc3Ryb2tlPSJibGFjayIvPgo8L3N2Zz4K) left center no-repeat;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-title-bar button.swym-user-login-status.swym-has-user:hover {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjUgNy41QzEzLjUgOS40MzMgMTEuOTMzIDExIDEwIDExQzguMDY3IDExIDYuNSA5LjQzMyA2LjUgNy41QzYuNSA1LjU2NyA4LjA2NyA0IDEwIDRDMTEuOTMzIDQgMTMuNSA1LjU2NyAxMy41IDcuNVoiIGZpbGw9IiNEMjIzMkEiLz4KPHBhdGggZD0iTTE3IDE2QzE1LjY1ODMgMTQuMjEzOSAxMy4wMjY4IDEzIDEwIDEzQzYuOTczMjQgMTMgNC4zNDE3MyAxNC4yMTM5IDMgMTZMMi44NzY4MiAxNi4yODU5QzQuNjE3NTIgMTguMjU3IDcuMTYzNiAxOS41IDEwIDE5LjVDMTIuODY4NSAxOS41IDE1LjQ0IDE4LjIyODcgMTcuMTgxOSAxNi4yMTg3TDE3IDE2WiIgZmlsbD0iI0QyMjMyQSIvPgo8cGF0aCBkPSJNMTAgMTkuNUMxNS4yNDY3IDE5LjUgMTkuNSAxNS4yNDY3IDE5LjUgMTBDMTkuNSA0Ljc1MzI5IDE1LjI0NjcgMC41IDEwIDAuNUM0Ljc1MzI5IDAuNSAwLjUgNC43NTMyOSAwLjUgMTBDMC41IDE1LjI0NjcgNC43NTMyOSAxOS41IDEwIDE5LjVaTTEwIDE5LjVDNy4xNjM2IDE5LjUgNC42MTc1MiAxOC4yNTcgMi44NzY4MiAxNi4yODU5TDMgMTZDNC4zNDE3MyAxNC4yMTM5IDYuOTczMjQgMTMgMTAgMTNDMTMuMDI2OCAxMyAxNS42NTgzIDE0LjIxMzkgMTcgMTZMMTcuMTgxOSAxNi4yMTg3QzE1LjQ0IDE4LjIyODcgMTIuODY4NSAxOS41IDEwIDE5LjVaTTEzLjUgNy41QzEzLjUgOS40MzMgMTEuOTMzIDExIDEwIDExQzguMDY3IDExIDYuNSA5LjQzMyA2LjUgNy41QzYuNSA1LjU2NyA4LjA2NyA0IDEwIDRDMTEuOTMzIDQgMTMuNSA1LjU2NyAxMy41IDcuNVoiIHN0cm9rZT0iI0QyMjMyQSIvPgo8L3N2Zz4K) left center no-repeat;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-title-bar button.swym-user-login-status::before {
display: none;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-title-bar button.swym-user-login-status .swym-user-text {
font: 400 16px "proxima-nova", sans-serif;
font: 400 16px var(--type-primary);
line-height: 24px;
color: #000;
display: block;
letter-spacing: 0;
text-decoration: underline;
text-underline-offset: 5px;
text-decoration-color: rgba(0, 0, 0, 0.2);
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-title-bar button.swym-user-login-status:hover {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDE2QzE1LjY1ODMgMTQuMjEzOSAxMy4wMjY4IDEzIDEwIDEzQzYuOTczMjQgMTMgNC4zNDE3MyAxNC4yMTM5IDMgMTZNMTMuNSA3LjVDMTMuNSA5LjQzMyAxMS45MzMgMTEgMTAgMTFDOC4wNjcgMTEgNi41IDkuNDMzIDYuNSA3LjVDNi41IDUuNTY3IDguMDY3IDQgMTAgNEMxMS45MzMgNCAxMy41IDUuNTY3IDEzLjUgNy41Wk0xOS41IDEwQzE5LjUgMTUuMjQ2NyAxNS4yNDY3IDE5LjUgMTAgMTkuNUM0Ljc1MzI5IDE5LjUgMC41IDE1LjI0NjcgMC41IDEwQzAuNSA0Ljc1MzI5IDQuNzUzMjkgMC41IDEwIDAuNUMxNS4yNDY3IDAuNSAxOS41IDQuNzUzMjkgMTkuNSAxMFoiIHN0cm9rZT0iI0QyMjMyQSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=) left center no-repeat;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-title-bar button.swym-user-login-status:hover .swym-user-text {
color: #d2232a;
color: var(--color-primary);
text-decoration-color: #d2232a;
text-decoration-color: var(--color-primary);
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-htc-tabs {
display: none;
}
@media only screen and (max-width: 900px) {
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content {
padding: 0;
}
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-empty-wishlist-container .swym-empty-wishlist-title.swym-heading {
font: 400 28px "proxima-nova", sans-serif !important;
font: 400 28px var(--type-primary) !important;
color: #000000 !important;
color: var(--color-black) !important;
margin-bottom: 16px !important;
}
@media (min-width: 1024px) {
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-empty-wishlist-container .swym-empty-wishlist-title.swym-heading {
font-size: 32px !important;
}
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-empty-wishlist-container .swym-empty-wishlist-text.swym-text {
font: 400 16px "proxima-nova", sans-serif !important;
font: 400 16px var(--type-primary) !important;
color: #000000 !important;
color: var(--color-black) !important;
line-height: 24px !important;
letter-spacing: 0 !important;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-empty-wishlist-container .swym-empty-wishlist-continue-btn.swym-button {
border: 1px solid #d2232a;
border: 1px solid var(--color-primary);
background: #d2232a;
background: var(--color-primary);
color: #ffffff;
color: var(--color-white);
font: 700 16px "proxima-nova", sans-serif;
font: 700 16px var(--type-primary);
letter-spacing: 0.1em;
padding: 12px 20px;
text-transform: uppercase;
line-height: 1;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-empty-wishlist-container .swym-empty-wishlist-continue-btn.swym-button[disabled], #swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-empty-wishlist-container .swym-empty-wishlist-continue-btn.swym-button.swym-disabled {
border: 1px solid #d5d6df !important;
border: 1px solid var(--color-disabled-background) !important;
background: #d5d6df !important;
background: var(--color-disabled-background) !important;
color: #a0a1aa !important;
color: var(--color-disabled-text) !important;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-empty-wishlist-container .swym-empty-wishlist-continue-btn.swym-button:hover {
border: 1px solid #414042;
border: 1px solid var(--color-grey);
background: #414042;
background: var(--color-grey);
color: #ffffff;
color: var(--color-white);
}
@media only screen and (max-width: 900px) {
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-list {
padding: 0;
}
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-list .swym-wishlist-selector {
padding: 0;
margin: 0;
max-width: none;
gap: 20px;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-list .swym-wishlist-selector button.swym-wishlist-list-card.swym-is-button.user-list {
box-shadow: none;
border: 1px solid #dfdde3;
border: 1px solid var(--color-border);
padding: 20px 20px 0 20px;
margin: 0;
width: 100%;
max-width: 376px;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-list .swym-wishlist-selector button.swym-wishlist-list-card.swym-is-button.user-list .swym-wishlist-header {
padding: 0;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-list .swym-wishlist-selector button.swym-wishlist-list-card.swym-is-button.user-list .swym-wishlist-header .swym-wishlist-name.swym-heading {
font: 600 16px "proxima-nova", sans-serif;
font: 600 16px var(--type-primary);
line-height: 24px;
color: #000000;
color: var(--color-black);
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-list .swym-wishlist-selector button.swym-wishlist-list-card.swym-is-button.user-list .swym-wishlist-product-count.swym-text {
font: 400 14px "proxima-nova", sans-serif;
font: 400 14px var(--type-primary);
line-height: 20px;
color: #414042;
color: var(--color-grey);
padding: 5px 0 0 0;
letter-spacing: 0;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-list .swym-wishlist-selector button.swym-wishlist-list-card.swym-is-button.user-list .swym-empty-wishlist-list {
font: 400 20px "proxima-nova", sans-serif;
font: 400 20px var(--type-primary);
line-height: 1.4;
color: #000000;
color: var(--color-black);
letter-spacing: 0;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-list .swym-wishlist-selector button.swym-wishlist-list-card.swym-is-button.user-list .swym-wishlist-link-action.swym-wishlist-link,
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-list .swym-wishlist-selector button.swym-wishlist-list-card.swym-is-button.user-list .swym-empty-wishlist-link.swym-wishlist-link {
text-transform: none;
font: 400 16px "proxima-nova", sans-serif;
font: 400 16px var(--type-primary);
text-decoration: underline;
text-underline-offset: 5px;
text-decoration-color: rgba(0, 0, 0, 0.2);
width: 100%;
align-items: center;
justify-content: flex-start;
color: #000000;
color: var(--color-black);
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-list .swym-wishlist-selector button.swym-wishlist-list-card.swym-is-button.user-list .swym-wishlist-link-action.swym-wishlist-link:hover,
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-list .swym-wishlist-selector button.swym-wishlist-list-card.swym-is-button.user-list .swym-empty-wishlist-link.swym-wishlist-link:hover {
color: #d2232a;
color: var(--color-primary);
text-decoration-color: #d2232a;
text-decoration-color: var(--color-primary);
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail {
overflow: visible;
}
@media only screen and (max-width: 900px) {
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header {
margin-bottom: 10px;
border: 0;
padding: 0 0 10px 0;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header .swym-selected-wishlist-image {
width: 40px;
height: 40px;
margin-right: 16px;
}
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header .swym-wishlist-selector-dropdown .swym-wishlist-input-wrapper .swym-wishlist-input-icon.swym-icon {
color: #999;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header .swym-wishlist-selector-dropdown .swym-wishlist-input-wrapper .swym-wishlist-input {
border: 1px solid #f5f5f5 !important;
border: 1px solid var(--color-background) !important;
background: #f5f5f5 !important;
background: var(--color-background) !important;
color: #414042 !important;
color: var(--color-grey) !important;
padding: 12px !important;
font: 400 16px "proxima-nova", sans-serif !important;
font: 400 16px var(--type-primary) !important;
letter-spacing: 0 !important;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header .swym-wishlist-selector-dropdown .swym-wishlist-input-wrapper .swym-wishlist-input:hover, #swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header .swym-wishlist-selector-dropdown .swym-wishlist-input-wrapper .swym-wishlist-input:focus {
border-color: #dfdde3 !important;
border-color: var(--color-border) !important;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header .swym-wishlist-selector-dropdown .swym-wishlist-dropdown-wrapper {
padding: 0;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header .swym-wishlist-selector-dropdown .swym-wishlist-dropdown-wrapper button.swym-wishlist-item.swym-option {
padding: 5px 10px;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header .swym-wishlist-selector-dropdown .swym-wishlist-dropdown-wrapper button.swym-wishlist-item.swym-option span.swym-wishlist-text span.swym-wishlist-name {
font: 400 16px "proxima-nova", sans-serif !important;
font: 400 16px var(--type-primary) !important;
color: #000000 !important;
color: var(--color-black) !important;
line-height: 24px !important;
letter-spacing: 0 !important;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header .swym-wishlist-selector-dropdown .swym-wishlist-dropdown-wrapper button.swym-wishlist-item.swym-option .swym-wishlist-badge {
background-color: #d2232a;
background-color: var(--color-primary);
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header .swym-wishlist-selector-dropdown .swym-wishlist-dropdown-wrapper button.swym-wishlist-item.swym-option:hover {
background: #ddd;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header .swym-wishlist-selector-dropdown .swym-wishlist-dropdown-wrapper button.swym-wishlist-item.swym-option:hover span.swym-wishlist-text span.swym-wishlist-name {
color: #d2232a !important;
color: var(--color-primary) !important;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header .swym-wishlist-selector-dropdown .swym-selected-wishlist-container .swym-selected-wishlist-text {
flex-direction: row;
align-items: center;
gap: 5px;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header .swym-wishlist-selector-dropdown .swym-selected-wishlist-container .swym-selected-wishlist-text span {
font: 400 16px "proxima-nova", sans-serif;
font: 400 16px var(--type-primary);
margin-bottom: 0;
line-height: 24px;
color: #000000;
color: var(--color-black);
letter-spacing: 0;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header .swym-wishlist-selector-dropdown .swym-selected-wishlist-container .swym-selected-wishlist-text .swym-label {
color: #414042;
color: var(--color-grey);
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header .swym-wishlist-selector-dropdown .swym-selected-wishlist-container .swym-selected-wishlist-text .swym-label::after {
content: ":";
}
@media only screen and (max-width: 900px) {
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header .swym-wishlist-selector-dropdown .swym-selected-wishlist-container .swym-selected-wishlist-text .swym-label {
display: block;
}
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header .swym-wishlist-selector-dropdown .swym-selected-wishlist-container .swym-selected-wishlist-text span.swym-icon {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMS41IDAuNUw2IDZMMC41IDAuNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) right center no-repeat;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header .swym-wishlist-selector-dropdown .swym-selected-wishlist-container .swym-selected-wishlist-text span.swym-icon::before {
display: none;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header .swym-wishlist-selector-dropdown .swym-selected-wishlist-container .swym-selected-wishlist-text span.swym-icon:hover {
padding-right: 26px;
color: #d2232a;
color: var(--color-primary);
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjUgOS41TDEyIDE1TDYuNSA5LjUiIHN0cm9rZT0iI0QyMjMyQSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) right center no-repeat;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header .swym-wishlist-selector-dropdown .swym-selected-wishlist-container .swym-selected-wishlist-name {
padding-right: 21px;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header button.swym-wishlist-context-menu {
color: #000000;
color: var(--color-black);
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header button.swym-wishlist-context-menu:hover {
color: #d2232a;
color: var(--color-primary);
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header button.swym-wishlist-context-menu .swym-wishlist-context-menu-bg {
display: none !important;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header button.swym-wishlist-context-menu .swym-wishlist-context-menu-content {
position: absolute !important;
z-index: 99 !important;
top: 45px !important;
bottom: auto !important;
right: 0 !important;
background: #ffffff !important;
background: var(--color-white) !important;
padding: 12px !important;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header button.swym-wishlist-context-menu .swym-wishlist-context-menu-content {
margin-left: -130px;
min-width: 170px;
display: flex;
flex-direction: column;
gap: 8px;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header button.swym-wishlist-context-menu .swym-wishlist-context-menu-content::after {
display: none;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header button.swym-wishlist-context-menu .swym-wishlist-context-menu-content .swym-wishlist-context-menu-item {
padding: 0 !important;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header button.swym-wishlist-context-menu .swym-wishlist-context-menu-content .swym-wishlist-context-menu-item {
border-bottom: none;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header button.swym-wishlist-context-menu .swym-wishlist-context-menu-content .swym-wishlist-context-menu-item span.swym-icon {
width: 20px;
height: 20px;
margin-right: 7px;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header button.swym-wishlist-context-menu .swym-wishlist-context-menu-content .swym-wishlist-context-menu-item span.swym-icon::before {
display: none;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header button.swym-wishlist-context-menu .swym-wishlist-context-menu-content .swym-wishlist-context-menu-item span {
font: 400 16px "proxima-nova", sans-serif !important;
font: 400 16px var(--type-primary) !important;
color: #000000 !important;
color: var(--color-black) !important;
line-height: 24px !important;
letter-spacing: 0 !important;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header button.swym-wishlist-context-menu .swym-wishlist-context-menu-content .swym-wishlist-context-menu-item:hover span {
color: #d2232a !important;
color: var(--color-primary) !important;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header button.swym-wishlist-context-menu .swym-wishlist-context-menu-content .swym-wishlist-context-menu-item.swym-share {
display: none;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header button.swym-wishlist-context-menu .swym-wishlist-context-menu-content .swym-wishlist-context-menu-item.swym-share span.swym-icon {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjUgOS41VjEzLjVDMTUuNSAxNS4xNTY5IDE0LjE1NjkgMTYuNSAxMi41IDE2LjVIMy41QzEuODQzMTUgMTYuNSAwLjUgMTUuMTU2OSAwLjUgMTMuNVY5LjVNOCAxMVYxTTggMUwxMiA1TTggMUw0IDUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K) center center no-repeat;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header button.swym-wishlist-context-menu .swym-wishlist-context-menu-content .swym-wishlist-context-menu-item.swym-duplicate span.swym-icon {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxOCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjUgNC41VjEuNUMxMS41IDAuOTQ3NzE1IDExLjA1MjMgMC41IDEwLjUgMC41SDEuNUMwLjk0NzcxNSAwLjUgMC41IDAuOTQ3NzE1IDAuNSAxLjVWMTQuNUMwLjUgMTUuMDUyMyAwLjk0NzcxNSAxNS41IDEuNSAxNS41SDYuNU03LjUgMTkuNUgxNi41QzE3LjA1MjMgMTkuNSAxNy41IDE5LjA1MjMgMTcuNSAxOC41VjUuNUMxNy41IDQuOTQ3NzIgMTcuMDUyMyA0LjUgMTYuNSA0LjVINy41QzYuOTQ3NzIgNC41IDYuNSA0Ljk0NzcyIDYuNSA1LjVWMTguNUM2LjUgMTkuMDUyMyA2Ljk0NzcyIDE5LjUgNy41IDE5LjVaIiBzdHJva2U9ImJsYWNrIi8+Cjwvc3ZnPgo=) center center no-repeat;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header button.swym-wishlist-context-menu .swym-wishlist-context-menu-content .swym-wishlist-context-menu-item.swym-duplicate:hover span.swym-icon {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxOCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjUgNC41VjEuNUMxMS41IDAuOTQ3NzE1IDExLjA1MjMgMC41IDEwLjUgMC41SDEuNUMwLjk0NzcxNSAwLjUgMC41IDAuOTQ3NzE1IDAuNSAxLjVWMTQuNUMwLjUgMTUuMDUyMyAwLjk0NzcxNSAxNS41IDEuNSAxNS41SDYuNU03LjUgMTkuNUgxNi41QzE3LjA1MjMgMTkuNSAxNy41IDE5LjA1MjMgMTcuNSAxOC41VjUuNUMxNy41IDQuOTQ3NzIgMTcuMDUyMyA0LjUgMTYuNSA0LjVINy41QzYuOTQ3NzIgNC41IDYuNSA0Ljk0NzcyIDYuNSA1LjVWMTguNUM2LjUgMTkuMDUyMyA2Ljk0NzcyIDE5LjUgNy41IDE5LjVaIiBzdHJva2U9IiNEMjIzMkEiLz4KPC9zdmc+Cg==) center center no-repeat;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header button.swym-wishlist-context-menu .swym-wishlist-context-menu-content .swym-wishlist-context-menu-item.swym-delete span.swym-icon {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNSAzLjVWMTguMjM3QzMuNSAxOS4yNDQ1IDQuMjQ4NjEgMjAuMDk0IDUuMjUwOTggMjAuMTk2MkM2LjYyNTI3IDIwLjMzNjMgOC41NDMxOCAyMC41IDEwIDIwLjVDMTEuNDU2OCAyMC41IDEzLjM3NDcgMjAuMzM2MyAxNC43NDkgMjAuMTk2MkMxNS43NTE0IDIwLjA5NCAxNi41IDE5LjI0NDUgMTYuNSAxOC4yMzdWMy41TTMuNSAzLjVMMSA0TTMuNSAzLjVDMy41IDMuNSA3LjQ1NDA5IDMgMTAgM0MxMi41NDU5IDMgMTYuNSAzLjUgMTYuNSAzLjVNMTYuNSAzLjVMMTkgNE04LjUgMS41QzguNSAxLjUgOS4xMTIxMyAxIDEwIDFDMTAuODg3OSAxIDExLjUgMS41IDExLjUgMS41TTcuNSA2LjVWMTcuNU0xMi41IDYuNVYxNy41IiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center center no-repeat;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-header button.swym-wishlist-context-menu .swym-wishlist-context-menu-content .swym-wishlist-context-menu-item.swym-delete:hover span.swym-icon {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNSAzLjVWMTguMjM3QzMuNSAxOS4yNDQ1IDQuMjQ4NjEgMjAuMDk0IDUuMjUwOTggMjAuMTk2MkM2LjYyNTI3IDIwLjMzNjMgOC41NDMxOCAyMC41IDEwIDIwLjVDMTEuNDU2OCAyMC41IDEzLjM3NDcgMjAuMzM2MyAxNC43NDkgMjAuMTk2MkMxNS43NTE0IDIwLjA5NCAxNi41IDE5LjI0NDUgMTYuNSAxOC4yMzdWMy41TTMuNSAzLjVMMSA0TTMuNSAzLjVDMy41IDMuNSA3LjQ1NDA5IDMgMTAgM0MxMi41NDU5IDMgMTYuNSAzLjUgMTYuNSAzLjVNMTYuNSAzLjVMMTkgNE04LjUgMS41QzguNSAxLjUgOS4xMTIxMyAxIDEwIDFDMTAuODg3OSAxIDExLjUgMS41IDExLjUgMS41TTcuNSA2LjVWMTcuNU0xMi41IDYuNVYxNy41IiBzdHJva2U9IiNEMjIzMkEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center center no-repeat;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-separator {
display: none;
}
@media only screen and (max-width: 900px) {
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-content .swym-action-bar {
padding: 0;
}
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-content .swym-action-bar button.swym-back-btn {
display: flex;
gap: 4px;
text-transform: none;
font: 400 16px "proxima-nova", sans-serif;
font: 400 16px var(--type-primary);
letter-spacing: 0;
color: #000000;
color: var(--color-black);
line-height: 24px;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-content .swym-action-bar button.swym-back-btn .swym-icon {
display: inline-flex;
width: 24px;
height: 24px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDEyTDE0LjE4MzMgNkwxNSA2Ljc5MjQ5TDkuNjMzNCAxMkwxNSAxNy4yMDc1TDE0LjE4MzMgMThMOCAxMloiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-content .swym-action-bar button.swym-back-btn .swym-icon::before {
display: none;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-content .swym-action-bar button.swym-back-btn:hover {
color: #d2232a;
color: var(--color-primary);
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-content .swym-action-bar button.swym-back-btn:hover .swym-icon {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDEyTDE0LjE4MzMgNkwxNSA2Ljc5MjQ5TDkuNjMzNCAxMkwxNSAxNy4yMDc1TDE0LjE4MzMgMThMOCAxMloiIGZpbGw9IiNkMjIzMmEiLz4KPC9zdmc+Cg==);
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-content .swym-wishlist-grid {
max-width: none;
margin: 0 -15px;
width: auto;
}
@media (min-width: 768px) {
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-content .swym-wishlist-grid {
margin: 0;
}
}
@media only screen and (max-width: 900px) {
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-content .swym-wishlist-grid {
padding: 0;
}
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-content .swym-wishlist-grid .swym-wishlist-item.swym-is-anchor {
margin: -1px;
border-color: #dfdde3;
border-color: var(--color-border);
width: auto;
max-width: 50%;
padding: 12px;
}
@media (min-width: 1024px) {
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-content .swym-wishlist-grid .swym-wishlist-item.swym-is-anchor {
max-width: 290px;
}
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-content .swym-wishlist-grid .swym-wishlist-item.swym-is-anchor .swym-delete-btn.swym-nav {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNSAxTDE2LjUgMTdNMTYuNSAxTDAuNSAxNyIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center center no-repeat;
width: 18px;
height: 18px;
top: 16px;
right: 16px;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-content .swym-wishlist-grid .swym-wishlist-item.swym-is-anchor .swym-delete-btn.swym-nav::before {
display: none;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-content .swym-wishlist-grid .swym-wishlist-item.swym-is-anchor .swym-delete-btn.swym-nav .swym-icon {
display: none;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-content .swym-wishlist-grid .swym-wishlist-item.swym-is-anchor .swym-delete-btn.swym-nav:hover {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNSAxTDE2LjUgMTdNMTYuNSAxTDAuNSAxNyIgc3Ryb2tlPSIjRDIyMzJBIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center center no-repeat;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-content .swym-wishlist-grid .swym-wishlist-item.swym-is-anchor .swym-wishlist-image-wrapper {
height: auto;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-content .swym-wishlist-grid .swym-wishlist-item.swym-is-anchor .swym-wishlist-image-wrapper img {
max-width: 100%;
-o-object-fit: contain;
object-fit: contain;
width: 100%;
height: 100%;
-o-object-position: center center;
object-position: center center;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-content .swym-wishlist-grid .swym-wishlist-item.swym-is-anchor button .swym-title.swym-title-1 {
margin: 12px 0 6px;
overflow: visible;
white-space: normal;
font: 400 16px "proxima-nova", sans-serif;
font: 400 16px var(--type-primary);
color: #000000;
color: var(--color-black);
line-height: 21px;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-content .swym-wishlist-grid .swym-wishlist-item.swym-is-anchor .swym-variant-title.swym-title-2 {
margin: 0 0 10px;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-content .swym-wishlist-grid .swym-wishlist-item.swym-is-anchor .swym-product-price {
justify-content: flex-end;
padding-right: 0;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-content .swym-wishlist-grid .swym-wishlist-item.swym-is-anchor .swym-product-price .swym-product-final-price {
margin-right: 0;
font: 400 20px "proxima-nova", sans-serif;
font: 400 20px var(--type-primary);
color: #000000;
color: var(--color-black);
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-content .swym-wishlist-grid .swym-wishlist-item.swym-is-anchor .swym-product-price .swym-product-final-price::first-letter {
font-size: 14px;
vertical-align: top;
line-height: 20px;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-content .swym-wishlist-grid .swym-wishlist-item.swym-is-anchor button.swym-add-to-cart-btn {
border: 1px solid #d2232a;
border: 1px solid var(--color-primary);
background: #d2232a;
background: var(--color-primary);
color: #ffffff;
color: var(--color-white);
font: 700 16px "proxima-nova", sans-serif;
font: 700 16px var(--type-primary);
letter-spacing: 0.1em;
padding: 12px 20px;
text-transform: uppercase;
line-height: 1;
line-height: 24px;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-content .swym-wishlist-grid .swym-wishlist-item.swym-is-anchor button.swym-add-to-cart-btn[disabled], #swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-content .swym-wishlist-grid .swym-wishlist-item.swym-is-anchor button.swym-add-to-cart-btn.swym-disabled {
border: 1px solid #d5d6df !important;
border: 1px solid var(--color-disabled-background) !important;
background: #d5d6df !important;
background: var(--color-disabled-background) !important;
color: #a0a1aa !important;
color: var(--color-disabled-text) !important;
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-content .swym-wishlist-grid .swym-wishlist-item.swym-is-anchor button.swym-add-to-cart-btn:hover {
border: 1px solid #414042;
border: 1px solid var(--color-grey);
background: #414042;
background: var(--color-grey);
color: #ffffff;
color: var(--color-white);
}
#swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-content .swym-wishlist-grid .swym-wishlist-item.swym-is-anchor button.swym-add-to-cart-btn:focus, #swym-wishlist-render-container .swym-ui-component.swym-wishlist-page .swym-wishlist-outer-container.swym-sfl-wishlist-ui-container .swym-wishlist-container-content .swym-wishlist-detail .swym-wishlist-detail-content .swym-wishlist-grid .swym-wishlist-item.swym-is-anchor button.swym-add-to-cart-btn:active {
background-color: #000000;
background-color: var(--color-black);
color: #ffffff;
color: var(--color-white);
border: 1px solid #000000;
border: 1px solid var(--color-black);
}
/* add to wishlist modal */
.swym-modal.swym-add-wishlist-modal .swym-modal-content {
padding: 20px !important;
}
.swym-modal.swym-add-wishlist-modal .swym-modal-content .swym-add-wishlist-selector .swym-product-title {
padding: 0 48px 16px 0;
gap: 16px;
}
.swym-modal.swym-add-wishlist-modal .swym-modal-content .swym-add-wishlist-selector .swym-product-title::after {
width: 100%;
height: 1px;
left: 0;
background: #dfdde3;
background: var(--color-border);
}
.swym-modal.swym-add-wishlist-modal .swym-modal-content .swym-add-wishlist-selector .swym-product-title .swym-product-image {
width: 40px;
height: 40px;
margin-right: 0;
}
.swym-modal.swym-add-wishlist-modal .swym-modal-content .swym-add-wishlist-selector .swym-product-title .swym-product-name.swym-heading {
font: 400 20px "proxima-nova", sans-serif;
font: 400 20px var(--type-primary);
color: #000000;
color: var(--color-black);
}
.swym-modal.swym-add-wishlist-modal .swym-modal-content .swym-add-wishlist-selector .swym-wishlist-items {
padding: 0;
}
.swym-modal.swym-add-wishlist-modal .swym-modal-content .swym-add-wishlist-selector .swym-wishlist-items .swym-wishlist-items-title.swym-title {
margin-top: 28px;
font: 400 20px "proxima-nova", sans-serif;
font: 400 20px var(--type-primary);
color: #000000;
color: var(--color-black);
}
.swym-modal.swym-add-wishlist-modal .swym-modal-content .swym-add-wishlist-selector .swym-wishlist-items .swym-wishlist-item {
border-bottom: 1px solid #dfdde3;
border-bottom: 1px solid var(--color-border);
}
.swym-modal.swym-add-wishlist-modal .swym-modal-content .swym-add-wishlist-selector .swym-wishlist-items .swym-wishlist-item .swym-wishlist-image {
width: 40px;
height: 40px;
}
.swym-modal.swym-add-wishlist-modal .swym-modal-content .swym-add-wishlist-selector .swym-wishlist-items .swym-wishlist-item .swym-wishlist-text .swym-wishlist-name {
font: 400 16px "proxima-nova", sans-serif;
font: 400 16px var(--type-primary);
color: #000000;
color: var(--color-black);
}
.swym-modal.swym-add-wishlist-modal .swym-modal-content .swym-add-wishlist-selector .swym-wishlist-items .swym-wishlist-item:hover .swym-wishlist-text .swym-wishlist-name {
color: #d2232a !important;
color: var(--color-primary) !important;
}
.swym-modal.swym-add-wishlist-modal .swym-modal-content .swym-add-wishlist-selector .swym-wishlist-items .swym-wishlist-item .swym-icon {
width: 20px;
height: 20px;
border: 1px solid #dfdde3;
border: 1px solid var(--color-border);
background: #ffffff;
background: var(--color-white);
top: 20px;
}
.swym-modal.swym-add-wishlist-modal .swym-modal-content .swym-add-wishlist-selector .swym-wishlist-items .swym-wishlist-item .swym-icon::before {
display: none;
}
.swym-modal.swym-add-wishlist-modal .swym-modal-content .swym-add-wishlist-selector .swym-wishlist-items .swym-wishlist-item.swym-selected .swym-icon {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgMTBMOSAxNC41TDE2IDUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
background-position: center center;
background-repeat: no-repeat;
background-color: #000000;
background-color: var(--color-black);
border: 1px solid #000000;
border: 1px solid var(--color-black);
}
.swym-modal.swym-add-wishlist-modal .swym-modal-content .swym-add-wishlist-selector .swym-wishlist-items .swym-new-wishlist-item .swym-icon {
width: 20px;
height: 20px;
border: 1px solid #dfdde3;
border: 1px solid var(--color-border);
background: #ffffff;
background: var(--color-white);
top: 27px;
}
.swym-modal.swym-add-wishlist-modal .swym-modal-content .swym-add-wishlist-selector .swym-wishlist-items .swym-new-wishlist-item .swym-icon::before {
display: none;
}
.swym-modal.swym-add-wishlist-modal .swym-modal-content .swym-add-wishlist-selector .swym-wishlist-items .swym-new-wishlist-item.swym-selected .swym-icon {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgMTBMOSAxNC41TDE2IDUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
background-position: center center;
background-repeat: no-repeat;
background-color: #000000;
background-color: var(--color-black);
border: 1px solid #000000;
border: 1px solid var(--color-black);
}
.swym-modal.swym-add-wishlist-modal .swym-modal-content .swym-add-wishlist-selector .swym-wishlist-items .swym-wishlist-badge {
font-weight: 400;
font-size: 12px;
line-height: 16px;
width: 40px;
height: 40px;
background-color: #d2232a;
background-color: var(--color-primary);
}
.swym-modal.swym-add-wishlist-modal .swym-modal-content .swym-add-wishlist-selector .swym-action-btns {
flex-direction: column !important;
}
.swym-modal.swym-add-wishlist-modal .swym-modal-content .swym-add-wishlist-selector .swym-action-btns {
gap: 8px;
padding: 0;
}
.swym-modal.swym-add-wishlist-modal .swym-modal-content .swym-add-wishlist-selector .swym-action-btns .swym-new-wishlist-btn.swym-button {
border: 1px solid #dfdde3;
border: 1px solid var(--color-border);
background: #ffffff;
background: var(--color-white);
color: #414042;
color: var(--color-grey);
font: 700 16px "proxima-nova", sans-serif;
font: 700 16px var(--type-primary);
letter-spacing: 0.1em;
padding: 12px 20px;
text-transform: uppercase;
line-height: 1;
width: 100%;
min-height: 48px;
}
.swym-modal.swym-add-wishlist-modal .swym-modal-content .swym-add-wishlist-selector .swym-action-btns .swym-new-wishlist-btn.swym-button[disabled], .swym-modal.swym-add-wishlist-modal .swym-modal-content .swym-add-wishlist-selector .swym-action-btns .swym-new-wishlist-btn.swym-button.swym-disabled {
border: 1px solid #d5d6df !important;
border: 1px solid var(--color-disabled-background) !important;
background: #d5d6df !important;
background: var(--color-disabled-background) !important;
color: #a0a1aa !important;
color: var(--color-disabled-text) !important;
}
.swym-modal.swym-add-wishlist-modal .swym-modal-content .swym-add-wishlist-selector .swym-action-btns .swym-new-wishlist-btn.swym-button:hover {
border: 1px solid #414042;
border: 1px solid var(--color-grey);
background: #414042;
background: var(--color-grey);
color: #ffffff;
color: var(--color-white);
}
.swym-modal.swym-add-wishlist-modal .swym-modal-content .swym-add-wishlist-selector .swym-action-btns .swym-add-to-list-btn.swym-button {
border: 1px solid #d2232a;
border: 1px solid var(--color-primary);
background: #d2232a;
background: var(--color-primary);
color: #ffffff;
color: var(--color-white);
font: 700 16px "proxima-nova", sans-serif;
font: 700 16px var(--type-primary);
letter-spacing: 0.1em;
padding: 12px 20px;
text-transform: uppercase;
line-height: 1;
width: 100%;
min-height: 48px;
}
.swym-modal.swym-add-wishlist-modal .swym-modal-content .swym-add-wishlist-selector .swym-action-btns .swym-add-to-list-btn.swym-button[disabled], .swym-modal.swym-add-wishlist-modal .swym-modal-content .swym-add-wishlist-selector .swym-action-btns .swym-add-to-list-btn.swym-button.swym-disabled {
border: 1px solid #d5d6df !important;
border: 1px solid var(--color-disabled-background) !important;
background: #d5d6df !important;
background: var(--color-disabled-background) !important;
color: #a0a1aa !important;
color: var(--color-disabled-text) !important;
}
.swym-modal.swym-add-wishlist-modal .swym-modal-content .swym-add-wishlist-selector .swym-action-btns .swym-add-to-list-btn.swym-button:hover {
border: 1px solid #414042;
border: 1px solid var(--color-grey);
background: #414042;
background: var(--color-grey);
color: #ffffff;
color: var(--color-white);
}
/* save wishlist modal */
.swym-modal.swym-save-wishlist-modal .swym-modal-content .swym-save-wishlist-modal-dialog {
padding: 32px;
}
.swym-modal.swym-save-wishlist-modal .swym-modal-content .swym-save-wishlist-modal-dialog .swym-save-list .swym-input-row {
position: relative;
}
.swym-modal.swym-save-wishlist-modal .swym-modal-content .swym-save-wishlist-modal-dialog .swym-save-list .swym-input-row .swym-input-label {
position: absolute;
top: 6px;
left: 12px;
letter-spacing: 0;
font: 400 12px "proxima-nova", sans-serif;
font: 400 12px var(--type-primary);
color: #414042;
color: var(--color-grey);
}
.swym-modal.swym-save-wishlist-modal .swym-modal-content .swym-save-wishlist-modal-dialog .swym-save-list .swym-input-row .swym-input,
.swym-modal.swym-save-wishlist-modal .swym-modal-content .swym-save-wishlist-modal-dialog .swym-save-list .swym-input-row .swym-user-email {
padding-top: 24px !important;
}
.swym-modal.swym-save-wishlist-modal .swym-modal-content .swym-save-wishlist-modal-dialog .swym-save-list .swym-text-md.swym-info-grey {
display: none;
}
.swym-modal.swym-save-wishlist-modal .swym-modal-content .swym-save-wishlist-modal-dialog .swym-save-list .swym-text-md.swym-info-grey ~ br {
display: none;
}
.swym-modal.swym-save-wishlist-modal .swym-modal-content .swym-save-wishlist-modal-dialog .swym-save-list .swym-error-msg {
padding-left: 0 !important;
}
.swym-modal.swym-save-wishlist-modal .swym-modal-content .swym-save-wishlist-modal-dialog .swym-save-list .swym-error-msg {
color: #ab5c00;
color: var(--color-error);
}
/* share wishlist modal */
.swym-modal.swym-share-wishlist-modal .swym-modal-content .swym-share-wishlist-modal-dialog {
padding: 20px !important;
}
.swym-modal.swym-share-wishlist-modal .swym-modal-content .swym-share-wishlist-modal-dialog .swym-share-wishlist-input-container .swym-input-container {
position: relative;
}
.swym-modal.swym-share-wishlist-modal .swym-modal-content .swym-share-wishlist-modal-dialog .swym-share-wishlist-input-container .swym-input-container .swym-input-label {
position: absolute;
top: 6px;
left: 12px;
letter-spacing: 0;
font: 400 12px "proxima-nova", sans-serif;
font: 400 12px var(--type-primary);
color: #414042;
color: var(--color-grey);
}
.swym-modal.swym-share-wishlist-modal .swym-modal-content .swym-share-wishlist-modal-dialog .swym-share-wishlist-input-container .swym-input-container .swym-input-inner-container input.swym-input,
.swym-modal.swym-share-wishlist-modal .swym-modal-content .swym-share-wishlist-modal-dialog .swym-share-wishlist-input-container .swym-input-container .swym-input-inner-container textarea.swym-input {
padding: 24px 12px 12px 12px !important;
}
.swym-modal.swym-share-wishlist-modal .swym-modal-content .swym-share-wishlist-modal-dialog .swym-share-wishlist-input-container .swym-input-container .swym-input-inner-container input.swym-input,
.swym-modal.swym-share-wishlist-modal .swym-modal-content .swym-share-wishlist-modal-dialog .swym-share-wishlist-input-container .swym-input-container .swym-input-inner-container textarea.swym-input {
border: 1px solid #f5f5f5;
border: 1px solid var(--color-background);
background: #f5f5f5;
background: var(--color-background);
color: #000000;
color: var(--color-black);
font: 400 16px "proxima-nova", sans-serif;
font: 400 16px var(--type-primary);
letter-spacing: 0;
}
.swym-modal.swym-share-wishlist-modal .swym-modal-content .swym-share-wishlist-modal-dialog .swym-share-wishlist-input-container .swym-input-container .swym-input-inner-container input.swym-input:hover,
.swym-modal.swym-share-wishlist-modal .swym-modal-content .swym-share-wishlist-modal-dialog .swym-share-wishlist-input-container .swym-input-container .swym-input-inner-container textarea.swym-input:hover {
border-color: #dfdde3;
border-color: var(--color-border);
}
.swym-modal.swym-share-wishlist-modal .swym-modal-content .swym-share-wishlist-modal-dialog .swym-share-wishlist-input-container .swym-input-container .swym-input-inner-container input.swym-input:focus,
.swym-modal.swym-share-wishlist-modal .swym-modal-content .swym-share-wishlist-modal-dialog .swym-share-wishlist-input-container .swym-input-container .swym-input-inner-container textarea.swym-input:focus {
border-color: #000000;
border-color: var(--color-black);
}
.swym-modal.swym-share-wishlist-modal .swym-modal-content .swym-share-wishlist-modal-dialog .swym-share-wishlist-input-container .swym-text-md.swym-info-grey {
display: none;
}
.swym-modal.swym-share-wishlist-modal .swym-modal-content .swym-share-wishlist-modal-dialog .swym-share-wishlist-input-container .swym-text-md.swym-info-grey ~ br {
display: none;
}
/* duplicate wishlist modal */
.swym-ui-component .swym-duplicate-wishlist-modal .swym-duplicate-wishlist-modal-dialog {
padding: 20px !important;
}
.swym-ui-component .swym-duplicate-wishlist-modal .swym-duplicate-wishlist-modal-dialog .swym-duplicate-wishlist-button-container {
flex-direction: column !important;
}
.swym-ui-component .swym-duplicate-wishlist-modal .swym-duplicate-wishlist-modal-dialog .swym-duplicate-wishlist-button-container {
gap: 8px;
}
/* clear wishlist modal */
.swym-ui-component .swym-modal.swym-clear-wishlist-modal .swym-clear-wishlist-modal-dialog {
padding: 20px !important;
}
.swym-ui-component .swym-modal.swym-clear-wishlist-modal .swym-clear-wishlist-modal-dialog .swym-text-heading,
.swym-ui-component .swym-modal.swym-clear-wishlist-modal .swym-clear-wishlist-modal-dialog .swym-text-content {
text-align: left;
}
.swym-ui-component .swym-save-wishlist-modal .swym-save-wishlist-modal-dialog .swym-logged-in .swym-back-btn,
.swym-ui-component .swym-save-wishlist-modal .swym-save-wishlist-modal-dialog .swym-logged-in .swym-log-out-btn {
width: 100% !important;
}
/* all modals */
div.swym-modal div.swym-modal-content .swym-close-btn.swym-icon {
top: 20px !important;
right: 20px !important;
}
div.swym-modal div.swym-modal-content .swym-close-btn.swym-icon {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNSAxTDE2LjUgMTdNMTYuNSAxTDAuNSAxNyIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center center no-repeat;
width: 18px;
height: 18px;
z-index: 1;
}
div.swym-modal div.swym-modal-content .swym-close-btn.swym-icon::before {
display: none;
}
div.swym-modal div.swym-modal-content .swym-close-btn.swym-icon .swym-icon {
display: none;
}
div.swym-modal div.swym-modal-content .swym-close-btn.swym-icon:hover {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNSAxTDE2LjUgMTdNMTYuNSAxTDAuNSAxNyIgc3Ryb2tlPSIjRDIyMzJBIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center center no-repeat;
}
div.swym-modal div.swym-modal-content .swym-text-heading.swym-heading {
font: 400 28px "proxima-nova", sans-serif !important;
font: 400 28px var(--type-primary) !important;
color: #000000 !important;
color: var(--color-black) !important;
margin-bottom: 16px !important;
}
@media (min-width: 1024px) {
div.swym-modal div.swym-modal-content .swym-text-heading.swym-heading {
font-size: 32px !important;
}
}
div.swym-modal div.swym-modal-content .swym-heading.swym-product-name {
line-height: 28px !important;
}
div.swym-modal div.swym-modal-content .swym-heading.swym-product-name {
font: 400 20px "proxima-nova", sans-serif;
font: 400 20px var(--type-primary);
white-space: normal;
}
div.swym-modal div.swym-modal-content .swym-text-content.swym-text {
font: 400 16px "proxima-nova", sans-serif !important;
font: 400 16px var(--type-primary) !important;
color: #000000 !important;
color: var(--color-black) !important;
line-height: 24px !important;
letter-spacing: 0 !important;
}
div.swym-modal div.swym-modal-content input.swym-input {
border: 1px solid #f5f5f5 !important;
border: 1px solid var(--color-background) !important;
background: #f5f5f5 !important;
background: var(--color-background) !important;
color: #414042 !important;
color: var(--color-grey) !important;
padding: 12px !important;
font: 400 16px "proxima-nova", sans-serif !important;
font: 400 16px var(--type-primary) !important;
letter-spacing: 0 !important;
color: #000000 !important;
color: var(--color-black) !important;
}
div.swym-modal div.swym-modal-content input.swym-input:hover, div.swym-modal div.swym-modal-content input.swym-input:focus {
border-color: #dfdde3 !important;
border-color: var(--color-border) !important;
}
div.swym-modal div.swym-modal-content input.swym-input:focus {
border-color: #000000 !important;
border-color: var(--color-black) !important;
}
div.swym-modal div.swym-modal-content .swym-has-required .swym-input-label::after {
content: "";
width: 3px;
height: 3px;
border-radius: 50%;
display: block;
background-color: #d2232a;
background-color: var(--color-primary);
position: absolute;
right: -7px;
top: calc(50% - 2px);
}
div.swym-modal div.swym-modal-content .swym-input-has-error .swym-input-label {
color: #414042 !important;
color: var(--color-grey) !important;
}
div.swym-modal div.swym-modal-content .swym-input-has-error input.swym-input {
color: #ab5c00 !important;
color: var(--color-error) !important;
}
div.swym-modal div.swym-modal-content .swym-error-msg,
div.swym-modal div.swym-modal-content .error-msg {
padding-left: 55px !important;
}
div.swym-modal div.swym-modal-content .swym-error-msg,
div.swym-modal div.swym-modal-content .error-msg {
color: #ab5c00;
color: var(--color-error);
font: 400 14px "proxima-nova", sans-serif;
font: 400 14px var(--type-primary);
line-height: 20px;
font-style: normal;
letter-spacing: 0;
}
div.swym-modal div.swym-modal-content .swym-action-button-container {
gap: 8px;
}
div.swym-modal div.swym-modal-content button.swym-button-2.swym-button {
border: 1px solid #dfdde3;
border: 1px solid var(--color-border);
background: #ffffff;
background: var(--color-white);
color: #414042;
color: var(--color-grey);
font: 700 16px "proxima-nova", sans-serif;
font: 700 16px var(--type-primary);
letter-spacing: 0.1em;
padding: 12px 20px;
text-transform: uppercase;
line-height: 1;
min-height: 48px;
width: 100%;
}
div.swym-modal div.swym-modal-content button.swym-button-2.swym-button[disabled], div.swym-modal div.swym-modal-content button.swym-button-2.swym-button.swym-disabled {
border: 1px solid #d5d6df !important;
border: 1px solid var(--color-disabled-background) !important;
background: #d5d6df !important;
background: var(--color-disabled-background) !important;
color: #a0a1aa !important;
color: var(--color-disabled-text) !important;
}
div.swym-modal div.swym-modal-content button.swym-button-2.swym-button:hover {
border: 1px solid #414042;
border: 1px solid var(--color-grey);
background: #414042;
background: var(--color-grey);
color: #ffffff;
color: var(--color-white);
}
div.swym-modal div.swym-modal-content button.swym-button-1.swym-button {
border: 1px solid #d2232a;
border: 1px solid var(--color-primary);
background: #d2232a;
background: var(--color-primary);
color: #ffffff;
color: var(--color-white);
font: 700 16px "proxima-nova", sans-serif;
font: 700 16px var(--type-primary);
letter-spacing: 0.1em;
padding: 12px 20px;
text-transform: uppercase;
line-height: 1;
min-height: 48px;
width: 100%;
}
div.swym-modal div.swym-modal-content button.swym-button-1.swym-button[disabled], div.swym-modal div.swym-modal-content button.swym-button-1.swym-button.swym-disabled {
border: 1px solid #d5d6df !important;
border: 1px solid var(--color-disabled-background) !important;
background: #d5d6df !important;
background: var(--color-disabled-background) !important;
color: #a0a1aa !important;
color: var(--color-disabled-text) !important;
}
div.swym-modal div.swym-modal-content button.swym-button-1.swym-button:hover {
border: 1px solid #414042;
border: 1px solid var(--color-grey);
background: #414042;
background: var(--color-grey);
color: #ffffff;
color: var(--color-white);
}
div.swym-modal div.swym-modal-content .swym-sfl-popup-dialog {
width: 375px;
}
div.swym-modal div.swym-modal-content .swym-sfl-popup-dialog button.swym-close-btn {
top: 10px !important;
right: 10px !important;
}
div.swym-modal div.swym-modal-content .swym-sfl-popup-dialog .swym-sfl-popup-body .swym-action-btn-container .swym-sfl-popup-cancel {
border: 1px solid #dfdde3;
border: 1px solid var(--color-border);
background: #ffffff;
background: var(--color-white);
color: #414042;
color: var(--color-grey);
font: 700 16px "proxima-nova", sans-serif;
font: 700 16px var(--type-primary);
letter-spacing: 0.1em;
padding: 12px 20px;
text-transform: uppercase;
line-height: 1;
}
div.swym-modal div.swym-modal-content .swym-sfl-popup-dialog .swym-sfl-popup-body .swym-action-btn-container .swym-sfl-popup-cancel[disabled], div.swym-modal div.swym-modal-content .swym-sfl-popup-dialog .swym-sfl-popup-body .swym-action-btn-container .swym-sfl-popup-cancel.swym-disabled {
border: 1px solid #d5d6df !important;
border: 1px solid var(--color-disabled-background) !important;
background: #d5d6df !important;
background: var(--color-disabled-background) !important;
color: #a0a1aa !important;
color: var(--color-disabled-text) !important;
}
div.swym-modal div.swym-modal-content .swym-sfl-popup-dialog .swym-sfl-popup-body .swym-action-btn-container .swym-sfl-popup-cancel:hover {
border: 1px solid #414042;
border: 1px solid var(--color-grey);
background: #414042;
background: var(--color-grey);
color: #ffffff;
color: var(--color-white);
}
div.swym-modal div.swym-modal-content .swym-sfl-popup-dialog .swym-sfl-popup-body .swym-action-btn-container .swym-sfl-popup-save-btn {
border: 1px solid #d2232a;
border: 1px solid var(--color-primary);
background: #d2232a;
background: var(--color-primary);
color: #ffffff;
color: var(--color-white);
font: 700 16px "proxima-nova", sans-serif;
font: 700 16px var(--type-primary);
letter-spacing: 0.1em;
padding: 12px 20px;
text-transform: uppercase;
line-height: 1;
}
div.swym-modal div.swym-modal-content .swym-sfl-popup-dialog .swym-sfl-popup-body .swym-action-btn-container .swym-sfl-popup-save-btn[disabled], div.swym-modal div.swym-modal-content .swym-sfl-popup-dialog .swym-sfl-popup-body .swym-action-btn-container .swym-sfl-popup-save-btn.swym-disabled {
border: 1px solid #d5d6df !important;
border: 1px solid var(--color-disabled-background) !important;
background: #d5d6df !important;
background: var(--color-disabled-background) !important;
color: #a0a1aa !important;
color: var(--color-disabled-text) !important;
}
div.swym-modal div.swym-modal-content .swym-sfl-popup-dialog .swym-sfl-popup-body .swym-action-btn-container .swym-sfl-popup-save-btn:hover {
border: 1px solid #414042;
border: 1px solid var(--color-grey);
background: #414042;
background: var(--color-grey);
color: #ffffff;
color: var(--color-white);
}
@media (min-width: 768px) {
.swym-modal.swym-add-wishlist-modal .swym-modal-content {
padding: 32px !important;
}
.swym-modal.swym-add-wishlist-modal .swym-modal-content .swym-add-wishlist-selector .swym-action-btns {
flex-direction: row !important;
}
.swym-ui-component .swym-duplicate-wishlist-modal .swym-duplicate-wishlist-modal-dialog {
width: 690px !important;
padding: 32px !important;
}
.swym-ui-component .swym-duplicate-wishlist-modal .swym-duplicate-wishlist-modal-dialog .swym-duplicate-wishlist-button-container {
flex-direction: row !important;
}
.swym-modal.swym-share-wishlist-modal .swym-modal-content .swym-share-wishlist-modal-dialog {
padding: 32px !important;
}
.swym-ui-component .swym-clear-wishlist-modal .swym-clear-wishlist-modal-dialog {
padding: 32px !important;
}
.swym-ui-component .swym-clear-wishlist-modal .swym-clear-wishlist-modal-dialog {
width: 690px;
}
.swym-ui-component .swym-clear-wishlist-modal .swym-clear-wishlist-modal-dialog .swym-button.swym-clear-wishlist-btn {
display: inline-block;
margin-right: 8px;
width: calc(50% - 4px);
}
.swym-ui-component .swym-clear-wishlist-modal .swym-clear-wishlist-modal-dialog .swym-button.swym-cancel-clear-wishlist-btn {
display: inline-block;
width: calc(50% - 4px);
}
div.swym-modal div.swym-modal-content .swym-close-btn.swym-icon {
top: 32px !important;
right: 32px !important;
}
}
.swym-sfl-popup {
display: none !important;
}
body.swym-modal-active[\:has\(.swym-sfl-popup\)] {
overflow: auto !important;
}
body.swym-modal-active:has(.swym-sfl-popup) {
overflow: auto !important;
}
body.swym-modal-active[\:has\(.swym-sfl-popup\)].overflow-hidden {
overflow: hidden !important;
}
body.swym-modal-active:has(.swym-sfl-popup).overflow-hidden {
overflow: hidden !important;
}
/* cookie banner style for mobile */
@media only screen and (max-width: 750px) {
#shopify-privacy-banner {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
padding: 28px 12px !important;
gap: 10px !important;
width: 100% !important;
height: 276px !important;
}
#shopify-privacy-banner-wrapper {
display: flex;
justify-content: center;
}
#shopify-privacy-banner-button-div {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 20px !important;
width: 351px !important;
height: 92px !important;
}
#shopify-privacy-banner-button-div {
padding: 0px;
}
#shopify-privacy-banner-accept-button {
display: flex !important;
flex-direction: row !important;
padding: 0px !important;
width: 351px !important;
height: 48px !important;
margin: 0 !important;
background: #ffffff !important;
background: var(--color-white) !important;
color: #000000 !important;
color: var(--color-black) !important;
align-items: center !important;
border: 1px solid #dfdde3 !important;
border: 1px solid var(--color-border) !important;
font-weight: 700 !important;
letter-spacing: 0.1em !important;
flex-wrap: wrap !important;
justify-content: center !important;
}
#shopify-privacy-banner-accept-button {
text-transform: uppercase;
justify-content: center;
}
#shopify-privacy-banner-div button.decline {
display: flex !important;
flex-direction: row !important;
padding: 0px !important;
gap: 8px !important;
height: 24px !important;
width: 100% !important;
border: none !important;
margin: 0 !important;
}
#shopify-privacy-banner-div button.decline {
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #000000;
color: var(--color-black);
justify-content: center;
align-items: center;
white-space: nowrap;
}
#shopify-privacy-banner-div p {
font-family: "proxima-nova", sans-serif !important;
font-family: var(--type-primary) !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 20px !important;
text-align: left !important;
color: #000000 !important;
color: var(--color-black) !important;
}
#shopify-privacy-banner-div p {
letter-spacing: 0em;
}
}
/* cookie banner style for desktop */
@media only screen and (min-width: 750px) {
#shopify-privacy-banner-wrapper {
display: flex !important;
justify-content: flex-end !important;
}
#shopify-privacy-banner {
display: flex !important;
flex-direction: column !important;
padding: 28px !important;
gap: 10px !important;
width: 515px !important;
height: 212px !important;
margin-bottom: 64px !important;
margin-right: 56px !important;
background: #f5f5f5 !important;
background: var(--color-background) !important;
}
#shopify-privacy-banner-div p {
font-family: "proxima-nova", sans-serif !important;
font-family: var(--type-primary) !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 20px !important;
letter-spacing: 0em !important;
text-align: left !important;
}
#shopify-privacy-banner-accept-button {
font-family: "proxima-nova", sans-serif !important;
font-family: var(--type-primary) !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 24px !important;
letter-spacing: 0.1em !important;
text-align: center !important;
background-color: #f5f5f5 !important;
background-color: var(--color-background) !important;
border: 1px solid #dfdde3 !important;
border: 1px solid var(--color-border) !important;
width: 233px !important;
height: 48px !important;
color: #414042 !important;
color: var(--color-grey) !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
#shopify-privacy-banner-div button.decline {
border: none !important;
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
font-family: "proxima-nova", sans-serif !important;
font-family: var(--type-primary) !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 24px !important;
letter-spacing: 0em !important;
text-align: left !important;
color: #000000 !important;
color: var(--color-black) !important;
background-color: #f5f5f5 !important;
background-color: var(--color-background) !important;
align-self: center !important;
white-space: nowrap !important;
}
#shopify-privacy-banner-body-div {
width: 459px;
height: 80px;
}
}
#shopify-pc__banner__btn-accept,
#shopify-pc__banner__btn-decline {
box-shadow: none;
}
@media (max-width: 768px) {
div[aria-label="POPUP Form"] {
transform: none !important;
width: 100% !important;
align-self: flex-end !important;
}
.klaviyo-form {
padding: 20px 12px 32px !important;
width: 100% !important;
}
}
.klaviyo-form div {
line-height: 24px;
}
.klaviyo-form input[type=email] {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 5.5H20.5M3.5 5.5V19.5H20.5V5.5M3.5 5.5L12 14L20.5 5.5' stroke='black'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 12px 9px;
padding: 0 0 0 48px;
}
.klaviyo-form input[type=checkbox] + label {
align-items: flex-start !important;
}
.klaviyo-form input[type=checkbox] + label svg {
margin-top: 2px !important;
}
.klaviyo-form input[type=checkbox] + label svg rect {
fill: #ffffff;
fill: var(--color-white);
}
.needsclick div[aria-label="POPUP Form"] a[rel="noopener noreferrer"] {
display: none !important;
}
.js-vimeo-player .js-vimeo {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
}
.js-vimeo-player.top-left .js-vimeo {
top: 0;
left: 0;
transform: none;
}
.js-vimeo-player.top-center .js-vimeo {
top: 0;
left: 50%;
transform: translateX(-50%);
}
.js-vimeo-player.top-right .js-vimeo {
top: 0;
right: 0;
transform: none;
}
.js-vimeo-player.bottom-left .js-vimeo {
bottom: 0;
left: 0;
transform: none;
}
.js-vimeo-player.bottom-center .js-vimeo {
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.js-vimeo-player.bottom-right .js-vimeo {
bottom: 0;
right: 0;
transform: none;
}
.js-vimeo-player.center .js-vimeo {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.yotpo.bottomLine .yotpo-stars,
.yotpo.bottomline .yotpo-stars {
display: inline-flex;
margin-right: 0.25rem;
}
.yotpo.bottomLine .yotpo-bottomline,
.yotpo.bottomline .yotpo-bottomline {
margin: -8.75px 0 !important;
}
.yotpo.bottomLine .yotpo-display-wrapper,
.yotpo.bottomline .yotpo-display-wrapper {
padding: 8.75px 0 !important;
}
.yotpo.bottomLine .yotpo-icon-default-star:before,
.yotpo.bottomLine .yotpo-icon-star:before,
.yotpo.bottomline .yotpo-icon-default-star:before,
.yotpo.bottomline .yotpo-icon-star:before {
color: #d2232a;
color: var(--color-primary);
}
.yotpo.bottomLine .yotpo-icon-empty-star:before,
.yotpo.bottomline .yotpo-icon-empty-star:before {
color: #dfdde3;
color: var(--color-border);
}
.swym-wishlist-notifications-container {
display: none !important;
}
.swym-add-to-wishlist {
display: inline-flex;
background: transparent;
padding: 0;
margin: 0;
align-items: center;
justify-content: center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
cursor: pointer;
}
.swym-add-to-wishlist.focus-visible {
outline: 2px solid #000000;
outline: 2px solid var(--color-black);
outline-offset: 2px;
}
.swym-add-to-wishlist.focus-visible {
outline: 2px solid #000000;
outline: 2px solid var(--color-black);
outline-offset: 2px;
}
.swym-add-to-wishlist:focus-visible {
outline: 2px solid #000000;
outline: 2px solid var(--color-black);
outline-offset: 2px;
}
.swym-add-to-wishlist .swym-tooltip {
display: none;
}
.swym-add-to-wishlist .swym-tooltip .swym-tooltip-text {
display: none;
color: transparent;
}
.yotpo.yotpo-lightbox.yotpo-lightbox-new .yotpo-display-wrapper .yotpo-lightbox-content-container .yotpo-review.yotpo-regular-box-filters-padding .yotpo-header.yotpo-verified-buyer .yotpo-icon-profile.yotpo-header-element.pull-left {
background-color: #83b6dd !important;
}
.yotpo.yotpo-lightbox.yotpo-lightbox-new .yotpo-display-wrapper .yotpo-lightbox-content-container .yotpo-review.yotpo-regular-box-filters-padding .yotpo-header.yotpo-verified-buyer .yotpo-icon-profile.yotpo-header-element.pull-left {
width: 48px;
height: 48px;
}
.yotpo.yotpo-lightbox.yotpo-lightbox-new .yotpo-display-wrapper .yotpo-lightbox-content-container .yotpo-review.yotpo-regular-box-filters-padding .yotpo-header.yotpo-verified-buyer .yotpo-icon-profile.yotpo-header-element.pull-left span.yotpo-user-letter {
display: block !important;
}
.yotpo.yotpo-lightbox.yotpo-lightbox-new .yotpo-display-wrapper .yotpo-lightbox-content-container .yotpo-review.yotpo-regular-box-filters-padding .yotpo-header.yotpo-verified-buyer .yotpo-icon-profile.yotpo-header-element.pull-left span.yotpo-user-letter {
color: #ffffff;
color: var(--color-white);
top: 7px;
left: 0;
}
.yotpo.yotpo-lightbox.yotpo-lightbox-new .yotpo-display-wrapper .yotpo-lightbox-content-container .yotpo-review.yotpo-regular-box-filters-padding .yotpo-header.yotpo-verified-buyer .yotpo-icon-profile.yotpo-header-element.pull-left span.yotpo-user-letter .yotpo-icon.yotpo-icon-store {
position: absolute;
top: -1px;
left: 14px;
}
.yotpo.yotpo-display-wrapper.mobile-filters-modal .yotpo-modal-base.yotpo-modal-active .mobile-filters-container .mobile-single-filter .mobile-filter-radio-buttons fieldset .mobile-filter-radio-button .radio-label {
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
font-size: 16px;
color: #000000;
color: var(--color-black);
line-height: 20px;
font-weight: 400;
}
.yotpo.yotpo-display-wrapper.mobile-filters-modal .yotpo-modal-base.yotpo-modal-active .mobile-filters-container .mobile-single-filter .mobile-filter-radio-buttons fieldset .mobile-filter-radio-button .radio-label.radio-selected-color {
font-weight: 400;
}
.yotpo.yotpo-display-wrapper.mobile-filters-modal .yotpo-modal-base.yotpo-modal-active .mobile-filters-container .mobile-single-filter .mobile-filter-radio-buttons fieldset .mobile-filter-radio-button .radio-label .yotpo-filter-stars .yotpo-icon.yotpo-icon-star.rating-star,
.yotpo.yotpo-display-wrapper.mobile-filters-modal .yotpo-modal-base.yotpo-modal-active .mobile-filters-container .mobile-single-filter .mobile-filter-radio-buttons fieldset .mobile-filter-radio-button .radio-label .yotpo-filter-stars .yotpo-icon.yotpo-icon-half-star.rating-star,
.yotpo.yotpo-display-wrapper.mobile-filters-modal .yotpo-modal-base.yotpo-modal-active .mobile-filters-container .mobile-single-filter .mobile-filter-radio-buttons fieldset .mobile-filter-radio-button .radio-label .yotpo-filter-stars .yotpo-icon.yotpo-icon-empty-star.rating-star,
.yotpo.yotpo-display-wrapper.mobile-filters-modal .yotpo-modal-base.yotpo-modal-active .mobile-filters-container .mobile-single-filter .mobile-filter-radio-buttons fieldset .mobile-filter-radio-button .radio-label .yotpo-filter-stars .yotpo-icon.pull-left.review-star.yotpo-icon-star {
line-height: 16px !important;
font-size: 20px !important;
}
.yotpo.yotpo-display-wrapper.mobile-filters-modal .yotpo-modal-base.yotpo-modal-active .mobile-filters-container .mobile-single-filter .mobile-filter-radio-buttons fieldset .mobile-filter-radio-button .radio-label .yotpo-filter-stars .yotpo-icon.yotpo-icon-star.rating-star,
.yotpo.yotpo-display-wrapper.mobile-filters-modal .yotpo-modal-base.yotpo-modal-active .mobile-filters-container .mobile-single-filter .mobile-filter-radio-buttons fieldset .mobile-filter-radio-button .radio-label .yotpo-filter-stars .yotpo-icon.yotpo-icon-half-star.rating-star,
.yotpo.yotpo-display-wrapper.mobile-filters-modal .yotpo-modal-base.yotpo-modal-active .mobile-filters-container .mobile-single-filter .mobile-filter-radio-buttons fieldset .mobile-filter-radio-button .radio-label .yotpo-filter-stars .yotpo-icon.yotpo-icon-empty-star.rating-star,
.yotpo.yotpo-display-wrapper.mobile-filters-modal .yotpo-modal-base.yotpo-modal-active .mobile-filters-container .mobile-single-filter .mobile-filter-radio-buttons fieldset .mobile-filter-radio-button .radio-label .yotpo-filter-stars .yotpo-icon.pull-left.review-star.yotpo-icon-star {
margin-right: 2px;
height: auto;
}
.yotpo.yotpo-display-wrapper.mobile-filters-modal .yotpo-modal-base.yotpo-modal-active .mobile-filters-container .mobile-single-filter .mobile-filter-radio-buttons fieldset .mobile-filter-radio-button .radio-label .yotpo-filter-stars .yotpo-icon.yotpo-icon-star.rating-star::before,
.yotpo.yotpo-display-wrapper.mobile-filters-modal .yotpo-modal-base.yotpo-modal-active .mobile-filters-container .mobile-single-filter .mobile-filter-radio-buttons fieldset .mobile-filter-radio-button .radio-label .yotpo-filter-stars .yotpo-icon.yotpo-icon-half-star.rating-star::before,
.yotpo.yotpo-display-wrapper.mobile-filters-modal .yotpo-modal-base.yotpo-modal-active .mobile-filters-container .mobile-single-filter .mobile-filter-radio-buttons fieldset .mobile-filter-radio-button .radio-label .yotpo-filter-stars .yotpo-icon.yotpo-icon-empty-star.rating-star::before,
.yotpo.yotpo-display-wrapper.mobile-filters-modal .yotpo-modal-base.yotpo-modal-active .mobile-filters-container .mobile-single-filter .mobile-filter-radio-buttons fieldset .mobile-filter-radio-button .radio-label .yotpo-filter-stars .yotpo-icon.pull-left.review-star.yotpo-icon-star::before {
color: #d2232a;
color: var(--color-primary);
}
.yotpo.yotpo-display-wrapper.mobile-filters-modal .yotpo-modal-base.yotpo-modal-active .mobile-filters-container .mobile-single-filter .mobile-filter-radio-buttons fieldset .mobile-filter-radio-button .radio-label .yotpo-filter-stars .yotpo-icon.yotpo-icon-star.rating-star.radio-non-selected-color::before,
.yotpo.yotpo-display-wrapper.mobile-filters-modal .yotpo-modal-base.yotpo-modal-active .mobile-filters-container .mobile-single-filter .mobile-filter-radio-buttons fieldset .mobile-filter-radio-button .radio-label .yotpo-filter-stars .yotpo-icon.pull-left.review-star.yotpo-icon-empty-star::before {
color: #ccc;
}
.yotpo.yotpo-display-wrapper.mobile-filters-modal .yotpo-modal-base.yotpo-modal-active .mobile-filters-container .mobile-single-filter .mobile-filter-radio-buttons fieldset .mobile-filter-radio-button .radio-label .yotpo-filter-stars .yotpo-icon.pull-left.review-star.yotpo-icon-empty-star {
line-height: 16px !important;
}
.yotpo.yotpo-display-wrapper.mobile-filters-modal .yotpo-modal-base.yotpo-modal-active .mobile-filters-container .mobile-single-filter .mobile-filter-radio-buttons fieldset .mobile-filter-radio-button .radio-label .yotpo-filter-stars .yotpo-icon.pull-left.review-star.yotpo-icon-empty-star {
margin-right: 2px;
}
.yotpo.yotpo-display-wrapper.mobile-filters-modal .yotpo-modal-base.yotpo-modal-active .mobile-filters-container .mobile-single-filter .mobile-filter-radio-buttons fieldset .mobile-filter-radio-button input[type=radio] + .radio-label:before {
width: 20px;
height: 20px;
background-color: #ffffff;
background-color: var(--color-white);
border: 1px solid #dfdde3;
border: 1px solid var(--color-border);
}
.yotpo.yotpo-display-wrapper.mobile-filters-modal .yotpo-modal-base.yotpo-modal-active .mobile-filters-container .mobile-single-filter .mobile-filter-radio-buttons fieldset .mobile-filter-radio-button input[type=radio]:checked + .radio-label:before {
border: 7px solid #000000;
}
.yotpo.yotpo-display-wrapper.mobile-filters-modal .mobile-filters-modal-title {
display: flex;
justify-content: space-between;
align-items: center;
}
.yotpo.yotpo-display-wrapper.mobile-filters-modal .title-text {
width: auto;
padding-top: 0;
padding-left: 30px;
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
font-weight: 700;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.1em;
color: #414042;
color: var(--color-grey);
}
.yotpo.yotpo-display-wrapper.mobile-filters-modal .yotpo-icon-cross {
padding-top: 0;
}
.yotpo.yotpo-display-wrapper.mobile-filters-modal .yotpo-icon-cross:before {
color: #000000;
color: var(--color-black);
}
.yotpo.yotpo-display-wrapper.mobile-filters-modal .mobile-clear-all-btn {
width: auto;
height: auto;
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #000000;
color: var(--color-black);
text-decoration: underline;
text-decoration-color: rgba(0, 0, 0, 0.2);
text-underline-offset: 0.3rem;
text-decoration-thickness: 1px;
}
.yotpo.yotpo-display-wrapper.mobile-filters-modal .mobile-clear-all-btn:hover, .yotpo.yotpo-display-wrapper.mobile-filters-modal .mobile-clear-all-btn:active {
color: #d2232a;
color: var(--color-primary);
text-decoration-color: #d2232a;
text-decoration-color: var(--color-primary);
}
.yotpo.yotpo-display-wrapper.mobile-filters-modal .mobile-filters-container .mobile-single-filter .mobile-filter-title {
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #000000;
color: var(--color-black);
text-transform: uppercase;
letter-spacing: 0.1em;
}
.yotpo.yotpo-display-wrapper.mobile-filters-modal .mobile-filters-footer-btn {
display: inline-flex;
background-color: #d2232a;
background-color: var(--color-primary);
color: #ffffff;
color: var(--color-white);
padding: 12px 20px;
align-items: center;
justify-content: center;
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
font-style: normal;
font-size: 16px;
line-height: 24px;
font-weight: 700;
letter-spacing: 0.1rem;
text-transform: uppercase;
text-decoration: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
border: 1px solid #d2232a;
border: 1px solid var(--color-primary);
border-radius: 0px;
outline: 0;
gap: 12px;
}
.yotpo.yotpo-display-wrapper.mobile-filters-modal .mobile-filters-footer-btn:focus, .yotpo.yotpo-display-wrapper.mobile-filters-modal .mobile-filters-footer-btn:active {
background-color: #000000;
background-color: var(--color-black);
color: #ffffff;
color: var(--color-white);
border: 1px solid #000000;
border: 1px solid var(--color-black);
}
.yotpo.yotpo-display-wrapper.mobile-filters-modal .mobile-filters-footer-btn .footer-text {
height: auto;
padding: 0;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
color: inherit;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews {
padding: 48px 12px;
max-width: 1440px;
}
@media (min-width: 1024px) {
.yotpo.yotpo-main-widget.yotpo-product-reviews {
padding: 100px 138px;
}
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .pT20 {
padding: 0;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .aggregated-product-related-fields,
.yotpo.yotpo-main-widget.yotpo-product-reviews .yotpo-multiple-rating-fields {
display: none;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-label-container {
padding: 0 0 35px 0;
border-top: 0;
display: flex;
align-items: center;
flex-direction: row-reverse;
justify-content: space-between;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-label-container a.yotpo-logo-link-new .yotpo-logo-title {
margin-top: 0;
font-size: 14px;
line-height: 20px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-label-container a.yotpo-logo-link-new .yotpo-icon.yotpo-icon-yotpo-logo.yotpo-logo-icon-new {
float: none;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-label-container div.yotpo-logo-line::after {
content: "Reviews";
display: block;
visibility: visible;
font-size: 32px;
line-height: 38.4px;
font-weight: 400;
color: #000000;
color: var(--color-black);
}
@media (min-width: 768px) {
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-label-container div.yotpo-logo-line::after {
font-size: 40px;
line-height: 48px;
}
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-display-wrapper {
padding: 30px 0 0 0;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-display-wrapper .yotpo-regular-box.yotpo-bottomline {
padding: 0;
margin: 0;
border-top: 0;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-display-wrapper .yotpo-regular-box.yotpo-bottomline .bottom-line-items {
padding: 0;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
height: auto;
gap: 15px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-display-wrapper .yotpo-regular-box.yotpo-bottomline .bottom-line-items .yotpo-filter-stars.rating-stars-container {
float: none;
margin: 0;
height: auto;
line-height: 16px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-display-wrapper .yotpo-regular-box.yotpo-bottomline .bottom-line-items .yotpo-filter-stars.rating-stars-container .yotpo-icon.yotpo-icon-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-display-wrapper .yotpo-regular-box.yotpo-bottomline .bottom-line-items .yotpo-filter-stars.rating-stars-container .yotpo-icon.yotpo-icon-half-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-display-wrapper .yotpo-regular-box.yotpo-bottomline .bottom-line-items .yotpo-filter-stars.rating-stars-container .yotpo-icon.yotpo-icon-empty-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-display-wrapper .yotpo-regular-box.yotpo-bottomline .bottom-line-items .yotpo-filter-stars.rating-stars-container .yotpo-icon.pull-left.review-star.yotpo-icon-star {
line-height: 16px !important;
font-size: 20px !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-display-wrapper .yotpo-regular-box.yotpo-bottomline .bottom-line-items .yotpo-filter-stars.rating-stars-container .yotpo-icon.yotpo-icon-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-display-wrapper .yotpo-regular-box.yotpo-bottomline .bottom-line-items .yotpo-filter-stars.rating-stars-container .yotpo-icon.yotpo-icon-half-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-display-wrapper .yotpo-regular-box.yotpo-bottomline .bottom-line-items .yotpo-filter-stars.rating-stars-container .yotpo-icon.yotpo-icon-empty-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-display-wrapper .yotpo-regular-box.yotpo-bottomline .bottom-line-items .yotpo-filter-stars.rating-stars-container .yotpo-icon.pull-left.review-star.yotpo-icon-star {
margin-right: 2px;
height: auto;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-display-wrapper .yotpo-regular-box.yotpo-bottomline .bottom-line-items .yotpo-filter-stars.rating-stars-container .yotpo-icon.yotpo-icon-star.rating-star::before,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-display-wrapper .yotpo-regular-box.yotpo-bottomline .bottom-line-items .yotpo-filter-stars.rating-stars-container .yotpo-icon.yotpo-icon-half-star.rating-star::before,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-display-wrapper .yotpo-regular-box.yotpo-bottomline .bottom-line-items .yotpo-filter-stars.rating-stars-container .yotpo-icon.yotpo-icon-empty-star.rating-star::before,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-display-wrapper .yotpo-regular-box.yotpo-bottomline .bottom-line-items .yotpo-filter-stars.rating-stars-container .yotpo-icon.pull-left.review-star.yotpo-icon-star::before {
color: #d2232a;
color: var(--color-primary);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-display-wrapper .yotpo-regular-box.yotpo-bottomline .bottom-line-items .yotpo-filter-stars.rating-stars-container .yotpo-icon.yotpo-icon-star.rating-star.radio-non-selected-color::before,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-display-wrapper .yotpo-regular-box.yotpo-bottomline .bottom-line-items .yotpo-filter-stars.rating-stars-container .yotpo-icon.pull-left.review-star.yotpo-icon-empty-star::before {
color: #ccc;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-display-wrapper .yotpo-regular-box.yotpo-bottomline .bottom-line-items .yotpo-filter-stars.rating-stars-container .yotpo-icon.pull-left.review-star.yotpo-icon-empty-star {
line-height: 16px !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-display-wrapper .yotpo-regular-box.yotpo-bottomline .bottom-line-items .yotpo-filter-stars.rating-stars-container .yotpo-icon.pull-left.review-star.yotpo-icon-empty-star {
margin-right: 2px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-display-wrapper .yotpo-regular-box.yotpo-bottomline .bottom-line-items span.avg-score.font-color-gray-darker {
font-weight: 400;
font-size: 40px;
line-height: 1;
color: #000000;
color: var(--color-black);
float: none;
padding: 0;
width: auto;
height: auto;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-display-wrapper .yotpo-regular-box.yotpo-bottomline .bottom-line-items span.reviews-qa-labels-container {
padding: 0;
float: none;
margin: 0;
position: static;
width: auto;
height: auto;
line-height: 17px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-display-wrapper .yotpo-regular-box.yotpo-bottomline .bottom-line-items span.reviews-qa-labels-container .reviews-qa-label {
width: auto;
height: auto;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 16px;
color: #000000;
color: var(--color-black);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-display-wrapper .yotpo-regular-box.yotpo-bottomline .yotpo-clr {
display: none;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .write-question-review-buttons-container {
margin-top: 30px;
display: flex;
justify-content: center;
}
@media (min-width: 768px) {
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .write-question-review-buttons-container {
float: none;
}
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .write-question-review-buttons-container .yotpo-default-button.yotpo-icon-btn.write-question-review-button.write-button.write-review-button {
padding: 23px !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .write-question-review-buttons-container .yotpo-default-button.yotpo-icon-btn.write-question-review-button.write-button.write-review-button {
width: 100%;
background: #d2232a;
background: var(--color-primary);
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
border: 0;
border-radius: 0;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .write-question-review-buttons-container .yotpo-default-button.yotpo-icon-btn.write-question-review-button.write-button.write-review-button:hover {
background: #414042 !important;
background: var(--color-grey) !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .write-question-review-buttons-container .yotpo-default-button.yotpo-icon-btn.write-question-review-button.write-button.write-review-button:hover {
color: #ffffff;
color: var(--color-white);
border: 0;
}
@media (min-width: 768px) {
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .write-question-review-buttons-container .yotpo-default-button.yotpo-icon-btn.write-question-review-button.write-button.write-review-button {
display: inline-flex;
width: auto;
}
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .write-question-review-buttons-container .yotpo-default-button.yotpo-icon-btn.write-question-review-button.write-button.write-review-button span {
display: block;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .write-question-review-buttons-container .yotpo-default-button.yotpo-icon-btn.write-question-review-button.write-button.write-review-button span.yotpo-icon.yotpo-icon-write-no-frame {
width: 24px !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .write-question-review-buttons-container .yotpo-default-button.yotpo-icon-btn.write-question-review-button.write-button.write-review-button span.yotpo-icon.yotpo-icon-write-no-frame {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMiAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjQzODEgMi4wNDg3NkwxMi4wODQyIDEuNjk1NTlMMTIuNDM4MSAyLjA0ODc2Wk0xMC45OTk5IDMuNDkwMDZMMTAuNjQ1OSAzLjg0MzIzTDEwLjk5OTkgNC4xOTc5MkwxMS4zNTM4IDMuODQzMjNMMTAuOTk5OSAzLjQ5MDA2Wk05LjU2MTc3IDIuMDQ4ODhMOS4yMDc4NCAyLjQwMjA2TDkuNTYxNzcgMi4wNDg4OFpNMi40Njg5NyAyLjA0ODg4TDIuMTE1MDQgMS42OTU3MUwyLjQ2ODk3IDIuMDQ4ODhaTTIuNDY4OTcgOS4xNTY4M0wyLjgyMjkgOC44MDM2NkwyLjQ2ODk3IDkuMTU2ODNaTTMuOTA3MDcgMTAuNTk4TDQuMjYxMDEgMTAuOTUxMkw0LjYxMzQyIDEwLjU5OEw0LjI2MSAxMC4yNDQ4TDMuOTA3MDcgMTAuNTk4Wk0zLjg5NDEyIDEwLjYxMUwzLjU0MDE5IDEwLjI1NzhMMy4xODc3OCAxMC42MTFMMy41NDAxOSAxMC45NjQyTDMuODk0MTIgMTAuNjExWk0xMC45ODY5IDE3LjcxODlMMTAuNjMzIDE4LjA3MjFMMTAuOTg2OSAxOC40MjY4TDExLjM0MDkgMTguMDcyMUwxMC45ODY5IDE3LjcxODlaTTE5LjUzMDkgOS4xNTY3MkwxOS4xNzcgOC44MDM1NEwxOS41MzA5IDkuMTU2NzJaTTEyLjc5MiAyLjQwMTk0QzE0LjU1NTMgMC42MzQ4OTkgMTcuNDEzNyAwLjYzNDkwMSAxOS4xNzcgMi40MDE5NEwxOS44ODQ4IDEuNjk1NTlDMTcuNzMwOCAtMC40NjI5ODEgMTQuMjM4MSAtMC40NjI5ODUgMTIuMDg0MiAxLjY5NTU5TDEyLjc5MiAyLjQwMTk0Wk0xMS4zNTM4IDMuODQzMjNMMTIuNzkyIDIuNDAxOTRMMTIuMDg0MiAxLjY5NTU5TDEwLjY0NTkgMy4xMzY4OEwxMS4zNTM4IDMuODQzMjNaTTkuMjA3ODQgMi40MDIwNkwxMC42NDU5IDMuODQzMjNMMTEuMzUzOCAzLjEzNjg4TDkuOTE1NyAxLjY5NTcxTDkuMjA3ODQgMi40MDIwNlpNMi44MjI5IDIuNDAyMDZDNC41ODYxNyAwLjYzNTAxNyA3LjQ0NDU2IDAuNjM1MDE3IDkuMjA3ODQgMi40MDIwNkw5LjkxNTcgMS42OTU3MUM3Ljc2MTczIC0wLjQ2Mjg2NSA0LjI2OTAxIC0wLjQ2Mjg2NSAyLjExNTA0IDEuNjk1NzFMMi44MjI5IDIuNDAyMDZaTTIuODIyOSA4LjgwMzY2QzEuMDU5MDMgNy4wMzYwMyAxLjA1OTA0IDQuMTY5NjkgMi44MjI5IDIuNDAyMDZMMi4xMTUwNCAxLjY5NTcxQy0wLjAzODM0MzggMy44NTM2OSAtMC4wMzgzNDcyIDcuMzUyMDMgMi4xMTUwNCA5LjUxMDAxTDIuODIyOSA4LjgwMzY2Wk00LjI2MSAxMC4yNDQ4TDIuODIyOSA4LjgwMzY2TDIuMTE1MDQgOS41MTAwMUwzLjU1MzE0IDEwLjk1MTJMNC4yNjEgMTAuMjQ0OFpNNC4yNDgwNiAxMC45NjQyTDQuMjYxMDEgMTAuOTUxMkwzLjU1MzEzIDEwLjI0NDhMMy41NDAxOSAxMC4yNTc4TDQuMjQ4MDYgMTAuOTY0MlpNMTEuMzQwOSAxNy4zNjU4TDQuMjQ4MDUgMTAuMjU3OEwzLjU0MDE5IDEwLjk2NDJMMTAuNjMzIDE4LjA3MjFMMTEuMzQwOSAxNy4zNjU4Wk0xOS4xNzcgOC44MDM1NEwxMC42MzMgMTcuMzY1OEwxMS4zNDA5IDE4LjA3MjFMMTkuODg0OCA5LjUwOTlMMTkuMTc3IDguODAzNTRaTTE5LjE3NyAyLjQwMTk0QzIwLjk0MDggNC4xNjk1NyAyMC45NDA4IDcuMDM1OTEgMTkuMTc3IDguODAzNTRMMTkuODg0OCA5LjUwOTlDMjIuMDM4MiA3LjM1MTkxIDIyLjAzODIgMy44NTM1NyAxOS44ODQ4IDEuNjk1NTlMMTkuMTc3IDIuNDAxOTRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
background-repeat: no-repeat;
background-position: center center;
height: 20px;
display: block;
margin-right: 12px;
position: static;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .write-question-review-buttons-container .yotpo-default-button.yotpo-icon-btn.write-question-review-button.write-button.write-review-button span.yotpo-icon.yotpo-icon-write-no-frame::before {
display: none;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .write-question-review-buttons-container .yotpo-default-button.yotpo-icon-btn.write-question-review-button.write-button.write-review-button .write-question-review-button-text.font-color-gray-darker {
display: block;
font-size: 16px;
font-weight: 700;
line-height: 24px;
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
letter-spacing: 0.1em;
color: #ffffff;
color: var(--color-white);
text-transform: uppercase;
width: auto;
height: auto;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box {
padding: 0;
margin: 0;
border-top: 0;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .yotpo-header h2.y-label.yotpo-header-title {
padding: 0;
margin: 10px 0 10px 0;
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
font-weight: 600;
color: #000000;
color: var(--color-black);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .yotpo-header .yotpo-mandatory-explain {
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
font-size: 14px;
margin-bottom: 20px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .yotpo-header span.y-label {
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
font-size: 16px;
color: #000000;
color: var(--color-black);
margin-bottom: 10px;
padding: 0;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .yotpo-header br {
display: none;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .yotpo-header div .stars-wrapper .yotpo-icon.yotpo-icon-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .yotpo-header div .stars-wrapper .yotpo-icon.yotpo-icon-half-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .yotpo-header div .stars-wrapper .yotpo-icon.yotpo-icon-empty-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .yotpo-header div .stars-wrapper .yotpo-icon.pull-left.review-star.yotpo-icon-star {
line-height: 16px !important;
font-size: 26px !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .yotpo-header div .stars-wrapper .yotpo-icon.yotpo-icon-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .yotpo-header div .stars-wrapper .yotpo-icon.yotpo-icon-half-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .yotpo-header div .stars-wrapper .yotpo-icon.yotpo-icon-empty-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .yotpo-header div .stars-wrapper .yotpo-icon.pull-left.review-star.yotpo-icon-star {
margin-right: 5px;
height: auto;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .yotpo-header div .stars-wrapper .yotpo-icon.yotpo-icon-star.rating-star::before,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .yotpo-header div .stars-wrapper .yotpo-icon.yotpo-icon-half-star.rating-star::before,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .yotpo-header div .stars-wrapper .yotpo-icon.yotpo-icon-empty-star.rating-star::before,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .yotpo-header div .stars-wrapper .yotpo-icon.pull-left.review-star.yotpo-icon-star::before {
color: #d2232a;
color: var(--color-primary);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .yotpo-header div .stars-wrapper .yotpo-icon.yotpo-icon-star.rating-star.radio-non-selected-color::before,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .yotpo-header div .stars-wrapper .yotpo-icon.pull-left.review-star.yotpo-icon-empty-star::before {
color: #ccc;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .yotpo-header div .stars-wrapper .yotpo-icon.pull-left.review-star.yotpo-icon-empty-star {
line-height: 16px !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .yotpo-header div .stars-wrapper .yotpo-icon.pull-left.review-star.yotpo-icon-empty-star {
margin-right: 5px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .form-element {
margin-bottom: 20px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .form-element .y-label {
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
font-size: 16px;
color: #000000;
color: var(--color-black);
margin-bottom: 10px;
padding: 0;
height: 20px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .form-element .y-input {
background: #f5f5f5;
background: var(--color-background);
border: 1px solid #f5f5f5;
border: 1px solid var(--color-background);
border-radius: 0;
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #414042;
color: var(--color-grey);
margin: 0;
padding: 10px;
outline: 0;
box-shadow: none;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .form-element .y-input::-moz-placeholder {
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
font-weight: 400;
font-size: 16px;
color: #414042;
color: var(--color-grey);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .form-element .y-input::placeholder {
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
font-weight: 400;
font-size: 16px;
color: #414042;
color: var(--color-grey);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .form-element .y-input:hover, .yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .form-element .y-input:focus {
border-color: #dfdde3;
border-color: var(--color-border);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .form-element .yotpo-rating-bars {
height: 20px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .form-element .yotpo-radio-wrapper {
position: relative;
margin-right: 12px;
width: 20px;
height: 20px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .form-element .yotpo-radio-wrapper input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
padding: 0;
vertical-align: baseline;
background-color: #ffffff;
background-color: var(--color-white);
border: none;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .form-element .yotpo-radio-wrapper input[type=radio]::before {
content: "";
position: relative;
left: 0;
top: -2px;
display: block;
width: 20px;
height: 20px;
background-color: #ffffff;
background-color: var(--color-white);
border: 1px solid #dfdde3;
border: 1px solid var(--color-border);
border-radius: 50%;
cursor: pointer;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .form-element .yotpo-radio-wrapper input[type=radio]:checked::before {
border: 7px solid #000000;
border: 7px solid var(--color-black);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .form-element .yotpo-multiple-choice-option {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .form-element .yotpo-multiple-choice-option .y-label {
margin-bottom: 0 !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .form-element .yotpo-multiple-choice-option .y-label {
line-height: 20px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .form-element .yotpo-checkbox-wrapper {
position: relative;
margin-right: 12px;
margin-bottom: 0;
width: 20px;
height: 20px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .form-element .yotpo-checkbox-wrapper input[type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
padding: 0;
vertical-align: baseline;
background-color: #ffffff;
background-color: var(--color-white);
border: none;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .form-element .yotpo-checkbox-wrapper input[type=checkbox]::before {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgNi4wMDA5OEw2IDEwLjUwMUwxMyAxLjAwMDk4IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
position: relative;
left: 0;
top: 0;
display: block;
width: 20px;
height: 20px;
background-color: #ffffff;
background-color: var(--color-white);
border: 1px solid #dfdde3;
border: 1px solid var(--color-border);
border-radius: 0;
cursor: pointer;
text-align: center;
line-height: 20px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .form-element .yotpo-checkbox-wrapper input[type=checkbox]:checked::before {
border: 1px solid #000000;
border: 1px solid var(--color-black);
background-color: #000000;
background-color: var(--color-black);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .yotpo-footer.yotpo-animation-opacity.visible .socialize-wrapper.visible .socialize .y-label {
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
font-size: 16px;
color: #000000;
color: var(--color-black);
margin-bottom: 10px;
padding: 0;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .yotpo-footer.yotpo-animation-opacity.visible .socialize-wrapper.visible .yotpo-or {
margin: 0 0 15px 0;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .form-element.submit-button {
margin-bottom: 0;
float: none;
width: 100%;
}
@media (min-width: 768px) {
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .form-element.submit-button {
width: auto;
float: right;
}
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .form-element.submit-button input.yotpo-default-button.primary-color-btn.yotpo-submit {
font-weight: 700 !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .form-element.submit-button input.yotpo-default-button.primary-color-btn.yotpo-submit {
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
letter-spacing: 0.1em;
font-size: 16px;
display: block;
width: 100%;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .form-element.submit-button input.yotpo-default-button.primary-color-btn.yotpo-submit:hover {
background-color: #414042 !important;
background-color: var(--color-grey) !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper form .write-review-wrapper.write-form.visible .write-review.yotpo-regular-box .form-element.submit-button input.yotpo-default-button.primary-color-btn.yotpo-submit:hover {
color: #ffffff;
color: var(--color-white);
border: 1px solid #414042;
border: 1px solid var(--color-grey);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper div.new-yotpo-small-box.reviews {
display: none !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content {
border-top: 1px solid #dfdde3;
border-top: 1px solid var(--color-border);
padding: 30px 0 0;
margin-top: 30px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active {
padding: 0 0 32px;
margin: 0 0 7px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .filters-container-title {
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #000000;
color: var(--color-black);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .free-text-search {
width: 100%;
display: flex;
align-items: center;
background: #f5f5f5;
background: var(--color-background);
position: relative;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .free-text-search .yotpo-icon.yotpo-icon-magnifying-glass.magnifying-glass-icon {
width: 24px !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .free-text-search .yotpo-icon.yotpo-icon-magnifying-glass.magnifying-glass-icon {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjUgOC42MDQ5OEMxLjUgNC43Mzg5OSA0LjYzNDAxIDEuNjA0OTggOC41IDEuNjA0OThDMTIuMzY2IDEuNjA0OTggMTUuNSA0LjczODk5IDE1LjUgOC42MDQ5OEMxNS41IDEyLjQ3MSAxMi4zNjYgMTUuNjA1IDguNSAxNS42MDVDNC42MzQwMSAxNS42MDUgMS41IDEyLjQ3MSAxLjUgOC42MDQ5OFpNOC41IDAuNjA0OThDNC4wODE3MiAwLjYwNDk4IDAuNSA0LjE4NjcgMC41IDguNjA0OThDMC41IDEzLjAyMzMgNC4wODE3MiAxNi42MDUgOC41IDE2LjYwNUMxMC41MjkyIDE2LjYwNSAxMi4zODE5IDE1Ljg0OTUgMTMuNzkyMyAxNC42MDQ0TDE5LjI5MzEgMjAuMTA2OUMxOS40ODgzIDIwLjMwMjIgMTkuODA0OSAyMC4zMDIyIDIwLjAwMDIgMjAuMTA3QzIwLjE5NTUgMTkuOTExOCAyMC4xOTU1IDE5LjU5NTIgMjAuMDAwMyAxOS4zOTk5TDE0LjQ5OTQgMTMuODk3M0MxNS43NDQ1IDEyLjQ4NyAxNi41IDEwLjYzNDIgMTYuNSA4LjYwNDk4QzE2LjUgNC4xODY3IDEyLjkxODMgMC42MDQ5OCA4LjUgMC42MDQ5OFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=");
background-repeat: no-repeat;
background-position: center center;
height: 20px;
display: block;
margin-right: 12px;
position: static;
height: 21px;
position: absolute;
left: 15px;
top: 11px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .free-text-search .yotpo-icon.yotpo-icon-magnifying-glass.magnifying-glass-icon::before {
display: none;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .free-text-search .yotpo-icon.yotpo-icon-clear-text-search.clear-text-icon {
top: 15px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .free-text-search input.free-text-search-input {
background: #f5f5f5;
background: var(--color-background);
border: 1px solid #f5f5f5;
border: 1px solid var(--color-background);
border-radius: 0;
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #414042;
color: var(--color-grey);
margin: 0;
padding: 20px;
outline: 0;
box-shadow: none;
padding-left: 50px;
display: block;
width: 100%;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .free-text-search input.free-text-search-input::-moz-placeholder {
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
font-weight: 400;
font-size: 16px;
color: #414042;
color: var(--color-grey);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .free-text-search input.free-text-search-input::placeholder {
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
font-weight: 400;
font-size: 16px;
color: #414042;
color: var(--color-grey);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .free-text-search input.free-text-search-input:hover, .yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .free-text-search input.free-text-search-input:focus {
border-color: #dfdde3;
border-color: var(--color-border);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-top: 20px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown {
margin: 0 !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown {
width: calc(50% - 10px);
float: none;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown div.yotpo-dropdown-button {
width: auto;
height: auto;
border-radius: 0;
border: 1px solid #f5f5f5;
border: 1px solid var(--color-background);
background: #f5f5f5;
background: var(--color-background);
padding: 12px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown div.yotpo-dropdown-button:hover {
border-color: #dfdde3;
border-color: var(--color-border);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown div.yotpo-dropdown-button span.selected {
color: #414042;
color: var(--color-grey);
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
font-size: 16px;
font-weight: 400;
line-height: 24px;
overflow: visible;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown div.yotpo-dropdown-button span.selected .yotpo-icon.yotpo-icon-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown div.yotpo-dropdown-button span.selected .yotpo-icon.yotpo-icon-half-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown div.yotpo-dropdown-button span.selected .yotpo-icon.yotpo-icon-empty-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown div.yotpo-dropdown-button span.selected .yotpo-icon.pull-left.review-star.yotpo-icon-star {
line-height: 16px !important;
font-size: 20px !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown div.yotpo-dropdown-button span.selected .yotpo-icon.yotpo-icon-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown div.yotpo-dropdown-button span.selected .yotpo-icon.yotpo-icon-half-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown div.yotpo-dropdown-button span.selected .yotpo-icon.yotpo-icon-empty-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown div.yotpo-dropdown-button span.selected .yotpo-icon.pull-left.review-star.yotpo-icon-star {
margin-right: 2px;
height: auto;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown div.yotpo-dropdown-button span.selected .yotpo-icon.yotpo-icon-star.rating-star::before,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown div.yotpo-dropdown-button span.selected .yotpo-icon.yotpo-icon-half-star.rating-star::before,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown div.yotpo-dropdown-button span.selected .yotpo-icon.yotpo-icon-empty-star.rating-star::before,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown div.yotpo-dropdown-button span.selected .yotpo-icon.pull-left.review-star.yotpo-icon-star::before {
color: #d2232a;
color: var(--color-primary);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown div.yotpo-dropdown-button span.selected .yotpo-icon.yotpo-icon-star.rating-star.radio-non-selected-color::before,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown div.yotpo-dropdown-button span.selected .yotpo-icon.pull-left.review-star.yotpo-icon-empty-star::before {
color: #ccc;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown div.yotpo-dropdown-button span.selected .yotpo-icon.pull-left.review-star.yotpo-icon-empty-star {
line-height: 16px !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown div.yotpo-dropdown-button span.selected .yotpo-icon.pull-left.review-star.yotpo-icon-empty-star {
margin-right: 2px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown div.yotpo-dropdown-button span.yotpo-icon.yotpo-icon-down-triangle {
width: 24px !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown div.yotpo-dropdown-button span.yotpo-icon.yotpo-icon-down-triangle {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMS41IDAuNjA0OThMNiA2LjEwNDk4TDAuNSAwLjYwNDk4IiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
background-repeat: no-repeat;
background-position: center center;
height: 20px;
display: block;
margin-right: 12px;
position: static;
margin: 3px 0 0 0;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown div.yotpo-dropdown-button span.yotpo-icon.yotpo-icon-down-triangle::before {
display: none;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown .yotpo-dropdown.list-categories {
top: 50px;
border-radius: 0;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown .yotpo-dropdown.list-categories .list-category .yotpo-icon.yotpo-icon-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown .yotpo-dropdown.list-categories .list-category .yotpo-icon.yotpo-icon-half-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown .yotpo-dropdown.list-categories .list-category .yotpo-icon.yotpo-icon-empty-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown .yotpo-dropdown.list-categories .list-category .yotpo-icon.pull-left.review-star.yotpo-icon-star {
line-height: 16px !important;
font-size: 20px !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown .yotpo-dropdown.list-categories .list-category .yotpo-icon.yotpo-icon-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown .yotpo-dropdown.list-categories .list-category .yotpo-icon.yotpo-icon-half-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown .yotpo-dropdown.list-categories .list-category .yotpo-icon.yotpo-icon-empty-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown .yotpo-dropdown.list-categories .list-category .yotpo-icon.pull-left.review-star.yotpo-icon-star {
margin-right: 2px;
height: auto;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown .yotpo-dropdown.list-categories .list-category .yotpo-icon.yotpo-icon-star.rating-star::before,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown .yotpo-dropdown.list-categories .list-category .yotpo-icon.yotpo-icon-half-star.rating-star::before,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown .yotpo-dropdown.list-categories .list-category .yotpo-icon.yotpo-icon-empty-star.rating-star::before,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown .yotpo-dropdown.list-categories .list-category .yotpo-icon.pull-left.review-star.yotpo-icon-star::before {
color: #d2232a;
color: var(--color-primary);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown .yotpo-dropdown.list-categories .list-category .yotpo-icon.yotpo-icon-star.rating-star.radio-non-selected-color::before,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown .yotpo-dropdown.list-categories .list-category .yotpo-icon.pull-left.review-star.yotpo-icon-empty-star::before {
color: #ccc;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown .yotpo-dropdown.list-categories .list-category .yotpo-icon.pull-left.review-star.yotpo-icon-empty-star {
line-height: 16px !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-hidden-mobile .dropdown-filters-container.yotpo-drop-down-layout span.filters-dropdown .yotpo-dropdown.list-categories .list-category .yotpo-icon.pull-left.review-star.yotpo-icon-empty-star {
margin-right: 2px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-default-button.yotpo-icon-btn.desktop-clear-all-btn {
padding: 12px 20px !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-default-button.yotpo-icon-btn.desktop-clear-all-btn {
top: -15px;
display: flex;
align-items: center;
justify-content: center;
font-style: normal;
font-size: 16px;
line-height: 24px;
font-weight: 700;
letter-spacing: 0.1rem;
text-transform: uppercase;
text-decoration: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
border-radius: 0px;
outline: 0;
gap: 12px;
background-color: transparent;
border: 1px solid #dfdde3;
border: 1px solid var(--color-border);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-default-button.yotpo-icon-btn.desktop-clear-all-btn:hover {
background-color: #414042 !important;
background-color: var(--color-grey) !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-default-button.yotpo-icon-btn.desktop-clear-all-btn:hover {
color: #ffffff;
color: var(--color-white);
border: 1px solid #414042;
border: 1px solid var(--color-grey);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-default-button.yotpo-icon-btn.desktop-clear-all-btn:hover .desktop-clear-btn-text {
color: #ffffff;
color: var(--color-white);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-default-button.yotpo-icon-btn.desktop-clear-all-btn .desktop-clear-btn-text {
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
font-size: inherit;
font-weight: inherit;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-visible-mobile.mobile-more-filters-container {
margin-top: 25px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-visible-mobile.mobile-more-filters-container .yotpo-icon-btn.more-filters-btn {
border-radius: 0;
width: 100%;
text-align: center;
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-visible-mobile.mobile-more-filters-container .yotpo-icon-btn.more-filters-btn .more-filters-icon.yotpo-icon.yotpo-icon-fine-tune {
width: 24px !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-visible-mobile.mobile-more-filters-container .yotpo-icon-btn.more-filters-btn .more-filters-icon.yotpo-icon.yotpo-icon-fine-tune {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxOSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNSAxMC42MDVIMTEuNVY5LjYwNDk4SDAuNVYxMC42MDVaTTE1LjUgMTAuNjA1SDE4LjVWOS42MDQ5OEgxNS41VjEwLjYwNVpNMC41IDMuNjA0OThIMy41VjIuNjA0OThIMC41VjMuNjA0OThaTTcuNSAzLjYwNDk4SDE4LjVWMi42MDQ5OEg3LjVWMy42MDQ5OFpNMC41IDE3LjYwNUgzLjVWMTYuNjA1SDAuNVYxNy42MDVaTTcuNSAxNy42MDVIMTguNVYxNi42MDVINy41VjE3LjYwNVpNNyAzLjEwNDk4QzcgMy45MzM0MSA2LjMyODQzIDQuNjA0OTggNS41IDQuNjA0OThWNS42MDQ5OEM2Ljg4MDcxIDUuNjA0OTggOCA0LjQ4NTY5IDggMy4xMDQ5OEg3Wk01LjUgNC42MDQ5OEM0LjY3MTU3IDQuNjA0OTggNCAzLjkzMzQxIDQgMy4xMDQ5OEgzQzMgNC40ODU2OSA0LjExOTI5IDUuNjA0OTggNS41IDUuNjA0OThWNC42MDQ5OFpNNCAzLjEwNDk4QzQgMi4yNzY1NSA0LjY3MTU3IDEuNjA0OTggNS41IDEuNjA0OThWMC42MDQ5OEM0LjExOTI5IDAuNjA0OTggMyAxLjcyNDI3IDMgMy4xMDQ5OEg0Wk01LjUgMS42MDQ5OEM2LjMyODQzIDEuNjA0OTggNyAyLjI3NjU1IDcgMy4xMDQ5OEg4QzggMS43MjQyNyA2Ljg4MDcxIDAuNjA0OTggNS41IDAuNjA0OThWMS42MDQ5OFpNMTUgMTAuMTA1QzE1IDEwLjkzMzQgMTQuMzI4NCAxMS42MDUgMTMuNSAxMS42MDVWMTIuNjA1QzE0Ljg4MDcgMTIuNjA1IDE2IDExLjQ4NTcgMTYgMTAuMTA1SDE1Wk0xMy41IDExLjYwNUMxMi42NzE2IDExLjYwNSAxMiAxMC45MzM0IDEyIDEwLjEwNUgxMUMxMSAxMS40ODU3IDEyLjExOTMgMTIuNjA1IDEzLjUgMTIuNjA1VjExLjYwNVpNMTIgMTAuMTA1QzEyIDkuMjc2NTUgMTIuNjcxNiA4LjYwNDk4IDEzLjUgOC42MDQ5OFY3LjYwNDk4QzEyLjExOTMgNy42MDQ5OCAxMSA4LjcyNDI3IDExIDEwLjEwNUgxMlpNMTMuNSA4LjYwNDk4QzE0LjMyODQgOC42MDQ5OCAxNSA5LjI3NjU1IDE1IDEwLjEwNUgxNkMxNiA4LjcyNDI3IDE0Ljg4MDcgNy42MDQ5OCAxMy41IDcuNjA0OThWOC42MDQ5OFpNNyAxNy4xMDVDNyAxNy45MzM0IDYuMzI4NDMgMTguNjA1IDUuNSAxOC42MDVWMTkuNjA1QzYuODgwNzEgMTkuNjA1IDggMTguNDg1NyA4IDE3LjEwNUg3Wk01LjUgMTguNjA1QzQuNjcxNTcgMTguNjA1IDQgMTcuOTMzNCA0IDE3LjEwNUgzQzMgMTguNDg1NyA0LjExOTI5IDE5LjYwNSA1LjUgMTkuNjA1VjE4LjYwNVpNNCAxNy4xMDVDNCAxNi4yNzY2IDQuNjcxNTcgMTUuNjA1IDUuNSAxNS42MDVWMTQuNjA1QzQuMTE5MjkgMTQuNjA1IDMgMTUuNzI0MyAzIDE3LjEwNUg0Wk01LjUgMTUuNjA1QzYuMzI4NDMgMTUuNjA1IDcgMTYuMjc2NiA3IDE3LjEwNUg4QzggMTUuNzI0MyA2Ljg4MDcxIDE0LjYwNSA1LjUgMTQuNjA1VjE1LjYwNVoiIGZpbGw9IiM0MTQwNDIiLz4KPC9zdmc+Cg==");
background-repeat: no-repeat;
background-position: center center;
height: 20px;
display: block;
margin-right: 12px;
position: static;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-visible-mobile.mobile-more-filters-container .yotpo-icon-btn.more-filters-btn .more-filters-icon.yotpo-icon.yotpo-icon-fine-tune::before {
display: none;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content div.yotpo-reviews-filters.yotpo-active .filters-container .yotpo-visible-mobile.mobile-more-filters-container .yotpo-icon-btn.more-filters-btn .more-filters-text {
text-transform: uppercase;
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
font-weight: 700;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.1em;
color: #414042;
color: var(--color-grey);
width: auto;
height: auto;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews-header.yotpo-active {
margin: 0;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews-header.yotpo-active .reviews-header .reviews-amount {
font-weight: 400;
font-size: 24px;
color: #000000;
color: var(--color-black);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews-header.yotpo-active .reviews-header .yotpo-drop-down-layout .sort-drop-down.yotpo-nav-dropdown.sorting .yotpo-dropdown-button {
cursor: pointer;
display: flex;
justify-content: flex-end;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews-header.yotpo-active .reviews-header .yotpo-drop-down-layout .sort-drop-down.yotpo-nav-dropdown.sorting .yotpo-dropdown-button > span {
color: #000000 !important;
color: var(--color-black) !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews-header.yotpo-active .reviews-header .yotpo-drop-down-layout .sort-drop-down.yotpo-nav-dropdown.sorting .yotpo-dropdown-button > span {
font-weight: 400;
font-size: 16px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews-header.yotpo-active .reviews-header .yotpo-drop-down-layout .sort-drop-down.yotpo-nav-dropdown.sorting .yotpo-dropdown-button span:first-child {
margin-right: 5px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews-header.yotpo-active .reviews-header .yotpo-drop-down-layout .sort-drop-down.yotpo-nav-dropdown.sorting .yotpo-dropdown-button .yotpo-icon.yotpo-icon-down-triangle.bold-black-arrow {
width: 24px !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews-header.yotpo-active .reviews-header .yotpo-drop-down-layout .sort-drop-down.yotpo-nav-dropdown.sorting .yotpo-dropdown-button .yotpo-icon.yotpo-icon-down-triangle.bold-black-arrow {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMS41IDAuNjA0OThMNiA2LjEwNDk4TDAuNSAwLjYwNDk4IiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
background-repeat: no-repeat;
background-position: center center;
height: 20px;
display: block;
margin-right: 12px;
position: static;
margin: 0 0 5px 0;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews-header.yotpo-active .reviews-header .yotpo-drop-down-layout .sort-drop-down.yotpo-nav-dropdown.sorting .yotpo-dropdown-button .yotpo-icon.yotpo-icon-down-triangle.bold-black-arrow::before {
display: none;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews-header.yotpo-active .reviews-header .yotpo-drop-down-layout .sort-drop-down.yotpo-nav-dropdown.sorting .yotpo-dropdown-button span[role=textbox] {
display: none;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box {
padding: 30px 0 20px 0;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box div.yotpo-header span.yotpo-icon-profile.yotpo-header-element.pull-left {
background-color: #83b6dd !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box div.yotpo-header span.yotpo-icon-profile.yotpo-header-element.pull-left {
width: 48px;
height: 48px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box div.yotpo-header span.yotpo-icon-profile.yotpo-header-element.pull-left span.yotpo-user-letter {
display: block !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box div.yotpo-header span.yotpo-icon-profile.yotpo-header-element.pull-left span.yotpo-user-letter {
color: #ffffff;
color: var(--color-white);
top: 15px;
left: 0;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box div.yotpo-header span.yotpo-icon-profile.yotpo-header-element.pull-left span.yotpo-user-letter .yotpo-icon.yotpo-icon-store {
position: absolute;
top: -1px;
left: 14px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box div.yotpo-header span.yotpo-icon-profile.yotpo-header-element.pull-left .yotpo-icon.yotpo-icon-circle-checkmark::before {
color: #1cc286;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box div.yotpo-header .yotpo-header-element .y-label.yotpo-user-name.yotpo-font-bold.pull-left {
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #000000;
color: var(--color-black);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box div.yotpo-header .yotpo-header-element .label-with-tooltip.pull-left .y-label.yotpo-user-title.yotpo-action-hover {
display: none;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box div.yotpo-header .yotpo-header-element .yotpo-review-stars {
margin-top: 0;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box div.yotpo-header .yotpo-header-element .yotpo-review-stars .yotpo-icon.yotpo-icon-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box div.yotpo-header .yotpo-header-element .yotpo-review-stars .yotpo-icon.yotpo-icon-half-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box div.yotpo-header .yotpo-header-element .yotpo-review-stars .yotpo-icon.yotpo-icon-empty-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box div.yotpo-header .yotpo-header-element .yotpo-review-stars .yotpo-icon.pull-left.review-star.yotpo-icon-star {
line-height: 16px !important;
font-size: 16px !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box div.yotpo-header .yotpo-header-element .yotpo-review-stars .yotpo-icon.yotpo-icon-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box div.yotpo-header .yotpo-header-element .yotpo-review-stars .yotpo-icon.yotpo-icon-half-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box div.yotpo-header .yotpo-header-element .yotpo-review-stars .yotpo-icon.yotpo-icon-empty-star.rating-star,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box div.yotpo-header .yotpo-header-element .yotpo-review-stars .yotpo-icon.pull-left.review-star.yotpo-icon-star {
margin-right: -1px;
height: auto;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box div.yotpo-header .yotpo-header-element .yotpo-review-stars .yotpo-icon.yotpo-icon-star.rating-star::before,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box div.yotpo-header .yotpo-header-element .yotpo-review-stars .yotpo-icon.yotpo-icon-half-star.rating-star::before,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box div.yotpo-header .yotpo-header-element .yotpo-review-stars .yotpo-icon.yotpo-icon-empty-star.rating-star::before,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box div.yotpo-header .yotpo-header-element .yotpo-review-stars .yotpo-icon.pull-left.review-star.yotpo-icon-star::before {
color: #d2232a;
color: var(--color-primary);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box div.yotpo-header .yotpo-header-element .yotpo-review-stars .yotpo-icon.yotpo-icon-star.rating-star.radio-non-selected-color::before,
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box div.yotpo-header .yotpo-header-element .yotpo-review-stars .yotpo-icon.pull-left.review-star.yotpo-icon-empty-star::before {
color: #ccc;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box div.yotpo-header .yotpo-header-element .yotpo-review-stars .yotpo-icon.pull-left.review-star.yotpo-icon-empty-star {
line-height: 16px !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box div.yotpo-header .yotpo-header-element .yotpo-review-stars .yotpo-icon.pull-left.review-star.yotpo-icon-empty-star {
margin-right: -1px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box div.yotpo-header .yotpo-header-element.yotpo-header-actions span.y-label.yotpo-review-date {
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #716f73;
color: var(--color-light-grey);
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .yotpo-main {
margin-left: 0;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .yotpo-main .content-title.yotpo-font-bold {
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #000000;
color: var(--color-black);
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .yotpo-main .yotpo-review-wrapper .content-review {
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #000000;
color: var(--color-black);
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .yotpo-footer {
margin-left: 0;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .yotpo-footer .footer-actions {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .yotpo-footer .footer-actions .yotpo-action {
cursor: pointer;
display: flex;
align-items: center;
margin-bottom: 10px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .yotpo-footer .footer-actions .yotpo-action .yotpo-icon.yotpo-icon-share {
width: 24px !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .yotpo-footer .footer-actions .yotpo-action .yotpo-icon.yotpo-icon-share {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNiAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjUgOS42MDU0N1YxMy42MDU1QzE1LjUgMTUuMjYyMyAxNC4xNTY5IDE2LjYwNTUgMTIuNSAxNi42MDU1SDMuNUMxLjg0MzE1IDE2LjYwNTUgMC41IDE1LjI2MjMgMC41IDEzLjYwNTVWOS42MDU0N004IDExLjEwNTVWMS4xMDU0N004IDEuMTA1NDdMMTIgNS4xMDU0N004IDEuMTA1NDdMNCA1LjEwNTQ3IiBzdHJva2U9IiM3MTZGNzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K");
background-repeat: no-repeat;
background-position: center center;
height: 20px;
display: block;
margin-right: 12px;
position: static;
margin-right: 5px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .yotpo-footer .footer-actions .yotpo-action .yotpo-icon.yotpo-icon-share::before {
display: none;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .yotpo-footer .footer-actions .yotpo-action span.y-label {
color: #716f73;
color: var(--color-light-grey);
font-weight: 400;
font-size: 16px;
line-height: 24px;
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
margin-right: 15px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .yotpo-footer .footer-actions .yotpo-action .yotpo-icon.yotpo-icon-seperator {
display: none;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .yotpo-footer .footer-actions .yotpo-action .yotpo-icon.yotpo-icon-chat-bubble.y-label {
margin-right: 5px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .yotpo-footer .footer-actions .share-options-wrapper {
margin-right: 15px;
margin-bottom: 10px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .yotpo-footer .footer-actions .share-options-wrapper .share-options.share-review span .y-label.yotpo-action {
display: inline;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .yotpo-footer .footer-actions .share-options-wrapper .share-options.share-review .yotpo-icon.yotpo-icon-seperator {
display: none;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .yotpo-footer .footer-additional-actions {
margin-top: -5px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .yotpo-footer .footer-additional-actions .y-label.yotpo-review-date {
color: #716f73;
color: var(--color-light-grey);
font-weight: 400;
font-size: 16px;
line-height: 20px;
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .yotpo-footer .yotpo-helpful {
margin-top: -5px;
display: flex;
align-items: center;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .yotpo-footer .yotpo-helpful .y-label.label-helpful {
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #716f73;
color: var(--color-light-grey);
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .yotpo-footer .yotpo-helpful .yotpo-icon-btn-small.transparent-color-btn.vote-btn {
cursor: pointer;
margin-left: 10px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .yotpo-footer .yotpo-helpful .yotpo-icon-btn-small.transparent-color-btn.vote-btn .yotpo-icon.yotpo-icon-thumbs-up {
width: 24px !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .yotpo-footer .yotpo-helpful .yotpo-icon-btn-small.transparent-color-btn.vote-btn .yotpo-icon.yotpo-icon-thumbs-up {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuMDk3NzcgNy41NTA5OEMyLjg3MzkyIDcuNTUwOTggMS42NTAwNSA3LjU1MDk4IDEuMDM4MTUgNy41NTA5OEMwLjIyMjI0NyAxMC4xMzg5IDAuNDI2MTk4IDEzLjUyMzEgMS4wMzgxNSAxNS45MTJDMS42MjIzMyAxNS45MTIgMi44NzM5MiAxNS45MTIgNC4wOTc3NyAxNS45MTJNNC4wOTc3NyA3LjU1MDk4QzYuNTQ1NDUgNi45NTM1OCA3Ljg2NTc2IDUuMTk3ODYgOC45OTMxNSAyLjE3NTkzQzkuNjA1MDcgMC41MzU2NzkgMTEuNDQwOCAwLjk4MTY2NiAxMS40NDA4IDIuMTc1OTNDMTEuNDQwOCAzLjM3MDI1IDEwLjY2ODggNi4zNTY1MiA5LjYwNTA3IDcuNTUwOThDMTAuNjAwOSA3LjU1MTA1IDE0LjA5MjUgNy41NTA5OCAxNi45NDgyIDcuNTUwOThDMTcuOTY4IDcuNzUwMDggMTkuNTE4MyA5LjU4MTUxIDE3LjU2MDEgMTIuOTI1OUMxNS4xMTI0IDE3LjEwNjQgMTUuMTEyNCAxNy4xMDY0IDEzLjI3NjYgMTcuMTA2NEM4Ljk5MzEyIDE3LjEwNjQgNi41NDU0NyAxNS45MTIgNC4wOTc3NyAxNS45MTJNNC4wOTc3NyA3LjU1MDk4QzQuMDk3NzcgNy41NTA5OCAzLjQ4NTg1IDEwLjA4MjMgMy40ODU4NSAxMS43MzE1QzMuNDg1ODUgMTMuMzgwNyA0LjA5Nzc3IDE1LjkxMiA0LjA5Nzc3IDE1LjkxMiIgc3Ryb2tlPSIjNzE2RjczIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
background-repeat: no-repeat;
background-position: center center;
height: 20px;
display: block;
margin-right: 12px;
position: static;
margin-right: 5px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .yotpo-footer .yotpo-helpful .yotpo-icon-btn-small.transparent-color-btn.vote-btn .yotpo-icon.yotpo-icon-thumbs-up::before {
display: none;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .yotpo-footer .yotpo-helpful .yotpo-icon-btn-small.transparent-color-btn.vote-btn .yotpo-icon.yotpo-icon-thumbs-down {
width: 24px !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .yotpo-footer .yotpo-helpful .yotpo-icon-btn-small.transparent-color-btn.vote-btn .yotpo-icon.yotpo-icon-thumbs-down {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjkwMjIgMTAuNjYxOUMxNi4xMjYxIDEwLjY2MTkgMTcuMzUgMTAuNjYxOSAxNy45NjE5IDEwLjY2MTlDMTguNzc3OCA4LjA3Mzk0IDE4LjU3MzggNC42ODk3NSAxNy45NjE5IDIuMzAwODhDMTcuMzc3NyAyLjMwMDg4IDE2LjEyNjEgMi4zMDA4NyAxNC45MDIyIDIuMzAwODdNMTQuOTAyMiAxMC42NjE5QzEyLjQ1NDYgMTEuMjU5MyAxMS4xMzQyIDEzLjAxNSAxMC4wMDY5IDE2LjAzN0M5LjM5NDkzIDE3LjY3NzIgNy41NTkxNSAxNy4yMzEyIDcuNTU5MTUgMTYuMDM3QzcuNTU5MTUgMTQuODQyNiA4LjMzMTI1IDExLjg1NjQgOS4zOTQ5MyAxMC42NjE5QzguMzk5MSAxMC42NjE4IDQuOTA3NDggMTAuNjYxOSAyLjA1MTgzIDEwLjY2MTlDMS4wMzE5NSAxMC40NjI4IC0wLjUxODI1NiA4LjYzMTM4IDEuNDM5OSA1LjI4Njk3QzMuODg3NiAxLjEwNjQ1IDMuODg3NiAxLjEwNjQ1IDUuNzIzMzggMS4xMDY0NUMxMC4wMDY5IDEuMTA2NDUgMTIuNDU0NSAyLjMwMDg3IDE0LjkwMjIgMi4zMDA4N00xNC45MDIyIDEwLjY2MTlDMTQuOTAyMiAxMC42NjE5IDE1LjUxNDIgOC4xMzA1NiAxNS41MTQyIDYuNDgxMzlDMTUuNTE0MiA0LjgzMjIyIDE0LjkwMjIgMi4zMDA4NyAxNC45MDIyIDIuMzAwODciIHN0cm9rZT0iIzcxNkY3MyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
background-repeat: no-repeat;
background-position: center center;
height: 20px;
display: block;
margin-right: 12px;
position: static;
margin-right: 5px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .yotpo-footer .yotpo-helpful .yotpo-icon-btn-small.transparent-color-btn.vote-btn .yotpo-icon.yotpo-icon-thumbs-down::before {
display: none;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .no-border.yotpo-comments-box .yotpo-comment-box.yotpo-comment {
padding: 0;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .no-border.yotpo-comments-box .yotpo-comment-box.yotpo-comment .yotpo-header.yotpo-store-owner {
display: flex;
align-items: center;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .no-border.yotpo-comments-box .yotpo-comment-box.yotpo-comment .yotpo-header.yotpo-store-owner .yotpo-header-element .stars-and-name .y-label.yotpo-user-name.yotpo-font-bold {
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #000000;
color: var(--color-black);
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .no-border.yotpo-comments-box .yotpo-comment-box.yotpo-comment .yotpo-main {
margin: 20px 0 25px 0;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .no-border.yotpo-comments-box .yotpo-comment-box.yotpo-comment .yotpo-footer {
margin-bottom: 45px;
}
@media (min-width: 535px) {
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .yotpo-nav-content .yotpo-reviews.yotpo-active .yotpo-review.yotpo-regular-box .no-border.yotpo-comments-box .yotpo-comment-box.yotpo-comment .yotpo-footer {
margin-bottom: 0;
}
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .suggested-topics {
margin-top: 2px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .suggested-topics .suggested-topics-row {
margin-bottom: 0 !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .suggested-topics .suggested-topics-row {
margin-top: 10px;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .suggested-topics .suggested-topic {
display: inline-block;
margin-bottom: 0;
margin-right: 8px;
padding: 8px 20px;
background-color: #ffffff;
background-color: var(--color-white);
border: 1px solid #dfdde3;
border: 1px solid var(--color-border);
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #414042;
color: var(--color-grey);
border-radius: 0;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .suggested-topics .suggested-topic:focus, .yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .suggested-topics .suggested-topic.focus-visible {
outline: auto !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .suggested-topics .suggested-topic:focus, .yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .suggested-topics .suggested-topic:focus-visible {
outline: auto !important;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .suggested-topics .suggested-topic .suggested-topic-text {
padding: 0;
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #414042;
color: var(--color-grey);
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .main-widget.yotpo-display-wrapper .suggested-topics .suggested-topic-expand {
width: auto;
}
.yotpo.yotpo-main-widget.yotpo-product-reviews .yotpo-footer .socialize-wrapper {
display: none !important;
}
/**
* Swiper 8.4.4
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2022 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: October 12, 2022
*/
@font-face {
font-family: "swiper-icons";
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
/* For Firefox */
-ms-overflow-style: none;
/* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
[dir="ltr"] .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child{
margin-left: var(--swiper-centered-offset-before);
}
[dir="rtl"] .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child{
margin-right: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-top: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px;
/*
--swiper-navigation-color: var(--swiper-theme-color);
*/
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: calc(44px / 44 * 27);
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: 44px;
height: var(--swiper-navigation-size);
margin-top: calc(0px - 44px / 2);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: #007aff;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
display: none !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
text-transform: none !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: 44px;
font-size: var(--swiper-navigation-size);
letter-spacing: 0;
font-feature-settings: ;
font-variant: normal;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next";
}
.swiper-button-lock {
display: none;
}
:root {
/*
--swiper-pagination-color: var(--swiper-theme-color);
--swiper-pagination-bullet-size: 8px;
--swiper-pagination-bullet-width: 8px;
--swiper-pagination-bullet-height: 8px;
--swiper-pagination-bullet-inactive-color: #000;
--swiper-pagination-bullet-inactive-opacity: 0.2;
--swiper-pagination-bullet-opacity: 1;
--swiper-pagination-bullet-horizontal-gap: 4px;
--swiper-pagination-bullet-vertical-gap: 6px;
*/
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 10px;
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: 8px;
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 50%;
background: #000;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: 0.2;
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: 1;
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: #007aff;
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
/* Scrollbar */
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
/* Preloader */
:root {
/*
--swiper-preloader-color: var(--swiper-theme-color);
*/
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid #007aff;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* a11y */
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
z-index: 0;
backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
z-index: 0;
backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height;
}
.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
backface-visibility: hidden;
overflow: hidden;
}
.product-card {
position: relative;
background-color: #ffffff;
background-color: var(--color-white);
display: inline-flex;
width: 100%;
height: auto;
flex-direction: column;
border: 1px solid #dfdde3;
border: 1px solid var(--color-border);
}
.product-card__featured-image {
width: 100%;
}
.product-card__details {
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 0.75rem 0.75rem 0;
flex: 1 0 auto;
}
.product-card__title {
margin-bottom: 0.75rem;
}
.product-card__purchase-info {
display: flex;
padding: 0 0.75rem 0.75rem;
flex-flow: wrap;
row-gap: 0.75rem;
justify-content: space-between;
align-items: center;
}
.product-card .yotpo {
margin: 0 0 0.75rem;
}
.product-card__wishlist {
position: absolute;
top: 0.75rem;
right: 0.75rem;
}
.product-card__url-wrapper {
display: flex;
flex-direction: column;
position: relative;
}
.product-card__url {
display: block !important;
}
.product-card__url {
position: absolute;
top: 45px;
left: 0;
width: 100%;
height: calc(100% - 60px);
opacity: 0;
cursor: pointer;
}
.card-wrapper {
color: inherit;
width: 100%;
height: 100%;
position: relative;
text-decoration: none;
display: flex;
flex-direction: column;
flex-grow: 1;
background: #ffffff;
background: var(--color-white);
}
.card-wrapper:hover {
z-index: 10;
}
.card {
text-decoration: none;
text-align: var(--text-alignment);
display: flex;
flex-direction: column;
flex-grow: 1;
}
.card:hover {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1019607843);
}
.card__bottom__actions {
display: none;
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #ffffff;
background: var(--color-white);
box-shadow: white 0px -10px 0px 0px, rgba(0, 0, 0, 0.1019607843) 0px 10px 20px 0px;
opacity: 0;
}
@media (min-width: 1024px) {
.card__bottom__actions {
display: block;
}
}
.card__bottom__actions .btn {
position: relative;
}
.card__bottom__actions .loading {
color: transparent;
}
.card__bottom__actions .spinner {
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
margin: -15px 0 0 -15px;
}
.card__bottom__actions circle {
stroke: #ffffff;
stroke: var(--color-white);
}
.card:hover .card__bottom__actions, .card[focus-within] .card__bottom__actions {
visibility: visible;
opacity: 1;
}
.card:hover .card__bottom__actions, .card:focus-within .card__bottom__actions {
visibility: visible;
opacity: 1;
}
.card:not(.ratio) {
display: flex;
flex-direction: column;
height: 100%;
}
.card--horizontal {
--text-alignment: left;
--image-padding: 0rem;
flex-direction: row;
align-items: flex-start;
gap: 1.5rem;
}
.card--horizontal.ratio:before {
padding-bottom: 0;
}
.card-card.card--horizontal {
padding: 1.2rem;
}
.card--card.card--horizontal.card--text {
-moz-column-gap: 0;
column-gap: 0;
}
.card--card {
height: 100%;
}
.card--card, .card--standard .card__inner {
position: relative;
box-sizing: border-box;
border-radius: var(--border-radius);
border: var(--border-width) solid rgba(#000000, var(--border-opacity));
border: var(--border-width) solid rgba(var(--color-foreground), var(--border-opacity));
}
.card--card:after, .card--standard .card__inner:after {
content: "";
position: absolute;
z-index: -1;
width: calc(var(--border-width) * 2 + 100%);
height: calc(var(--border-width) * 2 + 100%);
top: calc(var(--border-width) * -1);
left: calc(var(--border-width) * -1);
border-radius: var(--border-radius);
box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(#000000, var(--shadow-opacity));
box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity));
}
.card__inner .card__media {
overflow: hidden;
/* Fix for Safari border bug on hover */
z-index: 0;
border-radius: calc(var(--border-radius) - var(--border-width) - var(--image-padding));
}
.card--card .card__inner .card__media {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.card--standard.card--text {
background-color: transparent;
}
.card__bottom {
text-align: var(--text-alignment);
}
.card .swym-button.swym-add-to-wishlist-view-product {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
font-size: 23px;
pointer-events: visible;
}
.card .swym-button.swym-add-to-wishlist-view-product:after,
.card .swym-button.swym-added.swym-add-to-wishlist-view-product:after {
color: #d2232a !important;
}
.card__media,
.card .media {
bottom: 0;
position: absolute;
top: 0;
}
.card .media {
width: 100%;
}
.card__media {
margin: var(--image-padding);
width: calc(100% - 2 * var(--image-padding));
}
.card--standard .card__media {
margin: var(--image-padding);
}
.card__inner {
width: 100%;
}
.card--media .card__inner .card__content {
position: relative;
padding: calc(var(--image-padding) + 1rem);
}
.card__content {
padding: 20px 10px 10px;
width: 100%;
flex-grow: 1;
display: flex;
flex-direction: column;
height: 100%;
}
.card__content--auto-margins {
grid-template-rows: minmax(0, auto) max-content minmax(0, auto);
}
.card__information p.card__tags {
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #716f73;
margin-bottom: 8px;
}
.card__badge {
align-self: flex-end;
grid-row-start: 3;
justify-self: flex-start;
}
.card__badge.top {
align-self: flex-start;
grid-row-start: 1;
}
.card__badge.right {
justify-self: flex-end;
}
.card:not(.card--horizontal) > .card__content > .card__badge {
margin: 1.3rem;
}
.card__media .media img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 100%;
}
.card__inner:not(.ratio) > .card__content {
height: 100%;
}
.card__heading {
margin-top: 0;
margin-bottom: 0;
color: #000;
font-family: "proxima-nova", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 130%;
}
.card__heading a {
text-decoration: none;
color: #000;
color: initial;
}
.card__heading:last-child {
margin-bottom: 0;
}
.card--card.card--media > .card__content {
margin-top: calc(0rem - var(--image-padding));
}
.card--standard.card--text a::after, .card--card .card__heading a::after {
bottom: calc(var(--border-width) * -1);
left: calc(var(--border-width) * -1);
right: calc(var(--border-width) * -1);
top: calc(var(--border-width) * -1);
}
.card__heading a::after {
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.card__heading a:after {
outline-offset: 0.3rem;
}
.card__heading a:focus:not(.focus-visible):after {
box-shadow: none;
outline: 0;
}
.card__heading a:focus:not(:focus-visible):after {
box-shadow: none;
outline: 0;
}
.card__heading a:focus {
box-shadow: none;
outline: 0;
}
.card__heading a.focus-visible {
outline: 2px solid rgba(#000000, 0.5);
outline: 2px solid rgba(var(--color-foreground), 0.5);
outline-offset: 2px;
}
.card__heading a.focus-visible {
outline: 2px solid rgba(#000000, 0.5);
outline: 2px solid rgba(var(--color-foreground), 0.5);
outline-offset: 2px;
}
.card__heading a:focus-visible {
outline: 2px solid rgba(#000000, 0.5);
outline: 2px solid rgba(var(--color-foreground), 0.5);
outline-offset: 2px;
}
@media screen and (min-width: 990px) {
.card .media.media--hover-effect > img:only-child,
.card .media.media--hover-effect > img:only-child {
transition: transform 500ms ease;
transition: transform var(--duration-long) ease;
}
.card:hover .media.media--hover-effect > img:first-child:only-child, .card:hover .media.media--hover-effect > img:first-child:only-child {
transform: scale(1.03);
}
.card:hover .media.media--hover-effect > img:first-child:not(:only-child) {
opacity: 0;
}
.card:hover .media.media--hover-effect > img + img {
opacity: 1;
transition: transform 500ms ease;
transition: transform var(--duration-long) ease;
transform: scale(1.03);
}
.card .underline-links-hover:hover a:not(.full-unstyled-link) {
text-decoration: underline;
text-underline-offset: 0.3rem;
text-decoration-color: #d2232a;
color: #d2232a;
}
.card .underline-links-hover:hover a.full-unstyled-link {
color: #000;
color: initial;
}
.card .article-grid__1x .underline-links-hover:hover a.article-card__read-more-cta {
text-decoration-color: #d2232a;
color: #d2232a;
}
}
.card--standard.card--media .card__inner .card__information, .card--standard.card--text:not(.card--horizontal) > .card__content .card__heading, .card--standard:not(.card--horizontal) > .card__content .card__badge, .card--standard.card--text.article-card > .card__content .card__information, .card--standard > .card__content .card__caption {
display: none;
}
.card--standard > .card__content .card__information {
padding-left: 0;
padding-right: 0;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.card--card.card--media .card__inner .card__information, .card--card.card--text .card__inner, .card--card.card--media > .card__content .card__badge {
display: none;
}
.card--horizontal .card__badge, .card--horizontal.card--text .card__inner {
display: none;
}
.card--extend-height {
height: 100%;
}
.card--extend-height.card--standard.card--text, .card--extend-height.card--media {
display: flex;
flex-direction: column;
}
.card--extend-height.card--standard.card--text .card__inner, .card--extend-height.card--media .card__inner {
flex-grow: 1;
}
.card .icon-wrap {
margin-left: 0.8rem;
white-space: nowrap;
transition: transform 100ms ease;
transition: transform var(--duration-short) ease;
overflow: hidden;
}
.card__bottom {
width: 100%;
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-top: 22px;
flex-grow: 1;
}
.card__bottom > * {
line-height: calc(1 + 0.4 / 1);
line-height: calc(1 + 0.4 / var(--font-body-scale));
}
.card__bottom > .product-price {
margin-left: auto;
color: #000;
font-family: "proxima-nova", sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 100%;
text-align: right;
justify-content: flex-end;
}
.card__bottom > .product-price small {
font-size: 16px;
margin-right: 7px;
}
.card__bottom .caption {
letter-spacing: 0.07rem;
}
.card-article-info {
margin-top: 1rem;
}
.card__media-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
pointer-events: none;
}
.card .productBadge {
position: absolute;
top: 8px;
left: 8px;
width: 60px;
height: 60px;
z-index: 5;
}
@media (min-width: 1024px) {
.card .productBadge {
width: 80px;
height: 80px;
}
}
.card .sales-badges {
position: absolute;
left: 0.75rem;
top: 0.75rem;
width: 4.75rem;
font-family: "BD Cartoon Shout";
font-family: var(--type-billboard);
font-size: 1rem;
line-height: 1.2;
color: #d2232a;
color: var(--color-primary);
text-shadow: 2px 3px 0px #ffffff;
text-shadow: 2px 3px 0px var(--color-white);
transform: rotate(-7deg);
z-index: 1;
}
@media (max-width: 767px) {
.card__bottom > .product-price small {
font-size: 12px;
display: block;
width: 100%;
margin-right: 0;
}
}
.card .yotpo-widget-clear {
display: none;
}
.card .yotpo-display-wrapper {
display: block;
}
.card .yotpo .yotpo-display-wrapper {
pointer-events: none !important;
}
.card .yotpo .yotpo-display-wrapper {
margin-bottom: 3px;
}
.card .yotpo-bottomline .yotpo-stars .yotpo-icon {
font-size: 18px !important;
}
.card .yotpo-bottomline .yotpo-stars .yotpo-icon {
letter-spacing: 0;
}
.card .yotpo-bottomline a {
color: #a0a1aa !important;
font-weight: 400 !important;
margin-bottom: 0 !important;
font-size: 16px !important;
}
.card .yotpo-bottomline a {
margin-left: 2px;
overflow: hidden;
height: 18px;
}
.card .yotpo-bottomline a:hover {
color: #a0a1aa !important;
font-weight: 400 !important;
margin-bottom: 0 !important;
font-size: 16px !important;
}
.card .yotpo-bottomline a:hover {
margin-left: 2px;
overflow: hidden;
height: 18px;
pointer-events: none;
}
.product-swatches {
display: inline-flex;
flex-flow: wrap;
align-items: center;
gap: 0.5rem;
}
.product-swatches .product-swatch {
min-width: 20px;
}
.product-swatches__plus2 {
font: 400 16px "proxima-nova", sans-serif;
font: 400 16px var(--type-primary);
}
.product-price {
display: flex;
text-align: right;
flex-wrap: wrap;
align-content: flex-end;
gap: 1px;
}
@media (min-width: 1280px) {
.product-price {
flex-wrap: nowrap;
}
}
.product-price__superscript {
font-size: 14px;
font-weight: 400;
line-height: 14px;
display: block;
align-self: flex-start;
}
.product-price__price {
font-size: 20px;
font-weight: 400;
line-height: 20px;
display: block;
}
.product-price__from {
font: 400 12px "proxima-nova", sans-serif;
font: 400 12px var(--type-primary);
line-height: 21px;
text-align: right;
flex-grow: 1;
width: 100%;
}
@media (min-width: 1280px) {
.product-price__from {
width: auto;
flex-grow: initial;
margin-right: 7px;
font-size: 16px;
}
}
.breadcrumbs-wrap {
max-width: 1440px;
margin: 0 auto;
padding: 0 16px;
}
@media (min-width: 1024px) {
.breadcrumbs-wrap {
padding: 0 20px;
}
}
.breadcrumbs-wrap .breadcrumbs {
position: relative;
z-index: 1;
}
.breadcrumbs-wrap .breadcrumbs__list {
display: flex;
margin: 0;
padding: 0;
list-style: none;
}
.breadcrumbs-wrap .breadcrumbs__item {
position: relative;
display: none;
margin: 0 0 0 1.75rem;
align-items: center;
font-weight: 400;
font-size: 1rem;
line-height: 1.5rem;
color: #716f73;
color: var(--color-light-grey);
cursor: default;
}
.breadcrumbs-wrap .breadcrumbs__item--product {
color: #000000;
color: var(--color-black);
}
.breadcrumbs-wrap .breadcrumbs__item:nth-last-child(2) {
display: inline-flex;
}
.breadcrumbs-wrap .breadcrumbs__item .icon--chevron-left {
position: absolute;
left: -28px;
width: 1.5rem;
height: 1.5rem;
}
.breadcrumbs-wrap .breadcrumbs__item .icon--chevron-left svg path {
stroke: #716f73;
stroke: var(--color-light-grey);
}
.breadcrumbs-wrap .breadcrumbs__item .breadcrumbs__link {
position: relative;
color: #716f73;
color: var(--color-light-grey);
text-decoration: none;
cursor: pointer;
}
.breadcrumbs-wrap .breadcrumbs__item .breadcrumbs__link:hover {
color: #d2232a;
color: var(--color-primary);
}
.breadcrumbs-wrap .breadcrumbs__item .breadcrumbs__link:hover::after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0.0625rem;
background-color: #d2232a;
background-color: var(--color-primary);
}
.breadcrumbs-wrap .breadcrumbs__currency {
display: inline-flex;
align-self: flex-start;
font-size: 8px;
line-height: 1;
}
@media (min-width: 1024px) {
.breadcrumbs-wrap .breadcrumbs__item {
display: flex;
margin: 0 2rem 0 0;
font-size: 0.875rem;
line-height: 1.25rem;
}
.breadcrumbs-wrap .breadcrumbs__item .icon--chevron-left {
position: absolute;
left: auto;
right: -24px;
width: 1rem;
height: 1rem;
transform: rotate(180deg);
}
}
.mini-cart.drawer {
overflow: visible;
}
.mini-cart .drawer__inner {
overflow-y: auto;
height: 100%;
width: 100%;
max-width: 492px;
}
.mini-cart .icon--bag svg path {
fill: #ffffff;
fill: var(--color-white);
}
.mini-cart .drawer-heading {
position: sticky;
top: 0;
height: -moz-fit-content;
height: fit-content;
background: #ffffff;
background: var(--color-white);
z-index: 1;
}
.mini-cart .drawer__heading {
margin: 0;
}
.mini-cart .drawer__header {
height: auto;
width: 100%;
gap: 16px;
}
.mini-cart .drawer__close {
margin-left: auto;
position: relative;
right: 0;
top: 0;
height: 24px;
width: 24px;
min-height: 24px;
}
.mini-cart .cart-drawer .cart-item__media {
padding-top: 0;
}
.mini-cart .card-item-text {
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
color: #414042;
}
.mini-cart .drawer__inner .drawer-shipping {
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
padding: 8px;
gap: 8px;
width: 492px;
height: 36px;
background: #000000;
}
.mini-cart .drawer-shipping__text {
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0.04em;
text-align: center;
color: #ffffff;
color: var(--color-white);
text-transform: uppercase;
}
.mini-cart cart-drawer-items {
height: -moz-fit-content;
height: fit-content;
}
.mini-cart .cart-item__name {
margin-bottom: 0;
font-size: 20px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
text-align: left;
text-decoration: none;
color: #000000;
color: var(--color-black);
display: flex;
width: 100%;
height: -moz-fit-content;
height: fit-content;
}
.mini-cart .button--tertiary {
padding: 0;
color: #716f73;
color: var(--color-light-grey);
height: -moz-fit-content;
height: fit-content;
}
.mini-cart .button--tertiary svg path {
stroke: #716f73;
stroke: var(--color-light-grey);
}
.mini-cart .cart-bread {
position: relative;
margin: 0;
padding: 0;
background-color: transparent;
}
.mini-cart .cart-bread__top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
}
.mini-cart .cart-bread img {
width: 64px;
height: 24px;
}
.mini-cart .cart-bread__info {
width: 24px;
height: 24px;
}
.mini-cart .cart-bread__info svg path {
stroke: #716f73;
stroke: var(--color-light-grey);
}
.mini-cart .cart-bread__info:hover svg path {
stroke: #d2232a;
stroke: var(--color-primary);
}
.mini-cart .cart-bread__content {
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
.mini-cart .cart-bread h5 {
margin: 0;
font-weight: 600;
font-size: 16px;
line-height: 24px;
}
.mini-cart .cart-bread__available {
color: #414042;
color: var(--color-grey);
}
.mini-cart .cart-bread__price {
font-weight: 600;
}
.mini-cart .cart-bread__price sup {
margin-top: 1px;
font-size: 10px;
}
.mini-cart .cart-bread__progress {
margin-top: 12px;
height: 8px;
width: 100%;
background: #dfdde3;
background: var(--color-border);
border-radius: 16px;
}
.mini-cart .cart-bread__progress:empty {
display: block;
}
.mini-cart .cart-bread__indicator {
width: 249px;
height: 8px;
border-radius: 10px;
background-color: #d2232a;
background-color: var(--color-primary);
}
.mini-cart .cart-bread__indicator:empty {
display: block;
}
.mini-cart .button--tertiary:hover svg path {
stroke: #d2232a;
stroke: var(--color-primary);
}
.mini-cart .product-detail-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}
.mini-cart .product-detail-container__item-content {
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
color: #000000;
color: var(--color-black);
}
.mini-cart .product-detail-container__item-title {
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
color: #716f73;
color: var(--color-light-grey);
}
.mini-cart .product-title-container {
display: flex;
width: 100%;
gap: 16px;
}
.mini-cart .product-image-container {
display: flex;
flex-basis: 50%;
}
.mini-cart .product-card-draw-item {
margin-bottom: 24px;
display: flex;
flex-wrap: nowrap;
flex-direction: row;
gap: 16px;
}
.mini-cart .cart-drawer .cart-items {
overflow-y: visible;
padding: 0 20px;
}
.mini-cart .cart-item__quantity-wrapper {
display: flex;
width: 214px;
height: 48px;
padding: 0;
}
.mini-cart .cart-item__quantity-wrapper .quantity__button {
width: 48px;
height: 45px;
}
.mini-cart .cart-item__quantity-wrapper .quantity__button .icon {
pointer-events: none;
}
.mini-cart .cart-item__quantity-wrapper .quantity__button .icon svg {
width: 24px;
}
.mini-cart .cart-item__quantity-wrapper .quantity__button:hover .icon svg path {
stroke: #d2232a;
stroke: var(--color-primary);
}
.mini-cart .cart-item__quantity-wrapper .quantity__button:disabled .icon svg path {
stroke: #a0a1aa;
stroke: var(--color-disabled-text);
}
.mini-cart .product-info-line {
display: flex;
flex-wrap: nowrap;
gap: 8px;
width: 276px;
height: auto;
}
.mini-cart .quantity {
position: relative;
min-height: auto;
}
.mini-cart .quantity::before, .mini-cart .quantity::after {
display: none;
}
.mini-cart .quantity__input {
margin: 5px 0;
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
text-align: center;
}
.mini-cart .cart-drawer .cart-items .cart-item__quantity {
padding: 0;
display: flex;
flex-wrap: wrap;
width: 100%;
}
.mini-cart .contains-container {
display: flex;
flex-direction: column;
flex-wrap: wrap;
background: #f5f5f5;
background: var(--color-background);
margin: 24px 20px;
padding: 8px 12px 4px;
}
.mini-cart .contains-container_title {
font-size: 12px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0.1em;
text-align: left;
text-transform: uppercase;
color: #414042;
}
.mini-cart .contains-container_content {
display: flex;
flex-direction: row;
align-items: flex-start;
width: 428px;
height: auto;
padding: 4px 0px;
gap: 12px;
}
.mini-cart .contains-container_content-text {
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
display: flex;
width: 100%;
white-space: nowrap;
}
.mini-cart .contains-container_content-price {
font-size: 14px;
font-weight: 400;
line-height: 17px;
letter-spacing: 0em;
text-align: left;
display: flex;
width: 100%;
justify-content: flex-end;
}
.mini-cart .bread-div {
height: auto;
width: 100%;
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.mini-cart .info-icon {
display: flex;
justify-content: flex-end;
height: auto;
width: 100%;
}
.mini-cart .financing-title {
font-size: 16px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
}
.mini-cart .financing-description {
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.mini-cart .totals__subtotal {
font-size: 16px !important;
}
.mini-cart .totals__subtotal {
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
}
.mini-cart .totals__subtotal-value {
font-size: 20px !important;
}
.mini-cart .totals__subtotal-value {
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
}
.mini-cart .cart-summary {
height: auto;
width: 100%;
padding: 20px 20px;
box-shadow: 0px -4px 52px rgba(0, 0, 0, 0.16);
gap: 12px;
display: flex;
flex-direction: column;
}
.mini-cart .total-text {
height: 28px;
width: 46px;
color: #716f73;
color: var(--color-light-grey);
margin-right: 8px;
font-size: 20px;
font-weight: 400;
line-height: 28px;
}
.mini-cart .price > * {
display: flex !important;
flex-direction: row !important;
}
.mini-cart .price > * {
justify-content: flex-end;
}
.mini-cart .price {
font-size: inherit !important;
}
.mini-cart .line-grey {
border-bottom: 1px solid #dfdde3;
border-bottom: 1px solid var(--color-border);
}
.mini-cart .cart-item {
padding: 24px 0;
border-bottom: 1px solid #dfdde3;
border-bottom: 1px solid var(--color-border);
}
.mini-cart .cart-item:first-child {
padding: 16px 0 24px 0;
}
.mini-cart .cart-item__options {
display: table;
margin: 0;
border-spacing: 0 8px;
}
.mini-cart .cart-item__options .product-option {
display: table-row;
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
.mini-cart .cart-item__options .product-option__price {
display: flex;
}
.mini-cart .cart-item__options .product-option__price__original {
text-decoration: line-through;
opacity: 0.6;
}
.mini-cart .cart-item__options .product-option .product-price {
align-items: baseline;
}
.mini-cart .cart-item__options .product-option .product-price__price {
font-size: 16px;
line-height: 24px;
}
.mini-cart .cart-item__options .product-option .product-price__superscript {
font-size: 10px;
line-height: 21px;
}
.mini-cart .cart-item__options dt {
padding-right: 8px;
display: table-cell;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #716f73;
color: var(--color-light-grey);
}
.mini-cart .cart-item__options dd {
display: table-cell;
margin-left: 0;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #000000;
color: var(--color-black);
}
.mini-cart .cart-item__price-wrapper {
padding: 0;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
margin-left: auto;
max-width: 100%;
font-weight: 400;
font-size: 20px;
line-height: 1;
color: #000000;
color: var(--color-black);
}
.mini-cart .cart-item__price-label {
color: #716f73;
color: var(--color-light-grey);
}
.mini-cart .cart-item .product-price__superscript {
line-height: 16px;
}
.mini-cart .cart-item .discounts {
width: 100%;
}
.mini-cart .cart-item .discounts__discount {
display: flex;
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #000000;
color: var(--color-black);
}
.mini-cart .cart-item .discounts__discount .icon {
margin-right: 8px;
width: 24px;
height: 24px;
}
.mini-cart .cart-item .discounts__discount .icon svg path {
stroke: #716f73;
stroke: var(--color-light-grey);
}
.mini-cart .sub-products {
margin: 0 0 24px 0;
padding: 5px 12px;
width: 100%;
background-color: #f5f5f5;
background-color: var(--color-background);
}
.mini-cart .sub-products h6 {
margin: 0;
font-weight: 400;
font-size: 12px;
line-height: 20px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #414042;
color: var(--color-grey);
}
.mini-cart .sub-products__list {
margin: 0;
padding: 0;
list-style: none;
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
.mini-cart .sub-products__item {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
padding: 8px 0;
}
.mini-cart .sub-products__item::after {
content: "";
display: block;
width: calc(100% - 44px);
height: 1px;
position: absolute;
right: 0;
bottom: 0;
background-color: #dfdde3;
background-color: var(--color-border);
}
.mini-cart .sub-products__item:last-child::after {
display: none;
}
.mini-cart .sub-products__item img {
width: 32px;
height: 32px;
-o-object-fit: contain;
object-fit: contain;
}
.mini-cart .sub-products .product-price {
margin-left: auto;
align-items: center;
}
.mini-cart .sub-products .product-price__superscript, .mini-cart .sub-products .product-price__price {
font-weight: 400;
font-size: 14px;
line-height: 1.2;
}
.mini-cart .cart-drawer .totals {
align-items: center;
}
.mini-cart .total {
margin: 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.mini-cart .total__label {
margin: 0;
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #000000;
color: var(--color-black);
}
.mini-cart .total .product-price__superscript {
line-height: 16px;
}
.mini-cart .product-info__sku {
padding: 0 !important;
}
.mini-cart .additional-checkout-buttons {
padding: 12px;
}
.mini-cart .drawer__footer {
margin-top: auto;
position: sticky;
bottom: 0;
height: -moz-fit-content;
height: fit-content;
background-color: #f5f5f5;
background-color: var(--color-background);
}
.mini-cart .drawer__footer #dynamic-checkout-cart ul {
margin: 0 !important;
}
.mini-cart .drawer__footer #dynamic-checkout-cart ul {
justify-content: space-between;
}
.mini-cart__errors {
padding: 8px 20px;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #ab5c00;
color: var(--color-error);
}
.mini-cart.is-empty .drawer-heading {
display: none;
}
.mini-cart .cart-drawer-header {
display: flex;
position: absolute;
top: 30px;
font-size: 24px;
font-weight: 400;
line-height: 34px;
text-align: left;
text-transform: capitalize;
}
.mini-cart .drawer__inner-empty {
padding: 24px 20px;
display: block;
}
.mini-cart .drawer__inner-empty .cart-drawer__empty-content {
height: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
gap: 32px;
}
.mini-cart .drawer__inner-empty .cart-drawer-header {
position: relative;
top: 0;
align-items: center;
width: 100%;
}
.mini-cart .drawer-empty-text {
font-size: 20px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0;
text-align: center;
padding: 0 90px;
}
.mini-cart .drawer.active .drawer__inner {
display: flex;
flex-direction: column;
align-items: center;
padding: 96px 20px 32px;
gap: 32px;
width: 492px;
}
.mini-cart .drawer-empty-buttons {
height: auto;
width: 248px;
display: flex;
flex-direction: column;
gap: 12px;
white-space: nowrap;
}
.mini-cart .icon--drawer-diomand {
height: 80px;
width: 80px;
}
.mini-cart .cart-drawer-icon {
margin-top: 10%;
width: 144px;
height: 144px;
}
.mini-cart .cart-drawer-icon img {
width: 144px;
height: 144px;
}
.mini-cart .cart-drawer__warnings {
justify-content: flex-start;
}
.cart-item .loading-overlay {
left: auto;
}
.cart-item .cart-item__error {
width: 100%;
display: flex;
align-items: center;
gap: 5px;
margin-bottom: 1rem;
}
.cart-item .cart-item__error .icon svg path {
fill: #ab5c00;
fill: var(--color-error);
}
.cart-item .cart-item__error-text {
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #ab5c00;
color: var(--color-error);
order: 1;
}
.cart-item .cart-item__error-text + .icon {
width: 24px;
height: 24px;
}
.cart-item .cart-item__error-text + .icon svg {
width: 19px;
height: 19px;
}
.cart-item .cart-item__error-text:empty + .icon {
display: none;
}
.cart-item .cart-item__warning {
width: 100%;
display: flex;
align-items: center;
gap: 5px;
margin-bottom: 1rem;
}
.cart-item .cart-item__warning .icon svg path {
fill: #ff8a00;
fill: var(--color-error-dark);
}
.cart-item .cart-item__warning-text {
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #ff8a00;
color: var(--color-error-dark);
order: 1;
}
.cart-item .cart-item__warning-text + .icon {
width: 24px;
height: 24px;
}
.cart-item .cart-item__warning-text + .icon svg {
width: 19px;
height: 19px;
}
.cart-item .cart-item__warning-text:empty + .icon {
display: none;
}
@media screen and (max-width: 768px) {
.mini-cart .drawer__header {
padding: 20px 12px 16px;
}
.mini-cart .cart-drawer tbody {
width: 100%;
}
.mini-cart .cart-drawer .cart-items {
padding: 0 12px;
}
.mini-cart .drawer__inner .drawer-shipping {
width: 100%;
}
.mini-cart .quantity {
width: 140px;
}
.mini-cart .quantity__button {
width: 20px;
}
.mini-cart .cart-item__quantity-wrapper {
width: auto;
}
.mini-cart .cart-summary {
padding: 20px 12px;
}
.mini-cart__errors {
padding: 8px 12px;
}
.mini-cart .drawer__inner-empty {
padding: 12px 12px;
}
.mini-cart .cart-drawer-icon {
margin-top: 0;
}
.mini-cart .drawer-empty-text {
padding: 0 40px;
}
}
.cart__save-for-later {
padding: 0 12px;
display: none;
}
.cart__save-for-later--show {
display: block;
}
.cart__save-for-later__header {
padding-bottom: 16px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 16px;
border-bottom: 1px solid #dfdde3;
border-bottom: 1px solid var(--color-border);
}
.cart__save-for-later h2 {
display: flex;
align-items: center;
gap: 8px;
margin: 0;
font-weight: 400;
font-size: 40px;
line-height: 1.2;
text-transform: capitalize;
}
.cart__save-for-later h2 .icon {
width: 40px;
height: 40px;
}
.cart__save-for-later h2 .icon svg {
width: 35px;
height: 35px;
}
.cart__save-for-later__add-all-to-bag {
margin-left: auto;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
padding: 0;
background-color: transparent;
border: none;
font-family: "proxima-nova", sans-serif;
font-family: var(--type-primary);
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #000000;
color: var(--color-black);
letter-spacing: 0;
cursor: pointer;
text-transform: capitalize;
}
.cart__save-for-later__add-all-to-bag span {
text-decoration: underline;
text-underline-offset: 5px;
text-decoration-color: #dfdde3;
text-decoration-color: var(--color-border);
}
.cart__save-for-later__add-all-to-bag span:hover {
color: #d2232a;
color: var(--color-primary);
text-decoration-color: #d2232a;
text-decoration-color: var(--color-primary);
}
.cart__save-for-later__list {
padding: 0;
}
.cart__save-for-later__item__name {
display: block;
text-decoration: none;
}
.cart__save-for-later__item__remove .icon svg path {
stroke: #716f73;
stroke: var(--color-light-grey);
}
.cart__save-for-later__sub-products--empty {
display: none;
}
.cart__save-for-later__qauntity--error {
border: 1px solid #d2232a;
border: 1px solid var(--color-primary);
}
@media (min-width: 1024px) {
.cart__save-for-later {
padding: 0 20px;
}
}
.section-background__grey {
background: #f6f6f6;
background: var(--color-background-grey);
}
.section-background__black {
background: #000000;
background: var(--color-black);
color: #ffffff;
color: var(--color-white);
}
.section-background__black a {
color: #ffffff;
color: var(--color-white);
}
.section-background__red {
background-color: #d2232a;
background-color: var(--color-primary);
color: #ffffff;
color: var(--color-white);
}
.section-background__red a {
color: #ffffff;
color: var(--color-white);
}
.section-heading-align__center, .section-content-align__center {
text-align: center;
}
.section-heading-align__left, .section-content-align__left {
text-align: left;
}
.section-heading-align__right, .section-content-align__right {
text-align: right;
}
.section-page-size__narrow {
max-width: calc(var(--page-width) * 0.75);
margin: auto;
}
.section-page-size__ultranarrow {
max-width: 928px;
margin: auto;
padding: 0;
}
.section-page-size__full-width {
padding: 0 2rem;
margin: auto;
}
.section-banner-color__white {
color: #ffffff;
color: var(--color-white);
}
.section-banner-color__white .subtitle {
color: rgba(#ffffff, 0.7);
color: rgba(var(--color-white), 0.7);
}
.section-banner-color__white a {
color: #ffffff;
color: var(--color-white);
}
.section-banner-color__black {
color: #000000;
color: var(--color-black);
}
.section-banner-color__red {
color: #d2232a;
color: var(--color-primary);
}
.section-color__white {
color: #ffffff;
color: var(--color-white);
}
.section-color__white a {
color: #ffffff;
color: var(--color-white);
}
.section-color__black {
color: #000000;
color: var(--color-black);
}
.section-color__black a {
color: #000000;
color: var(--color-black);
}
.blog-articles {
display: grid;
grid-gap: 1rem;
grid-column-gap: var(--grid-mobile-horizontal-spacing);
-moz-column-gap: var(--grid-mobile-horizontal-spacing);
column-gap: var(--grid-mobile-horizontal-spacing);
grid-gap: 20px;
}
.blog-articles .card-wrapper {
width: 100%;
}
@media screen and (min-width: 768px) {
.blog-articles {
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
}
.blog-articles--collage > *:nth-child(3n+1),
.blog-articles--collage > *:nth-child(3n+2):last-child {
grid-column: span 2;
text-align: center;
}
.blog-articles--collage > *:nth-child(3n+1) .card,
.blog-articles--collage > *:nth-child(3n+2):last-child .card {
text-align: center;
}
.blog-articles--collage > *:nth-child(3n+1) .article-card__image--small .ratio::before,
.blog-articles--collage > *:nth-child(3n+2):last-child .article-card__image--small .ratio::before {
padding-bottom: 22rem;
}
.blog-articles--collage > *:nth-child(3n+1) .article-card__image--medium .ratio::before,
.blog-articles--collage > *:nth-child(3n+2):last-child .article-card__image--medium .ratio::before {
padding-bottom: 44rem;
}
.blog-articles--collage > *:nth-child(3n+1) .article-card__image--large .ratio::before,
.blog-articles--collage > *:nth-child(3n+2):last-child .article-card__image--large .ratio::before {
padding-bottom: 66rem;
}
}
@media screen and (min-width: 990px) {
.blog-articles--collage > *:nth-child(3n+1) .article-card__image--small .ratio .ratio::before,
.blog-articles--collage > *:nth-child(3n+2):last-child .article-card__image--small .ratio .ratio::before {
padding-bottom: 27.5rem;
}
.blog-articles--collage > *:nth-child(3n+1) .article-card__image--medium .ratio::before,
.blog-articles--collage > *:nth-child(3n+2):last-child .article-card__image--medium .ratio::before {
padding-bottom: 55rem;
}
.blog-articles--collage > *:nth-child(3n+1) .article-card__image--large .ratio::before,
.blog-articles--collage > *:nth-child(3n+2):last-child .article-card__image--large .ratio::before {
padding-bottom: 82.5rem;
}
}
@media screen and (max-width: 749px) {
.articles-wrapper .article {
width: 100%;
}
}
.article {
display: flex;
align-items: center;
}
.article.grid__item {
padding: 0;
}
.grid--peek .article-card {
box-sizing: border-box;
}
.article-card__image-wrapper > a {
display: block;
}
.article-card__title {
text-decoration: none;
word-break: break-word;
}
.article-card__title a:after {
bottom: 0;
content: "";
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1;
}
.article-card__link.link {
padding: 0;
}
.article-card__link {
text-underline-offset: 0.3rem;
}
.article-card .card__heading {
margin-bottom: 16px;
}
.blog-posts .article-card:hover,
.blog-articles .article-card:hover {
box-shadow: none;
}
.blog-articles .article-card .card__information,
.blog__posts .article-card .card__information,
.blog-posts .card--standard > .card__content .card__information,
.blog-articles .card--standard > .card__content .card__information {
padding: 20px 0 0;
display: flex;
flex-direction: column;
gap: 12px;
justify-content: flex-start;
}
.blog-posts .article-card .card__heading,
.blog-articles .article-card .card__heading {
font-size: 1.25rem;
font-weight: 400;
letter-spacing: 0.1em;
line-height: 100%;
margin: 0;
}
.blog-posts .article-card .card__heading a::after,
.blog-articles .article-card .card__heading a::after {
display: none;
}
.blog-posts .article-card .card__inner .card__content > a,
.blog-articles .article-card .card__inner .card__content > a {
height: 100%;
}
.blog-posts .article-card .card__content,
.blog-articles .article-card .card__content {
padding: 0;
}
.article-card__info {
padding-top: 0.4rem;
}
.article-card__footer {
letter-spacing: 0.1rem;
font-size: 1.4rem;
}
.article-card__footer:not(:last-child) {
margin-bottom: 1rem;
}
.article-card__footer:last-child {
margin-top: auto;
}
.article-card__read-more-cta {
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0;
color: #000000;
text-transform: capitalize;
text-decoration: underline;
text-underline-offset: 0.3rem;
text-decoration-color: rgba(0, 0, 0, 0.2);
}
.article-card__excerpt {
width: 100%;
margin: 0;
}
.article-card__link:not(:only-child) {
margin-right: 3rem;
}
@media screen and (min-width: 990px) {
.article-card__link:not(:only-child) {
margin-right: 4rem;
}
}
.article-card__image--small .ratio::before {
padding-bottom: 11rem;
}
.article-card__image--medium .ratio::before {
padding-bottom: 22rem;
}
.article-card__image--large .ratio::before {
padding-bottom: 33rem;
}
@media screen and (min-width: 750px) {
.article-card__image--small .ratio::before {
padding-bottom: 14.3rem;
}
.article-card__image--medium .ratio::before {
padding-bottom: 21.9rem;
}
.article-card__image--large .ratio::before {
padding-bottom: 27.5rem;
}
}
@media screen and (min-width: 990px) {
.article-card__image--small .ratio::before {
padding-bottom: 17.7rem;
}
.article-card__image--medium .ratio::before {
padding-bottom: 30.7rem;
}
.article-card__image--large .ratio::before {
padding-bottom: 40.7rem;
}
}
/* check for flexbox gap in older Safari versions */
@supports not (inset: 10px) {
.articles-wrapper.grid {
margin: 0 0 5rem 0;
}
@media screen and (min-width: 750px) {
.articles-wrapper.grid {
margin-bottom: 7rem;
}
}
}
@media screen and (max-width: 767px) {
.search-results__response .card.article-card,
.search-results-page .card.article-card {
flex-direction: row;
height: auto;
}
.search-results__response .card.article-card .card__inner,
.search-results-page .card.article-card .card__inner {
min-width: 165px;
width: 165px;
height: 165px;
margin-right: 20px;
}
.search-results__response .card.article-card .card__content,
.search-results-page .card.article-card .card__content {
width: 100%;
}
.search-results__response .card.article-card .article-card__footer:last-child,
.search-results-page .card.article-card .article-card__footer:last-child {
margin-top: 0;
}
}
.quick-view-modal {
visibility: hidden;
position: fixed;
top: 0;
left: 0;
z-index: 99999;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.2s, visibility 0.2s;
}
.quick-view-modal.is-open {
visibility: visible;
opacity: 1;
}
.quick-view-modal__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
cursor: pointer;
}
.quick-view-modal__content {
overflow-y: auto;
position: relative;
z-index: 1;
height: 700px;
max-height: 90vh;
width: 990px;
background-color: #ffffff;
background-color: var(--color-white);
}
.quick-view-modal__content-inner {
margin: 0 !important;
gap: 32px !important;
}
.quick-view-modal__content-inner {
padding: 32px;
}
.quick-view-modal__content-inner .block-container, .quick-view-modal__content-inner .book-an-appointment, .quick-view-modal__content-inner .accordion-container, .quick-view-modal__content-inner .product-gallery__zoom-icon, .quick-view-modal__content-inner .product-gallery__slider__slide:first-child:hover .product-gallery__zoom-icon, .quick-view-modal__content-inner .product-info__ratings:not(.quick-view-ratings) {
display: none;
}
.quick-view-modal__content-inner .product-gallery__slider {
margin-top: 0;
}
.quick-view-modal__content-inner .product-info__wrapper-actions, .quick-view-modal__content-inner .product-info__ratings.quick-view-ratings, .quick-view-modal__content-inner.product-details .product-details__info.product-info .yotpo-display-wrapper {
display: block;
}
.quick-view-modal__content-inner .product-gallery {
padding: 0;
}
.quick-view-modal__content-inner .product-info__title {
padding-right: 40px;
}
.quick-view-modal__close-btn {
background-color: transparent;
border: none;
cursor: pointer;
height: 1.5rem;
padding: 0;
position: absolute;
right: 2.75rem;
top: 2.75rem;
width: 1.5rem;
z-index: 20;
color: #000000;
color: var(--color-black);
}
.quick-view-modal__close-btn path {
stroke: currentColor;
}
.quick-view-modal__close-btn:hover {
color: #d2232a;
color: var(--color-primary);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[2].use[4]!./src/styles/lib/customer-forms.scss ***!
\******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/** @format
* Styles for customer forms
* Selectors strictly scoped to avoid conflicts on other MA pages.
* Includes:
*
* MA.RP
* MA.RPP
* MA.ADP
* MA.ADD
*
* UPDATE: Input field styles moved to styles/base/input.scss
*
*
**/
section.cf-form-section,
.register,
.addresses {
display: flex;
flex-direction: column;
gap: 1rem;
}
section.cf-form-section #cf-edit-account-back-link,
section.cf-form-section .back-to-account,
.register #cf-edit-account-back-link,
.register .back-to-account,
.addresses #cf-edit-account-back-link,
.addresses .back-to-account {
width: -moz-fit-content;
width: fit-content;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: var(--color-black);
text-decoration-color: rgba(0, 0, 0, 0.2);
text-underline-offset: 0.3rem;
text-decoration-thickness: 1px;
text-transform: capitalize;
}
section.cf-form-section #cf-edit-account-back-link:not(.back-to-account),
section.cf-form-section .back-to-account:not(.back-to-account),
.register #cf-edit-account-back-link:not(.back-to-account),
.register .back-to-account:not(.back-to-account),
.addresses #cf-edit-account-back-link:not(.back-to-account),
.addresses .back-to-account:not(.back-to-account) {
order: 1;
}
section.cf-form-section #cf-edit-account-back-link:hover,
section.cf-form-section .back-to-account:hover,
.register #cf-edit-account-back-link:hover,
.register .back-to-account:hover,
.addresses #cf-edit-account-back-link:hover,
.addresses .back-to-account:hover {
color: var(--color-primary);
text-decoration-color: var(--color-primary);
}
section.cf-form-section #cf-edit-account-back-link:hover::before,
section.cf-form-section .back-to-account:hover::before,
.register #cf-edit-account-back-link:hover::before,
.register .back-to-account:hover::before,
.addresses #cf-edit-account-back-link:hover::before,
.addresses .back-to-account:hover::before {
border-color: var(--color-primary);
}
section.cf-form-section #cf-edit-account-back-link::before,
section.cf-form-section .back-to-account::before,
.register #cf-edit-account-back-link::before,
.register .back-to-account::before,
.addresses #cf-edit-account-back-link::before,
.addresses .back-to-account::before {
content: "";
margin: 0 10px;
display: inline-block;
border-left: 1px solid var(--color-black);
border-bottom: 1px solid var(--color-black);
width: 9px;
height: 9px;
transform: rotate(45deg);
}
section.cf-form-section #cf-edit-account-heading,
.register #cf-edit-account-heading,
.addresses #cf-edit-account-heading {
order: 0;
margin: 0;
font-weight: 400;
font-size: 48px;
line-height: 120%;
color: var(--color-black);
text-transform: capitalize;
}
.login h3.form__message {
margin-top: 0;
}
.login #RecoverEmail-email-error {
display: flex;
margin: -12px 0 20px 0;
padding: 0;
background: none;
border: none;
align-items: center;
}
.login #RecoverEmail-email-error svg {
width: 14px;
height: auto;
}
.login #RecoverEmail-email-error p {
margin: 0;
color: var(--color-error);
font-size: 14px;
line-height: 14px;
margin-top: 1px;
}
.login form button.reset-form-submit {
margin: 12px 0 30px 0;
}
.addresses .checkbox-symbol {
position: absolute;
width: 0;
height: 0;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.addresses .checkbox-container {
box-sizing: border-box;
background: #ffffff;
color: #222;
display: flex;
justify-content: flex-start;
align-items: center;
flex-flow: row wrap;
}
.addresses .checkbox-container * {
box-sizing: border-box;
}
.addresses input[type=checkbox] {
position: absolute;
visibility: hidden;
}
.addresses .checkbox {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: pointer;
padding: 6px 8px 6px 0;
border-radius: 6px;
overflow: hidden;
transition: all 0.3s ease;
display: flex;
}
.addresses .checkbox:hover {
color: var(--color-primary);
text-decoration: underline;
text-underline-offset: 0.3rem;
text-decoration-thickness: 1px;
text-decoration-color: var(--color-primary);
}
.addresses .checkbox:not(:last-child) {
margin-right: 6px;
}
.addresses .checkbox span {
vertical-align: middle;
transform: translate3d(0, 0, 0);
}
.addresses .checkbox span:first-child {
position: relative;
flex: 0 0 16px;
width: 16px;
height: 16px;
border-radius: 0;
transform: scale(1);
border: 1px solid var(--color-border);
transition: all 0.3s ease;
}
.addresses .checkbox span:first-child:hover {
border-color: var(--color-black);
}
.addresses .checkbox span:first-child svg {
position: absolute;
top: 2px;
left: 1px;
fill: none;
stroke: #fff;
stroke-dasharray: 16px;
stroke-dashoffset: 16px;
transition: all 0.3s ease;
transform: translate3d(0, 0, 0);
}
.addresses .checkbox span:last-child {
padding-left: 8px;
line-height: 18px;
}
.addresses input[type=checkbox]:checked + .checkbox span:first-child {
background: var(--color-black);
border-color: var(--color-black);
animation: zoom-in-out 0.3s ease;
}
.addresses input[type=checkbox]:checked + .checkbox span:first-child svg {
stroke-dashoffset: 0;
}
@keyframes zoom-in-out {
50% {
transform: scale(0.9);
}
}
.addresses ul.addresses-list li:last-child hr {
display: none;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[2].use[4]!./src/styles/sections/product-details.scss ***!
\************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.product-details {
display: flex;
flex-direction: column;
margin-top: 0.75rem;
background-color: var(--color-white);
}
.product-details .breadcrumbs {
margin-left: 0.625rem;
}
body.add-to-bag-sticky #gorgias-chat-container #chat-button {
bottom: 50px !important;
}
.finger-size-modal,
.clarity-modal,
.add-ons-modal {
display: flex;
justify-content: center;
align-items: flex-end;
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
visibility: hidden;
opacity: 0;
z-index: 1000;
background-color: rgba(0, 0, 0, 0.4);
transition: all 0.3s ease;
}
.finger-size-modal--open,
.clarity-modal--open,
.add-ons-modal--open {
visibility: visible;
opacity: 1;
}
.finger-size-modal__backdrop:empty,
.clarity-modal__backdrop:empty,
.add-ons-modal__backdrop:empty {
display: block;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: transparent;
cursor: pointer;
}
.finger-size-modal__dialog,
.clarity-modal__dialog,
.add-ons-modal__dialog {
position: relative;
width: 100%;
height: 28.3125rem;
padding: 4.375rem 0.75rem 2rem;
background-color: var(--color-white);
}
.finger-size-modal__toggle,
.clarity-modal__toggle,
.add-ons-modal__toggle {
position: absolute;
right: 1rem;
top: 1.75rem;
width: 1.25rem;
height: 1.25rem;
padding: 0;
background-color: transparent;
border: none;
z-index: 2;
cursor: pointer;
}
.finger-size-modal__toggle .icon,
.clarity-modal__toggle .icon,
.add-ons-modal__toggle .icon {
width: 1.25rem;
height: 1.25rem;
}
.finger-size-modal__content,
.clarity-modal__content,
.add-ons-modal__content {
width: 100%;
}
.finger-size-modal__img,
.clarity-modal__img,
.add-ons-modal__img {
width: 100%;
height: 100%;
}
.finger-size-modal__img img,
.clarity-modal__img img,
.add-ons-modal__img img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.add-ons-modal__dialog {
height: 100%;
padding: 20px 12px;
overflow: auto;
}
.add-ons-modal__content {
display: flex;
flex-wrap: wrap;
}
.add-ons-modal__title {
margin: 0 30px 16px 0;
font-weight: 400;
font-size: 28px;
line-height: 1.2;
}
.add-ons-modal__img {
width: 100%;
height: auto;
}
.add-ons-modal__img[src=undefined] {
display: none;
}
.add-ons-modal__img[src=undefined] + .add-ons-modal__description {
flex: 0 0 100%;
padding-left: 0;
}
.add-ons-modal__description {
margin-top: 20px;
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
.add-ons-modal__description p {
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
.add-ons-modal__description a {
position: relative;
padding-bottom: 3px;
font-weight: 400;
font-size: 16px;
line-height: 24px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
text-decoration: none;
color: var(--color-black);
}
.add-ons-modal__description a:hover {
color: var(--color-primary);
border-bottom: 1px solid var(--color-primary);
}
.add-ons-modal__description a::after {
content: "›";
display: block;
position: absolute;
right: -36px;
top: -4px;
width: 24px;
font-size: 34px;
font-weight: 300;
height: 24px;
}
.product-gallery {
padding: 0;
}
.product-gallery__zoom-icon {
position: absolute;
top: auto;
left: auto;
right: 0.75rem;
bottom: 0.75rem;
display: flex;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
border: none;
background-color: var(--color-background);
z-index: 1;
border-radius: 50%;
}
.product-gallery__zoom-icon .icon {
width: 1.5rem;
height: 1.5rem;
}
.product-gallery__main-media {
width: 100%;
}
.product-gallery__nav {
top: calc(50% - 20px);
right: 0;
width: 2.5rem;
height: 2.5rem;
margin-top: 0;
background: var(--color-white);
color: var(--color-black);
border: 0.0625rem solid var(--color-border);
border-radius: 50%;
visibility: hidden;
}
.product-gallery__nav::after {
display: none;
}
.product-gallery__nav.swiper-button-disabled {
display: none;
}
.product-gallery__nav .icon {
width: 1rem;
height: 1rem;
color: var(--color-black);
}
.product-gallery .product__media {
border: none;
}
.product-gallery .product__modal-opener {
display: block;
position: relative;
width: 100%;
height: auto;
}
.product-gallery .product__media-toggle {
display: flex;
border: none;
background-color: transparent;
color: currentColor;
padding: 0;
}
.product-gallery .product__media-toggle::after {
content: "";
cursor: pointer;
display: block;
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
z-index: 2;
height: 100%;
width: 100%;
}
.product-gallery .product__media-toggle.focus-visible {
outline: 2px solid rgba(var(--color-foreground), 0.5);
outline-offset: 2px;
}
.product-gallery .product__media-toggle:focus-visible {
outline: 2px solid rgba(var(--color-foreground), 0.5);
outline-offset: 2px;
}
.product-gallery .product__modal-opener--external_video {
display: none;
}
.product-gallery__slider {
margin-top: 0.75rem;
}
.product-gallery__slider__wrapper {
margin: 0;
padding: 0;
list-style: none;
}
.product-gallery__slider__slide {
cursor: pointer;
}
.product-gallery .slider-thumbs {
margin-top: 0.75rem;
padding: 0 0.75rem;
}
.product-gallery .slider-thumbs__wrapper {
margin: 0;
justify-content: start;
padding: 0;
list-style: none;
}
.product-gallery .slider-thumbs__slide {
display: flex;
justify-content: center;
width: 66px;
}
.product-gallery .slider-thumbs__slide.swiper-slide-thumb-active {
border-bottom: 2px solid var(--color-primary);
}
.product-gallery .deferred-media {
border: none;
}
.sales-badges {
position: absolute;
left: 0.75rem;
top: 0.75rem;
width: 4.75rem;
font-family: var(--type-billboard);
font-size: 1rem;
line-height: 1.2;
color: var(--color-primary);
text-shadow: 2px 3px 0px var(--color-white);
transform: rotate(-7deg);
z-index: 1;
}
.product-details-modal {
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
visibility: hidden;
opacity: 0;
z-index: 1000;
background-color: var(--color-white);
}
.product-details-modal.product-details-modal--open {
visibility: visible;
opacity: 1;
}
.product-details-modal__dialog {
height: 100%;
width: 100%;
}
.product-details-modal__content {
height: 100%;
width: 100%;
}
.product-details-modal__toggle {
position: absolute;
right: 1rem;
top: 1.25rem;
width: 1.5rem;
height: 1.5rem;
padding: 0;
background-color: transparent;
border: none;
z-index: 2;
cursor: pointer;
}
.product-details-modal .modal-swiper {
position: relative;
width: 100%;
height: 100%;
}
.product-details-modal .modal-swiper__wrapper {
align-items: center;
margin: 0;
padding: 0;
list-style: none;
}
.product-details-modal .modal-swiper .product__media-item--variant {
border: none;
}
.product-details-modal .modal-swiper .deferred-media {
border: none;
}
.product-details-modal .modal-swiper .sales-badges {
top: 3.125rem;
}
.product-details-modal .modal-swiper__slide {
width: 100%;
height: 100%;
}
.product-details-modal .modal-swiper__slide .product__media-item--variant {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.product-details-modal .modal-swiper__zoom-out {
display: none;
position: absolute;
right: 20%;
top: 35%;
background-color: var(--color-primary);
border-radius: 50%;
width: 2.5rem;
height: 2.5rem;
align-items: center;
justify-content: center;
cursor: pointer;
}
.product-details-modal .modal-swiper__nav {
display: none;
top: calc(50% - 20px);
right: 12px;
width: 2.5rem;
height: 2.5rem;
margin-top: 0;
background: var(--color-white);
color: var(--color-black);
border: 0.0625rem solid var(--color-border);
border-radius: 50%;
}
.product-details-modal .modal-swiper__nav--prev {
right: 0;
left: 12px;
}
.product-details-modal .modal-swiper__nav::after {
display: none;
}
.product-details-modal .modal-swiper__nav.swiper-button-disabled {
display: none;
}
.product-details-modal .modal-swiper__nav .icon {
width: 1rem;
height: 1rem;
color: var(--color-black);
}
.product-details-modal .modal-swiper__pagination.swiper-pagination {
padding: 0.75rem;
bottom: 0;
display: flex;
justify-content: space-between;
-moz-column-gap: 0.25rem;
column-gap: 0.25rem;
}
.product-details-modal .modal-swiper__pagination.swiper-pagination .swiper-pagination-bullet {
margin: 0;
width: 100%;
height: 0.125rem;
display: block;
border-radius: 1.3125rem;
background-color: var(--color-black);
opacity: 0.1;
}
.product-details-modal .modal-swiper__pagination.swiper-pagination .swiper-pagination-bullet-active {
background-color: var(--color-primary);
opacity: 1;
}
.product-info__title {
display: flex;
margin: 2rem 0 0;
padding: 0 0.75rem;
color: var(--color-black);
}
.product-info__subtitle {
margin: 0.5rem 0 0.25rem 0;
padding: 0 0.75rem;
line-height: 1.5;
letter-spacing: 0;
text-transform: capitalize;
color: var(--color-black);
}
.product-info__sku {
padding: 0 0.75rem;
font-size: 0.875rem;
line-height: 1.25rem;
color: var(--color-light-grey);
}
.product-info__ratings {
margin-top: 0.875rem;
padding: 0 0.75rem;
}
.product-info__ratings.quick-view-ratings {
display: none;
}
.product-info__ratings .yotpo .yotpo-bottomline .yotpo-icon-star,
.product-info__ratings .yotpo .yotpo-bottomline .yotpo-icon-half-star,
.product-info__ratings .yotpo .yotpo-bottomline .yotpo-icon-empty-star {
padding-right: 0.1875rem;
color: var(--color-primary);
font-size: 1.25rem;
}
.product-info__ratings .yotpo .yotpo-bottomline .yotpo-icon-empty-star {
color: var(--color-border);
}
.product-info__ratings .yotpo a.text-m {
margin-left: 0.4375rem;
font-family: var(--type-primary);
font-size: 1rem;
font-weight: 400;
line-height: 1.375rem;
color: var(--color-black);
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.product-info__ratings .yotpo a.text-m:hover {
color: var(--color-primary) !important;
}
.product-info__ratings .yotpo a.text-m:hover {
border-bottom: 1px solid var(--color-primary);
}
.product-info__price {
margin: 1.5rem 0;
padding: 0 0.75rem;
display: flex;
vertical-align: top;
gap: 0.0625rem;
color: var(--color-black);
}
.product-info__price .product-price__superscript {
font-weight: 300;
font-size: 24px;
line-height: 29px;
}
.product-info__price .product-price__price {
font-weight: 300;
font-size: 40px;
line-height: 1;
}
.product-info__price .product-price > small {
align-self: flex-end;
margin-right: 5px;
}
@media (max-width: 1024px) {
.product-info #placement-afterpay_on_site_messaging_payments_messaging_J6mYft {
margin-right: 12px;
margin-left: 12px;
}
}
.product-info #bread-checkout-btn-product {
margin: 0 12px 12px !important;
}
.product-info #bread-checkout-btn-product {
min-width: calc(100% - 24px);
}
.product-info #bread-checkout-btn-product a {
position: relative;
font-size: 16px;
text-decoration: none;
line-height: 1.8;
min-width: 254px;
background-image: url("bread.svg");
background-size: 60px 30px;
background-repeat: no-repeat;
background-position: calc(100% - 20px) center;
padding: 0px 85px 0px 0px;
display: table-cell;
font-weight: 300;
cursor: pointer;
border: none;
text-transform: lowercase;
}
.product-info #bread-checkout-btn-product a:after {
content: " with ";
}
.product-info #bread-checkout-btn-product a:before {
content: "ⓘ";
position: absolute;
top: 50%;
right: 0;
font-size: smaller;
transform: translateY(-50%);
}
.product-info #bread-container {
justify-content: flex-start !important;
}
.product-info .bread-financing {
margin-bottom: 24px;
padding: 0 12px;
}
.product-info .bread-financing__checkout-btn {
width: 230px;
height: 48px;
border: 1px solid var(--color-border);
}
.product-info .bread-financing .bread-as-low-as-tooltip-external {
display: none;
}
.product-info .bread-financing__info {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 12px;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: var(--color-light-grey);
}
.product-info .bread-financing__installments, .product-info .bread-financing__splitpay {
display: flex;
align-items: center;
gap: 6px;
color: var(--color-black);
}
.product-info .bread-financing__installments .icon--installments svg path, .product-info .bread-financing__splitpay .icon--installments svg path {
stroke: var(--color-primary);
}
.product-info .bread-financing__installments .icon--splitpay svg path, .product-info .bread-financing__splitpay .icon--splitpay svg path {
fill: #4254bc;
}
.product-info .product-form__error-message-wrapper {
display: flex;
padding: 0 12px 12px;
background-color: var(--color-background);
color: var(--color-error);
font-weight: 400;
font-size: 14px;
line-height: 20px;
}
.product-info .product-form__error-message-wrapper .icon {
margin-right: 6px;
width: 17px;
height: 17px;
}
.product-info .product-form__error-message-wrapper .icon svg path {
fill: var(--color-error);
}
.product-info .product-form__error-message-wrapper[hidden] .icon--attention {
display: none;
}
.product-info .book-an-appointment {
margin-top: 32px;
padding: 0 12px;
}
.product-info .book-an-appointment__button {
width: 100%;
height: 48px;
color: var(--color-grey);
}
.product-info .book-an-appointment__button .icon svg path {
stroke: var(--color-grey);
fill: none;
}
.product-info .book-an-appointment__button:hover {
color: var(--color-white);
}
.product-info .book-an-appointment__button:hover .icon svg path {
stroke: var(--color-white);
fill: none;
}
.product-info .book-an-appointment__button:focus, .product-info .book-an-appointment__button:active {
color: var(--color-white);
}
.product-info .book-an-appointment__button:focus .icon svg path, .product-info .book-an-appointment__button:active .icon svg path {
stroke: var(--color-white);
fill: none;
}
.product-info__form {
display: block;
background-color: var(--color-background);
}
.product-info__guarantees {
display: block;
}
.product-info .add-ons {
padding: 24px 12px;
background-color: var(--color-background);
}
.product-info .add-ons.premium-add-ons {
padding-top: 0;
}
.product-info .add-ons__title {
margin: 0 0 8px;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.product-info .add-ons__image {
flex: 0 0 40px;
display: flex;
justify-content: center;
align-items: center;
}
.product-info .add-ons__image img {
width: 33px;
height: 33px;
-o-object-fit: contain;
object-fit: contain;
}
.product-info .add-ons__info {
display: flex;
justify-content: space-between;
}
.product-info .add-ons__product-title {
width: 100%;
font-size: 14px;
line-height: 1.2;
}
.product-info .add-ons__details {
margin-top: 4px;
margin-right: auto;
padding: 0;
height: 20px;
font-family: var(--type-primary);
font-weight: 400;
font-size: 14px;
line-height: 20px;
display: inline-flex;
background: transparent;
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
cursor: pointer;
pointer-events: auto;
color: var(--color-black);
}
.product-info .add-ons__details:hover {
color: var(--color-primary);
border-bottom: 1px solid var(--color-primary);
}
.product-info .add-ons__right {
width: 100%;
}
.product-info .add-ons__price {
font-weight: 400;
font-size: 14px;
line-height: 1.2;
}
.product-info .add-ons__price--free {
text-transform: uppercase;
}
.product-info .add-ons__actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 17px;
}
.product-info .add-ons__remove {
display: none;
}
.product-info .add-ons__apply {
display: inline-flex;
}
.product-info .add-ons__apply, .product-info .add-ons__remove {
margin-top: 4px;
padding: 0;
height: 20px;
font-family: var(--type-primary);
font-weight: 400;
font-size: 14px;
line-height: 20px;
background: transparent;
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
cursor: pointer;
pointer-events: auto;
color: var(--color-black);
}
.product-info .add-ons__apply:hover, .product-info .add-ons__remove:hover {
color: var(--color-primary);
border-bottom: 1px solid var(--color-primary);
}
.product-info .add-ons__status {
display: none;
margin-top: 4px;
font-weight: 600;
font-size: 14px;
line-height: 20px;
}
.product-info .add-ons__input {
clip: rect(0, 0, 0, 0);
overflow: hidden;
position: absolute;
height: 1px;
width: 1px;
pointer-events: none;
}
.product-info .add-ons .guarantees__default {
margin-bottom: 12px;
}
.product-info .add-ons .guarantees__default .add-ons__status {
margin-top: 0;
display: block;
text-align: right;
line-height: 1.2;
}
.product-info .add-ons__checked {
display: none;
position: absolute;
right: 0;
top: 0;
}
.product-info .add-ons__input + .add-ons__label {
position: relative;
flex: 0 0 100%;
display: flex;
gap: 12px;
padding: 14px 16px 14px 12px;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.2;
background-color: var(--color-background);
border-style: solid;
border-color: var(--color-border);
border-width: 1px 1px 0px 1px;
color: var(--color-black);
}
.product-info .add-ons__input + .add-ons__label:last-child {
border-width: 1px;
}
.product-info .add-ons__input + .add-ons__label:hover {
background-color: var(--color-white);
}
.product-info .add-ons__input + .add-ons__label:active {
pointer-events: none;
}
.product-info .add-ons__input + .add-ons__label .product-price {
flex-wrap: nowrap;
}
.product-info .add-ons__input + .add-ons__label .product-price__price {
font-size: 14px;
line-height: 1.2;
}
.product-info .add-ons__input + .add-ons__label .product-price__superscript {
font-size: 14px;
line-height: 1.2;
}
.product-info .add-ons__input:checked + .add-ons__label {
background-color: var(--color-white);
}
.product-info .add-ons__input:checked + .add-ons__label .add-ons__checked {
display: block;
}
.product-info .add-ons__input:checked + .add-ons__label .add-ons__product-title {
font-weight: 600;
}
.product-info .add-ons__input:checked + .add-ons__label .add-ons__price {
font-weight: 600;
}
.product-info .add-ons__input:checked + .add-ons__label .add-ons__price .product-price__price {
font-weight: 600;
}
.product-info .add-ons__input:checked + .add-ons__label .add-ons__price .product-price__superscript {
font-weight: 600;
}
.product-info .add-ons__input:checked + .add-ons__label .add-ons__status {
display: inline-flex;
}
.product-info .add-ons__input:checked + .add-ons__label .add-ons__remove {
display: inline-flex;
}
.product-info .add-ons__input:checked + .add-ons__label .add-ons__apply {
display: none;
}
.product-info .add-ons.free-product {
padding-top: 24px !important;
}
.product-info .add-ons.free-product {
border-top: 1px solid var(--color-border);
}
.product-info .product-info__display {
padding: 24px 12px 0;
background-color: var(--color-background);
}
.product-info .product-info__display__heading {
margin-bottom: 12px;
display: flex;
justify-content: space-between;
align-items: center;
}
.product-info .product-info__display .add-ons__title {
margin: 0;
}
.product-info .product-info__display__info-btn {
padding: 0;
width: 1.375rem;
height: 1.375rem;
border: none;
background-color: transparent;
cursor: pointer;
}
.product-info .product-info__display__info-btn .icon--info {
width: 1.375rem;
height: 1.375rem;
}
.product-info .product-info__display__info-btn .icon--info svg path {
stroke: var(--color-light-grey);
}
.product-info .product-info__display__info-btn:hover .icon--info svg path {
stroke: var(--color-primary);
}
.product-info .product-info__display__variants {
display: flex;
flex-wrap: wrap;
border-style: solid;
border-color: var(--color-border);
border-width: 1px 0 0 1px;
}
.product-info .product-info__display .product-info__display__input + .product-info__display__label {
padding: 12px;
flex: 0 0 33.3%;
gap: 0;
flex-wrap: wrap;
height: 145px;
border-style: solid;
border-color: var(--color-border);
border-width: 0 1px 1px 0;
pointer-events: auto;
cursor: pointer;
}
.product-info .product-info__display .product-info__display__input + .product-info__display__label--empty {
justify-content: center;
align-items: center;
}
.product-info .product-info__display .product-info__display__input + .product-info__display__label--empty .add-ons__product-title {
text-align: center;
}
.product-info .product-info__display .product-info__display__input + .product-info__display__label--inactive {
cursor: not-allowed;
color: var(--color-disabled-text);
opacity: 0.7;
}
.product-info .product-info__display .product-info__display__input + .product-info__display__label--inactive::after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: linear-gradient(to right top, transparent 49%, var(--color-border) 50%, transparent 0%, transparent 0%);
}
.product-info .product-info__display .product-info__display__input + .product-info__display__label--inactive .add-ons__checked .icon svg path {
fill: var(--color-disabled-text);
}
.product-info .product-info__display .add-ons__image {
margin-bottom: 8px;
flex: 0 0 100%;
justify-content: flex-start;
}
.product-info .product-info__display .add-ons__image img {
width: auto;
height: 79px;
}
.product-info .product-info__display .add-ons__product-title {
text-transform: capitalize;
}
.product-info .availability {
padding: 24px 12px;
font-weight: 400;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.1em;
text-transform: uppercase;
background-color: var(--color-background);
}
.product-info .availability__status {
color: var(--color-black);
}
.product-info .availability__status--in-stock {
color: var(--color-success);
}
.product-info .availability__status--out-of-stock {
color: var(--color-error);
}
.product-info .availability__delivery {
display: block;
margin-top: 8px;
text-transform: none;
letter-spacing: 0;
}
.product-info .guarantees {
border-top: 1px solid var(--color-border);
}
.product-info .guarantees__subtitle {
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
.product-info .guarantees__image img {
width: 33px;
height: 28px;
}
.product-info .quantity {
flex: 0 1 100%;
justify-content: space-between;
align-items: center;
width: 154px;
padding: 4px 12px;
height: 48px;
min-height: 48px;
background-color: var(--color-background);
border-top: 1px solid var(--color-border);
}
.product-info .quantity::after {
display: none;
}
.product-info .quantity__button {
width: 24px;
}
.product-info .quantity__button .icon {
pointer-events: none;
}
.product-info .quantity__button .icon svg {
width: 24px;
}
.product-info .quantity__button:hover .icon svg path {
stroke: var(--color-primary);
}
.product-info .quantity__button:disabled .icon svg path {
stroke: var(--color-disabled-text);
}
.product-info .quantity__input {
height: 24px;
width: 58px;
max-width: 58px;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: var(--color-black);
}
.product-info .product-form__wrapper {
height: 48px;
}
.product-info .product-form__buttons {
position: relative;
display: flex;
z-index: 100;
}
.product-info .product-form__buttons--sticky {
box-shadow: 0px -4px 52px rgba(0, 0, 0, 0.1);
}
.product-info .product-form__buttons--sticky .quantity {
display: none;
border-top: none;
}
.product-info .product-form__buttons-right {
padding: 0 !important;
margin: 0 !important;
}
.product-info .product-form__buttons-right {
display: flex;
width: 100%;
}
.product-info .product-form__submit {
flex: 0 1 100%;
height: 48px;
font-weight: 500;
min-width: calc(100% - 154px);
}
.product-info .product-form__submit:hover {
background-color: var(--color-success);
border-color: var(--color-success);
}
.product-info .product-form__submit[disabled][value] {
display: none;
}
.product-info .product-form__notify {
width: 100% !important;
}
.product-info .product-form__notify {
flex: 0 1 auto;
padding: 12px 5px;
height: 48px;
font-weight: 500;
line-height: 1.2;
}
.product-info .product-form__notify:hover {
background-color: var(--color-success);
border: none;
}
.product-info .product-form__sticky-atb {
display: none;
align-items: center;
padding-right: 16px;
background: var(--color-white);
flex: 1 1 100%;
gap: 12px;
height: 48px;
}
.product-info .sticky-atb__image {
width: 48px;
}
.product-info .sticky-atb__title {
margin: 0;
font-size: 20px;
line-height: 1.4;
}
.product-info .sticky-atb__price {
display: flex;
margin-left: auto;
}
.product-info .sticky-atb__price .product-price {
align-items: baseline;
}
.product-info .sticky-atb__price .product-price__price {
font-weight: 300;
font-size: 24px;
line-height: 1;
}
.product-info .sticky-atb__price .product-price__superscript {
font-weight: 300;
font-size: 14px;
line-height: 18px;
}
.product-info .sticky-atb__subtitle {
margin: 0;
font-size: 14px;
line-height: 20px;
white-space: nowrap;
}
.product-info .sticky-atb__subtitle span {
position: relative;
margin-right: 19px;
}
.product-info .sticky-atb__subtitle span:empty {
display: none;
}
.product-info .sticky-atb__subtitle span::before {
content: "";
display: block;
position: absolute;
right: -11px;
top: 5px;
width: 3px;
height: 3px;
border-radius: 50%;
background-color: var(--color-light-grey);
}
.product-info .sticky-atb__subtitle span:last-child {
margin-right: 0;
}
.product-info .sticky-atb__subtitle span:last-child::before {
display: none;
}
.product-info .swym-button-bar {
display: none;
}
.product-info .options {
display: flex;
padding: 1.5rem 0.75rem 0;
background-color: var(--color-background);
}
.product-info .options__item {
width: 100%;
}
.product-info .options variant-options {
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 24px;
}
.product-info .options__heading {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.75rem;
}
.product-info .options__title {
margin: 0;
line-height: 1.5rem;
}
.product-info .options .options__info-btn {
padding: 0;
width: 1.375rem;
height: 1.375rem;
border: none;
background-color: transparent;
cursor: pointer;
}
.product-info .options .options__info-btn .icon--info {
width: 1.375rem;
height: 1.375rem;
}
.product-info .options .options__info-btn .icon--info svg path {
stroke: var(--color-light-grey);
}
.product-info .options .options__info-btn:hover .icon--info svg path {
stroke: var(--color-primary);
}
.product-info .options__content--radio {
display: flex;
flex-wrap: wrap;
border-style: solid;
border-color: var(--color-border);
border-width: 1px 0 0 1px;
}
.product-info .options__content--with-badge {
margin-top: 32px;
}
.product-info .options__radio {
clip: rect(0, 0, 0, 0);
overflow: hidden;
position: absolute;
height: 1px;
width: 1px;
}
.product-info .options__checked {
display: none;
position: absolute;
right: 0;
top: 0;
}
.product-info .options .metal-option {
width: 1rem;
height: 1rem;
border: 0.5px solid rgba(0, 0, 0, 0.3);
}
.product-info .options__radio--inactive + .options__label {
color: var(--color-disabled-text);
opacity: 0.5;
background: linear-gradient(to right top, transparent 47.75%, var(--color-border) 49.5%, transparent 49.5%, transparent 50.25%);
}
.product-info .options__radio--inactive + .options__label .options__checked .icon svg path {
fill: var(--color-disabled-text);
}
.product-info .options__radio + .options__label {
position: relative;
flex: 0 0 33.3%;
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
justify-content: center;
padding: 12px 20px 12px 12px;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.2;
background-color: var(--color-background);
border-style: solid;
border-color: var(--color-border);
border-width: 0 1px 1px 0;
color: var(--color-black);
cursor: pointer;
}
.product-info .options__radio + .options__label--full-width {
flex: 1 0 33.3%;
}
.product-info .options__radio + .options__label:hover {
background-color: var(--color-white);
}
.product-info .options__radio + .options__label sup {
font-size: 10px;
}
.product-info .options .options__value {
max-width: 75px;
min-height: 33.59px;
}
.product-info .options__radio:checked + .options__label {
background-color: var(--color-white);
font-weight: 600;
}
.product-info .options__radio:checked + .options__label .metal-option {
border: 2px solid var(--color-black);
}
.product-info .options__radio:checked + .options__label .options__checked {
display: block;
}
.product-info .options__radio--inactive:checked + .options__label {
color: var(--color-disabled-text);
opacity: 0.5;
background: linear-gradient(to right top, transparent 47.75%, var(--color-border) 49.5%, transparent 49.5%, transparent 50.25%);
}
.product-info .options__radio--inactive:checked + .options__label .options__checked .icon svg path {
fill: var(--color-disabled-text);
}
.product-info .options .options__made-to-order::before {
display: none;
}
.product-info .options__radio:checked + .options__made-to-order::before {
display: block;
}
.product-info .options__content--with-swatch .options__radio + .options__label {
justify-content: flex-start;
}
.product-info .options__content--with-price .options__radio + .options__label {
justify-content: flex-start;
}
.product-info .options .options-select {
position: relative;
}
.product-info .options .options-select__label {
position: absolute;
left: 0.75rem;
top: 0.3125rem;
font-size: 0.75rem;
line-height: 1rem;
color: var(--color-grey);
font-weight: 400;
cursor: pointer;
pointer-events: none;
}
.product-info .options .options-select__label--center {
left: 0.75rem;
top: 0.75rem;
font-size: 1rem;
line-height: 1.5rem;
}
.product-info .options .options-select__select {
padding: 1.125rem 0.75rem 0.3125rem;
width: 100%;
height: 3rem;
font-size: 1rem;
line-height: 1.5rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: var(--color-white);
border: 1px solid var(--color-border);
border-radius: 0;
cursor: pointer;
color: var(--color-black);
}
.product-info .options .options-select__select.focus-visible {
outline: auto;
outline-offset: 0;
box-shadow: none;
}
.product-info .options .options-select__select:focus-visible {
outline: auto;
outline-offset: 0;
box-shadow: none;
}
.product-info .options .options-select__select--hidden {
color: transparent;
}
.product-info .options .options-select .icon--arrow-down {
position: absolute;
right: 1.1875rem;
top: 1.25rem;
width: 1.0625rem;
height: 0.4375rem;
cursor: pointer;
pointer-events: none;
}
.product-info .options .options-select__message {
margin-top: 1.0625rem;
display: none;
font-weight: 400;
font-size: 1rem;
line-height: 1.5rem;
}
.product-info .options .options-select__message--show {
display: block;
}
.product-info .options__badge::before {
display: block;
content: attr(data-badge);
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
padding: 5px 20px;
background: var(--color-primary);
font: 600 12px var(--type-primary);
border-radius: 4px 4px 0px 0px;
line-height: 20px;
color: var(--color-white);
white-space: nowrap;
}
.product-info .options__made-to-order::before {
display: block;
content: attr(data-made-to-order);
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
padding: 5px 20px;
background: var(--color-primary);
font: 600 12px var(--type-primary);
border-radius: 4px 4px 0px 0px;
line-height: 20px;
color: var(--color-white);
white-space: nowrap;
}
.product-info__full-details {
display: none;
}
.product-info__wrapper-actions {
display: none;
padding-top: 20px;
text-align: center;
}
@media (min-width: 768px) {
.finger-size-modal,
.clarity-modal,
.add-ons-modal {
align-items: center;
}
.finger-size-modal__dialog,
.clarity-modal__dialog,
.add-ons-modal__dialog {
width: 100%;
max-width: 43.125rem;
height: 750px;
max-height: 46.5rem;
padding: 5.375rem 2rem 2rem;
}
.finger-size-modal__toggle,
.clarity-modal__toggle,
.add-ons-modal__toggle {
right: 2.25rem;
top: 2.5rem;
}
.add-ons-modal__dialog {
width: 90%;
max-width: 90%;
height: auto;
padding: 32px;
}
.add-ons-modal__title {
flex: 0 0 100%;
}
.add-ons-modal__img {
width: 240px;
height: 240px;
flex: 0 0 240px;
-o-object-fit: cover;
object-fit: cover;
}
.add-ons-modal__description {
flex: 0 0 calc(100% - 240px);
padding-left: 20px;
margin: 0;
}
}
@media (min-width: 1024px) {
.product-details {
flex-direction: row;
justify-content: space-between;
gap: 6.25rem;
margin-top: -20px;
}
.product-details .breadcrumbs {
margin-left: 0;
}
.product-details .product-form__error-message-wrapper {
padding: 0 20px 20px;
}
.product-details .product-form__error-message-wrapper[hidden] {
display: none !important;
}
.product-details .product-form__buttons--sticky .product-form__sticky-atb {
display: flex;
}
.product-details .product-form__buttons--sticky .product-form__buttons-right {
flex: 0 0 473px;
}
.product-info .add-ons {
padding: 24px 20px;
}
.sales-badges {
left: 0.25rem;
top: 0.25rem;
}
.product-gallery {
width: calc(100% - 473px);
padding: 0 1.25rem;
position: sticky;
top: 0;
height: -moz-fit-content;
height: fit-content;
}
.product-gallery .slider-thumbs {
display: none;
}
.product-gallery__zoom-icon {
display: none;
right: 15%;
bottom: calc(50% - 20px);
background-color: var(--color-primary);
}
.product-gallery__zoom-icon svg path {
fill: var(--color-white);
}
.product-gallery__slider {
margin-top: 2rem;
}
.product-gallery__slider__wrapper {
padding: 0;
flex-wrap: wrap;
gap: 20px;
}
.product-gallery__slider__nav {
display: none;
}
.product-gallery__slider__slide {
width: calc(50% - 10px);
}
.product-gallery__slider__slide__zoom-icon {
display: none;
}
.product-gallery__slider__slide .sales-badges {
display: none;
}
.product-gallery__slider__slide:first-child {
width: 100%;
}
.product-gallery__slider__slide:first-child:hover .product-gallery__zoom-icon {
display: flex;
}
.product-gallery__slider__slide:first-child .sales-badges {
display: block;
}
.product-gallery__slider__slide .product__media {
width: 100%;
}
.product-gallery__main-media {
width: 100%;
}
.product-info {
width: 29.5625rem;
flex: 0 0 473px;
padding: 0;
z-index: 10;
}
.product-info__title {
margin: 0;
padding: 0;
}
.product-info__subtitle {
padding: 0;
}
.product-info__sku {
padding: 0;
}
.product-info__ratings {
padding: 0;
}
.product-info__price {
padding: 0;
}
.product-info #bread-checkout-btn-product {
margin: 0 0 12px 0 !important;
}
.product-info .bread-financing {
padding: 0 20px 0 0;
}
.product-info .options {
padding: 1.5rem 1.25rem 0;
}
.product-info .options__radio + .options__label {
flex-wrap: nowrap;
}
.product-info .options .options__value {
max-width: none;
}
.product-info .product-info__display {
padding: 24px 20px 0;
}
.product-info .availability {
padding: 24px 20px;
}
.product-info .book-an-appointment {
padding: 0 20px 0 0;
}
.product-info .quick-view-sticky-position {
display: none;
}
.finger-size-modal,
.clarity-modal,
.add-ons-modal {
align-items: center;
}
.finger-size-modal__dialog,
.clarity-modal__dialog,
.add-ons-modal__dialog {
width: 43.125rem;
max-width: 43.125rem;
height: 750px;
max-height: 46.5rem;
padding: 5.375rem 2rem 2rem;
}
.finger-size-modal__toggle,
.clarity-modal__toggle,
.add-ons-modal__toggle {
right: 2.25rem;
top: 2.5rem;
}
.finger-size-modal__title,
.clarity-modal__title,
.add-ons-modal__title {
font-size: 32px;
}
.add-ons-modal__dialog {
width: 926px;
max-width: 926px;
height: auto;
padding: 32px;
}
.add-ons-modal__title {
flex: 0 0 100%;
}
.add-ons-modal__img {
width: 240px;
height: 240px;
flex: 0 0 240px;
-o-object-fit: cover;
object-fit: cover;
}
.add-ons-modal__description {
flex: 0 0 calc(100% - 240px);
padding-left: 20px;
margin: 0;
}
.premium-add-ons-modal .add-ons-modal__dialog {
width: 690px;
max-width: 690px;
}
.product-details-modal__toggle {
right: 2.75rem;
top: 2.75rem;
}
.product-details-modal .modal-swiper__pagination.swiper-pagination {
padding: 2.5rem;
}
.product-details-modal .modal-swiper__nav {
display: flex;
right: 2.5rem;
}
.product-details-modal .modal-swiper__nav--prev {
right: 0;
left: 2.5rem;
}
.product-details-modal .modal-swiper__slide .modal-swiper__zoom-out {
display: flex;
}
}
@media (min-width: 1440px) {
.product-details {
max-width: 1440px;
margin-right: auto;
margin-left: auto;
}
}
.gorgias-chat-key-eam2gc {
z-index: 5;
}
.accordion-icon-plus > svg {
transition: none !important;
}
.complementary-products {
position: relative;
display: block;
padding: 0 0.75rem;
}
.complementary-products-carousel__nav {
background-color: var(--color-white);
border-radius: 50%;
width: 40px;
height: 40px;
border: 1px solid var(--color-border);
top: calc(50% - 20px + 0.25px);
}
.complementary-products-carousel__nav:hover {
background-color: var(--color-primary);
}
.complementary-products-carousel__nav:hover .icon svg path {
fill: var(--color-white);
}
.complementary-products-carousel__nav:after {
display: none;
}
.complementary-products-carousel__nav--next {
right: 4px;
}
.complementary-products-carousel__nav--prev {
left: 4px;
}
@media (min-width: 1500px) {
.complementary-products-carousel__nav--next {
right: -8px;
}
.complementary-products-carousel__nav--prev {
left: -8px;
}
}
.complementary-products .swiper-pagination {
position: static;
display: flex;
justify-content: center;
gap: 4px;
margin: 15px 0 2rem;
}
.complementary-products .swiper-pagination-bullet {
margin: 0 !important;
}
.complementary-products .swiper-pagination-bullet {
flex: 1 0 auto;
height: 2px;
border-radius: 0px;
}
.complementary-products .swiper-pagination-bullet-active {
background-color: var(--color-primary);
}
.product-personalizer .pplr-wrapper:not(.cstmfy_static) {
padding: 1.5rem 0.75rem 0 !important;
}
.product-personalizer .pplr-wrapper:not(.cstmfy_static) {
display: flex;
flex-flow: row wrap;
float: none;
background-color: var(--color-background);
}
.product-personalizer .a_p_t {
padding: 0 0.75rem;
}
.product-personalizer .pplr-wrapper.cstmfy_static {
display: none;
}
.product-personalizer .pplr-wrapper label {
float: none;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0;
margin-bottom: 0.75rem;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.1rem;
text-transform: uppercase;
font-weight: 400;
}
.product-personalizer .pplr_select,
.product-personalizer .pplr_text,
.product-personalizer .pplr-selecter-selected {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
border: none;
height: 38px;
padding: 0 15px;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #000000;
background-color: var(--color-white);
border: 1px solid var(--color-border);
margin-bottom: 0;
}
.product-personalizer .pplr-selecter-selected {
line-height: 38px;
}
.product-personalizer .pplr-selecter-options {
left: 0.75rem;
width: calc(100% - 1.5rem);
}
.product-personalizer .pplr_select,
.product-personalizer .pplr_text {
font-family: "proxima-nova", sans-serif;
}
.product-personalizer .pplr-character-count {
position: static;
}
.product-personalizer .pplr_tab_wrapper {
padding: 1.5rem 0.75rem 0;
}
.product-personalizer .pplr_tab_index {
border: 1px solid var(--color-border);
}
.product-personalizer .pplr_tab {
padding: 0;
border: none;
background: none;
}
.product-personalizer .pplr_tab_index {
margin: 0;
}
.product-personalizer .pplr_tab_index:not(.p_l_h) ~ .pplr_tab_index:not(.p_l_h) {
margin-left: 0.375rem;
}
@media (min-width: 1024px) {
.product-personalizer .pplr-wrapper:not(.cstmfy_static) {
padding: 1.5rem 1.25rem 0 !important;
}
.product-personalizer .a_p_t {
padding: 0 1.25rem;
}
.product-personalizer .pplr_tab_wrapper {
padding: 1.5rem 1.25rem 0;
}
.product-personalizer .pplr_tab_index:not(.p_l_h) ~ .pplr_tab_index:not(.p_l_h) {
margin-left: 0.625rem;
}
.product-personalizer .pplr-selecter-options {
left: 1.25rem;
width: calc(100% - 2.5rem);
}
}
.gem-holder {
display: flex;
flex-flow: row wrap;
width: 100%;
border-style: solid;
border-color: var(--color-border);
border-width: 1px 0 0 1px;
}
.gem-holder__link {
position: relative;
flex: 0 0 16.6666666667%;
min-width: 48px;
padding-top: 16.6666666667%;
min-height: 48px;
border-right: 1px solid var(--color-border);
border-bottom: 1px solid var(--color-border);
}
.gem-holder__link.is-active {
background-color: var(--color-white);
}
.gem-holder__image {
overflow: hidden;
position: absolute;
top: 50%;
left: 50%;
width: 34px;
height: 34px;
transform: translate(-50%, -50%);
}
.gem-holder__check {
position: absolute;
top: 0;
right: 0;
display: none;
}
.is-active > .gem-holder__check {
display: block;
}
.product-info__options--gem .options__heading {
justify-content: flex-start;
}
.product-info__options--gem .options__heading span {
margin-left: 4px;
font-size: 14px;
font-weight: 600;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[2].use[4]!./src/styles/modules/custom-modal.scss ***!
\********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
* Component: Custom Modal
* -----------------------------------------------------------------------------
* - A generic styles for custom modal component
* - Can be overridden as needed within the section or component
*/
.custom-modal {
opacity: 0;
visibility: hidden;
}
.custom-modal.is-active {
opacity: 1;
visibility: visible;
}
.custom-modal.is-active .custom-modal__inner {
opacity: 1;
visibility: visible;
}
.custom-modal::after {
content: "";
display: block;
position: fixed;
background: rgba(0, 0, 0, 0.4);
top: 0;
left: 0;
width: 100vw;
height: 100dvh;
cursor: pointer;
z-index: 10000;
transition: 0.4s opacity, visibility ease-in-out;
}
.custom-modal__inner {
position: fixed;
background-color: #fff;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-height: 90dvh;
max-width: 1200px;
width: calc(100vw - 40px);
z-index: 10001;
transition: 0.4s opacity, visibility ease-in-out;
opacity: 0;
visibility: hidden;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: none;
-ms-overflow-style: none;
scrollbar-width: none;
}
.custom-modal__inner::-webkit-scrollbar {
display: none;
background: transparent;
width: 0;
height: 0;
}
.custom-modal__close {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: 0;
box-shadow: none;
color: inherit;
padding: 8px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 12px;
right: 12px;
height: 36px;
width: 36px;
cursor: pointer;
}
.custom-modal__close.focus-visible {
outline: 2px solid var(--color-black);
outline-offset: 2px;
}
.custom-modal__close:focus-visible {
outline: 2px solid var(--color-black);
outline-offset: 2px;
}
.custom-modal__close svg {
fill: currentColor;
}
.custom-modal__close path {
stroke: currentColor;
}
/**
* Used with modal component.
*/
body.is-locked {
position: relative;
overflow: hidden;
height: 100%;
}