Bedrooms & Study =E2=80=94 Villa Taru Bali

From: Snapshot-Content-Location: https://www.villa-taru-bali.com/bedrooms Subject: =?utf-8?Q?Bedrooms=20&=20Study=20=E2=80=94=20Villa=20Taru=20Bali?= Date: Mon, 9 Dec 2024 14:28:11 -0000 MIME-Version: 1.0 Content-Type: multipart/related; type="text/html"; boundary="----MultipartBoundary--QJtE9pXWn4QxnauljnDQ0l36NmmrFhsLcnNdBe4jhB----" ------MultipartBoundary--QJtE9pXWn4QxnauljnDQ0l36NmmrFhsLcnNdBe4jhB---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable Content-Location: https://www.villa-taru-bali.com/bedrooms Bedrooms & Study =E2=80=94 Villa Taru Bali =20 =20

=20

=20 =20

=20

=20 Skip to Content =20

=20 =20

=20

=20 =20 =20 =20 =20 =20 =20 =20 =20 =20 =20

=20 =20 =20 =20 =20

=20

=20 =20

=20 =20 =20

=20 =20

=20 =20 =20 =20 =20 =20

=20

=20 =20

=20 =20 =20 =20 =20

=20

=20 =20

=20 =20 =20

=20 =20

=20 =20 =20 =20 =20 =20

=20

=20 =20

=20 =20 =20 =20 =20

=20

=20 =20 =20 =20 =20

=20 =20 =20 =20 =20 =20 =20

=20 =20 =20 =20 =20

=20

=20 =20 =20 =20

=20 =20

=20 =20 =20 =20 =20 =20

=20 =20 =20

=20 =20 =20 =20 =20 =20 =20 =20

5 Bedroom 5 Bathroom Villa

This 800 sqm house feat= ures 3 bedrooms with en-suites, 2 adjoining bedrooms with a shared bathroom= and one full bathroom.

=20 =20

<= div class=3D"sqs-block-content">

=20 =20 =20

=20 =20 =20 =20 =20

=20 =20 =20 =20 =20 =20 =20 3D""

=20 =20 =20

=20

=20 =20

=20 =20 =20

=20

=20 =20 =20 =20 =20 =20

=20 =20 =20

=20 =20 =20 =20 =20 =20 =20 =20

Master Bedroom & En-suite

Featuring a super ki= ng bed and hotel style appointments this 50 square meter suite on the upper= floor includes his and hers walk in robes, huge rain shower, sitting area = and work desk

=20 =20

=20

=20 =20 =20 =20 =20

=20 =20 =20 =20 =20 =20 3D""

=20

=20 =20

=20 =20 =20 =20 =20 =20 =20 =20

=20

=20 =20 =20 =20 =20

=20 =20 =20

=20 =20 =20 =20 =20 =20 =20 =20

=20

=20

=20

=20

=20

=20

=20

=20 =20 =20 =20 =20 =20

=20 =20

=20

=20 =20 =20 =20 =20

=20 =20 =20

=20 =20 =20 =20 =20 =20 =20 =20

Master Suite Two

With soaring high ceilings and a = beautiful outlook this 50 square meter suite features a large walk in wardr= obe, secret storage and a dream bathroom. Watch your favourite movies from = the comfort of the couch or bed on the 65=E2=80=9D smart TV

=20 =20

=20

=20 =20 =20 =20 =20

=20 =20 =20 =20 =20 =20 3D""

=20

=20 =20

=20 =20 =20 =20 =20 =20 =20 =20

=20

=20 =20 =20 =20 =20

=20 =20 =20

=20 =20 =20 =20 =20 =20 =20 =20

=20

=20

=20

=20

=20

=20

=20

=20 =20 =20 =20 =20 =20

=20 =20

=20

=20 =20 =20 =20 =20

=20 =20 =20

=20 =20 =20 =20 =20 =20 =20 =20

Bedroom Three

This sumptuous bedroom shares a bath= room with Bedroom Four and is an ideal suite for a family with children or = a group of children. The beds can be set up as a super king or two large tw= in beds. This room is on the upper floor

=20 =20

=20

=20 =20 =20 =20 =20

=20 =20 =20 =20 =20 =20 3D""

=20

=20 =20

=20 =20 =20 =20 =20 =20 =20 =20

=20

=20 =20 =20 =20 =20

=20 =20 =20

=20 =20 =20 =20 =20 =20 =20 =20

=20

=20

=20

=20

=20

=20 =20 =20 =20 =20 =20

=20 =20

=20

=20 =20 =20 =20 =20

=20 =20 =20

=20 =20 =20 =20 =20 =20 =20 =20

Bedroom Four

This stylish bedroom shares a bathroo= m with Bedroom Three and is an ideal suite for a family with children or a = group of children. The beds can be set up as a super king or two large twin= beds. This room is on the upper floor and has a private terrace area outsi= de.

=20 =20

=20

=20 =20 =20 =20 =20

=20 =20 =20 =20 =20 =20 3D""

=20

=20 =20

=20 =20 =20 =20 =20 =20 =20 =20

=20

=20 =20 =20 =20 =20

=20 =20 =20

=20 =20 =20 =20 =20 =20 =20 =20

=20

=20

=20

=20

=20 =20 =20 =20 =20 =20

=20 =20

=20

=20 =20 =20 =20 =20

=20 =20 =20

=20 =20 =20 =20 =20 =20 =20 =20

Bedroom Five

This bedroom is the epitome of bohemi= an style, capturing the essence of Bali design. The newly added bedroom and= en-suite were designed with the needs of the bride in mind with all the ad= ded extras needed for her to get ready for her big day in style. This room = is on the ground floor.

=20 =20

=20

=20 =20 =20 =20 =20

=20 =20 =20 =20 =20 =20 3D""

=20

=20 =20

=20 =20 =20 =20 =20 =20 =20 =20

=20

=20 =20 =20 =20 =20

=20 =20 =20

=20 =20 =20 =20 =20 =20 =20 =20

=20

=20

=20

=20

=20

=20

=20

=20 =20 =20 =20 =20 =20

=20 =20

=20

=20 =20 =20 =20 =20

=20 =20 =20

=20 =20 =20 =20 =20 =20 =20 =20

Home Office/Study/Library

The stunning home office= /study/library room is the ideal place for quiet contemplation or any work = you need to attend to. Situated at the end of the house, with a superb view= of the pool and pool bale, this is tucked away from the rest of the househ= old to ensure privacy while you work or conduct video calls.

=20 =20

=20

=20 =20 =20 =20 =20

=20 =20 =20 =20 =20 =20 3D""

=20

=20 =20

=20 =20 =20 =20 =20 =20 =20 =20

=20

=20 =20 =20 =20 =20

=20 =20 =20

=20 =20 =20 =20 =20 =20 =20 =20

=20

=20

=20

=20

=20

=20 =20 =20 =20 =20 =20

=20 =20

=20

=20 =20 =20 =20 =20

=20 =20 =20

=20 =20 =20 =20 =20 =20 =20 =20

Guest Bathroom

There is a full guest bathroom on t= he Ground floor for guest use and pool showers.

=20 =20

=20

=20 =20 =20 =20 =20

=20 =20 =20

=20 =20 =20 =20 =20 =20 =20 =20

=20

=20

=20

=20

=20 =20 =20 =20 =20 =20

=20 =20

=20

=20 =20 =20 =20 =20

=20 =20 =20

=20 =20 =20 =20 =20 =20 =20 =20

=20 =20 =20

=20 =20 =20 =20 =20

=20 =20 =20 =20 =20 =20 =20 3D""

=20 =20 =20

=20

=20 =20

=20 =20 =20

=20 =20 =20 =20 =20

=20 =20 =20 =20 =20 =20 =20 3D""

=20 =20 =20

=20

=20 =20

=20 =20 =20

=20 =20

=20 =20 =20 =20 =20 =20 =20 =20 =20 =20 ------MultipartBoundary--QJtE9pXWn4QxnauljnDQ0l36NmmrFhsLcnNdBe4jhB---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-74cc8369-e3ab-47f4-a558-d43ffa5b82e9@mhtml.blink @charset "utf-8"; @font-face { font-family: acumin-pro; src: url("https://use.typekit.net/af/= e6e37f/00000000000000007735d426/30/l?subset_id=3D2&fvd=3Dn5&v=3D3") format(= "woff2"), url("https://use.typekit.net/af/e6e37f/00000000000000007735d426/3= 0/d?subset_id=3D2&fvd=3Dn5&v=3D3") format("woff"), url("https://use.typekit= .net/af/e6e37f/00000000000000007735d426/30/a?subset_id=3D2&fvd=3Dn5&v=3D3")= format("opentype"); font-weight: 500; font-style: normal; font-stretch: no= rmal; font-display: auto; } @font-face { font-family: acumin-pro; src: url("https://use.typekit.net/af/= 5de54d/00000000000000007735d404/30/l?subset_id=3D2&fvd=3Dn7&v=3D3") format(= "woff2"), url("https://use.typekit.net/af/5de54d/00000000000000007735d404/3= 0/d?subset_id=3D2&fvd=3Dn7&v=3D3") format("woff"), url("https://use.typekit= .net/af/5de54d/00000000000000007735d404/30/a?subset_id=3D2&fvd=3Dn7&v=3D3")= format("opentype"); font-weight: 700; font-style: normal; font-stretch: no= rmal; font-display: auto; } @font-face { font-family: acumin-pro; src: url("https://use.typekit.net/af/= 8a06c7/00000000000000007735d42a/30/l?subset_id=3D2&fvd=3Di5&v=3D3") format(= "woff2"), url("https://use.typekit.net/af/8a06c7/00000000000000007735d42a/3= 0/d?subset_id=3D2&fvd=3Di5&v=3D3") format("woff"), url("https://use.typekit= .net/af/8a06c7/00000000000000007735d42a/30/a?subset_id=3D2&fvd=3Di5&v=3D3")= format("opentype"); font-weight: 500; font-style: italic; font-stretch: no= rmal; font-display: auto; } @font-face { font-family: acumin-pro; src: url("https://use.typekit.net/af/= 1f8306/00000000000000007735d408/30/l?subset_id=3D2&fvd=3Di7&v=3D3") format(= "woff2"), url("https://use.typekit.net/af/1f8306/00000000000000007735d408/3= 0/d?subset_id=3D2&fvd=3Di7&v=3D3") format("woff"), url("https://use.typekit= .net/af/1f8306/00000000000000007735d408/30/a?subset_id=3D2&fvd=3Di7&v=3D3")= format("opentype"); font-weight: 700; font-style: italic; font-stretch: no= rmal; font-display: auto; } ------MultipartBoundary--QJtE9pXWn4QxnauljnDQ0l36NmmrFhsLcnNdBe4jhB---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-eeca5108-19ca-40b1-a8a4-e29c097c1ca2@mhtml.blink @charset "utf-8"; @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { .header-blur-background { backdrop-filter: blur(12px); } } ------MultipartBoundary--QJtE9pXWn4QxnauljnDQ0l36NmmrFhsLcnNdBe4jhB---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-f72aa28f-9149-4a1e-ba65-c2590f2d60cc@mhtml.blink @charset "utf-8"; .top-bun, .patty, .bottom-bun { height: 1px; } ------MultipartBoundary--QJtE9pXWn4QxnauljnDQ0l36NmmrFhsLcnNdBe4jhB---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-5918e845-1641-4ec7-87e6-d9b8d900df96@mhtml.blink @charset "utf-8"; .top-bun, .patty, .bottom-bun { height: 1px; } ------MultipartBoundary--QJtE9pXWn4QxnauljnDQ0l36NmmrFhsLcnNdBe4jhB---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-c014917f-95db-4104-bafd-1e9dad7fd2e0@mhtml.blink @charset "utf-8"; .fe-65be1ddd200ad736ead42957 { --grid-gutter: calc(var(--sqs-mobile-site-gu= tter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1= 500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; gri= d-area: 1 / 1 / -1 / -1; grid-template-rows: repeat(16, minmax(24px, auto))= ; grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); gap: 11px; } @media (min-width: 768px) { .background-width--inset .fe-65be1ddd200ad736ead42957 { --inset-padding: = calc(var(--sqs-site-gutter) * 2); } .fe-65be1ddd200ad736ead42957 { --grid-gutter: calc(var(--sqs-site-gutter,= 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px= ) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scalin= g-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px),= calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); gr= id-template-rows: repeat(7,minmax(calc(var(--container-width) * var(--row-h= eight-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gu= tter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } .fe-block-0fd6946522c1e95d3f8a { grid-area: 1 / 2 / 10 / 10; z-index: 0; @media (max-width: 767px) { } } .fe-block-0fd6946522c1e95d3f8a .sqs-block { justify-content: flex-start; } .fe-block-0fd6946522c1e95d3f8a .sqs-block-alignment-wrapper { align-items: = flex-start; } @media (min-width: 768px) { .fe-block-0fd6946522c1e95d3f8a { grid-area: 1 / 2 / 6 / 20; z-index: 0; } .fe-block-0fd6946522c1e95d3f8a .sqs-block { justify-content: flex-start; = } .fe-block-0fd6946522c1e95d3f8a .sqs-block-alignment-wrapper { align-items= : flex-start; } } .fe-block-yui_3_17_2_1_1706959204203_26276 { grid-area: 10 / 2 / 11 / 10; z-index: 1; @media (max-width: 767px) { } } .fe-block-yui_3_17_2_1_1706959204203_26276 .sqs-block { justify-content: ce= nter; } .fe-block-yui_3_17_2_1_1706959204203_26276 .sqs-block-alignment-wrapper { a= lign-items: center; } @media (min-width: 768px) { .fe-block-yui_3_17_2_1_1706959204203_26276 { grid-area: 6 / 3 / 7 / 19; z= -index: 1; } .fe-block-yui_3_17_2_1_1706959204203_26276 .sqs-block { justify-content: = center; } .fe-block-yui_3_17_2_1_1706959204203_26276 .sqs-block-alignment-wrapper {= align-items: center; } } .fe-block-yui_3_17_2_1_1707046301344_12119 { grid-area: 11 / 2 / 17 / 10; z-index: 2; @media (max-width: 767px) { } } .fe-block-yui_3_17_2_1_1707046301344_12119 .sqs-block { justify-content: ce= nter; } .fe-block-yui_3_17_2_1_1707046301344_12119 .sqs-block-alignment-wrapper { a= lign-items: center; } @media (min-width: 768px) { .fe-block-yui_3_17_2_1_1707046301344_12119 { grid-area: 1 / 20 / 7 / 26; = z-index: 2; } .fe-block-yui_3_17_2_1_1707046301344_12119 .sqs-block { justify-content: = center; } .fe-block-yui_3_17_2_1_1707046301344_12119 .sqs-block-alignment-wrapper {= align-items: center; } } ------MultipartBoundary--QJtE9pXWn4QxnauljnDQ0l36NmmrFhsLcnNdBe4jhB---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-c641f3e2-c0ce-4e0f-add4-48e9b81901ec@mhtml.blink @charset "utf-8"; .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-yui_3_17_2_1_1707046301344_12119 .fluidImageOverlay { position: a= bsolute; top: 0px; left: 0px; width: 100%; height: 100%; mix-blend-mode: no= rmal; opacity: 0; } ------MultipartBoundary--QJtE9pXWn4QxnauljnDQ0l36NmmrFhsLcnNdBe4jhB---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-bab3b48c-c375-4ff9-af04-c2209d4e644e@mhtml.blink @charset "utf-8"; .fe-65be2196968300039aa1882b { --grid-gutter: calc(var(--sqs-mobile-site-gu= tter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1= 500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; gri= d-area: 1 / 1 / -1 / -1; grid-template-rows: repeat(9, minmax(24px, auto));= grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); gap: 11px; } @media (min-width: 768px) { .background-width--inset .fe-65be2196968300039aa1882b { --inset-padding: = calc(var(--sqs-site-gutter) * 2); } .fe-65be2196968300039aa1882b { --grid-gutter: calc(var(--sqs-site-gutter,= 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px= ) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scalin= g-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px),= calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); gr= id-template-rows: repeat(6,minmax(calc(var(--container-width) * var(--row-h= eight-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gu= tter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } .fe-block-a0be072dde684cd4fea9 { grid-area: 1 / 2 / 10 / 10; z-index: 0; @media (max-width: 767px) { } } .fe-block-a0be072dde684cd4fea9 .sqs-block { justify-content: flex-start; } .fe-block-a0be072dde684cd4fea9 .sqs-block-alignment-wrapper { align-items: = flex-start; } @media (min-width: 768px) { .fe-block-a0be072dde684cd4fea9 { grid-area: 1 / 2 / 7 / 26; z-index: 0; } .fe-block-a0be072dde684cd4fea9 .sqs-block { justify-content: flex-start; = } .fe-block-a0be072dde684cd4fea9 .sqs-block-alignment-wrapper { align-items= : flex-start; } } ------MultipartBoundary--QJtE9pXWn4QxnauljnDQ0l36NmmrFhsLcnNdBe4jhB---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-48aa28ed-a4c6-401b-917d-90a5c028ca8b@mhtml.blink @charset "utf-8"; .fe-65be1ddd200ad736ead42950 { --grid-gutter: calc(var(--sqs-mobile-site-gu= tter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1= 500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; gri= d-area: 1 / 1 / -1 / -1; grid-template-rows: repeat(1, minmax(24px, auto));= grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); gap: 11px; } @media (min-width: 768px) { .background-width--inset .fe-65be1ddd200ad736ead42950 { --inset-padding: = calc(var(--sqs-site-gutter) * 2); } .fe-65be1ddd200ad736ead42950 { --grid-gutter: calc(var(--sqs-site-gutter,= 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px= ) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scalin= g-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px),= calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); gr= id-template-rows: repeat(6,minmax(calc(var(--container-width) * var(--row-h= eight-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gu= tter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } ------MultipartBoundary--QJtE9pXWn4QxnauljnDQ0l36NmmrFhsLcnNdBe4jhB---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-b8bb4006-3fe7-4262-9765-d956c83c0e3d@mhtml.blink @charset "utf-8"; .fe-65be1ddd200ad736ead4295e { --grid-gutter: calc(var(--sqs-mobile-site-gu= tter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1= 500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; gri= d-area: 1 / 1 / -1 / -1; grid-template-rows: repeat(9, minmax(24px, auto));= grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); gap: 11px; } @media (min-width: 768px) { .background-width--inset .fe-65be1ddd200ad736ead4295e { --inset-padding: = calc(var(--sqs-site-gutter) * 2); } .fe-65be1ddd200ad736ead4295e { --grid-gutter: calc(var(--sqs-site-gutter,= 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px= ) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scalin= g-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px),= calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); gr= id-template-rows: repeat(7,minmax(calc(var(--container-width) * var(--row-h= eight-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gu= tter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } .fe-block-146619c6e074e613e978 { grid-area: 1 / 2 / 9 / 10; z-index: 0; @media (max-width: 767px) { } } .fe-block-146619c6e074e613e978 .sqs-block { justify-content: flex-start; } .fe-block-146619c6e074e613e978 .sqs-block-alignment-wrapper { align-items: = flex-start; } @media (min-width: 768px) { .fe-block-146619c6e074e613e978 { grid-area: 1 / 2 / 8 / 26; z-index: 0; } .fe-block-146619c6e074e613e978 .sqs-block { justify-content: flex-start; = } .fe-block-146619c6e074e613e978 .sqs-block-alignment-wrapper { align-items= : flex-start; } } ------MultipartBoundary--QJtE9pXWn4QxnauljnDQ0l36NmmrFhsLcnNdBe4jhB---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-8ee4321e-947a-4d32-9175-7ced526c97bb@mhtml.blink @charset "utf-8"; .fe-65be1ddd200ad736ead4295a { --grid-gutter: calc(var(--sqs-mobile-site-gu= tter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1= 500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; gri= d-area: 1 / 1 / -1 / -1; grid-template-rows: repeat(1, minmax(24px, auto));= grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); gap: 11px; } @media (min-width: 768px) { .background-width--inset .fe-65be1ddd200ad736ead4295a { --inset-padding: = calc(var(--sqs-site-gutter) * 2); } .fe-65be1ddd200ad736ead4295a { --grid-gutter: calc(var(--sqs-site-gutter,= 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px= ) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scalin= g-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px),= calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); gr= id-template-rows: repeat(11,minmax(calc(var(--container-width) * var(--row-= height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-g= utter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } ------MultipartBoundary--QJtE9pXWn4QxnauljnDQ0l36NmmrFhsLcnNdBe4jhB---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-eee70bc9-a77d-4935-a8a0-5948ccab4b33@mhtml.blink @charset "utf-8"; .fe-65be1ddd200ad736ead42965 { --grid-gutter: calc(var(--sqs-mobile-site-gu= tter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1= 500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; gri= d-area: 1 / 1 / -1 / -1; grid-template-rows: repeat(9, minmax(24px, auto));= grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); gap: 11px; } @media (min-width: 768px) { .background-width--inset .fe-65be1ddd200ad736ead42965 { --inset-padding: = calc(var(--sqs-site-gutter) * 2); } .fe-65be1ddd200ad736ead42965 { --grid-gutter: calc(var(--sqs-site-gutter,= 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px= ) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scalin= g-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px),= calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); gr= id-template-rows: repeat(7,minmax(calc(var(--container-width) * var(--row-h= eight-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gu= tter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } .fe-block-7904edf9fa3cd13e4a78 { grid-area: 1 / 2 / 9 / 10; z-index: 0; @media (max-width: 767px) { } } .fe-block-7904edf9fa3cd13e4a78 .sqs-block { justify-content: flex-start; } .fe-block-7904edf9fa3cd13e4a78 .sqs-block-alignment-wrapper { align-items: = flex-start; } @media (min-width: 768px) { .fe-block-7904edf9fa3cd13e4a78 { grid-area: 1 / 2 / 8 / 26; z-index: 0; } .fe-block-7904edf9fa3cd13e4a78 .sqs-block { justify-content: flex-start; = } .fe-block-7904edf9fa3cd13e4a78 .sqs-block-alignment-wrapper { align-items= : flex-start; } } ------MultipartBoundary--QJtE9pXWn4QxnauljnDQ0l36NmmrFhsLcnNdBe4jhB---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-21acf353-08ff-491d-8f49-e2d9b50978cf@mhtml.blink @charset "utf-8"; .fe-65be1ddd200ad736ead42961 { --grid-gutter: calc(var(--sqs-mobile-site-gu= tter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1= 500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; gri= d-area: 1 / 1 / -1 / -1; grid-template-rows: repeat(1, minmax(24px, auto));= grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); gap: 11px; } @media (min-width: 768px) { .background-width--inset .fe-65be1ddd200ad736ead42961 { --inset-padding: = calc(var(--sqs-site-gutter) * 2); } .fe-65be1ddd200ad736ead42961 { --grid-gutter: calc(var(--sqs-site-gutter,= 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px= ) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scalin= g-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px),= calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); gr= id-template-rows: repeat(11,minmax(calc(var(--container-width) * var(--row-= height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-g= utter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } ------MultipartBoundary--QJtE9pXWn4QxnauljnDQ0l36NmmrFhsLcnNdBe4jhB---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-4e62e0d9-c0e2-4144-a4f1-3be36c0ebbf0@mhtml.blink @charset "utf-8"; .fe-65be1ddd200ad736ead4296c { --grid-gutter: calc(var(--sqs-mobile-site-gu= tter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1= 500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; gri= d-area: 1 / 1 / -1 / -1; grid-template-rows: repeat(9, minmax(24px, auto));= grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); gap: 11px; } @media (min-width: 768px) { .background-width--inset .fe-65be1ddd200ad736ead4296c { --inset-padding: = calc(var(--sqs-site-gutter) * 2); } .fe-65be1ddd200ad736ead4296c { --grid-gutter: calc(var(--sqs-site-gutter,= 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px= ) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scalin= g-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px),= calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); gr= id-template-rows: repeat(7,minmax(calc(var(--container-width) * var(--row-h= eight-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gu= tter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } .fe-block-1b632fe86f10586b2370 { grid-area: 1 / 2 / 9 / 10; z-index: 0; @media (max-width: 767px) { } } .fe-block-1b632fe86f10586b2370 .sqs-block { justify-content: flex-start; } .fe-block-1b632fe86f10586b2370 .sqs-block-alignment-wrapper { align-items: = flex-start; } @media (min-width: 768px) { .fe-block-1b632fe86f10586b2370 { grid-area: 1 / 2 / 8 / 26; z-index: 0; } .fe-block-1b632fe86f10586b2370 .sqs-block { justify-content: flex-start; = } .fe-block-1b632fe86f10586b2370 .sqs-block-alignment-wrapper { align-items= : flex-start; } } ------MultipartBoundary--QJtE9pXWn4QxnauljnDQ0l36NmmrFhsLcnNdBe4jhB---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-5019736a-95c7-4373-8220-349a54edc90f@mhtml.blink @charset "utf-8"; .fe-65be1ddd200ad736ead42968 { --grid-gutter: calc(var(--sqs-mobile-site-gu= tter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1= 500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; gri= d-area: 1 / 1 / -1 / -1; grid-template-rows: repeat(1, minmax(24px, auto));= grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); gap: 11px; } @media (min-width: 768px) { .background-width--inset .fe-65be1ddd200ad736ead42968 { --inset-padding: = calc(var(--sqs-site-gutter) * 2); } .fe-65be1ddd200ad736ead42968 { --grid-gutter: calc(var(--sqs-site-gutter,= 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px= ) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scalin= g-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px),= calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); gr= id-template-rows: repeat(11,minmax(calc(var(--container-width) * var(--row-= height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-g= utter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } ------MultipartBoundary--QJtE9pXWn4QxnauljnDQ0l36NmmrFhsLcnNdBe4jhB---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-11950141-fd81-4aba-ac90-34df6e5673cc@mhtml.blink @charset "utf-8"; .fe-65be1ddd200ad736ead42973 { --grid-gutter: calc(var(--sqs-mobile-site-gu= tter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1= 500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; gri= d-area: 1 / 1 / -1 / -1; grid-template-rows: repeat(9, minmax(24px, auto));= grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); gap: 11px; } @media (min-width: 768px) { .background-width--inset .fe-65be1ddd200ad736ead42973 { --inset-padding: = calc(var(--sqs-site-gutter) * 2); } .fe-65be1ddd200ad736ead42973 { --grid-gutter: calc(var(--sqs-site-gutter,= 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px= ) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scalin= g-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px),= calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); gr= id-template-rows: repeat(8,minmax(calc(var(--container-width) * var(--row-h= eight-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gu= tter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } .fe-block-7a22b28838e4eb7a78ea { grid-area: 1 / 2 / 9 / 10; z-index: 0; @media (max-width: 767px) { } } .fe-block-7a22b28838e4eb7a78ea .sqs-block { justify-content: flex-start; } .fe-block-7a22b28838e4eb7a78ea .sqs-block-alignment-wrapper { align-items: = flex-start; } @media (min-width: 768px) { .fe-block-7a22b28838e4eb7a78ea { grid-area: 1 / 2 / 9 / 26; z-index: 0; } .fe-block-7a22b28838e4eb7a78ea .sqs-block { justify-content: flex-start; = } .fe-block-7a22b28838e4eb7a78ea .sqs-block-alignment-wrapper { align-items= : flex-start; } } ------MultipartBoundary--QJtE9pXWn4QxnauljnDQ0l36NmmrFhsLcnNdBe4jhB---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-edfaa177-b0b3-4abd-9985-8273cd456187@mhtml.blink @charset "utf-8"; .fe-65be1ddd200ad736ead4296f { --grid-gutter: calc(var(--sqs-mobile-site-gu= tter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1= 500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; gri= d-area: 1 / 1 / -1 / -1; grid-template-rows: repeat(1, minmax(24px, auto));= grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); gap: 11px; } @media (min-width: 768px) { .background-width--inset .fe-65be1ddd200ad736ead4296f { --inset-padding: = calc(var(--sqs-site-gutter) * 2); } .fe-65be1ddd200ad736ead4296f { --grid-gutter: calc(var(--sqs-site-gutter,= 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px= ) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scalin= g-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px),= calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); gr= id-template-rows: repeat(11,minmax(calc(var(--container-width) * var(--row-= height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-g= utter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } ------MultipartBoundary--QJtE9pXWn4QxnauljnDQ0l36NmmrFhsLcnNdBe4jhB---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-8a329865-4956-4054-a10d-d9ae90d4c81f@mhtml.blink @charset "utf-8"; .fe-65bf6b10644f02037cd3a61c { --grid-gutter: calc(var(--sqs-mobile-site-gu= tter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1= 500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; gri= d-area: 1 / 1 / -1 / -1; grid-template-rows: repeat(9, minmax(24px, auto));= grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); gap: 11px; } @media (min-width: 768px) { .background-width--inset .fe-65bf6b10644f02037cd3a61c { --inset-padding: = calc(var(--sqs-site-gutter) * 2); } .fe-65bf6b10644f02037cd3a61c { --grid-gutter: calc(var(--sqs-site-gutter,= 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px= ) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scalin= g-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px),= calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); gr= id-template-rows: repeat(6,minmax(calc(var(--container-width) * var(--row-h= eight-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gu= tter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } .fe-block-63152e1da0a8d0e029f7 { grid-area: 1 / 2 / 9 / 10; z-index: 0; @media (max-width: 767px) { } } .fe-block-63152e1da0a8d0e029f7 .sqs-block { justify-content: flex-start; } .fe-block-63152e1da0a8d0e029f7 .sqs-block-alignment-wrapper { align-items: = flex-start; } @media (min-width: 768px) { .fe-block-63152e1da0a8d0e029f7 { grid-area: 1 / 2 / 7 / 26; z-index: 0; } .fe-block-63152e1da0a8d0e029f7 .sqs-block { justify-content: flex-start; = } .fe-block-63152e1da0a8d0e029f7 .sqs-block-alignment-wrapper { align-items= : flex-start; } } ------MultipartBoundary--QJtE9pXWn4QxnauljnDQ0l36NmmrFhsLcnNdBe4jhB---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-549fa38d-d59f-41f3-9636-ea93ec9d6b94@mhtml.blink @charset "utf-8"; .fe-65bf6b201b77363221fde6d8 { --grid-gutter: calc(var(--sqs-mobile-site-gu= tter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1= 500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; gri= d-area: 1 / 1 / -1 / -1; grid-template-rows: repeat(1, minmax(24px, auto));= grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); gap: 11px; } @media (min-width: 768px) { .background-width--inset .fe-65bf6b201b77363221fde6d8 { --inset-padding: = calc(var(--sqs-site-gutter) * 2); } .fe-65bf6b201b77363221fde6d8 { --grid-gutter: calc(var(--sqs-site-gutter,= 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px= ) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scalin= g-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px),= calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); gr= id-template-rows: repeat(11,minmax(calc(var(--container-width) * var(--row-= height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-g= utter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } ------MultipartBoundary--QJtE9pXWn4QxnauljnDQ0l36NmmrFhsLcnNdBe4jhB---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-a501891f-7fa1-4a73-a85c-84437616c843@mhtml.blink @charset "utf-8"; .fe-65bf74ad71e4921d71e6762b { --grid-gutter: calc(var(--sqs-mobile-site-gu= tter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1= 500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; gri= d-area: 1 / 1 / -1 / -1; grid-template-rows: repeat(9, minmax(24px, auto));= grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); gap: 11px; } @media (min-width: 768px) { .background-width--inset .fe-65bf74ad71e4921d71e6762b { --inset-padding: = calc(var(--sqs-site-gutter) * 2); } .fe-65bf74ad71e4921d71e6762b { --grid-gutter: calc(var(--sqs-site-gutter,= 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px= ) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scalin= g-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px),= calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); gr= id-template-rows: repeat(4,minmax(calc(var(--container-width) * var(--row-h= eight-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gu= tter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } .fe-block-bf44126ba1f247985e17 { grid-area: 1 / 2 / 9 / 10; z-index: 0; @media (max-width: 767px) { } } .fe-block-bf44126ba1f247985e17 .sqs-block { justify-content: flex-start; } .fe-block-bf44126ba1f247985e17 .sqs-block-alignment-wrapper { align-items: = flex-start; } @media (min-width: 768px) { .fe-block-bf44126ba1f247985e17 { grid-area: 1 / 2 / 5 / 26; z-index: 0; } .fe-block-bf44126ba1f247985e17 .sqs-block { justify-content: flex-start; = } .fe-block-bf44126ba1f247985e17 .sqs-block-alignment-wrapper { align-items= : flex-start; } } ------MultipartBoundary--QJtE9pXWn4QxnauljnDQ0l36NmmrFhsLcnNdBe4jhB---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-d71d6f62-7f8f-44b5-a3dd-ccdab0a26124@mhtml.blink @charset "utf-8"; .fe-65be1ddd200ad736ead42976 { --grid-gutter: calc(var(--sqs-mobile-site-gu= tter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1= 500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; gri= d-area: 1 / 1 / -1 / -1; grid-template-rows: repeat(15, minmax(24px, auto))= ; grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); gap: 11px; } @media (min-width: 768px) { .background-width--inset .fe-65be1ddd200ad736ead42976 { --inset-padding: = calc(var(--sqs-site-gutter) * 2); } .fe-65be1ddd200ad736ead42976 { --grid-gutter: calc(var(--sqs-site-gutter,= 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px= ) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scalin= g-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px),= calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); gr= id-template-rows: repeat(8,minmax(calc(var(--container-width) * var(--row-h= eight-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gu= tter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } .fe-block-yui_3_17_2_1_1707789513090_24050 { grid-area: 1 / 2 / 7 / 10; z-index: 2; @media (max-width: 767px) { } } .fe-block-yui_3_17_2_1_1707789513090_24050 .sqs-block { justify-content: ce= nter; } .fe-block-yui_3_17_2_1_1707789513090_24050 .sqs-block-alignment-wrapper { a= lign-items: center; } @media (min-width: 768px) { .fe-block-yui_3_17_2_1_1707789513090_24050 { grid-area: 1 / 2 / 7 / 8; z-= index: 2; } .fe-block-yui_3_17_2_1_1707789513090_24050 .sqs-block { justify-content: = center; } .fe-block-yui_3_17_2_1_1707789513090_24050 .sqs-block-alignment-wrapper {= align-items: center; } } .fe-block-646d0ab60a37cbc12c1e { grid-area: 7 / 2 / 13 / 10; z-index: 3; @media (max-width: 767px) { } } .fe-block-646d0ab60a37cbc12c1e .sqs-block { justify-content: center; } .fe-block-646d0ab60a37cbc12c1e .sqs-block-alignment-wrapper { align-items: = center; } @media (min-width: 768px) { .fe-block-646d0ab60a37cbc12c1e { grid-area: 1 / 16 / 9 / 27; z-index: 3; = } .fe-block-646d0ab60a37cbc12c1e .sqs-block { justify-content: center; } .fe-block-646d0ab60a37cbc12c1e .sqs-block-alignment-wrapper { align-items= : center; } } .fe-block-yui_3_17_2_1_1707364364202_18028 { grid-area: 14 / 4 / 16 / 8; z-index: 1; @media (max-width: 767px) { } } .fe-block-yui_3_17_2_1_1707364364202_18028 .sqs-block { justify-content: ce= nter; } .fe-block-yui_3_17_2_1_1707364364202_18028 .sqs-block-alignment-wrapper { a= lign-items: center; } @media (min-width: 768px) { .fe-block-yui_3_17_2_1_1707364364202_18028 { grid-area: 2 / 11 / 4 / 17; = z-index: 1; } .fe-block-yui_3_17_2_1_1707364364202_18028 .sqs-block { justify-content: = center; } .fe-block-yui_3_17_2_1_1707364364202_18028 .sqs-block-alignment-wrapper {= align-items: center; } } ------MultipartBoundary--QJtE9pXWn4QxnauljnDQ0l36NmmrFhsLcnNdBe4jhB---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-9d19e22e-d95c-457b-beaf-bb0bcd046c4b@mhtml.blink @charset "utf-8"; .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-yui_3_17_2_1_1707789513090_24050 .fluidImageOverlay { position: a= bsolute; top: 0px; left: 0px; width: 100%; height: 100%; mix-blend-mode: no= rmal; opacity: 0; } ------MultipartBoundary--QJtE9pXWn4QxnauljnDQ0l36NmmrFhsLcnNdBe4jhB---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-67366a52-c0aa-453b-a64f-3e7a0c4c1cfb@mhtml.blink @charset "utf-8"; .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-646d0ab60a37cbc12c1e .fluidImageOverlay { position: absolute; top= : 0px; left: 0px; width: 100%; height: 100%; mix-blend-mode: normal; opacit= y: 0; } ------MultipartBoundary--QJtE9pXWn4QxnauljnDQ0l36NmmrFhsLcnNdBe4jhB---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-9a5e29bc-8674-4c99-9866-aead55670027@mhtml.blink @charset "utf-8"; .fe-65bf5ca2071e0127317210cc { --grid-gutter: calc(var(--sqs-mobile-site-gu= tter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1= 500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; gri= d-area: 1 / 1 / -1 / -1; grid-template-rows: repeat(6, minmax(24px, auto));= grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); gap: 11px; } @media (min-width: 768px) { .background-width--inset .fe-65bf5ca2071e0127317210cc { --inset-padding: = calc(var(--sqs-site-gutter) * 2); } .fe-65bf5ca2071e0127317210cc { --grid-gutter: calc(var(--sqs-site-gutter,= 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px= ) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scalin= g-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px),= calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); gr= id-template-rows: repeat(3,minmax(calc(var(--container-width) * var(--row-h= eight-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gu= tter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } .fe-block-c9c5ce40d7c14f3303cd { grid-area: 2 / 2 / 4 / 10; z-index: 3; @media (max-width: 767px) { } } .fe-block-c9c5ce40d7c14f3303cd .sqs-block { justify-content: center; } .fe-block-c9c5ce40d7c14f3303cd .sqs-block-alignment-wrapper { align-items: = center; } @media (min-width: 768px) { .fe-block-c9c5ce40d7c14f3303cd { grid-area: 2 / 10 / 4 / 18; z-index: 3; = } .fe-block-c9c5ce40d7c14f3303cd .sqs-block { justify-content: center; } .fe-block-c9c5ce40d7c14f3303cd .sqs-block-alignment-wrapper { align-items= : center; } } .fe-block-yui_3_17_2_1_1707364364202_5935 { grid-area: 4 / 2 / 6 / 10; z-index: 6; @media (max-width: 767px) { } } .fe-block-yui_3_17_2_1_1707364364202_5935 .sqs-block { justify-content: fle= x-start; } .fe-block-yui_3_17_2_1_1707364364202_5935 .sqs-block-alignment-wrapper { al= ign-items: flex-start; } @media (min-width: 768px) { .fe-block-yui_3_17_2_1_1707364364202_5935 { grid-area: 2 / 20 / 4 / 27; z= -index: 6; } .fe-block-yui_3_17_2_1_1707364364202_5935 .sqs-block { justify-content: f= lex-start; } .fe-block-yui_3_17_2_1_1707364364202_5935 .sqs-block-alignment-wrapper { = align-items: flex-start; } } ------MultipartBoundary--QJtE9pXWn4QxnauljnDQ0l36NmmrFhsLcnNdBe4jhB---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-494e3ea1-26b0-426d-8392-4e248b0b05f4@mhtml.blink @charset "utf-8"; #block-c9c5ce40d7c14f3303cd .social-icons-style-border .sqs-svg-icon--wrapp= er { box-shadow: 0px 0px 0px 2px inset; border: none; } ------MultipartBoundary--QJtE9pXWn4QxnauljnDQ0l36NmmrFhsLcnNdBe4jhB---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,700;1,300 @charset "utf-8"; @font-face { font-family: Poppins; font-style: italic; font-weight: 300; sr= c: url("https://fonts.gstatic.com/s/poppins/v22/pxiDyp8kv8JHgFVrJJLm21lVGde= OYktMqlap.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2= C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F= , U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A72= 0-A7FF; } @font-face { font-family: Poppins; font-style: italic; font-weight: 300; sr= c: url("https://fonts.gstatic.com/s/poppins/v22/pxiDyp8kv8JHgFVrJJLm21lVF9e= OYktMqg.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U= +2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+= 2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Poppins; font-style: normal; font-weight: 300; sr= c: url("https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLDz8Z1JlFd2= JQEl8qw.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7= -2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, = U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-= A7FF; } @font-face { font-family: Poppins; font-style: normal; font-weight: 300; sr= c: url("https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLDz8Z1xlFd2= JQEk.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2B= B-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+212= 2, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Poppins; font-style: normal; font-weight: 400; sr= c: url("https://fonts.gstatic.com/s/poppins/v22/pxiEyp8kv8JHgFVrJJnecnFHGPe= zSQ.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC= , U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1E= F2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF= ; } @font-face { font-family: Poppins; font-style: normal; font-weight: 400; sr= c: url("https://fonts.gstatic.com/s/poppins/v22/pxiEyp8kv8JHgFVrJJfecnFHGPc= .woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2B= C, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U= +2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Poppins; font-style: normal; font-weight: 500; sr= c: url("https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLGT9Z1JlFd2= JQEl8qw.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7= -2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, = U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-= A7FF; } @font-face { font-family: Poppins; font-style: normal; font-weight: 500; sr= c: url("https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLGT9Z1xlFd2= JQEk.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2B= B-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+212= 2, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Poppins; font-style: normal; font-weight: 700; sr= c: url("https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLCz7Z1JlFd2= JQEl8qw.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7= -2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, = U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-= A7FF; } @font-face { font-family: Poppins; font-style: normal; font-weight: 700; sr= c: url("https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLCz7Z1xlFd2= JQEk.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2B= B-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+212= 2, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } ------MultipartBoundary--QJtE9pXWn4QxnauljnDQ0l36NmmrFhsLcnNdBe4jhB---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://static1.squarespace.com/static/versioned-site-css/65bde605d6bb9439b0950db6/11/5c5a519771c10ba3470d8101/65bde605d6bb9439b0950dbe/1590/site.css @charset "utf-8"; :root { --white-hsl: 0,0%,100%; --black-hsl: 0,0%,0%; --safeLightAccent-hsl= : 26,13.16%,55.29%; --safeDarkAccent-hsl: 26,13.16%,55.29%; --safeInverseAc= cent-hsl: 0,0%,100%; --safeInverseLightAccent-hsl: 0,0%,100%; --safeInverse= DarkAccent-hsl: 0,0%,100%; --accent-hsl: 26,13.16%,55.29%; --lightAccent-hs= l: 37.5,8.7%,81.96%; --darkAccent-hsl: 23.08,13.98%,18.24%; } :root { --course-item-nav-text-color: hsla(var(--black-hsl),1); --tweak-blo= g-item-pagination-icon-color: hsla(var(--black-hsl),1); --tweak-summary-blo= ck-read-more-color-on-background: hsla(var(--black-hsl),1); --tweak-quote-b= lock-source-color-on-background: hsla(var(--black-hsl),1); --paragraphSmall= Color: hsla(var(--black-hsl),1); --list-section-simple-button-background-co= lor: hsla(var(--safeDarkAccent-hsl),1); --gradientHeaderBorderColor: hsla(v= ar(--black-hsl),1); --tweak-summary-block-header-text-color-on-background: = hsla(var(--black-hsl),1); --solidHeaderDropShadowColor: hsla(var(--black-hs= l),1); --tweak-blog-alternating-side-by-side-list-read-more-color: hsla(var= (--safeDarkAccent-hsl),1); --tweak-summary-block-background-color: hsla(var= (--lightAccent-hsl),1); --tweak-form-block-survey-title-color: hsla(var(--b= lack-hsl),1); --list-section-carousel-card-description-color: hsla(var(--bl= ack-hsl),1); --image-block-card-inline-link-color: hsla(var(--black-hsl),1)= ; --paragraphLargeColor: hsla(var(--black-hsl),1); --tweak-summary-block-pr= imary-metadata-color-on-background: hsla(var(--black-hsl),1); --tweak-blog-= item-comment-text-color: hsla(var(--black-hsl),1); --tweak-summary-block-re= ad-more-color: hsla(var(--black-hsl),1); --list-section-banner-slideshow-ca= rd-description-link-color: hsla(var(--safeDarkAccent-hsl),1); --image-block= -stack-inline-link-color: hsla(var(--black-hsl),1); --tweak-menu-block-titl= e-color: hsla(var(--black-hsl),1); --list-section-carousel-card-button-text= -color: hsla(var(--safeInverseDarkAccent-hsl),1); --tweak-paragraph-medium-= color-on-background: hsla(var(--black-hsl),1); --portfolio-grid-overlay-tit= le-color: hsla(var(--black-hsl),1); --tweak-accordion-block-icon-color: hsl= a(var(--black-hsl),1); --tweak-marquee-block-paragraph-color-on-background:= hsla(var(--black-hsl),1); --tweak-product-quick-view-button-color: hsla(va= r(--black-hsl),1); --product-detail-subscription-price-text-color: hsla(var= (--black-hsl),1); --paragraphMediumColor: hsla(var(--black-hsl),1); --siteT= itleColor: hsla(var(--black-hsl),1); --tweak-product-basic-item-title-color= : hsla(var(--black-hsl),1); --tweak-quote-block-text-color-on-background: h= sla(var(--black-hsl),1); --list-section-carousel-card-title-color: hsla(var= (--black-hsl),1); --tweak-gallery-icon-color: hsla(var(--black-hsl),1); --i= mage-block-overlap-image-title-bg-color: hsla(var(--white-hsl),1); --tweak-= newsletter-block-title-color: hsla(var(--black-hsl),1); --image-block-colla= ge-inline-link-color: hsla(var(--black-hsl),1); --tweak-newsletter-block-bu= tton-background-color-on-background: hsla(var(--black-hsl),1); --tweak-prod= uct-basic-item-breadcumb-nav-color: hsla(var(--black-hsl),1); --tweak-produ= ct-basic-item-description-color: hsla(var(--black-hsl),1); --tertiaryButton= BackgroundColor: hsla(var(--safeDarkAccent-hsl),1); --tweak-video-item-pagi= nation-title-color: hsla(var(--black-hsl),1); --course-list-grid-layout-cou= rse-item-border-color: hsla(var(--darkAccent-hsl),1); --portfolio-grid-basi= c-title-color: hsla(var(--black-hsl),1); --tweak-blog-alternating-side-by-s= ide-list-title-color: hsla(var(--black-hsl),1); --menuOverlayNavigationLink= Color: hsla(var(--black-hsl),1); --product-detail-subscriptions-frequency-t= ext-color: hsla(var(--black-hsl),1); --tweak-quote-block-stroke-color: hsla= (var(--black-hsl),1); --tweak-portfolio-item-pagination-title-color: hsla(v= ar(--black-hsl),1); --tweak-form-block-title-color-on-background: hsla(var(= --black-hsl),1); --image-block-collage-image-overlay-color: hsla(var(--dark= Accent-hsl),1); --image-block-stack-image-button-text-color: hsla(var(--saf= eInverseDarkAccent-hsl),1); --tweak-text-block-stroke-color: hsla(var(--bla= ck-hsl),1); --tweak-paragraph-small-color-on-background: hsla(var(--black-h= sl),1); --product-detail-subscriptions-button-text-color: hsla(var(--safeIn= verseDarkAccent-hsl),1); --tweak-accordion-block-icon-color-on-background: = hsla(var(--black-hsl),1); --announcement-bar-background-color: hsla(var(--b= lack-hsl),1); --headingLinkColor: hsla(var(--safeDarkAccent-hsl),1); --head= erBorderColor: hsla(var(--black-hsl),1); --course-item-nav-border-color: hs= la(var(--darkAccent-hsl),.25); --tweak-quote-block-background-color: hsla(v= ar(--lightAccent-hsl),1); --tweak-summary-block-header-text-color: hsla(var= (--black-hsl),1); --list-section-carousel-card-button-background-color: hsl= a(var(--safeDarkAccent-hsl),1); --list-section-carousel-card-color: hsla(va= r(--lightAccent-hsl),1); --tweak-blog-masonry-list-read-more-color: hsla(va= r(--safeDarkAccent-hsl),1); --course-list-grid-layout-course-item-backgroun= d-color: hsla(var(--lightAccent-hsl),1); --list-section-banner-slideshow-ti= tle-color: hsla(var(--black-hsl),1); --tweak-product-grid-text-below-list-c= ategory-nav-color: hsla(var(--black-hsl),1); --tweak-accordion-block-backgr= ound-color: hsla(var(--lightAccent-hsl),1); --tweak-menu-block-item-title-c= olor: hsla(var(--black-hsl),1); --headingMediumColor: hsla(var(--black-hsl)= ,1); --list-section-carousel-button-background-color: hsla(var(--safeDarkAc= cent-hsl),1); --tweak-accordion-block-divider-color-on-background: hsla(var= (--black-hsl),1); --tweak-gallery-lightbox-icon-color: hsla(var(--black-hsl= ),1); --tweak-form-block-description-color: hsla(var(--black-hsl),1); --twe= ak-summary-block-secondary-metadata-color-on-background: hsla(var(--black-h= sl),1); --list-section-carousel-description-color: hsla(var(--black-hsl),1)= ; --tweak-blog-masonry-list-title-color: hsla(var(--black-hsl),1); --tweak-= form-block-caption-color-on-background: hsla(var(--black-hsl),1); --tweak-f= orm-block-title-color: hsla(var(--black-hsl),1); --tweak-video-item-title-c= olor: hsla(var(--black-hsl),1); --image-block-collage-image-button-text-col= or: hsla(var(--safeInverseDarkAccent-hsl),1); --list-section-banner-slidesh= ow-description-color: hsla(var(--black-hsl),1); --image-block-stack-image-t= itle-color: hsla(var(--black-hsl),1); --tweak-form-block-field-input-color-= on-background: hsla(var(--black-hsl),1); --tweak-form-block-field-input-col= or-on-background-hsl: var(--black-hsl); --tweak-form-block-field-input-colo= r-on-background-a: 1; --headingExtraLargeColor: hsla(var(--black-hsl),1); -= -tweak-blog-item-meta-color: hsla(var(--black-hsl),1); --toggle-off-color: = hsla(var(--lightAccent-hsl),1); --image-block-card-image-overlay-color: hsl= a(var(--darkAccent-hsl),1); --image-block-poster-image-overlay-color: hsla(= var(--darkAccent-hsl),1); --paragraphLinkColor: hsla(var(--safeDarkAccent-h= sl),1); --tweak-newsletter-block-description-color-on-background: hsla(var(= --black-hsl),1); --siteBackgroundColor: hsla(var(--white-hsl),1); --list-se= ction-simple-card-description-color: hsla(var(--black-hsl),1); --image-bloc= k-card-image-button-bg-color: hsla(var(--safeDarkAccent-hsl),1); --secondar= yButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl),1); --tweak-newslett= er-block-description-color: hsla(var(--black-hsl),1); --tweak-form-block-fi= eld-border-color: hsla(var(--black-hsl),1); --tweak-form-block-field-border= -color-hsl: var(--black-hsl); --tweak-form-block-field-border-color-a: 1; -= -course-list-grid-layout-course-item-text-color: hsla(var(--black-hsl),1); = --image-block-poster-image-button-text-color: hsla(var(--safeInverseDarkAcc= ent-hsl),1); --solidHeaderBorderColor: hsla(var(--black-hsl),1); --tweak-ga= llery-lightbox-background-color: hsla(var(--white-hsl),1); --list-section-c= arousel-arrow-background-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-= form-block-option-color: hsla(var(--black-hsl),1); --image-block-card-image= -title-color: hsla(var(--black-hsl),1); --tweak-gallery-icon-background-col= or: hsla(var(--white-hsl),1); --tweak-form-block-button-background-color: h= sla(var(--safeDarkAccent-hsl),1); --tweak-heading-extra-large-color-on-back= ground: hsla(var(--black-hsl),1); --image-block-overlap-image-button-bg-col= or: hsla(var(--safeDarkAccent-hsl),1); --video-grid-category-nav-color: hsl= a(var(--black-hsl),1); --tweak-blog-side-by-side-list-title-color: hsla(var= (--black-hsl),1); --tweak-video-item-meta-color: hsla(var(--black-hsl),1); = --tweak-blog-side-by-side-list-meta-color: hsla(var(--black-hsl),1); --imag= e-block-overlap-image-overlay-color: hsla(var(--darkAccent-hsl),1); --tweak= -line-block-line-color: hsla(var(--black-hsl),1); --tweak-blog-item-author-= profile-color: hsla(var(--black-hsl),1); --tweak-form-block-survey-title-co= lor-on-background: hsla(var(--black-hsl),1); --tweak-blog-basic-grid-list-e= xcerpt-color: hsla(var(--black-hsl),1); --tweak-marquee-block-paragraph-col= or: hsla(var(--black-hsl),1); --headerDropShadowColor: hsla(var(--black-hsl= ),1); --portfolio-hover-static-title-color: hsla(var(--black-hsl),1); --twe= ak-menu-block-nav-color: hsla(var(--black-hsl),1); --announcement-bar-text-= color: hsla(var(--white-hsl),1); --tweak-product-basic-item-sale-price-colo= r: hsla(var(--accent-hsl),1); --tweak-newsletter-block-button-text-color: h= sla(var(--safeInverseDarkAccent-hsl),1); --solidHeaderBackgroundColor: hsla= (var(--white-hsl),1); --summary-block-limited-availability-label-color: hsl= a(var(--black-hsl),1); --list-section-simple-card-description-link-color: h= sla(var(--safeDarkAccent-hsl),1); --donation-block-background-color: hsla(v= ar(--lightAccent-hsl),1); --tweak-quote-block-text-color: hsla(var(--black-= hsl),1); --list-section-simple-card-button-text-color: hsla(var(--safeInver= seDarkAccent-hsl),1); --image-block-collage-image-button-bg-color: hsla(var= (--safeDarkAccent-hsl),1); --social-links-block-secondary-icon-color: hsla(= var(--white-hsl),1); --tweak-blog-alternating-side-by-side-list-meta-color:= hsla(var(--black-hsl),1); --course-item-nav-background-color: hsla(var(--l= ightAccent-hsl),1); --portfolio-index-background-title-color: hsla(var(--bl= ack-hsl),1); --portfolio-hover-follow-title-color: hsla(var(--black-hsl),1)= ; --tweak-blog-basic-grid-list-title-color: hsla(var(--black-hsl),1); --twe= ak-video-item-description-color: hsla(var(--black-hsl),1); --tweak-heading-= large-color-on-background: hsla(var(--black-hsl),1); --tweak-video-item-pag= ination-icon-color: hsla(var(--black-hsl),1); --tweak-blog-side-by-side-lis= t-excerpt-color: hsla(var(--black-hsl),1); --image-block-stack-image-overla= y-color: hsla(var(--darkAccent-hsl),1); --tweak-marquee-block-heading-color= : hsla(var(--black-hsl),1); --tweak-blog-single-column-list-meta-color: hsl= a(var(--black-hsl),1); --tweak-form-block-field-accessory-color-on-backgrou= nd: hsla(var(--black-hsl),1); --donation-block-stroke-color: hsla(var(--bla= ck-hsl),1); --tweak-paragraph-large-color-on-background: hsla(var(--black-h= sl),1); --image-block-collage-image-title-bg-color: hsla(var(--white-hsl),0= ); --tweak-newsletter-block-background-color: hsla(var(--lightAccent-hsl),1= ); --toggle-on-color: hsla(var(--black-hsl),1); --list-section-banner-slide= show-arrow-background-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-pro= duct-basic-item-price-color: hsla(var(--black-hsl),1); --image-block-poster= -image-button-bg-color: hsla(var(--safeDarkAccent-hsl),1); --course-list-gr= id-layout-course-item-hover-background-color: hsla(var(--lightAccent-hsl),.= 75); --list-section-simple-card-title-color: hsla(var(--black-hsl),1); --tw= eak-form-block-option-color-on-background: hsla(var(--black-hsl),1); --prim= aryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl),1); --product-deta= il-one-time-purchase-price-text-color: hsla(var(--black-hsl),1); --list-sec= tion-banner-slideshow-card-title-color: hsla(var(--black-hsl),1); --tweak-e= vents-item-pagination-icon-color: hsla(var(--black-hsl),1); --shape-block-d= ropshadow-color: hsla(var(--lightAccent-hsl),1); --navigationLinkColor: hsl= a(var(--black-hsl),1); --tweak-form-block-field-input-color: hsla(var(--bla= ck-hsl),1); --tweak-form-block-field-input-color-hsl: var(--black-hsl); --t= weak-form-block-field-input-color-a: 1; --image-block-card-image-title-bg-c= olor: hsla(var(--white-hsl),1); --tweak-quote-block-source-color: hsla(var(= --black-hsl),1); --menuOverlayButtonTextColor: hsla(var(--safeInverseDarkAc= cent-hsl),1); --tweak-blog-item-title-color: hsla(var(--black-hsl),1); --tw= eak-newsletter-block-button-background-color: hsla(var(--safeDarkAccent-hsl= ),1); --list-section-banner-slideshow-card-description-color: hsla(var(--bl= ack-hsl),1); --tweak-blog-masonry-list-excerpt-color: hsla(var(--black-hsl)= ,1); --menuOverlayBackgroundColor: hsla(var(--white-hsl),1); --image-block-= overlap-image-title-color: hsla(var(--black-hsl),1); --tweak-blog-side-by-s= ide-list-read-more-color: hsla(var(--safeDarkAccent-hsl),1); --primaryButto= nTextColor: hsla(var(--safeInverseDarkAccent-hsl),1); --tweak-summary-block= -secondary-metadata-color: hsla(var(--black-hsl),1); --tweak-blog-single-co= lumn-list-title-color: hsla(var(--black-hsl),1); --headingSmallColor: hsla(= var(--black-hsl),1); --portfolio-grid-overlay-overlay-color: hsla(var(--whi= te-hsl),1); --course-list-course-chapter-divider-color: hsla(var(--darkAcce= nt-hsl),1); --list-section-carousel-button-text-color: hsla(var(--safeInver= seDarkAccent-hsl),1); --gradientHeaderNavigationColor: hsla(var(--black-hsl= ),1); --image-block-overlap-inline-link-color: hsla(var(--black-hsl),1); --= list-section-simple-card-button-background-color: hsla(var(--safeDarkAccent= -hsl),1); --tweak-events-item-pagination-date-color: hsla(var(--black-hsl),= 1); --list-section-banner-slideshow-button-text-color: hsla(var(--safeInver= seDarkAccent-hsl),1); --video-preview-badge-background-color: hsla(var(--bl= ack-hsl),1); --course-list-course-item-background: hsla(var(--lightAccent-h= sl),1); --tweak-product-grid-text-below-list-scarcity-color: hsla(var(--bla= ck-hsl),1); --tweak-text-block-background-color: hsla(var(--lightAccent-hsl= ),1); --video-preview-badge-font-color: hsla(var(--white-hsl),1); --image-b= lock-collage-image-title-color: hsla(var(--black-hsl),1); --image-block-col= lage-image-subtitle-color: hsla(var(--black-hsl),1); --tweak-form-block-fie= ld-fill-color: hsla(var(--lightAccent-hsl),1); --tweak-form-block-field-fil= l-color-hsl: var(--lightAccent-hsl); --tweak-form-block-field-fill-color-a:= 1; --product-detail-subscriptions-button-background-color: hsla(var(--safe= DarkAccent-hsl),1); --tweak-newsletter-block-stroke-color: hsla(var(--black= -hsl),1); --tweak-newsletter-block-title-color-on-background: hsla(var(--bl= ack-hsl),1); --tweak-summary-block-excerpt-color-on-background: hsla(var(--= black-hsl),1); --list-section-simple-button-text-color: hsla(var(--safeInve= rseDarkAccent-hsl),1); --tweak-accordion-block-stroke-color: hsla(var(--bla= ck-hsl),1); --tweak-blog-item-comment-meta-color: hsla(var(--black-hsl),1);= --section-inset-border-color: hsla(var(--white-hsl),1); --list-section-sim= ple-card-color: hsla(var(--lightAccent-hsl),1); --tweak-summary-block-title= -color-on-background: hsla(var(--black-hsl),1); --video-grid-basic-title-co= lor: hsla(var(--black-hsl),1); --course-item-nav-active-lesson-background-c= olor: hsla(var(--darkAccent-hsl),1); --tweak-product-basic-item-variant-fie= lds-color: hsla(var(--black-hsl),1); --tweak-form-block-description-color-o= n-background: hsla(var(--black-hsl),1); --tweak-product-grid-text-below-lis= t-pagination-color: hsla(var(--black-hsl),1); --text-highlight-color-on-bac= kground: hsla(var(--safeDarkAccent-hsl),1); --image-block-card-image-subtit= le-color: hsla(var(--black-hsl),1); --tweak-blog-basic-grid-list-read-more-= color: hsla(var(--safeDarkAccent-hsl),1); --tweak-product-grid-text-below-l= ist-title-color: hsla(var(--black-hsl),1); --tweak-form-block-field-accent-= color-on-background: hsla(var(--accent-hsl),1); --tweak-form-block-field-ac= cent-color-on-background-hsl: var(--accent-hsl); --tweak-form-block-field-a= ccent-color-on-background-a: 1; --section-divider-stroke-color: hsla(var(--= safeDarkAccent-hsl),1); --list-section-title-color: hsla(var(--black-hsl),1= ); --image-block-collage-background-color: hsla(var(--lightAccent-hsl),1); = --tweak-product-grid-text-below-list-sale-price-color: hsla(var(--accent-hs= l),1); --text-highlight-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-c= ontent-link-block-title-color: hsla(var(--black-hsl),1); --tweak-summary-bl= ock-excerpt-color: hsla(var(--black-hsl),1); --tweak-summary-block-stroke-c= olor: hsla(var(--black-hsl),1); --tweak-marquee-block-background-color: hsl= a(var(--lightAccent-hsl),1); --tweak-form-block-field-accent-color: hsla(va= r(--accent-hsl),1); --tweak-form-block-field-accent-color-hsl: var(--accent= -hsl); --tweak-form-block-field-accent-color-a: 1; --list-section-carousel-= title-color: hsla(var(--black-hsl),1); --image-block-poster-image-title-col= or: hsla(var(--white-hsl),1); --tweak-product-grid-text-below-list-status-c= olor: hsla(var(--accent-hsl),1); --list-section-banner-slideshow-card-color= : hsla(var(--lightAccent-hsl),1); --tweak-paragraph-link-color-on-backgroun= d: hsla(var(--safeDarkAccent-hsl),1); --image-block-overlay-color: hsla(var= (--black-hsl),.5); --list-section-carousel-arrow-color: hsla(var(--safeInve= rseDarkAccent-hsl),1); --solidHeaderNavigationColor: hsla(var(--black-hsl),= 1); --tertiaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl),1); --= tweak-blog-single-column-list-excerpt-color: hsla(var(--black-hsl),1); --tw= eak-blog-basic-grid-list-meta-color: hsla(var(--black-hsl),1); --list-secti= on-banner-slideshow-card-button-text-color: hsla(var(--safeInverseDarkAccen= t-hsl),1); --tweak-marquee-block-stroke-color: hsla(var(--black-hsl),1); --= tweak-form-block-button-background-color-on-background: hsla(var(--safeDark= Accent-hsl),1); --tweak-product-quick-view-lightbox-overlay-color: hsla(var= (--white-hsl),1); --tweak-blog-masonry-list-meta-color: hsla(var(--black-hs= l),1); --social-links-block-main-icon-color: hsla(var(--black-hsl),1); --im= age-block-card-image-button-text-color: hsla(var(--safeInverseDarkAccent-hs= l),1); --list-section-simple-description-color: hsla(var(--black-hsl),1); -= -image-block-poster-image-subtitle-color: hsla(var(--white-hsl),1); --tweak= -newsletter-block-footnote-color: hsla(var(--black-hsl),1); --tweak-newslet= ter-block-footnote-color-on-background: hsla(var(--black-hsl),1); --shape-b= lock-background-color: hsla(var(--lightAccent-hsl),1); --tweak-heading-medi= um-color-on-background: hsla(var(--black-hsl),1); --tweak-heading-small-col= or-on-background: hsla(var(--black-hsl),1); --tweak-blog-item-pagination-ti= tle-color: hsla(var(--black-hsl),1); --video-grid-basic-description-color: = hsla(var(--black-hsl),1); --tweak-menu-block-item-price-color: hsla(var(--b= lack-hsl),1); --image-block-overlap-image-button-text-color: hsla(var(--saf= eInverseDarkAccent-hsl),1); --list-section-simple-title-color: hsla(var(--b= lack-hsl),1); --tweak-product-quick-view-lightbox-controls-color: hsla(var(= --black-hsl),1); --list-section-banner-slideshow-arrow-color: hsla(var(--sa= feInverseDarkAccent-hsl),1); --course-list-course-progress-bar-color: hsla(= var(--accent-hsl),1); --tweak-accordion-block-divider-color: hsla(var(--bla= ck-hsl),1); --tweak-form-block-field-fill-color-on-background: hsla(var(--w= hite-hsl),1); --tweak-form-block-field-fill-color-on-background-hsl: var(--= white-hsl); --tweak-form-block-field-fill-color-on-background-a: 1; --tweak= -summary-block-primary-metadata-color: hsla(var(--black-hsl),1); --tweak-fo= rm-block-background-color: hsla(var(--lightAccent-hsl),1); --tweak-form-blo= ck-field-accessory-color: hsla(var(--black-hsl),1); --tweak-form-block-butt= on-text-color-on-background: hsla(var(--safeInverseDarkAccent-hsl),1); --tw= eak-blog-alternating-side-by-side-list-excerpt-color: hsla(var(--black-hsl)= ,1); --tweak-form-block-caption-color: hsla(var(--black-hsl),1); --image-bl= ock-stack-image-button-bg-color: hsla(var(--safeDarkAccent-hsl),1); --shape= -block-stroke-color: hsla(var(--black-hsl),1); --list-section-banner-slides= how-card-button-background-color: hsla(var(--safeDarkAccent-hsl),1); --twea= k-marquee-block-heading-color-on-background: hsla(var(--black-hsl),1); --im= age-block-stack-image-title-bg-color: hsla(var(--white-hsl),0); --secondary= ButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl),1); --product-detail= -subscriptions-description-text-color: hsla(var(--black-hsl),1); --headingL= argeColor: hsla(var(--black-hsl),1); --tweak-blog-single-column-list-read-m= ore-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-product-grid-text-bel= ow-list-price-color: hsla(var(--black-hsl),1); --tweak-portfolio-item-pagin= ation-meta-color: hsla(var(--black-hsl),1); --list-section-carousel-card-de= scription-link-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-summary-bl= ock-title-color: hsla(var(--black-hsl),1); --tweak-form-block-button-text-c= olor: hsla(var(--safeInverseDarkAccent-hsl),1); --backgroundOverlayColor: h= sla(var(--white-hsl),1); --tweak-product-basic-item-gallery-controls-color:= hsla(var(--safeInverseLightAccent-hsl),1); --image-block-poster-image-titl= e-bg-color-v2: hsla(var(--white-hsl),0); --gradientHeaderDropShadowColor: h= sla(var(--black-hsl),1); --list-section-banner-slideshow-button-background-= color: hsla(var(--safeDarkAccent-hsl),1); --tweak-events-item-pagination-ti= tle-color: hsla(var(--black-hsl),1); --gradientHeaderBackgroundColor: hsla(= var(--white-hsl),1); --menuOverlayButtonBackgroundColor: hsla(var(--safeDar= kAccent-hsl),1); --image-block-overlap-image-subtitle-color: hsla(var(--bla= ck-hsl),1); --course-list-course-item-text-color: hsla(var(--black-hsl),1);= --tweak-blog-item-pagination-meta-color: hsla(var(--black-hsl),1); --cours= e-list-grid-layout-chapter-divider-color: hsla(var(--black-hsl),1); --tweak= -form-block-field-border-color-on-background: hsla(var(--black-hsl),1); --t= weak-form-block-field-border-color-on-background-hsl: var(--black-hsl); --t= weak-form-block-field-border-color-on-background-a: 1; --tweak-product-basi= c-item-scarcity-color: hsla(var(--accent-hsl),1); --image-block-poster-inli= ne-link-color: hsla(var(--white-hsl),1); --tweak-menu-block-item-descriptio= n-color: hsla(var(--black-hsl),1); --tweak-newsletter-block-button-text-col= or-on-background: hsla(var(--safeInverseDarkAccent-hsl),1); --course-item-n= av-active-lesson-text-color: hsla(var(--white-hsl),1); --image-block-stack-= image-subtitle-color: hsla(var(--black-hsl),1); --tweak-form-block-stroke-c= olor: hsla(var(--black-hsl),1); --course-list-course-item-hover-background:= hsla(var(--lightAccent-hsl),.75); --video-grid-basic-meta-color: hsla(var(= --black-hsl),1); --tweak-portfolio-item-pagination-icon-color: hsla(var(--b= lack-hsl),1); --product-detail-subscriptions-title-color: hsla(var(--black-= hsl),1); } [data-section-theme=3D"white-bold"] { --course-item-nav-text-color: hsla(va= r(--black-hsl),1); --tweak-blog-item-pagination-icon-color: hsla(var(--blac= k-hsl),1); --tweak-summary-block-read-more-color-on-background: hsla(var(--= safeDarkAccent-hsl),1); --tweak-quote-block-source-color-on-background: hsl= a(var(--safeDarkAccent-hsl),1); --paragraphSmallColor: hsla(var(--black-hsl= ),1); --list-section-simple-button-background-color: hsla(var(--safeDarkAcc= ent-hsl),1); --gradientHeaderBorderColor: hsla(var(--black-hsl),1); --tweak= -summary-block-header-text-color-on-background: hsla(var(--safeDarkAccent-h= sl),1); --solidHeaderDropShadowColor: hsla(var(--black-hsl),1); --tweak-blo= g-alternating-side-by-side-list-read-more-color: hsla(var(--safeDarkAccent-= hsl),1); --tweak-summary-block-background-color: hsla(var(--lightAccent-hsl= ),1); --tweak-form-block-survey-title-color: hsla(var(--black-hsl),1); --li= st-section-carousel-card-description-color: hsla(var(--black-hsl),1); --ima= ge-block-card-inline-link-color: hsla(var(--black-hsl),1); --paragraphLarge= Color: hsla(var(--black-hsl),1); --tweak-summary-block-primary-metadata-col= or-on-background: hsla(var(--safeDarkAccent-hsl),1); --tweak-blog-item-comm= ent-text-color: hsla(var(--black-hsl),1); --tweak-summary-block-read-more-c= olor: hsla(var(--black-hsl),1); --list-section-banner-slideshow-card-descri= ption-link-color: hsla(var(--safeDarkAccent-hsl),1); --image-block-stack-in= line-link-color: hsla(var(--black-hsl),1); --tweak-menu-block-title-color: = hsla(var(--safeDarkAccent-hsl),1); --list-section-carousel-card-button-text= -color: hsla(var(--safeInverseDarkAccent-hsl),1); --tweak-paragraph-medium-= color-on-background: hsla(var(--safeDarkAccent-hsl),1); --portfolio-grid-ov= erlay-title-color: hsla(var(--black-hsl),1); --tweak-accordion-block-icon-c= olor: hsla(var(--black-hsl),1); --tweak-marquee-block-paragraph-color-on-ba= ckground: hsla(var(--safeDarkAccent-hsl),1); --tweak-product-quick-view-but= ton-color: hsla(var(--black-hsl),1); --product-detail-subscription-price-te= xt-color: hsla(var(--black-hsl),1); --paragraphMediumColor: hsla(var(--blac= k-hsl),1); --siteTitleColor: hsla(var(--safeDarkAccent-hsl),1); --tweak-pro= duct-basic-item-title-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-quo= te-block-text-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --lis= t-section-carousel-card-title-color: hsla(var(--safeDarkAccent-hsl),1); --t= weak-gallery-icon-color: hsla(var(--black-hsl),1); --image-block-overlap-im= age-title-bg-color: hsla(var(--white-hsl),1); --tweak-newsletter-block-titl= e-color: hsla(var(--black-hsl),1); --image-block-collage-inline-link-color:= hsla(var(--safeDarkAccent-hsl),1); --tweak-newsletter-block-button-backgro= und-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --tweak-product= -basic-item-breadcumb-nav-color: hsla(var(--black-hsl),1); --tweak-product-= basic-item-description-color: hsla(var(--black-hsl),1); --tertiaryButtonBac= kgroundColor: hsla(var(--safeDarkAccent-hsl),1); --tweak-video-item-paginat= ion-title-color: hsla(var(--accent-hsl),1); --course-list-grid-layout-cours= e-item-border-color: hsla(var(--darkAccent-hsl),1); --portfolio-grid-basic-= title-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-blog-alternating-si= de-by-side-list-title-color: hsla(var(--safeDarkAccent-hsl),1); --menuOverl= ayNavigationLinkColor: hsla(var(--black-hsl),1); --product-detail-subscript= ions-frequency-text-color: hsla(var(--black-hsl),1); --tweak-quote-block-st= roke-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-portfolio-item-pagin= ation-title-color: hsla(var(--black-hsl),1); --tweak-form-block-title-color= -on-background: hsla(var(--safeDarkAccent-hsl),1); --image-block-collage-im= age-overlay-color: hsla(var(--darkAccent-hsl),1); --image-block-stack-image= -button-text-color: hsla(var(--safeInverseDarkAccent-hsl),1); --tweak-text-= block-stroke-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-paragraph-sm= all-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --product-detai= l-subscriptions-button-text-color: hsla(var(--safeInverseDarkAccent-hsl),1)= ; --tweak-accordion-block-icon-color-on-background: hsla(var(--safeDarkAcce= nt-hsl),1); --announcement-bar-background-color: hsla(var(--accent-hsl),1);= --headingLinkColor: hsla(var(--safeDarkAccent-hsl),1); --headerBorderColor= : hsla(var(--black-hsl),1); --course-item-nav-border-color: hsla(var(--blac= k-hsl),.25); --tweak-quote-block-background-color: hsla(var(--lightAccent-h= sl),1); --tweak-summary-block-header-text-color: hsla(var(--black-hsl),1); = --list-section-carousel-card-button-background-color: hsla(var(--safeDarkAc= cent-hsl),1); --list-section-carousel-card-color: hsla(var(--lightAccent-hs= l),1); --tweak-blog-masonry-list-read-more-color: hsla(var(--safeDarkAccent= -hsl),1); --course-list-grid-layout-course-item-background-color: hsla(var(= --lightAccent-hsl),1); --list-section-banner-slideshow-title-color: hsla(va= r(--safeDarkAccent-hsl),1); --tweak-product-grid-text-below-list-category-n= av-color: hsla(var(--black-hsl),1); --tweak-accordion-block-background-colo= r: hsla(var(--lightAccent-hsl),1); --tweak-menu-block-item-title-color: hsl= a(var(--black-hsl),1); --headingMediumColor: hsla(var(--safeDarkAccent-hsl)= ,1); --list-section-carousel-button-background-color: hsla(var(--safeDarkAc= cent-hsl),1); --tweak-accordion-block-divider-color-on-background: hsla(var= (--safeDarkAccent-hsl),1); --tweak-gallery-lightbox-icon-color: hsla(var(--= black-hsl),1); --tweak-form-block-description-color: hsla(var(--black-hsl),= 1); --tweak-summary-block-secondary-metadata-color-on-background: hsla(var(= --safeDarkAccent-hsl),1); --list-section-carousel-description-color: hsla(v= ar(--black-hsl),1); --tweak-blog-masonry-list-title-color: hsla(var(--safeD= arkAccent-hsl),1); --tweak-form-block-caption-color-on-background: hsla(var= (--safeDarkAccent-hsl),1); --tweak-form-block-title-color: hsla(var(--black= -hsl),1); --tweak-video-item-title-color: hsla(var(--accent-hsl),1); --imag= e-block-collage-image-button-text-color: hsla(var(--safeInverseDarkAccent-h= sl),1); --list-section-banner-slideshow-description-color: hsla(var(--black= -hsl),1); --image-block-stack-image-title-color: hsla(var(--black-hsl),1); = --tweak-form-block-field-input-color-on-background: hsla(var(--black-hsl),1= ); --tweak-form-block-field-input-color-on-background-hsl: var(--black-hsl)= ; --tweak-form-block-field-input-color-on-background-a: 1; --headingExtraLa= rgeColor: hsla(var(--safeDarkAccent-hsl),1); --tweak-blog-item-meta-color: = hsla(var(--black-hsl),1); --toggle-off-color: hsla(var(--lightAccent-hsl),1= ); --image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl),1); -= -image-block-poster-image-overlay-color: hsla(var(--darkAccent-hsl),1); --p= aragraphLinkColor: hsla(var(--safeDarkAccent-hsl),1); --tweak-newsletter-bl= ock-description-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --s= iteBackgroundColor: hsla(var(--white-hsl),1); --list-section-simple-card-de= scription-color: hsla(var(--black-hsl),1); --image-block-card-image-button-= bg-color: hsla(var(--safeDarkAccent-hsl),1); --secondaryButtonBackgroundCol= or: hsla(var(--safeDarkAccent-hsl),1); --tweak-newsletter-block-description= -color: hsla(var(--black-hsl),1); --tweak-form-block-field-border-color: hs= la(var(--black-hsl),1); --tweak-form-block-field-border-color-hsl: var(--bl= ack-hsl); --tweak-form-block-field-border-color-a: 1; --course-list-grid-la= yout-course-item-text-color: hsla(var(--black-hsl),1); --image-block-poster= -image-button-text-color: hsla(var(--safeInverseDarkAccent-hsl),1); --solid= HeaderBorderColor: hsla(var(--black-hsl),1); --tweak-gallery-lightbox-backg= round-color: hsla(var(--white-hsl),1); --list-section-carousel-arrow-backgr= ound-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-form-block-option-co= lor: hsla(var(--black-hsl),1); --image-block-card-image-title-color: hsla(v= ar(--black-hsl),1); --tweak-gallery-icon-background-color: hsla(var(--white= -hsl),1); --tweak-form-block-button-background-color: hsla(var(--safeDarkAc= cent-hsl),1); --tweak-heading-extra-large-color-on-background: hsla(var(--s= afeDarkAccent-hsl),1); --image-block-overlap-image-button-bg-color: hsla(va= r(--safeDarkAccent-hsl),1); --video-grid-category-nav-color: hsla(var(--acc= ent-hsl),1); --tweak-blog-side-by-side-list-title-color: hsla(var(--safeDar= kAccent-hsl),1); --tweak-video-item-meta-color: hsla(var(--accent-hsl),1); = --tweak-blog-side-by-side-list-meta-color: hsla(var(--black-hsl),1); --imag= e-block-overlap-image-overlay-color: hsla(var(--darkAccent-hsl),1); --tweak= -line-block-line-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-blog-ite= m-author-profile-color: hsla(var(--black-hsl),1); --tweak-form-block-survey= -title-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --tweak-blog= -basic-grid-list-excerpt-color: hsla(var(--black-hsl),1); --tweak-marquee-b= lock-paragraph-color: hsla(var(--black-hsl),1); --headerDropShadowColor: hs= la(var(--black-hsl),1); --portfolio-hover-static-title-color: hsla(var(--sa= feDarkAccent-hsl),1); --tweak-menu-block-nav-color: hsla(var(--black-hsl),1= ); --announcement-bar-text-color: hsla(var(--safeInverseAccent-hsl),1); --t= weak-product-basic-item-sale-price-color: hsla(var(--accent-hsl),1); --twea= k-newsletter-block-button-text-color: hsla(var(--safeInverseDarkAccent-hsl)= ,1); --solidHeaderBackgroundColor: hsla(var(--white-hsl),1); --summary-bloc= k-limited-availability-label-color: hsla(var(--black-hsl),1); --list-sectio= n-simple-card-description-link-color: hsla(var(--safeDarkAccent-hsl),1); --= donation-block-background-color: hsla(var(--lightAccent-hsl),1); --tweak-qu= ote-block-text-color: hsla(var(--black-hsl),1); --list-section-simple-card-= button-text-color: hsla(var(--safeInverseDarkAccent-hsl),1); --image-block-= collage-image-button-bg-color: hsla(var(--safeDarkAccent-hsl),1); --social-= links-block-secondary-icon-color: hsla(var(--white-hsl),1); --tweak-blog-al= ternating-side-by-side-list-meta-color: hsla(var(--black-hsl),1); --course-= item-nav-background-color: hsla(var(--lightAccent-hsl),1); --portfolio-inde= x-background-title-color: hsla(var(--black-hsl),1); --portfolio-hover-follo= w-title-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-blog-basic-grid-l= ist-title-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-video-item-desc= ription-color: hsla(var(--accent-hsl),1); --tweak-heading-large-color-on-ba= ckground: hsla(var(--safeDarkAccent-hsl),1); --tweak-video-item-pagination-= icon-color: hsla(var(--accent-hsl),1); --tweak-blog-side-by-side-list-excer= pt-color: hsla(var(--black-hsl),1); --image-block-stack-image-overlay-color= : hsla(var(--darkAccent-hsl),1); --tweak-marquee-block-heading-color: hsla(= var(--safeDarkAccent-hsl),1); --tweak-blog-single-column-list-meta-color: h= sla(var(--black-hsl),1); --tweak-form-block-field-accessory-color-on-backgr= ound: hsla(var(--black-hsl),1); --donation-block-stroke-color: hsla(var(--s= afeDarkAccent-hsl),1); --tweak-paragraph-large-color-on-background: hsla(va= r(--safeDarkAccent-hsl),1); --image-block-collage-image-title-bg-color: hsl= a(var(--white-hsl),0); --tweak-newsletter-block-background-color: hsla(var(= --lightAccent-hsl),1); --toggle-on-color: hsla(var(--black-hsl),1); --list-= section-banner-slideshow-arrow-background-color: hsla(var(--safeDarkAccent-= hsl),1); --tweak-product-basic-item-price-color: hsla(var(--black-hsl),1); = --image-block-poster-image-button-bg-color: hsla(var(--safeDarkAccent-hsl),= 1); --course-list-grid-layout-course-item-hover-background-color: hsla(var(= --lightAccent-hsl),.75); --list-section-simple-card-title-color: hsla(var(-= -safeDarkAccent-hsl),1); --tweak-form-block-option-color-on-background: hsl= a(var(--safeDarkAccent-hsl),1); --primaryButtonBackgroundColor: hsla(var(--= safeDarkAccent-hsl),1); --product-detail-one-time-purchase-price-text-color= : hsla(var(--black-hsl),1); --list-section-banner-slideshow-card-title-colo= r: hsla(var(--safeDarkAccent-hsl),1); --tweak-events-item-pagination-icon-c= olor: hsla(var(--black-hsl),1); --shape-block-dropshadow-color: hsla(var(--= lightAccent-hsl),1); --navigationLinkColor: hsla(var(--black-hsl),1); --twe= ak-form-block-field-input-color: hsla(var(--black-hsl),1); --tweak-form-blo= ck-field-input-color-hsl: var(--black-hsl); --tweak-form-block-field-input-= color-a: 1; --image-block-card-image-title-bg-color: hsla(var(--white-hsl),= 1); --tweak-quote-block-source-color: hsla(var(--black-hsl),1); --menuOverl= ayButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl),1); --tweak-blog-i= tem-title-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-newsletter-bloc= k-button-background-color: hsla(var(--safeDarkAccent-hsl),1); --list-sectio= n-banner-slideshow-card-description-color: hsla(var(--black-hsl),1); --twea= k-blog-masonry-list-excerpt-color: hsla(var(--black-hsl),1); --menuOverlayB= ackgroundColor: hsla(var(--white-hsl),1); --image-block-overlap-image-title= -color: hsla(var(--black-hsl),1); --tweak-blog-side-by-side-list-read-more-= color: hsla(var(--safeDarkAccent-hsl),1); --primaryButtonTextColor: hsla(va= r(--safeInverseDarkAccent-hsl),1); --tweak-summary-block-secondary-metadata= -color: hsla(var(--black-hsl),1); --tweak-blog-single-column-list-title-col= or: hsla(var(--safeDarkAccent-hsl),1); --headingSmallColor: hsla(var(--safe= DarkAccent-hsl),1); --portfolio-grid-overlay-overlay-color: hsla(var(--whit= e-hsl),1); --course-list-course-chapter-divider-color: hsla(var(--darkAccen= t-hsl),1); --list-section-carousel-button-text-color: hsla(var(--safeInvers= eDarkAccent-hsl),1); --gradientHeaderNavigationColor: hsla(var(--black-hsl)= ,1); --image-block-overlap-inline-link-color: hsla(var(--black-hsl),1); --l= ist-section-simple-card-button-background-color: hsla(var(--safeDarkAccent-= hsl),1); --tweak-events-item-pagination-date-color: hsla(var(--black-hsl),1= ); --list-section-banner-slideshow-button-text-color: hsla(var(--safeInvers= eDarkAccent-hsl),1); --video-preview-badge-background-color: hsla(var(--bla= ck-hsl),1); --course-list-course-item-background: hsla(var(--lightAccent-hs= l),1); --tweak-product-grid-text-below-list-scarcity-color: hsla(var(--blac= k-hsl),1); --tweak-text-block-background-color: hsla(var(--lightAccent-hsl)= ,1); --video-preview-badge-font-color: hsla(var(--white-hsl),1); --image-bl= ock-collage-image-title-color: hsla(var(--safeDarkAccent-hsl),1); --image-b= lock-collage-image-subtitle-color: hsla(var(--safeDarkAccent-hsl),1); --twe= ak-form-block-field-fill-color: hsla(var(--lightAccent-hsl),1); --tweak-for= m-block-field-fill-color-hsl: var(--lightAccent-hsl); --tweak-form-block-fi= eld-fill-color-a: 1; --product-detail-subscriptions-button-background-color= : hsla(var(--safeDarkAccent-hsl),1); --tweak-newsletter-block-stroke-color:= hsla(var(--safeDarkAccent-hsl),1); --tweak-newsletter-block-title-color-on= -background: hsla(var(--safeDarkAccent-hsl),1); --tweak-summary-block-excer= pt-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --list-section-s= imple-button-text-color: hsla(var(--safeInverseDarkAccent-hsl),1); --tweak-= accordion-block-stroke-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-bl= og-item-comment-meta-color: hsla(var(--black-hsl),1); --section-inset-borde= r-color: hsla(var(--white-hsl),1); --list-section-simple-card-color: hsla(v= ar(--lightAccent-hsl),1); --tweak-summary-block-title-color-on-background: = hsla(var(--safeDarkAccent-hsl),1); --video-grid-basic-title-color: hsla(var= (--accent-hsl),1); --course-item-nav-active-lesson-background-color: hsla(v= ar(--darkAccent-hsl),1); --tweak-product-basic-item-variant-fields-color: h= sla(var(--black-hsl),1); --tweak-form-block-description-color-on-background= : hsla(var(--safeDarkAccent-hsl),1); --tweak-product-grid-text-below-list-p= agination-color: hsla(var(--black-hsl),1); --text-highlight-color-on-backgr= ound: hsla(var(--safeDarkAccent-hsl),1); --image-block-card-image-subtitle-= color: hsla(var(--black-hsl),1); --tweak-blog-basic-grid-list-read-more-col= or: hsla(var(--safeDarkAccent-hsl),1); --tweak-product-grid-text-below-list= -title-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-form-block-field-a= ccent-color-on-background: hsla(var(--accent-hsl),1); --tweak-form-block-fi= eld-accent-color-on-background-hsl: var(--accent-hsl); --tweak-form-block-f= ield-accent-color-on-background-a: 1; --section-divider-stroke-color: hsla(= var(--safeDarkAccent-hsl),1); --list-section-title-color: hsla(var(--safeDa= rkAccent-hsl),1); --image-block-collage-background-color: hsla(var(--lightA= ccent-hsl),1); --tweak-product-grid-text-below-list-sale-price-color: hsla(= var(--accent-hsl),1); --text-highlight-color: hsla(var(--safeDarkAccent-hsl= ),1); --tweak-content-link-block-title-color: hsla(var(--black-hsl),1); --t= weak-summary-block-excerpt-color: hsla(var(--black-hsl),1); --tweak-summary= -block-stroke-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-marquee-blo= ck-background-color: hsla(var(--lightAccent-hsl),1); --tweak-form-block-fie= ld-accent-color: hsla(var(--accent-hsl),1); --tweak-form-block-field-accent= -color-hsl: var(--accent-hsl); --tweak-form-block-field-accent-color-a: 1; = --list-section-carousel-title-color: hsla(var(--safeDarkAccent-hsl),1); --i= mage-block-poster-image-title-color: hsla(var(--white-hsl),1); --tweak-prod= uct-grid-text-below-list-status-color: hsla(var(--accent-hsl),1); --list-se= ction-banner-slideshow-card-color: hsla(var(--lightAccent-hsl),1); --tweak-= paragraph-link-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --im= age-block-overlay-color: hsla(var(--black-hsl),.5); --list-section-carousel= -arrow-color: hsla(var(--safeInverseDarkAccent-hsl),1); --solidHeaderNaviga= tionColor: hsla(var(--black-hsl),1); --tertiaryButtonTextColor: hsla(var(--= safeInverseDarkAccent-hsl),1); --tweak-blog-single-column-list-excerpt-colo= r: hsla(var(--black-hsl),1); --tweak-blog-basic-grid-list-meta-color: hsla(= var(--black-hsl),1); --list-section-banner-slideshow-card-button-text-color= : hsla(var(--safeInverseDarkAccent-hsl),1); --tweak-marquee-block-stroke-co= lor: hsla(var(--safeDarkAccent-hsl),1); --tweak-form-block-button-backgroun= d-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --tweak-product-q= uick-view-lightbox-overlay-color: hsla(var(--white-hsl),1); --tweak-blog-ma= sonry-list-meta-color: hsla(var(--black-hsl),1); --social-links-block-main-= icon-color: hsla(var(--black-hsl),1); --image-block-card-image-button-text-= color: hsla(var(--safeInverseDarkAccent-hsl),1); --list-section-simple-desc= ription-color: hsla(var(--black-hsl),1); --image-block-poster-image-subtitl= e-color: hsla(var(--white-hsl),1); --tweak-newsletter-block-footnote-color:= hsla(var(--black-hsl),1); --tweak-newsletter-block-footnote-color-on-backg= round: hsla(var(--safeDarkAccent-hsl),1); --shape-block-background-color: h= sla(var(--lightAccent-hsl),1); --tweak-heading-medium-color-on-background: = hsla(var(--safeDarkAccent-hsl),1); --tweak-heading-small-color-on-backgroun= d: hsla(var(--safeDarkAccent-hsl),1); --tweak-blog-item-pagination-title-co= lor: hsla(var(--black-hsl),1); --video-grid-basic-description-color: hsla(v= ar(--accent-hsl),1); --tweak-menu-block-item-price-color: hsla(var(--black-= hsl),1); --image-block-overlap-image-button-text-color: hsla(var(--safeInve= rseDarkAccent-hsl),1); --list-section-simple-title-color: hsla(var(--safeDa= rkAccent-hsl),1); --tweak-product-quick-view-lightbox-controls-color: hsla(= var(--black-hsl),1); --list-section-banner-slideshow-arrow-color: hsla(var(= --safeInverseDarkAccent-hsl),1); --course-list-course-progress-bar-color: h= sla(var(--darkAccent-hsl),1); --tweak-accordion-block-divider-color: hsla(v= ar(--black-hsl),1); --tweak-form-block-field-fill-color-on-background: hsla= (var(--white-hsl),1); --tweak-form-block-field-fill-color-on-background-hsl= : var(--white-hsl); --tweak-form-block-field-fill-color-on-background-a: 1;= --tweak-summary-block-primary-metadata-color: hsla(var(--black-hsl),1); --= tweak-form-block-background-color: hsla(var(--lightAccent-hsl),1); --tweak-= form-block-field-accessory-color: hsla(var(--black-hsl),1); --tweak-form-bl= ock-button-text-color-on-background: hsla(var(--safeInverseDarkAccent-hsl),= 1); --tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(var(--bl= ack-hsl),1); --tweak-form-block-caption-color: hsla(var(--black-hsl),1); --= image-block-stack-image-button-bg-color: hsla(var(--safeDarkAccent-hsl),1);= --shape-block-stroke-color: hsla(var(--safeDarkAccent-hsl),1); --list-sect= ion-banner-slideshow-card-button-background-color: hsla(var(--safeDarkAccen= t-hsl),1); --tweak-marquee-block-heading-color-on-background: hsla(var(--sa= feDarkAccent-hsl),1); --image-block-stack-image-title-bg-color: hsla(var(--= white-hsl),0); --secondaryButtonTextColor: hsla(var(--safeInverseDarkAccent= -hsl),1); --product-detail-subscriptions-description-text-color: hsla(var(-= -black-hsl),1); --headingLargeColor: hsla(var(--safeDarkAccent-hsl),1); --t= weak-blog-single-column-list-read-more-color: hsla(var(--safeDarkAccent-hsl= ),1); --tweak-product-grid-text-below-list-price-color: hsla(var(--black-hs= l),1); --tweak-portfolio-item-pagination-meta-color: hsla(var(--black-hsl),= 1); --list-section-carousel-card-description-link-color: hsla(var(--safeDar= kAccent-hsl),1); --tweak-summary-block-title-color: hsla(var(--black-hsl),1= ); --tweak-form-block-button-text-color: hsla(var(--safeInverseDarkAccent-h= sl),1); --backgroundOverlayColor: hsla(var(--white-hsl),1); --tweak-product= -basic-item-gallery-controls-color: hsla(var(--safeInverseLightAccent-hsl),= 1); --image-block-poster-image-title-bg-color-v2: hsla(var(--white-hsl),0);= --gradientHeaderDropShadowColor: hsla(var(--black-hsl),1); --list-section-= banner-slideshow-button-background-color: hsla(var(--safeDarkAccent-hsl),1)= ; --tweak-events-item-pagination-title-color: hsla(var(--black-hsl),1); --g= radientHeaderBackgroundColor: hsla(var(--white-hsl),1); --menuOverlayButton= BackgroundColor: hsla(var(--safeDarkAccent-hsl),1); --image-block-overlap-i= mage-subtitle-color: hsla(var(--black-hsl),1); --course-list-course-item-te= xt-color: hsla(var(--black-hsl),1); --tweak-blog-item-pagination-meta-color= : hsla(var(--black-hsl),1); --course-list-grid-layout-chapter-divider-color= : hsla(var(--safeDarkAccent-hsl),1); --tweak-form-block-field-border-color-= on-background: hsla(var(--black-hsl),1); --tweak-form-block-field-border-co= lor-on-background-hsl: var(--black-hsl); --tweak-form-block-field-border-co= lor-on-background-a: 1; --tweak-product-basic-item-scarcity-color: hsla(var= (--accent-hsl),1); --image-block-poster-inline-link-color: hsla(var(--white= -hsl),1); --tweak-menu-block-item-description-color: hsla(var(--black-hsl),= 1); --tweak-newsletter-block-button-text-color-on-background: hsla(var(--sa= feInverseDarkAccent-hsl),1); --course-item-nav-active-lesson-text-color: hs= la(var(--white-hsl),1); --image-block-stack-image-subtitle-color: hsla(var(= --black-hsl),1); --tweak-form-block-stroke-color: hsla(var(--safeDarkAccent= -hsl),1); --course-list-course-item-hover-background: hsla(var(--lightAccen= t-hsl),.75); --video-grid-basic-meta-color: hsla(var(--accent-hsl),1); --tw= eak-portfolio-item-pagination-icon-color: hsla(var(--black-hsl),1); --produ= ct-detail-subscriptions-title-color: hsla(var(--black-hsl),1); } [data-section-theme=3D"light"] { --course-item-nav-text-color: hsla(var(--b= lack-hsl),1); --tweak-blog-item-pagination-icon-color: hsla(var(--black-hsl= ),1); --tweak-summary-block-read-more-color-on-background: hsla(var(--black= -hsl),1); --tweak-quote-block-source-color-on-background: hsla(var(--black-= hsl),1); --paragraphSmallColor: hsla(var(--black-hsl),1); --list-section-si= mple-button-background-color: hsla(var(--safeDarkAccent-hsl),1); --gradient= HeaderBorderColor: hsla(var(--black-hsl),1); --tweak-summary-block-header-t= ext-color-on-background: hsla(var(--black-hsl),1); --solidHeaderDropShadowC= olor: hsla(var(--black-hsl),1); --tweak-blog-alternating-side-by-side-list-= read-more-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-summary-block-b= ackground-color: hsla(var(--white-hsl),1); --tweak-form-block-survey-title-= color: hsla(var(--black-hsl),1); --list-section-carousel-card-description-c= olor: hsla(var(--black-hsl),1); --image-block-card-inline-link-color: hsla(= var(--black-hsl),1); --paragraphLargeColor: hsla(var(--black-hsl),1); --twe= ak-summary-block-primary-metadata-color-on-background: hsla(var(--black-hsl= ),1); --tweak-blog-item-comment-text-color: hsla(var(--black-hsl),1); --twe= ak-summary-block-read-more-color: hsla(var(--black-hsl),1); --list-section-= banner-slideshow-card-description-link-color: hsla(var(--safeDarkAccent-hsl= ),1); --image-block-stack-inline-link-color: hsla(var(--black-hsl),1); --tw= eak-menu-block-title-color: hsla(var(--black-hsl),1); --list-section-carous= el-card-button-text-color: hsla(var(--safeInverseDarkAccent-hsl),1); --twea= k-paragraph-medium-color-on-background: hsla(var(--black-hsl),1); --portfol= io-grid-overlay-title-color: hsla(var(--black-hsl),1); --tweak-accordion-bl= ock-icon-color: hsla(var(--black-hsl),1); --tweak-marquee-block-paragraph-c= olor-on-background: hsla(var(--black-hsl),1); --tweak-product-quick-view-bu= tton-color: hsla(var(--black-hsl),1); --product-detail-subscription-price-t= ext-color: hsla(var(--black-hsl),1); --paragraphMediumColor: hsla(var(--bla= ck-hsl),1); --siteTitleColor: hsla(var(--black-hsl),1); --tweak-product-bas= ic-item-title-color: hsla(var(--black-hsl),1); --tweak-quote-block-text-col= or-on-background: hsla(var(--black-hsl),1); --list-section-carousel-card-ti= tle-color: hsla(var(--black-hsl),1); --tweak-gallery-icon-color: hsla(var(-= -black-hsl),1); --image-block-overlap-image-title-bg-color: hsla(var(--ligh= tAccent-hsl),1); --tweak-newsletter-block-title-color: hsla(var(--black-hsl= ),1); --image-block-collage-inline-link-color: hsla(var(--black-hsl),1); --= tweak-newsletter-block-button-background-color-on-background: hsla(var(--bl= ack-hsl),1); --tweak-product-basic-item-breadcumb-nav-color: hsla(var(--bla= ck-hsl),1); --tweak-product-basic-item-description-color: hsla(var(--black-= hsl),1); --tertiaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl),1)= ; --tweak-video-item-pagination-title-color: hsla(var(--black-hsl),1); --co= urse-list-grid-layout-course-item-border-color: hsla(var(--accent-hsl),1); = --portfolio-grid-basic-title-color: hsla(var(--black-hsl),1); --tweak-blog-= alternating-side-by-side-list-title-color: hsla(var(--black-hsl),1); --menu= OverlayNavigationLinkColor: hsla(var(--black-hsl),1); --product-detail-subs= criptions-frequency-text-color: hsla(var(--black-hsl),1); --tweak-quote-blo= ck-stroke-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-portfolio-item-= pagination-title-color: hsla(var(--black-hsl),1); --tweak-form-block-title-= color-on-background: hsla(var(--black-hsl),1); --image-block-collage-image-= overlay-color: hsla(var(--darkAccent-hsl),1); --image-block-stack-image-but= ton-text-color: hsla(var(--safeInverseDarkAccent-hsl),1); --tweak-text-bloc= k-stroke-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-paragraph-small-= color-on-background: hsla(var(--black-hsl),1); --product-detail-subscriptio= ns-button-text-color: hsla(var(--safeInverseDarkAccent-hsl),1); --tweak-acc= ordion-block-icon-color-on-background: hsla(var(--black-hsl),1); --announce= ment-bar-background-color: hsla(var(--darkAccent-hsl),1); --headingLinkColo= r: hsla(var(--safeDarkAccent-hsl),1); --headerBorderColor: hsla(var(--black= -hsl),1); --course-item-nav-border-color: hsla(var(--black-hsl),.25); --twe= ak-quote-block-background-color: hsla(var(--white-hsl),1); --tweak-summary-= block-header-text-color: hsla(var(--black-hsl),1); --list-section-carousel-= card-button-background-color: hsla(var(--safeDarkAccent-hsl),1); --list-sec= tion-carousel-card-color: hsla(var(--white-hsl),1); --tweak-blog-masonry-li= st-read-more-color: hsla(var(--safeDarkAccent-hsl),1); --course-list-grid-l= ayout-course-item-background-color: hsla(var(--white-hsl),1); --list-sectio= n-banner-slideshow-title-color: hsla(var(--black-hsl),1); --tweak-product-g= rid-text-below-list-category-nav-color: hsla(var(--black-hsl),1); --tweak-a= ccordion-block-background-color: hsla(var(--white-hsl),1); --tweak-menu-blo= ck-item-title-color: hsla(var(--black-hsl),1); --headingMediumColor: hsla(v= ar(--black-hsl),1); --list-section-carousel-button-background-color: hsla(v= ar(--safeDarkAccent-hsl),1); --tweak-accordion-block-divider-color-on-backg= round: hsla(var(--black-hsl),1); --tweak-gallery-lightbox-icon-color: hsla(= var(--black-hsl),1); --tweak-form-block-description-color: hsla(var(--black= -hsl),1); --tweak-summary-block-secondary-metadata-color-on-background: hsl= a(var(--black-hsl),1); --list-section-carousel-description-color: hsla(var(= --black-hsl),1); --tweak-blog-masonry-list-title-color: hsla(var(--black-hs= l),1); --tweak-form-block-caption-color-on-background: hsla(var(--black-hsl= ),1); --tweak-form-block-title-color: hsla(var(--black-hsl),1); --tweak-vid= eo-item-title-color: hsla(var(--black-hsl),1); --image-block-collage-image-= button-text-color: hsla(var(--safeInverseDarkAccent-hsl),1); --list-section= -banner-slideshow-description-color: hsla(var(--black-hsl),1); --image-bloc= k-stack-image-title-color: hsla(var(--black-hsl),1); --tweak-form-block-fie= ld-input-color-on-background: hsla(var(--black-hsl),1); --tweak-form-block-= field-input-color-on-background-hsl: var(--black-hsl); --tweak-form-block-f= ield-input-color-on-background-a: 1; --headingExtraLargeColor: hsla(var(--b= lack-hsl),1); --tweak-blog-item-meta-color: hsla(var(--black-hsl),1); --tog= gle-off-color: hsla(var(--darkAccent-hsl),1); --image-block-card-image-over= lay-color: hsla(var(--darkAccent-hsl),1); --image-block-poster-image-overla= y-color: hsla(var(--darkAccent-hsl),1); --paragraphLinkColor: hsla(var(--sa= feDarkAccent-hsl),1); --tweak-newsletter-block-description-color-on-backgro= und: hsla(var(--black-hsl),1); --siteBackgroundColor: hsla(var(--lightAccen= t-hsl),1); --list-section-simple-card-description-color: hsla(var(--black-h= sl),1); --image-block-card-image-button-bg-color: hsla(var(--safeDarkAccent= -hsl),1); --secondaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl),= 1); --tweak-newsletter-block-description-color: hsla(var(--black-hsl),1); -= -tweak-form-block-field-border-color: hsla(var(--black-hsl),1); --tweak-for= m-block-field-border-color-hsl: var(--black-hsl); --tweak-form-block-field-= border-color-a: 1; --course-list-grid-layout-course-item-text-color: hsla(v= ar(--black-hsl),1); --image-block-poster-image-button-text-color: hsla(var(= --safeInverseDarkAccent-hsl),1); --solidHeaderBorderColor: hsla(var(--black= -hsl),1); --tweak-gallery-lightbox-background-color: hsla(var(--lightAccent= -hsl),1); --list-section-carousel-arrow-background-color: hsla(var(--safeDa= rkAccent-hsl),1); --tweak-form-block-option-color: hsla(var(--black-hsl),1)= ; --image-block-card-image-title-color: hsla(var(--black-hsl),1); --tweak-g= allery-icon-background-color: hsla(var(--lightAccent-hsl),1); --tweak-form-= block-button-background-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-h= eading-extra-large-color-on-background: hsla(var(--black-hsl),1); --image-b= lock-overlap-image-button-bg-color: hsla(var(--safeDarkAccent-hsl),1); --vi= deo-grid-category-nav-color: hsla(var(--black-hsl),1); --tweak-blog-side-by= -side-list-title-color: hsla(var(--black-hsl),1); --tweak-video-item-meta-c= olor: hsla(var(--black-hsl),1); --tweak-blog-side-by-side-list-meta-color: = hsla(var(--black-hsl),1); --image-block-overlap-image-overlay-color: hsla(v= ar(--darkAccent-hsl),1); --tweak-line-block-line-color: hsla(var(--black-hs= l),1); --tweak-blog-item-author-profile-color: hsla(var(--black-hsl),1); --= tweak-form-block-survey-title-color-on-background: hsla(var(--black-hsl),1)= ; --tweak-blog-basic-grid-list-excerpt-color: hsla(var(--black-hsl),1); --t= weak-marquee-block-paragraph-color: hsla(var(--black-hsl),1); --headerDropS= hadowColor: hsla(var(--black-hsl),1); --portfolio-hover-static-title-color:= hsla(var(--black-hsl),1); --tweak-menu-block-nav-color: hsla(var(--black-h= sl),1); --announcement-bar-text-color: hsla(var(--white-hsl),1); --tweak-pr= oduct-basic-item-sale-price-color: hsla(var(--accent-hsl),1); --tweak-newsl= etter-block-button-text-color: hsla(var(--safeInverseDarkAccent-hsl),1); --= solidHeaderBackgroundColor: hsla(var(--white-hsl),1); --summary-block-limit= ed-availability-label-color: hsla(var(--black-hsl),1); --list-section-simpl= e-card-description-link-color: hsla(var(--safeDarkAccent-hsl),1); --donatio= n-block-background-color: hsla(var(--white-hsl),1); --tweak-quote-block-tex= t-color: hsla(var(--black-hsl),1); --list-section-simple-card-button-text-c= olor: hsla(var(--safeInverseDarkAccent-hsl),1); --image-block-collage-image= -button-bg-color: hsla(var(--safeDarkAccent-hsl),1); --social-links-block-s= econdary-icon-color: hsla(var(--lightAccent-hsl),1); --tweak-blog-alternati= ng-side-by-side-list-meta-color: hsla(var(--black-hsl),1); --course-item-na= v-background-color: hsla(var(--white-hsl),1); --portfolio-index-background-= title-color: hsla(var(--black-hsl),1); --portfolio-hover-follow-title-color= : hsla(var(--black-hsl),1); --tweak-blog-basic-grid-list-title-color: hsla(= var(--black-hsl),1); --tweak-video-item-description-color: hsla(var(--black= -hsl),1); --tweak-heading-large-color-on-background: hsla(var(--black-hsl),= 1); --tweak-video-item-pagination-icon-color: hsla(var(--black-hsl),1); --t= weak-blog-side-by-side-list-excerpt-color: hsla(var(--black-hsl),1); --imag= e-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl),1); --tweak-m= arquee-block-heading-color: hsla(var(--black-hsl),1); --tweak-blog-single-c= olumn-list-meta-color: hsla(var(--black-hsl),1); --tweak-form-block-field-a= ccessory-color-on-background: hsla(var(--black-hsl),1); --donation-block-st= roke-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-paragraph-large-colo= r-on-background: hsla(var(--black-hsl),1); --image-block-collage-image-titl= e-bg-color: hsla(var(--lightAccent-hsl),0); --tweak-newsletter-block-backgr= ound-color: hsla(var(--white-hsl),1); --toggle-on-color: hsla(var(--black-h= sl),1); --list-section-banner-slideshow-arrow-background-color: hsla(var(--= safeDarkAccent-hsl),1); --tweak-product-basic-item-price-color: hsla(var(--= black-hsl),1); --image-block-poster-image-button-bg-color: hsla(var(--safeD= arkAccent-hsl),1); --course-list-grid-layout-course-item-hover-background-c= olor: hsla(var(--white-hsl),.75); --list-section-simple-card-title-color: h= sla(var(--black-hsl),1); --tweak-form-block-option-color-on-background: hsl= a(var(--black-hsl),1); --primaryButtonBackgroundColor: hsla(var(--safeDarkA= ccent-hsl),1); --product-detail-one-time-purchase-price-text-color: hsla(va= r(--black-hsl),1); --list-section-banner-slideshow-card-title-color: hsla(v= ar(--black-hsl),1); --tweak-events-item-pagination-icon-color: hsla(var(--b= lack-hsl),1); --shape-block-dropshadow-color: hsla(var(--white-hsl),1); --n= avigationLinkColor: hsla(var(--black-hsl),1); --tweak-form-block-field-inpu= t-color: hsla(var(--black-hsl),1); --tweak-form-block-field-input-color-hsl= : var(--black-hsl); --tweak-form-block-field-input-color-a: 1; --image-bloc= k-card-image-title-bg-color: hsla(var(--lightAccent-hsl),1); --tweak-quote-= block-source-color: hsla(var(--black-hsl),1); --menuOverlayButtonTextColor:= hsla(var(--safeInverseDarkAccent-hsl),1); --tweak-blog-item-title-color: h= sla(var(--black-hsl),1); --tweak-newsletter-block-button-background-color: = hsla(var(--safeDarkAccent-hsl),1); --list-section-banner-slideshow-card-des= cription-color: hsla(var(--black-hsl),1); --tweak-blog-masonry-list-excerpt= -color: hsla(var(--black-hsl),1); --menuOverlayBackgroundColor: hsla(var(--= lightAccent-hsl),1); --image-block-overlap-image-title-color: hsla(var(--bl= ack-hsl),1); --tweak-blog-side-by-side-list-read-more-color: hsla(var(--saf= eDarkAccent-hsl),1); --primaryButtonTextColor: hsla(var(--safeInverseDarkAc= cent-hsl),1); --tweak-summary-block-secondary-metadata-color: hsla(var(--bl= ack-hsl),1); --tweak-blog-single-column-list-title-color: hsla(var(--black-= hsl),1); --headingSmallColor: hsla(var(--black-hsl),1); --portfolio-grid-ov= erlay-overlay-color: hsla(var(--lightAccent-hsl),1); --course-list-course-c= hapter-divider-color: hsla(var(--accent-hsl),1); --list-section-carousel-bu= tton-text-color: hsla(var(--safeInverseDarkAccent-hsl),1); --gradientHeader= NavigationColor: hsla(var(--black-hsl),1); --image-block-overlap-inline-lin= k-color: hsla(var(--black-hsl),1); --list-section-simple-card-button-backgr= ound-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-events-item-paginati= on-date-color: hsla(var(--black-hsl),1); --list-section-banner-slideshow-bu= tton-text-color: hsla(var(--safeInverseDarkAccent-hsl),1); --video-preview-= badge-background-color: hsla(var(--white-hsl),1); --course-list-course-item= -background: hsla(var(--white-hsl),1); --tweak-product-grid-text-below-list= -scarcity-color: hsla(var(--black-hsl),1); --tweak-text-block-background-co= lor: hsla(var(--white-hsl),1); --video-preview-badge-font-color: hsla(var(-= -black-hsl),1); --image-block-collage-image-title-color: hsla(var(--black-h= sl),1); --image-block-collage-image-subtitle-color: hsla(var(--black-hsl),1= ); --tweak-form-block-field-fill-color: hsla(var(--white-hsl),1); --tweak-f= orm-block-field-fill-color-hsl: var(--white-hsl); --tweak-form-block-field-= fill-color-a: 1; --product-detail-subscriptions-button-background-color: hs= la(var(--safeDarkAccent-hsl),1); --tweak-newsletter-block-stroke-color: hsl= a(var(--safeDarkAccent-hsl),1); --tweak-newsletter-block-title-color-on-bac= kground: hsla(var(--black-hsl),1); --tweak-summary-block-excerpt-color-on-b= ackground: hsla(var(--black-hsl),1); --list-section-simple-button-text-colo= r: hsla(var(--safeInverseDarkAccent-hsl),1); --tweak-accordion-block-stroke= -color: hsla(var(--safeDarkAccent-hsl),1); --tweak-blog-item-comment-meta-c= olor: hsla(var(--black-hsl),1); --section-inset-border-color: hsla(var(--wh= ite-hsl),1); --list-section-simple-card-color: hsla(var(--white-hsl),1); --= tweak-summary-block-title-color-on-background: hsla(var(--black-hsl),1); --= video-grid-basic-title-color: hsla(var(--black-hsl),1); --course-item-nav-a= ctive-lesson-background-color: hsla(var(--darkAccent-hsl),1); --tweak-produ= ct-basic-item-variant-fields-color: hsla(var(--black-hsl),1); --tweak-form-= block-description-color-on-background: hsla(var(--black-hsl),1); --tweak-pr= oduct-grid-text-below-list-pagination-color: hsla(var(--black-hsl),1); --te= xt-highlight-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --imag= e-block-card-image-subtitle-color: hsla(var(--black-hsl),1); --tweak-blog-b= asic-grid-list-read-more-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-= product-grid-text-below-list-title-color: hsla(var(--black-hsl),1); --tweak= -form-block-field-accent-color-on-background: hsla(var(--accent-hsl),1); --= tweak-form-block-field-accent-color-on-background-hsl: var(--accent-hsl); -= -tweak-form-block-field-accent-color-on-background-a: 1; --section-divider-= stroke-color: hsla(var(--safeDarkAccent-hsl),1); --list-section-title-color= : hsla(var(--black-hsl),1); --image-block-collage-background-color: hsla(va= r(--white-hsl),1); --tweak-product-grid-text-below-list-sale-price-color: h= sla(var(--accent-hsl),1); --text-highlight-color: hsla(var(--safeDarkAccent= -hsl),1); --tweak-content-link-block-title-color: hsla(var(--black-hsl),1);= --tweak-summary-block-excerpt-color: hsla(var(--black-hsl),1); --tweak-sum= mary-block-stroke-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-marquee= -block-background-color: hsla(var(--white-hsl),1); --tweak-form-block-field= -accent-color: hsla(var(--accent-hsl),1); --tweak-form-block-field-accent-c= olor-hsl: var(--accent-hsl); --tweak-form-block-field-accent-color-a: 1; --= list-section-carousel-title-color: hsla(var(--black-hsl),1); --image-block-= poster-image-title-color: hsla(var(--white-hsl),1); --tweak-product-grid-te= xt-below-list-status-color: hsla(var(--accent-hsl),1); --list-section-banne= r-slideshow-card-color: hsla(var(--white-hsl),1); --tweak-paragraph-link-co= lor-on-background: hsla(var(--safeDarkAccent-hsl),1); --image-block-overlay= -color: hsla(var(--black-hsl),.5); --list-section-carousel-arrow-color: hsl= a(var(--safeInverseDarkAccent-hsl),1); --solidHeaderNavigationColor: hsla(v= ar(--black-hsl),1); --tertiaryButtonTextColor: hsla(var(--safeInverseDarkAc= cent-hsl),1); --tweak-blog-single-column-list-excerpt-color: hsla(var(--bla= ck-hsl),1); --tweak-blog-basic-grid-list-meta-color: hsla(var(--black-hsl),= 1); --list-section-banner-slideshow-card-button-text-color: hsla(var(--safe= InverseDarkAccent-hsl),1); --tweak-marquee-block-stroke-color: hsla(var(--s= afeDarkAccent-hsl),1); --tweak-form-block-button-background-color-on-backgr= ound: hsla(var(--safeDarkAccent-hsl),1); --tweak-product-quick-view-lightbo= x-overlay-color: hsla(var(--white-hsl),1); --tweak-blog-masonry-list-meta-c= olor: hsla(var(--black-hsl),1); --social-links-block-main-icon-color: hsla(= var(--black-hsl),1); --image-block-card-image-button-text-color: hsla(var(-= -safeInverseDarkAccent-hsl),1); --list-section-simple-description-color: hs= la(var(--black-hsl),1); --image-block-poster-image-subtitle-color: hsla(var= (--white-hsl),1); --tweak-newsletter-block-footnote-color: hsla(var(--black= -hsl),1); --tweak-newsletter-block-footnote-color-on-background: hsla(var(-= -black-hsl),1); --shape-block-background-color: hsla(var(--white-hsl),1); -= -tweak-heading-medium-color-on-background: hsla(var(--black-hsl),1); --twea= k-heading-small-color-on-background: hsla(var(--black-hsl),1); --tweak-blog= -item-pagination-title-color: hsla(var(--black-hsl),1); --video-grid-basic-= description-color: hsla(var(--black-hsl),1); --tweak-menu-block-item-price-= color: hsla(var(--black-hsl),1); --image-block-overlap-image-button-text-co= lor: hsla(var(--safeInverseDarkAccent-hsl),1); --list-section-simple-title-= color: hsla(var(--black-hsl),1); --tweak-product-quick-view-lightbox-contro= ls-color: hsla(var(--black-hsl),1); --list-section-banner-slideshow-arrow-c= olor: hsla(var(--safeInverseDarkAccent-hsl),1); --course-list-course-progre= ss-bar-color: hsla(var(--accent-hsl),1); --tweak-accordion-block-divider-co= lor: hsla(var(--black-hsl),1); --tweak-form-block-field-fill-color-on-backg= round: hsla(var(--lightAccent-hsl),1); --tweak-form-block-field-fill-color-= on-background-hsl: var(--lightAccent-hsl); --tweak-form-block-field-fill-co= lor-on-background-a: 1; --tweak-summary-block-primary-metadata-color: hsla(= var(--black-hsl),1); --tweak-form-block-background-color: hsla(var(--white-= hsl),1); --tweak-form-block-field-accessory-color: hsla(var(--black-hsl),1)= ; --tweak-form-block-button-text-color-on-background: hsla(var(--safeInvers= eDarkAccent-hsl),1); --tweak-blog-alternating-side-by-side-list-excerpt-col= or: hsla(var(--black-hsl),1); --tweak-form-block-caption-color: hsla(var(--= black-hsl),1); --image-block-stack-image-button-bg-color: hsla(var(--safeDa= rkAccent-hsl),1); --shape-block-stroke-color: hsla(var(--safeDarkAccent-hsl= ),1); --list-section-banner-slideshow-card-button-background-color: hsla(va= r(--safeDarkAccent-hsl),1); --tweak-marquee-block-heading-color-on-backgrou= nd: hsla(var(--black-hsl),1); --image-block-stack-image-title-bg-color: hsl= a(var(--lightAccent-hsl),0); --secondaryButtonTextColor: hsla(var(--safeInv= erseDarkAccent-hsl),1); --product-detail-subscriptions-description-text-col= or: hsla(var(--black-hsl),1); --headingLargeColor: hsla(var(--black-hsl),1)= ; --tweak-blog-single-column-list-read-more-color: hsla(var(--safeDarkAccen= t-hsl),1); --tweak-product-grid-text-below-list-price-color: hsla(var(--bla= ck-hsl),1); --tweak-portfolio-item-pagination-meta-color: hsla(var(--black-= hsl),1); --list-section-carousel-card-description-link-color: hsla(var(--sa= feDarkAccent-hsl),1); --tweak-summary-block-title-color: hsla(var(--black-h= sl),1); --tweak-form-block-button-text-color: hsla(var(--safeInverseDarkAcc= ent-hsl),1); --backgroundOverlayColor: hsla(var(--lightAccent-hsl),1); --tw= eak-product-basic-item-gallery-controls-color: hsla(var(--safeInverseLightA= ccent-hsl),1); --image-block-poster-image-title-bg-color-v2: hsla(var(--lig= htAccent-hsl),0); --gradientHeaderDropShadowColor: hsla(var(--black-hsl),1)= ; --list-section-banner-slideshow-button-background-color: hsla(var(--safeD= arkAccent-hsl),1); --tweak-events-item-pagination-title-color: hsla(var(--b= lack-hsl),1); --gradientHeaderBackgroundColor: hsla(var(--white-hsl),1); --= menuOverlayButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl),1); --imag= e-block-overlap-image-subtitle-color: hsla(var(--black-hsl),1); --course-li= st-course-item-text-color: hsla(var(--black-hsl),1); --tweak-blog-item-pagi= nation-meta-color: hsla(var(--black-hsl),1); --course-list-grid-layout-chap= ter-divider-color: hsla(var(--black-hsl),1); --tweak-form-block-field-borde= r-color-on-background: hsla(var(--black-hsl),1); --tweak-form-block-field-b= order-color-on-background-hsl: var(--black-hsl); --tweak-form-block-field-b= order-color-on-background-a: 1; --tweak-product-basic-item-scarcity-color: = hsla(var(--accent-hsl),1); --image-block-poster-inline-link-color: hsla(var= (--white-hsl),1); --tweak-menu-block-item-description-color: hsla(var(--bla= ck-hsl),1); --tweak-newsletter-block-button-text-color-on-background: hsla(= var(--safeInverseDarkAccent-hsl),1); --course-item-nav-active-lesson-text-c= olor: hsla(var(--white-hsl),1); --image-block-stack-image-subtitle-color: h= sla(var(--black-hsl),1); --tweak-form-block-stroke-color: hsla(var(--safeDa= rkAccent-hsl),1); --course-list-course-item-hover-background: hsla(var(--wh= ite-hsl),.75); --video-grid-basic-meta-color: hsla(var(--black-hsl),1); --t= weak-portfolio-item-pagination-icon-color: hsla(var(--black-hsl),1); --prod= uct-detail-subscriptions-title-color: hsla(var(--black-hsl),1); } [data-section-theme=3D"light-bold"] { --course-item-nav-text-color: hsla(va= r(--black-hsl),1); --tweak-blog-item-pagination-icon-color: hsla(var(--blac= k-hsl),1); --tweak-summary-block-read-more-color-on-background: hsla(var(--= safeDarkAccent-hsl),1); --tweak-quote-block-source-color-on-background: hsl= a(var(--safeDarkAccent-hsl),1); --paragraphSmallColor: hsla(var(--black-hsl= ),1); --list-section-simple-button-background-color: hsla(var(--safeDarkAcc= ent-hsl),1); --gradientHeaderBorderColor: hsla(var(--black-hsl),1); --tweak= -summary-block-header-text-color-on-background: hsla(var(--safeDarkAccent-h= sl),1); --solidHeaderDropShadowColor: hsla(var(--black-hsl),1); --tweak-blo= g-alternating-side-by-side-list-read-more-color: hsla(var(--safeDarkAccent-= hsl),1); --tweak-summary-block-background-color: hsla(var(--white-hsl),1); = --tweak-form-block-survey-title-color: hsla(var(--black-hsl),1); --list-sec= tion-carousel-card-description-color: hsla(var(--black-hsl),1); --image-blo= ck-card-inline-link-color: hsla(var(--black-hsl),1); --paragraphLargeColor:= hsla(var(--black-hsl),1); --tweak-summary-block-primary-metadata-color-on-= background: hsla(var(--safeDarkAccent-hsl),1); --tweak-blog-item-comment-te= xt-color: hsla(var(--black-hsl),1); --tweak-summary-block-read-more-color: = hsla(var(--black-hsl),1); --list-section-banner-slideshow-card-description-= link-color: hsla(var(--safeDarkAccent-hsl),1); --image-block-stack-inline-l= ink-color: hsla(var(--black-hsl),1); --tweak-menu-block-title-color: hsla(v= ar(--safeDarkAccent-hsl),1); --list-section-carousel-card-button-text-color= : hsla(var(--safeInverseDarkAccent-hsl),1); --tweak-paragraph-medium-color-= on-background: hsla(var(--safeDarkAccent-hsl),1); --portfolio-grid-overlay-= title-color: hsla(var(--black-hsl),1); --tweak-accordion-block-icon-color: = hsla(var(--black-hsl),1); --tweak-marquee-block-paragraph-color-on-backgrou= nd: hsla(var(--safeDarkAccent-hsl),1); --tweak-product-quick-view-button-co= lor: hsla(var(--black-hsl),1); --product-detail-subscription-price-text-col= or: hsla(var(--black-hsl),1); --paragraphMediumColor: hsla(var(--black-hsl)= ,1); --siteTitleColor: hsla(var(--safeDarkAccent-hsl),1); --tweak-product-b= asic-item-title-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-quote-blo= ck-text-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --list-sect= ion-carousel-card-title-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-g= allery-icon-color: hsla(var(--black-hsl),1); --image-block-overlap-image-ti= tle-bg-color: hsla(var(--lightAccent-hsl),1); --tweak-newsletter-block-titl= e-color: hsla(var(--black-hsl),1); --image-block-collage-inline-link-color:= hsla(var(--safeDarkAccent-hsl),1); --tweak-newsletter-block-button-backgro= und-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --tweak-product= -basic-item-breadcumb-nav-color: hsla(var(--black-hsl),1); --tweak-product-= basic-item-description-color: hsla(var(--black-hsl),1); --tertiaryButtonBac= kgroundColor: hsla(var(--safeDarkAccent-hsl),1); --tweak-video-item-paginat= ion-title-color: hsla(var(--accent-hsl),1); --course-list-grid-layout-cours= e-item-border-color: hsla(var(--accent-hsl),1); --portfolio-grid-basic-titl= e-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-blog-alternating-side-b= y-side-list-title-color: hsla(var(--safeDarkAccent-hsl),1); --menuOverlayNa= vigationLinkColor: hsla(var(--black-hsl),1); --product-detail-subscriptions= -frequency-text-color: hsla(var(--black-hsl),1); --tweak-quote-block-stroke= -color: hsla(var(--safeDarkAccent-hsl),1); --tweak-portfolio-item-paginatio= n-title-color: hsla(var(--black-hsl),1); --tweak-form-block-title-color-on-= background: hsla(var(--safeDarkAccent-hsl),1); --image-block-collage-image-= overlay-color: hsla(var(--darkAccent-hsl),1); --image-block-stack-image-but= ton-text-color: hsla(var(--safeInverseDarkAccent-hsl),1); --tweak-text-bloc= k-stroke-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-paragraph-small-= color-on-background: hsla(var(--safeDarkAccent-hsl),1); --product-detail-su= bscriptions-button-text-color: hsla(var(--safeInverseDarkAccent-hsl),1); --= tweak-accordion-block-icon-color-on-background: hsla(var(--safeDarkAccent-h= sl),1); --announcement-bar-background-color: hsla(var(--accent-hsl),1); --h= eadingLinkColor: hsla(var(--safeDarkAccent-hsl),1); --headerBorderColor: hs= la(var(--black-hsl),1); --course-item-nav-border-color: hsla(var(--black-hs= l),.25); --tweak-quote-block-background-color: hsla(var(--white-hsl),1); --= tweak-summary-block-header-text-color: hsla(var(--black-hsl),1); --list-sec= tion-carousel-card-button-background-color: hsla(var(--safeDarkAccent-hsl),= 1); --list-section-carousel-card-color: hsla(var(--white-hsl),1); --tweak-b= log-masonry-list-read-more-color: hsla(var(--safeDarkAccent-hsl),1); --cour= se-list-grid-layout-course-item-background-color: hsla(var(--white-hsl),1);= --list-section-banner-slideshow-title-color: hsla(var(--safeDarkAccent-hsl= ),1); --tweak-product-grid-text-below-list-category-nav-color: hsla(var(--b= lack-hsl),1); --tweak-accordion-block-background-color: hsla(var(--white-hs= l),1); --tweak-menu-block-item-title-color: hsla(var(--black-hsl),1); --hea= dingMediumColor: hsla(var(--safeDarkAccent-hsl),1); --list-section-carousel= -button-background-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-accord= ion-block-divider-color-on-background: hsla(var(--safeDarkAccent-hsl),1); -= -tweak-gallery-lightbox-icon-color: hsla(var(--black-hsl),1); --tweak-form-= block-description-color: hsla(var(--black-hsl),1); --tweak-summary-block-se= condary-metadata-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --= list-section-carousel-description-color: hsla(var(--black-hsl),1); --tweak-= blog-masonry-list-title-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-f= orm-block-caption-color-on-background: hsla(var(--safeDarkAccent-hsl),1); -= -tweak-form-block-title-color: hsla(var(--black-hsl),1); --tweak-video-item= -title-color: hsla(var(--accent-hsl),1); --image-block-collage-image-button= -text-color: hsla(var(--safeInverseDarkAccent-hsl),1); --list-section-banne= r-slideshow-description-color: hsla(var(--black-hsl),1); --image-block-stac= k-image-title-color: hsla(var(--black-hsl),1); --tweak-form-block-field-inp= ut-color-on-background: hsla(var(--black-hsl),1); --tweak-form-block-field-= input-color-on-background-hsl: var(--black-hsl); --tweak-form-block-field-i= nput-color-on-background-a: 1; --headingExtraLargeColor: hsla(var(--safeDar= kAccent-hsl),1); --tweak-blog-item-meta-color: hsla(var(--black-hsl),1); --= toggle-off-color: hsla(var(--darkAccent-hsl),1); --image-block-card-image-o= verlay-color: hsla(var(--darkAccent-hsl),1); --image-block-poster-image-ove= rlay-color: hsla(var(--darkAccent-hsl),1); --paragraphLinkColor: hsla(var(-= -safeDarkAccent-hsl),1); --tweak-newsletter-block-description-color-on-back= ground: hsla(var(--safeDarkAccent-hsl),1); --siteBackgroundColor: hsla(var(= --lightAccent-hsl),1); --list-section-simple-card-description-color: hsla(v= ar(--black-hsl),1); --image-block-card-image-button-bg-color: hsla(var(--sa= feDarkAccent-hsl),1); --secondaryButtonBackgroundColor: hsla(var(--safeDark= Accent-hsl),1); --tweak-newsletter-block-description-color: hsla(var(--blac= k-hsl),1); --tweak-form-block-field-border-color: hsla(var(--black-hsl),1);= --tweak-form-block-field-border-color-hsl: var(--black-hsl); --tweak-form-= block-field-border-color-a: 1; --course-list-grid-layout-course-item-text-c= olor: hsla(var(--black-hsl),1); --image-block-poster-image-button-text-colo= r: hsla(var(--safeInverseDarkAccent-hsl),1); --solidHeaderBorderColor: hsla= (var(--black-hsl),1); --tweak-gallery-lightbox-background-color: hsla(var(-= -lightAccent-hsl),1); --list-section-carousel-arrow-background-color: hsla(= var(--safeDarkAccent-hsl),1); --tweak-form-block-option-color: hsla(var(--b= lack-hsl),1); --image-block-card-image-title-color: hsla(var(--black-hsl),1= ); --tweak-gallery-icon-background-color: hsla(var(--lightAccent-hsl),1); -= -tweak-form-block-button-background-color: hsla(var(--safeDarkAccent-hsl),1= ); --tweak-heading-extra-large-color-on-background: hsla(var(--safeDarkAcce= nt-hsl),1); --image-block-overlap-image-button-bg-color: hsla(var(--safeDar= kAccent-hsl),1); --video-grid-category-nav-color: hsla(var(--accent-hsl),1)= ; --tweak-blog-side-by-side-list-title-color: hsla(var(--safeDarkAccent-hsl= ),1); --tweak-video-item-meta-color: hsla(var(--accent-hsl),1); --tweak-blo= g-side-by-side-list-meta-color: hsla(var(--black-hsl),1); --image-block-ove= rlap-image-overlay-color: hsla(var(--darkAccent-hsl),1); --tweak-line-block= -line-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-blog-item-author-pr= ofile-color: hsla(var(--black-hsl),1); --tweak-form-block-survey-title-colo= r-on-background: hsla(var(--safeDarkAccent-hsl),1); --tweak-blog-basic-grid= -list-excerpt-color: hsla(var(--black-hsl),1); --tweak-marquee-block-paragr= aph-color: hsla(var(--black-hsl),1); --headerDropShadowColor: hsla(var(--bl= ack-hsl),1); --portfolio-hover-static-title-color: hsla(var(--safeDarkAccen= t-hsl),1); --tweak-menu-block-nav-color: hsla(var(--black-hsl),1); --announ= cement-bar-text-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-produc= t-basic-item-sale-price-color: hsla(var(--accent-hsl),1); --tweak-newslette= r-block-button-text-color: hsla(var(--safeInverseDarkAccent-hsl),1); --soli= dHeaderBackgroundColor: hsla(var(--white-hsl),1); --summary-block-limited-a= vailability-label-color: hsla(var(--black-hsl),1); --list-section-simple-ca= rd-description-link-color: hsla(var(--safeDarkAccent-hsl),1); --donation-bl= ock-background-color: hsla(var(--white-hsl),1); --tweak-quote-block-text-co= lor: hsla(var(--black-hsl),1); --list-section-simple-card-button-text-color= : hsla(var(--safeInverseDarkAccent-hsl),1); --image-block-collage-image-but= ton-bg-color: hsla(var(--safeDarkAccent-hsl),1); --social-links-block-secon= dary-icon-color: hsla(var(--lightAccent-hsl),1); --tweak-blog-alternating-s= ide-by-side-list-meta-color: hsla(var(--black-hsl),1); --course-item-nav-ba= ckground-color: hsla(var(--white-hsl),1); --portfolio-index-background-titl= e-color: hsla(var(--black-hsl),1); --portfolio-hover-follow-title-color: hs= la(var(--safeDarkAccent-hsl),1); --tweak-blog-basic-grid-list-title-color: = hsla(var(--safeDarkAccent-hsl),1); --tweak-video-item-description-color: hs= la(var(--accent-hsl),1); --tweak-heading-large-color-on-background: hsla(va= r(--safeDarkAccent-hsl),1); --tweak-video-item-pagination-icon-color: hsla(= var(--accent-hsl),1); --tweak-blog-side-by-side-list-excerpt-color: hsla(va= r(--black-hsl),1); --image-block-stack-image-overlay-color: hsla(var(--dark= Accent-hsl),1); --tweak-marquee-block-heading-color: hsla(var(--safeDarkAcc= ent-hsl),1); --tweak-blog-single-column-list-meta-color: hsla(var(--black-h= sl),1); --tweak-form-block-field-accessory-color-on-background: hsla(var(--= black-hsl),1); --donation-block-stroke-color: hsla(var(--safeDarkAccent-hsl= ),1); --tweak-paragraph-large-color-on-background: hsla(var(--safeDarkAccen= t-hsl),1); --image-block-collage-image-title-bg-color: hsla(var(--lightAcce= nt-hsl),0); --tweak-newsletter-block-background-color: hsla(var(--white-hsl= ),1); --toggle-on-color: hsla(var(--black-hsl),1); --list-section-banner-sl= ideshow-arrow-background-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-= product-basic-item-price-color: hsla(var(--black-hsl),1); --image-block-pos= ter-image-button-bg-color: hsla(var(--safeDarkAccent-hsl),1); --course-list= -grid-layout-course-item-hover-background-color: hsla(var(--white-hsl),.75)= ; --list-section-simple-card-title-color: hsla(var(--safeDarkAccent-hsl),1)= ; --tweak-form-block-option-color-on-background: hsla(var(--safeDarkAccent-= hsl),1); --primaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl),1);= --product-detail-one-time-purchase-price-text-color: hsla(var(--black-hsl)= ,1); --list-section-banner-slideshow-card-title-color: hsla(var(--safeDarkA= ccent-hsl),1); --tweak-events-item-pagination-icon-color: hsla(var(--black-= hsl),1); --shape-block-dropshadow-color: hsla(var(--white-hsl),1); --naviga= tionLinkColor: hsla(var(--black-hsl),1); --tweak-form-block-field-input-col= or: hsla(var(--black-hsl),1); --tweak-form-block-field-input-color-hsl: var= (--black-hsl); --tweak-form-block-field-input-color-a: 1; --image-block-car= d-image-title-bg-color: hsla(var(--lightAccent-hsl),1); --tweak-quote-block= -source-color: hsla(var(--black-hsl),1); --menuOverlayButtonTextColor: hsla= (var(--safeInverseDarkAccent-hsl),1); --tweak-blog-item-title-color: hsla(v= ar(--safeDarkAccent-hsl),1); --tweak-newsletter-block-button-background-col= or: hsla(var(--safeDarkAccent-hsl),1); --list-section-banner-slideshow-card= -description-color: hsla(var(--black-hsl),1); --tweak-blog-masonry-list-exc= erpt-color: hsla(var(--black-hsl),1); --menuOverlayBackgroundColor: hsla(va= r(--lightAccent-hsl),1); --image-block-overlap-image-title-color: hsla(var(= --black-hsl),1); --tweak-blog-side-by-side-list-read-more-color: hsla(var(-= -safeDarkAccent-hsl),1); --primaryButtonTextColor: hsla(var(--safeInverseDa= rkAccent-hsl),1); --tweak-summary-block-secondary-metadata-color: hsla(var(= --black-hsl),1); --tweak-blog-single-column-list-title-color: hsla(var(--sa= feDarkAccent-hsl),1); --headingSmallColor: hsla(var(--safeDarkAccent-hsl),1= ); --portfolio-grid-overlay-overlay-color: hsla(var(--lightAccent-hsl),1); = --course-list-course-chapter-divider-color: hsla(var(--accent-hsl),1); --li= st-section-carousel-button-text-color: hsla(var(--safeInverseDarkAccent-hsl= ),1); --gradientHeaderNavigationColor: hsla(var(--black-hsl),1); --image-bl= ock-overlap-inline-link-color: hsla(var(--black-hsl),1); --list-section-sim= ple-card-button-background-color: hsla(var(--safeDarkAccent-hsl),1); --twea= k-events-item-pagination-date-color: hsla(var(--black-hsl),1); --list-secti= on-banner-slideshow-button-text-color: hsla(var(--safeInverseDarkAccent-hsl= ),1); --video-preview-badge-background-color: hsla(var(--white-hsl),1); --c= ourse-list-course-item-background: hsla(var(--white-hsl),1); --tweak-produc= t-grid-text-below-list-scarcity-color: hsla(var(--black-hsl),1); --tweak-te= xt-block-background-color: hsla(var(--white-hsl),1); --video-preview-badge-= font-color: hsla(var(--black-hsl),1); --image-block-collage-image-title-col= or: hsla(var(--safeDarkAccent-hsl),1); --image-block-collage-image-subtitle= -color: hsla(var(--safeDarkAccent-hsl),1); --tweak-form-block-field-fill-co= lor: hsla(var(--white-hsl),1); --tweak-form-block-field-fill-color-hsl: var= (--white-hsl); --tweak-form-block-field-fill-color-a: 1; --product-detail-s= ubscriptions-button-background-color: hsla(var(--safeDarkAccent-hsl),1); --= tweak-newsletter-block-stroke-color: hsla(var(--safeDarkAccent-hsl),1); --t= weak-newsletter-block-title-color-on-background: hsla(var(--safeDarkAccent-= hsl),1); --tweak-summary-block-excerpt-color-on-background: hsla(var(--safe= DarkAccent-hsl),1); --list-section-simple-button-text-color: hsla(var(--saf= eInverseDarkAccent-hsl),1); --tweak-accordion-block-stroke-color: hsla(var(= --safeDarkAccent-hsl),1); --tweak-blog-item-comment-meta-color: hsla(var(--= black-hsl),1); --section-inset-border-color: hsla(var(--white-hsl),1); --li= st-section-simple-card-color: hsla(var(--white-hsl),1); --tweak-summary-blo= ck-title-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --video-gr= id-basic-title-color: hsla(var(--accent-hsl),1); --course-item-nav-active-l= esson-background-color: hsla(var(--darkAccent-hsl),1); --tweak-product-basi= c-item-variant-fields-color: hsla(var(--black-hsl),1); --tweak-form-block-d= escription-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --tweak-= product-grid-text-below-list-pagination-color: hsla(var(--black-hsl),1); --= text-highlight-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --im= age-block-card-image-subtitle-color: hsla(var(--black-hsl),1); --tweak-blog= -basic-grid-list-read-more-color: hsla(var(--safeDarkAccent-hsl),1); --twea= k-product-grid-text-below-list-title-color: hsla(var(--safeDarkAccent-hsl),= 1); --tweak-form-block-field-accent-color-on-background: hsla(var(--accent-= hsl),1); --tweak-form-block-field-accent-color-on-background-hsl: var(--acc= ent-hsl); --tweak-form-block-field-accent-color-on-background-a: 1; --secti= on-divider-stroke-color: hsla(var(--safeDarkAccent-hsl),1); --list-section-= title-color: hsla(var(--safeDarkAccent-hsl),1); --image-block-collage-backg= round-color: hsla(var(--white-hsl),1); --tweak-product-grid-text-below-list= -sale-price-color: hsla(var(--accent-hsl),1); --text-highlight-color: hsla(= var(--safeDarkAccent-hsl),1); --tweak-content-link-block-title-color: hsla(= var(--black-hsl),1); --tweak-summary-block-excerpt-color: hsla(var(--black-= hsl),1); --tweak-summary-block-stroke-color: hsla(var(--safeDarkAccent-hsl)= ,1); --tweak-marquee-block-background-color: hsla(var(--white-hsl),1); --tw= eak-form-block-field-accent-color: hsla(var(--accent-hsl),1); --tweak-form-= block-field-accent-color-hsl: var(--accent-hsl); --tweak-form-block-field-a= ccent-color-a: 1; --list-section-carousel-title-color: hsla(var(--safeDarkA= ccent-hsl),1); --image-block-poster-image-title-color: hsla(var(--white-hsl= ),1); --tweak-product-grid-text-below-list-status-color: hsla(var(--accent-= hsl),1); --list-section-banner-slideshow-card-color: hsla(var(--white-hsl),= 1); --tweak-paragraph-link-color-on-background: hsla(var(--safeDarkAccent-h= sl),1); --image-block-overlay-color: hsla(var(--black-hsl),.5); --list-sect= ion-carousel-arrow-color: hsla(var(--safeInverseDarkAccent-hsl),1); --solid= HeaderNavigationColor: hsla(var(--black-hsl),1); --tertiaryButtonTextColor:= hsla(var(--safeInverseDarkAccent-hsl),1); --tweak-blog-single-column-list-= excerpt-color: hsla(var(--black-hsl),1); --tweak-blog-basic-grid-list-meta-= color: hsla(var(--black-hsl),1); --list-section-banner-slideshow-card-butto= n-text-color: hsla(var(--safeInverseDarkAccent-hsl),1); --tweak-marquee-blo= ck-stroke-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-form-block-butt= on-background-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --twe= ak-product-quick-view-lightbox-overlay-color: hsla(var(--white-hsl),1); --t= weak-blog-masonry-list-meta-color: hsla(var(--black-hsl),1); --social-links= -block-main-icon-color: hsla(var(--black-hsl),1); --image-block-card-image-= button-text-color: hsla(var(--safeInverseDarkAccent-hsl),1); --list-section= -simple-description-color: hsla(var(--black-hsl),1); --image-block-poster-i= mage-subtitle-color: hsla(var(--white-hsl),1); --tweak-newsletter-block-foo= tnote-color: hsla(var(--black-hsl),1); --tweak-newsletter-block-footnote-co= lor-on-background: hsla(var(--safeDarkAccent-hsl),1); --shape-block-backgro= und-color: hsla(var(--white-hsl),1); --tweak-heading-medium-color-on-backgr= ound: hsla(var(--safeDarkAccent-hsl),1); --tweak-heading-small-color-on-bac= kground: hsla(var(--safeDarkAccent-hsl),1); --tweak-blog-item-pagination-ti= tle-color: hsla(var(--black-hsl),1); --video-grid-basic-description-color: = hsla(var(--accent-hsl),1); --tweak-menu-block-item-price-color: hsla(var(--= black-hsl),1); --image-block-overlap-image-button-text-color: hsla(var(--sa= feInverseDarkAccent-hsl),1); --list-section-simple-title-color: hsla(var(--= safeDarkAccent-hsl),1); --tweak-product-quick-view-lightbox-controls-color:= hsla(var(--black-hsl),1); --list-section-banner-slideshow-arrow-color: hsl= a(var(--safeInverseDarkAccent-hsl),1); --course-list-course-progress-bar-co= lor: hsla(var(--darkAccent-hsl),1); --tweak-accordion-block-divider-color: = hsla(var(--black-hsl),1); --tweak-form-block-field-fill-color-on-background= : hsla(var(--lightAccent-hsl),1); --tweak-form-block-field-fill-color-on-ba= ckground-hsl: var(--lightAccent-hsl); --tweak-form-block-field-fill-color-o= n-background-a: 1; --tweak-summary-block-primary-metadata-color: hsla(var(-= -black-hsl),1); --tweak-form-block-background-color: hsla(var(--white-hsl),= 1); --tweak-form-block-field-accessory-color: hsla(var(--black-hsl),1); --t= weak-form-block-button-text-color-on-background: hsla(var(--safeInverseDark= Accent-hsl),1); --tweak-blog-alternating-side-by-side-list-excerpt-color: h= sla(var(--black-hsl),1); --tweak-form-block-caption-color: hsla(var(--black= -hsl),1); --image-block-stack-image-button-bg-color: hsla(var(--safeDarkAcc= ent-hsl),1); --shape-block-stroke-color: hsla(var(--safeDarkAccent-hsl),1);= --list-section-banner-slideshow-card-button-background-color: hsla(var(--s= afeDarkAccent-hsl),1); --tweak-marquee-block-heading-color-on-background: h= sla(var(--safeDarkAccent-hsl),1); --image-block-stack-image-title-bg-color:= hsla(var(--lightAccent-hsl),0); --secondaryButtonTextColor: hsla(var(--saf= eInverseDarkAccent-hsl),1); --product-detail-subscriptions-description-text= -color: hsla(var(--black-hsl),1); --headingLargeColor: hsla(var(--safeDarkA= ccent-hsl),1); --tweak-blog-single-column-list-read-more-color: hsla(var(--= safeDarkAccent-hsl),1); --tweak-product-grid-text-below-list-price-color: h= sla(var(--black-hsl),1); --tweak-portfolio-item-pagination-meta-color: hsla= (var(--black-hsl),1); --list-section-carousel-card-description-link-color: = hsla(var(--safeDarkAccent-hsl),1); --tweak-summary-block-title-color: hsla(= var(--black-hsl),1); --tweak-form-block-button-text-color: hsla(var(--safeI= nverseDarkAccent-hsl),1); --backgroundOverlayColor: hsla(var(--lightAccent-= hsl),1); --tweak-product-basic-item-gallery-controls-color: hsla(var(--safe= InverseLightAccent-hsl),1); --image-block-poster-image-title-bg-color-v2: h= sla(var(--lightAccent-hsl),0); --gradientHeaderDropShadowColor: hsla(var(--= black-hsl),1); --list-section-banner-slideshow-button-background-color: hsl= a(var(--safeDarkAccent-hsl),1); --tweak-events-item-pagination-title-color:= hsla(var(--black-hsl),1); --gradientHeaderBackgroundColor: hsla(var(--whit= e-hsl),1); --menuOverlayButtonBackgroundColor: hsla(var(--safeDarkAccent-hs= l),1); --image-block-overlap-image-subtitle-color: hsla(var(--black-hsl),1)= ; --course-list-course-item-text-color: hsla(var(--black-hsl),1); --tweak-b= log-item-pagination-meta-color: hsla(var(--black-hsl),1); --course-list-gri= d-layout-chapter-divider-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-= form-block-field-border-color-on-background: hsla(var(--black-hsl),1); --tw= eak-form-block-field-border-color-on-background-hsl: var(--black-hsl); --tw= eak-form-block-field-border-color-on-background-a: 1; --tweak-product-basic= -item-scarcity-color: hsla(var(--accent-hsl),1); --image-block-poster-inlin= e-link-color: hsla(var(--white-hsl),1); --tweak-menu-block-item-description= -color: hsla(var(--black-hsl),1); --tweak-newsletter-block-button-text-colo= r-on-background: hsla(var(--safeInverseDarkAccent-hsl),1); --course-item-na= v-active-lesson-text-color: hsla(var(--white-hsl),1); --image-block-stack-i= mage-subtitle-color: hsla(var(--black-hsl),1); --tweak-form-block-stroke-co= lor: hsla(var(--safeDarkAccent-hsl),1); --course-list-course-item-hover-bac= kground: hsla(var(--white-hsl),.75); --video-grid-basic-meta-color: hsla(va= r(--accent-hsl),1); --tweak-portfolio-item-pagination-icon-color: hsla(var(= --black-hsl),1); --product-detail-subscriptions-title-color: hsla(var(--bla= ck-hsl),1); } [data-section-theme=3D"dark"] { --course-item-nav-text-color: hsla(var(--wh= ite-hsl),1); --tweak-blog-item-pagination-icon-color: hsla(var(--white-hsl)= ,1); --tweak-summary-block-read-more-color-on-background: hsla(var(--black-= hsl),1); --tweak-quote-block-source-color-on-background: hsla(var(--black-h= sl),1); --paragraphSmallColor: hsla(var(--white-hsl),1); --list-section-sim= ple-button-background-color: hsla(var(--safeLightAccent-hsl),1); --gradient= HeaderBorderColor: hsla(var(--black-hsl),1); --tweak-summary-block-header-t= ext-color-on-background: hsla(var(--black-hsl),1); --solidHeaderDropShadowC= olor: hsla(var(--black-hsl),1); --tweak-blog-alternating-side-by-side-list-= read-more-color: hsla(var(--safeLightAccent-hsl),1); --tweak-summary-block-= background-color: hsla(var(--white-hsl),1); --tweak-form-block-survey-title= -color: hsla(var(--white-hsl),1); --list-section-carousel-card-description-= color: hsla(var(--black-hsl),1); --image-block-card-inline-link-color: hsla= (var(--white-hsl),1); --paragraphLargeColor: hsla(var(--white-hsl),1); --tw= eak-summary-block-primary-metadata-color-on-background: hsla(var(--black-hs= l),1); --tweak-blog-item-comment-text-color: hsla(var(--white-hsl),1); --tw= eak-summary-block-read-more-color: hsla(var(--white-hsl),1); --list-section= -banner-slideshow-card-description-link-color: hsla(var(--safeLightAccent-h= sl),1); --image-block-stack-inline-link-color: hsla(var(--white-hsl),1); --= tweak-menu-block-title-color: hsla(var(--white-hsl),1); --list-section-caro= usel-card-button-text-color: hsla(var(--safeInverseDarkAccent-hsl),1); --tw= eak-paragraph-medium-color-on-background: hsla(var(--black-hsl),1); --portf= olio-grid-overlay-title-color: hsla(var(--white-hsl),1); --tweak-accordion-= block-icon-color: hsla(var(--white-hsl),1); --tweak-marquee-block-paragraph= -color-on-background: hsla(var(--black-hsl),1); --tweak-product-quick-view-= button-color: hsla(var(--black-hsl),1); --product-detail-subscription-price= -text-color: hsla(var(--white-hsl),1); --paragraphMediumColor: hsla(var(--w= hite-hsl),1); --siteTitleColor: hsla(var(--white-hsl),1); --tweak-product-b= asic-item-title-color: hsla(var(--white-hsl),1); --tweak-quote-block-text-c= olor-on-background: hsla(var(--black-hsl),1); --list-section-carousel-card-= title-color: hsla(var(--black-hsl),1); --tweak-gallery-icon-color: hsla(var= (--white-hsl),1); --image-block-overlap-image-title-bg-color: hsla(var(--da= rkAccent-hsl),1); --tweak-newsletter-block-title-color: hsla(var(--white-hs= l),1); --image-block-collage-inline-link-color: hsla(var(--black-hsl),1); -= -tweak-newsletter-block-button-background-color-on-background: hsla(var(--b= lack-hsl),1); --tweak-product-basic-item-breadcumb-nav-color: hsla(var(--wh= ite-hsl),1); --tweak-product-basic-item-description-color: hsla(var(--white= -hsl),1); --tertiaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl),= 1); --tweak-video-item-pagination-title-color: hsla(var(--white-hsl),1); --= course-list-grid-layout-course-item-border-color: hsla(var(--accent-hsl),1)= ; --portfolio-grid-basic-title-color: hsla(var(--white-hsl),1); --tweak-blo= g-alternating-side-by-side-list-title-color: hsla(var(--white-hsl),1); --me= nuOverlayNavigationLinkColor: hsla(var(--white-hsl),1); --product-detail-su= bscriptions-frequency-text-color: hsla(var(--white-hsl),1); --tweak-quote-b= lock-stroke-color: hsla(var(--safeLightAccent-hsl),1); --tweak-portfolio-it= em-pagination-title-color: hsla(var(--white-hsl),1); --tweak-form-block-tit= le-color-on-background: hsla(var(--black-hsl),1); --image-block-collage-ima= ge-overlay-color: hsla(var(--darkAccent-hsl),1); --image-block-stack-image-= button-text-color: hsla(var(--safeInverseLightAccent-hsl),1); --tweak-text-= block-stroke-color: hsla(var(--safeLightAccent-hsl),1); --tweak-paragraph-s= mall-color-on-background: hsla(var(--black-hsl),1); --product-detail-subscr= iptions-button-text-color: hsla(var(--safeInverseLightAccent-hsl),1); --twe= ak-accordion-block-icon-color-on-background: hsla(var(--black-hsl),1); --an= nouncement-bar-background-color: hsla(var(--lightAccent-hsl),1); --headingL= inkColor: hsla(var(--lightAccent-hsl),1); --headerBorderColor: hsla(var(--b= lack-hsl),1); --course-item-nav-border-color: hsla(var(--white-hsl),.25); -= -tweak-quote-block-background-color: hsla(var(--white-hsl),1); --tweak-summ= ary-block-header-text-color: hsla(var(--white-hsl),1); --list-section-carou= sel-card-button-background-color: hsla(var(--safeDarkAccent-hsl),1); --list= -section-carousel-card-color: hsla(var(--white-hsl),1); --tweak-blog-masonr= y-list-read-more-color: hsla(var(--safeLightAccent-hsl),1); --course-list-g= rid-layout-course-item-background-color: hsla(var(--white-hsl),1); --list-s= ection-banner-slideshow-title-color: hsla(var(--white-hsl),1); --tweak-prod= uct-grid-text-below-list-category-nav-color: hsla(var(--white-hsl),1); --tw= eak-accordion-block-background-color: hsla(var(--white-hsl),1); --tweak-men= u-block-item-title-color: hsla(var(--white-hsl),1); --headingMediumColor: h= sla(var(--white-hsl),1); --list-section-carousel-button-background-color: h= sla(var(--safeLightAccent-hsl),1); --tweak-accordion-block-divider-color-on= -background: hsla(var(--black-hsl),1); --tweak-gallery-lightbox-icon-color:= hsla(var(--white-hsl),1); --tweak-form-block-description-color: hsla(var(-= -white-hsl),1); --tweak-summary-block-secondary-metadata-color-on-backgroun= d: hsla(var(--black-hsl),1); --list-section-carousel-description-color: hsl= a(var(--white-hsl),1); --tweak-blog-masonry-list-title-color: hsla(var(--wh= ite-hsl),1); --tweak-form-block-caption-color-on-background: hsla(var(--bla= ck-hsl),1); --tweak-form-block-title-color: hsla(var(--white-hsl),1); --twe= ak-video-item-title-color: hsla(var(--white-hsl),1); --image-block-collage-= image-button-text-color: hsla(var(--safeInverseDarkAccent-hsl),1); --list-s= ection-banner-slideshow-description-color: hsla(var(--white-hsl),1); --imag= e-block-stack-image-title-color: hsla(var(--white-hsl),1); --tweak-form-blo= ck-field-input-color-on-background: hsla(var(--black-hsl),1); --tweak-form-= block-field-input-color-on-background-hsl: var(--black-hsl); --tweak-form-b= lock-field-input-color-on-background-a: 1; --headingExtraLargeColor: hsla(v= ar(--white-hsl),1); --tweak-blog-item-meta-color: hsla(var(--white-hsl),1);= --toggle-off-color: hsla(var(--lightAccent-hsl),1); --image-block-card-ima= ge-overlay-color: hsla(var(--darkAccent-hsl),1); --image-block-poster-image= -overlay-color: hsla(var(--darkAccent-hsl),1); --paragraphLinkColor: hsla(v= ar(--safeLightAccent-hsl),1); --tweak-newsletter-block-description-color-on= -background: hsla(var(--black-hsl),1); --siteBackgroundColor: hsla(var(--da= rkAccent-hsl),1); --list-section-simple-card-description-color: hsla(var(--= black-hsl),1); --image-block-card-image-button-bg-color: hsla(var(--safeLig= htAccent-hsl),1); --secondaryButtonBackgroundColor: hsla(var(--safeLightAcc= ent-hsl),1); --tweak-newsletter-block-description-color: hsla(var(--white-h= sl),1); --tweak-form-block-field-border-color: hsla(var(--white-hsl),1); --= tweak-form-block-field-border-color-hsl: var(--white-hsl); --tweak-form-blo= ck-field-border-color-a: 1; --course-list-grid-layout-course-item-text-colo= r: hsla(var(--black-hsl),1); --image-block-poster-image-button-text-color: = hsla(var(--safeInverseLightAccent-hsl),1); --solidHeaderBorderColor: hsla(v= ar(--black-hsl),1); --tweak-gallery-lightbox-background-color: hsla(var(--d= arkAccent-hsl),1); --list-section-carousel-arrow-background-color: hsla(var= (--safeLightAccent-hsl),1); --tweak-form-block-option-color: hsla(var(--whi= te-hsl),1); --image-block-card-image-title-color: hsla(var(--white-hsl),1);= --tweak-gallery-icon-background-color: hsla(var(--darkAccent-hsl),1); --tw= eak-form-block-button-background-color: hsla(var(--safeLightAccent-hsl),1);= --tweak-heading-extra-large-color-on-background: hsla(var(--black-hsl),1);= --image-block-overlap-image-button-bg-color: hsla(var(--safeLightAccent-hs= l),1); --video-grid-category-nav-color: hsla(var(--white-hsl),1); --tweak-b= log-side-by-side-list-title-color: hsla(var(--white-hsl),1); --tweak-video-= item-meta-color: hsla(var(--white-hsl),1); --tweak-blog-side-by-side-list-m= eta-color: hsla(var(--white-hsl),1); --image-block-overlap-image-overlay-co= lor: hsla(var(--darkAccent-hsl),1); --tweak-line-block-line-color: hsla(var= (--white-hsl),1); --tweak-blog-item-author-profile-color: hsla(var(--white-= hsl),1); --tweak-form-block-survey-title-color-on-background: hsla(var(--bl= ack-hsl),1); --tweak-blog-basic-grid-list-excerpt-color: hsla(var(--white-h= sl),1); --tweak-marquee-block-paragraph-color: hsla(var(--white-hsl),1); --= headerDropShadowColor: hsla(var(--black-hsl),1); --portfolio-hover-static-t= itle-color: hsla(var(--white-hsl),1); --tweak-menu-block-nav-color: hsla(va= r(--white-hsl),1); --announcement-bar-text-color: hsla(var(--black-hsl),1);= --tweak-product-basic-item-sale-price-color: hsla(var(--accent-hsl),1); --= tweak-newsletter-block-button-text-color: hsla(var(--safeInverseLightAccent= -hsl),1); --solidHeaderBackgroundColor: hsla(var(--white-hsl),1); --summary= -block-limited-availability-label-color: hsla(var(--white-hsl),1); --list-s= ection-simple-card-description-link-color: hsla(var(--safeLightAccent-hsl),= 1); --donation-block-background-color: hsla(var(--white-hsl),1); --tweak-qu= ote-block-text-color: hsla(var(--white-hsl),1); --list-section-simple-card-= button-text-color: hsla(var(--safeInverseDarkAccent-hsl),1); --image-block-= collage-image-button-bg-color: hsla(var(--safeDarkAccent-hsl),1); --social-= links-block-secondary-icon-color: hsla(var(--darkAccent-hsl),1); --tweak-bl= og-alternating-side-by-side-list-meta-color: hsla(var(--white-hsl),1); --co= urse-item-nav-background-color: hsla(var(--black-hsl),1); --portfolio-index= -background-title-color: hsla(var(--white-hsl),1); --portfolio-hover-follow= -title-color: hsla(var(--white-hsl),1); --tweak-blog-basic-grid-list-title-= color: hsla(var(--white-hsl),1); --tweak-video-item-description-color: hsla= (var(--white-hsl),1); --tweak-heading-large-color-on-background: hsla(var(-= -black-hsl),1); --tweak-video-item-pagination-icon-color: hsla(var(--white-= hsl),1); --tweak-blog-side-by-side-list-excerpt-color: hsla(var(--white-hsl= ),1); --image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl),1= ); --tweak-marquee-block-heading-color: hsla(var(--white-hsl),1); --tweak-b= log-single-column-list-meta-color: hsla(var(--white-hsl),1); --tweak-form-b= lock-field-accessory-color-on-background: hsla(var(--black-hsl),1); --donat= ion-block-stroke-color: hsla(var(--safeLightAccent-hsl),1); --tweak-paragra= ph-large-color-on-background: hsla(var(--black-hsl),1); --image-block-colla= ge-image-title-bg-color: hsla(var(--darkAccent-hsl),0); --tweak-newsletter-= block-background-color: hsla(var(--white-hsl),1); --toggle-on-color: hsla(v= ar(--accent-hsl),1); --list-section-banner-slideshow-arrow-background-color= : hsla(var(--safeLightAccent-hsl),1); --tweak-product-basic-item-price-colo= r: hsla(var(--white-hsl),1); --image-block-poster-image-button-bg-color: hs= la(var(--safeLightAccent-hsl),1); --course-list-grid-layout-course-item-hov= er-background-color: hsla(var(--white-hsl),.9); --list-section-simple-card-= title-color: hsla(var(--black-hsl),1); --tweak-form-block-option-color-on-b= ackground: hsla(var(--black-hsl),1); --primaryButtonBackgroundColor: hsla(v= ar(--safeLightAccent-hsl),1); --product-detail-one-time-purchase-price-text= -color: hsla(var(--white-hsl),1); --list-section-banner-slideshow-card-titl= e-color: hsla(var(--black-hsl),1); --tweak-events-item-pagination-icon-colo= r: hsla(var(--white-hsl),1); --shape-block-dropshadow-color: hsla(var(--whi= te-hsl),1); --navigationLinkColor: hsla(var(--white-hsl),1); --tweak-form-b= lock-field-input-color: hsla(var(--white-hsl),1); --tweak-form-block-field-= input-color-hsl: var(--white-hsl); --tweak-form-block-field-input-color-a: = 1; --image-block-card-image-title-bg-color: hsla(var(--darkAccent-hsl),1); = --tweak-quote-block-source-color: hsla(var(--white-hsl),1); --menuOverlayBu= ttonTextColor: hsla(var(--safeInverseLightAccent-hsl),1); --tweak-blog-item= -title-color: hsla(var(--white-hsl),1); --tweak-newsletter-block-button-bac= kground-color: hsla(var(--safeLightAccent-hsl),1); --list-section-banner-sl= ideshow-card-description-color: hsla(var(--black-hsl),1); --tweak-blog-maso= nry-list-excerpt-color: hsla(var(--white-hsl),1); --menuOverlayBackgroundCo= lor: hsla(var(--darkAccent-hsl),1); --image-block-overlap-image-title-color= : hsla(var(--white-hsl),1); --tweak-blog-side-by-side-list-read-more-color:= hsla(var(--safeLightAccent-hsl),1); --primaryButtonTextColor: hsla(var(--s= afeInverseLightAccent-hsl),1); --tweak-summary-block-secondary-metadata-col= or: hsla(var(--white-hsl),1); --tweak-blog-single-column-list-title-color: = hsla(var(--white-hsl),1); --headingSmallColor: hsla(var(--white-hsl),1); --= portfolio-grid-overlay-overlay-color: hsla(var(--darkAccent-hsl),1); --cour= se-list-course-chapter-divider-color: hsla(var(--accent-hsl),1); --list-sec= tion-carousel-button-text-color: hsla(var(--safeInverseLightAccent-hsl),1);= --gradientHeaderNavigationColor: hsla(var(--black-hsl),1); --image-block-o= verlap-inline-link-color: hsla(var(--white-hsl),1); --list-section-simple-c= ard-button-background-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-eve= nts-item-pagination-date-color: hsla(var(--white-hsl),1); --list-section-ba= nner-slideshow-button-text-color: hsla(var(--safeInverseLightAccent-hsl),1)= ; --video-preview-badge-background-color: hsla(var(--white-hsl),1); --cours= e-list-course-item-background: hsla(var(--white-hsl),1); --tweak-product-gr= id-text-below-list-scarcity-color: hsla(var(--white-hsl),1); --tweak-text-b= lock-background-color: hsla(var(--white-hsl),1); --video-preview-badge-font= -color: hsla(var(--black-hsl),1); --image-block-collage-image-title-color: = hsla(var(--black-hsl),1); --image-block-collage-image-subtitle-color: hsla(= var(--black-hsl),1); --tweak-form-block-field-fill-color: hsla(var(--black-= hsl),1); --tweak-form-block-field-fill-color-hsl: var(--black-hsl); --tweak= -form-block-field-fill-color-a: 1; --product-detail-subscriptions-button-ba= ckground-color: hsla(var(--safeLightAccent-hsl),1); --tweak-newsletter-bloc= k-stroke-color: hsla(var(--safeLightAccent-hsl),1); --tweak-newsletter-bloc= k-title-color-on-background: hsla(var(--black-hsl),1); --tweak-summary-bloc= k-excerpt-color-on-background: hsla(var(--black-hsl),1); --list-section-sim= ple-button-text-color: hsla(var(--safeInverseLightAccent-hsl),1); --tweak-a= ccordion-block-stroke-color: hsla(var(--safeLightAccent-hsl),1); --tweak-bl= og-item-comment-meta-color: hsla(var(--white-hsl),1); --section-inset-borde= r-color: hsla(var(--white-hsl),1); --list-section-simple-card-color: hsla(v= ar(--white-hsl),1); --tweak-summary-block-title-color-on-background: hsla(v= ar(--black-hsl),1); --video-grid-basic-title-color: hsla(var(--white-hsl),1= ); --course-item-nav-active-lesson-background-color: hsla(var(--lightAccent= -hsl),1); --tweak-product-basic-item-variant-fields-color: hsla(var(--white= -hsl),1); --tweak-form-block-description-color-on-background: hsla(var(--bl= ack-hsl),1); --tweak-product-grid-text-below-list-pagination-color: hsla(va= r(--white-hsl),1); --text-highlight-color-on-background: hsla(var(--safeLig= htAccent-hsl),1); --image-block-card-image-subtitle-color: hsla(var(--white= -hsl),1); --tweak-blog-basic-grid-list-read-more-color: hsla(var(--safeLigh= tAccent-hsl),1); --tweak-product-grid-text-below-list-title-color: hsla(var= (--white-hsl),1); --tweak-form-block-field-accent-color-on-background: hsla= (var(--accent-hsl),1); --tweak-form-block-field-accent-color-on-background-= hsl: var(--accent-hsl); --tweak-form-block-field-accent-color-on-background= -a: 1; --section-divider-stroke-color: hsla(var(--safeLightAccent-hsl),1); = --list-section-title-color: hsla(var(--white-hsl),1); --image-block-collage= -background-color: hsla(var(--white-hsl),1); --tweak-product-grid-text-belo= w-list-sale-price-color: hsla(var(--accent-hsl),1); --text-highlight-color:= hsla(var(--safeLightAccent-hsl),1); --tweak-content-link-block-title-color= : hsla(var(--white-hsl),1); --tweak-summary-block-excerpt-color: hsla(var(-= -white-hsl),1); --tweak-summary-block-stroke-color: hsla(var(--safeLightAcc= ent-hsl),1); --tweak-marquee-block-background-color: hsla(var(--white-hsl),= 1); --tweak-form-block-field-accent-color: hsla(var(--accent-hsl),1); --twe= ak-form-block-field-accent-color-hsl: var(--accent-hsl); --tweak-form-block= -field-accent-color-a: 1; --list-section-carousel-title-color: hsla(var(--w= hite-hsl),1); --image-block-poster-image-title-color: hsla(var(--white-hsl)= ,1); --tweak-product-grid-text-below-list-status-color: hsla(var(--accent-h= sl),1); --list-section-banner-slideshow-card-color: hsla(var(--white-hsl),1= ); --tweak-paragraph-link-color-on-background: hsla(var(--safeLightAccent-h= sl),1); --image-block-overlay-color: hsla(var(--black-hsl),.5); --list-sect= ion-carousel-arrow-color: hsla(var(--safeInverseLightAccent-hsl),1); --soli= dHeaderNavigationColor: hsla(var(--black-hsl),1); --tertiaryButtonTextColor= : hsla(var(--safeInverseLightAccent-hsl),1); --tweak-blog-single-column-lis= t-excerpt-color: hsla(var(--white-hsl),1); --tweak-blog-basic-grid-list-met= a-color: hsla(var(--white-hsl),1); --list-section-banner-slideshow-card-but= ton-text-color: hsla(var(--safeInverseDarkAccent-hsl),1); --tweak-marquee-b= lock-stroke-color: hsla(var(--safeLightAccent-hsl),1); --tweak-form-block-b= utton-background-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --= tweak-product-quick-view-lightbox-overlay-color: hsla(var(--white-hsl),1); = --tweak-blog-masonry-list-meta-color: hsla(var(--white-hsl),1); --social-li= nks-block-main-icon-color: hsla(var(--white-hsl),1); --image-block-card-ima= ge-button-text-color: hsla(var(--safeInverseLightAccent-hsl),1); --list-sec= tion-simple-description-color: hsla(var(--white-hsl),1); --image-block-post= er-image-subtitle-color: hsla(var(--white-hsl),1); --tweak-newsletter-block= -footnote-color: hsla(var(--white-hsl),1); --tweak-newsletter-block-footnot= e-color-on-background: hsla(var(--black-hsl),1); --shape-block-background-c= olor: hsla(var(--white-hsl),1); --tweak-heading-medium-color-on-background:= hsla(var(--black-hsl),1); --tweak-heading-small-color-on-background: hsla(= var(--black-hsl),1); --tweak-blog-item-pagination-title-color: hsla(var(--w= hite-hsl),1); --video-grid-basic-description-color: hsla(var(--white-hsl),1= ); --tweak-menu-block-item-price-color: hsla(var(--white-hsl),1); --image-b= lock-overlap-image-button-text-color: hsla(var(--safeInverseLightAccent-hsl= ),1); --list-section-simple-title-color: hsla(var(--white-hsl),1); --tweak-= product-quick-view-lightbox-controls-color: hsla(var(--black-hsl),1); --lis= t-section-banner-slideshow-arrow-color: hsla(var(--safeInverseLightAccent-h= sl),1); --course-list-course-progress-bar-color: hsla(var(--accent-hsl),1);= --tweak-accordion-block-divider-color: hsla(var(--white-hsl),1); --tweak-f= orm-block-field-fill-color-on-background: hsla(var(--lightAccent-hsl),1); -= -tweak-form-block-field-fill-color-on-background-hsl: var(--lightAccent-hsl= ); --tweak-form-block-field-fill-color-on-background-a: 1; --tweak-summary-= block-primary-metadata-color: hsla(var(--white-hsl),1); --tweak-form-block-= background-color: hsla(var(--white-hsl),1); --tweak-form-block-field-access= ory-color: hsla(var(--white-hsl),1); --tweak-form-block-button-text-color-o= n-background: hsla(var(--safeInverseDarkAccent-hsl),1); --tweak-blog-altern= ating-side-by-side-list-excerpt-color: hsla(var(--white-hsl),1); --tweak-fo= rm-block-caption-color: hsla(var(--white-hsl),1); --image-block-stack-image= -button-bg-color: hsla(var(--safeLightAccent-hsl),1); --shape-block-stroke-= color: hsla(var(--safeLightAccent-hsl),1); --list-section-banner-slideshow-= card-button-background-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-ma= rquee-block-heading-color-on-background: hsla(var(--black-hsl),1); --image-= block-stack-image-title-bg-color: hsla(var(--darkAccent-hsl),0); --secondar= yButtonTextColor: hsla(var(--safeInverseLightAccent-hsl),1); --product-deta= il-subscriptions-description-text-color: hsla(var(--white-hsl),1); --headin= gLargeColor: hsla(var(--white-hsl),1); --tweak-blog-single-column-list-read= -more-color: hsla(var(--safeLightAccent-hsl),1); --tweak-product-grid-text-= below-list-price-color: hsla(var(--white-hsl),1); --tweak-portfolio-item-pa= gination-meta-color: hsla(var(--white-hsl),1); --list-section-carousel-card= -description-link-color: hsla(var(--safeLightAccent-hsl),1); --tweak-summar= y-block-title-color: hsla(var(--white-hsl),1); --tweak-form-block-button-te= xt-color: hsla(var(--safeInverseLightAccent-hsl),1); --backgroundOverlayCol= or: hsla(var(--darkAccent-hsl),1); --tweak-product-basic-item-gallery-contr= ols-color: hsla(var(--safeInverseLightAccent-hsl),1); --image-block-poster-= image-title-bg-color-v2: hsla(var(--darkAccent-hsl),0); --gradientHeaderDro= pShadowColor: hsla(var(--black-hsl),1); --list-section-banner-slideshow-but= ton-background-color: hsla(var(--safeLightAccent-hsl),1); --tweak-events-it= em-pagination-title-color: hsla(var(--white-hsl),1); --gradientHeaderBackgr= oundColor: hsla(var(--white-hsl),1); --menuOverlayButtonBackgroundColor: hs= la(var(--safeLightAccent-hsl),1); --image-block-overlap-image-subtitle-colo= r: hsla(var(--white-hsl),1); --course-list-course-item-text-color: hsla(var= (--black-hsl),1); --tweak-blog-item-pagination-meta-color: hsla(var(--white= -hsl),1); --course-list-grid-layout-chapter-divider-color: hsla(var(--white= -hsl),1); --tweak-form-block-field-border-color-on-background: hsla(var(--b= lack-hsl),1); --tweak-form-block-field-border-color-on-background-hsl: var(= --black-hsl); --tweak-form-block-field-border-color-on-background-a: 1; --t= weak-product-basic-item-scarcity-color: hsla(var(--accent-hsl),1); --image-= block-poster-inline-link-color: hsla(var(--white-hsl),1); --tweak-menu-bloc= k-item-description-color: hsla(var(--white-hsl),1); --tweak-newsletter-bloc= k-button-text-color-on-background: hsla(var(--safeInverseDarkAccent-hsl),1)= ; --course-item-nav-active-lesson-text-color: hsla(var(--black-hsl),1); --i= mage-block-stack-image-subtitle-color: hsla(var(--white-hsl),1); --tweak-fo= rm-block-stroke-color: hsla(var(--safeLightAccent-hsl),1); --course-list-co= urse-item-hover-background: hsla(var(--white-hsl),.9); --video-grid-basic-m= eta-color: hsla(var(--white-hsl),1); --tweak-portfolio-item-pagination-icon= -color: hsla(var(--white-hsl),1); --product-detail-subscriptions-title-colo= r: hsla(var(--white-hsl),1); } [data-section-theme=3D"dark-bold"] { --course-item-nav-text-color: hsla(var= (--white-hsl),1); --tweak-blog-item-pagination-icon-color: hsla(var(--white= -hsl),1); --tweak-summary-block-read-more-color-on-background: hsla(var(--s= afeDarkAccent-hsl),1); --tweak-quote-block-source-color-on-background: hsla= (var(--safeDarkAccent-hsl),1); --paragraphSmallColor: hsla(var(--white-hsl)= ,1); --list-section-simple-button-background-color: hsla(var(--safeLightAcc= ent-hsl),1); --gradientHeaderBorderColor: hsla(var(--black-hsl),1); --tweak= -summary-block-header-text-color-on-background: hsla(var(--safeDarkAccent-h= sl),1); --solidHeaderDropShadowColor: hsla(var(--black-hsl),1); --tweak-blo= g-alternating-side-by-side-list-read-more-color: hsla(var(--safeLightAccent= -hsl),1); --tweak-summary-block-background-color: hsla(var(--white-hsl),1);= --tweak-form-block-survey-title-color: hsla(var(--white-hsl),1); --list-se= ction-carousel-card-description-color: hsla(var(--black-hsl),1); --image-bl= ock-card-inline-link-color: hsla(var(--white-hsl),1); --paragraphLargeColor= : hsla(var(--white-hsl),1); --tweak-summary-block-primary-metadata-color-on= -background: hsla(var(--safeDarkAccent-hsl),1); --tweak-blog-item-comment-t= ext-color: hsla(var(--white-hsl),1); --tweak-summary-block-read-more-color:= hsla(var(--white-hsl),1); --list-section-banner-slideshow-card-description= -link-color: hsla(var(--safeLightAccent-hsl),1); --image-block-stack-inline= -link-color: hsla(var(--white-hsl),1); --tweak-menu-block-title-color: hsla= (var(--safeLightAccent-hsl),1); --list-section-carousel-card-button-text-co= lor: hsla(var(--safeInverseDarkAccent-hsl),1); --tweak-paragraph-medium-col= or-on-background: hsla(var(--safeDarkAccent-hsl),1); --portfolio-grid-overl= ay-title-color: hsla(var(--white-hsl),1); --tweak-accordion-block-icon-colo= r: hsla(var(--white-hsl),1); --tweak-marquee-block-paragraph-color-on-backg= round: hsla(var(--safeDarkAccent-hsl),1); --tweak-product-quick-view-button= -color: hsla(var(--black-hsl),1); --product-detail-subscription-price-text-= color: hsla(var(--white-hsl),1); --paragraphMediumColor: hsla(var(--white-h= sl),1); --siteTitleColor: hsla(var(--safeLightAccent-hsl),1); --tweak-produ= ct-basic-item-title-color: hsla(var(--safeLightAccent-hsl),1); --tweak-quot= e-block-text-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --list= -section-carousel-card-title-color: hsla(var(--safeDarkAccent-hsl),1); --tw= eak-gallery-icon-color: hsla(var(--white-hsl),1); --image-block-overlap-ima= ge-title-bg-color: hsla(var(--darkAccent-hsl),1); --tweak-newsletter-block-= title-color: hsla(var(--white-hsl),1); --image-block-collage-inline-link-co= lor: hsla(var(--safeDarkAccent-hsl),1); --tweak-newsletter-block-button-bac= kground-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --tweak-pro= duct-basic-item-breadcumb-nav-color: hsla(var(--white-hsl),1); --tweak-prod= uct-basic-item-description-color: hsla(var(--white-hsl),1); --tertiaryButto= nBackgroundColor: hsla(var(--safeLightAccent-hsl),1); --tweak-video-item-pa= gination-title-color: hsla(var(--accent-hsl),1); --course-list-grid-layout-= course-item-border-color: hsla(var(--accent-hsl),1); --portfolio-grid-basic= -title-color: hsla(var(--safeLightAccent-hsl),1); --tweak-blog-alternating-= side-by-side-list-title-color: hsla(var(--safeLightAccent-hsl),1); --menuOv= erlayNavigationLinkColor: hsla(var(--safeLightAccent-hsl),1); --product-det= ail-subscriptions-frequency-text-color: hsla(var(--white-hsl),1); --tweak-q= uote-block-stroke-color: hsla(var(--safeLightAccent-hsl),1); --tweak-portfo= lio-item-pagination-title-color: hsla(var(--white-hsl),1); --tweak-form-blo= ck-title-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --image-bl= ock-collage-image-overlay-color: hsla(var(--darkAccent-hsl),1); --image-blo= ck-stack-image-button-text-color: hsla(var(--safeInverseLightAccent-hsl),1)= ; --tweak-text-block-stroke-color: hsla(var(--safeLightAccent-hsl),1); --tw= eak-paragraph-small-color-on-background: hsla(var(--safeDarkAccent-hsl),1);= --product-detail-subscriptions-button-text-color: hsla(var(--white-hsl),1)= ; --tweak-accordion-block-icon-color-on-background: hsla(var(--safeDarkAcce= nt-hsl),1); --announcement-bar-background-color: hsla(var(--accent-hsl),1);= --headingLinkColor: hsla(var(--safeLightAccent-hsl),1); --headerBorderColo= r: hsla(var(--black-hsl),1); --course-item-nav-border-color: hsla(var(--whi= te-hsl),.25); --tweak-quote-block-background-color: hsla(var(--white-hsl),1= ); --tweak-summary-block-header-text-color: hsla(var(--white-hsl),1); --lis= t-section-carousel-card-button-background-color: hsla(var(--safeDarkAccent-= hsl),1); --list-section-carousel-card-color: hsla(var(--white-hsl),1); --tw= eak-blog-masonry-list-read-more-color: hsla(var(--safeLightAccent-hsl),1); = --course-list-grid-layout-course-item-background-color: hsla(var(--white-hs= l),1); --list-section-banner-slideshow-title-color: hsla(var(--safeLightAcc= ent-hsl),1); --tweak-product-grid-text-below-list-category-nav-color: hsla(= var(--white-hsl),1); --tweak-accordion-block-background-color: hsla(var(--w= hite-hsl),1); --tweak-menu-block-item-title-color: hsla(var(--white-hsl),1)= ; --headingMediumColor: hsla(var(--safeLightAccent-hsl),1); --list-section-= carousel-button-background-color: hsla(var(--safeLightAccent-hsl),1); --twe= ak-accordion-block-divider-color-on-background: hsla(var(--safeDarkAccent-h= sl),1); --tweak-gallery-lightbox-icon-color: hsla(var(--white-hsl),1); --tw= eak-form-block-description-color: hsla(var(--white-hsl),1); --tweak-summary= -block-secondary-metadata-color-on-background: hsla(var(--safeDarkAccent-hs= l),1); --list-section-carousel-description-color: hsla(var(--white-hsl),1);= --tweak-blog-masonry-list-title-color: hsla(var(--safeLightAccent-hsl),1);= --tweak-form-block-caption-color-on-background: hsla(var(--safeDarkAccent-= hsl),1); --tweak-form-block-title-color: hsla(var(--white-hsl),1); --tweak-= video-item-title-color: hsla(var(--accent-hsl),1); --image-block-collage-im= age-button-text-color: hsla(var(--safeInverseDarkAccent-hsl),1); --list-sec= tion-banner-slideshow-description-color: hsla(var(--white-hsl),1); --image-= block-stack-image-title-color: hsla(var(--white-hsl),1); --tweak-form-block= -field-input-color-on-background: hsla(var(--black-hsl),1); --tweak-form-bl= ock-field-input-color-on-background-hsl: var(--black-hsl); --tweak-form-blo= ck-field-input-color-on-background-a: 1; --headingExtraLargeColor: hsla(var= (--safeLightAccent-hsl),1); --tweak-blog-item-meta-color: hsla(var(--white-= hsl),1); --toggle-off-color: hsla(var(--lightAccent-hsl),1); --image-block-= card-image-overlay-color: hsla(var(--darkAccent-hsl),1); --image-block-post= er-image-overlay-color: hsla(var(--darkAccent-hsl),1); --paragraphLinkColor= : hsla(var(--safeLightAccent-hsl),1); --tweak-newsletter-block-description-= color-on-background: hsla(var(--safeDarkAccent-hsl),1); --siteBackgroundCol= or: hsla(var(--darkAccent-hsl),1); --list-section-simple-card-description-c= olor: hsla(var(--black-hsl),1); --image-block-card-image-button-bg-color: h= sla(var(--safeLightAccent-hsl),1); --secondaryButtonBackgroundColor: hsla(v= ar(--safeLightAccent-hsl),1); --tweak-newsletter-block-description-color: h= sla(var(--white-hsl),1); --tweak-form-block-field-border-color: hsla(var(--= white-hsl),1); --tweak-form-block-field-border-color-hsl: var(--white-hsl);= --tweak-form-block-field-border-color-a: 1; --course-list-grid-layout-cour= se-item-text-color: hsla(var(--black-hsl),1); --image-block-poster-image-bu= tton-text-color: hsla(var(--safeInverseLightAccent-hsl),1); --solidHeaderBo= rderColor: hsla(var(--black-hsl),1); --tweak-gallery-lightbox-background-co= lor: hsla(var(--darkAccent-hsl),1); --list-section-carousel-arrow-backgroun= d-color: hsla(var(--safeLightAccent-hsl),1); --tweak-form-block-option-colo= r: hsla(var(--white-hsl),1); --image-block-card-image-title-color: hsla(var= (--white-hsl),1); --tweak-gallery-icon-background-color: hsla(var(--darkAcc= ent-hsl),1); --tweak-form-block-button-background-color: hsla(var(--safeLig= htAccent-hsl),1); --tweak-heading-extra-large-color-on-background: hsla(var= (--safeDarkAccent-hsl),1); --image-block-overlap-image-button-bg-color: hsl= a(var(--safeLightAccent-hsl),1); --video-grid-category-nav-color: hsla(var(= --accent-hsl),1); --tweak-blog-side-by-side-list-title-color: hsla(var(--sa= feLightAccent-hsl),1); --tweak-video-item-meta-color: hsla(var(--accent-hsl= ),1); --tweak-blog-side-by-side-list-meta-color: hsla(var(--white-hsl),1); = --image-block-overlap-image-overlay-color: hsla(var(--darkAccent-hsl),1); -= -tweak-line-block-line-color: hsla(var(--safeLightAccent-hsl),1); --tweak-b= log-item-author-profile-color: hsla(var(--white-hsl),1); --tweak-form-block= -survey-title-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --twe= ak-blog-basic-grid-list-excerpt-color: hsla(var(--white-hsl),1); --tweak-ma= rquee-block-paragraph-color: hsla(var(--white-hsl),1); --headerDropShadowCo= lor: hsla(var(--black-hsl),1); --portfolio-hover-static-title-color: hsla(v= ar(--safeLightAccent-hsl),1); --tweak-menu-block-nav-color: hsla(var(--safe= LightAccent-hsl),1); --announcement-bar-text-color: hsla(var(--safeInverseA= ccent-hsl),1); --tweak-product-basic-item-sale-price-color: hsla(var(--acce= nt-hsl),1); --tweak-newsletter-block-button-text-color: hsla(var(--safeInve= rseLightAccent-hsl),1); --solidHeaderBackgroundColor: hsla(var(--white-hsl)= ,1); --summary-block-limited-availability-label-color: hsla(var(--white-hsl= ),1); --list-section-simple-card-description-link-color: hsla(var(--safeLig= htAccent-hsl),1); --donation-block-background-color: hsla(var(--white-hsl),= 1); --tweak-quote-block-text-color: hsla(var(--white-hsl),1); --list-sectio= n-simple-card-button-text-color: hsla(var(--safeInverseDarkAccent-hsl),1); = --image-block-collage-image-button-bg-color: hsla(var(--safeDarkAccent-hsl)= ,1); --social-links-block-secondary-icon-color: hsla(var(--darkAccent-hsl),= 1); --tweak-blog-alternating-side-by-side-list-meta-color: hsla(var(--white= -hsl),1); --course-item-nav-background-color: hsla(var(--black-hsl),1); --p= ortfolio-index-background-title-color: hsla(var(--white-hsl),1); --portfoli= o-hover-follow-title-color: hsla(var(--safeLightAccent-hsl),1); --tweak-blo= g-basic-grid-list-title-color: hsla(var(--safeLightAccent-hsl),1); --tweak-= video-item-description-color: hsla(var(--accent-hsl),1); --tweak-heading-la= rge-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --tweak-video-i= tem-pagination-icon-color: hsla(var(--accent-hsl),1); --tweak-blog-side-by-= side-list-excerpt-color: hsla(var(--white-hsl),1); --image-block-stack-imag= e-overlay-color: hsla(var(--darkAccent-hsl),1); --tweak-marquee-block-headi= ng-color: hsla(var(--safeLightAccent-hsl),1); --tweak-blog-single-column-li= st-meta-color: hsla(var(--white-hsl),1); --tweak-form-block-field-accessory= -color-on-background: hsla(var(--black-hsl),1); --donation-block-stroke-col= or: hsla(var(--safeLightAccent-hsl),1); --tweak-paragraph-large-color-on-ba= ckground: hsla(var(--safeDarkAccent-hsl),1); --image-block-collage-image-ti= tle-bg-color: hsla(var(--darkAccent-hsl),0); --tweak-newsletter-block-backg= round-color: hsla(var(--white-hsl),1); --toggle-on-color: hsla(var(--accent= -hsl),1); --list-section-banner-slideshow-arrow-background-color: hsla(var(= --safeLightAccent-hsl),1); --tweak-product-basic-item-price-color: hsla(var= (--white-hsl),1); --image-block-poster-image-button-bg-color: hsla(var(--sa= feLightAccent-hsl),1); --course-list-grid-layout-course-item-hover-backgrou= nd-color: hsla(var(--white-hsl),.9); --list-section-simple-card-title-color= : hsla(var(--safeDarkAccent-hsl),1); --tweak-form-block-option-color-on-bac= kground: hsla(var(--safeDarkAccent-hsl),1); --primaryButtonBackgroundColor:= hsla(var(--safeLightAccent-hsl),1); --product-detail-one-time-purchase-pri= ce-text-color: hsla(var(--white-hsl),1); --list-section-banner-slideshow-ca= rd-title-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-events-item-pagi= nation-icon-color: hsla(var(--white-hsl),1); --shape-block-dropshadow-color= : hsla(var(--white-hsl),1); --navigationLinkColor: hsla(var(--safeLightAcce= nt-hsl),1); --tweak-form-block-field-input-color: hsla(var(--white-hsl),1);= --tweak-form-block-field-input-color-hsl: var(--white-hsl); --tweak-form-b= lock-field-input-color-a: 1; --image-block-card-image-title-bg-color: hsla(= var(--darkAccent-hsl),1); --tweak-quote-block-source-color: hsla(var(--whit= e-hsl),1); --menuOverlayButtonTextColor: hsla(var(--safeInverseLightAccent-= hsl),1); --tweak-blog-item-title-color: hsla(var(--safeLightAccent-hsl),1);= --tweak-newsletter-block-button-background-color: hsla(var(--safeLightAcce= nt-hsl),1); --list-section-banner-slideshow-card-description-color: hsla(va= r(--black-hsl),1); --tweak-blog-masonry-list-excerpt-color: hsla(var(--whit= e-hsl),1); --menuOverlayBackgroundColor: hsla(var(--darkAccent-hsl),1); --i= mage-block-overlap-image-title-color: hsla(var(--white-hsl),1); --tweak-blo= g-side-by-side-list-read-more-color: hsla(var(--safeLightAccent-hsl),1); --= primaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl),1); --tweak-= summary-block-secondary-metadata-color: hsla(var(--white-hsl),1); --tweak-b= log-single-column-list-title-color: hsla(var(--safeLightAccent-hsl),1); --h= eadingSmallColor: hsla(var(--safeLightAccent-hsl),1); --portfolio-grid-over= lay-overlay-color: hsla(var(--darkAccent-hsl),1); --course-list-course-chap= ter-divider-color: hsla(var(--accent-hsl),1); --list-section-carousel-butto= n-text-color: hsla(var(--safeInverseLightAccent-hsl),1); --gradientHeaderNa= vigationColor: hsla(var(--black-hsl),1); --image-block-overlap-inline-link-= color: hsla(var(--white-hsl),1); --list-section-simple-card-button-backgrou= nd-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-events-item-pagination= -date-color: hsla(var(--white-hsl),1); --list-section-banner-slideshow-butt= on-text-color: hsla(var(--safeInverseLightAccent-hsl),1); --video-preview-b= adge-background-color: hsla(var(--white-hsl),1); --course-list-course-item-= background: hsla(var(--white-hsl),1); --tweak-product-grid-text-below-list-= scarcity-color: hsla(var(--white-hsl),1); --tweak-text-block-background-col= or: hsla(var(--white-hsl),1); --video-preview-badge-font-color: hsla(var(--= black-hsl),1); --image-block-collage-image-title-color: hsla(var(--safeDark= Accent-hsl),1); --image-block-collage-image-subtitle-color: hsla(var(--safe= DarkAccent-hsl),1); --tweak-form-block-field-fill-color: hsla(var(--black-h= sl),1); --tweak-form-block-field-fill-color-hsl: var(--black-hsl); --tweak-= form-block-field-fill-color-a: 1; --product-detail-subscriptions-button-bac= kground-color: hsla(var(--safeLightAccent-hsl),1); --tweak-newsletter-block= -stroke-color: hsla(var(--safeLightAccent-hsl),1); --tweak-newsletter-block= -title-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --tweak-summ= ary-block-excerpt-color-on-background: hsla(var(--safeDarkAccent-hsl),1); -= -list-section-simple-button-text-color: hsla(var(--safeInverseLightAccent-h= sl),1); --tweak-accordion-block-stroke-color: hsla(var(--safeLightAccent-hs= l),1); --tweak-blog-item-comment-meta-color: hsla(var(--white-hsl),1); --se= ction-inset-border-color: hsla(var(--white-hsl),1); --list-section-simple-c= ard-color: hsla(var(--white-hsl),1); --tweak-summary-block-title-color-on-b= ackground: hsla(var(--safeDarkAccent-hsl),1); --video-grid-basic-title-colo= r: hsla(var(--accent-hsl),1); --course-item-nav-active-lesson-background-co= lor: hsla(var(--lightAccent-hsl),1); --tweak-product-basic-item-variant-fie= lds-color: hsla(var(--white-hsl),1); --tweak-form-block-description-color-o= n-background: hsla(var(--safeDarkAccent-hsl),1); --tweak-product-grid-text-= below-list-pagination-color: hsla(var(--white-hsl),1); --text-highlight-col= or-on-background: hsla(var(--safeLightAccent-hsl),1); --image-block-card-im= age-subtitle-color: hsla(var(--white-hsl),1); --tweak-blog-basic-grid-list-= read-more-color: hsla(var(--safeLightAccent-hsl),1); --tweak-product-grid-t= ext-below-list-title-color: hsla(var(--safeLightAccent-hsl),1); --tweak-for= m-block-field-accent-color-on-background: hsla(var(--accent-hsl),1); --twea= k-form-block-field-accent-color-on-background-hsl: var(--accent-hsl); --twe= ak-form-block-field-accent-color-on-background-a: 1; --section-divider-stro= ke-color: hsla(var(--safeLightAccent-hsl),1); --list-section-title-color: h= sla(var(--safeLightAccent-hsl),1); --image-block-collage-background-color: = hsla(var(--white-hsl),1); --tweak-product-grid-text-below-list-sale-price-c= olor: hsla(var(--accent-hsl),1); --text-highlight-color: hsla(var(--safeLig= htAccent-hsl),1); --tweak-content-link-block-title-color: hsla(var(--white-= hsl),1); --tweak-summary-block-excerpt-color: hsla(var(--white-hsl),1); --t= weak-summary-block-stroke-color: hsla(var(--safeLightAccent-hsl),1); --twea= k-marquee-block-background-color: hsla(var(--white-hsl),1); --tweak-form-bl= ock-field-accent-color: hsla(var(--accent-hsl),1); --tweak-form-block-field= -accent-color-hsl: var(--accent-hsl); --tweak-form-block-field-accent-color= -a: 1; --list-section-carousel-title-color: hsla(var(--safeLightAccent-hsl)= ,1); --image-block-poster-image-title-color: hsla(var(--white-hsl),1); --tw= eak-product-grid-text-below-list-status-color: hsla(var(--accent-hsl),1); -= -list-section-banner-slideshow-card-color: hsla(var(--white-hsl),1); --twea= k-paragraph-link-color-on-background: hsla(var(--safeLightAccent-hsl),1); -= -image-block-overlay-color: hsla(var(--black-hsl),.5); --list-section-carou= sel-arrow-color: hsla(var(--safeInverseLightAccent-hsl),1); --solidHeaderNa= vigationColor: hsla(var(--black-hsl),1); --tertiaryButtonTextColor: hsla(va= r(--safeInverseLightAccent-hsl),1); --tweak-blog-single-column-list-excerpt= -color: hsla(var(--white-hsl),1); --tweak-blog-basic-grid-list-meta-color: = hsla(var(--white-hsl),1); --list-section-banner-slideshow-card-button-text-= color: hsla(var(--safeInverseDarkAccent-hsl),1); --tweak-marquee-block-stro= ke-color: hsla(var(--safeLightAccent-hsl),1); --tweak-form-block-button-bac= kground-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --tweak-pro= duct-quick-view-lightbox-overlay-color: hsla(var(--white-hsl),1); --tweak-b= log-masonry-list-meta-color: hsla(var(--white-hsl),1); --social-links-block= -main-icon-color: hsla(var(--white-hsl),1); --image-block-card-image-button= -text-color: hsla(var(--safeInverseLightAccent-hsl),1); --list-section-simp= le-description-color: hsla(var(--white-hsl),1); --image-block-poster-image-= subtitle-color: hsla(var(--white-hsl),1); --tweak-newsletter-block-footnote= -color: hsla(var(--white-hsl),1); --tweak-newsletter-block-footnote-color-o= n-background: hsla(var(--safeDarkAccent-hsl),1); --shape-block-background-c= olor: hsla(var(--white-hsl),1); --tweak-heading-medium-color-on-background:= hsla(var(--safeDarkAccent-hsl),1); --tweak-heading-small-color-on-backgrou= nd: hsla(var(--safeDarkAccent-hsl),1); --tweak-blog-item-pagination-title-c= olor: hsla(var(--white-hsl),1); --video-grid-basic-description-color: hsla(= var(--accent-hsl),1); --tweak-menu-block-item-price-color: hsla(var(--white= -hsl),1); --image-block-overlap-image-button-text-color: hsla(var(--safeInv= erseLightAccent-hsl),1); --list-section-simple-title-color: hsla(var(--safe= LightAccent-hsl),1); --tweak-product-quick-view-lightbox-controls-color: hs= la(var(--black-hsl),1); --list-section-banner-slideshow-arrow-color: hsla(v= ar(--safeInverseLightAccent-hsl),1); --course-list-course-progress-bar-colo= r: hsla(var(--accent-hsl),1); --tweak-accordion-block-divider-color: hsla(v= ar(--white-hsl),1); --tweak-form-block-field-fill-color-on-background: hsla= (var(--lightAccent-hsl),1); --tweak-form-block-field-fill-color-on-backgrou= nd-hsl: var(--lightAccent-hsl); --tweak-form-block-field-fill-color-on-back= ground-a: 1; --tweak-summary-block-primary-metadata-color: hsla(var(--white= -hsl),1); --tweak-form-block-background-color: hsla(var(--white-hsl),1); --= tweak-form-block-field-accessory-color: hsla(var(--white-hsl),1); --tweak-f= orm-block-button-text-color-on-background: hsla(var(--safeInverseDarkAccent= -hsl),1); --tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(va= r(--white-hsl),1); --tweak-form-block-caption-color: hsla(var(--white-hsl),= 1); --image-block-stack-image-button-bg-color: hsla(var(--safeLightAccent-h= sl),1); --shape-block-stroke-color: hsla(var(--safeLightAccent-hsl),1); --l= ist-section-banner-slideshow-card-button-background-color: hsla(var(--safeD= arkAccent-hsl),1); --tweak-marquee-block-heading-color-on-background: hsla(= var(--safeDarkAccent-hsl),1); --image-block-stack-image-title-bg-color: hsl= a(var(--darkAccent-hsl),0); --secondaryButtonTextColor: hsla(var(--safeInve= rseLightAccent-hsl),1); --product-detail-subscriptions-description-text-col= or: hsla(var(--white-hsl),1); --headingLargeColor: hsla(var(--safeLightAcce= nt-hsl),1); --tweak-blog-single-column-list-read-more-color: hsla(var(--saf= eLightAccent-hsl),1); --tweak-product-grid-text-below-list-price-color: hsl= a(var(--white-hsl),1); --tweak-portfolio-item-pagination-meta-color: hsla(v= ar(--white-hsl),1); --list-section-carousel-card-description-link-color: hs= la(var(--safeLightAccent-hsl),1); --tweak-summary-block-title-color: hsla(v= ar(--white-hsl),1); --tweak-form-block-button-text-color: hsla(var(--safeIn= verseLightAccent-hsl),1); --backgroundOverlayColor: hsla(var(--darkAccent-h= sl),1); --tweak-product-basic-item-gallery-controls-color: hsla(var(--safeI= nverseLightAccent-hsl),1); --image-block-poster-image-title-bg-color-v2: hs= la(var(--darkAccent-hsl),0); --gradientHeaderDropShadowColor: hsla(var(--bl= ack-hsl),1); --list-section-banner-slideshow-button-background-color: hsla(= var(--safeLightAccent-hsl),1); --tweak-events-item-pagination-title-color: = hsla(var(--white-hsl),1); --gradientHeaderBackgroundColor: hsla(var(--white= -hsl),1); --menuOverlayButtonBackgroundColor: hsla(var(--safeLightAccent-hs= l),1); --image-block-overlap-image-subtitle-color: hsla(var(--white-hsl),1)= ; --course-list-course-item-text-color: hsla(var(--black-hsl),1); --tweak-b= log-item-pagination-meta-color: hsla(var(--white-hsl),1); --course-list-gri= d-layout-chapter-divider-color: hsla(var(--safeLightAccent-hsl),1); --tweak= -form-block-field-border-color-on-background: hsla(var(--black-hsl),1); --t= weak-form-block-field-border-color-on-background-hsl: var(--black-hsl); --t= weak-form-block-field-border-color-on-background-a: 1; --tweak-product-basi= c-item-scarcity-color: hsla(var(--accent-hsl),1); --image-block-poster-inli= ne-link-color: hsla(var(--white-hsl),1); --tweak-menu-block-item-descriptio= n-color: hsla(var(--white-hsl),1); --tweak-newsletter-block-button-text-col= or-on-background: hsla(var(--safeInverseDarkAccent-hsl),1); --course-item-n= av-active-lesson-text-color: hsla(var(--black-hsl),1); --image-block-stack-= image-subtitle-color: hsla(var(--white-hsl),1); --tweak-form-block-stroke-c= olor: hsla(var(--safeLightAccent-hsl),1); --course-list-course-item-hover-b= ackground: hsla(var(--white-hsl),.9); --video-grid-basic-meta-color: hsla(v= ar(--accent-hsl),1); --tweak-portfolio-item-pagination-icon-color: hsla(var= (--white-hsl),1); --product-detail-subscriptions-title-color: hsla(var(--wh= ite-hsl),1); } [data-section-theme=3D"black"] { --course-item-nav-text-color: hsla(var(--w= hite-hsl),1); --tweak-blog-item-pagination-icon-color: hsla(var(--white-hsl= ),1); --tweak-summary-block-read-more-color-on-background: hsla(var(--black= -hsl),1); --tweak-quote-block-source-color-on-background: hsla(var(--black-= hsl),1); --paragraphSmallColor: hsla(var(--white-hsl),1); --list-section-si= mple-button-background-color: hsla(var(--safeLightAccent-hsl),1); --gradien= tHeaderBorderColor: hsla(var(--black-hsl),1); --tweak-summary-block-header-= text-color-on-background: hsla(var(--black-hsl),1); --solidHeaderDropShadow= Color: hsla(var(--black-hsl),1); --tweak-blog-alternating-side-by-side-list= -read-more-color: hsla(var(--safeLightAccent-hsl),1); --tweak-summary-block= -background-color: hsla(var(--white-hsl),1); --tweak-form-block-survey-titl= e-color: hsla(var(--white-hsl),1); --list-section-carousel-card-description= -color: hsla(var(--black-hsl),1); --image-block-card-inline-link-color: hsl= a(var(--white-hsl),1); --paragraphLargeColor: hsla(var(--white-hsl),1); --t= weak-summary-block-primary-metadata-color-on-background: hsla(var(--black-h= sl),1); --tweak-blog-item-comment-text-color: hsla(var(--white-hsl),1); --t= weak-summary-block-read-more-color: hsla(var(--white-hsl),1); --list-sectio= n-banner-slideshow-card-description-link-color: hsla(var(--safeLightAccent-= hsl),1); --image-block-stack-inline-link-color: hsla(var(--white-hsl),1); -= -tweak-menu-block-title-color: hsla(var(--white-hsl),1); --list-section-car= ousel-card-button-text-color: hsla(var(--safeInverseDarkAccent-hsl),1); --t= weak-paragraph-medium-color-on-background: hsla(var(--black-hsl),1); --port= folio-grid-overlay-title-color: hsla(var(--white-hsl),1); --tweak-accordion= -block-icon-color: hsla(var(--white-hsl),1); --tweak-marquee-block-paragrap= h-color-on-background: hsla(var(--black-hsl),1); --tweak-product-quick-view= -button-color: hsla(var(--black-hsl),1); --product-detail-subscription-pric= e-text-color: hsla(var(--white-hsl),1); --paragraphMediumColor: hsla(var(--= white-hsl),1); --siteTitleColor: hsla(var(--white-hsl),1); --tweak-product-= basic-item-title-color: hsla(var(--white-hsl),1); --tweak-quote-block-text-= color-on-background: hsla(var(--black-hsl),1); --list-section-carousel-card= -title-color: hsla(var(--black-hsl),1); --tweak-gallery-icon-color: hsla(va= r(--white-hsl),1); --image-block-overlap-image-title-bg-color: hsla(var(--b= lack-hsl),1); --tweak-newsletter-block-title-color: hsla(var(--white-hsl),1= ); --image-block-collage-inline-link-color: hsla(var(--black-hsl),1); --twe= ak-newsletter-block-button-background-color-on-background: hsla(var(--black= -hsl),1); --tweak-product-basic-item-breadcumb-nav-color: hsla(var(--white-= hsl),1); --tweak-product-basic-item-description-color: hsla(var(--white-hsl= ),1); --tertiaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl),1); = --tweak-video-item-pagination-title-color: hsla(var(--white-hsl),1); --cour= se-list-grid-layout-course-item-border-color: hsla(var(--accent-hsl),1); --= portfolio-grid-basic-title-color: hsla(var(--white-hsl),1); --tweak-blog-al= ternating-side-by-side-list-title-color: hsla(var(--white-hsl),1); --menuOv= erlayNavigationLinkColor: hsla(var(--white-hsl),1); --product-detail-subscr= iptions-frequency-text-color: hsla(var(--white-hsl),1); --tweak-quote-block= -stroke-color: hsla(var(--safeLightAccent-hsl),1); --tweak-portfolio-item-p= agination-title-color: hsla(var(--white-hsl),1); --tweak-form-block-title-c= olor-on-background: hsla(var(--black-hsl),1); --image-block-collage-image-o= verlay-color: hsla(var(--darkAccent-hsl),1); --image-block-stack-image-butt= on-text-color: hsla(var(--safeInverseLightAccent-hsl),1); --tweak-text-bloc= k-stroke-color: hsla(var(--safeLightAccent-hsl),1); --tweak-paragraph-small= -color-on-background: hsla(var(--black-hsl),1); --product-detail-subscripti= ons-button-text-color: hsla(var(--safeInverseLightAccent-hsl),1); --tweak-a= ccordion-block-icon-color-on-background: hsla(var(--black-hsl),1); --announ= cement-bar-background-color: hsla(var(--white-hsl),1); --headingLinkColor: = hsla(var(--lightAccent-hsl),1); --headerBorderColor: hsla(var(--black-hsl),= 1); --course-item-nav-border-color: hsla(var(--white-hsl),.25); --tweak-quo= te-block-background-color: hsla(var(--white-hsl),1); --tweak-summary-block-= header-text-color: hsla(var(--white-hsl),1); --list-section-carousel-card-b= utton-background-color: hsla(var(--safeDarkAccent-hsl),1); --list-section-c= arousel-card-color: hsla(var(--white-hsl),1); --tweak-blog-masonry-list-rea= d-more-color: hsla(var(--safeLightAccent-hsl),1); --course-list-grid-layout= -course-item-background-color: hsla(var(--white-hsl),1); --list-section-ban= ner-slideshow-title-color: hsla(var(--white-hsl),1); --tweak-product-grid-t= ext-below-list-category-nav-color: hsla(var(--white-hsl),1); --tweak-accord= ion-block-background-color: hsla(var(--white-hsl),1); --tweak-menu-block-it= em-title-color: hsla(var(--white-hsl),1); --headingMediumColor: hsla(var(--= white-hsl),1); --list-section-carousel-button-background-color: hsla(var(--= safeLightAccent-hsl),1); --tweak-accordion-block-divider-color-on-backgroun= d: hsla(var(--black-hsl),1); --tweak-gallery-lightbox-icon-color: hsla(var(= --white-hsl),1); --tweak-form-block-description-color: hsla(var(--white-hsl= ),1); --tweak-summary-block-secondary-metadata-color-on-background: hsla(va= r(--black-hsl),1); --list-section-carousel-description-color: hsla(var(--wh= ite-hsl),1); --tweak-blog-masonry-list-title-color: hsla(var(--white-hsl),1= ); --tweak-form-block-caption-color-on-background: hsla(var(--black-hsl),1)= ; --tweak-form-block-title-color: hsla(var(--white-hsl),1); --tweak-video-i= tem-title-color: hsla(var(--white-hsl),1); --image-block-collage-image-butt= on-text-color: hsla(var(--safeInverseDarkAccent-hsl),1); --list-section-ban= ner-slideshow-description-color: hsla(var(--white-hsl),1); --image-block-st= ack-image-title-color: hsla(var(--white-hsl),1); --tweak-form-block-field-i= nput-color-on-background: hsla(var(--black-hsl),1); --tweak-form-block-fiel= d-input-color-on-background-hsl: var(--black-hsl); --tweak-form-block-field= -input-color-on-background-a: 1; --headingExtraLargeColor: hsla(var(--white= -hsl),1); --tweak-blog-item-meta-color: hsla(var(--white-hsl),1); --toggle-= off-color: hsla(var(--lightAccent-hsl),1); --image-block-card-image-overlay= -color: hsla(var(--darkAccent-hsl),1); --image-block-poster-image-overlay-c= olor: hsla(var(--darkAccent-hsl),1); --paragraphLinkColor: hsla(var(--safeL= ightAccent-hsl),1); --tweak-newsletter-block-description-color-on-backgroun= d: hsla(var(--black-hsl),1); --siteBackgroundColor: hsla(var(--black-hsl),1= ); --list-section-simple-card-description-color: hsla(var(--black-hsl),1); = --image-block-card-image-button-bg-color: hsla(var(--safeLightAccent-hsl),1= ); --secondaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl),1); --= tweak-newsletter-block-description-color: hsla(var(--white-hsl),1); --tweak= -form-block-field-border-color: hsla(var(--white-hsl),1); --tweak-form-bloc= k-field-border-color-hsl: var(--white-hsl); --tweak-form-block-field-border= -color-a: 1; --course-list-grid-layout-course-item-text-color: hsla(var(--b= lack-hsl),1); --image-block-poster-image-button-text-color: hsla(var(--safe= InverseLightAccent-hsl),1); --solidHeaderBorderColor: hsla(var(--black-hsl)= ,1); --tweak-gallery-lightbox-background-color: hsla(var(--black-hsl),1); -= -list-section-carousel-arrow-background-color: hsla(var(--safeLightAccent-h= sl),1); --tweak-form-block-option-color: hsla(var(--white-hsl),1); --image-= block-card-image-title-color: hsla(var(--white-hsl),1); --tweak-gallery-ico= n-background-color: hsla(var(--black-hsl),1); --tweak-form-block-button-bac= kground-color: hsla(var(--safeLightAccent-hsl),1); --tweak-heading-extra-la= rge-color-on-background: hsla(var(--black-hsl),1); --image-block-overlap-im= age-button-bg-color: hsla(var(--safeLightAccent-hsl),1); --video-grid-categ= ory-nav-color: hsla(var(--white-hsl),1); --tweak-blog-side-by-side-list-tit= le-color: hsla(var(--white-hsl),1); --tweak-video-item-meta-color: hsla(var= (--white-hsl),1); --tweak-blog-side-by-side-list-meta-color: hsla(var(--whi= te-hsl),1); --image-block-overlap-image-overlay-color: hsla(var(--darkAccen= t-hsl),1); --tweak-line-block-line-color: hsla(var(--white-hsl),1); --tweak= -blog-item-author-profile-color: hsla(var(--white-hsl),1); --tweak-form-blo= ck-survey-title-color-on-background: hsla(var(--black-hsl),1); --tweak-blog= -basic-grid-list-excerpt-color: hsla(var(--white-hsl),1); --tweak-marquee-b= lock-paragraph-color: hsla(var(--white-hsl),1); --headerDropShadowColor: hs= la(var(--black-hsl),1); --portfolio-hover-static-title-color: hsla(var(--wh= ite-hsl),1); --tweak-menu-block-nav-color: hsla(var(--white-hsl),1); --anno= uncement-bar-text-color: hsla(var(--black-hsl),1); --tweak-product-basic-it= em-sale-price-color: hsla(var(--accent-hsl),1); --tweak-newsletter-block-bu= tton-text-color: hsla(var(--safeInverseLightAccent-hsl),1); --solidHeaderBa= ckgroundColor: hsla(var(--white-hsl),1); --summary-block-limited-availabili= ty-label-color: hsla(var(--white-hsl),1); --list-section-simple-card-descri= ption-link-color: hsla(var(--safeLightAccent-hsl),1); --donation-block-back= ground-color: hsla(var(--white-hsl),1); --tweak-quote-block-text-color: hsl= a(var(--white-hsl),1); --list-section-simple-card-button-text-color: hsla(v= ar(--safeInverseDarkAccent-hsl),1); --image-block-collage-image-button-bg-c= olor: hsla(var(--safeDarkAccent-hsl),1); --social-links-block-secondary-ico= n-color: hsla(var(--black-hsl),1); --tweak-blog-alternating-side-by-side-li= st-meta-color: hsla(var(--white-hsl),1); --course-item-nav-background-color= : hsla(var(--darkAccent-hsl),1); --portfolio-index-background-title-color: = hsla(var(--white-hsl),1); --portfolio-hover-follow-title-color: hsla(var(--= white-hsl),1); --tweak-blog-basic-grid-list-title-color: hsla(var(--white-h= sl),1); --tweak-video-item-description-color: hsla(var(--white-hsl),1); --t= weak-heading-large-color-on-background: hsla(var(--black-hsl),1); --tweak-v= ideo-item-pagination-icon-color: hsla(var(--white-hsl),1); --tweak-blog-sid= e-by-side-list-excerpt-color: hsla(var(--white-hsl),1); --image-block-stack= -image-overlay-color: hsla(var(--darkAccent-hsl),1); --tweak-marquee-block-= heading-color: hsla(var(--white-hsl),1); --tweak-blog-single-column-list-me= ta-color: hsla(var(--white-hsl),1); --tweak-form-block-field-accessory-colo= r-on-background: hsla(var(--black-hsl),1); --donation-block-stroke-color: h= sla(var(--safeDarkAccent-hsl),1); --tweak-paragraph-large-color-on-backgrou= nd: hsla(var(--black-hsl),1); --image-block-collage-image-title-bg-color: h= sla(var(--black-hsl),0); --tweak-newsletter-block-background-color: hsla(va= r(--white-hsl),1); --toggle-on-color: hsla(var(--accent-hsl),1); --list-sec= tion-banner-slideshow-arrow-background-color: hsla(var(--safeLightAccent-hs= l),1); --tweak-product-basic-item-price-color: hsla(var(--white-hsl),1); --= image-block-poster-image-button-bg-color: hsla(var(--safeLightAccent-hsl),1= ); --course-list-grid-layout-course-item-hover-background-color: hsla(var(-= -white-hsl),.95); --list-section-simple-card-title-color: hsla(var(--black-= hsl),1); --tweak-form-block-option-color-on-background: hsla(var(--black-hs= l),1); --primaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl),1); = --product-detail-one-time-purchase-price-text-color: hsla(var(--white-hsl),= 1); --list-section-banner-slideshow-card-title-color: hsla(var(--black-hsl)= ,1); --tweak-events-item-pagination-icon-color: hsla(var(--white-hsl),1); -= -shape-block-dropshadow-color: hsla(var(--white-hsl),1); --navigationLinkCo= lor: hsla(var(--white-hsl),1); --tweak-form-block-field-input-color: hsla(v= ar(--white-hsl),1); --tweak-form-block-field-input-color-hsl: var(--white-h= sl); --tweak-form-block-field-input-color-a: 1; --image-block-card-image-ti= tle-bg-color: hsla(var(--black-hsl),1); --tweak-quote-block-source-color: h= sla(var(--white-hsl),1); --menuOverlayButtonTextColor: hsla(var(--safeInver= seLightAccent-hsl),1); --tweak-blog-item-title-color: hsla(var(--white-hsl)= ,1); --tweak-newsletter-block-button-background-color: hsla(var(--safeLight= Accent-hsl),1); --list-section-banner-slideshow-card-description-color: hsl= a(var(--black-hsl),1); --tweak-blog-masonry-list-excerpt-color: hsla(var(--= white-hsl),1); --menuOverlayBackgroundColor: hsla(var(--black-hsl),1); --im= age-block-overlap-image-title-color: hsla(var(--white-hsl),1); --tweak-blog= -side-by-side-list-read-more-color: hsla(var(--safeLightAccent-hsl),1); --p= rimaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl),1); --tweak-s= ummary-block-secondary-metadata-color: hsla(var(--white-hsl),1); --tweak-bl= og-single-column-list-title-color: hsla(var(--white-hsl),1); --headingSmall= Color: hsla(var(--white-hsl),1); --portfolio-grid-overlay-overlay-color: hs= la(var(--black-hsl),1); --course-list-course-chapter-divider-color: hsla(va= r(--accent-hsl),1); --list-section-carousel-button-text-color: hsla(var(--s= afeInverseLightAccent-hsl),1); --gradientHeaderNavigationColor: hsla(var(--= black-hsl),1); --image-block-overlap-inline-link-color: hsla(var(--white-hs= l),1); --list-section-simple-card-button-background-color: hsla(var(--safeD= arkAccent-hsl),1); --tweak-events-item-pagination-date-color: hsla(var(--wh= ite-hsl),1); --list-section-banner-slideshow-button-text-color: hsla(var(--= safeInverseLightAccent-hsl),1); --video-preview-badge-background-color: hsl= a(var(--white-hsl),1); --course-list-course-item-background: hsla(var(--whi= te-hsl),1); --tweak-product-grid-text-below-list-scarcity-color: hsla(var(-= -white-hsl),1); --tweak-text-block-background-color: hsla(var(--white-hsl),= 1); --video-preview-badge-font-color: hsla(var(--black-hsl),1); --image-blo= ck-collage-image-title-color: hsla(var(--black-hsl),1); --image-block-colla= ge-image-subtitle-color: hsla(var(--black-hsl),1); --tweak-form-block-field= -fill-color: hsla(var(--darkAccent-hsl),1); --tweak-form-block-field-fill-c= olor-hsl: var(--darkAccent-hsl); --tweak-form-block-field-fill-color-a: 1; = --product-detail-subscriptions-button-background-color: hsla(var(--safeLigh= tAccent-hsl),1); --tweak-newsletter-block-stroke-color: hsla(var(--safeLigh= tAccent-hsl),1); --tweak-newsletter-block-title-color-on-background: hsla(v= ar(--black-hsl),1); --tweak-summary-block-excerpt-color-on-background: hsla= (var(--black-hsl),1); --list-section-simple-button-text-color: hsla(var(--s= afeInverseLightAccent-hsl),1); --tweak-accordion-block-stroke-color: hsla(v= ar(--safeLightAccent-hsl),1); --tweak-blog-item-comment-meta-color: hsla(va= r(--white-hsl),1); --section-inset-border-color: hsla(var(--white-hsl),1); = --list-section-simple-card-color: hsla(var(--white-hsl),1); --tweak-summary= -block-title-color-on-background: hsla(var(--black-hsl),1); --video-grid-ba= sic-title-color: hsla(var(--white-hsl),1); --course-item-nav-active-lesson-= background-color: hsla(var(--lightAccent-hsl),1); --tweak-product-basic-ite= m-variant-fields-color: hsla(var(--white-hsl),1); --tweak-form-block-descri= ption-color-on-background: hsla(var(--black-hsl),1); --tweak-product-grid-t= ext-below-list-pagination-color: hsla(var(--white-hsl),1); --text-highlight= -color-on-background: hsla(var(--safeLightAccent-hsl),1); --image-block-car= d-image-subtitle-color: hsla(var(--white-hsl),1); --tweak-blog-basic-grid-l= ist-read-more-color: hsla(var(--safeLightAccent-hsl),1); --tweak-product-gr= id-text-below-list-title-color: hsla(var(--white-hsl),1); --tweak-form-bloc= k-field-accent-color-on-background: hsla(var(--accent-hsl),1); --tweak-form= -block-field-accent-color-on-background-hsl: var(--accent-hsl); --tweak-for= m-block-field-accent-color-on-background-a: 1; --section-divider-stroke-col= or: hsla(var(--safeLightAccent-hsl),1); --list-section-title-color: hsla(va= r(--white-hsl),1); --image-block-collage-background-color: hsla(var(--white= -hsl),1); --tweak-product-grid-text-below-list-sale-price-color: hsla(var(-= -accent-hsl),1); --text-highlight-color: hsla(var(--safeLightAccent-hsl),1)= ; --tweak-content-link-block-title-color: hsla(var(--white-hsl),1); --tweak= -summary-block-excerpt-color: hsla(var(--white-hsl),1); --tweak-summary-blo= ck-stroke-color: hsla(var(--safeLightAccent-hsl),1); --tweak-marquee-block-= background-color: hsla(var(--white-hsl),1); --tweak-form-block-field-accent= -color: hsla(var(--accent-hsl),1); --tweak-form-block-field-accent-color-hs= l: var(--accent-hsl); --tweak-form-block-field-accent-color-a: 1; --list-se= ction-carousel-title-color: hsla(var(--white-hsl),1); --image-block-poster-= image-title-color: hsla(var(--white-hsl),1); --tweak-product-grid-text-belo= w-list-status-color: hsla(var(--accent-hsl),1); --list-section-banner-slide= show-card-color: hsla(var(--white-hsl),1); --tweak-paragraph-link-color-on-= background: hsla(var(--safeLightAccent-hsl),1); --image-block-overlay-color= : hsla(var(--black-hsl),.5); --list-section-carousel-arrow-color: hsla(var(= --safeInverseLightAccent-hsl),1); --solidHeaderNavigationColor: hsla(var(--= black-hsl),1); --tertiaryButtonTextColor: hsla(var(--safeInverseLightAccent= -hsl),1); --tweak-blog-single-column-list-excerpt-color: hsla(var(--white-h= sl),1); --tweak-blog-basic-grid-list-meta-color: hsla(var(--white-hsl),1); = --list-section-banner-slideshow-card-button-text-color: hsla(var(--safeInve= rseDarkAccent-hsl),1); --tweak-marquee-block-stroke-color: hsla(var(--safeL= ightAccent-hsl),1); --tweak-form-block-button-background-color-on-backgroun= d: hsla(var(--safeDarkAccent-hsl),1); --tweak-product-quick-view-lightbox-o= verlay-color: hsla(var(--white-hsl),1); --tweak-blog-masonry-list-meta-colo= r: hsla(var(--white-hsl),1); --social-links-block-main-icon-color: hsla(var= (--white-hsl),1); --image-block-card-image-button-text-color: hsla(var(--sa= feInverseLightAccent-hsl),1); --list-section-simple-description-color: hsla= (var(--white-hsl),1); --image-block-poster-image-subtitle-color: hsla(var(-= -white-hsl),1); --tweak-newsletter-block-footnote-color: hsla(var(--white-h= sl),1); --tweak-newsletter-block-footnote-color-on-background: hsla(var(--b= lack-hsl),1); --shape-block-background-color: hsla(var(--white-hsl),1); --t= weak-heading-medium-color-on-background: hsla(var(--black-hsl),1); --tweak-= heading-small-color-on-background: hsla(var(--black-hsl),1); --tweak-blog-i= tem-pagination-title-color: hsla(var(--white-hsl),1); --video-grid-basic-de= scription-color: hsla(var(--white-hsl),1); --tweak-menu-block-item-price-co= lor: hsla(var(--white-hsl),1); --image-block-overlap-image-button-text-colo= r: hsla(var(--safeInverseLightAccent-hsl),1); --list-section-simple-title-c= olor: hsla(var(--white-hsl),1); --tweak-product-quick-view-lightbox-control= s-color: hsla(var(--black-hsl),1); --list-section-banner-slideshow-arrow-co= lor: hsla(var(--safeInverseLightAccent-hsl),1); --course-list-course-progre= ss-bar-color: hsla(var(--accent-hsl),1); --tweak-accordion-block-divider-co= lor: hsla(var(--white-hsl),1); --tweak-form-block-field-fill-color-on-backg= round: hsla(var(--lightAccent-hsl),1); --tweak-form-block-field-fill-color-= on-background-hsl: var(--lightAccent-hsl); --tweak-form-block-field-fill-co= lor-on-background-a: 1; --tweak-summary-block-primary-metadata-color: hsla(= var(--white-hsl),1); --tweak-form-block-background-color: hsla(var(--white-= hsl),1); --tweak-form-block-field-accessory-color: hsla(var(--white-hsl),1)= ; --tweak-form-block-button-text-color-on-background: hsla(var(--safeInvers= eDarkAccent-hsl),1); --tweak-blog-alternating-side-by-side-list-excerpt-col= or: hsla(var(--white-hsl),1); --tweak-form-block-caption-color: hsla(var(--= white-hsl),1); --image-block-stack-image-button-bg-color: hsla(var(--safeLi= ghtAccent-hsl),1); --shape-block-stroke-color: hsla(var(--safeDarkAccent-hs= l),1); --list-section-banner-slideshow-card-button-background-color: hsla(v= ar(--safeDarkAccent-hsl),1); --tweak-marquee-block-heading-color-on-backgro= und: hsla(var(--black-hsl),1); --image-block-stack-image-title-bg-color: hs= la(var(--black-hsl),0); --secondaryButtonTextColor: hsla(var(--safeInverseL= ightAccent-hsl),1); --product-detail-subscriptions-description-text-color: = hsla(var(--white-hsl),1); --headingLargeColor: hsla(var(--white-hsl),1); --= tweak-blog-single-column-list-read-more-color: hsla(var(--safeLightAccent-h= sl),1); --tweak-product-grid-text-below-list-price-color: hsla(var(--white-= hsl),1); --tweak-portfolio-item-pagination-meta-color: hsla(var(--white-hsl= ),1); --list-section-carousel-card-description-link-color: hsla(var(--safeL= ightAccent-hsl),1); --tweak-summary-block-title-color: hsla(var(--white-hsl= ),1); --tweak-form-block-button-text-color: hsla(var(--safeInverseLightAcce= nt-hsl),1); --backgroundOverlayColor: hsla(var(--black-hsl),1); --tweak-pro= duct-basic-item-gallery-controls-color: hsla(var(--safeInverseLightAccent-h= sl),1); --image-block-poster-image-title-bg-color-v2: hsla(var(--black-hsl)= ,0); --gradientHeaderDropShadowColor: hsla(var(--black-hsl),1); --list-sect= ion-banner-slideshow-button-background-color: hsla(var(--safeLightAccent-hs= l),1); --tweak-events-item-pagination-title-color: hsla(var(--white-hsl),1)= ; --gradientHeaderBackgroundColor: hsla(var(--white-hsl),1); --menuOverlayB= uttonBackgroundColor: hsla(var(--safeLightAccent-hsl),1); --image-block-ove= rlap-image-subtitle-color: hsla(var(--white-hsl),1); --course-list-course-i= tem-text-color: hsla(var(--black-hsl),1); --tweak-blog-item-pagination-meta= -color: hsla(var(--white-hsl),1); --course-list-grid-layout-chapter-divider= -color: hsla(var(--white-hsl),1); --tweak-form-block-field-border-color-on-= background: hsla(var(--black-hsl),1); --tweak-form-block-field-border-color= -on-background-hsl: var(--black-hsl); --tweak-form-block-field-border-color= -on-background-a: 1; --tweak-product-basic-item-scarcity-color: hsla(var(--= accent-hsl),1); --image-block-poster-inline-link-color: hsla(var(--white-hs= l),1); --tweak-menu-block-item-description-color: hsla(var(--white-hsl),1);= --tweak-newsletter-block-button-text-color-on-background: hsla(var(--safeI= nverseDarkAccent-hsl),1); --course-item-nav-active-lesson-text-color: hsla(= var(--black-hsl),1); --image-block-stack-image-subtitle-color: hsla(var(--w= hite-hsl),1); --tweak-form-block-stroke-color: hsla(var(--safeLightAccent-h= sl),1); --course-list-course-item-hover-background: hsla(var(--white-hsl),.= 95); --video-grid-basic-meta-color: hsla(var(--white-hsl),1); --tweak-portf= olio-item-pagination-icon-color: hsla(var(--white-hsl),1); --product-detail= -subscriptions-title-color: hsla(var(--white-hsl),1); } [data-section-theme=3D"black-bold"] { --course-item-nav-text-color: hsla(va= r(--white-hsl),1); --tweak-blog-item-pagination-icon-color: hsla(var(--whit= e-hsl),1); --tweak-summary-block-read-more-color-on-background: hsla(var(--= safeDarkAccent-hsl),1); --tweak-quote-block-source-color-on-background: hsl= a(var(--safeDarkAccent-hsl),1); --paragraphSmallColor: hsla(var(--white-hsl= ),1); --list-section-simple-button-background-color: hsla(var(--safeLightAc= cent-hsl),1); --gradientHeaderBorderColor: hsla(var(--black-hsl),1); --twea= k-summary-block-header-text-color-on-background: hsla(var(--safeDarkAccent-= hsl),1); --solidHeaderDropShadowColor: hsla(var(--black-hsl),1); --tweak-bl= og-alternating-side-by-side-list-read-more-color: hsla(var(--safeLightAccen= t-hsl),1); --tweak-summary-block-background-color: hsla(var(--white-hsl),1)= ; --tweak-form-block-survey-title-color: hsla(var(--white-hsl),1); --list-s= ection-carousel-card-description-color: hsla(var(--black-hsl),1); --image-b= lock-card-inline-link-color: hsla(var(--white-hsl),1); --paragraphLargeColo= r: hsla(var(--white-hsl),1); --tweak-summary-block-primary-metadata-color-o= n-background: hsla(var(--safeDarkAccent-hsl),1); --tweak-blog-item-comment-= text-color: hsla(var(--white-hsl),1); --tweak-summary-block-read-more-color= : hsla(var(--white-hsl),1); --list-section-banner-slideshow-card-descriptio= n-link-color: hsla(var(--safeLightAccent-hsl),1); --image-block-stack-inlin= e-link-color: hsla(var(--white-hsl),1); --tweak-menu-block-title-color: hsl= a(var(--safeLightAccent-hsl),1); --list-section-carousel-card-button-text-c= olor: hsla(var(--safeInverseDarkAccent-hsl),1); --tweak-paragraph-medium-co= lor-on-background: hsla(var(--safeDarkAccent-hsl),1); --portfolio-grid-over= lay-title-color: hsla(var(--white-hsl),1); --tweak-accordion-block-icon-col= or: hsla(var(--white-hsl),1); --tweak-marquee-block-paragraph-color-on-back= ground: hsla(var(--safeDarkAccent-hsl),1); --tweak-product-quick-view-butto= n-color: hsla(var(--black-hsl),1); --product-detail-subscription-price-text= -color: hsla(var(--white-hsl),1); --paragraphMediumColor: hsla(var(--white-= hsl),1); --siteTitleColor: hsla(var(--safeLightAccent-hsl),1); --tweak-prod= uct-basic-item-title-color: hsla(var(--safeLightAccent-hsl),1); --tweak-quo= te-block-text-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --lis= t-section-carousel-card-title-color: hsla(var(--safeDarkAccent-hsl),1); --t= weak-gallery-icon-color: hsla(var(--white-hsl),1); --image-block-overlap-im= age-title-bg-color: hsla(var(--black-hsl),1); --tweak-newsletter-block-titl= e-color: hsla(var(--white-hsl),1); --image-block-collage-inline-link-color:= hsla(var(--safeDarkAccent-hsl),1); --tweak-newsletter-block-button-backgro= und-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --tweak-product= -basic-item-breadcumb-nav-color: hsla(var(--white-hsl),1); --tweak-product-= basic-item-description-color: hsla(var(--white-hsl),1); --tertiaryButtonBac= kgroundColor: hsla(var(--safeLightAccent-hsl),1); --tweak-video-item-pagina= tion-title-color: hsla(var(--accent-hsl),1); --course-list-grid-layout-cour= se-item-border-color: hsla(var(--accent-hsl),1); --portfolio-grid-basic-tit= le-color: hsla(var(--safeLightAccent-hsl),1); --tweak-blog-alternating-side= -by-side-list-title-color: hsla(var(--safeLightAccent-hsl),1); --menuOverla= yNavigationLinkColor: hsla(var(--safeLightAccent-hsl),1); --product-detail-= subscriptions-frequency-text-color: hsla(var(--white-hsl),1); --tweak-quote= -block-stroke-color: hsla(var(--safeLightAccent-hsl),1); --tweak-portfolio-= item-pagination-title-color: hsla(var(--white-hsl),1); --tweak-form-block-t= itle-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --image-block-= collage-image-overlay-color: hsla(var(--darkAccent-hsl),1); --image-block-s= tack-image-button-text-color: hsla(var(--safeInverseLightAccent-hsl),1); --= tweak-text-block-stroke-color: hsla(var(--safeLightAccent-hsl),1); --tweak-= paragraph-small-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --p= roduct-detail-subscriptions-button-text-color: hsla(var(--safeInverseLightA= ccent-hsl),1); --tweak-accordion-block-icon-color-on-background: hsla(var(-= -safeDarkAccent-hsl),1); --announcement-bar-background-color: hsla(var(--ac= cent-hsl),1); --headingLinkColor: hsla(var(--safeLightAccent-hsl),1); --hea= derBorderColor: hsla(var(--black-hsl),1); --course-item-nav-border-color: h= sla(var(--white-hsl),.25); --tweak-quote-block-background-color: hsla(var(-= -white-hsl),1); --tweak-summary-block-header-text-color: hsla(var(--white-h= sl),1); --list-section-carousel-card-button-background-color: hsla(var(--sa= feDarkAccent-hsl),1); --list-section-carousel-card-color: hsla(var(--white-= hsl),1); --tweak-blog-masonry-list-read-more-color: hsla(var(--safeLightAcc= ent-hsl),1); --course-list-grid-layout-course-item-background-color: hsla(v= ar(--white-hsl),1); --list-section-banner-slideshow-title-color: hsla(var(-= -safeLightAccent-hsl),1); --tweak-product-grid-text-below-list-category-nav= -color: hsla(var(--white-hsl),1); --tweak-accordion-block-background-color:= hsla(var(--white-hsl),1); --tweak-menu-block-item-title-color: hsla(var(--= white-hsl),1); --headingMediumColor: hsla(var(--safeLightAccent-hsl),1); --= list-section-carousel-button-background-color: hsla(var(--safeLightAccent-h= sl),1); --tweak-accordion-block-divider-color-on-background: hsla(var(--saf= eDarkAccent-hsl),1); --tweak-gallery-lightbox-icon-color: hsla(var(--white-= hsl),1); --tweak-form-block-description-color: hsla(var(--white-hsl),1); --= tweak-summary-block-secondary-metadata-color-on-background: hsla(var(--safe= DarkAccent-hsl),1); --list-section-carousel-description-color: hsla(var(--w= hite-hsl),1); --tweak-blog-masonry-list-title-color: hsla(var(--safeLightAc= cent-hsl),1); --tweak-form-block-caption-color-on-background: hsla(var(--sa= feDarkAccent-hsl),1); --tweak-form-block-title-color: hsla(var(--white-hsl)= ,1); --tweak-video-item-title-color: hsla(var(--accent-hsl),1); --image-blo= ck-collage-image-button-text-color: hsla(var(--safeInverseDarkAccent-hsl),1= ); --list-section-banner-slideshow-description-color: hsla(var(--white-hsl)= ,1); --image-block-stack-image-title-color: hsla(var(--white-hsl),1); --twe= ak-form-block-field-input-color-on-background: hsla(var(--black-hsl),1); --= tweak-form-block-field-input-color-on-background-hsl: var(--black-hsl); --t= weak-form-block-field-input-color-on-background-a: 1; --headingExtraLargeCo= lor: hsla(var(--safeLightAccent-hsl),1); --tweak-blog-item-meta-color: hsla= (var(--white-hsl),1); --toggle-off-color: hsla(var(--lightAccent-hsl),1); -= -image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl),1); --ima= ge-block-poster-image-overlay-color: hsla(var(--darkAccent-hsl),1); --parag= raphLinkColor: hsla(var(--safeLightAccent-hsl),1); --tweak-newsletter-block= -description-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --site= BackgroundColor: hsla(var(--black-hsl),1); --list-section-simple-card-descr= iption-color: hsla(var(--black-hsl),1); --image-block-card-image-button-bg-= color: hsla(var(--safeLightAccent-hsl),1); --secondaryButtonBackgroundColor= : hsla(var(--safeLightAccent-hsl),1); --tweak-newsletter-block-description-= color: hsla(var(--white-hsl),1); --tweak-form-block-field-border-color: hsl= a(var(--white-hsl),1); --tweak-form-block-field-border-color-hsl: var(--whi= te-hsl); --tweak-form-block-field-border-color-a: 1; --course-list-grid-lay= out-course-item-text-color: hsla(var(--black-hsl),1); --image-block-poster-= image-button-text-color: hsla(var(--safeInverseLightAccent-hsl),1); --solid= HeaderBorderColor: hsla(var(--black-hsl),1); --tweak-gallery-lightbox-backg= round-color: hsla(var(--black-hsl),1); --list-section-carousel-arrow-backgr= ound-color: hsla(var(--safeLightAccent-hsl),1); --tweak-form-block-option-c= olor: hsla(var(--white-hsl),1); --image-block-card-image-title-color: hsla(= var(--white-hsl),1); --tweak-gallery-icon-background-color: hsla(var(--blac= k-hsl),1); --tweak-form-block-button-background-color: hsla(var(--safeLight= Accent-hsl),1); --tweak-heading-extra-large-color-on-background: hsla(var(-= -safeDarkAccent-hsl),1); --image-block-overlap-image-button-bg-color: hsla(= var(--safeLightAccent-hsl),1); --video-grid-category-nav-color: hsla(var(--= accent-hsl),1); --tweak-blog-side-by-side-list-title-color: hsla(var(--safe= LightAccent-hsl),1); --tweak-video-item-meta-color: hsla(var(--accent-hsl),= 1); --tweak-blog-side-by-side-list-meta-color: hsla(var(--white-hsl),1); --= image-block-overlap-image-overlay-color: hsla(var(--darkAccent-hsl),1); --t= weak-line-block-line-color: hsla(var(--safeLightAccent-hsl),1); --tweak-blo= g-item-author-profile-color: hsla(var(--white-hsl),1); --tweak-form-block-s= urvey-title-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --tweak= -blog-basic-grid-list-excerpt-color: hsla(var(--white-hsl),1); --tweak-marq= uee-block-paragraph-color: hsla(var(--white-hsl),1); --headerDropShadowColo= r: hsla(var(--black-hsl),1); --portfolio-hover-static-title-color: hsla(var= (--safeLightAccent-hsl),1); --tweak-menu-block-nav-color: hsla(var(--safeLi= ghtAccent-hsl),1); --announcement-bar-text-color: hsla(var(--safeInverseAcc= ent-hsl),1); --tweak-product-basic-item-sale-price-color: hsla(var(--accent= -hsl),1); --tweak-newsletter-block-button-text-color: hsla(var(--safeInvers= eLightAccent-hsl),1); --solidHeaderBackgroundColor: hsla(var(--white-hsl),1= ); --summary-block-limited-availability-label-color: hsla(var(--white-hsl),= 1); --list-section-simple-card-description-link-color: hsla(var(--safeLight= Accent-hsl),1); --donation-block-background-color: hsla(var(--white-hsl),1)= ; --tweak-quote-block-text-color: hsla(var(--white-hsl),1); --list-section-= simple-card-button-text-color: hsla(var(--safeInverseDarkAccent-hsl),1); --= image-block-collage-image-button-bg-color: hsla(var(--safeDarkAccent-hsl),1= ); --social-links-block-secondary-icon-color: hsla(var(--black-hsl),1); --t= weak-blog-alternating-side-by-side-list-meta-color: hsla(var(--white-hsl),1= ); --course-item-nav-background-color: hsla(var(--darkAccent-hsl),1); --por= tfolio-index-background-title-color: hsla(var(--white-hsl),1); --portfolio-= hover-follow-title-color: hsla(var(--safeLightAccent-hsl),1); --tweak-blog-= basic-grid-list-title-color: hsla(var(--safeLightAccent-hsl),1); --tweak-vi= deo-item-description-color: hsla(var(--accent-hsl),1); --tweak-heading-larg= e-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --tweak-video-ite= m-pagination-icon-color: hsla(var(--accent-hsl),1); --tweak-blog-side-by-si= de-list-excerpt-color: hsla(var(--white-hsl),1); --image-block-stack-image-= overlay-color: hsla(var(--darkAccent-hsl),1); --tweak-marquee-block-heading= -color: hsla(var(--safeLightAccent-hsl),1); --tweak-blog-single-column-list= -meta-color: hsla(var(--white-hsl),1); --tweak-form-block-field-accessory-c= olor-on-background: hsla(var(--black-hsl),1); --donation-block-stroke-color= : hsla(var(--safeDarkAccent-hsl),1); --tweak-paragraph-large-color-on-backg= round: hsla(var(--safeDarkAccent-hsl),1); --image-block-collage-image-title= -bg-color: hsla(var(--black-hsl),0); --tweak-newsletter-block-background-co= lor: hsla(var(--white-hsl),1); --toggle-on-color: hsla(var(--accent-hsl),1)= ; --list-section-banner-slideshow-arrow-background-color: hsla(var(--safeLi= ghtAccent-hsl),1); --tweak-product-basic-item-price-color: hsla(var(--white= -hsl),1); --image-block-poster-image-button-bg-color: hsla(var(--safeLightA= ccent-hsl),1); --course-list-grid-layout-course-item-hover-background-color= : hsla(var(--white-hsl),.95); --list-section-simple-card-title-color: hsla(= var(--safeDarkAccent-hsl),1); --tweak-form-block-option-color-on-background= : hsla(var(--safeDarkAccent-hsl),1); --primaryButtonBackgroundColor: hsla(v= ar(--safeLightAccent-hsl),1); --product-detail-one-time-purchase-price-text= -color: hsla(var(--white-hsl),1); --list-section-banner-slideshow-card-titl= e-color: hsla(var(--safeDarkAccent-hsl),1); --tweak-events-item-pagination-= icon-color: hsla(var(--white-hsl),1); --shape-block-dropshadow-color: hsla(= var(--white-hsl),1); --navigationLinkColor: hsla(var(--safeLightAccent-hsl)= ,1); --tweak-form-block-field-input-color: hsla(var(--white-hsl),1); --twea= k-form-block-field-input-color-hsl: var(--white-hsl); --tweak-form-block-fi= eld-input-color-a: 1; --image-block-card-image-title-bg-color: hsla(var(--b= lack-hsl),1); --tweak-quote-block-source-color: hsla(var(--white-hsl),1); -= -menuOverlayButtonTextColor: hsla(var(--safeInverseLightAccent-hsl),1); --t= weak-blog-item-title-color: hsla(var(--safeLightAccent-hsl),1); --tweak-new= sletter-block-button-background-color: hsla(var(--safeLightAccent-hsl),1); = --list-section-banner-slideshow-card-description-color: hsla(var(--black-hs= l),1); --tweak-blog-masonry-list-excerpt-color: hsla(var(--white-hsl),1); -= -menuOverlayBackgroundColor: hsla(var(--black-hsl),1); --image-block-overla= p-image-title-color: hsla(var(--white-hsl),1); --tweak-blog-side-by-side-li= st-read-more-color: hsla(var(--safeLightAccent-hsl),1); --primaryButtonText= Color: hsla(var(--safeInverseLightAccent-hsl),1); --tweak-summary-block-sec= ondary-metadata-color: hsla(var(--white-hsl),1); --tweak-blog-single-column= -list-title-color: hsla(var(--safeLightAccent-hsl),1); --headingSmallColor:= hsla(var(--safeLightAccent-hsl),1); --portfolio-grid-overlay-overlay-color= : hsla(var(--black-hsl),1); --course-list-course-chapter-divider-color: hsl= a(var(--accent-hsl),1); --list-section-carousel-button-text-color: hsla(var= (--safeInverseLightAccent-hsl),1); --gradientHeaderNavigationColor: hsla(va= r(--black-hsl),1); --image-block-overlap-inline-link-color: hsla(var(--whit= e-hsl),1); --list-section-simple-card-button-background-color: hsla(var(--s= afeDarkAccent-hsl),1); --tweak-events-item-pagination-date-color: hsla(var(= --white-hsl),1); --list-section-banner-slideshow-button-text-color: hsla(va= r(--safeInverseLightAccent-hsl),1); --video-preview-badge-background-color:= hsla(var(--white-hsl),1); --course-list-course-item-background: hsla(var(-= -white-hsl),1); --tweak-product-grid-text-below-list-scarcity-color: hsla(v= ar(--white-hsl),1); --tweak-text-block-background-color: hsla(var(--white-h= sl),1); --video-preview-badge-font-color: hsla(var(--black-hsl),1); --image= -block-collage-image-title-color: hsla(var(--safeDarkAccent-hsl),1); --imag= e-block-collage-image-subtitle-color: hsla(var(--safeDarkAccent-hsl),1); --= tweak-form-block-field-fill-color: hsla(var(--darkAccent-hsl),1); --tweak-f= orm-block-field-fill-color-hsl: var(--darkAccent-hsl); --tweak-form-block-f= ield-fill-color-a: 1; --product-detail-subscriptions-button-background-colo= r: hsla(var(--safeLightAccent-hsl),1); --tweak-newsletter-block-stroke-colo= r: hsla(var(--safeLightAccent-hsl),1); --tweak-newsletter-block-title-color= -on-background: hsla(var(--safeDarkAccent-hsl),1); --tweak-summary-block-ex= cerpt-color-on-background: hsla(var(--safeDarkAccent-hsl),1); --list-sectio= n-simple-button-text-color: hsla(var(--safeInverseLightAccent-hsl),1); --tw= eak-accordion-block-stroke-color: hsla(var(--safeLightAccent-hsl),1); --twe= ak-blog-item-comment-meta-color: hsla(var(--white-hsl),1); --section-inset-= border-color: hsla(var(--white-hsl),1); --list-section-simple-card-color: h= sla(var(--white-hsl),1); --tweak-summary-block-title-color-on-background: h= sla(var(--safeDarkAccent-hsl),1); --video-grid-basic-title-color: hsla(var(= --accent-hsl),1); --course-item-nav-active-lesson-background-color: hsla(va= r(--lightAccent-hsl),1); --tweak-product-basic-item-variant-fields-color: h= sla(var(--white-hsl),1); --tweak-form-block-description-color-on-background= : hsla(var(--safeDarkAccent-hsl),1); --tweak-product-grid-text-below-list-p= agination-color: hsla(var(--white-hsl),1); --text-highlight-color-on-backgr= ound: hsla(var(--safeLightAccent-hsl),1); --image-block-card-image-subtitle= -color: hsla(var(--white-hsl),1); --tweak-blog-basic-grid-list-read-more-co= lor: hsla(var(--safeLightAccent-hsl),1); --tweak-product-grid-text-below-li= st-title-color: hsla(var(--safeLightAccent-hsl),1); --tweak-form-block-fiel= d-accent-color-on-background: hsla(var(--accent-hsl),1); --tweak-form-block= -field-accent-color-on-background-hsl: var(--accent-hsl); --tweak-form-bloc= k-field-accent-color-on-background-a: 1; --section-divider-stroke-color: hs= la(var(--safeLightAccent-hsl),1); --list-section-title-color: hsla(var(--sa= feLightAccent-hsl),1); --image-block-collage-background-color: hsla(var(--w= hite-hsl),1); --tweak-product-grid-text-below-list-sale-price-color: hsla(v= ar(--accent-hsl),1); --text-highlight-color: hsla(var(--safeLightAccent-hsl= ),1); --tweak-content-link-block-title-color: hsla(var(--white-hsl),1); --t= weak-summary-block-excerpt-color: hsla(var(--white-hsl),1); --tweak-summary= -block-stroke-color: hsla(var(--safeLightAccent-hsl),1); --tweak-marquee-bl= ock-background-color: hsla(var(--white-hsl),1); --tweak-form-block-field-ac= cent-color: hsla(var(--accent-hsl),1); --tweak-form-block-field-accent-colo= r-hsl: var(--accent-hsl); --tweak-form-block-field-accent-color-a: 1; --lis= t-section-carousel-title-color: hsla(var(--safeLightAccent-hsl),1); --image= -block-poster-image-title-color: hsla(var(--white-hsl),1); --tweak-product-= grid-text-below-list-status-color: hsla(var(--accent-hsl),1); --list-sectio= n-banner-slideshow-card-color: hsla(var(--white-hsl),1); --tweak-paragraph-= link-color-on-background: hsla(var(--safeLightAccent-hsl),1); --image-block= -overlay-color: hsla(var(--black-hsl),.5); --list-section-carousel-arrow-co= lor: hsla(var(--safeInverseLightAccent-hsl),1); --solidHeaderNavigationColo= r: hsla(var(--black-hsl),1); --tertiaryButtonTextColor: hsla(var(--safeInve= rseLightAccent-hsl),1); --tweak-blog-single-column-list-excerpt-color: hsla= (var(--white-hsl),1); --tweak-blog-basic-grid-list-meta-color: hsla(var(--w= hite-hsl),1); --list-section-banner-slideshow-card-button-text-color: hsla(= var(--safeInverseDarkAccent-hsl),1); --tweak-marquee-block-stroke-color: hs= la(var(--safeLightAccent-hsl),1); --tweak-form-block-button-background-colo= r-on-background: hsla(var(--safeDarkAccent-hsl),1); --tweak-product-quick-v= iew-lightbox-overlay-color: hsla(var(--white-hsl),1); --tweak-blog-masonry-= list-meta-color: hsla(var(--white-hsl),1); --social-links-block-main-icon-c= olor: hsla(var(--white-hsl),1); --image-block-card-image-button-text-color:= hsla(var(--safeInverseLightAccent-hsl),1); --list-section-simple-descripti= on-color: hsla(var(--white-hsl),1); --image-block-poster-image-subtitle-col= or: hsla(var(--white-hsl),1); --tweak-newsletter-block-footnote-color: hsla= (var(--white-hsl),1); --tweak-newsletter-block-footnote-color-on-background= : hsla(var(--safeDarkAccent-hsl),1); --shape-block-background-color: hsla(v= ar(--white-hsl),1); --tweak-heading-medium-color-on-background: hsla(var(--= safeDarkAccent-hsl),1); --tweak-heading-small-color-on-background: hsla(var= (--safeDarkAccent-hsl),1); --tweak-blog-item-pagination-title-color: hsla(v= ar(--white-hsl),1); --video-grid-basic-description-color: hsla(var(--accent= -hsl),1); --tweak-menu-block-item-price-color: hsla(var(--white-hsl),1); --= image-block-overlap-image-button-text-color: hsla(var(--safeInverseLightAcc= ent-hsl),1); --list-section-simple-title-color: hsla(var(--safeLightAccent-= hsl),1); --tweak-product-quick-view-lightbox-controls-color: hsla(var(--bla= ck-hsl),1); --list-section-banner-slideshow-arrow-color: hsla(var(--safeInv= erseLightAccent-hsl),1); --course-list-course-progress-bar-color: hsla(var(= --accent-hsl),1); --tweak-accordion-block-divider-color: hsla(var(--white-h= sl),1); --tweak-form-block-field-fill-color-on-background: hsla(var(--light= Accent-hsl),1); --tweak-form-block-field-fill-color-on-background-hsl: var(= --lightAccent-hsl); --tweak-form-block-field-fill-color-on-background-a: 1;= --tweak-summary-block-primary-metadata-color: hsla(var(--white-hsl),1); --= tweak-form-block-background-color: hsla(var(--white-hsl),1); --tweak-form-b= lock-field-accessory-color: hsla(var(--white-hsl),1); --tweak-form-block-bu= tton-text-color-on-background: hsla(var(--safeInverseDarkAccent-hsl),1); --= tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(var(--white-hs= l),1); --tweak-form-block-caption-color: hsla(var(--white-hsl),1); --image-= block-stack-image-button-bg-color: hsla(var(--safeLightAccent-hsl),1); --sh= ape-block-stroke-color: hsla(var(--safeDarkAccent-hsl),1); --list-section-b= anner-slideshow-card-button-background-color: hsla(var(--safeDarkAccent-hsl= ),1); --tweak-marquee-block-heading-color-on-background: hsla(var(--safeDar= kAccent-hsl),1); --image-block-stack-image-title-bg-color: hsla(var(--black= -hsl),0); --secondaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl= ),1); --product-detail-subscriptions-description-text-color: hsla(var(--whi= te-hsl),1); --headingLargeColor: hsla(var(--safeLightAccent-hsl),1); --twea= k-blog-single-column-list-read-more-color: hsla(var(--safeLightAccent-hsl),= 1); --tweak-product-grid-text-below-list-price-color: hsla(var(--white-hsl)= ,1); --tweak-portfolio-item-pagination-meta-color: hsla(var(--white-hsl),1)= ; --list-section-carousel-card-description-link-color: hsla(var(--safeLight= Accent-hsl),1); --tweak-summary-block-title-color: hsla(var(--white-hsl),1)= ; --tweak-form-block-button-text-color: hsla(var(--safeInverseLightAccent-h= sl),1); --backgroundOverlayColor: hsla(var(--black-hsl),1); --tweak-product= -basic-item-gallery-controls-color: hsla(var(--safeInverseLightAccent-hsl),= 1); --image-block-poster-image-title-bg-color-v2: hsla(var(--black-hsl),0);= --gradientHeaderDropShadowColor: hsla(var(--black-hsl),1); --list-section-= banner-slideshow-button-background-color: hsla(var(--safeLightAccent-hsl),1= ); --tweak-events-item-pagination-title-color: hsla(var(--white-hsl),1); --= gradientHeaderBackgroundColor: hsla(var(--white-hsl),1); --menuOverlayButto= nBackgroundColor: hsla(var(--safeLightAccent-hsl),1); --image-block-overlap= -image-subtitle-color: hsla(var(--white-hsl),1); --course-list-course-item-= text-color: hsla(var(--black-hsl),1); --tweak-blog-item-pagination-meta-col= or: hsla(var(--white-hsl),1); --course-list-grid-layout-chapter-divider-col= or: hsla(var(--safeLightAccent-hsl),1); --tweak-form-block-field-border-col= or-on-background: hsla(var(--black-hsl),1); --tweak-form-block-field-border= -color-on-background-hsl: var(--black-hsl); --tweak-form-block-field-border= -color-on-background-a: 1; --tweak-product-basic-item-scarcity-color: hsla(= var(--accent-hsl),1); --image-block-poster-inline-link-color: hsla(var(--wh= ite-hsl),1); --tweak-menu-block-item-description-color: hsla(var(--white-hs= l),1); --tweak-newsletter-block-button-text-color-on-background: hsla(var(-= -safeInverseDarkAccent-hsl),1); --course-item-nav-active-lesson-text-color:= hsla(var(--black-hsl),1); --image-block-stack-image-subtitle-color: hsla(v= ar(--white-hsl),1); --tweak-form-block-stroke-color: hsla(var(--safeLightAc= cent-hsl),1); --course-list-course-item-hover-background: hsla(var(--white-= hsl),.95); --video-grid-basic-meta-color: hsla(var(--accent-hsl),1); --twea= k-portfolio-item-pagination-icon-color: hsla(var(--white-hsl),1); --product= -detail-subscriptions-title-color: hsla(var(--white-hsl),1); } [data-section-theme=3D"bright"] { --course-item-nav-text-color: hsla(var(--= white-hsl),1); --tweak-blog-item-pagination-icon-color: hsla(var(--safeInve= rseAccent-hsl),1); --tweak-summary-block-read-more-color-on-background: hsl= a(var(--accent-hsl),1); --tweak-quote-block-source-color-on-background: hsl= a(var(--accent-hsl),1); --paragraphSmallColor: hsla(var(--safeInverseAccent= -hsl),1); --list-section-simple-button-background-color: hsla(var(--safeInv= erseAccent-hsl),1); --gradientHeaderBorderColor: hsla(var(--black-hsl),1); = --tweak-summary-block-header-text-color-on-background: hsla(var(--accent-hs= l),1); --solidHeaderDropShadowColor: hsla(var(--black-hsl),1); --tweak-blog= -alternating-side-by-side-list-read-more-color: hsla(var(--safeInverseAccen= t-hsl),1); --tweak-summary-block-background-color: hsla(var(--safeInverseAc= cent-hsl),1); --tweak-form-block-survey-title-color: hsla(var(--safeInverse= Accent-hsl),1); --list-section-carousel-card-description-color: hsla(var(--= accent-hsl),1); --image-block-card-inline-link-color: hsla(var(--safeInvers= eAccent-hsl),1); --paragraphLargeColor: hsla(var(--safeInverseAccent-hsl),1= ); --tweak-summary-block-primary-metadata-color-on-background: hsla(var(--a= ccent-hsl),1); --tweak-blog-item-comment-text-color: hsla(var(--safeInverse= Accent-hsl),1); --tweak-summary-block-read-more-color: hsla(var(--safeInver= seAccent-hsl),1); --list-section-banner-slideshow-card-description-link-col= or: hsla(var(--accent-hsl),1); --image-block-stack-inline-link-color: hsla(= var(--safeInverseAccent-hsl),1); --tweak-menu-block-title-color: hsla(var(-= -safeInverseAccent-hsl),1); --list-section-carousel-card-button-text-color:= hsla(var(--safeInverseAccent-hsl),1); --tweak-paragraph-medium-color-on-ba= ckground: hsla(var(--accent-hsl),1); --portfolio-grid-overlay-title-color: = hsla(var(--safeInverseAccent-hsl),1); --tweak-accordion-block-icon-color: h= sla(var(--safeInverseAccent-hsl),1); --tweak-marquee-block-paragraph-color-= on-background: hsla(var(--accent-hsl),1); --tweak-product-quick-view-button= -color: hsla(var(--black-hsl),1); --product-detail-subscription-price-text-= color: hsla(var(--safeInverseAccent-hsl),1); --paragraphMediumColor: hsla(v= ar(--safeInverseAccent-hsl),1); --siteTitleColor: hsla(var(--safeInverseAcc= ent-hsl),1); --tweak-product-basic-item-title-color: hsla(var(--safeInverse= Accent-hsl),1); --tweak-quote-block-text-color-on-background: hsla(var(--ac= cent-hsl),1); --list-section-carousel-card-title-color: hsla(var(--accent-h= sl),1); --tweak-gallery-icon-color: hsla(var(--safeInverseAccent-hsl),1); -= -image-block-overlap-image-title-bg-color: hsla(var(--accent-hsl),1); --twe= ak-newsletter-block-title-color: hsla(var(--safeInverseAccent-hsl),1); --im= age-block-collage-inline-link-color: hsla(var(--accent-hsl),1); --tweak-new= sletter-block-button-background-color-on-background: hsla(var(--accent-hsl)= ,1); --tweak-product-basic-item-breadcumb-nav-color: hsla(var(--safeInverse= Accent-hsl),1); --tweak-product-basic-item-description-color: hsla(var(--sa= feInverseAccent-hsl),1); --tertiaryButtonBackgroundColor: hsla(var(--safeIn= verseAccent-hsl),1); --tweak-video-item-pagination-title-color: hsla(var(--= white-hsl),1); --course-list-grid-layout-course-item-border-color: hsla(var= (--darkAccent-hsl),1); --portfolio-grid-basic-title-color: hsla(var(--safeI= nverseAccent-hsl),1); --tweak-blog-alternating-side-by-side-list-title-colo= r: hsla(var(--safeInverseAccent-hsl),1); --menuOverlayNavigationLinkColor: = hsla(var(--safeInverseAccent-hsl),1); --product-detail-subscriptions-freque= ncy-text-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-quote-block-s= troke-color: hsla(var(--darkAccent-hsl),1); --tweak-portfolio-item-paginati= on-title-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-form-block-ti= tle-color-on-background: hsla(var(--accent-hsl),1); --image-block-collage-i= mage-overlay-color: hsla(var(--darkAccent-hsl),1); --image-block-stack-imag= e-button-text-color: hsla(var(--accent-hsl),1); --tweak-text-block-stroke-c= olor: hsla(var(--darkAccent-hsl),1); --tweak-paragraph-small-color-on-backg= round: hsla(var(--accent-hsl),1); --product-detail-subscriptions-button-tex= t-color: hsla(var(--accent-hsl),1); --tweak-accordion-block-icon-color-on-b= ackground: hsla(var(--accent-hsl),1); --announcement-bar-background-color: = hsla(var(--safeInverseAccent-hsl),1); --headingLinkColor: hsla(var(--safeIn= verseAccent-hsl),1); --headerBorderColor: hsla(var(--black-hsl),1); --cours= e-item-nav-border-color: hsla(var(--white-hsl),.25); --tweak-quote-block-ba= ckground-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-summary-block= -header-text-color: hsla(var(--safeInverseAccent-hsl),1); --list-section-ca= rousel-card-button-background-color: hsla(var(--accent-hsl),1); --list-sect= ion-carousel-card-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-blog= -masonry-list-read-more-color: hsla(var(--safeInverseAccent-hsl),1); --cour= se-list-grid-layout-course-item-background-color: hsla(var(--black-hsl),1);= --list-section-banner-slideshow-title-color: hsla(var(--safeInverseAccent-= hsl),1); --tweak-product-grid-text-below-list-category-nav-color: hsla(var(= --safeInverseAccent-hsl),1); --tweak-accordion-block-background-color: hsla= (var(--safeInverseAccent-hsl),1); --tweak-menu-block-item-title-color: hsla= (var(--safeInverseAccent-hsl),1); --headingMediumColor: hsla(var(--safeInve= rseAccent-hsl),1); --list-section-carousel-button-background-color: hsla(va= r(--safeInverseAccent-hsl),1); --tweak-accordion-block-divider-color-on-bac= kground: hsla(var(--accent-hsl),1); --tweak-gallery-lightbox-icon-color: hs= la(var(--safeInverseAccent-hsl),1); --tweak-form-block-description-color: h= sla(var(--safeInverseAccent-hsl),1); --tweak-summary-block-secondary-metada= ta-color-on-background: hsla(var(--accent-hsl),1); --list-section-carousel-= description-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-blog-mason= ry-list-title-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-form-blo= ck-caption-color-on-background: hsla(var(--accent-hsl),1); --tweak-form-blo= ck-title-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-video-item-ti= tle-color: hsla(var(--white-hsl),1); --image-block-collage-image-button-tex= t-color: hsla(var(--safeInverseAccent-hsl),1); --list-section-banner-slides= how-description-color: hsla(var(--safeInverseAccent-hsl),1); --image-block-= stack-image-title-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-form= -block-field-input-color-on-background: hsla(var(--accent-hsl),1); --tweak-= form-block-field-input-color-on-background-hsl: var(--accent-hsl); --tweak-= form-block-field-input-color-on-background-a: 1; --headingExtraLargeColor: = hsla(var(--safeInverseAccent-hsl),1); --tweak-blog-item-meta-color: hsla(va= r(--safeInverseAccent-hsl),1); --toggle-off-color: hsla(var(--lightAccent-h= sl),1); --image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl),= 1); --image-block-poster-image-overlay-color: hsla(var(--darkAccent-hsl),1)= ; --paragraphLinkColor: hsla(var(--safeInverseAccent-hsl),1); --tweak-newsl= etter-block-description-color-on-background: hsla(var(--accent-hsl),1); --s= iteBackgroundColor: hsla(var(--accent-hsl),1); --list-section-simple-card-d= escription-color: hsla(var(--accent-hsl),1); --image-block-card-image-butto= n-bg-color: hsla(var(--safeInverseAccent-hsl),1); --secondaryButtonBackgrou= ndColor: hsla(var(--safeInverseAccent-hsl),1); --tweak-newsletter-block-des= cription-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-form-block-fi= eld-border-color: hsla(var(--black-hsl),1); --tweak-form-block-field-border= -color-hsl: var(--black-hsl); --tweak-form-block-field-border-color-a: 1; -= -course-list-grid-layout-course-item-text-color: hsla(var(--lightAccent-hsl= ),1); --image-block-poster-image-button-text-color: hsla(var(--accent-hsl),= 1); --solidHeaderBorderColor: hsla(var(--black-hsl),1); --tweak-gallery-lig= htbox-background-color: hsla(var(--accent-hsl),1); --list-section-carousel-= arrow-background-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-form-= block-option-color: hsla(var(--safeInverseAccent-hsl),1); --image-block-car= d-image-title-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-gallery-= icon-background-color: hsla(var(--accent-hsl),1); --tweak-form-block-button= -background-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-heading-ex= tra-large-color-on-background: hsla(var(--accent-hsl),1); --image-block-ove= rlap-image-button-bg-color: hsla(var(--safeInverseAccent-hsl),1); --video-g= rid-category-nav-color: hsla(var(--white-hsl),1); --tweak-blog-side-by-side= -list-title-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-video-item= -meta-color: hsla(var(--white-hsl),1); --tweak-blog-side-by-side-list-meta-= color: hsla(var(--safeInverseAccent-hsl),1); --image-block-overlap-image-ov= erlay-color: hsla(var(--darkAccent-hsl),1); --tweak-line-block-line-color: = hsla(var(--safeInverseAccent-hsl),1); --tweak-blog-item-author-profile-colo= r: hsla(var(--safeInverseAccent-hsl),1); --tweak-form-block-survey-title-co= lor-on-background: hsla(var(--accent-hsl),1); --tweak-blog-basic-grid-list-= excerpt-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-marquee-block-= paragraph-color: hsla(var(--safeInverseAccent-hsl),1); --headerDropShadowCo= lor: hsla(var(--black-hsl),1); --portfolio-hover-static-title-color: hsla(v= ar(--safeInverseAccent-hsl),1); --tweak-menu-block-nav-color: hsla(var(--sa= feInverseAccent-hsl),1); --announcement-bar-text-color: hsla(var(--accent-h= sl),1); --tweak-product-basic-item-sale-price-color: hsla(var(--safeInverse= Accent-hsl),1); --tweak-newsletter-block-button-text-color: hsla(var(--acce= nt-hsl),1); --solidHeaderBackgroundColor: hsla(var(--white-hsl),1); --summa= ry-block-limited-availability-label-color: hsla(var(--safeInverseAccent-hsl= ),1); --list-section-simple-card-description-link-color: hsla(var(--accent-= hsl),1); --donation-block-background-color: hsla(var(--safeInverseAccent-hs= l),1); --tweak-quote-block-text-color: hsla(var(--safeInverseAccent-hsl),1)= ; --list-section-simple-card-button-text-color: hsla(var(--safeInverseAccen= t-hsl),1); --image-block-collage-image-button-bg-color: hsla(var(--accent-h= sl),1); --social-links-block-secondary-icon-color: hsla(var(--accent-hsl),1= ); --tweak-blog-alternating-side-by-side-list-meta-color: hsla(var(--safeIn= verseAccent-hsl),1); --course-item-nav-background-color: hsla(var(--black-h= sl),1); --portfolio-index-background-title-color: hsla(var(--safeInverseAcc= ent-hsl),1); --portfolio-hover-follow-title-color: hsla(var(--safeInverseAc= cent-hsl),1); --tweak-blog-basic-grid-list-title-color: hsla(var(--safeInve= rseAccent-hsl),1); --tweak-video-item-description-color: hsla(var(--white-h= sl),1); --tweak-heading-large-color-on-background: hsla(var(--accent-hsl),1= ); --tweak-video-item-pagination-icon-color: hsla(var(--white-hsl),1); --tw= eak-blog-side-by-side-list-excerpt-color: hsla(var(--safeInverseAccent-hsl)= ,1); --image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl),1)= ; --tweak-marquee-block-heading-color: hsla(var(--safeInverseAccent-hsl),1)= ; --tweak-blog-single-column-list-meta-color: hsla(var(--safeInverseAccent-= hsl),1); --tweak-form-block-field-accessory-color-on-background: hsla(var(-= -accent-hsl),1); --donation-block-stroke-color: hsla(var(--black-hsl),1); -= -tweak-paragraph-large-color-on-background: hsla(var(--accent-hsl),1); --im= age-block-collage-image-title-bg-color: hsla(var(--accent-hsl),0); --tweak-= newsletter-block-background-color: hsla(var(--safeInverseAccent-hsl),1); --= toggle-on-color: hsla(var(--black-hsl),1); --list-section-banner-slideshow-= arrow-background-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-produ= ct-basic-item-price-color: hsla(var(--safeInverseAccent-hsl),1); --image-bl= ock-poster-image-button-bg-color: hsla(var(--safeInverseAccent-hsl),1); --c= ourse-list-grid-layout-course-item-hover-background-color: hsla(var(--black= -hsl),.9); --list-section-simple-card-title-color: hsla(var(--accent-hsl),1= ); --tweak-form-block-option-color-on-background: hsla(var(--accent-hsl),1)= ; --primaryButtonBackgroundColor: hsla(var(--safeInverseAccent-hsl),1); --p= roduct-detail-one-time-purchase-price-text-color: hsla(var(--safeInverseAcc= ent-hsl),1); --list-section-banner-slideshow-card-title-color: hsla(var(--a= ccent-hsl),1); --tweak-events-item-pagination-icon-color: hsla(var(--safeIn= verseAccent-hsl),1); --shape-block-dropshadow-color: hsla(var(--safeInverse= Accent-hsl),1); --navigationLinkColor: hsla(var(--safeInverseAccent-hsl),1)= ; --tweak-form-block-field-input-color: hsla(var(--black-hsl),1); --tweak-f= orm-block-field-input-color-hsl: var(--black-hsl); --tweak-form-block-field= -input-color-a: 1; --image-block-card-image-title-bg-color: hsla(var(--acce= nt-hsl),1); --tweak-quote-block-source-color: hsla(var(--safeInverseAccent-= hsl),1); --menuOverlayButtonTextColor: hsla(var(--accent-hsl),1); --tweak-b= log-item-title-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-newslet= ter-block-button-background-color: hsla(var(--safeInverseAccent-hsl),1); --= list-section-banner-slideshow-card-description-color: hsla(var(--accent-hsl= ),1); --tweak-blog-masonry-list-excerpt-color: hsla(var(--safeInverseAccent= -hsl),1); --menuOverlayBackgroundColor: hsla(var(--accent-hsl),1); --image-= block-overlap-image-title-color: hsla(var(--safeInverseAccent-hsl),1); --tw= eak-blog-side-by-side-list-read-more-color: hsla(var(--safeInverseAccent-hs= l),1); --primaryButtonTextColor: hsla(var(--accent-hsl),1); --tweak-summary= -block-secondary-metadata-color: hsla(var(--safeInverseAccent-hsl),1); --tw= eak-blog-single-column-list-title-color: hsla(var(--safeInverseAccent-hsl),= 1); --headingSmallColor: hsla(var(--safeInverseAccent-hsl),1); --portfolio-= grid-overlay-overlay-color: hsla(var(--accent-hsl),1); --course-list-course= -chapter-divider-color: hsla(var(--darkAccent-hsl),1); --list-section-carou= sel-button-text-color: hsla(var(--accent-hsl),1); --gradientHeaderNavigatio= nColor: hsla(var(--black-hsl),1); --image-block-overlap-inline-link-color: = hsla(var(--safeInverseAccent-hsl),1); --list-section-simple-card-button-bac= kground-color: hsla(var(--accent-hsl),1); --tweak-events-item-pagination-da= te-color: hsla(var(--safeInverseAccent-hsl),1); --list-section-banner-slide= show-button-text-color: hsla(var(--accent-hsl),1); --video-preview-badge-ba= ckground-color: hsla(var(--white-hsl),1); --course-list-course-item-backgro= und: hsla(var(--black-hsl),1); --tweak-product-grid-text-below-list-scarcit= y-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-text-block-backgroun= d-color: hsla(var(--safeInverseAccent-hsl),1); --video-preview-badge-font-c= olor: hsla(var(--black-hsl),1); --image-block-collage-image-title-color: hs= la(var(--accent-hsl),1); --image-block-collage-image-subtitle-color: hsla(v= ar(--accent-hsl),1); --tweak-form-block-field-fill-color: hsla(var(--white-= hsl),1); --tweak-form-block-field-fill-color-hsl: var(--white-hsl); --tweak= -form-block-field-fill-color-a: 1; --product-detail-subscriptions-button-ba= ckground-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-newsletter-bl= ock-stroke-color: hsla(var(--darkAccent-hsl),1); --tweak-newsletter-block-t= itle-color-on-background: hsla(var(--accent-hsl),1); --tweak-summary-block-= excerpt-color-on-background: hsla(var(--accent-hsl),1); --list-section-simp= le-button-text-color: hsla(var(--accent-hsl),1); --tweak-accordion-block-st= roke-color: hsla(var(--darkAccent-hsl),1); --tweak-blog-item-comment-meta-c= olor: hsla(var(--safeInverseAccent-hsl),1); --section-inset-border-color: h= sla(var(--white-hsl),1); --list-section-simple-card-color: hsla(var(--safeI= nverseAccent-hsl),1); --tweak-summary-block-title-color-on-background: hsla= (var(--accent-hsl),1); --video-grid-basic-title-color: hsla(var(--white-hsl= ),1); --course-item-nav-active-lesson-background-color: hsla(var(--lightAcc= ent-hsl),1); --tweak-product-basic-item-variant-fields-color: hsla(var(--sa= feInverseAccent-hsl),1); --tweak-form-block-description-color-on-background= : hsla(var(--accent-hsl),1); --tweak-product-grid-text-below-list-paginatio= n-color: hsla(var(--safeInverseAccent-hsl),1); --text-highlight-color-on-ba= ckground: hsla(var(--accent-hsl),1); --image-block-card-image-subtitle-colo= r: hsla(var(--safeInverseAccent-hsl),1); --tweak-blog-basic-grid-list-read-= more-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-product-grid-text= -below-list-title-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-form= -block-field-accent-color-on-background: hsla(var(--lightAccent-hsl),1); --= tweak-form-block-field-accent-color-on-background-hsl: var(--lightAccent-hs= l); --tweak-form-block-field-accent-color-on-background-a: 1; --section-div= ider-stroke-color: hsla(var(--safeInverseAccent-hsl),1); --list-section-tit= le-color: hsla(var(--safeInverseAccent-hsl),1); --image-block-collage-backg= round-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-product-grid-tex= t-below-list-sale-price-color: hsla(var(--white-hsl),1); --text-highlight-c= olor: hsla(var(--safeInverseAccent-hsl),1); --tweak-content-link-block-titl= e-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-summary-block-excerp= t-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-summary-block-stroke= -color: hsla(var(--darkAccent-hsl),1); --tweak-marquee-block-background-col= or: hsla(var(--safeInverseAccent-hsl),1); --tweak-form-block-field-accent-c= olor: hsla(var(--darkAccent-hsl),1); --tweak-form-block-field-accent-color-= hsl: var(--darkAccent-hsl); --tweak-form-block-field-accent-color-a: 1; --l= ist-section-carousel-title-color: hsla(var(--safeInverseAccent-hsl),1); --i= mage-block-poster-image-title-color: hsla(var(--white-hsl),1); --tweak-prod= uct-grid-text-below-list-status-color: hsla(var(--white-hsl),1); --list-sec= tion-banner-slideshow-card-color: hsla(var(--safeInverseAccent-hsl),1); --t= weak-paragraph-link-color-on-background: hsla(var(--accent-hsl),1); --image= -block-overlay-color: hsla(var(--black-hsl),.5); --list-section-carousel-ar= row-color: hsla(var(--accent-hsl),1); --solidHeaderNavigationColor: hsla(va= r(--black-hsl),1); --tertiaryButtonTextColor: hsla(var(--accent-hsl),1); --= tweak-blog-single-column-list-excerpt-color: hsla(var(--safeInverseAccent-h= sl),1); --tweak-blog-basic-grid-list-meta-color: hsla(var(--safeInverseAcce= nt-hsl),1); --list-section-banner-slideshow-card-button-text-color: hsla(va= r(--safeInverseAccent-hsl),1); --tweak-marquee-block-stroke-color: hsla(var= (--darkAccent-hsl),1); --tweak-form-block-button-background-color-on-backgr= ound: hsla(var(--accent-hsl),1); --tweak-product-quick-view-lightbox-overla= y-color: hsla(var(--white-hsl),1); --tweak-blog-masonry-list-meta-color: hs= la(var(--safeInverseAccent-hsl),1); --social-links-block-main-icon-color: h= sla(var(--safeInverseAccent-hsl),1); --image-block-card-image-button-text-c= olor: hsla(var(--accent-hsl),1); --list-section-simple-description-color: h= sla(var(--safeInverseAccent-hsl),1); --image-block-poster-image-subtitle-co= lor: hsla(var(--white-hsl),1); --tweak-newsletter-block-footnote-color: hsl= a(var(--safeInverseAccent-hsl),1); --tweak-newsletter-block-footnote-color-= on-background: hsla(var(--accent-hsl),1); --shape-block-background-color: h= sla(var(--safeInverseAccent-hsl),1); --tweak-heading-medium-color-on-backgr= ound: hsla(var(--accent-hsl),1); --tweak-heading-small-color-on-background:= hsla(var(--accent-hsl),1); --tweak-blog-item-pagination-title-color: hsla(= var(--safeInverseAccent-hsl),1); --video-grid-basic-description-color: hsla= (var(--white-hsl),1); --tweak-menu-block-item-price-color: hsla(var(--safeI= nverseAccent-hsl),1); --image-block-overlap-image-button-text-color: hsla(v= ar(--accent-hsl),1); --list-section-simple-title-color: hsla(var(--safeInve= rseAccent-hsl),1); --tweak-product-quick-view-lightbox-controls-color: hsla= (var(--black-hsl),1); --list-section-banner-slideshow-arrow-color: hsla(var= (--accent-hsl),1); --course-list-course-progress-bar-color: hsla(var(--dark= Accent-hsl),1); --tweak-accordion-block-divider-color: hsla(var(--safeInver= seAccent-hsl),1); --tweak-form-block-field-fill-color-on-background: hsla(v= ar(--darkAccent-hsl),1); --tweak-form-block-field-fill-color-on-background-= hsl: var(--darkAccent-hsl); --tweak-form-block-field-fill-color-on-backgrou= nd-a: 1; --tweak-summary-block-primary-metadata-color: hsla(var(--safeInver= seAccent-hsl),1); --tweak-form-block-background-color: hsla(var(--safeInver= seAccent-hsl),1); --tweak-form-block-field-accessory-color: hsla(var(--blac= k-hsl),1); --tweak-form-block-button-text-color-on-background: hsla(var(--s= afeInverseAccent-hsl),1); --tweak-blog-alternating-side-by-side-list-excerp= t-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-form-block-caption-c= olor: hsla(var(--safeInverseAccent-hsl),1); --image-block-stack-image-butto= n-bg-color: hsla(var(--safeInverseAccent-hsl),1); --shape-block-stroke-colo= r: hsla(var(--black-hsl),1); --list-section-banner-slideshow-card-button-ba= ckground-color: hsla(var(--accent-hsl),1); --tweak-marquee-block-heading-co= lor-on-background: hsla(var(--accent-hsl),1); --image-block-stack-image-tit= le-bg-color: hsla(var(--accent-hsl),0); --secondaryButtonTextColor: hsla(va= r(--accent-hsl),1); --product-detail-subscriptions-description-text-color: = hsla(var(--safeInverseAccent-hsl),1); --headingLargeColor: hsla(var(--safeI= nverseAccent-hsl),1); --tweak-blog-single-column-list-read-more-color: hsla= (var(--safeInverseAccent-hsl),1); --tweak-product-grid-text-below-list-pric= e-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-portfolio-item-pagin= ation-meta-color: hsla(var(--safeInverseAccent-hsl),1); --list-section-caro= usel-card-description-link-color: hsla(var(--accent-hsl),1); --tweak-summar= y-block-title-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-form-blo= ck-button-text-color: hsla(var(--accent-hsl),1); --backgroundOverlayColor: = hsla(var(--accent-hsl),1); --tweak-product-basic-item-gallery-controls-colo= r: hsla(var(--safeInverseLightAccent-hsl),1); --image-block-poster-image-ti= tle-bg-color-v2: hsla(var(--accent-hsl),0); --gradientHeaderDropShadowColor= : hsla(var(--black-hsl),1); --list-section-banner-slideshow-button-backgrou= nd-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-events-item-paginat= ion-title-color: hsla(var(--safeInverseAccent-hsl),1); --gradientHeaderBack= groundColor: hsla(var(--white-hsl),1); --menuOverlayButtonBackgroundColor: = hsla(var(--safeInverseAccent-hsl),1); --image-block-overlap-image-subtitle-= color: hsla(var(--safeInverseAccent-hsl),1); --course-list-course-item-text= -color: hsla(var(--lightAccent-hsl),1); --tweak-blog-item-pagination-meta-c= olor: hsla(var(--safeInverseAccent-hsl),1); --course-list-grid-layout-chapt= er-divider-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-form-block-= field-border-color-on-background: hsla(var(--accent-hsl),1); --tweak-form-b= lock-field-border-color-on-background-hsl: var(--accent-hsl); --tweak-form-= block-field-border-color-on-background-a: 1; --tweak-product-basic-item-sca= rcity-color: hsla(var(--white-hsl),1); --image-block-poster-inline-link-col= or: hsla(var(--white-hsl),1); --tweak-menu-block-item-description-color: hs= la(var(--safeInverseAccent-hsl),1); --tweak-newsletter-block-button-text-co= lor-on-background: hsla(var(--safeInverseAccent-hsl),1); --course-item-nav-= active-lesson-text-color: hsla(var(--black-hsl),1); --image-block-stack-ima= ge-subtitle-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-form-block= -stroke-color: hsla(var(--darkAccent-hsl),1); --course-list-course-item-hov= er-background: hsla(var(--black-hsl),.9); --video-grid-basic-meta-color: hs= la(var(--white-hsl),1); --tweak-portfolio-item-pagination-icon-color: hsla(= var(--safeInverseAccent-hsl),1); --product-detail-subscriptions-title-color= : hsla(var(--safeInverseAccent-hsl),1); } [data-section-theme=3D"bright-inverse"] { --course-item-nav-text-color: hsl= a(var(--black-hsl),1); --tweak-blog-item-pagination-icon-color: hsla(var(--= accent-hsl),1); --tweak-summary-block-read-more-color-on-background: hsla(v= ar(--safeInverseAccent-hsl),1); --tweak-quote-block-source-color-on-backgro= und: hsla(var(--safeInverseAccent-hsl),1); --paragraphSmallColor: hsla(var(= --accent-hsl),1); --list-section-simple-button-background-color: hsla(var(-= -accent-hsl),1); --gradientHeaderBorderColor: hsla(var(--black-hsl),1); --t= weak-summary-block-header-text-color-on-background: hsla(var(--safeInverseA= ccent-hsl),1); --solidHeaderDropShadowColor: hsla(var(--black-hsl),1); --tw= eak-blog-alternating-side-by-side-list-read-more-color: hsla(var(--accent-h= sl),1); --tweak-summary-block-background-color: hsla(var(--accent-hsl),1); = --tweak-form-block-survey-title-color: hsla(var(--accent-hsl),1); --list-se= ction-carousel-card-description-color: hsla(var(--safeInverseAccent-hsl),1)= ; --image-block-card-inline-link-color: hsla(var(--accent-hsl),1); --paragr= aphLargeColor: hsla(var(--accent-hsl),1); --tweak-summary-block-primary-met= adata-color-on-background: hsla(var(--safeInverseAccent-hsl),1); --tweak-bl= og-item-comment-text-color: hsla(var(--accent-hsl),1); --tweak-summary-bloc= k-read-more-color: hsla(var(--accent-hsl),1); --list-section-banner-slidesh= ow-card-description-link-color: hsla(var(--safeInverseAccent-hsl),1); --ima= ge-block-stack-inline-link-color: hsla(var(--accent-hsl),1); --tweak-menu-b= lock-title-color: hsla(var(--accent-hsl),1); --list-section-carousel-card-b= utton-text-color: hsla(var(--accent-hsl),1); --tweak-paragraph-medium-color= -on-background: hsla(var(--safeInverseAccent-hsl),1); --portfolio-grid-over= lay-title-color: hsla(var(--accent-hsl),1); --tweak-accordion-block-icon-co= lor: hsla(var(--accent-hsl),1); --tweak-marquee-block-paragraph-color-on-ba= ckground: hsla(var(--safeInverseAccent-hsl),1); --tweak-product-quick-view-= button-color: hsla(var(--black-hsl),1); --product-detail-subscription-price= -text-color: hsla(var(--accent-hsl),1); --paragraphMediumColor: hsla(var(--= accent-hsl),1); --siteTitleColor: hsla(var(--accent-hsl),1); --tweak-produc= t-basic-item-title-color: hsla(var(--accent-hsl),1); --tweak-quote-block-te= xt-color-on-background: hsla(var(--safeInverseAccent-hsl),1); --list-sectio= n-carousel-card-title-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-= gallery-icon-color: hsla(var(--accent-hsl),1); --image-block-overlap-image-= title-bg-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-newsletter-bl= ock-title-color: hsla(var(--accent-hsl),1); --image-block-collage-inline-li= nk-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-newsletter-block-bu= tton-background-color-on-background: hsla(var(--safeInverseAccent-hsl),1); = --tweak-product-basic-item-breadcumb-nav-color: hsla(var(--accent-hsl),1); = --tweak-product-basic-item-description-color: hsla(var(--accent-hsl),1); --= tertiaryButtonBackgroundColor: hsla(var(--accent-hsl),1); --tweak-video-ite= m-pagination-title-color: hsla(var(--accent-hsl),1); --course-list-grid-lay= out-course-item-border-color: hsla(var(--darkAccent-hsl),1); --portfolio-gr= id-basic-title-color: hsla(var(--accent-hsl),1); --tweak-blog-alternating-s= ide-by-side-list-title-color: hsla(var(--accent-hsl),1); --menuOverlayNavig= ationLinkColor: hsla(var(--accent-hsl),1); --product-detail-subscriptions-f= requency-text-color: hsla(var(--accent-hsl),1); --tweak-quote-block-stroke-= color: hsla(var(--darkAccent-hsl),1); --tweak-portfolio-item-pagination-tit= le-color: hsla(var(--accent-hsl),1); --tweak-form-block-title-color-on-back= ground: hsla(var(--safeInverseAccent-hsl),1); --image-block-collage-image-o= verlay-color: hsla(var(--darkAccent-hsl),1); --image-block-stack-image-butt= on-text-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-text-block-str= oke-color: hsla(var(--darkAccent-hsl),1); --tweak-paragraph-small-color-on-= background: hsla(var(--safeInverseAccent-hsl),1); --product-detail-subscrip= tions-button-text-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-acco= rdion-block-icon-color-on-background: hsla(var(--safeInverseAccent-hsl),1);= --announcement-bar-background-color: hsla(var(--accent-hsl),1); --headingL= inkColor: hsla(var(--accent-hsl),1); --headerBorderColor: hsla(var(--black-= hsl),1); --course-item-nav-border-color: hsla(var(--black-hsl),.25); --twea= k-quote-block-background-color: hsla(var(--accent-hsl),1); --tweak-summary-= block-header-text-color: hsla(var(--accent-hsl),1); --list-section-carousel= -card-button-background-color: hsla(var(--safeInverseAccent-hsl),1); --list= -section-carousel-card-color: hsla(var(--accent-hsl),1); --tweak-blog-mason= ry-list-read-more-color: hsla(var(--accent-hsl),1); --course-list-grid-layo= ut-course-item-background-color: hsla(var(--lightAccent-hsl),1); --list-sec= tion-banner-slideshow-title-color: hsla(var(--accent-hsl),1); --tweak-produ= ct-grid-text-below-list-category-nav-color: hsla(var(--accent-hsl),1); --tw= eak-accordion-block-background-color: hsla(var(--accent-hsl),1); --tweak-me= nu-block-item-title-color: hsla(var(--accent-hsl),1); --headingMediumColor:= hsla(var(--accent-hsl),1); --list-section-carousel-button-background-color= : hsla(var(--accent-hsl),1); --tweak-accordion-block-divider-color-on-backg= round: hsla(var(--safeInverseAccent-hsl),1); --tweak-gallery-lightbox-icon-= color: hsla(var(--accent-hsl),1); --tweak-form-block-description-color: hsl= a(var(--accent-hsl),1); --tweak-summary-block-secondary-metadata-color-on-b= ackground: hsla(var(--safeInverseAccent-hsl),1); --list-section-carousel-de= scription-color: hsla(var(--accent-hsl),1); --tweak-blog-masonry-list-title= -color: hsla(var(--accent-hsl),1); --tweak-form-block-caption-color-on-back= ground: hsla(var(--safeInverseAccent-hsl),1); --tweak-form-block-title-colo= r: hsla(var(--accent-hsl),1); --tweak-video-item-title-color: hsla(var(--ac= cent-hsl),1); --image-block-collage-image-button-text-color: hsla(var(--acc= ent-hsl),1); --list-section-banner-slideshow-description-color: hsla(var(--= accent-hsl),1); --image-block-stack-image-title-color: hsla(var(--accent-hs= l),1); --tweak-form-block-field-input-color-on-background: hsla(var(--black= -hsl),1); --tweak-form-block-field-input-color-on-background-hsl: var(--bla= ck-hsl); --tweak-form-block-field-input-color-on-background-a: 1; --heading= ExtraLargeColor: hsla(var(--accent-hsl),1); --tweak-blog-item-meta-color: h= sla(var(--accent-hsl),1); --toggle-off-color: hsla(var(--lightAccent-hsl),1= ); --image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl),1); -= -image-block-poster-image-overlay-color: hsla(var(--darkAccent-hsl),1); --p= aragraphLinkColor: hsla(var(--accent-hsl),1); --tweak-newsletter-block-desc= ription-color-on-background: hsla(var(--safeInverseAccent-hsl),1); --siteBa= ckgroundColor: hsla(var(--safeInverseAccent-hsl),1); --list-section-simple-= card-description-color: hsla(var(--safeInverseAccent-hsl),1); --image-block= -card-image-button-bg-color: hsla(var(--accent-hsl),1); --secondaryButtonBa= ckgroundColor: hsla(var(--accent-hsl),1); --tweak-newsletter-block-descript= ion-color: hsla(var(--accent-hsl),1); --tweak-form-block-field-border-color= : hsla(var(--accent-hsl),1); --tweak-form-block-field-border-color-hsl: var= (--accent-hsl); --tweak-form-block-field-border-color-a: 1; --course-list-g= rid-layout-course-item-text-color: hsla(var(--black-hsl),1); --image-block-= poster-image-button-text-color: hsla(var(--safeInverseAccent-hsl),1); --sol= idHeaderBorderColor: hsla(var(--black-hsl),1); --tweak-gallery-lightbox-bac= kground-color: hsla(var(--safeInverseAccent-hsl),1); --list-section-carouse= l-arrow-background-color: hsla(var(--accent-hsl),1); --tweak-form-block-opt= ion-color: hsla(var(--accent-hsl),1); --image-block-card-image-title-color:= hsla(var(--accent-hsl),1); --tweak-gallery-icon-background-color: hsla(var= (--safeInverseAccent-hsl),1); --tweak-form-block-button-background-color: h= sla(var(--accent-hsl),1); --tweak-heading-extra-large-color-on-background: = hsla(var(--safeInverseAccent-hsl),1); --image-block-overlap-image-button-bg= -color: hsla(var(--accent-hsl),1); --video-grid-category-nav-color: hsla(va= r(--accent-hsl),1); --tweak-blog-side-by-side-list-title-color: hsla(var(--= accent-hsl),1); --tweak-video-item-meta-color: hsla(var(--accent-hsl),1); -= -tweak-blog-side-by-side-list-meta-color: hsla(var(--accent-hsl),1); --imag= e-block-overlap-image-overlay-color: hsla(var(--darkAccent-hsl),1); --tweak= -line-block-line-color: hsla(var(--accent-hsl),1); --tweak-blog-item-author= -profile-color: hsla(var(--accent-hsl),1); --tweak-form-block-survey-title-= color-on-background: hsla(var(--safeInverseAccent-hsl),1); --tweak-blog-bas= ic-grid-list-excerpt-color: hsla(var(--accent-hsl),1); --tweak-marquee-bloc= k-paragraph-color: hsla(var(--accent-hsl),1); --headerDropShadowColor: hsla= (var(--black-hsl),1); --portfolio-hover-static-title-color: hsla(var(--acce= nt-hsl),1); --tweak-menu-block-nav-color: hsla(var(--accent-hsl),1); --anno= uncement-bar-text-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-prod= uct-basic-item-sale-price-color: hsla(var(--accent-hsl),1); --tweak-newslet= ter-block-button-text-color: hsla(var(--safeInverseAccent-hsl),1); --solidH= eaderBackgroundColor: hsla(var(--white-hsl),1); --summary-block-limited-ava= ilability-label-color: hsla(var(--accent-hsl),1); --list-section-simple-car= d-description-link-color: hsla(var(--safeInverseAccent-hsl),1); --donation-= block-background-color: hsla(var(--accent-hsl),1); --tweak-quote-block-text= -color: hsla(var(--accent-hsl),1); --list-section-simple-card-button-text-c= olor: hsla(var(--accent-hsl),1); --image-block-collage-image-button-bg-colo= r: hsla(var(--safeInverseAccent-hsl),1); --social-links-block-secondary-ico= n-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-blog-alternating-sid= e-by-side-list-meta-color: hsla(var(--accent-hsl),1); --course-item-nav-bac= kground-color: hsla(var(--lightAccent-hsl),1); --portfolio-index-background= -title-color: hsla(var(--accent-hsl),1); --portfolio-hover-follow-title-col= or: hsla(var(--accent-hsl),1); --tweak-blog-basic-grid-list-title-color: hs= la(var(--accent-hsl),1); --tweak-video-item-description-color: hsla(var(--a= ccent-hsl),1); --tweak-heading-large-color-on-background: hsla(var(--safeIn= verseAccent-hsl),1); --tweak-video-item-pagination-icon-color: hsla(var(--a= ccent-hsl),1); --tweak-blog-side-by-side-list-excerpt-color: hsla(var(--acc= ent-hsl),1); --image-block-stack-image-overlay-color: hsla(var(--darkAccent= -hsl),1); --tweak-marquee-block-heading-color: hsla(var(--accent-hsl),1); -= -tweak-blog-single-column-list-meta-color: hsla(var(--accent-hsl),1); --twe= ak-form-block-field-accessory-color-on-background: hsla(var(--black-hsl),1)= ; --donation-block-stroke-color: hsla(var(--black-hsl),1); --tweak-paragrap= h-large-color-on-background: hsla(var(--safeInverseAccent-hsl),1); --image-= block-collage-image-title-bg-color: hsla(var(--safeInverseAccent-hsl),0); -= -tweak-newsletter-block-background-color: hsla(var(--accent-hsl),1); --togg= le-on-color: hsla(var(--accent-hsl),1); --list-section-banner-slideshow-arr= ow-background-color: hsla(var(--accent-hsl),1); --tweak-product-basic-item-= price-color: hsla(var(--accent-hsl),1); --image-block-poster-image-button-b= g-color: hsla(var(--accent-hsl),1); --course-list-grid-layout-course-item-h= over-background-color: hsla(var(--lightAccent-hsl),.95); --list-section-sim= ple-card-title-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-form-bl= ock-option-color-on-background: hsla(var(--safeInverseAccent-hsl),1); --pri= maryButtonBackgroundColor: hsla(var(--accent-hsl),1); --product-detail-one-= time-purchase-price-text-color: hsla(var(--accent-hsl),1); --list-section-b= anner-slideshow-card-title-color: hsla(var(--safeInverseAccent-hsl),1); --t= weak-events-item-pagination-icon-color: hsla(var(--accent-hsl),1); --shape-= block-dropshadow-color: hsla(var(--accent-hsl),1); --navigationLinkColor: h= sla(var(--accent-hsl),1); --tweak-form-block-field-input-color: hsla(var(--= accent-hsl),1); --tweak-form-block-field-input-color-hsl: var(--accent-hsl)= ; --tweak-form-block-field-input-color-a: 1; --image-block-card-image-title= -bg-color: hsla(var(--safeInverseAccent-hsl),1); --tweak-quote-block-source= -color: hsla(var(--accent-hsl),1); --menuOverlayButtonTextColor: hsla(var(-= -safeInverseAccent-hsl),1); --tweak-blog-item-title-color: hsla(var(--accen= t-hsl),1); --tweak-newsletter-block-button-background-color: hsla(var(--acc= ent-hsl),1); --list-section-banner-slideshow-card-description-color: hsla(v= ar(--safeInverseAccent-hsl),1); --tweak-blog-masonry-list-excerpt-color: hs= la(var(--accent-hsl),1); --menuOverlayBackgroundColor: hsla(var(--safeInver= seAccent-hsl),1); --image-block-overlap-image-title-color: hsla(var(--accen= t-hsl),1); --tweak-blog-side-by-side-list-read-more-color: hsla(var(--accen= t-hsl),1); --primaryButtonTextColor: hsla(var(--safeInverseAccent-hsl),1); = --tweak-summary-block-secondary-metadata-color: hsla(var(--accent-hsl),1); = --tweak-blog-single-column-list-title-color: hsla(var(--accent-hsl),1); --h= eadingSmallColor: hsla(var(--accent-hsl),1); --portfolio-grid-overlay-overl= ay-color: hsla(var(--safeInverseAccent-hsl),1); --course-list-course-chapte= r-divider-color: hsla(var(--darkAccent-hsl),1); --list-section-carousel-but= ton-text-color: hsla(var(--safeInverseAccent-hsl),1); --gradientHeaderNavig= ationColor: hsla(var(--black-hsl),1); --image-block-overlap-inline-link-col= or: hsla(var(--accent-hsl),1); --list-section-simple-card-button-background= -color: hsla(var(--safeInverseAccent-hsl),1); --tweak-events-item-paginatio= n-date-color: hsla(var(--accent-hsl),1); --list-section-banner-slideshow-bu= tton-text-color: hsla(var(--safeInverseAccent-hsl),1); --video-preview-badg= e-background-color: hsla(var(--white-hsl),1); --course-list-course-item-bac= kground: hsla(var(--lightAccent-hsl),1); --tweak-product-grid-text-below-li= st-scarcity-color: hsla(var(--accent-hsl),1); --tweak-text-block-background= -color: hsla(var(--accent-hsl),1); --video-preview-badge-font-color: hsla(v= ar(--black-hsl),1); --image-block-collage-image-title-color: hsla(var(--saf= eInverseAccent-hsl),1); --image-block-collage-image-subtitle-color: hsla(va= r(--safeInverseAccent-hsl),1); --tweak-form-block-field-fill-color: hsla(va= r(--darkAccent-hsl),1); --tweak-form-block-field-fill-color-hsl: var(--dark= Accent-hsl); --tweak-form-block-field-fill-color-a: 1; --product-detail-sub= scriptions-button-background-color: hsla(var(--accent-hsl),1); --tweak-news= letter-block-stroke-color: hsla(var(--darkAccent-hsl),1); --tweak-newslette= r-block-title-color-on-background: hsla(var(--safeInverseAccent-hsl),1); --= tweak-summary-block-excerpt-color-on-background: hsla(var(--safeInverseAcce= nt-hsl),1); --list-section-simple-button-text-color: hsla(var(--safeInverse= Accent-hsl),1); --tweak-accordion-block-stroke-color: hsla(var(--darkAccent= -hsl),1); --tweak-blog-item-comment-meta-color: hsla(var(--accent-hsl),1); = --section-inset-border-color: hsla(var(--white-hsl),1); --list-section-simp= le-card-color: hsla(var(--accent-hsl),1); --tweak-summary-block-title-color= -on-background: hsla(var(--safeInverseAccent-hsl),1); --video-grid-basic-ti= tle-color: hsla(var(--accent-hsl),1); --course-item-nav-active-lesson-backg= round-color: hsla(var(--darkAccent-hsl),1); --tweak-product-basic-item-vari= ant-fields-color: hsla(var(--accent-hsl),1); --tweak-form-block-description= -color-on-background: hsla(var(--safeInverseAccent-hsl),1); --tweak-product= -grid-text-below-list-pagination-color: hsla(var(--accent-hsl),1); --text-h= ighlight-color-on-background: hsla(var(--safeInverseAccent-hsl),1); --image= -block-card-image-subtitle-color: hsla(var(--accent-hsl),1); --tweak-blog-b= asic-grid-list-read-more-color: hsla(var(--accent-hsl),1); --tweak-product-= grid-text-below-list-title-color: hsla(var(--accent-hsl),1); --tweak-form-b= lock-field-accent-color-on-background: hsla(var(--darkAccent-hsl),1); --twe= ak-form-block-field-accent-color-on-background-hsl: var(--darkAccent-hsl); = --tweak-form-block-field-accent-color-on-background-a: 1; --section-divider= -stroke-color: hsla(var(--accent-hsl),1); --list-section-title-color: hsla(= var(--accent-hsl),1); --image-block-collage-background-color: hsla(var(--ac= cent-hsl),1); --tweak-product-grid-text-below-list-sale-price-color: hsla(v= ar(--accent-hsl),1); --text-highlight-color: hsla(var(--accent-hsl),1); --t= weak-content-link-block-title-color: hsla(var(--accent-hsl),1); --tweak-sum= mary-block-excerpt-color: hsla(var(--accent-hsl),1); --tweak-summary-block-= stroke-color: hsla(var(--darkAccent-hsl),1); --tweak-marquee-block-backgrou= nd-color: hsla(var(--accent-hsl),1); --tweak-form-block-field-accent-color:= hsla(var(--lightAccent-hsl),1); --tweak-form-block-field-accent-color-hsl:= var(--lightAccent-hsl); --tweak-form-block-field-accent-color-a: 1; --list= -section-carousel-title-color: hsla(var(--accent-hsl),1); --image-block-pos= ter-image-title-color: hsla(var(--white-hsl),1); --tweak-product-grid-text-= below-list-status-color: hsla(var(--accent-hsl),1); --list-section-banner-s= lideshow-card-color: hsla(var(--accent-hsl),1); --tweak-paragraph-link-colo= r-on-background: hsla(var(--safeInverseAccent-hsl),1); --image-block-overla= y-color: hsla(var(--black-hsl),.5); --list-section-carousel-arrow-color: hs= la(var(--safeInverseAccent-hsl),1); --solidHeaderNavigationColor: hsla(var(= --black-hsl),1); --tertiaryButtonTextColor: hsla(var(--safeInverseAccent-hs= l),1); --tweak-blog-single-column-list-excerpt-color: hsla(var(--accent-hsl= ),1); --tweak-blog-basic-grid-list-meta-color: hsla(var(--accent-hsl),1); -= -list-section-banner-slideshow-card-button-text-color: hsla(var(--accent-hs= l),1); --tweak-marquee-block-stroke-color: hsla(var(--darkAccent-hsl),1); -= -tweak-form-block-button-background-color-on-background: hsla(var(--safeInv= erseAccent-hsl),1); --tweak-product-quick-view-lightbox-overlay-color: hsla= (var(--white-hsl),1); --tweak-blog-masonry-list-meta-color: hsla(var(--acce= nt-hsl),1); --social-links-block-main-icon-color: hsla(var(--accent-hsl),1)= ; --image-block-card-image-button-text-color: hsla(var(--safeInverseAccent-= hsl),1); --list-section-simple-description-color: hsla(var(--accent-hsl),1)= ; --image-block-poster-image-subtitle-color: hsla(var(--white-hsl),1); --tw= eak-newsletter-block-footnote-color: hsla(var(--accent-hsl),1); --tweak-new= sletter-block-footnote-color-on-background: hsla(var(--safeInverseAccent-hs= l),1); --shape-block-background-color: hsla(var(--accent-hsl),1); --tweak-h= eading-medium-color-on-background: hsla(var(--safeInverseAccent-hsl),1); --= tweak-heading-small-color-on-background: hsla(var(--safeInverseAccent-hsl),= 1); --tweak-blog-item-pagination-title-color: hsla(var(--accent-hsl),1); --= video-grid-basic-description-color: hsla(var(--accent-hsl),1); --tweak-menu= -block-item-price-color: hsla(var(--accent-hsl),1); --image-block-overlap-i= mage-button-text-color: hsla(var(--safeInverseAccent-hsl),1); --list-sectio= n-simple-title-color: hsla(var(--accent-hsl),1); --tweak-product-quick-view= -lightbox-controls-color: hsla(var(--black-hsl),1); --list-section-banner-s= lideshow-arrow-color: hsla(var(--safeInverseAccent-hsl),1); --course-list-c= ourse-progress-bar-color: hsla(var(--darkAccent-hsl),1); --tweak-accordion-= block-divider-color: hsla(var(--accent-hsl),1); --tweak-form-block-field-fi= ll-color-on-background: hsla(var(--white-hsl),1); --tweak-form-block-field-= fill-color-on-background-hsl: var(--white-hsl); --tweak-form-block-field-fi= ll-color-on-background-a: 1; --tweak-summary-block-primary-metadata-color: = hsla(var(--accent-hsl),1); --tweak-form-block-background-color: hsla(var(--= accent-hsl),1); --tweak-form-block-field-accessory-color: hsla(var(--accent= -hsl),1); --tweak-form-block-button-text-color-on-background: hsla(var(--ac= cent-hsl),1); --tweak-blog-alternating-side-by-side-list-excerpt-color: hsl= a(var(--accent-hsl),1); --tweak-form-block-caption-color: hsla(var(--accent= -hsl),1); --image-block-stack-image-button-bg-color: hsla(var(--accent-hsl)= ,1); --shape-block-stroke-color: hsla(var(--black-hsl),1); --list-section-b= anner-slideshow-card-button-background-color: hsla(var(--safeInverseAccent-= hsl),1); --tweak-marquee-block-heading-color-on-background: hsla(var(--safe= InverseAccent-hsl),1); --image-block-stack-image-title-bg-color: hsla(var(-= -safeInverseAccent-hsl),0); --secondaryButtonTextColor: hsla(var(--safeInve= rseAccent-hsl),1); --product-detail-subscriptions-description-text-color: h= sla(var(--accent-hsl),1); --headingLargeColor: hsla(var(--accent-hsl),1); -= -tweak-blog-single-column-list-read-more-color: hsla(var(--accent-hsl),1); = --tweak-product-grid-text-below-list-price-color: hsla(var(--accent-hsl),1)= ; --tweak-portfolio-item-pagination-meta-color: hsla(var(--accent-hsl),1); = --list-section-carousel-card-description-link-color: hsla(var(--safeInverse= Accent-hsl),1); --tweak-summary-block-title-color: hsla(var(--accent-hsl),1= ); --tweak-form-block-button-text-color: hsla(var(--safeInverseAccent-hsl),= 1); --backgroundOverlayColor: hsla(var(--safeInverseAccent-hsl),1); --tweak= -product-basic-item-gallery-controls-color: hsla(var(--safeInverseLightAcce= nt-hsl),1); --image-block-poster-image-title-bg-color-v2: hsla(var(--safeIn= verseAccent-hsl),0); --gradientHeaderDropShadowColor: hsla(var(--black-hsl)= ,1); --list-section-banner-slideshow-button-background-color: hsla(var(--ac= cent-hsl),1); --tweak-events-item-pagination-title-color: hsla(var(--accent= -hsl),1); --gradientHeaderBackgroundColor: hsla(var(--white-hsl),1); --menu= OverlayButtonBackgroundColor: hsla(var(--accent-hsl),1); --image-block-over= lap-image-subtitle-color: hsla(var(--accent-hsl),1); --course-list-course-i= tem-text-color: hsla(var(--black-hsl),1); --tweak-blog-item-pagination-meta= -color: hsla(var(--accent-hsl),1); --course-list-grid-layout-chapter-divide= r-color: hsla(var(--accent-hsl),1); --tweak-form-block-field-border-color-o= n-background: hsla(var(--black-hsl),1); --tweak-form-block-field-border-col= or-on-background-hsl: var(--black-hsl); --tweak-form-block-field-border-col= or-on-background-a: 1; --tweak-product-basic-item-scarcity-color: hsla(var(= --accent-hsl),1); --image-block-poster-inline-link-color: hsla(var(--white-= hsl),1); --tweak-menu-block-item-description-color: hsla(var(--accent-hsl),= 1); --tweak-newsletter-block-button-text-color-on-background: hsla(var(--ac= cent-hsl),1); --course-item-nav-active-lesson-text-color: hsla(var(--white-= hsl),1); --image-block-stack-image-subtitle-color: hsla(var(--accent-hsl),1= ); --tweak-form-block-stroke-color: hsla(var(--darkAccent-hsl),1); --course= -list-course-item-hover-background: hsla(var(--lightAccent-hsl),.95); --vid= eo-grid-basic-meta-color: hsla(var(--accent-hsl),1); --tweak-portfolio-item= -pagination-icon-color: hsla(var(--accent-hsl),1); --product-detail-subscri= ptions-title-color: hsla(var(--accent-hsl),1); } :root { --base-font-size: 16px; --heading-font-font-family: acumin-pro; --h= eading-font-font-style: normal; --heading-font-font-weight: 500; --heading-= font-text-transform: none; --heading-font-letter-spacing: 0em; --heading-fo= nt-line-height: 1.4em; --body-font-font-family: Poppins; --body-font-font-s= tyle: normal; --body-font-font-weight: 300; --body-font-text-transform: non= e; --body-font-letter-spacing: 0em; --body-font-line-height: 1.8em; --meta-= font-font-family: Poppins; --meta-font-font-style: normal; --meta-font-font= -weight: 400; --meta-font-text-transform: none; --meta-font-letter-spacing:= .01em; --meta-font-line-height: 1em; --heading-1-size: 4rem; --heading-1-s= ize-value: 4; --heading-2-size: 2.8rem; --heading-2-size-value: 2.8; --head= ing-3-size: 2.2rem; --heading-3-size-value: 2.2; --heading-4-size: 1.6rem; = --heading-4-size-value: 1.6; --large-text-size: 1.5rem; --large-text-size-v= alue: 1.5; --normal-text-size: 1rem; --normal-text-size-value: 1; --small-t= ext-size: .9rem; --small-text-size-value: .9; --normal-meta-size: 1rem; --n= ormal-meta-size-value: 1; --form-block-caption-text-font-font-family: var(-= -body-font-font-family); --form-block-caption-text-font-font-style: var(--b= ody-font-font-style); --form-block-caption-text-font-font-weight: var(--bod= y-font-font-weight); --form-block-caption-text-font-text-transform: var(--b= ody-font-text-transform); --form-block-caption-text-font-letter-spacing: va= r(--body-font-letter-spacing); --form-block-caption-text-font-line-height: = var(--body-font-line-height); --form-block-caption-text-font-font-size: var= (--small-text-size); --form-block-caption-text-font-font-size-value: var(--= small-text-size-value); --blog-alternating-side-by-side-list-title-font-fon= t-family: var(--heading-font-font-family); --blog-alternating-side-by-side-= list-title-font-font-style: var(--heading-font-font-style); --blog-alternat= ing-side-by-side-list-title-font-font-weight: var(--heading-font-font-weigh= t); --blog-alternating-side-by-side-list-title-font-text-transform: var(--h= eading-font-text-transform); --blog-alternating-side-by-side-list-title-fon= t-letter-spacing: var(--heading-font-letter-spacing); --blog-alternating-si= de-by-side-list-title-font-line-height: var(--heading-font-line-height); --= blog-alternating-side-by-side-list-title-font-font-size: var(--heading-2-si= ze); --blog-alternating-side-by-side-list-title-font-font-size-value: var(-= -heading-2-size-value); --course-list-chapter-item-chapter-name-font-font-f= amily: var(--heading-font-font-family); --course-list-chapter-item-chapter-= name-font-font-style: var(--heading-font-font-style); --course-list-chapter= -item-chapter-name-font-font-weight: var(--heading-font-font-weight); --cou= rse-list-chapter-item-chapter-name-font-text-transform: var(--heading-font-= text-transform); --course-list-chapter-item-chapter-name-font-letter-spacin= g: var(--heading-font-letter-spacing); --course-list-chapter-item-chapter-n= ame-font-line-height: var(--heading-font-line-height); --course-list-chapte= r-item-chapter-name-font-font-size: 2rem; --course-list-chapter-item-chapte= r-name-font-font-size-value: 2; --portfolio-item-pagination-font-font-famil= y: var(--heading-font-font-family); --portfolio-item-pagination-font-font-s= tyle: var(--heading-font-font-style); --portfolio-item-pagination-font-font= -weight: var(--heading-font-font-weight); --portfolio-item-pagination-font-= text-transform: var(--heading-font-text-transform); --portfolio-item-pagina= tion-font-letter-spacing: var(--heading-font-letter-spacing); --portfolio-i= tem-pagination-font-line-height: var(--heading-font-line-height); --portfol= io-item-pagination-font-font-size: var(--heading-3-size); --portfolio-item-= pagination-font-font-size-value: var(--heading-3-size-value); --blog-grid-m= asonry-list-meta-font-font-family: var(--meta-font-font-family); --blog-gri= d-masonry-list-meta-font-font-style: var(--meta-font-font-style); --blog-gr= id-masonry-list-meta-font-font-weight: var(--meta-font-font-weight); --blog= -grid-masonry-list-meta-font-text-transform: var(--meta-font-text-transform= ); --blog-grid-masonry-list-meta-font-letter-spacing: var(--meta-font-lette= r-spacing); --blog-grid-masonry-list-meta-font-line-height: var(--meta-font= -line-height); --blog-grid-masonry-list-meta-font-font-size: var(--normal-m= eta-size); --blog-grid-masonry-list-meta-font-font-size-value: var(--normal= -meta-size-value); --course-item-name-font-font-family: var(--heading-font-= font-family); --course-item-name-font-font-style: var(--heading-font-font-s= tyle); --course-item-name-font-font-weight: var(--heading-font-font-weight)= ; --course-item-name-font-text-transform: var(--heading-font-text-transform= ); --course-item-name-font-letter-spacing: var(--heading-font-letter-spacin= g); --course-item-name-font-line-height: var(--heading-font-line-height); -= -course-item-name-font-font-size: 2rem; --course-item-name-font-font-size-v= alue: 2; --blog-item-meta-font-font-family: var(--meta-font-font-family); -= -blog-item-meta-font-font-style: var(--meta-font-font-style); --blog-item-m= eta-font-font-weight: var(--meta-font-font-weight); --blog-item-meta-font-t= ext-transform: var(--meta-font-text-transform); --blog-item-meta-font-lette= r-spacing: var(--meta-font-letter-spacing); --blog-item-meta-font-line-heig= ht: var(--meta-font-line-height); --blog-item-meta-font-font-size: var(--no= rmal-meta-size); --blog-item-meta-font-font-size-value: var(--normal-meta-s= ize-value); --events-item-pagination-date-font-font-family: var(--meta-font= -font-family); --events-item-pagination-date-font-font-style: var(--meta-fo= nt-font-style); --events-item-pagination-date-font-font-weight: var(--meta-= font-font-weight); --events-item-pagination-date-font-text-transform: var(-= -meta-font-text-transform); --events-item-pagination-date-font-letter-spaci= ng: var(--meta-font-letter-spacing); --events-item-pagination-date-font-lin= e-height: var(--meta-font-line-height); --events-item-pagination-date-font-= font-size: var(--normal-meta-size); --events-item-pagination-date-font-font= -size-value: var(--normal-meta-size-value); --blog-item-pagination-font-fon= t-family: var(--heading-font-font-family); --blog-item-pagination-font-font= -style: var(--heading-font-font-style); --blog-item-pagination-font-font-we= ight: var(--heading-font-font-weight); --blog-item-pagination-font-text-tra= nsform: var(--heading-font-text-transform); --blog-item-pagination-font-let= ter-spacing: var(--heading-font-letter-spacing); --blog-item-pagination-fon= t-line-height: var(--heading-font-line-height); --blog-item-pagination-font= -font-size: var(--heading-3-size); --blog-item-pagination-font-font-size-va= lue: var(--heading-3-size-value); --blog-grid-masonry-list-excerpt-font-fon= t-family: var(--body-font-font-family); --blog-grid-masonry-list-excerpt-fo= nt-font-style: var(--body-font-font-style); --blog-grid-masonry-list-excerp= t-font-font-weight: var(--body-font-font-weight); --blog-grid-masonry-list-= excerpt-font-text-transform: var(--body-font-text-transform); --blog-grid-m= asonry-list-excerpt-font-letter-spacing: var(--body-font-letter-spacing); -= -blog-grid-masonry-list-excerpt-font-line-height: var(--body-font-line-heig= ht); --blog-grid-masonry-list-excerpt-font-font-size: var(--small-text-size= ); --blog-grid-masonry-list-excerpt-font-font-size-value: var(--small-text-= size-value); --product-basic-item-price-font-font-family: var(--heading-fon= t-font-family); --product-basic-item-price-font-font-style: var(--heading-f= ont-font-style); --product-basic-item-price-font-font-weight: var(--heading= -font-font-weight); --product-basic-item-price-font-text-transform: var(--h= eading-font-text-transform); --product-basic-item-price-font-letter-spacing= : var(--heading-font-letter-spacing); --product-basic-item-price-font-line-= height: var(--heading-font-line-height); --product-basic-item-price-font-fo= nt-size: var(--heading-4-size); --product-basic-item-price-font-font-size-v= alue: var(--heading-4-size-value); --primary-button-font-font-family: Poppi= ns; --primary-button-font-font-style: normal; --primary-button-font-font-we= ight: 500; --primary-button-font-text-transform: none; --primary-button-fon= t-letter-spacing: .02em; --primary-button-font-line-height: 1.2em; --primar= y-button-font-font-size: 1rem; --primary-button-font-font-size-value: 1; --= portfolio-hover-follow-title-font-font-family: var(--heading-font-font-fami= ly); --portfolio-hover-follow-title-font-font-style: var(--heading-font-fon= t-style); --portfolio-hover-follow-title-font-font-weight: var(--heading-fo= nt-font-weight); --portfolio-hover-follow-title-font-text-transform: var(--= heading-font-text-transform); --portfolio-hover-follow-title-font-letter-sp= acing: var(--heading-font-letter-spacing); --portfolio-hover-follow-title-f= ont-line-height: var(--heading-font-line-height); --portfolio-hover-follow-= title-font-font-size: var(--heading-1-size); --portfolio-hover-follow-title= -font-font-size-value: var(--heading-1-size-value); --video-item-meta-font-= font-family: var(--meta-font-font-family); --video-item-meta-font-font-styl= e: var(--meta-font-font-style); --video-item-meta-font-font-weight: var(--m= eta-font-font-weight); --video-item-meta-font-text-transform: var(--meta-fo= nt-text-transform); --video-item-meta-font-letter-spacing: var(--meta-font-= letter-spacing); --video-item-meta-font-line-height: var(--meta-font-line-h= eight); --video-item-meta-font-font-size: var(--normal-meta-size); --video-= item-meta-font-font-size-value: var(--normal-meta-size-value); --menu-block= -nav-font-font-family: var(--meta-font-font-family); --menu-block-nav-font-= font-style: var(--meta-font-font-style); --menu-block-nav-font-font-weight:= var(--meta-font-font-weight); --menu-block-nav-font-text-transform: var(--= meta-font-text-transform); --menu-block-nav-font-letter-spacing: var(--meta= -font-letter-spacing); --menu-block-nav-font-line-height: var(--meta-font-l= ine-height); --menu-block-nav-font-font-size: var(--normal-meta-size); --me= nu-block-nav-font-font-size-value: var(--normal-meta-size-value); --video-i= tem-pagination-font-font-family: var(--heading-font-font-family); --video-i= tem-pagination-font-font-style: var(--heading-font-font-style); --video-ite= m-pagination-font-font-weight: var(--heading-font-font-weight); --video-ite= m-pagination-font-text-transform: var(--heading-font-text-transform); --vid= eo-item-pagination-font-letter-spacing: var(--heading-font-letter-spacing);= --video-item-pagination-font-line-height: var(--heading-font-line-height);= --video-item-pagination-font-font-size: var(--heading-3-size); --video-ite= m-pagination-font-font-size-value: var(--heading-3-size-value); --course-li= st-chapter-item-chapter-meta-font-font-family: var(--meta-font-font-family)= ; --course-list-chapter-item-chapter-meta-font-font-style: var(--meta-font-= font-style); --course-list-chapter-item-chapter-meta-font-font-weight: var(= --meta-font-font-weight); --course-list-chapter-item-chapter-meta-font-text= -transform: var(--meta-font-text-transform); --course-list-chapter-item-cha= pter-meta-font-letter-spacing: var(--meta-font-letter-spacing); --course-li= st-chapter-item-chapter-meta-font-line-height: var(--meta-font-line-height)= ; --course-list-chapter-item-chapter-meta-font-font-size: .75rem; --course-= list-chapter-item-chapter-meta-font-font-size-value: .75; --product-grid-te= xt-below-title-font-font-family: var(--heading-font-font-family); --product= -grid-text-below-title-font-font-style: var(--heading-font-font-style); --p= roduct-grid-text-below-title-font-font-weight: var(--heading-font-font-weig= ht); --product-grid-text-below-title-font-text-transform: var(--heading-fon= t-text-transform); --product-grid-text-below-title-font-letter-spacing: var= (--heading-font-letter-spacing); --product-grid-text-below-title-font-line-= height: var(--heading-font-line-height); --product-grid-text-below-title-fo= nt-font-size: var(--heading-4-size); --product-grid-text-below-title-font-f= ont-size-value: var(--heading-4-size-value); --form-block-survey-title-text= -font-font-family: var(--body-font-font-family); --form-block-survey-title-= text-font-font-style: var(--body-font-font-style); --form-block-survey-titl= e-text-font-font-weight: var(--body-font-font-weight); --form-block-survey-= title-text-font-text-transform: var(--body-font-text-transform); --form-blo= ck-survey-title-text-font-letter-spacing: var(--body-font-letter-spacing); = --form-block-survey-title-text-font-line-height: var(--body-font-line-heigh= t); --form-block-survey-title-text-font-font-size: var(--normal-text-size);= --form-block-survey-title-text-font-font-size-value: var(--normal-text-siz= e-value); --newsletter-block-title-text-font-font-family: var(--heading-fon= t-font-family); --newsletter-block-title-text-font-font-style: var(--headin= g-font-font-style); --newsletter-block-title-text-font-font-weight: var(--h= eading-font-font-weight); --newsletter-block-title-text-font-text-transform= : var(--heading-font-text-transform); --newsletter-block-title-text-font-le= tter-spacing: var(--heading-font-letter-spacing); --newsletter-block-title-= text-font-line-height: var(--heading-font-line-height); --newsletter-block-= title-text-font-font-size: var(--heading-3-size); --newsletter-block-title-= text-font-font-size-value: var(--heading-3-size-value); --course-item-side-= nav-chapter-name-font-font-family: var(--heading-font-font-family); --cours= e-item-side-nav-chapter-name-font-font-style: var(--heading-font-font-style= ); --course-item-side-nav-chapter-name-font-font-weight: var(--heading-font= -font-weight); --course-item-side-nav-chapter-name-font-text-transform: var= (--heading-font-text-transform); --course-item-side-nav-chapter-name-font-l= etter-spacing: var(--heading-font-letter-spacing); --course-item-side-nav-c= hapter-name-font-line-height: var(--heading-font-line-height); --course-ite= m-side-nav-chapter-name-font-font-size: 1.5rem; --course-item-side-nav-chap= ter-name-font-font-size-value: 1.5; --product-basic-item-scarcity-font-font= -family: var(--meta-font-font-family); --product-basic-item-scarcity-font-f= ont-style: var(--meta-font-font-style); --product-basic-item-scarcity-font-= font-weight: var(--meta-font-font-weight); --product-basic-item-scarcity-fo= nt-text-transform: var(--meta-font-text-transform); --product-basic-item-sc= arcity-font-letter-spacing: var(--meta-font-letter-spacing); --product-basi= c-item-scarcity-font-line-height: var(--meta-font-line-height); --product-b= asic-item-scarcity-font-font-size: var(--normal-meta-size); --product-basic= -item-scarcity-font-font-size-value: var(--normal-meta-size-value); --newsl= etter-block-description-text-font-font-family: var(--body-font-font-family)= ; --newsletter-block-description-text-font-font-style: var(--body-font-font= -style); --newsletter-block-description-text-font-font-weight: var(--body-f= ont-font-weight); --newsletter-block-description-text-font-text-transform: = var(--body-font-text-transform); --newsletter-block-description-text-font-l= etter-spacing: var(--body-font-letter-spacing); --newsletter-block-descript= ion-text-font-line-height: var(--body-font-line-height); --newsletter-block= -description-text-font-font-size: var(--normal-text-size); --newsletter-blo= ck-description-text-font-font-size-value: var(--normal-text-size-value); --= form-block-placeholder-text-font-font-family: var(--body-font-font-family);= --form-block-placeholder-text-font-font-style: var(--body-font-font-style)= ; --form-block-placeholder-text-font-font-weight: var(--body-font-font-weig= ht); --form-block-placeholder-text-font-text-transform: var(--body-font-tex= t-transform); --form-block-placeholder-text-font-letter-spacing: var(--body= -font-letter-spacing); --form-block-placeholder-text-font-line-height: var(= --body-font-line-height); --form-block-placeholder-text-font-font-size: var= (--small-text-size); --form-block-placeholder-text-font-font-size-value: va= r(--small-text-size-value); --video-item-title-font-font-family: var(--head= ing-font-font-family); --video-item-title-font-font-style: var(--heading-fo= nt-font-style); --video-item-title-font-font-weight: var(--heading-font-fon= t-weight); --video-item-title-font-text-transform: var(--heading-font-text-= transform); --video-item-title-font-letter-spacing: var(--heading-font-lett= er-spacing); --video-item-title-font-line-height: var(--heading-font-line-h= eight); --video-item-title-font-font-size: var(--heading-2-size); --video-i= tem-title-font-font-size-value: var(--heading-2-size-value); --form-block-o= ption-text-font-font-family: var(--body-font-font-family); --form-block-opt= ion-text-font-font-style: var(--body-font-font-style); --form-block-option-= text-font-font-weight: var(--body-font-font-weight); --form-block-option-te= xt-font-text-transform: var(--body-font-text-transform); --form-block-optio= n-text-font-letter-spacing: var(--body-font-letter-spacing); --form-block-o= ption-text-font-line-height: var(--body-font-line-height); --form-block-opt= ion-text-font-font-size: var(--small-text-size); --form-block-option-text-f= ont-font-size-value: var(--small-text-size-value); --course-item-side-nav-c= hapter-meta-font-font-family: var(--meta-font-font-family); --course-item-s= ide-nav-chapter-meta-font-font-style: var(--meta-font-font-style); --course= -item-side-nav-chapter-meta-font-font-weight: var(--meta-font-font-weight);= --course-item-side-nav-chapter-meta-font-text-transform: var(--meta-font-t= ext-transform); --course-item-side-nav-chapter-meta-font-letter-spacing: va= r(--meta-font-letter-spacing); --course-item-side-nav-chapter-meta-font-lin= e-height: var(--meta-font-line-height); --course-item-side-nav-chapter-meta= -font-font-size: .8rem; --course-item-side-nav-chapter-meta-font-font-size-= value: .8; --blog-side-by-side-list-excerpt-font-font-family: var(--body-fo= nt-font-family); --blog-side-by-side-list-excerpt-font-font-style: var(--bo= dy-font-font-style); --blog-side-by-side-list-excerpt-font-font-weight: var= (--body-font-font-weight); --blog-side-by-side-list-excerpt-font-text-trans= form: var(--body-font-text-transform); --blog-side-by-side-list-excerpt-fon= t-letter-spacing: var(--body-font-letter-spacing); --blog-side-by-side-list= -excerpt-font-line-height: var(--body-font-line-height); --blog-side-by-sid= e-list-excerpt-font-font-size: var(--normal-text-size); --blog-side-by-side= -list-excerpt-font-font-size-value: var(--normal-text-size-value); --course= -list-course-description-font-font-family: var(--body-font-font-family); --= course-list-course-description-font-font-style: var(--body-font-font-style)= ; --course-list-course-description-font-font-weight: var(--body-font-font-w= eight); --course-list-course-description-font-text-transform: var(--body-fo= nt-text-transform); --course-list-course-description-font-letter-spacing: v= ar(--body-font-letter-spacing); --course-list-course-description-font-line-= height: var(--body-font-line-height); --course-list-course-description-font= -font-size: var(--large-text-size); --course-list-course-description-font-f= ont-size-value: var(--large-text-size-value); --product-grid-text-below-sca= rcity-font-font-family: var(--meta-font-font-family); --product-grid-text-b= elow-scarcity-font-font-style: var(--meta-font-font-style); --product-grid-= text-below-scarcity-font-font-weight: var(--meta-font-font-weight); --produ= ct-grid-text-below-scarcity-font-text-transform: var(--meta-font-text-trans= form); --product-grid-text-below-scarcity-font-letter-spacing: var(--meta-f= ont-letter-spacing); --product-grid-text-below-scarcity-font-line-height: v= ar(--meta-font-line-height); --product-grid-text-below-scarcity-font-font-s= ize: var(--normal-meta-size); --product-grid-text-below-scarcity-font-font-= size-value: var(--normal-meta-size-value); --video-item-description-font-fo= nt-family: var(--body-font-font-family); --video-item-description-font-font= -style: var(--body-font-font-style); --video-item-description-font-font-wei= ght: var(--body-font-font-weight); --video-item-description-font-text-trans= form: var(--body-font-text-transform); --video-item-description-font-letter= -spacing: var(--body-font-letter-spacing); --video-item-description-font-li= ne-height: var(--body-font-line-height); --video-item-description-font-font= -size: var(--normal-text-size); --video-item-description-font-font-size-val= ue: var(--normal-text-size-value); --list-section-title-text-font-font-fami= ly: var(--heading-font-font-family); --list-section-title-text-font-font-st= yle: var(--heading-font-font-style); --list-section-title-text-font-font-we= ight: var(--heading-font-font-weight); --list-section-title-text-font-text-= transform: var(--heading-font-text-transform); --list-section-title-text-fo= nt-letter-spacing: var(--heading-font-letter-spacing); --list-section-title= -text-font-line-height: var(--heading-font-line-height); --list-section-tit= le-text-font-font-size: var(--heading-2-size); --list-section-title-text-fo= nt-font-size-value: var(--heading-2-size-value); --course-list-grid-layout-= chapter-name-font-font-family: var(--heading-font-font-family); --course-li= st-grid-layout-chapter-name-font-font-style: var(--heading-font-font-style)= ; --course-list-grid-layout-chapter-name-font-font-weight: var(--heading-fo= nt-font-weight); --course-list-grid-layout-chapter-name-font-text-transform= : var(--heading-font-text-transform); --course-list-grid-layout-chapter-nam= e-font-letter-spacing: var(--heading-font-letter-spacing); --course-list-gr= id-layout-chapter-name-font-line-height: var(--heading-font-line-height); -= -course-list-grid-layout-chapter-name-font-font-size: 2rem; --course-list-g= rid-layout-chapter-name-font-font-size-value: 2; --menu-block-item-price-fo= nt-font-family: var(--body-font-font-family); --menu-block-item-price-font-= font-style: var(--body-font-font-style); --menu-block-item-price-font-font-= weight: var(--body-font-font-weight); --menu-block-item-price-font-text-tra= nsform: var(--body-font-text-transform); --menu-block-item-price-font-lette= r-spacing: var(--body-font-letter-spacing); --menu-block-item-price-font-li= ne-height: var(--body-font-line-height); --menu-block-item-price-font-font-= size: var(--normal-text-size); --menu-block-item-price-font-font-size-value= : var(--normal-text-size-value); --product-grid-text-below-status-font-font= -family: var(--meta-font-font-family); --product-grid-text-below-status-fon= t-font-style: var(--meta-font-font-style); --product-grid-text-below-status= -font-font-weight: var(--meta-font-font-weight); --product-grid-text-below-= status-font-text-transform: var(--meta-font-text-transform); --product-grid= -text-below-status-font-letter-spacing: var(--meta-font-letter-spacing); --= product-grid-text-below-status-font-line-height: var(--meta-font-line-heigh= t); --product-grid-text-below-status-font-font-size: var(--normal-meta-size= ); --product-grid-text-below-status-font-font-size-value: var(--normal-meta= -size-value); --secondary-button-font-font-family: Poppins; --secondary-but= ton-font-font-style: normal; --secondary-button-font-font-weight: 500; --se= condary-button-font-text-transform: none; --secondary-button-font-letter-sp= acing: .02em; --secondary-button-font-line-height: 1.2em; --secondary-butto= n-font-font-size: 1.1rem; --secondary-button-font-font-size-value: 1.1; --c= ourse-item-chapter-name-font-font-family: var(--body-font-font-family); --c= ourse-item-chapter-name-font-font-style: var(--body-font-font-style); --cou= rse-item-chapter-name-font-font-weight: var(--body-font-font-weight); --cou= rse-item-chapter-name-font-text-transform: var(--body-font-text-transform);= --course-item-chapter-name-font-letter-spacing: var(--body-font-letter-spa= cing); --course-item-chapter-name-font-line-height: var(--body-font-line-he= ight); --course-item-chapter-name-font-font-size: 1rem; --course-item-chapt= er-name-font-font-size-value: 1; --product-basic-item-variant-fields-font-f= ont-family: var(--meta-font-font-family); --product-basic-item-variant-fiel= ds-font-font-style: var(--meta-font-font-style); --product-basic-item-varia= nt-fields-font-font-weight: var(--meta-font-font-weight); --product-basic-i= tem-variant-fields-font-text-transform: var(--meta-font-text-transform); --= product-basic-item-variant-fields-font-letter-spacing: var(--meta-font-lett= er-spacing); --product-basic-item-variant-fields-font-line-height: var(--me= ta-font-line-height); --product-basic-item-variant-fields-font-font-size: v= ar(--normal-meta-size); --product-basic-item-variant-fields-font-font-size-= value: var(--normal-meta-size-value); --course-item-lesson-name-font-font-f= amily: var(--heading-font-font-family); --course-item-lesson-name-font-font= -style: var(--heading-font-font-style); --course-item-lesson-name-font-font= -weight: var(--heading-font-font-weight); --course-item-lesson-name-font-te= xt-transform: var(--heading-font-text-transform); --course-item-lesson-name= -font-letter-spacing: var(--heading-font-letter-spacing); --course-item-les= son-name-font-line-height: var(--heading-font-line-height); --course-item-l= esson-name-font-font-size: 4rem; --course-item-lesson-name-font-font-size-v= alue: 4; --blog-basic-grid-list-excerpt-font-font-family: var(--body-font-f= ont-family); --blog-basic-grid-list-excerpt-font-font-style: var(--body-fon= t-font-style); --blog-basic-grid-list-excerpt-font-font-weight: var(--body-= font-font-weight); --blog-basic-grid-list-excerpt-font-text-transform: var(= --body-font-text-transform); --blog-basic-grid-list-excerpt-font-letter-spa= cing: var(--body-font-letter-spacing); --blog-basic-grid-list-excerpt-font-= line-height: var(--body-font-line-height); --blog-basic-grid-list-excerpt-f= ont-font-size: var(--small-text-size); --blog-basic-grid-list-excerpt-font-= font-size-value: var(--small-text-size-value); --blog-single-column-list-me= ta-font-font-family: var(--meta-font-font-family); --blog-single-column-lis= t-meta-font-font-style: var(--meta-font-font-style); --blog-single-column-l= ist-meta-font-font-weight: var(--meta-font-font-weight); --blog-single-colu= mn-list-meta-font-text-transform: var(--meta-font-text-transform); --blog-s= ingle-column-list-meta-font-letter-spacing: var(--meta-font-letter-spacing)= ; --blog-single-column-list-meta-font-line-height: var(--meta-font-line-hei= ght); --blog-single-column-list-meta-font-font-size: var(--normal-meta-size= ); --blog-single-column-list-meta-font-font-size-value: var(--normal-meta-s= ize-value); --portfolio-grid-basic-title-font-font-family: var(--heading-fo= nt-font-family); --portfolio-grid-basic-title-font-font-style: var(--headin= g-font-font-style); --portfolio-grid-basic-title-font-font-weight: var(--he= ading-font-font-weight); --portfolio-grid-basic-title-font-text-transform: = var(--heading-font-text-transform); --portfolio-grid-basic-title-font-lette= r-spacing: var(--heading-font-letter-spacing); --portfolio-grid-basic-title= -font-line-height: var(--heading-font-line-height); --portfolio-grid-basic-= title-font-font-size: var(--heading-4-size); --portfolio-grid-basic-title-f= ont-font-size-value: var(--heading-4-size-value); --product-basic-item-desc= ription-font-font-family: var(--body-font-font-family); --product-basic-ite= m-description-font-font-style: var(--body-font-font-style); --product-basic= -item-description-font-font-weight: var(--body-font-font-weight); --product= -basic-item-description-font-text-transform: var(--body-font-text-transform= ); --product-basic-item-description-font-letter-spacing: var(--body-font-le= tter-spacing); --product-basic-item-description-font-line-height: var(--bod= y-font-line-height); --product-basic-item-description-font-font-size: var(-= -normal-text-size); --product-basic-item-description-font-font-size-value: = var(--normal-text-size-value); --course-list-grid-layout-chapter-meta-font-= font-family: var(--meta-font-font-family); --course-list-grid-layout-chapte= r-meta-font-font-style: var(--meta-font-font-style); --course-list-grid-lay= out-chapter-meta-font-font-weight: var(--meta-font-font-weight); --course-l= ist-grid-layout-chapter-meta-font-text-transform: var(--meta-font-text-tran= sform); --course-list-grid-layout-chapter-meta-font-letter-spacing: var(--m= eta-font-letter-spacing); --course-list-grid-layout-chapter-meta-font-line-= height: var(--meta-font-line-height); --course-list-grid-layout-chapter-met= a-font-font-size: .875rem; --course-list-grid-layout-chapter-meta-font-font= -size-value: .875; --blog-grid-masonry-list-title-font-font-family: var(--h= eading-font-font-family); --blog-grid-masonry-list-title-font-font-style: v= ar(--heading-font-font-style); --blog-grid-masonry-list-title-font-font-wei= ght: var(--heading-font-font-weight); --blog-grid-masonry-list-title-font-t= ext-transform: var(--heading-font-text-transform); --blog-grid-masonry-list= -title-font-letter-spacing: var(--heading-font-letter-spacing); --blog-grid= -masonry-list-title-font-line-height: var(--heading-font-line-height); --bl= og-grid-masonry-list-title-font-font-size: var(--heading-3-size); --blog-gr= id-masonry-list-title-font-font-size-value: var(--heading-3-size-value); --= events-item-pagination-font-font-family: var(--heading-font-font-family); -= -events-item-pagination-font-font-style: var(--heading-font-font-style); --= events-item-pagination-font-font-weight: var(--heading-font-font-weight); -= -events-item-pagination-font-text-transform: var(--heading-font-text-transf= orm); --events-item-pagination-font-letter-spacing: var(--heading-font-lett= er-spacing); --events-item-pagination-font-line-height: var(--heading-font-= line-height); --events-item-pagination-font-font-size: var(--heading-3-size= ); --events-item-pagination-font-font-size-value: var(--heading-3-size-valu= e); --video-basic-grid-list-excerpt-font-font-family: var(--body-font-font-= family); --video-basic-grid-list-excerpt-font-font-style: var(--body-font-f= ont-style); --video-basic-grid-list-excerpt-font-font-weight: var(--body-fo= nt-font-weight); --video-basic-grid-list-excerpt-font-text-transform: var(-= -body-font-text-transform); --video-basic-grid-list-excerpt-font-letter-spa= cing: var(--body-font-letter-spacing); --video-basic-grid-list-excerpt-font= -line-height: var(--body-font-line-height); --video-basic-grid-list-excerpt= -font-font-size: var(--small-text-size); --video-basic-grid-list-excerpt-fo= nt-font-size-value: var(--small-text-size-value); --site-navigation-font-fo= nt-family: var(--body-font-font-family); --site-navigation-font-font-style:= var(--body-font-font-style); --site-navigation-font-font-weight: var(--bod= y-font-font-weight); --site-navigation-font-text-transform: var(--body-font= -text-transform); --site-navigation-font-letter-spacing: var(--body-font-le= tter-spacing); --site-navigation-font-line-height: var(--body-font-line-hei= ght); --site-navigation-font-font-size: var(--normal-text-size); --site-nav= igation-font-font-size-value: var(--normal-text-size-value); --form-block-d= escription-text-font-font-family: var(--body-font-font-family); --form-bloc= k-description-text-font-font-style: var(--body-font-font-style); --form-blo= ck-description-text-font-font-weight: var(--body-font-font-weight); --form-= block-description-text-font-text-transform: var(--body-font-text-transform)= ; --form-block-description-text-font-letter-spacing: var(--body-font-letter= -spacing); --form-block-description-text-font-line-height: var(--body-font-= line-height); --form-block-description-text-font-font-size: var(--small-tex= t-size); --form-block-description-text-font-font-size-value: var(--small-te= xt-size-value); --blog-alternating-side-by-side-list-meta-font-font-family:= var(--meta-font-font-family); --blog-alternating-side-by-side-list-meta-fo= nt-font-style: var(--meta-font-font-style); --blog-alternating-side-by-side= -list-meta-font-font-weight: var(--meta-font-font-weight); --blog-alternati= ng-side-by-side-list-meta-font-text-transform: var(--meta-font-text-transfo= rm); --blog-alternating-side-by-side-list-meta-font-letter-spacing: var(--m= eta-font-letter-spacing); --blog-alternating-side-by-side-list-meta-font-li= ne-height: var(--meta-font-line-height); --blog-alternating-side-by-side-li= st-meta-font-font-size: var(--normal-meta-size); --blog-alternating-side-by= -side-list-meta-font-font-size-value: var(--normal-meta-size-value); --tert= iary-button-font-font-family: Poppins; --tertiary-button-font-font-style: n= ormal; --tertiary-button-font-font-weight: 500; --tertiary-button-font-text= -transform: none; --tertiary-button-font-letter-spacing: .02em; --tertiary-= button-font-line-height: 1.2em; --tertiary-button-font-font-size: .9rem; --= tertiary-button-font-font-size-value: .9; --content-link-block-title-font-f= ont-family: var(--body-font-font-family); --content-link-block-title-font-f= ont-style: var(--body-font-font-style); --content-link-block-title-font-fon= t-weight: var(--body-font-font-weight); --content-link-block-title-font-tex= t-transform: var(--body-font-text-transform); --content-link-block-title-fo= nt-letter-spacing: var(--body-font-letter-spacing); --content-link-block-ti= tle-font-line-height: var(--body-font-line-height); --content-link-block-ti= tle-font-font-size: var(--normal-text-size); --content-link-block-title-fon= t-font-size-value: var(--normal-text-size-value); --announcement-bar-font-f= ont-family: var(--body-font-font-family); --announcement-bar-font-font-styl= e: var(--body-font-font-style); --announcement-bar-font-font-weight: var(--= body-font-font-weight); --announcement-bar-font-text-transform: var(--body-= font-text-transform); --announcement-bar-font-letter-spacing: var(--body-fo= nt-letter-spacing); --announcement-bar-font-line-height: var(--body-font-li= ne-height); --announcement-bar-font-font-size: var(--small-text-size); --an= nouncement-bar-font-font-size-value: var(--small-text-size-value); --mobile= -site-title-font-font-family: var(--heading-font-font-family); --mobile-sit= e-title-font-font-style: var(--heading-font-font-style); --mobile-site-titl= e-font-font-weight: var(--heading-font-font-weight); --mobile-site-title-fo= nt-text-transform: var(--heading-font-text-transform); --mobile-site-title-= font-letter-spacing: var(--heading-font-letter-spacing); --mobile-site-titl= e-font-line-height: var(--heading-font-line-height); --mobile-site-title-fo= nt-font-size: 2rem; --mobile-site-title-font-font-size-value: 2; --portfoli= o-index-background-title-font-font-family: var(--heading-font-font-family);= --portfolio-index-background-title-font-font-style: var(--heading-font-fon= t-style); --portfolio-index-background-title-font-font-weight: var(--headin= g-font-font-weight); --portfolio-index-background-title-font-text-transform= : var(--heading-font-text-transform); --portfolio-index-background-title-fo= nt-letter-spacing: var(--heading-font-letter-spacing); --portfolio-index-ba= ckground-title-font-line-height: var(--heading-font-line-height); --portfol= io-index-background-title-font-font-size: var(--heading-1-size); --portfoli= o-index-background-title-font-font-size-value: var(--heading-1-size-value);= --menu-block-item-description-font-font-family: var(--body-font-font-famil= y); --menu-block-item-description-font-font-style: var(--body-font-font-sty= le); --menu-block-item-description-font-font-weight: var(--body-font-font-w= eight); --menu-block-item-description-font-text-transform: var(--body-font-= text-transform); --menu-block-item-description-font-letter-spacing: var(--b= ody-font-letter-spacing); --menu-block-item-description-font-line-height: v= ar(--body-font-line-height); --menu-block-item-description-font-font-size: = var(--normal-text-size); --menu-block-item-description-font-font-size-value= : var(--normal-text-size-value); --cookie-banner-disclaimer-font-font-famil= y: var(--body-font-font-family); --cookie-banner-disclaimer-font-font-style= : var(--body-font-font-style); --cookie-banner-disclaimer-font-font-weight:= var(--body-font-font-weight); --cookie-banner-disclaimer-font-text-transfo= rm: var(--body-font-text-transform); --cookie-banner-disclaimer-font-letter= -spacing: var(--body-font-letter-spacing); --cookie-banner-disclaimer-font-= line-height: var(--body-font-line-height); --cookie-banner-disclaimer-font-= font-size: .8rem; --cookie-banner-disclaimer-font-font-size-value: .8; --pr= oduct-grid-text-below-price-font-font-family: var(--meta-font-font-family);= --product-grid-text-below-price-font-font-style: var(--meta-font-font-styl= e); --product-grid-text-below-price-font-font-weight: var(--meta-font-font-= weight); --product-grid-text-below-price-font-text-transform: var(--meta-fo= nt-text-transform); --product-grid-text-below-price-font-letter-spacing: va= r(--meta-font-letter-spacing); --product-grid-text-below-price-font-line-he= ight: var(--meta-font-line-height); --product-grid-text-below-price-font-fo= nt-size: var(--normal-meta-size); --product-grid-text-below-price-font-font= -size-value: var(--normal-meta-size-value); --blog-single-column-list-title= -font-font-family: var(--heading-font-font-family); --blog-single-column-li= st-title-font-font-style: var(--heading-font-font-style); --blog-single-col= umn-list-title-font-font-weight: var(--heading-font-font-weight); --blog-si= ngle-column-list-title-font-text-transform: var(--heading-font-text-transfo= rm); --blog-single-column-list-title-font-letter-spacing: var(--heading-fon= t-letter-spacing); --blog-single-column-list-title-font-line-height: var(--= heading-font-line-height); --blog-single-column-list-title-font-font-size: = var(--heading-1-size); --blog-single-column-list-title-font-font-size-value= : var(--heading-1-size-value); --video-basic-grid-list-meta-font-font-famil= y: var(--meta-font-font-family); --video-basic-grid-list-meta-font-font-sty= le: var(--meta-font-font-style); --video-basic-grid-list-meta-font-font-wei= ght: var(--meta-font-font-weight); --video-basic-grid-list-meta-font-text-t= ransform: var(--meta-font-text-transform); --video-basic-grid-list-meta-fon= t-letter-spacing: var(--meta-font-letter-spacing); --video-basic-grid-list-= meta-font-line-height: var(--meta-font-line-height); --video-basic-grid-lis= t-meta-font-font-size: var(--normal-meta-size); --video-basic-grid-list-met= a-font-font-size-value: var(--normal-meta-size-value); --course-list-course= -name-font-font-family: var(--heading-font-font-family); --course-list-cour= se-name-font-font-style: var(--heading-font-font-style); --course-list-cour= se-name-font-font-weight: var(--heading-font-font-weight); --course-list-co= urse-name-font-text-transform: var(--heading-font-text-transform); --course= -list-course-name-font-letter-spacing: var(--heading-font-letter-spacing); = --course-list-course-name-font-line-height: var(--heading-font-line-height)= ; --course-list-course-name-font-font-size: var(--heading-1-size); --course= -list-course-name-font-font-size-value: var(--heading-1-size-value); --menu= -block-item-title-font-font-family: var(--heading-font-font-family); --menu= -block-item-title-font-font-style: var(--heading-font-font-style); --menu-b= lock-item-title-font-font-weight: var(--heading-font-font-weight); --menu-b= lock-item-title-font-text-transform: var(--heading-font-text-transform); --= menu-block-item-title-font-letter-spacing: var(--heading-font-letter-spacin= g); --menu-block-item-title-font-line-height: var(--heading-font-line-heigh= t); --menu-block-item-title-font-font-size: var(--heading-4-size); --menu-b= lock-item-title-font-font-size-value: var(--heading-4-size-value); --quote-= block-text-font-font-family: var(--body-font-font-family); --quote-block-te= xt-font-font-style: var(--body-font-font-style); --quote-block-text-font-fo= nt-weight: var(--body-font-font-weight); --quote-block-text-font-text-trans= form: var(--body-font-text-transform); --quote-block-text-font-letter-spaci= ng: var(--body-font-letter-spacing); --quote-block-text-font-line-height: v= ar(--body-font-line-height); --quote-block-text-font-font-size: var(--large= -text-size); --quote-block-text-font-font-size-value: var(--large-text-size= -value); --course-item-name-mobile-font-font-family: var(--heading-font-fon= t-family); --course-item-name-mobile-font-font-style: var(--heading-font-fo= nt-style); --course-item-name-mobile-font-font-weight: var(--heading-font-f= ont-weight); --course-item-name-mobile-font-text-transform: var(--heading-f= ont-text-transform); --course-item-name-mobile-font-letter-spacing: var(--h= eading-font-letter-spacing); --course-item-name-mobile-font-line-height: va= r(--heading-font-line-height); --course-item-name-mobile-font-font-size: 1.= 3rem; --course-item-name-mobile-font-font-size-value: 1.3; --course-list-gr= id-layout-course-item-meta-font-font-family: var(--meta-font-font-family); = --course-list-grid-layout-course-item-meta-font-font-style: var(--meta-font= -font-style); --course-list-grid-layout-course-item-meta-font-font-weight: = var(--meta-font-font-weight); --course-list-grid-layout-course-item-meta-fo= nt-text-transform: var(--meta-font-text-transform); --course-list-grid-layo= ut-course-item-meta-font-letter-spacing: var(--meta-font-letter-spacing); -= -course-list-grid-layout-course-item-meta-font-line-height: var(--meta-font= -line-height); --course-list-grid-layout-course-item-meta-font-font-size: .= 75rem; --course-list-grid-layout-course-item-meta-font-font-size-value: .75= ; --form-block-select-dropdown-text-font-font-family: var(--body-font-font-= family); --form-block-select-dropdown-text-font-font-style: var(--body-font= -font-style); --form-block-select-dropdown-text-font-font-weight: var(--bod= y-font-font-weight); --form-block-select-dropdown-text-font-text-transform:= var(--body-font-text-transform); --form-block-select-dropdown-text-font-le= tter-spacing: var(--body-font-letter-spacing); --form-block-select-dropdown= -text-font-line-height: var(--body-font-line-height); --form-block-select-d= ropdown-text-font-font-size: var(--small-text-size); --form-block-select-dr= opdown-text-font-font-size-value: var(--small-text-size-value); --video-bas= ic-grid-list-title-font-font-family: var(--heading-font-font-family); --vid= eo-basic-grid-list-title-font-font-style: var(--heading-font-font-style); -= -video-basic-grid-list-title-font-font-weight: var(--heading-font-font-weig= ht); --video-basic-grid-list-title-font-text-transform: var(--heading-font-= text-transform); --video-basic-grid-list-title-font-letter-spacing: var(--h= eading-font-letter-spacing); --video-basic-grid-list-title-font-line-height= : var(--heading-font-line-height); --video-basic-grid-list-title-font-font-= size: var(--heading-4-size); --video-basic-grid-list-title-font-font-size-v= alue: var(--heading-4-size-value); --course-list-grid-layout-course-item-na= me-font-font-family: var(--heading-font-font-family); --course-list-grid-la= yout-course-item-name-font-font-style: var(--heading-font-font-style); --co= urse-list-grid-layout-course-item-name-font-font-weight: var(--heading-font= -font-weight); --course-list-grid-layout-course-item-name-font-text-transfo= rm: var(--heading-font-text-transform); --course-list-grid-layout-course-it= em-name-font-letter-spacing: var(--heading-font-letter-spacing); --course-l= ist-grid-layout-course-item-name-font-line-height: var(--heading-font-line-= height); --course-list-grid-layout-course-item-name-font-font-size: 1.125re= m; --course-list-grid-layout-course-item-name-font-font-size-value: 1.125; = --blog-item-author-profile-font-font-family: var(--body-font-font-family); = --blog-item-author-profile-font-font-style: var(--body-font-font-style); --= blog-item-author-profile-font-font-weight: var(--body-font-font-weight); --= blog-item-author-profile-font-text-transform: var(--body-font-text-transfor= m); --blog-item-author-profile-font-letter-spacing: var(--body-font-letter-= spacing); --blog-item-author-profile-font-line-height: var(--body-font-line= -height); --blog-item-author-profile-font-font-size: var(--small-text-size)= ; --blog-item-author-profile-font-font-size-value: var(--small-text-size-va= lue); --quote-block-source-font-font-family: var(--meta-font-font-family); = --quote-block-source-font-font-style: var(--meta-font-font-style); --quote-= block-source-font-font-weight: var(--meta-font-font-weight); --quote-block-= source-font-text-transform: var(--meta-font-text-transform); --quote-block-= source-font-letter-spacing: var(--meta-font-letter-spacing); --quote-block-= source-font-line-height: var(--meta-font-line-height); --quote-block-source= -font-font-size: var(--normal-meta-size); --quote-block-source-font-font-si= ze-value: var(--normal-meta-size-value); --site-title-font-font-family: var= (--heading-font-font-family); --site-title-font-font-style: var(--heading-f= ont-font-style); --site-title-font-font-weight: var(--heading-font-font-wei= ght); --site-title-font-text-transform: var(--heading-font-text-transform);= --site-title-font-letter-spacing: var(--heading-font-letter-spacing); --si= te-title-font-line-height: var(--heading-font-line-height); --site-title-fo= nt-font-size: 2rem; --site-title-font-font-size-value: 2; --course-list-gri= d-layout-course-item-excerpt-font-font-family: var(--body-font-font-family)= ; --course-list-grid-layout-course-item-excerpt-font-font-style: var(--body= -font-font-style); --course-list-grid-layout-course-item-excerpt-font-font-= weight: var(--body-font-font-weight); --course-list-grid-layout-course-item= -excerpt-font-text-transform: var(--body-font-text-transform); --course-lis= t-grid-layout-course-item-excerpt-font-letter-spacing: var(--body-font-lett= er-spacing); --course-list-grid-layout-course-item-excerpt-font-line-height= : var(--body-font-line-height); --course-list-grid-layout-course-item-excer= pt-font-font-size: .875rem; --course-list-grid-layout-course-item-excerpt-f= ont-font-size-value: .875; --portfolio-hover-static-title-font-font-family:= var(--heading-font-font-family); --portfolio-hover-static-title-font-font-= style: var(--heading-font-font-style); --portfolio-hover-static-title-font-= font-weight: var(--heading-font-font-weight); --portfolio-hover-static-titl= e-font-text-transform: var(--heading-font-text-transform); --portfolio-hove= r-static-title-font-letter-spacing: var(--heading-font-letter-spacing); --p= ortfolio-hover-static-title-font-line-height: var(--heading-font-line-heigh= t); --portfolio-hover-static-title-font-font-size: var(--heading-1-size); -= -portfolio-hover-static-title-font-font-size-value: var(--heading-1-size-va= lue); --newsletter-block-button-text-font-font-family: var(--body-font-font= -family); --newsletter-block-button-text-font-font-style: var(--body-font-f= ont-style); --newsletter-block-button-text-font-font-weight: var(--body-fon= t-font-weight); --newsletter-block-button-text-font-text-transform: var(--b= ody-font-text-transform); --newsletter-block-button-text-font-letter-spacin= g: var(--body-font-letter-spacing); --newsletter-block-button-text-font-lin= e-height: var(--body-font-line-height); --newsletter-block-button-text-font= -font-size: var(--normal-text-size); --newsletter-block-button-text-font-fo= nt-size-value: var(--normal-text-size-value); --blog-side-by-side-list-titl= e-font-font-family: var(--heading-font-font-family); --blog-side-by-side-li= st-title-font-font-style: var(--heading-font-font-style); --blog-side-by-si= de-list-title-font-font-weight: var(--heading-font-font-weight); --blog-sid= e-by-side-list-title-font-text-transform: var(--heading-font-text-transform= ); --blog-side-by-side-list-title-font-letter-spacing: var(--heading-font-l= etter-spacing); --blog-side-by-side-list-title-font-line-height: var(--head= ing-font-line-height); --blog-side-by-side-list-title-font-font-size: var(-= -heading-2-size); --blog-side-by-side-list-title-font-font-size-value: var(= --heading-2-size-value); --form-block-title-text-font-font-family: var(--bo= dy-font-font-family); --form-block-title-text-font-font-style: var(--body-f= ont-font-style); --form-block-title-text-font-font-weight: var(--body-font-= font-weight); --form-block-title-text-font-text-transform: var(--body-font-= text-transform); --form-block-title-text-font-letter-spacing: var(--body-fo= nt-letter-spacing); --form-block-title-text-font-line-height: var(--body-fo= nt-line-height); --form-block-title-text-font-font-size: var(--normal-text-= size); --form-block-title-text-font-font-size-value: var(--normal-text-size= -value); --newsletter-block-footnote-text-font-font-family: var(--body-font= -font-family); --newsletter-block-footnote-text-font-font-style: var(--body= -font-font-style); --newsletter-block-footnote-text-font-font-weight: var(-= -body-font-font-weight); --newsletter-block-footnote-text-font-text-transfo= rm: var(--body-font-text-transform); --newsletter-block-footnote-text-font-= letter-spacing: var(--body-font-letter-spacing); --newsletter-block-footnot= e-text-font-line-height: var(--body-font-line-height); --newsletter-block-f= ootnote-text-font-font-size: var(--small-text-size); --newsletter-block-foo= tnote-text-font-font-size-value: var(--small-text-size-value); --blog-side-= by-side-list-meta-font-font-family: var(--meta-font-font-family); --blog-si= de-by-side-list-meta-font-font-style: var(--meta-font-font-style); --blog-s= ide-by-side-list-meta-font-font-weight: var(--meta-font-font-weight); --blo= g-side-by-side-list-meta-font-text-transform: var(--meta-font-text-transfor= m); --blog-side-by-side-list-meta-font-letter-spacing: var(--meta-font-lett= er-spacing); --blog-side-by-side-list-meta-font-line-height: var(--meta-fon= t-line-height); --blog-side-by-side-list-meta-font-font-size: var(--normal-= meta-size); --blog-side-by-side-list-meta-font-font-size-value: var(--norma= l-meta-size-value); --newsletter-block-field-text-font-font-family: var(--b= ody-font-font-family); --newsletter-block-field-text-font-font-style: var(-= -body-font-font-style); --newsletter-block-field-text-font-font-weight: var= (--body-font-font-weight); --newsletter-block-field-text-font-text-transfor= m: var(--body-font-text-transform); --newsletter-block-field-text-font-lett= er-spacing: var(--body-font-letter-spacing); --newsletter-block-field-text-= font-line-height: var(--body-font-line-height); --newsletter-block-field-te= xt-font-font-size: var(--normal-text-size); --newsletter-block-field-text-f= ont-font-size-value: var(--normal-text-size-value); --blog-single-column-li= st-excerpt-font-font-family: var(--body-font-font-family); --blog-single-co= lumn-list-excerpt-font-font-style: var(--body-font-font-style); --blog-sing= le-column-list-excerpt-font-font-weight: var(--body-font-font-weight); --bl= og-single-column-list-excerpt-font-text-transform: var(--body-font-text-tra= nsform); --blog-single-column-list-excerpt-font-letter-spacing: var(--body-= font-letter-spacing); --blog-single-column-list-excerpt-font-line-height: v= ar(--body-font-line-height); --blog-single-column-list-excerpt-font-font-si= ze: var(--normal-text-size); --blog-single-column-list-excerpt-font-font-si= ze-value: var(--normal-text-size-value); --course-item-side-nav-lesson-meta= -font-font-family: var(--meta-font-font-family); --course-item-side-nav-les= son-meta-font-font-style: var(--meta-font-font-style); --course-item-side-n= av-lesson-meta-font-font-weight: var(--meta-font-font-weight); --course-ite= m-side-nav-lesson-meta-font-text-transform: var(--meta-font-text-transform)= ; --course-item-side-nav-lesson-meta-font-letter-spacing: var(--meta-font-l= etter-spacing); --course-item-side-nav-lesson-meta-font-line-height: var(--= meta-font-line-height); --course-item-side-nav-lesson-meta-font-font-size: = .8rem; --course-item-side-nav-lesson-meta-font-font-size-value: .8; --cours= e-item-side-nav-lesson-name-font-font-family: var(--body-font-font-family);= --course-item-side-nav-lesson-name-font-font-style: var(--body-font-font-s= tyle); --course-item-side-nav-lesson-name-font-font-weight: var(--body-font= -font-weight); --course-item-side-nav-lesson-name-font-text-transform: var(= --body-font-text-transform); --course-item-side-nav-lesson-name-font-letter= -spacing: var(--body-font-letter-spacing); --course-item-side-nav-lesson-na= me-font-line-height: var(--body-font-line-height); --course-item-side-nav-l= esson-name-font-font-size: 1rem; --course-item-side-nav-lesson-name-font-fo= nt-size-value: 1; --blog-item-title-font-font-family: var(--heading-font-fo= nt-family); --blog-item-title-font-font-style: var(--heading-font-font-styl= e); --blog-item-title-font-font-weight: var(--heading-font-font-weight); --= blog-item-title-font-text-transform: var(--heading-font-text-transform); --= blog-item-title-font-letter-spacing: var(--heading-font-letter-spacing); --= blog-item-title-font-line-height: var(--heading-font-line-height); --blog-i= tem-title-font-font-size: var(--heading-1-size); --blog-item-title-font-fon= t-size-value: var(--heading-1-size-value); --course-list-course-item-lesson= -meta-font-font-family: var(--meta-font-font-family); --course-list-course-= item-lesson-meta-font-font-style: var(--meta-font-font-style); --course-lis= t-course-item-lesson-meta-font-font-weight: var(--meta-font-font-weight); -= -course-list-course-item-lesson-meta-font-text-transform: var(--meta-font-t= ext-transform); --course-list-course-item-lesson-meta-font-letter-spacing: = var(--meta-font-letter-spacing); --course-list-course-item-lesson-meta-font= -line-height: var(--meta-font-line-height); --course-list-course-item-lesso= n-meta-font-font-size: .75rem; --course-list-course-item-lesson-meta-font-f= ont-size-value: .75; --video-basic-grid-list-category-nav-font-font-family:= var(--body-font-font-family); --video-basic-grid-list-category-nav-font-fo= nt-style: var(--body-font-font-style); --video-basic-grid-list-category-nav= -font-font-weight: var(--body-font-font-weight); --video-basic-grid-list-ca= tegory-nav-font-text-transform: var(--body-font-text-transform); --video-ba= sic-grid-list-category-nav-font-letter-spacing: var(--body-font-letter-spac= ing); --video-basic-grid-list-category-nav-font-line-height: var(--body-fon= t-line-height); --video-basic-grid-list-category-nav-font-font-size: var(--= normal-text-size); --video-basic-grid-list-category-nav-font-font-size-valu= e: var(--normal-text-size-value); --course-list-course-item-lesson-name-fon= t-font-family: var(--body-font-font-family); --course-list-course-item-less= on-name-font-font-style: var(--body-font-font-style); --course-list-course-= item-lesson-name-font-font-weight: var(--body-font-font-weight); --course-l= ist-course-item-lesson-name-font-text-transform: var(--body-font-text-trans= form); --course-list-course-item-lesson-name-font-letter-spacing: var(--bod= y-font-letter-spacing); --course-list-course-item-lesson-name-font-line-hei= ght: var(--body-font-line-height); --course-list-course-item-lesson-name-fo= nt-font-size: 1.125rem; --course-list-course-item-lesson-name-font-font-siz= e-value: 1.125; --video-preview-badge-font-font-family: var(--body-font-fon= t-family); --video-preview-badge-font-font-style: var(--body-font-font-styl= e); --video-preview-badge-font-font-weight: var(--body-font-font-weight); -= -video-preview-badge-font-text-transform: var(--body-font-text-transform); = --video-preview-badge-font-letter-spacing: var(--body-font-letter-spacing);= --video-preview-badge-font-line-height: var(--body-font-line-height); --vi= deo-preview-badge-font-font-size: var(--normal-text-size); --video-preview-= badge-font-font-size-value: var(--normal-text-size-value); --blog-basic-gri= d-list-title-font-font-family: var(--heading-font-font-family); --blog-basi= c-grid-list-title-font-font-style: var(--heading-font-font-style); --blog-b= asic-grid-list-title-font-font-weight: var(--heading-font-font-weight); --b= log-basic-grid-list-title-font-text-transform: var(--heading-font-text-tran= sform); --blog-basic-grid-list-title-font-letter-spacing: var(--heading-fon= t-letter-spacing); --blog-basic-grid-list-title-font-line-height: var(--hea= ding-font-line-height); --blog-basic-grid-list-title-font-font-size: var(--= heading-3-size); --blog-basic-grid-list-title-font-font-size-value: var(--h= eading-3-size-value); --blog-basic-grid-list-meta-font-font-family: var(--m= eta-font-font-family); --blog-basic-grid-list-meta-font-font-style: var(--m= eta-font-font-style); --blog-basic-grid-list-meta-font-font-weight: var(--m= eta-font-font-weight); --blog-basic-grid-list-meta-font-text-transform: var= (--meta-font-text-transform); --blog-basic-grid-list-meta-font-letter-spaci= ng: var(--meta-font-letter-spacing); --blog-basic-grid-list-meta-font-line-= height: var(--meta-font-line-height); --blog-basic-grid-list-meta-font-font= -size: var(--normal-meta-size); --blog-basic-grid-list-meta-font-font-size-= value: var(--normal-meta-size-value); --form-block-input-text-font-font-fam= ily: var(--body-font-font-family); --form-block-input-text-font-font-style:= var(--body-font-font-style); --form-block-input-text-font-font-weight: var= (--body-font-font-weight); --form-block-input-text-font-text-transform: var= (--body-font-text-transform); --form-block-input-text-font-letter-spacing: = var(--body-font-letter-spacing); --form-block-input-text-font-line-height: = var(--body-font-line-height); --form-block-input-text-font-font-size: var(-= -normal-text-size); --form-block-input-text-font-font-size-value: var(--nor= mal-text-size-value); --course-list-course-item-lesson-excerpt-font-font-fa= mily: var(--body-font-font-family); --course-list-course-item-lesson-excerp= t-font-font-style: var(--body-font-font-style); --course-list-course-item-l= esson-excerpt-font-font-weight: var(--body-font-font-weight); --course-list= -course-item-lesson-excerpt-font-text-transform: var(--body-font-text-trans= form); --course-list-course-item-lesson-excerpt-font-letter-spacing: var(--= body-font-letter-spacing); --course-list-course-item-lesson-excerpt-font-li= ne-height: var(--body-font-line-height); --course-list-course-item-lesson-e= xcerpt-font-font-size: .875rem; --course-list-course-item-lesson-excerpt-fo= nt-font-size-value: .875; --portfolio-grid-overlay-title-font-font-family: = var(--heading-font-font-family); --portfolio-grid-overlay-title-font-font-s= tyle: var(--heading-font-font-style); --portfolio-grid-overlay-title-font-f= ont-weight: var(--heading-font-font-weight); --portfolio-grid-overlay-title= -font-text-transform: var(--heading-font-text-transform); --portfolio-grid-= overlay-title-font-letter-spacing: var(--heading-font-letter-spacing); --po= rtfolio-grid-overlay-title-font-line-height: var(--heading-font-line-height= ); --portfolio-grid-overlay-title-font-font-size: var(--heading-3-size); --= portfolio-grid-overlay-title-font-font-size-value: var(--heading-3-size-val= ue); --header-button-font-font-family: Poppins; --header-button-font-font-s= tyle: normal; --header-button-font-font-weight: 500; --header-button-font-t= ext-transform: none; --header-button-font-letter-spacing: .02em; --header-b= utton-font-line-height: 1.2em; --header-button-font-font-size: .9rem; --hea= der-button-font-font-size-value: .9; --blog-alternating-side-by-side-list-e= xcerpt-font-font-family: var(--body-font-font-family); --blog-alternating-s= ide-by-side-list-excerpt-font-font-style: var(--body-font-font-style); --bl= og-alternating-side-by-side-list-excerpt-font-font-weight: var(--body-font-= font-weight); --blog-alternating-side-by-side-list-excerpt-font-text-transf= orm: var(--body-font-text-transform); --blog-alternating-side-by-side-list-= excerpt-font-letter-spacing: var(--body-font-letter-spacing); --blog-altern= ating-side-by-side-list-excerpt-font-line-height: var(--body-font-line-heig= ht); --blog-alternating-side-by-side-list-excerpt-font-font-size: var(--nor= mal-text-size); --blog-alternating-side-by-side-list-excerpt-font-font-size= -value: var(--normal-text-size-value); --product-basic-item-title-font-font= -family: var(--heading-font-font-family); --product-basic-item-title-font-f= ont-style: var(--heading-font-font-style); --product-basic-item-title-font-= font-weight: var(--heading-font-font-weight); --product-basic-item-title-fo= nt-text-transform: var(--heading-font-text-transform); --product-basic-item= -title-font-letter-spacing: var(--heading-font-letter-spacing); --product-b= asic-item-title-font-line-height: var(--heading-font-line-height); --produc= t-basic-item-title-font-font-size: var(--heading-2-size); --product-basic-i= tem-title-font-font-size-value: var(--heading-2-size-value); --menu-block-t= itle-font-font-family: var(--heading-font-font-family); --menu-block-title-= font-font-style: var(--heading-font-font-style); --menu-block-title-font-fo= nt-weight: var(--heading-font-font-weight); --menu-block-title-font-text-tr= ansform: var(--heading-font-text-transform); --menu-block-title-font-letter= -spacing: var(--heading-font-letter-spacing); --menu-block-title-font-line-= height: var(--heading-font-line-height); --menu-block-title-font-font-size:= var(--heading-3-size); --menu-block-title-font-font-size-value: var(--head= ing-3-size-value); } :root { --primary-button-rounded-border-top-left-radius: 6.4px; --primary-b= utton-rounded-border-top-right-radius: 6.4px; --primary-button-rounded-bord= er-bottom-left-radius: 6.4px; --primary-button-rounded-border-bottom-right-= radius: 6.4px; --primaryButtonPadding: 1.4em; --primary-button-padding-x: 2= .338em; --primary-button-padding-y: 1.4em; --primary-button-stroke: 0px; --= secondary-button-rounded-border-top-left-radius: 6.4px; --secondary-button-= rounded-border-top-right-radius: 6.4px; --secondary-button-rounded-border-b= ottom-left-radius: 6.4px; --secondary-button-rounded-border-bottom-right-ra= dius: 6.4px; --secondary-button-padding-x: 2.338em; --secondary-button-padd= ing-y: 1.4em; --secondary-button-stroke: 0px; --tertiary-button-rounded-bor= der-top-left-radius: 6.4px; --tertiary-button-rounded-border-top-right-radi= us: 6.4px; --tertiary-button-rounded-border-bottom-left-radius: 6.4px; --te= rtiary-button-rounded-border-bottom-right-radius: 6.4px; --tertiary-button-= padding-x: 2.338em; --tertiary-button-padding-y: 1.4em; --tertiary-button-s= troke: 0px; --form-field-shape-border-top-left-radius: 5px; --form-field-sh= ape-border-top-right-radius: 5px; --form-field-shape-border-bottom-left-rad= ius: 5px; --form-field-shape-border-bottom-right-radius: 5px; --form-field-= border-thickness: 1px; --form-field-padding-vertical: 10px; --form-field-pa= dding-horizontal: 10px; --form-field-checkbox-shape-border-top-left-radius:= 5px; --form-field-checkbox-shape-border-top-right-radius: 5px; --form-fiel= d-checkbox-shape-border-bottom-left-radius: 5px; --form-field-checkbox-shap= e-border-bottom-right-radius: 5px; --form-field-checkbox-border-thickness: = 1px; --form-field-checkbox-size: 16px; --form-field-checkbox-space-between-= icon-and-text: 11px; --form-field-checkbox-padding-vertical: 10px; --form-f= ield-checkbox-padding-horizontal: 10px; --form-field-checkbox-row-gap: 12px= ; --form-field-checkbox-column-gap: 20px; --form-field-radio-shape-border-t= op-left-radius: 5px; --form-field-radio-shape-border-top-right-radius: 5px;= --form-field-radio-shape-border-bottom-left-radius: 5px; --form-field-radi= o-shape-border-bottom-right-radius: 5px; --form-field-radio-border-thicknes= s: 1px; --form-field-radio-size: 17px; --form-field-radio-space-between-ico= n-and-text: 11px; --form-field-radio-padding-vertical: 10px; --form-field-r= adio-padding-horizontal: 10px; --form-field-radio-row-gap: 12px; --form-fie= ld-radio-column-gap: 20px; --form-field-dropdown-icon-thickness: 1px; --for= m-field-dropdown-icon-size: 18px; --form-field-survey-shape-border-top-left= -radius: 5px; --form-field-survey-shape-border-top-right-radius: 5px; --for= m-field-survey-shape-border-bottom-left-radius: 5px; --form-field-survey-sh= ape-border-bottom-right-radius: 5px; --form-field-survey-border-thickness: = 1px; --form-field-survey-size: 17px; --form-label-spacing-bottom: 4px; --fo= rm-description-spacing-bottom: 4px; --form-caption-spacing-bottom: 2px; --f= orm-field-spacing-bottom: 20px; --form-field-column-gap: 10px; --tweak-glob= al-animations-animation-duration: .1s; --tweak-global-animations-animation-= delay: .1s; } article, aside, details, figcaption, figure, footer, header, hgroup, main, = nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0px; } [hidden], template { display: none; } html { font-family: sans-serif; text-size-adjust: 100%; } body { margin: 0px; } a { background: 0px 0px; } a:focus { outline: dotted thin; } a:active, a:hover { outline: 0px; } h1 { font-size: 2em; margin: 0.67em 0px; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } hr { box-sizing: content-box; height: 0px; } mark { background: rgb(255, 255, 0); color: rgb(0, 0, 0); } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: "=E2=80=9C" "=E2=80=9D" "=E2=80=98" "=E2=80=99"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-ali= gn: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0px; } svg:not(:root) { overflow: hidden; } figure { margin: 0px; } fieldset { border: 1px solid silver; margin: 0px 2px; padding: 0.35em 0.625= em 0.75em; } legend { border: 0px; padding: 0px; } button, input, select, textarea { font-family: inherit; font-size: 100%; ma= rgin: 0px; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type=3D"button"], input[type=3D"reset"], input[type=3D"s= ubmit"] { appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type=3D"checkbox"], input[type=3D"radio"] { box-sizing: border-box; p= adding: 0px; } input[type=3D"search"] { appearance: textfield; box-sizing: content-box; } input[type=3D"search"]::-webkit-search-cancel-button, input[type=3D"search"= ]::-webkit-search-decoration { appearance: none; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0px; } nav ul { list-style-type: none; margin: 0px; padding: 0px; } .clear::after { display: block; visibility: hidden; font-size: 0px; height:= 0px; clear: both; content: "."; } .v6-visually-hidden { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; pos= ition: absolute !important; padding: 0px !important; border: 0px !important= ; height: 1px !important; width: 1px !important; } .sqs-g { letter-spacing: -0.31em; text-rendering: optimizespeed; } .yui3-u, .sqs-u { display: inline-block; zoom: 1; letter-spacing: normal; w= ord-spacing: normal; vertical-align: top; text-rendering: auto; } .sqs-u-1, .sqs-u-1-2, .sqs-u-1-3, .sqs-u-2-3, .sqs-u-1-4, .sqs-u-3-4, .sqs-= u-1-5, .sqs-u-2-5, .sqs-u-3-5, .sqs-u-4-5, .sqs-u-1-6, .sqs-u-5-6, .sqs-u-1= -8, .sqs-u-3-8, .sqs-u-5-8, .sqs-u-7-8, .sqs-u-1-12, .sqs-u-5-12, .sqs-u-7-= 12, .sqs-u-11-12, .sqs-u-1-24, .sqs-u-5-24, .sqs-u-7-24, .sqs-u-11-24, .sqs= -u-13-24, .sqs-u-17-24, .sqs-u-19-24, .sqs-u-23-24 { display: inline-block;= zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top= ; text-rendering: auto; } .sqs-u-1 { display: block; } .sqs-u-1-2 { width: 50%; } .sqs-u-1-3 { width: 33.3333%; } .sqs-u-2-3 { width: 66.6667%; } .sqs-u-1-4 { width: 25%; } .sqs-u-3-4 { width: 75%; } .sqs-u-1-5 { width: 20%; } .sqs-u-2-5 { width: 40%; } .sqs-u-3-5 { width: 60%; } .sqs-u-4-5 { width: 80%; } .sqs-u-1-6 { width: 16.656%; } .sqs-u-5-6 { width: 83.33%; } .sqs-u-1-8 { width: 12.5%; } .sqs-u-3-8 { width: 37.5%; } .sqs-u-5-8 { width: 62.5%; } .sqs-u-7-8 { width: 87.5%; } .sqs-u-1-12 { width: 8.3333%; } .sqs-u-5-12 { width: 41.6666%; } .sqs-u-7-12 { width: 58.3333%; } .sqs-u-11-12 { width: 91.6666%; } .sqs-u-1-24 { width: 4.1666%; } .sqs-u-5-24 { width: 20.8333%; } .sqs-u-7-24 { width: 29.1666%; } .sqs-u-11-24 { width: 45.8333%; } .sqs-u-13-24 { width: 54.1666%; } .sqs-u-17-24 { width: 70.8333%; } .sqs-u-19-24 { width: 79.1666%; } .sqs-u-23-24 { width: 95.8333%; } #sqs-css-stamp.cssgrids { display: none; } .yui3-widget-hidden { display: none; } .yui3-widget-content { overflow: hidden; } .yui3-widget-content-expanded { box-sizing: border-box; height: 100%; } .yui3-widget-tmp-forcesize { overflow: hidden !important; } .sqs-panel { position: absolute; } .sqs-panel-hidden { visibility: hidden; } .sqs-widget-tmp-forcesize .sqs-panel-content { overflow: hidden !important;= } .sqs-panel .sqs-widget-hd { position: relative; } .sqs-panel .sqs-widget-hd .sqs-widget-buttons { position: absolute; top: 0p= x; right: 0px; } .sqs-panel .sqs-widget-ft .sqs-widget-buttons { display: inline-block; zoom= : 1; } .yui3-slider, .yui3-slider-rail { display: inline-block; zoom: 1; vertical-= align: middle; } .yui3-slider-content { position: relative; display: block; } .yui3-slider-rail { position: relative; } .yui3-slider-rail-cap-top, .yui3-slider-rail-cap-left, .yui3-slider-rail-ca= p-bottom, .yui3-slider-rail-cap-right, .yui3-slider-thumb, .yui3-slider-thu= mb-image, .yui3-slider-thumb-shadow { position: absolute; } .yui3-slider-thumb { overflow: hidden; } .sqs-aclist, .yui3-aclist { position: absolute; z-index: 10; } .sqs-aclist-hidden, .yui3-aclist-hidden { visibility: hidden; } .sqs-aclist-aria, .yui3-aclist-aria { left: -9999px; position: absolute; } .sqs-aclist-list, .yui3-aclist-list { list-style: none; margin: 0px; overfl= ow: hidden; padding: 0px; } .sqs-aclist-item, .yui3-aclist-item { cursor: pointer; list-style: none; pa= dding: 2px 5px; } .sqs-aclist-item-active, .yui3-aclist-item-active { outline: rgb(175, 175, = 175) dotted thin; } .sqs-cookie-banner-v2-enabled .sqs-cookie-banner-v2 { display: block; } body.sqs-cookie-banner-v2-top .sqs-announcement-bar-dropzone, body.sqs-cook= ie-banner-v2-top .sqs-announcement-bar-dropzone.sqs-cookie-banner-v2-enable= d { position: relative; } .sqs-cookie-banner-v2 { box-sizing: border-box; display: none; justify-cont= ent: space-between; align-items: center; z-index: 300000; padding: 10px; po= sition: fixed; } .sqs-cookie-banner-v2 p, .sqs-cookie-banner-v2 button { font-family: "Helve= tica Neue", Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; fon= t-weight: normal; font-style: normal; letter-spacing: 0.05em; margin: 10px = !important; } .sqs-cookie-banner-v2 a { text-decoration: underline; } .sqs-cookie-banner-v2 .sqs-cookie-banner-v2-text { max-height: calc(50vh); = } .sqs-cookie-banner-v2 .sqs-cookie-banner-v2-cta-container { display: flex; = flex-flow: wrap; } .sqs-cookie-banner-v2 .sqs-cookie-banner-v2-cta { white-space: nowrap; back= ground: transparent; } .sqs-announcement-bar-dropzone .sqs-cookie-banner-v2.TOP { position: relati= ve; } body > .sqs-cookie-banner-v2.TOP { top: 0px; } .sqs-cookie-banner-v2.BOTTOM { bottom: 0px; } .sqs-cookie-banner-v2.TOP_LEFT { top: 20px; left: 20px; } .sqs-cookie-banner-v2.TOP_RIGHT { top: 20px; right: 20px; } .sqs-cookie-banner-v2.BOTTOM_LEFT { bottom: 20px; left: 20px; } .sqs-cookie-banner-v2.BOTTOM_RIGHT { bottom: 20px; right: 20px; } @media (max-width: 640px) { .sqs-cookie-banner-v2.TOP_LEFT, .sqs-cookie-banner-v2.TOP_RIGHT { top: 10= px; margin-bottom: 10px; left: 10px; right: 10px; } .sqs-cookie-banner-v2.BOTTOM_LEFT, .sqs-cookie-banner-v2.BOTTOM_RIGHT { m= argin-top: 10px; bottom: 10px; left: 10px; right: 10px; } } .sqs-cookie-banner-v2.ICON { display: flex; justify-content: space-between;= align-items: center; } .sqs-cookie-banner-v2.ICON .sqs-cookie-banner-v2-acceptWrapper { font-size:= 0px; line-height: 1; text-align: right; } .sqs-cookie-banner-v2.ICON .sqs-cookie-banner-v2-accept { border: 0px; padd= ing: 5px 10px; } .sqs-cookie-banner-v2.ICON .sqs-cookie-banner-v2-accept::after { content: "= =C3=97"; font-family: "Helvetica Neue", Helvetica, sans-serif; font-weight:= 100; line-height: 0.5em; font-size: 35px; } .sqs-cookie-banner-v2.BAR { left: 0px; right: 0px; } @media (min-width: 640px) { .sqs-cookie-banner-v2.BAR { display: flex; justify-content: space-between= ; align-items: center; padding: 10px 15px; } .sqs-cookie-banner-v2.BAR p { margin-right: 2vw; } .sqs-cookie-banner-v2.BAR .sqs-cookie-banner-v2-cta-container { max-width= : 50%; flex: 1 0 auto; flex-wrap: wrap; justify-content: flex-end; } } @media (min-width: 640px) { .sqs-cookie-banner-v2.POPUP { width: 250px; margin: 20px; } .sqs-cookie-banner-v2.POPUP.OPT_IN_AND_OUT { width: auto; max-width: 500p= x; } .sqs-cookie-banner-v2.POPUP.OPT_IN_AND_OUT .sqs-cookie-banner-v2-text { m= ax-width: 350px; } .sqs-cookie-banner-v2.POPUP.ICON { width: 350px; margin: 10px; } } .sqs-cookie-banner-v2.BUTTON .sqs-cookie-banner-v2-cta { padding: 1em 1.5em= ; letter-spacing: 0.1em; line-height: 1em; } .sqs-cookie-banner-v2.TEXT .sqs-cookie-banner-v2-cta { padding: 0px; border= : none; letter-spacing: 0.05em; } .sqs-cookie-banner-v2.DARK { background-color: rgb(0, 0, 0); } .sqs-cookie-banner-v2.DARK p, .sqs-cookie-banner-v2.DARK button, .sqs-cooki= e-banner-v2.DARK a { color: rgb(255, 255, 255); } .sqs-cookie-banner-v2.DARK :focus { outline-color: rgb(255, 255, 255); } .sqs-cookie-banner-v2.DARK :focus:not(:focus-visible) { outline-color: tran= sparent; } .sqs-cookie-banner-v2.DARK.TEXT .sqs-cookie-banner-v2-cta { border-bottom: = 1px solid rgb(119, 119, 119); } .sqs-cookie-banner-v2.DARK.BUTTON .sqs-cookie-banner-v2-cta { border: 1px s= olid rgb(255, 255, 255); } .sqs-cookie-banner-v2.LIGHT { background-color: rgb(238, 238, 238); } .sqs-cookie-banner-v2.LIGHT p, .sqs-cookie-banner-v2.LIGHT button, .sqs-coo= kie-banner-v2.LIGHT a { color: rgb(17, 17, 17); } .sqs-cookie-banner-v2.LIGHT :focus { outline-color: rgb(17, 17, 17); } .sqs-cookie-banner-v2.LIGHT :focus:not(:focus-visible) { outline-color: tra= nsparent; } .sqs-cookie-banner-v2.LIGHT.TEXT .sqs-cookie-banner-v2-cta { border-bottom:= 1px solid rgb(187, 187, 187); } .sqs-cookie-banner-v2.LIGHT.BUTTON .sqs-cookie-banner-v2-cta { border: 1px = solid rgb(68, 68, 68); } body.native-currency-code-usd .sqs-money-native::before { content: "$"; } body.native-currency-code-cad .sqs-money-native::before { content: "$"; } body.native-currency-code-cad .sqs-money-native::after { content: " CAD"; } body.native-currency-code-gbp .sqs-money-native::before { content: "=C2=A3"= ; } body.native-currency-code-eur .sqs-money-native::before { content: "=E2=82= =AC"; } body.native-currency-code-aud .sqs-money-native::before { content: "$"; } body.native-currency-code-aud .sqs-money-native::after { content: " AUD"; } body.native-currency-code-chf .sqs-money-native::before { content: "CHF"; } body.native-currency-code-nok .sqs-money-native::after { content: " kr"; } body.native-currency-code-sek .sqs-money-native::after { content: " kr"; } body.native-currency-code-dkk .sqs-money-native::after { content: " kr"; } body.native-currency-code-nzd .sqs-money-native::before { content: "$"; } body.native-currency-code-sgd .sqs-money-native::before { content: "S$"; } body.native-currency-code-mxn .sqs-money-native::before { content: "$"; } body.native-currency-code-hkd .sqs-money-native::before { content: "HK$"; } body.native-currency-code-czk .sqs-money-native::after { content: " K=C4=8D= "; } body.native-currency-code-thb .sqs-money-native::before { content: "=E0=B8= =BF"; } body.native-currency-code-myr .sqs-money-native::before { content: "RM"; } body.native-currency-code-pln .sqs-money-native::after { content: " z=C5=82= "; } body.native-currency-code-ils .sqs-money-native::before { content: "=E2=82= =AA "; } body.native-currency-code-php .sqs-money-native::before { content: "Php"; } body.native-currency-code-rub .sqs-money-native::after { content: " =D1=80.= "; } body.native-currency-code-brl .sqs-money-native::before { content: " R$"; } body.native-currency-code-ars .sqs-money-native::before { content: "$"; } body.native-currency-code-ars .sqs-money-native::after { content: " ARS"; } body.native-currency-code-cop .sqs-money-native::before { content: "COL$"; = } body.native-currency-code-idr .sqs-money-native::before { content: "Rp"; } body.native-currency-code-inr .sqs-money-native::before { content: "=E2=82= =B9"; } body.native-currency-code-jpy .sqs-money-native::before { content: "=C2=A5"= ; } body.native-currency-code-zar .sqs-money-native::before { content: "R"; } .fadeable-plugged.display-status-hidden { display: none; } .sqs-image-zoom-dropzone { overflow: hidden; } .sqs-image-zoom-duplicate { opacity: 0; position: absolute; width: 100%; he= ight: 100%; top: 0px; left: 0px; pointer-events: none; transition: opacity = 0.4s ease 0s; } .is-zoomed .sqs-image-zoom-duplicate { opacity: 1; } .sqs-image-zoom--behavior-click { cursor: zoom-in !important; } .sqs-image-zoom--behavior-click.is-zoomed { cursor: zoom-out !important; } @keyframes bounceIn {=20 0% { opacity: 0; transform: scale(0.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(0.9); } 100% { transform: scale(1); } } @keyframes bounceOut {=20 0% { transform: scale(1); } 25% { transform: scale(0.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(0.3); } } @media screen and (max-width: 432px) { .mobile-hidden { display: none; } } @media screen and (max-width: 432px) { .subDesktop-hidden { display: none; } } @media screen and (min-width: 433px) { .desktop-hidden { display: none; } } .sqs-system-error { background: url("//assets.squarespace.com/universal/ima= ges-v6/damask/error-dark.png") 12px 12px no-repeat transparent; color: rgb(= 62, 62, 62) !important; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 1.5dppx) { .sqs-system-error { background-image: url("//assets.squarespace.com/unive= rsal/images-v6/damask/error-dark@2x.png"); background-size: 44px; } } .sqs-system-error input { cursor: pointer; background: rgb(62, 62, 62); pad= ding: 11px; text-align: center; transition: background-color 0.1s ease-in-o= ut 0s, opacity 0.1s ease-in-out 0s; line-height: 22px; user-select: none; f= ont-family: inherit; appearance: none; } .sqs-system-error input, .sqs-system-error input > * { appearance: none; bo= rder: 0px; text-transform: uppercase; letter-spacing: 0.5px; font-size: 11p= x; font-weight: 500; color: rgb(255, 255, 255) !important; } .sqs-system-error input:focus, .sqs-system-error input > :focus { outline: = rgb(255, 255, 255) solid 2px; outline-offset: -2px; } .sqs-system-error input:focus:not(:focus-visible), .sqs-system-error input = > :focus:not(:focus-visible) { outline: none; } .sqs-system-error input:hover { background-color: rgb(0, 0, 0); box-shadow:= none; } .sqs-system-error input.disabled { opacity: 0.3; cursor: default; } .sqs-system-error input.disabled > * { opacity: 0.5; } .sqs-system-error input.disabled:hover { background-color: rgb(62, 62, 62) = !important; } .sqs-system-error-overlay.dialog-screen-overlay { background: rgba(246, 246= , 246, 0.98); } .sqs-video-wrapper .intrinsic { max-width: 100%; } .sqs-video-wrapper.video-none { position: relative; } .sqs-video-wrapper.video-fill { position: absolute; width: 100%; height: 10= 0%; } .sqs-video-wrapper.video-fit { position: absolute; width: 100%; } .sqs-video-wrapper.video-fit .intrinsic { width: 100%; } .sqs-video-wrapper.video-fit .intrinsic-inner { position: relative; } .sqs-video-wrapper iframe { position: absolute; top: 0px; left: 0px; width:= 100%; height: 100%; } .sqs-video-wrapper object, .sqs-video-wrapper embed { position: absolute; t= op: 0px; left: 0px; width: 100%; height: 100%; } .sqs-video-wrapper .sqs-video-overlay { display: block; position: absolute;= top: 0px; left: 0px; width: 100%; height: 100%; background-size: cover; co= lor: rgb(0, 0, 0); background-position: center center; background-repeat: n= o-repeat; } .sqs-video-wrapper .sqs-video-overlay .sqs-video-opaque { position: absolut= e; bottom: 0px; width: 100%; height: 100%; background: rgb(0, 0, 0); opacit= y: 0; } .sqs-video-wrapper .sqs-video-overlay.no-thumb .sqs-video-opaque { opacity:= 1; } .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon { position: absolute;= top: 50%; left: 50%; background: url("//assets.squarespace.com/universal/i= mages-v6/damask/play-button.png") center center no-repeat transparent; heig= ht: 48px; width: 48px; margin-left: -24px; margin-top: -24px; cursor: point= er; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 1.5dppx) { .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon { background-image:= url("//assets.squarespace.com/universal/images-v6/damask/play-button@2x.pn= g"); background-size: 33px; } } .sqs-video-wrapper.video-invalid { position: static !important; height: 48p= x !important; } .sqs-video-wrapper .sqs-video-invalid-wrapper { position: absolute; top: 0p= x; left: 0px; width: 100%; height: 100%; overflow: hidden; } body.no-scroll { height: 100%; position: fixed; inset: 0px; } .no-scroll { overflow: hidden !important; } .sqs-lightbox-overlay { position: fixed; opacity: 0; top: 0px; left: 0px; b= ackground: rgb(0, 0, 0); height: 100%; width: 100%; } .sqs-lightbox-overlay.sqs-lightbox-overlay-style-orb { background: radial-g= radient(circle at 50% 25%, rgba(0, 0, 0, 0.75), rgb(0, 0, 0)); } .sqs-lightbox-overlay.light { color: rgb(62, 62, 62); background: rgba(246,= 246, 246, 0.98) !important; } .sqs-lightbox-overlay.white.sqs-lightbox-overlay-style-orb { background: ra= dial-gradient(circle at 50% 25%, rgba(255, 255, 255, 0.96), rgb(255, 255, 2= 55)); } .sqsp-tooltip { color: inherit; background-color: rgb(246, 246, 246); paddi= ng: 22px 33px; box-shadow: rgba(0, 0, 0, 0.22) 0px 4px 33px, rgba(0, 0, 0, = 0.04) 0px 0px 0px 1px; position: absolute; overflow: hidden; max-width: 250= px; text-align: left !important; } .sqsp-tooltip .title { text-transform: uppercase; font-weight: 500; letter-= spacing: 0.5px; margin-bottom: 11px; } .sqsp-tooltip .description { margin: 11px 0px; } .sqsp-tooltip .buttons { margin: 22px -33px -22px; border-top: 1px solid rg= b(228, 228, 228); display: flex; } .sqsp-tooltip .buttons:empty { border-top: 0px; } .sqsp-tooltip .buttons > * { flex: 1 1 0%; display: flex; align-items: cent= er; justify-content: center; border-left: 1px solid rgb(228, 228, 228) !imp= ortant; } .sqsp-tooltip .buttons > :first-child { border-left: none !important; } .sqsp-tooltip .buttons input, .sqsp-tooltip .buttons button { background: t= ransparent; } .sqsp-tooltip .buttons a { border-bottom: none; } .sqsp-tooltip .buttons a:not(.reject) { cursor: pointer; background: rgb(24= 6, 246, 246); padding: 11px; text-align: center; transition: background-col= or 0.1s ease-in-out 0s, opacity 0.1s ease-in-out 0s; line-height: 22px; use= r-select: none; font-family: inherit; appearance: none; } .sqsp-tooltip .buttons a:not(.reject), .sqsp-tooltip .buttons a:not(.reject= ) > * { appearance: none; border: 0px; text-transform: uppercase; letter-sp= acing: 0.5px; font-size: 11px; font-weight: 500; color: rgb(62, 62, 62) !im= portant; } .sqsp-tooltip .buttons a:not(.reject):focus, .sqsp-tooltip .buttons a:not(.= reject) > :focus { outline: rgb(62, 62, 62) solid 2px; outline-offset: -2px= ; } .sqsp-tooltip .buttons a:not(.reject):focus:not(:focus-visible), .sqsp-tool= tip .buttons a:not(.reject) > :focus:not(:focus-visible) { outline: none; } .sqsp-tooltip .buttons a:not(.reject):hover { background-color: rgb(255, 25= 5, 255); box-shadow: none; } .sqsp-tooltip .buttons a:not(.reject).disabled { opacity: 0.3; cursor: defa= ult; } .sqsp-tooltip .buttons a:not(.reject).disabled > * { opacity: 0.5; } .sqsp-tooltip .buttons a:not(.reject).disabled:hover { background-color: rg= b(246, 246, 246) !important; } .sqsp-tooltip .buttons a:not(.reject).disabled { opacity: 0.5; } .sqsp-tooltip .buttons a.reject { cursor: pointer; background: rgb(246, 246= , 246); padding: 11px; text-align: center; transition: background-color 0.1= s ease-in-out 0s, opacity 0.1s ease-in-out 0s; line-height: 22px; user-sele= ct: none; font-family: inherit; appearance: none; } .sqsp-tooltip .buttons a.reject, .sqsp-tooltip .buttons a.reject > * { appe= arance: none; border: 0px; text-transform: uppercase; letter-spacing: 0.5px= ; font-size: 11px; font-weight: 500; color: rgb(62, 62, 62) !important; } .sqsp-tooltip .buttons a.reject:focus, .sqsp-tooltip .buttons a.reject > :f= ocus { outline: rgb(62, 62, 62) solid 2px; outline-offset: -2px; } .sqsp-tooltip .buttons a.reject:focus:not(:focus-visible), .sqsp-tooltip .b= uttons a.reject > :focus:not(:focus-visible) { outline: none; } .sqsp-tooltip .buttons a.reject:hover { background-color: rgb(0, 0, 0); box= -shadow: none; } .sqsp-tooltip .buttons a.reject.disabled { opacity: 0.3; cursor: default; } .sqsp-tooltip .buttons a.reject.disabled > * { opacity: 0.5; } .sqsp-tooltip .buttons a.reject.disabled:hover { background-color: rgb(246,= 246, 246) !important; } .sqsp-tooltip .buttons a.reject:hover { background-color: rgb(240, 82, 61);= } .sqsp-tooltip .buttons a.reject:hover, .sqsp-tooltip .buttons a.reject:hove= r * { color: rgb(255, 255, 255) !important; } .sqs-action-overlay { position: absolute; top: 0px; right: 0px; white-space= : nowrap; transition: opacity 0.1s ease-out 0s; opacity: 0; background-colo= r: rgb(62, 62, 62); overflow: hidden; z-index: 50; height: 32px; border-rad= ius: 3px; } .sqs-action-overlay.loading { opacity: 1; } .sqs-action-overlay.bottom { top: auto; bottom: 0px; } .sqs-action-overlay > div { display: inline-block; height: 32px; width: 33p= x; opacity: 0.3; cursor: pointer; } .sqs-action-overlay > div:hover { opacity: 0.9; } .sqs-action-overlay > div:active, .sqs-action-overlay > div:focus { opacity= : 1; } .sqs-action-overlay > div.edit-image, .sqs-action-overlay > div.edit { back= ground: url("//assets.squarespace.com/universal/images-v6/damask/edit-aviar= y-light.png") center center no-repeat transparent; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 1.5dppx) { .sqs-action-overlay > div.edit-image, .sqs-action-overlay > div.edit { ba= ckground-image: url("//assets.squarespace.com/universal/images-v6/damask/ed= it-aviary-light@2x.png"); background-size: 16px; } } .sqs-action-overlay > div.edit.loading { background: none; } .sqs-action-overlay > div.image-info { background: url("//assets.squarespac= e.com/universal/images-v6/damask/edit-info-light.png") center center no-rep= eat transparent; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 1.5dppx) { .sqs-action-overlay > div.image-info { background-image: url("//assets.sq= uarespace.com/universal/images-v6/damask/edit-info-light@2x.png"); backgrou= nd-size: 16px; } } .sqs-action-overlay > div.remove, .sqs-action-overlay > div.remove-image { = background: url("//assets.squarespace.com/universal/images-v6/damask/trash-= 9-light.png") center center no-repeat transparent; cursor: pointer; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 1.5dppx) { .sqs-action-overlay > div.remove, .sqs-action-overlay > div.remove-image = { background-image: url("//assets.squarespace.com/universal/images-v6/damas= k/trash-9-light@2x.png"); background-size: 9px 11px; } } .sqs-action-overlay > div.remove:hover, .sqs-action-overlay > div.remove-im= age:hover { background: url("//assets.squarespace.com/universal/images-v6/d= amask/trash-9-red.png") center center no-repeat transparent; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 1.5dppx) { .sqs-action-overlay > div.remove:hover, .sqs-action-overlay > div.remove-= image:hover { background-image: url("//assets.squarespace.com/universal/ima= ges-v6/damask/trash-9-red@2x.png"); background-size: 9px 11px; } } .sqs-action-overlay > div.remove:hover, .sqs-action-overlay > div.remove-im= age:hover { background: url("//assets.squarespace.com/universal/images-v6/d= amask/trash-9-light.png") center center no-repeat rgb(240, 82, 61); } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 1.5dppx) { .sqs-action-overlay > div.remove:hover, .sqs-action-overlay > div.remove-= image:hover { background-image: url("//assets.squarespace.com/universal/ima= ges-v6/damask/trash-9-light@2x.png"); background-size: 9px 11px; } } .sqs-action-overlay > div.video-info { background: url("//assets.squarespac= e.com/universal/images-v6/damask/edit-info-light.png") center center no-rep= eat transparent; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 1.5dppx) { .sqs-action-overlay > div.video-info { background-image: url("//assets.sq= uarespace.com/universal/images-v6/damask/edit-info-light@2x.png"); backgrou= nd-size: 16px; } } .sqs-action-overlay > div.getty { background: url("//assets.squarespace.com= /universal/images-v6/damask/getty-16-light.png") center center no-repeat tr= ansparent; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 1.5dppx) { .sqs-action-overlay > div.getty { background-image: url("//assets.squares= pace.com/universal/images-v6/damask/getty-32-light.png"); background-size: = 16px; } } .sqs-action-overlay > div.buy { background: url("//assets.squarespace.com/u= niversal/images-v6/damask/shopping-cart-16-light.png") center center no-rep= eat transparent; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 1.5dppx) { .sqs-action-overlay > div.buy { background-image: url("//assets.squarespa= ce.com/universal/images-v6/damask/shopping-cart-32-light.png"); background-= size: 16px; } } .sqs-action-overlay > div.remove-video { background: url("//assets.squaresp= ace.com/universal/images-v6/damask/trash-9-light.png") center center no-rep= eat transparent; cursor: pointer; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 1.5dppx) { .sqs-action-overlay > div.remove-video { background-image: url("//assets.= squarespace.com/universal/images-v6/damask/trash-9-light@2x.png"); backgrou= nd-size: 9px 11px; } } .sqs-action-overlay > div.remove-video:hover { background: url("//assets.sq= uarespace.com/universal/images-v6/damask/trash-9-red.png") center center no= -repeat transparent; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 1.5dppx) { .sqs-action-overlay > div.remove-video:hover { background-image: url("//a= ssets.squarespace.com/universal/images-v6/damask/trash-9-red@2x.png"); back= ground-size: 9px 11px; } } .sqs-action-overlay > div.remove-video:hover { background: url("//assets.sq= uarespace.com/universal/images-v6/damask/trash-9-light.png") center center = no-repeat rgb(240, 82, 61); } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 1.5dppx) { .sqs-action-overlay > div.remove-video:hover { background-image: url("//a= ssets.squarespace.com/universal/images-v6/damask/trash-9-light@2x.png"); ba= ckground-size: 9px 11px; } } .sqs-action-overlay > div.loading { background: none; position: relative; o= pacity: 1; } .sqs-action-overlay > div.loading .sqs-spin.default { position: relative; t= op: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .sqs-action-overlay-container:hover .sqs-action-overlay { opacity: 1; } .touch .sqs-action-overlay { opacity: 1; } .image-focal-point { border-radius: 14px; height: 14px; width: 14px; margin= -left: -10px; margin-top: -10px; position: absolute; border: 3px solid rgba= (255, 255, 255, 0.8); background: rgba(0, 0, 0, 0.2); cursor: move; opacity= : 0; } .sqs-loading-overlay-node { background: rgba(255, 255, 255, 0.9); } .sqs-loading-overlay-node .sqs-spin { position: absolute; top: 50%; left: 5= 0%; } .sqs-loading-overlay-node .sqs-spin.large { margin-top: -11px; margin-left:= -11px; } .sqs-loading-overlay-node .sqs-spin.extra-large { margin-top: -20px; margin= -left: -20px; } .sqs-loading-overlay-node.has-title .title { position: absolute; top: 50%; = width: 100%; text-align: center; margin-top: 22px; color: rgb(153, 153, 153= ); font-size: 14px; } .sqs-loading-overlay-node.has-title .sqs-spin { margin-top: -22px; } body > .login-wrapper { position: fixed; top: 0px; left: 0px; height: 100%;= width: 100%; z-index: 30100; transition: all 0.5s ease-in-out 0s; } body > .login-wrapper.hidden { opacity: 0; } .sqs-follow-button-hidden { display: none; } .sqs-spin { background-color: transparent; border-radius: 150px; display: i= nline-block; vertical-align: middle; animation: 1s linear 0s infinite norma= l none running sqs-spin; } .sqs-spin.light { border-width: 2px !important; border-style: solid !import= ant; border-color: rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.7) rgba(= 255, 255, 255, 0.7) rgba(255, 255, 255, 0.15) !important; border-image: ini= tial !important; } .sqs-spin.dark { border-width: 2px !important; border-style: solid !importa= nt; border-color: rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.75) rgba(0, 0, 0, 0.7= 5) rgba(0, 0, 0, 0.08) !important; border-image: initial !important; } .sqs-spin.extra-small { width: 4px; height: 4px; } .sqs-spin.small { width: 8px; height: 8px; } .sqs-spin.default { width: 12px; height: 12px; } .sqs-spin.large { width: 22px; height: 22px; } .sqs-spin.extra-large { width: 40px; height: 40px; } .sqs-spin.xx-large { width: 80px; height: 80px; } .sqs-spin.degraded { border: 0px; border-radius: 0px; animation: auto ease = 0s 1 normal none running none; } .sqs-spin.degraded img { width: 100%; height: 100%; border: 0px !important;= outline: 0px !important; box-shadow: none !important; } @keyframes sqs-spin {=20 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .sqs-widgets-confirmation { color: rgb(62, 62, 62); z-index: 1000000; font-= size: 12px; } @media screen and (max-width: 432px) { .sqs-widgets-confirmation { width: 300px !important; } } @media screen and (min-width: 433px) { .sqs-widgets-confirmation { position: absolute; } } .sqs-widgets-confirmation-content { color: inherit; padding: 22px 33px; tex= t-align: center; background: rgb(246, 246, 246); box-shadow: rgba(0, 0, 0, = 0.22) 0px 4px 33px, rgba(0, 0, 0, 0.04) 0px 0px 0px 1px; border-radius: 4px= ; overflow: hidden; } @media screen and (max-width: 432px) { .sqs-widgets-confirmation-content { padding: 22px; } } .sqs-widgets-confirmation-content > .title { text-transform: uppercase; fon= t-weight: 500; letter-spacing: 0.5px; margin-bottom: 11px; } .sqs-widgets-confirmation-content .fields { margin-bottom: 11px; } .sqs-widgets-confirmation-content .fields .check-field-wrapper { padding: 0= px; } .sqs-widgets-confirmation-content .fields .check-field-wrapper .field-descr= iption { background: none; } .sqs-widgets-confirmation-content .buttons { border-top: 1px solid rgb(228,= 228, 228); display: flex; margin: 22px -33px -22px; } .sqs-widgets-confirmation-content .buttons:empty { border-top: 0px; } .sqs-widgets-confirmation-content .buttons > * { flex: 1 1 0%; display: fle= x; align-items: center; justify-content: center; border-left: 1px solid rgb= (228, 228, 228) !important; } .sqs-widgets-confirmation-content .buttons > :first-child { border-left: no= ne !important; } .sqs-widgets-confirmation-content .buttons input, .sqs-widgets-confirmation= -content .buttons button { background: transparent; } .sqs-widgets-confirmation-content .buttons a { border-bottom: none; } .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject= ) { cursor: pointer; background: rgb(246, 246, 246); padding: 11px; text-al= ign: center; transition: background-color 0.1s ease-in-out 0s, opacity 0.1s= ease-in-out 0s; user-select: none; font-family: inherit; appearance: none;= line-height: 16px; } .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject= ), .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.rej= ect) > * { appearance: none; border: 0px; text-transform: uppercase; letter= -spacing: 0.5px; font-size: 11px; font-weight: 500; color: rgb(62, 62, 62) = !important; } .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject= ):focus, .sqs-widgets-confirmation-content .buttons .confirmation-button:no= t(.reject) > :focus { outline: rgb(62, 62, 62) solid 2px; outline-offset: -= 2px; } .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject= ):focus:not(:focus-visible), .sqs-widgets-confirmation-content .buttons .co= nfirmation-button:not(.reject) > :focus:not(:focus-visible) { outline: none= ; } .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject= ):hover { background-color: rgb(255, 255, 255); box-shadow: none; } .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject= ).disabled { opacity: 0.3; cursor: default; } .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject= ).disabled > * { opacity: 0.5; } .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject= ).disabled:hover { background-color: rgb(246, 246, 246) !important; } .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject= ).disabled { opacity: 0.5; } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject { cu= rsor: pointer; background: rgb(246, 246, 246); padding: 11px; text-align: c= enter; transition: background-color 0.1s ease-in-out 0s, opacity 0.1s ease-= in-out 0s; user-select: none; font-family: inherit; appearance: none; line-= height: 16px; } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject, .sq= s-widgets-confirmation-content .buttons .confirmation-button.reject > * { a= ppearance: none; border: 0px; text-transform: uppercase; letter-spacing: 0.= 5px; font-size: 11px; font-weight: 500; color: rgb(62, 62, 62) !important; = } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject:focu= s, .sqs-widgets-confirmation-content .buttons .confirmation-button.reject >= :focus { outline: rgb(62, 62, 62) solid 2px; outline-offset: -2px; } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject:focu= s:not(:focus-visible), .sqs-widgets-confirmation-content .buttons .confirma= tion-button.reject > :focus:not(:focus-visible) { outline: none; } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject:hove= r { background-color: rgb(0, 0, 0); box-shadow: none; } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject.disa= bled { opacity: 0.3; cursor: default; } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject.disa= bled > * { opacity: 0.5; } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject.disa= bled:hover { background-color: rgb(246, 246, 246) !important; } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject:hove= r { background-color: rgb(240, 82, 61); } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject:hove= r, .sqs-widgets-confirmation-content .buttons .confirmation-button.reject:h= over * { color: rgb(255, 255, 255) !important; } .sqs-widgets-confirmation.sqs-widgets-data-confirmation .sqs-widgets-confir= mation-content { text-align: left; } .sqs-widgets-confirmation.danger-zone .sqs-widgets-confirmation-content { b= ackground-color: rgb(240, 82, 61); color: rgb(255, 255, 255) !important; } .sqs-widgets-confirmation.danger-zone .sqs-widgets-confirmation-content .bu= ttons .confirmation-button { background-color: rgb(240, 82, 61); color: rgb= (255, 255, 255) !important; } .sqs-widgets-confirmation.danger-zone .sqs-widgets-confirmation-content .bu= ttons .confirmation-button:hover { background-color: rgb(228, 53, 30); } .sqs-widgets-confirmation.dangerous-confirmation-button .sqs-widgets-confir= mation-content .buttons .confirm:hover { background-color: rgb(240, 82, 61)= ; color: rgb(255, 255, 255) !important; } .sqs-widgets-confirmation.reject-warning .buttons .confirmation-button.reje= ct:hover { background-color: rgb(240, 82, 61); color: rgb(255, 255, 255); } .sqs-widgets-confirmation.delete-collection .confirmation-button.confirm:ho= ver { background-color: rgb(240, 82, 61); color: rgb(255, 255, 255) !import= ant; } .sqs-widgets-confirmation.with-media .title:empty, .sqs-widgets-confirmatio= n.with-media .message:empty { display: none; } .sqs-widgets-confirmation.with-media .title:empty + .message:empty + .media= { margin-top: -22px; } .sqs-widgets-confirmation.with-media .media { display: block; position: rel= ative; margin: 0px -33px; } .sqs-widgets-confirmation.with-media .media > * { display: block; position:= relative; margin: 0px auto; } .sqs-widgets-confirmation.with-media .buttons { margin-top: 0px; } .sqs-widgets-confirmation.with-media .sqs-widgets-confirmation-content { ba= ckground: rgb(255, 255, 255); } .sqs-widgets-confirmation.shown .media > * { width: 100%; } .sqs-widgets-confirmation { opacity: 0; transform: scale(0.96); } .sqs-widgets-confirmation.mobile { transform: translateY(-50%); } .sqs-widgets-confirmation.shown { opacity: 1; transform: scale(1); animatio= n-name: show-confirmation; animation-iteration-count: 1; animation-duration= : 0.3s; } .sqs-widgets-confirmation.shown.mobile { transform: translateY(0px); animat= ion-name: show-confirmation-mobile; } .sqs-widgets-confirmation.hiding { opacity: 0; animation-name: none; transi= tion-property: all; transition-duration: 0.3s; transform: scale(0.96); } .sqs-widgets-confirmation.hiding.mobile { transform: translateY(-50%); } .sqs-widgets-confirmation-hidden { display: none; } @keyframes show-confirmation {=20 0% { opacity: 0; transform: scale(0.96); } 100% { opacity: 1; transform: scale(1); } } @keyframes show-confirmation-mobile {=20 0% { transform: translateY(-50%); } 100% { transform: translateY(0px); } } .sqs-widgets-confirmation-overlay { display: block; background: rgb(0, 0, 0= ); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; opacity= : 0.4; z-index: 999999; } @media screen and (max-width: 432px) { .sqs-widgets-confirmation-overlay { opacity: 0.4 !important; z-index: 999= 999 !important; } } .sqs-block.vsize-1 .sqs-block-content { height: 34px; } .sqs-block.vsize-2 .sqs-block-content { height: 68px; } .sqs-block.vsize-3 .sqs-block-content { height: 102px; } .sqs-block.vsize-4 .sqs-block-content { height: 136px; } .sqs-block.vsize-5 .sqs-block-content { height: 170px; } .sqs-block.vsize-6 .sqs-block-content { height: 204px; } .sqs-block.vsize-7 .sqs-block-content { height: 238px; } .sqs-block.vsize-8 .sqs-block-content { height: 272px; } .sqs-block.vsize-9 .sqs-block-content { height: 306px; } .sqs-block.vsize-10 .sqs-block-content { height: 340px; } .sqs-block.vsize-11 .sqs-block-content { height: 374px; } .sqs-block.vsize-12 .sqs-block-content { height: 408px; } .sqs-block.vsize-13 .sqs-block-content { height: 442px; } .sqs-block.vsize-14 .sqs-block-content { height: 476px; } .sqs-block.vsize-15 .sqs-block-content { height: 510px; } .sqs-block.vsize-16 .sqs-block-content { height: 544px; } .sqs-block.vsize-17 .sqs-block-content { height: 578px; } .sqs-block.vsize-18 .sqs-block-content { height: 612px; } .sqs-block.vsize-19 .sqs-block-content { height: 646px; } .sqs-block.vsize-20 .sqs-block-content { height: 680px; } .sqs-block.vsize-21 .sqs-block-content { height: 714px; } .sqs-block.vsize-22 .sqs-block-content { height: 748px; } .sqs-block.vsize-23 .sqs-block-content { height: 782px; } .sqs-block.vsize-24 .sqs-block-content { height: 816px; } .sqs-block.vsize-25 .sqs-block-content { height: 850px; } .sqs-block.vsize-26 .sqs-block-content { height: 884px; } .sqs-block.vsize-27 .sqs-block-content { height: 918px; } .sqs-block.vsize-28 .sqs-block-content { height: 952px; } .sqs-block.vsize-29 .sqs-block-content { height: 986px; } .sqs-block.vsize-30 .sqs-block-content { height: 1020px; } @keyframes bounceIn {=20 0% { opacity: 0; transform: scale(0.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(0.9); } 100% { transform: scale(1); } } @keyframes bounceOut {=20 0% { transform: scale(1); } 25% { transform: scale(0.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(0.3); } } @media screen and (max-width: 432px) { .mobile-hidden { display: none; } } @media screen and (max-width: 432px) { .subDesktop-hidden { display: none; } } @media screen and (min-width: 433px) { .desktop-hidden { display: none; } } .sqs-row { width: auto !important; } .sqs-row::before, .sqs-row::after { content: ""; display: table; } .sqs-row::after { clear: both; } [class*=3D"sqs-col"] { float: left; } [class*=3D"sqs-col"] .sqs-block { padding-left: 17px; padding-right: 17px; = } [class*=3D"sqs-col"]:last-child { padding-right: 0px; } .sqs-col-12 { width: 100%; } .sqs-col-12 .sqs-col-12 { width: 100%; } .sqs-col-12 .sqs-col-11 { width: 91.6667%; } .sqs-col-12 .sqs-col-10 { width: 83.3333%; } .sqs-col-12 .sqs-col-9 { width: 75%; } .sqs-col-12 .sqs-col-8 { width: 66.6667%; } .sqs-col-12 .sqs-col-7 { width: 58.3333%; } .sqs-col-12 .sqs-col-6 { width: 50%; } .sqs-col-12 .sqs-col-5 { width: 41.6667%; } .sqs-col-12 .sqs-col-4 { width: 33.3333%; } .sqs-col-12 .sqs-col-3 { width: 25%; } .sqs-col-12 .sqs-col-2 { width: 16.6667%; } .sqs-col-12 .sqs-col-1 { width: 8.3333%; } .sqs-col-11 { width: 91.6667%; } .sqs-col-11 .sqs-col-11 { width: 100%; } .sqs-col-11 .sqs-col-10 { width: 90.9091%; } .sqs-col-11 .sqs-col-9 { width: 81.8182%; } .sqs-col-11 .sqs-col-8 { width: 72.7273%; } .sqs-col-11 .sqs-col-7 { width: 63.6364%; } .sqs-col-11 .sqs-col-6 { width: 54.5455%; } .sqs-col-11 .sqs-col-5 { width: 45.4545%; } .sqs-col-11 .sqs-col-4 { width: 36.3636%; } .sqs-col-11 .sqs-col-3 { width: 27.2727%; } .sqs-col-11 .sqs-col-2 { width: 18.1818%; } .sqs-col-11 .sqs-col-1 { width: 9.0909%; } .sqs-col-10 { width: 83.3333%; } .sqs-col-10 .sqs-col-10 { width: 100%; } .sqs-col-10 .sqs-col-9 { width: 90%; } .sqs-col-10 .sqs-col-8 { width: 80%; } .sqs-col-10 .sqs-col-7 { width: 70%; } .sqs-col-10 .sqs-col-6 { width: 60%; } .sqs-col-10 .sqs-col-5 { width: 50%; } .sqs-col-10 .sqs-col-4 { width: 40%; } .sqs-col-10 .sqs-col-3 { width: 30%; } .sqs-col-10 .sqs-col-2 { width: 20%; } .sqs-col-10 .sqs-col-1 { width: 10%; } .sqs-col-9 { width: 75%; } .sqs-col-9 .sqs-col-9 { width: 100%; } .sqs-col-9 .sqs-col-8 { width: 88.8889%; } .sqs-col-9 .sqs-col-7 { width: 77.7778%; } .sqs-col-9 .sqs-col-6 { width: 66.6667%; } .sqs-col-9 .sqs-col-5 { width: 55.5556%; } .sqs-col-9 .sqs-col-4 { width: 44.4444%; } .sqs-col-9 .sqs-col-3 { width: 33.3333%; } .sqs-col-9 .sqs-col-2 { width: 22.2222%; } .sqs-col-9 .sqs-col-1 { width: 11.1111%; } .sqs-col-8 { width: 66.6667%; } .sqs-col-8 .sqs-col-8 { width: 100%; } .sqs-col-8 .sqs-col-7 { width: 87.5%; } .sqs-col-8 .sqs-col-6 { width: 75%; } .sqs-col-8 .sqs-col-5 { width: 62.5%; } .sqs-col-8 .sqs-col-4 { width: 50%; } .sqs-col-8 .sqs-col-3 { width: 37.5%; } .sqs-col-8 .sqs-col-2 { width: 25%; } .sqs-col-8 .sqs-col-1 { width: 12.5%; } .sqs-col-7 { width: 58.3333%; } .sqs-col-7 .sqs-col-7 { width: 100%; } .sqs-col-7 .sqs-col-6 { width: 85.7143%; } .sqs-col-7 .sqs-col-5 { width: 71.4286%; } .sqs-col-7 .sqs-col-4 { width: 57.1429%; } .sqs-col-7 .sqs-col-3 { width: 42.8571%; } .sqs-col-7 .sqs-col-2 { width: 28.5714%; } .sqs-col-7 .sqs-col-1 { width: 14.2857%; } .sqs-col-6 { width: 50%; } .sqs-col-6 .sqs-col-6 { width: 100%; } .sqs-col-6 .sqs-col-5 { width: 83.3333%; } .sqs-col-6 .sqs-col-4 { width: 66.6667%; } .sqs-col-6 .sqs-col-3 { width: 50%; } .sqs-col-6 .sqs-col-2 { width: 33.3333%; } .sqs-col-6 .sqs-col-1 { width: 16.6667%; } .sqs-col-5 { width: 41.6667%; } .sqs-col-5 .sqs-col-5 { width: 100%; } .sqs-col-5 .sqs-col-4 { width: 80%; } .sqs-col-5 .sqs-col-3 { width: 60%; } .sqs-col-5 .sqs-col-2 { width: 40%; } .sqs-col-5 .sqs-col-1 { width: 20%; } .sqs-col-4 { width: 33.3333%; } .sqs-col-4 .sqs-col-4 { width: 100%; } .sqs-col-4 .sqs-col-3 { width: 75%; } .sqs-col-4 .sqs-col-2 { width: 50%; } .sqs-col-4 .sqs-col-1 { width: 25%; } .sqs-col-3 { width: 25%; } .sqs-col-3 .sqs-col-3 { width: 100%; } .sqs-col-3 .sqs-col-2 { width: 66.6667%; } .sqs-col-3 .sqs-col-1 { width: 33.3333%; } .sqs-col-2 { width: 16.6667%; } .sqs-col-2 .sqs-col-2 { width: 100%; } .sqs-col-2 .sqs-col-1 { width: 50%; } .sqs-col-1 { width: 8.3333%; } .sqs-col-1 .sqs-col-1 { width: 100%; } .sqs-layout > .sqs-row { margin-left: -17px; margin-right: -17px; } .sqs-layout:not(.sqs-editing) .sqs-row .sqs-block:not(.float):not(.sqs-feat= ure-gated-wrapper):first-child { padding-top: 0px; } .sqs-layout:not(.sqs-editing) .sqs-row .sqs-block:not(.float):not(.sqs-feat= ure-gated-wrapper):first-child:last-child { padding-bottom: 0px; } .sqs-layout:not(.sqs-editing) .sqs-block + .sqs-row .sqs-block:not(.float):= first-child { padding-top: 17px; } .sqs-layout:not(.sqs-editing) .sqs-block + .sqs-row .sqs-block:not(.float):= first-child:last-child { padding-bottom: 17px; } .sqs-layout:not(.sqs-editing) .sqs-row + .sqs-row .sqs-block:not(.float):fi= rst-child { padding-top: 17px; } .sqs-layout:not(.sqs-editing) .sqs-row + .sqs-row .sqs-block:not(.float):fi= rst-child:last-child { padding-bottom: 17px; } .sqs-layout:not(.sqs-editing) > .sqs-row:first-child > [class*=3D"sqs-col"]= :first-child > .sqs-block:not(:first-child):last-child, .sqs-layout:not(.sq= s-editing) .sqs-block + .sqs-row .sqs-block:not(.float):last-child { paddin= g-bottom: 17px; } .sqs-layout:not(.sqs-editing) .sqs-row + .sqs-row:not(:last-child) .sqs-blo= ck:last-child { padding-bottom: 17px; } .sqs-block.sized .sqs-block-content { overflow: hidden; } .text-align-center { text-align: center; } .text-align-right { text-align: right; } .columns-1 [class*=3D"sqs-col-"] { width: 100% !important; } .sqs-block .state-message, .sqs-state-message { font: 400 12px / 22px Clark= son, "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: normal= ; padding: 19px 19px 19px 60px; color: rgb(62, 62, 62); position: relative;= background-color: rgba(128, 128, 128, 0.15); } .sqs-block .state-message::after, .sqs-state-message::after { content: " ";= position: absolute; top: 0px; left: 0px; height: 60px; width: 60px; backgr= ound: url("/universal/images-v6/icons/block-indicator-dark.png") center cen= ter no-repeat transparent; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 1.5dppx) { .sqs-block .state-message::after, .sqs-state-message::after { background-= image: url("/universal/images-v6/icons/block-indicator-dark@2x.png"); backg= round-size: 22px; } } .sqs-block .state-message.information, .sqs-state-message.information { bac= kground: rgb(34, 34, 34); padding: 30px 20px; text-align: center; color: rg= b(153, 153, 153); font-size: 11px; } .sqs-block .state-message .title, .sqs-state-message .title { padding-botto= m: 8px; font-size: 14px; } html.cameron .sqs-block .state-message .title, html.cameron .sqs-state-mess= age .title { color: rgb(238, 238, 238); } .sqs-block .state-message > .sqs-state-message-button, .sqs-state-message >= .sqs-state-message-button, .sqs-block .state-message .sqs-state-message-bu= ttons-wrapper, .sqs-state-message .sqs-state-message-buttons-wrapper { marg= in-top: 19px; margin-left: -41px; position: relative; display: block !impor= tant; } .sqs-block .state-message .sqs-state-message-button, .sqs-state-message .sq= s-state-message-button { cursor: pointer; background: rgb(62, 62, 62); padd= ing: 11px; transition: background-color 0.1s ease-in-out 0s, opacity 0.1s e= ase-in-out 0s; user-select: none; font-family: inherit; appearance: none; l= ine-height: 22px; text-align: center; display: inline-block; position: rela= tive; } .sqs-block .state-message .sqs-state-message-button, .sqs-state-message .sq= s-state-message-button, .sqs-block .state-message .sqs-state-message-button= > *, .sqs-state-message .sqs-state-message-button > * { appearance: none; = border: 0px; text-transform: uppercase; letter-spacing: 0.5px; font-size: 1= 1px; font-weight: 500; color: rgb(255, 255, 255) !important; } .sqs-block .state-message .sqs-state-message-button:focus, .sqs-state-messa= ge .sqs-state-message-button:focus, .sqs-block .state-message .sqs-state-me= ssage-button > :focus, .sqs-state-message .sqs-state-message-button > :focu= s { outline: rgb(255, 255, 255) solid 2px; outline-offset: -2px; } .sqs-block .state-message .sqs-state-message-button:focus:not(:focus-visibl= e), .sqs-state-message .sqs-state-message-button:focus:not(:focus-visible),= .sqs-block .state-message .sqs-state-message-button > :focus:not(:focus-vi= sible), .sqs-state-message .sqs-state-message-button > :focus:not(:focus-vi= sible) { outline: none; } .sqs-block .state-message .sqs-state-message-button:hover, .sqs-state-messa= ge .sqs-state-message-button:hover { background-color: rgb(0, 0, 0); box-sh= adow: none; } .sqs-block .state-message .sqs-state-message-button.disabled, .sqs-state-me= ssage .sqs-state-message-button.disabled { opacity: 0.3; cursor: default; } .sqs-block .state-message .sqs-state-message-button.disabled > *, .sqs-stat= e-message .sqs-state-message-button.disabled > * { opacity: 0.5; } .sqs-block .state-message .sqs-state-message-button.disabled:hover, .sqs-st= ate-message .sqs-state-message-button.disabled:hover { background-color: rg= b(62, 62, 62) !important; } .sqs-layout.sqs-editing .sqs-block .sqs-block .state-message .sqs-state-mes= sage-button, .sqs-layout.sqs-editing .sqs-block .sqs-state-message .sqs-sta= te-message-button { z-index: 1001; } .sqs-col-0 { width: 0px; display: none; } html.squarespace-damask.is-expanded .sqs-block [data-block-state=3D"invalid= "] { display: none; } html.squarespace-damask.is-expanded .sqs-jacquard.sqs-is-page-editing .sqs-= block [data-block-state=3D"invalid"], html.squarespace-damask.is-expanded .= sqs-jacquard .sqs-catalog .sqs-block [data-block-state=3D"invalid"] { displ= ay: block; } .sqs-blockStatus { display: none; position: relative; z-index: 1001; } html.squarespace-damask .sqs-blockStatus { display: block; } html.squarespace-damask.is-expanded .sqs-blockStatus { display: none; } .sqs-blockStatus-box { padding: 22px 56px 22px 22px; background: rgb(255, 2= 55, 255); border: 1px solid rgb(208, 208, 208); border-radius: 4px; color: = rgb(62, 62, 62); font-family: Clarkson, "Helvetica Neue", Helvetica, Arial,= sans-serif; line-height: 1em; font-weight: normal; letter-spacing: normal;= text-align: left; cursor: default; user-select: none; box-shadow: rgba(0, = 0, 0, 0.1) -2px 1px 6px 1px; box-sizing: border-box; } [data-state=3D"invalid"] .sqs-blockStatus-box { border: 1px solid rgb(240, = 82, 61); } .sqs-blockStatus-box-title { margin: 0px 0px 11px; font-size: 12px; line-he= ight: 1.65em; font-weight: 500; letter-spacing: 0.06em; text-transform: upp= ercase; } .sqs-blockStatus-box-message, .sqs-blockStatus-box-kbArticleLink { font-siz= e: 11px; line-height: 1.65em; } .sqs-blockStatus-box-message a:link, .sqs-blockStatus-box-kbArticleLink a:l= ink, .sqs-blockStatus-box-message a:hover, .sqs-blockStatus-box-kbArticleLi= nk a:hover, .sqs-blockStatus-box-message a:visited, .sqs-blockStatus-box-kb= ArticleLink a:visited, .sqs-blockStatus-box-message a:active, .sqs-blockSta= tus-box-kbArticleLink a:active { color: rgb(62, 62, 62) !important; border-= bottom: 1px solid rgb(62, 62, 62) !important; text-decoration: none !import= ant; } .sqs-blockStatus-box-message a:link:hover, .sqs-blockStatus-box-kbArticleLi= nk a:link:hover, .sqs-blockStatus-box-message a:hover:hover, .sqs-blockStat= us-box-kbArticleLink a:hover:hover, .sqs-blockStatus-box-message a:visited:= hover, .sqs-blockStatus-box-kbArticleLink a:visited:hover, .sqs-blockStatus= -box-message a:active:hover, .sqs-blockStatus-box-kbArticleLink a:active:ho= ver { color: rgb(121, 121, 121) !important; border-color: rgb(121, 121, 121= ) !important; } .sqs-blockStatus-box-kbArticleLink { display: inline-block; } .fluid-engine.is-editing .sqs-blockStatus-box-kbArticleLink, .sqs-editing .= sqs-blockStatus-box-kbArticleLink { display: none; } .sqs-blockStatus-box-button { display: inline-block; margin-top: 11px; curs= or: pointer; outline: none; background: rgb(62, 62, 62); padding: 11px; tex= t-align: center; transition: background-color 0.1s ease-in-out 0s, opacity = 0.1s ease-in-out 0s; line-height: 22px; user-select: none; font-family: inh= erit; appearance: none; } .sqs-blockStatus-box-button, .sqs-blockStatus-box-button > * { appearance: = none; border: 0px; text-transform: uppercase; outline: none; font-size: 11p= x; font-weight: 500; color: rgb(255, 255, 255) !important; } .sqs-blockStatus-box-button:hover { background-color: rgb(0, 0, 0); box-sha= dow: none; } .sqs-blockStatus-box-button.disabled { opacity: 0.3; cursor: default; } .sqs-blockStatus-box-button.disabled > * { opacity: 0.5; } .sqs-blockStatus-box-button.disabled:hover { background-color: rgb(62, 62, = 62) !important; } .sqs-blockStatus--overlayMode { opacity: 0; visibility: hidden; position: a= bsolute; inset: 0px; width: auto; height: auto; background: transparent; bo= rder: 1px solid rgb(237, 237, 237); pointer-events: none; box-sizing: borde= r-box; z-index: 9000; } .sqs-blockStatus--overlayMode[data-state=3D"invalid"] { opacity: 1; visibil= ity: visible; border: 1px solid rgb(240, 82, 61); } .sqs-layout:not(.sqs-editing) > .sqs-row:first-child .sqs-block:not(.float)= :first-child .sqs-blockStatus--overlayMode { top: -17px; } .sqs-blockStatus--overlayMode .sqs-blockStatus-box { position: absolute; to= p: 4.25px; right: 4.25px; width: 380px; max-width: calc(100% - 8.5px); min-= width: 320px; z-index: 1000; pointer-events: all; transition: opacity 0.2s = ease-in 0s; opacity: 0; visibility: hidden; border: 1px solid rgb(208, 208,= 208) !important; } @media only screen and (pointer: coarse) and (max-width: 414px) { .sqs-blockStatus--overlayMode .sqs-blockStatus-box { right: 0px; } } .sqs-blockStatus[data-state=3D"invalid"] .sqs-blockStatus-disclosure .sqs-b= lockStatus-alert-badge { color: rgb(206, 44, 48); position: absolute; top: = 11px; right: 11px; height: 22px; width: 22px; z-index: 1001; pointer-events= : all; } .fluid-engine.is-editing .sqs-blockStatus--overlayMode .sqs-blockStatus-dis= closure .sqs-blockStatus-alert-badge, .fluid-engine.is-editing .sqs-blockSt= atus--overlayMode .sqs-blockStatus-disclosure:empty::after, .sqs-editing .s= qs-blockStatus--overlayMode .sqs-blockStatus-disclosure .sqs-blockStatus-al= ert-badge, .sqs-editing .sqs-blockStatus--overlayMode .sqs-blockStatus-disc= losure:empty::after { opacity: 0; visibility: hidden; } html.squarespace-damask .sqs-blockStatus--overlayMode .sqs-blockStatus-disc= losure .sqs-blockStatus-alert-badge, html.squarespace-damask .sqs-blockStat= us--overlayMode .sqs-blockStatus-disclosure:empty::after { cursor: pointer;= } html.squarespace-damask .sqs-blockStatus--overlayMode .sqs-blockStatus-disc= losure:hover + .sqs-blockStatus-box, html.squarespace-damask .sqs-blockStat= us--overlayMode .sqs-blockStatus-box:hover, html.squarespace-damask .sqs-bl= ockStatus--overlayMode .sqs-blockStatus-disclosure:focus-within + .sqs-bloc= kStatus-box { opacity: 1; visibility: visible; } .sqs-block-audio .sqs-audio-embed.sqs-block-is-placeholder .sqs-widgets-aud= io-player .action { cursor: default; pointer-events: none; } .sqs-block-audio .sqs-audio-embed.sqs-block-is-placeholder .sqs-widgets-aud= io-player .action .play { opacity: 0.1; } .sqs-block-newsletter.sqs-block-focused .sqs-blockStatus, .sqs-block-form.s= qs-block-focused .sqs-blockStatus, .sqs-block-opentable.sqs-block-focused .= sqs-blockStatus, .sqs-block-newsletter.sqs-block-editing .sqs-blockStatus, = .sqs-block-form.sqs-block-editing .sqs-blockStatus, .sqs-block-opentable.sq= s-block-editing .sqs-blockStatus { opacity: 0; visibility: hidden; } .fluid-engine.is-editing .sqs-block-pricing-plan .sqs-blockStatus[data-stat= e=3D"invalid"] .sqs-blockStatus-alert-badge, .sqs-editing .sqs-block-pricin= g-plan .sqs-blockStatus[data-state=3D"invalid"] .sqs-blockStatus-alert-badg= e { opacity: 1; visibility: visible; } html.squarespace-damask.is-expanded .sqs-is-page-editing .sqs-block-newslet= ter [data-block-state=3D"invalid"], html.squarespace-damask.is-expanded .sq= s-catalog .sqs-block-newsletter [data-block-state=3D"invalid"], html.square= space-damask.is-expanded .sqs-is-page-editing .sqs-block-form [data-block-s= tate=3D"invalid"], html.squarespace-damask.is-expanded .sqs-catalog .sqs-bl= ock-form [data-block-state=3D"invalid"] { display: block; } .sqs-block-summary-v2:hover .sqs-block-is-placeholder[data-block-state=3D"i= nvalid"] .summary-heading { width: calc(100% - 80px); } .sqs-block-summary-v2:hover .sqs-block-is-placeholder[data-block-state=3D"i= nvalid"] .summary-carousel-pager { width: 80px; padding-right: 30px; } .sqs-block-summary-v2 .sqsSummaryBlockThumbnailPlaceholder { position: abso= lute; top: 0px; } .sqs-block-twitter .tweet-list.sqs-block-is-placeholder .tweet-avatar { wid= th: 48px; height: 48px; } .sqsSummaryBlockThumbnailPlaceholder { position: relative; width: 100%; hei= ght: auto; padding-bottom: 65%; background: rgb(246, 246, 246); } .sqsSummaryBlockThumbnailPlaceholder[data-block-state=3D"invalid"] { displa= y: none; } html.squarespace-damask .sqsSummaryBlockThumbnailPlaceholder[data-block-sta= te=3D"invalid"] { display: block; } html.squarespace-damask.is-expanded .sqsSummaryBlockThumbnailPlaceholder[da= ta-block-state=3D"invalid"] { display: none; } .sqsSummaryBlockThumbnailPlaceholder-play { position: absolute; top: 50%; l= eft: 50%; margin-top: -41px; margin-left: -31px; } .sqsSummaryBlockThumbnailPlaceholder-timeline { position: absolute; left: 0= px; bottom: 0px; height: 50px; width: 100%; border-width: 23px 75px; border= -style: solid; border-color: rgb(233, 233, 233); background: rgb(180, 180, = 180); box-sizing: border-box; } .sqsSummaryBlockThumbnailPlaceholder-timeline::before, .sqsSummaryBlockThum= bnailPlaceholder-timeline::after { content: ""; position: absolute; backgro= und: rgb(255, 255, 255); } .sqsSummaryBlockThumbnailPlaceholder-timeline::before { top: 0px; left: 0px= ; width: 50px; height: 100%; } .sqsSummaryBlockThumbnailPlaceholder-timeline::after { top: 50%; left: 48px= ; margin-top: -6px; height: 12px; width: 12px; border-radius: 100%; } .sqsSummaryBlockThumbnailPlaceholder + iframe { display: none; } .sqs-block-video-placeholder { padding-bottom: 65%; background-image: linea= r-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 33%, rgba(0, 0, = 0, 0) 100%); background-color: rgb(49, 49, 49); position: relative; } .sqs-block-video-placeholder + iframe { display: none; } .sqs-block-video-placeholder__ui { position: absolute; top: 50%; left: 50%;= transform: translate(-50%, -50%); } .sqs-block-video-placeholder--empty .sqs-block-video-placeholder__icon { wi= dth: 26px; } .sqs-block-video-placeholder--in-progress .sqs-block-video-placeholder__ico= n { background-color: transparent; width: 80px; height: 80px; } @keyframes loading-indicator-rotate-spinner {=20 100% { transform: rotate(360deg); } } @keyframes loading-indicator-dash {=20 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124; } } .sqs-block-video-placeholder .loading-indicator { line-height: 0; display: = block; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; padding: 1= 5px; } .sqs-block-video-placeholder .loading-indicator__spinner { animation: 2s li= near 0s infinite normal none running loading-indicator-rotate-spinner; heig= ht: 100%; transform-origin: center center; width: 100%; } .sqs-block-video-placeholder .loading-indicator__path { fill: transparent; = stroke-dasharray: 150, 200; stroke-dashoffset: -10; animation: 1.5s ease-in= -out 0s infinite normal none running loading-indicator-dash; } .sqs-block { position: relative; height: auto; padding-top: 17px; padding-b= ottom: 17px; } .sqs-block:not(.sqs-block-html):not(.sqs-block-markdown) { clear: both; } .sqs-block iframe.embedded-scripts-preview { display: block; position: rela= tive; border: 0px; } .sqs-block .removed-script { display: block; opacity: 0.6; font-style: ital= ic; } .sqs-block-code img { max-width: 100%; } .sqs-block-code .gm-style img { max-width: none; } .sqs-block-hidden { height: 0px; overflow: hidden; } .sqs-block[class*=3D"float"] { box-sizing: border-box; clear: none; z-index= : 10 !important; } .sqs-block[class*=3D"float-left"] { float: left; margin-right: 17px; } .sqs-block[class*=3D"float-left"] + .sqs-block[class*=3D"float-left"] { cle= ar: left; } .sqs-block[class*=3D"float-right"] { float: right; margin-left: 17px; } .sqs-block[class*=3D"float-right"] + .sqs-block[class*=3D"float-right"] { c= lear: right; } .sqs-block .sqs-intrinsic { position: relative !important; } .sqs-block .sqs-intrinsic .sqs-intrinsic-content { top: 0px; left: 0px; hei= ght: 100%; max-width: none; width: 100%; position: absolute !important; } @media screen and (max-width: 767px) { .sqs-gallery-design-grid-slide { width: 50% !important; clear: none !impo= rtant; } } body.squarespace-config .sqs-block-image .sqs-image-caption { color: rgb(15= 3, 153, 153); } body.squarespace-config .sqs-block-image .sqs-image-caption p { margin-bott= om: 0px; } body.squarespace-config .sqs-block-image .sqs-image-caption.sqs-placeholder= -show { margin-top: 1em; } body.squarespace-config .sqs-block-image .sqs-image-caption .sqs-html-conte= nt { min-height: 23px; } .sqs-block-image .sqs-html { transition: max-height 0.3s ease-in-out 0s, mi= n-height 0.3s ease-in-out 0s; margin: auto; } .sqs-block-image .sqs-html.sqs-empty { min-height: 0px; max-height: 0px; ov= erflow: hidden; } .sqs-block-image.sqs-block-focused .sqs-html.sqs-empty { max-height: none; = overflow: visible; } .sqs-block-image .sqs-editing-overlay { z-index: 1; } .sqs-block-image:not(.sqs-block-focused) .image-block-outer-wrapper.layout-= caption-below .image-caption-wrapper.sqs-empty { padding-top: 0px; } .sqs-block-image .layout-caption-overlay .sqs-image-caption, .sqs-block-ima= ge .layout-caption-overlay-hover .sqs-image-caption { z-index: 2; } .sqs-block-image .image-block-outer-wrapper.layout-caption-overlay-hover .i= mage-caption-wrapper.sqs-html-focused { visibility: visible !important; opa= city: 1 !important; } .sqs-block-image .rte .rte-placeholder { color: rgb(153, 153, 153) !importa= nt; } [data-fluid-engine] { position: relative; height: 100%; width: 100%; } .fluid-engine .sqs-block { display: flex; height: 100%; width: 100%; flex-d= irection: column; padding-top: 0px; padding-bottom: 0px; } .dd-drag-hidden { display: none; } .dd-drag-grouped-item { top: 0px; left: 0px; position: absolute !important;= } .yui3-dd-dragging { z-index: 1; } .dd-reorder-items-count { width: 22px; height: 22px; position: absolute; to= p: 0px; right: 0px; background: rgb(208, 208, 208); border-radius: 50%; tex= t-align: center; font-size: 12px; line-height: 22px; color: rgb(255, 255, 2= 55); } @font-face { font-family: squarespace-ui-font; src: url("https://assets.squ= arespace.com/universal/fonts/squarespace-ui-font.woff") format("woff"), url= ("https://assets.squarespace.com/universal/fonts/squarespace-ui-font.ttf") = format("truetype"); font-weight: normal; font-style: normal; } .sqs-ui-font-family { font-family: squarespace-ui-font; font-style: normal;= speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } [class^=3D"sqs-ui-font-"]::before, [class*=3D" sqs-ui-font-"]::before { fon= t-family: squarespace-ui-font; font-style: normal; speak: none; font-weight= : normal; -webkit-font-smoothing: antialiased; } [data-icon]::before { font-family: squarespace-ui-font; font-style: normal;= speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; con= tent: attr(data-icon); } .sqs-gallery-container iframe { width: 100%; height: 100%; background: tran= sparent; display: block; } .sqs-gallery-controls .previous, .sqs-gallery-controls .next { position: ab= solute; top: 50%; z-index: 999; font-size: 14px; line-height: 40px; margin-= top: -30px; background-color: rgba(0, 0, 0, 0.12); display: inline-block; p= adding: 10px; transition: background-color 200ms cubic-bezier(0.25, 0.46, 0= .45, 0.94) 0s; color: rgb(255, 255, 255) !important; } .sqs-gallery-controls .previous:hover, .sqs-gallery-controls .next:hover { = background-color: rgba(0, 0, 0, 0.2); } .sqs-gallery-controls .previous:focus:not([data-focus-visible-added]), .sqs= -gallery-controls .next:focus:not([data-focus-visible-added]) { outline: no= ne; } .sqs-gallery-controls .previous { left: 0px; } .sqs-gallery-controls .previous::before { font-family: squarespace-ui-font;= font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothi= ng: antialiased; content: "=EE=80=AC"; text-align: center; display: inline-= block; vertical-align: middle; } .sqs-gallery-controls .previous::before { font-size: 32px; width: 32px; hei= ght: 32px; line-height: 32px; } .sqs-gallery-controls .next { right: 0px; } .sqs-gallery-controls .next::before { font-family: squarespace-ui-font; fon= t-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: = antialiased; content: "=EE=80=AD"; text-align: center; display: inline-bloc= k; vertical-align: middle; } .sqs-gallery-controls .next::before { font-size: 32px; width: 32px; height:= 32px; line-height: 32px; } .sqs-gallery-controls .next::before, .sqs-gallery-controls .previous::befor= e { font-size: 24px; width: 24px; height: 24px; line-height: 24px; } .sqs-gallery-design-stacked { position: relative; text-align: left; } .sqs-gallery-design-stacked-slide { position: absolute; top: 0px; left: 0px= ; width: 100%; height: 100%; } .sqs-gallery-design-stacked-slide img { box-shadow: rgb(0, 0, 0) 0em 0em 0e= m; } .sqs-gallery-design-stacked-slide.normal img { height: 100%; } .sqs-gallery-design-stacked-slide:only-child { cursor: default; } .sqs-gallery-design-stacked-scrollHorz, .sqs-gallery-design-stacked-swipe {= overflow: hidden; } .sqs-gallery-design-stacked-scrollHorz .sqs-gallery-design-stacked-slide, .= sqs-gallery-design-stacked-swipe .sqs-gallery-design-stacked-slide { positi= on: relative; float: left; } .sqs-gallery-design-stacked-swipe-wrapper { overflow-x: scroll; transform: = translateZ(0px); } .sqs-gallery-design-strip { position: relative; overflow: hidden; height: 1= 00%; } .sqs-gallery-design-strip .sqs-wrapper { position: relative; height: 100%; = } .sqs-gallery-design-strip-slide { float: left; cursor: pointer; position: r= elative; height: 100% !important; max-width: none !important; width: auto != important; } .sqs-gallery-design-strip-slide img, .sqs-gallery-design-strip-slide .sqs-v= ideo-wrapper { height: 100% !important; } .sqs-gallery-design-strip-slide:only-child { cursor: default; } .sqs-gallery-design-autocolumns { position: relative; } .sqs-gallery-design-autocolumns-slide { position: absolute; } .sqs-gallery-design-autocolumns-slide img { width: 100%; display: inline-bl= ock; transition: opacity 0.2s ease 0s; opacity: 1; } .sqs-gallery-design-autocolumns-slide img.loading { opacity: 0; } .sqs-gallery-design-autocolumns-slide.content-fit img, .sqs-gallery-design-= autocolumns-slide .content-fit img { width: auto; } .sqs-gallery-design-autocolumns-slide.slide-stretched img { height: 100%; } .sqs-gallery-design-carousel .sqs-gallery-controls { overflow: hidden; } .sqs-gallery-design-carousel .sqs-gallery-controls .next, .sqs-gallery-desi= gn-carousel .sqs-gallery-controls .previous { display: block; float: right;= position: relative; inset: auto; margin: 0px 0px 15px; padding: 0px; backg= round-color: transparent; font-size: 16px; line-height: 16px; cursor: point= er; color: inherit !important; } .sqs-gallery-design-carousel .sqs-gallery-controls .next::before { font-fam= ily: squarespace-ui-font; font-style: normal; speak: none; font-weight: nor= mal; -webkit-font-smoothing: antialiased; content: "=EE=80=AD"; text-align:= center; display: inline-block; vertical-align: middle; } .sqs-gallery-design-carousel .sqs-gallery-controls .next::before { font-siz= e: 32px; width: 32px; height: 32px; line-height: 32px; } .sqs-gallery-design-carousel .sqs-gallery-controls .next::before { font-siz= e: 16px; width: 16px; height: 16px; line-height: 16px; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous { margin-right= : 10px; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous::before { font= -family: squarespace-ui-font; font-style: normal; speak: none; font-weight:= normal; -webkit-font-smoothing: antialiased; content: "=EE=80=AC"; text-al= ign: center; display: inline-block; vertical-align: middle; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous::before { font= -size: 32px; width: 32px; height: 32px; line-height: 32px; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous::before { font= -size: 16px; width: 16px; height: 16px; line-height: 16px; } .sqs-gallery-design-carousel .sqs-gallery-controls .sqs-disabled { cursor: = default; opacity: 0.4; } .sqs-gallery-design-carousel .sqs-gallery-controls .sqs-hidden { display: n= one; } .sqs-gallery-design-carousel .sqs-gallery-container { width: 100%; overflow= : hidden; } .sqs-gallery-design-carousel .sqs-gallery { margin: 0px 0px 0px -1%; white-= space: nowrap; vertical-align: top; font-size: 0px; transition: transform 0= .4s ease 0s, -webkit-transform 0.4s ease 0s; } .sqs-gallery-design-carousel .sqs-gallery-design-carousel-slide { display: = inline-block; width: 33.6667%; padding: 0px 1%; white-space: nowrap; vertic= al-align: top; font-size: 0px; } .sqs-gallery-design-carousel .sqs-gallery-design-carousel-slide img { width= : 100%; height: auto; } .sqs-gallery-design-carousel .sqs-gallery-design-carousel-slide * { white-s= pace: normal; } .sqs-gallery-design-list .sqs-gallery-design-list-slide { overflow: hidden;= margin-bottom: 17px !important; padding-bottom: 17px !important; } .sqs-gallery-design-list .sqs-gallery-image-container { float: left; width:= 25%; padding-right: 20px; box-sizing: border-box; } .sqs-gallery-design-list .sqs-gallery-meta-container { float: left; width: = 75%; box-sizing: border-box; } .sqs-gallery-design-list .sqs-gallery-design-list-slide.no-image .sqs-galle= ry-image-container { width: 0px !important; } .sqs-gallery-design-list .sqs-gallery-design-list-slide.no-image .sqs-galle= ry-meta-container { width: 100% !important; } @media screen and (max-width: 480px) { .sqs-gallery-design-list .sqs-gallery-design-list-slide:not(.no-image) .s= qs-gallery-image-container { width: 35% !important; } .sqs-gallery-design-list .sqs-gallery-design-list-slide:not(.no-image) .s= qs-gallery-meta-container { width: 65% !important; } } .sqs-gallery-design-autorows .sqs-gallery-design-autorows-slide { float: le= ft; cursor: pointer; overflow: hidden; } .sqs-gallery-design-autorows .sqs-gallery-design-autorows-slide img { heigh= t: 100%; } .sqs-gallery-design-autorows .sqs-gallery-design-autorows-slide .meta { dis= play: none; } .sqs-gallery-design-autogrid { zoom: 1; } .sqs-gallery-design-autogrid::after { display: block; visibility: hidden; f= ont-size: 0px; height: 0px; clear: both; content: "."; } .sqs-gallery-design-autogrid-slide { position: relative; float: left; } .sqs-gallery-design-autogrid-slide .img-wrapper { height: 0px; } .sqs-gallery-design-autogrid-slide img { width: 100%; } .yui3-lightbox2 { user-select: text; } .yui3-lightbox2 .yui3-lightbox2-content { height: 100%; left: 0px; position= : absolute; width: 100%; overflow: hidden; } .yui3-lightbox2 .sqs-lightbox-slideshow { height: 100%; opacity: 0; z-index= : 100000001; } .yui3-lightbox2 .sqs-lightbox-slideshow .sqs-lightbox-padder { position: ab= solute; text-align: left; inset: 2%; } .yui3-lightbox2 .sqs-lightbox-overlay { position: absolute; opacity: 0; top= : 0px; left: 0px; background: rgb(0, 0, 0); height: 100%; width: 100%; } .yui3-lightbox2 .sqs-lightbox-meta { position: absolute; padding: 20px; col= or: rgb(255, 255, 255); z-index: 100000001; margin: 20px auto 0px; opacity:= 0; transition: opacity 0.2s ease-out 0s; } .yui3-lightbox2 .sqs-lightbox-meta.overlay-description-visible { background= : rgba(0, 0, 0, 0.7); opacity: 1 !important; } .yui3-lightbox2 .sqs-lightbox-meta p:first-child { margin-top: 0px; } .yui3-lightbox2 .sqs-lightbox-meta p:last-child { margin-bottom: 0px; } .yui3-lightbox2 .sqs-lightbox-meta h1 { font-size: 1em; color: rgb(255, 255= , 255); margin: 0px 0px 10px; } .yui3-lightbox2 .sqs-lightbox-meta p a { color: rgb(255, 255, 255); text-de= coration: underline; } .yui3-lightbox2 .sqs-lightbox-close, .yui3-lightbox2 .sqs-lightbox-previous= , .yui3-lightbox2 .sqs-lightbox-next, .yui3-lightbox2 .sqs-lightbox-meta-tr= igger { position: absolute; z-index: 100000002; display: flex; align-items:= center; justify-content: center; color: rgb(204, 204, 204); height: 20px; = width: 20px; font-size: 26px; cursor: pointer; outline-color: currentcolor;= } .yui3-lightbox2 .sqs-lightbox-next, .yui3-lightbox2 .sqs-lightbox-previous = { padding: 12px; opacity: 0; top: 50%; margin-top: -22px; transition: opaci= ty 0.2s ease 0s; } .yui3-lightbox2 .sqs-lightbox-next.mouseover, .yui3-lightbox2 .sqs-lightbox= -previous.mouseover, .yui3-lightbox2 .sqs-lightbox-next:focus, .yui3-lightb= ox2 .sqs-lightbox-previous:focus { opacity: 1; } .yui3-lightbox2 .sqs-lightbox-next { right: 2%; } .yui3-lightbox2 .sqs-lightbox-next::before { font-family: squarespace-ui-fo= nt; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoo= thing: antialiased; content: "=EE=80=AD"; text-align: center; display: inli= ne-block; vertical-align: middle; } .yui3-lightbox2 .sqs-lightbox-next::before { font-size: 32px; width: 32px; = height: 32px; line-height: 32px; } .yui3-lightbox2 .sqs-lightbox-previous { left: 2%; } .yui3-lightbox2 .sqs-lightbox-previous::before { font-family: squarespace-u= i-font; font-style: normal; speak: none; font-weight: normal; -webkit-font-= smoothing: antialiased; content: "=EE=80=AC"; text-align: center; display: = inline-block; vertical-align: middle; } .yui3-lightbox2 .sqs-lightbox-previous::before { font-size: 32px; width: 32= px; height: 32px; line-height: 32px; } .yui3-lightbox2 .sqs-lightbox-next::before, .yui3-lightbox2 .sqs-lightbox-p= revious::before { font-size: 22px; } .yui3-lightbox2 .sqs-lightbox-close { padding: 2px; right: 2%; top: 2%; tex= t-align: right; } .yui3-lightbox2 .sqs-lightbox-close::before { font-family: squarespace-ui-f= ont; font-style: normal; speak: none; font-weight: normal; -webkit-font-smo= othing: antialiased; content: "=EE=80=AE"; text-align: center; display: inl= ine-block; vertical-align: middle; } .yui3-lightbox2 .sqs-lightbox-close::before { font-size: 32px; width: 32px;= height: 32px; line-height: 32px; } .yui3-lightbox2 .sqs-lightbox-meta-trigger { bottom: 0px; right: 0px; paddi= ng: 2%; font-size: 26px; line-height: 0.5; text-align: right; } body.sqs-lightbox-open { overflow-y: hidden; position: static !important; } .sqs-gallery img:not([src]) { opacity: 0; } .source-code { white-space: pre; overflow: auto; } .cm-keyword { color: rgb(119, 0, 136); } .cm-atom { color: rgb(34, 17, 153); } .cm-number { color: rgb(17, 102, 68); } .cm-def { color: blue; } .cm-variable-2 { color: rgb(0, 85, 170); } .cm-variable-3 { color: rgb(0, 136, 85); } .cm-comment { color: rgb(170, 170, 170); } .cm-string { color: rgb(17, 170, 17); } .cm-string-2 { color: rgb(85, 255, 0); } .cm-meta { color: rgb(85, 85, 85); } .cm-error { color: red; } .cm-qualifier { color: rgb(85, 85, 85); } .cm-builtin { color: rgb(51, 0, 170); } .cm-bracket { color: rgb(204, 204, 119); } .cm-tag { color: rgb(17, 119, 0); } .cm-attribute { color: rgb(0, 0, 204); } .cm-header { color: rgb(0, 0, 0); } .cm-quote { color: rgb(153, 0, 0); } .cm-hr { color: rgb(153, 153, 153); } .cm-link { color: rgb(0, 0, 204); } .dark .cm-comment { color: rgb(117, 113, 94); } .dark .cm-atom { color: rgb(174, 129, 255); } .dark .cm-number { color: rgb(174, 129, 255); } .dark .cm-property, .dark .cm-attribute { color: rgb(166, 226, 46); } .dark .cm-keyword { color: rgb(249, 38, 114); } .dark .cm-string { color: rgb(230, 219, 116); } .dark .cm-variable-2 { color: rgb(158, 255, 255); } .dark .cm-def { color: rgb(253, 151, 31); } .dark .cm-error { background: rgb(249, 38, 114); color: rgb(248, 248, 240);= } .dark .cm-bracket { color: rgb(248, 248, 242); } .dark .cm-tag { color: rgb(249, 38, 114); } .dark .cm-link { color: rgb(174, 129, 255); } .code-block .state-message:not(:last-child) { margin-bottom: 10px; } .foursquare-block ul { list-style-type: none; margin: 0px; padding: 0px; li= ne-height: 1.4em; } .foursquare-block ul .foursquare-checkin { margin-bottom: 12px; } .foursquare-block ul .foursquare-checkin a { border: 0px; } .foursquare-block ul .foursquare-checkin .foursquare-icon-wrapper { float: = left; } .foursquare-block ul .foursquare-checkin .foursquare-text { margin-left: 42= px; font-size: 12px; } .foursquare-block ul .foursquare-checkin .foursquare-venue { font-weight: b= old; } .foursquare-block ul .foursquare-checkin .foursquare-location { display: in= line-block; padding-left: 4px; } .foursquare-block ul .foursquare-checkin .foursquare-timestamp { font-size:= 10px; } .sqs-block-soundcloud .sqs-intrinsic iframe { position: absolute; top: 0px;= left: 0px; width: 100% !important; height: 100% !important; } @media screen and (max-width: 640px) { .sqs-block-soundcloud.isPlaylist .sqs-intrinsic { padding-bottom: 0px !im= portant; height: 400px !important; } } @font-face { font-family: squarespace-ui-font; src: url("//assets.squarespa= ce.com/universal/fonts/squarespace-ui-font.woff") format("woff"), url("//as= sets.squarespace.com/universal/fonts/squarespace-ui-font.ttf") format("true= type"); font-weight: normal; font-style: normal; } .sqs-ui-font-family { font-family: squarespace-ui-font; font-style: normal;= speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } [class^=3D"sqs-ui-font-"]::before, [class*=3D" sqs-ui-font-"]::before { fon= t-family: squarespace-ui-font; font-style: normal; speak: none; font-weight= : normal; -webkit-font-smoothing: antialiased; } [data-icon]::before { font-family: squarespace-ui-font; font-style: normal;= speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; con= tent: attr(data-icon); } .sqs-block-opentable-hidden { display: none !important; } .sqs-block-opentable-hide-title .OT_title { display: none; } .sqs-block-opentable iframe { visibility: hidden; position: absolute; } .sqs-block-opentable * { box-sizing: border-box; } .sqs-block-opentable #OT_form { padding: 0px; margin: 0px; width: auto; } .sqs-block-opentable .OT_wrapper { border: none; border-radius: 0px; font-f= amily: inherit; width: 100%; margin: 0px; padding: 34px 17px 40px; backgrou= nd: rgba(0, 0, 0, 0.05); color: rgb(39, 39, 39); font-size: 15px; line-heig= ht: 1em; text-align: center; position: relative; } .sqs-block-opentable .OT_header { width: 85%; margin: 0px auto; position: r= elative; } .sqs-block-opentable .OT_title { position: relative; width: 100%; margin: 0= px 0px 17px; padding: 0px; font-size: 30px; color: rgba(0, 0, 0, 0.95); fon= t-weight: normal; text-align: center; line-height: 1em; } .sqs-block-opentable .OT_subtitle { margin: 0px; padding: 0px; font-size: 1= 0px; letter-spacing: 0.15em; color: rgba(0, 0, 0, 0.8); text-transform: upp= ercase; font-weight: normal; white-space: nowrap; width: auto; line-height:= 1em; } .sqs-block-opentable .OT_list { list-style: none; margin: 28px 0px 0px; pad= ding: 0px; width: auto; display: inline-block; line-height: 1em; } .sqs-block-opentable .OT_day, .sqs-block-opentable .OT_time, .sqs-block-ope= ntable .OT_party { margin: 0px 12px; padding: 6px 0px 6px 35px; height: aut= o; background-image: url("/universal/images-v6/icons/opentable-icons.svg");= background-repeat: no-repeat; background-position: 0px 0px; width: 33%; mi= n-width: 150px; max-width: 180px; position: relative; list-style: none; dis= play: inline-block; line-height: 1em; border: none !important; } .sqs-block-opentable.sqs-block-opentable-hide-fields .OT_day, .sqs-block-op= entable.sqs-block-opentable-hide-fields .OT_time, .sqs-block-opentable.sqs-= block-opentable-hide-fields .OT_party { display: none; } .sqs-block-opentable.sqs-block-opentable-hide-fields .OT_submit { margin: 0= px; } .sqs-block-opentable .OT_day { margin: 0px 12px; padding: 6px 0px 6px 35px;= background-position: -18px -7px; border: none; list-style: none; backgroun= d-size: 123px; } .sqs-block-opentable .OT_time { background-position: -18px -55px; border: n= one; } .sqs-block-opentable .OT_party { background-position: -18px -102px; border:= none; } .sqs-block-opentable .OT_searchTimeField, .sqs-block-opentable .OT_searchDa= teField, .sqs-block-opentable .OT_searchPartyField { font-family: inherit; = background: url("/universal/images-v6/icons/opentable-icons.svg") right -14= px top -75px / 43px no-repeat padding-box rgb(255, 255, 255); color: rgb(39= , 39, 39); font-weight: normal; margin: 0px; border: 1px solid rgba(0, 0, 0= , 0.12); width: 100%; height: auto; font-size: 13px; font-style: normal; pa= dding: 0.7em 1.1em; border-radius: 0px; cursor: pointer; line-height: norma= l; outline: none; } .sqs-block-opentable #OT_timeList, .sqs-block-opentable #OT_partyList { max= -height: 195px; overflow: auto; border: 1px solid rgba(0, 0, 0, 0.12); posi= tion: absolute; width: auto; top: 100%; left: 35px; right: 0px; display: no= ne; margin-top: -7px; text-align: left; background-clip: padding-box; } .sqs-block-opentable .OT_navList { list-style: none; padding: 0px; margin: = -6px 0px 0px; float: none; position: absolute; background-color: rgb(255, 2= 55, 255); z-index: 200; width: auto; top: 100%; left: 35px; right: 0px; } .sqs-block-opentable .OT_navListItem { padding: 0px; margin: 0px; position:= relative; float: none; line-height: 1em; width: auto; list-style: none; } .sqs-block-opentable #OT_timeList .OT_navListItem, .sqs-block-opentable #OT= _partyList .OT_navListItem { width: auto; } .sqs-block-opentable #OT_timeList li a.OT_navLink, .sqs-block-opentable #OT= _partyList li a.OT_navLink { border: 0px; width: auto; } .sqs-block-opentable a.OT_navLink:link, .sqs-block-opentable a.OT_navLink:v= isited, .sqs-block-opentable a.OT_navLink:hover, .sqs-block-opentable a.OT_= navLink:active { font-family: inherit; color: rgb(39, 39, 39); text-decorat= ion: none; font-size: 13px; line-height: 1em; width: auto; display: block; = padding: 0.7em 1.1em; border: none; } .sqs-block-opentable a.OT_navLink:hover, .sqs-block-opentable a.OT_navLink.= selected, .sqs-block-opentable a.OT_navLink:active { background-color: rgba= (0, 0, 0, 0.05); color: rgb(39, 39, 39); opacity: 1; } .sqs-block-opentable a.OT_navLink.selected, .sqs-block-opentable a.OT_navLi= nk:active { background-color: rgba(0, 0, 0, 0.12); } .sqs-block-opentable .OT_submit { margin: 24px 0px 0px; padding: 0px; width= : auto; height: auto; list-style: none; display: block; } .sqs-block-opentable .OTButton, .sqs-block-opentable #OTButton { width: aut= o; text-align: center; margin: 0px; padding: 0px; } .sqs-block-opentable a.OT_Find_a_Table:link, .sqs-block-opentable a.OT_Find= _a_Table:visited, .sqs-block-opentable a.OT_Find_a_Table:hover, .sqs-block-= opentable a.OT_Find_a_Table:active { background-image: none; background-rep= eat: repeat; background-position: 0px 0px; background-color: rgba(0, 0, 0, = 0.95); font-family: inherit; font-size: 13px; font-weight: normal; text-dec= oration: none; color: rgb(255, 255, 255); text-align: center; height: auto;= display: inline-block; padding: 1.1em 2.3em; line-height: normal; text-sha= dow: none; opacity: 0.8; position: relative; width: auto; border: none; tex= t-transform: uppercase; white-space: nowrap; cursor: pointer; outline: none= ; appearance: none; transition: opacity 0.3s ease-out 0s, background 0.3s e= ase-out 0s; } .opentable-style-light .OT_wrapper { color: rgb(255, 255, 255); } .opentable-style-light .OT_title { color: rgb(255, 255, 255); } .opentable-style-light .OT_subtitle { color: rgb(255, 255, 255); } .opentable-style-light a.OT_Find_a_Table:link, .opentable-style-light a.OT_= Find_a_Table:visited, .opentable-style-light a.OT_Find_a_Table:hover, .open= table-style-light a.OT_Find_a_Table:active { background: rgba(0, 0, 0, 0.05= ); } .opentable-style-light a.OT_Find_a_Table:link:hover, .opentable-style-light= a.OT_Find_a_Table:visited:hover, .opentable-style-light a.OT_Find_a_Table:= hover:hover, .opentable-style-light a.OT_Find_a_Table:active:hover { backgr= ound: rgba(0, 0, 0, 0.05); } .opentable-style-light .OT_day { background-position: -80px -7px; } .opentable-style-light .OT_time { background-position: -80px -55px; } .opentable-style-light .OT_party { background-position: -80px -102px; } .hide-opentable-icons .OT_day, .hide-opentable-icons .OT_time, .hide-openta= ble-icons .OT_party { margin: 0px; padding: 6px; background: none; } .hide-opentable-icons #OT_timeList, .hide-opentable-icons #OT_partyList, .h= ide-opentable-icons .OT_navList { left: 6px; right: 6px; } .no-svg .OT_day, .no-svg .OT_time, .no-svg .OT_party, .no-svg .OT_searchTim= eField, .no-svg .OT_searchDateField, .no-svg .OT_searchPartyField { backgro= und-image: url("/universal/images-v6/icons/opentable-icons.png"); } .sqs-search-ui-button-wrapper { position: relative; } .sqs-search-ui-button-wrapper.color-dark .search-input { background-image: = url("/universal/images-v6/icons/icon-searchqueries-20-dark.png"); border: 1= px solid rgb(170, 170, 170); } .sqs-search-ui-button-wrapper.color-dark::-webkit-input-placeholder { color= : rgb(102, 102, 102); } .sqs-search-ui-button-wrapper.color-light .search-input { background-image:= url("/universal/images-v6/icons/icon-searchqueries-20-light.png"); color: = rgb(247, 247, 247); border: 1px solid rgb(238, 238, 238); } .sqs-search-ui-button-wrapper.color-light::-webkit-input-placeholder { colo= r: rgb(221, 221, 221); } .sqs-search-ui-button-wrapper .search-input { opacity: 0.7; transition: bac= kground-image 0.2s ease-out 0s; padding: 12px 12px 12px 45px; background: 1= 5px 50% no-repeat; width: 100%; min-height: 20px; display: block; box-sizin= g: border-box; } .sqs-search-ui-button-wrapper .search-input.loading { background-image: non= e; } .sqs-search-ui-button-wrapper .search-input.disabled { cursor: pointer; } .sqs-search-ui-button-wrapper .search-input.hover-effect:hover, .sqs-search= -ui-button-wrapper .search-input.hover-effect:focus { opacity: 1; } .sqs-search-ui-button-wrapper .search-input:hover::-webkit-input-placeholde= r { font-style: normal; } .sqs-search-ui-button-wrapper .spinner-wrapper { position: absolute; top: 5= 0%; transform: translateY(-50%); left: 18px; } .sqs-search-ui-button-wrapper .spinner-wrapper .sqs-spin { display: block; = vertical-align: middle; } .sqs-search-preview-ui { position: absolute; z-index: 999999; background-co= lor: rgb(255, 255, 255); width: 100%; } .sqs-search-preview-ui .sqs-search-ui-result { border: 1px solid rgb(221, 2= 21, 221); } .sqs-search-preview-ui .sqs-search-ui-result .search-result-notice { backgr= ound-color: rgb(255, 255, 255); font-weight: 200; font-size: 12px; padding:= 6px 12px; } .sqs-search-preview-ui .sqs-search-ui-result .search-result-notice.hide { d= isplay: none; } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list { max-heig= ht: 500px; overflow: hidden scroll; } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-re= sult { padding: 16px; cursor: pointer; border-bottom: 1px solid rgb(221, 22= 1, 221); transition: background-color 0.2s ease-out 0s; } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-re= sult:last-child { border-bottom: none; } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-re= sult.selected, .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-= list .search-result:hover { background-color: rgb(245, 245, 245); } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-re= sult.selected { outline-color: rgb(51, 51, 51); } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-re= sult .sqs-search-ui-item { border-top: none; } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-re= sult .sqs-search-ui-item em { color: rgb(34, 34, 34); font-style: italic; } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-re= sult .sqs-search-ui-item .sqs-main-image { position: absolute; inset: 0px; = } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-re= sult .sqs-search-ui-item .sqs-main-image-container { width: 50px; float: ri= ght; margin-left: 5px; box-shadow: rgb(221, 221, 221) 1px -1px 5px; } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-re= sult .sqs-search-ui-item .sqs-main-image-intrinsic { position: relative; wi= dth: 100%; height: 0px; padding-bottom: 100%; } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-re= sult .sqs-search-ui-item .sqs-title { font-size: 16px; line-height: 1.2em; = margin-bottom: 0.5em; color: rgb(51, 51, 51); } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-re= sult .sqs-search-ui-item .sqs-content { font-size: 12px; line-height: 1.4em= ; } .sqs-search-preview-ui.no-image .sqs-main-image-container { display: none; = } .twitter-block .tweet-list { list-style-type: none; margin: 0px 0px 2.2em; = padding: 0px; } .twitter-block .tweet { margin: 0px 0px 2.2em; } .twitter-block .tweet a { border: 0px; } .twitter-block .tweet .tweet-avatar-wrapper { float: left; } .twitter-block .tweet .tweet-avatar { border-radius: 2px; } .twitter-block .tweet .tweet-text-wrapper { margin-left: 60px; } .twitter-block .tweet.no-avatar .tweet-text-wrapper { margin-left: 0px; } .twitter-block .tweet .tweet-from { font-size: 1.1em; margin: 0px 0px 0.5em= ; line-height: 1em; font-weight: bold; } .twitter-block .tweet .tweet-timestamp a { font-size: 0.8em; } .sqs-block-quote figure { margin: 1em 0px; } .sqs-block-quote blockquote { margin: 0px; } .sqs-block-quote .source { text-align: right; } .sqs-block-quote .sqs-block-content .block-animation.animation-disabled, .s= qs-block-quote .sqs-block-content .block-animation.animation-loaded { trans= form: translateZ(0px); } :not(.sqs-edit-mode) .sqs-block-quote .sqs-block-content .block-animation-f= ade-in, .sqs-edit-mode.sqs-edit-mode-active .sqs-block-quote .sqs-block-con= tent .block-animation-fade-in { transition: opacity 800ms cubic-bezier(0.4,= 0, 0.2, 1) 0s, transform 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s; will-chang= e: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, 0, 0); } :not(.sqs-edit-mode) .sqs-block-quote .sqs-block-content .block-animation-f= ade-in.animation-loaded, .sqs-edit-mode.sqs-edit-mode-active .sqs-block-quo= te .sqs-block-content .block-animation-fade-in.animation-loaded, .sqs-block= -quote .sqs-block-content .block-animation-fade-in.animation-loaded { opaci= ty: 1; transform: matrix(1, 0, 0, 1, 0, 0); } :not(.sqs-edit-mode) .sqs-block-quote .sqs-block-content .block-animation-s= lide-up, .sqs-edit-mode.sqs-edit-mode-active .sqs-block-quote .sqs-block-co= ntent .block-animation-slide-up { transition: opacity 800ms cubic-bezier(0.= 4, 0, 0.2, 1) 0s, transform 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s; will-cha= nge: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, 0, 20); = } :not(.sqs-edit-mode) .sqs-block-quote .sqs-block-content .block-animation-s= lide-up.animation-loaded, .sqs-edit-mode.sqs-edit-mode-active .sqs-block-qu= ote .sqs-block-content .block-animation-slide-up.animation-loaded, .sqs-blo= ck-quote .sqs-block-content .block-animation-slide-up.animation-loaded { op= acity: 1; transform: matrix(1, 0, 0, 1, 0, 0); } :not(.sqs-edit-mode) .sqs-block-quote .sqs-block-content .block-animation-r= eveal, .sqs-edit-mode.sqs-edit-mode-active .sqs-block-quote .sqs-block-cont= ent .block-animation-reveal { transition: opacity 800ms cubic-bezier(0.4, 0= , 0.2, 1) 0s, transform 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change:= opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, 20, 0); } :not(.sqs-edit-mode) .sqs-block-quote .sqs-block-content .block-animation-r= eveal.animation-loaded, .sqs-edit-mode.sqs-edit-mode-active .sqs-block-quot= e .sqs-block-content .block-animation-reveal.animation-loaded, .sqs-block-q= uote .sqs-block-content .block-animation-reveal.animation-loaded { opacity:= 1; transform: matrix(1, 0, 0, 1, 0, 0); } :not(.sqs-edit-mode) .sqs-block-quote .sqs-block-content .block-animation-f= ocus-in, .sqs-edit-mode.sqs-edit-mode-active .sqs-block-quote .sqs-block-co= ntent .block-animation-focus-in { transition: opacity 800ms cubic-bezier(0.= 4, 0, 0.2, 1) 0s, transform 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s; will-cha= nge: opacity, transform; opacity: 0; transform: matrix(0.92, 0, 0, 0.92, 0,= 0); } :not(.sqs-edit-mode) .sqs-block-quote .sqs-block-content .block-animation-f= ocus-in.animation-loaded, .sqs-edit-mode.sqs-edit-mode-active .sqs-block-qu= ote .sqs-block-content .block-animation-focus-in.animation-loaded, .sqs-blo= ck-quote .sqs-block-content .block-animation-focus-in.animation-loaded { op= acity: 1; transform: matrix(1, 0, 0, 1, 0, 0); } .sqs-block-quote .sqs-block-content .block-animation.animation-disabled { t= ransition: none 0s ease 0s !important; } .rss-block .social-rss::before, .rss-block .social-rss-square::before, .rss= -block .social-rss-round::before { font-family: social-icon-font; speak: no= ne; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-s= moothing: antialiased; position: relative; top: 0px; margin-right: 10px; fo= nt-size: 0.7em; } .rss-block .social-rss::before { content: "=EE=98=B0"; position: relative; = top: -0.05em; margin-right: 0.4em; font-size: 0.7em; } .rss-block .sqs-blockStatus + .social-rss { display: none; } .captcha-container.rendered { margin-bottom: 24px; width: 304px; } .captcha-container.rendered.align-center { margin-left: auto; margin-right:= auto; } .captcha-container.rendered.align-right { margin-left: auto; } .sqs-block-zola .sqs-block-content { transition: opacity 0.3s ease-in 0s; } .sqs-block-zola .sqs-block-content.is-rendering { opacity: 0.1; } .sqs-block-zola .zola-block-wrapper { background: rgb(255, 255, 255); } .sqs-block-zola .zola-block-wrapper.zola-block-setting-inset { padding: 0px= 20px; } .sqs-block-acuity .sqs-block-content { transition: opacity 0.3s ease-in 0s;= } .sqs-block-acuity .sqs-block-content.is-rendering { opacity: 0.1; } .sqs-block-acuity .sqs-block-content iframe { min-height: 1000px; } .sqs-block-acuity .sqs-block-content iframe[style] { min-height: 0px; } .tock-flex-container { display: flex; flex-direction: row; } .tock-align-left { justify-content: flex-start; } .tock-align-center { justify-content: center; } .tock-align-right { justify-content: flex-end; } .hide-tock-logo div#Tock_widget_container > div.TockWidgetWrapper .TockLogo= -container, .hide-tock-logo div#Tock_widget_container > div.TockWidgetWrapp= er .TockSearchBar-tockIcon { display: none; } .sqs-block-markdown { clear: none; } .sqs-block-markdown .sqs-block-content { position: relative; } .sqs-block-markdown .sqs-block-content :first-child { margin-top: 0px; } .sqs-block-markdown .sqs-block-content :last-child { margin-bottom: 0px; } .sqs-block-markdown .sqs-placeholder { color: rgb(153, 153, 153); } .sqs-block-markdown .sqs-editing-overlay { display: none; } .sqs-block-markdown hr { border-top: none; border-right: none; border-left:= none; border-image: initial; border-bottom: 1px solid rgb(204, 204, 204); = width: 75%; margin-left: auto; margin-right: auto; } .sqs-block-markdown textarea { position: absolute; inset: 17px 17px 0px; wi= dth: calc(100% - 34px); padding: 0px; margin: 0px; border: none; background= : transparent; outline: none; resize: none; overflow: hidden; color: rgb(51= , 51, 51); } .sqs-block-markdown .textarea-clone { margin: 0px; min-height: 18px; visibi= lity: hidden; } .sqs-block-markdown textarea, .sqs-block-markdown .textarea-clone { white-s= pace: pre-wrap; overflow-wrap: break-word; font: 15px / 18px "Courier New",= monospace !important; } .sqs-block-markdown img { max-width: 100%; height: auto; } .donation-block .sqs-donate-button-wrapper { display: block; } .donation-block .sqs-donate-button-wrapper--align-left { text-align: left; = } .donation-block .sqs-donate-button-wrapper--align-center { text-align: cent= er; } .donation-block .sqs-donate-button-wrapper--align-right { text-align: right= ; } .donation-block .sqs-donate-button { display: inline-block; width: auto; he= ight: auto; padding: 1em 2.5em; color: rgb(255, 255, 255); background-color= : rgb(39, 39, 39); border-width: 0px; font-family: "Helvetica Neue", Helvet= ica, Arial, sans-serif; font-size: 12px; line-height: 1em; font-weight: nor= mal; font-style: normal; text-transform: uppercase; letter-spacing: 0px; te= xt-align: center; text-decoration: none; cursor: pointer; appearance: none;= } .sqs-block-html { clear: none; } .sqs-block-html .sqs-block-content, .sqs-block-html .sqs-html-content { out= line: none; } .sqs-block-html .sqs-block-content :not(h1):not(h2):not(h3), .sqs-block-htm= l .sqs-html-content :not(h1):not(h2):not(h3) { overflow-wrap: break-word; } .sqs-block-html .sqs-block-content > :first-child, .sqs-block-html .sqs-htm= l-content > :first-child { margin-top: 0px; } .sqs-block-html .sqs-block-content > :last-child, .sqs-block-html .sqs-html= -content > :last-child { margin-bottom: 0px; } .sqs-block-html .sqs-block-content.sqs-background-enabled .sqs-block-conten= t > :nth-last-child(2), .sqs-block-html .sqs-html-content.sqs-background-en= abled .sqs-block-content > :nth-last-child(2) { margin-bottom: 0px; } .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container, .sqs-bloc= k-html .sqs-html-content .sqsrte-scaled-text-container { height: auto; } .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container:not(.loade= d) *, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container:not(.= loaded) * { white-space: normal !important; transform: none !important; max= -width: none !important; height: auto !important; } .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container.loaded .sq= srte-scaled-text, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-con= tainer.loaded .sqsrte-scaled-text, .sqs-block-html .sqs-block-content .sqsr= te-scaled-text-container.loaded .sqsrte-scaled-text h1, .sqs-block-html .sq= s-html-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text h1,= .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container.loaded .s= qsrte-scaled-text h2, .sqs-block-html .sqs-html-content .sqsrte-scaled-text= -container.loaded .sqsrte-scaled-text h2, .sqs-block-html .sqs-block-conten= t .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text h3, .sqs-block-h= tml .sqs-html-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-t= ext h3, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container.lo= aded .sqsrte-scaled-text h4, .sqs-block-html .sqs-html-content .sqsrte-scal= ed-text-container.loaded .sqsrte-scaled-text h4, .sqs-block-html .sqs-block= -content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text p, .sqs-b= lock-html .sqs-html-content .sqsrte-scaled-text-container.loaded .sqsrte-sc= aled-text p, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-contain= er.loaded .sqsrte-scaled-text a, .sqs-block-html .sqs-html-content .sqsrte-= scaled-text-container.loaded .sqsrte-scaled-text a, .sqs-block-html .sqs-bl= ock-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text pre, .= sqs-block-html .sqs-html-content .sqsrte-scaled-text-container.loaded .sqsr= te-scaled-text pre, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-= container.loaded .sqsrte-scaled-text code, .sqs-block-html .sqs-html-conten= t .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text code { position:= relative; left: initial; margin: 0px; white-space: nowrap !important; } .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container > .sqsrte-= scaled-text, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-containe= r > .sqsrte-scaled-text { transform-origin: 0px 0px; display: inline-block;= word-break: break-all; margin: 0px; padding: 0px; position: absolute; left= : -10000px; } .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container > .sqsrte-= scaled-text a, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-contai= ner > .sqsrte-scaled-text a { display: inline-block; } .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container > .sqsrte-= scaled-text h1, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-conta= iner > .sqsrte-scaled-text h1, .sqs-block-html .sqs-block-content .sqsrte-s= caled-text-container > .sqsrte-scaled-text h2, .sqs-block-html .sqs-html-co= ntent .sqsrte-scaled-text-container > .sqsrte-scaled-text h2, .sqs-block-ht= ml .sqs-block-content .sqsrte-scaled-text-container > .sqsrte-scaled-text h= 3, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container > .sqsrt= e-scaled-text h3, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-co= ntainer > .sqsrte-scaled-text h4, .sqs-block-html .sqs-html-content .sqsrte= -scaled-text-container > .sqsrte-scaled-text h4, .sqs-block-html .sqs-block= -content .sqsrte-scaled-text-container > .sqsrte-scaled-text p, .sqs-block-= html .sqs-html-content .sqsrte-scaled-text-container > .sqsrte-scaled-text = p, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container > .sqsr= te-scaled-text a, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-con= tainer > .sqsrte-scaled-text a, .sqs-block-html .sqs-block-content .sqsrte-= scaled-text-container > .sqsrte-scaled-text pre, .sqs-block-html .sqs-html-= content .sqsrte-scaled-text-container > .sqsrte-scaled-text pre, .sqs-block= -html .sqs-block-content .sqsrte-scaled-text-container > .sqsrte-scaled-tex= t code, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container > .= sqsrte-scaled-text code { margin: 0px; padding: 0px; line-height: 1; font-s= ize: inherit !important; } .sqs-block-html .sqs-block-content .sqsrte-text-highlight a:link, .sqs-bloc= k-html .sqs-html-content .sqsrte-text-highlight a:link, .sqs-block-html .sq= s-block-content .sqsrte-text-highlight a:visited, .sqs-block-html .sqs-html= -content .sqsrte-text-highlight a:visited, .sqs-block-html .sqs-block-conte= nt .sqsrte-text-highlight a:hover, .sqs-block-html .sqs-html-content .sqsrt= e-text-highlight a:hover, .sqs-block-html .sqs-block-content .sqsrte-text-h= ighlight a:active, .sqs-block-html .sqs-html-content .sqsrte-text-highlight= a:active { text-decoration: none; background-image: none; } .sqs-block-html .TextShape { text-decoration: none !important; } .sqs-block-html .TextShape-node { --stroke: currentcolor; --stroke-width: 1= px; --stroke-linecap: square; --stroke-linejoin: square; --opacity: 1; --bl= end: none; position: absolute; display: block; top: 0px; left: 0px; pointer= -events: none; z-index: -1; user-select: none; opacity: 1; visibility: visi= ble; transition: opacity 0.25s ease-out 0s, visibility 0.25s ease-out 0s; m= ix-blend-mode: var(--blend); } .sqs-block-html .TextShape-node[data-is-front=3D"true"] { z-index: 1; } .sqs-block-html .TextShape-node svg { position: absolute; display: block; t= op: 0px; left: 0px; width: 100%; height: 100%; overflow: visible; stroke: v= ar(--stroke); stroke-width: max(1px,var(--stroke-width)); stroke-linecap: v= ar(--stroke-linecap); stroke-linejoin: var(--stroke-linejoin); fill: none; = opacity: var(--opacity); } .embed-block .intrinsic, .video-block .intrinsic, .embed-block .sqs-block-c= ontent .intrinsic, .video-block .sqs-block-content .intrinsic { position: r= elative; } .embed-block .intrinsic .embed-block-wrapper:not(.embed-block-provider-Soun= dCloud), .video-block .intrinsic .embed-block-wrapper:not(.embed-block-prov= ider-SoundCloud), .embed-block .sqs-block-content .intrinsic .embed-block-w= rapper:not(.embed-block-provider-SoundCloud), .video-block .sqs-block-conte= nt .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud) { = position: relative; } .embed-block .intrinsic .embed-block-wrapper:not(.embed-block-provider-Soun= dCloud) .sqs-video-wrapper, .video-block .intrinsic .embed-block-wrapper:no= t(.embed-block-provider-SoundCloud) .sqs-video-wrapper, .embed-block .sqs-b= lock-content .intrinsic .embed-block-wrapper:not(.embed-block-provider-Soun= dCloud) .sqs-video-wrapper, .video-block .sqs-block-content .intrinsic .emb= ed-block-wrapper:not(.embed-block-provider-SoundCloud) .sqs-video-wrapper {= position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .embed-block .intrinsic .embed-block-wrapper:not(.embed-block-provider-Soun= dCloud) iframe, .video-block .intrinsic .embed-block-wrapper:not(.embed-blo= ck-provider-SoundCloud) iframe, .embed-block .sqs-block-content .intrinsic = .embed-block-wrapper:not(.embed-block-provider-SoundCloud) iframe, .video-b= lock .sqs-block-content .intrinsic .embed-block-wrapper:not(.embed-block-pr= ovider-SoundCloud) iframe { position: absolute; top: 0px; left: 0px; width:= 100%; height: 100%; } .embed-block .intrinsic .embed-block-wrapper:not(.embed-block-provider-Soun= dCloud) .flickr-oembed, .video-block .intrinsic .embed-block-wrapper:not(.e= mbed-block-provider-SoundCloud) .flickr-oembed, .embed-block .sqs-block-con= tent .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud) = .flickr-oembed, .video-block .sqs-block-content .intrinsic .embed-block-wra= pper:not(.embed-block-provider-SoundCloud) .flickr-oembed { position: absol= ute; top: 0px; left: 0px; width: 100%; height: 100%; } .embed-block .intrinsic .embed-block-provider-SoundCloud, .video-block .int= rinsic .embed-block-provider-SoundCloud, .embed-block .sqs-block-content .i= ntrinsic .embed-block-provider-SoundCloud, .video-block .sqs-block-content = .intrinsic .embed-block-provider-SoundCloud { padding-bottom: 0px !importan= t; } .embed-block .intrinsic .embed-block-provider-SoundCloud iframe, .video-blo= ck .intrinsic .embed-block-provider-SoundCloud iframe, .embed-block .sqs-bl= ock-content .intrinsic .embed-block-provider-SoundCloud iframe, .video-bloc= k .sqs-block-content .intrinsic .embed-block-provider-SoundCloud iframe { w= idth: 100%; } .sqs-stretched.sqs-block-audio .sqs-block-content, .sqs-stretched.sqs-block= -audio .sqs-block-audio-content, .sqs-stretched.sqs-block-audio .sqs-audio-= embed, .sqs-stretched.sqs-block-audio .sqs-widgets-audio-player, .sqs-stret= ched.sqs-block-audio .sqs-widgets-audio-player-content, .sqs-stretched.sqs-= block-audio .player { height: 100%; } .sqs-stretched.sqs-block-audio .sqs-widgets-audio-player .player .play { di= splay: flex; align-items: center; } .sqs-stretched.sqs-block-audio .sqs-widgets-audio-player.playing .player .p= lay { display: none; } .sqs-stretched.sqs-block-audio .sqs-widgets-audio-player.playing .player .p= ause { display: block; } .fluid-engine .sqs-block-map.vsize-12 .sqs-block-content { height: 100%; } .sqs-block-map .sqs-block-map-content { position: relative; } .sqs-block-map .sqs-block-map-content .sqs-map-wrapper { top: 0px; left: 0p= x; height: 100%; max-width: none; width: 100%; position: absolute !importan= t; } .sqs-gallery-block-stacked { padding: 0px; margin: 0px; } .sqs-gallery-block-stacked a { border: 0px; } .sqs-gallery-block-stacked .image-wrapper { margin: 0px 0px 1px; line-heigh= t: 1px; } .sqs-gallery-block-stacked .image-wrapper img { width: 100%; } .sqs-gallery-block-stacked .meta { display: none; } .sqs-gallery-block-stacked.sqs-gallery-block-show-meta .meta { display: blo= ck; } .sqs-gallery-block-stacked .meta-inside { margin-bottom: 28px; margin-top: = 14px; } .sqs-gallery-block-stacked .meta-title { margin-bottom: 0.3em; } .sqs-gallery-block-stacked .meta-description { font-size: 0.9em; line-heigh= t: 1.5em; } .sqs-gallery-block-stacked .meta-description p { margin-bottom: 0px; margin= -top: 0px; } .sqs-gallery-block-slideshow { position: relative; background-color: rgba(1= 75, 175, 175, 0.1); } .sqs-gallery-block-slideshow.sqs-gallery-transparent-background { backgroun= d-color: transparent; } .sqs-gallery-block-slideshow .slide > a { position: absolute; top: 0px; lef= t: 0px; width: 100%; height: 100%; display: block; } .sqs-gallery-block-slideshow .slide .meta { opacity: 0; } .sqs-gallery-block-slideshow .meta { position: absolute; opacity: 0; backgr= ound-color: rgba(0, 0, 0, 0.3); } .sqs-gallery-block-slideshow .meta .meta-title { color: rgb(255, 255, 255);= } .sqs-gallery-block-slideshow .meta .meta-title { font-size: 18px; line-heig= ht: 1.2em; letter-spacing: 1px; } .sqs-gallery-block-slideshow .meta .meta-title + .meta-description { margin= -top: 0.3em; } .sqs-gallery-block-slideshow .meta .meta-description, .sqs-gallery-block-sl= ideshow .meta .meta-description p { color: rgba(255, 255, 255, 0.95); font-= size: 14px; line-height: 1.5em; } .sqs-gallery-block-slideshow .meta .meta-description strong { color: inheri= t; } .sqs-gallery-block-slideshow .meta .meta-description :first-child { margin-= top: 0px; } .sqs-gallery-block-slideshow .meta .meta-description :last-child { margin-b= ottom: 0px; } .sqs-gallery-block-slideshow .meta-inside { padding: 25px; } .sqs-gallery-block-slideshow .meta a, .sqs-gallery-block-slideshow .meta a:= hover { color: rgb(255, 255, 255); text-decoration: underline; } .sqs-gallery-block-slideshow .meta.overflow { overflow-y: auto; } .sqs-gallery-block-slideshow .slide.loaded .meta { opacity: 1; } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-hover .meta { opacity: = 0 !important; } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-hover .slide:hover .met= a, .sqs-gallery-block-slideshow.sqs-gallery-block-meta-hover .slide :focus = ~ .meta { opacity: 1 !important; } .sqs-gallery-block-slideshow .meta { display: none; } .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .sqs-active-slide = .meta { display: block; opacity: 1; } .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .mobile-view .slid= e.loaded > a { line-height: 0; height: auto; position: static; } .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .mobile-view .slid= e.loaded .sqs-video-wrapper { position: static; } .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .mobile-view .slid= e.loaded .meta { background-color: transparent; color: inherit; padding: 20= px 0px 10px; margin: 0px; max-width: none !important; opacity: 1 !important= ; position: static !important; } .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .mobile-view .slid= e.loaded .meta .meta-inside { padding: 0px; } .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .mobile-view .slid= e.loaded .meta .meta-title, .sqs-gallery-block-slideshow.sqs-gallery-block-= show-meta .mobile-view .slide.loaded .meta .meta-description, .sqs-gallery-= block-slideshow.sqs-gallery-block-show-meta .mobile-view .slide.loaded .met= a .meta-description p { color: inherit; } .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .mobile-view .slid= e.loaded .meta .meta-title { font-size: 0.9em; } .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .mobile-view .slid= e.loaded .meta .meta-description { font-size: 0.9em; } .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .mobile-view .slid= e.loaded .meta .meta-description p { font-size: 1em; line-height: 1.3em; } .sqs-gallery-block-slideshow .slide.video-playing .meta { display: none; } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-top .meta, .sq= s-gallery-block-slideshow.sqs-gallery-block-meta-position-top-left .meta, .= sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-top-right .meta= { top: 0px; } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-top-left .meta= , .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-top-right .m= eta { max-width: 50%; margin: 20px; } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-center .meta {= max-width: 50%; top: 50%; left: 50%; text-align: center; } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom .meta, = .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom-left .m= eta, .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom-ri= ght .meta { bottom: 0px; } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom .meta {= background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(30, 30, 30, 0.3) 100= %); } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom .meta-i= nside { padding: 30px 20px 15px; } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom-left .m= eta, .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom-ri= ght .meta { max-width: 50%; margin: 20px; } .sqs-gallery-block-slider { position: relative; height: 100%; } .sqs-gallery-block-grid { overflow: hidden; } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-1 .sqs-gallery-desig= n-grid-slide { width: 100% !important; } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-1 .sqs-gallery-desig= n-grid-slide:nth-child(n+1) { clear: left; } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-2 .sqs-gallery-desig= n-grid-slide { width: 50%; } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-2 .sqs-gallery-desig= n-grid-slide:nth-child(2n+1) { clear: left; } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-3 .sqs-gallery-desig= n-grid-slide { width: 33.3333%; } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-3 .sqs-gallery-desig= n-grid-slide:nth-child(3n+1) { clear: left; } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-4 .sqs-gallery-desig= n-grid-slide { width: 25%; } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-4 .sqs-gallery-desig= n-grid-slide:nth-child(4n+1) { clear: left; } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-5 .sqs-gallery-desig= n-grid-slide { width: 20%; } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-5 .sqs-gallery-desig= n-grid-slide:nth-child(5n+1) { clear: left; } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-6 .sqs-gallery-desig= n-grid-slide { width: 16.6667%; } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-6 .sqs-gallery-desig= n-grid-slide:nth-child(6n+1) { clear: left; } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-7 .sqs-gallery-desig= n-grid-slide { width: 14.2857%; } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-7 .sqs-gallery-desig= n-grid-slide:nth-child(7n+1) { clear: left; } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-8 .sqs-gallery-desig= n-grid-slide { width: 12.5%; } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-8 .sqs-gallery-desig= n-grid-slide:nth-child(8n+1) { clear: left; } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-9 .sqs-gallery-desig= n-grid-slide { width: 11.1111%; } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-9 .sqs-gallery-desig= n-grid-slide:nth-child(9n+1) { clear: left; } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-10 .sqs-gallery-desi= gn-grid-slide { width: 10%; } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-10 .sqs-gallery-desi= gn-grid-slide:nth-child(10n+1) { clear: left; } .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-square .slide .margin-wrap= per a.image-slide-anchor, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-= square .slide .margin-wrapper .content-wrapper, .sqs-gallery-block-grid.sqs= -gallery-aspect-ratio-square .slide .margin-wrapper .content-wrapper.conten= t-fill .sqs-video-wrapper { padding-bottom: 100%; } .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-standard .slide .margin-wr= apper a.image-slide-anchor, .sqs-gallery-block-grid.sqs-gallery-aspect-rati= o-standard .slide .margin-wrapper .content-wrapper, .sqs-gallery-block-grid= .sqs-gallery-aspect-ratio-standard .slide .margin-wrapper .content-wrapper.= content-fill .sqs-video-wrapper { padding-bottom: 66.666%; } .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-standard-vertical .slide .= margin-wrapper a.image-slide-anchor, .sqs-gallery-block-grid.sqs-gallery-as= pect-ratio-standard-vertical .slide .margin-wrapper .content-wrapper, .sqs-= gallery-block-grid.sqs-gallery-aspect-ratio-standard-vertical .slide .margi= n-wrapper .content-wrapper.content-fill .sqs-video-wrapper { padding-bottom= : 150%; } .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-four-three .slide .margin-= wrapper a.image-slide-anchor, .sqs-gallery-block-grid.sqs-gallery-aspect-ra= tio-four-three .slide .margin-wrapper .content-wrapper, .sqs-gallery-block-= grid.sqs-gallery-aspect-ratio-four-three .slide .margin-wrapper .content-wr= apper.content-fill .sqs-video-wrapper { padding-bottom: 75%; } .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-three-four-vertical .slide= .margin-wrapper a.image-slide-anchor, .sqs-gallery-block-grid.sqs-gallery-= aspect-ratio-three-four-vertical .slide .margin-wrapper .content-wrapper, .= sqs-gallery-block-grid.sqs-gallery-aspect-ratio-three-four-vertical .slide = .margin-wrapper .content-wrapper.content-fill .sqs-video-wrapper { padding-= bottom: 133.333%; } .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-widescreen .slide .margin-= wrapper a.image-slide-anchor, .sqs-gallery-block-grid.sqs-gallery-aspect-ra= tio-widescreen .slide .margin-wrapper .content-wrapper, .sqs-gallery-block-= grid.sqs-gallery-aspect-ratio-widescreen .slide .margin-wrapper .content-wr= apper.content-fill .sqs-video-wrapper { padding-bottom: 56.25%; } .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-anamorphic-widescreen .sli= de .margin-wrapper a.image-slide-anchor, .sqs-gallery-block-grid.sqs-galler= y-aspect-ratio-anamorphic-widescreen .slide .margin-wrapper .content-wrappe= r, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-anamorphic-widescreen .= slide .margin-wrapper .content-wrapper.content-fill .sqs-video-wrapper { pa= dding-bottom: 41.666%; } .sqs-gallery-block-grid .slide { float: left; width: 25%; } .sqs-gallery-block-grid .slide .margin-wrapper { position: relative; } .sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor { paddi= ng-bottom: 100%; width: 100%; height: 0px; display: block; cursor: default;= border-bottom: none; } .sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor img { d= isplay: inline-block; } .sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor[href] i= mg { cursor: pointer; } .sqs-gallery-block-grid .slide .margin-wrapper .content-wrapper { padding-b= ottom: 100%; width: 100%; display: block; } .sqs-gallery-block-grid .slide .margin-wrapper .content-wrapper.content-fil= l .sqs-video-wrapper { height: 0px; padding-bottom: 100%; } .sqs-gallery-block-grid .slide .margin-wrapper .content-wrapper.video-light= box-wrapper { cursor: pointer; } .sqs-gallery-block-grid .slide .margin-wrapper .content-wrapper.video-light= box-wrapper .sqs-video-wrapper .intrinsic { pointer-events: none; } .sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title { text-al= ign: center; display: none; } .sqs-gallery-block-grid .slide .meta { position: relative; } .sqs-gallery-block-grid .slide .meta h1 { font-size: 12px; letter-spacing: = normal; margin: 0px; } .sqs-gallery-block-grid.sqs-gallery-block-meta-only-title .margin-wrapper .= image-slide-title { display: block; text-align: center; font-size: 14px; ma= rgin-top: 0.5em; width: 100%; white-space: nowrap; overflow: hidden; text-o= verflow: ellipsis; } .sqs-block .sqs-gallery-thumbnails .sqs-video-thumbnail { position: relativ= e; } .sqs-block .sqs-gallery-thumbnails .sqs-video-thumbnail img { height: 100%;= } .sqs-block .sqs-gallery-thumbnails .sqs-video-thumbnail .sqs-video-thumbnai= l-icon { opacity: 1; position: absolute; top: 50%; left: 50%; background-im= age: url("//assets.squarespace.com/universal/images-v6/icons/icon-video-24-= light-solid.png"); background-position: center center; height: 24px; width:= 24px; margin-left: -12px; margin-top: -12px; } .sqs-block .sqs-gallery-thumbnails .sqs-video-thumbnail.no-image .sqs-video= -thumbnail-inner { background-image: url("//assets.squarespace.com/universa= l/images-v6/icons/icon-video-24-light-solid.png"); background-position: cen= ter center; background-repeat: no-repeat; } .sqs-block .sqs-gallery-thumbnails .sqs-video-thumbnail:not(.no-image).load= ing .sqs-video-thumbnail-icon { opacity: 0; } .sqs-block .sqs-gallery-thumbnails .sqs-video-thumbnail .sqs-video-thumbnai= l-inner { height: 100%; background: rgb(0, 0, 0); } .sqs-block .sqs-gallery-thumbnails .sqs-gallery-design-strip-slide { opacit= y: 0.5; } .sqs-block .sqs-gallery-thumbnails .sqs-gallery-design-strip-slide.sqs-acti= ve-slide { opacity: 1; } .sqs-gallery-design-strip-slide img, .sqs-gallery-design-strip-slide .sqs-v= ideo-wrapper { width: auto; height: 100%; } .sqs-gallery-block-stacked .image-wrapper img { width: 100%; height: auto; = } .sqs-gallery-block-grid img { transition: opacity 1s ease 0s; } .sqs-gallery-block-grid img:not(.loaded) { opacity: 0; } .sqs-gallery-block-grid img.loaded { opacity: 1 !important; } @media only screen and (max-width: 480px) { .sqs-gallery-block-slideshow .meta { display: none !important; } } @media only screen and (device-width: 768px) { .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .meta { opacity:= 1 !important; } } .sqs-block.gallery-block .sqs-helper .sqs-handle-bottom { display: none; } .sqs-block.gallery-block.sized .sqs-helper .sqs-handle-bottom { display: bl= ock; } .sqs-layout.editing .sqs-block.gallery-block:hover .sqs-gallery-block-slide= show.sqs-gallery-block-meta-hover .meta { opacity: 1 !important; } .sqs-gallery-dummy-images { background-color: transparent; } .sqs-gallery-dummy-images img, .sqs-gallery-dummy-images + .sqs-gallery-thu= mbnails img { background-color: rgba(0, 0, 0, 0.03); } .summary-block ul { list-style-type: none; margin: 0px; padding: 0px; } .summary-block .summary-item:not(:last-child) { margin-bottom: 24px; } .summary-block .summary-collection-title { display: none; } .summary-block .summary-thumbnail { overflow: hidden; height: 150px; } .summary-block .summary-title { font-size: 1.2em; } .summary-block .summary-content-below-thumbnail .summary-title { margin: 1e= m 0px 0px; } .summary-block .summary-excerpt { margin: 0.75em 0px; } .summary-block .summary-excerpt p { font-size: 0.9em; } .summary-block .timestamp { display: block; font-size: 0.8em; text-transfor= m: uppercase; } .summary-block .summary-more-link { display: none; margin-left: 3px; } .sqs-block-horizontalrule hr { border: none; color: rgb(187, 187, 187); bac= kground-color: rgb(187, 187, 187); height: 1px; } .product-block .image-container { position: relative; display: block; width= : 100%; } .product-block .image-container a { display: block; width: 100%; line-heigh= t: 0; } .product-block .image-container img { width: 100%; max-width: 100%; } .product-block .image-container img:not(.loaded) .sqs-product-mark-wrapper = .sqs-product-quick-view-button-wrapper { opacity: 0 !important; } .product-block .image-container .product-mark { position: absolute; top: 15= px; right: 0px; background: rgb(34, 34, 34); padding: 6px 8px; color: rgb(2= 55, 255, 255); line-height: 1em; text-transform: uppercase; -webkit-font-sm= oothing: antialiased; } .product-block .image-container .sqs-product-block-variant-image { display:= none; width: 100%; line-height: 0; } .product-block .image-container .sqs-product-block-variant-image.shown { di= splay: block; } .product-block .image-container .sqs-product-block-variant-image.shown ~ .s= qs-product-block-main-image { display: none; } .sqs-style-mode-active .product-block.is-product-quick-view-enabled.is-firs= t-product-block .sqs-product-quick-view-button-wrapper { opacity: 1; } .sqs-style-mode-active .product-block.is-product-quick-view-enabled.is-firs= t-product-block .sqs-product-mark-wrapper { opacity: 0; } .product-block .productDetails.center { text-align: center; } .product-block .productDetails.center .sqs-add-to-cart-button-wrapper { mar= gin-left: auto; margin-right: auto; } .product-block .productDetails.right { text-align: right; } .product-block .productDetails.right .sqs-add-to-cart-button-wrapper { marg= in-left: auto; } .product-block .productDetails .product-title { font-size: 1.3em; line-heig= ht: 1em; margin: 1em 0px 0.2em; display: inline-block; } .product-block .productDetails .product-price { font-size: 1.1em; margin: 0= px 0px 1em; } .product-block .productDetails .product-price input { width: 130px; height:= 30px; padding-left: 5px; } .product-block .productDetails .product-price .minimum-price { margin-top: = 3px; margin-left: 10px; } .product-block .productDetails .product-price .original-price { text-decora= tion: line-through; opacity: 0.7; } .product-block .productDetails .product-price .strikeout { text-decoration:= line-through; } .product-block .productDetails .product-variants .variant-option { margin: = 0px 0px 1em; } .product-block .productDetails .product-variants .variant-out-of-stock { co= lor: rgb(204, 0, 0); margin-top: 8px; } .product-block .productDetails .product-variants .variant-radiobtn-wrapper = { display: none; } .product-block .productDetails .product-quantity-input input { background-c= olor: rgb(255, 255, 255); color: rgb(34, 34, 34); } .product-block .productDetails .product-scarcity { margin-top: 1em; font-si= ze: 1.1em; } .product-block .buy-button, .product-block .sqs-add-to-cart-button-wrapper = { margin: 20px 0px; display: block; } .product-block .buy-button:hover, .product-block .sqs-add-to-cart-button-wr= apper:hover { opacity: 1; } .product-block .sqs-add-to-cart-button { display: inline-block; width: auto= ; height: auto; padding: 1em 2.5em; color: rgb(255, 255, 255); background-c= olor: rgb(39, 39, 39); border-width: 0px; font-family: "Helvetica Neue", He= lvetica, Arial, sans-serif; font-size: 12px; line-height: 1em; font-weight:= normal; font-style: normal; text-transform: uppercase; letter-spacing: 0px= ; text-align: center; text-decoration: none; cursor: pointer; appearance: n= one; } .sqs-block-accordion .accordion-items-container { margin: 0px; padding: 0px= ; list-style-type: none; } .sqs-block-accordion .accordion-item { padding: 0px; margin: 0px; position:= relative; } .sqs-block-accordion .accordion-divider { background-color: currentcolor; } .sqs-block-accordion .accordion-items-container:not([data-is-last-divider-v= isible=3D"true"]) .accordion-item:last-of-type .accordion-divider { display= : none; } .sqs-block-accordion .accordion-item__title-wrapper { margin: 0px; padding:= 0px; } .sqs-block-accordion .accordion-item__title { flex: 1 1 0%; } .sqs-block-accordion [data-accordion-title-alignment=3D"center"] .accordion= -item__title { text-align: center; } .sqs-block-accordion [data-accordion-title-alignment=3D"right"] .accordion-= item__title { text-align: right; } .sqs-block-accordion .accordion-item__click-target { box-sizing: border-box= ; width: 100%; background: transparent; border: none; display: flex; justif= y-content: space-between; align-items: center; text-align: left; appearance= : none; font-family: inherit; font-size: inherit; font-weight: inherit; fon= t-style: inherit; text-transform: inherit; letter-spacing: inherit; color: = inherit; touch-action: manipulation; } .sqs-block-accordion [data-accordion-icon-placement=3D"left"] .accordion-it= em__click-target { flex-direction: row-reverse; } .sqs-block-accordion .accordion-item__click-target > * { margin: 0px; } .sqs-block-accordion .accordion-item__dropdown { box-sizing: border-box; di= splay: none; overflow: hidden; } .sqs-block-accordion .accordion-item__dropdown--pre-open { position: absolu= te; left: 0px; top: 0px; display: block; visibility: hidden; width: 100%; t= ransition: none 0s ease 0s; height: auto; } .sqs-block-accordion .accordion-item__dropdown--open { display: block; } .sqs-block-accordion .accordion-item__description { box-sizing: border-box;= } .sqs-block-accordion [data-accordion-description-placement=3D"center"] .acc= ordion-item__description { margin-left: auto; margin-right: auto; } .sqs-block-accordion [data-accordion-description-placement=3D"right"] .acco= rdion-item__description { margin-left: auto; } .sqs-block-accordion [data-accordion-description-alignment=3D"center"] .acc= ordion-item__description { text-align: center; } .sqs-block-accordion [data-accordion-description-alignment=3D"right"] .acco= rdion-item__description { text-align: right; } .sqs-block-accordion .accordion-item__title > :first-of-type, .sqs-block-ac= cordion .accordion-item__description > :first-of-type { margin-top: 0px; } .sqs-block-accordion .accordion-item__title > :last-of-type, .sqs-block-acc= ordion .accordion-item__description > :last-of-type { margin-bottom: 0px; } .sqs-block-accordion .accordion-icon-container { position: relative; } .sqs-block-accordion .accordion-icon-container > * { position: absolute; wi= dth: 100%; height: 100%; left: 0px; top: 0px; display: flex; justify-conten= t: center; align-items: center; } .sqs-block-accordion .plus__horizontal-line, .sqs-block-accordion .plus__ve= rtical-line { display: block; width: 100%; background-color: currentcolor; = transition: transform 0.2s ease 0s; position: absolute; } .sqs-block-accordion .plus__vertical-line { transform: rotate(90deg); } .sqs-block-accordion .accordion-item[data-is-open=3D"true"] .plus__vertical= -line { transform: rotate(0deg); } .sqs-block-accordion .arrow-container { transition: transform 0.2s ease 0s;= } .sqs-block-accordion .accordion-item[data-is-open=3D"true"] .arrow-containe= r { transform: rotate(-180deg); } .sqs-block-accordion .arrow { border-right-color: currentcolor; border-bott= om-color: currentcolor; border-style: none solid solid none; border-top-wid= th: initial; border-top-color: initial; border-left-width: initial; border-= left-color: initial; box-sizing: border-box; transform: translateY(-25%) ro= tate(45deg); width: 70.7107%; height: 70.7107%; } @media (prefers-reduced-motion: reduce) { .sqs-block-accordion .accordion-item__dropdown, .sqs-block-accordion .plu= s__vertical-line, .sqs-block-accordion .arrow-container { transition: none = 0s ease 0s !important; } } .sqs-block-archive .archive-group-list, .sqs-block-archive .archive-item-li= st { list-style-type: none; margin: 0px; padding: 0px; } .sqs-block-archive .archive-group-count::before { content: "("; } .sqs-block-archive .archive-group-count::after { content: ")"; } .sqs-block-archive .archive-block-setting-layout-list.archive-block-setting= -text-alignment-center, .sqs-block-archive .archive-block-setting-layout-in= dex.archive-block-setting-text-alignment-center { text-align: center; } .sqs-block-archive .archive-block-setting-layout-list.archive-block-setting= -text-alignment-right, .sqs-block-archive .archive-block-setting-layout-ind= ex.archive-block-setting-text-alignment-right { text-align: right; } .sqs-block-archive .archive-block-setting-layout-list.archive-block-setting= -multicolumns .archive-group-list { columns: 140px; column-gap: 60px; } .sqs-block-archive .archive-block-setting-layout-index .archive-group-name-= link { font-size: 1.4em; line-height: 1.4em; text-decoration: none; } .sqs-block-archive .archive-block-setting-layout-index .archive-item-list {= display: block; margin: 1.4em 0px 2.8em; font-size: 1em; line-height: 1.4e= m; } .sqs-block-archive .archive-block-setting-layout-index .archive-item { marg= in: 0px 0px 0.7em; } .sqs-block-archive .archive-block-setting-layout-index .archive-item.archiv= e-item--show-date { margin: 0px 0px 1.4em; } .sqs-block-archive .archive-block-setting-layout-index .archive-item-date-b= efore { display: none; opacity: 0.7; margin-right: 5px; } .sqs-block-archive .archive-block-setting-layout-index .archive-item-link {= display: block; margin-right: 5px; color: inherit !important; } .sqs-block-archive .archive-block-setting-layout-index .archive-item-link--= untitled::before { content: "Untitled"; } .sqs-block-archive .archive-block-setting-layout-index .archive-item-date-a= fter { display: block; opacity: 0.7; } .sqs-block-archive .archive-block-setting-layout-index.archive-block-settin= g-multicolumns .archive-group-list { columns: 200px; column-gap: 60px; } .sqs-block-archive .archive-block-setting-layout-index.archive-block-settin= g-multicolumns .archive-group { break-inside: avoid; display: block; overfl= ow: hidden; } .sqs-block-archive .archive-block-setting-layout-index.archive-block-settin= g-multicolumns .archive-group-name-link { display: block; } .sqs-block-archive .archive-block-setting-layout-index.archive-block-settin= g-multicolumns .archive-group-name-list { display: inline-block; } .sqs-block-archive .archive-block-setting-layout-index.archive-block-settin= g-multicolumns .archive-group-name-link, .sqs-block-archive .archive-block-= setting-layout-index.archive-block-setting-multicolumns .archive-item-list = { min-width: 225px; } .sqs-block-archive .archive-block-setting-layout-dropdown.archive-block-wra= pper { max-width: 300px; background: rgba(110, 110, 110, 0.05); border-radi= us: 1px; } .sqs-block-archive .archive-block-setting-layout-dropdown .archive-dropdown= -toggle-label { display: block; padding: 12px 18px; font-size: 1em; line-he= ight: 1.6em; cursor: pointer; overflow: hidden; user-select: none; list-sty= le: none; } .sqs-block-archive .archive-block-setting-layout-dropdown .archive-dropdown= -toggle-label::-webkit-details-marker { display: none; } .sqs-block-archive .archive-block-setting-layout-dropdown .archive-dropdown= -toggle-title { float: left; width: 90%; padding-right: 5px; overflow: hidd= en; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; } .sqs-block-archive .archive-block-setting-layout-dropdown .archive-dropdown= -toggle-icon { position: relative; bottom: 1px; float: right; width: 10%; t= ext-align: right; box-sizing: border-box; } .sqs-block-archive .archive-block-setting-layout-dropdown .archive-dropdown= -toggle-icon::before { font-family: squarespace-ui-font; font-style: normal= ; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; co= ntent: "=EE=80=89"; text-align: center; display: inline-block; vertical-ali= gn: middle; } .sqs-block-archive .archive-block-setting-layout-dropdown .archive-dropdown= -toggle-icon::before { font-size: 16px; width: 16px; height: 16px; line-hei= ght: 16px; } .sqs-block-archive .archive-block-setting-layout-dropdown .archive-dropdown= -toggle-icon::before { font-size: 1em; width: 1em; height: 1em; line-height= : 1em; } .sqs-block-archive .archive-block-setting-layout-dropdown[open] .archive-dr= opdown-toggle-icon::before { font-family: squarespace-ui-font; font-style: = normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialias= ed; content: "=EE=80=86"; text-align: center; display: inline-block; vertic= al-align: middle; } .sqs-block-archive .archive-block-setting-layout-dropdown[open] .archive-dr= opdown-toggle-icon::before { font-size: 16px; width: 16px; height: 16px; li= ne-height: 16px; } .sqs-block-archive .archive-block-setting-layout-dropdown .archive-group-li= st { padding: 0px 18px 12px; } .sqs-block-archive .archive-block-setting-layout-dropdown .archive-group-na= me-link { text-decoration: none; } @media only screen and (max-width: 400px) { .sqs-block-archive .archive-block-setting-layout-dropdown.archive-block-w= rapper { max-width: none; } } .sqs-block-archive.sqs-edit-dialog-open .sqs-editing-overlay, .sqs-block-ar= chive.sqs-edit-dialog-open .sqs-block-editor-button-container { z-index: 1;= } .sqs-block-archive.sqs-edit-dialog-open .sqs-block-archive-content { positi= on: relative; z-index: 1000; } .sqs-block-archive.sqs-edit-dialog-open .archive-group-list { pointer-event= s: none; } .tagcloud-block ul { list-style-type: none; margin: 0px; padding-left: 0px;= } .tagcloud-block ul li { display: inline-block; } .sqs-block-shape .sqs-block-content, .sqs-block-shape .sqs-block-alignment-= wrapper { height: 100%; } .sqs-block-shape .sqs-block-alignment-wrapper { display: flex; } .sqs-block-shape .sqs-shape { display: block; position: absolute; overflow:= visible; } .sqs-block-shape .sqs-shape-block-container { position: relative; } .sqs-block-postsbycategory ul, .sqs-block-postsbyauthor ul, .sqs-block-post= sbytag ul, .sqs-block-postsbymonth ul { list-style-type: none; margin: 0px;= padding: 0px; } .sqs-block-postsbycategory ul li, .sqs-block-postsbyauthor ul li, .sqs-bloc= k-postsbytag ul li, .sqs-block-postsbymonth ul li { margin: 0px 0px 0.3em; = padding: 0px; } .sqs-block-postsbycategory .count, .sqs-block-postsbyauthor .count, .sqs-bl= ock-postsbytag .count, .sqs-block-postsbymonth .count { display: none; } .Marquee { position: relative; display: flex; align-items: center; justify-= content: center; width: 100%; overflow: hidden; z-index: auto; background-c= olor: transparent; } .Marquee h1, .Marquee p { margin: 0px; min-height: 0px; line-height: 1.4 !i= mportant; } .Marquee-svg { display: block; width: 100%; font-size: inherit; } .Marquee-hitbox { position: relative; display: block; width: 100%; } .Marquee-hitbox:focus .Marquee-path-hitbox-focus-outline { stroke: currentc= olor; } .Marquee-hitbox:focus:not(:focus-visible) .Marquee-path-hitbox-focus-outlin= e { stroke: initial; } .Marquee-display { flex-grow: 1; flex-shrink: 0; } .Marquee-display.fade-edges { -webkit-mask-image: linear-gradient(to right,= transparent 0%, rgb(0, 0, 0) 15%, rgb(0, 0, 0) 85%, transparent 100%); } .Marquee-measure { display: inline-flex; align-items: center; width: max-co= ntent; min-height: 1em; visibility: hidden; position: absolute; } .Marquee-group { display: flex; flex-grow: 0; flex-shrink: 0; } .Marquee-measure, .Marquee-group { min-width: 50px; } .Marquee-item { display: flex; align-items: center; justify-content: center= ; flex-grow: 0; flex-shrink: 0; } .Marquee-track { position: absolute; top: 0px; left: 0px; width: 100%; heig= ht: 100%; } .Marquee-track { pointer-events: none; } .Marquee-track .Marquee-track-item { position: absolute; top: 0px; left: 0p= x; width: 0px; height: 0px; } .Marquee-track-item .Marquee-item { padding: 0px; transform: translate3d(-5= 0%, calc(-50% - 0.4em), 0px); } .amazon-block .image-container { position: relative; display: block; width:= 100%; } .amazon-block .image-container a { display: block; width: 100%; line-height= : 0; } .amazon-block .image-container img { width: 100%; max-width: 100%; } .amazon-block .amazon-details.center { text-align: center; } .amazon-block .amazon-details.right { text-align: right; } .amazon-block .amazon-details .title { font-size: 1.3em; line-height: 1em; = margin: 1em 0px 0.2em; display: inline-block; } .amazon-block .amazon-details .price { font-size: 1.1em; margin: 0px 0px 1e= m; } .amazon-block .amazon-details .price .original-price { text-decoration: lin= e-through; opacity: 0.7; } .amazon-block .buy-button { margin: 20px 0px; display: block; } .amazon-block .buy-button:hover { opacity: 1; } .amazon-block .sqs-amazon-button { display: inline-block; width: auto; heig= ht: auto; padding: 1em 2.5em; color: rgb(255, 255, 255); background-color: = rgb(39, 39, 39); border-width: 0px; font-family: "Helvetica Neue", Helvetic= a, Arial, sans-serif; font-size: 12px; line-height: 1em; font-weight: norma= l; font-style: normal; letter-spacing: 0px; text-align: center; text-decora= tion: none; cursor: pointer; appearance: none; text-transform: none; } .amazon-block .center .sqs-amazon-button { text-align: center; } .amazon-block .right .sqs-amazon-button { text-align: right; } .pricing-plan-block { min-height: 44px; } .pricing-plan-block .sqs-editable-button { display: inline-block; width: au= to; height: auto; padding: 1em 2.5em; color: rgb(255, 255, 255); background= -color: rgb(39, 39, 39); border-width: 0px; font-family: "Helvetica Neue", = Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1em; font-weigh= t: normal; font-style: normal; text-transform: uppercase; letter-spacing: 0= px; text-align: center; text-decoration: none; cursor: pointer; appearance:= none; } .pricing-plan-block .pricing-plan-pricing-toggle-wrapper { display: flex; j= ustify-content: flex-start; } .pricing-plan-block .pricing-plan-pricing-toggle-wrapper.hide { display: no= ne; } .pricing-plan-block .pricing-plan-pricing-toggle-wrapper.toggle-left { just= ify-content: flex-start; } .pricing-plan-block .pricing-plan-pricing-toggle-wrapper.toggle-center { ju= stify-content: center; } .pricing-plan-block .pricing-plan-pricing-toggle-wrapper.toggle-right { jus= tify-content: flex-end; } .pricing-plan-block .pricing-plan-pricing-options { display: grid; grid-tem= plate-columns: repeat(2, 1fr); list-style-type: none; padding: 0px; margin:= 0px; } .pricing-plan-block .pricing-plan-pricing-options .sqs-editable-button.pric= ing-plan-pricing-option-button { width: 100%; height: 100%; text-align: cen= ter; border-radius: 0px; color: rgb(39, 39, 39); border: 1px solid rgb(39, = 39, 39); background-color: transparent; padding: 0.6em 1.1em !important; } @media (hover: hover) { .pricing-plan-block .pricing-plan-pricing-options .sqs-editable-button.pr= icing-plan-pricing-option-button:hover { opacity: 1; color: rgb(255, 255, 2= 55); background-color: rgb(39, 39, 39); } } .pricing-plan-block .pricing-plan-pricing-options .sqs-editable-button.pric= ing-plan-pricing-option-selected { color: rgb(255, 255, 255); background-co= lor: rgb(39, 39, 39); } .pricing-plan-block .pricing-plan-pricing-options .left-option { } .pricing-plan-block .pricing-plan-pricing-options .right-option { } .pricing-plan-block .hide, .pricing-plan-block .join-button.hide { display:= none; } .pricing-plan-block .below-pricing-toggle { margin-top: 33px; } body .pricing-plan-pricing-toggle-wrapper .pricing-plan-pricing-options .pr= icing-plan-pricing-option-button.sqs-editable-button.sqs-system-button.left= -button { border-radius: 300px 0px 0px 300px; } body .pricing-plan-pricing-toggle-wrapper .pricing-plan-pricing-options .pr= icing-plan-pricing-option-button.sqs-editable-button.sqs-system-button.righ= t-button { border-radius: 0px 300px 300px 0px; } .primary-button-style-outline .sqs-block-pricing-plan .pricing-plan-pricing= -options .sqs-editable-button.pricing-plan-pricing-option-button { border-w= idth: 2px; } .product-block .productDetails div.product-title.pricing-plan-title { font-= size: 1.5em; margin-top: 33px; margin-bottom: 11px; -webkit-line-clamp: 6; = -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; line-= height: normal; } .pricing-plan-price-amount { font-size: 2em; margin-top: 11px; line-height:= 90%; } .pricing-plan-price-billing-period { font-size: 1em; opacity: 0.75; margin-= bottom: 22px; margin-top: 11px; } .product-block .productDetails .product-price.pricing-plan-product-price { = margin: 0px 0px 12px; line-height: normal; } .product-block .productDetails .product-price.pricing-plan-product-price.be= low-pricing-toggle { margin-top: 33px; } .pricing-plan-description { margin: 0px 0px 22px; line-height: normal; font= -size: 1em; } .pricing-plan-benefits-divider { margin-top: 22px; margin-bottom: 22px; } .pricing-plan-benefit-description:not(:last-child) { margin-bottom: 6px; } div.sqs-block-opentable-v2 { overflow-wrap: break-word; } div.sqs-block-opentable-v2 .ot-dtp-picker { margin: auto; width: auto; back= ground: none; } div.sqs-block-opentable-v2 .ot-dtp-picker-selector { background: rgba(0, 0,= 0, 0.12); border: none; } div.sqs-block-opentable-v2 .ot-dtp-picker-selector, div.sqs-block-opentable= -v2 .ot-dtp-picker-button { max-width: 200px; width: 100% !important; } div.sqs-block-opentable-v2 .ot-dtp-picker form.ot-dtp-picker-form { border:= none; background: none; height: auto !important; } div.sqs-block-opentable-v2 .ot-dtp-picker.wide { margin: auto; width: auto;= } div.sqs-block-opentable-v2 .ot-dtp-picker.wide .ot-powered-by { background-= size: contain; background-position: center center; margin: 20px 0px 0px; } div.sqs-block-opentable-v2 .ot-dtp-picker-selector-link { background: rgb(2= 55, 255, 255); color: rgb(0, 0, 0); overflow: hidden; white-space: nowrap; = } div.sqs-block-opentable-v2 .oc-loading { text-align: center; font-family: s= ans-serif; line-height: 180px; } div.sqs-block-opentable-v2 a { text-decoration: none !important; } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper { backgro= und: rgba(153, 153, 153, 0.15); padding: 30px; opacity: 0; transition: opac= ity 0.3s ease-out 0s; } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper iframe { = display: block; margin: 0px auto; } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper h1 { font= -weight: normal; text-align: center; line-height: 1em; margin: 0px; } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper.loading {= min-height: 270px; } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper.loaded { = opacity: 1; } div.sqs-block-opentable-v2 .squarespace-opentable-button-wrapper .ot-dtp-pi= cker-button { color: rgb(255, 255, 255); background: rgb(0, 0, 0); } div.sqs-block-opentable-v2 h1 { color: rgb(17, 17, 17); } div.sqs-block-opentable-v2 .squarespace-opentable-picker-wrapper { display:= flex; justify-content: center; flex-wrap: wrap; margin: 10px 0px; } div.sqs-block-opentable-v2 .squarespace-opentable-picker-wrapper .ot-dtp-pi= cker-selector { margin: 10px; border-left: none !important; } @media only screen and (max-width: 650px) { div.sqs-block-opentable-v2 .squarespace-opentable-picker-wrapper { displa= y: block; margin: 0px; } div.sqs-block-opentable-v2 .squarespace-opentable-picker-wrapper .ot-dtp-= picker-selector { margin: 20px auto; float: none !important; } } div.sqs-block-opentable-v2 .squarespace-opentable-button-wrapper { text-ali= gn: center; display: block; } div.sqs-block-opentable-v2 .squarespace-opentable-button-wrapper .ot-button= { line-height: 1em; display: inline; float: none !important; } div.sqs-block-opentable-v2 .squarespace-opentable-button-wrapper .ot-dtp-pi= cker-button { box-shadow: none; border: none; border-radius: 0px !important= ; } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper.opentable= -block-hide-icons .ot-dtp-picker-selector-link { padding-left: 0.875rem; } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper.opentable= -block-hide-icons .ot-dtp-picker-selector-link::before { display: none; } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper.opentable= -block-hide-title .squarespace-ot-title { display: none !important; } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper.opentable= -block-hide-title .squarespace-opentable-picker-wrapper { margin-top: -10px= ; } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper.opentable= -block-hide-logo .ot-powered-by { display: none; } .field-error { border-radius: 2px; background: url("//assets.squarespace.co= m/universal/images-v6/standard/icon_close_7_light.png") 9px 50% no-repeat r= gb(204, 59, 59); color: rgb(255, 255, 255); display: inline-block; font-siz= e: 13px; line-height: 23px; margin: 12px 0px; padding: 5px 15px 3px 25px; } .form-wrapper .form-submission-text:focus:not(:focus-visible), .form-wrappe= r .form-submission-html:focus:not(:focus-visible), .form-wrapper .field-err= or:focus:not(:focus-visible) { outline: none; } .form-wrapper .field-list { line-height: normal; } .form-wrapper .field-list fieldset, .form-wrapper .field-list legend { marg= in: 0px; padding: 0px; border: 0px; } .form-wrapper .field-list textarea { min-height: 100px; resize: vertical; } .form-wrapper .field-list textarea.medium { min-height: 200px; } .form-wrapper .field-list textarea.large { min-height: 300px; } .form-wrapper .field-list .section { margin: 2em 0px; padding-bottom: 0.3em= ; font-size: 0.9em; } .form-wrapper .field-list .section.underline { border-bottom: 1px solid rgb= (153, 153, 153); } .form-wrapper .field-list .section:nth-child(1) { margin: 0px 0px 2em; } .form-wrapper .field-list .title { display: block; } .form-wrapper .field-list .description { padding: 0.5em 0px; font-size: 12p= x; opacity: 0.7; display: block; white-space: pre-wrap; } .form-wrapper .field-list .field { position: relative; margin: 0px 0px 24px= ; } .form-wrapper .field-list .field .caption { font-size: 12px; } .form-wrapper .field-list .field .caption .field-element { font-size: 14px;= } .form-wrapper .field-list .field .field-element { width: 100%; padding: 12p= x; margin: 6px 0px 4px; border: 1px solid rgb(204, 204, 204); background: r= gb(250, 250, 250); color: rgb(0, 0, 0); font-family: sans-serif; font-size:= 12px; line-height: normal; box-sizing: border-box; border-radius: 2px; } .form-wrapper .field-list .field .field-element:focus { background: rgb(255= , 255, 255); transition: background 0.1s ease-in 0s; } .form-wrapper .field-list .field select { margin: 6px 0px 4px; max-width: 1= 00%; } .form-wrapper .field-list .field .prefix { position: absolute; bottom: 16px= ; left: 8px; color: rgb(170, 170, 170); font-family: sans-serif; font-size:= 13px; line-height: 16px; } .form-wrapper .field-list .field.twitter .field-element { padding-left: 22p= x; } .form-wrapper .field-list .field.currency.hassymbol .field-element { paddin= g-left: 20px; } .form-wrapper .field-list .field.website .field-element { padding-left: 45p= x; } .form-wrapper .field-list .field.checkbox label, .form-wrapper .field-list = .field.radio label { cursor: pointer; } .form-wrapper .field-list .field.checkbox input, .form-wrapper .field-list = .field.radio input { margin-right: 5px; } .form-wrapper .field-list .field .option { margin: 6px 0px 4px; font-size: = 13px; } .form-wrapper .field-list .field.likert .item { margin: 1.6em 0px; } .form-wrapper .field-list .field.likert .question { margin: 0px 0px 0.5em; = font-size: 0.9em; } .form-wrapper .field-list .field.likert .option { width: 20%; float: left; = text-align: left; border-top: 1px solid rgb(221, 221, 221); } .form-wrapper .field-list .field.likert .option label { margin: 0px; paddin= g: 0px 0px 0px 1px; font-size: 0.9em; display: block; cursor: pointer; } .form-wrapper .field-list .field.likert .option input { margin: 10px 0px; d= isplay: block; } .form-wrapper .field-list .field.likert .option:last-of-type { border-right= : none; } .form-wrapper .field-list .fields { margin: 0px 0px 0px -2%; } .form-wrapper .field-list .fields .title, .form-wrapper .field-list .fields= .description, .form-wrapper .field-list .fields .field, .form-wrapper .fie= ld-list .fields .field-error { margin-left: 2%; } .form-wrapper .field-list .fields .field { float: left; } .form-wrapper .field-list .fields .field.two-digits { width: 3.5em; } .form-wrapper .field-list .fields .field.three-digits { width: 4.2em; } .form-wrapper .field-list .fields .field.four-digits { width: 4.8em; } .form-wrapper .field-list .fields .field.ampm { width: 4.5em; } .form-wrapper .field-list .fields.name .field { width: 48%; } .form-wrapper .field-list .fields.address .field.address1, .form-wrapper .f= ield-list .fields.address .field.address2 { width: 98%; } .form-wrapper .field-list .fields.address .field.city { width: 70%; } .form-wrapper .field-list .fields.address .field.state-province { width: 26= %; } .form-wrapper .field-list .fields.address .field.zip { width: 36%; } .form-wrapper .field-list .fields.address .field.country { width: 98%; } .form-wrapper .field-list .fields.payment .field.card-expiry-month { width:= 40%; } .form-wrapper .field-list .fields.payment .field.card-expiry-year { width: = 40%; } .form-wrapper .field-list .form-item.error, .form-wrapper .field-list .form= -item.error .caption, .form-wrapper .field-list .form-item.error .title, .f= orm-wrapper .field-list .form-item.error .description { color: rgb(189, 0, = 0); } .form-wrapper .field-list .form-item.error input, .form-wrapper .field-list= .form-item.error textarea { border: 1px solid rgb(233, 146, 146); } .form-wrapper .form-button-wrapper--align-left { text-align: left; } .form-wrapper .form-button-wrapper--align-center { text-align: center; } .form-wrapper .form-button-wrapper--align-right { text-align: right; } .form-wrapper input[type=3D"submit"] { display: inline-block; width: auto; = height: auto; padding: 1em 2.5em; color: rgb(255, 255, 255); background-col= or: rgb(39, 39, 39); border-width: 0px; font-family: "Helvetica Neue", Helv= etica, Arial, sans-serif; line-height: 1em; font-weight: normal; font-style= : normal; letter-spacing: 0px; text-align: center; text-decoration: none; c= ursor: pointer; appearance: none; font-size: 14px; text-transform: none; } .form-wrapper .form-submission-text { margin-top: 20px; } .form-wrapper .field .field-error { margin-bottom: 0.5em; } .form-wrapper .submitting .field-list { opacity: 0.7; } .form-wrapper .hidden, .form-wrapper.hidden { display: none; } .form-block .lightbox-handle-wrapper--align-left { text-align: left; } .form-block .lightbox-handle-wrapper--align-center { text-align: center; } .form-block .lightbox-handle-wrapper--align-right { text-align: right; } .form-block .lightbox-handle { display: inline-block; width: auto; height: = auto; padding: 1em 2.5em; color: rgb(255, 255, 255); background-color: rgb(= 39, 39, 39); border-width: 0px; font-family: "Helvetica Neue", Helvetica, A= rial, sans-serif; line-height: 1em; font-weight: normal; font-style: normal= ; letter-spacing: 0px; text-align: center; text-decoration: none; cursor: p= ointer; appearance: none; font-size: 14px; text-transform: none; } .sqs-modal-lightbox { width: 100%; font-size: 14px; text-transform: none; f= ont-style: normal; text-decoration: none; } .sqs-modal-lightbox-content { z-index: 100000000; position: absolute; heigh= t: 100%; width: 100%; top: 0px; } .sqs-modal-lightbox-content .lightbox-background { position: absolute; top:= 0px; width: 100%; height: 100%; background: rgb(0, 0, 0); opacity: 0.4; } .sqs-modal-lightbox-content .lightbox-inner { position: fixed; overflow: au= to; width: 100%; height: 100%; top: 0px; } .sqs-modal-lightbox-content .lightbox-inner .lightbox-content { max-width: = 600px; margin: 0px auto; position: relative; padding: 40px; background: rgb= (255, 255, 255); } .sqs-modal-lightbox-content .lightbox-inner .lightbox-content .form-wrapper= { color: rgb(34, 34, 34); font-family: inherit; } .sqs-modal-lightbox-content .lightbox-inner .lightbox-content .form-wrapper= .form-title { font-size: 22px; line-height: 1.2em; margin-right: 22px; col= or: rgb(51, 51, 51); } .sqs-modal-lightbox-content .lightbox-inner .lightbox-content .form-wrapper= .form-inner-wrapper form { margin-top: 55px; } .sqs-modal-lightbox-content .lightbox-inner .lightbox-content .form-wrapper= .form-inner-wrapper form .radio .option { margin-left: 1px; } .sqs-modal-lightbox-content .lightbox-inner .lightbox-content .lightbox-clo= se { position: absolute; color: rgb(51, 51, 51); font-size: 22px; font-fami= ly: Arial, Helvetica, sans-serif; font-style: normal; width: 22px; line-hei= ght: 22px; top: 40px; right: 40px; text-align: center; cursor: pointer; } @media only screen and (max-width: 600px) { .sqs-modal-lightbox .sqs-modal-lightbox-content { height: 100vh; } .sqs-modal-lightbox .lightbox-inner { background: rgb(255, 255, 255); } .sqs-modal-lightbox .lightbox-inner .lightbox-content { margin-top: 0px != important; } .sqs-modal-lightbox .lightbox-inner .lightbox-content .form-wrapper input= , .sqs-modal-lightbox .lightbox-inner .lightbox-content .form-wrapper selec= t, .sqs-modal-lightbox .lightbox-inner .lightbox-content .form-wrapper text= area { font-size: max(16px, 1rem) !important; } } html.sqs-modal-lightbox-open, html.sqs-modal-lightbox-open body { overflow:= hidden; } .sqs-block-collectionlink .collectionlink-thumbnail, .link-block .collectio= nlink-thumbnail { overflow: hidden; height: 150px; } .sqs-block-collectionlink .collectionlink-thumbnail a, .link-block .collect= ionlink-thumbnail a { display: block; height: 100%; } .sqs-block-collectionlink .collectionlink-title, .link-block .collectionlin= k-title { font-size: 1.2em; } .sqs-block-collectionlink .collectionlink-title a, .link-block .collectionl= ink-title a { display: block; } .sqs-block-collectionlink .collectionlink-content-below-thumbnail .collecti= onlink-title, .link-block .collectionlink-content-below-thumbnail .collecti= onlink-title { margin: 1em 0px 0px; } .sqs-block-collectionlink .collectionlink-description, .link-block .collect= ionlink-description { margin: 0.75em 0px; } .sqs-block-collectionlink .collectionlink-description p, .link-block .colle= ctionlink-description p { font-size: 0.9em; } .sqs-block-collectionlink .collection-more-link, .link-block .collection-mo= re-link { display: none; margin-left: 3px; } .sqs-block-collectionlink .sqs-blockStatus + .collectionlink-content, .link= -block .sqs-blockStatus + .collectionlink-content { display: none; } .sqs-block-tourdates .sqs-spin { position: absolute; top: 50px; left: 50%; = margin-left: -15px; } .sqs-widget.sqs-tourdates-bandsintown-list.loading .sqs-tourdates { min-hei= ght: 150px; } .sqs-tourdates__item:not(:last-of-type) { border-bottom: 1px solid rgba(130= , 130, 130, 0.15); } .sqs-tourdates__item { padding: 17px 0px; } .sqs-tourdates__item:first-of-type { padding-top: 0px; } .sqs-tourdates__item, .sqs-tourdates__venuelocation { display: flex; flex-d= irection: row; justify-content: space-between; } .sqs-tourdates--info--column .sqs-tourdates__info, .sqs-tourdates--venueloc= ation--column .sqs-tourdates__venuelocation { flex-direction: column; } .sqs-tourdates__info { display: flex; flex-grow: 1; flex-wrap: wrap; } .sqs-tourdates__timeframe, .sqs-tourdates__venue, .sqs-tourdates__location = { box-sizing: border-box; padding-right: 1em; } .sqs-tourdates__date { margin-right: 5px; } .sqs-tourdates__timeframe { min-width: 9em; } .sqs-tourdates__venuelocation { flex-grow: 1; flex-wrap: wrap; min-width: 1= 0em; } .sqs-tourdates__venue, .sqs-tourdates__location { min-width: 50%; } .sqs-tourdates__venueLink { display: block; } .sqs-tourdates { font-size: 16px; line-height: 28px; } .sqs-tourdates__timeframe { white-space: nowrap; font-weight: bold; letter-= spacing: 0.5px; font-size: 13px !important; } .sqs-tourdates__date, .sqs-tourdates__weekday { display: inline-block; text= -transform: uppercase; } .sqs-tourdates__venue-link, .sqs-tourdates__location-link { color: inherit = !important; text-decoration: none !important; } .sqs-tourdates__lineup { font-size: 14px; line-height: 18px; margin-right: = 1em; margin-top: 2px; opacity: 0.6; } .sqs-tourdates__lineup-item { display: inline; } .sqs-tourdates__lineup-item:first-child::before { content: "w/ "; } .sqs-tourdates__lineup-item:not(:last-of-type)::after { content: ", "; } .sqs-tourdates__actions { min-width: 150px; text-align: right; white-space:= nowrap; } .sqs-tourdates__button { width: auto; height: auto; color: rgb(255, 255, 25= 5); background-color: rgb(39, 39, 39); border-width: 0px; font-family: "Hel= vetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-style= : normal; text-transform: uppercase; letter-spacing: 0px; text-align: cente= r; text-decoration: none; cursor: pointer; appearance: none; display: inlin= e-block; line-height: 28px; padding: 0px 12px !important; font-size: 11px != important; } .sqs-tourdates__button:empty { display: none; } .sqs-tourdates__button--disabled.sqs-tourdates__button, .sqs-tourdates__but= ton--soldout.sqs-tourdates__button, .sqs-tourdates__button--disabled.sqs-to= urdates__button:hover, .sqs-tourdates__button--soldout.sqs-tourdates__butto= n:hover { opacity: 0.3; cursor: default; pointer-events: none; } .social-summary-block .state-message.synchronizing { background-image: none= ; padding-left: 15px; } .social-summary-block .state-message.synchronizing .sync-text { float: left= ; margin-left: 10px; } .social-summary-block .state-message.synchronizing .spinner { float: left; = background: url("//assets.squarespace.com/universal/images-v6/icons/icon-se= ttings-16-light.png") center center no-repeat transparent; height: 19px; wi= dth: 19px; animation-duration: 2s; animation-iteration-count: infinite; ani= mation-name: spin-frames; } .sqs-block-spacer .sqs-block-content { visibility: hidden; } h1[data-rte-preserve-empty]:empty::before, h2[data-rte-preserve-empty]:empt= y::before, h3[data-rte-preserve-empty]:empty::before, h4[data-rte-preserve-= empty]:empty::before, h5[data-rte-preserve-empty]:empty::before, h6[data-rt= e-preserve-empty]:empty::before, p[data-rte-preserve-empty]:empty::before {= content: ""; display: inline-block; } ol[data-rte-list] li { counter-increment: rte-list 1; } ol[data-rte-list] li:first-child { counter-reset: rte-list 0; } ul[data-rte-list] li, ol[data-rte-list] li { list-style-type: none; } ul[data-rte-list] li > *, ol[data-rte-list] li > * { margin-top: 0.5em; mar= gin-bottom: 0.5em; } ul[data-rte-list] li > :first-child::before, ol[data-rte-list] li > :first-= child::before { display: inline-block; margin-left: -40px; min-width: 40px;= text-align: right; box-sizing: border-box; } li > :first-child::before { white-space: pre; } ol[data-rte-list] li > :first-child::before { content: " " counter(rte-lis= t) ". "; } ol[data-rte-list=3D"upper-roman"] li > :first-child::before { content: " "= counter(rte-list, upper-roman) ". "; } ol[data-rte-list=3D"upper-alpha"] li > :first-child::before { content: " "= counter(rte-list, upper-alpha) ". "; } ol[data-rte-list=3D"lower-alpha"] li > :first-child::before { content: " "= counter(rte-list, lower-alpha) ". "; } ol[data-rte-list=3D"lower-roman"] li > :first-child::before { content: " "= counter(rte-list, lower-roman) ". "; } ol[data-rte-list=3D"decimal"] li > :first-child::before { content: " " cou= nter(rte-list) ". "; } ul[data-rte-list] li > :first-child::before { padding-right: 10px; content:= "=E2=80=A2"; } ul[data-rte-list=3D"disc"] li > :first-child::before { content: "=E2=80=A2"= ; } ul[data-rte-list=3D"circle"] li > :first-child::before, ul[data-rte-list] u= l[data-rte-list=3D"default"] li > :first-child::before { content: "=E2=97= =8B"; } ul[data-rte-list=3D"square"] li > :first-child::before, ul[data-rte-list] u= l[data-rte-list] ul[data-rte-list=3D"default"] li > :first-child::before { = content: "=E2=96=A0"; } ul[data-rte-list=3D"dash"] li > :first-child::before { content: "-"; } html.touch .sqs-product-quick-view-button-wrapper { display: none !importan= t; } .sqs-product-quick-view-button-wrapper { display: flex; position: absolute;= inset: 0px; width: 100%; height: 100%; text-align: center; z-index: auto; = box-sizing: border-box; } .tweak-product-quick-view-button-position-top .sqs-product-quick-view-butto= n-wrapper { align-items: flex-start; justify-content: center; } .tweak-product-quick-view-button-position-center .sqs-product-quick-view-bu= tton-wrapper { align-items: center; justify-content: center; } .tweak-product-quick-view-button-position-bottom .sqs-product-quick-view-bu= tton-wrapper { align-items: flex-end; justify-content: center; bottom: -1px= ; } .tweak-product-quick-view-button-style-floating.tweak-product-quick-view-bu= tton-position-top .sqs-product-quick-view-button-wrapper { padding-top: 1em= ; } .tweak-product-quick-view-button-style-floating.tweak-product-quick-view-bu= tton-position-bottom .sqs-product-quick-view-button-wrapper { padding-botto= m: 1em; } .no-touch .sqs-product-quick-view-button-hover-area:hover .sqs-product-quic= k-view-button-wrapper .sqs-product-quick-view-button { opacity: 1; } .sqs-product-quick-view-button-wrapper .sqs-product-quick-view-button { opa= city: 0; display: inline-block; position: relative; z-index: 6; width: auto= ; height: auto; padding: 1.5em; color: rgb(255, 255, 255); background-color= : rgb(29, 29, 29); border-width: 0px; line-height: 1em; text-align: center;= text-decoration: none; cursor: pointer; appearance: none; -webkit-font-smo= othing: antialiased; transition: opacity 0.3s ease-in 0s; } .sqs-product-quick-view-button-wrapper .sqs-product-quick-view-button:focus= { opacity: 1; } .sqs-product-quick-view-button-wrapper .sqs-product-quick-view-button:focus= { outline-offset: -4px; outline-color: rgb(255, 255, 255); } .sqs-product-quick-view-button-wrapper .sqs-product-quick-view-button:focus= :not(:focus-visible) { outline-color: transparent; } .tweak-product-quick-view-button-style-bar .sqs-product-quick-view-button-w= rapper .sqs-product-quick-view-button { width: 100%; } .sqs-product-quick-view-lightbox .sqs-product-quick-view-content { padding:= 15px; } .tweak-product-item-gallery-position-left .sqs-product-quick-view-lightbox = .sqs-product-quick-view-content .ProductItem-details { padding: 30px 30px 3= 0px 45px; } .tweak-product-item-gallery-position-right .sqs-product-quick-view-lightbox= .sqs-product-quick-view-content .ProductItem-details { padding: 30px 45px = 30px 30px; } .sqs-product-quick-view-lightbox .ProductItem-gallery { width: 60%; } .sqs-product-quick-view-lightbox .ProductItem-details { width: 40%; } .sqs-product-quick-view-lightbox a.ProductItem-details-title-link { border:= none; color: inherit; text-decoration: none; } .tweak-product-quick-view-lightbox-excerpt-display-hide .sqs-product-quick-= view-lightbox .ProductItem-details-excerpt { display: none; } .sqs-product-quick-view-lightbox-next-button, .sqs-product-quick-view-light= box-prev-button, .sqs-product-quick-view-lightbox-close-button { border: no= ne; padding: 0px; background-color: transparent; position: fixed; width: 25= px; height: 25px; cursor: pointer; user-select: none; display: flex; align-= items: center; justify-content: center; } .sqs-product-quick-view-lightbox-next-button svg, .sqs-product-quick-view-l= ightbox-prev-button svg, .sqs-product-quick-view-lightbox-close-button svg = { width: 100%; height: 100%; } .sqs-product-quick-view-lightbox-next-button line, .sqs-product-quick-view-= lightbox-prev-button line, .sqs-product-quick-view-lightbox-close-button li= ne, .sqs-product-quick-view-lightbox-next-button polyline, .sqs-product-qui= ck-view-lightbox-prev-button polyline, .sqs-product-quick-view-lightbox-clo= se-button polyline { stroke: rgb(29, 29, 29); } .tweak-product-quick-view-lightbox-controls-weight-hairline .sqs-product-qu= ick-view-lightbox-next-button polyline, .tweak-product-quick-view-lightbox-= controls-weight-hairline .sqs-product-quick-view-lightbox-prev-button polyl= ine, .tweak-product-quick-view-lightbox-controls-weight-hairline .sqs-produ= ct-quick-view-lightbox-close-button polyline { stroke-width: 2; } .tweak-product-quick-view-lightbox-controls-weight-light .sqs-product-quick= -view-lightbox-next-button polyline, .tweak-product-quick-view-lightbox-con= trols-weight-light .sqs-product-quick-view-lightbox-prev-button polyline, .= tweak-product-quick-view-lightbox-controls-weight-light .sqs-product-quick-= view-lightbox-close-button polyline { stroke-width: 4; } .tweak-product-quick-view-lightbox-controls-weight-medium .sqs-product-quic= k-view-lightbox-next-button polyline, .tweak-product-quick-view-lightbox-co= ntrols-weight-medium .sqs-product-quick-view-lightbox-prev-button polyline,= .tweak-product-quick-view-lightbox-controls-weight-medium .sqs-product-qui= ck-view-lightbox-close-button polyline { stroke-width: 6; } .tweak-product-quick-view-lightbox-controls-weight-heavy .sqs-product-quick= -view-lightbox-next-button polyline, .tweak-product-quick-view-lightbox-con= trols-weight-heavy .sqs-product-quick-view-lightbox-prev-button polyline, .= tweak-product-quick-view-lightbox-controls-weight-heavy .sqs-product-quick-= view-lightbox-close-button polyline { stroke-width: 8; } .tweak-product-quick-view-lightbox-controls-weight-hairline .sqs-product-qu= ick-view-lightbox-next-button line, .tweak-product-quick-view-lightbox-cont= rols-weight-hairline .sqs-product-quick-view-lightbox-prev-button line, .tw= eak-product-quick-view-lightbox-controls-weight-hairline .sqs-product-quick= -view-lightbox-close-button line { stroke-width: 0.833333; } .tweak-product-quick-view-lightbox-controls-weight-light .sqs-product-quick= -view-lightbox-next-button line, .tweak-product-quick-view-lightbox-control= s-weight-light .sqs-product-quick-view-lightbox-prev-button line, .tweak-pr= oduct-quick-view-lightbox-controls-weight-light .sqs-product-quick-view-lig= htbox-close-button line { stroke-width: 1.66667; } .tweak-product-quick-view-lightbox-controls-weight-medium .sqs-product-quic= k-view-lightbox-next-button line, .tweak-product-quick-view-lightbox-contro= ls-weight-medium .sqs-product-quick-view-lightbox-prev-button line, .tweak-= product-quick-view-lightbox-controls-weight-medium .sqs-product-quick-view-= lightbox-close-button line { stroke-width: 2.5; } .tweak-product-quick-view-lightbox-controls-weight-heavy .sqs-product-quick= -view-lightbox-next-button line, .tweak-product-quick-view-lightbox-control= s-weight-heavy .sqs-product-quick-view-lightbox-prev-button line, .tweak-pr= oduct-quick-view-lightbox-controls-weight-heavy .sqs-product-quick-view-lig= htbox-close-button line { stroke-width: 3.33333; } .sqs-product-quick-view-lightbox-next-button { top: 50%; transform: transla= teY(-50%); right: 12.5px; } body:not(.tweak-product-quick-view-lightbox-show-arrows) .sqs-product-quick= -view-lightbox-next-button { opacity: 0; } .sqs-product-quick-view-lightbox-prev-button { top: 50%; transform: transla= teY(-50%); left: 12.5px; } body:not(.tweak-product-quick-view-lightbox-show-arrows) .sqs-product-quick= -view-lightbox-prev-button { opacity: 0; } .sqs-product-quick-view-lightbox-close-button { top: 12.5px; right: 12.5px;= width: 25px; z-index: 100000001; } .sqs-product-quick-view-lightbox-close-button svg { width: 80%; height: 80%= ; } body:not(.tweak-product-quick-view-lightbox-show-close-button) .sqs-product= -quick-view-lightbox-close-button { opacity: 0; } .sqs-product-quick-view-lightbox-element-hidden { opacity: 0; visibility: h= idden; cursor: default; } .sqs-style-mode-active .sqs-product-quick-view-lightbox .sqs-product-quick-= view { pointer-events: none; cursor: no-drop; } .sqs-product-quick-view-lightbox.sqs-modal-lightbox { visibility: visible; = } .sqs-product-quick-view-lightbox.sqs-modal-lightbox .sqs-modal-lightbox-con= tent .lightbox-background { opacity: 1; background: rgba(240, 240, 240, 0.6= ) !important; } .sqs-product-quick-view-lightbox.sqs-modal-lightbox .sqs-modal-lightbox-con= tent .lightbox-inner .lightbox-content { width: 85%; max-width: 900px; padd= ing: 0px; background: rgb(255, 255, 255) !important; } .sqs-product-quick-view-lightbox.sqs-modal-lightbox .sqs-modal-lightbox-con= tent .lightbox-inner .lightbox-content .lightbox-close { display: none; } .sqs-product-quick-view-lightbox.sqs-modal-lightbox ~ .sqs-widgets-confirma= tion { z-index: 100000001; } .sqs-product-quick-view-lightbox.sqs-modal-lightbox[hidden] { visibility: h= idden; display: block !important; } .sqs-product-quick-view-lightbox.sqs-modal-lightbox[hidden] .sqs-modal-ligh= tbox-content { left: -9999px; opacity: 0; transition: none 0s ease 0s; } .sqs-product-quick-view-lightbox.sqs-modal-lightbox .sqs-modal-lightbox-con= tent { transition: opacity 0.15s ease-out 0s; } .sqs-layout .html-block.sqs-block img { max-width: 100%; height: auto; } .sqs-layout .html-block.sqs-block img[align=3D"left"] { margin-right: 34px;= } .sqs-layout .html-block.sqs-block img[align=3D"right"] { margin-left: 34px;= } .sqs-layout .html-block.sqs-block img[align=3D"top"] { vertical-align: top;= } .sqs-layout .html-block.sqs-block img[align=3D"middle"] { vertical-align: m= iddle; } .sqs-layout .html-block.sqs-block img[align=3D"bottom"] { vertical-align: b= ottom; } .sqs-layout .html-block.sqs-block .full-image-float-left, .sqs-layout .html= -block.sqs-block .thumbnail-image-float-left { float: left; margin-right: 3= 4px; } .sqs-layout .html-block.sqs-block .full-image-float-right, .sqs-layout .htm= l-block.sqs-block .thumbnail-image-float-right { float: right; margin-left:= 34px; } .sqs-layout .html-block.sqs-block .full-image-block { display: block; margi= n-bottom: 34px; } .sqs-layout .html-block.sqs-block div[data-src=3D"v5"] img { max-width: 100= %; } .sqs-layout .html-block.sqs-block .thumbnail-caption { display: block; } .sqs-layout .html-block.sqs-block .entry-content img { margin: 0px 0px 34px= ; } .sqs-layout .html-block.sqs-block .alignleft, .sqs-layout .html-block.sqs-b= lock img.alignleft { margin-right: 34px; display: inline; float: left; widt= h: auto; } .sqs-layout .html-block.sqs-block .alignright, .sqs-layout .html-block.sqs-= block img.alignright { margin-left: 34px; display: inline; float: right; wi= dth: auto; } .sqs-layout .html-block.sqs-block .aligncenter, .sqs-layout .html-block.sqs= -block img.aligncenter { margin-right: auto; margin-left: auto; display: bl= ock; clear: both; width: auto; } .sqs-layout .html-block.sqs-block blockquote.left { margin-right: 34px; tex= t-align: right; margin-left: 0px; width: 33%; float: left; } .sqs-layout .html-block.sqs-block blockquote.right { margin-left: 34px; tex= t-align: left; margin-right: 0px; width: 33%; float: right; } [data-test=3D"paywall-page-root"] { text-align: center; margin: auto; } [data-test=3D"paywall-page-root"] .paywall-preview-hidden { visibility: hid= den; } [data-test=3D"paywall-page-root"] #headline { margin: 11px; } [data-test=3D"paywall-page-root"] #description { margin: 0px; } [data-test=3D"paywall-page-root"] #error { margin-top: 44px; } [data-test=3D"paywall-page-root"] .product-blocks-container { display: flex= ; justify-content: center; flex-wrap: wrap; margin-top: 28px; } [data-test=3D"paywall-page-root"] .product-blocks-container:has(> :nth-chil= d(4)) { justify-content: flex-start; } [data-test=3D"paywall-page-root"] .product-blocks-container .product-block = { min-height: 44px; width: 380px; margin: 16px; padding: 22px; border: 1px = solid; border-radius: 10px; } [data-test=3D"paywall-page-root"] .product-blocks-container .product-block = .hide, [data-test=3D"paywall-page-root"] .product-blocks-container .product= -block .join-button.hide { display: none; } [data-test=3D"paywall-page-root"] .see-more-text, [data-test=3D"paywall-pag= e-root"] .see-less-text { text-align: left; display: none; cursor: pointer;= text-decoration: underline; } [data-test=3D"paywall-page-root"] .see-more-node .see-more-text, [data-test= =3D"paywall-page-root"] .see-less-node .see-less-text { display: block; } [data-test=3D"paywall-page-root"] .sign-in-button { display: inline-block; = margin: 11px 0px 5px; cursor: pointer; border: none; padding: 0px; color: i= nherit; background-color: transparent; } [data-test=3D"paywall-page-root"] .pricing-plan-pricing-toggle-wrapper { di= splay: flex; justify-content: center; } [data-test=3D"paywall-page-root"] .pricing-plan-pricing-options { display: = grid; grid-template-columns: repeat(2, 1fr); list-style-type: none; padding= : 0px; margin: 0px; } [data-test=3D"paywall-page-root"] .pricing-plan-pricing-options .sqs-editab= le-button.pricing-plan-pricing-option-button { width: 100%; height: 100%; t= ext-align: center; border-radius: 0px; color: rgb(39, 39, 39); border: 1px = solid rgb(39, 39, 39); background-color: transparent; padding: 0.6em 1.1em = !important; } @media (hover: hover) { [data-test=3D"paywall-page-root"] .pricing-plan-pricing-options .sqs-edit= able-button.pricing-plan-pricing-option-button:hover { opacity: 1; color: r= gb(255, 255, 255); background-color: rgb(39, 39, 39); } } [data-test=3D"paywall-page-root"] .pricing-plan-pricing-options .sqs-editab= le-button.pricing-plan-pricing-option-selected { color: rgb(255, 255, 255);= background-color: rgb(39, 39, 39); } [data-test=3D"paywall-page-root"] .pricing-plan-pricing-options .left-optio= n { } [data-test=3D"paywall-page-root"] .pricing-plan-pricing-options .right-opti= on { } [data-test=3D"paywall-page-root"] .below-pricing-toggle { margin-top: 33px;= } [data-test=3D"paywall-page-root"] .pricing-plan-benefits-divider { margin-t= op: 22px; margin-bottom: 22px; } [data-test=3D"paywall-page-root"] .pricing-plan-benefit-description:not(:la= st-child) { margin-bottom: 6px; } [data-test=3D"paywall-page-root"] .pricing-plan-pricing-toggle-wrapper .pri= cing-plan-pricing-options .pricing-plan-pricing-option-button.sqs-editable-= button.sqs-system-button.left-button { border-radius: 300px 0px 0px 300px; = } [data-test=3D"paywall-page-root"] .pricing-plan-pricing-toggle-wrapper .pri= cing-plan-pricing-options .pricing-plan-pricing-option-button.sqs-editable-= button.sqs-system-button.right-button { border-radius: 0px 300px 300px 0px;= } [data-test=3D"paywall-page-root"] .primary-button-style-outline .sqs-block-= pricing-plan .pricing-plan-pricing-options .sqs-editable-button.pricing-pla= n-pricing-option-button { border-width: 2px; } [data-test=3D"paywall-page-root"] .productDetails div.product-title.pricing= -plan-title { font-size: 1.5em; margin-top: 0px; margin-bottom: 11px; -webk= it-line-clamp: 6; -webkit-box-orient: vertical; display: -webkit-box; overf= low: hidden; line-height: normal; } [data-test=3D"paywall-page-root"] .paywall-pricing-aligner .no-pricing-opti= ons-aligner { height: 48px; } [data-test=3D"paywall-page-root"] .paywall-pricing-aligner .productDetails = div.product-title.pricing-plan-title { margin-top: 33px; } [data-test=3D"paywall-page-root"] .pricing-plan-price-amount { font-size: 2= em; margin-top: 11px; line-height: 90%; } [data-test=3D"paywall-page-root"] .pricing-plan-price-amount.non-paywalled = { margin-bottom: 61px; } [data-test=3D"paywall-page-root"] .pricing-plan-price-billing-period { font= -size: 1em; opacity: 0.75; margin-bottom: 22px; margin-top: 11px; } [data-test=3D"paywall-page-root"] .product-block .productDetails .product-p= rice.pricing-plan-product-price { margin: 0px 0px 12px; line-height: normal= ; } [data-test=3D"paywall-page-root"] .product-block .productDetails .product-p= rice.pricing-plan-product-price.below-pricing-toggle { margin-top: 33px; } [data-test=3D"paywall-page-root"] .pricing-plan-description { margin: 22px = 0px 0px; line-height: normal; font-size: 1em; text-align: left; -webkit-lin= e-clamp: 6; -webkit-box-orient: vertical; display: -webkit-box; overflow: h= idden; } [data-test=3D"paywall-page-root"] .see-less-node .pricing-plan-description = { -webkit-line-clamp: inherit; display: block; } .product-block .sqs-editable-button { display: inline-block; width: auto; h= eight: auto; padding: 1em 2.5em; color: rgb(255, 255, 255); background-colo= r: rgb(39, 39, 39); border-width: 0px; font-family: "Helvetica Neue", Helve= tica, Arial, sans-serif; font-size: 12px; line-height: 1em; font-weight: no= rmal; font-style: normal; text-transform: uppercase; letter-spacing: 0px; t= ext-align: center; text-decoration: none; cursor: pointer; appearance: none= ; } @media (max-width: 414px) { [data-test=3D"paywall-page-root"] { width: 350px; } } @font-face { font-family: social-icon-font; src: url("//assets.squarespace.= com/universal/fonts/social-20141119/social-icon-font.woff") format("woff"),= url("//assets.squarespace.com/universal/fonts/social-20141119/social-icon-= font.ttf") format("truetype"); font-weight: normal; font-style: normal; } .social-smugmug::before, .social-dribbble::before, .social-youtube::before,= .social-vimeo::before, .social-twitter::before, .social-tumblr::before, .s= ocial-pinterest::before, .social-linkedin::before, .social-instagram::befor= e, .social-google::before, .social-foursquare::before, .social-flickr::befo= re, .social-facebook::before, .social-fivehundredpix::before, .social-fiveh= undredpx::before, .social-email::before, .social-github::before, .social-rs= s::before, .social-spotify::before, .social-soundcloud::before, .social-itu= nes::before, .social-googleplay::before, .social-dropbox::before, .social-d= ropbox2017::before, .social-bandsintown::before, .social-behance::before, .= social-codepen::before, .social-medium::before, .social-rdio::before, .soci= al-squarespace::before, .social-vine::before, .social-yelp::before, .social= -vevo::before, .social-meetup::before, .social-twitch::before, .social-vsco= ::before, .social-smugmug-square::before, .social-dribbble-square::before, = .social-youtube-square::before, .social-vimeo-square::before, .social-twitt= er-square::before, .social-tumblr-square::before, .social-pinterest-square:= :before, .social-linkedin-square::before, .social-instagram-square::before,= .social-google-square::before, .social-foursquare-square::before, .social-= flickr-square::before, .social-facebook-square::before, .social-fivehundred= pix-square::before, .social-fivehundredpx-square::before, .social-email-squ= are::before, .social-github-square::before, .social-rss-square::before, .so= cial-spotify-square::before, .social-soundcloud-square::before, .social-itu= nes-square::before, .social-googleplay-square::before, .social-dropbox-squa= re::before, .social-dropbox2017-square::before, .social-bandsintown-square:= :before, .social-behance-square::before, .social-codepen-square::before, .s= ocial-medium-square::before, .social-rdio-square::before, .social-squarespa= ce-square::before, .social-vine-square::before, .social-yelp-square::before= , .social-vevo-square::before, .social-meetup-square::before, .social-twitc= h-square::before, .social-vsco-square::before, .social-smugmug-round::befor= e, .social-dribbble-round::before, .social-youtube-round::before, .social-v= imeo-round::before, .social-twitter-round::before, .social-tumblr-round::be= fore, .social-pinterest-round::before, .social-linkedin-round::before, .soc= ial-instagram-round::before, .social-google-round::before, .social-foursqua= re-round::before, .social-flickr-round::before, .social-facebook-round::bef= ore, .social-fivehundredpix-round::before, .social-fivehundredpx-round::bef= ore, .social-email-round::before, .social-github-round::before, .social-rss= -round::before, .social-spotify-round::before, .social-soundcloud-round::be= fore, .social-itunes-round::before, .social-googleplay-round::before, .soci= al-dropbox-round::before, .social-dropbox2017-round::before, .social-bandsi= ntown-round::before, .social-behance-round::before, .social-codepen-round::= before, .social-medium-round::before, .social-rdio-round::before, .social-s= quarespace-round::before, .social-vine-round::before, .social-yelp-round::b= efore, .social-vevo-round::before, .social-meetup-round::before, .social-tw= itch-round::before, .social-vsco-round::before { font-family: social-icon-f= ont; speak: none; font-style: normal; font-weight: normal; line-height: 1; = -webkit-font-smoothing: antialiased; } .social-smugmug::before { content: "=EE=98=80"; } .social-icon-style-square .social-smugmug::before { content: "=EE=98=81"; } .social-icon-style-round .social-smugmug::before { content: "=EE=98=82"; } .social-dribbble::before { content: "=EE=98=83"; } .social-icon-style-square .social-dribbble::before { content: "=EE=98=84"; = } .social-icon-style-round .social-dribbble::before { content: "=EE=98=85"; } .social-youtube::before { content: "=EE=98=86"; } .social-icon-style-square .social-youtube::before { content: "=EE=98=87"; } .social-icon-style-round .social-youtube::before { content: "=EE=98=88"; } .social-vimeo::before { content: "=EE=98=89"; } .social-icon-style-square .social-vimeo::before { content: "=EE=98=8A"; } .social-icon-style-round .social-vimeo::before { content: "=EE=98=8B"; } .social-twitter::before { content: "=EE=98=8C"; } .social-icon-style-square .social-twitter::before { content: "=EE=98=8D"; } .social-icon-style-round .social-twitter::before { content: "=EE=98=8E"; } .social-tumblr::before { content: "=EE=98=8F"; } .social-icon-style-square .social-tumblr::before { content: "=EE=98=90"; } .social-icon-style-round .social-tumblr::before { content: "=EE=98=91"; } .social-pinterest::before { content: "=EE=98=92"; } .social-icon-style-square .social-pinterest::before { content: "=EE=98=93";= } .social-icon-style-round .social-pinterest::before { content: "=EE=98=94"; = } .social-linkedin::before { content: "=EE=98=95"; } .social-icon-style-square .social-linkedin::before { content: "=EE=98=96"; = } .social-icon-style-round .social-linkedin::before { content: "=EE=98=97"; } .social-instagram::before { content: "=EE=98=98"; } .social-icon-style-square .social-instagram::before { content: "=EE=98=99";= } .social-icon-style-round .social-instagram::before { content: "=EE=98=9A"; = } .social-foursquare::before { content: "=EE=98=9E"; } .social-icon-style-square .social-foursquare::before { content: "=EE=98=9F"= ; } .social-icon-style-round .social-foursquare::before { content: "=EE=98=A0";= } .social-flickr::before { content: "=EE=98=A1"; } .social-icon-style-square .social-flickr::before { content: "=EE=98=A2"; } .social-icon-style-round .social-flickr::before { content: "=EE=98=A3"; } .social-facebook::before { content: "=EE=98=A4"; } .social-icon-style-square .social-facebook::before { content: "=EE=98=A5"; = } .social-icon-style-round .social-facebook::before { content: "=EE=98=A6"; } .social-fivehundredpix::before { content: "=EE=98=A7"; } .social-icon-style-square .social-fivehundredpix::before { content: "=EE=98= =A8"; } .social-icon-style-round .social-fivehundredpix::before { content: "=EE=98= =A9"; } .social-fivehundredpx::before { content: "=EE=98=A7"; } .social-icon-style-square .social-fivehundredpx::before { content: "=EE=98= =A8"; } .social-icon-style-round .social-fivehundredpx::before { content: "=EE=98= =A9"; } .social-email::before { content: "=EE=98=AA"; } .social-icon-style-square .social-email::before { content: "=EE=98=AB"; } .social-icon-style-round .social-email::before { content: "=EE=98=AC"; } .social-github::before { content: "=EE=98=AD"; } .social-icon-style-square .social-github::before { content: "=EE=98=AE"; } .social-icon-style-round .social-github::before { content: "=EE=98=AF"; } .social-rss::before { content: "=EE=98=B0"; } .social-icon-style-square .social-rss::before { content: "=EE=98=B1"; } .social-icon-style-round .social-rss::before { content: "=EE=98=B2"; } .social-spotify::before { content: "=EE=98=B3"; } .social-icon-style-square .social-spotify::before { content: "=EE=98=B4"; } .social-icon-style-round .social-spotify::before { content: "=EE=98=B5"; } .social-soundcloud::before { content: "=EE=98=B6"; } .social-icon-style-square .social-soundcloud::before { content: "=EE=98=B7"= ; } .social-icon-style-round .social-soundcloud::before { content: "=EE=98=B8";= } .social-itunes::before { content: "=EE=98=B9"; } .social-icon-style-square .social-itunes::before { content: "=EE=98=BA"; } .social-icon-style-round .social-itunes::before { content: "=EE=98=BB"; } .social-googleplay::before { content: "=EE=98=BC"; } .social-icon-style-square .social-googleplay::before { content: "=EE=98=BD"= ; } .social-icon-style-round .social-googleplay::before { content: "=EE=98=BE";= } .social-dropbox::before { content: "=EE=98=BF"; } .social-icon-style-square .social-dropbox::before { content: "=EE=99=80"; } .social-icon-style-round .social-dropbox::before { content: "=EE=99=81"; } .social-dropbox2017::before { content: "=EE=98=BF"; } .social-icon-style-square .social-dropbox2017::before { content: "=EE=99=80= "; } .social-icon-style-round .social-dropbox2017::before { content: "=EE=99=81"= ; } .social-bandsintown::before { content: "=EE=99=82"; } .social-icon-style-square .social-bandsintown::before { content: "=EE=99=83= "; } .social-icon-style-round .social-bandsintown::before { content: "=EE=99=84"= ; } .social-behance::before { content: "=EE=99=85"; } .social-icon-style-square .social-behance::before { content: "=EE=99=86"; } .social-icon-style-round .social-behance::before { content: "=EE=99=87"; } .social-codepen::before { content: "=EE=99=88"; } .social-icon-style-square .social-codepen::before { content: "=EE=99=89"; } .social-icon-style-round .social-codepen::before { content: "=EE=99=8A"; } .social-medium::before { content: "=EE=99=8B"; } .social-icon-style-square .social-medium::before { content: "=EE=99=8C"; } .social-icon-style-round .social-medium::before { content: "=EE=99=8D"; } .social-rdio::before { content: "=EE=99=8E"; } .social-icon-style-square .social-rdio::before { content: "=EE=99=8F"; } .social-icon-style-round .social-rdio::before { content: "=EE=99=90"; } .social-squarespace::before { content: "=EE=99=91"; } .social-icon-style-square .social-squarespace::before { content: "=EE=99=92= "; } .social-icon-style-round .social-squarespace::before { content: "=EE=99=93"= ; } .social-vine::before { content: "=EE=99=94"; } .social-icon-style-square .social-vine::before { content: "=EE=99=95"; } .social-icon-style-round .social-vine::before { content: "=EE=99=96"; } .social-yelp::before { content: "=EE=99=97"; } .social-icon-style-square .social-yelp::before { content: "=EE=99=98"; } .social-icon-style-round .social-yelp::before { content: "=EE=99=99"; } .social-meetup::before { content: "=EE=99=9A"; } .social-icon-style-square .social-meetup::before { content: "=EE=99=9B"; } .social-icon-style-round .social-meetup::before { content: "=EE=99=9C"; } .social-vevo::before { content: "=EE=99=9D"; } .social-icon-style-square .social-vevo::before { content: "=EE=99=9E"; } .social-icon-style-round .social-vevo::before { content: "=EE=99=9F"; } .social-twitch::before { content: "=EE=99=A0"; } .social-icon-style-square .social-twitch::before { content: "=EE=99=A1"; } .social-icon-style-round .social-twitch::before { content: "=EE=99=A2"; } .social-vsco::before { content: "=EE=99=A3"; } .social-icon-style-square .social-vsco::before { content: "=EE=99=A4"; } .social-icon-style-round .social-vsco::before { content: "=EE=99=A5"; } .page-section > .content-wrapper { max-width: 1400px; margin: 0px auto; box= -sizing: border-box; } .page-section.full-bleed-section > .content-wrapper { max-width: 100%; } .page-section:not(.full-bleed-section) > .content-wrapper { padding-right: = 3vw; padding-left: 3vw; margin: 0px auto; box-sizing: content-box; } .page-section .collection-content-wrapper, .page-section .gallery-content-w= rapper { width: 100%; padding-right: 3vw; padding-left: 3vw; margin: 0px au= to; box-sizing: border-box; } @media screen and (max-width: 767px) { .page-section:not(.full-bleed-section) > .content-wrapper { padding-right= : 6vw; padding-left: 6vw; box-sizing: border-box; } .page-section .collection-content-wrapper, .page-section .gallery-content= -wrapper { padding-right: 6vw; padding-left: 6vw; } } .tweak-events-stacked-width-full .sqs-events-collection-list { box-sizing: = border-box; } .tweak-events-stacked-height-large .events { box-sizing: border-box; } .sqs-events-collection-item.events { box-sizing: border-box; } .image-position-right .image-title h1, .image-position-left .image-title h1= , .image-position-right .image-title h2, .image-position-left .image-title = h2, .image-position-right .image-title h3, .image-position-left .image-titl= e h3, .image-position-right .image-title h4, .image-position-left .image-ti= tle h4, .image-position-right .image-title p, .image-position-left .image-t= itle p { display: inline; } .sqs-block-image .design-layout-stack .image-card-wrapper .image-subtitle-w= rapper div.image-subtitle.sqs-dynamic-text { margin-top: 1.5rem; } .sqs-block-image .design-layout-stack div.image-card-wrapper { margin-top: = 2rem; } h1, h2, h3, h4 { margin: 2rem 0px; } .sqsrte-large, p, .sqsrte-small { margin: 1rem 0px; } .sqs-block-html a, .image-title-wrapper a, .image-subtitle-wrapper a, .sqs-= image-caption a, .image-caption a, .sqs-block-newsletter a, .list-item-cont= ent__description a, .list-section-title a, .gdpr-cookie-banner > .disclaime= r-text a, [data-rte-field=3D"description"] a { background-repeat: repeat-x;= background-image: linear-gradient(to right, currentcolor 100%, currentcolo= r 0px); background-size: 1px 1px; background-position: 0px 100%; white-spac= e: initial; } @supports (text-decoration-thickness: 1px) and (text-underline-offset: 0.2e= m) { .sqs-block-html a, .image-title-wrapper a, .image-subtitle-wrapper a, .sq= s-image-caption a, .image-caption a, .sqs-block-newsletter a, .list-item-co= ntent__description a, .list-section-title a, .gdpr-cookie-banner > .disclai= mer-text a, [data-rte-field=3D"description"] a { background-repeat: unset; = background-image: unset; background-size: unset; background-position: unset= ; text-decoration: underline 1px solid currentcolor; text-underline-offset:= 0.2em; text-decoration-skip-ink: auto; } } #siteWrapper .sqs-button-element--primary, .sqs-block-form-lightbox .sqs-bu= tton-element--primary { font-family: var(--primary-button-font-font-family)= ; font-style: var(--primary-button-font-font-style); font-weight: var(--pri= mary-button-font-font-weight); line-height: var(--primary-button-font-line-= height); letter-spacing: var(--primary-button-font-letter-spacing); text-tr= ansform: var(--primary-button-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper .sqs-button-element--primary, .sqs-block-form-lightbox .sqs-= button-element--primary { font-size: calc((var(--primary-button-font-font-s= ize-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { #siteWrapper .sqs-button-element--primary, .sqs-block-form-lightbox .sqs-= button-element--primary { font-size: calc((var(--primary-button-font-font-s= ize-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { #siteWrapper .sqs-button-element--primary, .sqs-block-form-lightbox .sqs-= button-element--primary { font-size: calc(var(--primary-button-font-font-si= ze-value) * 1rem); } } #siteWrapper #Tock_widget_container .sqs-button-element--primary .TockWidge= t-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--= primary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button-ele= ment--primary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_contain= er .sqs-button-element--primary .MainLabelSpan { font-family: var(--primary= -button-font-font-family) !important; font-style: var(--primary-button-font= -font-style) !important; font-weight: var(--primary-button-font-font-weight= ) !important; line-height: var(--primary-button-font-line-height) !importan= t; letter-spacing: var(--primary-button-font-letter-spacing) !important; te= xt-transform: var(--primary-button-font-text-transform) !important; } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper #Tock_widget_container .sqs-button-element--primary .TockWid= get-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element= --primary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button-e= lement--primary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_conta= iner .sqs-button-element--primary .MainLabelSpan { font-size: calc((var(--p= rimary-button-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) += 1rem) !important; } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { #siteWrapper #Tock_widget_container .sqs-button-element--primary .TockWid= get-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element= --primary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button-e= lement--primary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_conta= iner .sqs-button-element--primary .MainLabelSpan { font-size: calc((var(--p= rimary-button-font-font-size-value) - 1) * 1.2vw + 1rem) !important; } } @media screen and (min-width: 1484px) { #siteWrapper #Tock_widget_container .sqs-button-element--primary .TockWid= get-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element= --primary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button-e= lement--primary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_conta= iner .sqs-button-element--primary .MainLabelSpan { font-size: calc(var(--pr= imary-button-font-font-size-value) * 1rem) !important; } } #siteWrapper .sqs-button-element--secondary, .sqs-block-form-lightbox .sqs-= button-element--secondary { font-family: var(--secondary-button-font-font-f= amily); font-style: var(--secondary-button-font-font-style); font-weight: v= ar(--secondary-button-font-font-weight); line-height: var(--secondary-butto= n-font-line-height); letter-spacing: var(--secondary-button-font-letter-spa= cing); text-transform: var(--secondary-button-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper .sqs-button-element--secondary, .sqs-block-form-lightbox .sq= s-button-element--secondary { font-size: calc((var(--secondary-button-font-= font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { #siteWrapper .sqs-button-element--secondary, .sqs-block-form-lightbox .sq= s-button-element--secondary { font-size: calc((var(--secondary-button-font-= font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { #siteWrapper .sqs-button-element--secondary, .sqs-block-form-lightbox .sq= s-button-element--secondary { font-size: calc(var(--secondary-button-font-f= ont-size-value) * 1rem); } } #siteWrapper #Tock_widget_container .sqs-button-element--secondary .TockWid= get-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element= --secondary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button= -element--secondary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_c= ontainer .sqs-button-element--secondary .MainLabelSpan { font-family: var(-= -secondary-button-font-font-family) !important; font-style: var(--secondary= -button-font-font-style) !important; font-weight: var(--secondary-button-fo= nt-font-weight) !important; line-height: var(--secondary-button-font-line-h= eight) !important; letter-spacing: var(--secondary-button-font-letter-spaci= ng) !important; text-transform: var(--secondary-button-font-text-transform)= !important; } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper #Tock_widget_container .sqs-button-element--secondary .TockW= idget-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-eleme= nt--secondary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-butt= on-element--secondary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget= _container .sqs-button-element--secondary .MainLabelSpan { font-size: calc(= (var(--secondary-button-font-font-size-value) - 1) * calc(.012 * min(100vh,= 900px)) + 1rem) !important; } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { #siteWrapper #Tock_widget_container .sqs-button-element--secondary .TockW= idget-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-eleme= nt--secondary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-butt= on-element--secondary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget= _container .sqs-button-element--secondary .MainLabelSpan { font-size: calc(= (var(--secondary-button-font-font-size-value) - 1) * 1.2vw + 1rem) !importa= nt; } } @media screen and (min-width: 1484px) { #siteWrapper #Tock_widget_container .sqs-button-element--secondary .TockW= idget-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-eleme= nt--secondary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-butt= on-element--secondary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget= _container .sqs-button-element--secondary .MainLabelSpan { font-size: calc(= var(--secondary-button-font-font-size-value) * 1rem) !important; } } #siteWrapper .sqs-button-element--tertiary, .sqs-block-form-lightbox .sqs-b= utton-element--tertiary { font-family: var(--tertiary-button-font-font-fami= ly); font-style: var(--tertiary-button-font-font-style); font-weight: var(-= -tertiary-button-font-font-weight); line-height: var(--tertiary-button-font= -line-height); letter-spacing: var(--tertiary-button-font-letter-spacing); = text-transform: var(--tertiary-button-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper .sqs-button-element--tertiary, .sqs-block-form-lightbox .sqs= -button-element--tertiary { font-size: calc((var(--tertiary-button-font-fon= t-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { #siteWrapper .sqs-button-element--tertiary, .sqs-block-form-lightbox .sqs= -button-element--tertiary { font-size: calc((var(--tertiary-button-font-fon= t-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { #siteWrapper .sqs-button-element--tertiary, .sqs-block-form-lightbox .sqs= -button-element--tertiary { font-size: calc(var(--tertiary-button-font-font= -size-value) * 1rem); } } #siteWrapper #Tock_widget_container .sqs-button-element--tertiary .TockWidg= et-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element-= -tertiary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button-e= lement--tertiary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_cont= ainer .sqs-button-element--tertiary .MainLabelSpan { font-family: var(--ter= tiary-button-font-font-family) !important; font-style: var(--tertiary-butto= n-font-font-style) !important; font-weight: var(--tertiary-button-font-font= -weight) !important; line-height: var(--tertiary-button-font-line-height) != important; letter-spacing: var(--tertiary-button-font-letter-spacing) !impo= rtant; text-transform: var(--tertiary-button-font-text-transform) !importan= t; } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper #Tock_widget_container .sqs-button-element--tertiary .TockWi= dget-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-elemen= t--tertiary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button= -element--tertiary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_co= ntainer .sqs-button-element--tertiary .MainLabelSpan { font-size: calc((var= (--tertiary-button-font-font-size-value) - 1) * calc(.012 * min(100vh, 900p= x)) + 1rem) !important; } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { #siteWrapper #Tock_widget_container .sqs-button-element--tertiary .TockWi= dget-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-elemen= t--tertiary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button= -element--tertiary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_co= ntainer .sqs-button-element--tertiary .MainLabelSpan { font-size: calc((var= (--tertiary-button-font-font-size-value) - 1) * 1.2vw + 1rem) !important; } } @media screen and (min-width: 1484px) { #siteWrapper #Tock_widget_container .sqs-button-element--tertiary .TockWi= dget-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-elemen= t--tertiary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button= -element--tertiary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_co= ntainer .sqs-button-element--tertiary .MainLabelSpan { font-size: calc(var(= --tertiary-button-font-font-size-value) * 1rem) !important; } } .sqs-heading-font { font-family: var(--heading-font-font-family); font-styl= e: var(--heading-font-font-style); font-weight: var(--heading-font-font-wei= ght); line-height: var(--heading-font-line-height); letter-spacing: var(--h= eading-font-letter-spacing); text-transform: var(--heading-font-text-transf= orm); } .sqs-body-font { font-family: var(--body-font-font-family); font-style: var= (--body-font-font-style); font-weight: var(--body-font-font-weight); line-h= eight: var(--body-font-line-height); letter-spacing: var(--body-font-letter= -spacing); text-transform: var(--body-font-text-transform); } .sqs-meta-font { font-family: var(--meta-font-font-family); font-style: var= (--meta-font-font-style); font-weight: var(--meta-font-font-weight); line-h= eight: var(--meta-font-line-height); letter-spacing: var(--meta-font-letter= -spacing); text-transform: var(--meta-font-text-transform); } html, body { font-size: var(--base-font-size); } .site-wrapper, .sqs-catalog-item-list { font-family: var(--body-font-font-f= amily); font-style: var(--body-font-font-style); font-weight: var(--body-fo= nt-font-weight); line-height: var(--body-font-line-height); letter-spacing:= var(--body-font-letter-spacing); text-transform: var(--body-font-text-tran= sform); -webkit-font-smoothing: antialiased; } @media screen and (max-width: 767px) and (orientation: portrait) { .site-wrapper, .sqs-catalog-item-list { font-size: calc((var(--normal-tex= t-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .site-wrapper, .sqs-catalog-item-list { font-size: calc((var(--normal-tex= t-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .site-wrapper, .sqs-catalog-item-list { font-size: calc(var(--normal-text= -size-value) * 1rem); } } .sqsrte-large, p, .sqsrte-small { line-height: var(--body-font-line-height)= ; } h1, h2, h3, h4 { font-family: var(--heading-font-font-family); font-style: = var(--heading-font-font-style); font-weight: var(--heading-font-font-weight= ); line-height: var(--heading-font-line-height); letter-spacing: var(--head= ing-font-letter-spacing); text-transform: var(--heading-font-text-transform= ); } @media screen and (max-width: 767px) and (orientation: portrait) { .sqsrte-large { font-size: calc((var(--large-text-size-value) - 1) * calc= (.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .sqsrte-large { font-size: calc((var(--large-text-size-value) - 1) * 1.2v= w + 1rem); } } @media screen and (min-width: 1484px) { .sqsrte-large { font-size: calc(var(--large-text-size-value) * 1rem); } } @media screen and (max-width: 767px) and (orientation: portrait) { .sqsrte-small { font-size: calc((var(--small-text-size-value) - 1) * calc= (.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .sqsrte-small { font-size: calc((var(--small-text-size-value) - 1) * 1.2v= w + 1rem); } } @media screen and (min-width: 1484px) { .sqsrte-small { font-size: calc(var(--small-text-size-value) * 1rem); } } [class^=3D"sqsrte-text-color--"] { text-decoration: inherit; } h1 { line-height: calc(var(--heading-font-line-height) * (1 + (1 - var(--he= ading-1-size-value))/25)); } @media screen and (max-width: 767px) and (orientation: portrait) { h1 { font-size: calc((var(--heading-1-size-value) - 1) * calc(.012 * min(= 100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { h1 { font-size: calc((var(--heading-1-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { h1 { font-size: calc(var(--heading-1-size-value) * 1rem); } } h2 { line-height: calc(var(--heading-font-line-height) * (1 + (1 - var(--he= ading-2-size-value))/25)); } @media screen and (max-width: 767px) and (orientation: portrait) { h2 { font-size: calc((var(--heading-2-size-value) - 1) * calc(.012 * min(= 100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { h2 { font-size: calc((var(--heading-2-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { h2 { font-size: calc(var(--heading-2-size-value) * 1rem); } } h3 { line-height: calc(var(--heading-font-line-height) * (1 + (1 - var(--he= ading-3-size-value))/25)); } @media screen and (max-width: 767px) and (orientation: portrait) { h3 { font-size: calc((var(--heading-3-size-value) - 1) * calc(.012 * min(= 100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { h3 { font-size: calc((var(--heading-3-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { h3 { font-size: calc(var(--heading-3-size-value) * 1rem); } } h4 { line-height: calc(var(--heading-font-line-height) * (1 + (1 - var(--he= ading-4-size-value))/25)); } @media screen and (max-width: 767px) and (orientation: portrait) { h4 { font-size: calc((var(--heading-4-size-value) - 1) * calc(.012 * min(= 100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { h4 { font-size: calc((var(--heading-4-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { h4 { font-size: calc(var(--heading-4-size-value) * 1rem); } } .sqs-block-html pre code { font-family: var(--meta-font-font-family); font-= style: var(--meta-font-font-style); font-weight: var(--meta-font-font-weigh= t); line-height: var(--meta-font-line-height); letter-spacing: var(--meta-f= ont-letter-spacing); text-transform: var(--meta-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-html pre code { font-size: calc((var(--normal-meta-size-value)= - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .sqs-block-html pre code { font-size: calc((var(--normal-meta-size-value)= - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .sqs-block-html pre code { font-size: calc(var(--normal-meta-size-value) = * 1rem); } } .sqs-announcement-bar-text, .sqs-announcement-bar-text p { font-family: var= (--announcement-bar-font-font-family); font-style: var(--announcement-bar-f= ont-font-style); font-weight: var(--announcement-bar-font-font-weight); lin= e-height: var(--announcement-bar-font-line-height); letter-spacing: var(--a= nnouncement-bar-font-letter-spacing); text-transform: var(--announcement-ba= r-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-announcement-bar-text, .sqs-announcement-bar-text p { font-size: cal= c((var(--announcement-bar-font-font-size-value) - 1) * calc(.012 * min(100v= h, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .sqs-announcement-bar-text, .sqs-announcement-bar-text p { font-size: cal= c((var(--announcement-bar-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .sqs-announcement-bar-text, .sqs-announcement-bar-text p { font-size: cal= c(var(--announcement-bar-font-font-size-value) * 1rem); } } .header-title-text { font-family: var(--site-title-font-font-family); font-= style: var(--site-title-font-font-style); font-weight: var(--site-title-fon= t-font-weight); line-height: var(--site-title-font-line-height); letter-spa= cing: var(--site-title-font-letter-spacing); text-transform: var(--site-tit= le-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .header-title-text { font-size: calc((var(--site-title-font-font-size-val= ue) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .header-title-text { font-size: calc((var(--site-title-font-font-size-val= ue) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .header-title-text { font-size: calc(var(--site-title-font-font-size-valu= e) * 1rem); } } .header-display-mobile .header-title-text { font-family: var(--mobile-site-= title-font-font-family); font-style: var(--mobile-site-title-font-font-styl= e); font-weight: var(--mobile-site-title-font-font-weight); line-height: va= r(--mobile-site-title-font-line-height); letter-spacing: var(--mobile-site-= title-font-letter-spacing); text-transform: var(--mobile-site-title-font-te= xt-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .header-display-mobile .header-title-text { font-size: calc((var(--mobile= -site-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1= rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .header-display-mobile .header-title-text { font-size: calc((var(--mobile= -site-title-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .header-display-mobile .header-title-text { font-size: calc(var(--mobile-= site-title-font-font-size-value) * 1rem); } } .header-nav-item, .user-accounts-text-link, .cart-style-text, .icon-cart-qu= antity:not(.legacy-cart), .language-picker { font-family: var(--site-naviga= tion-font-font-family); font-style: var(--site-navigation-font-font-style);= font-weight: var(--site-navigation-font-font-weight); line-height: var(--s= ite-navigation-font-line-height); letter-spacing: var(--site-navigation-fon= t-letter-spacing); text-transform: var(--site-navigation-font-text-transfor= m); } @media screen and (max-width: 767px) and (orientation: portrait) { .header-nav-item, .user-accounts-text-link, .cart-style-text, .icon-cart-= quantity:not(.legacy-cart), .language-picker { font-size: calc((var(--site-= navigation-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1r= em); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .header-nav-item, .user-accounts-text-link, .cart-style-text, .icon-cart-= quantity:not(.legacy-cart), .language-picker { font-size: calc((var(--site-= navigation-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .header-nav-item, .user-accounts-text-link, .cart-style-text, .icon-cart-= quantity:not(.legacy-cart), .language-picker { font-size: calc(var(--site-n= avigation-font-font-size-value) * 1rem); } } .header-menu-nav-item { font-family: var(--site-navigation-font-font-family= ); font-style: var(--site-navigation-font-font-style); font-weight: var(--s= ite-navigation-font-font-weight); letter-spacing: var(--site-navigation-fon= t-letter-spacing); text-transform: var(--site-navigation-font-text-transfor= m); line-height: 1; } #siteWrapper .header-actions-action--cta .sqs-button-element--primary, #sit= eWrapper .header-skip-link { font-family: var(--header-button-font-font-fam= ily); font-style: var(--header-button-font-font-style); font-weight: var(--= header-button-font-font-weight); line-height: var(--header-button-font-line= -height); letter-spacing: var(--header-button-font-letter-spacing); text-tr= ansform: var(--header-button-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper .header-actions-action--cta .sqs-button-element--primary, #s= iteWrapper .header-skip-link { font-size: calc((var(--header-button-font-fo= nt-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { #siteWrapper .header-actions-action--cta .sqs-button-element--primary, #s= iteWrapper .header-skip-link { font-size: calc((var(--header-button-font-fo= nt-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { #siteWrapper .header-actions-action--cta .sqs-button-element--primary, #s= iteWrapper .header-skip-link { font-size: calc(var(--header-button-font-fon= t-size-value) * 1rem); } } #siteWrapper .header-menu-cta .sqs-button-element--primary { font-family: v= ar(--header-button-font-font-family); font-style: var(--header-button-font-= font-style); font-weight: var(--header-button-font-font-weight); line-heigh= t: var(--header-button-font-line-height); letter-spacing: var(--header-butt= on-font-letter-spacing); text-transform: var(--header-button-font-text-tran= sform); font-size: 1.2rem; } .header-menu { font-size: 1.2em; } .header-menu .user-accounts-text-link, .header-menu .cart-style-text, .head= er-menu .icon-cart-quantity:not(.legacy-cart), .header-menu .language-picke= r { font-size: 8.5vmin; } @media screen and (min-width: 576px) { .header-menu .user-accounts-text-link, .header-menu .cart-style-text, .he= ader-menu .icon-cart-quantity:not(.legacy-cart), .header-menu .language-pic= ker { font-size: 6.6vmin; } } @media screen and (min-width: 768px) { .header-menu .user-accounts-text-link, .header-menu .cart-style-text, .he= ader-menu .icon-cart-quantity:not(.legacy-cart), .header-menu .language-pic= ker { font-size: 6vmin; } } .header-menu .user-accounts-link { margin: 0px 0px 0px 2.2vw; } @media screen and (max-width: 575px) { .header-menu .user-accounts-link { margin-bottom: 7vmin; margin-left: 0px= ; } } @media screen and (min-width: 576px) { .header-menu .user-accounts-link { margin-bottom: 7vmin; margin-left: 0px= ; } } @media screen and (min-width: 768px) { .header-menu .user-accounts-link { margin-bottom: 7vmin; margin-left: 0px= ; } } .header-menu-nav-item a { font-size: 8.5vmin; } @media screen and (min-width: 576px) { .header-menu-nav-item a { font-size: 6.6vmin; } } @media screen and (min-width: 768px) { .header-menu-nav-item a { font-size: 6vmin; } } .header-menu-controls { font-size: 0.85em; } .gallery-section .gallery-caption p { font-family: var(--body-font-font-fam= ily); font-style: var(--body-font-font-style); font-weight: var(--body-font= -font-weight); line-height: var(--body-font-line-height); letter-spacing: v= ar(--body-font-letter-spacing); text-transform: var(--body-font-text-transf= orm); font-size: 14px; } .user-items-list .list-section-title { font-family: var(--list-section-titl= e-text-font-font-family); font-style: var(--list-section-title-text-font-fo= nt-style); font-weight: var(--list-section-title-text-font-font-weight); li= ne-height: var(--list-section-title-text-font-line-height); letter-spacing:= var(--list-section-title-text-font-letter-spacing); text-transform: var(--= list-section-title-text-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .user-items-list .list-section-title { font-size: calc((var(--list-sectio= n-title-text-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + = 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .user-items-list .list-section-title { font-size: calc((var(--list-sectio= n-title-text-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .user-items-list .list-section-title { font-size: calc(var(--list-section= -title-text-font-font-size-value) * 1rem); } } .lesson-title { font-family: var(--video-basic-grid-list-title-font-font-fa= mily); font-style: var(--video-basic-grid-list-title-font-font-style); font= -weight: var(--video-basic-grid-list-title-font-font-weight); line-height: = var(--video-basic-grid-list-title-font-line-height); letter-spacing: var(--= video-basic-grid-list-title-font-letter-spacing); text-transform: var(--vid= eo-basic-grid-list-title-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .lesson-title { font-size: calc((var(--video-basic-grid-list-title-font-f= ont-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .lesson-title { font-size: calc((var(--video-basic-grid-list-title-font-f= ont-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .lesson-title { font-size: calc(var(--video-basic-grid-list-title-font-fo= nt-size-value) * 1rem); } } .lessons.collection-content-wrapper .grid-desc { font-family: var(--video-b= asic-grid-list-excerpt-font-font-family); font-style: var(--video-basic-gri= d-list-excerpt-font-font-style); font-weight: var(--video-basic-grid-list-e= xcerpt-font-font-weight); line-height: var(--video-basic-grid-list-excerpt-= font-line-height); letter-spacing: var(--video-basic-grid-list-excerpt-font= -letter-spacing); text-transform: var(--video-basic-grid-list-excerpt-font-= text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .lessons.collection-content-wrapper .grid-desc { font-size: calc((var(--v= ideo-basic-grid-list-excerpt-font-font-size-value) - 1) * calc(.012 * min(1= 00vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .lessons.collection-content-wrapper .grid-desc { font-size: calc((var(--v= ideo-basic-grid-list-excerpt-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .lessons.collection-content-wrapper .grid-desc { font-size: calc(var(--vi= deo-basic-grid-list-excerpt-font-font-size-value) * 1rem); } } .lessons-grid-meta-container { font-family: var(--video-basic-grid-list-met= a-font-font-family); font-style: var(--video-basic-grid-list-meta-font-font= -style); font-weight: var(--video-basic-grid-list-meta-font-font-weight); l= ine-height: var(--video-basic-grid-list-meta-font-line-height); letter-spac= ing: var(--video-basic-grid-list-meta-font-letter-spacing); text-transform:= var(--video-basic-grid-list-meta-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .lessons-grid-meta-container { font-size: calc((var(--video-basic-grid-li= st-meta-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem)= ; } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .lessons-grid-meta-container { font-size: calc((var(--video-basic-grid-li= st-meta-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .lessons-grid-meta-container { font-size: calc(var(--video-basic-grid-lis= t-meta-font-font-size-value) * 1rem); } } .video-category-nav-link { font-family: var(--video-basic-grid-list-categor= y-nav-font-font-family); font-style: var(--video-basic-grid-list-category-n= av-font-font-style); font-weight: var(--video-basic-grid-list-category-nav-= font-font-weight); line-height: var(--video-basic-grid-list-category-nav-fo= nt-line-height); letter-spacing: var(--video-basic-grid-list-category-nav-f= ont-letter-spacing); text-transform: var(--video-basic-grid-list-category-n= av-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .video-category-nav-link { font-size: calc((var(--video-basic-grid-list-c= ategory-nav-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1= rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .video-category-nav-link { font-size: calc((var(--video-basic-grid-list-c= ategory-nav-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .video-category-nav-link { font-size: calc(var(--video-basic-grid-list-ca= tegory-nav-font-font-size-value) * 1rem); } } .lesson-item .lesson-details-title { font-family: var(--video-item-title-fo= nt-font-family); font-style: var(--video-item-title-font-font-style); font-= weight: var(--video-item-title-font-font-weight); line-height: var(--video-= item-title-font-line-height); letter-spacing: var(--video-item-title-font-l= etter-spacing); text-transform: var(--video-item-title-font-text-transform)= ; } @media screen and (max-width: 767px) and (orientation: portrait) { .lesson-item .lesson-details-title { font-size: calc((var(--video-item-ti= tle-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .lesson-item .lesson-details-title { font-size: calc((var(--video-item-ti= tle-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .lesson-item .lesson-details-title { font-size: calc(var(--video-item-tit= le-font-font-size-value) * 1rem); } } .lesson-item .lesson-grid-meta-container { font-family: var(--video-item-me= ta-font-font-family); font-style: var(--video-item-meta-font-font-style); f= ont-weight: var(--video-item-meta-font-font-weight); line-height: var(--vid= eo-item-meta-font-line-height); letter-spacing: var(--video-item-meta-font-= letter-spacing); text-transform: var(--video-item-meta-font-text-transform)= ; } @media screen and (max-width: 767px) and (orientation: portrait) { .lesson-item .lesson-grid-meta-container { font-size: calc((var(--video-i= tem-meta-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem= ); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .lesson-item .lesson-grid-meta-container { font-size: calc((var(--video-i= tem-meta-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .lesson-item .lesson-grid-meta-container { font-size: calc(var(--video-it= em-meta-font-font-size-value) * 1rem); } } .lesson-item .lesson-details-description { font-family: var(--video-item-de= scription-font-font-family); font-style: var(--video-item-description-font-= font-style); font-weight: var(--video-item-description-font-font-weight); l= ine-height: var(--video-item-description-font-line-height); letter-spacing:= var(--video-item-description-font-letter-spacing); text-transform: var(--v= ideo-item-description-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .lesson-item .lesson-details-description { font-size: calc((var(--video-i= tem-description-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px))= + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .lesson-item .lesson-details-description { font-size: calc((var(--video-i= tem-description-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .lesson-item .lesson-details-description { font-size: calc(var(--video-it= em-description-font-font-size-value) * 1rem); } } .lesson-item .lesson-item-pagination-title { font-family: var(--video-item-= pagination-font-font-family); font-style: var(--video-item-pagination-font-= font-style); font-weight: var(--video-item-pagination-font-font-weight); li= ne-height: var(--video-item-pagination-font-line-height); letter-spacing: v= ar(--video-item-pagination-font-letter-spacing); text-transform: var(--vide= o-item-pagination-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .lesson-item .lesson-item-pagination-title { font-size: calc((var(--video= -item-pagination-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)= ) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .lesson-item .lesson-item-pagination-title { font-size: calc((var(--video= -item-pagination-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .lesson-item .lesson-item-pagination-title { font-size: calc(var(--video-= item-pagination-font-font-size-value) * 1rem); } } .blog-basic-grid .blog-title { font-family: var(--blog-basic-grid-list-titl= e-font-font-family); font-style: var(--blog-basic-grid-list-title-font-font= -style); font-weight: var(--blog-basic-grid-list-title-font-font-weight); l= ine-height: var(--blog-basic-grid-list-title-font-line-height); letter-spac= ing: var(--blog-basic-grid-list-title-font-letter-spacing); text-transform:= var(--blog-basic-grid-list-title-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-basic-grid .blog-title { font-size: calc((var(--blog-basic-grid-lis= t-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem)= ; } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .blog-basic-grid .blog-title { font-size: calc((var(--blog-basic-grid-lis= t-title-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .blog-basic-grid .blog-title { font-size: calc(var(--blog-basic-grid-list= -title-font-font-size-value) * 1rem); } } .blog-basic-grid .blog-excerpt, .blog-basic-grid .blog-more-link { font-fam= ily: var(--blog-basic-grid-list-excerpt-font-font-family); font-style: var(= --blog-basic-grid-list-excerpt-font-font-style); font-weight: var(--blog-ba= sic-grid-list-excerpt-font-font-weight); line-height: var(--blog-basic-grid= -list-excerpt-font-line-height); letter-spacing: var(--blog-basic-grid-list= -excerpt-font-letter-spacing); text-transform: var(--blog-basic-grid-list-e= xcerpt-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-basic-grid .blog-excerpt, .blog-basic-grid .blog-more-link { font-s= ize: calc((var(--blog-basic-grid-list-excerpt-font-font-size-value) - 1) * = calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .blog-basic-grid .blog-excerpt, .blog-basic-grid .blog-more-link { font-s= ize: calc((var(--blog-basic-grid-list-excerpt-font-font-size-value) - 1) * = 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .blog-basic-grid .blog-excerpt, .blog-basic-grid .blog-more-link { font-s= ize: calc(var(--blog-basic-grid-list-excerpt-font-font-size-value) * 1rem);= } } .blog-basic-grid .blog-categories, .blog-basic-grid .blog-author, .blog-bas= ic-grid .blog-date { font-family: var(--blog-basic-grid-list-meta-font-font= -family); font-style: var(--blog-basic-grid-list-meta-font-font-style); fon= t-weight: var(--blog-basic-grid-list-meta-font-font-weight); line-height: v= ar(--blog-basic-grid-list-meta-font-line-height); letter-spacing: var(--blo= g-basic-grid-list-meta-font-letter-spacing); text-transform: var(--blog-bas= ic-grid-list-meta-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-basic-grid .blog-categories, .blog-basic-grid .blog-author, .blog-b= asic-grid .blog-date { font-size: calc((var(--blog-basic-grid-list-meta-fon= t-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .blog-basic-grid .blog-categories, .blog-basic-grid .blog-author, .blog-b= asic-grid .blog-date { font-size: calc((var(--blog-basic-grid-list-meta-fon= t-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .blog-basic-grid .blog-categories, .blog-basic-grid .blog-author, .blog-b= asic-grid .blog-date { font-size: calc(var(--blog-basic-grid-list-meta-font= -font-size-value) * 1rem); } } .blog-single-column .blog-title { font-family: var(--blog-single-column-lis= t-title-font-font-family); font-style: var(--blog-single-column-list-title-= font-font-style); font-weight: var(--blog-single-column-list-title-font-fon= t-weight); line-height: var(--blog-single-column-list-title-font-line-heigh= t); letter-spacing: var(--blog-single-column-list-title-font-letter-spacing= ); text-transform: var(--blog-single-column-list-title-font-text-transform)= ; } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-single-column .blog-title { font-size: calc((var(--blog-single-colu= mn-list-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) += 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .blog-single-column .blog-title { font-size: calc((var(--blog-single-colu= mn-list-title-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .blog-single-column .blog-title { font-size: calc(var(--blog-single-colum= n-list-title-font-font-size-value) * 1rem); } } .blog-single-column .blog-excerpt, .blog-single-column .blog-more-link { fo= nt-family: var(--blog-single-column-list-excerpt-font-font-family); font-st= yle: var(--blog-single-column-list-excerpt-font-font-style); font-weight: v= ar(--blog-single-column-list-excerpt-font-font-weight); line-height: var(--= blog-single-column-list-excerpt-font-line-height); letter-spacing: var(--bl= og-single-column-list-excerpt-font-letter-spacing); text-transform: var(--b= log-single-column-list-excerpt-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-single-column .blog-excerpt, .blog-single-column .blog-more-link { = font-size: calc((var(--blog-single-column-list-excerpt-font-font-size-value= ) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .blog-single-column .blog-excerpt, .blog-single-column .blog-more-link { = font-size: calc((var(--blog-single-column-list-excerpt-font-font-size-value= ) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .blog-single-column .blog-excerpt, .blog-single-column .blog-more-link { = font-size: calc(var(--blog-single-column-list-excerpt-font-font-size-value)= * 1rem); } } .blog-single-column .blog-categories, .blog-single-column .blog-author, .bl= og-single-column .blog-date { font-family: var(--blog-single-column-list-me= ta-font-font-family); font-style: var(--blog-single-column-list-meta-font-f= ont-style); font-weight: var(--blog-single-column-list-meta-font-font-weigh= t); line-height: var(--blog-single-column-list-meta-font-line-height); lett= er-spacing: var(--blog-single-column-list-meta-font-letter-spacing); text-t= ransform: var(--blog-single-column-list-meta-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-single-column .blog-categories, .blog-single-column .blog-author, .= blog-single-column .blog-date { font-size: calc((var(--blog-single-column-l= ist-meta-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem= ); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .blog-single-column .blog-categories, .blog-single-column .blog-author, .= blog-single-column .blog-date { font-size: calc((var(--blog-single-column-l= ist-meta-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .blog-single-column .blog-categories, .blog-single-column .blog-author, .= blog-single-column .blog-date { font-size: calc(var(--blog-single-column-li= st-meta-font-font-size-value) * 1rem); } } .blog-side-by-side .blog-title { font-family: var(--blog-side-by-side-list-= title-font-font-family); font-style: var(--blog-side-by-side-list-title-fon= t-font-style); font-weight: var(--blog-side-by-side-list-title-font-font-we= ight); line-height: var(--blog-side-by-side-list-title-font-line-height); l= etter-spacing: var(--blog-side-by-side-list-title-font-letter-spacing); tex= t-transform: var(--blog-side-by-side-list-title-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-side-by-side .blog-title { font-size: calc((var(--blog-side-by-side= -list-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1= rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .blog-side-by-side .blog-title { font-size: calc((var(--blog-side-by-side= -list-title-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .blog-side-by-side .blog-title { font-size: calc(var(--blog-side-by-side-= list-title-font-font-size-value) * 1rem); } } .blog-side-by-side .blog-excerpt, .blog-side-by-side .blog-more-link { font= -family: var(--blog-side-by-side-list-excerpt-font-font-family); font-style= : var(--blog-side-by-side-list-excerpt-font-font-style); font-weight: var(-= -blog-side-by-side-list-excerpt-font-font-weight); line-height: var(--blog-= side-by-side-list-excerpt-font-line-height); letter-spacing: var(--blog-sid= e-by-side-list-excerpt-font-letter-spacing); text-transform: var(--blog-sid= e-by-side-list-excerpt-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-side-by-side .blog-excerpt, .blog-side-by-side .blog-more-link { fo= nt-size: calc((var(--blog-side-by-side-list-excerpt-font-font-size-value) -= 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .blog-side-by-side .blog-excerpt, .blog-side-by-side .blog-more-link { fo= nt-size: calc((var(--blog-side-by-side-list-excerpt-font-font-size-value) -= 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .blog-side-by-side .blog-excerpt, .blog-side-by-side .blog-more-link { fo= nt-size: calc(var(--blog-side-by-side-list-excerpt-font-font-size-value) * = 1rem); } } .blog-side-by-side .blog-categories, .blog-side-by-side .blog-author, .blog= -side-by-side .blog-date { font-family: var(--blog-side-by-side-list-meta-f= ont-font-family); font-style: var(--blog-side-by-side-list-meta-font-font-s= tyle); font-weight: var(--blog-side-by-side-list-meta-font-font-weight); li= ne-height: var(--blog-side-by-side-list-meta-font-line-height); letter-spac= ing: var(--blog-side-by-side-list-meta-font-letter-spacing); text-transform= : var(--blog-side-by-side-list-meta-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-side-by-side .blog-categories, .blog-side-by-side .blog-author, .bl= og-side-by-side .blog-date { font-size: calc((var(--blog-side-by-side-list-= meta-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .blog-side-by-side .blog-categories, .blog-side-by-side .blog-author, .bl= og-side-by-side .blog-date { font-size: calc((var(--blog-side-by-side-list-= meta-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .blog-side-by-side .blog-categories, .blog-side-by-side .blog-author, .bl= og-side-by-side .blog-date { font-size: calc(var(--blog-side-by-side-list-m= eta-font-font-size-value) * 1rem); } } .blog-alternating-side-by-side .blog-title { font-family: var(--blog-altern= ating-side-by-side-list-title-font-font-family); font-style: var(--blog-alt= ernating-side-by-side-list-title-font-font-style); font-weight: var(--blog-= alternating-side-by-side-list-title-font-font-weight); line-height: var(--b= log-alternating-side-by-side-list-title-font-line-height); letter-spacing: = var(--blog-alternating-side-by-side-list-title-font-letter-spacing); text-t= ransform: var(--blog-alternating-side-by-side-list-title-font-text-transfor= m); } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-alternating-side-by-side .blog-title { font-size: calc((var(--blog-= alternating-side-by-side-list-title-font-font-size-value) - 1) * calc(.012 = * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .blog-alternating-side-by-side .blog-title { font-size: calc((var(--blog-= alternating-side-by-side-list-title-font-font-size-value) - 1) * 1.2vw + 1r= em); } } @media screen and (min-width: 1484px) { .blog-alternating-side-by-side .blog-title { font-size: calc(var(--blog-a= lternating-side-by-side-list-title-font-font-size-value) * 1rem); } } .blog-alternating-side-by-side .blog-excerpt, .blog-alternating-side-by-sid= e .blog-more-link { font-family: var(--blog-alternating-side-by-side-list-e= xcerpt-font-font-family); font-style: var(--blog-alternating-side-by-side-l= ist-excerpt-font-font-style); font-weight: var(--blog-alternating-side-by-s= ide-list-excerpt-font-font-weight); line-height: var(--blog-alternating-sid= e-by-side-list-excerpt-font-line-height); letter-spacing: var(--blog-altern= ating-side-by-side-list-excerpt-font-letter-spacing); text-transform: var(-= -blog-alternating-side-by-side-list-excerpt-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-alternating-side-by-side .blog-excerpt, .blog-alternating-side-by-s= ide .blog-more-link { font-size: calc((var(--blog-alternating-side-by-side-= list-excerpt-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + = 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .blog-alternating-side-by-side .blog-excerpt, .blog-alternating-side-by-s= ide .blog-more-link { font-size: calc((var(--blog-alternating-side-by-side-= list-excerpt-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .blog-alternating-side-by-side .blog-excerpt, .blog-alternating-side-by-s= ide .blog-more-link { font-size: calc(var(--blog-alternating-side-by-side-l= ist-excerpt-font-font-size-value) * 1rem); } } .blog-alternating-side-by-side .blog-categories, .blog-alternating-side-by-= side .blog-author, .blog-alternating-side-by-side .blog-date { font-family:= var(--blog-alternating-side-by-side-list-meta-font-font-family); font-styl= e: var(--blog-alternating-side-by-side-list-meta-font-font-style); font-wei= ght: var(--blog-alternating-side-by-side-list-meta-font-font-weight); line-= height: var(--blog-alternating-side-by-side-list-meta-font-line-height); le= tter-spacing: var(--blog-alternating-side-by-side-list-meta-font-letter-spa= cing); text-transform: var(--blog-alternating-side-by-side-list-meta-font-t= ext-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-alternating-side-by-side .blog-categories, .blog-alternating-side-b= y-side .blog-author, .blog-alternating-side-by-side .blog-date { font-size:= calc((var(--blog-alternating-side-by-side-list-meta-font-font-size-value) = - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .blog-alternating-side-by-side .blog-categories, .blog-alternating-side-b= y-side .blog-author, .blog-alternating-side-by-side .blog-date { font-size:= calc((var(--blog-alternating-side-by-side-list-meta-font-font-size-value) = - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .blog-alternating-side-by-side .blog-categories, .blog-alternating-side-b= y-side .blog-author, .blog-alternating-side-by-side .blog-date { font-size:= calc(var(--blog-alternating-side-by-side-list-meta-font-font-size-value) *= 1rem); } } .blog-masonry .blog-title { font-family: var(--blog-grid-masonry-list-title= -font-font-family); font-style: var(--blog-grid-masonry-list-title-font-fon= t-style); font-weight: var(--blog-grid-masonry-list-title-font-font-weight)= ; line-height: var(--blog-grid-masonry-list-title-font-line-height); letter= -spacing: var(--blog-grid-masonry-list-title-font-letter-spacing); text-tra= nsform: var(--blog-grid-masonry-list-title-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-masonry .blog-title { font-size: calc((var(--blog-grid-masonry-list= -title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem);= } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .blog-masonry .blog-title { font-size: calc((var(--blog-grid-masonry-list= -title-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .blog-masonry .blog-title { font-size: calc(var(--blog-grid-masonry-list-= title-font-font-size-value) * 1rem); } } .blog-masonry .blog-excerpt, .blog-masonry .blog-more-link { font-family: v= ar(--blog-grid-masonry-list-excerpt-font-font-family); font-style: var(--bl= og-grid-masonry-list-excerpt-font-font-style); font-weight: var(--blog-grid= -masonry-list-excerpt-font-font-weight); line-height: var(--blog-grid-mason= ry-list-excerpt-font-line-height); letter-spacing: var(--blog-grid-masonry-= list-excerpt-font-letter-spacing); text-transform: var(--blog-grid-masonry-= list-excerpt-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-masonry .blog-excerpt, .blog-masonry .blog-more-link { font-size: c= alc((var(--blog-grid-masonry-list-excerpt-font-font-size-value) - 1) * calc= (.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .blog-masonry .blog-excerpt, .blog-masonry .blog-more-link { font-size: c= alc((var(--blog-grid-masonry-list-excerpt-font-font-size-value) - 1) * 1.2v= w + 1rem); } } @media screen and (min-width: 1484px) { .blog-masonry .blog-excerpt, .blog-masonry .blog-more-link { font-size: c= alc(var(--blog-grid-masonry-list-excerpt-font-font-size-value) * 1rem); } } .blog-masonry .blog-categories, .blog-masonry .blog-author, .blog-masonry .= blog-date { font-family: var(--blog-grid-masonry-list-meta-font-font-family= ); font-style: var(--blog-grid-masonry-list-meta-font-font-style); font-wei= ght: var(--blog-grid-masonry-list-meta-font-font-weight); line-height: var(= --blog-grid-masonry-list-meta-font-line-height); letter-spacing: var(--blog= -grid-masonry-list-meta-font-letter-spacing); text-transform: var(--blog-gr= id-masonry-list-meta-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-masonry .blog-categories, .blog-masonry .blog-author, .blog-masonry= .blog-date { font-size: calc((var(--blog-grid-masonry-list-meta-font-font-= size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .blog-masonry .blog-categories, .blog-masonry .blog-author, .blog-masonry= .blog-date { font-size: calc((var(--blog-grid-masonry-list-meta-font-font-= size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .blog-masonry .blog-categories, .blog-masonry .blog-author, .blog-masonry= .blog-date { font-size: calc(var(--blog-grid-masonry-list-meta-font-font-s= ize-value) * 1rem); } } .blog-item-wrapper .blog-item-title h1.entry-title { font-family: var(--blo= g-item-title-font-font-family); font-style: var(--blog-item-title-font-font= -style); font-weight: var(--blog-item-title-font-font-weight); line-height:= var(--blog-item-title-font-line-height); letter-spacing: var(--blog-item-t= itle-font-letter-spacing); text-transform: var(--blog-item-title-font-text-= transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-item-wrapper .blog-item-title h1.entry-title { font-size: calc((var= (--blog-item-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900p= x)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .blog-item-wrapper .blog-item-title h1.entry-title { font-size: calc((var= (--blog-item-title-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .blog-item-wrapper .blog-item-title h1.entry-title { font-size: calc(var(= --blog-item-title-font-font-size-value) * 1rem); } } .blog-item-wrapper .blog-meta-item, .blog-item-wrapper .blog-meta-item a, .= blog-item-wrapper .blog-meta-item span, .blog-item-wrapper .item-pagination= -prev-next { font-family: var(--blog-item-meta-font-font-family); font-styl= e: var(--blog-item-meta-font-font-style); font-weight: var(--blog-item-meta= -font-font-weight); line-height: var(--blog-item-meta-font-line-height); le= tter-spacing: var(--blog-item-meta-font-letter-spacing); text-transform: va= r(--blog-item-meta-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-item-wrapper .blog-meta-item, .blog-item-wrapper .blog-meta-item a,= .blog-item-wrapper .blog-meta-item span, .blog-item-wrapper .item-paginati= on-prev-next { font-size: calc((var(--blog-item-meta-font-font-size-value) = - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .blog-item-wrapper .blog-meta-item, .blog-item-wrapper .blog-meta-item a,= .blog-item-wrapper .blog-meta-item span, .blog-item-wrapper .item-paginati= on-prev-next { font-size: calc((var(--blog-item-meta-font-font-size-value) = - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .blog-item-wrapper .blog-meta-item, .blog-item-wrapper .blog-meta-item a,= .blog-item-wrapper .blog-meta-item span, .blog-item-wrapper .item-paginati= on-prev-next { font-size: calc(var(--blog-item-meta-font-font-size-value) *= 1rem); } } .blog-item-wrapper .author-name, .blog-item-wrapper .author-website, .blog-= item-wrapper .author-bio { font-family: var(--blog-item-author-profile-font= -font-family); font-style: var(--blog-item-author-profile-font-font-style);= font-weight: var(--blog-item-author-profile-font-font-weight); line-height= : var(--blog-item-author-profile-font-line-height); letter-spacing: var(--b= log-item-author-profile-font-letter-spacing); text-transform: var(--blog-it= em-author-profile-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-item-wrapper .author-name, .blog-item-wrapper .author-website, .blo= g-item-wrapper .author-bio { font-size: calc((var(--blog-item-author-profil= e-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .blog-item-wrapper .author-name, .blog-item-wrapper .author-website, .blo= g-item-wrapper .author-bio { font-size: calc((var(--blog-item-author-profil= e-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .blog-item-wrapper .author-name, .blog-item-wrapper .author-website, .blo= g-item-wrapper .author-bio { font-size: calc(var(--blog-item-author-profile= -font-font-size-value) * 1rem); } } [data-collection-type^=3D"blog"] .item-pagination-title { font-family: var(= --blog-item-pagination-font-font-family); font-style: var(--blog-item-pagin= ation-font-font-style); font-weight: var(--blog-item-pagination-font-font-w= eight); line-height: var(--blog-item-pagination-font-line-height); letter-s= pacing: var(--blog-item-pagination-font-letter-spacing); text-transform: va= r(--blog-item-pagination-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { [data-collection-type^=3D"blog"] .item-pagination-title { font-size: calc= ((var(--blog-item-pagination-font-font-size-value) - 1) * calc(.012 * min(1= 00vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { [data-collection-type^=3D"blog"] .item-pagination-title { font-size: calc= ((var(--blog-item-pagination-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { [data-collection-type^=3D"blog"] .item-pagination-title { font-size: calc= (var(--blog-item-pagination-font-font-size-value) * 1rem); } } .portfolio-grid-basic .portfolio-title { font-family: var(--portfolio-grid-= basic-title-font-font-family); font-style: var(--portfolio-grid-basic-title= -font-font-style); font-weight: var(--portfolio-grid-basic-title-font-font-= weight); line-height: var(--portfolio-grid-basic-title-font-line-height); l= etter-spacing: var(--portfolio-grid-basic-title-font-letter-spacing); text-= transform: var(--portfolio-grid-basic-title-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .portfolio-grid-basic .portfolio-title { font-size: calc((var(--portfolio= -grid-basic-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px= )) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .portfolio-grid-basic .portfolio-title { font-size: calc((var(--portfolio= -grid-basic-title-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .portfolio-grid-basic .portfolio-title { font-size: calc(var(--portfolio-= grid-basic-title-font-font-size-value) * 1rem); } } .portfolio-grid-overlay .portfolio-title { font-family: var(--portfolio-gri= d-overlay-title-font-font-family); font-style: var(--portfolio-grid-overlay= -title-font-font-style); font-weight: var(--portfolio-grid-overlay-title-fo= nt-font-weight); line-height: var(--portfolio-grid-overlay-title-font-line-= height); letter-spacing: var(--portfolio-grid-overlay-title-font-letter-spa= cing); text-transform: var(--portfolio-grid-overlay-title-font-text-transfo= rm); } @media screen and (max-width: 767px) and (orientation: portrait) { .portfolio-grid-overlay .portfolio-title { font-size: calc((var(--portfol= io-grid-overlay-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 9= 00px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .portfolio-grid-overlay .portfolio-title { font-size: calc((var(--portfol= io-grid-overlay-title-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .portfolio-grid-overlay .portfolio-title { font-size: calc(var(--portfoli= o-grid-overlay-title-font-font-size-value) * 1rem); } } .portfolio-hover[data-variant-hover-cover] .portfolio-hover-item-title { fo= nt-family: var(--portfolio-index-background-title-font-font-family); font-s= tyle: var(--portfolio-index-background-title-font-font-style); font-weight:= var(--portfolio-index-background-title-font-font-weight); line-height: var= (--portfolio-index-background-title-font-line-height); letter-spacing: var(= --portfolio-index-background-title-font-letter-spacing); text-transform: va= r(--portfolio-index-background-title-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .portfolio-hover[data-variant-hover-cover] .portfolio-hover-item-title { = font-size: calc((var(--portfolio-index-background-title-font-font-size-valu= e) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .portfolio-hover[data-variant-hover-cover] .portfolio-hover-item-title { = font-size: calc((var(--portfolio-index-background-title-font-font-size-valu= e) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .portfolio-hover[data-variant-hover-cover] .portfolio-hover-item-title { = font-size: calc(var(--portfolio-index-background-title-font-font-size-value= ) * 1rem); } } .collection-type-portfolio-index-background .portfolio-index-background-lin= k h1 { font-family: var(--portfolio-index-background-title-font-font-family= ); font-style: var(--portfolio-index-background-title-font-font-style); fon= t-weight: var(--portfolio-index-background-title-font-font-weight); line-he= ight: var(--portfolio-index-background-title-font-line-height); letter-spac= ing: var(--portfolio-index-background-title-font-letter-spacing); text-tran= sform: var(--portfolio-index-background-title-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .collection-type-portfolio-index-background .portfolio-index-background-l= ink h1 { font-size: calc((var(--portfolio-index-background-title-font-font-= size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .collection-type-portfolio-index-background .portfolio-index-background-l= ink h1 { font-size: calc((var(--portfolio-index-background-title-font-font-= size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .collection-type-portfolio-index-background .portfolio-index-background-l= ink h1 { font-size: calc(var(--portfolio-index-background-title-font-font-s= ize-value) * 1rem); } } .portfolio-hover[data-variant-hover-follow] .portfolio-hover-item-title { f= ont-family: var(--portfolio-hover-follow-title-font-font-family); font-styl= e: var(--portfolio-hover-follow-title-font-font-style); font-weight: var(--= portfolio-hover-follow-title-font-font-weight); line-height: var(--portfoli= o-hover-follow-title-font-line-height); letter-spacing: var(--portfolio-hov= er-follow-title-font-letter-spacing); text-transform: var(--portfolio-hover= -follow-title-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .portfolio-hover[data-variant-hover-follow] .portfolio-hover-item-title {= font-size: calc((var(--portfolio-hover-follow-title-font-font-size-value) = - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .portfolio-hover[data-variant-hover-follow] .portfolio-hover-item-title {= font-size: calc((var(--portfolio-hover-follow-title-font-font-size-value) = - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .portfolio-hover[data-variant-hover-follow] .portfolio-hover-item-title {= font-size: calc(var(--portfolio-hover-follow-title-font-font-size-value) *= 1rem); } } .portfolio-hover[data-variant-hover-static] .portfolio-hover-item-title { f= ont-family: var(--portfolio-hover-static-title-font-font-family); font-styl= e: var(--portfolio-hover-static-title-font-font-style); font-weight: var(--= portfolio-hover-static-title-font-font-weight); line-height: var(--portfoli= o-hover-static-title-font-line-height); letter-spacing: var(--portfolio-hov= er-static-title-font-letter-spacing); text-transform: var(--portfolio-hover= -static-title-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .portfolio-hover[data-variant-hover-static] .portfolio-hover-item-title {= font-size: calc((var(--portfolio-hover-static-title-font-font-size-value) = - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .portfolio-hover[data-variant-hover-static] .portfolio-hover-item-title {= font-size: calc((var(--portfolio-hover-static-title-font-font-size-value) = - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .portfolio-hover[data-variant-hover-static] .portfolio-hover-item-title {= font-size: calc(var(--portfolio-hover-static-title-font-font-size-value) *= 1rem); } } [data-collection-type^=3D"portfolio"] .item-pagination-title { font-family:= var(--portfolio-item-pagination-font-font-family); font-style: var(--portf= olio-item-pagination-font-font-style); font-weight: var(--portfolio-item-pa= gination-font-font-weight); line-height: var(--portfolio-item-pagination-fo= nt-line-height); letter-spacing: var(--portfolio-item-pagination-font-lette= r-spacing); text-transform: var(--portfolio-item-pagination-font-text-trans= form); } @media screen and (max-width: 767px) and (orientation: portrait) { [data-collection-type^=3D"portfolio"] .item-pagination-title { font-size:= calc((var(--portfolio-item-pagination-font-font-size-value) - 1) * calc(.0= 12 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { [data-collection-type^=3D"portfolio"] .item-pagination-title { font-size:= calc((var(--portfolio-item-pagination-font-font-size-value) - 1) * 1.2vw += 1rem); } } @media screen and (min-width: 1484px) { [data-collection-type^=3D"portfolio"] .item-pagination-title { font-size:= calc(var(--portfolio-item-pagination-font-font-size-value) * 1rem); } } [data-collection-type^=3D"events"] .item-pagination-title { font-family: va= r(--events-item-pagination-font-font-family); font-style: var(--events-item= -pagination-font-font-style); font-weight: var(--events-item-pagination-fon= t-font-weight); line-height: var(--events-item-pagination-font-line-height)= ; letter-spacing: var(--events-item-pagination-font-letter-spacing); text-t= ransform: var(--events-item-pagination-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { [data-collection-type^=3D"events"] .item-pagination-title { font-size: ca= lc((var(--events-item-pagination-font-font-size-value) - 1) * calc(.012 * m= in(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { [data-collection-type^=3D"events"] .item-pagination-title { font-size: ca= lc((var(--events-item-pagination-font-font-size-value) - 1) * 1.2vw + 1rem)= ; } } @media screen and (min-width: 1484px) { [data-collection-type^=3D"events"] .item-pagination-title { font-size: ca= lc(var(--events-item-pagination-font-font-size-value) * 1rem); } } [data-collection-type^=3D"events"] .events-item-pagination-date { font-fami= ly: var(--events-item-pagination-date-font-font-family); font-style: var(--= events-item-pagination-date-font-font-style); font-weight: var(--events-ite= m-pagination-date-font-font-weight); line-height: var(--events-item-paginat= ion-date-font-line-height); letter-spacing: var(--events-item-pagination-da= te-font-letter-spacing); text-transform: var(--events-item-pagination-date-= font-text-transform); margin-bottom: 1rem; } @media screen and (max-width: 767px) and (orientation: portrait) { [data-collection-type^=3D"events"] .events-item-pagination-date { font-si= ze: calc((var(--events-item-pagination-date-font-font-size-value) - 1) * ca= lc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { [data-collection-type^=3D"events"] .events-item-pagination-date { font-si= ze: calc((var(--events-item-pagination-date-font-font-size-value) - 1) * 1.= 2vw + 1rem); } } @media screen and (min-width: 1484px) { [data-collection-type^=3D"events"] .events-item-pagination-date { font-si= ze: calc(var(--events-item-pagination-date-font-font-size-value) * 1rem); } } .sqs-block-collectionlink .collectionlink-title { font-family: var(--conten= t-link-block-title-font-font-family); font-style: var(--content-link-block-= title-font-font-style); font-weight: var(--content-link-block-title-font-fo= nt-weight); line-height: var(--content-link-block-title-font-line-height); = letter-spacing: var(--content-link-block-title-font-letter-spacing); text-t= ransform: var(--content-link-block-title-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-collectionlink .collectionlink-title { font-size: calc((var(--= content-link-block-title-font-font-size-value) - 1) * calc(.012 * min(100vh= , 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .sqs-block-collectionlink .collectionlink-title { font-size: calc((var(--= content-link-block-title-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .sqs-block-collectionlink .collectionlink-title { font-size: calc(var(--c= ontent-link-block-title-font-font-size-value) * 1rem); } } .sqs-block-image .sqs-dynamic-text { font-size: inherit !important; line-he= ight: inherit !important; } .sqs-block-image .design-layout-overlap .image-title * { line-height: 1.5 != important; } .menu-select-labels { font-family: var(--menu-block-nav-font-font-family); = font-style: var(--menu-block-nav-font-font-style); font-weight: var(--menu-= block-nav-font-font-weight); line-height: var(--menu-block-nav-font-line-he= ight); letter-spacing: var(--menu-block-nav-font-letter-spacing); text-tran= sform: var(--menu-block-nav-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .menu-select-labels { font-size: calc((var(--menu-block-nav-font-font-siz= e-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important; } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .menu-select-labels { font-size: calc((var(--menu-block-nav-font-font-siz= e-value) - 1) * 1.2vw + 1rem) !important; } } @media screen and (min-width: 1484px) { .menu-select-labels { font-size: calc(var(--menu-block-nav-font-font-size= -value) * 1rem) !important; } } .menu-section-title { font-family: var(--menu-block-title-font-font-family)= ; font-style: var(--menu-block-title-font-font-style); font-weight: var(--m= enu-block-title-font-font-weight); line-height: var(--menu-block-title-font= -line-height); letter-spacing: var(--menu-block-title-font-letter-spacing);= text-transform: var(--menu-block-title-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .menu-section-title { font-size: calc((var(--menu-block-title-font-font-s= ize-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important; } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .menu-section-title { font-size: calc((var(--menu-block-title-font-font-s= ize-value) - 1) * 1.2vw + 1rem) !important; } } @media screen and (min-width: 1484px) { .menu-section-title { font-size: calc(var(--menu-block-title-font-font-si= ze-value) * 1rem) !important; } } .menu-item-title { font-family: var(--menu-block-item-title-font-font-famil= y); font-style: var(--menu-block-item-title-font-font-style); font-weight: = var(--menu-block-item-title-font-font-weight); line-height: var(--menu-bloc= k-item-title-font-line-height); letter-spacing: var(--menu-block-item-title= -font-letter-spacing); text-transform: var(--menu-block-item-title-font-tex= t-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .menu-item-title { font-size: calc((var(--menu-block-item-title-font-font= -size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important; } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .menu-item-title { font-size: calc((var(--menu-block-item-title-font-font= -size-value) - 1) * 1.2vw + 1rem) !important; } } @media screen and (min-width: 1484px) { .menu-item-title { font-size: calc(var(--menu-block-item-title-font-font-= size-value) * 1rem) !important; } } .menu-item-description { font-family: var(--menu-block-item-description-fon= t-font-family); font-style: var(--menu-block-item-description-font-font-sty= le); font-weight: var(--menu-block-item-description-font-font-weight); line= -height: var(--menu-block-item-description-font-line-height); letter-spacin= g: var(--menu-block-item-description-font-letter-spacing); text-transform: = var(--menu-block-item-description-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .menu-item-description { font-size: calc((var(--menu-block-item-descripti= on-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !imp= ortant; } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .menu-item-description { font-size: calc((var(--menu-block-item-descripti= on-font-font-size-value) - 1) * 1.2vw + 1rem) !important; } } @media screen and (min-width: 1484px) { .menu-item-description { font-size: calc(var(--menu-block-item-descriptio= n-font-font-size-value) * 1rem) !important; } } .menu-item-price-top, .menu-item-price-bottom { font-family: var(--menu-blo= ck-item-price-font-font-family); font-style: var(--menu-block-item-price-fo= nt-font-style); font-weight: var(--menu-block-item-price-font-font-weight);= line-height: var(--menu-block-item-price-font-line-height); letter-spacing= : var(--menu-block-item-price-font-letter-spacing); text-transform: var(--m= enu-block-item-price-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .menu-item-price-top, .menu-item-price-bottom { font-size: calc((var(--me= nu-block-item-price-font-font-size-value) - 1) * calc(.012 * min(100vh, 900= px)) + 1rem) !important; } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .menu-item-price-top, .menu-item-price-bottom { font-size: calc((var(--me= nu-block-item-price-font-font-size-value) - 1) * 1.2vw + 1rem) !important; = } } @media screen and (min-width: 1484px) { .menu-item-price-top, .menu-item-price-bottom { font-size: calc(var(--men= u-block-item-price-font-font-size-value) * 1rem) !important; } } .sqs-audio-embed { font-family: var(--meta-font-font-family); font-style: v= ar(--meta-font-font-style); font-weight: var(--meta-font-font-weight); line= -height: var(--meta-font-line-height); letter-spacing: var(--meta-font-lett= er-spacing); text-transform: var(--meta-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-audio-embed { font-size: calc((var(--normal-meta-size-value) - 1) * = calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .sqs-audio-embed { font-size: calc((var(--normal-meta-size-value) - 1) * = 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .sqs-audio-embed { font-size: calc(var(--normal-meta-size-value) * 1rem);= } } .sqs-block-form .field-list .title { font-family: var(--form-block-title-te= xt-font-font-family); font-style: var(--form-block-title-text-font-font-sty= le); font-weight: var(--form-block-title-text-font-font-weight); line-heigh= t: var(--form-block-title-text-font-line-height); letter-spacing: var(--for= m-block-title-text-font-letter-spacing); text-transform: var(--form-block-t= itle-text-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-form .field-list .title { font-size: calc((var(--form-block-ti= tle-text-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem= ) !important; } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .sqs-block-form .field-list .title { font-size: calc((var(--form-block-ti= tle-text-font-font-size-value) - 1) * 1.2vw + 1rem) !important; } } @media screen and (min-width: 1484px) { .sqs-block-form .field-list .title { font-size: calc(var(--form-block-tit= le-text-font-font-size-value) * 1rem) !important; } } .sqs-block-form .field-list input, .sqs-block-form .field-list textarea, .s= qs-block-form .field-list .form-input-prefix { font-family: var(--form-bloc= k-input-text-font-font-family); font-style: var(--form-block-input-text-fon= t-font-style); font-weight: var(--form-block-input-text-font-font-weight); = line-height: var(--form-block-input-text-font-line-height); letter-spacing:= var(--form-block-input-text-font-letter-spacing); text-transform: var(--fo= rm-block-input-text-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-form .field-list input, .sqs-block-form .field-list textarea, = .sqs-block-form .field-list .form-input-prefix { font-size: calc((var(--for= m-block-input-text-font-font-size-value) - 1) * calc(.012 * min(100vh, 900p= x)) + 1rem) !important; } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .sqs-block-form .field-list input, .sqs-block-form .field-list textarea, = .sqs-block-form .field-list .form-input-prefix { font-size: calc((var(--for= m-block-input-text-font-font-size-value) - 1) * 1.2vw + 1rem) !important; } } @media screen and (min-width: 1484px) { .sqs-block-form .field-list input, .sqs-block-form .field-list textarea, = .sqs-block-form .field-list .form-input-prefix { font-size: calc(var(--form= -block-input-text-font-font-size-value) * 1rem) !important; } } .sqs-block-form .field-list .description { font-family: var(--form-block-de= scription-text-font-font-family); font-style: var(--form-block-description-= text-font-font-style); font-weight: var(--form-block-description-text-font-= font-weight); line-height: var(--form-block-description-text-font-line-heig= ht); letter-spacing: var(--form-block-description-text-font-letter-spacing)= ; text-transform: var(--form-block-description-text-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-form .field-list .description { font-size: calc((var(--form-bl= ock-description-text-font-font-size-value) - 1) * calc(.012 * min(100vh, 90= 0px)) + 1rem) !important; } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .sqs-block-form .field-list .description { font-size: calc((var(--form-bl= ock-description-text-font-font-size-value) - 1) * 1.2vw + 1rem) !important;= } } @media screen and (min-width: 1484px) { .sqs-block-form .field-list .description { font-size: calc(var(--form-blo= ck-description-text-font-font-size-value) * 1rem) !important; } } .sqs-block-form .field-list .caption-text { font-family: var(--form-block-c= aption-text-font-font-family); font-style: var(--form-block-caption-text-fo= nt-font-style); font-weight: var(--form-block-caption-text-font-font-weight= ); line-height: var(--form-block-caption-text-font-line-height); letter-spa= cing: var(--form-block-caption-text-font-letter-spacing); text-transform: v= ar(--form-block-caption-text-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-form .field-list .caption-text { font-size: calc((var(--form-b= lock-caption-text-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px= )) + 1rem) !important; } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .sqs-block-form .field-list .caption-text { font-size: calc((var(--form-b= lock-caption-text-font-font-size-value) - 1) * 1.2vw + 1rem) !important; } } @media screen and (min-width: 1484px) { .sqs-block-form .field-list .caption-text { font-size: calc(var(--form-bl= ock-caption-text-font-font-size-value) * 1rem) !important; } } .sqs-block-form .field-list ::placeholder, .sqs-block-form .field-list sele= ct.show-placeholder { font-family: var(--form-block-placeholder-text-font-f= ont-family); font-style: var(--form-block-placeholder-text-font-font-style)= ; font-weight: var(--form-block-placeholder-text-font-font-weight); line-he= ight: var(--form-block-placeholder-text-font-line-height); letter-spacing: = var(--form-block-placeholder-text-font-letter-spacing); text-transform: var= (--form-block-placeholder-text-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-form .field-list ::placeholder, .sqs-block-form .field-list se= lect.show-placeholder { font-size: calc((var(--form-block-placeholder-text-= font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !import= ant; } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .sqs-block-form .field-list ::placeholder, .sqs-block-form .field-list se= lect.show-placeholder { font-size: calc((var(--form-block-placeholder-text-= font-font-size-value) - 1) * 1.2vw + 1rem) !important; } } @media screen and (min-width: 1484px) { .sqs-block-form .field-list ::placeholder, .sqs-block-form .field-list se= lect.show-placeholder { font-size: calc(var(--form-block-placeholder-text-f= ont-font-size-value) * 1rem) !important; } } @media screen and (max-width: 767px) and (orientation: portrait) { } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { } @media screen and (min-width: 1484px) { } @media screen and (max-width: 767px) and (orientation: portrait) { } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { } @media screen and (min-width: 1484px) { } .sqs-block-form .field-list .option { font-family: var(--form-block-option-= text-font-font-family); font-style: var(--form-block-option-text-font-font-= style); font-weight: var(--form-block-option-text-font-font-weight); line-h= eight: var(--form-block-option-text-font-line-height); letter-spacing: var(= --form-block-option-text-font-letter-spacing); text-transform: var(--form-b= lock-option-text-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-form .field-list .option { font-size: calc((var(--form-block-o= ption-text-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1r= em) !important; } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .sqs-block-form .field-list .option { font-size: calc((var(--form-block-o= ption-text-font-font-size-value) - 1) * 1.2vw + 1rem) !important; } } @media screen and (min-width: 1484px) { .sqs-block-form .field-list .option { font-size: calc(var(--form-block-op= tion-text-font-font-size-value) * 1rem) !important; } } .sqs-block-form .field-list .question { font-family: var(--form-block-surve= y-title-text-font-font-family); font-style: var(--form-block-survey-title-t= ext-font-font-style); font-weight: var(--form-block-survey-title-text-font-= font-weight); line-height: var(--form-block-survey-title-text-font-line-hei= ght); letter-spacing: var(--form-block-survey-title-text-font-letter-spacin= g); text-transform: var(--form-block-survey-title-text-font-text-transform)= ; } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-form .field-list .question { font-size: calc((var(--form-block= -survey-title-text-font-font-size-value) - 1) * calc(.012 * min(100vh, 900p= x)) + 1rem) !important; } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .sqs-block-form .field-list .question { font-size: calc((var(--form-block= -survey-title-text-font-font-size-value) - 1) * 1.2vw + 1rem) !important; } } @media screen and (min-width: 1484px) { .sqs-block-form .field-list .question { font-size: calc(var(--form-block-= survey-title-text-font-font-size-value) * 1rem) !important; } } .sqs-block-form .field-list select { font-family: var(--form-block-select-d= ropdown-text-font-font-family); font-style: var(--form-block-select-dropdow= n-text-font-font-style); font-weight: var(--form-block-select-dropdown-text= -font-font-weight); line-height: var(--form-block-select-dropdown-text-font= -line-height); letter-spacing: var(--form-block-select-dropdown-text-font-l= etter-spacing); text-transform: var(--form-block-select-dropdown-text-font-= text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-form .field-list select { font-size: calc((var(--form-block-se= lect-dropdown-text-font-font-size-value) - 1) * calc(.012 * min(100vh, 900p= x)) + 1rem) !important; } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .sqs-block-form .field-list select { font-size: calc((var(--form-block-se= lect-dropdown-text-font-font-size-value) - 1) * 1.2vw + 1rem) !important; } } @media screen and (min-width: 1484px) { .sqs-block-form .field-list select { font-size: calc(var(--form-block-sel= ect-dropdown-text-font-font-size-value) * 1rem) !important; } } .sqs-block-form .field-list .phone select { font-family: var(--form-block-i= nput-text-font-font-family); font-style: var(--form-block-input-text-font-f= ont-style); font-weight: var(--form-block-input-text-font-font-weight); lin= e-height: var(--form-block-input-text-font-line-height); letter-spacing: va= r(--form-block-input-text-font-letter-spacing); text-transform: var(--form-= block-input-text-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-form .field-list .phone select { font-size: calc((var(--form-b= lock-input-text-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px))= + 1rem) !important; } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .sqs-block-form .field-list .phone select { font-size: calc((var(--form-b= lock-input-text-font-font-size-value) - 1) * 1.2vw + 1rem) !important; } } @media screen and (min-width: 1484px) { .sqs-block-form .field-list .phone select { font-size: calc(var(--form-bl= ock-input-text-font-font-size-value) * 1rem) !important; } } .sqs-modal-lightbox-content .lightbox-inner .lightbox-content.lightbox-form= -content-background .form-title { font-family: var(--heading-font-font-fami= ly); font-style: var(--heading-font-font-style); font-weight: var(--heading= -font-font-weight); letter-spacing: var(--heading-font-letter-spacing); tex= t-transform: var(--heading-font-text-transform); line-height: calc(var(--he= ading-font-line-height) * (1 + (1 - var(--heading-3-size-value))/25)); } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-modal-lightbox-content .lightbox-inner .lightbox-content.lightbox-fo= rm-content-background .form-title { font-size: calc((var(--heading-3-size-v= alue) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .sqs-modal-lightbox-content .lightbox-inner .lightbox-content.lightbox-fo= rm-content-background .form-title { font-size: calc((var(--heading-3-size-v= alue) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .sqs-modal-lightbox-content .lightbox-inner .lightbox-content.lightbox-fo= rm-content-background .form-title { font-size: calc(var(--heading-3-size-va= lue) * 1rem); } } .newsletter-form .newsletter-form-header-title { font-family: var(--newslet= ter-block-title-text-font-font-family); font-style: var(--newsletter-block-= title-text-font-font-style); font-weight: var(--newsletter-block-title-text= -font-font-weight); line-height: var(--newsletter-block-title-text-font-lin= e-height); letter-spacing: var(--newsletter-block-title-text-font-letter-sp= acing); text-transform: var(--newsletter-block-title-text-font-text-transfo= rm); } @media screen and (max-width: 767px) and (orientation: portrait) { .newsletter-form .newsletter-form-header-title { font-size: calc((var(--n= ewsletter-block-title-text-font-font-size-value) - 1) * calc(.012 * min(100= vh, 900px)) + 1rem) !important; } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .newsletter-form .newsletter-form-header-title { font-size: calc((var(--n= ewsletter-block-title-text-font-font-size-value) - 1) * 1.2vw + 1rem) !impo= rtant; } } @media screen and (min-width: 1484px) { .newsletter-form .newsletter-form-header-title { font-size: calc(var(--ne= wsletter-block-title-text-font-font-size-value) * 1rem) !important; } } .newsletter-form .newsletter-form-header-description { font-family: var(--n= ewsletter-block-description-text-font-font-family); font-style: var(--newsl= etter-block-description-text-font-font-style); font-weight: var(--newslette= r-block-description-text-font-font-weight); line-height: var(--newsletter-b= lock-description-text-font-line-height); letter-spacing: var(--newsletter-b= lock-description-text-font-letter-spacing); text-transform: var(--newslette= r-block-description-text-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .newsletter-form .newsletter-form-header-description { font-size: calc((v= ar(--newsletter-block-description-text-font-font-size-value) - 1) * calc(.0= 12 * min(100vh, 900px)) + 1rem) !important; } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .newsletter-form .newsletter-form-header-description { font-size: calc((v= ar(--newsletter-block-description-text-font-font-size-value) - 1) * 1.2vw += 1rem) !important; } } @media screen and (min-width: 1484px) { .newsletter-form .newsletter-form-header-description { font-size: calc(va= r(--newsletter-block-description-text-font-font-size-value) * 1rem) !import= ant; } } .newsletter-form .newsletter-form-field-element { font-family: var(--newsle= tter-block-field-text-font-font-family); font-style: var(--newsletter-block= -field-text-font-font-style); font-weight: var(--newsletter-block-field-tex= t-font-font-weight); line-height: var(--newsletter-block-field-text-font-li= ne-height); letter-spacing: var(--newsletter-block-field-text-font-letter-s= pacing); text-transform: var(--newsletter-block-field-text-font-text-transf= orm); } @media screen and (max-width: 767px) and (orientation: portrait) { .newsletter-form .newsletter-form-field-element { font-size: calc((var(--= newsletter-block-description-text-font-font-size-value) - 1) * calc(.012 * = min(100vh, 900px)) + 1rem) !important; } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .newsletter-form .newsletter-form-field-element { font-size: calc((var(--= newsletter-block-description-text-font-font-size-value) - 1) * 1.2vw + 1rem= ) !important; } } @media screen and (min-width: 1484px) { .newsletter-form .newsletter-form-field-element { font-size: calc(var(--n= ewsletter-block-description-text-font-font-size-value) * 1rem) !important; = } } .newsletter-form .newsletter-form-footnote { font-family: var(--newsletter-= block-footnote-text-font-font-family); font-style: var(--newsletter-block-f= ootnote-text-font-font-style); font-weight: var(--newsletter-block-footnote= -text-font-font-weight); line-height: var(--newsletter-block-footnote-text-= font-line-height); letter-spacing: var(--newsletter-block-footnote-text-fon= t-letter-spacing); text-transform: var(--newsletter-block-footnote-text-fon= t-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .newsletter-form .newsletter-form-footnote { font-size: calc((var(--newsl= etter-block-footnote-text-font-font-size-value) - 1) * calc(.012 * min(100v= h, 900px)) + 1rem) !important; } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .newsletter-form .newsletter-form-footnote { font-size: calc((var(--newsl= etter-block-footnote-text-font-font-size-value) - 1) * 1.2vw + 1rem) !impor= tant; } } @media screen and (min-width: 1484px) { .newsletter-form .newsletter-form-footnote { font-size: calc(var(--newsle= tter-block-footnote-text-font-font-size-value) * 1rem) !important; } } .newsletter-block .newsletter-form-field-element, .newsletter-block .newsle= tter-form-button { padding: 1.4rem 2rem !important; line-height: 1.2rem !im= portant; } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-summary-v2 .summary-block-setting-text-size-extralarge .summar= y-title { font-size: calc((var(--heading-2-size-value) - 1) * calc(.012 * m= in(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .sqs-block-summary-v2 .summary-block-setting-text-size-extralarge .summar= y-title { font-size: calc((var(--heading-2-size-value) - 1) * 1.2vw + 1rem)= ; } } @media screen and (min-width: 1484px) { .sqs-block-summary-v2 .summary-block-setting-text-size-extralarge .summar= y-title { font-size: calc(var(--heading-2-size-value) * 1rem); } } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-summary-v2 .summary-block-setting-text-size-extralarge .summar= y-excerpt p { font-size: calc((var(--normal-text-size-value) - 1) * calc(.0= 12 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .sqs-block-summary-v2 .summary-block-setting-text-size-extralarge .summar= y-excerpt p { font-size: calc((var(--normal-text-size-value) - 1) * 1.2vw += 1rem); } } @media screen and (min-width: 1484px) { .sqs-block-summary-v2 .summary-block-setting-text-size-extralarge .summar= y-excerpt p { font-size: calc(var(--normal-text-size-value) * 1rem); } } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-summary-v2 .summary-block-setting-text-size-large .summary-tit= le { font-size: calc((var(--large-text-size-value) - 1) * calc(.012 * min(1= 00vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .sqs-block-summary-v2 .summary-block-setting-text-size-large .summary-tit= le { font-size: calc((var(--large-text-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .sqs-block-summary-v2 .summary-block-setting-text-size-large .summary-tit= le { font-size: calc(var(--large-text-size-value) * 1rem); } } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-summary-v2 .summary-title, .sqs-block-summary-v2 .summary-bloc= k-setting-text-size-medium .summary-title { font-size: calc((var(--normal-t= ext-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .sqs-block-summary-v2 .summary-title, .sqs-block-summary-v2 .summary-bloc= k-setting-text-size-medium .summary-title { font-size: calc((var(--normal-t= ext-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .sqs-block-summary-v2 .summary-title, .sqs-block-summary-v2 .summary-bloc= k-setting-text-size-medium .summary-title { font-size: calc(var(--normal-te= xt-size-value) * 1rem); } } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-summary-v2 .summary-block-setting-text-size-small .summary-tit= le { font-size: calc((var(--small-text-size-value) - 1) * calc(.012 * min(1= 00vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .sqs-block-summary-v2 .summary-block-setting-text-size-small .summary-tit= le { font-size: calc((var(--small-text-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .sqs-block-summary-v2 .summary-block-setting-text-size-small .summary-tit= le { font-size: calc(var(--small-text-size-value) * 1rem); } } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper h1 { font= -family: var(--heading-font-font-family); font-style: var(--heading-font-fo= nt-style); font-weight: var(--heading-font-font-weight); line-height: var(-= -heading-font-line-height); letter-spacing: var(--heading-font-letter-spaci= ng); text-transform: var(--heading-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper h1 { fo= nt-size: calc((var(--heading-3-size-value) - 1) * calc(.012 * min(100vh, 90= 0px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper h1 { fo= nt-size: calc((var(--heading-3-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper h1 { fo= nt-size: calc(var(--heading-3-size-value) * 1rem); } } .sqs-block-quote blockquote { font-family: var(--quote-block-text-font-font= -family); font-style: var(--quote-block-text-font-font-style); font-weight:= var(--quote-block-text-font-font-weight); line-height: var(--quote-block-t= ext-font-line-height); letter-spacing: var(--quote-block-text-font-letter-s= pacing); text-transform: var(--quote-block-text-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-quote blockquote { font-size: calc((var(--quote-block-text-fon= t-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .sqs-block-quote blockquote { font-size: calc((var(--quote-block-text-fon= t-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .sqs-block-quote blockquote { font-size: calc(var(--quote-block-text-font= -font-size-value) * 1rem); } } .sqs-block-quote .source { font-family: var(--quote-block-source-font-font-= family); font-style: var(--quote-block-source-font-font-style); font-weight= : var(--quote-block-source-font-font-weight); line-height: var(--quote-bloc= k-source-font-line-height); letter-spacing: var(--quote-block-source-font-l= etter-spacing); text-transform: var(--quote-block-source-font-text-transfor= m); } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-quote .source { font-size: calc((var(--quote-block-source-font= -font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .sqs-block-quote .source { font-size: calc((var(--quote-block-source-font= -font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .sqs-block-quote .source { font-size: calc(var(--quote-block-source-font-= font-size-value) * 1rem); } } @media screen and (max-width: 991px) { html { font-size: min(var(--base-font-size), 16px); } } .course-list .course-list__course-name { font-family: var(--course-list-cou= rse-name-font-font-family); font-style: var(--course-list-course-name-font-= font-style); font-weight: var(--course-list-course-name-font-font-weight); = line-height: var(--course-list-course-name-font-line-height); letter-spacin= g: var(--course-list-course-name-font-letter-spacing); text-transform: var(= --course-list-course-name-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .course-list .course-list__course-name { font-size: calc((var(--course-li= st-course-name-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) = + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .course-list .course-list__course-name { font-size: calc((var(--course-li= st-course-name-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .course-list .course-list__course-name { font-size: calc(var(--course-lis= t-course-name-font-font-size-value) * 1rem); } } .course-list .course-list__course-description { font-family: var(--course-l= ist-course-description-font-font-family); font-style: var(--course-list-cou= rse-description-font-font-style); font-weight: var(--course-list-course-des= cription-font-font-weight); line-height: var(--course-list-course-descripti= on-font-line-height); letter-spacing: var(--course-list-course-description-= font-letter-spacing); text-transform: var(--course-list-course-description-= font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .course-list .course-list__course-description { font-size: calc((var(--co= urse-list-course-description-font-font-size-value) - 1) * calc(.012 * min(1= 00vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .course-list .course-list__course-description { font-size: calc((var(--co= urse-list-course-description-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .course-list .course-list__course-description { font-size: calc(var(--cou= rse-list-course-description-font-font-size-value) * 1rem); } } .course-list .course-list__list-chapter-item-chapter-name { font-family: va= r(--course-list-chapter-item-chapter-name-font-font-family); font-style: va= r(--course-list-chapter-item-chapter-name-font-font-style); font-weight: va= r(--course-list-chapter-item-chapter-name-font-font-weight); line-height: v= ar(--course-list-chapter-item-chapter-name-font-line-height); letter-spacin= g: var(--course-list-chapter-item-chapter-name-font-letter-spacing); text-t= ransform: var(--course-list-chapter-item-chapter-name-font-text-transform);= } @media screen and (max-width: 767px) and (orientation: portrait) { .course-list .course-list__list-chapter-item-chapter-name { font-size: ca= lc((var(--course-list-chapter-item-chapter-name-font-font-size-value) - 1) = * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .course-list .course-list__list-chapter-item-chapter-name { font-size: ca= lc((var(--course-list-chapter-item-chapter-name-font-font-size-value) - 1) = * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .course-list .course-list__list-chapter-item-chapter-name { font-size: ca= lc(var(--course-list-chapter-item-chapter-name-font-font-size-value) * 1rem= ); } } .course-list .course-list__list-chapter-item-chapter-meta { font-family: va= r(--course-list-chapter-item-chapter-meta-font-font-family); font-style: va= r(--course-list-chapter-item-chapter-meta-font-font-style); font-weight: va= r(--course-list-chapter-item-chapter-meta-font-font-weight); line-height: v= ar(--course-list-chapter-item-chapter-meta-font-line-height); letter-spacin= g: var(--course-list-chapter-item-chapter-meta-font-letter-spacing); text-t= ransform: var(--course-list-chapter-item-chapter-meta-font-text-transform);= } @media screen and (max-width: 767px) and (orientation: portrait) { .course-list .course-list__list-chapter-item-chapter-meta { font-size: ca= lc((var(--course-list-chapter-item-chapter-meta-font-font-size-value) - 1) = * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .course-list .course-list__list-chapter-item-chapter-meta { font-size: ca= lc((var(--course-list-chapter-item-chapter-meta-font-font-size-value) - 1) = * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .course-list .course-list__list-chapter-item-chapter-meta { font-size: ca= lc(var(--course-list-chapter-item-chapter-meta-font-font-size-value) * 1rem= ); } } .course-list .course-list__list-course-item-lesson-name { font-family: var(= --course-list-course-item-lesson-name-font-font-family); font-style: var(--= course-list-course-item-lesson-name-font-font-style); font-weight: var(--co= urse-list-course-item-lesson-name-font-font-weight); line-height: var(--cou= rse-list-course-item-lesson-name-font-line-height); letter-spacing: var(--c= ourse-list-course-item-lesson-name-font-letter-spacing); text-transform: va= r(--course-list-course-item-lesson-name-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .course-list .course-list__list-course-item-lesson-name { font-size: calc= ((var(--course-list-course-item-lesson-name-font-font-size-value) - 1) * ca= lc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .course-list .course-list__list-course-item-lesson-name { font-size: calc= ((var(--course-list-course-item-lesson-name-font-font-size-value) - 1) * 1.= 2vw + 1rem); } } @media screen and (min-width: 1484px) { .course-list .course-list__list-course-item-lesson-name { font-size: calc= (var(--course-list-course-item-lesson-name-font-font-size-value) * 1rem); } } .course-list .course-list__list-course-item-lesson-excerpt { font-family: v= ar(--course-list-course-item-lesson-excerpt-font-font-family); font-style: = var(--course-list-course-item-lesson-excerpt-font-font-style); font-weight:= var(--course-list-course-item-lesson-excerpt-font-font-weight); line-heigh= t: var(--course-list-course-item-lesson-excerpt-font-line-height); letter-s= pacing: var(--course-list-course-item-lesson-excerpt-font-letter-spacing); = text-transform: var(--course-list-course-item-lesson-excerpt-font-text-tran= sform); } @media screen and (max-width: 767px) and (orientation: portrait) { .course-list .course-list__list-course-item-lesson-excerpt { font-size: c= alc((var(--course-list-course-item-lesson-excerpt-font-font-size-value) - 1= ) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .course-list .course-list__list-course-item-lesson-excerpt { font-size: c= alc((var(--course-list-course-item-lesson-excerpt-font-font-size-value) - 1= ) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .course-list .course-list__list-course-item-lesson-excerpt { font-size: c= alc(var(--course-list-course-item-lesson-excerpt-font-font-size-value) * 1r= em); } } .course-list .course-list__list-course-item-lesson-meta { font-family: var(= --course-list-course-item-lesson-meta-font-font-family); font-style: var(--= course-list-course-item-lesson-meta-font-font-style); font-weight: var(--co= urse-list-course-item-lesson-meta-font-font-weight); line-height: var(--cou= rse-list-course-item-lesson-meta-font-line-height); letter-spacing: var(--c= ourse-list-course-item-lesson-meta-font-letter-spacing); text-transform: va= r(--course-list-course-item-lesson-meta-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .course-list .course-list__list-course-item-lesson-meta { font-size: calc= ((var(--course-list-course-item-lesson-meta-font-font-size-value) - 1) * ca= lc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .course-list .course-list__list-course-item-lesson-meta { font-size: calc= ((var(--course-list-course-item-lesson-meta-font-font-size-value) - 1) * 1.= 2vw + 1rem); } } @media screen and (min-width: 1484px) { .course-list .course-list__list-course-item-lesson-meta { font-size: calc= (var(--course-list-course-item-lesson-meta-font-font-size-value) * 1rem); } } .course-list .course-list__grid-chapter-item-chapter-name { font-family: va= r(--course-list-grid-layout-chapter-name-font-font-family); font-style: var= (--course-list-grid-layout-chapter-name-font-font-style); font-weight: var(= --course-list-grid-layout-chapter-name-font-font-weight); line-height: var(= --course-list-grid-layout-chapter-name-font-line-height); letter-spacing: v= ar(--course-list-grid-layout-chapter-name-font-letter-spacing); text-transf= orm: var(--course-list-grid-layout-chapter-name-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .course-list .course-list__grid-chapter-item-chapter-name { font-size: ca= lc((var(--course-list-grid-layout-chapter-name-font-font-size-value) - 1) *= calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .course-list .course-list__grid-chapter-item-chapter-name { font-size: ca= lc((var(--course-list-grid-layout-chapter-name-font-font-size-value) - 1) *= 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .course-list .course-list__grid-chapter-item-chapter-name { font-size: ca= lc(var(--course-list-grid-layout-chapter-name-font-font-size-value) * 1rem)= ; } } .course-list .course-list__grid-chapter-item-chapter-meta { font-family: va= r(--course-list-grid-layout-chapter-meta-font-font-family); font-style: var= (--course-list-grid-layout-chapter-meta-font-font-style); font-weight: var(= --course-list-grid-layout-chapter-meta-font-font-weight); line-height: var(= --course-list-grid-layout-chapter-meta-font-line-height); letter-spacing: v= ar(--course-list-grid-layout-chapter-meta-font-letter-spacing); text-transf= orm: var(--course-list-grid-layout-chapter-meta-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .course-list .course-list__grid-chapter-item-chapter-meta { font-size: ca= lc((var(--course-list-grid-layout-chapter-meta-font-font-size-value) - 1) *= calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .course-list .course-list__grid-chapter-item-chapter-meta { font-size: ca= lc((var(--course-list-grid-layout-chapter-meta-font-font-size-value) - 1) *= 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .course-list .course-list__grid-chapter-item-chapter-meta { font-size: ca= lc(var(--course-list-grid-layout-chapter-meta-font-font-size-value) * 1rem)= ; } } .course-list .course-list__grid-course-item-lesson-name { font-family: var(= --course-list-grid-layout-course-item-name-font-font-family); font-style: v= ar(--course-list-grid-layout-course-item-name-font-font-style); font-weight= : var(--course-list-grid-layout-course-item-name-font-font-weight); line-he= ight: var(--course-list-grid-layout-course-item-name-font-line-height); let= ter-spacing: var(--course-list-grid-layout-course-item-name-font-letter-spa= cing); text-transform: var(--course-list-grid-layout-course-item-name-font-= text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .course-list .course-list__grid-course-item-lesson-name { font-size: calc= ((var(--course-list-grid-layout-course-item-name-font-font-size-value) - 1)= * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .course-list .course-list__grid-course-item-lesson-name { font-size: calc= ((var(--course-list-grid-layout-course-item-name-font-font-size-value) - 1)= * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .course-list .course-list__grid-course-item-lesson-name { font-size: calc= (var(--course-list-grid-layout-course-item-name-font-font-size-value) * 1re= m); } } .course-list .course-list__grid-course-item-lesson-excerpt { font-family: v= ar(--course-list-grid-layout-course-item-excerpt-font-font-family); font-st= yle: var(--course-list-grid-layout-course-item-excerpt-font-font-style); fo= nt-weight: var(--course-list-grid-layout-course-item-excerpt-font-font-weig= ht); line-height: var(--course-list-grid-layout-course-item-excerpt-font-li= ne-height); letter-spacing: var(--course-list-grid-layout-course-item-excer= pt-font-letter-spacing); text-transform: var(--course-list-grid-layout-cour= se-item-excerpt-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .course-list .course-list__grid-course-item-lesson-excerpt { font-size: c= alc((var(--course-list-grid-layout-course-item-excerpt-font-font-size-value= ) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .course-list .course-list__grid-course-item-lesson-excerpt { font-size: c= alc((var(--course-list-grid-layout-course-item-excerpt-font-font-size-value= ) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .course-list .course-list__grid-course-item-lesson-excerpt { font-size: c= alc(var(--course-list-grid-layout-course-item-excerpt-font-font-size-value)= * 1rem); } } .course-list .course-list__grid-course-item-lesson-meta { font-family: var(= --course-list-grid-layout-course-item-meta-font-font-family); font-style: v= ar(--course-list-grid-layout-course-item-meta-font-font-style); font-weight= : var(--course-list-grid-layout-course-item-meta-font-font-weight); line-he= ight: var(--course-list-grid-layout-course-item-meta-font-line-height); let= ter-spacing: var(--course-list-grid-layout-course-item-meta-font-letter-spa= cing); text-transform: var(--course-list-grid-layout-course-item-meta-font-= text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .course-list .course-list__grid-course-item-lesson-meta { font-size: calc= ((var(--course-list-grid-layout-course-item-meta-font-font-size-value) - 1)= * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .course-list .course-list__grid-course-item-lesson-meta { font-size: calc= ((var(--course-list-grid-layout-course-item-meta-font-font-size-value) - 1)= * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .course-list .course-list__grid-course-item-lesson-meta { font-size: calc= (var(--course-list-grid-layout-course-item-meta-font-font-size-value) * 1re= m); } } .course-item .course-item__side-nav-chapter-title { font-family: var(--cour= se-item-side-nav-chapter-name-font-font-family); font-style: var(--course-i= tem-side-nav-chapter-name-font-font-style); font-weight: var(--course-item-= side-nav-chapter-name-font-font-weight); line-height: var(--course-item-sid= e-nav-chapter-name-font-line-height); letter-spacing: var(--course-item-sid= e-nav-chapter-name-font-letter-spacing); text-transform: var(--course-item-= side-nav-chapter-name-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .course-item .course-item__side-nav-chapter-title { font-size: calc((var(= --course-item-side-nav-chapter-name-font-font-size-value) - 1) * calc(.012 = * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .course-item .course-item__side-nav-chapter-title { font-size: calc((var(= --course-item-side-nav-chapter-name-font-font-size-value) - 1) * 1.2vw + 1r= em); } } @media screen and (min-width: 1484px) { .course-item .course-item__side-nav-chapter-title { font-size: calc(var(-= -course-item-side-nav-chapter-name-font-font-size-value) * 1rem); } } .course-item .course-item__side-nav-chapter-metadata { font-family: var(--c= ourse-item-side-nav-chapter-meta-font-font-family); font-style: var(--cours= e-item-side-nav-chapter-meta-font-font-style); font-weight: var(--course-it= em-side-nav-chapter-meta-font-font-weight); line-height: var(--course-item-= side-nav-chapter-meta-font-line-height); letter-spacing: var(--course-item-= side-nav-chapter-meta-font-letter-spacing); text-transform: var(--course-it= em-side-nav-chapter-meta-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .course-item .course-item__side-nav-chapter-metadata { font-size: calc((v= ar(--course-item-side-nav-chapter-meta-font-font-size-value) - 1) * calc(.0= 12 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .course-item .course-item__side-nav-chapter-metadata { font-size: calc((v= ar(--course-item-side-nav-chapter-meta-font-font-size-value) - 1) * 1.2vw += 1rem); } } @media screen and (min-width: 1484px) { .course-item .course-item__side-nav-chapter-metadata { font-size: calc(va= r(--course-item-side-nav-chapter-meta-font-font-size-value) * 1rem); } } .course-item .course-item__side-nav-link-title { font-family: var(--course-= item-side-nav-lesson-name-font-font-family); font-style: var(--course-item-= side-nav-lesson-name-font-font-style); font-weight: var(--course-item-side-= nav-lesson-name-font-font-weight); line-height: var(--course-item-side-nav-= lesson-name-font-line-height); letter-spacing: var(--course-item-side-nav-l= esson-name-font-letter-spacing); text-transform: var(--course-item-side-nav= -lesson-name-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .course-item .course-item__side-nav-link-title { font-size: calc((var(--c= ourse-item-side-nav-lesson-name-font-font-size-value) - 1) * calc(.012 * mi= n(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .course-item .course-item__side-nav-link-title { font-size: calc((var(--c= ourse-item-side-nav-lesson-name-font-font-size-value) - 1) * 1.2vw + 1rem);= } } @media screen and (min-width: 1484px) { .course-item .course-item__side-nav-link-title { font-size: calc(var(--co= urse-item-side-nav-lesson-name-font-font-size-value) * 1rem); } } .course-item .course-item__side-nav-lesson-metadata { font-family: var(--co= urse-item-side-nav-lesson-meta-font-font-family); font-style: var(--course-= item-side-nav-lesson-meta-font-font-style); font-weight: var(--course-item-= side-nav-lesson-meta-font-font-weight); line-height: var(--course-item-side= -nav-lesson-meta-font-line-height); letter-spacing: var(--course-item-side-= nav-lesson-meta-font-letter-spacing); text-transform: var(--course-item-sid= e-nav-lesson-meta-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .course-item .course-item__side-nav-lesson-metadata { font-size: calc((va= r(--course-item-side-nav-lesson-meta-font-font-size-value) - 1) * calc(.012= * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .course-item .course-item__side-nav-lesson-metadata { font-size: calc((va= r(--course-item-side-nav-lesson-meta-font-font-size-value) - 1) * 1.2vw + 1= rem); } } @media screen and (min-width: 1484px) { .course-item .course-item__side-nav-lesson-metadata { font-size: calc(var= (--course-item-side-nav-lesson-meta-font-font-size-value) * 1rem); } } .course-item .course-item__course-title { font-family: var(--course-item-na= me-font-font-family); font-style: var(--course-item-name-font-font-style); = font-weight: var(--course-item-name-font-font-weight); line-height: var(--c= ourse-item-name-font-line-height); letter-spacing: var(--course-item-name-f= ont-letter-spacing); text-transform: var(--course-item-name-font-text-trans= form); } @media screen and (max-width: 767px) and (orientation: portrait) { .course-item .course-item__course-title { font-size: calc((var(--course-i= tem-name-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem= ); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .course-item .course-item__course-title { font-size: calc((var(--course-i= tem-name-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .course-item .course-item__course-title { font-size: calc(var(--course-it= em-name-font-font-size-value) * 1rem); } } .course-item .course-item__side-nav-mobile-course-title { font-family: var(= --course-item-name-mobile-font-font-family); font-style: var(--course-item-= name-mobile-font-font-style); font-weight: var(--course-item-name-mobile-fo= nt-font-weight); line-height: var(--course-item-name-mobile-font-line-heigh= t); letter-spacing: var(--course-item-name-mobile-font-letter-spacing); tex= t-transform: var(--course-item-name-mobile-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .course-item .course-item__side-nav-mobile-course-title { font-size: calc= ((var(--course-item-name-mobile-font-font-size-value) - 1) * calc(.012 * mi= n(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .course-item .course-item__side-nav-mobile-course-title { font-size: calc= ((var(--course-item-name-mobile-font-font-size-value) - 1) * 1.2vw + 1rem);= } } @media screen and (min-width: 1484px) { .course-item .course-item__side-nav-mobile-course-title { font-size: calc= (var(--course-item-name-mobile-font-font-size-value) * 1rem); } } .course-item .course-item__chapter-title { font-family: var(--course-item-c= hapter-name-font-font-family); font-style: var(--course-item-chapter-name-f= ont-font-style); font-weight: var(--course-item-chapter-name-font-font-weig= ht); line-height: var(--course-item-chapter-name-font-line-height); letter-= spacing: var(--course-item-chapter-name-font-letter-spacing); text-transfor= m: var(--course-item-chapter-name-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .course-item .course-item__chapter-title { font-size: calc((var(--course-= item-chapter-name-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px= )) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .course-item .course-item__chapter-title { font-size: calc((var(--course-= item-chapter-name-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .course-item .course-item__chapter-title { font-size: calc(var(--course-i= tem-chapter-name-font-font-size-value) * 1rem); } } .course-item .course-item__lesson-title { font-family: var(--course-item-le= sson-name-font-font-family); font-style: var(--course-item-lesson-name-font= -font-style); font-weight: var(--course-item-lesson-name-font-font-weight);= line-height: var(--course-item-lesson-name-font-line-height); letter-spaci= ng: var(--course-item-lesson-name-font-letter-spacing); text-transform: var= (--course-item-lesson-name-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .course-item .course-item__lesson-title { font-size: calc((var(--course-i= tem-lesson-name-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px))= + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .course-item .course-item__lesson-title { font-size: calc((var(--course-i= tem-lesson-name-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .course-item .course-item__lesson-title { font-size: calc(var(--course-it= em-lesson-name-font-font-size-value) * 1rem); } } .gdpr-cookie-banner p { font-family: var(--cookie-banner-disclaimer-font-fo= nt-family); font-style: var(--cookie-banner-disclaimer-font-font-style); fo= nt-weight: var(--cookie-banner-disclaimer-font-font-weight); line-height: v= ar(--cookie-banner-disclaimer-font-line-height); letter-spacing: var(--cook= ie-banner-disclaimer-font-letter-spacing); text-transform: var(--cookie-ban= ner-disclaimer-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .gdpr-cookie-banner p { font-size: calc((var(--cookie-banner-disclaimer-f= ont-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .gdpr-cookie-banner p { font-size: calc((var(--cookie-banner-disclaimer-f= ont-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .gdpr-cookie-banner p { font-size: calc(var(--cookie-banner-disclaimer-fo= nt-font-size-value) * 1rem); } } .newsletter-block { transition: opacity 0.2s ease-out 0s; } .newsletter-block * { box-sizing: border-box; } .newsletter-block:not(.rendered) { opacity: 0; } .newsletter-block .newsletter-form-wrapper { width: 100%; } .newsletter-block .newsletter-form-wrapper.hidden, .newsletter-block .newsl= etter-form-wrapper .hidden { display: none; } .newsletter-block .newsletter-form { text-align: center; } .newsletter-block .newsletter-form-wrapper--alignLeft .newsletter-form { te= xt-align: left; } .newsletter-block .newsletter-form-wrapper--alignRight .newsletter-form { t= ext-align: right; } .newsletter-block .newsletter-form-header { width: 85%; margin: 0px auto; } .newsletter-block .newsletter-form-wrapper--alignLeft .newsletter-form-head= er, .newsletter-block .newsletter-form-wrapper--alignRight .newsletter-form= -header { width: 100%; margin: 0px; } .newsletter-block .newsletter-form-header-title { margin: 0px 0px 1rem; pad= ding: 0px; text-align: inherit; } .newsletter-block .newsletter-form-header-title a { text-decoration: underl= ine; } .newsletter-block .newsletter-form-header-description p { margin: 1rem 0px;= padding: 0px; } .newsletter-block .newsletter-form-header-description a { text-decoration: = underline; } .newsletter-block .newsletter-form-body { padding: 0px 0px 1rem; } .newsletter-block .newsletter-form-fields-wrapper { display: inline-block; = width: auto; margin: 1rem 0px 0px; } .newsletter-block .newsletter-form-name-fieldset { display: inline-block; w= idth: auto; margin: 0px; padding: 0px; border: none; } .newsletter-block .newsletter-form-wrapper--layoutStack .newsletter-form-na= me-fieldset { display: block; width: 100%; max-width: 18rem; } .newsletter-block .newsletter-form-field-wrapper { display: inline-block; w= idth: auto; min-width: 18rem; padding: 0.5rem 0.25rem; } .newsletter-block .newsletter-form-wrapper--alignLeft .newsletter-form-fiel= d-wrapper { padding: 0.5rem 0.25rem 0.5rem 0px; } .newsletter-block .newsletter-form-wrapper--alignRight .newsletter-form-fie= ld-wrapper { padding: 0.5rem 0px 0.5rem 0.25rem; } .newsletter-block .newsletter-form-wrapper--layoutStack .newsletter-form-fi= eld-wrapper { display: block; width: 100%; max-width: 18rem; padding: 0.5re= m 0px; } .newsletter-block .newsletter-form-field-label { display: none; } .newsletter-block .newsletter-form-field-element { width: 100%; padding: 1e= m; background: rgb(255, 255, 255); transition: background 0.3s ease-out 0s,= border 0.3s ease-out 0s; } .newsletter-block .newsletter-form-field-element:focus { background: rgb(25= 5, 255, 255); } .newsletter-block .newsletter-form-field-element::-webkit-input-placeholder= { color: rgba(0, 0, 0, 0.3); } .newsletter-block .field-error { display: none; } .newsletter-block .newsletter-form-field-wrapper .field-error { display: bl= ock; margin-bottom: 1rem; padding: 0.5rem; background: rgb(254, 217, 219); = color: rgb(242, 61, 61); line-height: normal; } .newsletter-block .newsletter-form-button-wrapper { display: inline-block; = width: auto; margin: 1rem 0px 0px; padding: 0.5rem 0.25rem; } .newsletter-block .newsletter-form-wrapper--alignLeft .newsletter-form-butt= on-wrapper { padding: 0.5rem 0.25rem 0.5rem 0px; } .newsletter-block .newsletter-form-wrapper--alignRight .newsletter-form-but= ton-wrapper { padding: 0.5rem 0px 0.5rem 0.25rem; } .newsletter-block .newsletter-form-wrapper--layoutStack .newsletter-form-bu= tton-wrapper { display: block; padding: 0.5rem 0px; } .newsletter-block .newsletter-form-button { position: relative; width: auto= ; padding: 1em 2.25em; text-align: center; white-space: nowrap; cursor: poi= nter; appearance: none; } .newsletter-block .newsletter-form-spinner.sqs-spin.light.large { visibilit= y: hidden; position: absolute; top: 50%; left: 50%; height: 22px; width: 22= px; margin-top: -11px; margin-left: -11px; border: none !important; } .newsletter-block .newsletter-form-spinner.sqs-spin.light.large::before, .n= ewsletter-block .newsletter-form-spinner.sqs-spin.light.large::after { cont= ent: ""; position: absolute; inset: 0px; border-radius: 50%; border: 2px so= lid currentcolor; } .newsletter-block .newsletter-form-spinner.sqs-spin.light.large::before { o= pacity: 0.15; clip-path: inset(0px 0px 50%); } .newsletter-block .newsletter-form-spinner.sqs-spin.light.large::after { op= acity: 0.7; clip-path: inset(50% 0px 0px); } .newsletter-block .newsletter-form:not(.submitting) .newsletter-form-spinne= r.sqs-spin.light.large { animation: auto ease 0s 1 normal none running none= ; } .newsletter-block .newsletter-form.submitting .newsletter-form-spinner.sqs-= spin.light.large { visibility: visible; } .newsletter-block .newsletter-form.submitting .newsletter-form-button-label= { visibility: hidden; } .newsletter-block .newsletter-form-footnote p { opacity: 0.8; margin: 1rem = 0px; padding: 0px; } .newsletter-block .newsletter-form-footnote p:last-child { margin-bottom: 0= px; } .newsletter-block .newsletter-form-footnote a { text-decoration: underline;= } .newsletter-block .form-submission-text p { margin: 1rem 0px; padding: 0px;= } .newsletter-block .form-submission-text p:first-child { margin-top: 0px; } .newsletter-block .form-submission-text p:last-child { margin-bottom: 0px; = } .newsletter-block .form-submission-text a { text-decoration: underline; } .sqs-alternate-block-style-container .newsletter-block .newsletter-form-wra= pper .newsletter-form-field-element { border: 1px solid rgba(0, 0, 0, 0.12)= ; } .sqs-block-newsletter .newsletter-form-field-element { border: 1px solid rg= ba(0, 0, 0, 0.12); } .newsletter-form-small-mode .newsletter-form-header { width: 100%; } .newsletter-form-small-mode .newsletter-form-header-title { margin: 0px 0px= 1rem; } .newsletter-form-small-mode .newsletter-form-header-description p { margin:= 0px 0px 1rem; line-height: normal; } .newsletter-form-small-mode .newsletter-form-body { padding: 0px 0px 0.5rem= ; } .newsletter-form-small-mode .newsletter-form-fields-wrapper { display: bloc= k; } .newsletter-form-small-mode .newsletter-form-name-fieldset { width: 100%; } .newsletter-form-small-mode .newsletter-form-field-wrapper, .newsletter-for= m-small-mode .newsletter-form-button-wrapper { display: block; width: 100%;= min-width: 0px; } .newsletter-form-small-mode .newsletter-form-button-wrapper { margin: 0.5re= m 0px 0px; } .newsletter-form-small-mode .newsletter-form-footnote p { margin: -2rem 0px= ; } .newsletter-form-small-mode .newsletter-form-footnote p:last-child { margin= -bottom: 0px; } .newsletter-form-small-mode .form-submission-text p { margin: -2rem 0px; li= ne-height: normal; } .newsletter-form-small-mode .form-submission-text p:first-child { margin-to= p: 0px; } .newsletter-form-small-mode .form-submission-text p:last-child { margin-bot= tom: 0px; } @media screen and (max-width: 320px) { .newsletter-block .newsletter-form-header { width: 100%; } .newsletter-block .newsletter-form-header-title { margin: 0px 0px 1rem; } .newsletter-block .newsletter-form-header-description p { margin: 0px 0px= 1rem; line-height: normal; } .newsletter-block .newsletter-form-body { padding: 0px 0px 0.5rem; } .newsletter-block .newsletter-form-fields-wrapper { display: block; } .newsletter-block .newsletter-form-name-fieldset { width: 100%; } .newsletter-block .newsletter-form-field-wrapper, .newsletter-block .news= letter-form-button-wrapper { display: block; width: 100%; min-width: 0px; } .newsletter-block .newsletter-form-button-wrapper { margin: 0.5rem 0px 0p= x; } .newsletter-block .newsletter-form-footnote p { margin: -2rem 0px; } .newsletter-block .newsletter-form-footnote p:last-child { margin-bottom:= 0px; } .newsletter-block .form-submission-text p { margin: -2rem 0px; line-heigh= t: normal; } .newsletter-block .form-submission-text p:first-child { margin-top: 0px; = } .newsletter-block .form-submission-text p:last-child { margin-bottom: 0px= ; } } .newsletter-block.newsletter-form-has-small-container .newsletter-form-head= er { width: 100%; } .newsletter-block.newsletter-form-has-small-container .newsletter-form-head= er-title { margin: 0px 0px 1rem; } .newsletter-block.newsletter-form-has-small-container .newsletter-form-head= er-description p { margin: 0px 0px 1rem; line-height: normal; } .newsletter-block.newsletter-form-has-small-container .newsletter-form-body= { padding: 0px 0px 0.5rem; } .newsletter-block.newsletter-form-has-small-container .newsletter-form-fiel= ds-wrapper { display: block; } .newsletter-block.newsletter-form-has-small-container .newsletter-form-name= -fieldset { width: 100%; } .newsletter-block.newsletter-form-has-small-container .newsletter-form-fiel= d-wrapper, .newsletter-block.newsletter-form-has-small-container .newslette= r-form-button-wrapper { display: block; width: 100%; min-width: 0px; } .newsletter-block.newsletter-form-has-small-container .newsletter-form-butt= on-wrapper { margin: 0.5rem 0px 0px; } .newsletter-block.newsletter-form-has-small-container .newsletter-form-foot= note p { margin: -2rem 0px; } .newsletter-block.newsletter-form-has-small-container .newsletter-form-foot= note p:last-child { margin-bottom: 0px; } .newsletter-block.newsletter-form-has-small-container .form-submission-text= p { margin: -2rem 0px; line-height: normal; } .newsletter-block.newsletter-form-has-small-container .form-submission-text= p:first-child { margin-top: 0px; } .newsletter-block.newsletter-form-has-small-container .form-submission-text= p:last-child { margin-bottom: 0px; } .sqs-block-image .sqs-block-image-figure { margin: 0px; } .sqs-block-image .sqs-block-image-link { display: block; } .sqs-block-image .sqs-block-image-button { display: block; width: 100%; bor= der: none; padding: 0px; background: none; } .sqs-block-image .design-layout-fluid { width: 100%; height: 100%; } .sqs-block-image .design-layout-fluid .fluid-image-animation-wrapper { widt= h: 100%; height: 100%; } .sqs-block-image .design-layout-fluid img { width: 100%; height: 100%; posi= tion: absolute; display: block; } .sqs-block-image .design-layout-fluid button.lightbox { } .sqs-block-image .design-layout-fluid .sqs-image { display: flex; } .sqs-block-image .design-layout-fluid.image-position-left .sqs-image { just= ify-content: flex-start; } .sqs-block-image .design-layout-fluid.image-position-center .sqs-image { ju= stify-content: center; } .sqs-block-image .design-layout-fluid.image-position-right .sqs-image { jus= tify-content: flex-end; } .sqs-block-image .design-layout-fluid .fluid-image-container .content-fill = { display: block; width: 100%; height: 100%; position: absolute; left: 0px;= top: 0px; } .sqs-block-image .design-layout-fluid .fluid-image-container .content-fill = img { position: absolute !important; top: 0px !important; left: 0px !import= ant; width: 100% !important; height: 100% !important; } .sqs-block-image.sqs-stretched .sqs-block-content { height: 100%; width: 10= 0%; } .sqs-image-min-height { min-height: 1px; } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .image-blo= ck-wrapper { position: relative; overflow: hidden; } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .image-blo= ck-wrapper img { position: absolute; width: 100%; } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .image-blo= ck-wrapper.lightbox { cursor: pointer; } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .image-car= d-wrapper { display: none; } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-cap= tion-below .image-caption-wrapper.sqs-editing { padding-top: 17px; } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-cap= tion-hidden .image-caption-wrapper { height: 0px; overflow: hidden; } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-cap= tion-overlay .intrinsic, .sqs-block-image .image-block-outer-wrapper:not(.i= mage-block-v2).layout-caption-overlay-hover .intrinsic { position: relative= ; } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-cap= tion-overlay .image-caption-wrapper, .sqs-block-image .image-block-outer-wr= apper:not(.image-block-v2).layout-caption-overlay-hover .image-caption-wrap= per { position: absolute; inset: auto 0px 0px; padding: 17px; background: r= gba(0, 0, 0, 0.7); max-height: 100%; box-sizing: border-box; overflow-y: au= to; } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-cap= tion-overlay .image-caption-wrapper h1, .sqs-block-image .image-block-outer= -wrapper:not(.image-block-v2).layout-caption-overlay-hover .image-caption-w= rapper h1, .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2)= .layout-caption-overlay .image-caption-wrapper h2, .sqs-block-image .image-= block-outer-wrapper:not(.image-block-v2).layout-caption-overlay-hover .imag= e-caption-wrapper h2, .sqs-block-image .image-block-outer-wrapper:not(.imag= e-block-v2).layout-caption-overlay .image-caption-wrapper h3, .sqs-block-im= age .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay-= hover .image-caption-wrapper h3, .sqs-block-image .image-block-outer-wrappe= r:not(.image-block-v2).layout-caption-overlay .image-caption-wrapper strong= , .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-c= aption-overlay-hover .image-caption-wrapper strong { color: rgb(238, 238, 2= 38); } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-cap= tion-overlay .image-caption-wrapper p, .sqs-block-image .image-block-outer-= wrapper:not(.image-block-v2).layout-caption-overlay-hover .image-caption-wr= apper p { color: rgb(187, 187, 187); line-height: 1.68em; } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-cap= tion-overlay .image-caption-wrapper p a, .sqs-block-image .image-block-oute= r-wrapper:not(.image-block-v2).layout-caption-overlay-hover .image-caption-= wrapper p a { color: rgb(187, 187, 187); text-decoration: underline; } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-cap= tion-overlay-hover .image-caption-wrapper { opacity: 0; transition: opacity= 0.1s ease-out 0s; visibility: hidden; } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-cap= tion-overlay-hover .image-caption { transition: margin-bottom 0.1s ease-out= 0s; margin-bottom: -5px; } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-cap= tion-overlay-hover:hover .image-caption-wrapper, .sqs-block-image .image-bl= ock-outer-wrapper:not(.image-block-v2).layout-caption-overlay-hover :focus = + .image-caption-wrapper { max-height: 75%; opacity: 1; visibility: visible= ; } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-cap= tion-overlay-hover:hover .image-caption-wrapper .image-caption, .sqs-block-= image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overla= y-hover :focus + .image-caption-wrapper .image-caption { margin-bottom: 0px= ; } .sqs-block-image .image-block-outer-wrapper.image-block-v2 { position: rela= tive; } .sqs-block-image .image-block-outer-wrapper.image-block-v2 .intrinsic { pos= ition: relative; max-width: initial !important; } .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-inset { p= osition: relative; } .sqs-block-image .image-block-outer-wrapper.image-block-v2 .intrinsic img {= display: block; width: 100%; } .sqs-block-image .image-block-outer-wrapper.image-block-v2 .sqs-image-conte= nt::after, .sqs-block-image .image-block-outer-wrapper.image-block-v2 .imag= e-overlay { content: ""; display: block; position: absolute; z-index: 1; in= set: 0px; } .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-card-wrap= per { z-index: 2; pointer-events: none; } body.sqs-tweak-overlays-active .sqs-block-image .image-block-outer-wrapper.= image-block-v2 .image-card-wrapper { pointer-events: auto; } .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-card { po= inter-events: auto; } .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-card .sqs= -editing { pointer-events: auto; } .sqs-block-image .image-block-outer-wrapper.image-block-v2 a.image-inset, .= sqs-block-image .image-block-outer-wrapper.image-block-v2 a.image-title-wra= pper { display: block; } .sqs-block-image .image-block-outer-wrapper.image-block-v2 a.image-inset:ho= ver, .sqs-block-image .image-block-outer-wrapper.image-block-v2 a.image-tit= le-wrapper:hover { text-decoration: none; } .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-title * {= margin: 0px; } .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-subtitle = :first-child { margin-top: 0px; } .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-subtitle = :last-child { margin-bottom: 0px; } .sqs-block-image .image-block-outer-wrapper.image-block-v2 .sqs-image.stret= ch { margin: 0px !important; } .sqs-block-image .image-block-outer-wrapper.image-block-v2 + .image-caption= -wrapper, .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image= -caption-wrapper { display: none; } .sqs-block-image .image-block-outer-wrapper.image-block-v2 .sqs-editing-ove= rlay { z-index: 1; } .sqs-block-image .image-block-outer-wrapper.image-block-v2 .upload-indicato= r { display: none !important; } .sqs-block-image .image-block-outer-wrapper.image-block-v2:not(.design-layo= ut-poster) ~ .yui3-resize-handles-wrapper { display: none; } .sqs-block-image .design-layout-poster .image-card-wrapper { display: flex;= align-items: center; justify-content: center; position: absolute; inset: 0= px; } .sqs-block-image .design-layout-poster .image-card-wrapper, .sqs-block-imag= e .design-layout-poster .image-card { pointer-events: none !important; } body.sqs-tweak-overlays-active .sqs-block-image .design-layout-poster .imag= e-card-wrapper, body.sqs-tweak-overlays-active .sqs-block-image .design-lay= out-poster .image-card { pointer-events: auto !important; } .sqs-block-image .design-layout-poster .image-card-wrapper a { pointer-even= ts: auto; display: inline-block; } .sqs-block-image .design-layout-poster .intrinsic img { display: block; pos= ition: absolute; top: 0px; left: 0px; width: 100%; } .sqs-block-image .design-layout-poster .image-card { width: 70%; } .sqs-block-image .design-layout-poster .image-title-wrapper + .image-subtit= le-wrapper .image-subtitle { margin-top: 5%; } .sqs-block-image .design-layout-poster .image-button { margin-top: 6%; } .sqs-block-image .design-layout-inline .intrinsic { margin: 0px auto; } .sqs-block-image .design-layout-card .image-title-wrapper + .image-subtitle= -wrapper .image-subtitle { margin-top: 6%; } .sqs-block-image .design-layout-card .image-button { margin-top: 6%; } .sqs-block-image .design-layout-card.sqs-narrow-width .image-card-wrapper {= margin-top: 10%; } .sqs-block-image .design-layout-card:not(.sqs-narrow-width) { display: flex= ; justify-content: space-between; } .sqs-block-image .design-layout-card:not(.sqs-narrow-width).image-position-= right { flex-direction: row-reverse; } .sqs-block-image .design-layout-card:not(.sqs-narrow-width) > div:first-chi= ld { width: calc(45%); } .sqs-block-image .design-layout-card:not(.sqs-narrow-width) .image-card-wra= pper { position: relative; width: calc(45%); } .sqs-block-image .design-layout-card:not(.sqs-narrow-width) .image-card-wra= pper { display: flex; align-items: center; justify-content: center; min-hei= ght: 100%; } .sqs-block-image .design-layout-card:not(.sqs-narrow-width) .image-card { p= osition: relative; width: 100%; } .sqs-block-image .design-layout-card:not(.sqs-narrow-width).image-position-= left .image-card-wrapper { margin-left: 10%; } .sqs-block-image .design-layout-card:not(.sqs-narrow-width).image-position-= right .image-card-wrapper { margin-right: 10%; } .sqs-block-image .design-layout-card:not(.sqs-narrow-width)::after { conten= t: ""; display: block; clear: both; } .sqs-block-image .design-layout-overlap .image-card-wrapper { position: rel= ative; } .sqs-block-image .design-layout-overlap .image-subtitle * { margin-bottom: = 0px; } .sqs-block-image .design-layout-overlap .image-title-wrapper + .image-subti= tle-wrapper .image-subtitle { margin-top: 3%; } .sqs-block-image .design-layout-overlap .image-button { margin-top: 5%; } .sqs-block-image .design-layout-overlap.sqs-narrow-width .image-card-wrappe= r { padding: 0px 4%; } .sqs-block-image .design-layout-overlap.sqs-narrow-width .image-card { widt= h: 82.5%; } .sqs-block-image .design-layout-overlap.sqs-narrow-width .image-title { mar= gin-top: calc(-1em - 1.5%); } .sqs-block-image .design-layout-overlap.sqs-narrow-width .image-title-wrapp= er, .sqs-block-image .design-layout-overlap.sqs-narrow-width .image-subtitl= e-wrapper { width: 121.212%; } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width) { display: f= lex; } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width) .image-card-= wrapper, .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width) > d= iv:first-child { width: 50%; } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width) .image-card-= wrapper { display: flex; align-items: center; justify-content: flex-end; } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width).image-positi= on-right { flex-direction: row-reverse; } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width).image-positi= on-right .image-card-wrapper { justify-content: flex-start; } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width) .image-card = { width: 90%; } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width).image-positi= on-left .image-card { margin-left: -100%; } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width).image-positi= on-right .image-card { margin-right: -100%; } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width) .image-title= -wrapper, .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width) .i= mage-subtitle-wrapper, .sqs-block-image .design-layout-overlap:not(.sqs-nar= row-width) .image-button-wrapper { box-sizing: border-box; padding: 0px 5%;= } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width) .image-subti= tle-wrapper { padding-top: 0px; } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width) .image-subti= tle { width: 100%; } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width) > div:first-= child > div { width: 110%; } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width) .image-title= -wrapper { width: 142.778%; } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width).image-positi= on-left .image-title-wrapper { margin-left: -42.7778%; } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width).image-positi= on-right > div:first-child > div { left: -10%; } .sqs-block-image .design-layout-collage .image-card { padding: 10%; box-siz= ing: border-box; } .sqs-block-image .design-layout-collage .image-subtitle-wrapper { width: 10= 0%; } .sqs-block-image .design-layout-collage .image-title-wrapper + .image-subti= tle-wrapper .image-subtitle { margin-top: 4%; } .sqs-block-image .design-layout-collage .image-button { margin-top: 5%; } .sqs-block-image .design-layout-collage.sqs-narrow-width .intrinsic { width= : 90%; } .sqs-block-image .design-layout-collage.sqs-narrow-width .image-card-wrappe= r { width: 90%; margin-top: calc(-20%); position: relative; } .sqs-block-image .design-layout-collage.sqs-narrow-width.image-position-lef= t::after { content: " "; display: block; clear: both; } .sqs-block-image .design-layout-collage.sqs-narrow-width.image-position-lef= t .image-card-wrapper { float: right; } .sqs-block-image .design-layout-collage.sqs-narrow-width.image-position-rig= ht .intrinsic { left: 10%; } .sqs-block-image .design-layout-collage:not(.sqs-narrow-width) { display: f= lex; } .sqs-block-image .design-layout-collage:not(.sqs-narrow-width).image-positi= on-right { flex-direction: row-reverse; } .sqs-block-image .design-layout-collage:not(.sqs-narrow-width) .image-card-= wrapper, .sqs-block-image .design-layout-collage:not(.sqs-narrow-width) > d= iv:first-child { width: 50%; } .sqs-block-image .design-layout-collage:not(.sqs-narrow-width) .intrinsic {= overflow: visible; } .sqs-block-image .design-layout-collage:not(.sqs-narrow-width) .sqs-intrins= ic { width: 100%; } .sqs-block-image .design-layout-collage:not(.sqs-narrow-width) .image-inset= , .sqs-block-image .design-layout-collage:not(.sqs-narrow-width) .sqs-image= -content { position: relative !important; } .sqs-block-image .design-layout-collage:not(.sqs-narrow-width) .image-card-= wrapper { display: flex; align-items: flex-start; justify-content: flex-sta= rt; } .image-block-collage-content-position-top .sqs-block-image .design-layout-c= ollage:not(.sqs-narrow-width) .image-card { margin-top: 10%; } .image-block-collage-content-position-bottom .sqs-block-image .design-layou= t-collage:not(.sqs-narrow-width) .image-card { margin-bottom: 10%; } .sqs-block-image .design-layout-collage:not(.sqs-narrow-width).image-positi= on-left > div:first-child > div, .sqs-block-image .design-layout-collage:no= t(.sqs-narrow-width).image-position-left > div:first-child > a { width: 140= %; } .sqs-block-image .design-layout-collage:not(.sqs-narrow-width).image-positi= on-left .image-card { width: 100%; margin-left: 0%; } .sqs-block-image .design-layout-collage:not(.sqs-narrow-width).image-positi= on-right > div:first-child > div, .sqs-block-image .design-layout-collage:n= ot(.sqs-narrow-width).image-position-right > div:first-child > a { width: 1= 40%; left: -40%; } .sqs-block-image .design-layout-collage:not(.sqs-narrow-width).image-positi= on-right .image-card { width: 100%; margin-right: 0%; } .sqs-block-image .design-layout-stack .intrinsic img { display: block; posi= tion: absolute; top: 0px; left: 0px; width: 100%; } .sqs-block-image .design-layout-stack .image-card-wrapper { margin-top: 7%;= } .sqs-block-image .design-layout-stack .image-title-wrapper + .image-subtitl= e-wrapper .image-subtitle { margin-top: 4%; } .sqs-block-image .design-layout-stack .image-button { margin-top: 4%; } .sqs-block-image .design-layout-card .intrinsic img, .sqs-block-image .desi= gn-layout-overlap .intrinsic img, .sqs-block-image .design-layout-collage .= intrinsic img, .sqs-block-image .design-layout-stack .intrinsic img { width= : 100% !important; height: auto !important; position: static !important; } .sqs-block-image .design-layout-card .sqs-image:not(.sqs-empty) .sqs-image-= content, .sqs-block-image .design-layout-overlap .sqs-image:not(.sqs-empty)= .sqs-image-content, .sqs-block-image .design-layout-collage .sqs-image:not= (.sqs-empty) .sqs-image-content, .sqs-block-image .design-layout-stack .sqs= -image:not(.sqs-empty) .sqs-image-content { padding-bottom: 0px !important;= } .image-block-outer-wrapper.animation-disabled, .image-block-outer-wrapper.a= nimation-loaded { transform: translateZ(0px); } .image-block-outer-wrapper.animation-disabled .image-inset, .image-block-ou= ter-wrapper.animation-disabled .image-block-wrapper, .image-block-outer-wra= pper.animation-disabled .sqs-image-content, .image-block-outer-wrapper.anim= ation-disabled .image-caption-wrapper, .image-block-outer-wrapper.animation= -disabled .sqs-dynamic-text-container { transition: none 0s ease 0s !import= ant; } .image-block-outer-wrapper.combination-animation-custom { transform: transl= ateZ(0px); } .image-block-outer-wrapper.combination-animation-custom.individual-animatio= n-fade-in .image-inset, .image-block-outer-wrapper.combination-animation-cu= stom.individual-animation-fade-in .image-block-wrapper, .image-block-outer-= wrapper.combination-animation-custom.individual-animation-fade-in .sqs-imag= e-content { transition: opacity 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s, tran= sform 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: opacity, transfor= m; opacity: 0; transform: matrix(1, 0, 0, 1, 0, 0); } .image-block-outer-wrapper.combination-animation-custom.individual-animatio= n-fade-in.animation-loaded .image-inset, .image-block-outer-wrapper.combina= tion-animation-custom.individual-animation-fade-in.animation-loaded .image-= block-wrapper, .image-block-outer-wrapper.combination-animation-custom.indi= vidual-animation-fade-in.animation-loaded .sqs-image-content { opacity: 1; = transform: matrix(1, 0, 0, 1, 0, 0); } .image-block-outer-wrapper.combination-animation-custom.individual-animatio= n-slide-up .image-inset, .image-block-outer-wrapper.combination-animation-c= ustom.individual-animation-slide-up .image-block-wrapper, .image-block-oute= r-wrapper.combination-animation-custom.individual-animation-slide-up .sqs-i= mage-content { transition: opacity 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s, t= ransform 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: opacity, trans= form; opacity: 0; transform: matrix(1, 0, 0, 1, 0, 20); } .image-block-outer-wrapper.combination-animation-custom.individual-animatio= n-slide-up.animation-loaded .image-inset, .image-block-outer-wrapper.combin= ation-animation-custom.individual-animation-slide-up.animation-loaded .imag= e-block-wrapper, .image-block-outer-wrapper.combination-animation-custom.in= dividual-animation-slide-up.animation-loaded .sqs-image-content { opacity: = 1; transform: matrix(1, 0, 0, 1, 0, 0); } .image-block-outer-wrapper.combination-animation-custom.individual-animatio= n-slide-down .image-inset, .image-block-outer-wrapper.combination-animation= -custom.individual-animation-slide-down .image-block-wrapper, .image-block-= outer-wrapper.combination-animation-custom.individual-animation-slide-down = .sqs-image-content { transition: opacity 800ms cubic-bezier(0.4, 0, 0.2, 1)= 0s, transform 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: opacity,= transform; opacity: 0; transform: matrix(1, 0, 0, 1, 0, -20); } .image-block-outer-wrapper.combination-animation-custom.individual-animatio= n-slide-down.animation-loaded .image-inset, .image-block-outer-wrapper.comb= ination-animation-custom.individual-animation-slide-down.animation-loaded .= image-block-wrapper, .image-block-outer-wrapper.combination-animation-custo= m.individual-animation-slide-down.animation-loaded .sqs-image-content { opa= city: 1; transform: matrix(1, 0, 0, 1, 0, 0); } .image-block-outer-wrapper.combination-animation-custom.individual-animatio= n-slide-from-left .image-inset, .image-block-outer-wrapper.combination-anim= ation-custom.individual-animation-slide-from-left .image-block-wrapper, .im= age-block-outer-wrapper.combination-animation-custom.individual-animation-s= lide-from-left .sqs-image-content { transition: opacity 800ms cubic-bezier(= 0.4, 0, 0.2, 1) 0s, transform 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s; will-c= hange: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, -20, 0= ); } .image-block-outer-wrapper.combination-animation-custom.individual-animatio= n-slide-from-left.animation-loaded .image-inset, .image-block-outer-wrapper= .combination-animation-custom.individual-animation-slide-from-left.animatio= n-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-anima= tion-custom.individual-animation-slide-from-left.animation-loaded .sqs-imag= e-content { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); } .image-block-outer-wrapper.combination-animation-custom.individual-animatio= n-slide-from-right .image-inset, .image-block-outer-wrapper.combination-ani= mation-custom.individual-animation-slide-from-right .image-block-wrapper, .= image-block-outer-wrapper.combination-animation-custom.individual-animation= -slide-from-right .sqs-image-content { transition: opacity 800ms cubic-bezi= er(0.4, 0, 0.2, 1) 0s, transform 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s; wil= l-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, 20,= 0); } .image-block-outer-wrapper.combination-animation-custom.individual-animatio= n-slide-from-right.animation-loaded .image-inset, .image-block-outer-wrappe= r.combination-animation-custom.individual-animation-slide-from-right.animat= ion-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-ani= mation-custom.individual-animation-slide-from-right.animation-loaded .sqs-i= mage-content { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); } .image-block-outer-wrapper.combination-animation-custom.individual-animatio= n-horizontal-clip .image-inset, .image-block-outer-wrapper.combination-anim= ation-custom.individual-animation-horizontal-clip .image-block-wrapper, .im= age-block-outer-wrapper.combination-animation-custom.individual-animation-h= orizontal-clip .sqs-image-content { transition: -webkit-clip-path 800ms cub= ic-bezier(0.4, 0, 0.2, 1) 0s, clip-path 800ms cubic-bezier(0.4, 0, 0.2, 1) = 0s; will-change: -webkit-clip-path, clip-path; clip-path: polygon(0% 50%, 0= % 100%, 0% 100%, 0% 50%, 100% 50%, 100% 0%, 100% 0%, 100% 50%, 100% 50%, 10= 0% 50%); } .image-block-outer-wrapper.combination-animation-custom.individual-animatio= n-horizontal-clip.animation-loaded .image-inset, .image-block-outer-wrapper= .combination-animation-custom.individual-animation-horizontal-clip.animatio= n-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-anima= tion-custom.individual-animation-horizontal-clip.animation-loaded .sqs-imag= e-content { clip-path: polygon(0% 50%, 0% 100%, 100% 100%, 100% 50%, 100% 5= 0%, 100% 0%, 0% 0%, 0% 50%, 100% 50%, 100% 50%); } .image-block-outer-wrapper.combination-animation-custom.individual-animatio= n-vertical-clip .image-inset, .image-block-outer-wrapper.combination-animat= ion-custom.individual-animation-vertical-clip .image-block-wrapper, .image-= block-outer-wrapper.combination-animation-custom.individual-animation-verti= cal-clip .sqs-image-content { transition: -webkit-clip-path 800ms cubic-bez= ier(0.4, 0, 0.2, 1) 0s, clip-path 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s; wi= ll-change: -webkit-clip-path, clip-path; clip-path: polygon(50% 0%, 100% 0%= , 100% 0%, 50% 0%, 50% 100%, 0% 100%, 0% 100%, 50% 100%, 50% 100%, 50% 100%= ); } .image-block-outer-wrapper.combination-animation-custom.individual-animatio= n-vertical-clip.animation-loaded .image-inset, .image-block-outer-wrapper.c= ombination-animation-custom.individual-animation-vertical-clip.animation-lo= aded .image-block-wrapper, .image-block-outer-wrapper.combination-animation= -custom.individual-animation-vertical-clip.animation-loaded .sqs-image-cont= ent { clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%, 50% 100%, 0%= 100%, 0% 0%, 50% 0%, 50% 100%, 50% 100%); } .image-block-outer-wrapper.combination-animation-custom.individual-animatio= n-tilt-down .image-inset, .image-block-outer-wrapper.combination-animation-= custom.individual-animation-tilt-down .image-block-wrapper, .image-block-ou= ter-wrapper.combination-animation-custom.individual-animation-tilt-down .sq= s-image-content { transition: opacity 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s= , transform 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: opacity, tr= ansform; opacity: 0; transform: matrix(0.92, -0.03, 0, 0.92, 0, 20); } .image-block-outer-wrapper.combination-animation-custom.individual-animatio= n-tilt-down.animation-loaded .image-inset, .image-block-outer-wrapper.combi= nation-animation-custom.individual-animation-tilt-down.animation-loaded .im= age-block-wrapper, .image-block-outer-wrapper.combination-animation-custom.= individual-animation-tilt-down.animation-loaded .sqs-image-content { opacit= y: 1; transform: matrix(1, 0, 0, 1, 0, 0); } .image-block-outer-wrapper.combination-animation-custom.individual-animatio= n-tilt-up .image-inset, .image-block-outer-wrapper.combination-animation-cu= stom.individual-animation-tilt-up .image-block-wrapper, .image-block-outer-= wrapper.combination-animation-custom.individual-animation-tilt-up .sqs-imag= e-content { transition: opacity 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s, tran= sform 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: opacity, transfor= m; opacity: 0; transform: matrix(0.92, 0.03, 0, 0.92, 0, 20); } .image-block-outer-wrapper.combination-animation-custom.individual-animatio= n-tilt-up.animation-loaded .image-inset, .image-block-outer-wrapper.combina= tion-animation-custom.individual-animation-tilt-up.animation-loaded .image-= block-wrapper, .image-block-outer-wrapper.combination-animation-custom.indi= vidual-animation-tilt-up.animation-loaded .sqs-image-content { opacity: 1; = transform: matrix(1, 0, 0, 1, 0, 0); } .image-block-outer-wrapper.combination-animation-custom.individual-animatio= n-focus-in .image-inset, .image-block-outer-wrapper.combination-animation-c= ustom.individual-animation-focus-in .image-block-wrapper, .image-block-oute= r-wrapper.combination-animation-custom.individual-animation-focus-in .sqs-i= mage-content { transition: opacity 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s, t= ransform 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: opacity, trans= form; opacity: 0; transform: matrix(0.92, 0, 0, 0.92, 0, 0); } .image-block-outer-wrapper.combination-animation-custom.individual-animatio= n-focus-in.animation-loaded .image-inset, .image-block-outer-wrapper.combin= ation-animation-custom.individual-animation-focus-in.animation-loaded .imag= e-block-wrapper, .image-block-outer-wrapper.combination-animation-custom.in= dividual-animation-focus-in.animation-loaded .sqs-image-content { opacity: = 1; transform: matrix(1, 0, 0, 1, 0, 0); } .image-block-outer-wrapper.combination-animation-custom.individual-text-ani= mation-fade-in .image-caption-wrapper, .image-block-outer-wrapper.combinati= on-animation-custom.individual-text-animation-fade-in .sqs-dynamic-text-con= tainer { transition: opacity 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s, transfo= rm 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: opacity, transform; = opacity: 0; transform: matrix(1, 0, 0, 1, 0, 0); } .image-block-outer-wrapper.combination-animation-custom.individual-text-ani= mation-fade-in.animation-loaded .image-caption-wrapper, .image-block-outer-= wrapper.combination-animation-custom.individual-text-animation-fade-in.anim= ation-loaded.sqs-text-ready .sqs-dynamic-text-container { opacity: 1; trans= form: matrix(1, 0, 0, 1, 0, 0); } .image-block-outer-wrapper.combination-animation-custom.individual-text-ani= mation-slide-up .image-caption-wrapper, .image-block-outer-wrapper.combinat= ion-animation-custom.individual-text-animation-slide-up .sqs-dynamic-text-c= ontainer { transition: opacity 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s, trans= form 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: opacity, transform= ; opacity: 0; transform: matrix(1, 0, 0, 1, 0, 20); } .image-block-outer-wrapper.combination-animation-custom.individual-text-ani= mation-slide-up.animation-loaded .image-caption-wrapper, .image-block-outer= -wrapper.combination-animation-custom.individual-text-animation-slide-up.an= imation-loaded.sqs-text-ready .sqs-dynamic-text-container { opacity: 1; tra= nsform: matrix(1, 0, 0, 1, 0, 0); } .image-block-outer-wrapper.combination-animation-custom.individual-text-ani= mation-slide-down .image-caption-wrapper, .image-block-outer-wrapper.combin= ation-animation-custom.individual-text-animation-slide-down .sqs-dynamic-te= xt-container { transition: opacity 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s, t= ransform 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: opacity, trans= form; opacity: 0; transform: matrix(1, 0, 0, 1, 0, -20); } .image-block-outer-wrapper.combination-animation-custom.individual-text-ani= mation-slide-down.animation-loaded .image-caption-wrapper, .image-block-out= er-wrapper.combination-animation-custom.individual-text-animation-slide-dow= n.animation-loaded.sqs-text-ready .sqs-dynamic-text-container { opacity: 1;= transform: matrix(1, 0, 0, 1, 0, 0); } .image-block-outer-wrapper.combination-animation-custom.individual-text-ani= mation-slide-from-left .image-caption-wrapper, .image-block-outer-wrapper.c= ombination-animation-custom.individual-text-animation-slide-from-left .sqs-= dynamic-text-container { transition: opacity 800ms cubic-bezier(0.4, 0, 0.2= , 1) 0s, transform 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: opac= ity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, -20, 0); } .image-block-outer-wrapper.combination-animation-custom.individual-text-ani= mation-slide-from-left.animation-loaded .image-caption-wrapper, .image-bloc= k-outer-wrapper.combination-animation-custom.individual-text-animation-slid= e-from-left.animation-loaded.sqs-text-ready .sqs-dynamic-text-container { o= pacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); } .image-block-outer-wrapper.combination-animation-custom.individual-text-ani= mation-slide-from-right .image-caption-wrapper, .image-block-outer-wrapper.= combination-animation-custom.individual-text-animation-slide-from-right .sq= s-dynamic-text-container { transition: opacity 800ms cubic-bezier(0.4, 0, 0= .2, 1) 0s, transform 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: op= acity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, 20, 0); } .image-block-outer-wrapper.combination-animation-custom.individual-text-ani= mation-slide-from-right.animation-loaded .image-caption-wrapper, .image-blo= ck-outer-wrapper.combination-animation-custom.individual-text-animation-sli= de-from-right.animation-loaded.sqs-text-ready .sqs-dynamic-text-container {= opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); } .image-block-outer-wrapper.combination-animation-custom.individual-text-ani= mation-focus-in .image-caption-wrapper, .image-block-outer-wrapper.combinat= ion-animation-custom.individual-text-animation-focus-in .sqs-dynamic-text-c= ontainer { transition: opacity 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s, trans= form 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: opacity, transform= ; opacity: 0; transform: matrix(0.92, 0, 0, 0.92, 0, 0); } .image-block-outer-wrapper.combination-animation-custom.individual-text-ani= mation-focus-in.animation-loaded .image-caption-wrapper, .image-block-outer= -wrapper.combination-animation-custom.individual-text-animation-focus-in.an= imation-loaded.sqs-text-ready .sqs-dynamic-text-container { opacity: 1; tra= nsform: matrix(1, 0, 0, 1, 0, 0); } .image-block-poster-text-alignment-left .sqs-block-image .design-layout-pos= ter .image-card > * { text-align: left !important; } .image-block-poster-text-alignment-center .sqs-block-image .design-layout-p= oster .image-card > * { text-align: center !important; } .image-block-poster-text-alignment-right .sqs-block-image .design-layout-po= ster .image-card > *, .image-block-poster-text-alignment-match .sqs-block-i= mage .design-layout-poster.image-position-right .image-card > *, .image-blo= ck-poster-text-alignment-opposite .sqs-block-image .design-layout-poster.im= age-position-left .image-card > * { text-align: right !important; } .image-block-card-text-alignment-left .sqs-block-image .design-layout-card = .image-card > * { text-align: left !important; } .image-block-card-text-alignment-center .sqs-block-image .design-layout-car= d .image-card > * { text-align: center !important; } .image-block-card-text-alignment-right .sqs-block-image .design-layout-card= .image-card > *, .image-block-card-text-alignment-match .sqs-block-image .= design-layout-card.image-position-right .image-card > *, .image-block-card-= text-alignment-opposite .sqs-block-image .design-layout-card.image-position= -left .image-card > * { text-align: right !important; } .image-block-overlap-text-alignment-left .sqs-block-image .design-layout-ov= erlap .image-card > * { text-align: left !important; } .image-block-overlap-text-alignment-center .sqs-block-image .design-layout-= overlap .image-card > * { text-align: center !important; } .image-block-overlap-text-alignment-right .sqs-block-image .design-layout-o= verlap .image-card > *, .image-block-overlap-text-alignment-match .sqs-bloc= k-image .design-layout-overlap.image-position-right .image-card > *, .image= -block-overlap-text-alignment-opposite .sqs-block-image .design-layout-over= lap.image-position-left .image-card > * { text-align: right !important; } .image-block-collage-text-alignment-left .sqs-block-image .design-layout-co= llage .image-card > * { text-align: left !important; } .image-block-collage-text-alignment-center .sqs-block-image .design-layout-= collage .image-card > * { text-align: center !important; } .image-block-collage-text-alignment-right .sqs-block-image .design-layout-c= ollage .image-card > *, .image-block-collage-text-alignment-match .sqs-bloc= k-image .design-layout-collage.image-position-right .image-card > *, .image= -block-collage-text-alignment-opposite .sqs-block-image .design-layout-coll= age.image-position-left .image-card > * { text-align: right !important; } .image-block-stack-text-alignment-left .sqs-block-image .design-layout-stac= k .image-card > * { text-align: left !important; } .image-block-stack-text-alignment-center .sqs-block-image .design-layout-st= ack .image-card > * { text-align: center !important; } .image-block-stack-text-alignment-right .sqs-block-image .design-layout-sta= ck .image-card > *, .image-block-stack-text-alignment-match .sqs-block-imag= e .design-layout-stack.image-position-right .image-card > *, .image-block-s= tack-text-alignment-opposite .sqs-block-image .design-layout-stack.image-po= sition-left .image-card > * { text-align: right !important; } .sqs-dynamic-text { min-width: 100%; line-height: 1em; } .image-block-v2:not([class*=3D"-animation-"]) { opacity: 0; transition: opa= city 1s ease-out 1s; } .sqs-text-ready .image-block-v2:not([class*=3D"-animation-"]), .sqs-text-re= ady.image-block-v2:not([class*=3D"-animation-"]) { opacity: 1; } .image-block-card-content-position-top .sqs-block-image .design-layout-card= .image-card-wrapper { align-items: flex-start; } .image-block-card-content-position-center .sqs-block-image .design-layout-c= ard .image-card-wrapper { align-items: center; } .image-block-card-content-position-bottom .sqs-block-image .design-layout-c= ard .image-card-wrapper { align-items: flex-end; } .image-block-overlap-content-position-top .sqs-block-image .design-layout-o= verlap .image-card-wrapper { align-items: flex-start; } .image-block-overlap-content-position-center .sqs-block-image .design-layou= t-overlap .image-card-wrapper { align-items: center; } .image-block-overlap-content-position-bottom .sqs-block-image .design-layou= t-overlap .image-card-wrapper { align-items: flex-end; } .image-block-collage-content-position-top .sqs-block-image .design-layout-c= ollage .image-card-wrapper { align-items: flex-start; } .image-block-collage-content-position-center .sqs-block-image .design-layou= t-collage .image-card-wrapper { align-items: center; } .image-block-collage-content-position-bottom .sqs-block-image .design-layou= t-collage .image-card-wrapper { align-items: flex-end; } .menu-block .menu-selector { margin-bottom: 3em; } .menu-block .menu-selector label { display: inline-block; padding: 0px 0.5e= m; cursor: pointer; } .menu-block .menu-selector label.menu-select-labels--active { text-decorati= on: underline; } .menu-block .menu-select-button { display: none; } .menu-block .menus--has-multiple .menu { display: none; } .menu-block .menu-header { margin-bottom: 3em; } .menu-block .menu-section { margin-top: 1em; } .menu-block .menu-section + .menu-section { margin-top: 5em; } .menu-block .menu-section-header { margin-bottom: 2em; padding-bottom: 1em;= } .menu-block .menu-item { margin-bottom: 0px; padding-bottom: 2em; margin-to= p: 0px; } .menu-block .menu-item-description { margin-top: 5px; } .menu-block .menu-item-price-bottom { margin: 0.5em 0px; } .menu-block .menu-style-classic .menu-selector, .menu-block .menu-style-cla= ssic .menu-header, .menu-block .menu-style-classic .menu-section-title, .me= nu-block .menu-style-classic .menu-section-description { text-align: center= ; } .menu-block .menu-style-classic .menu-items { column-width: 18em; column-ga= p: 3em; } .menu-block .menu-style-classic .menu-item { break-inside: avoid; width: 10= 0%; } .menu-block .menu-style-classic .menu-item-description { margin-right: 3em;= } .menu-block .menu-style-classic .menu-item-price-top { float: right; paddin= g-left: 20px; } .menu-block .menu-style-classic .menu-item-price-bottom { display: none; } .menu-block .menu-style-simple .menu-selector, .menu-block .menu-style-simp= le .menu { text-align: center; } .menu-block .menu-style-simple .menu-item-price-top { display: none; } .sqs-use--icon, .sqs-use--mask { fill: transparent; transition: fill 170ms = ease-in-out 0s; } .sqs-svg-icon--wrapper { display: inline-block; position: relative; overflo= w: hidden; cursor: pointer; text-decoration: none; transition: background-c= olor 170ms ease-in-out 0s; z-index: 0; } .sqs-svg-icon--wrapper > div, .sqs-svg-icon--wrapper svg { position: absolu= te; top: 0px; left: 0px; width: 100%; height: 100%; } .socialaccountlinks-v2-block .social-icons-shape-circle .sqs-svg-icon--wrap= per, .social-account-links-v2-block .social-icons-shape-circle .sqs-svg-ico= n--wrapper { border-radius: 50%; } .socialaccountlinks-v2-block .social-icons-shape-rounded .sqs-svg-icon--wra= pper, .social-account-links-v2-block .social-icons-shape-rounded .sqs-svg-i= con--wrapper { border-radius: 15%; } .socialaccountlinks-v2-block .social-icons-style-regular .sqs-svg-icon--wra= pper, .social-account-links-v2-block .social-icons-style-regular .sqs-svg-i= con--wrapper { border-radius: 0px; } .socialaccountlinks-v2-block .social-icons-style-regular .sqs-svg-icon--wra= pper > div, .social-account-links-v2-block .social-icons-style-regular .sqs= -svg-icon--wrapper > div { transform: scale(2); } .socialaccountlinks-v2-block .sqs-svg-icon--wrapper, .social-account-links-= v2-block .sqs-svg-icon--wrapper { transition: opacity 170ms ease-in-out 0s;= } .socialaccountlinks-v2-block .sqs-svg-icon--social, .social-account-links-v= 2-block .sqs-svg-icon--social, .socialaccountlinks-v2-block .sqs-use--icon,= .social-account-links-v2-block .sqs-use--icon, .socialaccountlinks-v2-bloc= k .sqs-use--mask, .social-account-links-v2-block .sqs-use--mask { fill: tra= nsparent; } .socialaccountlinks-v2-block .sqs-svg-icon--wrapper:hover, .social-account-= links-v2-block .sqs-svg-icon--wrapper:hover { opacity: 0.8; } .socialaccountlinks-v2-block .social-icons-size-extra-small.social-icons-st= yle-regular .sqs-svg-icon--wrapper, .social-account-links-v2-block .social-= icons-size-extra-small.social-icons-style-regular .sqs-svg-icon--wrapper { = width: 16px; height: 16px; } .socialaccountlinks-v2-block .social-icons-size-small.social-icons-style-re= gular .sqs-svg-icon--wrapper, .social-account-links-v2-block .social-icons-= size-small.social-icons-style-regular .sqs-svg-icon--wrapper { width: 20px;= height: 20px; } .socialaccountlinks-v2-block .social-icons-size-medium.social-icons-style-r= egular .sqs-svg-icon--wrapper, .social-account-links-v2-block .social-icons= -size-medium.social-icons-style-regular .sqs-svg-icon--wrapper, .socialacco= untlinks-v2-block .social-icons-size-extra-small:not(.social-icons-style-re= gular) .sqs-svg-icon--wrapper, .social-account-links-v2-block .social-icons= -size-extra-small:not(.social-icons-style-regular) .sqs-svg-icon--wrapper {= width: 24px; height: 24px; } .socialaccountlinks-v2-block .social-icons-size-large.social-icons-style-re= gular .sqs-svg-icon--wrapper, .social-account-links-v2-block .social-icons-= size-large.social-icons-style-regular .sqs-svg-icon--wrapper, .socialaccoun= tlinks-v2-block .social-icons-size-small:not(.social-icons-style-regular) .= sqs-svg-icon--wrapper, .social-account-links-v2-block .social-icons-size-sm= all:not(.social-icons-style-regular) .sqs-svg-icon--wrapper { width: 28px; = height: 28px; } .socialaccountlinks-v2-block .social-icons-size-extra-large.social-icons-st= yle-regular .sqs-svg-icon--wrapper, .social-account-links-v2-block .social-= icons-size-extra-large.social-icons-style-regular .sqs-svg-icon--wrapper, .= socialaccountlinks-v2-block .social-icons-size-medium:not(.social-icons-sty= le-regular) .sqs-svg-icon--wrapper, .social-account-links-v2-block .social-= icons-size-medium:not(.social-icons-style-regular) .sqs-svg-icon--wrapper {= width: 32px; height: 32px; } .socialaccountlinks-v2-block .social-icons-size-large:not(.social-icons-sty= le-regular) .sqs-svg-icon--wrapper, .social-account-links-v2-block .social-= icons-size-large:not(.social-icons-style-regular) .sqs-svg-icon--wrapper { = width: 36px; height: 36px; } .socialaccountlinks-v2-block .social-icons-size-extra-large:not(.social-ico= ns-style-regular) .sqs-svg-icon--wrapper, .social-account-links-v2-block .s= ocial-icons-size-extra-large:not(.social-icons-style-regular) .sqs-svg-icon= --wrapper { width: 48px; height: 48px; } .sqs-svg-icon--list { display: flex; align-items: center; } .social-icon-alignment-left .sqs-svg-icon--list { justify-content: flex-sta= rt; } .social-icon-alignment-right .sqs-svg-icon--list { justify-content: flex-en= d; } .social-icon-alignment-center .sqs-svg-icon--list { justify-content: center= ; } .social-icons-size-extra-small.social-icon-alignment-left .sqs-svg-icon--wr= apper { margin: 0px 6px 0px 0px; } .social-icons-size-extra-small.social-icon-alignment-right .sqs-svg-icon--w= rapper { margin: 0px 0px 0px 6px; } .social-icons-size-extra-small.social-icon-alignment-center .sqs-svg-icon--= wrapper { margin: 0px 3px; } .social-icons-size-small.social-icon-alignment-left .sqs-svg-icon--wrapper = { margin: 0px 8px 0px 0px; } .social-icons-size-small.social-icon-alignment-right .sqs-svg-icon--wrapper= { margin: 0px 0px 0px 8px; } .social-icons-size-small.social-icon-alignment-center .sqs-svg-icon--wrappe= r { margin: 0px 4px; } .social-icons-size-medium.social-icon-alignment-left .sqs-svg-icon--wrapper= { margin: 0px 8px 0px 0px; } .social-icons-size-medium.social-icon-alignment-right .sqs-svg-icon--wrappe= r { margin: 0px 0px 0px 8px; } .social-icons-size-medium.social-icon-alignment-center .sqs-svg-icon--wrapp= er { margin: 0px 4px; } .social-icons-size-extra-small.social-icons-style-regular.social-icon-align= ment-left .sqs-svg-icon--wrapper, .social-icons-size-large.social-icon-alig= nment-left .sqs-svg-icon--wrapper { margin: 0px 10px 0px 0px; } .social-icons-size-extra-small.social-icons-style-regular.social-icon-align= ment-right .sqs-svg-icon--wrapper, .social-icons-size-large.social-icon-ali= gnment-right .sqs-svg-icon--wrapper { margin: 0px 0px 0px 10px; } .social-icons-size-extra-small.social-icons-style-regular.social-icon-align= ment-center .sqs-svg-icon--wrapper, .social-icons-size-large.social-icon-al= ignment-center .sqs-svg-icon--wrapper { margin: 0px 5px; } .social-icons-size-small.social-icons-style-regular.social-icon-alignment-l= eft .sqs-svg-icon--wrapper, .social-icons-size-extra-large.social-icon-alig= nment-left .sqs-svg-icon--wrapper { margin: 0px 12px 0px 0px; } .social-icons-size-small.social-icons-style-regular.social-icon-alignment-r= ight .sqs-svg-icon--wrapper, .social-icons-size-extra-large.social-icon-ali= gnment-right .sqs-svg-icon--wrapper { margin: 0px 0px 0px 12px; } .social-icons-size-small.social-icons-style-regular.social-icon-alignment-c= enter .sqs-svg-icon--wrapper, .social-icons-size-extra-large.social-icon-al= ignment-center .sqs-svg-icon--wrapper { margin: 0px 6px; } .social-icons-size-medium.social-icons-style-regular.social-icon-alignment-= left .sqs-svg-icon--wrapper { margin: 0px 14px 0px 0px; } .social-icons-size-medium.social-icons-style-regular.social-icon-alignment-= right .sqs-svg-icon--wrapper { margin: 0px 0px 0px 14px; } .social-icons-size-medium.social-icons-style-regular.social-icon-alignment-= center .sqs-svg-icon--wrapper { margin: 0px 7px; } .social-icons-size-large.social-icons-style-regular.social-icon-alignment-l= eft .sqs-svg-icon--wrapper { margin: 0px 16px 0px 0px; } .social-icons-size-large.social-icons-style-regular.social-icon-alignment-r= ight .sqs-svg-icon--wrapper { margin: 0px 0px 0px 16px; } .social-icons-size-large.social-icons-style-regular.social-icon-alignment-c= enter .sqs-svg-icon--wrapper { margin: 0px 8px; } .social-icons-size-extra-large.social-icons-style-regular.social-icon-align= ment-left .sqs-svg-icon--wrapper { margin: 0px 18px 0px 0px; } .social-icons-size-extra-large.social-icons-style-regular.social-icon-align= ment-right .sqs-svg-icon--wrapper { margin: 0px 0px 0px 18px; } .social-icons-size-extra-large.social-icons-style-regular.social-icon-align= ment-center .sqs-svg-icon--wrapper { margin: 0px 9px; } .sqs-block-summary-v2 * { box-sizing: border-box; } .sqs-block-summary-v2 .summary-thumbnail-outer-container { position: relati= ve; } .sqs-block-summary-v2 .summary-heading { display: none; margin: 0px 0px 15p= x; padding-right: 10px; font-size: 14px; line-height: normal; } .sqs-block-summary-v2 .summary-carousel-pager { display: none; } .sqs-block-summary-v2 .summary-item-list { list-style-type: none; margin: 0= px; padding: 0px; } .sqs-block-summary-v2 .summary-item { visibility: hidden; } .sqs-block-summary-v2 .summary-item.positioned { visibility: visible; } .sqs-style-mode-active .sqs-block-summary-v2 .is-product-quick-view-enabled= .summary-item:first-child .sqs-product-quick-view-button-wrapper { opacity= : 1; } .sqs-style-mode-active .sqs-block-summary-v2 .is-product-quick-view-enabled= .summary-item:first-child .sqs-product-mark-wrapper { opacity: 0; } .sqs-block-summary-v2 .summary-thumbnail-container { position: relative; di= splay: block; } .sqs-block-summary-v2 .summary-thumbnail-container:hover { opacity: 1 !impo= rtant; } .sqs-block-summary-v2 .summary-thumbnail-container img { opacity: 0; displa= y: block; width: 100%; height: auto; font-size: 13px; line-height: normal; = transition: opacity 0.6s ease 0s; } .sqs-block-summary-v2 .summary-thumbnail-container img.loaded { opacity: 1;= } .sqs-block-summary-v2 .summary-thumbnail-container img:not(.loaded) .sqs-pr= oduct-mark-wrapper .sqs-product-quick-view-button-wrapper { opacity: 0 !imp= ortant; } .sqs-block-summary-v2 .img-wrapper, .sqs-block-summary-v2 .sqs-video-wrappe= r { position: relative; width: 100%; height: auto; } .sqs-block-summary-v2 .summary-product-status .product-mark { position: abs= olute; top: 15px; right: 0px; padding: 6px 8px; background: rgb(34, 34, 34)= ; color: rgb(255, 255, 255); font-size: 14px; line-height: 14px; text-trans= form: uppercase; -webkit-font-smoothing: antialiased; box-sizing: content-b= ox; } .sqs-block-summary-v2 .summary-thumbnail-event-date { display: none; positi= on: absolute; top: 10px; right: 10px; height: 50px; width: 50px; padding: 3= px; background: rgb(255, 255, 255); text-align: center; box-sizing: content= -box; } .sqs-block-summary-v2 .summary-thumbnail-event-date-inner { display: table-= cell; vertical-align: middle; } .sqs-block-summary-v2 .summary-thumbnail-event-date-month { display: block;= color: rgb(51, 51, 51); font-size: 14px; line-height: 14px; text-transform= : uppercase; } .sqs-block-summary-v2 .summary-thumbnail-event-date-day { display: block; c= olor: rgb(51, 51, 51); font-size: 26px; line-height: 26px; } .sqs-block-summary-v2 .summary-content { text-align: left; } .sqs-block-summary-v2 .summary-title { margin: 0px 0px 10px; line-height: 1= .2em; text-align: left; } .sqs-block-summary-v2 .summary-price { margin: 0px 0px 10px; } .sqs-block-summary-v2 .summary-price .product-price { font-size: 14px; line= -height: 20px; text-align: left; } .sqs-block-summary-v2 .summary-price .product-price .original-price { opaci= ty: 0.7; text-decoration: line-through; } .sqs-block-summary-v2 .product-scarcity { font-size: 14px; line-height: 20p= x; text-align: left; margin: 0px 0px 10px; } .sqs-block-summary-v2 .summary-excerpt { margin: 0px 0px 10px; } .sqs-block-summary-v2 .summary-excerpt p, .sqs-block-summary-v2 .summary-ex= cerpt ul, .sqs-block-summary-v2 .summary-excerpt li { font-size: 14px; line= -height: 1.4em; margin: 0px 0px 10px; text-align: left; } .sqs-block-summary-v2 .summary-excerpt p:first-of-type, .sqs-block-summary-= v2 .summary-excerpt ul:first-of-type, .sqs-block-summary-v2 .summary-excerp= t li:first-of-type { margin-top: 0px !important; } .sqs-block-summary-v2 .summary-excerpt p:last-of-type, .sqs-block-summary-v= 2 .summary-excerpt ul:last-of-type, .sqs-block-summary-v2 .summary-excerpt = li:last-of-type { margin-bottom: 0px !important; } .sqs-block-summary-v2 .summary-excerpt > blockquote p { font-size: inherit;= line-height: inherit; margin: inherit; text-align: inherit; } .sqs-block-summary-v2 .summary-excerpt > blockquote p:first-of-type { margi= n-top: inherit; } .sqs-block-summary-v2 .summary-excerpt > blockquote p:last-of-type { margin= -bottom: inherit; } .sqs-block-summary-v2 .summary-block-collection-type-lessons .summary-descr= iption { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertic= al; -webkit-line-clamp: 3; } .sqs-block-summary-v2 .summary-block-collection-type-lessons .summary-hide-= description { display: none; } .sqs-block-summary-v2 .summary-read-more-link { display: none; margin: 0px = 0px 10px; font-size: 14px; line-height: 20px; text-align: left; } .sqs-block-summary-v2 .summary-metadata-container { display: none; font-siz= e: 13px; line-height: normal; } .sqs-block-summary-v2 .summary-block-setting-metadata-position-above-title = .summary-metadata-container--above-title, .sqs-block-summary-v2 .summary-bl= ock-setting-metadata-position-below-title .summary-metadata-container--belo= w-title, .sqs-block-summary-v2 .summary-block-setting-metadata-position-bel= ow-content .summary-metadata-container--below-content { display: block; } .sqs-block-summary-v2 .summary-block-setting-metadata-position-above-title.= summary-block-setting-primary-metadata-date .summary-metadata-container, .s= qs-block-summary-v2 .summary-block-setting-metadata-position-below-title.su= mmary-block-setting-primary-metadata-date .summary-metadata-container, .sqs= -block-summary-v2 .summary-block-setting-metadata-position-above-title.summ= ary-block-setting-secondary-metadata-date .summary-metadata-container, .sqs= -block-summary-v2 .summary-block-setting-metadata-position-below-title.summ= ary-block-setting-secondary-metadata-date .summary-metadata-container, .sqs= -block-summary-v2 .summary-block-setting-metadata-position-above-title.summ= ary-block-setting-primary-metadata-event-time .summary-metadata-container, = .sqs-block-summary-v2 .summary-block-setting-metadata-position-below-title.= summary-block-setting-primary-metadata-event-time .summary-metadata-contain= er, .sqs-block-summary-v2 .summary-block-setting-metadata-position-above-ti= tle.summary-block-setting-secondary-metadata-event-time .summary-metadata-c= ontainer, .sqs-block-summary-v2 .summary-block-setting-metadata-position-be= low-title.summary-block-setting-secondary-metadata-event-time .summary-meta= data-container, .sqs-block-summary-v2 .summary-block-setting-metadata-posit= ion-above-title.summary-block-setting-primary-metadata-cats .summary-item-h= as-cats .summary-metadata-container, .sqs-block-summary-v2 .summary-block-s= etting-metadata-position-below-title.summary-block-setting-primary-metadata= -cats .summary-item-has-cats .summary-metadata-container, .sqs-block-summar= y-v2 .summary-block-setting-metadata-position-above-title.summary-block-set= ting-secondary-metadata-cats .summary-item-has-cats .summary-metadata-conta= iner, .sqs-block-summary-v2 .summary-block-setting-metadata-position-below-= title.summary-block-setting-secondary-metadata-cats .summary-item-has-cats = .summary-metadata-container, .sqs-block-summary-v2 .summary-block-setting-m= etadata-position-above-title.summary-block-setting-primary-metadata-tags .s= ummary-item-has-tags .summary-metadata-container, .sqs-block-summary-v2 .su= mmary-block-setting-metadata-position-below-title.summary-block-setting-pri= mary-metadata-tags .summary-item-has-tags .summary-metadata-container, .sqs= -block-summary-v2 .summary-block-setting-metadata-position-above-title.summ= ary-block-setting-secondary-metadata-tags .summary-item-has-tags .summary-m= etadata-container, .sqs-block-summary-v2 .summary-block-setting-metadata-po= sition-below-title.summary-block-setting-secondary-metadata-tags .summary-i= tem-has-tags .summary-metadata-container, .sqs-block-summary-v2 .summary-bl= ock-setting-metadata-position-above-title.summary-block-setting-primary-met= adata-author .summary-item-has-author .summary-metadata-container, .sqs-blo= ck-summary-v2 .summary-block-setting-metadata-position-below-title.summary-= block-setting-primary-metadata-author .summary-item-has-author .summary-met= adata-container, .sqs-block-summary-v2 .summary-block-setting-metadata-posi= tion-above-title.summary-block-setting-secondary-metadata-author .summary-i= tem-has-author .summary-metadata-container, .sqs-block-summary-v2 .summary-= block-setting-metadata-position-below-title.summary-block-setting-secondary= -metadata-author .summary-item-has-author .summary-metadata-container, .sqs= -block-summary-v2 .summary-block-setting-metadata-position-above-title.summ= ary-block-setting-primary-metadata-comments .summary-item-has-comments-enab= led .summary-metadata-container, .sqs-block-summary-v2 .summary-block-setti= ng-metadata-position-below-title.summary-block-setting-primary-metadata-com= ments .summary-item-has-comments-enabled .summary-metadata-container, .sqs-= block-summary-v2 .summary-block-setting-metadata-position-above-title.summa= ry-block-setting-secondary-metadata-comments .summary-item-has-comments-ena= bled .summary-metadata-container, .sqs-block-summary-v2 .summary-block-sett= ing-metadata-position-below-title.summary-block-setting-secondary-metadata-= comments .summary-item-has-comments-enabled .summary-metadata-container, .s= qs-block-summary-v2 .summary-block-setting-metadata-position-above-title.su= mmary-block-setting-primary-metadata-location .summary-item-has-location .s= ummary-metadata-container, .sqs-block-summary-v2 .summary-block-setting-met= adata-position-below-title.summary-block-setting-primary-metadata-location = .summary-item-has-location .summary-metadata-container, .sqs-block-summary-= v2 .summary-block-setting-metadata-position-above-title.summary-block-setti= ng-secondary-metadata-location .summary-item-has-location .summary-metadata= -container, .sqs-block-summary-v2 .summary-block-setting-metadata-position-= below-title.summary-block-setting-secondary-metadata-location .summary-item= -has-location .summary-metadata-container { margin: 0px 0px 10px; } .sqs-block-summary-v2 .summary-metadata { display: none; } .sqs-block-summary-v2 .summary-block-setting-primary-metadata-date .summary= -metadata--primary, .sqs-block-summary-v2 .summary-block-setting-primary-me= tadata-event-time .summary-metadata--primary, .sqs-block-summary-v2 .summar= y-block-setting-primary-metadata-cats .summary-item-has-cats .summary-metad= ata--primary, .sqs-block-summary-v2 .summary-block-setting-primary-metadata= -tags .summary-item-has-tags .summary-metadata--primary, .sqs-block-summary= -v2 .summary-block-setting-primary-metadata-author .summary-item-has-author= .summary-metadata--primary, .sqs-block-summary-v2 .summary-block-setting-p= rimary-metadata-comments .summary-item-has-comments-enabled .summary-metada= ta--primary, .sqs-block-summary-v2 .summary-block-setting-primary-metadata-= location .summary-item-has-location .summary-metadata--primary { display: i= nline-block; } .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-date .summa= ry-metadata--secondary, .sqs-block-summary-v2 .summary-block-setting-second= ary-metadata-event-time .summary-metadata--secondary, .sqs-block-summary-v2= .summary-block-setting-secondary-metadata-cats .summary-item-has-cats .sum= mary-metadata--secondary, .sqs-block-summary-v2 .summary-block-setting-seco= ndary-metadata-tags .summary-item-has-tags .summary-metadata--secondary, .s= qs-block-summary-v2 .summary-block-setting-secondary-metadata-author .summa= ry-item-has-author .summary-metadata--secondary, .sqs-block-summary-v2 .sum= mary-block-setting-secondary-metadata-comments .summary-item-has-comments-e= nabled .summary-metadata--secondary, .sqs-block-summary-v2 .summary-block-s= etting-secondary-metadata-location .summary-item-has-location .summary-meta= data--secondary { display: inline-block; } .sqs-block-summary-v2 .summary-metadata-item { display: none; opacity: 0.7;= margin: 0px; font-size: 13px; line-height: 1.4em; text-transform: none; } .sqs-block-summary-v2 .summary-metadata-item a, .sqs-block-summary-v2 .summ= ary-metadata-item a:hover { opacity: 1; text-decoration: none; } .sqs-block-summary-v2 .summary-block-setting-primary-metadata-date .summary= -metadata--primary .summary-metadata-item--date, .sqs-block-summary-v2 .sum= mary-block-setting-primary-metadata-event-time .summary-metadata--primary .= summary-metadata-item--event-time, .sqs-block-summary-v2 .summary-block-set= ting-primary-metadata-cats .summary-item-has-cats .summary-metadata--primar= y .summary-metadata-item--cats, .sqs-block-summary-v2 .summary-block-settin= g-primary-metadata-tags .summary-item-has-tags .summary-metadata--primary .= summary-metadata-item--tags, .sqs-block-summary-v2 .summary-block-setting-p= rimary-metadata-author .summary-item-has-author .summary-metadata--primary = .summary-metadata-item--author, .sqs-block-summary-v2 .summary-block-settin= g-primary-metadata-comments .summary-item-has-comments-enabled .summary-met= adata--primary .summary-metadata-item--comments, .sqs-block-summary-v2 .sum= mary-block-setting-primary-metadata-location .summary-item-has-location .su= mmary-metadata--primary .summary-metadata-item--location { display: inline-= block; } .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-date .summa= ry-metadata--secondary .summary-metadata-item--date, .sqs-block-summary-v2 = .summary-block-setting-secondary-metadata-event-time .summary-metadata--sec= ondary .summary-metadata-item--event-time, .sqs-block-summary-v2 .summary-b= lock-setting-secondary-metadata-cats .summary-item-has-cats .summary-metada= ta--secondary .summary-metadata-item--cats, .sqs-block-summary-v2 .summary-= block-setting-secondary-metadata-tags .summary-item-has-tags .summary-metad= ata--secondary .summary-metadata-item--tags, .sqs-block-summary-v2 .summary= -block-setting-secondary-metadata-author .summary-item-has-author .summary-= metadata--secondary .summary-metadata-item--author, .sqs-block-summary-v2 .= summary-block-setting-secondary-metadata-comments .summary-item-has-comment= s-enabled .summary-metadata--secondary .summary-metadata-item--comments, .s= qs-block-summary-v2 .summary-block-setting-secondary-metadata-location .sum= mary-item-has-location .summary-metadata--secondary .summary-metadata-item-= -location { display: inline-block; } .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-date .summa= ry-metadata--primary .summary-metadata-item::after, .sqs-block-summary-v2 .= summary-block-setting-secondary-metadata-event-time .summary-metadata--prim= ary .summary-metadata-item::after, .sqs-block-summary-v2 .summary-block-set= ting-secondary-metadata-cats .summary-item-has-cats .summary-metadata--prim= ary .summary-metadata-item::after, .sqs-block-summary-v2 .summary-block-set= ting-secondary-metadata-tags .summary-item-has-tags .summary-metadata--prim= ary .summary-metadata-item::after, .sqs-block-summary-v2 .summary-block-set= ting-secondary-metadata-author .summary-item-has-author .summary-metadata--= primary .summary-metadata-item::after, .sqs-block-summary-v2 .summary-block= -setting-secondary-metadata-comments .summary-item-has-comments-enabled .su= mmary-metadata--primary .summary-metadata-item::after, .sqs-block-summary-v= 2 .summary-block-setting-secondary-metadata-location .summary-item-has-loca= tion .summary-metadata--primary .summary-metadata-item::after { content: " = =C2=B7"; margin: 0px 0.3em; } .sqs-block-summary-v2 .summary-block-setting-text-align-center .summary-tit= le, .sqs-block-summary-v2 .summary-block-setting-text-align-center .summary= -price .product-price, .sqs-block-summary-v2 .summary-block-setting-text-al= ign-center .summary-excerpt p, .sqs-block-summary-v2 .summary-block-setting= -text-align-center .summary-read-more-link, .sqs-block-summary-v2 .summary-= block-setting-text-align-center .summary-content { text-align: center; } .sqs-block-summary-v2 .summary-block-setting-text-align-right .summary-titl= e, .sqs-block-summary-v2 .summary-block-setting-text-align-right .summary-p= rice .product-price, .sqs-block-summary-v2 .summary-block-setting-text-alig= n-right .summary-excerpt p, .sqs-block-summary-v2 .summary-block-setting-te= xt-align-right .summary-read-more-link, .sqs-block-summary-v2 .summary-bloc= k-setting-text-align-right .summary-content { text-align: right; } .sqs-block-summary-v2 .summary-item-record-type-text .summary-read-more-lin= k { display: block; } .sqs-block-summary-v2 .summary-item-record-type-event .summary-thumbnail-ev= ent-date { display: table; } .sqs-block-summary-v2 .event-time-12hr { display: none; } .sqs-block-summary-v2 .event-time-localized { display: inline; } .sqs-block-summary-v2 .summary-thumbnail-container { margin: 0px; } .sqs-block-summary-v2 .summary-block-setting-show-title .summary-thumbnail-= container, .sqs-block-summary-v2 .summary-block-setting-show-price .summary= -item-record-type-store-item .summary-thumbnail-container, .sqs-block-summa= ry-v2 .summary-block-setting-show-excerpt .summary-thumbnail-container, .sq= s-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-primar= y-metadata-none) .summary-thumbnail-container, .sqs-block-summary-v2 .summa= ry-block-wrapper:not(.summary-block-setting-secondary-metadata-none) .summa= ry-thumbnail-container { margin: 0px 0px 15px; } .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-sho= w-excerpt) .summary-title, .sqs-block-summary-v2 .summary-block-wrapper:not= (.summary-block-setting-show-excerpt) .summary-price { margin: 0px 0px 2px;= } .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-sho= w-excerpt).summary-block-setting-metadata-position-above-title.summary-bloc= k-setting-primary-metadata-date .summary-metadata-container, .sqs-block-sum= mary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).sum= mary-block-setting-metadata-position-below-title.summary-block-setting-prim= ary-metadata-date .summary-metadata-container, .sqs-block-summary-v2 .summa= ry-block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-set= ting-metadata-position-above-title.summary-block-setting-secondary-metadata= -date .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wra= pper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadat= a-position-below-title.summary-block-setting-secondary-metadata-date .summa= ry-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.su= mmary-block-setting-show-excerpt).summary-block-setting-metadata-position-a= bove-title.summary-block-setting-primary-metadata-event-time .summary-metad= ata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-bl= ock-setting-show-excerpt).summary-block-setting-metadata-position-below-tit= le.summary-block-setting-primary-metadata-event-time .summary-metadata-cont= ainer, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-sett= ing-show-excerpt).summary-block-setting-metadata-position-above-title.summa= ry-block-setting-secondary-metadata-event-time .summary-metadata-container,= .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-sh= ow-excerpt).summary-block-setting-metadata-position-below-title.summary-blo= ck-setting-secondary-metadata-event-time .summary-metadata-container, .sqs-= block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-exc= erpt).summary-block-setting-metadata-position-above-title.summary-block-set= ting-primary-metadata-cats .summary-item-has-cats .summary-metadata-contain= er, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting= -show-excerpt).summary-block-setting-metadata-position-below-title.summary-= block-setting-primary-metadata-cats .summary-item-has-cats .summary-metadat= a-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-bloc= k-setting-show-excerpt).summary-block-setting-metadata-position-above-title= .summary-block-setting-secondary-metadata-cats .summary-item-has-cats .summ= ary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.s= ummary-block-setting-show-excerpt).summary-block-setting-metadata-position-= below-title.summary-block-setting-secondary-metadata-cats .summary-item-has= -cats .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wra= pper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadat= a-position-above-title.summary-block-setting-primary-metadata-tags .summary= -item-has-tags .summary-metadata-container, .sqs-block-summary-v2 .summary-= block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-settin= g-metadata-position-below-title.summary-block-setting-primary-metadata-tags= .summary-item-has-tags .summary-metadata-container, .sqs-block-summary-v2 = .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-blo= ck-setting-metadata-position-above-title.summary-block-setting-secondary-me= tadata-tags .summary-item-has-tags .summary-metadata-container, .sqs-block-= summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).= summary-block-setting-metadata-position-below-title.summary-block-setting-s= econdary-metadata-tags .summary-item-has-tags .summary-metadata-container, = .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-sho= w-excerpt).summary-block-setting-metadata-position-above-title.summary-bloc= k-setting-primary-metadata-author .summary-item-has-author .summary-metadat= a-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-bloc= k-setting-show-excerpt).summary-block-setting-metadata-position-below-title= .summary-block-setting-primary-metadata-author .summary-item-has-author .su= mmary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(= .summary-block-setting-show-excerpt).summary-block-setting-metadata-positio= n-above-title.summary-block-setting-secondary-metadata-author .summary-item= -has-author .summary-metadata-container, .sqs-block-summary-v2 .summary-blo= ck-wrapper:not(.summary-block-setting-show-excerpt).summary-block-setting-m= etadata-position-below-title.summary-block-setting-secondary-metadata-autho= r .summary-item-has-author .summary-metadata-container, .sqs-block-summary-= v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-= block-setting-metadata-position-above-title.summary-block-setting-primary-m= etadata-comments .summary-item-has-comments-enabled .summary-metadata-conta= iner, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setti= ng-show-excerpt).summary-block-setting-metadata-position-below-title.summar= y-block-setting-primary-metadata-comments .summary-item-has-comments-enable= d .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper= :not(.summary-block-setting-show-excerpt).summary-block-setting-metadata-po= sition-above-title.summary-block-setting-secondary-metadata-comments .summa= ry-item-has-comments-enabled .summary-metadata-container, .sqs-block-summar= y-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summar= y-block-setting-metadata-position-below-title.summary-block-setting-seconda= ry-metadata-comments .summary-item-has-comments-enabled .summary-metadata-c= ontainer, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-s= etting-show-excerpt).summary-block-setting-metadata-position-above-title.su= mmary-block-setting-primary-metadata-location .summary-item-has-location .s= ummary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not= (.summary-block-setting-show-excerpt).summary-block-setting-metadata-positi= on-below-title.summary-block-setting-primary-metadata-location .summary-ite= m-has-location .summary-metadata-container, .sqs-block-summary-v2 .summary-= block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-settin= g-metadata-position-above-title.summary-block-setting-secondary-metadata-lo= cation .summary-item-has-location .summary-metadata-container, .sqs-block-s= ummary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).s= ummary-block-setting-metadata-position-below-title.summary-block-setting-se= condary-metadata-location .summary-item-has-location .summary-metadata-cont= ainer { margin: 0px 0px 2px; } .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item { vi= sibility: visible !important; margin-bottom: 17px !important; padding-botto= m: 17px !important; overflow: visible !important; } .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item::aft= er { content: ""; display: table; clear: both; } .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item.summ= ary-item-show-thumbnail { margin-bottom: 17px !important; padding-bottom: 1= 7px !important; } .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item .sum= mary-thumbnail-container { margin: 0px !important; } .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item:not(= .summary-item-record-type-video) .summary-thumbnail-container { width: 100%= !important; } .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item.summ= ary-item-record-type-video .summary-thumbnail-container, .sqs-block-summary= -v2 .summary-block-setting-design-list .summary-thumbnail-outer-container {= float: left; } @media screen and (max-width: 575px) { .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item.su= mmary-item-record-type-video .summary-thumbnail-container, .sqs-block-summa= ry-v2 .summary-block-setting-design-list .summary-thumbnail-outer-container= { width: 35% !important; } } .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item .sum= mary-thumbnail-container .sqs-video-wrapper img { max-width: 100%; object-f= it: contain; position: static !important; } @media screen and (max-width: 575px) { .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item .s= ummary-thumbnail-container .sqs-video-wrapper img { height: auto; position:= static; width: 100% !important; } } .sqs-block-summary-v2 .summary-block-setting-design-list .sqs-product-quick= -view-button-wrapper { padding-right: 20px; } .sqs-block-summary-v2 .summary-block-setting-design-list.summary-block-sett= ing-design-list-thumbnail-right .summary-item-record-type-video .summary-th= umbnail-container, .sqs-block-summary-v2 .summary-block-setting-design-list= .summary-block-setting-design-list-thumbnail-right .summary-thumbnail-outer= -container { float: right; } .sqs-block-summary-v2 .summary-block-setting-design-list.summary-block-sett= ing-design-list-thumbnail-right .summary-thumbnail-container { padding: 0px= 0px 0px 20px; } .sqs-block-summary-v2 .summary-block-setting-design-list.summary-block-sett= ing-design-list-thumbnail-right .sqs-product-quick-view-button-wrapper { pa= dding-left: 20px; padding-right: 0px; } .sqs-block-summary-v2 .summary-block-setting-design-list.summary-block-sett= ing-design-list-thumbnail-right .summary-item-record-type-store-item .produ= ct-mark { right: 0px; left: auto; } .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item-reco= rd-type-store-item .product-mark { left: 0px; right: auto; } .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item-reco= rd-type-event .summary-thumbnail-event-date { display: none; } .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carou= sel-pager { display: flex; justify-content: flex-end; } .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-block= -header { overflow: hidden; } .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-headi= ng { display: block; float: left; width: calc(100% - 50px); } .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-colle= ction-title { display: none; } .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carou= sel-pager { float: right; width: 50px; } .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-item:= not(.positioned) { visibility: visible; } @media screen and (max-width: 767px) { .sqs-block-summary-v2 .summary-product-quick-view { display: none; } } body:not(.button-style-default) .sqs-editable-button, body.button-style-def= ault .sqs-editable-button, body:not(.button-style-default) .sqs-editable-bu= tton-layout, body.button-style-default .sqs-editable-button-layout, body:no= t(.button-style-default) .sqs-editable-button-font, body.button-style-defau= lt .sqs-editable-button-font, body:not(.button-style-default) .sqs-editable= -button-color, body.button-style-default .sqs-editable-button-color, body:n= ot(.button-style-default) .sqs-editable-button-style, body.button-style-def= ault .sqs-editable-button-style, body:not(.button-style-default) .sqs-edita= ble-button-shape, body.button-style-default .sqs-editable-button-shape, bod= y:not(.button-style-default) .sqs-add-to-cart-button, body.button-style-def= ault .sqs-add-to-cart-button { display: inline-block; width: auto; height: = auto; border-width: 0px; text-align: center; cursor: pointer; appearance: n= one; -webkit-font-smoothing: antialiased; font-size: 1rem; line-height: nor= mal; padding: 1.2rem 2.004rem; } body:not(.button-style-default) .sqs-editable-button:hover, body.button-sty= le-default .sqs-editable-button:hover, body:not(.button-style-default) .sqs= -editable-button-layout:hover, body.button-style-default .sqs-editable-butt= on-layout:hover, body:not(.button-style-default) .sqs-editable-button-font:= hover, body.button-style-default .sqs-editable-button-font:hover, body:not(= .button-style-default) .sqs-editable-button-color:hover, body.button-style-= default .sqs-editable-button-color:hover, body:not(.button-style-default) .= sqs-editable-button-style:hover, body.button-style-default .sqs-editable-bu= tton-style:hover, body:not(.button-style-default) .sqs-editable-button-shap= e:hover, body.button-style-default .sqs-editable-button-shape:hover, body:n= ot(.button-style-default) .sqs-add-to-cart-button:hover, body.button-style-= default .sqs-add-to-cart-button:hover { opacity: 1; } body:not(.button-style-default) .sqs-add-to-cart-button, body.button-style-= default .sqs-add-to-cart-button { max-width: 100%; } body:not(.button-style-default).tweak-global-animations-animation-type-flex= .primary-button-style-solid .sqs-button-element--primary:not(input):hover, = body.button-style-default.tweak-global-animations-animation-type-flex.prima= ry-button-style-solid .sqs-button-element--primary:not(input):hover { opaci= ty: 1; } body:not(.button-style-default).tweak-global-animations-animation-type-flex= .secondary-button-style-solid .sqs-button-element--secondary:not(input):hov= er, body.button-style-default.tweak-global-animations-animation-type-flex.s= econdary-button-style-solid .sqs-button-element--secondary:not(input):hover= { opacity: 1; } body:not(.button-style-default).tweak-global-animations-animation-type-flex= .tertiary-button-style-solid .sqs-button-element--tertiary:not(input):hover= , body.button-style-default.tweak-global-animations-animation-type-flex.ter= tiary-button-style-solid .sqs-button-element--tertiary:not(input):hover { o= pacity: 1; } body:not(.button-style-default).primary-button-style-outline .sqs-editable-= button, body.button-style-default.primary-button-style-outline .sqs-editabl= e-button, body:not(.button-style-default).primary-button-style-outline .sqs= -editable-button-layout, body.button-style-default.primary-button-style-out= line .sqs-editable-button-layout, body:not(.button-style-default).primary-b= utton-style-outline .sqs-editable-button-font, body.button-style-default.pr= imary-button-style-outline .sqs-editable-button-font, body:not(.button-styl= e-default).primary-button-style-outline .sqs-editable-button-color, body.bu= tton-style-default.primary-button-style-outline .sqs-editable-button-color,= body:not(.button-style-default).primary-button-style-outline .sqs-editable= -button-style, body.button-style-default.primary-button-style-outline .sqs-= editable-button-style, body:not(.button-style-default).primary-button-style= -outline .sqs-editable-button-shape, body.button-style-default.primary-butt= on-style-outline .sqs-editable-button-shape, body:not(.button-style-default= ).primary-button-style-outline .sqs-add-to-cart-button, body.button-style-d= efault.primary-button-style-outline .sqs-add-to-cart-button, body:not(.butt= on-style-default).primary-button-style-outline .tock-block div#Tock_widget_= container > div.TockWidgetWrapper .TockButton-blue, body.button-style-defau= lt.primary-button-style-outline .tock-block div#Tock_widget_container > div= .TockWidgetWrapper .TockButton-blue { border-width: 2px; border-style: soli= d; transition: background-color 0.1s linear 0s, color 0.1s linear 0s; } body:not(.button-style-default) .tock-block div#Tock_widget_container > div= .TockWidgetWrapper .TockButton-blue, body.button-style-default .tock-block = div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue { backfa= ce-visibility: hidden; border-width: 0px; } .sqs-product-quick-view-button-wrapper { font-family: Helvetica, Arial, san= s-serif; font-weight: normal; font-style: normal; font-size: 12px; letter-s= pacing: 1px; text-transform: uppercase; } a { cursor: pointer; color: inherit; text-decoration: none; } .tweak-global-animations-animation-type-flex .sqs-block h1 a, .tweak-global= -animations-animation-type-flex .sqs-block h2 a, .tweak-global-animations-a= nimation-type-flex .sqs-block h3 a, .tweak-global-animations-animation-type= -flex .sqs-block h4 a, .tweak-global-animations-animation-type-flex .sqs-bl= ock h5 a, .tweak-global-animations-animation-type-flex .sqs-block h6 a { di= splay: inline; text-decoration: none; background-repeat: no-repeat; backgro= und-image: linear-gradient(currentcolor, currentcolor), linear-gradient(cur= rentcolor, currentcolor); background-size: 50% 1px, 50% 1px; background-pos= ition: 0% bottom, 100% bottom; } @keyframes underlineSlideOut {=20 0% { background-position: 0% bottom, 100% bottom; } 100% { background-position: 200% bottom, 300% bottom; } } @keyframes underlineSlideIn {=20 0% { background-position: -200% bottom, -100% bottom; } 100% { background-position: 0% bottom, 100% bottom; } } @media (hover: hover) { .tweak-global-animations-animation-type-flex .sqs-block h1 a, .tweak-glob= al-animations-animation-type-flex .sqs-block h2 a, .tweak-global-animations= -animation-type-flex .sqs-block h3 a, .tweak-global-animations-animation-ty= pe-flex .sqs-block h4 a, .tweak-global-animations-animation-type-flex .sqs-= block h5 a, .tweak-global-animations-animation-type-flex .sqs-block h6 a { = animation: 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s 1 normal forwards running= underlineSlideIn; } .tweak-global-animations-animation-type-flex .sqs-block h1 a:hover, .twea= k-global-animations-animation-type-flex .sqs-block h2 a:hover, .tweak-globa= l-animations-animation-type-flex .sqs-block h3 a:hover, .tweak-global-anima= tions-animation-type-flex .sqs-block h4 a:hover, .tweak-global-animations-a= nimation-type-flex .sqs-block h5 a:hover, .tweak-global-animations-animatio= n-type-flex .sqs-block h6 a:hover { animation: 0.6s cubic-bezier(0.19, 1, 0= .22, 1) 0s 1 normal forwards running underlineSlideOut; } } .tweak-global-animations-animation-type-flex .sqs-block p a { display: inli= ne; text-decoration: none; background-image: linear-gradient(currentcolor, = currentcolor); background-repeat: no-repeat; background-size: 100% 1px; bac= kground-position: left bottom; transition: color 0.6s cubic-bezier(0.19, 1,= 0.22, 1) 0s, background-size calc(0.3s) cubic-bezier(0.19, 1, 0.22, 1) 0s;= } @media (hover: hover) { .tweak-global-animations-animation-type-flex .sqs-block p a:hover { color= : inherit; background-size: 100% calc(2px); } } @keyframes tmpl-anim-fade-up {=20 0%, 100% { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); trans= form-origin: center center; } 0% { opacity: 0; transform: matrix(1, 0, 0, 1, 0, 25); } 100% { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); } } @keyframes tmpl-anim-fade-scale-up {=20 0%, 100% { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); trans= form-origin: center center; } 0% { opacity: 0; transform: matrix(0.92, 0, 0, 0.92, 0, 0); } 100% { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); } } @keyframes tmpl-anim-fade-stretch-up {=20 0%, 100% { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); trans= form-origin: center 0px; } 0% { opacity: 0; transform: matrix(0.9, 0, 0, 1.3, 0, 25); } 100% { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); } } @keyframes tmpl-anim-clip-vertical-up {=20 0%, 100% { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } 0% { clip-path: polygon(50% 0%, 100% 0%, 100% 0%, 50% 0%, 50% 100%, 0% 10= 0%, 0% 100%, 50% 100%, 50% 100%, 50% 100%); } 100% { clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%, 50% 100%,= 0% 100%, 0% 0%, 50% 0%, 50% 100%, 50% 100%); } } @keyframes tmpl-anim-clip-horizontal-left {=20 0%, 100% { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } 0% { clip-path: polygon(0% 50%, 0% 100%, 0% 100%, 0% 50%, 100% 50%, 100% = 0%, 100% 0%, 100% 50%, 100% 50%, 100% 50%); } 100% { clip-path: polygon(0% 50%, 0% 100%, 100% 100%, 100% 50%, 100% 50%,= 100% 0%, 0% 0%, 0% 50%, 100% 50%, 100% 50%); } } .burger { position: relative; display: inline-block; cursor: pointer; backg= round-color: transparent; border: none; } .burger-box { position: relative; display: flex; align-items: center; justi= fy-content: center; width: 35px; height: 35px; } .burger-inner { width: 100%; height: 100%; } .burger-inner .top-bun, .burger-inner .patty, .burger-inner .bottom-bun { p= osition: absolute; display: block; top: 0px; left: 0px; bottom: 0px; margin= : auto; content: ""; width: 100%; transition: transform 250ms cubic-bezier(= 0.2, 0.6, 0.3, 1) 0s, width 250ms cubic-bezier(0.2, 0.6, 0.3, 1) 0s; will-c= hange: transform, width; } .burger-inner.header-menu-icon-doubleLineHamburger .top-bun { transform: tr= anslateY(-5.5px); } .burger-inner.header-menu-icon-doubleLineHamburger .bottom-bun { transform:= translateY(5.5px); } .burger-inner.header-menu-icon-doubleLineHamburger .patty { transform: scal= e(0); } .burger-inner.header-menu-icon-tripleLineHamburger .top-bun { transform: tr= anslateY(-9.5px); } .burger-inner.header-menu-icon-tripleLineHamburger .bottom-bun { transform:= translateY(9.5px); } .burger-inner.header-menu-icon-halfLineHamburger .top-bun { transform: tran= slateY(-9.5px); } .burger-inner.header-menu-icon-halfLineHamburger .bottom-bun { transform: t= ranslateY(9.5px); } .burger-inner.header-menu-icon-halfLineHamburger.navRight .patty { transfor= m: scaleX(0.5) translateX(17.5px); } .burger-inner.header-menu-icon-halfLineHamburger.navLeft .patty { transform= : scaleX(0.5) translateX(-17.5px); } .burger-inner.header-menu-icon-plus .top-bun { transform: translateY(-0.5px= ) translateX(3.5px) rotate(180deg); width: 28px; } .burger-inner.header-menu-icon-plus .bottom-bun { transform: translateX(3.5= px) rotate(90deg); width: 28px; } .burger-inner.header-menu-icon-plus .patty { transform: scale(0); } .burger--active .burger-inner .top-bun { transform: translateX(3.5px) rotat= e(-135deg); width: 28px; } .burger--active .burger-inner .bottom-bun { transform: translateX(3.5px) ro= tate(135deg); width: 28px; } .burger--active .burger-inner.navLeft .patty, .burger--active .burger-inner= .navRight .patty, .burger--active .burger-inner .patty { transform: scale(0= ); } .icon { position: relative; display: block; width: 25px; height: 25px; box-= sizing: content-box; line-height: 1; } .icon--sm { width: 20px; height: 20px; } .icon--lg { width: 28px; height: 28px; } .icon--stroke svg { stroke-width: 1px; fill: transparent; } .icon--fill svg { fill: currentcolor; } .icon svg { width: 100%; height: 100%; } .icon-cart-quantity { display: block; font-family: inherit; } .icon-cart-quantity:not(.legacy-cart) { position: relative; text-align: cen= ter; } .icon-cart-quantity.legacy-cart { position: absolute; top: -1em; right: -1e= m; min-width: 1em; font-size: 10px; padding: 0.5em; text-align: right; line= -height: 1em; } .icon .caret-right-icon--small, .icon .caret-left-icon--small { width: 9px;= height: 16px; } .btn { position: relative; display: inline-block; line-height: normal; padd= ing: 0.96rem 1.6032rem; } .primary-button-style-solid .btn { transition: opacity 0.1s linear 0s; back= face-visibility: hidden; } @media (hover: hover) { .primary-button-style-solid .btn:hover { opacity: 0.8; } } .primary-button-style-outline .btn { border-width: 2px; border-style: solid= ; transition: background-color 0.1s linear 0s, color 0.1s linear 0s; } .chevron { position: relative; display: inline-block; width: 0.4em; height:= 0.4em; border-top: 1px solid currentcolor; border-right: 1px solid current= color; vertical-align: middle; margin-top: -0.14em; } .chevron--up { transform: rotate(-45deg); margin-bottom: -0.25em; } .chevron--down { transform: rotate(135deg); } .chevron--right { transform: rotate(45deg); } .chevron--left { transform: rotate(-135deg); } .gallery-caption { position: relative; width: 100%; max-width: 675px; trans= ition: visibility 600ms cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 600ms cubi= c-bezier(0.4, 0, 0.2, 1) 0s; will-change: opacity; } .gallery-caption-reel { position: relative; } .gallery-caption-slideshow, .gallery-caption-fullscreen-slideshow, .gallery= -caption-reel { position: absolute; height: 100px; left: 0px; right: 0px; t= op: 100%; margin: 25px auto 0px; display: flex; align-items: center; justif= y-content: center; text-align: center; opacity: 0; visibility: hidden; } @media screen and (max-width: 767px) { .gallery-caption-slideshow, .gallery-caption-fullscreen-slideshow, .galle= ry-caption-reel { max-width: 325px; } } .gallery-caption-grid-simple, .gallery-caption-grid-strips, .gallery-captio= n-grid-masonry { padding: 15px 0px; text-align: left; opacity: 1; visibilit= y: visible; transition-delay: 800ms; } .gallery-caption-grid-simple:empty, .gallery-caption-grid-strips:empty, .ga= llery-caption-grid-masonry:empty { display: none; } @media screen and (max-width: 767px) { .gallery-caption-grid-simple, .gallery-caption-grid-strips, .gallery-capt= ion-grid-masonry { font-size: 0.85em; max-width: 375px; } } @media screen and (max-width: 575px) { .gallery-caption-grid-simple, .gallery-caption-grid-strips, .gallery-capt= ion-grid-masonry { font-size: 1em; } } .gallery-caption-wrapper { overflow: hidden; width: 100%; height: 100%; } .gallery-caption p.gallery-caption-content { margin: 0px; } :root { --previous-section-divider-offset: 0px; } body { overflow-wrap: break-word; } @supports (--test-custom-property: true) { body { --sqs-site-gutter: 3vw; --sqs-mobile-site-gutter: 6vw; --sqs-site-= max-width: 1400px; --sqs-focus-outline-width: 2px; --sqs-focus-outline-styl= e: solid; --sqs-focus-outline-offset-default: 4px; --sqs-focus-outline-offs= et-zero: 0; --sqs-focus-outline-offset-flush: -2px; --sqs-focus-outline-off= set-inset: -4px; } } a { color: inherit; text-decoration: none; } :focus { outline-offset: 4px; } :focus, a:focus { outline-width: 2px; outline-style: solid; } :focus:not(:focus-visible), a:focus:not(:focus-visible) { outline: none; } .sqs-block-archive .archive-block-setting-multicolumns .archive-group-name-= link:focus, .sqs-block-archive .archive-block-setting-multicolumns .archive= -item-link:focus { outline-offset: -2px; } .sqs-block-gallery .sqs-gallery-design-strip-slide:focus { outline-offset: = -2px; } .sqs-gallery-controls .previous:focus, .sqs-gallery-controls .next:focus { = outline-width: 2px !important; outline-style: solid !important; } .sqs-gallery-controls .previous:focus:not(:focus-visible), .sqs-gallery-con= trols .next:focus:not(:focus-visible) { outline-width: 0px !important; } .sqs-search-preview-ui .search-result.selected { outline-width: 2px; outlin= e-style: solid; outline-offset: -2px; } .sqs-audio-player .controls:focus { outline-offset: -2px; } .sqs-widgets-audio-player .action:focus, .sqs-widgets-audio-player .track:f= ocus { outline-offset: -2px; } .sqs-mobile-info-bar-trigger:focus, .sqs-mobile-info-bar-overlay-close:focu= s { outline-offset: -4px; } img[data-src]:not([src]):not([srcset]) { visibility: hidden; } .section-background img { object-fit: cover; width: 100%; height: 100%; } .background-image-fx { visibility: hidden; } @media (prefers-reduced-motion: reduce) { .background-image-fx { visibility: visible; } } .page-section { position: relative; display: flex; align-items: center; box= -sizing: border-box; } .page-section[data-current-styles=3D"{ }"] > .content-wrapper { width: 100%= ; padding: 5vmax; } .page-section > .content-wrapper { width: 100%; box-sizing: content-box; po= sition: relative; } .page-section.background-width--inset:not(.content-collection):not(.gallery= -section):not(.user-items-list-section) { padding: 3vw; } .page-section .content { width: 100%; } .page-section > .content-wrapper { display: flex; } @media screen and (min-width: 768px) { .page-section.content-width--narrow:not(.content-collection) .content { w= idth: 50%; } .page-section.content-width--medium:not(.content-collection) .content { w= idth: 75%; } } @media screen and (max-width: 767px) { .page-section .content { width: 100% !important; } } .page-section.content-width--wide .content, .page-section.content-width--na= rrow.content-collection .content, .page-section.content-width--medium.conte= nt-collection .content { width: 100%; } .page-section.horizontal-alignment--left > .content-wrapper { justify-conte= nt: flex-start; } .page-section.horizontal-alignment--center > .content-wrapper { justify-con= tent: center; } .page-section.horizontal-alignment--right > .content-wrapper { justify-cont= ent: flex-end; } .page-section.section-height--small:not(.content-collection):not(.gallery-s= ection):not(.user-items-list-section) { min-height: 33vh; } .page-section.section-height--medium:not(.content-collection):not(.gallery-= section):not(.user-items-list-section) { min-height: 66vh; } .page-section.section-height--large:not(.content-collection):not(.gallery-s= ection):not(.user-items-list-section) { min-height: 100vh; } .page-section.vertical-alignment--middle:not(.content-collection):not(.gall= ery-section):not(.user-items-list-section):not(.editmode-changing-rowcount)= { align-items: center; } .page-section.vertical-alignment--middle:not(.content-collection):not(.gall= ery-section):not(.user-items-list-section):not(.editmode-changing-rowcount)= .section-height--small > .content-wrapper { padding-top: 3.3vmax; padding-b= ottom: 3.3vmax; } .page-section.vertical-alignment--middle:not(.content-collection):not(.gall= ery-section):not(.user-items-list-section):not(.editmode-changing-rowcount)= .section-height--medium > .content-wrapper { padding-top: 6.6vmax; padding-= bottom: 6.6vmax; } .page-section.vertical-alignment--middle:not(.content-collection):not(.gall= ery-section):not(.user-items-list-section):not(.editmode-changing-rowcount)= .section-height--large > .content-wrapper { padding-top: 10vmax; padding-bo= ttom: 10vmax; } .page-section.vertical-alignment--middle:not(.content-collection):not(.gall= ery-section):not(.user-items-list-section):not(.editmode-changing-rowcount)= .section-height--small.section-match-padding-top > .content-wrapper { paddi= ng-top: 1.65vmax; } .page-section.vertical-alignment--middle:not(.content-collection):not(.gall= ery-section):not(.user-items-list-section):not(.editmode-changing-rowcount)= .section-height--small.section-match-padding-bottom > .content-wrapper { pa= dding-bottom: 1.65vmax; } .page-section.vertical-alignment--middle:not(.content-collection):not(.gall= ery-section):not(.user-items-list-section):not(.editmode-changing-rowcount)= .section-height--medium.section-match-padding-top > .content-wrapper { padd= ing-top: 3.3vmax; } .page-section.vertical-alignment--middle:not(.content-collection):not(.gall= ery-section):not(.user-items-list-section):not(.editmode-changing-rowcount)= .section-height--medium.section-match-padding-bottom > .content-wrapper { p= adding-bottom: 3.3vmax; } .page-section.vertical-alignment--middle:not(.content-collection):not(.gall= ery-section):not(.user-items-list-section):not(.editmode-changing-rowcount)= .section-height--large.section-match-padding-top > .content-wrapper { paddi= ng-top: 5vmax; } .page-section.vertical-alignment--middle:not(.content-collection):not(.gall= ery-section):not(.user-items-list-section):not(.editmode-changing-rowcount)= .section-height--large.section-match-padding-bottom > .content-wrapper { pa= dding-bottom: 5vmax; } .page-section.vertical-alignment--top:not(.content-collection):not(.gallery= -section):not(.user-items-list-section):not(.section-height--custom):not(.e= ditmode-changing-rowcount) { align-items: flex-start; } .page-section.vertical-alignment--top:not(.content-collection):not(.gallery= -section):not(.user-items-list-section):not(.section-height--custom):not(.e= ditmode-changing-rowcount) > .content-wrapper { padding-top: 3vw; } .page-section.vertical-alignment--top:not(.content-collection):not(.gallery= -section):not(.user-items-list-section):not(.section-height--custom):not(.e= ditmode-changing-rowcount).section-height--small > .content-wrapper { paddi= ng-bottom: 6.6vmax; } .page-section.vertical-alignment--top:not(.content-collection):not(.gallery= -section):not(.user-items-list-section):not(.section-height--custom):not(.e= ditmode-changing-rowcount).section-height--medium > .content-wrapper { padd= ing-bottom: 13.2vmax; } .page-section.vertical-alignment--top:not(.content-collection):not(.gallery= -section):not(.user-items-list-section):not(.section-height--custom):not(.e= ditmode-changing-rowcount).section-height--large > .content-wrapper { paddi= ng-bottom: 20vmax; } .page-section.vertical-alignment--top:not(.content-collection):not(.gallery= -section):not(.user-items-list-section):not(.section-height--custom):not(.e= ditmode-changing-rowcount).section-height--small.section-match-padding-top = > .content-wrapper { padding-top: 1.65vmax; } .page-section.vertical-alignment--top:not(.content-collection):not(.gallery= -section):not(.user-items-list-section):not(.section-height--custom):not(.e= ditmode-changing-rowcount).section-height--small.section-match-padding-bott= om > .content-wrapper { padding-bottom: 1.65vmax; } .page-section.vertical-alignment--top:not(.content-collection):not(.gallery= -section):not(.user-items-list-section):not(.section-height--custom):not(.e= ditmode-changing-rowcount).section-height--medium.section-match-padding-top= > .content-wrapper { padding-top: 3.3vmax; } .page-section.vertical-alignment--top:not(.content-collection):not(.gallery= -section):not(.user-items-list-section):not(.section-height--custom):not(.e= ditmode-changing-rowcount).section-height--medium.section-match-padding-bot= tom > .content-wrapper { padding-bottom: 3.3vmax; } .page-section.vertical-alignment--top:not(.content-collection):not(.gallery= -section):not(.user-items-list-section):not(.section-height--custom):not(.e= ditmode-changing-rowcount).section-height--large.section-match-padding-top = > .content-wrapper { padding-top: 5vmax; } .page-section.vertical-alignment--top:not(.content-collection):not(.gallery= -section):not(.user-items-list-section):not(.section-height--custom):not(.e= ditmode-changing-rowcount).section-height--large.section-match-padding-bott= om > .content-wrapper { padding-bottom: 5vmax; } .page-section.vertical-alignment--bottom:not(.content-collection):not(.gall= ery-section):not(.user-items-list-section):not(.section-height--custom):not= (.editmode-changing-rowcount) { align-items: flex-end; } .page-section.vertical-alignment--bottom:not(.content-collection):not(.gall= ery-section):not(.user-items-list-section):not(.section-height--custom):not= (.editmode-changing-rowcount) > .content-wrapper { padding-bottom: 3vw; } .page-section.vertical-alignment--bottom:not(.content-collection):not(.gall= ery-section):not(.user-items-list-section):not(.section-height--custom):not= (.editmode-changing-rowcount).section-height--small > .content-wrapper { pa= dding-top: 6.6vmax; } .page-section.vertical-alignment--bottom:not(.content-collection):not(.gall= ery-section):not(.user-items-list-section):not(.section-height--custom):not= (.editmode-changing-rowcount).section-height--medium > .content-wrapper { p= adding-top: 13.2vmax; } .page-section.vertical-alignment--bottom:not(.content-collection):not(.gall= ery-section):not(.user-items-list-section):not(.section-height--custom):not= (.editmode-changing-rowcount).section-height--large > .content-wrapper { pa= dding-top: 20vmax; } .page-section.vertical-alignment--bottom:not(.content-collection):not(.gall= ery-section):not(.user-items-list-section):not(.section-height--custom):not= (.editmode-changing-rowcount).section-height--small.section-match-padding-t= op > .content-wrapper { padding-top: 1.65vmax; } .page-section.vertical-alignment--bottom:not(.content-collection):not(.gall= ery-section):not(.user-items-list-section):not(.section-height--custom):not= (.editmode-changing-rowcount).section-height--small.section-match-padding-b= ottom > .content-wrapper { padding-bottom: 1.65vmax; } .page-section.vertical-alignment--bottom:not(.content-collection):not(.gall= ery-section):not(.user-items-list-section):not(.section-height--custom):not= (.editmode-changing-rowcount).section-height--medium.section-match-padding-= top > .content-wrapper { padding-top: 3.3vmax; } .page-section.vertical-alignment--bottom:not(.content-collection):not(.gall= ery-section):not(.user-items-list-section):not(.section-height--custom):not= (.editmode-changing-rowcount).section-height--medium.section-match-padding-= bottom > .content-wrapper { padding-bottom: 3.3vmax; } .page-section.vertical-alignment--bottom:not(.content-collection):not(.gall= ery-section):not(.user-items-list-section):not(.section-height--custom):not= (.editmode-changing-rowcount).section-height--large.section-match-padding-t= op > .content-wrapper { padding-top: 5vmax; } .page-section.vertical-alignment--bottom:not(.content-collection):not(.gall= ery-section):not(.user-items-list-section):not(.section-height--custom):not= (.editmode-changing-rowcount).section-height--large.section-match-padding-b= ottom > .content-wrapper { padding-bottom: 5vmax; } .page-section.editmode-changing-rowcount { align-items: flex-start; } .page-section[data-animation=3D"fade-up"] { transition: opacity 800ms cubic= -bezier(0.4, 0, 0.2, 1) 0s, transform 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s= ; will-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1= , 0, 35); } .page-section[data-animation=3D"fade-up"][data-active] { opacity: 1; transf= orm: matrix(1, 0, 0, 1, 0, 0); } .page-section[data-animation=3D"fade-left"] { transition: opacity 800ms cub= ic-bezier(0.4, 0, 0.2, 1) 0s, transform 800ms cubic-bezier(0.4, 0, 0.2, 1) = 0s; will-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0,= 1, -35, 0); } .page-section[data-animation=3D"fade-left"][data-active] { opacity: 1; tran= sform: matrix(1, 0, 0, 1, 0, 0); } .page-section[data-animation=3D"fade-right"] { transition: opacity 800ms cu= bic-bezier(0.4, 0, 0.2, 1) 0s, transform 800ms cubic-bezier(0.4, 0, 0.2, 1)= 0s; will-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0= , 1, 35, 0); } .page-section[data-animation=3D"fade-right"][data-active] { opacity: 1; tra= nsform: matrix(1, 0, 0, 1, 0, 0); } .page-section[data-animation=3D"scale-up"] { transition: opacity 800ms cubi= c-bezier(0.4, 0, 0.2, 1) 0s, transform 800ms cubic-bezier(0.4, 0, 0.2, 1) 0= s; will-change: opacity, transform; opacity: 0; transform: matrix(0.92, 0, = 0, 0.92, 0, 0); } .page-section[data-animation=3D"scale-up"][data-active] { opacity: 1; trans= form: matrix(1, 0, 0, 1, 0, 0); } .page-section[data-animation=3D"clip-up"] { transition: -webkit-clip-path 8= 00ms cubic-bezier(0.4, 0, 0.2, 1) 0s, clip-path 800ms cubic-bezier(0.4, 0, = 0.2, 1) 0s; will-change: -webkit-clip-path, clip-path; clip-path: polygon(0= % 100%, 100% 100%, 100% 100%, 0% 100%); } .page-section[data-animation=3D"clip-up"][data-active] { clip-path: polygon= (0% 0%, 100% 0%, 100% 100%, 0% 100%); } .page-section[data-animation=3D"clip-left"] { transition: -webkit-clip-path= 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s, clip-path 800ms cubic-bezier(0.4, 0= , 0.2, 1) 0s; will-change: -webkit-clip-path, clip-path; clip-path: polygon= (0% 0%, 0% 0%, 0% 100%, 0% 100%); } .page-section[data-animation=3D"clip-left"][data-active] { clip-path: polyg= on(0% 0%, 100% 0%, 100% 100%, 0% 100%); } .page-section[data-animation=3D"clip-right"] { transition: -webkit-clip-pat= h 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s, clip-path 800ms cubic-bezier(0.4, = 0, 0.2, 1) 0s; will-change: -webkit-clip-path, clip-path; clip-path: polygo= n(100% 0%, 100% 0%, 100% 100%, 100% 100%); } .page-section[data-animation=3D"clip-right"][data-active] { clip-path: poly= gon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } .section-border { position: absolute; top: calc(-1 * var(--previous-section= -divider-offset, 0px)); right: 0px; bottom: 0px; left: 0px; } .page-section.background-width--inset:not(.content-collection):not(.gallery= -section):not(.user-items-list-section) .section-background { top: calc(var= (--sqs-site-gutter) + var(--previous-section-divider-offset, 0px)); } .section-background { overflow: hidden; pointer-events: none; } .section-background, .section-background .section-background-content, .sect= ion-background .section-background-canvas, .section-background .section-bac= kground-overlay { position: absolute; inset: 0px; } .background-width--inset:not(.content-collection):not(.gallery-section):not= (.user-items-list-section) .section-background { inset: 3vw; } .section-background img { position: relative; } .background-pause-button { display: none; position: absolute; right: 14px; = bottom: 14px; z-index: 999; border: 0px; padding: 0px; border-radius: 50%; = width: 32px; height: 32px; cursor: pointer; background-color: rgba(0, 0, 0,= 0.5); backdrop-filter: blur(15px); outline: none; } .background-pause-button.visible { display: block; } .background-pause-button:focus { background-color: rgba(0, 0, 0, 0.7); } .background-pause-button::before { content: " "; position: absolute; width:= 42px; height: 42px; left: -7px; top: -7px; border-radius: 50%; background:= transparent; border: 2px solid transparent; } .background-pause-button:focus::before { border-color: rgba(0, 0, 0, 0.7); = } .background-pause-button::after { content: " "; box-sizing: border-box; pos= ition: absolute; border-color: transparent transparent transparent rgb(255,= 255, 255); width: 0px; height: 12px; left: 11px; top: 10px; border-style: = double; border-width: 0px 0px 0px 10px; } .background-pause-button.paused::after { height: 0px; left: 12px; top: 8px;= border-style: solid; border-width: 8px 0px 8px 12px; } .background-pause-button:hover::after { border-color: transparent transpare= nt transparent rgb(255, 255, 255); } .image-block-wrapper::after { content: ""; position: absolute; inset: 0px; = } #page { z-index: 9; } #siteWrapper { display: flex; flex-direction: column; min-height: 100vh; } #footer-sections { margin-top: auto; position: relative; z-index: 0; } #footer-sections .sqs-block-html a { display: inline-block; } .floating-cart { position: fixed; bottom: 20px; right: 20px; z-index: 100; = padding: 17px 17px 13px 13px; display: flex; place-content: center; } .floating-cart.hidden { display: none; } .system-page { max-width: 1400px; padding: 3vw; margin: 0px auto; } .system-page > :first-child { padding-top: 3vw; } .user-accounts-link .user-accounts-text-link { opacity: 0; pointer-events: = none; transition: opacity 100ms ease-in-out 0s; } .user-accounts-link.loaded .user-accounts-text-link { opacity: 1; pointer-e= vents: auto; } .sqs-edit-mode .sqs-signup-pill { display: none; } @keyframes ProductItem-gallery-enter-from-right {=20 0% { transform: translateX(101%); } 100% { transform: translateX(0px); } } @keyframes ProductItem-gallery-exit-to-left {=20 0% { transform: translateX(0px); } 100% { transform: translateX(-101%); } } @keyframes ProductItem-gallery-enter-from-left {=20 0% { transform: translateX(-101%); } 100% { transform: translateX(0px); } } @keyframes ProductItem-gallery-exit-to-right {=20 0% { transform: translateX(0px); } 100% { transform: translateX(101%); } } .ProductItem-gallery { display: flex; align-items: flex-start; overflow: hi= dden; user-select: none; margin: 0px; } .tweak-product-basic-item-gallery-placement-right .ProductItem-gallery { fl= ex-direction: row-reverse; } .tweak-product-basic-item-thumbnail-placement-below .ProductItem-gallery { = flex-flow: column-reverse; } .tweak-product-basic-item-gallery-placement-right.tweak-product-basic-item-= thumbnail-placement-below .ProductItem-gallery { align-items: flex-end; } @media screen and (max-width: 767px) { .ProductItem-gallery { padding-bottom: 25px; width: 100%; } } @media screen and (min-width: 641px) { .ProductItem-gallery { float: left; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .ProductItem-gallery { width: min(var(--tweak-product-basic-item-gallery-= width),50%); } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .ProductItem-gallery { width: min(var(--tweak-product-basic-item-gallery-= width),60%); } } @media screen and (min-width: 1281px) { .ProductItem-gallery { width: var(--tweak-product-basic-item-gallery-widt= h); } } .ProductItem-gallery .enable-on-first-image-load { opacity: 0; transition: = opacity 0.5s ease 0s; pointer-events: none; } .ProductItem-gallery .enable-on-first-image-load.enabled { opacity: 1; poin= ter-events: auto; } .ProductItem-gallery-current-slide-indicator { position: absolute; top: 18p= x; right: 20px; display: inline-block; z-index: 3; font-size: 12px; } @media screen and (min-width: 768px) { .ProductItem-gallery-current-slide-indicator { display: none; } } .ProductItem-gallery-carousel-controls { position: absolute; width: 100%; l= eft: 0px; z-index: 3; justify-content: space-between; top: 50%; transform: = translateY(-50%); display: none; } .ProductItem-gallery-carousel-controls.enable-on-first-image-load.enabled {= pointer-events: none; } @media screen and (max-width: 767px) { .ProductItem-gallery-carousel-controls { display: flex; } } @media screen and (min-width: 768px) { .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-ca= rousel-controls, .tweak-product-basic-item-gallery-design-slideshow .Produc= tItem-gallery-carousel-controls { display: flex; } } .ProductItem-gallery-carousel-controls .product-item-gallery-carousel-contr= ol { padding: 0px; border: none; background-color: transparent; width: calc= (var(--tweak-product-basic-item-carousel-arrow-size) + 20px); height: calc(= var(--tweak-product-basic-item-carousel-arrow-size) + 20px); min-width: 50p= x; min-height: 50px; cursor: pointer; margin: 0px 1.5vw; display: flex; ali= gn-items: center; pointer-events: auto; } .ProductItem-gallery-carousel-controls .product-item-gallery-carousel-contr= ol::after { display: block; content: ""; width: var(--tweak-product-basic-i= tem-carousel-arrow-size); height: var(--tweak-product-basic-item-carousel-a= rrow-size); border-style: solid; border-color: rgb(0, 0, 0); border-width: = 1px 1px 0px 0px; margin: calc(( calc(var(--tweak-product-basic-item-carouse= l-arrow-size) + 20px) - var(--tweak-product-basic-item-carousel-arrow-size= )) / 2); } .ProductItem-gallery-carousel-controls .product-item-gallery-carousel-contr= ol.ProductItem-gallery-prev { left: 0px; justify-content: flex-start; } .ProductItem-gallery-carousel-controls .product-item-gallery-carousel-contr= ol.ProductItem-gallery-prev::after { transform: rotate(225deg); } .ProductItem-gallery-carousel-controls .product-item-gallery-carousel-contr= ol.ProductItem-gallery-next { right: 0px; justify-content: flex-end; } .ProductItem-gallery-carousel-controls .product-item-gallery-carousel-contr= ol.ProductItem-gallery-next::after { transform: rotate(45deg); } .is-zoomed .ProductItem-gallery-carousel-controls .product-item-gallery-car= ousel-control { pointer-events: none; } .ProductItem-gallery-slides { position: relative; flex-grow: 1; max-width: = 100%; } @media screen and (min-width: 768px) { .ProductItem-gallery-slides { overflow: hidden; } } .tweak-product-basic-item-thumbnail-placement-below .ProductItem-gallery-sl= ides { width: 100%; } .ProductItem-gallery-slides::before { content: ""; display: block; } .tweak-product-basic-item-gallery-aspect-ratio-11-square .ProductItem-galle= ry-slides::before { padding-bottom: 100%; } .tweak-product-basic-item-gallery-aspect-ratio-32-standard .ProductItem-gal= lery-slides::before { padding-bottom: 66.667%; } .tweak-product-basic-item-gallery-aspect-ratio-23-standard-vertical .Produc= tItem-gallery-slides::before { padding-bottom: 150%; } .tweak-product-basic-item-gallery-aspect-ratio-43-four-three .ProductItem-g= allery-slides::before { padding-bottom: 75%; } .tweak-product-basic-item-gallery-aspect-ratio-34-three-four-vertical .Prod= uctItem-gallery-slides::before { padding-bottom: 133.333%; } .tweak-product-basic-item-gallery-aspect-ratio-169-widescreen .ProductItem-= gallery-slides::before { padding-bottom: 56.25%; } .tweak-product-basic-item-gallery-aspect-ratio-240-anamorphic-widescreen .P= roductItem-gallery-slides::before { padding-bottom: 41.667%; } .tweak-product-basic-item-gallery-aspect-ratio-ultra-widescreen .ProductIte= m-gallery-slides::before { padding-bottom: 41.667%; } @media screen and (min-width: 768px) { .tweak-product-basic-item-gallery-design-stacked .ProductItem-gallery-sli= des::before { padding-bottom: 0px; } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-sl= ides::before { background-color: transparent; } } .ProductItem-gallery-slides-item { width: 100%; } .ProductItem-gallery-slides-item.selected { z-index: 2; } .ProductItem-gallery-slides-item:focus { outline-width: 0px; } .ProductItem-gallery-slides-item:focus::after { content: ""; position: abso= lute; top: 0px; left: 0px; width: 100%; height: 100%; outline: currentcolor= solid 2px; outline-offset: -2px; } .ProductItem-gallery-slides-item:focus:not(:focus-visible)::after { outline= -style: none; } @media screen and (max-width: 767px) { .ProductItem-gallery-slides-item { visibility: hidden; } .ProductItem-gallery-slides-item.going-prev.next-slide { display: block; = visibility: visible; } .ProductItem-gallery-slides-item.going-prev.next-slide.prev-loaded { anim= ation: 0.5s ease-in-out 0s 1 normal both running ProductItem-gallery-exit-t= o-right; z-index: 1; } .ProductItem-gallery-slides-item.going-prev.selected { display: block; vi= sibility: visible; } .ProductItem-gallery-slides-item.going-prev.selected.loaded { animation: = 0.5s ease-in-out 0s 1 normal both running ProductItem-gallery-enter-from-le= ft; } .ProductItem-gallery-slides-item.going-next.prev-slide { display: block; = visibility: visible; } .ProductItem-gallery-slides-item.going-next.prev-slide.next-loaded { anim= ation: 0.5s ease-in-out 0s 1 normal both running ProductItem-gallery-exit-t= o-left; z-index: 1; } .ProductItem-gallery-slides-item.going-next.selected { display: block; vi= sibility: visible; } .ProductItem-gallery-slides-item.going-next.selected.loaded { animation: = 0.5s ease-in-out 0s 1 normal both running ProductItem-gallery-enter-from-ri= ght; } .ProductItem-gallery-slides-item.going-prev.next-slide { display: block; = visibility: visible; } .ProductItem-gallery-slides-item.going-prev.next-slide.prev-loaded { anim= ation: 0.5s ease-in-out 0s 1 normal both running gallery-image-exit-to-righ= t; z-index: 1; } .ProductItem-gallery-slides-item.going-prev.selected { display: block; vi= sibility: visible; } .ProductItem-gallery-slides-item.going-prev.selected.loaded { animation: = 0.5s ease-in-out 0s 1 normal both running gallery-image-enter-from-left; } .ProductItem-gallery-slides-item.going-next.prev-slide { display: block; = visibility: visible; } .ProductItem-gallery-slides-item.going-next.prev-slide.next-loaded { anim= ation: 0.5s ease-in-out 0s 1 normal both running gallery-image-exit-to-left= ; z-index: 1; } .ProductItem-gallery-slides-item.going-next.selected { display: block; vi= sibility: visible; } .ProductItem-gallery-slides-item.going-next.selected.loaded { animation: = 0.5s ease-in-out 0s 1 normal both running gallery-image-enter-from-right; } } @media screen and (min-width: 768px) { .tweak-product-basic-item-gallery-design-slideshow .ProductItem-gallery-s= lides-item:not(.selected) { opacity: 0; } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-sl= ides-item { visibility: hidden; } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-sl= ides-item.going-prev.next-slide { display: block; visibility: visible; } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-sl= ides-item.going-prev.next-slide.prev-loaded { animation: 0.5s ease-in-out 0= s 1 normal both running ProductItem-gallery-exit-to-right; z-index: 1; } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-sl= ides-item.going-prev.selected { display: block; visibility: visible; } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-sl= ides-item.going-prev.selected.loaded { animation: 0.5s ease-in-out 0s 1 nor= mal both running ProductItem-gallery-enter-from-left; } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-sl= ides-item.going-next.prev-slide { display: block; visibility: visible; } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-sl= ides-item.going-next.prev-slide.next-loaded { animation: 0.5s ease-in-out 0= s 1 normal both running ProductItem-gallery-exit-to-left; z-index: 1; } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-sl= ides-item.going-next.selected { display: block; visibility: visible; } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-sl= ides-item.going-next.selected.loaded { animation: 0.5s ease-in-out 0s 1 nor= mal both running ProductItem-gallery-enter-from-right; } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-sl= ides-item.going-prev.next-slide { display: block; visibility: visible; } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-sl= ides-item.going-prev.next-slide.prev-loaded { animation: 0.5s ease-in-out 0= s 1 normal both running gallery-image-exit-to-right; z-index: 1; } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-sl= ides-item.going-prev.selected { display: block; visibility: visible; } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-sl= ides-item.going-prev.selected.loaded { animation: 0.5s ease-in-out 0s 1 nor= mal both running gallery-image-enter-from-left; } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-sl= ides-item.going-next.prev-slide { display: block; visibility: visible; } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-sl= ides-item.going-next.prev-slide.next-loaded { animation: 0.5s ease-in-out 0= s 1 normal both running gallery-image-exit-to-left; z-index: 1; } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-sl= ides-item.going-next.selected { display: block; visibility: visible; } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-sl= ides-item.going-next.selected.loaded { animation: 0.5s ease-in-out 0s 1 nor= mal both running gallery-image-enter-from-right; } .tweak-product-basic-item-gallery-design-stacked .ProductItem-gallery-sli= des-item { margin-bottom: 25px; position: relative; height: 100%; overflow:= hidden; } .tweak-product-basic-item-gallery-design-stacked .ProductItem-gallery-sli= des-item:last-child { margin-bottom: 0px; } } .tweak-product-basic-item-gallery-design-slideshow .ProductItem-gallery-sli= des-item, .tweak-product-basic-item-gallery-design-carousel .ProductItem-ga= llery-slides-item { position: absolute; top: 0px; left: 0px; width: 100%; h= eight: 100%; overflow: hidden; padding-bottom: 0px; } @media screen and (max-width: 767px) { .ProductItem-gallery-slides-item { position: absolute; top: 0px; left: 0p= x; width: 100%; height: 100%; overflow: hidden; padding-bottom: 0px; displa= y: none; } .ProductItem-gallery-slides-item.selected, .ProductItem-gallery-slides-it= em.thumbnail-hovered { display: block; } .ProductItem-gallery-slides-item.prev-slide, .ProductItem-gallery-slides-= item.next-slide { display: block; } } .tweak-product-basic-item-gallery-design-slideshow .ProductItem-gallery-sli= des-item, .tweak-product-basic-item-gallery-design-carousel .ProductItem-ga= llery-slides-item { display: none; } .tweak-product-basic-item-gallery-design-slideshow .ProductItem-gallery-sli= des-item.selected, .tweak-product-basic-item-gallery-design-carousel .Produ= ctItem-gallery-slides-item.selected, .tweak-product-basic-item-gallery-desi= gn-slideshow .ProductItem-gallery-slides-item.thumbnail-hovered, .tweak-pro= duct-basic-item-gallery-design-carousel .ProductItem-gallery-slides-item.th= umbnail-hovered { display: block; } .tweak-product-basic-item-gallery-design-slideshow .ProductItem-gallery-sli= des-item.prev-slide, .tweak-product-basic-item-gallery-design-carousel .Pro= ductItem-gallery-slides-item.prev-slide, .tweak-product-basic-item-gallery-= design-slideshow .ProductItem-gallery-slides-item.next-slide, .tweak-produc= t-basic-item-gallery-design-carousel .ProductItem-gallery-slides-item.next-= slide { display: block; } .tweak-product-basic-item-click-action-lightbox .ProductItem-gallery-slides= -item { cursor: pointer; } .tweak-product-basic-item-click-action-zoom:not(.tweak-product-basic-item-h= over-action-zoom) .ProductItem-gallery-slides-item, .tweak-product-basic-it= em-click-action-zoom.tweak-product-basic-item-gallery-design-carousel .Prod= uctItem-gallery-slides-item { cursor: zoom-in; } .tweak-product-basic-item-click-action-zoom:not(.tweak-product-basic-item-h= over-action-zoom) .is-zoomed .ProductItem-gallery-slides-item, .tweak-produ= ct-basic-item-click-action-zoom.tweak-product-basic-item-gallery-design-car= ousel .is-zoomed .ProductItem-gallery-slides-item { cursor: zoom-out; } @media screen and (min-width: 768px) { .tweak-product-basic-item-gallery-design-stacked .ProductItem-gallery-sli= des-item-image { width: 100%; display: block; left: 0px !important; right: = 0px !important; } } .ProductItem-gallery-slides-item:not(.loaded) .ProductItem-gallery-slides-i= tem-image { opacity: 0; } .ProductItem-gallery .ProductItem-gallery-scroll { display: none; position:= relative; } .ProductItem-gallery .ProductItem-gallery-scroll::after { display: block; c= ontent: ""; height: 10vh; width: 100%; position: sticky; bottom: 0px; } @media screen and (min-width: 768px) { .tweak-product-basic-item-gallery-design-slideshow .ProductItem-gallery .= ProductItem-gallery-scroll { display: block; } } .tweak-product-basic-item-thumbnail-placement-side .ProductItem-gallery .Pr= oductItem-gallery-scroll { width: auto; max-height: 80vh; margin-right: 10p= x; overflow-y: auto; } @media screen and (max-width: 767px) { .tweak-product-basic-item-thumbnail-placement-side .ProductItem-gallery .= ProductItem-gallery-scroll { margin-right: 0px; } } .tweak-product-basic-item-thumbnail-placement-below .ProductItem-gallery .P= roductItem-gallery-scroll { width: 100%; } .tweak-product-basic-item-thumbnail-placement-below .ProductItem-gallery .P= roductItem-gallery-scroll::after { display: none; } .ProductItem-gallery-thumbnails { line-height: 0; } .tweak-product-basic-item-gallery-design-slideshow .ProductItem-gallery-thu= mbnails { margin-bottom: 10vh; } .tweak-product-basic-item-gallery-design-slideshow.tweak-product-basic-item= -thumbnail-placement-below .ProductItem-gallery-thumbnails { overflow-x: sc= roll; white-space: nowrap; margin-top: 10px; } .ProductItem-gallery-thumbnails-item { background: transparent; border: 0px= ; display: block; width: 50px; margin-bottom: 10px; cursor: pointer; paddin= g: 0px; transition: opacity 0.3s ease-in 0s; } .tweak-product-basic-item-gallery-aspect-ratio-11-square .ProductItem-galle= ry-thumbnails-item { height: 50px; } .tweak-product-basic-item-gallery-aspect-ratio-32-standard .ProductItem-gal= lery-thumbnails-item { height: 34px; } .tweak-product-basic-item-gallery-aspect-ratio-23-standard-vertical .Produc= tItem-gallery-thumbnails-item { height: 75px; } .tweak-product-basic-item-gallery-aspect-ratio-43-four-three .ProductItem-g= allery-thumbnails-item { height: 38px; } .tweak-product-basic-item-gallery-aspect-ratio-34-three-four-vertical .Prod= uctItem-gallery-thumbnails-item { height: 67px; } .tweak-product-basic-item-gallery-aspect-ratio-169-widescreen .ProductItem-= gallery-thumbnails-item { height: 29px; } .tweak-product-basic-item-gallery-aspect-ratio-240-anamorphic-widescreen .P= roductItem-gallery-thumbnails-item { height: 21px; } .tweak-product-basic-item-gallery-aspect-ratio-ultra-widescreen .ProductIte= m-gallery-thumbnails-item { height: 21px; } .tweak-product-basic-item-thumbnail-placement-below .ProductItem-gallery-th= umbnails-item { display: inline-block; margin-right: 10px; vertical-align: = top; } .ProductItem-gallery-thumbnails-item:last-child { margin-right: 0px; } .ProductItem-gallery-thumbnails-item:not(.loaded) { opacity: 0; } .ProductItem-gallery .product-image-zoom-duplicate { position: absolute; in= set: 0px; height: 100%; width: 100%; opacity: 0; pointer-events: none; tran= sition: opacity 0.3s ease 0s; } .ProductItem-gallery .is-zoomed .ProductItem-gallery-slides-item.loaded .pr= oduct-image-zoom-duplicate { opacity: 1; } .page-section.collection-type-products { --tweak-product-basic-item-product= -subscription-border-thickness: 1px; --tweak-product-basic-item-image-spaci= ng: 2vw; --tweak-product-basic-item-carousel-arrow-size: 3vw; --tweak-produ= ct-basic-item-image-zoom-factor: 1.75; --tweak-product-basic-item-gallery-w= idth: 50%; --tweak-product-basic-item-form-width: 100%; } .page-section.collection-type-products { --tweak-products-image-text-spacin= g: .5vw; } .products.collection-content-wrapper { padding-top: 3vw; padding-bottom: 3v= w; } .tweak-products-width-full .products.collection-content-wrapper { width: 10= 0%; padding-left: 3vw; padding-right: 3vw; } .tweak-products-width-inset .products.collection-content-wrapper { max-widt= h: 1400px; padding-left: 3vw; padding-right: 3vw; margin: 0px auto; } @media screen and (max-width: 767px) { .tweak-products-width-full .products.collection-content-wrapper { padding= -left: 6vw; padding-right: 6vw; } .tweak-products-width-inset .products.collection-content-wrapper { paddin= g-left: 6vw; padding-right: 6vw; } } .products.collection-content-wrapper .plp-grid-add-to-cart { display: none;= } .tweak-products-add-to-cart-button .products.collection-content-wrapper .pl= p-grid-add-to-cart { display: flex; flex-direction: column; margin-top: aut= o; } .tweak-products-add-to-cart-button .products.collection-content-wrapper .pl= p-grid-add-to-cart a:focus-visible { outline: var(--navigationLinkColor) so= lid 2px; } .tweak-products-add-to-cart-button .products.collection-content-wrapper .pl= p-grid-add-to-cart .variant-select-wrapper { position: relative; opacity: 1= ; transition: opacity 0.1s ease-out 0s; min-height: 44px; display: flex; al= ign-items: center; text-align: left; box-sizing: border-box; padding: 1.5re= m; line-height: normal; background-color: var(--siteBackgroundColor); } .tweak-products-add-to-cart-button .products.collection-content-wrapper .pl= p-grid-add-to-cart .variant-select-wrapper::after { content: ""; position: = absolute; right: 0.8rem; transform: rotate(45deg); border-bottom: 1px solid= ; border-right: 1px solid; height: 0.8rem; width: 0.8rem; transform-origin:= center top; pointer-events: none; font-size: 1rem; margin-bottom: 8px; col= or: var(--tweak-product-grid-text-below-list-price-color); } .tweak-products-add-to-cart-button .products.collection-content-wrapper .pl= p-grid-add-to-cart .variant-option select { padding-left: 0.8rem; position:= absolute; top: 0px; right: 0px; width: 100%; height: 100%; background: tra= nsparent; appearance: none; } .tweak-products-add-to-cart-button .products.collection-content-wrapper .pl= p-grid-add-to-cart .variant-option select:focus option { color: rgb(0, 0, 0= ); } .tweak-products-add-to-cart-button .products.collection-content-wrapper .pl= p-grid-add-to-cart .product-variants { margin-top: 22px; } .tweak-products-add-to-cart-button .products.collection-content-wrapper .pl= p-grid-add-to-cart .sqs-add-to-cart-button-wrapper[disabled] { opacity: 0.3= ; cursor: not-allowed; } .tweak-products-add-to-cart-button .products.collection-content-wrapper .pl= p-grid-add-to-cart .sqs-add-to-cart-button-wrapper[disabled] .sqs-add-to-ca= rt-button { pointer-events: none; } .tweak-products-add-to-cart-button .products.collection-content-wrapper .pl= p-grid-add-to-cart .sqs-add-to-cart-button, .tweak-products-add-to-cart-but= ton .products.collection-content-wrapper .plp-grid-add-to-cart .sqs-view-op= tions-button-wrapper { display: flex; align-items: center; justify-content:= center; margin-top: 22px; cursor: pointer; padding-left: 1.2rem !important= ; padding-right: 1.2rem !important; } .tweak-products-add-to-cart-button .products.collection-content-wrapper .pl= p-grid-add-to-cart .sqs-add-to-cart-button:hover, .tweak-products-add-to-ca= rt-button .products.collection-content-wrapper .plp-grid-add-to-cart .sqs-v= iew-options-button-wrapper:hover { opacity: 0.8; } .tweak-products-add-to-cart-button .products.collection-content-wrapper .pl= p-grid-add-to-cart .sqs-add-to-cart-button .plp-cart-added, .tweak-products= -add-to-cart-button .products.collection-content-wrapper .plp-grid-add-to-c= art .sqs-view-options-button-wrapper .plp-cart-added { display: flex; justi= fy-content: center; } .tweak-products-add-to-cart-button .products.collection-content-wrapper .pl= p-grid-add-to-cart .sqs-add-to-cart-button .plp-cart-added .status-text, .t= weak-products-add-to-cart-button .products.collection-content-wrapper .plp-= grid-add-to-cart .sqs-view-options-button-wrapper .plp-cart-added .status-t= ext { text-transform: uppercase; } .products.collection-content-wrapper .list-grid { position: relative; } @media screen and (min-width: 768px) { .products.collection-content-wrapper .list-grid { display: grid; grid-tem= plate-columns: repeat(2, minmax(0px, 1fr)); gap: 2vw; padding: 0px; } .products.collection-content-wrapper .list-grid .grid-item .grid-image { = width: 100%; position: relative; overflow: hidden; margin: 0px; line-height= : 0; } .products.collection-content-wrapper .list-grid .grid-item .grid-image .g= rid-image-inner-wrapper { position: absolute; inset: 0px; } } @media screen and (max-width: 767px) { .products.collection-content-wrapper .list-grid { display: grid; grid-tem= plate-columns: repeat(1, minmax(0px, 1fr)); gap: 0px 30px; padding: 0px; } .products.collection-content-wrapper .list-grid .grid-item .grid-image { = width: 100%; position: relative; overflow: hidden; margin: 0px; line-height= : 0; } .products.collection-content-wrapper .list-grid .grid-item .grid-image .g= rid-image-inner-wrapper { position: absolute; inset: 0px; } } .products.collection-content-wrapper .grid-item-link { position: absolute; = top: 0px; left: 0px; width: 100%; height: 100%; } .sqs-tweak-overlays-active .products.collection-content-wrapper .grid-item-= link { display: none; } .products.collection-content-wrapper .grid-item-link.product-lists-item { p= osition: unset; } .sqs-tweak-overlays-active .products.collection-content-wrapper .grid-item-= link.product-lists-item { display: unset; pointer-events: none; } .products.collection-content-wrapper .grid-item { display: flex; flex-direc= tion: column; position: relative; opacity: 0; transform: translateY(-15px);= transition: opacity 1s ease 0s, transform 1s ease 0s; } .products.collection-content-wrapper .grid-item.is-loaded { opacity: 1; tra= nsform: translateY(0px); } @media screen and (max-width: 767px) { .products.collection-content-wrapper .grid-item { margin-bottom: 30px; } } .products.collection-content-wrapper .grid-item .grid-item-image { height: = 100%; width: 100%; object-fit: cover; position: absolute; top: 0px; left: 0= px; transition: opacity 1s ease 0s, transform 1s ease 0s; } .products.collection-content-wrapper .grid-item .grid-item-additional-image= { opacity: 0; } .products.collection-content-wrapper .grid-item .grid-image-selected { opac= ity: 1 !important; } .products.collection-content-wrapper .grid-item .grid-image-not-selected { = opacity: 0 !important; } .products.collection-content-wrapper .grid-item .grid-image-cover { opacity= : 1; } .products.collection-content-wrapper .grid-item .grid-image-hover { opacity= : 0; } .products.collection-content-wrapper .grid-item:hover .has-hover-img .grid-= image-cover { opacity: 0; } .products.collection-content-wrapper .grid-item:hover .grid-image-hover.loa= ded { opacity: 1; } .products.collection-content-wrapper .grid-item .grid-image { pointer-event= s: none; } .products.collection-content-wrapper .grid-item .sqs-product-quick-view-but= ton-wrapper { padding-bottom: 50% !important; } .products.collection-content-wrapper .grid-item .sqs-product-quick-view-but= ton-wrapper .sqs-product-quick-view-button { pointer-events: auto; transfor= m: translateY(50%); } .products.collection-content-wrapper .grid-image-wrapper { margin: 0px; hei= ght: 0px; overflow: hidden; position: relative; display: flex; } .tweak-products-image-aspect-ratio-11-square .products.collection-content-w= rapper .grid-image-wrapper { padding-bottom: 100%; } .tweak-products-image-aspect-ratio-32-standard .products.collection-content= -wrapper .grid-image-wrapper { padding-bottom: 66.666%; } .tweak-products-image-aspect-ratio-23-standard-vertical .products.collectio= n-content-wrapper .grid-image-wrapper { padding-bottom: 150%; } .tweak-products-image-aspect-ratio-43-four-three .products.collection-conte= nt-wrapper .grid-image-wrapper { padding-bottom: 75%; } .tweak-products-image-aspect-ratio-34-three-four-vertical .products.collect= ion-content-wrapper .grid-image-wrapper { padding-bottom: 133.333%; } .tweak-products-image-aspect-ratio-169-widescreen .products.collection-cont= ent-wrapper .grid-image-wrapper { padding-bottom: 56.25%; } .tweak-products-image-aspect-ratio-240-anamorphic-widescreen .products.coll= ection-content-wrapper .grid-image-wrapper { padding-bottom: 41.666%; } .tweak-products-image-aspect-ratio-ultra-widescreen .products.collection-co= ntent-wrapper .grid-image-wrapper { padding-bottom: 41.666%; } .products.collection-content-wrapper .grid-meta-status { text-align: right;= } .products.collection-content-wrapper .grid-prices { margin-top: 0.5rem; } .tweak-products-price-hide .products.collection-content-wrapper .grid-price= s { display: none; } .products.collection-content-wrapper .product-scarcity { font-size: 14px; l= ine-height: 0.8; margin-top: 0.5rem; } .products.collection-content-wrapper .grid-meta-wrapper { margin-top: 10px;= display: flex; width: 100%; justify-content: space-between; } @media screen and (min-width: 768px) { .products.collection-content-wrapper .grid-meta-wrapper { margin-top: var= (--tweak-products-image-text-spacing); } } .tweak-products-text-alignment-middle .products.collection-content-wrapper = .grid-meta-wrapper { flex-direction: column; text-align: center; } .tweak-products-text-alignment-middle .products.collection-content-wrapper = .grid-meta-wrapper .grid-meta-status { text-align: center; } .tweak-products-text-alignment-right .products.collection-content-wrapper .= grid-meta-wrapper { flex-direction: row-reverse; text-align: right; } .tweak-products-text-alignment-right .products.collection-content-wrapper .= grid-meta-wrapper .grid-meta-status { text-align: left; } .products.collection-content-wrapper .product-mark { font-weight: bold; tex= t-transform: uppercase; } .products.collection-content-wrapper .original-price { text-decoration: lin= e-through; } .products.collection-content-wrapper .list-pagination { padding-top: 6vw; w= idth: 100%; display: flex; justify-content: space-between; } .products.collection-content-wrapper .list-pagination a { display: flex; fl= ex: 1 0 50%; } .products.collection-content-wrapper .list-pagination a.list-pagination-nex= t { justify-content: flex-end; } .products.collection-content-wrapper .list-pagination-nested-categories { t= ext-transform: uppercase; } .products.collection-content-wrapper .list-pagination-nested-categories .pr= oduct-list-pagination-icon { height: 15px; width: 15px; } .products.collection-content-wrapper .list-pagination-nested-categories .li= st-pagination-next { text-align: right; align-items: center; } .products.collection-content-wrapper .list-pagination-nested-categories .li= st-pagination-prev { align-items: center; } @media screen and (max-width: 767px) { .products.collection-content-wrapper .category-filter-container { height:= 35px; overflow: hidden; margin-bottom: 10px; width: calc(100% + 6vw); posi= tion: relative; left: -3vw; } } .products.collection-content-wrapper .category-filter-wrapper { padding-bot= tom: 6vw; } @media screen and (max-width: 767px) { .products.collection-content-wrapper .category-filter-wrapper { height: 6= 0px; position: relative; width: 100%; overflow-x: scroll; } .products.collection-content-wrapper .category-filter-wrapper::before { c= ontent: ""; display: block; width: 3vw; height: 1px; position: relative; fl= oat: left; } } .products.collection-content-wrapper .category-filter-list { display: flex;= flex-direction: row; place-content: center; } @media screen and (min-width: 768px) { .products.collection-content-wrapper .category-filter-list { flex-wrap: w= rap; } } @media screen and (max-width: 767px) { .products.collection-content-wrapper .category-filter-list { justify-cont= ent: left; } } .products.collection-content-wrapper .category-filter-item { padding: 0px 1= .5vw; text-transform: capitalize; } .products.collection-content-wrapper .category-filter-item:first-child { pa= dding-left: 0px; } @media screen and (max-width: 767px) { .products.collection-content-wrapper .category-filter-item { padding: 0px= 20px; } } .products.collection-content-wrapper .category-filter-delimiter { opacity: = 0; } .products.collection-content-wrapper .category-filter-delimiter.has-categor= y { opacity: 1; } .products.collection-content-wrapper .category-filter-link { position: rela= tive; transition: opacity 0.3s ease 0s; white-space: nowrap; } .products.collection-content-wrapper .category-filter-link::after { content= : ""; position: absolute; width: 0px; height: 1px; left: 50%; bottom: -2px;= transition: all 0.3s ease 0s; } .products.collection-content-wrapper .category-filter-link:hover, .products= .collection-content-wrapper .category-filter-link.category-filter-link-all,= .products.collection-content-wrapper .category-filter-link.active { opacit= y: 1; } .products.collection-content-wrapper .category-filter-link:hover::after, .p= roducts.collection-content-wrapper .category-filter-link.category-filter-li= nk-all::after, .products.collection-content-wrapper .category-filter-link.a= ctive::after { width: 100%; left: 0px; } .products.collection-content-wrapper .category-filter-list.other-active .ca= tegory-filter-link { opacity: 0.3; } .products.collection-content-wrapper .category-filter-list.other-active .ca= tegory-filter-link.category-filter-link-all::after { width: 0px; left: 50%;= } .products.collection-content-wrapper .category-filter-list.other-active .ca= tegory-filter-link:hover, .products.collection-content-wrapper .category-fi= lter-list.other-active .category-filter-link.active { opacity: 1; } .products.collection-content-wrapper .category-filter-list.other-active .ca= tegory-filter-link:hover::after, .products.collection-content-wrapper .cate= gory-filter-list.other-active .category-filter-link.active::after { width: = 100%; left: 0px; } .products.collection-content-wrapper .nested-category-children { padding-bo= ttom: 54px; padding-top: 54px; padding-left: 0px; margin-bottom: 37px; marg= in-top: 0px; text-align: center; display: flex; flex-flow: wrap; align-cont= ent: center; position: relative; } .products.collection-content-wrapper .nested-category-children .active { te= xt-decoration: underline; font-weight: 700; } @media screen and (min-width: 576px) { .products.collection-content-wrapper .nested-category-children::after { c= ontent: ""; opacity: 0.2; border-bottom: 1px solid; position: absolute; bot= tom: 0px; left: 0px; width: 100%; } .tweak-products-header-text-alignment-left .products.collection-content-w= rapper .nested-category-children { justify-content: start; } .tweak-products-header-text-alignment-middle .products.collection-content= -wrapper .nested-category-children { justify-content: center; } } @media not all { .products.collection-content-wrapper .nested-category-children::after { c= ontent: none; } } .tweak-products-nested-category-type-sidebar .products.collection-content-w= rapper .nested-category-children { display: none; } @media screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-children { padding-= top: 44px; padding-bottom: 30px; margin-bottom: 0px; flex-wrap: nowrap; ove= rflow-x: scroll; justify-content: start; } .tweak-products-nested-category-type-sidebar .products.collection-content= -wrapper .nested-category-children { display: flex; } } .products.collection-content-wrapper .nested-category-title-padding { paddi= ng-bottom: 54px; margin-bottom: 37px; position: relative; display: flex; fl= ex-direction: row; } .products.collection-content-wrapper .nested-category-title-padding::after = { content: ""; opacity: 0.2; border-bottom: 1px solid; position: absolute; = bottom: 0px; left: 0px; width: 100%; } @media screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-title-padding::afte= r { content: none; } } @media screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-title-padding { pad= ding-bottom: 30px; margin-bottom: 0px; } } .products.collection-content-wrapper .nested-category-title { margin-top: 0= px; margin-bottom: 0px; display: none; } .tweak-products-category-title .products.collection-content-wrapper .nested= -category-title { display: block; } .tweak-products-category-title .products.collection-content-wrapper .nested= -category-title.nested-category-title-padding { padding-bottom: 54px; margi= n-bottom: 37px; position: relative; display: flex; flex-direction: row; } .tweak-products-category-title .products.collection-content-wrapper .nested= -category-title.nested-category-title-padding::after { content: ""; opacity= : 0.2; border-bottom: 1px solid; position: absolute; bottom: 0px; left: 0px= ; width: 100%; } @media screen and (max-width: 575px) { .tweak-products-category-title .products.collection-content-wrapper .nest= ed-category-title.nested-category-title-padding::after { content: none; } } @media screen and (max-width: 575px) { .tweak-products-category-title .products.collection-content-wrapper .nest= ed-category-title.nested-category-title-padding { padding-bottom: 30px; mar= gin-bottom: 0px; } } @media screen and (min-width: 576px) { .tweak-products-nested-category-type-sidebar.tweak-products-category-titl= e .products.collection-content-wrapper .nested-category-title { padding-bot= tom: 54px; margin-bottom: 37px; position: relative; display: flex; flex-dir= ection: row; } .tweak-products-nested-category-type-sidebar.tweak-products-category-titl= e .products.collection-content-wrapper .nested-category-title::after { cont= ent: ""; opacity: 0.2; border-bottom: 1px solid; position: absolute; bottom= : 0px; left: 0px; width: 100%; } .tweak-products-header-text-alignment-left .products.collection-content-w= rapper .nested-category-title { text-align: left; } .tweak-products-header-text-alignment-middle .products.collection-content= -wrapper .nested-category-title { justify-content: center; text-align: cent= er; } } @media not all { .tweak-products-nested-category-type-sidebar.tweak-products-category-titl= e .products.collection-content-wrapper .nested-category-title::after { cont= ent: none; } } @media not all { .tweak-products-nested-category-type-sidebar.tweak-products-category-titl= e .products.collection-content-wrapper .nested-category-title { padding-bot= tom: 30px; margin-bottom: 0px; } } @media screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-title { text-align:= left; } } .products.collection-content-wrapper .nested-category-breadcrumb-list-item = { display: flex; } .tweak-products-header-text-alignment-left .products.collection-content-wra= pper .nested-category-breadcrumb-list-item:first-child .nested-category-bre= adcrumb-link { margin-left: 0px; } .products.collection-content-wrapper .nested-category-breadcrumb-list-item = .nested-category-breadcrumb-link { margin: 0px 1.5vw; } .products.collection-content-wrapper .nested-category-breadcrumb-list-item:= last-child .breadcrumb-separator { display: none; } @media screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-breadcrumb-list-ite= m { flex: 0 0 auto; } } .products.collection-content-wrapper .product-category-list { margin-top: 0= px; margin-bottom: 0px; padding-left: 0px; } .products.collection-content-wrapper .product-category-list li { list-style= : none; } .products.collection-content-wrapper .products-flex-container { display: fl= ex; flex-direction: column; } .products.collection-content-wrapper .breadcrumb-separator { opacity: 0.2; = } .products.collection-content-wrapper .nested-category-breadcrumb { display:= none; } .tweak-products-breadcrumbs .products.collection-content-wrapper .nested-ca= tegory-breadcrumb { display: block; } @media screen and (min-width: 576px) { .tweak-products-header-text-alignment-left .products.collection-content-w= rapper .nested-category-breadcrumb { text-align: left; justify-content: sta= rt; } .tweak-products-header-text-alignment-middle .products.collection-content= -wrapper .nested-category-breadcrumb { text-align: center; justify-content:= center; } .tweak-products-breadcrumbs.tweak-products-nested-category-type-sidebar:n= ot(.tweak-products-category-title) .products.collection-content-wrapper .ne= sted-category-breadcrumb { padding-bottom: 54px; margin-bottom: 37px; posit= ion: relative; display: flex; flex-direction: row; } .tweak-products-breadcrumbs.tweak-products-nested-category-type-sidebar:n= ot(.tweak-products-category-title) .products.collection-content-wrapper .ne= sted-category-breadcrumb::after { content: ""; opacity: 0.2; border-bottom:= 1px solid; position: absolute; bottom: 0px; left: 0px; width: 100%; } } @media not all { .tweak-products-breadcrumbs.tweak-products-nested-category-type-sidebar:n= ot(.tweak-products-category-title) .products.collection-content-wrapper .ne= sted-category-breadcrumb::after { content: none; } } @media not all { .tweak-products-breadcrumbs.tweak-products-nested-category-type-sidebar:n= ot(.tweak-products-category-title) .products.collection-content-wrapper .ne= sted-category-breadcrumb { padding-bottom: 30px; margin-bottom: 0px; } } @media screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-breadcrumb { text-a= lign: left; text-transform: uppercase; opacity: 0.3; } } .products.collection-content-wrapper .nested-category-tree-wrapper { float:= left; min-width: 220px; max-width: 300px; margin-right: 40px; } .products.collection-content-wrapper .nested-category-tree-wrapper ul { pad= ding-inline-start: 20px; margin-top: 0px; } .products.collection-content-wrapper .nested-category-tree-wrapper > ul { p= adding-left: 0px; } .products.collection-content-wrapper .nested-category-tree-wrapper > ul > l= i:first-child a { padding-top: 0px; } .products.collection-content-wrapper .nested-category-tree-wrapper li { lis= t-style: none; } .products.collection-content-wrapper .nested-category-tree-wrapper .categor= y-link { position: relative; display: block; padding: 6px 0px; } .products.collection-content-wrapper .nested-category-tree-wrapper .categor= y-link.active { font-weight: 700; } .products.collection-content-wrapper .nested-category-tree-wrapper .categor= y-link.activeParent { font-weight: 700; } .tweak-products-nested-category-type-top .products.collection-content-wrapp= er .nested-category-tree-wrapper { display: none; } @media screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-tree-wrapper { disp= lay: none; } } .tweak-global-animations-animation-type-flex .products .nested-category-bre= adcrumb-link { position: relative; display: inline-block; text-decoration: = none; } .tweak-global-animations-animation-type-flex .products .nested-category-bre= adcrumb-link::after { content: ""; position: absolute; width: 100%; height:= 1px; left: 0px; bottom: 0px; background-color: currentcolor; transform: sc= aleX(0); transform-origin: right center; transition: transform 0.6s cubic-b= ezier(0.19, 1, 0.22, 1) 0s; } @media (hover: hover) { .tweak-global-animations-animation-type-flex .products .nested-category-b= readcrumb-link:hover::after { transform: scaleX(1); transform-origin: left = center; } } .tweak-global-animations-animation-type-flex .products .nested-category-tre= e-wrapper .category-link { position: relative; display: inline-block; text-= decoration: none; } .tweak-global-animations-animation-type-flex .products .nested-category-tre= e-wrapper .category-link::after { content: ""; position: absolute; width: 1= 00%; height: 1px; left: 0px; bottom: 6px; background-color: currentcolor; t= ransform: scaleX(0); transform-origin: right center; transition: transform = 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s; } @media (hover: hover) { .tweak-global-animations-animation-type-flex .products .nested-category-t= ree-wrapper .category-link:hover::after { transform: scaleX(1); transform-o= rigin: left center; } } .tweak-global-animations-animation-type-flex .products .nested-category-tre= e-wrapper .category-link.active::after, .tweak-global-animations-animation-= type-flex .products .nested-category-tree-wrapper .category-link.activePare= nt::after { transform: scaleX(1); } .lesson-item-pagination--prev-next { display: flex; flex-direction: row; pa= dding: 3vw; } @media screen and (max-width: 767px) { .lesson-item-pagination--prev-next { padding: 3vw 6vw; } } .lesson-item-pagination-link { text-align: left; display: flex; align-items= : center; max-width: 50%; width: auto; } .lesson-item-pagination-link .lesson-item-pagination-prev-next { display: n= one; } .lesson-item-pagination-link .lesson-item-pagination-title { margin: 0px; p= adding: 0px; display: flex; align-items: center; } @media screen and (max-width: 767px) { .lesson-item-pagination-link .lesson-item-pagination-title { display: fle= x; flex-direction: column; } } .lesson-item-pagination-link .pagination-lock-icon { width: 36px; height: 3= 6px; margin-right: 2px; } .lesson-item-pagination-link .pagination-preview-chip { z-index: 1; border-= radius: 14px; background: var(--video-preview-badge-background-color); padd= ing: 6px 11px; color: var(--video-preview-badge-font-color); font-family: v= ar(--video-preview-badge-font-font-family); font-size: var(--video-preview-= badge-font-font-size); font-style: var(--video-preview-badge-font-font-styl= e); font-weight: var(--video-preview-badge-font-font-weight); line-height: = var(--video-preview-badge-font-line-height); text-transform: var(--video-pr= eview-badge-font-text-transform); letter-spacing: var(--video-preview-badge= -font-letter-spacing); position: unset; right: unset; margin: 0px 11px 0px = 0px; } .lesson-item-pagination-link .pagination-preview-chip.site-editor-hidden { = display: none; } .lesson-item-pagination-link .lesson-item-pagination-icon { width: 18px; he= ight: 32px; padding-right: 25px; } .lesson-item-pagination-link .lesson-item-pagination-icon svg { width: 18px= ; height: 32px; } .lesson-item-pagination-link--prev { margin-left: 0px; margin-right: auto; = } @media screen and (max-width: 767px) { .lesson-item-pagination-link--prev .pagination-preview-chip, .lesson-item= -pagination-link--prev .pagination-lock-icon { margin-right: auto; } } .lesson-item-pagination-link--next { text-align: right; margin-left: auto; = margin-right: 0px; } .lesson-item-pagination-link--next .lesson-item-pagination-icon { padding-r= ight: 0px; padding-left: 25px; } @media screen and (max-width: 767px) { .lesson-item-pagination-link--next .pagination-preview-chip, .lesson-item= -pagination-link--next .pagination-lock-icon { margin-left: auto; } } .lesson-tweak-global-animations-animation-type-flex .lesson-item-pagination= -link--next .lesson-item-pagination-title { position: relative; } .lesson-tweak-global-animations-animation-type-flex .lesson-item-pagination= -link--next .lesson-item-pagination-title::after { content: ""; position: a= bsolute; width: 100%; height: 1px; right: 0px; bottom: -0.1em; background-c= olor: currentcolor; transform: scaleX(0); transition: transform 0.6s cubic-= bezier(0.19, 1, 0.22, 1) 0s; } .lesson-tweak-global-animations-animation-type-flex .lesson-item-pagination= -link--next .lesson-item-pagination-title::after { transform-origin: left c= enter; } .lesson-tweak-global-animations-animation-type-flex .lesson-item-pagination= -link--prev .lesson-item-pagination-title { position: relative; } .lesson-tweak-global-animations-animation-type-flex .lesson-item-pagination= -link--prev .lesson-item-pagination-title::after { content: ""; position: a= bsolute; width: 100%; height: 1px; right: 0px; bottom: -0.1em; background-c= olor: currentcolor; transform: scaleX(0); transition: transform 0.6s cubic-= bezier(0.19, 1, 0.22, 1) 0s; } .lesson-tweak-global-animations-animation-type-flex .lesson-item-pagination= -link--prev .lesson-item-pagination-title::after { transform-origin: right = center; } .lesson-tweak-global-animations-animation-type-flex .lesson-item-pagination= -link .caret-left-icon--small, .lesson-tweak-global-animations-animation-ty= pe-flex .lesson-item-pagination-link .lesson-caret-right-icon--small { tran= sform: translateX(0px) scaleY(1); transition: transform 0.6s cubic-bezier(0= .19, 1, 0.22, 1) 0s; } @media (hover: hover) { .lesson-tweak-global-animations-animation-type-flex .lesson-item-paginati= on-link:hover .caret-left-icon--small { transform: translateX(-30%) scaleY(= 0.8); } } @media (hover: hover) { .lesson-tweak-global-animations-animation-type-flex .lesson-item-paginati= on-link:hover .lesson-caret-right-icon--small { transform: translateX(30%) = scaleY(0.8); } } @media (hover: hover) { .lesson-tweak-global-animations-animation-type-flex .lesson-item-paginati= on-link:hover .lesson-item-pagination-title::after { transform: scaleX(1); = } } .lessons-item-related-wrapper { padding: 3vw; } .lessons-item-related-wrapper .lessons-item-related-item-list { display: gr= id; grid-template-columns: repeat(5, minmax(0px, 1fr)); } @media screen and (max-width: 767px) { .lessons-item-related-wrapper .lessons-item-related-item-list { display: = block; } } .lessons-item-related-wrapper .lessons-item-related-item-list .related-item= { padding: 1vw; } @media screen and (max-width: 767px) { .lessons-item-related-wrapper .lessons-item-related-item-list .related-it= em { width: 100%; padding: 0px; } } .lessons-item-related-wrapper .lessons-item-related-item-list .related-item= .related-item-link-thumbnail { position: relative; display: flex; height: = 20vh; flex-direction: column; } @media screen and (max-width: 767px) { .lessons-item-related-wrapper .lessons-item-related-item-list .related-it= em .related-item-link-thumbnail { height: unset; } } .lessons-item-related-wrapper .lessons-item-related-item-list .related-item= .related-item-link-thumbnail .lesson-item-video-thumbnail-placeholder { he= ight: inherit; } @media screen and (max-width: 767px) { .lessons-item-related-wrapper .lessons-item-related-item-list .related-it= em .related-item-link-thumbnail .lesson-item-video-thumbnail-placeholder { = margin: 0px; } } .lessons-item-related-wrapper .lessons-item-related-item-list .related-item= .related-item-link-text { font-size: 1.5rem; } .lessons-item-related-wrapper .lessons-item-related-item-list .related-item= img.related-item-thumbnail { width: 100%; height: inherit; object-fit: cov= er; } .lessons-item-related-wrapper .lessons-item-related-item-list .related-item= .lessons-image_preview-chip-container { background: linear-gradient(rgba(0= , 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%); position: absolute; z-index: 1; h= eight: 20%; width: 100%; } .lessons-item-related-wrapper .lessons-item-related-item-list .related-item= .lessons-image_preview-chip-container.site-editor-hidden { opacity: 0; } .lessons-item-related-wrapper .lessons-item-related-item-list .related-item= .lessons-image_preview-chip { position: absolute; z-index: 1; right: 0px; = border-radius: 14px; background: var(--video-preview-badge-background-color= ); margin: 11px 11px 0px 0px; padding: 6px 11px; color: var(--video-preview= -badge-font-color); font-family: var(--video-preview-badge-font-font-family= ); font-size: var(--video-preview-badge-font-font-size); font-style: var(--= video-preview-badge-font-font-style); font-weight: var(--video-preview-badg= e-font-font-weight); line-height: var(--video-preview-badge-font-line-heigh= t); text-transform: var(--video-preview-badge-font-text-transform); letter-= spacing: var(--video-preview-badge-font-letter-spacing); } .lessons-item-related-wrapper .lessons-image__lock-icon-container { width: = 100%; height: 100%; position: absolute; right: 0px; top: 0px; display: flex= ; align-items: center; justify-content: center; backdrop-filter: blur(4px) = brightness(0.3); } .lessons-item-related-wrapper .lessons-image__lock-icon { width: 34px; heig= ht: 34px; color: rgb(255, 255, 255); } .lesson-video-player-native { background-color: rgb(0, 0, 0); } .course-list__list { --thumbnail-max-width: 60px; --thumbnail-max-height: 1= 00px; --lesson-column-gap: 22px; --course-list-item-padding-vertical: 21px;= } .course-list__list, .course-list__list ul { list-style: none; margin: 0px; = padding: 0px; } .course-list__list > .course-list__list-item { overflow: hidden; border-top= -left-radius: var(--list-item-border-radius-top-left); border-top-right-rad= ius: var(--list-item-border-radius-top-right); border-bottom-right-radius: = var(--list-item-border-radius-bottom-right); border-bottom-left-radius: var= (--list-item-border-radius-bottom-left); border-width: var(--list-item-bord= er-width); border-style: var(--list-item-border-type); border-color: var(--= course-list-course-chapter-divider-color); } .course-list__list > .course-list__list-item:not(:last-child) { margin-bott= om: var(--list-item-gap); } .course-list__list[data-show-background=3D"false"] .course-list__list-cours= e-item:not(:hover), .course-list__list[data-show-background=3D"false"] .cou= rse-list__list-chapter-item-accordion-trigger:not(:hover), .course-list__li= st[data-show-background=3D"false"] .course-list__list-chapter-item-accordio= n-trigger[disabled] { background: none !important; } .course-list__list .course-list__list-course-item { color: var(--course-lis= t-course-item-text-color); background: var(--course-list-course-item-backgr= ound); } .course-list__list .course-list__list-course-item:hover { background: var(-= -course-list-course-item-hover-background); } .course-list__list .course-list__list-course-item-inner-wrapper { display: = flex; align-items: stretch; } .course-list__list .course-list__list-course-item-info-container { flex: 1 = 1 auto; display: flex; flex-direction: column; justify-content: center; pad= ding: var(--course-list-item-padding-vertical) var(--lesson-column-gap); } .course-list__list .course-list__list-course-item-thumbnail-container { pos= ition: relative; display: flex; flex: initial; align-items: center; justify= -content: center; width: var(--thumbnail-max-width); padding-left: 22px; pa= dding-top: var(--course-list-item-padding-vertical); padding-bottom: var(--= course-list-item-padding-vertical); } .course-list__list .course-list__list-course-item-thumbnail-container .cour= se-list__list-course-item-thumbnail { max-width: 100%; aspect-ratio: var(--= list-item-thumbnail-aspect-ratio-width) / var(--list-item-thumbnail-aspect-= ratio-height); border-top-left-radius: var(--list-item-thumbnail-border-rad= ius-top-left); border-top-right-radius: var(--list-item-thumbnail-border-ra= dius-top-right); border-bottom-right-radius: var(--list-item-thumbnail-bord= er-radius-bottom-right); border-bottom-left-radius: var(--list-item-thumbna= il-border-radius-bottom-left); background-size: cover; background-position:= 50% 50%; } .course-list__list .course-list__list-course-item-thumbnail-container .cour= se-list__list-course-item-thumbnail[data-private-mode=3D"true"] { position:= relative; overflow: hidden; } .course-list__list .course-list__list-course-item-thumbnail-container .cour= se-list__list-course-item-thumbnail[data-private-mode=3D"true"]::before { c= ontent: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 1= 00%; background-position: inherit; background-image: inherit; background-si= ze: inherit; filter: blur(1px) brightness(0.3); transform: scale(1.03); } .course-list__list .course-list__list-course-item-thumbnail-container .cour= se-list__list-course-item-thumbnail[data-private-mode=3D"true"] .course-lis= t__list-course-item-lock-icon-overlay { color: rgb(255, 255, 255); position= : absolute; top: 0px; left: 0px; width: 100%; height: 100%; transform: scal= e(0.5); } .course-list__list .course-list__list-course-item-thumbnail-container .cour= se-list__list-course-item-thumbnail.course-list__list-course-item-thumbnail= -fixed-width { width: var(--thumbnail-max-width); } .course-list__list .course-list__list-course-item-thumbnail-container .cour= se-list__list-course-item-thumbnail.course-list__list-course-item-thumbnail= -fixed-height { height: var(--thumbnail-max-height); } .course-list__list .course-list__list-course-item-thumbnail-container .cour= se-list__list-course-item-thumbnail.course-list__list-course-item-thumbnail= -placeholder { display: flex; background-color: rgb(233, 233, 233); } .course-list__list .course-list__list-course-item-thumbnail-container .cour= se-list__list-course-item-thumbnail.course-list__list-course-item-thumbnail= -placeholder .course-list__list-course-item-no-image-icon { transform: scal= e(0.6); fill: rgb(196, 196, 196); } .course-list__list .course-list__list-course-item-thumbnail-container .cour= se-list__list-course-item-thumbnail.course-list__list-course-item-thumbnail= -placeholder[data-private-mode=3D"true"] .course-list__list-course-item-no-= image-icon { display: none; } .course-list__list .course-list__list-course-item-lesson-name, .course-list= __list .course-list__list-course-item-lesson-excerpt, .course-list__list .c= ourse-list__list-course-item-lesson-meta { color: inherit; margin: 0px; } .course-list__list .course-list__list-course-item-lesson-name { grid-area: = title / title / title / title; } .course-list__list .course-list__list-course-item-lesson-detail { display: = flex; flex-direction: column; gap: inherit; grid-area: detail / detail / de= tail / detail; } .course-list__list .course-list__list-course-item-lesson-excerpt { max-widt= h: 540px; padding-top: 6px; } .course-list__list .course-list__list-course-item-lesson-excerpt :first-chi= ld { margin-top: 0px; } .course-list__list .course-list__list-course-item-lesson-excerpt :last-chil= d { margin-bottom: 0px; } .course-list__list .course-list__list-course-item-lesson-meta { display: fl= ex; padding-top: 6px; } .course-list__list .course-list__list-course-item-status { flex: initial; p= adding-right: 22px; display: flex; align-items: center; } .course-list__list .course-item-description-mobile { display: none; } .course-list__list .course-list__list-chapter-item-accordion-trigger { disp= lay: grid; width: 100%; text-align: left; padding: 20px; grid-template-colu= mns: auto min-content; row-gap: 4px; grid-template-areas: "name accordion-i= con" "meta accordion-icon"; align-items: center; border: none; color: var(-= -course-list-course-item-text-color); background: var(--course-list-course-= item-background); } .course-list__list .course-list__list-chapter-item-accordion-trigger:hover = { background: var(--course-list-course-item-hover-background); } .course-list__list .course-list__list-chapter-item-accordion-trigger[disabl= ed] { grid-template-areas: "name" "meta"; } .course-list__list .course-list__list-chapter-item-accordion-trigger[disabl= ed]:hover { background: var(--course-list-course-item-background); } .course-list__list .course-list__list-chapter-item-accordion-trigger[disabl= ed] .course-list__list-chapter-item-accordion-icon-container { display: non= e; } .course-list__list .course-list__list-chapter-item-accordion-icon-container= { grid-area: accordion-icon / accordion-icon / accordion-icon / accordion-= icon; text-align: center; height: 100%; display: flex; align-items: center;= } .course-list__list .course-list__list-chapter-item-chapter-name { grid-area= : name / name / name / name; color: inherit; margin: 0px; } .course-list__list .course-list__list-chapter-item-chapter-meta { grid-area= : meta / meta / meta / meta; } .course-list__list .course-list__sublist { border-top-width: var(--list-ite= m-border-width); border-top-style: var(--list-item-border-type); border-top= -color: var(--course-list-course-chapter-divider-color); } .course-list__list-chapter-item-accordion-icon { transition: transform 0.3s= ease-in-out 0s; } [aria-expanded=3D"false"] .course-list__list-chapter-item-accordion-icon { = transform: rotate(90deg); } .course-list__list-chapter-item-accordion-content { transition: height 0.3s= ease-in-out 0s; height: var(--content-scroll-height,auto); } .course-list__list-chapter-item-accordion-content[aria-hidden=3D"true"] { h= eight: 0px; overflow: hidden; } @media screen and (max-width: 575px) { .course-list__list { --thumbnail-size: 36px; --lesson-column-gap: 11px; -= -course-list-item-padding-vertical: 25px; } .course-list__list .course-list__progress { font-size: 0.875rem; } .course-list__list .course-list__list-course-item-thumbnail-container { p= adding-left: 33px; } .course-list__list .course-list__list-course-item-link[data-hidden-thumbn= ails=3D"true"] { padding-left: 21px; } .course-list__list .course-list__list-course-item-status { padding-right:= 33px; padding-top: var(--course-list-item-padding-vertical); padding-botto= m: var(--course-list-item-padding-vertical); } .course-list__list .course-item-description-desktop { display: none; } .course-list__list .course-item-description-mobile { display: block; padd= ing: 6px 33px var(--course-list-item-padding-vertical); } .course-list__list [data-has-excerpt-or-meta=3D"true"] .course-list__list= -course-item-thumbnail-container, .course-list__list [data-has-excerpt-or-m= eta=3D"true"] .course-list__list-course-item-info-container, .course-list__= list [data-has-excerpt-or-meta=3D"true"] .course-list__list-course-item-sta= tus { padding-bottom: 0px; } } .course-list__grid { --num-columns: 3; list-style: none; margin: 0px; paddi= ng: 0px; display: grid; grid-auto-flow: row; grid-template-columns: repeat(= var(--num-columns),minmax(0,1fr)); grid-auto-rows: auto; gap: 20px; } @media screen and (max-width: 767px) { .course-list__grid { --num-columns: 2; } } @media screen and (max-width: 575px) { .course-list__grid { --num-columns: 1; } } .course-list__grid[data-show-background=3D"false"] .course-list__grid-cours= e-item:not(:hover) { background: none !important; } .course-list__grid .course-list__grid-chapter-item { grid-column: 1 / -1; m= argin-bottom: var(--space-between-chapters); } .course-list__grid .course-list__grid-chapter-item:last-child { margin-bott= om: 0px; } .course-list__grid .course-list__grid-course-item + .course-list__grid-chap= ter-item { margin-top: var(--space-between-chapters); } .course-list__grid .course-list__grid-chapter-item-header { display: grid; = grid-template-columns: 1fr max-content; justify-content: space-between; ali= gn-items: center; gap: 20px; margin-bottom: 20px; padding-bottom: 10px; bor= der-bottom: 1px solid var(--course-list-grid-layout-chapter-divider-color);= } .course-list__grid .course-list__grid-chapter-item-header .course-list__gri= d-chapter-item-chapter-name { margin: 0px; } .course-list__grid .course-list__grid-chapter-item-header .course-list__gri= d-chapter-item-chapter-meta { color: var(--headingMediumColor); } .course-list__grid .course-list__grid-chapter-course-items { list-style: no= ne; margin: 0px; padding: 0px; display: grid; grid-auto-flow: row; grid-tem= plate-columns: repeat(var(--num-columns),minmax(0,1fr)); grid-auto-rows: au= to; gap: 20px; } @media screen and (max-width: 767px) { .course-list__grid .course-list__grid-chapter-course-items { --num-column= s: 2; } } @media screen and (max-width: 575px) { .course-list__grid .course-list__grid-chapter-course-items { --num-column= s: 1; } } .course-list__grid .course-list__grid-course-item { border-style: var(--cou= rse-item-border-type); border-width: var(--course-item-border-width); borde= r-color: var(--course-list-grid-layout-course-item-border-color); border-to= p-left-radius: var(--course-item-border-radius-top-left); border-top-right-= radius: var(--course-item-border-radius-top-right); border-bottom-right-rad= ius: var(--course-item-border-radius-bottom-right); border-bottom-left-radi= us: var(--course-item-border-radius-bottom-left); color: var(--course-list-= grid-layout-course-item-text-color); background: var(--course-list-grid-lay= out-course-item-background-color); overflow: hidden; } .course-list__grid .course-list__grid-course-item:hover { background: var(-= -course-list-grid-layout-course-item-hover-background-color); } .course-list__grid .course-list__grid-course-item-link { display: block; bo= x-sizing: border-box; padding: 20px; height: 100%; } .course-list__grid .course-list__grid-course-item-thumbnail-container { dis= play: block; height: 130px; margin-bottom: 15px; } .course-list__grid .course-list__grid-course-item-thumbnail-container .cour= se-list__grid-course-item-thumbnail { height: 100%; background-size: cover;= background-position: 50% 50%; border-top-left-radius: var(--course-item-th= umbnail-border-radius-top-left); border-top-right-radius: var(--course-item= -thumbnail-border-radius-top-right); border-bottom-right-radius: var(--cour= se-item-thumbnail-border-radius-bottom-right); border-bottom-left-radius: v= ar(--course-item-thumbnail-border-radius-bottom-left); } .course-list__grid .course-list__grid-course-item-thumbnail-container .cour= se-list__grid-course-item-thumbnail[data-private-mode=3D"true"] { position:= relative; overflow: hidden; } .course-list__grid .course-list__grid-course-item-thumbnail-container .cour= se-list__grid-course-item-thumbnail[data-private-mode=3D"true"]::before { c= ontent: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 1= 00%; background-position: inherit; background-image: inherit; background-si= ze: inherit; filter: blur(2px) brightness(0.3); transform: scale(1.03); } .course-list__grid .course-list__grid-course-item-thumbnail-container .cour= se-list__grid-course-item-thumbnail[data-private-mode=3D"true"] .course-lis= t__grid-course-item-lock-icon-overlay { color: rgb(255, 255, 255); position= : absolute; top: 0px; left: 0px; width: 100%; height: 100%; transform: scal= e(0.2); } .course-list__grid .course-list__grid-course-item-thumbnail-container .cour= se-list__grid-course-item-thumbnail.course-list__grid-course-item-thumbnail= -placeholder { display: flex; align-items: center; justify-content: center;= } .course-list__grid .course-list__grid-course-item-thumbnail-container .cour= se-list__grid-course-item-thumbnail.course-list__grid-course-item-thumbnail= -placeholder .course-list__grid-course-item-no-image-icon { max-width: 120p= x; } .course-list__grid .course-list__grid-course-item-thumbnail-container .cour= se-list__grid-course-item-thumbnail.course-list__grid-course-item-thumbnail= -placeholder[data-private-mode=3D"true"] .course-list__grid-course-item-no-= image-icon { display: none; } .course-list__grid .course-list__grid-course-item-lesson-name-container { d= isplay: grid; grid-template-columns: 1fr max-content; justify-content: spac= e-between; align-items: start; gap: 10px; margin-bottom: 10px; } .course-list__grid .course-list__grid-course-item-lesson-name-container .co= urse-list__grid-course-item-lesson-name { margin: 0px; color: inherit; } .course-list__grid .course-list__grid-course-item-lesson-name-container .co= urse-list__grid-course-item-status > label { cursor: pointer; display: bloc= k; padding: 10px; margin: -10px; } .course-list__grid .course-list__grid-course-item-lesson-excerpt { margin-b= ottom: 10px; } .course-list__grid .course-list__grid-course-item-lesson-excerpt > :first-c= hild { margin-top: 0px; } .course-list__grid .course-list__grid-course-item-lesson-excerpt > :last-ch= ild { margin-bottom: 0px; } .course-list__grid .course-list__grid-course-item-lesson-meta { line-height= : 1; } .course-item__lesson-content .course-item__video-container { position: rela= tive; width: 100%; height: calc(56.25vw); max-height: calc(100vh - 169px); = min-height: 480px; background: rgb(0, 0, 0); } .course-item__lesson-content .course-item__video-container.block-clicks::af= ter { content: ""; display: block; position: absolute; left: 0px; top: 0px;= width: 100%; height: 100%; } .course-item__lesson-content .course-item__video-container .course-item-vid= eo-wrapper { position: absolute; inset: 0px; } .course-item__lesson-content .course-item__video-container .course-item-vid= eo-wrapper [data-controller=3D"CourseItemVideoNative"], .course-item__lesso= n-content .course-item__video-container .course-item-video-wrapper .course-= item-video-inner-wrapper { height: 100%; } .course-item__lesson-content .course-item__video-container .course-item-vid= eo-wrapper [data-controller=3D"CourseItemVideoNative"] iframe, .course-item= __lesson-content .course-item__video-container .course-item-video-wrapper .= course-item-video-inner-wrapper iframe { width: 100%; height: 100%; } .course-item__lesson-content .course-item__video-container .course-item-vid= eo-thumbnail-placeholder { position: relative; height: 100%; display: flex;= align-items: center; justify-content: center; background-color: rgb(49, 49= , 49); overflow: hidden; } .course-item__lesson-content .course-item__video-container .course-item-vid= eo-thumbnail-placeholder::after { content: ""; display: block; position: ab= solute; bottom: -100px; width: 150%; height: 100px; box-shadow: rgb(0, 0, 0= ) 0px -20px 110px; } .course-item__lesson-content .course-item__video-container .course-item-vid= eo-thumbnail-placeholder .course-item-video-thumbnail-placeholder-content {= display: none; text-align: center; font-size: 14px; color: rgb(255, 255, 2= 55); } .sqs-edit-mode-active .course-item__lesson-content .course-item__video-cont= ainer .course-item-video-thumbnail-placeholder .course-item-video-thumbnail= -placeholder-content { display: block; } .course-item__lesson-content .course-item__video-container .course-item-vid= eo-thumbnail-placeholder .course-item-video-thumbnail-placeholder-content .= course-item-add-video-button { background: none; color: inherit; border: no= ne; padding: 0px; font-style: inherit; font-variant: inherit; font-weight: = inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; f= ont-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: = inherit; font-variation-settings: inherit; cursor: default; line-height: 1;= outline-color: rgb(255, 255, 255); } .course-item__lesson-content .course-item__video-container .course-item-vid= eo-thumbnail-placeholder .course-item-video-thumbnail-placeholder-content .= course-item-add-video-button svg { background: rgba(0, 0, 0, 0.5); stroke: = rgb(255, 255, 255); stroke-width: 2px; width: 20px; height: 20px; padding: = 17px; border-radius: 100%; } .sqs-edit-mode.sqs-edit-mode-active:not(.sqs-site-styles-active) .course-it= em__lesson-content .course-item__video-container .course-item-video-thumbna= il-placeholder .course-item-video-thumbnail-placeholder-content .course-ite= m-add-video-button svg:hover { cursor: pointer; background: rgba(255, 255, = 255, 0.5); stroke: rgb(0, 0, 0); } .course-item__lesson-content .course-item__intro { padding: 0px 3vw; max-wi= dth: 1400px; margin: 0px auto; position: relative; z-index: 0; } .course-item__lesson-content .course-item__intro .course-item__chapter-titl= e { text-transform: uppercase; font-weight: bold; line-height: 1; } .course-item__lesson-content .course-item__intro .course-item__lesson-title= { margin-top: 0px; line-height: 1; } .mixin-product-details-clear-select-input-styles { appearance: none; border= : 0px; border-radius: 0px; padding: 0px; background: transparent; } .ProductItem { padding-bottom: 3vw; } .tweak-product-basic-item-width-inset .ProductItem { max-width: 1400px; pad= ding-left: 3vw; padding-right: 3vw; margin: 0px auto; } @media screen and (max-width: 767px) { .tweak-product-basic-item-width-inset .tweak-product-basic-item-width-ins= et .ProductItem { padding-left: 6vw; padding-right: 6vw; } } .ProductItem .ProductItem-summary { display: flex; flex-direction: column; = align-items: flex-start; } .tweak-product-basic-item-content-alignment-center:not(.tweak-product-basic= -item-gallery-design-stacked) .ProductItem .ProductItem-summary { align-ite= ms: center; } @media screen and (min-width: 768px) { .ProductItem .ProductItem-summary { flex-direction: row; } .tweak-product-basic-item-gallery-placement-right .ProductItem .ProductIt= em-summary { flex-flow: row-reverse; } } .ProductItem-details { box-sizing: border-box; position: relative; padding-= top: 0px; display: flex; flex-direction: column; width: 100%; text-align: l= eft; } .tweak-product-basic-item-text-alignment-left .ProductItem-details { text-a= lign: left; } .tweak-product-basic-item-text-alignment-center .ProductItem-details { text= -align: center; } .tweak-product-basic-item-text-alignment-right .ProductItem-details { text-= align: right; } @media screen and (min-width: 768px) { .tweak-product-basic-item-gallery-design-stacked .ProductItem-details { p= osition: sticky; top: 0px; } } @media screen and (min-width: 768px) { .tweak-product-basic-item-content-alignment-top .ProductItem-details, .tw= eak-product-basic-item-gallery-design-stacked .ProductItem-details { paddin= g-top: 60px; } } @media screen and (min-width: 768px) { .ProductItem-details { padding-left: var(--tweak-product-basic-item-image= -spacing); } .tweak-product-basic-item-gallery-placement-right .ProductItem-details { = padding-left: 0px; padding-right: var(--tweak-product-basic-item-image-spac= ing); } } @media screen and (min-width: 768px) and (max-width: 1024px) { .ProductItem-details { width: calc(100% - min(var(--tweak-product-basic-i= tem-gallery-width), 50%)); } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .ProductItem-details { width: calc(100% - min(var(--tweak-product-basic-i= tem-gallery-width), 60%)); } } @media screen and (min-width: 1281px) { .ProductItem-details { width: calc(100% - var(--tweak-product-basic-item-= gallery-width)); } } .ProductItem-details h1.ProductItem-details-title { order: 1; margin: 0px 0= px 25px; } .ProductItem-details .ProductItem-product-price { order: 1; margin-bottom: = 25px; display: block; } .ProductItem-details .ProductItem-product-price .product-price { margin-bot= tom: 25px; } .tweak-product-basic-item-description-position-below-price .ProductItem-det= ails .ProductItem-details-excerpt-below-price { margin-bottom: 40px; displa= y: block; order: 5; } .tweak-product-basic-item-description-position-below-price .ProductItem-det= ails .ProductItem-details-excerpt-below-price a { text-decoration: underlin= e; } .tweak-product-basic-item-description-position-below-price .ProductItem-det= ails .ProductItem-details-excerpt-below-add-to-cart { display: none; } .tweak-product-basic-item-description-position-below-price .ProductItem-det= ails .ProductItem-details-excerpt-below-add-ons { display: none; } .tweak-product-basic-item-description-position-below-add-to-cart-button .Pr= oductItem-details .ProductItem-details-excerpt-below-price { display: none;= } .tweak-product-basic-item-description-position-below-add-to-cart-button .Pr= oductItem-details .ProductItem-details-excerpt-below-add-to-cart { margin-t= op: 40px; margin-bottom: 40px; display: block; order: 5; } .tweak-product-basic-item-description-position-below-add-to-cart-button .Pr= oductItem-details .ProductItem-details-excerpt-below-add-to-cart a { text-d= ecoration: underline; } .tweak-product-basic-item-description-position-below-add-to-cart-button .Pr= oductItem-details .ProductItem-details-excerpt-below-add-ons { display: non= e; } .tweak-product-basic-item-description-position-below-add-ons .ProductItem-d= etails .ProductItem-details-excerpt-below-price { display: none; } .tweak-product-basic-item-description-position-below-add-ons .ProductItem-d= etails .ProductItem-details-excerpt-below-add-to-cart { display: none; } .tweak-product-basic-item-description-position-below-add-ons .ProductItem-d= etails .ProductItem-details-excerpt-below-add-ons { margin-top: 40px; margi= n-bottom: 40px; display: block; order: 6; } .tweak-product-basic-item-description-position-below-add-ons .ProductItem-d= etails .ProductItem-details-excerpt-below-add-ons a { text-decoration: unde= rline; } .ProductItem-details .ProductItem-Subs-Otp { order: 3; } .tweak-product-basic-item-product-subscription-display-radio .ProductItem-d= etails .pdp-subscriptions-and-otp .subs-otp-radio-wrapper { display: block;= } .tweak-product-basic-item-product-subscription-display-radio .ProductItem-d= etails .pdp-subscriptions-and-otp .subs-otp-button-wrapper { display: none;= } .tweak-product-basic-item-product-subscription-display-button .ProductItem-= details .pdp-subscriptions-and-otp .subs-otp-radio-wrapper { display: none;= } .tweak-product-basic-item-product-subscription-display-button .ProductItem-= details .pdp-subscriptions-and-otp .subs-otp-button-wrapper { display: bloc= k; } .tweak-product-basic-item-product-subscription-display-button .ProductItem-= details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subs-otp-butto= n-label { border-width: var(--tweak-product-basic-item-product-subscription= -border-thickness); } .tweak-product-basic-item-product-subscription-border-shape-pill .ProductIt= em-details .pdp-subscriptions-and-otp .subs-otp-radio-wrapper { border-radi= us: 33px; } .tweak-product-basic-item-product-subscription-border-shape-pill .ProductIt= em-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .one-time-pu= rchase-option.otp-button-wrapper .subs-otp-button-label { border-radius: 33= px; } .tweak-product-basic-item-product-subscription-border-shape-pill .ProductIt= em-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subscriptio= n-option.subs-button-wrapper .subs-otp-button-label { border-radius: 33px; = } .tweak-product-basic-item-product-subscription-border-shape-petal .ProductI= tem-details .pdp-subscriptions-and-otp .subs-otp-radio-wrapper { border-rad= ius: 16px 0px; } .tweak-product-basic-item-product-subscription-border-shape-petal .ProductI= tem-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .one-time-p= urchase-option.otp-button-wrapper .subs-otp-button-label { border-radius: 1= 6px 0px; } .tweak-product-basic-item-product-subscription-border-shape-petal .ProductI= tem-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subscripti= on-option.subs-button-wrapper .subs-otp-button-label { border-radius: 16px = 0px; } .tweak-product-basic-item-product-subscription-border-shape-rounded-rectang= le .ProductItem-details .pdp-subscriptions-and-otp .subs-otp-radio-wrapper = { border-radius: 10px; } .tweak-product-basic-item-product-subscription-border-shape-rounded-rectang= le .ProductItem-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper= .one-time-purchase-option.otp-button-wrapper .subs-otp-button-label { bord= er-radius: 10px; } .tweak-product-basic-item-product-subscription-border-shape-rounded-rectang= le .ProductItem-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper= .subscription-option.subs-button-wrapper .subs-otp-button-label { border-r= adius: 10px; } .ProductItem-details .ProductItem-details-quickViewFullItemLink { opacity: = 0.6; order: 100; display: inline-block; margin-top: 40px; } .ProductItem-details .variant-option, .ProductItem-details .product-quantit= y-input { margin-bottom: 40px; } .ProductItem-details .variant-option-title, .ProductItem-details .variant-o= ut-of-stock, .ProductItem-details .quantity-label { margin-bottom: 0.5em; } .sold-out .ProductItem-details .product-mark.sold-out { margin-bottom: 40px= ; } .ProductItem-details .variant-option select, .ProductItem-details .product-= quantity-input input { appearance: none; border: 0px; border-radius: 0px; p= adding: 0px; background: transparent; } .ProductItem-details .variant-select-wrapper, .ProductItem-details .product= -quantity-input input { text-align: left; box-sizing: border-box; padding: = 1.5rem; line-height: normal; color: inherit; } .ProductItem-details .variant-select-wrapper select { border: 1px solid gre= y; } .ProductItem-details .ProductItem-details-checkout { order: 4; display: fle= x; flex-direction: column; } @media screen and (min-width: 768px) { .ProductItem-details .ProductItem-details-checkout { display: block; } } .ProductItem-details .product-variants { display: block; order: 2; width: v= ar(--tweak-product-basic-item-form-width); } .tweak-product-basic-item-text-alignment-center .ProductItem-details .produ= ct-variants { margin: auto; } .tweak-product-basic-item-text-alignment-right .ProductItem-details .produc= t-variants { margin-right: 0px; margin-left: auto; } .ProductItem-details .variant-option { display: inline-block; box-sizing: b= order-box; width: 100%; } .ProductItem-details .variant-option select:focus option { color: rgb(0, 0,= 0); } .ProductItem-details .variant-radiobtn-wrapper { display: none; justify-con= tent: center; flex-wrap: wrap; width: 100%; margin-top: -0.5rem; } .ProductItem-details .variant-radiobtn-wrapper input[type=3D"radio"] { disp= lay: none; } .ProductItem-details .variant-radiobtn-wrapper input[type=3D"radio"]:disabl= ed + label { opacity: 0.3; cursor: not-allowed; } .ProductItem-details .variant-radiobtn-wrapper input[type=3D"radio"]:checke= d + label { color: var(--secondaryButtonBackgroundColor); background-color:= var(--secondaryButtonTextColor); } .ProductItem-details .variant-radiobtn-wrapper label { color: var(--seconda= ryButtonTextColor); border-color: var(--secondaryButtonTextColor); backgrou= nd-color: var(--secondaryButtonBackgroundColor); cursor: pointer; margin-to= p: 11px; margin-right: 11px; } .ProductItem-details .variant-radiobtn-wrapper label:first-of-type { margin= -left: 11px; } .ProductItem-details .variant-radiobtn-wrapper label:last-child { margin-ri= ght: 0px; } .tweak-product-basic-item-text-alignment-left .ProductItem-details .variant= -radiobtn-wrapper { justify-content: flex-start; } .tweak-product-basic-item-text-alignment-left .ProductItem-details .variant= -radiobtn-wrapper label:first-of-type { margin-left: 0px; } .tweak-product-basic-item-text-alignment-right .ProductItem-details .varian= t-radiobtn-wrapper { justify-content: flex-end; } .tweak-product-basic-item-text-alignment-right .ProductItem-details .varian= t-radiobtn-wrapper label { margin-left: 11px; margin-right: 0px; } .ProductItem-details .variant-out-of-stock { margin-left: 13px; margin-righ= t: 13px; margin-bottom: 25px; } .ProductItem-details .product-quantity-input { display: block; order: 3; } .ProductItem-details .product-quantity-input input { border: 1px solid grey= ; } .ProductItem-details .product-restock-notification:not([hidden]) { order: 3= ; margin-bottom: 30px; } .ProductItem-details .product-restock-notification:not([hidden]) .product-r= estock-form { margin-top: 20px; } @media only screen and (max-width: 640px) { .ProductItem-details .product-restock-notification:not([hidden]) .product= -restock-form { display: block; } } .ProductItem-details .product-restock-notification:not([hidden]) .product-r= estock-form > input[type=3D"text"] { margin-right: 11px; min-width: 250px; = border: 1px solid rgba(0, 0, 0, 0.12); padding: 1.2rem 2rem; } .ProductItem-details .product-restock-notification:not([hidden]) .product-r= estock-form > input[type=3D"submit"] { padding: 1.2rem 2rem; } @media only screen and (max-width: 640px) { .ProductItem-details .product-restock-notification:not([hidden]) .product= -restock-form > input[type=3D"submit"] { margin-top: 20px; } } .ProductItem-details .product-restock-notification:not([hidden]) .product-r= estock-mailing-list { margin-top: 20px; } .ProductItem-details .product-restock-notification:not([hidden]) .product-r= estock-mailing-list > input[type=3D"checkbox"] { margin-right: 10px; } .ProductItem-details .product-restock-notification:not([hidden]) .product-r= estock-success-message { margin-top: 20px; padding: 14px; background-color:= rgba(0, 0, 0, 0.05); font-size: 1rem; text-align: center; overflow-wrap: b= reak-word; } .ProductItem-details .product-restock-notification:not([hidden]) .product-r= estock-error-message { font-size: 0.7rem; margin-top: 11px; line-height: no= rmal; } .ProductItem-details .sqs-add-to-cart-button-wrapper { margin-bottom: 25px;= order: 4; } .tweak-product-basic-item-text-alignment-center .ProductItem-details .sqs-a= dd-to-cart-button-wrapper { margin: auto; } .tweak-product-basic-item-text-alignment-right .ProductItem-details .sqs-ad= d-to-cart-button-wrapper { margin-right: 0px; margin-left: auto; } .ProductItem-details .ProductItem-view-cart a { text-align: center; padding= : 1em 2.5em; display: block !important; border: none !important; box-shadow= : none !important; } @media (hover: hover) { .ProductItem-details .ProductItem-view-cart a:hover { opacity: 0.8; } } .ProductItem-details .ProductItem-view-cart { opacity: 0; max-height: 0px; = transition: opacity 0.5s ease-out 0s, max-height 0.5s ease-out 0s, margin 0= .25s ease-out 0s; display: block !important; } .ProductItem-details .cart-added + .ProductItem-view-cart { margin-top: 10p= x; opacity: 1; max-height: 200px; } .ProductItem-details .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-butto= n { box-sizing: border-box; width: 100%; } @media screen and (min-width: 768px) { .tweak-product-basic-item-add-to-cart-standalone .ProductItem .ProductIte= m-quantity-add-to-cart { display: block; } .tweak-product-basic-item-add-to-cart-standalone .ProductItem .product-qu= antity-input { margin-bottom: 40px; } .tweak-product-basic-item-add-to-cart-standalone .ProductItem .sqs-add-to= -cart-button-wrapper { width: var(--tweak-product-basic-item-form-width); } .tweak-product-basic-item-add-to-cart-inline .ProductItem .ProductItem-qu= antity-add-to-cart { display: flex; flex-direction: row; align-items: flex-= end; width: var(--tweak-product-basic-item-form-width); } .tweak-product-basic-item-add-to-cart-inline .ProductItem .product-quanti= ty-input { margin-bottom: 0px; margin-right: 1.5rem; } .tweak-product-basic-item-add-to-cart-inline .ProductItem .sqs-add-to-car= t-button-wrapper { margin-bottom: 0px; width: 100%; overflow: hidden; displ= ay: flex; } .tweak-product-basic-item-add-to-cart-inline .ProductItem .sqs-add-to-car= t-button-wrapper .sqs-add-to-cart-button { height: calc(4.5rem + 2px); text= -overflow: clip; display: flex; overflow: hidden; align-items: center; just= ify-content: center; padding: 1.5rem !important; } } @media screen and (max-width: 767px) { .ProductItem .ProductItem-quantity-add-to-cart { order: 4; } .tweak-product-basic-item-add-to-cart-mobile-standalone .ProductItem .Pro= ductItem-quantity-add-to-cart { display: block; } .tweak-product-basic-item-add-to-cart-mobile-standalone .ProductItem .pro= duct-quantity-input { margin-bottom: 40px; } .tweak-product-basic-item-add-to-cart-mobile-standalone .ProductItem .sqs= -add-to-cart-button-wrapper { width: var(--tweak-product-basic-item-form-wi= dth); } .tweak-product-basic-item-add-to-cart-mobile-inline .ProductItem .Product= Item-quantity-add-to-cart { display: flex; align-items: flex-end; width: va= r(--tweak-product-basic-item-form-width); } .tweak-product-basic-item-add-to-cart-mobile-inline .ProductItem .Product= Item-quantity-add-to-cart:has(.product-quantity-input) { margin-bottom: 1.5= rem; } .tweak-product-basic-item-add-to-cart-mobile-inline .ProductItem .product= -quantity-input { margin-bottom: 0px; margin-right: 1.5rem; } .tweak-product-basic-item-add-to-cart-mobile-inline .ProductItem .sqs-add= -to-cart-button-wrapper { overflow: hidden; width: 100%; display: flex; } .tweak-product-basic-item-add-to-cart-mobile-inline .ProductItem .sqs-add= -to-cart-button-wrapper .sqs-add-to-cart-button { height: calc(4.5rem + 2px= ); text-overflow: clip; display: flex; overflow: hidden; align-items: cente= r; justify-content: center; padding: 1.5rem !important; } .tweak-product-basic-item-add-to-cart-mobile-inline .ProductItem .product= -quantity-input ~ .sqs-add-to-cart-button-wrapper { margin-bottom: 0px; } } .ProductItem .ProductItem-quantity-add-to-cart:has(.product-restock-notific= ation:not([hidden])) { display: block; margin-bottom: 0px; } .ProductItem .ProductItem-additional { margin-top: 5vw; padding-top: 0px; } .ProductItem .ProductItem-related .ProductList-item:nth-child(2) ~ .Product= List-item { display: none; } @media only screen and (max-width: 640px) { .ProductItem .ProductItem-related .ProductList-item { margin-right: 15px;= width: calc(50% - 15px); } } .ProductItem .ProductItem-related-label { position: relative; } .tweak-product-basic-item-product-variant-display-dropdown .ProductItem .va= riant-select-wrapper { display: block; } .tweak-product-basic-item-product-variant-display-dropdown .ProductItem .va= riant-radiobtn-wrapper { display: none; } .tweak-product-basic-item-product-variant-display-button .ProductItem .vari= ant-radiobtn-wrapper { display: flex; } .tweak-product-basic-item-product-variant-display-button .ProductItem .vari= ant-select-wrapper { display: none; } .tweak-global-animations-animation-type-flex .ProductItem-nav-breadcrumb .P= roductItem-nav-breadcrumb-link { position: relative; display: inline-block;= text-decoration: none; } .tweak-global-animations-animation-type-flex .ProductItem-nav-breadcrumb .P= roductItem-nav-breadcrumb-link::after { content: ""; position: absolute; wi= dth: 100%; height: 1px; left: 0px; bottom: 0px; background-color: currentco= lor; transform: scaleX(0); transform-origin: right center; transition: tran= sform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s; } @media (hover: hover) { .tweak-global-animations-animation-type-flex .ProductItem-nav-breadcrumb = .ProductItem-nav-breadcrumb-link:hover::after { transform: scaleX(1); trans= form-origin: left center; } } .product-block .product-quantity-input input { border-radius: 0px; outline:= 0px; border: 1px solid grey; text-align: left; box-sizing: border-box; pad= ding: calc(1.2rem - (1em - 1rem)) 1.25em; line-height: normal; background: = transparent !important; } .sqs-product-quick-view-lightbox .ProductItem { padding-bottom: 1vw; } .sqs-product-quick-view-lightbox .ProductItem-details-title { margin: 1rem = 0px; } @media screen and (min-width: 768px) { .sqs-product-quick-view-lightbox .ProductItem-details { padding-left: 2vw= ; } .tweak-product-basic-item-gallery-placement-right .sqs-product-quick-view= -lightbox .ProductItem-details { padding-left: 0px; padding-right: 2vw; } } .sqs-product-quick-view-lightbox .ProductItem-details-quickViewFullItemLink= { border-bottom: 1px solid rgb(179, 179, 179); } .tweak-product-basic-item-gallery-design-stacked .sqs-product-quick-view-li= ghtbox .ProductItem-gallery { float: none; } .tweak-product-basic-item-gallery-design-stacked .sqs-product-quick-view-li= ghtbox .ProductItem-gallery-slides { height: 100%; } .tweak-product-basic-item-gallery-design-stacked .sqs-product-quick-view-li= ghtbox .ProductItem-gallery-slides-item { height: auto; } .tweak-product-basic-item-gallery-design-stacked .sqs-product-quick-view-li= ghtbox .ProductItem-gallery-slides-item-image { position: relative !importa= nt; } .sqs-product-quick-view-lightbox .ProductItem-gallery .ProductItem-gallery-= scroll { height: auto; } .sqs-product-quick-view-lightbox .ProductItem-gallery .ProductItem-gallery-= scroll::after { display: none; } .collection-type-products .pdp-layout .pdp-details .subs-and-otp-option, .p= roduct-detail-section .pdp-layout .pdp-details .subs-and-otp-option, .colle= ction-type-products .pdp-layout .pdp-details .subs-and-otp-option .product-= price, .product-detail-section .pdp-layout .pdp-details .subs-and-otp-optio= n .product-price, .collection-type-products .pdp-layout .pdp-details .subs-= and-otp-option select, .product-detail-section .pdp-layout .pdp-details .su= bs-and-otp-option select { line-height: min(var(--product-basic-item-varian= t-fields-font-line-height), 1.4em); } .collection-type-products .ProductItem-details .ProductItem-details-excerpt= , .product-detail-section .ProductItem-details .ProductItem-details-excerpt= , .collection-type-products .product-detail .ProductItem-details-excerpt, .= product-detail-section .product-detail .ProductItem-details-excerpt, .colle= ction-type-products .ProductItem-details .ProductItem-details-excerpt-below= -price, .product-detail-section .ProductItem-details .ProductItem-details-e= xcerpt-below-price, .collection-type-products .product-detail .ProductItem-= details-excerpt-below-price, .product-detail-section .product-detail .Produ= ctItem-details-excerpt-below-price, .collection-type-products .ProductItem-= details .ProductItem-details-excerpt-below-add-to-cart, .product-detail-sec= tion .ProductItem-details .ProductItem-details-excerpt-below-add-to-cart, .= collection-type-products .product-detail .ProductItem-details-excerpt-below= -add-to-cart, .product-detail-section .product-detail .ProductItem-details-= excerpt-below-add-to-cart, .collection-type-products .ProductItem-details .= ProductItem-details-excerpt-below-add-ons, .product-detail-section .Product= Item-details .ProductItem-details-excerpt-below-add-ons, .collection-type-p= roducts .product-detail .ProductItem-details-excerpt-below-add-ons, .produc= t-detail-section .product-detail .ProductItem-details-excerpt-below-add-ons= , .collection-type-products .ProductItem-details .product-description, .pro= duct-detail-section .ProductItem-details .product-description, .collection-= type-products .product-detail .product-description, .product-detail-section= .product-detail .product-description { font-family: var(--product-basic-it= em-description-font-font-family); font-style: var(--product-basic-item-desc= ription-font-font-style); font-weight: var(--product-basic-item-description= -font-font-weight); line-height: var(--product-basic-item-description-font-= line-height); letter-spacing: var(--product-basic-item-description-font-let= ter-spacing); text-transform: var(--product-basic-item-description-font-tex= t-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .collection-type-products .ProductItem-details .ProductItem-details-excer= pt, .product-detail-section .ProductItem-details .ProductItem-details-excer= pt, .collection-type-products .product-detail .ProductItem-details-excerpt,= .product-detail-section .product-detail .ProductItem-details-excerpt, .col= lection-type-products .ProductItem-details .ProductItem-details-excerpt-bel= ow-price, .product-detail-section .ProductItem-details .ProductItem-details= -excerpt-below-price, .collection-type-products .product-detail .ProductIte= m-details-excerpt-below-price, .product-detail-section .product-detail .Pro= ductItem-details-excerpt-below-price, .collection-type-products .ProductIte= m-details .ProductItem-details-excerpt-below-add-to-cart, .product-detail-s= ection .ProductItem-details .ProductItem-details-excerpt-below-add-to-cart,= .collection-type-products .product-detail .ProductItem-details-excerpt-bel= ow-add-to-cart, .product-detail-section .product-detail .ProductItem-detail= s-excerpt-below-add-to-cart, .collection-type-products .ProductItem-details= .ProductItem-details-excerpt-below-add-ons, .product-detail-section .Produ= ctItem-details .ProductItem-details-excerpt-below-add-ons, .collection-type= -products .product-detail .ProductItem-details-excerpt-below-add-ons, .prod= uct-detail-section .product-detail .ProductItem-details-excerpt-below-add-o= ns, .collection-type-products .ProductItem-details .product-description, .p= roduct-detail-section .ProductItem-details .product-description, .collectio= n-type-products .product-detail .product-description, .product-detail-secti= on .product-detail .product-description { font-size: calc((var(--product-ba= sic-item-description-font-font-size-value) - 1) * calc(.012 * min(100vh, 90= 0px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .collection-type-products .ProductItem-details .ProductItem-details-excer= pt, .product-detail-section .ProductItem-details .ProductItem-details-excer= pt, .collection-type-products .product-detail .ProductItem-details-excerpt,= .product-detail-section .product-detail .ProductItem-details-excerpt, .col= lection-type-products .ProductItem-details .ProductItem-details-excerpt-bel= ow-price, .product-detail-section .ProductItem-details .ProductItem-details= -excerpt-below-price, .collection-type-products .product-detail .ProductIte= m-details-excerpt-below-price, .product-detail-section .product-detail .Pro= ductItem-details-excerpt-below-price, .collection-type-products .ProductIte= m-details .ProductItem-details-excerpt-below-add-to-cart, .product-detail-s= ection .ProductItem-details .ProductItem-details-excerpt-below-add-to-cart,= .collection-type-products .product-detail .ProductItem-details-excerpt-bel= ow-add-to-cart, .product-detail-section .product-detail .ProductItem-detail= s-excerpt-below-add-to-cart, .collection-type-products .ProductItem-details= .ProductItem-details-excerpt-below-add-ons, .product-detail-section .Produ= ctItem-details .ProductItem-details-excerpt-below-add-ons, .collection-type= -products .product-detail .ProductItem-details-excerpt-below-add-ons, .prod= uct-detail-section .product-detail .ProductItem-details-excerpt-below-add-o= ns, .collection-type-products .ProductItem-details .product-description, .p= roduct-detail-section .ProductItem-details .product-description, .collectio= n-type-products .product-detail .product-description, .product-detail-secti= on .product-detail .product-description { font-size: calc((var(--product-ba= sic-item-description-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .collection-type-products .ProductItem-details .ProductItem-details-excer= pt, .product-detail-section .ProductItem-details .ProductItem-details-excer= pt, .collection-type-products .product-detail .ProductItem-details-excerpt,= .product-detail-section .product-detail .ProductItem-details-excerpt, .col= lection-type-products .ProductItem-details .ProductItem-details-excerpt-bel= ow-price, .product-detail-section .ProductItem-details .ProductItem-details= -excerpt-below-price, .collection-type-products .product-detail .ProductIte= m-details-excerpt-below-price, .product-detail-section .product-detail .Pro= ductItem-details-excerpt-below-price, .collection-type-products .ProductIte= m-details .ProductItem-details-excerpt-below-add-to-cart, .product-detail-s= ection .ProductItem-details .ProductItem-details-excerpt-below-add-to-cart,= .collection-type-products .product-detail .ProductItem-details-excerpt-bel= ow-add-to-cart, .product-detail-section .product-detail .ProductItem-detail= s-excerpt-below-add-to-cart, .collection-type-products .ProductItem-details= .ProductItem-details-excerpt-below-add-ons, .product-detail-section .Produ= ctItem-details .ProductItem-details-excerpt-below-add-ons, .collection-type= -products .product-detail .ProductItem-details-excerpt-below-add-ons, .prod= uct-detail-section .product-detail .ProductItem-details-excerpt-below-add-o= ns, .collection-type-products .ProductItem-details .product-description, .p= roduct-detail-section .ProductItem-details .product-description, .collectio= n-type-products .product-detail .product-description, .product-detail-secti= on .product-detail .product-description { font-size: calc(var(--product-bas= ic-item-description-font-font-size-value) * 1rem); } } .collection-type-products .ProductItem-details h1.ProductItem-details-title= , .product-detail-section .ProductItem-details h1.ProductItem-details-title= , .collection-type-products .product-detail h1.ProductItem-details-title, .= product-detail-section .product-detail h1.ProductItem-details-title, .colle= ction-type-products .ProductItem-details h1.product-title, .product-detail-= section .ProductItem-details h1.product-title, .collection-type-products .p= roduct-detail h1.product-title, .product-detail-section .product-detail h1.= product-title { font-family: var(--product-basic-item-title-font-font-famil= y); font-style: var(--product-basic-item-title-font-font-style); font-weigh= t: var(--product-basic-item-title-font-font-weight); line-height: var(--pro= duct-basic-item-title-font-line-height); letter-spacing: var(--product-basi= c-item-title-font-letter-spacing); text-transform: var(--product-basic-item= -title-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .collection-type-products .ProductItem-details h1.ProductItem-details-tit= le, .product-detail-section .ProductItem-details h1.ProductItem-details-tit= le, .collection-type-products .product-detail h1.ProductItem-details-title,= .product-detail-section .product-detail h1.ProductItem-details-title, .col= lection-type-products .ProductItem-details h1.product-title, .product-detai= l-section .ProductItem-details h1.product-title, .collection-type-products = .product-detail h1.product-title, .product-detail-section .product-detail h= 1.product-title { font-size: calc((var(--product-basic-item-title-font-font= -size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .collection-type-products .ProductItem-details h1.ProductItem-details-tit= le, .product-detail-section .ProductItem-details h1.ProductItem-details-tit= le, .collection-type-products .product-detail h1.ProductItem-details-title,= .product-detail-section .product-detail h1.ProductItem-details-title, .col= lection-type-products .ProductItem-details h1.product-title, .product-detai= l-section .ProductItem-details h1.product-title, .collection-type-products = .product-detail h1.product-title, .product-detail-section .product-detail h= 1.product-title { font-size: calc((var(--product-basic-item-title-font-font= -size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .collection-type-products .ProductItem-details h1.ProductItem-details-tit= le, .product-detail-section .ProductItem-details h1.ProductItem-details-tit= le, .collection-type-products .product-detail h1.ProductItem-details-title,= .product-detail-section .product-detail h1.ProductItem-details-title, .col= lection-type-products .ProductItem-details h1.product-title, .product-detai= l-section .ProductItem-details h1.product-title, .collection-type-products = .product-detail h1.product-title, .product-detail-section .product-detail h= 1.product-title { font-size: calc(var(--product-basic-item-title-font-font-= size-value) * 1rem); } } .collection-type-products .ProductItem-details .product-price, .product-det= ail-section .ProductItem-details .product-price, .collection-type-products = .product-detail .product-price, .product-detail-section .product-detail .pr= oduct-price { font-family: var(--product-basic-item-price-font-font-family)= ; font-style: var(--product-basic-item-price-font-font-style); font-weight:= var(--product-basic-item-price-font-font-weight); line-height: var(--produ= ct-basic-item-price-font-line-height); letter-spacing: var(--product-basic-= item-price-font-letter-spacing); text-transform: var(--product-basic-item-p= rice-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .collection-type-products .ProductItem-details .product-price, .product-d= etail-section .ProductItem-details .product-price, .collection-type-product= s .product-detail .product-price, .product-detail-section .product-detail .= product-price { font-size: calc((var(--product-basic-item-price-font-font-s= ize-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .collection-type-products .ProductItem-details .product-price, .product-d= etail-section .ProductItem-details .product-price, .collection-type-product= s .product-detail .product-price, .product-detail-section .product-detail .= product-price { font-size: calc((var(--product-basic-item-price-font-font-s= ize-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .collection-type-products .ProductItem-details .product-price, .product-d= etail-section .ProductItem-details .product-price, .collection-type-product= s .product-detail .product-price, .product-detail-section .product-detail .= product-price { font-size: calc(var(--product-basic-item-price-font-font-si= ze-value) * 1rem); } } .collection-type-products .ProductItem-details .variant-option, .product-de= tail-section .ProductItem-details .variant-option, .collection-type-product= s .product-detail .variant-option, .product-detail-section .product-detail = .variant-option, .collection-type-products .ProductItem-details .product-qu= antity-input, .product-detail-section .ProductItem-details .product-quantit= y-input, .collection-type-products .product-detail .product-quantity-input,= .product-detail-section .product-detail .product-quantity-input, .collecti= on-type-products .ProductItem-details .pdp-subscriptions-and-otp .frequency= -label, .product-detail-section .ProductItem-details .pdp-subscriptions-and= -otp .frequency-label, .collection-type-products .product-detail .pdp-subsc= riptions-and-otp .frequency-label, .product-detail-section .product-detail = .pdp-subscriptions-and-otp .frequency-label { font-family: var(--product-ba= sic-item-variant-fields-font-font-family); font-style: var(--product-basic-= item-variant-fields-font-font-style); font-weight: var(--product-basic-item= -variant-fields-font-font-weight); line-height: var(--product-basic-item-va= riant-fields-font-line-height); letter-spacing: var(--product-basic-item-va= riant-fields-font-letter-spacing); text-transform: var(--product-basic-item= -variant-fields-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .collection-type-products .ProductItem-details .variant-option, .product-= detail-section .ProductItem-details .variant-option, .collection-type-produ= cts .product-detail .variant-option, .product-detail-section .product-detai= l .variant-option, .collection-type-products .ProductItem-details .product-= quantity-input, .product-detail-section .ProductItem-details .product-quant= ity-input, .collection-type-products .product-detail .product-quantity-inpu= t, .product-detail-section .product-detail .product-quantity-input, .collec= tion-type-products .ProductItem-details .pdp-subscriptions-and-otp .frequen= cy-label, .product-detail-section .ProductItem-details .pdp-subscriptions-a= nd-otp .frequency-label, .collection-type-products .product-detail .pdp-sub= scriptions-and-otp .frequency-label, .product-detail-section .product-detai= l .pdp-subscriptions-and-otp .frequency-label { font-size: calc((var(--prod= uct-basic-item-variant-fields-font-font-size-value) - 1) * calc(.012 * min(= 100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .collection-type-products .ProductItem-details .variant-option, .product-= detail-section .ProductItem-details .variant-option, .collection-type-produ= cts .product-detail .variant-option, .product-detail-section .product-detai= l .variant-option, .collection-type-products .ProductItem-details .product-= quantity-input, .product-detail-section .ProductItem-details .product-quant= ity-input, .collection-type-products .product-detail .product-quantity-inpu= t, .product-detail-section .product-detail .product-quantity-input, .collec= tion-type-products .ProductItem-details .pdp-subscriptions-and-otp .frequen= cy-label, .product-detail-section .ProductItem-details .pdp-subscriptions-a= nd-otp .frequency-label, .collection-type-products .product-detail .pdp-sub= scriptions-and-otp .frequency-label, .product-detail-section .product-detai= l .pdp-subscriptions-and-otp .frequency-label { font-size: calc((var(--prod= uct-basic-item-variant-fields-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .collection-type-products .ProductItem-details .variant-option, .product-= detail-section .ProductItem-details .variant-option, .collection-type-produ= cts .product-detail .variant-option, .product-detail-section .product-detai= l .variant-option, .collection-type-products .ProductItem-details .product-= quantity-input, .product-detail-section .ProductItem-details .product-quant= ity-input, .collection-type-products .product-detail .product-quantity-inpu= t, .product-detail-section .product-detail .product-quantity-input, .collec= tion-type-products .ProductItem-details .pdp-subscriptions-and-otp .frequen= cy-label, .product-detail-section .ProductItem-details .pdp-subscriptions-a= nd-otp .frequency-label, .collection-type-products .product-detail .pdp-sub= scriptions-and-otp .frequency-label, .product-detail-section .product-detai= l .pdp-subscriptions-and-otp .frequency-label { font-size: calc(var(--produ= ct-basic-item-variant-fields-font-font-size-value) * 1rem); } } .collection-type-products .ProductItem-details .subs-and-otp-option, .produ= ct-detail-section .ProductItem-details .subs-and-otp-option, .collection-ty= pe-products .product-detail .subs-and-otp-option, .product-detail-section .= product-detail .subs-and-otp-option, .collection-type-products .ProductItem= -details .subs-and-otp-option .product-price, .product-detail-section .Prod= uctItem-details .subs-and-otp-option .product-price, .collection-type-produ= cts .product-detail .subs-and-otp-option .product-price, .product-detail-se= ction .product-detail .subs-and-otp-option .product-price, .collection-type= -products .ProductItem-details .subs-and-otp-option select, .product-detail= -section .ProductItem-details .subs-and-otp-option select, .collection-type= -products .product-detail .subs-and-otp-option select, .product-detail-sect= ion .product-detail .subs-and-otp-option select { font-family: var(--produc= t-basic-item-variant-fields-font-font-family); font-style: var(--product-ba= sic-item-variant-fields-font-font-style); font-weight: var(--product-basic-= item-variant-fields-font-font-weight); letter-spacing: var(--product-basic-= item-variant-fields-font-letter-spacing); text-transform: var(--product-bas= ic-item-variant-fields-font-text-transform); line-height: min(var(--product= -basic-item-variant-fields-font-line-height), 1.4em); } @media screen and (max-width: 767px) and (orientation: portrait) { .collection-type-products .ProductItem-details .subs-and-otp-option, .pro= duct-detail-section .ProductItem-details .subs-and-otp-option, .collection-= type-products .product-detail .subs-and-otp-option, .product-detail-section= .product-detail .subs-and-otp-option, .collection-type-products .ProductIt= em-details .subs-and-otp-option .product-price, .product-detail-section .Pr= oductItem-details .subs-and-otp-option .product-price, .collection-type-pro= ducts .product-detail .subs-and-otp-option .product-price, .product-detail-= section .product-detail .subs-and-otp-option .product-price, .collection-ty= pe-products .ProductItem-details .subs-and-otp-option select, .product-deta= il-section .ProductItem-details .subs-and-otp-option select, .collection-ty= pe-products .product-detail .subs-and-otp-option select, .product-detail-se= ction .product-detail .subs-and-otp-option select { font-size: calc((var(--= product-basic-item-variant-fields-font-font-size-value) - 1) * calc(.012 * = min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .collection-type-products .ProductItem-details .subs-and-otp-option, .pro= duct-detail-section .ProductItem-details .subs-and-otp-option, .collection-= type-products .product-detail .subs-and-otp-option, .product-detail-section= .product-detail .subs-and-otp-option, .collection-type-products .ProductIt= em-details .subs-and-otp-option .product-price, .product-detail-section .Pr= oductItem-details .subs-and-otp-option .product-price, .collection-type-pro= ducts .product-detail .subs-and-otp-option .product-price, .product-detail-= section .product-detail .subs-and-otp-option .product-price, .collection-ty= pe-products .ProductItem-details .subs-and-otp-option select, .product-deta= il-section .ProductItem-details .subs-and-otp-option select, .collection-ty= pe-products .product-detail .subs-and-otp-option select, .product-detail-se= ction .product-detail .subs-and-otp-option select { font-size: calc((var(--= product-basic-item-variant-fields-font-font-size-value) - 1) * 1.2vw + 1rem= ); } } @media screen and (min-width: 1484px) { .collection-type-products .ProductItem-details .subs-and-otp-option, .pro= duct-detail-section .ProductItem-details .subs-and-otp-option, .collection-= type-products .product-detail .subs-and-otp-option, .product-detail-section= .product-detail .subs-and-otp-option, .collection-type-products .ProductIt= em-details .subs-and-otp-option .product-price, .product-detail-section .Pr= oductItem-details .subs-and-otp-option .product-price, .collection-type-pro= ducts .product-detail .subs-and-otp-option .product-price, .product-detail-= section .product-detail .subs-and-otp-option .product-price, .collection-ty= pe-products .ProductItem-details .subs-and-otp-option select, .product-deta= il-section .ProductItem-details .subs-and-otp-option select, .collection-ty= pe-products .product-detail .subs-and-otp-option select, .product-detail-se= ction .product-detail .subs-and-otp-option select { font-size: calc(var(--p= roduct-basic-item-variant-fields-font-font-size-value) * 1rem); } } .collection-type-products .ProductItem-details .product-scarcity, .product-= detail-section .ProductItem-details .product-scarcity, .collection-type-pro= ducts .product-detail .product-scarcity, .product-detail-section .product-d= etail .product-scarcity { font-family: var(--product-basic-item-scarcity-fo= nt-font-family); font-style: var(--product-basic-item-scarcity-font-font-st= yle); font-weight: var(--product-basic-item-scarcity-font-font-weight); lin= e-height: var(--product-basic-item-scarcity-font-line-height); letter-spaci= ng: var(--product-basic-item-scarcity-font-letter-spacing); text-transform:= var(--product-basic-item-scarcity-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .collection-type-products .ProductItem-details .product-scarcity, .produc= t-detail-section .ProductItem-details .product-scarcity, .collection-type-p= roducts .product-detail .product-scarcity, .product-detail-section .product= -detail .product-scarcity { font-size: calc((var(--product-basic-item-scarc= ity-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .collection-type-products .ProductItem-details .product-scarcity, .produc= t-detail-section .ProductItem-details .product-scarcity, .collection-type-p= roducts .product-detail .product-scarcity, .product-detail-section .product= -detail .product-scarcity { font-size: calc((var(--product-basic-item-scarc= ity-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .collection-type-products .ProductItem-details .product-scarcity, .produc= t-detail-section .ProductItem-details .product-scarcity, .collection-type-p= roducts .product-detail .product-scarcity, .product-detail-section .product= -detail .product-scarcity { font-size: calc(var(--product-basic-item-scarci= ty-font-font-size-value) * 1rem); } } .collection-type-products .ProductItem-details .pdp-product-add-ons, .produ= ct-detail-section .ProductItem-details .pdp-product-add-ons, .collection-ty= pe-products .product-detail .pdp-product-add-ons, .product-detail-section .= product-detail .pdp-product-add-ons, .collection-type-products .ProductItem= -details .pdp-product-add-ons .product-price, .product-detail-section .Prod= uctItem-details .pdp-product-add-ons .product-price, .collection-type-produ= cts .product-detail .pdp-product-add-ons .product-price, .product-detail-se= ction .product-detail .pdp-product-add-ons .product-price, .collection-type= -products .ProductItem-details .pdp-product-add-ons .variant-option select,= .product-detail-section .ProductItem-details .pdp-product-add-ons .variant= -option select, .collection-type-products .product-detail .pdp-product-add-= ons .variant-option select, .product-detail-section .product-detail .pdp-pr= oduct-add-ons .variant-option select, .collection-type-products .ProductIte= m-details .product-add-ons, .product-detail-section .ProductItem-details .p= roduct-add-ons, .collection-type-products .product-detail .product-add-ons,= .product-detail-section .product-detail .product-add-ons, .collection-type= -products .ProductItem-details .product-add-ons .product-price, .product-de= tail-section .ProductItem-details .product-add-ons .product-price, .collect= ion-type-products .product-detail .product-add-ons .product-price, .product= -detail-section .product-detail .product-add-ons .product-price, .collectio= n-type-products .ProductItem-details .product-add-ons .variant-option selec= t, .product-detail-section .ProductItem-details .product-add-ons .variant-o= ption select, .collection-type-products .product-detail .product-add-ons .v= ariant-option select, .product-detail-section .product-detail .product-add-= ons .variant-option select { font-family: var(--product-basic-item-descript= ion-font-font-family); font-style: var(--product-basic-item-description-fon= t-font-style); font-weight: var(--product-basic-item-description-font-font-= weight); letter-spacing: var(--product-basic-item-description-font-letter-s= pacing); text-transform: var(--product-basic-item-description-font-text-tra= nsform); line-height: max(var(--product-basic-item-description-font-line-he= ight), 0.75em); } .collection-type-products .grid-title, .product-list-section .grid-title, .= collection-type-products .product-list-item-title, .product-list-section .p= roduct-list-item-title { font-family: var(--product-grid-text-below-title-f= ont-font-family); font-style: var(--product-grid-text-below-title-font-font= -style); font-weight: var(--product-grid-text-below-title-font-font-weight)= ; line-height: var(--product-grid-text-below-title-font-line-height); lette= r-spacing: var(--product-grid-text-below-title-font-letter-spacing); text-t= ransform: var(--product-grid-text-below-title-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .collection-type-products .grid-title, .product-list-section .grid-title,= .collection-type-products .product-list-item-title, .product-list-section = .product-list-item-title { font-size: calc((var(--product-grid-text-below-t= itle-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .collection-type-products .grid-title, .product-list-section .grid-title,= .collection-type-products .product-list-item-title, .product-list-section = .product-list-item-title { font-size: calc((var(--product-grid-text-below-t= itle-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .collection-type-products .grid-title, .product-list-section .grid-title,= .collection-type-products .product-list-item-title, .product-list-section = .product-list-item-title { font-size: calc(var(--product-grid-text-below-ti= tle-font-font-size-value) * 1rem); } } .collection-type-products .grid-prices, .product-list-section .grid-prices,= .collection-type-products .product-list-item-price, .product-list-section = .product-list-item-price { font-family: var(--product-grid-text-below-price= -font-font-family); font-style: var(--product-grid-text-below-price-font-fo= nt-style); font-weight: var(--product-grid-text-below-price-font-font-weigh= t); line-height: var(--product-grid-text-below-price-font-line-height); let= ter-spacing: var(--product-grid-text-below-price-font-letter-spacing); text= -transform: var(--product-grid-text-below-price-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .collection-type-products .grid-prices, .product-list-section .grid-price= s, .collection-type-products .product-list-item-price, .product-list-sectio= n .product-list-item-price { font-size: calc((var(--product-grid-text-below= -price-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem);= } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .collection-type-products .grid-prices, .product-list-section .grid-price= s, .collection-type-products .product-list-item-price, .product-list-sectio= n .product-list-item-price { font-size: calc((var(--product-grid-text-below= -price-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .collection-type-products .grid-prices, .product-list-section .grid-price= s, .collection-type-products .product-list-item-price, .product-list-sectio= n .product-list-item-price { font-size: calc(var(--product-grid-text-below-= price-font-font-size-value) * 1rem); } } .collection-type-products .grid-meta-status, .product-list-section .grid-me= ta-status, .collection-type-products .product-list-item-status, .product-li= st-section .product-list-item-status { font-family: var(--product-grid-text= -below-status-font-font-family); font-style: var(--product-grid-text-below-= status-font-font-style); font-weight: var(--product-grid-text-below-status-= font-font-weight); line-height: var(--product-grid-text-below-status-font-l= ine-height); letter-spacing: var(--product-grid-text-below-status-font-lett= er-spacing); text-transform: var(--product-grid-text-below-status-font-text= -transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .collection-type-products .grid-meta-status, .product-list-section .grid-= meta-status, .collection-type-products .product-list-item-status, .product-= list-section .product-list-item-status { font-size: calc((var(--product-gri= d-text-below-status-font-font-size-value) - 1) * calc(.012 * min(100vh, 900= px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .collection-type-products .grid-meta-status, .product-list-section .grid-= meta-status, .collection-type-products .product-list-item-status, .product-= list-section .product-list-item-status { font-size: calc((var(--product-gri= d-text-below-status-font-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .collection-type-products .grid-meta-status, .product-list-section .grid-= meta-status, .collection-type-products .product-list-item-status, .product-= list-section .product-list-item-status { font-size: calc(var(--product-grid= -text-below-status-font-font-size-value) * 1rem); } } .collection-type-products .product-scarcity, .product-list-section .product= -scarcity { font-family: var(--product-grid-text-below-scarcity-font-font-f= amily); font-style: var(--product-grid-text-below-scarcity-font-font-style)= ; font-weight: var(--product-grid-text-below-scarcity-font-font-weight); li= ne-height: var(--product-grid-text-below-scarcity-font-line-height); letter= -spacing: var(--product-grid-text-below-scarcity-font-letter-spacing); text= -transform: var(--product-grid-text-below-scarcity-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .collection-type-products .product-scarcity, .product-list-section .produ= ct-scarcity { font-size: calc((var(--product-grid-text-below-scarcity-font-= font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .collection-type-products .product-scarcity, .product-list-section .produ= ct-scarcity { font-size: calc((var(--product-grid-text-below-scarcity-font-= font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .collection-type-products .product-scarcity, .product-list-section .produ= ct-scarcity { font-size: calc(var(--product-grid-text-below-scarcity-font-f= ont-size-value) * 1rem); } } .collection-type-products .plp-grid-add-to-cart .variant-option select, .pr= oduct-list-section .plp-grid-add-to-cart .variant-option select { font-fami= ly: var(--product-grid-text-below-price-font-font-family); font-style: var(= --product-grid-text-below-price-font-font-style); font-weight: var(--produc= t-grid-text-below-price-font-font-weight); line-height: var(--product-grid-= text-below-price-font-line-height); letter-spacing: var(--product-grid-text= -below-price-font-letter-spacing); text-transform: var(--product-grid-text-= below-price-font-text-transform); } @media screen and (max-width: 767px) and (orientation: portrait) { .collection-type-products .plp-grid-add-to-cart .variant-option select, .= product-list-section .plp-grid-add-to-cart .variant-option select { font-si= ze: calc((var(--product-grid-text-below-price-font-font-size-value) - 1) * = calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .collection-type-products .plp-grid-add-to-cart .variant-option select, .= product-list-section .plp-grid-add-to-cart .variant-option select { font-si= ze: calc((var(--product-grid-text-below-price-font-font-size-value) - 1) * = 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { .collection-type-products .plp-grid-add-to-cart .variant-option select, .= product-list-section .plp-grid-add-to-cart .variant-option select { font-si= ze: calc(var(--product-grid-text-below-price-font-font-size-value) * 1rem);= } } .portfolio-grid-basic { display: grid; grid-template-columns: repeat(3, min= max(0px, 1fr)); gap: 30px; grid-auto-rows: min-content; } .tweak-portfolio-grid-basic-width-full .portfolio-grid-basic { width: 100%;= padding-left: 3vw; padding-right: 3vw; } .tweak-portfolio-grid-basic-width-inset .portfolio-grid-basic { max-width: = 1400px; padding-left: 3vw; padding-right: 3vw; margin: 0px auto; } @media screen and (max-width: 767px) { .tweak-portfolio-grid-basic-width-full .portfolio-grid-basic { padding-le= ft: 6vw; padding-right: 6vw; } .tweak-portfolio-grid-basic-width-inset .portfolio-grid-basic { padding-l= eft: 6vw; padding-right: 6vw; } } .portfolio-grid-basic .grid-item .grid-image { width: 100%; position: relat= ive; overflow: hidden; margin: 0px; line-height: 0; } .portfolio-grid-basic .grid-item .grid-image .grid-image-inner-wrapper { po= sition: absolute; inset: 0px; } @media screen and (max-width: 767px) { .portfolio-grid-basic { grid-template-columns: repeat(1, minmax(0px, 1fr)= ); } } .portfolio-grid-basic .grid-item { display: flex; flex-direction: column; } .portfolio-grid-basic .grid-item .grid-image { order: 1; transition: opacit= y 200ms ease 0s; } .portfolio-grid-basic .grid-item .portfolio-text { margin-top: 20px; order:= 2; position: relative; } .portfolio-grid-basic .grid-item .portfolio-title { margin-top: 0px; paddin= g-top: 0px; margin-bottom: 0.5em; } .portfolio-grid-basic .grid-item .grid-image-inner-wrapper > img { object-f= it: cover; width: 100%; height: 100%; } @media (hover: hover) { .portfolio-grid-basic .grid-item:hover .grid-image { opacity: 0.7; } } .tweak-portfolio-grid-basic-text-alignment-center .portfolio-grid-basic { t= ext-align: center; } .tweak-portfolio-grid-basic-image-aspect-ratio-11-square .portfolio-grid-ba= sic .grid-image { padding-bottom: 100%; } .tweak-portfolio-grid-basic-image-aspect-ratio-32-standard .portfolio-grid-= basic .grid-image { padding-bottom: 66.666%; } .tweak-portfolio-grid-basic-image-aspect-ratio-23-standard-vertical .portfo= lio-grid-basic .grid-image { padding-bottom: 150%; } .tweak-portfolio-grid-basic-image-aspect-ratio-43-four-three .portfolio-gri= d-basic .grid-image { padding-bottom: 75%; } .tweak-portfolio-grid-basic-image-aspect-ratio-34-three-four-vertical .port= folio-grid-basic .grid-image { padding-bottom: 133.333%; } .tweak-portfolio-grid-basic-image-aspect-ratio-169-widescreen .portfolio-gr= id-basic .grid-image { padding-bottom: 56.25%; } .tweak-portfolio-grid-basic-image-aspect-ratio-240-anamorphic-widescreen .p= ortfolio-grid-basic .grid-image { padding-bottom: 41.666%; } .tweak-portfolio-grid-basic-image-aspect-ratio-ultra-widescreen .portfolio-= grid-basic .grid-image { padding-bottom: 41.666%; } .tweak-portfolio-grid-basic-hover-effect-zoom .portfolio-grid-basic .grid-i= tem .grid-image img { transition: transform 400ms ease 0s; } @media (hover: hover) { .tweak-portfolio-grid-basic-hover-effect-zoom .portfolio-grid-basic .grid= -item:hover .grid-image { opacity: 1; } .tweak-portfolio-grid-basic-hover-effect-zoom .portfolio-grid-basic .grid= -item:hover .grid-image img { transform: scale(1.1); } } .tweak-portfolio-grid-basic-height-small .portfolio-grid-basic { padding-to= p: 3.3vw; padding-bottom: 3.3vw; min-height: 33vh; } .tweak-portfolio-grid-basic-height-medium .portfolio-grid-basic { padding-t= op: 6.6vw; padding-bottom: 6.6vw; min-height: 66vh; } .tweak-portfolio-grid-basic-height-large .portfolio-grid-basic { padding-to= p: 10vw; padding-bottom: 10vw; min-height: 100vh; } .tweak-portfolio-grid-basic-height-custom .portfolio-grid-basic { padding-t= op: 5vw; padding-bottom: 5vw; min-height: 50vh; } .index-item-navigation { margin: 2vw 0px; } .index-item-navigation .index-nav-link { padding: 10px; } .portfolio-grid-overlay { display: grid; grid-template-columns: repeat(3, m= inmax(0px, 1fr)); gap: 30px; grid-auto-rows: min-content; } .tweak-portfolio-grid-overlay-width-full .portfolio-grid-overlay { width: 1= 00%; padding-left: 3vw; padding-right: 3vw; } .tweak-portfolio-grid-overlay-width-inset .portfolio-grid-overlay { max-wid= th: 1400px; padding-left: 3vw; padding-right: 3vw; margin: 0px auto; } @media screen and (max-width: 767px) { .tweak-portfolio-grid-overlay-width-full .portfolio-grid-overlay { paddin= g-left: 6vw; padding-right: 6vw; } .tweak-portfolio-grid-overlay-width-inset .portfolio-grid-overlay { paddi= ng-left: 6vw; padding-right: 6vw; } } .portfolio-grid-overlay .grid-item .grid-image { width: 100%; position: rel= ative; overflow: hidden; margin: 0px; line-height: 0; } .portfolio-grid-overlay .grid-item .grid-image .grid-image-inner-wrapper { = position: absolute; inset: 0px; } @media screen and (max-width: 767px) { .portfolio-grid-overlay { grid-template-columns: repeat(1, minmax(0px, 1f= r)); } } .portfolio-grid-overlay .grid-item { position: relative; height: 0px; } .portfolio-grid-overlay .grid-item .portfolio-overlay { position: absolute;= top: 0px; left: 0px; width: 100%; height: 100%; transition: opacity 200ms = ease 0s; z-index: 99; } .portfolio-grid-overlay .grid-item .portfolio-text { position: absolute; in= set: 0px; overflow: auto; display: flex; place-content: center; flex-direct= ion: column; padding: 7%; text-align: center; z-index: 100; transition: opa= city 200ms ease 0s; } .portfolio-grid-overlay .grid-item .portfolio-text .portfolio-title { margi= n-top: 0px; padding-top: 0px; margin-bottom: 0px; } .portfolio-grid-overlay .grid-item .grid-image-inner-wrapper > img { object= -fit: cover; width: 100%; height: 100%; } .tweak-portfolio-grid-overlay-image-aspect-ratio-11-square .portfolio-grid-= overlay .grid-image, .tweak-portfolio-grid-overlay-image-aspect-ratio-11-sq= uare .portfolio-grid-overlay .grid-item { padding-bottom: 100%; } .tweak-portfolio-grid-overlay-image-aspect-ratio-32-standard .portfolio-gri= d-overlay .grid-image, .tweak-portfolio-grid-overlay-image-aspect-ratio-32-= standard .portfolio-grid-overlay .grid-item { padding-bottom: 66.666%; } .tweak-portfolio-grid-overlay-image-aspect-ratio-23-standard-vertical .port= folio-grid-overlay .grid-image, .tweak-portfolio-grid-overlay-image-aspect-= ratio-23-standard-vertical .portfolio-grid-overlay .grid-item { padding-bot= tom: 150%; } .tweak-portfolio-grid-overlay-image-aspect-ratio-43-four-three .portfolio-g= rid-overlay .grid-image, .tweak-portfolio-grid-overlay-image-aspect-ratio-4= 3-four-three .portfolio-grid-overlay .grid-item { padding-bottom: 75%; } .tweak-portfolio-grid-overlay-image-aspect-ratio-34-three-four-vertical .po= rtfolio-grid-overlay .grid-image, .tweak-portfolio-grid-overlay-image-aspec= t-ratio-34-three-four-vertical .portfolio-grid-overlay .grid-item { padding= -bottom: 133.333%; } .tweak-portfolio-grid-overlay-image-aspect-ratio-169-widescreen .portfolio-= grid-overlay .grid-image, .tweak-portfolio-grid-overlay-image-aspect-ratio-= 169-widescreen .portfolio-grid-overlay .grid-item { padding-bottom: 56.25%;= } .tweak-portfolio-grid-overlay-image-aspect-ratio-240-anamorphic-widescreen = .portfolio-grid-overlay .grid-image, .tweak-portfolio-grid-overlay-image-as= pect-ratio-ultra-widescreen .portfolio-grid-overlay .grid-image, .tweak-por= tfolio-grid-overlay-image-aspect-ratio-240-anamorphic-widescreen .portfolio= -grid-overlay .grid-item, .tweak-portfolio-grid-overlay-image-aspect-ratio-= ultra-widescreen .portfolio-grid-overlay .grid-item { padding-bottom: 41.66= 6%; } .tweak-portfolio-grid-overlay-show-text-before-hover .portfolio-grid-overla= y .grid-item .portfolio-text { opacity: 1; } .tweak-portfolio-grid-overlay-show-text-before-hover .portfolio-grid-overla= y .grid-item .portfolio-overlay { opacity: 0.85; } @media (hover: hover) { .tweak-portfolio-grid-overlay-show-text-before-hover .portfolio-grid-over= lay .grid-item:hover .portfolio-text, .tweak-portfolio-grid-overlay-show-te= xt-before-hover .portfolio-grid-overlay .grid-item:hover .portfolio-overlay= { opacity: 0; } } .tweak-portfolio-grid-overlay-show-text-after-hover .portfolio-grid-overlay= .grid-item .portfolio-text, .tweak-portfolio-grid-overlay-show-text-after-= hover .portfolio-grid-overlay .grid-item .portfolio-overlay { opacity: 0; } .tweak-portfolio-grid-overlay-show-text-after-hover .portfolio-grid-overlay= .grid-item:focus .portfolio-text { opacity: 1; } .tweak-portfolio-grid-overlay-show-text-after-hover .portfolio-grid-overlay= .grid-item:focus .portfolio-overlay { opacity: 0.85; } @media (hover: none) { .tweak-portfolio-grid-overlay-show-text-after-hover .portfolio-grid-overl= ay .grid-item:focus:not(:focus-visible) .portfolio-text, .tweak-portfolio-g= rid-overlay-show-text-after-hover .portfolio-grid-overlay .grid-item:focus:= not(:focus-visible) .portfolio-overlay { opacity: 0; } } @media (hover: hover) { .tweak-portfolio-grid-overlay-show-text-after-hover .portfolio-grid-overl= ay .grid-item:hover .portfolio-text { opacity: 1; } .tweak-portfolio-grid-overlay-show-text-after-hover .portfolio-grid-overl= ay .grid-item:hover .portfolio-overlay { opacity: 0.85; } .tweak-portfolio-grid-overlay-show-text-after-hover .portfolio-grid-overl= ay .grid-item:not(:hover):focus:not(:focus-visible) .portfolio-text, .tweak= -portfolio-grid-overlay-show-text-after-hover .portfolio-grid-overlay .grid= -item:not(:hover):focus:not(:focus-visible) .portfolio-overlay { opacity: 0= ; } } @media (hover: hover) { .tweak-global-animations-animation-type-flex .portfolio-grid-overlay .por= tfolio-text { transition-duration: 0s; transition-timing-function: ease; tr= ansition-property: none; transition-delay: 0ms !important; } .tweak-global-animations-animation-type-flex .portfolio-grid-overlay .por= tfolio-text .portfolio-title { transition-duration: inherit; transition-tim= ing-function: inherit; transition-delay: inherit; transition-property: tran= sform; transform: translate(0%, 0%); } .tweak-global-animations-animation-type-flex .portfolio-grid-overlay .gri= d-image { transition-property: inherit; transition-duration: inherit; trans= ition-timing-function: inherit; transition-delay: 0ms !important; } .tweak-global-animations-animation-type-flex .portfolio-grid-overlay .gri= d-image .grid-image-inner-wrapper { transition: inherit; } .tweak-global-animations-animation-type-flex .portfolio-grid-overlay .gri= d-image .grid-image-inner-wrapper img { transition-duration: inherit; trans= ition-timing-function: inherit; transition-delay: inherit; transition-prope= rty: transform; transform: scale(1) translate(0%, 0%); } .tweak-global-animations-animation-type-flex .portfolio-grid-overlay .gri= d-item:hover .portfolio-text { opacity: 1; transition: inherit; } .tweak-global-animations-animation-type-flex .portfolio-grid-overlay .gri= d-item:hover .portfolio-text .portfolio-title { transform: translate(0%, -1= 0%); } .tweak-global-animations-animation-type-flex .portfolio-grid-overlay .gri= d-item:hover .grid-image img { transform: scale(1.05) translate(0%, -2.5%);= } } .tweak-portfolio-grid-overlay-text-placement-top-left .portfolio-grid-overl= ay .portfolio-text, .tweak-portfolio-grid-overlay-text-placement-middle-lef= t .portfolio-grid-overlay .portfolio-text, .tweak-portfolio-grid-overlay-te= xt-placement-bottom-left .portfolio-grid-overlay .portfolio-text { text-ali= gn: left; } .tweak-portfolio-grid-overlay-text-placement-top-left .portfolio-grid-overl= ay .portfolio-text { justify-content: flex-start; } .tweak-portfolio-grid-overlay-text-placement-bottom-left .portfolio-grid-ov= erlay .portfolio-text { justify-content: flex-end; } .tweak-portfolio-grid-overlay-height-small .portfolio-grid-overlay { paddin= g-top: 3.3vw; padding-bottom: 3.3vw; min-height: 33vh; } .tweak-portfolio-grid-overlay-height-medium .portfolio-grid-overlay { paddi= ng-top: 6.6vw; padding-bottom: 6.6vw; min-height: 66vh; } .tweak-portfolio-grid-overlay-height-large .portfolio-grid-overlay { paddin= g-top: 10vw; padding-bottom: 10vw; min-height: 100vh; } .tweak-portfolio-grid-overlay-height-custom .portfolio-grid-overlay { paddi= ng-top: 5vw; padding-bottom: 5vw; min-height: 50vh; } .index-item-navigation { margin: 2vw 0px; } .index-item-navigation .index-nav-link { padding: 10px; } .portfolio-hover { position: relative; display: flex; min-height: 100vh; vi= sibility: hidden; z-index: 2; box-sizing: border-box; } .portfolio-hover[data-init] { visibility: visible; } .portfolio-hover a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } .portfolio-hover-display { position: relative; display: flex; flex-directio= n: column; width: 100%; min-height: 100vh; padding: 0px 3vw 3vw; box-sizing= : border-box; flex-grow: 1; flex-shrink: 1; } .portfolio-hover-base { position: absolute; left: 0px; width: 100%; top: 0p= x; bottom: 0px; pointer-events: none; } .portfolio-hover-base-sticky { position: relative; width: 100%; height: 100= %; max-height: 100vh; overflow: hidden; transition: height 100ms cubic-bezi= er(0.4, 0, 0.2, 1) 0s; will-change: height; } .portfolio-hover-wrapper { height: 100%; box-sizing: border-box; overflow: = hidden; display: flex; } .portfolio-hover-backgrounds { display: flex; align-items: center; justify-= content: center; top: 0px; left: 0px; width: 100%; height: 100%; overflow: = hidden; padding: 0px; box-sizing: border-box; } .portfolio-hover-backgrounds-wrapper { position: relative; width: 100%; hei= ght: 100%; overflow: hidden; } .portfolio-hover-bg { position: absolute; inset: 0px; margin: auto; overflo= w: hidden; } .portfolio-hover-bg-mask { position: absolute; inset: 0px; overflow: hidden= ; } .portfolio-hover-bg-img { position: absolute; inset: -1px; background-size:= cover; background-repeat: no-repeat; background-position: 50% 50%; opacity= : 0; backface-visibility: hidden; } .portfolio-hover-bg-img > img { object-fit: cover; width: 100%; height: 100= %; } .portfolio-hover-bg-overlay { position: absolute; top: 0px; left: 0px; widt= h: 100%; height: 100%; background-color: rgb(0, 0, 0); opacity: 0.1; mix-bl= end-mode: hard-light; } .portfolio-hover-items { display: flex; flex-direction: column; width: 100%= ; flex-grow: 1; flex-shrink: 0; align-items: flex-start; box-sizing: border= -box; margin: 0px auto; } .portfolio-hover-items-list { display: flex; align-items: flex-start; point= er-events: none; max-width: 100%; list-style-type: none; text-indent: 0px; = margin: 0px; } .portfolio-hover-items-list li { margin: 0px; padding: 0px; text-indent: 0p= x; display: flex; align-items: center; justify-content: center; pointer-eve= nts: auto; box-sizing: border-box; } .portfolio-hover-item { position: relative; max-width: 100%; pointer-events= : auto; box-sizing: border-box; } .portfolio-hover-item-background { position: absolute; display: none; inset= : 0px; } .portfolio-hover-item-background-wrapper { position: absolute; inset: 0px; = margin: auto; overflow: hidden; } .portfolio-hover-item-background-mask { position: absolute; top: 0px; right= : 0px; left: 0px; height: 150%; will-change: transform; } .portfolio-hover-item-background-img { position: absolute; inset: 0px; back= ground-size: cover; background-position: 50% 50%; backface-visibility: hidd= en; } .portfolio-hover-item-background-img img { display: none; } .portfolio-hover-item-background-overlay { position: absolute; top: 0px; le= ft: 0px; width: 100%; height: 100%; background-color: rgb(0, 0, 0); opacity= : 0.2; mix-blend-mode: hard-light; } .portfolio-hover-item-title { position: relative; max-width: 100%; margin: = 0px; opacity: 0.85; line-height: 1.2; } .portfolio-hover-item-title::after { position: relative; display: inline-bl= ock; } .portfolio-hover-item-content { position: relative; display: inline; } .portfolio-hover-item[data-active=3D"true"] .portfolio-hover-item-title { o= pacity: 1; } .portfolio-hover[data-active-item-front=3D"true"]:not([data-condensed=3D"tr= ue"]) .portfolio-hover-base { z-index: 1; } .portfolio-hover[data-layout=3D"stacked"] .portfolio-hover-items-list { fle= x-direction: column; } .portfolio-hover[data-layout=3D"stacked"] .portfolio-hover-item-content { p= adding-left: 0px !important; padding-right: 0px !important; } .portfolio-hover[data-layout=3D"inline"] .portfolio-hover-items-list { flex= -wrap: wrap; } @media screen and (max-width: 575px) { .portfolio-hover[data-layout=3D"inline"] .portfolio-hover-items-list { fl= ex-flow: column; } .portfolio-hover[data-layout=3D"inline"] .portfolio-hover-item-content { = padding-left: 0px !important; padding-right: 0px !important; } } .portfolio-hover[data-vertical-align=3D"top"][data-mode=3D"hover-cover"] .p= ortfolio-hover-items { justify-content: flex-start; } .portfolio-hover[data-vertical-align=3D"top"][data-mode=3D"hover-cover"] .p= ortfolio-hover-item-title { padding-bottom: 2rem; } .portfolio-hover[data-vertical-align=3D"middle"][data-mode=3D"hover-cover"]= .portfolio-hover-items { justify-content: center; } .portfolio-hover[data-vertical-align=3D"middle"][data-mode=3D"hover-cover"]= .portfolio-hover-item-title { padding-top: 1rem; padding-bottom: 1rem; } .portfolio-hover[data-vertical-align=3D"bottom"][data-mode=3D"hover-cover"]= .portfolio-hover-items { justify-content: flex-end; } .portfolio-hover[data-vertical-align=3D"bottom"][data-mode=3D"hover-cover"]= .portfolio-hover-item-title { padding-top: 2rem; } .portfolio-hover[data-horizontal-align=3D"left"][data-mode=3D"hover-cover"]= .portfolio-hover-items { align-items: flex-start; } .portfolio-hover[data-horizontal-align=3D"left"][data-mode=3D"hover-cover"]= .portfolio-hover-items-list { align-items: flex-start; justify-content: fl= ex-start; text-align: left; } .portfolio-hover[data-horizontal-align=3D"left"][data-mode=3D"hover-cover"]= .portfolio-hover-item-content, .portfolio-hover[data-horizontal-align=3D"l= eft"][data-mode=3D"hover-cover"] .portfolio-hover-item-title::after { text-= align: center; margin-right: 2rem; } .portfolio-hover[data-horizontal-align=3D"center"][data-mode=3D"hover-cover= "] .portfolio-hover-items { align-items: center; } .portfolio-hover[data-horizontal-align=3D"center"][data-mode=3D"hover-cover= "] .portfolio-hover-items-list { align-items: center; justify-content: cent= er; text-align: center; } .portfolio-hover[data-horizontal-align=3D"center"][data-mode=3D"hover-cover= "] .portfolio-hover-item-title { padding: 1rem 0px; } .portfolio-hover[data-horizontal-align=3D"center"][data-mode=3D"hover-cover= "] .portfolio-hover-item-content, .portfolio-hover[data-horizontal-align=3D= "center"][data-mode=3D"hover-cover"] .portfolio-hover-item-title::after { t= ext-align: center; margin-right: 1rem; margin-left: 1rem; } .portfolio-hover[data-horizontal-align=3D"right"][data-mode=3D"hover-cover"= ] .portfolio-hover-items { align-items: flex-end; } .portfolio-hover[data-horizontal-align=3D"right"][data-mode=3D"hover-cover"= ] .portfolio-hover-items-list { align-items: flex-end; justify-content: fle= x-end; text-align: right; } .portfolio-hover[data-horizontal-align=3D"right"][data-mode=3D"hover-cover"= ] .portfolio-hover-item-title { padding: 1rem 0px; } .portfolio-hover[data-horizontal-align=3D"right"][data-mode=3D"hover-cover"= ] .portfolio-hover-item-content, .portfolio-hover[data-horizontal-align=3D"= right"][data-mode=3D"hover-cover"] .portfolio-hover-item-title::after { tex= t-align: center; margin-left: 2rem; } @media screen and (min-width: 576px) { .portfolio-hover[data-layout=3D"inline"][data-delimiter=3D"comma"][data-m= ode=3D"hover-follow"] .portfolio-hover-item .portfolio-hover-item-content::= after, .portfolio-hover[data-layout=3D"inline"][data-delimiter=3D"comma"][d= ata-mode=3D"hover-static"] .portfolio-hover-item .portfolio-hover-item-cont= ent::after, .portfolio-hover[data-layout=3D"inline"][data-delimiter=3D"comm= a"][data-mode=3D"hover-cover"] .portfolio-hover-items-list li .portfolio-ho= ver-item-content::after { content: ","; } .portfolio-hover[data-layout=3D"inline"][data-delimiter=3D"comma"][data-m= ode=3D"hover-follow"] .portfolio-hover-item:last-child .portfolio-hover-ite= m-content::after, .portfolio-hover[data-layout=3D"inline"][data-delimiter= =3D"comma"][data-mode=3D"hover-static"] .portfolio-hover-item:last-child .p= ortfolio-hover-item-content::after, .portfolio-hover[data-layout=3D"inline"= ][data-delimiter=3D"comma"][data-mode=3D"hover-cover"] .portfolio-hover-ite= ms-list li:last-child .portfolio-hover-item-content::after { visibility: hi= dden; } .portfolio-hover[data-layout=3D"inline"][data-delimiter=3D"period"] .port= folio-hover-item .portfolio-hover-item-content::after { content: "."; } .portfolio-hover[data-layout=3D"inline"][data-horizontal-align=3D"left"][= data-delimiter=3D"comma"] .portfolio-hover-item-content, .portfolio-hover[d= ata-layout=3D"inline"][data-horizontal-align=3D"left"][data-delimiter=3D"pe= riod"] .portfolio-hover-item-content { padding-left: 0px !important; } .portfolio-hover[data-layout=3D"inline"][data-horizontal-align=3D"right"]= [data-delimiter=3D"comma"] .portfolio-hover-item-content, .portfolio-hover[= data-layout=3D"inline"][data-horizontal-align=3D"right"][data-delimiter=3D"= period"] .portfolio-hover-item-content { padding-right: 0px !important; } .portfolio-hover[data-layout=3D"inline"][data-delimiter=3D"bullet"] .port= folio-hover-item:not(:last-child) .portfolio-hover-item-title::after, .port= folio-hover[data-layout=3D"inline"][data-delimiter=3D"bullet"][data-mode=3D= "hover-cover"] li:not(:last-child) .portfolio-hover-item .portfolio-hover-i= tem-title::after { content: "=E2=80=A2"; } .portfolio-hover[data-layout=3D"inline"][data-delimiter=3D"hyphen"] .port= folio-hover-item:not(:last-child) .portfolio-hover-item-title::after, .port= folio-hover[data-layout=3D"inline"][data-delimiter=3D"hyphen"][data-mode=3D= "hover-cover"] li:not(:last-child) .portfolio-hover-item .portfolio-hover-i= tem-title::after { content: "=E2=80=94"; } .portfolio-hover[data-layout=3D"inline"][data-delimiter=3D"forward-slash"= ] .portfolio-hover-item:not(:last-child) .portfolio-hover-item-title::after= , .portfolio-hover[data-layout=3D"inline"][data-delimiter=3D"forward-slash"= ][data-mode=3D"hover-cover"] li:not(:last-child) .portfolio-hover-item .por= tfolio-hover-item-title::after { content: "/"; font-size: 0.85em; } .portfolio-hover[data-layout=3D"inline"][data-delimiter=3D"backslash"] .p= ortfolio-hover-item:not(:last-child) .portfolio-hover-item-title::after, .p= ortfolio-hover[data-layout=3D"inline"][data-delimiter=3D"backslash"][data-m= ode=3D"hover-cover"] li:not(:last-child) .portfolio-hover-item .portfolio-h= over-item-title::after { content: "\\"; font-size: 0.85em; } } .portfolio-hover[data-animation=3D"none"] .portfolio-hover-bg-img, .portfol= io-hover[data-animation-duration=3D"none"] .portfolio-hover-bg-img { opacit= y: 0; transition-duration: 0s !important; } .portfolio-hover[data-animation=3D"none"] .portfolio-hover-bg[data-active= =3D"true"] .portfolio-hover-bg-img, .portfolio-hover[data-animation-duratio= n=3D"none"] .portfolio-hover-bg[data-active=3D"true"] .portfolio-hover-bg-i= mg { opacity: 1; } .portfolio-hover[data-animation=3D"fade"] .portfolio-hover-bg-img { opacity= : 0; visibility: hidden; will-change: opacity, visibility; } .portfolio-hover[data-animation=3D"fade"] .portfolio-hover-bg[data-animated= =3D"true"] .portfolio-hover-bg-img { transition-property: opacity, visibili= ty; transition-timing-function: cubic-bezier(0.2, 0.6, 0.3, 1); } .portfolio-hover[data-animation=3D"fade"] .portfolio-hover-bg[data-animated= =3D"false"] .portfolio-hover-bg-img { transition-duration: 0s !important; } .portfolio-hover[data-animation=3D"fade"] .portfolio-hover-bg[data-active= =3D"true"] .portfolio-hover-bg-img { opacity: 1; visibility: visible; } .portfolio-hover[data-animation=3D"scale-up"] .portfolio-hover-bg-mask { in= set: -2.5%; } .portfolio-hover[data-animation=3D"scale-up"] .portfolio-hover-bg-img { opa= city: 0; visibility: hidden; transform: scale3d(0.95, 0.95, 1); will-change= : opacity, visibility, transform; } .portfolio-hover[data-animation=3D"scale-up"] .portfolio-hover-bg[data-anim= ated=3D"true"] .portfolio-hover-bg-img { transition-property: opacity, visi= bility, transform; transition-timing-function: cubic-bezier(0.2, 0.6, 0.3, = 1); } .portfolio-hover[data-animation=3D"scale-up"] .portfolio-hover-bg[data-anim= ated=3D"false"] .portfolio-hover-bg-img { transition-duration: 0s !importan= t; } .portfolio-hover[data-animation=3D"scale-up"] .portfolio-hover-bg[data-acti= ve=3D"true"] .portfolio-hover-bg-img { opacity: 1; visibility: visible; tra= nsform: scale3d(1, 1, 1); } .portfolio-hover[data-animation=3D"scale-down"] .portfolio-hover-bg-img { o= pacity: 0; visibility: hidden; transform: scale3d(1.05, 1.05, 1); will-chan= ge: opacity, visibility, transform; } .portfolio-hover[data-animation=3D"scale-down"] .portfolio-hover-bg[data-an= imated=3D"true"] .portfolio-hover-bg-img { transition-property: opacity, vi= sibility, transform; transition-timing-function: cubic-bezier(0.2, 0.6, 0.3= , 1); } .portfolio-hover[data-animation=3D"scale-down"] .portfolio-hover-bg[data-an= imated=3D"false"] .portfolio-hover-bg-img { transition-duration: 0s !import= ant; } .portfolio-hover[data-animation=3D"scale-down"] .portfolio-hover-bg[data-ac= tive=3D"true"] .portfolio-hover-bg-img { opacity: 1; visibility: visible; t= ransform: scale3d(1, 1, 1); } .portfolio-hover[data-mode=3D"hover-cover"] { min-height: 100vh; } .portfolio-hover[data-mode=3D"hover-cover"] .portfolio-hover-items-list { p= adding: 5vw; } .portfolio-hover[data-mode=3D"hover-cover"] .portfolio-hover-display { heig= ht: 100%; } .portfolio-hover[data-mode=3D"hover-cover"][data-height=3D"small"] { min-he= ight: 50vh; } .portfolio-hover[data-mode=3D"hover-cover"][data-height=3D"small"] .portfol= io-hover-display { min-height: 50vh; } .portfolio-hover[data-mode=3D"hover-cover"][data-height=3D"medium"] { min-h= eight: 75vh; } .portfolio-hover[data-mode=3D"hover-cover"][data-height=3D"medium"] .portfo= lio-hover-display { min-height: 75vh; } .portfolio-hover[data-mode=3D"hover-cover"][data-height=3D"custom"] { min-h= eight: 50vh; } .portfolio-hover[data-mode=3D"hover-cover"][data-height=3D"custom"] .portfo= lio-hover-display { min-height: 50vh; } .portfolio-hover[data-mode=3D"hover-cover"][data-width=3D"full"] .portfolio= -hover-items { padding: 3vw; } .portfolio-hover[data-mode=3D"hover-cover"][data-width=3D"full"] .portfolio= -hover-backgrounds { padding: 0px 3vw 3vw !important; } .portfolio-hover[data-mode=3D"hover-cover"][data-width=3D"inset"] .portfoli= o-hover-items { max-width: 1400px; margin-left: auto; margin-right: auto; } .portfolio-hover[data-mode=3D"hover-cover"][data-width=3D"inset"] .portfoli= o-hover-backgrounds { max-width: 1400px; margin-left: auto; margin-right: a= uto; } .portfolio-hover[data-mode=3D"hover-cover"] .portfolio-hover-backgrounds { = width: 100% !important; height: 100% !important; transform: none !important= ; transition-duration: 0s !important; } .portfolio-hover[data-mode=3D"hover-cover"] .portfolio-hover-backgrounds-wr= apper { width: 100% !important; height: 100% !important; } .portfolio-hover[data-mode=3D"hover-cover"] .portfolio-hover-bg { width: 10= 0% !important; height: 100% !important; } .portfolio-hover[data-mode=3D"hover-cover"] .portfolio-hover-item-backgroun= d-wrapper { width: 100% !important; height: 100% !important; } @media screen and (max-width: 575px) { .portfolio-hover[data-mode=3D"hover-cover"] .portfolio-hover-items { padd= ing: 0px; } .portfolio-hover[data-mode=3D"hover-cover"] .portfolio-hover-item { margi= n: 0px !important; } .portfolio-hover[data-mode=3D"hover-cover"] .portfolio-hover-item-backgro= und { left: 0px !important; right: 0px !important; } } .portfolio-hover[data-mode=3D"hover-follow"] { padding-top: 0px !important;= } .portfolio-hover[data-mode=3D"hover-follow"] .portfolio-hover-items { justi= fy-content: center; align-items: center; } .portfolio-hover[data-mode=3D"hover-follow"] .portfolio-hover-items .portfo= lio-hover-item[data-active=3D"true"] .portfolio-hover-item-content { z-inde= x: 5; } .portfolio-hover[data-mode=3D"hover-follow"] .portfolio-hover-items-list { = align-items: center; justify-content: center; text-align: center; } .portfolio-hover[data-mode=3D"hover-follow"] .portfolio-hover-item-title { = margin: 0.75rem 0px; } .portfolio-hover[data-mode=3D"hover-follow"] .portfolio-hover-item-content,= .portfolio-hover[data-mode=3D"hover-follow"] .portfolio-hover-item-title::= after { text-align: center; margin: 0px 0.75rem; } .portfolio-hover[data-mode=3D"hover-follow"] .portfolio-hover-backgrounds {= position: absolute; width: 80vmin; height: 80vmin; opacity: 0; transition-= property: opacity; transition-timing-function: cubic-bezier(0.2, 0.6, 0.3, = 1); will-change: opacity; } .portfolio-hover[data-mode=3D"hover-follow"] .portfolio-hover-backgrounds[d= ata-active=3D"true"] { opacity: 1; } .portfolio-hover[data-mode=3D"hover-follow"][data-condensed=3D"true"] .port= folio-hover-backgrounds { right: 0px; bottom: 0px; margin: auto; transform:= none !important; } .portfolio-hover[data-mode=3D"hover-static"] { padding-top: 0px !important;= } .portfolio-hover[data-mode=3D"hover-static"] .portfolio-hover-items { justi= fy-content: center; align-items: center; } .portfolio-hover[data-mode=3D"hover-static"] .portfolio-hover-items .portfo= lio-hover-item[data-active=3D"true"] .portfolio-hover-item-content { z-inde= x: 5; } .portfolio-hover[data-mode=3D"hover-static"] .portfolio-hover-items-list { = align-items: center; justify-content: center; text-align: center; } .portfolio-hover[data-mode=3D"hover-static"] .portfolio-hover-item-title { = margin: 0.75rem 0px; } .portfolio-hover[data-mode=3D"hover-static"] .portfolio-hover-item-content,= .portfolio-hover[data-mode=3D"hover-static"] .portfolio-hover-item-title::= after { text-align: center; margin: 0px 0.75rem; } .portfolio-hover[data-mode=3D"hover-static"] .portfolio-hover-backgrounds {= position: absolute; width: 80vmin; height: 80vmin; bottom: 0px; right: 0px= ; margin: auto; opacity: 0; transition-property: opacity; transition-timing= -function: cubic-bezier(0.2, 0.6, 0.3, 1); will-change: opacity; transform:= none !important; } .portfolio-hover[data-mode=3D"hover-static"] .portfolio-hover-backgrounds[d= ata-active=3D"true"] { opacity: 1; } .portfolio-hover[data-mode=3D"hover-static"][data-condensed=3D"true"] .port= folio-hover-backgrounds { right: 0px; bottom: 0px; margin: auto; transform:= none !important; } .tweak-global-animations-animation-type-flex .portfolio-hover .portfolio-ho= ver-item-content { position: relative; } .tweak-global-animations-animation-type-flex .portfolio-hover .portfolio-ho= ver-item-content::before { content: ""; position: absolute; width: 100%; he= ight: 2px; left: 0px; top: 1.2em; background-color: currentcolor; transform= : scaleX(0); transform-origin: right center; transition: transform 0.6s cub= ic-bezier(0.19, 1, 0.22, 1) 0s; } @media (hover: hover) { .tweak-global-animations-animation-type-flex .portfolio-hover .portfolio-= hover-item-content:hover::before { transform: scaleX(1); transform-origin: = left center; } } .tweak-global-animations-animation-type-flex .portfolio-hover[data-delimite= r=3D"comma"] .portfolio-hover-item-content::before { width: calc(100% - 0.2= em); } .tweak-portfolio-index-background-width-full-bleed .collection-type-portfol= io-index-background .section-background { inset: 0px; } .tweak-portfolio-index-background-width-full .collection-type-portfolio-ind= ex-background .section-background { inset: 0px 3vw 3vw; } .tweak-portfolio-index-background-width-inset .collection-type-portfolio-in= dex-background .section-background { max-width: 1400px; margin-left: auto; = margin-right: auto; inset: 0px 3vw 3vw; } @keyframes portfolio-index-background-image-mask--mask-down-in {=20 0% { transform: translate3d(0px, -100%, 0px); } 100% { transform: translate3d(0px, 0px, 0px); } } @keyframes portfolio-index-background-image-mask--mask-down-out {=20 0% { transform: translate3d(0px, 0px, 0px); } 100% { transform: translate3d(0px, 100%, 0px); } } .portfolio-hover[data-animation=3D"mask-down"] .portfolio-hover-bg[data-act= ive=3D"true"] .portfolio-hover-bg-mask { animation: 600ms ease 0s 1 normal = both running portfolio-index-background-image-mask--mask-down-in; } .portfolio-hover[data-animation=3D"mask-down"] .portfolio-hover-bg[data-act= ive=3D"true"] .portfolio-hover-bg-mask .portfolio-hover-bg-img { opacity: 1= ; } .portfolio-hover[data-animation=3D"mask-down"] .portfolio-hover-bg[data-act= ive=3D"false"] .portfolio-hover-bg-mask { animation: 600ms ease 0s 1 normal= both running portfolio-index-background-image-mask--mask-down-out; } .portfolio-hover[data-animation=3D"mask-down"] .portfolio-hover-bg[data-act= ive=3D"false"] .portfolio-hover-bg-mask .portfolio-hover-bg-img { opacity: = 0; } @keyframes portfolio-index-background-image-mask--mask-up-in {=20 0% { transform: translate3d(0px, 100%, 0px); } 100% { transform: translate3d(0px, 0px, 0px); } } @keyframes portfolio-index-background-image-mask--mask-up-out {=20 0% { transform: translate3d(0px, 0px, 0px); } 100% { transform: translate3d(0px, -100%, 0px); } } .portfolio-hover[data-animation=3D"mask-up"] .portfolio-hover-bg[data-activ= e=3D"true"] .portfolio-hover-bg-mask { animation: 600ms ease 0s 1 normal bo= th running portfolio-index-background-image-mask--mask-up-in; } .portfolio-hover[data-animation=3D"mask-up"] .portfolio-hover-bg[data-activ= e=3D"true"] .portfolio-hover-bg-mask .portfolio-hover-bg-img { opacity: 1; = } .portfolio-hover[data-animation=3D"mask-up"] .portfolio-hover-bg[data-activ= e=3D"false"] .portfolio-hover-bg-mask { animation: 600ms ease 0s 1 normal b= oth running portfolio-index-background-image-mask--mask-up-out; } .portfolio-hover[data-animation=3D"mask-up"] .portfolio-hover-bg[data-activ= e=3D"false"] .portfolio-hover-bg-mask .portfolio-hover-bg-img { opacity: 0;= } @keyframes portfolio-index-background-image-mask--mask-left-in {=20 0% { transform: translate3d(-100%, 0px, 0px); } 100% { transform: translate3d(0px, 0px, 0px); } } @keyframes portfolio-index-background-image-mask--mask-left-out {=20 0% { transform: translate3d(0px, 0px, 0px); } 100% { transform: translate3d(100%, 0px, 0px); } } .portfolio-hover[data-animation=3D"mask-left"] .portfolio-hover-bg[data-act= ive=3D"true"] .portfolio-hover-bg-mask { animation: 600ms ease 0s 1 normal = both running portfolio-index-background-image-mask--mask-left-in; } .portfolio-hover[data-animation=3D"mask-left"] .portfolio-hover-bg[data-act= ive=3D"true"] .portfolio-hover-bg-mask .portfolio-hover-bg-img { opacity: 1= ; } .portfolio-hover[data-animation=3D"mask-left"] .portfolio-hover-bg[data-act= ive=3D"false"] .portfolio-hover-bg-mask { animation: 600ms ease 0s 1 normal= both running portfolio-index-background-image-mask--mask-left-out; } .portfolio-hover[data-animation=3D"mask-left"] .portfolio-hover-bg[data-act= ive=3D"false"] .portfolio-hover-bg-mask .portfolio-hover-bg-img { opacity: = 0; } @keyframes portfolio-index-background-image-mask--mask-right-in {=20 0% { transform: translate3d(100%, 0px, 0px); } 100% { transform: translate3d(0px, 0px, 0px); } } @keyframes portfolio-index-background-image-mask--mask-right-out {=20 0% { transform: translate3d(0px, 0px, 0px); } 100% { transform: translate3d(-100%, 0px, 0px); } } .portfolio-hover[data-animation=3D"mask-right"] .portfolio-hover-bg[data-ac= tive=3D"true"] .portfolio-hover-bg-mask { animation: 600ms ease 0s 1 normal= both running portfolio-index-background-image-mask--mask-right-in; } .portfolio-hover[data-animation=3D"mask-right"] .portfolio-hover-bg[data-ac= tive=3D"true"] .portfolio-hover-bg-mask .portfolio-hover-bg-img { opacity: = 1; } .portfolio-hover[data-animation=3D"mask-right"] .portfolio-hover-bg[data-ac= tive=3D"false"] .portfolio-hover-bg-mask { animation: 600ms ease 0s 1 norma= l both running portfolio-index-background-image-mask--mask-right-out; } .portfolio-hover[data-animation=3D"mask-right"] .portfolio-hover-bg[data-ac= tive=3D"false"] .portfolio-hover-bg-mask .portfolio-hover-bg-img { opacity:= 0; } .events { box-sizing: content-box; } .tweak-events-stacked-width-full .events { width: 100%; padding-left: 3vw; = padding-right: 3vw; } .tweak-events-stacked-width-inset .events { max-width: 1400px; padding-left= : 3vw; padding-right: 3vw; margin: 0px auto; } @media screen and (max-width: 767px) { .tweak-events-stacked-width-full .events { padding-left: 6vw; padding-rig= ht: 6vw; } .tweak-events-stacked-width-inset .events { padding-left: 6vw; padding-ri= ght: 6vw; } } .tweak-events-stacked-height-small .events { padding-top: 3.3vw; padding-bo= ttom: 3.3vw; min-height: 33vh; } .tweak-events-stacked-height-medium .events { padding-top: 6.6vw; padding-b= ottom: 6.6vw; min-height: 66vh; } .tweak-events-stacked-height-large .events { padding-top: 10vw; padding-bot= tom: 10vw; min-height: 100vh; } .tweak-events-stacked-height-custom .events { padding-top: 5vw; padding-bot= tom: 5vw; min-height: 50vh; } body:not(.tweak-events-stacked-show-past-events) .eventlist.eventlist--past= { display: none; } .eventlist-event { position: relative; margin: 68px 0px 0px; padding: 0px; = display: flex; flex-direction: row; place-content: flex-start; } .eventlist-event:first-of-type { margin: 0px; } .eventlist-column-thumbnail { display: block; width: 35%; position: relativ= e; height: 0px; padding-bottom: 23.3333%; background: rgba(110, 110, 110, 0= .05); text-decoration: none !important; } .eventlist-column-thumbnail img { transition: opacity 0.3s ease-in 0s; } body:not(.tweak-events-stacked-show-thumbnails) .eventlist-column-thumbnail= { display: none; } .tweak-events-stacked-thumbnail-size-11-square .eventlist-column-thumbnail = { padding-bottom: 35%; } .tweak-events-stacked-thumbnail-size-32-standard .eventlist-column-thumbnai= l { padding-bottom: 23.3333%; } .tweak-events-stacked-thumbnail-size-23-standard-vertical .eventlist-column= -thumbnail { padding-bottom: 52.5%; } .tweak-events-stacked-thumbnail-size-43-four-thirds .eventlist-column-thumb= nail { padding-bottom: 26.25%; } .tweak-events-stacked-thumbnail-size-169-widescreen .eventlist-column-thumb= nail { padding-bottom: 19.6875%; } .tweak-events-stacked-thumbnail-size-2401-anamorphic-widescreen .eventlist-= column-thumbnail { padding-bottom: 14.5833%; } .tweak-events-stacked-thumbnail-size-ultra-widescreen .eventlist-column-thu= mbnail { padding-bottom: 14.5833%; } .eventlist-column-thumbnail:empty { height: auto; min-height: 100px; backgr= ound: transparent; padding-bottom: 0px !important; } .eventlist-column-date { display: block; position: absolute; top: 0px; left= : 0px; width: 35%; margin: 0px; padding: 0px; color: rgb(51, 51, 51) !impor= tant; text-decoration: none !important; } body:not(.tweak-events-stacked-date-style-side-tag) .eventlist-column-date = { display: none; } body:not(.tweak-events-stacked-show-thumbnails) .eventlist-column-date { po= sition: static; flex: 1 0 70px; } .eventlist-datetag { display: table; position: absolute; top: 10px; right: = 10px; height: auto; min-height: 70px; width: 70px; margin: 0px; padding: 0p= x; background: rgb(255, 255, 255); color: rgb(51, 51, 51); font-size: 14px;= line-height: 14px; text-align: center; box-sizing: border-box; } body:not(.tweak-events-stacked-show-thumbnails) .eventlist-datetag { positi= on: static; background: rgb(232, 236, 236); } .eventlist-event:not(.eventlist-event--hasimg) .eventlist-datetag { top: 0p= x; background: rgb(232, 236, 236); } .eventlist-datetag-inner { display: table-cell; vertical-align: middle; mar= gin: 0px; padding: 6px; color: inherit; font-size: 0px; line-height: 0; let= ter-spacing: 0px; } .eventlist-datetag-startdate--month, .eventlist-datetag-startdate--day, .ev= entlist-datetag-enddate { margin: 3px 0px; line-height: 1em; text-transform= : uppercase; white-space: nowrap; } .eventlist-event--past .eventlist-datetag-startdate--month, .eventlist-even= t--past .eventlist-datetag-startdate--day, .eventlist-event--past .eventlis= t-datetag-enddate { opacity: 0.3; } .eventlist-datetag-enddate { border-top: 1px solid rgb(221, 221, 221); marg= in: 6px 0px 0px; padding-top: 6px; font-size: 11px; } .eventlist-datetag-startdate--month { font-size: 14px; margin-top: 6px; } .eventlist-datetag-startdate--day { font-size: 26px; } .eventlist-datetag-status { display: none; position: absolute; top: 0px; le= ft: 35px; width: 1px; height: 70px; background: rgb(0, 0, 0); transform: ro= tate(45deg); } .eventlist-event--past .eventlist-datetag-status { display: block; } .eventlist-event--past.eventlist-event--multiday .eventlist-datetag-status,= body.tweak-events-stacked-show-time .eventlist-event--past .eventlist-date= tag-status { top: 0px; height: 85px; transform: rotate(38deg); } .eventlist-column-info { width: 65%; padding: 0px 0px 0px 34px; box-sizing:= border-box; } body:not(.tweak-events-stacked-show-thumbnails) .eventlist-column-info { wi= dth: calc(100% - 70px); } body:not(.tweak-events-stacked-show-thumbnails):not(.tweak-events-stacked-d= ate-style-side-tag) .eventlist-column-info { width: 100%; padding-left: 0px= ; } .eventlist-cats { margin: 0px 0px 4.25px; padding: 0px; font-size: 14px; li= ne-height: 1.4em; } .eventlist-cats a { color: inherit !important; text-decoration: none !impor= tant; } body:not(.tweak-events-stacked-list-show-cats) .eventlist-cats { display: n= one; } .eventlist-title { margin: 0px 0px 17px !important; padding: 0px !important= ; font-size: 28px !important; line-height: 1.2em !important; } .eventlist-title .eventlist-title-link { margin: 0px !important; padding: 0= px !important; color: inherit !important; text-decoration: none !important;= font-size: inherit !important; line-height: inherit !important; } .eventlist-meta { list-style-type: none; margin: 0px 0px 17px; padding: 0px= ; } .eventlist-meta-item { margin: 0px; padding: 0px; text-align: left; } .tweak-events-stacked-icons .eventlist-meta-item { position: relative; padd= ing-left: 25.5px; } .tweak-events-stacked-icons .eventlist-meta-item::before { opacity: 0.5; po= sition: absolute; top: 3px; left: -2px; } .tweak-events-stacked-icons .eventlist-meta-item.eventlist-meta-date::befor= e { font-family: squarespace-ui-font; font-style: normal; speak: none; font= -weight: normal; -webkit-font-smoothing: antialiased; content: "=EE=80=95";= text-align: center; display: inline-block; vertical-align: middle; } .tweak-events-stacked-icons .eventlist-meta-item.eventlist-meta-date::befor= e { font-size: 16px; width: 16px; height: 16px; line-height: 16px; } .tweak-events-stacked-icons .eventlist-meta-item.eventlist-meta-time::befor= e { font-family: squarespace-ui-font; font-style: normal; speak: none; font= -weight: normal; -webkit-font-smoothing: antialiased; content: "=EE=80=8C";= text-align: center; display: inline-block; vertical-align: middle; } .tweak-events-stacked-icons .eventlist-meta-item.eventlist-meta-time::befor= e { font-size: 16px; width: 16px; height: 16px; line-height: 16px; } .tweak-events-stacked-icons .eventlist-meta-item.eventlist-meta-address::be= fore { font-family: squarespace-ui-font; font-style: normal; speak: none; f= ont-weight: normal; -webkit-font-smoothing: antialiased; content: "=EE=80= =AF"; text-align: center; display: inline-block; vertical-align: middle; } .tweak-events-stacked-icons .eventlist-meta-item.eventlist-meta-address::be= fore { font-size: 16px; width: 16px; height: 16px; line-height: 16px; } body:not(.tweak-events-stacked-date-style-with-text) .eventlist-meta-date, = body:not(.tweak-events-stacked-show-time) .eventlist-meta-time, body:not(.t= weak-events-stacked-show-location) .eventlist-meta-address { display: none;= } .tweak-events-stacked-show-time .eventlist-event--multiday .eventlist-meta-= date .event-date::after { content: ", "; } .tweak-events-stacked-show-time .eventlist-event--multiday .eventlist-meta-= time { display: inline-block; } .eventlist-meta-address-line::after { content: ", "; } .eventlist-meta-address-line:last-of-type::after { content: none; } body:not(.tweak-events-stacked-ical-gcal-links) .eventlist-meta-export { di= splay: none; } .eventlist-meta-export-divider { margin: 0px 4px; } .eventlist-meta-export-divider::before { content: "=C2=B7"; } body:not(.tweak-events-stacked-show-excerpt) .eventlist-description, body:n= ot(.tweak-events-stacked-show-excerpt) .eventlist-excerpt { display: none; = } .eventlist-excerpt { margin: 0px 0px 17px; } .eventlist-filter { font-size: 18px; line-height: 1em; margin: 0px 0px 51px= ; } .eventlist-past-upcoming-divider { display: none; height: 0px; border-right= : none; border-bottom: none; border-left: none; border-image: initial; bord= er-top: 1px solid rgba(230, 230, 230, 0.8); font-size: 68px; line-height: 6= 8px; } .eventlist--upcoming + .eventlist--past .eventlist-past-upcoming-divider { = display: block; } .event-datetime-divider::before { content: " =E2=80=93"; } .eventitem-backlink { display: inline-block; margin: 0px 0px 51px; position= : relative; } .eventitem-backlink::before { content: "=E2=86=90 "; display: inline-block;= width: 1em; margin-right: 0.25em; } .tweak-global-animations-animation-type-flex .eventitem-backlink { position= : relative; } .tweak-global-animations-animation-type-flex .eventitem-backlink::after { c= ontent: ""; position: absolute; width: calc(100% - 1.25em); height: 1px; ri= ght: 0px; bottom: 0px; background-color: currentcolor; transform: scaleX(0)= ; transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .tweak-global-animations-animation-type-flex .eventitem-backlink::after { t= ransform-origin: right center; } .tweak-global-animations-animation-type-flex .eventitem-backlink::before { = transform: translateX(0px) scaleY(1); transition: transform 0.6s cubic-bezi= er(0.19, 1, 0.22, 1) 0s; } @media (hover: hover) { .tweak-global-animations-animation-type-flex .eventitem-backlink:hover::b= efore { transform: translateX(-30%) scaleY(0.8); } } @media (hover: hover) { .tweak-global-animations-animation-type-flex .eventitem-backlink:hover::a= fter { transform: scaleX(1); } } .eventitem { position: relative; display: flex; flex-direction: row; place-= content: flex-start; } .eventitem-column-meta { flex: 1 0 30%; box-sizing: border-box; } .eventitem-title { margin: 0px 0px 34px !important; padding: 0px !important= ; font-size: 28px !important; line-height: 1.2em !important; } .eventitem-meta { list-style-type: none; margin: 0px 0px 17px; padding: 0px= ; } .eventitem-meta-item { margin: 0px; padding: 0px; font-size: 0.9em; line-he= ight: 1.6em; } .eventitem--multiday .eventitem-meta-date .event-date::after { content: ", = "; } .eventitem--multiday .eventitem-meta-time { display: inline-block; } .eventitem-meta-address-line::after { content: ", "; } .eventitem-meta-address-line:last-of-type::after { content: none; } .eventitem-meta-address-line.eventitem-meta-address-line--title { display: = block; } .eventitem-meta-address-line.eventitem-meta-address-line--title::after { co= ntent: none; } body:not(.tweak-events-stacked-ical-gcal-links) .event-meta-addtocalendar-c= ontainer { display: none; } .eventitem-meta-export-divider { margin: 0px 4px; } .eventitem-meta-export-divider::before { content: "=C2=B7"; } .eventitem-column-content { flex: 1 0 70%; padding-left: 34px; box-sizing: = border-box; overflow: hidden; } .eventitem-content-footer { margin: 17px 0px 0px; } .eventitem-content-footer .eventitem-sourceurl { margin: 0px 0px 8.5px; } .eventitem-content-footer .eventitem-meta { margin: 0px 0px 8.5px; } .eventitem-content-footer .eventitem-meta > * { font-size: inherit; } .eventitem-pager { margin: 170px 0px 0px; display: flex; flex-direction: ro= w; place-content: center flex-start; } .eventitem-pager-newer, .eventitem-pager-older { flex: 1 0 50%; box-sizing:= border-box; text-decoration: none; } .eventitem-pager-newer { flex: 1 0 50%; box-sizing: border-box; align-self:= flex-end; text-align: right; } .eventitem-pager-disabled { opacity: 0.4; } @media only screen and (max-width: 639px) { .eventlist-event { position: relative; margin: 34px 0px 0px; padding: 0px= ; display: block; } .eventlist-column-thumbnail, .eventlist-column-date, .eventlist-column-in= fo { width: 100% !important; } .eventlist-column-thumbnail:empty { min-height: 0px; } .tweak-events-stacked-thumbnail-size-11-square .eventlist-column-thumbnai= l { padding-bottom: 100%; } .tweak-events-stacked-thumbnail-size-32-standard .eventlist-column-thumbn= ail { padding-bottom: 66.666%; } .tweak-events-stacked-thumbnail-size-23-standard-vertical .eventlist-colu= mn-thumbnail { padding-bottom: 150%; } .tweak-events-stacked-thumbnail-size-43-four-thirds .eventlist-column-thu= mbnail { padding-bottom: 75%; } .tweak-events-stacked-thumbnail-size-169-widescreen .eventlist-column-thu= mbnail { padding-bottom: 56.25%; } .tweak-events-stacked-thumbnail-size-2401-anamorphic-widescreen .eventlis= t-column-thumbnail { padding-bottom: 41.666%; } .tweak-events-stacked-thumbnail-size-ultra-widescreen .eventlist-column-t= humbnail { padding-bottom: 41.666%; } .eventlist-datetag { left: 0px; right: auto; } .event-thumbnails .eventlist-event--hasimg .eventlist-datetag { left: 10p= x; } .event-thumbnails .eventlist-event:not(.eventlist-event--hasimg) .eventli= st-column-date { position: static; flex: 1 0 70px; } .event-thumbnails .eventlist-event:not(.eventlist-event--hasimg) .eventli= st-column-date .eventlist-datetag { position: static; } .eventlist-column-info { margin: 25.5px 0px 0px; padding: 0px; } body:not(.tweak-events-stacked-show-thumbnails):not(.tweak-events-stacked= -date-style-side-tag) .eventlist-event { margin-top: 34px; } body:not(.tweak-events-stacked-show-thumbnails):not(.tweak-events-stacked= -date-style-side-tag) .eventlist-column-info { margin-top: 0px; } .eventitem { display: block; } .eventitem-title { margin-bottom: 17px !important; } .eventitem-column-meta { margin-bottom: 34px; } .eventitem-column-meta, .eventitem-column-content { width: 100%; padding:= 0px; } } .event-time-24hr { display: none; } .gallery-video-thumbnail-wrapper { position: absolute; top: 0px; left: 0px;= width: 100%; height: 100%; } .gallery-video-thumbnail-wrapper .gallery-video-thumbnail-inner-wrapper { p= osition: relative; display: flex; align-items: center; justify-content: cen= ter; width: 100%; height: 100%; } .gallery-video-thumbnail-wrapper .gallery-video-play-icon { width: 39px; he= ight: 45px; fill: rgb(255, 255, 255); position: relative; filter: drop-shad= ow(rgba(0, 0, 0, 0.3) 2px 2px 1px); } .gallery-video-thumbnail-wrapper .gallery-video-play-icon path { fill: rgb(= 255, 255, 255); } .gallery-missing-video-thumbnail { width: 100%; height: 100%; background-co= lor: rgba(0, 0, 0, 0.2); } .gallery-grid[data-width=3D"full-bleed"] { max-width: 100%; padding-left: 0= px; padding-right: 0px; } .gallery-grid[data-width=3D"full"] { max-width: 100%; padding: 3vw; } @media screen and (max-width: 767px) { .gallery-grid[data-width=3D"full"] { padding: 6vw; } } .gallery-grid[data-width=3D"inset"] { max-width: 1400px; padding: 3vw; marg= in-left: auto; margin-right: auto; } .gallery-grid-wrapper { position: relative; width: 100%; } .gallery-grid-wrapper--ready .gallery-grid-item { transition: transform 600= ms cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: transform; } .gallery-grid-image-link, .gallery-grid-lightbox-link { position: absolute;= inset: 0px; display: block; } .gallery-grid-lightbox-link { cursor: zoom-in; } .gallery-grid--layout-grid .gallery-grid-wrapper { display: grid; } .gallery-grid[data-tweaking=3D"true"] .gallery-grid-item { transition: none= 0s ease 0s !important; } @media screen and (max-width: 767px) { .gallery-grid-item:last-child { padding-bottom: 0px; } } .gallery-grid-item-wrapper { position: relative; display: block; width: 100= %; height: 0px; } .gallery-grid-item img { position: absolute; display: block; left: 0px; top= : 0px; width: 100%; height: 100%; } .gallery-grid-item:not([data-show]) .gallery-grid-item-wrapper { opacity: 0= ; animation-name: none !important; } .gallery-grid-item:not([data-show]) .gallery-grid-item-caption { opacity: 0= ; visibility: hidden; } .gallery-grid[data-show-captions=3D"false"] .gallery-grid-item-caption { di= splay: none; } .gallery-grid[data-show-captions=3D"true"][data-animation=3D"none"] .galler= y-grid-item-caption { transition: none 0s ease 0s; } .gallery-grid[data-aspect-ratio=3D"square"] .gallery-grid-item-wrapper { pa= dding-bottom: 100%; } .gallery-grid[data-aspect-ratio=3D"standard"] .gallery-grid-item-wrapper { = padding-bottom: 66.666%; } .gallery-grid[data-aspect-ratio=3D"standard-vertical"] .gallery-grid-item-w= rapper { padding-bottom: 150%; } .gallery-grid[data-aspect-ratio=3D"four-three"] .gallery-grid-item-wrapper = { padding-bottom: 75%; } .gallery-grid[data-aspect-ratio=3D"three-four-vertical"] .gallery-grid-item= -wrapper { padding-bottom: 133.333%; } .gallery-grid[data-aspect-ratio=3D"widescreen"] .gallery-grid-item-wrapper = { padding-bottom: 56.25%; } .gallery-grid[data-aspect-ratio=3D"anamorphic-widescreen"] .gallery-grid-it= em-wrapper, .gallery-grid[data-aspect-ratio=3D"ultra-widescreen"] .gallery-= grid-item-wrapper { padding-bottom: 41.666%; } .gallery-grid[data-animation=3D"fade-up"] .gallery-grid-item-wrapper { anim= ation-name: tmpl-anim-fade-up; animation-duration: 800ms; animation-fill-mo= de: both; animation-iteration-count: 1; } .gallery-grid[data-animation=3D"scale-up"] .gallery-grid-item-wrapper { ani= mation-name: tmpl-anim-fade-scale-up; animation-duration: 800ms; animation-= fill-mode: both; animation-iteration-count: 1; } .gallery-grid[data-animation=3D"stretch-up"] .gallery-grid-item-wrapper { a= nimation-name: tmpl-anim-fade-stretch-up; animation-duration: 800ms; animat= ion-fill-mode: both; animation-iteration-count: 1; } .gallery-grid[data-animation=3D"strips-vertical"] .gallery-grid-item-wrappe= r { animation-name: tmpl-anim-clip-vertical-up; animation-duration: 800ms; = animation-fill-mode: both; animation-iteration-count: 1; } .gallery-grid[data-animation=3D"strips-horizontal"] .gallery-grid-item-wrap= per { animation-name: tmpl-anim-clip-horizontal-left; animation-duration: 8= 00ms; animation-fill-mode: both; animation-iteration-count: 1; } .gallery-strips[data-width=3D"full-bleed"] { max-width: 100%; padding-left:= 0px; padding-right: 0px; } .gallery-strips[data-width=3D"full"] { max-width: 100%; padding: 3vw; } @media screen and (max-width: 767px) { .gallery-strips[data-width=3D"full"] { padding: 6vw; } } .gallery-strips[data-width=3D"inset"] { max-width: 1400px; padding: 3vw; ma= rgin-left: auto; margin-right: auto; } .gallery-strips-wrapper { position: relative; width: 100%; } .gallery-strips-wrapper--ready .gallery-strips-item { transition: transform= 600ms cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: transform; } .gallery-strips-image-link, .gallery-strips-lightbox-link { display: block;= } .gallery-strips-lightbox-link { cursor: zoom-in; } .gallery-strips--layout-grid .gallery-strips-wrapper { display: grid; } .gallery-strips[data-tweaking=3D"true"] .gallery-strips-item { transition: = none 0s ease 0s !important; } .gallery-strips-item-wrapper { position: relative; display: block; width: 1= 00%; } .gallery-strips-item img { position: relative; display: block; width: 100%;= height: auto; } .gallery-strips-item:not([data-show]) .gallery-strips-item-wrapper { opacit= y: 0; animation-name: none !important; } .gallery-strips-item:not([data-show]) .gallery-strips-item-caption { opacit= y: 0; visibility: hidden; } .gallery-strips[data-show-captions=3D"false"] .gallery-strips-item-caption = { display: none; } .gallery-strips[data-show-captions=3D"true"][data-animation=3D"none"] .gall= ery-strips-item-caption { transition: none 0s ease 0s; } .gallery-strips[data-animation=3D"fade-up"] .gallery-strips-item-wrapper { = animation-name: tmpl-anim-fade-up; animation-duration: 800ms; animation-fil= l-mode: both; animation-iteration-count: 1; } .gallery-strips[data-animation=3D"scale-up"] .gallery-strips-item-wrapper {= animation-name: tmpl-anim-fade-scale-up; animation-duration: 800ms; animat= ion-fill-mode: both; animation-iteration-count: 1; } .gallery-strips[data-animation=3D"stretch-up"] .gallery-strips-item-wrapper= { animation-name: tmpl-anim-fade-stretch-up; animation-duration: 800ms; an= imation-fill-mode: both; animation-iteration-count: 1; } .gallery-strips[data-animation=3D"strips-vertical"] .gallery-strips-item-wr= apper { animation-name: tmpl-anim-clip-vertical-up; animation-duration: 800= ms; animation-fill-mode: both; animation-iteration-count: 1; } .gallery-strips[data-animation=3D"strips-horizontal"] .gallery-strips-item-= wrapper { animation-name: tmpl-anim-clip-horizontal-left; animation-duratio= n: 800ms; animation-fill-mode: both; animation-iteration-count: 1; } .gallery-slideshow { display: flex; flex-direction: column; box-sizing: bor= der-box; user-select: none; z-index: 0; max-width: 1400px; margin-left: aut= o; margin-right: auto; } @media screen and (max-width: 767px) { .gallery-slideshow { padding: 6vw; } .gallery-slideshow[data-show-captions=3D"true"] { padding: 6vw 6vw 100px;= } } @media screen and (min-width: 768px) { .gallery-slideshow { padding: 3vw; } .gallery-slideshow[data-thumbnails=3D"true"] { padding: 3vw 3vw calc(3vw = - 10px); } } .gallery-slideshow-wrapper { position: relative; flex-grow: 1; flex-shrink:= 1; width: 100%; } .gallery-slideshow-list { position: absolute; inset: 0px; z-index: 0; box-s= izing: content-box; cursor: grab; } .gallery-slideshow-controls { position: absolute; display: flex; justify-co= ntent: space-between; top: 0px; left: 0px; width: 100%; height: 100%; point= er-events: none; } .gallery-slideshow-control { display: flex; flex-grow: 0; flex-shrink: 0; a= lign-items: center; justify-content: center; z-index: 1; } .gallery-slideshow-control-btn { background: initial; border: initial; posi= tion: relative; color: rgb(0, 0, 0); padding: 8px 10px 8px 8px; box-sizing:= border-box; pointer-events: all; opacity: 0.75; transition: opacity 600ms = cubic-bezier(0.4, 0, 0.2, 1) 0s; } .gallery-slideshow-control-btn .caret-right-icon--small, .gallery-slideshow= -control-btn .caret-left-icon--small { width: 9px; height: 16px; position: = relative; display: block; box-sizing: content-box; line-height: 1; } .gallery-slideshow-control-btn .caret-right-icon--small svg, .gallery-slide= show-control-btn .caret-left-icon--small svg { width: 100%; height: 100%; } .gallery-slideshow-item { position: absolute; top: 0px; left: 0px; margin: = 0px; width: 100%; height: 100%; display: flex; visibility: hidden; flex-dir= ection: column; align-items: center; justify-content: center; } .gallery-slideshow-item[data-video=3D"true"] { pointer-events: all; } .gallery-slideshow-item[data-video=3D"true"] .gallery-slideshow-item-img { = display: flex; align-items: center; justify-content: center; } .gallery-slideshow-item[data-video=3D"true"] .gallery-slideshow-item-img .s= qs-video-wrapper { width: 100%; } .gallery-slideshow-item .gallery-slideshow-image-link { position: absolute;= display: block; left: 0px; top: 0px; width: 100%; height: 100%; } .gallery-slideshow-item-wrapper { display: flex; align-items: center; justi= fy-content: center; flex-grow: 1; flex-shrink: 1; width: 100%; height: 100%= ; } .gallery-slideshow-item-src { position: relative; overflow: hidden; width: = 100%; height: 100%; } .gallery-slideshow-item-img { position: relative; width: 100%; height: 100%= ; background-size: contain; background-repeat: no-repeat; } .gallery-slideshow-item img { position: relative; } .gallery-slideshow-item[data-active=3D"true"] { visibility: visible; } .gallery-slideshow-item[data-active=3D"true"][data-in=3D"true"] .gallery-ca= ption { opacity: 1; visibility: visible; } .gallery-slideshow-thumbnails { position: relative; display: none; width: 6= 0%; margin: 0px auto; padding: 10px 0px; flex-shrink: 0; overflow: hidden; = height: 80px; text-align: center; font-size: 0px; } @media screen and (max-width: 767px) { .gallery-slideshow-thumbnails { width: 100%; } } [data-thumbnails=3D"true"] .gallery-slideshow-thumbnails { display: block; = } @media screen and (max-width: 767px) { [data-thumbnails=3D"true"] .gallery-slideshow-thumbnails { display: none;= } } .gallery-slideshow-thumbnails-scroll { position: relative; top: 0px; left: = 0px; display: inline-flex; backface-visibility: hidden; } .gallery-slideshow-thumbnails-thumb { background: initial; border: initial;= position: relative; display: flex; width: 80px; height: 80px; align-items:= flex-start; flex-shrink: 0; margin-left: 5px; margin-right: 5px; cursor: p= ointer; overflow: hidden; transition: opacity 600ms cubic-bezier(0.4, 0, 0.= 2, 1) 0s; backface-visibility: hidden; } .gallery-slideshow-thumbnails-thumb .gallery-slideshow-thumbnails-image-wra= pper { opacity: 0.55; } @media (hover: hover) { .gallery-slideshow-thumbnails-thumb:hover .gallery-slideshow-thumbnails-i= mage-wrapper { opacity: 1; } } .gallery-slideshow-thumbnails-thumb[data-active=3D"true"] .gallery-slidesho= w-thumbnails-image-wrapper { opacity: 1; } .gallery-slideshow-thumbnails-thumb:first-child { margin-left: 0px !importa= nt; } .gallery-slideshow-thumbnails-thumb:last-child { margin-right: 0px !importa= nt; } .gallery-slideshow-thumbnails-thumb img { position: absolute; top: 50%; lef= t: 50%; width: 100%; height: auto; pointer-events: none; opacity: 0; transf= orm: translate(-50%, -50%); transition: visibility 600ms cubic-bezier(0.4, = 0, 0.2, 1) 0s, opacity 600ms cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: = opacity; } .gallery-slideshow-thumbnails-thumb img[data-loaded] { opacity: 1; } .gallery-slideshow-thumbnails-thumb[data-align=3D"top"] img { top: auto; tr= ansform: translate(-50%, 0%); } .gallery-slideshow-thumbnails-thumb[data-align=3D"bottom"] img { top: 100%;= transform: translate(-50%, -100%); } .gallery-slideshow[data-show-captions=3D"false"] .gallery-caption { display= : none; } .gallery-slideshow[data-show-captions=3D"true"][data-thumbnails=3D"false"] = { padding-bottom: 0px; margin-bottom: calc(150px); } @media screen and (min-width: 768px) { .gallery-slideshow[data-show-captions=3D"true"][data-thumbnails=3D"true"]= .gallery-slideshow-wrapper { margin-bottom: calc(140px); } } .gallery-slideshow[data-controls-location=3D"side"] .gallery-slideshow-list= { left: 3vmax; right: 3vmax; } .gallery-slideshow[data-controls-location=3D"side"] .gallery-slideshow-cont= rol { width: 3vmax; } .gallery-slideshow[data-controls-location=3D"hide"] .gallery-slideshow-cont= rols { display: none; } .gallery-slideshow[data-controls-location=3D"simple"] .gallery-slideshow-co= ntrol-btn { padding: 8px 10px 8px 8px; } .gallery-slideshow[data-controls-location=3D"simple"] .gallery-slideshow-co= ntrol-btn[data-previous] { margin-left: 20px; } .gallery-slideshow[data-controls-location=3D"simple"] .gallery-slideshow-co= ntrol-btn[data-next] { margin-right: 20px; padding: 8px 8px 8px 10px; } .gallery-slideshow[data-controls-location=3D"simple"] .gallery-slideshow-co= ntrol-btn::before { position: absolute; content: ""; inset: 0px; opacity: 0= .5; border-radius: 0.15em; } @media (hover: hover) { .gallery-slideshow[data-controls-location=3D"simple"] .gallery-slideshow-= control-btn:hover { opacity: 1; } } .gallery-slideshow[data-transition=3D"none"] .gallery-slideshow-item .galle= ry-slideshow-item-src, .gallery-slideshow[data-transition=3D"none"] .galler= y-slideshow-item .gallery-caption-slideshow { transition: none 0s ease 0s; = } .gallery-slideshow[data-transition=3D"site-default"] .gallery-slideshow-ite= m[data-next=3D"true"] .gallery-slideshow-item-src { opacity: 0; } .gallery-slideshow[data-transition=3D"site-default"] .gallery-slideshow-ite= m[data-next=3D"false"] .gallery-slideshow-item-src { opacity: 0; } .gallery-slideshow[data-transition=3D"site-default"] .gallery-slideshow-ite= m[data-active=3D"true"][data-in=3D"true"] .gallery-slideshow-item-src { opa= city: 1; } .gallery-slideshow[data-transition=3D"fade"] .gallery-slideshow-item[data-a= ctive=3D"true"] .gallery-slideshow-item-src { transition: opacity 400ms cub= ic-bezier(0.2, 0.6, 0.3, 1) 0s; } .gallery-slideshow[data-transition=3D"fade"] .gallery-slideshow-item[data-n= ext=3D"true"] .gallery-slideshow-item-src { opacity: 0; } .gallery-slideshow[data-transition=3D"fade"] .gallery-slideshow-item[data-n= ext=3D"false"] .gallery-slideshow-item-src { opacity: 0; } .gallery-slideshow[data-transition=3D"fade"] .gallery-slideshow-item[data-a= ctive=3D"true"][data-in=3D"true"] .gallery-slideshow-item-src { opacity: 1;= } .gallery-slideshow[data-transition=3D"spin"] .gallery-slideshow-item[data-a= ctive=3D"true"] .gallery-slideshow-item-src { transition: transform 400ms c= ubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 400ms cubic-bezier(0.2, 0.6, 0.3, 1= ) 0s; } .gallery-slideshow[data-transition=3D"spin"] .gallery-slideshow-item[data-n= ext=3D"true"] .gallery-slideshow-item-src { transform: perspective(1000px) = translateX(0px) rotateY(10deg); opacity: 0; } .gallery-slideshow[data-transition=3D"spin"] .gallery-slideshow-item[data-n= ext=3D"false"] .gallery-slideshow-item-src { transform: perspective(1000px)= translateX(0px) rotateY(-10deg); opacity: 0; } .gallery-slideshow[data-transition=3D"spin"] .gallery-slideshow-item[data-a= ctive=3D"true"][data-in=3D"true"] .gallery-slideshow-item-src { transform: = perspective(1000px) rotateY(0deg); opacity: 1; } .gallery-slideshow[data-transition=3D"scale-up"] .gallery-slideshow-item-wr= apper { overflow: hidden; } .gallery-slideshow[data-transition=3D"scale-up"] .gallery-slideshow-item[da= ta-active=3D"true"] .gallery-slideshow-item-src { transition: transform 800= ms cubic-bezier(0.2, 0.6, 0.3, 1) 0s, opacity 800ms cubic-bezier(0.2, 0.6, = 0.3, 1) 0s; } .gallery-slideshow[data-transition=3D"scale-up"] .gallery-slideshow-item[da= ta-next=3D"true"] .gallery-slideshow-item-src { transform: scale(0.8); opac= ity: 0; } .gallery-slideshow[data-transition=3D"scale-up"] .gallery-slideshow-item[da= ta-next=3D"false"] .gallery-slideshow-item-src { transform: scale(0.8); opa= city: 0; } .gallery-slideshow[data-transition=3D"scale-up"] .gallery-slideshow-item[da= ta-active=3D"true"][data-in=3D"true"] .gallery-slideshow-item-src { transfo= rm: scale(1); opacity: 1; } .gallery-slideshow[data-transition=3D"scale-up"] .gallery-slideshow-item[da= ta-active=3D"true"][data-in=3D"false"] .gallery-slideshow-item-src { transi= tion: transform 800ms cubic-bezier(0, 0, 0.2, 1) 0s, opacity 800ms cubic-be= zier(0, 0, 0.2, 1) 0s; transform: scale(1.1); opacity: 0; } .gallery-slideshow[data-transition=3D"scale-down"] .gallery-slideshow-item-= wrapper { overflow: hidden; } .gallery-slideshow[data-transition=3D"scale-down"] .gallery-slideshow-item[= data-active=3D"true"] .gallery-slideshow-item-src { transition: transform 8= 00ms cubic-bezier(0.2, 0.6, 0.3, 1) 0s, opacity 800ms cubic-bezier(0.2, 0.6= , 0.3, 1) 0s; } .gallery-slideshow[data-transition=3D"scale-down"] .gallery-slideshow-item[= data-next=3D"true"] .gallery-slideshow-item-src { transform: scale(1.1); op= acity: 0; } .gallery-slideshow[data-transition=3D"scale-down"] .gallery-slideshow-item[= data-next=3D"false"] .gallery-slideshow-item-src { transform: scale(1.1); o= pacity: 0; } .gallery-slideshow[data-transition=3D"scale-down"] .gallery-slideshow-item[= data-active=3D"true"][data-in=3D"true"] .gallery-slideshow-item-src { trans= form: scale(1); opacity: 1; } .gallery-slideshow[data-transition=3D"scale-down"] .gallery-slideshow-item[= data-active=3D"true"][data-in=3D"false"] .gallery-slideshow-item-src { tran= sition: transform 800ms cubic-bezier(0, 0, 0.2, 1) 0s, opacity 800ms cubic-= bezier(0, 0, 0.2, 1) 0s; transform: scale(1); opacity: 0; } .gallery-slideshow[data-transition=3D"slide-horizontal"] .gallery-slideshow= -item-wrapper { overflow: hidden; } .gallery-slideshow[data-transition=3D"slide-horizontal"] .gallery-slideshow= -item[data-active=3D"true"] .gallery-slideshow-item-src { transition: trans= form 800ms cubic-bezier(0.2, 0.6, 0.3, 1) 0s, opacity 800ms cubic-bezier(0.= 2, 0.6, 0.3, 1) 0s; } .gallery-slideshow[data-transition=3D"slide-horizontal"] .gallery-slideshow= -item[data-next=3D"true"] .gallery-slideshow-item-src { transform: translat= eX(10%); opacity: 0; } .gallery-slideshow[data-transition=3D"slide-horizontal"] .gallery-slideshow= -item[data-next=3D"false"] .gallery-slideshow-item-src { transform: transla= teX(-10%); opacity: 0; } .gallery-slideshow[data-transition=3D"slide-horizontal"] .gallery-slideshow= -item[data-active=3D"true"][data-in=3D"true"] .gallery-slideshow-item-src {= transform: translateX(0%); opacity: 1; } .gallery-slideshow[data-transition=3D"slide-horizontal"] .gallery-slideshow= -item[data-active=3D"true"][data-in=3D"false"] .gallery-slideshow-item-src = { transition: transform 800ms cubic-bezier(0, 0, 0.2, 1) 0s, opacity 800ms = cubic-bezier(0, 0, 0.2, 1) 0s; transform: translateX(0%); } .gallery-slideshow[data-transition=3D"slide-vertical"] .gallery-slideshow-i= tem-wrapper { overflow: hidden; } .gallery-slideshow[data-transition=3D"slide-vertical"] .gallery-slideshow-i= tem[data-active=3D"true"] .gallery-slideshow-item-src { transition: transfo= rm 800ms cubic-bezier(0.2, 0.6, 0.3, 1) 0s, opacity 800ms cubic-bezier(0.2,= 0.6, 0.3, 1) 0s; } .gallery-slideshow[data-transition=3D"slide-vertical"] .gallery-slideshow-i= tem[data-next=3D"true"] .gallery-slideshow-item-src { transform: translateY= (10%); opacity: 0; } .gallery-slideshow[data-transition=3D"slide-vertical"] .gallery-slideshow-i= tem[data-next=3D"false"] .gallery-slideshow-item-src { transform: translate= Y(-10%); opacity: 0; } .gallery-slideshow[data-transition=3D"slide-vertical"] .gallery-slideshow-i= tem[data-active=3D"true"][data-in=3D"true"] .gallery-slideshow-item-src { t= ransform: translateY(0%); opacity: 1; } .gallery-slideshow[data-transition=3D"slide-vertical"] .gallery-slideshow-i= tem[data-active=3D"true"][data-in=3D"false"] .gallery-slideshow-item-src { = transition: transform 800ms cubic-bezier(0, 0, 0.2, 1) 0s, opacity 800ms cu= bic-bezier(0, 0, 0.2, 1) 0s; transform: translateY(0%); } .tweak-global-animations-animation-type-fade .gallery-slideshow[data-transi= tion=3D"site-default"] .gallery-slideshow-item[data-active=3D"true"] .galle= ry-slideshow-item-src { transition: opacity 0.4s cubic-bezier(0.33, 1, 0.68= , 1) 0s; } .tweak-global-animations-animation-type-fade .gallery-slideshow[data-transi= tion=3D"site-default"] .gallery-slideshow-item[data-next=3D"true"] .gallery= -slideshow-item-src { opacity: 0; } .tweak-global-animations-animation-type-fade .gallery-slideshow[data-transi= tion=3D"site-default"] .gallery-slideshow-item[data-next=3D"false"] .galler= y-slideshow-item-src { opacity: 0; } .tweak-global-animations-animation-type-fade .gallery-slideshow[data-transi= tion=3D"site-default"] .gallery-slideshow-item[data-active=3D"true"][data-i= n=3D"true"] .gallery-slideshow-item-src { opacity: 1; } .tweak-global-animations-animation-type-scale .gallery-slideshow[data-trans= ition=3D"site-default"] .gallery-slideshow-item[data-active=3D"true"] .gall= ery-slideshow-item-src { transition: opacity 0.2s cubic-bezier(0.33, 1, 0.6= 8, 1) 0s, transform 1s step-end 0s; } .tweak-global-animations-animation-type-scale .gallery-slideshow[data-trans= ition=3D"site-default"] .gallery-slideshow-item[data-next=3D"true"] .galler= y-slideshow-item-src { opacity: 0; transform: scale(0.94); } .tweak-global-animations-animation-type-scale .gallery-slideshow[data-trans= ition=3D"site-default"] .gallery-slideshow-item[data-next=3D"false"] .galle= ry-slideshow-item-src { opacity: 0; transform: scale(0.94); } .tweak-global-animations-animation-type-scale .gallery-slideshow[data-trans= ition=3D"site-default"] .gallery-slideshow-item[data-active=3D"true"][data-= in=3D"true"] .gallery-slideshow-item-src { opacity: 1; transform: scale(1);= transition: opacity 0.2s cubic-bezier(0.33, 1, 0.68, 1) 0s, transform 1s c= ubic-bezier(0.33, 1, 0.68, 1) 0s; } .tweak-global-animations-animation-type-slide .gallery-slideshow[data-trans= ition=3D"site-default"] .gallery-slideshow-item[data-active=3D"true"] .gall= ery-slideshow-item-src { transition: opacity 0.2s cubic-bezier(0.33, 1, 0.6= 8, 1) 0s, transform 0.2s step-end 0s; } .tweak-global-animations-animation-type-slide .gallery-slideshow[data-trans= ition=3D"site-default"] .gallery-slideshow-item[data-next=3D"true"] .galler= y-slideshow-item-src { opacity: 0; transform: translateX(5vw); } .tweak-global-animations-animation-type-slide .gallery-slideshow[data-trans= ition=3D"site-default"] .gallery-slideshow-item[data-next=3D"false"] .galle= ry-slideshow-item-src { opacity: 0; transform: translateX(-5vw); } .tweak-global-animations-animation-type-slide .gallery-slideshow[data-trans= ition=3D"site-default"] .gallery-slideshow-item[data-active=3D"true"][data-= in=3D"true"] .gallery-slideshow-item-src { opacity: 1; transform: translate= X(0px); transition: opacity 0.2s cubic-bezier(0.33, 1, 0.68, 1) 0s, transfo= rm 0.75s cubic-bezier(0.33, 1, 0.68, 1) 0s; } .tweak-global-animations-animation-type-clip .gallery-slideshow[data-transi= tion=3D"site-default"] .gallery-slideshow-item[data-active=3D"true"] .galle= ry-slideshow-item-src img { transition: clip-path 0.75s cubic-bezier(0.25, = 1, 0.6, 1) 0s; } .tweak-global-animations-animation-type-clip .gallery-slideshow[data-transi= tion=3D"site-default"] .gallery-slideshow-item[data-next=3D"true"] .gallery= -slideshow-item-src { opacity: 1; } .tweak-global-animations-animation-type-clip .gallery-slideshow[data-transi= tion=3D"site-default"] .gallery-slideshow-item[data-next=3D"true"] .gallery= -slideshow-item-src img { clip-path: polygon(100% 0px, 100% 0px, 100% 100%,= 100% 100%); } .tweak-global-animations-animation-type-clip .gallery-slideshow[data-transi= tion=3D"site-default"] .gallery-slideshow-item[data-next=3D"false"] .galler= y-slideshow-item-src { opacity: 1; } .tweak-global-animations-animation-type-clip .gallery-slideshow[data-transi= tion=3D"site-default"] .gallery-slideshow-item[data-next=3D"false"] .galler= y-slideshow-item-src img { clip-path: polygon(0% 0px, 0px 0%, 0% 100%, 0% 1= 00%); } .tweak-global-animations-animation-type-clip .gallery-slideshow[data-transi= tion=3D"site-default"] .gallery-slideshow-item[data-active=3D"true"][data-i= n=3D"true"] .gallery-slideshow-item-src { opacity: 1; } .tweak-global-animations-animation-type-clip .gallery-slideshow[data-transi= tion=3D"site-default"] .gallery-slideshow-item[data-active=3D"true"][data-i= n=3D"true"] .gallery-slideshow-item-src img { clip-path: polygon(0px 0px, 1= 00% 0px, 100% 100%, 0% 100%); transition: clip-path 1s cubic-bezier(0.25, 1= , 0.6, 1) 0.3s; } .tweak-global-animations-animation-type-flex .gallery-slideshow[data-transi= tion=3D"site-default"] .gallery-slideshow-item[data-active=3D"true"] .galle= ry-slideshow-item-src { transition: opacity 0.2s cubic-bezier(0.25, 1, 0.6,= 1) 0s, transform 0.2s step-end 0s; } .tweak-global-animations-animation-type-flex .gallery-slideshow[data-transi= tion=3D"site-default"] .gallery-slideshow-item[data-active=3D"true"] .galle= ry-slideshow-item-src img { transition: clip-path 0.2s step-end 0s, transfo= rm 0.2s cubic-bezier(0.25, 1, 0.6, 1) 0s; } .tweak-global-animations-animation-type-flex .gallery-slideshow[data-transi= tion=3D"site-default"] .gallery-slideshow-item[data-next=3D"true"] .gallery= -slideshow-item-src { opacity: 0; transform: translateX(6vw); } .tweak-global-animations-animation-type-flex .gallery-slideshow[data-transi= tion=3D"site-default"] .gallery-slideshow-item[data-next=3D"true"] .gallery= -slideshow-item-src img { clip-path: polygon(100% 0px, 100% 0px, 100% 100%,= 150% 100%); transform: scale(0.9); } .tweak-global-animations-animation-type-flex .gallery-slideshow[data-transi= tion=3D"site-default"] .gallery-slideshow-item[data-next=3D"false"] .galler= y-slideshow-item-src { opacity: 0; transform: translateX(-6vw); } .tweak-global-animations-animation-type-flex .gallery-slideshow[data-transi= tion=3D"site-default"] .gallery-slideshow-item[data-next=3D"false"] .galler= y-slideshow-item-src img { clip-path: polygon(0% 0px, 0px 0%, -50% 100%, 0%= 100%); transform: scale(0.9); } .tweak-global-animations-animation-type-flex .gallery-slideshow[data-transi= tion=3D"site-default"] .gallery-slideshow-item[data-active=3D"true"][data-i= n=3D"true"] .gallery-slideshow-item-src { opacity: 1; transform: translateX= (0px); transition: opacity 0.15s cubic-bezier(0.25, 1, 0.6, 1) 0s, transfor= m 1s cubic-bezier(0.25, 1, 0.6, 1) 0s; } .tweak-global-animations-animation-type-flex .gallery-slideshow[data-transi= tion=3D"site-default"] .gallery-slideshow-item[data-active=3D"true"][data-i= n=3D"true"] .gallery-slideshow-item-src img { clip-path: polygon(0px 0px, 1= 00% 0px, 100% 100%, 0% 100%); transform: scale(1); transition: clip-path 1s= cubic-bezier(0.25, 1, 0.6, 1) 0.05s; } .gallery-fullscreen-slideshow { position: relative; box-sizing: border-box;= user-select: none; z-index: 0; } .gallery-fullscreen-slideshow[data-width=3D"full-bleed"] { max-width: 100%;= padding-left: 0px; padding-right: 0px; } .gallery-fullscreen-slideshow[data-width=3D"full"] { max-width: 100%; paddi= ng: 3vw; } @media screen and (max-width: 767px) { .gallery-fullscreen-slideshow[data-width=3D"full"] { padding: 6vw; } } .gallery-fullscreen-slideshow-wrapper { position: relative; display: flex; = flex-direction: column; width: 100%; height: 100%; } .gallery-fullscreen-slideshow-list { position: relative; flex-grow: 1; flex= -shrink: 1; z-index: 0; box-sizing: content-box; cursor: grab; } .gallery-fullscreen-slideshow-lightbox-link { position: absolute; inset: 0p= x; display: block; z-index: 1; } .gallery-fullscreen-slideshow-lightbox-link { cursor: zoom-in; } .gallery-fullscreen-slideshow-controls { display: none; width: 100%; pointe= r-events: none; position: absolute; height: 100%; top: 0px; left: 0px; just= ify-content: space-between; } .gallery-fullscreen-slideshow-control { display: flex; flex-grow: 0; flex-s= hrink: 0; align-items: center; justify-content: center; z-index: 1; } .gallery-fullscreen-slideshow-control-btn { background: initial; border: in= itial; position: relative; color: rgb(0, 0, 0); padding: 8px 10px 8px 8px; = box-sizing: border-box; pointer-events: all; opacity: 0.75; transition: opa= city 600ms cubic-bezier(0.4, 0, 0.2, 1) 0s; } .gallery-fullscreen-slideshow-control-btn[data-previous] { margin-left: 20p= x; } .gallery-fullscreen-slideshow-control-btn[data-next] { margin-right: 20px; = padding: 8px 8px 8px 10px; } .gallery-fullscreen-slideshow-control-btn::before { position: absolute; con= tent: ""; inset: 0px; opacity: 0.5; border-radius: 0.15em; } @media (hover: hover) { .gallery-fullscreen-slideshow-control-btn:hover { opacity: 1; } } .gallery-fullscreen-slideshow-control-btn:focus { opacity: 1; } .gallery-fullscreen-slideshow-control-btn .caret-right-icon--small, .galler= y-fullscreen-slideshow-control-btn .caret-left-icon--small { width: 9px; he= ight: 16px; position: relative; display: block; box-sizing: content-box; li= ne-height: 1; } .gallery-fullscreen-slideshow-control-btn .caret-right-icon--small svg, .ga= llery-fullscreen-slideshow-control-btn .caret-left-icon--small svg { width:= 100%; height: 100%; } .gallery-fullscreen-slideshow-item-wrapper { position: absolute; top: 0px; = left: 0px; width: 100%; height: 100%; } .gallery-fullscreen-slideshow-item { position: absolute; top: 0px; left: 0p= x; margin: 0px; width: 100%; height: 100%; visibility: hidden; } .gallery-fullscreen-slideshow-item-src, .gallery-fullscreen-slideshow-item-= img { position: absolute; width: 100%; height: 100%; } .gallery-fullscreen-slideshow-item .gallery-fullscreen-slideshow-image-link= { position: absolute; display: block; left: 0px; top: 0px; width: 100%; he= ight: 100%; } .gallery-fullscreen-slideshow-item[data-active=3D"true"] { visibility: visi= ble; } .gallery-fullscreen-slideshow-item[data-active=3D"true"][data-in=3D"true"] = .gallery-caption-fullscreen-slideshow { opacity: 1; visibility: visible; } .gallery-fullscreen-slideshow[data-show-captions=3D"false"] .gallery-captio= n-fullscreen-slideshow { display: none; } .gallery-fullscreen-slideshow[data-show-captions=3D"true"][data-width=3D"fu= ll-bleed"] { margin-bottom: 150px; } .gallery-fullscreen-slideshow[data-show-captions=3D"true"][data-width=3D"fu= ll"] { padding-bottom: 0px; margin-bottom: 150px; } .gallery-fullscreen-slideshow .gallery-fullscreen-slideshow-bullet-nav { di= splay: none; flex-wrap: wrap; place-content: center; width: 100%; position:= absolute; bottom: 20px; left: 0px; } .gallery-fullscreen-slideshow .gallery-fullscreen-slideshow-bullet-nav .gal= lery-fullscreen-slideshow-bullet { display: block; width: 10px; height: 10p= x; border-style: solid; border-width: 1px; border-radius: 50%; margin: 5px;= padding: 0px; } .gallery-fullscreen-slideshow .gallery-fullscreen-slideshow-bullet-nav .gal= lery-fullscreen-slideshow-bullet:not(.active) { background-color: transpare= nt; } .gallery-fullscreen-slideshow[data-controls=3D"arrows"] .gallery-fullscreen= -slideshow-controls { display: flex; } .gallery-fullscreen-slideshow[data-controls=3D"bullets"] .gallery-fullscree= n-slideshow-bullet-nav { display: flex; } .gallery-fullscreen-slideshow[data-transition=3D"none"] .gallery-fullscreen= -slideshow-item .gallery-fullscreen-slideshow-item-src, .gallery-fullscreen= -slideshow[data-transition=3D"none"] .gallery-fullscreen-slideshow-item .ga= llery-caption-fullscreen-slideshow { transition: none 0s ease 0s; } .gallery-fullscreen-slideshow[data-transition=3D"fade"] .gallery-fullscreen= -slideshow-item[data-active=3D"true"] .gallery-fullscreen-slideshow-item-sr= c { transition: opacity 400ms cubic-bezier(0.2, 0.6, 0.3, 1) 0s; } .gallery-fullscreen-slideshow[data-transition=3D"fade"] .gallery-fullscreen= -slideshow-item[data-next=3D"true"] .gallery-fullscreen-slideshow-item-src = { opacity: 0; } .gallery-fullscreen-slideshow[data-transition=3D"fade"] .gallery-fullscreen= -slideshow-item[data-next=3D"false"] .gallery-fullscreen-slideshow-item-src= { opacity: 0; } .gallery-fullscreen-slideshow[data-transition=3D"fade"] .gallery-fullscreen= -slideshow-item[data-active=3D"true"][data-in=3D"true"] .gallery-fullscreen= -slideshow-item-src { opacity: 1; } .gallery-fullscreen-slideshow[data-transition=3D"spin"] .gallery-fullscreen= -slideshow-item[data-active=3D"true"] .gallery-fullscreen-slideshow-item-sr= c { transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 40= 0ms cubic-bezier(0.2, 0.6, 0.3, 1) 0s; } .gallery-fullscreen-slideshow[data-transition=3D"spin"] .gallery-fullscreen= -slideshow-item[data-next=3D"true"] .gallery-fullscreen-slideshow-item-src = { transform: perspective(1000px) translateX(0px) rotateY(10deg); opacity: 0= ; } .gallery-fullscreen-slideshow[data-transition=3D"spin"] .gallery-fullscreen= -slideshow-item[data-next=3D"false"] .gallery-fullscreen-slideshow-item-src= { transform: perspective(1000px) translateX(0px) rotateY(-10deg); opacity:= 0; } .gallery-fullscreen-slideshow[data-transition=3D"spin"] .gallery-fullscreen= -slideshow-item[data-active=3D"true"][data-in=3D"true"] .gallery-fullscreen= -slideshow-item-src { transform: perspective(1000px) rotateY(0deg); opacity= : 1; } .gallery-fullscreen-slideshow[data-transition=3D"scale-up"] .gallery-fullsc= reen-slideshow-item-wrapper { overflow: hidden; } .gallery-fullscreen-slideshow[data-transition=3D"scale-up"] .gallery-fullsc= reen-slideshow-item[data-active=3D"true"] .gallery-fullscreen-slideshow-ite= m-src { transition: transform 800ms cubic-bezier(0.2, 0.6, 0.3, 1) 0s, opac= ity 800ms cubic-bezier(0.2, 0.6, 0.3, 1) 0s; } .gallery-fullscreen-slideshow[data-transition=3D"scale-up"] .gallery-fullsc= reen-slideshow-item[data-next=3D"true"] .gallery-fullscreen-slideshow-item-= src { transform: scale(0.8); opacity: 0; } .gallery-fullscreen-slideshow[data-transition=3D"scale-up"] .gallery-fullsc= reen-slideshow-item[data-next=3D"false"] .gallery-fullscreen-slideshow-item= -src { transform: scale(0.8); opacity: 0; } .gallery-fullscreen-slideshow[data-transition=3D"scale-up"] .gallery-fullsc= reen-slideshow-item[data-active=3D"true"][data-in=3D"true"] .gallery-fullsc= reen-slideshow-item-src { transform: scale(1); opacity: 1; } .gallery-fullscreen-slideshow[data-transition=3D"scale-up"] .gallery-fullsc= reen-slideshow-item[data-active=3D"true"][data-in=3D"false"] .gallery-fulls= creen-slideshow-item-src { transition: transform 800ms cubic-bezier(0, 0, 0= .2, 1) 0s, opacity 800ms cubic-bezier(0, 0, 0.2, 1) 0s; transform: scale(1.= 1); opacity: 0; } .gallery-fullscreen-slideshow[data-transition=3D"scale-down"] .gallery-full= screen-slideshow-item-wrapper { overflow: hidden; } .gallery-fullscreen-slideshow[data-transition=3D"scale-down"] .gallery-full= screen-slideshow-item[data-active=3D"true"] .gallery-fullscreen-slideshow-i= tem-src { transition: transform 800ms cubic-bezier(0.2, 0.6, 0.3, 1) 0s, op= acity 800ms cubic-bezier(0.2, 0.6, 0.3, 1) 0s; } .gallery-fullscreen-slideshow[data-transition=3D"scale-down"] .gallery-full= screen-slideshow-item[data-next=3D"true"] .gallery-fullscreen-slideshow-ite= m-src { transform: scale(1.1); opacity: 0; } .gallery-fullscreen-slideshow[data-transition=3D"scale-down"] .gallery-full= screen-slideshow-item[data-next=3D"false"] .gallery-fullscreen-slideshow-it= em-src { transform: scale(1.1); opacity: 0; } .gallery-fullscreen-slideshow[data-transition=3D"scale-down"] .gallery-full= screen-slideshow-item[data-active=3D"true"][data-in=3D"true"] .gallery-full= screen-slideshow-item-src { transform: scale(1); opacity: 1; } .gallery-fullscreen-slideshow[data-transition=3D"scale-down"] .gallery-full= screen-slideshow-item[data-active=3D"true"][data-in=3D"false"] .gallery-ful= lscreen-slideshow-item-src { transition: transform 800ms cubic-bezier(0, 0,= 0.2, 1) 0s, opacity 800ms cubic-bezier(0, 0, 0.2, 1) 0s; transform: scale(= 1); opacity: 0; } .gallery-fullscreen-slideshow[data-transition=3D"slide-horizontal"] .galler= y-fullscreen-slideshow-item-wrapper { overflow: hidden; } .gallery-fullscreen-slideshow[data-transition=3D"slide-horizontal"] .galler= y-fullscreen-slideshow-item[data-active=3D"true"] .gallery-fullscreen-slide= show-item-src { transition: transform 800ms cubic-bezier(0.2, 0.6, 0.3, 1) = 0s, opacity 800ms cubic-bezier(0.2, 0.6, 0.3, 1) 0s; } .gallery-fullscreen-slideshow[data-transition=3D"slide-horizontal"] .galler= y-fullscreen-slideshow-item[data-next=3D"true"] .gallery-fullscreen-slidesh= ow-item-src { transform: translateX(10%); opacity: 0; } .gallery-fullscreen-slideshow[data-transition=3D"slide-horizontal"] .galler= y-fullscreen-slideshow-item[data-next=3D"false"] .gallery-fullscreen-slides= how-item-src { transform: translateX(-10%); opacity: 0; } .gallery-fullscreen-slideshow[data-transition=3D"slide-horizontal"] .galler= y-fullscreen-slideshow-item[data-active=3D"true"][data-in=3D"true"] .galler= y-fullscreen-slideshow-item-src { transform: translateX(0%); opacity: 1; } .gallery-fullscreen-slideshow[data-transition=3D"slide-horizontal"] .galler= y-fullscreen-slideshow-item[data-active=3D"true"][data-in=3D"false"] .galle= ry-fullscreen-slideshow-item-src { transition: transform 800ms cubic-bezier= (0, 0, 0.2, 1) 0s, opacity 800ms cubic-bezier(0, 0, 0.2, 1) 0s; transform: = translateX(0%); } .gallery-fullscreen-slideshow[data-transition=3D"slide-vertical"] .gallery-= fullscreen-slideshow-item-wrapper { overflow: hidden; } .gallery-fullscreen-slideshow[data-transition=3D"slide-vertical"] .gallery-= fullscreen-slideshow-item[data-active=3D"true"] .gallery-fullscreen-slidesh= ow-item-src { transition: transform 800ms cubic-bezier(0.2, 0.6, 0.3, 1) 0s= , opacity 800ms cubic-bezier(0.2, 0.6, 0.3, 1) 0s; } .gallery-fullscreen-slideshow[data-transition=3D"slide-vertical"] .gallery-= fullscreen-slideshow-item[data-next=3D"true"] .gallery-fullscreen-slideshow= -item-src { transform: translateY(10%); opacity: 0; } .gallery-fullscreen-slideshow[data-transition=3D"slide-vertical"] .gallery-= fullscreen-slideshow-item[data-next=3D"false"] .gallery-fullscreen-slidesho= w-item-src { transform: translateY(-10%); opacity: 0; } .gallery-fullscreen-slideshow[data-transition=3D"slide-vertical"] .gallery-= fullscreen-slideshow-item[data-active=3D"true"][data-in=3D"true"] .gallery-= fullscreen-slideshow-item-src { transform: translateY(0%); opacity: 1; } .gallery-fullscreen-slideshow[data-transition=3D"slide-vertical"] .gallery-= fullscreen-slideshow-item[data-active=3D"true"][data-in=3D"false"] .gallery= -fullscreen-slideshow-item-src { transition: transform 800ms cubic-bezier(0= , 0, 0.2, 1) 0s, opacity 800ms cubic-bezier(0, 0, 0.2, 1) 0s; transform: tr= anslateY(0%); } .gallery-masonry[data-width=3D"full-bleed"] { max-width: 100%; padding-left= : 0px; padding-right: 0px; } .gallery-masonry[data-width=3D"full"] { max-width: 100%; padding: 3vw; } @media screen and (max-width: 767px) { .gallery-masonry[data-width=3D"full"] { padding: 6vw; } } .gallery-masonry[data-width=3D"inset"] { max-width: 1400px; padding: 3vw; m= argin-left: auto; margin-right: auto; } @media screen and (max-width: 767px) { .gallery-masonry[data-width=3D"inset"] { padding: 6vw; } } .gallery-masonry-wrapper { position: relative; width: 100%; box-sizing: bor= der-box; } .gallery-masonry-wrapper--ready .gallery-masonry-item { transition: transfo= rm 600ms cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: transform; } .gallery-masonry[data-tweaking=3D"true"] .gallery-masonry-item { transition= : none 0s ease 0s !important; } .gallery-masonry-image-link, .gallery-masonry-lightbox-link { display: bloc= k; } .gallery-masonry-lightbox-link { cursor: zoom-in; } @media screen and (max-width: 767px) { .gallery-masonry-item:last-child { padding-bottom: 0px; } } .gallery-masonry-item-wrapper { position: relative; display: block; width: = 100%; } .gallery-masonry-item img { position: relative; display: block; width: 100%= ; height: auto; } .gallery-masonry-item:not([data-show]) .gallery-masonry-item-wrapper { opac= ity: 0; animation-name: none !important; } .gallery-masonry-item:not([data-show]) .gallery-masonry-item-caption { opac= ity: 0; visibility: hidden; } .gallery-masonry .gallery-masonry-wrapper { justify-content: center; align-= items: flex-start; } .gallery-masonry .gallery-masonry-item[data-loaded] img { height: auto !imp= ortant; } .gallery-masonry[data-show-captions=3D"false"] .gallery-masonry-item-captio= n { display: none; } .gallery-masonry[data-show-captions=3D"true"][data-animation=3D"none"] .gal= lery-masonry-item-caption { transition: none 0s ease 0s; } .gallery-masonry[data-animation=3D"fade-up"] .gallery-masonry-item-wrapper = { animation-name: tmpl-anim-fade-up; animation-duration: 800ms; animation-f= ill-mode: both; animation-iteration-count: 1; } .gallery-masonry[data-animation=3D"scale-up"] .gallery-masonry-item-wrapper= { animation-name: tmpl-anim-fade-scale-up; animation-duration: 800ms; anim= ation-fill-mode: both; animation-iteration-count: 1; } .gallery-masonry[data-animation=3D"stretch-up"] .gallery-masonry-item-wrapp= er { animation-name: tmpl-anim-fade-stretch-up; animation-duration: 800ms; = animation-fill-mode: both; animation-iteration-count: 1; } .gallery-masonry[data-animation=3D"strips-vertical"] .gallery-masonry-item-= wrapper { animation-name: tmpl-anim-clip-vertical-up; animation-duration: 8= 00ms; animation-fill-mode: both; animation-iteration-count: 1; } .gallery-masonry[data-animation=3D"strips-horizontal"] .gallery-masonry-ite= m-wrapper { animation-name: tmpl-anim-clip-horizontal-left; animation-durat= ion: 800ms; animation-fill-mode: both; animation-iteration-count: 1; } .user-items-list-simple { list-style: none; margin: 0px auto; display: grid= ; grid-template-columns: 1fr; } .user-items-list-simple[data-layout-width=3D"full-bleed"] { padding-left: 0= px; padding-right: 0px; } .user-items-list-simple[data-layout-width=3D"full"] { padding-left: 3vw; pa= dding-right: 3vw; } .user-items-list-simple[data-layout-width=3D"inset"] { padding-left: 3vw; p= adding-right: 3vw; max-width: 1400px; } @media screen and (min-width: 576px) { .user-items-list-simple:not([data-num-columns=3D"1"]) { grid-template-col= umns: repeat(2, 1fr); } } @media screen and (min-width: 768px) { .user-items-list-simple[data-num-columns=3D"6"], .user-items-list-simple[= data-num-columns=3D"5"], .user-items-list-simple[data-num-columns=3D"4"], .= user-items-list-simple[data-num-columns=3D"3"] { grid-template-columns: rep= eat(3, 1fr); } } @media screen and (min-width: 1100px) { .user-items-list-simple[data-num-columns=3D"6"], .user-items-list-simple[= data-num-columns=3D"5"], .user-items-list-simple[data-num-columns=3D"4"] { = grid-template-columns: repeat(4, 1fr); } } @media screen and (min-width: 1200px) { .user-items-list-simple[data-num-columns=3D"5"] { grid-template-columns: = repeat(5, 1fr); } .user-items-list-simple[data-num-columns=3D"6"] { grid-template-columns: = repeat(6, 1fr); } } .user-items-list-simple[data-alignment-vertical=3D"top"] { align-items: fle= x-start; } .user-items-list-simple[data-alignment-vertical=3D"middle"] { align-items: = center; } .user-items-list-simple[data-alignment-vertical=3D"bottom"] { align-items: = flex-end; } .user-items-list-simple[data-alignment-vertical=3D"stretch"] { align-items:= stretch; } .user-items-list-simple[data-alignment-vertical=3D"stretch"][data-content-o= rder=3D"media-first"] .list-item-content { flex: 1 1 0%; display: flex; fle= x-direction: column; justify-content: space-between; } .user-items-list-simple[data-media-alignment=3D"left"] .list-item-media { m= argin-left: 0px; margin-right: auto; } .user-items-list-simple[data-media-alignment=3D"center"] .list-item-media {= margin-left: auto; margin-right: auto; } .user-items-list-simple[data-media-alignment=3D"right"] .list-item-media { = margin-left: auto; margin-right: 0px; } .user-items-list-simple[data-title-placement=3D"left"] .list-item-content__= title { margin-left: 0px; margin-right: auto; } .user-items-list-simple[data-title-placement=3D"center"] .list-item-content= __title { margin-left: auto; margin-right: auto; } .user-items-list-simple[data-title-placement=3D"right"] .list-item-content_= _title { margin-left: auto; margin-right: 0px; } .user-items-list-simple[data-body-placement=3D"left"] .list-item-content__d= escription { margin-left: 0px; margin-right: auto; } .user-items-list-simple[data-body-placement=3D"center"] .list-item-content_= _description { margin-left: auto; margin-right: auto; } .user-items-list-simple[data-body-placement=3D"right"] .list-item-content__= description { margin-left: auto; margin-right: 0px; } .user-items-list-simple[data-button-placement=3D"left"] .list-item-content_= _button-container { margin-left: 0px; margin-right: auto; } .user-items-list-simple[data-button-placement=3D"center"] .list-item-conten= t__button-container { margin-left: auto; margin-right: auto; } .user-items-list-simple[data-button-placement=3D"right"] .list-item-content= __button-container { margin-left: auto; margin-right: 0px; } .user-items-list-simple[data-title-alignment=3D"left"] .list-item-content__= title { text-align: left; } .user-items-list-simple[data-title-alignment=3D"center"] .list-item-content= __title { text-align: center; } .user-items-list-simple[data-title-alignment=3D"right"] .list-item-content_= _title { text-align: right; } .user-items-list-simple[data-body-alignment=3D"left"] .list-item-content__d= escription { text-align: left; } .user-items-list-simple[data-body-alignment=3D"center"] .list-item-content_= _description { text-align: center; } .user-items-list-simple[data-body-alignment=3D"right"] .list-item-content__= description { text-align: right; } .user-items-list-simple[data-button-alignment=3D"left"] .list-item-content_= _button-container { text-align: left; } .user-items-list-simple[data-button-alignment=3D"center"] .list-item-conten= t__button-container { text-align: center; } .user-items-list-simple[data-button-alignment=3D"right"] .list-item-content= __button-container { text-align: right; } .user-items-list-simple .list-item { display: flex; flex-direction: column;= min-width: 0px; } .user-items-list-simple[data-alignment-vertical=3D"stretch"][data-content-o= rder=3D"content-first"] .list-item { justify-content: space-between; } .user-items-list-simple .list-item-media-inner { position: relative; } .user-items-list-simple .list-item-media-inner:not([data-aspect-ratio=3D"or= iginal"]) { height: 0px; overflow: hidden; } .user-items-list-simple .list-item-media-inner[data-aspect-ratio=3D"1:1"] {= padding-bottom: 100%; } .user-items-list-simple .list-item-media-inner[data-aspect-ratio=3D"3:2"] {= padding-bottom: 66.67%; } .user-items-list-simple .list-item-media-inner[data-aspect-ratio=3D"2:3"] {= padding-bottom: 150%; } .user-items-list-simple .list-item-media-inner[data-aspect-ratio=3D"4:3"] {= padding-bottom: 75%; } .user-items-list-simple .list-item-media-inner[data-aspect-ratio=3D"3:4"] {= padding-bottom: 133.33%; } .user-items-list-simple .list-item-media-inner[data-aspect-ratio=3D"16:9"] = { padding-bottom: 56.25%; } .user-items-list-simple .list-item-media-inner[data-aspect-ratio=3D"2.4:1"]= { padding-bottom: 41.67%; } .user-items-list-simple .list-item-media-inner[data-aspect-ratio=3D"circle"= ] { padding-bottom: 100%; border-radius: 50%; } .user-items-list-simple .list-image { width: 100%; min-height: 100%; height= : auto; } .user-items-list-simple .list-item-media-inner:not([data-aspect-ratio=3D"or= iginal"]) .list-image { height: 100%; object-fit: cover; position: absolute= ; left: 0px; top: 0px; } .user-items-list-simple .list-item-content__title { margin: 0px; } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper .user-items-list-item-container.user-items-list-simple[data-= title-font-unit=3D"rem"] .list-item-content__title { font-size: calc((var(-= -title-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { #siteWrapper .user-items-list-item-container.user-items-list-simple[data-= title-font-unit=3D"rem"] .list-item-content__title { font-size: calc((var(-= -title-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { #siteWrapper .user-items-list-item-container.user-items-list-simple[data-= title-font-unit=3D"rem"] .list-item-content__title { font-size: calc(var(--= title-font-size-value) * 1rem); } } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper .user-items-list-item-container.user-items-list-simple[data-= description-font-unit=3D"rem"] .list-item-content__description { font-size:= calc((var(--body-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + = 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { #siteWrapper .user-items-list-item-container.user-items-list-simple[data-= description-font-unit=3D"rem"] .list-item-content__description { font-size:= calc((var(--body-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { #siteWrapper .user-items-list-item-container.user-items-list-simple[data-= description-font-unit=3D"rem"] .list-item-content__description { font-size:= calc(var(--body-font-size-value) * 1rem); } } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper .user-items-list-item-container.user-items-list-simple[data-= button-font-unit=3D"rem"] .list-item-content__button { font-size: calc((var= (--button-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { #siteWrapper .user-items-list-item-container.user-items-list-simple[data-= button-font-unit=3D"rem"] .list-item-content__button { font-size: calc((var= (--button-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { #siteWrapper .user-items-list-item-container.user-items-list-simple[data-= button-font-unit=3D"rem"] .list-item-content__button { font-size: calc(var(= --button-font-size-value) * 1rem); } } .user-items-list-simple .list-item-content__description { margin: 0px; lett= er-spacing: normal; } .user-items-list-simple .list-item-content__description p:first-of-type { m= argin-top: 0px; } .user-items-list-simple .list-item-content__description p:last-of-type { ma= rgin-bottom: 0px; } .user-items-list-simple .list-item-content__button-container { position: re= lative; z-index: 1; } .user-items-list-simple .list-item-content__button { box-sizing: border-box= ; } .user-items-list-simple .list-item-content--hidden { display: none; } .user-items-list-banner-slideshow .slideshow-wrapper { position: relative; = } .user-items-list-banner-slideshow .slideshow-gutter { position: relative; o= verflow: hidden; cursor: grab; } .user-items-list-banner-slideshow .slideshow-gutter:focus { outline: none; = } .user-items-list-banner-slideshow .slideshow-gutter:focus::after { display:= block; box-sizing: border-box; border: 2px solid; content: ""; pointer-eve= nts: none; position: absolute; inset: 0px; } .user-items-list-banner-slideshow .slideshow-gutter:focus:not(:focus-visibl= e)::after { display: none; } .user-items-list-banner-slideshow .slideshow-holder { margin: auto; } .user-items-list-banner-slideshow[data-layout-width=3D"full-bleed"] .slides= how-gutter { padding-left: 0px; padding-right: 0px; } .user-items-list-banner-slideshow[data-layout-width=3D"full-bleed"] .slides= how-holder { max-width: 100%; } .user-items-list-banner-slideshow[data-layout-width=3D"full"] .slideshow-gu= tter { padding-left: 3vw; padding-right: 3vw; } .user-items-list-banner-slideshow[data-layout-width=3D"full"] .slideshow-ho= lder { max-width: 100%; } .user-items-list-banner-slideshow[data-layout-width=3D"full"] .arrows-botto= m-outer { padding-left: 3vw; padding-right: 3vw; } .user-items-list-banner-slideshow[data-layout-width=3D"inset"] .slideshow-g= utter { padding-left: 3vw; padding-right: 3vw; } .user-items-list-banner-slideshow[data-layout-width=3D"inset"] .slideshow-h= older { max-width: 1400px; } .user-items-list-banner-slideshow[data-layout-width=3D"inset"] .arrows-bott= om-outer { padding-left: 3vw; padding-right: 3vw; } .user-items-list-banner-slideshow[data-layout-width=3D"inset"] .arrows-bott= om-wrapper { max-width: 1400px; } .user-items-list-banner-slideshow .slides { list-style-type: none; margin: = 0px; padding: 0px; display: grid; width: 100%; box-sizing: border-box; grid= -template-columns: 1fr; grid-template-rows: 1fr; opacity: 0; transition: op= acity 0.3s ease 0s; } @media screen and (max-width: 575px) { .user-items-list-banner-slideshow .slides { padding-right: 0px !important= ; } } .user-items-list-banner-slideshow .slides--initialized { opacity: 1; } .user-items-list-banner-slideshow .slide { position: relative; grid-area: 1= / 1 / -1 / -1; box-sizing: border-box; display: flex; min-width: 0px; tran= sform: translateX(-9999px); pointer-events: none; user-select: none; } .user-items-list-banner-slideshow .slide a, .user-items-list-banner-slidesh= ow .slide button { pointer-events: auto; } .user-items-list-banner-slideshow[data-card-vertical-position=3D"top"] .sli= de { align-items: flex-start; } .user-items-list-banner-slideshow[data-card-vertical-position=3D"middle"] .= slide { align-items: center; } .user-items-list-banner-slideshow[data-card-vertical-position=3D"bottom"] .= slide { align-items: flex-end; } .user-items-list-banner-slideshow[data-card-horizontal-position=3D"left"] .= slide { justify-content: flex-start; } .user-items-list-banner-slideshow[data-card-horizontal-position=3D"center"]= .slide { justify-content: center; } .user-items-list-banner-slideshow[data-card-horizontal-position=3D"right"] = .slide { justify-content: flex-end; } .user-items-list-banner-slideshow .slide-content { position: relative; box-= sizing: border-box; } @media screen and (max-width: 575px) { .user-items-list-banner-slideshow .slide-content { margin: 88px 0px; } } @media screen and (min-width: 576px) { .user-items-list-banner-slideshow[data-show-adjacent-slides=3D"true"] .sl= ideshow-holder { overflow: visible; } } @media screen and (max-width: 575px) { .user-items-list-banner-slideshow[data-show-adjacent-slides=3D"true"] .sl= ideshow-holder { overflow: hidden; } } .user-items-list-banner-slideshow[data-show-adjacent-slides=3D"false"] .sli= deshow-holder { overflow: hidden; } .user-items-list-banner-slideshow .slide-media-container { position: absolu= te; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; } .user-items-list-banner-slideshow .list-slideshow-image { display: block; w= idth: 100%; height: 100%; object-fit: cover; } .user-items-list-banner-slideshow .list-item-content__title { margin: 0px; = } .user-items-list-banner-slideshow .list-item-content__description { margin:= 0px; letter-spacing: normal; } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper .user-items-list-item-container.user-items-list-banner-slide= show[data-title-font-unit=3D"rem"] .list-item-content__title { font-size: c= alc((var(--title-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1= rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { #siteWrapper .user-items-list-item-container.user-items-list-banner-slide= show[data-title-font-unit=3D"rem"] .list-item-content__title { font-size: c= alc((var(--title-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { #siteWrapper .user-items-list-item-container.user-items-list-banner-slide= show[data-title-font-unit=3D"rem"] .list-item-content__title { font-size: c= alc(var(--title-font-size-value) * 1rem); } } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper .user-items-list-item-container.user-items-list-banner-slide= show[data-description-font-unit=3D"rem"] .list-item-content__description { = font-size: calc((var(--body-font-size-value) - 1) * calc(.012 * min(100vh, = 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { #siteWrapper .user-items-list-item-container.user-items-list-banner-slide= show[data-description-font-unit=3D"rem"] .list-item-content__description { = font-size: calc((var(--body-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { #siteWrapper .user-items-list-item-container.user-items-list-banner-slide= show[data-description-font-unit=3D"rem"] .list-item-content__description { = font-size: calc(var(--body-font-size-value) * 1rem); } } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper .user-items-list-item-container.user-items-list-banner-slide= show[data-button-font-unit=3D"rem"] .list-item-content__button { font-size:= calc((var(--button-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) = + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { #siteWrapper .user-items-list-item-container.user-items-list-banner-slide= show[data-button-font-unit=3D"rem"] .list-item-content__button { font-size:= calc((var(--button-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { #siteWrapper .user-items-list-item-container.user-items-list-banner-slide= show[data-button-font-unit=3D"rem"] .list-item-content__button { font-size:= calc(var(--button-font-size-value) * 1rem); } } .user-items-list-banner-slideshow[data-title-alignment=3D"left"] .list-item= -content__title { text-align: left; } .user-items-list-banner-slideshow[data-title-alignment=3D"center"] .list-it= em-content__title { text-align: center; } .user-items-list-banner-slideshow[data-title-alignment=3D"right"] .list-ite= m-content__title { text-align: right; } .user-items-list-banner-slideshow[data-body-alignment=3D"left"] .list-item-= content__description { text-align: left; } .user-items-list-banner-slideshow[data-body-alignment=3D"center"] .list-ite= m-content__description { text-align: center; } .user-items-list-banner-slideshow[data-body-alignment=3D"right"] .list-item= -content__description { text-align: right; } .user-items-list-banner-slideshow[data-button-alignment=3D"left"] .list-ite= m-content__button-container { text-align: left; } .user-items-list-banner-slideshow[data-button-alignment=3D"center"] .list-i= tem-content__button-container { text-align: center; } .user-items-list-banner-slideshow[data-button-alignment=3D"right"] .list-it= em-content__button-container { text-align: right; } .user-items-list-banner-slideshow .arrow-container { position: absolute; to= p: 0px; height: 100%; display: flex; align-items: center; pointer-events: n= one; } .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-= button { pointer-events: auto; cursor: pointer; display: block; appearance:= none; border-radius: 50%; overflow: hidden; width: 60px; height: 60px; bor= der: none; padding: 0px; margin: 0px; transition: opacity 0.3s ease 0s; pos= ition: relative; background: transparent; z-index: 1; } .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-= button:focus { outline: none; } .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-= button:focus::after { position: absolute; height: 80%; width: 80%; border-r= adius: 50%; border: 2px solid; content: ""; inset: 0px; margin: auto; } .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-= button:focus:not(:focus-visible)::after { display: none; } .user-items-list-banner-slideshow .arrow-button--hidden { opacity: 0; point= er-events: none; } .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-= icon-background-area { position: absolute; width: 100%; height: 100%; left:= 0px; top: 0px; opacity: 0.7; transition: opacity 0.3s ease 0s; } .user-items-list-banner-slideshow .arrow-button:hover .user-items-list-bann= er-slideshow__arrow-icon-background-area { opacity: 1; } .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-= icon { position: relative; display: block; margin: 0px auto; width: 36px; h= eight: 36px; } .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-= icon-path { stroke-width: 2px; stroke-linejoin: round; stroke-linecap: roun= d; fill: none; } .user-items-list-banner-slideshow .arrows-bottom-outer { position: absolute= ; left: 0px; bottom: 0px; width: 100%; box-sizing: border-box; } .user-items-list-banner-slideshow .arrows-bottom-wrapper { display: flex; b= ox-sizing: border-box; margin: 0px auto; } .user-items-list-banner-slideshow .arrows-bottom { display: grid; grid-temp= late-columns: 1fr 1fr; gap: 20px; } .user-items-list-banner-slideshow[data-navigation-alignment=3D"left"] .arro= ws-bottom-wrapper { justify-content: flex-start; } .user-items-list-banner-slideshow[data-navigation-alignment=3D"center"] .ar= rows-bottom-wrapper { justify-content: center; } .user-items-list-banner-slideshow[data-navigation-alignment=3D"right"] .arr= ows-bottom-wrapper { justify-content: flex-end; } .user-items-list-banner-slideshow .mobile-arrows { display: none; justify-c= ontent: center; margin-top: 20px; position: absolute; bottom: 20px; left: 0= px; width: 100%; } .user-items-list-banner-slideshow .mobile-arrow-button { pointer-events: au= to; appearance: none; cursor: pointer; display: block; border: none; border= -radius: 50%; overflow: hidden; width: 48px; height: 48px; margin: 0px; pad= ding: 0px; position: relative; background: transparent; z-index: 1; } .user-items-list-banner-slideshow .mobile-arrow-button--left { margin-right= : 10px; } .user-items-list-banner-slideshow .mobile-arrow-button--hidden { opacity: 0= ; pointer-events: none; } .user-items-list-banner-slideshow .mobile-arrow-icon-background-area { posi= tion: absolute; width: 40px; height: 40px; left: 4px; top: 4px; transition:= opacity 0.3s ease 0s; border-radius: 50%; } .user-items-list-banner-slideshow .mobile-arrow-icon { position: relative; = display: block; margin: 0px auto; width: 20px; height: 20px; } @media screen and (max-width: 575px) { .user-items-list-banner-slideshow .desktop-arrows { display: none; } .user-items-list-banner-slideshow .mobile-arrows { display: flex; } } .user-items-list-banner-slideshow .progress-indicators { width: 100%; text-= align: center; color: rgb(255, 255, 255); padding: 20px 0px; display: flex;= justify-content: center; } .user-items-list-banner-slideshow .list-slideshow-bullet { appearance: none= ; background: transparent; border: 1px solid; padding: 0px; display: block;= width: 12px; height: 12px; border-radius: 50%; margin: 0px 6px; } .user-items-list-banner-slideshow[data-progress-indicators-placement=3D"ins= et"] .progress-indicators { position: absolute; bottom: 0px; } .user-items-list-banner-slideshow[data-progress-indicators-placement=3D"ins= et"] .list-slideshow-bullet { border-color: rgb(255, 255, 255); } .user-items-list-banner-slideshow[data-progress-indicators-placement=3D"out= side"] .list-slideshow-bullet { border-color: rgb(51, 51, 51); } .user-items-list-banner-slideshow .list-item-content--hidden { display: non= e; } .user-items-list-banner-slideshow:not([data-has-multiple-slides]) .slidesho= w-gutter { cursor: auto !important; } .user-items-list-banner-slideshow:not([data-has-multiple-slides]) .arrow-co= ntainer, .user-items-list-banner-slideshow:not([data-has-multiple-slides]) = .mobile-arrows { display: none; } .user-items-list-banner-slideshow:not([data-has-multiple-slides]) .slide { = pointer-events: auto; user-select: auto; } .user-items-list-carousel__gutter { position: relative; overflow: hidden; c= ursor: grab; } .user-items-list-carousel__gutter:focus { outline: none; } .user-items-list-carousel__gutter:focus::after { display: block; box-sizing= : border-box; border: 2px solid; content: ""; pointer-events: none; positio= n: absolute; inset: 0px; } .user-items-list-carousel__gutter:focus:not(:focus-visible)::after { displa= y: none; } .user-items-list-carousel__slideshow-holder { position: relative; margin: 0= px auto; } .user-items-list-carousel[data-layout-width=3D"full-bleed"] .user-items-lis= t-carousel__gutter, .user-items-list-carousel[data-layout-width=3D"full-ble= ed"] .arrows-bottom-wrapper { padding-left: 0px; padding-right: 0px; } .user-items-list-carousel[data-layout-width=3D"full-bleed"][data-show-adjac= ent-slides=3D"true"] .user-items-list-carousel__arrow-wrapper { width: calc= (100% - 0px); max-width: calc(100% - 40px); } .user-items-list-carousel[data-layout-width=3D"full-bleed"][data-show-adjac= ent-slides=3D"false"] .user-items-list-carousel__arrow-wrapper { width: cal= c(100% - 0px); max-width: 100%; } .user-items-list-carousel[data-layout-width=3D"full"] .user-items-list-caro= usel__gutter, .user-items-list-carousel[data-layout-width=3D"full"] .arrows= -bottom-wrapper { padding-left: 3vw; padding-right: 3vw; } .user-items-list-carousel[data-layout-width=3D"full"][data-show-adjacent-sl= ides=3D"true"] .user-items-list-carousel__arrow-wrapper { width: calc(100% = - 6vw); max-width: calc(100% - 40px); } .user-items-list-carousel[data-layout-width=3D"full"][data-show-adjacent-sl= ides=3D"false"] .user-items-list-carousel__arrow-wrapper { width: calc(100%= - 6vw); max-width: 100%; } .user-items-list-carousel[data-layout-width=3D"inset"] .user-items-list-car= ousel__gutter { padding-left: 3vw; padding-right: 3vw; } .user-items-list-carousel[data-layout-width=3D"inset"] .user-items-list-car= ousel__slideshow-holder { max-width: 1400px; } .user-items-list-carousel[data-layout-width=3D"inset"] .arrows-bottom-wrapp= er { padding-left: 3vw; padding-right: 3vw; box-sizing: content-box; max-wi= dth: 1400px; margin-left: auto; margin-right: auto; } .user-items-list-carousel[data-layout-width=3D"inset"][data-show-adjacent-s= lides=3D"true"] .user-items-list-carousel__arrow-wrapper { width: calc(100%= - 6vw); max-width: calc(1360px); } .user-items-list-carousel[data-layout-width=3D"inset"][data-show-adjacent-s= lides=3D"false"] .user-items-list-carousel__arrow-wrapper { width: calc(100= % - 6vw); max-width: 1400px; } @media screen and (min-width: 576px) { .user-items-list-carousel[data-show-adjacent-slides=3D"true"] .user-items= -list-carousel__slides-revealer { overflow: visible; } .user-items-list-carousel[data-show-adjacent-slides=3D"true"] .user-items= -list-carousel__slides, .user-items-list-carousel[data-show-adjacent-slides= =3D"true"] .user-items-list-carousel__arrow-wrapper--left { padding-right: = 40px; } .user-items-list-carousel[data-show-adjacent-slides=3D"true"] .user-items= -list-carousel__arrow-wrapper--right { padding-left: 40px; } } @media screen and (max-width: 575px) { .user-items-list-carousel[data-show-adjacent-slides=3D"true"] .user-items= -list-carousel__slides-revealer { overflow: hidden; } } .user-items-list-carousel[data-show-adjacent-slides=3D"false"] .user-items-= list-carousel__slides-revealer { overflow: hidden; } .user-items-list-carousel__slides { margin: 0px; padding: 0px; width: 100%;= box-sizing: border-box; display: grid; grid-template-rows: 1fr; grid-templ= ate-columns: 1fr; list-style-type: none; opacity: 0; transition: opacity 0.= 3s ease 0s; } @media screen and (max-width: 575px) { .user-items-list-carousel__slides { gap: 20px !important; } } .user-items-list-carousel__slides--initialized { opacity: 1; } .user-items-list-carousel__slide { box-sizing: border-box; grid-area: 1 / 1= / 2 / 2; width: 100%; min-width: 0px; display: flex; flex-direction: colum= n; transform: translateX(-9999px); pointer-events: none; user-select: none;= } .user-items-list-carousel__slide a, .user-items-list-carousel__slide button= { pointer-events: auto; } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper .user-items-list-item-container.user-items-list-carousel[dat= a-title-font-unit=3D"rem"] .list-item-content__title { font-size: calc((var= (--title-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { #siteWrapper .user-items-list-item-container.user-items-list-carousel[dat= a-title-font-unit=3D"rem"] .list-item-content__title { font-size: calc((var= (--title-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { #siteWrapper .user-items-list-item-container.user-items-list-carousel[dat= a-title-font-unit=3D"rem"] .list-item-content__title { font-size: calc(var(= --title-font-size-value) * 1rem); } } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper .user-items-list-item-container.user-items-list-carousel[dat= a-description-font-unit=3D"rem"] .list-item-content__description { font-siz= e: calc((var(--body-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) = + 1rem); } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { #siteWrapper .user-items-list-item-container.user-items-list-carousel[dat= a-description-font-unit=3D"rem"] .list-item-content__description { font-siz= e: calc((var(--body-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { #siteWrapper .user-items-list-item-container.user-items-list-carousel[dat= a-description-font-unit=3D"rem"] .list-item-content__description { font-siz= e: calc(var(--body-font-size-value) * 1rem); } } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper .user-items-list-item-container.user-items-list-carousel[dat= a-button-font-unit=3D"rem"] .list-item-content__button { font-size: calc((v= ar(--button-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem);= } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { #siteWrapper .user-items-list-item-container.user-items-list-carousel[dat= a-button-font-unit=3D"rem"] .list-item-content__button { font-size: calc((v= ar(--button-font-size-value) - 1) * 1.2vw + 1rem); } } @media screen and (min-width: 1484px) { #siteWrapper .user-items-list-item-container.user-items-list-carousel[dat= a-button-font-unit=3D"rem"] .list-item-content__button { font-size: calc(va= r(--button-font-size-value) * 1rem); } } .user-items-list-carousel .list-item-content__title { margin: 0px; } .user-items-list-carousel .list-item-content__description { margin: 0px; le= tter-spacing: normal; } .user-items-list-carousel .list-item-content__description p:first-of-type {= margin-top: 0px; } .user-items-list-carousel .list-item-content__description p:last-of-type { = margin-bottom: 0px; } .user-items-list-carousel[data-media-alignment=3D"left"] .user-items-list-c= arousel__media-container { margin-left: 0px; margin-right: auto; } .user-items-list-carousel[data-media-alignment=3D"center"] .user-items-list= -carousel__media-container { margin-left: auto; margin-right: auto; } .user-items-list-carousel[data-media-alignment=3D"right"] .user-items-list-= carousel__media-container { margin-left: auto; margin-right: 0px; } .user-items-list-carousel[data-title-placement=3D"left"] .list-item-content= __title { margin-left: 0px; margin-right: auto; } .user-items-list-carousel[data-title-placement=3D"center"] .list-item-conte= nt__title { margin-left: auto; margin-right: auto; } .user-items-list-carousel[data-title-placement=3D"right"] .list-item-conten= t__title { margin-left: auto; margin-right: 0px; } .user-items-list-carousel[data-body-placement=3D"left"] .list-item-content_= _description { margin-left: 0px; margin-right: auto; } .user-items-list-carousel[data-body-placement=3D"center"] .list-item-conten= t__description { margin-left: auto; margin-right: auto; } .user-items-list-carousel[data-body-placement=3D"right"] .list-item-content= __description { margin-left: auto; margin-right: 0px; } .user-items-list-carousel[data-button-placement=3D"left"] .list-item-conten= t__button-container { margin-left: 0px; margin-right: auto; } .user-items-list-carousel[data-button-placement=3D"center"] .list-item-cont= ent__button-container { margin-left: auto; margin-right: auto; } .user-items-list-carousel[data-button-placement=3D"right"] .list-item-conte= nt__button-container { margin-left: auto; margin-right: 0px; } .user-items-list-carousel[data-title-alignment=3D"left"] .list-item-content= __title { text-align: left; } .user-items-list-carousel[data-title-alignment=3D"center"] .list-item-conte= nt__title { text-align: center; } .user-items-list-carousel[data-title-alignment=3D"right"] .list-item-conten= t__title { text-align: right; } .user-items-list-carousel[data-body-alignment=3D"left"] .list-item-content_= _description { text-align: left; } .user-items-list-carousel[data-body-alignment=3D"center"] .list-item-conten= t__description { text-align: center; } .user-items-list-carousel[data-body-alignment=3D"right"] .list-item-content= __description { text-align: right; } .user-items-list-carousel[data-button-alignment=3D"left"] .list-item-conten= t__button-container { text-align: left; } .user-items-list-carousel[data-button-alignment=3D"center"] .list-item-cont= ent__button-container { text-align: center; } .user-items-list-carousel[data-button-alignment=3D"right"] .list-item-conte= nt__button-container { text-align: right; } .user-items-list-carousel[data-max-columns=3D"1"] .user-items-list-carousel= __slides, .user-items-list-carousel[data-max-columns=3D"2"] .user-items-lis= t-carousel__slides, .user-items-list-carousel[data-max-columns=3D"3"] .user= -items-list-carousel__slides, .user-items-list-carousel[data-max-columns=3D= "4"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-= columns=3D"5"] .user-items-list-carousel__slides, .user-items-list-carousel= [data-max-columns=3D"6"] .user-items-list-carousel__slides, .user-items-lis= t-carousel[data-max-columns=3D"1"] .user-items-list-carousel__arrow-wrapper= , .user-items-list-carousel[data-max-columns=3D"2"] .user-items-list-carous= el__arrow-wrapper, .user-items-list-carousel[data-max-columns=3D"3"] .user-= items-list-carousel__arrow-wrapper, .user-items-list-carousel[data-max-colu= mns=3D"4"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carou= sel[data-max-columns=3D"5"] .user-items-list-carousel__arrow-wrapper, .user= -items-list-carousel[data-max-columns=3D"6"] .user-items-list-carousel__arr= ow-wrapper { grid-template-columns: repeat(1, 1fr); } @media screen and (min-width: 576px) { .user-items-list-carousel[data-max-columns=3D"2"] .user-items-list-carous= el__slides, .user-items-list-carousel[data-max-columns=3D"3"] .user-items-l= ist-carousel__slides, .user-items-list-carousel[data-max-columns=3D"4"] .us= er-items-list-carousel__slides, .user-items-list-carousel[data-max-columns= =3D"5"] .user-items-list-carousel__slides, .user-items-list-carousel[data-m= ax-columns=3D"6"] .user-items-list-carousel__slides, .user-items-list-carou= sel[data-max-columns=3D"2"] .user-items-list-carousel__arrow-wrapper, .user= -items-list-carousel[data-max-columns=3D"3"] .user-items-list-carousel__arr= ow-wrapper, .user-items-list-carousel[data-max-columns=3D"4"] .user-items-l= ist-carousel__arrow-wrapper, .user-items-list-carousel[data-max-columns=3D"= 5"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel[dat= a-max-columns=3D"6"] .user-items-list-carousel__arrow-wrapper { grid-templa= te-columns: repeat(2, 1fr); } } @media screen and (min-width: 992px) { .user-items-list-carousel[data-max-columns=3D"3"] .user-items-list-carous= el__slides, .user-items-list-carousel[data-max-columns=3D"4"] .user-items-l= ist-carousel__slides, .user-items-list-carousel[data-max-columns=3D"5"] .us= er-items-list-carousel__slides, .user-items-list-carousel[data-max-columns= =3D"6"] .user-items-list-carousel__slides, .user-items-list-carousel[data-m= ax-columns=3D"3"] .user-items-list-carousel__arrow-wrapper, .user-items-lis= t-carousel[data-max-columns=3D"4"] .user-items-list-carousel__arrow-wrapper= , .user-items-list-carousel[data-max-columns=3D"5"] .user-items-list-carous= el__arrow-wrapper, .user-items-list-carousel[data-max-columns=3D"6"] .user-= items-list-carousel__arrow-wrapper { grid-template-columns: repeat(3, 1fr);= } } @media screen and (min-width: 1100px) { .user-items-list-carousel[data-max-columns=3D"4"] .user-items-list-carous= el__slides, .user-items-list-carousel[data-max-columns=3D"5"] .user-items-l= ist-carousel__slides, .user-items-list-carousel[data-max-columns=3D"6"] .us= er-items-list-carousel__slides, .user-items-list-carousel[data-max-columns= =3D"4"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel= [data-max-columns=3D"5"] .user-items-list-carousel__arrow-wrapper, .user-it= ems-list-carousel[data-max-columns=3D"6"] .user-items-list-carousel__arrow-= wrapper { grid-template-columns: repeat(4, 1fr); } } @media screen and (min-width: 1200px) { .user-items-list-carousel[data-max-columns=3D"5"] .user-items-list-carous= el__slides, .user-items-list-carousel[data-max-columns=3D"5"] .user-items-l= ist-carousel__arrow-wrapper { grid-template-columns: repeat(5, 1fr); } .user-items-list-carousel[data-max-columns=3D"6"] .user-items-list-carous= el__slides, .user-items-list-carousel[data-max-columns=3D"6"] .user-items-l= ist-carousel__arrow-wrapper { grid-template-columns: repeat(6, 1fr); } } .user-items-list-carousel[data-alignment-vertical=3D"top"] .user-items-list= -carousel__slide { align-self: flex-start; } .user-items-list-carousel[data-alignment-vertical=3D"middle"] .user-items-l= ist-carousel__slide { align-self: center; } .user-items-list-carousel[data-alignment-vertical=3D"bottom"] .user-items-l= ist-carousel__slide { align-self: flex-end; } .user-items-list-carousel[data-alignment-vertical=3D"stretch"] .user-items-= list-carousel__slide { align-self: stretch; } .user-items-list-carousel[data-alignment-vertical=3D"stretch"][data-content= -order=3D"media-first"] .list-item-content { flex: 1 1 0%; display: flex; f= lex-direction: column; justify-content: space-between; } .user-items-list-carousel__arrow-wrapper { pointer-events: none; position: = absolute; top: 0px; height: 100%; box-sizing: border-box; display: grid; gr= id-template-rows: 1fr; grid-template-columns: 1fr; } .user-items-list-carousel__arrow-wrapper--left { left: 0px; } .user-items-list-carousel__arrow-wrapper--right { right: 0px; } .user-items-list-carousel__arrow-wrapper--right .user-items-list-carousel__= arrow-container { justify-self: right; } .user-items-list-carousel__arrow-wrapper--right .user-items-list-carousel__= arrow-icon-holder { justify-content: flex-end; } .user-items-list-carousel__arrow-container { position: absolute; top: 0px; = height: 100%; width: 100%; box-sizing: border-box; grid-column: 1 / 2; } .user-items-list-carousel__arrow-wrapper--left .user-items-list-carousel__a= rrow-container { grid-column: 1 / 2; } .user-items-list-carousel__arrow-wrapper--right .user-items-list-carousel__= arrow-container { grid-column: -1 / -2; } .user-items-list-carousel__arrow-positioner { box-sizing: border-box; width= : 100%; } .user-items-list-carousel__arrow-icon-holder { position: absolute; left: 0p= x; top: 0px; width: 100%; height: 100%; display: flex; align-items: center;= } .user-items-list-carousel__arrow-button { pointer-events: auto; appearance:= none; cursor: pointer; display: block; border: none; border-radius: 50%; o= verflow: hidden; width: 60px; height: 60px; margin: 0px; padding: 0px; tran= sition: opacity 0.3s ease 0s; position: relative; background: transparent; = z-index: 1; } .user-items-list-carousel__arrow-button:focus { outline: none; } .user-items-list-carousel__arrow-button:focus::after { position: absolute; = height: 80%; width: 80%; border-radius: 50%; border: 2px solid; content: ""= ; inset: 0px; margin: auto; } .user-items-list-carousel__arrow-button:focus:not(:focus-visible)::after { = display: none; } .user-items-list-carousel__arrow-button--hidden { opacity: 0; pointer-event= s: none; } .user-items-list-carousel__arrow-icon-background-area { position: absolute;= width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.7; transition: = opacity 0.3s ease 0s; } .user-items-list-carousel__arrow-button:hover .user-items-list-carousel__ar= row-icon-background-area { opacity: 1; } .user-items-list-carousel__arrow-icon { position: relative; display: block;= margin: 0px auto; width: 36px; height: 36px; } .user-items-list-carousel__arrow-icon-path { stroke-width: 2px; stroke-line= join: round; stroke-linecap: round; fill: none; } .arrows-bottom-wrapper { display: flex; } .arrows-bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; = } .user-items-list-carousel[data-navigation-alignment=3D"left"] .arrows-botto= m-wrapper { justify-content: flex-start; } .user-items-list-carousel[data-navigation-alignment=3D"center"] .arrows-bot= tom-wrapper { justify-content: center; } .user-items-list-carousel[data-navigation-alignment=3D"right"] .arrows-bott= om-wrapper { justify-content: flex-end; } .user-items-list-carousel .mobile-arrows { display: none; justify-content: = center; margin-top: 20px; } .user-items-list-carousel .mobile-arrow-button { pointer-events: auto; appe= arance: none; cursor: pointer; display: block; border: none; border-radius:= 50%; overflow: hidden; width: 48px; height: 48px; margin: 0px; padding: 0p= x; position: relative; background: transparent; z-index: 1; } .user-items-list-carousel .mobile-arrow-button--left { margin-right: 10px; = } .user-items-list-carousel .mobile-arrow-button--hidden { opacity: 0; pointe= r-events: none; } .user-items-list-carousel .mobile-arrow-icon-background-area { position: ab= solute; width: 40px; height: 40px; left: 4px; top: 4px; transition: opacity= 0.3s ease 0s; border-radius: 50%; } .user-items-list-carousel .mobile-arrow-icon { position: relative; display:= block; margin: 0px auto; width: 20px; height: 20px; } @media screen and (max-width: 575px) { .user-items-list-carousel .desktop-arrows { display: none; } .user-items-list-carousel .mobile-arrows { display: flex; } } [data-is-media-enabled=3D"true"] .user-items-list-carousel__media-inner, [d= ata-is-media-enabled=3D"true"] .user-items-list-carousel__arrow-positioner = { position: relative; } [data-is-media-enabled=3D"true"] .user-items-list-carousel__media-inner:not= ([data-media-aspect-ratio=3D"original"]), [data-is-media-enabled=3D"true"] = .user-items-list-carousel__arrow-positioner:not([data-media-aspect-ratio=3D= "original"]) { height: 0px; } [data-is-media-enabled=3D"true"] .user-items-list-carousel__media-inner[dat= a-media-aspect-ratio=3D"1:1"], [data-is-media-enabled=3D"true"] .user-items= -list-carousel__arrow-positioner[data-media-aspect-ratio=3D"1:1"] { padding= -bottom: 100%; } [data-is-media-enabled=3D"true"] .user-items-list-carousel__media-inner[dat= a-media-aspect-ratio=3D"3:2"], [data-is-media-enabled=3D"true"] .user-items= -list-carousel__arrow-positioner[data-media-aspect-ratio=3D"3:2"] { padding= -bottom: 66.67%; } [data-is-media-enabled=3D"true"] .user-items-list-carousel__media-inner[dat= a-media-aspect-ratio=3D"2:3"], [data-is-media-enabled=3D"true"] .user-items= -list-carousel__arrow-positioner[data-media-aspect-ratio=3D"2:3"] { padding= -bottom: 150%; } [data-is-media-enabled=3D"true"] .user-items-list-carousel__media-inner[dat= a-media-aspect-ratio=3D"4:3"], [data-is-media-enabled=3D"true"] .user-items= -list-carousel__arrow-positioner[data-media-aspect-ratio=3D"4:3"] { padding= -bottom: 75%; } [data-is-media-enabled=3D"true"] .user-items-list-carousel__media-inner[dat= a-media-aspect-ratio=3D"3:4"], [data-is-media-enabled=3D"true"] .user-items= -list-carousel__arrow-positioner[data-media-aspect-ratio=3D"3:4"] { padding= -bottom: 133.33%; } [data-is-media-enabled=3D"true"] .user-items-list-carousel__media-inner[dat= a-media-aspect-ratio=3D"16:9"], [data-is-media-enabled=3D"true"] .user-item= s-list-carousel__arrow-positioner[data-media-aspect-ratio=3D"16:9"] { paddi= ng-bottom: 56.25%; } [data-is-media-enabled=3D"true"] .user-items-list-carousel__media-inner[dat= a-media-aspect-ratio=3D"2.4:1"], [data-is-media-enabled=3D"true"] .user-ite= ms-list-carousel__arrow-positioner[data-media-aspect-ratio=3D"2.4:1"] { pad= ding-bottom: 41.67%; } [data-is-media-enabled=3D"true"] .user-items-list-carousel__media-inner[dat= a-media-aspect-ratio=3D"circle"], [data-is-media-enabled=3D"true"] .user-it= ems-list-carousel__arrow-positioner[data-media-aspect-ratio=3D"circle"] { p= adding-bottom: 100%; } [data-is-media-enabled=3D"true"] .user-items-list-carousel__media-inner:not= ([data-media-aspect-ratio=3D"original"]) { overflow: hidden; } [data-is-media-enabled=3D"true"] .user-items-list-carousel__media-inner[dat= a-media-aspect-ratio=3D"circle"] { border-radius: 50%; } .user-items-list-carousel__arrow-positioner[data-media-aspect-ratio=3D"orig= inal"], .user-items-list-carousel[data-is-media-enabled=3D"false"] .user-it= ems-list-carousel__arrow-positioner, .user-items-list-carousel[data-is-card= -enabled=3D"true"] .user-items-list-carousel__arrow-positioner, .user-items= -list-carousel:not([data-media-width-value=3D"100"][data-media-width-unit= =3D"%"]) .user-items-list-carousel__arrow-positioner { height: 100%; paddin= g-bottom: 0px; } .user-items-list-carousel__media { display: block; width: 100%; } .user-items-list-carousel__media-inner:not([data-media-aspect-ratio=3D"orig= inal"]) .user-items-list-carousel__media { height: 100%; object-fit: cover;= position: absolute; left: 0px; top: 0px; } .list-item-content--hidden { display: none; } .user-items-list .list-section-title { margin-left: auto; margin-right: aut= o; padding-left: 3vw; padding-right: 3vw; } .user-items-list .list-section-title p { margin: 0px; } .user-items-list .list-section-title[data-section-title-alignment=3D"left"]= { text-align: left; } .user-items-list .list-section-title[data-section-title-alignment=3D"center= "] { text-align: center; } .user-items-list .list-section-title[data-section-title-alignment=3D"right"= ] { text-align: right; } .user-items-list[data-layout-width=3D"inset"] .list-section-title { max-wid= th: 1400px; } .user-items-list .list-section-button-container { margin-left: auto; margin= -right: auto; padding-left: 3vw; padding-right: 3vw; } .user-items-list .list-section-button-container[data-section-button-alignme= nt=3D"left"] { text-align: left; } .user-items-list .list-section-button-container[data-section-button-alignme= nt=3D"center"] { text-align: center; } .user-items-list .list-section-button-container[data-section-button-alignme= nt=3D"right"] { text-align: right; } .user-items-list[data-layout-width=3D"inset"] .list-section-button-containe= r { max-width: 1400px; } body.sqs-site-styles-active, body.sqs-edit-mode-active { --header-fixed-top= -offset: 0px; } body.header--menu-open { overflow: hidden; } .hide-burger { display: none !important; } body:not(.header--menu-open) [data-header-style=3D"solid"].header .header-t= itle-text a { color: var(--solidHeaderNavigationColor); } body:not(.header--menu-open) [data-header-style=3D"solid"].header .header-n= av-wrapper a { color: var(--solidHeaderNavigationColor); } body:not(.header--menu-open) [data-header-style=3D"solid"].header .header-n= av-wrapper .header-nav-item--active a { color: var(--solidHeaderNavigationC= olor); } body:not(.header--menu-open) [data-header-style=3D"solid"].header .language= -picker { color: var(--solidHeaderNavigationColor); } body:not(.header--menu-open) [data-header-style=3D"solid"].header .user-acc= ounts-text-link { color: var(--solidHeaderNavigationColor); } body:not(.header--menu-open) [data-header-style=3D"solid"].header .sqs-cust= om-cart:not(.header-icon-border-style-solid).cart-style-text { color: var(-= -solidHeaderNavigationColor); } body:not(.header--menu-open) [data-header-style=3D"solid"].header .sqs-cust= om-cart.header-icon-border-shape-none .icon-cart-quantity { color: var(--so= lidHeaderNavigationColor); } body:not(.header--menu-open) [data-header-style=3D"solid"].header .burger-i= nner .top-bun, body:not(.header--menu-open) [data-header-style=3D"solid"].h= eader .burger-inner .patty, body:not(.header--menu-open) [data-header-style= =3D"solid"].header .burger-inner .bottom-bun { background-color: var(--soli= dHeaderNavigationColor); } body:not(.header--menu-open) [data-header-style=3D"solid"].header .header-i= con:not(.header-icon-border-shape-none).header-icon-border-style-outline { = color: var(--solidHeaderNavigationColor); box-shadow: 0px 0px 0px 2px var(-= -solidHeaderNavigationColor) inset; } body:not(.header--menu-open) [data-header-style=3D"solid"].header .header-a= ctions .icon--stroke svg { stroke: var(--solidHeaderNavigationColor); } body:not(.header--menu-open) [data-header-style=3D"solid"].header .header-a= ctions .icon--fill svg { fill: var(--solidHeaderNavigationColor); } body:not(.header--menu-open) [data-header-style=3D"solid"].header .header-n= av-folder-content, body:not(.header--menu-open) [data-header-style=3D"solid= "].header .language-picker-content { background-color: var(--solidHeaderBac= kgroundColor); } body:not(.header--menu-open) [data-header-style=3D"gradient"].header .heade= r-title-text a { color: var(--gradientHeaderNavigationColor); } body:not(.header--menu-open) [data-header-style=3D"gradient"].header .heade= r-nav-wrapper a { color: var(--gradientHeaderNavigationColor); } body:not(.header--menu-open) [data-header-style=3D"gradient"].header .heade= r-nav-wrapper .header-nav-item--active a { color: var(--gradientHeaderNavig= ationColor); } body:not(.header--menu-open) [data-header-style=3D"gradient"].header .langu= age-picker { color: var(--gradientHeaderNavigationColor); } body:not(.header--menu-open) [data-header-style=3D"gradient"].header .user-= accounts-text-link { color: var(--gradientHeaderNavigationColor); } body:not(.header--menu-open) [data-header-style=3D"gradient"].header .sqs-c= ustom-cart:not(.header-icon-border-style-solid).cart-style-text { color: va= r(--gradientHeaderNavigationColor); } body:not(.header--menu-open) [data-header-style=3D"gradient"].header .sqs-c= ustom-cart.header-icon-border-shape-none .icon-cart-quantity { color: var(-= -gradientHeaderNavigationColor); } body:not(.header--menu-open) [data-header-style=3D"gradient"].header .burge= r-inner .top-bun, body:not(.header--menu-open) [data-header-style=3D"gradie= nt"].header .burger-inner .patty, body:not(.header--menu-open) [data-header= -style=3D"gradient"].header .burger-inner .bottom-bun { background-color: v= ar(--gradientHeaderNavigationColor); } body:not(.header--menu-open) [data-header-style=3D"gradient"].header .heade= r-icon:not(.header-icon-border-shape-none).header-icon-border-style-outline= { color: var(--gradientHeaderNavigationColor); box-shadow: 0px 0px 0px 2px= var(--gradientHeaderNavigationColor) inset; } body:not(.header--menu-open) [data-header-style=3D"gradient"].header .heade= r-actions .icon--stroke svg { stroke: var(--gradientHeaderNavigationColor);= } body:not(.header--menu-open) [data-header-style=3D"gradient"].header .heade= r-actions .icon--fill svg { fill: var(--gradientHeaderNavigationColor); } body:not(.header--menu-open) [data-header-style=3D"gradient"].header .heade= r-nav-folder-content, body:not(.header--menu-open) [data-header-style=3D"gr= adient"].header .language-picker-content { background-color: var(--gradient= HeaderBackgroundColor); } .header { z-index: 10; position: absolute; top: 0px; right: 0px; left: 0px;= line-height: 1; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); pointer-eve= nts: none; transition: transform 140ms ease-in-out 0s; } .header .sqs-announcement-bar-dropzone { position: relative; z-index: 3; po= inter-events: auto; } .header .sqs-announcement-bar-close, .header .sqs-announcement-bar-url { ou= tline-offset: -2px; } .header .header-announcement-bar-wrapper { position: relative; z-index: 2; = width: 100%; box-sizing: border-box; padding: 1.5vw 3vw; pointer-events: au= to; } .header .header-announcement-bar-wrapper .header-border, .header .header-an= nouncement-bar-wrapper .header-dropshadow, .header .header-announcement-bar= -wrapper .header-background-gradient, .header .header-announcement-bar-wrap= per .header-background-solid, .header .header-announcement-bar-wrapper .hea= der-blur-background { width: 100%; height: 100%; box-sizing: border-box; po= sition: absolute; top: 0px; left: 0px; pointer-events: none; } @supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) = { .header-blur-background { background-color: rgba(255, 255, 255, 0.5); } } body:not(.header--menu-open) .header .header-announcement-bar-wrapper [data= -header-style=3D"solid"].header-background-solid { background-color: var(--= solidHeaderBackgroundColor); } body:not(.header--menu-open) .header .header-announcement-bar-wrapper [data= -header-style=3D"gradient"][data-gradient-type=3D"faded"].header-background= -gradient { background: linear-gradient(var(--gradientHeaderBackgroundColor= ), transparent); } .header .header-announcement-bar-wrapper .header-border { z-index: 1; } .header .header-announcement-bar-wrapper .header-border[data-header-style= =3D"solid"]:not([data-header-usability-enabled=3D"true"]) { border: solid v= ar(--solidHeaderBorderColor); } .header .header-announcement-bar-wrapper .header-border[data-header-style= =3D"gradient"]:not([data-header-usability-enabled=3D"true"]) { border: soli= d var(--gradientHeaderBorderColor); } .header .header-announcement-bar-wrapper .header-border[data-header-border= =3D"true"][data-header-usability-enabled=3D"true"] { border: solid var(--he= aderBorderColor); } .header--menu-open .header .header-announcement-bar-wrapper .header-border = { visibility: hidden; } .header .header-announcement-bar-wrapper .header-dropshadow[data-header-sty= le=3D"solid"]:not([data-header-usability-enabled=3D"true"]) { color: var(--= solidHeaderDropShadowColor); opacity: 0.15; } .header .header-announcement-bar-wrapper .header-dropshadow[data-header-sty= le=3D"gradient"]:not([data-header-usability-enabled=3D"true"]) { color: var= (--gradientHeaderDropShadowColor); opacity: 0.15; } .header .header-announcement-bar-wrapper .header-dropshadow[data-header-dro= pshadow=3D"true"][data-header-usability-enabled=3D"true"] { color: var(--he= aderDropShadowColor); opacity: 0.15; } .header--menu-open .header .header-announcement-bar-wrapper .header-dropsha= dow { visibility: hidden; } .header--menu-open .header .header-announcement-bar-wrapper .header-blur-ba= ckground { visibility: hidden; } @media only screen and (pointer: coarse) and (max-width: 1024px), screen an= d (max-width: 799px) { .header .header-announcement-bar-wrapper { padding: 6vw; } } .tweak-fixed-header:not(.sqs-edit-mode-active):not(.sqs-site-styles-active)= .header { position: fixed; } .tweak-fixed-header:not(.sqs-edit-mode-active):not(.sqs-site-styles-active)= .header.shrink .header-announcement-bar-wrapper { padding-top: 1.5vw; padd= ing-bottom: 1.5vw; } @media only screen and (pointer: coarse) and (max-width: 1024px), screen an= d (max-width: 799px) { .tweak-fixed-header:not(.sqs-edit-mode-active):not(.sqs-site-styles-activ= e) .header.shrink .header-announcement-bar-wrapper { padding-top: 2vmax; pa= dding-bottom: 2vmax; } } body.tweak-transparent-header .header:not(.shrink):not(.transparent-header-= theme--override) { transition: background 300ms ease-in-out 0s, padding 140= ms ease-in-out 0s, transform 140ms ease-in-out 140ms; background-color: tra= nsparent !important; } .header .tweak-transparent-header .sections .page-section:first-child.backg= round-width--full-bleed.has-background .section-background::after { content= : ""; display: block; position: absolute; inset: 0px; opacity: 0.05; } .tweak-fixed-header .header { transition: background 140ms ease-in-out 140m= s, transform 140ms ease-in-out 0s; } .tweak-fixed-header .header .header-announcement-bar-wrapper { transition: = padding 140ms ease-in-out 0s; } .header .header-nav-wrapper a, .header .language-item a { text-decoration: = none; backface-visibility: hidden; padding: 0.1em 0px; } .header .Cart-inner { position: relative; display: flex; } .header .header-skip-link { position: absolute; padding: 1em 1.5em; box-siz= ing: border-box; text-decoration: underline; z-index: 2; max-width: calc(10= 0vw - 2.6em); top: 1.5em; left: -1000em; } .header .header-skip-link:focus { left: 1.3em; } .header-inner { position: relative; z-index: 1; display: flex; align-items:= center; width: 100%; height: inherit; } .header-width-inset .header-inner { max-width: 1400px; padding-left: 0px; p= adding-right: 0px; margin: 0px auto; } .header-background, .header-background::after { position: absolute; inset: = 0px; transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change= : opacity; } .header-background::after { content: ""; opacity: 0; } @media only screen and (pointer: coarse) and (max-width: 1024px), screen an= d (max-width: 799px) { .header-background::after { box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;= opacity: 0; transform: matrix(1, 0, 0, 1, 0, 0); } } .header--background .header-background::after { opacity: 1; transform: matr= ix(1, 0, 0, 1, 0, 0); } .header-display { position: relative; display: flex; width: 100%; box-sizin= g: border-box; justify-content: flex-start; align-items: center; } .header-display-mobile { display: none; position: relative; width: 100%; bo= x-sizing: border-box; justify-content: flex-start; align-items: center; } @media only screen and (pointer: coarse) and (max-width: 1024px), screen an= d (max-width: 799px) { .header-display-mobile { display: flex; } } .header-display-mobile .showOnDesktop { display: flex; } @media only screen and (pointer: coarse) and (max-width: 1024px), screen an= d (max-width: 799px) { .header-display-mobile .showOnDesktop { display: none; } } .header-display-desktop { position: relative; display: flex; width: 100%; b= ox-sizing: border-box; justify-content: flex-start; align-items: center; } @media only screen and (pointer: coarse) and (max-width: 1024px), screen an= d (max-width: 799px) { .header-display-desktop { display: none; } } .header-display-desktop .showOnMobile { display: none; } @media only screen and (pointer: coarse) and (max-width: 1024px), screen an= d (max-width: 799px) { .header-display-desktop .showOnMobile { display: flex; } } .header-title-nav-wrapper { display: flex; flex-wrap: nowrap; flex: 1 0 67%= ; align-items: center; } .header-title { flex-grow: 0; flex-shrink: 0; backface-visibility: hidden; = } @media only screen and (pointer: coarse) and (max-width: 1024px), screen an= d (max-width: 799px) { .header-title { flex-grow: 1; } } .header-title-logo { width: auto; font-size: 0px; } .header-title-logo a { display: inline-block; max-width: 100%; max-height: = 162px; } .header-title-logo img { width: auto; max-width: 100%; max-height: 162px; } @media screen and (max-width: 767px) { .header-title-logo a { max-height: 56px; } .header-title-logo img { max-height: 56px; } } .header-title-text { margin: 0px; } .header-title-text a { opacity: 1; } .header-title .header-mobile-logo { display: none; } .header-burger { display: none; align-items: center; justify-content: cente= r; } @media only screen and (pointer: coarse) and (max-width: 1024px), screen an= d (max-width: 799px) { .header-burger { display: flex; } } .header-nav { flex-grow: 1; flex-shrink: 1; } @media only screen and (pointer: coarse) and (max-width: 1024px), screen an= d (max-width: 799px) { .header-nav { display: none; } } .header-nav-list { display: inline-flex; flex-wrap: wrap; } .header-nav-list > div { white-space: nowrap; } .header-nav .header-nav-item--folder { position: relative; } .header-nav .header-nav-item--folder .header-nav-folder-content { opacity: = 0; pointer-events: none; position: absolute; top: auto; left: -1em; padding= : 0.5em 1em; text-align: left; min-width: 200px; z-index: 10; } .header-nav .header-nav-item--folder .header-nav-folder-content .header-nav= -folder-item { line-height: 1.3; } .header-nav .header-nav-item--folder:hover .header-nav-folder-content, .hea= der-nav .header-nav-item--folder .header-nav-folder-content.focus-within { = opacity: 1; pointer-events: auto; } .header-nav .header-nav-item--folder .header-nav-folder-content:focus-withi= n { opacity: 1; pointer-events: auto; } .header-nav-item a { display: block; } .header .header-layout-nav-right .header-nav .header-nav-item--folder .head= er-nav-folder-content { left: auto; right: -1em; text-align: right; } .header .language-picker .icon { line-height: 0; flex-shrink: 0; } .header .language-picker .current-language { display: flex; align-items: ce= nter; } .header .language-picker .current-language-name { margin-right: 8px; } .header .language-picker img:not([src]) { visibility: hidden; } .header .language-picker-content a { display: flex; align-items: center; } .header .language-picker-mobile .icon, .header #multilingual-language-picke= r-mobile .icon, .header .language-picker-mobile .flag, .header #multilingua= l-language-picker-mobile .flag { margin: 0px 16px 0px 8px; display: inline-= block; } .header .language-picker-mobile .chevron { margin-top: 2px; } .header-actions { flex-grow: 0; flex-shrink: 1; display: inline-flex; align= -items: center; } .header-actions .header-actions-action--cta { white-space: nowrap; } .header-actions .header-actions-action--social { display: flex; } .header-actions .language-picker-desktop { margin: 0px 0px 0px 2.2vw; posit= ion: relative; } .header-actions .language-picker-desktop .icon, .header-actions .language-p= icker-desktop .flag { margin-right: 8px; } .header-actions .language-picker-desktop .icon { width: 20px; height: 20px;= } .header-actions .language-picker-desktop .flag { width: 20px; height: 20px;= } .header-actions .language-picker-desktop .chevron { margin-left: 2px; margi= n-bottom: 1px; } .header-actions .language-picker-desktop .current-language { padding: 0.1em= 0px; cursor: pointer; } .header-actions .language-picker-desktop .language-picker-content { opacity= : 0; pointer-events: none; position: absolute; top: auto; left: -1em; paddi= ng: 0.5em 1em; text-align: left; z-index: 10; min-width: 110px; } .header-actions .language-picker-desktop .language-picker-content .language= -item { line-height: 1.3; } .header-actions .language-picker-desktop .language-picker-content .language= -item .flag { margin-top: 3px; margin-bottom: 3px; } .header-actions .language-picker-desktop .language-picker-content .language= -item a * { pointer-events: none; } .header-actions .language-picker-desktop:hover .language-picker-content, .h= eader-actions .language-picker-desktop .language-picker-content.focus-withi= n { opacity: 1; pointer-events: auto; } .header-actions .language-picker-desktop .language-picker-content:focus-wit= hin { opacity: 1; pointer-events: auto; } .header-actions--right { justify-content: flex-end; } .header-actions--right .header-actions-action { margin: 0px 0px 0px 2.2vw; = } @media screen and (max-width: 767px) { .header-actions--right .header-actions-action--cart { margin: 0px; } } .header-actions--right .customerAccountLoginDesktop { margin: 0px 0px 0px 2= .2vw; } .header-actions--right .header-actions-action--social { margin: 0px; } .header-actions--right .header-actions-action--social .icon { width: 20px; = height: 20px; } .header-actions--right .header-actions-action--social .icon:not(:first-chil= d) { margin-left: 1.2vw; } .header-actions--right .header-actions-action--social .icon:not(:first-chil= d).header-icon:not(.header-icon-border-shape-none) { margin-left: max(0.5vw= , 1.2vw - 10px); } .header-actions--right .header-actions-action--social .icon:first-child { m= argin-left: 2.2vw; } .header-actions--right .language-picker-desktop .language-picker-content { = left: auto; right: -1em; } .header-layout .header-nav-list { flex-wrap: wrap; } @media only screen and (pointer: coarse) and (max-width: 1024px), screen an= d (max-width: 799px) { .header-layout-nav-right .header-title { flex-grow: 1; } } .header-layout-nav-right .header-nav { text-align: right; margin-left: auto= ; padding-left: 2.2vw; } .header-layout-nav-right .header-nav-list { justify-content: flex-end; } .header-layout-nav-right .header-nav-item:not(:first-child):not(.header-act= ions-action--cart) { margin-left: 1.2vw; } .header-layout-nav-right .header-actions { margin-right: 0px; } .header-layout-nav-left .header-title { margin-right: 2.2vw; } @media only screen and (pointer: coarse) and (max-width: 1024px), screen an= d (max-width: 799px) { .header-layout-nav-left .header-title { flex-grow: 1; } } .header-layout-nav-left .header-nav { margin-right: auto; } .header-layout-nav-left .header-nav-item:not(:last-child) { margin-right: 1= .2vw; } .header-layout-nav-center .header-title { width: 33%; flex: 1 1 33%; } @media only screen and (pointer: coarse) and (max-width: 1024px), screen an= d (max-width: 799px) { .header-layout-nav-center .header-title { min-width: 0px; flex-grow: 1; } } .header-layout-nav-center .header-nav { width: 34%; text-align: center; fle= x: 1 1 34%; } .header-layout-nav-center .header-nav-list { justify-content: center; } .header-layout-nav-center .header-nav .header-nav-item { margin-left: 0.6vw= ; margin-right: 0.6vw; } .header-layout-nav-center .header-actions { width: 33%; } @media screen and (min-width: 768px) { .header-layout-branding-center .header-display { flex-wrap: wrap; } } .header-layout-branding-center .header-title { width: 34%; text-align: cent= er; flex: 1 1 34%; } .header-layout-branding-center .header-nav { width: 33%; flex: 1 1 33%; } .header-layout-branding-center .header-nav .header-nav-item:not(:last-child= ) { margin-right: 1.2vw; } .header-layout-branding-center .header-actions { width: 33%; } @media screen and (min-width: 768px) { .header-layout-branding-center-nav-center .header-display { flex-wrap: wr= ap; } } .header-layout-branding-center-nav-center .header-title-nav-wrapper { displ= ay: flex; flex-flow: wrap; flex: 0 0 50%; place-content: center; margin-lef= t: auto; } .header-layout-branding-center-nav-center .header-title-nav-wrapper .header= -title { text-align: center; flex: 0 0 100%; } .header-layout-branding-center-nav-center .header-title-nav-wrapper .header= -nav { text-align: center; flex: 0 0 100%; margin: 2.2vw 0px 0px; } .header-layout-branding-center-nav-center .header-title-nav-wrapper .header= -nav .header-nav-list { justify-content: center; } .header-layout-branding-center-nav-center .header-title-nav-wrapper .header= -nav .header-nav-item { margin-left: 0.6vw; margin-right: 0.6vw; } .header-layout-branding-center-nav-center .header-actions--left { flex: 0 1= 25%; max-width: 25%; place-content: center flex-start; } .header-layout-branding-center-nav-center .header-actions--left .header-act= ions-action--social { margin: 0px; } .header-layout-branding-center-nav-center .header-actions--left .header-act= ions-action--social .icon { width: 20px; height: 20px; } .header-layout-branding-center-nav-center .header-actions--left .header-act= ions-action--social .icon:not(:last-child) { margin-right: 1.2vw; } .header-layout-branding-center-nav-center .header-actions--left .header-act= ions-action--social .icon:last-child { margin-right: 2.2vw; } .header-layout-branding-center-nav-center .header-actions--right { flex: 0 = 1 25%; max-width: 25%; } .header-layout-hamburger-left .header-display-desktop .header-burger, .head= er-layout-hamburger-center .header-display-desktop .header-burger, .header-= layout-hamburger-right .header-display-desktop .header-burger, .header-layo= ut-hamburger-cta-right .header-display-desktop .header-burger { display: fl= ex; } .header-layout-hamburger-left .header-display-desktop .header-nav, .header-= layout-hamburger-center .header-display-desktop .header-nav, .header-layout= -hamburger-right .header-display-desktop .header-nav, .header-layout-hambur= ger-cta-right .header-display-desktop .header-nav, .header-layout-hamburger= -left .header-display-desktop .user-accounts-link, .header-layout-hamburger= -center .header-display-desktop .user-accounts-link, .header-layout-hamburg= er-right .header-display-desktop .user-accounts-link, .header-layout-hambur= ger-cta-right .header-display-desktop .user-accounts-link, .header-layout-h= amburger-left .header-display-desktop .header-actions-action--social, .head= er-layout-hamburger-center .header-display-desktop .header-actions-action--= social, .header-layout-hamburger-right .header-display-desktop .header-acti= ons-action--social, .header-layout-hamburger-cta-right .header-display-desk= top .header-actions-action--social, .header-layout-hamburger-left .header-d= isplay-desktop .header-actions-action--cta, .header-layout-hamburger-center= .header-display-desktop .header-actions-action--cta, .header-layout-hambur= ger-right .header-display-desktop .header-actions-action--cta, .header-layo= ut-hamburger-cta-right .header-display-desktop .header-actions-action--cta,= .header-layout-hamburger-left .header-display-desktop .showOnDesktop, .hea= der-layout-hamburger-center .header-display-desktop .showOnDesktop, .header= -layout-hamburger-right .header-display-desktop .showOnDesktop, .header-lay= out-hamburger-cta-right .header-display-desktop .showOnDesktop { display: n= one; } .header-layout-hamburger-left.desktop-promote-button .header-display-deskto= p .header-actions-action--cta, .header-layout-hamburger-center.desktop-prom= ote-button .header-display-desktop .header-actions-action--cta, .header-lay= out-hamburger-right.desktop-promote-button .header-display-desktop .header-= actions-action--cta, .header-layout-hamburger-cta-right.desktop-promote-but= ton .header-display-desktop .header-actions-action--cta { display: block; } .header-layout-hamburger-left.desktop-promote-cart .header-display-desktop = .showOnDesktop, .header-layout-hamburger-center.desktop-promote-cart .heade= r-display-desktop .showOnDesktop, .header-layout-hamburger-right.desktop-pr= omote-cart .header-display-desktop .showOnDesktop, .header-layout-hamburger= -cta-right.desktop-promote-cart .header-display-desktop .showOnDesktop { di= splay: block; } .header-layout-hamburger-left.desktop-promote-login .header-display-desktop= .user-accounts-link, .header-layout-hamburger-center.desktop-promote-login= .header-display-desktop .user-accounts-link, .header-layout-hamburger-righ= t.desktop-promote-login .header-display-desktop .user-accounts-link, .heade= r-layout-hamburger-cta-right.desktop-promote-login .header-display-desktop = .user-accounts-link { display: block; } .header-layout-hamburger-left.desktop-promote-social .header-display-deskto= p .header-actions-action--social, .header-layout-hamburger-center.desktop-p= romote-social .header-display-desktop .header-actions-action--social, .head= er-layout-hamburger-right.desktop-promote-social .header-display-desktop .h= eader-actions-action--social, .header-layout-hamburger-cta-right.desktop-pr= omote-social .header-display-desktop .header-actions-action--social { displ= ay: flex; } .header-layout-hamburger-left .header-display-desktop .header-title-nav-wra= pper { flex: 0 1 auto; } .header-layout-hamburger-left .header-display-desktop .header-burger { flex= : 1 1 0px; justify-content: flex-start; } .header-layout-hamburger-left .header-display-desktop .header-actions { fle= x: 1 1 0px; } .header-layout-hamburger-center .header-display-desktop .header-title-nav-w= rapper { flex: 1 1 0px; } .header-layout-hamburger-center .header-display-desktop .header-burger { fl= ex: 0 1 auto; } .header-layout-hamburger-center .header-display-desktop .header-actions { f= lex: 1 1 0px; } .header-layout-hamburger-right .header-display-desktop .header-title-nav-wr= apper { flex: 0 1 auto; } .header-layout-hamburger-right .header-display-desktop .header-burger { fle= x: 1 1 0px; justify-content: flex-end; } .header-layout-hamburger-right .header-display-desktop .header-actions { fl= ex: 1 1 0px; flex-direction: row-reverse; justify-content: flex-end; } .header-layout-hamburger-right .header-display-desktop .header-actions .hea= der-actions-action--cta { margin-left: 0px; } .header-layout-hamburger-cta-right .header-display-desktop .header-title-na= v-wrapper { flex: 1 0 auto; } .header-layout-hamburger-cta-right .header-display-desktop .header-burger {= flex: 0 1 auto; justify-content: flex-end; } .header-layout-hamburger-cta-right .header-display-desktop .header-actions = { flex: 0 1 auto; flex-direction: row-reverse; justify-content: flex-end; m= argin-right: 2.2vw; } .header-layout-hamburger-cta-right .header-display-desktop .header-actions = .header-actions-action--cta { margin-left: 0px; } .header .cart-text-link { white-space: nowrap; } .header .cart-quantity-zero:not(.show-empty-cart-state) .cart-quantity-cont= ainer, .header .cart-quantity-zero:not(.show-empty-cart-state) .icon-cart-q= uantity { display: none; } .header-actions-action, .header-menu-actions-action { text-align: center; l= ine-height: 1; } .header-actions-action .sqs-custom-cart, .header-menu-actions-action .sqs-c= ustom-cart { display: block; } .header-actions-action .icon-cart-quantity:not(.legacy-cart), .header-menu-= actions-action .icon-cart-quantity:not(.legacy-cart) { padding-left: calc(4= .66667px); } .header-actions-action .cart-style-icon .icon-cart-quantity:not(.legacy-car= t), .header-menu-actions-action .cart-style-icon .icon-cart-quantity:not(.l= egacy-cart) { line-height: 25px; } .header-actions-action .header-icon:not(.header-icon-border-shape-none), .h= eader-menu-actions-action .header-icon:not(.header-icon-border-shape-none) = { padding: 10px; } .header-actions-action .header-icon:not(.header-icon-border-shape-none).sqs= -custom-cart, .header-menu-actions-action .header-icon:not(.header-icon-bor= der-shape-none).sqs-custom-cart { padding: 10px 12px; } .header-actions-action .header-icon:not(.header-icon-border-shape-none).sqs= -custom-cart.header-icon-border-shape-circle, .header-menu-actions-action .= header-icon:not(.header-icon-border-shape-none).sqs-custom-cart.header-icon= -border-shape-circle { padding: 10px 14px; } .header-actions-action .header-icon:not(.header-icon-border-shape-none).hea= der-icon-border-shape-circle, .header-menu-actions-action .header-icon:not(= .header-icon-border-shape-none).header-icon-border-shape-circle { border-ra= dius: 3em; } .header-actions-action .header-icon:not(.header-icon-border-shape-none).hea= der-icon-border-shape-rounded, .header-menu-actions-action .header-icon:not= (.header-icon-border-shape-none).header-icon-border-shape-rounded { border-= radius: 0.4em; } .header-actions-action .header-icon:not(.header-icon-border-shape-none).hea= der-icon-border-style-outline, .header-menu-actions-action .header-icon:not= (.header-icon-border-shape-none).header-icon-border-style-outline { transit= ion: background-color 0.1s linear 0s, color 0.1s linear 0s, box-shadow 0.1s= linear 0s; } .header-actions-action .header-icon:not(.header-icon-border-shape-none).hea= der-icon-border-style-solid, .header-menu-actions-action .header-icon:not(.= header-icon-border-shape-none).header-icon-border-style-solid { transition:= opacity 0.1s linear 0s; } .header-actions-action .header-icon:not(.header-icon-border-shape-none).hea= der-icon-border-style-solid:hover, .header-menu-actions-action .header-icon= :not(.header-icon-border-shape-none).header-icon-border-style-solid:hover {= opacity: 0.8; } .header-actions-action .header-icon:not(.header-icon-border-shape-none) .mo= bile-cart-parenthesis, .header-menu-actions-action .header-icon:not(.header= -icon-border-shape-none) .mobile-cart-parenthesis { display: none; } .header-actions-action .header-icon:not(.header-icon-border-shape-none).car= t-style-icon.cart-quantity-zero:not(.show-empty-cart-state), .header-menu-a= ctions-action .header-icon:not(.header-icon-border-shape-none).cart-style-i= con.cart-quantity-zero:not(.show-empty-cart-state) { padding: 10px; } @media only screen and (pointer: coarse) and (max-width: 1024px), screen an= d (max-width: 799px) { .header-actions-action .header-icon:not(.header-icon-border-shape-none).c= art-style-icon .icon, .header-menu-actions-action .header-icon:not(.header-= icon-border-shape-none).cart-style-icon .icon { max-height: 25px; max-width= : 25px; } .header-actions-action .header-icon:not(.header-icon-border-shape-none).c= art-style-icon .icon-cart-quantity:not(.legacy-cart), .header-menu-actions-= action .header-icon:not(.header-icon-border-shape-none).cart-style-icon .ic= on-cart-quantity:not(.legacy-cart) { font-size: 12px; padding-left: 0.2em; = line-height: 25px; } } @media only screen and (pointer: coarse) and (max-width: 1024px), screen an= d (max-width: 799px) { .header-actions-action .header-icon:not(.header-icon-border-shape-none).s= qs-custom-cart, .header-menu-actions-action .header-icon:not(.header-icon-b= order-shape-none).sqs-custom-cart, .header-actions-action .header-icon:not(= .header-icon-border-shape-none).sqs-custom-cart.header-icon-border-shape-ci= rcle, .header-menu-actions-action .header-icon:not(.header-icon-border-shap= e-none).sqs-custom-cart.header-icon-border-shape-circle { line-height: 25px= ; padding: 8px 10px; min-width: 25px; } .header-actions-action .header-icon:not(.header-icon-border-shape-none).c= art-style-icon.cart-quantity-zero:not(.show-empty-cart-state), .header-menu= -actions-action .header-icon:not(.header-icon-border-shape-none).cart-style= -icon.cart-quantity-zero:not(.show-empty-cart-state), .header-actions-actio= n .header-icon:not(.header-icon-border-shape-none).cart-style-text, .header= -menu-actions-action .header-icon:not(.header-icon-border-shape-none).cart-= style-text { padding: 8px !important; } } .header-actions-action .icon, .header-menu-actions-action .icon { flex-shri= nk: 0; height: 25px; width: 25px; } @media only screen and (pointer: coarse) and (max-width: 1024px), screen an= d (max-width: 799px) { .header .header-burger { margin-right: 0px; align-items: flex-end; justif= y-content: flex-end; flex: 0 0 50px; width: 50px; } .header .header-burger.no-nav-links.no-actions { display: none; } .header .header-actions--left { display: none; } .header .header-title-nav-wrapper { flex: 1 0 calc(100% - 50px); } .header .header-title-nav-wrapper .header-title { margin-right: 0px; flex= : 1 0 100%; text-align: left; } .header .header-title-nav-wrapper .header-nav { display: none; } .header .header-actions, .header .header-actions-action--social, .header = .header-actions-action--cta { display: none; } .header .header-layout--with-commerce .header-burger, .header .header-lay= out--with-user-accounts .header-burger, .header .header-layout--with-button= .header-burger { margin-left: 0px; margin-right: 0px; flex: 0 0 75px; alig= n-items: flex-start; justify-content: flex-start; } .header .header-layout--with-commerce .header-title-nav-wrapper, .header = .header-layout--with-user-accounts .header-title-nav-wrapper, .header .head= er-layout--with-button .header-title-nav-wrapper { flex: 1 0 calc((100% - 1= 50px) - 2.2vw); } .header .header-layout--with-commerce .header-title-nav-wrapper .header-t= itle, .header .header-layout--with-user-accounts .header-title-nav-wrapper = .header-title, .header .header-layout--with-button .header-title-nav-wrappe= r .header-title { margin-right: 0px; flex: 1 0 100%; text-align: center; } .header .header-layout--with-commerce .header-actions, .header .header-la= yout--with-user-accounts .header-actions, .header .header-layout--with-butt= on .header-actions { display: inline-flex; flex: 0 0 75px; } .header .header-layout--with-commerce .header-actions--left, .header .hea= der-layout--with-user-accounts .header-actions--left, .header .header-layou= t--with-button .header-actions--left { display: none; } .header .header-display-mobile.with-button .header-title-nav-wrapper { fl= ex: 1 1 80%; } .header .header-display-mobile.with-button .header-actions { flex: 1 0 10= 0px; } .header .header-display-mobile .header-burger.no-nav-links.no-actions { d= isplay: none; } .header .header-mobile-layout-logo-left-nav-right .header-display-mobile = .header-burger { justify-content: flex-end; flex: 0 0 50px; } .header .header-mobile-layout-logo-left-nav-right .header-display-mobile = .header-actions { justify-content: center; } .header .header-mobile-layout-logo-left-nav-right .header-display-mobile = .header-title { text-align: left; } .header .header-mobile-layout-logo-center-nav-right .header-display-mobil= e .header-burger { justify-content: flex-end; } .header .header-mobile-layout-logo-center-nav-right .header-display-mobil= e .header-actions { justify-content: flex-start; } .header .header-mobile-layout-logo-center-nav-right .header-display-mobil= e .header-title { text-align: center; } .header .header-mobile-layout-logo-center-nav-right .header-display-mobil= e .header-title .header-title-text, .header .header-mobile-layout-logo-cent= er-nav-right .header-display-mobile .header-title .header-title-logo, .head= er .header-mobile-layout-logo-center-nav-right .header-display-mobile .head= er-title .header-mobile-logo { padding-left: 50px; } .header .header-mobile-layout-logo-right-nav-right .header-display-mobile= .header-burger { justify-content: flex-end; flex: 0 0 50px; } .header .header-mobile-layout-logo-right-nav-right .header-display-mobile= .header-actions { justify-content: flex-start; } .header .header-mobile-layout-logo-right-nav-right .header-display-mobile= .header-title { text-align: right; padding-right: 10px; flex: 1 0 calc(100= % - 50px); } .header .header-mobile-layout-logo-center-nav-left .header-display-mobile= .header-burger { justify-content: flex-start; } .header .header-mobile-layout-logo-center-nav-left .header-display-mobile= .header-actions { justify-content: flex-end; } .header .header-mobile-layout-logo-center-nav-left .header-display-mobile= .header-title { text-align: center; } .header .header-mobile-layout-logo-center-nav-left .header-display-mobile= .header-title .header-title-text, .header .header-mobile-layout-logo-cente= r-nav-left .header-display-mobile .header-title .header-title-logo, .header= .header-mobile-layout-logo-center-nav-left .header-display-mobile .header-= title .header-mobile-logo { padding-right: 50px; } .header .header-mobile-layout-logo-right-nav-left .header-display-mobile = .header-burger { flex: 0 0 50px; justify-content: flex-start; } .header .header-mobile-layout-logo-right-nav-left .header-display-mobile = .header-actions { justify-content: center; } .header .header-mobile-layout-logo-right-nav-left .header-display-mobile = .header-title { text-align: right; } .header .header-layout--with-commerce.header-mobile-layout-logo-center-na= v-left .header-display-mobile .header-title .header-title-text, .header .he= ader-layout--with-commerce.header-mobile-layout-logo-center-nav-right .head= er-display-mobile .header-title .header-title-text, .header .header-layout-= -with-commerce.header-mobile-layout-logo-center-nav-left .header-display-mo= bile .header-title .header-title-logo, .header .header-layout--with-commerc= e.header-mobile-layout-logo-center-nav-right .header-display-mobile .header= -title .header-title-logo, .header .header-layout--with-commerce.header-mob= ile-layout-logo-center-nav-left .header-display-mobile .header-title .heade= r-mobile-logo, .header .header-layout--with-commerce.header-mobile-layout-l= ogo-center-nav-right .header-display-mobile .header-title .header-mobile-lo= go { padding: 0px; } .header .customerAccountLoginDesktop { display: none; } .header .language-picker-desktop { display: none; } .header .header-title--use-mobile-logo .header-title-logo { display: none= ; } .header .header-title--use-mobile-logo .header-mobile-logo { display: blo= ck; } .header .header-title--use-mobile-logo .header-mobile-logo a { display: i= nline-block; max-height: 56px; } .header .header-title--use-mobile-logo .header-mobile-logo img { max-heig= ht: 56px; } } @media only screen and (pointer: coarse) and (max-width: 1024px), not all, = screen and (max-width: 799px) { .header .header-title--use-mobile-logo .header-title-text { display: none= ; } } .header[data-first-focusable-element]:focus { outline: none; } .tweak-global-animations-animation-type-flex .header-nav-item:not(.header-n= av-item--folder) a, .tweak-global-animations-animation-type-flex .header-na= v-folder-item a { position: relative; display: inline-block; text-decoratio= n: none; } .tweak-global-animations-animation-type-flex .header-nav-item:not(.header-n= av-item--folder) a::after, .tweak-global-animations-animation-type-flex .he= ader-nav-folder-item a::after { content: ""; position: absolute; width: 100= %; height: 1px; left: 0px; bottom: 0.1em; background-color: currentcolor; t= ransform: scaleX(0); transform-origin: right center; transition: transform = 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s; } @media (hover: hover) { .tweak-global-animations-animation-type-flex .header-nav-item:not(.header= -nav-item--folder) a:hover::after, .tweak-global-animations-animation-type-= flex .header-nav-folder-item a:hover::after { transform: scaleX(1); transfo= rm-origin: left center; } } .tweak-global-animations-animation-type-flex .header-nav-item--active:not(.= header-nav-item--folder) a::after { transform: scaleX(1); } main .sections:first-child .page-section:first-child { padding-top: 100px; = } @media only screen and (pointer: coarse) and (max-width: 1024px), screen an= d (max-width: 799px) { main .sections:first-child .page-section:first-child { padding-top: 80.17= 5px; } } .tweak-portfolio-index-background-width-full-bleed main .sections:first-chi= ld .page-section.collection-type-portfolio-index-background:first-child { p= adding-top: 0px; } .announcement-bar-reserved-space .sqs-announcement-bar-dropzone { min-heigh= t: 2.3em; } .announcement-bar-reserved-space main .sections:first-child .page-section:f= irst-child { padding-top: calc(2.3em + 100px); } @media only screen and (pointer: coarse) and (max-width: 1024px), screen an= d (max-width: 799px) { .announcement-bar-reserved-space main .sections:first-child .page-section= :first-child { padding-top: calc(2.3em + 80.175px); } } .announcement-bar-reserved-space.tweak-portfolio-index-background-width-ful= l-bleed main .sections:first-child .page-section.collection-type-portfolio-= index-background:first-child { padding-top: 2.3em; } .header-menu { position: fixed; z-index: 1; display: flex; flex-direction: = column; inset: 0px; opacity: 0; visibility: hidden; will-change: opacity, v= isibility; user-select: none; text-align: center; pointer-events: auto; } .header-overlay-alignment-left .header-menu { text-align: left; } .header-overlay-alignment-right .header-menu { text-align: right; } @media screen and (min-width: 768px) { .header-menu.display-hamburger-on-desktop.desktop-promote-button .header-= menu-cta { display: none; } .header-menu.display-hamburger-on-desktop.desktop-promote-cart .showOnDes= ktop { display: none; } .header-menu.display-hamburger-on-desktop.desktop-promote-login .user-acc= ounts-link { display: none; } .header-menu.display-hamburger-on-desktop.desktop-promote-social .header-= menu-actions { display: none; } } .header-menu.display-hamburger-on-desktop { transition: visibility 600ms cu= bic-bezier(0.4, 0, 0.2, 1) 0s, opacity 400ms cubic-bezier(0.4, 0, 0.2, 1) 0= s; } .header--menu-open .header-menu.display-hamburger-on-desktop { opacity: 1; = visibility: visible; } .header-menu a { opacity: 1; } @media only screen and (pointer: coarse) and (max-width: 1024px), screen an= d (max-width: 799px) { .header-menu { transition: visibility 600ms cubic-bezier(0.4, 0, 0.2, 1) = 0s, opacity 400ms cubic-bezier(0.4, 0, 0.2, 1) 0s; } } .header-menu-bg { position: absolute; inset: 0px; } .header-menu-nav { position: relative; display: flex; flex-direction: colum= n; flex-grow: 1; flex-shrink: 0; } .header-menu-nav-list { position: relative; flex-grow: 1; width: 100%; tran= sform: translateY(20px); transition: transform 600ms cubic-bezier(0.4, 0, 0= .2, 1) 0s; } .header-menu-nav-folder { position: absolute; display: flex; top: 0px; left= : 0px; width: 100%; min-height: 100%; max-height: 100%; justify-content: fl= ex-start; overflow: hidden scroll; transform: translateX(100%); transition:= transform 600ms cubic-bezier(0.4, 0, 0.2, 1) 0s; flex-direction: column; } .header-menu-nav-folder[data-folder=3D"root"] { transform: translateX(0%); = } .header-menu-nav-folder-content { position: relative; display: flex; width:= 100%; flex-grow: 1; flex-shrink: 0; justify-content: center; flex-directio= n: column; } .header-menu-nav-folder .header-menu-nav-folder { display: none; } .header-menu-nav-folder--active { transform: translateX(0px); will-change: = transform; } .header-menu-nav-folder--open { transform: translateX(-100%) !important; } .header-menu-nav-item { position: relative; width: 100%; box-sizing: border= -box; padding-left: 3vw; padding-right: 3vw; } .header-menu-nav-item a { position: relative; display: block; margin: 3vw 5= vw; transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1) 0s; } @media (hover: hover) { .header-menu-nav-item:hover a { opacity: 0.9; } } .header-menu-nav-item-content { position: relative; display: inline-block; = pointer-events: none; } :is([aria-current=3D"page"], [aria-current=3D"true"]) .header-menu-nav-item= -content { background-image: linear-gradient(currentcolor, currentcolor); b= ackground-repeat: repeat-x; background-size: 1px 1px; background-position: = 0px 100%; } @media (forced-colors: active) { :is([aria-current=3D"page"], [aria-current=3D"true"]) .header-menu-nav-it= em-content { text-decoration: underline !important; } } .header-menu-controls { padding-bottom: 10px; opacity: 0.5; } .header-menu-controls-control { position: relative; padding: 0px 10px; opac= ity: 0 !important; transition: visibility 600ms cubic-bezier(0.4, 0, 0.2, 1= ) 0s, opacity 600ms cubic-bezier(0.4, 0, 0.2, 1) 0s !important; } .header-menu-controls-control span { position: relative; display: inline-bl= ock; } .header-menu-controls-control--active { opacity: 1 !important; } .header-menu-actions, .header-menu-cta { transform: translateY(100%); trans= ition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1) 0s; } .header-overlay-alignment-left .header-menu-actions, .header-overlay-alignm= ent-left .header-menu-cta { justify-content: flex-start; } .header-overlay-alignment-right .header-menu-actions, .header-overlay-align= ment-right .header-menu-cta { justify-content: flex-end; } .header-menu-actions { display: flex; align-items: center; justify-content:= center; margin: 0px 20px 6vw; flex-grow: 0; flex-shrink: 1; } .header-menu-actions:empty { display: none; } .header-menu-actions-action { margin: 15px 7.5px; } .header-menu-cta a { display: inline-block; text-align: center; box-sizing:= border-box; margin: 4vw 6vw 6vw; min-width: 210px; } .header-menu .language-picker-content a { justify-content: center; } .header-overlay-alignment-left .header-menu .language-picker-content a { ju= stify-content: flex-start; } .header-overlay-alignment-right .header-menu .language-picker-content a { j= ustify-content: flex-end; } .header-menu .customerAccountLoginMobile { pointer-events: none; display: n= one; } .header-menu[data-show-account-login=3D"true"] .customerAccountLoginMobile = { display: block; } @media only screen and (pointer: coarse) and (max-width: 1024px), screen an= d (max-width: 799px) { .header--menu-open .header-menu { opacity: 1; visibility: visible; } } .header--menu-open .header-menu .header-menu-nav-list { transform: translat= eY(0px); } .header--menu-open .header-menu .header-menu-actions, .header--menu-open .h= eader-menu .header-menu-cta { transform: translateY(0px); } .header--menu-open .header-menu .customerAccountLoginMobile { pointer-event= s: auto; } @media only screen and (pointer: coarse) and (max-width: 1024px), screen an= d (max-width: 799px) { .header--menu-open .sqs-mobile-info-bar-content { z-index: 10; } } body:not(.header--menu-open) .header-nav-item--active > a { background-imag= e: linear-gradient(currentcolor, currentcolor); background-repeat: repeat-x= ; background-size: 1px 1px; background-position: 0px calc(100% - 0.1em); } @media (forced-colors: active) { body:not(.header--menu-open) .header-nav-item--active > a { text-decorati= on: underline !important; } } body:not(.header--menu-open) .header-nav-folder-item--active .header-nav-fo= lder-item-content { background-image: linear-gradient(currentcolor, current= color); background-repeat: repeat-x; background-size: 1px 1px; background-p= osition: 0px 100%; } @media (forced-colors: active) { body:not(.header--menu-open) .header-nav-folder-item--active .header-nav-= folder-item-content { text-decoration: underline !important; } } @media screen and (max-width: 767px) and (orientation: portrait) { .Marquee h1, .Marquee p { font-size: calc((var(--marquee-font-size-value)= - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important; } } @media screen and (min-width: 768px), screen and (max-width: calc(1483px)) = and (orientation: landscape) { .Marquee h1, .Marquee p { font-size: calc((var(--marquee-font-size-value)= - 1) * 1.2vw + 1rem) !important; } } @media screen and (min-width: 1484px) { .Marquee h1, .Marquee p { font-size: calc(var(--marquee-font-size-value) = * 1rem) !important; } } .sqs-video-background { position: absolute; top: 0px; left: 0px; width: 100= %; height: 100%; z-index: 0; overflow: hidden; pointer-events: none; } .sqs-video-background iframe { border-width: 0px; } .sqs-video-background iframe:not(.background-video) { visibility: hidden; o= pacity: 0; transform: translateX(-1000%); } .sqs-video-background .background-video { position: absolute; min-width: 10= 0%; min-height: 100%; opacity: 0; z-index: 0; transition: opacity 0.2s ease= -in 0s; } .sqs-video-background .background-video.ready, .sqs-video-background .backg= round-video.loaded { opacity: 1; } .sqs-video-background .background-video.buffering { opacity: 0; transition:= none 0s ease 0s; } .sqs-video-background .custom-fallback-image { display: block; min-width: 1= 00%; min-height: 100%; opacity: 0; z-index: 0; transition: opacity 0.2s eas= e-in 0s; } .sqs-video-background .custom-fallback-image.loaded { opacity: 1; } .sqs-video-background-native { position: absolute; top: 0px; left: 0px; wid= th: 100%; height: 100%; z-index: 0; overflow: hidden; pointer-events: none;= } .sqs-video-background-native__fallback-image { display: block; min-width: 1= 00%; min-height: 100%; opacity: 1; z-index: 1; transition: opacity 0.2s eas= e-in 0s; } .sqs-video-background-native__fallback-image--hidden { opacity: 0; } .sqs-video-background-native .video-player { position: absolute; top: 0px; = width: 100%; } .sqs-video-background-native .video-player .plyr video { position: absolute= ; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; m= in-height: 100%; width: auto; height: auto; } @supports (object-fit: cover) { .sqs-video-background-native .video-player .plyr video { position: static= ; top: auto; left: auto; transform: none; min-width: auto; min-height: auto= ; width: 100%; height: 100%; object-fit: cover; } } .transition-disabled { transition: none 0s ease 0s !important; } .break-column { break-after: column; } .visually-hidden { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; positi= on: absolute !important; padding: 0px !important; border: 0px !important; h= eight: 1px !important; width: 1px !important; } body { background-color: var(--siteBackgroundColor); color: var(--paragraph= MediumColor); } .page-section .section-border { background-color: var(--siteBackgroundColor= ); } p a { color: var(--paragraphLinkColor); } .section-background-overlay { opacity: 0; } .sqs-block-image .image-overlay, .sqs-block-image .sqs-image-content::after= , .sqs-block-image .image-block-wrapper::after { opacity: 0.1; } div.sqs-block-opentable-v2 h1 { color: inherit; } .page-section { color: var(--paragraphMediumColor); } .page-section .sqs-background-enabled { color: var(--tweak-paragraph-medium= -color-on-background); } .page-section.background-width--inset .section-border { background-color: v= ar(--section-inset-border-color); } :not(.has-background) .section-background { background-color: var(--siteBac= kgroundColor); } h1 { color: var(--headingExtraLargeColor); } h2 { color: var(--headingLargeColor); } h3 { color: var(--headingMediumColor); } h4 { color: var(--headingSmallColor); } .sqsrte-large { color: var(--paragraphLargeColor); } .sqsrte-small { color: var(--paragraphSmallColor); } .sqsrte-text-color--white { color: hsl(var(--white-hsl)); } .sqsrte-text-color--black { color: hsl(var(--black-hsl)); } .sqsrte-text-color--accent { color: hsl(var(--accent-hsl)); } .sqsrte-text-color--lightAccent { color: hsl(var(--lightAccent-hsl)); } .sqsrte-text-color--darkAccent { color: hsl(var(--darkAccent-hsl)); } .sqs-background-enabled.sqs-block-html, .sqs-background-enabled.sqs-block-a= ccordion { background-color: var(--tweak-text-block-background-color); } .sqs-background-enabled.sqs-block-html p.sqsrte-large, .sqs-background-enab= led.sqs-block-accordion p.sqsrte-large { color: var(--tweak-paragraph-large= -color-on-background); } .sqs-background-enabled.sqs-block-html p, .sqs-background-enabled.sqs-block= -accordion p, .sqs-background-enabled.sqs-block-html code, .sqs-background-= enabled.sqs-block-accordion code { color: var(--tweak-paragraph-medium-colo= r-on-background); } .sqs-background-enabled.sqs-block-html p.sqsrte-small, .sqs-background-enab= led.sqs-block-accordion p.sqsrte-small { color: var(--tweak-paragraph-small= -color-on-background); } .sqs-background-enabled.sqs-block-html h1, .sqs-background-enabled.sqs-bloc= k-accordion h1 { color: var(--tweak-heading-extra-large-color-on-background= ); } .sqs-background-enabled.sqs-block-html h2, .sqs-background-enabled.sqs-bloc= k-accordion h2 { color: var(--tweak-heading-large-color-on-background); } .sqs-background-enabled.sqs-block-html h3, .sqs-background-enabled.sqs-bloc= k-accordion h3 { color: var(--tweak-heading-medium-color-on-background); } .sqs-background-enabled.sqs-block-html h4, .sqs-background-enabled.sqs-bloc= k-accordion h4 { color: var(--tweak-heading-small-color-on-background); } .sqs-background-enabled.sqs-block-marquee { background-color: var(--tweak-m= arquee-block-background-color); } .sqs-background-enabled.sqs-block-marquee h1 { color: var(--tweak-marquee-b= lock-heading-color-on-background); } .sqs-background-enabled.sqs-block-marquee p { color: var(--tweak-marquee-bl= ock-paragraph-color-on-background); } .sqs-background-enabled.sqs-block-accordion { background-color: var(--tweak= -accordion-block-background-color); } .sqs-background-enabled.sqs-block-accordion .accordion-divider { color: var= (--tweak-accordion-block-divider-color-on-background); } .sqs-background-enabled.sqs-block-accordion .accordion-icon-container { col= or: var(--tweak-accordion-block-icon-color-on-background); } .sqs-background-enabled.sqs-block-form { background-color: var(--tweak-form= -block-background-color); } .sqs-background-enabled.sqs-block-form .field-list .title, .sqs-background-= enabled.sqs-block-form .form-submission-text { color: var(--tweak-form-bloc= k-title-color-on-background); } .sqs-background-enabled.sqs-block-form .field-list .description { color: va= r(--tweak-form-block-description-color-on-background); } .sqs-background-enabled.sqs-block-form .field-list .caption-text { color: v= ar(--tweak-form-block-caption-color-on-background); } .sqs-background-enabled.sqs-block-form .field-list .option { color: var(--t= weak-form-block-option-color-on-background); } .sqs-background-enabled.sqs-block-form .field-list .question { color: var(-= -tweak-form-block-survey-title-color-on-background); } .sqs-background-enabled.sqs-block-form .sqs-editable-button { background: v= ar(--tweak-form-block-button-background-color-on-background); color: var(--= tweak-form-block-button-text-color-on-background); } .primary-button-style-solid.primary-button-shape-underline .sqs-background-= enabled.sqs-block-form .sqs-editable-button.sqs-button-element--primary, .s= econdary-button-style-solid.secondary-button-shape-underline .sqs-backgroun= d-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--secondary= , .tertiary-button-style-solid.tertiary-button-shape-underline .sqs-backgro= und-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--tertiar= y { background: var(--tweak-form-block-button-text-color-on-background); co= lor: var(--tweak-form-block-button-background-color-on-background); border-= color: var(--tweak-form-block-button-background-color-on-background); } .primary-button-style-outline .sqs-background-enabled.sqs-block-form .sqs-e= ditable-button.sqs-button-element--primary, .secondary-button-style-outline= .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-ele= ment--secondary, .tertiary-button-style-outline .sqs-background-enabled.sqs= -block-form .sqs-editable-button.sqs-button-element--tertiary { color: var(= --tweak-form-block-button-background-color-on-background); border-color: va= r(--tweak-form-block-button-background-color-on-background); } @media (hover: hover) { .primary-button-style-outline .sqs-background-enabled.sqs-block-form .sqs= -editable-button.sqs-button-element--primary:hover, .secondary-button-style= -outline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-bu= tton-element--secondary:hover, .tertiary-button-style-outline .sqs-backgrou= nd-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--tertiary= :hover { background: var(--tweak-form-block-button-background-color-on-back= ground); color: var(--tweak-form-block-button-text-color-on-background); } } .primary-button-style-outline.primary-button-shape-underline .sqs-backgroun= d-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--primary:h= over, .secondary-button-style-outline.secondary-button-shape-underline .sqs= -background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element-= -secondary:hover, .tertiary-button-style-outline.tertiary-button-shape-unde= rline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-butto= n-element--tertiary:hover { border-color: var(--tweak-form-block-button-tex= t-color-on-background); } .primary-button-style-solid.primary-button-shape-underline .sqs-background-= enabled.sqs-block-form .sqs-editable-button.sqs-button-element--primary, .s= econdary-button-style-solid.secondary-button-shape-underline .sqs-backgroun= d-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--secondary= , .tertiary-button-style-solid.tertiary-button-shape-underline .sqs-backgro= und-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--tertiar= y { background: var(--tweak-form-block-button-text-color-on-background); co= lor: var(--tweak-form-block-button-background-color-on-background); border-= color: var(--tweak-form-block-button-background-color-on-background); } .sqs-background-enabled.sqs-block-newsletter { background-color: var(--twea= k-newsletter-block-background-color); } .sqs-background-enabled.sqs-block-newsletter .newsletter-form-header-title = { color: var(--tweak-newsletter-block-title-color-on-background); } .sqs-background-enabled.sqs-block-newsletter .newsletter-form-header-descri= ption { color: var(--tweak-newsletter-block-description-color-on-background= ); } .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button { back= ground-color: var(--tweak-newsletter-block-button-background-color-on-backg= round) !important; color: var(--tweak-newsletter-block-button-text-color-on= -background) !important; } .primary-button-style-outline .sqs-background-enabled.sqs-block-newsletter = .newsletter-form-button.sqs-button-element--primary, .secondary-button-styl= e-outline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-but= ton.sqs-button-element--secondary, .tertiary-button-style-outline .sqs-back= ground-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-elem= ent--tertiary { color: var(--tweak-newsletter-block-button-background-color= -on-background) !important; border-color: var(--tweak-newsletter-block-butt= on-background-color-on-background) !important; } @media (hover: hover) { .primary-button-style-outline .sqs-background-enabled.sqs-block-newslette= r .newsletter-form-button.sqs-button-element--primary:hover, .secondary-but= ton-style-outline .sqs-background-enabled.sqs-block-newsletter .newsletter-= form-button.sqs-button-element--secondary:hover, .tertiary-button-style-out= line .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.s= qs-button-element--tertiary:hover { background-color: var(--tweak-newslette= r-block-button-background-color-on-background) !important; color: var(--twe= ak-newsletter-block-button-text-color-on-background) !important; } } .primary-button-style-outline.primary-button-shape-underline .sqs-backgroun= d-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--= primary:hover, .secondary-button-style-outline.secondary-button-shape-under= line .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.s= qs-button-element--secondary:hover, .tertiary-button-style-outline.tertiary= -button-shape-underline .sqs-background-enabled.sqs-block-newsletter .newsl= etter-form-button.sqs-button-element--tertiary:hover { border-color: var(--= tweak-newsletter-block-button-text-color-on-background) !important; } .primary-button-style-solid.primary-button-shape-underline .sqs-background-= enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--pr= imary, .secondary-button-style-solid.secondary-button-shape-underline .sqs-= background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-= element--secondary, .tertiary-button-style-solid.tertiary-button-shape-unde= rline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.= sqs-button-element--tertiary { border-color: var(--tweak-newsletter-block-b= utton-background-color-on-background); background-color: var(--tweak-newsle= tter-block-button-text-color-on-background) !important; color: var(--tweak-= newsletter-block-button-background-color-on-background) !important; } .tweak-global-animations-animation-type-flex.primary-button-style-solid .sq= s-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-butto= n-element--primary:hover { color: var(--tweak-newsletter-block-button-backg= round-color-on-background) !important; } .tweak-global-animations-animation-type-flex.primary-button-style-solid .sq= s-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-butto= n-element--primary::before { border-color: var(--tweak-newsletter-block-but= ton-background-color-on-background) !important; background-color: var(--twe= ak-newsletter-block-button-text-color-on-background) !important; } .tweak-global-animations-animation-type-flex.primary-button-style-outline .= sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-but= ton-element--primary:hover { color: var(--tweak-newsletter-block-button-tex= t-color-on-background) !important; } .tweak-global-animations-animation-type-flex.primary-button-style-outline .= sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-but= ton-element--primary::before { border-color: var(--tweak-newsletter-block-b= utton-background-color-on-background) !important; background-color: var(--t= weak-newsletter-block-button-background-color-on-background) !important; } .sqs-background-enabled.sqs-block-newsletter .newsletter-form-footnote { co= lor: var(--tweak-newsletter-block-footnote-color-on-background) !important;= } .sqs-background-enabled.sqs-block-summary-v2 { background-color: var(--twea= k-summary-block-background-color); } .sqs-background-enabled.sqs-block-summary-v2 .summary-header-text { color: = var(--tweak-summary-block-header-text-color-on-background); } .sqs-background-enabled.sqs-block-summary-v2 .summary-title { color: var(--= tweak-summary-block-title-color-on-background); } .sqs-background-enabled.sqs-block-summary-v2 .summary-excerpt { color: var(= --tweak-summary-block-excerpt-color-on-background); } .sqs-background-enabled.sqs-block-summary-v2 .summary-read-more-link { colo= r: var(--tweak-summary-block-read-more-color-on-background); } .sqs-background-enabled.sqs-block-summary-v2 .summary-metadata--primary { c= olor: var(--tweak-summary-block-primary-metadata-color-on-background); } .sqs-background-enabled.sqs-block-summary-v2 .summary-metadata--secondary {= color: var(--tweak-summary-block-secondary-metadata-color-on-background); = } .sqs-background-enabled.sqs-block-quote { background-color: var(--tweak-quo= te-block-background-color); } .sqs-background-enabled.sqs-block-quote blockquote { color: var(--tweak-quo= te-block-text-color-on-background); } .sqs-background-enabled.sqs-block-quote .source { color: var(--tweak-quote-= block-source-color-on-background); } .sqs-background-enabled.sqs-block-html a, .sqs-background-enabled .read-mor= e-link, .sqs-background-enabled .entry-excerpt a, .sqs-background-enabled .= blog-excerpt a, .sqs-background-enabled .eventlist-excerpt a, .sqs-backgrou= nd-enabled.sqs-block-newsletter .newsletter-form-header a, .sqs-background-= enabled.sqs-block-newsletter .newsletter-form-footnote a, .sqs-background-e= nabled.sqs-block-newsletter .form-submission-text a, .sqs-background-enable= d.sqs-block-form .form-submission-text a, .sqs-background-enabled.sqs-block= -accordion .accordion-item__description a { color: var(--tweak-paragraph-li= nk-color-on-background); } .sqs-block-html { border-color: var(--tweak-text-block-stroke-color); } .sqs-block-marquee { border-color: var(--tweak-marquee-block-stroke-color);= } .sqs-block-marquee h1 { color: var(--tweak-marquee-block-heading-color); } .sqs-block-marquee p { color: var(--tweak-marquee-block-paragraph-color); } .sqs-block-html a, .read-more-link, .entry-excerpt a, .blog-excerpt a, .eve= ntlist-excerpt a, .sqs-block-newsletter .newsletter-form-header a, .sqs-blo= ck-newsletter .newsletter-form-footnote a, .sqs-block-newsletter .form-subm= ission-text a, .sqs-block-form .form-submission-text a, .sqs-block-accordio= n .accordion-item__description a { color: var(--paragraphLinkColor); } .sqs-block-html h1 a, .sqs-block-html h2 a, .sqs-block-html h3 a, .sqs-bloc= k-html h4 a { color: var(--headingLinkColor); } :focus, a:focus { outline-color: var(--navigationLinkColor); } .sqs-search-page-input.focus-within { outline-color: var(--navigationLinkCo= lor); } .sqs-search-page-input:focus-within { outline-color: var(--navigationLinkCo= lor); } .ProductItem .variant-radiobtn:focus + label { outline-color: var(--navigat= ionLinkColor); } .ProductItem .variant-radiobtn:focus:not(:focus-visible) + label { outline-= color: transparent; } #pdp .star { fill: var(--paragraphMediumColor); } #pdp .star path { fill: var(--paragraphMediumColor); } .product-item-gallery-carousel-control:focus { outline-color: var(--tweak-p= roduct-basic-item-gallery-controls-color); } .sqs-modal-lightbox :focus { outline-color: rgb(0, 0, 0); } .sqs-modal-lightbox.sqs-product-quick-view-lightbox :focus { outline-color:= var(--tweak-product-quick-view-lightbox-controls-color); } .sqs-modal-lightbox.sqs-product-quick-view-lightbox .sqs-product-quick-view= -content :focus { outline-color: var(--navigationLinkColor); } .sqs-modal-lightbox.sqs-product-quick-view-lightbox .sqs-product-quick-view= -content .product-item-gallery-carousel-control:focus, .sqs-modal-lightbox.= sqs-product-quick-view-lightbox .sqs-product-quick-view-content .product-ga= llery-carousel-control:focus { outline-color: var(--tweak-product-basic-ite= m-gallery-controls-color); } .sqs-gallery-controls .previous:focus, .sqs-gallery-controls .next:focus { = outline-color: var(--navigationLinkColor) !important; } .primary-button-style-solid .sqs-button-element--primary, .primary-button-s= tyle-solid .comment-btn-wrapper .sqs-button-element--primary.comment-btn, .= primary-button-style-solid div#Tock_widget_container > div.TockWidgetWrappe= r .TockButton-blue.sqs-button-element--primary { color: var(--primaryButton= TextColor); background-color: var(--primaryButtonBackgroundColor); border-c= olor: var(--primaryButtonBackgroundColor); } .primary-button-style-solid .sqs-button-element--primary, .primary-button-s= tyle-solid .comment-btn-wrapper .sqs-button-element--primary.comment-btn, .= primary-button-style-solid div#Tock_widget_container > div.TockWidgetWrappe= r .TockButton-blue.sqs-button-element--primary { color: var(--primaryButton= TextColor); background-color: var(--primaryButtonBackgroundColor); border-c= olor: var(--primaryButtonTextColor); } .header-skip-link.sqs-button-element--primary { color: var(--primaryButtonT= extColor) !important; background-color: var(--primaryButtonBackgroundColor)= !important; border-color: var(--primaryButtonBackgroundColor) !important; = } .ma-pricing-toggle-wrapper .ma-pricing-options .ma-pricing-option-button.sq= s-button-element--primary { color: var(--primaryButtonBackgroundColor); bac= kground-color: transparent; border: 1px solid var(--primaryButtonBackground= Color) !important; } @media (hover: hover) { .ma-pricing-toggle-wrapper .ma-pricing-options .ma-pricing-option-button.= sqs-button-element--primary:hover { background-color: var(--primaryButtonBa= ckgroundColor); color: var(--primaryButtonTextColor); } } .ma-pricing-toggle-wrapper .ma-pricing-options .ma-pricing-option-selected.= sqs-button-element--primary { color: var(--primaryButtonTextColor); backgro= und-color: var(--primaryButtonBackgroundColor); } .ma-pricing-toggle-wrapper .ma-pricing-options .ma-pricing-option-button.sq= s-button-element--secondary { color: var(--secondaryButtonBackgroundColor);= background-color: transparent; border: 1px solid var(--secondaryButtonBack= groundColor) !important; } @media (hover: hover) { .ma-pricing-toggle-wrapper .ma-pricing-options .ma-pricing-option-button.= sqs-button-element--secondary:hover { background-color: var(--secondaryButt= onBackgroundColor); color: var(--secondaryButtonTextColor); } } .ma-pricing-toggle-wrapper .ma-pricing-options .ma-pricing-option-selected.= sqs-button-element--secondary { color: var(--secondaryButtonTextColor); bac= kground-color: var(--secondaryButtonBackgroundColor); } .ma-pricing-toggle-wrapper .ma-pricing-options .ma-pricing-option-button.sq= s-button-element--tertiary { color: var(--tertiaryButtonBackgroundColor); b= ackground-color: transparent; border: 1px solid var(--tertiaryButtonBackgro= undColor) !important; } @media (hover: hover) { .ma-pricing-toggle-wrapper .ma-pricing-options .ma-pricing-option-button.= sqs-button-element--tertiary:hover { background-color: var(--tertiaryButton= BackgroundColor); color: var(--tertiaryButtonTextColor); } } .ma-pricing-toggle-wrapper .ma-pricing-options .ma-pricing-option-selected.= sqs-button-element--tertiary { color: var(--tertiaryButtonTextColor); backg= round-color: var(--tertiaryButtonBackgroundColor); } .pricing-plan-pricing-toggle-wrapper .pricing-plan-pricing-options .pricing= -plan-pricing-option-button.sqs-button-element--primary { color: var(--prim= aryButtonBackgroundColor); background-color: transparent; border: 1px solid= var(--primaryButtonBackgroundColor) !important; } @media (hover: hover) { .pricing-plan-pricing-toggle-wrapper .pricing-plan-pricing-options .prici= ng-plan-pricing-option-button.sqs-button-element--primary:hover { backgroun= d-color: var(--primaryButtonBackgroundColor); color: var(--primaryButtonTex= tColor); } } .pricing-plan-pricing-toggle-wrapper .pricing-plan-pricing-options .pricing= -plan-pricing-option-selected.sqs-button-element--primary { color: var(--pr= imaryButtonTextColor); background-color: var(--primaryButtonBackgroundColor= ); } .pricing-plan-pricing-toggle-wrapper .pricing-plan-pricing-options .pricing= -plan-pricing-option-button.sqs-button-element--secondary { color: var(--se= condaryButtonBackgroundColor); background-color: transparent; border: 1px s= olid var(--secondaryButtonBackgroundColor) !important; } @media (hover: hover) { .pricing-plan-pricing-toggle-wrapper .pricing-plan-pricing-options .prici= ng-plan-pricing-option-button.sqs-button-element--secondary:hover { backgro= und-color: var(--secondaryButtonBackgroundColor); color: var(--secondaryBut= tonTextColor); } } .pricing-plan-pricing-toggle-wrapper .pricing-plan-pricing-options .pricing= -plan-pricing-option-selected.sqs-button-element--secondary { color: var(--= secondaryButtonTextColor); background-color: var(--secondaryButtonBackgroun= dColor); } .pricing-plan-pricing-toggle-wrapper .pricing-plan-pricing-options .pricing= -plan-pricing-option-button.sqs-button-element--tertiary { color: var(--ter= tiaryButtonBackgroundColor); background-color: transparent; border: 1px sol= id var(--tertiaryButtonBackgroundColor) !important; } @media (hover: hover) { .pricing-plan-pricing-toggle-wrapper .pricing-plan-pricing-options .prici= ng-plan-pricing-option-button.sqs-button-element--tertiary:hover { backgrou= nd-color: var(--tertiaryButtonBackgroundColor); color: var(--tertiaryButton= TextColor); } } .pricing-plan-pricing-toggle-wrapper .pricing-plan-pricing-options .pricing= -plan-pricing-option-selected.sqs-button-element--tertiary { color: var(--t= ertiaryButtonTextColor); background-color: var(--tertiaryButtonBackgroundCo= lor); } .secondary-button-style-solid .sqs-button-element--secondary, .secondary-bu= tton-style-solid .tock-block div#Tock_widget_container > div.TockWidgetWrap= per .TockButton-blue.sqs-button-element--secondary { color: var(--secondary= ButtonTextColor); background: var(--secondaryButtonBackgroundColor); border= -color: var(--secondaryButtonTextColor); } .secondary-button-style-underline .sqs-button-element--secondary, .secondar= y-button-style-underline .tock-block div#Tock_widget_container > div.TockWi= dgetWrapper .TockButton-blue.sqs-button-element--secondary { border-color: = var(--secondaryButtonBackgroundColor); } .secondary-button-style-outline .sqs-button-element--secondary, .secondary-= button-style-outline .tock-block div#Tock_widget_container > div.TockWidget= Wrapper .TockButton-blue.sqs-button-element--secondary { color: var(--secon= daryButtonBackgroundColor); border-color: var(--secondaryButtonBackgroundCo= lor); } @media (hover: hover) { .secondary-button-style-outline .sqs-button-element--secondary:hover, .se= condary-button-style-outline .tock-block div#Tock_widget_container > div.To= ckWidgetWrapper .TockButton-blue.sqs-button-element--secondary:hover { back= ground: var(--secondaryButtonBackgroundColor); color: var(--secondaryButton= TextColor); } } .tertiary-button-style-solid .sqs-button-element--tertiary, .tertiary-butto= n-style-solid .tock-block div#Tock_widget_container > div.TockWidgetWrapper= .TockButton-blue.sqs-button-element--tertiary { color: var(--tertiaryButto= nTextColor); background: var(--tertiaryButtonBackgroundColor); border-color= : var(--tertiaryButtonTextColor); } .tertiary-button-style-underline .sqs-button-element--tertiary, .tertiary-b= utton-style-underline .tock-block div#Tock_widget_container > div.TockWidge= tWrapper .TockButton-blue.sqs-button-element--tertiary { border-color: var(= --tertiaryButtonBackgroundColor); } .tertiary-button-style-outline .sqs-button-element--tertiary, .tertiary-but= ton-style-outline .tock-block div#Tock_widget_container > div.TockWidgetWra= pper .TockButton-blue.sqs-button-element--tertiary { color: var(--tertiaryB= uttonBackgroundColor); border-color: var(--tertiaryButtonBackgroundColor); = } @media (hover: hover) { .tertiary-button-style-outline .sqs-button-element--tertiary:hover, .tert= iary-button-style-outline .tock-block div#Tock_widget_container > div.TockW= idgetWrapper .TockButton-blue.sqs-button-element--tertiary:hover { backgrou= nd: var(--tertiaryButtonBackgroundColor); color: var(--tertiaryButtonTextCo= lor); } } .primary-button-style-outline .sqs-button-element--primary, .primary-button= -style-outline .sqs-button-element--primary.comment-btn, .primary-button-st= yle-outline .sqs-modal-lightbox .sqs-modal-lightbox-content .sqs-button-ele= ment--primary, .primary-button-style-outline div#Tock_widget_container > di= v.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary { color: v= ar(--primaryButtonBackgroundColor); border-color: var(--primaryButtonBackgr= oundColor); } @media (hover: hover) { .primary-button-style-outline .sqs-button-element--primary:hover, .primar= y-button-style-outline .sqs-button-element--primary.comment-btn:hover, .pri= mary-button-style-outline .sqs-modal-lightbox .sqs-modal-lightbox-content .= sqs-button-element--primary:hover, .primary-button-style-outline div#Tock_w= idget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element= --primary:hover { background: var(--primaryButtonBackgroundColor); color: v= ar(--primaryButtonTextColor); } } .primary-button-style-outline.primary-button-shape-underline .sqs-button-el= ement--primary, .primary-button-style-outline.primary-button-shape-underlin= e div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-bu= tton-element--primary { border-color: var(--primaryButtonBackgroundColor); = } @media (hover: hover) { .primary-button-style-outline.primary-button-shape-underline .sqs-button-= element--primary:hover, .primary-button-style-outline.primary-button-shape-= underline div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blu= e.sqs-button-element--primary:hover { border-color: var(--primaryButtonText= Color); } } .primary-button-style-solid.primary-button-shape-underline .sqs-button-elem= ent--primary, .primary-button-style-solid.primary-button-shape-underline .s= qs-button-element--primary.comment-btn, .primary-button-style-solid.primary= -button-shape-underline div#Tock_widget_container > div.TockWidgetWrapper .= TockButton-blue.sqs-button-element--primary { color: var(--primaryButtonBac= kgroundColor); background-color: var(--primaryButtonTextColor); border-colo= r: var(--primaryButtonBackgroundColor); } .secondary-button-style-solid.secondary-button-shape-underline .sqs-button-= element--secondary, .secondary-button-style-solid.secondary-button-shape-un= derline div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.= sqs-button-element--secondary { color: var(--secondaryButtonBackgroundColor= ); background-color: var(--secondaryButtonTextColor); border-color: var(--s= econdaryButtonBackgroundColor); } .secondary-button-style-outline.secondary-button-shape-underline .sqs-butto= n-element--secondary, .secondary-button-style-outline.secondary-button-shap= e-underline div#Tock_widget_container > div.TockWidgetWrapper .TockButton-b= lue.sqs-button-element--secondary { border-color: var(--secondaryButtonBack= groundColor); } @media (hover: hover) { .secondary-button-style-outline.secondary-button-shape-underline .sqs-but= ton-element--secondary:hover, .secondary-button-style-outline.secondary-but= ton-shape-underline div#Tock_widget_container > div.TockWidgetWrapper .Tock= Button-blue.sqs-button-element--secondary:hover { border-color: var(--secon= daryButtonTextColor); } } .tertiary-button-style-solid.tertiary-button-shape-underline .sqs-button-el= ement--tertiary, .tertiary-button-style-solid.tertiary-button-shape-underli= ne div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-b= utton-element--tertiary { color: var(--tertiaryButtonBackgroundColor); back= ground-color: var(--tertiaryButtonTextColor); border-color: var(--tertiaryB= uttonBackgroundColor); } .tertiary-button-style-outline.tertiary-button-shape-underline .sqs-button-= element--tertiary, .tertiary-button-style-outline.tertiary-button-shape-und= erline div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.s= qs-button-element--tertiary { border-color: var(--tertiaryButtonBackgroundC= olor); } @media (hover: hover) { .tertiary-button-style-outline.tertiary-button-shape-underline .sqs-butto= n-element--tertiary:hover, .tertiary-button-style-outline.tertiary-button-s= hape-underline div#Tock_widget_container > div.TockWidgetWrapper .TockButto= n-blue.sqs-button-element--tertiary:hover { border-color: var(--tertiaryBut= tonTextColor); } } .sqs-toggle:has(input:focus-visible) { outline-color: var(--navigationLinkC= olor); } .sqs-toggle--off { background-color: var(--toggle-off-color); } .sqs-toggle--on { background-color: var(--toggle-on-color); } .sqs-block-horizontalrule hr { background-color: var(--tweak-line-block-lin= e-color); } .section-background-overlay { background-color: var(--backgroundOverlayColo= r); } .floating-cart { background-color: var(--primaryButtonBackgroundColor); col= or: var(--primaryButtonTextColor); } .floating-cart :focus { outline-color: var(--primaryButtonTextColor); } .floating-cart .icon--stroke svg { stroke: var(--primaryButtonTextColor); } .tweak-transparent-header .sections.page-section:first-child.background-wid= th--full-bleed.has-background .section-background::after { content: ""; dis= play: block; position: absolute; inset: 0px; background: linear-gradient(va= r(--backgroundOverlayColor),150px,transparent); opacity: 0.05; } [data-header-style=3D"theme"].header, [data-header-style=3D"dynamic"].heade= r { background-color: var(--siteBackgroundColor); } :not(.header--menu-open) .header-title-text a { color: var(--siteTitleColor= ); } :not(.header--menu-open) .header-nav-folder-content, :not(.header--menu-ope= n) .language-picker-content { background-color: var(--siteBackgroundColor);= } :not(.header--menu-open) .header-nav-wrapper a { color: var(--navigationLin= kColor); } :not(.header--menu-open) .header-nav-wrapper .header-nav-item--active a { c= olor: var(--navigationLinkColor); } :not(.header--menu-open) .header-border[data-header-style=3D"dynamic"]:not(= [data-header-usability-enabled=3D"true"]) { border: solid var(--navigationL= inkColor); } :not(.header--menu-open) .burger-inner .top-bun, :not(.header--menu-open) .= burger-inner .patty, :not(.header--menu-open) .burger-inner .bottom-bun { b= ackground-color: var(--navigationLinkColor); } @media (forced-colors: active) { :not(.header--menu-open) .burger-inner .top-bun, :not(.header--menu-open)= .burger-inner .patty, :not(.header--menu-open) .burger-inner .bottom-bun {= background-color: buttontext; } } :not(.header--menu-open) .header-actions { color: var(--navigationLinkColor= ); } :not(.header--menu-open) .header-actions .icon--stroke svg { stroke: curren= tcolor; } :not(.header--menu-open) .header-actions .icon--fill svg { fill: currentcol= or; } :not(.header--menu-open) .header-actions .header-icon:not(.header-icon-bord= er-shape-none).header-icon-border-style-solid, :not(.header--menu-open) .he= ader-actions .header-icon:not(.header-icon-border-shape-none).header-icon-b= order-style-outline:hover { background-color: var(--primaryButtonBackground= Color); color: var(--primaryButtonTextColor) !important; box-shadow: none != important; } :not(.header--menu-open) .header-actions .header-icon:not(.header-icon-bord= er-shape-none).header-icon-border-style-solid.icon--stroke svg, :not(.heade= r--menu-open) .header-actions .header-icon:not(.header-icon-border-shape-no= ne).header-icon-border-style-outline:hover.icon--stroke svg { stroke: curre= ntcolor; } :not(.header--menu-open) .header-actions .header-icon:not(.header-icon-bord= er-shape-none).header-icon-border-style-solid.icon--fill svg, :not(.header-= -menu-open) .header-actions .header-icon:not(.header-icon-border-shape-none= ).header-icon-border-style-outline:hover.icon--fill svg { fill: currentcolo= r; } .header--menu-open .header .header-title-text a { color: var(--menuOverlayN= avigationLinkColor); } .header--menu-open .header .header-burger .top-bun, .header--menu-open .hea= der .header-burger .patty, .header--menu-open .header .header-burger .botto= m-bun { background-color: var(--menuOverlayNavigationLinkColor); } @media (forced-colors: active) { .header--menu-open .header .header-burger .top-bun, .header--menu-open .h= eader .header-burger .patty, .header--menu-open .header .header-burger .bot= tom-bun { background-color: buttontext; } } .header--menu-open .header .header-nav-folder-content, .header--menu-open .= header .language-picker-content { background-color: var(--menuOverlayBackgr= oundColor); } .header--menu-open .header .header-nav-wrapper a { color: var(--menuOverlay= NavigationLinkColor); } .header--menu-open .header .header-nav-wrapper .header-menu-nav-item--activ= e a, .header--menu-open .header .header-nav-wrapper .header-nav-item--activ= e a { color: var(--menuOverlayNavigationLinkColor); } .header--menu-open .header .user-accounts-text-link { color: var(--menuOver= layNavigationLinkColor); } .header--menu-open .header .header-icon:not(.header-icon-border-style-solid= ) { color: var(--menuOverlayNavigationLinkColor); } .header--menu-open .header .header-actions { color: var(--menuOverlayNaviga= tionLinkColor); } .header--menu-open .header .header-actions .icon--stroke svg { stroke: curr= entcolor; } .header--menu-open .header .header-actions .icon--fill svg { fill: currentc= olor; } .header--menu-open .header .header-actions .header-icon:not(.header-icon-bo= rder-shape-none).header-icon-border-style-solid, .header--menu-open .header= .header-actions .header-icon:not(.header-icon-border-shape-none).header-ic= on-border-style-outline:hover { background-color: var(--menuOverlayButtonBa= ckgroundColor); color: var(--menuOverlayButtonTextColor) !important; box-sh= adow: none !important; } .header--menu-open .header .header-actions .header-icon:not(.header-icon-bo= rder-shape-none).header-icon-border-style-solid.icon--stroke svg, .header--= menu-open .header .header-actions .header-icon:not(.header-icon-border-shap= e-none).header-icon-border-style-outline:hover.icon--stroke svg { stroke: c= urrentcolor; } .header--menu-open .header .header-actions .header-icon:not(.header-icon-bo= rder-shape-none).header-icon-border-style-solid.icon--fill svg, .header--me= nu-open .header .header-actions .header-icon:not(.header-icon-border-shape-= none).header-icon-border-style-outline:hover.icon--fill svg { fill: current= color; } .site-wrapper .header-menu .header-menu-bg { background-color: var(--menuOv= erlayBackgroundColor); } .site-wrapper .header-menu .header-menu-nav a:not(.btn) { color: var(--menu= OverlayNavigationLinkColor); } .site-wrapper .header-menu .header-menu-nav .header-menu-nav-item--active a= , .site-wrapper .header-menu .header-menu-nav .header-nav-item--active a { = color: var(--menuOverlayNavigationLinkColor); } .site-wrapper .header-menu .header-menu-nav .header-icon:not(.header-icon-b= order-shape-none).header-icon-border-style-solid, .site-wrapper .header-men= u .header-menu-nav .header-icon:not(.header-icon-border-shape-none).header-= icon-border-style-outline:hover { background-color: var(--menuOverlayButton= BackgroundColor); color: var(--menuOverlayButtonTextColor) !important; box-= shadow: none !important; } .site-wrapper .header-menu .header-menu-nav .header-icon:not(.header-icon-b= order-shape-none).header-icon-border-style-solid.icon--stroke svg, .site-wr= apper .header-menu .header-menu-nav .header-icon:not(.header-icon-border-sh= ape-none).header-icon-border-style-outline:hover.icon--stroke svg { stroke:= currentcolor; } .site-wrapper .header-menu .header-menu-nav .header-icon:not(.header-icon-b= order-shape-none).header-icon-border-style-solid.icon--fill svg, .site-wrap= per .header-menu .header-menu-nav .header-icon:not(.header-icon-border-shap= e-none).header-icon-border-style-outline:hover.icon--fill svg { fill: curre= ntcolor; } .site-wrapper .header-menu .header-menu-cta a { color: var(--menuOverlayBut= tonTextColor); background-color: var(--menuOverlayButtonBackgroundColor); b= order-color: var(--menuOverlayButtonBackgroundColor); } .primary-button-style-solid.primary-button-shape-underline .header-menu .he= ader-menu-cta .sqs-button-element--primary, .secondary-button-style-solid.s= econdary-button-shape-underline .header-menu .header-menu-cta .sqs-button-e= lement--secondary, .tertiary-button-style-solid.tertiary-button-shape-under= line .header-menu .header-menu-cta .sqs-button-element--tertiary { color: v= ar(--menuOverlayButtonBackgroundColor); background-color: var(--menuOverlay= ButtonTextColor); border-color: var(--menuOverlayButtonBackgroundColor); } .primary-button-style-outline .header-menu .header-menu-cta a.sqs-button-el= ement--primary, .secondary-button-style-outline .header-menu .header-menu-c= ta a.sqs-button-element--secondary, .tertiary-button-style-outline .header-= menu .header-menu-cta a.sqs-button-element--tertiary { color: var(--menuOve= rlayButtonBackgroundColor); border-color: var(--menuOverlayButtonBackground= Color); } @media (hover: hover) { .primary-button-style-outline .header-menu .header-menu-cta a.sqs-button-= element--primary:hover, .secondary-button-style-outline .header-menu .heade= r-menu-cta a.sqs-button-element--secondary:hover, .tertiary-button-style-ou= tline .header-menu .header-menu-cta a.sqs-button-element--tertiary:hover { = background: var(--menuOverlayButtonBackgroundColor); color: var(--menuOverl= ayButtonTextColor); } } .primary-button-style-outline.primary-button-shape-underline .header-menu .= header-menu-cta a.sqs-button-element--primary:hover, .secondary-button-styl= e-outline.secondary-button-shape-underline .header-menu .header-menu-cta a.= sqs-button-element--secondary:hover, .tertiary-button-style-outline.tertiar= y-button-shape-underline .header-menu .header-menu-cta a.sqs-button-element= --tertiary:hover { border-color: var(--menuOverlayButtonTextColor); } .sqs-announcement-bar { background: var(--announcement-bar-background-color= ); } .sqs-announcement-bar :focus, .sqs-announcement-bar a:focus { outline-color= : var(--announcement-bar-text-color); } .sqs-announcement-bar-text p, .sqs-announcement-bar-text a { color: var(--a= nnouncement-bar-text-color); } .sqs-announcement-bar-close { color: var(--announcement-bar-text-color); } .gallery-fullscreen-slideshow-control-btn::before, .gallery-slideshow-contr= ol-btn::before { background: var(--tweak-gallery-icon-background-color); } .gallery-fullscreen-slideshow-control-btn svg, .gallery-slideshow-control-b= tn svg { stroke: var(--tweak-gallery-icon-color); } .gallery-fullscreen-slideshow-bullet { border-color: var(--tweak-gallery-ic= on-background-color); } .gallery-fullscreen-slideshow-bullet.active { background-color: var(--tweak= -gallery-icon-background-color); } .gallery-lightbox-background { background-color: var(--tweak-gallery-lightb= ox-background-color); opacity: 0.9; } .gallery-lightbox-control-btn { color: var(--tweak-gallery-lightbox-icon-co= lor); } .gallery-lightbox-control-btn .gallery-lightbox-control-btn-icon svg * { st= roke: currentcolor; } .gallery-lightbox-close-btn { color: var(--tweak-gallery-lightbox-icon-colo= r); } .gallery-lightbox-close-btn .gallery-lightbox-close-btn-icon svg * { stroke= : currentcolor; } .user-items-list .list-section-title { color: var(--list-section-title-colo= r); } .user-items-list .list-section-title a { color: var(--list-section-title-co= lor); } .primary-button-style-outline .site-wrapper .user-items-list-simple .list-i= tem[data-is-card-enabled=3D"false"] .list-item-content__button.sqs-button-e= lement--primary.sqs-block-button-element { color: var(--list-section-simple= -button-background-color); border-color: var(--list-section-simple-button-b= ackground-color); } @media (hover: hover) { .primary-button-style-outline .site-wrapper .user-items-list-simple .list= -item[data-is-card-enabled=3D"false"] .list-item-content__button.sqs-button= -element--primary.sqs-block-button-element:hover { background-color: var(--= list-section-simple-button-background-color); color: var(--list-section-sim= ple-button-text-color); } .primary-button-shape-underline.primary-button-style-outline .site-wrappe= r .user-items-list-simple .list-item[data-is-card-enabled=3D"false"] .list-= item-content__button.sqs-button-element--primary.sqs-block-button-element:h= over { border-color: var(--list-section-simple-button-text-color); } } .primary-button-style-outline .site-wrapper .user-items-list-simple .list-i= tem[data-is-card-enabled=3D"true"] .list-item-content__button.sqs-button-el= ement--primary.sqs-block-button-element { color: var(--list-section-simple-= card-button-background-color); border-color: var(--list-section-simple-card= -button-background-color); } @media (hover: hover) { .primary-button-style-outline .site-wrapper .user-items-list-simple .list= -item[data-is-card-enabled=3D"true"] .list-item-content__button.sqs-button-= element--primary.sqs-block-button-element:hover { background-color: var(--l= ist-section-simple-card-button-background-color); color: var(--list-section= -simple-card-button-text-color); } .primary-button-shape-underline.primary-button-style-outline .site-wrappe= r .user-items-list-simple .list-item[data-is-card-enabled=3D"true"] .list-i= tem-content__button.sqs-button-element--primary.sqs-block-button-element:ho= ver { border-color: var(--list-section-simple-card-button-text-color); } } .primary-button-style-outline .site-wrapper .user-items-list-carousel .list= -item[data-is-card-enabled=3D"false"] .list-item-content__button.sqs-button= -element--primary.sqs-block-button-element { color: var(--list-section-caro= usel-button-background-color); border-color: var(--list-section-carousel-bu= tton-background-color); } @media (hover: hover) { .primary-button-style-outline .site-wrapper .user-items-list-carousel .li= st-item[data-is-card-enabled=3D"false"] .list-item-content__button.sqs-butt= on-element--primary.sqs-block-button-element:hover { background-color: var(= --list-section-carousel-button-background-color); color: var(--list-section= -carousel-button-text-color); } .primary-button-shape-underline.primary-button-style-outline .site-wrappe= r .user-items-list-carousel .list-item[data-is-card-enabled=3D"false"] .lis= t-item-content__button.sqs-button-element--primary.sqs-block-button-element= :hover { border-color: var(--list-section-carousel-button-text-color); } } .primary-button-style-outline .site-wrapper .user-items-list-carousel .list= -item[data-is-card-enabled=3D"true"] .list-item-content__button.sqs-button-= element--primary.sqs-block-button-element { color: var(--list-section-carou= sel-card-button-background-color); border-color: var(--list-section-carouse= l-card-button-background-color); } @media (hover: hover) { .primary-button-style-outline .site-wrapper .user-items-list-carousel .li= st-item[data-is-card-enabled=3D"true"] .list-item-content__button.sqs-butto= n-element--primary.sqs-block-button-element:hover { background-color: var(-= -list-section-carousel-card-button-background-color); color: var(--list-sec= tion-carousel-card-button-text-color); } .primary-button-shape-underline.primary-button-style-outline .site-wrappe= r .user-items-list-carousel .list-item[data-is-card-enabled=3D"true"] .list= -item-content__button.sqs-button-element--primary.sqs-block-button-element:= hover { border-color: var(--list-section-carousel-card-button-text-color); = } } .primary-button-style-outline .site-wrapper .user-items-list-banner-slidesh= ow .list-item[data-is-card-enabled=3D"false"] .list-item-content__button.sq= s-button-element--primary.sqs-block-button-element { color: var(--list-sect= ion-banner-slideshow-button-background-color); border-color: var(--list-sec= tion-banner-slideshow-button-background-color); } @media (hover: hover) { .primary-button-style-outline .site-wrapper .user-items-list-banner-slide= show .list-item[data-is-card-enabled=3D"false"] .list-item-content__button.= sqs-button-element--primary.sqs-block-button-element:hover { background-col= or: var(--list-section-banner-slideshow-button-background-color); color: va= r(--list-section-banner-slideshow-button-text-color); } .primary-button-shape-underline.primary-button-style-outline .site-wrappe= r .user-items-list-banner-slideshow .list-item[data-is-card-enabled=3D"fals= e"] .list-item-content__button.sqs-button-element--primary.sqs-block-button= -element:hover { border-color: var(--list-section-banner-slideshow-button-t= ext-color); } } .primary-button-style-outline .site-wrapper .user-items-list-banner-slidesh= ow .list-item[data-is-card-enabled=3D"true"] .list-item-content__button.sqs= -button-element--primary.sqs-block-button-element { color: var(--list-secti= on-banner-slideshow-card-button-background-color); border-color: var(--list= -section-banner-slideshow-card-button-background-color); } @media (hover: hover) { .primary-button-style-outline .site-wrapper .user-items-list-banner-slide= show .list-item[data-is-card-enabled=3D"true"] .list-item-content__button.s= qs-button-element--primary.sqs-block-button-element:hover { background-colo= r: var(--list-section-banner-slideshow-card-button-background-color); color= : var(--list-section-banner-slideshow-card-button-text-color); } .primary-button-shape-underline.primary-button-style-outline .site-wrappe= r .user-items-list-banner-slideshow .list-item[data-is-card-enabled=3D"true= "] .list-item-content__button.sqs-button-element--primary.sqs-block-button-= element:hover { border-color: var(--list-section-banner-slideshow-card-butt= on-text-color); } } .secondary-button-style-outline .site-wrapper .user-items-list-simple .list= -item[data-is-card-enabled=3D"false"] .list-item-content__button.sqs-button= -element--secondary.sqs-block-button-element { color: var(--list-section-si= mple-button-background-color); border-color: var(--list-section-simple-butt= on-background-color); } @media (hover: hover) { .secondary-button-style-outline .site-wrapper .user-items-list-simple .li= st-item[data-is-card-enabled=3D"false"] .list-item-content__button.sqs-butt= on-element--secondary.sqs-block-button-element:hover { background-color: va= r(--list-section-simple-button-background-color); color: var(--list-section= -simple-button-text-color); } .secondary-button-shape-underline.secondary-button-style-outline .site-wr= apper .user-items-list-simple .list-item[data-is-card-enabled=3D"false"] .l= ist-item-content__button.sqs-button-element--secondary.sqs-block-button-ele= ment:hover { border-color: var(--list-section-simple-button-text-color); } } .secondary-button-style-outline .site-wrapper .user-items-list-simple .list= -item[data-is-card-enabled=3D"true"] .list-item-content__button.sqs-button-= element--secondary.sqs-block-button-element { color: var(--list-section-sim= ple-card-button-background-color); border-color: var(--list-section-simple-= card-button-background-color); } @media (hover: hover) { .secondary-button-style-outline .site-wrapper .user-items-list-simple .li= st-item[data-is-card-enabled=3D"true"] .list-item-content__button.sqs-butto= n-element--secondary.sqs-block-button-element:hover { background-color: var= (--list-section-simple-card-button-background-color); color: var(--list-sec= tion-simple-card-button-text-color); } .secondary-button-shape-underline.secondary-button-style-outline .site-wr= apper .user-items-list-simple .list-item[data-is-card-enabled=3D"true"] .li= st-item-content__button.sqs-button-element--secondary.sqs-block-button-elem= ent:hover { border-color: var(--list-section-simple-card-button-text-color)= ; } } .secondary-button-style-outline .site-wrapper .user-items-list-carousel .li= st-item[data-is-card-enabled=3D"false"] .list-item-content__button.sqs-butt= on-element--secondary.sqs-block-button-element { color: var(--list-section-= carousel-button-background-color); border-color: var(--list-section-carouse= l-button-background-color); } @media (hover: hover) { .secondary-button-style-outline .site-wrapper .user-items-list-carousel .= list-item[data-is-card-enabled=3D"false"] .list-item-content__button.sqs-bu= tton-element--secondary.sqs-block-button-element:hover { background-color: = var(--list-section-carousel-button-background-color); color: var(--list-sec= tion-carousel-button-text-color); } .secondary-button-shape-underline.secondary-button-style-outline .site-wr= apper .user-items-list-carousel .list-item[data-is-card-enabled=3D"false"] = .list-item-content__button.sqs-button-element--secondary.sqs-block-button-e= lement:hover { border-color: var(--list-section-carousel-button-text-color)= ; } } .secondary-button-style-outline .site-wrapper .user-items-list-carousel .li= st-item[data-is-card-enabled=3D"true"] .list-item-content__button.sqs-butto= n-element--secondary.sqs-block-button-element { color: var(--list-section-c= arousel-card-button-background-color); border-color: var(--list-section-car= ousel-card-button-background-color); } @media (hover: hover) { .secondary-button-style-outline .site-wrapper .user-items-list-carousel .= list-item[data-is-card-enabled=3D"true"] .list-item-content__button.sqs-but= ton-element--secondary.sqs-block-button-element:hover { background-color: v= ar(--list-section-carousel-card-button-background-color); color: var(--list= -section-carousel-card-button-text-color); } .secondary-button-shape-underline.secondary-button-style-outline .site-wr= apper .user-items-list-carousel .list-item[data-is-card-enabled=3D"true"] .= list-item-content__button.sqs-button-element--secondary.sqs-block-button-el= ement:hover { border-color: var(--list-section-carousel-card-button-text-co= lor); } } .secondary-button-style-outline .site-wrapper .user-items-list-banner-slide= show .list-item[data-is-card-enabled=3D"false"] .list-item-content__button.= sqs-button-element--secondary.sqs-block-button-element { color: var(--list-= section-banner-slideshow-button-background-color); border-color: var(--list= -section-banner-slideshow-button-background-color); } @media (hover: hover) { .secondary-button-style-outline .site-wrapper .user-items-list-banner-sli= deshow .list-item[data-is-card-enabled=3D"false"] .list-item-content__butto= n.sqs-button-element--secondary.sqs-block-button-element:hover { background= -color: var(--list-section-banner-slideshow-button-background-color); color= : var(--list-section-banner-slideshow-button-text-color); } .secondary-button-shape-underline.secondary-button-style-outline .site-wr= apper .user-items-list-banner-slideshow .list-item[data-is-card-enabled=3D"= false"] .list-item-content__button.sqs-button-element--secondary.sqs-block-= button-element:hover { border-color: var(--list-section-banner-slideshow-bu= tton-text-color); } } .secondary-button-style-outline .site-wrapper .user-items-list-banner-slide= show .list-item[data-is-card-enabled=3D"true"] .list-item-content__button.s= qs-button-element--secondary.sqs-block-button-element { color: var(--list-s= ection-banner-slideshow-card-button-background-color); border-color: var(--= list-section-banner-slideshow-card-button-background-color); } @media (hover: hover) { .secondary-button-style-outline .site-wrapper .user-items-list-banner-sli= deshow .list-item[data-is-card-enabled=3D"true"] .list-item-content__button= .sqs-button-element--secondary.sqs-block-button-element:hover { background-= color: var(--list-section-banner-slideshow-card-button-background-color); c= olor: var(--list-section-banner-slideshow-card-button-text-color); } .secondary-button-shape-underline.secondary-button-style-outline .site-wr= apper .user-items-list-banner-slideshow .list-item[data-is-card-enabled=3D"= true"] .list-item-content__button.sqs-button-element--secondary.sqs-block-b= utton-element:hover { border-color: var(--list-section-banner-slideshow-car= d-button-text-color); } } .tertiary-button-style-outline .site-wrapper .user-items-list-simple .list-= item[data-is-card-enabled=3D"false"] .list-item-content__button.sqs-button-= element--tertiary.sqs-block-button-element { color: var(--list-section-simp= le-button-background-color); border-color: var(--list-section-simple-button= -background-color); } @media (hover: hover) { .tertiary-button-style-outline .site-wrapper .user-items-list-simple .lis= t-item[data-is-card-enabled=3D"false"] .list-item-content__button.sqs-butto= n-element--tertiary.sqs-block-button-element:hover { background-color: var(= --list-section-simple-button-background-color); color: var(--list-section-s= imple-button-text-color); } .tertiary-button-shape-underline.tertiary-button-style-outline .site-wrap= per .user-items-list-simple .list-item[data-is-card-enabled=3D"false"] .lis= t-item-content__button.sqs-button-element--tertiary.sqs-block-button-elemen= t:hover { border-color: var(--list-section-simple-button-text-color); } } .tertiary-button-style-outline .site-wrapper .user-items-list-simple .list-= item[data-is-card-enabled=3D"true"] .list-item-content__button.sqs-button-e= lement--tertiary.sqs-block-button-element { color: var(--list-section-simpl= e-card-button-background-color); border-color: var(--list-section-simple-ca= rd-button-background-color); } @media (hover: hover) { .tertiary-button-style-outline .site-wrapper .user-items-list-simple .lis= t-item[data-is-card-enabled=3D"true"] .list-item-content__button.sqs-button= -element--tertiary.sqs-block-button-element:hover { background-color: var(-= -list-section-simple-card-button-background-color); color: var(--list-secti= on-simple-card-button-text-color); } .tertiary-button-shape-underline.tertiary-button-style-outline .site-wrap= per .user-items-list-simple .list-item[data-is-card-enabled=3D"true"] .list= -item-content__button.sqs-button-element--tertiary.sqs-block-button-element= :hover { border-color: var(--list-section-simple-card-button-text-color); } } .tertiary-button-style-outline .site-wrapper .user-items-list-carousel .lis= t-item[data-is-card-enabled=3D"false"] .list-item-content__button.sqs-butto= n-element--tertiary.sqs-block-button-element { color: var(--list-section-ca= rousel-button-background-color); border-color: var(--list-section-carousel-= button-background-color); } @media (hover: hover) { .tertiary-button-style-outline .site-wrapper .user-items-list-carousel .l= ist-item[data-is-card-enabled=3D"false"] .list-item-content__button.sqs-but= ton-element--tertiary.sqs-block-button-element:hover { background-color: va= r(--list-section-carousel-button-background-color); color: var(--list-secti= on-carousel-button-text-color); } .tertiary-button-shape-underline.tertiary-button-style-outline .site-wrap= per .user-items-list-carousel .list-item[data-is-card-enabled=3D"false"] .l= ist-item-content__button.sqs-button-element--tertiary.sqs-block-button-elem= ent:hover { border-color: var(--list-section-carousel-button-text-color); } } .tertiary-button-style-outline .site-wrapper .user-items-list-carousel .lis= t-item[data-is-card-enabled=3D"true"] .list-item-content__button.sqs-button= -element--tertiary.sqs-block-button-element { color: var(--list-section-car= ousel-card-button-background-color); border-color: var(--list-section-carou= sel-card-button-background-color); } @media (hover: hover) { .tertiary-button-style-outline .site-wrapper .user-items-list-carousel .l= ist-item[data-is-card-enabled=3D"true"] .list-item-content__button.sqs-butt= on-element--tertiary.sqs-block-button-element:hover { background-color: var= (--list-section-carousel-card-button-background-color); color: var(--list-s= ection-carousel-card-button-text-color); } .tertiary-button-shape-underline.tertiary-button-style-outline .site-wrap= per .user-items-list-carousel .list-item[data-is-card-enabled=3D"true"] .li= st-item-content__button.sqs-button-element--tertiary.sqs-block-button-eleme= nt:hover { border-color: var(--list-section-carousel-card-button-text-color= ); } } .tertiary-button-style-outline .site-wrapper .user-items-list-banner-slides= how .list-item[data-is-card-enabled=3D"false"] .list-item-content__button.s= qs-button-element--tertiary.sqs-block-button-element { color: var(--list-se= ction-banner-slideshow-button-background-color); border-color: var(--list-s= ection-banner-slideshow-button-background-color); } @media (hover: hover) { .tertiary-button-style-outline .site-wrapper .user-items-list-banner-slid= eshow .list-item[data-is-card-enabled=3D"false"] .list-item-content__button= .sqs-button-element--tertiary.sqs-block-button-element:hover { background-c= olor: var(--list-section-banner-slideshow-button-background-color); color: = var(--list-section-banner-slideshow-button-text-color); } .tertiary-button-shape-underline.tertiary-button-style-outline .site-wrap= per .user-items-list-banner-slideshow .list-item[data-is-card-enabled=3D"fa= lse"] .list-item-content__button.sqs-button-element--tertiary.sqs-block-but= ton-element:hover { border-color: var(--list-section-banner-slideshow-butto= n-text-color); } } .tertiary-button-style-outline .site-wrapper .user-items-list-banner-slides= how .list-item[data-is-card-enabled=3D"true"] .list-item-content__button.sq= s-button-element--tertiary.sqs-block-button-element { color: var(--list-sec= tion-banner-slideshow-card-button-background-color); border-color: var(--li= st-section-banner-slideshow-card-button-background-color); } @media (hover: hover) { .tertiary-button-style-outline .site-wrapper .user-items-list-banner-slid= eshow .list-item[data-is-card-enabled=3D"true"] .list-item-content__button.= sqs-button-element--tertiary.sqs-block-button-element:hover { background-co= lor: var(--list-section-banner-slideshow-card-button-background-color); col= or: var(--list-section-banner-slideshow-card-button-text-color); } .tertiary-button-shape-underline.tertiary-button-style-outline .site-wrap= per .user-items-list-banner-slideshow .list-item[data-is-card-enabled=3D"tr= ue"] .list-item-content__button.sqs-button-element--tertiary.sqs-block-butt= on-element:hover { border-color: var(--list-section-banner-slideshow-card-b= utton-text-color); } } .user-items-list-simple .list-item-content__title { color: var(--list-secti= on-simple-title-color); } .user-items-list-simple .list-item-content__description { color: var(--list= -section-simple-description-color); } .user-items-list-simple .list-item-content__description a { color: var(--li= st-section-simple-description-color); } .user-items-list-simple .list-item-content__button.sqs-button-element--prim= ary { color: var(--list-section-simple-button-text-color); background-color= : var(--list-section-simple-button-background-color); } .primary-button-style-solid.primary-button-shape-underline .site-wrapper .u= ser-items-list-simple .list-item-content__button.sqs-button-element--primar= y { color: var(--list-section-simple-button-background-color); background-c= olor: var(--list-section-simple-button-text-color); border-color: var(--lis= t-section-simple-button-background-color); } .user-items-list-simple .list-item-content__button.sqs-button-element--seco= ndary { color: var(--list-section-simple-button-text-color); background-col= or: var(--list-section-simple-button-background-color); } .secondary-button-style-solid.secondary-button-shape-underline .site-wrappe= r .user-items-list-simple .list-item-content__button.sqs-button-element--se= condary { color: var(--list-section-simple-button-background-color); backgr= ound-color: var(--list-section-simple-button-text-color); border-color: var= (--list-section-simple-button-background-color); } .user-items-list-simple .list-item-content__button.sqs-button-element--tert= iary { color: var(--list-section-simple-button-text-color); background-colo= r: var(--list-section-simple-button-background-color); } .tertiary-button-style-solid.tertiary-button-shape-underline .site-wrapper = .user-items-list-simple .list-item-content__button.sqs-button-element--tert= iary { color: var(--list-section-simple-button-background-color); backgroun= d-color: var(--list-section-simple-button-text-color); border-color: var(--= list-section-simple-button-background-color); } .user-items-list-simple .list-item[data-is-card-enabled=3D"true"] { backgro= und-color: var(--list-section-simple-card-color); } .user-items-list-simple .list-item[data-is-card-enabled=3D"true"] .list-ite= m-content__title { color: var(--list-section-simple-card-title-color); } .user-items-list-simple .list-item[data-is-card-enabled=3D"true"] .list-ite= m-content__description { color: var(--list-section-simple-card-description-= color); } .user-items-list-simple .list-item[data-is-card-enabled=3D"true"] .list-ite= m-content__description a { color: var(--list-section-simple-card-descriptio= n-link-color); } .user-items-list-simple .list-item[data-is-card-enabled=3D"true"] .list-ite= m-content__button.sqs-button-element--primary { color: var(--list-section-s= imple-card-button-text-color); background-color: var(--list-section-simple-= card-button-background-color); } .primary-button-style-solid.primary-button-shape-underline .site-wrapper .u= ser-items-list-simple .list-item[data-is-card-enabled=3D"true"] .list-item-= content__button.sqs-button-element--primary { color: var(--list-section-sim= ple-card-button-background-color); background-color: var(--list-section-sim= ple-card-button-text-color); border-color: var(--list-section-simple-card-b= utton-background-color); } .user-items-list-simple .list-item[data-is-card-enabled=3D"true"] .list-ite= m-content__button.sqs-button-element--secondary { color: var(--list-section= -simple-card-button-text-color); background-color: var(--list-section-simpl= e-card-button-background-color); } .secondary-button-style-solid.secondary-button-shape-underline .site-wrappe= r .user-items-list-simple .list-item[data-is-card-enabled=3D"true"] .list-i= tem-content__button.sqs-button-element--secondary { color: var(--list-secti= on-simple-card-button-background-color); background-color: var(--list-secti= on-simple-card-button-text-color); border-color: var(--list-section-simple-= card-button-background-color); } .user-items-list-simple .list-item[data-is-card-enabled=3D"true"] .list-ite= m-content__button.sqs-button-element--tertiary { color: var(--list-section-= simple-card-button-text-color); background-color: var(--list-section-simple= -card-button-background-color); } .tertiary-button-style-solid.tertiary-button-shape-underline .site-wrapper = .user-items-list-simple .list-item[data-is-card-enabled=3D"true"] .list-ite= m-content__button.sqs-button-element--tertiary { color: var(--list-section-= simple-card-button-background-color); background-color: var(--list-section-= simple-card-button-text-color); border-color: var(--list-section-simple-car= d-button-background-color); } .user-items-list-carousel .list-item-content__title { color: var(--list-sec= tion-carousel-title-color); } .user-items-list-carousel .list-item-content__description { color: var(--li= st-section-carousel-description-color); } .user-items-list-carousel .list-item-content__description a { color: var(--= list-section-carousel-description-color); } .user-items-list-carousel .list-item-content__button.sqs-button-element--pr= imary { color: var(--list-section-carousel-button-text-color); background-c= olor: var(--list-section-carousel-button-background-color); } .primary-button-style-solid.primary-button-shape-underline .site-wrapper .u= ser-items-list-carousel .list-item-content__button.sqs-button-element--prim= ary { color: var(--list-section-carousel-button-background-color); backgrou= nd-color: var(--list-section-carousel-button-text-color); border-color: var= (--list-section-carousel-button-background-color); } .user-items-list-carousel .list-item-content__button.sqs-button-element--se= condary { color: var(--list-section-carousel-button-text-color); background= -color: var(--list-section-carousel-button-background-color); } .secondary-button-style-solid.secondary-button-shape-underline .site-wrappe= r .user-items-list-carousel .list-item-content__button.sqs-button-element--= secondary { color: var(--list-section-carousel-button-background-color); ba= ckground-color: var(--list-section-carousel-button-text-color); border-colo= r: var(--list-section-carousel-button-background-color); } .user-items-list-carousel .list-item-content__button.sqs-button-element--te= rtiary { color: var(--list-section-carousel-button-text-color); background-= color: var(--list-section-carousel-button-background-color); } .tertiary-button-style-solid.tertiary-button-shape-underline .site-wrapper = .user-items-list-carousel .list-item-content__button.sqs-button-element--te= rtiary { color: var(--list-section-carousel-button-background-color); backg= round-color: var(--list-section-carousel-button-text-color); border-color: = var(--list-section-carousel-button-background-color); } .user-items-list-carousel .user-items-list-carousel__arrow-icon-foreground = { stroke: var(--list-section-carousel-arrow-color); } .user-items-list-carousel .user-items-list-carousel__arrow-icon-background = { background-color: var(--list-section-carousel-arrow-background-color); } .user-items-list-carousel .user-items-list-carousel__arrow-button::after { = border-color: var(--list-section-carousel-arrow-color); } .user-items-list-carousel .user-items-list-carousel__gutter::after { border= -color: var(--navigationLinkColor); } .user-items-list-carousel[data-layout-width=3D"full"] .user-items-list-caro= usel__gutter::after { border-color: var(--list-section-carousel-arrow-backg= round-color); } .user-items-list-carousel .list-item[data-is-card-enabled=3D"true"] { backg= round-color: var(--list-section-carousel-card-color); } .user-items-list-carousel .list-item[data-is-card-enabled=3D"true"] .list-i= tem-content__title { color: var(--list-section-carousel-card-title-color); = } .user-items-list-carousel .list-item[data-is-card-enabled=3D"true"] .list-i= tem-content__description { color: var(--list-section-carousel-card-descript= ion-color); } .user-items-list-carousel .list-item[data-is-card-enabled=3D"true"] .list-i= tem-content__description a { color: var(--list-section-carousel-card-descri= ption-link-color); } .user-items-list-carousel .list-item[data-is-card-enabled=3D"true"] .list-i= tem-content__button.sqs-button-element--primary { color: var(--list-section= -carousel-card-button-text-color); background-color: var(--list-section-car= ousel-card-button-background-color); } .primary-button-style-solid.primary-button-shape-underline .site-wrapper .u= ser-items-list-carousel .list-item[data-is-card-enabled=3D"true"] .list-ite= m-content__button.sqs-button-element--primary { color: var(--list-section-c= arousel-card-button-background-color); background-color: var(--list-section= -carousel-card-button-text-color); border-color: var(--list-section-carouse= l-card-button-background-color); } .user-items-list-carousel .list-item[data-is-card-enabled=3D"true"] .list-i= tem-content__button.sqs-button-element--secondary { color: var(--list-secti= on-carousel-card-button-text-color); background-color: var(--list-section-c= arousel-card-button-background-color); } .secondary-button-style-solid.secondary-button-shape-underline .site-wrappe= r .user-items-list-carousel .list-item[data-is-card-enabled=3D"true"] .list= -item-content__button.sqs-button-element--secondary { color: var(--list-sec= tion-carousel-card-button-background-color); background-color: var(--list-s= ection-carousel-card-button-text-color); border-color: var(--list-section-c= arousel-card-button-background-color); } .user-items-list-carousel .list-item[data-is-card-enabled=3D"true"] .list-i= tem-content__button.sqs-button-element--tertiary { color: var(--list-sectio= n-carousel-card-button-text-color); background-color: var(--list-section-ca= rousel-card-button-background-color); } .tertiary-button-style-solid.tertiary-button-shape-underline .site-wrapper = .user-items-list-carousel .list-item[data-is-card-enabled=3D"true"] .list-i= tem-content__button.sqs-button-element--tertiary { color: var(--list-sectio= n-carousel-card-button-background-color); background-color: var(--list-sect= ion-carousel-card-button-text-color); border-color: var(--list-section-caro= usel-card-button-background-color); } .user-items-list-banner-slideshow .list-item-content__title { color: var(--= list-section-banner-slideshow-title-color); } .user-items-list-banner-slideshow .list-item-content__description { color: = var(--list-section-banner-slideshow-description-color); } .user-items-list-banner-slideshow .list-item-content__description a { color= : var(--list-section-banner-slideshow-description-color); } .user-items-list-banner-slideshow .list-item-content__button.sqs-button-ele= ment--primary { color: var(--list-section-banner-slideshow-button-text-colo= r); background-color: var(--list-section-banner-slideshow-button-background= -color); } .primary-button-style-solid.primary-button-shape-underline .site-wrapper .u= ser-items-list-banner-slideshow .list-item-content__button.sqs-button-eleme= nt--primary { color: var(--list-section-banner-slideshow-button-background-= color); background-color: var(--list-section-banner-slideshow-button-text-c= olor); border-color: var(--list-section-banner-slideshow-button-background-= color); } .user-items-list-banner-slideshow .list-item-content__button.sqs-button-ele= ment--secondary { color: var(--list-section-banner-slideshow-button-text-co= lor); background-color: var(--list-section-banner-slideshow-button-backgrou= nd-color); } .secondary-button-style-solid.secondary-button-shape-underline .site-wrappe= r .user-items-list-banner-slideshow .list-item-content__button.sqs-button-e= lement--secondary { color: var(--list-section-banner-slideshow-button-backg= round-color); background-color: var(--list-section-banner-slideshow-button-= text-color); border-color: var(--list-section-banner-slideshow-button-backg= round-color); } .user-items-list-banner-slideshow .list-item-content__button.sqs-button-ele= ment--tertiary { color: var(--list-section-banner-slideshow-button-text-col= or); background-color: var(--list-section-banner-slideshow-button-backgroun= d-color); } .tertiary-button-style-solid.tertiary-button-shape-underline .site-wrapper = .user-items-list-banner-slideshow .list-item-content__button.sqs-button-ele= ment--tertiary { color: var(--list-section-banner-slideshow-button-backgrou= nd-color); background-color: var(--list-section-banner-slideshow-button-tex= t-color); border-color: var(--list-section-banner-slideshow-button-backgrou= nd-color); } .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-= icon-foreground { stroke: var(--list-section-banner-slideshow-arrow-color);= } .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-= icon-background { background-color: var(--list-section-banner-slideshow-arr= ow-background-color); } .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-= button::after { border-color: var(--list-section-banner-slideshow-arrow-col= or); } .user-items-list-banner-slideshow .slideshow-gutter::after { border-color: = var(--navigationLinkColor); } .user-items-list-banner-slideshow[data-layout-width=3D"full-bleed"] .slides= how-gutter::after { border-color: var(--list-section-banner-slideshow-arrow= -background-color); } .user-items-list-banner-slideshow .list-item[data-is-card-enabled=3D"true"]= .list-item-card-background { background-color: var(--list-section-banner-s= lideshow-card-color); } .user-items-list-banner-slideshow .list-item[data-is-card-enabled=3D"true"]= .list-item-content__title { color: var(--list-section-banner-slideshow-car= d-title-color); } .user-items-list-banner-slideshow .list-item[data-is-card-enabled=3D"true"]= .list-item-content__description { color: var(--list-section-banner-slidesh= ow-card-description-color); } .user-items-list-banner-slideshow .list-item[data-is-card-enabled=3D"true"]= .list-item-content__description a { color: var(--list-section-banner-slide= show-card-description-link-color); } .user-items-list-banner-slideshow .list-item[data-is-card-enabled=3D"true"]= .list-item-content__button.sqs-button-element--primary { color: var(--list= -section-banner-slideshow-card-button-text-color); background-color: var(--= list-section-banner-slideshow-card-button-background-color); } .primary-button-style-solid.primary-button-shape-underline .site-wrapper .u= ser-items-list-banner-slideshow .list-item[data-is-card-enabled=3D"true"] .= list-item-content__button.sqs-button-element--primary { color: var(--list-s= ection-banner-slideshow-card-button-background-color); background-color: va= r(--list-section-banner-slideshow-card-button-text-color); border-color: va= r(--list-section-banner-slideshow-card-button-background-color); } .user-items-list-banner-slideshow .list-item[data-is-card-enabled=3D"true"]= .list-item-content__button.sqs-button-element--secondary { color: var(--li= st-section-banner-slideshow-card-button-text-color); background-color: var(= --list-section-banner-slideshow-card-button-background-color); } .secondary-button-style-solid.secondary-button-shape-underline .site-wrappe= r .user-items-list-banner-slideshow .list-item[data-is-card-enabled=3D"true= "] .list-item-content__button.sqs-button-element--secondary { color: var(--= list-section-banner-slideshow-card-button-background-color); background-col= or: var(--list-section-banner-slideshow-card-button-text-color); border-col= or: var(--list-section-banner-slideshow-card-button-background-color); } .user-items-list-banner-slideshow .list-item[data-is-card-enabled=3D"true"]= .list-item-content__button.sqs-button-element--tertiary { color: var(--lis= t-section-banner-slideshow-card-button-text-color); background-color: var(-= -list-section-banner-slideshow-card-button-background-color); } .tertiary-button-style-solid.tertiary-button-shape-underline .site-wrapper = .user-items-list-banner-slideshow .list-item[data-is-card-enabled=3D"true"]= .list-item-content__button.sqs-button-element--tertiary { color: var(--lis= t-section-banner-slideshow-card-button-background-color); background-color:= var(--list-section-banner-slideshow-card-button-text-color); border-color:= var(--list-section-banner-slideshow-card-button-background-color); } @media (hover: hover) { .tweak-global-animations-animation-type-flex.primary-button-style-solid:n= ot(.primary-button-shape-underline) .sqs-button-element--primary:not(input)= :hover, .tweak-global-animations-animation-type-flex.primary-button-style-s= olid:not(.primary-button-shape-underline) .tock-block div#Tock_widget_conta= iner > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary:h= over { color: var(--primaryButtonBackgroundColor); } .tweak-global-animations-animation-type-flex.primary-button-style-solid:n= ot(.primary-button-shape-underline) .sqs-button-element--primary:not(input)= ::before, .tweak-global-animations-animation-type-flex.primary-button-style= -solid:not(.primary-button-shape-underline) .tock-block div#Tock_widget_con= tainer > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary= ::before { border-color: var(--primaryButtonBackgroundColor); background-co= lor: var(--primaryButtonTextColor); } .tweak-global-animations-animation-type-flex.primary-button-style-solid:n= ot(.primary-button-shape-underline) .user-items-list-simple .list-item[data= -is-card-enabled=3D"false"] .list-item-content__button::before { border-col= or: var(--list-section-simple-button-background-color); background-color: v= ar(--list-section-simple-button-text-color); } .tweak-global-animations-animation-type-flex.primary-button-style-solid:n= ot(.primary-button-shape-underline) .user-items-list-simple .list-item[data= -is-card-enabled=3D"true"] .list-item-content__button::before { border-colo= r: var(--list-section-simple-card-button-background-color); background-colo= r: var(--list-section-simple-card-button-text-color); } .tweak-global-animations-animation-type-flex.primary-button-style-solid:n= ot(.primary-button-shape-underline) .user-items-list-carousel .list-item[da= ta-is-card-enabled=3D"false"] .list-item-content__button::before { border-c= olor: var(--list-section-carousel-button-background-color); background-colo= r: var(--list-section-carousel-button-text-color); } .tweak-global-animations-animation-type-flex.primary-button-style-solid:n= ot(.primary-button-shape-underline) .user-items-list-carousel .list-item[da= ta-is-card-enabled=3D"true"] .list-item-content__button::before { border-co= lor: var(--list-section-carousel-card-button-background-color); background-= color: var(--list-section-carousel-card-button-text-color); } .tweak-global-animations-animation-type-flex.primary-button-style-solid:n= ot(.primary-button-shape-underline) .user-items-list-banner-slideshow .list= -item[data-is-card-enabled=3D"false"] .list-item-content__button::before { = border-color: var(--list-section-banner-slideshow-button-background-color);= background-color: var(--list-section-banner-slideshow-button-text-color); = } .tweak-global-animations-animation-type-flex.primary-button-style-solid:n= ot(.primary-button-shape-underline) .user-items-list-banner-slideshow .list= -item[data-is-card-enabled=3D"true"] .list-item-content__button::before { b= order-color: var(--list-section-banner-slideshow-card-button-background-col= or); background-color: var(--list-section-banner-slideshow-card-button-text= -color); } } @media (hover: hover) and (hover: hover) { .tweak-global-animations-animation-type-flex.primary-button-style-solid:n= ot(.primary-button-shape-underline) .user-items-list-simple .list-item[data= -is-card-enabled=3D"false"] .list-item-content__button:hover { color: var(-= -list-section-simple-button-background-color); } } @media (hover: hover) and (hover: hover) { .tweak-global-animations-animation-type-flex.primary-button-style-solid:n= ot(.primary-button-shape-underline) .user-items-list-simple .list-item[data= -is-card-enabled=3D"true"] .list-item-content__button:hover { color: var(--= list-section-simple-card-button-background-color); } } @media (hover: hover) and (hover: hover) { .tweak-global-animations-animation-type-flex.primary-button-style-solid:n= ot(.primary-button-shape-underline) .user-items-list-carousel .list-item[da= ta-is-card-enabled=3D"false"] .list-item-content__button:hover { color: var= (--list-section-carousel-button-background-color); } } @media (hover: hover) and (hover: hover) { .tweak-global-animations-animation-type-flex.primary-button-style-solid:n= ot(.primary-button-shape-underline) .user-items-list-carousel .list-item[da= ta-is-card-enabled=3D"true"] .list-item-content__button:hover { color: var(= --list-section-carousel-card-button-background-color); } } @media (hover: hover) and (hover: hover) { .tweak-global-animations-animation-type-flex.primary-button-style-solid:n= ot(.primary-button-shape-underline) .user-items-list-banner-slideshow .list= -item[data-is-card-enabled=3D"false"] .list-item-content__button:hover { co= lor: var(--list-section-banner-slideshow-button-background-color); } } @media (hover: hover) and (hover: hover) { .tweak-global-animations-animation-type-flex.primary-button-style-solid:n= ot(.primary-button-shape-underline) .user-items-list-banner-slideshow .list= -item[data-is-card-enabled=3D"true"] .list-item-content__button:hover { col= or: var(--list-section-banner-slideshow-card-button-background-color); } } .tweak-global-animations-animation-type-flex.secondary-button-style-solid .= sqs-button-element--secondary:not(input):hover { color: var(--secondaryButt= onBackgroundColor); } .tweak-global-animations-animation-type-flex.secondary-button-style-solid .= sqs-button-element--secondary:not(input)::before { border-color: var(--seco= ndaryButtonBackgroundColor); background-color: var(--secondaryButtonTextCol= or); } .tweak-global-animations-animation-type-flex.tertiary-button-style-solid .s= qs-button-element--tertiary:not(input):hover { color: var(--tertiaryButtonB= ackgroundColor); } .tweak-global-animations-animation-type-flex.tertiary-button-style-solid .s= qs-button-element--tertiary:not(input)::before { border-color: var(--tertia= ryButtonBackgroundColor); background-color: var(--tertiaryButtonTextColor);= } @media (hover: hover) { .tweak-global-animations-animation-type-flex.primary-button-style-outline= .sqs-button-element--primary:not(input):hover { color: var(--primaryButton= TextColor); background-color: transparent; } .tweak-global-animations-animation-type-flex.primary-button-style-outline= .sqs-button-element--primary:not(input)::before { border-color: var(--prim= aryButtonBackgroundColor); background-color: var(--primaryButtonBackgroundC= olor); } .tweak-global-animations-animation-type-flex.primary-button-style-outline= .user-items-list-simple .list-item[data-is-card-enabled=3D"false"] .list-i= tem-content__button { color: var(--list-section-simple-button-background-co= lor); border-color: var(--list-section-simple-button-background-color); } .tweak-global-animations-animation-type-flex.primary-button-style-outline= .user-items-list-simple .list-item[data-is-card-enabled=3D"false"] .list-i= tem-content__button::before { border-color: var(--list-section-simple-butto= n-background-color); background-color: var(--list-section-simple-button-bac= kground-color); } .tweak-global-animations-animation-type-flex.primary-button-style-outline= .user-items-list-simple .list-item[data-is-card-enabled=3D"true"] .list-it= em-content__button { color: var(--list-section-simple-card-button-backgroun= d-color); border-color: var(--list-section-simple-card-button-background-co= lor); } .tweak-global-animations-animation-type-flex.primary-button-style-outline= .user-items-list-simple .list-item[data-is-card-enabled=3D"true"] .list-it= em-content__button::before { border-color: var(--list-section-simple-card-b= utton-background-color); background-color: var(--list-section-simple-card-b= utton-background-color); } .tweak-global-animations-animation-type-flex.primary-button-style-outline= .user-items-list-carousel .list-item[data-is-card-enabled=3D"false"] .list= -item-content__button { color: var(--list-section-carousel-button-backgroun= d-color); border-color: var(--list-section-carousel-button-background-color= ); } .tweak-global-animations-animation-type-flex.primary-button-style-outline= .user-items-list-carousel .list-item[data-is-card-enabled=3D"false"] .list= -item-content__button::before { border-color: var(--list-section-carousel-b= utton-background-color); background-color: var(--list-section-carousel-butt= on-background-color); } .tweak-global-animations-animation-type-flex.primary-button-style-outline= .user-items-list-carousel .list-item[data-is-card-enabled=3D"true"] .list-= item-content__button { color: var(--list-section-carousel-card-button-backg= round-color); border-color: var(--list-section-carousel-card-button-backgro= und-color); } .tweak-global-animations-animation-type-flex.primary-button-style-outline= .user-items-list-carousel .list-item[data-is-card-enabled=3D"true"] .list-= item-content__button::before { border-color: var(--list-section-carousel-ca= rd-button-background-color); background-color: var(--list-section-carousel-= card-button-background-color); } .tweak-global-animations-animation-type-flex.primary-button-style-outline= .user-items-list-banner-slideshow .list-item[data-is-card-enabled=3D"false= "] .list-item-content__button { color: var(--list-section-banner-slideshow-= button-background-color); border-color: var(--list-section-banner-slideshow= -button-background-color); } .tweak-global-animations-animation-type-flex.primary-button-style-outline= .user-items-list-banner-slideshow .list-item[data-is-card-enabled=3D"false= "] .list-item-content__button::before { border-color: var(--list-section-ba= nner-slideshow-button-background-color); background-color: var(--list-secti= on-banner-slideshow-button-background-color); } .tweak-global-animations-animation-type-flex.primary-button-style-outline= .user-items-list-banner-slideshow .list-item[data-is-card-enabled=3D"true"= ] .list-item-content__button { color: var(--list-section-banner-slideshow-c= ard-button-background-color); border-color: var(--list-section-banner-slide= show-card-button-background-color); } .tweak-global-animations-animation-type-flex.primary-button-style-outline= .user-items-list-banner-slideshow .list-item[data-is-card-enabled=3D"true"= ] .list-item-content__button::before { border-color: var(--list-section-ban= ner-slideshow-card-button-background-color); background-color: var(--list-s= ection-banner-slideshow-card-button-background-color); } } @media (hover: hover) and (hover: hover) { .tweak-global-animations-animation-type-flex.primary-button-style-outline= .user-items-list-simple .list-item[data-is-card-enabled=3D"false"] .list-i= tem-content__button:hover { color: var(--list-section-simple-button-text-co= lor); } } @media (hover: hover) and (hover: hover) { .tweak-global-animations-animation-type-flex.primary-button-style-outline= .user-items-list-simple .list-item[data-is-card-enabled=3D"true"] .list-it= em-content__button:hover { color: var(--list-section-simple-card-button-tex= t-color); } } @media (hover: hover) and (hover: hover) { .tweak-global-animations-animation-type-flex.primary-button-style-outline= .user-items-list-carousel .list-item[data-is-card-enabled=3D"false"] .list= -item-content__button:hover { color: var(--list-section-carousel-button-tex= t-color); } } @media (hover: hover) and (hover: hover) { .tweak-global-animations-animation-type-flex.primary-button-style-outline= .user-items-list-carousel .list-item[data-is-card-enabled=3D"true"] .list-= item-content__button:hover { color: var(--list-section-carousel-card-button= -text-color); } } @media (hover: hover) and (hover: hover) { .tweak-global-animations-animation-type-flex.primary-button-style-outline= .user-items-list-banner-slideshow .list-item[data-is-card-enabled=3D"false= "] .list-item-content__button:hover { color: var(--list-section-banner-slid= eshow-button-text-color); } } @media (hover: hover) and (hover: hover) { .tweak-global-animations-animation-type-flex.primary-button-style-outline= .user-items-list-banner-slideshow .list-item[data-is-card-enabled=3D"true"= ] .list-item-content__button:hover { color: var(--list-section-banner-slide= show-card-button-text-color); } } @media (hover: hover) { .tweak-global-animations-animation-type-flex.secondary-button-style-outli= ne .sqs-button-element--secondary:not(input):hover { color: var(--secondary= ButtonTextColor); background-color: transparent; } .tweak-global-animations-animation-type-flex.secondary-button-style-outli= ne .sqs-button-element--secondary:not(input)::before { border-color: var(--= secondaryButtonBackgroundColor); background-color: var(--secondaryButtonBac= kgroundColor); } } @media (hover: hover) { .tweak-global-animations-animation-type-flex.tertiary-button-style-outlin= e .sqs-button-element--tertiary:not(input):hover { color: var(--tertiaryBut= tonTextColor); background-color: transparent; } .tweak-global-animations-animation-type-flex.tertiary-button-style-outlin= e .sqs-button-element--tertiary:not(input)::before { border-color: var(--te= rtiaryButtonBackgroundColor); background-color: var(--tertiaryButtonBackgro= undColor); } } .portfolio-grid-overlay .portfolio-title { color: var(--portfolio-grid-over= lay-title-color); } .portfolio-grid-overlay .portfolio-overlay { background-color: var(--portfo= lio-grid-overlay-overlay-color); } .portfolio-grid-basic .portfolio-title { color: var(--portfolio-grid-basic-= title-color); } .portfolio-hover[data-variant-hover-cover] .portfolio-hover-item-title { co= lor: var(--portfolio-index-background-title-color); } .collection-type-portfolio-index-background .portfolio-index-background-lin= k h1 { color: var(--portfolio-index-background-title-color); } .portfolio-hover[data-variant-hover-follow] .portfolio-hover-item-title { c= olor: var(--portfolio-hover-follow-title-color); } .portfolio-hover[data-variant-hover-static] .portfolio-hover-item-title { c= olor: var(--portfolio-hover-static-title-color); } .item-pagination[data-collection-type^=3D"portfolio"] { background-color: v= ar(--siteBackgroundColor); } .item-pagination[data-collection-type^=3D"portfolio"] .item-pagination-icon= svg { stroke: var(--tweak-portfolio-item-pagination-icon-color); } .item-pagination[data-collection-type^=3D"portfolio"] .item-pagination-prev= -next { color: var(--tweak-portfolio-item-pagination-meta-color); } .item-pagination[data-collection-type^=3D"portfolio"] .item-pagination-titl= e { color: var(--tweak-portfolio-item-pagination-title-color); } .lesson-title { color: var(--video-grid-basic-title-color); } .lessons-grid-meta-container { color: var(--video-grid-basic-meta-color); } .lessons-list .grid-desc { color: var(--video-grid-basic-description-color)= ; } .lessons-list .nested-category-children, .lessons-list .nested-category-tre= e-wrapper { color: var(--video-grid-category-nav-color); } .lesson-details-title { color: var(--tweak-video-item-title-color); } .lesson-grid-meta-container { color: var(--tweak-video-item-meta-color); } .lesson-details-description { color: var(--tweak-video-item-description-col= or); } .lesson-item-pagination-title { color: var(--tweak-video-item-pagination-ti= tle-color); } .lesson-item-pagination-icon svg { stroke: var(--tweak-video-item-paginatio= n-icon-color); } .blog-alternating-side-by-side .blog-more-link { color: var(--tweak-blog-al= ternating-side-by-side-list-read-more-color); } .blog-alternating-side-by-side .blog-more-link::after { background: var(--t= weak-blog-alternating-side-by-side-list-read-more-color); } .blog-alternating-side-by-side .blog-title { color: var(--tweak-blog-altern= ating-side-by-side-list-title-color); } .blog-alternating-side-by-side .blog-categories-list a, .blog-alternating-s= ide-by-side .blog-author, .blog-alternating-side-by-side .blog-date, .blog-= alternating-side-by-side .blog-meta-delimiter { color: var(--tweak-blog-alt= ernating-side-by-side-list-meta-color); } .blog-alternating-side-by-side .blog-excerpt { color: var(--tweak-blog-alte= rnating-side-by-side-list-excerpt-color); } .blog-alternating-side-by-side .blog-list-pagination { color: var(--tweak-b= log-alternating-side-by-side-list-meta-color); } .blog-alternating-side-by-side .blog-list-pagination .blog-list-pagination-= icon { stroke: var(--tweak-blog-alternating-side-by-side-list-meta-color); = } .blog-basic-grid .blog-more-link { color: var(--tweak-blog-basic-grid-list-= read-more-color); } .blog-basic-grid .blog-more-link::after { background: var(--tweak-blog-basi= c-grid-list-read-more-color); } .blog-basic-grid .blog-title { color: var(--tweak-blog-basic-grid-list-titl= e-color); } .blog-basic-grid .blog-categories-list a, .blog-basic-grid .blog-author, .b= log-basic-grid .blog-date, .blog-basic-grid .blog-meta-delimiter { color: v= ar(--tweak-blog-basic-grid-list-meta-color); } .blog-basic-grid .blog-excerpt { color: var(--tweak-blog-basic-grid-list-ex= cerpt-color); } .blog-basic-grid .blog-list-pagination { color: var(--tweak-blog-basic-grid= -list-meta-color); } .blog-basic-grid .blog-list-pagination .blog-list-pagination-icon { stroke:= var(--tweak-blog-basic-grid-list-meta-color); } .blog-masonry .blog-more-link { color: var(--tweak-blog-masonry-list-read-m= ore-color); } .blog-masonry .blog-more-link::after { background: var(--tweak-blog-masonry= -list-read-more-color); } .blog-masonry .blog-title { color: var(--tweak-blog-masonry-list-title-colo= r); } .blog-masonry .blog-categories-list a, .blog-masonry .blog-author, .blog-ma= sonry .blog-date, .blog-masonry .blog-meta-delimiter { color: var(--tweak-b= log-masonry-list-meta-color); } .blog-masonry .blog-excerpt { color: var(--tweak-blog-masonry-list-excerpt-= color); } .blog-masonry .blog-list-pagination { color: var(--tweak-blog-masonry-list-= meta-color); } .blog-masonry .blog-list-pagination .blog-list-pagination-icon { stroke: va= r(--tweak-blog-masonry-list-meta-color); } .blog-side-by-side .blog-more-link { color: var(--tweak-blog-side-by-side-l= ist-read-more-color); } .blog-side-by-side .blog-more-link::after { background: var(--tweak-blog-si= de-by-side-list-read-more-color); } .blog-side-by-side .blog-title { color: var(--tweak-blog-side-by-side-list-= title-color); } .blog-side-by-side .blog-categories-list a, .blog-side-by-side .blog-author= , .blog-side-by-side .blog-date, .blog-side-by-side .blog-meta-delimiter { = color: var(--tweak-blog-side-by-side-list-meta-color); } .blog-side-by-side .blog-excerpt { color: var(--tweak-blog-side-by-side-lis= t-excerpt-color); } .blog-side-by-side .blog-list-pagination { color: var(--tweak-blog-side-by-= side-list-meta-color); } .blog-side-by-side .blog-list-pagination .blog-list-pagination-icon { strok= e: var(--tweak-blog-side-by-side-list-meta-color); } .blog-single-column .blog-more-link { color: var(--tweak-blog-single-column= -list-read-more-color); } .blog-single-column .blog-more-link::after { background: var(--tweak-blog-s= ingle-column-list-read-more-color); } .blog-single-column .blog-title { color: var(--tweak-blog-single-column-lis= t-title-color); } .blog-single-column .blog-categories-list a, .blog-single-column .blog-auth= or, .blog-single-column .blog-date, .blog-single-column .blog-meta-delimite= r { color: var(--tweak-blog-single-column-list-meta-color); } .blog-single-column .blog-excerpt { color: var(--tweak-blog-single-column-l= ist-excerpt-color); } .blog-single-column .blog-list-pagination { color: var(--tweak-blog-single-= column-list-meta-color); } .blog-single-column .blog-list-pagination .blog-list-pagination-icon { stro= ke: var(--tweak-blog-single-column-list-meta-color); } .blog-item-wrapper .blog-item-title h1.entry-title { color: var(--tweak-blo= g-item-title-color); } .blog-item-wrapper .blog-meta-item, .blog-item-wrapper .blog-meta-item a, .= blog-item-wrapper .blog-meta-item span { color: var(--tweak-blog-item-meta-= color); } .blog-item-wrapper .author-name, .blog-item-wrapper .author-website, .blog-= item-wrapper .author-bio { color: var(--tweak-blog-item-author-profile-colo= r); } .blog-item-wrapper #comments .header-controls, .blog-item-wrapper #comments= .header-controls .comment-count, .blog-item-wrapper .comment-header .user-= info, .blog-item-wrapper .comment-header .controls { color: var(--tweak-blo= g-item-comment-meta-color); } .blog-item-wrapper .comment-body * { color: var(--tweak-blog-item-comment-t= ext-color); } .item-pagination[data-collection-type^=3D"blog"] { background-color: var(--= siteBackgroundColor); } .item-pagination[data-collection-type^=3D"blog"] .item-pagination-icon svg = { stroke: var(--tweak-blog-item-pagination-icon-color); } .item-pagination[data-collection-type^=3D"blog"] .item-pagination-prev-next= { color: var(--tweak-blog-item-pagination-meta-color); } .item-pagination[data-collection-type^=3D"blog"] .item-pagination-title { c= olor: var(--tweak-blog-item-pagination-title-color); } .products.collection-content-wrapper .nested-category-breadcrumb-link { col= or: var(--tweak-product-grid-text-below-list-category-nav-color); } .products.collection-content-wrapper .ProductItem-nav-breadcrumb-link { col= or: var(--tweak-product-basic-item-breadcumb-nav-color); } .products.collection-content-wrapper .grid-item.on-sale .sqs-money-native {= color: var(--tweak-product-grid-text-below-list-sale-price-color); } .products.collection-content-wrapper .grid-item.on-sale .original-price .sq= s-money-native { color: var(--tweak-product-grid-text-below-list-price-colo= r); } .products.collection-content-wrapper .product-mark.sale { color: var(--twea= k-product-grid-text-below-list-sale-price-color); } .products.collection-content-wrapper .list-pagination .product-list-paginat= ion-icon svg { stroke: var(--tweak-product-grid-text-below-list-pagination-= color); } .products.collection-content-wrapper .category-filter-delimiter { color: va= r(--tweak-product-grid-text-below-list-category-nav-color); } .products.collection-content-wrapper .category-filter-link::after { backgro= und: var(--tweak-product-grid-text-below-list-category-nav-color); } @media (hover: hover) { .products.collection-content-wrapper .category-filter-link:hover { color:= var(--tweak-product-grid-text-below-list-category-nav-color); } } .products.collection-content-wrapper .category-filter-link.category-filter-= link-all, .products.collection-content-wrapper .category-filter-link.active= { color: var(--tweak-product-grid-text-below-list-category-nav-color); } .products.collection-content-wrapper .category-filter-list.other-active .ca= tegory-filter-link { color: var(--tweak-product-grid-text-below-list-catego= ry-nav-color); } @media (hover: hover) { .products.collection-content-wrapper .category-filter-list.other-active .= category-filter-link:hover { color: var(--tweak-product-grid-text-below-lis= t-category-nav-color); } } .products.collection-content-wrapper .category-filter-list.other-active .ca= tegory-filter-link.active { color: var(--tweak-product-grid-text-below-list= -category-nav-color); } .products.collection-content-wrapper .grid-main-meta .grid-title { color: v= ar(--tweak-product-grid-text-below-list-title-color); } .products.collection-content-wrapper .grid-main-meta .grid-prices { color: = var(--tweak-product-grid-text-below-list-price-color); } .products.collection-content-wrapper .grid-meta-status { color: var(--tweak= -product-grid-text-below-list-status-color); } .products.collection-content-wrapper .product-scarcity { color: var(--tweak= -product-grid-text-below-list-scarcity-color); } .products.collection-content-wrapper .plp-grid-add-to-cart .variant-option = select { color: var(--tweak-product-grid-text-below-list-price-color); bord= er-color: var(--tweak-product-grid-text-below-list-price-color); } .on-sale .product-details .sqs-money-native { color: var(--tweak-product-ba= sic-item-sale-price-color); } .on-sale .product-details .original-price .sqs-money-native { color: var(--= tweak-product-grid-text-below-list-price-color); } .ProductItem.on-sale .ProductItem-details .product-price .sqs-money-native = { color: var(--tweak-product-basic-item-sale-price-color); } .ProductItem .ProductItem-details { color: var(--tweak-product-basic-item-d= escription-color); } .ProductItem .ProductItem-details h1.ProductItem-details-title { color: var= (--tweak-product-basic-item-title-color); } .ProductItem .ProductItem-details .product-price { color: var(--tweak-produ= ct-basic-item-price-color); } .ProductItem .ProductItem-details .product-price, .ProductItem .ProductItem= -details .product-price .original-price .sqs-money-native { color: var(--tw= eak-product-basic-item-price-color); } .ProductItem .ProductItem-details .product-scarcity { color: var(--tweak-pr= oduct-basic-item-scarcity-color); } .ProductItem .ProductItem-details .variant-option, .ProductItem .ProductIte= m-details .product-quantity-input, .ProductItem .ProductItem-details .produ= ct-quantity-input input { color: var(--tweak-product-basic-item-variant-fie= lds-color); } .ProductItem .ProductItem-details .variant-select-wrapper::after { border-b= ottom-color: var(--tweak-product-basic-item-variant-fields-color); border-r= ight-color: var(--tweak-product-basic-item-variant-fields-color); } .ProductItem .ProductItem-nav-breadcrumb span, .ProductItem .ProductItem-na= v-pagination span, .ProductItem .ProductItem-nav-breadcrumb a, .ProductItem= .ProductItem-nav-pagination a { color: var(--tweak-product-basic-item-brea= dcumb-nav-color); } .ProductItem .product-item-gallery-carousel-control::after { border-color: = var(--tweak-product-basic-item-gallery-controls-color); } .ProductItem .ProductItem-gallery-current-slide-indicator { color: var(--tw= eak-product-basic-item-gallery-controls-color); } .ProductItem .ProductItem-gallery-scroll::after { background: linear-gradie= nt(to bottom,rgba(255,255,255,0) 0%,var(--siteBackgroundColor) 100%); } .sqs-product-quick-view-content { background-color: var(--siteBackgroundCol= or); } .product-block .product-quantity-input input { color: var(--tweak-product-b= asic-item-variant-fields-color) !important; } .item-pagination[data-collection-type^=3D"events"] { background-color: var(= --siteBackgroundColor); } .item-pagination[data-collection-type^=3D"events"] .item-pagination-icon sv= g { stroke: var(--tweak-events-item-pagination-icon-color); } .item-pagination[data-collection-type^=3D"events"] .events-item-pagination-= date { color: var(--tweak-events-item-pagination-date-color); } .item-pagination[data-collection-type^=3D"events"] .item-pagination-title {= color: var(--tweak-events-item-pagination-title-color); } .sqs-block-collectionlink .collectionlink-title { color: var(--tweak-conten= t-link-block-title-color); } .fluidImageOverlay { background-color: var(--image-block-overlay-color); } .image-overlay, .sqs-image-content::after { background-color: var(--backgro= undOverlayColor); } .sqs-block-image .design-layout-poster .sqs-image-content::after, .sqs-bloc= k-image .design-layout-poster .image-overlay { background-color: var(--imag= e-block-poster-image-overlay-color); } .sqs-block-image .design-layout-poster .image-title * { color: var(--image-= block-poster-image-title-color); } .sqs-block-image .design-layout-poster .image-subtitle * { color: var(--ima= ge-block-poster-image-subtitle-color); } .sqs-block-image .design-layout-poster .image-title a, .sqs-block-image .de= sign-layout-poster .image-subtitle a { color: var(--image-block-poster-inli= ne-link-color); } @media (hover: hover) { .sqs-block-image .design-layout-poster .image-title a:hover, .sqs-block-i= mage .design-layout-poster .image-subtitle a:hover { opacity: 0.8; } } .sqs-block-image .design-layout-poster .image-title * { background-color: v= ar(--image-block-poster-image-title-bg-color-v2); box-shadow: .2em 0 0 var(= --image-block-poster-image-title-bg-color-v2),-.2em 0 0 var(--image-block-p= oster-image-title-bg-color-v2); } .primary-button-style-solid .sqs-block-image .design-layout-poster .image-b= utton .sqs-button-element--primary, .secondary-button-style-solid .sqs-bloc= k-image .design-layout-poster .image-button .sqs-button-element--secondary,= .tertiary-button-style-solid .sqs-block-image .design-layout-poster .image= -button .sqs-button-element--tertiary { background: var(--image-block-poste= r-image-button-bg-color); color: var(--image-block-poster-image-button-text= -color); } .primary-button-style-solid.primary-button-shape-underline .sqs-block-image= .design-layout-poster .image-button .sqs-button-element--primary, .seconda= ry-button-style-solid.secondary-button-shape-underline .sqs-block-image .de= sign-layout-poster .image-button .sqs-button-element--secondary, .tertiary-= button-style-solid.tertiary-button-shape-underline .sqs-block-image .design= -layout-poster .image-button .sqs-button-element--tertiary { background: va= r(--image-block-poster-image-button-text-color); color: var(--image-block-p= oster-image-button-bg-color); border-color: var(--image-block-poster-image-= button-bg-color); } .tweak-global-animations-animation-type-flex.primary-button-style-solid:not= (.primary-button-shape-underline) .sqs-block-image .design-layout-poster .i= mage-button .sqs-button-element--primary:hover { color: var(--image-block-p= oster-image-button-bg-color); } .tweak-global-animations-animation-type-flex.primary-button-style-solid:not= (.primary-button-shape-underline) .sqs-block-image .design-layout-poster .i= mage-button .sqs-button-element--primary::before { border-color: var(--imag= e-block-poster-image-button-bg-color); background-color: var(--image-block-= poster-image-button-text-color); } .primary-button-style-outline .sqs-block-image .design-layout-poster .image= -button .sqs-button-element--primary, .secondary-button-style-outline .sqs-= block-image .design-layout-poster .image-button .sqs-button-element--second= ary, .tertiary-button-style-outline .sqs-block-image .design-layout-poster = .image-button .sqs-button-element--tertiary { background: transparent; colo= r: var(--image-block-poster-image-button-bg-color); border: 2px solid var(-= -image-block-poster-image-button-bg-color); } @media (hover: hover) { .primary-button-style-outline .sqs-block-image .design-layout-poster .ima= ge-button .sqs-button-element--primary:hover, .secondary-button-style-outli= ne .sqs-block-image .design-layout-poster .image-button .sqs-button-element= --secondary:hover, .tertiary-button-style-outline .sqs-block-image .design-= layout-poster .image-button .sqs-button-element--tertiary:hover { backgroun= d: var(--image-block-poster-image-button-bg-color); color: var(--image-bloc= k-poster-image-button-text-color); } } @media (hover: hover) { .primary-button-style-outline.primary-button-shape-underline .sqs-block-i= mage .design-layout-poster .image-button .sqs-button-element--primary:hover= , .secondary-button-style-outline.secondary-button-shape-underline .sqs-blo= ck-image .design-layout-poster .image-button .sqs-button-element--secondary= :hover, .tertiary-button-style-outline.tertiary-button-shape-underline .sqs= -block-image .design-layout-poster .image-button .sqs-button-element--terti= ary:hover { border-color: var(--image-block-poster-image-button-text-color)= ; } } .tweak-global-animations-animation-type-flex.primary-button-style-outline .= sqs-block-image .design-layout-poster .image-button .sqs-button-element--pr= imary:hover { color: var(--image-block-poster-image-button-text-color); } .tweak-global-animations-animation-type-flex.primary-button-style-outline .= sqs-block-image .design-layout-poster .image-button .sqs-button-element--pr= imary::before { border-color: var(--image-block-poster-image-button-bg-colo= r); background-color: var(--image-block-poster-image-button-bg-color); } .sqs-block-image .design-layout-card .sqs-image-content::after, .sqs-block-= image .design-layout-card .image-overlay { background-color: var(--image-bl= ock-card-image-overlay-color); } .sqs-block-image .design-layout-card .image-title * { color: var(--image-bl= ock-card-image-title-color); } .sqs-block-image .design-layout-card .image-subtitle * { color: var(--image= -block-card-image-subtitle-color); } .sqs-block-image .design-layout-card .image-title a, .sqs-block-image .desi= gn-layout-card .image-subtitle a { color: var(--image-block-card-inline-lin= k-color); } @media (hover: hover) { .sqs-block-image .design-layout-card .image-title a:hover, .sqs-block-ima= ge .design-layout-card .image-subtitle a:hover { opacity: 0.8; } } .sqs-block-image .design-layout-card .image-title * { background-color: var= (--image-block-card-image-title-bg-color); box-shadow: .2em 0 0 var(--image= -block-card-image-title-bg-color),-.2em 0 0 var(--image-block-card-image-ti= tle-bg-color); } .primary-button-style-solid .sqs-block-image .design-layout-card .image-but= ton .sqs-button-element--primary, .secondary-button-style-solid .sqs-block-= image .design-layout-card .image-button .sqs-button-element--secondary, .te= rtiary-button-style-solid .sqs-block-image .design-layout-card .image-butto= n .sqs-button-element--tertiary { background: var(--image-block-card-image-= button-bg-color); color: var(--image-block-card-image-button-text-color); } .primary-button-style-solid.primary-button-shape-underline .sqs-block-image= .design-layout-card .image-button .sqs-button-element--primary, .secondary= -button-style-solid.secondary-button-shape-underline .sqs-block-image .desi= gn-layout-card .image-button .sqs-button-element--secondary, .tertiary-butt= on-style-solid.tertiary-button-shape-underline .sqs-block-image .design-lay= out-card .image-button .sqs-button-element--tertiary { background: var(--im= age-block-card-image-button-text-color); color: var(--image-block-card-imag= e-button-bg-color); border-color: var(--image-block-card-image-button-bg-co= lor); } .tweak-global-animations-animation-type-flex.primary-button-style-solid:not= (.primary-button-shape-underline) .sqs-block-image .design-layout-card .ima= ge-button .sqs-button-element--primary:hover { color: var(--image-block-car= d-image-button-bg-color); } .tweak-global-animations-animation-type-flex.primary-button-style-solid:not= (.primary-button-shape-underline) .sqs-block-image .design-layout-card .ima= ge-button .sqs-button-element--primary::before { border-color: var(--image-= block-card-image-button-bg-color); background-color: var(--image-block-card= -image-button-text-color); } .primary-button-style-outline .sqs-block-image .design-layout-card .image-b= utton .sqs-button-element--primary, .secondary-button-style-outline .sqs-bl= ock-image .design-layout-card .image-button .sqs-button-element--secondary,= .tertiary-button-style-outline .sqs-block-image .design-layout-card .image= -button .sqs-button-element--tertiary { background: transparent; color: var= (--image-block-card-image-button-bg-color); border: 2px solid var(--image-b= lock-card-image-button-bg-color); } @media (hover: hover) { .primary-button-style-outline .sqs-block-image .design-layout-card .image= -button .sqs-button-element--primary:hover, .secondary-button-style-outline= .sqs-block-image .design-layout-card .image-button .sqs-button-element--se= condary:hover, .tertiary-button-style-outline .sqs-block-image .design-layo= ut-card .image-button .sqs-button-element--tertiary:hover { background: var= (--image-block-card-image-button-bg-color); color: var(--image-block-card-i= mage-button-text-color); } } @media (hover: hover) { .primary-button-style-outline.primary-button-shape-underline .sqs-block-i= mage .design-layout-card .image-button .sqs-button-element--primary:hover, = .secondary-button-style-outline.secondary-button-shape-underline .sqs-block= -image .design-layout-card .image-button .sqs-button-element--secondary:hov= er, .tertiary-button-style-outline.tertiary-button-shape-underline .sqs-blo= ck-image .design-layout-card .image-button .sqs-button-element--tertiary:ho= ver { border-color: var(--image-block-card-image-button-text-color); } } .tweak-global-animations-animation-type-flex.primary-button-style-outline .= sqs-block-image .design-layout-card .image-button .sqs-button-element--prim= ary:hover { color: var(--image-block-card-image-button-text-color); } .tweak-global-animations-animation-type-flex.primary-button-style-outline .= sqs-block-image .design-layout-card .image-button .sqs-button-element--prim= ary::before { border-color: var(--image-block-card-image-button-bg-color); = background-color: var(--image-block-card-image-button-bg-color); } .sqs-block-image .design-layout-overlap .sqs-image-content::after, .sqs-blo= ck-image .design-layout-overlap .image-overlay { background-color: var(--im= age-block-overlap-image-overlay-color); } .sqs-block-image .design-layout-overlap .image-title * { color: var(--image= -block-overlap-image-title-color); } .sqs-block-image .design-layout-overlap .image-subtitle * { color: var(--im= age-block-overlap-image-subtitle-color); } .sqs-block-image .design-layout-overlap .image-title a, .sqs-block-image .d= esign-layout-overlap .image-subtitle a { color: var(--image-block-overlap-i= nline-link-color); } @media (hover: hover) { .sqs-block-image .design-layout-overlap .image-title a:hover, .sqs-block-= image .design-layout-overlap .image-subtitle a:hover { opacity: 0.8; } } .sqs-block-image .design-layout-overlap .image-title * { background-color: = var(--image-block-overlap-image-title-bg-color); box-shadow: .2em 0 0 var(-= -image-block-overlap-image-title-bg-color),-.2em 0 0 var(--image-block-over= lap-image-title-bg-color); } .primary-button-style-solid .sqs-block-image .design-layout-overlap .image-= button .sqs-button-element--primary, .secondary-button-style-solid .sqs-blo= ck-image .design-layout-overlap .image-button .sqs-button-element--secondar= y, .tertiary-button-style-solid .sqs-block-image .design-layout-overlap .im= age-button .sqs-button-element--tertiary { background: var(--image-block-ov= erlap-image-button-bg-color); color: var(--image-block-overlap-image-button= -text-color); } .primary-button-style-solid.primary-button-shape-underline .sqs-block-image= .design-layout-overlap .image-button .sqs-button-element--primary, .second= ary-button-style-solid.secondary-button-shape-underline .sqs-block-image .d= esign-layout-overlap .image-button .sqs-button-element--secondary, .tertiar= y-button-style-solid.tertiary-button-shape-underline .sqs-block-image .desi= gn-layout-overlap .image-button .sqs-button-element--tertiary { background:= var(--image-block-overlap-image-button-text-color); color: var(--image-blo= ck-overlap-image-button-bg-color); border-color: var(--image-block-overlap-= image-button-bg-color); } .tweak-global-animations-animation-type-flex.primary-button-style-solid:not= (.primary-button-shape-underline) .sqs-block-image .design-layout-overlap .= image-button .sqs-button-element--primary:hover { color: var(--image-block-= overlap-image-button-bg-color); } .tweak-global-animations-animation-type-flex.primary-button-style-solid:not= (.primary-button-shape-underline) .sqs-block-image .design-layout-overlap .= image-button .sqs-button-element--primary::before { border-color: var(--ima= ge-block-overlap-image-button-bg-color); background-color: var(--image-bloc= k-overlap-image-button-text-color); } .primary-button-style-outline .sqs-block-image .design-layout-overlap .imag= e-button .sqs-button-element--primary, .secondary-button-style-outline .sqs= -block-image .design-layout-overlap .image-button .sqs-button-element--seco= ndary, .tertiary-button-style-outline .sqs-block-image .design-layout-overl= ap .image-button .sqs-button-element--tertiary { background: transparent; c= olor: var(--image-block-overlap-image-button-bg-color); border: 2px solid v= ar(--image-block-overlap-image-button-bg-color); } @media (hover: hover) { .primary-button-style-outline .sqs-block-image .design-layout-overlap .im= age-button .sqs-button-element--primary:hover, .secondary-button-style-outl= ine .sqs-block-image .design-layout-overlap .image-button .sqs-button-eleme= nt--secondary:hover, .tertiary-button-style-outline .sqs-block-image .desig= n-layout-overlap .image-button .sqs-button-element--tertiary:hover { backgr= ound: var(--image-block-overlap-image-button-bg-color); color: var(--image-= block-overlap-image-button-text-color); } } @media (hover: hover) { .primary-button-style-outline.primary-button-shape-underline .sqs-block-i= mage .design-layout-overlap .image-button .sqs-button-element--primary:hove= r, .secondary-button-style-outline.secondary-button-shape-underline .sqs-bl= ock-image .design-layout-overlap .image-button .sqs-button-element--seconda= ry:hover, .tertiary-button-style-outline.tertiary-button-shape-underline .s= qs-block-image .design-layout-overlap .image-button .sqs-button-element--te= rtiary:hover { border-color: var(--image-block-overlap-image-button-text-co= lor); } } .tweak-global-animations-animation-type-flex.primary-button-style-outline .= sqs-block-image .design-layout-overlap .image-button .sqs-button-element--p= rimary:hover { color: var(--image-block-overlap-image-button-text-color); } .tweak-global-animations-animation-type-flex.primary-button-style-outline .= sqs-block-image .design-layout-overlap .image-button .sqs-button-element--p= rimary::before { border-color: var(--image-block-overlap-image-button-bg-co= lor); background-color: var(--image-block-overlap-image-button-bg-color); } .sqs-block-image .design-layout-collage .sqs-image-content::after, .sqs-blo= ck-image .design-layout-collage .image-overlay { background-color: var(--im= age-block-collage-image-overlay-color); } .sqs-block-image .design-layout-collage .image-card { background-color: var= (--image-block-collage-background-color); } .sqs-block-image .design-layout-collage .image-title * { color: var(--image= -block-collage-image-title-color); } .sqs-block-image .design-layout-collage .image-subtitle * { color: var(--im= age-block-collage-image-subtitle-color); } .sqs-block-image .design-layout-collage .image-title a, .sqs-block-image .d= esign-layout-collage .image-subtitle a { color: var(--image-block-collage-i= nline-link-color); } @media (hover: hover) { .sqs-block-image .design-layout-collage .image-title a:hover, .sqs-block-= image .design-layout-collage .image-subtitle a:hover { opacity: 0.8; } } .sqs-block-image .design-layout-collage .image-title * { background-color: = var(--image-block-collage-image-title-bg-color); box-shadow: .2em 0 0 var(-= -image-block-collage-image-title-bg-color),-.2em 0 0 var(--image-block-coll= age-image-title-bg-color); } .primary-button-style-solid .sqs-block-image .design-layout-collage .image-= button .sqs-button-element--primary, .secondary-button-style-solid .sqs-blo= ck-image .design-layout-collage .image-button .sqs-button-element--secondar= y, .tertiary-button-style-solid .sqs-block-image .design-layout-collage .im= age-button .sqs-button-element--tertiary { background: var(--image-block-co= llage-image-button-bg-color); color: var(--image-block-collage-image-button= -text-color); } .primary-button-style-solid.primary-button-shape-underline .sqs-block-image= .design-layout-collage .image-button .sqs-button-element--primary, .second= ary-button-style-solid.secondary-button-shape-underline .sqs-block-image .d= esign-layout-collage .image-button .sqs-button-element--secondary, .tertiar= y-button-style-solid.tertiary-button-shape-underline .sqs-block-image .desi= gn-layout-collage .image-button .sqs-button-element--tertiary { background:= var(--image-block-collage-image-button-text-color); color: var(--image-blo= ck-collage-image-button-bg-color); border-color: var(--image-block-collage-= image-button-bg-color); } .tweak-global-animations-animation-type-flex.primary-button-style-solid:not= (.primary-button-shape-underline) .sqs-block-image .design-layout-collage .= image-button .sqs-button-element--primary:hover { color: var(--image-block-= collage-image-button-bg-color); } .tweak-global-animations-animation-type-flex.primary-button-style-solid:not= (.primary-button-shape-underline) .sqs-block-image .design-layout-collage .= image-button .sqs-button-element--primary::before { border-color: var(--ima= ge-block-collage-image-button-bg-color); background-color: var(--image-bloc= k-collage-image-button-text-color); } .primary-button-style-outline .sqs-block-image .design-layout-collage .imag= e-button .sqs-button-element--primary, .secondary-button-style-outline .sqs= -block-image .design-layout-collage .image-button .sqs-button-element--seco= ndary, .tertiary-button-style-outline .sqs-block-image .design-layout-colla= ge .image-button .sqs-button-element--tertiary { background: transparent; c= olor: var(--image-block-collage-image-button-bg-color); border: 2px solid v= ar(--image-block-collage-image-button-bg-color); } @media (hover: hover) { .primary-button-style-outline .sqs-block-image .design-layout-collage .im= age-button .sqs-button-element--primary:hover, .secondary-button-style-outl= ine .sqs-block-image .design-layout-collage .image-button .sqs-button-eleme= nt--secondary:hover, .tertiary-button-style-outline .sqs-block-image .desig= n-layout-collage .image-button .sqs-button-element--tertiary:hover { backgr= ound: var(--image-block-collage-image-button-bg-color); color: var(--image-= block-collage-image-button-text-color); } } @media (hover: hover) { .primary-button-style-outline.primary-button-shape-underline .sqs-block-i= mage .design-layout-collage .image-button .sqs-button-element--primary:hove= r, .secondary-button-style-outline.secondary-button-shape-underline .sqs-bl= ock-image .design-layout-collage .image-button .sqs-button-element--seconda= ry:hover, .tertiary-button-style-outline.tertiary-button-shape-underline .s= qs-block-image .design-layout-collage .image-button .sqs-button-element--te= rtiary:hover { border-color: var(--image-block-collage-image-button-text-co= lor); } } .tweak-global-animations-animation-type-flex.primary-button-style-outline .= sqs-block-image .design-layout-collage .image-button .sqs-button-element--p= rimary:hover { color: var(--image-block-collage-image-button-text-color); } .tweak-global-animations-animation-type-flex.primary-button-style-outline .= sqs-block-image .design-layout-collage .image-button .sqs-button-element--p= rimary::before { border-color: var(--image-block-collage-image-button-bg-co= lor); background-color: var(--image-block-collage-image-button-bg-color); } .sqs-block-image .design-layout-stack .sqs-image-content::after, .sqs-block= -image .design-layout-stack .image-overlay { background-color: var(--image-= block-stack-image-overlay-color); } .sqs-block-image .design-layout-stack .image-title * { color: var(--image-b= lock-stack-image-title-color); } .sqs-block-image .design-layout-stack .image-subtitle * { color: var(--imag= e-block-stack-image-subtitle-color); } .sqs-block-image .design-layout-stack .image-title a, .sqs-block-image .des= ign-layout-stack .image-subtitle a { color: var(--image-block-stack-inline-= link-color); } @media (hover: hover) { .sqs-block-image .design-layout-stack .image-title a:hover, .sqs-block-im= age .design-layout-stack .image-subtitle a:hover { opacity: 0.8; } } .sqs-block-image .design-layout-stack .image-title * { background-color: va= r(--image-block-stack-image-title-bg-color); box-shadow: .2em 0 0 var(--ima= ge-block-stack-image-title-bg-color),-.2em 0 0 var(--image-block-stack-imag= e-title-bg-color); } .primary-button-style-solid .sqs-block-image .design-layout-stack .image-bu= tton .sqs-button-element--primary, .secondary-button-style-solid .sqs-block= -image .design-layout-stack .image-button .sqs-button-element--secondary, .= tertiary-button-style-solid .sqs-block-image .design-layout-stack .image-bu= tton .sqs-button-element--tertiary { background: var(--image-block-stack-im= age-button-bg-color); color: var(--image-block-stack-image-button-text-colo= r); } .primary-button-style-solid.primary-button-shape-underline .sqs-block-image= .design-layout-stack .image-button .sqs-button-element--primary, .secondar= y-button-style-solid.secondary-button-shape-underline .sqs-block-image .des= ign-layout-stack .image-button .sqs-button-element--secondary, .tertiary-bu= tton-style-solid.tertiary-button-shape-underline .sqs-block-image .design-l= ayout-stack .image-button .sqs-button-element--tertiary { background: var(-= -image-block-stack-image-button-text-color); color: var(--image-block-stack= -image-button-bg-color); border-color: var(--image-block-stack-image-button= -bg-color); } .tweak-global-animations-animation-type-flex.primary-button-style-solid:not= (.primary-button-shape-underline) .sqs-block-image .design-layout-stack .im= age-button .sqs-button-element--primary:hover { color: var(--image-block-st= ack-image-button-bg-color); } .tweak-global-animations-animation-type-flex.primary-button-style-solid:not= (.primary-button-shape-underline) .sqs-block-image .design-layout-stack .im= age-button .sqs-button-element--primary::before { border-color: var(--image= -block-stack-image-button-bg-color); background-color: var(--image-block-st= ack-image-button-text-color); } .primary-button-style-outline .sqs-block-image .design-layout-stack .image-= button .sqs-button-element--primary, .secondary-button-style-outline .sqs-b= lock-image .design-layout-stack .image-button .sqs-button-element--secondar= y, .tertiary-button-style-outline .sqs-block-image .design-layout-stack .im= age-button .sqs-button-element--tertiary { background: transparent; color: = var(--image-block-stack-image-button-bg-color); border: 2px solid var(--ima= ge-block-stack-image-button-bg-color); } @media (hover: hover) { .primary-button-style-outline .sqs-block-image .design-layout-stack .imag= e-button .sqs-button-element--primary:hover, .secondary-button-style-outlin= e .sqs-block-image .design-layout-stack .image-button .sqs-button-element--= secondary:hover, .tertiary-button-style-outline .sqs-block-image .design-la= yout-stack .image-button .sqs-button-element--tertiary:hover { background: = var(--image-block-stack-image-button-bg-color); color: var(--image-block-st= ack-image-button-text-color); } } @media (hover: hover) { .primary-button-style-outline.primary-button-shape-underline .sqs-block-i= mage .design-layout-stack .image-button .sqs-button-element--primary:hover,= .secondary-button-style-outline.secondary-button-shape-underline .sqs-bloc= k-image .design-layout-stack .image-button .sqs-button-element--secondary:h= over, .tertiary-button-style-outline.tertiary-button-shape-underline .sqs-b= lock-image .design-layout-stack .image-button .sqs-button-element--tertiary= :hover { border-color: var(--image-block-stack-image-button-text-color); } } .tweak-global-animations-animation-type-flex.primary-button-style-outline .= sqs-block-image .design-layout-stack .image-button .sqs-button-element--pri= mary:hover { color: var(--image-block-stack-image-button-text-color); } .tweak-global-animations-animation-type-flex.primary-button-style-outline .= sqs-block-image .design-layout-stack .image-button .sqs-button-element--pri= mary::before { border-color: var(--image-block-stack-image-button-bg-color)= ; background-color: var(--image-block-stack-image-button-bg-color); } .sqs-block-accordion { border-color: var(--tweak-accordion-block-stroke-col= or); } .sqs-block-accordion .accordion-divider { color: var(--tweak-accordion-bloc= k-divider-color); } .sqs-block-accordion .accordion-icon-container { color: var(--tweak-accordi= on-block-icon-color); } .menu-block .menu-select-labels { color: var(--tweak-menu-block-nav-color);= } .menu-block .menu-section-title { color: var(--tweak-menu-block-title-color= ); } .menu-block .menu-item-title { color: var(--tweak-menu-block-item-title-col= or); } .menu-block .menu-item-description { color: var(--tweak-menu-block-item-des= cription-color); } .menu-block .menu-item-price-bottom { color: var(--tweak-menu-block-item-pr= ice-color); } .sqs-block-form { border-color: var(--tweak-form-block-stroke-color); } .sqs-block-form .field-list .title, .sqs-block-form .form-submission-text {= color: var(--tweak-form-block-title-color); } .sqs-block-form .field-list .description { color: var(--tweak-form-block-de= scription-color); } .sqs-block-form .field-list .caption-text { color: var(--tweak-form-block-c= aption-color); } .sqs-block-form .field-list ::placeholder { color: rgb(115, 115, 115); opac= ity: 1; } .sqs-block-form .field-list .option { color: var(--tweak-form-block-option-= color); } .sqs-block-form .field-list .question { color: var(--tweak-form-block-surve= y-title-color); } .sqs-block-form .sqs-editable-button { background: var(--tweak-form-block-b= utton-background-color); color: var(--tweak-form-block-button-text-color); = } .primary-button-style-solid.primary-button-shape-underline .sqs-block-form = .sqs-editable-button.sqs-button-element--primary, .secondary-button-style-s= olid.secondary-button-shape-underline .sqs-block-form .sqs-editable-button.= sqs-button-element--secondary, .tertiary-button-style-solid.tertiary-button= -shape-underline .sqs-block-form .sqs-editable-button.sqs-button-element--t= ertiary { background: var(--tweak-form-block-button-text-color); color: var= (--tweak-form-block-button-background-color); border-color: var(--tweak-for= m-block-button-background-color); } .primary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-butt= on-element--primary, .secondary-button-style-outline .sqs-block-form .sqs-e= ditable-button.sqs-button-element--secondary, .tertiary-button-style-outlin= e .sqs-block-form .sqs-editable-button.sqs-button-element--tertiary { color= : var(--tweak-form-block-button-background-color); border-color: var(--twea= k-form-block-button-background-color); } @media (hover: hover) { .primary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-bu= tton-element--primary:hover, .secondary-button-style-outline .sqs-block-for= m .sqs-editable-button.sqs-button-element--secondary:hover, .tertiary-butto= n-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--te= rtiary:hover { background: var(--tweak-form-block-button-background-color);= color: var(--tweak-form-block-button-text-color); } } .primary-button-style-outline.primary-button-shape-underline .sqs-block-for= m .sqs-editable-button.sqs-button-element--primary:hover, .secondary-button= -style-outline.secondary-button-shape-underline .sqs-block-form .sqs-editab= le-button.sqs-button-element--secondary:hover, .tertiary-button-style-outli= ne.tertiary-button-shape-underline .sqs-block-form .sqs-editable-button.sqs= -button-element--tertiary:hover { border-color: var(--tweak-form-block-butt= on-text-color); } .primary-button-style-solid.primary-button-shape-underline .sqs-block-form = .sqs-editable-button.sqs-button-element--primary, .secondary-button-style-s= olid.secondary-button-shape-underline .sqs-block-form .sqs-editable-button.= sqs-button-element--secondary, .tertiary-button-style-solid.tertiary-button= -shape-underline .sqs-block-form .sqs-editable-button.sqs-button-element--t= ertiary { background: var(--tweak-form-block-button-text-color); color: var= (--tweak-form-block-button-background-color); border-color: var(--tweak-for= m-block-button-background-color); } .sqs-block-quote { border-color: var(--tweak-quote-block-stroke-color); } .sqs-block-quote blockquote { color: var(--tweak-quote-block-text-color); } .sqs-block-quote .source { color: var(--tweak-quote-block-source-color); } .sqs-block-newsletter { border-color: var(--tweak-newsletter-block-stroke-c= olor); } .sqs-block-newsletter .newsletter-form-header-title { color: var(--tweak-ne= wsletter-block-title-color); } .sqs-block-newsletter .newsletter-form-header-description { color: var(--tw= eak-newsletter-block-description-color); } .sqs-block-newsletter .newsletter-form-button { background-color: var(--twe= ak-newsletter-block-button-background-color) !important; color: var(--tweak= -newsletter-block-button-text-color) !important; } .primary-button-style-outline .sqs-block-newsletter .newsletter-form-button= .sqs-button-element--primary, .secondary-button-style-outline .sqs-block-ne= wsletter .newsletter-form-button.sqs-button-element--secondary, .tertiary-b= utton-style-outline .sqs-block-newsletter .newsletter-form-button.sqs-butto= n-element--tertiary { color: var(--tweak-newsletter-block-button-background= -color) !important; border-color: var(--tweak-newsletter-block-button-backg= round-color) !important; } @media (hover: hover) { .primary-button-style-outline .sqs-block-newsletter .newsletter-form-butt= on.sqs-button-element--primary:hover, .secondary-button-style-outline .sqs-= block-newsletter .newsletter-form-button.sqs-button-element--secondary:hove= r, .tertiary-button-style-outline .sqs-block-newsletter .newsletter-form-bu= tton.sqs-button-element--tertiary:hover { background-color: var(--tweak-new= sletter-block-button-background-color) !important; color: var(--tweak-newsl= etter-block-button-text-color) !important; } } .primary-button-style-outline.primary-button-shape-underline .sqs-block-new= sletter .newsletter-form-button.sqs-button-element--primary:hover, .seconda= ry-button-style-outline.secondary-button-shape-underline .sqs-block-newslet= ter .newsletter-form-button.sqs-button-element--secondary:hover, .tertiary-= button-style-outline.tertiary-button-shape-underline .sqs-block-newsletter = .newsletter-form-button.sqs-button-element--tertiary:hover { border-color: = var(--tweak-newsletter-block-button-text-color) !important; } .primary-button-style-solid.primary-button-shape-underline .sqs-block-newsl= etter .newsletter-form-button.sqs-button-element--primary, .secondary-butto= n-style-solid.secondary-button-shape-underline .sqs-block-newsletter .newsl= etter-form-button.sqs-button-element--secondary, .tertiary-button-style-sol= id.tertiary-button-shape-underline .sqs-block-newsletter .newsletter-form-b= utton.sqs-button-element--tertiary { border-color: var(--tweak-newsletter-b= lock-button-background-color); background-color: var(--tweak-newsletter-blo= ck-button-text-color) !important; color: var(--tweak-newsletter-block-butto= n-background-color) !important; } .tweak-global-animations-animation-type-flex.primary-button-style-solid .sq= s-block-newsletter .newsletter-form-button.sqs-button-element--primary:hove= r { color: var(--tweak-newsletter-block-button-background-color) !important= ; } .tweak-global-animations-animation-type-flex.primary-button-style-solid .sq= s-block-newsletter .newsletter-form-button.sqs-button-element--primary::bef= ore { border-color: var(--tweak-newsletter-block-button-background-color) != important; background-color: var(--tweak-newsletter-block-button-text-color= ) !important; } .tweak-global-animations-animation-type-flex.primary-button-style-outline .= sqs-block-newsletter .newsletter-form-button.sqs-button-element--primary:ho= ver { color: var(--tweak-newsletter-block-button-text-color) !important; } .tweak-global-animations-animation-type-flex.primary-button-style-outline .= sqs-block-newsletter .newsletter-form-button.sqs-button-element--primary::b= efore { border-color: var(--tweak-newsletter-block-button-background-color)= !important; background-color: var(--tweak-newsletter-block-button-backgrou= nd-color) !important; } .sqs-block-newsletter .newsletter-form-footnote { color: var(--tweak-newsle= tter-block-footnote-color) !important; } .sqs-block-summary-v2 { border-color: var(--tweak-summary-block-stroke-colo= r); } .sqs-block-summary-v2 .summary-header-text { color: var(--tweak-summary-blo= ck-header-text-color); } .sqs-block-summary-v2 .summary-title { color: var(--tweak-summary-block-tit= le-color); } .sqs-block-summary-v2 .summary-excerpt { color: var(--tweak-summary-block-e= xcerpt-color); } .sqs-block-summary-v2 .summary-read-more-link { color: var(--tweak-summary-= block-read-more-color); } .sqs-block-summary-v2 .summary-metadata--primary { color: var(--tweak-summa= ry-block-primary-metadata-color); } .sqs-block-summary-v2 .summary-metadata--secondary { color: var(--tweak-sum= mary-block-secondary-metadata-color); } .product-scarcity { color: var(--summary-block-limited-availability-label-c= olor); } .socialaccountlinks-v2-block .social-icons-style-regular .sqs-use--icon, .s= ocial-account-links-v2-block .social-icons-style-regular .sqs-use--icon { f= ill: var(--social-links-block-main-icon-color); } .socialaccountlinks-v2-block .social-icons-style-knockout .sqs-use--mask, .= social-account-links-v2-block .social-icons-style-knockout .sqs-use--mask {= fill: var(--social-links-block-main-icon-color); } .socialaccountlinks-v2-block .social-icons-style-solid .sqs-svg-icon--wrapp= er, .social-account-links-v2-block .social-icons-style-solid .sqs-svg-icon-= -wrapper { background-color: var(--social-links-block-main-icon-color); } .socialaccountlinks-v2-block .social-icons-style-solid .sqs-use--icon, .soc= ial-account-links-v2-block .social-icons-style-solid .sqs-use--icon { fill:= var(--social-links-block-secondary-icon-color); } .socialaccountlinks-v2-block .social-icons-style-border .sqs-svg-icon--wrap= per, .social-account-links-v2-block .social-icons-style-border .sqs-svg-ico= n--wrapper { border-color: var(--social-links-block-main-icon-color); } .socialaccountlinks-v2-block .social-icons-style-border .sqs-use--icon, .so= cial-account-links-v2-block .social-icons-style-border .sqs-use--icon { fil= l: var(--social-links-block-main-icon-color); } .sqs-block-shape { color: var(--shape-block-dropshadow-color); } .sqs-block-shape svg.sqs-shape { fill: var(--shape-block-background-color);= stroke: var(--shape-block-stroke-color); } .sqs-block-shape .sqs-shape-rectangle { background: var(--shape-block-backg= round-color); border-color: var(--shape-block-stroke-color); } @media screen and (max-width: 767px) { .sqs-layout [class*=3D"sqs-col"] { float: none !important; width: auto !i= mportant; } .sqs-layout .spacer-block { display: none; } .sqs-layout .sqs-row .sqs-block:first-child { padding-top: 17px !importan= t; } .sqs-layout .sqs-row .sqs-block:last-child { padding-bottom: 17px !import= ant; } .sqs-layout .sqs-row + .sqs-row, .sqs-layout .sqs-row + .sqs-block { marg= in-top: 0px !important; } .sqs-layout .sqs-gallery-design-grid-slide { width: 50% !important; clear= : none !important; } .sqs-block-html > .sqs-block-content > h1[style*=3D"margin-left"], .sqs-b= lock-html > .sqs-block-content > h2[style*=3D"margin-left"], .sqs-block-htm= l > .sqs-block-content > h3[style*=3D"margin-left"], .sqs-block-html > .sqs= -block-content > h4[style*=3D"margin-left"], .sqs-block-html > .sqs-block-c= ontent > h5[style*=3D"margin-left"], .sqs-block-html > .sqs-block-content >= h6[style*=3D"margin-left"], .sqs-block-html > .sqs-block-content > p[style= *=3D"margin-left"] { margin-left: 0px !important; } } .blog-meta-section { display: flex; gap: 6px; flex-wrap: wrap; align-items:= center; } .blog-meta-section .blog-meta-primary, .blog-meta-section .blog-meta-second= ary { display: contents; } .blog-item-preview-chip-container { background: var(--video-preview-badge-b= ackground-color); border: 1px solid transparent; border-radius: var(--video= -preview-badge-font-font-size); display: block; min-height: 22px; min-width= : 22px; padding: 2px 8px; box-sizing: border-box; align-items: center; } body:not(.sqs-edit-mode) .blog-item-preview-chip-container.visitor-hidden {= display: none; } .blog-item-preview-chip-label { color: var(--video-preview-badge-font-color= ); box-sizing: border-box; font-family: var(--video-preview-badge-font-font= -family); font-size: var(--video-preview-badge-font-font-size); font-style:= var(--video-preview-badge-font-font-style); font-weight: var(--video-previ= ew-badge-font-font-weight); line-height: var(--video-preview-badge-font-lin= e-height); text-transform: var(--video-preview-badge-font-text-transform); = letter-spacing: var(--video-preview-badge-font-letter-spacing); white-space= : nowrap; } .passthrough-link::after { content: " =E2=86=92"; font-size: 0.9em; } .blog-more-link { text-decoration: none; align-self: flex-start; } .blog-more-link::after { content: ""; display: block; width: 100%; height: = 1px; transform: translateY(-3px); } .blog-list-pagination { display: flex; flex-direction: row; place-content: = center; margin: 6vw 0px 3vw; } .blog-list-pagination .newer, .blog-list-pagination .older { flex: 1 0 50%;= box-sizing: border-box; } .blog-list-pagination .newer a, .blog-list-pagination .older a { display: f= lex; flex-direction: row; justify-content: flex-start; align-items: center;= } .blog-list-pagination .newer a .icon, .blog-list-pagination .older a .icon = { width: 9px; height: 16px; padding-right: 12px; } .blog-list-pagination .older { text-align: right; align-self: flex-end; mar= gin-left: auto; } .blog-list-pagination .older a { justify-content: flex-end; } .blog-list-pagination .older a .icon { padding-right: 0px; padding-left: 12= px; } @keyframes no-image-fade-in {=20 0% { opacity: 0; transform: translateY(-15px); } 100% { opacity: 1; transform: translateY(0px); } } .lazy-load { opacity: 0; transform: translateY(-15px); transition: opacity = 1s ease 0s, transform 1s ease 0s; } .lazy-load.is-loaded { opacity: 1; transform: translateY(0px); } .lazy-load.no-image-fade-in { animation: 1s ease 0s 1 normal forwards runni= ng no-image-fade-in; } .tweak-global-animations-animation-type-flex .blog-more-link { display: inl= ine; text-decoration: none; background-image: linear-gradient(currentcolor,= currentcolor); background-repeat: no-repeat; background-size: 100% 1px; ba= ckground-position: left bottom; transition: color 0.6s cubic-bezier(0.19, 1= , 0.22, 1) 0s, background-size calc(0.3s) cubic-bezier(0.19, 1, 0.22, 1) 0s= ; } .tweak-global-animations-animation-type-flex .blog-more-link::after { displ= ay: none; } @media (hover: hover) { .tweak-global-animations-animation-type-flex .blog-more-link:hover { colo= r: inherit; background-size: 100% calc(2px); } } .tweak-global-animations-animation-type-flex .blog-list-pagination .newer .= caret-left-icon--small, .tweak-global-animations-animation-type-flex .blog-= list-pagination .older .caret-left-icon--small, .tweak-global-animations-an= imation-type-flex .blog-list-pagination .newer .caret-right-icon--small, .t= weak-global-animations-animation-type-flex .blog-list-pagination .older .ca= ret-right-icon--small { transform: translateX(0px) scaleY(1); transition: t= ransform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .tweak-global-animations-animation-type-flex .blog-list-pagination .newer .= prev-label, .tweak-global-animations-animation-type-flex .blog-list-paginat= ion .older .prev-label { position: relative; } .tweak-global-animations-animation-type-flex .blog-list-pagination .newer .= prev-label::after, .tweak-global-animations-animation-type-flex .blog-list-= pagination .older .prev-label::after { content: ""; position: absolute; wid= th: 100%; height: 1px; right: 0px; bottom: 0px; background-color: currentco= lor; transform: scaleX(0); transition: transform 0.6s cubic-bezier(0.19, 1,= 0.22, 1) 0s; } .tweak-global-animations-animation-type-flex .blog-list-pagination .newer .= prev-label::after, .tweak-global-animations-animation-type-flex .blog-list-= pagination .older .prev-label::after { transform-origin: right center; } .tweak-global-animations-animation-type-flex .blog-list-pagination .newer .= next-label, .tweak-global-animations-animation-type-flex .blog-list-paginat= ion .older .next-label { position: relative; } .tweak-global-animations-animation-type-flex .blog-list-pagination .newer .= next-label::after, .tweak-global-animations-animation-type-flex .blog-list-= pagination .older .next-label::after { content: ""; position: absolute; wid= th: 100%; height: 1px; right: 0px; bottom: 0px; background-color: currentco= lor; transform: scaleX(0); transition: transform 0.6s cubic-bezier(0.19, 1,= 0.22, 1) 0s; } .tweak-global-animations-animation-type-flex .blog-list-pagination .newer .= next-label::after, .tweak-global-animations-animation-type-flex .blog-list-= pagination .older .next-label::after { transform-origin: left center; } @media (hover: hover) { .tweak-global-animations-animation-type-flex .blog-list-pagination .newer= :hover .caret-left-icon--small, .tweak-global-animations-animation-type-fle= x .blog-list-pagination .older:hover .caret-left-icon--small { transform: t= ranslateX(-30%) scaleY(0.8); } } @media (hover: hover) { .tweak-global-animations-animation-type-flex .blog-list-pagination .newer= :hover .caret-right-icon--small, .tweak-global-animations-animation-type-fl= ex .blog-list-pagination .older:hover .caret-right-icon--small { transform:= translateX(30%) scaleY(0.8); } } @media (hover: hover) { .tweak-global-animations-animation-type-flex .blog-list-pagination .newer= :hover .prev-label::after, .tweak-global-animations-animation-type-flex .bl= og-list-pagination .older:hover .prev-label::after, .tweak-global-animation= s-animation-type-flex .blog-list-pagination .newer:hover .next-label::after= , .tweak-global-animations-animation-type-flex .blog-list-pagination .older= :hover .next-label::after { transform: scaleX(1); } } .blog-item-wrapper { width: 100%; box-sizing: border-box; margin: 0px auto;= position: relative; } .blog-item-wrapper .blog-item-inner-wrapper { max-width: 1400px; box-sizing= : border-box; margin: 0px auto; position: relative; } .blog-item-wrapper .blog-item-content-paywall { position: relative; display= : flex; justify-content: center; } .blog-item-wrapper .blog-item-content-paywall .blog-item-content-paywall-ba= ckground { position: relative; filter: blur(6px); pointer-events: none; } .blog-item-wrapper .blog-item-content-paywall .blog-item-content-paywall-no= tice { position: absolute; top: 100px; display: flex; flex-direction: colum= n; align-items: center; justify-content: center; gap: 15px; } .blog-item-wrapper .blog-item-content-paywall .blog-item-content-paywall-no= tice .blog-item-content-paywall-notice-text { font-weight: 600; font-size: = 22px; } .blog-item-wrapper .blog-item-content-paywall .blog-item-content-paywall-no= tice .blog-item-content-paywall-notice-link { display: block; text-transfor= m: capitalize; } .blog-item-wrapper article.entry { width: 100%; box-sizing: border-box; mar= gin: 0px auto; padding: 3vw; } @media screen and (max-width: 767px) { .blog-item-wrapper article.entry { padding: 6vw; } } @media screen and (min-width: 768px) { .tweak-blog-item-width-narrow .blog-item-wrapper .blog-item-inner-wrapper= { width: 50%; } .tweak-blog-item-width-medium .blog-item-wrapper .blog-item-inner-wrapper= { width: 75%; } .tweak-blog-item-width-custom .blog-item-wrapper .blog-item-inner-wrapper= { width: 75%; } } @media screen and (max-width: 767px) { .blog-item-wrapper .blog-item-inner-wrapper { width: 100% !important; } } .blog-item-wrapper .blog-meta-item, .blog-item-wrapper .blog-meta-item a, .= blog-item-wrapper .blog-meta-item span { text-decoration: none; } .blog-item-wrapper .blog-item-meta-wrapper { display: flex; align-items: ce= nter; gap: 11px; flex-wrap: wrap; } .blog-item-wrapper .blog-item-meta-wrapper .blog-item-preview-chip-containe= r { margin-left: 0px; } .tweak-blog-item-text-alignment-center .blog-item-wrapper .blog-item-top-wr= apper { text-align: center; } .tweak-blog-item-text-alignment-center .blog-item-wrapper .blog-item-top-wr= apper .blog-item-author-date-wrapper { justify-content: center; } .tweak-blog-item-text-alignment-center .blog-item-wrapper .blog-item-top-wr= apper .blog-item-meta-wrapper { justify-content: center; } .blog-item-wrapper .blog-item-top-wrapper { margin-bottom: 50px; display: f= lex; flex-direction: column; } .tweak-blog-item-meta-position-above-title .blog-item-wrapper .blog-item-me= ta-wrapper { order: 1; } .tweak-blog-item-meta-position-above-title .blog-item-wrapper .blog-item-ti= tle { order: 2; } .tweak-blog-item-meta-position-below-title .blog-item-wrapper .blog-item-me= ta-wrapper { order: 2; } .tweak-blog-item-meta-position-below-title .blog-item-wrapper .blog-item-ti= tle { order: 1; } @media screen and (max-width: 767px) { .tweak-blog-item-meta-position-above-title.tweak-blog-item-show-categorie= s .blog-item-wrapper .blog-item-meta-wrapper, .tweak-blog-item-meta-positio= n-above-title.tweak-blog-item-show-date .blog-item-wrapper .blog-item-meta-= wrapper, .tweak-blog-item-meta-position-above-title.tweak-blog-item-show-au= thor-name .blog-item-wrapper .blog-item-meta-wrapper { margin-bottom: 1.2re= m; } } @media screen and (min-width: 768px) { .tweak-blog-item-meta-position-above-title.tweak-blog-item-show-categorie= s .blog-item-wrapper .blog-item-meta-wrapper, .tweak-blog-item-meta-positio= n-above-title.tweak-blog-item-show-date .blog-item-wrapper .blog-item-meta-= wrapper, .tweak-blog-item-meta-position-above-title.tweak-blog-item-show-au= thor-name .blog-item-wrapper .blog-item-meta-wrapper { margin-bottom: 2rem;= } } @media screen and (max-width: 767px) { .tweak-blog-item-meta-position-below-title.tweak-blog-item-show-categorie= s .blog-item-wrapper .blog-item-title, .tweak-blog-item-meta-position-below= -title.tweak-blog-item-show-date .blog-item-wrapper .blog-item-title, .twea= k-blog-item-meta-position-below-title.tweak-blog-item-show-author-name .blo= g-item-wrapper .blog-item-title { margin-bottom: 1.2rem; } } @media screen and (min-width: 768px) { .tweak-blog-item-meta-position-below-title.tweak-blog-item-show-categorie= s .blog-item-wrapper .blog-item-title, .tweak-blog-item-meta-position-below= -title.tweak-blog-item-show-date .blog-item-wrapper .blog-item-title, .twea= k-blog-item-meta-position-below-title.tweak-blog-item-show-author-name .blo= g-item-wrapper .blog-item-title { margin-bottom: 2rem; } } .blog-item-wrapper .blog-item-title h1 { margin: 0px; } .blog-item-wrapper .blog-item-content { margin: 0px 0px 3vw; } .blog-item-wrapper .blog-item-category-wrapper:not(:last-child)::after, .bl= og-item-wrapper .blog-item-tag-wrapper:not(:last-child)::after { padding: 0= px 0.5em; } .tweak-blog-item-delimiter-bullet .blog-item-wrapper .blog-item-category-wr= apper:not(:last-child)::after, .tweak-blog-item-delimiter-bullet .blog-item= -wrapper .blog-item-tag-wrapper:not(:last-child)::after { content: "=E2=80= =A2"; } .tweak-blog-item-delimiter-pipe .blog-item-wrapper .blog-item-category-wrap= per:not(:last-child)::after, .tweak-blog-item-delimiter-pipe .blog-item-wra= pper .blog-item-tag-wrapper:not(:last-child)::after { content: "|"; } .tweak-blog-item-delimiter-dash .blog-item-wrapper .blog-item-category-wrap= per:not(:last-child)::after, .tweak-blog-item-delimiter-dash .blog-item-wra= pper .blog-item-tag-wrapper:not(:last-child)::after { content: "-"; } .tweak-blog-item-delimiter-space .blog-item-wrapper .blog-item-category-wra= pper:not(:last-child)::after, .tweak-blog-item-delimiter-space .blog-item-w= rapper .blog-item-tag-wrapper:not(:last-child)::after { content: " "; } .blog-item-wrapper .blog-item-category, .blog-item-wrapper .blog-item-tag {= text-decoration: none; } .blog-item-wrapper .blog-meta-item--categories { display: none; } .tweak-blog-item-show-categories .blog-item-wrapper .blog-meta-item--catego= ries { display: block; } .blog-item-wrapper .blog-item-author-date-wrapper { display: none; } .tweak-blog-item-show-date .blog-item-wrapper .blog-item-author-date-wrappe= r, .tweak-blog-item-show-author-name .blog-item-wrapper .blog-item-author-d= ate-wrapper { display: flex; } .blog-item-wrapper .blog-meta-item--date { display: none; } .tweak-blog-item-show-date .blog-item-wrapper .blog-meta-item--date { displ= ay: block; } .tweak-blog-item-show-date.tweak-blog-item-show-author-name .blog-item-wrap= per .blog-meta-item--date::after { padding: 0px 0.5em; } .tweak-blog-item-show-date.tweak-blog-item-show-author-name.tweak-blog-item= -delimiter-bullet .blog-item-wrapper .blog-meta-item--date::after { content= : "=E2=80=A2"; } .tweak-blog-item-show-date.tweak-blog-item-show-author-name.tweak-blog-item= -delimiter-pipe .blog-item-wrapper .blog-meta-item--date::after { content: = "|"; } .tweak-blog-item-show-date.tweak-blog-item-show-author-name.tweak-blog-item= -delimiter-dash .blog-item-wrapper .blog-meta-item--date::after { content: = "-"; } .tweak-blog-item-show-date.tweak-blog-item-show-author-name.tweak-blog-item= -delimiter-space .blog-item-wrapper .blog-meta-item--date::after { content:= " "; } .blog-item-wrapper .blog-meta-item--author { display: none; } .tweak-blog-item-show-author-name .blog-item-wrapper .blog-meta-item--autho= r { display: block; } .blog-item-wrapper .author-avatar, .blog-item-wrapper .author-name, .blog-i= tem-wrapper .author-bio, .blog-item-wrapper .author-website { margin: 1rem = 0px 0px; } .blog-item-wrapper .author-name { display: block; } .blog-item-wrapper .author-bio p:first-child { margin-top: 0px; } .blog-item-wrapper .author-bio p:last-child { margin-bottom: 0px; } .blog-item-wrapper .author-avatar { width: 50px; height: 50px; border-radiu= s: 50%; display: block; } .blog-item-wrapper .blog-item-author-profile-wrapper { display: none; margi= n: 3vw 0px; } .blog-item-wrapper .blog-item-comments { margin-top: 3vw; } .blog-item-wrapper .blog-meta-item--tags { margin: 10px 0px 20px; } @media screen and (min-width: 768px) { .blog-item-wrapper .blog-meta-item--tags { margin: 30px 0px; } } .tweak-blog-item-show-author-profile .blog-item-wrapper .blog-item-author-p= rofile-wrapper { display: flex; flex-direction: column; place-content: cent= er; } .tweak-blog-item-show-author-profile.tweak-blog-item-text-alignment-left .b= log-item-wrapper .blog-item-author-profile-wrapper { align-items: start; } .tweak-blog-item-show-author-profile.tweak-blog-item-text-alignment-center = .blog-item-wrapper .blog-item-author-profile-wrapper { align-items: center;= } .tweak-blog-item-show-author-profile.tweak-blog-item-text-alignment-center = .blog-item-wrapper .blog-item-author-profile-wrapper .author-bio { text-ali= gn: center; } .tweak-blog-item-show-author-profile.tweak-blog-item-text-alignment-center = .blog-item-wrapper .blog-item-author-profile-wrapper .author-avatar { margi= n-left: auto; margin-right: auto; } .blog-basic-grid { padding-top: 3vw; padding-bottom: 3vw; } .tweak-blog-basic-grid-width-full .blog-basic-grid { width: 100%; padding-l= eft: 3vw; padding-right: 3vw; } .tweak-blog-basic-grid-width-inset .blog-basic-grid { max-width: 1400px; pa= dding-left: 3vw; padding-right: 3vw; margin: 0px auto; } @media screen and (max-width: 767px) { .tweak-blog-basic-grid-width-full .blog-basic-grid { padding-left: 6vw; p= adding-right: 6vw; } .tweak-blog-basic-grid-width-inset .blog-basic-grid { padding-left: 6vw; = padding-right: 6vw; } } @media screen and (min-width: 768px) { .blog-basic-grid { display: grid; grid-template-columns: repeat(2, minmax= (0px, 1fr)); gap: 50px 30px; grid-auto-rows: min-content; } .blog-basic-grid .grid-item .grid-image { width: 100%; position: relative= ; overflow: hidden; margin: 0px; line-height: 0; } .blog-basic-grid .grid-item .grid-image .grid-image-inner-wrapper { posit= ion: absolute; inset: 0px; } .blog-basic-grid .blog-list-pagination { grid-column: 1 / 3; } } @media not all { .blog-basic-grid { grid-template-columns: repeat(1, minmax(0px, 1fr)); } } .blog-basic-grid .blog-basic-grid--container { box-sizing: border-box; posi= tion: relative; display: flex; flex-direction: column; opacity: 0; transfor= m: translateY(-15px); transition: opacity 1s ease 0s, transform 1s ease 0s;= } .tweak-blog-basic-grid-text-alignment-left .blog-basic-grid .blog-basic-gri= d--container { text-align: left; } .tweak-blog-basic-grid-text-alignment-left .blog-basic-grid .blog-basic-gri= d--container .blog-more-link { align-self: flex-start; } .tweak-blog-basic-grid-text-alignment-left .blog-basic-grid .blog-basic-gri= d--container .blog-meta-section { justify-content: start; } .tweak-blog-basic-grid-text-alignment-center .blog-basic-grid .blog-basic-g= rid--container { text-align: center; } .tweak-blog-basic-grid-text-alignment-center .blog-basic-grid .blog-basic-g= rid--container .blog-more-link { align-self: center; } .tweak-blog-basic-grid-text-alignment-center .blog-basic-grid .blog-basic-g= rid--container .blog-meta-section { justify-content: center; } .tweak-blog-basic-grid-text-alignment-right .blog-basic-grid .blog-basic-gr= id--container { text-align: right; } .tweak-blog-basic-grid-text-alignment-right .blog-basic-grid .blog-basic-gr= id--container .blog-meta-section { justify-content: end; } .blog-basic-grid .blog-basic-grid--container .blog-more-link { align-self: = flex-end; } .blog-basic-grid .blog-basic-grid--container.is-loaded { opacity: 1; transf= orm: translateY(0px); } .blog-basic-grid .blog-basic-grid--container.no-image-fade-in { animation: = 1s ease 0s 1 normal forwards running no-image-fade-in; } .tweak-blog-basic-grid-image-placement-below .blog-basic-grid .blog-basic-g= rid--container { flex-direction: column-reverse; } @media screen and (max-width: 767px) { .blog-basic-grid .blog-basic-grid--container { margin-bottom: 30px; } } .blog-basic-grid .blog-basic-grid--text { width: 100%; margin-left: auto; m= argin-right: auto; } .tweak-blog-basic-grid-text-alignment-right .blog-basic-grid .blog-basic-gr= id--text { margin-left: auto; margin-right: 0px; } .tweak-blog-basic-grid-text-alignment-left .blog-basic-grid .blog-basic-gri= d--text { margin-left: 0px; margin-right: auto; } .tweak-blog-basic-grid-image-placement-below .blog-basic-grid .blog-basic-g= rid--text { height: 100%; } .blog-basic-grid .blog-article-spacer { height: 5vw; } @media screen and (min-width: 768px) { .blog-basic-grid .blog-article-spacer { height: 50px; } } .blog-basic-grid .blog-meta-section { margin-bottom: 2vw; } @media screen and (min-width: 768px) { .blog-basic-grid .blog-meta-section { margin-bottom: 37px; } } .blog-basic-grid .blog-title { margin: 0px 0px 30px; } .blog-basic-grid .blog-excerpt { display: none; } .tweak-blog-basic-grid-excerpt-show .blog-basic-grid .blog-excerpt { displa= y: block; } .blog-basic-grid .blog-excerpt p { margin: 0px; } .blog-basic-grid .blog-more-link { display: inline-block; padding-top: 2vw;= } @media screen and (min-width: 768px) { .blog-basic-grid .blog-more-link { padding-top: 37px; } } .tweak-blog-basic-grid-delimiter-bullet .blog-basic-grid .blog-meta-delimit= er::after { content: "=E2=80=A2"; } .tweak-blog-basic-grid-delimiter-pipe .blog-basic-grid .blog-meta-delimiter= ::after { content: "|"; } .tweak-blog-basic-grid-delimiter-dash .blog-basic-grid .blog-meta-delimiter= ::after { content: "-"; } .tweak-blog-basic-grid-delimiter-space .blog-basic-grid .blog-meta-delimite= r::after { content: " "; } .tweak-blog-basic-grid-read-more-style-hide .blog-basic-grid .blog-more-lin= k { display: none; } .blog-basic-grid .image-wrapper { margin: 0px; height: 0px; overflow: hidde= n; position: relative; display: flex; } .tweak-blog-basic-grid-image-aspect-ratio-11-square .blog-basic-grid .image= -wrapper { padding-bottom: 100%; } .tweak-blog-basic-grid-image-aspect-ratio-32-standard .blog-basic-grid .ima= ge-wrapper { padding-bottom: 66.666%; } .tweak-blog-basic-grid-image-aspect-ratio-23-standard-vertical .blog-basic-= grid .image-wrapper { padding-bottom: 150%; } .tweak-blog-basic-grid-image-aspect-ratio-43-four-three .blog-basic-grid .i= mage-wrapper { padding-bottom: 75%; } .tweak-blog-basic-grid-image-aspect-ratio-34-three-four-vertical .blog-basi= c-grid .image-wrapper { padding-bottom: 133.333%; } .tweak-blog-basic-grid-image-aspect-ratio-169-widescreen .blog-basic-grid .= image-wrapper { padding-bottom: 56.25%; } .tweak-blog-basic-grid-image-aspect-ratio-240-anamorphic-widescreen .blog-b= asic-grid .image-wrapper { padding-bottom: 41.666%; } .tweak-blog-basic-grid-image-aspect-ratio-ultra-widescreen .blog-basic-grid= .image-wrapper { padding-bottom: 41.666%; } .blog-basic-grid .image-wrapper img { transform: scale(1.01); } .blog-basic-grid .blog-meta-delimiter.blog-category-delimiter, .blog-basic-= grid .blog-categories-list, .blog-basic-grid .blog-author, .blog-basic-grid= .blog-date { display: none; } .tweak-blog-basic-grid-primary-meta-categories .blog-basic-grid .blog-meta-= primary .blog-categories-list, .tweak-blog-basic-grid-secondary-meta-catego= ries .blog-basic-grid .blog-meta-secondary .blog-categories-list { display:= inline; } .tweak-blog-basic-grid-primary-meta-author .blog-basic-grid .blog-meta-prim= ary .blog-author, .tweak-blog-basic-grid-secondary-meta-author .blog-basic-= grid .blog-meta-secondary .blog-author { display: inline; } .tweak-blog-basic-grid-primary-meta-date .blog-basic-grid .blog-meta-primar= y .blog-date, .tweak-blog-basic-grid-secondary-meta-date .blog-basic-grid .= blog-meta-secondary .blog-date { display: inline; } .tweak-blog-basic-grid-primary-meta-none .blog-basic-grid .blog-meta-delimi= ter, .tweak-blog-basic-grid-secondary-meta-none .blog-basic-grid .blog-meta= -delimiter { display: none; } .tweak-blog-basic-grid-primary-meta-categories:not(.tweak-blog-basic-grid-s= econdary-meta-none) .blog-basic-grid .blog-meta-delimiter.blog-category-del= imiter, .tweak-blog-basic-grid-secondary-meta-categories:not(.tweak-blog-ba= sic-grid-primary-meta-none) .blog-basic-grid .blog-meta-delimiter.blog-cate= gory-delimiter { display: inline; } .tweak-blog-basic-grid-primary-meta-categories:not(.tweak-blog-basic-grid-s= econdary-meta-none) .blog-basic-grid .blog-meta-delimiter:not(.blog-categor= y-delimiter), .tweak-blog-basic-grid-secondary-meta-categories:not(.tweak-b= log-basic-grid-primary-meta-none) .blog-basic-grid .blog-meta-delimiter:not= (.blog-category-delimiter) { display: none; } .blog-single-column { flex: 1 1 0%; padding-top: 3vw; padding-bottom: 3vw; = } .tweak-blog-single-column-width-full .blog-single-column { width: 100%; pad= ding-left: 3vw; padding-right: 3vw; } .tweak-blog-single-column-width-inset .blog-single-column { max-width: 1400= px; padding-left: 3vw; padding-right: 3vw; margin: 0px auto; } @media screen and (max-width: 767px) { .tweak-blog-single-column-width-full .blog-single-column { padding-left: = 6vw; padding-right: 6vw; } .tweak-blog-single-column-width-inset .blog-single-column { padding-left:= 6vw; padding-right: 6vw; } } .blog-single-column .blog-single-column--container { display: flex; flex-di= rection: column; padding-bottom: 70px; position: relative; opacity: 0; tran= sform: translateY(-15px); transition: opacity 1s ease 0s, transform 1s ease= 0s; } .blog-single-column .blog-single-column--container.is-loaded { opacity: 1; = transform: translateY(0px); } .blog-single-column .blog-single-column--container.no-image-fade-in { anima= tion: 1s ease 0s 1 normal forwards running no-image-fade-in; } .tweak-blog-single-column-image-placement-below .blog-single-column .blog-s= ingle-column--container { flex-direction: column-reverse; } .blog-single-column .blog-article-spacer { height: 5vw; } @media screen and (min-width: 768px) { .blog-single-column .blog-article-spacer { height: 50px; } } .blog-single-column .image-wrapper { margin: 0px; height: 0px; overflow: hi= dden; position: relative; display: flex; padding-bottom: 56.25%; } .blog-single-column .blog-single-column--text { display: flex; flex-flow: c= olumn; width: 100%; margin-left: auto; margin-right: auto; } .tweak-blog-single-column-text-alignment-left .blog-single-column .blog-sin= gle-column--text { text-align: left; } .tweak-blog-single-column-text-alignment-left .blog-single-column .blog-sin= gle-column--text .blog-more-link { align-self: flex-start; } .tweak-blog-single-column-text-alignment-left .blog-single-column .blog-sin= gle-column--text .blog-meta-section { justify-content: start; } .tweak-blog-single-column-text-alignment-center .blog-single-column .blog-s= ingle-column--text { text-align: center; } .tweak-blog-single-column-text-alignment-center .blog-single-column .blog-s= ingle-column--text .blog-more-link { align-self: center; } .tweak-blog-single-column-text-alignment-center .blog-single-column .blog-s= ingle-column--text .blog-meta-section { justify-content: center; } .tweak-blog-single-column-text-alignment-right .blog-single-column .blog-si= ngle-column--text { text-align: right; } .tweak-blog-single-column-text-alignment-right .blog-single-column .blog-si= ngle-column--text .blog-meta-section { justify-content: end; } .blog-single-column .blog-single-column--text .blog-more-link { align-self:= flex-end; } .tweak-blog-single-column-text-alignment-right .blog-single-column .blog-si= ngle-column--text { margin-left: auto; margin-right: 0px; } .tweak-blog-single-column-text-alignment-left .blog-single-column .blog-sin= gle-column--text { margin-left: 0px; margin-right: auto; } @media screen and (max-width: 575px) { .blog-single-column .blog-single-column--text { width: 100%; } } .blog-single-column .blog-single-column-item-link { text-decoration: underl= ine; } .tweak-blog-single-column-delimiter-bullet .blog-single-column .blog-meta-d= elimiter::after { content: "=E2=80=A2"; } .tweak-blog-single-column-delimiter-pipe .blog-single-column .blog-meta-del= imiter::after { content: "|"; } .tweak-blog-single-column-delimiter-dash .blog-single-column .blog-meta-del= imiter::after { content: "-"; } .tweak-blog-single-column-delimiter-space .blog-single-column .blog-meta-de= limiter::after { content: " "; } .tweak-blog-single-column-read-more-style-hide .blog-single-column .blog-mo= re-link { display: none; } .blog-single-column .blog-meta-section { margin-bottom: 2vw; } @media screen and (min-width: 768px) { .blog-single-column .blog-meta-section { margin-bottom: 30px; } } .blog-single-column .blog-title { margin: 0px 0px 30px; order: 1; } .blog-single-column .blog-excerpt { order: 2; } .blog-single-column .blog-excerpt p { margin: 0px; } .blog-single-column .blog-excerpt-wrapper { display: block; } .tweak-blog-single-column-content-full-post .blog-single-column .blog-excer= pt-wrapper { display: none; } .tweak-blog-single-column-content-title-only .blog-single-column .blog-exce= rpt-wrapper { display: none; } .blog-single-column .blog-body-wrapper { display: none; } .tweak-blog-single-column-content-full-post .blog-single-column .blog-body-= wrapper { display: block; } .blog-single-column .blog-more-link { display: inline-block; padding-top: 2= vw; order: 4; } @media screen and (min-width: 768px) { .blog-single-column .blog-more-link { padding-top: 30px; } } .blog-single-column .blog-single-column--categories { text-transform: upper= case; font-size: 16px; font-weight: 400; line-height: 19px; } .blog-single-column .blog-meta-section { order: 0; } .tweak-blog-single-column-meta-position-below-excerpt .blog-single-column .= blog-meta-section { order: 3; margin-bottom: 0px; margin-top: 2vw; } @media screen and (min-width: 768px) { .tweak-blog-single-column-meta-position-below-excerpt .blog-single-column= .blog-meta-section { margin-bottom: 0px; margin-top: 30px; } } .blog-single-column .blog-meta-delimiter.blog-category-delimiter, .blog-sin= gle-column .blog-categories-list, .blog-single-column .blog-author, .blog-s= ingle-column .blog-date { display: none; } .tweak-blog-single-column-primary-meta-categories .blog-single-column .blog= -meta-primary .blog-categories-list, .tweak-blog-single-column-secondary-me= ta-categories .blog-single-column .blog-meta-secondary .blog-categories-lis= t { display: inline; } .tweak-blog-single-column-primary-meta-author .blog-single-column .blog-met= a-primary .blog-author, .tweak-blog-single-column-secondary-meta-author .bl= og-single-column .blog-meta-secondary .blog-author { display: inline; } .tweak-blog-single-column-primary-meta-date .blog-single-column .blog-meta-= primary .blog-date, .tweak-blog-single-column-secondary-meta-date .blog-sin= gle-column .blog-meta-secondary .blog-date { display: inline; } .tweak-blog-single-column-primary-meta-none .blog-single-column .blog-meta-= delimiter, .tweak-blog-single-column-secondary-meta-none .blog-single-colum= n .blog-meta-delimiter { display: none; } .tweak-blog-single-column-primary-meta-categories:not(.tweak-blog-single-co= lumn-secondary-meta-none) .blog-single-column .blog-meta-delimiter.blog-cat= egory-delimiter, .tweak-blog-single-column-secondary-meta-categories:not(.t= weak-blog-single-column-primary-meta-none) .blog-single-column .blog-meta-d= elimiter.blog-category-delimiter { display: inline; } .tweak-blog-single-column-primary-meta-categories:not(.tweak-blog-single-co= lumn-secondary-meta-none) .blog-single-column .blog-meta-delimiter:not(.blo= g-category-delimiter), .tweak-blog-single-column-secondary-meta-categories:= not(.tweak-blog-single-column-primary-meta-none) .blog-single-column .blog-= meta-delimiter:not(.blog-category-delimiter) { display: none; } .blog-side-by-side { padding-top: 3vw; padding-bottom: 3vw; } .tweak-blog-side-by-side-width-full .blog-side-by-side { width: 100%; paddi= ng-left: 3vw; padding-right: 3vw; } .tweak-blog-side-by-side-width-inset .blog-side-by-side { max-width: 1400px= ; padding-left: 3vw; padding-right: 3vw; margin: 0px auto; } @media screen and (max-width: 767px) { .tweak-blog-side-by-side-width-full .blog-side-by-side { padding-left: 6v= w; padding-right: 6vw; } .tweak-blog-side-by-side-width-inset .blog-side-by-side { padding-left: 6= vw; padding-right: 6vw; } } .tweak-blog-side-by-side-text-alignment-left .blog-side-by-side { text-alig= n: left; } .tweak-blog-side-by-side-text-alignment-left .blog-side-by-side .blog-more-= link { align-self: flex-start; } .tweak-blog-side-by-side-text-alignment-left .blog-side-by-side .blog-meta-= section { justify-content: start; } .tweak-blog-side-by-side-text-alignment-center .blog-side-by-side { text-al= ign: center; } .tweak-blog-side-by-side-text-alignment-center .blog-side-by-side .blog-mor= e-link { align-self: center; } .tweak-blog-side-by-side-text-alignment-center .blog-side-by-side .blog-met= a-section { justify-content: center; } .tweak-blog-side-by-side-text-alignment-right .blog-side-by-side { text-ali= gn: right; } .tweak-blog-side-by-side-text-alignment-right .blog-side-by-side .blog-meta= -section { justify-content: end; } .blog-side-by-side .blog-more-link { align-self: flex-end; } .blog-side-by-side .blog-item { width: 100%; position: relative; display: b= lock; margin-bottom: 30px; opacity: 0; transform: translateY(-15px); transi= tion: opacity 1s ease 0s, transform 1s ease 0s; } .blog-side-by-side .blog-item.is-loaded { opacity: 1; transform: translateY= (0px); } .blog-side-by-side .blog-item.no-image-fade-in { animation: 1s ease 0s 1 no= rmal forwards running no-image-fade-in; } @media screen and (min-width: 768px) { .blog-side-by-side .blog-item { display: flex; align-items: center; } } .blog-side-by-side .image-wrapper { margin: 0px; height: 0px; overflow: hid= den; position: relative; display: flex; } .tweak-blog-side-by-side-image-aspect-ratio-11-square .blog-side-by-side .i= mage-wrapper { padding-bottom: 100%; } .tweak-blog-side-by-side-image-aspect-ratio-32-standard .blog-side-by-side = .image-wrapper { padding-bottom: 66.666%; } .tweak-blog-side-by-side-image-aspect-ratio-23-standard-vertical .blog-side= -by-side .image-wrapper { padding-bottom: 150%; } .tweak-blog-side-by-side-image-aspect-ratio-43-four-three .blog-side-by-sid= e .image-wrapper { padding-bottom: 75%; } .tweak-blog-side-by-side-image-aspect-ratio-34-three-four-vertical .blog-si= de-by-side .image-wrapper { padding-bottom: 133.333%; } .tweak-blog-side-by-side-image-aspect-ratio-169-widescreen .blog-side-by-si= de .image-wrapper { padding-bottom: 56.25%; } .tweak-blog-side-by-side-image-aspect-ratio-240-anamorphic-widescreen .blog= -side-by-side .image-wrapper { padding-bottom: 41.666%; } .tweak-blog-side-by-side-image-aspect-ratio-ultra-widescreen .blog-side-by-= side .image-wrapper { padding-bottom: 41.666%; } .blog-side-by-side .blog-image-wrapper { margin-right: 0px; width: 100%; ma= rgin-bottom: 5vw; } @media screen and (min-width: 768px) { .blog-side-by-side .blog-image-wrapper { width: 40%; margin-right: 6%; ma= rgin-bottom: 0px; } } @media screen and (min-width: 768px) { .blog-side-by-side .blog-item-summary { width: calc(54%); } } .blog-side-by-side .blog-item-text { display: flex; flex-direction: column;= width: 100%; margin-left: auto; margin-right: auto; } .tweak-blog-side-by-side-text-alignment-right .blog-side-by-side .blog-item= -text { margin-left: auto; margin-right: 0px; } .tweak-blog-side-by-side-text-alignment-left .blog-side-by-side .blog-item-= text { margin-left: 0px; margin-right: auto; } .blog-side-by-side .blog-single-column-item-link { text-decoration: underli= ne; } .blog-side-by-side .blog-more-link { display: inline-block; margin-top: 2vw= ; order: 4; } @media screen and (min-width: 768px) { .blog-side-by-side .blog-more-link { margin-top: 20px; } } .tweak-blog-side-by-side-delimiter-bullet .blog-side-by-side .blog-meta-del= imiter::after { content: "=E2=80=A2"; } .tweak-blog-side-by-side-delimiter-pipe .blog-side-by-side .blog-meta-delim= iter::after { content: "|"; } .tweak-blog-side-by-side-delimiter-dash .blog-side-by-side .blog-meta-delim= iter::after { content: "-"; } .tweak-blog-side-by-side-delimiter-space .blog-side-by-side .blog-meta-deli= miter::after { content: " "; } .blog-side-by-side .blog-title { margin: 0px 0px 30px; order: 1; } .blog-side-by-side .blog-meta-section { margin-bottom: 2vw; order: 0; } @media screen and (min-width: 768px) { .blog-side-by-side .blog-meta-section { margin-bottom: 20px; } } .blog-side-by-side .blog-excerpt { order: 2; display: none; } .tweak-blog-side-by-side-excerpt-show .blog-side-by-side .blog-excerpt { di= splay: block; } .blog-side-by-side .blog-meta-delimiter.blog-category-delimiter, .blog-side= -by-side .blog-categories-list, .blog-side-by-side .blog-author, .blog-side= -by-side .blog-date { display: none; } .tweak-blog-side-by-side-primary-meta-categories .blog-side-by-side .blog-m= eta-primary .blog-categories-list, .tweak-blog-side-by-side-secondary-meta-= categories .blog-side-by-side .blog-meta-secondary .blog-categories-list { = display: inline; } .tweak-blog-side-by-side-primary-meta-author .blog-side-by-side .blog-meta-= primary .blog-author, .tweak-blog-side-by-side-secondary-meta-author .blog-= side-by-side .blog-meta-secondary .blog-author { display: inline; } .tweak-blog-side-by-side-primary-meta-date .blog-side-by-side .blog-meta-pr= imary .blog-date, .tweak-blog-side-by-side-secondary-meta-date .blog-side-b= y-side .blog-meta-secondary .blog-date { display: inline; } .tweak-blog-side-by-side-primary-meta-none .blog-side-by-side .blog-meta-de= limiter, .tweak-blog-side-by-side-secondary-meta-none .blog-side-by-side .b= log-meta-delimiter { display: none; } .tweak-blog-side-by-side-primary-meta-categories:not(.tweak-blog-side-by-si= de-secondary-meta-none) .blog-side-by-side .blog-meta-delimiter.blog-catego= ry-delimiter, .tweak-blog-side-by-side-secondary-meta-categories:not(.tweak= -blog-side-by-side-primary-meta-none) .blog-side-by-side .blog-meta-delimit= er.blog-category-delimiter { display: inline; } .tweak-blog-side-by-side-primary-meta-categories:not(.tweak-blog-side-by-si= de-secondary-meta-none) .blog-side-by-side .blog-meta-delimiter:not(.blog-c= ategory-delimiter), .tweak-blog-side-by-side-secondary-meta-categories:not(= .tweak-blog-side-by-side-primary-meta-none) .blog-side-by-side .blog-meta-d= elimiter:not(.blog-category-delimiter) { display: none; } .tweak-blog-side-by-side-image-placement-right .blog-side-by-side .blog-ima= ge-wrapper { order: 1; margin-right: 0px; } @media screen and (min-width: 768px) { .tweak-blog-side-by-side-image-placement-right .blog-side-by-side .blog-i= mage-wrapper { margin-left: 6%; } } .tweak-blog-side-by-side-read-more-style-hide .blog-side-by-side .blog-more= -link { display: none; } .tweak-blog-side-by-side-image-text-alignment-top .blog-side-by-side .blog-= item { align-items: flex-start; } .tweak-blog-side-by-side-image-text-alignment-bottom .blog-side-by-side .bl= og-item { align-items: flex-end; } .tweak-blog-side-by-side-meta-position-below-excerpt .blog-side-by-side .bl= og-meta-section { order: 3; } @media screen and (min-width: 768px) { .tweak-blog-side-by-side-meta-position-below-excerpt .blog-side-by-side .= blog-meta-section { margin-top: 20px; margin-bottom: 0px; } } .blog-alternating-side-by-side .blog-alternating-side-by-side-wrapper { pos= ition: relative; padding-top: 3vw; padding-bottom: 3vw; } .tweak-blog-alternating-side-by-side-width-full .blog-alternating-side-by-s= ide { padding-left: 3vw; padding-right: 3vw; } .tweak-blog-alternating-side-by-side-width-inset .blog-alternating-side-by-= side { max-width: 1400px; padding-left: 3vw; padding-right: 3vw; margin: 0p= x auto; } @media screen and (max-width: 767px) { .tweak-blog-alternating-side-by-side-width-full .blog-alternating-side-by= -side { padding-left: 6vw; padding-right: 6vw; } .tweak-blog-alternating-side-by-side-width-inset .blog-alternating-side-b= y-side { padding-left: 6vw; padding-right: 6vw; } } .blog-alternating-side-by-side .blog-item { width: 100%; position: relative= ; margin-bottom: 30px; display: block; opacity: 0; transform: translateY(-1= 5px); transition: opacity 1s ease 0s, transform 1s ease 0s; } .tweak-blog-alternating-side-by-side-text-alignment-left .blog-alternating-= side-by-side .blog-item { text-align: left; } .tweak-blog-alternating-side-by-side-text-alignment-left .blog-alternating-= side-by-side .blog-item .blog-more-link { align-self: flex-start; } .tweak-blog-alternating-side-by-side-text-alignment-left .blog-alternating-= side-by-side .blog-item .blog-meta-section { justify-content: start; } .tweak-blog-alternating-side-by-side-text-alignment-center .blog-alternatin= g-side-by-side .blog-item { text-align: center; } .tweak-blog-alternating-side-by-side-text-alignment-center .blog-alternatin= g-side-by-side .blog-item .blog-more-link { align-self: center; } .tweak-blog-alternating-side-by-side-text-alignment-center .blog-alternatin= g-side-by-side .blog-item .blog-meta-section { justify-content: center; } .tweak-blog-alternating-side-by-side-text-alignment-right .blog-alternating= -side-by-side .blog-item { text-align: right; } .tweak-blog-alternating-side-by-side-text-alignment-right .blog-alternating= -side-by-side .blog-item .blog-meta-section { justify-content: end; } .blog-alternating-side-by-side .blog-item .blog-more-link { align-self: fle= x-end; } .blog-alternating-side-by-side .blog-item.is-loaded { opacity: 1; transform= : translateY(0px); } .blog-alternating-side-by-side .blog-item.no-image-fade-in { animation: 1s = ease 0s 1 normal forwards running no-image-fade-in; } @media screen and (min-width: 768px) { .blog-alternating-side-by-side .blog-item { display: flex; align-items: c= enter; } } .blog-alternating-side-by-side .image-wrapper { margin: 0px; height: 0px; o= verflow: hidden; position: relative; display: flex; } .tweak-blog-alternating-side-by-side-image-aspect-ratio-11-square .blog-alt= ernating-side-by-side .image-wrapper { padding-bottom: 100%; } .tweak-blog-alternating-side-by-side-image-aspect-ratio-32-standard .blog-a= lternating-side-by-side .image-wrapper { padding-bottom: 66.666%; } .tweak-blog-alternating-side-by-side-image-aspect-ratio-23-standard-vertica= l .blog-alternating-side-by-side .image-wrapper { padding-bottom: 150%; } .tweak-blog-alternating-side-by-side-image-aspect-ratio-43-four-three .blog= -alternating-side-by-side .image-wrapper { padding-bottom: 75%; } .tweak-blog-alternating-side-by-side-image-aspect-ratio-34-three-four-verti= cal .blog-alternating-side-by-side .image-wrapper { padding-bottom: 133.333= %; } .tweak-blog-alternating-side-by-side-image-aspect-ratio-169-widescreen .blo= g-alternating-side-by-side .image-wrapper { padding-bottom: 56.25%; } .tweak-blog-alternating-side-by-side-image-aspect-ratio-240-anamorphic-wide= screen .blog-alternating-side-by-side .image-wrapper { padding-bottom: 41.6= 66%; } .tweak-blog-alternating-side-by-side-image-aspect-ratio-ultra-widescreen .b= log-alternating-side-by-side .image-wrapper { padding-bottom: 41.666%; } .blog-alternating-side-by-side .blog-item-text { display: flex; flex-direct= ion: column; width: 100%; margin-left: auto; margin-right: auto; } .tweak-blog-alternating-side-by-side-text-alignment-right .blog-alternating= -side-by-side .blog-item-text { margin-left: auto; margin-right: 0px; } .tweak-blog-alternating-side-by-side-text-alignment-left .blog-alternating-= side-by-side .blog-item-text { margin-left: 0px; margin-right: auto; } .blog-alternating-side-by-side .blog-image-wrapper { margin-bottom: 5vw; } @media screen and (min-width: 768px) { .blog-alternating-side-by-side .blog-image-wrapper { width: 40%; margin-r= ight: 6%; margin-bottom: 0px; } } .blog-alternating-side-by-side .blog-item-summary { flex-grow: 1; } .blog-alternating-side-by-side .blog-item:nth-child(2n) { flex-direction: r= ow-reverse; } @media screen and (min-width: 768px) { .blog-alternating-side-by-side .blog-item:nth-child(2n) .blog-image-wrapp= er { margin-right: 0px; margin-left: 6%; } .blog-alternating-side-by-side .blog-item:nth-child(2n) .blog-item-summar= y { max-width: calc(54%); } } @media screen and (min-width: 768px) { .blog-alternating-side-by-side .blog-item:nth-child(2n+1) .blog-item-summ= ary { padding-left: 0px; padding-right: 0px; width: calc(54%); } } .blog-alternating-side-by-side .blog-single-column-item-link { text-decorat= ion: underline; } .blog-alternating-side-by-side .blog-more-link { display: inline-block; mar= gin-top: 2vw; order: 4; } @media screen and (min-width: 768px) { .blog-alternating-side-by-side .blog-more-link { margin-top: 20px; } } .tweak-blog-alternating-side-by-side-delimiter-bullet .blog-alternating-sid= e-by-side .blog-meta-delimiter::after { content: "=E2=80=A2"; } .tweak-blog-alternating-side-by-side-delimiter-pipe .blog-alternating-side-= by-side .blog-meta-delimiter::after { content: "|"; } .tweak-blog-alternating-side-by-side-delimiter-dash .blog-alternating-side-= by-side .blog-meta-delimiter::after { content: "-"; } .tweak-blog-alternating-side-by-side-delimiter-space .blog-alternating-side= -by-side .blog-meta-delimiter::after { content: " "; } .blog-alternating-side-by-side .blog-title { margin: 0px 0px 30px; order: 1= ; } .blog-alternating-side-by-side .blog-meta-section { margin-bottom: 2vw; ord= er: 0; } @media screen and (min-width: 768px) { .blog-alternating-side-by-side .blog-meta-section { margin-bottom: 20px; = } } .blog-alternating-side-by-side .blog-excerpt { order: 2; display: none; } .tweak-blog-alternating-side-by-side-excerpt-show .blog-alternating-side-by= -side .blog-excerpt { display: block; } .blog-alternating-side-by-side .blog-meta-delimiter.blog-category-delimiter= , .blog-alternating-side-by-side .blog-categories-list, .blog-alternating-s= ide-by-side .blog-author, .blog-alternating-side-by-side .blog-date { displ= ay: none; } .tweak-blog-alternating-side-by-side-primary-meta-categories .blog-alternat= ing-side-by-side .blog-meta-primary .blog-categories-list, .tweak-blog-alte= rnating-side-by-side-secondary-meta-categories .blog-alternating-side-by-si= de .blog-meta-secondary .blog-categories-list { display: inline; } .tweak-blog-alternating-side-by-side-primary-meta-author .blog-alternating-= side-by-side .blog-meta-primary .blog-author, .tweak-blog-alternating-side-= by-side-secondary-meta-author .blog-alternating-side-by-side .blog-meta-sec= ondary .blog-author { display: inline; } .tweak-blog-alternating-side-by-side-primary-meta-date .blog-alternating-si= de-by-side .blog-meta-primary .blog-date, .tweak-blog-alternating-side-by-s= ide-secondary-meta-date .blog-alternating-side-by-side .blog-meta-secondary= .blog-date { display: inline; } .tweak-blog-alternating-side-by-side-primary-meta-none .blog-alternating-si= de-by-side .blog-meta-delimiter, .tweak-blog-alternating-side-by-side-secon= dary-meta-none .blog-alternating-side-by-side .blog-meta-delimiter { displa= y: none; } .tweak-blog-alternating-side-by-side-primary-meta-categories:not(.tweak-blo= g-alternating-side-by-side-secondary-meta-none) .blog-alternating-side-by-s= ide .blog-meta-delimiter.blog-category-delimiter, .tweak-blog-alternating-s= ide-by-side-secondary-meta-categories:not(.tweak-blog-alternating-side-by-s= ide-primary-meta-none) .blog-alternating-side-by-side .blog-meta-delimiter.= blog-category-delimiter { display: inline; } .tweak-blog-alternating-side-by-side-primary-meta-categories:not(.tweak-blo= g-alternating-side-by-side-secondary-meta-none) .blog-alternating-side-by-s= ide .blog-meta-delimiter:not(.blog-category-delimiter), .tweak-blog-alterna= ting-side-by-side-secondary-meta-categories:not(.tweak-blog-alternating-sid= e-by-side-primary-meta-none) .blog-alternating-side-by-side .blog-meta-deli= miter:not(.blog-category-delimiter) { display: none; } .tweak-blog-alternating-side-by-side-read-more-style-hide .blog-alternating= -side-by-side .blog-more-link { display: none; } .tweak-blog-alternating-side-by-side-image-text-alignment-top .blog-alterna= ting-side-by-side .blog-item { align-items: flex-start; } .tweak-blog-alternating-side-by-side-image-text-alignment-bottom .blog-alte= rnating-side-by-side .blog-item { align-items: flex-end; } .tweak-blog-alternating-side-by-side-meta-position-below-excerpt .blog-alte= rnating-side-by-side .blog-meta-section { order: 3; } @media screen and (min-width: 768px) { .tweak-blog-alternating-side-by-side-meta-position-below-excerpt .blog-al= ternating-side-by-side .blog-meta-section { margin-top: 20px; margin-bottom= : 0px; } } .blog-masonry { position: relative; padding-top: 3vw; padding-bottom: 3vw; = } .tweak-blog-masonry-width-full .blog-masonry { width: 100%; padding-left: 3= vw; padding-right: 3vw; } .tweak-blog-masonry-width-inset .blog-masonry { max-width: 1400px; padding-= left: 3vw; padding-right: 3vw; margin: 0px auto; } @media screen and (max-width: 767px) { .tweak-blog-masonry-width-full .blog-masonry { padding-left: 6vw; padding= -right: 6vw; } .tweak-blog-masonry-width-inset .blog-masonry { padding-left: 6vw; paddin= g-right: 6vw; } } .tweak-blog-masonry-text-alignment-left .blog-masonry { text-align: left; } .tweak-blog-masonry-text-alignment-left .blog-masonry .blog-more-link { ali= gn-self: flex-start; } .tweak-blog-masonry-text-alignment-left .blog-masonry .blog-meta-section { = justify-content: start; } .tweak-blog-masonry-text-alignment-center .blog-masonry { text-align: cente= r; } .tweak-blog-masonry-text-alignment-center .blog-masonry .blog-more-link { a= lign-self: center; } .tweak-blog-masonry-text-alignment-center .blog-masonry .blog-meta-section = { justify-content: center; } .tweak-blog-masonry-text-alignment-right .blog-masonry { text-align: right;= } .tweak-blog-masonry-text-alignment-right .blog-masonry .blog-meta-section {= justify-content: end; } .blog-masonry .blog-more-link { align-self: flex-end; } .blog-masonry .entry { position: absolute; display: flex; flex-direction: c= olumn; opacity: 0; } .tweak-blog-masonry-image-placement-below .blog-masonry .entry { flex-flow:= column-reverse; } .blog-masonry .masonry-ready .entry { transition: transform 400ms cubic-bez= ier(0.4, 0, 0.2, 1) 0s, opacity 1s ease 0s; } .blog-masonry .masonry-ready .entry.is-loaded { opacity: 1; } .blog-masonry .masonry-ready .entry.no-image-fade-in { opacity: 1; } .blog-masonry .blog-image-wrapper { width: 100%; margin-bottom: 5vw; } @media screen and (min-width: 768px) { .blog-masonry .blog-image-wrapper { margin-bottom: 20px; } .tweak-blog-masonry-image-placement-below .blog-masonry .blog-image-wrapp= er { margin-bottom: 0px; margin-top: 20px; } } .blog-masonry .image-wrapper { margin: 0px; height: 0px; overflow: hidden; = position: relative; display: flex; } .blog-masonry .blog-item-summary { display: flex; flex-flow: column; width:= 100%; margin-left: auto; margin-right: auto; } .tweak-blog-masonry-text-alignment-right .blog-masonry .blog-item-summary {= margin-left: auto; margin-right: 0px; } .tweak-blog-masonry-text-alignment-left .blog-masonry .blog-item-summary { = margin-left: 0px; margin-right: auto; } .blog-masonry .blog-more-link { display: inline-block; margin-top: 2vw; ord= er: 4; } @media screen and (min-width: 768px) { .blog-masonry .blog-more-link { margin-top: 20px; } } .tweak-blog-masonry-delimiter-bullet .blog-masonry .blog-meta-delimiter::af= ter { content: "=E2=80=A2"; } .tweak-blog-masonry-delimiter-pipe .blog-masonry .blog-meta-delimiter::afte= r { content: "|"; } .tweak-blog-masonry-delimiter-dash .blog-masonry .blog-meta-delimiter::afte= r { content: "-"; } .tweak-blog-masonry-delimiter-space .blog-masonry .blog-meta-delimiter::aft= er { content: " "; } .blog-masonry .blog-title { margin: 0px 0px 30px; order: 1; } .blog-masonry .blog-meta-section { margin-bottom: 2vw; order: 0; } .tweak-blog-masonry-meta-position-below-excerpt .blog-masonry .blog-meta-se= ction { order: 3; } @media screen and (min-width: 768px) { .blog-masonry .blog-meta-section { margin-bottom: 20px; } .tweak-blog-masonry-meta-position-below-excerpt .blog-masonry .blog-meta-= section { margin-bottom: 0px; margin-top: 20px; } } .blog-masonry .blog-excerpt { order: 2; display: none; } .tweak-blog-masonry-excerpt-show .blog-masonry .blog-excerpt { display: blo= ck; } .blog-masonry .blog-meta-delimiter.blog-category-delimiter, .blog-masonry .= blog-categories-list, .blog-masonry .blog-author, .blog-masonry .blog-date = { display: none; } .tweak-blog-masonry-primary-meta-categories .blog-masonry .blog-meta-primar= y .blog-categories-list, .tweak-blog-masonry-secondary-meta-categories .blo= g-masonry .blog-meta-secondary .blog-categories-list { display: inline; } .tweak-blog-masonry-primary-meta-author .blog-masonry .blog-meta-primary .b= log-author, .tweak-blog-masonry-secondary-meta-author .blog-masonry .blog-m= eta-secondary .blog-author { display: inline; } .tweak-blog-masonry-primary-meta-date .blog-masonry .blog-meta-primary .blo= g-date, .tweak-blog-masonry-secondary-meta-date .blog-masonry .blog-meta-se= condary .blog-date { display: inline; } .tweak-blog-masonry-primary-meta-none .blog-masonry .blog-meta-delimiter, .= tweak-blog-masonry-secondary-meta-none .blog-masonry .blog-meta-delimiter {= display: none; } .tweak-blog-masonry-primary-meta-categories:not(.tweak-blog-masonry-seconda= ry-meta-none) .blog-masonry .blog-meta-delimiter.blog-category-delimiter, .= tweak-blog-masonry-secondary-meta-categories:not(.tweak-blog-masonry-primar= y-meta-none) .blog-masonry .blog-meta-delimiter.blog-category-delimiter { d= isplay: inline; } .tweak-blog-masonry-primary-meta-categories:not(.tweak-blog-masonry-seconda= ry-meta-none) .blog-masonry .blog-meta-delimiter:not(.blog-category-delimit= er), .tweak-blog-masonry-secondary-meta-categories:not(.tweak-blog-masonry-= primary-meta-none) .blog-masonry .blog-meta-delimiter:not(.blog-category-de= limiter) { display: none; } .tweak-blog-masonry-read-more-style-hide .blog-masonry .blog-more-link { di= splay: none; } .item-pagination--prev-next { display: flex; padding: 3vw; } @media screen and (max-width: 767px) { .item-pagination--prev-next { padding: 3vw 6vw; } } .item-pagination-link { text-align: left; display: flex; align-items: cente= r; max-width: 50%; width: auto; } .item-pagination-link .item-pagination-prev-next { display: none; } .item-pagination-link .item-pagination-title { margin: 0px; padding: 0px; l= ine-height: 1; } .item-pagination-link .item-pagination-icon { width: 18px; height: 32px; pa= dding-right: 25px; } .item-pagination-link .item-pagination-icon svg { width: 18px; height: 32px= ; } .item-pagination-link--prev { margin-left: 0px; margin-right: auto; } .item-pagination-link--next { text-align: right; margin-left: auto; margin-= right: 0px; } .item-pagination-link--next .item-pagination-icon { padding-right: 0px; pad= ding-left: 25px; } .tweak-global-animations-animation-type-flex .item-pagination-link--next .i= tem-pagination-title { position: relative; } .tweak-global-animations-animation-type-flex .item-pagination-link--next .i= tem-pagination-title::after { content: ""; position: absolute; width: 100%;= height: 1px; right: 0px; bottom: -0.1em; background-color: currentcolor; t= ransform: scaleX(0); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22,= 1) 0s; } .tweak-global-animations-animation-type-flex .item-pagination-link--next .i= tem-pagination-title::after { transform-origin: left center; } .tweak-global-animations-animation-type-flex .item-pagination-link--prev .i= tem-pagination-title { position: relative; } .tweak-global-animations-animation-type-flex .item-pagination-link--prev .i= tem-pagination-title::after { content: ""; position: absolute; width: 100%;= height: 1px; right: 0px; bottom: -0.1em; background-color: currentcolor; t= ransform: scaleX(0); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22,= 1) 0s; } .tweak-global-animations-animation-type-flex .item-pagination-link--prev .i= tem-pagination-title::after { transform-origin: right center; } .tweak-global-animations-animation-type-flex .item-pagination-link .caret-l= eft-icon--small, .tweak-global-animations-animation-type-flex .item-paginat= ion-link .caret-right-icon--small { transform: translateX(0px) scaleY(1); t= ransition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s; } @media (hover: hover) { .tweak-global-animations-animation-type-flex .item-pagination-link:hover = .caret-left-icon--small { transform: translateX(-30%) scaleY(0.8); } } @media (hover: hover) { .tweak-global-animations-animation-type-flex .item-pagination-link:hover = .caret-right-icon--small { transform: translateX(30%) scaleY(0.8); } } @media (hover: hover) { .tweak-global-animations-animation-type-flex .item-pagination-link:hover = .item-pagination-title::after { transform: scaleX(1); } } @keyframes lightbox-open {=20 0% { opacity: 0; } 100% { opacity: 1; } } .gallery-lightbox-outer-wrapper[data-lightbox=3D"false"] .gallery-lightbox-= controls { display: none; } .gallery-lightbox { display: none; position: fixed; flex-direction: column;= box-sizing: border-box; user-select: none; inset: 0px; z-index: 9999; padd= ing: calc(3vw + 20px) 3vw; } @media screen and (max-width: 575px) { .gallery-lightbox { padding: calc(6vw + 20px) 6vw; } } .gallery-lightbox-body-hide-overflow { overflow: hidden; } .gallery-lightbox-background { position: absolute; inset: 0px; } .gallery-lightbox-header { position: absolute; top: 0px; right: 0px; left: = 0px; z-index: 2; display: flex; justify-content: flex-end; padding: 1.5vw 1= .5vw 0px; } @media screen and (max-width: 575px) { .gallery-lightbox-header { padding: 3vw 3vw 0px; } } .gallery-lightbox-wrapper { position: relative; display: flex; flex-directi= on: column; flex-grow: 1; flex-shrink: 1; width: 100%; } .gallery-lightbox-list { position: relative; flex-grow: 1; flex-shrink: 1; = z-index: 0; box-sizing: border-box; margin: 0px calc(3vw + 13px); cursor: g= rab; } @media screen and (max-width: 575px) { .gallery-lightbox-list { margin: 0px; } } .gallery-lightbox-controls { position: absolute; display: flex; justify-con= tent: space-between; top: 0px; left: 0px; width: 100%; height: 100%; pointe= r-events: none; box-sizing: border-box; } @media screen and (max-width: 575px) { .gallery-lightbox-controls { display: none; } } .gallery-lightbox-control { display: flex; flex-grow: 1; flex-shrink: 0; al= ign-items: center; justify-content: flex-start; z-index: 1; pointer-events:= auto; } .gallery-lightbox-control[data-next] { justify-content: flex-end; } .gallery-lightbox-control-btn { position: relative; width: 13px; height: 24= px; box-sizing: border-box; pointer-events: auto; opacity: 0.75; transition= : opacity 600ms cubic-bezier(0.4, 0, 0.2, 1) 0s; border: none; margin: 0px;= background: transparent; } .gallery-lightbox-control-btn:hover { opacity: 1; } .gallery-lightbox-control-btn-icon { position: relative; } .gallery-lightbox-control-btn-icon .caret-right-icon--small, .gallery-light= box-control-btn-icon .caret-left-icon--small { width: 13px; height: 24px; p= osition: relative; display: block; box-sizing: content-box; line-height: 1;= } .gallery-lightbox-control-btn-icon .caret-right-icon--small svg *, .gallery= -lightbox-control-btn-icon .caret-left-icon--small svg * { stroke-width: 4p= x; } .gallery-lightbox.video-slide .gallery-lightbox-control { flex-grow: 0; wid= th: calc(3vw + 13px); } .gallery-lightbox-close-btn { border-radius: 0.15em; box-sizing: border-box= ; pointer-events: auto; opacity: 0.75; transition: opacity 600ms cubic-bezi= er(0.4, 0, 0.2, 1) 0s; border: none; margin: 0px; background: transparent; = } .gallery-lightbox-close-btn:hover { opacity: 1; } .gallery-lightbox-close-btn-icon { width: 20px; height: 20px; position: rel= ative; } .gallery-lightbox-close-btn-icon svg { width: 20px; height: 20px; position:= relative; } .gallery-lightbox-close-btn-icon svg * { stroke-width: 4px; } .gallery-lightbox-item { position: absolute; top: 0px; left: 0px; width: 10= 0%; height: 100%; display: flex; flex-direction: column; align-items: cente= r; justify-content: center; pointer-events: none; opacity: 0; } .gallery-lightbox-item[data-video=3D"true"] { pointer-events: all; } .gallery-lightbox-item[data-video=3D"true"] .gallery-lightbox-item-img { di= splay: flex; align-items: center; justify-content: center; } .gallery-lightbox-item[data-video=3D"true"] .gallery-lightbox-item-img .sqs= -video-wrapper { width: 100%; } .gallery-lightbox-item[data-active=3D"true"] { opacity: 1; } .gallery-lightbox-item-wrapper { display: flex; align-items: center; justif= y-content: center; flex-grow: 1; flex-shrink: 1; width: 100%; height: 100%;= } .gallery-lightbox-item-src { position: relative; overflow: hidden; width: 1= 00%; height: 100%; } .gallery-lightbox-item-img { position: relative; opacity: 0; transition: op= acity 600ms cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: opacity; height: = 100%; } .gallery-lightbox-item-img[data-loaded] { opacity: 1; } .gallery-lightbox-item img { position: relative; } .gallery-lightbox-item[data-static=3D"true"] .lightbox-item-src { transitio= n: none 0s ease 0s !important; } .gallery-lightbox-item[data-active=3D"true"] { visibility: visible; } .gallery-lightbox[data-open=3D"true"] { display: flex; animation-name: ligh= tbox-open; animation-duration: 400ms; animation-fill-mode: both; animation-= iteration-count: 1; } .gallery-lightbox .gallery-lightbox-item[data-active=3D"true"] .gallery-lig= htbox-item-src { transition: opacity 400ms cubic-bezier(0.2, 0.6, 0.3, 1) 0= s; } .gallery-lightbox .gallery-lightbox-item[data-next=3D"true"] .gallery-light= box-item-src { opacity: 0; } .gallery-lightbox .gallery-lightbox-item[data-next=3D"false"] .gallery-ligh= tbox-item-src { opacity: 0; } .gallery-lightbox .gallery-lightbox-item[data-active=3D"true"][data-in=3D"t= rue"] .gallery-lightbox-item-src { opacity: 1; } @media screen and (max-width: 575px) { .gallery-lightbox .gallery-lightbox-item-wrapper { overflow: hidden; } .gallery-lightbox .gallery-lightbox-item[data-active=3D"true"] .gallery-l= ightbox-item-src { transition: transform 250ms cubic-bezier(0.2, 0.6, 0.3, = 1) 0s, opacity 250ms cubic-bezier(0.2, 0.6, 0.3, 1) 0s; } .gallery-lightbox .gallery-lightbox-item[data-next=3D"true"] .gallery-lig= htbox-item-src { transform: translateX(10%); opacity: 0; } .gallery-lightbox .gallery-lightbox-item[data-next=3D"false"] .gallery-li= ghtbox-item-src { transform: translateX(-10%); opacity: 0; } .gallery-lightbox .gallery-lightbox-item[data-active=3D"true"][data-in=3D= "true"] .gallery-lightbox-item-src { transform: translateX(0%); opacity: 1;= } .gallery-lightbox .gallery-lightbox-item[data-active=3D"true"][data-in=3D= "false"] .gallery-lightbox-item-src { transition: transform 250ms cubic-bez= ier(0, 0, 0.2, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.2, 1) 0s; transfor= m: translateX(0%); } } .sqs-search-page-input.focus-within { outline-width: 2px; outline-style: so= lid; outline-offset: 4px; } .sqs-search-page-input:focus-within { outline-width: 2px; outline-style: so= lid; outline-offset: 4px; } .sqs-search-page-input input:focus { outline: none; } .sqs-search-container-list { overflow: visible !important; } .pdp-layout-wrap-around .pdp-gallery-images { position: relative; flex-grow= : 1; max-width: 100%; } .pdp-layout-wrap-around .pdp-gallery-slides { width: 100%; order: 2; } .pdp-layout-wrap-around .pdp-gallery-slides.selected { order: 0; } @media screen and (min-width: 576px) { .pdp-layout-wrap-around .pdp-gallery { margin: -10px; } .pdp-layout-wrap-around .pdp-gallery-images { display: inline-flex; flex-= flow: wrap; width: 100%; overflow: hidden; padding: 0px 4vw; } .pdp-layout-wrap-around .pdp-form-wrapper { width: 50%; order: 1; display= : flex; flex: 1 0 auto; flex-direction: column; padding: 1rem; } .pdp-layout-wrap-around .pdp-gallery-slides { position: relative; overflo= w: hidden; width: 50%; order: 2; border: 10px solid rgba(0, 0, 0, 0); } .pdp-layout-wrap-around .pdp-gallery-slides:not(.loaded) .pdp-layout-wrap= -around .pdp-gallery-slides-image { opacity: 0; } .pdp-layout-wrap-around .pdp-gallery-slides[data-landscape=3D"true"]:not(= .selected) { width: 100%; } } .pdp-layout-full-bleed .pdp-gallery { width: 100vw; } .pdp-layout-full-bleed .pdp-gallery-slides { position: absolute; left: 0px;= top: 0px; right: 0px; visibility: hidden; } .pdp-layout-full-bleed .pdp-gallery-slides.going-prev.next-slide { display:= block; visibility: visible; } .pdp-layout-full-bleed .pdp-gallery-slides.going-prev.next-slide.prev-loade= d { animation: 0.5s ease-in-out 0s 1 normal both running ProductItem-galler= y-exit-to-right; z-index: 1; } .pdp-layout-full-bleed .pdp-gallery-slides.going-prev.selected { display: b= lock; visibility: visible; } .pdp-layout-full-bleed .pdp-gallery-slides.going-prev.selected.loaded { ani= mation: 0.5s ease-in-out 0s 1 normal both running ProductItem-gallery-enter= -from-left; } .pdp-layout-full-bleed .pdp-gallery-slides.going-next.prev-slide { display:= block; visibility: visible; } .pdp-layout-full-bleed .pdp-gallery-slides.going-next.prev-slide.next-loade= d { animation: 0.5s ease-in-out 0s 1 normal both running ProductItem-galler= y-exit-to-left; z-index: 1; } .pdp-layout-full-bleed .pdp-gallery-slides.going-next.selected { display: b= lock; visibility: visible; } .pdp-layout-full-bleed .pdp-gallery-slides.going-next.selected.loaded { ani= mation: 0.5s ease-in-out 0s 1 normal both running ProductItem-gallery-enter= -from-right; } .pdp-layout-full-bleed .pdp-gallery-slides.going-prev.next-slide { display:= block; visibility: visible; } .pdp-layout-full-bleed .pdp-gallery-slides.going-prev.next-slide.prev-loade= d { animation: 0.5s ease-in-out 0s 1 normal both running gallery-image-exit= -to-right; z-index: 1; } .pdp-layout-full-bleed .pdp-gallery-slides.going-prev.selected { display: b= lock; visibility: visible; } .pdp-layout-full-bleed .pdp-gallery-slides.going-prev.selected.loaded { ani= mation: 0.5s ease-in-out 0s 1 normal both running gallery-image-enter-from-= left; } .pdp-layout-full-bleed .pdp-gallery-slides.going-next.prev-slide { display:= block; visibility: visible; } .pdp-layout-full-bleed .pdp-gallery-slides.going-next.prev-slide.next-loade= d { animation: 0.5s ease-in-out 0s 1 normal both running gallery-image-exit= -to-left; z-index: 1; } .pdp-layout-full-bleed .pdp-gallery-slides.going-next.selected { display: b= lock; visibility: visible; } .pdp-layout-full-bleed .pdp-gallery-slides.going-next.selected.loaded { ani= mation: 0.5s ease-in-out 0s 1 normal both running gallery-image-enter-from-= right; } .pdp-layout-full-bleed .pdp-gallery-slides[data-landscape=3D"true"] { heigh= t: 100%; } .pdp-layout-full-bleed .pdp-gallery-images::before { content: ""; display: = block; padding-bottom: 100%; } @media screen and (min-width: 576px) { .pdp-layout-full-bleed .pdp-gallery { display: flex; } .pdp-layout-full-bleed .pdp-gallery-images { position: relative; overflow= : hidden; width: 50%; } .pdp-layout-full-bleed .pdp-gallery-slides { display: flex; align-items: = center; justify-content: center; height: 100%; } } .pdp-layout-full-bleed .pdp-form-wrapper { width: 50%; padding: 0px 2rem; } .pdp-layout-full-width-carousel .pdp-gallery-wrapper { position: relative; = overflow: hidden; } .pdp-layout-full-width-carousel .pdp-gallery-images { display: flex; flex-d= irection: row; transition: all 0.45s cubic-bezier(0.25, 0.1, 0.25, 1) 0s; m= ax-height: 80vh; } .pdp-layout-full-width-carousel .pdp-gallery-slides { flex: 0 0 auto; order= : 1; width: 50%; align-items: center; } @media screen and (min-width: 576px) { .pdp-layout-full-width-carousel .pdp-gallery-slides { display: flex; } } .pdp-layout-full-width-carousel .pdp-gallery-slides[data-landscape] { width= : 100%; } @media screen and (max-width: 575px) { .pdp-layout-full-width-carousel .pdp-gallery { position: relative; } .pdp-layout-full-width-carousel .pdp-gallery-wrapper { overflow: hidden; = } .pdp-layout-full-width-carousel .pdp-gallery-wrapper::before { content: "= "; display: block; padding-bottom: 100%; } .pdp-layout-full-width-carousel .pdp-gallery-images { width: 100%; height= : 100%; position: absolute; top: 0px; max-height: 100%; } } .pdp-layout-full-width-carousel .pdp-details { display: flex; flex-directio= n: row; justify-content: space-between; padding: 4rem 6rem; } @media screen and (max-width: 767px) { .pdp-layout-full-width-carousel .pdp-details { flex-direction: column; pa= dding: 4rem; } } @media screen and (max-width: 575px) { .pdp-layout-full-width-carousel .pdp-details { padding: 4rem 6vw 0px; } } .pdp-layout-full-width-carousel .pdp-details .pdp-desc { display: flex; fle= x-direction: column; text-align: left; width: 50%; } @media screen and (max-width: 767px) { .pdp-layout-full-width-carousel .pdp-details .pdp-desc { width: 100%; } } .pdp-layout-full-width-carousel .pdp-details .pdp-desc .pdp-details-title {= margin: 0px 0px 2rem; order: initial; } .pdp-layout-full-width-carousel .pdp-details .pdp-desc .pdp-details-price {= order: 0; } @media screen and (max-width: 767px) { .pdp-layout-full-width-carousel .pdp-details .pdp-desc .pdp-details-price= { margin-bottom: 2rem; } } .pdp-layout-full-width-carousel .pdp-details .pdp-selection { padding-left:= 2rem; } @media screen and (min-width: 992px) { .pdp-layout-full-width-carousel .pdp-details .pdp-selection { min-width: = 450px; } } @media screen and (max-width: 767px) { .pdp-layout-full-width-carousel .pdp-details .pdp-selection { width: 100%= ; padding: 0px; } } .pdp-layout-full-width-carousel .pdp-details .pdp-selection .product-varian= ts { display: flex; flex-direction: column; width: auto; margin: 0px; } .pdp-layout-full-width-carousel .pdp-details .hidden-md-up .ProductItem-nav= { padding: 0px; } .pdp-layout-full-width-carousel .pdp-details .hidden-md-up .pdp-details-exc= erpt { margin-bottom: 0px; } .pdp-layout-full-width-carousel .pdp-details .hidden-md-up .pdp-details-exc= erpt p { margin-bottom: 0px; } .pdp-layout-full-width-carousel .pdp-details .hidden-md-up .pdp-product-add= -ons .add-on-card:first-of-type { margin-top: 40px; } .pdp-layout-full-width-carousel .pdp-details .pdp-subscriptions-and-otp .su= bscription-frequency-select-wrapper { min-width: 250px; } .pdp-layout-full-width-carousel .pdp-details .pdp-subscriptions-and-otp .su= bscription-frequency-select-wrapper::before { width: 88%; text-align: right= ; } @media screen and (max-width: 575px) { .pdp-layout-full-width-carousel .pdp-details .pdp-subscriptions-and-otp .= subscription-frequency-select-wrapper { min-width: unset; } .pdp-layout-full-width-carousel .pdp-details .pdp-subscriptions-and-otp .= subscription-frequency-select-wrapper::before { width: unset; text-align: u= nset; } } .pdp-layout * { box-sizing: border-box; } .pdp-layout .pdp-gallery { overflow: hidden; position: relative; } .pdp-layout .selected { z-index: 2; visibility: visible; } @media screen and (max-width: 575px) { .pdp-layout .pdp-gallery { width: 100%; } .pdp-layout .pdp-gallery-slides { height: 100%; width: 100%; position: ab= solute; left: 0px; top: 0px; right: 0px; visibility: hidden; } .pdp-layout .pdp-gallery-slides.going-prev.next-slide { display: block; v= isibility: visible; } .pdp-layout .pdp-gallery-slides.going-prev.next-slide.prev-loaded { anima= tion: 0.5s ease-in-out 0s 1 normal both running ProductItem-gallery-exit-to= -right; z-index: 1; } .pdp-layout .pdp-gallery-slides.going-prev.selected { display: block; vis= ibility: visible; } .pdp-layout .pdp-gallery-slides.going-prev.selected.loaded { animation: 0= .5s ease-in-out 0s 1 normal both running ProductItem-gallery-enter-from-lef= t; } .pdp-layout .pdp-gallery-slides.going-next.prev-slide { display: block; v= isibility: visible; } .pdp-layout .pdp-gallery-slides.going-next.prev-slide.next-loaded { anima= tion: 0.5s ease-in-out 0s 1 normal both running ProductItem-gallery-exit-to= -left; z-index: 1; } .pdp-layout .pdp-gallery-slides.going-next.selected { display: block; vis= ibility: visible; } .pdp-layout .pdp-gallery-slides.going-next.selected.loaded { animation: 0= .5s ease-in-out 0s 1 normal both running ProductItem-gallery-enter-from-rig= ht; } .pdp-layout .pdp-gallery-slides.going-prev.next-slide { display: block; v= isibility: visible; } .pdp-layout .pdp-gallery-slides.going-prev.next-slide.prev-loaded { anima= tion: 0.5s ease-in-out 0s 1 normal both running gallery-image-exit-to-right= ; z-index: 1; } .pdp-layout .pdp-gallery-slides.going-prev.selected { display: block; vis= ibility: visible; } .pdp-layout .pdp-gallery-slides.going-prev.selected.loaded { animation: 0= .5s ease-in-out 0s 1 normal both running gallery-image-enter-from-left; } .pdp-layout .pdp-gallery-slides.going-next.prev-slide { display: block; v= isibility: visible; } .pdp-layout .pdp-gallery-slides.going-next.prev-slide.next-loaded { anima= tion: 0.5s ease-in-out 0s 1 normal both running gallery-image-exit-to-left;= z-index: 1; } .pdp-layout .pdp-gallery-slides.going-next.selected { display: block; vis= ibility: visible; } .pdp-layout .pdp-gallery-slides.going-next.selected.loaded { animation: 0= .5s ease-in-out 0s 1 normal both running gallery-image-enter-from-right; } .pdp-layout .pdp-gallery-images::before { content: ""; display: block; pa= dding-bottom: 100%; } } .pdp-layout .invisible { display: none; } @media screen and (min-width: 576px) { .hidden-sm-up { display: none !important; } } @media screen and (max-width: 575px) { .hidden-sm-down { display: none !important; } } @media screen and (max-width: 767px) { .hidden-md-down { display: none !important; } } @media screen and (min-width: 768px) { .hidden-md-up { display: none !important; } } .pdp-form-wrapper { text-align: left; } .pdp-form-wrapper .ProductItem-nav { padding: 0px 0px 2rem; text-align: lef= t; } .pdp-form-wrapper .ProductItem-nav-breadcrumb { text-align: left; padding: = 2rem 0px; } @media screen and (max-width: 575px) { .pdp-layout .pdp-details { margin-bottom: 2rem; } } .pdp-layout .pdp-details .pdp-details-title { text-align: left; margin: 0px= 0px 1rem; } .pdp-layout .pdp-details .variant-option, .pdp-layout .pdp-details .product= -price, .pdp-layout .pdp-details .product-scarcity { margin-bottom: 1rem; } .pdp-layout .pdp-details .product-scarcity { font-size: 0.85rem; } .pdp-layout .pdp-details .product-quantity-input { margin-right: 0.25rem; } .pdp-layout .pdp-details .product-quantity-input, .pdp-layout .pdp-details = .sqs-add-to-cart-button-wrapper { display: inline-block; } .pdp-layout .pdp-details .variant-option-title, .pdp-layout .pdp-details .q= uantity-label, .pdp-layout .pdp-details .sqs-add-to-cart-button-wrapper::be= fore { text-align: left; font-size: 0.75rem; line-height: 1; margin-bottom:= 0.75rem; } .pdp-layout .pdp-details .sqs-add-to-cart-button-wrapper::before { content:= "=C2=A0"; visibility: hidden; display: block; } .pdp-layout .pdp-details .pdp-details-excerpt { margin: 2rem 0px; text-alig= n: left; } .pdp-layout .pdp-details .pdp-details-excerpt a { text-decoration: underlin= e; } .pdp-layout .pdp-details .product-variants { width: 100%; margin: 0px; } .pdp-layout .pdp-details .sqs-add-to-cart-button-wrapper { width: auto; mar= gin: 0px; vertical-align: bottom; } .pdp-layout .pdp-details .sqs-add-to-cart-button { font-size: 1rem; line-he= ight: 1; width: auto; min-height: 50px; align-items: center; justify-conten= t: center; padding: 0.75rem; border: 1px solid var(--primaryButtonBackgroun= dColor); display: flex !important; } .pdp-layout .pdp-details .sqs-add-to-cart-button-inner { height: 1.25rem; d= isplay: flex; align-items: center; justify-content: center; } .pdp-layout .pdp-details .product-quantity-input input, .pdp-layout .pdp-de= tails .variant-select-wrapper { font-size: 1rem; color: inherit; border: 1p= x solid; min-height: 50px; display: flex; align-items: center; position: re= lative; } .pdp-layout .pdp-details .variant-option select, .pdp-layout .pdp-details .= product-quantity-input input { background: transparent; color: inherit; pad= ding: 0.75rem; } .pdp-layout .pdp-details .variant-option select { border: 0px; padding-righ= t: 3.5rem; position: static; } .pdp-layout .pdp-details .variant-select-wrapper::before { content: ""; } .pdp-layout .pdp-details .variant-radiobtn-wrapper { display: none; } .pdp-layout .pdp-details .product-restock-notification:not([hidden]) .produ= ct-restock-form input { font-size: 1rem; min-height: 50px; border: 1px soli= d; padding: 0.75rem; } .pdp-layout .pdp-details .variant-out-of-stock, .pdp-layout .pdp-details .p= roduct-mark.sold-out { margin: 1rem 0px; } .pdp-layout .pdp-details .pdp-product-add-ons .add-on-card:first-of-type { = margin-top: 40px; } .pdp-layout .pdp-details .pdp-subscriptions-and-otp .one-time-purchase-prod= uct-price .product-price { margin-bottom: 0px; } .pdp-carousel-controls { display: flex; align-items: center; position: abso= lute; inset: 0px; z-index: 3; } .pdp-carousel-controls .chevron { display: block; width: 1rem; height: 1rem= ; margin: 0px; } .pdp-carousel-controls .chevron-prev, .pdp-carousel-controls .chevron-next = { border: none; position: absolute; padding: 1.5rem; min-height: 44px; min-= width: 44px; color: var(--paragraphMediumColor); background: var(--siteBack= groundColor); } .pdp-carousel-controls .chevron-prev:disabled, .pdp-carousel-controls .chev= ron-next:disabled { color: var(--paragraphMediumColor); } .pdp-carousel-controls .chevron-prev:disabled span, .pdp-carousel-controls = .chevron-next:disabled span { opacity: 0.25; } .pdp-carousel-controls .chevron-prev { left: 0px; } .pdp-carousel-controls .chevron-next { right: 0px; } .pdp-carousel-controls .chevron--left { transform: translateX(0.25rem) rota= te(225deg); } .pdp-carousel-controls .chevron--right { transform: translateX(-0.25rem) ro= tate(45deg); } .pdp-gallery-slide-indicator { position: absolute; top: 1rem; right: 1rem; = z-index: 3; font-size: 0.75rem; } .ProductItem-nav { padding-bottom: 30px; overflow: hidden; display: flex; j= ustify-content: space-between; text-align: left; } @media screen and (min-width: 768px) { .ProductItem-nav { padding-bottom: 60px; } } .ProductItem-nav .ProductItem-nav-breadcrumb, .ProductItem-nav .ProductItem= -nav-pagination { display: none; } .tweak-product-basic-item-navigation-prevnext .ProductItem-nav { justify-co= ntent: flex-end; } @media screen and (min-width: 768px) { .tweak-product-basic-item-navigation-breadcrumbs .ProductItem-nav .Produc= tItem-nav-breadcrumb, .tweak-product-basic-item-navigation-both .ProductIte= m-nav .ProductItem-nav-breadcrumb { display: block; z-index: 1; } } .tweak-product-basic-item-navigation-prevnext .ProductItem-nav .ProductItem= -nav-pagination, .tweak-product-basic-item-navigation-both .ProductItem-nav= .ProductItem-nav-pagination { display: flex; } .ProductItem-nav .ProductItem-nav-pagination { position: relative; width: 1= 00%; } @media screen and (min-width: 768px) { .ProductItem-nav .ProductItem-nav-pagination { width: auto; } } .ProductItem-nav .ProductItem-nav-pagination .pagination-link { display: fl= ex; align-items: center; justify-content: center; flex-grow: 1; opacity: 0.= 2; cursor: default; pointer-events: none; } .ProductItem-nav .ProductItem-nav-pagination .pagination-link.enabled { opa= city: 1; cursor: pointer; pointer-events: all; } .ProductItem-nav .ProductItem-nav-pagination .pagination-separator { paddin= g: 0px 1em; } .ProductItem-nav .ProductItem-nav-pagination .pagination-chevron { height: = 5px; width: 5px; position: relative; margin: 0px 5px; transform: rotate(45d= eg); display: none; } @media screen and (min-width: 768px) { .ProductItem-nav .ProductItem-nav-pagination .pagination-chevron { displa= y: block; } } .ProductItem-nav .ProductItem-nav-pagination .pagination-chevron.next { rig= ht: 0px; } .ProductItem-nav-breadcrumb-separator { margin: 0px 5px; } .ProductItem-nav-breadcrumb-separator::after { content: "=E2=80=BA"; } .product-details .mixin-sold-out { cursor: default; opacity: 0.4; } .no-touch .product-details .mixin-sold-out:hover { opacity: 0.4; } .product-details .variant-option select, .product-details .product-quantity= -input input { background: transparent; color: inherit; appearance: none; } .product-details .variant-select-wrapper { position: relative; opacity: 0; = transition: opacity 0.1s ease-out 0s; } .product-details .variant-select-wrapper[data-text] { opacity: 1; } .product-details .variant-select-wrapper::before { content: attr(data-text)= ; display: inline-block; } .product-details .variant-select-wrapper::after { content: ""; position: ab= solute; right: 1rem; transform: rotate(45deg); border-bottom: 1px solid; bo= rder-right: 1px solid; height: 1rem; width: 1rem; transform-origin: center = top; pointer-events: none; font-size: 1rem; } .product-details .variant-option select { position: absolute; top: 0px; rig= ht: 0px; width: 100%; height: 100%; font-size: 1rem; color: rgba(0, 0, 0, 0= ); padding-right: 3.5rem; } .product-details .variant-option select:focus option { color: rgb(0, 0, 0);= } .sold-out .product-details .variant-out-of-stock { display: none; } .product-details [data-selected-variant]:not([data-variant-in-stock]) ~ .pr= oduct-quantity-input { display: none; } .sold-out .product-details .product-mark.sold-out { display: block; text-tr= ansform: capitalize; font-weight: normal; } .sold-out .product-details .variant-option { opacity: 0.4; } .product-details [data-selected-variant]:not([data-variant-in-stock]) ~ .sq= s-add-to-cart-button-wrapper .sqs-add-to-cart-button, .product-details [dat= a-unselected-options=3D"[]"]:not([data-selected-variant]) ~ .sqs-add-to-car= t-button-wrapper .sqs-add-to-cart-button { cursor: default; opacity: 0.4; } .no-touch .product-details [data-selected-variant]:not([data-variant-in-sto= ck]) ~ .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button:hover, .no-t= ouch .product-details [data-unselected-options=3D"[]"]:not([data-selected-v= ariant]) ~ .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button:hover { = opacity: 0.4; } .product-details .sold-out .sqs-add-to-cart-button-wrapper .sqs-add-to-cart= -button { cursor: default; opacity: 0.4; } .no-touch .product-details .sold-out .sqs-add-to-cart-button-wrapper .sqs-a= dd-to-cart-button:hover { opacity: 0.4; } .product-details .original-price { opacity: 1; text-decoration: line-throug= h; } .product-details .product-mark.sale { display: none; color: var(--tweak-pro= duct-grid-text-below-list-sale-price-color); } .product-details .product-restock-notification:not([hidden]) { display: fle= x; flex-direction: column; margin-bottom: 2rem; } .product-details .product-restock-notification:not([hidden]) ~ .sqs-add-to-= cart-button-wrapper { display: none; } .product-details .product-restock-notification:not([hidden]) .product-resto= ck-cta { line-height: 1; font-size: 1rem; } .product-details .product-restock-notification:not([hidden]) .product-resto= ck-form { display: flex; align-items: center; margin-top: 1rem; } @media screen and (max-width: 575px) { .product-details .product-restock-notification:not([hidden]) .product-res= tock-form { display: block; } } .product-details .product-restock-notification:not([hidden]) .product-resto= ck-form > input[type=3D"text"] { font-size: 1rem; margin-right: 0.5rem; min= -width: 250px; width: 100%; } .product-details .product-restock-notification:not([hidden]) .product-resto= ck-form > input[type=3D"text"]::placeholder { color: rgba(0, 0, 0, 0.3); } .product-details .product-restock-notification:not([hidden]) .product-resto= ck-form > input[type=3D"submit"] { font-size: 1rem; line-height: 1.25; } @media screen and (max-width: 575px) { .product-details .product-restock-notification:not([hidden]) .product-res= tock-form > input[type=3D"submit"] { margin-top: 1rem; } } .product-details .product-restock-notification:not([hidden]) .product-resto= ck-mailing-list { margin-top: 1rem; font-size: 0.75rem; line-height: 1; } .product-details .product-restock-notification:not([hidden]) .product-resto= ck-mailing-list > input[type=3D"checkbox"] { margin-right: 0.5rem; } .product-details .product-restock-notification:not([hidden]) .product-resto= ck-success-message { margin-top: 1rem; font-size: 1rem; overflow-wrap: brea= k-word; } .product-details .product-restock-notification:not([hidden]) .product-resto= ck-error-message { font-size: 1rem; margin-top: 1rem; color: rgb(240, 82, 6= 1); } .product-details .pdp-product-add-ons .add-on-card { display: flex; align-i= tems: center; border: 1px solid grey; padding: 16px; margin-top: 22px; flex= -wrap: wrap; } .product-details .pdp-product-add-ons .add-on-card:first-of-type { margin-t= op: 40px; } .product-details .pdp-product-add-ons .product-variants, .pdp-layout-full-w= idth-carousel .product-details .pdp-product-add-ons .product-variants { fle= x: 1 1 0%; margin-right: 11px; } .product-details .pdp-product-add-ons .product-variants .variant-option, .p= dp-layout-full-width-carousel .product-details .pdp-product-add-ons .produc= t-variants .variant-option { margin-bottom: 0px; } .product-details .pdp-product-add-ons .product-variants .variant-option sel= ect, .pdp-layout-full-width-carousel .product-details .pdp-product-add-ons = .product-variants .variant-option select { font-size: 15px; position: relat= ive; color: var(--tweak-product-basic-item-description-color); padding: 13p= x; text-wrap: wrap; line-height: normal; } .product-details .pdp-product-add-ons .product-variants .variant-option-tit= le, .pdp-layout-full-width-carousel .product-details .pdp-product-add-ons .= product-variants .variant-option-title, .product-details .pdp-product-add-o= ns .product-variants .variant-out-of-stock, .pdp-layout-full-width-carousel= .product-details .pdp-product-add-ons .product-variants .variant-out-of-st= ock { display: none; } .product-details .pdp-product-add-ons .product-variants .variant-select-wra= pper, .pdp-layout-full-width-carousel .product-details .pdp-product-add-ons= .product-variants .variant-select-wrapper { display: flex; align-items: ce= nter; padding: 0px; } .product-details .pdp-product-add-ons .product-variants .variant-select-wra= pper::before, .pdp-layout-full-width-carousel .product-details .pdp-product= -add-ons .product-variants .variant-select-wrapper::before { display: none;= } .product-details .pdp-product-add-ons .product-variants .variant-select-wra= pper::after, .pdp-layout-full-width-carousel .product-details .pdp-product-= add-ons .product-variants .variant-select-wrapper::after { height: 0.7rem; = width: 0.7rem; } .product-details .pdp-product-add-ons .product-variants .variant-radiobtn-w= rapper, .pdp-layout-full-width-carousel .product-details .pdp-product-add-o= ns .product-variants .variant-radiobtn-wrapper { display: none; } @media screen and (max-width: 767px) { .product-details .pdp-product-add-ons .product-variants, .pdp-layout-full= -width-carousel .product-details .pdp-product-add-ons .product-variants { f= lex-basis: 100%; order: 5; margin-top: 11px; margin-right: 0px; } } @media screen and (max-width: 767px) { .product-details .pdp-product-add-ons { order: 6; margin-bottom: 40px; } } .product-details .pdp-product-add-ons .add-on-details { flex: 1 1 0%; text-= align: start; } .product-details .pdp-product-add-ons .add-on-details .add-on-title { font-= size: 18px; margin-bottom: 6px; color: var(--tweak-product-basic-item-descr= iption-color); } .product-details .pdp-product-add-ons .add-on-details .add-on-title-link { = display: block; } .product-details .pdp-product-add-ons .add-on-details .add-on-title, .produ= ct-details .pdp-product-add-ons .add-on-details .add-on-title-link { width:= fit-content; } .product-details .pdp-product-add-ons .add-on-details .product-price { font= -size: 15px; color: var(--tweak-product-basic-item-description-color); marg= in-bottom: 0px; } .product-details .pdp-product-add-ons .add-on-thumbnail { width: 66px; heig= ht: 66px; margin-right: 11px; object-fit: cover; } .product-details .pdp-product-add-ons .sqs-add-to-cart-button-wrapper { mar= gin: auto; width: auto; } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-= to-cart-button { border-radius: 50%; height: 43px; width: 43px; display: fl= ex; align-items: center; justify-content: center; min-height: 0px; padding:= 0px !important; } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-= to-cart-button .add-on-add-to-cart-loading { display: none; } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-= to-cart-button .add-on-add-to-cart-loading .loading-dot, .product-details .= pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button .ad= d-on-add-to-cart-loading .dot { background: var(--primaryButtonTextColor); = width: 5px; height: 5px; border-radius: 50%; position: relative; display: i= nline-block; margin-right: 4px; } .primary-button-style-outline .product-details .pdp-product-add-ons .add-on= -add-to-cart-wrapper .sqs-add-to-cart-button .add-on-add-to-cart-loading .l= oading-dot, .primary-button-style-outline .product-details .pdp-product-add= -ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button .add-on-add-to-car= t-loading .dot, .primary-button-style-solid.primary-button-shape-underline = .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-= to-cart-button .add-on-add-to-cart-loading .loading-dot, .primary-button-st= yle-solid.primary-button-shape-underline .product-details .pdp-product-add-= ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button .add-on-add-to-cart= -loading .dot { background: var(--primaryButtonBackgroundColor); } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-= to-cart-button .add-on-add-to-cart-loading .loading-dot:last-of-type { marg= in-right: 0px; } @keyframes dots-1 {=20 0% { opacity: 0; } 25% { opacity: 1; } } @keyframes dots-2 {=20 0% { opacity: 0; } 50% { opacity: 1; } } @-webkit-keyframes dots-1 {=20 0% { opacity: 0; } 25% { opacity: 1; } } @-webkit-keyframes dots-2 {=20 0% { opacity: 0; } 50% { opacity: 1; } } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-= to-cart-button .add-on-add-to-cart-loading .loading-dot { animation: 2.1s s= teps(1) 0s infinite normal none running dots-1; } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-= to-cart-button .add-on-add-to-cart-loading .loading-dot + .loading-dot { an= imation-name: dots-2; } .primary-button-style-outline .product-details .pdp-product-add-ons .add-on= -add-to-cart-wrapper .sqs-add-to-cart-button:hover .loading-dot, .primary-b= utton-style-outline .product-details .pdp-product-add-ons .add-on-add-to-ca= rt-wrapper .sqs-add-to-cart-button:hover .dot { background: var(--primaryBu= ttonTextColor); } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-= to-cart-button.adding-to-cart { opacity: 0.7; } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-= to-cart-button.adding-to-cart .icons-container.show-plus-icon .plus-icon { = display: none; } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-= to-cart-button.adding-to-cart .icons-container.show-checkmark-icon .checkma= rk-icon { display: none; } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-= to-cart-button.adding-to-cart .add-on-add-to-cart-loading { display: flex; = justify-content: center; align-items: center; } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-= to-cart-button svg { border-radius: 100%; width: 15px; height: 15px; fill: = var(--primaryButtonTextColor); } .primary-button-style-outline .product-details .pdp-product-add-ons .add-on= -add-to-cart-wrapper .sqs-add-to-cart-button svg, .primary-button-style-sol= id.primary-button-shape-underline .product-details .pdp-product-add-ons .ad= d-on-add-to-cart-wrapper .sqs-add-to-cart-button svg { fill: var(--primaryB= uttonBackgroundColor); } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-= to-cart-button svg.plus-icon { stroke: var(--primaryButtonTextColor); strok= e-width: 2px; } .primary-button-style-outline .product-details .pdp-product-add-ons .add-on= -add-to-cart-wrapper .sqs-add-to-cart-button svg.plus-icon, .primary-button= -style-solid.primary-button-shape-underline .product-details .pdp-product-a= dd-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button svg.plus-icon { = stroke: var(--primaryButtonBackgroundColor); } .primary-button-style-outline .product-details .pdp-product-add-ons .add-on= -add-to-cart-wrapper .sqs-add-to-cart-button:hover svg { fill: var(--primar= yButtonTextColor); } .primary-button-style-outline .product-details .pdp-product-add-ons .add-on= -add-to-cart-wrapper .sqs-add-to-cart-button:hover .plus-icon { stroke: var= (--primaryButtonTextColor); } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-= to-cart-button .plus-icon { display: none; } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-= to-cart-button .checkmark-icon { display: none; margin-left: 2px; } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-= to-cart-button .icons-container.show-plus-icon .plus-icon { display: block;= } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-= to-cart-button .icons-container.show-checkmark-icon .checkmark-icon { displ= ay: block; } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper.hidden { = display: none; } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper::before {= display: none; } .product-details .pdp-subscriptions-and-otp { display: block; margin-bottom= : 33px; } .product-details .pdp-subscriptions-and-otp .frequency-label { margin-botto= m: 11px; color: var(--tweak-product-basic-item-variant-fields-color); } .product-details .pdp-subscriptions-and-otp .subs-otp-radio-wrapper { borde= r: 1px solid grey; } .product-details .pdp-subscriptions-and-otp .subs-otp-radio-wrapper .subscr= iption-option { border-top: 1px solid grey; } .product-details .pdp-subscriptions-and-otp .subs-and-otp-option { display:= flex; align-items: center; justify-content: space-between; padding: 1.5rem= ; } .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .subs-and-= otp-label { display: flex; flex: 1 1 0%; align-items: center; color: var(--= product-detail-subscriptions-title-color); } .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .radio-wra= pper { display: flex; align-items: center; } .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .radio-wra= pper input[name=3D"otp-subs-radio"] { appearance: none; display: flex; just= ify-content: center; align-items: center; width: 22px; height: 22px; border= -radius: 50%; background-clip: content-box; background-color: rgb(255, 255,= 255); border: 1px solid rgb(155, 155, 155); } .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .radio-wra= pper input[name=3D"otp-subs-radio"]:checked { background-color: rgb(214, 21= 4, 214); border: none; } .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .radio-wra= pper input[name=3D"otp-subs-radio"]:checked::after { content: ""; width: 8p= x; height: 8px; border-radius: 50%; background-color: rgb(0, 0, 0); } .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .radio-wra= pper label { padding-left: 11px; } .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .product-p= rice, .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .sub= scription-price { text-align: end; } .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .original-= price { display: none; } .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .one-time-= purchase-product-price .product-price { color: var(--product-detail-one-tim= e-purchase-price-text-color); } .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .one-time-= purchase-product-price.no-percentage { display: none; } .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .subscript= ion-product-price { margin-bottom: 6px; } .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .subscript= ion-product-price .subscription-price { color: var(--product-detail-subscri= ption-price-text-color); } .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .subscript= ion-product-price.no-percentage { display: none; } .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .sale-perc= entage, .product-details .pdp-subscriptions-and-otp .subs-and-otp-option se= lect { margin-top: 6px; } .product-details .pdp-subscriptions-and-otp .subs-and-otp-option select { b= ackground: transparent; } .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .sale-perc= entage { color: var(--product-detail-subscriptions-description-text-color);= } .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .sale-perc= entage.no-percentage { display: none; } .product-details .pdp-subscriptions-and-otp .subscription-option { padding-= top: 1rem; padding-bottom: 1rem; } .product-details .pdp-subscriptions-and-otp .subscription-option select { b= order: none; color: var(--product-detail-subscriptions-frequency-text-color= ); } .product-details .pdp-subscriptions-and-otp .subscription-option select { p= osition: absolute; top: 0px; right: 0px; width: 100%; height: 100%; font-si= ze: 1rem; color: rgba(0, 0, 0, 0); appearance: none; } @media screen and (max-width: 767px) { .product-details .pdp-subscriptions-and-otp .subscription-option select {= overflow-x: hidden; } } .product-details .pdp-subscriptions-and-otp .subscription-option select:foc= us option { color: rgb(0, 0, 0); } @media screen and (max-width: 767px) { .product-details .pdp-subscriptions-and-otp { order: 3; } } .product-details .pdp-subscriptions-and-otp .subscription-frequency { margi= n-top: 6px; color: var(--product-detail-subscriptions-frequency-text-color)= ; } .product-details .pdp-subscriptions-and-otp .subscription-frequency.no-perc= entage { margin-top: 0px; } .product-details .pdp-subscriptions-and-otp .subscription-frequency-select-= wrapper { display: flex; position: relative; opacity: 0; transition: opacit= y 0.1s ease-out 0s; color: var(--product-detail-subscriptions-frequency-tex= t-color); } .product-details .pdp-subscriptions-and-otp .subscription-frequency-select-= wrapper select { margin-top: 0px; } .product-details .pdp-subscriptions-and-otp .subscription-frequency-select-= wrapper[data-text] { opacity: 1; } .product-details .pdp-subscriptions-and-otp .subscription-frequency-select-= wrapper::before { content: attr(data-text); display: inline-block; text-ali= gn: right; } .product-details .pdp-subscriptions-and-otp .subscription-frequency-select-= wrapper .dropdown-icon { display: flex; align-items: center; width: 20px; m= argin-left: 10px; } .product-details .pdp-subscriptions-and-otp .subscription-frequency-select-= wrapper .dropdown-icon::after { content: ""; position: absolute; right: 0px= ; transform: rotate(45deg); border-bottom: 1px solid; border-right: 1px sol= id; height: 10px; width: 10px; transform-origin: center top; pointer-events= : none; font-size: 1rem; color: var(--product-detail-subscriptions-frequenc= y-text-color); margin-bottom: 4px; } .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper { disp= lay: none; } .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subsc= ription-frequency-select-wrapper { color: var(--product-detail-subscription= s-button-text-color); } .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subsc= ription-frequency-select-wrapper .subscription-frequency { color: transpare= nt; } .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subsc= ription-frequency-select-wrapper .dropdown-icon::after { color: var(--produ= ct-detail-subscriptions-button-text-color); } .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .sale-= percentage { color: var(--product-detail-subscriptions-button-text-color); = } .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subsc= ription-product-price { margin-bottom: 6px; } .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subsc= ription-product-price .subscription-price { color: var(--product-detail-sub= scriptions-button-text-color); } .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subs-= and-otp-label { color: var(--product-detail-subscriptions-button-text-color= ); } .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subsc= ription-frequency { color: var(--product-detail-subscriptions-button-text-c= olor); } .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-b= utton-wrapper, .product-details .pdp-subscriptions-and-otp .subs-otp-button= -wrapper .subs-button-wrapper { padding: 0px; } .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-b= utton-wrapper .one-time-purchase-product-price .product-price, .product-det= ails .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subs-button-wrapp= er .one-time-purchase-product-price .product-price { color: var(--product-d= etail-subscriptions-button-text-color); } .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-b= utton-wrapper .subs-otp-button-label, .product-details .pdp-subscriptions-a= nd-otp .subs-otp-button-wrapper .subs-button-wrapper .subs-otp-button-label= { border-style: solid; border-color: grey; color: var(--product-detail-sub= scriptions-button-text-color); } .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-b= utton-wrapper .subs-otp-button-label, .product-details .pdp-subscriptions-a= nd-otp .subs-otp-button-wrapper .subs-button-wrapper .subs-otp-button-label= { background-color: var(--product-detail-subscriptions-button-background-c= olor); border-color: var(--product-detail-subscriptions-button-text-color);= } .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-b= utton-wrapper input[name=3D"subs-otp-button"], .product-details .pdp-subscr= iptions-and-otp .subs-otp-button-wrapper .subs-button-wrapper input[name=3D= "subs-otp-button"] { display: none; } .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-b= utton-wrapper input[name=3D"subs-otp-button"]:checked + .subs-otp-button-la= bel, .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .= subs-button-wrapper input[name=3D"subs-otp-button"]:checked + .subs-otp-but= ton-label { background-color: var(--product-detail-subscriptions-button-tex= t-color); border-color: var(--product-detail-subscriptions-button-backgroun= d-color); } .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-b= utton-wrapper input[name=3D"subs-otp-button"]:checked + .subs-otp-button-la= bel .subscription-frequency-select-wrapper, .product-details .pdp-subscript= ions-and-otp .subs-otp-button-wrapper .subs-button-wrapper input[name=3D"su= bs-otp-button"]:checked + .subs-otp-button-label .subscription-frequency-se= lect-wrapper { color: var(--product-detail-subscriptions-button-background-= color); } .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-b= utton-wrapper input[name=3D"subs-otp-button"]:checked + .subs-otp-button-la= bel .subscription-frequency-select-wrapper .subscription-frequency, .produc= t-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subs-button-= wrapper input[name=3D"subs-otp-button"]:checked + .subs-otp-button-label .s= ubscription-frequency-select-wrapper .subscription-frequency { color: trans= parent; } .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-b= utton-wrapper input[name=3D"subs-otp-button"]:checked + .subs-otp-button-la= bel .subscription-frequency-select-wrapper .dropdown-icon::after, .product-= details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subs-button-wr= apper input[name=3D"subs-otp-button"]:checked + .subs-otp-button-label .sub= scription-frequency-select-wrapper .dropdown-icon::after { color: var(--pro= duct-detail-subscriptions-button-background-color); } .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-b= utton-wrapper input[name=3D"subs-otp-button"]:checked + .subs-otp-button-la= bel .sale-percentage, .product-details .pdp-subscriptions-and-otp .subs-otp= -button-wrapper .subs-button-wrapper input[name=3D"subs-otp-button"]:checke= d + .subs-otp-button-label .sale-percentage { color: var(--product-detail-s= ubscriptions-button-background-color); } .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-b= utton-wrapper input[name=3D"subs-otp-button"]:checked + .subs-otp-button-la= bel .one-time-purchase-product-price .product-price, .product-details .pdp-= subscriptions-and-otp .subs-otp-button-wrapper .subs-button-wrapper input[n= ame=3D"subs-otp-button"]:checked + .subs-otp-button-label .one-time-purchas= e-product-price .product-price { color: var(--product-detail-subscriptions-= button-background-color); } .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-b= utton-wrapper input[name=3D"subs-otp-button"]:checked + .subs-otp-button-la= bel .subscription-product-price, .product-details .pdp-subscriptions-and-ot= p .subs-otp-button-wrapper .subs-button-wrapper input[name=3D"subs-otp-butt= on"]:checked + .subs-otp-button-label .subscription-product-price { margin-= bottom: 6px; } .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-b= utton-wrapper input[name=3D"subs-otp-button"]:checked + .subs-otp-button-la= bel .subscription-product-price .subscription-price, .product-details .pdp-= subscriptions-and-otp .subs-otp-button-wrapper .subs-button-wrapper input[n= ame=3D"subs-otp-button"]:checked + .subs-otp-button-label .subscription-pro= duct-price .subscription-price { color: var(--product-detail-subscriptions-= button-background-color); } .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-b= utton-wrapper input[name=3D"subs-otp-button"]:checked + .subs-otp-button-la= bel .subs-and-otp-label, .product-details .pdp-subscriptions-and-otp .subs-= otp-button-wrapper .subs-button-wrapper input[name=3D"subs-otp-button"]:che= cked + .subs-otp-button-label .subs-and-otp-label { color: var(--product-de= tail-subscriptions-button-background-color); } .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-b= utton-wrapper input[name=3D"subs-otp-button"]:checked + .subs-otp-button-la= bel .subscription-frequency, .product-details .pdp-subscriptions-and-otp .s= ubs-otp-button-wrapper .subs-button-wrapper input[name=3D"subs-otp-button"]= :checked + .subs-otp-button-label .subscription-frequency { color: var(--pr= oduct-detail-subscriptions-button-background-color); } .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-b= utton-wrapper .subs-otp-button-label, .product-details .pdp-subscriptions-a= nd-otp .subs-otp-button-wrapper .subs-button-wrapper .subs-otp-button-label= { width: 100%; padding: 1.5rem; cursor: pointer; display: flex; justify-co= ntent: space-between; } .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-b= utton-wrapper .subs-otp-button-label .subs-and-otp-label, .product-details = .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subs-button-wrapper .s= ubs-otp-button-label .subs-and-otp-label { padding-left: 0px; } .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subs-= button-wrapper { margin-top: 11px; } @media screen and (max-width: 767px) { .product-details .pdp-product-add-ons .add-on-card { margin-top: 22px; } .product-details .pdp-product-add-ons .add-on-card:first-of-type { margin= -top: 15px; } .product-details .ProductItem-details-excerpt-below-add-to-cart { display= : none !important; } .tweak-product-basic-item-description-position-mobile-below-add-to-cart-b= utton .product-details .ProductItem-details-excerpt-below-price { margin-to= p: 0px; margin-bottom: 40px; display: block; order: 5; } .tweak-product-basic-item-description-position-mobile-below-add-to-cart-b= utton .product-details .ProductItem-details-excerpt-below-price a { text-de= coration: underline; } .tweak-product-basic-item-description-position-mobile-below-add-to-cart-b= utton .product-details .ProductItem-details-excerpt-below-price ~ .pdp-prod= uct-add-ons .add-on-card:first-of-type { margin-top: -1rem; } .tweak-product-basic-item-description-position-mobile-below-add-to-cart-b= utton .product-details .ProductItem-details-excerpt-below-add-ons { display= : none; } .tweak-product-basic-item-description-position-mobile-below-add-ons .prod= uct-details .ProductItem-details-excerpt-below-add-ons { margin-top: 0px; m= argin-bottom: 40px; display: block; order: 6; } .tweak-product-basic-item-description-position-mobile-below-add-ons .prod= uct-details .ProductItem-details-excerpt-below-add-ons a { text-decoration:= underline; } .tweak-product-basic-item-description-position-mobile-below-add-ons .prod= uct-details .pdp-product-add-ons ~ .ProductItem-details-excerpt-below-add-o= ns p { margin-top: 0px; } .tweak-product-basic-item-description-position-mobile-below-add-ons .prod= uct-details .ProductItem-details-excerpt-below-price { display: none; } } .has-section-divider .section-border { transform: translateZ(0px); } .section-divider-display { position: absolute; top: calc(-1 * var(--previou= s-section-divider-offset, 0px)); right: 0px; bottom: 0px; left: 0px; pointe= r-events: none; z-index: 999; } .section-divider-block { position: absolute; bottom: 0px; left: 0px; width:= 100%; visibility: hidden; } .section-divider-display svg { position: absolute; top: 0px; left: 0px; wid= th: 100%; height: 100%; overflow: visible; } .section-divider-stroke { stroke: var(--section-divider-stroke-color); stro= ke-width: var(--stroke-thickness); stroke-dasharray: var(--stroke-dasharray= ); stroke-linecap: var(--stroke-linecap); fill: transparent; } .course-item-section { z-index: 1000 !important; } .course-item { display: flex; overflow-x: hidden; } .sqs-site-styles-active .course-item a { pointer-events: none !important; } .course-item.nav-transition .course-item__content { transition: margin-left= 300ms ease 0s; } @media (prefers-reduced-motion: reduce) { .course-item.nav-transition .course-item__content { transition: none 0s e= ase 0s; } } .course-item.nav-transition .course-item__side-nav { transition: transform = 300ms ease 0s; } @media (prefers-reduced-motion: reduce) { .course-item.nav-transition .course-item__side-nav { transition: none 0s = ease 0s; } } .course-item.nav-transition.nav-align-right:not(.mobile-layout) .course-ite= m__content { transition: margin-right 300ms ease 0s; } @media (prefers-reduced-motion: reduce) { .course-item.nav-transition.nav-align-right:not(.mobile-layout) .course-i= tem__content { transition: none 0s ease 0s; } } .course-item.nav-align-right:not(.mobile-layout) { flex-direction: row-reve= rse; } .course-item.nav-align-right:not(.mobile-layout) .course-item__side-nav-hea= der .course-item__side-nav-toggle-button-desktop { right: unset; left: 0px;= transform: translate(-40px, -50%) rotate(180deg); } .course-item.nav-closed .course-item__side-nav-mobile-backdrop { opacity: 0= ; pointer-events: none; } .course-item.nav-closed .course-item__side-nav-toggle-button-mobile svg.cou= rse-item__side-nav-expanded-svg { display: none !important; } .course-item.nav-closed .course-item__side-nav-toggle-button-mobile svg.cou= rse-item__side-nav-collapsed-svg { display: block !important; } .course-item.nav-closed .course-item__side-nav { transform: translateX(-100= %); } .course-item.nav-closed .course-item__side-nav .course-item__side-nav-conte= nt { opacity: 0; } .course-item.nav-closed.nav-align-right:not(.mobile-layout) .course-item__s= ide-nav { transform: translateX(100%); } .course-item.mobile-layout .mobile-layout-hidden { display: none; } .course-item.mobile-layout .course-item__side-nav { position: fixed; inset:= 50px 0px 0px; width: 100%; height: calc(var(--vh) - 50px); } .course-item.mobile-layout.nav-closed .course-item__side-nav { transform: t= ranslateY(calc(100% - (var(--mobile-nav-header-height) * 1px))); } .course-item.mobile-layout.nav-closed .course-item__side-nav-mobile-header = .course-item__side-nav-mobile-course-title { display: none; } .course-item.mobile-layout.nav-closed .course-item__side-nav-mobile-header = div:last-child { flex: 1 1 0%; text-align: right; } .course-item.mobile-layout:not(.nav-closed) .course-item__side-nav-mobile-h= eader .course-item__side-nav-mobile-course-title { padding-left: 10px; whit= e-space: unset; } .course-item.mobile-layout:not(.nav-closed) .course-item__side-nav-mobile-h= eader div:last-child { flex-basis: 100%; } .course-item.mobile-layout:not(.nav-closed) .course-item__side-nav-mobile-h= eader div:last-child .course-item__next-lesson-button { width: 100%; box-si= zing: border-box; text-align: center; } .course-item:not(.mobile-layout) .desktop-layout-hidden { display: none; } .course-item:not(.mobile-layout).nav-align-right .course-item__header { pad= ding-right: max(3vw, 55px); } .course-item:not(.mobile-layout):not(.nav-align-right) .course-item__header= { padding-left: max(3vw, 55px); } .course-item.nav-loading .desktop-layout-hidden { display: none; } .course-item.nav-loading .mobile-layout-hidden { display: none; } .course-item .course-item__content { flex: 1 1 0%; } .course-item .course-item__header { padding: 10px 3vw; display: flex; justi= fy-content: space-between; align-items: center; border-bottom: 1px solid va= r(--course-item-nav-border-color); } .course-item .course-item__description { max-width: 700px; } .course-item .course-item__side-nav-mobile-backdrop { position: fixed; inse= t: 0px; background: rgba(0, 0, 0, 0.25); opacity: 1; transition: opacity 30= 0ms ease 0s; } .course-item .course-item__side-nav { position: fixed; top: 0px; z-index: 1= 000; display: flex; flex-flow: column; height: 100vh; width: 400px; backgro= und: var(--course-item-nav-background-color); color: var(--course-item-nav-= text-color); } .course-item .course-item__side-nav-segment { display: flex; justify-conten= t: space-between; align-items: center; gap: 10px; } .course-item .course-item__side-nav-header { position: relative; padding: 0= px 22px; background: inherit; border-bottom: 1px solid var(--course-item-na= v-border-color); } .course-item .course-item__side-nav-header .course-item__side-nav-progress-= bar-container { position: relative; margin: 20px 0px; width: 100%; box-sizi= ng: border-box; border-radius: 500px; border: 1px solid var(--course-item-n= av-border-color); background-color: var(--siteBackgroundColor); font-size: = 12px; overflow: hidden; display: flex; justify-content: space-between; alig= n-items: center; padding: 6px; } .course-item .course-item__side-nav-header .course-item__side-nav-progress-= bar-container .course-item__side-nav-progress-bar { width: calc(var(--cours= e-item-progress) * 1%); height: 100%; border-radius: 500px; background-colo= r: var(--course-item-nav-active-lesson-background-color); transition: width= 500ms ease 0s; position: absolute; left: 0px; top: 0px; } @media (prefers-reduced-motion: reduce) { .course-item .course-item__side-nav-header .course-item__side-nav-progres= s-bar-container .course-item__side-nav-progress-bar { transition: none 0s e= ase 0s; } } .course-item .course-item__side-nav-header .course-item__side-nav-progress-= bar-container .course-item__progress-bar-text { position: relative; backgro= und-color: var(--siteBackgroundColor); color: var(--paragraphMediumColor); = border-radius: 500px; padding: 2px 6px; } .course-item .course-item__side-nav-header .course-item__side-nav-toggle-bu= tton-desktop { position: absolute; z-index: -1; top: 50%; right: 0px; trans= form: translate(40px, -50%); width: 60px; height: 38px; border: none; paddi= ng: 0px; border-radius: 41px; background: var(--course-item-nav-background-= color); } .course-item .course-item__side-nav-header .course-item__side-nav-toggle-bu= tton-desktop svg { position: absolute; top: 50%; right: 13px; transform: tr= anslateY(-50%); width: 17px; height: 100%; fill: var(--course-item-nav-text= -color); } .course-item .course-item__side-nav-mobile-header { display: flex; flex-wra= p: wrap; align-items: center; gap: 10px; padding: 11px; background: inherit= ; border-bottom: 1px solid var(--course-item-nav-border-color); } .course-item .course-item__side-nav-mobile-header .course-item__side-nav-to= ggle-button-mobile { background: none; border: 1.5px solid var(--course-ite= m-nav-text-color); border-radius: 50px; padding: 11px; width: 43px; height:= 43px; } .course-item .course-item__side-nav-mobile-header .course-item__side-nav-to= ggle-button-mobile svg { stroke: var(--course-item-nav-text-color); vertica= l-align: middle; width: 100%; height: 100%; } .course-item .course-item__side-nav-mobile-header .course-item__side-nav-to= ggle-button-mobile svg.course-item__side-nav-expanded-svg { display: block;= stroke-width: 2px; transform: rotate(90deg); margin-top: 1px; } .course-item .course-item__side-nav-mobile-header .course-item__side-nav-to= ggle-button-mobile svg.course-item__side-nav-collapsed-svg { display: none;= stroke-width: 0.1px; } .course-item .course-item__side-nav-mobile-header .course-item__side-nav-mo= bile-course-title { flex: 1 1 0%; text-overflow: ellipsis; white-space: now= rap; overflow: hidden; text-align: right; } .course-item .course-item__side-nav-content { overflow-y: auto; flex: 1 1 0= %; transition: opacity 300ms ease 0s; } .course-item .course-item__overlay { position: fixed; inset: 0px; z-index: = 999; display: none; } .course-item .course-item__side-nav-chapter-header { padding: 10px 22px; bo= rder-bottom: 1px solid var(--course-item-nav-border-color); } .course-item .course-item__side-nav-chapter-header .course-item__side-nav-c= hapter-title { word-break: break-word; } .course-item .course-item__side-nav-chapter-header .course-item__side-nav-c= hapter-metadata > span { white-space: nowrap; } .course-item .course-item__side-nav-lesson { display: flex; gap: 10px; bord= er-bottom: 1px solid var(--course-item-nav-border-color); align-items: stre= tch; } .course-item .course-item__side-nav-lesson.active, .course-item .course-ite= m__side-nav-lesson:hover { background-color: var(--course-item-nav-active-l= esson-background-color); color: var(--course-item-nav-active-lesson-text-co= lor); } .course-item .course-item__side-nav-lesson.active .course-item__side-nav-li= nk.course-item__side-nav-interactive:focus-visible { outline: solid var(--c= ourse-item-nav-active-lesson-text-color) 2px; outline-offset: 3px; } .course-item .course-item__side-nav-chapter-lessons .course-item__side-nav-= lesson:not(:last-child) { border-bottom: none; } .course-item .course-item__side-nav-chapter-lessons .course-item__side-nav-= link { padding-left: 33px; } .course-item .course-item__side-nav-link { flex: 1 1 0%; display: flex; ali= gn-items: center; gap: 10px; padding: 10px 0px 10px 22px; } .course-item .course-item__side-nav-link .course-item__side-nav-link-title = { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical= ; overflow: hidden; word-break: break-word; margin-bottom: 2px; } .course-item .course-item__side-nav-link .course-item__side-nav-lesson-time= { white-space: nowrap; } .course-item .course-item__side-nav-link .course-item__side-nav-thumbnail-c= ontainer { position: relative; display: flex; align-items: center; backgrou= nd-color: rgb(233, 233, 233); width: 40px; height: 40px; overflow: hidden; = } .course-item .course-item__side-nav-link .course-item__side-nav-thumbnail-c= ontainer[data-private-mode=3D"true"]::before { content: ""; position: absol= ute; top: 0px; left: 0px; width: 100%; height: 100%; backdrop-filter: blur(= 1px) brightness(0.3); z-index: 999; } .course-item .course-item__side-nav-link .course-item__side-nav-thumbnail-c= ontainer[data-private-mode=3D"true"] .course-item__side-nav-lock-icon-overl= ay { color: rgb(255, 255, 255); position: absolute; top: 0px; left: 0px; wi= dth: 100%; height: 100%; transform: scale(0.5); z-index: 1000; } .course-item .course-item__side-nav-link .course-item__side-nav-thumbnail-c= ontainer[data-private-mode=3D"true"] .course-item__side-nav-placeholder-svg= { display: none; } .course-item .course-item__side-nav-link .course-item__side-nav-thumbnail-c= ontainer .course-item__side-nav-placeholder-svg { transform: scale(0.6); fi= ll: rgb(196, 196, 196); } .course-item .course-item__side-nav-link .course-item__side-nav-thumbnail-c= ontainer .course-item__video-player-icon-container { position: absolute; in= set: 0px; transform: scale(0.4); background: rgba(0, 0, 0, 0.54); border-ra= dius: 50%; } .course-item .course-item__side-nav-link .course-item__side-nav-thumbnail-c= ontainer .course-item__video-player-icon-container svg { width: 100%; heigh= t: 100%; } .course-item .course-item__side-nav-link .course-item__side-nav-thumbnail-c= ontainer .course-item__video-player-icon-container .course-item__video-play= er-icon { fill: rgb(255, 255, 255); } .course-item .course-item__side-nav-link .course-item__side-nav-thumbnail-c= ontainer .course-item__side-nav-thumbnail { position: absolute; inset: 0px;= width: 100%; height: 100%; background-size: cover; background-position: 50= % 50%; } .course-item .course-item__side-nav-link.course-item__side-nav-interactive:= focus-visible { outline: solid var(--course-item-nav-text-color) 2px; outli= ne-offset: 3px; } .course-item .course-item__side-nav-lock-icon-container { display: flex; al= ign-items: center; gap: 10px; padding-right: 22px; } .course-item .course-item__side-nav-checkbox-container { display: flex; ali= gn-items: center; gap: 10px; padding-right: 22px; cursor: pointer; } .course-item .course-item__side-nav-checkbox-container .course-item__side-n= av-checkbox { position: absolute; opacity: 0; z-index: -1; } .course-item .course-item__side-nav-checkbox-container .course-item__side-n= av-checkbox:checked + .course-item__side-nav-checkbox-target .course-item__= checkbox-svg-checkmark { stroke-dashoffset: 0; } .course-item .course-item__side-nav-checkbox-container .course-item__side-n= av-checkbox:checked + .course-item__side-nav-checkbox-target .course-item__= checkbox-svg-outline { stroke-dashoffset: 2; stroke-dasharray: 8, 0; stroke= -opacity: 1; } .course-item .course-item__side-nav-checkbox-container .course-item__side-n= av-checkbox:focus-visible + .course-item__side-nav-checkbox-target { outlin= e: currentcolor solid 2px; outline-offset: 3px; } .course-item .course-item__side-nav-checkbox-container .course-item__side-n= av-checkbox:focus-visible + .course-item__side-nav-checkbox-target .course-= item__checkbox-svg-outline { stroke-opacity: 1; } .course-item .course-item__side-nav-checkbox-container .course-item__side-n= av-checkbox-target { cursor: pointer; display: block; width: 22px; height: = 22px; border-radius: 500px; } .course-item .course-item__side-nav-checkbox-container .course-item__side-n= av-checkbox-target svg { display: block; height: 100%; width: 100%; } .course-item .course-item__side-nav-checkbox-container .course-item__side-n= av-checkbox-target:hover .course-item__checkbox-svg-outline { stroke-opacit= y: 1; } .course-item .course-item__side-nav-checkbox-container .course-item__checkb= ox-svg-checkmark, .course-item .course-item__side-nav-checkbox-container .c= ourse-item__checkbox-svg-outline { transition-duration: 300ms; transition-t= iming-function: ease-in-out; } @media (prefers-reduced-motion: reduce) { .course-item .course-item__side-nav-checkbox-container .course-item__chec= kbox-svg-checkmark, .course-item .course-item__side-nav-checkbox-container = .course-item__checkbox-svg-outline { transition: none 0s ease 0s; } } .course-item .course-item__side-nav-checkbox-container .course-item__checkb= ox-svg-checkmark { transition-property: stroke-dashoffset; } .course-item .course-item__side-nav-checkbox-container .course-item__checkb= ox-svg-outline { transition-property: stroke-dashoffset, stroke-dasharray, = stroke-opacity; } .course-item .course-item__side-nav-placeholder { padding: 10px 22px; } .course-item__footer-container { color: var(--paragraphMediumColor); positi= on: relative; } @media (max-width: 800px) { .course-item__footer-container { display: none; } } .course-item__footer-background { background-color: var(--siteBackgroundCol= or); position: absolute; top: calc(-1 * var(--previous-section-divider-offs= et, 0px)); bottom: 0px; left: 0px; right: 0px; } .course-item__footer-content { position: relative; padding: 20px 3vw; max-w= idth: 1400px; margin: 0px auto; display: flex; justify-content: flex-end; o= pacity: 0; transition: opacity 300ms ease 0s; } .course-item__footer-content--visible { opacity: 1; } .course-item__next-lesson-button { display: inline-block; opacity: 0; trans= ition: opacity 0.2s ease 0s; } .course-item__next-lesson-button.active { opacity: 1; } .course-item__next-lesson-button .course-item__next-lesson-text { display: = none; } .course-item__next-lesson-button[data-is-paywall-link] .course-item__next-l= esson-text--paywall-link { display: inline; } .course-item__next-lesson-button:not([data-is-paywall-link]):not([data-is-c= omplete]) .course-item__next-lesson-text--incomplete { display: inline; } .course-item__next-lesson-button:not([data-is-paywall-link])[data-is-comple= te] .course-item__next-lesson-text--complete { display: inline; } .course-list { max-width: 1080px; padding-left: 3vw; padding-right: 3vw; ma= rgin: 0px auto; } .sqs-site-styles-active .course-list a { pointer-events: none !important; } .course-list.course-list__initialized .course-item__course-action-button { = transition: none 0s ease 0s; } .course-list .course-list__header-content { max-width: 100%; } .course-list .course-list__header-content[data-alignment=3D"left"] { text-a= lign: left; } .course-list .course-list__header-content[data-alignment=3D"center"] { text= -align: center; } .course-list .course-list__header-content[data-alignment=3D"right"] { text-= align: right; } .course-list .course-list__header-content[data-placement=3D"left"] { margin= -right: auto; } .course-list .course-list__header-content[data-placement=3D"center"] { marg= in-left: auto; margin-right: auto; } .course-list .course-list__header-content[data-placement=3D"right"] { margi= n-left: auto; } .course-list .course-list__course-name, .course-list .course-list__course-d= escription { margin: 0px; } .course-list .course-item__course-action-button { opacity: 0; transition: o= pacity 300ms ease 0s; display: inline-block; } .course-list .course-item__course-action-button--ready { opacity: 1; } .course-list .course-item__course-action-button-text { display: none; } .course-list .course-item__course-action-button-text--active { display: inl= ine; } .course-list .course-list__progress-bar-container { position: relative; wid= th: 100%; box-sizing: border-box; border-radius: 500px; border: 2px solid v= ar(--course-list-course-item-background); background-color: var(--siteBackg= roundColor); font-size: 12px; font-weight: 500; overflow: hidden; display: = flex; justify-content: space-between; align-items: center; padding: 6px; } .course-list .course-list__progress-bar-container .course-list__progress-ba= r { width: calc(var(--course-list-progress) * 1%); height: 100%; border-rad= ius: 500px; background: var(--course-list-course-progress-bar-color); trans= ition: width 1000ms ease 0s; position: absolute; left: 0px; top: 0px; } @media (prefers-reduced-motion: reduce) { .course-list .course-list__progress-bar-container .course-list__progress-= bar { transition: none 0s ease 0s; } } .course-list .course-list__progress-bar-container .course-list__progress-ba= r-text { position: relative; background-color: var(--siteBackgroundColor); = color: var(--paragraphMediumColor); border-radius: 500px; padding: 2px 6px;= } .course-list .course-item__checkbox-svg-checkmark, .course-list .course-ite= m__checkbox-svg-outline { transition-duration: 300ms; transition-timing-fun= ction: ease-in-out; } @media (prefers-reduced-motion: reduce) { .course-list .course-item__checkbox-svg-checkmark, .course-list .course-i= tem__checkbox-svg-outline { transition: none 0s ease 0s; } } .course-list .course-item__checkbox-svg-checkmark { transition-property: st= roke-dashoffset; } .course-list .course-item__checkbox-svg-outline { transition-property: stro= ke-dashoffset, stroke-dasharray, stroke-opacity; } .course-list .course-list__checkbox { position: absolute; opacity: 0; z-ind= ex: -1; } .course-list .course-list__checkbox:checked + .course-list__checkbox-target= .course-item__checkbox-svg-checkmark { stroke-dashoffset: 0; } .course-list .course-list__checkbox:checked + .course-list__checkbox-target= .course-item__checkbox-svg-outline { stroke-dashoffset: 2; stroke-dasharra= y: 8, 0; stroke-opacity: 1; } .course-list .course-list__checkbox:focus-visible + .course-list__checkbox-= target { outline: currentcolor solid 2px; outline-offset: 3px; } .course-list .course-list__checkbox:focus-visible + .course-list__checkbox-= target .course-item__checkbox-svg-outline { stroke-opacity: 1; } .course-list .course-list__checkbox-target { cursor: pointer; display: bloc= k; width: 22px; height: 22px; border-radius: 50%; } .course-list .course-list__checkbox-target svg { width: 100%; height: 100%;= display: block; } .course-list .course-list__checkbox-target:hover .course-item__checkbox-svg= -outline { stroke-opacity: 1; } .course-retake-dialog-wrapper { position: fixed; inset: 0px; display: flex;= justify-content: center; align-items: center; z-index: 100; padding: 20px;= opacity: 0; visibility: hidden; transition: opacity 0.3s ease 0s, visibili= ty 0.3s ease 0s; } .course-retake-dialog-wrapper--visible { opacity: 1; visibility: visible; } .course-retake-dialog-scrim { position: absolute; inset: 0px; background-co= lor: rgba(0, 0, 0, 0.53); } .course-retake-dialog { position: relative; box-sizing: border-box; max-wid= th: 400px; padding: 27px 33px; background-color: rgb(255, 255, 255); color:= rgb(14, 14, 14); } .course-retake-dialog__title { font-weight: 500; font-size: 18px; line-heig= ht: 1; } .course-retake-dialog__body { font-weight: 500; font-size: 14px; padding: 1= 6px 0px; } .course-retake-dialog__cta-container { display: flex; align-items: center; = gap: 10px; } .course-retake-dialog__cta { border: none; background-color: transparent; f= ont-weight: 500; font-size: 14px; font-family: inherit; line-height: 1; } .course-retake-dialog__cta--primary { padding: 20px 28px; background-color:= rgb(14, 14, 14); color: rgb(255, 255, 255); transition: background-color 0= .3s ease 0s; } .course-retake-dialog__cta--primary:hover { background-color: rgba(0, 0, 0,= 0.6); } .course-retake-dialog__cta--secondary { padding: 12px 28px; background-colo= r: rgb(255, 255, 255); color: rgb(14, 14, 14); } .course-retake-dialog__cta--secondary .course-retake-dialog__cta-content { = position: relative; } .course-retake-dialog__cta--secondary .course-retake-dialog__cta-content::a= fter { content: ""; position: absolute; left: 0px; bottom: -2px; width: 100= %; height: 2px; display: block; background-color: rgb(0, 0, 0); transform: = scaleX(0); transition: transform 0.3s ease 0s; transform-origin: left cente= r; } .course-retake-dialog__cta--secondary:hover .course-retake-dialog__cta-cont= ent::after { transform: scaleX(1); } .lesson-item .lessons-item-wrapper { display: flex; flex-direction: column;= } .lesson-item .lesson-grid-meta-container { margin-bottom: 10px; } .lesson-item .lesson-grid-meta-container .grid-categories { padding: 0px; d= isplay: inline; margin: 0px; } .lesson-item .lesson-grid-meta-container .grid-categories li { display: inl= ine-block; } .lesson-item .lesson-grid-meta-container .grid-categories li:last-child spa= n { display: none; } .lesson-item .lesson-grid-meta-container .grid-categories li a:hover { text= -decoration: underline; } .lesson-item .lesson-detail-text-wrapper { margin: 80px 18% 0px; } @media screen and (max-width: 767px) { .lesson-item .lesson-detail-text-wrapper { margin: 40px 1rem 0px; } } .lesson-item .lesson-details { display: flex; flex-direction: column; justi= fy-content: space-between; margin: 0px 0px 10vw; } @media screen and (max-width: 767px) { .lesson-item .lesson-details { flex-direction: column; } } .lesson-item .lesson-details .lesson-desc { width: 100%; display: flex; fle= x-direction: column; text-align: left; } @media screen and (max-width: 767px) { .lesson-item .lesson-details .lesson-desc { width: 100%; } } .lesson-item .lesson-details .lesson-desc .lesson-details-title { margin: 0= px; order: initial; } .lesson-item .lesson-details .lesson-details-description { margin-top: 20px= ; } .lesson-item .lesson-details .lesson-details-description p { margin: 0px; } .lesson-item .lesson-details .lesson-video-wrapper { width: auto; height: 1= 00%; } @media screen and (max-width: 767px) { .lesson-item .lesson-details .lesson-video-wrapper { margin: 0px; } } .lesson-item .lesson-details .lesson-video-inner-wrapper { background: rgb(= 0, 0, 0); position: relative; max-width: 100%; height: 0px; padding-bottom:= 56.25%; } .lesson-item .lesson-details .lesson-video-inner-wrapper iframe { position:= absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .lesson-item .lesson-item-video-thumbnail-placeholder { position: relative;= height: auto; padding-bottom: 56.3%; background-color: rgb(246, 246, 246);= } @media screen and (max-width: 767px) { .lesson-item .lesson-item-video-thumbnail-placeholder { margin: 0px -6vw;= } } .lesson-item .lesson-item-video-thumbnail-placeholder-play { position: abso= lute; top: calc(50% - 10px); left: 50%; transform: translate(-50%, -50%); } .lesson-item .lesson-item-video-thumbnail-placeholder-timeline { position: = absolute; left: 0px; bottom: 0px; height: 50px; width: 100%; border-width: = 23px; border-style: solid; border-color: rgb(231, 231, 231); background: rg= b(196, 196, 196); box-sizing: border-box; } .lesson-item .lesson-item-video-thumbnail-placeholder-timeline::before, .le= sson-item .lesson-item-video-thumbnail-placeholder-timeline::after { conten= t: ""; position: absolute; background: rgb(255, 255, 255); } .lesson-item .lesson-item-video-thumbnail-placeholder-timeline::before { to= p: 0px; left: 0px; width: 50px; height: 100%; } .lesson-item .lesson-item-video-thumbnail-placeholder-timeline::after { top= : 50%; left: 48px; margin-top: -6px; height: 12px; width: 12px; border-radi= us: 100%; } .lesson-item .lesson-video-ipp-wrapper { display: flex; justify-content: ce= nter; align-items: center; text-align: center; } .lesson-item .lesson-video-ipp-wrapper .lesson-video-paywall-description { = color: var(--Lightest-Base,var(--Gray-Base,#fff)); font-weight: 600; font-s= ize: 22px; line-height: 28px; } .lesson-item .lesson-video-ipp-wrapper .lesson-video-paywall-button { backg= round-color: rgb(255, 255, 255); color: rgb(14, 14, 14); min-height: 44px; = width: auto; height: auto; outline: none; border: 0px none transparent; box= -sizing: border-box; cursor: pointer; justify-content: center; text-decorat= ion: none; overflow: hidden; transform: translate3d(0px, 0px, 0px) scale(1,= 1); transition: transform 50ms ease 0s; } .lesson-item .lesson-video-ipp-wrapper .lesson-video-paywall-button:hover, = .lesson-item .lesson-video-ipp-wrapper .lesson-video-paywall-button:active = { background-color: rgb(231, 231, 231); } .lesson-item .lesson-video-ipp-wrapper .lesson-video-paywall-button:focus {= border: 1px solid rgb(231, 231, 231); box-shadow: rgb(255, 255, 255) 0px 0= px 0px 2px, rgb(14, 14, 14) 0px 0px 0px 4px; } .lesson-item .lesson-video-ipp-wrapper .paywall-lock-icon { height: 26px; w= idth: 21px; } .lesson-item .lesson-video-ipp-wrapper .ipp-video-thumbnail { width: 100%; = height: 100%; display: flex; justify-content: center; align-items: center; = position: relative; } .lesson-item .lesson-video-ipp-wrapper .ipp-video-thumbnail .ipp-signup-con= tainer { position: absolute; z-index: 10; width: inherit; height: inherit; = display: flex; flex-direction: column; justify-content: center; align-items= : center; backdrop-filter: blur(4px) brightness(0.3); } .lesson-item .lesson-video-ipp-wrapper .ipp-video-thumbnail img { width: in= herit; height: inherit; } .lesson-item .lesson-video-ipp-wrapper .ipp-video-thumbnail .placeholder-ba= ckground { width: inherit; height: 767px; background-color: rgba(0, 0, 0, 0= .6); } .lessons.collection-content-wrapper { padding: 3vw 0px; width: 100%; } @media screen and (max-width: 575px) { .lessons.collection-content-wrapper { padding-left: 6vw; padding-right: 6= vw; } } .lessons.collection-content-wrapper .list-grid { position: relative; list-s= tyle: none; margin: 0px; padding: 0px; } @media screen and (min-width: 768px) { .lessons.collection-content-wrapper .list-grid { display: grid; grid-temp= late-columns: repeat(3, minmax(0px, 1fr)); gap: 3vw 4vw; } .lessons.collection-content-wrapper .list-grid .grid-item .grid-image { w= idth: 100%; position: relative; overflow: hidden; margin: 0px; line-height:= 0; } .lessons.collection-content-wrapper .list-grid .grid-item .grid-image .gr= id-image-inner-wrapper { position: absolute; inset: 0px; } } .lessons.collection-content-wrapper .lessons-grid-meta-container { margin-b= ottom: 10px; } .lessons.collection-content-wrapper .lessons-grid-meta-container .grid-cate= gories { padding: 0px; display: inline; margin: 0px; } .lessons.collection-content-wrapper .lessons-grid-meta-container .grid-cate= gories li { display: inline-block; } .lessons.collection-content-wrapper .lessons-grid-meta-container .grid-cate= gories li:last-child span { display: none; } .lessons.collection-content-wrapper .lessons-grid-meta-container .grid-cate= gories li a:hover { text-decoration: underline; } .lessons.collection-content-wrapper .grid-item-link { position: absolute; t= op: 0px; left: 0px; width: 100%; height: 100%; } .lessons.collection-content-wrapper .lessons-image-container { display: fle= x; align-items: stretch; flex-direction: column; } .lessons.collection-content-wrapper .grid-item { position: relative; displa= y: flex; flex-direction: column; transform: translateY(-15px); transition: = opacity 1s ease 0s, transform 1s ease 0s; } .lessons.collection-content-wrapper .grid-item .lessons-image { display: bl= ock; position: relative; } .lessons.collection-content-wrapper .grid-item.is-loaded { opacity: 1; tran= sform: translateY(0px); } @media screen and (max-width: 575px) { .lessons.collection-content-wrapper .grid-item { margin-bottom: 30px; } } .lessons.collection-content-wrapper .grid-item .lessons-image__lock-icon-co= ntainer { width: 100%; height: 100%; position: absolute; right: 0px; top: 0= px; display: flex; align-items: center; justify-content: center; backdrop-f= ilter: blur(4px) brightness(0.3); } .lessons.collection-content-wrapper .grid-item .lessons-image__lock-icon { = width: 34px; height: 34px; color: rgb(255, 255, 255); } .lessons.collection-content-wrapper .grid-item .lessons-image_preview-chip-= container { background: linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, = 0, 0) 100%); position: absolute; z-index: 1; height: 20%; width: 100%; } .lessons.collection-content-wrapper .grid-item .lessons-image_preview-chip-= container.site-editor-hidden { opacity: 0; } .lessons.collection-content-wrapper .grid-item .lessons-image_preview-chip = { position: absolute; z-index: 1; right: 0px; border-radius: 14px; backgrou= nd: var(--video-preview-badge-background-color); margin: 11px 11px 0px 0px;= padding: 6px 11px; color: var(--video-preview-badge-font-color); font-fami= ly: var(--video-preview-badge-font-font-family); font-size: var(--video-pre= view-badge-font-font-size); font-style: var(--video-preview-badge-font-font= -style); font-weight: var(--video-preview-badge-font-font-weight); line-hei= ght: var(--video-preview-badge-font-line-height); text-transform: var(--vid= eo-preview-badge-font-text-transform); letter-spacing: var(--video-preview-= badge-font-letter-spacing); } .lessons.collection-content-wrapper .grid-item .grid-item-image { height: 1= 00%; width: 100%; object-fit: cover; position: absolute; top: 0px; left: 0p= x; transition: opacity 1s ease 0s, transform 1s ease 0s; } .lessons.collection-content-wrapper .grid-item .grid-image-cover { opacity:= 1; } .lessons.collection-content-wrapper .grid-item:hover .has-hover-img .grid-i= mage-cover { opacity: 0; } .lessons.collection-content-wrapper .grid-item:hover .grid-image-hover { op= acity: 1; } .lessons.collection-content-wrapper .grid-item .grid-image { pointer-events= : none; } .lessons.collection-content-wrapper .lesson-item-video-thumbnail-placeholde= r { position: absolute; width: 100%; height: 100%; background-color: rgb(24= 6, 246, 246); } .lessons.collection-content-wrapper .lesson-item-video-thumbnail-placeholde= r-play { position: absolute; top: calc(50% - 10px); left: 50%; transform: t= ranslate(-50%, -50%); } .lessons.collection-content-wrapper .lesson-item-video-thumbnail-placeholde= r-play[data-private-mode=3D"true"] { display: none; } .lessons.collection-content-wrapper .lesson-item-video-thumbnail-placeholde= r-timeline { position: absolute; left: 0px; bottom: 0px; height: 50px; widt= h: 100%; border-width: 23px; border-style: solid; border-color: rgb(231, 23= 1, 231); background: rgb(196, 196, 196); box-sizing: border-box; } .lessons.collection-content-wrapper .lesson-item-video-thumbnail-placeholde= r-timeline::before, .lessons.collection-content-wrapper .lesson-item-video-= thumbnail-placeholder-timeline::after { content: ""; position: absolute; ba= ckground: rgb(255, 255, 255); } .lessons.collection-content-wrapper .lesson-item-video-thumbnail-placeholde= r-timeline::before { top: 0px; left: 0px; width: 50px; height: 100%; } .lessons.collection-content-wrapper .lesson-item-video-thumbnail-placeholde= r-timeline::after { top: 50%; left: 48px; margin-top: -6px; height: 12px; w= idth: 12px; border-radius: 100%; } .lessons.collection-content-wrapper .grid-image-wrapper { position: relativ= e; padding-bottom: 66.666%; } .lessons.collection-content-wrapper .grid-meta-status { text-align: right; = } .lessons.collection-content-wrapper .grid-desc p { margin: 0px; } .lessons.collection-content-wrapper .grid-desc.description { display: -webk= it-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidd= en; } .lessons.collection-content-wrapper .grid-meta-wrapper { margin-top: 0px; d= isplay: flex; width: 100%; justify-content: space-between; } @media screen and (min-width: 768px) { .lessons.collection-content-wrapper .grid-meta-wrapper { margin-top: 0px;= } } .lessons.collection-content-wrapper .grid-meta-wrapper .lesson-title { marg= in: 0px; padding: 0px; } .lessons.collection-content-wrapper .list-pagination { padding-top: 6vw; wi= dth: 100%; display: flex; justify-content: space-between; } .lessons.collection-content-wrapper .list-pagination a { display: flex; fle= x: 1 0 50%; } .lessons.collection-content-wrapper .list-pagination a.list-pagination-next= { justify-content: flex-end; } .lessons.collection-content-wrapper .list-pagination .lesson-list-paginatio= n-icon svg { stroke: rgb(0, 0, 0); } .lessons.collection-content-wrapper .list-pagination-nested-categories { te= xt-transform: uppercase; } .lessons.collection-content-wrapper .list-pagination-nested-categories .les= son-list-pagination-icon { height: 15px; width: 15px; } .lessons.collection-content-wrapper .list-pagination-nested-categories .lis= t-pagination-next { text-align: right; align-items: center; } .lessons.collection-content-wrapper .list-pagination-nested-categories .lis= t-pagination-prev { align-items: center; } .lessons.collection-content-wrapper .lessons-flex-container { display: flex= ; flex-direction: column; } .lessons.collection-content-wrapper .nested-category-breadcrumb-list-item {= display: flex; } .lessons.collection-content-wrapper .nested-category-breadcrumb-list-item:f= irst-child .nested-category-breadcrumb-link { margin-left: 0px; } .lessons.collection-content-wrapper .nested-category-breadcrumb-list-item .= nested-category-breadcrumb-link { margin: 0px 1.5vw; } .lessons.collection-content-wrapper .nested-category-breadcrumb-list-item:l= ast-child .breadcrumb-separator { display: none; } @media screen and (max-width: 575px) { .lessons.collection-content-wrapper .nested-category-breadcrumb-list-item= { flex: 0 0 auto; } .lessons.collection-content-wrapper .nested-category-breadcrumb-list-item= :last-child { padding-right: calc(12vw); } } .lessons.collection-content-wrapper .category-skip-link { float: right; pos= ition: absolute; text-decoration: underline; z-index: 2; top: 2.7em; left: = -1000em; } .lessons.collection-content-wrapper .category-skip-link:focus { float: none= ; left: auto; } .lessons.collection-content-wrapper .nested-category-children { padding-bot= tom: 54px; padding-top: 54px; padding-left: 0px; margin-top: 0px; text-alig= n: center; display: flex; flex-flow: wrap; align-content: center; position:= relative; } .lessons.collection-content-wrapper .nested-category-children .active { fon= t-weight: 700; } @media screen and (max-width: 575px) { .lessons.collection-content-wrapper .nested-category-children { padding-t= op: 44px; margin-bottom: 0px; margin-right: calc(-12vw); flex-wrap: nowrap;= overflow-x: auto; justify-content: start; } .lessons.collection-content-wrapper .nested-category-children::-webkit-sc= rollbar { display: none; } .lessons.collection-content-wrapper .nested-category-children .nested-cat= egory-breadcrumb-link { margin: 0px 2.5vw; } } .lessons.collection-content-wrapper .nested-category-tree-wrapper { float: = left; min-width: 220px; max-width: 300px; margin-right: 40px; } .lessons.collection-content-wrapper .nested-category-tree-wrapper ul { padd= ing-inline-start: 20px; margin-top: 0px; } .lessons.collection-content-wrapper .nested-category-tree-wrapper > ul { pa= dding-left: 0px; } .lessons.collection-content-wrapper .nested-category-tree-wrapper > ul > li= :first-child a { padding-top: 0px; } .lessons.collection-content-wrapper .nested-category-tree-wrapper li { list= -style: none; } .lessons.collection-content-wrapper .nested-category-tree-wrapper .category= -link { position: relative; display: block; padding: 10px 0px; } .lessons.collection-content-wrapper .nested-category-tree-wrapper .category= -link.active { font-weight: 700; } .lessons.collection-content-wrapper .nested-category-tree-wrapper .category= -link.activeParent { font-weight: 700; } .lessons.collection-content-wrapper .nested-category-tree-wrapper .breadcru= mb-separator { display: none; } .lessons.collection-content-wrapper .nested-category-tree-wrapper .category= -skip-link:focus { float: none; left: 0px; top: -0.3em; } @media screen and (max-width: 575px) { .lessons.collection-content-wrapper .nested-category-tree-wrapper { float= : none; margin: 0px; } .lessons.collection-content-wrapper .nested-category-tree-wrapper ul { pa= dding-top: 44px; padding-bottom: 54px; padding-left: 0px; margin-top: 0px; = margin-bottom: 0px; margin-right: calc(-12vw); flex-flow: row; overflow-x: = auto; place-content: center start; text-align: center; display: flex; posit= ion: relative; } .lessons.collection-content-wrapper .nested-category-tree-wrapper ul::-we= bkit-scrollbar { display: none; } .lessons.collection-content-wrapper .nested-category-tree-wrapper ul .cat= egory-link { display: inline; margin: 0px 2.5vw; padding: 0px; } .lessons.collection-content-wrapper .nested-category-tree-wrapper ul .cat= egory-item { display: flex; flex: 0 0 auto; } .lessons.collection-content-wrapper .nested-category-tree-wrapper ul .cat= egory-item:first-child .category-link { margin-left: 0px; } .lessons.collection-content-wrapper .nested-category-tree-wrapper ul .cat= egory-item:last-child .breadcrumb-separator { display: none; } .lessons.collection-content-wrapper .nested-category-tree-wrapper ul .cat= egory-item:last-child { padding-right: calc(12vw); } .lessons.collection-content-wrapper .nested-category-tree-wrapper .breadc= rumb-separator { display: inline; } } .gallery-reel { display: block; box-sizing: border-box; user-select: none; = z-index: 0; min-height: 10vh; } .gallery-reel[data-width=3D"full-bleed"] { max-width: 100%; } .gallery-reel[data-width=3D"full"] { max-width: 100%; padding: 3vw; } @media screen and (max-width: 767px) { .gallery-reel[data-width=3D"full"] { padding: 0px; } } .gallery-reel[data-width=3D"inset"] { max-width: 1400px; padding: 3vw; marg= in-left: auto; margin-right: auto; } @media screen and (max-width: 767px) { .gallery-reel[data-width=3D"inset"] { max-width: 100%; padding: 0px; } } .gallery-reel-wrapper { position: relative; display: flex; flex-direction: = column; width: 100%; height: 100%; } .gallery-reel-list { position: absolute; top: 0px; left: 0px; width: 100%; = height: 100%; overflow: hidden; cursor: grab; } .gallery-reel .gallery-reel-image-link { position: absolute; display: block= ; left: 0px; top: 0px; width: 100%; height: 100%; outline-offset: -2px; } .gallery-reel-lightbox-link { position: absolute; inset: 0px; display: bloc= k; z-index: 1; } .gallery-reel-lightbox-link { cursor: zoom-in; } .gallery-reel-item { position: absolute; top: 0px; left: 0px; margin: 0px; = user-select: none; } .gallery-reel-item-wrapper { position: absolute; top: 0px; left: 0px; width= : 100%; height: 100%; overflow: hidden; z-index: -1; } .gallery-reel-item-src { position: absolute; top: 0px; left: 0px; width: 10= 0%; height: 100%; overflow: hidden; background-size: cover; display: none; = opacity: 0; } .gallery-reel-item-src[data-visible] { display: block; } .gallery-reel-item-src[data-visible=3D"true"] { animation: 600ms cubic-bezi= er(0.4, 0, 0.2, 1) 0s 1 normal forwards running image-fade-in; } @keyframes image-fade-in {=20 0% { opacity: 0; } 100% { opacity: 1; } } .gallery-reel-item img { position: absolute; display: block; left: 0px; top= : 0px; width: 100%; height: 100%; object-fit: cover; } .gallery-reel-item[data-active=3D"true"] .gallery-caption-reel { opacity: 1= ; visibility: visible; } .gallery-reel-controls { position: absolute; display: flex; justify-content= : space-between; top: 0px; left: 0px; width: 100%; height: 100%; pointer-ev= ents: none; } .gallery-reel-control { display: flex; flex-grow: 0; flex-shrink: 0; align-= items: center; justify-content: center; z-index: 1; } .gallery-reel-control-btn { background: initial; border: initial; position:= relative; color: rgb(0, 0, 0); padding: 8px; box-sizing: border-box; point= er-events: all; opacity: 0.75; transition: opacity 600ms cubic-bezier(0.4, = 0, 0.2, 1) 0s; } .gallery-reel-control-btn::before { position: absolute; content: ""; inset:= 0px; background-color: rgb(255, 255, 255); opacity: 1; border-radius: 0.15= em; } .gallery-reel-control-btn:focus { opacity: 1; } @media (hover: none) { .gallery-reel-control-btn:focus:not(:focus-visible) { opacity: 0.75; } } @media (hover: hover) { .gallery-reel-control-btn:hover { opacity: 1; } .gallery-reel-control-btn:not(:hover):focus:not(:focus-visible) { opacity= : 0.75; } } .gallery-reel-control-btn-icon { position: relative; width: 28px; height: 2= 8px; } .gallery-reel-control-btn-icon svg { width: 100%; height: 100%; } .gallery-reel-control-btn-icon svg * { stroke: currentcolor; stroke-width: = 4px; } .gallery-reel .gallery-caption-reel { display: none; } .gallery-reel[data-controls-location=3D"below"] .gallery-reel-list, .galler= y-reel[data-controls-location=3D"below-left"] .gallery-reel-list, .gallery-= reel[data-controls-location=3D"below-right"] .gallery-reel-list, .gallery-r= eel[data-controls-location=3D"below-center"] .gallery-reel-list { position:= relative; margin: 0px 0px 15px; } .gallery-reel[data-controls-location=3D"below"] .gallery-reel-controls, .ga= llery-reel[data-controls-location=3D"below-left"] .gallery-reel-controls, .= gallery-reel[data-controls-location=3D"below-right"] .gallery-reel-controls= , .gallery-reel[data-controls-location=3D"below-center"] .gallery-reel-cont= rols { position: relative; height: auto; } .gallery-reel[data-show-captions=3D"true"] .gallery-caption-reel { display:= block; } .gallery-reel[data-show-captions=3D"true"][data-controls-location=3D"below"= ] .gallery-reel-list, .gallery-reel[data-show-captions=3D"true"][data-contr= ols-location=3D"below-left"] .gallery-reel-list, .gallery-reel[data-show-ca= ptions=3D"true"][data-controls-location=3D"below-right"] .gallery-reel-list= , .gallery-reel[data-show-captions=3D"true"][data-controls-location=3D"belo= w-center"] .gallery-reel-list { position: relative; margin: 0px; } .gallery-reel[data-show-captions=3D"true"][data-controls-location=3D"below"= ] .gallery-reel-controls, .gallery-reel[data-show-captions=3D"true"][data-c= ontrols-location=3D"below-left"] .gallery-reel-controls, .gallery-reel[data= -show-captions=3D"true"][data-controls-location=3D"below-right"] .gallery-r= eel-controls, .gallery-reel[data-show-captions=3D"true"][data-controls-loca= tion=3D"below-center"] .gallery-reel-controls { position: relative; height:= auto; } .gallery-reel[data-show-captions=3D"true"][data-controls-location=3D"side"]= [data-width=3D"full-bleed"], .gallery-reel[data-show-captions=3D"true"][dat= a-controls-location=3D"overflow-side"][data-width=3D"full-bleed"] { padding= -bottom: 3vw; } @media screen and (max-width: 575px) { .gallery-reel[data-show-captions=3D"true"][data-controls-location=3D"side= "][data-width=3D"full-bleed"], .gallery-reel[data-show-captions=3D"true"][d= ata-controls-location=3D"overflow-side"][data-width=3D"full-bleed"] { paddi= ng-bottom: 0px; } } .gallery-reel[data-show-captions=3D"true"][data-controls-location=3D"side"]= .gallery-reel-control-btn, .gallery-reel[data-show-captions=3D"true"][data= -controls-location=3D"overflow-side"] .gallery-reel-control-btn { bottom: 7= 0px; } .gallery-reel[data-show-captions=3D"true"][data-controls-location=3D"below"= ][data-width=3D"full-bleed"], .gallery-reel[data-show-captions=3D"true"][da= ta-controls-location=3D"below-left"][data-width=3D"full-bleed"], .gallery-r= eel[data-show-captions=3D"true"][data-controls-location=3D"below-right"][da= ta-width=3D"full-bleed"] { margin-bottom: 25px; } .gallery-reel[data-show-captions=3D"true"][data-controls-location=3D"below"= ] .gallery-reel-controls, .gallery-reel[data-show-captions=3D"true"][data-c= ontrols-location=3D"below-left"] .gallery-reel-controls, .gallery-reel[data= -show-captions=3D"true"][data-controls-location=3D"below-right"] .gallery-r= eel-controls { bottom: 0px; top: auto; } .gallery-reel[data-show-captions=3D"true"][data-controls-location=3D"below-= center"][data-width=3D"full-bleed"] { margin-bottom: 100px; } .gallery-reel[data-show-captions=3D"true"][data-controls-location=3D"below-= center"][data-width=3D"full"], .gallery-reel[data-show-captions=3D"true"][d= ata-controls-location=3D"below-center"][data-width=3D"inset"] { margin-bott= om: 50px; } .gallery-reel[data-show-captions=3D"true"][data-controls-location=3D"below-= center"] .gallery-reel-controls { position: relative; top: 25px; margin: 0p= x; } @media screen and (max-width: 575px) { .gallery-reel[data-show-captions=3D"true"][data-controls-location=3D"belo= w-center"][data-width=3D"full"], .gallery-reel[data-show-captions=3D"true"]= [data-controls-location=3D"below-center"][data-width=3D"inset"], .gallery-r= eel[data-show-captions=3D"true"][data-controls-location=3D"below-center"][d= ata-width=3D"full-bleed"] { margin-bottom: 20px; } .gallery-reel[data-show-captions=3D"true"][data-controls-location=3D"belo= w-center"] .gallery-reel-controls { bottom: 0px; top: auto; margin: 0px; } } @media screen and (max-width: 575px) { .gallery-reel[data-show-captions=3D"true"] .gallery-reel-list { position:= relative; margin: 0px; } .gallery-reel[data-show-captions=3D"true"] .gallery-reel-controls { posit= ion: relative; bottom: 50px; top: auto; height: auto; margin: 0px; justify-= content: space-between; } .gallery-reel[data-show-captions=3D"true"] .gallery-reel-control-btn { ma= rgin: 0px; } } .gallery-reel[data-controls-location=3D"side"] .gallery-reel-list { left: 5= 9px; right: 59px; width: auto; } @media screen and (max-width: 575px) { .gallery-reel[data-controls-location=3D"side"] .gallery-reel-list { posit= ion: relative; left: 0px; right: 0px; margin: 0px 0px 15px; } .gallery-reel[data-controls-location=3D"side"] .gallery-reel-controls { p= osition: relative; height: auto; } } .gallery-reel[data-controls-location=3D"none"] .gallery-reel-controls { dis= play: none; } .gallery-reel[data-controls-location=3D"overflow-side"] .gallery-reel-contr= ol:first-child { margin-left: 15px; } .gallery-reel[data-controls-location=3D"overflow-side"] .gallery-reel-contr= ol:last-child { margin-right: 15px; } .gallery-reel[data-controls-location=3D"below"][data-width=3D"full-bleed"] = .gallery-reel-control:first-child { margin-left: 25px; } .gallery-reel[data-controls-location=3D"below"][data-width=3D"full-bleed"] = .gallery-reel-control:first-child + .gallery-reel-control { margin-right: 2= 5px; } .gallery-reel[data-controls-location=3D"below-left"] .gallery-reel-controls= { justify-content: flex-start; } .gallery-reel[data-controls-location=3D"below-left"][data-width=3D"full-ble= ed"] .gallery-reel-control:first-child { margin-left: 25px; } .gallery-reel[data-controls-location=3D"below-left"] .gallery-reel-control:= first-child { padding-right: 10px; } .gallery-reel[data-controls-location=3D"below-right"] .gallery-reel-control= s { justify-content: flex-end; } .gallery-reel[data-controls-location=3D"below-right"] .gallery-reel-control= :first-child { padding-right: 10px; } .gallery-reel[data-controls-location=3D"below-right"][data-width=3D"full-bl= eed"] .gallery-reel-control:first-child + .gallery-reel-control { margin-ri= ght: 25px; } .gallery-reel[data-controls-location=3D"below-center"] .gallery-reel-contro= ls { justify-content: center; } .gallery-reel[data-controls-location=3D"below-center"] .gallery-reel-contro= l { padding: 0px 5px; } .mixin-clear-input-styles { appearance: none; border: 0px; border-radius: 0= px; padding: 0px; background: transparent; } .product-detail { padding-top: var(--sqs-site-gutter); padding-bottom: var(= --sqs-site-gutter); } .product-detail.product-detail-width-full { padding-left: var(--sqs-site-gu= tter); padding-right: var(--sqs-site-gutter); } .product-detail.product-detail-width-inset { max-width: var(--sqs-site-max-= width); padding-left: var(--sqs-site-gutter); padding-right: var(--sqs-site= -gutter); margin: 0px auto; } @media screen and (max-width: 767px) { .product-detail.product-detail-width-full { padding-left: var(--sqs-mobil= e-site-gutter); padding-right: var(--sqs-mobile-site-gutter); } .product-detail.product-detail-width-inset { padding-left: var(--sqs-mobi= le-site-gutter); padding-right: var(--sqs-mobile-site-gutter); } } .product-detail .product-detail-simple-layout-container { display: flex; fl= ex-direction: row; align-items: start; gap: 4vw; } .product-detail .product-detail-simple-layout-container[data-content-vertic= al-alignment=3D"center"]:not([data-gallery-design=3D"stacked"]) { align-ite= ms: center; } .product-detail .product-detail-simple-layout-container[data-content-horizo= ntal-alignment=3D"left"] .product-meta { text-align: left; } .product-detail .product-detail-simple-layout-container[data-content-horizo= ntal-alignment=3D"left"] .product-afterpay { justify-content: flex-start; } .product-detail .product-detail-simple-layout-container[data-content-horizo= ntal-alignment=3D"left"] .variant-radiobtn-wrapper { justify-content: flex-= start; } .product-detail .product-detail-simple-layout-container[data-content-horizo= ntal-alignment=3D"center"] .product-meta { text-align: center; } .product-detail .product-detail-simple-layout-container[data-content-horizo= ntal-alignment=3D"center"] .product-afterpay { justify-content: center; } .product-detail .product-detail-simple-layout-container[data-content-horizo= ntal-alignment=3D"center"] .variant-radiobtn-wrapper { justify-content: cen= ter; } .product-detail .product-detail-simple-layout-container[data-content-horizo= ntal-alignment=3D"right"] .product-meta { text-align: right; } .product-detail .product-detail-simple-layout-container[data-content-horizo= ntal-alignment=3D"right"] .product-afterpay { justify-content: flex-end; } .product-detail .product-detail-simple-layout-container[data-content-horizo= ntal-alignment=3D"right"] .variant-radiobtn-wrapper { justify-content: flex= -end; } @media screen and (max-width: 767px) { .product-detail .product-detail-simple-layout-container { flex-direction:= column; } } @media screen and (min-width: 768px) { .product-detail .product-detail-simple-layout-container[data-gallery-plac= ement=3D"right"] { flex-direction: row-reverse; } .product-detail .product-detail-simple-layout-container[data-gallery-desi= gn=3D"stacked"] .product-meta { position: sticky; top: calc(var(--header-fi= xed-top-offset, 0px) + 20px); } } .product-detail .product-meta { display: flex; flex-direction: column; gap:= 25px; } .product-detail .product-meta > .product-title { order: 1; } .product-detail .product-meta > .product-price { order: 2; } .product-detail .product-meta > .product-scarcity { order: 3; } .product-detail .product-meta > .product-status { order: 4; } @media screen and (max-width: 767px) { .product-detail .product-meta[data-description-position-mobile=3D"below-a= dd-to-cart-button"] > .product-variants { order: 5; } .product-detail .product-meta[data-description-position-mobile=3D"below-a= dd-to-cart-button"] > .product-restock-notification { order: 6; } .product-detail .product-meta[data-description-position-mobile=3D"below-a= dd-to-cart-button"] > .product-add-to-cart { order: 7; } .product-detail .product-meta[data-description-position-mobile=3D"below-a= dd-to-cart-button"] > .product-description { order: 8; } .product-detail .product-meta[data-description-position-mobile=3D"below-a= dd-to-cart-button"] > .product-add-ons { order: 9; } .product-detail .product-meta[data-description-position-mobile=3D"below-a= dd-ons"] > .product-variants { order: 5; } .product-detail .product-meta[data-description-position-mobile=3D"below-a= dd-ons"] > .product-restock-notification { order: 6; } .product-detail .product-meta[data-description-position-mobile=3D"below-a= dd-ons"] > .product-add-to-cart { order: 7; } .product-detail .product-meta[data-description-position-mobile=3D"below-a= dd-ons"] > .product-add-ons { order: 8; } .product-detail .product-meta[data-description-position-mobile=3D"below-a= dd-ons"] > .product-description { order: 9; } } @media screen and (min-width: 768px) { .product-detail .product-meta { width: 50%; } .product-detail .product-meta[data-description-position-desktop=3D"below-= price"] > .product-description { order: 5; } .product-detail .product-meta[data-description-position-desktop=3D"below-= price"] > .product-variants { order: 6; } .product-detail .product-meta[data-description-position-desktop=3D"below-= price"] > .product-restock-notification { order: 7; } .product-detail .product-meta[data-description-position-desktop=3D"below-= price"] > .product-add-to-cart { order: 8; } .product-detail .product-meta[data-description-position-desktop=3D"below-= price"] > .product-add-ons { order: 9; } .product-detail .product-meta[data-description-position-desktop=3D"below-= add-to-cart-button"] > .product-variants { order: 5; } .product-detail .product-meta[data-description-position-desktop=3D"below-= add-to-cart-button"] > .product-restock-notification { order: 6; } .product-detail .product-meta[data-description-position-desktop=3D"below-= add-to-cart-button"] > .product-add-to-cart { order: 7; } .product-detail .product-meta[data-description-position-desktop=3D"below-= add-to-cart-button"] > .product-description { order: 8; } .product-detail .product-meta[data-description-position-desktop=3D"below-= add-to-cart-button"] > .product-add-ons { order: 9; } .product-detail .product-meta[data-description-position-desktop=3D"below-= add-ons"] > .product-variants { order: 5; } .product-detail .product-meta[data-description-position-desktop=3D"below-= add-ons"] > .product-restock-notification { order: 6; } .product-detail .product-meta[data-description-position-desktop=3D"below-= add-ons"] > .product-add-to-cart { order: 7; } .product-detail .product-meta[data-description-position-desktop=3D"below-= add-ons"] > .product-add-ons { order: 8; } .product-detail .product-meta[data-description-position-desktop=3D"below-= add-ons"] > .product-description { order: 9; } [data-gallery-design=3D"stacked"].product-detail .product-meta { position= : sticky; top: calc(var(--header-fixed-top-offset, 0px) + 20px); } } .product-detail .product-meta .product-title { color: var(--tweak-product-b= asic-item-title-color); margin: 0px; } .product-detail .product-meta .product-price { color: var(--tweak-product-b= asic-item-price-color); } .product-detail .product-meta .product-price .original-price { text-decorat= ion: line-through; } .product-detail .product-meta .product-price .product-afterpay { display: f= lex; flex-direction: row; align-items: center; gap: 5px; font-family: "Helv= etica Neue", Helvetica, Arial, sans-serif; font-weight: 500; font-size: 14p= x; margin-top: 3px; } @media screen and (max-width: 767px) { .product-detail .product-meta .product-price .product-afterpay { font-siz= e: 12px; } } .product-detail .product-meta .product-price .product-afterpay[hidden] { di= splay: none; } .product-detail .product-meta .product-price .product-afterpay[data-out-of-= range=3D"false"] .afterpay-message { order: 1; } .product-detail .product-meta .product-price .product-afterpay[data-out-of-= range=3D"false"] .afterpay-pill-button { order: 2; } .product-detail .product-meta .product-price .product-afterpay[data-out-of-= range=3D"false"] .afterpay-info-button { order: 3; } .product-detail .product-meta .product-price .product-afterpay[data-out-of-= range=3D"true"] .afterpay-pill-button { order: 1; } .product-detail .product-meta .product-price .product-afterpay[data-out-of-= range=3D"true"] .afterpay-message { order: 2; } .product-detail .product-meta .product-price .product-afterpay[data-out-of-= range=3D"true"] .afterpay-info-button { order: 3; } .product-detail .product-meta .product-price .product-afterpay .afterpay-pi= ll-button { position: relative; height: 21px; width: 100px; border: 0px; } @media screen and (max-width: 767px) { .product-detail .product-meta .product-price .product-afterpay .afterpay-= pill-button { padding: 0px; height: 14px; width: 68px; } } .product-detail .product-meta .product-price .product-afterpay .afterpay-pi= ll-button[data-is-clearpay=3D"false"] .afterpay-logo { display: flex; } .product-detail .product-meta .product-price .product-afterpay .afterpay-pi= ll-button[data-is-clearpay=3D"false"] .afterpay-sr-label { display: block; = } .product-detail .product-meta .product-price .product-afterpay .afterpay-pi= ll-button[data-is-clearpay=3D"true"] .clearpay-logo { display: flex; } .product-detail .product-meta .product-price .product-afterpay .afterpay-pi= ll-button[data-is-clearpay=3D"true"] .clearpay-sr-label { display: block; } .product-detail .product-meta .product-price .product-afterpay .afterpay-pi= ll-button .afterpay-logo, .product-detail .product-meta .product-price .pro= duct-afterpay .afterpay-pill-button .clearpay-logo { display: none; border-= radius: 100px; overflow: hidden; width: 100%; height: 100%; align-items: ce= nter; justify-content: center; } .product-detail .product-meta .product-price .product-afterpay .afterpay-pi= ll-button .afterpay-sr-label, .product-detail .product-meta .product-price = .product-afterpay .afterpay-pill-button .clearpay-sr-label { display: none;= position: absolute; z-index: -1; opacity: 0; } .product-detail .product-meta .product-price .product-afterpay .afterpay-in= fo-button { background: none; border: 0px; color: inherit; font-weight: 400= ; padding: 0px; } .product-detail .product-meta .product-scarcity { color: var(--tweak-produc= t-basic-item-scarcity-color); } .product-detail .product-meta .product-status { color: var(--tweak-product-= basic-item-description-color); font-weight: bold; text-transform: uppercase= ; } .product-detail .product-meta .product-description { color: var(--tweak-pro= duct-basic-item-description-color); margin: 0px; } .product-detail .product-meta .product-variants .variant-option { display: = flex; flex-direction: column; gap: 0.5rem; box-sizing: border-box; width: 1= 00%; color: var(--tweak-product-basic-item-variant-fields-color); margin-bo= ttom: 40px; } .product-detail .product-meta .product-variants .variant-select-wrapper { p= osition: relative; display: flex; align-items: center; font-size: 1rem; min= -height: 50px; text-align: left; box-sizing: border-box; padding: 1.5rem; l= ine-height: normal; color: inherit; } .product-detail .product-meta .product-variants .variant-select-wrapper::be= fore { content: attr(data-selected-value); display: inline-block; z-index: = 1; } .product-detail .product-meta .product-variants .variant-select-wrapper::af= ter { content: ""; position: absolute; right: 1rem; transform: rotate(45deg= ); border-bottom: 1px solid; border-right: 1px solid; height: 1rem; width: = 1rem; transform-origin: center top; pointer-events: none; font-size: 1rem; = } .product-detail .product-meta .product-variants .variant-select-wrapper sel= ect { appearance: none; border-radius: 0px; padding: 0px 3.5rem 0px 0px; ba= ckground: transparent; position: absolute; top: 0px; right: 0px; width: 100= %; height: 100%; font-size: 1rem; color: rgba(0, 0, 0, 0); border: 1px soli= d grey; } .product-detail .product-meta .product-variants .variant-select-wrapper sel= ect:focus option { color: rgb(0, 0, 0); } .product-detail .product-meta .product-variants .variant-radiobtn-wrapper {= display: flex; flex-wrap: wrap; gap: 11px; width: 100%; } .product-detail .product-meta .product-variants .variant-radiobtn-wrapper i= nput[type=3D"radio"] { display: none; } .product-detail .product-meta .product-variants .variant-radiobtn-wrapper i= nput[type=3D"radio"]:disabled + label { opacity: 0.3; cursor: not-allowed; = } .product-detail .product-meta .product-variants .variant-radiobtn-wrapper i= nput[type=3D"radio"]:checked + label { cursor: default; } .secondary-button-style-solid .product-detail .product-meta .product-varian= ts .variant-radiobtn-wrapper input[type=3D"radio"]:checked + label { backgr= ound: var(--secondaryButtonTextColor); color: var(--secondaryButtonBackgrou= ndColor); } .secondary-button-style-outline .product-detail .product-meta .product-vari= ants .variant-radiobtn-wrapper input[type=3D"radio"]:checked + label, .seco= ndary-button-style-solid.secondary-button-shape-underline .product-detail .= product-meta .product-variants .variant-radiobtn-wrapper input[type=3D"radi= o"]:checked + label { background: var(--secondaryButtonBackgroundColor); co= lor: var(--secondaryButtonTextColor); } .product-detail .product-meta .product-variants .variant-radiobtn-wrapper l= abel { cursor: pointer; } .product-detail .product-meta .product-restock-notification { display: flex= ; flex-direction: column; gap: 1rem; } .product-detail .product-meta .product-restock-notification .product-restoc= k-cta { line-height: 1; font-size: 1rem; color: var(--tweak-product-basic-i= tem-description-color); } .product-detail .product-meta .product-restock-notification .product-restoc= k-form { display: flex; flex-direction: row; align-items: center; gap: 0.5r= em; } @media screen and (max-width: 575px) { .product-detail .product-meta .product-restock-notification .product-rest= ock-form { display: block; } .product-detail .product-meta .product-restock-notification .product-rest= ock-form input[type=3D"submit"] { margin-top: 1rem; } } .product-detail .product-meta .product-restock-notification .product-restoc= k-form input { font-size: 1rem; border: 1px solid; padding: 0.75rem; } .product-detail .product-meta .product-restock-notification .product-restoc= k-form input[type=3D"text"] { min-width: 250px; width: 100%; border: 1px so= lid rgba(0, 0, 0, 0.12); padding: 1.2rem 2rem; box-sizing: border-box; } .product-detail .product-meta .product-restock-notification .product-restoc= k-form input[type=3D"text"]::placeholder { color: rgba(0, 0, 0, 0.3); } .product-detail .product-meta .product-restock-notification .product-restoc= k-form input[type=3D"submit"] { line-height: 1.25; padding: 1.2rem 2rem; } .product-detail .product-meta .product-restock-notification .product-restoc= k-mailing-list { line-height: normal; font-size: 0.75rem; } .product-detail .product-meta .product-restock-notification .product-restoc= k-mailing-list input { margin-right: 0.3rem; vertical-align: text-bottom; } .product-detail .product-meta .product-restock-notification .product-restoc= k-success-message { padding: 14px; background-color: rgba(0, 0, 0, 0.05); f= ont-size: 1rem; text-align: center; overflow-wrap: break-word; } .product-detail .product-meta .product-restock-notification .product-restoc= k-error-message { font-size: 1rem; line-height: normal; color: rgb(240, 82,= 61); } .product-detail .product-meta .product-restock-notification .captcha-contai= ner:empty { display: none; } .product-detail .product-meta .product-restock-notification:not([hidden]) ~= .add-to-cart { display: none !important; } .product-detail .product-meta .product-add-ons { display: flex; flex-direct= ion: column; gap: 22px; } .product-detail .product-meta .product-add-ons .add-on-card { display: flex= ; align-items: center; flex-wrap: wrap; gap: 11px; border: 1px solid grey; = padding: 16px; } .product-detail .product-meta .product-add-ons .product-variants { flex: 1 = 1 0%; } @media screen and (max-width: 767px) { .product-detail .product-meta .product-add-ons .product-variants { flex-b= asis: 100%; order: 100; } } .product-detail .product-meta .product-add-ons .product-variants .variant-o= ption { margin-bottom: 0px; } .product-detail .product-meta .product-add-ons .product-variants .variant-o= ption select { font-size: 15px; position: relative; color: var(--tweak-prod= uct-basic-item-description-color); padding: 13px; text-wrap: wrap; line-hei= ght: normal; } .product-detail .product-meta .product-add-ons .product-variants .variant-o= ption-title, .product-detail .product-meta .product-add-ons .product-varian= ts .variant-out-of-stock { display: none; } .product-detail .product-meta .product-add-ons .product-variants .variant-s= elect-wrapper { display: flex; align-items: center; padding: 0px; } .product-detail .product-meta .product-add-ons .product-variants .variant-s= elect-wrapper::before { display: none; } .product-detail .product-meta .product-add-ons .product-variants .variant-s= elect-wrapper::after { height: 0.7rem; width: 0.7rem; } .product-detail .product-meta .product-add-ons .product-variants .variant-r= adiobtn-wrapper { display: none; } .product-detail .product-meta .product-add-ons .add-on-details { flex: 1 1 = 0%; text-align: start; } .product-detail .product-meta .product-add-ons .add-on-details .add-on-titl= e-link { display: block; } .product-detail .product-meta .product-add-ons .add-on-details .add-on-titl= e { font-size: 18px; margin-bottom: 6px; color: var(--tweak-product-basic-i= tem-description-color); } .product-detail .product-meta .product-add-ons .add-on-details .product-pri= ce { font-size: 15px; color: var(--tweak-product-basic-item-description-col= or); } .product-detail .product-meta .product-add-ons .add-on-thumbnail { width: 6= 6px; height: 66px; object-fit: cover; } .product-detail .product-meta .product-add-ons .sqs-add-to-cart-button-wrap= per { margin: auto; width: auto; } .product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper.= hidden, .product-detail .product-meta .product-add-ons .add-on-add-to-cart-= wrapper::before { display: none; } .product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper = .sqs-add-to-cart-button { border-radius: 50%; height: 43px; width: 43px; di= splay: flex; align-items: center; justify-content: center; min-height: 0px;= padding: 0px !important; } .product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper = .sqs-add-to-cart-button .icons-container > * { display: none; } .product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper = .sqs-add-to-cart-button .icons-container[data-icon-state=3D"add"] > .add-ic= on { display: block; } .product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper = .sqs-add-to-cart-button .icons-container[data-icon-state=3D"loading"] > .lo= ading-icon { display: flex; } .product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper = .sqs-add-to-cart-button .icons-container[data-icon-state=3D"complete"] > .c= omplete-icon { display: block; } .product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper = .sqs-add-to-cart-button .complete-icon { margin-left: 2px; } .product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper = .sqs-add-to-cart-button .loading-icon { flex-direction: row; justify-conten= t: center; align-items: center; gap: 4px; } .product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper = .sqs-add-to-cart-button .loading-icon .loading-dot { background: var(--prim= aryButtonTextColor); width: 5px; height: 5px; border-radius: 50%; position:= relative; } .primary-button-style-outline .product-detail .product-meta .product-add-on= s .add-on-add-to-cart-wrapper .sqs-add-to-cart-button .loading-icon .loadin= g-dot, .primary-button-style-solid.primary-button-shape-underline .product-= detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper .sqs-add-= to-cart-button .loading-icon .loading-dot { background: var(--primaryButton= BackgroundColor); } @keyframes loading-dot-2 {=20 0% { opacity: 0; } 25% { opacity: 1; } } @keyframes loading-dot-3 {=20 0% { opacity: 0; } 50% { opacity: 1; } } .product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper = .sqs-add-to-cart-button .loading-icon .loading-dot:nth-child(2) { animation= : 2.1s steps(1) 0s infinite normal none running loading-dot-2; } .product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper = .sqs-add-to-cart-button .loading-icon .loading-dot:nth-child(3) { animation= : 2.1s steps(1) 0s infinite normal none running loading-dot-3; } .primary-button-style-outline .product-detail .product-meta .product-add-on= s .add-on-add-to-cart-wrapper .sqs-add-to-cart-button:hover .loading-dot { = background: var(--primaryButtonTextColor); } .product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper = .sqs-add-to-cart-button svg { border-radius: 100%; width: 15px; height: 15p= x; fill: var(--primaryButtonTextColor); } .primary-button-style-outline .product-detail .product-meta .product-add-on= s .add-on-add-to-cart-wrapper .sqs-add-to-cart-button svg, .primary-button-= style-solid.primary-button-shape-underline .product-detail .product-meta .p= roduct-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button svg { fi= ll: var(--primaryButtonBackgroundColor); } .product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper = .sqs-add-to-cart-button svg.add-icon { stroke: var(--primaryButtonTextColor= ); stroke-width: 2px; } .primary-button-style-outline .product-detail .product-meta .product-add-on= s .add-on-add-to-cart-wrapper .sqs-add-to-cart-button svg.add-icon, .primar= y-button-style-solid.primary-button-shape-underline .product-detail .produc= t-meta .product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button= svg.add-icon { stroke: var(--primaryButtonBackgroundColor); } .primary-button-style-outline .product-detail .product-meta .product-add-on= s .add-on-add-to-cart-wrapper .sqs-add-to-cart-button:hover svg { fill: var= (--primaryButtonTextColor); } .primary-button-style-outline .product-detail .product-meta .product-add-on= s .add-on-add-to-cart-wrapper .sqs-add-to-cart-button:hover svg.add-icon { = stroke: var(--primaryButtonTextColor); } .afterpay-modal-overlay { position: fixed; display: none; width: 100%; heig= ht: 100%; inset: 0px; background-color: rgb(0, 0, 0); opacity: 0.4; z-index= : 99; } .afterpay-modal { visibility: hidden; position: fixed; top: 50%; left: 0px;= right: 0px; z-index: 100; transform: translate(50%, -50%); width: 50%; bac= kground-color: rgb(255, 255, 255); justify-content: center; align-items: ce= nter; overflow: scroll; } .afterpay-modal h3 { color: rgb(0, 0, 0); text-transform: none; } .afterpay-modal .afterpay-modal-close-button { background-color: transparen= t; top: 0px; right: 0px; margin: 22px; position: absolute; border: 0px; } @media screen and (max-width: 991px) { .afterpay-modal { height: 100%; width: 100%; inset: 0px; transform: none;= } } @keyframes gallery-image-enter-from-right {=20 0% { transform: translateX(101%); } 100% { transform: translateX(0px); } } @keyframes gallery-image-exit-to-left {=20 0% { transform: translateX(0px); } 100% { transform: translateX(-101%); } } @keyframes gallery-image-enter-from-left {=20 0% { transform: translateX(-101%); } 100% { transform: translateX(0px); } } @keyframes gallery-image-exit-to-right {=20 0% { transform: translateX(0px); } 100% { transform: translateX(101%); } } .product-gallery { display: flex; gap: 10px; align-items: flex-start; overf= low: hidden; user-select: none; margin: 0px; } @media screen and (max-width: 767px) { .product-gallery { padding-bottom: 25px; width: 100%; } } @media screen and (min-width: 768px) { .product-gallery { width: var(--product-gallery-width); } } .product-gallery[data-gallery-placement=3D"right"] { flex-direction: row-re= verse; } .product-gallery[data-thumbnail-placement=3D"below"] { flex-flow: column-re= verse; } .product-gallery[data-gallery-placement=3D"right"][data-thumbnail-placement= =3D"below"] { align-items: flex-end; } .product-gallery .enable-on-first-image-load { opacity: 0; transition: opac= ity 0.5s ease 0s; pointer-events: none; } .product-gallery .enable-on-first-image-load.enabled { opacity: 1; pointer-= events: auto; } .product-gallery-current-slide-indicator { position: absolute; top: 18px; r= ight: 20px; display: inline-block; z-index: 3; font-size: 12px; color: var(= --tweak-product-basic-item-gallery-controls-color); } @media screen and (min-width: 768px) { .product-gallery-current-slide-indicator { display: none; } } .product-gallery-carousel-controls { --product-gallery-carousel-control-cli= ck-area-size: calc(var(--product-gallery-carousel-arrow-size) + 20px); posi= tion: absolute; width: 100%; left: 0px; z-index: 3; justify-content: space-= between; top: 50%; transform: translateY(-50%); display: none; } .product-gallery-carousel-controls.enable-on-first-image-load.enabled { poi= nter-events: none; } @media screen and (max-width: 767px) { .product-gallery-carousel-controls { display: flex; } } @media screen and (min-width: 768px) { [data-gallery-design=3D"carousel"] .product-gallery-carousel-controls, [d= ata-gallery-design=3D"slideshow"] .product-gallery-carousel-controls { disp= lay: flex; } } [data-carousel-controls-hidden=3D"true"] .product-gallery-carousel-controls= { display: none; } .product-gallery-carousel-controls .product-gallery-carousel-control { padd= ing: 0px; border: none; background-color: transparent; width: var(--product= -gallery-carousel-control-click-area-size); height: var(--product-gallery-c= arousel-control-click-area-size); min-width: 50px; min-height: 50px; cursor= : pointer; margin: 0px 1.5vw; display: flex; align-items: center; pointer-e= vents: auto; } .product-gallery-carousel-controls .product-gallery-carousel-control::after= { display: block; content: ""; width: var(--product-gallery-carousel-arrow= -size); height: var(--product-gallery-carousel-arrow-size); border-style: s= olid; border-color: var(--tweak-product-basic-item-gallery-controls-color);= border-width: 1px 1px 0px 0px; margin: calc((var(--product-gallery-carouse= l-control-click-area-size) - var(--product-gallery-carousel-arrow-size)) / = 2); } .product-gallery-carousel-controls .product-gallery-carousel-control:focus = { outline-color: var(--tweak-product-basic-item-gallery-controls-color); } .product-gallery-carousel-controls .product-gallery-carousel-control.produc= t-gallery-prev { left: 0px; justify-content: flex-start; } .product-gallery-carousel-controls .product-gallery-carousel-control.produc= t-gallery-prev::after { transform: rotate(225deg); } .product-gallery-carousel-controls .product-gallery-carousel-control.produc= t-gallery-next { right: 0px; justify-content: flex-end; } .product-gallery-carousel-controls .product-gallery-carousel-control.produc= t-gallery-next::after { transform: rotate(45deg); } .product-gallery-slides { position: relative; flex-grow: 1; max-width: 100%= ; aspect-ratio: var(--product-gallery-aspect-ratio); } @media screen and (min-width: 768px) { .product-gallery-slides { overflow: hidden; } [data-gallery-design=3D"stacked"] .product-gallery-slides { aspect-ratio:= unset; } } [data-thumbnail-placement=3D"below"] .product-gallery-slides { width: 100%;= } .product-gallery-slides-item { width: 100%; } .product-gallery-slides-item.selected { z-index: 2; } .product-gallery-slides-item:focus { outline-width: 0px; } .product-gallery-slides-item:focus::after { content: ""; position: absolute= ; top: 0px; left: 0px; width: 100%; height: 100%; outline-width: var(--sqs-= focus-outline-width); outline-style: var(--sqs-focus-outline-style); outlin= e-offset: var(--sqs-focus-outline-offset-flush); outline-color: currentcolo= r; } .product-gallery-slides-item:focus:not(:focus-visible)::after { outline-sty= le: none; } @media screen and (max-width: 767px) { .product-gallery-slides-item { visibility: hidden; } .product-gallery-slides-item.going-prev.next-slide { display: block; visi= bility: visible; } .product-gallery-slides-item.going-prev.next-slide.prev-loaded { animatio= n: 0.5s ease-in-out 0s 1 normal both running ProductItem-gallery-exit-to-ri= ght; z-index: 1; } .product-gallery-slides-item.going-prev.selected { display: block; visibi= lity: visible; } .product-gallery-slides-item.going-prev.selected.loaded { animation: 0.5s= ease-in-out 0s 1 normal both running ProductItem-gallery-enter-from-left; = } .product-gallery-slides-item.going-next.prev-slide { display: block; visi= bility: visible; } .product-gallery-slides-item.going-next.prev-slide.next-loaded { animatio= n: 0.5s ease-in-out 0s 1 normal both running ProductItem-gallery-exit-to-le= ft; z-index: 1; } .product-gallery-slides-item.going-next.selected { display: block; visibi= lity: visible; } .product-gallery-slides-item.going-next.selected.loaded { animation: 0.5s= ease-in-out 0s 1 normal both running ProductItem-gallery-enter-from-right;= } .product-gallery-slides-item.going-prev.next-slide { display: block; visi= bility: visible; } .product-gallery-slides-item.going-prev.next-slide.prev-loaded { animatio= n: 0.5s ease-in-out 0s 1 normal both running gallery-image-exit-to-right; z= -index: 1; } .product-gallery-slides-item.going-prev.selected { display: block; visibi= lity: visible; } .product-gallery-slides-item.going-prev.selected.loaded { animation: 0.5s= ease-in-out 0s 1 normal both running gallery-image-enter-from-left; } .product-gallery-slides-item.going-next.prev-slide { display: block; visi= bility: visible; } .product-gallery-slides-item.going-next.prev-slide.next-loaded { animatio= n: 0.5s ease-in-out 0s 1 normal both running gallery-image-exit-to-left; z-= index: 1; } .product-gallery-slides-item.going-next.selected { display: block; visibi= lity: visible; } .product-gallery-slides-item.going-next.selected.loaded { animation: 0.5s= ease-in-out 0s 1 normal both running gallery-image-enter-from-right; } } @media screen and (min-width: 768px) { [data-gallery-design=3D"slideshow"] .product-gallery-slides-item:not(.sel= ected) { opacity: 0; } [data-gallery-design=3D"carousel"] .product-gallery-slides-item { visibil= ity: hidden; } [data-gallery-design=3D"carousel"] .product-gallery-slides-item.going-pre= v.next-slide { display: block; visibility: visible; } [data-gallery-design=3D"carousel"] .product-gallery-slides-item.going-pre= v.next-slide.prev-loaded { animation: 0.5s ease-in-out 0s 1 normal both run= ning ProductItem-gallery-exit-to-right; z-index: 1; } [data-gallery-design=3D"carousel"] .product-gallery-slides-item.going-pre= v.selected { display: block; visibility: visible; } [data-gallery-design=3D"carousel"] .product-gallery-slides-item.going-pre= v.selected.loaded { animation: 0.5s ease-in-out 0s 1 normal both running Pr= oductItem-gallery-enter-from-left; } [data-gallery-design=3D"carousel"] .product-gallery-slides-item.going-nex= t.prev-slide { display: block; visibility: visible; } [data-gallery-design=3D"carousel"] .product-gallery-slides-item.going-nex= t.prev-slide.next-loaded { animation: 0.5s ease-in-out 0s 1 normal both run= ning ProductItem-gallery-exit-to-left; z-index: 1; } [data-gallery-design=3D"carousel"] .product-gallery-slides-item.going-nex= t.selected { display: block; visibility: visible; } [data-gallery-design=3D"carousel"] .product-gallery-slides-item.going-nex= t.selected.loaded { animation: 0.5s ease-in-out 0s 1 normal both running Pr= oductItem-gallery-enter-from-right; } [data-gallery-design=3D"carousel"] .product-gallery-slides-item.going-pre= v.next-slide { display: block; visibility: visible; } [data-gallery-design=3D"carousel"] .product-gallery-slides-item.going-pre= v.next-slide.prev-loaded { animation: 0.5s ease-in-out 0s 1 normal both run= ning gallery-image-exit-to-right; z-index: 1; } [data-gallery-design=3D"carousel"] .product-gallery-slides-item.going-pre= v.selected { display: block; visibility: visible; } [data-gallery-design=3D"carousel"] .product-gallery-slides-item.going-pre= v.selected.loaded { animation: 0.5s ease-in-out 0s 1 normal both running ga= llery-image-enter-from-left; } [data-gallery-design=3D"carousel"] .product-gallery-slides-item.going-nex= t.prev-slide { display: block; visibility: visible; } [data-gallery-design=3D"carousel"] .product-gallery-slides-item.going-nex= t.prev-slide.next-loaded { animation: 0.5s ease-in-out 0s 1 normal both run= ning gallery-image-exit-to-left; z-index: 1; } [data-gallery-design=3D"carousel"] .product-gallery-slides-item.going-nex= t.selected { display: block; visibility: visible; } [data-gallery-design=3D"carousel"] .product-gallery-slides-item.going-nex= t.selected.loaded { animation: 0.5s ease-in-out 0s 1 normal both running ga= llery-image-enter-from-right; } [data-gallery-design=3D"stacked"] .product-gallery-slides-item { margin-b= ottom: 25px; position: relative; height: 100%; overflow: hidden; } [data-gallery-design=3D"stacked"] .product-gallery-slides-item:last-child= { margin-bottom: 0px; } } [data-gallery-design=3D"slideshow"] .product-gallery-slides-item, [data-gal= lery-design=3D"carousel"] .product-gallery-slides-item { position: absolute= ; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; padding= -bottom: 0px; display: none; } [data-gallery-design=3D"slideshow"] .product-gallery-slides-item.selected, = [data-gallery-design=3D"carousel"] .product-gallery-slides-item.selected, [= data-gallery-design=3D"slideshow"] .product-gallery-slides-item.thumbnail-h= overed, [data-gallery-design=3D"carousel"] .product-gallery-slides-item.thu= mbnail-hovered { display: block; } [data-gallery-design=3D"slideshow"] .product-gallery-slides-item.prev-slide= , [data-gallery-design=3D"carousel"] .product-gallery-slides-item.prev-slid= e, [data-gallery-design=3D"slideshow"] .product-gallery-slides-item.next-sl= ide, [data-gallery-design=3D"carousel"] .product-gallery-slides-item.next-s= lide { display: block; } @media screen and (max-width: 767px) { .product-gallery-slides-item { position: absolute; top: 0px; left: 0px; w= idth: 100%; height: 100%; overflow: hidden; padding-bottom: 0px; display: n= one; } .product-gallery-slides-item.selected, .product-gallery-slides-item.thumb= nail-hovered { display: block; } .product-gallery-slides-item.prev-slide, .product-gallery-slides-item.nex= t-slide { display: block; } } [data-click-action=3D"lightbox"] .product-gallery-slides-item { cursor: poi= nter; } [data-click-action=3D"zoom"]:not([data-hover-action=3D"zoom"]) .product-gal= lery-slides-item, [data-click-action=3D"zoom"][data-gallery-design=3D"carou= sel"] .product-gallery-slides-item { cursor: zoom-in; } [data-click-action=3D"zoom"]:not([data-hover-action=3D"zoom"]) .product-gal= lery-slides-item.is-zoomed, [data-click-action=3D"zoom"][data-gallery-desig= n=3D"carousel"] .product-gallery-slides-item.is-zoomed { cursor: zoom-out; = } .is-zoomed .product-gallery-slides-item-image { visibility: hidden; } @media screen and (min-width: 768px) { [data-gallery-design=3D"stacked"] .product-gallery-slides-item-image { di= splay: block; width: 100%; left: 0px !important; right: 0px !important; } } .product-gallery-slides-item:not(.loaded) .product-gallery-slides-item-imag= e { opacity: 0; } .product-gallery-scroll { display: none; position: relative; } .product-gallery-scroll::after { display: block; content: ""; height: 10vh;= width: 100%; position: sticky; bottom: 0px; background: linear-gradient(to= bottom,rgba(255,255,255,0) 0%,var(--siteBackgroundColor) 100%); } @media screen and (min-width: 768px) { [data-gallery-design=3D"slideshow"] .product-gallery-scroll { display: bl= ock; } } [data-thumbnail-placement=3D"side"] .product-gallery-scroll { width: auto; = max-height: 80vh; overflow-y: auto; } @media screen and (max-width: 767px) { [data-thumbnail-placement=3D"side"] .product-gallery-scroll { margin-righ= t: 0px; } } [data-thumbnail-placement=3D"below"] .product-gallery-scroll { width: 100%;= } [data-thumbnail-placement=3D"below"] .product-gallery-scroll::after { displ= ay: none; } .product-gallery-thumbnails { display: flex; flex-direction: column; gap: 1= 0px; align-items: flex-start; line-height: 0; } [data-thumbnail-placement=3D"below"] .product-gallery-thumbnails { flex-dir= ection: row; } [data-gallery-design=3D"slideshow"] .product-gallery-thumbnails { margin-bo= ttom: 10vh; } [data-gallery-design=3D"slideshow"][data-thumbnail-placement=3D"below"] .pr= oduct-gallery-thumbnails { overflow-x: auto; white-space: nowrap; } .product-gallery-thumbnails-item { background: transparent; border: 0px; wi= dth: 50px; cursor: pointer; padding: 0px; aspect-ratio: var(--product-galle= ry-aspect-ratio); transition: opacity 0.3s ease-in 0s; } .product-gallery-thumbnails-item:not(.loaded) { opacity: 0; } .product-gallery .product-image-zoom-duplicate { position: absolute; inset:= 0px; height: 100%; width: 100%; opacity: 0; pointer-events: none; transiti= on: opacity 0.3s ease 0s; } .product-gallery .product-image-zoom-duplicate img { width: 100%; } .product-gallery .product-gallery-slides-item.loaded.is-zoomed .product-ima= ge-zoom-duplicate { opacity: 1; } .product-list { padding-top: var(--sqs-site-gutter); padding-bottom: var(--= sqs-site-gutter); } .product-list.product-list-width-full { padding-left: var(--sqs-site-gutter= ); padding-right: var(--sqs-site-gutter); } .product-list.product-list-width-inset { max-width: var(--sqs-site-max-widt= h); padding-left: var(--sqs-site-gutter); padding-right: var(--sqs-site-gut= ter); margin: 0px auto; } @media screen and (max-width: 767px) { .product-list.product-list-width-full { padding-left: var(--sqs-mobile-si= te-gutter); padding-right: var(--sqs-mobile-site-gutter); } .product-list.product-list-width-inset { padding-left: var(--sqs-mobile-s= ite-gutter); padding-right: var(--sqs-mobile-site-gutter); } } .product-list-items { display: grid; grid-template-columns: repeat(4, minma= x(0px, 1fr)); gap: 3vw 3.5vw; padding: 0px; } @media screen and (max-width: 767px) { .product-list-items { grid-template-columns: repeat(2, minmax(0px, 1fr));= } } @media screen and (max-width: 575px) { .product-list-items { grid-template-columns: minmax(0px, 1fr); } } .product-list-items .product-list-item-link { display: flex; flex-direction= : column; gap: 1vw; } .sqs-tweak-overlays-active .product-list-items .product-list-item-link { po= inter-events: none; } .product-list-items .product-list-item-link .product-list-item-image { posi= tion: relative; aspect-ratio: 1 / 1; } .product-list-items .product-list-item-link .product-list-item-image img { = height: 100%; width: 100%; object-fit: cover; position: absolute; top: 0px;= left: 0px; transition: opacity 1s ease 0s, transform 1s ease 0s; } .product-list-items .product-list-item-link .product-list-item-title { colo= r: var(--tweak-product-grid-text-below-list-title-color); } .product-list-items .product-list-item-link .product-list-item-price { colo= r: var(--tweak-product-grid-text-below-list-price-color); margin-top: 0.5re= m; } .product-list-items .product-list-item-link .product-list-item-price .origi= nal-price { text-decoration: line-through; } .product-list-items .product-list-item-link .product-list-item-status { col= or: var(--tweak-product-grid-text-below-list-status-color); font-weight: bo= ld; text-transform: uppercase; } .product-list-items .product-list-item-link .product-list-item-status .sale= -status { color: var(--tweak-product-grid-text-below-list-sale-price-color)= ; } .product-list-items .product-list-item-link .product-list-item-status .grid= -meta-status .product-scarcity { color: var(--tweak-product-grid-text-below= -list-scarcity-color); } .video-player { position: relative; height: 100%; font-family: Clarkson, Ar= ial, sans-serif; } @keyframes plyr-progress {=20 100% { background-position: 25px 0px; } } @keyframes plyr-popup {=20 0% { opacity: 0.5; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes plyr-fade-in {=20 0% { opacity: 0; } 100% { opacity: 1; } } .video-player .plyr { align-items: center; direction: ltr; display: flex; f= lex-direction: column; font-family: inherit; font-variant-numeric: tabular-= nums; font-weight: 400; line-height: 1.7; max-width: 100%; min-width: 200px= ; position: relative; text-shadow: none; transition: box-shadow 0.3s ease 0= s; z-index: 0; } .video-player .plyr video, .video-player .plyr audio, .video-player .plyr i= frame { display: block; height: 100%; width: 100%; } .video-player .plyr button { font: inherit; width: auto; } .video-player .plyr:focus { outline: 0px; } .video-player .plyr--full-ui { box-sizing: border-box; } .video-player .plyr--full-ui *, .video-player .plyr--full-ui ::after, .vide= o-player .plyr--full-ui ::before { box-sizing: inherit; } .video-player .plyr--full-ui a, .video-player .plyr--full-ui button, .video= -player .plyr--full-ui input, .video-player .plyr--full-ui label { touch-ac= tion: manipulation; } .video-player .plyr__badge { background: rgb(74, 84, 100); border-radius: 2= px; color: rgb(255, 255, 255); font-size: 9px; line-height: 1; padding: 3px= 4px; } .video-player .plyr--full-ui ::-webkit-media-text-track-container { display= : none; } .video-player .plyr__captions { animation: 0.3s ease 0s 1 normal none runni= ng plyr-fade-in; bottom: 0px; display: none; font-size: 13px; left: 0px; pa= dding: 10px; position: absolute; text-align: center; transition: transform = 0.4s ease-in-out 0s; width: 100%; } .video-player .plyr__captions span:empty { display: none; } @media (min-width: 480px) { .video-player .plyr__captions { font-size: 15px; padding: calc(20px); } } @media (min-width: 768px) { .video-player .plyr__captions { font-size: 18px; } } .video-player .plyr--captions-active .plyr__captions { display: block; } .video-player .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~= .plyr__captions { transform: translateY(calc(-40px)); } .video-player .plyr__caption { background: rgba(0, 0, 0, 0.8); border-radiu= s: 2px; color: rgb(255, 255, 255); line-height: 185%; padding: 0.2em 0.5em;= white-space: pre-wrap; } .video-player .plyr__caption div { display: inline; } .video-player .plyr__control { background: transparent; border: 0px; border= -radius: 4px; color: inherit; cursor: pointer; flex-shrink: 0; overflow: vi= sible; padding: calc(7px); position: relative; transition: all 0.3s ease 0s= ; } .video-player .plyr__control svg { display: block; fill: currentcolor; heig= ht: 18px; pointer-events: none; width: 18px; } .video-player .plyr__control:focus { outline: 0px; } .video-player .plyr__control:focus-visible { outline: rgb(0, 178, 255) dash= ed 2px; outline-offset: 2px; } .video-player a.plyr__control { text-decoration: none; } .video-player a.plyr__control::after, .video-player a.plyr__control::before= { display: none; } .video-player .plyr__control:not(.plyr__control--pressed) .icon--pressed, .= video-player .plyr__control.plyr__control--pressed .icon--not-pressed, .vid= eo-player .plyr__control:not(.plyr__control--pressed) .label--pressed, .vid= eo-player .plyr__control.plyr__control--pressed .label--not-pressed { displ= ay: none; } .video-player .plyr--full-ui ::-webkit-media-controls { display: none; } .video-player .plyr__controls { align-items: center; display: flex; justify= -content: flex-end; text-align: center; } .video-player .plyr__controls .plyr__progress__container { flex: 1 1 0%; mi= n-width: 0px; } .video-player .plyr__controls .plyr__controls__item { margin-left: calc(2.5= px); } .video-player .plyr__controls .plyr__controls__item:first-child { margin-le= ft: 0px; margin-right: auto; } .video-player .plyr__controls .plyr__controls__item.plyr__progress__contain= er { padding-left: calc(2.5px); } .video-player .plyr__controls .plyr__controls__item.plyr__time { padding: 0= px calc(5px); } .video-player .plyr__controls .plyr__controls__item.plyr__progress__contain= er:first-child, .video-player .plyr__controls .plyr__controls__item.plyr__t= ime:first-child, .video-player .plyr__controls .plyr__controls__item.plyr__= time + .plyr__time { padding-left: 0px; } .video-player .plyr__controls:empty { display: none; } .video-player .plyr [data-plyr=3D"captions"], .video-player .plyr [data-ply= r=3D"pip"], .video-player .plyr [data-plyr=3D"airplay"], .video-player .ply= r [data-plyr=3D"fullscreen"] { display: none; } .video-player .plyr--captions-enabled [data-plyr=3D"captions"], .video-play= er .plyr--pip-supported [data-plyr=3D"pip"], .video-player .plyr--airplay-s= upported [data-plyr=3D"airplay"], .video-player .plyr--fullscreen-enabled [= data-plyr=3D"fullscreen"] { display: inline-block; } .video-player .plyr__menu { display: flex; position: relative; } .video-player .plyr__menu .plyr__control svg { transition: transform 0.3s e= ase 0s; } .video-player .plyr__menu .plyr__control[aria-expanded=3D"true"] svg { tran= sform: rotate(90deg); } .video-player .plyr__menu .plyr__control[aria-expanded=3D"true"] .plyr__too= ltip { display: none; } .video-player .plyr__menu__container { animation: 0.2s ease 0s 1 normal non= e running plyr-popup; background: rgba(255, 255, 255, 0.9); border-radius: = 8px; bottom: 100%; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px; color: rgb(= 74, 84, 100); font-size: 15px; margin-bottom: 10px; position: absolute; rig= ht: -3px; text-align: left; white-space: nowrap; z-index: 3; } .video-player .plyr__menu__container > div { overflow: hidden; transition: = height 0.35s cubic-bezier(0.4, 0, 0.2, 1) 0s, width 0.35s cubic-bezier(0.4,= 0, 0.2, 1) 0s; } .video-player .plyr__menu__container::after { border-width: 4px; border-sty= le: solid; border-color: rgba(255, 255, 255, 0.9) transparent transparent; = border-image: initial; content: ""; height: 0px; position: absolute; right:= calc(14px); top: 100%; width: 0px; } .video-player .plyr__menu__container [role=3D"menu"] { padding: calc(7px); = } .video-player .plyr__menu__container [role=3D"menuitem"], .video-player .pl= yr__menu__container [role=3D"menuitemradio"] { margin-top: 2px; } .video-player .plyr__menu__container [role=3D"menuitem"]:first-child, .vide= o-player .plyr__menu__container [role=3D"menuitemradio"]:first-child { marg= in-top: 0px; } .video-player .plyr__menu__container .plyr__control { align-items: center; = color: rgb(74, 84, 100); display: flex; font-size: 13px; padding: calc(4.66= 667px) calc(10.5px); user-select: none; width: 100%; } .video-player .plyr__menu__container .plyr__control > span { align-items: i= nherit; display: flex; width: 100%; } .video-player .plyr__menu__container .plyr__control::after { border: 4px so= lid transparent; content: ""; position: absolute; top: 50%; transform: tran= slateY(-50%); } .video-player .plyr__menu__container .plyr__control--forward { padding-righ= t: calc(28px); } .video-player .plyr__menu__container .plyr__control--forward::after { borde= r-left-color: rgb(114, 129, 151); right: calc(6.5px); } .video-player .plyr__menu__container .plyr__control--forward:focus-visible:= :after, .video-player .plyr__menu__container .plyr__control--forward:hover:= :after { border-left-color: currentcolor; } .video-player .plyr__menu__container .plyr__control--back { font-weight: 40= 0; margin: calc(7px) calc(7px) calc(3.5px); padding-left: calc(28px); posit= ion: relative; width: calc(100% - 14px); } .video-player .plyr__menu__container .plyr__control--back::after { border-r= ight-color: rgb(114, 129, 151); left: calc(6.5px); } .video-player .plyr__menu__container .plyr__control--back::before { backgro= und: rgb(220, 223, 229); box-shadow: rgb(255, 255, 255) 0px 1px 0px; conten= t: ""; height: 1px; left: 0px; margin-top: calc(3.5px); overflow: hidden; p= osition: absolute; right: 0px; top: 100%; } .video-player .plyr__menu__container .plyr__control--back:focus-visible::af= ter, .video-player .plyr__menu__container .plyr__control--back:hover::after= { border-right-color: currentcolor; } .video-player .plyr__menu__container .plyr__control[role=3D"menuitemradio"]= { padding-left: calc(7px); } .video-player .plyr__menu__container .plyr__control[role=3D"menuitemradio"]= ::before, .video-player .plyr__menu__container .plyr__control[role=3D"menui= temradio"]::after { border-radius: 100%; } .video-player .plyr__menu__container .plyr__control[role=3D"menuitemradio"]= ::before { background: rgba(0, 0, 0, 0.1); content: ""; display: block; fle= x-shrink: 0; height: 16px; margin-right: 10px; transition: all 0.3s ease 0s= ; width: 16px; } .video-player .plyr__menu__container .plyr__control[role=3D"menuitemradio"]= ::after { background: rgb(255, 255, 255); border: 0px; height: 6px; left: 1= 2px; opacity: 0; top: 50%; transform: translateY(-50%) scale(0); transition= : transform 0.3s ease 0s, opacity 0.3s ease 0s; width: 6px; } .video-player .plyr__menu__container .plyr__control[role=3D"menuitemradio"]= [aria-checked=3D"true"]::before { background: rgb(0, 178, 255); } .video-player .plyr__menu__container .plyr__control[role=3D"menuitemradio"]= [aria-checked=3D"true"]::after { opacity: 1; transform: translateY(-50%) sc= ale(1); } .video-player .plyr__menu__container .plyr__control[role=3D"menuitemradio"]= :focus-visible::before, .video-player .plyr__menu__container .plyr__control= [role=3D"menuitemradio"]:hover::before { background: rgba(35, 40, 47, 0.1);= } .video-player .plyr__menu__container .plyr__menu__value { align-items: cent= er; display: flex; margin-left: auto; margin-right: calc(-5px); overflow: h= idden; padding-left: calc(24.5px); pointer-events: none; } .video-player .plyr--full-ui input[type=3D"range"] { appearance: none; back= ground: transparent; border: 0px; border-radius: calc(26px); color: rgb(0, = 178, 255); display: block; height: calc(19px); margin: 0px; min-width: 0px;= padding: 0px; transition: box-shadow 0.3s ease 0s; width: 100%; } .video-player .plyr--full-ui input[type=3D"range"]::-webkit-slider-runnable= -track { background: linear-gradient(to right, currentcolor 0%, transparent= 0%) transparent; border: 0px; border-radius: calc(2.5px); height: 5px; tra= nsition: box-shadow 0.3s ease 0s; user-select: none; } .video-player .plyr--full-ui input[type=3D"range"]::-webkit-slider-thumb { = background: rgb(255, 255, 255); border: 0px; border-radius: 100%; height: 1= 3px; position: relative; transition: all 0.2s ease 0s; width: 13px; appeara= nce: none; margin-top: calc(-4px); } .video-player .plyr--full-ui input[type=3D"range"]:focus { outline: 0px; } .video-player .plyr--full-ui input[type=3D"range"]:focus-visible::-webkit-s= lider-runnable-track { outline: rgb(0, 178, 255) dashed 2px; outline-offset= : 2px; } .video-player .plyr__poster { background-color: rgb(0, 0, 0); background-po= sition: 50% 50%; background-repeat: no-repeat; background-size: contain; he= ight: 100%; left: 0px; opacity: 0; position: absolute; top: 0px; transition= : opacity 0.2s ease 0s; width: 100%; z-index: 1; } .video-player .plyr--stopped.plyr__poster-enabled .plyr__poster { opacity: = 1; } .video-player .plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--s= topped) .plyr__poster { display: none; } .video-player .plyr__time { font-size: 13px; } .video-player .plyr__time + .plyr__time::before { content: "=E2=81=84"; mar= gin-right: 10px; } @media (max-width: 767px) { .video-player .plyr__time + .plyr__time { display: none; } } .video-player .plyr__tooltip { background: rgb(255, 255, 255); border-radiu= s: 5px; bottom: 100%; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px; color: r= gb(74, 84, 100); font-size: 13px; font-weight: 400; left: 50%; line-height:= 1.3; margin-bottom: calc(10px); opacity: 0; padding: calc(5px) calc(7.5px)= ; pointer-events: none; position: absolute; transform: translate(-50%, 10px= ) scale(0.8); transform-origin: 50% 100%; transition: transform 0.2s ease 0= .1s, opacity 0.2s ease 0.1s; white-space: nowrap; z-index: 2; } .video-player .plyr__tooltip::before { border-left: 4px solid transparent; = border-right: 4px solid transparent; border-top: 4px solid rgb(255, 255, 25= 5); bottom: calc(-4px); content: ""; height: 0px; left: 50%; position: abso= lute; transform: translateX(-50%); width: 0px; z-index: 2; } .video-player .plyr .plyr__control:hover .plyr__tooltip, .video-player .ply= r .plyr__control:focus-visible .plyr__tooltip, .video-player .plyr__tooltip= --visible { opacity: 1; transform: translate(-50%, 0px) scale(1); } .video-player .plyr .plyr__control:hover .plyr__tooltip { z-index: 3; } .video-player .plyr__controls > .plyr__control:first-child .plyr__tooltip, = .video-player .plyr__controls > .plyr__control:first-child + .plyr__control= .plyr__tooltip { left: 0px; transform: translate(0px, 10px) scale(0.8); tr= ansform-origin: 0px 100%; } .video-player .plyr__controls > .plyr__control:first-child .plyr__tooltip::= before, .video-player .plyr__controls > .plyr__control:first-child + .plyr_= _control .plyr__tooltip::before { left: calc(16px); } .video-player .plyr__controls > .plyr__control:last-child .plyr__tooltip { = left: auto; right: 0px; transform: translate(0px, 10px) scale(0.8); transfo= rm-origin: 100% 100%; } .video-player .plyr__controls > .plyr__control:last-child .plyr__tooltip::b= efore { left: auto; right: calc(16px); transform: translateX(50%); } .video-player .plyr__controls > .plyr__control:first-child:hover .plyr__too= ltip, .video-player .plyr__controls > .plyr__control:first-child:focus-visi= ble .plyr__tooltip, .video-player .plyr__controls > .plyr__control:first-ch= ild .plyr__tooltip--visible, .video-player .plyr__controls > .plyr__control= :first-child + .plyr__control:hover .plyr__tooltip, .video-player .plyr__co= ntrols > .plyr__control:first-child + .plyr__control:focus-visible .plyr__t= ooltip, .video-player .plyr__controls > .plyr__control:first-child + .plyr_= _control .plyr__tooltip--visible, .video-player .plyr__controls > .plyr__co= ntrol:last-child:hover .plyr__tooltip, .video-player .plyr__controls > .ply= r__control:last-child:focus-visible .plyr__tooltip, .video-player .plyr__co= ntrols > .plyr__control:last-child .plyr__tooltip--visible { transform: tra= nslate(0px, 0px) scale(1); } .video-player .plyr__progress { left: calc(6.5px); margin-right: 13px; posi= tion: relative; } .video-player .plyr__progress input[type=3D"range"], .video-player .plyr__p= rogress__buffer { margin-left: calc(-6.5px); margin-right: calc(-6.5px); wi= dth: calc(100% + 13px); } .video-player .plyr__progress input[type=3D"range"] { position: relative; z= -index: 2; } .video-player .plyr__progress .plyr__tooltip { left: 0px; max-width: 120px;= overflow-wrap: break-word; } .video-player .plyr__progress__buffer { appearance: none; background: trans= parent; border: 0px; border-radius: 100px; height: 5px; left: 0px; margin-t= op: calc(-2.5px); padding: 0px; position: absolute; top: 50%; } .video-player .plyr__progress__buffer::-webkit-progress-bar { background: t= ransparent; } .video-player .plyr__progress__buffer::-webkit-progress-value { background:= currentcolor; border-radius: 100px; min-width: 5px; transition: width 0.2s= ease 0s; } .video-player .plyr--loading .plyr__progress__buffer { animation: 1s linear= 0s infinite normal none running plyr-progress; background-image: linear-gr= adient(-45deg, rgba(35, 40, 47, 0.6) 25%, transparent 25%, transparent 50%,= rgba(35, 40, 47, 0.6) 50%, rgba(35, 40, 47, 0.6) 75%, transparent 75%, tra= nsparent); background-repeat: repeat-x; background-size: 25px 25px; color: = transparent; } .video-player .plyr--video.plyr--loading .plyr__progress__buffer { backgrou= nd-color: rgba(255, 255, 255, 0.25); } .video-player .plyr--audio.plyr--loading .plyr__progress__buffer { backgrou= nd-color: rgba(193, 200, 209, 0.6); } .video-player .plyr__progress__marker { background-color: rgb(255, 255, 255= ); border-radius: 1px; height: 5px; position: absolute; top: 50%; transform= : translate(-50%, -50%); width: 3px; z-index: 3; } .video-player .plyr__volume { align-items: center; display: flex; position:= relative; } .video-player .plyr__volume input[type=3D"range"] { margin-left: calc(5px);= margin-right: calc(5px); max-width: 90px; min-width: 60px; position: relat= ive; z-index: 2; } .video-player .plyr--audio { display: block; } .video-player .plyr--audio .plyr__controls { background: rgb(255, 255, 255)= ; border-radius: inherit; color: rgb(74, 84, 100); padding: 10px; } .video-player .plyr--audio .plyr__control:focus-visible, .video-player .ply= r--audio .plyr__control:hover, .video-player .plyr--audio .plyr__control[ar= ia-expanded=3D"true"] { background: rgb(0, 178, 255); color: rgb(255, 255, = 255); } .video-player .plyr--full-ui.plyr--audio input[type=3D"range"]::-webkit-sli= der-runnable-track { background-color: rgba(193, 200, 209, 0.6); } .video-player .plyr--full-ui.plyr--audio input[type=3D"range"]:active::-web= kit-slider-thumb { box-shadow: rgba(35, 40, 47, 0.1) 0px 0px 0px 3px; } .video-player .plyr--audio .plyr__progress__buffer { color: rgba(193, 200, = 209, 0.6); } .video-player .plyr--video { overflow: hidden; } .video-player .plyr--video.plyr--menu-open { overflow: visible; } .video-player .plyr__video-wrapper { background: rgb(0, 0, 0); border-radiu= s: inherit; height: 100%; margin: auto; overflow: hidden; position: relativ= e; width: 100%; } .video-player .plyr__video-embed, .video-player .plyr__video-wrapper--fixed= -ratio { aspect-ratio: 1.77778 / 1; } @supports not (aspect-ratio: 16/9) { .video-player .plyr__video-embed, .video-player .plyr__video-wrapper--fix= ed-ratio { height: 0px; padding-bottom: 56.25%; position: relative; } } .video-player .plyr__video-embed iframe, .video-player .plyr__video-wrapper= --fixed-ratio video { border: 0px; height: 100%; left: 0px; position: absol= ute; top: 0px; width: 100%; } .video-player .plyr--full-ui .plyr__video-embed > .plyr__video-embed__conta= iner { padding-bottom: 240%; position: relative; transform: translateY(-38.= 2812%); } .video-player .plyr--video .plyr__controls { background: linear-gradient(rg= ba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)); border-bottom-left-radius: inherit; b= order-bottom-right-radius: inherit; bottom: 0px; color: rgb(255, 255, 255);= left: 0px; padding: calc(20px) calc(5px) calc(5px); position: absolute; ri= ght: 0px; transition: opacity 0.4s ease-in-out 0s, transform 0.4s ease-in-o= ut 0s; z-index: 3; } @media (min-width: 480px) { .video-player .plyr--video .plyr__controls { padding: calc(35px) 10px 10p= x; } } .video-player .plyr--video.plyr--hide-controls .plyr__controls { opacity: 0= ; pointer-events: none; transform: translateY(100%); } .video-player .plyr--video .plyr__control:focus-visible, .video-player .ply= r--video .plyr__control:hover, .video-player .plyr--video .plyr__control[ar= ia-expanded=3D"true"] { background: rgb(0, 178, 255); color: rgb(255, 255, = 255); } .video-player .plyr__control--overlaid { background: rgb(0, 178, 255); bord= er: 0px; border-radius: 100%; color: rgb(255, 255, 255); display: none; lef= t: 50%; opacity: 0.9; padding: calc(15px); position: absolute; top: 50%; tr= ansform: translate(-50%, -50%); transition: all 0.3s ease 0s; z-index: 2; } .video-player .plyr__control--overlaid svg { left: 2px; position: relative;= } .video-player .plyr__control--overlaid:hover, .video-player .plyr__control-= -overlaid:focus { opacity: 1; } .video-player .plyr--playing .plyr__control--overlaid { opacity: 0; visibil= ity: hidden; } .video-player .plyr--full-ui.plyr--video .plyr__control--overlaid { display= : block; } .video-player .plyr--full-ui.plyr--video input[type=3D"range"]::-webkit-sli= der-runnable-track { background-color: rgba(255, 255, 255, 0.25); } .video-player .plyr--full-ui.plyr--video input[type=3D"range"]:active::-web= kit-slider-thumb { box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 3px; } .video-player .plyr--video .plyr__progress__buffer { color: rgba(255, 255, = 255, 0.25); } .video-player .plyr:fullscreen { background: rgb(0, 0, 0); height: 100%; ma= rgin: 0px; width: 100%; border-radius: 0px !important; } .video-player .plyr:fullscreen video { height: 100%; } .video-player .plyr:fullscreen .plyr__control .icon--exit-fullscreen { disp= lay: block; } .video-player .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg = { display: none; } .video-player .plyr:fullscreen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .video-player .plyr:fullscreen .plyr__captions { font-size: 21px; } } .video-player .plyr--fullscreen-fallback { background: rgb(0, 0, 0); height= : 100%; margin: 0px; width: 100%; inset: 0px; position: fixed; z-index: 100= 00000; border-radius: 0px !important; } .video-player .plyr--fullscreen-fallback video { height: 100%; } .video-player .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscr= een { display: block; } .video-player .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscr= een + svg { display: none; } .video-player .plyr--fullscreen-fallback.plyr--hide-controls { cursor: none= ; } @media (min-width: 1024px) { .video-player .plyr--fullscreen-fallback .plyr__captions { font-size: 21p= x; } } .video-player .plyr__ads { border-radius: inherit; inset: 0px; cursor: poin= ter; overflow: hidden; position: absolute; z-index: -1; } .video-player .plyr__ads > div, .video-player .plyr__ads > div iframe { hei= ght: 100%; position: absolute; width: 100%; } .video-player .plyr__ads::after { background: rgb(35, 40, 47); border-radiu= s: 2px; bottom: 10px; color: rgb(255, 255, 255); content: attr(data-badge-t= ext); font-size: 11px; padding: 2px 6px; pointer-events: none; position: ab= solute; right: 10px; z-index: 3; } .video-player .plyr__ads:empty::after { display: none; } .video-player .plyr__cues { background: currentcolor; display: block; heigh= t: 5px; left: 0px; opacity: 0.8; position: absolute; top: 50%; transform: t= ranslateY(-50%); width: 3px; z-index: 3; } .video-player .plyr__preview-thumb { background-color: rgb(255, 255, 255); = border-radius: 8px; bottom: 100%; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2= px; margin-bottom: calc(10px); opacity: 0; padding: 3px; pointer-events: no= ne; position: absolute; transform: translate(0px, 10px) scale(0.8); transfo= rm-origin: 50% 100%; transition: transform 0.2s ease 0.1s, opacity 0.2s eas= e 0.1s; z-index: 2; } .video-player .plyr__preview-thumb--is-shown { opacity: 1; transform: trans= late(0px, 0px) scale(1); } .video-player .plyr__preview-thumb::before { border-left: 4px solid transpa= rent; border-right: 4px solid transparent; border-top: 4px solid rgb(255, 2= 55, 255); bottom: calc(-4px); content: ""; height: 0px; left: 50%; position= : absolute; transform: translateX(-50%); width: 0px; z-index: 2; } .video-player .plyr__preview-thumb__image-container { background: rgb(193, = 200, 209); border-radius: calc(7px); overflow: hidden; position: relative; = z-index: 0; } .video-player .plyr__preview-thumb__image-container img, .video-player .ply= r__preview-thumb__image-container::after { height: 100%; left: 0px; positio= n: absolute; top: 0px; width: 100%; } .video-player .plyr__preview-thumb__image-container::after { border-radius:= inherit; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset; content: "= "; pointer-events: none; } .video-player .plyr__preview-thumb__image-container img { max-height: none;= max-width: none; } .video-player .plyr__preview-thumb__time-container { background: linear-gra= dient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)); border-bottom-left-radius: ca= lc(7px); border-bottom-right-radius: calc(7px); bottom: 0px; left: 0px; lin= e-height: 1.1; padding: 20px 6px 6px; position: absolute; right: 0px; z-ind= ex: 3; } .video-player .plyr__preview-thumb__time-container span { color: rgb(255, 2= 55, 255); font-size: 13px; } .video-player .plyr__preview-scrubbing { inset: 0px; filter: blur(1px); hei= ght: 100%; margin: auto; opacity: 0; overflow: hidden; pointer-events: none= ; position: absolute; transition: opacity 0.3s ease 0s; width: 100%; z-inde= x: 1; } .video-player .plyr__preview-scrubbing--is-shown { opacity: 1; } .video-player .plyr__preview-scrubbing img { height: 100%; left: 0px; max-h= eight: none; max-width: none; object-fit: contain; position: absolute; top:= 0px; width: 100%; } .video-player .plyr--no-transition { transition: none 0s ease 0s !important= ; } .video-player .plyr__sr-only { clip: rect(1px, 1px, 1px, 1px); overflow: hi= dden; border: 0px !important; height: 1px !important; padding: 0px !importa= nt; position: absolute !important; width: 1px !important; } .video-player .plyr [hidden] { display: none !important; } .video-player .plyr { position: absolute; inset: 0px; min-width: auto; } .video-player .plyr:focus-visible, .video-player .plyr.focus-visible { colo= r: inherit; outline: solid 2px; outline-offset: 4px; } .video-player .plyr video { object-fit: contain; } .video-player .plyr .plyr__controls { overflow: hidden; flex-wrap: wrap; ju= stify-content: space-between; padding: 0px 10px 3.5px; } .video-player .plyr .plyr__controls svg { width: 24px; height: 24px; } .video-player .plyr .plyr__controls .plyr__controls__item.plyr__control, .v= ideo-player .plyr .plyr__controls .plyr__controls__item > .plyr__control { = padding: 0px; } .video-player .plyr .plyr__controls .plyr__controls__item { margin-left: 20= px; } .video-player .plyr .plyr__controls .plyr__time, .video-player .plyr .plyr_= _controls .plyr__progress__container { margin: 0px; } .video-player .plyr .plyr__controls .plyr__menu__container { right: 10px; } .video-player .plyr .plyr__controls .plyr__time--duration { margin-right: a= uto; } .video-player .plyr .plyr__controls .plyr__volume { margin-left: auto; } .video-player .plyr .plyr__controls .plyr__menu { position: static; } .video-player .plyr .plyr__controls .plyr__progress__container { flex: 1 1 = 100%; order: 1; margin-top: 3px; padding: 0px !important; } .video-player .plyr--video, .video-player .plyr__poster, .video-player .ply= r__video-wrapper { background-color: transparent; } .video-player .plyr__video-wrapper { z-index: -1; } .video-player .video-player__icons { visibility: hidden; position: absolute= ; } .video-player .video-player__container--click-to-play { cursor: pointer; } .video-player.video-player--medium .plyr .plyr__controls { padding: 0px 20p= x 16.5px; } .video-player.video-player--medium .plyr .plyr__controls .plyr__menu__conta= iner { right: 20px; } .video-player .plyr--full-ui input[type=3D"range"] { cursor: pointer; } .video-player .plyr--full-ui input[type=3D"range"]::-webkit-slider-runnable= -track { background-image: linear-gradient(to right,currentColor var(--valu= e,0%),transparent var(--value,0%)); } .video-player .plyr .plyr__controls > .plyr__controls__item.plyr__control, = .video-player .plyr .plyr__controls > .plyr__controls__item > .plyr__contro= l { color: rgb(231, 231, 231); } .video-player .plyr .plyr__controls > .plyr__controls__item.plyr__control:a= ctive, .video-player .plyr .plyr__controls > .plyr__controls__item > .plyr_= _control:active, .video-player .plyr .plyr__controls > .plyr__controls__ite= m.plyr__control:hover, .video-player .plyr .plyr__controls > .plyr__control= s__item > .plyr__control:hover, .video-player .plyr .plyr__controls > .plyr= __controls__item.plyr__control:focus, .video-player .plyr .plyr__controls >= .plyr__controls__item > .plyr__control:focus, .video-player .plyr .plyr__c= ontrols > .plyr__controls__item.plyr__control[aria-expanded=3D"true"], .vid= eo-player .plyr .plyr__controls > .plyr__controls__item > .plyr__control[ar= ia-expanded=3D"true"] { background: none; outline: none; } .video-player .plyr .plyr__controls > .plyr__controls__item.plyr__control:a= ctive, .video-player .plyr .plyr__controls > .plyr__controls__item > .plyr_= _control:active, .video-player .plyr .plyr__controls > .plyr__controls__ite= m.plyr__control:hover, .video-player .plyr .plyr__controls > .plyr__control= s__item > .plyr__control:hover { color: rgb(255, 255, 255); } .video-player .plyr .plyr__controls > .plyr__controls__item.plyr__control.p= lyr__tab-focus::before, .video-player .plyr .plyr__controls > .plyr__contro= ls__item > .plyr__control.plyr__tab-focus::before { position: absolute; con= tent: ""; width: 30px; height: 30px; left: calc(50% - 15px); top: calc(50% = - 15px); border-radius: 50%; border: 1px solid rgb(255, 255, 255); } .video-player .plyr .plyr__controls { background: none; top: 0px; pointer-e= vents: none; align-content: flex-end; align-items: flex-end; } .video-player .plyr .plyr__controls::before { content: ""; position: absolu= te; z-index: -1; left: 0px; right: 0px; bottom: 0px; height: 33%; backgroun= d-image: linear-gradient(0deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.4) 50%, = rgba(0, 0, 0, 0)); backface-visibility: hidden; } .video-player .plyr .plyr__controls > * { pointer-events: auto; } .video-player .plyr .video-player__controls-blocker { position: absolute; z= -index: 2; left: 0px; right: 0px; bottom: 0px; height: 60px; pointer-events= : auto; } .video-player .plyr.plyr--hide-controls .plyr__controls { transform: none != important; } .video-player .video-player__thumbnail--focal-point { background-size: cove= r; } .video-player .video-player__thumbnail--youtube-failure { display: none; } .video-player .plyr__video-embed__container { pointer-events: none; } .video-player .plyr__video-embed { height: 0px; padding-bottom: 56.25%; pos= ition: relative; } .video-player .plyr__video-embed.video-player__embed--fixed-width { height:= 100%; padding-bottom: 0px !important; } .video-player.video-player--vimeo-button .plyr__control--overlaid { visibil= ity: hidden; opacity: 0; } .video-player.video-player--vimeo-button .plyr--video.plyr--hide-controls .= plyr__control--overlaid, .video-player.video-player--vimeo-button .plyr--vi= deo.plyr--loading .plyr__control--overlaid, .video-player.video-player--vim= eo-button .plyr--video.plyr--playing .plyr__control--overlaid { visibility:= hidden; opacity: 0; } .video-player .plyr--video .plyr__control--overlaid { background: rgba(0, 0= , 0, 0.7); border: 0px; border-radius: 100%; color: rgb(255, 255, 255); dis= play: none; left: 50%; opacity: 0.9; padding: 7px; position: absolute; top:= 50%; transform: translate(-50%, -50%); transition: all 0.3s ease 0s; z-ind= ex: 2; } .video-player .plyr--video .plyr__control--overlaid svg { left: auto; heigh= t: 30px; width: 30px; margin: 0px; position: relative; } @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { .video-player .plyr--video .plyr__control--overlaid { background: rgba(0,= 0, 0, 0.5); backdrop-filter: blur(15px); } } .video-player .plyr--video .plyr__control--overlaid.focus-visible, .video-p= layer .plyr--video .plyr__control--overlaid.plyr__tab-focus { outline: none= ; border: 1px solid rgb(255, 255, 255); } .video-player .plyr--video .plyr__control--overlaid:hover, .video-player .p= lyr--video .plyr__control--overlaid:focus { background: rgba(0, 0, 0, 0.9);= opacity: 1; } @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { .video-player .plyr--video .plyr__control--overlaid:hover, .video-player = .plyr--video .plyr__control--overlaid:active, .video-player .plyr--video .p= lyr__control--overlaid:focus { background: rgba(0, 0, 0, 0.7); } } .video-player .plyr--video.plyr--playing .plyr__control--overlaid { visibil= ity: visible; opacity: 1; } .video-player .plyr--video.plyr--hide-controls .plyr__control--overlaid, .v= ideo-player .plyr--video.plyr--loading .plyr__control--overlaid { visibilit= y: hidden; opacity: 0; } .video-player.video-player--medium .plyr--video .plyr__control--overlaid { = padding: 15px; } .video-player.video-player--medium .plyr--video .plyr__control--overlaid sv= g { height: 48px; width: 48px; margin: 1px; } .video-player.video-player--large .plyr--video .plyr__control--overlaid svg= { height: 72px; width: 72px; margin: 9px; } .video-player .plyr--full-ui.plyr--video .plyr__progress { height: 14px; } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type=3D"rang= e"] { height: 14px; color: rgba(255, 255, 255, 0.3); backface-visibility: h= idden; } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type=3D"rang= e"]:focus, .video-player .plyr--full-ui.plyr--video .plyr__progress input[t= ype=3D"range"]:active, .video-player .plyr--full-ui.plyr--video .plyr__prog= ress input[type=3D"range"].plyr__tab-focus { outline-style: none; box-shado= w: none; border-color: transparent; } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type=3D"rang= e"]:focus::-webkit-slider-thumb, .video-player .plyr--full-ui.plyr--video .= plyr__progress input[type=3D"range"]:active::-webkit-slider-thumb, .video-p= layer .plyr--full-ui.plyr--video .plyr__progress input[type=3D"range"].plyr= __tab-focus::-webkit-slider-thumb { box-shadow: none; } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type=3D"rang= e"]:focus::-webkit-slider-runnable-track, .video-player .plyr--full-ui.plyr= --video .plyr__progress input[type=3D"range"]:active::-webkit-slider-runnab= le-track, .video-player .plyr--full-ui.plyr--video .plyr__progress input[ty= pe=3D"range"].plyr__tab-focus::-webkit-slider-runnable-track { outline-styl= e: none; box-shadow: none; border-color: transparent; } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type=3D"rang= e"]::-webkit-slider-runnable-track { height: 3px; border-radius: 0px; } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type=3D"rang= e"]::-webkit-slider-runnable-track { color: rgb(255, 255, 255); } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type=3D"rang= e"]::-webkit-slider-thumb { visibility: hidden; box-shadow: none; width: 14= px; height: 14px; margin-top: -5px; transition: none 0s ease 0s; } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type=3D"rang= e"]:active::-webkit-slider-thumb { visibility: visible; } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type=3D"rang= e"].plyr__tab-focus { outline: rgb(255, 255, 255) solid 1px; outline-offset= : 2px; } .video-player .plyr--full-ui.plyr--video .plyr__progress .plyr__progress__b= uffer { height: 3px; margin-top: 0px; top: 5.5px; border-radius: 0px; color= : rgba(255, 255, 255, 0.35); } .video-player .plyr--full-ui.plyr--video .plyr__progress .plyr__progress__b= uffer::-webkit-progress-value { border-radius: 0px; } .video-player .plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip { m= argin-bottom: 12px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px; background= -color: rgb(255, 255, 255); border-radius: 18px; padding: 3px 6px; font-siz= e: 12px; color: rgb(0, 0, 0); transform: translate(-50%, 0px) scale(1); tra= nsition: opacity 0.1s ease-in-out 0s; } .video-player .plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip::be= fore { display: none; } .video-player .plyr--full-ui.plyr--video .plyr__progress:hover input[type= =3D"range"]::-webkit-slider-runnable-track, .video-player .plyr--full-ui.pl= yr--video .plyr__progress:active input[type=3D"range"]::-webkit-slider-runn= able-track { height: 5px; } .video-player .plyr--full-ui.plyr--video .plyr__progress:hover input[type= =3D"range"]::-webkit-slider-thumb, .video-player .plyr--full-ui.plyr--video= .plyr__progress:active input[type=3D"range"]::-webkit-slider-thumb { margi= n-top: -4px; } .video-player .plyr--full-ui.plyr--video .plyr__progress:hover .plyr__progr= ess__buffer, .video-player .plyr--full-ui.plyr--video .plyr__progress:activ= e .plyr__progress__buffer { height: 5px; transform: translateY(-1px); } .video-player .plyr__time { font-size: 12px; text-shadow: rgba(0, 0, 0, 0.8= ) 0px 0px 4px; } .video-player .plyr__time + .plyr__time--duration { display: block; } .video-player .plyr__time + .plyr__time--duration::before { margin-right: 5= px; } .video-player .plyr .plyr__volume { position: relative; flex-direction: col= umn; width: auto; min-width: 0px; } .video-player .plyr:not(.plyr--is-touch).video-player__volume--menu-open .p= lyr__volume input[type=3D"range"], .video-player .plyr:not(.plyr--is-touch)= .plyr__volume:hover input[type=3D"range"], .video-player .plyr:not(.plyr--= is-touch) .plyr__volume button:hover + input[type=3D"range"], .video-player= .plyr:not(.plyr--is-touch) .plyr__volume button.plyr__tab-focus + input[ty= pe=3D"range"], .video-player .plyr:not(.plyr--is-touch) .plyr__volume input= [type=3D"range"].plyr__tab-focus { transform: rotate(-90deg) translateX(0px= ); opacity: 1; visibility: visible; transition-delay: 0s; width: 90px; } .video-player .plyr:not(.plyr--is-touch).plyr--menu-open .plyr__volume butt= on + input[type=3D"range"] { width: 85.7143px; visibility: hidden; opacity:= 0; transition-delay: 0.1s; } .video-player .plyr:not(.plyr--is-touch) .plyr__volume:hover::before, .vide= o-player .plyr:not(.plyr--is-touch) .plyr__volume:focus::before, .video-pla= yer .plyr:not(.plyr--is-touch) .plyr__volume:focus-within::before { content= : ""; position: absolute; inset: -107px -10px calc(100% - 2px); background:= transparent; } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type=3D"range"= ] { position: absolute; top: calc(-50% - 12px); left: 50%; height: 28px; pa= dding: 0px 10px; margin: 0px; color: rgb(255, 255, 255); background-color: = rgba(38, 38, 38, 0.9); border-radius: 8px; transition: all 100ms ease-in-ou= t 0.1s, outline-offset 1ms ease; transform-origin: left center; transform: = rotate(-90deg) translateX(-5px); width: 85.7143px; visibility: hidden; opac= ity: 0; } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type=3D"range"= ]::-webkit-slider-thumb { border-radius: 50%; width: 13px; height: 13px; ma= rgin-top: -5px; } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type=3D"range"= ]::-webkit-slider-runnable-track { height: 3px; border-radius: 0px; border:= 0px; } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type=3D"range"= ]:focus, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type= =3D"range"]:active, .video-player .plyr:not(.plyr--is-touch) .plyr__volume = input[type=3D"range"].plyr__tab-focus { outline-style: none; box-shadow: no= ne; border-color: transparent; } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type=3D"range"= ]:focus::-webkit-slider-thumb, .video-player .plyr:not(.plyr--is-touch) .pl= yr__volume input[type=3D"range"]:active::-webkit-slider-thumb, .video-playe= r .plyr:not(.plyr--is-touch) .plyr__volume input[type=3D"range"].plyr__tab-= focus::-webkit-slider-thumb { box-shadow: none; } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type=3D"range"= ]:focus::-webkit-slider-runnable-track, .video-player .plyr:not(.plyr--is-t= ouch) .plyr__volume input[type=3D"range"]:active::-webkit-slider-runnable-t= rack, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type=3D"= range"].plyr__tab-focus::-webkit-slider-runnable-track { outline-style: non= e; box-shadow: none; border-color: transparent; } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type=3D"range"= ].plyr__tab-focus { outline: rgb(255, 255, 255) solid 1px; outline-offset: = 7px; } .video-player .plyr.plyr--is-touch .plyr__volume input[type=3D"range"] { po= inter-events: none; opacity: 0; width: 0px; height: 0px; position: absolute= ; } @keyframes video-player-settings-popup {=20 0% { opacity: 0; transform: translateY(-100%) translateY(-12px) translate= Y(5px); } 100% { opacity: 1; transform: translateY(-100%) translateY(-12px) transla= teY(0px); } } .video-player .plyr .plyr__menu { display: none; } .video-player .plyr .plyr__menu__container { background-color: rgba(38, 38,= 38, 0.9); border-radius: 8px; max-height: calc((100% - 60px) - 60px); top:= auto; bottom: auto; animation: 0.1s ease-in-out 0s 1 normal none running v= ideo-player-settings-popup; overflow-y: overlay; transform: translateY(-100= %) translateY(-12px) translateY(0px); } .video-player .plyr .plyr__menu__container::-webkit-scrollbar-track { box-s= hadow: none; border-radius: 8px; background-color: transparent; } .video-player .plyr .plyr__menu__container::-webkit-scrollbar { width: 4px;= background-color: transparent; } .video-player .plyr .plyr__menu__container::-webkit-scrollbar-thumb { borde= r-radius: 8px; box-shadow: none; background-color: rgb(117, 117, 117); } .video-player .plyr .plyr__menu__container::after { display: none; } .video-player .plyr .plyr__menu__container div[role=3D"menu"] { padding: 8p= x 0px; } .video-player .plyr .plyr__menu__container div[id$=3D"-home"] > div[role=3D= "menu"] { display: flex; flex-direction: column-reverse; min-width: 164px; = } .video-player .plyr .plyr__menu__container div[id$=3D"-quality"] > div[role= =3D"menu"] { display: flex; flex-direction: column-reverse; } .video-player .plyr .plyr__menu__container .plyr__control { position: relat= ive; color: rgb(255, 255, 255); font-size: 12px; padding: 5px 28px 5px 13px= ; margin: 0px; border-radius: 0px; transition: none 0s ease 0s; font-weight= : 500; border: 1px solid transparent; } .video-player .plyr .plyr__menu__container .plyr__control:active, .video-pl= ayer .plyr .plyr__menu__container .plyr__control:hover, .video-player .plyr= .plyr__menu__container .plyr__control:focus, .video-player .plyr .plyr__me= nu__container .plyr__control[aria-expanded=3D"true"] { background: none; ou= tline: none; } .video-player .plyr .plyr__menu__container .plyr__control:hover { backgroun= d: rgba(79, 79, 79, 0.9); } .video-player .plyr .plyr__menu__container .plyr__control.plyr__tab-focus {= border: 1px solid rgb(255, 255, 255); } .video-player .plyr .plyr__menu__container .plyr__control::after { border: = 0px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIga= GVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDcgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8v= d3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTAuMjU1ODU5IDkuMTI0NDdMMi4zMTk= 4MSA5LjEyNDQ3TDYuNDQ3NzIgNC45OTY1NkwyLjMxOTgxIDAuODY4NjUyTDAuMjU1ODU5IDAuOD= Y4NjUyTDQuMzgzNzcgNC45OTY1NkwwLjI1NTg1OSA5LjEyNDQ3WiIgZmlsbD0id2hpdGUiLz4KP= C9zdmc+"); width: 7px; height: 10px; right: 14px; top: 50%; bottom: auto; t= ransform: translateY(-50%); } .video-player .plyr .plyr__menu__container .plyr__control.plyr__control--ba= ck { width: 100%; min-width: 160px; padding-left: 26px; padding-right: 13px= ; margin-top: 8px; font-weight: 500; } .video-player .plyr .plyr__menu__container .plyr__control.plyr__control--ba= ck::before { display: none; } .video-player .plyr .plyr__menu__container .plyr__control.plyr__control--ba= ck::after { top: 50%; transform: scaleX(-1) translateY(-50%); left: 13px; } .video-player .plyr .plyr__menu__container .plyr__control.plyr__control--ba= ck + div[role=3D"menu"] { padding-top: 0px; } .video-player .plyr .plyr__menu__container .plyr__control.plyr__control--ba= ck + div[role=3D"menu"] .plyr__control { padding-left: 26px; font-weight: 4= 00; } .video-player .plyr .plyr__menu__container .plyr__control.plyr__control--ba= ck + div[role=3D"menu"] .plyr__control::before { display: none; } .video-player .plyr .plyr__menu__container .plyr__control.plyr__control--ba= ck + div[role=3D"menu"] .plyr__control::after { position: absolute; backgro= und-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iO= CIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9y= Zy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik05LjA5MzU2IDAuMjQ0Mzg1VjIuMTc5NTFMMy42MzQ3IDc= uNjM4MzZMMC45MDUyNzMgNC45MDg5NEwwLjkwNTI3NCAyLjk3MzgxTDMuNjM0NyA1LjcwMzI0TD= kuMDkzNTYgMC4yNDQzODVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=3D"); background-colo= r: transparent; border-radius: 0px; width: 10px; height: 8px; inset: 50% 17= px auto auto; transform: translateY(-50%); } .video-player .plyr .plyr__menu__container .plyr__control.plyr__control--ba= ck + div[role=3D"menu"] .plyr__control .plyr__badge { display: none; } .video-player .plyr .plyr__menu__container .plyr__menu__value { padding-lef= t: 40px; font-weight: 400; } .video-player.video-player--medium .plyr .plyr__menu, .video-player.video-p= layer--large .plyr .plyr__menu { display: flex; } @media only screen and (orientation: landscape) { .video-player .plyr--is-touch:fullscreen .plyr__menu { display: flex; } } .video-player .plyr:not(.plyr--is-touch):fullscreen .plyr__menu { display: = flex; } @keyframes video-player__loading-indicator-rotate-spinner {=20 100% { transform: rotate(360deg); } } @keyframes video-player__loading-indicator-dash {=20 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124; } } .video-player .video-player__loading-indicator { background: rgba(0, 0, 0, = 0.7); border: 0px; border-radius: 100%; color: rgb(255, 255, 255); left: 50= %; opacity: 0.9; position: absolute; top: 50%; transform: translate(-50%, -= 50%); transition: all 0.3s ease 0s; z-index: 2; line-height: 1; display: bl= ock; padding: 6px 7px; } .video-player .video-player__loading-indicator svg { left: auto; height: 30= px; width: 30px; margin: 0px; position: relative; } @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { .video-player .video-player__loading-indicator { background: rgba(0, 0, 0= , 0.5); backdrop-filter: blur(15px); } } .video-player.video-player--medium .video-player__loading-indicator { paddi= ng: 14px 15px; } .video-player.video-player--medium .video-player__loading-indicator svg { h= eight: 48px; width: 48px; margin: 1px; } .video-player.video-player--large .video-player__loading-indicator svg { he= ight: 72px; width: 72px; margin: 9px; } .video-player .loading-indicator__spinner { animation: 2s linear 0s infinit= e normal none running video-player__loading-indicator-rotate-spinner; heigh= t: 100%; transform-origin: center center; width: 100%; position: absolute; = top: 0px; left: 0px; margin: auto; } .video-player .loading-indicator__path { fill: transparent; stroke-dasharra= y: 150, 200; stroke-dashoffset: -10; animation: 1.5s ease-in-out 0s infinit= e normal none running video-player__loading-indicator-dash; } .video-player .video-player__plyr-loading-indicator { display: none; } .video-player .plyr--loading .video-player__plyr-loading-indicator { displa= y: block; } .video-player .video-player__loading-screen { position: absolute; inset: 0p= x; display: flex; place-content: center; align-items: center; background-co= lor: rgb(0, 0, 0); pointer-events: all; padding: 0px 20%; z-index: 10; } .video-player .video-player__navigation-indicators { display: flex; justify= -content: space-around; align-items: center; pointer-events: none; position= : absolute; inset: 0px; } .video-player .video-player__navigation-indicator { background: rgba(0, 0, = 0, 0.7); border: 0px; border-radius: 100%; color: rgb(255, 255, 255); left:= 50%; padding: 7px; top: 50%; transition: all 0.3s ease 0s; z-index: 2; wid= th: 44px; height: 44px; position: static; transform: none; line-height: 1; = display: block; opacity: 0; box-sizing: border-box; } .video-player .video-player__navigation-indicator svg { left: auto; height:= 30px; width: 30px; margin: 0px; position: relative; } @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { .video-player .video-player__navigation-indicator { background: rgba(0, 0= , 0, 0.5); backdrop-filter: blur(15px); } } .video-player .video-player__navigation-indicator svg { top: 3px; left: 2px= ; } .video-player .video-player__navigation-indicator--backward { margin-right:= 33%; } .video-player .video-player__navigation-indicator--show { opacity: 1; } .video-player.video-player--medium .video-player__navigation-indicator { pa= dding: 15px; width: 80px; height: 80px; } .video-player.video-player--medium .video-player__navigation-indicator svg = { height: 48px; width: 48px; margin: 1px; } .video-player.video-player--medium .video-player__navigation-indicator svg = { top: 6px; left: 3px; } .video-player.video-player--large .video-player__navigation-indicator { wid= th: 120px; height: 120px; } .video-player.video-player--large .video-player__navigation-indicator svg {= height: 72px; width: 72px; margin: 9px; } .video-player.video-player--large .video-player__navigation-indicator svg {= top: 6px; left: 3px; } .video-player .video-player__paywall-screen { display: flex; flex-direction= : column; place-content: center; align-items: center; } .video-player .video-player__paywall-screen .video-player__lock-icon { disp= lay: none; } .video-player .video-player__paywall-screen .video-player__paywall-descript= ion > p { margin: 0px 0px 22px; } .video-player.video-player--medium .video-player__paywall-screen .video-pla= yer__lock-icon { display: block; } .video-player.video-player--medium .video-player__paywall-screen .video-pla= yer__paywall-description > p { margin: 11px 0px 22px; } .video-player .video-player__controls--hidden { display: none; } .video-player .video-player__paywall-screen { font-family: Clarkson, "Helve= tica Neue", Helvetica, Arial, sans-serif; background-color: rgba(0, 0, 0, 0= .6); backdrop-filter: blur(20px); height: 100%; width: 100%; position: abso= lute; inset: 0px 100% 100% 0px; z-index: 2; } .video-player button.video-player__paywall-cta-button { background-color: r= gb(255, 255, 255); color: rgb(14, 14, 14); font-size: 10px; padding: 0px 12= px; letter-spacing: 0.5px; line-height: 22px; min-height: 36px; width: auto= ; height: auto; outline: none; text-align: center; text-rendering: optimize= legibility; -webkit-font-smoothing: antialiased; -webkit-box-align: center;= align-items: center; border: 0px none transparent; box-sizing: border-box;= cursor: pointer; display: inline-flex; font-family: inherit; font-weight: = 500; -webkit-box-pack: center; justify-content: center; text-decoration: no= ne; text-transform: uppercase; overflow: hidden; transform: translate3d(0px= , 0px, 0px) scale(1, 1); transition: transform 50ms ease 0s; } .video-player button.video-player__paywall-cta-button:hover, .video-player = button.video-player__paywall-cta-button:active { background-color: rgb(231,= 231, 231); } .video-player button.video-player__paywall-cta-button:focus { border: 2px s= olid rgb(14, 14, 14); box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(1= 4, 14, 14) 0px 0px 0px 4px; } .video-player button.video-player__paywall-cta-button--disabled { color: rg= b(110, 110, 110); background-color: rgb(231, 231, 231); } .video-player.video-player--medium button.video-player__paywall-cta-button = { background-color: rgb(255, 255, 255); color: rgb(14, 14, 14); letter-spac= ing: 0.5px; line-height: 22px; width: auto; height: auto; outline: none; te= xt-align: center; text-rendering: optimizelegibility; -webkit-font-smoothin= g: antialiased; -webkit-box-align: center; align-items: center; border: 0px= none transparent; box-sizing: border-box; cursor: pointer; display: inline= -flex; font-family: inherit; font-weight: 500; -webkit-box-pack: center; ju= stify-content: center; text-decoration: none; text-transform: uppercase; ov= erflow: hidden; transform: translate3d(0px, 0px, 0px) scale(1, 1); transiti= on: transform 50ms ease 0s; font-size: 12px; padding: 0px 16px; min-height:= 44px; } .video-player.video-player--medium button.video-player__paywall-cta-button:= hover, .video-player.video-player--medium button.video-player__paywall-cta-= button:active { background-color: rgb(231, 231, 231); } .video-player.video-player--medium button.video-player__paywall-cta-button:= focus { border: 2px solid rgb(14, 14, 14); box-shadow: rgb(255, 255, 255) 0= px 0px 0px 2px, rgb(14, 14, 14) 0px 0px 0px 4px; } .video-player.video-player--medium button.video-player__paywall-cta-button-= -disabled { color: rgb(110, 110, 110); background-color: rgb(231, 231, 231)= ; } .video-player .video-player__paywall-description { color: rgb(255, 255, 255= ); font-weight: 600; font-size: 16px; line-height: 22px; text-align: center= ; } .video-player.video-player--medium .video-player__paywall-description { fon= t-size: 22px; line-height: 28px; } .video-player .video-player__lock-icon > svg { height: 26px; width: 21px; } .video-player .video-player__error { position: absolute; inset: 0px; displa= y: flex; place-content: center; align-items: center; background-color: rgb(= 0, 0, 0); pointer-events: all; font-size: 16px; padding: 0px 20%; z-index: = 10; } .video-player.video-player--medium .video-player__error { font-size: 18px; = } .video-player.video-player--large .video-player__error { font-size: 22px; } .video-player .video-player__error-message { color: rgb(255, 255, 255); } ------MultipartBoundary--QJtE9pXWn4QxnauljnDQ0l36NmmrFhsLcnNdBe4jhB---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/versioned-assets/1728407958569-DI71YIND73BBQN7RBZCZ/static.css @charset "utf-8"; .sqs-block-button-container { text-align: center; } .sqs-block-button.sqs-stretched .sqs-block-content, .sqs-block-button.sqs-s= tretched .sqs-block-button-element { height: 100%; display: flex; padding-t= op: 0px !important; padding-bottom: 0px !important; } .sqs-block-button.sqs-stretched .sqs-block-button-container { flex: 1 1 0%;= } .sqs-block-button.sqs-stretched .sqs-block-button-element { align-items: ce= nter; box-sizing: border-box; justify-content: center; } .sqs-block-button:not(.sqs-stretched) .sqs-block-button-container { display= : flex; } .sqs-block-button:not(.sqs-stretched) .sqs-block-button-container--left { j= ustify-content: flex-start; } .sqs-block-button:not(.sqs-stretched) .sqs-block-button-container--center {= justify-content: center; } .sqs-block-button:not(.sqs-stretched) .sqs-block-button-container--right { = justify-content: flex-end; } .sqs-block-button-element, .image-button a, .list-item-content__button { di= splay: inline-block; -webkit-font-smoothing: antialiased; line-height: norm= al; padding: var(--primaryButtonPadding) calc(var(--primaryButtonPadding) *= 1.67); } @media (hover: hover) { .sqs-block-button-element:hover, .image-button a:hover, .list-item-conten= t__button:hover { opacity: 1; } } #siteWrapper.site-wrapper .sqs-button-element--primary, body .sqs-block-for= m-lightbox .form-button-wrapper .sqs-button-element--primary { padding: var= (--primary-button-padding-y) var(--primary-button-padding-x); } #siteWrapper.site-wrapper .sqs-button-element--primary, body .sqs-block-for= m-lightbox .form-button-wrapper .sqs-button-element--primary, #siteWrapper.= site-wrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper = .TockButton-blue.sqs-button-element--primary, body .sqs-block-form-lightbox= .form-button-wrapper .tock-block div#Tock_widget_container > div.TockWidge= tWrapper .TockButton-blue.sqs-button-element--primary { border-width: var(-= -primary-button-stroke); } #siteWrapper.site-wrapper .sqs-button-element--secondary, body .sqs-block-f= orm-lightbox .form-button-wrapper .sqs-button-element--secondary { padding:= var(--secondary-button-padding-y) var(--secondary-button-padding-x); } #siteWrapper.site-wrapper .sqs-button-element--secondary, body .sqs-block-f= orm-lightbox .form-button-wrapper .sqs-button-element--secondary, #siteWrap= per.site-wrapper .tock-block div#Tock_widget_container > div.TockWidgetWrap= per .TockButton-blue.sqs-button-element--secondary, body .sqs-block-form-li= ghtbox .form-button-wrapper .tock-block div#Tock_widget_container > div.Toc= kWidgetWrapper .TockButton-blue.sqs-button-element--secondary { border-widt= h: var(--secondary-button-stroke); } #siteWrapper.site-wrapper .sqs-button-element--tertiary, body .sqs-block-fo= rm-lightbox .form-button-wrapper .sqs-button-element--tertiary { padding: v= ar(--tertiary-button-padding-y) var(--tertiary-button-padding-x); } #siteWrapper.site-wrapper .sqs-button-element--tertiary, body .sqs-block-fo= rm-lightbox .form-button-wrapper .sqs-button-element--tertiary, #siteWrappe= r.site-wrapper .tock-block div#Tock_widget_container > div.TockWidgetWrappe= r .TockButton-blue.sqs-button-element--tertiary, body .sqs-block-form-light= box .form-button-wrapper .tock-block div#Tock_widget_container > div.TockWi= dgetWrapper .TockButton-blue.sqs-button-element--tertiary { border-width: v= ar(--tertiary-button-stroke); } #siteWrapper.site-wrapper .sqs-button-element--primary, body .sqs-block-for= m-lightbox .form-button-wrapper .sqs-button-element--primary, #siteWrapper.= site-wrapper .sqs-button-element--secondary, body .sqs-block-form-lightbox = .form-button-wrapper .sqs-button-element--secondary, #siteWrapper.site-wrap= per .sqs-button-element--tertiary, body .sqs-block-form-lightbox .form-butt= on-wrapper .sqs-button-element--tertiary, #siteWrapper.site-wrapper .tock-b= lock div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs= -button-element--primary, body .sqs-block-form-lightbox .form-button-wrappe= r .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton= -blue.sqs-button-element--primary, #siteWrapper.site-wrapper .tock-block di= v#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button= -element--secondary, body .sqs-block-form-lightbox .form-button-wrapper .to= ck-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue= .sqs-button-element--secondary, #siteWrapper.site-wrapper .tock-block div#T= ock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-el= ement--tertiary, body .sqs-block-form-lightbox .form-button-wrapper .tock-b= lock div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs= -button-element--tertiary { line-height: normal; border-style: solid; } #siteWrapper.site-wrapper div#Tock_widget_container > div.TockWidgetWrapper= .TockButton { height: auto; line-height: 0; } #siteWrapper.site-wrapper div#Tock_widget_container > div.TockWidgetWrapper= .TockButtonWidgetContainer, #siteWrapper.site-wrapper div#Tock_widget_cont= ainer > div.TockWidgetWrapper .TockButton-buttonContainer, #siteWrapper.sit= e-wrapper div#Tock_widget_container > div.TockWidgetWrapper .TockInlineButt= on-container { width: auto; } #siteWrapper.site-wrapper div#Tock_widget_container > div.TockWidgetWrapper= .TockSearchBar-container { align-items: center; } #siteWrapper.site-wrapper div#Tock_widget_container > div.TockWidgetWrapper= .TockInlineButton-container { overflow: hidden; display: flex; align-items= : center; justify-content: center; height: 49px; min-width: 180px; padding:= 0px; border-radius: 0px 3px 3px 0px; } #siteWrapper.site-wrapper div#Tock_widget_container.Tock_widget_container-c= olumnLayout > div.TockWidgetWrapper .TockInlineButton-container { border-ra= dius: 3px; } .sqs-modal-lightbox .sqs-modal-lightbox-content .sqs-button-element--primar= y { border-width: var(--primary-button-stroke); border-style: solid; } .sqs-modal-lightbox .sqs-modal-lightbox-content .sqs-button-element--second= ary { border-width: var(--secondary-button-stroke); border-style: solid; } .sqs-modal-lightbox .sqs-modal-lightbox-content .sqs-button-element--tertia= ry { border-width: var(--tertiary-button-stroke); border-style: solid; } body.primary-button-style-solid .sqs-button-element--primary, body.primary-= button-style-solid .sqs-editable-button.sqs-button-element--primary { trans= ition: opacity 0.1s linear 0s; backface-visibility: hidden; } @media (hover: hover) { body.primary-button-style-solid .sqs-button-element--primary:hover, body.= primary-button-style-solid .sqs-editable-button.sqs-button-element--primary= :hover { opacity: 0.8; } } .primary-button-style-outline .sqs-button-element--primary, .primary-button= -style-outline .list-item .sqs-block-button-element.list-item-content__butt= on.sqs-button-element--primary, .primary-button-style-outline .list-item[da= ta-is-card-enabled=3D"true"] .sqs-block-button-element.list-item-content__b= utton.sqs-button-element--primary, .primary-button-style-outline .sqs-block= -form .sqs-editable-button.sqs-button-element--primary, .primary-button-sty= le-outline .header-menu-cta .btn.sqs-button-element--primary, .primary-butt= on-style-outline .tock-block div#Tock_widget_container > div.TockWidgetWrap= per .TockButton-blue.sqs-button-element--primary, .primary-button-style-out= line .sqs-modal-lightbox-content .sqs-button-element--primary { transition:= background-color 0.1s linear 0s, color 0.1s linear 0s; } .primary-button-style-outline .sqs-button-element--primary:not(:hover), .pr= imary-button-style-outline .list-item .sqs-block-button-element.list-item-c= ontent__button.sqs-button-element--primary:not(:hover), .primary-button-sty= le-outline .list-item[data-is-card-enabled=3D"true"] .sqs-block-button-elem= ent.list-item-content__button.sqs-button-element--primary:not(:hover), .pri= mary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-e= lement--primary:not(:hover), .primary-button-style-outline .header-menu-cta= .btn.sqs-button-element--primary:not(:hover), .primary-button-style-outlin= e .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton= -blue.sqs-button-element--primary:not(:hover), .primary-button-style-outlin= e .sqs-modal-lightbox-content .sqs-button-element--primary:not(:hover) { ba= ckground: transparent; } .primary-button-style-outline .newsletter-form-button.sqs-system-button.sqs= -button-element--primary:not(:hover) { background: transparent !important; = } .primary-button-shape-square .sqs-button-element--primary, .primary-button-= shape-square #Tock_widget_container .sqs-button-element--primary.TockButton= -blue { border-radius: 0px; } .primary-button-shape-rounded .sqs-button-element--primary, .primary-button= -shape-rounded #Tock_widget_container .sqs-button-element--primary.TockButt= on-blue { border-radius: 0.4rem; } .primary-button-shape-pill .sqs-button-element--primary, .primary-button-sh= ape-pill #Tock_widget_container .sqs-button-element--primary.TockButton-blu= e { border-radius: 300px; } .primary-button-shape-oval .sqs-button-element--primary, .primary-button-sh= ape-oval #Tock_widget_container .sqs-button-element--primary.TockButton-blu= e { border-radius: 100%; } .primary-button-shape-petal .sqs-button-element--primary, .primary-button-s= hape-petal #Tock_widget_container .sqs-button-element--primary.TockButton-b= lue { border-radius: 16px 0px; } body.primary-button-shape-underline #siteWrapper .sqs-button-element--prima= ry:not(.ma-pricing-option-button), body.primary-button-shape-underline .sqs= -block-form-lightbox .sqs-button-element--primary:not(.ma-pricing-option-bu= tton), body.primary-button-shape-underline #siteWrapper .comment-btn-wrappe= r .comment-btn.sqs-button-element--primary, body.primary-button-shape-under= line .sqs-block-form-lightbox .comment-btn-wrapper .comment-btn.sqs-button-= element--primary, body.primary-button-shape-underline #siteWrapper .tock-bl= ock div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-= button-element--primary, body.primary-button-shape-underline .sqs-block-for= m-lightbox .tock-block div#Tock_widget_container > div.TockWidgetWrapper .T= ockButton-blue.sqs-button-element--primary { border-top: none; border-right= : none; border-left: none; border-bottom-style: solid; border-radius: 0px; = border-bottom-width: var(--primary-button-stroke); } .primary-button-shape-custom .sqs-button-element--primary, .primary-button-= shape-custom .tock-block div#Tock_widget_container > div.TockWidgetWrapper = .TockButton-blue.sqs-button-element--primary { border-top-left-radius: var(= --primary-button-rounded-border-top-left-radius); border-top-right-radius: = var(--primary-button-rounded-border-top-right-radius); border-bottom-left-r= adius: var(--primary-button-rounded-border-bottom-left-radius); border-bott= om-right-radius: var(--primary-button-rounded-border-bottom-right-radius); = } .secondary-button-style-solid .sqs-button-element--secondary, .secondary-bu= tton-style-solid .sqs-editable-button.sqs-button-element--secondary, .secon= dary-button-style-solid .tock-block div#Tock_widget_container > div.TockWid= getWrapper .TockButton-blue.sqs-button-element--secondary { transition: opa= city 0.1s linear 0s; backface-visibility: hidden; } .secondary-button-style-solid .sqs-button-element--secondary:hover, .second= ary-button-style-solid .sqs-editable-button.sqs-button-element--secondary:h= over, .secondary-button-style-solid .tock-block div#Tock_widget_container >= div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary:hover= { opacity: 0.8; } .secondary-button-style-outline .sqs-button-element--secondary, .secondary-= button-style-outline .list-item .sqs-block-button-element.list-item-content= __button.sqs-button-element--secondary, .secondary-button-style-outline .li= st-item[data-is-card-enabled=3D"true"] .sqs-block-button-element.list-item-= content__button.sqs-button-element--secondary, .secondary-button-style-outl= ine .sqs-block-form .sqs-editable-button.sqs-button-element--secondary, .se= condary-button-style-outline .header-menu-cta .btn.sqs-button-element--seco= ndary, .secondary-button-style-outline .tock-block div#Tock_widget_containe= r > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary, .= secondary-button-style-outline .sqs-modal-lightbox-content .sqs-button-elem= ent--secondary { transition: background-color 0.1s linear 0s, color 0.1s li= near 0s; } .secondary-button-style-outline .sqs-button-element--secondary:not(:hover),= .secondary-button-style-outline .list-item .sqs-block-button-element.list-= item-content__button.sqs-button-element--secondary:not(:hover), .secondary-= button-style-outline .list-item[data-is-card-enabled=3D"true"] .sqs-block-b= utton-element.list-item-content__button.sqs-button-element--secondary:not(:= hover), .secondary-button-style-outline .sqs-block-form .sqs-editable-butto= n.sqs-button-element--secondary:not(:hover), .secondary-button-style-outlin= e .header-menu-cta .btn.sqs-button-element--secondary:not(:hover), .seconda= ry-button-style-outline .tock-block div#Tock_widget_container > div.TockWid= getWrapper .TockButton-blue.sqs-button-element--secondary:not(:hover), .sec= ondary-button-style-outline .sqs-modal-lightbox-content .sqs-button-element= --secondary:not(:hover) { background: transparent; } .secondary-button-style-outline .newsletter-form-button.sqs-system-button.s= qs-button-element--secondary { background: transparent !important; } .secondary-button-shape-square .sqs-button-element--secondary, .secondary-b= utton-shape-square .tock-block div#Tock_widget_container > div.TockWidgetWr= apper .TockButton-blue.sqs-button-element--secondary { border-radius: 0px; = } .secondary-button-shape-rounded .sqs-button-element--secondary, .secondary-= button-shape-rounded .tock-block div#Tock_widget_container > div.TockWidget= Wrapper .TockButton-blue.sqs-button-element--secondary { border-radius: 0.4= rem; } .secondary-button-shape-pill .sqs-button-element--secondary, .secondary-but= ton-shape-pill .tock-block div#Tock_widget_container > div.TockWidgetWrappe= r .TockButton-blue.sqs-button-element--secondary { border-radius: 300px; } .secondary-button-shape-oval .sqs-button-element--secondary, .secondary-but= ton-shape-oval .tock-block div#Tock_widget_container > div.TockWidgetWrappe= r .TockButton-blue.sqs-button-element--secondary { border-radius: 100%; } body.secondary-button-shape-underline #siteWrapper .sqs-button-element--sec= ondary, body.secondary-button-shape-underline .sqs-block-form-lightbox .sqs= -button-element--secondary, body.secondary-button-shape-underline #siteWrap= per .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButt= on-blue.sqs-button-element--secondary, body.secondary-button-shape-underlin= e .sqs-block-form-lightbox .tock-block div#Tock_widget_container > div.Tock= WidgetWrapper .TockButton-blue.sqs-button-element--secondary { border-top: = none; border-right: none; border-left: none; border-bottom-style: solid; bo= rder-radius: 0px; border-bottom-width: var(--secondary-button-stroke); } .secondary-button-shape-petal .sqs-button-element--secondary, .secondary-bu= tton-shape-petal .tock-block div#Tock_widget_container > div.TockWidgetWrap= per .TockButton-blue.sqs-button-element--secondary { border-radius: 16px 0p= x; } .secondary-button-shape-custom .sqs-button-element--secondary, .secondary-b= utton-shape-custom .tock-block div#Tock_widget_container > div.TockWidgetWr= apper .TockButton-blue.sqs-button-element--secondary { border-top-left-radi= us: var(--secondary-button-rounded-border-top-left-radius); border-top-righ= t-radius: var(--secondary-button-rounded-border-top-right-radius); border-b= ottom-left-radius: var(--secondary-button-rounded-border-bottom-left-radius= ); border-bottom-right-radius: var(--secondary-button-rounded-border-bottom= -right-radius); } .tertiary-button-style-solid .sqs-button-element--tertiary, .tertiary-butto= n-style-solid .sqs-editable-button.sqs-button-element--tertiary, .tertiary-= button-style-solid .tock-block div#Tock_widget_container > div.TockWidgetWr= apper .TockButton-blue.sqs-button-element--tertiary { transition: opacity 0= .1s linear 0s; backface-visibility: hidden; } .tertiary-button-style-solid .sqs-button-element--tertiary:hover, .tertiary= -button-style-solid .sqs-editable-button.sqs-button-element--tertiary:hover= , .tertiary-button-style-solid .tock-block div#Tock_widget_container > div.= TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary:hover { opa= city: 0.8; } .tertiary-button-style-outline .sqs-button-element--tertiary, .tertiary-but= ton-style-outline .list-item .sqs-block-button-element.list-item-content__b= utton.sqs-button-element--tertiary, .tertiary-button-style-outline .list-it= em[data-is-card-enabled=3D"true"] .sqs-block-button-element.list-item-conte= nt__button.sqs-button-element--tertiary, .tertiary-button-style-outline .sq= s-block-form .sqs-editable-button.sqs-button-element--tertiary, .tertiary-b= utton-style-outline .header-menu-cta .btn.sqs-button-element--tertiary, .te= rtiary-button-style-outline .tock-block div#Tock_widget_container > div.Toc= kWidgetWrapper .TockButton-blue.sqs-button-element--tertiary, .tertiary-but= ton-style-outline .sqs-modal-lightbox-content .sqs-button-element--tertiary= { transition: background-color 0.1s linear 0s, color 0.1s linear 0s; } .tertiary-button-style-outline .sqs-button-element--tertiary:not(:hover), .= tertiary-button-style-outline .list-item .sqs-block-button-element.list-ite= m-content__button.sqs-button-element--tertiary:not(:hover), .tertiary-butto= n-style-outline .list-item[data-is-card-enabled=3D"true"] .sqs-block-button= -element.list-item-content__button.sqs-button-element--tertiary:not(:hover)= , .tertiary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-b= utton-element--tertiary:not(:hover), .tertiary-button-style-outline .header= -menu-cta .btn.sqs-button-element--tertiary:not(:hover), .tertiary-button-s= tyle-outline .tock-block div#Tock_widget_container > div.TockWidgetWrapper = .TockButton-blue.sqs-button-element--tertiary:not(:hover), .tertiary-button= -style-outline .sqs-modal-lightbox-content .sqs-button-element--tertiary:no= t(:hover) { background: transparent; } .tertiary-button-style-outline .newsletter-form-button.sqs-system-button.sq= s-button-element--tertiary { background: transparent !important; } .tertiary-button-shape-square .sqs-button-element--tertiary, .tertiary-butt= on-shape-square .tock-block div#Tock_widget_container > div.TockWidgetWrapp= er .TockButton-blue.sqs-button-element--tertiary { border-radius: 0px; } .tertiary-button-shape-rounded .sqs-button-element--tertiary, .tertiary-but= ton-shape-rounded .tock-block div#Tock_widget_container > div.TockWidgetWra= pper .TockButton-blue.sqs-button-element--tertiary { border-radius: 0.4rem;= } .tertiary-button-shape-pill .sqs-button-element--tertiary, .tertiary-button= -shape-pill .tock-block div#Tock_widget_container > div.TockWidgetWrapper .= TockButton-blue.sqs-button-element--tertiary { border-radius: 300px; } .tertiary-button-shape-oval .sqs-button-element--tertiary, .tertiary-button= -shape-oval .tock-block div#Tock_widget_container > div.TockWidgetWrapper .= TockButton-blue.sqs-button-element--tertiary { border-radius: 100%; } body.tertiary-button-shape-underline #siteWrapper .sqs-button-element--tert= iary, body.tertiary-button-shape-underline .sqs-block-form-lightbox .sqs-bu= tton-element--tertiary, body.tertiary-button-shape-underline #siteWrapper .= tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-bl= ue.sqs-button-element--tertiary, body.tertiary-button-shape-underline .sqs-= block-form-lightbox .tock-block div#Tock_widget_container > div.TockWidgetW= rapper .TockButton-blue.sqs-button-element--tertiary { border-top: none; bo= rder-right: none; border-left: none; border-bottom-style: solid; border-rad= ius: 0px; border-bottom-width: var(--tertiary-button-stroke); } .tertiary-button-shape-petal .sqs-button-element--tertiary, .tertiary-butto= n-shape-petal .tock-block div#Tock_widget_container > div.TockWidgetWrapper= .TockButton-blue.sqs-button-element--tertiary { border-radius: 16px 0px; } .tertiary-button-shape-custom .sqs-button-element--tertiary, .tertiary-butt= on-shape-custom .tock-block div#Tock_widget_container > div.TockWidgetWrapp= er .TockButton-blue.sqs-button-element--tertiary { border-top-left-radius: = var(--tertiary-button-rounded-border-top-left-radius); border-top-right-rad= ius: var(--tertiary-button-rounded-border-top-right-radius); border-bottom-= left-radius: var(--tertiary-button-rounded-border-bottom-left-radius); bord= er-bottom-right-radius: var(--tertiary-button-rounded-border-bottom-right-r= adius); } @media (hover: hover) { .tweak-global-animations-animation-type-flex.primary-button-style-outline= .image-button a:hover, .tweak-global-animations-animation-type-flex.primar= y-button-style-outline .sqs-add-to-cart-button:hover, .tweak-global-animati= ons-animation-type-flex.primary-button-style-outline .sqs-editable-button:n= ot(input):hover, .tweak-global-animations-animation-type-flex.primary-butto= n-style-outline .sqs-block-button-element.sqs-block-button-element--primary= :hover, .tweak-global-animations-animation-type-flex.primary-button-style-o= utline .ma-pricing-toggle-wrapper .ma-pricing-option-button:hover, .tweak-g= lobal-animations-animation-type-flex.primary-button-style-outline [data-ani= mation-role=3D"header-element"] .btn:hover { background-color: transparent = !important; } .tweak-global-animations-animation-type-flex.primary-button-style-outline= .user-items-list-simple { background: transparent; } .tweak-global-animations-animation-type-flex.primary-button-style-outline= .user-items-list-simple:hover { background-color: transparent; } .tweak-global-animations-animation-type-flex.primary-button-style-outline= .user-items-list-carousel { background: transparent; } .tweak-global-animations-animation-type-flex.primary-button-style-outline= .user-items-list-carousel:hover { background-color: transparent; } .tweak-global-animations-animation-type-flex.primary-button-style-outline= .user-items-list-banner-slideshow { background: transparent; } .tweak-global-animations-animation-type-flex.primary-button-style-outline= .user-items-list-banner-slideshow:hover { background-color: transparent; } } @media (hover: hover) { .tweak-global-animations-animation-type-flex.secondary-button-style-outli= ne .sqs-button-element--secondary:hover, .tweak-global-animations-animation= -type-flex.tertiary-button-style-outline .sqs-button-element--tertiary:hove= r { background: transparent; } } .sqs-announcement-bar .sqs-announcement-bar-close { background: transparent= ; } div#Tock_widget_container > div.TockWidgetWrapper .InlineWidgetDropDown-NoR= ightBorder { border-right: 1px solid rgb(231, 231, 231); } body .sqs-block-form { --fallback-white-hsl: 0,0%,98%; --fallback-black-hsl= : 0,0%,0%; --solid-alpha-modifier: 1; --solid-hover-alpha-modifier: 0.6; --= outline-hover-alpha-modifier: 0.4; --inverted-solid-hover-alpha-modifier: v= ar(--solid-hover-alpha-modifier); --inverted-outline-hover-alpha-modifier: = var(--outline-hover-alpha-modifier); --solid-focus-alpha-modifier: 1; --out= line-focus-alpha-modifier: 0.4; --fill-hover-transition: 0.15s background-c= olor cubic-bezier(0.33, 1, 0.68, 1); } body.form-use-theme-colors .sqs-block-form { --dynamic-fill-color: var(--tw= eak-form-block-field-fill-color); --dynamic-fill-color-hsl: var(--tweak-for= m-block-field-fill-color-hsl); --dynamic-fill-color-a: var(--tweak-form-blo= ck-field-fill-color-a); --dynamic-border-color: var(--tweak-form-block-fiel= d-border-color); --dynamic-border-color-hsl: var(--tweak-form-block-field-b= order-color-hsl); --dynamic-border-color-a: var(--tweak-form-block-field-bo= rder-color-a); --dynamic-input-text-color: var(--tweak-form-block-field-inp= ut-color); --dynamic-input-text-color-hsl: var(--tweak-form-block-field-inp= ut-color-hsl); --dynamic-input-text-color-a: var(--tweak-form-block-field-i= nput-color-a); --dynamic-accessory-color: var(--tweak-form-block-field-acce= ssory-color); } body.form-use-theme-colors .sqs-block-form.sqs-background-enabled { --dynam= ic-fill-color: var(--tweak-form-block-field-fill-color-on-background); --dy= namic-fill-color-hsl: var(--tweak-form-block-field-fill-color-on-background= -hsl); --dynamic-fill-color-a: var(--tweak-form-block-field-fill-color-on-b= ackground-a); --dynamic-border-color: var(--tweak-form-block-field-border-c= olor-on-background); --dynamic-border-color-hsl: var(--tweak-form-block-fie= ld-border-color-on-background-hsl); --dynamic-border-color-a: var(--tweak-f= orm-block-field-border-color-on-background-a); --dynamic-input-text-color: = var(--tweak-form-block-field-input-color-on-background); --dynamic-input-te= xt-color-hsl: var(--tweak-form-block-field-input-color-on-background-hsl); = --dynamic-input-text-color-a: var(--tweak-form-block-field-input-color-a); = --dynamic-accessory-color: var(--tweak-form-block-field-accessory-color-on-= background); } .sqs-block-form .form-item input:not([type=3D"checkbox"]):not([type=3D"radi= o"]), .sqs-block-form .form-item textarea, .sqs-block-form .form-item .file= -display, .sqs-block-form .form-item select { padding: var(--form-field-pad= ding-vertical) var(--form-field-padding-horizontal); } .sqs-block-form .form-item select { padding-right: calc(var(--form-field-pa= dding-horizontal) + var(--form-field-dropdown-icon-size) + 4px); } .form-field-style-solid .sqs-block-form .form-item input:not([type=3D"check= box"]):not([type=3D"radio"]), .form-field-style-solid .sqs-block-form .form= -item textarea, .form-field-style-solid .sqs-block-form .form-item .file-di= splay, .form-field-style-solid .sqs-block-form .form-item select { backgrou= nd-color: hsla(var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)), ca= lc(var(--dynamic-fill-color-a, 1) * var(--solid-alpha-modifier))); transiti= on: var(--fill-hover-transition); } @media (hover: hover) { .form-field-style-solid .sqs-block-form .form-item input:not([type=3D"che= ckbox"]):not([type=3D"radio"]):hover, .form-field-style-solid .sqs-block-fo= rm .form-item textarea:hover, .form-field-style-solid .sqs-block-form .form= -item .file-display:hover, .form-field-style-solid .sqs-block-form .form-it= em select:hover { background-color: hsla(var(--dynamic-fill-color-hsl, var(= --fallback-white-hsl)), calc(var(--dynamic-fill-color-a, 1) * var(--solid-h= over-alpha-modifier))); } } .form-field-style-solid .sqs-block-form .form-item input:not([type=3D"check= box"]):not([type=3D"radio"]):focus, .form-field-style-solid .sqs-block-form= .form-item textarea:focus, .form-field-style-solid .sqs-block-form .form-i= tem .file-display:focus, .form-field-style-solid .sqs-block-form .form-item= select:focus { background-color: hsla(var(--dynamic-fill-color-hsl, var(--= fallback-white-hsl)), calc(var(--dynamic-fill-color-a, 1) * var(--solid-foc= us-alpha-modifier))); } .form-field-style-outline .sqs-block-form .form-item input:not([type=3D"che= ckbox"]):not([type=3D"radio"]), .form-field-style-outline .sqs-block-form .= form-item textarea, .form-field-style-outline .sqs-block-form .form-item .f= ile-display, .form-field-style-outline .sqs-block-form .form-item select { = border-color: var(--dynamic-border-color, #A9A9A9); background-color: hsla(= var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)), 0); transition: v= ar(--fill-hover-transition); } @media (hover: hover) { .form-field-style-outline .sqs-block-form .form-item input:not([type=3D"c= heckbox"]):not([type=3D"radio"]):hover, .form-field-style-outline .sqs-bloc= k-form .form-item textarea:hover, .form-field-style-outline .sqs-block-form= .form-item .file-display:hover, .form-field-style-outline .sqs-block-form = .form-item select:hover { background-color: hsla(var(--dynamic-fill-color-h= sl, var(--fallback-white-hsl)), calc(var(--dynamic-fill-color-a, 1) * var(-= -outline-hover-alpha-modifier))); } } .form-field-style-outline .sqs-block-form .form-item input:not([type=3D"che= ckbox"]):not([type=3D"radio"]):focus, .form-field-style-outline .sqs-block-= form .form-item textarea:focus, .form-field-style-outline .sqs-block-form .= form-item .file-display:focus, .form-field-style-outline .sqs-block-form .f= orm-item select:focus { background-color: hsla(var(--dynamic-fill-color-hsl= , var(--fallback-white-hsl)), calc(var(--dynamic-fill-color-a, 1) * var(--o= utline-focus-alpha-modifier))); } .form-field-shape-square { } .form-field-shape-square.form-field-border-none .sqs-block-form .form-item = input, .form-field-shape-square.form-field-border-none .sqs-block-form .for= m-item textarea, .form-field-shape-square.form-field-border-none .sqs-block= -form .form-item .file-display, .form-field-shape-square.form-field-border-= none .sqs-block-form .form-item select { border: 1px solid transparent; box= -shadow: transparent 0px 0px 0px 1px; } .form-field-shape-square.form-field-border-all .sqs-block-form .form-item i= nput:not([type=3D"checkbox"]):not([type=3D"radio"]), .form-field-shape-squa= re.form-field-border-all .sqs-block-form .form-item textarea, .form-field-s= hape-square.form-field-border-all .sqs-block-form .form-item .file-display,= .form-field-shape-square.form-field-border-all .sqs-block-form .form-item = select { border: solid var(--form-field-border-thickness) var(--dynamic-bor= der-color, #A9A9A9); border-radius: 0px; box-shadow: transparent 0px 0px 0p= x 1px; } .form-field-shape-square.form-field-border-bottom .sqs-block-form .form-ite= m input:not([type=3D"checkbox"]):not([type=3D"radio"]), .form-field-shape-s= quare.form-field-border-bottom .sqs-block-form .form-item textarea, .form-f= ield-shape-square.form-field-border-bottom .sqs-block-form .form-item .file= -display, .form-field-shape-square.form-field-border-bottom .sqs-block-form= .form-item select { border-bottom: var(--form-field-border-thickness) soli= d var(--dynamic-border-color, #A9A9A9); border-top: 0px; border-right: 0px;= border-left: 0px; border-bottom-left-radius: 0px; border-bottom-right-radi= us: 0px; } .form-field-shape-rounded { } .form-field-shape-rounded .sqs-block-form input:not([type=3D"checkbox"]):no= t([type=3D"radio"]), .form-field-shape-rounded .sqs-block-form textarea, .f= orm-field-shape-rounded .sqs-block-form .file-upload, .form-field-shape-rou= nded .sqs-block-form .file-display, .form-field-shape-rounded .sqs-block-fo= rm select, .form-field-shape-rounded .sqs-block-form .form-field-error { bo= rder-radius: 0.4rem; } .form-field-shape-rounded .sqs-block-form .form-input-effects { --fx-input-= border-radius: 0.4rem; } .form-field-shape-rounded.form-field-border-none .sqs-block-form .form-item= input, .form-field-shape-rounded.form-field-border-none .sqs-block-form .f= orm-item textarea, .form-field-shape-rounded.form-field-border-none .sqs-bl= ock-form .form-item .file-display, .form-field-shape-rounded.form-field-bor= der-none .sqs-block-form .form-item select { border: 1px solid transparent;= box-shadow: transparent 0px 0px 0px 1px; } .form-field-shape-rounded.form-field-border-all .sqs-block-form .form-item = input:not([type=3D"checkbox"]):not([type=3D"radio"]), .form-field-shape-rou= nded.form-field-border-all .sqs-block-form .form-item textarea, .form-field= -shape-rounded.form-field-border-all .sqs-block-form .form-item .file-displ= ay, .form-field-shape-rounded.form-field-border-all .sqs-block-form .form-i= tem select { border: solid var(--form-field-border-thickness) var(--dynamic= -border-color, #A9A9A9); box-shadow: transparent 0px 0px 0px 1px; } .form-field-shape-rounded.form-field-border-bottom .sqs-block-form .form-it= em input:not([type=3D"checkbox"]):not([type=3D"radio"]), .form-field-shape-= rounded.form-field-border-bottom .sqs-block-form .form-item textarea, .form= -field-shape-rounded.form-field-border-bottom .sqs-block-form .form-item .f= ile-display, .form-field-shape-rounded.form-field-border-bottom .sqs-block-= form .form-item select { border-bottom: var(--form-field-border-thickness) = solid var(--dynamic-border-color, #A9A9A9); border-top: 0px; border-right: = 0px; border-left: 0px; border-bottom-left-radius: 0px; border-bottom-right-= radius: 0px; } .form-field-shape-pill { --pill-border-radius: calc(var(--form-field-paddin= g-vertical) + var(--form-block-input-text-font-line-height) * 0.66); } .form-field-shape-pill .sqs-block-form input:not([type=3D"checkbox"]):not([= type=3D"radio"]), .form-field-shape-pill .sqs-block-form textarea, .form-fi= eld-shape-pill .sqs-block-form .file-upload, .form-field-shape-pill .sqs-bl= ock-form .file-display, .form-field-shape-pill .sqs-block-form select, .for= m-field-shape-pill .sqs-block-form .form-field-error { border-radius: var(-= -pill-border-radius); } .form-field-shape-pill .sqs-block-form .form-input-effects { --fx-input-bor= der-radius: var(--pill-border-radius); } .form-field-shape-pill.form-field-border-none .sqs-block-form .form-item in= put, .form-field-shape-pill.form-field-border-none .sqs-block-form .form-it= em textarea, .form-field-shape-pill.form-field-border-none .sqs-block-form = .form-item .file-display, .form-field-shape-pill.form-field-border-none .sq= s-block-form .form-item select { border: 1px solid transparent; box-shadow:= transparent 0px 0px 0px 1px; } .form-field-shape-pill.form-field-border-all .sqs-block-form .form-item inp= ut:not([type=3D"checkbox"]):not([type=3D"radio"]), .form-field-shape-pill.f= orm-field-border-all .sqs-block-form .form-item textarea, .form-field-shape= -pill.form-field-border-all .sqs-block-form .form-item .file-display, .form= -field-shape-pill.form-field-border-all .sqs-block-form .form-item select {= border: solid var(--form-field-border-thickness) var(--dynamic-border-colo= r, #A9A9A9); box-shadow: transparent 0px 0px 0px 1px; } .form-field-shape-pill.form-field-border-bottom .sqs-block-form .form-item = input:not([type=3D"checkbox"]):not([type=3D"radio"]), .form-field-shape-pil= l.form-field-border-bottom .sqs-block-form .form-item textarea, .form-field= -shape-pill.form-field-border-bottom .sqs-block-form .form-item .file-displ= ay, .form-field-shape-pill.form-field-border-bottom .sqs-block-form .form-i= tem select { border-bottom: var(--form-field-border-thickness) solid var(--= dynamic-border-color, #A9A9A9); border-top: 0px; border-right: 0px; border-= left: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;= } .form-field-shape-custom { } .form-field-shape-custom .sqs-block-form input:not([type=3D"checkbox"]):not= ([type=3D"radio"]), .form-field-shape-custom .sqs-block-form textarea, .for= m-field-shape-custom .sqs-block-form .file-upload, .form-field-shape-custom= .sqs-block-form .file-display, .form-field-shape-custom .sqs-block-form se= lect, .form-field-shape-custom .sqs-block-form .form-field-error { border-t= op-left-radius: var(--form-field-shape-border-top-left-radius); border-top-= right-radius: var(--form-field-shape-border-top-right-radius); border-botto= m-right-radius: var(--form-field-shape-border-bottom-right-radius); border-= bottom-left-radius: var(--form-field-shape-border-bottom-left-radius); } .form-field-shape-custom .sqs-block-form .form-input-effects { --fx-input-b= order-radius: var(--form-field-shape-border-top-left-radius) var(--form-fie= ld-shape-border-top-right-radius) var(--form-field-shape-border-bottom-righ= t-radius) var(--form-field-shape-border-bottom-left-radius); } .form-field-shape-custom.form-field-border-none .sqs-block-form .form-item = input, .form-field-shape-custom.form-field-border-none .sqs-block-form .for= m-item textarea, .form-field-shape-custom.form-field-border-none .sqs-block= -form .form-item .file-display, .form-field-shape-custom.form-field-border-= none .sqs-block-form .form-item select { border: 1px solid transparent; box= -shadow: transparent 0px 0px 0px 1px; } .form-field-shape-custom.form-field-border-all .sqs-block-form .form-item i= nput:not([type=3D"checkbox"]):not([type=3D"radio"]), .form-field-shape-cust= om.form-field-border-all .sqs-block-form .form-item textarea, .form-field-s= hape-custom.form-field-border-all .sqs-block-form .form-item .file-display,= .form-field-shape-custom.form-field-border-all .sqs-block-form .form-item = select { border: solid var(--form-field-border-thickness) var(--dynamic-bor= der-color, #A9A9A9); box-shadow: transparent 0px 0px 0px 1px; } .form-field-shape-custom.form-field-border-bottom .sqs-block-form .form-ite= m input:not([type=3D"checkbox"]):not([type=3D"radio"]), .form-field-shape-c= ustom.form-field-border-bottom .sqs-block-form .form-item textarea, .form-f= ield-shape-custom.form-field-border-bottom .sqs-block-form .form-item .file= -display, .form-field-shape-custom.form-field-border-bottom .sqs-block-form= .form-item select { border-bottom: var(--form-field-border-thickness) soli= d var(--dynamic-border-color, #A9A9A9); border-top: 0px; border-right: 0px;= border-left: 0px; } .form-field-border-all .sqs-block-form .form-item .form-input-prefix { padd= ing: var(--form-field-padding-vertical) 10px var(--form-field-padding-verti= cal) var(--form-field-padding-horizontal); border-width: var(--form-field-b= order-thickness) 0; left: var(--form-field-border-thickness); } .form-field-border-bottom .sqs-block-form .form-item .form-input-prefix { p= adding: var(--form-field-padding-vertical) 10px var(--form-field-padding-ve= rtical) var(--form-field-padding-horizontal); border-width: 0 0 var(--form-= field-border-thickness) 0; left: 0px; } .form-field-border-none .sqs-block-form .form-item .form-input-prefix { pad= ding: var(--form-field-padding-vertical) 10px var(--form-field-padding-vert= ical) var(--form-field-padding-horizontal); border-width: 1px 0px; left: 1p= x; } .sqs-block-form .form-item.select svg path, .sqs-block-form .form-item.time= svg path, .sqs-block-form .form-item.date svg path { fill: var(--dynamic-a= ccessory-color, #000); } .sqs-block-form .form-item.select select ~ div { right: var(--form-field-pa= dding-horizontal); } .sqs-block-form .form-item.date input ~ div, .sqs-block-form .form-item.tim= e input ~ div { right: var(--form-field-padding-horizontal); } .form-field-border-all .sqs-block-form .form-item select ~ div { right: cal= c(var(--form-field-border-thickness) + var(--form-field-padding-horizontal)= ); } .form-field-checkbox-shape-square .sqs-block-form .form-item.checkbox input= [type=3D"checkbox"], .form-field-checkbox-shape-square .sqs-block-form .for= m-item.email input[type=3D"checkbox"] { border-radius: 0px; } .form-field-checkbox-shape-pill .sqs-block-form .form-item.checkbox input[t= ype=3D"checkbox"], .form-field-checkbox-shape-pill .sqs-block-form .form-it= em.email input[type=3D"checkbox"] { border-radius: 300px; } .form-field-checkbox-shape-rounded .sqs-block-form .form-item.checkbox inpu= t[type=3D"checkbox"], .form-field-checkbox-shape-rounded .sqs-block-form .f= orm-item.email input[type=3D"checkbox"] { border-radius: 25%; } .form-field-checkbox-shape-custom .sqs-block-form .form-item.checkbox input= [type=3D"checkbox"], .form-field-checkbox-shape-custom .sqs-block-form .for= m-item.email input[type=3D"checkbox"], .form-field-checkbox-shape-custom .s= qs-block-form .form-item.checkbox label span, .form-field-checkbox-shape-cu= stom .sqs-block-form .form-item.email label span { border-top-left-radius: = var(--form-field-checkbox-shape-border-top-left-radius); border-top-right-r= adius: var(--form-field-checkbox-shape-border-top-right-radius); border-bot= tom-right-radius: var(--form-field-checkbox-shape-border-bottom-right-radiu= s); border-bottom-left-radius: var(--form-field-checkbox-shape-border-botto= m-left-radius); } .form-field-checkbox-fill-solid.form-field-checkbox-color-normal .sqs-block= -form .form-item.checkbox, .form-field-checkbox-fill-solid.form-field-check= box-color-normal .form-item.email { --background-color-hsl: var(--dynamic-f= ill-color-hsl, var(--fallback-white-hsl)); --background-color-alpha: var(--= dynamic-fill-color-a, 1); --background-color-alpha-default: var(--dynamic-f= ill-color-a, 1); --checked-background-color-hsl: var(--dynamic-fill-color-h= sl, var(--fallback-white-hsl)); --checked-background-color-alpha: var(--dyn= amic-fill-color-a, 1); --checked-background-color-alpha-default: var(--dyna= mic-fill-color-a, 1); --checked-foreground-color: var(--dynamic-border-colo= r, #000); --hover-alpha-modifier: var(--solid-hover-alpha-modifier); } .form-field-checkbox-fill-solid.form-field-checkbox-color-normal .sqs-block= -form .form-item.checkbox label, .form-field-checkbox-fill-solid.form-field= -checkbox-color-normal .form-item.email label { column-gap: var(--form-fiel= d-checkbox-space-between-icon-and-text); cursor: pointer; } .form-field-checkbox-fill-solid.form-field-checkbox-color-normal .sqs-block= -form .form-item.checkbox label input[type=3D"checkbox"], .form-field-check= box-fill-solid.form-field-checkbox-color-normal .form-item.email label inpu= t[type=3D"checkbox"] { cursor: pointer; transition: var(--fill-hover-transi= tion); background-color: hsla(var(--background-color-hsl), calc(var(--backg= round-color-alpha-default) * var(--solid-alpha-modifier))); border: var(--f= orm-field-checkbox-border-thickness) solid var(--dynamic-border-color, #A9A= 9A9); width: var(--form-field-checkbox-size); height: var(--form-field-chec= kbox-size); flex-shrink: 0; margin-right: 0px; } .form-field-checkbox-fill-solid.form-field-checkbox-color-normal .sqs-block= -form .form-item.checkbox label input[type=3D"checkbox"]::before, .form-fie= ld-checkbox-fill-solid.form-field-checkbox-color-normal .form-item.email la= bel input[type=3D"checkbox"]::before { width: 75%; height: 75%; background-= color: var(--checked-foreground-color) !important; } @media (hover: hover) { .form-field-checkbox-fill-solid.form-field-checkbox-color-normal .sqs-blo= ck-form .form-item.checkbox label input[type=3D"checkbox"]:hover, .form-fie= ld-checkbox-fill-solid.form-field-checkbox-color-normal .form-item.email la= bel input[type=3D"checkbox"]:hover { background-color: hsla(var(--backgroun= d-color-hsl), calc(var(--background-color-alpha) * var(--hover-alpha-modifi= er))); } } .form-field-checkbox-fill-solid.form-field-checkbox-color-normal .sqs-block= -form .form-item.checkbox label input[type=3D"checkbox"]:checked, .form-fie= ld-checkbox-fill-solid.form-field-checkbox-color-normal .form-item.email la= bel input[type=3D"checkbox"]:checked { background-color: hsla(var(--checked= -background-color-hsl), var(--checked-background-color-alpha-default)) !imp= ortant; } @media (hover: hover) { .form-field-checkbox-fill-solid.form-field-checkbox-color-normal .sqs-blo= ck-form .form-item.checkbox label input[type=3D"checkbox"]:checked:hover, .= form-field-checkbox-fill-solid.form-field-checkbox-color-normal .form-item.= email label input[type=3D"checkbox"]:checked:hover { background-color: hsla= (var(--checked-background-color-hsl), calc(var(--checked-background-color-a= lpha) * var(--checked-hover-alpha-modifier, var(--hover-alpha-modifier)))) = !important; } } .form-field-checkbox-fill-solid.form-field-checkbox-color-inverted .sqs-blo= ck-form .form-item.checkbox, .form-field-checkbox-fill-solid.form-field-che= ckbox-color-inverted .form-item.email { --background-color-hsl: var(--dynam= ic-fill-color-hsl, var(--fallback-white-hsl)); --background-color-alpha: va= r(--dynamic-fill-color-a, 1); --background-color-alpha-default: var(--dynam= ic-fill-color-a, 1); --checked-background-color-hsl: var(--dynamic-border-c= olor-hsl, var(--fallback-black-hsl)); --checked-background-color-alpha: var= (--dynamic-border-color-a, 1); --checked-background-color-alpha-default: va= r(--dynamic-border-color-a, 1); --checked-foreground-color: var(--dynamic-f= ill-color, #FAFAFA); --hover-alpha-modifier: var(--solid-hover-alpha-modifi= er); --checked-hover-alpha-modifier: var(--inverted-solid-hover-alpha-modif= ier); } .form-field-checkbox-fill-solid.form-field-checkbox-color-inverted .sqs-blo= ck-form .form-item.checkbox label, .form-field-checkbox-fill-solid.form-fie= ld-checkbox-color-inverted .form-item.email label { column-gap: var(--form-= field-checkbox-space-between-icon-and-text); cursor: pointer; } .form-field-checkbox-fill-solid.form-field-checkbox-color-inverted .sqs-blo= ck-form .form-item.checkbox label input[type=3D"checkbox"], .form-field-che= ckbox-fill-solid.form-field-checkbox-color-inverted .form-item.email label = input[type=3D"checkbox"] { cursor: pointer; transition: var(--fill-hover-tr= ansition); background-color: hsla(var(--background-color-hsl), calc(var(--b= ackground-color-alpha-default) * var(--solid-alpha-modifier))); border: var= (--form-field-checkbox-border-thickness) solid var(--dynamic-border-color, = #A9A9A9); width: var(--form-field-checkbox-size); height: var(--form-field-= checkbox-size); flex-shrink: 0; margin-right: 0px; } .form-field-checkbox-fill-solid.form-field-checkbox-color-inverted .sqs-blo= ck-form .form-item.checkbox label input[type=3D"checkbox"]::before, .form-f= ield-checkbox-fill-solid.form-field-checkbox-color-inverted .form-item.emai= l label input[type=3D"checkbox"]::before { width: 75%; height: 75%; backgro= und-color: var(--checked-foreground-color) !important; } @media (hover: hover) { .form-field-checkbox-fill-solid.form-field-checkbox-color-inverted .sqs-b= lock-form .form-item.checkbox label input[type=3D"checkbox"]:hover, .form-f= ield-checkbox-fill-solid.form-field-checkbox-color-inverted .form-item.emai= l label input[type=3D"checkbox"]:hover { background-color: hsla(var(--backg= round-color-hsl), calc(var(--background-color-alpha) * var(--hover-alpha-mo= difier))); } } .form-field-checkbox-fill-solid.form-field-checkbox-color-inverted .sqs-blo= ck-form .form-item.checkbox label input[type=3D"checkbox"]:checked, .form-f= ield-checkbox-fill-solid.form-field-checkbox-color-inverted .form-item.emai= l label input[type=3D"checkbox"]:checked { background-color: hsla(var(--che= cked-background-color-hsl), var(--checked-background-color-alpha-default)) = !important; } @media (hover: hover) { .form-field-checkbox-fill-solid.form-field-checkbox-color-inverted .sqs-b= lock-form .form-item.checkbox label input[type=3D"checkbox"]:checked:hover,= .form-field-checkbox-fill-solid.form-field-checkbox-color-inverted .form-i= tem.email label input[type=3D"checkbox"]:checked:hover { background-color: = hsla(var(--checked-background-color-hsl), calc(var(--checked-background-col= or-alpha) * var(--checked-hover-alpha-modifier, var(--hover-alpha-modifier)= ))) !important; } } .form-field-checkbox-fill-outline.form-field-checkbox-color-normal .sqs-blo= ck-form .form-item.checkbox, .form-field-checkbox-fill-outline.form-field-c= heckbox-color-normal .form-item.email { --background-color-hsl: var(--dynam= ic-fill-color-hsl, var(--fallback-white-hsl)); --background-color-alpha: va= r(--dynamic-fill-color-a, 1); --background-color-alpha-default: 0; --checke= d-background-color-hsl: var(--dynamic-fill-color-hsl, var(--fallback-white-= hsl)); --checked-background-color-alpha: var(--dynamic-fill-color-a, 1); --= checked-background-color-alpha-default: 0; --checked-foreground-color: var(= --dynamic-border-color, #000); --hover-alpha-modifier: var(--outline-hover-= alpha-modifier); } .form-field-checkbox-fill-outline.form-field-checkbox-color-normal .sqs-blo= ck-form .form-item.checkbox label, .form-field-checkbox-fill-outline.form-f= ield-checkbox-color-normal .form-item.email label { column-gap: var(--form-= field-checkbox-space-between-icon-and-text); cursor: pointer; } .form-field-checkbox-fill-outline.form-field-checkbox-color-normal .sqs-blo= ck-form .form-item.checkbox label input[type=3D"checkbox"], .form-field-che= ckbox-fill-outline.form-field-checkbox-color-normal .form-item.email label = input[type=3D"checkbox"] { cursor: pointer; transition: var(--fill-hover-tr= ansition); background-color: hsla(var(--background-color-hsl), calc(var(--b= ackground-color-alpha-default) * var(--solid-alpha-modifier))); border: var= (--form-field-checkbox-border-thickness) solid var(--dynamic-border-color, = #A9A9A9); width: var(--form-field-checkbox-size); height: var(--form-field-= checkbox-size); flex-shrink: 0; margin-right: 0px; } .form-field-checkbox-fill-outline.form-field-checkbox-color-normal .sqs-blo= ck-form .form-item.checkbox label input[type=3D"checkbox"]::before, .form-f= ield-checkbox-fill-outline.form-field-checkbox-color-normal .form-item.emai= l label input[type=3D"checkbox"]::before { width: 75%; height: 75%; backgro= und-color: var(--checked-foreground-color) !important; } @media (hover: hover) { .form-field-checkbox-fill-outline.form-field-checkbox-color-normal .sqs-b= lock-form .form-item.checkbox label input[type=3D"checkbox"]:hover, .form-f= ield-checkbox-fill-outline.form-field-checkbox-color-normal .form-item.emai= l label input[type=3D"checkbox"]:hover { background-color: hsla(var(--backg= round-color-hsl), calc(var(--background-color-alpha) * var(--hover-alpha-mo= difier))); } } .form-field-checkbox-fill-outline.form-field-checkbox-color-normal .sqs-blo= ck-form .form-item.checkbox label input[type=3D"checkbox"]:checked, .form-f= ield-checkbox-fill-outline.form-field-checkbox-color-normal .form-item.emai= l label input[type=3D"checkbox"]:checked { background-color: hsla(var(--che= cked-background-color-hsl), var(--checked-background-color-alpha-default)) = !important; } @media (hover: hover) { .form-field-checkbox-fill-outline.form-field-checkbox-color-normal .sqs-b= lock-form .form-item.checkbox label input[type=3D"checkbox"]:checked:hover,= .form-field-checkbox-fill-outline.form-field-checkbox-color-normal .form-i= tem.email label input[type=3D"checkbox"]:checked:hover { background-color: = hsla(var(--checked-background-color-hsl), calc(var(--checked-background-col= or-alpha) * var(--checked-hover-alpha-modifier, var(--hover-alpha-modifier)= ))) !important; } } .form-field-checkbox-fill-outline.form-field-checkbox-color-inverted .sqs-b= lock-form .form-item.checkbox, .form-field-checkbox-fill-outline.form-field= -checkbox-color-inverted .form-item.email { --background-color-hsl: var(--d= ynamic-fill-color-hsl, var(--fallback-white-hsl)); --background-color-alpha= : var(--dynamic-fill-color-a, 1); --background-color-alpha-default: 0; --ch= ecked-background-color-hsl: var(--dynamic-border-color-hsl, var(--fallback-= black-hsl)); --checked-background-color-alpha: var(--dynamic-border-color-a= , 1); --checked-background-color-alpha-default: var(--dynamic-border-color-= a, 1); --checked-foreground-color: var(--dynamic-fill-color, #FAFAFA); --ho= ver-alpha-modifier: var(--outline-hover-alpha-modifier); --checked-hover-al= pha-modifier: var(--inverted-outline-hover-alpha-modifier); } .form-field-checkbox-fill-outline.form-field-checkbox-color-inverted .sqs-b= lock-form .form-item.checkbox label, .form-field-checkbox-fill-outline.form= -field-checkbox-color-inverted .form-item.email label { column-gap: var(--f= orm-field-checkbox-space-between-icon-and-text); cursor: pointer; } .form-field-checkbox-fill-outline.form-field-checkbox-color-inverted .sqs-b= lock-form .form-item.checkbox label input[type=3D"checkbox"], .form-field-c= heckbox-fill-outline.form-field-checkbox-color-inverted .form-item.email la= bel input[type=3D"checkbox"] { cursor: pointer; transition: var(--fill-hove= r-transition); background-color: hsla(var(--background-color-hsl), calc(var= (--background-color-alpha-default) * var(--solid-alpha-modifier))); border:= var(--form-field-checkbox-border-thickness) solid var(--dynamic-border-col= or, #A9A9A9); width: var(--form-field-checkbox-size); height: var(--form-fi= eld-checkbox-size); flex-shrink: 0; margin-right: 0px; } .form-field-checkbox-fill-outline.form-field-checkbox-color-inverted .sqs-b= lock-form .form-item.checkbox label input[type=3D"checkbox"]::before, .form= -field-checkbox-fill-outline.form-field-checkbox-color-inverted .form-item.= email label input[type=3D"checkbox"]::before { width: 75%; height: 75%; bac= kground-color: var(--checked-foreground-color) !important; } @media (hover: hover) { .form-field-checkbox-fill-outline.form-field-checkbox-color-inverted .sqs= -block-form .form-item.checkbox label input[type=3D"checkbox"]:hover, .form= -field-checkbox-fill-outline.form-field-checkbox-color-inverted .form-item.= email label input[type=3D"checkbox"]:hover { background-color: hsla(var(--b= ackground-color-hsl), calc(var(--background-color-alpha) * var(--hover-alph= a-modifier))); } } .form-field-checkbox-fill-outline.form-field-checkbox-color-inverted .sqs-b= lock-form .form-item.checkbox label input[type=3D"checkbox"]:checked, .form= -field-checkbox-fill-outline.form-field-checkbox-color-inverted .form-item.= email label input[type=3D"checkbox"]:checked { background-color: hsla(var(-= -checked-background-color-hsl), var(--checked-background-color-alpha-defaul= t)) !important; } @media (hover: hover) { .form-field-checkbox-fill-outline.form-field-checkbox-color-inverted .sqs= -block-form .form-item.checkbox label input[type=3D"checkbox"]:checked:hove= r, .form-field-checkbox-fill-outline.form-field-checkbox-color-inverted .fo= rm-item.email label input[type=3D"checkbox"]:checked:hover { background-col= or: hsla(var(--checked-background-color-hsl), calc(var(--checked-background= -color-alpha) * var(--checked-hover-alpha-modifier, var(--hover-alpha-modif= ier)))) !important; } } .form-field-checkbox-type-button.form-field-checkbox-fill-solid .sqs-block-= form .form-item.checkbox { --background-color-hsl: var(--dynamic-fill-color= -hsl, var(--fallback-white-hsl)); --background-color-alpha: var(--dynamic-f= ill-color-a, 1); --background-color-alpha-default: var(--dynamic-fill-color= -a, 1); --foreground-color-hsl: var(--dynamic-border-color-hsl, var(--fallb= ack-black-hsl)); --foreground-color-alpha: var(--dynamic-border-color-a, 1)= ; --checked-foreground-color: var(--dynamic-fill-color, #FAFAFA); --hover-a= lpha-modifier: var(--solid-hover-alpha-modifier); --checked-hover-alpha-mod= ifier: var(--inverted-solid-hover-alpha-modifier); } .form-field-checkbox-type-button.form-field-checkbox-fill-solid .sqs-block-= form .form-item.checkbox input[type=3D"checkbox"] { position: absolute; opa= city: 0; pointer-events: none; } .form-field-checkbox-type-button.form-field-checkbox-fill-solid .sqs-block-= form .form-item.checkbox label { cursor: pointer; user-select: none; displa= y: inline-flex; } .form-field-checkbox-type-button.form-field-checkbox-fill-solid .sqs-block-= form .form-item.checkbox label span { transition: var(--fill-hover-transiti= on); background-color: hsla(var(--background-color-hsl), calc(var(--backgro= und-color-alpha-default) * var(--solid-alpha-modifier))); color: hsla(var(-= -foreground-color-hsl), var(--foreground-color-alpha)); padding: var(--form= -field-checkbox-padding-vertical) var(--form-field-checkbox-padding-horizon= tal); border: var(--form-field-checkbox-border-thickness) solid hsla(var(--= foreground-color-hsl), var(--foreground-color-alpha)); } @media (hover: hover) { .form-field-checkbox-type-button.form-field-checkbox-fill-solid .sqs-bloc= k-form .form-item.checkbox label span:hover { background-color: hsla(var(--= background-color-hsl), calc(var(--background-color-alpha) * var(--hover-alp= ha-modifier))); } } .form-field-checkbox-type-button.form-field-checkbox-fill-solid .sqs-block-= form .form-item.checkbox label input[type=3D"checkbox"]:checked ~ span { ba= ckground-color: hsla(var(--foreground-color-hsl), var(--foreground-color-al= pha)); color: var(--checked-foreground-color); border-color: hsla(var(--for= eground-color-hsl), var(--foreground-color-alpha)); } @media (hover: hover) { .form-field-checkbox-type-button.form-field-checkbox-fill-solid .sqs-bloc= k-form .form-item.checkbox label input[type=3D"checkbox"]:checked ~ span:ho= ver { background-color: hsla(var(--foreground-color-hsl), calc(var(--foregr= ound-color-alpha) * var(--checked-hover-alpha-modifier, var(--hover-alpha-m= odifier)))); } } .form-field-checkbox-type-button.form-field-checkbox-fill-outline .sqs-bloc= k-form .form-item.checkbox { --background-color-hsl: var(--dynamic-fill-col= or-hsl, var(--fallback-white-hsl)); --background-color-alpha: var(--dynamic= -fill-color-a, 1); --background-color-alpha-default: 0; --foreground-color-= hsl: var(--dynamic-border-color-hsl, var(--fallback-black-hsl)); --foregrou= nd-color-alpha: var(--dynamic-border-color-a, 1); --checked-foreground-colo= r: var(--dynamic-fill-color, #FAFAFA); --hover-alpha-modifier: var(--outlin= e-hover-alpha-modifier); --checked-hover-alpha-modifier: var(--inverted-out= line-hover-alpha-modifier); } .form-field-checkbox-type-button.form-field-checkbox-fill-outline .sqs-bloc= k-form .form-item.checkbox input[type=3D"checkbox"] { position: absolute; o= pacity: 0; pointer-events: none; } .form-field-checkbox-type-button.form-field-checkbox-fill-outline .sqs-bloc= k-form .form-item.checkbox label { cursor: pointer; user-select: none; disp= lay: inline-flex; } .form-field-checkbox-type-button.form-field-checkbox-fill-outline .sqs-bloc= k-form .form-item.checkbox label span { transition: var(--fill-hover-transi= tion); background-color: hsla(var(--background-color-hsl), calc(var(--backg= round-color-alpha-default) * var(--solid-alpha-modifier))); color: hsla(var= (--foreground-color-hsl), var(--foreground-color-alpha)); padding: var(--fo= rm-field-checkbox-padding-vertical) var(--form-field-checkbox-padding-horiz= ontal); border: var(--form-field-checkbox-border-thickness) solid hsla(var(= --foreground-color-hsl), var(--foreground-color-alpha)); } @media (hover: hover) { .form-field-checkbox-type-button.form-field-checkbox-fill-outline .sqs-bl= ock-form .form-item.checkbox label span:hover { background-color: hsla(var(= --background-color-hsl), calc(var(--background-color-alpha) * var(--hover-a= lpha-modifier))); } } .form-field-checkbox-type-button.form-field-checkbox-fill-outline .sqs-bloc= k-form .form-item.checkbox label input[type=3D"checkbox"]:checked ~ span { = background-color: hsla(var(--foreground-color-hsl), var(--foreground-color-= alpha)); color: var(--checked-foreground-color); border-color: hsla(var(--f= oreground-color-hsl), var(--foreground-color-alpha)); } @media (hover: hover) { .form-field-checkbox-type-button.form-field-checkbox-fill-outline .sqs-bl= ock-form .form-item.checkbox label input[type=3D"checkbox"]:checked ~ span:= hover { background-color: hsla(var(--foreground-color-hsl), calc(var(--fore= ground-color-alpha) * var(--checked-hover-alpha-modifier, var(--hover-alpha= -modifier)))); } } .form-field-checkbox-type-button.form-field-checkbox-shape-square .sqs-bloc= k-form .form-item.checkbox label span { border-radius: 0px; } .form-field-checkbox-type-button.form-field-checkbox-shape-pill { --checkbo= x-pill-border-radius: calc(var(--form-field-checkbox-padding-vertical) + va= r(--form-block-option-text-font-line-height) * 0.66); } .form-field-checkbox-type-button.form-field-checkbox-shape-pill .sqs-block-= form .form-item.checkbox label span { border-radius: var(--checkbox-pill-bo= rder-radius); } .form-field-checkbox-type-button.form-field-checkbox-shape-rounded .sqs-blo= ck-form .form-item.checkbox label span { border-radius: 0.4rem; } .form-field-checkbox-layout-stack .sqs-block-form .form-item.checkbox { dis= play: flex; flex-flow: column wrap; gap: var(--form-field-checkbox-row-gap)= var(--form-field-checkbox-column-gap); } .form-field-checkbox-layout-fit .sqs-block-form .form-item.checkbox { displ= ay: flex; flex-flow: wrap; gap: var(--form-field-checkbox-row-gap) var(--fo= rm-field-checkbox-column-gap); } .form-field-radio-shape-square .sqs-block-form .form-item.radio .radio-mark= , .form-field-radio-shape-square .sqs-block-form .form-item.radio .radio-ma= rk::after, .form-field-radio-shape-square .sqs-block-form .form-item.radio = .radio-label, .form-field-radio-shape-square .sqs-block-form .form-item.rad= io .radio-outline { border-radius: 0px; } .form-field-radio-shape-pill .sqs-block-form .form-item.radio .radio-mark, = .form-field-radio-shape-pill .sqs-block-form .form-item.radio .radio-mark::= after, .form-field-radio-shape-pill .sqs-block-form .form-item.radio .radio= -label, .form-field-radio-shape-pill .sqs-block-form .form-item.radio .radi= o-outline { border-radius: 300px; } .form-field-radio-shape-custom .sqs-block-form .form-item.radio .radio-mark= , .form-field-radio-shape-custom .sqs-block-form .form-item.radio .radio-ma= rk::after, .form-field-radio-shape-custom .sqs-block-form .form-item.radio = .radio-label, .form-field-radio-shape-custom .sqs-block-form .form-item.rad= io .radio-outline { border-top-left-radius: var(--form-field-radio-shape-bo= rder-top-left-radius); border-top-right-radius: var(--form-field-radio-shap= e-border-top-right-radius); border-bottom-right-radius: var(--form-field-ra= dio-shape-border-bottom-right-radius); border-bottom-left-radius: var(--for= m-field-radio-shape-border-bottom-left-radius); } .form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-co= lor-normal .sqs-block-form .form-item.radio { --background-color-hsl: var(-= -dynamic-fill-color-hsl, var(--fallback-white-hsl)); --background-color-alp= ha: var(--dynamic-fill-color-a, 1); --background-color-alpha-default: var(-= -dynamic-fill-color-a, 1); --checked-background-color-hsl: var(--dynamic-fi= ll-color-hsl, var(--fallback-white-hsl)); --checked-background-color-alpha:= var(--dynamic-fill-color-a, 1); --checked-background-color-alpha-default: = var(--dynamic-fill-color-a, 1); --checked-foreground-color: var(--dynamic-b= order-color, #000); --hover-alpha-modifier: var(--solid-hover-alpha-modifie= r); } .form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-co= lor-normal .sqs-block-form .form-item.radio label { column-gap: var(--form-= field-radio-space-between-icon-and-text); } .form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-co= lor-normal .sqs-block-form .form-item.radio label input[type=3D"radio"] { w= idth: var(--form-field-radio-size); height: var(--form-field-radio-size); m= argin-right: 0px; cursor: pointer; } .form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-co= lor-normal .sqs-block-form .form-item.radio label .radio-mark { transition:= var(--fill-hover-transition); background-color: hsla(var(--background-colo= r-hsl), calc(var(--background-color-alpha-default) * var(--solid-alpha-modi= fier))); border: var(--form-field-radio-border-thickness) solid var(--dynam= ic-border-color, #000); width: var(--form-field-radio-size); height: var(--= form-field-radio-size); } .form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-co= lor-normal .sqs-block-form .form-item.radio label .radio-mark::after { posi= tion: absolute; width: 50%; height: 50%; left: 50%; top: 50%; transform: tr= anslate(-50%, -50%) scale(0); background-color: var(--checked-foreground-co= lor) !important; } .form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-co= lor-normal .sqs-block-form .form-item.radio label .radio-outline { width: v= ar(--form-field-radio-size); height: var(--form-field-radio-size); } .form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-co= lor-normal .sqs-block-form .form-item.radio label input[type=3D"radio"]:che= cked ~ .radio-mark { background-color: hsla(var(--checked-background-color-= hsl), var(--checked-background-color-alpha-default)) !important; } .form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-co= lor-normal .sqs-block-form .form-item.radio label input[type=3D"radio"]:che= cked ~ .radio-mark::after { transform: translate(-50%, -50%) scale(1); } @media (hover: hover) { .form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-= color-normal .sqs-block-form .form-item.radio label:hover input[type=3D"rad= io"] ~ .radio-mark { background-color: hsla(var(--background-color-hsl), ca= lc(var(--background-color-alpha) * var(--hover-alpha-modifier))); } .form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-= color-normal .sqs-block-form .form-item.radio label:hover input[type=3D"rad= io"]:checked ~ .radio-mark { background-color: hsla(var(--checked-backgroun= d-color-hsl), calc(var(--checked-background-color-alpha) * var(--checked-ho= ver-alpha-modifier, var(--hover-alpha-modifier)))) !important; } } .form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-co= lor-normal .sqs-block-form .form-item.radio label input[type=3D"radio"] { f= lex-shrink: 0; } .form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-co= lor-inverted .sqs-block-form .form-item.radio { --background-color-hsl: var= (--dynamic-fill-color-hsl, var(--fallback-white-hsl)); --background-color-a= lpha: var(--dynamic-fill-color-a, 1); --background-color-alpha-default: var= (--dynamic-fill-color-a, 1); --checked-background-color-hsl: var(--dynamic-= border-color-hsl, var(--fallback-black-hsl)); --checked-background-color-al= pha: var(--dynamic-border-color-a, 1); --checked-background-color-alpha-def= ault: var(--dynamic-border-color-a, 1); --checked-foreground-color: var(--d= ynamic-fill-color, #FAFAFA); --hover-alpha-modifier: var(--solid-hover-alph= a-modifier); --checked-hover-alpha-modifier: var(--inverted-solid-hover-alp= ha-modifier); } .form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-co= lor-inverted .sqs-block-form .form-item.radio label { column-gap: var(--for= m-field-radio-space-between-icon-and-text); } .form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-co= lor-inverted .sqs-block-form .form-item.radio label input[type=3D"radio"] {= width: var(--form-field-radio-size); height: var(--form-field-radio-size);= margin-right: 0px; cursor: pointer; } .form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-co= lor-inverted .sqs-block-form .form-item.radio label .radio-mark { transitio= n: var(--fill-hover-transition); background-color: hsla(var(--background-co= lor-hsl), calc(var(--background-color-alpha-default) * var(--solid-alpha-mo= difier))); border: var(--form-field-radio-border-thickness) solid var(--dyn= amic-border-color, #000); width: var(--form-field-radio-size); height: var(= --form-field-radio-size); } .form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-co= lor-inverted .sqs-block-form .form-item.radio label .radio-mark::after { po= sition: absolute; width: 50%; height: 50%; left: 50%; top: 50%; transform: = translate(-50%, -50%) scale(0); background-color: var(--checked-foreground-= color) !important; } .form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-co= lor-inverted .sqs-block-form .form-item.radio label .radio-outline { width:= var(--form-field-radio-size); height: var(--form-field-radio-size); } .form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-co= lor-inverted .sqs-block-form .form-item.radio label input[type=3D"radio"]:c= hecked ~ .radio-mark { background-color: hsla(var(--checked-background-colo= r-hsl), var(--checked-background-color-alpha-default)) !important; } .form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-co= lor-inverted .sqs-block-form .form-item.radio label input[type=3D"radio"]:c= hecked ~ .radio-mark::after { transform: translate(-50%, -50%) scale(1); } @media (hover: hover) { .form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-= color-inverted .sqs-block-form .form-item.radio label:hover input[type=3D"r= adio"] ~ .radio-mark { background-color: hsla(var(--background-color-hsl), = calc(var(--background-color-alpha) * var(--hover-alpha-modifier))); } .form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-= color-inverted .sqs-block-form .form-item.radio label:hover input[type=3D"r= adio"]:checked ~ .radio-mark { background-color: hsla(var(--checked-backgro= und-color-hsl), calc(var(--checked-background-color-alpha) * var(--checked-= hover-alpha-modifier, var(--hover-alpha-modifier)))) !important; } } .form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-co= lor-inverted .sqs-block-form .form-item.radio label input[type=3D"radio"] {= flex-shrink: 0; } .form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-= color-normal .sqs-block-form .form-item.radio { --background-color-hsl: var= (--dynamic-fill-color-hsl, var(--fallback-white-hsl)); --background-color-a= lpha: var(--dynamic-fill-color-a, 1); --background-color-alpha-default: 0; = --checked-background-color-hsl: var(--dynamic-fill-color-hsl, var(--fallbac= k-white-hsl)); --checked-background-color-alpha: var(--dynamic-fill-color-a= , 1); --checked-background-color-alpha-default: 0; --checked-foreground-col= or: var(--dynamic-border-color, #000); --hover-alpha-modifier: var(--outlin= e-hover-alpha-modifier); } .form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-= color-normal .sqs-block-form .form-item.radio label { column-gap: var(--for= m-field-radio-space-between-icon-and-text); } .form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-= color-normal .sqs-block-form .form-item.radio label input[type=3D"radio"] {= width: var(--form-field-radio-size); height: var(--form-field-radio-size);= margin-right: 0px; cursor: pointer; } .form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-= color-normal .sqs-block-form .form-item.radio label .radio-mark { transitio= n: var(--fill-hover-transition); background-color: hsla(var(--background-co= lor-hsl), calc(var(--background-color-alpha-default) * var(--solid-alpha-mo= difier))); border: var(--form-field-radio-border-thickness) solid var(--dyn= amic-border-color, #000); width: var(--form-field-radio-size); height: var(= --form-field-radio-size); } .form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-= color-normal .sqs-block-form .form-item.radio label .radio-mark::after { po= sition: absolute; width: 50%; height: 50%; left: 50%; top: 50%; transform: = translate(-50%, -50%) scale(0); background-color: var(--checked-foreground-= color) !important; } .form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-= color-normal .sqs-block-form .form-item.radio label .radio-outline { width:= var(--form-field-radio-size); height: var(--form-field-radio-size); } .form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-= color-normal .sqs-block-form .form-item.radio label input[type=3D"radio"]:c= hecked ~ .radio-mark { background-color: hsla(var(--checked-background-colo= r-hsl), var(--checked-background-color-alpha-default)) !important; } .form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-= color-normal .sqs-block-form .form-item.radio label input[type=3D"radio"]:c= hecked ~ .radio-mark::after { transform: translate(-50%, -50%) scale(1); } @media (hover: hover) { .form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radi= o-color-normal .sqs-block-form .form-item.radio label:hover input[type=3D"r= adio"] ~ .radio-mark { background-color: hsla(var(--background-color-hsl), = calc(var(--background-color-alpha) * var(--hover-alpha-modifier))); } .form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radi= o-color-normal .sqs-block-form .form-item.radio label:hover input[type=3D"r= adio"]:checked ~ .radio-mark { background-color: hsla(var(--checked-backgro= und-color-hsl), calc(var(--checked-background-color-alpha) * var(--checked-= hover-alpha-modifier, var(--hover-alpha-modifier)))) !important; } } .form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-= color-normal .sqs-block-form .form-item.radio label input[type=3D"radio"] {= flex-shrink: 0; } .form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-= color-inverted .sqs-block-form .form-item.radio { --background-color-hsl: v= ar(--dynamic-fill-color-hsl, var(--fallback-white-hsl)); --background-color= -alpha: var(--dynamic-fill-color-a, 1); --background-color-alpha-default: 0= ; --checked-background-color-hsl: var(--dynamic-border-color-hsl, var(--fal= lback-black-hsl)); --checked-background-color-alpha: var(--dynamic-border-c= olor-a, 1); --checked-background-color-alpha-default: var(--dynamic-border-= color-a, 1); --checked-foreground-color: var(--dynamic-fill-color, #FAFAFA)= ; --hover-alpha-modifier: var(--outline-hover-alpha-modifier); --checked-ho= ver-alpha-modifier: var(--inverted-outline-hover-alpha-modifier); } .form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-= color-inverted .sqs-block-form .form-item.radio label { column-gap: var(--f= orm-field-radio-space-between-icon-and-text); } .form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-= color-inverted .sqs-block-form .form-item.radio label input[type=3D"radio"]= { width: var(--form-field-radio-size); height: var(--form-field-radio-size= ); margin-right: 0px; cursor: pointer; } .form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-= color-inverted .sqs-block-form .form-item.radio label .radio-mark { transit= ion: var(--fill-hover-transition); background-color: hsla(var(--background-= color-hsl), calc(var(--background-color-alpha-default) * var(--solid-alpha-= modifier))); border: var(--form-field-radio-border-thickness) solid var(--d= ynamic-border-color, #000); width: var(--form-field-radio-size); height: va= r(--form-field-radio-size); } .form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-= color-inverted .sqs-block-form .form-item.radio label .radio-mark::after { = position: absolute; width: 50%; height: 50%; left: 50%; top: 50%; transform= : translate(-50%, -50%) scale(0); background-color: var(--checked-foregroun= d-color) !important; } .form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-= color-inverted .sqs-block-form .form-item.radio label .radio-outline { widt= h: var(--form-field-radio-size); height: var(--form-field-radio-size); } .form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-= color-inverted .sqs-block-form .form-item.radio label input[type=3D"radio"]= :checked ~ .radio-mark { background-color: hsla(var(--checked-background-co= lor-hsl), var(--checked-background-color-alpha-default)) !important; } .form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-= color-inverted .sqs-block-form .form-item.radio label input[type=3D"radio"]= :checked ~ .radio-mark::after { transform: translate(-50%, -50%) scale(1); = } @media (hover: hover) { .form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radi= o-color-inverted .sqs-block-form .form-item.radio label:hover input[type=3D= "radio"] ~ .radio-mark { background-color: hsla(var(--background-color-hsl)= , calc(var(--background-color-alpha) * var(--hover-alpha-modifier))); } .form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radi= o-color-inverted .sqs-block-form .form-item.radio label:hover input[type=3D= "radio"]:checked ~ .radio-mark { background-color: hsla(var(--checked-backg= round-color-hsl), calc(var(--checked-background-color-alpha) * var(--checke= d-hover-alpha-modifier, var(--hover-alpha-modifier)))) !important; } } .form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-= color-inverted .sqs-block-form .form-item.radio label input[type=3D"radio"]= { flex-shrink: 0; } .form-field-radio-type-icon.form-field-radio-shape-rounded .sqs-block-form = .form-item.radio .radio-mark, .form-field-radio-type-icon.form-field-radio-= shape-rounded .sqs-block-form .form-item.radio .radio-mark::after, .form-fi= eld-radio-type-icon.form-field-radio-shape-rounded .sqs-block-form .form-it= em.radio .radio-label, .form-field-radio-type-icon.form-field-radio-shape-r= ounded .sqs-block-form .form-item.radio .radio-outline { border-radius: 25%= ; } .form-field-radio-type-button.form-field-radio-fill-solid .sqs-block-form .= form-item.radio { --background-color-hsl: var(--dynamic-fill-color-hsl, var= (--fallback-white-hsl)); --background-color-alpha: var(--dynamic-fill-color= -a, 1); --background-color-alpha-default: var(--dynamic-fill-color-a, 1); -= -foreground-color-hsl: var(--dynamic-border-color-hsl, var(--fallback-black= -hsl)); --foreground-color-alpha: var(--dynamic-border-color-a, 1); --check= ed-foreground-color: var(--dynamic-fill-color, #FAFAFA); --hover-alpha-modi= fier: var(--solid-hover-alpha-modifier); --checked-hover-alpha-modifier: va= r(--inverted-solid-hover-alpha-modifier); } .form-field-radio-type-button.form-field-radio-fill-solid .sqs-block-form .= form-item.radio input[type=3D"radio"] { position: absolute; opacity: 0; cur= sor: pointer; } @media (hover: hover) { .form-field-radio-type-button.form-field-radio-fill-solid .sqs-block-form= .form-item.radio input[type=3D"radio"]:hover ~ span { background-color: hs= la(var(--background-color-hsl), calc(var(--background-color-alpha) * var(--= hover-alpha-modifier))); } .form-field-radio-type-button.form-field-radio-fill-solid .sqs-block-form= .form-item.radio input[type=3D"radio"]:checked:hover ~ span { background-c= olor: hsla(var(--foreground-color-hsl), calc(var(--foreground-color-alpha) = * var(--checked-hover-alpha-modifier, var(--hover-alpha-modifier)))); } } .form-field-radio-type-button.form-field-radio-fill-solid .sqs-block-form .= form-item.radio label span:empty { display: none; } .form-field-radio-type-button.form-field-radio-fill-solid .sqs-block-form .= form-item.radio label { cursor: pointer; user-select: none; display: inline= -flex; align-items: center; justify-content: center; } .form-field-radio-type-button.form-field-radio-fill-solid .sqs-block-form .= form-item.radio label span { transition: var(--fill-hover-transition); back= ground-color: hsla(var(--background-color-hsl), calc(var(--background-color= -alpha-default) * var(--solid-alpha-modifier))); color: hsla(var(--foregrou= nd-color-hsl), var(--foreground-color-alpha)); padding: var(--form-field-ra= dio-padding-vertical) var(--form-field-radio-padding-horizontal); border: v= ar(--form-field-radio-border-thickness) solid hsla(var(--foreground-color-h= sl), var(--foreground-color-alpha)); } .form-field-radio-type-button.form-field-radio-fill-solid .sqs-block-form .= form-item.radio label input[type=3D"radio"]:checked ~ span { background-col= or: hsla(var(--foreground-color-hsl), var(--foreground-color-alpha)); color= : var(--checked-foreground-color); border-color: hsla(var(--foreground-colo= r-hsl), var(--foreground-color-alpha)); } .form-field-radio-type-button.form-field-radio-fill-outline .sqs-block-form= .form-item.radio { --background-color-hsl: var(--dynamic-fill-color-hsl, v= ar(--fallback-white-hsl)); --background-color-alpha: var(--dynamic-fill-col= or-a, 1); --background-color-alpha-default: 0; --foreground-color-hsl: var(= --dynamic-border-color-hsl, var(--fallback-black-hsl)); --foreground-color-= alpha: var(--dynamic-border-color-a, 1); --checked-foreground-color: var(--= dynamic-fill-color, #FAFAFA); --hover-alpha-modifier: var(--outline-hover-a= lpha-modifier); --checked-hover-alpha-modifier: var(--inverted-outline-hove= r-alpha-modifier); } .form-field-radio-type-button.form-field-radio-fill-outline .sqs-block-form= .form-item.radio input[type=3D"radio"] { position: absolute; opacity: 0; c= ursor: pointer; } @media (hover: hover) { .form-field-radio-type-button.form-field-radio-fill-outline .sqs-block-fo= rm .form-item.radio input[type=3D"radio"]:hover ~ span { background-color: = hsla(var(--background-color-hsl), calc(var(--background-color-alpha) * var(= --hover-alpha-modifier))); } .form-field-radio-type-button.form-field-radio-fill-outline .sqs-block-fo= rm .form-item.radio input[type=3D"radio"]:checked:hover ~ span { background= -color: hsla(var(--foreground-color-hsl), calc(var(--foreground-color-alpha= ) * var(--checked-hover-alpha-modifier, var(--hover-alpha-modifier)))); } } .form-field-radio-type-button.form-field-radio-fill-outline .sqs-block-form= .form-item.radio label span:empty { display: none; } .form-field-radio-type-button.form-field-radio-fill-outline .sqs-block-form= .form-item.radio label { cursor: pointer; user-select: none; display: inli= ne-flex; align-items: center; justify-content: center; } .form-field-radio-type-button.form-field-radio-fill-outline .sqs-block-form= .form-item.radio label span { transition: var(--fill-hover-transition); ba= ckground-color: hsla(var(--background-color-hsl), calc(var(--background-col= or-alpha-default) * var(--solid-alpha-modifier))); color: hsla(var(--foregr= ound-color-hsl), var(--foreground-color-alpha)); padding: var(--form-field-= radio-padding-vertical) var(--form-field-radio-padding-horizontal); border:= var(--form-field-radio-border-thickness) solid hsla(var(--foreground-color= -hsl), var(--foreground-color-alpha)); } .form-field-radio-type-button.form-field-radio-fill-outline .sqs-block-form= .form-item.radio label input[type=3D"radio"]:checked ~ span { background-c= olor: hsla(var(--foreground-color-hsl), var(--foreground-color-alpha)); col= or: var(--checked-foreground-color); border-color: hsla(var(--foreground-co= lor-hsl), var(--foreground-color-alpha)); } .form-field-radio-type-button.form-field-radio-shape-rounded .sqs-block-for= m .form-item.radio .radio-mark, .form-field-radio-type-button.form-field-ra= dio-shape-rounded .sqs-block-form .form-item.radio .radio-mark::after, .for= m-field-radio-type-button.form-field-radio-shape-rounded .sqs-block-form .f= orm-item.radio .radio-label, .form-field-radio-type-button.form-field-radio= -shape-rounded .sqs-block-form .form-item.radio .radio-outline { border-rad= ius: 0.4rem; } .form-field-radio-type-button.form-field-radio-shape-pill .sqs-block-form .= form-item.radio { --radio-pill-border-radius: calc(var(--form-field-radio-p= adding-vertical) + var(--form-block-option-text-font-line-height) * 0.66); = } .form-field-radio-type-button.form-field-radio-shape-pill .sqs-block-form .= form-item.radio .radio-mark, .form-field-radio-type-button.form-field-radio= -shape-pill .sqs-block-form .form-item.radio .radio-mark::after, .form-fiel= d-radio-type-button.form-field-radio-shape-pill .sqs-block-form .form-item.= radio .radio-label, .form-field-radio-type-button.form-field-radio-shape-pi= ll .sqs-block-form .form-item.radio .radio-outline { border-radius: var(--r= adio-pill-border-radius); } .form-field-radio-layout-stack .sqs-block-form .form-item.radio { display: = flex; flex-flow: column wrap; gap: var(--form-field-radio-row-gap) var(--fo= rm-field-radio-column-gap); } .form-field-radio-layout-stack .sqs-block-form .form-item.radio .radio-mark= { left: unset; } .form-field-radio-layout-fit .sqs-block-form .form-item.radio { display: fl= ex; flex-flow: wrap; gap: var(--form-field-radio-row-gap) var(--form-field-= radio-column-gap); } .form-field-radio-layout-fit .sqs-block-form .form-item.radio .radio-mark {= left: unset; } .form-field-survey-shape-square .sqs-block-form .form-item.likert .radio-ma= rk, .form-field-survey-shape-square .sqs-block-form .form-item.likert .radi= o-mark::after, .form-field-survey-shape-square .sqs-block-form .form-item.l= ikert .radio-label, .form-field-survey-shape-square .sqs-block-form .form-i= tem.likert .radio-outline { border-radius: 0px; } .form-field-survey-shape-rounded .sqs-block-form .form-item.likert .radio-m= ark, .form-field-survey-shape-rounded .sqs-block-form .form-item.likert .ra= dio-mark::after, .form-field-survey-shape-rounded .sqs-block-form .form-ite= m.likert .radio-label, .form-field-survey-shape-rounded .sqs-block-form .fo= rm-item.likert .radio-outline { border-radius: 25%; } .form-field-survey-shape-pill .sqs-block-form .form-item.likert .radio-mark= , .form-field-survey-shape-pill .sqs-block-form .form-item.likert .radio-ma= rk::after, .form-field-survey-shape-pill .sqs-block-form .form-item.likert = .radio-label, .form-field-survey-shape-pill .sqs-block-form .form-item.like= rt .radio-outline { border-radius: 300px; } .form-field-survey-shape-custom .sqs-block-form .form-item.likert .radio-ma= rk, .form-field-survey-shape-custom .sqs-block-form .form-item.likert .radi= o-mark::after, .form-field-survey-shape-custom .sqs-block-form .form-item.l= ikert .radio-label, .form-field-survey-shape-custom .sqs-block-form .form-i= tem.likert .radio-outline { border-top-left-radius: var(--form-field-survey= -shape-border-top-left-radius); border-top-right-radius: var(--form-field-s= urvey-shape-border-top-right-radius); border-bottom-right-radius: var(--for= m-field-survey-shape-border-bottom-right-radius); border-bottom-left-radius= : var(--form-field-survey-shape-border-bottom-left-radius); } .form-field-survey-fill-solid.form-field-survey-color-normal .sqs-block-for= m .form-item.likert { --background-color-hsl: var(--dynamic-fill-color-hsl,= var(--fallback-white-hsl)); --background-color-alpha: var(--dynamic-fill-c= olor-a, 1); --background-color-alpha-default: var(--dynamic-fill-color-a, 1= ); --checked-background-color-hsl: var(--dynamic-fill-color-hsl, var(--fall= back-white-hsl)); --checked-background-color-alpha: var(--dynamic-fill-colo= r-a, 1); --checked-background-color-alpha-default: var(--dynamic-fill-color= -a, 1); --checked-foreground-color: var(--dynamic-border-color, #000); --ho= ver-alpha-modifier: var(--solid-hover-alpha-modifier); } .form-field-survey-fill-solid.form-field-survey-color-normal .sqs-block-for= m .form-item.likert label:not(.title) input[type=3D"radio"] { width: var(--= form-field-survey-size); height: var(--form-field-survey-size); margin-righ= t: 0px; cursor: pointer; } .form-field-survey-fill-solid.form-field-survey-color-normal .sqs-block-for= m .form-item.likert label:not(.title) .radio-mark { transition: var(--fill-= hover-transition); background-color: hsla(var(--background-color-hsl), calc= (var(--background-color-alpha-default) * var(--solid-alpha-modifier))); bor= der: var(--form-field-survey-border-thickness) solid var(--dynamic-border-c= olor, #000); width: var(--form-field-survey-size); height: var(--form-field= -survey-size); } .form-field-survey-fill-solid.form-field-survey-color-normal .sqs-block-for= m .form-item.likert label:not(.title) .radio-mark::after { position: absolu= te; width: 50%; height: 50%; left: 50%; top: 50%; transform: translate(-50%= , -50%) scale(0); background-color: var(--checked-foreground-color) !import= ant; } .form-field-survey-fill-solid.form-field-survey-color-normal .sqs-block-for= m .form-item.likert label:not(.title) .radio-outline { width: var(--form-fi= eld-survey-size); height: var(--form-field-survey-size); } .form-field-survey-fill-solid.form-field-survey-color-normal .sqs-block-for= m .form-item.likert label:not(.title) input[type=3D"radio"]:checked ~ .radi= o-mark { background-color: hsla(var(--checked-background-color-hsl), var(--= checked-background-color-alpha-default)) !important; } .form-field-survey-fill-solid.form-field-survey-color-normal .sqs-block-for= m .form-item.likert label:not(.title) input[type=3D"radio"]:checked ~ .radi= o-mark::after { transform: translate(-50%, -50%) scale(1); } @media (hover: hover) { .form-field-survey-fill-solid.form-field-survey-color-normal .sqs-block-f= orm .form-item.likert label:not(.title):hover input[type=3D"radio"] ~ .radi= o-mark { background-color: hsla(var(--background-color-hsl), calc(var(--bac= kground-color-alpha) * var(--hover-alpha-modifier))); } .form-field-survey-fill-solid.form-field-survey-color-normal .sqs-block-f= orm .form-item.likert label:not(.title):hover input[type=3D"radio"]:checked= ~ .radio-mark { background-color: hsla(var(--checked-background-color-hsl)= , calc(var(--checked-background-color-alpha) * var(--checked-hover-alpha-mo= difier, var(--hover-alpha-modifier)))) !important; } } .form-field-survey-fill-solid.form-field-survey-color-inverted .sqs-block-f= orm .form-item.likert { --background-color-hsl: var(--dynamic-fill-color-hs= l, var(--fallback-white-hsl)); --background-color-alpha: var(--dynamic-fill= -color-a, 1); --background-color-alpha-default: var(--dynamic-fill-color-a,= 1); --checked-background-color-hsl: var(--dynamic-border-color-hsl, var(--= fallback-black-hsl)); --checked-background-color-alpha: var(--dynamic-borde= r-color-a, 1); --checked-background-color-alpha-default: var(--dynamic-bord= er-color-a, 1); --checked-foreground-color: var(--dynamic-fill-color, #FAFA= FA); --hover-alpha-modifier: var(--solid-hover-alpha-modifier); --checked-h= over-alpha-modifier: var(--inverted-solid-hover-alpha-modifier); } .form-field-survey-fill-solid.form-field-survey-color-inverted .sqs-block-f= orm .form-item.likert label:not(.title) input[type=3D"radio"] { width: var(= --form-field-survey-size); height: var(--form-field-survey-size); margin-ri= ght: 0px; cursor: pointer; } .form-field-survey-fill-solid.form-field-survey-color-inverted .sqs-block-f= orm .form-item.likert label:not(.title) .radio-mark { transition: var(--fil= l-hover-transition); background-color: hsla(var(--background-color-hsl), ca= lc(var(--background-color-alpha-default) * var(--solid-alpha-modifier))); b= order: var(--form-field-survey-border-thickness) solid var(--dynamic-border= -color, #000); width: var(--form-field-survey-size); height: var(--form-fie= ld-survey-size); } .form-field-survey-fill-solid.form-field-survey-color-inverted .sqs-block-f= orm .form-item.likert label:not(.title) .radio-mark::after { position: abso= lute; width: 50%; height: 50%; left: 50%; top: 50%; transform: translate(-5= 0%, -50%) scale(0); background-color: var(--checked-foreground-color) !impo= rtant; } .form-field-survey-fill-solid.form-field-survey-color-inverted .sqs-block-f= orm .form-item.likert label:not(.title) .radio-outline { width: var(--form-= field-survey-size); height: var(--form-field-survey-size); } .form-field-survey-fill-solid.form-field-survey-color-inverted .sqs-block-f= orm .form-item.likert label:not(.title) input[type=3D"radio"]:checked ~ .ra= dio-mark { background-color: hsla(var(--checked-background-color-hsl), var(= --checked-background-color-alpha-default)) !important; } .form-field-survey-fill-solid.form-field-survey-color-inverted .sqs-block-f= orm .form-item.likert label:not(.title) input[type=3D"radio"]:checked ~ .ra= dio-mark::after { transform: translate(-50%, -50%) scale(1); } @media (hover: hover) { .form-field-survey-fill-solid.form-field-survey-color-inverted .sqs-block= -form .form-item.likert label:not(.title):hover input[type=3D"radio"] ~ .ra= dio-mark { background-color: hsla(var(--background-color-hsl), calc(var(--b= ackground-color-alpha) * var(--hover-alpha-modifier))); } .form-field-survey-fill-solid.form-field-survey-color-inverted .sqs-block= -form .form-item.likert label:not(.title):hover input[type=3D"radio"]:check= ed ~ .radio-mark { background-color: hsla(var(--checked-background-color-hs= l), calc(var(--checked-background-color-alpha) * var(--checked-hover-alpha-= modifier, var(--hover-alpha-modifier)))) !important; } } .form-field-survey-fill-outline.form-field-survey-color-normal .sqs-block-f= orm .form-item.likert { --background-color-hsl: var(--dynamic-fill-color-hs= l, var(--fallback-white-hsl)); --background-color-alpha: var(--dynamic-fill= -color-a, 1); --background-color-alpha-default: 0; --checked-background-col= or-hsl: var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)); --checked= -background-color-alpha: var(--dynamic-fill-color-a, 1); --checked-backgrou= nd-color-alpha-default: 0; --checked-foreground-color: var(--dynamic-border= -color, #000); --hover-alpha-modifier: var(--outline-hover-alpha-modifier);= } .form-field-survey-fill-outline.form-field-survey-color-normal .sqs-block-f= orm .form-item.likert label:not(.title) input[type=3D"radio"] { width: var(= --form-field-survey-size); height: var(--form-field-survey-size); margin-ri= ght: 0px; cursor: pointer; } .form-field-survey-fill-outline.form-field-survey-color-normal .sqs-block-f= orm .form-item.likert label:not(.title) .radio-mark { transition: var(--fil= l-hover-transition); background-color: hsla(var(--background-color-hsl), ca= lc(var(--background-color-alpha-default) * var(--solid-alpha-modifier))); b= order: var(--form-field-survey-border-thickness) solid var(--dynamic-border= -color, #000); width: var(--form-field-survey-size); height: var(--form-fie= ld-survey-size); } .form-field-survey-fill-outline.form-field-survey-color-normal .sqs-block-f= orm .form-item.likert label:not(.title) .radio-mark::after { position: abso= lute; width: 50%; height: 50%; left: 50%; top: 50%; transform: translate(-5= 0%, -50%) scale(0); background-color: var(--checked-foreground-color) !impo= rtant; } .form-field-survey-fill-outline.form-field-survey-color-normal .sqs-block-f= orm .form-item.likert label:not(.title) .radio-outline { width: var(--form-= field-survey-size); height: var(--form-field-survey-size); } .form-field-survey-fill-outline.form-field-survey-color-normal .sqs-block-f= orm .form-item.likert label:not(.title) input[type=3D"radio"]:checked ~ .ra= dio-mark { background-color: hsla(var(--checked-background-color-hsl), var(= --checked-background-color-alpha-default)) !important; } .form-field-survey-fill-outline.form-field-survey-color-normal .sqs-block-f= orm .form-item.likert label:not(.title) input[type=3D"radio"]:checked ~ .ra= dio-mark::after { transform: translate(-50%, -50%) scale(1); } @media (hover: hover) { .form-field-survey-fill-outline.form-field-survey-color-normal .sqs-block= -form .form-item.likert label:not(.title):hover input[type=3D"radio"] ~ .ra= dio-mark { background-color: hsla(var(--background-color-hsl), calc(var(--b= ackground-color-alpha) * var(--hover-alpha-modifier))); } .form-field-survey-fill-outline.form-field-survey-color-normal .sqs-block= -form .form-item.likert label:not(.title):hover input[type=3D"radio"]:check= ed ~ .radio-mark { background-color: hsla(var(--checked-background-color-hs= l), calc(var(--checked-background-color-alpha) * var(--checked-hover-alpha-= modifier, var(--hover-alpha-modifier)))) !important; } } .form-field-survey-fill-outline.form-field-survey-color-inverted .sqs-block= -form .form-item.likert { --background-color-hsl: var(--dynamic-fill-color-= hsl, var(--fallback-white-hsl)); --background-color-alpha: var(--dynamic-fi= ll-color-a, 1); --background-color-alpha-default: 0; --checked-background-c= olor-hsl: var(--dynamic-border-color-hsl, var(--fallback-black-hsl)); --che= cked-background-color-alpha: var(--dynamic-border-color-a, 1); --checked-ba= ckground-color-alpha-default: var(--dynamic-border-color-a, 1); --checked-f= oreground-color: var(--dynamic-fill-color, #FAFAFA); --hover-alpha-modifier= : var(--outline-hover-alpha-modifier); --checked-hover-alpha-modifier: var(= --inverted-outline-hover-alpha-modifier); } .form-field-survey-fill-outline.form-field-survey-color-inverted .sqs-block= -form .form-item.likert label:not(.title) input[type=3D"radio"] { width: va= r(--form-field-survey-size); height: var(--form-field-survey-size); margin-= right: 0px; cursor: pointer; } .form-field-survey-fill-outline.form-field-survey-color-inverted .sqs-block= -form .form-item.likert label:not(.title) .radio-mark { transition: var(--f= ill-hover-transition); background-color: hsla(var(--background-color-hsl), = calc(var(--background-color-alpha-default) * var(--solid-alpha-modifier)));= border: var(--form-field-survey-border-thickness) solid var(--dynamic-bord= er-color, #000); width: var(--form-field-survey-size); height: var(--form-f= ield-survey-size); } .form-field-survey-fill-outline.form-field-survey-color-inverted .sqs-block= -form .form-item.likert label:not(.title) .radio-mark::after { position: ab= solute; width: 50%; height: 50%; left: 50%; top: 50%; transform: translate(= -50%, -50%) scale(0); background-color: var(--checked-foreground-color) !im= portant; } .form-field-survey-fill-outline.form-field-survey-color-inverted .sqs-block= -form .form-item.likert label:not(.title) .radio-outline { width: var(--for= m-field-survey-size); height: var(--form-field-survey-size); } .form-field-survey-fill-outline.form-field-survey-color-inverted .sqs-block= -form .form-item.likert label:not(.title) input[type=3D"radio"]:checked ~ .= radio-mark { background-color: hsla(var(--checked-background-color-hsl), va= r(--checked-background-color-alpha-default)) !important; } .form-field-survey-fill-outline.form-field-survey-color-inverted .sqs-block= -form .form-item.likert label:not(.title) input[type=3D"radio"]:checked ~ .= radio-mark::after { transform: translate(-50%, -50%) scale(1); } @media (hover: hover) { .form-field-survey-fill-outline.form-field-survey-color-inverted .sqs-blo= ck-form .form-item.likert label:not(.title):hover input[type=3D"radio"] ~ .= radio-mark { background-color: hsla(var(--background-color-hsl), calc(var(-= -background-color-alpha) * var(--hover-alpha-modifier))); } .form-field-survey-fill-outline.form-field-survey-color-inverted .sqs-blo= ck-form .form-item.likert label:not(.title):hover input[type=3D"radio"]:che= cked ~ .radio-mark { background-color: hsla(var(--checked-background-color-= hsl), calc(var(--checked-background-color-alpha) * var(--checked-hover-alph= a-modifier, var(--hover-alpha-modifier)))) !important; } } .form-wrapper .react-form-contents .field-list .title { padding-bottom: var= (--form-label-spacing-bottom); } .form-wrapper .react-form-contents .field-list p.description { margin-botto= m: var(--form-description-spacing-bottom) !important; } .form-wrapper .react-form-contents .field-list .description.required { padd= ing: 0px; } .form-wrapper .react-form-contents .field-list .caption-text:not(:empty) { = padding-bottom: var(--form-caption-spacing-bottom); margin-top: 4px; } .form-wrapper .react-form-contents .field-list .address .field .caption-tex= t { padding-top: 0px; } .form-wrapper .react-form-contents .field-list .address .field:first-of-typ= e .caption-text { padding-top: 4px; } .form-wrapper .react-form-contents .field-list .field { margin: 0 0 var(--f= orm-field-spacing-bottom) !important; } .form-wrapper .react-form-contents .field-list .field.likert { padding-bott= om: 12px; margin-bottom: 0px !important; } .form-wrapper .react-form-contents .field-list .field.likert .item { margin= : var(--form-field-spacing-bottom) 0; } .form-wrapper .react-form-contents .field-list .field.likert .item:first-of= -type { margin: calc(var(--form-field-spacing-bottom) / 2) 0; } .form-wrapper .react-form-contents .field-list .field.likert .question { ma= rgin-bottom: 4px; } .form-wrapper .react-form-contents .field-list .field .option { margin-top:= 4px; } .form-wrapper .react-form-contents .field-list .field .option label { paddi= ng: 0px 4px 0px 0px; } .form-wrapper .react-form-contents .field-list .field.radio .option, .form-= wrapper .react-form-contents .field-list .field.checkbox .option { margin-b= ottom: 0px; } .form-wrapper .react-form-contents .field-list .line-field { margin: calc(v= ar(--form-field-spacing-bottom) + 12px) 0 !important; } .form-wrapper .react-form-contents .field-list .section { padding-bottom: 0= px; margin: 0px; } .form-wrapper .react-form-contents .field-list .fields { column-gap: var(--= form-field-column-gap); } .form-wrapper .react-form-contents .field-list fieldset { row-gap: 0px; } .form-wrapper .react-form-contents .field-list legend { padding: 0px !impor= tant; } input:focus, select:focus, textarea:focus, input[type=3D"radio"]:focus-visi= ble ~ .radio-outline, .form-field-checkbox-type-button .field.checkbox inpu= t[type=3D"checkbox"]:focus-visible + span, .form-field-radio-type-button in= put[type=3D"radio"]:focus-visible + .radio-label { outline-style: solid; ou= tline-color: var(--dynamic-border-color, var(--navigationLinkColor)); outli= ne-width: 2px; outline-offset: 2px !important; } .form-wrapper .react-form-contents .field-list input:not([type=3D"checkbox"= ]):not([type=3D"radio"]), .form-wrapper .react-form-contents .field-list te= xtarea, .form-wrapper .react-form-contents .field-list select { color: var(= --dynamic-input-text-color, #000); } .form-wrapper .react-form-contents .field-list input::placeholder, .form-wr= apper .react-form-contents .field-list textarea::placeholder, .form-wrapper= .react-form-contents .field-list select.show-placeholder { color: hsla(var= (--dynamic-input-text-color-hsl, var(--fallback-black-hsl)), calc(var(--dyn= amic-input-text-color-a, 1) * 0.55)); } .form-wrapper .react-form-contents .field-list .form-input-prefix { color: = var(--dynamic-input-text-color, #000); opacity: 0.55; pointer-events: none;= } .sqs-block-form .form-item.likert .option, .sqs-block-form .form-item.line-= field { border-color: var(--dynamic-border-color) !important; } .form-use-theme-colors .sqs-modal-lightbox-content .lightbox-inner .lightbo= x-content.lightbox-form-content-background { background-color: var(--tweak-= form-block-background-color); } .form-use-theme-colors .sqs-modal-lightbox-content .lightbox-inner .lightbo= x-content.lightbox-form-content-background .sqs-block-form { background-col= or: transparent; } .form-use-theme-colors .sqs-modal-lightbox-content .lightbox-inner .lightbo= x-content.lightbox-form-content-background .form-title, .form-use-theme-col= ors .sqs-modal-lightbox-content .lightbox-inner .lightbox-content.lightbox-= form-content-background .lightbox-close { color: var(--tweak-form-block-tit= le-color-on-background); } .form-use-theme-colors .sqs-modal-lightbox-content .lightbox-inner .lightbo= x-content.lightbox-form-content-background .lightbox-close { top: 18px; rig= ht: 18px; } body:not(.form-use-theme-colors) .sqs-modal-lightbox-content .lightbox-inne= r .sqs-block-form { --tweak-form-block-title-color-on-background: #000; --t= weak-form-block-description-color-on-background: #000; --tweak-form-block-c= aption-color-on-background: #000; --tweak-form-block-option-color-on-backgr= ound: #000; --tweak-form-block-survey-title-color-on-background: #000; --tw= eak-form-block-button-text-color-on-background: #fff; --tweak-form-block-bu= tton-background-color-on-background: #000; background-color: rgb(255, 255, = 255); } .sqs-block-form * { -webkit-tap-highlight-color: transparent; } .sqs-block-form textarea { height: 4em; } .sqs-block-form .field-list { } .sqs-block-form .field-list .field:not(.checkbox, .radio, .likert) { displa= y: grid; align-content: flex-start; align-items: flex-start; grid-auto-flow= : row; grid-template-columns: min-content auto; grid-template-rows: auto; } .sqs-block-form .field-list .field:not(.checkbox, .radio, .likert) > * { gr= id-column: 1 / span 2; } .sqs-block-form .field-list .field:not(.checkbox, .radio, .likert) .form-in= put-prefix, .sqs-block-form .field-list .field:not(.checkbox, .radio, .like= rt) .form-input-effects { grid-row: 2 / span 1; } .sqs-block-form .field-list .field:not(.checkbox, .radio, .likert) .descrip= tion ~ .form-input-prefix, .sqs-block-form .field-list .field:not(.checkbox= , .radio, .likert) .description ~ .form-input-effects { grid-row: 3 / auto;= } .sqs-block-form .field-list .caption, .sqs-block-form .field-list .caption = > * { display: block; height: auto; word-break: break-word; } .sqs-block-form .field-list .caption .caption-text:empty { display: none; } .sqs-block-form .field-list .radio-label, .sqs-block-form .field-list .radi= o-mark, .sqs-block-form .field-list .radio-outline { pointer-events: none; = } .sqs-block-form { --fx-ease-out: cubic-bezier(0.33, 1, 0.68, 1); --fx-input= -border-width: 0px; --fx-input-border-width-increase: 1px; --fx-input-borde= r-width-active: 0px; --fx-input-border-radius: 0px; --fx-border-color-hsl: = var(--dynamic-border-color-hsl, var(--fallback-black-hsl)); --fx-border-col= or-a: var(--dynamic-border-color-a, 1); --fx-border-color-accent-hsl: var(-= -tweak-form-block-field-accent-color-hsl); --fx-border-color-accent-a: var(= --tweak-form-block-field-accent-color-a); --fx-radio-border-width-default: = var(--form-field-radio-border-thickness); --fx-radio-border-width: var(--fx= -radio-border-width-default); --fx-radio-border-width-active: var(--fx-radi= o-border-width-default); --fx-checkbox-border-width-default: var(--form-fie= ld-checkbox-border-thickness); --fx-checkbox-border-width: var(--fx-checkbo= x-border-width-default); --fx-checkbox-border-width-active: var(--fx-checkb= ox-border-width-default); --fx-border-transition-duration-border-width: 0.0= 75s; --fx-border-transition-transform: transform 0.15s var(--fx-ease-out); = --fx-border-transition-border-width: border-width var(--fx-border-transitio= n-duration-border-width) var(--fx-ease-out); --fx-border-transition-border-= color: border-color 0.2s var(--fx-ease-out); --fx-border-transition-opacity= : opacity 0.2s var(--fx-ease-out); --fx-radio-transition-transform: transfo= rm 0.1s 0.1s var(--fx-ease-out); --fx-checkbox-transition-mask-position: ma= sk-position 0.2s 0.1s var(--fx-ease-out), -webkit-mask-position 0.2s 0.1s var(--fx-ease-out); --fx-highlight-inpu= t-border-width-increase: 1px; --fx-highlight-input-border-width: calc(var(-= -form-field-border-thickness) + var(--fx-highlight-input-border-width-incre= ase)); --fx-highlight-input-color: var(--dynamic-border-color, var(--naviga= tionLinkColor)); --fx-highlight-input-single-trace-animation-duration: 5s; = --fx-highlight-input-double-trace-animation-duration: 6s; --fx-highlight-in= put-border-bottom-single-trace-animation-duration: 3s; --fx-highlight-input= -border-bottom-double-trace-animation-duration: 4s; --fx-highlight-input-gl= ow-animation-duration: 2.5s; } .sqs-block-form.sqs-background-enabled { --fx-border-color-accent-hsl: var(= --tweak-form-block-field-accent-color-on-background-hsl); --fx-border-color= -accent-a: var(--tweak-form-block-field-accent-color-on-background-a); } .form-item .form-input-effects { position: absolute; pointer-events: none; = content-visibility: auto; display: block; inset: 0px !important; } .form-field-border-all .sqs-block-form { --fx-input-border-width: var(--for= m-field-border-thickness); --fx-input-border-width-active: var(--form-field= -border-thickness); } .form-field-border-bottom .sqs-block-form { --fx-input-border-width: 0 0 va= r(--form-field-border-thickness) 0; --fx-input-border-width-active: 0 0 var= (--form-field-border-thickness) 0; } .form-field-hover-focus-accent, .form-field-hover-focus-opacity, .form-fiel= d-hover-focus-scale-up { } .form-field-hover-focus-accent .sqs-block-form .form-item input:not([type= =3D"checkbox"]):not([type=3D"radio"]), .form-field-hover-focus-opacity .sqs= -block-form .form-item input:not([type=3D"checkbox"]):not([type=3D"radio"])= , .form-field-hover-focus-scale-up .sqs-block-form .form-item input:not([ty= pe=3D"checkbox"]):not([type=3D"radio"]), .form-field-hover-focus-accent .sq= s-block-form .form-item textarea, .form-field-hover-focus-opacity .sqs-bloc= k-form .form-item textarea, .form-field-hover-focus-scale-up .sqs-block-for= m .form-item textarea, .form-field-hover-focus-accent .sqs-block-form .form= -item select, .form-field-hover-focus-opacity .sqs-block-form .form-item se= lect, .form-field-hover-focus-scale-up .sqs-block-form .form-item select { = z-index: 1; background: transparent !important; } .form-field-hover-focus-accent .sqs-block-form .form-item input, .form-fiel= d-hover-focus-opacity .sqs-block-form .form-item input, .form-field-hover-f= ocus-scale-up .sqs-block-form .form-item input, .form-field-hover-focus-acc= ent .sqs-block-form .form-item textarea, .form-field-hover-focus-opacity .s= qs-block-form .form-item textarea, .form-field-hover-focus-scale-up .sqs-bl= ock-form .form-item textarea, .form-field-hover-focus-accent .sqs-block-for= m .form-item select, .form-field-hover-focus-opacity .sqs-block-form .form-= item select, .form-field-hover-focus-scale-up .sqs-block-form .form-item se= lect { border-color: transparent !important; } @media (hover: hover) { .form-field-hover-focus-accent .sqs-block-form .form-item input:hover ~ := not(.option), .form-field-hover-focus-opacity .sqs-block-form .form-item in= put:hover ~ :not(.option), .form-field-hover-focus-scale-up .sqs-block-form= .form-item input:hover ~ :not(.option), .form-field-hover-focus-accent .sq= s-block-form .form-item textarea:hover ~ :not(.option), .form-field-hover-f= ocus-opacity .sqs-block-form .form-item textarea:hover ~ :not(.option), .fo= rm-field-hover-focus-scale-up .sqs-block-form .form-item textarea:hover ~ := not(.option), .form-field-hover-focus-accent .sqs-block-form .form-item sel= ect:hover ~ :not(.option), .form-field-hover-focus-opacity .sqs-block-form = .form-item select:hover ~ :not(.option), .form-field-hover-focus-scale-up .= sqs-block-form .form-item select:hover ~ :not(.option), .form-field-hover-f= ocus-accent .sqs-block-form .form-item input:hover[type=3D"checkbox"]::afte= r, .form-field-hover-focus-opacity .sqs-block-form .form-item input:hover[t= ype=3D"checkbox"]::after, .form-field-hover-focus-scale-up .sqs-block-form = .form-item input:hover[type=3D"checkbox"]::after, .form-field-hover-focus-a= ccent .sqs-block-form .form-item textarea:hover[type=3D"checkbox"]::after, = .form-field-hover-focus-opacity .sqs-block-form .form-item textarea:hover[t= ype=3D"checkbox"]::after, .form-field-hover-focus-scale-up .sqs-block-form = .form-item textarea:hover[type=3D"checkbox"]::after, .form-field-hover-focu= s-accent .sqs-block-form .form-item select:hover[type=3D"checkbox"]::after,= .form-field-hover-focus-opacity .sqs-block-form .form-item select:hover[ty= pe=3D"checkbox"]::after, .form-field-hover-focus-scale-up .sqs-block-form .= form-item select:hover[type=3D"checkbox"]::after, .form-field-hover-focus-a= ccent .sqs-block-form .form-item input:hover[type=3D"checkbox"] ~ *, .form-= field-hover-focus-opacity .sqs-block-form .form-item input:hover[type=3D"ch= eckbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item i= nput:hover[type=3D"checkbox"] ~ *, .form-field-hover-focus-accent .sqs-bloc= k-form .form-item textarea:hover[type=3D"checkbox"] ~ *, .form-field-hover-= focus-opacity .sqs-block-form .form-item textarea:hover[type=3D"checkbox"] = ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea:h= over[type=3D"checkbox"] ~ *, .form-field-hover-focus-accent .sqs-block-form= .form-item select:hover[type=3D"checkbox"] ~ *, .form-field-hover-focus-op= acity .sqs-block-form .form-item select:hover[type=3D"checkbox"] ~ *, .form= -field-hover-focus-scale-up .sqs-block-form .form-item select:hover[type=3D= "checkbox"] ~ * { --fx-input-border-width: var(--fx-input-border-width-acti= ve); --fx-radio-border-width: var(--fx-radio-border-width-active); --fx-che= ckbox-border-width: var(--fx-checkbox-border-width-active); } .form-field-hover-focus-accent .sqs-block-form .form-item input:hover ~ .= form-input-effects .form-input-effects-border, .form-field-hover-focus-opac= ity .sqs-block-form .form-item input:hover ~ .form-input-effects .form-inpu= t-effects-border, .form-field-hover-focus-scale-up .sqs-block-form .form-it= em input:hover ~ .form-input-effects .form-input-effects-border, .form-fiel= d-hover-focus-accent .sqs-block-form .form-item textarea:hover ~ .form-inpu= t-effects .form-input-effects-border, .form-field-hover-focus-opacity .sqs-= block-form .form-item textarea:hover ~ .form-input-effects .form-input-effe= cts-border, .form-field-hover-focus-scale-up .sqs-block-form .form-item tex= tarea:hover ~ .form-input-effects .form-input-effects-border, .form-field-h= over-focus-accent .sqs-block-form .form-item select:hover ~ .form-input-eff= ects .form-input-effects-border, .form-field-hover-focus-opacity .sqs-block= -form .form-item select:hover ~ .form-input-effects .form-input-effects-bor= der, .form-field-hover-focus-scale-up .sqs-block-form .form-item select:hov= er ~ .form-input-effects .form-input-effects-border, .form-field-hover-focu= s-accent .sqs-block-form .form-item input:hover[type=3D"radio"] ~ *, .form-= field-hover-focus-opacity .sqs-block-form .form-item input:hover[type=3D"ra= dio"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item inpu= t:hover[type=3D"radio"] ~ *, .form-field-hover-focus-accent .sqs-block-form= .form-item textarea:hover[type=3D"radio"] ~ *, .form-field-hover-focus-opa= city .sqs-block-form .form-item textarea:hover[type=3D"radio"] ~ *, .form-f= ield-hover-focus-scale-up .sqs-block-form .form-item textarea:hover[type=3D= "radio"] ~ *, .form-field-hover-focus-accent .sqs-block-form .form-item sel= ect:hover[type=3D"radio"] ~ *, .form-field-hover-focus-opacity .sqs-block-f= orm .form-item select:hover[type=3D"radio"] ~ *, .form-field-hover-focus-sc= ale-up .sqs-block-form .form-item select:hover[type=3D"radio"] ~ *, .form-f= ield-hover-focus-accent .sqs-block-form .form-item input:hover[type=3D"chec= kbox"]::after, .form-field-hover-focus-opacity .sqs-block-form .form-item i= nput:hover[type=3D"checkbox"]::after, .form-field-hover-focus-scale-up .sqs= -block-form .form-item input:hover[type=3D"checkbox"]::after, .form-field-h= over-focus-accent .sqs-block-form .form-item textarea:hover[type=3D"checkbo= x"]::after, .form-field-hover-focus-opacity .sqs-block-form .form-item text= area:hover[type=3D"checkbox"]::after, .form-field-hover-focus-scale-up .sqs= -block-form .form-item textarea:hover[type=3D"checkbox"]::after, .form-fiel= d-hover-focus-accent .sqs-block-form .form-item select:hover[type=3D"checkb= ox"]::after, .form-field-hover-focus-opacity .sqs-block-form .form-item sel= ect:hover[type=3D"checkbox"]::after, .form-field-hover-focus-scale-up .sqs-= block-form .form-item select:hover[type=3D"checkbox"]::after, .form-field-h= over-focus-accent .sqs-block-form .form-item input:hover[type=3D"checkbox"]= ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item input:hove= r[type=3D"checkbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form = .form-item input:hover[type=3D"checkbox"] ~ *, .form-field-hover-focus-acce= nt .sqs-block-form .form-item textarea:hover[type=3D"checkbox"] ~ *, .form-= field-hover-focus-opacity .sqs-block-form .form-item textarea:hover[type=3D= "checkbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-ite= m textarea:hover[type=3D"checkbox"] ~ *, .form-field-hover-focus-accent .sq= s-block-form .form-item select:hover[type=3D"checkbox"] ~ *, .form-field-ho= ver-focus-opacity .sqs-block-form .form-item select:hover[type=3D"checkbox"= ] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item select:h= over[type=3D"checkbox"] ~ * { --fx-border-alpha: var(--fx-border-alpha-hove= r, 1); } } .form-field-hover-focus-accent .sqs-block-form .form-item input:focus, .for= m-field-hover-focus-opacity .sqs-block-form .form-item input:focus, .form-f= ield-hover-focus-scale-up .sqs-block-form .form-item input:focus, .form-fie= ld-hover-focus-accent .sqs-block-form .form-item textarea:focus, .form-fiel= d-hover-focus-opacity .sqs-block-form .form-item textarea:focus, .form-fiel= d-hover-focus-scale-up .sqs-block-form .form-item textarea:focus, .form-fie= ld-hover-focus-accent .sqs-block-form .form-item select:focus, .form-field-= hover-focus-opacity .sqs-block-form .form-item select:focus, .form-field-ho= ver-focus-scale-up .sqs-block-form .form-item select:focus, .form-field-hov= er-focus-accent .sqs-block-form .form-item input:focus-visible, .form-field= -hover-focus-opacity .sqs-block-form .form-item input:focus-visible, .form-= field-hover-focus-scale-up .sqs-block-form .form-item input:focus-visible, = .form-field-hover-focus-accent .sqs-block-form .form-item textarea:focus-vi= sible, .form-field-hover-focus-opacity .sqs-block-form .form-item textarea:= focus-visible, .form-field-hover-focus-scale-up .sqs-block-form .form-item = textarea:focus-visible, .form-field-hover-focus-accent .sqs-block-form .for= m-item select:focus-visible, .form-field-hover-focus-opacity .sqs-block-for= m .form-item select:focus-visible, .form-field-hover-focus-scale-up .sqs-bl= ock-form .form-item select:focus-visible, .form-field-hover-focus-accent .s= qs-block-form .form-item input:focus[type=3D"radio"] ~ *, .form-field-hover= -focus-opacity .sqs-block-form .form-item input:focus[type=3D"radio"] ~ *, = .form-field-hover-focus-scale-up .sqs-block-form .form-item input:focus[typ= e=3D"radio"] ~ *, .form-field-hover-focus-accent .sqs-block-form .form-item= textarea:focus[type=3D"radio"] ~ *, .form-field-hover-focus-opacity .sqs-b= lock-form .form-item textarea:focus[type=3D"radio"] ~ *, .form-field-hover-= focus-scale-up .sqs-block-form .form-item textarea:focus[type=3D"radio"] ~ = *, .form-field-hover-focus-accent .sqs-block-form .form-item select:focus[t= ype=3D"radio"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-i= tem select:focus[type=3D"radio"] ~ *, .form-field-hover-focus-scale-up .sqs= -block-form .form-item select:focus[type=3D"radio"] ~ *, .form-field-hover-= focus-accent .sqs-block-form .form-item input:focus-visible[type=3D"radio"]= ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item input:focu= s-visible[type=3D"radio"] ~ *, .form-field-hover-focus-scale-up .sqs-block-= form .form-item input:focus-visible[type=3D"radio"] ~ *, .form-field-hover-= focus-accent .sqs-block-form .form-item textarea:focus-visible[type=3D"radi= o"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item textare= a:focus-visible[type=3D"radio"] ~ *, .form-field-hover-focus-scale-up .sqs-= block-form .form-item textarea:focus-visible[type=3D"radio"] ~ *, .form-fie= ld-hover-focus-accent .sqs-block-form .form-item select:focus-visible[type= =3D"radio"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item= select:focus-visible[type=3D"radio"] ~ *, .form-field-hover-focus-scale-up= .sqs-block-form .form-item select:focus-visible[type=3D"radio"] ~ *, .form= -field-hover-focus-accent .sqs-block-form .form-item input:focus[type=3D"ch= eckbox"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item in= put:focus[type=3D"checkbox"] ~ *, .form-field-hover-focus-scale-up .sqs-blo= ck-form .form-item input:focus[type=3D"checkbox"] ~ *, .form-field-hover-fo= cus-accent .sqs-block-form .form-item textarea:focus[type=3D"checkbox"] ~ *= , .form-field-hover-focus-opacity .sqs-block-form .form-item textarea:focus= [type=3D"checkbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .= form-item textarea:focus[type=3D"checkbox"] ~ *, .form-field-hover-focus-ac= cent .sqs-block-form .form-item select:focus[type=3D"checkbox"] ~ *, .form-= field-hover-focus-opacity .sqs-block-form .form-item select:focus[type=3D"c= heckbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item = select:focus[type=3D"checkbox"] ~ *, .form-field-hover-focus-accent .sqs-bl= ock-form .form-item input:focus-visible[type=3D"checkbox"] ~ *, .form-field= -hover-focus-opacity .sqs-block-form .form-item input:focus-visible[type=3D= "checkbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-ite= m input:focus-visible[type=3D"checkbox"] ~ *, .form-field-hover-focus-accen= t .sqs-block-form .form-item textarea:focus-visible[type=3D"checkbox"] ~ *,= .form-field-hover-focus-opacity .sqs-block-form .form-item textarea:focus-= visible[type=3D"checkbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block= -form .form-item textarea:focus-visible[type=3D"checkbox"] ~ *, .form-field= -hover-focus-accent .sqs-block-form .form-item select:focus-visible[type=3D= "checkbox"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item= select:focus-visible[type=3D"checkbox"] ~ *, .form-field-hover-focus-scale= -up .sqs-block-form .form-item select:focus-visible[type=3D"checkbox"] ~ * = { outline-color: transparent !important; } .form-field-hover-focus-accent .sqs-block-form .form-item input:focus ~ :no= t(.option), .form-field-hover-focus-opacity .sqs-block-form .form-item inpu= t:focus ~ :not(.option), .form-field-hover-focus-scale-up .sqs-block-form .= form-item input:focus ~ :not(.option), .form-field-hover-focus-accent .sqs-= block-form .form-item textarea:focus ~ :not(.option), .form-field-hover-foc= us-opacity .sqs-block-form .form-item textarea:focus ~ :not(.option), .form= -field-hover-focus-scale-up .sqs-block-form .form-item textarea:focus ~ :no= t(.option), .form-field-hover-focus-accent .sqs-block-form .form-item selec= t:focus ~ :not(.option), .form-field-hover-focus-opacity .sqs-block-form .f= orm-item select:focus ~ :not(.option), .form-field-hover-focus-scale-up .sq= s-block-form .form-item select:focus ~ :not(.option), .form-field-hover-foc= us-accent .sqs-block-form .form-item input:focus[type=3D"checkbox"]::after,= .form-field-hover-focus-opacity .sqs-block-form .form-item input:focus[typ= e=3D"checkbox"]::after, .form-field-hover-focus-scale-up .sqs-block-form .f= orm-item input:focus[type=3D"checkbox"]::after, .form-field-hover-focus-acc= ent .sqs-block-form .form-item textarea:focus[type=3D"checkbox"]::after, .f= orm-field-hover-focus-opacity .sqs-block-form .form-item textarea:focus[typ= e=3D"checkbox"]::after, .form-field-hover-focus-scale-up .sqs-block-form .f= orm-item textarea:focus[type=3D"checkbox"]::after, .form-field-hover-focus-= accent .sqs-block-form .form-item select:focus[type=3D"checkbox"]::after, .= form-field-hover-focus-opacity .sqs-block-form .form-item select:focus[type= =3D"checkbox"]::after, .form-field-hover-focus-scale-up .sqs-block-form .fo= rm-item select:focus[type=3D"checkbox"]::after, .form-field-hover-focus-acc= ent .sqs-block-form .form-item input:focus[type=3D"checkbox"] ~ *, .form-fi= eld-hover-focus-opacity .sqs-block-form .form-item input:focus[type=3D"chec= kbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item inp= ut:focus[type=3D"checkbox"] ~ *, .form-field-hover-focus-accent .sqs-block-= form .form-item textarea:focus[type=3D"checkbox"] ~ *, .form-field-hover-fo= cus-opacity .sqs-block-form .form-item textarea:focus[type=3D"checkbox"] ~ = *, .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea:foc= us[type=3D"checkbox"] ~ *, .form-field-hover-focus-accent .sqs-block-form .= form-item select:focus[type=3D"checkbox"] ~ *, .form-field-hover-focus-opac= ity .sqs-block-form .form-item select:focus[type=3D"checkbox"] ~ *, .form-f= ield-hover-focus-scale-up .sqs-block-form .form-item select:focus[type=3D"c= heckbox"] ~ * { --fx-input-border-width: var(--fx-input-border-width-active= ); --fx-radio-border-width: var(--fx-radio-border-width-active); --fx-check= box-border-width: var(--fx-checkbox-border-width-active); } .form-field-hover-focus-accent .sqs-block-form .form-item input:focus ~ .fo= rm-input-effects .form-input-effects-border, .form-field-hover-focus-opacit= y .sqs-block-form .form-item input:focus ~ .form-input-effects .form-input-= effects-border, .form-field-hover-focus-scale-up .sqs-block-form .form-item= input:focus ~ .form-input-effects .form-input-effects-border, .form-field-= hover-focus-accent .sqs-block-form .form-item textarea:focus ~ .form-input-= effects .form-input-effects-border, .form-field-hover-focus-opacity .sqs-bl= ock-form .form-item textarea:focus ~ .form-input-effects .form-input-effect= s-border, .form-field-hover-focus-scale-up .sqs-block-form .form-item texta= rea:focus ~ .form-input-effects .form-input-effects-border, .form-field-hov= er-focus-accent .sqs-block-form .form-item select:focus ~ .form-input-effec= ts .form-input-effects-border, .form-field-hover-focus-opacity .sqs-block-f= orm .form-item select:focus ~ .form-input-effects .form-input-effects-borde= r, .form-field-hover-focus-scale-up .sqs-block-form .form-item select:focus= ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-= accent .sqs-block-form .form-item input:focus[type=3D"radio"] ~ *, .form-fi= eld-hover-focus-opacity .sqs-block-form .form-item input:focus[type=3D"radi= o"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item input:= focus[type=3D"radio"] ~ *, .form-field-hover-focus-accent .sqs-block-form .= form-item textarea:focus[type=3D"radio"] ~ *, .form-field-hover-focus-opaci= ty .sqs-block-form .form-item textarea:focus[type=3D"radio"] ~ *, .form-fie= ld-hover-focus-scale-up .sqs-block-form .form-item textarea:focus[type=3D"r= adio"] ~ *, .form-field-hover-focus-accent .sqs-block-form .form-item selec= t:focus[type=3D"radio"] ~ *, .form-field-hover-focus-opacity .sqs-block-for= m .form-item select:focus[type=3D"radio"] ~ *, .form-field-hover-focus-scal= e-up .sqs-block-form .form-item select:focus[type=3D"radio"] ~ *, .form-fie= ld-hover-focus-accent .sqs-block-form .form-item input:focus[type=3D"checkb= ox"]::after, .form-field-hover-focus-opacity .sqs-block-form .form-item inp= ut:focus[type=3D"checkbox"]::after, .form-field-hover-focus-scale-up .sqs-b= lock-form .form-item input:focus[type=3D"checkbox"]::after, .form-field-hov= er-focus-accent .sqs-block-form .form-item textarea:focus[type=3D"checkbox"= ]::after, .form-field-hover-focus-opacity .sqs-block-form .form-item textar= ea:focus[type=3D"checkbox"]::after, .form-field-hover-focus-scale-up .sqs-b= lock-form .form-item textarea:focus[type=3D"checkbox"]::after, .form-field-= hover-focus-accent .sqs-block-form .form-item select:focus[type=3D"checkbox= "]::after, .form-field-hover-focus-opacity .sqs-block-form .form-item selec= t:focus[type=3D"checkbox"]::after, .form-field-hover-focus-scale-up .sqs-bl= ock-form .form-item select:focus[type=3D"checkbox"]::after, .form-field-hov= er-focus-accent .sqs-block-form .form-item input:focus[type=3D"checkbox"] ~= *, .form-field-hover-focus-opacity .sqs-block-form .form-item input:focus[= type=3D"checkbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .f= orm-item input:focus[type=3D"checkbox"] ~ *, .form-field-hover-focus-accent= .sqs-block-form .form-item textarea:focus[type=3D"checkbox"] ~ *, .form-fi= eld-hover-focus-opacity .sqs-block-form .form-item textarea:focus[type=3D"c= heckbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item = textarea:focus[type=3D"checkbox"] ~ *, .form-field-hover-focus-accent .sqs-= block-form .form-item select:focus[type=3D"checkbox"] ~ *, .form-field-hove= r-focus-opacity .sqs-block-form .form-item select:focus[type=3D"checkbox"] = ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item select:foc= us[type=3D"checkbox"] ~ * { --fx-border-alpha: var(--fx-border-alpha-focus,= 1); } .form-field-hover-focus-accent .sqs-block-form .form-item .radio-mark, .for= m-field-hover-focus-opacity .sqs-block-form .form-item .radio-mark, .form-f= ield-hover-focus-scale-up .sqs-block-form .form-item .radio-mark { border-w= idth: var(--fx-radio-border-width-active) !important; border-color: transpa= rent !important; } .form-field-hover-focus-accent .sqs-block-form .form-item .radio-mark::befo= re, .form-field-hover-focus-opacity .sqs-block-form .form-item .radio-mark:= :before, .form-field-hover-focus-scale-up .sqs-block-form .form-item .radio= -mark::before { position: absolute; border-style: solid; border-width: var(= --fx-radio-border-width); border-color: hsla(var(--fx-border-color-hsl), ca= lc(var(--fx-border-color-a) * var(--fx-border-alpha, 1))); border-radius: i= nherit; content: ""; inset: calc(var(--fx-radio-border-width-active) * -1);= transition: var(--fx-border-transition-border-width), var(--fx-border-tran= sition-border-color), var(--fx-border-transition-transform); } .form-field-hover-focus-accent .sqs-block-form .form-item .radio-mark::afte= r, .form-field-hover-focus-opacity .sqs-block-form .form-item .radio-mark::= after, .form-field-hover-focus-scale-up .sqs-block-form .form-item .radio-m= ark::after { transition: var(--fx-radio-transition-transform); } .form-field-hover-focus-accent .sqs-block-form .form-item input[type=3D"che= ckbox"], .form-field-hover-focus-opacity .sqs-block-form .form-item input[t= ype=3D"checkbox"], .form-field-hover-focus-scale-up .sqs-block-form .form-i= tem input[type=3D"checkbox"] { overflow: visible; border-width: var(--fx-ch= eckbox-border-width-active) !important; } .form-field-hover-focus-accent .sqs-block-form .form-item input[type=3D"che= ckbox"]::before, .form-field-hover-focus-opacity .sqs-block-form .form-item= input[type=3D"checkbox"]::before, .form-field-hover-focus-scale-up .sqs-bl= ock-form .form-item input[type=3D"checkbox"]::before { -webkit-mask-image: = linear-gradient(90deg, transparent 0px, transparent 50%, rgb(255, 255, 255)= 50%); -webkit-mask-position: 0px 0px; -webkit-mask-size: 200% 100%; transf= orm: scale(1); transition: var(--fx-checkbox-transition-mask-position); } .form-field-hover-focus-accent .sqs-block-form .form-item input[type=3D"che= ckbox"]::after, .form-field-hover-focus-opacity .sqs-block-form .form-item = input[type=3D"checkbox"]::after, .form-field-hover-focus-scale-up .sqs-bloc= k-form .form-item input[type=3D"checkbox"]::after { position: absolute; bor= der: solid var(--fx-checkbox-border-width) hsla(var(--fx-border-color-hsl),= calc(var(--fx-border-color-a) * var(--fx-border-alpha, 1))); border-radius= : inherit; content: ""; inset: calc(var(--fx-checkbox-border-width-active) = * -1); transition: var(--fx-border-transition-border-width), var(--fx-borde= r-transition-border-color), var(--fx-border-transition-transform); } .form-field-hover-focus-accent .sqs-block-form .form-item input[type=3D"che= ckbox"]:checked::before, .form-field-hover-focus-opacity .sqs-block-form .f= orm-item input[type=3D"checkbox"]:checked::before, .form-field-hover-focus-= scale-up .sqs-block-form .form-item input[type=3D"checkbox"]:checked::befor= e { -webkit-mask-position: -100% 0px; } .form-field-hover-focus-accent .sqs-block-form .form-item .form-input-effec= ts-border, .form-field-hover-focus-opacity .sqs-block-form .form-item .form= -input-effects-border, .form-field-hover-focus-scale-up .sqs-block-form .fo= rm-item .form-input-effects-border { position: absolute; border-radius: var= (--fx-input-border-radius); inset: 0px; border-width: var(--fx-input-border= -width); border-style: solid; border-color: hsla(var(--fx-border-color-hsl)= , calc(var(--fx-border-color-a) * var(--fx-border-alpha, 1))); transition: = var(--fx-border-transition-border-width), var(--fx-border-transition-border= -color), var(--fill-hover-transition); } .form-field-hover-focus-accent.form-field-radio-type-button .sqs-block-form= .form-item .radio-label, .form-field-hover-focus-opacity.form-field-radio-= type-button .sqs-block-form .form-item .radio-label, .form-field-hover-focu= s-scale-up.form-field-radio-type-button .sqs-block-form .form-item .radio-l= abel { position: relative; border-color: transparent !important; } .form-field-hover-focus-accent.form-field-radio-type-button .sqs-block-form= .form-item .radio-label::before, .form-field-hover-focus-opacity.form-fiel= d-radio-type-button .sqs-block-form .form-item .radio-label::before, .form-= field-hover-focus-scale-up.form-field-radio-type-button .sqs-block-form .fo= rm-item .radio-label::before { position: absolute; border: solid var(--fx-r= adio-border-width) hsla(var(--fx-border-color-hsl), calc(var(--fx-border-co= lor-a) * var(--fx-border-alpha, 1))); border-radius: inherit; content: ""; = inset: calc(var(--fx-radio-border-width-default) * -1); transition: var(--f= x-border-transition-border-width), var(--fx-border-transition-border-color)= , var(--fx-border-transition-transform); } .form-field-hover-focus-accent.form-field-checkbox-type-button .sqs-block-f= orm .form-item.checkbox label span, .form-field-hover-focus-opacity.form-fi= eld-checkbox-type-button .sqs-block-form .form-item.checkbox label span, .f= orm-field-hover-focus-scale-up.form-field-checkbox-type-button .sqs-block-f= orm .form-item.checkbox label span { position: relative; border-color: tran= sparent !important; } .form-field-hover-focus-accent.form-field-checkbox-type-button .sqs-block-f= orm .form-item.checkbox label span::before, .form-field-hover-focus-opacity= .form-field-checkbox-type-button .sqs-block-form .form-item.checkbox label = span::before, .form-field-hover-focus-scale-up.form-field-checkbox-type-but= ton .sqs-block-form .form-item.checkbox label span::before { position: abso= lute; border: solid var(--fx-checkbox-border-width) hsla(var(--fx-border-co= lor-hsl), calc(var(--fx-border-color-a) * var(--fx-border-alpha, 1))); bord= er-radius: inherit; content: ""; inset: calc(var(--fx-checkbox-border-width= -default) * -1); transition: var(--fx-border-transition-border-width), var(= --fx-border-transition-border-color), var(--fx-border-transition-transform)= ; } .form-field-hover-focus-accent.form-field-checkbox-fill-outline .sqs-block-= form .form-item.checkbox, .form-field-hover-focus-opacity.form-field-checkb= ox-fill-outline .sqs-block-form .form-item.checkbox, .form-field-hover-focu= s-scale-up.form-field-checkbox-fill-outline .sqs-block-form .form-item.chec= kbox, .form-field-hover-focus-accent.form-field-checkbox-fill-outline .sqs-= block-form .form-item.email, .form-field-hover-focus-opacity.form-field-che= ckbox-fill-outline .sqs-block-form .form-item.email, .form-field-hover-focu= s-scale-up.form-field-checkbox-fill-outline .sqs-block-form .form-item.emai= l, .form-field-hover-focus-accent.form-field-radio-fill-outline .sqs-block-= form .form-item.radio, .form-field-hover-focus-opacity.form-field-radio-fil= l-outline .sqs-block-form .form-item.radio, .form-field-hover-focus-scale-u= p.form-field-radio-fill-outline .sqs-block-form .form-item.radio, .form-fie= ld-hover-focus-accent.form-field-survey-fill-outline .sqs-block-form .form-= item.likert, .form-field-hover-focus-opacity.form-field-survey-fill-outline= .sqs-block-form .form-item.likert, .form-field-hover-focus-scale-up.form-f= ield-survey-fill-outline .sqs-block-form .form-item.likert { --outline-hove= r-alpha-modifier: 0; --outline-focus-alpha-modifier: 0; } .form-field-hover-focus-accent.form-field-style-solid .sqs-block-form .form= -item input:not([type=3D"checkbox"]):not([type=3D"radio"]) ~ .form-input-ef= fects .form-input-effects-border, .form-field-hover-focus-opacity.form-fiel= d-style-solid .sqs-block-form .form-item input:not([type=3D"checkbox"]):not= ([type=3D"radio"]) ~ .form-input-effects .form-input-effects-border, .form-= field-hover-focus-scale-up.form-field-style-solid .sqs-block-form .form-ite= m input:not([type=3D"checkbox"]):not([type=3D"radio"]) ~ .form-input-effect= s .form-input-effects-border, .form-field-hover-focus-accent.form-field-sty= le-solid .sqs-block-form .form-item textarea ~ .form-input-effects .form-in= put-effects-border, .form-field-hover-focus-opacity.form-field-style-solid = .sqs-block-form .form-item textarea ~ .form-input-effects .form-input-effec= ts-border, .form-field-hover-focus-scale-up.form-field-style-solid .sqs-blo= ck-form .form-item textarea ~ .form-input-effects .form-input-effects-borde= r, .form-field-hover-focus-accent.form-field-style-solid .sqs-block-form .f= orm-item select ~ .form-input-effects .form-input-effects-border, .form-fie= ld-hover-focus-opacity.form-field-style-solid .sqs-block-form .form-item se= lect ~ .form-input-effects .form-input-effects-border, .form-field-hover-fo= cus-scale-up.form-field-style-solid .sqs-block-form .form-item select ~ .fo= rm-input-effects .form-input-effects-border { background-color: hsla(var(--= dynamic-fill-color-hsl, var(--fallback-white-hsl)), calc(var(--dynamic-fill= -color-a, 1) * var(--solid-alpha-modifier))); } @media (hover: hover) { .form-field-hover-focus-accent.form-field-style-solid .sqs-block-form .fo= rm-item input:not([type=3D"checkbox"]):not([type=3D"radio"]):hover ~ .form-= input-effects .form-input-effects-border, .form-field-hover-focus-opacity.f= orm-field-style-solid .sqs-block-form .form-item input:not([type=3D"checkbo= x"]):not([type=3D"radio"]):hover ~ .form-input-effects .form-input-effects-= border, .form-field-hover-focus-scale-up.form-field-style-solid .sqs-block-= form .form-item input:not([type=3D"checkbox"]):not([type=3D"radio"]):hover = ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-a= ccent.form-field-style-solid .sqs-block-form .form-item textarea:hover ~ .f= orm-input-effects .form-input-effects-border, .form-field-hover-focus-opaci= ty.form-field-style-solid .sqs-block-form .form-item textarea:hover ~ .form= -input-effects .form-input-effects-border, .form-field-hover-focus-scale-up= .form-field-style-solid .sqs-block-form .form-item textarea:hover ~ .form-i= nput-effects .form-input-effects-border, .form-field-hover-focus-accent.for= m-field-style-solid .sqs-block-form .form-item select:hover ~ .form-input-e= ffects .form-input-effects-border, .form-field-hover-focus-opacity.form-fie= ld-style-solid .sqs-block-form .form-item select:hover ~ .form-input-effect= s .form-input-effects-border, .form-field-hover-focus-scale-up.form-field-s= tyle-solid .sqs-block-form .form-item select:hover ~ .form-input-effects .f= orm-input-effects-border { background-color: hsla(var(--dynamic-fill-color-= hsl, var(--fallback-white-hsl)), calc(var(--dynamic-fill-color-a, 1) * var(= --solid-hover-alpha-modifier))); } } .form-field-hover-focus-accent.form-field-style-solid .sqs-block-form .form= -item input:not([type=3D"checkbox"]):not([type=3D"radio"]):focus ~ .form-in= put-effects .form-input-effects-border, .form-field-hover-focus-opacity.for= m-field-style-solid .sqs-block-form .form-item input:not([type=3D"checkbox"= ]):not([type=3D"radio"]):focus ~ .form-input-effects .form-input-effects-bo= rder, .form-field-hover-focus-scale-up.form-field-style-solid .sqs-block-fo= rm .form-item input:not([type=3D"checkbox"]):not([type=3D"radio"]):focus ~ = .form-input-effects .form-input-effects-border, .form-field-hover-focus-acc= ent.form-field-style-solid .sqs-block-form .form-item textarea:focus ~ .for= m-input-effects .form-input-effects-border, .form-field-hover-focus-opacity= .form-field-style-solid .sqs-block-form .form-item textarea:focus ~ .form-i= nput-effects .form-input-effects-border, .form-field-hover-focus-scale-up.f= orm-field-style-solid .sqs-block-form .form-item textarea:focus ~ .form-inp= ut-effects .form-input-effects-border, .form-field-hover-focus-accent.form-= field-style-solid .sqs-block-form .form-item select:focus ~ .form-input-eff= ects .form-input-effects-border, .form-field-hover-focus-opacity.form-field= -style-solid .sqs-block-form .form-item select:focus ~ .form-input-effects = .form-input-effects-border, .form-field-hover-focus-scale-up.form-field-sty= le-solid .sqs-block-form .form-item select:focus ~ .form-input-effects .for= m-input-effects-border { background-color: hsla(var(--dynamic-fill-color-hs= l, var(--fallback-white-hsl)), calc(var(--dynamic-fill-color-a, 1) * var(--= solid-focus-alpha-modifier))); } .form-field-hover-focus-accent.form-field-style-outline .sqs-block-form .fo= rm-item input:not([type=3D"checkbox"]):not([type=3D"radio"]) ~ .form-input-= effects .form-input-effects-border, .form-field-hover-focus-opacity.form-fi= eld-style-outline .sqs-block-form .form-item input:not([type=3D"checkbox"])= :not([type=3D"radio"]) ~ .form-input-effects .form-input-effects-border, .f= orm-field-hover-focus-scale-up.form-field-style-outline .sqs-block-form .fo= rm-item input:not([type=3D"checkbox"]):not([type=3D"radio"]) ~ .form-input-= effects .form-input-effects-border, .form-field-hover-focus-accent.form-fie= ld-style-outline .sqs-block-form .form-item textarea ~ .form-input-effects = .form-input-effects-border, .form-field-hover-focus-opacity.form-field-styl= e-outline .sqs-block-form .form-item textarea ~ .form-input-effects .form-i= nput-effects-border, .form-field-hover-focus-scale-up.form-field-style-outl= ine .sqs-block-form .form-item textarea ~ .form-input-effects .form-input-e= ffects-border, .form-field-hover-focus-accent.form-field-style-outline .sqs= -block-form .form-item select ~ .form-input-effects .form-input-effects-bor= der, .form-field-hover-focus-opacity.form-field-style-outline .sqs-block-fo= rm .form-item select ~ .form-input-effects .form-input-effects-border, .for= m-field-hover-focus-scale-up.form-field-style-outline .sqs-block-form .form= -item select ~ .form-input-effects .form-input-effects-border { --outline-h= over-alpha-modifier: 0; --outline-focus-alpha-modifier: 0; background-color= : hsla(var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)), 0); } @media (hover: hover) { .form-field-hover-focus-accent.form-field-style-outline .sqs-block-form .= form-item input:not([type=3D"checkbox"]):not([type=3D"radio"]):hover ~ .for= m-input-effects .form-input-effects-border, .form-field-hover-focus-opacity= .form-field-style-outline .sqs-block-form .form-item input:not([type=3D"che= ckbox"]):not([type=3D"radio"]):hover ~ .form-input-effects .form-input-effe= cts-border, .form-field-hover-focus-scale-up.form-field-style-outline .sqs-= block-form .form-item input:not([type=3D"checkbox"]):not([type=3D"radio"]):= hover ~ .form-input-effects .form-input-effects-border, .form-field-hover-f= ocus-accent.form-field-style-outline .sqs-block-form .form-item textarea:ho= ver ~ .form-input-effects .form-input-effects-border, .form-field-hover-foc= us-opacity.form-field-style-outline .sqs-block-form .form-item textarea:hov= er ~ .form-input-effects .form-input-effects-border, .form-field-hover-focu= s-scale-up.form-field-style-outline .sqs-block-form .form-item textarea:hov= er ~ .form-input-effects .form-input-effects-border, .form-field-hover-focu= s-accent.form-field-style-outline .sqs-block-form .form-item select:hover ~= .form-input-effects .form-input-effects-border, .form-field-hover-focus-op= acity.form-field-style-outline .sqs-block-form .form-item select:hover ~ .f= orm-input-effects .form-input-effects-border, .form-field-hover-focus-scale= -up.form-field-style-outline .sqs-block-form .form-item select:hover ~ .for= m-input-effects .form-input-effects-border { background-color: hsla(var(--d= ynamic-fill-color-hsl, var(--fallback-white-hsl)), calc(var(--dynamic-fill-= color-a, 1) * var(--outline-hover-alpha-modifier))); } } .form-field-hover-focus-accent.form-field-style-outline .sqs-block-form .fo= rm-item input:not([type=3D"checkbox"]):not([type=3D"radio"]):focus ~ .form-= input-effects .form-input-effects-border, .form-field-hover-focus-opacity.f= orm-field-style-outline .sqs-block-form .form-item input:not([type=3D"check= box"]):not([type=3D"radio"]):focus ~ .form-input-effects .form-input-effect= s-border, .form-field-hover-focus-scale-up.form-field-style-outline .sqs-bl= ock-form .form-item input:not([type=3D"checkbox"]):not([type=3D"radio"]):fo= cus ~ .form-input-effects .form-input-effects-border, .form-field-hover-foc= us-accent.form-field-style-outline .sqs-block-form .form-item textarea:focu= s ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus= -opacity.form-field-style-outline .sqs-block-form .form-item textarea:focus= ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-= scale-up.form-field-style-outline .sqs-block-form .form-item textarea:focus= ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-= accent.form-field-style-outline .sqs-block-form .form-item select:focus ~ .= form-input-effects .form-input-effects-border, .form-field-hover-focus-opac= ity.form-field-style-outline .sqs-block-form .form-item select:focus ~ .for= m-input-effects .form-input-effects-border, .form-field-hover-focus-scale-u= p.form-field-style-outline .sqs-block-form .form-item select:focus ~ .form-= input-effects .form-input-effects-border { background-color: hsla(var(--dyn= amic-fill-color-hsl, var(--fallback-white-hsl)), calc(var(--dynamic-fill-co= lor-a, 1) * var(--outline-focus-alpha-modifier))); } .form-field-hover-focus-accent .sqs-block-form, .form-field-hover-focus-opa= city .sqs-block-form { --fx-input-border-width-active: var(--fx-input-borde= r-width-increase); --fx-radio-border-width-active: calc(var(--fx-radio-bord= er-width-default) + var(--fx-input-border-width-increase)); --fx-checkbox-b= order-width-active: calc(var(--fx-checkbox-border-width-default) + var(--fx= -input-border-width-increase)); } .form-field-hover-focus-accent.form-field-border-all .sqs-block-form, .form= -field-hover-focus-opacity.form-field-border-all .sqs-block-form { --fx-inp= ut-border-width-active: calc(var(--form-field-border-thickness) + var(--fx-= input-border-width-increase)); } .form-field-hover-focus-accent.form-field-border-bottom .sqs-block-form, .f= orm-field-hover-focus-opacity.form-field-border-bottom .sqs-block-form { --= fx-input-border-width-active: 0 0 calc(var(--form-field-border-thickness) += var(--fx-input-border-width-increase)) 0; } .form-field-hover-focus-opacity .sqs-block-form .form-item .form-input-effe= cts-border, .form-field-hover-focus-scale-up .sqs-block-form .form-item .fo= rm-input-effects-border, .form-field-hover-focus-opacity .sqs-block-form .f= orm-item input[type=3D"radio"] ~ *, .form-field-hover-focus-scale-up .sqs-b= lock-form .form-item input[type=3D"radio"] ~ *, .form-field-hover-focus-opa= city .sqs-block-form .form-item input[type=3D"checkbox"]::after, .form-fiel= d-hover-focus-scale-up .sqs-block-form .form-item input[type=3D"checkbox"]:= :after, .form-field-hover-focus-opacity .sqs-block-form .form-item input[ty= pe=3D"checkbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .for= m-item input[type=3D"checkbox"] ~ * { --fx-border-alpha: 0.55; --fx-border-= alpha-hover: 0.55; --fx-border-alpha-focus: 1; } .form-field-hover-focus-opacity.form-field-border-none .sqs-block-form .for= m-item .form-input-effects-border, .form-field-hover-focus-scale-up.form-fi= eld-border-none .sqs-block-form .form-item .form-input-effects-border { --f= x-border-alpha: 0; --fx-border-alpha-hover: 0.55; --fx-border-alpha-focus: = 1; } .form-field-hover-focus-opacity.form-field-style-solid .sqs-block-form .for= m-item input:not([type=3D"checkbox"]):not([type=3D"radio"]) ~ .form-input-e= ffects .form-input-effects-border, .form-field-hover-focus-scale-up.form-fi= eld-style-solid .sqs-block-form .form-item input:not([type=3D"checkbox"]):n= ot([type=3D"radio"]) ~ .form-input-effects .form-input-effects-border, .for= m-field-hover-focus-opacity.form-field-style-solid .sqs-block-form .form-it= em textarea ~ .form-input-effects .form-input-effects-border, .form-field-h= over-focus-scale-up.form-field-style-solid .sqs-block-form .form-item texta= rea ~ .form-input-effects .form-input-effects-border, .form-field-hover-foc= us-opacity.form-field-style-solid .sqs-block-form .form-item select ~ .form= -input-effects .form-input-effects-border, .form-field-hover-focus-scale-up= .form-field-style-solid .sqs-block-form .form-item select ~ .form-input-eff= ects .form-input-effects-border { --solid-alpha-modifier: 0.8; --solid-hove= r-alpha-modifier: 1; } .form-field-hover-focus-opacity.form-field-checkbox-fill-solid .sqs-block-f= orm .form-item.checkbox, .form-field-hover-focus-scale-up.form-field-checkb= ox-fill-solid .sqs-block-form .form-item.checkbox, .form-field-hover-focus-= opacity.form-field-checkbox-fill-solid .sqs-block-form .form-item.email, .f= orm-field-hover-focus-scale-up.form-field-checkbox-fill-solid .sqs-block-fo= rm .form-item.email, .form-field-hover-focus-opacity.form-field-radio-fill-= solid .sqs-block-form .form-item.radio, .form-field-hover-focus-scale-up.fo= rm-field-radio-fill-solid .sqs-block-form .form-item.radio, .form-field-hov= er-focus-opacity.form-field-survey-fill-solid .sqs-block-form .form-item.li= kert, .form-field-hover-focus-scale-up.form-field-survey-fill-solid .sqs-bl= ock-form .form-item.likert { --solid-alpha-modifier: 0.8; --solid-hover-alp= ha-modifier: 1; } .form-field-hover-focus-accent .sqs-block-form .form-item input:focus ~ :no= t(.option), .form-field-hover-focus-accent .sqs-block-form .form-item texta= rea:focus ~ :not(.option), .form-field-hover-focus-accent .sqs-block-form .= form-item select:focus ~ :not(.option), .form-field-hover-focus-accent .sqs= -block-form .form-item input:focus[type=3D"checkbox"]::after, .form-field-h= over-focus-accent .sqs-block-form .form-item textarea:focus[type=3D"checkbo= x"]::after, .form-field-hover-focus-accent .sqs-block-form .form-item selec= t:focus[type=3D"checkbox"]::after { --fx-border-color-hsl: var(--fx-border-= color-accent-hsl); --fx-border-color-a: var(--fx-border-color-accent-a); } .form-field-hover-focus-accent.form-field-border-none .sqs-block-form .form= -item .form-input-effects-border { --fx-border-alpha: 0; } .form-field-hover-focus-accent.form-field-style-solid .sqs-block-form .form= -item input:not([type=3D"checkbox"]):not([type=3D"radio"]) ~ .form-input-ef= fects .form-input-effects-border, .form-field-hover-focus-accent.form-field= -style-solid .sqs-block-form .form-item textarea ~ .form-input-effects .for= m-input-effects-border, .form-field-hover-focus-accent.form-field-style-sol= id .sqs-block-form .form-item select ~ .form-input-effects .form-input-effe= cts-border { --solid-alpha-modifier: 1; --solid-hover-alpha-modifier: 1; } .form-field-hover-focus-accent.form-field-checkbox-fill-solid .sqs-block-fo= rm .form-item.checkbox, .form-field-hover-focus-accent.form-field-checkbox-= fill-solid .sqs-block-form .form-item.email, .form-field-hover-focus-accent= .form-field-radio-fill-solid .sqs-block-form .form-item.radio, .form-field-= hover-focus-accent.form-field-survey-fill-solid .sqs-block-form .form-item.= likert { --solid-alpha-modifier: 1; --solid-hover-alpha-modifier: 1; } .form-field-hover-focus-scale-up .sqs-block-form .form-item { --inverted-so= lid-hover-alpha-modifier: 1; --inverted-outline-hover-alpha-modifier: 1; } .form-field-hover-focus-scale-up .sqs-block-form .form-item .form-input-eff= ects { transition: var(--fx-border-transition-transform); } .form-field-hover-focus-scale-up .sqs-block-form .form-item input, .form-fi= eld-hover-focus-scale-up .sqs-block-form .form-item textarea, .form-field-h= over-focus-scale-up .sqs-block-form .form-item select { transition: var(--f= ill-hover-transition), var(--fx-border-transition-transform) !important; } @media (hover: hover) { .form-field-hover-focus-scale-up .sqs-block-form .form-item input:hover ~= .form-input-effects, .form-field-hover-focus-scale-up .sqs-block-form .for= m-item textarea:hover ~ .form-input-effects, .form-field-hover-focus-scale-= up .sqs-block-form .form-item select:hover ~ .form-input-effects { transfor= m: scale(1.025); } .form-field-hover-focus-scale-up .sqs-block-form .form-item input:hover ~= .radio-mark, .form-field-hover-focus-scale-up .sqs-block-form .form-item t= extarea:hover ~ .radio-mark, .form-field-hover-focus-scale-up .sqs-block-fo= rm .form-item select:hover ~ .radio-mark, .form-field-hover-focus-scale-up = .sqs-block-form .form-item input:hover[type=3D"checkbox"], .form-field-hove= r-focus-scale-up .sqs-block-form .form-item textarea:hover[type=3D"checkbox= "], .form-field-hover-focus-scale-up .sqs-block-form .form-item select:hove= r[type=3D"checkbox"] { transform: scale(1.1); } } .form-field-hover-focus-scale-up .sqs-block-form .form-item input:focus ~ .= form-input-effects, .form-field-hover-focus-scale-up .sqs-block-form .form-= item textarea:focus ~ .form-input-effects, .form-field-hover-focus-scale-up= .sqs-block-form .form-item select:focus ~ .form-input-effects { transform:= scale(1.025); } .form-field-hover-focus-scale-up .sqs-block-form .form-item input:focus-vis= ible ~ .radio-mark, .form-field-hover-focus-scale-up .sqs-block-form .form-= item textarea:focus-visible ~ .radio-mark, .form-field-hover-focus-scale-up= .sqs-block-form .form-item select:focus-visible ~ .radio-mark, .form-field= -hover-focus-scale-up .sqs-block-form .form-item input:focus-visible[type= =3D"checkbox"], .form-field-hover-focus-scale-up .sqs-block-form .form-item= textarea:focus-visible[type=3D"checkbox"], .form-field-hover-focus-scale-u= p .sqs-block-form .form-item select:focus-visible[type=3D"checkbox"] { tran= sform: scale(1.1); } .form-field-hover-focus-scale-up.form-field-checkbox-type-button .sqs-block= -form .form-item:not(.email) input[type=3D"checkbox"] ~ span { transition: = var(--fill-hover-transition), var(--fx-border-transition-transform) !import= ant; } @media (hover: hover) { .form-field-hover-focus-scale-up.form-field-checkbox-type-button .sqs-blo= ck-form .form-item:not(.email) input[type=3D"checkbox"]:hover ~ span { tran= sform: scale(1.05); } } .form-field-hover-focus-scale-up.form-field-checkbox-type-button .sqs-block= -form .form-item:not(.email) input[type=3D"checkbox"]:focus-visible ~ span = { transform: scale(1.05); } .form-field-hover-focus-scale-up.form-field-radio-type-button .sqs-block-fo= rm .form-item input[type=3D"radio"] ~ .radio-label { transition: var(--fill= -hover-transition), var(--fx-border-transition-transform) !important; } @media (hover: hover) { .form-field-hover-focus-scale-up.form-field-radio-type-button .sqs-block-= form .form-item input[type=3D"radio"]:hover ~ .radio-label { transform: sca= le(1.05); } } .form-field-hover-focus-scale-up.form-field-radio-type-button .sqs-block-fo= rm .form-item input[type=3D"radio"]:focus-visible ~ .radio-label { transfor= m: scale(1.05); } .sqs-block-form .field-list { } .sqs-block-form .field-list .form-input-effects-highlight { position: absol= ute; display: none; border-radius: var(--fx-input-border-radius); inset: 0p= x; transition: var(--fx-border-transition-opacity); } .sqs-block-form .field-list > .form-item.field:first-child input[value=3D""= ] ~ .form-input-effects .form-input-effects-highlight, .sqs-block-form .fie= ld-list > .form-item.field:first-child select.show-placeholder ~ .form-inpu= t-effects .form-input-effects-highlight, .sqs-block-form .field-list > .for= m-item.field:first-child textarea:empty ~ .form-input-effects .form-input-e= ffects-highlight, .sqs-block-form .field-list > .form-item.fields.name:firs= t-child > .field:first-of-type input[value=3D""] ~ .form-input-effects .for= m-input-effects-highlight, .sqs-block-form .field-list > .form-item.fields.= address:first-child > .field:nth-of-type(3) input[value=3D""] ~ .form-input= -effects .form-input-effects-highlight { display: block; --fx-highlight-inp= ut-animation-play-state: running; } @media (prefers-reduced-motion) { .sqs-block-form .field-list > .form-item.field:first-child input[value=3D= ""] ~ .form-input-effects .form-input-effects-highlight, .sqs-block-form .f= ield-list > .form-item.field:first-child select.show-placeholder ~ .form-in= put-effects .form-input-effects-highlight, .sqs-block-form .field-list > .f= orm-item.field:first-child textarea:empty ~ .form-input-effects .form-input= -effects-highlight, .sqs-block-form .field-list > .form-item.fields.name:fi= rst-child > .field:first-of-type input[value=3D""] ~ .form-input-effects .f= orm-input-effects-highlight, .sqs-block-form .field-list > .form-item.field= s.address:first-child > .field:nth-of-type(3) input[value=3D""] ~ .form-inp= ut-effects .form-input-effects-highlight { display: none; --fx-highlight-in= put-animation-play-state: paused; } } .sqs-block-form .field-list > .form-item.field:first-child input[value=3D""= ]:focus ~ .form-input-effects .form-input-effects-highlight, .sqs-block-for= m .field-list > .form-item.field:first-child select.show-placeholder:focus = ~ .form-input-effects .form-input-effects-highlight, .sqs-block-form .field= -list > .form-item.field:first-child textarea:empty:focus ~ .form-input-eff= ects .form-input-effects-highlight, .sqs-block-form .field-list > .form-ite= m.fields.name:first-child > .field:first-of-type input[value=3D""]:focus ~ = .form-input-effects .form-input-effects-highlight, .sqs-block-form .field-l= ist > .form-item.fields.address:first-child > .field:nth-of-type(3) input[v= alue=3D""]:focus ~ .form-input-effects .form-input-effects-highlight { opac= ity: 0; } @keyframes animation-form-field-fx-highlight-trace {=20 0% { left: 50%; transform: translate3d(-50%, -50%, 0px) scaleY(1) scaleX(= 3) rotate(0deg); } 25% { left: min(50%, 2.5em); transform: translate3d(-50%, -50%, 0px) scal= eY(1.5) scaleX(1) rotate(90deg); } 50% { transform: translate3d(-50%, -50%, 0px) scaleY(1) scaleX(3) rotate(= 180deg); } 75% { left: calc(100% - min(2.5em, 50%)); transform: translate3d(-50%, -5= 0%, 0px) scaleY(1.5) scaleX(1) rotate(270deg); } 100% { left: 50%; transform: translate3d(-50%, -50%, 0px) scaleY(1) scale= X(3) rotate(360deg); } } @keyframes animation-form-field-fx-highlight-double-trace {=20 0% { left: 50%; transform: translate3d(-50%, -50%, 0px) scaleY(1) scaleX(= 3) rotate(0deg); } 25% { left: min(50%, 2.5em); transform: translate3d(-50%, -50%, 0px) scal= eY(1.5) scaleX(1) rotate(90deg); } 50% { transform: translate3d(-50%, -50%, 0px) scaleY(1) scaleX(3) rotate(= 180deg); } 75% { left: calc(100% - min(2.5em, 50%)); transform: translate3d(-50%, -5= 0%, 0px) scaleY(1.5) scaleX(1) rotate(270deg); } 100% { left: 50%; transform: translate3d(-50%, -50%, 0px) scaleY(1) scale= X(3) rotate(360deg); } } @keyframes animation-form-field-fx-highlight-trace-bottom {=20 0% { left: calc(100% + 2.5em); transform: translate3d(-50%, -50%, 0px) sc= aleY(1) scaleX(3) rotate(0deg); } 100% { left: -2.5em; transform: translate3d(-50%, -50%, 0px) scaleY(1) sc= aleX(3) rotate(0deg); } } @keyframes animation-form-field-fx-highlight-double-trace-bottom {=20 0% { left: calc(100% + 2.5em); transform: translate3d(-50%, -50%, 0px) sc= aleY(1) scaleX(3) rotate(0deg); } 100% { left: -2.5em; transform: translate3d(-50%, -50%, 0px) scaleY(1) sc= aleX(3) rotate(0deg); } } .form-field-border-all .sqs-block-form .form-item .form-input-effects-highl= ight.form-field-highlight-single-trace, .form-field-border-none .sqs-block-= form .form-item .form-input-effects-highlight.form-field-highlight-single-t= race, .form-field-border-all .sqs-block-form .form-item .form-input-effects= -highlight.form-field-highlight-double-trace, .form-field-border-none .sqs-= block-form .form-item .form-input-effects-highlight.form-field-highlight-do= uble-trace { --fx-animation-form-field-fx-highlight-trace: animation-form-f= ield-fx-highlight-trace; --fx-animation-form-field-fx-highlight-double-trac= e: animation-form-field-fx-highlight-double-trace; overflow: hidden; paddin= g: var(--fx-highlight-input-border-width); border: 0px solid transparent; i= nset: 0px; -webkit-mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 2= 55, 255) 0px) content-box content-box, linear-gradient(rgb(255, 255, 255) 0= px, rgb(255, 255, 255) 0px); -webkit-mask-composite: xor; transition: paddi= ng var(--fx-border-transition-duration-border-width) var(--fx-ease-out), va= r(--fx-border-transition-opacity); } .form-field-border-bottom .sqs-block-form { --fx-highlight-input-single-tra= ce-animation-duration: var(--fx-highlight-input-border-bottom-single-trace-= animation-duration); --fx-highlight-input-double-trace-animation-duration: = var(--fx-highlight-input-border-bottom-double-trace-animation-duration); } .form-field-border-bottom .sqs-block-form .form-item .form-input-effects-hi= ghlight.form-field-highlight-single-trace, .form-field-border-bottom .sqs-b= lock-form .form-item .form-input-effects-highlight.form-field-highlight-dou= ble-trace { --fx-animation-form-field-fx-highlight-trace: animation-form-fi= eld-fx-highlight-trace-bottom; --fx-animation-form-field-fx-highlight-doubl= e-trace: animation-form-field-fx-highlight-double-trace-bottom; overflow: h= idden; clip-path: polygon(0% calc(100% - var(--fx-highlight-input-border-wi= dth)), 100% calc(100% - var(--fx-highlight-input-border-width)), 100% 100%,= 0% 100%); inset: 0px; transition: clip-path var(--fx-border-transition-dur= ation-border-width) var(--fx-ease-out), var(--fx-border-transition-opacity)= ; } .form-field-border-bottom .sqs-block-form .form-item .form-input-effects-hi= ghlight.form-field-highlight-single-trace::before, .form-field-border-botto= m .sqs-block-form .form-item .form-input-effects-highlight.form-field-highl= ight-double-trace::before, .form-field-border-bottom .sqs-block-form .form-= item .form-input-effects-highlight.form-field-highlight-single-trace::after= , .form-field-border-bottom .sqs-block-form .form-item .form-input-effects-= highlight.form-field-highlight-double-trace::after { animation-direction: r= everse; } .sqs-block-form .form-item .form-input-effects-highlight.form-field-highlig= ht-single-trace::before { position: absolute; top: 50%; left: 50%; height: = max(20em, 300%); aspect-ratio: 1 / 1; background: conic-gradient(from 0deg = at 50% 50%, transparent 40%, var(--fx-highlight-input-color), transparent 6= 0%); content: ""; -webkit-mask-image: linear-gradient(to right, transparent= 40%, var(--fx-highlight-input-color), transparent 60%); transform: transla= te3d(-50%, -50%, 0px) rotate(0deg); transform-origin: 50% 50%; animation-du= ration: ; animation-timing-function: ; animation-delay: ; animation-iterati= on-count: ; animation-direction: ; animation-fill-mode: ; animation-name: ;= animation-timeline: ; animation-range-start: ; animation-range-end: ; anim= ation-play-state: var(--fx-highlight-input-animation-play-state, paused); } .sqs-block-form .form-item .form-input-effects-highlight.form-field-highlig= ht-double-trace::before, .sqs-block-form .form-item .form-input-effects-hig= hlight.form-field-highlight-double-trace::after { position: absolute; top: = 50%; left: 50%; height: max(20em, 300%); aspect-ratio: 1 / 1; background: c= onic-gradient(from 0deg at 50% 50%, transparent 40%, var(--fx-highlight-inp= ut-color), transparent 60%); content: ""; -webkit-mask-image: linear-gradie= nt(to right, transparent 40%, var(--fx-highlight-input-color), transparent = 60%); transform: translate3d(-50%, -50%, 0px) rotate(0deg); transform-origi= n: 50% 50%; } .sqs-block-form .form-item .form-input-effects-highlight.form-field-highlig= ht-double-trace::before { animation-duration: ; animation-timing-function: = ; animation-delay: ; animation-iteration-count: ; animation-direction: ; an= imation-fill-mode: ; animation-name: ; animation-timeline: ; animation-rang= e-start: ; animation-range-end: ; animation-play-state: var(--fx-highlight-= input-animation-play-state, paused); } .sqs-block-form .form-item .form-input-effects-highlight.form-field-highlig= ht-double-trace::after { animation-duration: ; animation-timing-function: ;= animation-delay: ; animation-iteration-count: ; animation-direction: ; ani= mation-fill-mode: ; animation-name: ; animation-timeline: ; animation-range= -start: ; animation-range-end: ; animation-play-state: var(--fx-highlight-i= nput-animation-play-state, paused); } @keyframes animation-form-field-fx-highlight-glow {=20 0% { opacity: 0.1; } 50% { opacity: 1; } 100% { opacity: 0.1; } } .sqs-block-form .form-item .form-input-effects-highlight.form-field-highlig= ht-glow::before { position: absolute; border: solid var(--fx-highlight-inpu= t-border-width) var(--fx-highlight-input-color); border-radius: inherit; an= imation-duration: ; animation-timing-function: ; animation-delay: ; animati= on-iteration-count: ; animation-direction: ; animation-fill-mode: ; animati= on-name: ; animation-timeline: ; animation-range-start: ; animation-range-e= nd: ; animation-play-state: var(--fx-highlight-input-animation-play-state, = paused); content: ""; inset: 0px; } .form-field-border-bottom .sqs-block-form .form-item .form-input-effects-hi= ghlight.form-field-highlight-glow::before { border-width: 0 0 var(--fx-high= light-input-border-width); } @keyframes shake-three {=20 0% { transform: translate3d(0px, 0px, 0px); } 16.666% { transform: translate3d(0.333rem, 0px, 0px); } 33.333% { transform: translate3d(-0.333rem, 0px, 0px); } 50% { transform: translate3d(0.333rem, 0px, 0px); } 66.666% { transform: translate3d(-0.333rem, 0px, 0px); } 83.333% { transform: translate3d(0.333rem, 0px, 0px); } 100% { transform: translate3d(0px, 0px, 0px); } } .form-submit-button-state { display: none; } .form-submit-button-style-spinner .form-submit-button-label, .form-submit-b= utton-style-ellipsis .form-submit-button-label, .form-submit-button-style-b= ar .form-submit-button-label, .form-submit-button-style-circle .form-submit= -button-label { display: none; } .form-submit-button-style-spinner .form-submit-button.error, .form-submit-b= utton-style-ellipsis .form-submit-button.error, .form-submit-button-style-b= ar .form-submit-button.error, .form-submit-button-style-circle .form-submit= -button.error { animation: 0.4s cubic-bezier(0.37, 0, 0.63, 1) 0s 1 normal = forwards running shake-three; } .form-submit-button-style-spinner .form-submit-button.none .form-submit-but= ton-state > :nth-child(1), .form-submit-button-style-ellipsis .form-submit-= button.none .form-submit-button-state > :nth-child(1), .form-submit-button-= style-bar .form-submit-button.none .form-submit-button-state > :nth-child(1= ), .form-submit-button-style-circle .form-submit-button.none .form-submit-b= utton-state > :nth-child(1), .form-submit-button-style-spinner .form-submit= -button.error .form-submit-button-state > :nth-child(1), .form-submit-butto= n-style-ellipsis .form-submit-button.error .form-submit-button-state > :nth= -child(1), .form-submit-button-style-bar .form-submit-button.error .form-su= bmit-button-state > :nth-child(1), .form-submit-button-style-circle .form-s= ubmit-button.error .form-submit-button-state > :nth-child(1), .form-submit-= button-style-spinner .form-submit-button.submitting .form-submit-button-sta= te > :nth-child(2), .form-submit-button-style-ellipsis .form-submit-button.= submitting .form-submit-button-state > :nth-child(2), .form-submit-button-s= tyle-bar .form-submit-button.submitting .form-submit-button-state > :nth-ch= ild(2), .form-submit-button-style-circle .form-submit-button.submitting .fo= rm-submit-button-state > :nth-child(2), .form-submit-button-style-spinner .= form-submit-button.submitted .form-submit-button-state > :nth-child(3), .fo= rm-submit-button-style-ellipsis .form-submit-button.submitted .form-submit-= button-state > :nth-child(3), .form-submit-button-style-bar .form-submit-bu= tton.submitted .form-submit-button-state > :nth-child(3), .form-submit-butt= on-style-circle .form-submit-button.submitted .form-submit-button-state > := nth-child(3) { animation-play-state: running; opacity: 1; visibility: visib= le; transition-delay: 0.1s; } .form-submit-button-style-spinner .form-submit-button-state, .form-submit-b= utton-style-ellipsis .form-submit-button-state, .form-submit-button-style-b= ar .form-submit-button-state, .form-submit-button-style-circle .form-submit= -button-state { display: grid; align-items: center; justify-content: center= ; grid-template-areas: "state"; pointer-events: none; } .form-submit-button-style-spinner .form-submit-button-state > span, .form-s= ubmit-button-style-ellipsis .form-submit-button-state > span, .form-submit-= button-style-bar .form-submit-button-state > span, .form-submit-button-styl= e-circle .form-submit-button-state > span { display: flex; align-items: cen= ter; justify-content: center; animation-play-state: paused; place-self: cen= ter; grid-area: state / state / state / state; opacity: 0; visibility: hidd= en; transition: opacity 0.2s cubic-bezier(0.61, 1, 0.88, 1) 0s, visibility = 0.2s cubic-bezier(0.61, 1, 0.88, 1) 0s; } .form-submit-button-style-spinner .form-submit-button-state > span span, .f= orm-submit-button-style-ellipsis .form-submit-button-state > span span, .fo= rm-submit-button-style-bar .form-submit-button-state > span span, .form-sub= mit-button-style-circle .form-submit-button-state > span span { animation-p= lay-state: inherit; } .form-submit-button-style-spinner .form-submit-button-state { --thickness: = 0.12em; } @keyframes keyframes-spinner {=20 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes keyframes-spinner-check {=20 0% { transform: translate3d(-100%, 0px, 0px); } 100% { transform: translate3d(0%, 0px, 0px); } } .form-submit-button-style-spinner .form-submit-button-state :nth-child(2) s= pan { position: relative; width: 1.3em; height: 1.3em; border-radius: 50%; = animation-duration: 0.75s; animation-timing-function: linear; animation-del= ay: 0s; animation-iteration-count: infinite; animation-direction: normal; a= nimation-fill-mode: none; animation-name: keyframes-spinner; animation-time= line: auto; animation-range: normal; animation-play-state: inherit; backgro= und: conic-gradient(from 0.25turn, transparent, currentcolor 75%); -webkit-= mask-image: radial-gradient(closest-side, transparent 0% calc(100% - var(--= thickness) - 1px), currentcolor calc(100% - var(--thickness))); pointer-eve= nts: none !important; } .form-submit-button-style-spinner .form-submit-button-state :nth-child(3) {= position: relative; width: 1.3em; height: 1.3em; } .form-submit-button-style-spinner .form-submit-button-state :nth-child(3)::= before { position: absolute; border: solid var(--thickness) currentcolor; b= order-radius: 50%; content: ""; inset: 0px; } .form-submit-button-style-spinner .form-submit-button-state :nth-child(3) s= pan { position: absolute; border-radius: 50%; inset: 0px; -webkit-mask-imag= e: url("data:image/svg+xml;utf8,"); -webkit-mask-size: 100%; } .form-submit-button-style-spinner .form-submit-button-state :nth-child(3) s= pan::before { position: absolute; animation-duration: 0.25s; animation-timi= ng-function: cubic-bezier(0.61, 1, 0.88, 1); animation-delay: 0.15s; animat= ion-iteration-count: 1; animation-direction: normal; animation-fill-mode: f= orwards; animation-name: keyframes-spinner-check; animation-timeline: auto;= animation-range: normal; animation-play-state: inherit; background-color: = currentcolor; content: ""; inset: 0px; transform: translate3d(-100%, 0px, 0= px); } .form-submit-button-style-circle .form-submit-button-state { } @keyframes keyframes-circle {=20 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 0% { transform: rotateY(0deg); } 100% { transform: rotateY(1440deg); } } @keyframes keyframes-circle-check {=20 0% { transform: translate3d(0%, 0px, 0px); } 100% { transform: translate3d(100%, 0px, 0px); } } .form-submit-button-style-circle .form-submit-button-state :nth-child(2) sp= an { width: 1.3em; height: 1.3em; border-radius: 50%; animation-duration: 2= .4s; animation-timing-function: cubic-bezier(0, 0.2, 0.8, 1); animation-del= ay: 0s; animation-iteration-count: infinite; animation-direction: normal; a= nimation-fill-mode: none; animation-name: keyframes-circle; animation-timel= ine: auto; animation-range: normal; animation-play-state: inherit; backgrou= nd: currentcolor; } .form-submit-button-style-circle .form-submit-button-state :nth-child(3) sp= an { position: relative; overflow: hidden; width: 1.3em; height: 1.3em; bor= der-radius: 50%; } .form-submit-button-style-circle .form-submit-button-state :nth-child(3) sp= an::before, .form-submit-button-style-circle .form-submit-button-state :nth= -child(3) span::after { position: absolute; content: ""; inset: 0px; } .form-submit-button-style-circle .form-submit-button-state :nth-child(3) sp= an::before { animation-duration: 0.25s; animation-timing-function: cubic-be= zier(0.61, 1, 0.88, 1); animation-delay: 0.15s; animation-iteration-count: = 1; animation-direction: normal; animation-fill-mode: forwards; animation-na= me: keyframes-circle-check; animation-timeline: auto; animation-range: norm= al; animation-play-state: inherit; background-color: currentcolor; } .form-submit-button-style-circle .form-submit-button-state :nth-child(3) sp= an::after { background-color: currentcolor; inset: 0px; -webkit-mask-image:= url("data:image/svg+xml;utf8,