/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans:'Onest',sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:0.25rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:91.25rem;--container-xs:20rem;--container-md:28rem;--text-xs:0.75rem;--text-xs--line-height:calc(1 / 0.75);--text-sm:0.875rem;--text-sm--line-height:calc(1.25 / 0.875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:0.025em;--tracking-widest:0.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(0.4,0,0.2,1);--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-black:#2D2D2B;--color-violet:#58306B;--color-accent:#58306B;--color-white:#ffffff;--color-gray:#878787;--color-gray-bg:#F7F6F9;--color-gray-arrow:#DCDCDC;--color-gray-arrow-hover:#B7B7B7;--color-line:#D5D4D7;--color-footer:#F7F6F9;--color-yellow:#EEC142;--color-border:#F0F0F0;--color-blue-light:#F4F6F9;--breakpoint-xlp:93.75rem;}}@layer base{*,::after,::before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid;}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;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;}hr{height:0;color:inherit;border-top-width:1px;}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;}b,strong{font-weight:bolder;}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}table{text-indent:0;border-color:inherit;border-collapse:collapse;}:-moz-focusring{outline:auto;}progress{vertical-align:baseline;}summary{display:list-item;}ol,ul,menu{list-style:none;}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;}img,video{max-width:100%;height:auto;}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1;}:where(select:is([multiple],[size])) optgroup{font-weight:bolder;}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px;}::file-selector-button{margin-inline-end:4px;}::-moz-placeholder{opacity:1;}::placeholder{opacity:1;}@supports (not (-webkit-appearance:-apple-pay-button))  or
    (contain-intrinsic-size:1px){::-moz-placeholder{color:currentcolor;}::placeholder{color:currentcolor;}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent);}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent);}}}textarea{resize:vertical;}::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit;}::-webkit-datetime-edit{display:inline-flex;}::-webkit-datetime-edit-fields-wrapper{padding:0;}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0;}::-webkit-calendar-picker-indicator{line-height:1;}:-moz-ui-invalid{box-shadow:none;}button,input:where([type="button"],[type="reset"],[type="submit"]),::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button;}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto;}[hidden]:where(:not([hidden="until-found"])){display:none !important;}}@layer utilities{.pointer-events-auto{pointer-events:auto;}.pointer-events-none{pointer-events:none;}.collapse{visibility:collapse;}.invisible{visibility:hidden;}.visible{visibility:visible;}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.static{position:static;}.sticky{position:sticky;}.inset-0{inset:calc(var(--spacing) * 0);}.start{inset-inline-start:var(--spacing);}.end{inset-inline-end:var(--spacing);}.-top-2{top:calc(var(--spacing) * -2);}.top-0{top:calc(var(--spacing) * 0);}.top-2{top:calc(var(--spacing) * 2);}.top-4{top:calc(var(--spacing) * 4);}.top-\[-82px\]{top:-82px;}.-right-2{right:calc(var(--spacing) * -2);}.right-0{right:calc(var(--spacing) * 0);}.right-2\.5{right:calc(var(--spacing) * 2.5);}.right-4{right:calc(var(--spacing) * 4);}.right-auto{right:auto;}.bottom-0{bottom:calc(var(--spacing) * 0);}.bottom-4{bottom:calc(var(--spacing) * 4);}.bottom-\[120px\]{bottom:120px;}.left-0{left:calc(var(--spacing) * 0);}.left-1\/2{left:calc(1 / 2 * 100%);}.left-2{left:calc(var(--spacing) * 2);}.left-4{left:calc(var(--spacing) * 4);}.z-0{z-index:0;}.z-10{z-index:10;}.z-20{z-index:20;}.z-40{z-index:40;}.z-45{z-index:45;}.z-50{z-index:50;}.z-\[2\]{z-index:2;}.z-\[5\]{z-index:5;}.z-\[6\]{z-index:6;}.z-\[100\]{z-index:100;}.order-1{order:1;}.order-2{order:2;}.col-start-1{grid-column-start:1;}.col-start-2{grid-column-start:2;}.row-span-2{grid-row:span 2 / span 2;}.row-start-1{grid-row-start:1;}.row-start-2{grid-row-start:2;}.container{width:100%;}@media (width >= 40rem){.container{max-width:40rem;}}@media (width >= 48rem){.container{max-width:48rem;}}@media (width >= 64rem){.container{max-width:64rem;}}@media (width >= 91.25rem){.container{max-width:91.25rem;}}@media (width >= 93.75rem){.container{max-width:93.75rem;}}@media (width >= 96rem){.container{max-width:96rem;}}.m-0{margin:calc(var(--spacing) * 0);}.mx-auto{margin-inline:auto;}.my-5{margin-block:calc(var(--spacing) * 5);}.my-12{margin-block:calc(var(--spacing) * 12);}.mt-0{margin-top:calc(var(--spacing) * 0);}.mt-1{margin-top:calc(var(--spacing) * 1);}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5);}.mt-2{margin-top:calc(var(--spacing) * 2);}.mt-3{margin-top:calc(var(--spacing) * 3);}.mt-4{margin-top:calc(var(--spacing) * 4);}.mt-5{margin-top:calc(var(--spacing) * 5);}.mt-6{margin-top:calc(var(--spacing) * 6);}.mt-8{margin-top:calc(var(--spacing) * 8);}.mt-10{margin-top:calc(var(--spacing) * 10);}.mt-12{margin-top:calc(var(--spacing) * 12);}.mb-0{margin-bottom:calc(var(--spacing) * 0);}.mb-1{margin-bottom:calc(var(--spacing) * 1);}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5);}.mb-2{margin-bottom:calc(var(--spacing) * 2);}.mb-3{margin-bottom:calc(var(--spacing) * 3);}.mb-4{margin-bottom:calc(var(--spacing) * 4);}.mb-5{margin-bottom:calc(var(--spacing) * 5);}.mb-6{margin-bottom:calc(var(--spacing) * 6);}.mb-8{margin-bottom:calc(var(--spacing) * 8);}.mb-10{margin-bottom:calc(var(--spacing) * 10);}.ml-0{margin-left:calc(var(--spacing) * 0);}.ml-2{margin-left:calc(var(--spacing) * 2);}.ml-auto{margin-left:auto;}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}.block{display:block;}.contents{display:contents;}.flex{display:flex;}.grid{display:grid;}.hidden{display:none;}.inline{display:inline;}.inline-flex{display:inline-flex;}.table{display:table;}.aspect-\[9\/5\]{aspect-ratio:9/5;}.h-0\.5{height:calc(var(--spacing) * 0.5);}.h-1\.5{height:calc(var(--spacing) * 1.5);}.h-2{height:calc(var(--spacing) * 2);}.h-4{height:calc(var(--spacing) * 4);}.h-5{height:calc(var(--spacing) * 5);}.h-6{height:calc(var(--spacing) * 6);}.h-9{height:calc(var(--spacing) * 9);}.h-10{height:calc(var(--spacing) * 10);}.h-11{height:calc(var(--spacing) * 11);}.h-12{height:calc(var(--spacing) * 12);}.h-14{height:calc(var(--spacing) * 14);}.h-20{height:calc(var(--spacing) * 20);}.h-24{height:calc(var(--spacing) * 24);}.h-\[18px\]{height:18px;}.h-\[100px\]{height:100px;}.h-\[174vw\]{height:174vw;}.h-auto{height:auto;}.h-full{height:100%;}.h-px{height:1px;}.max-h-10{max-height:calc(var(--spacing) * 10);}.max-h-\[40px\]{max-height:40px;}.min-h-0{min-height:calc(var(--spacing) * 0);}.min-h-\[23px\]{min-height:23px;}.min-h-\[58px\]{min-height:58px;}.min-h-\[60px\]{min-height:60px;}.min-h-\[64px\]{min-height:64px;}.min-h-\[140px\]{min-height:140px;}.min-h-\[174vw\]{min-height:174vw;}.min-h-\[420px\]{min-height:420px;}.min-h-screen{min-height:100vh;}.w-1\.5{width:calc(var(--spacing) * 1.5);}.w-2{width:calc(var(--spacing) * 2);}.w-4{width:calc(var(--spacing) * 4);}.w-5{width:calc(var(--spacing) * 5);}.w-6{width:calc(var(--spacing) * 6);}.w-9{width:calc(var(--spacing) * 9);}.w-10{width:calc(var(--spacing) * 10);}.w-11{width:calc(var(--spacing) * 11);}.w-12{width:calc(var(--spacing) * 12);}.w-20{width:calc(var(--spacing) * 20);}.w-24{width:calc(var(--spacing) * 24);}.w-\[55\%\]{width:55%;}.w-\[100px\]{width:100px;}.w-auto{width:auto;}.w-fit{width:-moz-fit-content;width:fit-content;}.w-full{width:100%;}.w-screen{width:100vw;}.max-w-10{max-width:calc(var(--spacing) * 10);}.max-w-\[40px\]{max-width:40px;}.max-w-\[420px\]{max-width:420px;}.max-w-\[560px\]{max-width:560px;}.max-w-\[1460px\]{max-width:1460px;}.max-w-\[1480px\]{max-width:1480px;}.max-w-\[1560px\]{max-width:1560px;}.max-w-\[1920px\]{max-width:1920px;}.max-w-full{max-width:100%;}.max-w-md{max-width:var(--container-md);}.max-w-none{max-width:none;}.max-w-screen-lg{max-width:var(--breakpoint-lg);}.max-w-screen-md{max-width:var(--breakpoint-md);}.max-w-screen-xl{max-width:var(--breakpoint-xl);}.max-w-screen-xlp{max-width:var(--breakpoint-xlp);}.min-w-0{min-width:calc(var(--spacing) * 0);}.min-w-6{min-width:calc(var(--spacing) * 6);}.min-w-10{min-width:calc(var(--spacing) * 10);}.min-w-\[18px\]{min-width:18px;}.min-w-\[140px\]{min-width:140px;}.flex-1{flex:1;}.flex-shrink{flex-shrink:1;}.flex-shrink-0{flex-shrink:0;}.shrink-0{flex-shrink:0;}.border-collapse{border-collapse:collapse;}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y);}.translate-y-\[-100\%\]{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y);}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y);}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);}.cursor-pointer{cursor:pointer;}.resize{resize:both;}.resize-y{resize:vertical;}.list-decimal{list-style-type:decimal;}.list-disc{list-style-type:disc;}.list-none{list-style-type:none;}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}.flex-col{flex-direction:column;}.flex-row{flex-direction:row;}.flex-nowrap{flex-wrap:nowrap;}.flex-wrap{flex-wrap:wrap;}.items-center{align-items:center;}.items-end{align-items:flex-end;}.items-start{align-items:flex-start;}.justify-around{justify-content:space-around;}.justify-between{justify-content:space-between;}.justify-center{justify-content:center;}.justify-end{justify-content:flex-end;}.justify-start{justify-content:flex-start;}.gap-1{gap:calc(var(--spacing) * 1);}.gap-1\.5{gap:calc(var(--spacing) * 1.5);}.gap-2{gap:calc(var(--spacing) * 2);}.gap-2\.5{gap:calc(var(--spacing) * 2.5);}.gap-3{gap:calc(var(--spacing) * 3);}.gap-4{gap:calc(var(--spacing) * 4);}.gap-5{gap:calc(var(--spacing) * 5);}.gap-6{gap:calc(var(--spacing) * 6);}.gap-8{gap:calc(var(--spacing) * 8);}.gap-10{gap:calc(var(--spacing) * 10);}:where(.space-y-0\.5 > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));}:where(.space-y-4 > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));}:where(.space-y-5 > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));}:where(.space-y-8 > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));}.gap-x-0\.5{-moz-column-gap:calc(var(--spacing) * 0.5);column-gap:calc(var(--spacing) * 0.5);}.gap-x-2\.5{-moz-column-gap:calc(var(--spacing) * 2.5);column-gap:calc(var(--spacing) * 2.5);}.gap-x-3{-moz-column-gap:calc(var(--spacing) * 3);column-gap:calc(var(--spacing) * 3);}:where(.space-x-4 > :not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));}:where(.space-x-5 > :not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)));}.gap-y-0\.5{row-gap:calc(var(--spacing) * 0.5);}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.overflow-hidden{overflow:hidden;}.overflow-x-auto{overflow-x:auto;}.overflow-y-auto{overflow-y:auto;}.overflow-y-hidden{overflow-y:hidden;}.rounded{border-radius:0.25rem;}.rounded-2xl{border-radius:var(--radius-2xl);}.rounded-3xl{border-radius:var(--radius-3xl);}.rounded-\[10px\]{border-radius:10px;}.rounded-\[16px\]{border-radius:16px;}.rounded-\[20px\]{border-radius:20px;}.rounded-\[32px\]{border-radius:32px;}.rounded-\[42px\]{border-radius:42px;}.rounded-full{border-radius:calc(infinity * 1px);}.rounded-lg{border-radius:var(--radius-lg);}.rounded-none{border-radius:0;}.rounded-xl{border-radius:var(--radius-xl);}.rounded-t-\[28px\]{border-top-left-radius:28px;border-top-right-radius:28px;}.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);}.rounded-b-\[20px\]{border-bottom-right-radius:20px;border-bottom-left-radius:20px;}.rounded-b-\[24px\]{border-bottom-right-radius:24px;border-bottom-left-radius:24px;}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0;}.border{border-style:var(--tw-border-style);border-width:1px;}.border-0{border-style:var(--tw-border-style);border-width:0px;}.border-2{border-style:var(--tw-border-style);border-width:2px;}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px;}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px;}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px;}.border-none{--tw-border-style:none;border-style:none;}.border-\[\#6a3a7f\]{border-color:#6a3a7f;}.border-\[\#e7ddee\]{border-color:#e7ddee;}.border-\[var\(--color-line\)\]{border-color:var(--color-line);}.border-\[var\(--color-violet\)\]{border-color:var(--color-violet);}.border-\[var\(--promo-bd\)\]{border-color:var(--promo-bd);}.border-accent\/20{border-color:color-mix(in srgb,#58306B 20%,transparent);}@supports (color:color-mix(in lab,red,red)){.border-accent\/20{border-color:color-mix(in oklab,var(--color-accent) 20%,transparent);}}.border-border{border-color:var(--color-border);}.border-line{border-color:var(--color-line);}.border-transparent{border-color:transparent;}.border-violet{border-color:var(--color-violet);}.border-violet\/50{border-color:color-mix(in srgb,#58306B 50%,transparent);}@supports (color:color-mix(in lab,red,red)){.border-violet\/50{border-color:color-mix(in oklab,var(--color-violet) 50%,transparent);}}.border-white\/10{border-color:color-mix(in srgb,#ffffff 10%,transparent);}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent);}}.bg-\[\#6a3a7f\]{background-color:#6a3a7f;}.bg-\[\#8B5CF6\]{background-color:#8B5CF6;}.bg-\[\#51A6F5\]{background-color:#51A6F5;}.bg-\[\#EDEBF2\]{background-color:#EDEBF2;}.bg-\[\#EEC142\]{background-color:#EEC142;}.bg-\[\#F1ECF7\]{background-color:#F1ECF7;}.bg-\[\#FBF1DC\]{background-color:#FBF1DC;}.bg-\[\#ecf9f2\]{background-color:#ecf9f2;}.bg-\[\#f3f1f4\]{background-color:#f3f1f4;}.bg-\[\#f6f2fb\]{background-color:#f6f2fb;}.bg-\[\#faf7fb\]{background-color:#faf7fb;}.bg-\[rgba\(17\,17\,17\,0\.01\)\]{background-color:rgba(17,17,17,0.01);}.bg-\[var\(--color-black\)\]{background-color:var(--color-black);}.bg-\[var\(--color-gray-bg\)\]{background-color:var(--color-gray-bg);}.bg-\[var\(--color-violet\)\]{background-color:var(--color-violet);}.bg-black{background-color:var(--color-black);}.bg-black\/45{background-color:color-mix(in srgb,#2D2D2B 45%,transparent);}@supports (color:color-mix(in lab,red,red)){.bg-black\/45{background-color:color-mix(in oklab,var(--color-black) 45%,transparent);}}.bg-black\/80{background-color:color-mix(in srgb,#2D2D2B 80%,transparent);}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black) 80%,transparent);}}.bg-footer{background-color:var(--color-footer);}.bg-gray-arrow{background-color:var(--color-gray-arrow);}.bg-gray-bg{background-color:var(--color-gray-bg);}.bg-line{background-color:var(--color-line);}.bg-transparent{background-color:transparent;}.bg-violet{background-color:var(--color-violet);}.bg-violet\/10{background-color:color-mix(in srgb,#58306B 10%,transparent);}@supports (color:color-mix(in lab,red,red)){.bg-violet\/10{background-color:color-mix(in oklab,var(--color-violet) 10%,transparent);}}.bg-white{background-color:var(--color-white);}.bg-yellow{background-color:var(--color-yellow);}.bg-\[linear-gradient\(90deg\,rgba\(248\,247\,247\,0\.96\)_0\%\,rgba\(243\,241\,244\,0\.55\)_48\%\,rgba\(243\,241\,244\,0\)_70\%\)\]{background-image:linear-gradient(90deg,rgba(248,247,247,0.96) 0%,rgba(243,241,244,0.55) 48%,rgba(243,241,244,0) 70%);}.bg-\[url\(\'\/themes\/custom\/x\/images\/svg\/ep_arrow-up-bold\.svg\'\)\] {
    background-image: url('/themes/custom/x/images/svg/ep_arrow-up-bold.svg');
  }
  .bg-contain {
    background-size: contain;
  }
  .bg-center {
    background-position: center;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-\[18px\] {
    padding-inline: 18px;
  }
  .px-\[50px\] {
    padding-inline: 50px;
  }
  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-\[50px\] {
    padding-bottom: 50px;
  }
  .pb-\[158px\] {
    padding-bottom: 158px;
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .pl-\[18px\] {
    padding-left: 18px;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-8xl {
    font-size: var(--text-8xl);
    line-height: var(--tw-leading, var(--text-8xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .text-\[20px\] {
    font-size: 20px;
  }
  .text-\[22px\] {
    font-size: 22px;
  }
  .text-\[24px\] {
    font-size: 24px;
  }
  .text-\[25px\] {
    font-size: 25px;
  }
  .text-\[32px\] {
    font-size: 32px;
  }
  .text-\[34px\] {
    font-size: 34px;
  }
  .text-\[35px\] {
    font-size: 35px;
  }
  .text-\[42px\] {
    font-size: 42px;
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }
  .leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }
  .leading-\[1\.35\] {
    --tw-leading: 1.35;
    line-height: 1.35;
  }
  .leading-\[1\.45\] {
    --tw-leading: 1.45;
    line-height: 1.45;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[0\.08em\] {
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-\[\#d72d60\] {
    color: #d72d60;
  }
  .text-\[var\(--color-black\)\] {
    color: var(--color-black);
  }
  .text-\[var\(--color-black\)\]\/80 {
    color: color-mix(in srgb, #2D2D2B 80%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-\[var\(--color-black\)\]\/80 {
      color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }
  .text-\[var\(--color-gray\)\] {
    color: var(--color-gray);
  }
  .text-\[var\(--color-violet\)\] {
    color: var(--color-violet);
  }
  .text-accent {
    color: var(--color-accent);
  }
  .text-black {
    color: var(--color-black);
  }
  .text-gray {
    color: var(--color-gray);
  }
  .text-line {
    color: var(--color-line);
  }
  .text-transparent {
    color: transparent;
  }
  .text-violet {
    color: var(--color-violet);
  }
  .text-white {
    color: var(--color-white);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_-8px_32px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: 0 -8px 32px var(--tw-shadow-color, rgba(0,0,0,0.12));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --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);
  }
  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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);
  }
  .ring-\[var\(--color-violet\)\] {
    --tw-ring-color: var(--color-violet);
  }
  .ring-violet {
    --tw-ring-color: var(--color-violet);
  }
  .ring-offset-2 {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .filter {
    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,);
  }
  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-filter {
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-color\,color\,box-shadow\] {
    transition-property: background-color,color,box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .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));
  }
  .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));
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
  }
  @media (hover: hover) {
    .hover\:bg-gray-arrow-hover:hover {
      background-color: var(--color-gray-arrow-hover);
    }
  }
  @media (hover: hover) {
    .hover\:bg-violet\/90:hover {
      background-color: color-mix(in srgb, #58306B 90%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-violet\/90:hover {
        background-color: color-mix(in oklab, var(--color-violet) 90%, transparent);
      }
    }
  }
  @media (hover: hover) {
    .hover\:text-violet:hover {
      color: var(--color-violet);
    }
  }
  @media (hover: hover) {
    .hover\:opacity-90:hover {
      opacity: 90%;
    }
  }
  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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);
  }
  .focus-visible\:ring-\[var\(--color-violet\)\]:focus-visible {
    --tw-ring-color: var(--color-violet);
  }
  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .focus-visible\:ring-offset-white:focus-visible {
    --tw-ring-offset-color: var(--color-white);
  }
  @media (width >= 48rem) {
    .md\:order-none {
      order: 0;
    }
  }
  @media (width >= 48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }
  @media (width >= 48rem) {
    .md\:my-12 {
      margin-block: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 48rem) {
    .md\:block {
      display: block;
    }
  }
  @media (width >= 48rem) {
    .md\:flex {
      display: flex;
    }
  }
  @media (width >= 48rem) {
    .md\:grid {
      display: grid;
    }
  }
  @media (width >= 48rem) {
    .md\:hidden {
      display: none;
    }
  }
  @media (width >= 48rem) {
    .md\:h-28 {
      height: calc(var(--spacing) * 28);
    }
  }
  @media (width >= 48rem) {
    .md\:min-h-\[45vw\] {
      min-height: 45vw;
    }
  }
  @media (width >= 48rem) {
    .md\:w-28 {
      width: calc(var(--spacing) * 28);
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-\[8fr_5fr\] {
      grid-template-columns: 8fr 5fr;
    }
  }
  @media (width >= 48rem) {
    .md\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 48rem) {
    .md\:items-center {
      align-items: center;
    }
  }
  @media (width >= 48rem) {
    .md\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 48rem) {
    .md\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 48rem) {
    .md\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 48rem) {
    .md\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }
  }
  @media (width >= 48rem) {
    .md\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  @media (width >= 48rem) {
    .md\:border-line {
      border-color: var(--color-line);
    }
  }
  @media (width >= 48rem) {
    .md\:p-12 {
      padding: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 48rem) {
    .md\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  @media (width >= 48rem) {
    .md\:pr-16 {
      padding-right: calc(var(--spacing) * 16);
    }
  }
  @media (width >= 48rem) {
    .md\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 48rem) {
    .md\:text-\[16px\] {
      font-size: 16px;
    }
  }
  @media (width >= 48rem) {
    .md\:text-\[18px\] {
      font-size: 18px;
    }
  }
  @media (width >= 48rem) {
    .md\:text-\[20px\] {
      font-size: 20px;
    }
  }
  @media (width >= 48rem) {
    .md\:text-\[28px\] {
      font-size: 28px;
    }
  }
  @media (width >= 48rem) {
    .md\:text-\[32px\] {
      font-size: 32px;
    }
  }
  @media (width >= 48rem) {
    .md\:text-\[42px\] {
      font-size: 42px;
    }
  }
  @media (width >= 48rem) {
    .md\:text-\[75px\] {
      font-size: 75px;
    }
  }
  @media (width >= 64rem) {
    .lg\:left-auto {
      left: auto;
    }
  }
  @media (width >= 64rem) {
    .lg\:mx-auto {
      margin-inline: auto;
    }
  }
  @media (width >= 64rem) {
    .lg\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 64rem) {
    .lg\:inline-flex {
      display: inline-flex;
    }
  }
  @media (width >= 64rem) {
    .lg\:w-\[240px\] {
      width: 240px;
    }
  }
  @media (width >= 64rem) {
    .lg\:w-fit {
      width: -moz-fit-content;
      width: fit-content;
    }
  }
  @media (width >= 64rem) {
    .lg\:w-full {
      width: 100%;
    }
  }
  @media (width >= 64rem) {
    .lg\:max-w-\[240px\] {
      max-width: 240px;
    }
  }
  @media (width >= 64rem) {
    .lg\:max-w-\[1000px\] {
      max-width: 1000px;
    }
  }
  @media (width >= 64rem) {
    .lg\:translate-x-0 {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  @media (width >= 64rem) {
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .lg\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 64rem) {
    .lg\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 64rem) {
    .lg\:px-14 {
      padding-inline: calc(var(--spacing) * 14);
    }
  }
  @media (width >= 64rem) {
    .lg\:py-12 {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 64rem) {
    .lg\:text-\[32px\] {
      font-size: 32px;
    }
  }
  @media (width >= 64rem) {
    .lg\:font-bold {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&_\*\]\:h-full * {
    height: 100%;
  }
  .\[\&_\*\]\:w-full * {
    width: 100%;
  }
  .\[\&_img\]\:h-full img {
    height: 100%;
  }
  .\[\&_img\]\:w-full img {
    width: 100%;
  }
  .\[\&_img\]\:object-cover img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .\[\&_img\]\:object-center img {
    -o-object-position: center;
       object-position: center;
  }
}
.slide__content_body {
  position: relative;
  z-index: 2;
  margin-inline: auto;
  display: flex;
  height: 100%;
  max-width: 1560px;
  align-items: stretch;
  padding-inline: 50px;
  padding-bottom: 158px;
}
@media (width < 48rem) {
  .slide__content_body {
    width: 100%;
    max-width: 100%;
    padding-inline: calc(var(--spacing) * 4);
    padding-bottom: calc(var(--spacing) * 8);
  }
}
.slide__content_body_inner {
  display: flex;
  width: 55%;
  align-items: flex-end;
  padding-right: 5%;
}
@media (width < 48rem) {
  .slide__content_body_inner {
    width: 100%;
    padding-right: calc(var(--spacing) * 0);
  }
}
.slide__heading {
  font-size: 35px;
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
}
@media (width >= 48rem) {
  .slide__heading {
    font-size: 75px;
  }
}
.slide__text {
  margin-top: calc(var(--spacing) * 5);
  font-size: 18px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
@media (width >= 48rem) {
  .slide__text {
    font-size: 32px;
  }
}
.slide__content {
  width: 100%;
  padding-top: 40px;
}
.slide-wrapper img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.slide-wrapper {
  height: 174vw;
  min-height: 174vw;
}
@media (width >= 48rem) {
  .slide-wrapper {
    height: 45vw;
  }
}
@media (width >= 48rem) {
  .slide-wrapper {
    min-height: 45vw;
  }
}
.hero-wrapper {
  background-color: var(--color-blue-light);
  position: relative;
  width: 100%;
  overflow: hidden;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
@media (width >= 48rem) {
  .hero-wrapper {
    border-bottom-right-radius: 32px;
    border-bottom-left-radius: 32px;
  }
}
.hero-wrapper img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero__image-desktop, .hero__image-mobile {
  position: absolute;
  height: 100%;
  width: 100%;
}
.hero__content-body {
  position: relative;
  z-index: 2;
  margin-inline: auto;
  display: flex;
  max-width: 1560px;
  align-items: stretch;
  padding-inline: 50px;
  padding-bottom: 50px;
}
@media (width < 48rem) {
  .hero__content-body {
    width: 100%;
    max-width: 100%;
    padding-inline: calc(var(--spacing) * 4);
    padding-bottom: 32px;
  }
}
.hero__content-inner {
  display: flex;
  width: 55%;
  align-items: flex-end;
  padding-right: 5%;
}
@media (width < 48rem) {
  .hero__content-inner {
    width: 100%;
    padding-right: calc(var(--spacing) * 0);
  }
}
.hero__content {
  width: 100%;
  padding-top: calc(var(--distance-top) + 100px);
}
@media (width < 48rem) {
  .hero__content {
    padding-top: calc(var(--distance-top) + 56px);
  }
}
.hero__pretitle {
  margin-bottom: calc(var(--spacing) * 4);
  font-size: 14px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: 0.08em;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
@media (width >= 48rem) {
  .hero__pretitle {
    font-size: 16px;
  }
}
.hero__title {
  font-size: 35px;
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
}
@media (width >= 48rem) {
  .hero__title {
    font-size: 75px;
  }
}
.hero__subtitle {
  margin-top: calc(var(--spacing) * 5);
  font-size: 18px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
@media (width >= 48rem) {
  .hero__subtitle {
    font-size: 32px;
  }
}
.hero__bottom {
  margin-top: calc(var(--spacing) * 5);
}
.hero-promo {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
@media (width >= 48rem) {
  .hero-promo {
    border-bottom-right-radius: 32px;
    border-bottom-left-radius: 32px;
  }
}
.hero-promo {
  padding-top: calc(var(--distance-top) + 100px);
}
@media (width < 48rem) {
  .hero-promo {
    padding-top: calc(var(--distance-top) + 56px);
  }
}
.hero-promo__bg {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  height: 100%;
  width: 100%;
  background-image: var(--hero-promo-bg);
  background-size: cover;
  background-position: center;
  filter: blur(40px);
  transform: scale(1.1);
}
.hero-promo__bg::after {
  content: '';
  position: absolute;
  inset: calc(var(--spacing) * 0);
  background-color: color-mix(in srgb, #ffffff 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .hero-promo__bg::after {
    background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
  }
}
.hero-promo__image {
  position: relative;
  z-index: 2;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.hero-promo__image img {
  margin-inline: auto;
  display: block;
  height: auto;
  max-width: 100%;
  border-radius: 20px;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 48rem;
  filter: drop-shadow(0 8px 32px rgb(0 0 0 / 0.12));
}
.hero-promo__content-body {
  position: relative;
  z-index: 2;
  margin-inline: auto;
  display: flex;
  max-width: 1560px;
  align-items: stretch;
  padding-inline: 50px;
  padding-bottom: 50px;
}
@media (width < 48rem) {
  .hero-promo__content-body {
    width: 100%;
    max-width: 100%;
    padding-inline: calc(var(--spacing) * 4);
    padding-bottom: 32px;
  }
}
.hero-promo__content-inner {
  display: flex;
  width: 100%;
  align-items: flex-end;
}
.hero-promo__content {
  width: 100%;
}
.hero-promo__title {
  font-size: 42px;
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
}
@media (width < 64rem) {
  .hero-promo__title {
    font-size: 28px;
  }
}
@media (width < 48rem) {
  .hero-promo__title {
    font-size: 24px;
  }
}
.hero-cover {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
@media (width >= 48rem) {
  .hero-cover {
    border-bottom-right-radius: 32px;
    border-bottom-left-radius: 32px;
  }
}
.hero-cover {
  padding-top: calc(var(--distance-top) + 100px);
}
@media (width < 48rem) {
  .hero-cover {
    padding-top: calc(var(--distance-top) + 56px);
  }
}
.hero-cover__bg {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  height: 100%;
  width: 100%;
  background-image: var(--hero-cover-bg, var(--hero-cover-gradient, none));
  background-size: cover;
  background-position: center;
  background-color: var(--color-blue-light);
}
.hero-cover__content-body {
  position: relative;
  z-index: 2;
  margin-inline: auto;
  display: flex;
  max-width: 1560px;
  align-items: stretch;
  padding-inline: 50px;
  padding-bottom: 50px;
}
@media (width < 48rem) {
  .hero-cover__content-body {
    width: 100%;
    max-width: 100%;
    padding-inline: calc(var(--spacing) * 4);
    padding-bottom: 32px;
  }
}
.hero-cover__content-inner {
  display: flex;
  width: 100%;
  align-items: flex-end;
}
.hero-cover__content {
  width: 100%;
}
.hero-cover__title {
  font-size: 42px;
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
@media (width < 64rem) {
  .hero-cover__title {
    font-size: 28px;
  }
}
@media (width < 48rem) {
  .hero-cover__title {
    font-size: 24px;
  }
}
.hero-cover__top {
  margin-bottom: calc(var(--spacing) * 4);
  color: var(--color-white);
}
.hero-cover__bottom {
  margin-top: calc(var(--spacing) * 4);
  color: var(--color-white);
}
.promotion-teaser {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 4);
}
a.promotion-teaser {
  text-decoration-line: none;
}
.promotion-teaser__image {
  overflow: hidden;
  border-radius: 32px;
}
.promotion-teaser__image img {
  display: block;
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.promotion-teaser__title {
  font-size: 18px;
  --tw-leading: 1.2;
  line-height: 1.2;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-black);
}
@media (width >= 48rem) {
  .promotion-teaser__title {
    font-size: 20px;
  }
}
@media (width >= 64rem) {
  .promotion-teaser__title {
    font-size: 32px;
  }
}
@media (width >= 64rem) {
  .promotion-teaser__title {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
}
.promotion-teaser__text {
  font-size: 16px;
  --tw-leading: 1.45;
  line-height: 1.45;
  color: var(--color-gray);
}
@media (width >= 48rem) {
  .promotion-teaser__text {
    font-size: 18px;
  }
}
.text--gray {
  color: var(--color-gray);
}
.promo-cat-term {
  display: flex;
  min-height: 140px;
  min-width: 140px;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--spacing) * 3);
  text-align: center;
}
.promo-cat-term__icon-wrap {
  display: flex;
  min-height: 140px;
  min-width: 140px;
  justify-content: center;
  overflow: hidden;
  border-radius: 16px;
  background-color: #EDEBF2;
}
.promo-cat-term__icon-wrap img {
  height: 100px;
  width: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}
.promo-cat-term__label {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-black);
}
a.promo-cat-term {
  text-decoration-line: none;
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
a.promo-cat-term:hover {
  opacity: 80%;
}
.seo-text-collapse-wrapper {
  margin-inline: auto;
  margin-block: calc(var(--spacing) * 12);
  max-width: var(--breakpoint-xlp);
  padding-inline: calc(var(--spacing) * 2.5);
}
@media (width >= 64rem) {
  .seo-text-collapse-wrapper {
    margin-block: calc(var(--spacing) * 20);
  }
}
.seo-text-collapse {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media (min-width: 768px) {
  .seo-text-collapse {
    flex-direction: row;
    border: 1px solid var(--color-line, #D5D4D7);
    border-radius: 12px;
  }
}
.seo-text-collapse__left {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 1rem;
  flex: 0 0 auto;
}
@media (min-width: 768px) {
  .seo-text-collapse__left {
    padding: 1.5rem;
    border-right: 1px solid var(--color-line, #D5D4D7);
    flex: 0 0 38%;
    max-width: 38%;
  }
}
.seo-text-collapse__heading {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.25;
  color: var(--color-black, #2D2D2B);
}
@media (min-width: 768px) {
  .seo-text-collapse__heading {
    font-size: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .seo-text-collapse__heading {
    font-size: 2rem;
  }
}
.seo-text-collapse__image {
  display: none;
  margin-top: 0.5rem;
}
@media (min-width: 768px) {
  .seo-text-collapse__image {
    display: block;
  }
}
.seo-text-collapse__image img {
  max-width: 100px;
  height: auto;
  border-radius: 9999px;
}
.seo-text-collapse__right {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1 1 auto;
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .seo-text-collapse__right {
    padding: 1.5rem;
    flex: 1 1 62%;
    margin-top: 0;
  }
}
.seo-text-collapse__text-wrapper {
  position: relative;
  overflow: hidden;
  max-height: 175px;
  transition: max-height 0.4s ease;
}
.seo-text-collapse__text-wrapper.is-expanded {
  max-height: 9999px;
}
.seo-text-collapse__fade {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, transparent 0%, white 100%);
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.seo-text-collapse__text-wrapper.is-expanded .seo-text-collapse__fade {
  opacity: 0;
}
.seo-text-collapse__toggle {
  align-self: flex-start;
  color: var(--color-accent, #58306B);
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  background: transparent;
  border: 0;
  padding: 0;
  text-decoration: none;
  display: inline-block;
}
.seo-text-collapse__toggle:hover {
  text-decoration: underline;
}
.seo-text-collapse__toggle[hidden] {
  display: none !important;
}
.seo-text-collapse__text-inner p {
  font-size: 0.875rem;
  color: var(--color-black, #2D2D2B);
  line-height: 1.6;
  margin-bottom: 0.75rem;
}
.seo-text-collapse__text-inner p:last-child {
  margin-bottom: 0;
}
nav.tabs {
  margin-bottom: calc(var(--spacing) * 8);
}
.tabs.primary {
  margin: calc(var(--spacing) * 0);
  display: flex;
  list-style-type: none;
  flex-wrap: wrap;
  gap: calc(var(--spacing) * 1);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding: calc(var(--spacing) * 0);
}
.tabs.primary li {
  position: relative;
  margin-bottom: -1px;
}
.tabs.primary li a {
  display: inline-flex;
  align-items: center;
  border-top-left-radius: var(--radius-md);
  border-top-right-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: transparent;
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 2.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
  color: var(--color-gray);
  text-decoration-line: none;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 200ms;
  transition-duration: 200ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
.tabs.primary li a:hover {
  border-color: var(--color-line);
  background-color: var(--color-white);
  color: var(--color-violet);
}
.tabs.primary li.is-active a, .tabs.primary li a.is-active {
  border-color: var(--color-line);
  border-bottom-color: var(--color-white);
  background-color: var(--color-white);
  color: var(--color-violet);
  font-weight: 700;
}
.tabs.primary li a:focus-visible {
  border-top-left-radius: var(--radius-md);
  border-top-right-radius: var(--radius-md);
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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);
  --tw-ring-color: var(--color-violet);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-outline-style: none;
  outline-style: none;
}
.view-filters {
  margin-bottom: calc(var(--spacing) * 6);
}
@media (width >= 64rem) {
  .view-filters {
    margin-bottom: calc(var(--spacing) * 8);
  }
}
.view-more {
  z-index: 6;
  display: flex;
  height: calc(var(--spacing) * 10);
  align-items: center;
  gap: calc(var(--spacing) * 1);
  border-radius: calc(infinity * 1px);
  background-color: var(--color-gray-bg);
  padding-inline: calc(var(--spacing) * 5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.view-promo-categories-list-block-1 {
  margin-inline: auto;
  width: 100%;
  border-radius: var(--radius-2xl);
  background-color: var(--color-white);
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 4);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  max-width: 1460px;
}
.view-promo-categories-list-block-1__scroll {
  display: flex;
  flex-direction: row;
  gap: calc(var(--spacing) * 4);
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.view-promo-categories-list-block-1__scroll::-webkit-scrollbar {
  display: none;
}
.view-promo-categories-list-block-1__scroll .views-row {
  flex-shrink: 0;
}
.container-view-promo-categories-list-block-1 {
  position: relative;
}
.container-view-front-slide-slide {
  margin-bottom: calc(var(--spacing) * 5);
}
@media (width >= 64rem) {
  .container-view-front-slide-slide {
    margin-bottom: 100px;
  }
}
@media (width >= 64rem) {
  .container-view-front-slide-slide + .container-view-promo-categories-list-block-1 {
    margin-top: calc(190px * -1);
  }
}
.view-collection-list, .view-hits-products, .view-newproducts, .view-recommended-products-list, .view-discount-products, .view-related-products {
  margin-block: calc(var(--spacing) * 12);
}
@media (width >= 64rem) {
  .view-collection-list, .view-hits-products, .view-newproducts, .view-recommended-products-list, .view-discount-products, .view-related-products {
    margin-block: calc(var(--spacing) * 20);
  }
}
.view-collection-list .view-wrapper, .view-hits-products .view-wrapper, .view-newproducts .view-wrapper, .view-recommended-products-list .view-wrapper, .view-discount-products .view-wrapper, .view-related-products .view-wrapper {
  margin-inline: auto;
  max-width: var(--breakpoint-xlp);
  padding-inline: calc(var(--spacing) * 5);
}
.view-collection-list-list .view-content {
  display: grid;
  gap: calc(var(--spacing) * 5);
}
@media (width >= 48rem) {
  .view-collection-list-list .view-content {
    gap: calc(var(--spacing) * 8);
  }
}
@media (width >= 64rem) {
  .view-collection-list-list .view-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.view-promotion-list-list {
  margin-block: calc(var(--spacing) * 12);
}
@media (width >= 64rem) {
  .view-promotion-list-list {
    margin-block: calc(var(--spacing) * 20);
  }
}
.view-promotion-list-list .view-wrapper {
  margin-inline: auto;
  max-width: var(--breakpoint-xlp);
  padding-inline: calc(var(--spacing) * 5);
}
.view-promotion-list-list .view-content {
  display: grid;
  gap: calc(var(--spacing) * 5);
}
@media (width >= 48rem) {
  .view-promotion-list-list .view-content {
    gap: calc(var(--spacing) * 8);
  }
}
@media (width >= 64rem) {
  .view-promotion-list-list .view-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.view-promotion-list-front .view-heading {
  margin-inline: auto;
  max-width: var(--breakpoint-xlp);
  padding-inline: calc(var(--spacing) * 5);
}
.view-promotion-products-list {
  margin-block: calc(var(--spacing) * 12);
}
@media (width >= 64rem) {
  .view-promotion-products-list {
    margin-block: calc(var(--spacing) * 20);
  }
}
.view-promotion-products-list .view-wrapper {
  margin-inline: auto;
  max-width: var(--breakpoint-xlp);
  padding-inline: calc(var(--spacing) * 5);
}
.view-promotion-products-list .view-content {
  display: grid;
  gap: calc(var(--spacing) * 5);
}
@media (width >= 48rem) {
  .view-promotion-products-list .view-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (width >= 48rem) {
  .view-promotion-products-list .view-content {
    gap: calc(var(--spacing) * 8);
  }
}
@media (width >= 64rem) {
  .view-promotion-products-list .view-content {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.view-index-products {
  margin-block: calc(var(--spacing) * 12);
}
@media (width >= 64rem) {
  .view-index-products {
    margin-block: calc(var(--spacing) * 20);
  }
}
.view-index-products .view-wrapper {
  margin-inline: auto;
  max-width: var(--breakpoint-xlp);
  padding-inline: calc(var(--spacing) * 5);
}
.view-index-products .view-content {
  display: grid;
  gap: calc(var(--spacing) * 5);
}
@media (width >= 48rem) {
  .view-index-products .view-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (width >= 48rem) {
  .view-index-products .view-content {
    gap: calc(var(--spacing) * 8);
  }
}
@media (width >= 64rem) {
  .view-index-products .view-content {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
:root {
  --promo-bd: #9373c9;
}
.splide--optionset--front-slide {
  position: relative;
}
.splide--optionset--front-slide .splide__toggle {
  display: none;
}
.splide--optionset--front-slide .splide__slider {
  overflow: hidden;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
@media (width >= 48rem) {
  .splide--optionset--front-slide .splide__slider {
    border-bottom-right-radius: 32px;
    border-bottom-left-radius: 32px;
  }
}
.splide--optionset--front-slide .splide__pagination {
  position: absolute;
  right: auto;
  bottom: 120px;
  left: calc(1 / 2 * 100%);
  z-index: 5;
  margin: calc(var(--spacing) * 0);
  display: flex;
  width: auto;
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  list-style-type: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 2.5);
  border-radius: 42px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--promo-bd);
  background-color: rgba(17,17,17,0.01);
  padding: calc(var(--spacing) * 2);
  --tw-backdrop-blur: blur(10px);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  transition: border-color var(--trs, 0.2s ease);
}
@media (width < 48rem) {
  .splide--optionset--front-slide .splide__pagination {
    position: relative;
    bottom: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    --tw-backdrop-blur:  ;
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
}
.splide--optionset--front-slide .splide__pagination__page {
  display: block;
  height: calc(var(--spacing) * 1.5);
  width: calc(var(--spacing) * 1.5);
  cursor: pointer;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: var(--color-black);
  padding: calc(var(--spacing) * 0);
  opacity: 40%;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.splide--optionset--front-slide .splide__pagination__page.is-active {
  transform: none;
  background-color: var(--color-black);
  opacity: 100%;
}
.splide--optionset--front-slide .splide__pagination__page:hover {
  opacity: 75%;
}
.splide--optionset--product {
  overflow: hidden;
  border-radius: 20px;
}
.splide--optionset--product-thumb {
  margin-top: calc(var(--spacing) * 5);
}
.splide--optionset--product-thumb .splide__slide.is-active .slide__thumbnail img {
  border-radius: 10px;
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-violet);
}
.splide--optionset--collection .splide__arrows, .splide--optionset--promotion .splide__arrows, .splide--optionset--product-carousel .splide__arrows {
  position: absolute;
  top: -82px;
  left: calc(1 / 2 * 100%);
  z-index: 1;
  display: flex;
  width: 100%;
  max-width: 1480px;
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  justify-content: flex-end;
  gap: calc(var(--spacing) * 4);
}
.splide--optionset--collection .splide__arrows .splide__arrow, .splide--optionset--promotion .splide__arrows .splide__arrow, .splide--optionset--product-carousel .splide__arrows .splide__arrow {
  cursor: pointer;
  border-radius: 30px;
  background-color: var(--color-gray-arrow);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
@media (hover: hover) {
  .splide--optionset--collection .splide__arrows .splide__arrow:hover, .splide--optionset--promotion .splide__arrows .splide__arrow:hover, .splide--optionset--product-carousel .splide__arrows .splide__arrow:hover {
    background-color: var(--color-gray-arrow-hover);
  }
}
.splide--optionset--collection .splide__arrows .splide__arrow, .splide--optionset--promotion .splide__arrows .splide__arrow, .splide--optionset--product-carousel .splide__arrows .splide__arrow {
  background-image: url(/themes/custom/x/images/svg/ep_arrow-up-bold-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  height: 40px;
  width: 66px;
  z-index: 6;
}
.splide--optionset--collection .splide__arrows .splide__arrow--next, .splide--optionset--promotion .splide__arrows .splide__arrow--next, .splide--optionset--product-carousel .splide__arrows .splide__arrow--next {
  rotate: 180deg;
}
.splide--optionset--collection .splide__arrows .splide__arrow svg, .splide--optionset--promotion .splide__arrows .splide__arrow svg, .splide--optionset--product-carousel .splide__arrows .splide__arrow svg {
  display: none;
}
@media (width < 1025px) {
  .splide--optionset--product-carousel .splide__slide {
    width: min(315px, 100%) !important;
    max-width: 315px !important;
  }
}
.form-item {
  margin-bottom: calc(var(--spacing) * 5);
}
.form-item:last-child {
  margin-bottom: calc(var(--spacing) * 0);
}
.fieldset-wrapper > .form-item, .form-wrapper > .form-item {
  margin-bottom: calc(var(--spacing) * 5);
}
.fieldset-wrapper > .form-item:last-child {
  margin-bottom: calc(var(--spacing) * 0);
}
.form-item > label, .form-item > .label {
  margin-bottom: calc(var(--spacing) * 1.5);
  display: block;
  font-size: 14px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-black);
}
.form-item label.option {
  margin-bottom: calc(var(--spacing) * 0);
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
.form-required::after {
  content: '\00a0*';
  color: var(--color-violet);
}
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="reset"]):not([type="button"]):not([type="image"]):not([type="file"]):not([type="range"]):not([type="color"]), select, textarea {
  width: 100%;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  padding-inline: calc(var(--spacing) * 4);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-black);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 200ms;
  transition-duration: 200ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
  --tw-outline-style: none;
  outline-style: none;
  background-color: var(--color-gray-bg);
  border-radius: 12px;
  height: 3.5rem;
  padding-top: 0;
  padding-bottom: 0;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="reset"]):not([type="button"]):not([type="image"]):not([type="file"]):not([type="range"]):not([type="color"]):focus, select:focus, textarea:focus {
  border-color: var(--color-violet);
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, #58306B 15%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="reset"]):not([type="button"]):not([type="image"]):not([type="file"]):not([type="range"]):not([type="color"]):focus, select:focus, textarea:focus {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-violet) 15%, transparent);
  }
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: var(--color-gray);
  opacity: 100%;
}
input::placeholder, textarea::placeholder {
  color: var(--color-gray);
  opacity: 100%;
}
select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 24 24' stroke='%23D5D4D7' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
  background-color: var(--color-gray-bg);
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 16px 16px;
  cursor: pointer;
  padding-right: calc(var(--spacing) * 10);
}
select:focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 24 24' stroke='%2358306B' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
}
textarea {
  resize: vertical;
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  height: auto;
  min-height: 120px;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.form-textarea-wrapper {
  width: 100%;
}
.form-textarea-wrapper textarea {
  width: 100%;
}
form .form-managed-file, .image-widget-data {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 3);
}
input[type="file"] {
  width: 100%;
  cursor: pointer;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-black);
  --tw-outline-style: none;
  outline-style: none;
  min-height: 3.5rem;
  padding: 0.625rem;
  border: 1px dashed var(--color-line);
  border-radius: 12px;
  background-color: var(--color-gray-bg);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
input[type="file"]::file-selector-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.875rem;
  padding: 0.875rem 1rem;
  border: 0;
  border-radius: 10px;
  background-color: var(--color-violet);
  color: var(--color-white);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
input[type="file"]::-webkit-file-upload-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.875rem;
  padding: 0.875rem 1rem;
  border: 0;
  border-radius: 10px;
  background-color: var(--color-violet);
  color: var(--color-white);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
}
input[type="file"]:hover {
  border-color: color-mix(in srgb, #58306B 35%, #D5D4D7);
}
@supports (color: color-mix(in lab, red, red)) {
  input[type="file"]:hover {
    border-color: color-mix(in srgb, var(--color-violet) 35%, var(--color-line));
  }
}
input[type="file"]:hover {
  background-color: color-mix(in srgb, #F7F6F9 82%, white);
}
@supports (color: color-mix(in lab, red, red)) {
  input[type="file"]:hover {
    background-color: color-mix(in srgb, var(--color-gray-bg) 82%, white);
  }
}
input[type="file"]:hover::file-selector-button, input[type="file"]:hover::-webkit-file-upload-button {
  background-color: color-mix(in srgb, #58306B 82%, white);
}
@supports (color: color-mix(in lab, red, red)) {
  input[type="file"]:hover::file-selector-button, input[type="file"]:hover::-webkit-file-upload-button {
    background-color: color-mix(in srgb, var(--color-violet) 82%, white);
  }
}
input[type="file"]:focus-visible {
  border-color: var(--color-violet);
  box-shadow: 0 0 0 3px color-mix(in srgb, #58306B 15%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  input[type="file"]:focus-visible {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-violet) 15%, transparent);
  }
}
input[type="file"]::file-selector-button:focus-visible, input[type="file"]::-webkit-file-upload-button:focus-visible {
  outline: none;
}
.form-item--error input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="reset"]):not([type="button"]), .form-item--error select, .form-item--error textarea {
  border-color: #ef4444;
  box-shadow: 0 0 0 3px rgb(239 68 68 / 15%);
}
.form-item--error-message {
  margin-top: calc(var(--spacing) * 1.5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: #ef4444;
}
input:disabled:not([type="checkbox"]):not([type="radio"]), select:disabled, textarea:disabled {
  cursor: not-allowed;
  opacity: 50%;
}
.description {
  margin-top: calc(var(--spacing) * 1.5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  color: var(--color-gray);
}
fieldset.form-wrapper {
  margin-bottom: calc(var(--spacing) * 5);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  padding: calc(var(--spacing) * 5);
  border-radius: 12px;
}
fieldset.form-wrapper:last-child {
  margin-bottom: calc(var(--spacing) * 0);
}
fieldset.form-wrapper > legend {
  padding-inline: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-violet);
}
fieldset.checkout-pane.form-wrapper {
  margin-top: calc(var(--spacing) * 5);
  margin-bottom: calc(var(--spacing) * 0);
  border-style: var(--tw-border-style);
  border-width: 0px;
  padding: calc(var(--spacing) * 0);
  padding-bottom: calc(var(--spacing) * 5);
  padding-bottom: calc(var(--spacing) * 6);
}
@media (width >= 48rem) {
  fieldset.checkout-pane.form-wrapper {
    margin-top: calc(var(--spacing) * 10);
  }
}
@media (width >= 48rem) {
  fieldset.checkout-pane.form-wrapper {
    padding-right: calc(var(--spacing) * 16);
  }
}
@media (width >= 48rem) {
  fieldset.checkout-pane.form-wrapper {
    padding-bottom: calc(var(--spacing) * 10);
  }
}
fieldset.checkout-pane.form-wrapper {
  border-bottom: 1px solid var(--color-line);
  border-radius: 0;
}
fieldset.checkout-pane.form-wrapper > legend {
  padding-inline: calc(var(--spacing) * 0);
  font-size: 22px;
  --tw-leading: 1.2;
  line-height: 1.2;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
}
fieldset.checkout-pane.form-wrapper > .fieldset-wrapper {
  padding-top: 1.5rem;
}
fieldset.checkout-pane.form-wrapper input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="reset"]):not([type="button"]):not([type="image"]):not([type="file"]):not([type="range"]):not([type="color"]), fieldset.checkout-pane.form-wrapper select, fieldset.checkout-pane.form-wrapper textarea {
  background-color: #f3f1f4;
}
@media (width < 48rem) {
  fieldset.checkout-pane.form-wrapper > legend {
    font-size: 24px;
  }
}
.bef-exposed-form .form-item-search-api-fulltext {
  display: none;
}
details.bef-checkboxes {
  margin-bottom: calc(var(--spacing) * 5);
  position: relative;
}
details.bef-checkboxes:last-child {
  margin-bottom: calc(var(--spacing) * 0);
}
details.bef-checkboxes > summary {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--spacing) * 3);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-black);
  min-height: 3.5rem;
  padding: 0 1rem;
  border: 1px solid var(--color-line);
  border-radius: 12px;
  background-color: var(--color-gray-bg);
  transition: border-color 0.2s ease;
  list-style: none;
}
details.bef-checkboxes > summary:hover, details.bef-checkboxes > summary:focus-visible {
  border-color: var(--color-violet);
}
details.bef-checkboxes > summary::-webkit-details-marker {
  display: none;
}
.bef-checkboxes__arrow {
  width: 0.65rem;
  height: 0.65rem;
  flex-shrink: 0;
  border-right: 2px solid var(--color-gray);
  border-bottom: 2px solid var(--color-gray);
  transform: rotate(45deg);
  transition: transform 0.2s ease;
}
details.bef-checkboxes[open] > summary .bef-checkboxes__arrow {
  transform: rotate(-135deg);
}
.bef-checkboxes__panel {
  margin-top: calc(var(--spacing) * 2);
  padding: calc(var(--spacing) * 4);
  border: 1px solid var(--color-line);
  border-radius: 12px;
  background-color: var(--color-gray-bg);
}
.bef-checkboxes__panel > .form-checkboxes {
  max-height: 12.5rem;
  overflow-y: auto;
  scrollbar-gutter: stable;
}
.form-checkboxes > .form-item {
  margin-bottom: calc(var(--spacing) * 2);
}
.bef-checkboxes__actions {
  margin-top: calc(var(--spacing) * 4);
  display: flex;
  gap: calc(var(--spacing) * 2);
}
.bef-checkboxes__actions > * {
  flex: 1;
}
@media (min-width: 48rem) {
  .bef-checkboxes__panel {
    margin-top: 0;
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 0;
    z-index: 20;
    min-width: 16rem;
    max-height: min(60vh, 28rem);
    overflow: auto;
    box-shadow: 0 12px 30px rgb(0 0 0 / 12%);
  }
}
input[type="submit"], input[type="reset"], input[type="button"], button[type="submit"] {
  cursor: pointer;
}
.form-actions {
  margin-top: calc(var(--spacing) * 5);
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--spacing) * 3);
}
.view-index-products .view-filters[hidden] {
  display: none;
}
.view-index-products .view-filters {
  position: relative;
}
.view-index-products .view-filters__toggle, .view-index-products .view-filters__backdrop, .view-index-products .view-filters__sheet-header {
  display: none;
}
.view-index-products .view-filters form.views-exposed-form [data-drupal-selector="edit-actions"] {
  display: none;
}
@media (min-width: 64rem) {
  .view-index-products .view-filters form.views-exposed-form > .form--inline {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 1rem;
  }
  .view-index-products .view-filters .form-item--float {
    flex: 1 1 18rem;
    min-width: 18rem;
    margin-bottom: 0;
  }
  .view-index-products .view-filters details.bef-checkboxes {
    flex: 0 1 14rem;
    min-width: 12rem;
    margin-bottom: 0;
  }
  .view-index-products .view-filters .form-actions {
    margin-top: 0;
    flex-wrap: nowrap;
  }
}
@media (width < 64rem) {
  body.filters-overlay-open {
    overflow: hidden;
  }
  .view-index-products .view-filters__toggle {
    display: inline-flex;
    height: calc(var(--spacing) * 12);
    align-items: center;
    justify-content: center;
    padding-inline: calc(var(--spacing) * 5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    border-radius: 9999px;
    border: 1px solid var(--color-line);
    background-color: var(--color-white);
    color: var(--color-black);
  }
  .view-index-products .view-filters__backdrop {
    display: block;
    pointer-events: none;
    position: fixed;
    inset: 0;
    z-index: 109;
    opacity: 0;
    transition: opacity 0.25s ease;
    background-color: color-mix(in srgb, #2D2D2B 55%, transparent);
    backdrop-filter: blur(2px);
  }
  .view-index-products .view-filters__sheet {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 110;
    height: min(88vh, 56rem);
    border-top-left-radius: 1.75rem;
    border-top-right-radius: 1.75rem;
    padding: 0.75rem 1.5rem 1rem;
    overflow-y: auto;
    background-color: #f4f4f5;
    transform: translateY(100%);
    pointer-events: none;
    transition: transform 0.25s ease;
  }
  .view-index-products .view-filters.is-open .view-filters__backdrop {
    opacity: 1;
    pointer-events: auto;
  }
  .view-index-products .view-filters.is-open .view-filters__sheet {
    transform: translateY(0);
    pointer-events: auto;
  }
  .view-index-products .view-filters__sheet-header {
    position: sticky;
    top: 0;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    row-gap: 0.75rem;
    margin-inline: -1.5rem;
    margin-bottom: 0.5rem;
    padding: 0.25rem 1.5rem 0.75rem;
    background-color: #f4f4f5;
  }
  .view-index-products .view-filters__sheet-handle {
    grid-column: 1 / -1;
    justify-self: center;
    width: 4rem;
    height: 0.25rem;
    border-radius: 9999px;
    background-color: #fff;
  }
  .view-index-products .view-filters__sheet-title {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    margin: 0;
  }
  .view-index-products .view-filters__close {
    font-size: 0;
    border: 0;
    background: transparent;
    color: var(--color-violet);
    padding: 0.25rem 0;
    line-height: 1;
  }
  .view-index-products .view-filters__close::before {
    content: '\00d7';
    font-size: 1.75rem;
    font-weight: 400;
  }
  .view-index-products .view-filters form.views-exposed-form > .form--inline {
    display: block;
  }
  .view-index-products .view-filters .form-item--float {
    margin-bottom: 0.75rem;
  }
  .view-index-products .view-filters details.bef-checkboxes {
    margin-bottom: 0;
    border-bottom: 1px solid var(--color-line);
  }
  .view-index-products .view-filters details.bef-checkboxes > summary {
    min-height: 3.5rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-size: 1.25rem;
    font-weight: 500;
  }
  .view-index-products .view-filters .bef-checkboxes__arrow {
    width: 0.55rem;
    height: 0.55rem;
    border-right: 2px solid #9ca3af;
    border-bottom: 2px solid #9ca3af;
  }
  .view-index-products .view-filters .form-actions {
    position: sticky;
    bottom: -1rem;
    margin-top: 1rem;
    padding: 0.75rem 0 1rem;
    background: linear-gradient(to top, #f4f4f5 80%, rgb(244 244 245 / 0%));
  }
  .view-index-products .view-filters .bef-checkboxes__panel {
    position: static;
    margin-top: 0.5rem;
    min-width: 0;
    max-height: none;
    overflow: visible;
    box-shadow: none;
    border-radius: 0.75rem;
    background-color: #fff;
  }
}
.form-field-float {
  position: relative;
}
.form-field-float input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="reset"]):not([type="button"]):not([type="image"]):not([type="file"]):not([type="range"]):not([type="color"]) {
  padding-top: 1.375rem;
  padding-bottom: 0.375rem;
}
.form-field-float label {
  position: absolute;
  left: 1rem;
  top: 1.75rem;
  transform: translateY(-50%);
  font-size: 14px;
  font-weight: 400;
  color: var(--color-gray);
  pointer-events: none;
  transition: top 0.18s ease,
    transform 0.18s ease;
  white-space: nowrap;
  overflow: hidden;
  max-width: calc(100% - 2rem);
}
.form-field-float input:focus ~ label, .form-field-float input[placeholder]:not(:placeholder-shown) ~ label, .form-field-float input:-webkit-autofill ~ label, .form-field-float.has-value label {
  top: 0.55rem;
  transform: translateY(0);
}
.password-strength {
  margin-top: calc(var(--spacing) * 2);
}
:where(.password-strength > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
}
.password-strength__meter {
  height: calc(var(--spacing) * 1.5);
  width: 100%;
  overflow: hidden;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-line);
}
.password-strength__indicator {
  height: 100%;
  border-radius: calc(infinity * 1px);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
  background-color: var(--color-gray);
}
.password-strength__indicator.is-weak {
  background-color: #ef4444;
}
.password-strength__indicator.is-fair {
  background-color: #f97316;
}
.password-strength__indicator.is-good {
  background-color: #eab308;
}
.password-strength__indicator.is-strong {
  background-color: #22c55e;
}
.password-strength__title {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-gray);
}
.password-strength__text {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.password-strength__indicator.is-weak   ~ * .password-strength__text, .password-strength__text.is-weak {
  color: #ef4444;
}
.password-strength__indicator.is-fair   ~ * .password-strength__text, .password-strength__text.is-fair {
  color: #f97316;
}
.password-strength__indicator.is-good   ~ * .password-strength__text, .password-strength__text.is-good {
  color: #eab308;
}
.password-strength__indicator.is-strong ~ * .password-strength__text, .password-strength__text.is-strong {
  color: #22c55e;
}
.password-strength:has(.is-weak)   .password-strength__text {
  color: #ef4444;
}
.password-strength:has(.is-fair)   .password-strength__text {
  color: #f97316;
}
.password-strength:has(.is-good)   .password-strength__text {
  color: #eab308;
}
.password-strength:has(.is-strong) .password-strength__text {
  color: #22c55e;
}
.password-confirm-message {
  margin-top: calc(var(--spacing) * 2);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-gray);
}
.password-confirm-message span.ok {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: #22c55e;
}
.password-confirm-message span.error {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: #ef4444;
}
.password-suggestions {
  margin-top: calc(var(--spacing) * 3);
  padding: calc(var(--spacing) * 3);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  color: var(--color-gray);
  background-color: color-mix(in srgb, #58306B 6%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .password-suggestions {
    background-color: color-mix(in srgb, var(--color-violet) 6%, transparent);
  }
}
.password-suggestions {
  border: 1px solid color-mix(in srgb, #58306B 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .password-suggestions {
    border: 1px solid color-mix(in srgb, var(--color-violet) 20%, transparent);
  }
}
.password-suggestions {
  border-radius: 10px;
}
.password-suggestions ul {
  margin-top: calc(var(--spacing) * 1.5);
  list-style-type: disc;
}
:where(.password-suggestions ul > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
}
.password-suggestions ul {
  padding-left: calc(var(--spacing) * 4);
}
.password-suggestions li {
  color: var(--color-gray);
}
[data-drupal-selector="edit-user-picture-wrapper"] {
  margin-bottom: calc(var(--spacing) * 5);
}
.button {
  display: inline-flex;
  height: calc(var(--spacing) * 14);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-xl);
  --tw-border-style: none;
  border-style: none;
  padding-inline: calc(var(--spacing) * 5);
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  text-decoration-line: none;
  transition-property: background-color,color,box-shadow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 200ms;
  transition-duration: 200ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
  --tw-outline-style: none;
  outline-style: none;
}
.button--small {
  height: calc(var(--spacing) * 10);
  border-radius: var(--radius-lg);
  padding-inline: calc(var(--spacing) * 4);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.button--primary, button.form-submit, input[type="submit"].form-submit {
  background-color: var(--color-violet);
  color: var(--color-white);
}
.button--primary:hover, .button--primary:focus-visible, button.form-submit:hover, button.form-submit:focus-visible, input[type="submit"].form-submit:hover, input[type="submit"].form-submit:focus-visible {
  background-color: color-mix(in srgb, #58306B 75%, white);
}
@supports (color: color-mix(in lab, red, red)) {
  .button--primary:hover, .button--primary:focus-visible, button.form-submit:hover, button.form-submit:focus-visible, input[type="submit"].form-submit:hover, input[type="submit"].form-submit:focus-visible {
    background-color: color-mix(in srgb, var(--color-violet) 75%, white);
  }
}
.button--primary:hover, .button--primary:focus-visible, button.form-submit:hover, button.form-submit:focus-visible, input[type="submit"].form-submit:hover, input[type="submit"].form-submit:focus-visible {
  color: var(--color-white);
}
.button--secondary {
  background-color: var(--color-gray-bg);
  color: var(--color-black);
}
.button--secondary:hover, .button--secondary:focus-visible {
  background-color: color-mix(in srgb, #F7F6F9 80%, #2D2D2B);
}
@supports (color: color-mix(in lab, red, red)) {
  .button--secondary:hover, .button--secondary:focus-visible {
    background-color: color-mix(in srgb, var(--color-gray-bg) 80%, var(--color-black));
  }
}
.button--secondary:hover, .button--secondary:focus-visible {
  color: var(--color-black);
}
footer .block-menu .block-title {
  margin-bottom: calc(var(--spacing) * 2.5);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
footer .block-menu .menu {
  margin: calc(var(--spacing) * 0);
  list-style-type: none;
  padding: calc(var(--spacing) * 0);
}
footer .block-menu .menu .menu-item + .menu-item {
  margin-top: calc(var(--spacing) * 2.5);
}
footer .block-menu .menu .menu-item a {
  text-decoration-line: none;
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
.user-profile-menu {
  position: relative;
}
body.user-profile-menu-open {
  overflow: hidden;
}
.user-profile-menu__trigger {
  display: none;
  align-items: center;
  gap: calc(var(--spacing) * 3);
  border-radius: var(--radius-2xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: #e7ddee;
  background-color: #faf7fb;
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
.user-profile-menu__trigger img {
  height: calc(var(--spacing) * 5);
  width: calc(var(--spacing) * 5);
}
.user-profile-menu__trigger::after {
  content: '';
  margin-left: auto;
  height: calc(var(--spacing) * 4);
  width: calc(var(--spacing) * 4);
  flex-shrink: 0;
  rotate: 180deg;
  background-image: url('/themes/custom/x/images/svg/ep_arrow-up-bold.svg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 70%;
}
.user-profile-menu__trigger:hover {
  background-color: #f0ebf2;
}
.user-profile-menu__backdrop {
  display: none;
}
.user-profile-menu__sheet {
  display: block;
}
.user-profile-menu__header {
  margin-bottom: calc(var(--spacing) * 4);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.user-profile-menu__title {
  margin: calc(var(--spacing) * 0);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
}
.user-profile-menu__close {
  display: flex;
  height: calc(var(--spacing) * 10);
  width: calc(var(--spacing) * 10);
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  font-size: 34px;
  --tw-leading: 1;
  line-height: 1;
  color: #8d8d8d;
}
.user-profile-menu__list {
  margin: calc(var(--spacing) * 0);
  display: flex;
  list-style-type: none;
  flex-direction: column;
  gap: calc(var(--spacing) * 2);
  padding: calc(var(--spacing) * 0);
}
.user-profile-menu__item {
  list-style-type: none;
}
.user-profile-menu__link {
  display: flex;
  min-height: 58px;
  width: 100%;
  align-items: center;
  gap: calc(var(--spacing) * 4);
  overflow: hidden;
  border-radius: var(--radius-2xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: transparent;
  background-color: #faf7fb;
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3);
  font-size: 15px;
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
  text-decoration-line: none;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
.user-profile-menu__icon {
  display: flex;
  height: calc(var(--spacing) * 10);
  width: calc(var(--spacing) * 10);
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-white);
}
.user-profile-menu__icon img {
  height: calc(var(--spacing) * 5);
  width: calc(var(--spacing) * 5);
  -o-object-fit: contain;
     object-fit: contain;
}
.user-profile-menu__link:hover {
  background-color: #f0ebf2;
}
.user-profile-menu__link.is-active {
  border-color: #6a3a7f;
  background-color: #6a3a7f;
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  color: var(--color-white);
}
.user-profile-menu__link.is-active .user-profile-menu__icon {
  background-color: var(--color-white);
}
.user-profile-menu__link.is-active:hover {
  background-color: #6a3a7f;
}
.user-profile-menu__text {
  flex: 1;
}
@media (max-width: 1024px) {
  .user-profile-menu__trigger {
    display: flex;
    width: 100%;
  }
  .user-profile-menu__backdrop {
    pointer-events: none;
    visibility: hidden;
    position: fixed;
    inset: calc(var(--spacing) * 0);
    z-index: 40;
    display: block;
    background-color: color-mix(in srgb, #2D2D2B 80%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .user-profile-menu__backdrop {
      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }
  .user-profile-menu__backdrop {
    opacity: 0%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .user-profile-menu__sheet {
    pointer-events: none;
    visibility: hidden;
    position: fixed;
    bottom: calc(var(--spacing) * 0);
    left: calc(1 / 2 * 100%);
    z-index: 50;
    display: block;
    width: 100%;
    max-width: 420px;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-top-left-radius: 28px;
    border-top-right-radius: 28px;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 5);
    padding-top: calc(var(--spacing) * 4);
    padding-bottom: calc(var(--spacing) * 6);
    --tw-shadow: 0 -8px 32px var(--tw-shadow-color, rgba(0,0,0,0.12));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    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));
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .user-profile-menu.is-open .user-profile-menu__backdrop {
    pointer-events: auto;
    visibility: visible;
    opacity: 100%;
  }
  .user-profile-menu.is-open .user-profile-menu__sheet {
    pointer-events: auto;
    visibility: visible;
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
@media (min-width: 1025px) {
  .user-profile-menu__sheet {
    pointer-events: auto;
    visibility: visible;
    position: static;
    display: block;
    width: 100%;
    max-width: none;
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: 0;
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 0);
    padding-top: calc(var(--spacing) * 0);
    padding-bottom: calc(var(--spacing) * 0);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .user-profile-menu__backdrop {
    display: none;
  }
  .user-profile-menu__trigger {
    display: none;
  }
  .user-profile-menu__header {
    display: none;
  }
  .user-profile-menu__list {
    gap: calc(var(--spacing) * 3);
  }
  .user-profile-menu__link {
    min-height: 64px;
    background-color: #f7f4f8;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3);
  }
  .user-profile-menu__link:hover {
    background-color: #ece7ee;
  }
}
:root {
  --distance-top: 148px;
}
.block-page-title-block {
  margin-bottom: calc(var(--spacing) * 8);
  padding-inline: calc(var(--spacing) * 5);
}
.page-title {
  text-align: center;
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
  letter-spacing: -0.02em;
}
@media (min-width: 768px) {
  .page-title {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
}
h1, .h1 {
  font-size: 25px;
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
@media (width >= 48rem) {
  h1, .h1 {
    font-size: 32px;
  }
}
@media (width >= 64rem) {
  h1, .h1 {
    font-size: 42px;
  }
}
h1, .h1 {
  letter-spacing: -0.02em;
}
h2, .h2 {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
  letter-spacing: -0.015em;
}
h3, .h3 {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-black);
}
h4, .h4 {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: var(--leading-normal);
  line-height: var(--leading-normal);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-black);
}
h5, .h5 {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: var(--leading-normal);
  line-height: var(--leading-normal);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-black);
}
h6, .h6 {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: var(--leading-normal);
  line-height: var(--leading-normal);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
  color: var(--color-gray);
  text-transform: uppercase;
}
.user-register-form, .user-pass, .user-login-form {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing) * 10);
  max-width: var(--breakpoint-md);
  padding-inline: calc(var(--spacing) * 5);
}
@media (width >= 48rem) {
  .user-register-form, .user-pass, .user-login-form {
    margin-bottom: calc(var(--spacing) * 24);
  }
}
.user-register-form .button, .user-pass .button, .user-login-form .button {
  width: 100%;
}
.main-wrapper {
  padding-top: var(--distance-top);
}
.path-taxonomy main, .page-node-type-article main, .page-user-profile-layout main, .page-node-type-promotion main, .page-node-type-collection main, .page-node-type-page main {
  margin-top: calc(var(--distance-top) * -1);
}
.user-profile-layout--content {
  margin-inline: auto;
  display: flex;
  width: 100%;
  max-width: var(--breakpoint-xl);
  flex-direction: column;
  gap: calc(var(--spacing) * 6);
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 5);
}
@media (width >= 64rem) {
  .user-profile-layout--content {
    flex-direction: row;
  }
}
@media (width >= 64rem) {
  .user-profile-layout--content {
    padding-block: calc(var(--spacing) * 20);
  }
}
.user-profile-layout--sidebar {
  width: 100%;
}
@media (width >= 64rem) {
  .user-profile-layout--sidebar {
    width: 240px;
  }
}
@media (width >= 64rem) {
  .user-profile-layout--sidebar {
    max-width: 240px;
  }
}
@media (width >= 64rem) {
  .user-profile-layout--sidebar {
    flex: none;
  }
}
.user-profile-layout--body {
  min-width: calc(var(--spacing) * 0);
  flex: 1;
}
.user-full {
  margin-inline: auto;
  width: 100%;
  max-width: var(--breakpoint-xl);
}
.user-full__header {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 5);
  border-radius: var(--radius-3xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-white);
  padding: calc(var(--spacing) * 5);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
@media (width >= 48rem) {
  .user-full__header {
    flex-direction: row;
  }
}
@media (width >= 48rem) {
  .user-full__header {
    align-items: center;
  }
}
@media (width >= 48rem) {
  .user-full__header {
    gap: calc(var(--spacing) * 6);
  }
}
@media (width >= 48rem) {
  .user-full__header {
    padding: calc(var(--spacing) * 8);
  }
}
.user-full__avatar {
  display: flex;
  height: calc(var(--spacing) * 24);
  width: calc(var(--spacing) * 24);
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: calc(infinity * 1px);
  background-color: color-mix(in srgb, #58306B 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .user-full__avatar {
    background-color: color-mix(in oklab, var(--color-violet) 10%, transparent);
  }
}
.user-full__avatar {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-violet);
}
@media (width >= 48rem) {
  .user-full__avatar {
    height: calc(var(--spacing) * 28);
  }
}
@media (width >= 48rem) {
  .user-full__avatar {
    width: calc(var(--spacing) * 28);
  }
}
@media (width >= 48rem) {
  .user-full__avatar {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
}
.user-full__avatar img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.user-full__initials {
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}
.user-full__identity {
  min-width: calc(var(--spacing) * 0);
}
.user-full__name {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
}
@media (width >= 48rem) {
  .user-full__name {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
}
.user-full__phone {
  margin-top: calc(var(--spacing) * 3);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-gray);
}
@media (width >= 48rem) {
  .user-full__phone {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
}
.user-full__orders {
  margin-top: calc(var(--spacing) * 8);
}
.user-full__orders-heading {
  margin-bottom: calc(var(--spacing) * 4);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--spacing) * 4);
}
.user-full__orders-title {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
}
.user-full__orders-grid .view-commerce-user-orders {
  margin-inline: auto;
  width: 100%;
}
.user-full__orders-grid .view-commerce-user-orders .view-content {
  display: grid;
  gap: calc(var(--spacing) * 4);
}
@media (width >= 48rem) {
  .user-full__orders-grid .view-commerce-user-orders .view-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (width >= 91.25rem) {
  .user-full__orders-grid .view-commerce-user-orders .view-content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.user-full__orders-grid .view-commerce-user-orders .views-row {
  height: 100%;
}
.user-full__orders-grid .view-commerce-user-orders .views-row > * {
  height: 100%;
  border-radius: var(--radius-2xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-white);
  padding: calc(var(--spacing) * 5);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.main-search__back {
  pointer-events: none;
  position: fixed;
  inset: calc(var(--spacing) * 0);
  z-index: 40;
  background-color: color-mix(in srgb, #2D2D2B 45%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .main-search__back {
    background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
  }
}
.main-search__back {
  opacity: 0%;
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
html.main-search-open, body.main-search-open {
  overflow: hidden;
}
.main-search__back._show {
  pointer-events: auto;
  opacity: 100%;
}
.main-search {
  pointer-events: none;
  position: fixed;
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 45;
  --tw-translate-y: -100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
  opacity: 0%;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.main-search._show {
  --tw-translate-y: calc(var(--spacing) * 0);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  opacity: 100%;
}
.main-search__inner {
  margin-top: calc(var(--spacing) * 0);
  width: 100%;
  overflow: hidden;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  background-color: var(--color-white);
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.main-search__inner-content {
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  pointer-events: auto;
  width: min(100%, 1600px);
  height: 100vh;
}
.main-search__top, .main-search__body {
  padding: calc(var(--spacing) * 5);
}
.main-search__top {
  flex-shrink: 0;
}
.main-search__body {
  display: flex;
  min-height: calc(var(--spacing) * 0);
  flex: 1;
  flex-direction: column;
}
.main-search__form-heading {
  margin-bottom: calc(var(--spacing) * 4);
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.main-search__form {
  margin: calc(var(--spacing) * 0);
}
.main-search__form .form-item {
  margin-bottom: calc(var(--spacing) * 0);
}
.main-search__form-item {
  position: relative;
}
.main-search__form-input {
  padding-right: calc(var(--spacing) * 14);
}
.main-search__actions {
  display: none;
}
.main-search__catalog-results {
  min-height: calc(var(--spacing) * 0);
  flex: 1;
  overflow-y: auto;
  padding-right: calc(var(--spacing) * 1);
}
.main-search__status {
  padding-block: calc(var(--spacing) * 3);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-gray);
}
.main-search__catalog-results .main-search__card + .main-search__card {
  margin-top: calc(var(--spacing) * 5);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-violet);
  padding-top: calc(var(--spacing) * 5);
}
@media (width >= 48rem) {
  .main-search {
    padding-top: calc(var(--spacing) * 0);
    top: var(--drupal-displace-offset-top, 0px);
  }
  .main-search__inner {
    width: 100%;
  }
  .main-search__catalog-results {
    padding-right: calc(var(--spacing) * 5);
  }
  .main-search__inner-content {
    height: min(80vh, calc(100vh - var(--drupal-displace-offset-top, 0px)));
    display: grid;
    padding-top: var(--main-search-header-height, 0px);
    grid-template-columns: minmax(320px, 38%) minmax(0, 62%);
  }
  .main-search__inner {
    border-bottom-right-radius: 32px;
    border-bottom-left-radius: 32px;
  }
  .main-search__top, .main-search__body {
    min-height: 0;
  }
  .main-search__top {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-color: color-mix(in srgb, #58306B 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .main-search__top {
      border-color: color-mix(in oklab, var(--color-violet) 50%, transparent);
    }
  }
  .main-search__body {
    padding: calc(var(--spacing) * 6);
  }
}
@media (width < 48rem) {
  .main-search__back {
    z-index: 105;
  }
  .main-search {
    z-index: 110;
    top: var(--main-search-viewport-offset-top, 0px);
    bottom: auto;
    height: var(--main-search-viewport-height, 100dvh);
    display: flex;
    align-items: flex-end;
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .main-search._show {
    --tw-translate-y: 0%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .main-search__inner {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 24px;
    border-top-left-radius: 24px;
    height: min(80vh, var(--main-search-viewport-height, 100dvh));
    max-height: 100%;
    overflow-y: auto;
  }
  .main-search__inner-content {
    height: 100%;
  }
}
.main-catalog__back {
  pointer-events: none;
  position: fixed;
  inset: calc(var(--spacing) * 0);
  z-index: 40;
  background-color: color-mix(in srgb, #2D2D2B 45%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .main-catalog__back {
    background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
  }
}
.main-catalog__back {
  opacity: 0%;
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.main-catalog__back._show {
  pointer-events: auto;
  opacity: 100%;
}
body.main-catalog-open {
  overflow: hidden;
}
.main-catalog {
  pointer-events: none;
  position: fixed;
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 45;
  --tw-translate-y: -100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
  opacity: 0%;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  width: 100%;
}
.main-catalog._show {
  pointer-events: auto;
  --tw-translate-y: calc(var(--spacing) * 0);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  opacity: 100%;
}
.main-catalog__inner {
  width: 100%;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  background-color: var(--color-white);
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  padding-top: var(--main-catalog-header-height, 0px);
}
.main-catalog__inner-content {
  display: flex;
  flex-direction: column;
  width: min(100%, 1600px);
  margin-inline: auto;
  padding-inline: 1.25rem;
}
.main-catalog__sidebar {
  flex-shrink: 0;
  overflow-y: auto;
  max-height: calc(100vh - var(--main-catalog-header-height, 0px) - 2rem);
}
.main-catalog__sidebar .main-nav__top {
  padding-block: calc(var(--spacing) * 4);
}
.main-catalog__sidebar .main-nav__top-list {
  margin: calc(var(--spacing) * 0);
  display: flex;
  list-style-type: none;
  flex-direction: column;
  gap: calc(var(--spacing) * 1);
  padding: calc(var(--spacing) * 0);
}
.main-catalog__sidebar .main-nav__top-list-item {
  margin: calc(var(--spacing) * 0);
  padding: calc(var(--spacing) * 0);
}
.main-catalog__sidebar .main-nav__top-item {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 3);
  border-radius: var(--radius-xl);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2.5);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-black);
  text-decoration-line: none;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
.main-catalog__sidebar .main-nav__top-item:hover {
  background-color: var(--color-gray-bg);
  color: var(--color-violet);
}
.main-catalog__sidebar .main-nav__top-item._active {
  background-color: color-mix(in srgb, #58306B 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .main-catalog__sidebar .main-nav__top-item._active {
    background-color: color-mix(in oklab, var(--color-violet) 10%, transparent);
  }
}
.main-catalog__sidebar .main-nav__top-item._active {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-violet);
}
.main-catalog__sidebar .main-nav__top-item-icon {
  display: block;
  height: calc(var(--spacing) * 5);
  width: calc(var(--spacing) * 5);
  flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-catalog__sidebar .main-nav__top-item-arrow {
  margin-left: auto;
  display: block;
  height: calc(var(--spacing) * 4);
  width: calc(var(--spacing) * 4);
  flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-catalog__content {
  min-height: calc(var(--spacing) * 0);
  flex: 1;
  overflow-y: auto;
  padding-block: calc(var(--spacing) * 4);
}
@media (width >= 48rem) {
  .main-catalog {
    padding-top: calc(var(--spacing) * 0);
    top: var(--drupal-displace-offset-top, 0px);
  }
  .main-catalog__inner {
    border-bottom-right-radius: 32px;
    border-bottom-left-radius: 32px;
  }
  .main-catalog__inner-content {
    flex-direction: row;
    align-items: stretch;
    max-height: calc(80vh - var(--main-catalog-header-height, 0px));
  }
  .main-catalog__sidebar {
    width: clamp(260px, 28%, 340px);
    max-height: none;
    border-right: 1px solid color-mix(in oklab, #58306B 20%, transparent);
    padding-right: 0.5rem;
  }
  .main-catalog__content {
    flex: 1;
    padding-left: calc(var(--spacing) * 6);
  }
}
@media (width < 48rem) {
  .main-catalog__back {
    z-index: 45;
  }
  .main-catalog {
    z-index: 49;
    top: 0;
    bottom: 0;
    --main-catalog-admin-toolbar-offset: 0px;
    --main-catalog-mobile-bottom-offset: 64px;
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  body.toolbar-horizontal .main-catalog, body:has(#toolbar-administration) .main-catalog {
    --main-catalog-admin-toolbar-offset: 39px;
  }
  .main-catalog._show {
    --tw-translate-y: 0%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .main-catalog__inner {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 24px;
    border-top-left-radius: 24px;
    padding-top: calc(var(--main-catalog-header-height, 0px) + var(--main-catalog-admin-toolbar-offset, 0px) + 1rem);
    padding-bottom: calc(var(--main-catalog-mobile-bottom-offset, 6.5rem) + env(safe-area-inset-bottom, 0px));
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .main-catalog__inner-content {
    width: 100%;
    height: 100%;
    flex-direction: column;
    position: relative;
  }
  .main-catalog__sidebar {
    width: 100%;
    max-height: none;
    border-right: none;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    transition: transform 300ms ease-out;
    z-index: 10;
  }
  .main-catalog__sidebar .main-nav__top {
    padding-top: 0;
    margin-top: 0;
  }
  .main-catalog__sidebar._hidden {
    transform: translateX(-100%);
    pointer-events: none;
  }
  .main-catalog__content {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    padding-inline: 1.25rem;
    transition: transform 300ms ease-out;
    transform: translateX(100%);
    z-index: 11;
    overflow-y: auto;
  }
  .main-catalog__content._show {
    transform: translateX(0);
  }
}
.brands-panel {
  display: flex;
  height: 100%;
  flex-direction: column;
  gap: 0;
}
.brands-panel__header {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 4);
  padding-bottom: calc(var(--spacing) * 3);
  border-bottom: 1px solid #D5D4D7;
  flex-shrink: 0;
}
@media (width < 48rem) {
  .brands-panel__header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas: 'back title spacer'
      'search search search';
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
    row-gap: 0.75rem;
    align-items: center;
  }
}
.brands-panel__header::after {
  content: '';
  grid-area: spacer;
  width: 1.5rem;
  height: 1.5rem;
}
.brands-panel__title {
  margin: calc(var(--spacing) * 0);
  padding: calc(var(--spacing) * 0);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
  line-height: 1.2;
  flex: 1;
}
@media (width < 48rem) {
  .brands-panel__title {
    grid-area: title;
    justify-self: center;
    min-width: 0;
    text-align: center;
  }
}
.brands-panel__back {
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
  flex-shrink: 0;
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  padding: calc(var(--spacing) * 0);
  color: var(--color-black);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 150ms;
  transition-duration: 150ms;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (width < 48rem) {
  .brands-panel__back {
    grid-area: back;
    align-self: center;
  }
}
.brands-panel__back:hover {
  color: var(--color-violet);
}
@media (width < 48rem) {
  .brands-panel__back {
    display: flex;
  }
  .brands-panel__back[hidden] {
    display: none;
  }
}
@media (width >= 48rem) {
  .brands-panel__back {
    display: none;
  }
}
.brands-panel__search {
  position: relative;
  display: flex;
  max-width: var(--container-xs);
  flex: 1;
  align-items: center;
}
@media (width < 48rem) {
  .brands-panel__search {
    grid-area: search;
    flex-basis: 100%;
    max-width: none;
    width: 100%;
  }
}
.brands-panel__search-input {
  width: 100%;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-gray-bg);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-black);
}
.brands-panel__search-input::-moz-placeholder {
  color: var(--color-gray);
}
.brands-panel__search-input::placeholder {
  color: var(--color-gray);
}
.brands-panel__search-input {
  padding: 0.4rem 2.2rem 0.4rem 0.9rem;
  border: 1px solid #D5D4D7;
  outline: none;
  transition: border-color 150ms;
}
.brands-panel__search-input:focus {
  border-color: #58306B;
}
.brands-panel__search-icon {
  pointer-events: none;
  position: absolute;
  right: calc(var(--spacing) * 2.5);
  color: var(--color-gray);
  flex-shrink: 0;
}
.brands-panel__search-clear {
  position: absolute;
  right: calc(var(--spacing) * 2.5);
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  padding: calc(var(--spacing) * 0);
  color: var(--color-gray);
  display: flex;
  align-items: center;
  justify-content: center;
}
.brands-panel__search-clear:hover {
  color: var(--color-black);
}
.brands-panel__alphabet {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: calc(var(--spacing) * 0.5);
       column-gap: calc(var(--spacing) * 0.5);
  row-gap: calc(var(--spacing) * 0.5);
  padding-block: calc(var(--spacing) * 3);
  flex-shrink: 0;
  border-bottom: 1px solid #D5D4D7;
}
.brands-panel__alpha-btn {
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-gray);
  padding: 0.25rem 0.45rem;
  border-radius: 6px;
  transition: background-color 120ms, color 120ms;
  min-width: 28px;
  text-align: center;
}
.brands-panel__alpha-btn:hover {
  background-color: var(--color-gray-bg);
  color: var(--color-violet);
}
.brands-panel__alpha-btn._active {
  background-color: var(--color-violet);
  color: var(--color-white);
}
.brands-panel__sections {
  flex: 1;
  overflow-y: auto;
  padding-top: 0.75rem;
  padding-bottom: 1rem;
  scrollbar-width: thin;
  scrollbar-color: #DCDCDC transparent;
}
@media (width < 48rem) {
  .brands-panel__sections {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
}
@media (width >= 48rem) {
  .brands-panel__sections {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
  }
}
.brands-panel__section {
  margin-bottom: calc(var(--spacing) * 0);
}
@media (width < 48rem) {
  .brands-panel__section {
    width: 100%;
  }
}
.brands-panel__section + .brands-panel__section {
  margin-top: 0.5rem;
}
@media (width >= 48rem) {
  .brands-panel__section {
    display: flex;
    gap: 1.5rem;
    width: 100%;
  }
}
.brands-panel__section-heading {
  margin: calc(var(--spacing) * 0);
  margin-bottom: calc(var(--spacing) * 1.5);
  padding: calc(var(--spacing) * 0);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #F0F0F0;
}
@media (width >= 48rem) {
  .brands-panel__section-heading {
    padding: 0;
    border: none;
    font-size: 1.125rem;
    font-weight: 600;
    min-width: 40px;
    flex-shrink: 0;
  }
}
.brands-panel__list {
  margin: calc(var(--spacing) * 0);
  list-style-type: none;
  padding: calc(var(--spacing) * 0);
  display: flex;
  flex-wrap: wrap;
  gap: 0.125rem 0;
  flex: 1;
}
@media (width < 48rem) {
  .brands-panel__list {
    flex-direction: column;
    gap: 0.75rem;
  }
}
@media (width >= 48rem) {
  .brands-panel__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
    flex: 1;
  }
}
@media (width >= 90rem) {
  .brands-panel__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.brands-panel__item {
  margin: calc(var(--spacing) * 0);
  padding: calc(var(--spacing) * 0);
  width: 33.333%;
}
@media (width < 48rem) {
  .brands-panel__item {
    width: 100%;
  }
}
.brands-panel__item + .brands-panel__item {
  margin-top: 0.25rem;
}
@media (width >= 90rem) {
  .brands-panel__item {
    width: 25%;
  }
}
@media (width >= 48rem) {
  .brands-panel__item {
    width: 100%;
  }
}
.brands-panel__link {
  display: block;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-black);
  text-decoration-line: none;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
  transition: background-color 120ms, color 120ms;
}
.brands-panel__link:hover {
  background-color: var(--color-gray-bg);
  color: var(--color-violet);
}
.brands-panel__no-results {
  margin: calc(var(--spacing) * 0);
  padding-block: calc(var(--spacing) * 8);
  text-align: center;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-gray);
}
@media (width >= 48rem) {
  .catalog-panel__sections {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem 2.5rem;
  }
}
.catalog-panel__sections .brands-panel__section {
  margin-bottom: 0;
}
@media (width >= 48rem) {
  .catalog-panel__sections .brands-panel__section {
    display: block;
    width: auto;
  }
}
.catalog-panel__sections .brands-panel__section-heading {
  margin-bottom: 0.75rem;
  padding-bottom: 0;
  border: none;
  min-width: 0;
}
.catalog-panel__sections .brands-panel__section-heading .brands-panel__link {
  padding: calc(var(--spacing) * 0);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
  border-radius: 0;
}
.catalog-panel__sections .brands-panel__section-heading .brands-panel__link:hover {
  background: transparent;
  color: var(--color-black);
}
.catalog-panel__sections .brands-panel__list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (width >= 48rem) {
  .catalog-panel__sections .brands-panel__list {
    display: flex;
  }
}
.catalog-panel__sections .brands-panel__item {
  width: 100%;
}
.catalog-panel__sections .brands-panel__item .brands-panel__link {
  padding: calc(var(--spacing) * 0);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-black);
  border-radius: 0;
}
.catalog-panel__sections .brands-panel__item .brands-panel__link:hover {
  background: transparent;
  color: var(--color-violet);
}
.catalog-term-children {
  margin-top: calc(var(--spacing) * 4);
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--spacing) * 2);
}
.catalog-term-children__item {
  margin: calc(var(--spacing) * 0);
}
.catalog-term-children__item a {
  display: block;
  border-radius: 10px;
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-black);
  text-decoration-line: none;
  background-color: rgb(255 255 255 / 20%);
  transition: background-color 150ms ease, color 150ms ease;
}
.catalog-term-children__item a:hover {
  color: var(--color-violet);
  background-color: #fff;
}
.catalog-term-children-mobile {
  margin-top: calc(var(--spacing) * 2);
}
.catalog-term-children-mobile summary {
  list-style: none;
}
.catalog-term-children-mobile summary::-webkit-details-marker {
  display: none;
}
.catalog-term-children-mobile__summary {
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-violet);
}
.catalog-term-children-mobile__arrow {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: 1;
  line-height: 1;
}
.catalog-term-children-mobile__backdrop, .catalog-term-children-mobile__panel {
  display: none;
}
.catalog-term-children-mobile[open] .catalog-term-children-mobile__backdrop {
  display: block;
  position: fixed;
  inset: 0;
  background-color: rgb(0 0 0 / 45%);
  z-index: 100;
}
.catalog-term-children-mobile[open] .catalog-term-children-mobile__panel {
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background: #fff;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  padding: 1.25rem 1rem 1.5rem;
  max-height: min(70vh, 560px);
  overflow-y: auto;
}
.catalog-term-children-mobile__title {
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-black);
}
.catalog-term-children-mobile__list {
  display: flex;
  flex-direction: column;
}
.catalog-term-children-mobile__item a {
  display: block;
  padding-block: calc(var(--spacing) * 2);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-black);
  text-decoration-line: none;
}
@media (width < 48rem) {
  .catalog-term-children--desktop {
    display: none;
  }
}
@media (width >= 48rem) {
  .catalog-term-children-mobile {
    display: none;
  }
}
.breadcrumb {
  margin-inline: auto;
  margin-block: calc(var(--spacing) * 5);
  max-width: var(--breakpoint-xlp);
}
.breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: calc(var(--spacing) * 1);
  list-style: none;
  margin: 0;
  padding: 0;
}
.breadcrumb li {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.4;
}
.breadcrumb li + li::before {
  content: '/';
  margin-inline: calc(var(--spacing) * 1.5);
  color: var(--color-black);
  font-size: 14px;
}
.breadcrumb a {
  color: var(--color-black);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
@media (hover: hover) {
  .breadcrumb a:hover {
    color: var(--color-violet);
  }
}
.breadcrumb a {
  font-size: 14px;
  text-decoration: none;
}
.breadcrumb li:last-child {
  color: var(--color-black);
  font-size: 14px;
}
.product-full {
  padding-inline: calc(var(--spacing) * 5);
}
.product-full .field-field-components .field__label {
  margin-bottom: calc(var(--spacing) * 8);
  font-size: 32px;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.product-full .field-field-components .field__items {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--spacing) * 5);
}
.product-full .field-field-components .field__items > .field__item {
  width: 100px;
  flex-shrink: 0;
}
.product-full .field-field-components .vocabulary-components {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  text-align: center;
}
.product-full .field-field-components .field-field-image {
  height: 100px;
  width: 100px;
  flex-shrink: 0;
}
.product-full .field-field-components .field-field-image img {
  height: 100%;
  width: 100%;
  border-radius: 16px;
  -o-object-fit: contain;
     object-fit: contain;
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.product-full .field-field-components .field-name {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}
.product-full-layout-top {
  margin-inline: auto;
  max-width: var(--breakpoint-xl);
  gap: calc(var(--spacing) * 8);
  display: flex;
  flex-direction: column;
}
.product-full-layout-top-right {
  order: 1;
}
.product-full-layout-top-left {
  order: 2;
}
@media (width >= 64rem) {
  .product-full-layout-top {
    flex-direction: row;
  }
  .product-full-layout-top-left {
    order: 0;
    flex: 0 0 700px;
  }
  .product-full-layout-top-right {
    order: 0;
  }
}
.product-full-buy {
  border-radius: var(--radius-2xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-border);
  padding: calc(var(--spacing) * 8);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.product-tabs {
  margin-top: calc(var(--spacing) * 8);
}
.product-tabs__nav-wrap {
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.product-tabs__nav-wrap::-webkit-scrollbar {
  display: none;
}
.product-tabs__nav {
  margin: calc(var(--spacing) * 0);
  display: flex;
  list-style-type: none;
  gap: calc(var(--spacing) * 2);
  padding: calc(var(--spacing) * 0);
  white-space: nowrap;
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
}
.product-tabs__nav-item {
  flex: none;
}
.product-tabs__btn {
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  padding-inline: calc(var(--spacing) * 5);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-gray);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 200ms;
  transition-duration: 200ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
  min-height: 40px;
  border-radius: 100px;
  white-space: nowrap;
  outline: none;
}
.product-tabs__btn:hover {
  background-color: var(--color-violet);
  color: var(--color-white);
}
.product-tabs__btn.is-active {
  background-color: var(--color-violet);
  color: var(--color-white);
  font-weight: 700;
}
.product-tabs__btn:focus-visible {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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);
  --tw-ring-color: var(--color-violet);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  border-radius: 10px;
}
.product-tabs__panels {
  padding-top: calc(var(--spacing) * 5);
}
.product-tabs__panel {
  display: none;
}
.product-tabs__panel.is-active {
  display: block;
}
.product-tabs__panel-inner {
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.product-characteristics {
  display: flex;
  flex-direction: column;
}
.product-characteristics__row {
  display: grid;
  align-items: center;
  gap: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3);
  grid-template-columns: max-content minmax(0, 1fr) minmax(8rem, 20rem);
}
.product-characteristics__label, .product-characteristics__value {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: calc(var(--spacing) * 6);
  line-height: calc(var(--spacing) * 6);
  color: #2f2f2f;
}
.product-characteristics__label {
  white-space: nowrap;
}
.product-characteristics__separator {
  height: 1px;
  width: 100%;
  background-color: var(--color-line);
}
.product-characteristics__value {
  overflow-wrap: break-word;
}
.product-tabs__show-more {
  margin-top: calc(var(--spacing) * 4);
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing) * 1);
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  padding: calc(var(--spacing) * 0);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-violet);
}
.product-tabs__show-more::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid var(--color-violet);
  transition: transform 0.2s ease;
  flex-shrink: 0;
}
.product-tabs__show-more.is-expanded::after {
  transform: rotate(180deg);
}
.product-tabs__show-more:focus-visible {
  border-radius: var(--radius-sm);
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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);
  --tw-ring-color: var(--color-violet);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-outline-style: none;
  outline-style: none;
}
.product-teaser-badges {
  position: absolute;
  top: calc(var(--spacing) * 2);
  left: calc(var(--spacing) * 2);
  z-index: 10;
  margin: calc(var(--spacing) * 0);
  display: flex;
  list-style-type: none;
  flex-direction: column;
  gap: calc(var(--spacing) * 1);
  padding: calc(var(--spacing) * 0);
}
.product-teaser-badge {
  display: inline-flex;
  min-height: 23px;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 0.5);
  font-size: 12px;
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
}
.product-teaser-badge--discount {
  background-color: #EEC142;
  color: var(--color-black);
}
.product-teaser-badge--hit {
  background-color: #51A6F5;
  color: var(--color-white);
}
.product-teaser-badge--new {
  background-color: var(--color-violet);
  color: var(--color-white);
}
.product-teaser-badge--promotion {
  background-color: #8B5CF6;
  color: var(--color-white);
}
.product-teaser {
  position: relative;
  max-width: 400px;
}
:where(.product-teaser > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
}
.product-teaser .field-field-images {
  overflow: hidden;
  border-radius: 16px;
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
@media (min-width: 768px) {
  .product-teaser .field-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    min-height: calc(3 * 1.5em);
  }
}
.product-teaser .price-discount-add-card-icon {
  display: block;
}
.product-teaser .price-discount-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: calc(var(--spacing) * 1.5);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-accent);
}
.product-teaser .price-discount-wrapper .price-discount-prices {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: calc(var(--spacing) * 1.5);
}
.product-teaser .price-discount-wrapper .price-calculated {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-accent);
}
.product-teaser .price-discount-wrapper .price-original {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-accent);
}
.product-teaser .price-discount-wrapper.no-discount {
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, #58306B 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .product-teaser .price-discount-wrapper.no-discount {
    border-color: color-mix(in oklab, var(--color-accent) 20%, transparent);
  }
}
.product-teaser .price-discount-wrapper.no-discount {
  background-color: #F1ECF7;
  padding-inline: 18px;
  padding-block: calc(var(--spacing) * 2);
}
.product-teaser .price-discount-wrapper.has-discount {
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, #58306B 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .product-teaser .price-discount-wrapper.has-discount {
    border-color: color-mix(in oklab, var(--color-accent) 20%, transparent);
  }
}
.product-teaser .price-discount-wrapper.has-discount {
  background-color: #FBF1DC;
  padding-block: calc(var(--spacing) * 0);
  padding-right: calc(var(--spacing) * 0);
  padding-left: 18px;
}
.product-teaser .price-discount-wrapper.has-discount .price-discount-badge {
  margin-left: auto;
  height: 36px;
  padding-inline: 18px;
  color: var(--color-accent);
}
.product-search {
  position: relative;
  display: flex;
  gap: calc(var(--spacing) * 8);
}
.product-search .field-field-images {
  height: 100px;
  width: 100px;
  flex-shrink: 0;
}
.product-search .field-field-images img {
  height: 100%;
  width: 100%;
  border-radius: 16px;
  -o-object-fit: contain;
     object-fit: contain;
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.product-search .field-title {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.product-search-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: calc(var(--spacing) * 2);
}
.price-discount-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 1.5);
  border-radius: var(--radius-xl);
  transition: background-color 0.25s ease, transform 0.25s ease;
}
.price-discount-wrapper.is-adding-to-cart {
  animation: price-discount-loading 0.9s ease-in-out infinite;
}
.price-discount-wrapper.is-cart-updated {
  animation: price-discount-updated 0.6s ease-out;
}
.price-discount-add-card-icon {
  display: none;
}
.price-discount-prices {
  display: flex;
  flex-direction: column;
}
.price-calculated {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.price-original {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-gray);
  text-decoration-line: line-through;
}
.price-discount-badge {
  display: inline-flex;
  height: calc(var(--spacing) * 11);
  width: calc(var(--spacing) * 11);
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-yellow);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
}
.product-full-buy .price-calculated {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
@media (width >= 48rem) {
  .product-full-buy .price-calculated {
    font-size: 28px;
  }
}
.product-full-buy .price-original {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
@media (width >= 48rem) {
  .product-full-buy .price-original {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
}
.product-full-buy .price-discount-badge {
  padding-inline: calc(var(--spacing) * 2);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
@keyframes price-discount-loading {
  0%, 100% {
    background-color: rgba(250, 214, 27, 0.08);
  }
  50% {
    background-color: rgba(250, 214, 27, 0.22);
  }
}
@keyframes price-discount-updated {
  0% {
    background-color: rgba(250, 214, 27, 0.25);
    transform: scale(1);
  }
  50% {
    background-color: rgba(250, 214, 27, 0.4);
    transform: scale(1.03);
  }
  100% {
    background-color: transparent;
    transform: scale(1);
  }
}
.text-formatted {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  color: var(--color-black);
}
.text-formatted p {
  margin-bottom: calc(var(--spacing) * 4);
}
.text-formatted p:last-child {
  margin-bottom: calc(var(--spacing) * 0);
}
.text-formatted h2 {
  margin-top: calc(var(--spacing) * 8);
  margin-bottom: calc(var(--spacing) * 3);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
}
.text-formatted h2:first-child {
  margin-top: calc(var(--spacing) * 0);
}
.text-formatted h3 {
  margin-top: calc(var(--spacing) * 6);
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
}
.text-formatted h3:first-child {
  margin-top: calc(var(--spacing) * 0);
}
.text-formatted h4 {
  margin-top: calc(var(--spacing) * 5);
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-black);
}
.text-formatted h4:first-child {
  margin-top: calc(var(--spacing) * 0);
}
.text-formatted h5 {
  margin-top: calc(var(--spacing) * 4);
  margin-bottom: calc(var(--spacing) * 1);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-black);
}
.text-formatted h5:first-child {
  margin-top: calc(var(--spacing) * 0);
}
.text-formatted h6 {
  margin-top: calc(var(--spacing) * 4);
  margin-bottom: calc(var(--spacing) * 1);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-gray);
}
.text-formatted h6:first-child {
  margin-top: calc(var(--spacing) * 0);
}
.text-formatted ul {
  margin-bottom: calc(var(--spacing) * 4);
  list-style-type: disc;
}
:where(.text-formatted ul > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
}
.text-formatted ul {
  padding-left: calc(var(--spacing) * 5);
}
.text-formatted ul:last-child {
  margin-bottom: calc(var(--spacing) * 0);
}
.text-formatted ol {
  margin-bottom: calc(var(--spacing) * 4);
  list-style-type: decimal;
}
:where(.text-formatted ol > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
}
.text-formatted ol {
  padding-left: calc(var(--spacing) * 5);
}
.text-formatted ol:last-child {
  margin-bottom: calc(var(--spacing) * 0);
}
.text-formatted li {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}
.text-formatted li ul, .text-formatted li ol {
  margin-top: calc(var(--spacing) * 1);
  margin-bottom: calc(var(--spacing) * 0);
}
.text-formatted blockquote {
  margin-block: calc(var(--spacing) * 5);
  margin-left: calc(var(--spacing) * 0);
  border-left-style: var(--tw-border-style);
  border-left-width: 4px;
  border-color: var(--color-violet);
  padding-left: calc(var(--spacing) * 4);
  color: var(--color-gray);
  font-style: italic;
}
.text-formatted blockquote p {
  margin-bottom: calc(var(--spacing) * 0);
}
.text-formatted hr {
  margin-block: calc(var(--spacing) * 6);
  border-style: var(--tw-border-style);
  border-width: 0px;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-line);
}
.text-formatted strong, .text-formatted b {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.text-formatted em, .text-formatted i {
  font-style: italic;
}
.text-formatted a {
  color: var(--color-violet);
  text-decoration-line: underline;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
.text-formatted a:hover {
  opacity: 75%;
}
.text-formatted code {
  border-radius: 0.25rem;
  background-color: var(--color-gray-bg);
  padding-inline: calc(var(--spacing) * 1);
  padding-block: calc(var(--spacing) * 0.5);
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-formatted pre {
  margin-bottom: calc(var(--spacing) * 4);
  overflow-x: auto;
  border-radius: var(--radius-lg);
  background-color: var(--color-gray-bg);
  padding: calc(var(--spacing) * 4);
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-formatted pre code {
  background-color: transparent;
  padding: calc(var(--spacing) * 0);
}
.text-formatted table {
  margin-bottom: calc(var(--spacing) * 4);
  width: 100%;
  border-collapse: collapse;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-formatted th {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-gray-bg);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  text-align: left;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.text-formatted td {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
}
.text-formatted tr:last-child td {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0px;
}
.text-formatted img {
  height: auto;
  max-width: 100%;
  border-radius: 0.25rem;
}
#header {
  position: fixed;
  left: calc(var(--spacing) * 0);
  z-index: 50;
  width: 100%;
  top: var(--drupal-displace-offset-top, 0);
}
#header .region-header {
  margin-inline: auto;
  max-width: 1920px;
  padding-inline: calc(var(--spacing) * 5);
}
#header .header-content {
  margin-top: calc(var(--spacing) * 5);
  border-radius: var(--radius-2xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, #58306B 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  #header .header-content {
    border-color: color-mix(in oklab, var(--color-violet) 50%, transparent);
  }
}
#header .header-content {
  transition: border-radius 0.3s ease, background-color 0.3s ease;
}
#header .header-content .header-top {
  height: 70px;
  display: grid;
  align-items: center;
  padding-inline: calc(var(--spacing) * 5);
  grid-template-columns: 1fr auto 1fr;
}
#header .header-content .header-top .x-header-catalog-toggle {
  justify-self: start;
  cursor: pointer;
}
#header .header-content .header-top .x-header-catalog-toggle > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 2);
  border-radius: calc(infinity * 1px);
  background-color: var(--color-yellow);
  padding-inline: calc(var(--spacing) * 5);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  height: 36px;
}
#header .header-content .header-top .x-header__logo {
  justify-self: center;
}
#header .header-content .header-top .x-header-right {
  justify-self: end;
  display: flex;
  align-items: center;
}
#header .header-content .header-top .x-header-right .x-header-menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: calc(var(--spacing) * 3);
}
#header .header-content .header-top .x-header-right .x-header-menu .x-header-cart-link {
  position: relative;
  display: inline-flex;
  transition: transform 0.2s ease;
}
#header .header-content .header-top .x-header-right .x-header-menu .x-header-cart-link.is-cart-updated {
  animation: cart-link-updated 0.6s ease-out;
}
#header .header-content .header-top .x-header-right .x-header-menu .x-header-cart-badge {
  position: absolute;
  top: calc(var(--spacing) * -2);
  right: calc(var(--spacing) * -2);
  display: flex;
  height: 18px;
  min-width: 18px;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-yellow);
  padding-inline: calc(var(--spacing) * 1);
  font-size: 11px;
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-black);
  transform-origin: center;
}
#header .header-content .header-top .x-header-right .x-header-menu .x-header-cart-badge.is-cart-updated {
  animation: cart-badge-pop 0.6s ease-out;
}
@media (width < 48rem) {
  #header .header-content .header-top {
    position: relative;
  }
  #header .header-content .header-top .x-header-catalog-toggle, #header .header-content .header-top .x-header-right {
    visibility: hidden;
  }
  #header .header-content .header-top .x-header__logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}
