/* Generated by scripts/hyva-homepage-migration/build-homepage-critical-css.php. */

/* Source: app/design/frontend/Toneart/default/web/css/styles.css */
/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--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-divide-y-reverse:0;--tw-border-style:solid;--tw-mask-linear:linear-gradient(#fff, #fff);--tw-mask-radial:linear-gradient(#fff, #fff);--tw-mask-conic:linear-gradient(#fff, #fff);--tw-mask-left:linear-gradient(#fff, #fff);--tw-mask-right:linear-gradient(#fff, #fff);--tw-mask-bottom:linear-gradient(#fff, #fff);--tw-mask-top:linear-gradient(#fff, #fff);--tw-mask-bottom-from-position:0%;--tw-mask-bottom-to-position:100%;--tw-mask-bottom-from-color:black;--tw-mask-bottom-to-color:transparent;--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;--tw-content:""}}}:root,:host{--color-surface:var(--color-white);--color-ink:var(--color-slate-950);--color-ink-muted:var(--color-slate-600);--color-primary:oklch(46% .2 265);--color-primary-lighter:oklch(56.8% .16 265)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-primary-lighter:color-mix(in oklch, var(--color-primary) 80%, var(--color-white))}}:root,:host{--color-primary-darker:oklch(36.8% .2 265)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-primary-darker:color-mix(in oklch, var(--color-primary) 80%, var(--color-black))}}:root,:host{--color-on-primary:#fff;--color-secondary:oklch(53% .15 150);--color-secondary-darker:oklch(42.4% .15 150)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-secondary-darker:color-mix(in oklch, var(--color-secondary) 80%, var(--color-black))}}:root,:host{--form-py:calc(var(--spacing) * 2);--form-px:calc(var(--spacing) * 3);--form-radius:var(--radius-lg);--form-stroke:var(--color-gray-400,currentcolor);--form-bg:var(--color-white);--form-color:var(--color-ink,currentcolor);--form-active-color:var(--color-primary);--select-icon:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke=\"hsl(0 0% 0%)\"><path d=\"m6 9 6 6 6-6\"/></svg>");--select-icon-size:1.25em;--select-icon-offset:.8rem;--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-green-50:oklch(98.2% .018 155.826);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-blue-50:oklch(97% .014 254.604);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-900:oklch(37.9% .146 265.522);--color-purple-700:oklch(49.6% .265 301.924);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-lg:64rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .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);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-loose:2;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-container-lighter:var(--color-white);--color-container:var(--color-gray-50);--color-container-darker:var(--color-gray-100);--color-fg:var(--color-ink);--color-fg-secondary:var(--color-ink-muted);--color-bg:var(--color-slate-50)}@layer base{:is(input:where(:not([type])),[type=text],[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],textarea,select,.form-input,.form-textarea,.form-select,.form-multiselect){appearance:none;padding-block:var(--form-py);padding-inline:var(--form-px);border-radius:var(--form-radius);border-width:1px;border-color:var(--form-stroke);background-color:var(--form-bg);color:var(--form-color);--outline-size:1px;--outline-offset:0px}:is(input:where(:not([type])),[type=text],[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],textarea,select,.form-input,.form-textarea,.form-select,.form-multiselect):focus{border-color:var(--form-active-color);outline-color:var(--form-active-color)}:is(select:where(:not([size]:not([size="1"]),[multiple])),.form-select){--_icon-position:right;background:var(--select-icon) var(--form-bg) var(--_icon-position) var(--select-icon-offset) center/var(--select-icon-size) no-repeat;-webkit-print-color-adjust:exact;print-color-adjust:exact;padding-inline-end:calc(var(--select-icon-size) + var(--select-icon-offset) + .5ch)}:is(select:where(:not([size]:not([size="1"]),[multiple])),.form-select):dir(rtl){--_icon-position:left}input[type=radio]{margin:2px 5px 0 0}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration: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{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.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{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}: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}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-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]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:where(:focus-visible){outline:var(--outline-size,2px) solid var(--color-primary);outline-offset:var(--outline-offset,2px)}:where(:active:focus-visible){outline-offset:0;transition:var(--outline-transition,outline-offset .15s cubic-bezier(.25, 0, .4, 1))}:disabled{cursor:not-allowed}:target{scroll-margin-block:var(--anchor-offset,6ex)}@media (prefers-reduced-motion:no-preference){:where(html):has(:target){scroll-behavior:smooth}}html{scrollbar-gutter:stable;block-size:100%}body{min-block-size:100%}:where(:any-link,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex^=\-])){touch-action:manipulation}:where(:any-link,button,label[for],label:has(input:is([type=radio],[type=checkbox]):enabled),select:has(option:enabled),summary){cursor:pointer}:where(dialog){background-color:var(--color-surface,canvas);max-block-size:calc(100% - 2rem);max-inline-size:calc(100% - 2rem);color:var(--color-fg,canvastext);box-shadow:var(--shadow-lg);border-radius:1rem;margin:auto;padding:1.5rem;position:fixed}:where(dialog)::backdrop{background-color:var(--backdrop,#0003)}:where(:root:has(dialog[open]:modal)){overflow:hidden}address{font-style:normal}@view-transition{navigation:auto}:root{scrollbar-color:var(--scrollthumb-color) var(--scrolltrack-color,Canvas);accent-color:var(--color-primary);caret-color:var(--color-primary);interpolate-size:allow-keywords}body{background:var(--color-bg);color:var(--color-fg)}[type=checkbox][role=switch]{appearance:none;block-size:calc(var(--spacing) * 4);inline-size:calc(var(--spacing) * 4);border-color:var(--form-stroke);background-color:var(--form-bg);color:var(--form-color);vertical-align:middle;-webkit-user-select:none;user-select:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;block-size:calc(var(--spacing) * 4.5);inline-size:calc(var(--spacing) * 4.5);--switch-width:calc(var(--spacing) * 9);--switch-height:calc(var(--spacing) * 5);--switch-thumb-offset:calc(var(--switch-width) - var(--switch-height));block-size:var(--switch-height);inline-size:var(--switch-width);background-origin:border-box;border-width:2px;border-radius:3.40282e38px;flex-shrink:0;padding:0;display:inline-block}[type=checkbox][role=switch]:not(:disabled){cursor:pointer}[type=checkbox][role=switch]:after{content:"";aspect-ratio:1;border-width:1px;border-color:var(--form-bg);background-color:var(--form-stroke);border-radius:3.40282e38px;height:100%;transition:background-color .15s,border-color .15s,translate .15s;display:block}[type=checkbox][role=switch]:checked{background-color:var(--form-active-color,currentColor);background-image:none;border-color:#0000}[type=checkbox][role=switch]:checked:after{background-color:var(--form-bg);translate:var(--switch-thumb-offset) 0%}[type=checkbox][role=switch]:dir(rtl):checked:after{translate:calc(var(--switch-thumb-offset) / -1) 0%}:where(form label){margin-bottom:calc(var(--spacing) * 2);color:var(--color-fg-secondary);display:block}:where(form legend){margin-bottom:calc(var(--spacing) * 3);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}:where(form legend)+br{display:none}:where(fieldset~fieldset){margin-top:calc(var(--spacing) * 8)}:where(#hyva-checkout-main){--form-stroke:var(--color-slate-300,currentColor)}:where(#hyva-checkout-main) *,:where(#hyva-checkout-main) :after,:where(#hyva-checkout-main) :before,:where(#hyva-checkout-main) ::backdrop{border-color:var(--color-gray-200,currentColor)}:where(#hyva-checkout-main) ::file-selector-button{border-color:var(--color-gray-200,currentColor)}}@layer theme;@layer components{.actions-toolbar{gap:calc(var(--spacing) * 4);border-block-start-width:1px;border-block-start-color:var(--color-gray-300);flex-direction:column;margin-block-start:calc(var(--spacing) * 6);padding-block-start:calc(var(--spacing) * 4);display:flex}@media (min-width:48rem){.actions-toolbar{flex-direction:row-reverse;align-items:center}}.actions-toolbar a.back{text-decoration-line:underline}.card{border-radius:var(--card-radius,var(--radius-lg));padding-block:var(--card-py,calc(var(--spacing) * 6));padding-inline:var(--card-px,calc(var(--spacing) * 6));border-width:1px;border-color:var(--card-stroke,var(--color-gray-300));background-color:var(--card-bg,var(--color-surface));color:var(--card-color,var(--color-fg));transition-property:color,background-color,border-color,box-shadow,outline-color;transition-timing-function:var(--default-transition-timing-function);transition-duration:var(--default-transition-duration);position:relative}@media (hover:hover){.card-interactive:hover{--card-stroke:#0000;box-shadow:var(--shadow-lg)}}.card-interactive:focus-within{--card-stroke:#0000;box-shadow:var(--shadow-lg)}.form-input.qty{max-inline-size:calc(6ch + var(--form-px))}.field{margin-top:var(--spacing)}.field.field-reserved{--reserved-space:calc(var(--spacing) * 7);margin-block-end:var(--reserved-space)}.field.field-reserved ul{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.field.field-reserved ul:last-of-type{margin-block-end:calc(var(--reserved-space) * -1)}.field.choice{align-items:center;display:flex}.field.choice label{margin-bottom:0}.field.choice input{margin-right:calc(var(--spacing) * 3)}.field.field-error .messages{color:var(--color-red-600);max-width:fit-content}.field.required>label:after{content:var(--tw-content);content:var(--tw-content);top:calc(var(--spacing) * -1);content:var(--tw-content);--tw-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 6v12M17.196 9 6.804 15M6.804 9l10.392 6'/%3E%3C/svg%3E");--tw-icon-size:1em;width:var(--tw-icon-size);height:var(--tw-icon-size);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--tw-icon);-webkit-mask-image:var(--tw-icon);mask-image:var(--tw-icon);content:var(--tw-content);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));content:var(--tw-content);color:var(--color-red-600);background-color:currentColor;display:inline-block;position:relative}.message{margin-bottom:calc(var(--spacing) * 2);background-color:var(--color-gray-100);width:100%;padding:calc(var(--spacing) * 2);padding-left:calc(var(--spacing) * 5);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-black);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-radius:.25rem;justify-content:space-between;align-items:center;display:flex}.message.error{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-red-500);background-color:var(--color-red-50)}.message.success{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-green-500);background-color:var(--color-green-50)}.message.info,.message.notice{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-blue-500);background-color:var(--color-blue-50)}.message.warning{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-yellow-500);background-color:var(--color-yellow-50)}.message a{text-decoration-line:underline}.message>span{overflow-wrap:anywhere;min-width:0}.message>button{flex-shrink:0}.rating-summary{color:var(--color-rating,var(--color-yellow-400));display:flex}.snap-track{--snap-cols:1;--snap-gap:calc(var(--spacing) * 4);--snap-size:calc((100% - var(--snap-gap) * (var(--snap-cols) - 1)) / var(--snap-cols));grid-auto-flow:column;grid-auto-columns:var(--snap-size);gap:var(--snap-gap);padding-block:calc(var(--spacing) * 6);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;display:grid;position:relative;overflow-x:auto}@media (prefers-reduced-motion:no-preference){.snap-track{scroll-behavior:smooth}}.snap-track>*{scroll-snap-align:start}.snap-pager{justify-content:center;align-items:center;gap:calc(var(--spacing) * 3);min-block-size:calc(var(--spacing) * 11);padding-block:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.snap-marker{block-size:calc(var(--spacing) * 4);inline-size:calc(var(--spacing) * 4);border-width:1px;border-color:var(--color-slate-600);border-radius:1rem;flex-shrink:0;transition-property:border-color,background-color;transition-duration:.3s}@media (prefers-reduced-motion:no-preference){.snap-marker{will-change:inline-size;transition-property:inline-size,border-color,background-color}}.snap-marker[aria-current=true]{inline-size:calc(var(--spacing) * 7);border-color:var(--color-primary);background-color:var(--color-primary)}.swatch-option{--swatch-size:calc(var(--spacing) * 9);min-block-size:var(--swatch-size);min-inline-size:var(--swatch-size);padding-block:var(--swatch-py,3px);padding-inline:var(--swatch-px,6px);border-radius:var(--swatch-radius,.5em);border-width:1px;border-color:var(--form-stroke);background:var(--swatch-visual,var(--form-bg)) center/contain no-repeat;color:var(--form-color);cursor:pointer;place-items:center;line-height:1.1;display:grid}.swatch-option>*{border-radius:calc(var(--swatch-radius,.5em) - var(--swatch-px,6px));grid-area:1/1}.swatch-option[data-swatch-type=visual]{--swatch-radius:5rem;--swatch-px:3px}.swatch-option:hover{border-color:var(--form-active-color)}.swatch-option:is(:has(:checked),[aria-checked=true],[aria-selected=true],[aria-current=page]){border-color:var(--form-active-color);box-shadow:inset 0 0 0 1px var(--form-active-color)}.swatch-option:is(:focus-visible,:has(:focus-visible)){border-color:var(--form-active-color);outline:var(--outline-size,2px) solid var(--form-active-color);outline-offset:var(--outline-offset,2px)}.swatch-option:is(:has(:disabled),[aria-disabled=true]){border-color:#99a1afcc}@supports (color:color-mix(in lab, red, red)){.swatch-option:is(:has(:disabled),[aria-disabled=true]){border-color:color-mix(in srgb, var(--form-stroke) 80%, #0000)}}.swatch-option:is(:has(:disabled),[aria-disabled=true]){cursor:not-allowed;border-style:dashed}.swatch-option:is(:has(:disabled),[aria-disabled=true])>:is(span,img){opacity:.8}.swatch-attribute-options{gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}:where(main:not(.product-main-full-width,.page-main-full-width)) .columns{width:100%}@media (min-width:40rem){:where(main:not(.product-main-full-width,.page-main-full-width)) .columns{max-width:40rem}}@media (min-width:48rem){:where(main:not(.product-main-full-width,.page-main-full-width)) .columns{max-width:48rem}}@media (min-width:64rem){:where(main:not(.product-main-full-width,.page-main-full-width)) .columns{max-width:64rem}}@media (min-width:80rem){:where(main:not(.product-main-full-width,.page-main-full-width)) .columns{max-width:80rem}}@media (min-width:96rem){:where(main:not(.product-main-full-width,.page-main-full-width)) .columns{max-width:96rem}}:where(main:not(.product-main-full-width,.page-main-full-width)) .columns{padding-inline:calc(var(--spacing) * 6);margin-inline:auto}.account-nav li a,.account-nav li strong{padding-block:var(--spacing);color:var(--color-fg-secondary);justify-content:space-between;display:flex}.account-nav li a:hover{color:var(--color-fg);text-decoration-line:underline}.account-nav li strong{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-fg);text-decoration-line:underline}.cms-content{--text-flow:1em 1rem;--separator-flow:2.5em;--list-flow:.5em;--h-color:initial;--h-family:initial;--h-size:1.125em;--h-weight:600;--h-line:1.1;--h1-size:3em;--h2-size:2em;--h3-size:1.625em;--h4-size:1.375em;--marker-color:var(--color-primary);--link-color:var(--color-primary);--link-weight:500;--blockquote-color:var(--color-primary);--table-py:calc(var(--spacing) * 3);--table-px:calc(var(--spacing) * 2);--table-stroke:var(--color-gray-400);--table-bg:canvas;--table-color:canvastext}.cms-content :where(h1,h2,h3,h4,h5,h6,p,dl,ul,ol,pre,hgroup){margin-block:var(--text-flow)}.cms-content :where(blockquote,figure,hr){margin-block:var(--separator-flow);margin-inline:0}.cms-content :where([class~=lead]){font-size:1.25em}.cms-content :where(h1,h2,h3,h4,h5,h6){color:var(--h-color);font-family:var(--h-family);font-size:var(--h-size);font-weight:var(--h-weight);line-height:var(--h-line);text-wrap:balance}.cms-content :where(h1){--h-size:var(--h1-size)}.cms-content :where(h2){--h-size:var(--h2-size)}.cms-content :where(h3){--h-size:var(--h3-size)}.cms-content :where(h4){--h-size:var(--h4-size)}.cms-content ::marker{color:var(--marker-color)}.cms-content :where(ul,ol){list-style:revert;padding-inline-start:2em}.cms-content :where(ol[type=a]){list-style-type:lower-alpha}.cms-content :where(ol[type=i]){list-style-type:lower-roman}.cms-content :where(ol[type="1"]){list-style-type:decimal}.cms-content :where(blockquote){border-inline-start:4px solid var(--blockquote-color);padding-block:.25em;padding-inline-start:1.5em}.cms-content :where(:any-link){color:var(--link-color);font-weight:var(--link-weight)}.cms-content :where(:any-link):hover{text-decoration:underline}.cms-content :where(table){border-collapse:separate;border-spacing:0;border-color:var(--table-stroke)}.cms-content :where(thead,tbody,tfoot,tr,th,td){border-color:inherit;text-align:inherit}.cms-content :where(th,td){padding-block:var(--table-py);padding-inline:var(--table-px);background:var(--table-bg);color:var(--table-color)}.cms-content :where(tr+tr :is(th,td)){border-block-start-width:1px}.cms-content :where(thead tr:last-child :is(th,td)){border-block-end-width:2px}.cms-content :where(tfoot tr:first-child :is(th,td)){border-block-start-width:2px}.cms-content :where(table:not(:has(.table-wrapper,[class*=overflow-]))){word-break:break-all}.cms-content>:where(:first-child){margin-block-start:0}.cms-content>:where(:last-child){margin-block-end:0}.cms-content{max-width:100%}.table-wrapper{overflow:auto}:where(#hyva-checkout-main) .btn{border-style:var(--tw-border-style);border-width:2px}:where(#hyva-checkout-main) .btn:disabled{cursor:not-allowed;opacity:.6}:where(#hyva-checkout-main) .btn:not(.btn-secondary){border-color:#0000}.form-input-addon{appearance:none;padding-block:var(--form-py);padding-inline:var(--form-px);border-radius:var(--form-radius);border-width:1px;border-color:var(--form-stroke);background-color:var(--form-bg);color:var(--form-color);--outline-size:1px;--outline-offset:0px}.form-input-addon:first-child{border-inline-end:0;padding-inline-end:0}.form-input-addon:last-child{border-inline-start:0;padding-inline-start:0}.input-group{border-radius:var(--form-radius);vertical-align:middle;display:flex;position:relative}.input-group:focus-within{--form-stroke:var(--form-active-color);outline:var(--outline-size,1px) solid var(--form-active-color);outline-offset:var(--outline-offset,0px)}.input-group>*{border-radius:0;outline:none;margin:0}.input-group>:first-child{border-start-start-radius:inherit;border-end-start-radius:inherit}.input-group>:last-child{border-start-end-radius:inherit;border-end-end-radius:inherit}.input-group>:not(template,[hidden]:where(:not([hidden=until-found])))+:not(button,.btn){border-inline-start-width:0}body.hyva_checkout-index-index{--checkout-bg:#111;--checkout-card:#1c1c1c;--checkout-input:#121212;--checkout-border:#3a3a3a;--checkout-text:#f8f8f8;--checkout-muted:#d0d4d6;--checkout-accent:#00d6a8;background:var(--checkout-bg);color:var(--checkout-text);font-family:Inter,Arial,sans-serif}body.hyva_checkout-index-index .page-footer,body.hyva_checkout-index-index footer,body.hyva_checkout-index-index .page-title-wrapper,body.hyva_checkout-index-index .columns>.sidebar,body.hyva_checkout-index-index #trustami-mobile-view,body.hyva_checkout-index-index .trust-banner-section,body.hyva_checkout-index-index .widget.block-static-block,body.hyva_checkout-index-index .cleverpush-sticky-widget-btn-container,body.hyva_checkout-index-index .gtranslate_wrapper-outer,body.hyva_checkout-index-index #invite-friend,body.hyva_checkout-index-index .theme-toggle-wrapper,body.hyva_checkout-index-index .toneart-updownarrow,body.hyva_checkout-index-index .up-and-down-arrow{display:none!important}body.hyva_checkout-index-index .page-header{min-height:118px;box-shadow:none!important;background:#0b0b0b!important;border:0!important;border-bottom:1px solid #2d2d2d!important;display:block!important}body.hyva_checkout-index-index .toneart-checkout-header{min-height:118px;color:var(--checkout-text);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:10px 20px 18px;display:flex}body.hyva_checkout-index-index .toneart-checkout-header__welcome{color:#898989;text-align:center;margin:0;font-size:11px;font-weight:650;line-height:1.25}body.hyva_checkout-index-index .toneart-checkout-header__brand a{justify-content:center;align-items:center;display:flex}body.hyva_checkout-index-index .toneart-checkout-header__brand img{object-fit:contain;width:auto;max-width:190px;height:61px;display:block}body.hyva_checkout-index-index .page-wrapper,body.hyva_checkout-index-index main#maincontent,body.hyva_checkout-index-index .columns{min-height:100vh;background:var(--checkout-bg)!important}body.hyva_checkout-index-index main#maincontent{width:100%;margin:0 auto;max-width:1840px!important;padding:28px 40px 72px!important}body.hyva_checkout-index-index .toneart-checkout-intro{justify-content:space-between;align-items:center;gap:20px;min-height:48px;margin:0 0 14px;display:flex}body.hyva_checkout-index-index .toneart-checkout-intro__title{color:var(--checkout-text);letter-spacing:-.025em;margin:0;font-size:28px;font-weight:750;line-height:1.2}body.hyva_checkout-index-index .toneart-checkout-intro__account{color:#080808;background:#fff;border:1px solid #fff;border-radius:12px;justify-content:center;align-items:center;min-width:104px;min-height:40px;padding:9px 20px;font-size:12px;font-weight:700;line-height:1;text-decoration:none;transition:border-color .18s,background-color .18s,color .18s;display:inline-flex}body.hyva_checkout-index-index .toneart-checkout-intro__account:hover,body.hyva_checkout-index-index .toneart-checkout-intro__account:focus-visible{color:#071116;background:#31c4e9;border-color:#31c4e9;text-decoration:none}body.hyva_checkout-index-index .toneart-checkout-trust{color:#071116;background:#caf0f8;border-left:5px solid #3bacdf;border-radius:6px;flex-direction:column;justify-content:center;min-height:212px;margin:0 0 18px;padding:28px 48px 22px;display:flex;position:relative}body.hyva_checkout-index-index .toneart-checkout-trust[hidden]{display:none!important}body.hyva_checkout-index-index .haroone-close-trust-banner{color:#071116;background:0 0;border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;transition:background-color .18s,transform .18s;display:inline-grid;position:absolute;top:12px;right:14px}body.hyva_checkout-index-index .haroone-close-trust-banner:hover,body.hyva_checkout-index-index .haroone-close-trust-banner:focus-visible{background:#0711161a;transform:scale(1.05)}body.hyva_checkout-index-index .haroone-trust-banner__claim{color:#071116;text-align:center;justify-content:center;align-items:center;gap:8px;margin:0 42px 6px;font-size:17px;font-weight:800;line-height:1.3;display:flex}body.hyva_checkout-index-index .haroone-trust-banner__claim svg{flex:none}body.hyva_checkout-index-index .haroone-trust-banner__body{grid-template-columns:190px minmax(0,1fr) 190px;align-items:center;gap:28px;display:grid}body.hyva_checkout-index-index .haroone-trust-banner__trust{color:#071116;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:0;text-decoration:none;display:flex}body.hyva_checkout-index-index .haroone-trust-banner__trust:hover,body.hyva_checkout-index-index .haroone-trust-banner__trust:focus-visible{color:#071116;text-decoration:none}body.hyva_checkout-index-index .haroone-trust-banner__trust img{object-fit:contain;width:66px;height:66px;display:block}body.hyva_checkout-index-index .haroone-trust-banner__trust strong{color:#071116;text-align:center;max-width:178px;font-size:13px;font-weight:750;line-height:1.25}body.hyva_checkout-index-index .haroone-trust-banner__payments{grid-template-columns:repeat(4,minmax(82px,1fr));justify-content:center;align-items:start;gap:18px;display:grid}body.hyva_checkout-index-index .haroone-payment-method{flex-direction:column;align-items:center;gap:5px;min-width:0;display:flex}body.hyva_checkout-index-index .haroone-payment-method img{object-fit:contain;width:auto;max-width:88px;height:30px;display:block}body.hyva_checkout-index-index .haroone-payment-method span{color:#071116;text-align:center;font-size:11px;font-weight:550;line-height:1.2}body.hyva_checkout-index-index .haroone-trust-banner__message{color:#071116;text-align:center;justify-content:center;align-items:center;gap:6px;margin:5px 0 0;font-size:13px;font-weight:700;line-height:1.3;display:flex}body.hyva_checkout-index-index .haroone-trust-banner__message svg{color:#f19a00;flex:none}body.hyva_checkout-index-index .page.messages{z-index:80!important;width:min(420px,100vw - 32px)!important;max-width:420px!important;margin:0!important;position:fixed!important;top:16px!important;right:16px!important}body.hyva_checkout-index-index #hyva-checkout-main{color:var(--checkout-text);font-size:16px;line-height:1.55}body.hyva_checkout-index-index #hyva-checkout-main>#hyva-checkout-container>.grid{align-items:start;gap:20px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1.05fr) minmax(330px,1fr)!important}body.hyva_checkout-index-index #hyva-checkout-main .area-main,body.hyva_checkout-index-index #hyva-checkout-main .area-center,body.hyva_checkout-index-index #hyva-checkout-main .area-right{min-width:0}body.hyva_checkout-index-index #hyva-checkout-main .area-main{border:1px solid var(--checkout-border);background:var(--checkout-card);border-radius:10px;padding:30px}body.hyva_checkout-index-index #hyva-checkout-main .area-main>*+*{margin-top:0}body.hyva_checkout-index-index #hyva-checkout-main .area-main>fieldset{margin-bottom:0!important}body.hyva_checkout-index-index #hyva-checkout-main .area-center>fieldset,body.hyva_checkout-index-index #hyva-checkout-main .area-right>fieldset,body.hyva_checkout-index-index #hyva-checkout-main .area-right>.checkout-section,body.hyva_checkout-index-index #hyva-checkout-main .area-right>div{border:1px solid var(--checkout-border);background:var(--checkout-card);border-radius:10px;padding:30px}body.hyva_checkout-index-index #hyva-checkout-main .area-right.checkout-summary{background:0 0!important;padding:0!important}body.hyva_checkout-index-index #hyva-checkout-main .area-center>*+*,body.hyva_checkout-index-index #hyva-checkout-main .area-right>*+*{margin-top:20px}body.hyva_checkout-index-index #hyva-checkout-main .section-title{align-items:center;gap:10px;min-height:28px;margin:0 0 22px;padding:0;display:flex;border:0!important}body.hyva_checkout-index-index #shipping-section>legend.section-title,body.hyva_checkout-index-index #payment-section>legend.section-title{float:left;width:100%}body.hyva_checkout-index-index #shipping-section>legend.section-title~*,body.hyva_checkout-index-index #payment-section>legend.section-title~*{clear:both;width:100%}body.hyva_checkout-index-index #hyva-checkout-main .section-title:before{color:#06120e;background:linear-gradient(135deg,#03d6be,#62ee68);border-radius:5px;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:13px;font-weight:750;line-height:1;display:inline-grid}body.hyva_checkout-index-index #guest-details>.section-title:before{content:"1"}body.hyva_checkout-index-index #shipping-section>.section-title:before{content:"2"}body.hyva_checkout-index-index #payment-section>.section-title:before{content:"3"}body.hyva_checkout-index-index #quote-summary>.section-title:before,body.hyva_checkout-index-index .area-right .checkout-section:first-child>.section-title:before{content:"4"}body.hyva_checkout-index-index #hyva-checkout-main .section-title h2{font-size:20px;line-height:1.3;color:var(--checkout-text)!important;font-weight:750!important}body.hyva_checkout-index-index #guest-details>.section-title h2{font-size:0!important}body.hyva_checkout-index-index #guest-details>.section-title h2:after{content:"Lieferadresse";font-size:20px!important}body.hyva_checkout-index-index #shipping-section>.section-title h2,body.hyva_checkout-index-index #payment-section>.section-title h2,body.hyva_checkout-index-index #quote-summary>.price-summary>.section-title h2{font-size:0!important}body.hyva_checkout-index-index #shipping-section>.section-title h2:after{content:"Versandarten";font-size:20px;line-height:1.3}body.hyva_checkout-index-index #payment-section>.section-title h2:after{content:"Zahlungsart";font-size:20px;line-height:1.3}body.hyva_checkout-index-index #quote-summary>.price-summary>.section-title h2:after{content:"Bestellübersicht";font-size:20px;line-height:1.3}body.hyva_checkout-index-index #quote-summary>.price-summary>.section-title:before{content:"4"}body.hyva_checkout-index-index #shipping-details>.section-title,body.hyva_checkout-index-index #billing-details>.section-title{display:none}body.hyva_checkout-index-index #shipping-details{border-top:1px solid var(--checkout-border);margin-top:17px;padding-top:17px}body.hyva_checkout-index-index #billing-details{border-top:1px solid var(--checkout-border);margin-top:16px;padding-top:16px}body.hyva_checkout-index-index #guest-details>div>p{color:var(--checkout-muted);margin:0 0 14px;font-size:15px;line-height:1.5}body.hyva_checkout-index-index .toneart-checkout-express{margin:0 0 18px}body.hyva_checkout-index-index .toneart-checkout-express__label{color:var(--checkout-muted);margin-bottom:8px;font-size:14px;font-style:italic}body.hyva_checkout-index-index .toneart-checkout-amazon-button{max-width:100%;min-height:42px;width:190px!important}body.hyva_checkout-index-index .toneart-checkout-amazon-button>div{width:190px!important;max-width:100%!important}body.hyva_checkout-index-index .toneart-checkout-express__divider{color:var(--checkout-muted);white-space:nowrap;align-items:center;gap:8px;margin:18px 0 0;font-size:13px;display:flex}body.hyva_checkout-index-index .toneart-checkout-express__divider:before,body.hyva_checkout-index-index .toneart-checkout-express__divider:after{content:"";background:var(--checkout-border);flex:auto;height:1px}body.hyva_checkout-index-index .toneart-checkout-newsletter{border-bottom:1px solid var(--checkout-border);align-items:center;gap:8px;padding-bottom:16px;color:var(--checkout-text)!important;margin:13px 0 17px!important;font-size:14px!important;font-weight:500!important;display:flex!important}body.hyva_checkout-index-index #hyva-checkout-main a{color:#39b9ed}body.hyva_checkout-index-index #hyva-checkout-main .checkout-form-elements,body.hyva_checkout-index-index #hyva-checkout-main .address-form>.grid{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}body.hyva_checkout-index-index #hyva-checkout-main .checkout-form-elements>*,body.hyva_checkout-index-index #hyva-checkout-main .address-form>.grid>*{width:100%;grid-column:1/-1!important;margin:0!important}body.hyva_checkout-index-index #hyva-checkout-main .field-wrapper-inner{display:block}body.hyva_checkout-index-index #hyva-checkout-main label.label,body.hyva_checkout-index-index #hyva-checkout-main .field-wrapper label,body.hyva_checkout-index-index #hyva-checkout-main label.block{margin:0 0 8px;font-weight:700;line-height:1.35;display:block;color:var(--checkout-text)!important;font-size:15px!important}body.hyva_checkout-index-index #hyva-checkout-main .input-group{border:1px solid var(--checkout-border);background:var(--checkout-input);border-radius:6px;gap:0;width:100%;min-height:52px;display:flex}body.hyva_checkout-index-index #hyva-checkout-main .form-input-addon{display:none!important}body.hyva_checkout-index-index #hyva-checkout-main input.form-input,body.hyva_checkout-index-index #hyva-checkout-main select.form-select,body.hyva_checkout-index-index #hyva-checkout-main textarea,body.hyva_checkout-index-index #hyva-checkout-main .input-group input{border-radius:6px;outline:0;width:100%;min-height:52px;margin:0;padding:13px 15px;font-size:16px;line-height:24px;background:var(--checkout-input)!important;box-shadow:none!important;color:var(--checkout-text)!important;border:0!important}body.hyva_checkout-index-index:not(.light-mode) #hyva-checkout-main input.form-input,body.hyva_checkout-index-index:not(.light-mode) #hyva-checkout-main textarea,body.hyva_checkout-index-index:not(.light-mode) #hyva-checkout-main .input-group input{caret-color:#f5f7f8;color:#f5f7f8!important;-webkit-text-fill-color:#f5f7f8!important;-webkit-box-shadow:0 0 0 1000px var(--checkout-input) inset!important}body.hyva_checkout-index-index:not(.light-mode) #hyva-checkout-main input:-webkit-autofill{caret-color:#f5f7f8;color:#f5f7f8!important;-webkit-text-fill-color:#f5f7f8!important;-webkit-box-shadow:0 0 0 1000px var(--checkout-input) inset!important}body.hyva_checkout-index-index:not(.light-mode) #hyva-checkout-main input:-webkit-autofill:hover{caret-color:#f5f7f8;color:#f5f7f8!important;-webkit-text-fill-color:#f5f7f8!important;-webkit-box-shadow:0 0 0 1000px var(--checkout-input) inset!important}body.hyva_checkout-index-index:not(.light-mode) #hyva-checkout-main input:-webkit-autofill:focus{caret-color:#f5f7f8;color:#f5f7f8!important;-webkit-text-fill-color:#f5f7f8!important;-webkit-box-shadow:0 0 0 1000px var(--checkout-input) inset!important}body.hyva_checkout-index-index.light-mode #hyva-checkout-main input.form-input,body.hyva_checkout-index-index.light-mode #hyva-checkout-main textarea,body.hyva_checkout-index-index.light-mode #hyva-checkout-main .input-group input{caret-color:#111827;color:#111827!important;-webkit-text-fill-color:#111827!important}body.hyva_checkout-index-index.light-mode #hyva-checkout-main input:-webkit-autofill{caret-color:#111827;color:#111827!important;-webkit-text-fill-color:#111827!important}body.hyva_checkout-index-index.light-mode #hyva-checkout-main input:-webkit-autofill:hover{caret-color:#111827;color:#111827!important;-webkit-text-fill-color:#111827!important}body.hyva_checkout-index-index.light-mode #hyva-checkout-main input:-webkit-autofill:focus{caret-color:#111827;color:#111827!important;-webkit-text-fill-color:#111827!important}body.hyva_checkout-index-index #hyva-checkout-main select.form-select{border:1px solid var(--checkout-border)!important}body.hyva_checkout-index-index #hyva-checkout-main input:focus,body.hyva_checkout-index-index #hyva-checkout-main select:focus,body.hyva_checkout-index-index #hyva-checkout-main textarea:focus{border-color:#51c5ed!important;box-shadow:0 0 0 1px #51c5ed!important}body.hyva_checkout-index-index #hyva-checkout-main .form-hint-text{margin:4px 0 0;font-size:13px;line-height:1.45;color:#45bce9!important}body.hyva_checkout-index-index #shipping-details .field-mp_smtp_is_synced,body.hyva_checkout-index-index #shipping-details .field-mp_abandoned_cart_phone{display:none!important}body.hyva_checkout-index-index #billing-details label.inline-flex{color:var(--checkout-muted);align-items:center;gap:10px;margin:0;font-size:14px;display:flex}body.hyva_checkout-index-index #hyva-checkout-main input.form-checkbox,body.hyva_checkout-index-index #hyva-checkout-main input.form-radio{accent-color:#1ed89c;flex:0 0 22px;width:22px;height:22px;min-height:22px;margin:0}body.hyva_checkout-index-index #shipping-method-list,body.hyva_checkout-index-index #payment-method-list{flex-direction:column;gap:0;display:flex}body.hyva_checkout-index-index .toneart-payment-toggle-input:not(:checked)~#payment-method-list .toneart-extra-payment-method{display:none!important}body.hyva_checkout-index-index .toneart-payment-toggle-less,body.hyva_checkout-index-index .toneart-payment-toggle-input:checked~.toneart-payment-toggle .toneart-payment-toggle-more{display:none}body.hyva_checkout-index-index .toneart-payment-toggle-input:checked~.toneart-payment-toggle .toneart-payment-toggle-less{display:inline}body.hyva_checkout-index-index #shipping-method-list>div,body.hyva_checkout-index-index #payment-method-list>div,body.hyva_checkout-index-index #payment-method-list>label{background:0 0!important;border:0!important;border-radius:0!important}body.hyva_checkout-index-index #shipping-method-list label{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:12px;min-height:56px;margin:0;padding:10px;font-size:15px;display:flex;color:var(--checkout-text)!important}body.hyva_checkout-index-index #shipping-method-list>div.active>label,body.hyva_checkout-index-index #shipping-method-list label:has(input:checked){background:#00d6a81a;border-color:#00d6a89e;box-shadow:inset 3px 0 #00d6a8}body.hyva_checkout-index-index #payment-method-list label{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;min-height:56px;margin:0;padding:9px 11px;font-size:15px;transition:border-color .15s,background-color .15s;display:flex;color:var(--checkout-text)!important}body.hyva_checkout-index-index #payment-method-list>div.active>label,body.hyva_checkout-index-index #payment-method-list label:has(input.form-radio:checked){background:#00d6a81f;border-color:#00d6a8ad;box-shadow:inset 3px 0 #00d6a8}body.hyva_checkout-index-index #payment-method-list label:hover{background:#36b9ed0f;border-color:#36b9ed6b}body.hyva_checkout-index-index #payment-method-list input.form-radio{flex-basis:22px;width:22px;height:22px;min-height:22px}body.hyva_checkout-index-index #payment-method-list label>span,body.hyva_checkout-index-index #payment-method-list label>span>span{font-size:15px;font-weight:550;line-height:1.35;color:var(--checkout-text)!important}body.hyva_checkout-index-index #payment-method-list .toneart-payment-icon{background:#fff;border-radius:4px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:32px;padding:3px;display:inline-flex}body.hyva_checkout-index-index #payment-method-list .toneart-payment-icon img{object-fit:contain;width:100%;max-width:40px;max-height:26px;display:block}body.hyva_checkout-index-index .toneart-payment-toggle{color:#36b9ed;background:0 0;border:0;margin-top:10px;padding:6px 0;font-size:14px;font-weight:650;display:inline-block}body.hyva_checkout-index-index #payment-section #checkout-coupon-code-details{grid-template-columns:minmax(0,1fr) 118px;align-items:stretch;gap:8px;margin-top:8px;display:grid!important}body.hyva_checkout-index-index #payment-section #checkout-coupon-code-details>label{min-width:0;display:block}body.hyva_checkout-index-index #payment-section #checkout-coupon-code-details input.form-input{width:100%;min-width:0;height:52px}body.hyva_checkout-index-index #payment-section #checkout-coupon-code-details>button.btn-primary{border-radius:4px;min-width:118px;min-height:40px;padding:8px 14px;width:auto!important}body.hyva_checkout-index-index #payment-section [x-data=hyvaCheckoutCouponCode]{padding:0!important}body.hyva_checkout-index-index #payment-section [x-data=hyvaCheckoutCouponCode]>button{text-transform:uppercase;gap:3px;width:auto;margin-top:2px;font-size:13px;font-weight:600;color:#ff9d00!important}body.hyva_checkout-index-index #payment-section [x-data=hyvaCheckoutCouponCode]>button svg:first-child{display:none}body.hyva_checkout-index-index #payment-section [x-data=hyvaCheckoutCouponCode]>button span{color:#ff9d00!important}body.hyva_checkout-index-index #shipping-method-list label{grid-template-columns:22px 72px minmax(0,1fr) auto;align-items:center;min-height:92px;display:grid}body.hyva_checkout-index-index #shipping-method-list label span,body.hyva_checkout-index-index #shipping-method-list label strong{font-size:15px;line-height:1.45;color:var(--checkout-muted)!important}body.hyva_checkout-index-index #shipping-method-list label .price,body.hyva_checkout-index-index #shipping-method-list label [class*=price]{font-weight:600;color:var(--checkout-text)!important}body.hyva_checkout-index-index #payment-method-list>*+*{border-top:0!important}body.hyva_checkout-index-index #payment-method-list .payment-method-content,body.hyva_checkout-index-index #payment-method-list [data-method-content]{padding:6px 0 14px 34px}body.hyva_checkout-index-index #quote-summary .section-title,body.hyva_checkout-index-index .area-right .section-title:first-child,body.hyva_checkout-index-index #quote-summary>.price-summary>.section-title{margin-bottom:18px}body.hyva_checkout-index-index .toneart-checkout-cart-title{color:var(--checkout-text);margin-bottom:4px;font-size:15px;font-weight:550}body.hyva_checkout-index-index #quote-summary .price-summary>[wire\:id=price-summary\.cart-items]{padding-bottom:11px}body.hyva_checkout-index-index #quote-summary .checkout-cart-item{border-bottom:1px solid var(--checkout-border);grid-template-columns:74px minmax(0,1fr);gap:14px;padding:14px 0 16px;display:grid}body.hyva_checkout-index-index #quote-summary .checkout-cart-item img{object-fit:contain;background:#fff;border-radius:8px;width:74px;height:74px}body.hyva_checkout-index-index #quote-summary .checkout-cart-item__name{color:var(--checkout-text);font-size:15px;font-weight:650;line-height:1.4}body.hyva_checkout-index-index #quote-summary .checkout-cart-item__meta{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}body.hyva_checkout-index-index #quote-summary .checkout-cart-item__qty{border:1px solid var(--checkout-border);border-radius:4px;align-items:center;display:inline-flex;overflow:hidden}body.hyva_checkout-index-index #quote-summary .checkout-cart-item__qty button,body.hyva_checkout-index-index #quote-summary .checkout-cart-item__qty span{width:30px;height:32px;color:var(--checkout-text);place-items:center;font-size:15px;display:inline-grid}body.hyva_checkout-index-index #quote-summary .checkout-cart-item__qty button{background:#141414}body.hyva_checkout-index-index #quote-summary .checkout-cart-item__price{color:var(--checkout-text);white-space:nowrap;font-size:15px;font-weight:600}body.hyva_checkout-index-index #quote-summary [wire\:id=checkout\.order-comment]{display:none!important}body.hyva_checkout-index-index #hyva-checkout-main .checkout-summary{color:var(--checkout-text)}body.hyva_checkout-index-index #hyva-checkout-main .checkout-summary .border-t,body.hyva_checkout-index-index #hyva-checkout-main .checkout-summary .border-b,body.hyva_checkout-index-index #hyva-checkout-main .checkout-summary table tr{border-color:var(--checkout-border)!important}body.hyva_checkout-index-index #hyva-checkout-main .checkout-summary table{width:100%;color:var(--checkout-text);font-size:15px;line-height:1.45}body.hyva_checkout-index-index #hyva-checkout-main .checkout-summary th,body.hyva_checkout-index-index #hyva-checkout-main .checkout-summary td{padding:8px 0;color:var(--checkout-text)!important}body.hyva_checkout-index-index #hyva-checkout-main .checkout-summary .grand-total,body.hyva_checkout-index-index #hyva-checkout-main .checkout-summary tr.grand-total{font-size:20px;font-weight:800}body.hyva_checkout-index-index #quote-summary .total-segments{color:var(--checkout-text);font-size:15px;line-height:1.5}body.hyva_checkout-index-index #quote-summary .total-segments>.item{border-color:var(--checkout-border)!important;padding:11px 0!important}body.hyva_checkout-index-index #quote-summary .total-segments>.item .label,body.hyva_checkout-index-index #quote-summary .total-segments>.item .value{font-size:15px;line-height:1.45;color:var(--checkout-text)!important}body.hyva_checkout-index-index #quote-summary .total-segments>.item.grand_total{margin-top:3px;border-top:1px solid #ffffff38!important;padding-top:16px!important}body.hyva_checkout-index-index #quote-summary .total-segments>.item.grand_total .label,body.hyva_checkout-index-index #quote-summary .total-segments>.item.grand_total .value{font-size:21px;line-height:1.3;font-weight:800!important}body.hyva_checkout-index-index #hyva-checkout-main #order-comment{min-height:72px;border:1px solid var(--checkout-border)!important}body.hyva_checkout-index-index #quote-actions{border-top:1px solid var(--checkout-border);margin-top:22px;padding-top:22px}body.hyva_checkout-index-index #hyva-checkout-main #quote-actions{padding-left:clamp(20px,6vw,32px);padding-right:clamp(20px,6vw,32px)}body.hyva_checkout-index-index #quote-summary #quote-actions{border:0;border-top:1px solid var(--checkout-border);background:0 0;margin:18px 0 0;padding:20px clamp(20px,6vw,32px) 24px}body.hyva_checkout-index-index #quote-summary #quote-actions>.section-title{margin-bottom:18px}body.hyva_checkout-index-index #quote-summary .checkout-nav{margin-top:12px}body.hyva_checkout-index-index #quote-actions .section-title:before{display:none}body.hyva_checkout-index-index #quote-actions .section-title{text-align:left;justify-content:flex-start;align-items:center;width:100%;min-height:30px;margin-left:0}body.hyva_checkout-index-index #quote-actions .section-title h2{line-height:1.3;font-size:22px!important;font-weight:750!important}body.hyva_checkout-index-index #quote-actions .space-y-6,body.hyva_checkout-index-index #quote-actions .space-y-4{flex-direction:column;gap:18px;display:flex}body.hyva_checkout-index-index #quote-actions .flex.gap-x-4{align-items:flex-start;gap:18px;display:flex}body.hyva_checkout-index-index #quote-actions .flex.gap-x-4>input.form-checkbox{margin-top:3px}body.hyva_checkout-index-index #quote-actions label,body.hyva_checkout-index-index #quote-actions label a{font-size:15px;font-weight:450;line-height:1.6;color:var(--checkout-text)!important}body.hyva_checkout-index-index #hyva-checkout-main .text-sm{font-size:15px;line-height:1.5}body.hyva_checkout-index-index #hyva-checkout-main .text-xs{font-size:13px;line-height:1.45}body.hyva_checkout-index-index #hyva-checkout-main nav,body.hyva_checkout-index-index #hyva-checkout-main .checkout-navigation{margin-top:22px}body.hyva_checkout-index-index #hyva-checkout-main .btn-primary,body.hyva_checkout-index-index #hyva-checkout-main button.btn-primary,body.hyva_checkout-index-index #hyva-checkout-main button[type=submit].btn{width:100%;min-height:45px;box-shadow:none;text-transform:uppercase;background:linear-gradient(100deg,#36b9df 0%,#54ed89 74%,#f2eb3e 100%);border:0;border-radius:18px;padding:10px 18px;font-size:12px;font-weight:600;color:#07140f!important}body.hyva_checkout-index-index #hyva-checkout-main button.btn-primary svg{color:#07140f}body.hyva_checkout-index-index #payment-section #checkout-coupon-code-details>button.btn-primary{min-width:118px;min-height:40px;padding:8px 16px;font-size:11px;font-weight:700;width:auto!important;box-shadow:none!important;color:#a9e9f7!important;background:#16282d!important;border:1px solid #297f95!important;border-radius:8px!important}body.hyva_checkout-index-index #payment-section #checkout-coupon-code-details>button.btn-primary:hover,body.hyva_checkout-index-index #payment-section #checkout-coupon-code-details>button.btn-primary:focus-visible{color:#fff!important;background:#1d343a!important;border-color:#36b9df!important}body.hyva_checkout-index-index #hyva-checkout-main nav button[x-bind*=buttonPlaceOrder]{letter-spacing:.015em;border-radius:14px;min-height:64px;font-size:17px;font-weight:750!important}body.hyva_checkout-index-index #hyva-checkout-main .toneart-secure-order{width:100%}body.hyva_checkout-index-index #hyva-checkout-main .toneart-secure-order__button{letter-spacing:.01em;text-transform:uppercase;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:12px;width:100%;min-height:64px;padding:13px 24px;line-height:1.2;display:grid;color:#fff!important;background:linear-gradient(100deg,#20ca67 0%,#2fd876 54%,#21c85c 100%)!important;border:1px solid #2ee076!important;border-radius:9px!important;font-size:17px!important;font-weight:800!important;box-shadow:0 10px 28px #1fcf6529!important}body.hyva_checkout-index-index #hyva-checkout-main .toneart-secure-order__button:hover,body.hyva_checkout-index-index #hyva-checkout-main .toneart-secure-order__button:focus-visible{background:linear-gradient(100deg,#24d36d 0%,#39df80 54%,#25ce63 100%)!important;border-color:#5cf094!important;box-shadow:0 12px 32px #1fcf653d!important}body.hyva_checkout-index-index #hyva-checkout-main .toneart-secure-order__button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none!important}body.hyva_checkout-index-index #hyva-checkout-main .toneart-secure-order__button svg{width:28px;height:28px;color:currentColor!important}body.hyva_checkout-index-index #hyva-checkout-main .toneart-secure-order__arrow{justify-self:end}body.hyva_checkout-index-index #hyva-checkout-main .toneart-order-trust{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:17px;display:grid}body.hyva_checkout-index-index #hyva-checkout-main .toneart-order-trust__item{min-width:0;color:var(--checkout-text);justify-content:center;align-items:center;gap:9px;display:flex}body.hyva_checkout-index-index #hyva-checkout-main .toneart-order-trust__item>svg{color:#e9f2f1;flex:0 0 30px;width:30px;height:30px}body.hyva_checkout-index-index #hyva-checkout-main .toneart-order-trust__item:first-child>svg{color:#43e48b}body.hyva_checkout-index-index #hyva-checkout-main .toneart-order-trust__item>span{text-align:left;flex-direction:column;min-width:0;display:flex}body.hyva_checkout-index-index #hyva-checkout-main .toneart-order-trust__item strong,body.hyva_checkout-index-index #hyva-checkout-main .toneart-order-trust__item small{color:var(--checkout-text);font-size:11px;font-weight:650;line-height:1.3}body.hyva_checkout-index-index #hyva-checkout-main .toneart-order-trust__item small{color:var(--checkout-muted);font-weight:500}body.hyva_checkout-index-index #hyva-checkout-main .toneart-order-trust__since{color:#9da5a8;grid-template-columns:minmax(32px,1fr) auto minmax(32px,1fr);align-items:center;gap:12px;margin-top:16px;display:grid}body.hyva_checkout-index-index #hyva-checkout-main .toneart-order-trust__since>span{background:#3a3f41;height:1px}body.hyva_checkout-index-index #hyva-checkout-main .toneart-order-trust__since>strong{color:#9da5a8;font-size:11px;font-weight:500;line-height:1}@media (min-width:768px) and (max-width:1199px){body.hyva_checkout-index-index #hyva-checkout-main>#hyva-checkout-container>.grid{gap:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important}body.hyva_checkout-index-index #hyva-checkout-main .area-main{grid-area:1/1/span 2}body.hyva_checkout-index-index #hyva-checkout-main .area-center,body.hyva_checkout-index-index #hyva-checkout-main .area-right{grid-column:2}}@media (max-width:1023px){body.hyva_checkout-index-index main#maincontent{padding:20px 24px 48px!important}body.hyva_checkout-index-index .toneart-checkout-trust{min-height:196px;padding:24px 28px 20px}body.hyva_checkout-index-index .haroone-trust-banner__body{grid-template-columns:140px minmax(0,1fr) 140px;gap:16px}body.hyva_checkout-index-index .haroone-trust-banner__payments{gap:10px}body.hyva_checkout-index-index .haroone-payment-method img{max-width:70px;height:26px}}@media (max-width:767px){body.hyva_checkout-index-index .page-header,body.hyva_checkout-index-index .toneart-checkout-header{min-height:92px}body.hyva_checkout-index-index .toneart-checkout-header{gap:7px;padding:8px 12px 12px}body.hyva_checkout-index-index .toneart-checkout-header__welcome{font-size:9px}body.hyva_checkout-index-index .toneart-checkout-header__brand img{max-width:154px;height:50px}body.hyva_checkout-index-index main#maincontent{padding:12px 16px 36px!important}body.hyva_checkout-index-index .toneart-checkout-intro{gap:12px;min-height:42px;margin-bottom:10px}body.hyva_checkout-index-index .toneart-checkout-intro__title{font-size:23px}body.hyva_checkout-index-index .toneart-checkout-intro__account{border-radius:10px;min-width:88px;min-height:36px;padding:8px 14px;font-size:11px}body.hyva_checkout-index-index .toneart-checkout-trust{border-left-width:4px;min-height:0;margin-bottom:12px;padding:18px 14px 16px}body.hyva_checkout-index-index .haroone-close-trust-banner{width:30px;height:30px;top:7px;right:7px}body.hyva_checkout-index-index .haroone-trust-banner__claim{margin:0 28px 14px;font-size:13px}body.hyva_checkout-index-index .haroone-trust-banner__body{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}body.hyva_checkout-index-index .haroone-trust-banner__trust img{width:52px;height:52px}body.hyva_checkout-index-index .haroone-trust-banner__trust strong{max-width:135px;font-size:11px}body.hyva_checkout-index-index .haroone-trust-banner__payments{border-top:1px solid #07111624;grid-area:2/1/auto/-1;grid-template-columns:repeat(4,minmax(58px,1fr));gap:6px;padding-top:8px}body.hyva_checkout-index-index .haroone-payment-method img{max-width:55px;height:22px}body.hyva_checkout-index-index .haroone-payment-method span{font-size:9px}body.hyva_checkout-index-index .haroone-trust-banner__message{margin-top:12px;font-size:11px}body.hyva_checkout-index-index #hyva-checkout-main{font-size:15px;line-height:1.5}body.hyva_checkout-index-index #hyva-checkout-main>#hyva-checkout-container>.grid,body.hyva_checkout-index-index #hyva-checkout-main .area-right{flex-direction:column;gap:12px;display:flex;grid-template-columns:minmax(0,1fr)!important}body.hyva_checkout-index-index #hyva-checkout-main .area-main,body.hyva_checkout-index-index #hyva-checkout-main .area-center>fieldset,body.hyva_checkout-index-index #hyva-checkout-main .area-right>fieldset,body.hyva_checkout-index-index #hyva-checkout-main .area-right>.checkout-section,body.hyva_checkout-index-index #hyva-checkout-main .area-right>div{border-radius:10px;width:100%;padding:18px}body.hyva_checkout-index-index #shipping-method-list label{grid-template-columns:22px 64px minmax(0,1fr)}body.hyva_checkout-index-index #shipping-method-list label>:last-child{grid-column:2/-1}body.hyva_checkout-index-index #payment-section #checkout-coupon-code-details{grid-template-columns:minmax(0,1fr)}body.hyva_checkout-index-index #payment-section #checkout-coupon-code-details>button.btn-primary{justify-self:end;min-width:118px;width:auto!important}body.hyva_checkout-index-index #hyva-checkout-main .toneart-secure-order__button{grid-template-columns:25px minmax(0,1fr) 25px;gap:8px;min-height:60px;padding:12px 16px;font-size:15px!important}body.hyva_checkout-index-index #hyva-checkout-main .toneart-secure-order__button svg{width:25px;height:25px}body.hyva_checkout-index-index #hyva-checkout-main .toneart-order-trust{gap:8px;margin-top:16px}body.hyva_checkout-index-index #hyva-checkout-main .toneart-order-trust__item{text-align:center;flex-direction:column;gap:6px}body.hyva_checkout-index-index #hyva-checkout-main .toneart-order-trust__item>span{text-align:center;align-items:center}body.hyva_checkout-index-index #hyva-checkout-main .toneart-order-trust__item strong,body.hyva_checkout-index-index #hyva-checkout-main .toneart-order-trust__item small{font-size:10px}}}@layer utilities{.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.backdrop{background-color:var(--backdrop,#0003);position:fixed;inset:0}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-inset-4{inset:calc(var(--spacing) * -4)}.inset-0{inset:0}.inset-y-0{inset-block:0}.-top-2{top:calc(var(--spacing) * -2)}.-top-3{top:calc(var(--spacing) * -3)}.top-0{top:0}.top-full{top:100%}.-right-2\.5{right:calc(var(--spacing) * -2.5)}.right-0{right:0}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:0}.bottom-\[calc\(theme\(spacing\.5\)_\/_2_-_2px\)\]{bottom:calc(.625rem - 2px)}.-left-2{left:calc(var(--spacing) * -2)}.left-0{left:0}.isolate{isolation:isolate}.-z-10{z-index:calc(10 * -1)}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.order-3{order:3}.order-last{order:9999}.col-span-2{grid-column:span 2/span 2}.col-span-6{grid-column:span 6/span 6}.col-span-12{grid-column:span 12/span 12}.col-span-full{grid-column:1/-1}.\!container{width:100%!important}@media (min-width:40rem){.\!container{max-width:40rem!important}}@media (min-width:48rem){.\!container{max-width:48rem!important}}@media (min-width:64rem){.\!container{max-width:64rem!important}}@media (min-width:80rem){.\!container{max-width:80rem!important}}@media (min-width:96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-auto{margin:auto}.\!container{padding-inline:calc(var(--spacing) * 6)!important;margin-inline:auto!important}.container{padding-inline:calc(var(--spacing) * 6);margin-inline:auto}.mx-1{margin-inline:var(--spacing)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-0{margin-block:0}.my-1{margin-block:var(--spacing)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-6{margin-block:calc(var(--spacing) * 6)}.ms-1{margin-inline-start:var(--spacing)}.me-1{margin-inline-end:var(--spacing)}.mt-0{margin-top:0}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.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-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing)}.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-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.box-content{box-sizing:content-box}.btn{--btn-stroke:#0000;--btn-bg:#1f48c51a}@supports (color:color-mix(in lab, red, red)){.btn{--btn-bg:color-mix(in srgb, var(--color-primary) 10%, #0000)}}.btn{--btn-hover-bg:#1f48c533}@supports (color:color-mix(in lab, red, red)){.btn{--btn-hover-bg:color-mix(in srgb, var(--color-primary) 20%, #0000)}}.btn{--btn-active-bg:#1f48c54d}@supports (color:color-mix(in lab, red, red)){.btn{--btn-active-bg:color-mix(in srgb, var(--color-primary) 30%, #0000)}}.btn{--btn-color:var(--color-fg);justify-content:center;align-items:center;gap:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 4);border-radius:var(--radius-lg);border-width:2px;border-color:var(--btn-stroke);background-color:var(--btn-bg);color:var(--btn-color);-webkit-user-select:none;user-select:none;vertical-align:middle;transition-property:color,background-color,border-color,outline-color;transition-timing-function:var(--default-transition-timing-function);transition-duration:var(--default-transition-duration);font-weight:500;display:inline-flex}.btn:hover{border-color:var(--btn-hover-stroke,var(--btn-stroke));background-color:var(--btn-hover-bg,var(--btn-bg));color:var(--btn-hover-color,var(--btn-color));text-decoration:none}.btn:is(:active,.is-active,[aria-current=page],[aria-current=true]){border-color:var(--btn-active-stroke,var(--btn-stroke));background-color:var(--btn-active-bg,var(--btn-bg));color:var(--btn-active-color,var(--btn-color))}.btn:is(:disabled,[aria-disabled=true]){border-color:var(--btn-disabled-stroke,var(--color-gray-200));background-color:var(--btn-disabled-bg,var(--color-gray-50));color:var(--btn-disabled-color,var(--color-gray-500))}.stack{display:grid}.stack>*,.stack>:before,.stack>:after{grid-area:1/1}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.list-none::-webkit-details-marker{display:none}.table{display:table}.table-caption{display:table-caption}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-96{height:calc(var(--spacing) * 96)}.h-\[1\.125rem\]{height:1.125rem}.h-\[4px\]{height:4px}.h-full{height:100%}.h-screen{height:100vh}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.w-0{width:0}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-52{width:calc(var(--spacing) * 52)}.w-100{width:calc(var(--spacing) * 100)}.w-\[1\.125rem\]{width:1.125rem}.w-full{width:100%}.w-screen{width:100vw}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-fit{max-width:fit-content}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-screen-lg{max-width:var(--breakpoint-lg)}.min-w-0{min-width:0}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow,.grow-1{flex-grow:1}.origin-bottom-left{transform-origin:0 100%}.translate-x-0{--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-12{--tw-translate-y:calc(var(--spacing) * 12);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-80{--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-45{rotate:45deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-ping{animation:var(--animate-ping)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-\[1\.5fr_1fr\]{grid-template-columns:1.5fr 1fr}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>: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)))}: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-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-1{column-gap:var(--spacing)}.gap-x-1\.5{column-gap:calc(var(--spacing) * 1.5)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-2\.5{column-gap:calc(var(--spacing) * 2.5)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}:where(.space-x-0\.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)))}: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)))}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}.self-start{align-self:flex-start}.justify-self-center{justify-self:center}.justify-self-end{justify-self:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-container{border-color:var(--color-container)}.border-container-lighter{border-color:var(--color-container-lighter)}.border-current{border-color:currentColor}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-gray-600{border-color:var(--color-gray-600)}.border-primary{border-color:var(--color-primary)}.border-red-600{border-color:var(--color-red-600)}.border-red-700{border-color:var(--color-red-700)}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-400{border-color:var(--color-slate-400)}.border-white{border-color:var(--color-white)}.border-yellow-400{border-color:var(--color-yellow-400)}.bg-black[class*=bg-opacity-]{background-color:#000}@supports (color:color-mix(in lab, red, red)){.bg-black[class*=bg-opacity-]{background-color:color-mix(in srgb, var(--color-black) calc(100% / var(--tw-bg-opacity)), #0000)}}.bg-black{background-color:var(--color-black)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-container-darker{background-color:var(--color-container-darker)}.bg-container-lighter{background-color:var(--color-container-lighter)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-inherit{background-color:inherit}.bg-primary[class*=bg-opacity-]{background-color:oklch(46% .2 265)}@supports (color:color-mix(in lab, red, red)){.bg-primary[class*=bg-opacity-]{background-color:color-mix(in srgb, var(--color-primary) calc(100% / var(--tw-bg-opacity)), #0000)}}.bg-primary{background-color:var(--color-primary)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-surface{background-color:var(--color-surface)}.bg-transparent{background-color:#0000}.bg-white[class*=bg-opacity-]{background-color:#fff}@supports (color:color-mix(in lab, red, red)){.bg-white[class*=bg-opacity-]{background-color:color-mix(in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000)}}.bg-white{background-color:var(--color-white)}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-500{background-color:var(--color-yellow-500)}.mask-b-from-80\%{-webkit-mask-image:var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);-webkit-mask-image:var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);mask-image:var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);--tw-mask-linear:var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);--tw-mask-bottom:linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position));--tw-mask-bottom-from-position:80%;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect}.stroke-current{stroke:currentColor}.stroke-2{stroke-width:2px}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.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)}.py-0{padding-block:0}.py-1{padding-block:var(--spacing)}.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-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-0{padding-top:0}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:start}.align-bottom{vertical-align:bottom}.align-top{vertical-align:top}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--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))}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}.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-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-words,.wrap-break-word{overflow-wrap:break-word}.hyphens-auto{-webkit-hyphens:auto;hyphens:auto}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-blue-600{color:var(--color-blue-600)}.text-blue-900{color:var(--color-blue-900)}.text-fg-secondary{color:var(--color-fg-secondary)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-primary{color:var(--color-primary)}.text-purple-700{color:var(--color-purple-700)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-secondary{color:var(--color-secondary)}.text-secondary-darker{color:var(--color-secondary-darker)}.text-slate-300{color:var(--color-slate-300)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-white{color:var(--color-white)}.text-yellow-600{color:var(--color-yellow-600)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.not-italic{font-style:normal}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);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,#00000040);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,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);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,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-offset-2{outline-offset:2px}.blur{--tw-blur:blur(8px);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,)}.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-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-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: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,-webkit-backdrop-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-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-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-600{--tw-duration:.6s;transition-duration:.6s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.btn-primary{--btn-stroke:#0000;--btn-bg:var(--color-primary);--btn-color:var(--color-on-primary);--btn-hover-stroke:#0000;--btn-hover-bg:var(--color-primary-lighter);--btn-hover-color:var(--color-on-primary);--btn-active-stroke:#0000;--btn-active-bg:var(--color-primary);--btn-active-color:var(--color-on-primary)}.btn-secondary{--btn-stroke:var(--color-primary-lighter);--btn-bg:var(--color-on-primary);--btn-color:var(--color-primary-darker);--btn-hover-stroke:var(--color-primary-lighter);--btn-hover-bg:var(--color-on-primary);--btn-hover-color:var(--color-primary-lighter);--btn-active-stroke:#0000;--btn-active-bg:var(--color-primary);--btn-active-color:var(--color-on-primary)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.\[--line-after\:theme\(colors\.primary\.DEFAULT\)\]{--line-after:oklch(46% .2 265)}.\[--line-before\:\#0000\]{--line-before:#0000}.\[--line-before\:theme\(colors\.primary\.DEFAULT\)\]{--line-before:oklch(46% .2 265)}.\[wire\:auto-save\]{wire:auto-save}.\[wire\:model\.defer\]{wire:model.defer}.\[wire\:model\]{wire:model}.\[wire\:select\]{wire:select}.bg-opacity-10{--tw-bg-opacity:10}.bg-opacity-50{--tw-bg-opacity:50}.bg-opacity-75{--tw-bg-opacity:75}.bg-opacity-90{--tw-bg-opacity:90}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}@media (hover:hover){.group-hover\:-translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:bg-gray-300:is(:where(.group):hover *){background-color:var(--color-gray-300)}.group-hover\:text-gray-600:is(:where(.group):hover *){color:var(--color-gray-600)}}.group-disabled\:invisible:is(:where(.group):disabled *){visibility:hidden}.group-disabled\:flex:is(:where(.group):disabled *){display:flex}.group-aria-expanded\:rotate-180:is(:where(.group)[aria-expanded=true] *){rotate:180deg}.backdrop\:backdrop::backdrop{background-color:var(--backdrop,#0003);position:fixed;inset:0}.first\:\[--line-before\:\#0000\]:first-child{--line-before:#0000}.last\:\[--line-after\:\#0000\]:last-child{--line-after:#0000}@media (hover:hover){.hover\:cursor-pointer:hover{cursor:pointer}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:text-black:hover{color:var(--color-black)}.hover\:text-green-700:hover{color:var(--color-green-700)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:underline:hover{text-decoration-line:underline}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:absolute:focus{position:absolute}.focus\:bg-white:focus[class*=bg-opacity-]{background-color:#fff}@supports (color:color-mix(in lab, red, red)){.focus\:bg-white:focus[class*=bg-opacity-]{background-color:color-mix(in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000)}}.focus\:bg-white:focus{background-color:var(--color-white)}.focus\:p-2:focus{padding:calc(var(--spacing) * 2)}.disabled\:opacity-60:disabled{opacity:.6}.aria-\[current\=step\]\:font-bold[aria-current=step]{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.data-\[expanded\=true\]\:mb-3[data-expanded=true]{margin-bottom:calc(var(--spacing) * 3)}.data-\[expanded\=true\]\:h-auto[data-expanded=true]{height:auto}.data-\[expanded\=true\]\:mask-none[data-expanded=true]{-webkit-mask-image:none;mask-image:none}@media (min-width:40rem){.sm\:order-2{order:2}.sm\:mt-0{margin-top:0}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:duration-700{--tw-duration:.7s;transition-duration:.7s}}@media (min-width:48rem){.md\:right-5{right:calc(var(--spacing) * 5)}.md\:order-3{order:3}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-9{grid-column:span 9/span 9}.md\:col-span-12{grid-column:span 12/span 12}.md\:mt-0{margin-top:0}.md\:w-1\/2{width:50%}.md\:w-1\/4{width:25%}.md\:w-2\/4{width:50%}.md\:w-3\/4{width:75%}.md\:w-4\/4{width:100%}.md\:w-\[50vw\]{width:50vw}.md\:max-w-sm{max-width:var(--container-sm)}.md\:max-w-xs{max-width:var(--container-xs)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-col-reverse{flex-direction:column-reverse}.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:justify-start{justify-content:flex-start}.md\:gap-0{gap:0}.md\:gap-4{gap:calc(var(--spacing) * 4)}:where(.md\:space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block:0}.md\:gap-x-2{column-gap:calc(var(--spacing) * 2)}:where(.md\: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)))}.md\:justify-self-end{justify-self:flex-end}.md\:justify-self-start{justify-self:flex-start}.md\:py-4{padding-block:calc(var(--spacing) * 4)}.md\:pr-4{padding-right:calc(var(--spacing) * 4)}.md\:pl-6{padding-left:calc(var(--spacing) * 6)}.md\:text-start{text-align:start}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:64rem){.lg\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lg\:sticky{position:sticky}.lg\:top-6{top:calc(var(--spacing) * 6)}.lg\:order-2{order:2}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:inline-flex{display:inline-flex}.lg\:w-1\/3{width:33.3333%}.lg\:w-1\/4{width:25%}.lg\:flex-1{flex:1}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0px\,1fr\)_26rem\]{grid-template-columns:minmax(0,1fr) 26rem}.lg\:flex-col{flex-direction:column}.lg\:items-center{align-items:center}.lg\:gap-4{gap:calc(var(--spacing) * 4)}:where(.lg\: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)))}.lg\:px-5{padding-inline:calc(var(--spacing) * 5)}.lg\:py-2{padding-block:calc(var(--spacing) * 2)}.lg\:font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}}@media (min-width:80rem){.xl\:mt-0{margin-top:0}.xl\:flex{display:flex}.xl\:w-1\/2{width:50%}.xl\:flex-row{flex-direction:row}:where(.xl\:space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block:0}:where(.xl\: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)))}.xl\:focus-within\:relative:focus-within{position:relative}}.rtl\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:180deg}@media (min-width:40rem){.sm\:\[\&_\.label-street\.sr-only\]\:invisible .label-street.sr-only{visibility:hidden}.sm\:\[\&_\.label-street\.sr-only\]\:not-sr-only .label-street.sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.sm\:\[\&_\.label-street\.sr-only\]\:mb-2 .label-street.sr-only{margin-bottom:calc(var(--spacing) * 2)}}@media (min-width:48rem){.md\:\[\&_label\.sr-only\]\:invisible label.sr-only{visibility:hidden}.md\:\[\&_label\.sr-only\]\:not-sr-only label.sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.md\:\[\&_label\.sr-only\]\:mb-2 label.sr-only{margin-bottom:calc(var(--spacing) * 2)}}}@media print{*,:before,:after{box-shadow:none!important;text-shadow:none!important}:is(h1,h2,h3,h4,h5,h6){page-break-after:avoid}:is(h2,h3,h4,h5,h6,p){orphans:3;widows:3}:is(tr,img,svg,pre,blockquote){page-break-inside:avoid}abbr[title]:after{content:" (" attr(title) ")"}:is(.columns,.container){max-width:100%!important}}[x-cloak]{display:none!important}.btn-size-lg{padding-inline:calc(var(--spacing) * 10);padding-block:calc(var(--spacing) * 4);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.btn-size-sm{padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.page.messages{z-index:20;position:sticky;top:0}.page.messages .messages section#messages{width:100%}@media (min-width:40rem){.page.messages .messages section#messages{max-width:40rem}}@media (min-width:48rem){.page.messages .messages section#messages{max-width:48rem}}@media (min-width:64rem){.page.messages .messages section#messages{max-width:64rem}}@media (min-width:80rem){.page.messages .messages section#messages{max-width:80rem}}@media (min-width:96rem){.page.messages .messages section#messages{max-width:96rem}}.page.messages .messages section#messages{padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 3);margin-inline:auto}.price-box .price{font-size:var(--price-font-size,var(--text-base));font-weight:var(--price-font-weight,bolder)}.price-box .old-price,.price-box .special-price{display:block}:is(.price-box .old-price,.price-box .special-price) .price-label{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.price-box .old-price{--price-font-size:.875em;--price-font-weight:normal}.price-box .old-price .price{text-decoration:line-through}.price-box .price-excluding-tax{display:block}.price-box .price-excluding-tax:after{content:" " attr(data-label);font-size:var(--price-font-size-label,.875rem);font-weight:var(--price-font-weight,normal)}.price-box .price-tax-label{font-size:var(--price-font-size-label,.875rem)}.price-including-tax+.price-excluding-tax{--price-font-size:1rem}.price-container.price-tier_price{gap:var(--spacing);display:flex}.price-container.price-tier_price>.price-including-tax+.price-excluding-tax:before{content:"(" attr(data-label) ": "}.price-container.price-tier_price>.price-including-tax+.price-excluding-tax:after{content:")"}.grecaptcha-badge{visibility:hidden}.page-wrapper{flex-direction:column;min-height:100vh;display:flex}.page-main{margin-block:calc(var(--spacing) * 8);flex-grow:1}.columns{gap:calc(var(--spacing) * 4) calc(var(--spacing) * 8);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:48rem){:is([class*=page-layout-2columns-],.page-layout-3columns){--sidebar-width:240px;--main-width:minmax(0px, 1fr);--page-layout:var(--sidebar-width) var(--main-width)}:is([class*=page-layout-2columns-],.page-layout-3columns) .columns{grid-template-columns:var(--page-layout);grid-template-rows:auto 1fr}:is([class*=page-layout-2columns-],.page-layout-3columns) .columns>.column.main{grid-row:span 2}.page-layout-2columns-left .columns>.column.main{grid-column-start:2}.page-layout-2columns-right{--page-layout:var(--main-width) var(--sidebar-width)}.page-layout-2columns-right .columns>.column.main{order:-1}}@media (min-width:64rem){[class*=page-layout-2columns-],.page-layout-3columns{--sidebar-width:320px}}@media (min-width:80rem){.page-layout-3columns{--sidebar-width:240px;--page-layout:var(--sidebar-width) var(--main-width) var(--sidebar-width)}}#customer-login-container{column-gap:calc(var(--spacing) * 4);row-gap:calc(var(--spacing) * 8);padding-block:calc(var(--spacing) * 8);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media (min-width:48rem){#customer-login-container{grid-template-columns:repeat(2,minmax(0,1fr))}}.order-links{gap:calc(var(--spacing) * 4);flex-wrap:wrap;display:flex}.order-links a{text-decoration:underline}.product-item{--price-font-size:1.25em}.product-item .price-from,.product-item .price-to{--price-font-size:1em}.product-info-main{--price-font-size:clamp(1.5em, 2.5vw, 2.5em)}.product-info-main .old-price{--price-font-size:1em}.product-info-main .product-grouped-options,.product-info-main .price-from,.product-info-main .price-to{--price-font-size:1.5em}.wishlist-widget .price-box .price-label,.wishlist-widget .price-box .old-price{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.product-image-container{margin-inline:auto;display:block}[data-content-type=row][data-appearance=contained]{width:100%}@media (min-width:40rem){[data-content-type=row][data-appearance=contained]{max-width:40rem}}@media (min-width:48rem){[data-content-type=row][data-appearance=contained]{max-width:48rem}}@media (min-width:64rem){[data-content-type=row][data-appearance=contained]{max-width:64rem}}@media (min-width:80rem){[data-content-type=row][data-appearance=contained]{max-width:80rem}}@media (min-width:96rem){[data-content-type=row][data-appearance=contained]{max-width:96rem}}[data-content-type=row][data-appearance=contained]{padding-inline:calc(var(--spacing) * 6);margin-inline:auto}[data-content-type=row][data-appearance=contained] [data-element=inner],[data-content-type=row][data-appearance=full-bleed],[data-content-type=row][data-appearance=full-width]{background-attachment:scroll!important}body:where(:not([class*=-full-width])) [data-content-type=row][data-appearance=contained]{padding-inline:0}[data-content-type=column-group],[data-content-type=column-line]{flex-wrap:wrap}@media (min-width:48rem){[data-content-type=column-group],[data-content-type=column-line]{flex-wrap:nowrap}}[data-content-type=column]{flex-basis:100%;width:100%;max-width:100%;background-attachment:scroll!important}@media (min-width:48rem){[data-content-type=column]{flex-basis:auto}}[data-content-type=tabs] .tabs-navigation{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);margin-bottom:-1px;padding:0;display:block}[data-content-type=tabs] .tabs-navigation li.tab-header{border-style:var(--tw-border-style);border-width:1px;border-bottom-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-bottom-width:0;border-color:var(--color-gray-300);background-color:var(--color-gray-100);overflow-wrap:break-word;margin-block:0;border-bottom-right-radius:0;border-bottom-left-radius:0;max-width:100%;margin-left:-1px;margin-right:0;display:inline-block;position:relative}[data-content-type=tabs] .tabs-navigation li.tab-header:first-child{margin-left:0}[data-content-type=tabs] .tabs-navigation li.tab-header.active{z-index:20}[data-content-type=tabs] .tabs-navigation li.tab-header.active[class*=bg-opacity-]{background-color:#fff}@supports (color:color-mix(in lab, red, red)){[data-content-type=tabs] .tabs-navigation li.tab-header.active[class*=bg-opacity-]{background-color:color-mix(in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000)}}[data-content-type=tabs] .tabs-navigation li.tab-header.active{background-color:var(--color-white);border-bottom:1px solid #fff}[data-content-type=tabs] .tabs-navigation li.tab-header a.tab-title{cursor:pointer;padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 3);vertical-align:middle;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);white-space:normal;display:block;position:relative}[data-content-type=tabs] .tabs-navigation li.tab-header a.tab-title span{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-black)}[data-content-type=tabs] .tabs-content{z-index:10;border-radius:var(--radius-sm);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--color-gray-300);background-color:var(--color-container-lighter);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);position:relative;overflow:hidden}[data-content-type=tabs] .tabs-content [data-content-type=tab-item]{padding:calc(var(--spacing) * 8);min-height:inherit;background-attachment:scroll!important}[data-content-type=tabs].tab-align-left .tabs-content{border-top-left-radius:0!important}[data-content-type=tabs].tab-align-right .tabs-content{border-top-right-radius:0!important}[data-content-type=text],[data-content-type=heading],[data-content-type=html]{overflow-wrap:break-word}[data-content-type=buttons]{max-width:100%}[data-content-type=buttons] [data-content-type=button-item]{margin-right:calc(var(--spacing) * 2);margin-bottom:calc(var(--spacing) * 2);max-width:100%}[data-content-type=buttons] [data-content-type=button-item] [data-element=link],[data-content-type=buttons] [data-content-type=button-item] [data-element=empty_link]{overflow-wrap:break-word;max-width:100%}[data-content-type=buttons] [data-content-type=button-item] [data-element=empty_link]{cursor:default}[data-content-type=buttons] [data-content-type=button-item] :is(a,button,div){--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);display:inline-block}:is(a,button,div).pagebuilder-button-primary{--btn-bg:color-mix(in srgb, var(--color-primary) 10%, #0000);--btn-hover-bg:color-mix(in srgb, var(--color-primary) 20%, #0000);--btn-active-bg:color-mix(in srgb, var(--color-primary) 30%, #0000);--btn-color:var(--color-fg);justify-content:center;align-items:center;gap:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 4);border-radius:var(--radius-lg);border-width:2px;border-color:var(--btn-stroke);background-color:var(--btn-bg);color:var(--btn-color);-webkit-user-select:none;user-select:none;vertical-align:middle;transition-property:color,background-color,border-color,outline-color;transition-timing-function:var(--default-transition-timing-function);transition-duration:var(--default-transition-duration);font-weight:500;display:inline-flex}:is(a,button,div).pagebuilder-button-primary:hover{border-color:var(--btn-hover-stroke,var(--btn-stroke));background-color:var(--btn-hover-bg,var(--btn-bg));color:var(--btn-hover-color,var(--btn-color));text-decoration:none}:is(a,button,div).pagebuilder-button-primary:is(:active,.is-active,[aria-current=page],[aria-current=true]){border-color:var(--btn-active-stroke,var(--btn-stroke));background-color:var(--btn-active-bg,var(--btn-bg));color:var(--btn-active-color,var(--btn-color))}:is(a,button,div).pagebuilder-button-primary:is(:disabled,[aria-disabled=true]){border-color:var(--btn-disabled-stroke,var(--color-gray-200));background-color:var(--btn-disabled-bg,var(--color-gray-50));color:var(--btn-disabled-color,var(--color-gray-500))}:is(a,button,div).pagebuilder-button-primary{--btn-stroke:#0000;--btn-bg:var(--color-primary);--btn-color:var(--color-on-primary);--btn-hover-stroke:#0000;--btn-hover-bg:var(--color-primary-lighter);--btn-hover-color:var(--color-on-primary);--btn-active-stroke:#0000;--btn-active-bg:var(--color-primary);--btn-active-color:var(--color-on-primary)}:is(a,button,div).pagebuilder-button-secondary{--btn-stroke:#0000;--btn-bg:#1f48c51a}@supports (color:color-mix(in lab, red, red)){:is(a,button,div).pagebuilder-button-secondary{--btn-bg:color-mix(in srgb, var(--color-primary) 10%, #0000)}}:is(a,button,div).pagebuilder-button-secondary{--btn-hover-bg:#1f48c533}@supports (color:color-mix(in lab, red, red)){:is(a,button,div).pagebuilder-button-secondary{--btn-hover-bg:color-mix(in srgb, var(--color-primary) 20%, #0000)}}:is(a,button,div).pagebuilder-button-secondary{--btn-active-bg:#1f48c54d}@supports (color:color-mix(in lab, red, red)){:is(a,button,div).pagebuilder-button-secondary{--btn-active-bg:color-mix(in srgb, var(--color-primary) 30%, #0000)}}:is(a,button,div).pagebuilder-button-secondary{--btn-color:var(--color-fg);justify-content:center;align-items:center;gap:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 4);border-radius:var(--radius-lg);border-width:2px;border-color:var(--btn-stroke);background-color:var(--btn-bg);color:var(--btn-color);-webkit-user-select:none;user-select:none;vertical-align:middle;transition-property:color,background-color,border-color,outline-color;transition-timing-function:var(--default-transition-timing-function);transition-duration:var(--default-transition-duration);font-weight:500;display:inline-flex}:is(a,button,div).pagebuilder-button-secondary:hover{border-color:var(--btn-hover-stroke,var(--btn-stroke));background-color:var(--btn-hover-bg,var(--btn-bg));color:var(--btn-hover-color,var(--btn-color));text-decoration:none}:is(a,button,div).pagebuilder-button-secondary:is(:active,.is-active,[aria-current=page],[aria-current=true]){border-color:var(--btn-active-stroke,var(--btn-stroke));background-color:var(--btn-active-bg,var(--btn-bg));color:var(--btn-active-color,var(--btn-color))}:is(a,button,div).pagebuilder-button-secondary:is(:disabled,[aria-disabled=true]){border-color:var(--btn-disabled-stroke,var(--color-gray-200));background-color:var(--btn-disabled-bg,var(--color-gray-50));color:var(--btn-disabled-color,var(--color-gray-500))}:is(a,button,div).pagebuilder-button-secondary{--btn-stroke:var(--color-primary-lighter);--btn-bg:var(--color-on-primary);--btn-color:var(--color-primary-darker);--btn-hover-stroke:var(--color-primary-lighter);--btn-hover-bg:var(--color-on-primary);--btn-hover-color:var(--color-primary-lighter);--btn-active-stroke:#0000;--btn-active-bg:var(--color-primary);--btn-active-color:var(--color-on-primary)}[data-content-type=divider] hr{border-block-end:0;border-inline:0}[data-content-type=image]>[data-element=link],[data-content-type=image]>[data-element=link] img{border-radius:inherit}[data-content-type=image] .pagebuilder-mobile-hidden{display:none}@media (min-width:48rem){[data-content-type=image] .pagebuilder-mobile-hidden{display:inline-block}}[data-content-type=image] .pagebuilder-mobile-only{display:inline-block}@media (min-width:48rem){[data-content-type=image] .pagebuilder-mobile-only{display:none}}[data-content-type=image] figcaption{overflow-wrap:break-word}[data-content-type=video] .pagebuilder-video-wrapper{overflow:hidden}[data-content-type=video] :is(iframe,video){aspect-ratio:16/9}:is([data-content-type=banner],[data-content-type=slide]){--pagebuilder-overlay-mx:0}:is([data-content-type=banner],[data-content-type=slide]) .pagebuilder-overlay{max-inline-size:var(--container-lg);margin-inline:var(--pagebuilder-overlay-mx);padding:calc(var(--spacing) * 8);border-radius:inherit;transition:background-color .5s}:is([data-content-type=banner],[data-content-type=slide]) .pagebuilder-overlay.pagebuilder-poster-overlay{max-inline-size:100%;min-block-size:inherit;justify-content:center;align-items:center;display:flex}:is([data-content-type=banner],[data-content-type=slide])[data-appearance=collage-centered]{--pagebuilder-overlay-mx:auto}:is([data-content-type=banner],[data-content-type=slide])[data-appearance=collage-left]{--pagebuilder-overlay-mx:0 auto}:is([data-content-type=banner],[data-content-type=slide])[data-appearance=collage-right]{--pagebuilder-overlay-mx:auto 0}[data-content-type=banner]>:is([data-element=link],[data-element=empty_link]),[data-content-type=banner]>:is([data-element=link],[data-element=empty_link]):hover{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}[data-content-type=banner] .pagebuilder-banner-wrapper{overflow-wrap:break-word;border-radius:inherit;background-clip:padding-box;background-attachment:scroll!important}[data-content-type=banner] .pagebuilder-banner-wrapper .pagebuilder-overlay{position:relative}[data-content-type=banner] .pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay){max-width:none}@media (min-width:48rem){[data-content-type=banner] .pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay){max-width:var(--container-xl)}}[data-content-type=banner] .pagebuilder-banner-wrapper.jarallax .video-overlay{z-index:0}[data-content-type=banner] .pagebuilder-banner-wrapper [data-element=content]{min-height:50px;overflow:auto}[data-content-type=banner] .pagebuilder-banner-wrapper .pagebuilder-banner-button{margin:0;margin-top:calc(var(--spacing) * 5);max-width:100%;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:.5s;--tw-ease:var(--ease-in-out);transition-duration:.5s;transition-timing-function:var(--ease-in-out);overflow-wrap:break-word;text-align:inherit;display:inline-block}[data-content-type=banner] .pagebuilder-banner-wrapper .pagebuilder-poster-content{width:100%}[data-content-type=slider]{padding-block-end:calc(var(--spacing) * 12);position:relative}[data-content-type=slider]:not(:has(.snap-track)){padding-block:calc(var(--spacing) * 6) calc(calc(var(--spacing) * 6) + calc(var(--spacing) * 12));overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:100%;grid-auto-flow:column;display:grid;overflow-x:auto}@media (prefers-reduced-motion:no-preference){[data-content-type=slider]:not(:has(.snap-track)){scroll-behavior:smooth}}[data-content-type=slider]:not(:has(.snap-track))>*{scroll-snap-align:start}[data-content-type=slider] [data-page-builder-slider-nav]{position:absolute;inset:auto 0 0}[data-content-type=slide]{--overlay-align:initial;position:relative}[data-content-type=slide] .pagebuilder-slide-wrapper{border-radius:inherit;min-block-size:inherit;overflow-wrap:break-word}[data-content-type=slide] .pagebuilder-slide-wrapper.jarallax .video-overlay{-webkit-transform:unset;z-index:1}[data-content-type=slide] .pagebuilder-slide-wrapper.jarallax .pagebuilder-overlay{z-index:2;position:relative}[data-content-type=slide] .pagebuilder-slide-wrapper.jarallax [id*=jarallax-container]>:is(div,img,video,iframe){margin:auto!important;transform:none!important}[data-content-type=slide] .pagebuilder-poster-content{inline-size:100%}[data-content-type=slide] [data-element=content]{min-height:50px;overflow:auto}[data-content-type=map]{block-size:300px}[data-content-type$=block] .block p:last-child{margin-block:0 calc(var(--spacing) * 4)}[data-content-type=dynamic_block] [data-content-type=image] img{display:inline-block}[data-content-type=dynamic_block] .block-banners .banner-item-content,[data-content-type=dynamic_block] .block-banners-inline .banner-item-content{margin-block-end:auto}[wire\:loading],[wire\:loading\.delay],[wire\:loading\.inline-block],[wire\:loading\.inline],[wire\:loading\.block],[wire\:loading\.flex],[wire\:loading\.table],[wire\:loading\.grid],[wire\:loading\.inline-flex],[wire\:loading\.delay\.shortest],[wire\:loading\.delay\.shorter],[wire\:loading\.delay\.short],[wire\:loading\.delay\.long],[wire\:loading\.delay\.longer],[wire\:loading\.delay\.longest],[wire\:offline],[wire\:dirty]:not(textarea):not(input):not(select){display:none}:is(input:autofill,select:autofill,textarea:autofill){animation-name:livewireautofill;animation-duration:50000s}#livewire-error iframe{background-color:#fff!important;border-radius:.375rem!important;padding:.75rem 1rem!important}.mollie-component{border-style:var(--tw-border-style);padding:calc(var(--spacing) * 2);border-width:1px;border-radius:.25rem}.mollie-component[class*=bg-opacity-]{background-color:#fff}@supports (color:color-mix(in lab, red, red)){.mollie-component[class*=bg-opacity-]{background-color:color-mix(in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000)}}.mollie-component{background-color:var(--color-white)}.mollie-component.is-invalid{background-color:var(--color-red-100)}.mollie-card-component{margin-bottom:calc(var(--spacing) * 2)}.mollie-card-component__error{color:var(--color-red-600);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.btn.btn-primary.apple-pay-button{font-size:0!important}@supports ((-webkit-appearance:-apple-pay-button)){.apple-pay-button-with-text{-webkit-appearance:-apple-pay-button;-apple-pay-button-type:buy}.apple-pay-button-with-text>*{visibility:hidden}.apple-pay-button-black-with-text{-apple-pay-button-style:black}.apple-pay-button-white-with-text{-apple-pay-button-style:white;cursor:pointer}.apple-pay-button-white-with-line-with-text{-apple-pay-button-style:white-outline}.apple-pay-button-color-black{-apple-pay-button-style:black}.apple-pay-button-color-white{-apple-pay-button-style:white}.apple-pay-button-color-white-outline{-apple-pay-button-style:white-outline}.apple-pay-button-text-buy{-apple-pay-button-type:buy}.apple-pay-button-text-donate{-apple-pay-button-type:donate}.apple-pay-button-text-plain{-apple-pay-button-type:plain}.apple-pay-button-text-book{-apple-pay-button-type:book}.apple-pay-button-text-check-out{-apple-pay-button-type:check-out}.apple-pay-button-text-subscribe{-apple-pay-button-type:subscribe}.apple-pay-button-text-add-money{-apple-pay-button-type:add-money}.apple-pay-button-text-contribute{-apple-pay-button-type:contribute}.apple-pay-button-text-order{-apple-pay-button-type:order}.apple-pay-button-text-reload{-apple-pay-button-type:reload}.apple-pay-button-text-rent{-apple-pay-button-type:rent}.apple-pay-button-text-support{-apple-pay-button-type:support}.apple-pay-button-text-tip{-apple-pay-button-type:tip}.apple-pay-button-text-top-up{-apple-pay-button-type:top-up}}.mollie-buttons{text-align:center;opacity:0;margin-top:10%;animation:1s 1s forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mollie-buttons .button{color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;background-color:#0095ff;border:0;border-radius:6px;outline:none;max-width:100%;margin:20px;padding:0 16px;font-size:1.8rem;font-weight:700;line-height:4.4rem;text-decoration:none;transition:background .15s;display:inline-block;overflow:hidden;box-shadow:0 1px 2px #00000030}.mollie-buttons{opacity:0;transition:opacity 2s ease-in}.mollie-buttons .button:hover{background-color:#0077cb}.mollie-loading .redirect-block{text-align:center;padding:10%}.checkout-payment-method #mollie_methods_ideal-form .label{height:35px;display:inline-block}.checkout-payment-method #mollie_methods_ideal-form .payment-icon{width:35px;max-height:30px}.checkout-payment-method #mollie_methods_kbc-form .label{height:35px;display:inline-block}.checkout-payment-method #mollie_methods_kbc-form .payment-icon{width:35px;max-height:30px}.checkout-payment-method #mollie_methods_giftcard-form .label{height:40px;display:inline-block}.checkout-payment-method #mollie_methods_giftcard-form .payment-icon{width:35px;max-height:30px}.mollie-payment-icon{vertical-align:middle;width:25px;margin-right:5px}.mollie-loading .loader{border:16px solid #e3f0fa;border-top-color:#31a8f0;border-radius:50%;width:50px;height:50px;margin-left:auto;margin-right:auto;animation:2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.payment-method-content .card-container{background-color:#fff;border:1px solid #0000001a;border-radius:10px;max-width:400px;margin-bottom:10px;padding:20px;display:block;overflow:auto}.apple-pay-button{-webkit-appearance:-apple-pay-button}@supports ((-webkit-appearance:-apple-pay-button)){.apple-pay-button-with-text{-webkit-appearance:-apple-pay-button;-apple-pay-button-type:buy}.apple-pay-button-with-text>*{visibility:hidden}.apple-pay-button-black-with-text{-apple-pay-button-style:black}.apple-pay-button-white-with-text{-apple-pay-button-style:white;cursor:pointer}.apple-pay-button-white-with-line-with-text{-apple-pay-button-style:white-outline}.apple-pay-button-color-black{-apple-pay-button-style:black}.apple-pay-button-color-white{-apple-pay-button-style:white}.apple-pay-button-color-white-outline{-apple-pay-button-style:white-outline}.apple-pay-button-text-buy{-apple-pay-button-type:buy}.apple-pay-button-text-donate{-apple-pay-button-type:donate}.apple-pay-button-text-plain{-apple-pay-button-type:plain}.apple-pay-button-text-book{-apple-pay-button-type:book}.apple-pay-button-text-check-out{-apple-pay-button-type:check-out}.apple-pay-button-text-subscribe{-apple-pay-button-type:subscribe}.apple-pay-button-text-add-money{-apple-pay-button-type:add-money}.apple-pay-button-text-contribute{-apple-pay-button-type:contribute}.apple-pay-button-text-order{-apple-pay-button-type:order}.apple-pay-button-text-reload{-apple-pay-button-type:reload}.apple-pay-button-text-rent{-apple-pay-button-type:rent}.apple-pay-button-text-support{-apple-pay-button-type:support}.apple-pay-button-text-tip{-apple-pay-button-type:tip}.apple-pay-button-text-top-up{-apple-pay-button-type:top-up}}.mollie-applepay-button-hidden{display:none}.mollie-applepay-minicart-button{height:40px}:where(.step-layout-3columns) .btn-place-order{width:100%}.checkout-nav{gap:calc(var(--spacing) * 2);flex-direction:column-reverse;display:flex}.checkout-nav .checkout-nav-main,.checkout-nav .checkout-nav-secondary{gap:calc(var(--spacing) * 2);flex-direction:column;display:flex}@media (min-width:48rem){.area-main .checkout-nav,.area-main .checkout-nav .checkout-nav-main,.area-main .checkout-nav .checkout-nav-secondary{flex-direction:row}.area-main .checkout-nav .checkout-nav-main,.area-main .checkout-nav .checkout-nav-secondary{flex-grow:1;align-items:center}.area-main .checkout-nav .checkout-nav-main{justify-content:space-between}.area-main .checkout-nav .checkout-nav-main>button:only-child{margin-left:auto}}:where(.checkout-summary>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.checkout-summary{background-color:var(--color-container-darker);padding:calc(var(--spacing) * 6)}.checkout-summary .checkout-nav .btn{width:100%}:where(#hyva-checkout-main) .breadcrumbs .item{align-items:center;display:inline-flex}:where(:where(#hyva-checkout-main) .breadcrumbs .item.active>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(var(--spacing) * var(--tw-space-x-reverse));margin-inline-end:calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse)))}:where(#hyva-checkout-main) .breadcrumbs .item.active{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}:where(#hyva-checkout-main) .breadcrumbs .item.locked{cursor:not-allowed;color:var(--color-gray-500)}:where(#hyva-checkout-main) .breadcrumbs .item.completed{color:var(--color-gray-700)}.checkout-default:where(:has(#hyva-checkout-main)) .columns,.checkout-default:where(:has(#hyva-checkout-main)) .page.messages .messages{max-width:var(--breakpoint-lg)}:where(#hyva-checkout-main) .form-checkbox,:where(#hyva-checkout-main) .form-radio{flex:none}:where(#hyva-checkout-main) .input-group{gap:0}:where(#hyva-checkout-main) .input-group>:not(:last-child){border-inline-end-width:0}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@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-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-mask-linear{syntax:"*";inherits:false;initial-value:linear-gradient(#fff, #fff)}@property --tw-mask-radial{syntax:"*";inherits:false;initial-value:linear-gradient(#fff, #fff)}@property --tw-mask-conic{syntax:"*";inherits:false;initial-value:linear-gradient(#fff, #fff)}@property --tw-mask-left{syntax:"*";inherits:false;initial-value:linear-gradient(#fff, #fff)}@property --tw-mask-right{syntax:"*";inherits:false;initial-value:linear-gradient(#fff, #fff)}@property --tw-mask-bottom{syntax:"*";inherits:false;initial-value:linear-gradient(#fff, #fff)}@property --tw-mask-top{syntax:"*";inherits:false;initial-value:linear-gradient(#fff, #fff)}@property --tw-mask-bottom-from-position{syntax:"*";inherits:false;initial-value:0%}@property --tw-mask-bottom-to-position{syntax:"*";inherits:false;initial-value:100%}@property --tw-mask-bottom-from-color{syntax:"*";inherits:false;initial-value:black}@property --tw-mask-bottom-to-color{syntax:"*";inherits:false;initial-value:transparent}@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:0}@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}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}
@layer components {

    /* Follow the storefront preference instead of forcing the dark palette. */
    body.hyva_checkout-index-index.light-mode {
        --checkout-bg: #f5f7f9;
        --checkout-card: #ffffff;
        --checkout-input: #ffffff;
        --checkout-border: #b8c2cc;
        --checkout-text: #111827;
        --checkout-muted: #4b5563;
        color-scheme: light;
    }

    body.hyva_checkout-index-index.light-mode .toneart-checkout-intro__title,
    body.hyva_checkout-index-index.light-mode #hyva-checkout-main label {
        color: var(--checkout-text);
    }

    body.hyva_checkout-index-index.light-mode .toneart-checkout-intro__account {
        border-color: var(--checkout-border);
    }

    body.hyva_checkout-index-index.light-mode #hyva-checkout-main input.form-input,
    body.hyva_checkout-index-index.light-mode #hyva-checkout-main textarea {
        border: 1px solid var(--checkout-border) !important;
    }

    body.hyva_checkout-index-index.light-mode #hyva-checkout-main .input-group input {
        border: 0 !important;
    }

    body.hyva_checkout-index-index.light-mode #hyva-checkout-main input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px var(--checkout-input) inset !important;
    }

    body.hyva_checkout-index-index.light-mode #hyva-checkout-main input::placeholder,
    body.hyva_checkout-index-index.light-mode #hyva-checkout-main textarea::placeholder {
        color: var(--checkout-muted);
        -webkit-text-fill-color: var(--checkout-muted);
        opacity: 1;
    }

    body.hyva_checkout-index-index.light-mode #hyva-checkout-main a,
    body.hyva_checkout-index-index.light-mode #hyva-checkout-main .form-hint-text,
    body.hyva_checkout-index-index.light-mode .toneart-payment-toggle {
        color: #086789 !important;
    }

    body.hyva_checkout-index-index.light-mode #quote-summary .checkout-cart-item__qty button {
        background: #edf2f7;
    }

    body.hyva_checkout-index-index.light-mode #quote-summary .total-segments > .item.grand_total {
        border-top-color: var(--checkout-border) !important;
    }

    body.hyva_checkout-index-index.light-mode #payment-section [x-data="hyvaCheckoutCouponCode"] > button,
    body.hyva_checkout-index-index.light-mode #payment-section [x-data="hyvaCheckoutCouponCode"] > button span {
        color: #885200 !important;
    }

    body.hyva_checkout-index-index.light-mode #payment-section #checkout-coupon-code-details > button.btn-primary {
        background: #e6f5fa !important;
        color: #07566d !important;
    }

    body.hyva_checkout-index-index.light-mode #payment-section #checkout-coupon-code-details > button.btn-primary:hover,
    body.hyva_checkout-index-index.light-mode #payment-section #checkout-coupon-code-details > button.btn-primary:focus-visible {
        background: #cceaf4 !important;
    }

    body.hyva_checkout-index-index.light-mode #hyva-checkout-main .toneart-order-trust__item > svg,
    body.hyva_checkout-index-index.light-mode #hyva-checkout-main .toneart-order-trust__since,
    body.hyva_checkout-index-index.light-mode #hyva-checkout-main .toneart-order-trust__since > strong {
        color: var(--checkout-muted);
    }

    body.hyva_checkout-index-index.light-mode #hyva-checkout-main .toneart-order-trust__item:first-child > svg {
        color: #087443;
    }

    body.hyva_checkout-index-index.light-mode #hyva-checkout-main .toneart-order-trust__since > span {
        background: var(--checkout-border);
    }

}

