/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */ @layer properties; :root, :host { --form-py: calc(var(--spacing) * 2); --form-px: calc(var(--spacing) * 3); --form-radius: var(--radius-lg); --form-stroke: var(--color-slate-400); --form-bg: #fff; --form-color: currentcolor; --form-active-color: var(--color-primary); --select-icon: url('data:image/svg+xml,'); --select-icon-size: 1.25em; --select-icon-offset: 0.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% 0.013 17.38); --color-red-100: oklch(93.6% 0.032 17.717); --color-red-300: oklch(80.8% 0.114 19.571); --color-red-400: oklch(70.4% 0.191 22.216); --color-red-500: oklch(63.7% 0.237 25.331); --color-red-600: oklch(57.7% 0.245 27.325); --color-red-700: oklch(50.5% 0.213 27.518); --color-red-800: oklch(44.4% 0.177 26.899); --color-red-900: oklch(39.6% 0.141 25.723); --color-orange-400: oklch(75% 0.183 55.934); --color-amber-400: oklch(82.8% 0.189 84.429); --color-yellow-50: oklch(98.7% 0.026 102.212); --color-yellow-100: oklch(97.3% 0.071 103.193); --color-yellow-400: oklch(85.2% 0.199 91.936); --color-yellow-500: oklch(79.5% 0.184 86.047); --color-yellow-600: oklch(68.1% 0.162 75.834); --color-green-50: oklch(98.2% 0.018 155.826); --color-green-200: oklch(92.5% 0.084 155.995); --color-green-400: oklch(79.2% 0.209 151.711); --color-green-500: oklch(72.3% 0.219 149.579); --color-green-600: oklch(62.7% 0.194 149.214); --color-green-700: oklch(52.7% 0.154 150.069); --color-green-800: oklch(44.8% 0.119 151.328); --color-sky-100: oklch(95.1% 0.026 236.824); --color-blue-50: oklch(97% 0.014 254.604); --color-blue-100: oklch(93.2% 0.032 255.585); --color-blue-200: oklch(88.2% 0.059 254.128); --color-blue-300: oklch(80.9% 0.105 251.813); --color-blue-400: oklch(70.7% 0.165 254.624); --color-blue-500: oklch(62.3% 0.214 259.815); --color-blue-600: oklch(54.6% 0.245 262.881); --color-blue-700: oklch(48.8% 0.243 264.376); --color-blue-800: oklch(42.4% 0.199 265.638); --color-blue-900: oklch(37.9% 0.146 265.522); --color-purple-700: oklch(49.6% 0.265 301.924); --color-pink-500: oklch(65.6% 0.241 354.308); --color-slate-50: oklch(98.4% 0.003 247.858); --color-slate-100: oklch(96.8% 0.007 247.896); --color-slate-200: oklch(92.9% 0.013 255.508); --color-slate-300: oklch(86.9% 0.022 252.894); --color-slate-400: oklch(70.4% 0.04 256.788); --color-slate-500: oklch(55.4% 0.046 257.417); --color-slate-600: oklch(44.6% 0.043 257.281); --color-slate-700: oklch(37.2% 0.044 257.287); --color-slate-800: oklch(27.9% 0.041 260.031); --color-slate-900: oklch(20.8% 0.042 265.755); --color-slate-950: oklch(12.9% 0.042 264.695); --color-gray-50: oklch(98.5% 0.002 247.839); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-300: oklch(87.2% 0.01 258.338); --color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-800: oklch(27.8% 0.033 256.848); --color-gray-900: oklch(21% 0.034 264.665); --color-zinc-50: oklch(98.5% 0 0); --color-zinc-100: oklch(96.7% 0.001 286.375); --color-zinc-200: oklch(92% 0.004 286.32); --color-neutral-100: oklch(97% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-stone-300: oklch(86.9% 0.005 56.366); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --breakpoint-sm: 40rem; --breakpoint-lg: 64rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-wide: 0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-tight: 1.25; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: 0.125rem; --radius-sm: 0.25rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12); --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15); --ease-in: cubic-bezier(0.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --animate-bounce: bounce 1s infinite; --blur-sm: 8px; --aspect-video: 16 / 9; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --color-container-lighter: var(--color-white); --color-container: var(--color-gray-50); --color-container-darker: var(--color-gray-100); --max-height-am-75: 75vh; --max-width-amrel-60: 60%; --max-width-amrel-75: 75%; --color-amrel-yellow: #fffae5; --color-amrel-blue-bg: #e1f1f8; --color-amrel-blue-text: #6d88b0; --color-amrel-grey-border: #e9f6ff; --color-amrel-grey-blue: #cbd5e0; --color-amrel-star-yellow: #f8ce0b; --color-amrel-grey-border-light: #e8e8e8; --color-amrel-blue-border: #3978bd; --color-amrel-red-bg: #9f3838; --color-amrel-grey-dark-text: #333; --color-amrel-blue-dark-text: #1979c3; --gap-amlabel-margin: var(--amlabel-margin-between); --color-primary-lighter: oklch(52% 0.2 265); --color-primary: oklch(46% 0.2 265); --color-primary-darker: oklch(28% 0.2 265); --color-secondary-lighter: oklch(72% 0.2 150); --color-secondary: oklch(53% 0.15 150); --color-secondary-darker: oklch(39% 0.1 153); --color-on-primary: #fff; --color-bg: var(--color-slate-50); --color-fg: var(--color-slate-950); --color-fg-secondary: var(--color-slate-600); --color-surface: var(--color-white); } @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; &: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; padding-inline-end: calc( var(--select-icon-size) + var(--select-icon-offset) + 0.5ch ); 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; &:dir(rtl) { --_icon-position: left; } } :is([type="checkbox"], [type="radio"], .form-checkbox, .form-radio) { appearance: none; flex-shrink: 0; display: inline-block; block-size: calc(var(--spacing) * 4); inline-size: calc(var(--spacing) * 4); padding: 0; border-width: 2px; border-color: var(--form-stroke); background-color: var(--form-bg); color: var(--form-color); background-origin: border-box; vertical-align: middle; user-select: none; print-color-adjust: exact; block-size: calc(var(--spacing) * 4.5); inline-size: calc(var(--spacing) * 4.5); &:focus { outline-color: var(--form-active-color); } &:focus, &:checked { border-color: var(--form-active-color); } } :is([type="checkbox"], .form-checkbox) { &:checked, &:indeterminate { border-color: transparent; background: var(--form-active-color, currentColor) center/contain no-repeat; } &:indeterminate { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E"); } &:checked { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E"); } } :is([type="radio"], .form-radio) { border-radius: 50%; &:checked { border-color: transparent; background: var(--form-active-color, currentColor) center/contain no-repeat; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E"); } } } @layer theme, base, components, utilities; @layer theme; @layer base { *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::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)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } } @layer utilities { .pointer-events-none { pointer-events: none; } .\!visible { visibility: visible !important; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .backdrop { position: fixed; inset: 0; background-color: var(--backdrop, hsl(0 0 0 / 20%)); } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .absolute\! { position: absolute !important; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .-inset-4 { inset: calc(var(--spacing) * -4); } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .inset-x-2 { inset-inline: calc(var(--spacing) * 2); } .inset-x-4 { inset-inline: calc(var(--spacing) * 4); } .inset-x-6 { inset-inline: calc(var(--spacing) * 6); } .inset-y-0 { inset-block: calc(var(--spacing) * 0); } .start { inset-inline-start: var(--spacing); } .end { inset-inline-end: var(--spacing); } .-top-1 { top: calc(var(--spacing) * -1); } .-top-1\.5 { top: calc(var(--spacing) * -1.5); } .-top-2 { top: calc(var(--spacing) * -2); } .-top-2\.5 { top: calc(var(--spacing) * -2.5); } .-top-3 { top: calc(var(--spacing) * -3); } .-top-8 { top: calc(var(--spacing) * -8); } .top-0 { top: calc(var(--spacing) * 0); } .top-1\/2 { top: calc(1 / 2 * 100%); } .top-1\/2\! { top: calc(1 / 2 * 100%) !important; } .top-2 { top: calc(var(--spacing) * 2); } .top-3 { top: calc(var(--spacing) * 3); } .top-6 { top: calc(var(--spacing) * 6); } .top-\[var\(--cart-drawer-offset-top\)\] { top: var(--cart-drawer-offset-top); } .top-full { top: 100%; } .-right-1\.5 { right: calc(var(--spacing) * -1.5); } .-right-2 { right: calc(var(--spacing) * -2); } .-right-2\.5 { right: calc(var(--spacing) * -2.5); } .-right-4 { right: calc(var(--spacing) * -4); } .right-0 { right: calc(var(--spacing) * 0); } .right-0\! { right: calc(var(--spacing) * 0) !important; } .right-2 { right: calc(var(--spacing) * 2); } .right-2\.5 { right: calc(var(--spacing) * 2.5); } .right-3 { right: calc(var(--spacing) * 3); } .right-4 { right: calc(var(--spacing) * 4); } .right-6 { right: calc(var(--spacing) * 6); } .right-8 { right: calc(var(--spacing) * 8); } .-bottom-16\! { bottom: calc(var(--spacing) * -16) !important; } .-bottom-px { bottom: -1px; } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-2 { bottom: calc(var(--spacing) * 2); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .bottom-6 { bottom: calc(var(--spacing) * 6); } .bottom-8 { bottom: calc(var(--spacing) * 8); } .bottom-\[calc\(theme\(spacing\.5\)_\/_2_-_2px\)\] { bottom: calc(1.25rem / 2 - 2px); } .-left-1 { left: calc(var(--spacing) * -1); } .-left-2 { left: calc(var(--spacing) * -2); } .left-0 { left: calc(var(--spacing) * 0); } .left-0\! { left: calc(var(--spacing) * 0) !important; } .left-1\/2 { left: calc(1 / 2 * 100%); } .left-2 { left: calc(var(--spacing) * 2); } .left-4 { left: calc(var(--spacing) * 4); } .left-6 { left: calc(var(--spacing) * 6); } .left-auto { left: auto; } .isolate { isolation: isolate; } .-z-10 { z-index: calc(10 * -1); } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-\[-1\] { z-index: -1; } .z-\[9999\] { z-index: 9999; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-first { order: -9999; } .order-last { order: 9999; } .order-none { order: 0; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-4 { grid-column: span 4 / span 4; } .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; } .col-start-1 { grid-column-start: 1; } .row-start-1 { grid-row-start: 1; } .float-end { float: inline-end; } .float-left { float: left; } .float-right { float: right; } .clear-both { clear: both; } .clear-left { clear: left; } .container { width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } } .-m-2 { margin: calc(var(--spacing) * -2); } .-m-4 { margin: calc(var(--spacing) * -4); } .m-0 { margin: calc(var(--spacing) * 0); } .m-1 { margin: calc(var(--spacing) * 1); } .m-2 { margin: calc(var(--spacing) * 2); } .m-4 { margin: calc(var(--spacing) * 4); } .m-6 { margin: calc(var(--spacing) * 6); } .m-auto { margin: auto; } .prose { --text-flow: 1em 1rem; --separator-flow: 2.5em; --list-flow: 0.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; :where(h1, h2, h3, h4, h5, h6, p, dl, ul, ol, pre, hgroup) { margin-block: var(--text-flow); } :where(blockquote, figure, hr) { margin-block: var(--separator-flow); margin-inline: 0; } :where([class~="lead"]) { font-size: 1.25em; } :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; } :where(h1) { --h-size: var(--h1-size); } :where(h2) { --h-size: var(--h2-size); } :where(h3) { --h-size: var(--h3-size); } :where(h4) { --h-size: var(--h4-size); } ::marker { color: var(--marker-color); } :where(ul, ol) { list-style: revert; padding-inline-start: 2em; } :where(ol[type="a"]) { list-style-type: lower-alpha; } :where(ol[type="i"]) { list-style-type: lower-roman; } :where(ol[type="1"]) { list-style-type: decimal; } :where(blockquote) { border-inline-start: 4px solid var(--blockquote-color); padding-inline-start: 1.5em; padding-block: 0.25em; } :where(:any-link) { color: var(--link-color); font-weight: var(--link-weight); &:hover { text-decoration: underline; } } :where(table) { border-collapse: separate; border-spacing: 0; border-color: var(--table-stroke); } :where(thead, tbody, tfoot, tr, th, td) { border-color: inherit; text-align: inherit; } :where(th, td) { padding-block: var(--table-py); padding-inline: var(--table-px); background: var(--table-bg); color: var(--table-color); } :where(tr + tr :is(th, td)) { border-block-start-width: 1px; } :where(thead tr:last-child :is(th, td)) { border-block-end-width: 2px; } :where(tfoot tr:first-child :is(th, td)) { border-block-start-width: 2px; } :where(table:not(:has(.table-wrapper, [class*="overflow-"]))) { word-break: break-all; } > :where(:first-child) { margin-block-start: 0; } > :where(:last-child) { margin-block-end: 0; } } .container { margin-inline: auto; padding-inline: calc(var(--spacing) * 6); } .-mx-1 { margin-inline: calc(var(--spacing) * -1); } .-mx-3 { margin-inline: calc(var(--spacing) * -3); } .-mx-6 { margin-inline: calc(var(--spacing) * -6); } .mx-1 { margin-inline: calc(var(--spacing) * 1); } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-4 { margin-inline: calc(var(--spacing) * 4); } .mx-5 { margin-inline: calc(var(--spacing) * 5); } .mx-6 { margin-inline: calc(var(--spacing) * 6); } .mx-auto { margin-inline: auto; } .\!my-0 { margin-block: calc(var(--spacing) * 0) !important; } .my-0 { margin-block: calc(var(--spacing) * 0); } .my-1 { margin-block: calc(var(--spacing) * 1); } .my-1\.5 { margin-block: calc(var(--spacing) * 1.5); } .my-2 { margin-block: calc(var(--spacing) * 2); } .my-3 { margin-block: calc(var(--spacing) * 3); } .my-4 { margin-block: calc(var(--spacing) * 4); } .my-5 { margin-block: calc(var(--spacing) * 5); } .my-6 { margin-block: calc(var(--spacing) * 6); } .my-8 { margin-block: calc(var(--spacing) * 8); } .my-10 { margin-block: calc(var(--spacing) * 10); } .my-12 { margin-block: calc(var(--spacing) * 12); } .my-20 { margin-block: calc(var(--spacing) * 20); } .ms-0 { margin-inline-start: calc(var(--spacing) * 0); } .ms-7 { margin-inline-start: calc(var(--spacing) * 7); } .ms-8 { margin-inline-start: calc(var(--spacing) * 8); } .ms-auto { margin-inline-start: auto; } .-me-4 { margin-inline-end: calc(var(--spacing) * -4); } .me-0 { margin-inline-end: calc(var(--spacing) * 0); } .me-auto { margin-inline-end: auto; } .-mt-6 { margin-top: calc(var(--spacing) * -6); } .-mt-8 { margin-top: calc(var(--spacing) * -8); } .-mt-24 { margin-top: calc(var(--spacing) * -24); } .mt-0 { margin-top: calc(var(--spacing) * 0); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-2\.5 { margin-top: calc(var(--spacing) * 2.5); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-5 { margin-top: calc(var(--spacing) * 5); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-7 { margin-top: calc(var(--spacing) * 7); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-20 { margin-top: calc(var(--spacing) * 20); } .mt-24 { margin-top: calc(var(--spacing) * 24); } .mt-\[3px\] { margin-top: 3px; } .mt-\[30px\] { margin-top: 30px; } .mt-auto { margin-top: auto; } .\!mr-0 { margin-right: calc(var(--spacing) * 0) !important; } .-mr-1 { margin-right: calc(var(--spacing) * -1); } .mr-0 { margin-right: calc(var(--spacing) * 0); } .mr-1 { margin-right: calc(var(--spacing) * 1); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-2\.5 { margin-right: calc(var(--spacing) * 2.5); } .mr-3 { margin-right: calc(var(--spacing) * 3); } .mr-4 { margin-right: calc(var(--spacing) * 4); } .mr-5 { margin-right: calc(var(--spacing) * 5); } .mr-8 { margin-right: calc(var(--spacing) * 8); } .mr-10 { margin-right: calc(var(--spacing) * 10); } .mr-\[-1px\] { margin-right: -1px; } .mr-\[var\(--thumbs-gap\)\] { margin-right: var(--thumbs-gap); } .mr-auto { margin-right: auto; } .\!mb-0 { margin-bottom: calc(var(--spacing) * 0) !important; } .mb-0 { margin-bottom: calc(var(--spacing) * 0); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-2\.5 { margin-bottom: calc(var(--spacing) * 2.5); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-10 { margin-bottom: calc(var(--spacing) * 10); } .mb-12 { margin-bottom: calc(var(--spacing) * 12); } .mb-24 { margin-bottom: calc(var(--spacing) * 24); } .-ml-6 { margin-left: calc(var(--spacing) * -6); } .-ml-px { margin-left: -1px; } .ml-0 { margin-left: calc(var(--spacing) * 0); } .ml-0\.5 { margin-left: calc(var(--spacing) * 0.5); } .ml-1 { margin-left: calc(var(--spacing) * 1); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-2\.5 { margin-left: calc(var(--spacing) * 2.5); } .ml-3 { margin-left: calc(var(--spacing) * 3); } .ml-4 { margin-left: calc(var(--spacing) * 4); } .ml-5 { margin-left: calc(var(--spacing) * 5); } .ml-10 { margin-left: calc(var(--spacing) * 10); } .ml-\[5px\] { margin-left: 5px; } .ml-auto { margin-left: auto; } .box-border { box-sizing: border-box; } .box-content { box-sizing: content-box; } .snap { scroll-snap-type: x var(--tw-scroll-snap-strictness); --tw-scroll-snap-strictness: mandatory; scroll-behavior: smooth; &>* { scroll-snap-align: start; } scrollbar-width: none; &::-webkit-scrollbar { display: none; } } .btn { --btn-stroke: #0000; --btn-bg: color-mix(in srgb, oklch(46% 0.2 265) 10%, #0000); @supports (color: color-mix(in lab, red, red)) { --btn-bg: color-mix(in srgb, var(--color-primary) 10%, #0000); } --btn-hover-bg: color-mix(in srgb, oklch(46% 0.2 265) 20%, #0000); @supports (color: color-mix(in lab, red, red)) { --btn-hover-bg: color-mix(in srgb, var(--color-primary) 20%, #0000); } --btn-active-bg: color-mix(in srgb, oklch(46% 0.2 265) 30%, #0000); @supports (color: color-mix(in lab, red, red)) { --btn-active-bg: color-mix(in srgb, var(--color-primary) 30%, #0000); } --btn-color: var(--color-fg); display: inline-flex; 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); font-weight: 500; 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); &: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(: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(: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)); } } .\!flex { display: flex !important; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .flex\! { display: flex !important; } .flow-root { display: flow-root; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .list-none { &::-webkit-details-marker { display: none; } } .table { display: table; } .table-caption { display: table-caption; } .table-cell { display: table-cell; } .table-row { display: table-row; } .aspect-\[3\/4\] { aspect-ratio: 3/4; } .aspect-\[var\(--gallery-ratio\)\] { aspect-ratio: var(--gallery-ratio); } .aspect-square { aspect-ratio: 1 / 1; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-2\! { width: calc(var(--spacing) * 2) !important; height: calc(var(--spacing) * 2) !important; } .size-8\! { width: calc(var(--spacing) * 8) !important; height: calc(var(--spacing) * 8) !important; } .size-full { width: 100%; height: 100%; } .h-2\.5 { height: calc(var(--spacing) * 2.5); } .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-10 { height: calc(var(--spacing) * 10); } .h-11 { height: calc(var(--spacing) * 11); } .h-12 { height: calc(var(--spacing) * 12); } .h-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .h-28 { height: calc(var(--spacing) * 28); } .h-36 { height: calc(var(--spacing) * 36); } .h-44 { height: calc(var(--spacing) * 44); } .h-48 { height: calc(var(--spacing) * 48); } .h-72 { height: calc(var(--spacing) * 72); } .h-96 { height: calc(var(--spacing) * 96); } .h-\[1\.125rem\] { height: 1.125rem; } .h-\[4px\] { height: 4px; } .h-\[30px\] { height: 30px; } .h-\[45px\] { height: 45px; } .h-\[100px\] { height: 100px; } .h-\[300px\] { height: 300px; } .h-\[350px\] { height: 350px; } .h-\[400px\] { height: 400px; } .h-\[460px\] { height: 460px; } .h-auto { height: auto; } .h-fit { height: fit-content; } .h-full { height: 100%; } .h-screen { height: 100vh; } .max-h-\[75vh\] { max-height: 75vh; } .max-h-\[clamp\(480px\,95vh_-_var\(--cart-drawer-offset-top\,0px\)\,860px\)\] { max-height: clamp(480px, 95vh - var(--cart-drawer-offset-top,0px), 860px); } .max-h-\[min\(1024px\,\(100\%_-_2rem\)\)\] { max-height: min(1024px, (100% - 2rem)); } .max-h-am-75 { max-height: var(--max-height-am-75); } .max-h-full { max-height: 100%; } .max-h-screen { max-height: 100vh; } .max-h-svh { max-height: 100svh; } .min-h-11 { min-height: calc(var(--spacing) * 11); } .min-h-14 { min-height: calc(var(--spacing) * 14); } .min-h-64 { min-height: calc(var(--spacing) * 64); } .min-h-80 { min-height: calc(var(--spacing) * 80); } .min-h-\[20px\] { min-height: 20px; } .\!w-auto { width: auto !important; } .w-0 { width: calc(var(--spacing) * 0); } .w-1\/2 { width: calc(1 / 2 * 100%); } .w-1\/4 { width: calc(1 / 4 * 100%); } .w-2\.5 { width: calc(var(--spacing) * 2.5); } .w-2\/6 { width: calc(2 / 6 * 100%); } .w-3 { width: calc(var(--spacing) * 3); } .w-3\.5 { width: calc(var(--spacing) * 3.5); } .w-3\/4 { width: calc(3 / 4 * 100%); } .w-4 { width: calc(var(--spacing) * 4); } .w-4\/12 { width: calc(4 / 12 * 100%); } .w-5 { width: calc(var(--spacing) * 5); } .w-6 { width: calc(var(--spacing) * 6); } .w-8 { width: calc(var(--spacing) * 8); } .w-8\/12 { width: calc(8 / 12 * 100%); } .w-9 { width: calc(var(--spacing) * 9); } .w-10 { width: calc(var(--spacing) * 10); } .w-10\/12 { width: calc(10 / 12 * 100%); } .w-11 { width: calc(var(--spacing) * 11); } .w-12 { width: calc(var(--spacing) * 12); } .w-14 { width: calc(var(--spacing) * 14); } .w-16 { width: calc(var(--spacing) * 16); } .w-20 { width: calc(var(--spacing) * 20); } .w-28 { width: calc(var(--spacing) * 28); } .w-32 { width: calc(var(--spacing) * 32); } .w-36 { width: calc(var(--spacing) * 36); } .w-40 { width: calc(var(--spacing) * 40); } .w-44 { width: calc(var(--spacing) * 44); } .w-48 { width: calc(var(--spacing) * 48); } .w-50 { width: calc(var(--spacing) * 50); } .w-52 { width: calc(var(--spacing) * 52); } .w-56 { width: calc(var(--spacing) * 56); } .w-60 { width: calc(var(--spacing) * 60); } .w-64 { width: calc(var(--spacing) * 64); } .w-72 { width: calc(var(--spacing) * 72); } .w-100 { width: calc(var(--spacing) * 100); } .w-\[1\.125rem\] { width: 1.125rem; } .w-\[49\%\] { width: 49%; } .w-\[70\%\] { width: 70%; } .w-\[100px\] { width: 100px; } .w-\[480px\] { width: 480px; } .w-\[640px\] { width: 640px; } .w-\[calc\(100\%-theme\(spacing\.7\)\)\] { width: calc(100% - 1.75rem); } .w-\[var\(--gallery-width\)\] { width: var(--gallery-width); } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-max { width: max-content; } .w-screen { width: 100vw; } .w-xl { width: var(--container-xl); } .max-w-1\/2 { max-width: calc(1 / 2 * 100%); } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-\[25\%\] { max-width: 25%; } .max-w-\[50\%\] { max-width: 50%; } .max-w-\[70\%\] { max-width: 70%; } .max-w-\[150px\] { max-width: 150px; } .max-w-\[185px\] { max-width: 185px; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[320px\] { max-width: 320px; } .max-w-\[min\(1280px\,\(100\%_-_2rem\)\)\] { max-width: min(1280px, (100% - 2rem)); } .max-w-\[theme\(spacing\.20\)\] { max-width: 5rem; } .max-w-\[var\(--gallery-width\)\] { max-width: var(--gallery-width); } .max-w-amrel-75 { max-width: var(--max-width-amrel-75); } .max-w-fit { max-width: fit-content; } .max-w-full { max-width: 100%; } .max-w-md { max-width: var(--container-md); } .max-w-prose { max-width: 65ch; } .max-w-screen-lg { max-width: var(--breakpoint-lg); } .max-w-screen-sm { max-width: var(--breakpoint-sm); } .max-w-sm { max-width: var(--container-sm); } .max-w-xl { max-width: var(--container-xl); } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-9\.5 { min-width: calc(var(--spacing) * 9.5); } .min-w-12 { min-width: calc(var(--spacing) * 12); } .min-w-16 { min-width: calc(var(--spacing) * 16); } .min-w-20 { min-width: calc(var(--spacing) * 20); } .min-w-40 { min-width: calc(var(--spacing) * 40); } .min-w-48 { min-width: calc(var(--spacing) * 48); } .min-w-\[30px\] { min-width: 30px; } .min-w-\[100px\] { min-width: 100px; } .min-w-\[theme\(spacing\.12\)\] { min-width: 3rem; } .min-w-\[theme\(spacing\.16\)\] { min-width: 4rem; } .min-w-full { min-width: 100%; } .flex-1 { flex: 1; } .flex-auto { flex: auto; } .flex-none { flex: none; } .flex-shrink-0 { flex-shrink: 0; } .flex-shrink-0 { flex-shrink: 0; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .flex-grow { flex-grow: 1; } .flex-grow-0 { flex-grow: 0; } .flex-grow-0 { flex-grow: 0; } .flex-grow-1 { flex-grow: 1; } .grow { flex-grow: 1; } .grow-0 { flex-grow: 0; } .grow-1 { flex-grow: 1; } .basis-2\/3 { flex-basis: calc(2 / 3 * 100%); } .basis-4\/12 { flex-basis: calc(4 / 12 * 100%); } .table-auto { table-layout: auto; } .table-fixed { table-layout: fixed; } .origin-bottom-left { transform-origin: 0 100%; } .origin-left { transform-origin: 0; } .origin-top-left { transform-origin: 0 0; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-5 { --tw-translate-x: calc(var(--spacing) * -5); 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-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-4 { --tw-translate-x: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-8 { --tw-translate-x: calc(var(--spacing) * 8); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-72 { --tw-translate-x: calc(var(--spacing) * 72); 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-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2\! { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1) !important; translate: var(--tw-translate-x) var(--tw-translate-y) !important; } .-translate-y-8 { --tw-translate-y: calc(var(--spacing) * -8); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-full { --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-0 { --tw-translate-y: calc(var(--spacing) * 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); } .translate-y-full { --tw-translate-y: 100%; 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-90 { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-95 { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; 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); } .scale-125 { --tw-scale-x: 125%; --tw-scale-y: 125%; --tw-scale-z: 125%; 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-\[marqueeScroll_var\(--duration\)_linear_infinite\] { animation: marqueeScroll var(--duration) linear infinite; } .animate-bounce { animation: var(--animate-bounce); } .animate-ping { animation: var(--animate-ping); } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .cursor-default { cursor: default; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .cursor-wait { cursor: wait; } .resize { resize: both; } .snap-start { scroll-snap-align: start; } .scroll-mt-8 { scroll-margin-top: calc(var(--spacing) * 8); } .list-decimal { list-style-type: decimal; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .columns-xs { columns: var(--container-xs); } .break-inside-avoid { break-inside: avoid; } .auto-cols-\[100\%\] { grid-auto-columns: 100%; } .grid-flow-col { grid-auto-flow: column; } .grid-flow-row { grid-auto-flow: row; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-cols-7 { grid-template-columns: repeat(7, 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; } .grid-cols-\[auto_minmax\(0px\,1fr\)_auto\] { grid-template-columns: auto minmax(0px,1fr) auto; } .grid-cols-\[minmax\(0px\,1fr\)_theme\(\'spacing\.72\'\)\] { grid-template-columns: minmax(0px,1fr) 18rem; } .grid-rows-\[auto_var\(--thumbs-size\)\] { grid-template-rows: auto var(--thumbs-size); } .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-nowrap { flex-wrap: nowrap; } .flex-wrap { flex-wrap: wrap; } .place-items-center { place-items: center; } .content-center { align-content: center; } .\!items-center { align-items: center !important; } .items-baseline { align-items: baseline; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .items-stretch { align-items: stretch; } .justify-around { justify-content: space-around; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-evenly { justify-content: space-evenly; } .justify-start { justify-content: flex-start; } .gap-0\.5 { gap: calc(var(--spacing) * 0.5); } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-11 { gap: calc(var(--spacing) * 11); } .gap-16 { gap: calc(var(--spacing) * 16); } .gap-\[var\(--gap\)\] { gap: var(--gap); } .gap-amlabel-margin { gap: var(--gap-amlabel-margin); } .space-y-1 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-2 { :where(& > :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))); } } .space-y-2\.5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-3 { :where(& > :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))); } } .space-y-4 { :where(& > :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))); } } .space-y-5 { :where(& > :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))); } } .space-y-6 { :where(& > :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))); } } .space-y-8 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-10 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-12 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse))); } } .gap-x-1 { column-gap: calc(var(--spacing) * 1); } .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); } .gap-x-7 { column-gap: calc(var(--spacing) * 7); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .gap-x-12 { column-gap: calc(var(--spacing) * 12); } .space-x-0\.5 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-4 { :where(& > :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-0 { row-gap: calc(var(--spacing) * 0); } .gap-y-1 { row-gap: calc(var(--spacing) * 1); } .gap-y-2 { row-gap: calc(var(--spacing) * 2); } .gap-y-3\.5 { row-gap: calc(var(--spacing) * 3.5); } .gap-y-4 { row-gap: calc(var(--spacing) * 4); } .gap-y-6 { row-gap: calc(var(--spacing) * 6); } .gap-y-8 { row-gap: calc(var(--spacing) * 8); } .gap-y-16 { row-gap: calc(var(--spacing) * 16); } .divide-y { :where(& > :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-center { align-self: center; } .self-end { align-self: flex-end; } .self-start { align-self: flex-start; } .self-stretch { align-self: stretch; } .justify-self-center { justify-self: center; } .justify-self-end { justify-self: flex-end; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-auto { overflow: auto; } .overflow-clip { overflow: clip; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-x-clip { overflow-x: clip; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-auto { overflow-y: auto; } .overflow-y-clip { overflow-y: clip; } .overscroll-contain { overscroll-behavior: contain; } .overscroll-x-contain { overscroll-behavior-x: contain; } .overscroll-y-contain { overscroll-behavior-y: contain; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-3xl { border-radius: var(--radius-3xl); } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-none { border-radius: 0; } .rounded-sm { border-radius: var(--radius-sm); } .rounded-xl { border-radius: var(--radius-xl); } .rounded-xs { border-radius: var(--radius-xs); } .rounded-s-md { border-start-start-radius: var(--radius-md); border-end-start-radius: var(--radius-md); } .rounded-s-none { border-start-start-radius: 0; border-end-start-radius: 0; } .rounded-s-xl { border-start-start-radius: var(--radius-xl); border-end-start-radius: var(--radius-xl); } .rounded-e-md { border-start-end-radius: var(--radius-md); border-end-end-radius: var(--radius-md); } .rounded-e-none { border-start-end-radius: 0; border-end-end-radius: 0; } .rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rounded-l { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-l-md { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } .rounded-r { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .rounded-r-md { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } .rounded-b { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-b-md { border-bottom-right-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0px; } .border-1 { border-style: var(--tw-border-style); border-width: 1px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-4 { border-style: var(--tw-border-style); border-width: 4px; } .border-10 { border-style: var(--tw-border-style); border-width: 10px; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .border-bs { border-block-start-style: var(--tw-border-style); border-block-start-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-2 { border-top-style: var(--tw-border-style); border-top-width: 2px; } .border-t-4 { border-top-style: var(--tw-border-style); border-top-width: 4px; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-r-0 { border-right-style: var(--tw-border-style); border-right-width: 0px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .border-b-\[3px\] { border-bottom-style: var(--tw-border-style); border-bottom-width: 3px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-l-0 { border-left-style: var(--tw-border-style); border-left-width: 0px; } .border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px; } .border-l-4 { border-left-style: var(--tw-border-style); border-left-width: 4px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-solid { --tw-border-style: solid; border-style: solid; } .border-amrel-blue-border { border-color: var(--color-amrel-blue-border); } .border-amrel-grey-border-light { border-color: var(--color-amrel-grey-border-light); } .border-black { border-color: var(--color-black); } .border-blue-100 { border-color: var(--color-blue-100); } .border-blue-500 { border-color: var(--color-blue-500); } .border-container { border-color: var(--color-container); } .border-container-darker { border-color: var(--color-container-darker); } .border-container-lighter { border-color: var(--color-container-lighter); } .border-current { border-color: currentcolor; } .border-gray-100 { border-color: var(--color-gray-100); } .border-gray-200 { border-color: var(--color-gray-200); } .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-green-400 { border-color: var(--color-green-400); } .border-primary { border-color: var(--color-primary); } .border-red-500 { border-color: var(--color-red-500); } .border-red-600 { border-color: var(--color-red-600); } .border-red-700 { border-color: var(--color-red-700); } .border-slate-100 { border-color: var(--color-slate-100); } .border-slate-200 { border-color: var(--color-slate-200); } .border-slate-300 { border-color: var(--color-slate-300); } .border-slate-400 { border-color: var(--color-slate-400); } .border-transparent { border-color: transparent; } .border-white { border-color: var(--color-white); } .border-yellow-400 { border-color: var(--color-yellow-400); } .border-zinc-200 { border-color: var(--color-zinc-200); } .bg-\[\#1d4ed8\] { background-color: #1d4ed8; } .bg-\[\#4db2ec\] { background-color: #4db2ec; } .bg-\[\#E2E8F0\] { background-color: #E2E8F0; } .bg-\[\#f6f6f6\] { background-color: #f6f6f6; } .bg-\[\#fff\] { background-color: #fff; } .bg-\[var\(--message\)\] { background-color: var(--message); } .bg-\[var\(--message-lighter\)\] { background-color: var(--message-lighter); } .bg-amrel-blue-bg { background-color: var(--color-amrel-blue-bg); } .bg-amrel-grey-border { background-color: var(--color-amrel-grey-border); } .bg-amrel-red-bg { background-color: var(--color-amrel-red-bg); } .bg-amrel-yellow { background-color: var(--color-amrel-yellow); } .bg-black { background-color: var(--color-black); } .bg-black\/30 { background-color: color-mix(in srgb, #000 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 30%, transparent); } } .bg-black\/40 { background-color: color-mix(in srgb, #000 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } .bg-black\/50 { background-color: color-mix(in srgb, #000 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .bg-blue-50 { background-color: var(--color-blue-50); } .bg-blue-100 { background-color: var(--color-blue-100); } .bg-blue-200 { background-color: var(--color-blue-200); } .bg-blue-500 { background-color: var(--color-blue-500); } .bg-blue-600 { background-color: var(--color-blue-600); } .bg-blue-800 { background-color: var(--color-blue-800); } .bg-blue-900 { background-color: var(--color-blue-900); } .bg-container { background-color: var(--color-container); } .bg-container-darker { background-color: var(--color-container-darker); } .bg-container-lighter { background-color: var(--color-container-lighter); } .bg-container-lighter\/95 { background-color: color-mix(in srgb, #fff 95%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-container-lighter) 95%, transparent); } } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-100 { background-color: var(--color-gray-100); } .bg-gray-200 { background-color: var(--color-gray-200); } .bg-gray-300 { background-color: var(--color-gray-300); } .bg-gray-800 { background-color: var(--color-gray-800); } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-green-200 { background-color: var(--color-green-200); } .bg-green-500 { background-color: var(--color-green-500); } .bg-inherit { background-color: inherit; } .bg-mcbgcolor { background-color: var(--mcbgcolor); } .bg-neutral-100 { background-color: var(--color-neutral-100); } .bg-neutral-700\! { background-color: var(--color-neutral-700) !important; } .bg-pink-500 { background-color: var(--color-pink-500); } .bg-primary { &[class*="bg-opacity-"] { background-color: oklch(46% 0.2 265); @supports (color: color-mix(in lab, red, red)) { 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-50 { background-color: var(--color-red-50); } .bg-red-100 { background-color: var(--color-red-100); } .bg-red-500 { background-color: var(--color-red-500); } .bg-red-600 { background-color: var(--color-red-600); } .bg-sky-100 { background-color: var(--color-sky-100); } .bg-slate-50 { background-color: var(--color-slate-50); } .bg-slate-100 { background-color: var(--color-slate-100); } .bg-slate-200 { background-color: var(--color-slate-200); } .bg-slate-400 { background-color: var(--color-slate-400); } .bg-slate-700 { background-color: var(--color-slate-700); } .bg-stone-300\! { background-color: var(--color-stone-300) !important; } .bg-surface { background-color: var(--color-surface); } .bg-transparent { background-color: transparent; } .bg-white { background-color: var(--color-white); } .bg-white\/25 { background-color: color-mix(in srgb, #fff 25%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 25%, transparent); } } .bg-white\/30 { background-color: color-mix(in srgb, #fff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .bg-white\/60 { background-color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .bg-white\/70 { background-color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .bg-white\/90 { background-color: color-mix(in srgb, #fff 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .bg-white\/95 { background-color: color-mix(in srgb, #fff 95%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 95%, transparent); } } .bg-yellow-100 { background-color: var(--color-yellow-100); } .bg-yellow-500 { background-color: var(--color-yellow-500); } .bg-zinc-50 { background-color: var(--color-zinc-50); } .bg-zinc-100 { background-color: var(--color-zinc-100); } .bg-gradient-to-b { --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-l { --tw-gradient-position: to left in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-r { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-t { --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .from-black\/10 { --tw-gradient-from: color-mix(in srgb, #000 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-black) 10%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-black\/60 { --tw-gradient-from: color-mix(in srgb, #000 60%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-black) 60%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-gray-800\/50 { --tw-gradient-from: color-mix(in srgb, oklch(27.8% 0.033 256.848) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-gray-800) 50%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-slate-800\/50 { --tw-gradient-from: color-mix(in srgb, oklch(27.9% 0.041 260.031) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-slate-800) 50%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-slate-800\/75 { --tw-gradient-from: color-mix(in srgb, oklch(27.9% 0.041 260.031) 75%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-slate-800) 75%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-surface { --tw-gradient-from: var(--color-surface); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-transparent { --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white { --tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .via-transparent { --tw-gradient-via: transparent; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .to-gray-800 { --tw-gradient-to: var(--color-gray-800); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-transparent { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .mask-x-from-\[calc\(100\%-2rem\)\] { mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); mask-composite: intersect; --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top); --tw-mask-right: linear-gradient(to right, var(--tw-mask-right-from-color) var(--tw-mask-right-from-position), var(--tw-mask-right-to-color) var(--tw-mask-right-to-position)); --tw-mask-right-from-position: calc(100% - 2rem); --tw-mask-left: linear-gradient(to left, var(--tw-mask-left-from-color) var(--tw-mask-left-from-position), var(--tw-mask-left-to-color) var(--tw-mask-left-to-position)); --tw-mask-left-from-position: calc(100% - 2rem); } .mask-b-from-80\% { mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); mask-composite: intersect; --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%; } .bg-cover { background-size: cover; } .bg-center { background-position: center; } .bg-no-repeat { background-repeat: no-repeat; } .fill-amrel-grey-blue { fill: var(--color-amrel-grey-blue); } .fill-amrel-star-yellow { fill: var(--color-amrel-star-yellow); } .fill-black\/20 { fill: color-mix(in srgb, #000 20%, transparent); @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-black) 20%, transparent); } } .fill-black\/30 { fill: color-mix(in srgb, #000 30%, transparent); @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-black) 30%, transparent); } } .fill-current { fill: currentcolor; } .stroke-current { stroke: currentcolor; } .stroke-white { stroke: var(--color-white); } .stroke-white\/75 { stroke: color-mix(in srgb, #fff 75%, transparent); @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, var(--color-white) 75%, transparent); } } .stroke-1 { stroke-width: 1; } .stroke-2 { stroke-width: 2; } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .object-scale-down { object-fit: scale-down; } .object-center { object-position: center; } .p-0 { padding: calc(var(--spacing) * 0); } .p-1 { padding: calc(var(--spacing) * 1); } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-3\.5 { padding: calc(var(--spacing) * 3.5); } .p-4 { padding: calc(var(--spacing) * 4); } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-7 { padding: calc(var(--spacing) * 7); } .p-8 { padding: calc(var(--spacing) * 8); } .p-10 { padding: calc(var(--spacing) * 10); } .p-14 { padding: calc(var(--spacing) * 14); } .p-\[5px\] { padding: 5px; } .px-0 { padding-inline: calc(var(--spacing) * 0); } .px-0\.5 { padding-inline: calc(var(--spacing) * 0.5); } .px-1 { padding-inline: calc(var(--spacing) * 1); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-7 { padding-inline: calc(var(--spacing) * 7); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .px-12 { padding-inline: calc(var(--spacing) * 12); } .px-14 { padding-inline: calc(var(--spacing) * 14); } .px-\[5px\] { padding-inline: 5px; } .px-\[15px\] { padding-inline: 15px; } .px-\[25px\] { padding-inline: 25px; } .py-0 { padding-block: calc(var(--spacing) * 0); } .py-0\.5 { padding-block: calc(var(--spacing) * 0.5); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-3\.5 { padding-block: calc(var(--spacing) * 3.5); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-7 { padding-block: calc(var(--spacing) * 7); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-\[5px\] { padding-block: 5px; } .py-\[15px\] { padding-block: 15px; } .pe-2 { padding-inline-end: calc(var(--spacing) * 2); } .pe-4 { padding-inline-end: calc(var(--spacing) * 4); } .pt-0 { padding-top: calc(var(--spacing) * 0); } .pt-0\.5 { padding-top: calc(var(--spacing) * 0.5); } .pt-1 { padding-top: calc(var(--spacing) * 1); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-2\.5 { padding-top: calc(var(--spacing) * 2.5); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-3\.5 { padding-top: calc(var(--spacing) * 3.5); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-7 { padding-top: calc(var(--spacing) * 7); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-9 { padding-top: calc(var(--spacing) * 9); } .pt-12 { padding-top: calc(var(--spacing) * 12); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pr-0 { padding-right: calc(var(--spacing) * 0); } .pr-1 { padding-right: calc(var(--spacing) * 1); } .pr-2 { padding-right: calc(var(--spacing) * 2); } .pr-2\.5 { padding-right: calc(var(--spacing) * 2.5); } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pr-6 { padding-right: calc(var(--spacing) * 6); } .pr-7 { padding-right: calc(var(--spacing) * 7); } .pr-8 { padding-right: calc(var(--spacing) * 8); } .pr-9 { padding-right: calc(var(--spacing) * 9); } .pr-10 { padding-right: calc(var(--spacing) * 10); } .pb-1 { padding-bottom: calc(var(--spacing) * 1); } .pb-1\.5 { padding-bottom: calc(var(--spacing) * 1.5); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-2\.5 { padding-bottom: calc(var(--spacing) * 2.5); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-3\.5 { padding-bottom: calc(var(--spacing) * 3.5); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-5 { padding-bottom: calc(var(--spacing) * 5); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .pb-12 { padding-bottom: calc(var(--spacing) * 12); } .pb-16 { padding-bottom: calc(var(--spacing) * 16); } .pb-20 { padding-bottom: calc(var(--spacing) * 20); } .pb-\[calc\(theme\(padding\.4\)_-_3px\)\] { padding-bottom: calc(1rem - 3px); } .pb-\[var\(--thumb-size\)\] { padding-bottom: var(--thumb-size); } .pl-0 { padding-left: calc(var(--spacing) * 0); } .pl-1 { padding-left: calc(var(--spacing) * 1); } .pl-2 { padding-left: calc(var(--spacing) * 2); } .pl-2\.5 { padding-left: calc(var(--spacing) * 2.5); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-3\.5 { padding-left: calc(var(--spacing) * 3.5); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-5 { padding-left: calc(var(--spacing) * 5); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-10 { padding-left: calc(var(--spacing) * 10); } .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-middle { vertical-align: middle; } .align-text-bottom { vertical-align: text-bottom; } .align-top { vertical-align: top; } .font-sans { font-family: var(--font-sans); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-9xl { font-size: var(--text-9xl); line-height: var(--tw-leading, var(--text-9xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[1\.6rem\] { font-size: 1.6rem; } .text-\[13px\] { font-size: 13px; } .text-\[30px\] { font-size: 30px; } .text-\[90px\] { font-size: 90px; } .text-mcfontsize { font-size: var(--mcfontsize); } .\!leading-none { --tw-leading: 1 !important; line-height: 1 !important; } .leading-4 { --tw-leading: calc(var(--spacing) * 4); line-height: calc(var(--spacing) * 4); } .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .leading-7 { --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7); } .leading-8 { --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } .leading-9 { --tw-leading: calc(var(--spacing) * 9); line-height: calc(var(--spacing) * 9); } .leading-10 { --tw-leading: calc(var(--spacing) * 10); line-height: calc(var(--spacing) * 10); } .leading-\[42px\] { --tw-leading: 42px; line-height: 42px; } .leading-\[50px\] { --tw-leading: 50px; line-height: 50px; } .leading-\[100px\] { --tw-leading: 100px; line-height: 100px; } .leading-loose { --tw-leading: var(--leading-loose); line-height: var(--leading-loose); } .leading-none { --tw-leading: 1; line-height: 1; } .leading-normal { --tw-leading: var(--leading-normal); line-height: var(--leading-normal); } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .leading-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); } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .text-balance { text-wrap: balance; } .text-nowrap { text-wrap: nowrap; } .text-pretty { text-wrap: pretty; } .break-words { overflow-wrap: break-word; } .wrap-break-word { overflow-wrap: break-word; } .break-all { word-break: break-all; } .text-ellipsis { text-overflow: ellipsis; } .hyphens-auto { -webkit-hyphens: auto; hyphens: auto; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-line { white-space: pre-line; } .text-\[\#7d7d7d\] { color: #7d7d7d; } .text-\[\#94A3B8\] { color: #94A3B8; } .text-\[\#222\] { color: #222; } .text-\[\#555\] { color: #555; } .text-\[\#777\] { color: #777; } .text-\[\#CBD5E1\] { color: #CBD5E1; } .text-\[\#bbb\] { color: #bbb; } .text-\[var\(--message\)\] { color: var(--message); } .text-\[var\(--message-darker\)\] { color: var(--message-darker); } .text-amber-400 { color: var(--color-amber-400); } .text-amrel-blue-text { color: var(--color-amrel-blue-text); } .text-amrel-grey-blue { color: var(--color-amrel-grey-blue); } .text-amrel-grey-dark-text { color: var(--color-amrel-grey-dark-text); } .text-amrel-star-yellow { color: var(--color-amrel-star-yellow); } .text-black { color: var(--color-black); } .text-blue-100 { color: var(--color-blue-100); } .text-blue-200 { color: var(--color-blue-200); } .text-blue-300 { color: var(--color-blue-300); } .text-blue-400 { color: var(--color-blue-400); } .text-blue-500 { color: var(--color-blue-500); } .text-blue-600 { color: var(--color-blue-600); } .text-blue-700 { color: var(--color-blue-700); } .text-blue-800 { color: var(--color-blue-800); } .text-blue-900 { color: var(--color-blue-900); } .text-current { color: currentcolor; } .text-fg { color: var(--color-fg); } .text-fg-secondary { color: var(--color-fg-secondary); } .text-fg\/30 { color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-fg) 30%, transparent); } } .text-gray-300 { color: var(--color-gray-300); } .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-green-800 { color: var(--color-green-800); } .text-inherit { color: inherit; } .text-mcamountcolor { color: var(--mcamountcolor); } .text-mcfontcolor { color: var(--mcfontcolor); } .text-on-primary { color: var(--color-on-primary); } .text-orange-400 { color: var(--color-orange-400); } .text-primary { color: var(--color-primary); } .text-primary-darker { color: var(--color-primary-darker); } .text-primary\/50 { color: color-mix(in srgb, oklch(46% 0.2 265) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-primary) 50%, transparent); } } .text-purple-700 { color: var(--color-purple-700); } .text-red-50 { color: var(--color-red-50); } .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-slate-200 { color: var(--color-slate-200); } .text-slate-300 { color: var(--color-slate-300); } .text-slate-400 { color: var(--color-slate-400); } .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-slate-900 { color: var(--color-slate-900); } .text-white { color: var(--color-white); } .text-white\/50 { color: color-mix(in srgb, #fff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .text-yellow-400 { color: var(--color-yellow-400); } .text-yellow-500 { color: var(--color-yellow-500); } .text-yellow-600 { color: var(--color-yellow-600); } .capitalize { text-transform: capitalize; } .lowercase { text-transform: lowercase; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .not-italic { font-style: normal; } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); } .line-through { text-decoration-line: line-through; } .no-underline { text-decoration-line: none; } .underline { text-decoration-line: underline; } .opacity-0 { opacity: 0%; } .opacity-25 { opacity: 25%; } .opacity-50 { opacity: 50%; } .opacity-60 { opacity: 60%; } .opacity-75 { opacity: 75%; } .opacity-100 { opacity: 100%; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_2px_4px_0_rgba\(16\,31\,48\,0\.2\)\] { --tw-shadow: 0 2px 4px 0 var(--tw-shadow-color, rgba(16,31,48,0.2)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-inner { --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-none { --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); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-4 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-blue-500\/50 { --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent); } } .ring-primary { --tw-ring-color: var(--color-primary); } .ring-primary\/50 { --tw-ring-color: color-mix(in srgb, oklch(46% 0.2 265) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-primary) 50%, transparent); } } .ring-primary\/75 { --tw-ring-color: color-mix(in srgb, oklch(46% 0.2 265) 75%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-primary) 75%, transparent); } } .ring-transparent { --tw-ring-color: transparent; } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .outline-0 { outline-style: var(--tw-outline-style); outline-width: 0px; } .outline-2 { outline-style: var(--tw-outline-style); outline-width: 2px; } .-outline-offset-1 { outline-offset: calc(1px * -1); } .-outline-offset-2 { outline-offset: calc(2px * -1); } .outline-offset-0 { outline-offset: 0px; } .outline-offset-2 { outline-offset: 2px; } .outline-offset-4 { outline-offset: 4px; } .outline-offset-8 { outline-offset: 8px; } .outline-blue-300 { outline-color: var(--color-blue-300); } .outline-primary { outline-color: var(--color-primary); } .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,); } .drop-shadow-lg { --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15))); --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg)); 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,); } .drop-shadow-md { --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.12))); --tw-drop-shadow: drop-shadow(var(--drop-shadow-md)); 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,); } .grayscale { --tw-grayscale: grayscale(100%); 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 { --tw-backdrop-blur: blur(8px); -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,); } .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-\[background-color\,width\,outline-offset\] { transition-property: background-color,width,outline-offset; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[outline-offset\] { transition-property: outline-offset; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-none { transition-property: none; } .duration-75 { --tw-duration: 75ms; transition-duration: 75ms; } .duration-100 { --tw-duration: 100ms; transition-duration: 100ms; } .duration-150 { --tw-duration: 150ms; transition-duration: 150ms; } .duration-200 { --tw-duration: 200ms; transition-duration: 200ms; } .duration-250 { --tw-duration: 250ms; transition-duration: 250ms; } .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; } .duration-500 { --tw-duration: 500ms; transition-duration: 500ms; } .duration-600 { --tw-duration: 600ms; transition-duration: 600ms; } .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-dashed { --tw-outline-style: dashed; outline-style: dashed; } .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% 0.2 265); } .\[--line-before\:\#0000\] { --line-before: #0000; } .\[--line-before\:theme\(colors\.primary\.DEFAULT\)\] { --line-before: oklch(46% 0.2 265); } .\[--message-darker\:theme\(colors\.blue\.900\)\] { --message-darker: oklch(37.9% 0.146 265.522); } .\[--message-darker\:theme\(colors\.green\.900\)\] { --message-darker: oklch(39.3% 0.095 152.535); } .\[--message-darker\:theme\(colors\.red\.900\)\] { --message-darker: oklch(39.6% 0.141 25.723); } .\[--message-darker\:theme\(colors\.slate\.900\)\] { --message-darker: oklch(20.8% 0.042 265.755); } .\[--message-darker\:theme\(colors\.yellow\.900\)\] { --message-darker: oklch(42.1% 0.095 57.708); } .\[--message-lighter\:theme\(colors\.blue\.100\)\] { --message-lighter: oklch(93.2% 0.032 255.585); } .\[--message-lighter\:theme\(colors\.green\.100\)\] { --message-lighter: oklch(96.2% 0.044 156.743); } .\[--message-lighter\:theme\(colors\.red\.100\)\] { --message-lighter: oklch(93.6% 0.032 17.717); } .\[--message-lighter\:theme\(colors\.slate\.100\)\] { --message-lighter: oklch(96.8% 0.007 247.896); } .\[--message-lighter\:theme\(colors\.yellow\.100\)\] { --message-lighter: oklch(97.3% 0.071 103.193); } .\[--message\:theme\(colors\.blue\.500\)\] { --message: oklch(62.3% 0.214 259.815); } .\[--message\:theme\(colors\.green\.500\)\] { --message: oklch(72.3% 0.219 149.579); } .\[--message\:theme\(colors\.red\.500\)\] { --message: oklch(63.7% 0.237 25.331); } .\[--message\:theme\(colors\.slate\.500\)\] { --message: oklch(55.4% 0.046 257.417); } .\[--message\:theme\(colors\.yellow\.500\)\] { --message: oklch(79.5% 0.184 86.047); } .\[--thumbs-gap\:theme\(\'spacing\.2\'\)\] { --thumbs-gap: 0.5rem; } .\[-moz-appearance\:textfield\] { -moz-appearance: textfield; } .\[border-image\:conic-gradient\(theme\(colors\.slate\.200\)_0_0\)_fill_0\/\/0_100vw\] { border-image: conic-gradient(oklch(92.9% 0.013 255.508) 0 0) fill 0//0 100vw; } .\[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-25 { --tw-bg-opacity: 25; } .bg-opacity-50 { --tw-bg-opacity: 50; } .bg-opacity-75 { --tw-bg-opacity: 75; } .bg-opacity-90 { --tw-bg-opacity: 90; } .bg-opacity-100 { --tw-bg-opacity: 100; } .ring-opacity-50 { --tw-ring-opacity: 50; } .\*\:col-start-1 { :is(& > *) { grid-column-start: 1; } } .\*\:row-start-1 { :is(& > *) { grid-row-start: 1; } } .group-open\:rotate-180 { &:is(:where(.group):is([open], :popover-open, :open) *) { rotate: 180deg; } } .group-open\:text-blue-700 { &:is(:where(.group):is([open], :popover-open, :open) *) { color: var(--color-blue-700); } } .group-hover\:visible { &:is(:where(.group):hover *) { @media (hover: hover) { visibility: visible; } } } .group-hover\:z-30 { &:is(:where(.group):hover *) { @media (hover: hover) { z-index: 30; } } } .group-hover\:-translate-x-0\.5 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-x: calc(var(--spacing) * -0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\:scale-110 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .group-hover\:bg-gray-300 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-gray-300); } } } .group-hover\:text-gray-600 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-gray-600); } } } .group-hover\:text-inherit { &:is(:where(.group):hover *) { @media (hover: hover) { color: inherit; } } } .group-hover\:opacity-0 { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 0%; } } } .group-hover\:opacity-70 { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 70%; } } } .group-hover\:opacity-100 { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\/filter\:border-primary { &:is(:where(.group\/filter):hover *) { @media (hover: hover) { border-color: var(--color-primary); } } } .group-hover\/filter\:bg-primary { &:is(:where(.group\/filter):hover *) { @media (hover: hover) { &[class*="bg-opacity-"] { background-color: oklch(46% 0.2 265); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-primary) calc(100% / var(--tw-bg-opacity)), #0000 ); } } } } } .group-hover\/filter\:bg-primary { &:is(:where(.group\/filter):hover *) { @media (hover: hover) { background-color: var(--color-primary); } } } .group-hover\/filter\:text-white { &:is(:where(.group\/filter):hover *) { @media (hover: hover) { color: var(--color-white); } } } .group-focus\:border-gray-400 { &:is(:where(.group):focus *) { border-color: var(--color-gray-400); } } .group-focus\/filter\:border-primary { &:is(:where(.group\/filter):focus *) { border-color: var(--color-primary); } } .group-focus\/filter\:bg-primary { &:is(:where(.group\/filter):focus *) { &[class*="bg-opacity-"] { background-color: oklch(46% 0.2 265); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-primary) calc(100% / var(--tw-bg-opacity)), #0000 ); } } } } .group-focus\/filter\:bg-primary { &:is(:where(.group\/filter):focus *) { background-color: var(--color-primary); } } .group-focus\/filter\:text-white { &:is(:where(.group\/filter):focus *) { color: var(--color-white); } } .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; } } .group-aria-expanded\:text-inherit { &:is(:where(.group)[aria-expanded="true"] *) { color: inherit; } } .group-data-\[fullscreen\=true\]\:w-auto { &:is(:where(.group)[data-fullscreen="true"] *) { width: auto; } } .marker\:text-blue-700 { & *::marker { color: var(--color-blue-700); } &::marker { color: var(--color-blue-700); } & *::-webkit-details-marker { color: var(--color-blue-700); } &::-webkit-details-marker { color: var(--color-blue-700); } } .placeholder\:text-slate-500 { &::placeholder { color: var(--color-slate-500); } } .backdrop\:backdrop { &::backdrop { position: fixed; inset: 0; background-color: var(--backdrop, hsl(0 0 0 / 20%)); } } .backdrop\:bg-black\/25 { &::backdrop { background-color: color-mix(in srgb, #000 25%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 25%, transparent); } } } .backdrop\:bg-black\/75 { &::backdrop { background-color: color-mix(in srgb, #000 75%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 75%, transparent); } } } .backdrop\:backdrop-blur-sm { &::backdrop { --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,); } } .before\:absolute { &::before { content: var(--tw-content); position: absolute; } } .before\:inset-0 { &::before { content: var(--tw-content); inset: calc(var(--spacing) * 0); } } .before\:inset-y-0 { &::before { content: var(--tw-content); inset-block: calc(var(--spacing) * 0); } } .before\:-top-2\.5 { &::before { content: var(--tw-content); top: calc(var(--spacing) * -2.5); } } .before\:right-28 { &::before { content: var(--tw-content); right: calc(var(--spacing) * 28); } } .before\:right-\[var\(--cart-drawer-offset-right\,1rem\)\] { &::before { content: var(--tw-content); right: var(--cart-drawer-offset-right,1rem); } } .before\:right-full { &::before { content: var(--tw-content); right: 100%; } } .before\:bottom-\[calc\(100\%\+theme\(borderWidth\.4\)\)\] { &::before { content: var(--tw-content); bottom: calc(100% + 4px); } } .before\:-z-10 { &::before { content: var(--tw-content); z-index: calc(10 * -1); } } .before\:-mt-2 { &::before { content: var(--tw-content); margin-top: calc(var(--spacing) * -2); } } .before\:h-3 { &::before { content: var(--tw-content); height: calc(var(--spacing) * 3); } } .before\:h-5 { &::before { content: var(--tw-content); height: calc(var(--spacing) * 5); } } .before\:w-3 { &::before { content: var(--tw-content); width: calc(var(--spacing) * 3); } } .before\:w-5 { &::before { content: var(--tw-content); width: calc(var(--spacing) * 5); } } .before\:w-8 { &::before { content: var(--tw-content); width: calc(var(--spacing) * 8); } } .before\:shrink-0 { &::before { content: var(--tw-content); flex-shrink: 0; } } .before\:rotate-45 { &::before { content: var(--tw-content); rotate: 45deg; } } .before\:rounded-full { &::before { content: var(--tw-content); border-radius: calc(infinity * 1px); } } .before\:border-8 { &::before { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 8px; } } .before\:border-x-transparent { &::before { content: var(--tw-content); border-inline-color: transparent; } } .before\:border-t-transparent { &::before { content: var(--tw-content); border-top-color: transparent; } } .before\:border-b-blue-500 { &::before { content: var(--tw-content); border-bottom-color: var(--color-blue-500); } } .before\:bg-\[var\(--banner-bg\)\] { &::before { content: var(--tw-content); background-color: var(--banner-bg); } } .before\:bg-current { &::before { content: var(--tw-content); background-color: currentcolor; } } .before\:bg-green-500 { &::before { content: var(--tw-content); background-color: var(--color-green-500); } } .before\:bg-inherit { &::before { content: var(--tw-content); background-color: inherit; } } .before\:bg-red-500 { &::before { content: var(--tw-content); background-color: var(--color-red-500); } } .before\:bg-gradient-to-l { &::before { content: var(--tw-content); --tw-gradient-position: to left in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } } .before\:text-8xl { &::before { content: var(--tw-content); font-size: var(--text-8xl); line-height: var(--tw-leading, var(--text-8xl--line-height)); } } .before\:text-\[11px\] { &::before { content: var(--tw-content); font-size: 11px; } } .before\:leading-none { &::before { content: var(--tw-content); --tw-leading: 1; line-height: 1; } } .before\:font-bold { &::before { content: var(--tw-content); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } } .before\:font-normal { &::before { content: var(--tw-content); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } } .before\:text-blue-100 { &::before { content: var(--tw-content); color: var(--color-blue-100); } } .before\:opacity-0 { &::before { content: var(--tw-content); opacity: 0%; } } .before\:opacity-40 { &::before { content: var(--tw-content); opacity: 40%; } } .before\:shadow-lg { &::before { content: var(--tw-content); --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .before\:transition-opacity { &::before { content: var(--tw-content); transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } .before\:duration-500 { &::before { content: var(--tw-content); --tw-duration: 500ms; transition-duration: 500ms; } } .before\:content-\[\'x\'\] { &::before { --tw-content: 'x'; content: var(--tw-content); } } .before\:content-\[open-quote\] { &::before { --tw-content: open-quote; content: var(--tw-content); } } .after\:absolute { &::after { content: var(--tw-content); position: absolute; } } .after\:inset-1 { &::after { content: var(--tw-content); inset: calc(var(--spacing) * 1); } } .after\:inset-x-0 { &::after { content: var(--tw-content); inset-inline: calc(var(--spacing) * 0); } } .after\:inset-y-0 { &::after { content: var(--tw-content); inset-block: calc(var(--spacing) * 0); } } .after\:top-\[calc\(100\%-theme\(space\.1\)\)\] { &::after { content: var(--tw-content); top: calc(100% - 0.25rem); } } .after\:bottom-0 { &::after { content: var(--tw-content); bottom: calc(var(--spacing) * 0); } } .after\:left-1\/2 { &::after { content: var(--tw-content); left: calc(1 / 2 * 100%); } } .after\:left-full { &::after { content: var(--tw-content); left: 100%; } } .after\:-translate-x-1\/2 { &::after { content: var(--tw-content); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .after\:rotate-45 { &::after { content: var(--tw-content); rotate: 45deg; } } .after\:rounded-full { &::after { content: var(--tw-content); border-radius: calc(infinity * 1px); } } .after\:border-4 { &::after { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 4px; } } .after\:border-b-2 { &::after { content: var(--tw-content); border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } } .after\:\[border-color\:inherit\] { &::after { content: var(--tw-content); border-color: inherit; } } .after\:border-transparent { &::after { content: var(--tw-content); border-color: transparent; } } .after\:bg-container { &::after { content: var(--tw-content); background-color: var(--color-container); } } .after\:bg-white { &::after { content: var(--tw-content); background-color: var(--color-white); } } .after\:opacity-0 { &::after { content: var(--tw-content); opacity: 0%; } } .after\:transition { &::after { content: var(--tw-content); 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)); } } .group-hover\/filter\:after\:opacity-100 { &:is(:where(.group\/filter):hover *) { @media (hover: hover) { &::after { content: var(--tw-content); opacity: 100%; } } } } .group-focus\/filter\:after\:opacity-100 { &:is(:where(.group\/filter):focus *) { &::after { content: var(--tw-content); opacity: 100%; } } } .first\:col-span-full { &:first-child { grid-column: 1 / -1; } } .first\:mt-0 { &:first-child { margin-top: calc(var(--spacing) * 0); } } .first\:h-40 { &:first-child { height: calc(var(--spacing) * 40); } } .first\:pt-0 { &:first-child { padding-top: calc(var(--spacing) * 0); } } .first\:\[--line-before\:\#0000\] { &:first-child { --line-before: #0000; } } .last\:mr-0 { &:last-child { margin-right: calc(var(--spacing) * 0); } } .last\:mb-0 { &:last-child { margin-bottom: calc(var(--spacing) * 0); } } .last\:mb-6 { &:last-child { margin-bottom: calc(var(--spacing) * 6); } } .last\:hidden { &:last-child { display: none; } } .last\:border-0 { &:last-child { border-style: var(--tw-border-style); border-width: 0px; } } .last\:border-b { &:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } } .last\:border-b-0 { &:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } .last\:pb-0 { &:last-child { padding-bottom: calc(var(--spacing) * 0); } } .last\:\[--line-after\:\#0000\] { &:last-child { --line-after: #0000; } } .odd\:bg-slate-100 { &:nth-child(odd) { background-color: var(--color-slate-100); } } .even\:bg-container { &:nth-child(even) { background-color: var(--color-container); } } .even\:bg-container-darker { &:nth-child(even) { background-color: var(--color-container-darker); } } .even\:bg-gray-50 { &:nth-child(even) { background-color: var(--color-gray-50); } } .even\:bg-gray-100 { &:nth-child(even) { background-color: var(--color-gray-100); } } .open\:flex { &:is([open], :popover-open, :open) { display: flex; } } .open\:duration-500 { &:is([open], :popover-open, :open) { --tw-duration: 500ms; transition-duration: 500ms; } } .invalid\:ring-2 { &:invalid { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .invalid\:ring-red-500 { &:invalid { --tw-ring-color: var(--color-red-500); } } .focus-within\:border-primary { &:focus-within { border-color: var(--color-primary); } } .focus-within\:ring { &:focus-within { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-within\:ring-1 { &:focus-within { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-within\:ring-4 { &:focus-within { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-within\:outline { &:focus-within { outline-style: var(--tw-outline-style); outline-width: 1px; } } .focus-within\:outline-2 { &:focus-within { outline-style: var(--tw-outline-style); outline-width: 2px; } } .focus-within\:outline-offset-4 { &:focus-within { outline-offset: 4px; } } .focus-within\:outline-primary { &:focus-within { outline-color: var(--color-primary); } } .hover\:scale-110 { &:hover { @media (hover: hover) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .hover\:cursor-pointer { &:hover { @media (hover: hover) { cursor: pointer; } } } .hover\:border-blue-500 { &:hover { @media (hover: hover) { border-color: var(--color-blue-500); } } } .hover\:border-primary { &:hover { @media (hover: hover) { border-color: var(--color-primary); } } } .hover\:border-slate-300 { &:hover { @media (hover: hover) { border-color: var(--color-slate-300); } } } .hover\:border-transparent { &:hover { @media (hover: hover) { border-color: transparent; } } } .hover\:bg-\[\#4db2ec\] { &:hover { @media (hover: hover) { background-color: #4db2ec; } } } .hover\:bg-\[\#222\] { &:hover { @media (hover: hover) { background-color: #222; } } } .hover\:bg-\[\#2563eb\] { &:hover { @media (hover: hover) { background-color: #2563eb; } } } .hover\:bg-blue-100 { &:hover { @media (hover: hover) { background-color: var(--color-blue-100); } } } .hover\:bg-blue-400 { &:hover { @media (hover: hover) { background-color: var(--color-blue-400); } } } .hover\:bg-blue-600 { &:hover { @media (hover: hover) { background-color: var(--color-blue-600); } } } .hover\:bg-blue-700 { &:hover { @media (hover: hover) { background-color: var(--color-blue-700); } } } .hover\:bg-container-darker { &:hover { @media (hover: hover) { background-color: var(--color-container-darker); } } } .hover\:bg-gray-100 { &:hover { @media (hover: hover) { background-color: var(--color-gray-100); } } } .hover\:bg-gray-900 { &:hover { @media (hover: hover) { background-color: var(--color-gray-900); } } } .hover\:bg-neutral-700\! { &:hover { @media (hover: hover) { background-color: var(--color-neutral-700) !important; } } } .hover\:bg-primary\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(46% 0.2 265) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } } } .hover\:bg-red-300 { &:hover { @media (hover: hover) { background-color: var(--color-red-300); } } } .hover\:bg-red-500 { &:hover { @media (hover: hover) { background-color: var(--color-red-500); } } } .hover\:bg-slate-50 { &:hover { @media (hover: hover) { background-color: var(--color-slate-50); } } } .hover\:bg-slate-100 { &:hover { @media (hover: hover) { background-color: var(--color-slate-100); } } } .hover\:bg-slate-200 { &:hover { @media (hover: hover) { background-color: var(--color-slate-200); } } } .hover\:bg-slate-300 { &:hover { @media (hover: hover) { background-color: var(--color-slate-300); } } } .hover\:bg-slate-500 { &:hover { @media (hover: hover) { background-color: var(--color-slate-500); } } } .hover\:bg-white { &:hover { @media (hover: hover) { background-color: var(--color-white); } } } .hover\:bg-yellow-500 { &:hover { @media (hover: hover) { background-color: var(--color-yellow-500); } } } .hover\:text-\[var\(--message-darker\)\] { &:hover { @media (hover: hover) { color: var(--message-darker); } } } .hover\:text-black { &:hover { @media (hover: hover) { color: var(--color-black); } } } .hover\:text-blue-600 { &:hover { @media (hover: hover) { color: var(--color-blue-600); } } } .hover\:text-blue-700 { &:hover { @media (hover: hover) { color: var(--color-blue-700); } } } .hover\:text-fg { &:hover { @media (hover: hover) { color: var(--color-fg); } } } .hover\:text-gray-400 { &:hover { @media (hover: hover) { color: var(--color-gray-400); } } } .hover\:text-gray-500 { &:hover { @media (hover: hover) { color: var(--color-gray-500); } } } .hover\:text-gray-600 { &:hover { @media (hover: hover) { color: var(--color-gray-600); } } } .hover\:text-gray-800 { &:hover { @media (hover: hover) { color: var(--color-gray-800); } } } .hover\:text-green-700 { &:hover { @media (hover: hover) { color: var(--color-green-700); } } } .hover\:text-primary { &:hover { @media (hover: hover) { color: var(--color-primary); } } } .hover\:text-primary-darker { &:hover { @media (hover: hover) { color: var(--color-primary-darker); } } } .hover\:text-red-600 { &:hover { @media (hover: hover) { color: var(--color-red-600); } } } .hover\:text-red-800 { &:hover { @media (hover: hover) { color: var(--color-red-800); } } } .hover\:text-secondary-darker { &:hover { @media (hover: hover) { color: var(--color-secondary-darker); } } } .hover\:text-slate-500 { &:hover { @media (hover: hover) { color: var(--color-slate-500); } } } .hover\:text-slate-700 { &:hover { @media (hover: hover) { color: var(--color-slate-700); } } } .hover\:text-slate-800 { &:hover { @media (hover: hover) { color: var(--color-slate-800); } } } .hover\:text-slate-900 { &:hover { @media (hover: hover) { color: var(--color-slate-900); } } } .hover\:text-white { &:hover { @media (hover: hover) { color: var(--color-white); } } } .hover\:text-yellow-500 { &:hover { @media (hover: hover) { color: var(--color-yellow-500); } } } .hover\:no-underline { &:hover { @media (hover: hover) { text-decoration-line: none; } } } .hover\:underline { &:hover { @media (hover: hover) { text-decoration-line: underline; } } } .hover\:opacity-100 { &:hover { @media (hover: hover) { opacity: 100%; } } } .hover\:shadow-lg { &:hover { @media (hover: hover) { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .hover\:shadow-none { &:hover { @media (hover: hover) { --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); } } } .hover\:shadow-sm { &:hover { @media (hover: hover) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .hover\:shadow-primary\/30 { &:hover { @media (hover: hover) { --tw-shadow-color: color-mix(in srgb, oklch(46% 0.2 265) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 30%, transparent) var(--tw-shadow-alpha), transparent); } } } } .hover\:\[-moz-appearance\:auto\] { &:hover { @media (hover: hover) { -moz-appearance: auto; } } } .hover\:before\:opacity-10 { &:hover { @media (hover: hover) { &::before { content: var(--tw-content); opacity: 10%; } } } } .focus\:not-sr-only { &:focus { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip-path: none; white-space: normal; } } .focus\:absolute { &:focus { position: absolute; } } .focus\:inset-x-0 { &:focus { inset-inline: calc(var(--spacing) * 0); } } .focus\:z-10 { &:focus { z-index: 10; } } .focus\:z-30 { &:focus { z-index: 30; } } .focus\:z-40 { &:focus { z-index: 40; } } .focus\:mx-auto { &:focus { margin-inline: auto; } } .focus\:w-fit { &:focus { width: fit-content; } } .focus\:border-0 { &:focus { border-style: var(--tw-border-style); border-width: 0px; } } .focus\:border-blue-300 { &:focus { border-color: var(--color-blue-300); } } .focus\:border-primary { &:focus { border-color: var(--color-primary); } } .focus\:border-red-500 { &:focus { border-color: var(--color-red-500); } } .focus\:bg-slate-100 { &:focus { background-color: var(--color-slate-100); } } .focus\:bg-slate-200 { &:focus { background-color: var(--color-slate-200); } } .focus\:bg-white { &:focus { background-color: var(--color-white); } } .focus\:bg-none { &:focus { background-image: none; } } .focus\:p-2 { &:focus { padding: calc(var(--spacing) * 2); } } .focus\:px-4 { &:focus { padding-inline: calc(var(--spacing) * 4); } } .focus\:py-2 { &:focus { padding-block: calc(var(--spacing) * 2); } } .focus\:text-gray-600 { &:focus { color: var(--color-gray-600); } } .focus\:text-primary { &:focus { color: var(--color-primary); } } .focus\:text-red-800 { &:focus { color: var(--color-red-800); } } .focus\:text-slate-500 { &:focus { color: var(--color-slate-500); } } .focus\:ring-0 { &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:shadow-primary\/30 { &:focus { --tw-shadow-color: color-mix(in srgb, oklch(46% 0.2 265) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 30%, transparent) var(--tw-shadow-alpha), transparent); } } } .focus\:ring-blue-200 { &:focus { --tw-ring-color: var(--color-blue-200); } } .focus\:ring-red-500 { &:focus { --tw-ring-color: var(--color-red-500); } } .focus\:outline-offset-4 { &:focus { outline-offset: 4px; } } .focus\:outline-red-300 { &:focus { outline-color: var(--color-red-300); } } .focus\:outline-slate-700 { &:focus { outline-color: var(--color-slate-700); } } .focus\:outline-none { &:focus { --tw-outline-style: none; outline-style: none; } } .active\:bg-blue-100 { &:active { background-color: var(--color-blue-100); } } .active\:bg-blue-700 { &:active { background-color: var(--color-blue-700); } } .active\:bg-gray-100 { &:active { background-color: var(--color-gray-100); } } .active\:bg-red-400 { &:active { background-color: var(--color-red-400); } } .active\:bg-slate-100 { &:active { background-color: var(--color-slate-100); } } .active\:text-gray-500 { &:active { color: var(--color-gray-500); } } .active\:text-gray-700 { &:active { color: var(--color-gray-700); } } .active\:text-red-900 { &:active { color: var(--color-red-900); } } .active\:shadow { &:active { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .active\:ring-0 { &:active { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .disabled\:invisible { &:disabled { visibility: hidden; } } .disabled\:bg-slate-50 { &:disabled { background-color: var(--color-slate-50); } } .disabled\:bg-slate-600 { &:disabled { background-color: var(--color-slate-600); } } .disabled\:text-slate-50 { &:disabled { color: var(--color-slate-50); } } .disabled\:text-slate-600 { &:disabled { color: var(--color-slate-600); } } .disabled\:opacity-30 { &:disabled { opacity: 30%; } } .disabled\:opacity-50 { &:disabled { opacity: 50%; } } .disabled\:opacity-60 { &:disabled { opacity: 60%; } } .disabled\:opacity-70 { &:disabled { opacity: 70%; } } .disabled\:opacity-75 { &:disabled { opacity: 75%; } } .disabled\:shadow-none { &:disabled { --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); } } .has-\[\:focus-visible\]\:outline-2 { &:has(*:is(:focus-visible)) { outline-style: var(--tw-outline-style); outline-width: 2px; } } .aria-disabled\:pointer-events-none { &[aria-disabled="true"] { pointer-events: none; } } .aria-disabled\:cursor-not-allowed { &[aria-disabled="true"] { cursor: not-allowed; } } .aria-disabled\:text-slate-600 { &[aria-disabled="true"] { color: var(--color-slate-600); } } .aria-disabled\:opacity-70 { &[aria-disabled="true"] { opacity: 70%; } } .aria-disabled\:shadow-none { &[aria-disabled="true"] { --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); } } .aria-disabled\:hover\:shadow-none { &[aria-disabled="true"] { &:hover { @media (hover: hover) { --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); } } } } .aria-expanded\:border-blue-500 { &[aria-expanded="true"] { border-color: var(--color-blue-500); } } .aria-expanded\:border-current { &[aria-expanded="true"] { border-color: currentcolor; } } .aria-expanded\:bg-blue-50 { &[aria-expanded="true"] { background-color: var(--color-blue-50); } } .aria-expanded\:text-blue-500 { &[aria-expanded="true"] { color: var(--color-blue-500); } } .aria-expanded\:text-blue-700 { &[aria-expanded="true"] { color: var(--color-blue-700); } } .aria-expanded\:text-blue-800 { &[aria-expanded="true"] { color: var(--color-blue-800); } } .aria-expanded\:after\:border-inherit { &[aria-expanded="true"] { &::after { content: var(--tw-content); border-color: inherit; } } } .aria-selected\:border-primary { &[aria-selected="true"] { border-color: var(--color-primary); } } .aria-selected\:bg-primary { &[aria-selected="true"] { &[class*="bg-opacity-"] { background-color: oklch(46% 0.2 265); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-primary) calc(100% / var(--tw-bg-opacity)), #0000 ); } } } } .aria-selected\:bg-primary { &[aria-selected="true"] { background-color: var(--color-primary); } } .aria-\[current\=page\]\:border-slate-400 { &[aria-current="page"] { border-color: var(--color-slate-400); } } .aria-\[current\=page\]\:font-bold { &[aria-current="page"] { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } } .aria-\[current\=page\]\:font-medium { &[aria-current="page"] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } .aria-\[current\=page\]\:text-blue-700 { &[aria-current="page"] { color: var(--color-blue-700); } } .aria-\[current\=page\]\:text-slate-500 { &[aria-current="page"] { color: var(--color-slate-500); } } .aria-\[current\=page\]\:underline { &[aria-current="page"] { text-decoration-line: underline; } } .aria-\[current\=page\]\:hover\:border-blue-500 { &[aria-current="page"] { &:hover { @media (hover: hover) { border-color: var(--color-blue-500); } } } } .hover\:aria-\[current\=page\]\:text-blue-700 { &:hover { @media (hover: hover) { &[aria-current="page"] { color: var(--color-blue-700); } } } } .aria-\[current\=step\]\:font-bold { &[aria-current="step"] { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } } .aria-\[current\=true\]\:w-6 { &[aria-current="true"] { width: calc(var(--spacing) * 6); } } .aria-\[current\=true\]\:bg-blue-600 { &[aria-current="true"] { background-color: var(--color-blue-600); } } .aria-\[current\=true\]\:bg-slate-700 { &[aria-current="true"] { background-color: var(--color-slate-700); } } .aria-\[current\=true\]\:ring-white { &[aria-current="true"] { --tw-ring-color: var(--color-white); } } .aria-\[hidden\=true\]\:hidden { &[aria-hidden="true"] { display: none; } } .data-\[active\]\:border-primary { &[data-active] { border-color: var(--color-primary); } } .data-\[active\]\:opacity-100 { &[data-active] { opacity: 100%; } } .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"] { mask-image: none; } } .data-\[fullscreen\=true\]\:fixed { &[data-fullscreen="true"] { position: fixed; } } .data-\[fullscreen\=true\]\:inset-0 { &[data-fullscreen="true"] { inset: calc(var(--spacing) * 0); } } .data-\[fullscreen\=true\]\:z-50 { &[data-fullscreen="true"] { z-index: 50; } } .data-\[fullscreen\=true\]\:m-auto { &[data-fullscreen="true"] { margin: auto; } } .data-\[fullscreen\=true\]\:max-h-\[min\(1024px\,\(100\%_-_2rem\)\)\] { &[data-fullscreen="true"] { max-height: min(1024px, (100% - 2rem)); } } .data-\[fullscreen\=true\]\:w-screen { &[data-fullscreen="true"] { width: 100vw; } } .data-\[fullscreen\=true\]\:max-w-\[min\(1280px\,\(100\%_-_2rem\)\)\] { &[data-fullscreen="true"] { max-width: min(1280px, (100% - 2rem)); } } .data-\[has-current\]\:border-slate-400 { &[data-has-current] { border-color: var(--color-slate-400); } } .data-\[has-current\]\:font-medium { &[data-has-current] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } .data-\[has-current\]\:hover\:border-blue-500 { &[data-has-current] { &:hover { @media (hover: hover) { border-color: var(--color-blue-500); } } } } .data-\[has-current\]\:aria-expanded\:border-blue-500 { &[data-has-current] { &[aria-expanded="true"] { border-color: var(--color-blue-500); } } } .data-\[sticky\=false\]\:translate-y-0 { &[data-sticky="false"] { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[sticky\=false\]\:opacity-100 { &[data-sticky="false"] { opacity: 100%; } } .data-\[sticky\=true\]\:border-transparent { &[data-sticky="true"] { border-color: transparent; } } .data-\[sticky\=true\]\:shadow-2xl { &[data-sticky="true"] { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .motion-reduce\:duration-0 { @media (prefers-reduced-motion: reduce) { --tw-duration: 0ms; transition-duration: 0ms; } } .motion-reduce\:\[animation-play-state\:paused\] { @media (prefers-reduced-motion: reduce) { animation-play-state: paused; } } .sm\:not-sr-only { @media (width >= 40rem) { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip-path: none; white-space: normal; } } .sm\:absolute { @media (width >= 40rem) { position: absolute; } } .sm\:static { @media (width >= 40rem) { position: static; } } .sm\:top-1\/2 { @media (width >= 40rem) { top: calc(1 / 2 * 100%); } } .sm\:top-6 { @media (width >= 40rem) { top: calc(var(--spacing) * 6); } } .sm\:right-4 { @media (width >= 40rem) { right: calc(var(--spacing) * 4); } } .sm\:right-6 { @media (width >= 40rem) { right: calc(var(--spacing) * 6); } } .sm\:right-8 { @media (width >= 40rem) { right: calc(var(--spacing) * 8); } } .sm\:right-auto { @media (width >= 40rem) { right: auto; } } .sm\:bottom-12 { @media (width >= 40rem) { bottom: calc(var(--spacing) * 12); } } .sm\:left-4 { @media (width >= 40rem) { left: calc(var(--spacing) * 4); } } .sm\:left-8 { @media (width >= 40rem) { left: calc(var(--spacing) * 8); } } .sm\:left-auto { @media (width >= 40rem) { left: auto; } } .sm\:z-10 { @media (width >= 40rem) { z-index: 10; } } .sm\:z-auto { @media (width >= 40rem) { z-index: auto; } } .sm\:order-1 { @media (width >= 40rem) { order: 1; } } .sm\:order-2 { @media (width >= 40rem) { order: 2; } } .sm\:order-3 { @media (width >= 40rem) { order: 3; } } .sm\:col-span-2 { @media (width >= 40rem) { grid-column: span 2 / span 2; } } .sm\:col-span-6 { @media (width >= 40rem) { grid-column: span 6 / span 6; } } .sm\:mx-0 { @media (width >= 40rem) { margin-inline: calc(var(--spacing) * 0); } } .sm\:mx-8 { @media (width >= 40rem) { margin-inline: calc(var(--spacing) * 8); } } .sm\:mt-0 { @media (width >= 40rem) { margin-top: calc(var(--spacing) * 0); } } .sm\:mr-4 { @media (width >= 40rem) { margin-right: calc(var(--spacing) * 4); } } .sm\:mr-8 { @media (width >= 40rem) { margin-right: calc(var(--spacing) * 8); } } .sm\:mb-0 { @media (width >= 40rem) { margin-bottom: calc(var(--spacing) * 0); } } .sm\:mb-3 { @media (width >= 40rem) { margin-bottom: calc(var(--spacing) * 3); } } .sm\:ml-0 { @media (width >= 40rem) { margin-left: calc(var(--spacing) * 0); } } .sm\:ml-2 { @media (width >= 40rem) { margin-left: calc(var(--spacing) * 2); } } .sm\:ml-3 { @media (width >= 40rem) { margin-left: calc(var(--spacing) * 3); } } .sm\:ml-6 { @media (width >= 40rem) { margin-left: calc(var(--spacing) * 6); } } .sm\:block { @media (width >= 40rem) { display: block; } } .sm\:flex { @media (width >= 40rem) { display: flex; } } .sm\:hidden { @media (width >= 40rem) { display: none; } } .sm\:h-\[400px\] { @media (width >= 40rem) { height: 400px; } } .sm\:w-1\/2 { @media (width >= 40rem) { width: calc(1 / 2 * 100%); } } .sm\:w-1\/3 { @media (width >= 40rem) { width: calc(1 / 3 * 100%); } } .sm\:w-20 { @media (width >= 40rem) { width: calc(var(--spacing) * 20); } } .sm\:w-48 { @media (width >= 40rem) { width: calc(var(--spacing) * 48); } } .sm\:w-56 { @media (width >= 40rem) { width: calc(var(--spacing) * 56); } } .sm\:w-96 { @media (width >= 40rem) { width: calc(var(--spacing) * 96); } } .sm\:w-\[calc\(50\%-theme\(spacing\.5\)\)\] { @media (width >= 40rem) { width: calc(50% - 1.25rem); } } .sm\:w-auto { @media (width >= 40rem) { width: auto; } } .sm\:max-w-\[theme\(spacing\.32\)\] { @media (width >= 40rem) { max-width: 8rem; } } .sm\:max-w-lg { @media (width >= 40rem) { max-width: var(--container-lg); } } .sm\:max-w-prose { @media (width >= 40rem) { max-width: 65ch; } } .sm\:max-w-xl { @media (width >= 40rem) { max-width: var(--container-xl); } } .sm\:min-w-\[theme\(spacing\.24\)\] { @media (width >= 40rem) { min-width: 6rem; } } .sm\:shrink-0 { @media (width >= 40rem) { flex-shrink: 0; } } .sm\:table-fixed { @media (width >= 40rem) { table-layout: fixed; } } .sm\:-translate-y-1\/2 { @media (width >= 40rem) { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .sm\:grid-cols-2 { @media (width >= 40rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .sm\:grid-cols-3 { @media (width >= 40rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .sm\:grid-cols-8 { @media (width >= 40rem) { grid-template-columns: repeat(8, minmax(0, 1fr)); } } .sm\:flex-row { @media (width >= 40rem) { flex-direction: row; } } .sm\:flex-nowrap { @media (width >= 40rem) { flex-wrap: nowrap; } } .sm\:items-baseline { @media (width >= 40rem) { align-items: baseline; } } .sm\:items-start { @media (width >= 40rem) { align-items: flex-start; } } .sm\:justify-between { @media (width >= 40rem) { justify-content: space-between; } } .sm\:justify-end { @media (width >= 40rem) { justify-content: flex-end; } } .sm\:gap-2 { @media (width >= 40rem) { gap: calc(var(--spacing) * 2); } } .sm\:gap-4 { @media (width >= 40rem) { gap: calc(var(--spacing) * 4); } } .sm\:gap-8 { @media (width >= 40rem) { gap: calc(var(--spacing) * 8); } } .sm\:gap-x-6 { @media (width >= 40rem) { column-gap: calc(var(--spacing) * 6); } } .sm\:p-4 { @media (width >= 40rem) { padding: calc(var(--spacing) * 4); } } .sm\:p-8 { @media (width >= 40rem) { padding: calc(var(--spacing) * 8); } } .sm\:p-16 { @media (width >= 40rem) { padding: calc(var(--spacing) * 16); } } .sm\:px-0 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 0); } } .sm\:px-3 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 3); } } .sm\:px-6 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 6); } } .sm\:py-1 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 1); } } .sm\:py-5 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 5); } } .sm\:py-8 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 8); } } .sm\:pb-0 { @media (width >= 40rem) { padding-bottom: calc(var(--spacing) * 0); } } .sm\:pb-12 { @media (width >= 40rem) { padding-bottom: calc(var(--spacing) * 12); } } .sm\:pb-24 { @media (width >= 40rem) { padding-bottom: calc(var(--spacing) * 24); } } .sm\:text-right { @media (width >= 40rem) { text-align: right; } } .sm\:text-start { @media (width >= 40rem) { text-align: start; } } .sm\:text-2xl { @media (width >= 40rem) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .sm\:text-3xl { @media (width >= 40rem) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } .sm\:text-4xl { @media (width >= 40rem) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } .sm\:text-7xl { @media (width >= 40rem) { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } } .sm\:text-lg { @media (width >= 40rem) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .sm\:text-xl { @media (width >= 40rem) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .sm\:leading-7 { @media (width >= 40rem) { --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7); } } .sm\:leading-none { @media (width >= 40rem) { --tw-leading: 1; line-height: 1; } } .sm\:text-clip { @media (width >= 40rem) { text-overflow: clip; } } .sm\:whitespace-normal { @media (width >= 40rem) { white-space: normal; } } .sm\:duration-700 { @media (width >= 40rem) { --tw-duration: 700ms; transition-duration: 700ms; } } .sm\:last\:mr-0 { @media (width >= 40rem) { &:last-child { margin-right: calc(var(--spacing) * 0); } } } .md\:visible { @media (width >= 48rem) { visibility: visible; } } .md\:sr-only { @media (width >= 48rem) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } } .md\:relative { @media (width >= 48rem) { position: relative; } } .md\:right-2 { @media (width >= 48rem) { right: calc(var(--spacing) * 2); } } .md\:right-5 { @media (width >= 48rem) { right: calc(var(--spacing) * 5); } } .md\:right-12 { @media (width >= 48rem) { right: calc(var(--spacing) * 12); } } .md\:right-\[calc\(var\(--cart-drawer-offset-right\,1rem\)_-_1rem\)\] { @media (width >= 48rem) { right: calc(var(--cart-drawer-offset-right,1rem) - 1rem); } } .md\:right-auto { @media (width >= 48rem) { right: auto; } } .md\:bottom-2 { @media (width >= 48rem) { bottom: calc(var(--spacing) * 2); } } .md\:left-1\/2 { @media (width >= 48rem) { left: calc(1 / 2 * 100%); } } .md\:left-2 { @media (width >= 48rem) { left: calc(var(--spacing) * 2); } } .md\:left-12 { @media (width >= 48rem) { left: calc(var(--spacing) * 12); } } .md\:left-auto { @media (width >= 48rem) { left: auto; } } .md\:order-3 { @media (width >= 48rem) { order: 3; } } .md\:col-span-1 { @media (width >= 48rem) { grid-column: span 1 / span 1; } } .md\:col-span-3 { @media (width >= 48rem) { grid-column: span 3 / span 3; } } .md\:col-span-6 { @media (width >= 48rem) { grid-column: span 6 / span 6; } } .md\:col-span-9 { @media (width >= 48rem) { grid-column: span 9 / span 9; } } .md\:col-span-12 { @media (width >= 48rem) { grid-column: span 12 / span 12; } } .md\:col-start-1 { @media (width >= 48rem) { grid-column-start: 1; } } .md\:row-span-2 { @media (width >= 48rem) { grid-row: span 2 / span 2; } } .md\:row-start-1 { @media (width >= 48rem) { grid-row-start: 1; } } .md\:m-0 { @media (width >= 48rem) { margin: calc(var(--spacing) * 0); } } .md\:mx-0 { @media (width >= 48rem) { margin-inline: calc(var(--spacing) * 0); } } .md\:mx-auto { @media (width >= 48rem) { margin-inline: auto; } } .md\:my-0 { @media (width >= 48rem) { margin-block: calc(var(--spacing) * 0); } } .md\:my-8 { @media (width >= 48rem) { margin-block: calc(var(--spacing) * 8); } } .md\:me-0 { @media (width >= 48rem) { margin-inline-end: calc(var(--spacing) * 0); } } .md\:-mt-1 { @media (width >= 48rem) { margin-top: calc(var(--spacing) * -1); } } .md\:mt-0 { @media (width >= 48rem) { margin-top: calc(var(--spacing) * 0); } } .md\:mt-4 { @media (width >= 48rem) { margin-top: calc(var(--spacing) * 4); } } .md\:mt-5 { @media (width >= 48rem) { margin-top: calc(var(--spacing) * 5); } } .md\:-mr-1 { @media (width >= 48rem) { margin-right: calc(var(--spacing) * -1); } } .md\:mr-0 { @media (width >= 48rem) { margin-right: calc(var(--spacing) * 0); } } .md\:mr-5 { @media (width >= 48rem) { margin-right: calc(var(--spacing) * 5); } } .md\:mb-0 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 0); } } .md\:mb-2\.5 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 2.5); } } .md\:mb-3 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 3); } } .md\:mb-12 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 12); } } .md\:ml-0 { @media (width >= 48rem) { margin-left: calc(var(--spacing) * 0); } } .md\:ml-5 { @media (width >= 48rem) { margin-left: calc(var(--spacing) * 5); } } .md\:ml-auto { @media (width >= 48rem) { margin-left: auto; } } .md\:\!block { @media (width >= 48rem) { display: block !important; } } .md\:\!hidden { @media (width >= 48rem) { display: none !important; } } .md\:block { @media (width >= 48rem) { display: block; } } .md\:flex { @media (width >= 48rem) { display: flex; } } .md\:grid { @media (width >= 48rem) { display: grid; } } .md\:hidden { @media (width >= 48rem) { display: none; } } .md\:inline { @media (width >= 48rem) { display: inline; } } .md\:inline-block { @media (width >= 48rem) { display: inline-block; } } .md\:inline-flex { @media (width >= 48rem) { display: inline-flex; } } .md\:table-cell { @media (width >= 48rem) { display: table-cell; } } .md\:table-row { @media (width >= 48rem) { display: table-row; } } .md\:aspect-auto { @media (width >= 48rem) { aspect-ratio: auto; } } .md\:h-6 { @media (width >= 48rem) { height: calc(var(--spacing) * 6); } } .md\:h-24 { @media (width >= 48rem) { height: calc(var(--spacing) * 24); } } .md\:h-80 { @media (width >= 48rem) { height: calc(var(--spacing) * 80); } } .md\:h-\[95px\] { @media (width >= 48rem) { height: 95px; } } .md\:h-\[400px\] { @media (width >= 48rem) { height: 400px; } } .md\:h-\[500px\] { @media (width >= 48rem) { height: 500px; } } .md\:h-\[580px\] { @media (width >= 48rem) { height: 580px; } } .md\:h-auto { @media (width >= 48rem) { height: auto; } } .md\:w-1\/2 { @media (width >= 48rem) { width: calc(1 / 2 * 100%); } } .md\:w-1\/3 { @media (width >= 48rem) { width: calc(1 / 3 * 100%); } } .md\:w-1\/4 { @media (width >= 48rem) { width: calc(1 / 4 * 100%); } } .md\:w-2\/3 { @media (width >= 48rem) { width: calc(2 / 3 * 100%); } } .md\:w-2\/4 { @media (width >= 48rem) { width: calc(2 / 4 * 100%); } } .md\:w-2\/5 { @media (width >= 48rem) { width: calc(2 / 5 * 100%); } } .md\:w-2\/6 { @media (width >= 48rem) { width: calc(2 / 6 * 100%); } } .md\:w-3\/4 { @media (width >= 48rem) { width: calc(3 / 4 * 100%); } } .md\:w-3\/5 { @media (width >= 48rem) { width: calc(3 / 5 * 100%); } } .md\:w-4\/4 { @media (width >= 48rem) { width: calc(4 / 4 * 100%); } } .md\:w-4\/6 { @media (width >= 48rem) { width: calc(4 / 6 * 100%); } } .md\:w-6 { @media (width >= 48rem) { width: calc(var(--spacing) * 6); } } .md\:w-24 { @media (width >= 48rem) { width: calc(var(--spacing) * 24); } } .md\:w-48 { @media (width >= 48rem) { width: calc(var(--spacing) * 48); } } .md\:w-\[50vw\] { @media (width >= 48rem) { width: 50vw; } } .md\:w-\[73\%\] { @media (width >= 48rem) { width: 73%; } } .md\:w-\[180px\] { @media (width >= 48rem) { width: 180px; } } .md\:w-\[420px\] { @media (width >= 48rem) { width: 420px; } } .md\:w-\[640px\] { @media (width >= 48rem) { width: 640px; } } .md\:w-auto { @media (width >= 48rem) { width: auto; } } .md\:w-full { @media (width >= 48rem) { width: 100%; } } .md\:max-w-amrel-60 { @media (width >= 48rem) { max-width: var(--max-width-amrel-60); } } .md\:max-w-sm { @media (width >= 48rem) { max-width: var(--container-sm); } } .md\:max-w-xs { @media (width >= 48rem) { max-width: var(--container-xs); } } .md\:min-w-\[120px\] { @media (width >= 48rem) { min-width: 120px; } } .md\:shrink-0 { @media (width >= 48rem) { flex-shrink: 0; } } .md\:-translate-x-1\/2 { @media (width >= 48rem) { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .md\:-translate-x-1\/3 { @media (width >= 48rem) { --tw-translate-x: calc(calc(1 / 3 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .md\:snap-none { @media (width >= 48rem) { scroll-snap-type: none; } } .md\:snap-align-none { @media (width >= 48rem) { scroll-snap-align: none; } } .md\:columns-2 { @media (width >= 48rem) { columns: 2; } } .md\:grid-cols-1 { @media (width >= 48rem) { grid-template-columns: repeat(1, minmax(0, 1fr)); } } .md\:grid-cols-2 { @media (width >= 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .md\:grid-cols-3 { @media (width >= 48rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .md\:grid-cols-4 { @media (width >= 48rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .md\:grid-cols-\[42\%_minmax\(0px\,1fr\)\] { @media (width >= 48rem) { grid-template-columns: 42% minmax(0px,1fr); } } .md\:flex-col-reverse { @media (width >= 48rem) { flex-direction: column-reverse; } } .md\:flex-row { @media (width >= 48rem) { flex-direction: row; } } .md\:flex-row-reverse { @media (width >= 48rem) { flex-direction: row-reverse; } } .md\:flex-nowrap { @media (width >= 48rem) { flex-wrap: nowrap; } } .md\:flex-wrap { @media (width >= 48rem) { flex-wrap: wrap; } } .md\:items-center { @media (width >= 48rem) { align-items: center; } } .md\:items-start { @media (width >= 48rem) { align-items: flex-start; } } .md\:justify-between { @media (width >= 48rem) { justify-content: space-between; } } .md\:justify-center { @media (width >= 48rem) { justify-content: center; } } .md\:justify-end { @media (width >= 48rem) { justify-content: flex-end; } } .md\:justify-start { @media (width >= 48rem) { justify-content: flex-start; } } .md\:gap-1 { @media (width >= 48rem) { gap: calc(var(--spacing) * 1); } } .md\:gap-4 { @media (width >= 48rem) { gap: calc(var(--spacing) * 4); } } .md\:gap-6 { @media (width >= 48rem) { gap: calc(var(--spacing) * 6); } } .md\:gap-8 { @media (width >= 48rem) { gap: calc(var(--spacing) * 8); } } .md\:space-y-0 { @media (width >= 48rem) { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); } } } .md\:space-y-6 { @media (width >= 48rem) { :where(& > :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))); } } } .md\:gap-x-2 { @media (width >= 48rem) { column-gap: calc(var(--spacing) * 2); } } .md\:gap-x-6 { @media (width >= 48rem) { column-gap: calc(var(--spacing) * 6); } } .md\:gap-x-8 { @media (width >= 48rem) { column-gap: calc(var(--spacing) * 8); } } .md\:space-x-4 { @media (width >= 48rem) { :where(& > :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 { @media (width >= 48rem) { justify-self: flex-end; } } .md\:justify-self-start { @media (width >= 48rem) { justify-self: flex-start; } } .md\:overflow-visible { @media (width >= 48rem) { overflow: visible; } } .md\:overflow-x-visible { @media (width >= 48rem) { overflow-x: visible; } } .md\:rounded-lg { @media (width >= 48rem) { border-radius: var(--radius-lg); } } .md\:border-0 { @media (width >= 48rem) { border-style: var(--tw-border-style); border-width: 0px; } } .md\:border-\[3px\] { @media (width >= 48rem) { border-style: var(--tw-border-style); border-width: 3px; } } .md\:border-b-0 { @media (width >= 48rem) { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } .md\:border-dashed { @media (width >= 48rem) { --tw-border-style: dashed; border-style: dashed; } } .md\:border-amrel-grey-border { @media (width >= 48rem) { border-color: var(--color-amrel-grey-border); } } .md\:\!bg-transparent { @media (width >= 48rem) { background-color: transparent !important; } } .md\:bg-transparent { @media (width >= 48rem) { background-color: transparent; } } .md\:p-0 { @media (width >= 48rem) { padding: calc(var(--spacing) * 0); } } .md\:p-8 { @media (width >= 48rem) { padding: calc(var(--spacing) * 8); } } .md\:p-12 { @media (width >= 48rem) { padding: calc(var(--spacing) * 12); } } .md\:p-\[5px\] { @media (width >= 48rem) { padding: 5px; } } .md\:p-\[15px\] { @media (width >= 48rem) { padding: 15px; } } .md\:px-0 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 0); } } .md\:px-8 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 8); } } .md\:py-0 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 0); } } .md\:py-2 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 2); } } .md\:py-4 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 4); } } .md\:py-6 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 6); } } .md\:py-7 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 7); } } .md\:py-8 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 8); } } .md\:pt-0 { @media (width >= 48rem) { padding-top: calc(var(--spacing) * 0); } } .md\:pr-4 { @media (width >= 48rem) { padding-right: calc(var(--spacing) * 4); } } .md\:pl-5 { @media (width >= 48rem) { padding-left: calc(var(--spacing) * 5); } } .md\:pl-6 { @media (width >= 48rem) { padding-left: calc(var(--spacing) * 6); } } .md\:text-left { @media (width >= 48rem) { text-align: left; } } .md\:text-start { @media (width >= 48rem) { text-align: start; } } .md\:text-2xl { @media (width >= 48rem) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .md\:text-3xl { @media (width >= 48rem) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } .md\:text-5xl { @media (width >= 48rem) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } .md\:text-base { @media (width >= 48rem) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .md\:text-lg { @media (width >= 48rem) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .md\:text-sm { @media (width >= 48rem) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .md\:text-xl { @media (width >= 48rem) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .md\:font-bold { @media (width >= 48rem) { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } } .md\:\!text-current { @media (width >= 48rem) { color: currentcolor !important; } } .md\:opacity-0 { @media (width >= 48rem) { opacity: 0%; } } .md\:\!shadow-none { @media (width >= 48rem) { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } } .md\:\[--snap-cols\:2\] { @media (width >= 48rem) { --snap-cols: 2; } } .md\:group-hover\:scale-105 { @media (width >= 48rem) { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } } .md\:group-hover\:opacity-100 { @media (width >= 48rem) { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 100%; } } } } .md\:before\:right-4 { @media (width >= 48rem) { &::before { content: var(--tw-content); right: calc(var(--spacing) * 4); } } } .md\:first\:col-span-full { @media (width >= 48rem) { &:first-child { grid-column: 1 / -1; } } } .md\:first\:h-40 { @media (width >= 48rem) { &:first-child { height: calc(var(--spacing) * 40); } } } .md\:hover\:scale-\[1\.02\] { @media (width >= 48rem) { &:hover { @media (hover: hover) { scale: 1.02; } } } } .md\:hover\:shadow-2xl { @media (width >= 48rem) { &:hover { @media (hover: hover) { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } } .lg\:sr-only { @media (width >= 64rem) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } } .lg\:not-sr-only { @media (width >= 64rem) { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip-path: none; white-space: normal; } } .lg\:absolute { @media (width >= 64rem) { position: absolute; } } .lg\:sticky { @media (width >= 64rem) { position: sticky; } } .lg\:inset-x-0 { @media (width >= 64rem) { inset-inline: calc(var(--spacing) * 0); } } .lg\:inset-y-0 { @media (width >= 64rem) { inset-block: calc(var(--spacing) * 0); } } .lg\:inset-y-auto { @media (width >= 64rem) { inset-block: auto; } } .lg\:top-0 { @media (width >= 64rem) { top: calc(var(--spacing) * 0); } } .lg\:top-4 { @media (width >= 64rem) { top: calc(var(--spacing) * 4); } } .lg\:top-6 { @media (width >= 64rem) { top: calc(var(--spacing) * 6); } } .lg\:top-\[var\(--msrp-block-offset\)\] { @media (width >= 64rem) { top: var(--msrp-block-offset); } } .lg\:right-4 { @media (width >= 64rem) { right: calc(var(--spacing) * 4); } } .lg\:right-6 { @media (width >= 64rem) { right: calc(var(--spacing) * 6); } } .lg\:right-20 { @media (width >= 64rem) { right: calc(var(--spacing) * 20); } } .lg\:right-auto { @media (width >= 64rem) { right: auto; } } .lg\:bottom-0 { @media (width >= 64rem) { bottom: calc(var(--spacing) * 0); } } .lg\:bottom-4 { @media (width >= 64rem) { bottom: calc(var(--spacing) * 4); } } .lg\:bottom-16 { @media (width >= 64rem) { bottom: calc(var(--spacing) * 16); } } .lg\:bottom-auto { @media (width >= 64rem) { bottom: auto; } } .lg\:left-0 { @media (width >= 64rem) { left: calc(var(--spacing) * 0); } } .lg\:left-4 { @media (width >= 64rem) { left: calc(var(--spacing) * 4); } } .lg\:left-20 { @media (width >= 64rem) { left: calc(var(--spacing) * 20); } } .lg\:left-\[var\(--msrp-inline-offset\)\] { @media (width >= 64rem) { left: var(--msrp-inline-offset); } } .lg\:order-0 { @media (width >= 64rem) { order: 0; } } .lg\:order-1 { @media (width >= 64rem) { order: 1; } } .lg\:order-2 { @media (width >= 64rem) { order: 2; } } .lg\:order-first { @media (width >= 64rem) { order: -9999; } } .lg\:order-last { @media (width >= 64rem) { order: 9999; } } .lg\:order-none { @media (width >= 64rem) { order: 0; } } .lg\:col-auto { @media (width >= 64rem) { grid-column: auto; } } .lg\:col-span-2 { @media (width >= 64rem) { grid-column: span 2 / span 2; } } .lg\:col-span-6 { @media (width >= 64rem) { grid-column: span 6 / span 6; } } .lg\:col-start-1 { @media (width >= 64rem) { grid-column-start: 1; } } .lg\:col-start-2 { @media (width >= 64rem) { grid-column-start: 2; } } .lg\:container { @media (width >= 64rem) { width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } } } .lg\:m-0 { @media (width >= 64rem) { margin: calc(var(--spacing) * 0); } } .lg\:container { @media (width >= 64rem) { margin-inline: auto; padding-inline: calc(var(--spacing) * 6); } } .lg\:mx-\[var\(--thumbs-gap\)\] { @media (width >= 64rem) { margin-inline: var(--thumbs-gap); } } .lg\:my-6 { @media (width >= 64rem) { margin-block: calc(var(--spacing) * 6); } } .lg\:mt-0 { @media (width >= 64rem) { margin-top: calc(var(--spacing) * 0); } } .lg\:mt-3 { @media (width >= 64rem) { margin-top: calc(var(--spacing) * 3); } } .lg\:mt-6 { @media (width >= 64rem) { margin-top: calc(var(--spacing) * 6); } } .lg\:mt-8 { @media (width >= 64rem) { margin-top: calc(var(--spacing) * 8); } } .lg\:mt-24 { @media (width >= 64rem) { margin-top: calc(var(--spacing) * 24); } } .lg\:mr-0 { @media (width >= 64rem) { margin-right: calc(var(--spacing) * 0); } } .lg\:mr-4 { @media (width >= 64rem) { margin-right: calc(var(--spacing) * 4); } } .lg\:mb-16 { @media (width >= 64rem) { margin-bottom: calc(var(--spacing) * 16); } } .lg\:mb-\[var\(--thumbs-gap\)\] { @media (width >= 64rem) { margin-bottom: var(--thumbs-gap); } } .lg\:-ml-6 { @media (width >= 64rem) { margin-left: calc(var(--spacing) * -6); } } .lg\:ml-0 { @media (width >= 64rem) { margin-left: calc(var(--spacing) * 0); } } .lg\:ml-2 { @media (width >= 64rem) { margin-left: calc(var(--spacing) * 2); } } .lg\:ml-5 { @media (width >= 64rem) { margin-left: calc(var(--spacing) * 5); } } .lg\:block { @media (width >= 64rem) { display: block; } } .lg\:flex { @media (width >= 64rem) { display: flex; } } .lg\:grid { @media (width >= 64rem) { display: grid; } } .lg\:hidden { @media (width >= 64rem) { display: none; } } .lg\:inline { @media (width >= 64rem) { display: inline; } } .lg\:inline-block { @media (width >= 64rem) { display: inline-block; } } .lg\:inline-flex { @media (width >= 64rem) { display: inline-flex; } } .lg\:table-cell { @media (width >= 64rem) { display: table-cell; } } .lg\:table-row { @media (width >= 64rem) { display: table-row; } } .lg\:h-13 { @media (width >= 64rem) { height: calc(var(--spacing) * 13); } } .lg\:h-36 { @media (width >= 64rem) { height: calc(var(--spacing) * 36); } } .lg\:h-56 { @media (width >= 64rem) { height: calc(var(--spacing) * 56); } } .lg\:h-\[600px\] { @media (width >= 64rem) { height: 600px; } } .lg\:h-\[800px\] { @media (width >= 64rem) { height: 800px; } } .lg\:h-auto { @media (width >= 64rem) { height: auto; } } .lg\:h-full { @media (width >= 64rem) { height: 100%; } } .lg\:max-h-am-75 { @media (width >= 64rem) { max-height: var(--max-height-am-75); } } .lg\:w-1\/2 { @media (width >= 64rem) { width: calc(1 / 2 * 100%); } } .lg\:w-1\/3 { @media (width >= 64rem) { width: calc(1 / 3 * 100%); } } .lg\:w-1\/4 { @media (width >= 64rem) { width: calc(1 / 4 * 100%); } } .lg\:w-2\/3 { @media (width >= 64rem) { width: calc(2 / 3 * 100%); } } .lg\:w-3\/5 { @media (width >= 64rem) { width: calc(3 / 5 * 100%); } } .lg\:w-36 { @media (width >= 64rem) { width: calc(var(--spacing) * 36); } } .lg\:w-56 { @media (width >= 64rem) { width: calc(var(--spacing) * 56); } } .lg\:w-72 { @media (width >= 64rem) { width: calc(var(--spacing) * 72); } } .lg\:w-80 { @media (width >= 64rem) { width: calc(var(--spacing) * 80); } } .lg\:w-\[200px\] { @media (width >= 64rem) { width: 200px; } } .lg\:w-\[320px\] { @media (width >= 64rem) { width: 320px; } } .lg\:w-\[480px\] { @media (width >= 64rem) { width: 480px; } } .lg\:w-auto { @media (width >= 64rem) { width: auto; } } .lg\:w-full { @media (width >= 64rem) { width: 100%; } } .lg\:max-w-2xl { @media (width >= 64rem) { max-width: var(--container-2xl); } } .lg\:max-w-3xl { @media (width >= 64rem) { max-width: var(--container-3xl); } } .lg\:max-w-4xl { @media (width >= 64rem) { max-width: var(--container-4xl); } } .lg\:max-w-\[calc\(90\%-180px\)\] { @media (width >= 64rem) { max-width: calc(90% - 180px); } } .lg\:max-w-none { @media (width >= 64rem) { max-width: none; } } .lg\:max-w-xs { @media (width >= 64rem) { max-width: var(--container-xs); } } .lg\:flex-1 { @media (width >= 64rem) { flex: 1; } } .lg\:flex-auto { @media (width >= 64rem) { flex: auto; } } .lg\:flex-initial { @media (width >= 64rem) { flex: 0 auto; } } .lg\:flex-none { @media (width >= 64rem) { flex: none; } } .lg\:grow { @media (width >= 64rem) { flex-grow: 1; } } .lg\:table-auto { @media (width >= 64rem) { table-layout: auto; } } .lg\:-translate-y-0 { @media (width >= 64rem) { --tw-translate-y: calc(var(--spacing) * -0); translate: var(--tw-translate-x) var(--tw-translate-y); } } .lg\:scroll-mt-24 { @media (width >= 64rem) { scroll-margin-top: calc(var(--spacing) * 24); } } .lg\:grid-cols-2 { @media (width >= 64rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .lg\:grid-cols-3 { @media (width >= 64rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .lg\:grid-cols-4 { @media (width >= 64rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .lg\:grid-cols-6 { @media (width >= 64rem) { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .lg\:grid-cols-8 { @media (width >= 64rem) { grid-template-columns: repeat(8, minmax(0, 1fr)); } } .lg\:grid-cols-\[1fr_0\.5fr_1fr\] { @media (width >= 64rem) { grid-template-columns: 1fr 0.5fr 1fr; } } .lg\:grid-cols-\[1fr_auto\] { @media (width >= 64rem) { grid-template-columns: 1fr auto; } } .lg\:grid-cols-\[auto_minmax\(0px\,1fr\)_auto\] { @media (width >= 64rem) { grid-template-columns: auto minmax(0px,1fr) auto; } } .lg\:grid-cols-\[minmax\(0px\,1fr\)_26rem\] { @media (width >= 64rem) { grid-template-columns: minmax(0px,1fr) 26rem; } } .lg\:grid-cols-\[minmax\(0px\,1fr\)_minmax\(0px\,3fr\)_minmax\(0px\,1fr\)\] { @media (width >= 64rem) { grid-template-columns: minmax(0px,1fr) minmax(0px,3fr) minmax(0px,1fr); } } .lg\:grid-cols-\[var\(--thumbs-size\)_1fr\] { @media (width >= 64rem) { grid-template-columns: var(--thumbs-size) 1fr; } } .lg\:grid-rows-1 { @media (width >= 64rem) { grid-template-rows: repeat(1, minmax(0, 1fr)); } } .lg\:flex-col { @media (width >= 64rem) { flex-direction: column; } } .lg\:flex-row { @media (width >= 64rem) { flex-direction: row; } } .lg\:flex-row-reverse { @media (width >= 64rem) { flex-direction: row-reverse; } } .lg\:flex-nowrap { @media (width >= 64rem) { flex-wrap: nowrap; } } .lg\:items-center { @media (width >= 64rem) { align-items: center; } } .lg\:items-end { @media (width >= 64rem) { align-items: flex-end; } } .lg\:items-start { @media (width >= 64rem) { align-items: flex-start; } } .lg\:justify-between { @media (width >= 64rem) { justify-content: space-between; } } .lg\:justify-end { @media (width >= 64rem) { justify-content: flex-end; } } .lg\:justify-start { @media (width >= 64rem) { justify-content: flex-start; } } .lg\:gap-4 { @media (width >= 64rem) { gap: calc(var(--spacing) * 4); } } .lg\:gap-5 { @media (width >= 64rem) { gap: calc(var(--spacing) * 5); } } .lg\:gap-5\! { @media (width >= 64rem) { gap: calc(var(--spacing) * 5) !important; } } .lg\:gap-6 { @media (width >= 64rem) { gap: calc(var(--spacing) * 6); } } .lg\:gap-8 { @media (width >= 64rem) { gap: calc(var(--spacing) * 8); } } .lg\:gap-10 { @media (width >= 64rem) { gap: calc(var(--spacing) * 10); } } .lg\:gap-x-2 { @media (width >= 64rem) { column-gap: calc(var(--spacing) * 2); } } .lg\:gap-x-6 { @media (width >= 64rem) { column-gap: calc(var(--spacing) * 6); } } .lg\:gap-x-10 { @media (width >= 64rem) { column-gap: calc(var(--spacing) * 10); } } .lg\:space-x-4 { @media (width >= 64rem) { :where(& > :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\:gap-y-0 { @media (width >= 64rem) { row-gap: calc(var(--spacing) * 0); } } .lg\:divide-y-0 { @media (width >= 64rem) { :where(& > :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(0px * var(--tw-divide-y-reverse)); border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); } } } .lg\:justify-self-center { @media (width >= 64rem) { justify-self: center; } } .lg\:justify-self-end { @media (width >= 64rem) { justify-self: flex-end; } } .lg\:border-0 { @media (width >= 64rem) { border-style: var(--tw-border-style); border-width: 0px; } } .lg\:border-r-2 { @media (width >= 64rem) { border-right-style: var(--tw-border-style); border-right-width: 2px; } } .lg\:border-b-0 { @media (width >= 64rem) { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } .lg\:border-amrel-grey-border { @media (width >= 64rem) { border-color: var(--color-amrel-grey-border); } } .lg\:bg-blue-500 { @media (width >= 64rem) { background-color: var(--color-blue-500); } } .lg\:bg-blue-900 { @media (width >= 64rem) { background-color: var(--color-blue-900); } } .lg\:object-cover { @media (width >= 64rem) { object-fit: cover; } } .lg\:p-4 { @media (width >= 64rem) { padding: calc(var(--spacing) * 4); } } .lg\:px-0 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 0); } } .lg\:px-5 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 5); } } .lg\:px-8 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 8); } } .lg\:px-12 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 12); } } .lg\:py-0 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 0); } } .lg\:py-2 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 2); } } .lg\:pt-0 { @media (width >= 64rem) { padding-top: calc(var(--spacing) * 0); } } .lg\:pt-2 { @media (width >= 64rem) { padding-top: calc(var(--spacing) * 2); } } .lg\:pb-0 { @media (width >= 64rem) { padding-bottom: calc(var(--spacing) * 0); } } .lg\:pb-3\.5 { @media (width >= 64rem) { padding-bottom: calc(var(--spacing) * 3.5); } } .lg\:pb-16 { @media (width >= 64rem) { padding-bottom: calc(var(--spacing) * 16); } } .lg\:pl-8 { @media (width >= 64rem) { padding-left: calc(var(--spacing) * 8); } } .lg\:pl-\[var\(--thumb-size\)\] { @media (width >= 64rem) { padding-left: var(--thumb-size); } } .lg\:text-center { @media (width >= 64rem) { text-align: center; } } .lg\:text-left { @media (width >= 64rem) { text-align: left; } } .lg\:text-right { @media (width >= 64rem) { text-align: right; } } .lg\:text-2xl { @media (width >= 64rem) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .lg\:text-4xl { @media (width >= 64rem) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } .lg\:text-5xl { @media (width >= 64rem) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } .lg\:text-6xl { @media (width >= 64rem) { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } } .lg\:text-base { @media (width >= 64rem) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .lg\:text-xl { @media (width >= 64rem) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .lg\:font-normal { @media (width >= 64rem) { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } } .lg\:text-amrel-grey-border { @media (width >= 64rem) { color: var(--color-amrel-grey-border); } } .lg\:text-white { @media (width >= 64rem) { color: var(--color-white); } } .lg\:opacity-100 { @media (width >= 64rem) { opacity: 100%; } } .lg\:shadow-lg { @media (width >= 64rem) { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .lg\:\[--snap-cols\:3\] { @media (width >= 64rem) { --snap-cols: 3; } } .lg\:\[--thumbs-gap\:theme\(\'spacing\.4\'\)\] { @media (width >= 64rem) { --thumbs-gap: 1rem; } } .lg\:\[border-image\:0\] { @media (width >= 64rem) { border-image: 0; } } .lg\:last\:mb-0 { @media (width >= 64rem) { &:last-child { margin-bottom: calc(var(--spacing) * 0); } } } .lg\:hover\:bg-blue-400 { @media (width >= 64rem) { &:hover { @media (hover: hover) { background-color: var(--color-blue-400); } } } } .lg\:data-\[fullscreen\=true\]\:aspect-auto { @media (width >= 64rem) { &[data-fullscreen="true"] { aspect-ratio: auto; } } } .xl\:right-8 { @media (width >= 80rem) { right: calc(var(--spacing) * 8); } } .xl\:bottom-8 { @media (width >= 80rem) { bottom: calc(var(--spacing) * 8); } } .xl\:left-8 { @media (width >= 80rem) { left: calc(var(--spacing) * 8); } } .xl\:col-span-2 { @media (width >= 80rem) { grid-column: span 2 / span 2; } } .xl\:m-0 { @media (width >= 80rem) { margin: calc(var(--spacing) * 0); } } .xl\:my-12 { @media (width >= 80rem) { margin-block: calc(var(--spacing) * 12); } } .xl\:mt-0 { @media (width >= 80rem) { margin-top: calc(var(--spacing) * 0); } } .xl\:block { @media (width >= 80rem) { display: block; } } .xl\:flex { @media (width >= 80rem) { display: flex; } } .xl\:h-16 { @media (width >= 80rem) { height: calc(var(--spacing) * 16); } } .xl\:w-1\/2 { @media (width >= 80rem) { width: calc(1 / 2 * 100%); } } .xl\:w-1\/4 { @media (width >= 80rem) { width: calc(1 / 4 * 100%); } } .xl\:w-16 { @media (width >= 80rem) { width: calc(var(--spacing) * 16); } } .xl\:grid-cols-3 { @media (width >= 80rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .xl\:grid-cols-4 { @media (width >= 80rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .xl\:grid-cols-\[repeat\(var\(--gallery-cols\)\,_minmax\(0\,_1fr\)\)\] { @media (width >= 80rem) { grid-template-columns: repeat(var(--gallery-cols), minmax(0, 1fr)); } } .xl\:flex-row { @media (width >= 80rem) { flex-direction: row; } } .xl\:gap-8 { @media (width >= 80rem) { gap: calc(var(--spacing) * 8); } } .xl\:space-y-0 { @media (width >= 80rem) { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); } } } .xl\:space-x-4 { @media (width >= 80rem) { :where(& > :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\:border-none { @media (width >= 80rem) { --tw-border-style: none; border-style: none; } } .xl\:p-12 { @media (width >= 80rem) { padding: calc(var(--spacing) * 12); } } .xl\:py-32 { @media (width >= 80rem) { padding-block: calc(var(--spacing) * 32); } } .xl\:text-left { @media (width >= 80rem) { text-align: left; } } .xl\:text-2xl { @media (width >= 80rem) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .xl\:text-3xl { @media (width >= 80rem) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } .xl\:text-6xl { @media (width >= 80rem) { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } } .xl\:text-base { @media (width >= 80rem) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .xl\:\[--snap-cols\:4\] { @media (width >= 80rem) { --snap-cols: 4; } } .xl\:focus-within\:relative { @media (width >= 80rem) { &:focus-within { position: relative; } } } .\32 xl\:w-1\/5 { @media (width >= 96rem) { width: calc(1 / 5 * 100%); } } .\32 xl\:w-96 { @media (width >= 96rem) { width: calc(var(--spacing) * 96); } } .\32 xl\:grid-cols-5 { @media (width >= 96rem) { grid-template-columns: repeat(5, minmax(0, 1fr)); } } .\32 xl\:\[--snap-cols\:5\] { @media (width >= 96rem) { --snap-cols: 5; } } .rtl\:-rotate-180 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { rotate: calc(180deg * -1); } } .rtl\:rotate-180 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { rotate: 180deg; } } .print\:mt-0 { @media print { margin-top: calc(var(--spacing) * 0); } } .print\:ml-5 { @media print { margin-left: calc(var(--spacing) * 5); } } .print\:flex { @media print { display: flex; } } .print\:grid-cols-2 { @media print { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .print\:text-left { @media print { text-align: left; } } .prose-headings\:first\:mt-0 { & :where(h1, h2, h3, h4, h5, h6) { &:first-child { margin-top: calc(var(--spacing) * 0); } } } .md\:prose-h1\:text-5xl { @media (width >= 48rem) { & :where(h1) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } } .prose-h2\:text-xl { & :where(h2) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .prose-h3\:text-lg { & :where(h3) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .prose-h4\:text-base { & :where(h4) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .prose-lead\:mt-0 { & :where([class~="lead"]) { margin-top: calc(var(--spacing) * 0); } } .prose-lead\:text-lg { & :where([class~="lead"]) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .prose-lead\:font-bold { & :where([class~="lead"]) { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } } .prose-lead\:text-slate-600 { & :where([class~="lead"]) { color: var(--color-slate-600); } } .prose-p\:my-8 { & :where(p) { margin-block: calc(var(--spacing) * 8); } } .prose-p\:text-2xl { & :where(p) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .prose-p\:font-bold { & :where(p) { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } } .prose-p\:text-blue-700 { & :where(p) { color: var(--color-blue-700); } } .prose-p\:text-slate-500 { & :where(p) { color: var(--color-slate-500); } } .prose-p\:md\:text-3xl { & :where(p) { @media (width >= 48rem) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } } .prose-li\:my-0 { & :where(li) { margin-block: calc(var(--spacing) * 0); } } .sm\:\[\&_\.label-street\.sr-only\]\:invisible { @media (width >= 40rem) { & .label-street.sr-only { visibility: hidden; } } } .sm\:\[\&_\.label-street\.sr-only\]\:not-sr-only { @media (width >= 40rem) { & .label-street.sr-only { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip-path: none; white-space: normal; } } } .sm\:\[\&_\.label-street\.sr-only\]\:mb-2 { @media (width >= 40rem) { & .label-street.sr-only { margin-bottom: calc(var(--spacing) * 2); } } } .\[\&_\.price\]\:font-normal { & .price { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } } .\[\&_\.price-label\]\:sr-only { & .price-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } } .\[\&_\.price-wrapper\]\:\[font-size\:inherit\] { & .price-wrapper { font-size: inherit; } } .\[\&_\.price-wrapper\]\:text-inherit { & .price-wrapper { color: inherit; } } .\[\&_\:is\(input\,select\,textarea\)\]\:scroll-my-36 { & :is(input,select,textarea) { scroll-margin-block: calc(var(--spacing) * 36); } } .\[\&_\>\*\]\:px-2 { & >* { padding-inline: calc(var(--spacing) * 2); } } .md\:\[\&_label\.sr-only\]\:invisible { @media (width >= 48rem) { & label.sr-only { visibility: hidden; } } } .md\:\[\&_label\.sr-only\]\:not-sr-only { @media (width >= 48rem) { & label.sr-only { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip-path: none; white-space: normal; } } } .md\:\[\&_label\.sr-only\]\:mb-2 { @media (width >= 48rem) { & label.sr-only { margin-bottom: calc(var(--spacing) * 2); } } } .\[\&_svg\]\:fill-white\! { & svg { fill: var(--color-white) !important; } } .\[\&\.is-active\]\:transform-none\! { &.is-active { transform: none !important; } } .\[\&\.is-active\]\:bg-neutral-700\! { &.is-active { background-color: var(--color-neutral-700) !important; } } .\[\&\:\:-webkit-calendar-picker-indicator\]\:\!hidden { &::-webkit-calendar-picker-indicator { display: none !important; } } .\[\&\:\:-webkit-details-marker\]\:hidden { &::-webkit-details-marker { display: none; } } .\[\&\:\:-webkit-inner-spin-button\]\:invisible { &::-webkit-inner-spin-button { visibility: hidden; } } .\[\&\:\:-webkit-inner-spin-button\]\:hidden { &::-webkit-inner-spin-button { display: none; } } .\[\&\:\:-webkit-inner-spin-button\]\:hover\:visible { &::-webkit-inner-spin-button { &:hover { @media (hover: hover) { visibility: visible; } } } } .\[\&\:\:-webkit-list-button\]\:w-0 { &::-webkit-list-button { width: calc(var(--spacing) * 0); } } .\[\&\:nth-child\(n\+2\)\]\:max-md\:hidden { &:nth-child(n+2) { @media (width < 48rem) { display: none; } } } .\[\&\>\:not\(\.loader\)\]\:invisible { &>:not(.loader) { visibility: hidden; } } .\[\&\>svg\]\:hidden { &>svg { display: none; } } .\[\@media\(pointer\:coarse\)\]\:hidden { @media (pointer:coarse) { display: none; } } } @layer base { :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 150ms cubic-bezier(0.25, 0, 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 { block-size: 100%; scrollbar-gutter: stable; } 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) { position: fixed; max-block-size: calc(100% - 2rem); max-inline-size: calc(100% - 2rem); background-color: var(--color-surface, canvas); color: var(--color-fg, canvastext); border-radius: 1rem; margin: auto; padding: 1.5rem; box-shadow: var(--shadow-lg); &::backdrop { background-color: var(--backdrop, hsl(0 0% 0% / 20%)); } } :where(:root:has(dialog[open]:modal)) { overflow: hidden; } address { font-style: normal; } } @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; } } @layer base { @view-transition { navigation: auto; } :root { scrollbar-color: var(--scrollthumb-color, var(--color-primary)) var(--scrolltrack-color, #0000); accent-color: var(--color-primary); caret-color: var(--color-primary); interpolate-size: allow-keywords; } body { background: var(--color-bg); color: var(--color-fg); } } [x-cloak] { display: none !important; } @layer components { .actions-toolbar { display: flex; gap: calc(var(--spacing) * 4); flex-direction: column; margin-block-start: calc(var(--spacing) * 6); padding-block-start: calc(var(--spacing) * 4); border-block-start-width: 1px; border-block-start-color: var(--color-gray-300); @media (width >= 48rem) { flex-direction: row-reverse; align-items: center; } & a.back { text-decoration-line: underline; } } } .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)); } .btn-flat { --btn-stroke: #0000; --btn-bg: #0000; --btn-color: var(--color-blue-700); --btn-hover-color: var(--color-blue-800); --btn-active-stroke: currentcolor; --btn-active-color: var(--color-blue-800); } .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)); } @layer components { .card { position: relative; border-radius: var(--card-radius, var(--radius-lg)); border-width: 1px; padding-block: var(--card-py, calc(var(--spacing) * 6)); padding-inline: var(--card-px, calc(var(--spacing) * 6)); 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); } .card-interactive:is(:hover, :focus-within) { --card-stroke: #0000; box-shadow: var(--shadow-lg); } } @layer base { [type="checkbox"][role="switch"] { --switch-width: calc(var(--spacing) * 9); --switch-height: calc(var(--spacing) * 5); --switch-thumb-offset: calc(var(--switch-width) - var(--switch-height)); border-radius: calc(infinity * 1px); border-width: 2px; block-size: var(--switch-height); inline-size: var(--switch-width); &:not(:disabled) { cursor: pointer; } &::after { content: ""; display: block; aspect-ratio: 1; height: 100%; border-radius: calc(infinity * 1px); border-width: 1px; border-color: var(--form-bg); background-color: var(--form-stroke); transition: background-color 150ms, border-color 150ms, translate 150ms; } &:checked { background-image: none; &::after { background-color: var(--form-bg); translate: var(--switch-thumb-offset) 0%; } } &:dir(rtl):checked::after { translate: calc(var(--switch-thumb-offset) / -1) 0%; } } } @layer components { .form-input.qty { max-inline-size: calc(6ch + var(--form-px)); } .field { margin-top: calc(var(--spacing) * 1); &.field-reserved { --reserved-space: calc(var(--spacing) * 7); margin-block-end: var(--reserved-space); ul { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); &:last-of-type { margin-block-end: calc(var(--reserved-space) * -1); } } } &.choice { display: flex; align-items: center; label { margin-bottom: calc(var(--spacing) * 0); } input { margin-right: calc(var(--spacing) * 3); } } &.field-error .messages { color: var(--color-red-600); max-width: fit-content; } &.required > label { &::after { content: var(--tw-content); position: relative; } &::after { content: var(--tw-content); top: calc(var(--spacing) * -1); } &::after { 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; display: inline-block; width: var(--tw-icon-size); height: var(--tw-icon-size); background-color: currentcolor; mask-repeat: no-repeat; mask-size: contain; mask-image: var(--tw-icon); } &::after { content: var(--tw-content); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } &::after { content: var(--tw-content); color: var(--color-red-600); } } } } @layer components { .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; &:first-child { padding-inline-end: 0; border-inline-end: 0; } &:last-child { padding-inline-start: 0; border-inline-start: 0; } } .input-group { position: relative; display: flex; border-radius: var(--form-radius); vertical-align: middle; &:focus-within { --form-stroke: var(--form-active-color); outline: var(--outline-size, 1px) solid var(--form-active-color); outline-offset: var(--outline-offset, 0px); } & > * { margin: 0; border-radius: 0; outline: none; } & > :first-child { border-start-start-radius: inherit; border-end-start-radius: inherit; } & > :last-child { border-start-end-radius: inherit; border-end-end-radius: inherit; } & > :not(template, [hidden]:where(:not([hidden="until-found"]))) + :not(button, .btn) { border-inline-start-width: 0; } } } @layer components { .message { margin-bottom: calc(var(--spacing) * 2); display: flex; width: 100%; align-items: center; justify-content: space-between; border-radius: 0.25rem; background-color: var(--color-gray-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, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); &.error { border-style: var(--tw-border-style); border-width: 2px; border-color: var(--color-red-500); background-color: var(--color-red-50); } &.success { border-style: var(--tw-border-style); border-width: 2px; border-color: var(--color-green-500); background-color: var(--color-green-50); } &.info, &.notice { border-style: var(--tw-border-style); border-width: 2px; border-color: var(--color-blue-500); background-color: var(--color-blue-50); } &.warning { border-style: var(--tw-border-style); border-width: 2px; border-color: var(--color-yellow-500); background-color: var(--color-yellow-50); } a { text-decoration-line: underline; } } } .page.messages { position: sticky; top: calc(var(--spacing) * 0); z-index: 20; .messages section#messages { width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } padding-inline: calc(var(--spacing) * 6); margin-inline: auto; padding-block: calc(var(--spacing) * 3); } } @layer components { .rating-summary { display: flex; color: var(--color-primary); } } @layer components { .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) ); position: relative; display: grid; grid-auto-flow: column; grid-auto-columns: var(--snap-size); gap: var(--snap-gap); padding-block: calc(var(--spacing) * 6); overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; @media (prefers-reduced-motion: no-preference) { scroll-behavior: smooth; } & > * { scroll-snap-align: start; } } .snap-pager { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: calc(var(--spacing) * 3); min-block-size: calc(var(--spacing) * 11); padding-block: calc(var(--spacing) * 2); } .snap-marker { flex-shrink: 0; block-size: calc(var(--spacing) * 4); inline-size: calc(var(--spacing) * 4); border-width: 1px; border-color: var(--color-slate-600); border-radius: 1rem; transition-duration: 300ms; transition-property: border-color, background-color; @media (prefers-reduced-motion: no-preference) { transition-property: inline-size, border-color, background-color; will-change: inline-size; } &[aria-current="true"] { inline-size: calc(var(--spacing) * 7); border-color: #0000; background-color: var(--color-primary); } } } @layer components { .swatch-attribute-options { display: flex; flex-direction: row; flex-wrap: wrap; } .swatch-option { margin: calc(var(--spacing) * 1); display: flex; justify-content: center; border-style: var(--tw-border-style); border-width: 1px; padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * 1); min-width: 40px; } } @layer components { :where(main:not(.product-main-full-width, .page-main-full-width)) { & .columns { width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } margin-inline: auto; padding-inline: calc(var(--spacing) * 6); } } } .product-item { .price-container { .price { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } } .special-price .price-container .price-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .old-price .price-container { color: var(--color-gray-500); .price { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } } } .catalog-product-view { .related-products-content { .py-1.mx-auto { display: none; } } } @layer utilities { .mask-overflow { --tw-mask-dir: to right; --tw-mask-size: 2rem; --tw-mask-color: 0 0 0; --tw-mask-start: rgb(var(--tw-mask-color) / 0%); --tw-mask-end: rgb(var(--tw-mask-color) / 0%); --tw-mask: linear-gradient( var(--tw-mask-dir), var(--tw-mask-start), rgb(var(--tw-mask-color)) var(--tw-mask-size), rgb(var(--tw-mask-color)) calc(100% - var(--tw-mask-size)), var(--tw-mask-end) ); -webkit-mask-image: var(--tw-mask); mask-image: var(--tw-mask); } .mask-overflow-start { --tw-mask-end: rgb(var(--tw-mask-color)); } .mask-overflow-end { --tw-mask-start: rgb(var(--tw-mask-color)); } .mask-dir-x { --tw-mask-dir: to right; } .mask-dir-y { --tw-mask-dir: to bottom; } } :root { --br-black: #010101; --br-ink: #1F1F1F; --br-text: #4A4A4A; --br-text-muted: #6F6F6F; --br-text-faint: #9A9A9A; --br-white: #FFFFFF; --br-surface: #FFFFFF; --br-surface-soft: #F6F6F6; --br-surface-panel: #F3F3F3; --br-surface-muted: #EEEEEE; --br-border: #E4E4E4; --br-border-strong: #CFCFCF; --br-gold: #D4AF37; --br-gold-hover: #B89422; --br-green: #2F8700; --br-green-hover: #276F00; --br-addtocart-green: #37A000; --br-dark: #333333; --br-dark-soft: #3F3F3F; } body, .page-wrapper, .page-main, main#maincontent, .columns { background: var(--br-surface) !important; } html { scrollbar-color: var(--br-text-muted) var(--br-surface-soft); } html::-webkit-scrollbar, body::-webkit-scrollbar { width: 12px; height: 12px; } html::-webkit-scrollbar-track, body::-webkit-scrollbar-track { background: var(--br-surface-soft); } html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb { background: var(--br-text-muted); border: 2px solid var(--br-surface-soft); border-radius: 999px; } html::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:hover { background: var(--br-dark); } html::-webkit-scrollbar-button, body::-webkit-scrollbar-button { width: 12px; height: 12px; background-color: var(--br-surface-soft); background-position: center; background-repeat: no-repeat; background-size: 8px 8px; } html::-webkit-scrollbar-button:vertical:decrement, body::-webkit-scrollbar-button:vertical:decrement { background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2 7 6H1z' fill='%236F6F6F'/%3E%3C/svg%3E"); } input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):focus, textarea:focus, select:focus, .form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus { --form-active-color: var(--br-dark); --tw-ring-color: var(--br-dark); border-color: var(--br-dark) !important; outline-color: var(--br-dark) !important; box-shadow: 0 0 0 1px var(--br-dark) !important; } #mageplaza-consentpopup-block { background: rgba(1, 1, 1, 0.58) !important; z-index: 9000 !important; } #mageplaza-consentpopup-block #consent-popup { width: min(420px, calc(100vw - 32px)) !important; max-width: calc(100vw - 32px) !important; border: 1px solid var(--br-white) !important; border-radius: 6px !important; background: var(--br-surface) !important; color: var(--br-text) !important; box-shadow: 0 16px 38px rgba(1, 1, 1, 0.18) !important; } #mageplaza-consentpopup-block #consent-popup .content { padding: 20px 26px 18px !important; } #mageplaza-consentpopup-block #consent-popup .frontend-content { padding: 0 !important; } #mageplaza-consentpopup-block #consent-popup p { padding: 0 !important; margin: 0 0 6px !important; color: var(--br-text) !important; line-height: 1.4 !important; text-align: left !important; } #mageplaza-consentpopup-block #consent-popup .headingcls { display: block !important; padding-left: 0 !important; margin-left: 0 !important; color: var(--br-black) !important; font-size: 21px !important; line-height: 1.2 !important; font-weight: 700 !important; text-align: left !important; letter-spacing: 0 !important; } #mageplaza-consentpopup-block #consent-popup .fullcls, #mageplaza-consentpopup-block #consent-popup .fullcls span { padding-left: 0 !important; margin-left: 0 !important; color: var(--br-text) !important; font-size: 15px !important; line-height: 1.4 !important; font-weight: 500 !important; text-align: left !important; } #mageplaza-consentpopup-block #consent-popup .actions { display: grid !important; grid-template-columns: auto minmax(0, 1fr); gap: 12px !important; align-items: center !important; margin-top: 12px !important; } #mageplaza-consentpopup-block #consent-popup .actions button { border: 0 !important; border-radius: 6px !important; line-height: 1.2 !important; letter-spacing: 0 !important; box-shadow: none !important; } #mageplaza-consentpopup-block #consent-popup .actions button.reject { min-height: auto !important; width: auto !important; padding: 0 !important; background: transparent !important; color: var(--br-text) !important; font-size: 14px !important; font-weight: 500 !important; text-align: left !important; } #mageplaza-consentpopup-block #consent-popup .actions button.reject:hover, #mageplaza-consentpopup-block #consent-popup .actions button.reject:focus { background: transparent !important; color: var(--br-black) !important; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } #mageplaza-consentpopup-block #consent-popup .actions button.accept { min-height: 48px !important; width: 100% !important; padding: 10px 20px !important; background: var(--br-black) !important; color: var(--br-white) !important; font-size: 18px !important; font-weight: 700 !important; } #mageplaza-consentpopup-block #consent-popup .actions button.accept:hover, #mageplaza-consentpopup-block #consent-popup .actions button.accept:focus { background: var(--br-dark) !important; color: var(--br-white) !important; } @media (min-width: 640px) { #mageplaza-consentpopup-block #consent-popup { position: fixed !important; top: 50% !important; right: auto !important; bottom: auto !important; left: 50% !important; width: min(486px, calc(100vw - 48px)) !important; max-width: calc(100vw - 48px) !important; border-radius: 8px !important; transform: translate(-50%, -56%) !important; box-shadow: 0 18px 42px rgba(1, 1, 1, 0.16) !important; } #mageplaza-consentpopup-block #consent-popup .content { padding: 30px 36px 28px !important; } #mageplaza-consentpopup-block #consent-popup .frontend-content { padding: 0 !important; } #mageplaza-consentpopup-block #consent-popup p { margin-bottom: 8px !important; } #mageplaza-consentpopup-block #consent-popup .headingcls { font-size: 24px !important; line-height: 1.18 !important; } #mageplaza-consentpopup-block #consent-popup .fullcls, #mageplaza-consentpopup-block #consent-popup .fullcls span { font-size: 16px !important; line-height: 1.45 !important; } #mageplaza-consentpopup-block #consent-popup .actions { grid-template-columns: 92px minmax(0, 1fr); gap: 20px !important; margin-top: 26px !important; } #mageplaza-consentpopup-block #consent-popup .actions button.reject { justify-self: start !important; font-size: 14px !important; line-height: 1.25 !important; } #mageplaza-consentpopup-block #consent-popup .actions button.accept { min-height: 54px !important; font-size: 18px !important; } } .page-main .splide__pagination, .page-main .glider-dots, .page-main .snap-pager, .page-main .snap-slider-nav { display: flex !important; justify-content: center !important; align-items: center !important; gap: 0 !important; column-gap: 0 !important; row-gap: 0 !important; margin: 18px auto 0 !important; padding: 0 16px !important; } .page-main .splide__pagination[class*="gap"] { gap: 0 !important; column-gap: 0 !important; row-gap: 0 !important; } .page-main .splide__pagination li { width: auto !important; height: auto !important; margin: 0 !important; line-height: 0 !important; } .page-main .splide__pagination__page, .page-main .glider-dots .glider-dot, .page-main .snap-marker, .page-main .snap-pager button:not([aria-label*="Previous"]):not([aria-label*="Next"]), .page-main .snap-slider-nav button:not([aria-label*="Previous"]):not([aria-label*="Next"]) { display: block !important; width: 24px !important; min-width: 24px !important; max-width: 24px !important; height: 3px !important; min-height: 3px !important; max-height: 3px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: var(--br-border-strong) !important; opacity: 1 !important; transform: none !important; box-shadow: none !important; font-size: 0 !important; line-height: 0 !important; } .page-main .splide__pagination li:first-child .splide__pagination__page, .page-main .glider-dots .glider-dot:first-child, .page-main .snap-marker:first-child, .page-main .snap-pager button:not([aria-label*="Previous"]):not([aria-label*="Next"]):first-child, .page-main .snap-slider-nav button:not([aria-label*="Previous"]):not([aria-label*="Next"]):first-child { border-radius: 999px 0 0 999px !important; } .page-main .splide__pagination li:last-child .splide__pagination__page, .page-main .glider-dots .glider-dot:last-child, .page-main .snap-marker:last-child, .page-main .snap-pager button:not([aria-label*="Previous"]):not([aria-label*="Next"]):last-child, .page-main .snap-slider-nav button:not([aria-label*="Previous"]):not([aria-label*="Next"]):last-child { border-radius: 0 999px 999px 0 !important; } .page-main .splide__pagination__page.is-active, .page-main .splide__pagination__page:hover, .page-main .glider-dots .glider-dot.active, .page-main .glider-dots .glider-dot:hover, .page-main .snap-marker[aria-current="true"], .page-main .snap-marker[aria-selected="true"], .page-main .snap-pager button[aria-current="true"], .page-main .snap-pager button[aria-selected="true"], .page-main .snap-pager button.active, .page-main .snap-slider-nav button[aria-current="true"], .page-main .snap-slider-nav button[aria-selected="true"], .page-main .snap-slider-nav button.active { background: var(--br-black) !important; opacity: 1 !important; transform: none !important; } @media (min-width: 640px) { .page-main .splide__pagination, .page-main .glider-dots, .page-main .snap-pager, .page-main .snap-slider-nav { gap: 0 !important; column-gap: 0 !important; row-gap: 0 !important; margin-top: 22px !important; } .page-main .splide__pagination__page, .page-main .glider-dots .glider-dot, .page-main .snap-marker, .page-main .snap-pager button:not([aria-label*="Previous"]):not([aria-label*="Next"]), .page-main .snap-slider-nav button:not([aria-label*="Previous"]):not([aria-label*="Next"]) { width: 34px !important; min-width: 34px !important; max-width: 34px !important; } } .page-main section[aria-roledescription="carousel"] button[aria-label*="Previous"], .page-main section[aria-roledescription="carousel"] button[aria-label*="Next"], .page-main .product-slider button[aria-label*="Previous"], .page-main .product-slider button[aria-label*="Next"], section[id^="amrelated-block"] button.splide__arrow, .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Previous"], .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Next"] { background-color: rgba(246, 246, 246, 0.72) !important; } .page-main section[aria-roledescription="carousel"] button[aria-label*="Previous"]:hover:not(:disabled), .page-main section[aria-roledescription="carousel"] button[aria-label*="Next"]:hover:not(:disabled), .page-main .product-slider button[aria-label*="Previous"]:hover:not(:disabled), .page-main .product-slider button[aria-label*="Next"]:hover:not(:disabled), section[id^="amrelated-block"] button.splide__arrow:hover:not(:disabled), .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Previous"]:hover:not(:disabled), .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Next"]:hover:not(:disabled) { background-color: rgba(238, 238, 238, 0.92) !important; } .page-main section[aria-roledescription="carousel"] button[aria-label*="Previous"]:disabled, .page-main section[aria-roledescription="carousel"] button[aria-label*="Next"]:disabled, .page-main .product-slider button[aria-label*="Previous"]:disabled, .page-main .product-slider button[aria-label*="Next"]:disabled, section[id^="amrelated-block"] button.splide__arrow:disabled, .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Previous"]:disabled, .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Next"]:disabled { background-color: rgba(246, 246, 246, 0.48) !important; } @media (max-width: 639px) { #mageplaza-consentpopup-block { position: fixed !important; inset: 0 !important; } #mageplaza-consentpopup-block #consent-popup { position: fixed !important; top: 50% !important; right: auto !important; bottom: auto !important; left: 50% !important; width: min(420px, calc(100vw - 32px)) !important; max-height: calc(100dvh - 32px) !important; overflow-y: auto !important; transform: translate(-50%, -50%) !important; } #mageplaza-consentpopup-block #consent-popup .content { padding: 22px 22px 20px !important; } #mageplaza-consentpopup-block #consent-popup .frontend-content { padding: 0 !important; } #mageplaza-consentpopup-block #consent-popup .headingcls { font-size: 20px !important; } #mageplaza-consentpopup-block #consent-popup .actions { grid-template-columns: auto minmax(0, 1fr); gap: 14px !important; margin-top: 16px !important; } #mageplaza-consentpopup-block #consent-popup .actions button.reject { font-size: 13px !important; padding-top: 2px !important; padding-bottom: 2px !important; } #mageplaza-consentpopup-block #consent-popup .actions button.accept { min-height: 50px !important; font-size: 17px !important; } } .pdp_title { max-width: 640px; margin: 32px auto 12px !important; color: var(--br-black) !important; font-size: 16px !important; line-height: 1.25 !important; font-weight: 700 !important; text-align: center !important; letter-spacing: 0; } .parent_categories { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; max-width: 720px; margin: 0 auto; } .parent_categories a { display: inline-flex !important; align-items: center; justify-content: center; min-height: 36px; min-width: 124px; max-width: 280px; padding: 7px 14px !important; border: 0 !important; border-radius: 6px !important; background: var(--br-surface-soft) !important; color: var(--br-black) !important; font-size: 13px; font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none !important; box-shadow: none !important; } .parent_categories a:hover { background: var(--br-surface-muted) !important; color: var(--br-black) !important; text-decoration: none !important; } .cms-home .desktop-video .content a.action.primary, .cms-home .mobile-video .content a.action.primary, .cms-home .relative.overflow-hidden .absolute a.inline-block, .cms-home .isolate a.btn.btn-primary { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 42px !important; padding: 10px 22px !important; border: 0 !important; border-radius: 6px !important; background: var(--br-white) !important; color: var(--br-black) !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; box-shadow: none !important; } .cms-home .desktop-video .content a.action.primary, .cms-home .mobile-video .content a.action.primary { width: auto !important; max-width: calc(100% - 32px) !important; min-width: 0 !important; letter-spacing: 0 !important; text-transform: none !important; white-space: normal !important; } .cms-home .desktop-video .content a.action.primary:hover, .cms-home .mobile-video .content a.action.primary:hover, .cms-home .relative.overflow-hidden .absolute a.inline-block:hover, .cms-home .isolate a.btn.btn-primary:hover { background: var(--br-surface-muted) !important; color: var(--br-black) !important; text-decoration: none !important; box-shadow: none !important; } .cms-home .grid.grid-cols-1.md\:grid-cols-2.gap-4 > .relative.overflow-hidden.rounded-lg { border-radius: 0 !important; } .cms-home .grid.grid-cols-1.md\:grid-cols-2.gap-4 > .relative.overflow-hidden.rounded-lg img { border-radius: 0 !important; } .cms-home .product-item:has(.product-item-photo[href*="/brand/"]) { padding-top: 0 !important; padding-bottom: 0 !important; } .cms-home .product-item:has(.product-item-photo[href*="/brand/"]) .product-item-info { border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; transform: none !important; transition: none !important; } .cms-home .product-item:has(.product-item-photo[href*="/brand/"]) .product-item-info:hover, .cms-home .product-item:has(.product-item-photo[href*="/brand/"]) .product-item-info.active, .cms-home .product-item:has(.product-item-photo[href*="/brand/"]) .product-item-info:focus-within { border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; transform: none !important; } .cms-home .product-item .product-item-photo[href*="/brand/"] { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 150px !important; margin-bottom: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; transition: none !important; } .cms-home .product-item .product-item-photo[href*="/brand/"]:hover, .cms-home .product-item .product-item-photo[href*="/brand/"]:focus { border: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; } .cms-home .block-brand-widget .block-content .product-image-photo, .cms-home .block-brand-widget .block-content img { width: auto !important; height: auto !important; object-fit: contain !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; transition: none !important; } .cms-home .block-brand-widget .block-content .product-image-photo:hover, .cms-home .block-brand-widget .block-content img:hover { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } .cms-home .product-item .product-item-photo[href*="/brand/"] + .product-item-details, .cms-home .product-item .product-item-link[href*="/brand/"] { display: none !important; } .mpbrand-index-index .block-brand-search { padding-left: 24px !important; padding-right: 24px !important; } .mpbrand-index-index .block-brand-search .mp-searchbox { position: relative !important; max-width: 660px !important; margin-left: auto !important; margin-right: auto !important; } .mpbrand-index-index .block-brand-search #mp-search { width: 100% !important; height: 48px !important; padding: 0 54px 0 22px !important; border: 1px solid var(--br-white) !important; border-radius: 8px !important; background: var(--br-white) !important; color: var(--br-black) !important; box-shadow: none !important; } .mpbrand-index-index .block-brand-search #mp-brand-search-button { position: absolute !important; top: 50% !important; right: 14px !important; width: 26px !important; height: 26px !important; min-width: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: transparent !important; font-size: 0 !important; line-height: 1 !important; box-shadow: none !important; transform: translateY(-50%) !important; } .mpbrand-index-index .block-brand-search #mp-brand-search-button::before { content: "" !important; position: absolute !important; top: 4px !important; left: 4px !important; width: 14px !important; height: 14px !important; border: 2px solid var(--br-text-muted) !important; border-radius: 999px !important; } .mpbrand-index-index .block-brand-search #mp-brand-search-button::after { content: "" !important; position: absolute !important; right: 5px !important; bottom: 5px !important; width: 9px !important; height: 2px !important; border-radius: 999px !important; background: var(--br-text-muted) !important; transform: rotate(45deg) !important; transform-origin: center !important; } .mpbrand-index-index .brand-mix-container .products { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 64px 40px !important; } .mpbrand-index-index .block-brand-list .brand-list-content li.product-item { width: calc(25% - 30px) !important; height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; text-align: center !important; } .mpbrand-index-index .block-brand-list .brand-list-content .product-item, .mpbrand-index-index .block-brand-list .brand-list-content .product-item-info, .mpbrand-index-index .block-brand-list .brand-list-content .product-item-photo { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; transition: none !important; } .mpbrand-index-index .block-brand-list .brand-list-content .product-item-info { width: 100% !important; } .mpbrand-index-index .block-brand-list .brand-list-content .product-item-photo { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 190px !important; padding: 0 !important; } .mpbrand-index-index .block-brand-list .brand-list-content .product-image-container, .mpbrand-index-index .block-brand-list .brand-list-content .product-image-container:hover, .mpbrand-index-index .block-brand-list .brand-list-content .product-image-container:focus, .mpbrand-index-index .block-brand-list .brand-list-content .product-image-wrapper, .mpbrand-index-index .block-brand-list .brand-list-content .product-image-wrapper:hover, .mpbrand-index-index .block-brand-list .brand-list-content .product-image-wrapper:focus { position: static !important; inset: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: none !important; height: 190px !important; min-height: 190px !important; padding: 0 !important; padding-bottom: 0 !important; margin: 0 auto !important; overflow: visible !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; transition: none !important; } .mpbrand-index-index .block-brand-list .brand-list-content .product-image-photo, .mpbrand-index-index .block-brand-list .brand-list-content .product-image-photo:hover, .mpbrand-index-index .block-brand-list .brand-list-content .product-image-photo:focus { position: static !important; inset: auto !important; display: block !important; width: auto !important; height: auto !important; max-width: 220px !important; max-height: 150px !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; object-fit: contain !important; transform: none !important; transition: none !important; } .mpbrand-index-index .block-brand-list .brand-list-content .product-item-info:hover, .mpbrand-index-index .block-brand-list .brand-list-content .product-item-info:focus-within, .mpbrand-index-index .block-brand-list .brand-list-content .product-item-info.active, .mpbrand-index-index .block-brand-list .brand-list-content .product-item-photo:hover, .mpbrand-index-index .block-brand-list .brand-list-content .product-item-photo:focus, .mpbrand-index-index .block-brand-list .brand-list-content .product-item-photo:hover .product-image-container, .mpbrand-index-index .block-brand-list .brand-list-content .product-item-photo:hover .product-image-wrapper, .mpbrand-index-index .block-brand-list .brand-list-content .product-item-photo:focus .product-image-container, .mpbrand-index-index .block-brand-list .brand-list-content .product-item-photo:focus .product-image-wrapper { padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; transition: none !important; } .mpbrand-index-index .block-brand-list .brand-list-content .brand-info, .mpbrand-index-index .block-brand-list .brand-list-content .product-item-link { margin-top: 16px !important; color: var(--br-black) !important; font-weight: 700 !important; text-align: center !important; } @media (max-width: 639px) { .mpbrand-index-index .block-brand-search { padding-left: 18px !important; padding-right: 18px !important; } .mpbrand-index-index .block-brand-search .mp-searchbox { max-width: 100% !important; } .mpbrand-index-index .block-brand-search #mp-search { height: 52px !important; padding-left: 18px !important; padding-right: 50px !important; } .mpbrand-index-index .block-brand-search #mp-brand-search-button { right: 12px !important; } .mpbrand-index-index .brand-mix-container .products { gap: 34px 20px !important; justify-content: center !important; } .mpbrand-index-index .block-brand-list .brand-list-content li.product-item { width: calc(50% - 10px) !important; } .mpbrand-index-index .block-brand-list .brand-list-content .product-item-photo { min-height: 112px !important; } .mpbrand-index-index .block-brand-list .brand-list-content .product-image-container, .mpbrand-index-index .block-brand-list .brand-list-content .product-image-container:hover, .mpbrand-index-index .block-brand-list .brand-list-content .product-image-container:focus, .mpbrand-index-index .block-brand-list .brand-list-content .product-image-wrapper, .mpbrand-index-index .block-brand-list .brand-list-content .product-image-wrapper:hover, .mpbrand-index-index .block-brand-list .brand-list-content .product-image-wrapper:focus { height: 112px !important; min-height: 112px !important; } .mpbrand-index-index .block-brand-list .brand-list-content .product-image-photo, .mpbrand-index-index .block-brand-list .brand-list-content .product-image-photo:hover, .mpbrand-index-index .block-brand-list .brand-list-content .product-image-photo:focus { max-width: 142px !important; max-height: 88px !important; } .mpbrand-index-index .block-brand-list .brand-list-content .brand-info, .mpbrand-index-index .block-brand-list .brand-list-content .product-item-link { margin-top: 10px !important; font-size: 14px !important; line-height: 1.2 !important; } .cms-home .block-brand-widget { margin-top: 24px !important; margin-bottom: 32px !important; clear: both !important; } .cms-home .block-brand-widget .block-title, .cms-home .block-brand-widget .block-title strong { display: block !important; width: 100% !important; margin: 0 0 16px !important; text-align: center !important; clear: both !important; } .cms-home .block-brand-widget .block-content, .cms-home .block-brand-widget .brand-list-content-widget, .cms-home .block-brand-widget .products.wrapper { width: 100% !important; clear: both !important; } .cms-home .block-brand-widget .products.list.items.product-items { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 22px 20px !important; align-items: center !important; justify-items: center !important; width: 100% !important; } .cms-home .block-brand-widget .item.product.product-item { width: auto !important; max-width: none !important; min-height: 0 !important; height: auto !important; padding: 0 !important; margin: 0 !important; display: block !important; } .cms-home .product-item .product-item-photo[href*="/brand/"], .cms-home .product-item:has(.product-item-photo[href*="/brand/"]) .product-item-info { width: 100% !important; min-height: 96px !important; height: 96px !important; } .cms-home .product-item .product-item-photo[href*="/brand/"] { margin-left: auto !important; margin-right: auto !important; } .cms-home .block-brand-widget .block-content .product-image-photo, .cms-home .block-brand-widget .block-content img { max-width: 132px !important; max-height: 82px !important; margin-left: auto !important; margin-right: auto !important; } .cms-home .mobile-video .content a.action.primary { max-width: calc(100% - 48px) !important; margin-left: auto !important; margin-right: auto !important; } } body.account { --color-primary: var(--br-black); --color-primary-lighter: var(--br-dark); --color-on-primary: var(--br-white); } body.account .actions-toolbar .btn-primary, body.account button.btn.btn-primary[data-addto="cart"] { background: var(--br-black) !important; background-color: var(--br-black) !important; border-color: var(--br-black) !important; color: var(--br-white) !important; box-shadow: none !important; } body.account .actions-toolbar .btn-primary:hover, body.account .actions-toolbar .btn-primary:focus, body.account button.btn.btn-primary[data-addto="cart"]:hover, body.account button.btn.btn-primary[data-addto="cart"]:focus { background: var(--br-dark) !important; background-color: var(--br-dark) !important; border-color: var(--br-dark) !important; color: var(--br-white) !important; box-shadow: none !important; } body.account input[type="checkbox"][role="switch"] { accent-color: var(--br-black) !important; } body.account input[type="checkbox"][role="switch"]:checked { background: var(--br-black) !important; background-color: var(--br-black) !important; border-color: var(--br-black) !important; } .customer-account-login main#maincontent > .container, .customer-account-create main#maincontent > .container, .customer-account-forgotpassword main#maincontent > .container { padding-top: 28px !important; padding-bottom: 56px !important; } .customer-account-login .page-title, .customer-account-create .page-title, .customer-account-forgotpassword .page-title { margin-bottom: 18px !important; color: var(--br-black) !important; font-size: 34px !important; line-height: 1.15 !important; font-weight: 700 !important; letter-spacing: 0 !important; } .customer-account-login .login-container { gap: 16px !important; align-items: start !important; } .customer-account-login .card, .customer-account-create .card, .customer-account-forgotpassword .card, .customer-account-login .block-new-customer.card { border: 1px solid var(--br-border) !important; border-radius: 6px !important; background: var(--br-surface) !important; box-shadow: none !important; } .customer-account-login .login-container > .card:not(.block-new-customer) { border-color: transparent !important; padding-left: 0 !important; } .customer-account-login .block-new-customer.card { border-color: transparent !important; border-radius: 0 !important; background: var(--br-surface-soft) !important; align-self: start !important; min-height: 0 !important; } .customer-account-create .form-create-account .card { border-color: transparent !important; border-radius: 0 !important; background: var(--br-surface) !important; padding-left: 0 !important; padding-right: 0 !important; } .customer-account-create .form-create-account > .md\:grid { gap: 32px !important; align-items: start !important; } .customer-account-login .card legend, .customer-account-create .card legend, .customer-account-forgotpassword .card legend, .customer-account-login .block-new-customer.card h2, .customer-account-login .fieldset.login > legend, .customer-account-login .card h2, .customer-account-create .card h2, .customer-account-forgotpassword .card h2 { color: var(--br-black) !important; font-size: 24px !important; line-height: 1.25 !important; font-weight: 700 !important; } .customer-account-login .card p, .customer-account-create .card p, .customer-account-forgotpassword .card p { color: var(--br-text) !important; } .customer-account-login .card hr, .customer-account-create .card hr, .customer-account-forgotpassword .card hr { border: 0 !important; background: transparent !important; } .customer-account-login .form-input, .customer-account-create .form-input, .customer-account-create .form-select, .customer-account-forgotpassword .form-input { min-height: 48px !important; border-color: var(--br-border-strong) !important; border-radius: 6px !important; color: var(--br-black) !important; box-shadow: none !important; } .customer-account-login .form-input:focus, .customer-account-create .form-input:focus, .customer-account-create .form-select:focus, .customer-account-forgotpassword .form-input:focus { border-color: var(--br-black) !important; outline-color: var(--br-black) !important; box-shadow: 0 0 0 1px var(--br-black) !important; } .customer-account-create .field:has(#password) .control.flex.items-center, .customer-account-create .field:has(#password-confirmation) .control.flex.items-center { width: 100% !important; } .customer-account-create #password, .customer-account-create #password-confirmation { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; } .customer-account-create .field.choice.newsletter { display: flex !important; align-items: center !important; gap: 12px !important; margin: 20px 0 14px !important; } .customer-account-create .field.choice.newsletter label { margin: 0 !important; color: var(--br-text) !important; line-height: 1.25 !important; } .customer-account-create input[type="checkbox"][role="switch"] { position: relative !important; flex: 0 0 42px !important; width: 42px !important; height: 24px !important; margin: 0 !important; appearance: none !important; border: 1px solid var(--br-border-strong) !important; border-radius: 999px !important; background: var(--br-surface-muted) !important; accent-color: var(--br-black) !important; box-shadow: none !important; cursor: pointer; transition: background-color 160ms ease, border-color 160ms ease; } .customer-account-create input[type="checkbox"][role="switch"]::before { content: ""; position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 999px; background: var(--br-white); box-shadow: 0 1px 4px rgba(1, 1, 1, 0.2); transition: transform 160ms ease; } .customer-account-create input[type="checkbox"][role="switch"]:checked { border-color: var(--br-black) !important; background: var(--br-black) !important; } .customer-account-create input[type="checkbox"][role="switch"]:checked::before { transform: translateX(18px); } .customer-account-create input[type="checkbox"][role="switch"]:focus { outline: 2px solid var(--br-black) !important; outline-offset: 2px !important; box-shadow: none !important; } .customer-account-login .actions-toolbar .btn-primary, .customer-account-create .actions-toolbar .btn-primary, .customer-account-forgotpassword .actions-toolbar .btn-primary { min-height: 46px !important; padding: 10px 24px !important; border: 0 !important; border-radius: 6px !important; background: var(--br-black) !important; color: var(--br-white) !important; font-weight: 700 !important; line-height: 1.2 !important; box-shadow: none !important; } .customer-account-login .actions-toolbar .btn-primary:hover, .customer-account-create .actions-toolbar .btn-primary:hover, .customer-account-forgotpassword .actions-toolbar .btn-primary:hover { background: var(--br-dark) !important; color: var(--br-white) !important; box-shadow: none !important; } .customer-account-login .actions-toolbar, .customer-account-create .actions-toolbar, .customer-account-forgotpassword .actions-toolbar { border-block-start-width: 0 !important; border-top: 0 !important; border-color: transparent !important; } .customer-account-login .block-new-customer.card .actions-toolbar { justify-content: flex-start !important; margin-top: 18px !important; padding-top: 18px !important; border-block-start-width: 0 !important; border-top: 0 !important; border-color: transparent !important; } .customer-account-login .block-new-customer.card .actions-toolbar .btn-primary { background: var(--br-black) !important; color: var(--br-white) !important; } .customer-account-login .block-new-customer.card .actions-toolbar .btn-primary:hover { background: var(--br-dark) !important; color: var(--br-white) !important; } .customer-account-login .actions-toolbar a, .customer-account-create .actions-toolbar a, .customer-account-forgotpassword .actions-toolbar a { color: var(--br-black) !important; text-decoration: none !important; } .customer-account-login .actions-toolbar a:hover, .customer-account-create .actions-toolbar a:hover, .customer-account-forgotpassword .actions-toolbar a:hover { color: var(--br-dark) !important; text-decoration: underline !important; text-decoration-color: var(--br-dark) !important; } @media (max-width: 767px) { .customer-account-login main#maincontent > .container, .customer-account-create main#maincontent > .container, .customer-account-forgotpassword main#maincontent > .container { padding-top: 24px !important; padding-bottom: 40px !important; } .customer-account-login .page-title, .customer-account-create .page-title, .customer-account-forgotpassword .page-title { margin-bottom: 18px !important; font-size: 28px !important; } .customer-account-login .card, .customer-account-create .card, .customer-account-forgotpassword .card, .customer-account-login .block-new-customer.card { padding: 20px !important; } .customer-account-login .login-container { gap: 20px !important; } .customer-account-login .actions-toolbar { gap: 14px !important; } } .contact-index-index main#maincontent { margin-top: 32px !important; margin-bottom: 0 !important; } .contact-index-index main#maincontent > .container { padding-top: 28px !important; padding-bottom: 28px !important; } .contact-index-index .page-title { margin-bottom: 18px !important; color: var(--br-black) !important; font-size: 34px !important; line-height: 1.15 !important; font-weight: 700 !important; letter-spacing: 0 !important; } .contact-index-index .column.main > .flex { gap: 22px !important; align-items: stretch !important; padding-top: 28px !important; padding-bottom: 56px !important; } .contact-index-index form.form.contact.card { flex: 1.28 1 0 !important; width: auto !important; border-color: transparent !important; border-radius: 0 !important; background: var(--br-surface) !important; box-shadow: none !important; padding: 0 !important; } .contact-index-index .column.main > .flex > .card:not(.form) { flex: 0.95 1 0 !important; width: auto !important; border-color: transparent !important; border-radius: 0 !important; background: var(--br-surface-soft) !important; box-shadow: none !important; padding: 32px !important; } .contact-index-index form.form.contact.card h2, .contact-index-index .column.main > .flex > .card h2 { margin-bottom: 14px !important; color: var(--br-black) !important; font-size: 24px !important; line-height: 1.25 !important; font-weight: 700 !important; text-align: left !important; } .contact-index-index form.form.contact.card p, .contact-index-index .column.main > .flex > .card p, .contact-index-index .column.main > .flex > .card li { color: var(--br-text) !important; font-size: 16px !important; line-height: 1.55 !important; } .contact-index-index form.form.contact.card p { max-width: none !important; margin-right: 0 !important; margin-left: 0 !important; text-align: left !important; } .contact-index-index form.form.contact.card fieldset { width: 100% !important; } .contact-index-index form.form.contact.card fieldset > .flex { gap: 20px 24px !important; align-items: start !important; } .contact-index-index form.form.contact.card fieldset > .flex > * { min-width: 0 !important; max-width: none !important; } .contact-index-index form.form.contact.card .field:has(#telephone) { flex-basis: 100% !important; width: 100% !important; } .contact-index-index form.form.contact.card label { margin-bottom: 8px !important; color: var(--br-text) !important; font-weight: 500 !important; } .contact-index-index form.form.contact.card .form-input { width: 100% !important; min-height: 48px !important; border-color: var(--br-border-strong) !important; border-radius: 6px !important; color: var(--br-black) !important; box-shadow: none !important; } .contact-index-index form.form.contact.card textarea.form-input { min-height: 190px !important; } .contact-index-index form.form.contact.card .form-input:focus { border-color: var(--br-black) !important; outline-color: var(--br-black) !important; box-shadow: 0 0 0 1px var(--br-black) !important; } .contact-index-index form.form.contact.card .btn-primary { min-height: 46px !important; padding: 10px 24px !important; border: 0 !important; border-radius: 6px !important; background: var(--br-black) !important; color: var(--br-white) !important; font-weight: 700 !important; line-height: 1.2 !important; box-shadow: none !important; } .contact-index-index form.form.contact.card .btn-primary:hover, .contact-index-index form.form.contact.card .btn-primary:focus { background: var(--br-dark) !important; color: var(--br-white) !important; box-shadow: none !important; } body.feedback-index-index #feedback .feedback-top { padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: var(--br-white) !important; color: var(--br-black) !important; } body.feedback-index-index #feedback .feedback-top > p { margin: 0 0 12px !important; color: var(--br-black) !important; font-size: 16px !important; line-height: 1.6 !important; } body.feedback-index-index #feedback .feedback-top > p:first-child, body.feedback-index-index #feedback .feedback-top > p:nth-child(3) { color: var(--br-black) !important; font-size: 18px !important; line-height: 1.3 !important; font-weight: 700 !important; } body.feedback-index-index #feedback .feedback-top > p:first-child { margin-bottom: 10px !important; font-size: 20px !important; } body.feedback-index-index #feedback .feedback-top > p:nth-child(3) { margin-top: 22px !important; margin-bottom: 10px !important; } body.feedback-index-index #feedback .feedback-top > p:nth-child(6) { margin-top: 20px !important; margin-bottom: 2px !important; color: var(--br-black) !important; font-size: 14px !important; } body.feedback-index-index #feedback .feedback-top > p:nth-child(7) { margin-bottom: 6px !important; color: var(--br-black) !important; font-size: 15px !important; font-weight: 600 !important; } body.feedback-index-index #feedback .feedback-top > img { width: 120px !important; max-width: 100% !important; height: auto !important; margin-top: 4px !important; } body.feedback-index-index #feedback .feedback-top > br { display: none !important; } body.feedback-index-index #feedback fieldset > [data-content-type="html"]:has(> .feedback-top) + div { margin-top: 28px !important; } @media (max-width: 639px) { body.feedback-index-index #feedback .feedback-top { padding: 0 !important; border: 0 !important; border-radius: 0 !important; } body.feedback-index-index #feedback .feedback-top > p { font-size: 15px !important; line-height: 1.6 !important; } body.feedback-index-index #feedback .feedback-top > p:first-child { font-size: 18px !important; } body.feedback-index-index #feedback .feedback-top > p:nth-child(3) { font-size: 17px !important; } body.feedback-index-index #feedback fieldset > [data-content-type="html"]:has(> .feedback-top) + div { margin-top: 24px !important; } } .cms-feedback button[type="submit"], .cms-feedback .btn-primary, .cms-feedback .action.primary, .cms-feedback [class*="bg-blue"][type="submit"], body:has(form[action*="feedback"]) button[type="submit"], body:has(form[action*="feedback"]) .btn-primary, body:has(form[action*="feedback"]) .action.primary { min-height: 46px !important; padding: 10px 24px !important; border: 0 !important; border-radius: 6px !important; background: var(--br-black) !important; color: var(--br-white) !important; font-weight: 700 !important; line-height: 1.2 !important; box-shadow: none !important; } .cms-feedback button[type="submit"]:hover, .cms-feedback button[type="submit"]:focus, .cms-feedback .btn-primary:hover, .cms-feedback .btn-primary:focus, .cms-feedback .action.primary:hover, .cms-feedback .action.primary:focus, .cms-feedback [class*="bg-blue"][type="submit"]:hover, .cms-feedback [class*="bg-blue"][type="submit"]:focus, body:has(form[action*="feedback"]) button[type="submit"]:hover, body:has(form[action*="feedback"]) button[type="submit"]:focus, body:has(form[action*="feedback"]) .btn-primary:hover, body:has(form[action*="feedback"]) .btn-primary:focus, body:has(form[action*="feedback"]) .action.primary:hover, body:has(form[action*="feedback"]) .action.primary:focus { background: var(--br-dark) !important; color: var(--br-white) !important; box-shadow: none !important; } .contact-index-index form.form.contact.card .prose { margin-top: 18px !important; color: var(--br-text-muted) !important; font-size: 14px !important; line-height: 1.45 !important; } .contact-index-index form.form.contact.card .prose a, .contact-index-index .column.main > .flex > .card a { color: var(--br-black) !important; font-weight: 600 !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 3px !important; } .contact-index-index .column.main > .flex > .card ul { margin: 14px 0 22px !important; padding-left: 20px !important; list-style: disc !important; } .contact-index-index .column.main > .flex > .card li { margin-bottom: 10px !important; padding-left: 0 !important; list-style: disc !important; } .contact-index-index .column.main > .flex > .card li::before { content: none !important; } @media (max-width: 767px) { .contact-index-index main#maincontent > .container { padding-top: 24px !important; padding-bottom: 18px !important; } .contact-index-index .page-title { margin-bottom: 18px !important; font-size: 28px !important; } .contact-index-index .column.main > .flex { gap: 24px !important; padding-top: 14px !important; padding-bottom: 40px !important; } .contact-index-index form.form.contact.card { width: 100% !important; flex-basis: auto !important; } .contact-index-index form.form.contact.card fieldset > .flex { gap: 18px !important; } .contact-index-index form.form.contact.card fieldset > .flex > *, .contact-index-index form.form.contact.card .field { flex-basis: 100% !important; width: 100% !important; } .contact-index-index .column.main > .flex > .card:not(.form) { padding: 24px !important; } .contact-index-index form.form.contact.card .w-full:has(.btn-primary) { width: 100% !important; } .contact-index-index form.form.contact.card .btn-primary { width: 100% !important; justify-content: center !important; } } .checkout-cart-index main#maincontent > .container { padding-top: 28px !important; padding-bottom: 56px !important; } .checkout-cart-index .page-title { color: var(--br-black) !important; font-size: 34px !important; line-height: 1.15 !important; font-weight: 700 !important; letter-spacing: 0 !important; } .checkout-cart-index .cart-form > .card, .checkout-cart-index .cart-form .card.lg\:w-80, .checkout-cart-index .cart-form .cart-summary { border: 0 !important; border-radius: 0 !important; background: var(--br-surface-soft) !important; background-color: var(--br-surface-soft) !important; box-shadow: none !important; } .checkout-cart-index .cart-form > .card h2, .checkout-cart-index .cart h2, .checkout-cart-index .cart-summary summary, .checkout-cart-index .cart-totals th, .checkout-cart-index .cart-totals strong { color: var(--br-black) !important; } .checkout-cart-index .cart-summary svg.text-primary { color: var(--br-gold) !important; stroke: currentColor !important; } .checkout-cart-index .cart-summary summary svg:not(.text-primary) { color: var(--br-black) !important; stroke: currentColor !important; } .checkout-cart-index .cart-summary details, .checkout-cart-index .cart-totals { border-color: var(--br-border) !important; } .checkout-cart-index .cart-summary .form-input, .checkout-cart-index .cart-summary .form-select, .checkout-cart-index .cart .form-input, .checkout-cart-index .cart .qty { border-color: var(--br-border-strong) !important; border-radius: 6px !important; color: var(--br-black) !important; box-shadow: none !important; } .checkout-cart-index .cart-summary .form-input:focus, .checkout-cart-index .cart-summary .form-select:focus, .checkout-cart-index .cart .form-input:focus, .checkout-cart-index .cart .qty:focus { border-color: var(--br-black) !important; outline-color: var(--br-black) !important; box-shadow: 0 0 0 1px var(--br-black) !important; } .checkout-cart-index a#checkout-link-button, .checkout-cart-index .btn-checkout, .checkout-cart-index a.btn-primary.btn-checkout, .checkout-cart-index .cart-summary a.btn-primary, .checkout-cart-index .cart-summary button.btn-primary, .checkout-cart-index .cart-summary .checkout-methods-items a, .checkout-cart-index .cart-summary .checkout-methods-items button, .checkout-cart-index .cart-summary .methods a, .checkout-cart-index .cart-summary .methods button, .checkout-cart-index .cart-summary [href*="checkout"] { min-height: 54px !important; border: 0 !important; border-radius: 6px !important; background: var(--br-addtocart-green, #37A000) !important; background-color: var(--br-addtocart-green, #37A000) !important; color: var(--br-white) !important; font-weight: 700 !important; text-transform: uppercase; box-shadow: none !important; opacity: 1 !important; pointer-events: auto !important; } .checkout-cart-index a#checkout-link-button:hover, .checkout-cart-index .btn-checkout:hover, .checkout-cart-index a.btn-primary.btn-checkout:hover, .checkout-cart-index .cart-summary a.btn-primary:hover, .checkout-cart-index .cart-summary button.btn-primary:hover, .checkout-cart-index .cart-summary .checkout-methods-items a:hover, .checkout-cart-index .cart-summary .checkout-methods-items button:hover, .checkout-cart-index .cart-summary .methods a:hover, .checkout-cart-index .cart-summary .methods button:hover, .checkout-cart-index .cart-summary [href*="checkout"]:hover { background: var(--br-green) !important; background-color: var(--br-green) !important; color: var(--br-white) !important; box-shadow: none !important; } .checkout-cart-index .cart-summary .btn-secondary, .checkout-cart-index .cart.actions .btn-secondary { min-height: 44px !important; border: 0 !important; border-radius: 6px !important; background: var(--br-black) !important; color: var(--br-white) !important; font-weight: 700 !important; box-shadow: none !important; } .checkout-cart-index .cart-summary .btn-secondary:hover, .checkout-cart-index .cart.actions .btn-secondary:hover { background: var(--br-dark) !important; color: var(--br-white) !important; box-shadow: none !important; } .checkout-cart-index .cart-empty a.btn-primary, .checkout-cart-index .cart-empty .btn-primary, .checkout-cart-index main#maincontent > .container a.btn-primary:not(#checkout-link-button):not([href*="checkout"]) { min-height: 44px !important; border: 0 !important; border-radius: 6px !important; background: var(--br-black) !important; background-color: var(--br-black) !important; color: var(--br-white) !important; font-weight: 700 !important; box-shadow: none !important; } .checkout-cart-index .cart-empty a.btn-primary:hover, .checkout-cart-index .cart-empty .btn-primary:hover, .checkout-cart-index main#maincontent > .container a.btn-primary:not(#checkout-link-button):not([href*="checkout"]):hover { background: var(--br-dark) !important; background-color: var(--br-dark) !important; color: var(--br-white) !important; box-shadow: none !important; } .checkout-cart-index .cart.item { border-color: var(--br-border) !important; } .checkout-cart-index .cart.item.message.notice { border: 2px solid #22c55e !important; border-radius: 4px !important; background: #f0fdf4 !important; color: var(--br-black) !important; box-shadow: none !important; } .checkout-cart-index .cart.item.message.notice strong, .checkout-cart-index .cart.item.message.notice span { color: var(--br-black) !important; } .checkout-cart-index .cart.item a:not(.btn), .checkout-cart-index .cart.item .product-item-name, .checkout-cart-index .cart.item .product-item-name a { color: var(--br-black) !important; text-decoration: none !important; } .checkout-cart-index .cart.item a:not(.btn):hover, .checkout-cart-index .cart.item .product-item-name a:hover { color: var(--br-dark) !important; text-decoration: underline !important; text-decoration-color: var(--br-dark) !important; } .checkout-cart-index .cart-price, .checkout-cart-index .cart-totals td { color: var(--br-black) !important; } .checkout-cart-index .cart-totals tr:last-child th, .checkout-cart-index .cart-totals tr:last-child td, .checkout-cart-index .cart-totals tr:last-child .price { color: var(--br-gold) !important; font-weight: 700 !important; } .checkout-cart-index .cart.item .btn { border: 0 !important; background: transparent !important; color: var(--br-text-muted) !important; box-shadow: none !important; } .checkout-cart-index .cart.item .btn:hover { color: var(--br-black) !important; background: var(--br-surface-soft) !important; } @media (max-width: 767px) { .checkout-cart-index main#maincontent > .container { padding-top: 24px !important; padding-bottom: 40px !important; } .checkout-cart-index .page-title { font-size: 28px !important; } .checkout-cart-index .cart-form > .card { padding: 20px !important; } } .checkout-onepage-success .checkout-success .btn.btn-primary, .checkout-onepage-success main#maincontent a.btn.btn-primary[href*="delegateCreate"] { border-color: var(--br-black) !important; background: var(--br-black) !important; background-color: var(--br-black) !important; color: var(--br-white) !important; box-shadow: none !important; } .checkout-onepage-success .checkout-success .btn.btn-primary:hover, .checkout-onepage-success .checkout-success .btn.btn-primary:focus, .checkout-onepage-success main#maincontent a.btn.btn-primary[href*="delegateCreate"]:hover, .checkout-onepage-success main#maincontent a.btn.btn-primary[href*="delegateCreate"]:focus { border-color: var(--br-dark) !important; background: var(--br-dark) !important; background-color: var(--br-dark) !important; color: var(--br-white) !important; box-shadow: none !important; } .checkout-onepage-success .checkout-success ol > li > span { border: 0 !important; border-color: transparent !important; background: var(--br-surface-soft) !important; background-color: var(--br-surface-soft) !important; color: var(--br-gold) !important; } .checkout-onepage-success .checkout-success ol > li > span svg { color: var(--br-gold) !important; fill: currentColor !important; stroke: currentColor !important; } .page-products.page-layout-2columns-left .columns > .sidebar.sidebar-main, .page-products.page-layout-2columns-left .columns > .sidebar.sidebar-main .block-content.filter-content { width: 100% !important; } .page-products.page-layout-2columns-left .columns > .sidebar.sidebar-main { padding-top: 22px !important; } .page-products.page-layout-2columns-left .columns > .sidebar.sidebar-main > .my-6 { margin-top: 0 !important; margin-bottom: 0 !important; } .page-products.page-layout-2columns-left .toolbar-products .toolbar-sorter.sorter { grid-column: span 2 / span 2; border-color: rgba(1, 1, 1, 0.08) !important; background: var(--br-white) !important; box-shadow: none !important; } .page-products .toolbar-products .toolbar-sorter.sorter:hover, .page-products .toolbar-products .toolbar-sorter.sorter:focus-within { border-color: var(--br-border) !important; box-shadow: 0 0 0 1px rgba(1, 1, 1, 0.025) !important; } .page-products.page-layout-2columns-left .toolbar-products .toolbar-sorter.sorter .sorter-options { min-width: 150px; border-color: transparent !important; background-color: var(--br-surface-soft) !important; color: var(--br-black) !important; box-shadow: none !important; } .page-products .toolbar-products .toolbar-sorter.sorter .sorter-options:focus { border-color: transparent !important; outline-color: transparent !important; box-shadow: none !important; } .page-products .toolbar-products .toolbar-sorter.sorter button { color: var(--br-black) !important; } .page-products .toolbar-products .toolbar-amount, .page-products .toolbar-products .toolbar-limiter, .page-products .toolbar-products .toolbar-limiter span { color: var(--br-text-muted) !important; } .page-products .toolbar-products nav[aria-label="pagination"] { gap: 6px !important; } .page-products .toolbar-products nav[aria-label="pagination"] .btn { min-width: 40px !important; height: 40px !important; padding: 8px 12px !important; border: 1px solid transparent !important; border-radius: 6px !important; background: transparent !important; color: var(--br-black) !important; font-weight: 600 !important; box-shadow: none !important; } .page-products .toolbar-products nav[aria-label="pagination"] .btn:hover { border-color: var(--br-border) !important; background: var(--br-surface-soft) !important; color: var(--br-black) !important; box-shadow: none !important; } .page-products .toolbar-products nav[aria-label="pagination"] .btn[aria-current="page"] { border-color: var(--br-black) !important; background: var(--br-black) !important; color: var(--br-white) !important; } .page-products .toolbar-products nav[aria-label="pagination"] .pages-item-previous, .page-products .toolbar-products nav[aria-label="pagination"] .pages-item-next { border-color: transparent !important; background: var(--br-surface-soft) !important; color: var(--br-black) !important; } .page-products .toolbar-products nav[aria-label="pagination"] .pages-item-previous[aria-disabled="true"], .page-products .toolbar-products nav[aria-label="pagination"] .pages-item-next[aria-disabled="true"] { color: var(--br-text-muted) !important; opacity: 0.45 !important; } .page-products .toolbar-products .toolbar-limiter .limiter-options { min-width: 84px; border-color: transparent !important; border-radius: 6px !important; background-color: var(--br-surface-soft) !important; color: var(--br-black) !important; box-shadow: none !important; } .page-products .toolbar-products .toolbar-limiter .limiter-options:focus { border-color: var(--br-black) !important; outline-color: var(--br-black) !important; box-shadow: 0 0 0 1px var(--br-black) !important; } @media (min-width: 769px) { .mpbrand-index-view.page-layout-2columns-left .columns > .column.main { width: 100% !important; } } .mpbrand-index-view.page-layout-2columns-left .toolbar-products:has(.toolbar-amount):has(nav):has(.toolbar-limiter) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; align-items: center; } .mpbrand-index-view.page-layout-2columns-left .toolbar-products:has(.toolbar-amount):has(nav):has(.toolbar-limiter) .toolbar-amount { grid-column: 1 !important; width: auto !important; justify-self: start; white-space: nowrap; } .mpbrand-index-view.page-layout-2columns-left .toolbar-products:has(.toolbar-amount):has(nav):has(.toolbar-limiter) nav { grid-column: 1 / -1 !important; grid-row: 1; width: auto !important; justify-self: center; } .mpbrand-index-view.page-layout-2columns-left .toolbar-products:has(.toolbar-amount):has(nav):has(.toolbar-limiter) .toolbar-limiter { grid-column: 2 !important; width: auto !important; justify-self: end; white-space: nowrap; } .catalog-category-view .page-bottom .category-description-inner, .mpbrand-index-view .brand-description-container, .mpbrand-index-view .brand-short-description { max-width: 980px; margin: 40px auto 0 !important; color: var(--br-black) !important; font-size: 16px !important; line-height: 1.55 !important; } .mpbrand-index-view .brand-description-container, .mpbrand-index-view .brand-description-container * { text-align: left !important; } @media (min-width: 768px) { .mpbrand-index-view .brand-description-container { max-width: none !important; margin-right: 0 !important; margin-left: 0 !important; padding-right: 0 !important; padding-left: 0 !important; } } .catalog-category-view .page-bottom .category-description-inner > div, .mpbrand-index-view .brand-description, .mpbrand-index-view .brand-short-description > div { display: block !important; } .catalog-category-view .page-bottom .category-description-inner h1, .mpbrand-index-view .brand-description-container h1, .mpbrand-index-view .brand-short-description h1 { margin: 0 0 16px !important; color: var(--br-black) !important; font-size: 36px !important; font-weight: 700 !important; line-height: 1.12 !important; letter-spacing: 0 !important; } .catalog-category-view .page-bottom .category-description-inner h2, .mpbrand-index-view .brand-description-container h2, .mpbrand-index-view .brand-short-description h2 { margin: 34px 0 14px !important; color: var(--br-black) !important; font-size: 28px !important; font-weight: 700 !important; line-height: 1.18 !important; letter-spacing: 0 !important; } .catalog-category-view .page-bottom .category-description-inner h3, .mpbrand-index-view .brand-description-container h3, .mpbrand-index-view .brand-short-description h3 { margin: 26px 0 10px !important; color: var(--br-black) !important; font-size: 24px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0 !important; } .catalog-category-view .page-bottom .category-description-inner h4, .mpbrand-index-view .brand-description-container h4, .mpbrand-index-view .brand-short-description h4 { margin: 22px 0 8px !important; color: var(--br-black) !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: 0 !important; } .catalog-category-view .page-bottom .category-description-inner p, .mpbrand-index-view .brand-description-container p, .mpbrand-index-view .brand-short-description p { margin: 0 0 16px !important; color: var(--br-black) !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.55 !important; } body.amasty_xlanding-page-view :is( .amasty-xlanding-top-description, .amasty-xlanding-top-static, .amasty-xlanding-bottom-description, .amasty-xlanding-bottom-static ) h1 { margin-bottom: 20px !important; } .catalog-category-view .page-bottom .category-description-inner ul, .catalog-category-view .page-bottom .category-description-inner ol, .mpbrand-index-view .brand-description-container ul, .mpbrand-index-view .brand-description-container ol, .mpbrand-index-view .brand-short-description ul, .mpbrand-index-view .brand-short-description ol, .amasty-xlanding-top-description ul, .amasty-xlanding-top-description ol, .amasty-xlanding-bottom-description ul, .amasty-xlanding-bottom-description ol, .amasty-xlanding-top-static ul, .amasty-xlanding-top-static ol, .amasty-xlanding-bottom-static ul, .amasty-xlanding-bottom-static ol { margin: 0 0 18px !important; padding-left: 0 !important; color: var(--br-black) !important; font-size: 16px !important; line-height: 1.55 !important; } .catalog-category-view .page-bottom .category-description-inner ul, .mpbrand-index-view .brand-description-container ul, .mpbrand-index-view .brand-short-description ul, .amasty-xlanding-top-description ul, .amasty-xlanding-bottom-description ul, .amasty-xlanding-top-static ul, .amasty-xlanding-bottom-static ul { list-style: none !important; } .catalog-category-view .page-bottom .category-description-inner ol, .mpbrand-index-view .brand-description-container ol, .mpbrand-index-view .brand-short-description ol, .amasty-xlanding-top-description ol, .amasty-xlanding-bottom-description ol, .amasty-xlanding-top-static ol, .amasty-xlanding-bottom-static ol { list-style: none !important; } .catalog-category-view .page-bottom .category-description-inner li, .mpbrand-index-view .brand-description-container li, .mpbrand-index-view .brand-short-description li, .amasty-xlanding-top-description li, .amasty-xlanding-bottom-description li, .amasty-xlanding-top-static li, .amasty-xlanding-bottom-static li { margin: 0 0 8px !important; padding-left: 0 !important; color: var(--br-black) !important; font-size: 16px !important; line-height: 1.55 !important; list-style: none !important; } .amasty-xlanding-top-description li, .amasty-xlanding-bottom-description li, .amasty-xlanding-top-static li, .amasty-xlanding-bottom-static li { margin-bottom: 16px !important; } .amasty-xlanding-top-description ul.grid > li, .amasty-xlanding-bottom-description ul.grid > li, .amasty-xlanding-top-static ul.grid > li, .amasty-xlanding-bottom-static ul.grid > li { padding: 16px !important; } .amasty_xlanding-page-view .amasty-xlanding-top-description, .amasty_xlanding-page-view .amasty-xlanding-bottom-description, .amasty_xlanding-page-view .amasty-xlanding-top-static, .amasty_xlanding-page-view .amasty-xlanding-bottom-static { width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow-x: hidden !important; } .amasty_xlanding-page-view .amasty-xlanding-top-description section[id^="amrelated-block"], .amasty_xlanding-page-view .amasty-xlanding-bottom-description section[id^="amrelated-block"], .amasty_xlanding-page-view .amasty-xlanding-top-static section[id^="amrelated-block"], .amasty_xlanding-page-view .amasty-xlanding-bottom-static section[id^="amrelated-block"], .amasty_xlanding-page-view .amasty-xlanding-top-description .splide, .amasty_xlanding-page-view .amasty-xlanding-bottom-description .splide, .amasty_xlanding-page-view .amasty-xlanding-top-static .splide, .amasty_xlanding-page-view .amasty-xlanding-bottom-static .splide { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } .catalog-category-view .page-bottom .category-description-inner li::marker, .mpbrand-index-view .brand-description-container li::marker, .mpbrand-index-view .brand-short-description li::marker, .amasty-xlanding-top-description li::marker, .amasty-xlanding-bottom-description li::marker, .amasty-xlanding-top-static li::marker, .amasty-xlanding-bottom-static li::marker { color: transparent !important; content: "" !important; } .catalog-category-view .page-bottom .category-description-inner li > h1, .catalog-category-view .page-bottom .category-description-inner li > h2, .catalog-category-view .page-bottom .category-description-inner li > h3, .catalog-category-view .page-bottom .category-description-inner li > h4, .mpbrand-index-view .brand-description-container li > h1, .mpbrand-index-view .brand-description-container li > h2, .mpbrand-index-view .brand-description-container li > h3, .mpbrand-index-view .brand-description-container li > h4, .mpbrand-index-view .brand-short-description li > h1, .mpbrand-index-view .brand-short-description li > h2, .mpbrand-index-view .brand-short-description li > h3, .mpbrand-index-view .brand-short-description li > h4 { display: inline; margin: 0 !important; } .catalog-category-view .page-bottom .category-description-inner a, .mpbrand-index-view .brand-description-container a, .mpbrand-index-view .brand-short-description a { color: var(--br-black) !important; font-weight: 600 !important; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } .catalog-category-view .page-bottom .category-description-inner strong, .catalog-category-view .page-bottom .category-description-inner b, .mpbrand-index-view .brand-description-container strong, .mpbrand-index-view .brand-description-container b, .mpbrand-index-view .brand-short-description strong, .mpbrand-index-view .brand-short-description b { color: var(--br-black) !important; font-weight: 700 !important; } .catalog-category-view .page-bottom .category-description-inner > :first-child, .catalog-category-view .page-bottom .category-description-inner > div > :first-child, .mpbrand-index-view .brand-description-container > :first-child, .mpbrand-index-view .brand-description > :first-child, .mpbrand-index-view .brand-short-description > :first-child, .mpbrand-index-view .brand-short-description > div > :first-child { margin-top: 0 !important; } .catalog-category-view .page-bottom .category-description-inner > :last-child, .catalog-category-view .page-bottom .category-description-inner > div > :last-child, .mpbrand-index-view .brand-description-container > :last-child, .mpbrand-index-view .brand-description > :last-child, .mpbrand-index-view .brand-short-description > :last-child, .mpbrand-index-view .brand-short-description > div > :last-child { margin-bottom: 0 !important; } .cms-secure-payment main#maincontent > .container.flex.flex-col.md\:flex-row.flex-wrap, .cms-secure-payment main#maincontent .column.main { max-width: 1032px !important; margin-right: auto !important; margin-left: auto !important; padding-right: 24px !important; padding-left: 24px !important; } .cms-secure-payment .page-title { margin: 0 0 24px !important; color: var(--br-black) !important; font-size: 36px !important; font-weight: 700 !important; line-height: 1.12 !important; letter-spacing: 0 !important; } .cms-secure-payment .column.main .secure-payment-page { max-width: 980px !important; margin: 0 auto 56px !important; color: var(--br-text) !important; font-size: 16px !important; line-height: 1.6 !important; } .cms-secure-payment .column.main .secure-payment-page > [class*="col-md"] { max-width: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .cms-secure-payment .column.main .secure-payment-page p { max-width: 920px !important; margin: 0 0 28px !important; color: var(--br-text) !important; font-size: 17px !important; font-weight: 400 !important; line-height: 1.62 !important; } .cms-secure-payment .column.main .secure-payment-page ul { display: grid !important; gap: 20px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .cms-secure-payment .column.main .secure-payment-page li { margin: 0 !important; padding: 0 !important; border-left: 0 !important; color: var(--br-text) !important; list-style: none !important; } .cms-secure-payment .column.main .secure-payment-page li::marker { color: transparent !important; content: "" !important; } .cms-secure-payment .column.main .secure-payment-page h4 { margin: 0 0 6px !important; color: var(--br-black) !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: 0 !important; } .cms-secure-payment .column.main .secure-payment-page span { display: block !important; color: var(--br-text) !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.62 !important; } @media (max-width: 767px) { .cms-secure-payment main#maincontent > .container.flex.flex-col.md\:flex-row.flex-wrap, .cms-secure-payment main#maincontent .column.main { padding-right: 16px !important; padding-left: 16px !important; } .cms-secure-payment .page-title { margin-bottom: 18px !important; font-size: 30px !important; line-height: 1.14 !important; } .cms-secure-payment .column.main .secure-payment-page { margin-bottom: 42px !important; font-size: 15px !important; } .cms-secure-payment .column.main .secure-payment-page p { margin-bottom: 24px !important; font-size: 16px !important; line-height: 1.58 !important; } .cms-secure-payment .column.main .secure-payment-page ul { gap: 18px !important; } .cms-secure-payment .column.main .secure-payment-page h4 { font-size: 18px !important; } } .cms-shipping-delivery .table-block_wrapper { max-width: 100% !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; } .cms-shipping-delivery #data-table { width: max-content !important; min-width: 620px !important; border-collapse: collapse !important; color: var(--br-text) !important; } .cms-shipping-delivery #data-table th, .cms-shipping-delivery #data-table td { padding: 12px 14px !important; border-bottom: 1px solid var(--br-border) !important; color: var(--br-text) !important; font-size: 16px !important; line-height: 1.45 !important; text-align: left !important; white-space: nowrap !important; } .cms-shipping-delivery #data-table th { background: var(--br-surface-soft) !important; color: var(--br-black) !important; font-weight: 700 !important; } .cms-shipping-delivery #data-table tbody tr:last-child td { border-bottom: 0 !important; } @media (max-width: 767px) { .cms-shipping-delivery #data-table th, .cms-shipping-delivery #data-table td { padding: 11px 12px !important; font-size: 15px !important; line-height: 1.42 !important; } } body nav.breadcrumbs a, body nav.breadcrumbs a * { color: var(--br-text-muted) !important; } body nav.breadcrumbs a:hover, body nav.breadcrumbs a:hover *, body nav.breadcrumbs a:focus-visible, body nav.breadcrumbs a:focus-visible * { color: var(--br-text-muted) !important; text-decoration: underline !important; text-decoration-thickness: 1px; text-underline-offset: 3px; } @media (max-width: 767px) { .page-products main#maincontent > .container, .page-products main#maincontent > .columns, .mpbrand-index-view main#maincontent > .mpbrand-view, .mpbrand-index-view main#maincontent > .columns, .catalogsearch-result-index main#maincontent > .container, .catalogsearch-result-index main#maincontent > .columns, .page-products nav.breadcrumbs > .container, .mpbrand-index-view nav.breadcrumbs > .container, .catalogsearch-result-index nav.breadcrumbs > .container, .page-products .page-bottom > .container, .mpbrand-index-view .page-bottom > .container, .catalogsearch-result-index .page-bottom > .container { padding-right: 16px !important; padding-left: 16px !important; } .catalog-category-view .page-bottom .category-description-inner, .mpbrand-index-view .brand-description-container, .mpbrand-index-view .brand-short-description { margin-top: 30px !important; padding-right: 16px !important; padding-left: 16px !important; font-size: 15px !important; line-height: 1.55 !important; } .catalog-category-view .page-bottom .category-description-inner, .mpbrand-index-view .brand-information.container, .mpbrand-index-view .brand-description-container { padding-right: 0 !important; padding-left: 0 !important; } .catalog-category-view .page-bottom .category-description-inner h1, .mpbrand-index-view .brand-description-container h1, .mpbrand-index-view .brand-short-description h1 { font-size: 28px !important; line-height: 1.14 !important; } .catalog-category-view .page-bottom .category-description-inner h2, .mpbrand-index-view .brand-description-container h2, .mpbrand-index-view .brand-short-description h2 { margin-top: 28px !important; font-size: 24px !important; line-height: 1.2 !important; } .catalog-category-view .page-bottom .category-description-inner h3, .mpbrand-index-view .brand-description-container h3, .mpbrand-index-view .brand-short-description h3 { margin-top: 22px !important; font-size: 21px !important; } .catalog-category-view .page-bottom .category-description-inner p, .catalog-category-view .page-bottom .category-description-inner ul, .catalog-category-view .page-bottom .category-description-inner ol, .catalog-category-view .page-bottom .category-description-inner li, .mpbrand-index-view .brand-description-container p, .mpbrand-index-view .brand-description-container ul, .mpbrand-index-view .brand-description-container ol, .mpbrand-index-view .brand-description-container li, .mpbrand-index-view .brand-short-description p, .mpbrand-index-view .brand-short-description ul, .mpbrand-index-view .brand-short-description ol, .mpbrand-index-view .brand-short-description li { font-size: 15px !important; } } .page-products .products.wrapper .product-item .product-info .product-item-photo:has(.flex.justify-between.items-center > .text-sm.leading-5.text-blue-500 img[src*="/mageplaza/brand/"]) { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; } .page-products .products.wrapper .product-item .product-info .flex.justify-between.items-center:has(> .text-sm.leading-5.text-blue-500 img[src*="/mageplaza/brand/"]) { width: 100% !important; display: flex !important; align-items: center !important; justify-content: space-between !important; margin: 0 !important; padding: 0 !important; } .page-products .products.wrapper .product-item .product-info .flex.justify-between.items-center > .text-sm.leading-5.text-blue-500:has(img[src*="/mageplaza/brand/"]) { flex: 0 0 146px; max-width: 146px; min-height: 50px; display: inline-flex !important; align-items: center; justify-content: flex-start; align-self: flex-start; margin: 0; padding-left: 0 !important; text-align: left !important; line-height: 1 !important; } .page-products .products.wrapper .product-item .product-info .flex.justify-between.items-center > .text-sm.leading-5.text-blue-500 img[src*="/mageplaza/brand/"] { display: block !important; width: 138px !important; max-width: 138px !important; max-height: 50px !important; height: auto !important; object-fit: contain !important; object-position: left center !important; } .page-products .products.wrapper .product-item .price-box .price-label { display: none !important; } .page-products .products.wrapper .product-item .price-box, .page-products .products.wrapper .product-item .price-container { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 2px !important; margin-top: 8px !important; padding-top: 0 !important; text-align: left !important; } .page-products .products.wrapper .product-item .normal-price .price, .page-products .products.wrapper .product-item .special-price .price, .page-products .products.wrapper .product-item .final-price .price { color: var(--br-black) !important; font-size: 24px !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: 0 !important; } .page-products .products.wrapper .product-item .old-price { display: inline-flex !important; width: auto !important; max-width: max-content !important; order: 2; margin-top: 0 !important; text-decoration: none !important; } .page-products .products.wrapper .product-item .old-price .price-container, .page-products .products.wrapper .product-item .old-price .price-wrapper { display: inline-flex !important; width: auto !important; max-width: max-content !important; margin-top: 0 !important; text-decoration: none !important; } .page-products .products.wrapper .product-item .old-price .price { display: inline-block !important; width: auto !important; max-width: max-content !important; color: var(--br-text-muted) !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.15 !important; letter-spacing: 0 !important; text-decoration-line: line-through !important; text-decoration-thickness: 1.5px !important; text-decoration-color: var(--br-text-muted) !important; text-underline-offset: 2px !important; } .page-products .products.wrapper .product-item .product-info > .flex.justify-between.gap-2.items-baseline:has(.product-item-link) { margin-left: -9px !important; width: calc(100% + 9px) !important; } .page-products .products.wrapper .product-item.card { border-color: transparent !important; box-shadow: none !important; } .page-products .products.wrapper .product-item.card:hover, .page-products .products.wrapper .product-item.card:focus-within { box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .page-products .products.wrapper .product-item .product-info > .mb-4.mt-2:has(.swatch-attribute.size), .page-products .products.wrapper .product-item .product-info > .mb-4.mt-2:has(.swatch-attribute[data-attribute-code="size"]) { margin-top: 0 !important; margin-bottom: 0 !important; } .page-products .products.wrapper .product-item .product-info > .mb-4.mt-2 > .mb-2.relative:has(.swatch-attribute.size), .page-products .products.wrapper .product-item .product-info > .mb-4.mt-2 > .mb-2.relative:has(.swatch-attribute[data-attribute-code="size"]) { margin-bottom: 0 !important; } .page-products .products.wrapper .product-item .swatch-attribute.size .swatch-attribute-options, .page-products .products.wrapper .product-item .swatch-attribute[data-attribute-code="size"] .swatch-attribute-options { display: flex !important; flex-wrap: wrap !important; justify-content: flex-start !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; border-color: var(--br-white) !important; overflow: visible !important; text-align: left !important; white-space: normal !important; } .page-products .products.wrapper .product-item .swatch-attribute.size .swatch-attribute-options > [role="radiogroup"], .page-products .products.wrapper .product-item .swatch-attribute[data-attribute-code="size"] .swatch-attribute-options > [role="radiogroup"] { display: flex !important; flex-wrap: wrap !important; justify-content: flex-start !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; column-gap: 8px !important; row-gap: 5px !important; overflow: visible !important; scroll-snap-type: none !important; white-space: normal !important; } .page-products .products.wrapper .product-item .swatch-attribute.size, .page-products .products.wrapper .product-item .swatch-attribute[data-attribute-code="size"] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; border-color: var(--br-white) !important; overflow: visible !important; } .page-products .products.wrapper .product-item .swatch-attribute.size .swatch-option.product-option-value-label:first-child, .page-products .products.wrapper .product-item .swatch-attribute[data-attribute-code="size"] .swatch-option.product-option-value-label:first-child, .page-products .products.wrapper .product-item .swatch-attribute.size .swatch-option.product-option-value-label:first-of-type, .page-products .products.wrapper .product-item .swatch-attribute[data-attribute-code="size"] .swatch-option.product-option-value-label:first-of-type, .page-products .products.wrapper .product-item .swatch-attribute.size .product-option-value-input:first-child + .swatch-option.product-option-value-label, .page-products .products.wrapper .product-item .swatch-attribute[data-attribute-code="size"] .product-option-value-input:first-child + .swatch-option.product-option-value-label { margin-left: 0 !important; } .page-products .products.wrapper .product-item .swatch-attribute.size .swatch-option.product-option-value-label, .page-products .products.wrapper .product-item .swatch-attribute[data-attribute-code="size"] .swatch-option.product-option-value-label { flex: 0 0 auto !important; margin-right: 0 !important; margin-left: 0 !important; min-width: 54px !important; min-height: 33px !important; padding: 7px 10px !important; border: 1px solid var(--br-white) !important; border-radius: 6px !important; background: var(--br-white) !important; color: var(--br-black) !important; box-shadow: 0 1px 3px rgb(0 0 0 / 8%) !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.2 !important; text-align: center !important; } .page-products .products.wrapper .product-item .swatch-attribute.size .swatch-option.product-option-value-label:hover, .page-products .products.wrapper .product-item .swatch-attribute[data-attribute-code="size"] .swatch-option.product-option-value-label:hover { border-color: var(--br-black) !important; background: var(--br-gray-50) !important; color: var(--br-black) !important; } .page-products .products.wrapper .product-item .swatch-option.product-option-value-label:has(input:checked), .page-products .products.wrapper .product-item .swatch-option.product-option-value-label:has(+ input:checked), .page-products .products.wrapper .product-item .product-option-value-input:checked + .swatch-option.product-option-value-label, .page-products .products.wrapper .product-item .product-option-value-input:checked + label, .page-products .products.wrapper .product-item .product-option-value-input:checked ~ .swatch-option.product-option-value-label, .page-products .products.wrapper .product-item .swatch-option.product-option-value-label[aria-checked="true"], .page-products .products.wrapper .product-item .swatch-option.product-option-value-label.selected, .page-products .products.wrapper .product-item .swatch-option.product-option-value-label.active { border-color: var(--br-black) !important; background: var(--br-black) !important; color: var(--br-white) !important; box-shadow: none !important; } .page-products .products.wrapper .product-item .swatch-option.product-option-value-label:has(input:checked):hover, .page-products .products.wrapper .product-item .swatch-option.product-option-value-label:has(+ input:checked):hover, .page-products .products.wrapper .product-item .product-option-value-input:checked + .swatch-option.product-option-value-label:hover, .page-products .products.wrapper .product-item .product-option-value-input:checked + label:hover, .page-products .products.wrapper .product-item .product-option-value-input:checked ~ .swatch-option.product-option-value-label:hover, .page-products .products.wrapper .product-item .swatch-option.product-option-value-label[aria-checked="true"]:hover, .page-products .products.wrapper .product-item .swatch-option.product-option-value-label.selected:hover, .page-products .products.wrapper .product-item .swatch-option.product-option-value-label.active:hover { border-color: var(--br-black) !important; background: var(--br-black) !important; color: var(--br-white) !important; } @media (min-width: 1024px) { .mpbrand-index-view.page-layout-2columns-left .toolbar-products:has(.toolbar-amount):has(nav):has(.toolbar-limiter) { grid-template-columns: minmax(150px, 1fr) minmax(280px, 2fr) minmax(130px, 1fr) !important; } .mpbrand-index-view.page-layout-2columns-left .toolbar-products:has(.toolbar-amount):has(nav):has(.toolbar-limiter) .toolbar-amount { grid-column: 1 !important; } .mpbrand-index-view.page-layout-2columns-left .toolbar-products:has(.toolbar-amount):has(nav):has(.toolbar-limiter) nav { grid-column: 2 !important; grid-row: auto; width: 100% !important; } .mpbrand-index-view.page-layout-2columns-left .toolbar-products:has(.toolbar-amount):has(nav):has(.toolbar-limiter) .toolbar-limiter { grid-column: 3 !important; } } .page-products.page-layout-2columns-left .sidebar.sidebar-main #filters-heading { margin-bottom: 18px !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main #filters-heading button { color: var(--br-filter-heading, var(--br-black)) !important; font-size: 24px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 0 !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main #filters-heading button.btn { border-color: var(--br-black) !important; outline-color: var(--br-black) !important; box-shadow: none !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main #filters-heading button.btn:focus, .page-products.page-layout-2columns-left .sidebar.sidebar-main #filters-heading button.btn:focus-visible, .page-products.page-layout-2columns-left .sidebar.sidebar-main #filters-heading button.btn[aria-expanded="true"] { border-color: var(--br-black) !important; outline-color: var(--br-black) !important; box-shadow: 0 0 0 1px var(--br-black) !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .block-content.filter-content { margin-top: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-current { padding: 0 0 12px !important; border-bottom: 1px solid var(--br-filter-border, var(--br-border)) !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-current > summary.block-title { min-height: 48px; padding: 10px 0 !important; color: var(--br-filter-heading, var(--br-black)) !important; outline-color: var(--br-black) !important; box-shadow: none !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-current > summary.block-title h3 { color: var(--br-filter-heading, var(--br-black)) !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.2 !important; text-transform: uppercase !important; letter-spacing: 0 !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-current > summary.block-title span, .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-current > summary.block-title svg { color: var(--br-black) !important; stroke: currentColor !important; fill: none !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-current > summary.block-title svg path { stroke: var(--br-black) !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-current .block-content.filter-content { padding: 0 !important; gap: 8px !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-current .item { min-height: 36px; padding: 8px 11px !important; border: 1px solid var(--br-border) !important; border-radius: 6px !important; background: var(--br-filter-active-bg, var(--br-surface-soft)) !important; color: var(--br-filter-active, var(--br-black)) !important; font-size: 14px !important; line-height: 1.2 !important; text-decoration: none !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-current .item:hover { border-color: var(--br-border-strong) !important; background: var(--br-surface-muted) !important; color: var(--br-black) !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-current .item .filter-label, .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-current .item .filter-value { color: inherit !important; font-weight: 400 !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-current .item svg, .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-current .item svg path { color: var(--br-text-muted) !important; stroke: currentColor !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-current .filter-actions { margin-top: 6px !important; color: var(--br-black) !important; font-size: 14px !important; font-weight: 700 !important; text-decoration: none !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-current .filter-actions:hover { color: var(--br-black) !important; text-decoration: underline !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-option { padding: 0 !important; border-bottom: 1px solid var(--br-filter-border, var(--br-border)) !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-option > summary.block-title { min-height: 52px; padding: 13px 0 !important; color: var(--br-filter-heading, var(--br-black)) !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.25 !important; text-transform: uppercase !important; letter-spacing: 0 !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-option > summary.block-title h3 { font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-option > summary.block-title span, .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-option > summary.block-title svg { color: var(--br-black) !important; stroke: currentColor !important; fill: none !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-option > summary.block-title svg path { stroke: var(--br-black) !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-options-content { padding-top: 0 !important; padding-bottom: 13px !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-options-content .items { margin: 0 !important; row-gap: 0 !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-options-content .items > li, .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-options-content .items > li + li { margin-top: 0 !important; margin-bottom: 3px !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-options-content .items > li:last-child { margin-bottom: 0 !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-options-content a.group\/filter { min-height: 22px; padding: 0 !important; color: var(--br-filter-link, var(--br-black)) !important; font-size: 15px !important; line-height: 1.25 !important; text-decoration: none !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-options-content a.group\/filter:hover { color: var(--br-filter-link, var(--br-black)) !important; text-decoration: none !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-options-content a.group\/filter > span:first-child { gap: 8px !important; min-width: 0; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-options-content a.group\/filter > span:last-child, .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-options-content .count { color: var(--br-filter-count, var(--br-text-muted)) !important; font-size: 14px !important; font-weight: 400 !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-options-content a.group\/filter .relative.inline-flex { width: 16px !important; height: 16px !important; border-color: var(--br-border-strong) !important; border-radius: 4px !important; background: var(--br-white) !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .filter-options-content a.group\/filter:hover .relative.inline-flex { border-color: var(--br-black) !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .btn-primary[aria-label="Apply Price Filter"] { min-height: 42px; padding: 10px 18px !important; border: 0 !important; border-radius: 6px !important; background: var(--br-black) !important; color: var(--br-white) !important; font-weight: 700 !important; line-height: 1.2 !important; box-shadow: none !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .btn-primary[aria-label="Apply Price Filter"]:hover { background: var(--br-dark) !important; color: var(--br-white) !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main input[type="number"] { border-color: var(--br-border) !important; border-radius: 6px !important; background: var(--br-white) !important; color: var(--br-black) !important; box-shadow: none !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main input[type="range"] { --tw-range-fill-color: var(--br-black); --hv-fill-color: var(--br-black); accent-color: var(--br-black); color: var(--br-border) !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main input[type="range"]::-webkit-slider-runnable-track { height: 6px; border: 0; border-radius: 999px; background: var(--hv-track) !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main input[type="range"]::-webkit-slider-thumb { background: var(--br-white); border: 1px solid var(--br-border-strong); box-shadow: 0 1px 4px rgba(1, 1, 1, 0.16); } .page-products.page-layout-2columns-left .sidebar.sidebar-main input[type="range"]::-moz-range-track, .page-products.page-layout-2columns-left .sidebar.sidebar-main input[type="range"]::-moz-range-progress { height: 6px; border: 0; border-radius: 999px; } .page-products.page-layout-2columns-left .sidebar.sidebar-main input[type="range"]::-moz-range-track { background: var(--hv-track) !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main input[type="range"]::-moz-range-progress { background: var(--br-black) !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main input[type="range"]::-moz-range-thumb { background: var(--br-white); border: 1px solid var(--br-border-strong); box-shadow: 0 1px 4px rgba(1, 1, 1, 0.16); } .page-products.page-layout-2columns-left .sidebar.sidebar-main .swatch-layered.color { width: 100% !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .swatch-layered.color .swatch-attribute-options { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px 14px; width: 100% !important; max-width: none; align-items: center; justify-items: center; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .swatch-layered.color .swatch-option { display: block !important; width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; margin: 0 !important; padding: 0 !important; border: 1px solid var(--br-border) !important; border-radius: 999px !important; box-shadow: none !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .swatch-layered.color .swatch-option:hover { border-color: var(--br-black) !important; box-shadow: 0 0 0 2px var(--br-surface-soft) !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .swatch-layered.size { width: 100% !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .swatch-layered.size .swatch-attribute-options { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; width: 100% !important; align-items: stretch; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .swatch-layered.size .swatch-option { display: inline-flex !important; align-items: center; justify-content: center; min-width: 0 !important; width: 100% !important; min-height: 34px; margin: 0 !important; padding: 7px 8px !important; border: 1px solid var(--br-border) !important; border-radius: 6px !important; background: var(--br-white) !important; color: var(--br-black) !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.1 !important; text-align: center !important; box-shadow: none !important; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .swatch-layered.size .swatch-option[aria-label*="NOT APPLICABLE"], .page-products.page-layout-2columns-left .sidebar.sidebar-main .swatch-layered.size .swatch-option[aria-label*="Not Applicable"], .page-products.page-layout-2columns-left .sidebar.sidebar-main .swatch-layered.size .swatch-option[aria-label*="ONE SIZE"], .page-products.page-layout-2columns-left .sidebar.sidebar-main .swatch-layered.size .swatch-option[aria-label*="One Size"] { font-size: 12px !important; line-height: 1.05 !important; letter-spacing: 0 !important; overflow-wrap: anywhere; } .page-products.page-layout-2columns-left .sidebar.sidebar-main .swatch-layered.size .swatch-option:hover { border-color: var(--br-black) !important; background: var(--br-surface-soft) !important; } html::-webkit-scrollbar-button:vertical:increment, body::-webkit-scrollbar-button:vertical:increment { background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6 1 2h6z' fill='%236F6F6F'/%3E%3C/svg%3E"); } .blog-category-view .post-list.modern .post-read-more a.post-read, .blog-index-index .post-list.modern .post-read-more a.post-read, .blog-category-view .mbblog-lazyload-trigger, .blog-index-index .mbblog-lazyload-trigger, .blog-archive-view .mbblog-lazyload-trigger, .blog-tag-view .mbblog-lazyload-trigger, .blog-author-view .mbblog-lazyload-trigger { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 42px !important; padding: 12px 20px !important; border: 0 !important; border-radius: 6px !important; background: var(--br-black) !important; color: var(--br-white) !important; font-size: 14px !important; line-height: 1.2 !important; font-weight: 700 !important; text-decoration: none !important; } .blog-category-view .post-list.modern .post-read-more a.post-read:hover, .blog-category-view .post-list.modern .post-read-more a.post-read:focus, .blog-index-index .post-list.modern .post-read-more a.post-read:hover, .blog-index-index .post-list.modern .post-read-more a.post-read:focus, .blog-category-view .mbblog-lazyload-trigger:hover, .blog-category-view .mbblog-lazyload-trigger:focus, .blog-index-index .mbblog-lazyload-trigger:hover, .blog-index-index .mbblog-lazyload-trigger:focus, .blog-archive-view .mbblog-lazyload-trigger:hover, .blog-archive-view .mbblog-lazyload-trigger:focus, .blog-tag-view .mbblog-lazyload-trigger:hover, .blog-tag-view .mbblog-lazyload-trigger:focus, .blog-author-view .mbblog-lazyload-trigger:hover, .blog-author-view .mbblog-lazyload-trigger:focus { background: var(--br-dark) !important; color: var(--br-white) !important; text-decoration: none !important; } .blog-category-view .mfblog-autoloader, .blog-index-index .mfblog-autoloader, .blog-archive-view .mfblog-autoloader, .blog-tag-view .mfblog-autoloader, .blog-author-view .mfblog-autoloader { display: flex !important; justify-content: center !important; width: 100% !important; } .blog-index-index .block-list-posts .block-content, .blog-category-view .block-list-posts .block-content, .blog-post-view .block-list-posts .block-content, .blog-index-index .block-posts-list.modern-template .post-list, .blog-category-view .block-posts-list.modern-template .post-list, .blog-post-view .block-posts-list.modern-template .post-list { gap: 42px !important; } .blog-index-index .block-list-posts .item, .blog-category-view .block-list-posts .item, .blog-post-view .block-list-posts .item, .blog-index-index .block-posts-list.modern-template .post-item, .blog-category-view .block-posts-list.modern-template .post-item, .blog-post-view .block-posts-list.modern-template .post-item { gap: 20px !important; } .blog-index-index .block-list-posts .post-item-name, .blog-category-view .block-list-posts .post-item-name, .blog-post-view .block-list-posts .post-item-name, .blog-index-index .block-posts-list.modern-template .post-item-name, .blog-category-view .block-posts-list.modern-template .post-item-name, .blog-post-view .block-posts-list.modern-template .post-item-name { color: var(--br-black) !important; line-height: 1.35 !important; text-decoration: none !important; } .blog-index-index .block-list-posts .post-item-name:hover, .blog-index-index .block-list-posts .post-item-name:focus, .blog-category-view .block-list-posts .post-item-name:hover, .blog-category-view .block-list-posts .post-item-name:focus, .blog-post-view .block-list-posts .post-item-name:hover, .blog-post-view .block-list-posts .post-item-name:focus, .blog-index-index .block-posts-list.modern-template .post-item-name:hover, .blog-index-index .block-posts-list.modern-template .post-item-name:focus, .blog-category-view .block-posts-list.modern-template .post-item-name:hover, .blog-category-view .block-posts-list.modern-template .post-item-name:focus, .blog-post-view .block-posts-list.modern-template .post-item-name:hover, .blog-post-view .block-posts-list.modern-template .post-item-name:focus { color: var(--br-black) !important; text-decoration: underline !important; text-underline-offset: 3px; } .blog-index-index .block-list-posts .block-date, .blog-category-view .block-list-posts .block-date, .blog-post-view .block-list-posts .block-date, .blog-index-index .block-posts-list.modern-template .block-date, .blog-category-view .block-posts-list.modern-template .block-date, .blog-post-view .block-posts-list.modern-template .block-date { margin-top: 6px !important; color: var(--br-text-faint) !important; } .blog-index-index .block-archive, .blog-category-view .block-archive, .blog-post-view .block-archive { padding: 18px !important; border: 1px solid var(--br-border) !important; border-radius: 0 !important; background: var(--br-white) !important; } .blog-index-index .block-archive .title, .blog-category-view .block-archive .title, .blog-post-view .block-archive .title, .blog-index-index .block-archive .block-title, .blog-category-view .block-archive .block-title, .blog-post-view .block-archive .block-title { margin: 0 0 14px !important; padding: 0 0 12px !important; border-bottom: 1px solid var(--br-border) !important; color: var(--br-black) !important; font-size: 16px !important; line-height: 1.25 !important; font-weight: 800 !important; text-transform: uppercase; } .blog-index-index .block-archive .block-content, .blog-category-view .block-archive .block-content, .blog-post-view .block-archive .block-content { display: flex !important; flex-wrap: wrap !important; gap: 10px 14px !important; align-items: center !important; margin: 0 !important; line-height: 1.45 !important; } .blog-index-index .block-archive .item, .blog-category-view .block-archive .item, .blog-post-view .block-archive .item { display: inline-flex !important; align-items: center !important; margin: 0 !important; } .blog-index-index .block-archive .archive-item-link, .blog-category-view .block-archive .archive-item-link, .blog-post-view .block-archive .archive-item-link { color: var(--br-black) !important; font-size: 13px !important; line-height: 1.35 !important; font-weight: 600 !important; text-decoration: none !important; text-underline-offset: 3px; } .blog-index-index .block-archive .archive-item-link:hover, .blog-index-index .block-archive .archive-item-link:focus, .blog-category-view .block-archive .archive-item-link:hover, .blog-category-view .block-archive .archive-item-link:focus, .blog-post-view .block-archive .archive-item-link:hover, .blog-post-view .block-archive .archive-item-link:focus { color: var(--br-black) !important; text-decoration: underline !important; } .blog-index-index .block-tagclaud, .blog-category-view .block-tagclaud, .blog-post-view .block-tagclaud { padding: 18px !important; border: 1px solid var(--br-border) !important; border-radius: 0 !important; background: var(--br-white) !important; } .blog-index-index .block-tagclaud .title, .blog-category-view .block-tagclaud .title, .blog-post-view .block-tagclaud .title, .blog-index-index .block-tagclaud .block-title, .blog-category-view .block-tagclaud .block-title, .blog-post-view .block-tagclaud .block-title { margin: 0 0 14px !important; padding: 0 0 12px !important; border-bottom: 1px solid var(--br-border) !important; color: var(--br-black) !important; font-size: 16px !important; line-height: 1.25 !important; font-weight: 800 !important; text-transform: uppercase; } .blog-index-index .block-tagclaud .tagclaud-hld, .blog-category-view .block-tagclaud .tagclaud-hld, .blog-post-view .block-tagclaud .tagclaud-hld { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; align-items: flex-start !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } .blog-index-index .block-tagclaud .tagclaud-hld span, .blog-category-view .block-tagclaud .tagclaud-hld span, .blog-post-view .block-tagclaud .tagclaud-hld span { display: inline-flex !important; margin: 0 !important; font-size: 13px !important; line-height: 1.25 !important; } .blog-index-index .block-tagclaud .tagclaud-hld a, .blog-category-view .block-tagclaud .tagclaud-hld a, .blog-post-view .block-tagclaud .tagclaud-hld a { display: inline-flex !important; align-items: center !important; max-width: 100% !important; padding: 8px 10px !important; background: var(--br-dark) !important; color: var(--br-white) !important; font-size: 13px !important; line-height: 1.25 !important; font-weight: 700 !important; text-decoration: none !important; overflow-wrap: anywhere; transition: background-color 160ms ease; } .blog-index-index .block-tagclaud .tagclaud-hld a:hover, .blog-index-index .block-tagclaud .tagclaud-hld a:focus, .blog-category-view .block-tagclaud .tagclaud-hld a:hover, .blog-category-view .block-tagclaud .tagclaud-hld a:focus, .blog-post-view .block-tagclaud .tagclaud-hld a:hover, .blog-post-view .block-tagclaud .tagclaud-hld a:focus { background: var(--br-black) !important; color: var(--br-white) !important; text-decoration: none !important; } .bg-zinc-50.py-8:has(#newsletter-validate-detail) { background: var(--br-surface) !important; padding-top: 54px !important; padding-bottom: 44px !important; } #newsletter-validate-detail { max-width: 860px !important; } #newsletter-validate-detail .text-center { max-width: 820px; margin-left: auto !important; margin-right: auto !important; color: var(--br-black) !important; margin-bottom: 24px !important; } #newsletter-validate-detail .text-center strong { color: var(--br-black) !important; display: block; font-size: 28px; font-weight: 800; line-height: 1.15; letter-spacing: 0; margin-bottom: 8px; } #newsletter-validate-detail .text-center p:last-child { color: var(--br-text) !important; font-size: 16px; line-height: 1.4; margin: 0 !important; } #newsletter-validate-detail .flex.flex-col.sm\:flex-row { justify-content: center; gap: 0 !important; align-items: stretch !important; max-width: 820px !important; margin-left: auto !important; margin-right: auto !important; } #newsletter-validate-detail label { max-width: 600px; flex: 1 1 600px !important; } #newsletter-validate-detail input[type="text"], #newsletter-validate-detail input[type="email"], #newsletter-subscribe { min-height: 56px; border-color: var(--br-border-strong) !important; background: var(--br-white) !important; color: var(--br-black) !important; font-size: 15px; line-height: 1.2 !important; padding-left: 24px !important; padding-right: 24px !important; box-shadow: none !important; } #newsletter-validate-detail input[type="text"]:first-of-type, #newsletter-validate-detail input[type="email"]:first-of-type { border-radius: 6px 0 0 0 !important; } #newsletter-validate-detail input[type="text"]:last-of-type, #newsletter-validate-detail input[type="email"]:last-of-type, #newsletter-subscribe { border-radius: 0 0 0 6px !important; } #newsletter-validate-detail input[type="text"]:focus, #newsletter-validate-detail input[type="email"]:focus, #newsletter-subscribe:focus { border-color: var(--br-dark) !important; box-shadow: 0 0 0 1px var(--br-dark) !important; outline: none !important; } #newsletter-validate-detail input[type="text"]::placeholder, #newsletter-validate-detail input[type="email"]::placeholder, #newsletter-subscribe::placeholder { color: var(--br-text-muted) !important; } #newsletter-validate-detail .btn-primary { min-width: 220px; min-height: 112px; border-radius: 0 6px 6px 0 !important; background: var(--br-gold) !important; border-color: var(--br-gold) !important; color: var(--br-white) !important; font-weight: 800; letter-spacing: 0; padding-left: 34px !important; padding-right: 34px !important; font-size: 16px !important; line-height: 1.2 !important; align-self: stretch !important; box-shadow: none !important; } #newsletter-validate-detail .btn-primary:hover { background: var(--br-gold-hover) !important; border-color: var(--br-gold-hover) !important; } .bg-zinc-100.border-t.border-zinc-200:has([x-data="mobileFooterCollpase"]) { background: var(--br-surface-soft) !important; border-top: 0 !important; } .bg-zinc-100.border-t.border-zinc-200:has([x-data="mobileFooterCollpase"]) > .container.py-8 { padding-top: 56px !important; padding-bottom: 54px !important; } .bg-zinc-100.border-t.border-zinc-200:has([x-data="mobileFooterCollpase"]) .grid { color: var(--br-text) !important; gap: 25px !important; } .bg-zinc-100.border-t.border-zinc-200:has([x-data="mobileFooterCollpase"]) [x-data="mobileFooterCollpase"] { border-color: transparent !important; border-top: 0 !important; border-bottom: 0 !important; } .bg-zinc-100.border-t.border-zinc-200:has([x-data="mobileFooterCollpase"]) [x-data="mobileFooterCollpase"] > * { border-color: transparent !important; border-top: 0 !important; border-bottom: 0 !important; } .bg-zinc-100.border-t.border-zinc-200:has([x-data="mobileFooterCollpase"]) [x-data="mobileFooterCollpase"] > .group { color: var(--br-black) !important; font-size: 16px; font-weight: 700; letter-spacing: 0; text-transform: uppercase; } .bg-zinc-100.border-t.border-zinc-200:has([x-data="mobileFooterCollpase"]) nav li { color: var(--br-text-muted); font-size: 15px; line-height: 1.7; } .bg-zinc-100.border-t.border-zinc-200:has([x-data="mobileFooterCollpase"]) nav a { color: var(--br-text-muted) !important; text-decoration: none !important; transition: color .15s ease; } .bg-zinc-100.border-t.border-zinc-200:has([x-data="mobileFooterCollpase"]) nav a:hover { color: var(--br-gold) !important; } .bg-zinc-50.py-4:has(a.rounded-full) { background: var(--br-surface) !important; } .bg-zinc-50.py-4:has([aria-label="Payment Providers"]) { background: var(--br-surface-soft) !important; } .bg-zinc-50.py-4:has([aria-label="Payment Providers"]) [aria-label="Payment Providers"] { background: var(--br-surface-soft) !important; } .bg-zinc-50.py-4:has(a.rounded-full) .container:has(a.rounded-full) { padding-top: 8px; padding-bottom: 8px; } .bg-zinc-50.py-4:has(a.rounded-full) .border-b { border-bottom: 0 !important; } .bg-zinc-50.py-4:has(a.rounded-full) .pt-8 { color: var(--br-text) !important; font-size: 14px; font-weight: 600; margin-bottom: 10px !important; padding-top: 14px !important; } .bg-zinc-50.py-4:has(a.rounded-full) a.rounded-full { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; background: var(--br-dark) !important; color: var(--br-white) !important; } .bg-zinc-50.py-4:has(a.rounded-full) a.rounded-full svg { width: 22px; height: 22px; color: var(--br-white) !important; fill: var(--br-white) !important; } .bg-zinc-50.py-4:has(a.rounded-full) a.rounded-full svg path { color: var(--br-white) !important; fill: var(--br-white) !important; } .bg-zinc-50.py-4:has(a.rounded-full) a.rounded-full:hover { background: var(--br-gold) !important; color: var(--br-white) !important; } .bg-zinc-50.py-4:has(a.rounded-full) a.rounded-full:hover svg, .bg-zinc-50.py-4:has(a.rounded-full) a.rounded-full:hover svg path { color: var(--br-white) !important; fill: var(--br-white) !important; } .bg-zinc-100.border-t.border-zinc-200:has(a.rounded-full) a.rounded-full { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; background: var(--br-dark) !important; color: var(--br-white) !important; } .bg-zinc-100.border-t.border-zinc-200:has(a.rounded-full) a.rounded-full svg { width: 22px; height: 22px; color: var(--br-white) !important; fill: var(--br-white) !important; } .bg-zinc-100.border-t.border-zinc-200:has(a.rounded-full) a.rounded-full svg path { color: var(--br-white) !important; fill: var(--br-white) !important; } .bg-zinc-100.border-t.border-zinc-200:has(a.rounded-full) a.rounded-full:hover { background: var(--br-gold) !important; color: var(--br-white) !important; } .bg-zinc-100.border-t.border-zinc-200:has(a.rounded-full) a.rounded-full:hover svg, .bg-zinc-100.border-t.border-zinc-200:has(a.rounded-full) a.rounded-full:hover svg path { color: var(--br-white) !important; fill: var(--br-white) !important; } .bg-zinc-100.border-t.border-zinc-200:has([x-data="mobileFooterCollpase"]) > .container.pt-7 { background: var(--br-surface-soft) !important; color: var(--br-text-muted) !important; border-top: 0 !important; box-shadow: 0 0 0 100vmax var(--br-surface-soft); clip-path: inset(0 -100vmax); } @media (max-width: 639px) { .bg-zinc-100.border-t.border-zinc-200:has([x-data="mobileFooterCollpase"]) > .container.pt-7 nav[aria-label="Legal Menu"] { margin-bottom: 32px !important; } } #newsletter-modal { width: min(620px, calc(100vw - 32px)) !important; max-width: calc(100vw - 32px) !important; padding: 34px 38px 32px !important; border-radius: 6px !important; color: var(--br-black) !important; border: 1px solid var(--br-border) !important; background: var(--br-surface) !important; box-shadow: 0 18px 44px rgba(1, 1, 1, 0.2) !important; } #newsletter-modal #modal-title { color: var(--br-black) !important; font-size: 32px !important; line-height: 1.1 !important; font-weight: 700 !important; letter-spacing: 0 !important; margin-bottom: 12px !important; } #newsletter-modal #modal-title + p, #newsletter-modal p:not(#modal-title) { color: var(--br-text) !important; max-width: 480px; margin-right: auto !important; margin-bottom: 22px !important; margin-left: auto !important; font-size: 18px !important; line-height: 1.4; } .page-header, .page-header #header, .page-header #header > .container { background: var(--br-surface) !important; background-color: var(--br-surface) !important; } .page-header #header { margin-bottom: 0 !important; } .page-header #header > .container { padding-top: 8px !important; padding-bottom: 8px !important; } .bg-gray-900:has(> .notification-bar), .notification-bar, .page-header .mobile-top-usp, .page-header .mobile-top-usp * { background: var(--br-dark) !important; color: var(--br-white) !important; } .notification-bar { min-height: 32px; padding-top: 5px !important; padding-bottom: 5px !important; } .page-header .mobile-top-usp p, .page-header .mobile-top-usp span, .page-header .mobile-top-usp div { background: transparent !important; font-weight: 400 !important; } .notification-bar { background: var(--br-dark) !important; color: var(--br-white) !important; font-weight: 400 !important; } .notification-bar > *, .notification-bar [class*="bg-"] { background: transparent !important; font-weight: 400 !important; } .notification-bar p, .notification-bar span, .notification-bar div, .page-header .mobile-top-usp, .page-header .mobile-top-usp p, .page-header .mobile-top-usp span, .page-header .mobile-top-usp div { color: var(--br-white) !important; font-weight: 400 !important; } .notification-bar .form-select, .notification-bar button.form-select { --form-bg: transparent; --form-stroke: transparent; --form-color: var(--br-white); --select-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' stroke='white'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); min-height: 24px !important; width: auto !important; border: 0 !important; border-radius: 0 !important; background: var(--select-icon) transparent right 2px center / 16px 16px no-repeat !important; color: var(--br-white) !important; font-size: 13px; font-weight: 400; line-height: 1.2; padding: 2px 20px 2px 0 !important; box-shadow: none !important; } .notification-bar .form-select:hover, .notification-bar .form-select:focus, .notification-bar .form-select[aria-expanded="true"], .notification-bar button.form-select:hover, .notification-bar button.form-select:focus, .notification-bar button.form-select[aria-expanded="true"] { background: var(--select-icon) transparent right 2px center / 16px 16px no-repeat !important; color: var(--br-white) !important; border-color: transparent !important; box-shadow: none !important; } .notification-bar .relative.z-50 nav { min-width: 132px !important; width: max-content !important; max-width: 180px !important; margin-top: 5px !important; padding: 6px !important; border: 1px solid var(--br-border) !important; border-radius: 6px !important; background: var(--br-white) !important; box-shadow: 0 10px 24px rgb(0 0 0 / 12%) !important; } .notification-bar .relative.z-50 nav a, .notification-bar .relative.z-50 nav button { width: 100% !important; padding: 8px 10px !important; border-radius: 4px !important; background: transparent !important; color: var(--br-black) !important; font-size: 13px; font-weight: 600; line-height: 1.2; text-align: left !important; white-space: nowrap; } .notification-bar .relative.z-50 nav a:hover, .notification-bar .relative.z-50 nav button:hover { background: var(--br-surface-soft) !important; color: var(--br-black) !important; } .navigation details[name="menu-settings"] summary { color: var(--br-black) !important; font-size: 15px; font-weight: 600; } .navigation details[name="menu-settings"] nav a, .navigation details[name="menu-settings"] nav button { color: var(--br-text) !important; font-size: 15px; } @media (min-width: 1024px) and (max-width: 1279px) { .page-header .ninjamenus-desktop .level0.mega > .item-submenu { width: min(720px, calc(100vw - 32px)) !important; max-width: none !important; } } @media (min-width: 1280px) { .page-header .ninjamenus-desktop .level0.mega > .item-submenu { width: min(960px, calc(100vw - 48px)) !important; max-width: none !important; } } @media (min-width: 1024px) { .page-header .ninjamenus-desktop .level0.mega > .item-submenu .mgz-container { width: 100% !important; max-width: none !important; } } .page-header nav[aria-label="Site navigation"] [x-ref="mobileMenuNavLinks"] { background: var(--br-surface) !important; border-top: 0 !important; padding: 0 !important; } .page-header nav[aria-label="Site navigation"] [x-ref="mobileMenuNavLinks"] > div[x-data] { padding-top: 72px !important; } .page-header nav[aria-label="Site navigation"] [x-ref="mobileMenuNavLinks"] > button[aria-label] { top: 18px; right: 18px; width: 40px !important; height: 40px !important; align-items: center; justify-content: center; border: 0 !important; border-radius: 999px !important; background: var(--br-surface-soft) !important; color: var(--br-black) !important; box-shadow: none !important; } .page-header nav[aria-label="Site navigation"] [x-ref="mobileMenuNavLinks"] > button[aria-label]:hover, .page-header nav[aria-label="Site navigation"] [x-ref="mobileMenuNavLinks"] > button[aria-label]:focus { background: var(--br-surface-muted) !important; color: var(--br-black) !important; } .page-header nav[aria-label="Site navigation"] [x-ref="mobileMenuNavLinks"] > button[aria-label] svg { width: 20px; height: 20px; padding: 0 !important; } .page-header nav[aria-label="Site navigation"] .grid.grid-cols-2 { border-color: transparent !important; } .page-header nav[aria-label="Site navigation"] .grid.grid-cols-2 button { position: relative; min-height: 56px; border-color: transparent !important; background: var(--br-surface) !important; color: var(--br-black) !important; font-size: 15px; font-weight: 700; outline: 0 !important; box-shadow: none !important; --tw-ring-color: transparent !important; --tw-ring-shadow: 0 0 #0000 !important; --tw-ring-offset-shadow: 0 0 #0000 !important; } .page-header nav[aria-label="Site navigation"] .grid.grid-cols-2 button:focus, .page-header nav[aria-label="Site navigation"] .grid.grid-cols-2 button:focus-visible, .page-header nav[aria-label="Site navigation"] .grid.grid-cols-2 button:active { outline: 0 !important; box-shadow: none !important; --tw-ring-color: transparent !important; --tw-ring-shadow: 0 0 #0000 !important; --tw-ring-offset-shadow: 0 0 #0000 !important; } .page-header nav[aria-label="Site navigation"] .grid.grid-cols-2 button::after { content: ""; position: absolute; right: 40px; bottom: 0; left: 40px; height: 1px; background: var(--br-dark); } .page-header nav[aria-label="Site navigation"] .grid.grid-cols-2 button.bg-white::after { height: 2px; background: var(--br-gold); } .page-header nav[aria-label="Site navigation"] .grid.grid-cols-2 button.bg-gray-100, .page-header nav[aria-label="Site navigation"] .grid.grid-cols-2 button.text-gray-600 { background: var(--br-surface) !important; color: var(--br-black) !important; } .page-header nav[aria-label="Site navigation"] .sections.nav-sections { gap: 0 !important; margin-top: 0 !important; padding-top: 12px !important; } .page-header nav[aria-label="Site navigation"] .sections.nav-sections li, .page-header nav[aria-label="Site navigation"] .sections.nav-sections .level-0 { border-bottom: 0 !important; } .page-header nav[aria-label="Site navigation"] .sections.nav-sections a, .page-header nav[aria-label="Site navigation"] .sections.nav-sections button, .page-header nav[aria-label="Site navigation"] .sections.nav-sections summary { min-height: 52px; padding-right: 12px !important; padding-left: 16px !important; border-radius: 4px; color: var(--br-black) !important; font-size: 16px; font-weight: 700; letter-spacing: 0; } .page-header nav[aria-label="Site navigation"] .sections.nav-sections svg { color: var(--br-black) !important; } .page-header nav[aria-label="Site navigation"] .ninjamenus-mobile-accordion > .mgz-element.nav-item, .page-header nav[aria-label="Site navigation"] .ninjamenus-mobile-accordion .level0 { border-bottom: 0 !important; } .page-header nav[aria-label="Site navigation"] .ninjamenus-mobile-accordion > .mgz-element.nav-item > a, .page-header nav[aria-label="Site navigation"] .ninjamenus-mobile-accordion .level0 > a { min-height: 52px; display: flex !important; align-items: center; padding: 0 12px 0 16px !important; border-radius: 4px; color: var(--br-black) !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.25 !important; } .page-header nav[aria-label="Site navigation"] .ninjamenus-mobile-accordion > .mgz-element.nav-item > a:hover, .page-header nav[aria-label="Site navigation"] .ninjamenus-mobile-accordion .level0 > a:hover { color: var(--br-black) !important; background: var(--br-surface-soft) !important; } .page-header nav[aria-label="Site navigation"] .ninjamenus-mobile-accordion .opener { width: 44px !important; height: 52px !important; color: var(--br-black) !important; } .page-header nav[aria-label="Site navigation"] .ninjamenus-mobile-accordion .item-submenu { background: var(--br-surface) !important; border-top: 0 !important; padding: 6px 0 10px !important; } .page-header nav[aria-label="Site navigation"] .ninjamenus-mobile-accordion .item-submenu .nav-item > a { min-height: 38px; display: flex !important; align-items: center; padding: 0 12px 0 16px !important; color: var(--br-text) !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.25 !important; } .page-header nav[aria-label="Site navigation"] [x-show="activeTab === 'settings'"] { padding: 28px 20px !important; text-align: center; } .page-header nav[aria-label="Site navigation"] [x-show="activeTab === 'settings'"] .form-select { width: 100% !important; min-height: 50px; border: 1px solid var(--br-border) !important; border-radius: 6px !important; background-color: var(--br-surface) !important; color: var(--br-black) !important; font-size: 16px; font-weight: 600; box-shadow: none !important; } .page-header nav[aria-label="Site navigation"] [x-show="activeTab === 'settings'"] .relative.inline-block { width: auto !important; min-width: 124px; margin-right: auto; margin-left: auto; display: inline-flex !important; justify-content: center; } .page-header nav[aria-label="Site navigation"] [x-show="activeTab === 'settings'"] button.form-select, .page-header nav[aria-label="Site navigation"] [x-show="activeTab === 'settings'"] .form-select { width: 124px !important; min-width: 124px; min-height: 48px !important; border: 0 !important; border-radius: 0 !important; background-color: var(--br-surface) !important; color: var(--br-black) !important; font-size: 17px; font-weight: 700; display: block !important; position: relative !important; padding: 0 32px 0 12px !important; text-align: center; line-height: 48px !important; } .page-header nav[aria-label="Site navigation"] [x-show="activeTab === 'settings'"] [x-data="initCurrencySwitcher"] button.form-select { margin-left: 14px !important; } .page-header nav[aria-label="Site navigation"] [x-show="activeTab === 'settings'"] button.form-select svg, .page-header nav[aria-label="Site navigation"] [x-show="activeTab === 'settings'"] .form-select svg { position: absolute !important; top: 50% !important; right: 16px !important; width: 18px !important; height: 18px !important; flex: 0 0 auto; margin-left: 0 !important; transform: translateY(-50%) !important; pointer-events: none; } .page-header #menu-cart-icon, .page-header #menu-cart-icon:hover, .page-header #menu-cart-icon:focus, .page-header #menu-cart-icon:active, .page-header #menu-cart-icon[aria-expanded="true"], .page-header #menu-cart-icon[aria-expanded="false"] { color: var(--br-black) !important; } .page-header #menu-cart-icon svg { color: currentColor !important; stroke: currentColor !important; } .page-header #menu-cart-icon > span { background: var(--br-gold) !important; color: var(--br-white) !important; } .page-header #menu-search-icon, .page-header #menu-search-icon:hover, .page-header #menu-search-icon:focus, .page-header #menu-search-icon:active, .page-header #menu-search-icon[aria-expanded="true"], .page-header #menu-search-icon[aria-expanded="false"] { color: var(--br-black) !important; } .page-header #menu-search-icon svg { color: currentColor !important; stroke: currentColor !important; } .page-header #search-content > div { background: var(--br-white) !important; border-radius: 8px !important; } .page-header #search-content form { --form-bg: var(--br-surface-soft); --form-stroke: transparent; --form-active-color: transparent; --outline-size: 0; --outline-offset: 0; --tw-ring-color: transparent; --tw-ring-shadow: 0 0 #0000; background: var(--br-surface-soft) !important; border: 0 !important; border-color: transparent !important; border-radius: 999px !important; box-shadow: none !important; caret-color: var(--br-black) !important; overflow: hidden; } .page-header #search-content form:focus-within { border: 0 !important; border-color: transparent !important; box-shadow: none !important; outline: 0 !important; } .page-header #search-content input[type="search"] { --form-active-color: transparent; --outline-size: 0; --outline-offset: 0; --tw-ring-color: transparent; --tw-ring-shadow: 0 0 #0000; background: var(--br-surface-soft) !important; color: var(--br-black) !important; caret-color: var(--br-black) !important; border: 0 !important; box-shadow: none !important; outline: 0 !important; padding-left: 22px !important; } .page-header #search-content input[type="search"]:focus { border: 0 !important; box-shadow: none !important; caret-color: var(--br-black) !important; outline: 0 !important; } .page-header #search-content input[type="search"]::-webkit-search-cancel-button { filter: brightness(0) saturate(100%) invert(16%) sepia(0%) saturate(0%) hue-rotate(158deg) brightness(92%) contrast(92%); opacity: 1; } .page-header #search-content input[type="search"]::placeholder { color: var(--br-black) !important; opacity: 1; } .page-header #search-content form > button { --form-active-color: transparent; --outline-size: 0; --outline-offset: 0; align-self: stretch; display: inline-flex !important; flex: 0 0 64px !important; align-items: center !important; justify-content: center !important; width: 64px !important; min-width: 64px !important; padding: 0 !important; background: var(--br-dark) !important; color: var(--br-white) !important; caret-color: var(--br-white) !important; border-radius: 0 999px 999px 0 !important; min-width: 64px; } .page-header #search-content form > button:hover, .page-header #search-content form > button:focus { background: var(--br-black) !important; color: var(--br-white) !important; } .page-header #search-content form > button svg { color: currentColor !important; stroke: currentColor !important; display: block !important; flex: 0 0 auto !important; width: 24px !important; height: 24px !important; margin: 0 !important; } .page-header #search-content [id*="autocomplete"], .page-header #search-content [class*="autocomplete"], .page-header #search-content [class*="suggest"], .page-header #search-content ul[role="listbox"] { margin-top: 8px !important; border: 0 !important; border-radius: 8px !important; background: var(--br-white) !important; background-color: var(--br-white) !important; box-shadow: 0 14px 34px rgba(1, 1, 1, 0.12) !important; overflow: hidden !important; } .page-header #search-content nav[aria-label*="Suggestion"] { gap: 0 !important; background: var(--br-white) !important; background-color: var(--br-white) !important; } .page-header #search-content [id*="autocomplete"] *, .page-header #search-content [class*="autocomplete"] *, .page-header #search-content [class*="suggest"] *, .page-header #search-content [role="option"] * { background: var(--br-white) !important; background-color: var(--br-white) !important; color: var(--br-black) !important; } .page-header #search-content [id*="autocomplete"] li, .page-header #search-content [class*="autocomplete"] li, .page-header #search-content [class*="suggest"] li, .page-header #search-content [role="option"], .page-header #search-content nav[aria-label*="Suggestion"] button[type="button"] { padding: 14px 18px !important; border: 0 !important; border-bottom: 0 !important; background: var(--br-white) !important; background-color: var(--br-white) !important; color: var(--br-black) !important; box-shadow: none !important; } .page-header #search-content [id*="autocomplete"] li:last-child, .page-header #search-content [class*="autocomplete"] li:last-child, .page-header #search-content [class*="suggest"] li:last-child { border-bottom: 0 !important; } .page-header #search-content nav[aria-label*="Suggestion"] button[type="button"]:hover, .page-header #search-content nav[aria-label*="Suggestion"] button[type="button"]:focus, .page-header #search-content nav[aria-label*="Suggestion"] button[type="button"]:active, .page-header #search-content nav[aria-label*="Suggestion"] button[type="button"]:nth-child(even) { border: 0 !important; background: var(--br-white) !important; background-color: var(--br-white) !important; color: var(--br-black) !important; box-shadow: none !important; } @media (max-width: 639px) { .page-header #search-content form > button { flex-basis: 56px !important; width: 56px !important; min-width: 56px !important; } } @media (max-width: 767px) { .page-header #header img[alt="boxingroyale"] { width: auto !important; max-width: 150px !important; height: auto !important; } } .catalog-product-view .py-3.px-6.bg-gray-100:has(button[aria-expanded]) { background: var(--br-surface) !important; border-bottom: 0 !important; border-color: transparent !important; } @media (min-width: 768px) { .catalog-product-view [x-data="initProductSections"].py-3.px-6.bg-gray-100 { padding-left: 0 !important; padding-right: 0 !important; } } .catalog-product-view .py-3.px-6.bg-gray-100:has(button[aria-expanded]) button { color: var(--br-black) !important; border-color: transparent !important; } .catalog-product-view .py-3.px-6.bg-gray-100:has(button[aria-expanded]) button[aria-expanded="true"] { color: var(--br-black) !important; border-color: var(--br-gold) !important; } .catalog-product-view .py-3.px-6.bg-gray-100:has(button[aria-expanded]) button[aria-expanded="true"]::after { border-color: var(--br-gold) !important; } .catalog-product-view [aria-expanded="true"].text-blue-700, .catalog-product-view [aria-expanded="true"].text-blue-600, .catalog-product-view button[aria-expanded="true"], .catalog-product-view button[aria-expanded="true"] svg { color: var(--br-gold) !important; } .catalog-product-view button[aria-expanded="true"], .catalog-product-view button[aria-expanded="true"]::after { border-color: var(--br-gold) !important; } .catalog-product-view .py-3.px-6.bg-gray-100:has(button[aria-expanded]) button[aria-expanded="true"], .catalog-product-view .py-3.px-6.bg-gray-100:has(button[aria-expanded]) button[aria-expanded="true"] svg { color: var(--br-black) !important; } .catalog-product-view details[open] > summary.group-open\:text-blue-700 { color: var(--br-black) !important; } .catalog-product-view details[open] > summary.group-open\:text-blue-700 svg { color: var(--br-black) !important; fill: var(--br-black) !important; } .catalog-product-view #gallery #thumbs .js_thumbs_slide > button { position: relative !important; overflow: hidden !important; border: 0 !important; border-color: transparent !important; border-radius: 4px !important; background: transparent !important; box-shadow: none !important; } .catalog-product-view #gallery #thumbs .js_thumbs_slide > button:hover, .catalog-product-view #gallery #thumbs .js_thumbs_slide > button:focus { border: 0 !important; border-color: transparent !important; box-shadow: inset 0 0 0 999px rgba(1, 1, 1, 0.025) !important; } .catalog-product-view #gallery #thumbs .js_thumbs_slide > button.border-primary { border: 0 !important; border-color: transparent !important; box-shadow: none !important; } .catalog-product-view #gallery #thumbs .js_thumbs_slide > button.border-primary::after { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(1, 1, 1, 0.04), inset 0 16px 28px rgba(1, 1, 1, 0.05), inset 0 -18px 30px rgba(1, 1, 1, 0.08); } .catalog-product-view #gallery #thumbs .js_thumbs_slide > button img { display: block; border: 0 !important; border-radius: inherit; } @media (max-width: 639px) { .catalog-product-view #gallery .grid:has(button[aria-label^="Go to image"]) { grid-template-rows: auto !important; gap: 0 !important; --thumbs-size: 0px !important; } .catalog-product-view #gallery .mobile-gallery-pagination, .catalog-product-view #gallery .pdp-gallery-pagination, .catalog-product-view #gallery .gallery-pagination, .catalog-product-view #gallery .splide__pagination, .catalog-product-view #gallery .glider-dots, .catalog-product-view #gallery [class*="pagination"], .catalog-product-view #gallery [class*="indicator"], .catalog-product-view #gallery div:has(> button[aria-label^="Go to image"]) { position: static !important; left: auto !important; right: auto !important; bottom: auto !important; z-index: 25 !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 0 !important; width: min(100px, 38vw) !important; height: 18px !important; margin: 4px auto 4px !important; padding: 0 !important; list-style: none !important; overflow: hidden !important; border-radius: 999px !important; transform: none !important; } .catalog-product-view #gallery .mobile-gallery-pagination button, .catalog-product-view #gallery .pdp-gallery-pagination button, .catalog-product-view #gallery .gallery-pagination button, .catalog-product-view #gallery .splide__pagination button, .catalog-product-view #gallery .glider-dots button, .catalog-product-view #gallery .glider-dots .glider-dot, .catalog-product-view #gallery [class*="pagination"] button, .catalog-product-view #gallery [class*="indicator"] button, .catalog-product-view #gallery button[aria-label^="Go to image"] { display: block !important; flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; height: 2px !important; min-height: 2px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: var(--br-border) !important; opacity: 1 !important; box-shadow: none !important; font-size: 0 !important; line-height: 0 !important; color: transparent !important; transform: none !important; transition: background-color 180ms ease !important; } .catalog-product-view #gallery .mobile-gallery-pagination button[aria-current="true"], .catalog-product-view #gallery .mobile-gallery-pagination button[aria-selected="true"], .catalog-product-view #gallery .mobile-gallery-pagination button.active, .catalog-product-view #gallery .pdp-gallery-pagination button[aria-current="true"], .catalog-product-view #gallery .pdp-gallery-pagination button[aria-selected="true"], .catalog-product-view #gallery .pdp-gallery-pagination button.active, .catalog-product-view #gallery .gallery-pagination button[aria-current="true"], .catalog-product-view #gallery .gallery-pagination button[aria-selected="true"], .catalog-product-view #gallery .gallery-pagination button.active, .catalog-product-view #gallery .splide__pagination button.is-active, .catalog-product-view #gallery .splide__pagination button[aria-selected="true"], .catalog-product-view #gallery .glider-dots .glider-dot.active, .catalog-product-view #gallery [class*="pagination"] button[aria-current="true"], .catalog-product-view #gallery [class*="pagination"] button[aria-selected="true"], .catalog-product-view #gallery [class*="pagination"] button.active, .catalog-product-view #gallery [class*="indicator"] button[aria-current="true"], .catalog-product-view #gallery [class*="indicator"] button[aria-selected="true"], .catalog-product-view #gallery [class*="indicator"] button.active, .catalog-product-view #gallery button[aria-label^="Go to image"].bg-primary, .catalog-product-view #gallery button[aria-label^="Go to image"][class*="bg-primary"], .catalog-product-view #gallery button[aria-label^="Go to image"].active { width: auto !important; min-width: 0 !important; background: var(--br-black) !important; } .catalog-product-view #gallery div:has(> button[aria-label^="Go to image"]:only-child), .catalog-product-view #gallery div:has(> button[aria-label^="Go to image 1"]):not(:has(> button[aria-label^="Go to image 2"])) { display: none !important; } } .catalog-product-view #gallery > .fixed.top-0.left-0 .labels, .catalog-product-view #gallery > .fixed.top-0.left-0 .amasty-label-container, .catalog-product-view #gallery > .fixed.top-0.left-0 .amasty-label, .catalog-product-view #gallery > .fixed.top-0.left-0 [class*="amlabel"], .catalog-product-view #gallery > .fixed.top-0.left-0 [class*="amasty-label"] { display: none !important; visibility: hidden !important; } .catalog-product-view #gallery > .fixed.top-0.left-0 button[aria-label="Close fullscreen"] { display: inline-flex !important; width: 40px !important; height: 40px !important; align-items: center !important; justify-content: center !important; padding: 0 !important; border: 0 !important; border-radius: 999px !important; background: var(--br-surface-soft) !important; color: var(--br-black) !important; box-shadow: none !important; } .catalog-product-view #gallery > .fixed.top-0.left-0 button[aria-label="Close fullscreen"]:hover, .catalog-product-view #gallery > .fixed.top-0.left-0 button[aria-label="Close fullscreen"]:focus { background: var(--br-surface-muted) !important; color: var(--br-black) !important; box-shadow: none !important; } .catalog-product-view #gallery > .fixed.top-0.left-0 button[aria-label="Close fullscreen"] svg { width: 20px !important; height: 20px !important; } .catalog-product-view #gallery > .fixed.top-0.left-0 > .absolute.top-0.right-0 { top: 14px !important; right: 14px !important; z-index: 10000 !important; padding: 0 !important; } @media (min-width: 1024px) { .catalog-product-view #gallery { position: sticky !important; top: 112px !important; align-self: start !important; height: fit-content !important; z-index: 1; } .catalog-product-view #gallery:has([aria-modal="true"]), .catalog-product-view #gallery:has([role="dialog"]), .catalog-product-view #gallery:has(.fixed.inset-0), .catalog-product-view #gallery:has(.fixed.top-0.left-0) { position: static !important; top: auto !important; height: auto !important; z-index: auto !important; } .catalog-product-view #gallery [aria-modal="true"], .catalog-product-view #gallery [role="dialog"], .catalog-product-view #gallery .fixed.inset-0, .catalog-product-view #gallery .fixed.top-0.left-0 { z-index: 9999 !important; } .catalog-product-view #gallery > .fixed.top-0.left-0 { inset: 0 !important; display: grid !important; grid-template-columns: 112px minmax(0, 1fr) !important; grid-template-rows: minmax(0, 1fr) !important; gap: 24px !important; align-items: center !important; padding: 16px 56px 16px 16px !important; overflow: hidden !important; } .catalog-product-view #gallery > .fixed.top-0.left-0 > .relative.self-center { width: 100% !important; height: calc(100vh - 32px) !important; min-width: 0 !important; align-self: center !important; } .catalog-product-view #gallery > .fixed.top-0.left-0 > .relative.self-center > .relative { width: 100% !important; max-width: calc(100vw - 208px) !important; height: calc(100vh - 32px) !important; margin-left: auto !important; margin-right: auto !important; } .catalog-product-view #gallery > .fixed.top-0.left-0 img.object-contain, .catalog-product-view #gallery > .fixed.top-0.left-0 img.max-h-screen-75 { width: 100% !important; max-width: 100% !important; max-height: 100% !important; height: 100% !important; object-fit: contain !important; } .catalog-product-view #gallery > .fixed.top-0.left-0 #thumbs { display: flex !important; max-height: calc(100vh - 32px) !important; overflow: hidden !important; } } @media (max-width: 1023px) { .catalog-product-view #gallery:has(.fixed.top-0.left-0) { position: static !important; top: auto !important; height: auto !important; z-index: auto !important; } .catalog-product-view #gallery > .fixed.top-0.left-0 { inset: 0 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: minmax(0, 1fr) auto !important; align-items: stretch !important; gap: 12px !important; padding: 56px 12px 12px !important; overflow: hidden !important; z-index: 9999 !important; } .catalog-product-view #gallery > .fixed.top-0.left-0 > .relative.self-center { width: 100% !important; height: calc(100dvh - 168px) !important; min-height: 0 !important; align-self: center !important; } .catalog-product-view #gallery > .fixed.top-0.left-0 > .relative.self-center > .relative { width: 100% !important; height: 100% !important; margin-left: auto !important; margin-right: auto !important; } .catalog-product-view #gallery > .fixed.top-0.left-0 img.object-contain, .catalog-product-view #gallery > .fixed.top-0.left-0 img.max-h-screen-75 { width: 100% !important; max-width: 100% !important; height: 100% !important; max-height: 100% !important; object-fit: contain !important; } .catalog-product-view #gallery > .fixed.top-0.left-0 #thumbs { display: flex !important; max-height: 96px !important; overflow: hidden !important; } } @media (max-width: 767px) { .catalog-product-view details[open] > summary.group-open\:text-blue-700 { border-bottom: 2px solid var(--br-gold) !important; margin-bottom: 12px !important; padding-bottom: 10px !important; } } .catalog-product-view #product-info-guides-info [data-content-type="html"] { display: grid !important; gap: 28px !important; color: var(--br-black) !important; } .catalog-product-view #product-info-guides-info .hb-wrapper, .catalog-product-view #product-info-guides-info .page-main, .catalog-product-view #product-info-guides-info .hb-row, .catalog-product-view #product-info-guides-info .hb-blog { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; } .catalog-product-view #product-info-guides-info .page-title-main { margin: 0 0 14px !important; color: var(--br-black) !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.25 !important; } .catalog-product-view #product-info-guides-info .page-title-main strong, .catalog-product-view #product-info-guides-info .blog-title, .catalog-product-view #product-info-guides-info .guide-label { color: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; } .catalog-product-view #product-info-guides-info ul.recent_posts, .catalog-product-view #product-info-guides-info ul#hb-blogs { display: grid !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .catalog-product-view #product-info-guides-info li { margin: 0 !important; padding: 0 !important; } .catalog-product-view #product-info-guides-info a { color: var(--br-black) !important; text-decoration: none !important; transition: color 160ms ease, border-color 160ms ease, background-color 160ms ease; } .catalog-product-view #product-info-guides-info a:hover, .catalog-product-view #product-info-guides-info a:focus { color: var(--br-gold-hover) !important; } .catalog-product-view #product-info-guides-info [data-content-type="html"] > .hb-wrapper:first-child ul.recent_posts { gap: 10px !important; } .catalog-product-view #product-info-guides-info [data-content-type="html"] > .hb-wrapper:first-child a { display: inline-flex !important; align-items: center; min-height: 38px; padding: 8px 12px !important; border: 0 !important; border-radius: 6px !important; background: var(--br-surface-soft) !important; color: var(--br-black) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.2 !important; } .catalog-product-view #product-info-guides-info [data-content-type="html"] > .hb-wrapper:first-child a:hover, .catalog-product-view #product-info-guides-info [data-content-type="html"] > .hb-wrapper:first-child a:focus { background: var(--br-surface) !important; color: var(--br-black) !important; } .catalog-product-view #product-info-guides-info [data-content-type="html"] > .hb-wrapper:nth-child(2) ul.recent_posts { gap: 9px !important; } .catalog-product-view #product-info-guides-info [data-content-type="html"] > .hb-wrapper:nth-child(2) a { font-size: 15px !important; font-weight: 400 !important; line-height: 1.4 !important; } @media (min-width: 768px) { .catalog-product-view #product-info-guides-info [data-content-type="html"] { grid-template-columns: minmax(190px, 25%) minmax(0, 75%); align-items: start; column-gap: 44px !important; } } @media (max-width: 767px) { .catalog-product-view #product-info-guides-info [data-content-type="html"] { gap: 26px !important; } .catalog-product-view #product-info-guides-info .page-title-main { margin-bottom: 12px !important; font-size: 15px !important; } .catalog-product-view #product-info-guides-info [data-content-type="html"] > .hb-wrapper:first-child a { width: 100%; justify-content: flex-start; } .catalog-product-view #product-info-guides-info [data-content-type="html"] > .hb-wrapper:nth-child(2) a { font-size: 14px !important; line-height: 1.45 !important; } } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > div[role="group"] .price-container:has(.old-price) { display: flex !important; flex-wrap: wrap !important; align-items: baseline !important; gap: 0 10px !important; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > div[role="group"] .price-container:has(.old-price) .special-price, .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > div[role="group"] .price-container:has(.old-price) .final-price, .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > div[role="group"] .price-container:has(.old-price) > .price-wrapper { order: 1; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > div[role="group"] .final-price .price, .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > div[role="group"] .special-price .price, .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > div[role="group"] .price-box > .price-wrapper .price { color: var(--br-gold) !important; font-size: 34px !important; line-height: 1.08 !important; font-weight: 700 !important; letter-spacing: 0 !important; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > div[role="group"] .old-price { display: inline-flex !important; width: auto !important; max-width: max-content !important; order: 2; align-items: baseline !important; margin: 0 !important; text-decoration: none !important; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > div[role="group"] .old-price .price-container, .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > div[role="group"] .old-price .price-wrapper { display: inline-flex !important; width: auto !important; max-width: max-content !important; margin: 0 !important; text-decoration: none !important; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > div[role="group"] .old-price .price { display: inline-block !important; width: auto !important; max-width: max-content !important; color: var(--br-text-muted) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; text-decoration-line: line-through !important; text-decoration-thickness: 1.5px !important; text-decoration-color: var(--br-text-muted) !important; text-underline-offset: 2px !important; } .catalog-product-view .product-info-main .rating-summary, .catalog-product-view .product-info-main .rating-summary svg { color: var(--br-dark) !important; stroke: var(--br-dark) !important; } .catalog-product-view .product-info-main .rating-summary svg.fill-current { fill: var(--br-dark) !important; } .page-products .products.wrapper .rating-summary, .catalogsearch-result-index .products.wrapper .rating-summary, .mpbrand-index-view .products.wrapper .rating-summary, .cms-index-index .products.wrapper .rating-summary, .cms-page-view .products.wrapper .rating-summary, section[id^="amrelated-block"] .rating-summary { color: var(--br-black) !important; } .page-products .products.wrapper .rating-summary svg, .catalogsearch-result-index .products.wrapper .rating-summary svg, .mpbrand-index-view .products.wrapper .rating-summary svg, .cms-index-index .products.wrapper .rating-summary svg, .cms-page-view .products.wrapper .rating-summary svg, section[id^="amrelated-block"] .rating-summary svg { color: var(--br-black) !important; stroke: var(--br-black) !important; } .page-products .products.wrapper .rating-summary svg.fill-current, .catalogsearch-result-index .products.wrapper .rating-summary svg.fill-current, .mpbrand-index-view .products.wrapper .rating-summary svg.fill-current, .cms-index-index .products.wrapper .rating-summary svg.fill-current, .cms-page-view .products.wrapper .rating-summary svg.fill-current, section[id^="amrelated-block"] .rating-summary svg.fill-current { fill: var(--br-black) !important; } .page-products .products.wrapper .rating-summary svg:not(.fill-current), .catalogsearch-result-index .products.wrapper .rating-summary svg:not(.fill-current), .mpbrand-index-view .products.wrapper .rating-summary svg:not(.fill-current), .cms-index-index .products.wrapper .rating-summary svg:not(.fill-current), .cms-page-view .products.wrapper .rating-summary svg:not(.fill-current), section[id^="amrelated-block"] .rating-summary svg:not(.fill-current) { fill: none !important; } .page-products .products.wrapper .rating-summary > span.text-blue-500, .catalogsearch-result-index .products.wrapper .rating-summary > span.text-blue-500, .mpbrand-index-view .products.wrapper .rating-summary > span.text-blue-500, .cms-index-index .products.wrapper .rating-summary > span.text-blue-500, .cms-page-view .products.wrapper .rating-summary > span.text-blue-500, section[id^="amrelated-block"] .rating-summary > span.text-blue-500 { color: var(--br-text-muted) !important; } .catalog-product-view .rating-summary .text-yellow-400, .catalog-product-view .rating-summary .text-yellow-500, .catalog-product-view #customer-review-list .text-yellow-400, .catalog-product-view #customer-review-list .text-yellow-500, .catalog-product-view #product-review-table .text-yellow-400, .catalog-product-view #product-review-table .text-yellow-500 { color: var(--br-dark) !important; fill: currentColor !important; } .catalog-product-view .rating-summary .text-gray-400, .catalog-product-view #customer-review-list .text-gray-400, .catalog-product-view #product-review-table .text-gray-400 { color: var(--br-border-strong) !important; fill: currentColor !important; } .catalog-product-view #customer-review-list .card { background: var(--br-surface-soft) !important; border-color: transparent !important; box-shadow: none !important; } .catalog-product-view #review-form .card { border-color: transparent !important; box-shadow: none !important; } .catalog-product-view #review-form .btn-primary, .catalog-product-view #review_form .btn-primary, .catalog-product-view #review_form button[type="submit"] { background: var(--br-dark) !important; border-color: var(--br-dark) !important; color: var(--br-white) !important; } .catalog-product-view #review-form .btn-primary:hover, .catalog-product-view #review_form .btn-primary:hover, .catalog-product-view #review_form button[type="submit"]:hover { background: var(--br-black) !important; border-color: var(--br-black) !important; color: var(--br-white) !important; } .catalog-product-view .product-info-main > section > .card.mb-6 { border: 0 !important; box-shadow: none !important; } @media (min-width: 1024px) { .catalog-product-view .product-info-main .pdp-product-info-section { grid-template-columns: minmax(0, 1.35fr) minmax(460px, 1fr) !important; } } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; align-items: start; column-gap: 24px; row-gap: 0; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > .hidden.md\:block { grid-column: 1 / -1; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > .brand-logo { grid-column: 2; grid-row: 2 / span 4; justify-self: end; align-self: start; margin-top: 4px; text-align: right; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > .brand-logo .product-brand-logo, .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > .brand-logo a { display: inline-flex; justify-content: flex-end; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > .brand-logo img { width: 54px !important; height: auto !important; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > .promotions_message { display: none !important; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > .my-2.flex { grid-column: 1; grid-row: 2; margin-top: 12px !important; margin-bottom: 10px !important; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > div[role="group"] { grid-column: 1; grid-row: 3; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > div[role="group"] .price-label { display: none !important; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > .flex.flex-col.sm\:flex-row.justify-between.my-4 { grid-column: 1; grid-row: 4; margin-top: 10px !important; margin-bottom: 10px !important; font-size: 16px !important; line-height: 1.45 !important; font-weight: 500 !important; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > style, .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > script { grid-column: 1 / -1; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > .similar_proudcts_wrapper { grid-column: 1 / -1; grid-row: 5; margin-top: 14px !important; margin-bottom: 26px !important; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > form#product_addtocart_form { grid-column: 1 / -1; grid-row: 6; margin-top: 0 !important; margin-bottom: 0 !important; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > form#product_addtocart_form > .relative.mb-6 { margin-bottom: 4px !important; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > .flex.flex-col.sm\:flex-row.items-end.my-4.w-full { grid-column: 1 / -1; grid-row: 7; margin-top: 18px !important; margin-bottom: 0 !important; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > .flex.mt-4.justify-end { grid-column: 1 / -1; grid-row: 8; width: 100% !important; min-height: 0 !important; justify-content: center !important; align-items: center !important; margin-top: 18px !important; margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: 0 !important; color: var(--br-black) !important; font-size: 15px !important; line-height: 1.4 !important; font-weight: 500 !important; text-align: center !important; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > .flex.mt-4.justify-end:empty { display: none !important; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > .flex.mt-4.justify-end > * { width: 100% !important; max-width: 100% !important; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > #maindiv { grid-column: 1 / -1; grid-row: 9; margin-top: 18px !important; margin-bottom: 22px !important; padding-top: 14px !important; min-height: 56px !important; height: auto !important; border-top: 0 !important; color: var(--br-black) !important; font-size: 16px !important; line-height: 1.45 !important; font-weight: 500 !important; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > .product-page-static { grid-column: 1 / -1; grid-row: 10; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; border-top: 0 !important; color: var(--br-black) !important; font-size: 16px !important; line-height: 1.45 !important; font-weight: 500 !important; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > .labels { grid-column: 1 / -1; grid-row: 11; margin-top: 22px !important; } .catalog-product-view .product-info-main .product-feature-labels { width: 100% !important; color: var(--br-black) !important; } .catalog-product-view .product-info-main .product-feature-labels__list { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 18px 26px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .catalog-product-view .product-info-main .product-feature-labels__item { min-width: 0; margin: 0 !important; padding: 0 !important; } .catalog-product-view .product-info-main .product-feature-label { display: flex !important; align-items: center !important; gap: 12px !important; min-height: 44px !important; width: 100% !important; padding: 0 !important; border: 0 !important; border-radius: 6px !important; background: transparent !important; color: var(--br-black) !important; text-decoration: none !important; box-shadow: none !important; cursor: pointer; transition: background-color 160ms ease, transform 160ms ease; } .catalog-product-view .product-info-main .product-feature-label:hover, .catalog-product-view .product-info-main .product-feature-label:focus { border-color: transparent !important; background: transparent !important; color: var(--br-black) !important; text-decoration: none !important; transform: translateX(2px); } .catalog-product-view .product-info-main .product-feature-label__icon { flex: 0 0 36px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; border-radius: 999px !important; background: var(--br-black) !important; color: var(--br-white) !important; transition: transform 160ms ease; } .catalog-product-view .product-info-main .product-feature-label:hover .product-feature-label__icon, .catalog-product-view .product-info-main .product-feature-label:focus .product-feature-label__icon { background: var(--br-black) !important; transform: scale(1.04); } .catalog-product-view .product-info-main .product-feature-label__icon svg { width: 18px !important; height: 18px !important; color: var(--br-white) !important; stroke: currentColor !important; } .catalog-product-view .product-info-main .product-feature-label__text { min-width: 0; color: var(--br-black) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0 !important; text-decoration: underline; text-decoration-color: transparent; text-decoration-thickness: 1px; text-underline-offset: 4px; transition: text-decoration-color 160ms ease; } .catalog-product-view .product-info-main .product-feature-label:hover .product-feature-label__text, .catalog-product-view .product-info-main .product-feature-label:focus .product-feature-label__text { text-decoration-color: var(--br-black); } .catalog-product-view .product-info-main .swatch-attribute-options { display: inline-flex !important; align-items: center; gap: 0 !important; width: auto !important; min-width: 0 !important; padding: 4px !important; border: 1px solid var(--br-border) !important; border-radius: 6px !important; background: var(--br-surface) !important; box-shadow: none !important; overflow: hidden; } .catalog-product-view .product-info-main .swatch-attribute.border-gray-300, .catalog-product-view .product-info-main .swatch-attribute.min-h-14 { border: 0 !important; box-shadow: none !important; } .catalog-product-view .product-info-main .swatch-attribute[data-attribute-code="size"] > .flex.justify-between.items-center { margin-top: 12px !important; color: var(--br-black) !important; font-size: 16px !important; line-height: 1.45 !important; font-weight: 500 !important; } .catalog-product-view .product-info-main .swatch-attribute[data-attribute-code="size"] { width: 100%; } .catalog-product-view .product-info-main .swatch-attribute[data-attribute-code="size"] .swatch-attribute-options { display: flex !important; gap: 10px !important; width: 100% !important; max-width: none !important; min-height: 54px !important; } .catalog-product-view .product-info-main .swatch-attribute[data-attribute-code="size"] > .border.border-gray-300.rounded-md.p-1.inline-flex { display: block !important; width: 100% !important; } .catalog-product-view .product-info-main .swatch-attribute[data-attribute-code="size"] .swatch-option.product-option-value-label { flex: 0 0 auto !important; min-width: 70px !important; } .catalog-product-view .product-info-main .swatch-attribute > .border.border-gray-300.rounded-md.p-1.inline-flex { padding: 0 !important; border: 0 !important; box-shadow: none !important; } .catalog-product-view .product-info-main .swatch-option.product-option-value-label { min-width: 64px; height: 44px; display: inline-flex !important; align-items: center; justify-content: center; margin: 0 !important; padding: 0 16px !important; border: 0 !important; border-radius: 4px !important; background: var(--br-surface) !important; color: var(--br-black) !important; font-weight: 700 !important; box-shadow: none !important; cursor: pointer; } .catalog-product-view .product-info-main .swatch-option.product-option-value-label:hover { background: var(--br-surface-soft) !important; color: var(--br-black) !important; } .catalog-product-view .product-info-main .swatch-option.product-option-value-label:has(input:checked), .catalog-product-view .product-info-main .swatch-option.product-option-value-label:has(+ input:checked), .catalog-product-view .product-info-main .product-option-value-input:checked + .swatch-option.product-option-value-label, .catalog-product-view .product-info-main .product-option-value-input:checked + label, .catalog-product-view .product-info-main .product-option-value-input:checked ~ .swatch-option.product-option-value-label, .catalog-product-view .product-info-main .swatch-option.product-option-value-label[aria-checked="true"], .catalog-product-view .product-info-main .swatch-option.product-option-value-label.selected, .catalog-product-view .product-info-main .swatch-option.product-option-value-label.active { background: var(--br-dark) !important; color: var(--br-white) !important; } .catalog-product-view .product-info-main .swatch-option.product-option-value-label:has(input:checked):hover, .catalog-product-view .product-info-main .swatch-option.product-option-value-label:has(+ input:checked):hover, .catalog-product-view .product-info-main .product-option-value-input:checked + .swatch-option.product-option-value-label:hover, .catalog-product-view .product-info-main .product-option-value-input:checked + label:hover, .catalog-product-view .product-info-main .product-option-value-input:checked ~ .swatch-option.product-option-value-label:hover, .catalog-product-view .product-info-main .swatch-option.product-option-value-label[aria-checked="true"]:hover, .catalog-product-view .product-info-main .swatch-option.product-option-value-label.selected:hover, .catalog-product-view .product-info-main .swatch-option.product-option-value-label.active:hover { background: var(--br-dark) !important; color: var(--br-white) !important; } .catalog-product-view .product-info-main .swatch-option.product-option-value-label.disabled, .catalog-product-view .product-info-main .swatch-option.product-option-value-label[aria-disabled="true"] { background: var(--br-surface-soft) !important; color: var(--br-text-faint) !important; cursor: not-allowed; } .catalog-product-view .product-info-main #maindiv { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 12px !important; width: 100% !important; min-height: 56px !important; height: auto !important; box-sizing: border-box !important; padding: 14px 16px 14px 18px !important; border-left: 0 !important; border-radius: 0 6px 6px 0 !important; background: linear-gradient(90deg, var(--br-gold) 0 4px, var(--br-surface-soft) 4px 100%) !important; text-align: left !important; } .catalog-product-view .product-info-main #maindiv::before { content: ""; display: block; flex: 0 0 20px; width: 20px; height: 20px; background: var(--br-black); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13'/%3E%3Cpath d='M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7'/%3E%3Cpath d='M7.5 8a2.5 2.5 0 0 1 0-5C11 3 12 8 12 8s1-5 4.5-5a2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13'/%3E%3Cpath d='M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7'/%3E%3Cpath d='M7.5 8a2.5 2.5 0 0 1 0-5C11 3 12 8 12 8s1-5 4.5-5a2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E") center / contain no-repeat; } .catalog-product-view .product-info-main #producttext { flex: 1 1 auto; position: relative; text-align: left !important; color: var(--br-black) !important; font-size: 15px !important; line-height: 1.35 !important; font-weight: 500 !important; } .catalog-product-view .product-info-main #producttext.tooltip-dynamic .tooltip-popup { width: min(276px, calc(100vw - 32px)) !important; min-width: min(260px, calc(100vw - 32px)) !important; max-width: calc(100vw - 32px) !important; margin-top: 10px !important; padding: 12px !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: 8px !important; background: var(--br-black) !important; color: var(--br-white) !important; box-shadow: 0 14px 28px rgba(1, 1, 1, 0.22) !important; text-align: left !important; } .catalog-product-view .product-info-main #producttext.tooltip-dynamic .tooltip-popup::before { content: "" !important; position: absolute !important; top: -7px !important; left: 50% !important; width: 12px !important; height: 12px !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-right: 0 !important; border-bottom: 0 !important; background: var(--br-black) !important; transform: translateX(-50%) rotate(45deg) !important; border-bottom-color: var(--br-black) !important; } .catalog-product-view .product-info-main #producttext.tooltip-dynamic .tooltip-popup p { margin: 0 !important; } .catalog-product-view .product-info-main #producttext.tooltip-dynamic .br-reward-tooltip { display: grid !important; gap: 8px !important; } .catalog-product-view .product-info-main #producttext.tooltip-dynamic .br-reward-tier { display: grid !important; grid-template-columns: 34px minmax(0, 1fr); gap: 10px !important; align-items: center !important; padding: 10px !important; border: 1px solid rgba(255, 255, 255, 0.07) !important; border-radius: 6px !important; background: #151515 !important; } .catalog-product-view .product-info-main #producttext.tooltip-dynamic .br-reward-tier--top { border-color: rgba(212, 175, 55, 0.46) !important; background: #181613 !important; } .catalog-product-view .product-info-main #producttext.tooltip-dynamic .br-reward-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.08) !important; color: var(--br-gold) !important; font-size: 15px !important; line-height: 1 !important; } .catalog-product-view .product-info-main #producttext.tooltip-dynamic .br-reward-tier--silver .br-reward-icon { color: #C0C0C0 !important; } .catalog-product-view .product-info-main #producttext.tooltip-dynamic .br-reward-tier--top .br-reward-icon { background: rgba(212, 175, 55, 0.14) !important; } .catalog-product-view .product-info-main #producttext.tooltip-dynamic .br-reward-copy { display: grid !important; gap: 2px !important; min-width: 0 !important; } .catalog-product-view .product-info-main #producttext.tooltip-dynamic .br-reward-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; min-width: 0 !important; } .catalog-product-view .product-info-main #producttext.tooltip-dynamic .br-reward-copy strong { color: var(--br-white) !important; font-size: 14px !important; line-height: 1.15 !important; font-weight: 700 !important; letter-spacing: 0 !important; } .catalog-product-view .product-info-main #producttext.tooltip-dynamic .br-reward-copy span { color: rgba(255, 255, 255, 0.78) !important; font-size: 12px !important; line-height: 1.28 !important; font-weight: 500 !important; letter-spacing: 0 !important; } .catalog-product-view .product-info-main #producttext.tooltip-dynamic .br-reward-label { flex: 0 0 auto !important; padding: 3px 7px !important; border-radius: 999px !important; background: var(--br-gold) !important; color: var(--br-black) !important; font-size: 10px !important; line-height: 1 !important; font-weight: 700 !important; white-space: nowrap !important; } .catalog-product-view .product-info-main #producttext.tooltip-dynamic .brt { display: grid !important; gap: 8px !important; } .catalog-product-view .product-info-main #producttext.tooltip-dynamic .brt .t { display: grid !important; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 4px 10px !important; align-items: center !important; padding: 10px !important; border: 1px solid rgba(255, 255, 255, 0.07) !important; border-radius: 6px !important; background: #151515 !important; } .catalog-product-view .product-info-main #producttext.tooltip-dynamic .brt .t.x { border-color: rgba(212, 175, 55, 0.46) !important; background: #181613 !important; } .catalog-product-view .product-info-main #producttext.tooltip-dynamic .brt .t > i { grid-row: 1 / span 5; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.08) !important; color: var(--br-gold) !important; font-size: 15px !important; line-height: 1 !important; } .catalog-product-view .product-info-main #producttext.tooltip-dynamic .brt .t.s > i { color: #C0C0C0 !important; } .catalog-product-view .product-info-main #producttext.tooltip-dynamic .brt .t.x > i { background: rgba(212, 175, 55, 0.14) !important; } .catalog-product-view .product-info-main #producttext.tooltip-dynamic .brt .t > b { grid-column: 2; color: var(--br-white) !important; font-size: 14px !important; line-height: 1.22 !important; font-weight: 700 !important; letter-spacing: 0 !important; white-space: nowrap !important; } .catalog-product-view .product-info-main #producttext.tooltip-dynamic .brt .t > span { grid-column: 2 / -1; color: rgba(255, 255, 255, 0.78) !important; font-size: 12px !important; line-height: 1.35 !important; font-weight: 500 !important; letter-spacing: 0 !important; } .catalog-product-view .product-info-main #producttext.tooltip-dynamic .brt .t > em { grid-column: 3; grid-row: 1; align-self: center !important; padding: 3px 7px !important; border-radius: 999px !important; background: var(--br-gold) !important; color: var(--br-black) !important; font-size: 10px !important; line-height: 1 !important; font-style: normal !important; font-weight: 700 !important; white-space: nowrap !important; } @media (max-width: 767px) { .catalog-product-view .product-info-main #producttext.tooltip-dynamic .tooltip-popup { width: min(276px, calc(100vw - 24px)) !important; min-width: min(260px, calc(100vw - 24px)) !important; max-width: calc(100vw - 24px) !important; margin-top: 8px !important; padding: 10px !important; } .catalog-product-view .product-info-main #producttext.tooltip-dynamic .br-reward-tier { grid-template-columns: 30px minmax(0, 1fr); gap: 9px !important; padding: 9px !important; } .catalog-product-view .product-info-main #producttext.tooltip-dynamic .br-reward-icon { width: 28px !important; height: 28px !important; font-size: 14px !important; } .catalog-product-view .product-info-main #producttext.tooltip-dynamic .brt .t { grid-template-columns: 30px minmax(0, 1fr) auto; gap: 4px 9px !important; padding: 10px !important; } .catalog-product-view .product-info-main #producttext.tooltip-dynamic .brt .t > i { width: 30px !important; height: 30px !important; font-size: 14px !important; } } .catalog-product-view .product-info-main .product-page-static { text-align: left !important; } .catalog-product-view .product-info-main .product-page-static .space-y-2, .catalog-product-view .product-info-main .product-page-static [class*="cmsb"][class*="-space-y-2"] { display: flex !important; flex-direction: column !important; gap: 0 !important; } .catalog-product-view .product-info-main .product-page-static .space-y-2 > *, .catalog-product-view .product-info-main .product-page-static [class*="cmsb"][class*="-space-y-2"] > * { margin-top: 0 !important; margin-bottom: 0 !important; } .catalog-product-view .product-info-main .product-page-static .py-2, .catalog-product-view .product-info-main .product-page-static .space-y-2 > *, .catalog-product-view .product-info-main .product-page-static [class*="cmsb"][class*="-py-2"], .catalog-product-view .product-info-main .product-page-static [class*="cmsb"][class*="-space-y-2"] > * { padding-top: 2px !important; padding-bottom: 2px !important; } .catalog-product-view .product-info-main .product-page-static .space-y-2 > :first-child, .catalog-product-view .product-info-main .product-page-static [class*="cmsb"][class*="-space-y-2"] > :first-child { margin-top: 0 !important; } .catalog-product-view .product-info-main .product-page-static [class*="cmsb"][class*="-flex"][class*="-items-center"] { align-items: center !important; gap: 12px !important; } .catalog-product-view .product-info-main .product-page-static button, .catalog-product-view .product-info-main .product-page-static [class*="cmsb"][class*="-text"] { font-size: 16px !important; line-height: 1.45 !important; font-weight: 500 !important; letter-spacing: 0 !important; } .catalog-product-view .product-info-main .product-page-static button { width: 100% !important; min-height: 34px !important; padding-top: 2px !important; padding-bottom: 2px !important; } .catalog-product-view .product-info-main .product-page-static button > span:last-child svg { flex: 0 0 18px !important; width: 18px !important; height: 18px !important; } .catalog-product-view .product-info-main .product-page-static [class*="cmsb"][class*="-text-left"] { color: var(--br-black) !important; } .catalog-product-view #product-addtocart-button, .catalog-product-view button[form="product_addtocart_form"][type="submit"] { min-height: 60px !important; border: 0 !important; border-radius: 6px !important; background: var(--br-addtocart-green) !important; background-color: var(--br-addtocart-green) !important; color: var(--br-white) !important; font-size: 18px !important; line-height: 1.2 !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0 !important; box-shadow: none !important; transition: background-color 160ms ease, transform 160ms ease !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; } .catalog-product-view #product-addtocart-button:hover, .catalog-product-view button[form="product_addtocart_form"][type="submit"]:hover { background: var(--br-green) !important; background-color: var(--br-green) !important; color: var(--br-white) !important; } .catalog-product-view #product-addtocart-button:active, .catalog-product-view button[form="product_addtocart_form"][type="submit"]:active { transform: translateY(1px); } .catalog-product-view #product-addtocart-button svg, .catalog-product-view button[form="product_addtocart_form"][type="submit"] svg { width: 28px !important; height: 28px !important; flex: 0 0 auto; } .catalog-product-view #product-addtocart-button span, .catalog-product-view button[form="product_addtocart_form"][type="submit"] span { font-weight: 800 !important; text-transform: uppercase !important; } .catalog-product-view .product-info-main div.my-4.w-full:has(#product-addtocart-button), .catalog-product-view .product-info-main div.my-4.w-full:has(button[form="product_addtocart_form"][type="submit"]) { margin-top: 16px !important; } .catalog-product-view .product-info-main div.my-4.w-full:has(#product-addtocart-button) > div.mt-4, .catalog-product-view .product-info-main div.my-4.w-full:has(button[form="product_addtocart_form"][type="submit"]) > div.mt-4 { margin-top: 0 !important; } .catalog-product-view #product-attribute-specs-table, .catalog-product-view .additional-attributes { width: 100%; background: var(--br-surface) !important; border-collapse: collapse; } .catalog-product-view #product-attribute-specs-table tr:nth-child(odd), .catalog-product-view #product-attribute-specs-table tr:nth-child(even), .catalog-product-view .additional-attributes tr:nth-child(odd), .catalog-product-view .additional-attributes tr:nth-child(even) { background: var(--br-surface) !important; border: 0 !important; } .catalog-product-view #product-attribute-specs-table tr, .catalog-product-view .additional-attributes tr, .catalog-product-view #product-attribute-specs-table tbody, .catalog-product-view .additional-attributes tbody { border: 0 !important; } .catalog-product-view #product-attribute-specs-table th, .catalog-product-view #product-attribute-specs-table td, .catalog-product-view .additional-attributes th, .catalog-product-view .additional-attributes td { border: 0 !important; color: var(--br-black) !important; padding: 10px 18px !important; } .catalog-product-view #product-attribute-specs-table th, .catalog-product-view .additional-attributes th { color: var(--br-black) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.35 !important; } .catalog-product-view #product-attribute-specs-table td, .catalog-product-view .additional-attributes td { font-weight: 400 !important; } @media (min-width: 768px) { .catalog-product-view #product-attribute-specs-table th, .catalog-product-view .additional-attributes th { width: 25% !important; } .catalog-product-view #product-attribute-specs-table td, .catalog-product-view .additional-attributes td { width: 75% !important; } } @media (max-width: 767px) { .catalog-product-view #product-attribute-specs-table, .catalog-product-view .additional-attributes, .catalog-product-view #product-attribute-specs-table tbody, .catalog-product-view .additional-attributes tbody, .catalog-product-view #product-attribute-specs-table tr, .catalog-product-view .additional-attributes tr, .catalog-product-view #product-attribute-specs-table th, .catalog-product-view #product-attribute-specs-table td, .catalog-product-view .additional-attributes th, .catalog-product-view .additional-attributes td { display: block !important; width: 100% !important; } .catalog-product-view #product-attribute-specs-table tr, .catalog-product-view .additional-attributes tr { padding: 12px 0 !important; background: var(--br-surface) !important; } .catalog-product-view #product-attribute-specs-table th, .catalog-product-view .additional-attributes th { padding: 0 0 5px !important; } .catalog-product-view #product-attribute-specs-table td, .catalog-product-view .additional-attributes td { padding: 0 !important; } } .catalog-product-view section:has([aria-roledescription="carousel"]) .card, .catalog-product-view section:has([aria-roledescription="carousel"]) .product-item, .catalog-product-view section:has([aria-roledescription="carousel"]) [class*="border-gray"], .catalog-product-view [data-content-type="products"] .card, .catalog-product-view [data-content-type="products"] .product-item { border: 0 !important; box-shadow: none !important; } .catalog-product-view .product-item-link { color: var(--br-black) !important; } .catalog-product-view .product-item-link:hover { color: var(--br-black) !important; text-decoration: none !important; } .catalog-product-view .splide__slide .product-info .text-center, .catalog-product-view .splide__slide .product-info .product-item-link { text-align: left !important; } .catalog-product-view .splide__slide .product-info .justify-center { justify-content: flex-start !important; } .catalog-product-view .splide__slide .product-info .items-center { align-items: flex-start !important; } .catalog-product-view .splide__slide .product-info .mx-auto { margin-left: 0 !important; margin-right: 0 !important; } .catalog-product-view section:has([aria-roledescription="carousel"]) .splide__arrow, .catalog-product-view section[id^="amrelated-block"] .splide__arrow { width: 48px !important; height: 48px !important; background: var(--br-surface-soft) !important; color: var(--br-black) !important; opacity: 1 !important; border: 0 !important; border-radius: 999px !important; box-shadow: none !important; } .catalog-product-view section:has([aria-roledescription="carousel"]) .splide__arrow svg, .catalog-product-view section[id^="amrelated-block"] .splide__arrow svg { width: 22px !important; height: 22px !important; fill: var(--br-black) !important; color: var(--br-black) !important; } .catalog-product-view section:has([aria-roledescription="carousel"]) .splide__arrow:hover:not(:disabled), .catalog-product-view section[id^="amrelated-block"] .splide__arrow:hover:not(:disabled) { background: var(--br-surface-muted) !important; opacity: 1 !important; } .catalog-product-view section:has([aria-roledescription="carousel"]) .splide__arrow:disabled, .catalog-product-view section[id^="amrelated-block"] .splide__arrow:disabled { background: var(--br-border) !important; color: var(--br-text-muted) !important; opacity: 1 !important; cursor: default; } .catalog-product-view section:has([aria-roledescription="carousel"]) .splide__arrow:disabled svg, .catalog-product-view section[id^="amrelated-block"] .splide__arrow:disabled svg { fill: var(--br-text-muted) !important; color: var(--br-text-muted) !important; } section[id^="amrelated-block"] .card, section[id^="amrelated-block"] .product-item, section[id^="amrelated-block"] [class*="border-gray"] { border: 0 !important; box-shadow: none !important; } .catalog-product-view section[id^="amrelated-block"] > .container { align-items: stretch !important; margin: 18px 0 18px !important; padding: 0 0 10px !important; border-bottom: 0 !important; } .catalog-product-view section[id^="amrelated-block"] > .container > :not(script) { width: 100%; } .catalog-product-view section[id^="amrelated-block"] h2, .catalog-product-view section[id^="amrelated-block"] h3 { color: var(--br-black) !important; font-size: 24px !important; font-weight: 600 !important; line-height: 1.25 !important; text-align: left !important; } .catalog-product-view section[id^="amrelated-block"] .splide.p-14 { padding: 0 40px 32px !important; } section[id^="amrelated-block"] .product-item-link { color: var(--br-black) !important; font-size: 20px !important; font-weight: 500 !important; line-height: 1.25 !important; text-align: left !important; } section[id^="amrelated-block"] .product-item-link:hover { color: var(--br-black) !important; text-decoration: none !important; } section[id^="amrelated-block"] .splide__slide .product-info .text-center, section[id^="amrelated-block"] .splide__slide .product-info .product-item-link { text-align: left !important; } section[id^="amrelated-block"] .splide__slide .product-info .justify-center { justify-content: flex-start !important; } section[id^="amrelated-block"] .splide__slide .product-info .items-center { align-items: flex-start !important; } section[id^="amrelated-block"] .splide__slide .product-info .mx-auto { margin-left: 0 !important; margin-right: 0 !important; } section[id^="amrelated-block"] .product-info .mt-2.mb-1:has(.product-item-link) { margin-bottom: 0 !important; } section[id^="amrelated-block"] .product-info .pt-1.text-gray-900 { padding-top: 0 !important; } section[id^="amrelated-block"] .product-info .price-container, section[id^="amrelated-block"] .product-info .price-box { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 2px !important; margin-top: 6px !important; padding-top: 0 !important; } section[id^="amrelated-block"] .normal-price .price, section[id^="amrelated-block"] .special-price .price, section[id^="amrelated-block"] .final-price .price { color: var(--br-black) !important; font-size: 24px !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: 0 !important; } section[id^="amrelated-block"] .old-price { order: 2; margin-top: 0 !important; } section[id^="amrelated-block"] .old-price .price { color: var(--br-text-muted) !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.15 !important; letter-spacing: 0 !important; text-decoration-line: line-through !important; text-decoration-thickness: 1.5px !important; text-decoration-color: var(--br-text-muted) !important; text-underline-offset: 2px !important; } section[id^="amrelated-block"] .price-label, section[id^="amrelated-block"] .price-box .price-label { display: none !important; } section[id^="amrelated-block"] .rating-summary .text-yellow-400, section[id^="amrelated-block"] .rating-summary .text-yellow-500, section[id^="amrelated-block"] .text-yellow-400, section[id^="amrelated-block"] .text-yellow-500 { color: var(--br-dark) !important; fill: var(--br-dark) !important; stroke: var(--br-dark) !important; } section[id^="amrelated-block"] .splide__arrow { width: 48px !important; height: 48px !important; background: var(--br-surface-soft) !important; color: var(--br-black) !important; opacity: 1 !important; border: 0 !important; border-radius: 999px !important; box-shadow: none !important; } section[id^="amrelated-block"] .splide__arrow svg { width: 22px !important; height: 22px !important; fill: var(--br-black) !important; color: var(--br-black) !important; } section[id^="amrelated-block"] .splide__arrow:hover:not(:disabled) { background: var(--br-surface-muted) !important; opacity: 1 !important; } section[id^="amrelated-block"] .splide__arrow:disabled { background: var(--br-border) !important; color: var(--br-text-muted) !important; opacity: 1 !important; cursor: default; } section[id^="amrelated-block"] .splide__arrow:disabled svg { fill: var(--br-text-muted) !important; color: var(--br-text-muted) !important; } @media (max-width: 767px) { .catalog-product-view section[id^="amrelated-block"] .splide.p-14 { padding: 8px 0 24px !important; } } .catalog-product-view #recently_viewed_products_default_widget_pdp { margin: 18px 0 28px !important; padding: 0 0 10px !important; color: var(--br-black) !important; position: relative !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp h2, .catalog-product-view #recently_viewed_products_default_widget_pdp h3 { color: var(--br-black) !important; font-size: 24px !important; font-weight: 600 !important; line-height: 1.25 !important; text-align: left !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-track { gap: 24px !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp > .flex.gap-2.justify-between.items-center { display: block !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp .product-item, .catalog-product-view #recently_viewed_products_default_widget_pdp .product-item-info, .catalog-product-view #recently_viewed_products_default_widget_pdp .card, .catalog-product-view #recently_viewed_products_default_widget_pdp [class*="border"] { border: 0 !important; box-shadow: none !important; background: transparent !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp .product-item-photo, .catalog-product-view #recently_viewed_products_default_widget_pdp .product-image-container, .catalog-product-view #recently_viewed_products_default_widget_pdp .product-image-wrapper { width: 100% !important; max-width: 260px !important; margin-left: auto !important; margin-right: auto !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp .product-item-photo { display: flex !important; align-items: center !important; justify-content: center !important; padding-top: 14px !important; padding-bottom: 14px !important; box-sizing: border-box !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp .product-image-photo, .catalog-product-view #recently_viewed_products_default_widget_pdp img { max-height: 260px !important; object-fit: contain !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp .product-info, .catalog-product-view #recently_viewed_products_default_widget_pdp .product-info p, .catalog-product-view #recently_viewed_products_default_widget_pdp .product-info div { align-items: flex-start !important; justify-content: flex-start !important; text-align: left !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp .product-item-link, .catalog-product-view #recently_viewed_products_default_widget_pdp .product.name a, .catalog-product-view #recently_viewed_products_default_widget_pdp [class*="product-name"] a { color: var(--br-black) !important; font-size: 20px !important; font-weight: 500 !important; line-height: 1.25 !important; text-align: left !important; text-decoration: none !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp .product-item-link:hover, .catalog-product-view #recently_viewed_products_default_widget_pdp .product.name a:hover, .catalog-product-view #recently_viewed_products_default_widget_pdp [class*="product-name"] a:hover { color: var(--br-black) !important; text-decoration: none !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp .price-box, .catalog-product-view #recently_viewed_products_default_widget_pdp .price-container { margin-top: 6px !important; padding-top: 0 !important; text-align: left !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp .price, .catalog-product-view #recently_viewed_products_default_widget_pdp .price-box .price { color: var(--br-black) !important; font-size: 24px !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: 0 !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp .price-label { display: none !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp .product-item-actions, .catalog-product-view #recently_viewed_products_default_widget_pdp .actions-primary, .catalog-product-view #recently_viewed_products_default_widget_pdp .actions-secondary, .catalog-product-view #recently_viewed_products_default_widget_pdp .action.tocompare, .catalog-product-view #recently_viewed_products_default_widget_pdp [data-role="add-to-links"], .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label="Add to Compare"], .catalog-product-view #recently_viewed_products_default_widget_pdp button[title="Add to Compare"], .catalog-product-view #recently_viewed_products_default_widget_pdp .product-info .mt-auto, .catalog-product-view #recently_viewed_products_default_widget_pdp a[title="View Product"], .catalog-product-view #recently_viewed_products_default_widget_pdp .btn-primary { display: none !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Previous"], .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Next"] { width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; border: 0 !important; border-radius: 999px !important; background: var(--br-surface-soft) !important; color: var(--br-black) !important; box-shadow: none !important; opacity: 1 !important; position: absolute !important; top: 48% !important; z-index: 3 !important; transform: translateY(-50%) !important; line-height: 1 !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Previous"] { left: 12px !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Next"] { right: 12px !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Previous"] svg, .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Next"] svg { display: none !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Previous"]::before, .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Previous"]::after, .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Next"]::before, .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Next"]::after { content: "" !important; display: block !important; position: absolute !important; top: 50% !important; left: 50% !important; width: 15px !important; height: 3px !important; border: 0 !important; border-radius: 999px !important; background: currentColor !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Previous"]::before { transform: translate(-56%, -50%) rotate(-45deg) !important; transform-origin: left center !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Previous"]::after { transform: translate(-56%, -50%) rotate(45deg) !important; transform-origin: left center !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Next"]::before { transform: translate(-44%, -50%) rotate(45deg) !important; transform-origin: right center !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Next"]::after { transform: translate(-44%, -50%) rotate(-45deg) !important; transform-origin: right center !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Previous"]:disabled, .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Next"]:disabled { background: var(--br-border) !important; color: var(--br-text-muted) !important; cursor: default !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Previous"]:disabled svg, .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Next"]:disabled svg { color: var(--br-text-muted) !important; stroke: var(--br-text-muted) !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Previous"]:disabled::before, .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Previous"]:disabled::after, .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Next"]:disabled::before, .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Next"]:disabled::after { background: var(--br-text-muted) !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-pager, .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-slider-nav, .catalog-product-view #recently_viewed_products_default_widget_pdp .glider-dots { display: flex !important; justify-content: center !important; align-items: center !important; gap: 0 !important; min-height: 0 !important; margin: 18px auto 0 !important; padding: 0 16px !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-marker, .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-pager button:not([aria-label*="Previous"]):not([aria-label*="Next"]), .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-slider-nav button:not([aria-label*="Previous"]):not([aria-label*="Next"]), .catalog-product-view #recently_viewed_products_default_widget_pdp .glider-dots .glider-dot { display: block !important; width: 34px !important; height: 3px !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: var(--br-border-strong) !important; opacity: 1 !important; transform: none !important; box-shadow: none !important; font-size: 0 !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-marker:first-child, .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-pager button:not([aria-label*="Previous"]):not([aria-label*="Next"]):first-child, .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-slider-nav button:not([aria-label*="Previous"]):not([aria-label*="Next"]):first-child, .catalog-product-view #recently_viewed_products_default_widget_pdp .glider-dots .glider-dot:first-child { border-radius: 999px 0 0 999px !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-marker:last-child, .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-pager button:not([aria-label*="Previous"]):not([aria-label*="Next"]):last-child, .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-slider-nav button:not([aria-label*="Previous"]):not([aria-label*="Next"]):last-child, .catalog-product-view #recently_viewed_products_default_widget_pdp .glider-dots .glider-dot:last-child { border-radius: 0 999px 999px 0 !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-marker[aria-current="true"], .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-pager button:not([aria-label*="Previous"]):not([aria-label*="Next"])[aria-current="true"], .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-slider-nav button[aria-current="true"], .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-slider-nav button.active, .catalog-product-view #recently_viewed_products_default_widget_pdp .glider-dots .glider-dot.active, .catalog-product-view #recently_viewed_products_default_widget_pdp .glider-dots .glider-dot:hover { background: var(--br-black) !important; border-color: transparent !important; } @media (max-width: 767px) { .catalog-product-view #recently_viewed_products_default_widget_pdp { margin: 18px 0 26px !important; padding: 0 0 8px !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp h2, .catalog-product-view #recently_viewed_products_default_widget_pdp h3 { font-size: 24px !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-track { gap: 16px !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp .product-item, .catalog-product-view #recently_viewed_products_default_widget_pdp .product-item-info, .catalog-product-view #recently_viewed_products_default_widget_pdp .card { padding: 0 !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp .product-item-photo, .catalog-product-view #recently_viewed_products_default_widget_pdp .product-image-container, .catalog-product-view #recently_viewed_products_default_widget_pdp .product-image-wrapper { max-width: 240px !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp .product-image-photo, .catalog-product-view #recently_viewed_products_default_widget_pdp img { max-height: 240px !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp .product-item-link, .catalog-product-view #recently_viewed_products_default_widget_pdp .product.name a, .catalog-product-view #recently_viewed_products_default_widget_pdp [class*="product-name"] a { font-size: 19px !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Previous"], .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Next"] { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; top: 50% !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Previous"] { left: 0 !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Next"] { right: 0 !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-pager, .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-slider-nav, .catalog-product-view #recently_viewed_products_default_widget_pdp .glider-dots { display: flex !important; justify-content: center !important; gap: 0 !important; margin: 18px auto 0 !important; padding: 0 16px !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-marker, .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-pager button:not([aria-label*="Previous"]):not([aria-label*="Next"]), .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-slider-nav button:not([aria-label*="Previous"]):not([aria-label*="Next"]), .catalog-product-view #recently_viewed_products_default_widget_pdp .glider-dots .glider-dot { display: block !important; width: 24px !important; height: 3px !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: var(--br-border-strong) !important; opacity: 1 !important; transform: none !important; box-shadow: none !important; font-size: 0 !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-marker:first-child, .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-pager button:not([aria-label*="Previous"]):not([aria-label*="Next"]):first-child, .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-slider-nav button:not([aria-label*="Previous"]):not([aria-label*="Next"]):first-child, .catalog-product-view #recently_viewed_products_default_widget_pdp .glider-dots .glider-dot:first-child { border-radius: 999px 0 0 999px !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-marker:last-child, .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-pager button:not([aria-label*="Previous"]):not([aria-label*="Next"]):last-child, .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-slider-nav button:not([aria-label*="Previous"]):not([aria-label*="Next"]):last-child, .catalog-product-view #recently_viewed_products_default_widget_pdp .glider-dots .glider-dot:last-child { border-radius: 0 999px 999px 0 !important; } .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-marker[aria-current="true"], .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-pager button:not([aria-label*="Previous"]):not([aria-label*="Next"])[aria-current="true"], .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-slider-nav button[aria-current="true"], .catalog-product-view #recently_viewed_products_default_widget_pdp .snap-slider-nav button.active, .catalog-product-view #recently_viewed_products_default_widget_pdp .glider-dots .glider-dot.active, .catalog-product-view #recently_viewed_products_default_widget_pdp .glider-dots .glider-dot:hover { background: var(--br-black) !important; } } dialog#cart-drawer, #cart-drawer { background: var(--br-surface) !important; color: var(--br-text) !important; border-left: 1px solid var(--br-border) !important; border-radius: 0 !important; background-clip: padding-box; overflow: hidden !important; } html body dialog#cart-drawer.open\:flex, html body #cart-drawer.open\:flex { border-radius: 0 !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } #cart-drawer #cart-drawer-title, #cart-drawer #cart-drawer-title strong { color: var(--br-black) !important; letter-spacing: 0; } #cart-drawer #cart-drawer-title .items-total { color: var(--br-text-muted) !important; font-weight: 400 !important; } #cart-drawer > .flex:first-of-type { border-bottom: 1px solid var(--br-border) !important; margin-bottom: 14px; padding-bottom: 14px; } #cart-drawer li.border-slate-200 { border-color: var(--br-border) !important; } #cart-drawer .message.success, #cart-drawer .message.error, #cart-drawer [class*="message"].error, #cart-drawer [class*="message"].success { border: 1px solid #86efac !important; border-radius: 6px !important; background: #f0fdf4 !important; color: var(--br-black) !important; box-shadow: none !important; padding: 8px 10px !important; line-height: 1.35 !important; } #cart-drawer .message.success *, #cart-drawer .message.error *, #cart-drawer [class*="message"].error *, #cart-drawer [class*="message"].success * { color: var(--br-black) !important; } #cart-drawer ul.overflow-y-auto { scrollbar-color: var(--br-border-strong) transparent !important; scrollbar-width: thin; } #cart-drawer ul.overflow-y-auto::-webkit-scrollbar { width: 8px; } #cart-drawer ul.overflow-y-auto::-webkit-scrollbar-track { background: transparent; } #cart-drawer ul.overflow-y-auto::-webkit-scrollbar-thumb { background: var(--br-border-strong); border-radius: 999px; } @media (max-width: 639px) { #cart-drawer ul.overflow-y-auto { overflow-x: hidden !important; } #cart-drawer ul.overflow-y-auto > li { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } #cart-drawer ul.overflow-y-auto > li > .grow { width: auto !important; max-width: 100% !important; min-width: 0 !important; } #cart-drawer ul.overflow-y-auto > li > .grow > .flex:first-child { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 8px !important; align-items: start !important; } #cart-drawer ul.overflow-y-auto > li > .grow > .flex:first-child > p { min-width: 0 !important; overflow-wrap: anywhere !important; word-break: normal !important; hyphens: auto !important; } #cart-drawer ul.overflow-y-auto > li > .grow > .flex:first-child > span { justify-self: end !important; white-space: nowrap !important; } #cart-drawer ul.overflow-y-auto > li dl.table { width: 100% !important; table-layout: fixed !important; } #cart-drawer ul.overflow-y-auto > li dl.table dd { min-width: 0 !important; overflow-wrap: anywhere !important; word-break: normal !important; } } #cart-drawer li p.text-lg, #cart-drawer li p.text-lg strong { color: var(--br-black) !important; font-weight: 700; letter-spacing: 0; } #cart-drawer .price-box, #cart-drawer .price-box .price, #cart-drawer dl.flex dd { color: var(--br-black) !important; } #cart-drawer dl.table, #cart-drawer dl.table dt { color: var(--br-text-muted) !important; } #cart-drawer dl.table dd { color: var(--br-text) !important; } #cart-drawer > .flex:first-of-type button.btn { background: var(--br-surface-soft) !important; border-color: transparent !important; color: var(--br-black) !important; } #cart-drawer > .flex:first-of-type button.btn:hover { background: var(--br-surface-muted) !important; border-color: transparent !important; color: var(--br-black) !important; } #cart-drawer .btn.p-2 { background: var(--br-surface-soft) !important; border-color: transparent !important; color: var(--br-black) !important; } #cart-drawer .btn.p-2:hover { background: var(--br-surface-muted) !important; border-color: transparent !important; color: var(--br-black) !important; } #cart-drawer .btn.p-2 svg { color: currentColor !important; stroke: currentColor !important; } #cart-drawer dl.flex { color: var(--br-black) !important; border-top: 0 !important; padding-top: 10px; } #cart-drawer .relative.grid:has(> .am-discount-amount) { padding-left: 0 !important; padding-right: 0 !important; } #cart-drawer .am-discount-amount { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; margin: 0 !important; padding: 10px 0 !important; border-radius: 0 !important; background: transparent !important; color: #64748b !important; box-shadow: none !important; } #cart-drawer .am-discount-amount:hover { background: transparent !important; } #cart-drawer .am-discount-amount p { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; width: 100% !important; margin: 0 !important; color: #64748b !important; font-size: 14px !important; line-height: 1.35 !important; font-weight: 700 !important; } #cart-drawer .am-discount-amount span[x-html="cart.discount_amount"], #cart-drawer .am-discount-amount .price { margin-left: auto !important; color: #ff3c00 !important; font-weight: 700 !important; text-align: right !important; white-space: nowrap !important; } #cart-drawer #maindiv { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 12px !important; width: 100% !important; min-height: 56px !important; height: auto !important; box-sizing: border-box !important; margin-top: 12px !important; padding: 14px 16px 14px 18px !important; border-left: 0 !important; border-radius: 0 6px 6px 0 !important; background: linear-gradient(90deg, var(--br-gold) 0 4px, var(--br-surface-soft) 4px 100%) !important; color: var(--br-black) !important; text-align: left !important; } #cart-drawer #maindiv::before { content: ""; display: block; flex: 0 0 20px; width: 20px; height: 20px; background: var(--br-black); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13'/%3E%3Cpath d='M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7'/%3E%3Cpath d='M7.5 8a2.5 2.5 0 0 1 0-5C11 3 12 8 12 8s1-5 4.5-5a2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13'/%3E%3Cpath d='M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7'/%3E%3Cpath d='M7.5 8a2.5 2.5 0 0 1 0-5C11 3 12 8 12 8s1-5 4.5-5a2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E") center / contain no-repeat; } #cart-drawer #maindiv p, #cart-drawer #maindiv span, #cart-drawer #maindiv strong { margin: 0 !important; font-size: 15px !important; line-height: 1.35 !important; font-weight: 500 !important; letter-spacing: 0 !important; text-align: left !important; } #cart-drawer #maindiv #mini-carttext { padding-top: 0 !important; padding-left: 0 !important; } #cart-drawer #maindiv p, #cart-drawer #maindiv strong, #cart-drawer #maindiv span:not(.amount_text):not([class*="text-red"]):not([class*="text-rose"]) { color: var(--br-black) !important; } #cart-drawer #maindiv strong { font-weight: 700 !important; } #cart-drawer #maindiv .amount_text { color: #ff3c00 !important; } #cart-drawer #maindiv [class*="text-red"], #cart-drawer #maindiv [class*="text-rose"] { color: #ff3c00 !important; } #cart-drawer .flex-col.gap-y-4.mt-8 > a.btn[href*="/checkout/cart/"] { background: var(--br-surface-soft) !important; border-color: transparent !important; color: var(--br-black) !important; font-weight: 700; letter-spacing: 0; } #cart-drawer .flex-col.gap-y-4.mt-8 > a.btn[href*="/checkout/cart/"]:hover { background: var(--br-surface-muted) !important; border-color: transparent !important; color: var(--br-black) !important; } #cart-drawer button.btn-primary { background: var(--br-gold) !important; border-color: var(--br-gold) !important; color: var(--br-white) !important; font-weight: 700; letter-spacing: 0; } #cart-drawer button.btn-primary:hover { background: var(--br-gold-hover) !important; border-color: var(--br-gold-hover) !important; color: var(--br-white) !important; } #cart-drawer .grow.grid.place-items-center .text-center { color: var(--br-text) !important; } #cart-drawer .grow.grid.place-items-center .text-center .aspect-square { background: var(--br-surface-soft) !important; color: var(--br-text) !important; outline-color: rgba(212, 175, 55, 0.45) !important; } #cart-drawer .grow.grid.place-items-center .text-center .aspect-square svg { color: currentColor !important; fill: currentColor !important; opacity: 1 !important; } #cart-drawer .grow.grid.place-items-center .text-center strong, #cart-drawer .grow.grid.place-items-center .text-center .font-bold, #cart-drawer .grow.grid.place-items-center .text-center [class*="font-semibold"] { color: var(--br-black) !important; font-weight: 600 !important; } #cart-drawer .grow.grid.place-items-center .text-center p, #cart-drawer .grow.grid.place-items-center .text-center [class*="text-slate"], #cart-drawer .grow.grid.place-items-center .text-center [class*="text-blue"] { color: var(--br-text-muted) !important; } #cart-drawer:has(.grow.grid.place-items-center) button.btn-primary { background: var(--br-black) !important; border-color: var(--br-black) !important; color: var(--br-white) !important; } #cart-drawer:has(.grow.grid.place-items-center) button.btn-primary:hover { background: var(--br-dark) !important; border-color: var(--br-dark) !important; color: var(--br-white) !important; } #cart-drawer a.btn-primary[href*="checkout"]:not([href*="checkout/cart"]) { background: #37A000 !important; border-color: #37A000 !important; color: var(--br-white) !important; font-weight: 700; letter-spacing: 0; } #cart-drawer a.btn-primary[href*="checkout"]:not([href*="checkout/cart"]):hover { background: var(--br-green) !important; border-color: var(--br-green) !important; color: var(--br-white) !important; } .hyva_checkout-index-index #hyva-checkout-main { --form-stroke: var(--br-border-strong); --form-active-color: var(--br-dark); color: var(--br-black) !important; } .hyva_checkout-index-index .page-header #header, .hyva_checkout-index-index header.page-header #header { border-bottom: 0 !important; border-color: transparent !important; box-shadow: none !important; } .hyva_checkout-index-index #header .container:has(.amount_text) { width: calc(100% - 32px) !important; max-width: 1120px !important; margin: 18px auto 28px !important; padding: 16px 20px 16px 24px !important; display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; gap: 22px !important; background: var(--br-surface-soft) !important; border: 0 !important; border-left: 4px solid var(--br-gold) !important; border-radius: 6px !important; box-shadow: none !important; } .hyva_checkout-index-index #header .container:has(.amount_text)::before, .hyva_checkout-index-index #header .container:has(.amount_text)::after { display: none !important; content: none !important; } .hyva_checkout-index-index #header .container:has(.amount_text) > :first-child { order: 2; flex: 0 1 300px; max-width: 320px !important; } .hyva_checkout-index-index #header .container:has(.amount_text) > :last-child { order: 1; flex: 1 1 auto; } .hyva_checkout-index-index #header .container:has(.amount_text), .hyva_checkout-index-index #header .container:has(.amount_text) p, .hyva_checkout-index-index #header .container:has(.amount_text) span:not(.amount_text), .hyva_checkout-index-index #header .container:has(.amount_text) strong { color: var(--br-black) !important; } .hyva_checkout-index-index #header .container:has(.amount_text) p, .hyva_checkout-index-index #header .container:has(.amount_text) span, .hyva_checkout-index-index #header .container:has(.amount_text) strong { font-size: 15px !important; line-height: 1.35 !important; letter-spacing: 0 !important; } .hyva_checkout-index-index #header .container:has(.amount_text) strong { font-weight: 700 !important; } .hyva_checkout-index-index #header .container:has(.amount_text) .amount_text { color: #ff3c00 !important; font-weight: 700 !important; } .hyva_checkout-index-index #header .container:has(.amount_text) svg { color: var(--br-black) !important; stroke: currentColor !important; } .hyva_checkout-index-index #header .container:has(.amount_text) > :first-child [class*="bg-green"], .hyva_checkout-index-index #header .container:has(.amount_text) > :first-child [class*="bg-emerald"], .hyva_checkout-index-index #header .container:has(.amount_text) > :first-child [class*="bg-lime"] { background: var(--br-gold) !important; background-color: var(--br-gold) !important; } .hyva_checkout-index-index #header .container:has(.amount_text) > :first-child [class*="bg-gray"], .hyva_checkout-index-index #header .container:has(.amount_text) > :first-child [class*="bg-slate"], .hyva_checkout-index-index #header .container:has(.amount_text) > :first-child [class*="bg-zinc"], .hyva_checkout-index-index #header .container:has(.amount_text) > :first-child [class*="bg-neutral"] { background: var(--br-border) !important; background-color: var(--br-border) !important; } @media (max-width: 767px) { .hyva_checkout-index-index .page-header img[alt="boxingroyale"], .hyva_checkout-index-index header.page-header img[alt="boxingroyale"] { width: 180px !important; } .hyva_checkout-index-index #header .container:has(.amount_text) { width: calc(100% - 24px) !important; margin: 12px auto 20px !important; padding: 14px 14px 14px 16px !important; flex-direction: column !important; align-items: stretch !important; gap: 12px !important; } .hyva_checkout-index-index #header .container:has(.amount_text) > :first-child, .hyva_checkout-index-index #header .container:has(.amount_text) > :last-child { width: 100% !important; max-width: none !important; } .hyva_checkout-index-index #header .container:has(.amount_text) p, .hyva_checkout-index-index #header .container:has(.amount_text) span, .hyva_checkout-index-index #header .container:has(.amount_text) strong { font-size: 14px !important; line-height: 1.35 !important; text-align: left !important; } } .hyva_checkout-index-index #hyva-checkout-main .area-main, .hyva_checkout-index-index #hyva-checkout-main .area-center { color: var(--br-text) !important; } .hyva_checkout-index-index #hyva-checkout-main .area-main, .hyva_checkout-index-index #hyva-checkout-main .area-center, .hyva_checkout-index-index #hyva-checkout-main .area-right.checkout-summary { padding-top: 16px !important; } .hyva_checkout-index-index #hyva-checkout-main .area-main.space-y-6, .hyva_checkout-index-index #hyva-checkout-main .area-center.space-y-6 { row-gap: 18px !important; } .hyva_checkout-index-index #hyva-checkout-main .area-main > *, .hyva_checkout-index-index #hyva-checkout-main .area-center > * { margin-top: 0 !important; margin-bottom: 18px !important; } .hyva_checkout-index-index #hyva-checkout-main .area-main > *:last-child, .hyva_checkout-index-index #hyva-checkout-main .area-center > *:last-child { margin-bottom: 0 !important; } .hyva_checkout-index-index #hyva-checkout-main .area-center #payment-section { margin-top: 30px !important; } .hyva_checkout-index-index #hyva-checkout-main h1, .hyva_checkout-index-index #hyva-checkout-main h2, .hyva_checkout-index-index #hyva-checkout-main h3, .hyva_checkout-index-index #hyva-checkout-main legend, .hyva_checkout-index-index #hyva-checkout-main strong { color: var(--br-black) !important; letter-spacing: 0; } .hyva_checkout-index-index #hyva-checkout-main h2, .hyva_checkout-index-index #hyva-checkout-main h3, .hyva_checkout-index-index #hyva-checkout-main legend { margin-bottom: 6px !important; padding-bottom: 4px !important; } .hyva_checkout-index-index #hyva-checkout-main label, .hyva_checkout-index-index #hyva-checkout-main .text-slate-500, .hyva_checkout-index-index #hyva-checkout-main .text-slate-600, .hyva_checkout-index-index #hyva-checkout-main .text-slate-700 { color: var(--br-text) !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-form-elements, .hyva_checkout-index-index #hyva-checkout-main .field-wrapper, .hyva_checkout-index-index #hyva-checkout-main .field-wrapper-inner { row-gap: 12px !important; } .hyva_checkout-index-index #hyva-checkout-main .field-wrapper, .hyva_checkout-index-index #hyva-checkout-main .field-wrapper-inner { margin-bottom: 14px !important; } .hyva_checkout-index-index #hyva-checkout-main .area-main .field-wrapper, .hyva_checkout-index-index #hyva-checkout-main .area-main .field-wrapper-inner { margin-bottom: 10px !important; } .hyva_checkout-index-index #hyva-checkout-main .area-main .field-wrapper, .hyva_checkout-index-index #hyva-checkout-main .area-main .field-wrapper-inner, .hyva_checkout-index-index #hyva-checkout-main .area-main .input-group { width: 100% !important; max-width: 100% !important; } .hyva_checkout-index-index #hyva-checkout-main .field-wrapper label, .hyva_checkout-index-index #hyva-checkout-main .field-wrapper-inner label { margin-bottom: 6px !important; } .hyva_checkout-index-index #hyva-checkout-main .field-wrapper p, .hyva_checkout-index-index #hyva-checkout-main .field-wrapper-inner p, .hyva_checkout-index-index #hyva-checkout-main .field-wrapper .text-sm, .hyva_checkout-index-index #hyva-checkout-main .field-wrapper-inner .text-sm { margin-top: 6px !important; margin-bottom: 0 !important; line-height: 1.35 !important; } .hyva_checkout-index-index #hyva-checkout-main #shipping-details .field-aac_query > .not-required > .pt-4 { display: none !important; } .hyva_checkout-index-index #hyva-checkout-main #guest-details .field-email_address .form-hint-text, .hyva_checkout-index-index #hyva-checkout-main #shipping-details .field-telephone .form-hint-text { display: none !important; } .hyva_checkout-index-index #hyva-checkout-main #shipping-details .field-aac_manual_completion, .hyva_checkout-index-index #hyva-checkout-main #shipping-details .field-aac_manual_completion .field-wrapper-inner { margin-bottom: 8px !important; } .hyva_checkout-index-index #hyva-checkout-main #shipping-details .field-aac_manual_completion label { margin-bottom: 0 !important; gap: 10px !important; } .hyva_checkout-index-index #hyva-checkout-main .form-input, .hyva_checkout-index-index #hyva-checkout-main .form-select, .hyva_checkout-index-index #hyva-checkout-main .form-textarea { border-color: var(--br-border-strong) !important; border-radius: 6px !important; background-color: var(--br-surface) !important; color: var(--br-black) !important; box-shadow: none !important; } .hyva_checkout-index-index #hyva-checkout-main .form-input:focus, .hyva_checkout-index-index #hyva-checkout-main .form-select:focus, .hyva_checkout-index-index #hyva-checkout-main .form-textarea:focus { border-color: var(--br-dark) !important; outline-color: var(--br-dark) !important; box-shadow: 0 0 0 1px var(--br-dark) !important; } .hyva_checkout-index-index #hyva-checkout-main #shipping-details .field-aac_query input.form-input:focus, .hyva_checkout-index-index #hyva-checkout-main #shipping-details .field-aac_query input.pac-target-input:focus { border-color: var(--br-dark) !important; outline: 0 !important; box-shadow: 0 0 0 1px var(--br-dark) !important; } .hyva_checkout-index-index #hyva-checkout-main .area-main .form-input, .hyva_checkout-index-index #hyva-checkout-main .area-main .form-select { width: 100% !important; max-width: 100% !important; min-height: 42px !important; padding-top: 8px !important; padding-bottom: 8px !important; } @media (min-width: 768px) { .hyva_checkout-index-index #hyva-checkout-main #shipping-details .checkout-form-elements > .field-wrapper.field-lastname, .hyva_checkout-index-index #hyva-checkout-main #shipping-details .address-form > .grid > .field-wrapper.field-lastname, .hyva_checkout-index-index #hyva-checkout-main form#shipping .grid.grid-cols-12 > .field-wrapper.field-lastname { grid-column: span 6 / span 6 !important; } } .hyva_checkout-index-index #hyva-checkout-main .area-main .input-group:has(.form-input-addon) { gap: 0 !important; border: 1px solid var(--br-border-strong) !important; border-radius: 6px !important; background-color: var(--br-surface) !important; overflow: hidden; box-shadow: none !important; } .hyva_checkout-index-index #hyva-checkout-main .area-main .input-group:has(.form-input-addon):focus-within { border-color: var(--br-dark) !important; box-shadow: 0 0 0 1px var(--br-dark) !important; } .hyva_checkout-index-index #hyva-checkout-main .area-main .input-group .form-input-addon { border: 0 !important; border-radius: 0 !important; background-color: var(--br-surface) !important; box-shadow: none !important; } .hyva_checkout-index-index #hyva-checkout-main .area-main .input-group .form-input-addon + .form-input { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } .hyva_checkout-index-index #hyva-checkout-main .area-main .input-group .form-input-addon + .form-input:focus { border: 0 !important; outline: 0 !important; box-shadow: none !important; } .hyva_checkout-index-index #hyva-checkout-main .form-input:disabled, .hyva_checkout-index-index #hyva-checkout-main .form-select:disabled, .hyva_checkout-index-index #hyva-checkout-main .form-textarea:disabled, .hyva_checkout-index-index #hyva-checkout-main .form-input.disabled { background-color: var(--br-surface-soft) !important; color: var(--br-text-muted) !important; border-color: var(--br-border) !important; } .hyva_checkout-index-index #hyva-checkout-main .area-main .form-input.opacity-50, .hyva_checkout-index-index #hyva-checkout-main .area-main .form-select.opacity-50 { opacity: 1 !important; background-color: var(--br-surface-soft) !important; border-color: var(--br-border) !important; } .hyva_checkout-index-index #hyva-checkout-main .form-checkbox, .hyva_checkout-index-index #hyva-checkout-main .form-radio { border-color: var(--br-border-strong) !important; color: var(--br-dark) !important; accent-color: var(--br-dark); box-shadow: none !important; } .hyva_checkout-index-index #hyva-checkout-main .form-checkbox:focus, .hyva_checkout-index-index #hyva-checkout-main .form-radio:focus { outline-color: var(--br-dark) !important; box-shadow: 0 0 0 1px var(--br-dark) !important; } .hyva_checkout-index-index #hyva-checkout-main .form-checkbox:checked, .hyva_checkout-index-index #hyva-checkout-main .form-radio:checked { background-color: var(--br-dark) !important; border-color: var(--br-dark) !important; } .hyva_checkout-index-index #hyva-checkout-main .area-center label:has(input[type="radio"]) { min-height: 60px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--br-black) !important; padding: 14px 18px !important; gap: 14px !important; } .hyva_checkout-index-index #hyva-checkout-main .area-center label:has(input[type="radio"]:checked) { background: transparent !important; color: var(--br-black) !important; } .hyva_checkout-index-index #hyva-checkout-main .area-center label:has(input[type="radio"]:hover) { color: var(--br-black) !important; } .hyva_checkout-index-index #hyva-checkout-main .area-center label:has(input[type="radio"]:checked) .form-radio { background-color: var(--br-dark) !important; border-color: var(--br-dark) !important; } .hyva_checkout-index-index #hyva-checkout-main .area-center [id^="shipping-method-option-"], .hyva_checkout-index-index #hyva-checkout-main .area-center [id^="payment-method-option-"] { border: 0 !important; border-left: 2px solid transparent !important; border-radius: 0 !important; background: var(--br-surface) !important; box-shadow: none !important; overflow: hidden; transition: border-color .15s ease, background-color .15s ease; } .hyva_checkout-index-index #hyva-checkout-main .area-center [id^="shipping-method-option-"]:has(input[type="radio"]:checked), .hyva_checkout-index-index #hyva-checkout-main .area-center [id^="payment-method-option-"]:has(input[type="radio"]:checked), .hyva_checkout-index-index #hyva-checkout-main .area-center [id^="shipping-method-option-"].active, .hyva_checkout-index-index #hyva-checkout-main .area-center [id^="payment-method-option-"].active { border-color: transparent !important; border-left: 2px solid var(--br-gold) !important; background: var(--br-surface) !important; } .hyva_checkout-index-index #hyva-checkout-main .area-center [id^="shipping-method-option-"] + [id^="shipping-method-option-"], .hyva_checkout-index-index #hyva-checkout-main .area-center [id^="payment-method-option-"] + [id^="payment-method-option-"] { margin-top: 10px !important; } .hyva_checkout-index-index #hyva-checkout-main .area-center [id^="shipping-method-option-"] *, .hyva_checkout-index-index #hyva-checkout-main .area-center [id^="payment-method-option-"] * { border-color: transparent !important; } .hyva_checkout-index-index #hyva-checkout-main .area-center [id^="shipping-method-option-"]:hover, .hyva_checkout-index-index #hyva-checkout-main .area-center [id^="payment-method-option-"]:hover { border-color: transparent !important; border-left-color: var(--br-dark) !important; } .hyva_checkout-index-index #hyva-checkout-main .area-center [id^="shipping-method-option-"]:has(input[type="radio"]:checked):hover, .hyva_checkout-index-index #hyva-checkout-main .area-center [id^="payment-method-option-"]:has(input[type="radio"]:checked):hover { border-color: transparent !important; border-left-color: var(--br-gold) !important; } .hyva_checkout-index-index #hyva-checkout-main .area-center [id^="shipping-method-option-"] .form-radio, .hyva_checkout-index-index #hyva-checkout-main .area-center [id^="payment-method-option-"] .form-radio { width: 18px !important; height: 18px !important; border-width: 1px !important; border-color: var(--br-border-strong) !important; } .hyva_checkout-index-index #hyva-checkout-main .area-center [id^="shipping-method-option-"] .form-radio:checked, .hyva_checkout-index-index #hyva-checkout-main .area-center [id^="payment-method-option-"] .form-radio:checked { background-color: var(--br-dark) !important; border-color: var(--br-dark) !important; } .hyva_checkout-index-index #hyva-checkout-main .area-center [id^="shipping-method-option-"] .price, .hyva_checkout-index-index #hyva-checkout-main .area-center [id^="payment-method-option-"] .price, .hyva_checkout-index-index #hyva-checkout-main .area-center [id^="shipping-method-option-"] strong, .hyva_checkout-index-index #hyva-checkout-main .area-center [id^="payment-method-option-"] strong { color: var(--br-black) !important; font-weight: 600 !important; } .hyva_checkout-index-index #hyva-checkout-main .area-center #payment-method-option-stripe_payments #stripe-saved-cards { margin: -8px 18px 10px 36px !important; color: var(--br-text) !important; } .hyva_checkout-index-index #hyva-checkout-main .area-center #payment-method-option-stripe_payments #stripe-saved-cards > div, .hyva_checkout-index-index #hyva-checkout-main .area-center #payment-method-option-stripe_payments #stripe-saved-cards .stripe-element { border-color: transparent !important; border-radius: 0 !important; background: var(--br-surface) !important; box-shadow: none !important; } .hyva_checkout-index-index #hyva-checkout-main .area-center #payment-method-option-stripe_payments #stripe-saved-cards > .pt-2 { padding-top: 0 !important; } .hyva_checkout-index-index #hyva-checkout-main .area-center #payment-method-option-stripe_payments #stripe-saved-cards .stripe-element { overflow: hidden; } .hyva_checkout-index-index #hyva-checkout-main .area-center #payment-method-option-stripe_payments #stripe-saved-cards .stripe-element iframe { border: 0 !important; } .hyva_checkout-index-index #hyva-checkout-main .area-center #payment-method-option-stripe_payments .stripe-saved-payment-methods { margin-bottom: 8px !important; border: 0 !important; border-radius: 0 !important; background: var(--br-surface) !important; overflow: hidden; } .hyva_checkout-index-index #hyva-checkout-main .area-center #payment-method-option-stripe_payments .stripe-saved-payment-method { padding: 8px 10px !important; color: var(--br-text) !important; border-bottom: 0 !important; background: var(--br-surface) !important; } .hyva_checkout-index-index #hyva-checkout-main .area-center #payment-method-option-stripe_payments .stripe-saved-payment-method:last-child { border-bottom: 0 !important; } .hyva_checkout-index-index #hyva-checkout-main .area-center #payment-method-option-stripe_payments .stripe-saved-payment-method:hover, .hyva_checkout-index-index #hyva-checkout-main .area-center #payment-method-option-stripe_payments .stripe-saved-payment-method.bg-container-darker { background: var(--br-surface-soft) !important; } .hyva_checkout-index-index #hyva-checkout-main .area-center #payment-method-option-stripe_payments .stripe-add-new-payment-method { min-height: 40px !important; margin-bottom: 12px !important; border: 1px solid var(--br-border-strong) !important; border-radius: 6px !important; background: var(--br-surface) !important; color: var(--br-black) !important; box-shadow: none !important; } .hyva_checkout-index-index #hyva-checkout-main .area-center #payment-method-option-stripe_payments .stripe-add-new-payment-method:hover { border-color: var(--br-dark) !important; background: var(--br-surface-soft) !important; color: var(--br-black) !important; } .hyva_checkout-index-index #hyva-checkout-main .area-main .border-slate-200, .hyva_checkout-index-index #hyva-checkout-main .area-main .border-slate-300, .hyva_checkout-index-index #hyva-checkout-main .area-center .border-slate-200, .hyva_checkout-index-index #hyva-checkout-main .area-center .border-slate-300 { border-color: var(--br-border) !important; } .hyva_checkout-index-index #hyva-checkout-main .area-right.checkout-summary { background: var(--br-surface-soft) !important; border: 0 !important; border-radius: 0 !important; color: var(--br-text) !important; box-shadow: none !important; align-self: start !important; height: auto !important; min-height: 0 !important; } .hyva_checkout-index-index #hyva-checkout-main #quote-summary, .hyva_checkout-index-index #hyva-checkout-main .price-summary, .hyva_checkout-index-index #hyva-checkout-main .cart-items { color: var(--br-text) !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary.space-y-6, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .space-y-6 { row-gap: 16px !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .cart-items > *, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .total-segments .item { padding-top: 8px !important; padding-bottom: 8px !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary #quote-actions > legend.section-title { display: none !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary button, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary summary { color: var(--br-black) !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary button strong, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary summary strong { font-weight: 600 !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary #checkout-cart-details .product-title p, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .cart-items .product-title p { color: var(--br-black) !important; font-size: 16px !important; line-height: 1.35 !important; font-weight: 500 !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary #checkout-cart-details .price-box .price, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .cart-items .price-box .price { font-weight: 500 !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary #checkout-cart-details dl dd, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .cart-items dl dd { font-weight: 500 !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary #checkout-cart-details .product-price, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .cart-items .product-price, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary #checkout-cart-details .price-box, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .cart-items .price-box { color: var(--br-text) !important; font-weight: 400 !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary #checkout-cart-details .product-price > .text-right, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .cart-items .product-price > .text-right { color: var(--br-text) !important; font-weight: 400 !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary #checkout-cart-details .border-b.border-slate-300, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .cart-items .border-b.border-slate-300 { border-bottom: 0 !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .border-slate-200, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .border-slate-300, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .divide-y > :not([hidden]) ~ :not([hidden]), .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .total-segments { border-color: var(--br-border) !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .total-segments { border-top: 1px solid var(--br-border) !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .total-segments .item { border-top: 0 !important; border-bottom: 0 !important; } @media (max-width: 767px) { .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .total-segments .item { padding-top: 0 !important; padding-bottom: 0 !important; } } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .total-segments .grand_total { margin-top: 6px !important; padding-top: 12px !important; border-top: 1px solid var(--br-border) !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary svg.text-blue-900, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary button svg, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .text-blue-900 { color: var(--br-gold) !important; stroke: currentColor !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary button svg.ml-auto, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary button svg:last-child { color: var(--br-text-muted) !important; stroke: currentColor !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .text-right.max-w-fit, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .text-right.max-w-fit svg, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary button.max-w-fit, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary button.max-w-fit svg { color: var(--br-text-muted) !important; background: transparent !important; border-color: transparent !important; stroke: currentColor !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .text-right.max-w-fit:hover, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary button.max-w-fit:hover, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary button.max-w-fit:hover svg { color: var(--br-black) !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .price, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary [class*="grand"], .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .total-segments strong { color: var(--br-black) !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .grand_total .label { font-weight: 700 !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary input[name="coupon_code"], .hyva_checkout-index-index #hyva-checkout-main .checkout-summary #coupon_code, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .form-input[name="coupon_code"], .hyva_checkout-index-index #hyva-checkout-main .checkout-summary #checkout-coupon-code-details .form-input, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .coupon-code .form-input, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary input[placeholder="Enter discount code"] { border-color: transparent !important; border-width: 0 !important; background: var(--br-surface) !important; box-shadow: none !important; min-height: 44px !important; height: 44px !important; padding-top: 10px !important; padding-bottom: 10px !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary input[name="coupon_code"]:focus, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary #coupon_code:focus, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .form-input[name="coupon_code"]:focus, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary #checkout-coupon-code-details .form-input:focus, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .coupon-code .form-input:focus, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary input[placeholder="Enter discount code"]:focus { border-color: transparent !important; border-width: 0 !important; outline-color: transparent !important; box-shadow: none !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary #checkout-coupon-code-details, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .coupon-code { gap: 8px !important; margin-top: 10px !important; align-items: stretch !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary #checkout-coupon-code-details .btn, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .coupon-code .btn { min-height: 44px !important; height: 44px !important; padding-top: 9px !important; padding-bottom: 9px !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary button.btn.btn-primary:not(.btn-place-order), .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .btn.btn-primary:not(.btn-place-order) { background: var(--br-black) !important; border-color: var(--br-black) !important; color: var(--br-white) !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary button.btn.btn-primary:not(.btn-place-order):hover, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .btn.btn-primary:not(.btn-place-order):hover { background: var(--br-dark) !important; border-color: var(--br-dark) !important; color: var(--br-white) !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary button.max-w-fit, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary button:has(svg):not(.btn-place-order):not(.btn-primary) { color: var(--br-text) !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary button.max-w-fit:hover, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary button:has(svg):not(.btn-place-order):not(.btn-primary):hover { color: var(--br-black) !important; } .hyva_checkout-index-index #hyva-checkout-main .btn.btn-primary, .hyva_checkout-index-index #hyva-checkout-main a.btn.btn-primary { background: var(--br-black) !important; border-color: var(--br-black) !important; color: var(--br-white) !important; box-shadow: none !important; } .hyva_checkout-index-index #hyva-checkout-main .btn.btn-primary:hover, .hyva_checkout-index-index #hyva-checkout-main a.btn.btn-primary:hover { background: var(--br-dark) !important; border-color: var(--br-dark) !important; color: var(--br-white) !important; } .hyva_checkout-index-index #hyva-checkout-main .btn-place-order, .hyva_checkout-index-index #hyva-checkout-main button.btn-place-order { min-height: 56px !important; border-radius: 6px !important; background: var(--br-addtocart-green) !important; border-color: var(--br-addtocart-green) !important; color: var(--br-white) !important; font-weight: 700 !important; letter-spacing: 0; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .checkout-nav .btn-place-order, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .checkout-nav button.btn.btn-primary.btn-place-order, .hyva_checkout-index-index #hyva-checkout-main button.btn.btn-primary.justify-center.py-2\.5.btn-place-order { background: var(--br-addtocart-green) !important; border-color: var(--br-addtocart-green) !important; color: var(--br-white) !important; } .hyva_checkout-index-index #hyva-checkout-main .btn-place-order:hover, .hyva_checkout-index-index #hyva-checkout-main button.btn-place-order:hover { background: var(--br-green) !important; border-color: var(--br-green) !important; color: var(--br-white) !important; } .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .checkout-nav .btn-place-order:hover, .hyva_checkout-index-index #hyva-checkout-main .checkout-summary .checkout-nav button.btn.btn-primary.btn-place-order:hover, .hyva_checkout-index-index #hyva-checkout-main button.btn.btn-primary.justify-center.py-2\.5.btn-place-order:hover { background: var(--br-green) !important; border-color: var(--br-green) !important; color: var(--br-white) !important; } .hyva_checkout-index-index #hyva-checkout-main .btn.btn-secondary { background: var(--br-surface) !important; border-color: var(--br-border-strong) !important; color: var(--br-black) !important; box-shadow: none !important; } .hyva_checkout-index-index #hyva-checkout-main .btn.btn-secondary:hover { background: var(--br-surface-muted) !important; border-color: var(--br-border-strong) !important; color: var(--br-black) !important; } @media (max-width: 767px) { .hyva_checkout-index-index #hyva-checkout-main .area-right.checkout-summary { margin-left: -16px; margin-right: -16px; padding-left: 16px !important; padding-right: 16px !important; } } #newsletter-modal button[aria-label], #newsletter-modal [aria-label="Close"] { top: 16px !important; right: 16px !important; width: 42px !important; height: 42px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 0 !important; border-radius: 999px !important; background: var(--br-surface-soft) !important; color: var(--br-black) !important; box-shadow: none !important; } dialog#newsletter-modal, #newsletter-modal { z-index: 10000 !important; } #newsletter-modal button[aria-label]:hover, #newsletter-modal [aria-label="Close"]:hover { background: var(--br-surface-muted) !important; color: var(--br-black) !important; } #newsletter-modal button[aria-label] svg, #newsletter-modal [aria-label="Close"] svg { width: 22px !important; height: 22px !important; color: currentColor !important; stroke: currentColor !important; } #newsletter-validate-modal input { min-height: 54px !important; border-color: var(--br-border) !important; border-radius: 6px !important; color: var(--br-black) !important; font-size: 18px !important; box-shadow: none !important; } #newsletter-validate-modal input:focus { border-color: var(--br-dark) !important; outline-color: var(--br-dark) !important; box-shadow: 0 0 0 1px var(--br-dark) !important; } #newsletter-validate-modal input::placeholder { color: var(--br-text-muted) !important; } #newsletter-validate-modal .btn-primary { min-height: 54px !important; border-radius: 6px !important; background: var(--br-gold) !important; border-color: var(--br-gold) !important; color: var(--br-white) !important; font-size: 18px !important; font-weight: 700 !important; letter-spacing: 0; box-shadow: none !important; } #newsletter-validate-modal .btn-primary:hover { background: var(--br-gold-hover) !important; border-color: var(--br-gold-hover) !important; } @media (max-width: 639px) { #newsletter-modal { position: fixed !important; top: 50% !important; right: auto !important; bottom: auto !important; left: 50% !important; width: min(420px, calc(100vw - 28px)) !important; max-height: calc(100dvh - 32px) !important; padding: 26px 20px 22px !important; overflow-y: auto !important; transform: translate(-50%, -50%) !important; } #newsletter-modal #modal-title { max-width: calc(100% - 48px) !important; margin-right: auto !important; margin-left: auto !important; font-size: 22px !important; line-height: 1.12 !important; margin-bottom: 10px !important; } #newsletter-modal #modal-title + p, #newsletter-modal p:not(#modal-title) { margin-bottom: 16px !important; font-size: 16px !important; line-height: 1.35 !important; } #newsletter-modal button[aria-label], #newsletter-modal [aria-label="Close"] { top: 10px !important; right: 10px !important; width: 34px !important; height: 34px !important; } #newsletter-modal button[aria-label] svg, #newsletter-modal [aria-label="Close"] svg { width: 18px !important; height: 18px !important; } #newsletter-validate-modal input, #newsletter-validate-modal .btn-primary { min-height: 50px !important; font-size: 16px !important; } } @media (max-width: 639px) { .page-header #header > .container { padding-top: 6px !important; padding-bottom: 6px !important; padding-left: 16px !important; padding-right: 16px !important; } .page-header #search-content form label { min-width: 0 !important; flex: 1 1 auto !important; } .page-header #search-content input[type="search"] { min-width: 0 !important; width: 100% !important; } .catalog-product-view .columns { padding-left: 16px !important; padding-right: 16px !important; } .catalog-product-view main#maincontent > .container.flex.flex-col.md\:flex-row.flex-wrap { padding-left: 16px !important; padding-right: 16px !important; } .catalog-product-view main#maincontent { margin-top: 16px !important; } .catalog-product-view main#maincontent > .container > [data-ui-id="page-title-wrapper"] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-bottom: 16px !important; overflow-wrap: anywhere !important; word-break: normal !important; hyphens: auto !important; } .catalog-product-view nav.breadcrumbs > .container, .catalog-product-view .breadcrumbs .container.py-3\.5 { padding-left: 16px !important; padding-right: 16px !important; } .catalog-product-view .product-info-main { padding-left: 0 !important; padding-right: 0 !important; } .catalog-product-view .product-info-main .card.mb-6 { padding: 16px 0 !important; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card { column-gap: 16px; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > .brand-logo { margin-top: 2px; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > .brand-logo img { width: 48px !important; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > .my-2.flex { margin-top: 10px !important; margin-bottom: 8px !important; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > .similar_proudcts_wrapper { margin-top: 12px !important; margin-bottom: 26px !important; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > .flex.flex-col.sm\:flex-row.items-end.my-4.w-full { margin-top: 18px !important; } .catalog-product-view #product-addtocart-button, .catalog-product-view button[form="product_addtocart_form"][type="submit"] { min-height: 58px !important; font-size: 17px !important; } .catalog-product-view #product-addtocart-button svg, .catalog-product-view button[form="product_addtocart_form"][type="submit"] svg { width: 26px !important; height: 26px !important; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > .flex.mt-4.justify-end { min-height: 0 !important; margin-top: 18px !important; padding-bottom: 0 !important; font-size: 14px !important; line-height: 1.35 !important; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > #maindiv { margin-top: 16px !important; margin-bottom: 22px !important; padding-top: 14px !important; min-height: 56px !important; height: auto !important; } .catalog-product-view .product-info-main .pdp-product-info-section > .pdp-product-info-card > .product-page-static { margin-top: 0 !important; padding-top: 0 !important; } .catalog-product-view .product-info-main #maindiv { gap: 10px !important; min-height: 56px !important; height: auto !important; padding: 12px 14px 12px 16px !important; } .catalog-product-view .product-info-main #maindiv::before { flex-basis: 18px; width: 18px; height: 18px; } .catalog-product-view .product-info-main #producttext { font-size: 14px !important; line-height: 1.35 !important; } .catalog-product-view .product-info-main .product-page-static .space-y-2, .catalog-product-view .product-info-main .product-page-static [class*="cmsb"][class*="-space-y-2"] { gap: 0 !important; } .catalog-product-view .product-info-main .product-page-static .py-2, .catalog-product-view .product-info-main .product-page-static .space-y-2 > *, .catalog-product-view .product-info-main .product-page-static [class*="cmsb"][class*="-py-2"], .catalog-product-view .product-info-main .product-page-static [class*="cmsb"][class*="-space-y-2"] > * { padding-top: 2px !important; padding-bottom: 2px !important; } .catalog-product-view .product-info-main .product-page-static .space-y-2 > :first-child, .catalog-product-view .product-info-main .product-page-static [class*="cmsb"][class*="-space-y-2"] > :first-child { margin-top: 0 !important; } .catalog-product-view .product-info-main .product-page-static button, .catalog-product-view .product-info-main .product-page-static [class*="cmsb"][class*="-text"] { font-size: 15px !important; line-height: 1.4 !important; } .catalog-product-view .product-info-main .product-page-static button { min-height: 40px !important; } .catalog-product-view .labels { padding-left: 0 !important; padding-right: 0 !important; } .catalog-product-view .product-info-main .product-feature-labels__list { grid-template-columns: repeat(auto-fit, minmax(152px, 1fr)); gap: 18px 22px !important; } .catalog-product-view .product-info-main .product-feature-label { min-height: 40px !important; gap: 10px !important; padding: 0 !important; } .catalog-product-view .product-info-main .product-feature-label__icon { flex-basis: 32px !important; width: 32px !important; height: 32px !important; } .catalog-product-view .product-info-main .product-feature-label__icon svg { width: 16px !important; height: 16px !important; } .catalog-product-view .product-info-main .product-feature-label__text { font-size: 13px !important; line-height: 1.25 !important; } .catalog-product-view [x-data="initProductSections"].py-3.px-6.bg-gray-100 { padding-left: 0 !important; padding-right: 0 !important; } .catalog-product-view section[aria-roledescription="Carousel"] > .container, .catalog-product-view section[aria-roledescription="carousel"] > .container { padding-left: 16px !important; padding-right: 16px !important; } .catalog-product-view section[aria-roledescription="Carousel"] > .container.pt-6, .catalog-product-view section[aria-roledescription="carousel"] > .container.pt-6 { padding-left: 16px !important; padding-right: 16px !important; } .catalog-product-view section[id^="amrelated-block"] > .container, .catalog-product-view section[id^="amrelated-block"] > div.container.flex.flex-col.items-center, .catalog-product-view section.widget.\-slider > .container, .catalog-product-view section.widget-slider > .container { padding-inline: 16px !important; padding-left: 16px !important; padding-right: 16px !important; } .catalog-product-view section[id^="amrelated-block"] > .container { align-items: stretch !important; margin: 16px 0 14px !important; } .catalog-product-view section[id^="amrelated-block"] > .container > :not(script) { width: 100%; } .catalog-product-view section[id^="amrelated-block"] h2, .catalog-product-view section[id^="amrelated-block"] h3 { text-align: left !important; } section[id^="amrelated-block"] > .container, section[id^="amrelated-block"] > div.container.flex.flex-col.items-center, section[id^="amrelated-block"].widget.\-slider > .container, section[id^="amrelated-block"].widget-slider > .container { padding-inline: 16px !important; padding-left: 16px !important; padding-right: 16px !important; } section[id^="amrelated-block"] > .container { align-items: stretch !important; } section[id^="amrelated-block"] > .container > :not(script) { width: 100%; } section[id^="amrelated-block"] h2, section[id^="amrelated-block"] h3 { text-align: left !important; } section[id^="amrelated-block"] .related-products-content .splide.p-14, section[id^="amrelated-block"] .splide.p-14 { padding: 0 !important; } section[id^="amrelated-block"] .product-item.card { padding: 16px 0 !important; } section[id^="amrelated-block"] .splide__arrow { width: 44px !important; height: 44px !important; } section[id^="amrelated-block"] .splide__arrow svg { width: 20px !important; height: 20px !important; } .catalog-product-view .related-products-content .splide.p-14, .catalog-product-view section[aria-roledescription="Carousel"] .splide.p-14, .catalog-product-view section[aria-roledescription="carousel"] .splide.p-14 { padding: 0 !important; } .catalog-product-view section[aria-roledescription="Carousel"] .product-item.card, .catalog-product-view section[aria-roledescription="carousel"] .product-item.card { padding: 16px 0 !important; } .catalog-product-view section:has([aria-roledescription="carousel"]) .splide__arrow, .catalog-product-view section[id^="amrelated-block"] .splide__arrow { width: 44px !important; height: 44px !important; } .catalog-product-view section:has([aria-roledescription="carousel"]) .splide__arrow svg, .catalog-product-view section[id^="amrelated-block"] .splide__arrow svg { width: 20px !important; height: 20px !important; } .catalog-product-view .product-info-main > section { gap: 16px !important; } .catalog-product-view .product-info-main > section > div:first-child { margin-left: -16px !important; margin-right: -16px !important; width: calc(100% + 32px) !important; } .catalog-product-view .product-info-main > section > div:first-child .card, .catalog-product-view .product-info-main > section > div:first-child [class*="p-"] { padding-left: 0 !important; padding-right: 0 !important; } #newsletter-validate-detail .flex.flex-col.sm\:flex-row { gap: 12px !important; align-items: stretch !important; max-width: 100% !important; } #newsletter-validate-detail input[type="text"], #newsletter-validate-detail input[type="email"], #newsletter-subscribe, #newsletter-validate-detail .btn-primary { width: 100%; min-height: 52px !important; border-radius: 6px !important; } #newsletter-validate-detail input[type="text"]:first-of-type, #newsletter-validate-detail input[type="email"]:first-of-type, #newsletter-validate-detail input[type="text"]:last-of-type, #newsletter-validate-detail input[type="email"]:last-of-type, #newsletter-subscribe { border-radius: 6px !important; } #newsletter-validate-detail .text-center strong { max-width: 360px !important; margin-left: auto !important; margin-right: auto !important; font-size: 24px; line-height: 1.15; margin-bottom: 10px !important; } #newsletter-validate-detail .text-center p:last-child { max-width: 360px !important; margin-left: auto !important; margin-right: auto !important; font-size: 16px; line-height: 1.35; } #newsletter-validate-detail label { max-width: 100%; flex-basis: auto !important; } .pdp_title { max-width: 320px; margin-top: 28px !important; margin-bottom: 10px !important; font-size: 16px !important; } .parent_categories { max-width: 280px; flex-direction: column; align-items: center; gap: 6px; } .parent_categories a { width: 100% !important; min-width: 0; min-height: 36px; } } .catalog-product-view .amrelated-popup-wrapper-content #maindiv, .catalog-product-view .amrelated-popup-wrapper-content .product-page-static { display: none !important; } .catalog-product-view .amrelated-popup-wrapper-content .swatch-attribute:not([data-attribute-code="size"]), .catalog-product-view .amrelated-popup-wrapper-content .swatch-attribute:not(.size):not([data-attribute-code="size"]), .catalog-product-view .amrelated-popup-wrapper-content .similar_proudcts_wrapper, .catalog-product-view .amrelated-popup-wrapper-content .product-feature-labels__list, .catalog-product-view .amrelated-popup-wrapper-content .product-feature-label, .catalog-product-view .amrelated-popup-wrapper-content .labels { display: none !important; } .catalog-product-view .amrelated-popup-wrapper-content .btn-primary, .catalog-product-view .amrelated-popup-wrapper-content button.btn-primary, .catalog-product-view .amrelated-popup-wrapper-content button[type="submit"], .catalog-product-view .amrelated-popup-wrapper-content [data-addto="cart"] { background: var(--br-green) !important; background-color: var(--br-green) !important; color: var(--br-white) !important; border-color: var(--br-green) !important; box-shadow: none !important; } .catalog-product-view .amrelated-popup-wrapper-content .btn-primary:hover, .catalog-product-view .amrelated-popup-wrapper-content button.btn-primary:hover, .catalog-product-view .amrelated-popup-wrapper-content button[type="submit"]:hover, .catalog-product-view .amrelated-popup-wrapper-content [data-addto="cart"]:hover { background: var(--br-green-hover) !important; background-color: var(--br-green-hover) !important; color: var(--br-white) !important; border-color: var(--br-green-hover) !important; } .catalog-product-view .amrelated-content-container { margin: 32px 0 40px !important; color: var(--br-black) !important; } .catalog-product-view .amrelated-content-container > .container.mx-auto.flex { max-width: none !important; margin: 18px 0 18px !important; padding: 0 0 10px !important; border-bottom: 0 !important; } .catalog-product-view .amrelated-content-container h3, .catalog-product-view .amrelated-content-container > .container.mx-auto.flex > .title-font { color: var(--br-black) !important; font-size: 24px !important; font-weight: 600 !important; line-height: 1.25 !important; text-align: left !important; } .catalog-product-view .amrelated-content-container .amrelated-content-wrapper { gap: 28px !important; align-items: center !important; padding: 28px 30px !important; border: 0 !important; border-radius: 4px !important; background: var(--br-surface) !important; box-shadow: none !important; } .catalog-product-view .amrelated-content-container .amrelated-pack-list { flex: 1 1 auto !important; width: auto !important; max-width: none !important; gap: 22px !important; align-items: center !important; } .catalog-product-view .amrelated-content-container .amrelated-pack-item-wrapper { width: auto !important; max-width: 320px !important; flex: 1 1 260px !important; padding: 0 !important; border: 0 !important; } .catalog-product-view .amrelated-content-container .amrelated-pack-item, .catalog-product-view .amrelated-content-container .amrelated-pack-item.-main-product { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; align-items: center !important; text-align: left !important; } .catalog-product-view .amrelated-content-container .amrelated-info { align-items: flex-start !important; } .catalog-product-view .amrelated-content-container .amrelated-photo-container { width: 100px !important; min-width: 100px !important; height: 100px !important; margin: 0 !important; border: 1px solid var(--br-border) !important; border-radius: 0 !important; background: var(--br-surface) !important; } .catalog-product-view .amrelated-content-container .amrelated-photo { width: 100% !important; height: 100% !important; object-fit: contain !important; } .catalog-product-view .amrelated-content-container .amrelated-details { min-width: 0 !important; margin-left: 16px !important; color: var(--br-text) !important; } .catalog-product-view .amrelated-content-container .amrelated-name, .catalog-product-view .amrelated-content-container .amrelated-name .amrelated-link { color: var(--br-black) !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.35 !important; text-align: left !important; } .catalog-product-view .amrelated-content-container .amrelated-name .amrelated-link:hover { color: var(--br-black) !important; text-decoration: none !important; } .catalog-product-view .amrelated-content-container .amrelated-discount { min-width: 34px !important; border-radius: 2px !important; background: var(--br-gold) !important; color: var(--br-white) !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1 !important; box-shadow: none !important; } .catalog-product-view .amrelated-content-container .amrelated-checkbox { width: 22px !important; height: 22px !important; display: inline-grid !important; place-content: center !important; appearance: none !important; -webkit-appearance: none !important; accent-color: var(--br-black); background: var(--br-surface) !important; border: 1px solid var(--br-border-strong) !important; border-radius: 2px !important; border-color: var(--br-border-strong) !important; box-shadow: none !important; } .catalog-product-view .amrelated-content-container .amrelated-checkbox:checked { background: var(--br-black) !important; border-color: var(--br-black) !important; } .catalog-product-view .amrelated-content-container .amrelated-checkbox:checked::before { content: ""; width: 7px; height: 12px; border-right: 2px solid var(--br-white); border-bottom: 2px solid var(--br-white); transform: rotate(45deg) translate(-1px, -1px); } .catalog-product-view .amrelated-content-container .stars-inner, .catalog-product-view .amrelated-content-container .stars-inner svg, .catalog-product-view .amrelated-content-container .stars-inner-item { display: none !important; } .catalog-product-view .amrelated-content-container .stars-outer, .catalog-product-view .amrelated-content-container .stars-outer svg, .catalog-product-view .amrelated-content-container .stars-outer-item { display: none !important; } .catalog-product-view .amrelated-content-container .price, .catalog-product-view .amrelated-content-container .price-value, .catalog-product-view .amrelated-content-container .price-wrapper { color: var(--br-black) !important; font-weight: 700 !important; } .catalog-product-view .amrelated-content-container .final-price .text-gray-800, .catalog-product-view .amrelated-content-container .price-label, .catalog-product-view .amrelated-content-container .price-box .price-label { display: none !important; } .catalog-product-view .amrelated-content-container .amrelated-equal { align-self: center !important; color: var(--br-text-muted) !important; font-size: 72px !important; font-weight: 700 !important; line-height: 1 !important; padding: 0 8px !important; transform: translateY(0) !important; } .catalog-product-view .amrelated-content-container .amrelated-plus, .catalog-product-view .amrelated-content-container [class*="plus"], .catalog-product-view .amrelated-content-container .amrelated-content-wrapper .amrelated-pack-item-wrapper:not(:last-child)::after { color: var(--br-text-muted) !important; border-color: var(--br-text-muted) !important; } .catalog-product-view .amrelated-content-container .amrelated-summary-content-container { width: auto !important; flex: 0 0 230px !important; justify-content: flex-end !important; } .catalog-product-view .amrelated-content-container .amrelated-summary-content { width: 100% !important; margin: 0 !important; padding: 0 !important; } .catalog-product-view .amrelated-content-container .amrelated-price-wrapper { position: relative !important; width: 100% !important; height: auto !important; min-height: 104px !important; margin: 0 !important; padding: 24px 18px 18px !important; justify-content: center !important; border: 1px dashed var(--br-border) !important; border-bottom: 0 !important; color: var(--br-black) !important; } .catalog-product-view .amrelated-content-container .amrelated-discount.-summary { right: auto !important; left: 50% !important; top: 0 !important; transform: translate(-50%, -50%) !important; padding: 6px 12px !important; background: var(--br-gold) !important; white-space: nowrap !important; } .catalog-product-view .amrelated-content-container .amrelated-summary-content .main.price { color: var(--br-black) !important; font-size: 32px !important; line-height: 1.1 !important; text-align: center !important; } .catalog-product-view .amrelated-content-container .amrelated-tocart-wrapper .btn, .catalog-product-view .amrelated-content-container .amrelated-tocart-wrapper .btn-primary { min-height: 54px !important; border-radius: 6px !important; background: var(--br-addtocart-green) !important; border-color: var(--br-addtocart-green) !important; color: var(--br-white) !important; font-size: 17px !important; font-weight: 700 !important; box-shadow: none !important; } .catalog-product-view .amrelated-content-container .amrelated-tocart-wrapper .btn:hover, .catalog-product-view .amrelated-content-container .amrelated-tocart-wrapper .btn-primary:hover { background: var(--br-green) !important; border-color: var(--br-green) !important; color: var(--br-white) !important; } .catalog-product-view .amrelated-content-container .amrelated-tocart-wrapper svg { color: var(--br-white) !important; stroke: currentColor !important; } @media (max-width: 1279px) { .catalog-product-view .amrelated-content-container .amrelated-content-wrapper { align-items: stretch !important; } .catalog-product-view .amrelated-content-container .amrelated-pack-list { width: 100% !important; } .catalog-product-view .amrelated-content-container .amrelated-pack-item-wrapper { max-width: none !important; } .catalog-product-view .amrelated-content-container .amrelated-summary-content-container { flex: 1 1 100% !important; width: 100% !important; } .catalog-product-view .amrelated-content-container .amrelated-price-wrapper { border-bottom: 1px dashed var(--br-border) !important; } } @media (max-width: 767px) { .catalog-product-view .amrelated-content-container { margin: 24px 0 32px !important; } .catalog-product-view .amrelated-content-container > .container.mx-auto.flex { margin: 16px 0 14px !important; padding-bottom: 8px !important; } .catalog-product-view .amrelated-content-container h3, .catalog-product-view .amrelated-content-container > .container.mx-auto.flex > .title-font { font-size: 22px !important; } .catalog-product-view .amrelated-content-container .amrelated-content-wrapper { gap: 18px !important; padding: 18px 16px !important; border-radius: 0 !important; } .catalog-product-view .amrelated-content-container .amrelated-pack-list { gap: 16px !important; } .catalog-product-view .amrelated-content-container .amrelated-pack-item-wrapper { flex: 1 1 100% !important; width: 100% !important; padding-bottom: 16px !important; border-bottom: 1px solid var(--br-border) !important; } .catalog-product-view .amrelated-content-container .amrelated-pack-item-wrapper:last-of-type { border-bottom: 0 !important; padding-bottom: 0 !important; } .catalog-product-view .amrelated-content-container .amrelated-photo-container { width: 84px !important; min-width: 84px !important; height: 84px !important; } .catalog-product-view .amrelated-content-container .amrelated-details { margin-left: 14px !important; } .catalog-product-view .amrelated-content-container .amrelated-name, .catalog-product-view .amrelated-content-container .amrelated-name .amrelated-link { font-size: 15px !important; } .catalog-product-view .amrelated-content-container .amrelated-equal { display: none !important; } .catalog-product-view .amrelated-content-container .amrelated-summary-content { display: block !important; } .catalog-product-view .amrelated-content-container .amrelated-price-wrapper { min-height: 86px !important; margin-top: 12px !important; padding: 24px 14px 14px !important; } .catalog-product-view .amrelated-content-container .amrelated-summary-content .main.price { font-size: 30px !important; } .catalog-product-view .amrelated-content-container .amrelated-tocart-wrapper .btn, .catalog-product-view .amrelated-content-container .amrelated-tocart-wrapper .btn-primary { gap: 8px !important; min-height: 58px !important; font-size: 0 !important; } .catalog-product-view .amrelated-content-container .amrelated-tocart-wrapper .btn::after, .catalog-product-view .amrelated-content-container .amrelated-tocart-wrapper .btn-primary::after { content: "Add to Cart"; color: var(--br-white) !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1 !important; } } .catalog-product-view .page-wrapper .page-title, .catalog-product-view .page-title-wrapper .page-title, .products-grid .product-items .product-li .product-item-info .product-item-details .product-item-name .product-item-link { font-family: 'ADAM.CG PRO'; } body { font-family: 'Outfit', sans-serif; } .page-main section[aria-roledescription="carousel"] button[aria-label*="Previous"], .page-main section[aria-roledescription="carousel"] button[aria-label*="Next"], .page-main .product-slider button[aria-label*="Previous"], .page-main .product-slider button[aria-label*="Next"], section[id^="amrelated-block"] button.splide__arrow, .catalog-product-view section:has([aria-roledescription="carousel"]) button.splide__arrow, .catalog-product-view section[id^="amrelated-block"] button.splide__arrow, .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Previous"], .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Next"] { background: rgba(255, 255, 255, 0.68) !important; background-color: rgba(255, 255, 255, 0.68) !important; color: var(--br-black) !important; box-shadow: 0 4px 14px rgba(1, 1, 1, 0.06) !important; backdrop-filter: saturate(115%) blur(1px) !important; opacity: 1 !important; transition: background-color 0.16s ease, box-shadow 0.16s ease !important; } .page-main section[aria-roledescription="carousel"] button[aria-label*="Previous"]:hover:not(:disabled), .page-main section[aria-roledescription="carousel"] button[aria-label*="Next"]:hover:not(:disabled), .page-main .product-slider button[aria-label*="Previous"]:hover:not(:disabled), .page-main .product-slider button[aria-label*="Next"]:hover:not(:disabled), section[id^="amrelated-block"] button.splide__arrow:hover:not(:disabled), .catalog-product-view section:has([aria-roledescription="carousel"]) button.splide__arrow:hover:not(:disabled), .catalog-product-view section[id^="amrelated-block"] button.splide__arrow:hover:not(:disabled), .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Previous"]:hover:not(:disabled), .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Next"]:hover:not(:disabled) { background: rgba(255, 255, 255, 0.86) !important; background-color: rgba(255, 255, 255, 0.86) !important; box-shadow: 0 5px 16px rgba(1, 1, 1, 0.08) !important; opacity: 1 !important; } .page-main section[aria-roledescription="carousel"] button[aria-label*="Previous"]:disabled, .page-main section[aria-roledescription="carousel"] button[aria-label*="Next"]:disabled, .page-main .product-slider button[aria-label*="Previous"]:disabled, .page-main .product-slider button[aria-label*="Next"]:disabled, section[id^="amrelated-block"] button.splide__arrow:disabled, .catalog-product-view section:has([aria-roledescription="carousel"]) button.splide__arrow:disabled, .catalog-product-view section[id^="amrelated-block"] button.splide__arrow:disabled, .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Previous"]:disabled, .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Next"]:disabled { background: rgba(255, 255, 255, 0.42) !important; background-color: rgba(255, 255, 255, 0.42) !important; opacity: 1 !important; } .page-main section[aria-roledescription="carousel"] button[aria-label*="Previous"] > *, .page-main section[aria-roledescription="carousel"] button[aria-label*="Next"] > *, .page-main .product-slider button[aria-label*="Previous"] > *, .page-main .product-slider button[aria-label*="Next"] > *, section[id^="amrelated-block"] button.splide__arrow > *, .catalog-product-view section:has([aria-roledescription="carousel"]) button.splide__arrow > *, .catalog-product-view section[id^="amrelated-block"] button.splide__arrow > *, .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Previous"] > *, .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Next"] > * { background: transparent !important; } .catalog-product-view section[id^="amrelated-block"] button.splide__arrow, .catalog-product-view section[id^="amrelated-block"] .splide button.splide__arrow[class*="bg-neutral-700"], .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Previous"], .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Next"], .catalog-product-view #recently_viewed_products_default_widget_pdp button[class*="bg-neutral-700"] { width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: var(--br-white) !important; background-color: var(--br-white) !important; color: var(--br-black) !important; border: 0 !important; border-radius: 999px !important; box-shadow: 0 4px 14px rgba(1, 1, 1, 0.06) !important; opacity: 1 !important; } .catalog-product-view section[id^="amrelated-block"] button.splide__arrow:hover:not(:disabled), .catalog-product-view section[id^="amrelated-block"] .splide button.splide__arrow[class*="bg-neutral-700"]:hover:not(:disabled), .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Previous"]:hover:not(:disabled), .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Next"]:hover:not(:disabled), .catalog-product-view #recently_viewed_products_default_widget_pdp button[class*="bg-neutral-700"]:hover:not(:disabled) { background: var(--br-white) !important; background-color: var(--br-white) !important; box-shadow: 0 5px 16px rgba(1, 1, 1, 0.1) !important; } .catalog-product-view section[id^="amrelated-block"] button.splide__arrow svg, .catalog-product-view section[id^="amrelated-block"] button.splide__arrow > *, .catalog-product-view section[id^="amrelated-block"] .splide button.splide__arrow[class*="bg-neutral-700"] svg, .catalog-product-view section[id^="amrelated-block"] .splide button.splide__arrow[class*="bg-neutral-700"] > *, .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Previous"] svg, .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Next"] svg, .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Previous"] > *, .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Next"] > * { width: 20px !important; height: 20px !important; color: var(--br-black) !important; fill: var(--br-black) !important; stroke: var(--br-black) !important; } .catalog-product-view section[id^="amrelated-block"] .splide__pagination, .catalog-product-view section[id^="amrelated-block"] .splide__pagination.flex\!.lg\:gap-5\! { width: min(270px, calc(100% - 48px)) !important; height: 3px !important; display: flex !important; align-items: stretch !important; justify-content: stretch !important; gap: 0 !important; column-gap: 0 !important; row-gap: 0 !important; margin: 22px auto 0 !important; padding: 0 !important; background: var(--br-border-strong) !important; border-radius: 999px !important; overflow: hidden !important; } .catalog-product-view section[id^="amrelated-block"] .splide__pagination li { flex: 0 0 34px !important; width: 34px !important; height: 3px !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; } .catalog-product-view section[id^="amrelated-block"] .splide__pagination .splide__pagination__page { width: 100% !important; min-width: 0 !important; max-width: none !important; height: 3px !important; min-height: 3px !important; max-height: 3px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; transform: none !important; } .catalog-product-view section[id^="amrelated-block"] .splide__pagination .splide__pagination__page.is-active, .catalog-product-view section[id^="amrelated-block"] .splide__pagination .splide__pagination__page[aria-selected="true"], .catalog-product-view section[id^="amrelated-block"] .splide__pagination .splide__pagination__page:hover { background: var(--br-black) !important; } .hyva_checkout-index-index #hyva-checkout-main .maindiv [x-data*="initProgressBar"] > .topforclass, .hyva_checkout-index-index #hyva-checkout-main .maindiv > div[x-data*="initProgressBar"] > div { width: 100% !important; max-width: none !important; margin: 18px 0 28px !important; padding: 16px 20px 16px 58px !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; gap: 22px !important; text-align: left !important; background: var(--br-surface-soft) !important; border: 0 !important; border-left: 0 !important; border-radius: 6px !important; box-shadow: none !important; position: relative !important; inset: auto !important; z-index: 1 !important; overflow: visible !important; } .hyva_checkout-index-index #hyva-checkout-main .maindiv [x-data*="initProgressBar"] > .topforclass::before, .hyva_checkout-index-index #hyva-checkout-main .maindiv > div[x-data*="initProgressBar"] > div::before { content: "" !important; position: absolute !important; left: 0 !important; top: 0 !important; bottom: 0 !important; width: 4px !important; background: var(--br-gold) !important; border-radius: 0 !important; } .hyva_checkout-index-index #hyva-checkout-main .maindiv [x-data*="initProgressBar"] > .topforclass::after, .hyva_checkout-index-index #hyva-checkout-main .maindiv > div[x-data*="initProgressBar"] > div::after { content: "" !important; position: absolute !important; left: 20px !important; top: 50% !important; width: 22px !important; height: 22px !important; transform: translateY(-50%) !important; background: var(--br-black) !important; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13'/%3E%3Cpath d='M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7'/%3E%3Cpath d='M7.5 8a2.5 2.5 0 0 1 0-5C11 3 12 8 12 8s1-5 4.5-5a2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E") center / contain no-repeat !important; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13'/%3E%3Cpath d='M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7'/%3E%3Cpath d='M7.5 8a2.5 2.5 0 0 1 0-5C11 3 12 8 12 8s1-5 4.5-5a2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E") center / contain no-repeat !important; } .hyva_checkout-index-index #hyva-checkout-main .maindiv [x-data*="initProgressBar"] > .topforclass *, .hyva_checkout-index-index #hyva-checkout-main .maindiv > div[x-data*="initProgressBar"] > div * { color: var(--br-black) !important; } .hyva_checkout-index-index #hyva-checkout-main .maindiv [x-data*="initProgressBar"] .amount_text, .hyva_checkout-index-index #hyva-checkout-main .maindiv [x-data*="initProgressBar"] [style*="#ff3c00"], .hyva_checkout-index-index #hyva-checkout-main .maindiv [x-data*="initProgressBar"] [style*="255, 60, 0"] { color: #ff3c00 !important; } .hyva_checkout-index-index #hyva-checkout-main .maindiv [x-data*="initProgressBar"] > .topforclass > :first-child, .hyva_checkout-index-index #hyva-checkout-main .maindiv > div[x-data*="initProgressBar"] > div > :first-child { order: 2 !important; flex: 0 1 clamp(220px, 28vw, 420px) !important; max-width: 420px !important; width: 100% !important; } .hyva_checkout-index-index #hyva-checkout-main .maindiv [x-data*="initProgressBar"] > .topforclass > :last-child, .hyva_checkout-index-index #hyva-checkout-main .maindiv > div[x-data*="initProgressBar"] > div > :last-child { order: 1 !important; flex: 1 1 0 !important; min-width: 0 !important; text-align: left !important; } .hyva_checkout-index-index #hyva-checkout-main .maindiv [x-data*="initProgressBar"] > .topforclass > :last-child *, .hyva_checkout-index-index #hyva-checkout-main .maindiv > div[x-data*="initProgressBar"] > div > :last-child * { text-align: left !important; } .hyva_checkout-index-index #hyva-checkout-main .maindiv [x-data*="initProgressBar"] [class*="bg-green"], .hyva_checkout-index-index #hyva-checkout-main .maindiv [x-data*="initProgressBar"] [class*="bg-emerald"] { background-color: var(--br-gold) !important; } .hyva_checkout-index-index #hyva-checkout-main .maindiv [x-data*="initProgressBar"] .tooltip-popup, .hyva_checkout-index-index #hyva-checkout-main .maindiv [x-data*="initProgressBar"] [class*="tooltip-popup"], .hyva_checkout-index-index #hyva-checkout-main .maindiv [x-data*="initProgressBar"] .br-reward-tooltip { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } .hyva_checkout-index-index #hyva-checkout-main .maindiv [x-data*="initProgressBar"] .tooltip-dynamic, .hyva_checkout-index-index #hyva-checkout-main .maindiv [x-data*="initProgressBar"] #producttext { cursor: default !important; pointer-events: none !important; } .hyva_checkout-index-index #hyva-checkout-main #header { margin: 0 !important; padding: 0 !important; min-height: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } .hyva_checkout-index-index #hyva-checkout-main #header > .container { margin: 0 auto !important; padding: 0 !important; min-height: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } @media (max-width: 767px) { .hyva_checkout-index-index #hyva-checkout-main .maindiv [x-data*="initProgressBar"] > .topforclass, .hyva_checkout-index-index #hyva-checkout-main .maindiv > div[x-data*="initProgressBar"] > div { width: 100% !important; margin: 14px auto 22px !important; padding: 14px 16px 14px 52px !important; flex-direction: column !important; align-items: stretch !important; gap: 12px !important; text-align: left !important; overflow: hidden !important; } .hyva_checkout-index-index #hyva-checkout-main .maindiv [x-data*="initProgressBar"] > .topforclass::after, .hyva_checkout-index-index #hyva-checkout-main .maindiv > div[x-data*="initProgressBar"] > div::after { left: 18px !important; top: 50% !important; transform: translateY(-50%) !important; } .hyva_checkout-index-index #hyva-checkout-main .maindiv [x-data*="initProgressBar"] > .topforclass > :first-child, .hyva_checkout-index-index #hyva-checkout-main .maindiv > div[x-data*="initProgressBar"] > div > :first-child, .hyva_checkout-index-index #hyva-checkout-main .maindiv [x-data*="initProgressBar"] > .topforclass > :last-child, .hyva_checkout-index-index #hyva-checkout-main .maindiv > div[x-data*="initProgressBar"] > div > :last-child { width: 100% !important; max-width: none !important; flex-basis: auto !important; } .hyva_checkout-index-index #hyva-checkout-main .maindiv [x-data*="initProgressBar"] > .topforclass > :first-child, .hyva_checkout-index-index #hyva-checkout-main .maindiv > div[x-data*="initProgressBar"] > div > :first-child { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; box-sizing: border-box !important; align-self: stretch !important; } } body.amasty_xlanding-page-view section[id^="amrelated-block"] .splide .splide__pagination, body.amasty_xlanding-page-view section[id^="amrelated-block"] .splide__pagination.flex\!.lg\:gap-5\! { display: flex !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; gap: 0 !important; column-gap: 0 !important; row-gap: 0 !important; width: fit-content !important; max-width: 100% !important; margin: 22px auto 0 !important; padding: 0 !important; background: linear-gradient(var(--br-border-strong), var(--br-border-strong)) center / 100% 3px no-repeat !important; } body.amasty_xlanding-page-view section[id^="amrelated-block"] .splide .splide__pagination li, body.amasty_xlanding-page-view section[id^="amrelated-block"] .splide__pagination.flex\!.lg\:gap-5\! li { width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; } body.amasty_xlanding-page-view section[id^="amrelated-block"] .splide .splide__pagination .splide__pagination__page, body.amasty_xlanding-page-view section[id^="amrelated-block"] .splide__pagination.flex\!.lg\:gap-5\! .splide__pagination__page { display: block !important; width: 34px !important; min-width: 34px !important; max-width: 34px !important; height: 3px !important; min-height: 3px !important; max-height: 3px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: var(--br-border-strong) !important; background-color: var(--br-border-strong) !important; opacity: 1 !important; transform: none !important; box-shadow: none !important; font-size: 0 !important; line-height: 0 !important; } body.amasty_xlanding-page-view section[id^="amrelated-block"] .splide .splide__pagination li:first-child .splide__pagination__page, body.amasty_xlanding-page-view section[id^="amrelated-block"] .splide__pagination.flex\!.lg\:gap-5\! li:first-child .splide__pagination__page { border-radius: 999px 0 0 999px !important; } body.amasty_xlanding-page-view section[id^="amrelated-block"] .splide .splide__pagination li:last-child .splide__pagination__page, body.amasty_xlanding-page-view section[id^="amrelated-block"] .splide__pagination.flex\!.lg\:gap-5\! li:last-child .splide__pagination__page { border-radius: 0 999px 999px 0 !important; } body.amasty_xlanding-page-view section[id^="amrelated-block"] .splide .splide__pagination .splide__pagination__page.is-active, body.amasty_xlanding-page-view section[id^="amrelated-block"] .splide .splide__pagination .splide__pagination__page[aria-selected="true"], body.amasty_xlanding-page-view section[id^="amrelated-block"] .splide .splide__pagination .splide__pagination__page:hover, body.amasty_xlanding-page-view section[id^="amrelated-block"] .splide__pagination.flex\!.lg\:gap-5\! .splide__pagination__page.is-active, body.amasty_xlanding-page-view section[id^="amrelated-block"] .splide__pagination.flex\!.lg\:gap-5\! .splide__pagination__page[aria-selected="true"], body.amasty_xlanding-page-view section[id^="amrelated-block"] .splide__pagination.flex\!.lg\:gap-5\! .splide__pagination__page:hover { background: var(--br-black) !important; background-color: var(--br-black) !important; } @layer utilities { .catalog-product-view section[id^="amrelated-block"] button.splide__arrow, .catalog-product-view section[id^="amrelated-block"] button.splide__arrow[class], .catalog-product-view section[id^="amrelated-block"] .splide button.splide__arrow[class*="bg-neutral-700"], .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Previous"], .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Next"], .catalog-product-view #recently_viewed_products_default_widget_pdp button[class*="bg-neutral-700"], body.amasty_xlanding-page-view section[id^="amrelated-block"] button.splide__arrow, body.amasty_xlanding-page-view section[id^="amrelated-block"] button.splide__arrow[class], body.amasty_xlanding-page-view section[id^="amrelated-block"] .splide button.splide__arrow[class*="bg-neutral-700"], body.cms-index-index section[id^="amrelated-block"] button.splide__arrow, body.cms-index-index section[id^="amrelated-block"] button.splide__arrow[class], body.cms-index-index section[id^="amrelated-block"] .splide button.splide__arrow[class*="bg-neutral-700"], body.cms-home section[id^="amrelated-block"] button.splide__arrow, body.cms-home section[id^="amrelated-block"] button.splide__arrow[class], body.cms-home section[id^="amrelated-block"] .splide button.splide__arrow[class*="bg-neutral-700"], body[class*="bestsellers"] .page-main button[aria-label*="Previous"], body[class*="bestsellers"] .page-main button[aria-label*="Next"], body[class*="bestsellers"] .page-main button.splide__arrow, body[class*="bestsellers"] .page-main button[class*="bg-neutral-700"] { width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: var(--br-white) !important; background-color: var(--br-white) !important; color: var(--br-black) !important; border: 0 !important; border-radius: 999px !important; box-shadow: 0 4px 14px rgba(1, 1, 1, 0.08) !important; opacity: 1 !important; } .catalog-product-view section[id^="amrelated-block"] button.splide__arrow:hover:not(:disabled), .catalog-product-view section[id^="amrelated-block"] button.splide__arrow[class]:hover:not(:disabled), .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Previous"]:hover:not(:disabled), .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Next"]:hover:not(:disabled), body.amasty_xlanding-page-view section[id^="amrelated-block"] button.splide__arrow:hover:not(:disabled), body.amasty_xlanding-page-view section[id^="amrelated-block"] button.splide__arrow[class]:hover:not(:disabled), body.amasty_xlanding-page-view section[id^="amrelated-block"] .splide button.splide__arrow[class*="bg-neutral-700"]:hover:not(:disabled), body.cms-index-index section[id^="amrelated-block"] button.splide__arrow:hover:not(:disabled), body.cms-index-index section[id^="amrelated-block"] button.splide__arrow[class]:hover:not(:disabled), body.cms-index-index section[id^="amrelated-block"] .splide button.splide__arrow[class*="bg-neutral-700"]:hover:not(:disabled), body.cms-home section[id^="amrelated-block"] button.splide__arrow:hover:not(:disabled), body.cms-home section[id^="amrelated-block"] button.splide__arrow[class]:hover:not(:disabled), body.cms-home section[id^="amrelated-block"] .splide button.splide__arrow[class*="bg-neutral-700"]:hover:not(:disabled), body[class*="bestsellers"] .page-main button[aria-label*="Previous"]:hover:not(:disabled), body[class*="bestsellers"] .page-main button[aria-label*="Next"]:hover:not(:disabled), body[class*="bestsellers"] .page-main button.splide__arrow:hover:not(:disabled), body[class*="bestsellers"] .page-main button[class*="bg-neutral-700"]:hover:not(:disabled) { background: var(--br-white) !important; background-color: var(--br-white) !important; box-shadow: 0 5px 16px rgba(1, 1, 1, 0.12) !important; } .catalog-product-view section[id^="amrelated-block"] button.splide__arrow svg, .catalog-product-view section[id^="amrelated-block"] button.splide__arrow > *, .catalog-product-view section[id^="amrelated-block"] button.splide__arrow[class] svg, .catalog-product-view section[id^="amrelated-block"] button.splide__arrow[class] > *, .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Previous"] svg, .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Next"] svg, .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Previous"] > *, .catalog-product-view #recently_viewed_products_default_widget_pdp button[aria-label*="Next"] > *, body.amasty_xlanding-page-view section[id^="amrelated-block"] button.splide__arrow svg, body.amasty_xlanding-page-view section[id^="amrelated-block"] button.splide__arrow > *, body.amasty_xlanding-page-view section[id^="amrelated-block"] button.splide__arrow[class] svg, body.amasty_xlanding-page-view section[id^="amrelated-block"] button.splide__arrow[class] > *, body.cms-index-index section[id^="amrelated-block"] button.splide__arrow svg, body.cms-index-index section[id^="amrelated-block"] button.splide__arrow > *, body.cms-index-index section[id^="amrelated-block"] button.splide__arrow[class] svg, body.cms-index-index section[id^="amrelated-block"] button.splide__arrow[class] > *, body.cms-home section[id^="amrelated-block"] button.splide__arrow svg, body.cms-home section[id^="amrelated-block"] button.splide__arrow > *, body.cms-home section[id^="amrelated-block"] button.splide__arrow[class] svg, body.cms-home section[id^="amrelated-block"] button.splide__arrow[class] > *, body[class*="bestsellers"] .page-main button[aria-label*="Previous"] svg, body[class*="bestsellers"] .page-main button[aria-label*="Next"] svg, body[class*="bestsellers"] .page-main button.splide__arrow svg, body[class*="bestsellers"] .page-main button[aria-label*="Previous"] > *, body[class*="bestsellers"] .page-main button[aria-label*="Next"] > *, body[class*="bestsellers"] .page-main button.splide__arrow > * { width: 20px !important; height: 20px !important; background: transparent !important; color: var(--br-black) !important; fill: var(--br-black) !important; stroke: var(--br-black) !important; } .catalog-product-view section[id^="amrelated-block"] .splide__pagination, .catalog-product-view section[id^="amrelated-block"] .splide__pagination[class*="gap"], .catalog-product-view section[id^="amrelated-block"] .splide__pagination.flex\!.lg\:gap-5\!, body.cms-index-index section[id^="amrelated-block"] .splide__pagination, body.cms-index-index section[id^="amrelated-block"] .splide__pagination[class*="gap"], body.cms-index-index section[id^="amrelated-block"] .splide__pagination.flex\!.lg\:gap-5\!, body.cms-home section[id^="amrelated-block"] .splide__pagination, body.cms-home section[id^="amrelated-block"] .splide__pagination[class*="gap"], body.cms-home section[id^="amrelated-block"] .splide__pagination.flex\!.lg\:gap-5\! { width: fit-content !important; max-width: calc(100% - 48px) !important; height: 3px !important; display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 0 !important; column-gap: 0 !important; row-gap: 0 !important; margin: 22px auto 0 !important; padding: 0 !important; background: linear-gradient(var(--br-border-strong), var(--br-border-strong)) center / 100% 3px no-repeat !important; border-radius: 999px !important; overflow: hidden !important; } .catalog-product-view section[id^="amrelated-block"] .splide__pagination li, body.cms-index-index section[id^="amrelated-block"] .splide__pagination li, body.cms-home section[id^="amrelated-block"] .splide__pagination li { flex: 0 0 auto !important; width: auto !important; height: 3px !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; } .catalog-product-view section[id^="amrelated-block"] .splide__pagination .splide__pagination__page, body.cms-index-index section[id^="amrelated-block"] .splide__pagination .splide__pagination__page, body.cms-home section[id^="amrelated-block"] .splide__pagination .splide__pagination__page { width: 34px !important; min-width: 34px !important; max-width: 34px !important; height: 3px !important; min-height: 3px !important; max-height: 3px !important; margin: 0 !important; padding: 0 !important; background: var(--br-border-strong) !important; background-color: var(--br-border-strong) !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; transform: none !important; } .catalog-product-view section[id^="amrelated-block"] .splide__pagination .splide__pagination__page.is-active, .catalog-product-view section[id^="amrelated-block"] .splide__pagination .splide__pagination__page[aria-selected="true"], .catalog-product-view section[id^="amrelated-block"] .splide__pagination .splide__pagination__page:hover, body.cms-index-index section[id^="amrelated-block"] .splide__pagination .splide__pagination__page.is-active, body.cms-index-index section[id^="amrelated-block"] .splide__pagination .splide__pagination__page[aria-selected="true"], body.cms-index-index section[id^="amrelated-block"] .splide__pagination .splide__pagination__page:hover, body.cms-home section[id^="amrelated-block"] .splide__pagination .splide__pagination__page.is-active, body.cms-home section[id^="amrelated-block"] .splide__pagination .splide__pagination__page[aria-selected="true"], body.cms-home section[id^="amrelated-block"] .splide__pagination .splide__pagination__page:hover { width: 34px !important; min-width: 34px !important; max-width: 34px !important; background: var(--br-black) !important; background-color: var(--br-black) !important; transform: none !important; } } @font-face { font-family: 'Outfit'; src: url('../../frontend/Hiddentechies/hyvatheme/en_US/fonts/Outfit-Thin.woff2') format('woff2'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Outfit'; src: url('../../frontend/Hiddentechies/hyvatheme/en_US/fonts/Outfit-ExtraLight.woff2') format('woff2'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Outfit'; src: url('../../frontend/Hiddentechies/hyvatheme/en_US/fonts/Outfit-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Outfit'; src: url('../../frontend/Hiddentechies/hyvatheme/en_US/fonts/Outfit-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Outfit'; src: url('../../frontend/Hiddentechies/hyvatheme/en_US/fonts/Outfit-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Outfit'; src: url('../../frontend/Hiddentechies/hyvatheme/en_US/fonts/Outfit-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Outfit'; src: url('../../frontend/Hiddentechies/hyvatheme/en_US/fonts/Outfit-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Outfit'; src: url('../../frontend/Hiddentechies/hyvatheme/en_US/fonts/Outfit-ExtraBold.woff2') format('woff2'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Outfit'; src: url('../../frontend/Hiddentechies/hyvatheme/en_US/fonts/Outfit-Black.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'ADAM.CG PRO'; src: url('../../frontend/Hiddentechies/hyvatheme/en_US/fonts/ADAMCGPRO.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } @layer base { :where(form label) { margin-bottom: calc(var(--spacing) * 2); display: block; color: var(--color-fg-secondary); } :where(form legend) { margin-bottom: calc(var(--spacing) * 3); font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); & + br { display: none; } } :where(fieldset ~ fieldset) { margin-top: calc(var(--spacing) * 8); } } .price-box { & .price { font-size: var(--price-font-size, var(--text-base)); font-weight: var(--price-font-weight, bolder); } & .old-price, & .special-price { display: block; & .price-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } } & .old-price { --price-font-size: 0.875em; --price-font-weight: normal; .price { text-decoration: line-through; } } & .price-excluding-tax { display: block; &::after { content: " " attr(data-label); font-size: var(--price-font-size-label, 0.875rem); font-weight: var(--price-font-weight, normal); } } & .price-tax-label { font-size: var(--price-font-size-label, 0.875rem); } } .price-including-tax + .price-excluding-tax { --price-font-size: 1rem; } .price-container.price-tier_price { display: flex; gap: calc(var(--spacing) * 1); & > .price-including-tax + .price-excluding-tax { &::before { content: "(" attr(data-label) ": "; } &::after { content: ")"; } } } @layer components { .account-nav li { & a, & strong { display: flex; justify-content: space-between; padding-block: calc(var(--spacing) * 1); color: var(--color-fg-secondary); } & a:hover { text-decoration-line: underline; color: var(--color-fg); } & strong { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); text-decoration-line: underline; color: var(--color-fg); } } } .grecaptcha-badge { visibility: hidden; } .page-wrapper { display: flex; min-height: 100vh; flex-direction: column; } .page-main { flex-grow: 1; margin-block: calc(var(--spacing) * 8); } .columns { display: grid; grid-template-columns: minmax(0px, 1fr); gap: calc(var(--spacing) * 4) calc(var(--spacing) * 8); } @media (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); .columns { grid-template-columns: var(--page-layout); grid-template-rows: auto 1fr; & > .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); .columns > .column.main { order: -1; } } } @media (width >= 64rem) { [class*="page-layout-2columns-"], .page-layout-3columns { --sidebar-width: 320px; } } @media (width >= 80rem) { .page-layout-3columns { --sidebar-width: 240px; --page-layout: var(--sidebar-width) var(--main-width) var(--sidebar-width); } } @layer components { .cms-content { --text-flow: 1em 1rem; --separator-flow: 2.5em; --list-flow: 0.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; :where(h1, h2, h3, h4, h5, h6, p, dl, ul, ol, pre, hgroup) { margin-block: var(--text-flow); } :where(blockquote, figure, hr) { margin-block: var(--separator-flow); margin-inline: 0; } :where([class~="lead"]) { font-size: 1.25em; } :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; } :where(h1) { --h-size: var(--h1-size); } :where(h2) { --h-size: var(--h2-size); } :where(h3) { --h-size: var(--h3-size); } :where(h4) { --h-size: var(--h4-size); } ::marker { color: var(--marker-color); } :where(ul, ol) { list-style: revert; padding-inline-start: 2em; } :where(ol[type="a"]) { list-style-type: lower-alpha; } :where(ol[type="i"]) { list-style-type: lower-roman; } :where(ol[type="1"]) { list-style-type: decimal; } :where(blockquote) { border-inline-start: 4px solid var(--blockquote-color); padding-inline-start: 1.5em; padding-block: 0.25em; } :where(:any-link) { color: var(--link-color); font-weight: var(--link-weight); &:hover { text-decoration: underline; } } :where(table) { border-collapse: separate; border-spacing: 0; border-color: var(--table-stroke); } :where(thead, tbody, tfoot, tr, th, td) { border-color: inherit; text-align: inherit; } :where(th, td) { padding-block: var(--table-py); padding-inline: var(--table-px); background: var(--table-bg); color: var(--table-color); } :where(tr + tr :is(th, td)) { border-block-start-width: 1px; } :where(thead tr:last-child :is(th, td)) { border-block-end-width: 2px; } :where(tfoot tr:first-child :is(th, td)) { border-block-start-width: 2px; } :where(table:not(:has(.table-wrapper, [class*="overflow-"]))) { word-break: break-all; } > :where(:first-child) { margin-block-start: 0; } > :where(:last-child) { margin-block-end: 0; } max-width: 100%; } .table-wrapper { overflow: auto; } } #customer-login-container { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); column-gap: calc(var(--spacing) * 4); row-gap: calc(var(--spacing) * 8); padding-block: calc(var(--spacing) * 8); @media (width >= 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .order-links { display: flex; flex-wrap: wrap; gap: calc(var(--spacing) * 4); a { text-decoration: underline; } } .product-item { --price-font-size: 1.25em; .price-from, .price-to { --price-font-size: 1em; } } .product-info-main { --price-font-size: clamp(1.5em, 2.5vw, 2.5em); & .old-price { --price-font-size: 1em; } .product-grouped-options, .price-from, .price-to { --price-font-size: 1.5em; } } .wishlist-widget .price-box { & .price-label, & .old-price { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } } .product-image-container { display: block; margin-inline: auto; } [data-content-type="row"] { &[data-appearance="contained"] { width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } padding-inline: calc(var(--spacing) * 6); margin-inline: auto; [data-element="inner"] { background-attachment: scroll !important; } } &[data-appearance="full-bleed"] { background-attachment: scroll !important; } &[data-appearance="full-width"] { background-attachment: scroll !important; > .row-full-width-inner { width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } margin-inline: auto; padding-inline: calc(var(--spacing) * 6); } } } body:where(:not([class*="-full-width"])) { [data-content-type="row"][data-appearance="contained"] { padding-inline: calc(var(--spacing) * 0); } } [data-content-type="column-group"], [data-content-type="column-line"] { flex-wrap: wrap; @media (width >= 48rem) { flex-wrap: nowrap; } } [data-content-type="column"] { width: 100%; max-width: 100%; background-attachment: scroll !important; flex-basis: 100%; @media (width >= 48rem) { flex-basis: auto; } } [data-content-type="tabs"] { .tabs-navigation { margin-bottom: -1px; display: block; padding: calc(var(--spacing) * 0); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); li.tab-header { position: relative; margin-block: calc(var(--spacing) * 0); margin-right: calc(var(--spacing) * 0); margin-left: -1px; display: inline-block; max-width: 100%; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-style: var(--tw-border-style); border-width: 1px; border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; --tw-border-style: solid; border-style: solid; border-color: var(--color-gray-300); background-color: var(--color-gray-100); overflow-wrap: break-word; &:first-child { margin-left: calc(var(--spacing) * 0); } &.active { z-index: 20; background-color: var(--color-white); border-bottom: 1px solid white; } a.tab-title { position: relative; display: block; 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; 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); } } } } .tabs-content { position: relative; z-index: 10; overflow: hidden; border-radius: var(--radius-sm); border-style: var(--tw-border-style); border-width: 1px; --tw-border-style: solid; border-style: solid; border-color: var(--color-gray-300); background-color: var(--color-container-lighter); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); [data-content-type="tab-item"] { padding: calc(var(--spacing) * 8); min-height: inherit; background-attachment: scroll !important; } } &.tab-align-left { .tabs-content { border-top-left-radius: 0 !important; } } &.tab-align-right { .tabs-content { border-top-right-radius: 0 !important; } } } [data-content-type="text"] { overflow-wrap: break-word; } [data-content-type="heading"] { overflow-wrap: break-word; } [data-content-type="buttons"] { max-width: 100%; [data-content-type="button-item"] { margin-right: calc(var(--spacing) * 2); margin-bottom: calc(var(--spacing) * 2); max-width: 100%; [data-element="link"], [data-element="empty_link"] { max-width: 100%; overflow-wrap: break-word; } [data-element="empty_link"] { cursor: default; } a, button, div { display: inline-block; --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); } } } 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); display: inline-flex; 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); font-weight: 500; 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); &: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(: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(: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)); } --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); } &.pagebuilder-button-secondary { --btn-stroke: #0000; --btn-bg: color-mix(in srgb, oklch(46% 0.2 265) 10%, #0000); @supports (color: color-mix(in lab, red, red)) { --btn-bg: color-mix(in srgb, var(--color-primary) 10%, #0000); } --btn-hover-bg: color-mix(in srgb, oklch(46% 0.2 265) 20%, #0000); @supports (color: color-mix(in lab, red, red)) { --btn-hover-bg: color-mix(in srgb, var(--color-primary) 20%, #0000); } --btn-active-bg: color-mix(in srgb, oklch(46% 0.2 265) 30%, #0000); @supports (color: color-mix(in lab, red, red)) { --btn-active-bg: color-mix(in srgb, var(--color-primary) 30%, #0000); } --btn-color: var(--color-fg); display: inline-flex; 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); font-weight: 500; 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); &: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(: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(: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)); } --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="html"] { overflow-wrap: break-word; } [data-content-type="image"] { > [data-element="link"], > [data-element="link"] img { border-radius: inherit; } .pagebuilder-mobile-hidden { display: none; @media (width >= 48rem) { display: inline-block; } } .pagebuilder-mobile-only { display: inline-block; @media (width >= 48rem) { display: none; } } figcaption { overflow-wrap: break-word; } } [data-content-type="video"] { font-size: 0; .pagebuilder-video-inner { display: inline-block; width: 100%; } .pagebuilder-video-container { position: relative; overflow: hidden; border-radius: inherit; padding-top: 56.25%; } iframe, video { position: absolute; top: calc(var(--spacing) * 0); left: calc(var(--spacing) * 0); height: 100%; width: 100%; } } [data-content-type="banner"] { & > [data-element="link"], & > [data-element="empty_link"] { color: inherit; text-decoration: inherit; &:hover { color: inherit; text-decoration: inherit; } } .pagebuilder-banner-wrapper { overflow-wrap: break-word; background-clip: padding-box; border-radius: inherit; background-attachment: scroll !important; .pagebuilder-overlay { position: relative; padding: calc(var(--spacing) * 8); 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)); --tw-duration: 500ms; transition-duration: 500ms; --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); &.pagebuilder-poster-overlay { display: flex; align-items: center; justify-content: center; } &:not(.pagebuilder-poster-overlay) { max-width: none; @media (width >= 48rem) { max-width: var(--container-xl); } } } &.jarallax { .video-overlay { z-index: 0; } } [data-element="content"] { overflow: auto; min-height: 50px; } .pagebuilder-banner-button { margin: calc(var(--spacing) * 0); margin-top: calc(var(--spacing) * 5); display: inline-block; max-width: 100%; overflow-wrap: break-word; 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: 500ms; transition-duration: 500ms; --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); text-align: inherit; } .pagebuilder-poster-content { width: 100%; } } &[data-appearance="collage-centered"] { .pagebuilder-banner-wrapper { .pagebuilder-overlay { margin-inline: auto; } } } &[data-appearance="collage-left"] { .pagebuilder-banner-wrapper { .pagebuilder-overlay { margin-right: auto; } } } &[data-appearance="collage-right"] { .pagebuilder-banner-wrapper { .pagebuilder-overlay { margin-left: auto; } } } } [data-content-type="slider"] { position: relative; padding-block-end: 3rem; &:not(:has(.snap-track)) { display: grid; grid-auto-flow: column; grid-auto-columns: 100%; padding-block: 1.5rem calc(1.5rem + 3rem); overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; @media (prefers-reduced-motion: no-preference) { scroll-behavior: smooth; } & > * { scroll-snap-align: start; } } [data-page-builder-slider-nav] { position: absolute; inset: auto 0 0; } } [data-content-type="slide"] { position: relative; --overlay-align: initial; .pagebuilder-slide-wrapper { border-radius: inherit; min-block-size: inherit; overflow-wrap: break-word; &.jarallax { .video-overlay { -webkit-transform: unset; z-index: 1; } .pagebuilder-overlay { position: relative; z-index: 2; } [id*="jarallax-container"] > :is(div, img, video, iframe) { margin: auto !important; transform: none !important; } } } .pagebuilder-poster-content { inline-size: 100%; } [data-element="content"] { min-height: 50px; overflow: auto; } .pagebuilder-overlay { max-inline-size: 32rem; padding: 2rem; border-radius: inherit; transition: background-color 500ms ease; &.pagebuilder-poster-overlay { display: flex; align-items: center; justify-content: center; max-inline-size: 100%; min-block-size: inherit; } } &[data-appearance="collage-centered"] .pagebuilder-overlay { margin-inline: auto; } &[data-appearance="collage-left"] .pagebuilder-overlay { margin-inline: 0 auto; } &[data-appearance="collage-right"] .pagebuilder-overlay { margin-inline: auto 0; } } [data-content-type="map"] { height: calc(var(--spacing) * 72); } [data-content-type$="block"] { .block { p:last-child { margin-top: calc(var(--spacing) * 0); margin-bottom: calc(var(--spacing) * 4); } } } [data-content-type="dynamic_block"] { [data-content-type="image"] img { display: inline; } .block-banners .banner-item-content, .block-banners-inline .banner-item-content { margin-bottom: auto; } } .glider-contain { position: relative; margin-inline: auto; margin-block: calc(var(--spacing) * 0); width: 100%; } .glider { overflow-y: hidden; &.draggable { -webkit-user-select: none; user-select: none; cursor: grab; .glider-slide img { pointer-events: none; -webkit-user-select: none; user-select: none; } } &.drag { cursor: grabbing; } &::-webkit-scrollbar { height: calc(var(--spacing) * 0); opacity: 0%; } .glider-track { z-index: 10; margin: calc(var(--spacing) * 0); display: flex; width: 100%; padding: calc(var(--spacing) * 0); } } .glider-slide { margin: calc(var(--spacing) * 2); width: 100%; align-content: center; justify-content: center; -webkit-user-select: none; user-select: none; min-width: 150px; img { max-width: 100%; } } .glider-hide { opacity: 0%; } .glider-prev, .glider-next { &.disabled { cursor: default; color: var(--color-gray-500); opacity: 25%; } } .glider-dot { margin: calc(var(--spacing) * 1); display: block; height: calc(var(--spacing) * 3); width: calc(var(--spacing) * 3); cursor: pointer; border-radius: calc(infinity * 1px); background-color: var(--color-black); opacity: 25%; --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); &.active { opacity: 100%; } } @media (max-width: 36em) { .glider::-webkit-scrollbar { height: calc(var(--spacing) * 1); width: calc(var(--spacing) * 2); appearance: none; opacity: 100%; } .glider::-webkit-scrollbar-thumb { opacity: 100%; border-radius: 99px; background-color: rgba(156, 156, 156, 0.25); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.25); box-shadow: 0 0 1px rgba(255, 255, 255, 0.25); } } [data-show-arrows="false"] { .glider-prev, .glider-next { display: none; } } [data-show-dots="false"] { .glider-dots { display: none; } } @layer components { input[type="range"] { --hv-fill-min: var(--tw-range-fill-min, 0); --hv-fill: var(--tw-range-fill-max, 0); --hv-fill-color: var(--tw-range-fill-color, oklch(48.8% 0.243 264.376)); --hv-track-size: var(--tw-range-track-size, 0.5rem); --hv-thumb-size: var(--tw-range-thumb-size, 1.5rem); --hv-thumb-color: var(--tw-range-thumb-color, #fff); --hv-track: linear-gradient( to right, currentcolor 0%, currentcolor calc(var(--hv-fill-min) * 1%), var(--hv-fill-color) calc(var(--hv-fill-min) * 1%), var(--hv-fill-color) calc(var(--hv-fill) * 1%), currentcolor calc(var(--hv-fill) * 1%), currentcolor 100% ); appearance: none; color: var(--color-slate-200); &:focus { --tw-outline-style: none; outline-style: none; } height: var(--hv-thumb-size); &:hover { --hv-thumb-color: oklch(80.9% 0.105 251.813); } &:focus { --hv-thumb-color: oklch(62.3% 0.214 259.815); &::-webkit-slider-thumb { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &::-moz-range-thumb { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } &::-webkit-slider-runnable-track { width: 100%; border-radius: var(--radius-lg); height: var(--hv-track-size); background: var(--hv-track); } &::-moz-range-track { width: 100%; border-radius: var(--radius-lg); height: var(--hv-track-size); background: var(--hv-track); } &::-webkit-slider-thumb { cursor: pointer; appearance: none; border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 3px; --tw-border-style: solid; border-style: solid; border-color: var(--color-white); --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); width: var(--hv-thumb-size); height: var(--hv-thumb-size); margin-top: calc( 0.5 * calc(var(--hv-track-size) - var(--hv-thumb-size)) ); background-color: var(--hv-thumb-color); } &::-moz-range-thumb { box-sizing: border-box; cursor: pointer; appearance: none; border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 3px; --tw-border-style: solid; border-style: solid; border-color: var(--color-white); --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); width: var(--hv-thumb-size); height: var(--hv-thumb-size); background-color: var(--hv-thumb-color); } } } .multirange-slider { display: grid; grid-template-areas: "stacked"; & [type="range"] { pointer-events: none; grid-area: stacked; &::-webkit-slider-thumb { pointer-events: auto; isolation: isolate; } &::-moz-range-thumb { pointer-events: auto; isolation: isolate; } } } @layer utilities { .mask-overflow { --tw-mask-dir: to right; --tw-mask-size: 2rem; --tw-mask-color: 0 0 0; --tw-mask-start: rgb(var(--tw-mask-color) / 0%); --tw-mask-end: rgb(var(--tw-mask-color) / 0%); --tw-mask: linear-gradient( var(--tw-mask-dir), var(--tw-mask-start), rgb(var(--tw-mask-color)) var(--tw-mask-size), rgb(var(--tw-mask-color)) calc(100% - var(--tw-mask-size)), var(--tw-mask-end) ); -webkit-mask-image: var(--tw-mask); mask-image: var(--tw-mask); } .mask-overflow-start { --tw-mask-end: rgb(var(--tw-mask-color)); } .mask-overflow-end { --tw-mask-start: rgb(var(--tw-mask-color)); } .mask-dir-x { --tw-mask-dir: to right; } .mask-dir-y { --tw-mask-dir: to bottom; } } [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] { display: none; } [wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] { display: none; } [wire\:offline] { display: none; } [wire\:dirty]:not(textarea):not(input):not(select) { display: none; } input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill { animation-duration: 50000s; animation-name: livewireautofill; } #livewire-error iframe { background-color: rgb(255 255 255) !important; border-radius: 0.375rem !important; padding: 0.75rem 1rem !important; } @layer utilities { .amasty-xlanding-columns4, .amasty-xlanding-columns5 { .products-grid .product-info { .swatch-attribute-options > div { @media (width >= 80rem) { flex-wrap: wrap; } @media (width >= 80rem) { justify-content: center; } @media (width >= 96rem) { justify-content: flex-start; } } button { &.btn-primary { @media (width >= 80rem) { padding-inline: calc(var(--spacing) * 2); } } } .stock { @media (width >= 80rem) { margin-bottom: calc(var(--spacing) * 2); } } } } .amasty-xlanding-columns5.page-layout-3columns .products-grid .product-info { button.btn-primary { @media (width >= 80rem) { margin-bottom: calc(var(--spacing) * 2); } @media (width >= 80rem) { width: 100%; } > span { @media (width >= 80rem) { display: none; } } } a { &.btn-primary > span { @media (width >= 80rem) { display: none; } } } a.btn-primary + div, button.btn-primary + div { flex-wrap: nowrap; } .price, .stock, .product-item-link { @media (width >= 80rem) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .rating-summary svg { @media (width >= 80rem) { width: calc(var(--spacing) * 4); } } } .amasty-xlanding-columns5:not(.page-layout-3columns) .products-grid > ul, .amasty-xlanding-columns5:not(.page-layout-3columns) .products-grid > div, .amasty-xlanding-columns5.page-layout-3columns .products-grid > ul, .amasty-xlanding-columns5.page-layout-3columns .products-grid > div { @media (width >= 80rem) { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } } .amasty_xlanding-page-view .category-view.container { display: flex; flex-direction: column; align-items: center; padding: 1rem 0; } .amasty_xlanding-page-view .columns .sidebar-column-additional { order: 3; } .amasty_xlanding-page-view .columns .main .amasty-catalog-topnav .block-content.filter-content { max-height: none !important; } .amasty_xlanding-page-view.page-layout-2columns-left .columns .sidebar-column, .amasty_xlanding-page-view.page-layout-2columns-right .columns .sidebar-column { order: calc(1 * -1); } .amasty_xlanding-page-view.page-layout-2columns-right .columns .main { order: 1; } @media (min-width: 768px) { .amasty_xlanding-page-view.page-layout-2columns-right .columns .sidebar-column { order: 2; } } @media (min-width: 1024px) { .amasty_xlanding-page-view.page-layout-3columns .products-grid .product-info { .stock { margin-bottom: calc(var(--spacing) * 2); } .amquote-addto-button > span { display: none; } } .amasty_xlanding-page-view.page-layout-3columns { .columns { grid-template-columns: var(--page-layout); grid-auto-flow: column; } } } @media (min-width: 1536px) { .amasty_xlanding-page-view.page-layout-3columns .products-grid .product-info { .amquote-addto-button > span, a.btn-primary > span, button.btn-primary > span { display: block; } } .amasty-xlanding-columns4.amasty_xlanding-page-view .products-grid .product-info { a { &.btn-primary { column-gap: 0; } } } .amasty-xlanding-columns4.page-layout-2columns-left .products-grid .product-info { a.btn-primary { margin: calc(var(--spacing) * -1); } } } } .amasty-xlanding-bottom-description, .amasty-xlanding-bottom-static, .amasty-xlanding-top-description, .amasty-xlanding-top-static { h1 { margin-bottom: calc(var(--spacing) * 2); font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } h2 { margin-bottom: calc(var(--spacing) * 2); font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } h3 { margin-bottom: calc(var(--spacing) * 2); font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-gray-900); } h4 { margin-bottom: calc(var(--spacing) * 2); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } p { margin-bottom: calc(var(--spacing) * 2); } ul { list-style-type: disc; padding-left: calc(var(--spacing) * 8); li { margin-bottom: calc(var(--spacing) * 2); } } a { color: var(--color-blue-600); text-decoration-line: none; &:hover { @media (hover: hover) { text-decoration-line: underline; } } } } .catalog-product-view .product-info-main { section[id*='mostviewed'] { grid-column: span 2 / span 2; } section[id='amrelated_product_content_tab'] { grid-column: span 2 / span 2; } } [x-ref="bundlePopup"] .product-custom-option { &.form-textarea, &.form-select { width: 100%; } } .amrelated-popup-wrapper-content { div[id^='amrelated-product-container'] .info-container .product-options-bottom { > div { padding: calc(var(--spacing) * 4); @media (width >= 48rem) { width: 100%; } } > div > p, > div > p + div, .product-description, .product-description + div, #product-details { display: none; } div[x-data="initBundleOptions()"] .nested.options-list .field.choice { input { margin-top: calc(var(--spacing) * 1); } .price-container { display: inline-block; } } } .swatch-attribute { .product-option-label { width: 100%; @media (width >= 40rem) { width: calc(1 / 3 * 100%); } } .product-option-values { width: 100%; @media (width >= 40rem) { width: calc(2 / 3 * 100%); } } } .amrelated-product-content { .card { border: none; } .product-image-container { aspect-ratio: auto; height: auto; width: 100%; } } } .amrelated-content-container { .amrelated-content-wrapper { .amrelated-pack-item-wrapper { &[data-class='-narrow-wrapper'] { @media (min-width: 1024px) { &:last-child { .amrelated-pack-item { max-width: 120px; } } } } &:not(:last-child):after { @media (min-width: 1024px) { content: '+'; padding: calc(var(--spacing) * 2.5); font-size: 90px; --tw-leading: 100px; line-height: 100px; color: var(--color-amrel-blue-dark-text); } } } } } @layer components { @supports not (overflow-wrap: anywhere) { .break-anywhere { word-break: break-word; } } @supports (overflow-wrap: anywhere) { .break-anywhere { overflow-wrap: anywhere; } } } .magezon-builder { h1, h2, h3, h4, h5, h6 { font-size: revert; font-weight: revert; } .mgz-pricing-table { .mgz-pricing-table-heading { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .mgz-btn { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } table * { border-width: 1px; border-color: unset; } a { color: #007bdb; } .mgz-review-content-more { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); &:hover { text-decoration-line: underline; } } .mgz-element-text { ul { list-style: revert; } ol { list-style: revert; } } } .navigation .ninjamenus.ninjamenus-desktop.ninjamenus-vertical .nav-item.level0.active > a { background-color: unset; color: rgb(29, 78, 216); } .navigation .ninjamenus.ninjamenus-desktop.ninjamenus-horizontal .nav-item.level0.active > a { background-color: unset; color: rgb(29, 78, 216); } .ninjamenus .nav-item > a:hover { background: unset; } .navigation .ninjamenus.ninjamenus-desktop.ninjamenus-horizontal .nav-item.level0:hover > a { background-color: unset; color: unset; } .navigation .ninjamenus .level0 > a > span.title { font-weight: 500; } @layer utilities { #gallery .fixed.block .amasty-label-container { display: none; } .amasty-label-container.-link:hover .amlabel-text { text-decoration-line: underline; } .swiper-slide .amasty-label-container [role="tooltip"] { display: none; } @-moz-document url-prefix() { picture:has(.amlabel-position-wrapper) { display: block; } } } @layer components { :where(#hyva-checkout-main) { & .btn { border-style: var(--tw-border-style); border-width: 2px; &:disabled { cursor: not-allowed; } &:disabled { opacity: 60%; } &:not(.btn-secondary) { border-color: transparent; } } } } :where(.step-layout-3columns) { .btn-place-order { width: 100%; } } .checkout-nav { display: flex; flex-direction: column-reverse; gap: calc(var(--spacing) * 2); & .checkout-nav-main, & .checkout-nav-secondary { display: flex; flex-direction: column; gap: calc(var(--spacing) * 2); } } .area-main .checkout-nav { @media (width >= 48rem) { flex-direction: row; } & .checkout-nav-main, & .checkout-nav-secondary { @media (width >= 48rem) { flex-direction: row; } @media (width >= 48rem) { align-items: center; } @media (width >= 48rem) { flex-grow: 1; } } & .checkout-nav-main { @media (width >= 48rem) { justify-content: space-between; } & > button:only-child { @media (width >= 48rem) { margin-left: auto; } } } } .checkout-summary { :where(& > :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))); } background-color: var(--color-container-darker); padding: calc(var(--spacing) * 6); & .checkout-nav { & .btn { width: 100%; } } } :where(#hyva-checkout-main) { .breadcrumbs { .item { display: inline-flex; align-items: center; &.active { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse))); } --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } &.locked { cursor: not-allowed; color: var(--color-gray-500); } &.completed { color: var(--color-gray-700); } } } } .checkout-default:where(:has(#hyva-checkout-main)) { .columns, .page.messages .messages { max-width: var(--breakpoint-lg); } } :where(#hyva-checkout-main) { & .form-checkbox, & .form-radio { flex: none; } & .input-group { gap: 0; & > :not(:last-child) { border-inline-end-width: 0; } } } @layer components { .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; &:first-child { padding-inline-end: 0; border-inline-end: 0; } &:last-child { padding-inline-start: 0; border-inline-start: 0; } } .input-group { position: relative; display: flex; border-radius: var(--form-radius); vertical-align: middle; &:focus-within { --form-stroke: var(--form-active-color); outline: var(--outline-size, 1px) solid var(--form-active-color); outline-offset: var(--outline-offset, 0px); } & > * { margin: 0; border-radius: 0; outline: none; } & > :first-child { border-start-start-radius: inherit; border-end-start-radius: inherit; } & > :last-child { border-start-end-radius: inherit; border-end-end-radius: inherit; } & > :not(template, [hidden]:where(:not([hidden="until-found"]))) + :not(button, .btn) { border-inline-start-width: 0; } } } @layer base { :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, :where(#hyva-checkout-main) ::file-selector-button { border-color: var(--color-gray-200, currentColor); } } @property --tw-scroll-snap-strictness { syntax: "*"; inherits: false; initial-value: proximity; } @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-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @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-right-from-position { syntax: "*"; inherits: false; initial-value: 0%; } @property --tw-mask-right-to-position { syntax: "*"; inherits: false; initial-value: 100%; } @property --tw-mask-right-from-color { syntax: "*"; inherits: false; initial-value: black; } @property --tw-mask-right-to-color { syntax: "*"; inherits: false; initial-value: transparent; } @property --tw-mask-left-from-position { syntax: "*"; inherits: false; initial-value: 0%; } @property --tw-mask-left-to-position { syntax: "*"; inherits: false; initial-value: 100%; } @property --tw-mask-left-from-color { syntax: "*"; inherits: false; initial-value: black; } @property --tw-mask-left-to-color { syntax: "*"; inherits: false; initial-value: transparent; } @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-ordinal { syntax: "*"; inherits: false; } @property --tw-slashed-zero { syntax: "*"; inherits: false; } @property --tw-numeric-figure { syntax: "*"; inherits: false; } @property --tw-numeric-spacing { syntax: "*"; inherits: false; } @property --tw-numeric-fraction { 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: ""; 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: ""; 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: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: ""; 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: "*"; initial-value: ""; inherits: false; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: 0.5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } } @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-scroll-snap-strictness: proximity; --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-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --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-right-from-position: 0%; --tw-mask-right-to-position: 100%; --tw-mask-right-from-color: black; --tw-mask-right-to-color: transparent; --tw-mask-left-from-position: 0%; --tw-mask-left-to-position: 100%; --tw-mask-left-from-color: black; --tw-mask-left-to-color: transparent; --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-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: 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: ""; } } } /** * Mageplaza * * NOTICE OF LICENSE * * This source file is subject to the mageplaza.com license that is * available through the world-wide-web at this URL: * https://www.mageplaza.com/LICENSE.txt * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * version in the future. * * @category Mageplaza * @package Mageplaza_Core * @copyright Copyright (c) Mageplaza (https://www.mageplaza.com/) * @license https://www.mageplaza.com/LICENSE.txt */ .row-mp { min-height: 1px; margin: 0 -10px; } .col-mp { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-background-clip: padding-box !important; -webkit-background-clip: padding-box !important; background-clip: padding-box !important; float: left; padding: 0 10px; } /*All*/ .mp-1 { width: 8.33333333333%; } .mp-2 { width: 16.6666666667%; } .mp-3 { width: 25.0%; } .mp-4 { width: 33.3333333333%; } .mp-5 { width: 41.6666666667%; } .mp-6 { width: 50.0%; } .mp-7 { width: 58.3333333333%; } .mp-8 { width: 66.6666666667%; } .mp-9 { width: 75.0%; } .mp-10 { width: 83.3333333333%; } .mp-11 { width: 91.6666666667%; } .mp-12 { margin-left: 0; width: 100%; } .a-center { text-align: center; } .mp-clear { clear: both } @media (min-width: 1200px) { .mp-lg-1 { width: 8.33333333333%; } .mp-lg-2 { width: 16.6666666667%; } .mp-lg-3 { width: 25.0%; } .mp-lg-4 { width: 33.3333333333%; } .mp-lg-5 { width: 41.6666666667%; } .mp-lg-6 { width: 50.0%; } .mp-lg-7 { width: 58.3333333333%; } .mp-lg-8 { width: 66.6666666667%; } .mp-lg-9 { width: 75.0%; } .mp-lg-10 { width: 83.3333333333%; } .mp-lg-11 { width: 91.6666666667%; } .mp-lg-12 { margin-left: 0; width: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { .mp-md-1 { width: 8.33333333333%; } .mp-md-2 { width: 16.6666666667%; } .mp-md-3 { width: 25.0%; } .mp-md-4 { width: 33.3333333333%; } .mp-md-5 { width: 41.6666666667%; } .mp-md-6 { width: 50.0%; } .mp-md-7 { width: 58.3333333333%; } .mp-md-8 { width: 66.6666666667%; } .mp-md-9 { width: 75.0%; } .mp-md-10 { width: 83.3333333333%; } .mp-md-11 { width: 91.6666666667%; } .mp-md-12 { margin-left: 0; width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .mp-sm-1 { width: 8.33333333333%; } .mp-sm-2 { width: 16.6666666667%; } .mp-sm-3 { width: 25.0%; } .mp-sm-4 { width: 33.3333333333%; } .mp-sm-5 { width: 41.6666666667%; } .mp-sm-6 { width: 50.0%; } .mp-sm-7 { width: 58.3333333333%; } .mp-sm-8 { width: 66.6666666667%; } .mp-sm-9 { width: 75.0%; } .mp-sm-10 { width: 83.3333333333%; } .mp-sm-11 { width: 91.6666666667%; } .mp-sm-12 { margin-left: 0; width: 100%; } } @media (min-width: 481px) and (max-width: 767px) { .mp-xs-1 { width: 8.33333333333%; } .mp-xs-2 { width: 16.6666666667%; } .mp-xs-3 { width: 25.0%; } .mp-xs-4 { width: 33.3333333333%; } .mp-xs-5 { width: 41.6666666667%; } .mp-xs-6 { width: 50.0%; } .mp-xs-7 { width: 58.3333333333%; } .mp-xs-8 { width: 66.6666666667%; } .mp-xs-9 { width: 75.0%; } .mp-xs-10 { width: 83.3333333333%; } .mp-xs-11 { width: 91.6666666667%; } .mp-xs-12 { margin-left: 0; width: 100%; } } @media (max-width: 480px) { .col-mp { width: 100%; } } @font-face { font-family: 'Magento-Icons'; src: url('../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/fonts/Magento-Icons/Magento-Icons.eot'); src: url('../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/fonts/Magento-Icons/Magento-Icons.eot?#iefix') format('embedded-opentype'), url('../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/fonts/Magento-Icons/Magento-Icons.woff2') format('woff2'), url('../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/fonts/Magento-Icons/Magento-Icons.woff') format('woff'), url('../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/fonts/Magento-Icons/Magento-Icons.ttf') format('truetype'), url('../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/fonts/Magento-Icons/Magento-Icons.svg#Magento-Icons') format('svg'); font-weight: normal; font-style: normal; } .spinner { display: inline-block; font-size: 4rem; height: 1em; margin-right: 1.5rem; position: relative; width: 1em; } .spinner > span { -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); -webkit-animation-name: fade; -moz-animation-name: fade; -ms-animation-name: fade; animation-name: fade; -webkit-animation-duration: .72s; -moz-animation-duration: .72s; -ms-animation-duration: .72s; animation-duration: .72s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; -moz-animation-direction: normal; -ms-animation-direction: normal; animation-direction: normal; background-color: #fff; border-radius: 6px; clip: rect(0 0.28571429em 0.1em 0); height: .1em; margin-top: .5em; position: absolute; width: 1em; } .spinner > span:nth-child(1) { -webkit-animation-delay: 0.27s; -moz-animation-delay: 0.27s; -ms-animation-delay: 0.27s; animation-delay: 0.27s; -webkit-transform: rotate(-315deg); -moz-transform: rotate(-315deg); -ms-transform: rotate(-315deg); transform: rotate(-315deg); } .spinner > span:nth-child(2) { -webkit-animation-delay: 0.36s; -moz-animation-delay: 0.36s; -ms-animation-delay: 0.36s; animation-delay: 0.36s; -webkit-transform: rotate(-270deg); -moz-transform: rotate(-270deg); -ms-transform: rotate(-270deg); transform: rotate(-270deg); } .spinner > span:nth-child(3) { -webkit-animation-delay: 0.45s; -moz-animation-delay: 0.45s; -ms-animation-delay: 0.45s; animation-delay: 0.45s; -webkit-transform: rotate(-225deg); -moz-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); } .spinner > span:nth-child(4) { -webkit-animation-delay: 0.54s; -moz-animation-delay: 0.54s; -ms-animation-delay: 0.54s; animation-delay: 0.54s; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .spinner > span:nth-child(5) { -webkit-animation-delay: 0.63s; -moz-animation-delay: 0.63s; -ms-animation-delay: 0.63s; animation-delay: 0.63s; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .spinner > span:nth-child(6) { -webkit-animation-delay: 0.72s; -moz-animation-delay: 0.72s; -ms-animation-delay: 0.72s; animation-delay: 0.72s; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .spinner > span:nth-child(7) { -webkit-animation-delay: 0.81s; -moz-animation-delay: 0.81s; -ms-animation-delay: 0.81s; animation-delay: 0.81s; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .spinner > span:nth-child(8) { -webkit-animation-delay: 0.9; -moz-animation-delay: 0.9; -ms-animation-delay: 0.9; animation-delay: 0.9; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } @-moz-keyframes fade { 0% { background-color: #514943; } 100% { background-color: #fff; } } @-webkit-keyframes fade { 0% { background-color: #514943; } 100% { background-color: #fff; } } @-ms-keyframes fade { 0% { background-color: #514943; } 100% { background-color: #fff; } } @keyframes fade { 0% { background-color: #514943; } 100% { background-color: #fff; } } form.loading .mgz__spinner { display: block; } .mgz__spinner { display: none; position: relative; width: 186px; height: 20px; margin: auto; position: absolute; left: 45%; top: 15px; } .mgz__spinner .spinner-item { position: absolute; top: 0; background-color: #d8d8d8; width: 20px; height: 20px; animation-name: bounce_fountainG; -o-animation-name: bounce_fountainG; -ms-animation-name: bounce_fountainG; -webkit-animation-name: bounce_fountainG; -moz-animation-name: bounce_fountainG; animation-duration: 0.645s; -o-animation-duration: 0.645s; -ms-animation-duration: 0.645s; -webkit-animation-duration: 0.645s; -moz-animation-duration: 0.645s; animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -webkit-animation-direction: normal; -moz-animation-direction: normal; transform: scale(0.3); -o-transform: scale(0.3); -ms-transform: scale(0.3); -webkit-transform: scale(0.3); -moz-transform: scale(0.3); border-radius: 15px; -o-border-radius: 15px; -ms-border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; } .mgz__spinner .spinner-item.spinner-item-1 { left: 0; animation-delay: 0.256s; -o-animation-delay: 0.256s; -ms-animation-delay: 0.256s; -webkit-animation-delay: 0.256s; -moz-animation-delay: 0.256s; } .mgz__spinner .spinner-item.spinner-item-2 { left: 20px; animation-delay: 0.3225s; -o-animation-delay: 0.3225s; -ms-animation-delay: 0.3225s; -webkit-animation-delay: 0.3225s; -moz-animation-delay: 0.3225s; } .mgz__spinner .spinner-item.spinner-item-3 { left: 40px; animation-delay: 0.389s; -o-animation-delay: 0.389s; -ms-animation-delay: 0.389s; -webkit-animation-delay: 0.389s; -moz-animation-delay: 0.389s; } .mgz__spinner .spinner-item.spinner-item-4 { left: 60px; animation-delay: 0.4555s; -o-animation-delay: 0.4555s; -ms-animation-delay: 0.4555s; -webkit-animation-delay: 0.4555s; -moz-animation-delay: 0.4555s; } .mgz__spinner .spinner-item.spinner-item-5 { left: 80px; animation-delay: 0.522s; -o-animation-delay: 0.522s; -ms-animation-delay: 0.522s; -webkit-animation-delay: 0.522s; -moz-animation-delay: 0.522s; } .mgz__spinner .spinner-item.spinner-item-6 { left: 100px; animation-delay: 0.5885s; -o-animation-delay: 0.5885s; -ms-animation-delay: 0.5885s; -webkit-animation-delay: 0.5885s; -moz-animation-delay: 0.5885s; } .mgz__spinner .spinner-item.spinner-item-7 { left: 120px; animation-delay: 0.645s; -o-animation-delay: 0.645s; -ms-animation-delay: 0.645s; -webkit-animation-delay: 0.645s; -moz-animation-delay: 0.645s; } .mgz__spinner .spinner-item.spinner-item-8 { left: 140px; animation-delay: 0.7115s; -o-animation-delay: 0.7115s; -ms-animation-delay: 0.7115s; -webkit-animation-delay: 0.7115s; -moz-animation-delay: 0.7115s; } @keyframes bounce_fountainG { 0% { transform: scale(1); background-color: #d8d8d8; } 100% { transform: scale(0.3); background-color: #d8d8d8; } } @-o-keyframes bounce_fountainG { 0% { -o-transform: scale(1); background-color: #d8d8d8; } 100% { -o-transform: scale(0.3); background-color: #d8d8d8; } } @-ms-keyframes bounce_fountainG { 0% { -ms-transform: scale(1); background-color: #d8d8d8; } 100% { -ms-transform: scale(0.3); background-color: #d8d8d8; } } @-webkit-keyframes bounce_fountainG { 0% { -webkit-transform: scale(1); background-color: #d8d8d8; } 100% { -webkit-transform: scale(0.3); background-color: #d8d8d8; } } @-moz-keyframes bounce_fountainG { 0% { -moz-transform: scale(1); background-color: #d8d8d8; } 100% { -moz-transform: scale(0.3); background-color: #d8d8d8; } } .mgz__page-actions.page-main-actions { margin: 0 0 3rem; background: #f8f8f8; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; padding: 1.5rem; } .mgz__page-actions.page-main-actions .page-actions .page-actions-buttons { float: right; justify-content: flex-end; display: -webkit-flex; display: -ms-flexbox; display: flex; } .mgz__page-actions.page-main-actions .page-actions .page-actions-buttons button { background-color: transparent; text-shadow: none; color: #41362f; font-size: 1.6rem; letter-spacing: .025em; padding-bottom: .8875em; padding-top: .8875em; border-color: transparent; box-shadow: none; margin-left: 1.3rem; font-weight: 600; } .mgz__page-actions.page-main-actions .page-actions .page-actions-buttons button.primary { -ms-flex-order: 2; -webkit-order: 2; order: 2; background-color: #eb5202; border-color: #eb5202; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25); } .mgz__page-actions.page-main-actions .page-actions .page-actions-buttons button.primary:hover { background-color: #ba4000; border-color: #b84002; box-shadow: 0 0 0 1px #007bdb; color: #fff; text-decoration: none; } .mgz__page-actions.page-main-actions .page-actions .page-actions-buttons button.action-secondary { background-color: #514943; border-color: #514943; color: #fff; } .mgz__page-actions.page-main-actions .page-actions .page-actions-buttons button.action-secondary:hover { background-color: #35302c; border-color: #35302c; box-shadow: 0 0 0 1px #007bdb; } .mgz__page-actions.page-main-actions .page-actions .page-actions-buttons > button.back { float: left; -ms-flex-order: -1; -webkit-order: -1; order: -1; margin-left: 1.3rem; } @media (max-width: 480px) { .mgz__page-actions.page-main-actions .page-actions .page-actions-buttons { display: block; } .mgz__page-actions.page-main-actions .page-actions .page-actions-buttons button.back { margin: 0; } } .mgz__page-actions.page-main-actions .page-actions:before, .mgz__page-actions.page-main-actions .page-actions:after { content: ''; display: table; clear: both; } .mgz__page-actions.page-main-actions .page-actions #back:before { content: '\e626'; margin-right: .5em; position: relative; top: 1px; font-family: 'Magento-Icons'; } @media (max-width: 480px) { .mgz__page-actions.page-main-actions .page-actions .page-actions-buttons { text-align: center; } .mgz__page-actions.page-main-actions .page-actions .page-actions-buttons button { margin-left: 0; } } .sidebar { max-width: 100%; } .navigation .ninjamenus { font-weight: normal !important; } .navigation > .ninjamenus.ninjamenus-desktop { margin: 0 20px; } .nav-item { position: relative; text-align: left; } .nav-item.active > a { color: #f55856; } .nav-item > a { -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -ms-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; color: #333; font-weight: 400; line-height: 35px; text-decoration: none; display: block; position: relative; padding: 0 15px; } .nav-item > a:hover { color: #f55856; } .nav-item > a:hover .title-wrapper .label { background-color: #555; } .nav-item > a:hover .title-wrapper .label:before { border-top-color: #555; } .nav-item > a > .opener { width: 35px; height: 35px; } .nav-item > a .label { -webkit-transition: color 0.45s ease-in-out, background-color 0.45s ease-in-out; -moz-transition: color 0.45s ease-in-out, background-color 0.45s ease-in-out; -ms-transition: color 0.45s ease-in-out, background-color 0.45s ease-in-out; -o-transition: color 0.45s ease-in-out, background-color 0.45s ease-in-out; padding: 2px 4px; font-size: 11px; font-weight: 400; line-height: 18px; background-color: #ed143d; color: #fff; } .nav-item > a .item-icon { line-height: inherit; } .nav-item > a .item-icon + span, .nav-item > a span + .item-icon { margin-left: 2px; } .nav-item > a span.title { display: inline-block; margin: 0; padding: 0; font-size: inherit; font-weight: inherit; } .nav-item > a > span { display: inline-block; } .nav-item .caret { line-height: inherit; border: 0; height: auto; } .nav-item .item-submenu { position: absolute; display: none; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; z-index: 11; width: 100%; height: auto; } .nav-item.ninjamenus-hover > .item-submenu { display: block; } .magezon-builder > .nav-item > a { line-height: 50px; font-weight: 600; } .magezon-builder > .nav-item > .opener { height: 50px; width: 50px; } .subtitle { display: block !important; font-size: 11px; line-height: 13px; font-weight: 400; color: #999; white-space: normal; margin-top: -10px; } .label-top_left > a .label { position: absolute; top: -10px; left: 10px; } .label-top_left > a .label:before { -webkit-transition: border-color 450ms ease-in-out; -moz-transition: border-color 450ms ease-in-out; -ms-transition: border-color 450ms ease-in-out; -o-transition: border-color 450ms ease-in-out; position: absolute; left: 6px; top: 22px; width: 0; height: 0; content: ""; border-style: solid; border-width: 4px; border-color: transparent; border-top-color: #ed143d; } .label-top_right > a .label { position: absolute; top: -10px; right: 10px; } .label-top_right > a .label:before { -webkit-transition: border-color 450ms ease-in-out; -moz-transition: border-color 450ms ease-in-out; -ms-transition: border-color 450ms ease-in-out; -o-transition: border-color 450ms ease-in-out; position: absolute; right: 6px; top: 22px; width: 0; height: 0; content: ""; border-style: solid; border-width: 4px; border-color: transparent; border-top-color: #ed143d; } .label-left > a, .label-right > a { justify-content: flex-start; display: flex; align-items: flex-end; } .ninjamenus-hamburger-trigger { line-height: 50px; background: #f2f2f2; display: none; } .ninjamenus-hamburger-trigger .trigger-icon { display: inline-block; vertical-align: middle; width: 20px; margin-right: 5px; } .ninjamenus-hamburger-trigger .trigger-icon .menu-trigger-inner { -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -ms-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } .ninjamenus-hamburger-trigger .trigger-icon .line { display: block; background-color: #333333; height: 3px; margin-bottom: 2px; } .ninjamenus-hamburger-trigger .menu-trigger-inner { display: inline-block; padding: 0 15px; cursor: pointer; } .ninjamenus-hamburger-trigger .menu-trigger-inner:hover { background-color: #f55856; color: #ffffff; } .ninjamenus-hamburger-trigger .menu-trigger-inner:hover .line { background: #fff; } .ninjamenus { position: relative; } .ninjamenus:before, .ninjamenus:after { content: " "; display: table; clear: both; } .ninjamenus .ninjamenus-toggle-active > .opener:before { content: "\e60d"; } .ninjamenus .level0 > a > span.title { font-weight: inherit; } .ninjamenus .level0 > a > span.title-wrapper .title { font-weight: inherit; } .ninjamenus .opener { position: absolute; right: 0; top: 0; cursor: pointer; text-align: center; font-size: 20px; font-weight: 100; display: none; } .ninjamenus .opener:before { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; font-family: "Magezon-Icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e61c"; } .ninjamenus .opener:hover { background-color: rgba(0, 0, 0, 0.05); } .ninjamenus .drilldown-opener { position: absolute; right: 0; top: 0; cursor: pointer; text-align: center; font-size: 14px; font-weight: 100; display: none; } .ninjamenus .drilldown-opener:before { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; font-family: "Magezon-Icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e61c"; } .ninjamenus .item-submenu { padding: 10px; } .ninjamenus .drilldown-opener:hover { background-color: rgba(0, 0, 0, 0.05); } .ninjamenus .nav-item > .drilldown-opener:before { content: "\e60a"; } .ninjamenus .ninjamenus-drilldown-back > .drilldown-opener:before { content: "\e617"; } .ninjamenus .links { margin: 0; padding: 10px 15px; border-bottom: 1px solid #eee; } .ninjamenus .links li { position: relative; margin: 0; display: inline-block; } .ninjamenus .links li > a { line-height: 35px; padding-left: 15px; padding-right: 15px; display: block; } .ninjamenus .links li > a:hover { background: #f55856; text-decoration: none; color: #fff; } .ninjamenus a { color: #333; font-weight: 400; } .ninjamenus .block.tabspro-block { margin: 0; } .ninjamenus .form.contact { width: 100% !important; } .ninjamenus.ninjamenus-vertical > .magezon-builder > .nav-item > a .caret { -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; float: right; line-height: inherit; } .ninjamenus.ninjamenus-vertical > .magezon-builder > .nav-item > a .label { right: auto; } .ninjamenus.ninjamenus-desktop.ninjamenus-horizontal > .magezon-builder > .nav-item { float: left; margin: 0; } .ninjamenus.ninjamenus-desktop .ninjamenus-right { float: right !important; } .ninjamenus.ninjamenus-desktop .item-submenu { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); width: 200px; } .ninjamenus.ninjamenus-desktop .item-submenu:before, .ninjamenus.ninjamenus-desktop .item-submenu:after { content: " "; display: table; clear: both; } .ninjamenus.ninjamenus-desktop .mega > .item-submenu { background: #fff; } .ninjamenus.ninjamenus-desktop .ninjamenus-hide-desktop { display: none; } .ninjamenus.ninjamenus-desktop .left_edge_menu_bar, .ninjamenus.ninjamenus-desktop .right_edge_menu_bar, .ninjamenus.ninjamenus-desktop .left_vertical_full_height, .ninjamenus.ninjamenus-desktop .right_vertical_full_height { position: static; } .ninjamenus.ninjamenus-desktop .left_edge_menu_bar > .item-submenu { left: 0; } .ninjamenus.ninjamenus-desktop .right_edge_menu_bar > .item-submenu { right: 0; } .ninjamenus.ninjamenus-desktop .left_vertical_full_height > .item-submenu { right: 100%; top: 0; } .ninjamenus.ninjamenus-desktop .right_vertical_full_height > .item-submenu { left: 100%; top: 0; } .ninjamenus.ninjamenus-desktop .left_edge_parent_item > .item-submenu { left: 0; } .ninjamenus.ninjamenus-desktop .right_edge_parent_item > .item-submenu { right: 0; } .ninjamenus.ninjamenus-desktop .level0 .left_edge_parent_item > .item-submenu { left: 80%; top: 0; } .ninjamenus.ninjamenus-desktop .level0 .right_edge_parent_item > .item-submenu { right: 80%; top: 0; } .ninjamenus.ninjamenus-desktop .stack > a .caret { display: none; } .ninjamenus.ninjamenus-desktop .stack > .item-submenu { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; position: static; display: block; width: 100%; padding: 0; } .ninjamenus.ninjamenus-desktop.ninjamenus-accordion, .ninjamenus.ninjamenus-desktop.ninjamenus-drilldown { width: 100%; max-width: 100%; } .ninjamenus.ninjamenus-desktop.ninjamenus-accordion.label-top_right > a .label, .ninjamenus.ninjamenus-desktop.ninjamenus-drilldown.label-top_right > a .label { right: auto; } .ninjamenus.ninjamenus-desktop.ninjamenus-accordion .level0, .ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .level0 { border-bottom: 1px solid #e6e6e6; } .ninjamenus.ninjamenus-desktop.ninjamenus-accordion .level0 > a:hover, .ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .level0 > a:hover { background: transparent; color: #333; } .ninjamenus.ninjamenus-desktop.ninjamenus-accordion .nav-item, .ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .nav-item { position: relative !important; } .ninjamenus.ninjamenus-desktop.ninjamenus-accordion .item-submenu, .ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .item-submenu { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; position: static; width: 100%; max-width: 100%; padding: 0; } .ninjamenus.ninjamenus-desktop.ninjamenus-accordion .caret, .ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .caret { display: none; } .ninjamenus.ninjamenus-desktop.ninjamenus-accordion .mega > .opener, .ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .mega > .opener { display: block; } .ninjamenus.ninjamenus-desktop.ninjamenus-accordion .nav-item > a, .ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .nav-item > a { line-height: 50px; } .ninjamenus.ninjamenus-desktop.ninjamenus-accordion .nav-item > .opener, .ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .nav-item > .opener { height: 50px; width: 15px; } .ninjamenus.ninjamenus-desktop.ninjamenus-drilldown { overflow: hidden; } .ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .drilldown-opener { display: block; } .ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .stack > .drilldown-opener { display: none; } .ninjamenus.ninjamenus-desktop.ninjamenus-vertical .nav-item.level0:hover > a, .ninjamenus.ninjamenus-desktop.ninjamenus-horizontal .nav-item.level0:hover > a { background-color: #f55856; color: #fff; } .ninjamenus.ninjamenus-desktop.ninjamenus-vertical .nav-item.level0.active > a, .ninjamenus.ninjamenus-desktop.ninjamenus-horizontal .nav-item.level0.active > a { background-color: #333; color: #fff; } .ninjamenus.ninjamenus-mobile { overflow-x: hidden; } .ninjamenus.ninjamenus-mobile.ninjamenus-hamburger-menu, .ninjamenus.ninjamenus-mobile .ninjamenus-hide-mobile { display: none; } .ninjamenus.ninjamenus-mobile .opener { display: block; } .ninjamenus.ninjamenus-mobile .caret { display: none; } .ninjamenus.ninjamenus-mobile .item-submenu { max-width: 100% !important; position: relative; } .ninjamenus.ninjamenus-mobile .nav-item > a { line-height: 50px; } .ninjamenus.ninjamenus-mobile .nav-item > .opener { height: 50px; width: 50px; } .ninjamenus.ninjamenus-mobile .level0.label-top_right > a .label { right: auto; } .ninjamenus.ninjamenus-mobile .level0 > a .title { margin: 0 !important; } .ninjamenus-hamburger-active .menu-trigger-inner { background-color: #f55856; color: #ffffff; } .ninjamenus-hamburger-active .menu-trigger-inner .line { background: #fff; } .ninjamenus-hamburger-active .ninjamenus-hamburger-menu { display: block !important; } .ninjamenus-widget .ninjamenus-vertical, .ninjamenus-widget .ninjamenus-accordion, .ninjamenus-widget .ninjamenus-drilldown { border: 1px solid #6e716e; } .cms-content .block.ninjamenus-widget > .block-title, .block.ninjamenus-widget > .block-title { text-transform: uppercase; padding: 10px; background: #6e716e; color: #fff; margin: 0; border: 1px solid #6e716e; } .cms-content .block.ninjamenus-widget > .block-title > strong, .block.ninjamenus-widget > .block-title > strong { display: block; } .cms-content .block.ninjamenus-widget > .ninjamenus, .block.ninjamenus-widget > .ninjamenus { background: #f8f8f8; } .cms-content .block.ninjamenus-widget > .ninjamenus.ninjamenus-drilldown, .block.ninjamenus-widget > .ninjamenus.ninjamenus-drilldown { border: 1px solid #6e716e; } .scroll-to-fixed-fixed .magezon-builder > .nav-item.label-top_left > a .label, .scroll-to-fixed-fixed .magezon-builder > .nav-item.label-top_right > a .label { display: none; } .scroll-to-fixed-fixed .ninjamenus-hide-sticky { display: none !important; } .ninjamenus-lazy-blur { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -webkit-transition: 0.3s filter linear; -moz-transition: 0.3s filter linear; -ms-transition: 0.3s filter linear; -o-transition: 0.3s filter linear; -webkit-filter: blur(5px); filter: blur(5px); } .ninjamenus-lazy-blur .ninjamenus-lazy-loaded { -webkit-filter: blur(0px); filter: blur(0px); image-rendering: initial; } .ninjamenus-drilldown-back { line-height: 50px; text-align: center; background: #f0f0f0; border-bottom: 1px solid #e6e6e6; text-transform: uppercase; font-weight: 600; font-size: 18px; display: none; } .ninjamenus-drilldown-back > .drilldown-opener { height: 50px; width: 50px; left: 0; display: block; } .drilldown-root > div > .ninjamenus-drilldown-back { display: block; } .ninjamenus-tablet { position: static !important; } .ninjamenus-tablet .item-submenu { left: 0 !important; max-width: 100%; } .ninjamenus-desktop.ninjamenus-top .level0 { margin: 0; display: inline-block; } .item-autolist .nav-item.stack > a { font-weight: 900; } .ninjamenus-desktop .item-autolist > .item-submenu > .nav-item { float: left; } .ninjamenus-desktop .item-autolist-col1 > .item-submenu > .nav-item { width: 100%; } .ninjamenus-desktop .item-autolist-col2 > .item-submenu > .nav-item { width: 50%; } .ninjamenus-desktop .item-autolist-col3 > .item-submenu > .nav-item { width: 33.33333333%; } .ninjamenus-desktop .item-autolist-col4 > .item-submenu > .nav-item { width: 25%; } .ninjamenus-desktop .item-autolist-col5 > .item-submenu > .nav-item { width: 20%; } .ninjamenus-desktop .item-autolist-col6 > .item-submenu > .nav-item { width: 16.66666667%; } .ninjamenus-desktop .item-autolist-col2 > .item-submenu > .nav-item:nth-child(2n + 1), .ninjamenus-desktop .item-autolist-col3 > .item-submenu > .nav-item:nth-child(3n + 1), .ninjamenus-desktop .item-autolist-col4 > .item-submenu > .nav-item:nth-child(4n + 1), .ninjamenus-desktop .item-autolist-col4 > .item-submenu > .nav-item:nth-child(5n + 1), .ninjamenus-desktop .item-autolist-col3 > .item-submenu > .nav-item:nth-child(6n + 1) { clear: left; } .nav-item-static { position: static !important; } .nav-item.nav-item-static > .item-submenu { width: 100vw !important; } .ninjamenus.ninjamenus-mobile .nav-item-static { position: relative !important; } .ninjamenus.ninjamenus-mobile .nav-item.nav-item-static > .item-submenu { width: 100% !important; } .ninjamenus-top-overlay { position: absolute; left: 0; width: 100%; background: #0e0e0eb0; height: 100%; z-index: 10; display: none; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit;box-shadow: none;}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/css/owlcarousel/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .owl-carousel .owl-dots,.owl-carousel .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-carousel .owl-nav{margin-top:10px}.owl-carousel .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-carousel .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-carousel .owl-nav .disabled{opacity:.5;cursor:default}.owl-carousel .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-carousel .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-carousel .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-carousel .owl-dots .owl-dot.active span,.owl-carousel .owl-dots .owl-dot:hover span{background:#869791}@charset "UTF-8"; /*! * animate.css -https://daneden.github.io/animate.css/ * Version - 3.7.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2019 Daniel Eden */ @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (print), (prefers-reduced-motion: reduce) { .animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } }/*! * Font Awesome Free 5.8.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ /*! * Font Awesome Free 5.8.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .mgz-fa, .fas, .far, .fal, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } /* makes the font 33% larger relative to the icon container */ .mgz-fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -0.0667em; } .mgz-fa-xs { font-size: 0.75em; } .mgz-fa-sm { font-size: 0.875em; } .mgz-fa-1x { font-size: 1em; } .mgz-fa-2x { font-size: 2em; } .mgz-fa-3x { font-size: 3em; } .mgz-fa-4x { font-size: 4em; } .mgz-fa-5x { font-size: 5em; } .mgz-fa-6x { font-size: 6em; } .mgz-fa-7x { font-size: 7em; } .mgz-fa-8x { font-size: 8em; } .mgz-fa-9x { font-size: 9em; } .mgz-fa-10x { font-size: 10em; } .mgz-fa-fw { text-align: center; width: 1.25em; } .mgz-fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .mgz-fa-ul > li { position: relative; } .mgz-fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .mgz-fa-border { border-radius: 0.1em; border: solid 0.08em #eee; padding: 0.2em 0.25em 0.15em; } .mgz-fa-pull-left { float: left; } .mgz-fa-pull-right { float: right; } .mgz-fa.mgz-fa-pull-left, .fas.mgz-fa-pull-left, .far.mgz-fa-pull-left, .fal.mgz-fa-pull-left, .fab.mgz-fa-pull-left { margin-right: 0.3em; } .mgz-fa.mgz-fa-pull-right, .fas.mgz-fa-pull-right, .far.mgz-fa-pull-right, .fal.mgz-fa-pull-right, .fab.mgz-fa-pull-right { margin-left: 0.3em; } .mgz-fa-spin { animation: fa-spin 2s infinite linear; } .mgz-fa-pulse { animation: fa-spin 1s infinite steps(8); } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .mgz-fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } .mgz-fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } .mgz-fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } .mgz-fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); } .mgz-fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1); } .mgz-fa-flip-both, .mgz-fa-flip-horizontal.mgz-fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(-1, -1); } :root .mgz-fa-rotate-90, :root .mgz-fa-rotate-180, :root .mgz-fa-rotate-270, :root .mgz-fa-flip-horizontal, :root .mgz-fa-flip-vertical, :root .mgz-fa-flip-both { filter: none; } .mgz-fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2em; } .mgz-fa-stack-1x, .mgz-fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .mgz-fa-stack-1x { line-height: inherit; } .mgz-fa-stack-2x { font-size: 2em; } .mgz-fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .mgz-fa-500px:before { content: "\f26e"; } .mgz-fa-accessible-icon:before { content: "\f368"; } .mgz-fa-accusoft:before { content: "\f369"; } .mgz-fa-acquisitions-incorporated:before { content: "\f6af"; } .mgz-fa-ad:before { content: "\f641"; } .mgz-fa-address-book:before { content: "\f2b9"; } .mgz-fa-address-card:before { content: "\f2bb"; } .mgz-fa-adjust:before { content: "\f042"; } .mgz-fa-adn:before { content: "\f170"; } .mgz-fa-adobe:before { content: "\f778"; } .mgz-fa-adversal:before { content: "\f36a"; } .mgz-fa-affiliatetheme:before { content: "\f36b"; } .mgz-fa-air-freshener:before { content: "\f5d0"; } .mgz-fa-airbnb:before { content: "\f834"; } .mgz-fa-algolia:before { content: "\f36c"; } .mgz-fa-align-center:before { content: "\f037"; } .mgz-fa-align-justify:before { content: "\f039"; } .mgz-fa-align-left:before { content: "\f036"; } .mgz-fa-align-right:before { content: "\f038"; } .mgz-fa-alipay:before { content: "\f642"; } .mgz-fa-allergies:before { content: "\f461"; } .mgz-fa-amazon:before { content: "\f270"; } .mgz-fa-amazon-pay:before { content: "\f42c"; } .mgz-fa-ambulance:before { content: "\f0f9"; } .mgz-fa-american-sign-language-interpreting:before { content: "\f2a3"; } .mgz-fa-amilia:before { content: "\f36d"; } .mgz-fa-anchor:before { content: "\f13d"; } .mgz-fa-android:before { content: "\f17b"; } .mgz-fa-angellist:before { content: "\f209"; } .mgz-fa-angle-double-down:before { content: "\f103"; } .mgz-fa-angle-double-left:before { content: "\f100"; } .mgz-fa-angle-double-right:before { content: "\f101"; } .mgz-fa-angle-double-up:before { content: "\f102"; } .mgz-fa-angle-down:before { content: "\f107"; } .mgz-fa-angle-left:before { content: "\f104"; } .mgz-fa-angle-right:before { content: "\f105"; } .mgz-fa-angle-up:before { content: "\f106"; } .mgz-fa-angry:before { content: "\f556"; } .mgz-fa-angrycreative:before { content: "\f36e"; } .mgz-fa-angular:before { content: "\f420"; } .mgz-fa-ankh:before { content: "\f644"; } .mgz-fa-app-store:before { content: "\f36f"; } .mgz-fa-app-store-ios:before { content: "\f370"; } .mgz-fa-apper:before { content: "\f371"; } .mgz-fa-apple:before { content: "\f179"; } .mgz-fa-apple-alt:before { content: "\f5d1"; } .mgz-fa-apple-pay:before { content: "\f415"; } .mgz-fa-archive:before { content: "\f187"; } .mgz-fa-archway:before { content: "\f557"; } .mgz-fa-arrow-alt-circle-down:before { content: "\f358"; } .mgz-fa-arrow-alt-circle-left:before { content: "\f359"; } .mgz-fa-arrow-alt-circle-right:before { content: "\f35a"; } .mgz-fa-arrow-alt-circle-up:before { content: "\f35b"; } .mgz-fa-arrow-circle-down:before { content: "\f0ab"; } .mgz-fa-arrow-circle-left:before { content: "\f0a8"; } .mgz-fa-arrow-circle-right:before { content: "\f0a9"; } .mgz-fa-arrow-circle-up:before { content: "\f0aa"; } .mgz-fa-arrow-down:before { content: "\f063"; } .mgz-fa-arrow-left:before { content: "\f060"; } .mgz-fa-arrow-right:before { content: "\f061"; } .mgz-fa-arrow-up:before { content: "\f062"; } .mgz-fa-arrows-alt:before { content: "\f0b2"; } .mgz-fa-arrows-alt-h:before { content: "\f337"; } .mgz-fa-arrows-alt-v:before { content: "\f338"; } .mgz-fa-artstation:before { content: "\f77a"; } .mgz-fa-assistive-listening-systems:before { content: "\f2a2"; } .mgz-fa-asterisk:before { content: "\f069"; } .mgz-fa-asymmetrik:before { content: "\f372"; } .mgz-fa-at:before { content: "\f1fa"; } .mgz-fa-atlas:before { content: "\f558"; } .mgz-fa-atlassian:before { content: "\f77b"; } .mgz-fa-atom:before { content: "\f5d2"; } .mgz-fa-audible:before { content: "\f373"; } .mgz-fa-audio-description:before { content: "\f29e"; } .mgz-fa-autoprefixer:before { content: "\f41c"; } .mgz-fa-avianex:before { content: "\f374"; } .mgz-fa-aviato:before { content: "\f421"; } .mgz-fa-award:before { content: "\f559"; } .mgz-fa-aws:before { content: "\f375"; } .mgz-fa-baby:before { content: "\f77c"; } .mgz-fa-baby-carriage:before { content: "\f77d"; } .mgz-fa-backspace:before { content: "\f55a"; } .mgz-fa-backward:before { content: "\f04a"; } .mgz-fa-bacon:before { content: "\f7e5"; } .mgz-fa-balance-scale:before { content: "\f24e"; } .mgz-fa-ban:before { content: "\f05e"; } .mgz-fa-band-aid:before { content: "\f462"; } .mgz-fa-bandcamp:before { content: "\f2d5"; } .mgz-fa-barcode:before { content: "\f02a"; } .mgz-fa-bars:before { content: "\f0c9"; } .mgz-fa-baseball-ball:before { content: "\f433"; } .mgz-fa-basketball-ball:before { content: "\f434"; } .mgz-fa-bath:before { content: "\f2cd"; } .mgz-fa-battery-empty:before { content: "\f244"; } .mgz-fa-battery-full:before { content: "\f240"; } .mgz-fa-battery-half:before { content: "\f242"; } .mgz-fa-battery-quarter:before { content: "\f243"; } .mgz-fa-battery-three-quarters:before { content: "\f241"; } .mgz-fa-battle-net:before { content: "\f835"; } .mgz-fa-bed:before { content: "\f236"; } .mgz-fa-beer:before { content: "\f0fc"; } .mgz-fa-behance:before { content: "\f1b4"; } .mgz-fa-behance-square:before { content: "\f1b5"; } .mgz-fa-whatsapp:before { content: "\f232"; } .mgz-fa-bell:before { content: "\f0f3"; } .mgz-fa-bell-slash:before { content: "\f1f6"; } .mgz-fa-bezier-curve:before { content: "\f55b"; } .mgz-fa-bible:before { content: "\f647"; } .mgz-fa-bicycle:before { content: "\f206"; } .mgz-fa-bimobject:before { content: "\f378"; } .mgz-fa-binoculars:before { content: "\f1e5"; } .mgz-fa-biohazard:before { content: "\f780"; } .mgz-fa-birthday-cake:before { content: "\f1fd"; } .mgz-fa-bitbucket:before { content: "\f171"; } .mgz-fa-bitcoin:before { content: "\f379"; } .mgz-fa-bity:before { content: "\f37a"; } .mgz-fa-black-tie:before { content: "\f27e"; } .mgz-fa-blackberry:before { content: "\f37b"; } .mgz-fa-blender:before { content: "\f517"; } .mgz-fa-blender-phone:before { content: "\f6b6"; } .mgz-fa-blind:before { content: "\f29d"; } .mgz-fa-blog:before { content: "\f781"; } .mgz-fa-blogger:before { content: "\f37c"; } .mgz-fa-blogger-b:before { content: "\f37d"; } .mgz-fa-bluetooth:before { content: "\f293"; } .mgz-fa-bluetooth-b:before { content: "\f294"; } .mgz-fa-bold:before { content: "\f032"; } .mgz-fa-bolt:before { content: "\f0e7"; } .mgz-fa-bomb:before { content: "\f1e2"; } .mgz-fa-bone:before { content: "\f5d7"; } .mgz-fa-bong:before { content: "\f55c"; } .mgz-fa-book:before { content: "\f02d"; } .mgz-fa-book-dead:before { content: "\f6b7"; } .mgz-fa-book-medical:before { content: "\f7e6"; } .mgz-fa-book-open:before { content: "\f518"; } .mgz-fa-book-reader:before { content: "\f5da"; } .mgz-fa-bookmark:before { content: "\f02e"; } .mgz-fa-bootstrap:before { content: "\f836"; } .mgz-fa-bowling-ball:before { content: "\f436"; } .mgz-fa-box:before { content: "\f466"; } .mgz-fa-box-open:before { content: "\f49e"; } .mgz-fa-boxes:before { content: "\f468"; } .mgz-fa-braille:before { content: "\f2a1"; } .mgz-fa-brain:before { content: "\f5dc"; } .mgz-fa-bread-slice:before { content: "\f7ec"; } .mgz-fa-briefcase:before { content: "\f0b1"; } .mgz-fa-briefcase-medical:before { content: "\f469"; } .mgz-fa-broadcast-tower:before { content: "\f519"; } .mgz-fa-broom:before { content: "\f51a"; } .mgz-fa-brush:before { content: "\f55d"; } .mgz-fa-btc:before { content: "\f15a"; } .mgz-fa-buffer:before { content: "\f837"; } .mgz-fa-bug:before { content: "\f188"; } .mgz-fa-building:before { content: "\f1ad"; } .mgz-fa-bullhorn:before { content: "\f0a1"; } .mgz-fa-bullseye:before { content: "\f140"; } .mgz-fa-burn:before { content: "\f46a"; } .mgz-fa-buromobelexperte:before { content: "\f37f"; } .mgz-fa-bus:before { content: "\f207"; } .mgz-fa-bus-alt:before { content: "\f55e"; } .mgz-fa-business-time:before { content: "\f64a"; } .mgz-fa-buysellads:before { content: "\f20d"; } .mgz-fa-calculator:before { content: "\f1ec"; } .mgz-fa-calendar:before { content: "\f133"; } .mgz-fa-calendar-alt:before { content: "\f073"; } .mgz-fa-calendar-check:before { content: "\f274"; } .mgz-fa-calendar-day:before { content: "\f783"; } .mgz-fa-calendar-minus:before { content: "\f272"; } .mgz-fa-calendar-plus:before { content: "\f271"; } .mgz-fa-calendar-times:before { content: "\f273"; } .mgz-fa-calendar-week:before { content: "\f784"; } .mgz-fa-camera:before { content: "\f030"; } .mgz-fa-camera-retro:before { content: "\f083"; } .mgz-fa-campground:before { content: "\f6bb"; } .mgz-fa-canadian-maple-leaf:before { content: "\f785"; } .mgz-fa-candy-cane:before { content: "\f786"; } .mgz-fa-cannabis:before { content: "\f55f"; } .mgz-fa-capsules:before { content: "\f46b"; } .mgz-fa-car:before { content: "\f1b9"; } .mgz-fa-car-alt:before { content: "\f5de"; } .mgz-fa-car-battery:before { content: "\f5df"; } .mgz-fa-car-crash:before { content: "\f5e1"; } .mgz-fa-car-side:before { content: "\f5e4"; } .mgz-fa-caret-down:before { content: "\f0d7"; } .mgz-fa-caret-left:before { content: "\f0d9"; } .mgz-fa-caret-right:before { content: "\f0da"; } .mgz-fa-caret-square-down:before { content: "\f150"; } .mgz-fa-caret-square-left:before { content: "\f191"; } .mgz-fa-caret-square-right:before { content: "\f152"; } .mgz-fa-caret-square-up:before { content: "\f151"; } .mgz-fa-caret-up:before { content: "\f0d8"; } .mgz-fa-carrot:before { content: "\f787"; } .mgz-fa-cart-arrow-down:before { content: "\f218"; } .mgz-fa-cart-plus:before { content: "\f217"; } .mgz-fa-cash-register:before { content: "\f788"; } .mgz-fa-cat:before { content: "\f6be"; } .mgz-fa-cc-amazon-pay:before { content: "\f42d"; } .mgz-fa-cc-amex:before { content: "\f1f3"; } .mgz-fa-cc-apple-pay:before { content: "\f416"; } .mgz-fa-cc-diners-club:before { content: "\f24c"; } .mgz-fa-cc-discover:before { content: "\f1f2"; } .mgz-fa-cc-jcb:before { content: "\f24b"; } .mgz-fa-cc-mastercard:before { content: "\f1f1"; } .mgz-fa-cc-paypal:before { content: "\f1f4"; } .mgz-fa-cc-stripe:before { content: "\f1f5"; } .mgz-fa-cc-visa:before { content: "\f1f0"; } .mgz-fa-centercode:before { content: "\f380"; } .mgz-fa-centos:before { content: "\f789"; } .mgz-fa-certificate:before { content: "\f0a3"; } .mgz-fa-chair:before { content: "\f6c0"; } .mgz-fa-chalkboard:before { content: "\f51b"; } .mgz-fa-chalkboard-teacher:before { content: "\f51c"; } .mgz-fa-charging-station:before { content: "\f5e7"; } .mgz-fa-chart-area:before { content: "\f1fe"; } .mgz-fa-chart-bar:before { content: "\f080"; } .mgz-fa-chart-line:before { content: "\f201"; } .mgz-fa-chart-pie:before { content: "\f200"; } .mgz-fa-check:before { content: "\f00c"; } .mgz-fa-check-circle:before { content: "\f058"; } .mgz-fa-check-double:before { content: "\f560"; } .mgz-fa-check-square:before { content: "\f14a"; } .mgz-fa-cheese:before { content: "\f7ef"; } .mgz-fa-chess:before { content: "\f439"; } .mgz-fa-chess-bishop:before { content: "\f43a"; } .mgz-fa-chess-board:before { content: "\f43c"; } .mgz-fa-chess-king:before { content: "\f43f"; } .mgz-fa-chess-knight:before { content: "\f441"; } .mgz-fa-chess-pawn:before { content: "\f443"; } .mgz-fa-chess-queen:before { content: "\f445"; } .mgz-fa-chess-rook:before { content: "\f447"; } .mgz-fa-chevron-circle-down:before { content: "\f13a"; } .mgz-fa-chevron-circle-left:before { content: "\f137"; } .mgz-fa-chevron-circle-right:before { content: "\f138"; } .mgz-fa-chevron-circle-up:before { content: "\f139"; } .mgz-fa-chevron-down:before { content: "\f078"; } .mgz-fa-chevron-left:before { content: "\f053"; } .mgz-fa-chevron-right:before { content: "\f054"; } .mgz-fa-chevron-up:before { content: "\f077"; } .mgz-fa-child:before { content: "\f1ae"; } .mgz-fa-chrome:before { content: "\f268"; } .mgz-fa-chromecast:before { content: "\f838"; } .mgz-fa-church:before { content: "\f51d"; } .mgz-fa-circle:before { content: "\f111"; } .mgz-fa-circle-notch:before { content: "\f1ce"; } .mgz-fa-city:before { content: "\f64f"; } .mgz-fa-clinic-medical:before { content: "\f7f2"; } .mgz-fa-clipboard:before { content: "\f328"; } .mgz-fa-clipboard-check:before { content: "\f46c"; } .mgz-fa-clipboard-list:before { content: "\f46d"; } .mgz-fa-clock:before { content: "\f017"; } .mgz-fa-clone:before { content: "\f24d"; } .mgz-fa-closed-captioning:before { content: "\f20a"; } .mgz-fa-cloud:before { content: "\f0c2"; } .mgz-fa-cloud-download-alt:before { content: "\f381"; } .mgz-fa-cloud-meatball:before { content: "\f73b"; } .mgz-fa-cloud-moon:before { content: "\f6c3"; } .mgz-fa-cloud-moon-rain:before { content: "\f73c"; } .mgz-fa-cloud-rain:before { content: "\f73d"; } .mgz-fa-cloud-showers-heavy:before { content: "\f740"; } .mgz-fa-cloud-sun:before { content: "\f6c4"; } .mgz-fa-cloud-sun-rain:before { content: "\f743"; } .mgz-fa-cloud-upload-alt:before { content: "\f382"; } .mgz-fa-cloudscale:before { content: "\f383"; } .mgz-fa-cloudsmith:before { content: "\f384"; } .mgz-fa-cloudversify:before { content: "\f385"; } .mgz-fa-cocktail:before { content: "\f561"; } .mgz-fa-code:before { content: "\f121"; } .mgz-fa-code-branch:before { content: "\f126"; } .mgz-fa-codepen:before { content: "\f1cb"; } .mgz-fa-codiepie:before { content: "\f284"; } .mgz-fa-coffee:before { content: "\f0f4"; } .mgz-fa-cog:before { content: "\f013"; } .mgz-fa-cogs:before { content: "\f085"; } .mgz-fa-coins:before { content: "\f51e"; } .mgz-fa-columns:before { content: "\f0db"; } .mgz-fa-comment:before { content: "\f075"; } .mgz-fa-comment-alt:before { content: "\f27a"; } .mgz-fa-comment-dollar:before { content: "\f651"; } .mgz-fa-comment-dots:before { content: "\f4ad"; } .mgz-fa-comment-medical:before { content: "\f7f5"; } .mgz-fa-comment-slash:before { content: "\f4b3"; } .mgz-fa-comments:before { content: "\f086"; } .mgz-fa-comments-dollar:before { content: "\f653"; } .mgz-fa-compact-disc:before { content: "\f51f"; } .mgz-fa-compass:before { content: "\f14e"; } .mgz-fa-compress:before { content: "\f066"; } .mgz-fa-compress-arrows-alt:before { content: "\f78c"; } .mgz-fa-concierge-bell:before { content: "\f562"; } .mgz-fa-confluence:before { content: "\f78d"; } .mgz-fa-connectdevelop:before { content: "\f20e"; } .mgz-fa-contao:before { content: "\f26d"; } .mgz-fa-cookie:before { content: "\f563"; } .mgz-fa-cookie-bite:before { content: "\f564"; } .mgz-fa-copy:before { content: "\f0c5"; } .mgz-fa-copyright:before { content: "\f1f9"; } .mgz-fa-couch:before { content: "\f4b8"; } .mgz-fa-cpanel:before { content: "\f388"; } .mgz-fa-creative-commons:before { content: "\f25e"; } .mgz-fa-creative-commons-by:before { content: "\f4e7"; } .mgz-fa-creative-commons-nc:before { content: "\f4e8"; } .mgz-fa-creative-commons-nc-eu:before { content: "\f4e9"; } .mgz-fa-creative-commons-nc-jp:before { content: "\f4ea"; } .mgz-fa-creative-commons-nd:before { content: "\f4eb"; } .mgz-fa-creative-commons-pd:before { content: "\f4ec"; } .mgz-fa-creative-commons-pd-alt:before { content: "\f4ed"; } .mgz-fa-creative-commons-remix:before { content: "\f4ee"; } .mgz-fa-creative-commons-sa:before { content: "\f4ef"; } .mgz-fa-creative-commons-sampling:before { content: "\f4f0"; } .mgz-fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .mgz-fa-creative-commons-share:before { content: "\f4f2"; } .mgz-fa-creative-commons-zero:before { content: "\f4f3"; } .mgz-fa-credit-card:before { content: "\f09d"; } .mgz-fa-critical-role:before { content: "\f6c9"; } .mgz-fa-crop:before { content: "\f125"; } .mgz-fa-crop-alt:before { content: "\f565"; } .mgz-fa-cross:before { content: "\f654"; } .mgz-fa-crosshairs:before { content: "\f05b"; } .mgz-fa-crow:before { content: "\f520"; } .mgz-fa-crown:before { content: "\f521"; } .mgz-fa-crutch:before { content: "\f7f7"; } .mgz-fa-css3:before { content: "\f13c"; } .mgz-fa-css3-alt:before { content: "\f38b"; } .mgz-fa-cube:before { content: "\f1b2"; } .mgz-fa-cubes:before { content: "\f1b3"; } .mgz-fa-cut:before { content: "\f0c4"; } .mgz-fa-cuttlefish:before { content: "\f38c"; } .mgz-fa-d-and-d:before { content: "\f38d"; } .mgz-fa-d-and-d-beyond:before { content: "\f6ca"; } .mgz-fa-dashcube:before { content: "\f210"; } .mgz-fa-database:before { content: "\f1c0"; } .mgz-fa-deaf:before { content: "\f2a4"; } .mgz-fa-delicious:before { content: "\f1a5"; } .mgz-fa-democrat:before { content: "\f747"; } .mgz-fa-deploydog:before { content: "\f38e"; } .mgz-fa-deskpro:before { content: "\f38f"; } .mgz-fa-desktop:before { content: "\f108"; } .mgz-fa-dev:before { content: "\f6cc"; } .mgz-fa-deviantart:before { content: "\f1bd"; } .mgz-fa-dharmachakra:before { content: "\f655"; } .mgz-fa-dhl:before { content: "\f790"; } .mgz-fa-diagnoses:before { content: "\f470"; } .mgz-fa-diaspora:before { content: "\f791"; } .mgz-fa-dice:before { content: "\f522"; } .mgz-fa-dice-d20:before { content: "\f6cf"; } .mgz-fa-dice-d6:before { content: "\f6d1"; } .mgz-fa-dice-five:before { content: "\f523"; } .mgz-fa-dice-four:before { content: "\f524"; } .mgz-fa-dice-one:before { content: "\f525"; } .mgz-fa-dice-six:before { content: "\f526"; } .mgz-fa-dice-three:before { content: "\f527"; } .mgz-fa-dice-two:before { content: "\f528"; } .mgz-fa-digg:before { content: "\f1a6"; } .mgz-fa-digital-ocean:before { content: "\f391"; } .mgz-fa-digital-tachograph:before { content: "\f566"; } .mgz-fa-directions:before { content: "\f5eb"; } .mgz-fa-discord:before { content: "\f392"; } .mgz-fa-discourse:before { content: "\f393"; } .mgz-fa-divide:before { content: "\f529"; } .mgz-fa-dizzy:before { content: "\f567"; } .mgz-fa-dna:before { content: "\f471"; } .mgz-fa-dochub:before { content: "\f394"; } .mgz-fa-docker:before { content: "\f395"; } .mgz-fa-dog:before { content: "\f6d3"; } .mgz-fa-dollar-sign:before { content: "\f155"; } .mgz-fa-dolly:before { content: "\f472"; } .mgz-fa-dolly-flatbed:before { content: "\f474"; } .mgz-fa-donate:before { content: "\f4b9"; } .mgz-fa-door-closed:before { content: "\f52a"; } .mgz-fa-door-open:before { content: "\f52b"; } .mgz-fa-dot-circle:before { content: "\f192"; } .mgz-fa-dove:before { content: "\f4ba"; } .mgz-fa-download:before { content: "\f019"; } .mgz-fa-draft2digital:before { content: "\f396"; } .mgz-fa-drafting-compass:before { content: "\f568"; } .mgz-fa-dragon:before { content: "\f6d5"; } .mgz-fa-draw-polygon:before { content: "\f5ee"; } .mgz-fa-dribbble:before { content: "\f17d"; } .mgz-fa-dribbble-square:before { content: "\f397"; } .mgz-fa-dropbox:before { content: "\f16b"; } .mgz-fa-drum:before { content: "\f569"; } .mgz-fa-drum-steelpan:before { content: "\f56a"; } .mgz-fa-drumstick-bite:before { content: "\f6d7"; } .mgz-fa-drupal:before { content: "\f1a9"; } .mgz-fa-dumbbell:before { content: "\f44b"; } .mgz-fa-dumpster:before { content: "\f793"; } .mgz-fa-dumpster-fire:before { content: "\f794"; } .mgz-fa-dungeon:before { content: "\f6d9"; } .mgz-fa-dyalog:before { content: "\f399"; } .mgz-fa-earlybirds:before { content: "\f39a"; } .mgz-fa-ebay:before { content: "\f4f4"; } .mgz-fa-edge:before { content: "\f282"; } .mgz-fa-edit:before { content: "\f044"; } .mgz-fa-egg:before { content: "\f7fb"; } .mgz-fa-eject:before { content: "\f052"; } .mgz-fa-elementor:before { content: "\f430"; } .mgz-fa-ellipsis-h:before { content: "\f141"; } .mgz-fa-ellipsis-v:before { content: "\f142"; } .mgz-fa-ello:before { content: "\f5f1"; } .mgz-fa-ember:before { content: "\f423"; } .mgz-fa-empire:before { content: "\f1d1"; } .mgz-fa-envelope:before { content: "\f0e0"; } .mgz-fa-envelope-open:before { content: "\f2b6"; } .mgz-fa-envelope-open-text:before { content: "\f658"; } .mgz-fa-envelope-square:before { content: "\f199"; } .mgz-fa-envira:before { content: "\f299"; } .mgz-fa-equals:before { content: "\f52c"; } .mgz-fa-eraser:before { content: "\f12d"; } .mgz-fa-erlang:before { content: "\f39d"; } .mgz-fa-ethereum:before { content: "\f42e"; } .mgz-fa-ethernet:before { content: "\f796"; } .mgz-fa-etsy:before { content: "\f2d7"; } .mgz-fa-euro-sign:before { content: "\f153"; } .mgz-fa-evernote:before { content: "\f839"; } .mgz-fa-exchange-alt:before { content: "\f362"; } .mgz-fa-exclamation:before { content: "\f12a"; } .mgz-fa-exclamation-circle:before { content: "\f06a"; } .mgz-fa-exclamation-triangle:before { content: "\f071"; } .mgz-fa-expand:before { content: "\f065"; } .mgz-fa-expand-arrows-alt:before { content: "\f31e"; } .mgz-fa-expeditedssl:before { content: "\f23e"; } .mgz-fa-external-link-alt:before { content: "\f35d"; } .mgz-fa-external-link-square-alt:before { content: "\f360"; } .mgz-fa-eye:before { content: "\f06e"; } .mgz-fa-eye-dropper:before { content: "\f1fb"; } .mgz-fa-eye-slash:before { content: "\f070"; } .mgz-fa-facebook:before { content: "\f09a"; } .mgz-fa-facebook-f:before { content: "\f39e"; } .mgz-fa-facebook-messenger:before { content: "\f39f"; } .mgz-fa-facebook-square:before { content: "\f082"; } .mgz-fa-fantasy-flight-games:before { content: "\f6dc"; } .mgz-fa-fast-backward:before { content: "\f049"; } .mgz-fa-fast-forward:before { content: "\f050"; } .mgz-fa-fax:before { content: "\f1ac"; } .mgz-fa-feather:before { content: "\f52d"; } .mgz-fa-feather-alt:before { content: "\f56b"; } .mgz-fa-fedex:before { content: "\f797"; } .mgz-fa-fedora:before { content: "\f798"; } .mgz-fa-female:before { content: "\f182"; } .mgz-fa-fighter-jet:before { content: "\f0fb"; } .mgz-fa-figma:before { content: "\f799"; } .mgz-fa-file:before { content: "\f15b"; } .mgz-fa-file-alt:before { content: "\f15c"; } .mgz-fa-file-archive:before { content: "\f1c6"; } .mgz-fa-file-audio:before { content: "\f1c7"; } .mgz-fa-file-code:before { content: "\f1c9"; } .mgz-fa-file-contract:before { content: "\f56c"; } .mgz-fa-file-csv:before { content: "\f6dd"; } .mgz-fa-file-download:before { content: "\f56d"; } .mgz-fa-file-excel:before { content: "\f1c3"; } .mgz-fa-file-export:before { content: "\f56e"; } .mgz-fa-file-image:before { content: "\f1c5"; } .mgz-fa-file-import:before { content: "\f56f"; } .mgz-fa-file-invoice:before { content: "\f570"; } .mgz-fa-file-invoice-dollar:before { content: "\f571"; } .mgz-fa-file-medical:before { content: "\f477"; } .mgz-fa-file-medical-alt:before { content: "\f478"; } .mgz-fa-file-pdf:before { content: "\f1c1"; } .mgz-fa-file-powerpoint:before { content: "\f1c4"; } .mgz-fa-file-prescription:before { content: "\f572"; } .mgz-fa-file-signature:before { content: "\f573"; } .mgz-fa-file-upload:before { content: "\f574"; } .mgz-fa-file-video:before { content: "\f1c8"; } .mgz-fa-file-word:before { content: "\f1c2"; } .mgz-fa-fill:before { content: "\f575"; } .mgz-fa-fill-drip:before { content: "\f576"; } .mgz-fa-film:before { content: "\f008"; } .mgz-fa-filter:before { content: "\f0b0"; } .mgz-fa-fingerprint:before { content: "\f577"; } .mgz-fa-fire:before { content: "\f06d"; } .mgz-fa-fire-alt:before { content: "\f7e4"; } .mgz-fa-fire-extinguisher:before { content: "\f134"; } .mgz-fa-firefox:before { content: "\f269"; } .mgz-fa-first-aid:before { content: "\f479"; } .mgz-fa-first-order:before { content: "\f2b0"; } .mgz-fa-first-order-alt:before { content: "\f50a"; } .mgz-fa-firstdraft:before { content: "\f3a1"; } .mgz-fa-fish:before { content: "\f578"; } .mgz-fa-fist-raised:before { content: "\f6de"; } .mgz-fa-flag:before { content: "\f024"; } .mgz-fa-flag-checkered:before { content: "\f11e"; } .mgz-fa-flag-usa:before { content: "\f74d"; } .mgz-fa-flask:before { content: "\f0c3"; } .mgz-fa-flickr:before { content: "\f16e"; } .mgz-fa-flipboard:before { content: "\f44d"; } .mgz-fa-flushed:before { content: "\f579"; } .mgz-fa-fly:before { content: "\f417"; } .mgz-fa-folder:before { content: "\f07b"; } .mgz-fa-folder-minus:before { content: "\f65d"; } .mgz-fa-folder-open:before { content: "\f07c"; } .mgz-fa-folder-plus:before { content: "\f65e"; } .mgz-fa-font:before { content: "\f031"; } .mgz-fa-font-awesome:before { content: "\f2b4"; } .mgz-fa-font-awesome-alt:before { content: "\f35c"; } .mgz-fa-font-awesome-flag:before { content: "\f425"; } .mgz-fa-font-awesome-logo-full:before { content: "\f4e6"; } .mgz-fa-fonticons:before { content: "\f280"; } .mgz-fa-fonticons-fi:before { content: "\f3a2"; } .mgz-fa-football-ball:before { content: "\f44e"; } .mgz-fa-fort-awesome:before { content: "\f286"; } .mgz-fa-fort-awesome-alt:before { content: "\f3a3"; } .mgz-fa-forumbee:before { content: "\f211"; } .mgz-fa-forward:before { content: "\f04e"; } .mgz-fa-foursquare:before { content: "\f180"; } .mgz-fa-free-code-camp:before { content: "\f2c5"; } .mgz-fa-freebsd:before { content: "\f3a4"; } .mgz-fa-frog:before { content: "\f52e"; } .mgz-fa-frown:before { content: "\f119"; } .mgz-fa-frown-open:before { content: "\f57a"; } .mgz-fa-fulcrum:before { content: "\f50b"; } .mgz-fa-funnel-dollar:before { content: "\f662"; } .mgz-fa-futbol:before { content: "\f1e3"; } .mgz-fa-galactic-republic:before { content: "\f50c"; } .mgz-fa-galactic-senate:before { content: "\f50d"; } .mgz-fa-gamepad:before { content: "\f11b"; } .mgz-fa-gas-pump:before { content: "\f52f"; } .mgz-fa-gavel:before { content: "\f0e3"; } .mgz-fa-gem:before { content: "\f3a5"; } .mgz-fa-genderless:before { content: "\f22d"; } .mgz-fa-get-pocket:before { content: "\f265"; } .mgz-fa-gg:before { content: "\f260"; } .mgz-fa-gg-circle:before { content: "\f261"; } .mgz-fa-ghost:before { content: "\f6e2"; } .mgz-fa-gift:before { content: "\f06b"; } .mgz-fa-gifts:before { content: "\f79c"; } .mgz-fa-git:before { content: "\f1d3"; } .mgz-fa-git-square:before { content: "\f1d2"; } .mgz-fa-github:before { content: "\f09b"; } .mgz-fa-github-alt:before { content: "\f113"; } .mgz-fa-github-square:before { content: "\f092"; } .mgz-fa-gitkraken:before { content: "\f3a6"; } .mgz-fa-gitlab:before { content: "\f296"; } .mgz-fa-gitter:before { content: "\f426"; } .mgz-fa-glass-cheers:before { content: "\f79f"; } .mgz-fa-glass-martini:before { content: "\f000"; } .mgz-fa-glass-martini-alt:before { content: "\f57b"; } .mgz-fa-glass-whiskey:before { content: "\f7a0"; } .mgz-fa-glasses:before { content: "\f530"; } .mgz-fa-glide:before { content: "\f2a5"; } .mgz-fa-glide-g:before { content: "\f2a6"; } .mgz-fa-globe:before { content: "\f0ac"; } .mgz-fa-globe-africa:before { content: "\f57c"; } .mgz-fa-globe-americas:before { content: "\f57d"; } .mgz-fa-globe-asia:before { content: "\f57e"; } .mgz-fa-globe-europe:before { content: "\f7a2"; } .mgz-fa-gofore:before { content: "\f3a7"; } .mgz-fa-golf-ball:before { content: "\f450"; } .mgz-fa-goodreads:before { content: "\f3a8"; } .mgz-fa-goodreads-g:before { content: "\f3a9"; } .mgz-fa-google:before { content: "\f1a0"; } .mgz-fa-google-drive:before { content: "\f3aa"; } .mgz-fa-google-play:before { content: "\f3ab"; } .mgz-fa-google-plus:before { content: "\f2b3"; } .mgz-fa-google-plus-g:before { content: "\f0d5"; } .mgz-fa-google-plus-square:before { content: "\f0d4"; } .mgz-fa-google-wallet:before { content: "\f1ee"; } .mgz-fa-gopuram:before { content: "\f664"; } .mgz-fa-graduation-cap:before { content: "\f19d"; } .mgz-fa-gratipay:before { content: "\f184"; } .mgz-fa-grav:before { content: "\f2d6"; } .mgz-fa-greater-than:before { content: "\f531"; } .mgz-fa-greater-than-equal:before { content: "\f532"; } .mgz-fa-grimace:before { content: "\f57f"; } .mgz-fa-grin:before { content: "\f580"; } .mgz-fa-grin-alt:before { content: "\f581"; } .mgz-fa-grin-beam:before { content: "\f582"; } .mgz-fa-grin-beam-sweat:before { content: "\f583"; } .mgz-fa-grin-hearts:before { content: "\f584"; } .mgz-fa-grin-squint:before { content: "\f585"; } .mgz-fa-grin-squint-tears:before { content: "\f586"; } .mgz-fa-grin-stars:before { content: "\f587"; } .mgz-fa-grin-tears:before { content: "\f588"; } .mgz-fa-grin-tongue:before { content: "\f589"; } .mgz-fa-grin-tongue-squint:before { content: "\f58a"; } .mgz-fa-grin-tongue-wink:before { content: "\f58b"; } .mgz-fa-grin-wink:before { content: "\f58c"; } .mgz-fa-grip-horizontal:before { content: "\f58d"; } .mgz-fa-grip-lines:before { content: "\f7a4"; } .mgz-fa-grip-lines-vertical:before { content: "\f7a5"; } .mgz-fa-grip-vertical:before { content: "\f58e"; } .mgz-fa-gripfire:before { content: "\f3ac"; } .mgz-fa-grunt:before { content: "\f3ad"; } .mgz-fa-guitar:before { content: "\f7a6"; } .mgz-fa-gulp:before { content: "\f3ae"; } .mgz-fa-h-square:before { content: "\f0fd"; } .mgz-fa-hacker-news:before { content: "\f1d4"; } .mgz-fa-hacker-news-square:before { content: "\f3af"; } .mgz-fa-hackerrank:before { content: "\f5f7"; } .mgz-fa-hamburger:before { content: "\f805"; } .mgz-fa-hammer:before { content: "\f6e3"; } .mgz-fa-hamsa:before { content: "\f665"; } .mgz-fa-hand-holding:before { content: "\f4bd"; } .mgz-fa-hand-holding-heart:before { content: "\f4be"; } .mgz-fa-hand-holding-usd:before { content: "\f4c0"; } .mgz-fa-hand-lizard:before { content: "\f258"; } .mgz-fa-hand-middle-finger:before { content: "\f806"; } .mgz-fa-hand-paper:before { content: "\f256"; } .mgz-fa-hand-peace:before { content: "\f25b"; } .mgz-fa-hand-point-down:before { content: "\f0a7"; } .mgz-fa-hand-point-left:before { content: "\f0a5"; } .mgz-fa-hand-point-right:before { content: "\f0a4"; } .mgz-fa-hand-point-up:before { content: "\f0a6"; } .mgz-fa-hand-pointer:before { content: "\f25a"; } .mgz-fa-hand-rock:before { content: "\f255"; } .mgz-fa-hand-scissors:before { content: "\f257"; } .mgz-fa-hand-spock:before { content: "\f259"; } .mgz-fa-hands:before { content: "\f4c2"; } .mgz-fa-hands-helping:before { content: "\f4c4"; } .mgz-fa-handshake:before { content: "\f2b5"; } .mgz-fa-hanukiah:before { content: "\f6e6"; } .mgz-fa-hard-hat:before { content: "\f807"; } .mgz-fa-hashtag:before { content: "\f292"; } .mgz-fa-hat-wizard:before { content: "\f6e8"; } .mgz-fa-haykal:before { content: "\f666"; } .mgz-fa-hdd:before { content: "\f0a0"; } .mgz-fa-heading:before { content: "\f1dc"; } .mgz-fa-headphones:before { content: "\f025"; } .mgz-fa-headphones-alt:before { content: "\f58f"; } .mgz-fa-headset:before { content: "\f590"; } .mgz-fa-heart:before { content: "\f004"; } .mgz-fa-heart-broken:before { content: "\f7a9"; } .mgz-fa-heartbeat:before { content: "\f21e"; } .mgz-fa-helicopter:before { content: "\f533"; } .mgz-fa-highlighter:before { content: "\f591"; } .mgz-fa-hiking:before { content: "\f6ec"; } .mgz-fa-hippo:before { content: "\f6ed"; } .mgz-fa-hips:before { content: "\f452"; } .mgz-fa-hire-a-helper:before { content: "\f3b0"; } .mgz-fa-history:before { content: "\f1da"; } .mgz-fa-hockey-puck:before { content: "\f453"; } .mgz-fa-holly-berry:before { content: "\f7aa"; } .mgz-fa-home:before { content: "\f015"; } .mgz-fa-hooli:before { content: "\f427"; } .mgz-fa-hornbill:before { content: "\f592"; } .mgz-fa-horse:before { content: "\f6f0"; } .mgz-fa-horse-head:before { content: "\f7ab"; } .mgz-fa-hospital:before { content: "\f0f8"; } .mgz-fa-hospital-alt:before { content: "\f47d"; } .mgz-fa-hospital-symbol:before { content: "\f47e"; } .mgz-fa-hot-tub:before { content: "\f593"; } .mgz-fa-hotdog:before { content: "\f80f"; } .mgz-fa-hotel:before { content: "\f594"; } .mgz-fa-hotjar:before { content: "\f3b1"; } .mgz-fa-hourglass:before { content: "\f254"; } .mgz-fa-hourglass-end:before { content: "\f253"; } .mgz-fa-hourglass-half:before { content: "\f252"; } .mgz-fa-hourglass-start:before { content: "\f251"; } .mgz-fa-house-damage:before { content: "\f6f1"; } .mgz-fa-houzz:before { content: "\f27c"; } .mgz-fa-hryvnia:before { content: "\f6f2"; } .mgz-fa-html5:before { content: "\f13b"; } .mgz-fa-hubspot:before { content: "\f3b2"; } .mgz-fa-i-cursor:before { content: "\f246"; } .mgz-fa-ice-cream:before { content: "\f810"; } .mgz-fa-icicles:before { content: "\f7ad"; } .mgz-fa-id-badge:before { content: "\f2c1"; } .mgz-fa-id-card:before { content: "\f2c2"; } .mgz-fa-id-card-alt:before { content: "\f47f"; } .mgz-fa-igloo:before { content: "\f7ae"; } .mgz-fa-image:before { content: "\f03e"; } .mgz-fa-images:before { content: "\f302"; } .mgz-fa-imdb:before { content: "\f2d8"; } .mgz-fa-inbox:before { content: "\f01c"; } .mgz-fa-indent:before { content: "\f03c"; } .mgz-fa-industry:before { content: "\f275"; } .mgz-fa-infinity:before { content: "\f534"; } .mgz-fa-info:before { content: "\f129"; } .mgz-fa-info-circle:before { content: "\f05a"; } .mgz-fa-instagram:before { content: "\f16d"; } .mgz-fa-intercom:before { content: "\f7af"; } .mgz-fa-internet-explorer:before { content: "\f26b"; } .mgz-fa-invision:before { content: "\f7b0"; } .mgz-fa-ioxhost:before { content: "\f208"; } .mgz-fa-italic:before { content: "\f033"; } .mgz-fa-itch-io:before { content: "\f83a"; } .mgz-fa-itunes:before { content: "\f3b4"; } .mgz-fa-itunes-note:before { content: "\f3b5"; } .mgz-fa-java:before { content: "\f4e4"; } .mgz-fa-jedi:before { content: "\f669"; } .mgz-fa-jedi-order:before { content: "\f50e"; } .mgz-fa-jenkins:before { content: "\f3b6"; } .mgz-fa-jira:before { content: "\f7b1"; } .mgz-fa-joget:before { content: "\f3b7"; } .mgz-fa-joint:before { content: "\f595"; } .mgz-fa-joomla:before { content: "\f1aa"; } .mgz-fa-journal-whills:before { content: "\f66a"; } .mgz-fa-js:before { content: "\f3b8"; } .mgz-fa-js-square:before { content: "\f3b9"; } .mgz-fa-jsfiddle:before { content: "\f1cc"; } .mgz-fa-kaaba:before { content: "\f66b"; } .mgz-fa-kaggle:before { content: "\f5fa"; } .mgz-fa-key:before { content: "\f084"; } .mgz-fa-keybase:before { content: "\f4f5"; } .mgz-fa-keyboard:before { content: "\f11c"; } .mgz-fa-keycdn:before { content: "\f3ba"; } .mgz-fa-khanda:before { content: "\f66d"; } .mgz-fa-kickstarter:before { content: "\f3bb"; } .mgz-fa-kickstarter-k:before { content: "\f3bc"; } .mgz-fa-kiss:before { content: "\f596"; } .mgz-fa-kiss-beam:before { content: "\f597"; } .mgz-fa-kiss-wink-heart:before { content: "\f598"; } .mgz-fa-kiwi-bird:before { content: "\f535"; } .mgz-fa-korvue:before { content: "\f42f"; } .mgz-fa-landmark:before { content: "\f66f"; } .mgz-fa-language:before { content: "\f1ab"; } .mgz-fa-laptop:before { content: "\f109"; } .mgz-fa-laptop-code:before { content: "\f5fc"; } .mgz-fa-laptop-medical:before { content: "\f812"; } .mgz-fa-laravel:before { content: "\f3bd"; } .mgz-fa-lastfm:before { content: "\f202"; } .mgz-fa-lastfm-square:before { content: "\f203"; } .mgz-fa-laugh:before { content: "\f599"; } .mgz-fa-laugh-beam:before { content: "\f59a"; } .mgz-fa-laugh-squint:before { content: "\f59b"; } .mgz-fa-laugh-wink:before { content: "\f59c"; } .mgz-fa-layer-group:before { content: "\f5fd"; } .mgz-fa-leaf:before { content: "\f06c"; } .mgz-fa-leanpub:before { content: "\f212"; } .mgz-fa-lemon:before { content: "\f094"; } .mgz-fa-less:before { content: "\f41d"; } .mgz-fa-less-than:before { content: "\f536"; } .mgz-fa-less-than-equal:before { content: "\f537"; } .mgz-fa-level-down-alt:before { content: "\f3be"; } .mgz-fa-level-up-alt:before { content: "\f3bf"; } .mgz-fa-life-ring:before { content: "\f1cd"; } .mgz-fa-lightbulb:before { content: "\f0eb"; } .mgz-fa-line:before { content: "\f3c0"; } .mgz-fa-link:before { content: "\f0c1"; } .mgz-fa-linkedin:before { content: "\f08c"; } .mgz-fa-linkedin-in:before { content: "\f0e1"; } .mgz-fa-linode:before { content: "\f2b8"; } .mgz-fa-linux:before { content: "\f17c"; } .mgz-fa-lira-sign:before { content: "\f195"; } .mgz-fa-list:before { content: "\f03a"; } .mgz-fa-list-alt:before { content: "\f022"; } .mgz-fa-list-ol:before { content: "\f0cb"; } .mgz-fa-list-ul:before { content: "\f0ca"; } .mgz-fa-location-arrow:before { content: "\f124"; } .mgz-fa-lock:before { content: "\f023"; } .mgz-fa-lock-open:before { content: "\f3c1"; } .mgz-fa-long-arrow-alt-down:before { content: "\f309"; } .mgz-fa-long-arrow-alt-left:before { content: "\f30a"; } .mgz-fa-long-arrow-alt-right:before { content: "\f30b"; } .mgz-fa-long-arrow-alt-up:before { content: "\f30c"; } .mgz-fa-low-vision:before { content: "\f2a8"; } .mgz-fa-luggage-cart:before { content: "\f59d"; } .mgz-fa-lyft:before { content: "\f3c3"; } .mgz-fa-magento:before { content: "\f3c4"; } .mgz-fa-magic:before { content: "\f0d0"; } .mgz-fa-magnet:before { content: "\f076"; } .mgz-fa-mail-bulk:before { content: "\f674"; } .mgz-fa-mailchimp:before { content: "\f59e"; } .mgz-fa-male:before { content: "\f183"; } .mgz-fa-mandalorian:before { content: "\f50f"; } .mgz-fa-map:before { content: "\f279"; } .mgz-fa-map-marked:before { content: "\f59f"; } .mgz-fa-map-marked-alt:before { content: "\f5a0"; } .mgz-fa-map-marker:before { content: "\f041"; } .mgz-fa-map-marker-alt:before { content: "\f3c5"; } .mgz-fa-map-pin:before { content: "\f276"; } .mgz-fa-map-signs:before { content: "\f277"; } .mgz-fa-markdown:before { content: "\f60f"; } .mgz-fa-marker:before { content: "\f5a1"; } .mgz-fa-mars:before { content: "\f222"; } .mgz-fa-mars-double:before { content: "\f227"; } .mgz-fa-mars-stroke:before { content: "\f229"; } .mgz-fa-mars-stroke-h:before { content: "\f22b"; } .mgz-fa-mars-stroke-v:before { content: "\f22a"; } .mgz-fa-mask:before { content: "\f6fa"; } .mgz-fa-mastodon:before { content: "\f4f6"; } .mgz-fa-maxcdn:before { content: "\f136"; } .mgz-fa-medal:before { content: "\f5a2"; } .mgz-fa-medapps:before { content: "\f3c6"; } .mgz-fa-medium:before { content: "\f23a"; } .mgz-fa-medium-m:before { content: "\f3c7"; } .mgz-fa-medkit:before { content: "\f0fa"; } .mgz-fa-medrt:before { content: "\f3c8"; } .mgz-fa-meetup:before { content: "\f2e0"; } .mgz-fa-megaport:before { content: "\f5a3"; } .mgz-fa-meh:before { content: "\f11a"; } .mgz-fa-meh-blank:before { content: "\f5a4"; } .mgz-fa-meh-rolling-eyes:before { content: "\f5a5"; } .mgz-fa-memory:before { content: "\f538"; } .mgz-fa-mendeley:before { content: "\f7b3"; } .mgz-fa-menorah:before { content: "\f676"; } .mgz-fa-mercury:before { content: "\f223"; } .mgz-fa-meteor:before { content: "\f753"; } .mgz-fa-microchip:before { content: "\f2db"; } .mgz-fa-microphone:before { content: "\f130"; } .mgz-fa-microphone-alt:before { content: "\f3c9"; } .mgz-fa-microphone-alt-slash:before { content: "\f539"; } .mgz-fa-microphone-slash:before { content: "\f131"; } .mgz-fa-microscope:before { content: "\f610"; } .mgz-fa-microsoft:before { content: "\f3ca"; } .mgz-fa-minus:before { content: "\f068"; } .mgz-fa-minus-circle:before { content: "\f056"; } .mgz-fa-minus-square:before { content: "\f146"; } .mgz-fa-mitten:before { content: "\f7b5"; } .mgz-fa-mix:before { content: "\f3cb"; } .mgz-fa-mixcloud:before { content: "\f289"; } .mgz-fa-mizuni:before { content: "\f3cc"; } .mgz-fa-mobile:before { content: "\f10b"; } .mgz-fa-mobile-alt:before { content: "\f3cd"; } .mgz-fa-modx:before { content: "\f285"; } .mgz-fa-monero:before { content: "\f3d0"; } .mgz-fa-money-bill:before { content: "\f0d6"; } .mgz-fa-money-bill-alt:before { content: "\f3d1"; } .mgz-fa-money-bill-wave:before { content: "\f53a"; } .mgz-fa-money-bill-wave-alt:before { content: "\f53b"; } .mgz-fa-money-check:before { content: "\f53c"; } .mgz-fa-money-check-alt:before { content: "\f53d"; } .mgz-fa-monument:before { content: "\f5a6"; } .mgz-fa-moon:before { content: "\f186"; } .mgz-fa-mortar-pestle:before { content: "\f5a7"; } .mgz-fa-mosque:before { content: "\f678"; } .mgz-fa-motorcycle:before { content: "\f21c"; } .mgz-fa-mountain:before { content: "\f6fc"; } .mgz-fa-mouse-pointer:before { content: "\f245"; } .mgz-fa-mug-hot:before { content: "\f7b6"; } .mgz-fa-music:before { content: "\f001"; } .mgz-fa-napster:before { content: "\f3d2"; } .mgz-fa-neos:before { content: "\f612"; } .mgz-fa-network-wired:before { content: "\f6ff"; } .mgz-fa-neuter:before { content: "\f22c"; } .mgz-fa-newspaper:before { content: "\f1ea"; } .mgz-fa-nimblr:before { content: "\f5a8"; } .mgz-fa-nintendo-switch:before { content: "\f418"; } .mgz-fa-node:before { content: "\f419"; } .mgz-fa-node-js:before { content: "\f3d3"; } .mgz-fa-not-equal:before { content: "\f53e"; } .mgz-fa-notes-medical:before { content: "\f481"; } .mgz-fa-npm:before { content: "\f3d4"; } .mgz-fa-ns8:before { content: "\f3d5"; } .mgz-fa-nutritionix:before { content: "\f3d6"; } .mgz-fa-object-group:before { content: "\f247"; } .mgz-fa-object-ungroup:before { content: "\f248"; } .mgz-fa-odnoklassniki:before { content: "\f263"; } .mgz-fa-odnoklassniki-square:before { content: "\f264"; } .mgz-fa-oil-can:before { content: "\f613"; } .mgz-fa-old-republic:before { content: "\f510"; } .mgz-fa-om:before { content: "\f679"; } .mgz-fa-opencart:before { content: "\f23d"; } .mgz-fa-openid:before { content: "\f19b"; } .mgz-fa-opera:before { content: "\f26a"; } .mgz-fa-optin-monster:before { content: "\f23c"; } .mgz-fa-osi:before { content: "\f41a"; } .mgz-fa-otter:before { content: "\f700"; } .mgz-fa-outdent:before { content: "\f03b"; } .mgz-fa-page4:before { content: "\f3d7"; } .mgz-fa-pagelines:before { content: "\f18c"; } .mgz-fa-pager:before { content: "\f815"; } .mgz-fa-paint-brush:before { content: "\f1fc"; } .mgz-fa-paint-roller:before { content: "\f5aa"; } .mgz-fa-palette:before { content: "\f53f"; } .mgz-fa-palfed:before { content: "\f3d8"; } .mgz-fa-pallet:before { content: "\f482"; } .mgz-fa-paper-plane:before { content: "\f1d8"; } .mgz-fa-paperclip:before { content: "\f0c6"; } .mgz-fa-parachute-box:before { content: "\f4cd"; } .mgz-fa-paragraph:before { content: "\f1dd"; } .mgz-fa-parking:before { content: "\f540"; } .mgz-fa-passport:before { content: "\f5ab"; } .mgz-fa-pastafarianism:before { content: "\f67b"; } .mgz-fa-paste:before { content: "\f0ea"; } .mgz-fa-patreon:before { content: "\f3d9"; } .mgz-fa-pause:before { content: "\f04c"; } .mgz-fa-pause-circle:before { content: "\f28b"; } .mgz-fa-paw:before { content: "\f1b0"; } .mgz-fa-paypal:before { content: "\f1ed"; } .mgz-fa-peace:before { content: "\f67c"; } .mgz-fa-pen:before { content: "\f304"; } .mgz-fa-pen-alt:before { content: "\f305"; } .mgz-fa-pen-fancy:before { content: "\f5ac"; } .mgz-fa-pen-nib:before { content: "\f5ad"; } .mgz-fa-pen-square:before { content: "\f14b"; } .mgz-fa-pencil-alt:before { content: "\f303"; } .mgz-fa-pencil-ruler:before { content: "\f5ae"; } .mgz-fa-penny-arcade:before { content: "\f704"; } .mgz-fa-people-carry:before { content: "\f4ce"; } .mgz-fa-pepper-hot:before { content: "\f816"; } .mgz-fa-percent:before { content: "\f295"; } .mgz-fa-percentage:before { content: "\f541"; } .mgz-fa-periscope:before { content: "\f3da"; } .mgz-fa-person-booth:before { content: "\f756"; } .mgz-fa-phabricator:before { content: "\f3db"; } .mgz-fa-phoenix-framework:before { content: "\f3dc"; } .mgz-fa-phoenix-squadron:before { content: "\f511"; } .mgz-fa-phone:before { content: "\f095"; } .mgz-fa-phone-slash:before { content: "\f3dd"; } .mgz-fa-phone-square:before { content: "\f098"; } .mgz-fa-phone-volume:before { content: "\f2a0"; } .mgz-fa-php:before { content: "\f457"; } .mgz-fa-pied-piper:before { content: "\f2ae"; } .mgz-fa-pied-piper-alt:before { content: "\f1a8"; } .mgz-fa-pied-piper-hat:before { content: "\f4e5"; } .mgz-fa-pied-piper-pp:before { content: "\f1a7"; } .mgz-fa-piggy-bank:before { content: "\f4d3"; } .mgz-fa-pills:before { content: "\f484"; } .mgz-fa-pinterest:before { content: "\f0d2"; } .mgz-fa-pinterest-p:before { content: "\f231"; } .mgz-fa-pinterest-square:before { content: "\f0d3"; } .mgz-fa-pizza-slice:before { content: "\f818"; } .mgz-fa-place-of-worship:before { content: "\f67f"; } .mgz-fa-plane:before { content: "\f072"; } .mgz-fa-plane-arrival:before { content: "\f5af"; } .mgz-fa-plane-departure:before { content: "\f5b0"; } .mgz-fa-play:before { content: "\f04b"; } .mgz-fa-play-circle:before { content: "\f144"; } .mgz-fa-playstation:before { content: "\f3df"; } .mgz-fa-plug:before { content: "\f1e6"; } .mgz-fa-plus:before { content: "\f067"; } .mgz-fa-plus-circle:before { content: "\f055"; } .mgz-fa-plus-square:before { content: "\f0fe"; } .mgz-fa-podcast:before { content: "\f2ce"; } .mgz-fa-poll:before { content: "\f681"; } .mgz-fa-poll-h:before { content: "\f682"; } .mgz-fa-poo:before { content: "\f2fe"; } .mgz-fa-poo-storm:before { content: "\f75a"; } .mgz-fa-poop:before { content: "\f619"; } .mgz-fa-portrait:before { content: "\f3e0"; } .mgz-fa-pound-sign:before { content: "\f154"; } .mgz-fa-power-off:before { content: "\f011"; } .mgz-fa-pray:before { content: "\f683"; } .mgz-fa-praying-hands:before { content: "\f684"; } .mgz-fa-prescription:before { content: "\f5b1"; } .mgz-fa-prescription-bottle:before { content: "\f485"; } .mgz-fa-prescription-bottle-alt:before { content: "\f486"; } .mgz-fa-print:before { content: "\f02f"; } .mgz-fa-procedures:before { content: "\f487"; } .mgz-fa-product-hunt:before { content: "\f288"; } .mgz-fa-project-diagram:before { content: "\f542"; } .mgz-fa-pushed:before { content: "\f3e1"; } .mgz-fa-puzzle-piece:before { content: "\f12e"; } .mgz-fa-python:before { content: "\f3e2"; } .mgz-fa-qq:before { content: "\f1d6"; } .mgz-fa-qrcode:before { content: "\f029"; } .mgz-fa-question:before { content: "\f128"; } .mgz-fa-question-circle:before { content: "\f059"; } .mgz-fa-quidditch:before { content: "\f458"; } .mgz-fa-quinscape:before { content: "\f459"; } .mgz-fa-quora:before { content: "\f2c4"; } .mgz-fa-quote-left:before { content: "\f10d"; } .mgz-fa-quote-right:before { content: "\f10e"; } .mgz-fa-quran:before { content: "\f687"; } .mgz-fa-r-project:before { content: "\f4f7"; } .mgz-fa-radiation:before { content: "\f7b9"; } .mgz-fa-radiation-alt:before { content: "\f7ba"; } .mgz-fa-rainbow:before { content: "\f75b"; } .mgz-fa-random:before { content: "\f074"; } .mgz-fa-raspberry-pi:before { content: "\f7bb"; } .mgz-fa-ravelry:before { content: "\f2d9"; } .mgz-fa-react:before { content: "\f41b"; } .mgz-fa-reacteurope:before { content: "\f75d"; } .mgz-fa-readme:before { content: "\f4d5"; } .mgz-fa-rebel:before { content: "\f1d0"; } .mgz-fa-receipt:before { content: "\f543"; } .mgz-fa-recycle:before { content: "\f1b8"; } .mgz-fa-red-river:before { content: "\f3e3"; } .mgz-fa-reddit:before { content: "\f1a1"; } .mgz-fa-reddit-alien:before { content: "\f281"; } .mgz-fa-reddit-square:before { content: "\f1a2"; } .mgz-fa-redhat:before { content: "\f7bc"; } .mgz-fa-redo:before { content: "\f01e"; } .mgz-fa-redo-alt:before { content: "\f2f9"; } .mgz-fa-registered:before { content: "\f25d"; } .mgz-fa-renren:before { content: "\f18b"; } .mgz-fa-reply:before { content: "\f3e5"; } .mgz-fa-reply-all:before { content: "\f122"; } .mgz-fa-replyd:before { content: "\f3e6"; } .mgz-fa-republican:before { content: "\f75e"; } .mgz-fa-researchgate:before { content: "\f4f8"; } .mgz-fa-resolving:before { content: "\f3e7"; } .mgz-fa-restroom:before { content: "\f7bd"; } .mgz-fa-retweet:before { content: "\f079"; } .mgz-fa-rev:before { content: "\f5b2"; } .mgz-fa-ribbon:before { content: "\f4d6"; } .mgz-fa-ring:before { content: "\f70b"; } .mgz-fa-road:before { content: "\f018"; } .mgz-fa-robot:before { content: "\f544"; } .mgz-fa-rocket:before { content: "\f135"; } .mgz-fa-rocketchat:before { content: "\f3e8"; } .mgz-fa-rockrms:before { content: "\f3e9"; } .mgz-fa-route:before { content: "\f4d7"; } .mgz-fa-rss:before { content: "\f09e"; } .mgz-fa-rss-square:before { content: "\f143"; } .mgz-fa-ruble-sign:before { content: "\f158"; } .mgz-fa-ruler:before { content: "\f545"; } .mgz-fa-ruler-combined:before { content: "\f546"; } .mgz-fa-ruler-horizontal:before { content: "\f547"; } .mgz-fa-ruler-vertical:before { content: "\f548"; } .mgz-fa-running:before { content: "\f70c"; } .mgz-fa-rupee-sign:before { content: "\f156"; } .mgz-fa-sad-cry:before { content: "\f5b3"; } .mgz-fa-sad-tear:before { content: "\f5b4"; } .mgz-fa-safari:before { content: "\f267"; } .mgz-fa-salesforce:before { content: "\f83b"; } .mgz-fa-sass:before { content: "\f41e"; } .mgz-fa-satellite:before { content: "\f7bf"; } .mgz-fa-satellite-dish:before { content: "\f7c0"; } .mgz-fa-save:before { content: "\f0c7"; } .mgz-fa-schlix:before { content: "\f3ea"; } .mgz-fa-school:before { content: "\f549"; } .mgz-fa-screwdriver:before { content: "\f54a"; } .mgz-fa-scribd:before { content: "\f28a"; } .mgz-fa-scroll:before { content: "\f70e"; } .mgz-fa-sd-card:before { content: "\f7c2"; } .mgz-fa-search:before { content: "\f002"; } .mgz-fa-search-dollar:before { content: "\f688"; } .mgz-fa-search-location:before { content: "\f689"; } .mgz-fa-search-minus:before { content: "\f010"; } .mgz-fa-search-plus:before { content: "\f00e"; } .mgz-fa-searchengin:before { content: "\f3eb"; } .mgz-fa-seedling:before { content: "\f4d8"; } .mgz-fa-sellcast:before { content: "\f2da"; } .mgz-fa-sellsy:before { content: "\f213"; } .mgz-fa-server:before { content: "\f233"; } .mgz-fa-servicestack:before { content: "\f3ec"; } .mgz-fa-shapes:before { content: "\f61f"; } .mgz-fa-share:before { content: "\f064"; } .mgz-fa-share-alt:before { content: "\f1e0"; } .mgz-fa-share-alt-square:before { content: "\f1e1"; } .mgz-fa-share-square:before { content: "\f14d"; } .mgz-fa-shekel-sign:before { content: "\f20b"; } .mgz-fa-shield-alt:before { content: "\f3ed"; } .mgz-fa-ship:before { content: "\f21a"; } .mgz-fa-shipping-fast:before { content: "\f48b"; } .mgz-fa-shirtsinbulk:before { content: "\f214"; } .mgz-fa-shoe-prints:before { content: "\f54b"; } .mgz-fa-shopping-bag:before { content: "\f290"; } .mgz-fa-shopping-basket:before { content: "\f291"; } .mgz-fa-shopping-cart:before { content: "\f07a"; } .mgz-fa-shopware:before { content: "\f5b5"; } .mgz-fa-shower:before { content: "\f2cc"; } .mgz-fa-shuttle-van:before { content: "\f5b6"; } .mgz-fa-sign:before { content: "\f4d9"; } .mgz-fa-sign-in-alt:before { content: "\f2f6"; } .mgz-fa-sign-language:before { content: "\f2a7"; } .mgz-fa-sign-out-alt:before { content: "\f2f5"; } .mgz-fa-signal:before { content: "\f012"; } .mgz-fa-signature:before { content: "\f5b7"; } .mgz-fa-sim-card:before { content: "\f7c4"; } .mgz-fa-simplybuilt:before { content: "\f215"; } .mgz-fa-sistrix:before { content: "\f3ee"; } .mgz-fa-sitemap:before { content: "\f0e8"; } .mgz-fa-sith:before { content: "\f512"; } .mgz-fa-skating:before { content: "\f7c5"; } .mgz-fa-sketch:before { content: "\f7c6"; } .mgz-fa-skiing:before { content: "\f7c9"; } .mgz-fa-skiing-nordic:before { content: "\f7ca"; } .mgz-fa-skull:before { content: "\f54c"; } .mgz-fa-skull-crossbones:before { content: "\f714"; } .mgz-fa-skyatlas:before { content: "\f216"; } .mgz-fa-skype:before { content: "\f17e"; } .mgz-fa-slack:before { content: "\f198"; } .mgz-fa-slack-hash:before { content: "\f3ef"; } .mgz-fa-slash:before { content: "\f715"; } .mgz-fa-sleigh:before { content: "\f7cc"; } .mgz-fa-sliders-h:before { content: "\f1de"; } .mgz-fa-slideshare:before { content: "\f1e7"; } .mgz-fa-smile:before { content: "\f118"; } .mgz-fa-smile-beam:before { content: "\f5b8"; } .mgz-fa-smile-wink:before { content: "\f4da"; } .mgz-fa-smog:before { content: "\f75f"; } .mgz-fa-smoking:before { content: "\f48d"; } .mgz-fa-smoking-ban:before { content: "\f54d"; } .mgz-fa-sms:before { content: "\f7cd"; } .mgz-fa-snapchat:before { content: "\f2ab"; } .mgz-fa-snapchat-ghost:before { content: "\f2ac"; } .mgz-fa-snapchat-square:before { content: "\f2ad"; } .mgz-fa-snowboarding:before { content: "\f7ce"; } .mgz-fa-snowflake:before { content: "\f2dc"; } .mgz-fa-snowman:before { content: "\f7d0"; } .mgz-fa-snowplow:before { content: "\f7d2"; } .mgz-fa-socks:before { content: "\f696"; } .mgz-fa-solar-panel:before { content: "\f5ba"; } .mgz-fa-sort:before { content: "\f0dc"; } .mgz-fa-sort-alpha-down:before { content: "\f15d"; } .mgz-fa-sort-alpha-up:before { content: "\f15e"; } .mgz-fa-sort-amount-down:before { content: "\f160"; } .mgz-fa-sort-amount-up:before { content: "\f161"; } .mgz-fa-sort-down:before { content: "\f0dd"; } .mgz-fa-sort-numeric-down:before { content: "\f162"; } .mgz-fa-sort-numeric-up:before { content: "\f163"; } .mgz-fa-sort-up:before { content: "\f0de"; } .mgz-fa-soundcloud:before { content: "\f1be"; } .mgz-fa-sourcetree:before { content: "\f7d3"; } .mgz-fa-spa:before { content: "\f5bb"; } .mgz-fa-space-shuttle:before { content: "\f197"; } .mgz-fa-speakap:before { content: "\f3f3"; } .mgz-fa-speaker-deck:before { content: "\f83c"; } .mgz-fa-spider:before { content: "\f717"; } .mgz-fa-spinner:before { content: "\f110"; } .mgz-fa-splotch:before { content: "\f5bc"; } .mgz-fa-spotify:before { content: "\f1bc"; } .mgz-fa-spray-can:before { content: "\f5bd"; } .mgz-fa-square:before { content: "\f0c8"; } .mgz-fa-square-full:before { content: "\f45c"; } .mgz-fa-square-root-alt:before { content: "\f698"; } .mgz-fa-squarespace:before { content: "\f5be"; } .mgz-fa-stack-exchange:before { content: "\f18d"; } .mgz-fa-stack-overflow:before { content: "\f16c"; } .mgz-fa-stamp:before { content: "\f5bf"; } .mgz-fa-star:before { content: "\f005"; } .mgz-fa-star-and-crescent:before { content: "\f699"; } .mgz-fa-star-half:before { content: "\f089"; } .mgz-fa-star-half-alt:before { content: "\f5c0"; } .mgz-fa-star-of-david:before { content: "\f69a"; } .mgz-fa-star-of-life:before { content: "\f621"; } .mgz-fa-staylinked:before { content: "\f3f5"; } .mgz-fa-steam:before { content: "\f1b6"; } .mgz-fa-steam-square:before { content: "\f1b7"; } .mgz-fa-steam-symbol:before { content: "\f3f6"; } .mgz-fa-step-backward:before { content: "\f048"; } .mgz-fa-step-forward:before { content: "\f051"; } .mgz-fa-stethoscope:before { content: "\f0f1"; } .mgz-fa-sticker-mule:before { content: "\f3f7"; } .mgz-fa-sticky-note:before { content: "\f249"; } .mgz-fa-stop:before { content: "\f04d"; } .mgz-fa-stop-circle:before { content: "\f28d"; } .mgz-fa-stopwatch:before { content: "\f2f2"; } .mgz-fa-store:before { content: "\f54e"; } .mgz-fa-store-alt:before { content: "\f54f"; } .mgz-fa-strava:before { content: "\f428"; } .mgz-fa-stream:before { content: "\f550"; } .mgz-fa-street-view:before { content: "\f21d"; } .mgz-fa-strikethrough:before { content: "\f0cc"; } .mgz-fa-stripe:before { content: "\f429"; } .mgz-fa-stripe-s:before { content: "\f42a"; } .mgz-fa-stroopwafel:before { content: "\f551"; } .mgz-fa-studiovinari:before { content: "\f3f8"; } .mgz-fa-stumbleupon:before { content: "\f1a4"; } .mgz-fa-stumbleupon-circle:before { content: "\f1a3"; } .mgz-fa-subscript:before { content: "\f12c"; } .mgz-fa-subway:before { content: "\f239"; } .mgz-fa-suitcase:before { content: "\f0f2"; } .mgz-fa-suitcase-rolling:before { content: "\f5c1"; } .mgz-fa-sun:before { content: "\f185"; } .mgz-fa-superpowers:before { content: "\f2dd"; } .mgz-fa-superscript:before { content: "\f12b"; } .mgz-fa-supple:before { content: "\f3f9"; } .mgz-fa-surprise:before { content: "\f5c2"; } .mgz-fa-suse:before { content: "\f7d6"; } .mgz-fa-swatchbook:before { content: "\f5c3"; } .mgz-fa-swimmer:before { content: "\f5c4"; } .mgz-fa-swimming-pool:before { content: "\f5c5"; } .mgz-fa-symfony:before { content: "\f83d"; } .mgz-fa-synagogue:before { content: "\f69b"; } .mgz-fa-sync:before { content: "\f021"; } .mgz-fa-sync-alt:before { content: "\f2f1"; } .mgz-fa-syringe:before { content: "\f48e"; } .mgz-fa-table:before { content: "\f0ce"; } .mgz-fa-table-tennis:before { content: "\f45d"; } .mgz-fa-tablet:before { content: "\f10a"; } .mgz-fa-tablet-alt:before { content: "\f3fa"; } .mgz-fa-tablets:before { content: "\f490"; } .mgz-fa-tachometer-alt:before { content: "\f3fd"; } .mgz-fa-tag:before { content: "\f02b"; } .mgz-fa-tags:before { content: "\f02c"; } .mgz-fa-tape:before { content: "\f4db"; } .mgz-fa-tasks:before { content: "\f0ae"; } .mgz-fa-taxi:before { content: "\f1ba"; } .mgz-fa-teamspeak:before { content: "\f4f9"; } .mgz-fa-teeth:before { content: "\f62e"; } .mgz-fa-teeth-open:before { content: "\f62f"; } .mgz-fa-telegram:before { content: "\f2c6"; } .mgz-fa-telegram-plane:before { content: "\f3fe"; } .mgz-fa-temperature-high:before { content: "\f769"; } .mgz-fa-temperature-low:before { content: "\f76b"; } .mgz-fa-tencent-weibo:before { content: "\f1d5"; } .mgz-fa-tenge:before { content: "\f7d7"; } .mgz-fa-terminal:before { content: "\f120"; } .mgz-fa-text-height:before { content: "\f034"; } .mgz-fa-text-width:before { content: "\f035"; } .mgz-fa-th:before { content: "\f00a"; } .mgz-fa-th-large:before { content: "\f009"; } .mgz-fa-th-list:before { content: "\f00b"; } .mgz-fa-the-red-yeti:before { content: "\f69d"; } .mgz-fa-theater-masks:before { content: "\f630"; } .mgz-fa-themeco:before { content: "\f5c6"; } .mgz-fa-themeisle:before { content: "\f2b2"; } .mgz-fa-thermometer:before { content: "\f491"; } .mgz-fa-thermometer-empty:before { content: "\f2cb"; } .mgz-fa-thermometer-full:before { content: "\f2c7"; } .mgz-fa-thermometer-half:before { content: "\f2c9"; } .mgz-fa-thermometer-quarter:before { content: "\f2ca"; } .mgz-fa-thermometer-three-quarters:before { content: "\f2c8"; } .mgz-fa-think-peaks:before { content: "\f731"; } .mgz-fa-thumbs-down:before { content: "\f165"; } .mgz-fa-thumbs-up:before { content: "\f164"; } .mgz-fa-thumbtack:before { content: "\f08d"; } .mgz-fa-ticket-alt:before { content: "\f3ff"; } .mgz-fa-times:before { content: "\f00d"; } .mgz-fa-times-circle:before { content: "\f057"; } .mgz-fa-tint:before { content: "\f043"; } .mgz-fa-tint-slash:before { content: "\f5c7"; } .mgz-fa-tired:before { content: "\f5c8"; } .mgz-fa-toggle-off:before { content: "\f204"; } .mgz-fa-toggle-on:before { content: "\f205"; } .mgz-fa-toilet:before { content: "\f7d8"; } .mgz-fa-toilet-paper:before { content: "\f71e"; } .mgz-fa-toolbox:before { content: "\f552"; } .mgz-fa-tools:before { content: "\f7d9"; } .mgz-fa-tooth:before { content: "\f5c9"; } .mgz-fa-torah:before { content: "\f6a0"; } .mgz-fa-torii-gate:before { content: "\f6a1"; } .mgz-fa-tractor:before { content: "\f722"; } .mgz-fa-trade-federation:before { content: "\f513"; } .mgz-fa-trademark:before { content: "\f25c"; } .mgz-fa-traffic-light:before { content: "\f637"; } .mgz-fa-train:before { content: "\f238"; } .mgz-fa-tram:before { content: "\f7da"; } .mgz-fa-transgender:before { content: "\f224"; } .mgz-fa-transgender-alt:before { content: "\f225"; } .mgz-fa-trash:before { content: "\f1f8"; } .mgz-fa-trash-alt:before { content: "\f2ed"; } .mgz-fa-trash-restore:before { content: "\f829"; } .mgz-fa-trash-restore-alt:before { content: "\f82a"; } .mgz-fa-tree:before { content: "\f1bb"; } .mgz-fa-trello:before { content: "\f181"; } .mgz-fa-tripadvisor:before { content: "\f262"; } .mgz-fa-trophy:before { content: "\f091"; } .mgz-fa-truck:before { content: "\f0d1"; } .mgz-fa-truck-loading:before { content: "\f4de"; } .mgz-fa-truck-monster:before { content: "\f63b"; } .mgz-fa-truck-moving:before { content: "\f4df"; } .mgz-fa-truck-pickup:before { content: "\f63c"; } .mgz-fa-tshirt:before { content: "\f553"; } .mgz-fa-tty:before { content: "\f1e4"; } .mgz-fa-tumblr:before { content: "\f173"; } .mgz-fa-tumblr-square:before { content: "\f174"; } .mgz-fa-tv:before { content: "\f26c"; } .mgz-fa-twitch:before { content: "\f1e8"; } .mgz-fa-x-twitter:before { content: "\e61b"; } .mgz-fa-x-twitter-square:before { content: "\e61a"; } .mgz-fa-tiktok:before { content: "\e07b"; } .mgz-fa-bluesky:before { content: "\e671"; } .mgz-fa-typo3:before { content: "\f42b"; } .mgz-fa-uber:before { content: "\f402"; } .mgz-fa-ubuntu:before { content: "\f7df"; } .mgz-fa-uikit:before { content: "\f403"; } .mgz-fa-umbrella:before { content: "\f0e9"; } .mgz-fa-umbrella-beach:before { content: "\f5ca"; } .mgz-fa-underline:before { content: "\f0cd"; } .mgz-fa-undo:before { content: "\f0e2"; } .mgz-fa-undo-alt:before { content: "\f2ea"; } .mgz-fa-uniregistry:before { content: "\f404"; } .mgz-fa-universal-access:before { content: "\f29a"; } .mgz-fa-university:before { content: "\f19c"; } .mgz-fa-unlink:before { content: "\f127"; } .mgz-fa-unlock:before { content: "\f09c"; } .mgz-fa-unlock-alt:before { content: "\f13e"; } .mgz-fa-untappd:before { content: "\f405"; } .mgz-fa-upload:before { content: "\f093"; } .mgz-fa-ups:before { content: "\f7e0"; } .mgz-fa-usb:before { content: "\f287"; } .mgz-fa-user:before { content: "\f007"; } .mgz-fa-user-alt:before { content: "\f406"; } .mgz-fa-user-alt-slash:before { content: "\f4fa"; } .mgz-fa-user-astronaut:before { content: "\f4fb"; } .mgz-fa-user-check:before { content: "\f4fc"; } .mgz-fa-user-circle:before { content: "\f2bd"; } .mgz-fa-user-clock:before { content: "\f4fd"; } .mgz-fa-user-cog:before { content: "\f4fe"; } .mgz-fa-user-edit:before { content: "\f4ff"; } .mgz-fa-user-friends:before { content: "\f500"; } .mgz-fa-user-graduate:before { content: "\f501"; } .mgz-fa-user-injured:before { content: "\f728"; } .mgz-fa-user-lock:before { content: "\f502"; } .mgz-fa-user-md:before { content: "\f0f0"; } .mgz-fa-user-minus:before { content: "\f503"; } .mgz-fa-user-ninja:before { content: "\f504"; } .mgz-fa-user-nurse:before { content: "\f82f"; } .mgz-fa-user-plus:before { content: "\f234"; } .mgz-fa-user-secret:before { content: "\f21b"; } .mgz-fa-user-shield:before { content: "\f505"; } .mgz-fa-user-slash:before { content: "\f506"; } .mgz-fa-user-tag:before { content: "\f507"; } .mgz-fa-user-tie:before { content: "\f508"; } .mgz-fa-user-times:before { content: "\f235"; } .mgz-fa-users:before { content: "\f0c0"; } .mgz-fa-users-cog:before { content: "\f509"; } .mgz-fa-usps:before { content: "\f7e1"; } .mgz-fa-ussunnah:before { content: "\f407"; } .mgz-fa-utensil-spoon:before { content: "\f2e5"; } .mgz-fa-utensils:before { content: "\f2e7"; } .mgz-fa-vaadin:before { content: "\f408"; } .mgz-fa-vector-square:before { content: "\f5cb"; } .mgz-fa-venus:before { content: "\f221"; } .mgz-fa-venus-double:before { content: "\f226"; } .mgz-fa-venus-mars:before { content: "\f228"; } .mgz-fa-viacoin:before { content: "\f237"; } .mgz-fa-viadeo:before { content: "\f2a9"; } .mgz-fa-viadeo-square:before { content: "\f2aa"; } .mgz-fa-vial:before { content: "\f492"; } .mgz-fa-vials:before { content: "\f493"; } .mgz-fa-viber:before { content: "\f409"; } .mgz-fa-video:before { content: "\f03d"; } .mgz-fa-video-slash:before { content: "\f4e2"; } .mgz-fa-vihara:before { content: "\f6a7"; } .mgz-fa-vimeo:before { content: "\f40a"; } .mgz-fa-vimeo-square:before { content: "\f194"; } .mgz-fa-vimeo-v:before { content: "\f27d"; } .mgz-fa-vine:before { content: "\f1ca"; } .mgz-fa-vk:before { content: "\f189"; } .mgz-fa-vnv:before { content: "\f40b"; } .mgz-fa-volleyball-ball:before { content: "\f45f"; } .mgz-fa-volume-down:before { content: "\f027"; } .mgz-fa-volume-mute:before { content: "\f6a9"; } .mgz-fa-volume-off:before { content: "\f026"; } .mgz-fa-volume-up:before { content: "\f028"; } .mgz-fa-vote-yea:before { content: "\f772"; } .mgz-fa-vr-cardboard:before { content: "\f729"; } .mgz-fa-vuejs:before { content: "\f41f"; } .mgz-fa-walking:before { content: "\f554"; } .mgz-fa-wallet:before { content: "\f555"; } .mgz-fa-warehouse:before { content: "\f494"; } .mgz-fa-water:before { content: "\f773"; } .mgz-fa-wave-square:before { content: "\f83e"; } .mgz-fa-waze:before { content: "\f83f"; } .mgz-fa-weebly:before { content: "\f5cc"; } .mgz-fa-weibo:before { content: "\f18a"; } .mgz-fa-weight:before { content: "\f496"; } .mgz-fa-weight-hanging:before { content: "\f5cd"; } .mgz-fa-weixin:before { content: "\f1d7"; } .mgz-fa-whatsapp:before { content: "\f232"; } .mgz-fa-whatsapp-square:before { content: "\f40c"; } .mgz-fa-wheelchair:before { content: "\f193"; } .mgz-fa-whmcs:before { content: "\f40d"; } .mgz-fa-wifi:before { content: "\f1eb"; } .mgz-fa-wikipedia-w:before { content: "\f266"; } .mgz-fa-wind:before { content: "\f72e"; } .mgz-fa-window-close:before { content: "\f410"; } .mgz-fa-window-maximize:before { content: "\f2d0"; } .mgz-fa-window-minimize:before { content: "\f2d1"; } .mgz-fa-window-restore:before { content: "\f2d2"; } .mgz-fa-windows:before { content: "\f17a"; } .mgz-fa-wine-bottle:before { content: "\f72f"; } .mgz-fa-wine-glass:before { content: "\f4e3"; } .mgz-fa-wine-glass-alt:before { content: "\f5ce"; } .mgz-fa-wix:before { content: "\f5cf"; } .mgz-fa-wizards-of-the-coast:before { content: "\f730"; } .mgz-fa-wolf-pack-battalion:before { content: "\f514"; } .mgz-fa-won-sign:before { content: "\f159"; } .mgz-fa-wordpress:before { content: "\f19a"; } .mgz-fa-wordpress-simple:before { content: "\f411"; } .mgz-fa-wpbeginner:before { content: "\f297"; } .mgz-fa-wpexplorer:before { content: "\f2de"; } .mgz-fa-wpforms:before { content: "\f298"; } .mgz-fa-wpressr:before { content: "\f3e4"; } .mgz-fa-wrench:before { content: "\f0ad"; } .mgz-fa-x-ray:before { content: "\f497"; } .mgz-fa-xbox:before { content: "\f412"; } .mgz-fa-xing:before { content: "\f168"; } .mgz-fa-xing-square:before { content: "\f169"; } .mgz-fa-y-combinator:before { content: "\f23b"; } .mgz-fa-yahoo:before { content: "\f19e"; } .mgz-fa-yammer:before { content: "\f840"; } .mgz-fa-yandex:before { content: "\f413"; } .mgz-fa-yandex-international:before { content: "\f414"; } .mgz-fa-yarn:before { content: "\f7e3"; } .mgz-fa-yelp:before { content: "\f1e9"; } .mgz-fa-yen-sign:before { content: "\f157"; } .mgz-fa-yin-yang:before { content: "\f6ad"; } .mgz-fa-yoast:before { content: "\f2b1"; } .mgz-fa-youtube:before { content: "\f167"; } .mgz-fa-youtube-square:before { content: "\f431"; } .mgz-fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /*! * Font Awesome Free 5.8.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: auto; src: url('../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/webfonts/fa-solid-900.eot'); src: url('../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/webfonts/fa-solid-900.eot?#iefix') format('embedded-opentype'), url('../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/webfonts/fa-solid-900.woff2') format('woff2'), url('../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/webfonts/fa-solid-900.woff') format('woff'), url('../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/webfonts/fa-solid-900.ttf') format('truetype'), url('../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/webfonts/fa-solid-900.svg#fontawesome') format('svg'); } .fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; } /*! * Font Awesome Free 5.8.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; font-display: auto; src: url('../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/webfonts/fa-regular-400.eot'); src: url('../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/webfonts/fa-regular-400.eot?#iefix') format('embedded-opentype'), url('../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/webfonts/fa-regular-400.woff2') format('woff2'), url('../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/webfonts/fa-regular-400.woff') format('woff'), url('../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/webfonts/fa-regular-400.ttf') format('truetype'), url('../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/webfonts/fa-regular-400.svg#fontawesome') format('svg'); } .far { font-family: 'Font Awesome 5 Free'; font-weight: 400; } /*! * Font Awesome Free 5.8.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: normal; font-display: auto; src: url('../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/webfonts/fa-brands-400.eot'); src: url('../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/webfonts/fa-brands-400.eot?#iefix') format('embedded-opentype'), url('../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/webfonts/fa-brands-400.woff2') format('woff2'), url('../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/webfonts/fa-brands-400.woff') format('woff'), url('../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/webfonts/fa-brands-400.ttf') format('truetype'), url('../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/webfonts/fa-brands-400.svg#fontawesome') format('svg'); } .fab { font-family: 'Font Awesome 5 Brands'; } @font-face { font-family: 'Magezon-Icons'; src: url('../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/fonts/mgz_icons.eot?lbpphw'); src: url('../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/css/fonts/mgz_icons.eot?lbpphw#iefix') format('embedded-opentype'), url('../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/fonts/mgz_icons.ttf?lbpphw') format('truetype'), url('../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/fonts/mgz_icons.woff?lbpphw') format('woff'), url('../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Core/fonts/mgz_icons.svg?lbpphw#mgz_icons') format('svg'); font-weight: normal; font-style: normal; } .mgz-icon { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'Magezon-Icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mgz-icon:before { font-family: inherit; } .mgz-icon-search:before { content: "\e8b6"; } .mgz-icon-close:before { content: "\e62f"; } .mgz-icon-add:before { content: "\e90d"; } .mgz-icon-fullscreen:before { content: "\e915"; } .mgz-icon-dragndrop:before { content: "\e913"; } .mgz-icon-edit:before { content: "\e91d"; } .mgz-icon-delete:before { content: "\e912"; } .mgz-icon-clone:before { content: "\e911"; } .mgz-icon-arrow_drop_right:before { content: "\e916"; } .mgz-icon-arrow_drop_down:before { content: "\e5c5"; } .mgz-icon-arrow_drop_up:before { content: "\e5c7"; } .mgz-icon-1-1:before { content: "\e900"; } .mgz-icon-1-2_1-2:before { content: "\e901"; } .mgz-icon-1-3_1-3_1-3:before { content: "\e902"; } .mgz-icon-1-4_1-2_1-4:before { content: "\e904"; } .mgz-icon-1-4_1-4_1-4_1-4:before { content: "\e905"; } .mgz-icon-1-4_3-4:before { content: "\e906"; } .mgz-icon-1-6_1-6_1-6_1-2:before { content: "\e907"; } .mgz-icon-1-6_1-6_1-6_1-6_1-6_1-6:before { content: "\e908"; } .mgz-icon-l_15_15_15_15_15:before { content: "\e909"; } .mgz-icon-1-6_2-3_1-6:before { content: "\e90a"; } .mgz-icon-2-3_1-3:before { content: "\e90b"; } .mgz-icon-5-6_1-6:before { content: "\e90c"; } .mgz-icon-1-6_4-6_1-6:before { content: "\e90e"; } .mgz-icon-row:before { content: "\e91e"; } .mgz-icon-fullscreen:before { content: "\e915"; } .mgz-icon-fullscreen_exit:before { content: "\e914"; } .mgz-icon-check-mage:before { content: "\e62d"; } .mgz-icon-plus:before { content: "\e61c"; } .mgz-icon-minus:before { content: "\e60f"; } .mgz-icon-remove:before { content: "\e604"; } .mgz-icon-up:before { content: "\e621"; } .mgz-icon-down:before { content: "\e622"; } .mgz-icon-product:before { content: "\e608"; } .mgz-icon-tabs:before { content: "\e879"; } .mgz-icon-divider:before { content: "\e822"; font-weight: bold; } .mgz-icon-spacer:before { content: "\e877"; font-weight: bold; } .mgz-settings-icon:before{ content: "\e910"; } .mgz-icon-play:before { content: "\e939"; } .mgz-icon-cms:before { content: "\e602"; } .mgz-icon-testimonial:before { content: "\e920"; } .mgz-icon-social-icons:before { content: "\e876"; } .mgz-icon-pricing-table:before { content: "\e859"; } .mgz-icon-accordion:before { content: "\e806"; } .mgz-icon-number-counter:before { content: "\e921"; } .mgz-icon-favorite:before { content: "\e895"; } .mgz-icon-toggle:before { content: "\e887"; } .mgz-icon-slideshow:before { content: "\e875"; } .mgz-icon-icon-list:before { content: "\e893"; } .mgz-icon-flip-box:before { content: "\e903"; } .mgz-icon-code:before { content: "\e894"; } .mgz-icon-countdown:before { content: "\e818"; } .mgz-icon-magezon-pagebuilder:before { content: "\e922"; } .mgz-icon-checkbox:before { content: "\e816"; } .mgz-icon-number-field:before { content: "\e846"; } .mgz-icon-menu-toggle:before { content: "\e943"; } .mgz-icon-button:before { content: "\e812"; } .mgz-icon-text-field:before { content: "\e882"; } .mgz-icon-delete2:before { content: "\e630"; } .mgz-icon-check:before { content: "\e5ca"; } .mgz-icon-tablet-landscape:before { content: "\1f4bb"; } .mgz-icon-mobile-portrait:before { content: "\1f4f1"; } .mgz-icon-mobile-landscape:before { content: "\1f4f2"; } .mgz-icon-desktop:before { content: "\1f4fa"; } .mgz-icon-tablet-portrait:before { content: "\1f5b3"; } .mgz-icon-arrow_downward:before { content: "\e5dc"; } .mgz-icon-stores:before { content: "\e60e"; } .mgz-icon-sales:before { content: "\e60b"; } .mgz-icon-layers:before { content: "\1f5d7"; } .mgz-icon-column:before { content: "\23f8"; } .mgz-icon-minimize:before { content: "\e91c"; }[class*='mgz-col-'] { width: 100%; float: left; } .mgz-col-xs-1, .mgz-col-sm-1, .mgz-col-md-1, .mgz-col-lg-1, .mgz-col-xs-2, .mgz-col-sm-2, .mgz-col-md-2, .mgz-col-lg-2, .mgz-col-xs-3, .mgz-col-sm-3, .mgz-col-md-3, .mgz-col-lg-3, .mgz-col-xs-4, .mgz-col-sm-4, .mgz-col-md-4, .mgz-col-lg-4, .mgz-col-xs-5, .mgz-col-sm-5, .mgz-col-md-5, .mgz-col-lg-5, .mgz-col-xs-6, .mgz-col-sm-6, .mgz-col-md-6, .mgz-col-lg-6, .mgz-col-xs-7, .mgz-col-sm-7, .mgz-col-md-7, .mgz-col-lg-7, .mgz-col-xs-8, .mgz-col-sm-8, .mgz-col-md-8, .mgz-col-lg-8, .mgz-col-xs-9, .mgz-col-sm-9, .mgz-col-md-9, .mgz-col-lg-9, .mgz-col-xs-10, .mgz-col-sm-10, .mgz-col-md-10, .mgz-col-lg-10, .mgz-col-xs-11, .mgz-col-sm-11, .mgz-col-md-11, .mgz-col-lg-11, .mgz-col-xs-12, .mgz-col-sm-12, .mgz-col-md-12, .mgz-col-lg-12, .mgz-col-xs-15, .mgz-col-sm-15, .mgz-col-md-15, .mgz-col-lg-15, .mgz-col-xs-25, .mgz-col-sm-25, .mgz-col-md-25, .mgz-col-lg-25, .mgz-col-xs-35, .mgz-col-sm-35, .mgz-col-md-35, .mgz-col-lg-35, .mgz-col-xs-45, .mgz-col-sm-45, .mgz-col-md-45, .mgz-col-lg-45 { position: relative; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mgz-col-xs-1, .mgz-col-xs-2, .mgz-col-xs-3, .mgz-col-xs-4, .mgz-col-xs-5, .mgz-col-xs-6, .mgz-col-xs-7, .mgz-col-xs-8, .mgz-col-xs-9, .mgz-col-xs-10, .mgz-col-xs-11, .mgz-col-xs-12, .mgz-col-xs-15, .mgz-col-xs-25, .mgz-col-xs-35, .mgz-col-xs-45 { float: left; } .mgz-col-xs-12 { width: 100%; } .mgz-col-xs-11 { width: 91.66666667%; } .mgz-col-xs-10 { width: 83.33333333%; } .mgz-col-xs-9 { width: 75%; } .mgz-col-xs-8 { width: 66.66666667%; } .mgz-col-xs-7 { width: 58.33333333%; } .mgz-col-xs-6 { width: 50%; } .mgz-col-xs-5 { width: 41.66666667%; } .mgz-col-xs-4 { width: 33.33333333%; } .mgz-col-xs-3 { width: 25%; } .mgz-col-xs-15 { width: 20%; } .mgz-col-xs-25 { width: 40%; } .mgz-col-xs-35 { width: 60%; } .mgz-col-xs-45 { width: 80%; } .mgz-col-xs-2 { width: 16.66666667%; } .mgz-col-xs-1 { width: 8.33333333%; } .mgz-col-xs-pull-12 { right: 100%; } .mgz-col-xs-pull-11 { right: 91.66666667%; } .mgz-col-xs-pull-10 { right: 83.33333333%; } .mgz-col-xs-pull-9 { right: 75%; } .mgz-col-xs-pull-8 { right: 66.66666667%; } .mgz-col-xs-pull-7 { right: 58.33333333%; } .mgz-col-xs-pull-6 { right: 50%; } .mgz-col-xs-pull-5 { right: 41.66666667%; } .mgz-col-xs-pull-4 { right: 33.33333333%; } .mgz-col-xs-pull-3 { right: 25%; } .mgz-col-xs-pull-15 { right: 20%; } .mgz-col-xs-pull-25 { right: 40%; } .mgz-col-xs-pull-35 { right: 60%; } .mgz-col-xs-pull-45 { right: 80%; } .mgz-col-xs-pull-2 { right: 16.66666667%; } .mgz-col-xs-pull-1 { right: 8.33333333%; } .mgz-col-xs-pull-0 { right: auto; } .mgz-col-xs-push-12 { left: 100%; } .mgz-col-xs-push-11 { left: 91.66666667%; } .mgz-col-xs-push-10 { left: 83.33333333%; } .mgz-col-xs-push-9 { left: 75%; } .mgz-col-xs-push-8 { left: 66.66666667%; } .mgz-col-xs-push-7 { left: 58.33333333%; } .mgz-col-xs-push-6 { left: 50%; } .mgz-col-xs-push-5 { left: 41.66666667%; } .mgz-col-xs-push-4 { left: 33.33333333%; } .mgz-col-xs-push-3 { left: 25%; } .mgz-col-xs-push-15 { left: 20%; } .mgz-col-xs-push-25 { left: 40%; } .mgz-col-xs-push-35 { left: 60%; } .mgz-col-xs-push-45 { left: 80%; } .mgz-col-xs-push-2 { left: 16.66666667%; } .mgz-col-xs-push-1 { left: 8.33333333%; } .mgz-col-xs-push-0 { left: auto; } .mgz-col-xs-offset-12 { margin-left: 100%; } .mgz-col-xs-offset-11 { margin-left: 91.66666667%; } .mgz-col-xs-offset-10 { margin-left: 83.33333333%; } .mgz-col-xs-offset-9 { margin-left: 75%; } .mgz-col-xs-offset-8 { margin-left: 66.66666667%; } .mgz-col-xs-offset-7 { margin-left: 58.33333333%; } .mgz-col-xs-offset-6 { margin-left: 50%; } .mgz-col-xs-offset-5 { margin-left: 41.66666667%; } .mgz-col-xs-offset-4 { margin-left: 33.33333333%; } .mgz-col-xs-offset-3 { margin-left: 25%; } .mgz-col-xs-offset-15 { margin-left: 20%; } .mgz-col-xs-offset-25 { margin-left: 40%; } .mgz-col-xs-offset-35 { margin-left: 60%; } .mgz-col-xs-offset-45 { margin-left: 80%; } .mgz-col-xs-offset-2 { margin-left: 16.66666667%; } .mgz-col-xs-offset-1 { margin-left: 8.33333333%; } .mgz-col-xs-offset-0 { margin-left: 0%; } .mgz-container { width: 1280px; max-width: 100%; margin: 0 auto; } .mgz-row:before, .mgz-row:after { content: " "; display: table; } .mgz-row:after { clear: both; } .mgz-text-left { text-align: left } .mgz-text-right { text-align: right } .mgz-text-center { text-align: center } .mgz-text-justify { text-align: justify } .f-right { float: right; width: auto; } .f-left { float: left; width: auto; } .f-none { float: none; width: auto; } @media (min-width: 576px) { .mgz-col-sm-1, .mgz-col-sm-2, .mgz-col-sm-3, .mgz-col-sm-4, .mgz-col-sm-5, .mgz-col-sm-6, .mgz-col-sm-7, .mgz-col-sm-8, .mgz-col-sm-9, .mgz-col-sm-10, .mgz-col-sm-11, .mgz-col-sm-12, .mgz-col-sm-15, .mgz-col-sm-25, .mgz-col-sm-35, .mgz-col-sm-45 { float: left; } .mgz-col-sm-12 { width: 100%; } .mgz-col-sm-11 { width: 91.66666667%; } .mgz-col-sm-10 { width: 83.33333333%; } .mgz-col-sm-9 { width: 75%; } .mgz-col-sm-8 { width: 66.66666667%; } .mgz-col-sm-7 { width: 58.33333333%; } .mgz-col-sm-6 { width: 50%; } .mgz-col-sm-5 { width: 41.66666667%; } .mgz-col-sm-4 { width: 33.33333333%; } .mgz-col-sm-3 { width: 25%; } .mgz-col-sm-15 { width: 20%; } .mgz-col-sm-25 { width: 40%; } .mgz-col-sm-35 { width: 60%; } .mgz-col-sm-45 { width: 80%; } .mgz-col-sm-2 { width: 16.66666667%; } .mgz-col-sm-1 { width: 8.33333333%; } .mgz-col-sm-pull-12 { right: 100%; } .mgz-col-sm-pull-11 { right: 91.66666667%; } .mgz-col-sm-pull-10 { right: 83.33333333%; } .mgz-col-sm-pull-9 { right: 75%; } .mgz-col-sm-pull-8 { right: 66.66666667%; } .mgz-col-sm-pull-7 { right: 58.33333333%; } .mgz-col-sm-pull-6 { right: 50%; } .mgz-col-sm-pull-5 { right: 41.66666667%; } .mgz-col-sm-pull-4 { right: 33.33333333%; } .mgz-col-sm-pull-3 { right: 25%; } .mgz-col-sm-pull-15 { right: 20%; } .mgz-col-sm-pull-25 { right: 40%; } .mgz-col-sm-pull-35 { right: 60%; } .mgz-col-sm-pull-45 { right: 80%; } .mgz-col-sm-pull-2 { right: 16.66666667%; } .mgz-col-sm-pull-1 { right: 8.33333333%; } .mgz-col-sm-pull-0 { right: auto; } .mgz-col-sm-push-12 { left: 100%; } .mgz-col-sm-push-11 { left: 91.66666667%; } .mgz-col-sm-push-10 { left: 83.33333333%; } .mgz-col-sm-push-9 { left: 75%; } .mgz-col-sm-push-8 { left: 66.66666667%; } .mgz-col-sm-push-7 { left: 58.33333333%; } .mgz-col-sm-push-6 { left: 50%; } .mgz-col-sm-push-5 { left: 41.66666667%; } .mgz-col-sm-push-4 { left: 33.33333333%; } .mgz-col-sm-push-3 { left: 25%; } .mgz-col-sm-push-15 { left: 20%; } .mgz-col-sm-push-25 { left: 40%; } .mgz-col-sm-push-35 { left: 60%; } .mgz-col-sm-push-45 { left: 80%; } .mgz-col-sm-push-2 { left: 16.66666667%; } .mgz-col-sm-push-1 { left: 8.33333333%; } .mgz-col-sm-push-0 { left: auto; } .mgz-col-sm-offset-12 { margin-left: 100%; } .mgz-col-sm-offset-11 { margin-left: 91.66666667%; } .mgz-col-sm-offset-10 { margin-left: 83.33333333%; } .mgz-col-sm-offset-9 { margin-left: 75%; } .mgz-col-sm-offset-8 { margin-left: 66.66666667%; } .mgz-col-sm-offset-7 { margin-left: 58.33333333%; } .mgz-col-sm-offset-6 { margin-left: 50%; } .mgz-col-sm-offset-5 { margin-left: 41.66666667%; } .mgz-col-sm-offset-4 { margin-left: 33.33333333%; } .mgz-col-sm-offset-3 { margin-left: 25%; } .mgz-col-sm-offset-15 { margin-left: 20%; } .mgz-col-sm-offset-25 { margin-left: 40%; } .mgz-col-sm-offset-35 { margin-left: 60%; } .mgz-col-sm-offset-45 { margin-left: 80%; } .mgz-col-sm-offset-2 { margin-left: 16.66666667%; } .mgz-col-sm-offset-1 { margin-left: 8.33333333%; } .mgz-col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 768px) { .mgz-col-md-1, .mgz-col-md-2, .mgz-col-md-3, .mgz-col-md-4, .mgz-col-md-5, .mgz-col-md-6, .mgz-col-md-7, .mgz-col-md-8, .mgz-col-md-9, .mgz-col-md-10, .mgz-col-md-11, .mgz-col-md-12, .mgz-col-md-15, .mgz-col-md-25, .mgz-col-md-35, .mgz-col-md-45 { float: left; } .mgz-col-md-12 { width: 100%; } .mgz-col-md-11 { width: 91.66666667%; } .mgz-col-md-10 { width: 83.33333333%; } .mgz-col-md-9 { width: 75%; } .mgz-col-md-8 { width: 66.66666667%; } .mgz-col-md-7 { width: 58.33333333%; } .mgz-col-md-6 { width: 50%; } .mgz-col-md-5 { width: 41.66666667%; } .mgz-col-md-4 { width: 33.33333333%; } .mgz-col-md-3 { width: 25%; } .mgz-col-md-15 { width: 20%; } .mgz-col-md-25 { width: 40%; } .mgz-col-md-35 { width: 60%; } .mgz-col-md-45 { width: 80%; } .mgz-col-md-2 { width: 16.66666667%; } .mgz-col-md-1 { width: 8.33333333%; } .mgz-col-md-pull-12 { right: 100%; } .mgz-col-md-pull-11 { right: 91.66666667%; } .mgz-col-md-pull-10 { right: 83.33333333%; } .mgz-col-md-pull-9 { right: 75%; } .mgz-col-md-pull-8 { right: 66.66666667%; } .mgz-col-md-pull-7 { right: 58.33333333%; } .mgz-col-md-pull-6 { right: 50%; } .mgz-col-md-pull-5 { right: 41.66666667%; } .mgz-col-md-pull-4 { right: 33.33333333%; } .mgz-col-md-pull-3 { right: 25%; } .mgz-col-md-pull-15 { right: 20%; } .mgz-col-md-pull-25 { right: 40%; } .mgz-col-md-pull-35 { right: 60%; } .mgz-col-md-pull-45 { right: 80%; } .mgz-col-md-pull-2 { right: 16.66666667%; } .mgz-col-md-pull-1 { right: 8.33333333%; } .mgz-col-md-pull-0 { right: auto; } .mgz-col-md-push-12 { left: 100%; } .mgz-col-md-push-11 { left: 91.66666667%; } .mgz-col-md-push-10 { left: 83.33333333%; } .mgz-col-md-push-9 { left: 75%; } .mgz-col-md-push-8 { left: 66.66666667%; } .mgz-col-md-push-7 { left: 58.33333333%; } .mgz-col-md-push-6 { left: 50%; } .mgz-col-md-push-5 { left: 41.66666667%; } .mgz-col-md-push-4 { left: 33.33333333%; } .mgz-col-md-push-3 { left: 25%; } .mgz-col-md-push-15 { left: 20%; } .mgz-col-md-push-25 { left: 40%; } .mgz-col-md-push-35 { left: 60%; } .mgz-col-md-push-45 { left: 80%; } .mgz-col-md-push-2 { left: 16.66666667%; } .mgz-col-md-push-1 { left: 8.33333333%; } .mgz-col-md-push-0 { left: auto; } .mgz-col-md-offset-12 { margin-left: 100%; } .mgz-col-md-offset-11 { margin-left: 91.66666667%; } .mgz-col-md-offset-10 { margin-left: 83.33333333%; } .mgz-col-md-offset-9 { margin-left: 75%; } .mgz-col-md-offset-8 { margin-left: 66.66666667%; } .mgz-col-md-offset-7 { margin-left: 58.33333333%; } .mgz-col-md-offset-6 { margin-left: 50%; } .mgz-col-md-offset-5 { margin-left: 41.66666667%; } .mgz-col-md-offset-4 { margin-left: 33.33333333%; } .mgz-col-md-offset-3 { margin-left: 25%; } .mgz-col-md-offset-15 { margin-left: 20%; } .mgz-col-md-offset-25 { margin-left: 40%; } .mgz-col-md-offset-35 { margin-left: 60%; } .mgz-col-md-offset-45 { margin-left: 80%; } .mgz-col-md-offset-2 { margin-left: 16.66666667%; } .mgz-col-md-offset-1 { margin-left: 8.33333333%; } .mgz-col-md-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .mgz-col-lg-1, .mgz-col-lg-2, .mgz-col-lg-3, .mgz-col-lg-4, .mgz-col-lg-5, .mgz-col-lg-6, .mgz-col-lg-7, .mgz-col-lg-8, .mgz-col-lg-9, .mgz-col-lg-10, .mgz-col-lg-11, .mgz-col-lg-12, .mgz-col-lg-15, .mgz-col-lg-25, .mgz-col-lg-35, .mgz-col-lg-45 { float: left; } .mgz-col-lg-12 { width: 100%; } .mgz-col-lg-11 { width: 91.66666667%; } .mgz-col-lg-10 { width: 83.33333333%; } .mgz-col-lg-9 { width: 75%; } .mgz-col-lg-8 { width: 66.66666667%; } .mgz-col-lg-7 { width: 58.33333333%; } .mgz-col-lg-6 { width: 50%; } .mgz-col-lg-5 { width: 41.66666667%; } .mgz-col-lg-4 { width: 33.33333333%; } .mgz-col-lg-3 { width: 25%; } .mgz-col-lg-15 { width: 20%; } .mgz-col-lg-25 { width: 40%; } .mgz-col-lg-35 { width: 60%; } .mgz-col-lg-45 { width: 80%; } .mgz-col-lg-2 { width: 16.66666667%; } .mgz-col-lg-1 { width: 8.33333333%; } .mgz-col-lg-pull-12 { right: 100%; } .mgz-col-lg-pull-11 { right: 91.66666667%; } .mgz-col-lg-pull-10 { right: 83.33333333%; } .mgz-col-lg-pull-9 { right: 75%; } .mgz-col-lg-pull-8 { right: 66.66666667%; } .mgz-col-lg-pull-7 { right: 58.33333333%; } .mgz-col-lg-pull-6 { right: 50%; } .mgz-col-lg-pull-5 { right: 41.66666667%; } .mgz-col-lg-pull-4 { right: 33.33333333%; } .mgz-col-lg-pull-3 { right: 25%; } .mgz-col-lg-pull-15 { right: 20%; } .mgz-col-lg-pull-25 { right: 40%; } .mgz-col-lg-pull-35 { right: 60%; } .mgz-col-lg-pull-45 { right: 80%; } .mgz-col-lg-pull-2 { right: 16.66666667%; } .mgz-col-lg-pull-1 { right: 8.33333333%; } .mgz-col-lg-pull-0 { right: auto; } .mgz-col-lg-push-12 { left: 100%; } .mgz-col-lg-push-11 { left: 91.66666667%; } .mgz-col-lg-push-10 { left: 83.33333333%; } .mgz-col-lg-push-9 { left: 75%; } .mgz-col-lg-push-8 { left: 66.66666667%; } .mgz-col-lg-push-7 { left: 58.33333333%; } .mgz-col-lg-push-6 { left: 50%; } .mgz-col-lg-push-5 { left: 41.66666667%; } .mgz-col-lg-push-4 { left: 33.33333333%; } .mgz-col-lg-push-3 { left: 25%; } .mgz-col-lg-push-15 { left: 20%; } .mgz-col-lg-push-25 { left: 40%; } .mgz-col-lg-push-35 { left: 60%; } .mgz-col-lg-push-45 { left: 80%; } .mgz-col-lg-push-2 { left: 16.66666667%; } .mgz-col-lg-push-1 { left: 8.33333333%; } .mgz-col-lg-push-0 { left: auto; } .mgz-col-lg-offset-12 { margin-left: 100%; } .mgz-col-lg-offset-11 { margin-left: 91.66666667%; } .mgz-col-lg-offset-10 { margin-left: 83.33333333%; } .mgz-col-lg-offset-9 { margin-left: 75%; } .mgz-col-lg-offset-8 { margin-left: 66.66666667%; } .mgz-col-lg-offset-7 { margin-left: 58.33333333%; } .mgz-col-lg-offset-6 { margin-left: 50%; } .mgz-col-lg-offset-5 { margin-left: 41.66666667%; } .mgz-col-lg-offset-4 { margin-left: 33.33333333%; } .mgz-col-lg-offset-3 { margin-left: 25%; } .mgz-col-lg-offset-15 { margin-left: 20%; } .mgz-col-lg-offset-25 { margin-left: 40%; } .mgz-col-lg-offset-35 { margin-left: 60%; } .mgz-col-lg-offset-45 { margin-left: 80%; } .mgz-col-lg-offset-2 { margin-left: 16.66666667%; } .mgz-col-lg-offset-1 { margin-left: 8.33333333%; } .mgz-col-lg-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .mgz-col-xl-1, .mgz-col-xl-2, .mgz-col-xl-3, .mgz-col-xl-4, .mgz-col-xl-5, .mgz-col-xl-6, .mgz-col-xl-7, .mgz-col-xl-8, .mgz-col-xl-9, .mgz-col-xl-10, .mgz-col-xl-11, .mgz-col-xl-12, .mgz-col-xl-15, .mgz-col-xl-25, .mgz-col-xl-35, .mgz-col-xl-45 { float: left; } .mgz-col-xl-12 { width: 100%; } .mgz-col-xl-11 { width: 91.66666667%; } .mgz-col-xl-10 { width: 83.33333333%; } .mgz-col-xl-9 { width: 75%; } .mgz-col-xl-8 { width: 66.66666667%; } .mgz-col-xl-7 { width: 58.33333333%; } .mgz-col-xl-6 { width: 50%; } .mgz-col-xl-5 { width: 41.66666667%; } .mgz-col-xl-4 { width: 33.33333333%; } .mgz-col-xl-3 { width: 25%; } .mgz-col-xl-15 { width: 20%; } .mgz-col-xl-25 { width: 40%; } .mgz-col-xl-35 { width: 60%; } .mgz-col-xl-45 { width: 80%; } .mgz-col-xl-2 { width: 16.66666667%; } .mgz-col-xl-1 { width: 8.33333333%; } .mgz-col-xl-pull-12 { right: 100%; } .mgz-col-xl-pull-11 { right: 91.66666667%; } .mgz-col-xl-pull-10 { right: 83.33333333%; } .mgz-col-xl-pull-9 { right: 75%; } .mgz-col-xl-pull-8 { right: 66.66666667%; } .mgz-col-xl-pull-7 { right: 58.33333333%; } .mgz-col-xl-pull-6 { right: 50%; } .mgz-col-xl-pull-5 { right: 41.66666667%; } .mgz-col-xl-pull-4 { right: 33.33333333%; } .mgz-col-xl-pull-3 { right: 25%; } .mgz-col-xl-pull-15 { right: 20%; } .mgz-col-xl-pull-25 { right: 40%; } .mgz-col-xl-pull-35 { right: 60%; } .mgz-col-xl-pull-45 { right: 80%; } .mgz-col-xl-pull-2 { right: 16.66666667%; } .mgz-col-xl-pull-1 { right: 8.33333333%; } .mgz-col-xl-pull-0 { right: auto; } .mgz-col-xl-push-12 { left: 100%; } .mgz-col-xl-push-11 { left: 91.66666667%; } .mgz-col-xl-push-10 { left: 83.33333333%; } .mgz-col-xl-push-9 { left: 75%; } .mgz-col-xl-push-8 { left: 66.66666667%; } .mgz-col-xl-push-7 { left: 58.33333333%; } .mgz-col-xl-push-6 { left: 50%; } .mgz-col-xl-push-5 { left: 41.66666667%; } .mgz-col-xl-push-4 { left: 33.33333333%; } .mgz-col-xl-push-3 { left: 25%; } .mgz-col-xl-push-15 { left: 20%; } .mgz-col-xl-push-25 { left: 40%; } .mgz-col-xl-push-35 { left: 60%; } .mgz-col-xl-push-45 { left: 80%; } .mgz-col-xl-push-2 { left: 16.66666667%; } .mgz-col-xl-push-1 { left: 8.33333333%; } .mgz-col-xl-push-0 { left: auto; } .mgz-col-xl-offset-12 { margin-left: 100%; } .mgz-col-xl-offset-11 { margin-left: 91.66666667%; } .mgz-col-xl-offset-10 { margin-left: 83.33333333%; } .mgz-col-xl-offset-9 { margin-left: 75%; } .mgz-col-xl-offset-8 { margin-left: 66.66666667%; } .mgz-col-xl-offset-7 { margin-left: 58.33333333%; } .mgz-col-xl-offset-6 { margin-left: 50%; } .mgz-col-xl-offset-5 { margin-left: 41.66666667%; } .mgz-col-xl-offset-4 { margin-left: 33.33333333%; } .mgz-col-xl-offset-3 { margin-left: 25%; } .mgz-col-xl-offset-15 { margin-left: 20%; } .mgz-col-xl-offset-25 { margin-left: 40%; } .mgz-col-xl-offset-35 { margin-left: 60%; } .mgz-col-xl-offset-45 { margin-left: 80%; } .mgz-col-xl-offset-2 { margin-left: 16.66666667%; } .mgz-col-xl-offset-1 { margin-left: 8.33333333%; } .mgz-col-xl-offset-0 { margin-left: 0%; } } @media (max-width: 575px) { .mgz-grid-col-xs-6 > div:nth-child(6n+1), .mgz-grid-col-xs-3 > div:nth-child(3n+1), .mgz-grid-col-xs-4 > div:nth-child(4n+1), .mgz-grid-col-xs-15 > div:nth-child(5n+1), .mgz-grid-col-xs-2 > div:nth-child(2n+1) { clear: left; } .mgz-grid-col-xs-6> div, .mgz-grid-col-xs-3 > div, .mgz-grid-col-xs-4 > div, .mgz-grid-col-xs-15 > div, .mgz-grid-col-xs-2 > div { float: left; } .mgz-grid-col-xs-6 > div { width: 16.66666667%; } .mgz-grid-col-xs-3 > div { width: 33.33333333%; } .mgz-grid-col-xs-4 > div { width: 25%; } .mgz-grid-col-xs-15 > div { width: 20%; } .mgz-grid-col-xs-2 > div { width: 50%; } .mgz-hidden-xs { display: none !important; } .xs_left { text-align: left; } .xs_center { text-align: center; } .xs_right { text-align: right; } .xs_f-right { float: right; } .xs_f-left { float: left; } .xs_f-none { float: none; } } @media (min-width: 576px) and (max-width: 767px) { .mgz-grid-col-xs-12 > div:nth-child(12n+1), .mgz-grid-col-xs-6 > div:nth-child(6n+1), .mgz-grid-col-xs-5 > div:nth-child(5n+1), .mgz-grid-col-xs-4 > div:nth-child(4n+1), .mgz-grid-col-xs-3 > div:nth-child(3n+1), .mgz-grid-col-xs-2 > div:nth-child(2n+1), .mgz-grid-col-xs-1 > div:nth-child(1n+1) { clear: left; } .mgz-grid-col-xs-12 > div, .mgz-grid-col-xs-6 > div, .mgz-grid-col-xs-5 > div, .mgz-grid-col-xs-4 > div, .mgz-grid-col-xs-3 > div, .mgz-grid-col-xs-2 > div, .mgz-grid-col-xs-1 > div { float: left; } .mgz-grid-col-xs-12 > div { width: 8.33333333%; } .mgz-grid-col-xs-6 > div { width: 16.66666667%; } .mgz-grid-col-xs-5 > div { width: 20%; } .mgz-grid-col-xs-4 > div { width: 25%; } .mgz-grid-col-xs-3 > div { width: 33.33333333%; } .mgz-grid-col-xs-2 > div { width: 50%; } .mgz-grid-col-xs-1 > div { width: 100%; } .mgz-hidden-sm { display: none !important; } .sm_left { text-align: left; } .sm_center { text-align: center; } .sm_right { text-align: right; } .sm_f-right { float: right; } .sm_f-left { float: left; } .sm_f-none { float: none; } } @media (min-width: 768px) and (max-width: 991px) { .mgz-grid-col-md-12 > div:nth-child(12n+1), .mgz-grid-col-md-6 > div:nth-child(6n+1), .mgz-grid-col-md-5 > div:nth-child(5n+1), .mgz-grid-col-md-4 > div:nth-child(4n+1), .mgz-grid-col-md-3 > div:nth-child(3n+1), .mgz-grid-col-md-2 > div:nth-child(2n+1), .mgz-grid-col-md-1 > div:nth-child(1n+1) { clear: left; } .mgz-grid-col-md-12 > div, .mgz-grid-col-md-6 > div, .mgz-grid-col-md-5 > div, .mgz-grid-col-md-4 > div, .mgz-grid-col-md-3 > div, .mgz-grid-col-md-2 > div, .mgz-grid-col-md-1 > div { float: left; } .mgz-grid-col-md-12 > div { width: 8.33333333%; } .mgz-grid-col-md-6 > div { width: 16.66666667%; } .mgz-grid-col-md-5 > div { width: 20%; } .mgz-grid-col-md-4 > div { width: 25%; } .mgz-grid-col-md-3 > div { width: 33.33333333%; } .mgz-grid-col-md-2 > div { width: 50%; } .mgz-grid-col-md-1 > div { width: 100%; } .mgz-hidden-md { display: none !important; } .md_left { text-align: left; } .md_center { text-align: center; } .md_right { text-align: right; } .md_f-right { float: right; } .md_f-left { float: left; } .md_f-none { float: none; } } @media (min-width: 992px) and (max-width: 1200px) { .mgz-grid-col-lg-12 > div:nth-child(12n+1), .mgz-grid-col-lg-6 > div:nth-child(6n+1), .mgz-grid-col-lg-5 > div:nth-child(5n+1), .mgz-grid-col-lg-4 > div:nth-child(4n+1), .mgz-grid-col-lg-3 > div:nth-child(3n+1), .mgz-grid-col-lg-2 > div:nth-child(2n+1), .mgz-grid-col-lg-1 > div:nth-child(1n+1) { clear: left; } .mgz-grid-col-lg-12 > div, .mgz-grid-col-lg-6 > div, .mgz-grid-col-lg-5 > div, .mgz-grid-col-lg-4 > div, .mgz-grid-col-lg-3 > div, .mgz-grid-col-lg-2 > div, .mgz-grid-col-lg-1 > div { float: left; } .mgz-grid-col-lg-12 > div { width: 8.33333333%; } .mgz-grid-col-lg-6 > div { width: 16.66666667%; } .mgz-grid-col-lg-5 > div { width: 20%; } .mgz-grid-col-lg-4 > div { width: 25%; } .mgz-grid-col-lg-3 > div { width: 33.33333333%; } .mgz-grid-col-lg-2 > div { width: 50%; } .mgz-grid-col-lg-1 > div { width: 100%; } .mgz-hidden-lg { display: none !important; } .lg_left { text-align: left; } .lg_center { text-align: center; } .lg_right { text-align: right; } .lg_f-right { float: right; } .lg_f-left { float: left; } .lg_f-none { float: none; } } @media (min-width: 1200px) { .mgz-grid-col-xl-12 > div:nth-child(12n+1), .mgz-grid-col-xl-6 > div:nth-child(6n+1), .mgz-grid-col-xl-5 > div:nth-child(5n+1), .mgz-grid-col-xl-4 > div:nth-child(4n+1), .mgz-grid-col-xl-3 > div:nth-child(3n+1), .mgz-grid-col-xl-2 > div:nth-child(2n+1), .mgz-grid-col-xl-1 > div:nth-child(1n+1) { clear: left; } .mgz-grid-col-xl-12 > div, .mgz-grid-col-xl-6 > div, .mgz-grid-col-xl-5 > div, .mgz-grid-col-xl-4 > div, .mgz-grid-col-xl-3 > div, .mgz-grid-col-xl-2 > div, .mgz-grid-col-xl-1 > div { float: left; } .mgz-grid-col-xl-12 > div { width: 8.33333333%; } .mgz-grid-col-xl-6 > div { width: 16.66666667%; } .mgz-grid-col-xl-5 > div { width: 20%; } .mgz-grid-col-xl-4 > div { width: 25%; } .mgz-grid-col-xl-3 > div { width: 33.33333333%; } .mgz-grid-col-xl-2 > div { width: 50%; } .mgz-grid-col-xl-1 > div { width: 100%; } .mgz-hidden-xl { display: none !important; } .xl_left { text-align: left; } .xl_center { text-align: center; } .xl_right { text-align: right; } .xl_f-right { float: right; } .xl_f-left { float: left; } .xl_f-none { float: none; } } .mgz-pull-right { float: right !important; } .mgz-pull-left { float: left !important; }@font-face{font-family:mgz_openiconic;src:url(../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Builder/fonts/mgz_openiconic.eot?54101537);src:url(../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Builder/fonts/mgz_openiconic.eot?54101537#iefix) format('embedded-opentype'),url(../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Builder/fonts/mgz_openiconic.woff?54101537) format('woff'),url(../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Builder/fonts/mgz_openiconic.ttf?54101537) format('truetype'),url(../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Builder/fonts/mgz_openiconic.svg?54101537#mgz_openiconic) format('svg');font-weight:400;font-style:normal}[class*=" mgz-oi-"]:before,[class^=mgz-oi-]:before{font-family:mgz_openiconic;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:0;text-align:center;font-variant:normal;text-transform:none;line-height:inherit;margin-left:0}.mgz-oi-dial:before{content:'\e800'}.mgz-oi-pilcrow:before{content:'\e801'}.mgz-oi-at:before{content:'\e802'}.mgz-oi-hash:before{content:'\e803'}.mgz-oi-key-inv:before{content:'\e804'}.mgz-oi-key:before{content:'\e805'}.mgz-oi-chart-pie-alt:before{content:'\e806'}.mgz-oi-chart-pie:before{content:'\e807'}.mgz-oi-chart-bar:before{content:'\e808'}.mgz-oi-umbrella:before{content:'\e809'}.mgz-oi-moon-inv:before{content:'\e80a'}.mgz-oi-mobile:before{content:'\e80b'}.mgz-oi-cd:before{content:'\e80c'}.mgz-oi-split:before{content:'\e80d'}.mgz-oi-exchange:before{content:'\e80e'}.mgz-oi-block:before{content:'\e80f'}.mgz-oi-resize-full:before{content:'\e810'}.mgz-oi-article-alt:before{content:'\e811'}.mgz-oi-article:before{content:'\e812'}.mgz-oi-pencil-alt:before{content:'\e813'}.mgz-oi-undo:before{content:'\e814'}.mgz-oi-attach:before{content:'\e815'}.mgz-oi-link:before{content:'\e816'}.mgz-oi-search:before{content:'\e817'}.mgz-oi-mail:before{content:'\e818'}.mgz-oi-heart:before{content:'\e819'}.mgz-oi-comment:before{content:'\e81a'}.mgz-oi-resize-full-alt:before{content:'\e81b'}.mgz-oi-lock:before{content:'\e81c'}.mgz-oi-book-open:before{content:'\e81d'}.mgz-oi-arrow-curved:before{content:'\e81e'}.mgz-oi-equalizer:before{content:'\e81f'}.mgz-oi-heart-empty:before{content:'\e820'}.mgz-oi-lock-empty:before{content:'\e821'}.mgz-oi-comment-inv:before{content:'\e822'}.mgz-oi-folder:before{content:'\e823'}.mgz-oi-resize-small:before{content:'\e824'}.mgz-oi-play:before{content:'\e825'}.mgz-oi-cursor:before{content:'\e826'}.mgz-oi-aperture:before{content:'\e827'}.mgz-oi-play-circle2:before{content:'\e828'}.mgz-oi-resize-small-alt:before{content:'\e829'}.mgz-oi-folder-empty:before{content:'\e82a'}.mgz-oi-comment-alt:before{content:'\e82b'}.mgz-oi-lock-open:before{content:'\e82c'}.mgz-oi-star:before{content:'\e82d'}.mgz-oi-user:before{content:'\e82e'}.mgz-oi-lock-open-empty:before{content:'\e82f'}.mgz-oi-box:before{content:'\e830'}.mgz-oi-resize-vertical:before{content:'\e831'}.mgz-oi-stop:before{content:'\e832'}.mgz-oi-aperture-alt:before{content:'\e833'}.mgz-oi-book:before{content:'\e834'}.mgz-oi-steering-wheel:before{content:'\e835'}.mgz-oi-pause:before{content:'\e836'}.mgz-oi-to-start:before{content:'\e837'}.mgz-oi-move:before{content:'\e838'}.mgz-oi-resize-horizontal:before{content:'\e839'}.mgz-oi-rss-alt:before{content:'\e83a'}.mgz-oi-comment-alt2:before{content:'\e83b'}.mgz-oi-rss:before{content:'\e83c'}.mgz-oi-comment-inv-alt:before{content:'\e83d'}.mgz-oi-comment-inv-alt2:before{content:'\e83e'}.mgz-oi-eye:before{content:'\e83f'}.mgz-oi-pin:before{content:'\e840'}.mgz-oi-video:before{content:'\e841'}.mgz-oi-picture:before{content:'\e842'}.mgz-oi-camera:before{content:'\e843'}.mgz-oi-tag:before{content:'\e844'}.mgz-oi-chat:before{content:'\e845'}.mgz-oi-cog:before{content:'\e846'}.mgz-oi-popup:before{content:'\e847'}.mgz-oi-to-end:before{content:'\e848'}.mgz-oi-book-alt:before{content:'\e849'}.mgz-oi-brush:before{content:'\e84a'}.mgz-oi-eject:before{content:'\e84b'}.mgz-oi-down:before{content:'\e84c'}.mgz-oi-wrench:before{content:'\e84d'}.mgz-oi-chat-inv:before{content:'\e84e'}.mgz-oi-tag-empty:before{content:'\e84f'}.mgz-oi-ok:before{content:'\e850'}.mgz-oi-ok-circle:before{content:'\e851'}.mgz-oi-download:before{content:'\e852'}.mgz-oi-location:before{content:'\e853'}.mgz-oi-share:before{content:'\e854'}.mgz-oi-left:before{content:'\e855'}.mgz-oi-target:before{content:'\e856'}.mgz-oi-brush-alt:before{content:'\e857'}.mgz-oi-cancel:before{content:'\e858'}.mgz-oi-upload:before{content:'\e859'}.mgz-oi-location-inv:before{content:'\e85a'}.mgz-oi-calendar:before{content:'\e85b'}.mgz-oi-right:before{content:'\e85c'}.mgz-oi-signal:before{content:'\e85d'}.mgz-oi-eyedropper:before{content:'\e85e'}.mgz-oi-layers:before{content:'\e85f'}.mgz-oi-award:before{content:'\e860'}.mgz-oi-up:before{content:'\e861'}.mgz-oi-calendar-inv:before{content:'\e862'}.mgz-oi-location-alt:before{content:'\e863'}.mgz-oi-download-cloud:before{content:'\e864'}.mgz-oi-cancel-circle:before{content:'\e865'}.mgz-oi-plus:before{content:'\e866'}.mgz-oi-upload-cloud:before{content:'\e867'}.mgz-oi-compass:before{content:'\e868'}.mgz-oi-calendar-alt:before{content:'\e869'}.mgz-oi-down-circle:before{content:'\e86a'}.mgz-oi-award-empty:before{content:'\e86b'}.mgz-oi-layers-alt:before{content:'\e86c'}.mgz-oi-sun:before{content:'\e86d'}.mgz-oi-list:before{content:'\e86e'}.mgz-oi-left-circle:before{content:'\e86f'}.mgz-oi-mic:before{content:'\e870'}.mgz-oi-trash:before{content:'\e871'}.mgz-oi-quote-left:before{content:'\e872'}.mgz-oi-plus-circle:before{content:'\e873'}.mgz-oi-minus:before{content:'\e874'}.mgz-oi-quote-right:before{content:'\e875'}.mgz-oi-trash-empty:before{content:'\e876'}.mgz-oi-volume-off:before{content:'\e877'}.mgz-oi-right-circle:before{content:'\e878'}.mgz-oi-list-nested:before{content:'\e879'}.mgz-oi-sun-inv:before{content:'\e87a'}.mgz-oi-bat-empty:before{content:'\e87b'}.mgz-oi-up-circle:before{content:'\e87c'}.mgz-oi-volume-up:before{content:'\e87d'}.mgz-oi-doc:before{content:'\e87e'}.mgz-oi-quote-left-alt:before{content:'\e87f'}.mgz-oi-minus-circle:before{content:'\e880'}.mgz-oi-cloud:before{content:'\e881'}.mgz-oi-rain:before{content:'\e882'}.mgz-oi-bat-half:before{content:'\e883'}.mgz-oi-cw:before{content:'\e884'}.mgz-oi-headphones:before{content:'\e885'}.mgz-oi-doc-inv:before{content:'\e886'}.mgz-oi-quote-right-alt:before{content:'\e887'}.mgz-oi-help:before{content:'\e888'}.mgz-oi-info:before{content:'\e889'}.mgz-oi-pencil:before{content:'\e88a'}.mgz-oi-doc-alt:before{content:'\e88b'}.mgz-oi-clock:before{content:'\e88c'}.mgz-oi-loop:before{content:'\e88d'}.mgz-oi-bat-full:before{content:'\e88e'}.mgz-oi-flash:before{content:'\e88f'}.mgz-oi-moon:before{content:'\e890'}.mgz-oi-bat-charge:before{content:'\e891'}.mgz-oi-loop-alt:before{content:'\e892'}.mgz-oi-lamp:before{content:'\e893'}.mgz-oi-doc-inv-alt:before{content:'\e894'}.mgz-oi-pencil-neg:before{content:'\e895'}.mgz-oi-home:before{content:'\e896'}@charset "UTF-8"; .mgz-flex, .mgz-flex-position-top-left, .mgz-flex-position-top-center, .mgz-flex-position-top-right, .mgz-flex-position-middle-left, .mgz-flex-position-center-left, .mgz-flex-position-middle-center, .mgz-flex-position-center-center, .mgz-flex-position-middle-right, .mgz-flex-position-center-right, .mgz-flex-position-bottom-left, .mgz-flex-position-bottom-center, .mgz-flex-position-bottom-right, .mgz-element-row.mgz-row-wrap-reverse > .mgz-element-inner, .mgz-element-row.mgz-row-equal-height > .mgz-element-inner, .mgz-element-row.mgz-row-wrap-reverse > .mgz-element-inner > .inner-content, .mgz-element-row.mgz-row-equal-height > .mgz-element-inner > .inner-content, .mgz-element-row.mgz-row-wrap-reverse > .mgz-element-inner > .inner-content > .mgz-element, .mgz-element-row.mgz-row-equal-height > .mgz-element-inner > .inner-content > .mgz-element, .mgz-element-row.mgz-row-wrap-reverse > .mgz-element-inner > .inner-content > .mgz-element > .mgz-element-inner, .mgz-element-row.mgz-row-equal-height > .mgz-element-inner > .inner-content > .mgz-element > .mgz-element-inner, .mgz-socialicons li, .mgz-countdown { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .mgz-invisible { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } a.mgz-btn { color: #333; } .mgz-btn:not(.primary) { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } button.mgz-btn { border: 0; } .mgz-btn { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0; display: inline-block; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; word-wrap: break-word; text-decoration: none; position: relative; line-height: normal; padding: 10px 20px; color: #333; background-color: #e3e3e3; font-size: 1.4rem; max-width: 100%; height: auto; } .mgz-btn:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #5e5e5e; background-color: #dcdcdc; text-decoration: none; } .mgz-btn:focus { outline: none; } .mgz-btn.mgz-btn-save, .mgz-btn.mgz-btn-cancel, .mgz-btn.mgz-btn-replace { padding: 15px 20px; font-size: 1.6rem; font-weight: 500; min-width: 140px; } .mgz-btn.mgz-btn-save { background: #007dbd; color: #fff; } .mgz-btn.mgz-btn-save:hover { background: #0073ae; } .mgz-btn.mgz-btn-cancel { color: #fff; background-color: #afafaf; } .mgz-btn.mgz-btn-cancel:hover { background-color: #8c8c8c; } .mgz-btn.mgz-btn-replace { float: left; color: #fff; background-color: #afafaf; } .mgz-btn.mgz-btn-replace:hover { background-color: #8c8c8c; } .mgz-btn.mgz-btn-delete { color: #fff; background-color: #e22626; } .mgz-btn.mgz-btn-delete:hover { background-color: #ca1c1c; } .parallax-wrapper { position: relative !important; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); } .mgz-icon, .tabs-opener:before { font-family: "Magezon-Icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mgz-fa { font-family: "Font Awesome 5 Free"; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .mgz-fa-s { font-family: "Font Awesome 5 Free"; font-weight: 900; } .mgz-fa-r { font-family: "Font Awesome 5 Free"; font-weight: 400; } .mgz-liststyle { margin: 0; padding: 0; list-style: none; } /*! * ImageHover.css - http://www.imagehover.io * Version 1.0 * Author: Ciarán Walsh * Made available under a MIT License: * http://www.opensource.org/licenses/mit-license.php */ .mgz-hover { position: relative; overflow: hidden; display: block; } .mgz-hover-description { position: relative; display: inline-block; margin: 0; max-width: 100%; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; transform: translateZ(0); } .mgz-hover-main { overflow: hidden; } [class^="mgz-hover-"] > img, [class*=" mgz-hover-"] > img { vertical-align: top; max-width: 100%; } [class^="mgz-hover-"] .mgz-hover-description, [class*=" mgz-hover-"] .mgz-hover-description { background-color: rgba(255, 255, 255, 0.8); padding: 30px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } [class^="mgz-hover-"], [class*=" mgz-hover-"], [class^="mgz-hover-"]:before, [class^="mgz-hover-"]:after, [class*=" mgz-hover-"]:before, [class*=" mgz-hover-"]:after, [class^="mgz-hover-"] *, [class*=" mgz-hover-"] *, [class^="mgz-hover-"] *:before, [class^="mgz-hover-"] *:after, [class*=" mgz-hover-"] *:before, [class*=" mgz-hover-"] *:after { box-sizing: border-box; transition: all 0.35s ease; } /* mgz-hover-fade-* ----------------------------- */ [class^="mgz-hover-fade"] .mgz-hover-description, [class*=" mgz-hover-fade"] .mgz-hover-description { opacity: 0; } [class^="mgz-hover-fade"]:hover > .mgz-hover-main, [class*=" mgz-hover-fade"]:hover > .mgz-hover-main { opacity: 0; } [class^="mgz-hover-fade"]:hover .mgz-hover-description, [class*=" mgz-hover-fade"]:hover .mgz-hover-description { opacity: 1; } [class^="mgz-hover-fade"]:hover > .mgz-hover-main, [class^="mgz-hover-fade"]:hover .mgz-hover-description, [class*=" mgz-hover-fade"]:hover > .mgz-hover-main, [class*=" mgz-hover-fade"]:hover .mgz-hover-description { transform: translate(0, 0); } /* mgz-hover-fade ----------------------------- */ /* mgz-hover-fade-in-up ----------------------------- */ .mgz-hover-fade-in-up .mgz-hover-description { transform: translate(0, 15%); } /* mgz-hover-fade-in-down ----------------------------- */ .mgz-hover-fade-in-down .mgz-hover-description { transform: translate(0, -15%); } /* mgz-hover-fade-in-left ----------------------------- */ .mgz-hover-fade-in-left .mgz-hover-description { transform: translate(-15%, 0); } /* mgz-hover-fade-in-right ----------------------------- */ .mgz-hover-fade-in-right .mgz-hover-description { transform: translate(15%, 0); } /* mgz-hover-push-* ----------------------------- */ [class^="mgz-hover-push-"]:hover .mgz-hover-description, [class*=" mgz-hover-push-"]:hover .mgz-hover-description { transform: translate(0, 0); } /* mgz-hover-push-up ----------------------------- */ .mgz-hover-push-up .mgz-hover-description { transform: translateY(100%); } .mgz-hover-push-up:hover > .mgz-hover-main { transform: translateY(-100%); } /* mgz-hover-push-down ----------------------------- */ .mgz-hover-push-down .mgz-hover-description { transform: translateY(-100%); } .mgz-hover-push-down:hover > .mgz-hover-main { transform: translateY(100%); } /* mgz-hover-push-left ----------------------------- */ .mgz-hover-push-left .mgz-hover-description { transform: translateX(100%); } .mgz-hover-push-left:hover > .mgz-hover-main { transform: translateX(-100%); } /* mgz-hover-push--right ----------------------------- */ .mgz-hover-push-right .mgz-hover-description { transform: translateX(-100%); } .mgz-hover-push-right:hover > .mgz-hover-main { transform: translateX(100%); } /* mgz-hover-slide-* ----------------------------- */ [class^="mgz-hover-slide-"]:hover .mgz-hover-description, [class*=" mgz-hover-slide-"]:hover .mgz-hover-description { transform: translate(0, 0); } /* mgz-hover-slide-up ----------------------------- */ .mgz-hover-slide-up .mgz-hover-description { transform: translateY(100%); } /* mgz-hover-slide-down ----------------------------- */ .mgz-hover-slide-down .mgz-hover-description { transform: translateY(-100%); } /* mgz-hover-slide-left ----------------------------- */ .mgz-hover-slide-left .mgz-hover-description { transform: translateX(100%); } /* mgz-hover-slide-right ----------------------------- */ .mgz-hover-slide-right .mgz-hover-description { transform: translateX(-100%); } /* mgz-hover-slide-top-left ----------------------------- */ .mgz-hover-slide-top-left .mgz-hover-description { transform: translate(-100%, -100%); } /* mgz-hover-slide-top-right ----------------------------- */ .mgz-hover-slide-top-right .mgz-hover-description { transform: translate(100%, -100%); } /* mgz-hover-slide-bottom-left ----------------------------- */ .mgz-hover-slide-bottom-left .mgz-hover-description { transform: translate(-100%, 100%); } /* mgz-hover-slide-bottom-right ----------------------------- */ .mgz-hover-slide-bottom-right .mgz-hover-description { transform: translate(100%, 100%); } /* mgz-hover-reveal-* ----------------------------- */ [class^="mgz-hover-reveal-"]:before, [class*=" mgz-hover-reveal-"]:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; background-color: #007dbd; } [class^="mgz-hover-reveal-"] .mgz-hover-description, [class*=" mgz-hover-reveal-"] .mgz-hover-description { opacity: 0; } [class^="mgz-hover-reveal-"]:hover:before, [class*=" mgz-hover-reveal-"]:hover:before { transform: translate(0, 0); } [class^="mgz-hover-reveal-"]:hover .mgz-hover-description, [class*=" mgz-hover-reveal-"]:hover .mgz-hover-description { opacity: 1; transition-delay: 0.21s; } /* mgz-hover-reveal-up ----------------------------- */ .mgz-hover-reveal-up:before { transform: translateY(100%); } /* mgz-hover-reveal-down ----------------------------- */ .mgz-hover-reveal-down:before { transform: translateY(-100%); } /* mgz-hover-reveal-left ----------------------------- */ .mgz-hover-reveal-left:before { transform: translateX(100%); } /* mgz-hover-reveal-right ----------------------------- */ .mgz-hover-reveal-right:before { transform: translateX(-100%); } /* mgz-hover-reveal-top-left ----------------------------- */ .mgz-hover-reveal-top-left:before { transform: translate(-100%, -100%); } /* mgz-hover-reveal-top-right ----------------------------- */ .mgz-hover-reveal-top-right:before { transform: translate(100%, -100%); } /* mgz-hover-reveal-bottom-left ----------------------------- */ .mgz-hover-reveal-bottom-left:before { transform: translate(-100%, 100%); } /* mgz-hover-reveal-bottom-right ----------------------------- */ .mgz-hover-reveal-bottom-right:before { transform: translate(100%, 100%); } /* mgz-hover-hinge-* ----------------------------- */ [class^="mgz-hover-hinge-"], [class*=" mgz-hover-hinge-"] { perspective: 50em; } [class^="mgz-hover-hinge-"] .mgz-hover-description, [class*=" mgz-hover-hinge-"] .mgz-hover-description { opacity: 0; z-index: 1; } [class^="mgz-hover-hinge-"]:hover img, [class*=" mgz-hover-hinge-"]:hover img { opacity: 0; } [class^="mgz-hover-hinge-"]:hover .mgz-hover-description, [class*=" mgz-hover-hinge-"]:hover .mgz-hover-description { opacity: 1; transition-delay: 0.21s; } /* mgz-hover-hinge-up ----------------------------- */ .mgz-hover-hinge-up img { transform-origin: 50% 0%; } .mgz-hover-hinge-up .mgz-hover-description { transform: rotateX(90deg); transform-origin: 50% 100%; } .mgz-hover-hinge-up:hover > .mgz-hover-main { transform: rotateX(-90deg); } .mgz-hover-hinge-up:hover .mgz-hover-description { transform: rotateX(0); } /* mgz-hover-hinge-down ----------------------------- */ .mgz-hover-hinge-down img { transform-origin: 50% 100%; } .mgz-hover-hinge-down .mgz-hover-description { transform: rotateX(-90deg); transform-origin: 50% -50%; } .mgz-hover-hinge-down:hover > .mgz-hover-main { transform: rotateX(90deg); opacity: 0; } .mgz-hover-hinge-down:hover .mgz-hover-description { transform: rotateX(0); } /* mgz-hover-hinge-left ----------------------------- */ .mgz-hover-hinge-left img { transform-origin: 0% 50%; } .mgz-hover-hinge-left .mgz-hover-description { transform: rotateY(-90deg); transform-origin: 100% 50%; } .mgz-hover-hinge-left:hover > .mgz-hover-main { transform: rotateY(90deg); } .mgz-hover-hinge-left:hover .mgz-hover-description { transform: rotateY(0); } /* mgz-hover-hinge-right ----------------------------- */ .mgz-hover-hinge-right img { transform-origin: 100% 50%; } .mgz-hover-hinge-right .mgz-hover-description { transform: rotateY(90deg); transform-origin: 0 50%; } .mgz-hover-hinge-right:hover > .mgz-hover-main { transform: rotateY(-90deg); } .mgz-hover-hinge-right:hover .mgz-hover-description { transform: rotateY(0); } /* mgz-hover-flip-* ----------------------------- */ [class^="mgz-hover-flip-"], [class*=" mgz-hover-flip-"] { perspective: 50em; } [class^="mgz-hover-flip-"] img, [class*=" mgz-hover-flip-"] img { backface-visibility: hidden; } [class^="mgz-hover-flip-"] .mgz-hover-description, [class*=" mgz-hover-flip-"] .mgz-hover-description { opacity: 0; } [class^="mgz-hover-flip-"]:hover > .mgz-hover-main, [class*=" mgz-hover-flip-"]:hover > .mgz-hover-main { opacity: 0; } [class^="mgz-hover-flip-"]:hover .mgz-hover-description, [class*=" mgz-hover-flip-"]:hover .mgz-hover-description { opacity: 1; transition-delay: 0.14s; } /* mgz-hover-flip-horiz ----------------------------- */ .mgz-hover-flip-horiz .mgz-hover-description { transform: rotateX(90deg); transform-origin: 0% 50%; } .mgz-hover-flip-horiz:hover img { transform: rotateX(-180deg); } .mgz-hover-flip-horiz:hover .mgz-hover-description { transform: rotateX(0deg); } /* mgz-hover-flip-vert ----------------------------- */ .mgz-hover-flip-vert .mgz-hover-description { transform: rotateY(90deg); transform-origin: 50% 0%; } .mgz-hover-flip-vert:hover > .mgz-hover-main { transform: rotateY(-180deg); } .mgz-hover-flip-vert:hover .mgz-hover-description { transform: rotateY(0deg); } /* mgz-hover-flip-diag-1 ----------------------------- */ .mgz-hover-flip-diag-1 .mgz-hover-description { transform: rotate3d(1, -1, 0, 100deg); } .mgz-hover-flip-diag-1:hover > .mgz-hover-main { transform: rotate3d(-1, 1, 0, 100deg); } .mgz-hover-flip-diag-1:hover .mgz-hover-description { transform: rotate3d(0, 0, 0, 0deg); } /* mgz-hover-flip-diag-2 ----------------------------- */ .mgz-hover-flip-diag-2 .mgz-hover-description { transform: rotate3d(1, 1, 0, 100deg); } .mgz-hover-flip-diag-2:hover > .mgz-hover-main { transform: rotate3d(-1, -1, 0, 100deg); } .mgz-hover-flip-diag-2:hover .mgz-hover-description { transform: rotate3d(0, 0, 0, 0deg); } /* mgz-hover-shutter-out-* ----------------------------- */ [class^="mgz-hover-shutter-out-"]:before, [class*=" mgz-hover-shutter-out-"]:before { background: #007dbd; position: absolute; content: ""; transition-delay: 0.105s; } [class^="mgz-hover-shutter-out-"] .mgz-hover-description, [class*=" mgz-hover-shutter-out-"] .mgz-hover-description { opacity: 0; transition-delay: 0s; } [class^="mgz-hover-shutter-out-"]:hover:before, [class*=" mgz-hover-shutter-out-"]:hover:before { transition-delay: 0s; } [class^="mgz-hover-shutter-out-"]:hover .mgz-hover-description, [class*=" mgz-hover-shutter-out-"]:hover .mgz-hover-description { opacity: 1; transition-delay: 0.105s; } /* mgz-hover-shutter-out-horiz ----------------------------- */ .mgz-hover-shutter-out-horiz:before { left: 50%; right: 50%; top: 0; bottom: 0; } .mgz-hover-shutter-out-horiz:hover:before { left: 0; right: 0; } /* mgz-hover-shutter-out-vert ----------------------------- */ .mgz-hover-shutter-out-vert:before { top: 50%; bottom: 50%; left: 0; right: 0; } .mgz-hover-shutter-out-vert:hover:before { top: 0; bottom: 0; } /* mgz-hover-shutter-out-diag-1 ----------------------------- */ .mgz-hover-shutter-out-diag-1:before { top: 50%; bottom: 50%; left: -35%; right: -35%; transform: rotate(45deg); } .mgz-hover-shutter-out-diag-1:hover:before { top: -35%; bottom: -35%; } /* mgz-hover-shutter-out-diag-2 ----------------------------- */ .mgz-hover-shutter-out-diag-2:before { top: 50%; bottom: 50%; left: -35%; right: -35%; transform: rotate(-45deg); } .mgz-hover-shutter-out-diag-2:hover:before { top: -35%; bottom: -35%; } /* mgz-hover-shutter-in-* ----------------------------- */ [class^="mgz-hover-shutter-in-"]:after, [class^="mgz-hover-shutter-in-"]:before, [class*=" mgz-hover-shutter-in-"]:after, [class*=" mgz-hover-shutter-in-"]:before { background: #007dbd; position: absolute; content: ""; } [class^="mgz-hover-shutter-in-"]:after, [class*=" mgz-hover-shutter-in-"]:after { top: 0; left: 0; } [class^="mgz-hover-shutter-in-"]:before, [class*=" mgz-hover-shutter-in-"]:before { right: 0; bottom: 0; } [class^="mgz-hover-shutter-in-"] .mgz-hover-description, [class*=" mgz-hover-shutter-in-"] .mgz-hover-description { opacity: 0; z-index: 1; } [class^="mgz-hover-shutter-in-"]:hover .mgz-hover-description, [class*=" mgz-hover-shutter-in-"]:hover .mgz-hover-description { opacity: 1; transition-delay: 0.21s; } /* mgz-hover-shutter-in-horiz ----------------------------- */ .mgz-hover-shutter-in-horiz:after, .mgz-hover-shutter-in-horiz:before { width: 0; height: 100%; } .mgz-hover-shutter-in-horiz:hover:after, .mgz-hover-shutter-in-horiz:hover:before { width: 50%; } /* mgz-hover-shutter-in-vert ----------------------------- */ .mgz-hover-shutter-in-vert:after, .mgz-hover-shutter-in-vert:before { height: 0; width: 100%; } .mgz-hover-shutter-in-vert:hover:after, .mgz-hover-shutter-in-vert:hover:before { height: 50%; } /* mgz-hover-shutter-in-out-horiz ----------------------------- */ .mgz-hover-shutter-in-out-horiz:after, .mgz-hover-shutter-in-out-horiz:before { width: 0; height: 100%; opacity: 0.75; } .mgz-hover-shutter-in-out-horiz:hover:after, .mgz-hover-shutter-in-out-horiz:hover:before { width: 100%; } /* mgz-hover-shutter-in-out-vert ----------------------------- */ .mgz-hover-shutter-in-out-vert:after, .mgz-hover-shutter-in-out-vert:before { height: 0; width: 100%; opacity: 0.75; } .mgz-hover-shutter-in-out-vert:hover:after, .mgz-hover-shutter-in-out-vert:hover:before { height: 100%; } /* mgz-hover-shutter-in-out-diag-1 ----------------------------- */ .mgz-hover-shutter-in-out-diag-1:after, .mgz-hover-shutter-in-out-diag-1:before { width: 200%; height: 200%; transition: all 0.6s ease; opacity: 0.75; } .mgz-hover-shutter-in-out-diag-1:after { transform: skew(-45deg) translateX(-150%); } .mgz-hover-shutter-in-out-diag-1:before { transform: skew(-45deg) translateX(150%); } .mgz-hover-shutter-in-out-diag-1:hover:after { transform: skew(-45deg) translateX(-50%); } .mgz-hover-shutter-in-out-diag-1:hover:before { transform: skew(-45deg) translateX(50%); } /* mgz-hover-shutter-in-out-diag-2 ----------------------------- */ .mgz-hover-shutter-in-out-diag-2:after, .mgz-hover-shutter-in-out-diag-2:before { width: 200%; height: 200%; transition: all 0.6s ease; opacity: 0.75; } .mgz-hover-shutter-in-out-diag-2:after { transform: skew(45deg) translateX(-100%); } .mgz-hover-shutter-in-out-diag-2:before { transform: skew(45deg) translateX(100%); } .mgz-hover-shutter-in-out-diag-2:hover:after { transform: skew(45deg) translateX(0%); } .mgz-hover-shutter-in-out-diag-2:hover:before { transform: skew(45deg) translateX(0%); } /* mgz-hover-fold* ----------------------------- */ [class^="mgz-hover-fold"], [class*=" mgz-hover-fold"] { perspective: 50em; } [class^="mgz-hover-fold"] img, [class*=" mgz-hover-fold"] img { transform-origin: 50% 0%; } [class^="mgz-hover-fold"] .mgz-hover-description, [class*=" mgz-hover-fold"] .mgz-hover-description { z-index: 1; opacity: 0; } [class^="mgz-hover-fold"]:hover > .mgz-hover-main, [class*=" mgz-hover-fold"]:hover > .mgz-hover-main { opacity: 0; transition-delay: 0; } [class^="mgz-hover-fold"]:hover .mgz-hover-description, [class*=" mgz-hover-fold"]:hover .mgz-hover-description { transform: rotateX(0) translate3d(0, 0%, 0) scale(1); opacity: 1; transition-delay: 0.21s; } /* mgz-hover-fold-up ----------------------------- */ .mgz-hover-fold-up > img { transform-origin: 50% 0%; } .mgz-hover-fold-up .mgz-hover-description { transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6); transform-origin: 50% 100%; } .mgz-hover-fold-up:hover > .mgz-hover-main { transform: rotateX(90deg) scale(0.6) translateY(50%); } /* mgz-hover-fold-down ----------------------------- */ .mgz-hover-fold-down > img { transform-origin: 50% 100%; } .mgz-hover-fold-down .mgz-hover-description { transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6); transform-origin: 50% 0%; } .mgz-hover-fold-down:hover > .mgz-hover-main { transform: rotateX(-90deg) scale(0.6) translateY(-50%); } /* mgz-hover-fold-left ----------------------------- */ .mgz-hover-fold-left > img { transform-origin: 0% 50%; } .mgz-hover-fold-left .mgz-hover-description { transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6); transform-origin: 100% 50%; } .mgz-hover-fold-left:hover > .mgz-hover-main { transform: rotateY(-90deg) scale(0.6) translateX(50%); } /* mgz-hover-fold-right ----------------------------- */ .mgz-hover-fold-right > img { transform-origin: 100% 50%; } .mgz-hover-fold-right .mgz-hover-description { transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6); transform-origin: 0 50%; } .mgz-hover-fold-right:hover > .mgz-hover-main { transform: rotateY(90deg) scale(0.6) translateX(-50%); } /* mgz-hover-zoom-in ----------------------------- */ .mgz-hover-zoom-in .mgz-hover-description { opacity: 0; transform: scale(0.5); } .mgz-hover-zoom-in:hover .mgz-hover-description { transform: scale(1); opacity: 1; } /* mgz-hover-zoom-out* ----------------------------- */ [class^="mgz-hover-zoom-out"] .mgz-hover-description, [class*=" mgz-hover-zoom-out"] .mgz-hover-description { transform: scale(0.5); transform-origin: 50% 50%; opacity: 0; } [class^="mgz-hover-zoom-out"]:hover .mgz-hover-description, [class^="mgz-hover-zoom-out"].hover .mgz-hover-description, [class*=" mgz-hover-zoom-out"]:hover .mgz-hover-description, [class*=" mgz-hover-zoom-out"].hover .mgz-hover-description { transform: scale(1); opacity: 1; transition-delay: 0.35s; } /* mgz-hover-zoom-out ----------------------------- */ .mgz-hover-zoom-out:hover > .mgz-hover-main { transform: scale(0.5); opacity: 0; } /* mgz-hover-zoom-out-up ----------------------------- */ .mgz-hover-zoom-out-up:hover > .mgz-hover-main, .mgz-hover-zoom-out-up.hover > img { animation: mgz-hover-zoom-out-up 0.4025s linear; animation-iteration-count: 1; animation-fill-mode: forwards; } @-webkit-keyframes mgz-hover-zoom-out-up { 50% { transform: scale(0.8) translateY(0%); opacity: 0.5; } 100% { transform: scale(0.8) translateY(-150%); opacity: 0.5; } } @keyframes mgz-hover-zoom-out-up { 50% { transform: scale(0.8) translateY(0%); opacity: 0.5; } 100% { transform: scale(0.8) translateY(-150%); opacity: 0.5; } } /* mgz-hover-zoom-out-down ----------------------------- */ .mgz-hover-zoom-out-down:hover > .mgz-hover-main, .mgz-hover-zoom-out-down.hover > img { animation: mgz-hover-zoom-out-down 0.4025s linear; animation-iteration-count: 1; animation-fill-mode: forwards; } @-webkit-keyframes mgz-hover-zoom-out-down { 50% { transform: scale(0.8) translateY(0%); opacity: 0.5; } 100% { transform: scale(0.8) translateY(150%); opacity: 0.5; } } @keyframes mgz-hover-zoom-out-down { 50% { transform: scale(0.8) translateY(0%); opacity: 0.5; } 100% { transform: scale(0.8) translateY(150%); opacity: 0.5; } } /* mgz-hover-zoom-out-left ----------------------------- */ .mgz-hover-zoom-out-left:hover > .mgz-hover-main, .mgz-hover-zoom-out-left.hover > img { animation: mgz-hover-zoom-out-left 0.4025s linear; animation-iteration-count: 1; animation-fill-mode: forwards; } @-webkit-keyframes mgz-hover-zoom-out-left { 50% { transform: scale(0.8) translateX(0%); opacity: 0.5; } 100% { transform: scale(0.8) translateX(-150%); opacity: 0.5; } } @keyframes mgz-hover-zoom-out-left { 50% { transform: scale(0.8) translateX(0%); opacity: 0.5; } 100% { transform: scale(0.8) translateX(-150%); opacity: 0.5; } } /* mgz-hover-zoom-out-right ----------------------------- */ .mgz-hover-zoom-out-right:hover > .mgz-hover-main, .mgz-hover-zoom-out-right.hover > img { animation: mgz-hover-zoom-out-right 0.4025s linear; animation-iteration-count: 1; animation-fill-mode: forwards; } @-webkit-keyframes mgz-hover-zoom-out-right { 50% { transform: scale(0.8) translateX(0%); opacity: 0.5; } 100% { transform: scale(0.8) translateX(150%); opacity: 0.5; } } @keyframes mgz-hover-zoom-out-right { 50% { transform: scale(0.8) translateX(0%); opacity: 0.5; } 100% { transform: scale(0.8) translateX(150%); opacity: 0.5; } } /* mgz-hover-zoom-out-flip-horiz ----------------------------- */ .mgz-hover-zoom-out-flip-horiz { perspective: 50em; } .mgz-hover-zoom-out-flip-horiz .mgz-hover-description { opacity: 0; transform: rotateX(90deg) translateY(-100%) scale(0.5); } .mgz-hover-zoom-out-flip-horiz:hover > .mgz-hover-main, .mgz-hover-zoom-out-flip-horiz.hover > img { transform: rotateX(-100deg) translateY(50%) scale(0.5); opacity: 0; transition-delay: 0; } .mgz-hover-zoom-out-flip-horiz:hover .mgz-hover-description, .mgz-hover-zoom-out-flip-horiz.hover .mgz-hover-description { transform: rotateX(0) translateY(0%) scale(1); opacity: 1; transition-delay: 0.35s; } /* mgz-hover-zoom-out-flip-vert ----------------------------- */ .mgz-hover-zoom-out-flip-vert { perspective: 50em; } .mgz-hover-zoom-out-flip-vert .mgz-hover-description { opacity: 0; transform: rotateY(90deg) translate(50%, 0) scale(0.5); } .mgz-hover-zoom-out-flip-vert:hover > .mgz-hover-main, .mgz-hover-zoom-out-flip-vert.hover > img { transform: rotateY(-100deg) translateX(50%) scale(0.5); opacity: 0; transition-delay: 0; } .mgz-hover-zoom-out-flip-vert:hover .mgz-hover-description, .mgz-hover-zoom-out-flip-vert.hover .mgz-hover-description { transform: rotateY(0) translate(0, 0) scale(1); opacity: 1; transition-delay: 0.35s; } /* mgz-hover-blur ----------------------------- */ .mgz-hover-blur .mgz-hover-description { opacity: 0; } .mgz-hover-blur:hover > .mgz-hover-main { filter: blur(30px); transform: scale(1.2); opacity: 0; } .mgz-hover-blur:hover .mgz-hover-description { opacity: 1; transition-delay: 0.21s; } /* mgz-hover-zoom-in ----------------------------- */ .mgz-hover-zoom-in .mgz-hover-description { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } .mgz-hover-zoom-in:hover .mgz-hover-description { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } /* mgz-hover-zoom-out* ----------------------------- */ [class^="mgz-hover-zoom-out"] .mgz-hover-description, [class*=" mgz-hover-zoom-out"] .mgz-hover-description { -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: 0; } [class^="mgz-hover-zoom-out"]:hover .mgz-hover-description, [class^="mgz-hover-zoom-out"].hover .mgz-hover-description, [class*=" mgz-hover-zoom-out"]:hover .mgz-hover-description, [class*=" mgz-hover-zoom-out"].hover .mgz-hover-description { -webkit-transform: scale(1); transform: scale(1); opacity: 1; transition-delay: 0.35s; } /* mgz-hover-zoom-out ----------------------------- */ .mgz-hover-zoom-out:hover > .mgz-hover-main { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } /* mgz-hover-zoom-out-up ----------------------------- */ .mgz-hover-zoom-out-up:hover > .mgz-hover-main, .mgz-hover-zoom-out-up.hover > img { -webkit-animation: mgz-hover-zoom-out-up 0.4025s linear; animation: mgz-hover-zoom-out-up 0.4025s linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes mgz-hover-zoom-out-up { 50% { -webkit-transform: scale(0.8) translateY(0%); transform: scale(0.8) translateY(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateY(-150%); transform: scale(0.8) translateY(-150%); opacity: 0.5; } } @keyframes mgz-hover-zoom-out-up { 50% { -webkit-transform: scale(0.8) translateY(0%); transform: scale(0.8) translateY(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateY(-150%); transform: scale(0.8) translateY(-150%); opacity: 0.5; } } /* mgz-hover-zoom-out-down ----------------------------- */ .mgz-hover-zoom-out-down:hover > .mgz-hover-main, .mgz-hover-zoom-out-down.hover > img { -webkit-animation: mgz-hover-zoom-out-down 0.4025s linear; animation: mgz-hover-zoom-out-down 0.4025s linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes mgz-hover-zoom-out-down { 50% { -webkit-transform: scale(0.8) translateY(0%); transform: scale(0.8) translateY(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateY(150%); transform: scale(0.8) translateY(150%); opacity: 0.5; } } @keyframes mgz-hover-zoom-out-down { 50% { -webkit-transform: scale(0.8) translateY(0%); transform: scale(0.8) translateY(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateY(150%); transform: scale(0.8) translateY(150%); opacity: 0.5; } } /* mgz-hover-zoom-out-left ----------------------------- */ .mgz-hover-zoom-out-left:hover > .mgz-hover-main, .mgz-hover-zoom-out-left.hover > img { -webkit-animation: mgz-hover-zoom-out-left 0.4025s linear; animation: mgz-hover-zoom-out-left 0.4025s linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes mgz-hover-zoom-out-left { 50% { -webkit-transform: scale(0.8) translateX(0%); transform: scale(0.8) translateX(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateX(-150%); transform: scale(0.8) translateX(-150%); opacity: 0.5; } } @keyframes mgz-hover-zoom-out-left { 50% { -webkit-transform: scale(0.8) translateX(0%); transform: scale(0.8) translateX(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateX(-150%); transform: scale(0.8) translateX(-150%); opacity: 0.5; } } /* mgz-hover-zoom-out-right ----------------------------- */ .mgz-hover-zoom-out-right:hover > .mgz-hover-main, .mgz-hover-zoom-out-right.hover > img { -webkit-animation: mgz-hover-zoom-out-right 0.4025s linear; animation: mgz-hover-zoom-out-right 0.4025s linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes mgz-hover-zoom-out-right { 50% { -webkit-transform: scale(0.8) translateX(0%); transform: scale(0.8) translateX(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateX(150%); transform: scale(0.8) translateX(150%); opacity: 0.5; } } @keyframes mgz-hover-zoom-out-right { 50% { -webkit-transform: scale(0.8) translateX(0%); transform: scale(0.8) translateX(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateX(150%); transform: scale(0.8) translateX(150%); opacity: 0.5; } } /* mgz-hover-zoom-out-flip-horiz ----------------------------- */ .mgz-hover-zoom-out-flip-horiz { -webkit-perspective: 50em; perspective: 50em; } .mgz-hover-zoom-out-flip-horiz .mgz-hover-description { opacity: 0; -webkit-transform: rotateX(90deg) translateY(-100%) scale(0.5); transform: rotateX(90deg) translateY(-100%) scale(0.5); } .mgz-hover-zoom-out-flip-horiz:hover > .mgz-hover-main, .mgz-hover-zoom-out-flip-horiz.hover > img { -webkit-transform: rotateX(-100deg) translateY(50%) scale(0.5); transform: rotateX(-100deg) translateY(50%) scale(0.5); opacity: 0; transition-delay: 0; } .mgz-hover-zoom-out-flip-horiz:hover .mgz-hover-description, .mgz-hover-zoom-out-flip-horiz.hover .mgz-hover-description { -webkit-transform: rotateX(0) translateY(0%) scale(1); transform: rotateX(0) translateY(0%) scale(1); opacity: 1; transition-delay: 0.35s; } /* mgz-hover-zoom-out-flip-vert ----------------------------- */ .mgz-hover-zoom-out-flip-vert { -webkit-perspective: 50em; perspective: 50em; } .mgz-hover-zoom-out-flip-vert .mgz-hover-description { opacity: 0; -webkit-transform: rotateY(90deg) translate(50%, 0) scale(0.5); transform: rotateY(90deg) translate(50%, 0) scale(0.5); } .mgz-hover-zoom-out-flip-vert:hover > .mgz-hover-main, .mgz-hover-zoom-out-flip-vert.hover > img { -webkit-transform: rotateY(-100deg) translateX(50%) scale(0.5); transform: rotateY(-100deg) translateX(50%) scale(0.5); opacity: 0; transition-delay: 0; } .mgz-hover-zoom-out-flip-vert:hover .mgz-hover-description, .mgz-hover-zoom-out-flip-vert.hover .mgz-hover-description { -webkit-transform: rotateY(0) translate(0, 0) scale(1); transform: rotateY(0) translate(0, 0) scale(1); opacity: 1; transition-delay: 0.35s; } /* mgz-hover-blur ----------------------------- */ .mgz-hover-blur .mgz-hover-description { opacity: 0; } .mgz-hover-blur:hover > .mgz-hover-main { -webkit-filter: blur(30px); filter: blur(30px); -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } .mgz-hover-blur:hover .mgz-hover-description { opacity: 1; transition-delay: 0.21s; } /* mgz-hover-scale ----------------------------- */ .mgz-hover-zoom .mgz-hover-description { opacity: 0; } .mgz-hover-zoom:hover > img, .mgz-hover-zoom:hover > .mgz-hover-main { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .mgz-hover-zoom:hover .mgz-hover-description { opacity: 1; transition-delay: 0.21s; } .mgz-image-hovers.owl-carousel .owl-item { overflow: hidden; } .mgz-image-hovers.owl-carousel .owl-item .hover-type-zoomin { opacity: 1; -webkit-transition: all 0.4s !important; -moz-transition: all 0.4s !important; -ms-transition: all 0.4s !important; -o-transition: all 0.4s !important; } .mgz-image-hovers.owl-carousel .owl-item .hover-type-zoomout { opacity: 1; -webkit-transform: scale(1.12); -ms-transform: scale(1.12); transform: scale(1.12); -webkit-transition: opacity 1s, -webkit-transform 1s !important; transition: opacity 1s, -webkit-transform 1s !important; -o-transition: opacity 1s, transform 1s !important; transition: opacity 1s, transform 1s !important; transition: opacity 1s, transform 1s, -webkit-transform 1s !important; } .mgz-image-hovers.owl-carousel .owl-item .hover-type-liftup { -webkit-transform: perspective(1000px) scale(1); transform: perspective(1000px) scale(1); -webkit-transition: -webkit-transform 0.35s !important; transition: -webkit-transform 0.35s !important; -o-transition: transform 0.35s !important; transition: transform 0.35s !important; transition: transform 0.35s, -webkit-transform 0.35s !important; position: relative; z-index: 1; } .mgz-image-hovers.owl-carousel .owl-item:hover .hover-type-zoomin { opacity: 0.9; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } .mgz-image-hovers.owl-carousel .owl-item:hover .hover-type-zoomout { opacity: 0.9; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .mgz-image-hovers.owl-carousel .owl-item:hover .hover-type-liftup { -webkit-transform: perspective(1000px) scale(1.03); transform: perspective(1000px) scale(1.03); } .mgz-image-hovers.owl-carousel .owl-item:hover .hover-type-liftup:before { opacity: 1; } .mgz-image-hovers .hover-type-zoomin { overflow: hidden; } .mgz-image-hovers .hover-type-zoomin img { opacity: 1; -webkit-transition: all 0.4s !important; -moz-transition: all 0.4s !important; -ms-transition: all 0.4s !important; -o-transition: all 0.4s !important; } .mgz-image-hovers .hover-type-zoomin:hover img { opacity: 0.9; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } .mgz-image-hovers .hover-type-zoomout { overflow: hidden; } .mgz-image-hovers .hover-type-zoomout img { opacity: 1; -webkit-transform: scale(1.12); -ms-transform: scale(1.12); transform: scale(1.12); -webkit-transition: opacity 1s, -webkit-transform 1s !important; transition: opacity 1s, -webkit-transform 1s !important; -o-transition: opacity 1s, transform 1s !important; transition: opacity 1s, transform 1s !important; transition: opacity 1s, transform 1s, -webkit-transform 1s !important; } .mgz-image-hovers .hover-type-zoomout:hover img { opacity: 0.9; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .mgz-image-hovers .hover-type-liftup { position: relative; } .mgz-image-hovers .hover-type-liftup img { -webkit-transform: perspective(1000px) scale(1); transform: perspective(1000px) scale(1); -webkit-transition: -webkit-transform 0.35s !important; transition: -webkit-transform 0.35s !important; -o-transition: transform 0.35s !important; transition: transform 0.35s !important; transition: transform 0.35s, -webkit-transform 0.35s !important; position: relative; z-index: 1; } .mgz-image-hovers .hover-type-liftup:before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ""; -webkit-transition: opacity 0.35s !important; -o-transition: opacity 0.35s !important; transition: opacity 0.35s !important; -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4); box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4); opacity: 0; } .mgz-image-hovers .hover-type-liftup:hover img { -webkit-transform: perspective(1000px) scale(1.03); transform: perspective(1000px) scale(1.03); } .mgz-image-hovers .hover-type-liftup:hover:before { opacity: 1; } .mgz-hover-image { float: right; } .mgz-hover.zoom .mgz-hover-image { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; } .mgz-hover.zoom:hover .mgz-hover-image { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .mgz-hover.border:before { border: 2px solid #fff; top: -2px; bottom: -2px; right: -2px; left: -2px; content: ""; display: block; position: absolute; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; } .mgz-hover.border:hover:before { top: 15px; bottom: 15px; right: 15px; left: 15px; z-index: 1; } .mgz-hover.flashed:after { -webkit-transition: transform 0.6s; -moz-transition: transform 0.6s; -ms-transition: transform 0.6s; -o-transition: transform 0.6s; -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -300%, 0); -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -300%, 0); -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -300%, 0); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -300%, 0); position: absolute; top: 0; left: 0; width: 1000px; height: 200px; background: rgba(255, 255, 255, 0.5); content: ""; } .mgz-hover.flashed:hover:after { -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 300%, 0); -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 300%, 0); -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 300%, 0); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 300%, 0); } .mgz-hover.shadow { -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; } .mgz-hover.shadow:hover { -webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.2); } .mgz-position-top-left { position: absolute; top: 0; left: 0; } .mgz-position-top-center { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } .mgz-position-top-right { position: absolute; top: 0; right: 0; } .mgz-position-middle-left, .mgz-position-center-left { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .mgz-position-middle-center, .mgz-position-center-center { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; } .mgz-position-middle-right, .mgz-position-center-right { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .mgz-position-bottom-left { position: absolute; bottom: 0; left: 0; } .mgz-position-bottom-center { position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } .mgz-position-bottom-right { position: absolute; bottom: 0; right: 0; } .mgz-flex-position-top-left { -webkit-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; -webkit-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; } .mgz-flex-position-top-center { -webkit-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; } .mgz-flex-position-top-right { -webkit-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; -webkit-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; } .mgz-flex-position-middle-left, .mgz-flex-position-center-left { -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; } .mgz-flex-position-middle-center, .mgz-flex-position-center-center { -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; } .mgz-flex-position-middle-right, .mgz-flex-position-center-right { -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; } .mgz-flex-position-bottom-left { -webkit-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; -webkit-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; } .mgz-flex-position-bottom-center { -webkit-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; } .mgz-flex-position-bottom-right { -webkit-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; -webkit-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; } .mgz-bg-transform-wrapper { overflow: hidden; } .mgz-bg-transform-zoom-in:hover .mgz-bg, .mgz-bg-transform-zoom-out .mgz-bg { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .mgz-bg-transform-zoom-out:hover .mgz-bg { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .mgz-bg-transform-move-left .mgz-bg { -webkit-transform: scale(1.2) translateX(8%); -ms-transform: scale(1.2) translateX(8%); transform: scale(1.2) translateX(8%); } .mgz-bg-transform-move-left:hover .mgz-bg, .mgz-bg-transform-move-right .mgz-bg { -webkit-transform: scale(1.2) translateX(-8%); -ms-transform: scale(1.2) translateX(-8%); transform: scale(1.2) translateX(-8%); } .mgz-bg-transform-move-right:hover .mgz-bg { -webkit-transform: scale(1.2) translateX(8%); -ms-transform: scale(1.2) translateX(8%); transform: scale(1.2) translateX(8%); } .mgz-bg-transform-move-up .mgz-bg { -webkit-transform: scale(1.2) translateY(8%); -ms-transform: scale(1.2) translateY(8%); transform: scale(1.2) translateY(8%); } .mgz-bg-transform-move-down .mgz-bg, .mgz-bg-transform-move-up:hover .mgz-bg { -webkit-transform: scale(1.2) translateY(-8%); -ms-transform: scale(1.2) translateY(-8%); transform: scale(1.2) translateY(-8%); } .mgz-bg-transform-move-down:hover .mgz-bg { -webkit-transform: scale(1.2) translateY(8%); -ms-transform: scale(1.2) translateY(8%); transform: scale(1.2) translateY(8%); } *[class*="mgz-animated-item--"] { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; width: 100%; } .mgz-animated-content:hover .mgz-animated-item--grow { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .mgz-animated-content:hover .mgz-animated-item--shrink { -webkit-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); } .mgz-animated-content:hover .mgz-animated-item--enter-zoom-in, .mgz-animated-content:hover .mgz-animated-item--enter-zoom-out, .mgz-animated-content:hover .mgz-animated-item--fade-in { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .mgz-animated-content:hover .mgz-animated-item--exit-zoom-in, .mgz-animated-content:hover .mgz-animated-item--exit-zoom-out, .mgz-animated-content:hover .mgz-animated-item--fade-out { opacity: 0; } .mgz-animated-content:hover .mgz-animated-item--exit-zoom-out { -webkit-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2); } .mgz-animated-content:hover .mgz-animated-item--exit-zoom-in { -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } .mgz-animated-content:hover .mgz-animated-item--enter-from-bottom, .mgz-animated-content:hover .mgz-animated-item--enter-from-left, .mgz-animated-content:hover .mgz-animated-item--enter-from-right, .mgz-animated-content:hover .mgz-animated-item--enter-from-top { opacity: 1; -webkit-transform: translateY(0) translateX(0); -ms-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); } .mgz-animated-content:hover .mgz-animated-item--exit-to-right { -webkit-transform: translateX(1000px); -ms-transform: translateX(1000px); transform: translateX(1000px); } .mgz-animated-content:hover .mgz-animated-item--exit-to-left { -webkit-transform: translateX(-1000px); -ms-transform: translateX(-1000px); transform: translateX(-1000px); } .mgz-animated-content:hover .mgz-animated-item--exit-to-top { -webkit-transform: translateY(-600px); -ms-transform: translateY(-600px); transform: translateY(-600px); } .mgz-animated-content:hover .mgz-animated-item--exit-to-bottom { -webkit-transform: translateY(600px); -ms-transform: translateY(600px); transform: translateY(600px); } .mgz-animated-content:hover .mgz-animated-item--exit-to-bottom, .mgz-animated-content:hover .mgz-animated-item--exit-to-left, .mgz-animated-content:hover .mgz-animated-item--exit-to-right, .mgz-animated-content:hover .mgz-animated-item--exit-to-top { opacity: 0; } .mgz-animated-content:hover .mgz-animated-item--move-right { -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } .mgz-animated-content:hover .mgz-animated-item--move-left { -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } .mgz-animated-content:hover .mgz-animated-item--move-up { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } .mgz-animated-content:hover .mgz-animated-item--move-down { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } .mgz-animated-content [class^="elementor-animated-item"] { will-change: transform, opacity; } .mgz-animated-content .mgz-animated-item--enter-zoom-in { -webkit-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2); } .mgz-animated-content .mgz-animated-item--enter-zoom-out { -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } .mgz-animated-content .mgz-animated-item--enter-zoom-in, .mgz-animated-content .mgz-animated-item--enter-zoom-out, .mgz-animated-content .mgz-animated-item--fade-in { opacity: 0; } .mgz-animated-content .mgz-animated-item--exit-zoom-in, .mgz-animated-content .mgz-animated-item--exit-zoom-out, .mgz-animated-content .mgz-animated-item--fade-out { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .mgz-animated-content .mgz-animated-item--enter-from-right { -webkit-transform: translateX(1000px); -ms-transform: translateX(1000px); transform: translateX(1000px); } .mgz-animated-content .mgz-animated-item--enter-from-left { -webkit-transform: translateX(-1000px); -ms-transform: translateX(-1000px); transform: translateX(-1000px); } .mgz-animated-content .mgz-animated-item--enter-from-top { -webkit-transform: translateY(-600px); -ms-transform: translateY(-600px); transform: translateY(-600px); } .mgz-animated-content .mgz-animated-item--enter-from-bottom { -webkit-transform: translateY(500px); -ms-transform: translateY(500px); transform: translateY(500px); } .mgz-animated-content .mgz-animated-item--enter-from-bottom, .mgz-animated-content .mgz-animated-item--enter-from-left, .mgz-animated-content .mgz-animated-item--enter-from-right, .mgz-animated-content .mgz-animated-item--enter-from-top { opacity: 0; } .mgz-animated-content .mgz-animated-item--exit-to-bottom, .mgz-animated-content .mgz-animated-item--exit-to-left, .mgz-animated-content .mgz-animated-item--exit-to-right, .mgz-animated-content .mgz-animated-item--exit-to-top { opacity: 1; -webkit-transform: translateY(0) translateX(0); -ms-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); } .owl-nav .owl-prev, .owl-nav .owl-next { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .owl-dots { text-align: center; } .owl-dots .owl-dot { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } @-webkit-keyframes backSlideOut { 25% { opacity: 0.5; -webkit-transform: translateZ(-500px); } 75% { opacity: 0.5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: 0.5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: 0.5; -moz-transform: translateZ(-500px); } 75% { opacity: 0.5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: 0.5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: 0.5; transform: translateZ(-500px); } 75% { opacity: 0.5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: 0.5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: 0.5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: 0.5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: 0.5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: 0.5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: 0.5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: 0.5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(0.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(0.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(0.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade 0.7s ease both; -moz-animation: scaleToFade 0.7s ease both; animation: scaleToFade 0.7s ease both; } .owl-goDown-in { -webkit-animation: goDown 0.6s ease both; -moz-animation: goDown 0.6s ease both; animation: goDown 0.6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom 0.5s ease both; -moz-animation: scaleUpFrom 0.5s ease both; animation: scaleUpFrom 0.5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo 0.5s ease both; -moz-animation: scaleUpTo 0.5s ease both; animation: scaleUpTo 0.5s ease both; } .mgz-element-inner { height: 100%; position: relative; } .mgz-element-inner:before, .mgz-element-inner:after { content: " "; display: table; clear: both; } .inner-content { width: 100%; max-width: 100%; margin: 0 auto; } .inner-content:before, .inner-content:after { content: " "; display: table; clear: both; } .magezon-builder-preload .mgz-element { z-index: 0; } .mgz-child:not(:last-child) > .mgz-element-inner { margin-bottom: 15px; } .mgz-element { position: relative; text-align: left; } .mgz-element:before, .mgz-element:after { content: " "; display: table; clear: both; } .mgz-element p:last-child { margin-bottom: 0; } .mgz-element .title { font-weight: 400; } .mgz-element-title-align-left .inner-content { margin-left: 0 !important; } .mgz-element-title-align-right .inner-content { margin-right: 0 !important; } .mgz-parallax, .mgz-parallax-inner, .mgz-parallax-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .mgz-parallax { -webkit-border-radius: inherit; -moz-border-radius: inherit; border-radius: inherit; position: absolute; top: 0; bottom: 0; right: 0; left: 0; overflow: hidden; pointer-events: none; } .mgz-parallax.mgz-parallax-mouse-parallax { -webkit-transform: translateX(0); transform: translateX(0); } .mgz-parallax .mgz-parallax-inner { background-repeat: no-repeat; background-position: 50% 50%; } .mgz-parallax .mgz-parallax-inner * { background-position: inherit !important; background-size: inherit !important; background-repeat: inherit !important; } .mgz-mfp .mfp-title { position: absolute; margin-top: 10px; } .mgz-mfp .mfp-counter { top: auto; bottom: -25px; } .mgz-animated { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } .mgz-animated:not(.mgz_start_animation) { -webkit-animation: none; -o-animation: none; animation: none; } .mgz_start_animation { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .mgz-animated-infinite { animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @-webkit-keyframes mgz_ttb { 0% { -webkit-transform: translate(0, -10%); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes mgz_ttb { 0% { -moz-transform: translate(0, -10%); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes mgz_ttb { 0% { -o-transform: translate(0, -10%); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes mgz_ttb { 0% { -webkit-transform: translate(0, -10%); -ms-transform: translate(0, -10%); -o-transform: translate(0, -10%); transform: translate(0, -10%); opacity: 0; } 100% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes mgz_btt { 0% { -webkit-transform: translate(0, 10%); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes mgz_btt { 0% { -moz-transform: translate(0, 10%); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes mgz_btt { 0% { -o-transform: translate(0, 10%); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes mgz_btt { 0% { -webkit-transform: translate(0, 10%); -ms-transform: translate(0, 10%); -o-transform: translate(0, 10%); transform: translate(0, 10%); opacity: 0; } 100% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes mgz_ltr { 0% { -webkit-transform: translate(-10%, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes mgz_ltr { 0% { -moz-transform: translate(-10%, 0); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes mgz_ltr { 0% { -o-transform: translate(-10%, 0); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes mgz_ltr { 0% { -webkit-transform: translate(-10%, 0); -ms-transform: translate(-10%, 0); -o-transform: translate(-10%, 0); transform: translate(-10%, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes mgz_rtl { 0% { -webkit-transform: translate(10%, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes mgz_rtl { 0% { -moz-transform: translate(10%, 0); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes mgz_rtl { 0% { -o-transform: translate(10%, 0); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes mgz_rtl { 0% { -webkit-transform: translate(10%, 0); -ms-transform: translate(10%, 0); -o-transform: translate(10%, 0); transform: translate(10%, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes mgz_appear { 0% { -webkit-transform: scale(0.5); opacity: 0.1; } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes mgz_appear { 0% { -moz-transform: scale(0.5); opacity: 0.1; } 100% { -moz-transform: scale(1); opacity: 1; } } @-o-keyframes mgz_appear { 0% { -o-transform: scale(0.5); opacity: 0.1; } 100% { -o-transform: scale(1); opacity: 1; } } @keyframes mgz_appear { 0% { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0.1; } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } } .mgz_top-to-bottom { -webkit-animation: mgz_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-animation: mgz_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-animation: mgz_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); animation: mgz_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); } .mgz_bottom-to-top { -webkit-animation: mgz_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-animation: mgz_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-animation: mgz_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); animation: mgz_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); } .mgz_left-to-right { -webkit-animation: mgz_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-animation: mgz_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-animation: mgz_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); animation: mgz_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); } .mgz_right-to-left { -webkit-animation: mgz_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-animation: mgz_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-animation: mgz_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); animation: mgz_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); } .mgz_appear { -webkit-animation: mgz_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-animation: mgz_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-animation: mgz_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); animation: mgz_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .mgz-row-full-height { min-height: 500px; } .mgz-row-full-height > .mgz-element-inner { min-height: 500px; } .mgz-element-row.mgz-row-wrap-reverse > .mgz-element-inner > .inner-content, .mgz-element-row.mgz-row-equal-height > .mgz-element-inner > .inner-content { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mgz-element-row.mgz-row-wrap-reverse > .mgz-element-inner > .inner-content:before, .mgz-element-row.mgz-row-equal-height > .mgz-element-inner > .inner-content:before, .mgz-element-row.mgz-row-wrap-reverse > .mgz-element-inner > .inner-content:after, .mgz-element-row.mgz-row-equal-height > .mgz-element-inner > .inner-content:after { display: none; } .mgz-element-row.mgz-row-wrap-reverse > .mgz-element-inner > .inner-content > .mgz-element, .mgz-element-row.mgz-row-equal-height > .mgz-element-inner > .inner-content > .mgz-element { -webkit-align-items: stretch; -ms-align-items: stretch; align-items: stretch; } .mgz-element-row.mgz-row-wrap-reverse > .mgz-element-inner > .inner-content > .mgz-element > .mgz-element-inner, .mgz-element-row.mgz-row-equal-height > .mgz-element-inner > .inner-content > .mgz-element > .mgz-element-inner { -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; } .mgz-element-row.content-top > .mgz-element-inner > .inner-content > .mgz-element > .mgz-element-inner { -webkit-align-self: flex-start; -ms-align-self: flex-start; align-self: flex-start; -webkit-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; } .mgz-element-row.content-middle > .mgz-element-inner > .inner-content > .mgz-element > .mgz-element-inner { -webkit-align-self: center; -ms-align-self: center; align-self: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; } .mgz-element-row.content-bottom > .mgz-element-inner > .inner-content > .mgz-element > .mgz-element-inner { -webkit-align-self: flex-end; -ms-align-self: flex-end; align-self: flex-end; -webkit-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; } .mgz-element-row.mgz-container { float: none; margin: 0 auto; } .page-layout-1column-fullwidth .column > .magezon-builder > .full_width_row > .mgz-element-inner, .page-layout-1column-fullwidth .column > .magezon-builder > .full_width_row_content > .mgz-element-inner { padding-left: 10px; padding-right: 10px; } @media (max-width: 767px) { .mgz-row-wrap-reverse > .mgz-element-inner > .inner-content { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .mgz-element-column > .mgz-element-inner { padding: 10px; } .mgz-element-column.mgz-element-column-empty > .mgz-element-inner { padding: 0; margin: 0; } .mgz-row-gap-margin > .mgz-element-inner { margin: 10px; padding: 0; } .mgz-element-separator { position: relative; } .mgz-element-separator .title { background: #fff; position: relative; z-index: 1; padding: 0 8px; display: inline-block; margin: 0; } .mgz-element-separator .title i + span, .mgz-element-separator .title span + i { padding-left: 5px; } .mgz-element-separator .mgz-element-separator-line { -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); position: absolute; left: 0; right: 0; top: 50%; height: 1px; border-top: 1px solid transparent; margin: 0 auto; } .mgz-element-separator .mgz-text-left .title { padding-left: 0; } .mgz-element-separator .mgz-text-left .mgz-element-separator-line { left: 0; } .mgz-element-separator .mgz-text-right .title { padding-right: 0; } .mgz-element-separator-wrapper { position: relative; } .mgz-element-heading-text { margin: 0; color: inherit; } .mgz-element-heading-text > a { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; opacity: 1; font-weight: inherit; } .mgz-element-heading-text > a, .mgz-element-heading-text > a:focus, .mgz-element-heading-text > a:hover, .mgz-element-heading-text > a:visited { border: none; text-decoration: inherit; color: inherit; font-weight: inherit; } .mgz-element-heading-text > a:hover { opacity: 0.85; } .mgz-tabs:before, .mgz-tabs-nav:before, .mgz-tabs-content:before, .mgz-tabs:after, .mgz-tabs-nav:after, .mgz-tabs-content:after { content: " "; display: table; clear: both; } .mgz-tabs-nav > .mgz-tabs-tab-title > a, .mgz-tabs-content > .mgz-tabs-tab-title > a { color: #666666; } .mgz-tabs-nav > .mgz-tabs-tab-title:not(.mgz-active) > a, .mgz-tabs-content > .mgz-tabs-tab-title:not(.mgz-active) > a { background: #ebebeb; } .mgz-tabs-nav > .mgz-tabs-tab-title:not(.mgz-active) > a:hover, .mgz-tabs-content > .mgz-tabs-tab-title:not(.mgz-active) > a:hover { background: #dcdcdc; } .mgz-tabs-nav > .mgz-tabs-tab-title:first-child > a, .mgz-tabs-content > .mgz-tabs-tab-title:first-child > a { margin-top: 0 !important; } .mgz-tabs-nav > .mgz-tabs-tab-title.mgz-active > a, .mgz-tabs-content > .mgz-tabs-tab-title.mgz-active > a { background: #f8f8f8; } .mgz-tabs { color: #333; } .mgz-tabs .mgz-tabs-tab-title > a { -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 14px 20px; display: block; position: relative; z-index: 1; border: 1px solid #e3e3e3; } .mgz-tabs .mgz-tabs-tab-title > a:hover { text-decoration: none; } .mgz-tabs .mgz-tabs-tab-content { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: none; } .mgz-tabs .mgz-tabs-tab-content.mgz-active { display: block; } .mgz-tabs .mgz-tabs-tab-content > .mgz-element > .mgz-element-inner { margin-bottom: 0; } .mgz-tabs:not(.mgz-tabs-no-fill-content) .mgz-tabs-tab-content { border: 1px solid #e3e3e3; background: #f8f8f8; margin-top: -1px; } .mgz-element-tab-position-top.mgz-tabs, .mgz-element-tab-position-bottom.mgz-tabs { flex-direction: column; } .mgz-element-tab-position-top.mgz-tabs > .mgz-tabs-nav > .mgz-tabs-tab-title > a, .mgz-element-tab-position-bottom.mgz-tabs > .mgz-tabs-nav > .mgz-tabs-tab-title > a { margin-right: 5px; } .mgz-element-tab-position-top.mgz-tabs > .mgz-tabs-nav > .mgz-tabs-tab-title:last-child, .mgz-element-tab-position-bottom.mgz-tabs > .mgz-tabs-nav > .mgz-tabs-tab-title:last-child { margin-right: 0; } @media (min-width: 768px) { .mgz-tabs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .mgz-tabs .mgz-tabs-tab-title { text-align: left; display: inline-block; } .mgz-tabs .mgz-tabs-content > .mgz-tabs-tab-title { display: none; } .mgz-element-tab-align-right.mgz-tabs > .mgz-tabs-nav { text-align: right; } .mgz-element-tab-align-center.mgz-tabs > .mgz-tabs-nav { text-align: center; } .mgz-element-tab-position-top.mgz-tabs:not( .mgz-tabs-no-fill-content )[data-gap="0"] > .mgz-tabs-nav > .mgz-tabs-tab-title > a, .mgz-element-tab-position-top.mgz-tabs:not( .mgz-tabs-no-fill-content )[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-title > a { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .mgz-element-tab-position-top.mgz-tabs:not( .mgz-tabs-no-fill-content )[data-gap="0"] > .mgz-tabs-nav > .mgz-tabs-tab-title:last-child > a, .mgz-element-tab-position-top.mgz-tabs:not( .mgz-tabs-no-fill-content )[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-title:last-child > a { margin-right: 0; } .mgz-element-tab-position-top.mgz-tabs:not( .mgz-tabs-no-fill-content )[data-gap="0"] > .mgz-tabs-nav > .mgz-tabs-tab-title.mgz-active > a, .mgz-element-tab-position-top.mgz-tabs:not( .mgz-tabs-no-fill-content )[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-title.mgz-active > a { border-bottom-color: transparent; } .mgz-element-tab-position-top.mgz-tabs:not( .mgz-tabs-no-fill-content )[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-content { border-top-left-radius: 0; } .mgz-element-tab-position-top.mgz-tabs > .mgz-tabs-nav > .mgz-tabs-tab-title > a { margin-top: 0 !important; } .mgz-element-tab-position-top.mgz-element-tab-align-right.mgz-tabs:not( .mgz-tabs-no-fill-content )[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-content { border-top-left-radius: 5px; border-top-right-radius: 0; } .mgz-element-tab-position-bottom.mgz-tabs:not( .mgz-tabs-no-fill-content )[data-gap="0"] > .mgz-tabs-nav > .mgz-tabs-tab-title > a, .mgz-element-tab-position-bottom.mgz-tabs:not( .mgz-tabs-no-fill-content )[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-title > a { border-top-right-radius: 0; border-top-left-radius: 0; } .mgz-element-tab-position-bottom.mgz-tabs:not( .mgz-tabs-no-fill-content )[data-gap="0"] > .mgz-tabs-nav > .mgz-tabs-tab-title:last-child > a, .mgz-element-tab-position-bottom.mgz-tabs:not( .mgz-tabs-no-fill-content )[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-title:last-child > a { margin-right: 0; } .mgz-element-tab-position-bottom.mgz-tabs:not( .mgz-tabs-no-fill-content )[data-gap="0"] > .mgz-tabs-nav > .mgz-tabs-tab-title.mgz-active > a, .mgz-element-tab-position-bottom.mgz-tabs:not( .mgz-tabs-no-fill-content )[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-title.mgz-active > a { border-top-color: transparent; } .mgz-element-tab-position-bottom.mgz-tabs:not( .mgz-tabs-no-fill-content )[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-content { border-bottom-left-radius: 0; margin-bottom: -1px; } .mgz-element-tab-position-bottom.mgz-tabs > .mgz-tabs-nav { order: 1; } .mgz-element-tab-position-bottom.mgz-tabs > .mgz-tabs-nav > .mgz-tabs-tab-title > a { margin-top: 0 !important; } .mgz-element-tab-position-bottom.mgz-tabs > .mgz-tabs-content > .mgz-tabs-tab-content { margin-top: 0 !important; } .mgz-element-tab-position-left.mgz-tabs > .mgz-tabs-nav, .mgz-element-tab-position-right.mgz-tabs > .mgz-tabs-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .mgz-element-tab-position-left.mgz-tabs > .mgz-tabs-nav > .mgz-tabs-tab-title, .mgz-element-tab-position-right.mgz-tabs > .mgz-tabs-nav > .mgz-tabs-tab-title { margin-right: 0; display: block; width: 100%; margin-bottom: 5px; } .mgz-element-tab-position-left.mgz-tabs > .mgz-tabs-nav > .mgz-tabs-tab-title > a, .mgz-element-tab-position-right.mgz-tabs > .mgz-tabs-nav > .mgz-tabs-tab-title > a { margin-right: 0; } .mgz-element-tab-position-left.mgz-tabs > .mgz-tabs-nav > .mgz-tabs-tab-title:first-child > a, .mgz-element-tab-position-right.mgz-tabs > .mgz-tabs-nav > .mgz-tabs-tab-title:first-child > a { margin-top: 0; } .mgz-element-tab-position-left.mgz-tabs > .mgz-tabs-content, .mgz-element-tab-position-right.mgz-tabs > .mgz-tabs-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; } .mgz-element-tab-position-left.mgz-tabs > .mgz-tabs-content > .mgz-tabs-tab-content, .mgz-element-tab-position-right.mgz-tabs > .mgz-tabs-content > .mgz-tabs-tab-content { margin-top: 0; height: 100%; } .mgz-element-tab-position-left .mgz-tabs-tab-content, .mgz-element-tab-position-right .mgz-tabs-tab-content { margin-top: 0 !important; } .mgz-element-tab-position-left.mgz-tabs:not( .mgz-tabs-no-fill-content )[data-gap="0"] > .mgz-tabs-nav > .mgz-tabs-tab-title > a { border-top-right-radius: 0; border-bottom-right-radius: 0; } .mgz-element-tab-position-left.mgz-tabs:not( .mgz-tabs-no-fill-content )[data-gap="0"] > .mgz-tabs-nav > .mgz-tabs-tab-title.mgz-active > a { border-right-width: 0; } .mgz-element-tab-position-left.mgz-tabs:not( .mgz-tabs-no-fill-content )[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-content { border-top-left-radius: 0; margin-left: -1px; } .mgz-element-tab-position-right.mgz-tabs:not( .mgz-tabs-no-fill-content )[data-gap="0"] > .mgz-tabs-nav > .mgz-tabs-tab-title > a { border-top-left-radius: 0; border-bottom-left-radius: 0; } .mgz-element-tab-position-right.mgz-tabs:not( .mgz-tabs-no-fill-content )[data-gap="0"] > .mgz-tabs-nav > .mgz-tabs-tab-title.mgz-active > a { border-left-width: 0; } .mgz-element-tab-position-right.mgz-tabs:not( .mgz-tabs-no-fill-content )[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-content { border-top-right-radius: 0; margin-right: -1px; } .mgz-element-tab-position-right.mgz-tabs > .mgz-tabs-nav { order: 1; } } .tabs-opener { height: 50px; width: 50px; position: absolute; right: 0; top: 0; cursor: pointer; text-align: center; font-size: 20px; font-weight: 100; display: none; } .tabs-opener:before { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; content: "\e624"; } .tabs-opener:hover { background-color: rgba(0, 0, 0, 0.05); } @media (max-width: 767px) { .mgz-tabs-content .mgz-tabs-tab-title { display: none; } .mgz-tabs-nav .mgz-tabs-tab-title { display: inline-block; } .mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-content.mgz-active { border-top-left-radius: 0; border-top-right-radius: 0; } .mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-title { margin-top: 5px; } .mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-title:first-child { margin-top: 0; } .mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-title.mgz-active > a { border-bottom-color: transparent; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-content.mgz-active { border-top-color: transparent; } .mgz-tabs.tabs-mobile-accordion .mgz-tabs-nav { display: none; } .mgz-tabs.tabs-mobile-accordion .mgz-tabs-content .mgz-tabs-tab-title { display: block; position: relative; } .mgz-tabs.tabs-mobile-accordion .mgz-tabs-content .mgz-tabs-tab-title .tabs-opener { display: block; } .mgz-tabs.tabs-mobile-accordion .mgz-tabs-content .mgz-tabs-tab-title.mgz-active .tabs-opener:before { content: "\e623"; } .mgz-tabs .mgz-tabs-content > .mgz-tabs-tab-title:first-child { margin-top: 0 !important; } .mgz-tabs .mgz-tabs-content > .mgz-tabs-tab-title > a { margin-right: 0 !important; } .mgz-tabs .mgz-tabs-content > .mgz-tabs-tab-content { margin-left: 0 !important; margin-right: 0 !important; } } .mgz-element-text p:first-child { margin-top: 0; } .mgz-element-text p:last-child { margin-bottom: 0; } .mgz-btn-style-modern .mgz-btn { background-image: -webkit-linear-gradient( top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.01) 100% ); background-image: -o-linear-gradient( top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.01) 100% ); background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.01) 100% ); background-repeat: repeat-x; } .mgz-btn-style-gradient .mgz-btn { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; background-size: 200% 100%; } .mgz-btn-style-gradient .mgz-btn:hover { background-position: 100% 0; } .mgz-btn-style-3d .mgz-btn:hover { top: 2px; } .mgz-btn-size-xs .mgz-btn { font-size: 11px; padding: 8px 12px; } .mgz-btn-size-sm .mgz-btn { font-size: 12px; padding: 11px 16px; } .mgz-btn-size-md .mgz-btn { font-size: 14px; padding: 14px 20px; } .mgz-btn-size-lg .mgz-btn { font-size: 18px; padding: 18px 30px; } .mgz-btn-size-xl .mgz-btn { font-size: 22px; padding: 22px 35px; } .mgz-element .swatch-option { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .mgz-element-single_image .mgz-element-inner { font-size: 0; } .mgz-single-image-wrapper { display: inline-block; line-height: 0; max-width: 100%; font-size: 1.4rem; position: relative; } .mgz-single-image-wrapper a { line-height: 0; font-size: 0; overflow: hidden; display: block; } .mgz-single-image-wrapper img { border-color: #ebebeb; } .mgz-single-image-wrapper.mgz-box-shadow-3d:before, .mgz-single-image-wrapper.mgz-box-shadow-3d:after { -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.6); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.6); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: skewY(-6deg); -moz-transform: skewY(-6deg); -ms-transform: skewY(-6deg); -o-transform: skewY(-6deg); content: ""; position: absolute; left: 5px; right: 50%; bottom: 8px; height: 30%; z-index: -1; } .mgz-single-image-wrapper.mgz-box-shadow-3d:after { left: 50%; right: 5px; -webkit-transform: skewY(6deg); -moz-transform: skewY(6deg); -ms-transform: skewY(6deg); -o-transform: skewY(6deg); -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .mgz-single-image-wrapper.mgz-box-outline { padding: 5px; border: 1px solid #ebebeb; } .mgz-single-image-wrapper.mgz-box-outline img { border: 1px solid #ebebeb; } .mgz-single-image-wrapper.mgz-box-shadow { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } .mgz-single-image-wrapper.mgz-box-shadow img { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } .mgz-single-image-wrapper.mgz-box-shadow2 { -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); } .mgz-single-image-wrapper.mgz-box-shadow2 img { -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); } .mgz-single-image-wrapper .image-title + .image-description { margin-top: 10px; } .mgz-single-image-wrapper .image-content { padding: 10px 20px; text-align: left; line-height: initial; clear: both; z-index: 1; position: absolute; } .mgz-single-image-wrapper .mgz-flex-position-below .image-content { padding: 10px 0; position: static; } .mgz-single-image-wrapper.item-content-hover .image-content { display: none; } .mgz-single-image-wrapper.item-content-hover:hover .image-content { display: block; } .mgz-single-image-wrapper .mgz-image-link { cursor: pointer; } .mgz-element-gmaps .gm-style-iw-d { overflow: visible !important; max-height: none !important; font-size: 13px; } .mgz-element-gmaps .gm-style-iw-c { max-height: none !important; padding: 10px !important; } .mgz-socialicons { margin: 0; padding: 0; list-style: none; display: inline-block; } .mgz-socialicons:before, .mgz-socialicons:after { content: " "; display: table; clear: both; } .mgz-socialicons li { position: relative; margin-bottom: 8px; float: left; } .mgz-socialicons li a { float: left; margin-right: 8px; } .mgz-socialicons li i { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 32px; height: 32px; padding: 0; display: inline-block; position: relative; text-align: center; text-decoration: none; line-height: 32px; color: #fff; } .mgz-socialicons li i.mgz-fa-facebook-f { background: #3b5998; } .mgz-socialicons li i.mgz-fa-whatsapp { background: #24CC63; } .mgz-socialicons li i.mgz-fa-x-twitter { background: #183153; } .mgz-socialicons li i.mgz-fa-tiktok { background: #000000; } .mgz-socialicons li i.mgz-fa-bluesky { background: #0c7dff; } .mgz-socialicons li i.mgz-fa-pinterest-p { background: #cb2027; } .mgz-socialicons li i.mgz-fa-linkedin-in { background: #007bb6; } .mgz-socialicons li i.mgz-fa-tumblr { background: #32506d; } .mgz-socialicons li i.mgz-fa-instagram { background: #517fa4; } .mgz-socialicons li i.mgz-fa-skype { background: #12a5f4; } .mgz-socialicons li i.mgz-fa-dribbble { background: #ea4c8d; } .mgz-socialicons li i.mgz-fa-flickr { background: #ff0084; } .mgz-socialicons li i.mgz-fa-youtube { background: #a82400; } .mgz-socialicons li i.mgz-fa-vimeo-v { background: #45bbff; } .mgz-socialicons li i.mgz-fa-rss { background: #ff8a3c; } .mgz-socialicons li i.mgz-fa-behance { background: #191919; } .mgz-socialicons li .mgz-socialicons-follow-button { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-align-self: center; -ms-align-self: center; align-self: center; margin-right: 25px; padding: 0 12px; color: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.1); font-size: 14px; line-height: 1.6em; } .mgz-socialicons li .mgz-socialicons-follow-button:hover { text-decoration: none; color: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.2); } .mgz-socialicons .mgz-socialicons_network_name { display: none; } .mgz-element-newsletter_form .block.newsletter { display: inline-block; float: none; width: auto; } .mgz-element-newsletter_form .action.sr-only { position: static; width: auto; height: 100%; margin: 0; clip: unset; overflow: visible; } .mgz-element-newsletter_form .newsletter-title { margin: 0 0 20px; font-weight: 500; } .mgz-element-newsletter_form .newsletter-description { margin-bottom: 10px; } .magezon-builder .block-search { margin: 0; padding: 0; max-width: 100%; float: none; display: inline-block; } .mgz-element-search_form .block-search { margin: 0; } @media only screen and (max-width: 767px) { .mgz-element-search_form-wrapper { position: static; } .mgz-element-search_form-wrapper > .mgz-element-inner { position: static; } .mgz-element-search_form { position: static; } .mgz-element-search_form > .mgz-element-inner { position: static; } .mgz-element-search_form .minisearch.active .control { display: block; } .mgz-element-search_form .block-search .control { border: 0; width: 100%; left: 0; right: 0; margin: 0; bottom: -15px; position: absolute; background: #fff; } .mgz-element-search_form .block-search .form.active .control input { position: static; } } .mgz-carousel-hidden { background: url("../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Builder/images/loader.gif") no-repeat center 25%; } .mgz-carousel:before, .mgz-carousel:after { content: " "; display: table; clear: both; } .mgz-carousel.owl-carousel.owl-loaded .owl-stage-outer, .mgz-carousel.owl-carousel.owl-loaded .owl-nav, .mgz-carousel.owl-carousel.owl-loaded .owl-dots { opacity: 1; } .mgz-carousel.owl-carousel.owl-loaded.mgz-carousel-hidden .owl-stage-outer, .mgz-carousel.owl-carousel.owl-loaded.mgz-carousel-hidden .owl-nav, .mgz-carousel.owl-carousel.owl-loaded.mgz-carousel-hidden .owl-dots { opacity: 0; } .mgz-carousel .owl-item { position: relative; background-repeat: no-repeat; background-position: center top; } .mgz-carousel .owl-item img { max-width: 100%; } .mgz-carousel .mgz-carousel-item-inner { position: relative; } .mgz-carousel a + .item-content { cursor: pointer; } .mgz-carousel .item-content { position: absolute; text-align: center; color: #333; z-index: 1; font-size: 14px; } .mgz-carousel .item-title { font-size: 16px; } .mgz-carousel .owl-nav { margin: 0; } .mgz-carousel .owl-nav [class*="owl-"] { -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, color 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, color 300ms ease-in-out; -ms-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, color 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, color 300ms ease-in-out; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0; padding: 0; display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; background: rgba(0, 0, 0, 0.5); z-index: 1; display: inline-block; } .mgz-carousel .owl-nav [class*="owl-"]:hover { background: rgba(0, 0, 0, 0.8); } .mgz-carousel .owl-nav .owl-next { margin-left: 5px; } .mgz-carousel .owl-dots { margin-top: 10px; width: 100%; pointer-events: none; } .mgz-carousel .owl-dots .owl-dot { pointer-events: all; } .mgz-carousel .owl-dots .owl-dot span { -webkit-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out; -ms-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; display: block; width: 10px; height: 10px; margin: 8px; background: rgba(0, 0, 0, 0.6); } .mgz-carousel .owl-dots .owl-dot:hover span, .mgz-carousel .owl-dots .owl-dot.active span { background: rgba(0, 0, 0, 0.8); } .mgz-carousel .mgz-carousel-magnific { cursor: pointer; } .mgz-carousel .mgz-carousel-multirow .product-item-info { margin-bottom: 15px; } .mgz-carousel .mgz-carousel-multirow .product-item-info:last-child { margin-bottom: 0; } .mgz-carousel .product-item { list-style: none; margin: 0; padding: 0; max-width: 100%; } .mgz-carousel .product-item .product-item-info { width: 100%; } .mgz-carousel.mgz-carousel-equal-height .owl-stage { display: flex; } .mgz-carousel.mgz-carousel-equal-height .owl-item { display: flex; flex: 1 0 auto; } .mgz-carousel-dot-inside .owl-dots { position: absolute; bottom: 15px; margin: 0; } .mgz-carousel-dot-inside .owl-dots .owl-dot { bottom: 15px; } .mgz-carousel-dot-inside .owl-dots .owl-dot span { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); background: #fff; } .mgz-carousel-dot-inside .owl-dots .owl-dot:hover span, .mgz-carousel-dot-inside .owl-dots .owl-dot.active span { background: #fff; width: 16px; height: 16px; margin: 5px; } .mgz-carousel-dot-inside .owl-dots .owl-dot:hover:not(.active) span { background: #fff; } .mgz-carousel-nav-position-top_left .owl-nav, .mgz-carousel-nav-position-top_right .owl-nav { position: absolute; } .mgz-carousel-nav-position-top_left.mgz-carousel-nav-size-mini .owl-nav, .mgz-carousel-nav-position-top_right.mgz-carousel-nav-size-mini .owl-nav { top: -40px; } .mgz-carousel-nav-position-top_left.mgz-carousel-nav-size-small .owl-nav, .mgz-carousel-nav-position-top_right.mgz-carousel-nav-size-small .owl-nav { top: -50px; } .mgz-carousel-nav-position-top_left.mgz-carousel-nav-size-normal .owl-nav, .mgz-carousel-nav-position-top_right.mgz-carousel-nav-size-normal .owl-nav { top: -60px; } .mgz-carousel-nav-position-top_left.mgz-carousel-nav-size-large .owl-nav, .mgz-carousel-nav-position-top_right.mgz-carousel-nav-size-large .owl-nav { top: -70px; } .mgz-carousel-nav-position-top_left .owl-nav { left: 0; } .mgz-carousel-nav-position-top_right .owl-nav { right: 0; } .mgz-carousel-nav-position-bottom_left .owl-nav { text-align: left; margin-top: 10px; } .mgz-carousel-nav-position-bottom_right .owl-nav { text-align: right; margin-top: 10px; } .mgz-carousel-nav-position-bottom_center .owl-nav { margin-top: 10px; text-align: center; } .mgz-carousel-nav-position-bottom_center .owl-nav .owl-prev { margin-right: 5px; } .mgz-carousel-nav-position-top_split.mgz-carousel-nav-size-mini .owl-prev, .mgz-carousel-nav-position-top_split.mgz-carousel-nav-size-mini .owl-next { top: -40px; } .mgz-carousel-nav-position-top_split.mgz-carousel-nav-size-small .owl-prev, .mgz-carousel-nav-position-top_split.mgz-carousel-nav-size-small .owl-next { top: -50px; } .mgz-carousel-nav-position-top_split.mgz-carousel-nav-size-normal .owl-prev, .mgz-carousel-nav-position-top_split.mgz-carousel-nav-size-normal .owl-next { top: -60px; } .mgz-carousel-nav-position-top_split.mgz-carousel-nav-size-large .owl-prev, .mgz-carousel-nav-position-top_split.mgz-carousel-nav-size-large .owl-next { top: -70px; } .mgz-carousel-nav-position-top_split .owl-nav [class*="owl-"] { position: absolute; } .mgz-carousel-nav-position-top_split .owl-nav .owl-prev { left: 0; } .mgz-carousel-nav-position-top_split .owl-nav .owl-next { right: 0; } .mgz-carousel-nav-position-top_split.owl-rtl .owl-nav .owl-prev { right: 0; left: auto; } .mgz-carousel-nav-position-top_split.owl-rtl .owl-nav .owl-next { left: 0; right: auto; } .mgz-carousel-nav-position-center_split .owl-nav [class*="owl-"] { position: absolute; opacity: 0; } .mgz-carousel-nav-position-center_split .owl-nav .owl-prev { -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); position: absolute; top: 50%; left: 0; } .mgz-carousel-nav-position-center_split.owl-rtl .owl-nav .owl-prev { -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); position: absolute; top: 50%; right: 0; left:auto; } .mgz-carousel-nav-position-center_split .owl-nav .owl-next { -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); position: absolute; top: 50%; right: 0; } .mgz-carousel-nav-position-center_split.owl-rtl .owl-nav .owl-next { -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); position: absolute; top: 50%; left: 0; right:auto; } .mgz-carousel-nav-position-center_split:hover .owl-nav [class*="owl-"] { opacity: 1; filter: alpha(opacity=100); } .mgz-carousel-nav-position-bottom_split.mgz-carousel-nav-size-mini .owl-prev, .mgz-carousel-nav-position-bottom_split.mgz-carousel-nav-size-mini .owl-next { bottom: -40px; } .mgz-carousel-nav-position-bottom_split.mgz-carousel-nav-size-small .owl-prev, .mgz-carousel-nav-position-bottom_split.mgz-carousel-nav-size-small .owl-next { bottom: -50px; } .mgz-carousel-nav-position-bottom_split.mgz-carousel-nav-size-normal .owl-prev, .mgz-carousel-nav-position-bottom_split.mgz-carousel-nav-size-normal .owl-next { bottom: -60px; } .mgz-carousel-nav-position-bottom_split.mgz-carousel-nav-size-large .owl-prev, .mgz-carousel-nav-position-bottom_split.mgz-carousel-nav-size-large .owl-next { bottom: -70px; } .mgz-carousel-nav-position-bottom_split .owl-nav [class*="owl-"] { position: absolute; } .mgz-carousel-nav-position-bottom_split .owl-nav .owl-prev { left: 0; } .mgz-carousel-nav-position-bottom_split .owl-nav .owl-next { right: 0; } .mgz-carousel-nav-size-mini .owl-nav [class*="owl-"] { width: 20px; height: 20px; line-height: 20px; } .mgz-carousel-nav-size-small .owl-nav [class*="owl-"] { width: 30px; height: 30px; line-height: 30px; } .mgz-carousel-nav-size-normal .owl-nav [class*="owl-"] { width: 40px; height: 40px; line-height: 40px; } .mgz-carousel-nav-size-large .owl-nav [class*="owl-"] { width: 50px; height: 50px; line-height: 50px; } .mgz-product-listing .product-image-wrapper { height: auto; padding: 0 !important; } .mgz-product-listing .product-image-wrapper .product-image-photo { position: static; } .magezon-builder .mgz-element-sidebar .sidebar-main, .magezon-builder .mgz-element-sidebar .sidebar-additional { width: 100%; padding: 0; } .magezon-builder .mgz-element-sidebar .filter-options-item { width: 100%; border-bottom: 1px solid #cccccc; } .magezon-builder .mgz-element-sidebar .filter-options-title { padding: 10px 40px 0 10px; } @media (min-width: 768px) { .magezon-builder .mgz-element-sidebar .filter-options-item:before, .magezon-builder .mgz-element-sidebar .filter-options-item:after { display: none !important; border: 0 !important; } .magezon-builder .mgz-element-sidebar .filter-options-content { position: static; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 100%; } } .mgz-countdown { -webkit-align-self: center; -ms-align-self: center; align-self: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -ms-align-items: center; align-items: center; padding: 30px; } .mgz-countdown .mgz-countdown-heading-wrapper { text-align: left; } .mgz-countdown .mgz-countdown-subheading { font-size: 1.4rem; } .mgz-countdown .mgz-countdown-heading { font-size: 18px; font-weight: 700; } .mgz-countdown .mgz-countdown-number { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: relative; display: inline-block; } .mgz-countdown .mgz-countdown-counter-wrapper { -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; } .mgz-countdown .mgz-countdown-unit { position: relative; padding: 10px; } .mgz-countdown .mgz-countdown-unit-number { font-size: 24px; line-height: 1; } .mgz-countdown .mgz-countdown-unit-label { font-size: 1.4rem; } .mgz-countdown .mgz-countdown-unit-label { min-width: 80px; } .mgz-countdown .svg-container { display: inline-block; position: relative; z-index: 1; width: 100%; height: auto; padding-bottom: 100%; } .mgz-countdown .svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mgz-countdown.mgz-countdown-text-inline .mgz-countdown-unit-label { min-width: auto; display: inline-block; } .mgz-countdown .mgz-countdown-link-wrapper { padding: 10px; } .mgz-countdown-separator-colon .mgz-countdown-number:after { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); content: ":"; font-size: 30px; position: absolute; right: 0px; top: 50%; z-index: 10; display: inline-block; } .mgz-countdown-separator-colon .mgz-countdown-number:last-child:after { display: none; } .mgz-countdown-separator-line .mgz-countdown-number:after { content: ""; display: inline-block; top: 0px; bottom: 0px; z-index: 10; border-right: 1px solid #cccccc; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; left: auto; } .mgz-countdown-separator-line .mgz-countdown-number:last-child:after { display: none; } .mgz-countdown-circle .mgz-countdown-unit { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; z-index: 11; } @media (max-width: 767px) { .mgz-countdown { display: block; padding: 10px; } .mgz-countdown .mgz-countdown-counter-wrapper { margin-top: 20px; margin-bottom: 10px; } .mgz-countdown .mgz-countdown-heading-wrapper, .mgz-countdown .mgz-countdown-link-wrapper { text-align: center; } .mgz-countdown.mgz-countdown-text-inline .mgz-countdown-unit-label { min-width: 80px; display: block; } .mgz-countdown.mgz-countdown-separator-colon .mgz-countdown-number:after { display: none; } .mgz-countdown .mgz-countdown-unit { padding: 10px !important; } } .page-layout-1column-fullwidth #maincontent { max-width: 100%; margin: 0; padding: 0; } .page-layout-1column, .page-layout-2columns-left, .page-layout-2columns-right, .page-layout-1column-fullwidth { overflow-x: hidden; } .magezon-builder { position: relative; z-index: 2; } .magezon-builder:before, .magezon-builder:after { content: " "; display: table; clear: both; } .magezon-builder * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .magezon-builder iframe, .magezon-builder video, .magezon-builder img { max-width: 100%; } .magezon-builder p { margin-top: 0; } .mgz-block-heading { margin-bottom: 10px; padding-bottom: 10px; position: relative; text-align: center; } .mgz-block-heading.mgz-block-heading-line:before { content: ""; display: block; height: 1px; width: 100%; background: #cecece; position: absolute; top: 40%; z-index: 0; } .mgz-block-heading.mgz-block-heading-line .title { display: inline-block; background: #fff; padding: 0; position: relative; } .mgz-block-heading.mgz-block-heading-line h2 { font-weight: 500; } .mgz-block-heading.mgz-block-heading-line-position-bottom:before { bottom: 0; top: auto; } .mgz-block-heading.mgz-block-heading-align-center { text-align: center; } .mgz-block-heading.mgz-block-heading-align-center .title { padding: 0 10px; } .mgz-block-heading.mgz-block-heading-align-left { text-align: left; } .mgz-block-heading.mgz-block-heading-align-left .title { padding-right: 10px; } .mgz-block-heading.mgz-block-heading-align-right { text-align: right; } .mgz-block-heading.mgz-block-heading-align-right .title { padding-left: 10px; } .mgz-block-heading .title { margin: 0; font-weight: 400; } .mgz-block-heading .info { margin: 0; } .mgz_fit { width: 1%; } .magezon-builder-btn { background: #007dbd; border-color: #007dbd; color: #fff; position: relative; text-align: left; font-weight: 500; line-height: 1.4; padding: 0.6rem 1em 0.6rem 35px; display: inline-block; margin-bottom: 10px; } .magezon-builder-btn:hover { color: #fff; text-decoration: none; background: #0073ae; } .magezon-builder-btn i { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); top: 50%; left: 50%; font-size: 25px; position: absolute; left: 15px; } table .magezon-builder .mgz-container { width: 100%; } .mgz-condition-html .rule-tree ul { padding-left: 16px; } .mgz-builder-single_image-icon { background-image: url("../../frontend/Hiddentechies/hyvatheme/en_US/Magezon_Builder/images/icons/element-icon-single-image.svg") !important; } .item.product .magezon-builder .mgz-container { width: 100%; } .mgz-builder-wrapper._disabled > .admin__field-control > button, .mgz-builder-wrapper._disabled > .admin__field-control .mgz-builder { cursor: default; opacity: 0.5; pointer-events: none; } .mgz-overlay { position: absolute; width: 100%; height: 100%; left: 0; right: 0; bottom: 0; top: 0; } .mgz-absolute-link { position: absolute; z-index: 11; width: 100%; height: 100%; left: 0; right: 0; bottom: 0; top: 0; } .admin__form-loading-mask[data-component="linkbuilder_form.linkbuilder_form"] { display: none; } .mgz-image-switch-after { opacity: 0; position: absolute; top: 0; left: 0; } .mgz-image-switch:hover .mgz-image-switch-before { opacity: 0; } .mgz-image-switch:hover .mgz-image-switch-after { opacity: 1; } body._has-modal .mgz-modal { z-index: 799 !important; } @media all and (min-width: 768px) { html { height: auto !important; } }/* Stripe Express */ @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .box-tocart .action.tocart.payment-request-button { padding: 0; } :root { --stripe-payment-button-min-width: 248px; } .payment-request-button { min-width: var(--stripe-payment-button-min-width); height: auto; } .payment-request-button.disabled, .payment-request-button.disabled * { pointer-events: none !important; } .payment-request-button.disabled { opacity: 0.5; filter: grayscale(50%); } .catalog-product-view .payment-request-button { margin-bottom: 15px; } @media screen and (min-width: 768px) { .catalog-product-view .payment-request-button { margin-right: 1%; width: 49%; } } .stripe-payments-express-minicart { margin-top: 15px; } .stripe-payments-express-minicart .payment-request-button, .payment-request-button.cart { width: 100% !important; } .cart-summary .stripe-payments-express-minicart { margin-top: 0; margin-bottom: 25px; } .block-bundle-summary .box-tocart .actions .payment-request-button { min-width: var(--stripe-payment-button-min-width); }/** * Swiper 10.3.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 28, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}