#header .header-content .header_bottom {
  padding-inline: calc(var(--spacing) * 5);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: color-mix(in srgb, #58306B 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  #header .header-content .header_bottom {
    border-color: color-mix(in oklab, var(--color-violet) 50%, transparent);
  }
}
#header .header-content .header_bottom {
  display: none;
  align-items: center;
  justify-content: center;
  overflow-x: auto;
  overflow-y: hidden;
}
@media (width >= 48rem) {
  #header .header-content .header_bottom {
    display: flex;
  }
}
#header .header-content .header_bottom {
  height: 52px;
  transition: max-height 0.3s ease, opacity 0.3s ease;
  opacity: 1;
}
#header .header-content .header_bottom nav, #header .header-content .header_bottom .menu--catalog {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}
#header .header-content .header_bottom ul.menu {
  display: flex;
  flex-wrap: nowrap;
  gap: calc(var(--spacing) * 5);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2);
}
@media (width >= 64rem) {
  #header .header-content .header_bottom ul.menu {
    gap: calc(var(--spacing) * 8);
  }
}
#header .header-content .header_bottom ul.menu {
  list-style: none;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
#header .header-content .header_bottom a {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  white-space: nowrap;
  font-size: 16px;
}
#header .header-content._fixed {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: color-mix(in srgb, #58306B 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  #header .header-content._fixed {
    border-color: color-mix(in oklab, var(--color-violet) 50%, transparent);
  }
}
#header .header-content._fixed {
  background-color: var(--color-white);
}
#header .header-content._fixed .header_bottom {
  max-height: 0;
  opacity: 0;
  pointer-events: none;
}
#header_mobile {
  position: fixed;
  right: calc(var(--spacing) * 4);
  bottom: calc(var(--spacing) * 4);
  left: calc(var(--spacing) * 4);
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-radius: var(--radius-2xl);
  background-color: var(--color-white);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