/* Source: app/design/frontend/Toneart/default/web/css/floating-widgets-instant.css */
html .up-and-down-arrow,
html .theme-toggle-wrapper,
html input#theme-toggle,
html .gtranslate_wrapper-outer,
html .gtranslate_wrapper .gt_switcher_wrapper,
html .cleverpush-sticky-widget-btn-container,
html .cleverpush-sticky-widget-button.cleverpush-support-icon,
html #cleverpush-widget-button,
html .cleverpush-sticky-chat-widget-container,
html .widget_container_overlay,
html .widget_container_frame,
html .widget_container_overlay_list,
html .widget_container_overlay_mobile,
html #trustami-mobile-view,
html .number-of-views-block,
html #invite-friend,
html .invite-friend-button,
html #final-cleverpush-tooltip {
    transition: none !important;
}

html:not(.toneart-floating-widgets-revealed) .up-and-down-arrow,
html:not(.toneart-floating-widgets-revealed) .theme-toggle-wrapper,
html:not(.toneart-floating-widgets-revealed) input#theme-toggle,
html:not(.toneart-floating-widgets-revealed) .gtranslate_wrapper-outer,
html:not(.toneart-floating-widgets-revealed) .gtranslate_wrapper .gt_switcher_wrapper,
html:not(.toneart-floating-widgets-revealed) .cleverpush-sticky-widget-btn-container,
html:not(.toneart-floating-widgets-revealed) .cleverpush-sticky-widget-button.cleverpush-support-icon,
html:not(.toneart-floating-widgets-revealed) #cleverpush-widget-button,
html:not(.toneart-floating-widgets-revealed) .cleverpush-sticky-chat-widget-container,
html:not(.toneart-floating-widgets-revealed) .widget_container_overlay,
html:not(.toneart-floating-widgets-revealed) .widget_container_frame,
html:not(.toneart-floating-widgets-revealed) .widget_container_overlay_list,
html:not(.toneart-floating-widgets-revealed) .widget_container_overlay_mobile,
html:not(.toneart-floating-widgets-revealed) #trustami-mobile-view,
html:not(.toneart-floating-widgets-revealed) .number-of-views-block,
html:not(.toneart-floating-widgets-revealed) #invite-friend,
html:not(.toneart-floating-widgets-revealed) .invite-friend-button,
html:not(.toneart-floating-widgets-revealed) #final-cleverpush-tooltip {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Keep Cookie Settings clear of Trustami and the corner chat/theme controls. */
html #toneart-hyva-consent .ta-consent-preferences {
    bottom: calc(36px + env(safe-area-inset-bottom, 0px)) !important;
    left: clamp(88px, 11vw, 160px) !important;
}

