/* purgecss start ignore */
/* ! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
box-sizing: border-box;
/* 1 */
border-width: 0;
/* 2 */
border-style: solid;
/* 2 */
border-color: #e5e7eb;
/* 2 */
}
::before,
::after {
--tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
*/
html {
line-height: 1.5;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
-moz-tab-size: 4;
/* 3 */
-o-tab-size: 4;
tab-size: 4;
/* 3 */
font-family: p22-underground, Helvetica Neue, Arial, sans-serif;
/* 4 */
font-feature-settings: normal;
/* 5 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
margin: 0;
/* 1 */
line-height: inherit;
/* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
height: 0;
/* 1 */
color: inherit;
/* 2 */
border-top-width: 1px;
/* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
color: inherit;
text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
font-weight: bolder;
}
/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/*
Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
text-indent: 0;
/* 1 */
border-color: inherit;
/* 2 */
border-collapse: collapse;
/* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
font-weight: inherit;
/* 1 */
line-height: inherit;
/* 1 */
color: inherit;
/* 1 */
margin: 0;
/* 2 */
padding: 0;
/* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button;
/* 1 */
background-color: transparent;
/* 2 */
background-image: none;
/* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1;
/* 1 */
color: #9ca3af;
/* 2 */
}
input::placeholder,
textarea::placeholder {
opacity: 1;
/* 1 */
color: #9ca3af;
/* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
/* 1 */
vertical-align: middle;
/* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
max-width: 100%;
height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
display: none;
}
[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'],[multiple],textarea,select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border-color: #6b7280;
border-width: 1px;
border-radius: 0px;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5rem;
--tw-shadow: 0 0 #0000;
}
[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #2563EB;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
border-color: #2563EB;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #6b7280;
opacity: 1;
}
input::placeholder,textarea::placeholder {
color: #6b7280;
opacity: 1;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-date-and-time-value {
min-height: 1.5em;
}
::-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-top: 0;
padding-bottom: 0;
}
select {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
background-position: right 0.5rem center;
background-repeat: no-repeat;
background-size: 1.5em 1.5em;
padding-right: 2.5rem;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
[multiple] {
background-image: initial;
background-position: initial;
background-repeat: unset;
background-size: initial;
padding-right: 0.75rem;
-webkit-print-color-adjust: unset;
print-color-adjust: unset;
}
[type='checkbox'],[type='radio'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
display: inline-block;
vertical-align: middle;
background-origin: border-box;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
flex-shrink: 0;
height: 1rem;
width: 1rem;
color: #2563EB;
background-color: #fff;
border-color: #6b7280;
border-width: 1px;
--tw-shadow: 0 0 #0000;
}
[type='checkbox'] {
border-radius: 0px;
}
[type='radio'] {
border-radius: 100%;
}
[type='checkbox']:focus,[type='radio']:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 2px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #2563EB;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
[type='checkbox']:checked,[type='radio']:checked {
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
[type='checkbox']: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");
}
[type='radio']:checked {
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");
}
[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
border-color: transparent;
background-color: currentColor;
}
[type='checkbox']: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");
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
border-color: transparent;
background-color: currentColor;
}
[type='file'] {
background: unset;
border-color: inherit;
border-width: 0;
border-radius: 0;
padding: 0;
font-size: unset;
line-height: inherit;
}
[type='file']:focus {
outline: 1px solid ButtonText;
outline: 1px auto -webkit-focus-ring-color;
}
*, ::before, ::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
.container {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 1.5rem;
padding-left: 1.5rem;
}
@media (min-width: 640px) {
.container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.container {
max-width: 1536px;
}
}
.form-input,.form-textarea,.form-select,.form-multiselect {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border-color: #6b7280;
border-width: 1px;
border-radius: 0px;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5rem;
--tw-shadow: 0 0 #0000;
}
.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #2563EB;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
border-color: #2563EB;
}
.form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
color: #6b7280;
opacity: 1;
}
.form-input::placeholder,.form-textarea::placeholder {
color: #6b7280;
opacity: 1;
}
.form-input::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
.form-input::-webkit-date-and-time-value {
min-height: 1.5em;
}
.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field {
padding-top: 0;
padding-bottom: 0;
}
.form-select {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
background-position: right 0.5rem center;
background-repeat: no-repeat;
background-size: 1.5em 1.5em;
padding-right: 2.5rem;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.form-checkbox,.form-radio {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
display: inline-block;
vertical-align: middle;
background-origin: border-box;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
flex-shrink: 0;
height: 1rem;
width: 1rem;
color: #2563EB;
background-color: #fff;
border-color: #6b7280;
border-width: 1px;
--tw-shadow: 0 0 #0000;
}
.form-checkbox {
border-radius: 0px;
}
.form-radio {
border-radius: 100%;
}
.form-checkbox:focus,.form-radio:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 2px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #2563EB;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.form-checkbox:checked,.form-radio:checked {
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
.form-checkbox: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");
}
.form-radio:checked {
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");
}
.form-checkbox:checked:hover,.form-checkbox:checked:focus,.form-radio:checked:hover,.form-radio:checked:focus {
border-color: transparent;
background-color: currentColor;
}
.form-checkbox: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");
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
.form-checkbox:indeterminate:hover,.form-checkbox:indeterminate:focus {
border-color: transparent;
background-color: currentColor;
}
.prose {
color: var(--tw-prose-body);
max-width: 65ch;
}
.prose :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-lead);
font-size: 1.25em;
line-height: 1.6;
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.prose :where(a):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-links);
text-decoration: underline;
font-weight: 500;
}
.prose :where(strong):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-bold);
font-weight: 600;
}
.prose :where(a strong):not(:where([class~="not-prose"] *)) {
color: inherit;
}
.prose :where(blockquote strong):not(:where([class~="not-prose"] *)) {
color: inherit;
}
.prose :where(thead th strong):not(:where([class~="not-prose"] *)) {
color: inherit;
}
.prose :where(ol):not(:where([class~="not-prose"] *)) {
list-style-type: decimal;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-left: 1.625em;
}
.prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)) {
list-style-type: upper-alpha;
}
.prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)) {
list-style-type: lower-alpha;
}
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"] *)) {
list-style-type: upper-alpha;
}
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"] *)) {
list-style-type: lower-alpha;
}
.prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)) {
list-style-type: upper-roman;
}
.prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)) {
list-style-type: lower-roman;
}
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"] *)) {
list-style-type: upper-roman;
}
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"] *)) {
list-style-type: lower-roman;
}
.prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)) {
list-style-type: decimal;
}
.prose :where(ul):not(:where([class~="not-prose"] *)) {
list-style-type: disc;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-left: 1.625em;
}
.prose :where(ol > li):not(:where([class~="not-prose"] *))::marker {
font-weight: 400;
color: var(--tw-prose-counters);
}
.prose :where(ul > li):not(:where([class~="not-prose"] *))::marker {
color: var(--tw-prose-bullets);
}
.prose :where(hr):not(:where([class~="not-prose"] *)) {
border-color: var(--tw-prose-hr);
border-top-width: 1px;
margin-top: 3em;
margin-bottom: 3em;
}
.prose :where(blockquote):not(:where([class~="not-prose"] *)) {
font-weight: 500;
font-style: italic;
color: var(--tw-prose-quotes);
border-left-width: 0.25rem;
border-left-color: var(--tw-prose-quote-borders);
quotes: "\201C""\201D""\2018""\2019";
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-left: 1em;
}
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before {
content: open-quote;
}
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after {
content: close-quote;
}
.prose :where(h1):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 800;
font-size: 2.25em;
margin-top: 0;
margin-bottom: 0.8888889em;
line-height: 1.1111111;
}
.prose :where(h1 strong):not(:where([class~="not-prose"] *)) {
font-weight: 900;
color: inherit;
}
.prose :where(h2):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 700;
font-size: 1.5em;
margin-top: 2em;
margin-bottom: 1em;
line-height: 1.3333333;
}
.prose :where(h2 strong):not(:where([class~="not-prose"] *)) {
font-weight: 800;
color: inherit;
}
.prose :where(h3):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
font-size: 1.25em;
margin-top: 1.6em;
margin-bottom: 0.6em;
line-height: 1.6;
}
.prose :where(h3 strong):not(:where([class~="not-prose"] *)) {
font-weight: 700;
color: inherit;
}
.prose :where(h4):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.5em;
margin-bottom: 0.5em;
line-height: 1.5;
}
.prose :where(h4 strong):not(:where([class~="not-prose"] *)) {
font-weight: 700;
color: inherit;
}
.prose :where(img):not(:where([class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.prose :where(figure > *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
margin-bottom: 0;
}
.prose :where(figcaption):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-captions);
font-size: 0.875em;
line-height: 1.4285714;
margin-top: 0.8571429em;
}
.prose :where(code):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-code);
font-weight: 600;
font-size: 0.875em;
}
.prose :where(code):not(:where([class~="not-prose"] *))::before {
content: "`";
}
.prose :where(code):not(:where([class~="not-prose"] *))::after {
content: "`";
}
.prose :where(a code):not(:where([class~="not-prose"] *)) {
color: inherit;
}
.prose :where(h1 code):not(:where([class~="not-prose"] *)) {
color: inherit;
}
.prose :where(h2 code):not(:where([class~="not-prose"] *)) {
color: inherit;
font-size: 0.875em;
}
.prose :where(h3 code):not(:where([class~="not-prose"] *)) {
color: inherit;
font-size: 0.9em;
}
.prose :where(h4 code):not(:where([class~="not-prose"] *)) {
color: inherit;
}
.prose :where(blockquote code):not(:where([class~="not-prose"] *)) {
color: inherit;
}
.prose :where(thead th code):not(:where([class~="not-prose"] *)) {
color: inherit;
}
.prose :where(pre):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-pre-code);
background-color: var(--tw-prose-pre-bg);
overflow-x: auto;
font-weight: 400;
font-size: 0.875em;
line-height: 1.7142857;
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
border-radius: 0.375rem;
padding-top: 0.8571429em;
padding-right: 1.1428571em;
padding-bottom: 0.8571429em;
padding-left: 1.1428571em;
}
.prose :where(pre code):not(:where([class~="not-prose"] *)) {
background-color: transparent;
border-width: 0;
border-radius: 0;
padding: 0;
font-weight: inherit;
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
.prose :where(pre code):not(:where([class~="not-prose"] *))::before {
content: none;
}
.prose :where(pre code):not(:where([class~="not-prose"] *))::after {
content: none;
}
.prose :where(table):not(:where([class~="not-prose"] *)) {
width: 100%;
table-layout: auto;
text-align: left;
margin-top: 2em;
margin-bottom: 2em;
font-size: 0.875em;
line-height: 1.7142857;
}
.prose :where(thead):not(:where([class~="not-prose"] *)) {
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-th-borders);
}
.prose :where(thead th):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
vertical-align: bottom;
padding-right: 0.5714286em;
padding-bottom: 0.5714286em;
padding-left: 0.5714286em;
}
.prose :where(tbody tr):not(:where([class~="not-prose"] *)) {
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-td-borders);
}
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)) {
border-bottom-width: 0;
}
.prose :where(tbody td):not(:where([class~="not-prose"] *)) {
vertical-align: baseline;
}
.prose :where(tfoot):not(:where([class~="not-prose"] *)) {
border-top-width: 1px;
border-top-color: var(--tw-prose-th-borders);
}
.prose :where(tfoot td):not(:where([class~="not-prose"] *)) {
vertical-align: top;
}
.prose {
--tw-prose-body: #374151;
--tw-prose-headings: #111827;
--tw-prose-lead: #4b5563;
--tw-prose-links: #111827;
--tw-prose-bold: #111827;
--tw-prose-counters: #6b7280;
--tw-prose-bullets: #d1d5db;
--tw-prose-hr: #e5e7eb;
--tw-prose-quotes: #111827;
--tw-prose-quote-borders: #e5e7eb;
--tw-prose-captions: #6b7280;
--tw-prose-code: #111827;
--tw-prose-pre-code: #e5e7eb;
--tw-prose-pre-bg: #1f2937;
--tw-prose-th-borders: #d1d5db;
--tw-prose-td-borders: #e5e7eb;
--tw-prose-invert-body: #d1d5db;
--tw-prose-invert-headings: #fff;
--tw-prose-invert-lead: #9ca3af;
--tw-prose-invert-links: #fff;
--tw-prose-invert-bold: #fff;
--tw-prose-invert-counters: #9ca3af;
--tw-prose-invert-bullets: #4b5563;
--tw-prose-invert-hr: #374151;
--tw-prose-invert-quotes: #f3f4f6;
--tw-prose-invert-quote-borders: #374151;
--tw-prose-invert-captions: #9ca3af;
--tw-prose-invert-code: #fff;
--tw-prose-invert-pre-code: #d1d5db;
--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
--tw-prose-invert-th-borders: #4b5563;
--tw-prose-invert-td-borders: #374151;
font-size: 1rem;
line-height: 1.75;
}
.prose :where(p):not(:where([class~="not-prose"] *)) {
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.prose :where(video):not(:where([class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.prose :where(figure):not(:where([class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.prose :where(li):not(:where([class~="not-prose"] *)) {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.prose :where(ol > li):not(:where([class~="not-prose"] *)) {
padding-left: 0.375em;
}
.prose :where(ul > li):not(:where([class~="not-prose"] *)) {
padding-left: 0.375em;
}
.prose :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.25em;
}
.prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.25em;
}
.prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.25em;
}
.prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.25em;
}
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.prose :where(hr + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose :where(h2 + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose :where(h3 + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose :where(h4 + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
padding-left: 0;
}
.prose :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
padding-right: 0;
}
.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
padding-top: 0.5714286em;
padding-right: 0.5714286em;
padding-bottom: 0.5714286em;
padding-left: 0.5714286em;
}
.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
padding-left: 0;
}
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
padding-right: 0;
}
.prose :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 0;
}
.prose-sm :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
margin-top: 0.5714286em;
margin-bottom: 0.5714286em;
}
.prose-sm :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.1428571em;
}
.prose-sm :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.1428571em;
}
.prose-sm :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.1428571em;
}
.prose-sm :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.1428571em;
}
.prose-sm :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose-sm :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 0;
}
.prose-base :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.prose-base :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.25em;
}
.prose-base :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.25em;
}
.prose-base :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.25em;
}
.prose-base :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.25em;
}
.prose-base :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose-base :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 0;
}
.prose-lg :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
.prose-lg :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.3333333em;
}
.prose-lg :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.3333333em;
}
.prose-lg :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.3333333em;
}
.prose-lg :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.3333333em;
}
.prose-lg :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose-lg :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 0;
}
.prose-xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
margin-top: 0.8em;
margin-bottom: 0.8em;
}
.prose-xl :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.2em;
}
.prose-xl :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.2em;
}
.prose-xl :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.2em;
}
.prose-xl :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.2em;
}
.prose-xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose-xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 0;
}
.prose-2xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
margin-top: 0.8333333em;
margin-bottom: 0.8333333em;
}
.prose-2xl :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.3333333em;
}
.prose-2xl :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.3333333em;
}
.prose-2xl :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.3333333em;
}
.prose-2xl :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.3333333em;
}
.prose-2xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.prose-2xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 0;
}
.btn {
display: flex;
align-items: center;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(107 114 128 / var(--tw-bg-opacity));
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 768px) {
.btn {
padding-left: 1.5rem;
padding-right: 1.5rem;
font-size: 1.125rem;
line-height: 1.75rem;
}
}
@media (min-width: 1280px) {
.btn {
font-size: 1rem;
line-height: 1.5rem;
}
}
.btn svg {
display: inline-flex;
}
.btn span {
vertical-align: middle;
}
.btn:hover {
--tw-bg-opacity: 1;
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
.btn:focus {
border-color: transparent;
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity));
--tw-ring-opacity: 0.5;
}
.btn-primary {
--tw-bg-opacity: 1;
background-color: rgb(29 78 216 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.btn-primary:hover {
--tw-bg-opacity: 1;
background-color: rgb(37 99 235 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.btn-secondary {
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(37 99 235 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.home-banner .btn-secondary {
background-color: rgba(255,255,255,0.05);
}
.btn-secondary:hover {
--tw-border-opacity: 1;
border-color: rgb(30 64 175 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.home-banner .btn-secondary:hover {
background-color: rgba(255,255,255,0.05);
}
.btn-secondary:focus {
border-width: 2px;
border-color: transparent;
}
.btn-size-lg {
padding-left: 2.5rem;
padding-right: 2.5rem;
padding-top: 1rem;
padding-bottom: 1rem;
font-size: 1.125rem;
line-height: 1.75rem;
}
.actions-toolbar .primary button {
display: flex;
align-items: center;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(107 114 128 / var(--tw-bg-opacity));
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 768px) {
.actions-toolbar .primary button {
padding-left: 1.5rem;
padding-right: 1.5rem;
font-size: 1.125rem;
line-height: 1.75rem;
}
}
@media (min-width: 1280px) {
.actions-toolbar .primary button {
font-size: 1rem;
line-height: 1.5rem;
}
}
.actions-toolbar .primary button svg {
display: inline-flex;
}
.actions-toolbar .primary button span {
vertical-align: middle;
}
.actions-toolbar .primary button:hover {
--tw-bg-opacity: 1;
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
.actions-toolbar .primary button:focus {
border-color: transparent;
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity));
--tw-ring-opacity: 0.5;
}
.actions-toolbar .primary button {
--tw-bg-opacity: 1;
background-color: rgb(29 78 216 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.actions-toolbar .primary button:hover {
--tw-bg-opacity: 1;
background-color: rgb(37 99 235 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:where(#hyva-checkout-main) .actions-toolbar .primary button {
border-width: 2px;
}
:where(#hyva-checkout-main) .actions-toolbar .primary button:disabled {
cursor: not-allowed;
opacity: 0.6;
}
:where(#hyva-checkout-main) .actions-toolbar .primary button:not(.btn-secondary) {
border-color: transparent;
}
.input-group > :not(:last-child, button,.actions-toolbar .primary button) {
border-right-width: 0;
}
.checkout-summary .checkout-nav .actions-toolbar .primary button {
width: 100%;
}
:where(#hyva-checkout-main) .btn {
border-width: 2px;
}
:where(#hyva-checkout-main) .btn:disabled {
cursor: not-allowed;
opacity: 0.6;
}
:where(#hyva-checkout-main) .btn:not(.btn-secondary) {
border-color: transparent;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.pointer-events-none {
pointer-events: none;
}
.visible {
visibility: visible;
}
.\!visible {
visibility: visible !important;
}
.invisible {
visibility: hidden;
}
.collapse {
visibility: collapse;
}
.static {
position: static;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.sticky {
position: sticky;
}
.inset-0 {
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
}
.inset-y-0 {
top: 0px;
bottom: 0px;
}
.inset-x-0 {
left: 0px;
right: 0px;
}
.inset-x-4 {
left: 1rem;
right: 1rem;
}
.top-2 {
top: 0.5rem;
}
.right-2 {
right: 0.5rem;
}
.top-\[2px\] {
top: 2px;
}
.right-\[14px\] {
right: 14px;
}
.top-0 {
top: 0px;
}
.right-0 {
right: 0px;
}
.-bottom-1\.5 {
bottom: -0.375rem;
}
.left-0 {
left: 0px;
}
.-bottom-1 {
bottom: -0.25rem;
}
.-bottom-2\.5 {
bottom: -0.625rem;
}
.-bottom-2 {
bottom: -0.5rem;
}
.bottom-1\/2 {
bottom: 50%;
}
.left-4 {
left: 1rem;
}
.right-4 {
right: 1rem;
}
.bottom-0 {
bottom: 0px;
}
.top-\[18px\] {
top: 18px;
}
.left-3 {
left: 0.75rem;
}
.top-2\.5 {
top: 0.625rem;
}
.bottom-auto {
bottom: auto;
}
.top-full {
top: 100%;
}
.top-1\/2 {
top: 50%;
}
.-left-\[5px\] {
left: -5px;
}
.-right-\[5px\] {
right: -5px;
}
.top-5 {
top: 1.25rem;
}
.right-5 {
right: 1.25rem;
}
.bottom-1 {
bottom: 0.25rem;
}
.left-14 {
left: 3.5rem;
}
.right-14 {
right: 3.5rem;
}
.-top-16 {
top: -4rem;
}
.-top-1 {
top: -0.25rem;
}
.right-10 {
right: 2.5rem;
}
.right-12 {
right: 3rem;
}
.-bottom-px {
bottom: -1px;
}
.top-10 {
top: 2.5rem;
}
.top-\[6px\] {
top: 6px;
}
.top-\[60px\] {
top: 60px;
}
.left-\[-86px\] {
left: -86px;
}
.top-4 {
top: 1rem;
}
.right-1 {
right: 0.25rem;
}
.-right-3 {
right: -0.75rem;
}
.right-3 {
right: 0.75rem;
}
.-top-3 {
top: -0.75rem;
}
.-top-2 {
top: -0.5rem;
}
.-bottom-5 {
bottom: -1.25rem;
}
.-bottom-\[22px\] {
bottom: -22px;
}
.bottom-4 {
bottom: 1rem;
}
.-top-1\.5 {
top: -0.375rem;
}
.-right-1\.5 {
right: -0.375rem;
}
.-right-1 {
right: -0.25rem;
}
.left-1\/2 {
left: 50%;
}
.top-1 {
top: 0.25rem;
}
.left-2\.5 {
left: 0.625rem;
}
.left-2 {
left: 0.5rem;
}
.bottom-\[calc\(theme\(spacing\.5\)_\/_2_-_2px\)\] {
bottom: calc(1.25rem / 2 - 2px);
}
.-left-2 {
left: -0.5rem;
}
.-right-2\.5 {
right: -0.625rem;
}
.-right-2 {
right: -0.5rem;
}
.top-3 {
top: 0.75rem;
}
.isolate {
isolation: isolate;
}
.z-10 {
z-index: 10;
}
.z-\[31\] {
z-index: 31;
}
.z-\[1\] {
z-index: 1;
}
.z-\[2\] {
z-index: 2;
}
.z-20 {
z-index: 20;
}
.z-30 {
z-index: 30;
}
.z-0 {
z-index: 0;
}
.z-50 {
z-index: 50;
}
.-z-10 {
z-index: -10;
}
.order-1 {
order: 1;
}
.order-3 {
order: 3;
}
.order-2 {
order: 2;
}
.order-first {
order: -9999;
}
.order-last {
order: 9999;
}
.order-none {
order: 0;
}
.col-span-2 {
grid-column: span 2 / span 2;
}
.col-span-12 {
grid-column: span 12 / span 12;
}
.col-span-6 {
grid-column: span 6 / span 6;
}
.col-span-1 {
grid-column: span 1 / span 1;
}
.col-span-4 {
grid-column: span 4 / span 4;
}
.col-span-3 {
grid-column: span 3 / span 3;
}
.col-span-full {
grid-column: 1 / -1;
}
.col-start-1 {
grid-column-start: 1;
}
.col-end-3 {
grid-column-end: 3;
}
.row-start-5 {
grid-row-start: 5;
}
.row-end-6 {
grid-row-end: 6;
}
.float-right {
float: right;
}
.float-left {
float: left;
}
.clear-left {
clear: left;
}
.m-0 {
margin: 0px;
}
.m-1 {
margin: 0.25rem;
}
.-m-4 {
margin: -1rem;
}
.m-\[2px\] {
margin: 2px;
}
.m-auto {
margin: auto;
}
.\!m-0 {
margin: 0px !important;
}
.-m-2 {
margin: -0.5rem;
}
.m-4 {
margin: 1rem;
}
.m-2 {
margin: 0.5rem;
}
.my-3 {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.my-5 {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.my-12 {
margin-top: 3rem;
margin-bottom: 3rem;
}
.mx-1 {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.mx-4 {
margin-left: 1rem;
margin-right: 1rem;
}
.-mx-5 {
margin-left: -1.25rem;
margin-right: -1.25rem;
}
.my-10 {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.my-6 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.my-8 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.-mx-6 {
margin-left: -1.5rem;
margin-right: -1.5rem;
}
.my-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.-mx-1 {
margin-left: -0.25rem;
margin-right: -0.25rem;
}
.my-\[5px\] {
margin-top: 5px;
margin-bottom: 5px;
}
.my-1\.5 {
margin-top: 0.375rem;
margin-bottom: 0.375rem;
}
.my-1 {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.-mx-2 {
margin-left: -0.5rem;
margin-right: -0.5rem;
}
.-mx-4 {
margin-left: -1rem;
margin-right: -1rem;
}
.mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.-mx-3 {
margin-left: -0.75rem;
margin-right: -0.75rem;
}
.mx-6 {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.mx-7 {
margin-left: 1.75rem;
margin-right: 1.75rem;
}
.my-0 {
margin-top: 0px;
margin-bottom: 0px;
}
.mx-5 {
margin-left: 1.25rem;
margin-right: 1.25rem;
}
.ml-auto {
margin-left: auto;
}
.mb-5 {
margin-bottom: 1.25rem;
}
.mr-1 {
margin-right: 0.25rem;
}
.mb-6 {
margin-bottom: 1.5rem;
}
.mr-3 {
margin-right: 0.75rem;
}
.mb-1 {
margin-bottom: 0.25rem;
}
.mt-3 {
margin-top: 0.75rem;
}
.mr-2 {
margin-right: 0.5rem;
}
.mt-0 {
margin-top: 0px;
}
.mb-4 {
margin-bottom: 1rem;
}
.mt-8 {
margin-top: 2rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.mb-0 {
margin-bottom: 0px;
}
.mr-4 {
margin-right: 1rem;
}
.mb-2\.5 {
margin-bottom: 0.625rem;
}
.mb-3 {
margin-bottom: 0.75rem;
}
.mt-auto {
margin-top: auto;
}
.mr-auto {
margin-right: auto;
}
.ml-2 {
margin-left: 0.5rem;
}
.\!mb-5 {
margin-bottom: 1.25rem !important;
}
.mb-8 {
margin-bottom: 2rem;
}
.ml-4 {
margin-left: 1rem;
}
.mb-10 {
margin-bottom: 2.5rem;
}
.mt-2 {
margin-top: 0.5rem;
}
.mt-5 {
margin-top: 1.25rem;
}
.mr-5 {
margin-right: 1.25rem;
}
.mt-4 {
margin-top: 1rem;
}
.mb-12 {
margin-bottom: 3rem;
}
.ml-1 {
margin-left: 0.25rem;
}
.mr-10 {
margin-right: 2.5rem;
}
.-mr-4 {
margin-right: -1rem;
}
.-mt-8 {
margin-top: -2rem;
}
.ml-2\.5 {
margin-left: 0.625rem;
}
.mt-1 {
margin-top: 0.25rem;
}
.-mt-2\.5 {
margin-top: -0.625rem;
}
.-mt-2 {
margin-top: -0.5rem;
}
.mr-2\.5 {
margin-right: 0.625rem;
}
.mt-\[60px\] {
margin-top: 60px;
}
.mt-\[5px\] {
margin-top: 5px;
}
.mb-\[50px\] {
margin-bottom: 50px;
}
.-mt-1 {
margin-top: -0.25rem;
}
.ml-5 {
margin-left: 1.25rem;
}
.mt-\[3px\] {
margin-top: 3px;
}
.mb-\[17px\] {
margin-bottom: 17px;
}
.mt-\[1px\] {
margin-top: 1px;
}
.ml-6 {
margin-left: 1.5rem;
}
.\!mb-0 {
margin-bottom: 0px !important;
}
.mt-2\.5 {
margin-top: 0.625rem;
}
.-ml-6 {
margin-left: -1.5rem;
}
.mr-8 {
margin-right: 2rem;
}
.\!mt-0 {
margin-top: 0px !important;
}
.mb-0\.5 {
margin-bottom: 0.125rem;
}
.\!mt-5 {
margin-top: 1.25rem !important;
}
.mb-auto {
margin-bottom: auto;
}
.mt-6 {
margin-top: 1.5rem;
}
.-mr-1 {
margin-right: -0.25rem;
}
.-mt-6 {
margin-top: -1.5rem;
}
.mt-10 {
margin-top: 2.5rem;
}
.mt-12 {
margin-top: 3rem;
}
.ml-3 {
margin-left: 0.75rem;
}
.-ml-px {
margin-left: -1px;
}
.-mr-2 {
margin-right: -0.5rem;
}
.\!ml-0 {
margin-left: 0px !important;
}
.mt-0\.5 {
margin-top: 0.125rem;
}
.mt-16 {
margin-top: 4rem;
}
.ml-10 {
margin-left: 2.5rem;
}
.ml-8 {
margin-left: 2rem;
}
.mt-\[7px\] {
margin-top: 7px;
}
.mb-\[5px\] {
margin-bottom: 5px;
}
.mr-\[4px\] {
margin-right: 4px;
}
.mt-\[10px\] {
margin-top: 10px;
}
.mb-7 {
margin-bottom: 1.75rem;
}
.mr-\[-1px\] {
margin-right: -1px;
}
.box-border {
box-sizing: border-box;
}
.box-content {
box-sizing: content-box;
}
.block {
display: block;
}
.\!block {
display: block !important;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
.flex {
display: flex;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.table-caption {
display: table-caption;
}
.table-cell {
display: table-cell;
}
.table-row {
display: table-row;
}
.grid {
display: grid;
}
.contents {
display: contents;
}
.hidden {
display: none;
}
.h-full {
height: 100%;
}
.h-5 {
height: 1.25rem;
}
.h-\[50px\] {
height: 50px;
}
.h-auto {
height: auto;
}
.h-\[54px\] {
height: 54px;
}
.h-4 {
height: 1rem;
}
.h-9 {
height: 2.25rem;
}
.h-\[60px\] {
height: 60px;
}
.h-10 {
height: 2.5rem;
}
.h-\[78px\] {
height: 78px;
}
.h-6 {
height: 1.5rem;
}
.h-\[38px\] {
height: 38px;
}
.h-\[27px\] {
height: 27px;
}
.h-0 {
height: 0px;
}
.h-\[56px\] {
height: 56px;
}
.h-8 {
height: 2rem;
}
.h-96 {
height: 24rem;
}
.h-11 {
height: 2.75rem;
}
.h-3 {
height: 0.75rem;
}
.h-\[112px\] {
height: 112px;
}
.h-\[40px\] {
height: 40px;
}
.h-\[59px\] {
height: 59px;
}
.h-\[22px\] {
height: 22px;
}
.h-\[150px\] {
height: 150px;
}
.h-\[30px\] {
height: 30px;
}
.h-\[80px\] {
height: 80px;
}
.h-2 {
height: 0.5rem;
}
.h-\[37px\] {
height: 37px;
}
.h-\[18px\] {
height: 18px;
}
.\!h-auto {
height: auto !important;
}
.h-screen {
height: 100vh;
}
.h-48 {
height: 12rem;
}
.h-16 {
height: 4rem;
}
.h-12 {
height: 3rem;
}
.h-1\/2 {
height: 50%;
}
.h-64 {
height: 16rem;
}
.h-\[4px\] {
height: 4px;
}
.h-\[1\.125rem\] {
height: 1.125rem;
}
.h-3\.5 {
height: 0.875rem;
}
.max-h-full {
max-height: 100%;
}
.max-h-screen {
max-height: 100vh;
}
.max-h-\[50px\] {
max-height: 50px;
}
.max-h-\[75\%\] {
max-height: 75%;
}
.max-h-screen-75 {
max-height: 75vh;
}
.max-h-\[24px\] {
max-height: 24px;
}
.max-h-\[40px\] {
max-height: 40px;
}
.max-h-\[44px\] {
max-height: 44px;
}
.max-h-\[42px\] {
max-height: 42px;
}
.min-h-\[48px\] {
min-height: 48px;
}
.min-h-\[80px\] {
min-height: 80px;
}
.min-h-\[50px\] {
min-height: 50px;
}
.min-h-full {
min-height: 100%;
}
.min-h-\[60px\] {
min-height: 60px;
}
.min-h-\[150px\] {
min-height: 150px;
}
.min-h-\[28px\] {
min-height: 28px;
}
.min-h-0 {
min-height: 0px;
}
.min-h-\[20px\] {
min-height: 20px;
}
.min-h-14 {
min-height: 3.5rem;
}
.w-full {
width: 100%;
}
.w-5 {
width: 1.25rem;
}
.w-6 {
width: 1.5rem;
}
.w-12 {
width: 3rem;
}
.w-4 {
width: 1rem;
}
.w-10 {
width: 2.5rem;
}
.w-auto {
width: auto;
}
.w-9 {
width: 2.25rem;
}
.w-1\/4 {
width: 25%;
}
.w-3\/4 {
width: 75%;
}
.w-1\/2 {
width: 50%;
}
.w-\[calc\(100\%-10rem\)\] {
width: calc(100% - 10rem);
}
.w-40 {
width: 10rem;
}
.w-8 {
width: 2rem;
}
.w-11 {
width: 2.75rem;
}
.w-3 {
width: 0.75rem;
}
.w-\[110px\] {
width: 110px;
}
.w-\[95px\] {
width: 95px;
}
.w-\[40px\] {
width: 40px;
}
.w-8\/12 {
width: 66.666667%;
}
.w-4\/12 {
width: 33.333333%;
}
.w-\[70px\] {
width: 70px;
}
.w-1\/3 {
width: 33.333333%;
}
.w-\[calc\(100\%-80px\)\] {
width: calc(100% - 80px);
}
.w-2 {
width: 0.5rem;
}
.w-6\/12 {
width: 50%;
}
.w-20 {
width: 5rem;
}
.w-5\/12 {
width: 41.666667%;
}
.w-screen {
width: 100vw;
}
.w-80 {
width: 20rem;
}
.w-fit {
width: -moz-fit-content;
width: fit-content;
}
.w-64 {
width: 16rem;
}
.w-0 {
width: 0px;
}
.w-32 {
width: 8rem;
}
.w-56 {
width: 14rem;
}
.w-44 {
width: 11rem;
}
.w-60 {
width: 15rem;
}
.w-7\/12 {
width: 58.333333%;
}
.w-16 {
width: 4rem;
}
.w-\[50px\] {
width: 50px;
}
.w-\[60px\] {
width: 60px;
}
.w-\[34px\] {
width: 34px;
}
.w-\[1\.125rem\] {
width: 1.125rem;
}
.w-3\.5 {
width: 0.875rem;
}
.w-52 {
width: 13rem;
}
.w-\[49\%\] {
width: 49%;
}
.w-\[105px\] {
width: 105px;
}
.w-2\/6 {
width: 33.333333%;
}
.w-\[100px\] {
width: 100px;
}
.min-w-\[48px\] {
min-width: 48px;
}
.min-w-\[41px\] {
min-width: 41px;
}
.min-w-\[50\%\] {
min-width: 50%;
}
.min-w-\[40px\] {
min-width: 40px;
}
.min-w-\[90px\] {
min-width: 90px;
}
.min-w-20 {
min-width: 5rem;
}
.min-w-40 {
min-width: 10rem;
}
.min-w-48 {
min-width: 12rem;
}
.min-w-\[20px\] {
min-width: 20px;
}
.min-w-\[50px\] {
min-width: 50px;
}
.min-w-\[60px\] {
min-width: 60px;
}
.min-w-\[200px\] {
min-width: 200px;
}
.max-w-\[600px\] {
max-width: 600px;
}
.max-w-\[640px\] {
max-width: 640px;
}
.max-w-screen-2xl {
max-width: 1536px;
}
.max-w-full {
max-width: 100%;
}
.max-w-\[1100px\] {
max-width: 1100px;
}
.max-w-\[450px\] {
max-width: 450px;
}
.max-w-md {
max-width: 28rem;
}
.max-w-4xl {
max-width: 56rem;
}
.max-w-\[80px\] {
max-width: 80px;
}
.max-w-\[90px\] {
max-width: 90px;
}
.max-w-\[300px\] {
max-width: 300px;
}
.max-w-\[580px\] {
max-width: 580px;
}
.max-w-\[200px\] {
max-width: 200px;
}
.max-w-prose {
max-width: 65ch;
}
.max-w-xl {
max-width: 36rem;
}
.max-w-7xl {
max-width: 80rem;
}
.max-w-2xl {
max-width: 42rem;
}
.max-w-lg {
max-width: 32rem;
}
.max-w-\[50px\] {
max-width: 50px;
}
.max-w-\[250px\] {
max-width: 250px;
}
.max-w-screen-lg {
max-width: 1024px;
}
.max-w-fit {
max-width: -moz-fit-content;
max-width: fit-content;
}
.flex-none {
flex: none;
}
.flex-1 {
flex: 1 1 0%;
}
.flex-shrink-0 {
flex-shrink: 0;
}
.shrink-0 {
flex-shrink: 0;
}
.shrink {
flex-shrink: 1;
}
.flex-grow {
flex-grow: 1;
}
.flex-grow-0 {
flex-grow: 0;
}
.grow {
flex-grow: 1;
}
.grow-0 {
flex-grow: 0;
}
.basis-full {
flex-basis: 100%;
}
.table-auto {
table-layout: auto;
}
.border-collapse {
border-collapse: collapse;
}
.origin-top-right {
transform-origin: top right;
}
.origin-bottom-left {
transform-origin: bottom left;
}
.origin-top-left {
transform-origin: top left;
}
.translate-y-1\/2 {
--tw-translate-y: 50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-full {
--tw-translate-x: 100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0 {
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-20 {
--tw-translate-y: 5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
--tw-translate-y: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-20 {
--tw-translate-x: -5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-20 {
--tw-translate-y: -5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-20 {
--tw-translate-x: 5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-full {
--tw-translate-y: 100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full {
--tw-translate-x: -100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-full {
--tw-translate-y: -100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-8 {
--tw-translate-y: -2rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-1\/2 {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-5 {
--tw-translate-x: -1.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-12 {
--tw-translate-y: 3rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90 {
--tw-rotate: -90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
--tw-rotate: 45deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-0 {
--tw-scale-x: 0;
--tw-scale-y: 0;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.animate-spin {
animation: spin 1s linear infinite;
}
@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);
}
}
.animate-bounce {
animation: bounce 1s infinite;
}
@keyframes ping {
75%, 100% {
transform: scale(2);
opacity: 0;
}
}
.animate-ping {
animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
.cursor-pointer {
cursor: pointer;
}
.cursor-not-allowed {
cursor: not-allowed;
}
.cursor-default {
cursor: default;
}
.select-none {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.resize-none {
resize: none;
}
.resize-y {
resize: vertical;
}
.resize {
resize: both;
}
.list-disc {
list-style-type: disc;
}
.list-decimal {
list-style-type: decimal;
}
.grid-flow-row {
grid-auto-flow: row;
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-1 {
grid-template-columns: repeat(1, 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-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.\!flex-row {
flex-direction: row !important;
}
.flex-row {
flex-direction: row;
}
.flex-row-reverse {
flex-direction: row-reverse;
}
.flex-col {
flex-direction: column;
}
.flex-col-reverse {
flex-direction: column-reverse;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-nowrap {
flex-wrap: nowrap;
}
.place-items-end {
place-items: end;
}
.place-items-center {
place-items: center;
}
.content-center {
align-content: center;
}
.content-end {
align-content: flex-end;
}
.items-start {
align-items: flex-start;
}
.items-end {
align-items: flex-end;
}
.items-center {
align-items: center;
}
.items-baseline {
align-items: baseline;
}
.items-stretch {
align-items: stretch;
}
.justify-start {
justify-content: flex-start;
}
.\!justify-start {
justify-content: flex-start !important;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.justify-evenly {
justify-content: space-evenly;
}
.gap-5 {
gap: 1.25rem;
}
.gap-2 {
gap: 0.5rem;
}
.gap-4 {
gap: 1rem;
}
.gap-1\.5 {
gap: 0.375rem;
}
.gap-1 {
gap: 0.25rem;
}
.gap-10 {
gap: 2.5rem;
}
.gap-8 {
gap: 2rem;
}
.gap-6 {
gap: 1.5rem;
}
.gap-3 {
gap: 0.75rem;
}
.gap-x-4 {
-moz-column-gap: 1rem;
column-gap: 1rem;
}
.gap-y-8 {
row-gap: 2rem;
}
.gap-y-0 {
row-gap: 0px;
}
.gap-x-1 {
-moz-column-gap: 0.25rem;
column-gap: 0.25rem;
}
.gap-x-3 {
-moz-column-gap: 0.75rem;
column-gap: 0.75rem;
}
.gap-y-2 {
row-gap: 0.5rem;
}
.gap-x-2 {
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.gap-x-5 {
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
}
.gap-y-16 {
row-gap: 4rem;
}
.gap-y-4 {
row-gap: 1rem;
}
.gap-x-7 {
-moz-column-gap: 1.75rem;
column-gap: 1.75rem;
}
.gap-y-1 {
row-gap: 0.25rem;
}
.gap-x-2\.5 {
-moz-column-gap: 0.625rem;
column-gap: 0.625rem;
}
.gap-x-1\.5 {
-moz-column-gap: 0.375rem;
column-gap: 0.375rem;
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.25rem * var(--tw-space-x-reverse));
margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.125rem * var(--tw-space-x-reverse));
margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-0 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0px * var(--tw-space-x-reverse));
margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.self-start {
align-self: flex-start;
}
.self-end {
align-self: flex-end;
}
.self-center {
align-self: center;
}
.self-stretch {
align-self: stretch;
}
.justify-self-center {
justify-self: center;
}
.overflow-auto {
overflow: auto;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-visible {
overflow: visible;
}
.overflow-x-auto {
overflow-x: auto;
}
.overflow-y-auto {
overflow-y: auto;
}
.overflow-x-hidden {
overflow-x: hidden;
}
.overflow-y-hidden {
overflow-y: hidden;
}
.overflow-x-scroll {
overflow-x: scroll;
}
.overscroll-y-contain {
overscroll-behavior-y: contain;
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.whitespace-nowrap {
white-space: nowrap;
}
.whitespace-pre-line {
white-space: pre-line;
}
.whitespace-pre-wrap {
white-space: pre-wrap;
}
.break-words {
overflow-wrap: break-word;
}
.break-all {
word-break: break-all;
}
.\!rounded-none {
border-radius: 0px !important;
}
.rounded-lg {
border-radius: 0.5rem;
}
.rounded-md {
border-radius: 0.375rem;
}
.rounded {
border-radius: 0.25rem;
}
.rounded-full {
border-radius: 9999px;
}
.rounded-sm {
border-radius: 0.125rem;
}
.rounded-\[30px\] {
border-radius: 30px;
}
.rounded-none {
border-radius: 0px;
}
.rounded-t-lg {
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.rounded-b-lg {
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.rounded-b-none {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.rounded-l-md {
border-top-left-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.rounded-r-md {
border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
}
.rounded-l {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.rounded-l-none {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.rounded-r {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.rounded-t-md {
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
}
.border {
border-width: 1px;
}
.border-0 {
border-width: 0;
}
.border-2 {
border-width: 2px;
}
.border-4 {
border-width: 4px;
}
.border-x {
border-left-width: 1px;
border-right-width: 1px;
}
.border-b {
border-bottom-width: 1px;
}
.border-t {
border-top-width: 1px;
}
.border-t-0 {
border-top-width: 0;
}
.border-b-2 {
border-bottom-width: 2px;
}
.border-l {
border-left-width: 1px;
}
.border-r {
border-right-width: 1px;
}
.border-l-4 {
border-left-width: 4px;
}
.border-r-0 {
border-right-width: 0;
}
.border-l-0 {
border-left-width: 0;
}
.border-t-2 {
border-top-width: 2px;
}
.border-l-2 {
border-left-width: 2px;
}
.border-b-0 {
border-bottom-width: 0;
}
.border-dashed {
border-style: dashed;
}
.border-none {
border-style: none;
}
.border-container-darker {
--tw-border-opacity: 1;
border-color: rgb(182 182 182 / var(--tw-border-opacity));
}
.border-gray-special {
--tw-border-opacity: 1;
border-color: rgb(222 218 215 / var(--tw-border-opacity));
}
.border-oldgreen {
--tw-border-opacity: 1;
border-color: rgb(37 114 45 / var(--tw-border-opacity));
}
.border-container {
--tw-border-opacity: 1;
border-color: rgb(231 231 231 / var(--tw-border-opacity));
}
.border-gray-200 {
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-black {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-current {
border-color: currentColor;
}
.border-gray-300 {
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-gray-100 {
--tw-border-opacity: 1;
border-color: rgb(243 244 246 / var(--tw-border-opacity));
}
.border-black-10 {
--tw-border-opacity: 1;
border-color: rgb(229 229 229 / var(--tw-border-opacity));
}
.border-black-5 {
--tw-border-opacity: 1;
border-color: rgb(242 242 242 / var(--tw-border-opacity));
}
.border-alexandrite {
--tw-border-opacity: 1;
border-color: rgb(38 75 71 / var(--tw-border-opacity));
}
.border-primary {
--tw-border-opacity: 1;
border-color: rgb(29 78 216 / var(--tw-border-opacity));
}
.border-transparent {
border-color: transparent;
}
.border-red-700 {
--tw-border-opacity: 1;
border-color: rgb(185 28 28 / var(--tw-border-opacity));
}
.border-green-400 {
--tw-border-opacity: 1;
border-color: rgb(52 211 153 / var(--tw-border-opacity));
}
.border-green-link {
--tw-border-opacity: 1;
border-color: rgb(8 119 3 / var(--tw-border-opacity));
}
.border-bronze {
--tw-border-opacity: 1;
border-color: rgb(212 183 149 / var(--tw-border-opacity));
}
.border-yellow-400 {
--tw-border-opacity: 1;
border-color: rgb(251 191 36 / var(--tw-border-opacity));
}
.border-container-lighter {
--tw-border-opacity: 1;
border-color: rgb(245 245 245 / var(--tw-border-opacity));
}
.border-red-500 {
--tw-border-opacity: 1;
border-color: rgb(239 68 68 / var(--tw-border-opacity));
}
.border-blue-500 {
--tw-border-opacity: 1;
border-color: rgb(59 130 246 / var(--tw-border-opacity));
}
.border-gray-600 {
--tw-border-opacity: 1;
border-color: rgb(75 85 99 / var(--tw-border-opacity));
}
.border-red-600 {
--tw-border-opacity: 1;
border-color: rgb(220 38 38 / var(--tw-border-opacity));
}
.border-slate-400 {
--tw-border-opacity: 1;
border-color: rgb(148 163 184 / var(--tw-border-opacity));
}
.border-slate-300 {
--tw-border-opacity: 1;
border-color: rgb(203 213 225 / var(--tw-border-opacity));
}
.border-white {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-gray-400 {
--tw-border-opacity: 1;
border-color: rgb(156 163 175 / var(--tw-border-opacity));
}
.bg-white\/60 {
background-color: rgb(255 255 255 / 0.6);
}
.bg-green-action {
--tw-bg-opacity: 1;
background-color: rgb(141 242 142 / var(--tw-bg-opacity));
}
.bg-container-darker {
--tw-bg-opacity: 1;
background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.bg-grey-90 {
--tw-bg-opacity: 1;
background-color: rgb(235 235 235 / var(--tw-bg-opacity));
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-limestone {
--tw-bg-opacity: 1;
background-color: rgb(246 241 234 / var(--tw-bg-opacity));
}
.bg-oldgreen {
--tw-bg-opacity: 1;
background-color: rgb(37 114 45 / var(--tw-bg-opacity));
}
.bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-brown-lighter {
--tw-bg-opacity: 1;
background-color: rgb(253 240 213 / var(--tw-bg-opacity));
}
.bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-gray-200 {
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-transparent {
background-color: transparent;
}
.bg-dark-alexandrite {
--tw-bg-opacity: 1;
background-color: rgb(6 51 47 / var(--tw-bg-opacity));
}
.bg-alexandrite {
--tw-bg-opacity: 1;
background-color: rgb(38 75 71 / var(--tw-bg-opacity));
}
.bg-white\/70 {
background-color: rgb(255 255 255 / 0.7);
}
.bg-container {
--tw-bg-opacity: 1;
background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.bg-container-lighter {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-gray-600 {
--tw-bg-opacity: 1;
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
.bg-red-kk {
--tw-bg-opacity: 1;
background-color: rgb(224 33 36 / var(--tw-bg-opacity));
}
.bg-red-500 {
--tw-bg-opacity: 1;
background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.bg-grey-80 {
--tw-bg-opacity: 1;
background-color: rgb(206 206 206 / var(--tw-bg-opacity));
}
.bg-grey-50 {
--tw-bg-opacity: 1;
background-color: rgb(120 117 115 / var(--tw-bg-opacity));
}
.bg-\[\#f6f6f6\] {
--tw-bg-opacity: 1;
background-color: rgb(246 246 246 / var(--tw-bg-opacity));
}
.bg-yellow-100 {
--tw-bg-opacity: 1;
background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}
.bg-gray-500 {
--tw-bg-opacity: 1;
background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}
.bg-container-lighter\/95 {
background-color: rgb(255 255 255 / 0.95);
}
.bg-primary {
--tw-bg-opacity: 1;
background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}
.bg-blue-600 {
--tw-bg-opacity: 1;
background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}
.bg-gray-900 {
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.bg-white\/25 {
background-color: rgb(255 255 255 / 0.25);
}
.bg-yellow-500 {
--tw-bg-opacity: 1;
background-color: rgb(245 158 11 / var(--tw-bg-opacity));
}
.bg-blue-50 {
--tw-bg-opacity: 1;
background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}
.bg-red-50 {
--tw-bg-opacity: 1;
background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}
.bg-\[\#e5e3df\] {
--tw-bg-opacity: 1;
background-color: rgb(229 227 223 / var(--tw-bg-opacity));
}
.bg-red-100 {
--tw-bg-opacity: 1;
background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}
.bg-blue-500 {
--tw-bg-opacity: 1;
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-gray-800 {
--tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.bg-inherit {
background-color: inherit;
}
.bg-indigo-200 {
--tw-bg-opacity: 1;
background-color: rgb(199 210 254 / var(--tw-bg-opacity));
}
.bg-indigo-500 {
--tw-bg-opacity: 1;
background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}
.bg-\[\#4db2ec\] {
--tw-bg-opacity: 1;
background-color: rgb(77 178 236 / var(--tw-bg-opacity));
}
.bg-\[\#1d4ed8\] {
--tw-bg-opacity: 1;
background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}
.bg-\[\#fff\] {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-opacity-40 {
--tw-bg-opacity: 0.4;
}
.bg-opacity-25 {
--tw-bg-opacity: 0.25;
}
.bg-opacity-100 {
--tw-bg-opacity: 1;
}
.bg-opacity-75 {
--tw-bg-opacity: 0.75;
}
.bg-opacity-50 {
--tw-bg-opacity: 0.5;
}
.bg-opacity-95 {
--tw-bg-opacity: 0.95;
}
.bg-opacity-90 {
--tw-bg-opacity: 0.9;
}
.bg-opacity-10 {
--tw-bg-opacity: 0.1;
}
.bg-gradient-to-r {
background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-l {
background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.from-white {
--tw-gradient-from: #FFFFFF;
--tw-gradient-to: rgb(255 255 255 / 0);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.bg-cover {
background-size: cover;
}
.bg-center {
background-position: center;
}
.bg-no-repeat {
background-repeat: no-repeat;
}
.fill-current {
fill: currentColor;
}
.fill-black\/20 {
fill: rgb(0 0 0 / 0.2);
}
.stroke-current {
stroke: currentColor;
}
.stroke-white\/75 {
stroke: rgb(255 255 255 / 0.75);
}
.stroke-1 {
stroke-width: 1;
}
.stroke-2 {
stroke-width: 2;
}
.object-contain {
-o-object-fit: contain;
object-fit: contain;
}
.object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.object-center {
-o-object-position: center;
object-position: center;
}
.p-5 {
padding: 1.25rem;
}
.\!p-0 {
padding: 0px !important;
}
.p-2\.5 {
padding: 0.625rem;
}
.p-2 {
padding: 0.5rem;
}
.p-1 {
padding: 0.25rem;
}
.p-3 {
padding: 0.75rem;
}
.p-0 {
padding: 0px;
}
.p-0\.5 {
padding: 0.125rem;
}
.p-4 {
padding: 1rem;
}
.p-10 {
padding: 2.5rem;
}
.p-\[5px\] {
padding: 5px;
}
.p-8 {
padding: 2rem;
}
.p-6 {
padding: 1.5rem;
}
.p-\[13px\] {
padding: 13px;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.py-\[14px\] {
padding-top: 14px;
padding-bottom: 14px;
}
.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.py-1\.5 {
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
.py-2\.5 {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.px-2\.5 {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.py-\[15px\] {
padding-top: 15px;
padding-bottom: 15px;
}
.py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.px-0 {
padding-left: 0px;
padding-right: 0px;
}
.py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.py-3\.5 {
padding-top: 0.875rem;
padding-bottom: 0.875rem;
}
.px-0\.5 {
padding-left: 0.125rem;
padding-right: 0.125rem;
}
.py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.px-12 {
padding-left: 3rem;
padding-right: 3rem;
}
.pt-5 {
padding-top: 1.25rem;
}
.pb-2\.5 {
padding-bottom: 0.625rem;
}
.pb-2 {
padding-bottom: 0.5rem;
}
.pb-5 {
padding-bottom: 1.25rem;
}
.pr-10 {
padding-right: 2.5rem;
}
.pt-1 {
padding-top: 0.25rem;
}
.pt-\[2px\] {
padding-top: 2px;
}
.pt-4 {
padding-top: 1rem;
}
.pt-2\.5 {
padding-top: 0.625rem;
}
.pt-2 {
padding-top: 0.5rem;
}
.pb-4 {
padding-bottom: 1rem;
}
.pb-3 {
padding-bottom: 0.75rem;
}
.pr-4 {
padding-right: 1rem;
}
.pt-3 {
padding-top: 0.75rem;
}
.pb-1 {
padding-bottom: 0.25rem;
}
.pl-2 {
padding-left: 0.5rem;
}
.pb-3\.5 {
padding-bottom: 0.875rem;
}
.pt-\[30px\] {
padding-top: 30px;
}
.pt-6 {
padding-top: 1.5rem;
}
.pr-24 {
padding-right: 6rem;
}
.pb-8 {
padding-bottom: 2rem;
}
.pt-12 {
padding-top: 3rem;
}
.pb-12 {
padding-bottom: 3rem;
}
.pt-\[135\%\] {
padding-top: 135%;
}
.pr-2 {
padding-right: 0.5rem;
}
.pl-2\.5 {
padding-left: 0.625rem;
}
.pt-\[13px\] {
padding-top: 13px;
}
.pt-\[3px\] {
padding-top: 3px;
}
.pt-0\.5 {
padding-top: 0.125rem;
}
.pt-0 {
padding-top: 0px;
}
.pl-4 {
padding-left: 1rem;
}
.pr-2\.5 {
padding-right: 0.625rem;
}
.pr-\[5px\] {
padding-right: 5px;
}
.pr-1 {
padding-right: 0.25rem;
}
.pl-1 {
padding-left: 0.25rem;
}
.pr-\[100px\] {
padding-right: 100px;
}
.pl-5 {
padding-left: 1.25rem;
}
.pt-8 {
padding-top: 2rem;
}
.pb-\[135\%\] {
padding-bottom: 135%;
}
.pr-6 {
padding-right: 1.5rem;
}
.pb-6 {
padding-bottom: 1.5rem;
}
.pt-16 {
padding-top: 4rem;
}
.pl-6 {
padding-left: 1.5rem;
}
.pl-3 {
padding-left: 0.75rem;
}
.pb-16 {
padding-bottom: 4rem;
}
.pb-20 {
padding-bottom: 5rem;
}
.pr-\[50px\] {
padding-right: 50px;
}
.pr-9 {
padding-right: 2.25rem;
}
.pl-8 {
padding-left: 2rem;
}
.pb-7 {
padding-bottom: 1.75rem;
}
.pt-7 {
padding-top: 1.75rem;
}
.pb-per70 {
padding-bottom: 70%;
}
.pb-10 {
padding-bottom: 2.5rem;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-start {
text-align: start;
}
.align-top {
vertical-align: top;
}
.align-middle {
vertical-align: middle;
}
.font-sans {
font-family: p22-underground, Helvetica Neue, Arial, sans-serif;
}
.text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
.text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
}
.text-\[22px\] {
font-size: 22px;
}
.font-semibold {
font-weight: 600;
}
.font-black {
font-weight: 900;
}
.font-bold {
font-weight: 700;
}
.font-medium {
font-weight: 500;
}
.font-light {
font-weight: 300;
}
.font-normal {
font-weight: 400;
}
.font-extrabold {
font-weight: 800;
}
.uppercase {
text-transform: uppercase;
}
.lowercase {
text-transform: lowercase;
}
.capitalize {
text-transform: capitalize;
}
.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);
}
.leading-5 {
line-height: 1.25rem;
}
.leading-8 {
line-height: 2rem;
}
.leading-relaxed {
line-height: 1.625;
}
.leading-snug {
line-height: 1.375;
}
.leading-none {
line-height: 1;
}
.leading-loose {
line-height: 2;
}
.leading-tight {
line-height: 1.25;
}
.leading-6 {
line-height: 1.5rem;
}
.leading-normal {
line-height: 1.5;
}
.leading-7 {
line-height: 1.75rem;
}
.leading-4 {
line-height: 1rem;
}
.leading-\[50px\] {
line-height: 50px;
}
.tracking-wide {
letter-spacing: 0.025em;
}
.tracking-wider {
letter-spacing: 0.05em;
}
.tracking-widest {
letter-spacing: 0.1em;
}
.tracking-tight {
letter-spacing: -0.025em;
}
.text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-red {
--tw-text-opacity: 1;
color: rgb(239 68 68 / var(--tw-text-opacity));
}
.text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-error {
--tw-text-opacity: 1;
color: rgb(224 43 39 / var(--tw-text-opacity));
}
.text-\[\#b6b6b6\] {
--tw-text-opacity: 1;
color: rgb(182 182 182 / var(--tw-text-opacity));
}
.text-green-link {
--tw-text-opacity: 1;
color: rgb(8 119 3 / var(--tw-text-opacity));
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-green {
--tw-text-opacity: 1;
color: rgb(0 100 0 / var(--tw-text-opacity));
}
.text-brown {
--tw-text-opacity: 1;
color: rgb(111 68 0 / var(--tw-text-opacity));
}
.text-gray-500 {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-700 {
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
.text-gray-400 {
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-black-50 {
--tw-text-opacity: 1;
color: rgb(120 117 115 / var(--tw-text-opacity));
}
.text-gray-900 {
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-gold {
--tw-text-opacity: 1;
color: rgb(227 174 87 / var(--tw-text-opacity));
}
.text-primary {
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-secondary {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-secondary-darker {
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-blue-900 {
--tw-text-opacity: 1;
color: rgb(30 58 138 / var(--tw-text-opacity));
}
.text-primary-lighter {
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
.text-gray-800 {
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-gray-200 {
--tw-text-opacity: 1;
color: rgb(229 231 235 / var(--tw-text-opacity));
}
.text-gray-300 {
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
}
.text-dark-alexandrite {
--tw-text-opacity: 1;
color: rgb(6 51 47 / var(--tw-text-opacity));
}
.text-yellow-400 {
--tw-text-opacity: 1;
color: rgb(251 191 36 / var(--tw-text-opacity));
}
.text-orange-400 {
--tw-text-opacity: 1;
color: rgb(251 146 60 / var(--tw-text-opacity));
}
.text-\[\#227496\] {
--tw-text-opacity: 1;
color: rgb(34 116 150 / var(--tw-text-opacity));
}
.text-red-600 {
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity));
}
.text-red-800 {
--tw-text-opacity: 1;
color: rgb(153 27 27 / var(--tw-text-opacity));
}
.text-red-700 {
--tw-text-opacity: 1;
color: rgb(185 28 28 / var(--tw-text-opacity));
}
.text-slate-300 {
--tw-text-opacity: 1;
color: rgb(203 213 225 / var(--tw-text-opacity));
}
.text-slate-600 {
--tw-text-opacity: 1;
color: rgb(71 85 105 / var(--tw-text-opacity));
}
.text-slate-700 {
--tw-text-opacity: 1;
color: rgb(51 65 85 / var(--tw-text-opacity));
}
.text-yellow-600 {
--tw-text-opacity: 1;
color: rgb(217 119 6 / var(--tw-text-opacity));
}
.text-slate-800 {
--tw-text-opacity: 1;
color: rgb(30 41 59 / var(--tw-text-opacity));
}
.text-slate-500 {
--tw-text-opacity: 1;
color: rgb(100 116 139 / var(--tw-text-opacity));
}
.text-red-500 {
--tw-text-opacity: 1;
color: rgb(239 68 68 / var(--tw-text-opacity));
}
.text-\[\#7d7d7d\] {
--tw-text-opacity: 1;
color: rgb(125 125 125 / var(--tw-text-opacity));
}
.text-\[\#222\] {
--tw-text-opacity: 1;
color: rgb(34 34 34 / var(--tw-text-opacity));
}
.text-\[\#bbb\] {
--tw-text-opacity: 1;
color: rgb(187 187 187 / var(--tw-text-opacity));
}
.text-title {
--tw-text-opacity: 1;
color: rgb(51 51 51 / var(--tw-text-opacity));
}
.text-\[\#555\] {
--tw-text-opacity: 1;
color: rgb(85 85 85 / var(--tw-text-opacity));
}
.text-\[\#777\] {
--tw-text-opacity: 1;
color: rgb(119 119 119 / var(--tw-text-opacity));
}
.text-transparent {
color: transparent;
}
.text-blue-500 {
--tw-text-opacity: 1;
color: rgb(59 130 246 / var(--tw-text-opacity));
}
.underline {
text-decoration-line: underline;
}
.line-through {
text-decoration-line: line-through;
}
.no-underline {
text-decoration-line: none;
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.opacity-25 {
opacity: 0.25;
}
.opacity-75 {
opacity: 0.75;
}
.opacity-70 {
opacity: 0.7;
}
.opacity-0 {
opacity: 0;
}
.opacity-100 {
opacity: 1;
}
.opacity-50 {
opacity: 0.5;
}
.opacity-60 {
opacity: 0.6;
}
.opacity-5 {
opacity: 0.05;
}
.mix-blend-darken {
mix-blend-mode: darken;
}
.shadow-2xl {
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow {
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_15px_30px_5px_rgba\(0\2c 0\2c 0\2c 0\.2\)\] {
--tw-shadow: 0 15px 30px 5px rgba(0,0,0,0.2);
--tw-shadow-colored: 0 15px 30px 5px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
outline: 2px solid transparent;
outline-offset: 2px;
}
.outline {
outline-style: solid;
}
.outline-offset-2 {
outline-offset: 2px;
}
.ring {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-blue-500\/50 {
--tw-ring-color: rgb(59 130 246 / 0.5);
}
.ring-primary {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity));
}
.ring-red-500 {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
}
.ring-primary\/50 {
--tw-ring-color: rgb(30 64 175 / 0.5);
}
.ring-primary\/75 {
--tw-ring-color: rgb(30 64 175 / 0.75);
}
.ring-opacity-50 {
--tw-ring-opacity: 0.5;
}
.ring-offset-2 {
--tw-ring-offset-width: 2px;
}
.blur {
--tw-blur: blur(8px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.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-sm {
--tw-backdrop-blur: blur(4px);
-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-all {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-colors {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-transform {
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-none {
transition-property: none;
}
.duration-300 {
transition-duration: 300ms;
}
.duration-500 {
transition-duration: 500ms;
}
.duration-150 {
transition-duration: 150ms;
}
.duration-100 {
transition-duration: 100ms;
}
.duration-200 {
transition-duration: 200ms;
}
.ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.ease-in {
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
/* This class only exists for backwards compatibility, */
/* The default is applied in tailwind.config.js since Hyvä 1.2.0 */
.mask-overflow {
--tw-mask-dir: to right;
--tw-mask-size: 2rem;
--tw-mask-color: 0 0 0;
/* rgb color keys */
--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);
}
.\[wire\:auto-save\] {
wire: auto-save;
}
.\[wire\:select\] {
wire: select;
}
.\[wire\:model\] {
wire: model;
}
.\[--line-before\:\#0000\] {
--line-before: #0000;
}
.\[--line-after\:theme\(colors\.primary\.DEFAULT\)\] {
--line-after: #1e40af;
}
.\[--line-before\:theme\(colors\.primary\.DEFAULT\)\] {
--line-before: #1e40af;
}
.\[wire\:model\.defer\] {
wire: model.defer;
}
.before\:h-3::before {
content: var(--tw-content);
height: 0.75rem;
}
.before\:w-3::before {
content: var(--tw-content);
width: 0.75rem;
}
.before\:shrink-0::before {
content: var(--tw-content);
flex-shrink: 0;
}
.before\:rounded-full::before {
content: var(--tw-content);
border-radius: 9999px;
}
.before\:bg-red-500::before {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.after\:opacity-0::after {
content: var(--tw-content);
opacity: 0;
}
.first\:mt-0:first-child {
margin-top: 0px;
}
.first\:pt-2\.5:first-child {
padding-top: 0.625rem;
}
.first\:pt-2:first-child {
padding-top: 0.5rem;
}
.first\:\[--line-before\:\#0000\]:first-child {
--line-before: #0000;
}
.last\:m-0:last-child {
margin: 0px;
}
.last\:mb-0:last-child {
margin-bottom: 0px;
}
.last\:mb-6:last-child {
margin-bottom: 1.5rem;
}
.last\:mr-0:last-child {
margin-right: 0px;
}
.last\:border-0:last-child {
border-width: 0;
}
.last\:border-b-0:last-child {
border-bottom-width: 0;
}
.last\:border-b:last-child {
border-bottom-width: 1px;
}
.last\:p-0:last-child {
padding: 0px;
}
.last\:pb-0:last-child {
padding-bottom: 0px;
}
.last\:\[--line-after\:\#0000\]:last-child {
--line-after: #0000;
}
.even\:bg-container-darker:nth-child(even) {
--tw-bg-opacity: 1;
background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.even\:bg-container:nth-child(even) {
--tw-bg-opacity: 1;
background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.invalid\:ring-2:invalid {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.invalid\:ring-red-500:invalid {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
}
.focus-within\:ring-1:focus-within {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-within\:ring-2:focus-within {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-within\:ring-4:focus-within {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-within\:ring-indigo-500:focus-within {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
}
.focus-within\:ring-offset-2:focus-within {
--tw-ring-offset-width: 2px;
}
.focus-within\:ring-offset-gray-100:focus-within {
--tw-ring-offset-color: #f3f4f6;
}
.hover\:-translate-x-0\.5:hover {
--tw-translate-x: -0.125rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-x-0:hover {
--tw-translate-x: -0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:translate-x-0\.5:hover {
--tw-translate-x: 0.125rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:translate-x-0:hover {
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-110:hover {
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:cursor-pointer:hover {
cursor: pointer;
}
.hover\:border-primary:hover {
--tw-border-opacity: 1;
border-color: rgb(29 78 216 / var(--tw-border-opacity));
}
.hover\:border-black:hover {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.hover\:bg-gray-200:hover {
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.hover\:bg-container-darker:hover {
--tw-bg-opacity: 1;
background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.hover\:bg-gray-100:hover {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.hover\:bg-green-action:hover {
--tw-bg-opacity: 1;
background-color: rgb(141 242 142 / var(--tw-bg-opacity));
}
.hover\:bg-black:hover {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.hover\:bg-primary\/10:hover {
background-color: rgb(29 78 216 / 0.1);
}
.hover\:bg-indigo-200:hover {
--tw-bg-opacity: 1;
background-color: rgb(199 210 254 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#4db2ec\]:hover {
--tw-bg-opacity: 1;
background-color: rgb(77 178 236 / var(--tw-bg-opacity));
}
.hover\:bg-blue-400:hover {
--tw-bg-opacity: 1;
background-color: rgb(96 165 250 / var(--tw-bg-opacity));
}
.hover\:bg-gray-900:hover {
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#222\]:hover {
--tw-bg-opacity: 1;
background-color: rgb(34 34 34 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#2563eb\]:hover {
--tw-bg-opacity: 1;
background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}
.hover\:bg-white:hover {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.hover\:bg-opacity-75:hover {
--tw-bg-opacity: 0.75;
}
.hover\:text-red-600:hover {
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity));
}
.hover\:text-yellow-500:hover {
--tw-text-opacity: 1;
color: rgb(245 158 11 / var(--tw-text-opacity));
}
.hover\:text-gray-600:hover {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity));
}
.hover\:text-secondary-darker:hover {
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
.hover\:text-black:hover {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.hover\:text-gray-400:hover {
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.hover\:text-gray-500:hover {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.hover\:text-white:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:text-primary:hover {
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
.hover\:text-primary-darker:hover {
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
.hover\:text-blue-600:hover {
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity));
}
.hover\:text-red:hover {
--tw-text-opacity: 1;
color: rgb(239 68 68 / var(--tw-text-opacity));
}
.hover\:underline:hover {
text-decoration-line: underline;
}
.hover\:no-underline:hover {
text-decoration-line: none;
}
.hover\:opacity-80:hover {
opacity: 0.8;
}
.hover\:opacity-100:hover {
opacity: 1;
}
.hover\:opacity-50:hover {
opacity: 0.5;
}
.hover\:opacity-70:hover {
opacity: 0.7;
}
.hover\:opacity-75:hover {
opacity: 0.75;
}
.hover\:shadow-sm:hover {
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-lg:hover {
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:not-sr-only:focus {
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal;
}
.focus\:absolute:focus {
position: absolute;
}
.focus\:z-10:focus {
z-index: 10;
}
.focus\:z-40:focus {
z-index: 40;
}
.focus\:z-30:focus {
z-index: 30;
}
.focus\:border-0:focus {
border-width: 0;
}
.focus\:border-black:focus {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.focus\:border-primary-lighter:focus {
--tw-border-opacity: 1;
border-color: rgb(37 99 235 / var(--tw-border-opacity));
}
.focus\:border-primary:focus {
--tw-border-opacity: 1;
border-color: rgb(29 78 216 / var(--tw-border-opacity));
}
.focus\:border-red-500:focus {
--tw-border-opacity: 1;
border-color: rgb(239 68 68 / var(--tw-border-opacity));
}
.focus\:border-blue-300:focus {
--tw-border-opacity: 1;
border-color: rgb(147 197 253 / var(--tw-border-opacity));
}
.focus\:border-transparent:focus {
border-color: transparent;
}
.focus\:bg-white:focus {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.focus\:text-gray-500:focus {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.focus\:text-gray-600:focus {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity));
}
.focus\:shadow-none:focus {
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.focus\:ring-0:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-transparent:focus {
--tw-ring-color: transparent;
}
.focus\:ring-blue-600:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity));
}
.focus\:ring-red-500:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
}
.focus\:ring-opacity-50:focus {
--tw-ring-opacity: 0.5;
}
.focus\:ring-offset-0:focus {
--tw-ring-offset-width: 0px;
}
.focus-visible\:outline-none:focus-visible {
outline: 2px solid transparent;
outline-offset: 2px;
}
.active\:bg-gray-100:active {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.active\:bg-green-action:active {
--tw-bg-opacity: 1;
background-color: rgb(141 242 142 / var(--tw-bg-opacity));
}
.active\:text-gray-500:active {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.active\:text-gray-700:active {
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
.active\:shadow:active {
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.active\:ring-0:active {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.disabled\:pointer-events-none:disabled {
pointer-events: none;
}
.disabled\:bg-gray-100:disabled {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.disabled\:opacity-75:disabled {
opacity: 0.75;
}
.disabled\:opacity-50:disabled {
opacity: 0.5;
}
.disabled\:opacity-25:disabled {
opacity: 0.25;
}
.disabled\:opacity-60:disabled {
opacity: 0.6;
}
.disabled\:shadow-none:disabled {
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:hover .group-hover\:-translate-x-0\.5 {
--tw-translate-x: -0.125rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:-translate-x-0 {
--tw-translate-x: -0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-110 {
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:bg-gray-300 {
--tw-bg-opacity: 1;
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity));
}
.group:hover .group-hover\:opacity-75 {
opacity: 0.75;
}
.group:disabled .group-disabled\:invisible {
visibility: hidden;
}
.group:disabled .group-disabled\:flex {
display: flex;
}
.aria-\[current\=step\]\:font-bold[aria-current=step] {
font-weight: 700;
}
.aria-\[current\=page\]\:underline[aria-current=page] {
text-decoration-line: underline;
}
.data-\[expanded\=true\]\:mb-3[data-expanded=true] {
margin-bottom: 0.75rem;
}
.data-\[expanded\=true\]\:h-auto[data-expanded=true] {
height: auto;
}
.data-\[sticky\=false\]\:translate-y-0[data-sticky=false] {
--tw-translate-y: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[active\]\:border-primary[data-active] {
--tw-border-opacity: 1;
border-color: rgb(29 78 216 / var(--tw-border-opacity));
}
.data-\[sticky\=false\]\:opacity-100[data-sticky=false] {
opacity: 1;
}
.data-\[expanded\=true\]\:mask-none[data-expanded=true] {
-webkit-mask-image: none;
mask-image: none;
}
[dir="rtl"] .rtl\:rotate-180 {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (prefers-reduced-motion: reduce) {
.motion-reduce\:transform-none {
transform: none;
}
}
@media (prefers-color-scheme: dark) {
.dark\:text-gray-400 {
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.dark\:text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
@media (min-width: 640px) {
.sm\:order-2 {
order: 2;
}
.sm\:order-3 {
order: 3;
}
.sm\:order-1 {
order: 1;
}
.sm\:col-span-2 {
grid-column: span 2 / span 2;
}
.sm\:col-span-6 {
grid-column: span 6 / span 6;
}
.sm\:-mx-8 {
margin-left: -2rem;
margin-right: -2rem;
}
.sm\:ml-8 {
margin-left: 2rem;
}
.sm\:ml-3 {
margin-left: 0.75rem;
}
.sm\:mt-0 {
margin-top: 0px;
}
.sm\:mr-2 {
margin-right: 0.5rem;
}
.sm\:ml-2 {
margin-left: 0.5rem;
}
.sm\:mr-8 {
margin-right: 2rem;
}
.sm\:mb-0 {
margin-bottom: 0px;
}
.sm\:ml-6 {
margin-left: 1.5rem;
}
.sm\:mt-4 {
margin-top: 1rem;
}
.sm\:block {
display: block;
}
.sm\:flex {
display: flex;
}
.sm\:h-72 {
height: 18rem;
}
.sm\:w-48 {
width: 12rem;
}
.sm\:w-5\/6 {
width: 83.333333%;
}
.sm\:w-auto {
width: auto;
}
.sm\:w-1\/2 {
width: 50%;
}
.sm\:w-96 {
width: 24rem;
}
.sm\:w-1\/3 {
width: 33.333333%;
}
.sm\:w-20 {
width: 5rem;
}
.sm\:max-w-none {
max-width: none;
}
.sm\:max-w-\[580px\] {
max-width: 580px;
}
.sm\:max-w-screen-sm {
max-width: 640px;
}
.sm\:table-fixed {
table-layout: fixed;
}
.sm\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sm\:grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm\:flex-row {
flex-direction: row;
}
.sm\:flex-nowrap {
flex-wrap: nowrap;
}
.sm\:items-start {
align-items: flex-start;
}
.sm\:justify-end {
justify-content: flex-end;
}
.sm\:justify-center {
justify-content: center;
}
.sm\:gap-8 {
gap: 2rem;
}
.sm\:gap-x-6 {
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
.sm\:overflow-hidden {
overflow: hidden;
}
.sm\:rounded-2xl {
border-radius: 1rem;
}
.sm\:px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.sm\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.sm\:py-24 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.sm\:py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.sm\:px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.sm\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.sm\:pr-5 {
padding-right: 1.25rem;
}
.sm\:pb-0 {
padding-bottom: 0px;
}
.sm\:text-left {
text-align: left;
}
.sm\:text-center {
text-align: center;
}
.sm\:text-right {
text-align: right;
}
.sm\:text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
}
.sm\:text-5xl {
font-size: 3rem;
line-height: 1;
}
.sm\:text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}
.sm\:text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.sm\:text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.sm\:duration-700 {
transition-duration: 700ms;
}
.sm\:\[\&_\.label-street\.sr-only\]\:not-sr-only .label-street.sr-only {
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal;
}
.sm\:\[\&_\.label-street\.sr-only\]\:invisible .label-street.sr-only {
visibility: hidden;
}
.sm\:\[\&_\.label-street\.sr-only\]\:mb-2 .label-street.sr-only {
margin-bottom: 0.5rem;
}
}
@media (min-width: 768px) {
.md\:visible {
visibility: visible;
}
.md\:relative {
position: relative;
}
.md\:sticky {
position: sticky;
}
.md\:top-0 {
top: 0px;
}
.md\:top-\[84px\] {
top: 84px;
}
.md\:right-5 {
right: 1.25rem;
}
.md\:order-2 {
order: 2;
}
.md\:order-1 {
order: 1;
}
.md\:order-3 {
order: 3;
}
.md\:col-span-3 {
grid-column: span 3 / span 3;
}
.md\:col-span-6 {
grid-column: span 6 / span 6;
}
.md\:col-span-9 {
grid-column: span 9 / span 9;
}
.md\:col-span-12 {
grid-column: span 12 / span 12;
}
.md\:col-span-1 {
grid-column: span 1 / span 1;
}
.md\:col-start-1 {
grid-column-start: 1;
}
.md\:col-start-auto {
grid-column-start: auto;
}
.md\:col-end-auto {
grid-column-end: auto;
}
.md\:row-span-2 {
grid-row: span 2 / span 2;
}
.md\:row-start-1 {
grid-row-start: 1;
}
.md\:row-start-auto {
grid-row-start: auto;
}
.md\:row-end-auto {
grid-row-end: auto;
}
.md\:float-right {
float: right;
}
.md\:float-left {
float: left;
}
.md\:my-0 {
margin-top: 0px;
margin-bottom: 0px;
}
.md\:mx-0 {
margin-left: 0px;
margin-right: 0px;
}
.md\:mx-6 {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.md\:-mx-4 {
margin-left: -1rem;
margin-right: -1rem;
}
.md\:mx-4 {
margin-left: 1rem;
margin-right: 1rem;
}
.md\:mx-auto {
margin-left: auto;
margin-right: auto;
}
.md\:mx-7 {
margin-left: 1.75rem;
margin-right: 1.75rem;
}
.md\:ml-6 {
margin-left: 1.5rem;
}
.md\:ml-0 {
margin-left: 0px;
}
.md\:mb-0 {
margin-bottom: 0px;
}
.md\:mr-5 {
margin-right: 1.25rem;
}
.md\:mr-0 {
margin-right: 0px;
}
.md\:mr-4 {
margin-right: 1rem;
}
.md\:mb-2\.5 {
margin-bottom: 0.625rem;
}
.md\:mb-2 {
margin-bottom: 0.5rem;
}
.md\:mb-4 {
margin-bottom: 1rem;
}
.md\:mb-1 {
margin-bottom: 0.25rem;
}
.md\:mt-1 {
margin-top: 0.25rem;
}
.md\:mb-8 {
margin-bottom: 2rem;
}
.md\:ml-5 {
margin-left: 1.25rem;
}
.md\:ml-auto {
margin-left: auto;
}
.md\:mr-8 {
margin-right: 2rem;
}
.md\:-mt-1 {
margin-top: -0.25rem;
}
.md\:mt-5 {
margin-top: 1.25rem;
}
.md\:mt-4 {
margin-top: 1rem;
}
.md\:mt-0 {
margin-top: 0px;
}
.md\:-mr-1 {
margin-right: -0.25rem;
}
.md\:block {
display: block;
}
.md\:inline-block {
display: inline-block;
}
.md\:flex {
display: flex;
}
.md\:grid {
display: grid;
}
.md\:hidden {
display: none;
}
.md\:h-full {
height: 100%;
}
.md\:h-auto {
height: auto;
}
.md\:h-11 {
height: 2.75rem;
}
.md\:h-6 {
height: 1.5rem;
}
.md\:h-24 {
height: 6rem;
}
.md\:h-96 {
height: 24rem;
}
.md\:max-h-full {
max-height: 100%;
}
.md\:w-1\/4 {
width: 25%;
}
.md\:w-3\/4 {
width: 75%;
}
.md\:w-auto {
width: auto;
}
.md\:w-1\/2 {
width: 50%;
}
.md\:w-2\/5 {
width: 40%;
}
.md\:w-1\/3 {
width: 33.333333%;
}
.md\:w-2\/6 {
width: 33.333333%;
}
.md\:w-7\/12 {
width: 58.333333%;
}
.md\:w-2\/3 {
width: 66.666667%;
}
.md\:w-\[80\%\] {
width: 80%;
}
.md\:w-5\/12 {
width: 41.666667%;
}
.md\:w-\[115px\] {
width: 115px;
}
.md\:w-2\/4 {
width: 50%;
}
.md\:w-\[74px\] {
width: 74px;
}
.md\:w-full {
width: 100%;
}
.md\:w-6 {
width: 1.5rem;
}
.md\:w-4\/6 {
width: 66.666667%;
}
.md\:w-24 {
width: 6rem;
}
.md\:w-\[50vw\] {
width: 50vw;
}
.md\:w-\[48\.9\%\] {
width: 48.9%;
}
.md\:w-5\/6 {
width: 83.333333%;
}
.md\:max-w-xs {
max-width: 20rem;
}
.md\:max-w-sm {
max-width: 24rem;
}
.md\:max-w-screen-md {
max-width: 768px;
}
.md\:shrink-0 {
flex-shrink: 0;
}
.md\:-translate-x-1\/3 {
--tw-translate-x: -33.333333%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.md\:rotate-0 {
--tw-rotate: 0deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.md\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.md\:grid-cols-\[42\%_minmax\(0\2c _1fr\)\] {
grid-template-columns: 42% minmax(0, 1fr);
}
.md\:grid-rows-\[min-content_minmax\(0\2c _1fr\)\] {
grid-template-rows: min-content minmax(0, 1fr);
}
.md\:flex-row {
flex-direction: row;
}
.md\:flex-row-reverse {
flex-direction: row-reverse;
}
.md\:flex-col {
flex-direction: column;
}
.md\:flex-col-reverse {
flex-direction: column-reverse;
}
.md\:flex-wrap {
flex-wrap: wrap;
}
.md\:items-start {
align-items: flex-start;
}
.md\:items-center {
align-items: center;
}
.md\:justify-start {
justify-content: flex-start;
}
.md\:justify-end {
justify-content: flex-end;
}
.md\:justify-center {
justify-content: center;
}
.md\:justify-between {
justify-content: space-between;
}
.md\:gap-4 {
gap: 1rem;
}
.md\:gap-0 {
gap: 0px;
}
.md\:gap-1 {
gap: 0.25rem;
}
.md\:gap-x-5 {
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
}
.md\:gap-x-6 {
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
.md\:gap-x-2 {
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.md\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.md\:justify-self-start {
justify-self: start;
}
.md\:justify-self-end {
justify-self: end;
}
.md\:overflow-auto {
overflow: auto;
}
.md\:rounded-none {
border-radius: 0px;
}
.md\:border {
border-width: 1px;
}
.md\:border-0 {
border-width: 0;
}
.md\:border-none {
border-style: none;
}
.md\:border-gray-300 {
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.md\:bg-transparent {
background-color: transparent;
}
.md\:bg-container-lighter {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.md\:p-4 {
padding: 1rem;
}
.md\:p-10 {
padding: 2.5rem;
}
.md\:p-1 {
padding: 0.25rem;
}
.md\:p-0 {
padding: 0px;
}
.md\:p-5 {
padding: 1.25rem;
}
.md\:p-0\.5 {
padding: 0.125rem;
}
.md\:px-2\.5 {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.md\:px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.md\:py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.md\:py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.md\:px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.md\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.md\:py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.md\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.md\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.md\:px-7 {
padding-left: 1.75rem;
padding-right: 1.75rem;
}
.md\:py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.md\:px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.md\:py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.md\:pl-6 {
padding-left: 1.5rem;
}
.md\:pr-2 {
padding-right: 0.5rem;
}
.md\:pl-5 {
padding-left: 1.25rem;
}
.md\:pt-0 {
padding-top: 0px;
}
.md\:pr-6 {
padding-right: 1.5rem;
}
.md\:pl-16 {
padding-left: 4rem;
}
.md\:pb-6 {
padding-bottom: 1.5rem;
}
.md\:pr-5 {
padding-right: 1.25rem;
}
.md\:pr-0 {
padding-right: 0px;
}
.md\:pl-2\.5 {
padding-left: 0.625rem;
}
.md\:pl-2 {
padding-left: 0.5rem;
}
.md\:pr-4 {
padding-right: 1rem;
}
.md\:pl-7 {
padding-left: 1.75rem;
}
.md\:pt-4 {
padding-top: 1rem;
}
.md\:text-left {
text-align: left;
}
.md\:text-center {
text-align: center;
}
.md\:text-start {
text-align: start;
}
.md\:text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.md\:text-\[2rem\] {
font-size: 2rem;
}
.md\:text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.md\:text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
}
.md\:text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.md\:text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}
.md\:text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.md\:text-6xl {
font-size: 3.75rem;
line-height: 1;
}
.md\:text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.md\:font-bold {
font-weight: 700;
}
.md\:uppercase {
text-transform: uppercase;
}
.md\:leading-\[3rem\] {
line-height: 3rem;
}
.md\:tracking-wide {
letter-spacing: 0.025em;
}
.md\:btn-primary {
--tw-bg-opacity: 1;
background-color: rgb(29 78 216 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.md\:btn-primary:hover {
--tw-bg-opacity: 1;
background-color: rgb(37 99 235 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.md\:last\:m-0:last-child {
margin: 0px;
}
.md\:\[\&_label\.sr-only\]\:not-sr-only label.sr-only {
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal;
}
.md\:\[\&_label\.sr-only\]\:invisible label.sr-only {
visibility: hidden;
}
.md\:\[\&_label\.sr-only\]\:mb-2 label.sr-only {
margin-bottom: 0.5rem;
}
}
@media (min-width: 1024px) {
.lg\:sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.lg\:absolute {
position: absolute;
}
.lg\:relative {
position: relative;
}
.lg\:sticky {
position: sticky;
}
.lg\:inset-y-0 {
top: 0px;
bottom: 0px;
}
.lg\:bottom-auto {
bottom: auto;
}
.lg\:right-auto {
right: auto;
}
.lg\:top-\[var\(--msrp-block-offset\)\] {
top: var(--msrp-block-offset);
}
.lg\:left-\[var\(--msrp-inline-offset\)\] {
left: var(--msrp-inline-offset);
}
.lg\:top-2 {
top: 0.5rem;
}
.lg\:right-0 {
right: 0px;
}
.lg\:left-0 {
left: 0px;
}
.lg\:top-6 {
top: 1.5rem;
}
.lg\:order-2 {
order: 2;
}
.lg\:order-1 {
order: 1;
}
.lg\:col-span-2 {
grid-column: span 2 / span 2;
}
.lg\:col-span-6 {
grid-column: span 6 / span 6;
}
.lg\:col-start-2 {
grid-column-start: 2;
}
.lg\:ml-2 {
margin-left: 0.5rem;
}
.lg\:mr-6 {
margin-right: 1.5rem;
}
.lg\:mt-3 {
margin-top: 0.75rem;
}
.lg\:mt-0 {
margin-top: 0px;
}
.lg\:mb-5 {
margin-bottom: 1.25rem;
}
.lg\:mb-4 {
margin-bottom: 1rem;
}
.lg\:mt-5 {
margin-top: 1.25rem;
}
.lg\:ml-0 {
margin-left: 0px;
}
.lg\:ml-5 {
margin-left: 1.25rem;
}
.lg\:mt-8 {
margin-top: 2rem;
}
.lg\:mr-4 {
margin-right: 1rem;
}
.lg\:block {
display: block;
}
.lg\:inline-block {
display: inline-block;
}
.lg\:inline {
display: inline;
}
.lg\:flex {
display: flex;
}
.lg\:inline-flex {
display: inline-flex;
}
.lg\:table-cell {
display: table-cell;
}
.lg\:table-header-group {
display: table-header-group;
}
.lg\:table-row {
display: table-row;
}
.lg\:grid {
display: grid;
}
.lg\:hidden {
display: none;
}
.lg\:h-full {
height: 100%;
}
.lg\:min-h-0 {
min-height: 0px;
}
.lg\:w-1\/3 {
width: 33.333333%;
}
.lg\:w-1\/2 {
width: 50%;
}
.lg\:w-\[98px\] {
width: 98px;
}
.lg\:w-auto {
width: auto;
}
.lg\:w-56 {
width: 14rem;
}
.lg\:w-1\/4 {
width: 25%;
}
.lg\:w-2\/3 {
width: 66.666667%;
}
.lg\:w-80 {
width: 20rem;
}
.lg\:max-w-xs {
max-width: 20rem;
}
.lg\:max-w-none {
max-width: none;
}
.lg\:max-w-screen-lg {
max-width: 1024px;
}
.lg\:flex-1 {
flex: 1 1 0%;
}
.lg\:table-auto {
table-layout: auto;
}
.lg\:-translate-y-0 {
--tw-translate-y: -0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.lg\:grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lg\:grid-cols-\[minmax\(0px\2c 1fr\)_26rem\] {
grid-template-columns: minmax(0px,1fr) 26rem;
}
.lg\:grid-rows-3 {
grid-template-rows: repeat(3, minmax(0, 1fr));
}
.lg\:flex-row {
flex-direction: row;
}
.lg\:flex-row-reverse {
flex-direction: row-reverse;
}
.lg\:flex-col {
flex-direction: column;
}
.lg\:flex-nowrap {
flex-wrap: nowrap;
}
.lg\:items-start {
align-items: flex-start;
}
.lg\:items-center {
align-items: center;
}
.lg\:justify-start {
justify-content: flex-start;
}
.lg\:gap-4 {
gap: 1rem;
}
.lg\:gap-x-10 {
-moz-column-gap: 2.5rem;
column-gap: 2.5rem;
}
.lg\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.lg\:border-l-2 {
border-left-width: 2px;
}
.lg\:bg-transparent {
background-color: transparent;
}
.lg\:p-6 {
padding: 1.5rem;
}
.lg\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.lg\:py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.lg\:py-32 {
padding-top: 8rem;
padding-bottom: 8rem;
}
.lg\:px-16 {
padding-left: 4rem;
padding-right: 4rem;
}
.lg\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.lg\:py-48 {
padding-top: 12rem;
padding-bottom: 12rem;
}
.lg\:py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.lg\:pb-8 {
padding-bottom: 2rem;
}
.lg\:pr-0 {
padding-right: 0px;
}
.lg\:pl-6 {
padding-left: 1.5rem;
}
.lg\:pr-6 {
padding-right: 1.5rem;
}
.lg\:pr-10 {
padding-right: 2.5rem;
}
.lg\:pl-24 {
padding-left: 6rem;
}
.lg\:pl-10 {
padding-left: 2.5rem;
}
.lg\:pr-4 {
padding-right: 1rem;
}
.lg\:pt-0 {
padding-top: 0px;
}
.lg\:pt-2 {
padding-top: 0.5rem;
}
.lg\:text-left {
text-align: left;
}
.lg\:text-right {
text-align: right;
}
.lg\:text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.lg\:text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.lg\:text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.lg\:text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.lg\:text-6xl {
font-size: 3.75rem;
line-height: 1;
}
.lg\:text-5xl {
font-size: 3rem;
line-height: 1;
}
.lg\:font-normal {
font-weight: 400;
}
.lg\:shadow-lg {
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
}
@media (min-width: 1280px) {
.xl\:col-span-2 {
grid-column: span 2 / span 2;
}
.xl\:-mt-12 {
margin-top: -3rem;
}
.xl\:mt-0 {
margin-top: 0px;
}
.xl\:inline {
display: inline;
}
.xl\:flex {
display: flex;
}
.xl\:w-1\/2 {
width: 50%;
}
.xl\:w-1\/5 {
width: 20%;
}
.xl\:w-1\/4 {
width: 25%;
}
.xl\:w-9\/12 {
width: 75%;
}
.xl\:w-3\/12 {
width: 25%;
}
.xl\:w-1\/3 {
width: 33.333333%;
}
.xl\:w-\[134px\] {
width: 134px;
}
.xl\:max-w-screen-xl {
max-width: 1280px;
}
.xl\:grow {
flex-grow: 1;
}
.xl\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.xl\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xl\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.xl\:flex-row {
flex-direction: row;
}
.xl\:gap-x-8 {
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.xl\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.xl\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.xl\:border-none {
border-style: none;
}
.xl\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.xl\:px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.xl\:pr-5 {
padding-right: 1.25rem;
}
.xl\:pl-2\.5 {
padding-left: 0.625rem;
}
.xl\:pl-2 {
padding-left: 0.5rem;
}
.xl\:pr-16 {
padding-right: 4rem;
}
.xl\:pl-16 {
padding-left: 4rem;
}
.xl\:text-6xl {
font-size: 3.75rem;
line-height: 1;
}
.xl\:text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.xl\:text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.xl\:btn-size-lg {
padding-left: 2.5rem;
padding-right: 2.5rem;
padding-top: 1rem;
padding-bottom: 1rem;
font-size: 1.125rem;
line-height: 1.75rem;
}
.xl\:focus-within\:relative:focus-within {
position: relative;
}
}
@media (min-width: 1536px) {
.\32xl\:w-1\/2 {
width: 50%;
}
.\32xl\:w-96 {
width: 24rem;
}
.\32xl\:max-w-screen-2xl {
max-width: 1536px;
}
}
.\[\&_\.price-label\]\:sr-only .price-label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.\[\&_\.price-wrapper\]\:text-inherit .price-wrapper {
color: inherit;
}
.\[\&_\.price-wrapper\]\:\[font-size\:inherit\] .price-wrapper {
font-size: inherit;
}
.\[\&_\:is\(input\2c select\2c textarea\)\]\:scroll-my-36 :is(input,select,textarea) {
scroll-margin-top: 9rem;
scroll-margin-bottom: 9rem;
}
.catalogsearch-result-index .ais-Hits-item {
width: 50%;
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-bottom: 1rem;
}
@media (min-width: 1024px) {
.catalogsearch-result-index .ais-Hits-item {
width: 33.333333%;
}
}
@media (min-width: 1280px) {
.catalogsearch-result-index .ais-Hits-item {
width: 25%;
}
}
.catalogsearch-result-index .ais-Hits-list {
display: flex;
flex-wrap: wrap;
align-items: stretch;
padding: 0px;
}
.catalogsearch-result-index .ais-Pagination-list {
display: inline-flex;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding: 0px;
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.home-banner .catalogsearch-result-index .ais-Pagination-list {
background-color: rgba(255,255,255,0.05);
}
.catalogsearch-result-index .ais-ClearRefinements .ais-ClearRefinements-button.action {
background-color: #000;
border: none;
border-radius: 0;
padding: 22px 7px;
font-weight: 600;
font-size: 14px;
color: #fff;
cursor: pointer;
box-sizing: border-box;
vertical-align: middle;
font-family: 'Lato', sans-serif;
width: 100%;
margin-bottom: 15px;
}
.catalogsearch-result-index .ais-CurrentRefinements-list:not(:empty) {
margin-bottom: 10px;
}
.catalogsearch-result-index .ais-CurrentRefinements-list {
padding: 0;
display: block;
}
.catalogsearch-result-index .ais-CurrentRefinements-item {
color: #636363;
border-radius: 2px;
border: solid 1px #ddd;
background-color: #f4f4f4;
max-width: 100%;
white-space: nowrap;
padding: 0.2em 0.5em;
overflow: hidden;
margin-right: 0.4em;
margin-bottom: 0.4em;
display: inline-flex;
align-items: center;
}
.catalogsearch-result-index .ais-CurrentRefinements-item .ais-CurrentRefinements-label {
font-weight: 700;
}
.catalogsearch-result-index .ais-CurrentRefinements-item .ais-CurrentRefinements-category {
margin: 0 8px;
padding: 0;
display: flex;
align-items: center;
}
.catalogsearch-result-index .ais-CurrentRefinements-delete {
margin-left: 4px;
}
.catalogsearch-result-index .ais-Panel {
box-shadow: none;
margin: 0 0 15px;
padding: 0;
}
.catalogsearch-result-index .ais-Panel .ais-Panel-header {
padding: 17px 0 0;
}
.catalogsearch-result-index .ais-Panel .ais-Panel-header .name {
border: 0 none;
padding: 0;
}
.catalogsearch-result-index .rheostat-handle-upper .rheostat-tooltip {
font-size: 13px !important;
right: -20px !important;
left: auto;
}
.catalogsearch-result-index .rheostat-handle-lower .rheostat-tooltip {
font-size: 13px;
left: -10px;
}
.catalogsearch-result-index .rheostat-handle .rheostat-tooltip {
margin: 0;
transform: none;
}
.catalogsearch-result-index .ais-RangeSlider {
position: relative;
margin: 50px 0 40px;
padding: 0 30px 0 10px;
}
.catalogsearch-result-index .ais-SortBy .ais-SortBy-select {
padding-top: 7px;
padding-bottom: 5px;
border-radius: 0;
}
.catalogsearch-result-index .ais-RangeSlider .rheostat-progress {
height: 4px;
background-color: #06332f;
}
.catalogsearch-result-index .ais-RangeSlider .rheostat-background {
height: 4px;
}
.catalogsearch-result-index .ais-Panel-body .ais-HierarchicalMenu {
padding: 0;
}
.catalogsearch-result-index .ais-Panel-body .ais-HierarchicalMenu .ais-HierarchicalMenu-list {
padding: 0;
}
.catalogsearch-result-index .ais-Panel-body .ais-HierarchicalMenu .ais-HierarchicalMenu-item {
padding-top: 10px;
margin: 0;
}
.catalogsearch-result-index .ais-Panel-body .ais-HierarchicalMenu .ais-HierarchicalMenu-item .ais-HierarchicalMenu-link {
color: #000;
font-size: 16px;
position: relative;
padding: 0;
align-items: center;
}
.catalogsearch-result-index .ais-Panel-body .ais-RefinementList-list {
margin: 0;
padding: 0;
}
.catalogsearch-result-index .ais-Panel-body .ais-RefinementList-list .ais-RefinementList-item {
margin: 5px 0 0;
padding-top: 10px;
}
.catalogsearch-result-index .ais-Panel-body .ais-RefinementList-list .ais-RefinementList-item .ais-RefinementList-checkbox {
width: 18px;
height: 18px;
margin: 0 10px 0 0;
}
.catalogsearch-result-index .ais-Panel-body .ais-RefinementList-list .ais-RefinementList-item .ais-RefinementList-checkbox:checked {
width: 18px;
height: 18px;
content: url('../svg/heroicons/outline/check-options.svg');
background-image: none;
background-color: transparent;
border-color: #000;
}
.catalogsearch-result-index .ais-HierarchicalMenu-link--selected {
font-weight: 700;
}
.catalogsearch-result-index .ais-HierarchicalMenu-count {
position: absolute;
right: 0;
top: 0;
}
.catalogsearch-result-index .ais-HierarchicalMenu-link--selected .cross-circle {
display: inline-block;
width: 12px;
height: 12px;
background: url("data:image/svg+xml;utf8,") no-repeat center center/contain;
opacity: 0;
margin-left: 4px;
}
.catalogsearch-result-index .ais-HierarchicalMenu-link--selected:hover .cross-circle {
opacity: 1;
}
.catalogsearch-result-index .ais-Panel-body .ais-HierarchicalMenu .ais-HierarchicalMenu-list--child {
padding-left: 1rem;
}
.catalogsearch-result-index .rheostat-handle {
z-index: 1;
}
@media (max-width: 767px) {
.toolbar.toolbar-products .pages-items.next-jump.prev-jump .item-0,
.toolbar.toolbar-products .pages-items.next-jump.prev-jump .item-4 {
display: none
}
.toolbar.toolbar-products .pages-items.first-page .item-3,
.toolbar.toolbar-products .pages-items.last-page .item-1 {
display: none
}
.toolbar.toolbar-products .pages-items:not(.prev-jump) .item-3,
.toolbar.toolbar-products .pages-items:not(.prev-jump) .item-4 {
display: none
}
.toolbar.toolbar-products .pages-items:not(.next-jump) .item-0,
.toolbar.toolbar-products .pages-items:not(.next-jump) .item-1 {
display: none
}
.toolbar.toolbar-products .pages-items:not(.next-jump).pages-item-2 .item-0,
.toolbar.toolbar-products .pages-items:not(.next-jump).pages-item-2 .item-1,
.toolbar.toolbar-products .pages-items:not(.next-jump).pages-item-3 .item-0,
.toolbar.toolbar-products .pages-items:not(.next-jump).pages-item-3 .item-1 {
display: block
}
}
.catalog-category-view .columns {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
@media (max-width: 767px) {
.needsclick.kl-private-reset-css-Xuajs1 {
position: relative;
z-index: 28!important;
}
}
#fc_frame, #fc_frame.fc-widget-normal,
#zowieCallToAction,
#zowieFloatingButton,
button.needsclick.kl-private-reset-css-Xuajs1 {
z-index: 29!important;
}
@media (max-width: 767px) {
#layered-filter-block .action.all-filters span:not(.filters-count) {
padding-left: 30px
}
}
#layered-filter-block .action.all-filters .filters-count {
position: static;
}
/*Filter preloader*/
#logopreloader.active .loader,
#logopreloader.active .loader:after {
border-radius: 50%;
width: 8em;
height: 8em;
}
#logopreloader.active .loader {
margin: 5px auto;
font-size: 10px;
position: relative;
text-indent: -9999em;
border-top: 1em solid rgba(37, 114, 45, 0.5);
border-right: 1em solid rgba(37, 114, 45, 0.5);
border-bottom: 1em solid rgba(37, 114, 45, 0.5);
border-left: 1em solid #ffffff;
transform: translateZ(0);
animation: load8 1.1s infinite linear;
}
@keyframes bgr {
0% {
background-position-x:-100%;
}
100% {
background-position-x:200%;
}
}
@keyframes load8 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
#logopreloader.active{
text-align: center;
}
#logopreloader.active, #product-list{
visibility: visible;
opacity: 1;
}
#logopreloader, #product-list.not-active {
opacity: 0;
visibility: hidden;
}
/*End Filter preloader*/
.catalog-category-view .sidebar.sidebar-main {
position: absolute;
top: 0;
left: 0;
}
#category-view-container {
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
align-items: center;
padding-left: 0px;
padding-right: 0px;
padding-top: 1rem;
padding-bottom: 1rem;
}
.category-description {
max-width: 56rem;
}
.toolbar-products .modes-mode {
height: 1.5rem;
width: 1.5rem;
}
.toolbar-products .modes-mode span {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.toolbar-products .modes-mode.mode-grid {
background-image: url('data:image/svg+xml;utf8,');
}
.toolbar-products .modes-mode.mode-list {
background-image: url('data:image/svg+xml;utf8,');
}
body._has-modal-sidebar, html._has-modal-sidebar {
overflow-y: hidden;
}
#layered-filter-block .backdrop {
display: none;
}
._has-modal-sidebar #layered-filter-block .backdrop {
display: flex;
}
.catalog-category-view .filter-desktop {
display: inline-flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
overflow: hidden;
padding: 0.125rem 0.125rem 0.125rem 0;
width: calc(100% - 400px);
position: relative;
right: 245px;
margin-left: auto;
z-index: 2;
text-align: end;
}
.catalog-category-view .list-of-filters {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: flex-end;
height: 51px;
margin-left: 0.5rem;
overflow: hidden;
}
.catalog-category-view .list-of-filters >div {
display: flex;
}
.catalog-category-view .list-of-filters a.action.primary {
background: #fff;
border: 1px solid #000;
color: #000;
font-size: 12px;
line-height: 20px;
padding: 12px 15px;
margin-bottom: 0;
text-transform: uppercase;
border-radius: 3px;
font-weight: 600;
}
.catalog-category-view .list-of-filters a.action.primary:hover, .catalog-category-view .list-of-filters a.action.primary:active {
background: #000;
color: #fff;
}
.catalog-category-view .list-of-filters a.action.primary span {
padding-top: 5px;
display: inline-block;
}
.catalog-category-view .action.all-filters {
background-color: #000;
border-color: #000;
line-height: 25px;
margin: 0;
font-size: 12px;
font-weight: 900;
letter-spacing: .09px;
text-transform: uppercase;
color: #fff;
width: auto;
min-width: auto;
position: relative;
padding: 10px 15px;
display: inline-flex;
align-items: center;
border-radius: 3px;
}
.catalog-category-view .action.all-filters svg {
display: none;
}
.action.all-filters svg {
position: absolute;
left: 15px;
fill: #fff;
}
.catalog-category-view .action.all-filters span {
padding-top: 5px;
white-space: nowrap;
}
.catalog-category-view .action.all-filters:hover {
background: #000 0% 0% no-repeat padding-box;
border-color: #000;
}
.catalog-category-view .filter-title strong {
background: 0 0;
font-weight: 300;
font-size: 14px;
left: -15px;
line-height: 16px;
padding: 9px 0 9px 10px;
position: absolute;
text-align: center;
top: 0;
z-index: 2;
width: calc(50vw - 10px);
border: solid 1px #ebebeb;
border-left: none;
border-right: none;
color: #111;
}
#algolia_instant_selector .result .result-sub-content {
font-size: 12px;
}
button.ais-SearchBox-reset svg {
display: block;
width: 17px;
height: 17px;
fill: #e3ae57;
}
.algolia-infos {
padding: 6px 10px;
color: #aaa;
text-align: center;
background: #f4f4f4;
font-size: 12px;
clear: both;
line-height: 32px;
}
.catalog-category-view .product-info .product-item-details .stamped-product-reviews-badge .stamped-badge-caption {
font-size: 12px;
display: inline-block;
margin-left: 5px;
padding-top: 3px;
}
.catalog-category-view #layered-filter-block .filter-content.active {
position: fixed;
width: 320px;
max-width: calc(100% - 3rem);
top: 0;
left: 0;
right: auto;
bottom: 0;
background-color: #fff;
overflow: auto;
z-index: 100;
scrollbar-gutter: stable;
}
@media (min-width: 768px) {
.catalog-category-view #layered-filter-block .filter-content.active {
background-color: #fff
}
}
.catalog-category-view #narrow-by-list-vue {
display: flex;
flex-direction: column;
flex-grow: 1;
min-height: calc(100% - 61px);
margin-top: 0;
padding: 0 15px;
scrollbar-gutter: stable;
}
@media (min-width: 768px) {
.catalog-category-view #narrow-by-list-vue {
background: 0 0;
clear: both;
overflow: initial;
position: static
}
}
.catalog-category-view .close-btn {
position: absolute;
right: 0;
padding: 23px;
font-size: 32px;
top: 0;
cursor: pointer;
background: 0 0;
}
.catalog-category-view .filters-count {
font-family: 'Open Sans',sans-serif;
font-weight: 600;
box-sizing: border-box;
display: inline-block;
font-size: 12px;
text-align: center;
background-color: #000;
color: #fff;
border-radius: 1rem;
line-height: 11px;
min-width: 20px;
padding: 5px;
height: 20px;
position: relative;
margin-left: 10px;
}
.catalog-category-view .filter .block-subtitle.filter-subtitle, .catalog-category-view .layered-skeleton .filter-subtitle {
text-align: left;
letter-spacing: .6px;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
display: flex;
position: sticky;
align-items: center;
top: 0;
background-color: #264B47;
color: #fff;
z-index: 3;
font-weight: 900;
height: 60px;
padding: 0 20px;
}
@media (min-width: 768px) {
.catalog-category-view .filter .block-subtitle.filter-subtitle, .catalog-category-view .layered-skeleton .filter-subtitle {
background-color: #264B47;
color: #fff
}
}
.catalog-category-view .filter .block-subtitle.filter-subtitle:before, .catalog-category-view .layered-skeleton .filter-subtitle:before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.821' height='26.828' viewBox='0 0 26.821 26.828'%3E%3Cg id='Group_261' data-name='Group 261' transform='translate(0.5 0.5)'%3E%3Cg id='Group_262' data-name='Group 262' transform='translate(0 0)'%3E%3Cpath id='Path_212' data-name='Path 212' d='M22.348,24.737l2.383-2.383-1.3-3.116.767-1.854,3.12-1.285V12.728L24.2,11.443,23.434,9.59l1.3-3.116L22.348,4.09l-3.115,1.3L17.381,4.62,16.1,1.5h-3.37L11.441,4.62l-1.853.768L6.473,4.09,4.09,6.474l1.3,3.116L4.62,11.443,1.5,12.728V16.1l3.12,1.285.768,1.854-1.3,3.116,2.383,2.383,3.115-1.3,1.853.768,1.285,3.121H16.1l1.285-3.121,1.853-.768Z' transform='translate(-1.5 -1.5)' fill='none' stroke='%23f2f2f2' stroke-width='1'/%3E%3Cpath id='Path_213' data-name='Path 213' d='M26.624,31.866a5.234,5.234,0,1,1,5.232-5.234A5.233,5.233,0,0,1,26.624,31.866Z' transform='translate(-13.714 -13.718)' fill='none' stroke='%23f2f2f2' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
width: 26px;
margin-right: 13px;
}
.catalog-category-view .close-btn:after {
display: inline-block;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17.899' height='14.851' viewBox='0 0 17.899 14.851'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_86' data-name='Rectangle 86' width='17.899' height='14.851' transform='translate(0 0)' fill='none' stroke='%23ffffff' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_180' data-name='Group 180' transform='translate(0 0)'%3E%3Cg id='Group_182' data-name='Group 182' clip-path='url(%23clip-path)'%3E%3Cline id='Line_9' data-name='Line 9' x1='17.015' y2='13.966' transform='translate(0.442 0.442)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='0.885'/%3E%3Cline id='Line_10' data-name='Line 10' x1='17.015' y1='13.966' transform='translate(0.442 0.442)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='0.885'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.catalog-category-view .filter-border>div {
border-top: 1px solid #000;
margin-top: 17px;
}
.filter-options-title {
cursor: pointer;
margin: 0;
overflow: hidden;
padding: 15px 40px 0 0;
word-break: break-all;
z-index: 1;
font-weight: 600;
font-size: 17px;
line-height: 32px;
letter-spacing: .85px;
color: #000;
text-transform: uppercase;
position: relative;
top: 5px;
}
.active>.filter-options-title:after {
content: '\FF0D';
color: #e3ae57;
}
.filter-options-title:after {
position: absolute;
right: 0;
top: 15px;
content: '\FF0B';
color: #e3ae57;
}
.filter-options-title>div {
position: relative;
top: -3px;
}
.catalog-category-view .reset-filter-btn, .catalog-category-view .reset-filter-btn:hover, .catalog-category-view .reset-filter-btn:hover {
cursor: pointer;
display: inline-block;
text-align: center;
color: #000;
text-transform: initial;
}
.filter-options-content {
margin: 0;
padding: 15px 0 0;
}
.smile-es-range-slider {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.catalog-category-view #narrow-by-list-vue .smile-es-range-slider #price-container {
display: inline-flex;
justify-content: space-between;
}
.catalog-category-view #narrow-by-list-vue .smile-es-range-slider #price-container .input-group {
height: 2.5rem;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-color: transparent;
}
.catalog-category-view #narrow-by-list-vue .smile-es-range-slider #price-container .input-group-addon {
display: flex;
width: 2.5rem;
align-items: center;
justify-content: center;
}
.catalog-category-view #narrow-by-list-vue .smile-es-range-slider #price-container div.input-group:first-child {
margin-right: 10px;
}
.input-group-addon {
display: table-cell;
padding: 0 12px;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 3px;
width: 1%;
white-space: nowrap;
vertical-align: middle;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
font-size: 12px;
border-right: 0;
}
.catalog-category-view #narrow-by-list-vue input.from-price,
.catalog-category-view #narrow-by-list-vue input.to-price {
width: 100%;
padding: 6px 12px;
border-radius: 0 3px 3px 0;
height: 40px;
resize: none;
-webkit-appearance: none;
border: 1px solid #e3e3e3;
font-size: 16px;
background-color: #fff;
}
.catalog-category-view #narrow-by-list-vue .smile-es-range-slider #price-container div.input-group {
max-width: calc((100% - 10px)/2);
}
.button-price {
width: 100%;
}
.catalog-category-view #narrow-by-list-vue .filter-sale {
padding-bottom: 3px;
padding-top: 23px;
border-top: 1px solid #000;
margin-top: 15px;
}
.button-price .action.primary.small {
background-color: #264B47;
min-width: 50%;
width: auto;
text-align: center;
border-radius: 15px;
font-size: 16px;
font-weight: 500;
letter-spacing: .09px;
color: #fff;
padding: 9px 15px;
border: 1px solid #264B47;
cursor: pointer;
margin: 10px auto 5px;
}
.button-price .action.primary {
background-color: #264B47;
color: #fff;
cursor: pointer;
border: 1px solid #264B47;
}
.filter .field.search input[type=text] {
color: #000;
height: 40px;
line-height: 40px;
border-radius: 3px;
font-weight: 600;
letter-spacing: .24px;
margin-bottom: 20px;
padding-left: 39px;
font-size: 12px;
background-color: #e3e3e3;
border: 1px solid #e3e3e3;
width: 100%;
}
.filter .field.search .control {
position: relative;
}
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=datetime]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder {
color: #575757;
}
.filter .field.search .control:before {
content: "";
background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxOSAxOSc+PHBhdGggZD0nTTE5IDE4bC01LjctNS43YzEuMS0xLjMgMS43LTMgMS43LTQuOEMxNSAzLjQgMTEuNiAwIDcuNSAwUzAgMy40IDAgNy41IDMuNCAxNSA3LjUgMTVjMS44IDAgMy41LS42IDQuOC0xLjdMMTggMTlsMS0xek03LjUgMTMuNmMtMy4zIDAtNi4xLTIuNy02LjEtNi4xczIuNy02LjEgNi4xLTYuMSA2LjEgMi43IDYuMSA2LjEtMi44IDYuMS02LjEgNi4xeicgc3R5bGU9J2NsaXAtw4VydWxlOmV2ZW5vZGQnIGZpbGwtcnVsZT0nZXZlbm9kZCcgZmlsbD0nIzE2MTYxNicvPjwvc3ZnPg==);
position: absolute;
left: 13px;
background-repeat: no-repeat;
width: 21px;
height: 20px;
top: 11px;
}
.items {
margin: 0;
padding: 0;
list-style: none none;
}
.filter-options-content .item:first-child {
margin-top: 0;
}
.filter .filter-content .item {
margin: 5px 0 0;
padding-top: 10px;
line-height: 1.5em;
}
.catalog-category-view .filter-options-content a {
display: inline-block;
width: 100%;
color: #000;
}
.catalog-category-view .filter-options-content .actions .action {
display: inline-block;
color: #000;
line-height: 22px;
font-weight: 900;
font-size: 14px;
text-decoration: underline;
cursor: pointer;
margin-top: 12px;
}
.filter-options-content .item input[type=checkbox] {
display: none;
}
.catalog-category-view .filter-options-content .item input[type=checkbox]+label {
display: inline-flex;
width: 100%;
position: relative;
cursor: pointer;
}
.filter-options-content .item input[type=checkbox]+label:before {
content: '';
display: inline-block;
vertical-align: middle;
border: 1px solid #989898;
width: 18px;
height: 18px;
margin-right: 10px;
box-sizing: border-box;
margin-top: 2px;
}
.catalog-category-view .filter-options-content .item input[type=checkbox]+label>span:first-child {
display: inline-block;
max-width: calc(100% - 40px);
line-height: 18px;
padding-top: 3px;
}
.filter-options-content .count {
color: #000;
font-weight: 400;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
line-height: 18px;
position: absolute;
right: 0;
}
.filter-options-content .item input[type=checkbox]:checked+label:after {
display: inline-block;
}
.filter-options-content .item input[type=checkbox]+label:after, .filter-options-content .item a:hover input[type=checkbox]:hover+label:after {
position: absolute;
top: 3px;
left: 0;
display: none;
content: url("data:image/svg+xml,%3Csvg id='Group_576' data-name='Group 576' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19.225' height='16.629' viewBox='0 0 19.225 16.629'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_106' data-name='Rectangle 106' width='19.225' height='16.629' transform='translate(0 0)' fill='%23087703'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_238' data-name='Group 238' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_203' data-name='Path 203' d='M8.074,15.915.706,9.243,3.891,5.724l3.765,3.41L14.927.706l3.593,3.1Z' fill='%23087703'/%3E%3C/g%3E%3C/svg%3E");
transform: scale(.65);
height: 17px;
width: 18px;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
margin-bottom: 10px;
height: 34px;
}
.catalog-category-view section.filter-border:first-child>div {
border-top: none;
margin: 0;
}
.catalog-category-view #narrow-by-list-vue .actions-toolbar {
background-color: #fff;
position: sticky;
box-sizing: border-box;
bottom: 0;
width: 100%;
z-index: 2;
display: flex;
margin: auto 0 0;
padding-top: 0;
border: 0 none;
}
.catalog-category-view #narrow-by-list-vue .filter-border:last-child {
margin-bottom: 50px;
}
.catalog-category-view #narrow-by-list-vue .actions-toolbar .actions-primary {
padding: 1rem 0;
padding-bottom: 0;
box-shadow: none;
}
.catalog-category-view .close-btn-bottom {
cursor: pointer;
width: calc(50% + 15px);
display: inline-block;
font-size: 16px;
font-weight: 500;
border: 1px solid #000;
border-radius: initial;
text-align: center;
line-height: 100px;
background-color: #fff;
color: #000;
margin-right: 0;
position: relative;
margin-left: -15px;
}
.catalog-category-view .actions-primary .primary.primary-bottom {
border-radius: initial;
padding: 0;
width: calc(50% + 15px);
position: relative;
margin-right: -15px;
cursor: pointer;
}
.catalog-category-view .totals-products {
width: 100%;
display: inline-block;
text-align: center;
line-height: 100px;
font-size: 16px;
font-weight: 500;
}
.filter-title {
display: none;
}
@media only screen and (max-width: 479px) {
.catalog-category-view #layered-filter-block .filter-content.active {
width: 100%;
max-width: 100%;
}
}
.result .result-sub-content .stamped-product-reviews-badge,
.catalog-category-view .product-info .product-item-details .stamped-product-reviews-badge {
min-height: 25px;
}
.catalog-category-view .category-description {
max-width: 100%;
width: 100%;
}
.catalog-category-view .category-description [data-content-type=row][data-appearance=contained],
.catalog-category-view .category-description [data-content-type=row][data-appearance=contained] [data-element=inner] {
padding: 0 !important;
}
.catalog-category-view .page-title-wrapper {
background-color: transparent;
text-align: center;
justify-content: center;
margin-bottom: 0;
}
.blurbgrid_wrapper .blurbs .grid_blurb .blurb.bottom img {
width: 100%;
height: auto;
}
.page-products .columns {
position: relative;
}
.catalog-category-view.page-with-filter .columns {
display: block;
}
.catalog-category-view.page-with-filter .columns .column.main {
width: 100% !important;
}
.catalog-category-view.page-with-filter .columns .sidebar-main {
width: 100% !important;
order: -1;
height: 38px;
border: none;
}
.catalog-category-view.page-with-filter .columns .column.main .empty-results-filter {
border: 1px solid #000;
background-color: #ddd;
cursor: pointer;
padding: 10px 10px 5px;
display: inline-block;
margin-bottom: 15px;
margin-right: 15px;
font-size: 14px;
line-height: 14px;
}
.catalog-category-view.page-with-filter .columns .column.main .empty-results-filter .h5 {
font-family: 'p22-underground',sans-serif;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
}
.catalog-category-view.page-with-filter .columns .column.main .empty-results-filter .close-btn-filter {
height: 15px;
}
.catalog-category-view.page-with-filter .columns .column.main .empty-results-filter .close-btn-filter:after {
display: inline-block;
content: '\00d7';
font-size: 23px;
margin-left: 10px;
line-height: 16px;
padding-top: 3px;
}
@media (min-width: 2200px) {
.catalog-category-view.page-with-filter .columns {
display: flex;
}
.catalog-category-view .columns .sidebar.sidebar-main {
position: sticky;
top: 0;
height: 100% !important;
flex: 0 0 350px;
background: #fff;
margin-left: -350px;
padding-right: 20px;
overflow-y: auto;
align-self: flex-start;
}
.catalog-category-view .columns #layered-filter-block .filter-content.active {
position: inherit;
box-shadow: none;
}
}
.toolbar .sorter select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
box-shadow: none;
border: 0 !important;
position: relative;
z-index: 2;
border-radius: 0;
padding: 0;
height: 50px;
-moz-text-align-last: left;
text-align-last: left;
text-align: left;
text-transform: uppercase;
font-size: 12px;
font-weight: 900;
color: #000;
width: 170px;
padding-left: 15px;
padding-top: 5px;
background: 0 0;
}
.toolbar-amount {
line-height: 40px;
margin: 0;
padding: 0;
padding-top: 10px;
text-align: left;
vertical-align: middle;
font-size: 12px;
font-weight: 900;
letter-spacing: .09px;
color: #000;
text-transform: uppercase;
}
@media (min-width: 768px) {
.catalogsearch-result-index #instant-search-facets-container {
display: block !important;
}
.page-products .sorter {
position: relative;
margin-left: auto;
border-bottom: 1px solid #666;
}
.main .toolbar-products.top-toolbar {
border: none;
position: relative;
top: 0;
display: flex;
flex-direction: row;
margin-bottom: 0;
}
}
.blurbs .row {
display: flex;
}
.blurbgrid_wrapper .blurbs .grid_blurb {
padding: 0 5px;
margin-bottom: 10px;
}
.catalog-category-view .products.wrapper form {
background-color: #fafafa;
}
.catalog-category-view .product-item-photo {
display: block;
z-index: 1;
background-color: #fff;
}
.catalog-category-view .product-info .product-item-details {
display: flex;
flex-direction: column;
padding: 0.625rem;
}
@media (min-width: 768px) {
.catalog-category-view .product-info .product-item-details {
padding: 1.25rem;
}
}
.result .result-sub-content .product-slider-brand,
.catalog-category-view .product-info .product-slider-brand {
font-size: 14px;
font-weight: 900;
display: block;
text-align: left;
color: #000;
min-height: 20px;
}
#algolia_instant_selector .result .result-thumbnail {
position: relative;
padding-bottom: 135%;
}
#algolia_instant_selector .result .result-thumbnail img {
width: auto;
min-height: 100px;
padding: 10px;
bottom: 0;
display: block;
height: auto;
left: 0;
margin: auto;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
max-height: 100%;
}
#algolia_instant_selector .result {
display: block;
padding: 0;
border: solid 1px #ededed;
background-color: #fff;
}
#instant-search-bar .ais-SearchBox-input {
background-color: #f9efdd;
height: 60px;
width: 100% !important;
border: none;
}
.algolia-instant-selector-results .ais-RefinementList-searchBox .ais-SearchBox-input {
margin: 0.75rem 0;
}
.algolia-instant-selector-results .ais-RefinementList-searchBox .ais-SearchBox-input[disabled] {
display: none;
}
.algolia-instant-selector-results .ais-RefinementList-searchBox .ais-SearchBox .ais-SearchBox-form {
border: 0 none;
margin: 0;
}
.algolia-instant-selector-results #instant-empty-results-container .no-results {
padding-top: 40px;
}
.algolia-instant-selector-results #instant-empty-results-container a,
.category-bottom-description p a {
text-decoration: underline;
}
.catalog-category-view .product-info .product-item-name {
margin: 0 0 8px;
text-align: left;
}
.result .result-sub-content .price-block {
height: 75px;
max-height: 75px;
}
.result .result-sub-content .price-block .special-price {
font-size: 24px;
line-height: 34px;
font-family: 'Tuppence';
color: #000;
display: block;
}
.result .result-sub-content h3 {
color: #000;
font-size: 16px;
font-weight: 500;
line-height: 25px;
max-height: 50px;
min-height: 50px;
overflow: hidden;
display: inline-block;
white-space: normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.result .result-sub-content h3 mark {
font-weight: 500;
}
.catalog-category-view .product-info .product-item-name a {
min-height: 63px;
max-height: 63px;
overflow: hidden;
display: inline-block;
font-size: 14px;
line-height: 23px;
font-weight: 500;
max-width: 100%;
white-space: normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.result .result-sub-content .stock.available,
.catalog-category-view .product-info .product-item-details .stock.available {
color: #25722d;
}
.catalog-category-view .product-info .product-item-details .stock {
text-align: left;
font-size: 14px;
line-height: 20px;
border: none;
}
.catalog-category-view .product-info .product-item-details .stock .font-black {
font-weight: normal;
}
.result .result-sub-content .product-image-wrapper,
.catalog-category-view .product-image-container .product-image-wrapper {
display: block;
height: 0;
overflow: hidden;
position: relative;
z-index: 1;
border: 1px solid #f2f2f2;
background-color: #fff;
}
.catalog-category-view .product-info .product-item-details .price-box .price-label {
display: none;
}
.catalog-category-view .product-info .product-item-details .price-box .price {
font-size: 24px;
line-height: 34px;
font-family: 'Tuppence';
white-space: nowrap;
color: #000;
}
.result .result-sub-content .old-price .price,
.catalog-category-view .product-info .product-item-details .old-price .price {
font-size: 16px;
line-height: 25px;
color: #666;
font-weight: 500;
text-decoration: line-through;
font-family: 'p22-underground', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.catalog-category-view .page-title {
font-weight: 600;
font-size: 42px;
line-height: 54px;
color: #000;
padding: 20px 0;
margin: 0;
}
@media (max-width: 767px) {
.result .result-sub-content h3 {
margin: 5px 0 10px;
}
.catalogsearch-result-index .ais-Hits-list {
margin: 0 -0.5rem;
}
.result .result-sub-content .stamped-product-reviews-badge .stamped-badge-caption span {
display: none !important;
}
.result .result-sub-content .price-block {
height: 60px;
max-height: 60px;
}
.result .result-sub-content .price-block .special-price {
font-size: 20px;
line-height: 30px;
}
.catalogsearch-result-index #refine-toggle {
font-family: 'p22-underground',sans-serif;
font-weight: 700;
font-size: 12px;
}
.catalogsearch-result-index #refine-toggle:before {
content: url(../svg/heroicons/outline/filter.svg);
display: inline-block;
height: 30px;
position: relative;
margin-right: 10px;
}
.catalog-category-view .page-title-wrapper {
background-color: #f2f2f2;
text-align: left;
padding: 0 20px;
}
.catalog-category-view .page-title-wrapper .page-title {
font-size: 32px;
line-height: 44px;
position: relative;
justify-content: flex-start;
}
body.fixed-sidebar .toolbar-sorter {
right: 0;
position: fixed;
top: 0;
border-radius: 0;
z-index: 5;
}
.catalog-category-view .stamped-product-reviews-badge .stamped-badge-caption[data-reviews][data-label][data-version="2"]:before {
content: '(' !important;
display: inline-block !important;
}
.catalog-category-view .stamped-product-reviews-badge .stamped-badge-caption[data-reviews][data-label][data-version="2"] span {
display: none !important;
}
.catalog-category-view .stamped-product-reviews-badge .stamped-badge-caption[data-reviews][data-label][data-version="2"]:after {
content: ')' !important;
display: inline-block !important;
}
.toolbar-sorter .sorter-options {
width: 100%;
height: 58px;
margin: 0;
padding-left: 42px;
border-left: solid 1px #000 !important;
background-color: #f2f2f2;
padding-right: 0;
font-weight: 900;
padding-top: 5px;
}
.toolbar-sorter {
position: absolute;
right: 0;
top: 0;
z-index: 1;
width: 50%;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
box-sizing: border-box;
height: 58px;
margin: 0;
padding-left: 10px;
border-left: solid 1px #000 !important;
background-color: #f2f2f2;
padding-right: 0;
font-weight: 900;
}
.toolbar-sorter .sorter-options {
position: absolute !important;
left: 50%;
transform: translateX(-50%);
padding-left: 40px !important;
}
.toolbar-sorter svg {
position: absolute;
left: 10px;
top: 15px;
}
.catalog-category-view .list-of-filters {
height: auto;
display: none;
}
.catalog-category-view .product-info .product-item-details .price-box .price {
font-size: 20px;
line-height: 30px;
}
.toolbar-amount {
display: none;
}
.catalog-category-view .action.all-filters {
background-color: #264B47 !important;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
padding: 18px 0 19px;
position: absolute;
text-align: center;
top: 0;
left: 0;
z-index: 2;
width: 50%;
color: #fff !important;
font-weight: 900;
border: none;
min-width: auto;
border-radius: 0;
display: inline-flex;
align-items: center;
}
.catalog-category-view .action.all-filters svg {
display: block;
}
.catalog-category-view .filter-desktop {
position: inherit;
}
.hide-on-mobile {
display: none;
}
}
/* Buttons block */
.buttons-block {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.buttons-block__item {
align-items: center;
background-color: #fff;
border: 2px solid #000;
border-radius: 1px;
box-sizing: border-box;
color: #000;
display: flex;
font-size: 14px;
justify-content: center;
line-height: 14px;
margin: 0 0 15px;
padding: 15px;
text-transform: uppercase;
transition: all 0.3s linear;
}
.buttons-block__item--center {
margin: 0 auto 15px;
}
.buttons-block__item:hover {
box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.25);
}
@media (min-width: 768px) {
.buttons-block {
justify-content: space-between;
}
.buttons-block__item {
margin: 0 auto 15px;
}
.buttons-block__item--half {
margin: 0 0 15px;
width: calc(50% - 7.5px);
}
.buttons-block__item--third {
margin: 0 0 15px;
width: calc(33.33333% - 10px);
}
.buttons-block__item--full {
margin: 0 0 15px;
width: 100%;
}
}
@media (max-width: 767px) {
.buttons-block__item {
margin-right: 15px;
}
.buttons-block__item--center {
margin: 0 auto 15px;
}
}
.rounded-e-full {
border-start-end-radius: 9999px;
border-end-end-radius: 9999px;
}
.rounded-s-full {
border-start-start-radius: 9999px;
border-end-start-radius: 9999px;
}
.product-item .swiper .swiper-button-disabled {
display: none;
}
.product-item .product-images-wrapper img {
height: calc(100% - 20px);
}
.product-item .swiper .swiper-slide {
width: 100% !important;
padding-bottom: 1.25rem;
}
.product-item .swiper .swiper-pagination {
left: 50%;
width: auto;
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.home-banner .product-item .swiper .swiper-pagination {
background-color: rgba(255,255,255,0.05);
}
.product-item .swiper .swiper-pagination {
bottom: 2px;
}
.product-item .swiper .swiper-pagination .swiper-pagination-bullet {
width: auto;
height: auto;
padding: 4px 3px;
margin: 0;
background-color: transparent;
}
.product-item .swiper .swiper-pagination .swiper-pagination-bullet .swiper-pagination-bullet-dot {
width: 9px;
height: 9px;
background-color: #D9D9D9;
border-radius: 100%;
}
.product-item .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: transparent;
}
.product-item .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .swiper-pagination-bullet-dot {
background-color: #737373;
}
.price-including-tax + .price-excluding-tax {
font-size: 0.875rem;
line-height: 1.25rem;
}
.price-including-tax + .price-excluding-tax:before {
content: attr(data-label) ': ';
}
.price-excluding-tax,
.price-including-tax {
white-space: nowrap;
}
.price-excluding-tax .price, .price-including-tax .price {
font-weight: 600;
line-height: 1.625;
}
.price-excluding-tax {
display: block;
}
[data-content-type$='block'] .price-excluding-tax p:last-child {
margin-bottom: 1rem;
margin-top: 0px;
}
.category-view .sidebar .price-excluding-tax.filter {
}
.price-container.price-tier_price {
display: flex;
gap: 0.25rem;
}
.price-container.price-tier_price > .price-including-tax + .price-excluding-tax:before {
content: '(' attr(data-label) ': ';
}
.price-container.price-tier_price > .price-including-tax + .price-excluding-tax:after {
content: ')';
}
/* Keep file for backwards compatibility */
.checkout-cart-index .page-wrapper .page-main>.page-title-wrapper .page-title {
text-align: center;
font-size: 2rem;
line-height: 2.5rem;
}
@media (min-width: 768px) {
.checkout-cart-index .page-wrapper .page-main>.page-title-wrapper .page-title {
font-size: 42px;
line-height: 54px;
}
}
.checkout-cart-index .page-title-wrapper {
justify-content: center;
}
.checkout-cart-index .form-cart .item-actions .gift-options-component {
display: none;
}
.checkout-cart-index .columns {
padding-left: 0px;
padding-right: 0px;
}
@media (min-width: 768px) {
.checkout-cart-index .columns {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
.checkout-cart-index #checkout-link-button {
margin-top: 3rem;
margin-bottom: 0px;
font-weight: 600;
}
@media (min-width: 768px) {
.checkout-cart-index #checkout-link-button {
margin-top: 1.5rem;
}
}
.checkout-cart-index #checkout-link-button {
background: #8df28e;
border-color: #8df28e;
border-radius: 10px;
color: #000;
font-size: 22px;
padding: 28px 10px 23px 10px;
}
.checkout-cart-index .plus:after {
content: '\FF0B';
}
.checkout-cart-index .minus:after {
content: '\FF0D';
}
.checkout-cart-index .cart-discount .field.field-reserved {
margin: 0px;
}
#customer-login-container {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-top: 1rem;
padding-bottom: 1rem;
}
@media (min-width: 768px) {
#customer-login-container {
flex-direction: row;
}
.account .columns {
margin-top: 1.25rem;
display: grid;
gap: 2rem;
}
}
.account .page-title-wrapper {
padding: 0px;
}
.account .page-title-wrapper h1 {
justify-content: flex-start;
}
@media (max-width: 767px) {
.account .sidebar-main .account-nav {
position: absolute;
left: 0px;
z-index: 10;
width: 100%;
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(182 182 182 / var(--tw-border-opacity));
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.account .column.main {
padding-top: 80px;
}
}
.field.required > .label:after {
content: '*';
color: #e02b27;
font-size: 12px;
margin-left: 2px;
}
.registration-container .field.field-reserved, .login-container .field.field-reserved {
margin: 0;
width: 100%;
}
.registration-container .field.field-reserved ul:last-of-type, .login-container .field.field-reserved ul:last-of-type {
margin-bottom: -0.5rem;
}
.customer-account-login .page-wrapper .page-main > .page-title-wrapper .page-title, .customer-account-forgotpassword .page-wrapper .page-main > .page-title-wrapper .page-title, .customer-account-create .page-wrapper .page-main > .page-title-wrapper .page-title {
font-size: 32px;
line-height: 44px;
}
@media (min-width: 768px) {
.customer-account-login .page-wrapper .page-main > .page-title-wrapper .page-title, .customer-account-forgotpassword .page-wrapper .page-main > .page-title-wrapper .page-title, .customer-account-create .page-wrapper .page-main > .page-title-wrapper .page-title {
font-size: 42px;
line-height: 54px;
}
}
/**
* different styles can be found at https://tailwindcss-forms.vercel.app/
**/
.form-input,
.form-email,
.form-select,
.form-multiselect,
.form-textarea {
width: 100%;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.form-input:focus, .form-email:focus, .form-select:focus, .form-multiselect:focus, .form-textarea:focus {
--tw-border-opacity: 1;
border-color: rgb(37 99 235 / var(--tw-border-opacity));
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity));
--tw-ring-opacity: 0.5;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
.page.messages {
position: sticky;
top: 0px;
z-index: 20;
height: 0px;
}
.page.messages .messages section#messages {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 1.5rem;
padding-left: 1.5rem;
}
@media (min-width: 640px) {
.page.messages .messages section#messages {
max-width: 640px;
}
}
@media (min-width: 768px) {
.page.messages .messages section#messages {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.page.messages .messages section#messages {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.page.messages .messages section#messages {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.page.messages .messages section#messages {
max-width: 1536px;
}
}
.page.messages .messages section#messages {
margin-left: auto;
margin-right: auto;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
@media(max-width: 767px){
.cms-page-view .page.messages .messages section#messages {
padding: 0 20px;
}
}
.message {
margin-bottom: 0.5rem;
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
border-radius: 0.25rem;
--tw-bg-opacity: 1;
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
padding: 0.5rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 0.5rem;
padding-bottom: 0.375rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.minicart-message {
margin-bottom: 0.5rem;
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
border-radius: 0.25rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 0.5rem;
padding-bottom: 0.375rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.home-banner .minicart-message {
background-color: rgba(255,255,255,0.05);
}
.message.error, .minicart-message.error {
--tw-bg-opacity: 1;
background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.message.success, .minicart-message.success {
--tw-bg-opacity: 1;
background-color: rgb(229 239 229 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 100 0 / var(--tw-text-opacity));
}
.message.success svg, .minicart-message.success svg {
--tw-text-opacity: 1;
color: rgb(0 100 0 / var(--tw-text-opacity));
}
.message.info,
.message.warning,
.message.notice,
.minicart-message.info,
.minicart-message.warning,
.minicart-message.notice {
--tw-bg-opacity: 1;
background-color: rgb(253 240 213 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(111 68 0 / var(--tw-text-opacity));
}
.message.info svg, .message.warning svg, .message.notice svg, .minicart-message.info svg, .minicart-message.warning svg, .minicart-message.notice svg {
--tw-text-opacity: 1;
color: rgb(111 68 0 / var(--tw-text-opacity));
}
.message a:not(.close), .minicart-message a:not(.close) {
text-decoration-line: underline;
}
.message a:not(.close):before, .minicart-message a:not(.close):before {
position: absolute;
bottom: 3px;
content: '';
display: block;
border-bottom: 1px solid #000;
width: 100%
}
.message a:not(.close), .minicart-message a:not(.close) {
display: inline-block;
position: relative;
text-decoration-line: none;
}
.message a.close, .minicart-message a.close {
margin-top: -3px;
}
.products.products-grid .catalog-ads-block {
width: calc(100% + 16px);
margin-left: -8px;
margin-right: -8px;
}
@media (min-width: 768px) {
.products.products-grid .catalog-ads-block {
margin: 0px;
width: 100%;
}
}
.products.products-grid .catalog-ads-block img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
}
.product-item .price-container {
display: block;
}
[data-content-type$='block'] .product-item .price-container p:last-child {
margin-bottom: 1rem;
margin-top: 0px;
}
.category-view .sidebar .product-item .price-container.filter {
}
.product-item .price-container .price {
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 600;
}
.product-item .price-container .price-label {
font-size: 0.875rem;
line-height: 1.25rem;
}
.product-item .special-price .price-container .price-label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.product-item .old-price .price-container {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.product-item .old-price .price-container .price {
font-size: 1rem;
line-height: 1.5rem;
font-weight: 400;
}
.catalog-product-view .askoffer-form .field.field-reserved {
margin: 0px;
display: flex;
width: 100%;
flex-direction: column;
}
@media (min-width: 768px) {
.catalog-product-view .askoffer-form .field.field-reserved {
width: 75%;
}
}
.catalog-product-view .askoffer-form .field.field-reserved .messages {
margin-left: auto;
}
.page-product-configurable .configurable-product .field.field-reserved {
margin-top: 0px;
}
.page-product-configurable .configurable-product .field.field-success {
margin-bottom: 0px;
}
.page-product-configurable .configurable-product .field.field-reserved + .label {
margin-bottom: 1rem;
}
.page-product-configurable .configurable-product .field.field-success + .label {
margin-bottom: 0px;
}
.page-product-configurable .configurable-product .field.field-reserved .messages {
position: absolute;
}
.catalog-product-view .askoffer-form .field.field-reserved input,
.catalog-product-view .askoffer-form .field.field-reserved textarea {
width: 100%;
}
.catalog-product-view .columns {
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 1536px;
}
@media (min-width: 768px) {
.catalog-product-view #gallery .gallery-image.gallery-image-fullscreen {
margin-left: auto;
height: 100%;
width: calc(100% - 100px);
}
.catalog-product-view #gallery .gallery-image.gallery-image-fullscreen .top-right-label {
top: 40px;
right: 40px;
}
.catalog-product-view #gallery .gallery-image.gallery-image-fullscreen .top-left-label {
top: 40px;
left: 40px;
}
}
@media (min-width: 1024px) {
.catalog-product-view #gallery .gallery-image.gallery-image-fullscreen {
margin-left: auto;
height: 100%;
width: calc(100% - 120px);
}
}
@media (min-width: 1280px) {
.catalog-product-view #gallery .gallery-image.gallery-image-fullscreen {
margin-left: auto;
height: 100%;
width: calc(100% - 160px);
}
}
@media (max-width: 767px) {
.catalog-product-view #gallery .thumbs-wrapper .js_thumbs_slide {
max-width: 80px
}
}
.catalog-product-view #gallery .thumbs-wrapper .js_thumbs_slide .thumb {
position: relative;
}
.catalog-product-view #gallery .thumbs-wrapper .js_thumbs_slide .thumb:hover,
.catalog-product-view #gallery .thumbs-wrapper .js_thumbs_slide .thumb:focus {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
@media (min-width: 768px) {
.catalog-product-view #gallery .thumbs-wrapper .js_thumbs_slide .thumb.active-thumb {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.catalog-product-view #gallery .thumbs-wrapper .js_thumbs_slide .thumb.active-thumb:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.25);
}
}
.catalog-product-view #videoly-wrapper {
order: 2;
margin: 0px;
width: 100%;
}
@media (min-width: 768px) {
.catalog-product-view #videoly-wrapper {
float: left;
width: 58.333333%;
}
}
.catalog-product-view #videoly-wrapper videoly-slider {
margin: 0 0 20px;
}
.catalog-product-view .pdp-promo-new {
order: 3;
margin-bottom: 1.25rem;
width: 100%;
}
@media (min-width: 768px) {
.catalog-product-view .pdp-promo-new {
float: left;
width: 58.333333%;
}
}
.upsell-product-slider .glider-slide {
margin-left: 0.625rem;
margin-right: 0.625rem;
margin-top: 0px;
margin-bottom: 0px;
}
.upsell-product-slider .product-item-link {
color: #000;
font-size: 16px;
font-weight: 500;
line-height: 25px;
max-height: 50px;
min-height: 50px;
overflow: hidden;
display: inline-block;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media (max-width: 767px) {
.upsell-product-slider .product-item-link {
font-size: 12px;
font-weight: 500;
line-height: 20px;
max-height: 40px;
min-height: 40px;
overflow: hidden
}
}
.upsell-product-slider .stamped-product-reviews-badge {
height: 25px;
display: block;
}
.upsell-product-slider .stamped-product-reviews-badge .stamped-badge {
display: flex;
}
.upsell-product-slider .stamped-product-reviews-badge .stamped-badge-caption {
font-size: 12px;
display: inline-block;
margin-left: 5px;
padding-top: 2px;
}
@media (max-width: 767px) {
.upsell-product-slider .stamped-badge-caption[data-reviews][data-label][data-version="2"]:before {
content: '(' !important
}
.upsell-product-slider .stamped-badge-caption[data-reviews][data-label][data-version="2"]:after {
content: ')' !important
}
.upsell-product-slider .stamped-badge-caption[data-reviews][data-label][data-version="2"] > span {
display: none !important
}
}
.upsell-product-slider .price-wrapper-slider .price-box > .price-container span {
font-family: 'Tuppence',sans-serif;
font-size: 20px;
line-height: 30px;
white-space: nowrap;
}
.upsell-product-slider .price-wrapper-slider .special-price span {
font-family: 'Tuppence',sans-serif;
font-size: 20px;
line-height: 30px;
white-space: nowrap;
}
.upsell-product-slider .price-wrapper-slider .old-price span {
font-size: 16px;
line-height: 20px;
font-weight: 500;
color: #666;
order: 1;
text-decoration: line-through;
font-family: 'p22-underground', 'Helvetica Neue', 'Arial', sans-serif;
}
.upsell-product-slider .price-wrapper-slider .price-box {
display: flex;
flex-direction: column-reverse;
justify-content: flex-end;
height: 54px;
}
.aw-gc-product-form-options label.required:after {
content: '*';
color: #e02b27;
font-size: 12px;
position: absolute;
margin-left: 2px;
}
.aw-gc-product-form-options .aw-gc-preview-action .action {
font-size: 16px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
background: #8df28e;
border-color: #8df28e;
border-radius: 10px;
color: #000;
padding: 15px 25px;
}
.page-product-giftcard .product-info-main .stamped-badge-caption {
text-align: left;
}
.page-product-giftcard .aw-gc-modal-content img {
display: initial;
}
@media (max-width: 768px) {
.page-product-giftcard .columns, .catalog-product-view .columns {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
@media (min-width: 1024px) {
.aw-gc-product-form-options .field-item {
width: calc(50% - 12px);
}
}
.catalog-product-view .page-main > .page-title-wrapper h1.page-title {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
justify-content: flex-start;
text-align: left;
font-size: 20px;
line-height: 1.5rem;
}
@media (min-width: 768px) {
.catalog-product-view .page-main > .page-title-wrapper h1.page-title {
margin-bottom: 1.25rem;
margin-top: 15px;
font-size: 32px;
line-height: 2.5rem;
}
}
.product-info-main .stamped-fa-star:before {
margin-right: 2px;
}
.product-info-main .stamped-product .stamped-badge {
display: flex;
align-items: center;
margin-bottom: 7px;
margin-top: 0;
min-height: 30px;
}
.product-info-main .stamped-product .stamped-badge .stamped-starrating.stamped-badge-starrating {
margin-right: 0.625rem !important;
padding-top: 0.25rem;
}
@media (min-width: 768px) {
.product-info-main .stamped-product .stamped-badge .stamped-starrating.stamped-badge-starrating {
margin-right: 1.25rem !important;
}
}
.product-info-main .list-of-products .stamped-product-reviews-badge .stamped-badge-caption {
padding: 0 0 2px;
}
.product-info-main .stamped-badge-caption:hover {
text-decoration: none;
}
.product-info-main .stamped-badge-caption {
font-size: 16px;
line-height: 25px;
color: #000;
text-decoration: underline;
display: block;
text-transform: lowercase;
}
.product-info-main .free-returns {
margin-bottom: 1rem;
display: flex;
}
.product-info-main .free-returns__wrapper {
width: 42px;
padding-left: 5px;
}
.product-info-main .free-returns__icons {
background-color: #087703;
width: 20px;
height: 20px;
border-radius: 50%;
margin-top: 1px;
display: flex;
align-items: center;
justify-content: center;
}
.product-info-main .free-returns__icons:before {
content: 'i';
color: #fff;
font-size: 14px;
font-weight: bold;
margin-top: 2px;
}
.product-info-main .free-returns__link {
font-size: 1rem;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
#stamped-main-widget .stamped-header-title {
display: block;
padding: 20px 20px 15px;
font-size: 17px;
font-weight: 600;
color: #000;
text-transform: uppercase;
background-color: #f6f1ea;
font-family: 'p22-underground',sans-serif;
text-align: left;
}
.column.main #stamped-main-widget {
margin-left: -1.25rem;
margin-right: -1.25rem;
}
@media (min-width: 768px) {
.column.main #stamped-main-widget {
margin: 0px;
}
}
.column.main #stamped-main-widget .stamped-header {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.column.main #stamped-main-widget .stamped-content {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.column.main #stamped-main-widget .stamped-container {
padding: 0px;
}
.details-section .details-item h2:after,
.details-section .details-item a:after,
#description .details-item a:after,
#description .details-item h2:after {
content: '\FF0B';
color: #d4b795;
display: block;
position: absolute;
right: 0;
top: 1px;
}
#description ul,
#description ol,
.product.attribute.overview ul,
.product.attribute.overview ol {
margin-bottom: 1rem;
padding-left: 2.5rem;
}
#description ul li, #description ol li, .product.attribute.overview ul li, .product.attribute.overview ol li {
margin-bottom: 0.125rem;
}
#description ul, .product.attribute.overview ul {
list-style-type: disc;
}
#description ol, .product.attribute.overview ol {
list-style-type: decimal;
}
.product.attribute.overview {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.details-section .details-item.active h2:after,
.details-section .details-item.active a:after,
#description .details-item.active h2:after,
#description .details-item.active a:after {
content: '\FF0D';
color: #d4b795;
display: block;
}
#description h2 {
font-size: 22px;
font-weight: 500;
line-height: 32px;
}
#product-addtocart-button {
font-size: 22px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
background: #8df28e;
border-color: #8df28e;
border-radius: 10px;
color: #000;
padding: 28px 10px 23px 10px;
}
.product-description {
line-height: 25px;
}
.tuppence.price-wrapper span {
white-space: nowrap;
color: #000;
font-size: 32px;
line-height: 32px;
padding-bottom: 10px;
letter-spacing: -.48px;
display: block;
font-weight: 600;
}
.tuppence.price-wrapper span.text-discount {
color: #cc1c00;
}
.old-price .tuppence.price-wrapper .price {
font-size: 26px;
line-height: 26px;
font-weight: 500;
padding-bottom: 4px;
}
.save-price-amount .price {
position: relative;
z-index: 0;
border-radius: 0.5rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
font-size: 1.5rem;
line-height: 2rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
font-family: Tuppence;
}
.save-price-amount .price:before {
content: '';
background-color: #54a658;
width: 100%;
height: 34px;
position: absolute;
top: 4px;
left: 0;
border-radius: 30px;
z-index: -1;
}
.page-product-bundle .price-final_price .price-from .price-container, .page-product-bundle .price-final_price .price-to .price-container {
margin-bottom: 1rem;
display: block;
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
[data-content-type$='block'] .page-product-bundle .price-final_price .price-from .price-container p:last-child,[data-content-type$='block'] .page-product-bundle .price-final_price .price-to .price-container p:last-child {
margin-bottom: 1rem;
margin-top: 0px;
}
.category-view .sidebar .page-product-bundle .price-final_price .price-from .price-container.filter,.category-view .sidebar .page-product-bundle .price-final_price .price-to .price-container.filter {
}
.page-product-bundle .price-final_price .price-from .price-container .price-label, .page-product-bundle .price-final_price .price-to .price-container .price-label {
display: block;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 500;
}
[data-content-type$='block'] .page-product-bundle .price-final_price .price-from .price-container .price-label p:last-child,[data-content-type$='block'] .page-product-bundle .price-final_price .price-to .price-container .price-label p:last-child {
margin-bottom: 1rem;
margin-top: 0px;
}
.category-view .sidebar .page-product-bundle .price-final_price .price-from .price-container .price-label.filter,.category-view .sidebar .page-product-bundle .price-final_price .price-to .price-container .price-label.filter {
}
.page-product-bundle .price-final_price .price-from .price-container .price, .page-product-bundle .price-final_price .price-to .price-container .price {
font-size: 1.5rem;
line-height: 2rem;
font-weight: 600;
line-height: 1.25;
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
.page-product-bundle .price-final_price .price-from .price-including-tax + .price-excluding-tax, .page-product-bundle .price-final_price .price-to .price-including-tax + .price-excluding-tax {
margin-top: 0.25rem;
}
.page-product-bundle .price-final_price .price-from .price-including-tax + .price-excluding-tax .price, .page-product-bundle .price-final_price .price-to .price-including-tax + .price-excluding-tax .price {
font-size: 1rem;
line-height: 1.5rem;
}
.page-product-bundle .price-final_price .price-from .old-price .price-container .price,
.page-product-bundle .price-final_price .price-from .old-price .price-container .price-label,
.page-product-bundle .price-final_price .price-to .old-price .price-container .price,
.page-product-bundle .price-final_price .price-to .old-price .price-container .price-label {
display: inline;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.widget.sales-block .sales-grid {
border-radius: 10px;
padding: 30px 0;
}
.widget.sales-block {
margin-bottom: 20px;
}
.widget.sales-block .sales-grid>div {
border-right: 1px solid #264b47;
flex-direction: column;
padding: 0 10px;
}
.widget.sales-block .sales-grid>div .img-wrapper {
height: 46px;
}
.widget.sales-block .sales-grid>div .img-wrapper svg {
margin: 0 auto;
}
.widget.sales-block .sales-grid>div p {
margin-top: 20px;
color: #d4b795;
text-align: center;
margin-bottom: 0;
}
@media (max-width: 465px) {
.widget.sales-block .sales-grid>div p {
margin-top: 5px
}
}
.crosssell-custom-block h3 {
font-size: 20px;
line-height: 40px;
font-weight: 500;
color: #000;
margin-bottom: 10px;
padding-right: 100px;
}
.crosssell-custom-block .navigation button {
border: 1px solid #e5e5e5;
border-radius: 10px;
background-color: transparent;
width: 40px;
height: 40px;
box-sizing: border-box;
margin: 0 0 0 10px;
display: flex;
align-items: center;
justify-content: center;
}
.crosssell-custom-block .navigation {
position: absolute;
top: -16px;
right: 0;
display: flex;
}
.product-item.custom-view .related-details {
width: calc(100% - 145px);
}
.product-item.custom-view .related-item-image {
width: 88px;
height: auto;
}
.product-item.custom-view .related-item-image img {
width: 100%;
}
.product-item.custom-view .icon-info {
border: 2px solid #087703;
background-color: #087703;
width: 29px;
height: 29px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.product-item.custom-view .icon-info:before {
color: #fff;
content: 'i';
font-weight: 900;
text-align: center;
font-size: 20px;
line-height: 20px;
padding: 5px 5px 3px;
}
.product-popup-container .product-popup {
color: #000;
max-height: 85%;
}
.product-popup-container .product-popup .popup-header {
position: sticky;
right: 0;
top: 0;
width: 100%;
padding: 5px 10px;
background-color: #fff;
border-bottom: 1px solid #ccc;
margin-bottom: 15px;
z-index: 2;
display: flex;
}
.product-popup-container .product-popup .close-button {
cursor: pointer;
font-size: 24px;
display: flex;
margin-left: auto;
margin-right: 10px;
}
.product-popup-container .product-popup .close-button:before {
content: url(../svg/heroicons/outline/close-black.svg);
}
.product-popup-container .product-popup a.image-linkelement {
width: 40%;
display: inline-block;
vertical-align: top;
margin-left: 20px;
}
.product-popup-container .product-popup .main-content .item-name {
display: inline-block;
position: relative;
padding-left: 20px;
color: #000;
font-size: 14px;
line-height: 22px;
font-weight: 900;
}
.product-popup-container .product-popup .main-content .price-box {
display: flex;
flex-direction: row-reverse;
font-size: 14px;
font-weight: 500;
justify-content: flex-end;
line-height: 22px;
margin: 0;
padding-left: 20px;
padding-top: 20px;
}
.product-popup-container .product-popup .main-content .price-box .price {
font-weight: 600;
font-size: 16px;
line-height: 22px;
color: #000;
white-space: nowrap;
}
.product-popup-container .product-popup .main-content .price-box .price-label {
display: none;
}
.product-popup-container .product-popup .main-content .price-box .old-price .price {
text-decoration: line-through;
margin-right: 5px;
}
.product-popup-container .product-popup .main-content {
display: inline-flex;
flex-direction: column;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
top: 20px;
vertical-align: text-bottom;
width: 52%;
}
.product-popup-container .product-popup .popup-description {
border-top: 1px solid #ccc;
padding: 20px;
font-size: 14px;
line-height: 22px;
}
.product-popup-container .product-popup .popup-description a,
#description p a {
text-decoration: underline;
}
#ask-for-offer {
margin-bottom: 0.75rem;
margin-top: 0.125rem;
}
#ask-for-offer, #ask-for-offer img {
display: block;
width: 100%;
}
/* Jewellery Size Guide */
.jw-size-guide__banner {
display: flex;
width: 100%;
flex-wrap: wrap;
}
.jw-size-guide__head {
font-size: 1.125rem;
line-height: 1.75rem;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
.jw-size-guide__head {
text-align: left;
font-size: 1.5rem;
line-height: 2rem;
}
}
.jw-size-guide__info {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
--tw-bg-opacity: 1;
background-color: rgb(246 241 234 / var(--tw-bg-opacity));
padding: 1.25rem;
}
@media (min-width: 768px) {
.jw-size-guide__info {
order: 1;
width: 50%;
justify-content: flex-start;
padding: 2.5rem;
}
}
.jw-size-guide__image {
width: 100%;
}
@media (min-width: 768px) {
.jw-size-guide__image {
order: 2;
width: 50%;
}
}
.jw-size-guide__title {
margin: 0px;
padding-left: 1.25rem;
padding-right: 1.25rem;
font-size: 1.125rem;
line-height: 1.75rem;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
.jw-size-guide__title {
padding-left: 2.5rem;
padding-right: 2.5rem;
font-size: 1.875rem;
line-height: 2.25rem;
}
}
.jw-size-guide__text {
padding: 1.25rem;
font-size: 1rem;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
.jw-size-guide__text {
padding: 2.5rem;
font-size: 1.125rem;
line-height: 1.75rem;
}
}
.jw-size-guide__links {
display: flex;
width: 100%;
flex-wrap: wrap;
padding: 1.25rem;
}
@media (min-width: 768px) {
.jw-size-guide__links {
justify-content: space-between;
padding: 2.5rem;
}
}
.jw-size-guide__link {
margin-right: 1.25rem;
margin-bottom: 1.25rem;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-top: 0.5rem;
padding-bottom: 0.25rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 600;
}
@media (min-width: 768px) {
.jw-size-guide__link {
margin: 0px;
padding-left: 2.5rem;
padding-right: 2.5rem;
padding-top: 0.75rem;
padding-bottom: 0.5rem;
font-size: 1.125rem;
line-height: 1.75rem;
}
}
.jw-size-guide__link {
border-radius: 30px;
transition: all .25s linear;
}
.jw-size-guide__link:hover {
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
--tw-bg-opacity: 0.25;
}
.jw-size-guide__list {
margin-left: 2rem;
font-size: 1rem;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
.jw-size-guide__list {
font-size: 1.125rem;
line-height: 1.75rem;
}
}
.jw-size-guide__list {
list-style-type: disc;
}
.jw-size-guide__block {
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
@media (min-width: 768px) {
.jw-size-guide__block {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
}
.jw-size-guide__block--sm {
padding-bottom: 0px;
}
.swiper-slider-guide {
padding-top: 2.5rem;
}
.swiper-slider-guide [aria-disabled='true'] {
display: none;
}
/* Engraving */
.swatch-attribute-label {
font-weight: 700;
position: relative
}
.swatch-attribute-label.required {
padding-right: 10px
}
.swatch-attribute-label[data-required="1"]:after {
content: '*';
color: red;
position: absolute;
right: -11px;
top: -2px;
font-weight: 700;
font-size: 1em
}
.swatch-attribute-selected-option {
color: #646464;
padding-left: 17px
}
.swatch-attribute-options {
margin-top: 10px
}
.mageworx-swatch-container {
padding: 5px 7px 0 0;
display: inline-block;
border: 1px transparent solid;
vertical-align: top;
margin-bottom: 3px;
}
.mageworx-swatch-container .field-error {
position: absolute;
left: 0;
bottom: 0;
}
.mageworx-swatch-option {
padding: 1px;
min-width: 30px;
text-align: center;
cursor: pointer;
position: relative;
border: 1px solid #dadada;
overflow: hidden;
text-overflow: ellipsis
}
.mageworx-swatch-info {
text-align: center;
margin-top: 5px
}
.mageworx-swatch-option.text {
background: #f2f2f2;
color: #7f7f7f;
font-size: 12px;
font-weight: 700;
line-height: 20px;
padding: 4px 8px;
min-width: 22px;
min-height: 20px
}
.mageworx-swatch-option.selected {
outline: 2px solid #ff5100;
border: 1px solid #fff;
color: #333
}
.mageworx-swatch-option.text.selected {
background-color: #fff !important
}
.clearfix:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both
}
.swatch-attribute.size .mageworx-swatch-option,.swatch-attribute.manufacturer .mageworx-swatch-option {
background: #f0f0f0;
color: #949494;
}
.swatch-attribute.size .mageworx-swatch-option.selected,.swatch-attribute.manufacturer .mageworx-swatch-option.selected {
color: #000;
background: #fff;
border: 1px solid #fff;
}
.mageworx-swatch-option:not(.disabled):hover {
outline: 1px solid #999;
border: 1px solid #fff;
color: #333;
}
.mageworx-swatch-option.image:not(.disabled):hover,.mageworx-swatch-option.color:not(.disabled):hover {
outline: 2px solid #ff5216;
border: 1px solid #fff;
}
.mageworx-swatch-option.image:hover + .tooltip-font{
display: block!important;
position: absolute;
left: -2px;
margin-top: 5px;
height: auto;
width: 280px;
min-width: 50px;
max-width: 50vw;
border: 1px solid #e2e2e2;
background-color: #fff;
z-index: 1;
padding: 5px;
}
.mageworx-swatch-option.disabled {
cursor: default;
}
.mageworx-swatch-option.disabled:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(to left top,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 42%,rgba(255,255,255,1) 43%,rgba(255,255,255,1) 46%,rgba(255,82,22,1) 47%,rgba(255,82,22,1) 53%,rgba(255,255,255,1) 54%,rgba(255,255,255,1) 57%,rgba(255,255,255,0) 58%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1);
}
.qtip {
margin-top: 70px;
margin-left: 8px;
}
.qtip-content .image {
padding: 0 0 5px;
display: block;
height: 130px;
width: 130px;
margin: 0 auto;
}
.qtip-content .title {
min-height: 20px;
padding: 3px 0;
color: #282828;
font-size: 1.5em;
text-align: center;
display: block;
overflow: hidden;
}
.qtip-content .info {
min-height: 20px;
padding: 2px 0;
color: #282828;
font-size: 1.25em;
text-align: center;
display: block;
overflow: hidden;
}
.swatch-opt {
margin: 20px 0;
}
.swatch-more {
display: inline-block;
margin: 2px 0;
text-decoration: none !important;
position: static;
z-index: 1;
}
.swatch-option-link-layered {
position: relative;
margin: 0 !important;
padding: 0 !important;
}
.swatch-option-tooltip-layered {
width: 140px;
position: absolute;
background: #fff;
color: #949494;
border: 1px solid #adadad;
display: none;
z-index: 999;
left: -47px;
}
.swatch-visual-tooltip-layered {
height: 160px;
top: -170px;
}
.swatch-textual-tooltip-layered {
height: 30px;
top: -40px;
}
.swatch-option-link-layered:hover>.swatch-option-tooltip-layered {
display: block;
}
.swatch-attribute-options .swatch-option-tooltip-layered .title {
width: 100%;
height: 20px;
position: absolute;
bottom: -5px;
left: 0;
color: #282828;
text-align: center;
margin-bottom: 10px;
}
.swatch-option-disabled:after {
content: '';
position: absolute;
width: 42px;
height: 2px;
background: red;
transform: rotate(-30deg);
-o-transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
-webkit-transform: rotate(-30deg);
z-index: 995;
left: -4px;
top: 10px;
}
.swatch-option-disabled {
outline: none !important;
cursor: default;
border: 0;
}
.swatch-opt-listing {
margin-bottom: 10px;
}
.mageworx-optionswatches-option-gallery_image_selected {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
box-shadow: 0 0 5px rgba(81,203,238,1);
border: 1px solid rgba(81,203,238,1);
}
.mageworx-optionswatches-option-gallery {
display: block;
clear: both;
margin-top: 3px;
}
.required-wrapper.disabled {
display: none;
}
.product-options-wrapper div.mage-error {
font-size: 14px;
color: red;
}
.form-checkbox-custom[type="radio"],
.form-checkbox-custom[type="checkbox"] {
cursor: pointer;
opacity: 0;
position: absolute;
}
.form-checkbox-custom[type="radio"] + label,
.form-checkbox-custom[type="checkbox"] + label {
cursor: pointer;
}
.form-checkbox-custom[type="radio"] + label .label-option-wrapper {
width: calc(100% - 32px);
}
.form-checkbox-custom[type="checkbox"] + label .label-option-wrapper {
width: calc(100% - 50px);
}
.form-checkbox-custom .label-option-wrapper span {
display: inline;
}
.form-checkbox-custom[type="checkbox"] + label:before {
border: 1px solid #989898;
box-sizing: border-box;
content: '';
display: inline-block;
height: 40px;
margin-right: 10px;
margin-bottom: auto;
vertical-align: middle;
width: 40px;
}
.form-checkbox-custom[type="checkbox"]:checked + label:after {
content: url("../svg/heroicons/outline/check-options.svg");
display: block;
left: 11px;
position: absolute;
top: 11px;
}
.form-checkbox-custom[type="radio"] + label:before {
border: 1px solid #989898;
margin-right: 10px;
margin-bottom: auto;
content: '';
width: 22px;
height: 22px;
box-sizing: border-box;
border-radius: 100%;
display: inline-block;
}
.form-checkbox-custom[type="radio"]:checked + label:after {
content: '';
display: block;
width: 14px;
height: 14px;
background-color: #25722d;
box-sizing: border-box;
border-radius: 100%;
position: absolute;
left: 4px;
top: 4px;
}
.fieldset.engraving .field {
margin: 0;
}
.fieldset.gift-wrapping-block .field {
margin: 0;
}
.form-checkbox-engraving[type="checkbox"],
.form-checkbox-gift-wrapping[type="checkbox"] {
cursor: default;
opacity: 0;
position: absolute;
}
.form-checkbox-engraving[type="checkbox"] + label:before,
.form-checkbox-gift-wrapping[type="checkbox"] + label:before {
content: '';
position: absolute;
cursor: pointer;
right: 12px;
width: 24px;
height: 24px;
border-radius: 6px;
border: 1px solid #989898;
top: 50%;
transform: translateY(-50%);
background-color: #fff;
}
.form-checkbox-engraving[type="checkbox"]:checked + label:before,
.form-checkbox-gift-wrapping[type="checkbox"]:checked + label:before {
background-color: #8DF28E;
border-color: #8DF28E;
}
.form-checkbox-engraving[type="checkbox"]:checked + label:after,
.form-checkbox-gift-wrapping[type="checkbox"]:checked + label:after {
content: url("../svg/heroicons/outline/check-new.svg");
display: block;
right: 18px;
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.product-options-wrapper .field.field-reserved.field-error {
width: 280px;
}
.product-options-wrapper .field.field-reserved.field-error .messages {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
}
.product-options-wrapper .engraving .swatch-attribute-options {
display: inline-flex;
}
.product-options-wrapper .engraving .mageworx-swatch-container {
width: 100px;
height: 100px;
padding: 0;
margin: 0 12px 12px 0;
}
.product-options-wrapper .engraving .tooltip-action {
border-radius: 0 6px 0 6px;
}
.product-options-wrapper .engraving .tooltip-placement {
position: absolute;
top: 112px;
left: 0;
z-index: 11;
border: 1px solid #B6B6B6;
border-radius: 6px;
width: 212px;
}
.product-options-wrapper .engraving .tooltip-placement img {
border-radius: 6px;
}
.product-options-wrapper .engraving .tooltip-placement:before {
content: '';
position: absolute;
top: -9px;
width: 0;
left: 20px;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
z-index: 11;
}
.product-options-wrapper .engraving .tooltip-placement:after {
content: '';
position: absolute;
top: -11px;
width: 0;
left: 20px;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #B6B6B6;
z-index: 10;
}
.product-options-wrapper .engraving .tooltip-placement.right:before {
left: auto;
right: 20px;
}
.product-options-wrapper .engraving .tooltip-placement.right:after {
left: auto;
right: 20px;
}
.product-options-wrapper .engraving .tooltip-font {
position: absolute;
top: 112px;
left: 0;
z-index: 11;
border: 1px solid #B6B6B6;
border-radius: 6px;
width: 212px;
}
.product-options-wrapper .engraving .tooltip-font img {
border-radius: 6px;
}
.product-options-wrapper .engraving .tooltip-font:before {
content: '';
position: absolute;
top: -9px;
width: 0;
left: 20px;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
z-index: 11;
}
.product-options-wrapper .engraving .tooltip-font:after {
content: '';
position: absolute;
top: -11px;
width: 0;
left: 20px;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #B6B6B6;
z-index: 10;
}
.product-options-wrapper .engraving .tooltip-font.right:before {
left: auto;
right: 20px;
}
.product-options-wrapper .engraving .tooltip-font.right:after {
left: auto;
right: 20px;
}
.product-options-wrapper .engraving .mageworx-swatch-option {
padding: 0;
border: 1px solid #B6B6B6;
width: 100%;
height: 100%;
border-radius: 6px;
transition: all 0.2s linear;
position: relative;
}
.product-options-wrapper .engraving .mageworx-swatch-option.image:not(.disabled):hover {
outline: 0 none;
border: 1px solid #000;
}
.product-options-wrapper .engraving .mageworx-swatch-option.selected {
outline: 0 none;
border: 1px solid #000;
}
.product-options-wrapper .engraving .mageworx-swatch-option.selected:before {
content: '';
background-image: url("../svg/heroicons/outline/check-new.svg");
background-repeat: no-repeat;
background-size: 8px;
background-position: 5px 5px;
border-radius: 6px 0 4px 0;
right: 0;
width: 16px;
height: 16px;
position: absolute;
bottom: 0;
background-color: #8DF28E;
z-index: 2;
}
.product-options-wrapper .engraving .mageworx-swatch-option img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 6px;
}
.product-options-wrapper #engraving-font .mageworx-swatch-option {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.home-banner .product-options-wrapper #engraving-font .mageworx-swatch-option {
background-color: rgba(255,255,255,0.05);
}
.product-options-wrapper #engraving-font .mageworx-swatch-option img {
max-width: 70px;
max-height: 70px;
margin: 0 auto;
}
.product-options-wrapper #engraving-font .field.field-error .messages {
margin-bottom: -15px;
}
.product-options-wrapper .gift-wrapping-block .mageworx-swatch-container {
width: 100px;
height: 100px;
padding: 0;
margin: 0 12px 12px 0;
}
.product-options-wrapper .gift-wrapping-block .tooltip-gift-wrapping {
position: absolute;
top: calc(100% - 8px);
left: 0;
z-index: 11;
border: 1px solid #B6B6B6;
border-radius: 6px;
width: 212px;
}
.product-options-wrapper .gift-wrapping-block .tooltip-gift-wrapping img {
border-radius: 6px;
}
.product-options-wrapper .gift-wrapping-block .tooltip-gift-wrapping:before {
content: '';
position: absolute;
top: -9px;
width: 0;
left: 20px;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #f7f1ec;
z-index: 11;
}
.product-options-wrapper .gift-wrapping-block .tooltip-gift-wrapping:after {
content: '';
position: absolute;
top: -11px;
width: 0;
left: 20px;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #B6B6B6;
z-index: 10;
}
.product-options-wrapper .gift-wrapping-block .tooltip-gift-wrapping.right:before {
left: auto;
right: 20px;
}
.product-options-wrapper .gift-wrapping-block .tooltip-gift-wrapping.right:after {
left: auto;
right: 20px;
}
.product-options-wrapper .gift-wrapping-block .swatch-attribute-options {
margin: 0px;
display: inline-flex;
}
.product-options-wrapper .gift-wrapping-block .swatch-attribute-options .tooltip-action {
border-radius: 0 6px 0 6px;
}
.product-options-wrapper .gift-wrapping-block .mageworx-swatch-option {
padding: 0;
border: 1px solid #B6B6B6;
width: 100%;
height: 100%;
border-radius: 6px;
transition: all 0.2s linear;
position: relative;
}
.product-options-wrapper .gift-wrapping-block .mageworx-swatch-option.image:not(.disabled):hover {
outline: 0 none;
border: 1px solid #000;
}
.product-options-wrapper .gift-wrapping-block .mageworx-swatch-option.selected {
outline: 0 none;
border: 1px solid #000;
}
.product-options-wrapper .gift-wrapping-block .mageworx-swatch-option.selected:before {
content: '';
background-image: url("../svg/heroicons/outline/check-new.svg");
background-repeat: no-repeat;
background-size: 8px;
background-position: 5px 5px;
border-radius: 6px 0 4px 0;
right: 0;
width: 16px;
height: 16px;
position: absolute;
bottom: 0;
background-color: #8DF28E;
z-index: 2;
}
.product-options-wrapper .gift-wrapping-block .mageworx-swatch-option img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 6px;
}
.product-options-wrapper .gift-wrapping-block svg path {
stroke-width: 1px;
}
.gift-wrapping-info {
background-color: #54A658;
width: 16px;
height: 16px;
min-width: 16px;
border-radius: 50%;
cursor: pointer;
margin: auto 5px auto 10px;
display: flex;
align-items: center;
justify-content: center;
}
.gift-wrapping-info:before {
content: 'i';
color: #fff;
font-size: 12px;
font-weight: bold;
margin-top: 2px;
}
.gift-wrapping-info-content {
position: absolute;
left: 0;
top: 60%;
background-color: #fff;
padding: 20px;
transform: translateX(-105%);
max-width: 300px;
width: 100%;
border: 1px solid #dfdfdf;
z-index: 99;
}
@media (max-width: 767px) {
.gift-wrapping-info-content {
left: auto;
max-width: 100%;
transform: none;
right: 0;
width: auto;
top: 100%
}
}
form .product-options-wrapper .fieldset.engraving .field.field-error + .captions-annotations-medium {
margin-top: 20px;
}
form .product-options-wrapper .field.field-reserved {
margin: 0;
}
.field.required > .label:after {
color: #e02b27;
content: '*';
font-size: 12px;
position: relative;
top: -2px;
}
/* Omnibus block */
.omnibus {
margin-bottom: 0.75rem;
margin-top: -0.75rem;
}
.omnibus, .gift-wrapping {
display: flex;
max-width: calc(100% - 100px);
width: 100%;
}
.omnibus__name, .gift-wrapping__name {
margin: 0 7px 0 0;
text-decoration: underline;
}
.omnibus__content, .gift-wrapping__content {
position: absolute;
left: 0;
top: 60%;
background-color: #fff;
padding: 20px;
transform: translateX(-105%);
max-width: 300px;
width: 100%;
border: 1px solid #dfdfdf;
z-index: 2;
}
@media (max-width: 767px) {
.omnibus__content, .gift-wrapping__content {
left: auto;
max-width: 100%;
transform: none;
right: 0;
width: auto;
top: 100%
}
}
.omnibus__info, .gift-wrapping__info {
background-color: #087703;
width: 16px;
height: 16px;
border-radius: 50%;
cursor: pointer;
margin-top: 3px;
display: flex;
align-items: center;
justify-content: center;
}
.omnibus__info:before, .gift-wrapping__info:before {
content: 'i';
color: #fff;
font-size: 12px;
font-weight: bold;
margin-top: 2px;
}
.omnibus__close, .gift-wrapping__close {
display: flex;
justify-content: flex-end;
}
.omnibus__title, .gift-wrapping__title {
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
margin-bottom: 10px;
}
.omnibus__item, .gift-wrapping__item {
margin-bottom: 10px;
}
.omnibus__price, .gift-wrapping__price {
font-weight: 600;
}
.omnibus__content {
top: 30%;
}
#product-options-wrapper .gift-wrapping {
display: block;
position: relative;
max-width: 100%;
}
.sticky-addtocart .sticky-addtocart-prices .stamped-badge-caption {
display: none;
}
.sticky-addtocart .sticky-addtocart-prices .stamped-badge {
cursor: default;
padding-top: 0.25rem;
}
.sticky-addtocart .sticky-addtocart-prices .price-container {
margin-bottom: 0.25rem;
margin-top: 0px;
}
.sticky-addtocart .sticky-addtocart-prices .price-container .final-price {
flex-wrap: wrap;
justify-content: flex-end;
}
.sticky-addtocart .sticky-addtocart-prices .price-container .price {
padding: 0px;
font-size: 1rem;
line-height: 1.5rem;
}
@media (min-width: 640px) {
.sticky-addtocart .sticky-addtocart-prices .price-container .price {
font-size: 1.25rem;
line-height: 1.75rem;
}
}
.sticky-addtocart .sticky-addtocart-prices .price-container .text-discount {
font-size: 1.125rem;
line-height: 1.75rem;
}
@media (min-width: 640px) {
.sticky-addtocart .sticky-addtocart-prices .price-container .text-discount {
font-size: 1.5rem;
line-height: 2rem;
}
}
@media (min-width: 768px) {
.sticky-addtocart .sticky-addtocart-prices .price-container .old-price {
margin-left: 0.625rem;
}
}
.rounded-s-full {
border-start-start-radius: 9999px;
border-end-start-radius: 9999px;
}
.rounded-e-full {
border-start-end-radius: 9999px;
border-end-end-radius: 9999px;
}
.wishlist-widget .price-box .price-label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.wishlist-widget .price-box .old-price {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.modal {
/*
* TODO: add tailwind classes used for the cart and modal styles.
* This will make the modal and off-canvas styles theme specific and more adjustable.
*/
}
.backdrop {
position: fixed;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
display: flex;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
--tw-bg-opacity: 0.25;
}
.snap {
scroll-snap-type: x mandatory;
-ms-overflow-style: none;
scroll-behavior: smooth;
scrollbar-width: none;
}
.snap::-webkit-scrollbar {
display: none;
}
.snap > div {
scroll-snap-align: start;
}
.product-image-wrapper {
padding-bottom: 135%;
display: block;
height: 0;
overflow: hidden;
position: relative;
z-index: 1;
}
.product-image-wrapper .product-image-photo {
bottom: 0;
display: block;
height: auto;
left: 0;
margin: auto;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
max-height: 100%;
}
.hyva-category .product-item-name {
margin: 5px 0;
word-wrap: break-word;
color: #000;
font-size: 16px;
font-weight: 500;
line-height: 25px;
max-height: 50px;
min-height: 50px;
overflow: hidden;
display: inline-block;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.hyva-category .stamped-badge-caption {
font-size: 12px;
display: inline-block;
margin-left: 5px;
padding-top: 3px;
}
.hyva-category .price-box {
display: flex;
flex-direction: column;
min-height: 54px;
}
.hyva-category .price-box .price-label {
display: none;
}
.hyva-category .price-box .special-price .price, .hyva-category .price-box .price-wrapper .price {
font-family: 'Tuppence',sans-serif;
font-size: 24px;
line-height: 34px;
white-space: nowrap;
color: #000;
font-weight: 700;
}
.hyva-category .price-box .old-price .price {
font-size: 16px;
line-height: 20px;
font-weight: 500;
color: #666;
text-decoration: line-through;
}
body {
overflow-y: scroll;
}
.clearfix::after {
content: "";
display: block;
clear: both;
}
.page-main {
margin-bottom: 2rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.home-banner .page-main {
background-color: rgba(255,255,255,0.05);
}
.page-wrapper {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.home-banner .page-wrapper {
background-color: rgba(255,255,255,0.05);
}
.flex-columns-wrapper {
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.flex-columns-wrapper {
flex-direction: row;
}
}
.columns {
margin-left: auto;
margin-right: auto;
display: block;
width: 100%;
max-width: 1536px;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
[data-content-type$='block'] .columns p:last-child {
margin-bottom: 1rem;
margin-top: 0px;
}
.category-view .sidebar .columns.filter {
}
.columns .main {
order: 2;
}
.columns .sidebar {
order: 3;
}
.product-main-full-width .columns {
max-width: none;
}
.page-main-full-width .columns {
max-width: none;
padding-left: 0px;
padding-right: 0px;
}
.page-with-filter .columns .sidebar-main {
order: 1;
}
.catalogsearch-result-index .sidebar-main,
.catalogsearch-result-index .sidebar-additional {
display: none;
}
@media (min-width: 640px) {
.page-layout-2columns-left .columns, .page-layout-2columns-right .columns, .page-layout-3columns .columns {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.page-layout-2columns-left .columns .main, .page-layout-2columns-right .columns .main, .page-layout-3columns .columns .main {
grid-column: span 2 / span 2;
}
.page-layout-2columns-left .columns .sidebar, .page-layout-2columns-right .columns .sidebar, .page-layout-3columns .columns .sidebar {
order: 3;
}
.page-with-filter .columns .sidebar-main {
order: 1;
grid-column: span 2 / span 2;
}
}
@media (min-width: 768px) {
.page-layout-2columns-left .columns, .page-layout-2columns-right .columns, .page-layout-3columns .columns {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.page-layout-2columns-left .columns .main, .page-layout-2columns-right .columns .main, .page-layout-3columns .columns .main {
grid-row: span 2 / span 2;
}
.page-layout-2columns-left .columns .sidebar, .page-layout-2columns-right .columns .sidebar, .page-layout-3columns .columns .sidebar {
grid-column: span 1 / span 1;
}
.page-layout-2columns-left .columns .main, .page-layout-3columns .columns .main {
grid-column-start: 2 !important;
}
.page-layout-2columns-left .columns .sidebar, .page-layout-3columns .columns .sidebar {
order: 1;
}
.page-layout-2columns-left .columns .sidebar ~ .sidebar-additional, .page-layout-3columns .columns .sidebar ~ .sidebar-additional {
order: 3;
}
.page-layout-2columns-right .sidebar-main, .page-layout-2columns-right.page-with-filter .sidebar-main {
order: 3;
}
}
@media (min-width: 1024px) {
.page-layout-2columns-left .columns, .page-layout-2columns-right .columns, .page-layout-3columns .columns {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.page-layout-2columns-left .columns .main, .page-layout-2columns-right .columns .main {
grid-column: span 3 / span 3;
}
.page-layout-3columns .columns .sidebar-additional {
grid-column-start: 4;
}
}
.product-image-container {
width: 100% !important;
}
.product-image-container img {
width: 100%;
}
.swatch-attribute .swatch-attribute-options {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.swatch-attribute .swatch-attribute-options .swatch-option {
margin: 0.25rem;
display: flex;
justify-content: center;
border-width: 1px;
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
min-width: 40px;
}
body {
--tw-bg-opacity: 1;
background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
#cart-drawer {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
[x-cloak] {
display: none !important;
}
.input {
margin-right: 0.5rem;
width: auto;
border-radius: 0.25rem;
border-width: 1px;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
font-size: 1rem;
line-height: 1.5rem;
}
@media (min-width: 768px) {
.input {
margin-right: 1rem;
}
}
@media (min-width: 1024px) {
.input {
margin-right: 0px;
}
}
@media (min-width: 1280px) {
.input {
margin-right: 1rem;
}
}
.input-light {
--tw-border-opacity: 1;
border-color: rgb(156 163 175 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.home-banner .input-light {
background-color: rgba(255,255,255,0.05);
}
.input-light:focus {
--tw-border-opacity: 1;
border-color: rgb(29 78 216 / var(--tw-border-opacity));
outline: 2px solid transparent;
outline-offset: 2px;
}
.card {
border-radius: 0.125rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding: 1rem;
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.card-interactive:hover {
--tw-bg-opacity: 1;
background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.page-wrapper .breadcrumbs {
width: 100%;
min-height: 32px;
}
.page-wrapper .breadcrumbs .items {
margin: 0;
padding: 20px 0;
padding-bottom: 0;
list-style: none none;
}
@media (max-width: 767px) {
.page-wrapper .breadcrumbs .items {
margin: 0 -20px;
padding: 6px 20px 0px 20px;
background-color: #F2F2F2
}
}
.page-wrapper .breadcrumbs .items li {
display: inline-block;
margin-bottom: 5px;
}
@media (max-width: 767px) {
.page-wrapper .breadcrumbs .items li {
margin-bottom: 0
}
}
.page-wrapper .breadcrumbs .items li:first-child a {
font-size: 0;
}
.page-wrapper .breadcrumbs .items li:first-child a:before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17.922' height='16.148' viewBox='0 0 17.922 16.148'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_110' data-name='Rectangle 110' width='17.922' height='16.148' transform='translate(0 0)' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_244' data-name='Group 244' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_208' data-name='Path 208' d='M10.7,15.432V9.245H7.218v6.187' fill='none' stroke='%23666' stroke-linecap='round' stroke-width='1'/%3E%3Cpath id='Path_209' data-name='Path 209' d='M8.961,1l7.961,7.961H14.59v6.187H3.332V8.961H1Zm0-1a1,1,0,0,0-.707.293L.293,8.254A1,1,0,0,0,1,9.961H2.332v5.187a1,1,0,0,0,1,1H14.59a1,1,0,0,0,1-1V9.961h1.332a1,1,0,0,0,.707-1.707L9.668.293A1,1,0,0,0,8.961,0' fill='%23666'/%3E%3C/g%3E%3C/svg%3E");
display: inline-block;
height: 17px;
position: relative;
top: 1px;
}
.page-wrapper .breadcrumbs .items li a, .page-wrapper .breadcrumbs .items li strong {
font-size: 12px;
line-height: 20px;
color: #666666 !important;
font-weight: 500;
}
@media (max-width: 767px) {
.catalog-product-view .breadcrumbs li.item.product {
display: none
}
.catalog-product-view .breadcrumbs li:nth-last-child(2):after {
content: ''!important
}
}
.duration-200 {
transition-duration: 200ms;
}
.ease-in {
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-out {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.transition {
transition: transform 250ms ease, color 250ms ease;
}
.transform-180 {
transform: rotate(-180deg);
}
html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
font-size: 1rem;
line-height: 1.5rem;
line-height: 1.5;
letter-spacing: 0em;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-serif {
font-family: tuppence, serif;
}
.captions-annotations-medium {
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
}
h1,.h1 {
font-style: normal;
font-weight: 600;
font-size: 42px;
line-height: 54px;
margin-bottom: 25px;
margin-top: 20px
}
@media (max-width: 767px) {
h1,.h1 {
font-weight:600;
font-size: 32px;
line-height: 44px;
margin-bottom: 10px;
margin-top: 15px
}
}
h2,.h2 {
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 32px;
margin-bottom: 20px;
margin-top: 10px
}
@media (max-width: 767px) {
h2,.h2 {
font-weight:600;
font-size: 22px;
line-height: 32px;
margin-bottom: 20px;
margin-top: 10px
}
}
h3,.h3 {
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 32px;
margin-bottom: 10px;
margin-top: 5px
}
@media (max-width: 767px) {
h3,.h3 {
font-weight:500;
font-size: 17px;
line-height: 22px;
margin-bottom: 20px;
margin-top: 10px
}
}
h4,.h4 {
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 22px;
letter-spacing: 0px
}
h5,.h5 {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
text-transform: uppercase
}
h6,.h6 {
font-style: normal;
font-weight: 900;
font-size: 12px;
line-height: 18px;
letter-spacing: .6px;
color: #999;
text-transform: uppercase
}
p {
margin-bottom: 1rem;
}
.body-medium {
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 32px;
letter-spacing: 0px
}
.body-small-medium {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 25px;
letter-spacing: 0px
}
.mobile-body-small-medium {
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 22px;
letter-spacing: 0px;
color: #000
}
.captions-annotations-medium {
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 20px;
letter-spacing: 0px
}
.p-link {
font-style: normal;
font-weight: 900;
font-size: 16px;
line-height: 24px;
letter-spacing: .8px;
color: #05d;
text-transform: uppercase
}
.alt-h1-tuppence {
font-family: Tuppence, serif;
font-style: normal;
font-weight: 300;
font-size: 70px;
line-height: 70px;
letter-spacing: -1.05px
}
.alt-h3-tuppence {
font-family: Tuppence, serif;
font-style: normal;
font-weight: 600;
font-size: 40px;
line-height: 50px;
letter-spacing: 0px
}
.tuppence {
font-family: Tuppence
}
.underline:before {
position: absolute;
bottom: 3px;
content: '';
display: block;
border-bottom: 1px solid #000;
width: 100%
}
.underline {
display: inline-block;
position: relative;
text-decoration-line: none!important;
}
/**
* Layout
*/
/* Rows */
[data-content-type='row'] {
box-sizing: border-box;
}
[data-content-type='row'] > div {
margin-bottom: 0.625rem;
padding: 0.625rem;
}
[data-content-type='row'][data-appearance='contained'] {
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
width: 100%;
max-width: 1536px;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
[data-content-type='row'][data-appearance='contained'] [data-element='inner'] {
box-sizing: border-box;
background-attachment: scroll !important;
}
[data-content-type='row'][data-appearance='full-bleed'] {
background-attachment: scroll !important;
}
[data-content-type='row'][data-appearance='full-width'] {
background-attachment: scroll !important;
}
[data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner {
margin-left: auto;
width: 100%;
max-width: 1536px;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
/* Column Groups (both needed for pagebuider backwards compatibiliy) */
[data-content-type='column-group'], [data-content-type='column-line'] {
flex-wrap: wrap;
}
@media (min-width: 768px) {
[data-content-type='column-group'], [data-content-type='column-line'] {
flex-wrap: nowrap;
}
}
/* Columns */
[data-content-type='column'] {
box-sizing: border-box;
width: 100%;
max-width: 100%;
background-attachment: scroll !important;
flex-basis: 100%;
}
@media (min-width: 768px) {
[data-content-type='column'] {
flex-basis: auto
}
}
/* Tabs/Tab Item */
[data-content-type='tabs'] .tabs-navigation {
margin-bottom: -1px;
display: block;
padding: 0px;
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
[data-content-type$='block'] [data-content-type='tabs'] .tabs-navigation p:last-child {
margin-bottom: 1rem;
margin-top: 0px;
}
.category-view .sidebar [data-content-type='tabs'] .tabs-navigation.filter {
}
[data-content-type='tabs'] .tabs-navigation li.tab-header {
position: relative;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: -1px;
display: inline-block;
max-width: 100%;
overflow-wrap: break-word;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-width: 1px;
border-bottom-width: 0;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
[data-content-type='tabs'] .tabs-navigation li.tab-header:first-child {
margin-left: 0px;
}
[data-content-type='tabs'] .tabs-navigation li.tab-header.active {
z-index: 20;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.home-banner [data-content-type='tabs'] .tabs-navigation li.tab-header.active {
background-color: rgba(255,255,255,0.05);
}
[data-content-type='tabs'] .tabs-navigation li.tab-header.active {
border-bottom: 1px solid white;
}
[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title {
position: relative;
display: block;
cursor: pointer;
white-space: normal;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
vertical-align: middle;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 600;
}
[data-content-type$='block'] [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title p:last-child {
margin-bottom: 1rem;
margin-top: 0px;
}
.category-view .sidebar [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title.filter {
}
[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title span {
font-weight: 600;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
[data-content-type='tabs'] .tabs-content {
position: relative;
z-index: 10;
box-sizing: border-box;
overflow: hidden;
border-radius: 0.125rem;
border-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
[data-content-type='tabs'] .tabs-content [data-content-type='tab-item'] {
box-sizing: border-box;
padding: 2rem;
min-height: inherit;
background-attachment: scroll !important;
}
[data-content-type='tabs'].tab-align-left .tabs-content {
border-top-left-radius: 0 !important;
}
[data-content-type='tabs'].tab-align-right .tabs-content {
border-top-right-radius: 0 !important;
}
/**
* Elements
*/
/* Text */
[data-content-type='text'] {
overflow-wrap: break-word;
}
/* Heading */
[data-content-type='heading'] {
overflow-wrap: break-word;
}
/* Buttons/Button Item */
[data-content-type='buttons'] {
max-width: 100%;
}
[data-content-type='buttons'] [data-content-type='button-item'] {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
max-width: 100%;
}
[data-content-type='buttons'] [data-content-type='button-item'] [data-element='link'],
[data-content-type='buttons'] [data-content-type='button-item'] [data-element='empty_link'] {
max-width: 100%;
overflow-wrap: break-word;
}
[data-content-type='buttons'] [data-content-type='button-item'] [data-element='empty_link'] {
cursor: default;
}
[data-content-type='buttons'] [data-content-type='button-item'] a,
[data-content-type='buttons'] [data-content-type='button-item'] button,
[data-content-type='buttons'] [data-content-type='button-item'] div {
display: inline-block;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
[data-content-type='buttons'] [data-content-type='button-item'] a.pagebuilder-button-link, [data-content-type='buttons'] [data-content-type='button-item'] button.pagebuilder-button-link, [data-content-type='buttons'] [data-content-type='button-item'] div.pagebuilder-button-link {
box-sizing: border-box;
}
a.pagebuilder-button-primary, button.pagebuilder-button-primary, div.pagebuilder-button-primary {
display: flex;
align-items: center;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(107 114 128 / var(--tw-bg-opacity));
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 768px) {
a.pagebuilder-button-primary, button.pagebuilder-button-primary, div.pagebuilder-button-primary {
padding-left: 1.5rem;
padding-right: 1.5rem;
font-size: 1.125rem;
line-height: 1.75rem;
}
}
@media (min-width: 1280px) {
a.pagebuilder-button-primary, button.pagebuilder-button-primary, div.pagebuilder-button-primary {
font-size: 1rem;
line-height: 1.5rem;
}
}
a.pagebuilder-button-primary svg, button.pagebuilder-button-primary svg, div.pagebuilder-button-primary svg {
display: inline-flex;
}
a.pagebuilder-button-primary span, button.pagebuilder-button-primary span, div.pagebuilder-button-primary span {
vertical-align: middle;
}
a.pagebuilder-button-primary:hover, button.pagebuilder-button-primary:hover, div.pagebuilder-button-primary:hover {
--tw-bg-opacity: 1;
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
a.pagebuilder-button-primary:focus, button.pagebuilder-button-primary:focus, div.pagebuilder-button-primary:focus {
border-color: transparent;
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity));
--tw-ring-opacity: 0.5;
}
a.pagebuilder-button-primary, button.pagebuilder-button-primary, div.pagebuilder-button-primary {
--tw-bg-opacity: 1;
background-color: rgb(29 78 216 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
a.pagebuilder-button-primary:hover, button.pagebuilder-button-primary:hover, div.pagebuilder-button-primary:hover {
--tw-bg-opacity: 1;
background-color: rgb(37 99 235 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:where(#hyva-checkout-main) a.pagebuilder-button-primary,:where(#hyva-checkout-main) button.pagebuilder-button-primary,:where(#hyva-checkout-main) div.pagebuilder-button-primary {
border-width: 2px;
}
:where(#hyva-checkout-main) a.pagebuilder-button-primary:disabled,:where(#hyva-checkout-main) button.pagebuilder-button-primary:disabled,:where(#hyva-checkout-main) div.pagebuilder-button-primary:disabled {
cursor: not-allowed;
opacity: 0.6;
}
:where(#hyva-checkout-main) a.pagebuilder-button-primary:not(.btn-secondary),:where(#hyva-checkout-main) button.pagebuilder-button-primary:not(.btn-secondary),:where(#hyva-checkout-main) div.pagebuilder-button-primary:not(.btn-secondary) {
border-color: transparent;
}
.input-group > :not(:last-child, button,a.pagebuilder-button-primary),.input-group > :not(:last-child, button, button.pagebuilder-button-primary),.input-group > :not(:last-child, button, div.pagebuilder-button-primary) {
border-right-width: 0;
}
.checkout-summary .checkout-nav a.pagebuilder-button-primary,.checkout-summary .checkout-nav button.pagebuilder-button-primary,.checkout-summary .checkout-nav div.pagebuilder-button-primary {
width: 100%;
}
a.pagebuilder-button-secondary, button.pagebuilder-button-secondary, div.pagebuilder-button-secondary {
display: flex;
align-items: center;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(107 114 128 / var(--tw-bg-opacity));
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 768px) {
a.pagebuilder-button-secondary, button.pagebuilder-button-secondary, div.pagebuilder-button-secondary {
padding-left: 1.5rem;
padding-right: 1.5rem;
font-size: 1.125rem;
line-height: 1.75rem;
}
}
@media (min-width: 1280px) {
a.pagebuilder-button-secondary, button.pagebuilder-button-secondary, div.pagebuilder-button-secondary {
font-size: 1rem;
line-height: 1.5rem;
}
}
a.pagebuilder-button-secondary svg, button.pagebuilder-button-secondary svg, div.pagebuilder-button-secondary svg {
display: inline-flex;
}
a.pagebuilder-button-secondary span, button.pagebuilder-button-secondary span, div.pagebuilder-button-secondary span {
vertical-align: middle;
}
a.pagebuilder-button-secondary:hover, button.pagebuilder-button-secondary:hover, div.pagebuilder-button-secondary:hover {
--tw-bg-opacity: 1;
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
a.pagebuilder-button-secondary:focus, button.pagebuilder-button-secondary:focus, div.pagebuilder-button-secondary:focus {
border-color: transparent;
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity));
--tw-ring-opacity: 0.5;
}
a.pagebuilder-button-secondary, button.pagebuilder-button-secondary, div.pagebuilder-button-secondary {
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(37 99 235 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.home-banner a.pagebuilder-button-secondary,.home-banner button.pagebuilder-button-secondary,.home-banner div.pagebuilder-button-secondary {
background-color: rgba(255,255,255,0.05);
}
a.pagebuilder-button-secondary:hover, button.pagebuilder-button-secondary:hover, div.pagebuilder-button-secondary:hover {
--tw-border-opacity: 1;
border-color: rgb(30 64 175 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.home-banner a.pagebuilder-button-secondary:hover,.home-banner button.pagebuilder-button-secondary:hover,.home-banner div.pagebuilder-button-secondary:hover {
background-color: rgba(255,255,255,0.05);
}
a.pagebuilder-button-secondary:focus, button.pagebuilder-button-secondary:focus, div.pagebuilder-button-secondary:focus {
border-width: 2px;
border-color: transparent;
}
:where(#hyva-checkout-main) a.pagebuilder-button-secondary,:where(#hyva-checkout-main) button.pagebuilder-button-secondary,:where(#hyva-checkout-main) div.pagebuilder-button-secondary {
border-width: 2px;
}
:where(#hyva-checkout-main) a.pagebuilder-button-secondary:disabled,:where(#hyva-checkout-main) button.pagebuilder-button-secondary:disabled,:where(#hyva-checkout-main) div.pagebuilder-button-secondary:disabled {
cursor: not-allowed;
opacity: 0.6;
}
:where(#hyva-checkout-main) a.pagebuilder-button-secondary:not(.btn-secondary),:where(#hyva-checkout-main) button.pagebuilder-button-secondary:not(.btn-secondary),:where(#hyva-checkout-main) div.pagebuilder-button-secondary:not(.btn-secondary) {
border-color: transparent;
}
.input-group > :not(:last-child, button,a.pagebuilder-button-secondary),.input-group > :not(:last-child, button, button.pagebuilder-button-secondary),.input-group > :not(:last-child, button, div.pagebuilder-button-secondary) {
border-right-width: 0;
}
.checkout-summary .checkout-nav a.pagebuilder-button-secondary,.checkout-summary .checkout-nav button.pagebuilder-button-secondary,.checkout-summary .checkout-nav div.pagebuilder-button-secondary {
width: 100%;
}
/* HTML Code */
[data-content-type='html'] {
overflow-wrap: break-word;
}
/**
* Media
*/
/* Image */
[data-content-type='image'] {
box-sizing: border-box;
}
[data-content-type='image'] > [data-element='link'],
[data-content-type='image'] > [data-element='link'] img {
border-radius: inherit;
}
[data-content-type='image'] .pagebuilder-mobile-hidden {
display: none;
}
@media (min-width: 768px) {
[data-content-type='image'] .pagebuilder-mobile-hidden {
display: block;
}
[data-content-type='image'] .pagebuilder-mobile-only {
display: none;
}
}
[data-content-type='image'] figcaption {
overflow-wrap: break-word;
}
/* Video */
[data-content-type='video'] {
font-size: 0;
}
[data-content-type='video'] .pagebuilder-video-inner {
box-sizing: border-box;
display: inline-block;
width: 100%;
}
[data-content-type='video'] .pagebuilder-video-container {
position: relative;
overflow: hidden;
border-radius: inherit;
padding-top: 56.25%;
}
[data-content-type='video'] iframe,
[data-content-type='video'] video {
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
}
/* Banner */
[data-content-type='banner'] > [data-element='link'], [data-content-type='banner'] > [data-element='empty_link'] {
color: inherit;
text-decoration: inherit;
}
[data-content-type='banner'] > [data-element='link']:hover, [data-content-type='banner'] > [data-element='empty_link']:hover {
color: inherit;
text-decoration: inherit;
}
[data-content-type='banner'] .pagebuilder-banner-wrapper {
box-sizing: border-box;
overflow-wrap: break-word;
background-clip: padding-box;
border-radius: inherit;
background-attachment: scroll !important;
}
[data-content-type='banner'] .pagebuilder-banner-wrapper .pagebuilder-overlay {
position: relative;
box-sizing: border-box;
padding: 2rem;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 250ms ease, color 250ms ease;
}
[data-content-type='banner'] .pagebuilder-banner-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay {
display: flex;
align-items: center;
justify-content: center;
}
[data-content-type='banner'] .pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
max-width: none;
}
@media (min-width: 768px) {
[data-content-type='banner'] .pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
max-width: 36rem;
}
}
[data-content-type='banner'] .pagebuilder-banner-wrapper.jarallax .video-overlay {
z-index: 0;
}
[data-content-type='banner'] .pagebuilder-banner-wrapper [data-element='content'] {
overflow: auto;
min-height: 50px;
}
[data-content-type='banner'] .pagebuilder-banner-wrapper .pagebuilder-banner-button {
margin: 0px;
margin-top: 1.25rem;
max-width: 100%;
overflow-wrap: break-word;
transition-property: opacity;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
text-align: inherit;
}
[data-content-type='banner'] .pagebuilder-banner-wrapper .pagebuilder-poster-content {
width: 100%;
}
[data-content-type='banner'][data-appearance='collage-centered'] .pagebuilder-banner-wrapper .pagebuilder-overlay {
margin-left: auto;
margin-right: auto;
}
[data-content-type='banner'][data-appearance='collage-left'] .pagebuilder-banner-wrapper .pagebuilder-overlay {
margin-right: auto;
}
[data-content-type='banner'][data-appearance='collage-right'] .pagebuilder-banner-wrapper .pagebuilder-overlay {
margin-left: auto;
}
/* Slider */
[data-content-type='slider'] a.button {
color: initial;
padding: 10px;
text-decoration: none;
}
[data-content-type='slider'] .carousel-nav {
position: absolute;
bottom: 0px;
margin-bottom: 0.5rem;
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
--tw-bg-opacity: 0.75;
left: 50%;
transform: translateX(-50%);
}
/* Slide */
[data-content-type='slide'][data-appearance='collage-centered'] .pagebuilder-slide-wrapper .pagebuilder-overlay {
margin-left: auto;
margin-right: auto;
}
[data-content-type='slide'][data-appearance='collage-left'] .pagebuilder-slide-wrapper .pagebuilder-overlay {
margin-right: auto;
}
[data-content-type='slide'][data-appearance='collage-right'] .pagebuilder-slide-wrapper .pagebuilder-overlay {
margin-left: auto;
}
/* Map */
[data-content-type='map'] {
box-sizing: border-box;
height: 18rem;
}
/**
* Add Content
*/
/* Block */
[data-content-type$='block'] .block p:last-child {
margin-bottom: 1rem;
margin-top: 0px;
}
/* Dynamic Block */
[data-content-type='dynamic_block'] [data-content-type='image'] img {
display: inline;
}
[data-content-type='dynamic_block'] .block-banners .banner-item-content,
[data-content-type='dynamic_block'] .block-banners-inline .banner-item-content {
margin-bottom: auto;
}
/* Products */
[data-content-type='products'][data-appearance='carousel'] [data-role='glider-content'] {
grid-template-columns: repeat(100, calc(50% - 1rem));
}
@media (min-width: 768px) {
[data-content-type='products'][data-appearance='carousel'] [data-role='glider-content'] {
grid-template-columns: repeat(100, calc(33% - 1rem))
}
}
@media (min-width: 1024px) {
[data-content-type='products'][data-appearance='carousel'] [data-role='glider-content'] {
grid-template-columns: repeat(100, calc(25% - 1rem))
}
}
/**
* Glider
*/
.glider-contain {
position: relative;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.glider {
overflow-y: hidden;
}
.glider.draggable {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: grab;
}
.glider.draggable .glider-slide img {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.glider.drag {
cursor: grabbing;
}
.glider::-webkit-scrollbar {
height: 0px;
opacity: 0;
}
.glider .glider-track {
z-index: 10;
margin: 0px;
display: flex;
width: 100%;
padding: 0px;
}
.glider-slide {
margin: 0.25rem;
width: 100%;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
align-content: center;
justify-content: center;
}
.glider-slide img {
max-width: 100%;
}
.glider-hide {
opacity: 0;
}
.glider-prev.disabled, .glider-next.disabled {
cursor: default;
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
opacity: 0.25;
}
.glider-dot {
margin: 0.25rem;
display: block;
height: 0.75rem;
width: 0.75rem;
cursor: pointer;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
opacity: 0.25;
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
[data-content-type$='block'] .glider-dot p:last-child {
margin-bottom: 1rem;
margin-top: 0px;
}
.category-view .sidebar .glider-dot.filter {
}
.glider-dot.active {
opacity: 1;
}
@media (max-width: 36em) {
.glider::-webkit-scrollbar {
height: 0.25rem;
width: 0.5rem;
-webkit-appearance: none;
appearance: none;
opacity: 1;
}
.glider::-webkit-scrollbar-thumb {
opacity: 1;
border-radius: 99px;
background-color: rgba(156, 156, 156, .25);
box-shadow: 0 0 1px rgba(255, 255, 255, .25);
}
}
[data-show-arrows='false'] .glider-prev,
[data-show-arrows='false'] .glider-next {
display: none;
}
[data-show-dots='false'] .glider-dots {
display: none;
}
.cms-page-view p {
font-size: 1rem;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.cms-page-view h2 {
margin-top: 0px;
margin-bottom: 1rem;
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
.cms-page-view h2 {
font-size: 1.5rem;
line-height: 2rem;
}
}
.cms-page-view h3 {
margin-top: 0px;
margin-bottom: 1rem;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
.cms-page-view h3 {
font-size: 1.25rem;
line-height: 1.75rem;
}
}
.cms-page-view h4 {
margin-top: 0px;
margin-bottom: 1rem;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.cms-page-view .page-title,
.cms-page-view h1 {
font-size: 32px;
line-height: 2.5rem;
font-weight: 600;
margin-top: 20px;
position: relative;
text-align: center;
width: 100%;
}
.cms-page-view .sidebar.sidebar-additional {
padding-top: 20px;
}
.cms-page-view .sidebar.sidebar-additional .block-compare {
display: none;
}
.cms-page-view .infocolumn{
box-sizing: border-box;
display: flex;
flex: 0 1 auto;
flex-direction: row;
flex-wrap: wrap;
}
.cms-page-view .cms-sidebar-list {
position: sticky;
top: 0;
list-style: none;
margin-left: 0;
padding-left: 0;
}
.cms-page-view .cms-sidebar-list li a{
color: #111;
line-height: 22px;
margin-bottom: 0;
}
.cms-page-view .cms-sidebar-list li{
position: relative;
}
.cms-page-view .cms-sidebar-list li:hover a, .cms-page-view .cms-sidebar-list li.active a{
font-weight: 600;
border-bottom: 2px solid #1a1a1a;
transition: all 0.15s;
text-decoration: none;
}
.cms-page-view span.toggle {
display: none;
}
.cms-page-view .form.contact .field.required label:after {
content: '*';
color: #EF4444;
font-size: 12px;
}
@media(max-width: 767px){
.cms-page-view .page-wrapper .page-main > .page-title-wrapper .page-title {
font-size: 20px;
line-height: 1.5rem;
text-align: left;
}
.cms-page-view .columns,
.cms-page-view .container {
padding: 0 20px;
}
.cms-sidebar-list li a:after {
content: '';
display: block;
width: 11px;
height: 11px;
border: 2px solid #111;
border-width: 0 2px 2px 0;
transition: all ease .3s;
position: absolute;
cursor: pointer;
right: 3px;
top: 24px;
text-align: center;
font-size: 16px;
transform: rotate(-45deg);
}
.cms-sidebar-list li{
border-bottom: 1px solid #f9f8f6;
margin-bottom: 0;
}
.cms-sidebar-list li a{
line-height: 60px;
}
}
.cms-page-view .column.main ul,
.cms-page-view .column.main ol {
margin-top: 0px;
margin-bottom: 0.625rem;
padding-left: 2.5rem;
}
.cms-page-view.page-layout-2columns-left .column.main a {
text-decoration: underline;
}
.cms-page-view .column.main ul li,
.cms-page-view .column.main ol li {
margin-top: 0px;
margin-bottom: 0.625rem;
}
.cms-page-view .column.main ul {
list-style-type: disc;
}
.cms-page-view .column.main ol {
list-style-type: decimal;
}
.cms-page-view .collapse {
visibility: visible;
}
/* Customer Service */
.cms-info-asiakaspalvelu .sidebar.sidebar-additional {
display: none;
}
.cms-info-asiakaspalvelu .columns {
margin-top: 1.25rem;
}
@media (min-width: 768px) {
.cms-info-asiakaspalvelu .columns {
margin-top: 0px;
}
}
.customer-service .customer-service-head {
margin-bottom: 2rem;
}
.customer-service .customer-service-head .customer-service-head-title {
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.customer-service .customer-service-head .customer-service-head-description {
font-size: 0.875rem;
line-height: 1.25rem;
}
.customer-service .customer-service-head-second {
margin-top: 3rem;
}
.customer-service .customer-service-col-wrap {
display: flex;
flex-wrap: wrap;
}
.customer-service .customer-service-col-wrap .customer-service-col-4 {
margin-bottom: 1.25rem;
width: 100%;
}
@media (min-width: 768px) {
.customer-service .customer-service-col-wrap .customer-service-col-4 {
padding-right: 2.5rem;
}
}
@media (min-width: 1024px) {
.customer-service .customer-service-col-wrap .customer-service-col-4 {
margin-bottom: 0px;
width: 33.333333%;
}
}
.customer-service .customer-service-col-wrap .customer-service-col-4 .action-title {
margin-bottom: 1.25rem;
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
text-decoration-line: underline;
}
.customer-service .customer-service-col-wrap .customer-service-col-4 .action-title:before {
position: absolute;
bottom: 3px;
content: '';
display: block;
border-bottom: 1px solid #000;
width: 100%
}
.customer-service .customer-service-col-wrap .customer-service-col-4 .action-title {
display: inline-block;
position: relative;
text-decoration-line: none;
}
.customer-service .customer-service-col-wrap .customer-service-col-4 span {
margin-bottom: 1.25rem;
display: flex;
font-size: 0.875rem;
line-height: 1.25rem;
font-style: italic;
}
.customer-service .customer-service-col-wrap .customer-service-col-4 ul {
margin-bottom: 1.25rem;
padding: 0px;
list-style-type: none;
}
.customer-service .customer-service-col-wrap .customer-service-col-4 ul li {
display: flex;
align-items: center;
}
.customer-service .customer-service-col-wrap .customer-service-col-4 .customer-service-list-icon {
margin-right: 1.25rem;
height: 2rem;
width: 2rem;
}
.customer-service .customer-service-col-wrap .customer-service-col-4 .customer-service-list-icon img,
.customer-service .customer-service-col-wrap .customer-service-col-4 .customer-service-list-icon svg {
max-width: 100%;
max-height: 100%;
}
.customer-service .customer-service-col-wrap .customer-service-col-4 .customer-service-list-text {
width: calc(100% - 52px);
}
.customer-service .customer-service-col-wrap .customer-service-col-3 {
margin-right: auto;
margin-bottom: 2.5rem;
width: 100%;
padding-right: 1.25rem;
}
@media (min-width: 640px) {
.customer-service .customer-service-col-wrap .customer-service-col-3 {
max-width: 300px;
}
}
@media (min-width: 768px) {
.customer-service .customer-service-col-wrap .customer-service-col-3 {
width: 50%;
}
}
@media (min-width: 1024px) {
.customer-service .customer-service-col-wrap .customer-service-col-3 {
margin-bottom: 0px;
width: 25%;
}
}
.customer-service .customer-service-col-wrap .customer-service-col-3 .customer-service-contact-icon {
margin-left: auto;
margin-right: auto;
margin-bottom: 1.25rem;
max-width: 50px;
}
.customer-service .customer-service-col-wrap .customer-service-col-3 .customer-service-contact-icon svg {
width: 50px;
height: 50px;
}
.customer-service .customer-service-col-wrap .customer-service-col-3 .customer-service-contact-title {
margin-bottom: 0.625rem;
text-align: center;
font-weight: 700;
}
.customer-service .customer-service-col-wrap .customer-service-col-3 .customer-service-contact-subtitle {
margin-bottom: 1.25rem;
text-align: center;
font-size: 0.875rem;
line-height: 1.25rem;
}
@media (min-width: 640px) {
.customer-service .customer-service-col-wrap .customer-service-col-3 .customer-service-contact-subtitle {
min-height: 21px
}
}
.customer-service .customer-service-col-wrap .customer-service-col-3 .button-main {
margin-left: auto;
margin-right: auto;
display: flex;
width: 100%;
align-items: center;
justify-content: center;
border-radius: 1rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(38 75 71 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(38 75 71 / var(--tw-bg-opacity));
padding: 0.75rem;
font-size: 1.125rem;
line-height: 1.75rem;
--tw-text-opacity: 1;
color: rgb(212 183 149 / var(--tw-text-opacity));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
color: #D4B795;
}
.customer-service .customer-service-col-wrap .customer-service-col-3 .button-main:hover {
opacity: 0.8;
}
.customer-service .customer-service-col-wrap .customer-service-col-3 .button-second {
margin-left: auto;
margin-right: auto;
display: flex;
width: 100%;
align-items: center;
justify-content: center;
border-radius: 1rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(212 183 149 / var(--tw-border-opacity));
padding: 0.75rem;
font-size: 1.125rem;
line-height: 1.75rem;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.customer-service .customer-service-col-wrap .customer-service-col-3 .button-second:hover {
opacity: 0.8;
}
.customer-service .customer-service-col-wrap .customer-service-col-3 .customer-service-contact-description {
margin-top: 1.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
}
.customer-service .customer-service-col-wrap .customer-service-col-3 .customer-service-contact-description p {
margin-bottom: 0.25rem;
}
.customer-service .customer-service-buttton {
margin-top: 60px;
display: none;
flex-direction: column;
text-align: center;
font-weight: 700;
}
@media (min-width: 768px) {
.customer-service .customer-service-buttton {
display: flex;
}
}
@media (min-width: 1024px) {
.customer-service .customer-service-buttton {
max-width: 370px;
}
}
.customer-service .customer-service-buttton.customer-service-buttton-mobile {
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.customer-service .customer-service-buttton.customer-service-buttton-mobile {
display: none;
}
}
.customer-service .customer-service-buttton .customer-service-button-small {
margin-left: auto;
margin-right: auto;
margin-top: 1.25rem;
display: flex;
width: 100%;
max-width: 340px;
align-items: center;
justify-content: center;
border-radius: 1rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(38 75 71 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(38 75 71 / var(--tw-bg-opacity));
padding: 0.75rem;
--tw-text-opacity: 1;
color: rgb(212 183 149 / var(--tw-text-opacity));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
color: #D4B795;
}
.customer-service .customer-service-buttton .customer-service-button-small:hover {
opacity: 0.8;
}
:root {
--swiper-theme-color: ;
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.cms-page-view .column.main .swiper-slider a:before {
display: none;
}
.pagebuilder-slider {
opacity: 0;
}
.pagebuilder-slider.swiper-initialized {
opacity: 1;
}
@media (max-width: 767px) {
.pagebuilder-slider.swiper .swiper-button-prev,
.pagebuilder-slider.swiper .swiper-button-next {
display: none
}
}
.swiper-pagination {
position: absolute;
bottom: 10px;
left: 0;
z-index: 10;
margin: 0 auto;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.swiper-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: rgb(229, 231, 235);
margin: 5px;
display: inline-flex;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #989898;
}
.swiper-slider.swiper-initialized {
opacity: 1;
visibility: visible;
}
.swiper-slider {
opacity: 0;
visibility: hidden;
}
.swiper-slider .top-right-label {
top: -20px;
right: -20px;
}
.swiper-slider .top-left-label {
top: -20px;
left: -20px;
}
.swiper-slider .stamped-product-reviews-badge {
height: 25px;
display: block;
}
.swiper-slider .stamped-product-reviews-badge .stamped-badge {
display: flex;
}
.swiper-slider .stamped-product-reviews-badge .stamped-badge[data-rating='0.0'] {
display: none;
}
@media (max-width: 767px) {
.swiper-slider .stamped-badge-caption[data-reviews][data-label][data-version="2"] > span {
display: none !important;
}
.swiper-slider .stamped-badge-caption[data-reviews][data-label][data-version="2"]:before {
content: '(' !important;
}
.swiper-slider .stamped-badge-caption[data-reviews][data-label][data-version="2"]:after {
content: ')' !important;
}
}
.swiper-slider .stamped-product-reviews-badge .stamped-badge-caption {
font-size: 12px;
display: inline-block;
margin-left: 5px;
padding-top: 2px;
}
.swiper-slider .price-wrapper-slider {
display: flex;
flex-direction: column;
height: 54px;
}
.swiper-slider .price-wrapper-slider .price-box {
font-family: 'Tuppence',sans-serif;
font-size: 20px;
line-height: 30px;
white-space: nowrap;
}
.swiper-slider .price-wrapper-slider .old-price {
font-size: 16px;
line-height: 20px;
font-weight: 500;
color: #666;
order: 1;
text-decoration: line-through;
}
.swiper-slider .product-item-link {
color: #000;
font-size: 16px;
font-weight: 500;
line-height: 25px;
max-height: 50px;
min-height: 50px;
overflow: hidden;
display: inline-block;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media (max-width: 767px) {
.swiper-slider .product-item-link {
font-size: 12px;
font-weight: 500;
line-height: 20px;
max-height: 40px;
min-height: 40px;
overflow: hidden
}
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
overflow: clip;
list-style: none;
padding: 0;
z-index: 1;
display: block;
width: 100%;
}
.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-slide, .swiper-3d .swiper-cube-shadow {
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 {
-webkit-margin-start: var(--swiper-centered-offset-before);
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 {
-webkit-margin-before: var(--swiper-centered-offset-before);
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-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom {
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,0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left,rgba(0,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,0.5),rgba(0,0,0,0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top,rgba(0,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,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:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .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);
}
}
@media (max-width: 767px) {
.main-menu.open-menu.main-menu:before {
background: rgba(0,0,0,.7);
content: '';
display: block;
height: 100%;
position: fixed;
right: 0;
top: 155px;
width: 100%;
z-index: 0;
}
}
.main-menu__navigation {
z-index: 30;
display: flex;
flex-wrap: wrap;
}
@media (min-width: 768px) {
.main-menu__navigation {
display: flex !important
}
}
@media (max-width: 767px) {
.main-menu__navigation {
position: absolute;
flex-direction: column;
overflow-y: auto;
overflow-x: hidden;
--tw-bg-opacity: 1;
background-color: rgb(38 75 71 / var(--tw-bg-opacity));
padding-bottom: 1.5rem;
height: calc(100vh - 190px);
width: calc(100vw - (100vw - 100%));
flex-wrap: nowrap;
}
}
.main-menu__tabs {
width: 100%;
gap: 1.25rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-top: 1.25rem;
}
@media (max-width: 767px) {
.main-menu__tabs {
flex-direction: column;
gap: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
.main-menu__tabs--image {
flex-direction: row;
gap: 1.25rem;
}
}
@media (max-width: 576px) {
.main-menu__tabs--image {
display: none;
}
}
.main-menu__tab {
display: flex;
flex-direction: column;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
padding-left: 15px;
padding-right: 15px;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
@media (max-width: 767px) {
.main-menu__tab {
margin-top: 0.625rem;
margin-bottom: 0.625rem;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
}
.main-menu__tab--third {
width: 33.333333%;
}
@media (max-width: 767px) {
.main-menu__tab--third {
width: 100%;
}
}
.main-menu__tab--fourth {
width: 25%;
}
@media (max-width: 767px) {
.main-menu__tab--fourth {
width: 100%;
}
}
.main-menu__tab-title {
font-size: 1rem;
line-height: 1.5rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (max-width: 767px) {
.main-menu__tab-title {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
.main-menu__tab-subtitle {
display: block;
font-size: 11px;
line-height: 13px;
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
[data-content-type$='block'] .main-menu__tab-subtitle p:last-child {
margin-bottom: 1rem;
margin-top: 0px;
}
.category-view .sidebar .main-menu__tab-subtitle.filter {
}
.main-menu__content {
position: absolute;
left: 0px;
top: 60px;
display: none;
width: 100%;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.home-banner .main-menu__content {
background-color: rgba(255,255,255,0.05);
}
.main-menu__content {
box-shadow: 0 3px 10px rgba(0,0,0,.15);
}
@media (max-width: 767px) {
.main-menu__content {
position: relative;
top: 0px;
display: flex;
background-color: transparent;
box-shadow: none;
}
}
@media (min-width: 768px) {
.main-menu__content--small {
width: auto;
}
}
.main-menu__content a {
opacity: 1;
transition: opacity 0.2s linear;
}
.main-menu__wrapper {
margin: auto;
display: flex;
width: 100%;
max-width: 1536px;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.main-menu__wrapper {
flex-direction: column;
}
}
.main-menu__link {
display: inline-flex;
padding-bottom: 1rem;
padding-top: 1.25rem;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
--tw-text-opacity: 1;
color: rgb(6 51 47 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
.main-menu__link {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
}
@media (min-width: 1280px) {
.main-menu__link {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
@media (max-width: 767px) {
.main-menu__link {
width: 100%;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
border-top: 1px solid #06332f;
padding: 15px 20px 11px;
}
}
@media (min-width: 768px) {
.main-menu__item:hover .main-menu__content {
display: flex;
}
}
@media (max-width: 767px) {
.main-menu__item {
position: relative;
width: 100%;
}
}
.main-menu__item-toggle {
display: none;
}
@media (max-width: 767px) {
.main-menu__item-toggle {
position: absolute;
right: 0px;
top: 0px;
display: flex;
cursor: pointer;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
}
.main-menu__item-toggle:hover {
background-color: rgba(0,0,0,.05);
}
}
.main-menu__col {
width: 25%;
padding: 1.25rem;
}
@media (min-width: 768px) {
.main-menu__col--full {
width: 100%;
min-width: 300px;
}
}
.main-menu__col--three {
width: 33.333333%;
}
.main-menu__col--main {
--tw-bg-opacity: 1;
background-color: rgb(246 241 234 / var(--tw-bg-opacity));
}
.main-menu__col--image {
padding-left: 0.625rem;
padding-right: 0.625rem;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.main-menu__col--image img {
filter: brightness(.8);
transition: all 0.2s linear;
}
.main-menu__col--image a:hover {
opacity: 1;
}
.main-menu__col--image a:hover img {
filter: brightness(1);
}
@media (max-width: 767px) {
.main-menu__col {
width: 100%;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.main-menu__col--main {
background-color: transparent;
}
.main-menu__col--main li {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.main-menu__col--main a {
display: flex;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
padding-left: 0.25rem;
padding-right: 0.25rem;
padding-left: 15px;
padding-right: 15px;
padding-top: 0.875rem;
padding-bottom: 0.875rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
}
.main-menu__col a {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
.main-menu__toggle {
display: flex;
cursor: pointer;
}
@media (min-width: 768px) {
.main-menu__toggle {
display: none;
}
}
.main-menu__toggle {
background-color: #264b47;
padding: 17px 15px 13px;
}
@media (max-width: 767px) {
.main-menu__subcategory {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.main-menu__subcategory > a {
margin: 0px;
display: flex;
padding-left: 15px;
padding-right: 15px;
padding-top: 0.875rem;
padding-bottom: 0.875rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
}
.main-menu__subcategory > h2, .main-menu__subcategory span {
margin: 0px;
display: flex;
padding-left: 15px;
padding-right: 15px;
padding-top: 0.875rem;
padding-bottom: 0.875rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.main-menu__subcategory .main-menu__item-toggle {
top: 8px;
}
.main-menu__subcategory ul {
padding-left: 15px;
padding-right: 15px;
}
.main-menu__subcategory ul a {
margin: 0px;
display: flex;
padding-left: 15px;
padding-right: 15px;
padding-top: 0.875rem;
padding-bottom: 0.875rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
}
}
@media (min-width: 768px) {
.main-menu__subcategory ul {
display: block !important;
}
.main-menu__subcategory ul a {
display: flex;
}
}
.blog-page .sidebar .search {
width: calc(100% - 40px);
}
.blog-page .block-products-list.grid .product-item-photo {
position: relative;
margin: 0px;
padding-top: 135%;
border: 1px solid #f2f2f2;
}
.blog-page .block-products-list.grid .product-image-photo {
padding: 0.75rem;
}
.blog-page .block-products-list.grid .product-item {
padding: 0px;
transition: all .25s linear;
}
.blog-page .block-products-list.grid .product-item:hover {
box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
background-color: transparent;
}
.blog-page .block-products-list.grid .product-info {
--tw-bg-opacity: 1;
background-color: rgb(250 250 250 / var(--tw-bg-opacity));
padding: 1rem;
text-align: center;
}
.blog-page .block-products-list.grid .product-info > div:last-child {
display: none;
}
.blog-page .block-products-list.grid .product-info > div:first-child {
margin: 0px;
}
.blog-page .block-products-list.grid .product-info > div:first-child a {
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
}
.blog-page .block-products-list.grid .product-info > div:first-child a:hover {
text-decoration: underline;
}
.blog-page .block-products-list.grid .product-info > div .price {
font-size: 0.875rem;
line-height: 1.25rem;
}
.blog-page .post-description ul,
.blog-page .post-description ol {
margin-bottom: 1rem;
padding-left: 1.5rem;
}
.blog-page .post-description ul li, .blog-page .post-description ol li {
margin-bottom: 1rem;
}
.blog-page .post-description ul {
list-style-type: disc;
}
.blog-page .post-description ol {
list-style-type: decimal;
}
.blog-page .blog-category {
margin-right: auto;
width: calc(100% - 280px);
}
@media (max-width: 767px) {
.blog-page .blog-category {
margin: 30px 0 22px;
width: 100%
}
.blog-page .blog-category .title {
padding-bottom: 0.625rem;
font-size: 1.5rem;
line-height: 2rem;
font-weight: 600;
}
}
.blog-page .blog-category ul li a {
margin-right: 1.25rem;
margin-bottom: 0.5rem;
border-radius: 20px;
min-width: 120px;
padding: 9px 8px 6px;
}
@media (max-width: 767px) {
.blog-page .blog-category ul li a {
margin-right: 8px
}
}
.blog-page .blog-list-grid .post-block {
position: relative;
}
@media (min-width: 1024px) {
.blog-page .blog-list-grid .post-block:nth-child(1) {
grid-row-start: 1;
}
.blog-page .blog-list-grid .post-block:nth-child(2) {
grid-row-start: 1;
grid-row-end: 3;
}
}
@media (max-width: 767px) {
.blog-page .blog-list-grid .post-block h3 {
margin-bottom: 0;
}
}
.blog-page .blog-list-grid .post-block .image-wrap {
min-height: 300px;
}
@media (max-width: 767px) {
.blog-page .blog-list-grid .post-block .image-wrap {
min-height: 230px
}
}
.blog-page .blog-list-grid .post-block .image-wrap:hover .image {
filter: contrast(100%);
}
.blog-page .blog-list-grid .post-block .image {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
filter: contrast(80%);
transition: all 0.25s linear;
}
.blog-page .blog-list-grid .post-block .post-category {
display: inline-flex;
justify-content: center;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(6 51 47 / var(--tw-bg-opacity));
padding: 0.5rem;
font-size: 0.75rem;
line-height: 1rem;
font-weight: 600;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
border-radius: 20px;
min-width: 120px;
padding: 9px 8px 6px;
}
.blog-page .blog-title {
margin-top: 2.5rem;
margin-bottom: 2rem;
font-size: 30px;
}
@media (max-width: 767px) {
.blog-page .blog-title {
font-size: 1.5rem;
line-height: 2rem;
width: calc(100% - 200px);
margin: 0 auto 0 0;
}
}
@media (max-width: 576px) {
.blog-page .blog-title {
margin-bottom: 1.25rem;
width: 100%;
}
}
@media (max-width: 767px) {
.blog-page .blog-search {
width: 190px
}
.blog-page .blog-search input,
.blog-page .blog-search button {
height: 40px;
}
}
@media (max-width: 576px) {
.blog-page .blog-search {
width: 100%;
}
.blog-page .blog-search .search {
width: 100%;
}
}
/* Blog Banner */
.blog-banner {
margin-left: -1.25rem;
margin-right: -1.25rem;
display: flex;
flex-wrap: wrap;
}
@media (min-width: 768px) {
.blog-banner {
margin-left: 0px;
margin-right: 0px;
margin-top: 1.25rem;
max-height: 360px;
overflow: hidden;
}
}
.blog-banner__info {
order: 2;
width: 100%;
--tw-bg-opacity: 1;
background-color: rgb(6 51 47 / var(--tw-bg-opacity));
padding: 1.25rem;
text-align: center;
}
@media (min-width: 768px) {
.blog-banner__info {
order: 1;
width: 50%;
padding: 2rem;
text-align: left;
}
}
.blog-banner__info h1 {
margin-top: 0px;
margin-bottom: 1.25rem;
font-size: 2.25rem;
line-height: 2.5rem;
--tw-text-opacity: 1;
color: rgb(212 183 149 / var(--tw-text-opacity));
font-family: tuppence, serif;
color: #D4B795;
}
@media (min-width: 768px) {
.blog-banner__info h1 {
margin-bottom: 2.5rem;
max-width: 360px;
}
}
.blog-banner__info h3 {
margin-bottom: 2.5rem;
font-size: 1.25rem;
font-weight: 400;
line-height: 2rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
.blog-banner__info h3 {
max-width: 360px
}
}
.blog-banner__info span {
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
.blog-banner__info span {
max-width: 360px
}
}
.blog-banner__image {
position: relative;
order: 1;
width: 100%;
}
@media (min-width: 768px) {
.blog-banner__image {
order: 2;
width: 50%;
max-height: 360px;
}
}
.blog-banner__image img {
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 768px) {
.blog-banner__image img {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
}
}
/* Blog Subscribe */
.blog-subscribe {
margin-left: -1.25rem;
margin-right: -1.25rem;
margin-bottom: 2.5rem;
display: flex;
flex-wrap: wrap;
}
@media (min-width: 768px) {
.blog-subscribe {
margin-left: 0px;
margin-right: 0px;
}
}
.blog-subscribe__image {
width: 100%;
}
@media (min-width: 768px) {
.blog-subscribe__image {
width: 50%;
}
}
.blog-subscribe__image img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.blog-subscribe__info {
display: flex;
width: 100%;
flex-direction: column;
}
@media (min-width: 768px) {
.blog-subscribe__info {
width: 50%;
}
}
.blog-subscribe__info {
background-color: #321e32;
padding: 50px;
}
@media (max-width: 767px) {
.blog-subscribe__info {
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-top: 1.25rem;
padding-bottom: 2rem;
text-align: center;
}
}
.blog-subscribe__info h2 {
margin-top: 0px;
margin-bottom: 1.25rem;
font-size: 2.25rem;
line-height: 2.5rem;
--tw-text-opacity: 1;
color: rgb(212 183 149 / var(--tw-text-opacity));
font-family: tuppence, serif;
color: #D4B795;
}
@media (min-width: 768px) {
.blog-subscribe__info h2 {
margin-bottom: 2.5rem;
}
}
.blog-subscribe__info h4 {
margin-bottom: 1.25rem;
font-size: 1.25rem;
font-weight: 400;
line-height: 2rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.blog-subscribe__info form {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: flex-start;
}
@media (max-width: 767px) {
.blog-subscribe__info form {
align-items: center;
}
}
.blog-subscribe__info form input {
max-width: 300px;
width: 100%;
}
.blog-subscribe__info form .field.field-reserved {
max-width: 300px;
width: 100%;
}
.blog-subscribe__info form button {
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
border-radius: 30px;
margin-top: 30px;
font-size: 20px;
padding: 8px 30px 5px;
}
.post-view-modern .post-category {
display: inline-flex;
justify-content: center;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding: 0.5rem;
font-size: 0.75rem;
line-height: 1rem;
font-weight: 600;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.home-banner .post-view-modern .post-category {
background-color: rgba(255,255,255,0.05);
}
.post-view-modern .post-category {
border-radius: 20px;
min-width: 120px;
padding: 9px 8px 6px;
--tw-bg-opacity: 0.15;
}
.post-view-modern .main-info {
overflow: hidden;
}
@media (min-width: 768px) {
.post-view-modern .main-info {
max-height: 500px
}
}
@media (max-width: 767px) {
.post-view-modern .main-info {
width: calc(100% + 40px)
}
}
.post-view-modern .main-info__image img {
-o-object-fit: cover;
object-fit: cover;
}
.post-view-modern .main-info__description .img-responsive {
display: none;
}
@media (min-width: 768px) {
.post-view-modern .main-info__description h1 {
overflow: hidden;
max-height: 95px
}
.post-view-modern .main-info__description p {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 8;
line-clamp: 8;
-webkit-box-orient: vertical
}
}
.blog-posts-slider-big,
.blog-posts-slider {
margin-bottom: 2.5rem;
}
.blog-posts-slider-big .image-container .image-wrap:hover .image, .blog-posts-slider .image-container .image-wrap:hover .image {
filter: contrast(100%);
}
.blog-posts-slider-big .image, .blog-posts-slider .image {
filter: contrast(80%);
transition: all 0.25s linear;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.blog-posts-slider-big .post-category, .blog-posts-slider .post-category {
display: inline-flex;
justify-content: center;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(6 51 47 / var(--tw-bg-opacity));
padding: 0.5rem;
font-size: 0.75rem;
line-height: 1rem;
font-weight: 600;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
border-radius: 20px;
min-width: 120px;
padding: 9px 8px 6px;
}
@media (min-width: 768px) {
.blog-posts-slider-big .image-container .image-wrap {
height: 500px
}
}
@media (max-width: 767px) {
.blog-posts-slider-big .image-container .image-wrap {
height: 300px
}
}
.blog-selling-points {
margin-left: -1.25rem;
margin-right: -1.25rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-top: 1.25rem;
padding-bottom: 2.5rem;
}
@media (min-width: 768px) {
.blog-selling-points {
margin: 0px;
padding: 2.5rem;
}
}
.blog-selling-points {
background-color: #321e32;
}
.blog-selling-points h3 {
margin-left: auto;
margin-right: auto;
margin-bottom: 2.5rem;
text-align: center;
font-size: 1.25rem;
line-height: 1.75rem;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(212 183 149 / var(--tw-text-opacity));
color: #D4B795;
max-width: 860px;
}
.blog-selling-points p {
margin-left: auto;
margin-right: auto;
margin-bottom: 2.5rem;
text-align: center;
font-size: 1.125rem;
font-weight: 400;
line-height: 2rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
max-width: 860px;
}
.blog-selling-points__items {
margin-left: auto;
margin-right: auto;
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: space-between;
max-width: 860px;
}
.blog-selling-points__item {
margin-left: auto;
margin-right: auto;
width: 100%;
text-align: center;
font-size: 0.75rem;
line-height: 1rem;
font-weight: 500;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 640px) {
.blog-selling-points__item {
width: 33.333333%;
}
}
.blog-selling-points__item {
max-width: 160px;
}
.blog-selling-points__item .image {
margin-left: auto;
margin-right: auto;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
display: flex;
align-items: center;
justify-content: center;
width: 100px;
height: 100px;
}
.blog-selling-points__item .image img,
.blog-selling-points__item .image svg {
height: 100%;
width: 100%;
}
.blog-post-view .page-main {
overflow: hidden;
}
.blog-post-view .page-main .social-block {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
margin-left: -1.25rem;
margin-right: -1.25rem;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
background-color: #f5f1e9;
width: calc(100% + 40px);
}
@media (min-width: 1536px) {
.blog-post-view .page-main .social-block {
margin-left: 0px;
margin-right: 0px;
width: 100vw;
margin-left: calc((100vw - 100%) / -2);
}
}
.blog-post-view .page-main .social-block__wrapper {
margin-left: auto;
margin-right: auto;
max-width: 1536px;
}
.blog-post-view .blog-post-category .post-category {
display: inline-flex;
justify-content: center;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(6 51 47 / var(--tw-bg-opacity));
padding: 0.5rem;
font-size: 0.75rem;
line-height: 1rem;
font-weight: 600;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
border-radius: 20px;
min-width: 120px;
padding: 9px 8px 6px;
}
.blog-post-view .main-link {
margin-bottom: 1.25rem;
display: inline-flex;
--tw-bg-opacity: 1;
background-color: rgb(6 51 47 / var(--tw-bg-opacity));
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 600;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
.blog-post-view .main-link {
font-size: 1.5rem;
line-height: 2rem;
}
}
.blog-post-view .main-link {
padding: 12px 45px 7px;
border-radius: 30px;
}
@media (max-width: 767px) {
.blog-post-view .main-link {
padding: 12px 20px 7px
}
}
.goodahead-amasty-label-text {
padding: 0px 3px;
position: absolute;
box-sizing: border-box;
white-space: nowrap;
width: 100%;
}
.top-left-label {
top:0px;
left:0px;
line-height: normal;
position: absolute;
z-index: 2;
display: block;
}
.top-center-label {
top:0px;
left:0px;
right:0px;
margin-left:auto;
margin-right:auto;
line-height: normal;
position: absolute;
z-index: 2;
display: block;
}
.top-right-label {
top:0px;
right:0px;
text-align: right;
line-height: normal;
position: absolute;
z-index: 2;
display: block;
}
.middle-left-label {
top:0px;
left:0px;
bottom:0px;
margin-top:auto;
margin-bottom:auto;
line-height: normal;
position: absolute;
z-index: 2;
display: block;
}
.middle-center-label {
top:0px;
bottom:0px;
margin-top:auto;
margin-bottom:auto;
left:0px;
right:0px;
margin-left:auto;
margin-right:auto;
line-height: normal;
position: absolute;
z-index: 2;
display: block;
}
.middle-right-label {
top:0px;
bottom:0px;
margin-top:auto;
margin-bottom:auto;
right:0px;
text-align: right;
line-height: normal;
position: absolute;
z-index: 2;
display: block;
}
.bottom-left-label {
left:0px;
bottom:0px;
line-height: normal;
position: absolute;
z-index: 2;
display: block;
}
.bottom-center-label {
left:0px;
bottom:0px;
right: 0px;
margin-left:auto;
margin-right:auto;
line-height: normal;
position: absolute;
z-index: 2;
display: block;
}
.bottom-right-label {
bottom:0px;
right: 0px;
text-align: right;
line-height: normal;
position: absolute;
z-index: 2;
display: block;
}
.product-image-container {
display: inline-block;
max-width: 100%;
margin: 0 auto;
position: relative;
}
.catalog-product-view .product.media {
position: relative;
}
#hyva-checkout-main #hyva-checkout-container #payment,
#hyva-checkout-main #hyva-checkout-container #shipping,
#hyva-checkout-main #hyva-checkout-container #billing,
#hyva-checkout-main #hyva-checkout-container #shipping-section {
margin-bottom: 1.25rem;
}
#hyva-checkout-main #hyva-checkout-container #shipping-section > .component-messenger .close {
display: none;
}
#hyva-checkout-main #hyva-checkout-container .popup-address-form #shipping,
#hyva-checkout-main #hyva-checkout-container .popup-address-form #shipping-section,
#hyva-checkout-main #hyva-checkout-container .popup-address-form #billing {
margin: 0px;
}
#hyva-checkout-main #hyva-checkout-container #quote-summary-bottom #remove-gifcard span.icon {
display: none;
}
#hyva-checkout-main #hyva-checkout-container #quote-summary > .price-summary {
border-width: 0;
background-color: transparent;
padding: 0px;
}
#hyva-checkout-main #hyva-checkout-container #quote-summary > .price-summary > :not([hidden]) ~ :not([hidden]) {
margin-top: 0;
}
#hyva-checkout-main #hyva-checkout-container #quote-summary .customer-comment {
margin-top: -1px !important;
margin-bottom: 20px !important;
}
#hyva-checkout-main #hyva-checkout-container #remove-gifcard {
display: flex;
height: 2.25rem;
align-items: center;
justify-content: space-between;
}
#hyva-checkout-main #hyva-checkout-container #remove-gifcard .title {
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
#hyva-checkout-main #hyva-checkout-container #remove-gifcard .value {
font-size: 1rem;
line-height: 1.5rem;
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
#hyva-checkout-main #hyva-checkout-container #remove-gifcard .icon {
padding-top: 1px;
}
#hyva-checkout-main #hyva-checkout-container #discount-aw-giftcard-form input:-webkit-autofill, #hyva-checkout-main #hyva-checkout-container .coupon-code input:-webkit-autofill, #hyva-checkout-main #hyva-checkout-container .avarda-payments-field input:-webkit-autofill {
-webkit-transition: background-color 50000s ease-in-out 0s;
transition: background-color 50000s ease-in-out 0s;
}
#hyva-checkout-main #hyva-checkout-container #discount-aw-giftcard-form input:-webkit-autofill,
#hyva-checkout-main #hyva-checkout-container #discount-aw-giftcard-form input:autofill,
#hyva-checkout-main #hyva-checkout-container .coupon-code input:-webkit-autofill,
#hyva-checkout-main #hyva-checkout-container .coupon-code input:autofill,
#hyva-checkout-main #hyva-checkout-container .avarda-payments-field input:-webkit-autofill,
#hyva-checkout-main #hyva-checkout-container .avarda-payments-field input:autofill {
-webkit-transition: background-color 50000s ease-in-out 0s;
transition: background-color 50000s ease-in-out 0s;
}
#hyva-checkout-main #hyva-checkout-container #discount-aw-giftcard-form .form-input:not(:-moz-placeholder-shown) + label, #hyva-checkout-main #hyva-checkout-container .coupon-code .form-input:not(:-moz-placeholder-shown) + label, #hyva-checkout-main #hyva-checkout-container .avarda-payments-field .form-input:not(:-moz-placeholder-shown) + label {
top: 0.625rem;
font-size: 0.75rem;
line-height: 1rem;
}
#hyva-checkout-main #hyva-checkout-container #discount-aw-giftcard-form .form-input:focus + label, #hyva-checkout-main #hyva-checkout-container #discount-aw-giftcard-form .form-input:not(:placeholder-shown) + label, #hyva-checkout-main #hyva-checkout-container .coupon-code .form-input:focus + label, #hyva-checkout-main #hyva-checkout-container .coupon-code .form-input:not(:placeholder-shown) + label, #hyva-checkout-main #hyva-checkout-container .avarda-payments-field .form-input:focus + label, #hyva-checkout-main #hyva-checkout-container .avarda-payments-field .form-input:not(:placeholder-shown) + label {
top: 0.625rem;
font-size: 0.75rem;
line-height: 1rem;
}
#hyva-checkout-main #hyva-checkout-container [type='checkbox'] {
height: 1.25rem;
width: 1.25rem;
border-radius: 0.25rem;
--tw-border-opacity: 1;
border-color: rgb(222 218 215 / var(--tw-border-opacity));
}
#hyva-checkout-main #hyva-checkout-container [type='radio'] {
height: 1.25rem;
width: 1.25rem;
--tw-border-opacity: 1;
border-color: rgb(222 218 215 / var(--tw-border-opacity));
}
#hyva-checkout-main #hyva-checkout-container form .field.field-reserved,
#hyva-checkout-main #hyva-checkout-container fieldset .field.field-reserved,
#hyva-checkout-main #hyva-checkout-container form .field,
#hyva-checkout-main #hyva-checkout-container fieldset .field {
margin: 0px;
margin-top: -1px;
}
#hyva-checkout-main #hyva-checkout-container form .field.field-reserved input:-webkit-autofill, #hyva-checkout-main #hyva-checkout-container fieldset .field.field-reserved input:-webkit-autofill, #hyva-checkout-main #hyva-checkout-container form .field input:-webkit-autofill, #hyva-checkout-main #hyva-checkout-container fieldset .field input:-webkit-autofill {
-webkit-transition: background-color 50000s ease-in-out 0s;
transition: background-color 50000s ease-in-out 0s;
}
#hyva-checkout-main #hyva-checkout-container form .field.field-reserved input:-webkit-autofill,
#hyva-checkout-main #hyva-checkout-container form .field.field-reserved input:autofill,
#hyva-checkout-main #hyva-checkout-container fieldset .field.field-reserved input:-webkit-autofill,
#hyva-checkout-main #hyva-checkout-container fieldset .field.field-reserved input:autofill,
#hyva-checkout-main #hyva-checkout-container form .field input:-webkit-autofill,
#hyva-checkout-main #hyva-checkout-container form .field input:autofill,
#hyva-checkout-main #hyva-checkout-container fieldset .field input:-webkit-autofill,
#hyva-checkout-main #hyva-checkout-container fieldset .field input:autofill {
-webkit-transition: background-color 50000s ease-in-out 0s;
transition: background-color 50000s ease-in-out 0s;
}
#hyva-checkout-main #hyva-checkout-container form .field.field-reserved.field-lastname,
#hyva-checkout-main #hyva-checkout-container form .field.field-reserved.field-city,
#hyva-checkout-main #hyva-checkout-container fieldset .field.field-reserved.field-lastname,
#hyva-checkout-main #hyva-checkout-container fieldset .field.field-reserved.field-city,
#hyva-checkout-main #hyva-checkout-container form .field.field-lastname,
#hyva-checkout-main #hyva-checkout-container form .field.field-city,
#hyva-checkout-main #hyva-checkout-container fieldset .field.field-lastname,
#hyva-checkout-main #hyva-checkout-container fieldset .field.field-city {
margin-left: -1px;
}
#hyva-checkout-main #hyva-checkout-container form .field.field-reserved .form-input::-webkit-input-placeholder, #hyva-checkout-main #hyva-checkout-container fieldset .field.field-reserved .form-input::-webkit-input-placeholder, #hyva-checkout-main #hyva-checkout-container form .field .form-input::-webkit-input-placeholder, #hyva-checkout-main #hyva-checkout-container fieldset .field .form-input::-webkit-input-placeholder {
color:transparent;
}
#hyva-checkout-main #hyva-checkout-container form .field.field-reserved .form-input:-moz-placeholder, #hyva-checkout-main #hyva-checkout-container fieldset .field.field-reserved .form-input:-moz-placeholder, #hyva-checkout-main #hyva-checkout-container form .field .form-input:-moz-placeholder, #hyva-checkout-main #hyva-checkout-container fieldset .field .form-input:-moz-placeholder {
color:transparent;
}
#hyva-checkout-main #hyva-checkout-container form .field.field-reserved .form-input::-moz-placeholder, #hyva-checkout-main #hyva-checkout-container fieldset .field.field-reserved .form-input::-moz-placeholder, #hyva-checkout-main #hyva-checkout-container form .field .form-input::-moz-placeholder, #hyva-checkout-main #hyva-checkout-container fieldset .field .form-input::-moz-placeholder {
color:transparent;
}
#hyva-checkout-main #hyva-checkout-container form .field.field-reserved .form-input:not(:-moz-placeholder-shown) ~ .phone-number-placeholder, #hyva-checkout-main #hyva-checkout-container fieldset .field.field-reserved .form-input:not(:-moz-placeholder-shown) ~ .phone-number-placeholder, #hyva-checkout-main #hyva-checkout-container form .field .form-input:not(:-moz-placeholder-shown) ~ .phone-number-placeholder, #hyva-checkout-main #hyva-checkout-container fieldset .field .form-input:not(:-moz-placeholder-shown) ~ .phone-number-placeholder {
opacity: 1;
}
#hyva-checkout-main #hyva-checkout-container form .field.field-reserved .form-input:focus ~ .phone-number-placeholder, #hyva-checkout-main #hyva-checkout-container form .field.field-reserved .form-input:not(:placeholder-shown) ~ .phone-number-placeholder, #hyva-checkout-main #hyva-checkout-container fieldset .field.field-reserved .form-input:focus ~ .phone-number-placeholder, #hyva-checkout-main #hyva-checkout-container fieldset .field.field-reserved .form-input:not(:placeholder-shown) ~ .phone-number-placeholder, #hyva-checkout-main #hyva-checkout-container form .field .form-input:focus ~ .phone-number-placeholder, #hyva-checkout-main #hyva-checkout-container form .field .form-input:not(:placeholder-shown) ~ .phone-number-placeholder, #hyva-checkout-main #hyva-checkout-container fieldset .field .form-input:focus ~ .phone-number-placeholder, #hyva-checkout-main #hyva-checkout-container fieldset .field .form-input:not(:placeholder-shown) ~ .phone-number-placeholder {
opacity: 1;
}
#hyva-checkout-main #hyva-checkout-container form .field.field-reserved .form-input:not(:-moz-placeholder-shown) + label, #hyva-checkout-main #hyva-checkout-container fieldset .field.field-reserved .form-input:not(:-moz-placeholder-shown) + label, #hyva-checkout-main #hyva-checkout-container form .field .form-input:not(:-moz-placeholder-shown) + label, #hyva-checkout-main #hyva-checkout-container fieldset .field .form-input:not(:-moz-placeholder-shown) + label {
top: 0.625rem;
font-size: 0.75rem;
line-height: 1rem;
}
#hyva-checkout-main #hyva-checkout-container form .field.field-reserved .form-input:focus + label, #hyva-checkout-main #hyva-checkout-container form .field.field-reserved .form-input:not(:placeholder-shown) + label, #hyva-checkout-main #hyva-checkout-container fieldset .field.field-reserved .form-input:focus + label, #hyva-checkout-main #hyva-checkout-container fieldset .field.field-reserved .form-input:not(:placeholder-shown) + label, #hyva-checkout-main #hyva-checkout-container form .field .form-input:focus + label, #hyva-checkout-main #hyva-checkout-container form .field .form-input:not(:placeholder-shown) + label, #hyva-checkout-main #hyva-checkout-container fieldset .field .form-input:focus + label, #hyva-checkout-main #hyva-checkout-container fieldset .field .form-input:not(:placeholder-shown) + label {
top: 0.625rem;
font-size: 0.75rem;
line-height: 1rem;
}
#hyva-checkout-main #hyva-checkout-container form .field.field-reserved.field-save, #hyva-checkout-main #hyva-checkout-container fieldset .field.field-reserved.field-save, #hyva-checkout-main #hyva-checkout-container form .field.field-save, #hyva-checkout-main #hyva-checkout-container fieldset .field.field-save {
margin-top: 1.25rem;
display: flex;
height: auto;
align-items: center;
border-radius: 0.5rem;
padding: 0.75rem;
padding-bottom: 0.625rem;
}
#hyva-checkout-main #hyva-checkout-container form .field.field-reserved.field-save:hover, #hyva-checkout-main #hyva-checkout-container fieldset .field.field-reserved.field-save:hover, #hyva-checkout-main #hyva-checkout-container form .field.field-save:hover, #hyva-checkout-main #hyva-checkout-container fieldset .field.field-save:hover {
background-color: transparent;
}
#hyva-checkout-main #hyva-checkout-container form .field.field-reserved.field-error, #hyva-checkout-main #hyva-checkout-container fieldset .field.field-reserved.field-error, #hyva-checkout-main #hyva-checkout-container form .field.field-error, #hyva-checkout-main #hyva-checkout-container fieldset .field.field-error {
z-index: 1;
--tw-border-opacity: 1;
border-color: rgb(224 43 39 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 221 220 / var(--tw-bg-opacity));
}
#hyva-checkout-main #hyva-checkout-container form .field.field-reserved.field-error .phone-number-placeholder, #hyva-checkout-main #hyva-checkout-container fieldset .field.field-reserved.field-error .phone-number-placeholder, #hyva-checkout-main #hyva-checkout-container form .field.field-error .phone-number-placeholder, #hyva-checkout-main #hyva-checkout-container fieldset .field.field-error .phone-number-placeholder {
opacity: 1;
}
#hyva-checkout-main #hyva-checkout-container form .field.field-reserved.field-error .form-input + label, #hyva-checkout-main #hyva-checkout-container fieldset .field.field-reserved.field-error .form-input + label, #hyva-checkout-main #hyva-checkout-container form .field.field-error .form-input + label, #hyva-checkout-main #hyva-checkout-container fieldset .field.field-error .form-input + label {
top: 0.625rem;
font-size: 0.75rem;
line-height: 1rem;
--tw-text-opacity: 1;
color: rgb(224 43 39 / var(--tw-text-opacity));
width: calc(100% - 12px);
}
#hyva-checkout-main #hyva-checkout-container form .field.field-reserved.field-error .form-input + label:before, #hyva-checkout-main #hyva-checkout-container fieldset .field.field-reserved.field-error .form-input + label:before, #hyva-checkout-main #hyva-checkout-container form .field.field-error .form-input + label:before, #hyva-checkout-main #hyva-checkout-container fieldset .field.field-error .form-input + label:before {
content: '!';
color: #fff;
width: 16px;
height: 16px;
background-color: #E02B27;
border-radius: 100%;
margin-right: 8px;
margin-top: 0;
margin-bottom: 4px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-family: 'Lato', sans-serif;
min-width: 16px;
}
#hyva-checkout-main #hyva-checkout-container form .field.field-reserved.field-error .form-input + label:after, #hyva-checkout-main #hyva-checkout-container fieldset .field.field-reserved.field-error .form-input + label:after, #hyva-checkout-main #hyva-checkout-container form .field.field-error .form-input + label:after, #hyva-checkout-main #hyva-checkout-container fieldset .field.field-error .form-input + label:after {
content: attr(data-msg-required) ' ';
padding-left: 2px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 100%;
}
#hyva-checkout-main #hyva-checkout-container form .field.field-error .messages,
#hyva-checkout-main #hyva-checkout-container fieldset .field.field-error .messages {
position: absolute;
top: 0.625rem;
left: 50%;
display: none;
font-size: 0.75rem;
line-height: 1rem;
z-index: 1;
}
#hyva-checkout-main #hyva-checkout-container .form-input,
#hyva-checkout-main #hyva-checkout-container .form-email,
#hyva-checkout-main #hyva-checkout-container .form-select,
#hyva-checkout-main #hyva-checkout-container .form-multiselect,
#hyva-checkout-main #hyva-checkout-container .form-textarea {
border-width: 0;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
#hyva-checkout-main #hyva-checkout-container .form-input:focus,
#hyva-checkout-main #hyva-checkout-container .form-email:focus,
#hyva-checkout-main #hyva-checkout-container .form-select:focus,
#hyva-checkout-main #hyva-checkout-container .form-multiselect:focus,
#hyva-checkout-main #hyva-checkout-container .form-textarea:focus {
border-style: none;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
#hyva-checkout-main #hyva-checkout-container .field-lastname,
#hyva-checkout-main #hyva-checkout-container .field-firstname,
#hyva-checkout-main #hyva-checkout-container .field-city,
#hyva-checkout-main #hyva-checkout-container .field-postcode {
grid-column: span 6 / span 6;
}
#hyva-checkout-main #hyva-checkout-container .field-email {
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
#hyva-checkout-main #hyva-checkout-container .field-telephone {
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
#hyva-checkout-main #hyva-checkout-container input.phone-number {
max-width: calc(100% - 32px);
margin-left: -2px;
}
#hyva-checkout-main #hyva-checkout-container .hide-country-id .field-country_id {
display: none;
}
#hyva-checkout-main .hide-message .component-messenger {
display: none;
}
#hyva-checkout-main .form label, #hyva-checkout-main fieldset label {
margin-bottom: 0;
}
#hyva-checkout-main fieldset ~ fieldset {
margin: 0;
}
#hyva-checkout-main #payment-method-list .icon svg {
height: 100%;
width: 100%;
}
a.order-number {
color: #006bb4;
}
.skeleton {
background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
background-size: 200% 100%;
animation: 1.5s shine linear infinite;
}
@keyframes shine {
to {
background-position-x: -200%;
}
}
.checkout-onepage-success #header .logo-wrapper {
margin-right: auto;
}
.checkout-onepage-success .page-title-wrapper {
position: relative;
}
.checkout-onepage-success .page-title-wrapper a {
position: absolute;
right: 35px;
top: 50%;
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
font-size: 1rem;
line-height: 1.5rem;
font-weight: 500;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.checkout-onepage-success .page-title-wrapper a:hover {
opacity: 0.8;
}
.break-word {
word-break: break-word;
}
:where(#hyva-checkout-main) #hyva-checkout-container .form-input,
:where(#hyva-checkout-main) #hyva-checkout-container .form-email,
:where(#hyva-checkout-main) #hyva-checkout-container .form-select,
:where(#hyva-checkout-main) #hyva-checkout-container .form-multiselect,
:where(#hyva-checkout-main) #hyva-checkout-container .form-textarea {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
:where(#hyva-checkout-main) #hyva-checkout-container .form-checkbox,
:where(#hyva-checkout-main) #hyva-checkout-container .form-radio {
height: 1.25rem;
width: 1.25rem;
flex: none;
cursor: pointer;
}
:where(#hyva-checkout-main) #hyva-checkout-container .form-checkbox:disabled,
:where(#hyva-checkout-main) #hyva-checkout-container .form-radio:disabled {
cursor: not-allowed;
opacity: 0.6;
}
:where(#hyva-checkout-main) #hyva-checkout-container .form-checkbox {
border-radius: 0.25rem;
}
:where(#hyva-checkout-main) #hyva-checkout-container fieldset ~ fieldset {
margin: 0px;
}
:where(#hyva-checkout-main) #hyva-checkout-container form label, :where(#hyva-checkout-main) #hyva-checkout-container fieldset label {
margin: 0px;
}
/* purgecss end ignore */
.page-footer #mc_embed_signup .content .news-title {
font-size: 35px;
line-height: 50px;
color: #fff;
margin-bottom: 45px;
}
.page-footer #mc_embed_signup .content .news-subtilte {
color: #f6f1ea;
margin-bottom: 40px;
font-size: 20px;
}
.page-footer #mc_embed_signup .content .body-small-medium {
color: #d4b795;
font-size: 16px;
margin-top: 15px;
}
.page-footer #mc_embed_signup form {
width: 100%;
padding: 0;
}
.page-footer #mc_embed_signup input.email {
background-color: #eadbca;
height: 60px;
width: 100% !important;
margin-bottom: 30px;
border: none;
}
.page-footer #mc_embed_signup input {
-webkit-appearance: none;
box-shadow: none !important;
}
.page-footer #mc_embed_signup .button {
width: 100%;
border: 2px solid #fff !important;
border-radius: 10px !important;
color: #fff;
background-color: transparent;
height: 50px;
text-transform: uppercase;
font-size: 16px;
letter-spacing: .6px;
font-weight: 900;
line-height: 37px !important;
font-family: 'p22-underground',sans-serif;
}
.page-footer #mc_embed_signup {
position: relative;
background-color: #06332f;
padding: 70px 0;
}
.page-footer .footer-cols-wrapper.logo-vertical {
padding: 100px 0;
justify-content: center;
display: flex;
flex-wrap: wrap;
color: #fff;
width: 100%;
}
.page-footer #extra_footer_block {
margin-bottom: 15px;
width: 100%;
}
.page-footer .footer-cols-wrapper ul {
padding: 0;
}
.page-footer .footer-cols-wrapper {
box-sizing: border-box;
display: flex;
flex: 0 1 auto;
flex-direction: row;
flex-wrap: wrap;
color: #fff;
justify-content: space-between;
width: 100%;
}
.page-footer .footer-cols-wrapper.links-wrapper {
padding-bottom: 100px;
}
@media (min-width: 768px) {
.page-footer .footer-cols-wrapper.links-wrapper {
margin: 0 -10px;
width: calc(100% + 20px)
}
}
.page-footer .footer-cols-wrapper .footer-col {
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
padding-left: 10px;
padding-right: 10px;
min-width: 200px;
}
@media only screen and (max-width: 767px) {
.page-footer .footer-cols-wrapper .footer-col {
flex-basis: 100% !important;
width: 100%;
padding: 0;
margin: 0;
border: 0;
margin-top: 0
}
}
.page-footer .footer-cols-wrapper .footer-col .title-col {
border-top: 1px solid #06332f;
border-bottom: none;
padding-top: 30px;
position: relative;
font-size: 17px;
line-height: 32px;
color: #d4b795;
font-weight: 500;
text-transform: uppercase;
text-align: left;
margin-bottom: 1rem;
min-width: 200px;
}
@media (min-width: 768px) {
.page-footer .footer-col-content {
height: 100% !important;
display: block !important;
opacity: 1 !important;
font-size: 14px;
font-weight: 300
}
}
@media only screen and (min-width: 768px) {
.page-footer .footer.content ul li {
margin-bottom: 1rem;
}
}
@media only screen and (max-width: 767px) {
.page-footer .footer-cols-wrapper ul li {
margin-bottom: 25px;
text-align: left;
}
.page-footer .footer-cols-wrapper ul li a {
font-size: 14px;
line-height: 18px;
margin-bottom: 15px;
}
.page-footer .footer-cols-wrapper .footer-col .col-upper {
margin-top: 15px;
margin-bottom: 15px;
}
.page-footer .footer-cols-wrapper .footer-col .title-col {
font-size: 14px;
padding-bottom: 10px;
padding-top: 15px;
font-weight: 900;
margin-top: 0;
margin-bottom: 0;
cursor: pointer;
}
.page-footer .footer-cols-wrapper .footer-col .title-col svg {
color: white;
fill: white;
font-size: 19px;
}
.page-footer .footer-cols-wrapper.links-wrapper {
padding-bottom: 10px;
}
.page-footer .footer-cols-wrapper.logo-vertical {
padding: 50px 0;
}
}
.intercom-lightweight-app,
.intercom-lightweight-app .intercom-lightweight-app-launcher {
z-index: 28 !important;
}
.page-header .panel.wrapper {
color: #000 !important;
border-bottom: none !important;
}
.page-header .top-header {
font-size: 12px;
color: #000;
line-height: 20px;
padding: 0 10px !important;
text-align: center;
}
.page-header .top-header .stamped-badge-stars {
display: inline-block;
vertical-align: middle;
font-weight: 700;
margin-right: 5px;
}
.page-header .top-header .stamped-fa {
font-size: 15px;
width: 17px;
display: inline-block;
color: gold;
font-style: inherit;
position: relative;
}
.page-header .top-header .fa-star, .page-header .top-header .fa-star-checked, .page-header .top-header .fa-star-half-o, .page-header .top-header .fa-star-o, .page-header .top-header .stamped-fa-star, .page-header .top-header .stamped-fa-star-checked, .page-header .top-header .stamped-fa-star-half-o, .page-header .top-header .stamped-fa-star-o {
color: #ffd200;
padding: 0;
}
.page-header .top-header .stamped-fa:before {
content: '\2605';
font-weight: 700;
font-size: 16px;
width: 16px;
display: inline-block;
color: gold;
font-style: inherit;
}
.page-header .top-header .stamped-fa-star-half-o:after {
content: '\2605';
color: gold;
position: absolute;
margin-left: -14px;
width: 7px;
overflow: hidden;
top: 1px;
}
.page-header .top-header .fa-star-half-o:before, .page-header .top-header .fa-star-o:before, .page-header .top-header .fa-star:before, .page-header .top-header .stamped-fa-star-half-o:before, .page-header .top-header .stamped-fa-star-o:before, .page-header .top-header .stamped-fa-star:before {
font-family: stamped-font,FontAwesome!important;
}
.page-header .top-header .stamped-fa:last-child {
margin-right: 0;
}
.page-header .top-header .stamped-fa-star-half-o:before {
content: '\2606';
}
.page-header .top-header #stamped-badge-total, .page-header .top-header #stamped-badge-title {
font-size: 12px;
}
.page-header .top-header .stamped-style-color-text {
color: #fff !important;
margin-right: 5px;
}
.page-header #stamped-badge-2 {
line-height: 20px;
padding-top: 9px;
padding-bottom: 4px;
display: inline-flex;
text-transform: lowercase;
font-weight: 500;
align-items: center;
height: 35px;
}
@media (max-width: 767px) {
.page-header .logo-wrapper {
margin-right: auto
}
.page-header .logo-wrapper .logo img {
max-height: 38px;
max-width: 137px;
}
.page-header .navigation {
height: 52px
}
}
.page-header #search-content {
background: #264b47 0% 0% no-repeat padding-box;
height: 60px;
padding-left: 0;
position: relative;
}
.page-header #search-content #menu-search-icon {
position: absolute;
right: 20px;
top: 17px;
}
@media (max-width: 767px) {
.page-header #search-content {
position: absolute;
bottom: -50px;
right: 0;
width: calc(100% - 50px);
border-left: 1px solid #06332f;
border-right: 1px solid #06332f;
height: 50px
}
.page-header #search-content .aa-InputWrapper .aa-Input {
height: 50px!important;
}
.page-header #search-content #menu-search-icon {
position: absolute;
right: 20px;
top: 15px;
}
.page-header #search-content #menu-search-icon svg {
height: 20px;
width: 20px
}
}
.page-header #search-content .aa-InputWrapper .aa-Input::-moz-placeholder {
color: #e3ae57;
}
.page-header #search-content .aa-InputWrapper .aa-Input::placeholder {
color: #e3ae57;
}
.page-header #search-content .aa-InputWrapper .aa-Input {
background: 0 0;
color: #e3ae57;
line-height: 25px;
padding: 3px 65px 0 20px;
left: initial;
transform: none;
z-index: 1;
height: 60px;
border: none;
}
.page-header #search-content .aa-InputWrapper .aa-Input:focus {
box-shadow: none;
border: none;
}
@media (max-width: 767px) {
.page-header #customer-menu svg, .page-header #menu-cart-icon svg {
transform: scale(.75);
}
}
#menu-cart-icon {
width: 60px;
height: 60px;
}
@media (max-width: 767px) {
#menu-cart-icon {
position: absolute;
right: 0;
top: 0
}
}
#menu-cart-icon .cart-icon-open,
#menu-cart-icon .cart-icon-close {
width: 60px;
height: 60px;
position: static;
}
#menu-cart-icon .cart-icon-close {
background-color: #264b47;
}
#menu-cart-icon .cart-summary-count {
top: 10px;
right: 10px;
width: 20px;
height: 20px;
padding: 5px 0 2px;
}
#cart-drawer.cart-drawer-variant .empty-wrapper {
border-radius: 50%;
margin: 50px auto 30px;
height: 212px;
width: 212px;
min-width: 212px;
min-height: 212px;
background-color: #F6F1EA;
flex-direction: column;
justify-content: center;
}
@media (min-width: 768px) {
#cart-drawer.cart-drawer-variant .empty-wrapper {
height: 305px;
width: 305px;
min-width: 305px;
min-height: 305px
}
}
#cart-drawer.cart-drawer-variant .empty-wrapper svg {
width: 56px;
height: auto;
position: relative;
margin-bottom: 10px;
}
@media (min-width: 768px) {
#cart-drawer.cart-drawer-variant .empty-wrapper svg {
width: 80px;
height: auto;
margin-bottom: 20px
}
}
#cart-drawer.cart-drawer-variant .empty-wrapper .subtitle.empty {
display: block;
text-align: center;
font-size: 16px;
font-weight: 400;
line-height: 22px;
color: #000;
}
@media (min-width: 768px) {
#cart-drawer.cart-drawer-variant .empty-wrapper .subtitle.empty {
font-size: 22px;
line-height: 30px
}
}
#cart-drawer.cart-drawer-variant .captions-annotations {
display: block;
text-align: center;
font-size: 16px;
font-weight: 400;
line-height: 22px;
color: #000;
padding: 0 20px;
}
@media (min-width: 768px) {
#cart-drawer.cart-drawer-variant .captions-annotations {
font-size: 22px;
line-height: 30px;
padding: 0 40px
}
}
#cart-drawer.cart-drawer-variant .empty-actions {
margin-top: auto;
display: flex;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
--tw-bg-opacity: 1;
background-color: rgb(246 241 234 / var(--tw-bg-opacity));
padding: 1.25rem;
}
#cart-drawer.cart-drawer-variant .empty-actions a {
display: flex;
align-items: center;
justify-content: center;
border-radius: 0.375rem;
font-size: 18px;
font-weight: 400;
line-height: 25px;
padding: 9px 4px;
width: calc(50% - 10px);
border: 1px solid #D4B795;
height: 44px;
}
#cart-drawer.cart-drawer-variant .empty-actions a span {
margin-left: 15px;
margin-top: 4px;
}
@media (min-width: 768px) {
#cart-drawer.cart-drawer-variant .empty-actions a span {
margin-left: 10px
}
#cart-drawer.cart-drawer-variant .empty-actions a {
font-size: 18px;
line-height: 25px;
height: 64px
}
}
#cart-drawer.cart-drawer-variant .backdrop {
background-color: rgba(0, 0, 0, 0.4);
}
#cart-drawer.cart-drawer-variant .main-block {
height: calc(100% - 64px)
}
#cart-drawer.cart-drawer-variant .cart-drawer-product .cart-drawer-product-image {
width: 74px;
height: 74px;
display: flex;
}
@media (min-width: 768px) {
#cart-drawer.cart-drawer-variant .cart-drawer-product .cart-drawer-product-image {
width: 86px;
height: 86px
}
}
#cart-drawer.cart-drawer-variant .cart-drawer-product .product-item-wrapper {
width: calc(100% - 74px);
}
@media (min-width: 768px) {
#cart-drawer.cart-drawer-variant .cart-drawer-product .product-item-wrapper {
width: calc(100% - 86px)
}
#cart-drawer.cart-drawer-variant .cart-drawer-product .product-item-name {
width: calc(100% - 120px)
}
}
#cart-drawer.cart-drawer-variant .product.options.list {
display: inline-flex;
vertical-align: top;
width: 100%;
}
#cart-drawer.cart-drawer-variant .product.options.list .label {
color: #111;
letter-spacing: .08px;
font-size: 12px;
font-weight: 400;
width: 48%;
clear: right;
margin: 0 10px 3px 0;
}
#cart-drawer.cart-drawer-variant .product.options.list .values {
display: flex;
justify-content: end;
white-space: pre-line;
color: #111;
letter-spacing: .08px;
font-size: 12px;
font-weight: 900;
float: right;
width: 50%;
clear: right;
text-align: right;
}
#cart-drawer.cart-drawer-variant .product-item-pricing {
position: relative;
text-align: right;
}
#cart-drawer.cart-drawer-variant .details-qty .product-minus-qty, #cart-drawer.cart-drawer-variant .details-qty .product-plus-qty {
border: 1px solid rgba(0, 0, 0, 0.1);
width: 32px;
height: 32px;
min-width: 32px;
padding: 4px;
box-sizing: border-box;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
#cart-drawer.cart-drawer-variant .details-qty .product-minus-qty {
border-right-width: 0;
}
#cart-drawer.cart-drawer-variant .details-qty .product-plus-qty {
border-left-width: 0;
}
#cart-drawer.cart-drawer-variant .details-qty .item-qty {
margin-right: 0;
text-align: center;
min-width: 40px;
max-width: 40px;
padding: 0 10px;
flex: 1 0 0;
border: 1px solid rgba(0, 0, 0, 0.1);
height: 32px;
line-height: 1.5;
}
#cart-drawer.cart-drawer-variant input::-webkit-outer-spin-button, #cart-drawer.cart-drawer-variant input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
#cart-drawer.cart-drawer-variant .update-cart-item {
color: #111;
border-color: #111;
background-color: transparent;
border-radius: 0;
box-shadow: none;
position: absolute;
left: -90px;
bottom: 0;
font-size: 1.1rem;
vertical-align: top;
}
#cart-drawer.cart-drawer-variant .product.actions .action.delete {
display: flex;
align-items: center;
text-decoration: none;
}
#cart-drawer.cart-drawer-variant .product.actions .action.delete > span {
font-size: 12px;
line-height: 18px;
text-transform: uppercase;
color: #000;
letter-spacing: .6px;
font-weight: 600;
}
#cart-drawer.cart-drawer-variant .product.actions .action.delete:before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17.899' height='14.851' viewBox='0 0 17.899 14.851'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_86' data-name='Rectangle 86' width='17.899' height='14.851' transform='translate(0 0)' fill='none' stroke='%23e3ae57' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_180' data-name='Group 180' transform='translate(0 0)'%3E%3Cg id='Group_182' data-name='Group 182' clip-path='url(%23clip-path)'%3E%3Cline id='Line_9' data-name='Line 9' x1='17.015' y2='13.966' transform='translate(0.442 0.442)' fill='none' stroke='%23e3ae57' stroke-linecap='round' stroke-linejoin='round' stroke-width='0.885'/%3E%3Cline id='Line_10' data-name='Line 10' x1='17.015' y1='13.966' transform='translate(0.442 0.442)' fill='none' stroke='%23e3ae57' stroke-linecap='round' stroke-linejoin='round' stroke-width='0.885'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
margin-right: 10px;
}
#cart-drawer.cart-drawer-variant .price-including-tax .price {
font-weight: 700;
}
#cart-drawer.cart-drawer-variant .minicart-footer .minicart-footer-action {
width: calc(100% - 100px);
}
@media (min-width: 768px) {
#cart-drawer.cart-drawer-variant .minicart-footer .minicart-footer-action {
width: calc(100% - 260px)
}
}
#cart-drawer.cart-drawer-variant .related-popup-footer {
box-shadow: 0 -10px 40px 0 rgba(0, 0, 0, .15);
z-index: 1;
}
#cart-drawer.cart-drawer-variant .swiper .swiper-button-disabled {
opacity: 0.5;
}
#cart-drawer.cart-drawer-variant .swiper-slider-related .swiper-slide .swiper-line {
position: absolute;
left: -10px;
top: 0;
width: 1px;
height: 100%;
background-color: #E5E5E5;
}
#cart-drawer.cart-drawer-variant button:disabled,
#cart-drawer.cart-drawer-variant button[disabled] {
opacity: 0.5;
}
#cart-drawer.cart-drawer-original .minicart-top-message {
line-height: 25px;
text-align: center;
background-color: #e3ae57;
padding: 0;
}
#cart-drawer.cart-drawer-original .minicart-top-message span {
display: inline-flex;
align-items: center;
padding-top: 5px;
}
#cart-drawer.cart-drawer-original .emty-wrapper {
border-radius: 50%;
margin: 50px auto 30px;
height: 260px;
width: 260px;
background-color: #fff;
flex-direction: column;
justify-content: center;
}
#cart-drawer.cart-drawer-original .emty-wrapper svg {
width: 90px;
height: auto;
position: relative;
left: -10px;
margin-bottom: 25px;
}
#cart-drawer.cart-drawer-original .emty-wrapper .subtitle.empty {
display: block;
text-align: center;
font-size: 20px;
font-weight: 500;
line-height: 32px;
color: #000;
}
#cart-drawer.cart-drawer-original .empty-actions {
display: flex;
margin-top: 30px;
border-top: 1px solid #d4b795;
}
#cart-drawer.cart-drawer-original .empty-actions a:first-child {
box-sizing: border-box;
border-right: 1px solid #d4b795;
text-decoration: none;
}
#cart-drawer.cart-drawer-original .empty-actions a {
padding: 35px 0;
width: 50%;
justify-content: center;
}
#cart-drawer.cart-drawer-original .empty-actions a span {
margin-left: 15px;
}
#cart-drawer.cart-drawer-original .shipping-minicart {
margin: 0;
text-align: left;
padding: 10px 0;
border-top: 1px solid #d4b795;
display: flex;
justify-content: space-between;
font-size: 12px;
text-transform: uppercase;
font-weight: 900;
}
#cart-drawer.cart-drawer-original .shipping-minicart .amount-shipping {
color: #000;
font-size: 16px;
padding: 6px 10px;
font-weight: 500;
text-transform: initial;
background-color: #8df28e;
border-radius: 15px;
}
#cart-drawer.cart-drawer-original .shipping-minicart .label {
line-height: 25px;
}
#cart-drawer.cart-drawer-original .subtotal {
margin: 0;
text-align: left;
padding: 15px 0 10px 0;
display: flex;
justify-content: space-between;
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
}
#cart-drawer.cart-drawer-original .subtotal .price {
font-size: 16px;
color: #000;
font-weight: 500;
line-height: 25px;
}
#cart-drawer.cart-drawer-original .actions-button {
margin-right: -10px;
margin-left: -10px;
position: sticky;
bottom: 0;
z-index: 1;
}
#cart-drawer.cart-drawer-original #minicart-content-wrapper {
max-height: 573px;
overflow-y: auto;
position: relative;
}
#cart-drawer.cart-drawer-original .wrapper-cart {
width: 375px;
}
#cart-drawer.cart-drawer-original .product-item-name {
font-weight: 500;
margin: 0 0 10px;
color: #111;
font-size: 12px;
line-height: 20px;
}
#cart-drawer.cart-drawer-original .toggle {
border-top: 1px solid #ccc;
cursor: pointer;
margin-bottom: 0;
position: relative;
padding: 5px 40px 5px 0;
display: block;
text-decoration: none;
font-weight: 900;
}
#cart-drawer.cart-drawer-original .toggle span {
font-size: 12px;
letter-spacing: .08px;
color: #111;
font-weight: 900;
}
#cart-drawer.cart-drawer-original .toggle span:after {
content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTQuOTY2IiBoZWlnaHQ9IjE0Ljk2NSIgdmlld0JveD0iMCAwIDE0Ljk2NiAxNC45NjUiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzg3IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSA4NyIgd2lkdGg9IjE0Ljk2NiIgaGVpZ2h0PSIxNC45NjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2UzYWU1NyIgc3Ryb2tlLXdpZHRoPSIxIi8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KICA8ZyBpZD0iR3JvdXBfNDA3IiBkYXRhLW5hbWU9Ikdyb3VwIDQwNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+CiAgICA8ZyBpZD0iR3JvdXBfMTgzIiBkYXRhLW5hbWU9Ikdyb3VwIDE4MyIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPgogICAgICA8bGluZSBpZD0iTGluZV8xMSIgZGF0YS1uYW1lPSJMaW5lIDExIiB5MT0iMTMuOTY1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3LjQ4MiAwLjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNlM2FlNTciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxIi8+CiAgICAgIDxsaW5lIGlkPSJMaW5lXzEyIiBkYXRhLW5hbWU9IkxpbmUgMTIiIHgyPSIxMy45NjYiIHkyPSIwLjAwMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41IDcuNDgyKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTNhZTU3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPC9nPgogIDwvZz4KPGRlZXBsLWFsZXJ0IHhtbG5zPSIiLz48ZGVlcGwtYWxlcnQgeG1sbnM9IiIvPjxkZWVwbC1hbGVydCB4bWxucz0iIi8+PGRlZXBsLWFsZXJ0IHhtbG5zPSIiLz48L3N2Zz4=");
display: block;
text-align: center;
position: absolute;
right: 0;
top: 9px;
}
#cart-drawer.cart-drawer-original .toggle.open span:after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.966' height='1.002' viewBox='0 0 14.966 1.002'%3E%3Cg id='Group_407' data-name='Group 407' transform='translate(0 -6.982)'%3E%3Cg id='Group_409' data-name='Group 409'%3E%3Cline id='Line_12' data-name='Line 12' x2='13.966' y2='0.002' transform='translate(0.5 7.482)' fill='none' stroke='%23e3ae57' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
top: 5px;
}
#cart-drawer.cart-drawer-original .product.options {
border-bottom: 1px solid #ccc;
}
#cart-drawer.cart-drawer-original .product.options.list {
display: inline-flex;
vertical-align: top;
width: 100%;
}
#cart-drawer.cart-drawer-original .product.options.list .label {
color: #111;
letter-spacing: .08px;
font-size: 12px;
font-weight: 400;
width: 48%;
clear: right;
margin: 0 10px 3px 0;
}
#cart-drawer.cart-drawer-original .product.options.list .values {
display: flex;
justify-content: end;
white-space: pre-line;
color: #111;
letter-spacing: .08px;
font-size: 12px;
font-weight: 900;
float: right;
width: 50%;
clear: right;
text-align: right;
}
#cart-drawer.cart-drawer-original .product-item-pricing {
position: relative;
text-align: right;
}
#cart-drawer.cart-drawer-original .details-qty .product-minus-qty, #cart-drawer.cart-drawer-original .details-qty .product-plus-qty {
background-color: #f2f2f2;
border: 1px solid #f2f2f2;
min-width: 50px;
padding: 11px 14px;
box-sizing: border-box;
text-align: center;
display: inline-block;
}
#cart-drawer.cart-drawer-original .details-qty .product-minus-qty:before {
font-size: 16px;
line-height: inherit;
color: #333;
content: '\FF0D';
vertical-align: middle;
display: inline-block;
font-weight: 400;
overflow: hidden;
speak: none;
text-align: center;
}
#cart-drawer.cart-drawer-original .details-qty .product-plus-qty:before {
font-size: 16px;
line-height: inherit;
color: #000;
content: '\FF0B';
vertical-align: middle;
display: inline-block;
font-weight: 400;
overflow: hidden;
text-align: center;
}
#cart-drawer.cart-drawer-original .details-qty .item-qty {
margin-right: 0;
text-align: center;
min-width: 50px;
max-width: 50px;
padding: 0 10px;
flex: 1 0 0;
border: 1px solid #e5e5e5;
height: 50px;
line-height: 1.5;
}
#cart-drawer.cart-drawer-original input::-webkit-outer-spin-button, #cart-drawer.cart-drawer-original input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
#cart-drawer.cart-drawer-original .product-item-wrapper {
margin-bottom: 48px;
}
#cart-drawer.cart-drawer-original .update-cart-item {
color: #111;
border-color: #111;
background-color: transparent;
border-radius: 0;
box-shadow: none;
position: absolute;
left: -90px;
bottom: 0;
font-size: 1.1rem;
vertical-align: top;
}
#cart-drawer.cart-drawer-original .product.actions {
clear: both;
width: 100%;
position: absolute;
left: 0;
padding-left: 20px;
padding-right: 20px;
border-top: 1px solid #e5e5e5;
padding-top: 15px;
margin-top: 10px;
}
#cart-drawer.cart-drawer-original .product.actions > .secondary {
display: inline;
}
#cart-drawer.cart-drawer-original .product.actions .action.delete {
display: flex;
align-items: center;
text-decoration: none;
}
#cart-drawer.cart-drawer-original .product.actions .action.delete > span {
font-size: 12px;
line-height: 18px;
text-transform: uppercase;
color: #000;
letter-spacing: .6px;
font-weight: 600;
}
#cart-drawer.cart-drawer-original .product.actions .action.delete:before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17.899' height='14.851' viewBox='0 0 17.899 14.851'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_86' data-name='Rectangle 86' width='17.899' height='14.851' transform='translate(0 0)' fill='none' stroke='%23e3ae57' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_180' data-name='Group 180' transform='translate(0 0)'%3E%3Cg id='Group_182' data-name='Group 182' clip-path='url(%23clip-path)'%3E%3Cline id='Line_9' data-name='Line 9' x1='17.015' y2='13.966' transform='translate(0.442 0.442)' fill='none' stroke='%23e3ae57' stroke-linecap='round' stroke-linejoin='round' stroke-width='0.885'/%3E%3Cline id='Line_10' data-name='Line 10' x1='17.015' y1='13.966' transform='translate(0.442 0.442)' fill='none' stroke='%23e3ae57' stroke-linecap='round' stroke-linejoin='round' stroke-width='0.885'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
margin-right: 10px;
}
#cart-drawer.cart-drawer-original .actions-buttons {
position: sticky;
bottom: 0;
z-index: 10;
}
#cart-drawer.cart-drawer-original .actions-buttons .primary {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 0;
}
#cart-drawer.cart-drawer-original .actions-buttons .primary #to-cart-btn {
width: 50%;
margin-right: 0;
vertical-align: middle;
text-align: center;
color: #111;
background-color: #f6f1ea;
border: 1px solid #d4b795;
font-size: 16px;
justify-content: center;
padding: 6px 8px 0;
border-radius: 0;
font-weight: 500;
line-height: 88px;
height: 100px;
box-sizing: border-box;
}
#cart-drawer.cart-drawer-original .actions-buttons .primary #to-checkout-btn {
width: 50%;
font-size: 16px;
color: #fff;
justify-content: center;
padding: 0 8px;
background: #25722d;
border: transparent;
border-radius: 0;
font-weight: 500;
height: 100px;
line-height: 100px;
}
.aa-Panel {
width: 100%;
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
position: absolute;
margin-top: -1px;
right: 0!important;
left: 0!important;
z-index: 1000 !important;
border: 1px solid #bbb;
border-top: 3px solid #000;
border-radius: 1px;
background: #fff;
}
@media (min-width: 768px) {
.aa-Panel {
width: 100%!important;
min-width: 800px !important;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
max-width: 1488px!important;
padding-left: 10px;
padding-right: 10px;
left: 0!important;
right: 0!important
}
}
.aa-Panel .text-oldgreen {
color: #25722d;
}
.aa-Panel .category {
color: #a6a6a6;
text-align: left;
font-size: .8em;
text-transform: uppercase;
font-weight: 700;
}
.ais-SortBy .ais-SortBy-select {
border-radius: 0.5rem;
--tw-border-opacity: 1;
border-color: rgb(156 163 175 / var(--tw-border-opacity));
font-size: 1rem;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.ais-Panel-header {
font-weight: 600;
font-size: 17px;
line-height: 32px;
letter-spacing: .85px;
color: #000;
text-transform: uppercase;
position: relative;
border-top: 1px solid #000;
padding-top: 17px;
}
.rheostat-handle.rheostat-handle-upper .rheostat-tooltip {
right: -36px;
font-size: .8em;
}
.rheostat-tooltip {
margin-left: 50%;
position: absolute;
top: -22px;
text-align: center;
transform: translateX(-50%);
white-space: nowrap;
}
.cms-page-view.page-layout-2columns-left .columns {
display: flex;
flex-wrap: wrap;
}
.cms-page-view.page-layout-2columns-left .columns .column.main {
width: 100%;
}
@media (min-width: 768px) {
.cms-page-view.page-layout-2columns-left .columns .column.main {
width: 75%;
}
}
.cms-page-view.page-layout-2columns-left .columns .sidebar {
width: 100%;
}
@media (min-width: 768px) {
.cms-page-view.page-layout-2columns-left .columns .sidebar {
width: 25%;
}
}
.cms-home .page-main {
margin-bottom: 0;
}
@media (min-width: 1024px) {
.aa-Panel [data-autocomplete-source-id='products'] {
border-left-width: 1px;
}
}
.aa-Panel [data-autocomplete-source-id='categories'] .aa-Item {
margin: 0px;
width: 100%;
}
@media (min-width: 768px) {
.aa-Panel [data-autocomplete-source-id='categories'] .aa-Item {
margin-bottom: 1rem;
width: 100%;
}
}
@media (min-width: 1024px) {
.aa-Panel [data-autocomplete-source-id='categories'] .aa-Item {
width: 100%;
}
}
.aa-Panel [data-autocomplete-source-id='categories'] .aa-Item {
padding: 0;
}
.aa-Panel [data-autocomplete-source-id='categories'] .aa-Item a {
padding: 5px 10px;
}
.aa-Panel [data-autocomplete-source-id='products'] .aa-Item {
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
@media (min-width: 768px) {
.aa-Panel [data-autocomplete-source-id='products'] .aa-Item {
width: 50%;
max-width: 50%;
}
}
@media (min-width: 1024px) {
.aa-Panel [data-autocomplete-source-id='products'] .aa-Item {
width: 50%;
}
}
#autocomplete-products-footer {
background-color: #06332F;
width: calc(100% + 10px);
position: relative;
left: 0;
color: #fff;
}
#autocomplete-products-footer .autocomplete-footer-block .text-separator:last-child {
display: none;
}
.table-row-items > div.table-row-item {
--tw-bg-opacity: 1;
background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.table-row-items > div.table-row-item:nth-child(2n + 1) {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.luxury-blog-slider button {
border: 1px solid #e5e5e5;
border-radius: 10px;
background-color: transparent;
width: 40px;
height: 40px;
box-sizing: border-box;
margin: 0 0 0 10px;
display: flex;
align-items: center;
justify-content: center;
}
.luxury-blog-slider button:before {
background-color: #fff;
display: inline-block;
padding-top: 6px;
width: 20px;
height: 20px;
color: #fff;
}
.luxury-blog-slider .h2 {
font-size: 20px;
text-align: left;
line-height: 20px;
display: inline-block;
margin-bottom: 30px;
}
.luxury-blog-slider .navigation {
position: absolute;
top: -65px;
right: 0;
display: flex;
}
.luxury-blog-slider .post-item-link {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
min-height: 96px;
}
.luxury-blog-slider .sort-desc {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
line-clamp: 5;
-webkit-box-orient: vertical;
min-height: 120px;
}
.luxury-blog-slider .sort-desc p {
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
line-clamp: 5;
-webkit-box-orient: vertical;
}
.luxury-blog-slider .post-list {
margin-left: -1rem;
margin-right: -1rem;
padding: 0px;
}
.luxury-blog-slider-cms .navigation svg {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.luxury-home-carousel .row-full-width-inner,
.luxury-home-carousel .row-full-width-inner .pagebuilder-overlay {
padding: 0!important;
}
.luxury-home-carousel .row-full-width-inner .glider-slide {
margin: 0px;
}
.luxury-home-wrapper .about-store.wrapper .text .sub-title, .luxury-home-wrapper .about-store.wrapper .text h3, .luxury-home-wrapper .about-store.wrapper .text .h3 {
margin-bottom: 40px;
display: block;
}
.luxury-home-wrapper .bottom-sales {
padding-left: 10%;
}
.bottom-xs {
align-items: flex-end;
}
.luxury-home-wrapper .home-banner p {
margin-bottom: 30px;
}
.luxury-home-wrapper .home-banner.sport-block {
margin-bottom: 50px;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.luxury-home-wrapper .home-banner.sport-block {
flex-direction: row;
}
}
.luxury-home-wrapper .home-banner.sport-block .description {
display: flex;
width: 100%;
flex-direction: column;
background-color: transparent;
}
@media (min-width: 768px) {
.luxury-home-wrapper .home-banner.sport-block .description {
width: 50%;
background-color: rgb(255 255 255 / .05);
padding-top: 50px;
padding-bottom: 50px;
}
}
.luxury-home-wrapper .home-banner.sport-block .description .outline-link {
margin-left: auto;
margin-right: auto;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
.luxury-home-wrapper .home-banner.sport-block .description .outline-link {
margin-left: 0px !important;
}
}
.luxury-home-wrapper .home-banner.jewelry-block {
margin-bottom: 50px;
display: flex;
flex-direction: column-reverse;
}
@media (min-width: 768px) {
.luxury-home-wrapper .home-banner.jewelry-block {
flex-direction: row;
}
}
.luxury-home-wrapper .home-banner.jewelry-block .description {
margin-left: auto;
margin-right: auto;
width: 100%;
}
@media (min-width: 768px) {
.luxury-home-wrapper .home-banner.jewelry-block .description {
width: 80%;
padding-top: 50px;
padding-bottom: 50px;
}
}
.luxury-home-wrapper .home-banner.jewelry-block .description .title {
margin-bottom: 30px;
display: flex;
width: 100%;
text-align: center;
font-size: 40px;
font-weight: 300;
line-height: 50px;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
.luxury-home-wrapper .home-banner.jewelry-block .description .title {
text-align: left;
font-size: 55px;
}
}
@media (min-width: 1024px) {
.luxury-home-wrapper .home-banner.jewelry-block .description .title {
font-size: 70px;
line-height: 70px;
}
}
.luxury-home-wrapper .home-banner.jewelry-block .description .title {
font-family: Tuppence;
}
.luxury-home-wrapper .about-store {
margin-bottom: 50px;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.luxury-home-wrapper .about-store {
flex-direction: row;
}
}
.luxury-home-wrapper .about-store.wrapper {
margin: 0px;
}
.luxury-home-wrapper .about-store .description {
width: 100%;
max-width: none;
}
@media (min-width: 640px) {
.luxury-home-wrapper .about-store .description {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
}
@media (min-width: 768px) {
.luxury-home-wrapper .about-store .description {
max-width: 400px;
}
}
.luxury-home-wrapper .about-store .outline-link {
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.luxury-home-wrapper .about-store .outline-link {
margin-left: 0px;
}
}
.luxury-home-wrapper .about-store .image img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.home-banner .bg-white {
background-color: rgba(255,255,255,0.05);
}
.luxury-home-wrapper .home-banner>div {
justify-content: center;
}
.hover-arrow:hover span:after {
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Group_51' data-name='Group 51' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16.901' height='15' fill='currentColor' viewBox='0 0 16.901 15'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_31' data-name='Rectangle 31' width='10.182' height='15'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_40' data-name='Group 40' transform='translate(6.719)' clip-path='url(%23clip-path)' %3E%3Cpath id='Path_13' data-name='Path 13' d='M0,14.354,3.576,8.146V6.854L0,.646.6,0,4.818,3.676a18.559,18.559,0,0,0,5.364,3.179V8.146a18.121,18.121,0,0,0-5.315,3.129L.646,15Z'/%3E%3C/g%3E%3Cpath id='Path_14' data-name='Path 14' d='M13494.93-15957.5h-14.954v-2h14.954Z' transform='translate(-13479.976 15966)'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg id='Group_51' data-name='Group 51' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16.901' height='15' fill='currentColor' viewBox='0 0 16.901 15'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_31' data-name='Rectangle 31' width='10.182' height='15'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_40' data-name='Group 40' transform='translate(6.719)' clip-path='url(%23clip-path)' %3E%3Cpath id='Path_13' data-name='Path 13' d='M0,14.354,3.576,8.146V6.854L0,.646.6,0,4.818,3.676a18.559,18.559,0,0,0,5.364,3.179V8.146a18.121,18.121,0,0,0-5.315,3.129L.646,15Z'/%3E%3C/g%3E%3Cpath id='Path_14' data-name='Path 14' d='M13494.93-15957.5h-14.954v-2h14.954Z' transform='translate(-13479.976 15966)'/%3E%3C/svg%3E%0A");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
content: ' ';
margin-left: 10px;
width:20px;
height: 14px;
display: inline-block;
position: absolute;
top: 8px;
}
@media (max-width: 767px) {
.hover-arrow:hover span:after {
-webkit-mask-image: none;
mask-image: none;
display: none;
background-color: transparent
}
}
@media (min-width: 768px){
.luxury-home-wrapper .home-banner img {
padding: 38px 0;
}
.company-block {
padding-top: 100px;
padding-bottom: 100px;
}
.luxury-home-wrapper .about-store.wrapper .text.green-text {
border-right: 2px solid #d4b795;
padding-right: 10%;
max-width: 100%;
width: 100%;
}
}
.luxury-category-block-item {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 50px;
}
.luxury-home-wrapper h2, .luxury-home-wrapper .h2 {
font-size: 40px;
line-height: 50px;
font-weight: 600;
margin-top: 0;
margin-bottom: 30px;
color: #D4B795;
display: block;
text-align: center ;
}
.outline-link {
border: 2px solid;
padding: 13px 45px;
box-sizing: border-box;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
width: -moz-fit-content;
width: fit-content;
text-decoration: none;
}
a.outline-link {
border-radius: 10px;
margin-top: 20px;
box-sizing: border-box;
}
a.outline-link span {
font-size: 17px;
text-transform: uppercase;
font-weight: 900;
position: relative;
color: inherit;
padding-top: 5px;
transition: all .3s ease-out;
}
@media (max-width: 767px) {
a.outline-link span {
font-size: 12px;
line-height: 16px
}
}
.luxury-category-block-item a picture {
display: flex;
border: 3px solid transparent;
border-radius: 50%;
}
.luxury-category-block-item a picture:hover {
border: 3px solid #172f2a;
}
.text-bronze {
color: #D4B795;
}
.luxury-home-wrapper .bottom-sales {
padding-left: 10%;
}
.luxury-home-wrapper .sales-grid>div svg {
margin-right: 30px;
}
@media (max-width: 767px) {
.luxury-home-wrapper .sales-grid>div svg {
margin: 0 auto
}
}
.luxury-home-wrapper .widget.sales-block .sales-grid>div:last-child {
border: none;
}
.luxury-home-wrapper .widget.sales-block .sales-grid>div {
border-right: 1px solid #6f616f;
}
.luxury-home-wrapper .widget.sales-block .sales-grid>div p {
margin-top: 0;
text-align: left;
margin-bottom: 0;
max-width: 190px;
padding-top: 5px;
}
@media (max-width: 767px) {
.luxury-home-wrapper .widget.sales-block .sales-grid>div p {
text-align: center;
margin-top: 5px
}
}
.luxury-home-wrapper .sales-grid {
border-radius: 10px;
padding: 25px 0;
background-color: #321e32;
}
@media (max-width: 767px){
.luxury-home-wrapper .home-banner {
margin-left: -15px;
margin-right: -15px;
padding: 0 30px;
padding-bottom: 50px
}
.luxury-home-wrapper .home-banner >div {
padding: 0;
justify-content: center;
}
}
.luxury-home-wrapper .home-banner img,
.luxury-home-carousel .home-banner img {
padding: 38px 0;
}
.luxury-blog-slider h2, .luxury-blog-slider .h2 {
color: #fff;
font-size: 20px;
text-align: left;
line-height: 20px;
display: inline-block;
}
.luxury-home-carousel .full-width-home-banner .full-text-block {
position: absolute;
top: 50%;
left: 10%;
transform: translateY(-50%);
}
.luxury-home-carousel .full-width-home-banner img {
width: 100%;
}
.luxury-home-carousel .full-width-home-banner .full-text-block p.full-text-block-brand {
margin: 0;
font-size: 21px;
line-height: 21px;
font-weight: 700;
margin-bottom: 10px;
}
@media (max-width: 767px) {
.luxury-home-carousel .full-width-home-banner .full-text-block p.full-text-block-brand {
font-size: 18px;
line-height: 18px
}
}
.luxury-home-carousel .full-width-home-banner .full-text-block p.full-text-block-big-brand {
margin: 0;
font-size: 42px;
line-height: 54px;
font-weight: 600;
text-transform: uppercase;
}
@media (max-width: 767px) {
.luxury-home-carousel .full-width-home-banner .full-text-block p.full-text-block-big-brand {
font-size: 24px;
line-height: 24px
}
}
.luxury-home-carousel .full-width-home-banner .full-text-block a {
border: solid 1px #000;
padding: 10px 20px;
font-size: 16px;
font-weight: 500;
color: #000;
display: inline-block;
text-transform: uppercase;
border-radius: 10px;
margin-top: 10px;
}
.cms-home .luxury-home-carousel {
padding-top: 50px;
padding-bottom: 20px;
}
.luxury-home-carousel .pagebuilder-slider .carousel-nav {
background-color: transparent;
margin: 0;
transform: none;
position: static;
}
.luxury-home-carousel .pagebuilder-slider .carousel-nav .glider-prev {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 2%;
margin-left: 10px;
}
.luxury-home-carousel .pagebuilder-slider .carousel-nav .glider-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 2%;
margin-right: 10px;
}
.luxury-home-wrapper .luxury-category-block-item .outline-link {
border-radius: 20px;
}
@media (max-width: 767px){
.luxury-home-wrapper .luxury-category-block-item .outline-link {
padding: 10px;
min-width: 98%;
}
.cms-home .luxury-home-carousel {
padding-top: 0;
}
.luxury-home-carousel .pagebuilder-slider .carousel-nav {
display: none;
}
.luxury-home-carousel .full-width-home-banner {
position: relative;
background-color: #fff;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
width: 100vw;
}
.luxury-home-carousel[data-appearance='full-width'] > .row-full-width-inner {
position: relative;
background-color: #fff;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
width: 100vw;
max-width: none;
}
.luxury-home-carousel .full-width-home-banner .full-text-block a {
font-size: 14px;
padding: 8px 10px;
}
.luxury-home-wrapper .about-store.wrapper .text .title {
font-size: 32px;
line-height: 40px;
margin-bottom: 25px;
margin-top: 35px;
}
.luxury-home-wrapper .bottom-sales {
border-left: none;
padding-left: 0;
}
.luxury-blog-slider h2, .luxury-blog-slider .h2 {
font-size: 16px !important;
line-height: 22px !important;
padding-right: 100px;
margin-bottom: 20px !important;
padding-top: 25px;
color: #fff;
display: inline-block;
}
}
.category-view .sidebar .block.filter {
}
.account-nav ul li a, .account-nav ul li strong {
display: flex;
justify-content: space-between;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity));
}
.account-nav ul li a:hover {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.account-nav ul li strong {
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
text-decoration-line: underline;
}
.account-nav ul li strong:before {
position: absolute;
bottom: 3px;
content: '';
display: block;
border-bottom: 1px solid #000;
width: 100%
}
.account-nav ul li strong {
display: inline-block;
position: relative;
text-decoration-line: none;
}
.actions-toolbar {
margin-top: 1.5rem;
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: space-between;
border-top-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(182 182 182 / var(--tw-border-opacity));
padding-top: 1rem;
}
.actions-toolbar a.back {
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
text-decoration-line: underline;
}
.actions-toolbar a.back:before {
position: absolute;
bottom: 3px;
content: '';
display: block;
border-bottom: 1px solid #000;
width: 100%
}
.actions-toolbar a.back {
display: inline-block;
position: relative;
text-decoration-line: none;
}
body > div > div.grecaptcha-badge {
display: none;
height: 0px !important;
width: 0px !important;
}
.order-items > div:nth-child(even) {
--tw-bg-opacity: 1;
background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.order-links {
display: block;
}
[data-content-type$='block'] .order-links p:last-child {
margin-bottom: 1rem;
margin-top: 0px;
}
.category-view .sidebar .order-links.filter {
}
.order-links {
align-items: center;
--tw-bg-opacity: 1;
background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.order-links li {
display: inline-block;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
cursor: pointer;
white-space: nowrap;
}
.order-links li.current {
flex-grow: 1;
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
.order-links li a {
text-decoration-line: underline;
}
.order-links li a:before {
position: absolute;
bottom: 3px;
content: '';
display: block;
border-bottom: 1px solid #000;
width: 100%
}
.order-links li a {
display: inline-block;
position: relative;
text-decoration-line: none;
}
.order-date {
font-size: 0.875rem;
line-height: 1.25rem;
}
form .field, fieldset .field {
margin-top: 0.25rem;
}
/* Reserve space for single line form validation messages */
form .field.field-reserved, fieldset .field.field-reserved {
margin-bottom: 1.75rem;
}
form .field.field-reserved ul:last-of-type, fieldset .field.field-reserved ul:last-of-type {
margin-bottom: -1.5rem;
padding-bottom: 0.25rem;
}
form .field.field-reserved ul, fieldset .field.field-reserved ul {
padding-left: 0px;
font-size: 0.875rem;
line-height: 1.25rem;
}
form label, fieldset label {
margin-bottom: 0.5rem;
display: block;
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
[data-content-type$='block'] form label p:last-child,[data-content-type$='block'] fieldset label p:last-child {
margin-bottom: 1rem;
margin-top: 0px;
}
.category-view .sidebar form label.filter,.category-view .sidebar fieldset label.filter {
}
form .field.choice, fieldset .field.choice {
display: flex;
align-items: center;
}
form .field.choice input, fieldset .field.choice input {
margin-right: 1rem;
}
form .field.choice label, fieldset .field.choice label {
margin-bottom: 0px;
}
form .field.field-error .messages, fieldset .field.field-error .messages {
--tw-text-opacity: 1;
color: rgb(239 68 68 / var(--tw-text-opacity));
max-width: -moz-fit-content;
max-width: fit-content;
}
form legend, fieldset legend {
margin-bottom: 0.75rem;
font-size: 1.25rem;
line-height: 1.75rem;
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
form legend + br, fieldset legend + br {
display: none;
}
fieldset ~ fieldset {
margin-top: 2rem;
}
[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;
}
@keyframes livewireautofill {
from {
}
}
#livewire-error iframe {
background-color: rgb(255 255 255) !important;
border-radius: 0.375rem !important;
padding: 0.75rem 1rem !important;
}
:where(#hyva-checkout-main) .form-input,
:where(#hyva-checkout-main) .form-email,
:where(#hyva-checkout-main) .form-select,
:where(#hyva-checkout-main) .form-multiselect,
:where(#hyva-checkout-main) .form-textarea {
color: #334155;
border-color: #cbd5e1;
}
:where(#hyva-checkout-main) .form-checkbox,
:where(#hyva-checkout-main) .form-radio {
height: 1.25rem;
width: 1.25rem;
flex: none;
cursor: pointer;
}
:where(#hyva-checkout-main) .form-checkbox:disabled,
:where(#hyva-checkout-main) .form-radio:disabled {
cursor: not-allowed;
opacity: 0.6;
}
:where(#hyva-checkout-main) .form-checkbox {
border-radius: 0.25rem;
}
.input-group {
position: relative;
display: flex;
gap: 0px;
border-radius: 0.375rem;
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
border-color: #cbd5e1;
}
.input-group:focus-within {
--tw-border-opacity: 1;
border-color: rgb(37 99 235 / var(--tw-border-opacity));
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity));
--tw-ring-opacity: 0.5;
}
.input-group > :not(:first-child) {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.input-group > :not(:last-child) {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.input-group > :not(:last-child, button, .btn) {
border-right-width: 0;
}
/* From here on these styles are Checkout specific */
:where(#hyva-checkout-main) .input-group :where(.form-input-addon) {
border-radius: 0.375rem;
border-width: 1px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding: 0.5rem;
}
.home-banner :where(#hyva-checkout-main) .input-group :where(.form-input-addon) {
background-color: rgba(255,255,255,0.05);
}
:where(#hyva-checkout-main) .input-group :where(.form-input-addon) {
border-color: inherit;
}
:where(#hyva-checkout-main) .input-group :where(.form-input-addon):first-child {
border-right-width: 0;
padding-left: 0.75rem;
}
:where(#hyva-checkout-main) .input-group :where(.form-input-addon):last-child {
border-left-width: 0;
padding-right: 0.75rem;
}
:where(#hyva-checkout-main) .input-group
> :where(
input:not([type="radio"], [type="checkbox"], [type="range"]),
select,
textarea
) {
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:where(#hyva-checkout-main) .input-group
> :where(
input:not([type="radio"], [type="checkbox"], [type="range"]),
select,
textarea
):focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
:where(#hyva-checkout-main) .input-group
> :where(
input:not([type="radio"], [type="checkbox"], [type="range"]),
select,
textarea
) {
border-color: inherit;
}
:where(#hyva-checkout-main) .input-group
> :where(
input:not([type="radio"], [type="checkbox"], [type="range"]),
select,
textarea
):not(:first-child) {
padding-left: 0.5rem;
}
:where(#hyva-checkout-main) .input-group
> :where(
input:not([type="radio"], [type="checkbox"], [type="range"]),
select,
textarea
):not(:last-child) {
padding-right: 0.5rem;
}
:where(#hyva-checkout-main) .input-group
> :where(.form-input-addon)
+ :where(
input:not([type="radio"], [type="checkbox"], [type="range"]),
select,
textarea
) {
border-left-width: 0;
}
:where(.step-layout-3columns) .btn-place-order {
width: 100%;
}
.checkout-nav {
display: flex;
flex-direction: column-reverse;
gap: 0.5rem;
}
.checkout-nav .checkout-nav-main,
.checkout-nav .checkout-nav-secondary {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
@media (min-width: 768px) {
.area-main .checkout-nav {
flex-direction: row;
}
.area-main .checkout-nav .checkout-nav-main,
.area-main .checkout-nav .checkout-nav-secondary {
flex-direction: row;
align-items: center;
flex-grow: 1;
}
.area-main .checkout-nav .checkout-nav-main {
justify-content: space-between;
}
.area-main .checkout-nav .checkout-nav-main > button:only-child {
margin-left: auto;
}
}
.checkout-summary > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.checkout-summary {
--tw-bg-opacity: 1;
background-color: rgb(245 245 245 / var(--tw-bg-opacity));
padding: 1.5rem;
}
.checkout-summary .checkout-nav .btn {
width: 100%;
}
:where(#hyva-checkout-main) .breadcrumbs .item {
display: inline-flex;
align-items: center;
}
:where(#hyva-checkout-main) .breadcrumbs .item.active > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.25rem * var(--tw-space-x-reverse));
margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
:where(#hyva-checkout-main) .breadcrumbs .item.active {
font-weight: 700;
}
:where(#hyva-checkout-main) .breadcrumbs .item.locked {
cursor: not-allowed;
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
:where(#hyva-checkout-main) .breadcrumbs .item.completed {
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
:where(#hyva-checkout-main) [x-cloak] {
display: none !important;
}
.checkout-default:where(:has(#hyva-checkout-main)) .columns,
.checkout-default:where(:has(#hyva-checkout-main)) .page.messages .messages {
max-width: 1024px;
}
/**
* ! Not intended for use in the HTML
* This only intended to add support for TailwindCSS v3 colors to TailwindCSS v2
*/
.highlight * {
font-weight: 700;
}
.ais-SearchBox-form {
position: relative;
display: flex;
width: 100%;
align-items: center;
}
.ais-SearchBox-input {
width: 100%;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(156 163 175 / var(--tw-border-opacity));
padding-left: 0.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
letter-spacing: 0.05em;
}
button.ais-SearchBox-reset {
position: absolute;
right: 0px;
cursor: pointer;
padding-right: 0.75rem;
}
input.ais-SearchBox-input::-webkit-search-decoration,
input.ais-SearchBox-input::-webkit-search-cancel-button,
input.ais-SearchBox-input::-webkit-search-results-button,
input.ais-SearchBox-input::-webkit-search-results-decoration {
display: none;
}
.ais-SearchBox-submit {
display: none;
}
.ais-Hits-list {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.ais-Hits-item {
width: 50%;
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-bottom: 1rem;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 640px) {
.ais-Hits-item {
width: 50%;
}
}
@media (min-width: 1280px) {
.ais-Hits-item {
width: 33.333333%;
}
}
.ais-Pagination {
display: flex;
justify-content: center;
}
.ais-Pagination-list {
display: inline-flex;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.home-banner .ais-Pagination-list {
background-color: rgba(255,255,255,0.05);
}
.ais-Pagination-list li.ais-Pagination-item a {
cursor: pointer;
}
.ais-Pagination-list li.ais-Pagination-item--selected a {
cursor: default;
}
.ais-Pagination-item {
margin-left: -1px;
display: inline-flex;
align-items: center;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
font-size: 0.875rem;
font-weight: 500;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-duration: 150ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 250ms ease, color 250ms ease;
}
.home-banner .ais-Pagination-item {
background-color: rgba(255,255,255,0.05);
}
.ais-Pagination-item:hover {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.ais-Pagination-item--previousPage {
position: relative;
border-top-left-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.ais-Pagination-item--nextPage {
position: relative;
border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
}
.ais-Pagination-item--previousPage::after {
content: '\003C';
padding-left: 0.75rem;
padding-right: 0.75rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.ais-Pagination-item--nextPage::after {
content: '\003E';
padding-left: 0.75rem;
padding-right: 0.75rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.ais-Pagination-list .ais-Pagination-item--nextPage a {
position: absolute;
left: 0px;
top: 0px;
padding: 0px;
color: transparent;
}
.ais-Pagination-list .ais-Pagination-item--previousPage a {
position: absolute;
left: 0px;
top: 0px;
padding: 0px;
color: transparent;
}
.ais-Pagination-list .ais-Pagination-item--nextPage span {
position: absolute;
left: 0px;
top: 0px;
padding: 0px;
color: transparent;
}
.ais-Pagination-list .ais-Pagination-item--previousPage span {
position: absolute;
left: 0px;
top: 0px;
padding: 0px;
color: transparent;
}
.ais-Pagination-item--selected {
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.ais-Pagination-item--selected a {
cursor: default;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(29 78 216 / var(--tw-border-opacity));
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
.ais-Pagination-item .ais-Pagination-link {
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
mark {
background-color: transparent;
font-weight: 800;
}
.ais-ClearRefinements-button {
font-size: 0.75rem;
line-height: 1rem;
letter-spacing: 0em;
}
.ais-ClearRefinements-button--disabled {
display: none;
}
.ais-RangeSlider {
margin-top: 1.5rem;
margin-left: 0.5rem;
margin-right: 1.25rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 1rem;
}
.rheostat-background {
height: 0.375rem;
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.rheostat-handle {
position: absolute;
left: 0px;
top: -0.5rem;
z-index: 50;
height: 1.25rem;
width: 1.25rem;
cursor: pointer;
border-radius: 9999px;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.home-banner .rheostat-handle {
background-color: rgba(255,255,255,0.05);
}
.rheostat-handle .rheostat-tooltip {
position: absolute;
left: -66.666667%;
top: -1.5rem;
line-height: 1.25rem;
}
.rheostat-progress {
position: absolute;
left: 0px;
top: 0px;
height: 0.375rem;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.ais-CurrentRefinements-list {
display: flex;
flex-direction: column;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.ais-CurrentRefinements-list li {
padding-bottom: 0.25rem;
}
.ais-CurrentRefinements-item .ais-CurrentRefinements-label {
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0em;
}
.ais-CurrentRefinements-item .ais-CurrentRefinements-category {
display: flex;
justify-content: space-between;
}
.ais-CurrentRefinements-category {
padding-bottom: 0.25rem;
}
.ais-CurrentRefinements-category span {
font-size: 0.875rem;
line-height: 1.25rem;
letter-spacing: 0em;
}
.ais-Panel {
margin-bottom: 0.75rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding: 1rem;
font-size: 1rem;
line-height: 1.25rem;
}
.home-banner .ais-Panel {
background-color: rgba(255,255,255,0.05);
}
.ais-Panel-header {
position: relative;
border-top-width: 1px;
padding-bottom: 1rem;
padding-top: 1rem;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 600;
text-transform: uppercase;
}
@media (min-width: 768px) {
.ais-Panel-header {
font-size: 1.125rem;
line-height: 1.75rem;
}
}
.ais-HierarchicalMenu {
padding-top: 1rem;
}
.ais-HierarchicalMenu-link {
display: flex;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
font-size: 1rem;
line-height: 1.5rem;
}
.ais-HierarchicalMenu-count {
flex-grow: 1;
text-align: right;
}
.ais-RefinementList-searchBox .ais-SearchBox .ais-SearchBox-form {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
border-width: 1px;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.hidden-xs, .hidden-sm {
display: none;
}
.delivery-modal {
height: 100%;
width: 100%;
max-width: 820px;
padding: 0px;
}
@media (min-width: 768px) {
.delivery-modal {
height: auto;
}
.delivery-modal .ga-ndc {
display: grid;
grid-template-columns: 300px 1fr
}
}
.delivery-modal .ga-ndc .right-block-overflow {
max-height: 340px;
overflow-y: auto;
}
.delivery-modal .ga-ndc .map {
z-index: 0;
box-sizing: border-box;
display: flex;
min-height: 0px;
width: 300px;
min-width: 0px;
flex-shrink: 0;
flex-direction: column;
align-items: stretch;
border-width: 0;
border-style: solid;
}
@media (min-width: 768px) {
.delivery-modal .ga-ndc .map {
border-start-start-radius: 0.5rem;
border-end-start-radius: 0.5rem
}
}
.delivery-modal .ga-ndc .map #google-map {
left: 0px;
top: 0px;
height: 100%;
width: 100%;
overflow: hidden;
--tw-bg-opacity: 1;
background-color: rgb(229 227 223 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {
.delivery-modal .ga-ndc .map #google-map {
border-start-start-radius: 0.5rem;
border-end-start-radius: 0.5rem
}
}
.delivery-modal .ga-ndc #pick-up-points-list {
position: relative;
z-index: 0;
box-sizing: border-box;
display: flex;
min-height: 0px;
min-width: 0px;
flex-shrink: 0;
flex-direction: column;
align-items: stretch;
}
.delivery-modal .ga-ndc .pick-up-points .pick-up-point {
position: relative;
z-index: 0;
box-sizing: border-box;
display: flex;
flex-shrink: inherit;
flex-grow: 1;
cursor: pointer;
flex-direction: column;
align-items: stretch;
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(222 218 215 / var(--tw-border-opacity));
padding-top: 0.625rem;
padding-bottom: 0.625rem;
padding-left: 2.5rem;
padding-right: 0.625rem;
}
.delivery-modal .ga-ndc .pick-up-points .pick-up-point::before {
position: absolute;
left: 0px;
top: 0.75rem;
z-index: 0;
display: block;
height: 1.25rem;
min-height: 0px;
width: 1.25rem;
min-width: 0px;
border-radius: 20px;
border-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(150 147 145 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-content: '';
content: var(--tw-content);
}
.delivery-modal .ga-ndc .pick-up-points .pick-up-point.active .opening-Hour {
display: block;
}
[data-content-type$='block'] .delivery-modal .ga-ndc .pick-up-points .pick-up-point.active .opening-Hour p:last-child {
margin-bottom: 1rem;
margin-top: 0px;
}
.category-view .sidebar .delivery-modal .ga-ndc .pick-up-points .pick-up-point.active .opening-Hour.filter {
}
.delivery-modal .ga-ndc .pick-up-points .pick-up-point .pick-up-point-desc {
margin: 0px;
max-width: 100%;
text-align: left;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 500;
line-height: 25px;
--tw-text-opacity: 1;
color: rgb(23 23 23 / var(--tw-text-opacity));
word-break: break-word;
-webkit-font-smoothing: antialiased;
text-rendering: geometricprecision;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
text-size-adjust: none;
}
.delivery-modal .ga-ndc .pick-up-points .pick-up-point .pick-up-point-subdesc {
margin: 0px;
max-width: 100%;
text-align: left;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 400;
line-height: 25px;
--tw-text-opacity: 1;
color: rgb(120 117 115 / var(--tw-text-opacity));
-webkit-font-smoothing: antialiased;
word-break: break-word;
text-rendering: geometricprecision;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
text-size-adjust: none;
}
.delivery-modal .ga-ndc .warning-message {
position: relative;
z-index: 0;
margin-bottom: 15px;
box-sizing: border-box;
display: flex;
flex-shrink: 0;
flex-direction: column;
align-items: stretch;
border-width: 0;
border-style: solid;
--tw-bg-opacity: 1;
background-color: rgb(240 238 235 / var(--tw-bg-opacity));
padding: 15px;
}
.delivery-modal .ga-ndc #postal-code-container {
position: relative;
margin-bottom: 15px;
box-sizing: border-box;
display: flex;
height: 60px;
flex-shrink: 0;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
border-radius: 5px;
border-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(150 147 145 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding: 15px;
}
.home-banner .delivery-modal .ga-ndc #postal-code-container {
background-color: rgba(255,255,255,0.05);
}
.delivery-modal .ga-ndc #postal-code-container.warning {
border-radius: 5px;
--tw-border-opacity: 1;
border-color: rgb(201 131 0 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 251 240 / var(--tw-bg-opacity));
}
.delivery-modal .ga-ndc #postal-code-container #postal-code-search {
border-color: none;
padding: revert;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
background: none;
}
.delivery-modal .ga-ndc #postal-code-container svg {
margin-top: 5px;
}
.delivery-modal .ga-ndc #postal-code-container #input-fields {
position: relative;
top: -1rem;
z-index: 0;
box-sizing: border-box;
display: flex;
min-height: 0px;
width: 100%;
min-width: 0px;
flex-shrink: 1;
flex-grow: 0;
flex-direction: column;
align-items: stretch;
border-width: 0;
border-style: solid;
}
.delivery-modal .ga-ndc #postal-code-container #input-fields label {
margin-left: 15px;
margin-top: 3px;
}
.delivery-modal .ga-ndc #postal-code-container #input-fields label span {
margin-bottom: -30px;
width: 100%;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: left;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
line-height: 30px;
--tw-text-opacity: 1;
color: rgb(120 117 115 / var(--tw-text-opacity));
-webkit-font-smoothing: antialiased;
text-rendering: geometricprecision;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
text-size-adjust: none;
}
.delivery-modal .ga-ndc #postal-code-container #postal-code-input {
position: absolute;
margin-left: 15px;
box-sizing: border-box;
height: 60px;
width: 95%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-color: none;
background-color: transparent;
padding-left: 0px;
padding-top: 18px;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(23 23 23 / var(--tw-text-opacity));
caret-color: #487b94;
opacity: 1;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
outline: none;
-webkit-text-fill-color: #171717;
-webkit-font-smoothing: antialiased;
text-rendering: geometricprecision;
}
@media (max-width: 767px) {
#error-wrapper {
margin-top: 1.25rem;
}
.modal-slide .action-close {
margin-left: 15px;
margin-right: 15px;
margin-top: 18px;
margin-bottom: 18px;
}
.modal-popup.delivery-modal .action-close:before,
.modal-slide.delivery-modal .action-close:before {
font-size: 1.125rem;
line-height: 1.75rem;
line-height: 19px;
}
.gm-fullscreen-control {
display: none;
}
.delivery-modal {
left: 0px;
}
.delivery-modal .modal-content {
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-top: 0px;
padding-bottom: 0px;
}
.delivery-modal .ga-ndc {
display: flex;
height: 100%;
flex-direction: column;
align-items: stretch;
}
.delivery-modal .ga-ndc .postal-code-action {
box-shadow: 0px -5px 15px 0px rgba(0,0,0,0.3);
}
.delivery-modal .ga-ndc .right-block-overflow {
height: calc(100% - 150px);
max-height: none;
overflow-y: auto;
margin-bottom: 0;
}
.delivery-modal .ga-ndc .map {
width: 100vw;
max-width: 100%;
}
.delivery-modal .ga-ndc .pick-up-points {
margin-bottom: 0px;
width: 100%;
padding: 0px;
position: initial;
height: 100%;
box-shadow: 0px -5px 15px 0px rgba(0,0,0,0.3);
}
.delivery-modal .pick-up-points-wrapper {
height: 60%;
}
.delivery-modal .map-wrapper {
height: 40%;
position: relative;
z-index: 0;
}
.delivery-modal .ga-ndc .pick-up-points #postal-code-container {
position: fixed;
top: 1.25rem;
z-index: 0;
margin-left: 1.25rem;
margin-right: 1.25rem;
width: calc(100% - 110px);
}
.delivery-modal .ga-ndc .pick-up-points .close-popup {
position: fixed;
display: flex;
align-items: center;
justify-content: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.home-banner .delivery-modal .ga-ndc .pick-up-points .close-popup {
background-color: rgba(255,255,255,0.05);
}
.delivery-modal .ga-ndc .pick-up-points .close-popup:hover {
--tw-bg-opacity: 1;
background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.delivery-modal .ga-ndc .pick-up-points .close-popup {
border: 1px solid #0e0e0f;
width: 50px;
height: 50px;
top: 25px;
right: 20px;
}
.delivery-modal .modal-footer {
margin-top: 0px;
padding-top: 15px;
padding-bottom: 15px;
}
}
.selected-option-wrapper {
margin-top: 0.625rem;
border-radius: 0.5rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(222 218 215 / var(--tw-border-opacity));
padding: 0.625rem;
}
.first-row {
position: relative;
z-index: 0;
box-sizing: border-box;
display: flex;
min-height: 0px;
min-width: 0px;
flex-shrink: 0;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
border-width: 0;
border-style: solid;
}
.first-row .method-title {
padding-right: 1.25rem;
}
.first-row .selected-option-addr {
--tw-text-opacity: 1;
color: rgb(120 117 115 / var(--tw-text-opacity));
}
.first-row .selected-option-name {
padding-right: 15px;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.first-row-1 {
margin-bottom: 5px;
}
.option-lbl {
position: relative;
z-index: 0;
box-sizing: border-box;
display: inline-block;
min-height: 20px;
width: auto;
flex-shrink: 0;
flex-direction: column;
align-items: center;
justify-content: center;
border-width: 0;
border-style: solid;
--tw-bg-opacity: 1;
background-color: rgb(255 213 207 / var(--tw-bg-opacity));
padding-left: 5px;
padding-right: 5px;
}
#checkout-shipping-method-load .table-checkout-shipping-method td.image-option {
padding-right: 0px;
text-align: right;
}
#checkout-shipping-method-load
.table-checkout-shipping-method
td.selected-option-td {
padding-right: 0px;
}
#checkout-shipping-method-load .table-checkout-shipping-method td.col-method {
padding-right: 0px;
}
.ndc-row .col-price {
width: 50px;
}
#checkout-shipping-method-load .table-checkout-shipping-method {
width: 100%;
max-width: 500px;
}
#error-wrapper {
display: none;
}
.warning #error-wrapper {
margin-bottom: 1.25rem;
display: block;
border-radius: 0px;
--tw-bg-opacity: 1;
background-color: rgb(255 237 189 / var(--tw-bg-opacity));
padding-left: 15px;
padding-right: 15px;
padding-top: 1.25rem;
padding-bottom: 15px;
}
[data-content-type$='block'] .warning #error-wrapper p:last-child {
margin-bottom: 1rem;
margin-top: 0px;
}
.category-view .sidebar .warning #error-wrapper.filter {
}
.warning #error-wrapper .error-message-heading {
margin-top: 0px;
margin-bottom: 0px;
display: inline-block;
max-width: 100%;
padding-bottom: 5px;
text-align: left;
font-family: bold;
font-size: 0.875rem;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgb(23 23 23 / var(--tw-text-opacity));
word-break: break-word;
}
.warning #error-wrapper .error-message {
margin-top: 0px;
margin-bottom: 0px;
max-width: 100%;
padding-bottom: 5px;
text-align: left;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgb(23 23 23 / var(--tw-text-opacity));
word-break: break-word;
}
.warning #postal-code-container {
--tw-border-opacity: 1;
border-color: rgb(201 131 0 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 237 189 / var(--tw-bg-opacity));
}
.warning #postal-code-container #input-fields label span {
--tw-text-opacity: 1;
color: rgb(161 104 0 / var(--tw-text-opacity));
}
.warning #pick-up-points-list {
display: none;
}
.warning .selected-option-wrapper {
display: none;
}
.table-checkout-shipping-method tbody .group-row > td {
padding-bottom: 0px;
}
.group-row p {
margin-top: 1.25rem;
border-bottom-width: 1px;
border-style: solid;
border-bottom-color: rgba(204,204,204,0.8);
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 300;
text-transform: uppercase;
}
.highlight * {
font-weight: 700;
}
.ais-SearchBox-form {
position: relative;
display: flex;
width: 100%;
align-items: center;
}
.ais-SearchBox-input {
width: 100%;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(156 163 175 / var(--tw-border-opacity));
padding-left: 0.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
letter-spacing: 0.05em;
}
button.ais-SearchBox-reset {
position: absolute;
right: 0px;
cursor: pointer;
padding-right: 0.75rem;
}
input.ais-SearchBox-input::-webkit-search-decoration,
input.ais-SearchBox-input::-webkit-search-cancel-button,
input.ais-SearchBox-input::-webkit-search-results-button,
input.ais-SearchBox-input::-webkit-search-results-decoration {
display: none;
}
.ais-SearchBox-submit {
display: none;
}
.ais-Hits-list {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.ais-Hits-item {
width: 100%;
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-bottom: 1rem;
}
@media (min-width: 640px) {
.ais-Hits-item {
width: 50%;
}
}
@media (min-width: 1280px) {
.ais-Hits-item {
width: 33.333333%;
}
}
.ais-Pagination {
display: flex;
justify-content: center;
}
.ais-Pagination-list {
display: inline-flex;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.home-banner .ais-Pagination-list {
background-color: rgba(255,255,255,0.05);
}
.ais-Pagination-list li.ais-Pagination-item a {
cursor: pointer;
}
.ais-Pagination-list li.ais-Pagination-item--selected a {
cursor: default;
}
.ais-Pagination-item {
margin-left: -1px;
display: inline-flex;
align-items: center;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
font-size: 0.875rem;
font-weight: 500;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-duration: 150ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 250ms ease, color 250ms ease;
}
.home-banner .ais-Pagination-item {
background-color: rgba(255,255,255,0.05);
}
.ais-Pagination-item:hover {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.ais-Pagination-item--previousPage {
position: relative;
border-top-left-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.ais-Pagination-item--nextPage {
position: relative;
border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
}
.ais-Pagination-item--previousPage::after {
content: '\003C';
padding-left: 0.75rem;
padding-right: 0.75rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.ais-Pagination-item--nextPage::after {
content: '\003E';
padding-left: 0.75rem;
padding-right: 0.75rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.ais-Pagination-list .ais-Pagination-item--nextPage a {
position: absolute;
left: 0px;
top: 0px;
padding: 0px;
color: transparent;
}
.ais-Pagination-list .ais-Pagination-item--previousPage a {
position: absolute;
left: 0px;
top: 0px;
padding: 0px;
color: transparent;
}
.ais-Pagination-list .ais-Pagination-item--nextPage span {
position: absolute;
left: 0px;
top: 0px;
padding: 0px;
color: transparent;
}
.ais-Pagination-list .ais-Pagination-item--previousPage span {
position: absolute;
left: 0px;
top: 0px;
padding: 0px;
color: transparent;
}
.ais-Pagination-item--selected {
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
l.ais-Pagination-item--selected a {
cursor: default;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(29 78 216 / var(--tw-border-opacity));
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
.ais-Pagination-item .ais-Pagination-link {
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
mark {
background-color: transparent;
font-weight: 800;
}
.ais-ClearRefinements-button {
font-size: 0.75rem;
line-height: 1rem;
letter-spacing: 0em;
}
.ais-ClearRefinements-button--disabled {
display: none;
}
.ais-RangeSlider {
margin-top: 1.5rem;
margin-left: 0.5rem;
margin-right: 1.25rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 1rem;
}
.rheostat-background {
height: 0.375rem;
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.rheostat-handle {
position: absolute;
left: 0px;
top: -0.5rem;
z-index: 50;
height: 1.25rem;
width: 1.25rem;
cursor: pointer;
border-radius: 9999px;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.home-banner .rheostat-handle {
background-color: rgba(255,255,255,0.05);
}
.rheostat-handle .rheostat-tooltip {
position: absolute;
left: -66.666667%;
top: -1.5rem;
line-height: 1.25rem;
}
.rheostat-progress {
position: absolute;
left: 0px;
top: 0px;
height: 0.375rem;
--tw-bg-opacity: 1;
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.ais-CurrentRefinements-list {
display: flex;
flex-direction: column;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.ais-CurrentRefinements-list li {
padding-bottom: 0.25rem;
}
.ais-CurrentRefinements-item .ais-CurrentRefinements-label {
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0em;
}
.ais-CurrentRefinements-item .ais-CurrentRefinements-category {
display: flex;
justify-content: space-between;
}
.ais-CurrentRefinements-category {
padding-bottom: 0.25rem;
}
.ais-CurrentRefinements-category span {
font-size: 0.875rem;
line-height: 1.25rem;
letter-spacing: 0em;
}
.ais-Panel {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding: 1rem;
font-size: 1rem;
line-height: 1.25rem;
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.home-banner .ais-Panel {
background-color: rgba(255,255,255,0.05);
}
.ais-Panel-header span .name {
border-bottom-width: 1px;
padding-bottom: 1rem;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 600;
}
@media (min-width: 768px) {
.ais-Panel-header span .name {
font-size: 1.125rem;
line-height: 1.75rem;
}
}
.ais-HierarchicalMenu {
padding-top: 1rem;
}
.ais-HierarchicalMenu-link {
display: flex;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.ais-HierarchicalMenu-count {
flex-grow: 1;
text-align: right;
}
.ais-RefinementList-searchBox .ais-SearchBox .ais-SearchBox-form {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
border-width: 1px;
}
.hidden-xs, .hidden-sm {
display: none;
}
.ais-SortBy .ais-SortBy-select {
border-radius: 0.5rem;
--tw-border-opacity: 1;
border-color: rgb(156 163 175 / var(--tw-border-opacity));
font-size: 1rem;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}