@media (width >= 48rem) {
  #header_mobile {
    display: none;
  }
}
#header_mobile a {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}
#header_mobile a img {
  display: block;
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
  -o-object-fit: contain;
     object-fit: contain;
}
@keyframes cart-link-updated {
  0% {
    transform: scale(1);
    filter: drop-shadow(0 0 0 rgba(250, 214, 27, 0.2));
  }
  50% {
    transform: scale(1.08);
    filter: drop-shadow(0 0 8px rgba(250, 214, 27, 0.45));
  }
  100% {
    transform: scale(1);
    filter: drop-shadow(0 0 0 rgba(250, 214, 27, 0));
  }
}
@keyframes cart-badge-pop {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}
.path-cart main {
  margin-inline: auto;
  max-width: 1460px;
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 8);
}
.view-commerce-cart-form .views-form > form {
  display: grid;
  align-items: flex-start;
  -moz-column-gap: calc(var(--spacing) * 6);
       column-gap: calc(var(--spacing) * 6);
  grid-template-columns: minmax(0, 1fr) 340px;
}
#edit-checkout {
  margin-bottom: calc(var(--spacing) * 4);
  display: flex;
  height: calc(var(--spacing) * 14);
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: var(--color-violet);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-white);
  transition: background-color 0.2s ease;
}
#edit-checkout:hover, #edit-checkout:focus-visible {
  background-color: color-mix(in srgb, #58306B 80%, white);
}
@supports (color: color-mix(in lab, red, red)) {
  #edit-checkout:hover, #edit-checkout:focus-visible {
    background-color: color-mix(in srgb, var(--color-violet) 80%, white);
  }
}
.view-commerce-cart-form [data-drupal-selector="order-total-summary"] {
  grid-column-start: 2;
  grid-row-start: 1;
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-white);
  padding-inline: calc(var(--spacing) * 5);
  padding-top: calc(var(--spacing) * 4);
  padding-bottom: calc(var(--spacing) * 5);
}
.view-commerce-cart-form .order-total-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: calc(var(--spacing) * 1.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-gray);
}
.view-commerce-cart-form .order-total-line__subtotal .order-total-line-label {
  color: var(--color-gray);
}
.view-commerce-cart-form .order-total-line__total {
  margin-top: calc(var(--spacing) * 2);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-line);
  padding-top: calc(var(--spacing) * 3);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
}
.view-commerce-cart-form .order-total-line__total .order-total-line-label, .view-commerce-cart-form .order-total-line__total .order-total-line-value {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
}
.view-commerce-cart-form [data-drupal-selector="edit-actions"] {
  grid-column-start: 2;
  grid-row-start: 2;
}
.cart-items {
  grid-column-start: 1;
  grid-row: span 2 / span 2;
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 3);
}
.cart-item-row {
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-white);
  padding: calc(var(--spacing) * 4);
}
.cart-item-inner {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 4);
}
.cart-item-entity {
  min-width: calc(var(--spacing) * 0);
  flex: 1;
}
.cart-product {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 4);
}
.cart-product-img-link {
  display: block;
  height: calc(var(--spacing) * 20);
  width: calc(var(--spacing) * 20);
  flex-shrink: 0;
  overflow: hidden;
  border-radius: var(--radius-xl);
  background-color: var(--color-gray-bg);
}
.cart-product-img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.cart-product-img--empty {
  height: 100%;
  width: 100%;
  background-color: var(--color-gray-bg);
}
.cart-product-info {
  display: flex;
  min-width: calc(var(--spacing) * 0);
  flex-direction: column;
  gap: calc(var(--spacing) * 1);
}
.cart-product-category {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-leading: 1.2;
  line-height: 1.2;
  color: var(--color-gray);
}
.cart-product-category-sep {
  margin: 0 2px;
}
.cart-product-title {
  overflow: hidden;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: 1.35;
  line-height: 1.35;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-black);
  text-decoration-line: none;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cart-product-title:hover {
  color: var(--color-violet);
}
.cart-item-price {
  flex-shrink: 0;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  white-space: nowrap;
  color: var(--color-gray);
}
.cart-item-qty {
  flex-shrink: 0;
}
.cart-item-qty .form-item {
  margin-bottom: calc(var(--spacing) * 0);
}
.cart-item-qty label.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
}
.cart-item-qty .form-field-float {
  position: static;
}
.cart-item-qty .form-field-float input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="reset"]):not([type="button"]):not([type="image"]):not([type="file"]):not([type="range"]):not([type="color"]) {
  display: none !important;
}
.cart-qty-widget {
  display: inline-flex;
  height: calc(var(--spacing) * 10);
  align-items: center;
  gap: calc(var(--spacing) * 1.5);
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-white);
  padding-inline: calc(var(--spacing) * 2.5);
}
.cart-qty-btn {
  display: flex;
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
  flex-shrink: 0;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  padding: calc(var(--spacing) * 0);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-black);
  transition: color 0.15s;
}
.cart-qty-btn:hover {
  color: var(--color-violet);
}
.cart-qty-value {
  min-width: calc(var(--spacing) * 6);
  text-align: center;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-black);
}
.cart-item-total {
  flex-shrink: 0;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  white-space: nowrap;
  color: var(--color-black);
}
.cart-item-actions {
  margin-top: calc(var(--spacing) * 3);
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-border);
  padding-top: calc(var(--spacing) * 3);
}
.cart-action-btn {
  display: flex;
  height: calc(var(--spacing) * 9);
  width: calc(var(--spacing) * 9);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  padding: calc(var(--spacing) * 0);
  color: var(--color-gray);
  transition: color 0.15s;
}
.cart-action-btn:hover {
  color: var(--color-violet);
}
.cart-action-remove input.delete-order-item {
  height: calc(var(--spacing) * 9);
  width: calc(var(--spacing) * 9);
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  padding: calc(var(--spacing) * 0);
  color: transparent;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24' stroke='%23878787' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16'/%3E%3C/svg%3E") center / 20px no-repeat;
  cursor: pointer;
  min-height: 0;
  transition: background-image 0.15s;
}
.cart-action-remove input.delete-order-item:hover {
  background-color: color-mix(in srgb, #58306B 8%, white);
}
@supports (color: color-mix(in lab, red, red)) {
  .cart-action-remove input.delete-order-item:hover {
    background-color: color-mix(in srgb, var(--color-violet) 8%, white);
  }
}
.cart-action-remove input.delete-order-item:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24' stroke='%2358306B' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16'/%3E%3C/svg%3E");
}
@media (max-width: 899px) {
  .view-commerce-cart-form .views-form > form {
    grid-template-columns: 1fr;
    gap: 16px 0;
  }
  .cart-items {
    grid-column-start: 1;
    grid-row-start: 1;
  }
  .view-commerce-cart-form [data-drupal-selector="order-total-summary"] {
    grid-column-start: 1;
    grid-row-start: 2;
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }
  .view-commerce-cart-form [data-drupal-selector="edit-actions"] {
    grid-column-start: 1;
    grid-row-start: 3;
  }
}
.cart-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 48px 24px 64px;
  max-width: 480px;
  margin: 0 auto;
}
.cart-empty__icon {
  width: 160px;
  height: 160px;
  margin-bottom: 24px;
}
.cart-empty__icon svg {
  width: 100%;
  height: 100%;
}
.cart-empty__title {
  font-size: 1.625rem;
  font-weight: 700;
  color: var(--color-black);
  margin: 0 0 12px;
  line-height: 1.2;
}
.cart-empty__subtitle {
  font-size: 0.9375rem;
  color: var(--color-gray);
  line-height: 1.55;
  margin: 0 0 32px;
  max-width: 320px;
}
.cart-empty__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}
.cart-empty__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3.25rem;
  padding: 0 28px;
  border-radius: 12px;
  font-size: 0.9375rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
  white-space: nowrap;
}
.cart-empty__btn--primary {
  background-color: var(--color-violet);
  color: white;
}
.cart-empty__btn--primary:hover, .cart-empty__btn--primary:focus-visible {
  background-color: color-mix(in srgb, #58306B 80%, white);
}
@supports (color: color-mix(in lab, red, red)) {
  .cart-empty__btn--primary:hover, .cart-empty__btn--primary:focus-visible {
    background-color: color-mix(in srgb, var(--color-violet) 80%, white);
  }
}
.cart-empty__btn--primary:hover, .cart-empty__btn--primary:focus-visible {
  color: white;
}
.cart-empty__btn--secondary {
  background-color: var(--color-gray-bg);
  color: var(--color-black);
}
.cart-empty__btn--secondary:hover, .cart-empty__btn--secondary:focus-visible {
  background-color: color-mix(in srgb, #F7F6F9 80%, #2D2D2B);
}
@supports (color: color-mix(in lab, red, red)) {
  .cart-empty__btn--secondary:hover, .cart-empty__btn--secondary:focus-visible {
    background-color: color-mix(in srgb, var(--color-gray-bg) 80%, var(--color-black));
  }
}
.cart-empty__btn--secondary:hover, .cart-empty__btn--secondary:focus-visible {
  color: var(--color-black);
}
.layout-region-checkout-secondary-wrapper {
  border-radius: var(--radius-xl);
  padding: calc(var(--spacing) * 5);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
@media (width >= 48rem) {
  .layout-region-checkout-secondary-wrapper {
    padding: calc(var(--spacing) * 12);
  }
}
.layout-checkout-form--complete {
  margin-inline: auto;
  max-width: var(--container-md);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 5);
}
@media (width >= 48rem) {
  .layout-checkout-form--complete {
    padding-block: calc(var(--spacing) * 16);
  }
}
.layout-checkout-form {
  display: grid;
  gap: calc(var(--spacing) * 8);
}
@media (width >= 48rem) {
  .layout-checkout-form {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (width >= 48rem) {
  .layout-checkout-form {
    gap: calc(var(--spacing) * 16);
  }
}
.layout-checkout-form {
  margin-inline: auto;
  max-width: var(--breakpoint-xlp);
  padding-inline: calc(var(--spacing) * 5);
}
.layout-checkout-form .layout-region {
  padding-block: calc(var(--spacing) * 5);
}
@media (width >= 48rem) {
  .layout-checkout-form .layout-region {
    padding-block: calc(var(--spacing) * 16);
  }
}
@media (width >= 48rem) {
  .layout-checkout-form .layout-region-checkout-main {
    grid-column: span 2 / span 2;
  }
}
@media (width >= 48rem) {
  .layout-checkout-form .layout-region-checkout-main {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
}
@media (width >= 48rem) {
  .layout-checkout-form .layout-region-checkout-main {
    border-color: var(--color-line);
  }
}
.layout-checkout-form-summary {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-bottom: calc(var(--spacing) * 5);
  font-size: 20px;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.layout-checkout-form [data-drupal-selector="order-total-summary"] {
  margin-top: calc(var(--spacing) * 5);
}
.layout-checkout-form [data-drupal-selector="order-total-summary"] .order-total-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: calc(var(--spacing) * 2);
}
.layout-checkout-form [data-drupal-selector="order-total-summary"] .order-total-line__total {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.layout-checkout-form [data-drupal-selector="order-total-summary"] .order-total-line__total .order-total-line-value {
  font-size: 20px;
}
@media (width >= 48rem) {
  .layout-checkout-form .address-container-inline {
    display: flex;
  }
}
@media (width >= 48rem) {
  :where(.layout-checkout-form .address-container-inline > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)));
  }
}
.layout-checkout-form .address-container-inline .form-item {
  margin-bottom: calc(var(--spacing) * 5);
}
.layout-checkout-form .address-container-inline > div {
  flex: 1;
}
.layout-checkout-form .checkout-review-edit-link {
  display: none;
}
.layout-checkout-form[data-checkout-step="review"] .layout-region-checkout-main {
  padding-right: calc(var(--spacing) * 5);
}
@media (width >= 48rem) {
  .layout-checkout-form[data-checkout-step="review"] .layout-region-checkout-main {
    padding-right: calc(var(--spacing) * 16);
  }
}
.layout-checkout-form[data-checkout-step="review"] .layout-region-checkout-main > h1 {
  margin-bottom: calc(var(--spacing) * 5);
}
@media (width >= 48rem) {
  .layout-checkout-form[data-checkout-step="review"] .layout-region-checkout-main > h1 {
    margin-bottom: calc(var(--spacing) * 12);
  }
}
.layout-checkout-form[data-checkout-step="review"] [data-drupal-selector="edit-review-shipping-information"] .fieldset-wrapper > * + * {
  margin-top: calc(var(--spacing) * 4);
}
.layout-checkout-form[data-checkout-step="review"] [data-drupal-selector="edit-review-shipping-information"] .field-shipping-method {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
}
.layout-checkout-form[data-checkout-step="review"] [data-drupal-selector="edit-review-shipping-information"] .field-shipping-method .field__label {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.order-item-checkout-summary {
  display: flex;
  align-items: center;
}
:where(.order-item-checkout-summary > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)));
}
.order-item-checkout-summary {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  padding-block: calc(var(--spacing) * 5);
}
.order-item-checkout-summary-image {
  max-width: 72px;
}
.order-item-checkout-summary-image img {
  border-radius: 0.25rem;
}
.order-item-checkout-summary-details {
  flex: 1;
  font-size: 14px;
}
.order-item-checkout-summary-details-title {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.order-item-checkout-summary-details-info {
  margin-top: calc(var(--spacing) * 2);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
[data-drupal-selector="edit-shipping-information-shipping-profile"] {
  margin-bottom: calc(var(--spacing) * 5);
}
[data-drupal-selector="edit-shipping-information-shipping-profile"].form-wrapper .form-item {
  margin-bottom: calc(var(--spacing) * 5);
}
[data-drupal-selector="edit-shipping-information-recalculate-shipping"] {
  margin-bottom: calc(var(--spacing) * 5);
}
[data-drupal-selector="edit-shipping-information-shipping-profile"], [data-drupal-selector="edit-payment-information-billing-information"] {
  margin-top: calc(var(--spacing) * 5);
  display: grid;
  gap: calc(var(--spacing) * 4);
  grid-template-columns: 1fr;
}
[data-drupal-selector="edit-shipping-information-shipping-profile"] [data-drupal-selector="edit-shipping-information-shipping-profile-rendered"], [data-drupal-selector="edit-shipping-information-shipping-profile"] [data-drupal-selector="edit-payment-information-billing-information-rendered"], [data-drupal-selector="edit-payment-information-billing-information"] [data-drupal-selector="edit-shipping-information-shipping-profile-rendered"], [data-drupal-selector="edit-payment-information-billing-information"] [data-drupal-selector="edit-payment-information-billing-information-rendered"] {
  margin: 0;
}
@media (width >= 48rem) {
  [data-drupal-selector="edit-shipping-information-shipping-profile"], [data-drupal-selector="edit-payment-information-billing-information"] {
    grid-template-columns: 1fr auto;
    align-items: center;
  }
  [data-drupal-selector="edit-payment-information-billing-information-copy-fields"] {
    grid-column: 1 / -1;
  }
  [data-drupal-selector="edit-shipping-information-shipping-profile-edit-button"], [data-drupal-selector="edit-payment-information-billing-information"] .address-book-edit-button {
    justify-self: end;
  }
}
[data-drupal-selector="edit-payment-information-billing-information-copy-fields"] + [data-drupal-selector="edit-payment-information-billing-information-address-wrapper"] {
  margin-top: calc(var(--spacing) * 5);
}
.checkout-complete {
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  padding: calc(var(--spacing) * 5);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
@media (width >= 48rem) {
  .checkout-complete {
    padding: calc(var(--spacing) * 12);
  }
}
.checkout-complete {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background-color: var(--color-white);
}
.checkout-complete__icon-wrap {
  margin-bottom: calc(var(--spacing) * 6);
  display: flex;
  justify-content: center;
}
.checkout-complete__icon {
  margin-inline: auto;
  -o-object-fit: contain;
     object-fit: contain;
  width: 4rem;
  height: 4rem;
}
.checkout-complete__body {
  width: 100%;
}
.checkout-complete__body .checkout-complete--order-id {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
  color: #2f2f2f;
}
.checkout-complete__body p {
  margin-top: 1rem;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  color: #8c8c8c;
}
.checkout-complete__body .checkout-complete--order-id + p {
  margin-top: 1.25rem;
}
.checkout-complete__home {
  margin-top: calc(var(--spacing) * 8);
  width: 100%;
  justify-content: center;
}
.checkout-complete__payment-instructions {
  margin-top: calc(var(--spacing) * 8);
  width: 100%;
  text-align: left;
}
.checkout-complete__payment-instructions h2 {
  margin-bottom: calc(var(--spacing) * 3);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: #2f2f2f;
}
.order-user {
  display: block;
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-white);
}
.order-user + .order-user {
  margin-top: calc(var(--spacing) * 3);
}
.order-user__summary {
  display: grid;
  cursor: pointer;
  list-style-type: none;
  align-items: center;
  gap: calc(var(--spacing) * 4);
  padding: calc(var(--spacing) * 4);
  grid-template-columns: minmax(0, 1fr) auto auto 16px;
}
.order-user__summary::-webkit-details-marker {
  display: none;
}
.order-user__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  -moz-column-gap: calc(var(--spacing) * 3);
       column-gap: calc(var(--spacing) * 3);
  row-gap: calc(var(--spacing) * 1);
}
.order-user__number {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.order-user__date {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-gray);
}
.order-user__status {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--spacing) * 1);
  border-radius: calc(infinity * 1px);
  background-color: #ecf9f2;
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 1);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: #06a561;
}
.order-user__status-dot {
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  border-radius: calc(infinity * 1px);
  background-color: #06a561;
}
.order-user__amount {
  text-align: right;
}
.order-user__amount-label {
  display: block;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-gray);
}
.order-user__amount-value {
  display: block;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.order-user__preview {
  display: none;
  align-items: center;
  gap: calc(var(--spacing) * 2);
}
@media (width >= 48rem) {
  .order-user__preview {
    display: flex;
  }
}
.order-user__preview-item, .order-user__item-image {
  display: flex;
  height: calc(var(--spacing) * 12);
  width: calc(var(--spacing) * 12);
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-white);
}
.order-user__preview-item img, .order-user__item-image img {
  max-height: calc(var(--spacing) * 10);
  max-width: calc(var(--spacing) * 10);
  -o-object-fit: contain;
     object-fit: contain;
}
.order-user__preview-more {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-gray);
}
.order-user__toggle {
  height: calc(var(--spacing) * 4);
  width: calc(var(--spacing) * 4);
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-line);
  transform: rotate(45deg);
  transition: transform .2s ease;
}
.order-user[open] {
  border-color: #612f84;
}
.order-user[open] .order-user__toggle {
  transform: rotate(-135deg);
}
.order-user__body {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-line);
  padding: calc(var(--spacing) * 4);
}
:where(.order-user__items > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
}
.order-user__item {
  display: flex;
  gap: calc(var(--spacing) * 3);
}
.order-user__item-content {
  min-width: calc(var(--spacing) * 0);
  flex: 1;
}
.order-user__item-title {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.order-user__item-sku {
  margin-top: calc(var(--spacing) * 1);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-gray);
}
.order-user__item-price-row {
  margin-top: calc(var(--spacing) * 2);
  display: grid;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  grid-template-columns: minmax(0, 1fr) auto auto;
}
.order-user__item-list-price {
  margin-left: calc(var(--spacing) * 2);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-gray);
  text-decoration-line: line-through;
}
.order-user__item-qty {
  color: var(--color-gray);
}
.order-user__item-total {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.order-user__footer {
  margin-top: calc(var(--spacing) * 4);
  display: grid;
  gap: calc(var(--spacing) * 3);
  grid-template-columns: 1fr;
}
.order-user__info, .order-user__totals {
  border-radius: var(--radius-lg);
  background-color: #f6f2fb;
  padding: calc(var(--spacing) * 4);
}
.order-user__totals .order-total-line {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.order-user__totals .order-total-line-value {
  text-align: right;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.order-user__totals .order-total-line__total {
  margin-top: calc(var(--spacing) * 1);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-line);
  padding-top: calc(var(--spacing) * 2);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.order-user__totals .order-total-line__total .order-total-line-value {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  color: #d72d60;
}
.order-user__line {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.order-user__line strong {
  text-align: right;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.order-user__line--total {
  margin-top: calc(var(--spacing) * 1);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-line);
  padding-top: calc(var(--spacing) * 2);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.order-user__line--total strong {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  color: #d72d60;
}
.order-user__info-grid {
  margin-top: calc(var(--spacing) * 3);
  display: grid;
  gap: calc(var(--spacing) * 3);
  grid-template-columns: 1fr;
}
.order-user__info-card {
  border-radius: var(--radius-lg);
  background-color: var(--color-white);
  padding: calc(var(--spacing) * 3);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.order-user__info-card .field__label {
  margin-bottom: calc(var(--spacing) * 2);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.order-user__mail {
  margin-top: calc(var(--spacing) * 2);
}
@media (width < 48rem) {
  .order-user__summary {
    grid-template-columns: minmax(0, 1fr) auto 16px;
  }
  .order-user__amount {
    grid-column: 2;
    grid-row: 1;
  }
}
@media (width >= 64rem) {
  .order-user__info-grid {
    grid-template-columns: 1fr 1fr;
  }
  .order-user__footer {
    grid-template-columns: 1fr 320px;
  }
}
.node-promotion-teaser-cover {
  position: relative;
  left: calc(1 / 2 * 100%);
  width: 100vw;
  max-width: none;
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  padding-inline: calc(var(--spacing) * 5);
}
@media (width >= 64rem) {
  .node-promotion-teaser-cover {
    left: auto;
  }
}
@media (width >= 64rem) {
  .node-promotion-teaser-cover {
    margin-inline: auto;
  }
}
@media (width >= 64rem) {
  .node-promotion-teaser-cover {
    width: 100%;
  }
}
@media (width >= 64rem) {
  .node-promotion-teaser-cover {
    max-width: 1000px;
  }
}
@media (width >= 64rem) {
  .node-promotion-teaser-cover {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
@media (width >= 64rem) {
  .node-promotion-teaser-cover {
    padding-inline: calc(var(--spacing) * 0);
  }
}
.node-promotion-teaser-cover .promo-cover__card {
  position: relative;
  overflow: hidden;
  border-radius: 32px;
  background-color: #f3f1f4;
}
.node-promotion-teaser-cover .promo-cover__media-wrapper {
  position: relative;
  min-height: 420px;
}
@media (width >= 64rem) {
  .node-promotion-teaser-cover .promo-cover__media-wrapper {
    min-height: 610px;
  }
}
.node-promotion-teaser-cover .promo-cover__bg {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  z-index: 0;
}
.node-promotion-teaser-cover .promo-cover__image-wrap {
  height: 100%;
  width: 100%;
}
.node-promotion-teaser-cover .promo-cover__image-wrap .field, .node-promotion-teaser-cover .promo-cover__image-wrap .field__item, .node-promotion-teaser-cover .promo-cover__image-wrap .field--name-field-image, .node-promotion-teaser-cover .promo-cover__image-wrap .field-field-image {
  height: 100%;
  width: 100%;
}
.node-promotion-teaser-cover .promo-cover__image-wrap img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.node-promotion-teaser-cover .promo-cover__gradient {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  z-index: 10;
  background: linear-gradient(90deg, rgba(248, 247, 247, 0.96) 0%, rgba(243, 241, 244, 0.55) 48%, rgba(243, 241, 244, 0) 70%);
}
.node-promotion-teaser-cover .promo-cover__panel-wrap {
  pointer-events: none;
  position: absolute;
  inset: calc(var(--spacing) * 0);
  z-index: 20;
  display: flex;
  align-items: flex-start;
}
.node-promotion-teaser-cover .promo-cover__panel {
  pointer-events: auto;
  max-width: 560px;
  padding-inline: calc(var(--spacing) * 8);
  padding-block: calc(var(--spacing) * 10);
}
@media (width >= 64rem) {
  .node-promotion-teaser-cover .promo-cover__panel {
    padding-inline: calc(var(--spacing) * 14);
  }
}
@media (width >= 64rem) {
  .node-promotion-teaser-cover .promo-cover__panel {
    padding-block: calc(var(--spacing) * 12);
  }
}
@media (width >= 64rem) {
  .node-promotion-teaser-cover .promo-cover__panel {
    padding-top: calc(var(--spacing) * 20);
  }
}
.node-promotion-teaser-cover .promo-cover__title {
  font-size: 24px;
  --tw-leading: 1.15;
  line-height: 1.15;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
}
@media (width >= 48rem) {
  .node-promotion-teaser-cover .promo-cover__title {
    font-size: 28px;
  }
}
@media (width >= 64rem) {
  .node-promotion-teaser-cover .promo-cover__title {
    font-size: 32px;
  }
}
.node-promotion-teaser-cover .promo-cover__subtitle {
  margin-top: calc(var(--spacing) * 4);
  font-size: 16px;
  --tw-leading: 1.4;
  line-height: 1.4;
  color: color-mix(in srgb, #2D2D2B 80%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .node-promotion-teaser-cover .promo-cover__subtitle {
    color: color-mix(in oklab, var(--color-black) 80%, transparent);
  }
}
@media (width >= 64rem) {
  .node-promotion-teaser-cover .promo-cover__subtitle {
    font-size: 18px;
  }
}
.node-promotion-teaser-cover .promo-cover__cta {
  margin-top: calc(var(--spacing) * 8);
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background-color: var(--color-violet);
  padding-inline: calc(var(--spacing) * 7);
  padding-block: calc(var(--spacing) * 3);
  font-size: 15px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-white);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
@media (hover: hover) {
  .node-promotion-teaser-cover .promo-cover__cta:hover {
    background-color: #4b2860;
  }
}
@media (width >= 64rem) {
  .node-promotion-teaser-cover .promo-cover__cta {
    display: inline-flex;
  }
}
@media (width >= 64rem) {
  .node-promotion-teaser-cover .promo-cover__cta {
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (width >= 64rem) {
  .node-promotion-teaser-cover .promo-cover__cta {
    justify-content: flex-start;
  }
}
.node-article-full {
  margin-bottom: calc(var(--spacing) * 12);
}
.node-article-full-container {
  margin-inline: auto;
  display: flex;
  max-width: var(--breakpoint-xlp);
  flex-direction: column;
  gap: calc(var(--spacing) * 6);
  padding-inline: calc(var(--spacing) * 5);
  padding-top: calc(var(--spacing) * 5);
}
@media (width >= 48rem) {
  .node-article-full-container {
    padding-top: calc(var(--spacing) * 20);
  }
}
@media (width >= 48rem) {
  .node-article-full-container {
    display: grid;
  }
}
@media (width >= 48rem) {
  .node-article-full-container {
    grid-template-columns: 8fr 5fr;
  }
}
@media (width >= 64rem) {
  .node-article-full-container {
    gap: calc(var(--spacing) * 8);
  }
}
.node-article-full-image {
  order: 1;
}
@media (width >= 48rem) {
  .node-article-full-image {
    order: 0;
  }
}
.node-article-full-image .field-field-image {
  overflow: hidden;
  border-radius: var(--radius-xl);
  background-color: var(--color-white);
  padding: calc(var(--spacing) * 5);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.node-article-full-content {
  order: 2;
  border-radius: var(--radius-xl);
  background-color: var(--color-gray-bg);
  padding: calc(var(--spacing) * 5);
}
@media (width >= 48rem) {
  .node-article-full-content {
    order: 0;
  }
}
@media (width >= 48rem) {
  .node-article-full-content {
    padding: calc(var(--spacing) * 10);
  }
}
.pager {
  margin-top: calc(var(--spacing) * 8);
  width: 100%;
}
.pager__items {
  margin: calc(var(--spacing) * 0);
  display: flex;
  list-style-type: none;
  align-items: center;
  justify-content: flex-start;
  gap: calc(var(--spacing) * 2);
  overflow-x: auto;
  padding: calc(var(--spacing) * 1);
}
@media (width >= 48rem) {
  .pager__items {
    justify-content: center;
  }
}
.pager__items {
  scrollbar-width: none;
}
.pager__items::-webkit-scrollbar {
  display: none;
}
.pager__item {
  margin: calc(var(--spacing) * 0);
  flex-shrink: 0;
  padding: calc(var(--spacing) * 0);
}
.pager__item a {
  display: flex;
  height: calc(var(--spacing) * 10);
  min-width: calc(var(--spacing) * 10);
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-white);
  padding-inline: calc(var(--spacing) * 3);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-black);
  text-decoration-line: none;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.pager__item a:hover {
  border-color: var(--color-violet);
  background-color: color-mix(in srgb, #58306B 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .pager__item a:hover {
    background-color: color-mix(in oklab, var(--color-violet) 10%, transparent);
  }
}
.pager__item a:hover {
  color: var(--color-violet);
}
.pager__item a:focus-visible {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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);
  --tw-ring-color: var(--color-violet);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-outline-style: none;
  outline-style: none;
}
.pager__item.is-active a {
  border-color: var(--color-violet);
  background-color: var(--color-violet);
  color: var(--color-white);
}
.pager__item--first a, .pager__item--previous a, .pager__item--next a, .pager__item--last a {
  padding-inline: calc(var(--spacing) * 0);
}
.pager__icon {
  height: calc(var(--spacing) * 5);
  width: calc(var(--spacing) * 5);
}
.pager__item--ellipsis {
  display: flex;
  height: calc(var(--spacing) * 10);
  min-width: calc(var(--spacing) * 6);
  align-items: center;
  justify-content: center;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-gray);
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";inherits:false;}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::before,::after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;}}}
@keyframes gin-throbber{0%{transform:rotateZ(0);}100%{transform:rotateZ(360deg);}}.ajax-progress__throbber,.ajax-progress__throbber--fullscreen,.ui-dialog .ajax-progress__throbber,.media-library-item .ajax-progress__throbber{border:3px solid var(--gin-color-primary);border-inline-end:3px dotted transparent;}.ajax-progress .ajax-progress__message{color:var(--gin-color-text);}[dir].gin--dark-mode .ajax-progress--fullscreen{background-color:var(--gin-color-primary);border-color:transparent;box-shadow:0 2px 6px 0 var(--gin-bg-app);}[dir].gin--dark-mode .ajax-progress--fullscreen .ajax-progress__throbber,[dir].gin--dark-mode .ajax-progress--fullscreen .ajax-progress__throbber--fullscreen{border:3px solid var(--gin-bg-app);border-inline-end:3px dotted transparent;}.media-library-widget .ajax-progress__throbber,.media-library-widget .ajax-progress__throbber--fullscreen{border:2px solid var(--gin-color-primary);border-inline-end:2px dotted transparent;}.ui-dialog .ajax-progress-throbber{padding:var(--gin-spacing-xs);background:var(--gin-bg-app);border-radius:50%;box-shadow:0 2px 6px 0 rgba(34,35,48,.1);border:1px solid rgba(216,217,224,.8);}.gin--dark-mode .ui-dialog .ajax-progress-throbber{background-color:var(--gin-color-primary);border-color:transparent;box-shadow:0 2px 6px 0 var(--gin-bg-app);}.ui-dialog .ajax-progress-throbber::before,.contextual-links .ajax-progress-throbber::before{content:"";display:block;position:absolute;inset-block-start:var(--gin-spacing-xs);inset-inline-start:var(--gin-spacing-xs);width:1.125rem;height:1.125rem;border:2px solid var(--gin-color-primary);border-inline-end:2px dotted transparent;border-radius:50%;animation:gin-throbber .75s linear infinite;}.gin--dark-mode .ui-dialog .ajax-progress,.gin--dark-mode .media-library-item .ajax-progress.ajax-progress.ajax-progress{background-color:var(--gin-bg-app);border-color:var(--gin-bg-app);}.contextual-links li{position:relative;}.contextual-links .ajax-progress-throbber{position:absolute;inset-block-start:0;inset-inline-end:var(--gin-spacing-xxs);width:24px;height:24px;}.contextual-links .ajax-progress-throbber::before{inset-block-start:0;inset-inline-start:.25em;}.claro-autocomplete__message{color:var(--gin-color-primary);}