body:has(aside.sticky-add-to-cart-outer.components-ready.is-open) button.ta-consent-preferences {
    display: none;
}

/* Source: app/design/frontend/Toneart/default/web/css/hyva-header.css */
/*
 * TONEART Hyva header compatibility layer.
 * Loaded after the legacy Luma bundles so the new header is isolated from
 * selectors that target .header.content, .nav-sections and .minicart-wrapper.
 */

header.page-header {
    position: sticky;
    z-index: 1000;
    top: 0;
    width: 100%;
    border: 0 !important;
    background: #0c0d0e !important;
    color: #f6f7f8;
    isolation: isolate;
}

.toneart-hyva-header,
.toneart-hyva-header *,
.toneart-hyva-header *::before,
.toneart-hyva-header *::after {
    box-sizing: border-box;
}

.toneart-hyva-header {
    position: relative;
    z-index: 30;
    width: 100%;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 45%),
        #0c0d0e;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    color: #f6f7f8;
    font-family: Inter, Arial, Helvetica, sans-serif;
}

.toneart-hyva-header [x-cloak] {
    display: none !important;
}

.toneart-header-greeting {
    display: flex;
    min-height: 23px;
    align-items: center;
    justify-content: center;
    padding: 2px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.055);
    color: rgba(255, 255, 255, 0.62);
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
}

