@media (min-width:320px){.sq-shopify [data-page=examples] .container{max-width:320px}}@media (min-width:768px){.sq-shopify [data-page=examples] .container{max-width:768px}}@media (min-width:1080px){.sq-shopify [data-page=examples] .container{max-width:1080px}}@media (min-width:1090px){.sq-shopify [data-page=examples] .container{max-width:1090px}}@media (min-width:1600px){.sq-shopify [data-page=examples] .container{width:100%;max-width:calc(1600px - (var(--spacing-margin)*2));margin-inline:auto}}@supports (color:color-mix(in lab,red,red)){.sq-shopify [data-page=examples] .ring-black\/20{--tw-ring-color:color-mix(in oklab,var(--color-black)20%,transparent)}}@media (hover:hover){.sq-shopify [data-page=examples] .group-hover\:bg-black:is(:where(.group):hover *){background-color:var(--color-black)}.sq-shopify [data-page=examples] .group-hover\:bg-white:is(:where(.group):hover *){background-color:var(--color-white)}.sq-shopify [data-page=examples] .group-hover\:underline:is(:where(.group):hover *){text-decoration-line:underline}.sq-shopify [data-page=examples] .peer-hover\:ring-shade-40:is(:where(.peer):hover~*){--tw-ring-color:var(--color-shade-40)}.sq-shopify [data-page=examples] .peer-hover\:ring-shade-50:is(:where(.peer):hover~*){--tw-ring-color:var(--color-shade-50)}.sq-shopify [data-page=examples] .hover\:border-button-light-primary-border-hover:hover{border-color:var(--color-button-light-primary-border-hover)}.sq-shopify [data-page=examples] .hover\:bg-button-light-primary-bg-hover:hover{background-color:var(--color-button-light-primary-bg-hover)}.sq-shopify [data-page=examples] .hover\:text-button-dark-secondary-text-hover:hover,.sq-shopify [data-page=examples] .hover\:text-button-light-primary-text-hover:hover{color:#fff}.sq-shopify [data-page=examples] .hover\:text-link-light-hover:hover{color:#3f3f46}.sq-shopify [data-page=examples] .hover\:no-underline:hover{text-decoration-line:none}.sq-shopify [data-page=examples] .hover\:ring-button-light-primary-border-hover:hover{--tw-ring-color:var(--color-button-light-primary-border-hover)}.sq-shopify [data-page=examples] .peer-checked\:hover\:bg-lavender-50:is(:where(.peer):checked~*):hover{background-color:var(--color-lavender-50)}.sq-shopify [data-page=examples] .peer-disabled\:hover\:opacity-100:is(:where(.peer):disabled~*):hover{opacity:1}}@media not all and (min-width:640px){.sq-shopify [data-page=examples] .max-sm\:-mt-2\.5{margin-top:calc(var(--spacing)*-2.5)}.sq-shopify [data-page=examples] .max-sm\:mt-2{margin-top:calc(var(--spacing)*2)}.sq-shopify [data-page=examples] .max-sm\:mt-auto{margin-top:auto}.sq-shopify [data-page=examples] .max-sm\:mb-3{margin-bottom:calc(var(--spacing)*3)}.sq-shopify [data-page=examples] .max-sm\:hidden{display:none}.sq-shopify [data-page=examples] .max-sm\:min-h-\[176px\]{min-height:176px}.sq-shopify [data-page=examples] .max-sm\:w-full{width:100%}.sq-shopify [data-page=examples] .max-sm\:translate-y-2\.5{--tw-translate-y:calc(var(--spacing)*2.5);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .max-sm\:pe-4{padding-inline-end:calc(var(--spacing)*4)}.sq-shopify [data-page=examples] .max-sm\:pb-10{padding-bottom:calc(var(--spacing)*10)}.sq-shopify [data-page=examples] .max-sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sq-shopify [data-page=examples] .max-sm\:before\:start-0:before{content:var(--tw-content);inset-inline-start:calc(var(--spacing)*0)}.sq-shopify [data-page=examples] .max-sm\:before\:w-full:before{content:var(--tw-content);width:100%}.sq-shopify [data-page=examples] .max-sm\:before\:rounded-lg:before{content:var(--tw-content);border-radius:var(--radius-lg)}.sq-shopify [data-page=examples] .max-sm\:before\:bg-none:before{content:var(--tw-content);background-image:none}}@media (min-width:640px){.sq-shopify [data-page=examples] .sm\:-top-10{top:calc(var(--spacing)*-10)}.sq-shopify [data-page=examples] .sm\:row-start-\[span_2\]{grid-row-start:span 2}.sq-shopify [data-page=examples] .sm\:h-\[150px\]{height:150px}.sq-shopify [data-page=examples] .sm\:w-64{width:calc(var(--spacing)*64)}.sq-shopify [data-page=examples] .sm\:w-\[80px\]{width:80px}.sq-shopify [data-page=examples] .sm\:w-\[100px\]{width:100px}.sq-shopify [data-page=examples] .sm\:grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}.sq-shopify [data-page=examples] .sm\:grid-rows-\[repeat\(var\(--bk-l2-rows\)\, [data-page=examples] min-content\)\]{grid-template-rows:repeat(var(--bk-l2-rows),min-content)}.sq-shopify [data-page=examples] .sm\:items-start{align-items:flex-start}.sq-shopify [data-page=examples] .sm\:gap-x-gutter{-moz-column-gap:var(--spacing-gutter);column-gap:var(--spacing-gutter)}.sq-shopify [data-page=examples] .sm\:self-center{align-self:center}.sq-shopify [data-page=examples] .sm\:self-stretch{align-self:stretch}.sq-shopify [data-page=examples] .sm\:justify-self-end{justify-self:flex-end}.sq-shopify [data-page=examples] .sm\:px-margin{padding-inline:var(--spacing-margin)}.sq-shopify [data-page=examples] .sm\:ps-10{padding-inline-start:calc(var(--spacing)*10)}.sq-shopify [data-page=examples] .sm\:pe-0{padding-inline-end:calc(var(--spacing)*0)}.sq-shopify [data-page=examples] .sm\:pt-\[104px\]{padding-top:104px}.sq-shopify [data-page=examples] .sm\:\[--bk-l2-rows\:2\]{--bk-l2-rows:2}.sq-shopify [data-page=examples] .sm\:\[grid-template-areas\:\"items_aside\"_\"belt_aside\"\]{grid-template-areas:"items aside""belt aside"}.sq-shopify [data-page=examples] .sm\:before\:-top-\[104px\]:before{content:var(--tw-content);top:-104px}.sq-shopify [data-page=examples] .sm\:before\:-bottom-10:before{content:var(--tw-content);bottom:calc(var(--spacing)*-10)}.sq-shopify [data-page=examples] .sm\:before\:w-\[calc\(100\%\+var\(--margin\, [data-page=examples] var\(--spacing-margin\)\)\)\]:before{content:var(--tw-content);width:calc(100% + var(--margin,var(--spacing-margin)))}.sq-shopify [data-page=examples] .sm\:after\:absolute:after{content:var(--tw-content);position:absolute}.sq-shopify [data-page=examples] .sm\:after\:start-0:after{content:var(--tw-content);inset-inline-start:calc(var(--spacing)*0)}.sq-shopify [data-page=examples] .sm\:after\:-top-10:after{content:var(--tw-content);top:calc(var(--spacing)*-10)}.sq-shopify [data-page=examples] .sm\:after\:bottom-0:after{content:var(--tw-content);bottom:calc(var(--spacing)*0)}.sq-shopify [data-page=examples] .sm\:after\:z-10:after{content:var(--tw-content);z-index:10}.sq-shopify [data-page=examples] .sm\:after\:w-px:after{content:var(--tw-content);width:1px}.sq-shopify [data-page=examples] .sm\:after\:bg-no-repeat:after{content:var(--tw-content);background-repeat:no-repeat}.sq-shopify [data-page=examples] .sm\:after\:will-change-\[opacity\]:after{content:var(--tw-content);will-change:opacity}}@media not all and (min-width:900px){.sq-shopify [data-page=examples] .max-smd\:absolute{position:absolute}.sq-shopify [data-page=examples] .max-smd\:relative{position:relative}.sq-shopify [data-page=examples] .max-smd\:end-4{inset-inline-end:calc(var(--spacing)*4)}.sq-shopify [data-page=examples] .max-smd\:top-1\/2{top:50%}.sq-shopify [data-page=examples] .max-smd\:z-20{z-index:20}.sq-shopify [data-page=examples] .max-smd\:flex{display:flex}.sq-shopify [data-page=examples] .max-smd\:grid{display:grid}.sq-shopify [data-page=examples] .max-smd\:hidden{display:none}.sq-shopify [data-page=examples] .max-smd\:h-6{height:calc(var(--spacing)*6)}.sq-shopify [data-page=examples] .max-smd\:w-6{width:calc(var(--spacing)*6)}.sq-shopify [data-page=examples] .max-smd\:-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .max-smd\:-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .max-smd\:grid-cols-\[min-content_1fr\]{grid-template-columns:min-content 1fr}.sq-shopify [data-page=examples] .max-smd\:grid-rows-\[min-content\]{grid-template-rows:min-content}.sq-shopify [data-page=examples] .max-smd\:flex-col{flex-direction:column}.sq-shopify [data-page=examples] .max-smd\:gap-x-2{-moz-column-gap:calc(var(--spacing)*2);column-gap:calc(var(--spacing)*2)}.sq-shopify [data-page=examples] .max-smd\:gap-x-3{-moz-column-gap:calc(var(--spacing)*3);column-gap:calc(var(--spacing)*3)}.sq-shopify [data-page=examples] .max-smd\:gap-y-1\.5{row-gap:calc(var(--spacing)*1.5)}.sq-shopify [data-page=examples] .max-smd\:self-end{align-self:flex-end}.sq-shopify [data-page=examples] .max-smd\:rounded-2xl{border-radius:var(--radius-2xl)}.sq-shopify [data-page=examples] .max-smd\:border{border-style:var(--tw-border-style);border-width:1px}.sq-shopify [data-page=examples] .max-smd\:py-6{padding-block:calc(var(--spacing)*6)}.sq-shopify [data-page=examples] .max-smd\:ps-4{padding-inline-start:calc(var(--spacing)*4)}.sq-shopify [data-page=examples] .max-smd\:pb-10{padding-bottom:calc(var(--spacing)*10)}.sq-shopify [data-page=examples] .max-smd\:opacity-100{opacity:1}.sq-shopify [data-page=examples] .max-smd\:before\:absolute:before{content:var(--tw-content);position:absolute}.sq-shopify [data-page=examples] .max-smd\:before\:-bottom-\[25px\]:before{content:var(--tw-content);bottom:-25px}.sq-shopify [data-page=examples] .max-smd\:before\:h-px:before{content:var(--tw-content);height:1px}.sq-shopify [data-page=examples] .max-smd\:before\:w-full:before{content:var(--tw-content);width:100%}}@media (min-width:1200px){.sq-shopify [data-page=examples] .slg\:sticky{position:sticky}.sq-shopify [data-page=examples] .slg\:top-global-header{top:var(--spacing-global-header)}.sq-shopify [data-page=examples] .slg\:z-10{z-index:10}.sq-shopify [data-page=examples] .slg\:z-20{z-index:20}.sq-shopify [data-page=examples] .slg\:order-3{order:3}.sq-shopify [data-page=examples] .slg\:order-4{order:4}.sq-shopify [data-page=examples] .slg\:order-5{order:5}.sq-shopify [data-page=examples] .slg\:col-span-8{grid-column:span 8/span 8}.sq-shopify [data-page=examples] .slg\:col-start-3{grid-column-start:3}.sq-shopify [data-page=examples] .slg\:mb-1{margin-bottom:calc(var(--spacing)*1)}.sq-shopify [data-page=examples] .slg\:mb-10{margin-bottom:calc(var(--spacing)*10)}.sq-shopify [data-page=examples] .slg\:aspect-\[2\.17\]{aspect-ratio:2.17}.sq-shopify [data-page=examples] .slg\:h-\[87px\]{height:87px}.sq-shopify [data-page=examples] .slg\:max-h-\[321px\]{max-height:321px}.sq-shopify [data-page=examples] .slg\:max-h-\[546px\]{max-height:546px}.sq-shopify [data-page=examples] .slg\:max-h-\[calc\(90vh-72px\)\]{max-height:calc(90vh - 72px)}.sq-shopify [data-page=examples] .slg\:w-\[190px\]{width:190px}.sq-shopify [data-page=examples] .slg\:w-\[calc\(\(100\%-80px\)\/3\)\]{width:calc(33.3333% - 26.6667px)}.sq-shopify [data-page=examples] .slg\:-translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .slg\:-translate-y-6{--tw-translate-y:calc(var(--spacing)*-6);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .slg\:-translate-y-\[calc\(100\%\+1px\)\]{--tw-translate-y:calc(calc(100% + 1px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .slg\:grid-cols-\[3fr_1fr\]{grid-template-columns:3fr 1fr}.sq-shopify [data-page=examples] .slg\:grid-cols-\[var\(--belt-calc\)_var\(--belt-calc\)_var\(--belt-calc\)_296px\]{grid-template-columns:var(--belt-calc)var(--belt-calc)var(--belt-calc)296px}.sq-shopify [data-page=examples] .slg\:items-start{align-items:flex-start}.sq-shopify [data-page=examples] .slg\:gap-x-6{-moz-column-gap:calc(var(--spacing)*6);column-gap:calc(var(--spacing)*6)}.sq-shopify [data-page=examples] .slg\:gap-y-6{row-gap:calc(var(--spacing)*6)}.sq-shopify [data-page=examples] .slg\:overflow-hidden{overflow:hidden}.sq-shopify [data-page=examples] .slg\:overflow-y-auto{overflow-y:auto}.sq-shopify [data-page=examples] .slg\:rounded-xl{border-radius:var(--radius-xl)}.sq-shopify [data-page=examples] .slg\:py-6{padding-block:calc(var(--spacing)*6)}.sq-shopify [data-page=examples] .slg\:ps-10{padding-inline-start:calc(var(--spacing)*10)}.sq-shopify [data-page=examples] .slg\:pt-10{padding-top:calc(var(--spacing)*10)}.sq-shopify [data-page=examples] .slg\:pb-10{padding-bottom:calc(var(--spacing)*10)}.sq-shopify [data-page=examples] .slg\:leading-\[1\.8\]{--tw-leading:1.8;line-height:1.8}.sq-shopify [data-page=examples] .slg\:opacity-0{opacity:0}.sq-shopify [data-page=examples] .slg\:opacity-100{opacity:1}.sq-shopify [data-page=examples] .slg\:transition-\[opacity\, [data-page=examples] translate\]{transition-property:opacity,translate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sq-shopify [data-page=examples] .slg\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sq-shopify [data-page=examples] .slg\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sq-shopify [data-page=examples] .slg\:delay-\[150ms\]{transition-delay:.15s}.sq-shopify [data-page=examples] .slg\:duration-300{--tw-duration:.3s;transition-duration:.3s}.sq-shopify [data-page=examples] .slg\:duration-500{--tw-duration:.5s;transition-duration:.5s}.sq-shopify [data-page=examples] .slg\:duration-\[300ms\]{--tw-duration:.3s;transition-duration:.3s}.sq-shopify [data-page=examples] .slg\:ease-ease-out-cubic{--tw-ease:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.sq-shopify [data-page=examples] .slg\:will-change-\[opacity\, [data-page=examples] translate\]{will-change:opacity,translate}.sq-shopify [data-page=examples] .slg\:will-change-\[opacity\]{will-change:opacity}.sq-shopify [data-page=examples] .slg\:will-change-transform{will-change:transform}.sq-shopify [data-page=examples] .slg\:no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.sq-shopify [data-page=examples] .slg\:\[--belt-calc\:calc\(\(100\%-416px\)\/3\)\]{--belt-calc:calc((100% - 416px)/3)}.sq-shopify [data-page=examples] .slg\:\[--bk-l2-rows\:2\]{--bk-l2-rows:2}.sq-shopify [data-page=examples] .slg\:before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.sq-shopify [data-page=examples] .slg\:before\:absolute:before{content:var(--tw-content);position:absolute}.sq-shopify [data-page=examples] .slg\:before\:top-0:before{content:var(--tw-content);top:calc(var(--spacing)*0)}.sq-shopify [data-page=examples] .slg\:before\:-bottom-5:before{content:var(--tw-content);bottom:calc(var(--spacing)*-5)}.sq-shopify [data-page=examples] .slg\:before\:left-1\/2:before{content:var(--tw-content);left:50%}.sq-shopify [data-page=examples] .slg\:before\:z-10:before{content:var(--tw-content);z-index:10}.sq-shopify [data-page=examples] .slg\:before\:h-10:before{content:var(--tw-content);height:calc(var(--spacing)*10)}.sq-shopify [data-page=examples] .slg\:before\:w-\[200vw\]:before{content:var(--tw-content);width:200vw}.sq-shopify [data-page=examples] .slg\:before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .slg\:before\:-translate-y-full:before{content:var(--tw-content);--tw-translate-y:-100%;translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .slg\:after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.sq-shopify [data-page=examples] .slg\:after\:absolute:after{content:var(--tw-content);position:absolute}.sq-shopify [data-page=examples] .slg\:after\:top-0:after{content:var(--tw-content);top:calc(var(--spacing)*0)}.sq-shopify [data-page=examples] .slg\:after\:left-1\/2:after{content:var(--tw-content);left:50%}.sq-shopify [data-page=examples] .slg\:after\:h-full:after{content:var(--tw-content);height:100%}.sq-shopify [data-page=examples] .slg\:after\:w-\[200vw\]:after{content:var(--tw-content);width:200vw}.sq-shopify [data-page=examples] .slg\:after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .slg\:after\:ring-1:after{content:var(--tw-content);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.sq-shopify [data-page=examples] .slg\:after\:ring-inset:after{content:var(--tw-content);--tw-ring-inset:inset}}.sq-shopify .ltr\:before\:-translate-x-1\/2:where(:not(:lang(ae),[data-page=examples] :lang(ar),[data-page=examples] :lang(arc),[data-page=examples] :lang(bcc),[data-page=examples] :lang(bqi),[data-page=examples] :lang(ckb),[data-page=examples] :lang(dv),[data-page=examples] :lang(fa),[data-page=examples] :lang(glk),[data-page=examples] :lang(he),[data-page=examples] :lang(ku),[data-page=examples] :lang(mzn),[data-page=examples] :lang(nqo),[data-page=examples] :lang(pnb),[data-page=examples] :lang(ps),[data-page=examples] :lang(sd),[data-page=examples] :lang(ug),[data-page=examples] :lang(ur),[data-page=examples] :lang(yi)),[data-page=examples] [dir=ltr],[data-page=examples] [dir=ltr] *):before{content:var(--tw-content);--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify .rtl\:before\:translate-x-1\/2:where(:is(:lang(ae),[data-page=examples] :lang(ar),[data-page=examples] :lang(arc),[data-page=examples] :lang(bcc),[data-page=examples] :lang(bqi),[data-page=examples] :lang(ckb),[data-page=examples] :lang(dv),[data-page=examples] :lang(fa),[data-page=examples] :lang(glk),[data-page=examples] :lang(he),[data-page=examples] :lang(ku),[data-page=examples] :lang(mzn),[data-page=examples] :lang(nqo),[data-page=examples] :lang(pnb),[data-page=examples] :lang(ps),[data-page=examples] :lang(sd),[data-page=examples] :lang(ug),[data-page=examples] :lang(ur),[data-page=examples] :lang(yi)),[data-page=examples] [dir=rtl],[data-page=examples] [dir=rtl] *):before{content:var(--tw-content);--tw-translate-x:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}@media (pointer:coarse){.sq-shopify [data-page=examples] .pointer-coarse\:pointer-events-none{pointer-events:none}}@media (hover:hover){.sq-shopify [data-page=examples] .group-hover\:\[\&_path\]\:stroke-black:is(:where(.group):hover *) path{stroke:var(--color-black)}.sq-shopify [data-page=examples] .group-hover\:\[\&_path\]\:stroke-white:is(:where(.group):hover *) path{stroke:var(--color-white)}}@media (min-width:1200px){.sq-shopify [data-page=examples] .slg\:\[\&\:has\(\.level1-item\:focus-within\)\]\:before\:opacity-100:has(.level1-item:focus-within):before{content:var(--tw-content);opacity:1}.sq-shopify [data-page=examples] .slg\:\[\&\:has\(\.level1-item\:focus-within\)\]\:before\:delay-100:has(.level1-item:focus-within):before{content:var(--tw-content);transition-delay:.1s}.sq-shopify [data-page=examples] .slg\:\[\&\:has\(\.level1-item\:focus-within\)\]\:after\:opacity-100:has(.level1-item:focus-within):after{content:var(--tw-content);opacity:1}.sq-shopify [data-page=examples] .slg\:\[\&\:has\(\.level1-item\:focus-within\)\]\:after\:delay-100:has(.level1-item:focus-within):after{content:var(--tw-content);transition-delay:.1s}.sq-shopify [data-page=examples] .slg\:\[\&\:has\(\.level1-item\:hover\)\]\:before\:opacity-100:has(.level1-item:hover):before{content:var(--tw-content);opacity:1}.sq-shopify [data-page=examples] .slg\:\[\&\:has\(\.level1-item\:hover\)\]\:before\:delay-100:has(.level1-item:hover):before{content:var(--tw-content);transition-delay:.1s}.sq-shopify [data-page=examples] .slg\:\[\&\:has\(\.level1-item\:hover\)\]\:after\:opacity-100:has(.level1-item:hover):after{content:var(--tw-content);opacity:1}.sq-shopify [data-page=examples] .slg\:\[\&\:has\(\.level1-item\:hover\)\]\:after\:delay-100:has(.level1-item:hover):after{content:var(--tw-content);transition-delay:.1s}}@media not all and (min-width:1200px){.sq-shopify [data-page=examples] .max-slg\:\[\&\:has\(nav_\.peer\/l1Mobile\:checked\)\]\:before\:opacity-100:has():before{content:var(--tw-content);opacity:1}}@media (min-width:1200px){.sq-shopify [data-page=examples] .level1-item:focus-within .slg\:\[\.level1-item\:focus-within_\&\]\:translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .level1-item:focus-within .slg\:\[\.level1-item\:focus-within_\&\]\:opacity-100{opacity:1}.sq-shopify [data-page=examples] .level1-item:focus-within .slg\:\[\.level1-item\:focus-within_\&\]\:delay-200{transition-delay:.2s}.sq-shopify [data-page=examples] .level1-item:focus-within .slg\:\[\.level1-item\:focus-within_\&\]\:before\:opacity-100:before{content:var(--tw-content);opacity:1}.sq-shopify [data-page=examples] .level1-item:focus-within .slg\:\[\.level1-item\:focus-within_\&\]\:before\:delay-\[350ms\]:before{content:var(--tw-content);transition-delay:.35s}.sq-shopify [data-page=examples] .level1-item:focus-within .slg\:\[\.level1-item\:focus-within_\&\]\:before\:duration-\[300ms\]:before{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}.sq-shopify [data-page=examples] .level1-item:hover .slg\:\[\.level1-item\:hover_\&\]\:pointer-events-auto{pointer-events:auto}.sq-shopify [data-page=examples] .level1-item:hover .slg\:\[\.level1-item\:hover_\&\]\:translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .level1-item:hover .slg\:\[\.level1-item\:hover_\&\]\:opacity-100{opacity:1}.sq-shopify [data-page=examples] .level1-item:hover .slg\:\[\.level1-item\:hover_\&\]\:delay-200{transition-delay:.2s}.sq-shopify [data-page=examples] .level1-item:hover .slg\:\[\.level1-item\:hover_\&\]\:before\:opacity-100:before{content:var(--tw-content);opacity:1}.sq-shopify [data-page=examples] .level1-item:hover .slg\:\[\.level1-item\:hover_\&\]\:before\:delay-\[350ms\]:before{content:var(--tw-content);transition-delay:.35s}.sq-shopify [data-page=examples] .level1-item:hover .slg\:\[\.level1-item\:hover_\&\]\:before\:duration-\[300ms\]:before{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}.sq-shopify [data-page=examples] .level2-wrapper:hover .slg\:\[\.level2-wrapper\:hover_\&\]\:delay-0{transition-delay:0s}.sq-shopify [data-page=examples] .level3-container:hover>.slg\:\[\.level3-container\:hover\>\&\]\:opacity-50{opacity:.5}.sq-shopify [data-page=examples] .level3-link:hover .slg\:\[\.level3-link\:hover_\&\]\:translate-x-1\/2{--tw-translate-x:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .level3-link:hover .slg\:\[\.level3-link\:hover_\&\]\:opacity-100{opacity:1}}@media (max-height:771px) and (min-width:1200px){.sq-shopify [data-page=examples] .\[\@media\(max-height\:771px\)_and_\(min-width\:1200px\)\]\:max-h-\[417px\]{max-height:417px}.sq-shopify [data-page=examples] .\[\@media\(max-height\:771px\)_and_\(min-width\:1200px\)\]\:gap-y-8{row-gap:calc(var(--spacing)*8)}.sq-shopify [data-page=examples] .\[\@media\(max-height\:771px\)_and_\(min-width\:1200px\)\]\:py-1\.5{padding-block:calc(var(--spacing)*1.5)}}@media (min-width:1420px){.sq-shopify [data-page=examples] .\[\@media\(width\>\=1420px\)\]\:grid-cols-\[var\(--belt-calc\)_var\(--belt-calc\)_var\(--belt-calc\)_calc\(25\%-10px\)\]{grid-template-columns:var(--belt-calc)var(--belt-calc)var(--belt-calc)calc(25% - 10px)}.sq-shopify [data-page=examples] .\[\@media\(width\>\=1420px\)\]\:\[--belt-calc\:calc\(\(75\%-110px\)\/3\)\]{--belt-calc:calc((75% - 110px)/3)}}.sq-shopify .before\:bg-\[linear-gradient\(180deg\, [data-page=examples] \#02090A_0px\, [data-page=examples] transparent_40px\)\]:before{content:var(--tw-content);background-image:linear-gradient(#02090a,#0000 40px)}@media (hover:hover){.sq-shopify [data-page=examples] .hover\:border-button-dark-primary-border-hover:hover{border-color:var(--color-button-dark-primary-border-hover)}.sq-shopify [data-page=examples] .hover\:bg-button-dark-primary-bg-hover:hover{background-color:var(--color-button-dark-primary-bg-hover)}.sq-shopify [data-page=examples] .hover\:text-black:hover{color:var(--color-black)}.sq-shopify [data-page=examples] .hover\:text-button-dark-primary-text-hover:hover{color:var(--color-button-dark-primary-text-hover)}.sq-shopify [data-page=examples] .hover\:ring-button-dark-primary-border-hover:hover{--tw-ring-color:var(--color-button-dark-primary-border-hover)}}.sq-shopify .group-open\:rotate-90:is(:where(.group):is([open],[data-page=examples] :popover-open,[data-page=examples] :open) *){transform:rotate(90deg)}.sq-shopify .group-open\:border-2:is(:where(.group):is([open],[data-page=examples] :popover-open,[data-page=examples] :open) *){border-style:var(--tw-border-style);border-width:2px}.sq-shopify .group-open\:border-black:is(:where(.group):is([open],[data-page=examples] :popover-open,[data-page=examples] :open) *){border-color:var(--color-black)}.sq-shopify .group-open\:bg-transparent:is(:where(.group):is([open],[data-page=examples] :popover-open,[data-page=examples] :open) *){background-color:#0000}.sq-shopify .group-open\:text-black:is(:where(.group):is([open],[data-page=examples] :popover-open,[data-page=examples] :open) *){color:var(--color-black)}@media (hover:hover){.sq-shopify [data-page=examples] .group-hover\:top-0:is(:where(.group):hover *){top:calc(var(--spacing)*0)}.sq-shopify [data-page=examples] .group-hover\:top-\[200\%\]:is(:where(.group):hover *){top:200%}.sq-shopify [data-page=examples] .group-hover\:block:is(:where(.group):hover *){display:block}.sq-shopify [data-page=examples] .group-hover\:flex:is(:where(.group):hover *){display:flex}.sq-shopify [data-page=examples] .group-hover\:hidden:is(:where(.group):hover *){display:none}.sq-shopify [data-page=examples] .group-hover\:w-\[16px\]:is(:where(.group):hover *){width:16px}.sq-shopify [data-page=examples] .group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .group-hover\:translate-x-2:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .group-hover\:translate-x-4:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .group-hover\:translate-x-\[50px\]:is(:where(.group):hover *){--tw-translate-x:50px;translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .group-hover\:scale-90:is(:where(.group):hover *){--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y);transform:none}.sq-shopify [data-page=examples] .group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y);transform:none}.sq-shopify [data-page=examples] .group-hover\:\[transform\:rotateY\(180deg\)\]:is(:where(.group):hover *){transform:rotateY(180deg)}.sq-shopify [data-page=examples] .group-hover\:border-shade-30:is(:where(.group):hover *){border-color:var(--color-shade-30)}.sq-shopify [data-page=examples] .group-hover\:border-shade-70:is(:where(.group):hover *){border-color:var(--color-shade-70)}.sq-shopify [data-page=examples] .group-hover\:border-white:is(:where(.group):hover *){border-color:var(--color-white)}.sq-shopify [data-page=examples] .group-hover\:bg-black\/70:is(:where(.group):hover *){background-color:#000000b3}.sq-shopify [data-page=examples] .group-hover\:bg-shade-30:is(:where(.group):hover *){background-color:var(--color-shade-30)}.sq-shopify [data-page=examples] .group-hover\:bg-shade-70:is(:where(.group):hover *){background-color:var(--color-shade-70)}.sq-shopify [data-page=examples] .group-hover\:bg-shade-80:is(:where(.group):hover *){background-color:var(--color-shade-80)}.sq-shopify [data-page=examples] .group-hover\:fill-black:is(:where(.group):hover *){fill:var(--color-black)}.sq-shopify [data-page=examples] .group-hover\:fill-white:is(:where(.group):hover *){fill:var(--color-white)}.sq-shopify [data-page=examples] .group-hover\:stroke-black:is(:where(.group):hover *){stroke:var(--color-black)}.sq-shopify [data-page=examples] .group-hover\:stroke-white:is(:where(.group):hover *){stroke:var(--color-white)}.sq-shopify [data-page=examples] .group-hover\:opacity-0:is(:where(.group):hover *){opacity:0}.sq-shopify [data-page=examples] .group-hover\:opacity-15:is(:where(.group):hover *){opacity:.15}.sq-shopify [data-page=examples] .group-hover\:opacity-40:is(:where(.group):hover *){opacity:.4}.sq-shopify [data-page=examples] .group-hover\:opacity-60:is(:where(.group):hover *){opacity:.6}.sq-shopify [data-page=examples] .group-hover\:opacity-70:is(:where(.group):hover *){opacity:.7}}.sq-shopify .group-has-\[input\:focus\]\:\[transition\:max-height_1s_ease\, [data-page=examples] opacity_300ms_ease-out\]:is(:where(.group):has(:is(input:focus)) *){transition:max-height 1s,opacity .3s ease-out}@media (hover:hover){.sq-shopify [data-page=examples] .hover\:z-40:hover{z-index:40}.sq-shopify [data-page=examples] .hover\:before\:pointer-events-auto:hover:before{content:var(--tw-content);pointer-events:auto}.sq-shopify [data-page=examples] .hover\:before\:bg-white:hover:before{content:var(--tw-content);background-color:var(--color-white)}.sq-shopify [data-page=examples] .hover\:after\:bg-\[\#36F4A4\]:hover:after{content:var(--tw-content);background-color:#36f4a4}}@media not all and (min-width:640px){.sq-shopify [data-page=examples] .max-sm\:before\:top-0:before{content:var(--tw-content);top:calc(var(--spacing)*0)}.sq-shopify [data-page=examples] .max-sm\:before\:h-\[115px\]:before{content:var(--tw-content);height:115px}.sq-shopify [data-page=examples] .max-sm\:before\:w-\[213px\]:before{content:var(--tw-content);width:213px}.sq-shopify [data-page=examples] .max-sm\:before\:-translate-y-1\/2:before{content:var(--tw-content);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .max-sm\:after\:start-0:after{content:var(--tw-content);inset-inline-start:calc(var(--spacing)*0)}.sq-shopify [data-page=examples] .max-sm\:after\:bottom-0:after{content:var(--tw-content);bottom:calc(var(--spacing)*0)}.sq-shopify [data-page=examples] .max-sm\:after\:translate-y-1\/2:after{content:var(--tw-content);--tw-translate-y:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .max-sm\:ltr\:after\:-translate-x-1\/4:where(:not(:lang(ae),[data-page=examples] :lang(ar),[data-page=examples] :lang(arc),[data-page=examples] :lang(bcc),[data-page=examples] :lang(bqi),[data-page=examples] :lang(ckb),[data-page=examples] :lang(dv),[data-page=examples] :lang(fa),[data-page=examples] :lang(glk),[data-page=examples] :lang(he),[data-page=examples] :lang(ku),[data-page=examples] :lang(mzn),[data-page=examples] :lang(nqo),[data-page=examples] :lang(pnb),[data-page=examples] :lang(ps),[data-page=examples] :lang(sd),[data-page=examples] :lang(ug),[data-page=examples] :lang(ur),[data-page=examples] :lang(yi)),[data-page=examples] [dir=ltr],[data-page=examples] [dir=ltr] *):after{content:var(--tw-content);--tw-translate-x:calc(calc(1/4*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .max-sm\:rtl\:after\:translate-x-1\/4:where(:is(:lang(ae),[data-page=examples] :lang(ar),[data-page=examples] :lang(arc),[data-page=examples] :lang(bcc),[data-page=examples] :lang(bqi),[data-page=examples] :lang(ckb),[data-page=examples] :lang(dv),[data-page=examples] :lang(fa),[data-page=examples] :lang(glk),[data-page=examples] :lang(he),[data-page=examples] :lang(ku),[data-page=examples] :lang(mzn),[data-page=examples] :lang(nqo),[data-page=examples] :lang(pnb),[data-page=examples] :lang(ps),[data-page=examples] :lang(sd),[data-page=examples] :lang(ug),[data-page=examples] :lang(ur),[data-page=examples] :lang(yi)),[data-page=examples] [dir=rtl],[data-page=examples] [dir=rtl] *):after{content:var(--tw-content);--tw-translate-x:calc(1/4*100%);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}}@media (min-width:640px){.sq-shopify [data-page=examples] .\[\&_\.container\>\.flex\]\:sm\:col-span-8 .container>.flex{grid-column:span 8/span 8}.sq-shopify [data-page=examples] .sm\:\[\&_\.grid-cols-1\]\:grid-cols-1 .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media not all and (min-width:900px){.sq-shopify [data-page=examples] .max-smd\:overflow-clip{overflow:clip}.sq-shopify [data-page=examples] .max-smd\:border-\[\#142024\]{border-color:#142024}.sq-shopify [data-page=examples] .max-smd\:bg-\[\#051517\]{background-color:#051517}.sq-shopify [data-page=examples] .max-smd\:before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.sq-shopify [data-page=examples] .max-smd\:before\:bottom-\[-20px\]:before{content:var(--tw-content);bottom:-20px}.sq-shopify [data-page=examples] .max-smd\:before\:left-1\/2:before{content:var(--tw-content);left:50%}.sq-shopify [data-page=examples] .max-smd\:before\:h-\[85px\]:before{content:var(--tw-content);height:85px}.sq-shopify [data-page=examples] .max-smd\:before\:w-\[327px\]:before{content:var(--tw-content);width:327px}.sq-shopify [data-page=examples] .max-smd\:before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .max-smd\:before\:rounded-full:before{content:var(--tw-content);border-radius:3.40282e+38px}.sq-shopify [data-page=examples] .max-smd\:before\:bg-\[\#121C1E\]:before{content:var(--tw-content);background-color:#121c1e}.sq-shopify [data-page=examples] .max-smd\:before\:bg-linear-\[91deg\]:before{content:var(--tw-content);--tw-gradient-position:91deg;background-image:linear-gradient(var(--tw-gradient-stops,91deg))}.sq-shopify [data-page=examples] .max-smd\:before\:from-\[\#113439\]:before{content:var(--tw-content);--tw-gradient-from:#113439;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.sq-shopify [data-page=examples] .max-smd\:before\:from-\[2\.27\%\]:before{content:var(--tw-content);--tw-gradient-from-position:2.27%}.sq-shopify [data-page=examples] .max-smd\:before\:to-\[\#0F2931\]:before{content:var(--tw-content);--tw-gradient-to:#0f2931;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.sq-shopify [data-page=examples] .max-smd\:before\:to-\[98\.62\%\]:before{content:var(--tw-content);--tw-gradient-to-position:98.62%}.sq-shopify [data-page=examples] .max-smd\:before\:opacity-\[\.8\]:before{content:var(--tw-content);opacity:.8}.sq-shopify [data-page=examples] .max-smd\:before\:blur-\[40px\]:before{content:var(--tw-content);--tw-blur:blur(40px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}@media (min-width:900px){.sq-shopify [data-page=examples] .smd\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sq-shopify [data-page=examples] .smd\:gap-y-xl{row-gap:var(--space-xl)}.sq-shopify [data-page=examples] .smd\:group-focus\:translate-y-0:is(:where(.group):focus *){--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .smd\:group-focus\:opacity-100:is(:where(.group):focus *){opacity:1}.sq-shopify [data-page=examples] .smd\:after\:-bottom-\[32px\]:after,.sq-shopify [data-page=examples] .smd\:before\:-bottom-\[32px\]:before{content:var(--tw-content);bottom:-32px}.sq-shopify [data-page=examples] .\[\&_\.container\>\.flex\]\:smd\:col-span-6 .container>.flex{grid-column:span 6/span 6}.sq-shopify [data-page=examples] .\[\&_\.container\>div\:first-child\]\:smd\:col-span-5 .container>div:first-child{grid-column:span 5/span 5}.sq-shopify [data-page=examples] .\[\&_\.container\>div\:last-child\]\:smd\:col-span-6 .container>div:last-child{grid-column:span 6/span 6}.sq-shopify [data-page=examples] .\[\&_\.container\>div\:last-child\]\:smd\:col-start-7 .container>div:last-child{grid-column-start:7}.sq-shopify [data-page=examples] .smd\:\[\&_\.container\~\.h-3xl\]\:h-0 .container~.h-3xl{height:calc(var(--spacing)*0)}.sq-shopify [data-page=examples] .smd\:\[\&_\.gap-y-md\]\:items-start .gap-y-md{align-items:flex-start}.sq-shopify [data-page=examples] .\[\&_\.richtext\]\:smd\:text-balance .richtext{text-wrap:balance}}@media not all and (min-width:1200px){.sq-shopify [data-page=examples] .max-slg\:overflow-clip{overflow:clip}.sq-shopify [data-page=examples] .max-slg\:border-\[\#19272A\]{border-color:#19272a}.sq-shopify [data-page=examples] .max-slg\:bg-\[\#0e0e10\]{background-color:#0e0e10}.sq-shopify [data-page=examples] .max-slg\:before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.sq-shopify [data-page=examples] .max-slg\:before\:bg-linear-\[91deg\]:before{content:var(--tw-content);--tw-gradient-position:91deg;background-image:linear-gradient(var(--tw-gradient-stops,91deg))}.sq-shopify [data-page=examples] .max-slg\:before\:from-\[2\.27\%\]:before{content:var(--tw-content);--tw-gradient-from-position:2.27%}.sq-shopify [data-page=examples] .max-slg\:before\:to-\[98\.62\%\]:before{content:var(--tw-content);--tw-gradient-to-position:98.62%}.sq-shopify [data-page=examples] .max-slg\:before\:blur-\[100px\]:before{content:var(--tw-content);--tw-blur:blur(100px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.sq-shopify [data-page=examples] .max-slg\:after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.sq-shopify [data-page=examples] .max-slg\:after\:absolute:after{content:var(--tw-content);position:absolute}.sq-shopify [data-page=examples] .max-slg\:after\:end-0:after{content:var(--tw-content);inset-inline-end:calc(var(--spacing)*0)}.sq-shopify [data-page=examples] .max-slg\:after\:h-\[193px\]:after{content:var(--tw-content);height:193px}.sq-shopify [data-page=examples] .max-slg\:after\:w-\[174px\]:after{content:var(--tw-content);width:174px}.sq-shopify [data-page=examples] .max-slg\:after\:bg-radial-\[156\.58\%_114\.72\%_at_50\%_100\%\]:after{content:var(--tw-content);--tw-gradient-position:156.58% 114.72% at 50% 100%;background-image:radial-gradient(var(--tw-gradient-stops,156.58% 114.72% at 50% 100%))}.sq-shopify [data-page=examples] .max-slg\:after\:from-\[0\%\]:after{content:var(--tw-content);--tw-gradient-from-position:0%}.sq-shopify [data-page=examples] .max-slg\:after\:to-\[100\%\]:after{content:var(--tw-content);--tw-gradient-to-position:100%}.sq-shopify [data-page=examples] .max-slg\:after\:blur-\[50px\]:after{content:var(--tw-content);--tw-blur:blur(50px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}@media (min-width:1200px){.sq-shopify [data-page=examples] .slg\:bottom-0{bottom:calc(var(--spacing)*0)}.sq-shopify [data-page=examples] .slg\:h-9{height:calc(var(--spacing)*9)}.sq-shopify [data-page=examples] .slg\:before\:bg-\[linear-gradient\(0deg\, [data-page=examples] \#02090A_0px\, [data-page=examples] transparent_40px\)\]:before{content:var(--tw-content);background-image:linear-gradient(0deg,#02090a,#0000 40px)}.sq-shopify [data-page=examples] .slg\:after\:bg-\[\#02090A\]:after{content:var(--tw-content);background-color:#02090a}.sq-shopify [data-page=examples] .slg\:after\:ring-\[\#121C1E\]:after{content:var(--tw-content);--tw-ring-color:#121c1e}}@media (min-width:1300px){.sq-shopify [data-page=examples] .min-\[1300px\]\:mr-8{margin-right:calc(var(--spacing)*8)}}@media (hover:hover){.sq-shopify [data-page=examples] .\[\&_\.richtext_a\]\:hover\:text-black .richtext a:hover{color:var(--color-black)}.sq-shopify [data-page=examples] .\[\&_\.richtext_a\]\:hover\:text-white .richtext a:hover{color:var(--color-white)}}@media (min-width:640px){.sq-shopify [data-page=examples] .sm\:\[\&_div\.grid\]\:my-14 div.grid{margin-block:calc(var(--spacing)*14)}}@media (min-width:900px){.sq-shopify [data-page=examples] .smd\:\[\&_\.w-16\]\:w-full .w-16{width:100%}}@supports (color:color-mix(in lab,red,red)){.sq-shopify [data-page=examples] .\[\&_input\.peer\:focus\~label\]\:text-white\/70 input.peer:focus~label{color:color-mix(in oklab,var(--color-white)70%,transparent)}}@media (min-width:340px){.sq-shopify [data-page=examples] .container{max-width:340px}}@media (min-width:900px){.sq-shopify [data-page=examples] .\[\&\>\.text-center\>h2\]\:smd\:text-dsp>.text-center>h2{font-size:var(--font-size-dsp);line-height:var(--tw-leading,var(--line-height-dsp));letter-spacing:var(--tw-tracking,var(--letter-spacing-dsp));font-weight:var(--tw-font-weight,var(--font-weight-dsp))}}@media (min-width:96rem){.sq-shopify [data-page=examples] .container{max-width:96rem}}@media (hover:hover){.sq-shopify [data-page=examples] .group-hover\:bg-component-comparison-table-cell-bg-hover:is(:where(.group):hover *){background-color:var(--color-component-comparison-table-cell-bg-hover)}.sq-shopify [data-page=examples] .peer-hover\:ring-component-input-border-hover:is(:where(.peer):hover~*){--tw-ring-color:var(--color-component-input-border-hover)}.sq-shopify [data-page=examples] .peer-checked\:peer-hover\:bg-component-input-selected-bg-hover:is(:where(.peer):checked~*):is(:where(.peer):hover~*){background-color:var(--color-component-input-selected-bg-hover)}.sq-shopify [data-page=examples] .hover\:text-button-light-primary-text-hover:hover{color:var(--color-button-light-primary-text-hover)}}@media (min-width:900px){.sq-shopify [data-page=examples] .smd\:col-span-4{grid-column:span 4/span 4}.sq-shopify [data-page=examples] .smd\:col-span-5{grid-column:span 5/span 5}.sq-shopify [data-page=examples] .smd\:col-span-6{grid-column:span 6/span 6}.sq-shopify [data-page=examples] .smd\:col-span-10{grid-column:span 10/span 10}.sq-shopify [data-page=examples] .smd\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sq-shopify [data-page=examples] .smd\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sq-shopify [data-page=examples] .smd\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sq-shopify [data-page=examples] .smd\:order-1{order:1}.sq-shopify [data-page=examples] .smd\:order-2{order:2}.sq-shopify [data-page=examples] .smd\:col-start-2{grid-column-start:2}}@media (min-width:1200px){.sq-shopify [data-page=examples] .slg\:col-span-8{grid-column:span 8/span 8}.sq-shopify [data-page=examples] .slg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sq-shopify [data-page=examples] .slg\:col-start-3{grid-column-start:3}}.sq-shopify [data-page=examples]{--font-size-button-lg:1rem;--letter-spacing-button-lg:0;--line-height-button-lg:1.5rem;--font-size-button-sm:1rem;--letter-spacing-button-sm:0;--line-height-button-sm:1.5rem;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent;scroll-padding:calc(var(--spacing)*24);scroll-behavior:smooth;font-feature-settings:"ss03";--color-component-slideshow-progress-bar-hover:var(--color-theme-bg-inverse);--color-component-slideshow-progress-bar-active:var(--color-theme-bg-utility-progress);--color-component-testimonial-content:var(--color-theme-content-heading);--color-component-testimonial-brand-content:var(--color-theme-content-heading);--color-component-testimonial-author-content:var(--color-theme-content-body);--font-component-testimonial-quote:var(--font-base);--text-component-testimonial-quote-lg:var(--text-t3);--text-component-testimonial-quote-lg--font-weight:var(--text-t3--font-weight);--text-component-testimonial-quote-lg--line-height:var(--text-t3--line-height);--text-component-testimonial-quote-lg--letter-spacing:var(--text-t3--letter-spacing);--text-component-testimonial-quote-sm:var(--text-t4);--text-component-testimonial-quote-sm--font-weight:var(--text-t4--font-weight);--text-component-testimonial-quote-sm--line-height:var(--text-t4--line-height);--text-component-testimonial-quote-sm--letter-spacing:var(--text-t4--letter-spacing);--font-component-testimonial-brand:var(--font-base);--text-component-testimonial-brand:var(--text-t7);--text-component-testimonial-brand--font-weight:var(--text-t7--font-weight);--text-component-testimonial-brand--line-height:var(--text-t7--line-height);--text-component-testimonial-brand--letter-spacing:var(--text-t7--letter-spacing);--font-component-testimonial-author:var(--font-base);--text-component-testimonial-author:var(--text-body-sm);--text-component-testimonial-author--font-weight:var(--text-body-sm--font-weight);--text-component-testimonial-author--line-height:var(--text-body-sm--line-height);--text-component-testimonial-author--letter-spacing:var(--text-body-sm--letter-spacing);--color-component-testimonial-article-border:var(--color-theme-divider);--color-component-hero-full-bleed-gradient-start:var(--color-theme-bg-inverse);--color-component-hero-full-bleed-gradient-end:var(--color-theme-bg-surface-1);--color-component-header-level1-border:var(--color-shade-200);--color-warm-gray-50:#f2f2f0;--color-warm-gray-100:#e6e6e4;--color-cool-gray-850:#202727;--color-cool-gray-900:#141a1a;--color-cool-gray-950:#02090a;--color-forest-green-700:#25564a;--color-forest-green-850:#11312a;--color-forest-green-900:#072720;--color-forest-green-950:#041e18;--color-mint-200:#36f4a4;--color-mint-500:#00945f;--color-blue-850:#091b4e;--color-azure-200:#acd6ff;--color-azure-400:#00b2ff;--color-teal-850:#0c2527;--color-aqua-200:#30deee;--color-shade-40:#a1a1aa;--color-button-dark-primary-bg:#fff;--color-button-dark-primary-bg-hover:#d4d4d8;--color-button-dark-primary-bg-focus:#fff;--color-button-dark-primary-bg-active:#a1a1aa;--color-button-dark-primary-bg-disabled:#52525b;--color-button-dark-primary-border:transparent;--color-button-dark-primary-border-hover:transparent;--color-button-dark-primary-border-focus:transparent;--color-button-dark-primary-border-active:transparent;--color-button-dark-primary-border-disabled:transparent;--color-button-dark-primary-text:#000;--color-button-dark-primary-text-hover:#000;--color-button-dark-primary-text-focus:#000;--color-button-dark-primary-text-active:#000;--color-button-dark-primary-text-disabled:#71717a;--color-button-dark-secondary-bg:transparent;--color-button-dark-secondary-bg-hover:transparent;--color-button-dark-secondary-bg-focus:transparent;--color-button-dark-secondary-bg-active:transparent;--color-button-dark-secondary-bg-disabled:transparent;--color-button-dark-secondary-border:#fff;--color-button-dark-secondary-border-hover:#d4d4d8;--color-button-dark-secondary-border-focus:#fff;--color-button-dark-secondary-border-active:#a1a1aa;--color-button-dark-secondary-border-disabled:#71717a;--color-button-dark-secondary-text:#fff;--color-button-dark-secondary-text-hover:#fff;--color-button-dark-secondary-text-focus:#fff;--color-button-dark-secondary-text-active:#fff;--color-button-dark-secondary-text-disabled:#71717a;--color-button-light-primary-bg:#000;--color-button-light-primary-bg-hover:#3f3f46;--color-button-light-primary-bg-focus:#000;--color-button-light-primary-bg-active:#71717a;--color-button-light-primary-bg-disabled:#d4d4d8;--color-button-light-primary-border:transparent;--color-button-light-primary-border-hover:transparent;--color-button-light-primary-border-focus:transparent;--color-button-light-primary-border-active:transparent;--color-button-light-primary-border-disabled:transparent;--color-button-light-primary-text:#fff;--color-button-light-primary-text-hover:#fff;--color-button-light-primary-text-focus:#fff;--color-button-light-primary-text-active:#fff;--color-button-light-primary-text-disabled:#a1a1aa;--color-button-light-secondary-bg:transparent;--color-button-light-secondary-bg-hover:transparent;--color-button-light-secondary-bg-focus:transparent;--color-button-light-secondary-bg-active:transparent;--color-button-light-secondary-bg-disabled:transparent;--color-button-light-secondary-border:#000;--color-button-light-secondary-border-hover:#3f3f46;--color-button-light-secondary-border-focus:#000;--color-button-light-secondary-border-active:#71717a;--color-button-light-secondary-border-disabled:#d4d4d8;--color-button-light-secondary-text:#000;--color-button-light-secondary-text-hover:#000;--color-button-light-secondary-text-focus:#000;--color-button-light-secondary-text-active:#000;--color-button-light-secondary-text-disabled:#a1a1aa;--radius-button:9999px;--color-shade-0:#fff;--color-shade-50:#fafafa;--color-shade-100:#f4f4f5;--color-shade-200:#e4e4e7;--color-shade-300:#d4d4d8;--color-shade-400:#a1a1aa;--color-shade-500:#71717a;--color-shade-600:#52525b;--color-shade-700:#3f3f46;--color-shade-800:#27272a;--color-shade-850:#1f1f22;--color-shade-900:#18181b;--color-shade-950:#0e0e10;--color-shade-1000:#000;--color-black-alpha-50:#0000000d;--color-black-alpha-100:#0000001a;--color-black-alpha-200:#0003;--color-black-alpha-300:#0000004d;--color-black-alpha-400:#0006;--color-black-alpha-500:#00000080;--color-black-alpha-600:#0009;--color-black-alpha-700:#000000b3;--color-black-alpha-800:#000c;--color-black-alpha-850:#000000d9;--color-black-alpha-900:#000000e6;--color-black-alpha-950:#000000f2;--color-black-alpha-1000:#000;--color-white-alpha-50:#ffffff0d;--color-white-alpha-100:#ffffff1a;--color-white-alpha-200:#fff3;--color-white-alpha-300:#ffffff4d;--color-white-alpha-400:#fff6;--color-white-alpha-500:#ffffff80;--color-white-alpha-600:#fff9;--color-white-alpha-700:#ffffffb3;--color-white-alpha-800:#fffc;--color-white-alpha-850:#ffffffd9;--color-white-alpha-900:#ffffffe6;--color-white-alpha-950:#fffffff2;--color-white-alpha-1000:#fff;--color-green-50:#eafbed;--color-green-100:#b9f7c4;--color-green-200:#70e089;--color-green-300:#53c36e;--color-green-400:#38a455;--color-green-500:#15883b;--color-green-600:#236e37;--color-green-700:#20562d;--color-green-800:#1a3e22;--color-green-850:#18341e;--color-green-900:#132817;--color-green-950:#0f1d11;--color-lime-50:#dffabb;--color-lime-100:#c7f47f;--color-lime-200:#afda67;--color-lime-300:#95bf47;--color-lime-400:#80a04a;--color-lime-500:#6b8442;--color-lime-600:#56693a;--color-lime-700:#42502f;--color-lime-800:#2d3522;--color-lime-850:#232a1b;--color-lime-900:#1a1f14;--color-lime-950:#11140e;--color-orange-50:#fff5ed;--color-orange-100:#ffeadb;--color-orange-200:#ffcea3;--color-orange-300:#ffb55c;--color-orange-400:#ee9d00;--color-orange-500:#c38000;--color-orange-600:#9d6600;--color-orange-700:#764c00;--color-orange-800:#513300;--color-orange-850:#412800;--color-orange-900:#321d00;--color-orange-950:#221200;--color-red-50:#fbf1f2;--color-red-100:#f7e0e0;--color-red-200:#f3bfc0;--color-red-300:#f29c9d;--color-red-400:#f37474;--color-red-500:#f54344;--color-red-600:#dc1518;--color-red-700:#a71a1b;--color-red-800:#771314;--color-red-850:#600f10;--color-red-900:#4a0b0c;--color-red-950:#330707;--color-purple-50:#f5f2fe;--color-purple-100:#e8e2fe;--color-purple-200:#d2c4fc;--color-purple-300:#bfaafb;--color-purple-400:#aa8bfa;--color-purple-500:#986bf9;--color-purple-600:#8645f6;--color-purple-700:#751be9;--color-purple-800:#4d0f9f;--color-purple-850:#3a097a;--color-purple-900:#280458;--color-purple-950:#150234;--shadow-light:0 8px 48px #06060814,0 4px 8px #18181b0a,0 0 2px #18181b40;--shadow-dark:0 8px 48px #18181b3d,0 4px 8px #18181b29,0 0 2px #ffffff85;font-family:Inter-Variable,Helvetica,Arial,sans-serif}@media (min-width:640px){.sq-shopify [data-page=examples]{--spacing-margin:1.875rem}}@media (min-width:900px){.sq-shopify [data-page=examples]{--spacing-margin:3.125rem;--font-size-button-lg:1.125rem;--line-height-button-lg:1.75rem;--text-dsp:4.375rem;--text-dsp--line-height:4.725rem;--text-dsp--letter-spacing:-.015em;--text-t1:3.375rem;--text-t1--line-height:3.6345rem;--text-t1--letter-spacing:-.005em;--text-t2:3rem;--text-t2--line-height:3.3rem;--text-t2--letter-spacing:-.005em;--text-t3:2.25rem;--text-t3--line-height:2.52rem;--text-t3--letter-spacing:-.005em;--text-t4:1.875rem;--text-t4--line-height:2.1375rem;--text-t4--letter-spacing:0;--text-t5:1.625rem;--text-t5--font-weight:360;--text-t5--line-height:1.95rem;--text-t5--letter-spacing:-.01em;--text-t6:1.375rem;--text-t6--font-weight:400;--text-t6--line-height:1.65rem;--text-t6--letter-spacing:-.005em;--text-t7:1.125rem;--text-t7--line-height:1.4625rem;--text-t7--letter-spacing:-.005em;--text-theme-cta-lg:1.125rem;--text-theme-cta-lg--line-height:1.75rem}}@media (min-width:1200px){.sq-shopify [data-page=examples]{--spacing-margin:5.625rem;--text-dsp:6rem;--text-dsp--font-weight:300;--text-dsp--line-height:6.48rem;--text-dsp--letter-spacing:-.025em;--text-t1:4rem;--text-t1--line-height:4.32rem;--text-t1--letter-spacing:-.02em;--text-t2:3.5rem;--text-t2--line-height:3.78rem;--text-t2--letter-spacing:-.01em;--text-t3:2.75rem;--text-t3--line-height:3.025rem;--text-t3--letter-spacing:-.01em;--text-t4:2.125rem;--text-t4--line-height:2.4225rem;--text-t4--letter-spacing:0;--text-t5:1.75rem;--text-t5--line-height:2.1rem;--text-t5--letter-spacing:-.01em;--text-t6:1.5rem;--text-t6--line-height:1.95rem;--text-t6--letter-spacing:-.01em;--text-t7:1.25rem;--text-t7--line-height:1.625rem;--text-t7--letter-spacing:0;--text-t8:1rem;--text-t8--line-height:1.4rem;--text-t8--letter-spacing:0;--text-body-base:1.125rem;--text-body-base--line-height:1.575rem;--text-body-base--font-weight:400;--text-body-base--letter-spacing:0;--text-body-lg:1.25rem;--text-body-lg--line-height:1.75rem}}.sq-shopify [data-page=examples][lang=sv] .\[html\[lang\=\"sv\"\]_\&\]\:text-t6{font-size:var(--font-size-t6);line-height:var(--tw-leading,var(--line-height-t6));letter-spacing:var(--tw-tracking,var(--letter-spacing-t6));font-weight:var(--tw-font-weight,var(--font-weight-t6))}@media (min-width:640px){@media not all and (min-width:1200px){.sq-shopify [data-page=examples] .sm\:max-slg\:row-start-2{grid-row-start:2}.sq-shopify [data-page=examples] .sm\:max-slg\:grid{display:grid}.sq-shopify [data-page=examples] .sm\:max-slg\:min-h-\[129px\]{min-height:129px}.sq-shopify [data-page=examples] .sm\:max-slg\:w-1\/2{width:50%}.sq-shopify [data-page=examples] .sm\:max-slg\:grid-cols-\[1\.5fr_1fr\]{grid-template-columns:1.5fr 1fr}.sq-shopify [data-page=examples] .sm\:max-slg\:grid-rows-\[auto\]{grid-template-rows:auto}.sq-shopify [data-page=examples] .sm\:max-slg\:gap-x-3{-moz-column-gap:calc(var(--spacing)*3);column-gap:calc(var(--spacing)*3)}.sq-shopify [data-page=examples] .sm\:max-slg\:self-end{align-self:flex-end}.sq-shopify [data-page=examples] .sm\:max-slg\:justify-self-center{justify-self:center}}@media not all and (min-width:900px){.sq-shopify [data-page=examples] .sm\:max-smd\:pe-12{padding-inline-end:calc(var(--spacing)*12)}}}@media (min-width:900px){@media not all and (min-width:1200px){.sq-shopify [data-page=examples] .smd\:max-lg\:\[\&\:has\(\+_nav_input\:checked\~_\.level2-media-container\)\]\:before\:content-none:has(+nav input:checked~.level2-media-container):before{content:var(--tw-content);--tw-content:none;content:none}}}@media (min-width:1200px){@media (hover:hover){.sq-shopify [data-page=examples] .slg\:hover\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y);transform:none}.sq-shopify [data-page=examples] .level3-container:hover>.slg\:\[\.level3-container\:hover\>\&\]\:hover\:opacity-100:hover{opacity:1}}}@media (min-width:1600px){.sq-shopify [data-page=examples] .sxl\:col-start-3{grid-column-start:3}}@media (hover:hover){@supports (color:color-mix(in lab,red,red)){.sq-shopify [data-page=examples] .group-hover\:bg-black\/70:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-black)70%,transparent)}}}@media (prefers-reduced-motion:no-preference){@media (hover:hover){.sq-shopify [data-page=examples] .motion-safe\:group-hover\:right-0:is(:where(.group):hover *){right:calc(var(--spacing)*0)}.sq-shopify [data-page=examples] .motion-safe\:group-hover\:left-0:is(:where(.group):hover *){left:calc(var(--spacing)*0)}.sq-shopify [data-page=examples] .motion-safe\:group-hover\:translate-y-0:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}}}@media (hover:hover){@media (prefers-reduced-motion:no-preference){.sq-shopify [data-page=examples] .group-hover\:motion-safe\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y);transform:none}}}@media (prefers-reduced-motion:no-preference){@media (hover:hover){.sq-shopify [data-page=examples] .motion-safe\:group-hover\:rotate-0:is(:where(.group):hover *){rotate:none;transform:none}.sq-shopify [data-page=examples] .motion-safe\:group-hover\:rotate-90:is(:where(.group):hover *){transform:rotate(90deg)}}@media (min-width:640px){@media (hover:hover){.sq-shopify [data-page=examples] .motion-safe\:sm\:group-hover\:right-2:is(:where(.group):hover *){right:calc(var(--spacing)*2)}.sq-shopify [data-page=examples] .motion-safe\:sm\:group-hover\:left-2:is(:where(.group):hover *){left:calc(var(--spacing)*2)}}}}@media (min-width:640px){@media not all and (min-width:1200px){.sq-shopify [data-page=examples] .sm\:max-slg\:before\:-start-1\/4:before{content:var(--tw-content);inset-inline-start:-25%}.sq-shopify [data-page=examples] .sm\:max-slg\:before\:top-1\/4:before{content:var(--tw-content);top:25%}.sq-shopify [data-page=examples] .sm\:max-slg\:before\:h-\[231px\]:before{content:var(--tw-content);height:231px}.sq-shopify [data-page=examples] .sm\:max-slg\:before\:w-\[289px\]:before{content:var(--tw-content);width:289px}.sq-shopify [data-page=examples] .sm\:max-slg\:after\:top-1\/2:after{content:var(--tw-content);top:50%}.sq-shopify [data-page=examples] .sm\:max-slg\:after\:-translate-y-1\/2:after{content:var(--tw-content);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}}}@media (min-width:900px){@media (hover:hover){.sq-shopify [data-page=examples] .smd\:group-hover\:m-\[1px\]:is(:where(.group):hover *){margin:1px}.sq-shopify [data-page=examples] .smd\:group-hover\:h-\[46px\]:is(:where(.group):hover *){height:46px}.sq-shopify [data-page=examples] .smd\:group-hover\:translate-y-0:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .smd\:group-hover\:bg-bng-results-button-preview-gradient:is(:where(.group):hover *){background-image:linear-gradient(45deg,#865cff,#f6a179)}.sq-shopify [data-page=examples] .smd\:group-hover\:p-\[15px\]:is(:where(.group):hover *){padding:15px}.sq-shopify [data-page=examples] .smd\:group-hover\:pr-\[7px\]:is(:where(.group):hover *){padding-right:7px}.sq-shopify [data-page=examples] .smd\:group-hover\:text-black:is(:where(.group):hover *){color:var(--color-black)}.sq-shopify [data-page=examples] .smd\:group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}}.sq-shopify .text-gray-500{color:var(--color-gray-500)}.sq-shopify .border-transparent{border-color:#0000}.sq-shopify .conversion-background{background:linear-gradient(107.3deg,#79dfff 1.69%,#ed6bf8 105.13%);background:linear-gradient(123deg,#16181f,#20222f 39%,#282d41 56%,#02090a);background-color:var(--color-shade-90);position:relative;overflow:hidden}.sq-shopify .conversion-background:before{content:"";opacity:.7;filter:blur(200px);background-color:#313853;position:absolute;inset:0;transform:rotate(-90deg)}@media (min-width:320px){.sq-shopify [data-page=examples] .sxs\:col-span-4{grid-column:span 4/span 4}.sq-shopify [data-page=examples] .sxs\:col-start-1{grid-column-start:1}}@media (min-width:640px){.sq-shopify [data-page=examples] .sm\:-top-10{top:calc(var(--spacing)*-10)}.sq-shopify [data-page=examples] .sm\:row-start-\[span_2\]{grid-row-start:span 2}.sq-shopify [data-page=examples] .sm\:h-\[150px\]{height:150px}.sq-shopify [data-page=examples] .sm\:w-64{width:calc(var(--spacing)*64)}.sq-shopify [data-page=examples] .sm\:w-\[80px\]{width:80px}.sq-shopify [data-page=examples] .sm\:w-\[100px\]{width:100px}.sq-shopify [data-page=examples] .sm\:grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}.sq-shopify [data-page=examples] .sm\:grid-rows-\[repeat\(var\(--bk-l2-rows\)\, [data-page=examples] min-content\)\]{grid-template-rows:repeat(var(--bk-l2-rows),min-content)}.sq-shopify [data-page=examples] .sm\:items-start{align-items:flex-start}.sq-shopify [data-page=examples] .sm\:gap-x-gutter{-moz-column-gap:var(--spacing-gutter);column-gap:var(--spacing-gutter)}.sq-shopify [data-page=examples] .sm\:self-center{align-self:center}.sq-shopify [data-page=examples] .sm\:self-stretch{align-self:stretch}.sq-shopify [data-page=examples] .sm\:justify-self-end{justify-self:flex-end}.sq-shopify [data-page=examples] .sm\:px-margin{padding-inline:var(--spacing-margin)}.sq-shopify [data-page=examples] .sm\:ps-10{padding-inline-start:calc(var(--spacing)*10)}.sq-shopify [data-page=examples] .sm\:pe-0{padding-inline-end:calc(var(--spacing)*0)}.sq-shopify [data-page=examples] .sm\:pt-\[104px\]{padding-top:104px}.sq-shopify [data-page=examples] .sm\:\[--bk-l2-rows\:2\]{--bk-l2-rows:2}.sq-shopify [data-page=examples] .sm\:\[grid-template-areas\:\"items_aside\"_\"belt_aside\"\]{grid-template-areas:"items aside""belt aside"}.sq-shopify [data-page=examples] .sm\:before\:-top-\[104px\]:before{content:var(--tw-content);top:-104px}.sq-shopify [data-page=examples] .sm\:before\:-bottom-10:before{content:var(--tw-content);bottom:calc(var(--spacing)*-10)}.sq-shopify [data-page=examples] .sm\:before\:w-\[calc\(100\%\+var\(--margin\, [data-page=examples] var\(--spacing-margin\)\)\)\]:before{content:var(--tw-content);width:calc(100% + var(--margin,var(--spacing-margin)))}.sq-shopify [data-page=examples] .sm\:after\:absolute:after{content:var(--tw-content);position:absolute}.sq-shopify [data-page=examples] .sm\:after\:start-0:after{content:var(--tw-content);inset-inline-start:calc(var(--spacing)*0)}.sq-shopify [data-page=examples] .sm\:after\:-top-10:after{content:var(--tw-content);top:calc(var(--spacing)*-10)}.sq-shopify [data-page=examples] .sm\:after\:bottom-0:after{content:var(--tw-content);bottom:calc(var(--spacing)*0)}.sq-shopify [data-page=examples] .sm\:after\:z-10:after{content:var(--tw-content);z-index:10}.sq-shopify [data-page=examples] .sm\:after\:w-px:after{content:var(--tw-content);width:1px}.sq-shopify [data-page=examples] .sm\:after\:bg-no-repeat:after{content:var(--tw-content);background-repeat:no-repeat}.sq-shopify [data-page=examples] .sm\:after\:will-change-\[opacity\]:after{content:var(--tw-content);will-change:opacity}@media not all and (min-width:1200px){.sq-shopify [data-page=examples] .sm\:max-slg\:row-start-2{grid-row-start:2}.sq-shopify [data-page=examples] .sm\:max-slg\:grid{display:grid}.sq-shopify [data-page=examples] .sm\:max-slg\:min-h-\[129px\]{min-height:129px}.sq-shopify [data-page=examples] .sm\:max-slg\:w-1\/2{width:50%}.sq-shopify [data-page=examples] .sm\:max-slg\:grid-cols-\[1\.5fr_1fr\]{grid-template-columns:1.5fr 1fr}.sq-shopify [data-page=examples] .sm\:max-slg\:grid-rows-\[auto\]{grid-template-rows:auto}.sq-shopify [data-page=examples] .sm\:max-slg\:gap-x-3{-moz-column-gap:calc(var(--spacing)*3);column-gap:calc(var(--spacing)*3)}.sq-shopify [data-page=examples] .sm\:max-slg\:self-end{align-self:flex-end}.sq-shopify [data-page=examples] .sm\:max-slg\:justify-self-center{justify-self:center}}@media not all and (min-width:900px){.sq-shopify [data-page=examples] .sm\:max-smd\:pe-12{padding-inline-end:calc(var(--spacing)*12)}}}@media (min-width:1200px){.sq-shopify [data-page=examples] .slg\:sticky{position:sticky}.sq-shopify [data-page=examples] .slg\:top-global-header{top:var(--spacing-global-header)}.sq-shopify [data-page=examples] .slg\:z-10{z-index:10}.sq-shopify [data-page=examples] .slg\:z-20{z-index:20}.sq-shopify [data-page=examples] .slg\:order-3{order:3}.sq-shopify [data-page=examples] .slg\:order-4{order:4}.sq-shopify [data-page=examples] .slg\:order-5{order:5}.sq-shopify [data-page=examples] .slg\:col-span-8{grid-column:span 8/span 8}.sq-shopify [data-page=examples] .slg\:col-start-3{grid-column-start:3}.sq-shopify [data-page=examples] .slg\:mb-1{margin-bottom:calc(var(--spacing)*1)}.sq-shopify [data-page=examples] .slg\:mb-10{margin-bottom:calc(var(--spacing)*10)}.sq-shopify [data-page=examples] .slg\:aspect-\[2\.17\]{aspect-ratio:2.17}.sq-shopify [data-page=examples] .slg\:h-\[87px\]{height:87px}.sq-shopify [data-page=examples] .slg\:max-h-\[321px\]{max-height:321px}.sq-shopify [data-page=examples] .slg\:max-h-\[546px\]{max-height:546px}.sq-shopify [data-page=examples] .slg\:max-h-\[calc\(90vh-72px\)\]{max-height:calc(90vh - 72px)}.sq-shopify [data-page=examples] .slg\:w-\[190px\]{width:190px}.sq-shopify [data-page=examples] .slg\:w-\[calc\(\(100\%-80px\)\/3\)\]{width:calc(33.3333% - 26.6667px)}.sq-shopify [data-page=examples] .slg\:-translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .slg\:-translate-y-6{--tw-translate-y:calc(var(--spacing)*-6);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .slg\:-translate-y-\[calc\(100\%\+1px\)\]{--tw-translate-y:calc(calc(100% + 1px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .slg\:grid-cols-\[3fr_1fr\]{grid-template-columns:3fr 1fr}.sq-shopify [data-page=examples] .slg\:grid-cols-\[var\(--belt-calc\)_var\(--belt-calc\)_var\(--belt-calc\)_296px\]{grid-template-columns:var(--belt-calc)var(--belt-calc)var(--belt-calc)296px}.sq-shopify [data-page=examples] .slg\:items-start{align-items:flex-start}.sq-shopify [data-page=examples] .slg\:gap-x-6{-moz-column-gap:calc(var(--spacing)*6);column-gap:calc(var(--spacing)*6)}.sq-shopify [data-page=examples] .slg\:gap-y-6{row-gap:calc(var(--spacing)*6)}.sq-shopify [data-page=examples] .slg\:overflow-hidden{overflow:hidden}.sq-shopify [data-page=examples] .slg\:overflow-y-auto{overflow-y:auto}.sq-shopify [data-page=examples] .slg\:rounded-xl{border-radius:var(--radius-xl)}.sq-shopify [data-page=examples] .slg\:py-6{padding-block:calc(var(--spacing)*6)}.sq-shopify [data-page=examples] .slg\:ps-10{padding-inline-start:calc(var(--spacing)*10)}.sq-shopify [data-page=examples] .slg\:pt-10{padding-top:calc(var(--spacing)*10)}.sq-shopify [data-page=examples] .slg\:pb-10{padding-bottom:calc(var(--spacing)*10)}.sq-shopify [data-page=examples] .slg\:leading-\[1\.8\]{--tw-leading:1.8;line-height:1.8}.sq-shopify [data-page=examples] .slg\:opacity-0{opacity:0}.sq-shopify [data-page=examples] .slg\:opacity-100{opacity:1}.sq-shopify [data-page=examples] .slg\:transition-\[opacity\, [data-page=examples] translate\]{transition-property:opacity,translate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sq-shopify [data-page=examples] .slg\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sq-shopify [data-page=examples] .slg\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sq-shopify [data-page=examples] .slg\:delay-\[150ms\]{transition-delay:.15s}.sq-shopify [data-page=examples] .slg\:duration-300{--tw-duration:.3s;transition-duration:.3s}.sq-shopify [data-page=examples] .slg\:duration-500{--tw-duration:.5s;transition-duration:.5s}.sq-shopify [data-page=examples] .slg\:duration-\[300ms\]{--tw-duration:.3s;transition-duration:.3s}.sq-shopify [data-page=examples] .slg\:ease-ease-out-cubic{--tw-ease:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.sq-shopify [data-page=examples] .slg\:will-change-\[opacity\, [data-page=examples] translate\]{will-change:opacity,translate}.sq-shopify [data-page=examples] .slg\:will-change-\[opacity\]{will-change:opacity}.sq-shopify [data-page=examples] .slg\:will-change-transform{will-change:transform}.sq-shopify [data-page=examples] .slg\:no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.sq-shopify [data-page=examples] .slg\:\[--belt-calc\:calc\(\(100\%-416px\)\/3\)\]{--belt-calc:calc((100% - 416px)/3)}.sq-shopify [data-page=examples] .slg\:\[--bk-l2-rows\:2\]{--bk-l2-rows:2}.sq-shopify [data-page=examples] .slg\:before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.sq-shopify [data-page=examples] .slg\:before\:absolute:before{content:var(--tw-content);position:absolute}.sq-shopify [data-page=examples] .slg\:before\:top-0:before{content:var(--tw-content);top:calc(var(--spacing)*0)}.sq-shopify [data-page=examples] .slg\:before\:-bottom-5:before{content:var(--tw-content);bottom:calc(var(--spacing)*-5)}.sq-shopify [data-page=examples] .slg\:before\:left-1\/2:before{content:var(--tw-content);left:50%}.sq-shopify [data-page=examples] .slg\:before\:z-10:before{content:var(--tw-content);z-index:10}.sq-shopify [data-page=examples] .slg\:before\:h-10:before{content:var(--tw-content);height:calc(var(--spacing)*10)}.sq-shopify [data-page=examples] .slg\:before\:w-\[200vw\]:before{content:var(--tw-content);width:200vw}.sq-shopify [data-page=examples] .slg\:before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .slg\:before\:-translate-y-full:before{content:var(--tw-content);--tw-translate-y:-100%;translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .slg\:after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.sq-shopify [data-page=examples] .slg\:after\:absolute:after{content:var(--tw-content);position:absolute}.sq-shopify [data-page=examples] .slg\:after\:top-0:after{content:var(--tw-content);top:calc(var(--spacing)*0)}.sq-shopify [data-page=examples] .slg\:after\:left-1\/2:after{content:var(--tw-content);left:50%}.sq-shopify [data-page=examples] .slg\:after\:h-full:after{content:var(--tw-content);height:100%}.sq-shopify [data-page=examples] .slg\:after\:w-\[200vw\]:after{content:var(--tw-content);width:200vw}.sq-shopify [data-page=examples] .slg\:after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .slg\:after\:ring-1:after{content:var(--tw-content);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.sq-shopify [data-page=examples] .slg\:after\:ring-inset:after{content:var(--tw-content);--tw-ring-inset:inset}@media (hover:hover){.sq-shopify [data-page=examples] .slg\:hover\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y);transform:none}}.sq-shopify [data-page=examples] .level1-item:hover .slg\:\[\.level1-item\:hover_\&\]\:pointer-events-auto{pointer-events:auto}.sq-shopify [data-page=examples] .level1-item:hover .slg\:\[\.level1-item\:hover_\&\]\:translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .level1-item:hover .slg\:\[\.level1-item\:hover_\&\]\:opacity-100{opacity:1}.sq-shopify [data-page=examples] .level1-item:hover .slg\:\[\.level1-item\:hover_\&\]\:delay-200{transition-delay:.2s}.sq-shopify [data-page=examples] .level1-item:hover .slg\:\[\.level1-item\:hover_\&\]\:before\:opacity-100:before{content:var(--tw-content);opacity:1}.sq-shopify [data-page=examples] .level1-item:hover .slg\:\[\.level1-item\:hover_\&\]\:before\:delay-\[350ms\]:before{content:var(--tw-content);transition-delay:.35s}.sq-shopify [data-page=examples] .level1-item:hover .slg\:\[\.level1-item\:hover_\&\]\:before\:duration-\[300ms\]:before{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}.sq-shopify [data-page=examples] .level2-wrapper:hover .slg\:\[\.level2-wrapper\:hover_\&\]\:delay-0{transition-delay:0s}.sq-shopify [data-page=examples] .level3-container:hover>.slg\:\[\.level3-container\:hover\>\&\]\:opacity-50{opacity:.5}@media (hover:hover){.sq-shopify [data-page=examples] .level3-container:hover>.slg\:\[\.level3-container\:hover\>\&\]\:hover\:opacity-100:hover{opacity:1}}.sq-shopify [data-page=examples] .level3-link:hover .slg\:\[\.level3-link\:hover_\&\]\:translate-x-1\/2{--tw-translate-x:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .level3-link:hover .slg\:\[\.level3-link\:hover_\&\]\:opacity-100{opacity:1}}@media (min-width:1600px){.sq-shopify [data-page=examples] .sxl\:col-span-8{grid-column:span 8/span 8}.sq-shopify [data-page=examples] .sxl\:col-start-3{grid-column-start:3}.sq-shopify [data-page=examples] .sxl\:px-auto-xl{padding-inline:var(--spacing-auto-xl)}.sq-shopify [data-page=examples] .sxl\:before\:w-\[50vw\]:before{content:var(--tw-content);width:50vw}}@media (min-width:640px){.sq-shopify [data-page=examples] .\[\&_\.container\>\.flex\]\:sm\:col-span-8 .container>.flex{grid-column:span 8/span 8}}@media (min-width:900px){.sq-shopify [data-page=examples] .smd\:gap-y-xl{row-gap:var(--space-xl)}@media (hover:hover){.sq-shopify [data-page=examples] .smd\:group-hover\:m-\[1px\]:is(:where(.group):hover *){margin:1px}.sq-shopify [data-page=examples] .smd\:group-hover\:h-\[46px\]:is(:where(.group):hover *){height:46px}.sq-shopify [data-page=examples] .smd\:group-hover\:translate-y-0:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .smd\:group-hover\:bg-bng-results-button-preview-gradient:is(:where(.group):hover *){background-image:linear-gradient(45deg,#865cff,#f6a179)}.sq-shopify [data-page=examples] .smd\:group-hover\:p-\[15px\]:is(:where(.group):hover *){padding:15px}.sq-shopify [data-page=examples] .smd\:group-hover\:pr-\[7px\]:is(:where(.group):hover *){padding-right:7px}.sq-shopify [data-page=examples] .smd\:group-hover\:text-black:is(:where(.group):hover *){color:var(--color-black)}.sq-shopify [data-page=examples] .smd\:group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.sq-shopify [data-page=examples] .smd\:group-focus\:translate-y-0:is(:where(.group):focus *){--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .smd\:group-focus\:opacity-100:is(:where(.group):focus *){opacity:1}.sq-shopify [data-page=examples] .smd\:after\:-bottom-\[32px\]:after,.sq-shopify [data-page=examples] .smd\:before\:-bottom-\[32px\]:before{content:var(--tw-content);bottom:-32px}.sq-shopify [data-page=examples] .\[\&_\.container\>\.flex\]\:smd\:col-span-6 .container>.flex{grid-column:span 6/span 6}.sq-shopify [data-page=examples] .\[\&_\.container\>div\:first-child\]\:smd\:col-span-5 .container>div:first-child{grid-column:span 5/span 5}.sq-shopify [data-page=examples] .\[\&_\.container\>div\:last-child\]\:smd\:col-span-6 .container>div:last-child{grid-column:span 6/span 6}.sq-shopify [data-page=examples] .\[\&_\.container\>div\:last-child\]\:smd\:col-start-7 .container>div:last-child{grid-column-start:7}}@media (min-width:340px){.sq-shopify [data-page=examples] .sxs\:col-span-4{grid-column:span 4/span 4}}@media (min-width:640px){.sq-shopify [data-page=examples] .sm\:col-span-2{grid-column:span 2/span 2}.sq-shopify [data-page=examples] .sm\:col-span-3{grid-column:span 3/span 3}.sq-shopify [data-page=examples] .sm\:col-span-6{grid-column:span 6/span 6}.sq-shopify [data-page=examples] .sm\:col-span-8{grid-column:span 8/span 8}.sq-shopify [data-page=examples] .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sq-shopify [data-page=examples] .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sq-shopify [data-page=examples] .sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}}.sq-shopify .conversion-background:before{content:none}@media (hover:hover){.sq-shopify [data-page=examples] .group-hover\:bg-black:is(:where(.group):hover *){background-color:var(--color-black)}.sq-shopify [data-page=examples] .group-hover\:bg-white:is(:where(.group):hover *){background-color:var(--color-white)}.sq-shopify [data-page=examples] .group-hover\:underline:is(:where(.group):hover *){text-decoration-line:underline}}@media (min-width:900px){.sq-shopify [data-page=examples] .smd\:relative{position:relative}.sq-shopify [data-page=examples] .smd\:start-margin{inset-inline-start:var(--spacing-margin)}.sq-shopify [data-page=examples] .smd\:top-10{top:calc(var(--spacing)*10)}.sq-shopify [data-page=examples] .smd\:order-3{order:3}.sq-shopify [data-page=examples] .smd\:order-4{order:4}.sq-shopify [data-page=examples] .smd\:order-5{order:5}.sq-shopify [data-page=examples] .smd\:col-span-10{grid-column:span 10/span 10}.sq-shopify [data-page=examples] .smd\:col-start-2{grid-column-start:2}.sq-shopify [data-page=examples] .smd\:col-start-8{grid-column-start:8}.sq-shopify [data-page=examples] .smd\:grid{display:grid}.sq-shopify [data-page=examples] .smd\:max-h-\[686px\]{max-height:686px}.sq-shopify [data-page=examples] .smd\:w-\[133px\]{width:133px}.sq-shopify [data-page=examples] .smd\:w-\[calc\(\(100\%-40px\)\/2\)\]{width:calc(50% - 20px)}.sq-shopify [data-page=examples] .smd\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sq-shopify [data-page=examples] .smd\:grid-cols-\[2fr_1fr\]{grid-template-columns:2fr 1fr}.sq-shopify [data-page=examples] .smd\:flex-wrap{flex-wrap:wrap}.sq-shopify [data-page=examples] .smd\:gap-x-4{-moz-column-gap:calc(var(--spacing)*4);column-gap:calc(var(--spacing)*4)}.sq-shopify [data-page=examples] .smd\:gap-x-10{-moz-column-gap:calc(var(--spacing)*10);column-gap:calc(var(--spacing)*10)}.sq-shopify [data-page=examples] .smd\:gap-y-8{row-gap:calc(var(--spacing)*8)}.sq-shopify [data-page=examples] .smd\:gap-y-10{row-gap:calc(var(--spacing)*10)}.sq-shopify [data-page=examples] .smd\:px-button-lg-px{padding-inline:var(--spacing-button-lg-px)}.sq-shopify [data-page=examples] .smd\:py-3xl{padding-block:var(--spacing-3xl)}.sq-shopify [data-page=examples] .smd\:py-button-lg-py{padding-block:var(--spacing-button-lg-py)}.sq-shopify [data-page=examples] .smd\:pt-6{padding-top:calc(var(--spacing)*6)}.sq-shopify [data-page=examples] .smd\:pb-0{padding-bottom:calc(var(--spacing)*0)}.sq-shopify [data-page=examples] .smd\:pb-12{padding-bottom:calc(var(--spacing)*12)}.sq-shopify [data-page=examples] .smd\:\[--bk-l2-rows\:1\]{--bk-l2-rows:1}.sq-shopify [data-page=examples] .smd\:\[grid-template-areas\:\"items_aside\"_\"belt_belt\"\]{grid-template-areas:"items aside""belt belt"}.sq-shopify [data-page=examples] .group-first\:smd\:pt-lg:is(:where(.group):first-child *){padding-top:var(--spacing-lg)}.sq-shopify [data-page=examples] .group-last\:smd\:pb-lg:is(:where(.group):last-child *){padding-bottom:var(--spacing-lg)}.sq-shopify [data-page=examples] .smd\:after\:-bottom-\[32px\]:after,.sq-shopify [data-page=examples] .smd\:before\:-bottom-\[32px\]:before{content:var(--tw-content);bottom:-32px}}@media not all and (min-width:1200px){.sq-shopify [data-page=examples] .max-slg\:pointer-events-none{pointer-events:none}.sq-shopify [data-page=examples] .max-slg\:relative{position:relative}.sq-shopify [data-page=examples] .max-slg\:z-10{z-index:10}.sq-shopify [data-page=examples] .max-slg\:hidden{display:none}.sq-shopify [data-page=examples] .max-slg\:h-full{height:100%}.sq-shopify [data-page=examples] .max-slg\:w-1\/2{width:50%}.sq-shopify [data-page=examples] .max-slg\:flex-col{flex-direction:column}.sq-shopify [data-page=examples] .max-slg\:gap-x-4{-moz-column-gap:calc(var(--spacing)*4);column-gap:calc(var(--spacing)*4)}.sq-shopify [data-page=examples] .max-slg\:gap-y-10{row-gap:calc(var(--spacing)*10)}.sq-shopify [data-page=examples] .max-slg\:overflow-y-auto{overflow-y:auto}.sq-shopify [data-page=examples] .max-slg\:rounded-2xl{border-radius:var(--radius-2xl)}.sq-shopify [data-page=examples] .max-slg\:border{border-style:var(--tw-border-style);border-width:1px}.sq-shopify [data-page=examples] .max-slg\:p-6{padding:calc(var(--spacing)*6)}.sq-shopify [data-page=examples] .max-slg\:pb-20{padding-bottom:calc(var(--spacing)*20)}.sq-shopify [data-page=examples] .max-slg\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sq-shopify [data-page=examples] .max-slg\:duration-300,.sq-shopify [data-page=examples] .max-slg\:duration-\[300ms\]{--tw-duration:.3s;transition-duration:.3s}.sq-shopify [data-page=examples] .max-slg\:will-change-\[opacity\]{will-change:opacity}.sq-shopify [data-page=examples] .max-slg\:peer-checked\:pointer-events-auto:is(:where(.peer):checked~*){pointer-events:auto}.sq-shopify [data-page=examples] .max-slg\:peer-checked\:opacity-100:is(:where(.peer):checked~*){opacity:1}.sq-shopify [data-page=examples] .max-slg\:peer-checked\/l1Mobile\:pointer-events-auto:is(:where(.peer\/l1Mobile):checked~*){pointer-events:auto}.sq-shopify [data-page=examples] .max-slg\:peer-checked\/l1Mobile\:opacity-100:is(:where(.peer\/l1Mobile):checked~*){opacity:1}.sq-shopify [data-page=examples] .max-slg\:before\:absolute:before{content:var(--tw-content);position:absolute}.sq-shopify [data-page=examples] .max-slg\:before\:content-none:before{content:var(--tw-content);--tw-content:none;content:none}}@media (min-width:1200px){.sq-shopify [data-page=examples] .slg\:sticky{position:sticky}.sq-shopify [data-page=examples] .slg\:top-global-header{top:var(--spacing-global-header)}.sq-shopify [data-page=examples] .slg\:z-10{z-index:10}.sq-shopify [data-page=examples] .slg\:z-20{z-index:20}.sq-shopify [data-page=examples] .slg\:order-3{order:3}.sq-shopify [data-page=examples] .slg\:order-4{order:4}.sq-shopify [data-page=examples] .slg\:order-5{order:5}.sq-shopify [data-page=examples] .slg\:col-span-8{grid-column:span 8/span 8}.sq-shopify [data-page=examples] .slg\:col-start-3{grid-column-start:3}.sq-shopify [data-page=examples] .slg\:mb-1{margin-bottom:calc(var(--spacing)*1)}.sq-shopify [data-page=examples] .slg\:mb-10{margin-bottom:calc(var(--spacing)*10)}.sq-shopify [data-page=examples] .slg\:aspect-\[2\.17\]{aspect-ratio:2.17}.sq-shopify [data-page=examples] .slg\:h-\[87px\]{height:87px}.sq-shopify [data-page=examples] .slg\:max-h-\[321px\]{max-height:321px}.sq-shopify [data-page=examples] .slg\:max-h-\[546px\]{max-height:546px}.sq-shopify [data-page=examples] .slg\:max-h-\[calc\(90vh-72px\)\]{max-height:calc(90vh - 72px)}.sq-shopify [data-page=examples] .slg\:w-\[190px\]{width:190px}.sq-shopify [data-page=examples] .slg\:w-\[calc\(\(100\%-80px\)\/3\)\]{width:calc(33.3333% - 26.6667px)}.sq-shopify [data-page=examples] .slg\:-translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .slg\:-translate-y-6{--tw-translate-y:calc(var(--spacing)*-6);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .slg\:-translate-y-\[calc\(100\%\+1px\)\]{--tw-translate-y:calc(calc(100% + 1px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .slg\:grid-cols-\[3fr_1fr\]{grid-template-columns:3fr 1fr}.sq-shopify [data-page=examples] .slg\:grid-cols-\[var\(--belt-calc\)_var\(--belt-calc\)_var\(--belt-calc\)_296px\]{grid-template-columns:var(--belt-calc)var(--belt-calc)var(--belt-calc)296px}.sq-shopify [data-page=examples] .slg\:items-start{align-items:flex-start}.sq-shopify [data-page=examples] .slg\:gap-x-6{-moz-column-gap:calc(var(--spacing)*6);column-gap:calc(var(--spacing)*6)}.sq-shopify [data-page=examples] .slg\:gap-y-6{row-gap:calc(var(--spacing)*6)}.sq-shopify [data-page=examples] .slg\:overflow-hidden{overflow:hidden}.sq-shopify [data-page=examples] .slg\:overflow-y-auto{overflow-y:auto}.sq-shopify [data-page=examples] .slg\:rounded-xl{border-radius:var(--radius-xl)}.sq-shopify [data-page=examples] .slg\:py-6{padding-block:calc(var(--spacing)*6)}.sq-shopify [data-page=examples] .slg\:ps-10{padding-inline-start:calc(var(--spacing)*10)}.sq-shopify [data-page=examples] .slg\:pt-10{padding-top:calc(var(--spacing)*10)}.sq-shopify [data-page=examples] .slg\:pb-10{padding-bottom:calc(var(--spacing)*10)}.sq-shopify [data-page=examples] .slg\:leading-\[1\.8\]{--tw-leading:1.8;line-height:1.8}.sq-shopify [data-page=examples] .slg\:opacity-0{opacity:0}.sq-shopify [data-page=examples] .slg\:opacity-100{opacity:1}.sq-shopify [data-page=examples] .slg\:transition-\[opacity\, [data-page=examples] translate\]{transition-property:opacity,translate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sq-shopify [data-page=examples] .slg\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sq-shopify [data-page=examples] .slg\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sq-shopify [data-page=examples] .slg\:delay-\[150ms\]{transition-delay:.15s}.sq-shopify [data-page=examples] .slg\:duration-300{--tw-duration:.3s;transition-duration:.3s}.sq-shopify [data-page=examples] .slg\:duration-500{--tw-duration:.5s;transition-duration:.5s}.sq-shopify [data-page=examples] .slg\:duration-\[300ms\]{--tw-duration:.3s;transition-duration:.3s}.sq-shopify [data-page=examples] .slg\:ease-ease-out-cubic{--tw-ease:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.sq-shopify [data-page=examples] .slg\:will-change-\[opacity\, [data-page=examples] translate\]{will-change:opacity,translate}.sq-shopify [data-page=examples] .slg\:will-change-\[opacity\]{will-change:opacity}.sq-shopify [data-page=examples] .slg\:will-change-transform{will-change:transform}.sq-shopify [data-page=examples] .slg\:no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.sq-shopify [data-page=examples] .slg\:\[--belt-calc\:calc\(\(100\%-416px\)\/3\)\]{--belt-calc:calc((100% - 416px)/3)}.sq-shopify [data-page=examples] .slg\:\[--bk-l2-rows\:2\]{--bk-l2-rows:2}.sq-shopify [data-page=examples] .slg\:before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.sq-shopify [data-page=examples] .slg\:before\:absolute:before{content:var(--tw-content);position:absolute}.sq-shopify [data-page=examples] .slg\:before\:top-0:before{content:var(--tw-content);top:calc(var(--spacing)*0)}.sq-shopify [data-page=examples] .slg\:before\:-bottom-5:before{content:var(--tw-content);bottom:calc(var(--spacing)*-5)}.sq-shopify [data-page=examples] .slg\:before\:left-1\/2:before{content:var(--tw-content);left:50%}.sq-shopify [data-page=examples] .slg\:before\:z-10:before{content:var(--tw-content);z-index:10}.sq-shopify [data-page=examples] .slg\:before\:h-10:before{content:var(--tw-content);height:calc(var(--spacing)*10)}.sq-shopify [data-page=examples] .slg\:before\:w-\[200vw\]:before{content:var(--tw-content);width:200vw}.sq-shopify [data-page=examples] .slg\:before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .slg\:before\:-translate-y-full:before{content:var(--tw-content);--tw-translate-y:-100%;translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .slg\:after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.sq-shopify [data-page=examples] .slg\:after\:absolute:after{content:var(--tw-content);position:absolute}.sq-shopify [data-page=examples] .slg\:after\:top-0:after{content:var(--tw-content);top:calc(var(--spacing)*0)}.sq-shopify [data-page=examples] .slg\:after\:left-1\/2:after{content:var(--tw-content);left:50%}.sq-shopify [data-page=examples] .slg\:after\:h-full:after{content:var(--tw-content);height:100%}.sq-shopify [data-page=examples] .slg\:after\:w-\[200vw\]:after{content:var(--tw-content);width:200vw}.sq-shopify [data-page=examples] .slg\:after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .slg\:after\:ring-1:after{content:var(--tw-content);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.sq-shopify [data-page=examples] .slg\:after\:ring-inset:after{content:var(--tw-content);--tw-ring-inset:inset}@media (hover:hover){.sq-shopify [data-page=examples] .slg\:hover\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y);transform:none}}}@media (hover:hover){.sq-shopify [data-page=examples] .hover\:border-button-dark-primary-border-hover:hover{border-color:var(--color-button-dark-primary-border-hover)}.sq-shopify [data-page=examples] .hover\:bg-button-dark-primary-bg-hover:hover{background-color:var(--color-button-dark-primary-bg-hover)}.sq-shopify [data-page=examples] .hover\:text-black:hover{color:var(--color-black)}.sq-shopify [data-page=examples] .hover\:text-button-dark-primary-text-hover:hover{color:var(--color-button-dark-primary-text-hover)}.sq-shopify [data-page=examples] .hover\:ring-button-dark-primary-border-hover:hover{--tw-ring-color:var(--color-button-dark-primary-border-hover)}.sq-shopify [data-page=examples] .group-hover\:top-0:is(:where(.group):hover *){top:calc(var(--spacing)*0)}.sq-shopify [data-page=examples] .group-hover\:top-\[200\%\]:is(:where(.group):hover *){top:200%}.sq-shopify [data-page=examples] .group-hover\:block:is(:where(.group):hover *){display:block}.sq-shopify [data-page=examples] .group-hover\:flex:is(:where(.group):hover *){display:flex}.sq-shopify [data-page=examples] .group-hover\:hidden:is(:where(.group):hover *){display:none}.sq-shopify [data-page=examples] .group-hover\:w-\[16px\]:is(:where(.group):hover *){width:16px}.sq-shopify [data-page=examples] .group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .group-hover\:translate-x-2:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .group-hover\:translate-x-4:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .group-hover\:translate-x-\[50px\]:is(:where(.group):hover *){--tw-translate-x:50px;translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .group-hover\:scale-90:is(:where(.group):hover *){--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y);transform:none}.sq-shopify [data-page=examples] .group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y);transform:none}.sq-shopify [data-page=examples] .group-hover\:\[transform\:rotateY\(180deg\)\]:is(:where(.group):hover *){transform:rotateY(180deg)}.sq-shopify [data-page=examples] .group-hover\:border-shade-30:is(:where(.group):hover *){border-color:var(--color-shade-30)}.sq-shopify [data-page=examples] .group-hover\:border-shade-70:is(:where(.group):hover *){border-color:var(--color-shade-70)}.sq-shopify [data-page=examples] .group-hover\:border-white:is(:where(.group):hover *){border-color:var(--color-white)}.sq-shopify [data-page=examples] .group-hover\:bg-black\/70:is(:where(.group):hover *){background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.sq-shopify [data-page=examples] .group-hover\:bg-black\/70:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-black)70%,transparent)}}.sq-shopify [data-page=examples] .group-hover\:bg-shade-30:is(:where(.group):hover *){background-color:var(--color-shade-30)}.sq-shopify [data-page=examples] .group-hover\:bg-shade-70:is(:where(.group):hover *){background-color:var(--color-shade-70)}.sq-shopify [data-page=examples] .group-hover\:bg-shade-80:is(:where(.group):hover *){background-color:var(--color-shade-80)}.sq-shopify [data-page=examples] .group-hover\:fill-black:is(:where(.group):hover *){fill:var(--color-black)}.sq-shopify [data-page=examples] .group-hover\:fill-white:is(:where(.group):hover *){fill:var(--color-white)}.sq-shopify [data-page=examples] .group-hover\:stroke-black:is(:where(.group):hover *){stroke:var(--color-black)}.sq-shopify [data-page=examples] .group-hover\:stroke-white:is(:where(.group):hover *){stroke:var(--color-white)}.sq-shopify [data-page=examples] .group-hover\:opacity-0:is(:where(.group):hover *){opacity:0}.sq-shopify [data-page=examples] .group-hover\:opacity-15:is(:where(.group):hover *){opacity:.15}.sq-shopify [data-page=examples] .group-hover\:opacity-40:is(:where(.group):hover *){opacity:.4}.sq-shopify [data-page=examples] .group-hover\:opacity-60:is(:where(.group):hover *){opacity:.6}.sq-shopify [data-page=examples] .group-hover\:opacity-70:is(:where(.group):hover *){opacity:.7}.sq-shopify [data-page=examples] .hover\:z-40:hover{z-index:40}.sq-shopify [data-page=examples] .hover\:before\:pointer-events-auto:hover:before{content:var(--tw-content);pointer-events:auto}.sq-shopify [data-page=examples] .hover\:before\:bg-white:hover:before{content:var(--tw-content);background-color:var(--color-white)}.sq-shopify [data-page=examples] .hover\:after\:bg-\[\#36F4A4\]:hover:after{content:var(--tw-content);background-color:#36f4a4}}@media (min-width:900px){.sq-shopify [data-page=examples] .smd\:gap-y-xl{row-gap:var(--space-xl)}@media (hover:hover){.sq-shopify [data-page=examples] .smd\:group-hover\:m-\[1px\]:is(:where(.group):hover *){margin:1px}.sq-shopify [data-page=examples] .smd\:group-hover\:h-\[46px\]:is(:where(.group):hover *){height:46px}.sq-shopify [data-page=examples] .smd\:group-hover\:translate-y-0:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .smd\:group-hover\:bg-bng-results-button-preview-gradient:is(:where(.group):hover *){background-image:linear-gradient(45deg,#865cff,#f6a179)}.sq-shopify [data-page=examples] .smd\:group-hover\:p-\[15px\]:is(:where(.group):hover *){padding:15px}.sq-shopify [data-page=examples] .smd\:group-hover\:pr-\[7px\]:is(:where(.group):hover *){padding-right:7px}.sq-shopify [data-page=examples] .smd\:group-hover\:text-black:is(:where(.group):hover *){color:var(--color-black)}.sq-shopify [data-page=examples] .smd\:group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.sq-shopify [data-page=examples] .smd\:group-focus\:translate-y-0:is(:where(.group):focus *){--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y);transform:none}.sq-shopify [data-page=examples] .smd\:group-focus\:opacity-100:is(:where(.group):focus *){opacity:1}.sq-shopify [data-page=examples] .smd\:after\:-bottom-\[32px\]:after,.sq-shopify [data-page=examples] .smd\:before\:-bottom-\[32px\]:before{content:var(--tw-content);bottom:-32px}}@media (hover:hover){.sq-shopify [data-page=examples] .group-hover\:bg-component-comparison-table-cell-bg-hover:is(:where(.group):hover *){background-color:var(--color-component-comparison-table-cell-bg-hover)}}@media (min-width:640px){.sq-shopify [data-page=examples] .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sq-shopify [data-page=examples] .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sq-shopify [data-page=examples] .sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (min-width:900px){.sq-shopify [data-page=examples] .smd\:col-span-4{grid-column:span 4/span 4}.sq-shopify [data-page=examples] .smd\:col-span-5{grid-column:span 5/span 5}.sq-shopify [data-page=examples] .smd\:col-span-6{grid-column:span 6/span 6}.sq-shopify [data-page=examples] .smd\:col-span-10{grid-column:span 10/span 10}}@media (min-width:1200px){.sq-shopify [data-page=examples] .slg\:col-span-8{grid-column:span 8/span 8}.sq-shopify [data-page=examples] .slg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}