.toneart-header-greeting:has(> span[x-cloak]),
.toneart-header-greeting:has(> span[x-show="customerFirstname"][style*="display: none"]) {
    display: none;
}

.toneart-header-main {
    display: flex;
    width: 100%;
    max-width: 1920px;
    min-height: 168px;
    align-items: center;
    gap: clamp(12px, 1.35vw, 26px);
    margin: 0 auto;
    padding: 28px clamp(24px, 2.4vw, 46px) 25px;
}

.toneart-header-logo {
    display: flex;
    flex: 0 0 clamp(148px, 9.5vw, 180px);
    align-items: center;
    justify-content: flex-start;
}

.toneart-header-logo a {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
}

.toneart-header-logo img {
    display: block;
    width: 100% !important;
    max-width: 180px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    filter: none !important;
}

.toneart-desktop-nav {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
}

.toneart-desktop-nav>nav {
    position: static;
    width: 100%;
}

.toneart-menu-row {
    display: flex;
    width: 100%;
    min-height: 47px;
    align-items: center;
    justify-content: center;
    gap: clamp(3px, 0.7vw, 13px);
    margin: 0;
    padding: 0;
    list-style: none;
}

.toneart-menu-row+.toneart-menu-row {
    margin-top: 4px;
}

.toneart-menu-item {
    position: static;
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    list-style: none;
}

.toneart-menu-link {
    position: relative;
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0 clamp(2px, 0.27vw, 6px);
    border: 1px solid transparent;
    border-radius: 7px;
    color: #f1f2f3 !important;
    font-size: clamp(12px, 0.95vw, 16px);
    font-weight: 500;
    line-height: 1;
    text-decoration: none !important;
    text-transform: none;
    white-space: nowrap;
    transition: color 160ms ease, border-color 160ms ease, background 160ms ease;
}

.toneart-menu-link:hover,
.toneart-menu-link:focus-visible,
.toneart-menu-link[aria-current="page"] {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.055);
}

.toneart-menu-solar>.toneart-menu-link {
    color: #f4ef00 !important;
}

.toneart-menu-most-viewed>.toneart-menu-link {
    color: #a4fff3 !important;
}

.toneart-new-badge {
    position: absolute;
    top: -9px;
    right: -3px;
    color: #f0ec00;
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    text-transform: capitalize;
}

.toneart-menu-sunshare>.toneart-menu-link {
    min-height: 48px;
    gap: 10px;
    padding: 0 clamp(12px, 0.85vw, 16px);
    border: 2px solid #f6a21a;
    border-radius: 999px;
    background: rgba(10, 10, 8, 0.96);
    color: #ffd65a !important;
    font-weight: 600;
    box-shadow:
        0 0 12px rgba(246, 162, 26, 0.65),
        inset 0 0 14px rgba(246, 162, 26, 0.16);
}

.toneart-menu-sunshare>.toneart-menu-link:hover,
.toneart-menu-sunshare>.toneart-menu-link:focus-visible {
    border-color: #ffc14a;
    color: #fff3a6 !important;
    box-shadow:
        0 0 18px rgba(255, 193, 74, 0.9),
        inset 0 0 18px rgba(255, 193, 74, 0.2);
}

.toneart-sunshare-icon {
    display: inline-flex;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 181, 32, 0.14);
    box-shadow:
        0 0 14px rgba(255, 185, 45, 0.75),
        inset 0 0 10px rgba(255, 185, 45, 0.22);
}

.toneart-sunshare-icon svg {
    display: block;
    width: 24px;
    height: 24px;
    fill: #ffd35a;
    stroke: #ffd35a;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 5px rgba(255, 211, 90, 0.85));
}

.toneart-sunshare-badge {
    position: absolute;
    top: -24px;
    right: 10px;
    height: 22px;
    padding: 4px 10px 3px;
    border-radius: 999px;
    background: #f6a21a;
    color: #17110a;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    box-shadow: 0 0 10px rgba(246, 162, 26, 0.55);
}

.toneart-sunshare-badge,
.toneart-menu-sunshare > .toneart-menu-link {
    font-weight: 600;
}

.toneart-menu-special-price>.toneart-menu-link {
    min-height: 45px;
    padding: 0 clamp(8px, 0.55vw, 11px);
    border-color: #2cbb63;
    border-radius: 999px;
    color: #28d668 !important;
}

.toneart-menu-special-price-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1;
}

.toneart-menu-special-price>.toneart-menu-link:hover,
.toneart-menu-special-price>.toneart-menu-link:focus-visible {
    border-color: #28d668;
    background: #063c1a;
    color: #fff !important;
}

.toneart-menu-sophia>.toneart-menu-link {
    min-height: 47px;
    padding: 0 10px 0 5px;
    border-color: #1aa6dd;
    border-radius: 999px;
    color: #21b9f4 !important;
    cursor: pointer;
}

.toneart-menu-sophia {
    cursor: pointer;
}

.toneart-menu-sophia:hover>.toneart-menu-link,
.toneart-menu-sophia>.toneart-menu-link:hover,
.toneart-menu-sophia>.toneart-menu-link:focus-visible {
    border-color: #39c6ff;
    background: #08668f;
    color: #fff !important;
    box-shadow: 0 0 12px rgb(33 185 244 / 38%);
}

.toneart-menu-sophia img {
    display: block;
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    border-radius: 50%;
    object-fit: cover;
}

.toneart-mega-panel {
    position: absolute;
    z-index: 150;
    top: var(--toneart-menu-panel-top, 100%);
    left: var(--toneart-menu-panel-left, 16px);
    right: auto;
    width: min(800px, calc(100vw - 32px));
    max-height: min(80vh, 400px);
    overflow: auto;
    padding: 10px;
    border: 0;
    border-radius: 20px;
    background: #262626;
    color: #f4f6f7;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    scrollbar-width: thin;
    scrollbar-color: #66717c #181a1d;
}

.toneart-menu-item.is-open::before {
    content: '';
    position: absolute;
    z-index: 151;
    top: var(--toneart-menu-link-bottom);
    left: calc(var(--toneart-menu-anchor-x) - (var(--toneart-menu-link-width) / 2) - 12px);
    width: calc(var(--toneart-menu-link-width) + 24px);
    height: calc(var(--toneart-menu-panel-top) - var(--toneart-menu-link-bottom));
    background: transparent;
}

.toneart-menu-item.is-open::after {
    content: '';
    position: absolute;
    z-index: 152;
    top: calc(var(--toneart-menu-panel-top) - 9px);
    left: var(--toneart-menu-anchor-x);
    width: 0;
    height: 0;
    transform: translateX(-50%);
    border-right: 9px solid transparent;
    border-bottom: 9px solid #262626;
    border-left: 9px solid transparent;
    filter: drop-shadow(0 -1px 0 rgba(255, 255, 255, 0.18));
}

.toneart-menu-sunshare.is-open::after {
    border-bottom-color: #050d17;
}

.toneart-mega-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 10px;
    row-gap: 0;
    width: 100%;
    margin: 0;
    padding: 5px 10px;
    list-style: none;
}

.toneart-mega-grid li {
    margin: 0;
    padding: 5px;
    list-style: none;
}

.toneart-mega-link {
    display: block;
    padding: 8px 12px;
    border-radius: 6px;
    color: #b3b3b3 !important;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none !important;
    text-transform: capitalize;
    transition: color 160ms ease, background 160ms ease;
}

.toneart-mega-link:hover,
.toneart-mega-link:focus-visible {
    background: rgba(255, 255, 255, 0.1);
    color: #fff !important;
}

.toneart-menu-load-state,
.toneart-menu-load-error {
    display: flex;
    min-height: 74px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
}

.toneart-menu-load-state[hidden],
.toneart-menu-load-error[hidden],
.toneart-mega-panel[hidden],
.toneart-mobile-submenu[hidden] {
    display: none !important;
}

.toneart-menu-load-error {
    flex-wrap: wrap;
}

.toneart-menu-load-error a,
.toneart-menu-load-error button {
    padding: 7px 11px;
    border: 1px solid rgba(76, 201, 245, 0.6);
    border-radius: 6px;
    color: #4cc9f5 !important;
    text-decoration: none !important;
}

.toneart-menu-load-error button {
    background: transparent;
}

.toneart-menu-spinner {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    border: 2px solid rgba(255, 255, 255, 0.25);
    border-top-color: #4cc9f5;
    border-radius: 50%;
    animation: toneart-menu-spin 700ms linear infinite;
}

@keyframes toneart-menu-spin {
    to {
        transform: rotate(360deg);
    }
}

.toneart-sunshare-panel {
    left: 50%;
    right: auto;
    width: min(1680px, calc(100vw - 28px));
    max-height: calc(100vh - 210px);
    padding: 0;
    transform: translateX(-50%);
    border-radius: 13px;
    background: #050d17;
}

@media (max-width: 1600px) and (min-width: 1201px) {
    .toneart-mega-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.toneart-header-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: clamp(6px, 0.55vw, 11px);
}

.toneart-header-action {
    position: relative;
    display: inline-flex;
    width: 36px;
    height: 40px;
    min-width: 36px;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 4px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    text-decoration: none !important;
}

.toneart-header-action:hover,
.toneart-header-action:focus-visible {
    background: rgba(255, 255, 255, 0.07);
}

.toneart-header-action svg {
    display: block;
    width: 28px;
    height: 28px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.toneart-search-trigger {
    color: #29aee9;
}

.toneart-search-trigger .toneart-search-spark {
    stroke-width: 1.5;
}

.toneart-cart-count {
    position: absolute;
    top: -7px;
    right: -7px;
    display: inline-flex;
    min-width: 27px;
    height: 27px;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    border: 2px solid #772828;
    border-radius: 999px;
    background: #ff4c4c;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    box-shadow: 0 0 11px rgba(255, 76, 76, 0.65);
}

.toneart-customer-menu,
.toneart-inspiration {
    position: relative;
    display: inline-flex;
}

.toneart-customer-status {
    position: absolute;
    top: 3px;
    right: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #39ff14;
    box-shadow: 0 0 8px rgba(57, 255, 20, 0.9);
}

.toneart-customer-dropdown,
.toneart-inspiration-menu {
    position: absolute;
    z-index: 180;
    top: calc(100% + 10px);
    right: 0;
    width: max-content;
    min-width: 210px;
    overflow: hidden;
    padding: 8px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 9px;
    background: #17191b;
    color: #fff;
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.48);
}

.toneart-customer-dropdown a,
.toneart-inspiration-links a {
    display: block;
    padding: 9px 12px !important;
    border-radius: 6px;
    background: transparent !important;
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 13px !important;
    line-height: 1.3;
    text-decoration: none !important;
    white-space: nowrap;
}

.toneart-customer-dropdown a:hover,
.toneart-customer-dropdown a:focus-visible,
.toneart-inspiration-links a:hover,
.toneart-inspiration-links a:focus-visible {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #fff !important;
}

.toneart-inspiration-trigger {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 14px;
    border: 1px solid #8c9800;
    border-radius: 6px;
    background: transparent;
    color: #eff400;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
}

.toneart-inspiration-trigger:hover,
.toneart-inspiration-trigger:focus-visible {
    border-color: #dce200;
    background: rgba(239, 244, 0, 0.06);
}

.toneart-inspiration-trigger svg {
    display: block;
    width: 16px;
    height: 20px;
    fill: currentColor;
}

.toneart-inspiration-links,
.toneart-inspiration-links>li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.toneart-inspiration-links>li+li {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.toneart-inspiration-links li.nav.item a[href*="blog"]::before {
    margin-right: 5px;
    content: '📡';
}

.toneart-search-panel {
    position: absolute;
    z-index: 170;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 12px clamp(16px, 4vw, 72px);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(15, 17, 19, 0.99);
    color: #fff;
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.42);
}

.toneart-search-panel>.container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0;
    color: #fff;
}

.toneart-search-panel .form-input,
.toneart-search-panel input[type="search"] {
    min-height: 46px !important;
    padding: 10px 46px 10px 16px !important;
    border: 1px solid #3d454b !important;
    border-radius: 8px 0 0 8px !important;
    background: #202428 !important;
    color: #fff !important;
    box-shadow: none !important;
}

.toneart-search-panel button[type="submit"] {
    min-width: 48px;
    min-height: 46px;
    border-radius: 0 8px 8px 0;
    background: #159fd8;
    color: #fff;
}

.toneart-mobile-menu {
    display: none;
}

@media (max-width: 1480px) and (min-width: 1201px) {
    .toneart-header-main {
        gap: 10px;
        padding-inline: 22px;
    }

    .toneart-header-logo {
        flex-basis: 142px;
    }

    .toneart-menu-link {
    font-size: 12px;
}

    .toneart-menu-sunshare>.toneart-menu-link {
        gap: 6px;
        padding-inline: 10px;
    }

    .toneart-sunshare-icon {
        width: 21px;
        height: 21px;
        flex-basis: 21px;
    }

    .toneart-inspiration-trigger {
        padding-inline: 9px;
        font-size: 12px;
    }
}

@media (max-width: 1200px) {
    .toneart-header-main {
        position: relative;
        width: 100vw;
        max-width: 100vw;
        min-height: 76px;
        gap: 8px;
        padding: 10px 132px 10px 56px;
    }

    .toneart-desktop-nav {
        display: none;
    }

    .toneart-mobile-menu {
        display: block;
        position: absolute;
        top: 50%;
        left: 10px;
        flex: 0 0 40px;
        order: 1;
        transform: translateY(-50%);
    }

    .toneart-header-logo {
        flex: 0 1 clamp(112px, 32vw, 145px);
        order: 2;
        min-width: 0;
    }

    .toneart-header-logo img {
        width: min(145px, 100%) !important;
    }

    .toneart-header-actions {
        position: absolute;
        top: 50%;
        right: auto;
        left: calc(100vw - 122px);
        width: 112px;
        order: 3;
        flex: 0 0 auto;
        gap: 2px;
        margin-left: 0;
        transform: translateY(-50%);
    }

    .toneart-inspiration {
        display: none;
    }

    .toneart-mobile-menu-trigger,
    .toneart-mobile-close {
        display: inline-flex;
        width: 40px;
        height: 40px;
        align-items: center;
        justify-content: center;
        padding: 7px;
        border: 0;
        border-radius: 7px;
        background: transparent;
        color: #fff;
    }

    .toneart-mobile-menu-trigger svg,
    .toneart-mobile-close svg {
        display: block;
        width: 25px;
        height: 25px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
    }

    .toneart-mobile-drawer {
        top: 0;
        right: auto;
        bottom: 0;
        left: 0;
        display: none;
        width: min(92vw, 430px);
        max-width: none !important;
        height: 100%;
        max-height: none !important;
        flex-direction: column;
        overflow: hidden;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0 12px 12px 0;
        background: #111416;
        color: #fff;
        box-shadow: 18px 0 45px rgba(0, 0, 0, 0.55);
    }

    .toneart-mobile-drawer[open] {
        display: flex;
    }

    .toneart-mobile-drawer::backdrop {
        background: rgba(0, 0, 0, 0.62);
    }

    .toneart-mobile-drawer-head {
        position: relative;
        z-index: 30;
        display: flex;
        min-height: 64px;
        flex: 0 0 auto;
        align-items: center;
        justify-content: space-between;
        padding: 0 8px 0 18px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        background: #111416;
    }

    .toneart-mobile-tabs {
        display: flex;
        width: 100%;
        min-width: 0;
        flex: 1 1 auto;
        align-self: stretch;
        justify-content: space-between;
        margin-right: 20px;
    }

    button.toneart-mobile-tab {
        position: relative;
        display: flex;
        min-width: 0;
        align-items: center;
        justify-content: center;
        padding: 10px 6px;
        border: 0;
        background: transparent;
        color: rgba(255, 255, 255, 0.9);
        font-size: 12px;
        font-weight: 500;
        line-height: 1.12;
        text-align: center;
    }

    .toneart-mobile-tab::after {
        position: absolute;
        right: 12px;
        bottom: -1px;
        left: 12px;
        height: 2px;
        background: #159fd8;
        content: '';
        opacity: 0;
        transform: scaleX(.45);
        transition: opacity .16s ease, transform .16s ease;
    }

    .toneart-mobile-tab.is-active,
    .toneart-mobile-tab:hover,
    .toneart-mobile-tab:focus-visible {
        color: #fff;
    }

    .toneart-mobile-tab.is-active::after {
        opacity: 1;
        transform: scaleX(1);
    }

    .toneart-mobile-drawer-head .toneart-mobile-close {
        flex: 0 0 40px;
        margin-left: 2px;
    }

    .toneart-mobile-drawer-body {
        position: relative;
        flex: 1 1 auto;
        overflow: auto;
        overscroll-behavior: contain;
    }

    .toneart-mobile-menu-list,
    .toneart-mobile-menu-list li,
    .toneart-mobile-account-list,
    .toneart-mobile-account-list li,
    .toneart-mobile-submenu,
    .toneart-mobile-submenu-head,
    .toneart-mobile-nested-list,
    .toneart-mobile-nested-list li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .toneart-mobile-tab-panel[hidden] {
        display: none !important;
    }

    .toneart-mobile-sunshare-panel {
        padding: 0;
        background: #171b23;
    }

    .toneart-mobile-account-list a {
        display: flex;
        min-height: 37px;
        align-items: center;
        gap: 6px;
        padding: 8px 16px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        color: #fff !important;
        font-size: 14px;
        line-height: 1.25;
        text-decoration: none !important;
    }

    .toneart-mobile-account-list a:hover,
    .toneart-mobile-account-list a:focus-visible {
        background: rgba(255, 255, 255, 0.055);
    }

    .toneart-mobile-account-list a>span {
        display: inline-flex;
        width: 15px;
        flex: 0 0 15px;
        align-items: center;
        justify-content: center;
        font-size: 13px;
    }

    .toneart-mobile-menu-link {
        display: flex;
        width: 100%;
        min-height: 51px;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 13px 22px;
        border: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.075);
        background: transparent;
        color: rgba(255, 255, 255, 0.86) !important;
        font-size: 15px;
        line-height: 1.3;
        text-align: left;
        text-decoration: none !important;
    }

    .toneart-mobile-menu-link:hover,
    .toneart-mobile-menu-link:focus-visible {
        background: rgba(255, 255, 255, 0.055);
        color: #fff !important;
    }

    .toneart-mobile-menu-entry {
        position: relative;
    }

    .toneart-mobile-menu-entry>.toneart-mobile-menu-link {
        padding-right: 62px;
    }

    .toneart-mobile-submenu-trigger {
        position: absolute;
        top: 0;
        right: 0;
        display: inline-flex;
        width: 56px;
        height: 51px;
        align-items: center;
        justify-content: center;
        border: 0;
        border-left: 1px solid rgba(255, 255, 255, 0.075);
        border-bottom: 1px solid rgba(255, 255, 255, 0.075);
        background: transparent;
        color: rgba(255, 255, 255, 0.86);
        font-size: 22px;
    }

    .toneart-mobile-submenu-trigger:hover,
    .toneart-mobile-submenu-trigger:focus-visible {
        background: rgba(255, 255, 255, 0.075);
        color: #fff;
    }

    .toneart-mobile-submenu {
        position: absolute;
        z-index: 10;
        inset: 0;
        overflow: auto;
        background: #111416;
    }

    .toneart-mobile-drawer-body.has-open-submenu {
        overflow: hidden;
    }

    .toneart-mobile-nested-list .toneart-mobile-menu-link {
        padding-left: 30px;
    }

    .toneart-mobile-nested-level-2 .toneart-mobile-menu-link {
        min-height: 46px;
        padding-left: 46px;
        color: rgba(255, 255, 255, 0.68) !important;
        font-size: 14px;
    }

    .toneart-mobile-submenu .toneart-menu-load-state,
    .toneart-mobile-submenu .toneart-menu-load-error {
        min-height: 70px;
        padding: 12px 20px;
    }

    .toneart-mobile-back {
        justify-content: flex-start;
        background: #1a1e21;
    }

    .toneart-mobile-special-price {
        color: #28d668 !important;
    }

    .toneart-mobile-special-price-content {
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }

    .toneart-mobile-sophia>.toneart-mobile-menu-link {
        min-height: 58px;
        justify-content: flex-start;
        gap: 8px;
        padding: 10px 22px;
        background: #171b23;
        color: #24bff3 !important;
    }

    .toneart-mobile-sophia>.toneart-mobile-menu-link:hover,
    .toneart-mobile-sophia>.toneart-mobile-menu-link:focus-visible {
        background: #1b222c;
        color: #55d2ff !important;
    }

    .toneart-mobile-sophia img {
        display: block;
        width: 32px;
        height: 32px;
        flex: 0 0 32px;
        border-radius: 50%;
        object-fit: cover;
    }

    .toneart-mobile-sophia-label {
        font-size: 13px;
        font-weight: 500;
        letter-spacing: .01em;
    }

    .toneart-mobile-sophia-sparkles {
        align-self: flex-start;
        margin: 1px 0 0 -4px;
        color: #39c6ff;
        font-size: 14px;
        line-height: 1;
        text-shadow: 7px -5px 0 #39c6ff;
    }
}

html.toneart-mobile-menu-open {
    overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
    .toneart-menu-spinner {
        animation-duration: 1.4s;
    }
}

@media (max-width: 520px) {
    .toneart-header-greeting {
        min-height: 21px;
        font-size: 10px;
    }

    .toneart-header-main {
        min-height: 68px;
        padding: 8px 120px 8px 52px;
    }

    .toneart-mobile-menu {
        flex-basis: 36px;
    }

    .toneart-mobile-menu-trigger,
    .toneart-mobile-close,
    .toneart-header-action {
        width: 36px;
        min-width: 36px;
        height: 38px;
    }

    .toneart-header-logo img {
        width: min(126px, 100%) !important;
    }

    .toneart-header-action svg {
        width: 25px;
        height: 25px;
    }

    .toneart-cart-count {
        top: -4px;
        right: -4px;
        min-width: 22px;
        height: 22px;
        font-size: 10px;
    }
}

@media print {
    header.page-header {
        background: #fff !important;
        color: #000;
    }

    .toneart-header-greeting,
    .toneart-desktop-nav,
    .toneart-mobile-menu,
    .toneart-header-actions,
    .toneart-search-panel {
        display: none !important;
    }

    .toneart-header-main {
        min-height: auto;
        padding: 10px 0;
    }
}

/* Source: app/design/frontend/Toneart/default/web/css/toneart-font.css */
/*
 * Global TONEART typography.
 *
 * Keep this stylesheet after the legacy and Hyva bundles so their Roboto,
 * Inter and Tailwind defaults cannot replace the shop's brand typeface.
 */
@font-face {
    font-family: 'Toneart';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/toneart/toneartlight.woff2') format('woff2');
}

@font-face {
    font-family: 'Toneart';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/toneart/toneartlightitalic.woff2') format('woff2');
}

@font-face {
    font-family: 'Toneart';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/toneart/toneartregular.woff2') format('woff2');
}

@font-face {
    font-family: 'Toneart';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/toneart/toneartregularitalic.woff2') format('woff2');
}

@font-face {
    font-family: 'Toneart';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/toneart/toneartregular.woff2') format('woff2');
}

@font-face {
    font-family: 'Toneart';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/toneart/toneartregularitalic.woff2') format('woff2');
}

@font-face {
    font-family: 'Toneart';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/toneart/toneartmedium.woff2') format('woff2');
}

@font-face {
    font-family: 'Toneart';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/toneart/toneartmediumitalic.woff2') format('woff2');
}

@font-face {
    font-family: 'Toneart';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/toneart/toneartbold.woff2') format('woff2');
}

@font-face {
    font-family: 'Toneart';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/toneart/toneartbolditalic.woff2') format('woff2');
}

@font-face {
    font-family: 'Toneart';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../fonts/toneart/toneartbold.woff2') format('woff2');
}

@font-face {
    font-family: 'Toneart';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url('../fonts/toneart/toneartbolditalic.woff2') format('woff2');
}

@font-face {
    font-family: 'Toneart';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('../fonts/toneart/toneartblack.woff2') format('woff2');
}

@font-face {
    font-family: 'Toneart';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url('../fonts/toneart/toneartblackitalic.woff2') format('woff2');
}

:root {
    --toneart-font-family: 'Toneart', Arial, sans-serif;
    --font-sans: var(--toneart-font-family);
    --default-font-family: var(--toneart-font-family);
    --font-family: var(--toneart-font-family);
}

html,
body,
input,
textarea,
select,
button,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
label,
legend,
li,
dt,
dd,
th,
td,
blockquote,
address,
figcaption,
summary,
.text,
.action,
.btn,
.button,
.page-title,
.product-item-name,
.product-name,
.navigation,
.nav-sections,
.toneart-hyva-header,
.toneart-hyva-header :where(a, button, div, input, label, li, p, span, strong) {
    font-family: var(--toneart-font-family) !important;
}

/*
 * Customer and search styles use page-scoped Syne/Inter declarations with
 * higher specificity. Keep the override limited to elements that carry text
 * so icon-font classes and SVG controls retain their own font definitions.
 */
body[class] .page-wrapper :is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    a,
    button,
    input,
    textarea,
    select,
    label,
    legend,
    li,
    dt,
    dd,
    th,
    td,
    strong,
    em,
    small,
    blockquote,
    address,
    figcaption,
    summary
) {
    font-family: var(--toneart-font-family) !important;
}

/* Source: app/design/frontend/Toneart/default/web/css/toneart-layout.css */
/*
 * Final layout alignment shared by Magento and Hyva page types.
 * Loaded after component CSS so legacy container padding cannot return.
 */
main#maincontent > .columns {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

body.cms-index-index main#maincontent {
    margin-top: 0 !important;
}

/* Source: app/code/Webkul/NewsTicker/view/frontend/web/css/style.css */
/* === TONEART News Ticker — fixed vertical centering & cleaner layout === */
.wk_nt_newsticker{
  background:#12161B !important;
  color:#E8EDF2 !important;
  font-family:'Inter','Syne',sans-serif !important;
  font-size:15px !important;

  /* Perfect vertical centering */
  display:flex;
  align-items:center;           /* center content vertically */
  height:36px;                  /* desktop bar height */
  padding:0 12px;               /* horizontal only (no top/bottom padding) */

  white-space:nowrap;
  overflow:hidden;
  position:relative;
  border-top:1px solid rgba(255,255,255,0.05);
  border-bottom:1px solid rgba(255,255,255,0.05);
}

/* Inner containers must also center their contents */
.wk_nt_newsticker #wk_nt_news{
  display:flex;
  align-items:center;
  width:100%;
  overflow:hidden;
  min-height:inherit;           /* inherit 36px for consistent centering */
}

.wk_nt_newsticker #wk_nt_news ul{
  display:flex;                 /* keeps items on one line and vertically centered */
  align-items:center;
  margin:0;
  padding:0;
  white-space:nowrap;
  /* your JS may animate transform; keep transition if you want */
  /* transition: transform .6s ease-in-out; */
}

/* Webkul builds li > div > spans — center all those layers */
.wk_nt_newsticker #wk_nt_news li{
  display:flex;
  align-items:center;
  margin:0;                     /* no extra vertical offset */
  padding:0;
}
.wk_nt_newsticker #wk_nt_news li > div{
  display:flex;
  align-items:center;
  gap:40px;                     /* equal spacing between claim <span>s */
}
.wk_nt_newsticker #wk_nt_news li > div > span{
  display:inline-flex;
  align-items:center;           /* emoji + text aligned */
  line-height:1.2;              /* removes extra top/bottom air */
}

/* Links (you already changed color elsewhere; keep as-is) */
.wk_nt_newsticker a{
  text-decoration:none;
  font-weight:500;
  color : #fff;
}

/* Mobile tweaks */
@media (max-width:768px){
  .wk_nt_newsticker{ font-size:13px !important; height:32px; padding:0 10px; }
  .wk_nt_newsticker #wk_nt_news li > div{ gap:28px; }
}

/* Hidden state if you use time windows */
.wk_nt_newsticker.hidden{ display:none !important; }


img.ticker-icon {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    opacity: 0.9;
}

 .ticker-wrapper span {
  margin-right: 24px;
}

/* Source: app/design/frontend/Toneart/default/Amasty_GdprCookie/web/css/hyva-consent.css */
#toneart-hyva-consent {
    --ta-consent-accent: #3bacdf;
    --ta-consent-accent-hover: #188fc4;
    --ta-consent-bg: #1f1f1f;
    --ta-consent-text: #b3b3b3;
    --ta-consent-strong: #fff;
    --ta-consent-muted: #b3b3b3;
    --ta-consent-border: #363636;
    color: var(--ta-consent-text);
    font-family: Toneart, Arial, sans-serif;
    position: relative;
    z-index: 100000000;
}

#toneart-hyva-consent [hidden] { display: none !important; }

#toneart-hyva-consent .ta-consent-bar {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: linear-gradient(45deg, #000, #000000c4) !important;
    border: 0;
    bottom: 0;
    box-shadow: 0 -8px 30px rgba(0, 0, 0, .35);
    color: var(--ta-consent-text);
    left: 0;
    padding: 70px 10px !important;
    position: fixed;
    right: 0;
    width: 100vw;
    z-index: 100000000;
}

@media (min-width: 768px) {
    #toneart-hyva-consent .ta-consent-bar {
        box-sizing: border-box;
        width: 100%;
        height: 308px;
        max-height: 100vh;
        overflow-y: auto;
        contain: layout paint;
    }
}

#toneart-hyva-consent .ta-consent-bar-inner {
    display: block;
    margin: 0 auto;
    max-width: 838px;
}

#toneart-hyva-consent .ta-consent-policy {
    color: var(--ta-consent-text);
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 20px;
    max-height: 252px;
    max-width: 640px;
    overflow: auto;
}

#toneart-hyva-consent .ta-consent-policy a,
#toneart-hyva-consent .ta-consent-link {
    color: var(--ta-consent-accent);
    text-decoration: underline;
    text-underline-offset: 2px;
}

#toneart-hyva-consent .ta-consent-actions {
    display: grid;
    gap: 5px;
    grid-template-columns: 240fr 371fr 218fr;
    margin: 0 0 5px;
    padding-top: 15px;
}

#toneart-hyva-consent .ta-consent-button {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 15px;
    color: var(--ta-consent-strong);
    cursor: pointer;
    display: inline-flex;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 600;
    justify-content: center;
    line-height: 16px;
    letter-spacing: 1.35px;
    height: 48px;
    min-height: 48px;
    padding: 10px 30px;
    text-transform: uppercase;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

#toneart-hyva-consent .ta-consent-button:hover,
#toneart-hyva-consent .ta-consent-button:focus-visible {
    opacity: .9;
    outline: 2px solid var(--ta-consent-accent);
    outline-offset: 2px;
}

#toneart-hyva-consent .ta-consent-button.-primary {
    background: linear-gradient(90deg, #3abeff 0%, #36aae7 100%) !important;
    border-color: transparent !important;
    color: #050505 !important;
    padding: 16px 30px !important;
}

#toneart-hyva-consent .ta-consent-button.-primary:hover,
#toneart-hyva-consent .ta-consent-button.-primary:focus-visible {
    background: linear-gradient(90deg, #4fc5ff 0%, #42b4ef 100%) !important;
    border-color: transparent !important;
    color: #050505 !important;
}

#toneart-hyva-consent .ta-consent-button.-settings,
#toneart-hyva-consent .ta-consent-button.-decline {
    background: transparent !important;
}

#toneart-hyva-consent .ta-consent-button.-settings {
    border: 1px solid var(--ta-consent-strong) !important;
    border-radius: 15px !important;
    color: var(--ta-consent-strong) !important;
    padding: 15px 30px !important;
}

#toneart-hyva-consent .ta-consent-button.-decline {
    border: 1px solid transparent !important;
    border-radius: 3px !important;
    color: var(--ta-consent-text) !important;
    padding: 10px 30px !important;
}

#toneart-hyva-consent .ta-consent-button:disabled {
    cursor: wait;
    opacity: .6;
}

#toneart-hyva-consent .ta-consent-close {
    align-items: center;
    background: transparent;
    border: 0;
    color: #8a8a8a;
    cursor: pointer;
    display: flex;
    font-size: 26px;
    height: 40px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    position: absolute;
    right: 14px;
    top: 12px;
    width: 40px;
}

#toneart-hyva-consent .ta-consent-bar > .ta-consent-close { display: none; }

#toneart-hyva-consent .ta-consent-preferences {
    background: #1f1f1f;
    border: 1px solid #4a4a4a;
    border-radius: 5px 5px 0 0;
    bottom: calc(36px + env(safe-area-inset-bottom, 0px)) !important;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    left: 16px;
    padding: 8px 12px;
    position: fixed;
    z-index: 10000000;
}

#toneart-hyva-consent .ta-consent-dialog {
    background: var(--ta-consent-bg);
    border: 0;
    border-radius: 4px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .35);
    color: var(--ta-consent-text);
    margin: 50px auto auto;
    max-height: min(740px, calc(100vh - 100px));
    max-width: min(740px, calc(100vw - 46px));
    padding: 10px;
    width: calc(100% - 46px);
    z-index: 1000000000;
}

#toneart-hyva-consent .ta-consent-dialog::backdrop {
    background: rgba(0, 0, 0, .72);
}

#toneart-hyva-consent .ta-consent-dialog-header {
    align-items: center;
    border-bottom: 0;
    display: flex;
    justify-content: space-between;
    padding: 30px 30px 12px;
    position: relative;
}

#toneart-hyva-consent .ta-consent-title {
    color: var(--ta-consent-text);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
}

#toneart-hyva-consent .ta-consent-groups {
    max-height: min(500px, calc(100vh - 235px));
    overflow: auto;
    padding: 8px 30px 0;
    scrollbar-color: #636363 #262626;
    scrollbar-width: thin;
}

#toneart-hyva-consent .ta-consent-group {
    border-bottom: 0;
    padding: 8px 0 20px;
}

#toneart-hyva-consent .ta-consent-group:last-child { border-bottom: 0; }

#toneart-hyva-consent .ta-consent-group-header {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

#toneart-hyva-consent .ta-consent-group-title {
    color: var(--ta-consent-strong);
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

#toneart-hyva-consent .ta-consent-description {
    color: var(--ta-consent-muted) !important;
    font-size: 14px;
    line-height: 20px;
    margin: 14px 0 0;
}

#toneart-hyva-consent .ta-consent-toggle {
    -webkit-appearance: none;
    appearance: none;
    background: #9b9b9f;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    flex: 0 0 auto;
    height: 29px;
    margin: 0;
    position: relative;
    transition: background-color .2s ease;
    width: 50px;
}

#toneart-hyva-consent .ta-consent-toggle::after {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    content: '';
    height: 25px;
    left: 2px;
    position: absolute;
    top: 2px;
    transition: transform .2s ease;
    width: 25px;
}

#toneart-hyva-consent .ta-consent-toggle:checked {
    background: var(--ta-consent-accent);
}

#toneart-hyva-consent .ta-consent-toggle:checked::after {
    transform: translateX(21px);
}

#toneart-hyva-consent .ta-consent-toggle:focus-visible {
    outline: 2px solid var(--ta-consent-accent);
    outline-offset: 3px;
}

#toneart-hyva-consent .ta-consent-toggle:disabled { cursor: not-allowed; opacity: 1; }
#toneart-hyva-consent .ta-consent-details { margin-top: 12px; }

#toneart-hyva-consent .ta-consent-details summary {
    color: var(--ta-consent-accent);
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    list-style: none;
    margin-top: 12px;
}

#toneart-hyva-consent .ta-consent-details summary::-webkit-details-marker { display: none; }

#toneart-hyva-consent .ta-consent-table-wrap { overflow-x: auto; padding-top: 10px; }

#toneart-hyva-consent .ta-consent-table {
    border-collapse: collapse;
    color: var(--ta-consent-text);
    font-size: 12px;
    min-width: 600px;
    width: 100%;
}

#toneart-hyva-consent .ta-consent-table th,
#toneart-hyva-consent .ta-consent-table td {
    border: 1px solid var(--ta-consent-border);
    padding: 8px;
    text-align: left;
    vertical-align: top;
}

#toneart-hyva-consent .ta-consent-dialog-footer {
    border-top: 0;
    display: block;
    padding: 10px 30px 30px;
}

#toneart-hyva-consent .ta-consent-button.-done {
    border-radius: 3px !important;
    height: 46px;
    min-height: 46px;
    width: 100%;
}

#toneart-hyva-consent .ta-consent-status {
    color: #b91c1c;
    font-size: 13px;
    grid-column: 1 / -1;
    margin: 0;
}

#toneart-hyva-consent [aria-busy="true"] { cursor: wait; }

@media (max-width: 767px) {
    #toneart-hyva-consent .ta-consent-bar { padding: 40px 16px !important; }
    #toneart-hyva-consent .ta-consent-bar-inner { display: block; }

    #toneart-hyva-consent .ta-consent-policy { margin-bottom: 24px; }

    #toneart-hyva-consent .ta-consent-actions {
        display: grid;
        grid-template-columns: 1fr;
        margin-top: 0;
    }

    #toneart-hyva-consent .ta-consent-button { width: 100%; }

    #toneart-hyva-consent .ta-consent-button { border-radius: 8px; }
    #toneart-hyva-consent .ta-consent-button.-settings { border-radius: 8px !important; }

    #toneart-hyva-consent .ta-consent-dialog {
        border-radius: 4px 4px 0 0;
        margin: auto auto 0;
        max-height: calc(100vh - 16px);
        max-width: calc(100vw - 20px);
        width: calc(100% - 20px);
    }

    #toneart-hyva-consent .ta-consent-groups {
        max-height: calc(100vh - 260px);
        padding-left: 20px;
        padding-right: 20px;
    }

    #toneart-hyva-consent .ta-consent-dialog-header { padding: 38px 20px 10px; }
    #toneart-hyva-consent .ta-consent-dialog-footer { padding: 10px 20px 24px; }
    #toneart-hyva-consent .ta-consent-group-title { font-size: 19px; }
}

body.light-mode #toneart-hyva-consent {
    --ta-consent-bg: #fff;
    --ta-consent-text: #333;
    --ta-consent-strong: #111;
    --ta-consent-muted: #444;
    --ta-consent-border: #d4d4d4;
}

body.light-mode #toneart-hyva-consent .ta-consent-bar {
    background: linear-gradient(45deg, #fff, #ffffffc4) !important;
}

@media (prefers-reduced-motion: reduce) {
    #toneart-hyva-consent .ta-consent-toggle,
    #toneart-hyva-consent .ta-consent-toggle::after,
    #toneart-hyva-consent .ta-consent-button {
        transition: none;
    }
}

/* Source: app/design/frontend/Toneart/default/web/css/homepage-toneart-critical.css */
/* Generated from live mobile + desktop homepage CSS coverage. */
:root {
    --background-color: #171717;
    --text-color: #fff;
}
/* Keep legacy CMS components aligned with the site-wide semibold typography. */
.ai-title,
.sunshare-glory-promo__title,
.sunshare-glory-promo__proofs strong,
.sunshare-glory-promo__features strong,
.robotic-rental-word,
.robotic-rental-right h2,
.robotic-rental-right p,
body#html-body .hero-cta,
body#html-body .tech-overlay h3,
body#html-body .ta-parent-name,
body#html-body .sunshare-glory-promo__eyebrow,
body#html-body .sunshare-glory-promo__intro span,
body#html-body .brands-icon-title h3,
body#html-body strong,
body#html-body b,
body#html-body .footer-trust-logo text,
body#html-body #trustami-mobile-view #taCloseBtnOverlayMobile,
body#html-body #trustami-mobile-view #taCloseBtnOverlayMobile * {
    font-weight: 600 !important;
}
body {
    background-color: var(--background-color);
    color: var(--text-color);
}
html,
body {
    scroll-behavior: smooth;
}
body#html-body {
    font-family: "Roboto", sans-serif;
}
.up-and-down-arrow {
    position: fixed;
    right: 8px;
    padding: 2px;
    top: 60%;
    transform: translateY(-60%);
    display: inline-flex;
    align-items: center;
    border-radius: 7px;
    flex-direction: column;
    justify-content: center;
    z-index: 999;
    gap: 11px;
    background: linear-gradient(180deg, rgba(80, 190, 255, 0.18) 0%, rgba(20, 120, 200, 0.18) 100%);
    border: 1px solid rgba(120, 210, 255, 0.35);
    box-shadow: 0 0 18px rgba(80, 190, 255, 0.35), inset 0 0 12px rgba(80, 190, 255, 0.25);
}
.up-and-down-arrow a.down-arrow svg,
.up-and-down-arrow a.up-arrow svg {
    fill: #fff;
}
.up-and-down-arrow a {
    height: 24px;
}
.up-and-down-arrow a.down-arrow {
    transform: rotate(180deg);
}
.brands-icon-inner svg {
    filter: brightness(1);
}
body {
    transition: background-color 0.3s, color 0.3s;
}
* {
    box-sizing: border-box;
}
main#maincontent {
    max-width: 100%;
    padding-inline: 0;
}
.brands-icon-inner {
    display: flex;
    justify-content: center;
    padding-inline: 45px;
    gap: 20px;
}
.main-banner .pagebuilder-slider {
    padding: 0;
}
.main-banner ul.slick-dots {
    bottom: 20px;
}
.main-banner ul.slick-dots li {
    background: #3bacdf;
    border-radius: 100%;
    height: 12px;
    width: 12px;
    margin: 0px 3px;
}
.main-banner ul.slick-dots li.slick-active {
    width: 35px;
    border-radius: 12px;
}
.main-banner ul.slick-dots li button:before {
    content: none;
}
.main-banner ul.slick-dots li button {
    background: transparent;
    padding: 0;
    border: 0;
    height: 13px;
    width: 13px;
}
.pagebuilder-column-group.three-images-inner {
    padding-inline: 45px;
    margin-bottom: 100px;
    margin-top: 155px;
}
.three-images-section h1 {
    font-size: 32px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 10px;
}
.image-with-text-section {
    background: linear-gradient(90deg, rgba(29, 29, 29, 1) 0%, rgba(45, 45, 45, 1) 0%, rgba(45, 45, 45, 1) 35%, rgba(29, 29, 29, 1) 87%);
    border: 1px solid #333;
    border-radius: 10px;
    margin: 0px 45px;
    padding: 20px;
    margin-bottom: 40px;
}
body:not(.light-mode) .image-with-text-section {
    background: #0000005e;
}
.image-with-text-section .pagebuilder-column-line .pagebuilder-column {
    justify-content: center !important;
    text-align: center;
}
.image-with-text-section .pagebuilder-column-line .pagebuilder-button-primary {
    color: rgb(0, 0, 0);
    font-weight: 400;
    padding: 10px 25px !important;
    position: relative;
    background: #fff;
    border-width: 0px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    margin: 0;
}
.image-with-text-section .pagebuilder-column-line .pagebuilder-button-primary:before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2235px%22%20height%3D%2235px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22/%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20d%3D%22M7%2017L17%207M17%207H8M17%207V16%22%20stroke%3D%22%23000%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3C/svg%3E);
    content: "";
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: cover;
}
.image-with-text-section h2 {
    font-size: 28px;
    color: #fff;
    display: inline-block;
    width: auto;
    font-weight: 600;
    margin-bottom: 10px !important;
    max-width: 720px !important;
    margin: 0 auto;
}
.image-with-text-section .pagebuilder-column-line .pagebuilder-column p {
    color: #fff;
    margin: 0 0 30px !important;
    font-size: 16px !important;
    max-width: 700px;
    /* font-family: 'Syne', 'Inter', Arial, sans-serif !important; */
}
.three-images-paragraph p {
    color: #fff;
    font-size: 16px;
}
.three-images-section h2 {
    color: #fff;
    font-size: 14px !important;
    background: #0000005e;
    border-radius: 50px !important;
    margin: 0 auto 10px;
    padding: 9px 20px !important;
    font-weight: 400 !important;
}
.categories-slider h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}
.categories-slider {
    padding: 0px 45px 25px;
}
.three-images-section {
    margin-top: 90px;
}
.categories-slider {
    margin: 30px 0px;
}
@media screen and (max-width:991px){
.technology-section:not(.slick-initialized) .technology-section-item {
        min-width: calc(50% - 7.5px);
    }
.categories-slider {
        padding-inline: 20px;
    }
.image-with-text-section h2 {
        font-size: 24px;
        margin-top: 0;
        margin-bottom: 10px;
    }
.image-with-text-section {
        margin: 0px 20px;
    }
.image-with-text-section .pagebuilder-column-line .pagebuilder-column p {
        font-size: 16px;
        margin: 0 0 30px !important;
    }
.brands-icon-inner {
        padding-inline: 20px;
        gap: 5px;
        flex-wrap: wrap;
    }
.brands-icon-inner svg {
        width: 32%;
        height: auto;
    }
.brands-icon-inner {
        padding-top: 40px;
    }
.three-images-section {
        margin-top: 40px;
        padding-inline: 20px;
    }
.three-images-paragraph p {
        font-size: 16px;
        /* font-family: 'Syne', 'Inter', Arial, sans-serif !important; */
    }
.pagebuilder-column-group.three-images-inner {
        padding-inline: 0px;
        margin-bottom: 40px;
        margin-top: 40px;
    }
.three-images-section h1 {
        font-size: 24px;
    }
.three-images-section h2 {
        font-size: 20px;
    }
.image-with-text-section .pagebuilder-column-line .pagebuilder-button-primary:before {
        content: "";
        width: 28px;
        height: 22px;
        top: 11px;
    }
.categories-slider {
        margin: 10px 0px;
    }
.image-with-text-section .pagebuilder-column-line .pagebuilder-button-primary {
        font-size: 14px;
    }
.image-with-text-section .pagebuilder-column-line .pagebuilder-button-primary span {
        font-size: 16px !important;
        /* font-family: 'Syne', 'inter' !important; */
    }
.categories-slider h3 {
        font-size: 24px;
        padding-right: 70px;
    }
.image-with-text-section svg {
        height: auto;
        padding-top: 40px;
    }
}
.image-with-text-section .pagebuilder-column-line .pagebuilder-column:first-child {
        padding-right: 20px;
    }
}


@media screen and (max-width:768px) {
    .sections.nav-sections .nav-sections-item-title[aria-controls="store.settings"] .nav-sections-item-switch {
        font-size: 12px;
        display: flex;
        align-items: center;
        overflow: initial;
        white-space: initial;
        line-height: 1.3;
    }
header.page-header {
        margin-bottom: 0;
    }
.image-with-text-section .pagebuilder-column-line .pagebuilder-column:last-child {
    overflow: hidden;
}
.image-with-text-section .pagebuilder-column-line .pagebuilder-column:last-child svg {
    transition: 0.5s;
}
@media screen and (max-width:768px){
body input#theme-toggle {
        bottom: 40px;
        top: auto;
        width: 90px;
        height: 40px;
    }
body .switch-bg:after {
        content: '';
        width: 30px !important;
        height: 30px;
    }
body:not(.light-mode) .switch-bg:before {
        content: '';
        left: -23px;
    }
}
.switch-bg {
    position: relative;
    width: 130px;
    height: 44px;
    margin: 0px;
    appearance: none;
    -webkit-appearance: none;
    background:linear-gradient(180deg, #1F1308 0%, #140C06 100%);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 25px;
    box-shadow: inset 0px 0px 2px rgba(255, 255, 255, .7);
    transition: background-image .7s ease-in-out;
    outline: none;
    cursor: pointer;
    overflow: hidden;
}
.switch-bg:after {
    content: '';
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: 4px;
    top: 3px;
    transform: translateX(0px);
    animation: off .7s forwards cubic-bezier(.8, .5, .2, 1.4);
    box-shadow: inset 5px -5px 4px rgba(53, 53, 53, 0.3);
    background: linear-gradient(135deg, #FF8A1F 0%, #f57500 50%, #faba5b 100%);
}
.switch-bg:before {
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    left: 15px;
    top: 5px;
    filter: blur(1px);
    background-color: #f5daaa;
    box-shadow: 0px 0px 10px #f5deb4,
        0px 0px 20px #f5deb4,
        0px 0px 30px #f5deb4,
        inset 0px 0px 2px #efd3a3;
    transform-origin: 53px 10px;
    animation: moon .7s forwards ease;
}
input#theme-toggle {
    position: fixed;
    z-index: 901;
    right: 10px;
    box-shadow: 0 0 6px rgba(255, 138, 31, 0.6), 0 0 18px rgba(255, 138, 31, 0.35), 0 0 36px rgba(255, 138, 31, 0.2);
    bottom: 44px;
    top: auto;
    border: 2px solid #FF8A1F;
}
header.page-header {
    position: sticky;
    top: 0;
    z-index: 800;
}
.gtranslate_wrapper-outer .cross {
    color: #000;
    text-align: right;
    position: relative;
    right: 8px;
    font-size: 18px;
    width: max-content;
    margin-left: auto;
    cursor: pointer;
    display: none;
}
.amgdprcookie-bar-container .amgdprcookie-button.-settings {
    border: 1px solid var(--text-strong-color) !important;
    color: var(--text-strong-color) !important;
    background: transparent !important;
    border-radius: var(--btn-radius) !important;
    padding: 15px 30px !important;
}
.amgdprcookie-bar-container .amgdprcookie-button.-decline{
    color: var(--text-color) !important;   
        background: transparent !important;
}
.amgdprcookie-bar-container {
    padding: 40px 10px !important;
}
@media (min-width:992px){
.technology-section:not(.slick-initialized) .technology-section-item {
        min-width: calc(16.695% - 13px);
    }
.technology-section:not(.slick-initialized) .technology-section-item img {
        margin-bottom: -5px;
    }
.amgdprcookie-bar-container {
        padding: 70px 10px !important;
    }
}
.amgdprcookie-bar-container .amgdprcookie-button.-save {
    background: linear-gradient(90deg, #3ABEFF 0%, #36aae7 100%) !important;
    border: none !important;
    border-radius: var(--btn-radius);
    padding: 16px 30px;
    box-shadow: var(--inset-shadow) !important;
    color: var(--btn-color) !important;
}
.technology-section-item {
    overflow: hidden;
    border: 1px solid #333;
    border-radius: 10px;
}
.technology-section-item img {
    transition: 0.5s;
    width: 100%;
}
.technology-section {
    display: flex;
    gap: 15px;
    overflow: hidden;
}
.main-banner .pagebuilder-slider .banner-slider {
    padding: 0;
    margin-bottom: 0;
}
.banner-slide-item img {
    width: 100%;
}
.banner-slide-item {
    position: relative;
}
.banner-slide-item {
    display: none;
}
.banner-slider .banner-slide-item:first-child {
    display: block;
}
/* body:not(.page-load-successfully) .products-sliders, 
body:not(.page-load-successfully) .categories-slider, 
body:not(.page-load-successfully) .video-slider, 
body:not(.page-load-successfully) .three-images-section, 
body:not(.page-load-successfully) .image-with-text-section, 
body:not(.page-load-successfully) .brands-icon {
    display: none !important;
} */


/* .main-banner,
 .products-sliders, 
 .categories-slider, 
.video-slider, 
.three-images-section, 
 .image-with-text-section, 
 .brands-icon {
    display: none !important;
}  */


.ownloader {
    animation: animate 1s linear infinite;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    box-shadow: 0 4px 0 0 #3bacdf;
    transform-origin: 80px 82px;
    transform: translate(-50%, -50%);
}
.loading-spinner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #0000009c;
    position: fixed;
    top: 0;
    z-index: 999999;
    bottom: 0;
    left: 0;
    right: 0;
    border: 0;
    border-radius: initial;
    animation: none;
}
.loading-outer {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
@media screen and (max-width:768px){
body .switch-bg:after {
        width: 30px !important;
        height: 30px;
    }
}
.tiktok-outer {
    margin: auto;
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.tiktok-one,
.tiktok-two {
    width: 20px;
    aspect-ratio: 1;
    border-radius: 50%;
    display: inline-block;
    margin: 0;
    position: relative;
}
.tiktok-one {
    background: #fe2c55;
    animation: clockwise 1200ms infinite linear;

}
.tiktok-two {
    mix-blend-mode: darken;
    background: #25f4ee;
    margin-left: -5px;
    animation: counter-clockwise 1200ms infinite linear;

}
.page-main .columns {
    max-width: 1920px !important;
    margin: 0 auto !important;
}
.widget_container_overlay:not(#trustami-mobile-view) {
    display: none;
}
.chatgpt-modal {
    max-width: 1250px;
    margin: 0 auto;
}
@media screen and (max-width: 768px){
header.page-header {
        z-index: 99 !important;
    }
}
}

@media (min-width: 769px) {
.nav-sections-item-content > .navigation:has(.sunshare-config-menu-item.menu-active),
.nav-sections-item-content:has(.sunshare-config-menu-item.menu-active),
.sw-megamenu.navigation > ul:has(.sunshare-config-menu-item.menu-active) {
    position: static !important;
}
html:not(.nav-open) .page-wrapper header.page-header {
        background: rgba(10, 10, 10, 0.85) !important;
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
        transition: background 0.3s ease, backdrop-filter 0.3s ease;
        will-change: backdrop-filter, background;
    }
}


@media (max-width: 768px) {
    html:not(.nav-open) .page-wrapper header.page-header {
        background: rgba(10, 10, 10, 0.79) !important;
    }
}

html:not(.nav-open) .page-wrapper header.page-header:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.00));
    pointer-events: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.amgdprcookie-cookie-settings-modal {
    z-index: 1000000000 !important;
}
.amgdprcookie-groups-modal {
    z-index: 1000000000 !important;
}
body:not(.light-mode, .checkout-cart-index, .checkout-index-index) {
  min-height: 100vh;
  background-color: #090a0f;
  background-image: radial-gradient(ellipse at top, #1b2735 0%, #090a0f 100%);
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100vw 100vh;
  position: relative;
}
html:not(.nav-open) body:not(.light-mode):not(.checkout-cart-index):not(.checkout-index-index):before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    width: 2px;
    height: 2px;
    background: #fff;
    box-shadow: 200px 150px #fff, 320px 480px #fff, 450px 300px #fff, 580px 720px #fff, 650px 500px #fff, 780px 240px #fff, 900px 820px #fff, 1040px 420px #fff, 1180px 660px #fff, 1320px 260px #fff, 1460px 540px #fff, 1600px 900px #fff, 1760px 380px #fff, 1900px 720px #fff;
    animation: twinkle 15s infinite alternate;
}
html:not(.nav-open) body:not(.light-mode , .checkout-cart-index, .checkout-index-index):after {
        content: '';
        position: fixed;
        inset: 0;
        z-index: -1;
        pointer-events: none;
        width: 1px;
        height: 1px;
        background: #fff;
        box-shadow: 50px 80px #fff, 120px 240px #fff, 180px 560px #fff, 260px 140px #fff, 300px 400px #fff, 340px 890px #fff, 420px 520px #fff, 480px 250px #fff, 520px 90px #fff, 600px 350px #fff, 650px 780px #fff, 700px 600px #fff, 760px 420px #fff, 820px 150px #fff, 880px 730px #fff, 940px 310px #fff, 980px 540px #fff, 1040px 200px #fff, 1100px 640px #fff, 1180px 480px #fff, 1240px 820px #fff, 1320px 360px #fff, 1400px 900px #fff, 1480px 120px #fff, 1560px 560px #fff, 1640px 300px #fff, 1720px 740px #fff, 1800px 420px #fff, 1880px 160px #fff, 1960px 680px #fff;
        animation: twinkle 15s infinite alternate;
    }
.homePage-products {
    padding: 0 44px;
    position: relative;
}
.homePage-products ul.product-slider {
    display: flex;
    overflow: hidden;
    height: 100%;
    padding: 0;
    margin: 0;
}
@media screen and (max-width: 991px){
.homePage-products {
        padding: 0 20px;
    }
.homePage-products h3.title {
        font-size: 24px;
        margin-bottom: 24px;
    }
.homePage-products h3 {
        font-size: 17px;
    }
}
.homePage-products h3.title {
    color: #ffffff;
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 24px;
    font-weight: 600;
    margin-top: 25px;
    letter-spacing: -0.02em;
}
.homePage-products h3 {
    font-size: 18px;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 14px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -0.01em;
}
/* ===============================
   TONEART STYLE PREMIUM FOOTER
   Paste this at the END of current CSS
================================= */

:root {
    --footer-bg: #071014;
    --footer-bg-2: #0b171c;
    --footer-card: rgba(255, 255, 255, 0.035);
    --footer-card-2: rgba(255, 255, 255, 0.055);
    --footer-border: rgba(255, 255, 255, 0.10);
    --footer-border-soft: rgba(255, 255, 255, 0.06);
    --footer-text: rgba(255, 255, 255, 0.82);
    --footer-muted: rgba(255, 255, 255, 0.60);
    --footer-heading: #ffffff;
    --footer-accent: #00c9b7;
    --footer-star: #ffc400;
}
/* Main footer background */
footer.page-footer {
    background:
        radial-gradient(circle at top center, rgba(0, 201, 183, 0.08), transparent 35%),
        linear-gradient(180deg, #081116 0%, #050b0f 100%) !important;
    border-top: 1px solid var(--footer-border-soft) !important;
    color: var(--footer-text);
    margin-top: 0;
    padding-bottom: 0 !important;
    overflow: hidden;
}
body:not(.light-mode) footer.page-footer {
    background:
        radial-gradient(circle at top center, rgba(0, 201, 183, 0.08), transparent 35%),
        linear-gradient(180deg, #081116 0%, #050b0f 100%) !important;
    border-top: 1px solid var(--footer-border-soft) !important;
}
/* Inner container */
footer.page-footer .footer.content {
    width: 100%;
    margin: 0 auto;
    padding: 0px 45px 0 !important;
    box-sizing: border-box;
    max-width: 100% !important;
}
footer.page-footer h3,
footer.page-footer h4,
.footer-heading {
    color: var(--footer-heading) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.35;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0 0 24px !important;
    position: relative;
}
footer.page-footer h3::after,
footer.page-footer h4::after,
.footer-heading::after {
    content: "";
    display: block;
    width: 38px;
    height: 2px;
    background: var(--footer-accent);
    margin-top: 13px;
    box-shadow: 0 0 14px rgba(0, 201, 183, 0.45);
}
footer.page-footer p {
    color: var(--footer-text);
    font-size: 14px;
    line-height: 1.75;
}
/* Footer links */
footer.page-footer .pagebuilder-button-link,
footer.page-footer a {
    color: var(--footer-muted) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5;
    padding: 0 !important;
    text-decoration: none !important;
    transition: color 0.2s ease, transform 0.2s ease;
}
/* ===============================
   BENEFITS STRIP
   Add class: footer-benefits
================================= */

.footer-benefits {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0;
    padding: 26px 24px;
    border-top: 1px solid var(--footer-border-soft);
    border-bottom: 1px solid var(--footer-border-soft);
    margin-top: 26px;
}
.footer-benefit {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 0 22px;
    border-right: 1px solid var(--footer-border-soft);
}
.footer-benefit:last-child {
    border-right: 0;
}
.footer-benefit svg,
.footer-benefit img {
    width: 42px;
    height: 42px;
    object-fit: contain;
    color: var(--footer-accent);
}
/* ===============================
   Responsive
================================= */

@media screen and (max-width: 1280px) {
    .footer-trust-items {
        grid-template-columns: repeat(4, 1fr);
    }
.footer-benefits {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 24px;
    }
.footer-benefit:nth-child(3n) {
        border-right: 0;
    }
}

@media screen and (max-width: 991px) {
    footer.page-footer .footer.content {
        padding-inline: 20px !important;
        padding-top: 18px !important;
        padding-bottom: 0 !important;
    }
.footer-benefits {
        grid-template-columns: repeat(2, 1fr);
        padding-inline: 0;
    }
.footer-benefit {
        border-right: 0;
        padding: 0;
    }
}

@media screen and (max-width: 768px) {
    .footer.content {
        border-top: 0 !important;
    }
footer.page-footer h3,
    footer.page-footer h4,
    .footer-heading {
        margin-bottom: 18px !important;
        margin-top: 24px !important;
    }
}

@media screen and (max-width: 520px) {
    .footer-trust-items {
        grid-template-columns: 1fr;
    }
.footer-benefits {
        grid-template-columns: 1fr;
        gap: 20px;
    }
.toneart-footer-newsletter-card,
.toneart-footer-contact-card {
    width: 100%;
    color: #c6cdd1;
    box-sizing: border-box;
}
.toneart-footer-newsletter-card {
    min-height: 248px;
    padding: 27px 24px 26px;
    border: 1px solid #00c9be;
    border-radius: 4px;
    background: #07161b;
}
.toneart-footer-newsletter-intro {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: start;
    column-gap: 14px;
}
.toneart-footer-newsletter-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 38px;
    color: #00d2c6;
}
.toneart-footer-newsletter-icon svg,
.toneart-footer-input-icon svg,
.toneart-footer-contact-card svg {
    display: block;
    color: currentColor;
    stroke: currentColor;
}
footer.page-footer .toneart-footer-newsletter-title {
    margin: -1px 0 0 !important;
    color: #f3f5f6 !important;
    font-size: 18px !important;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -0.2px;
}
footer.page-footer .toneart-footer-newsletter-title a {
    display: inline-block;
    position: relative;
    color: #00d2c6 !important;
    font-size: inherit !important;
    font-weight: 600 !important;
    line-height: inherit;
}
footer.page-footer .toneart-footer-newsletter-title a::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -3px;
    left: 0;
    height: 1px;
    background: #00d2c6;
}
footer.page-footer .toneart-footer-newsletter-copy {
    margin: 21px 0 0 56px !important;
    color: #c0c7cb !important;
    font-size: 13px !important;
    font-weight: 400;
    line-height: 1.55;
}
footer.page-footer .toneart-footer-newsletter-form {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) 60px;
    align-items: stretch;
    position: relative;
    width: 100%;
    height: 56px;
    margin: 27px 0 0 !important;
    overflow: hidden;
    border: 1px solid #26343a;
    border-radius: 5px;
    background: #071116;
}
.toneart-footer-input-icon {
    display: flex;
    grid-column: 1;
    grid-row: 1;
    align-items: center;
    justify-content: center;
    color: #00d2c6;
}
footer.page-footer .toneart-footer-newsletter-form input[type='email'] {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    min-width: 0;
    height: 54px;
    margin: 0;
    padding: 0 8px 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0;
    color: #f5f7f8 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 13px;
    caret-color: #f5f7f8;
    color-scheme: dark;
}
footer.page-footer .toneart-footer-newsletter-form input[type='email']::placeholder {
    color: #8e989d !important;
    opacity: 1;
}
footer.page-footer .toneart-footer-newsletter-form input[type='email']::selection {
    color: #071116;
    background: #6ee7df;
}
footer.page-footer .toneart-footer-newsletter-form button {
    display: flex !important;
    grid-column: 3;
    grid-row: 1;
    align-items: center;
    justify-content: center;
    width: 60px;
    min-width: 60px;
    height: 56px !important;
    margin: -1px -1px -1px 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 5px 5px 0 !important;
    color: #051014 !important;
    background: #08c8bd !important;
    box-shadow: none !important;
    transition: background-color .2s ease, color .2s ease;
}
.toneart-footer-contact-card {
    min-height: 296px;
    padding: 25px 24px 24px;
    border: 1px solid #26343a;
    border-radius: 5px;
    background: #0b171c;
}
footer.page-footer .toneart-footer-contact-card h3 {
    margin: 0 !important;
    color: #f2f4f5 !important;
    font-size: 14px !important;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 1.8px;
}
footer.page-footer .toneart-footer-contact-card h3::after {
    display: none;
}
.toneart-footer-contact-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    margin-top: 25px;
    padding-top: 19px;
    border-top: 1px solid #2a383e;
}
.toneart-footer-hours {
    padding-right: 17px;
    border-right: 1px solid #26343a;
}
.toneart-footer-emails {
    padding-left: 18px;
}
footer.page-footer .toneart-footer-contact-card p,
footer.page-footer .toneart-footer-contact-card a {
    color: #abb4b9 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.45;
}
footer.page-footer .toneart-footer-contact-label {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px !important;
    color: #d9dee0 !important;
}
.toneart-footer-contact-label svg,
.toneart-footer-emails svg,
.toneart-footer-sales-row svg {
    flex: 0 0 auto;
    color: #00d2c6;
}
footer.page-footer .toneart-footer-hours > p:not(.toneart-footer-contact-label) {
    margin: 0 0 18px !important;
    white-space: nowrap;
}
footer.page-footer .toneart-footer-hours > p:last-child {
    margin-bottom: 0 !important;
}
footer.page-footer .toneart-footer-partnership {
    margin: 0 0 13px !important;
    color: #d9dee0 !important;
    white-space: nowrap;
}
footer.page-footer .toneart-footer-emails a {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    text-decoration: none !important;
    white-space: nowrap;
}
footer.page-footer .toneart-footer-emails a:last-child {
    margin-bottom: 0;
}
.toneart-footer-sales-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 19px;
    padding-top: 19px;
    border-top: 1px solid #2a383e;
}
.toneart-footer-sales-row > span {
    color: #d9dee0;
    font-size: 12px;
}
footer.page-footer .toneart-footer-sales-row a {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none !important;
    white-space: nowrap;
}
}
@media screen and (max-width: 520px){
.toneart-footer-newsletter-card,
    .toneart-footer-contact-card {
        padding-right: 24px;
        padding-left: 24px;
    }
}
@media screen and (max-width: 429px){
.toneart-footer-newsletter-card {
        min-height: 0;
    }
footer.page-footer .toneart-footer-newsletter-copy {
        margin-left: 0 !important;
    }
.toneart-footer-contact-grid {
        grid-template-columns: 1fr;
        row-gap: 20px;
    }
.toneart-footer-hours {
        padding-right: 0;
        padding-bottom: 20px;
        border-right: 0;
        border-bottom: 1px solid #26343a;
    }
.toneart-footer-emails {
        padding-left: 0;
    }
.toneart-footer-sales-row {
        align-items: flex-start;
        flex-direction: column;
    }
}
.footer-benefit-icon {
    min-width: 48px;
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--footer-accent, #00c9b7);
}
.footer-benefit-icon svg {
    width: 48px !important;
    height: 48px !important;
    display: block !important;
    color: var(--footer-accent, #00c9b7) !important;
    stroke: currentColor;
}
html:has(body.cms-home),
body.cms-home,
body.cms-home .page-wrapper {
    max-width: 100%;
    overflow-x: clip;
}

/* Source: app/design/frontend/Toneart/default/web/css/homepage-native.css */
.technology-section.is-native-carousel {
    display: grid !important;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 50px) / 6);
    gap: 10px;
    overflow-x: auto !important;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    touch-action: pan-x pan-y;
}

.technology-section.is-native-carousel::-webkit-scrollbar {
    display: none;
}

.technology-section.is-native-carousel .technology-section-item {
    box-sizing: border-box;
    min-width: 0;
    padding: 0;
    scroll-snap-align: start;
}

.tech-carousel-btn:disabled,
.tech-carousel-btn[aria-disabled="true"] {
    cursor: default;
    opacity: 0.2;
}

@media (max-width: 1400px) {
    .technology-section.is-native-carousel {
        grid-auto-columns: calc((100% - 40px) / 5);
    }
}

@media (max-width: 1280px) {
    .technology-section.is-native-carousel {
        grid-auto-columns: calc((100% - 30px) / 4);
    }
}

@media (max-width: 1024px) {
    .technology-section.is-native-carousel {
        grid-auto-columns: calc((100% - 20px) / 3);
    }
}

@media (max-width: 767px) {
    .technology-section.is-native-carousel {
        grid-auto-columns: calc((100% - 10px) / 2);
    }
}

@media (prefers-reduced-motion: reduce) {
    .technology-section.is-native-carousel {
        scroll-behavior: auto;
    }
}

/* Keep below-the-fold CMS sections out of initial style/layout work. */
@supports (content-visibility: auto) {
    .cms-home .toneart-product-slider {
        content-visibility: auto;
        contain-intrinsic-size: auto 680px;
    }

    .cms-home .toneart-aii {
        content-visibility: auto;
        contain-intrinsic-size: auto 420px;
    }

    .cms-home .tech-carousel-wrap {
        content-visibility: auto;
        contain-intrinsic-size: auto 320px;
    }

    .cms-home .ai-hero {
        content-visibility: auto;
        contain-intrinsic-size: auto 560px;
    }

    .cms-home .three-images-inner {
        content-visibility: auto;
        contain-intrinsic-size: auto 620px;
    }

    .cms-home .page-footer {
        content-visibility: auto;
        contain-intrinsic-size: auto 1500px;
    }
}

/*
 * The Hyva hero controls are siblings of .main-banner, not Slick-generated
 * children. The CMS design intentionally retains Slick class names for its
 * visual language, but its old descendant selectors cannot reach the native
 * buttons/dots and leave them in document flow. Keep this correction strictly
 * homepage/hero scoped so no other slider or page is affected.
 */
.cms-home .festive-hero-wrap > .hero-slider-previous,
.cms-home .festive-hero-wrap > .hero-slider-next {
    position: absolute;
    top: 50%;
    z-index: 8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    transform: translateY(-50%);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 50%;
    background: rgba(10, 10, 10, 0.34);
    color: #fff;
    cursor: pointer;
    backdrop-filter: blur(10px);
    transition: transform 0.25s ease, background 0.25s ease,
        border-color 0.25s ease;
}

.cms-home .festive-hero-wrap > .hero-slider-previous {
    left: 50px;
}

.cms-home .festive-hero-wrap > .hero-slider-next {
    right: 50px;
}

.cms-home .festive-hero-wrap > .hero-slider-previous:hover,
.cms-home .festive-hero-wrap > .hero-slider-previous:focus-visible,
.cms-home .festive-hero-wrap > .hero-slider-next:hover,
.cms-home .festive-hero-wrap > .hero-slider-next:focus-visible {
    border-color: rgba(241, 136, 25, 0.96);
    background: rgba(241, 136, 25, 0.86);
    color: #fff;
}

.cms-home .festive-hero-wrap > .hero-slider-previous:focus-visible,
.cms-home .festive-hero-wrap > .hero-slider-next:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
}

.cms-home .festive-hero-wrap > .hero-slider-previous::before,
.cms-home .festive-hero-wrap > .hero-slider-next::before {
    content: none;
}

.cms-home .festive-hero-wrap > .hero-slider-previous svg,
.cms-home .festive-hero-wrap > .hero-slider-next svg {
    display: block;
    width: 24px;
    height: 24px;
    pointer-events: none;
}

/* Override the old first-slide-only fallback after Alpine takes ownership. */
.cms-home .festive-hero-wrap .banner-slide-item[hidden] {
    display: none !important;
}

.cms-home .festive-hero-wrap .banner-slide-item.is-active:not([hidden]) {
    display: block !important;
}

.cms-home .festive-hero-wrap > [data-role="dots"] {
    position: absolute;
    left: 50px;
    bottom: 40px;
    z-index: 8;
}

.cms-home .festive-hero-wrap > [data-role="dots"] > .slick-dots {
    position: static;
    display: flex;
    align-items: center;
    width: auto;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cms-home .festive-hero-wrap > [data-role="dots"] > .slick-dots > li {
    position: relative;
    display: block;
    width: 28px;
    height: 24px;
    margin: 0 6px 0 0;
    padding: 0;
    overflow: visible;
    border-radius: 999px;
    background: transparent;
    transition: width 0.25s ease, background 0.25s ease,
        box-shadow 0.25s ease;
}

.cms-home .festive-hero-wrap > [data-role="dots"] > .slick-dots > li.slick-active {
    width: 54px;
}

.cms-home .festive-hero-wrap > [data-role="dots"] > .slick-dots button {
    display: block;
    width: 100%;
    min-width: 24px;
    min-height: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: inherit;
    background: transparent;
    color: transparent;
    font-size: 0;
    cursor: pointer;
}

.cms-home .festive-hero-wrap > [data-role="dots"] > .slick-dots button::before {
    content: '';
    position: absolute;
    top: 9px;
    right: 0;
    left: 0;
    height: 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.34);
}

.cms-home .festive-hero-wrap > [data-role="dots"] > .slick-dots > li.slick-active button::before {
    background: linear-gradient(90deg, #f18819, #ffd4a3);
    box-shadow: 0 0 18px rgba(241, 136, 25, 0.28);
}

.cms-home .festive-hero-wrap > [data-role="dots"] > .slick-dots button:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
}

@media (min-width: 769px) and (max-width: 1100px) {
    .cms-home .festive-hero-wrap > .hero-slider-previous,
    .cms-home .festive-hero-wrap > .hero-slider-next {
        top: auto;
        bottom: 108px;
        width: 38px;
        height: 38px;
        transform: none;
    }

    .cms-home .festive-hero-wrap > .hero-slider-previous {
        right: 86px;
        left: auto;
    }

    .cms-home .festive-hero-wrap > .hero-slider-next {
        right: 40px;
    }
}

@media (max-width: 768px) {
    .cms-home .festive-hero-wrap > .hero-slider-previous,
    .cms-home .festive-hero-wrap > .hero-slider-next {
        top: auto;
        bottom: 80px;
        width: 36px;
        height: 36px;
        transform: none;
    }

    .cms-home .festive-hero-wrap > .hero-slider-previous {
        right: 88px;
        left: auto;
    }

    .cms-home .festive-hero-wrap > .hero-slider-next {
        right: 44px;
    }

    .cms-home .festive-hero-wrap > .hero-slider-previous svg,
    .cms-home .festive-hero-wrap > .hero-slider-next svg {
        width: 20px;
        height: 20px;
    }

    .cms-home .festive-hero-wrap > [data-role="dots"] {
        left: 30px;
        bottom: 30px;
    }

    .cms-home .festive-hero-wrap > [data-role="dots"] > .slick-dots > li {
        width: 24px !important;
        height: 24px !important;
        margin-right: 4px;
    }

    .cms-home .festive-hero-wrap > [data-role="dots"] > .slick-dots > li.slick-active {
        width: 32px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cms-home .festive-hero-wrap > .hero-slider-previous,
    .cms-home .festive-hero-wrap > .hero-slider-next,
    .cms-home .festive-hero-wrap > [data-role="dots"] > .slick-dots > li {
        transition: none;
    }
}