/** Shopify CDN: Minification failed

Line 2723:5 Unexpected "{"
Line 2735:5 Unexpected "{"
Line 2749:5 Unexpected "{"
Line 2763:5 Unexpected "{"
Line 2777:5 Unexpected "{"
Line 2791:5 Unexpected "{"
Line 2805:5 Unexpected "{"
Line 2819:5 Unexpected "{"

**/
/*
! tailwindcss v3.1.8 | 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: currentColor;
  /* 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.
*/

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: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
}

/*
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;
}

[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:  ;
}

html,
	body {
  font-family: "Paix";
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
  cursor: url("data:image/svg+xml,%3Csvg width='30' height='40' viewBox='0 0 30 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.741352 29.0697C1.92436 21.3711 0.77656 13.7357 0.100555 6.07913C-0.420533 0.0703049 0.987812 -1.12164 6.58598 0.925704C13.7404 3.54799 20.0357 8.00027 27.1408 10.8049C29.028 11.5481 30.225 13.3851 29.9645 15.6428C29.704 17.9215 28.0985 19.0223 26.0493 19.6113C25.2606 19.8356 24.4649 20.0249 23.6692 20.2213C19.93 21.1608 18.9301 24.4422 21.5637 27.3449C23.289 29.252 25.1339 31.054 26.9014 32.926C28.8871 35.0365 28.704 37.203 26.6901 39.0751C24.7607 40.87 23.0988 39.7552 21.5144 38.2477C19.5498 36.3757 17.8105 34.3494 16.374 32.0566C15.1839 30.1635 13.8953 29.6587 12.3039 31.664C11.7969 32.302 11.149 32.8279 10.5716 33.4098C8.83229 35.1697 7.0789 37.2731 4.25517 36.0321C1.31877 34.742 0.339973 32.1828 0.741352 29.0627V29.0697Z' fill='%23F44C7F'/%3E%3C/svg%3E%0A"),
			auto;
  font-family: Albert Sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

section.bg-pink {
  cursor: url("data:image/svg+xml,%3Csvg width='30' height='40' viewBox='0 0 30 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.741352 29.0697C1.92436 21.3711 0.77656 13.7357 0.100555 6.07913C-0.420533 0.0703049 0.987812 -1.12164 6.58598 0.925704C13.7404 3.54799 20.0357 8.00027 27.1408 10.8049C29.028 11.5481 30.225 13.3851 29.9645 15.6428C29.704 17.9215 28.0985 19.0223 26.0493 19.6113C25.2606 19.8356 24.4649 20.0249 23.6692 20.2213C19.93 21.1608 18.9301 24.4422 21.5637 27.3449C23.289 29.252 25.1339 31.054 26.9014 32.926C28.8871 35.0365 28.704 37.203 26.6901 39.0751C24.7607 40.87 23.0988 39.7552 21.5144 38.2477C19.5498 36.3757 17.8105 34.3494 16.374 32.0566C15.1839 30.1635 13.8953 29.6587 12.3039 31.664C11.7969 32.302 11.149 32.8279 10.5716 33.4098C8.83229 35.1697 7.0789 37.2731 4.25517 36.0321C1.31877 34.742 0.339973 32.1828 0.741352 29.0627V29.0697Z' fill='%2379d3d1'/%3E%3C/svg%3E%0A"),
			auto;
}

header,
	.white-cursor {
  cursor: url("data:image/svg+xml,%3Csvg width='30' height='40' viewBox='0 0 30 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.741352 29.0697C1.92436 21.3711 0.77656 13.7357 0.100555 6.07913C-0.420533 0.0703049 0.987812 -1.12164 6.58598 0.925704C13.7404 3.54799 20.0357 8.00027 27.1408 10.8049C29.028 11.5481 30.225 13.3851 29.9645 15.6428C29.704 17.9215 28.0985 19.0223 26.0493 19.6113C25.2606 19.8356 24.4649 20.0249 23.6692 20.2213C19.93 21.1608 18.9301 24.4422 21.5637 27.3449C23.289 29.252 25.1339 31.054 26.9014 32.926C28.8871 35.0365 28.704 37.203 26.6901 39.0751C24.7607 40.87 23.0988 39.7552 21.5144 38.2477C19.5498 36.3757 17.8105 34.3494 16.374 32.0566C15.1839 30.1635 13.8953 29.6587 12.3039 31.664C11.7969 32.302 11.149 32.8279 10.5716 33.4098C8.83229 35.1697 7.0789 37.2731 4.25517 36.0321C1.31877 34.742 0.339973 32.1828 0.741352 29.0627V29.0697Z' fill='%23ffffff'/%3E%3C/svg%3E%0A"),
			auto;
}

::-moz-selection {
  color: #ffffff;
  background: #F44C7F;
  text-shadow: none;
}

::selection {
  color: #ffffff;
  background: #F44C7F;
  text-shadow: none;
}

/* svg[aria-hidden] {
		display: none;
	} */

.container {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.pBtn {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 9999px;
  border-width: 1px;
  border-color: transparent;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-family: Paix, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.05em;
  font-size: clamp(1rem, calc(1rem + 0.2232142857142857vw), 1.25rem);
}

.pBtn>:is(svg,img) {
  width: 1.25rem;
  flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}

.bBtn {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 9999px;
  border-width: 1px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-family: Paix, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.05em;
  font-size: clamp(1rem, calc(1rem + 0.2232142857142857vw), 1.25rem);
}

.bBtn>:is(svg,img) {
  width: 1.25rem;
  flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}

section.pBtn.btn-pink {
  cursor: url("data:image/svg+xml,%3Csvg width='30' height='40' viewBox='0 0 30 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.741352 29.0697C1.92436 21.3711 0.77656 13.7357 0.100555 6.07913C-0.420533 0.0703049 0.987812 -1.12164 6.58598 0.925704C13.7404 3.54799 20.0357 8.00027 27.1408 10.8049C29.028 11.5481 30.225 13.3851 29.9645 15.6428C29.704 17.9215 28.0985 19.0223 26.0493 19.6113C25.2606 19.8356 24.4649 20.0249 23.6692 20.2213C19.93 21.1608 18.9301 24.4422 21.5637 27.3449C23.289 29.252 25.1339 31.054 26.9014 32.926C28.8871 35.0365 28.704 37.203 26.6901 39.0751C24.7607 40.87 23.0988 39.7552 21.5144 38.2477C19.5498 36.3757 17.8105 34.3494 16.374 32.0566C15.1839 30.1635 13.8953 29.6587 12.3039 31.664C11.7969 32.302 11.149 32.8279 10.5716 33.4098C8.83229 35.1697 7.0789 37.2731 4.25517 36.0321C1.31877 34.742 0.339973 32.1828 0.741352 29.0627V29.0697Z' fill='%2379d3d1'/%3E%3C/svg%3E%0A"),
			auto;
}

.pBtn.btn-pink {
  --tw-bg-opacity: 1;
  background-color: rgb(244 76 127 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 254 245 / var(--tw-text-opacity));
}

.pBtn.btn-pink:hover {
  background-color: rgb(244 76 127 / 0.9);
}

.pBtn.btn-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 254 245 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(244 76 127 / var(--tw-text-opacity));
}

.pBtn.btn-white:hover {
  background-color: rgb(255 254 245 / 0.9);
}

.bBtn.btn-pink {
  --tw-bg-opacity: 1;
  background-color: rgb(255 254 245 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(244 76 127 / var(--tw-text-opacity));
}

section.bBtn.btn-pink:hover {
  cursor: url("data:image/svg+xml,%3Csvg width='30' height='40' viewBox='0 0 30 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.741352 29.0697C1.92436 21.3711 0.77656 13.7357 0.100555 6.07913C-0.420533 0.0703049 0.987812 -1.12164 6.58598 0.925704C13.7404 3.54799 20.0357 8.00027 27.1408 10.8049C29.028 11.5481 30.225 13.3851 29.9645 15.6428C29.704 17.9215 28.0985 19.0223 26.0493 19.6113C25.2606 19.8356 24.4649 20.0249 23.6692 20.2213C19.93 21.1608 18.9301 24.4422 21.5637 27.3449C23.289 29.252 25.1339 31.054 26.9014 32.926C28.8871 35.0365 28.704 37.203 26.6901 39.0751C24.7607 40.87 23.0988 39.7552 21.5144 38.2477C19.5498 36.3757 17.8105 34.3494 16.374 32.0566C15.1839 30.1635 13.8953 29.6587 12.3039 31.664C11.7969 32.302 11.149 32.8279 10.5716 33.4098C8.83229 35.1697 7.0789 37.2731 4.25517 36.0321C1.31877 34.742 0.339973 32.1828 0.741352 29.0627V29.0697Z' fill='%2379d3d1'/%3E%3C/svg%3E%0A"),
			auto;
}

.bBtn.btn-pink:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 76 127 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 254 245 / var(--tw-text-opacity));
}

@media (min-width: 1280px) {
  #cardsBox > * {
    --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));
  }

  #cardsBox > *:nth-child(3n+2) {
    --tw-translate-y: 12rem;
    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));
  }

  #cardsBox > *:nth-child(3n) {
    --tw-translate-y: 6rem;
    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));
  }
}

details > summary {
  list-style: none;
}

details summary::-webkit-details-marker {
  display: none;
}

select.arrow-pink {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7.50012L10 12.5001L5 7.50012' stroke='%23F44C7F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
  background-size: 1.25rem 1.25rem !important;
}

header {
  cursor: url("data:image/svg+xml,%3Csvg width='30' height='40' viewBox='0 0 30 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.741352 29.0697C1.92436 21.3711 0.77656 13.7357 0.100555 6.07913C-0.420533 0.0703049 0.987812 -1.12164 6.58598 0.925704C13.7404 3.54799 20.0357 8.00027 27.1408 10.8049C29.028 11.5481 30.225 13.3851 29.9645 15.6428C29.704 17.9215 28.0985 19.0223 26.0493 19.6113C25.2606 19.8356 24.4649 20.0249 23.6692 20.2213C19.93 21.1608 18.9301 24.4422 21.5637 27.3449C23.289 29.252 25.1339 31.054 26.9014 32.926C28.8871 35.0365 28.704 37.203 26.6901 39.0751C24.7607 40.87 23.0988 39.7552 21.5144 38.2477C19.5498 36.3757 17.8105 34.3494 16.374 32.0566C15.1839 30.1635 13.8953 29.6587 12.3039 31.664C11.7969 32.302 11.149 32.8279 10.5716 33.4098C8.83229 35.1697 7.0789 37.2731 4.25517 36.0321C1.31877 34.742 0.339973 32.1828 0.741352 29.0627V29.0697Z' fill='%23ffffff'/%3E%3C/svg%3E%0A"),
			auto;
}

/* :root::after {
		font-size: 8px;
		position: fixed;
		font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
		user-select: none;
		pointer-events: none;
		z-index: 999999;
		top: 0;
		left: 10px;
		white-space: pre-wrap;
		-webkit-backdrop-filter: blur(2px);
		backdrop-filter: blur(2px);
		color: #fff;
		border-radius: 0 0 2px 2px;
		font-weight: normal;
		padding: 0.5em 1em;
		letter-spacing: 0.1em;
		line-height: 1.5;
		content: "base";
		@apply bg-pink;
	}

	:root::after {
		content: "mobile";
	}

	@screen sm {
		:root::after {
			content: "sm: 480px";
		}
	}
	@screen md {
		:root::after {
			content: "md: 768px";
		}
	}
	@screen lg {
		:root::after {
			content: "lg: 1024px";
		}
	}
	@screen xl {
		:root::after {
			content: "xl: 1280px";
		}
	}
	@screen xxl {
		:root::after {
			content: "xxl: 1600px";
		}
	}
	@screen xxxl {
		:root::after {
			content: "xxxl: 1920px";
		}
	} */

.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;
}

.invisible {
  visibility: hidden;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.inset-0 {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.inset-x-0 {
  left: 0px;
  right: 0px;
}

.bottom-0 {
  bottom: 0px;
}

.left-1\/2 {
  left: 50%;
}

.top-1\/3 {
  top: 33.333333%;
}

.left-\[60\%\] {
  left: 60%;
}

.z-50 {
  z-index: 50;
}

.z-30 {
  z-index: 30;
}

.z-0 {
  z-index: 0;
}

.z-20 {
  z-index: 20;
}

.z-10 {
  z-index: 10;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-16 {
  margin-top: 4rem;
}

.-mb-\[75\%\] {
  margin-bottom: -75%;
}

.-mt-4 {
  margin-top: -1rem;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-0\.5 {
  margin-top: 0.125rem;
}

.mt-0 {
  margin-top: 0px;
}

.mt-10 {
  margin-top: 2.5rem;
}

.-mb-24 {
  margin-bottom: -6rem;
}

.mt-12 {
  margin-top: 3rem;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.aspect-square {
  aspect-ratio: 1 / 1;
}

.aspect-\[4\/3\] {
  aspect-ratio: 4/3;
}

.aspect-video {
  aspect-ratio: 16 / 9;
}

.h-full {
  height: 100%;
}

.h-\[75\%\] {
  height: 75%;
}

.h-8 {
  height: 2rem;
}

.h-5 {
  height: 1.25rem;
}

.h-12 {
  height: 3rem;
}

.h-6 {
  height: 1.5rem;
}

.h-10 {
  height: 2.5rem;
}

.h-20 {
  height: 5rem;
}

.min-h-screen {
  min-height: 100vh;
}

.min-h-\[80vh\] {
  min-height: 80vh;
}

.min-h-\[calc\(100vh-11rem\)\] {
  min-height: calc(100vh - 11rem);
}

.min-h-\[calc\(100\%-11rem\)\] {
  min-height: calc(100% - 11rem);
}

.w-full {
  width: 100%;
}

.w-8 {
  width: 2rem;
}

.w-5 {
  width: 1.25rem;
}

.w-12 {
  width: 3rem;
}

.w-6 {
  width: 1.5rem;
}

.w-10 {
  width: 2.5rem;
}

.w-\[60vw\] {
  width: 60vw;
}

.w-4\/5 {
  width: 80%;
}

.w-48 {
  width: 12rem;
}

.w-1\/2 {
  width: 50%;
}

.min-w-0 {
  min-width: 0px;
}

.min-w-\[1024px\] {
  min-width: 1024px;
}

.max-w-max {
  max-width: -moz-max-content;
  max-width: max-content;
}

.max-w-sm {
  max-width: 24rem;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-7xl {
  max-width: 80rem;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-screen-lg {
  max-width: 1024px;
}

.max-w-lg {
  max-width: 32rem;
}

.flex-1 {
  flex: 1 1 0%;
}

.shrink-0 {
  flex-shrink: 0;
}

.origin-bottom {
  transform-origin: bottom;
}

.origin-center {
  transform-origin: center;
}

.origin-left {
  transform-origin: left;
}

.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-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-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));
}

.scale-150 {
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  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-\[1\.4\] {
  --tw-scale-x: 1.4;
  --tw-scale-y: 1.4;
  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-\[1\.75\] {
  --tw-scale-x: 1.75;
  --tw-scale-y: 1.75;
  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-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));
}

.scale-\[0\.8\] {
  --tw-scale-x: 0.8;
  --tw-scale-y: 0.8;
  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));
}

.resize {
  resize: both;
}

.scroll-mt-4 {
  scroll-margin-top: 1rem;
}

.-scroll-mt-2 {
  scroll-margin-top: -0.5rem;
}

.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.flex-row {
  flex-direction: row;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.place-items-center {
  place-items: center;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-stretch {
  align-items: stretch;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-12 {
  gap: 3rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-y-2 {
  row-gap: 0.5rem;
}

.gap-x-8 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.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));
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-auto {
  overflow-x: auto;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.rounded-20 {
  border-radius: 1.25rem;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.border {
  border-width: 1px;
}

.border-4 {
  border-width: 4px;
}

.border-x-0 {
  border-left-width: 0px;
  border-right-width: 0px;
}

.border-t-0 {
  border-top-width: 0px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-t {
  border-top-width: 1px;
}

.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.border-off-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 254 245 / var(--tw-border-opacity));
}

.border-transparent {
  border-color: transparent;
}

.border-blue {
  --tw-border-opacity: 1;
  border-color: rgb(75 156 154 / var(--tw-border-opacity));
}

.border-blue\/20 {
  border-color: rgb(75 156 154 / 0.2);
}

.\!border-pink {
  --tw-border-opacity: 1 !important;
  border-color: rgb(244 76 127 / var(--tw-border-opacity)) !important;
}

.border-pink\/30 {
  border-color: rgb(244 76 127 / 0.3);
}

.border-pink {
  --tw-border-opacity: 1;
  border-color: rgb(244 76 127 / var(--tw-border-opacity));
}

.bg-cyan {
  --tw-bg-opacity: 1;
  background-color: rgb(121 211 209 / var(--tw-bg-opacity));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-pink {
  --tw-bg-opacity: 1;
  background-color: rgb(244 76 127 / var(--tw-bg-opacity));
}

.bg-transparent {
  background-color: transparent;
}

.bg-off-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 254 245 / var(--tw-bg-opacity));
}

.bg-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(75 156 154 / var(--tw-bg-opacity));
}

.\!bg-transparent {
  background-color: transparent !important;
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.from-pink {
  --tw-gradient-from: #F44C7F;
  --tw-gradient-to: rgb(244 76 127 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#FFFEF5\] {
  --tw-gradient-from: #FFFEF5;
  --tw-gradient-to: rgb(255 254 245 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-pink\/80 {
  --tw-gradient-to: rgb(244 76 127 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(244 76 127 / 0.8), var(--tw-gradient-to);
}

.via-pink {
  --tw-gradient-to: rgb(244 76 127 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #F44C7F, var(--tw-gradient-to);
}

.via-cyan {
  --tw-gradient-to: rgb(121 211 209 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #79d3d1, var(--tw-gradient-to);
}

.to-cyan {
  --tw-gradient-to: #79d3d1;
}

.to-\[\#9DDAE8\] {
  --tw-gradient-to: #9DDAE8;
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.object-bottom {
  -o-object-position: bottom;
     object-position: bottom;
}

.object-center {
  -o-object-position: center;
     object-position: center;
}

.p-4 {
  padding: 1rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-6 {
  padding: 1.5rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-32 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.pt-12 {
  padding-top: 3rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pt-24 {
  padding-top: 6rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pt-20 {
  padding-top: 5rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-3 {
  padding-top: 0.75rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pr-8 {
  padding-right: 2rem;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.font-heading {
  font-family: Paix, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.font-paragraph {
  font-family: Albert Sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.font-rainier {
  font-family: 'Rainier', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.font-sans {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-\[1\.875rem\] {
  font-size: 1.875rem!important;
}

.font-semibold {
  font-weight: 600;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.leading-none {
  line-height: 1;
}

.leading-tight {
  line-height: 1.25;
}

.tracking-wider {
  letter-spacing: 0.05em;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.text-white\/30 {
  color: rgb(255 255 255 / 0.3);
}

.text-pink {
  --tw-text-opacity: 1;
  color: rgb(244 76 127 / var(--tw-text-opacity));
}

.text-off-white {
  --tw-text-opacity: 1;
  color: rgb(255 254 245 / var(--tw-text-opacity));
}

.text-cyan {
  --tw-text-opacity: 1;
  color: rgb(121 211 209 / var(--tw-text-opacity));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-blue {
  --tw-text-opacity: 1;
  color: rgb(75 156 154 / var(--tw-text-opacity));
}

.\!opacity-100 {
  opacity: 1 !important;
}

.opacity-0 {
  opacity: 0;
}

.\!ring-transparent {
  --tw-ring-color: transparent !important;
}

.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);
}

.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-opacity {
  transition-property: opacity;
  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;
}

.delay-300 {
  transition-delay: 300ms;
}

.duration-500 {
  transition-duration: 500ms;
}

.duration-\[1s\] {
  transition-duration: 1s;
}

.duration-200 {
  transition-duration: 200ms;
}

.line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.type-18 {
  font-size: clamp(1rem, calc(1rem + 0.11160714285714285vw), 1.125rem);
}

.type-20 {
  font-size: clamp(1rem, calc(1rem + 0.2232142857142857vw), 1.25rem);
}

.type-24 {
  font-size: clamp(1.25rem, calc(1rem + 0.4464285714285714vw), 1.5rem);
}

.type-36 {
  font-size: clamp(1.5rem, calc(1rem + 1.1160714285714286vw), 2.25rem);
}

.type-40 {
  font-size: clamp(1.75rem, calc(1rem + 1.3392857142857142vw), 2.5rem);
}

.type-48 {
  font-size: clamp(1.75rem, calc(1rem + 1.7857142857142856vw), 3rem);
}

.type-64 {
  font-size: clamp(2.625rem, calc(1rem + 2.6785714285714284vw), 4rem);
}

.type-80 {
  font-size: clamp(2.25rem, calc(1rem + 3.571428571428571vw), 5rem);
}

.type-160 {
  font-size: clamp(5rem, calc(1rem + 8.035714285714286vw), 10rem);
}

.container {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: undefined) {
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .flood-r {
    margin-right: -1rem;
  }

  .flood-l {
    margin-left: -1rem;
  }

  .bordered {
    padding-left: calc(1rem - 2rem);
    padding-right: calc(1rem - 2rem);
  }

  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .flood-r {
    margin-right: -1rem;
  }

  .flood-l {
    margin-left: -1rem;
  }

  .bordered {
    padding-left: calc(1rem - 2rem);
    padding-right: calc(1rem - 2rem);
  }
}

@media (min-width: 480px) {
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .flood-r {
    margin-right: -1rem;
  }

  .flood-l {
    margin-left: -1rem;
  }

  .bordered {
    padding-left: calc(1rem - 2rem);
    padding-right: calc(1rem - 2rem);
  }
}

@media (min-width: 768px) {
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .flood-r {
    margin-right: -1rem;
  }

  .flood-l {
    margin-left: -1rem;
  }

  .bordered {
    padding-left: calc(1rem - 2rem);
    padding-right: calc(1rem - 2rem);
  }
}

@media (min-width: 1024px) {
  .container {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .flood-r {
    margin-right: -6rem;
  }

  .flood-l {
    margin-left: -6rem;
  }

  .bordered {
    padding-left: calc(6rem - 2rem);
    padding-right: calc(6rem - 2rem);
  }
}

@media (min-width: 1280px) {
  .container {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .flood-r {
    margin-right: -6rem;
  }

  .flood-l {
    margin-left: -6rem;
  }

  .bordered {
    padding-left: calc(6rem - 2rem);
    padding-right: calc(6rem - 2rem);
  }
}

@media (min-width: 1600px) {
  .container {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .flood-r {
    margin-right: -10rem;
  }

  .flood-l {
    margin-left: -10rem;
  }

  .bordered {
    padding-left: calc(10rem - 2rem);
    padding-right: calc(10rem - 2rem);
  }
}

@media (min-width: 1920px) {
  .container {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .flood-r {
    margin-right: -12rem;
  }

  .flood-l {
    margin-left: -12rem;
  }

  .bordered {
    padding-left: calc(12rem - 2rem);
    padding-right: calc(12rem - 2rem);
  }
}

/* @font-face {
	font-family: "Paix";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url("/cdn/shop/files/Paix.otf?v=1668129648") format("otf"),
	url("/cdn/shop/files/PaixRegular.woff2?v=1668240554") format("woff2"),
	url("/cdn/shop/files/PaixRegular.woff?v=1668240554") format("woff"),
	url("/cdn/shop/files/PaixRegular.ttf?v=1668240554") format("ttf"),
	
} */

.placeholder\:text-off-white\/50::-moz-placeholder {
  color: rgb(255 254 245 / 0.5);
}

.placeholder\:text-off-white\/50::placeholder {
  color: rgb(255 254 245 / 0.5);
}

.placeholder\:text-white\/75::-moz-placeholder {
  color: rgb(255 255 255 / 0.75);
}

.placeholder\:text-white\/75::placeholder {
  color: rgb(255 255 255 / 0.75);
}

.even\:from-\[\#FDC9D9\]:nth-child(even) {
  --tw-gradient-from: #FDC9D9;
  --tw-gradient-to: rgb(253 201 217 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.even\:to-\[\#FB6492\]:nth-child(even) {
  --tw-gradient-to: #FB6492;
}

section.hover\:bg-pink:hover {
  cursor: url("data:image/svg+xml,%3Csvg width='30' height='40' viewBox='0 0 30 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.741352 29.0697C1.92436 21.3711 0.77656 13.7357 0.100555 6.07913C-0.420533 0.0703049 0.987812 -1.12164 6.58598 0.925704C13.7404 3.54799 20.0357 8.00027 27.1408 10.8049C29.028 11.5481 30.225 13.3851 29.9645 15.6428C29.704 17.9215 28.0985 19.0223 26.0493 19.6113C25.2606 19.8356 24.4649 20.0249 23.6692 20.2213C19.93 21.1608 18.9301 24.4422 21.5637 27.3449C23.289 29.252 25.1339 31.054 26.9014 32.926C28.8871 35.0365 28.704 37.203 26.6901 39.0751C24.7607 40.87 23.0988 39.7552 21.5144 38.2477C19.5498 36.3757 17.8105 34.3494 16.374 32.0566C15.1839 30.1635 13.8953 29.6587 12.3039 31.664C11.7969 32.302 11.149 32.8279 10.5716 33.4098C8.83229 35.1697 7.0789 37.2731 4.25517 36.0321C1.31877 34.742 0.339973 32.1828 0.741352 29.0627V29.0697Z' fill='%2379d3d1'/%3E%3C/svg%3E%0A"),
			auto;
}

.hover\:bg-pink\/90:hover {
  background-color: rgb(244 76 127 / 0.9);
}

.hover\:bg-off-white\/90:hover {
  background-color: rgb(255 254 245 / 0.9);
}

.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:bg-pink:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 76 127 / var(--tw-bg-opacity));
}

.hover\:text-pink:hover {
  --tw-text-opacity: 1;
  color: rgb(244 76 127 / var(--tw-text-opacity));
}

.hover\:text-off-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 254 245 / var(--tw-text-opacity));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.focus\:border-off-white:focus {
  --tw-border-opacity: 1;
  border-color: rgb(255 254 245 / var(--tw-border-opacity));
}

.focus\:border-pink:focus {
  --tw-border-opacity: 1;
  border-color: rgb(244 76 127 / var(--tw-border-opacity));
}

.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-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.focus\:ring-pink:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(244 76 127 / var(--tw-ring-opacity));
}

.focus\:\!ring-white:focus {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity)) !important;
}

.group:hover .group-hover\:translate-x-1 {
  --tw-translate-x: 0.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));
}

.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));
}

@media (min-width: 480px) {
  .sm\:max-w-xs {
    max-width: 20rem;
  }
}

@media (min-width: 768px) {
  .md\:not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .md\:invisible {
    visibility: hidden;
  }

  .md\:top-\[30\%\] {
    top: 30%;
  }

  .md\:left-1\/2 {
    left: 50%;
  }

  .md\:mt-8 {
    margin-top: 2rem;
  }

  .md\:mt-24 {
    margin-top: 6rem;
  }

  .md\:-mb-\[50\%\] {
    margin-bottom: -50%;
  }

  .md\:-mt-16 {
    margin-top: -4rem;
  }

  .md\:mt-40 {
    margin-top: 10rem;
  }

  .md\:-mt-24 {
    margin-top: -6rem;
  }

  .md\:-mb-64 {
    margin-bottom: -16rem;
  }

  .md\:hidden {
    display: none;
  }

  .md\:aspect-\[5\/3\] {
    aspect-ratio: 5/3;
  }

  .md\:w-\[40rem\] {
    width: 40rem;
  }

  .md\:max-w-xl {
    max-width: 36rem;
  }

  .md\: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));
  }

  .md\:scale-125 {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
    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\:flex-row {
    flex-direction: row;
  }

  .md\:items-start {
    align-items: flex-start;
  }

  .md\:gap-12 {
    gap: 3rem;
  }

  .md\:gap-6 {
    gap: 1.5rem;
  }

  .md\:p-8 {
    padding: 2rem;
  }

  .md\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .md\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .md\:pb-24 {
    padding-bottom: 6rem;
  }

  .md\:pt-40 {
    padding-top: 10rem;
  }

  .md\:pb-12 {
    padding-bottom: 3rem;
  }

  .md\:pt-2 {
    padding-top: 0.5rem;
  }
}

@media (min-width: 1024px) {
  .lg\:absolute {
    position: absolute;
  }

  .lg\:top-full {
    top: 100%;
  }

  .lg\:left-1\/2 {
    left: 50%;
  }

  .lg\:top-\[30\%\] {
    top: 30%;
  }

  .lg\:right-0 {
    right: 0px;
  }

  .lg\:top-1\/2 {
    top: 50%;
  }

  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .lg\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .lg\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .lg\:mb-0 {
    margin-bottom: 0px;
  }

  .lg\:mt-0 {
    margin-top: 0px;
  }

  .lg\:mt-8 {
    margin-top: 2rem;
  }

  .lg\:mr-0 {
    margin-right: 0px;
  }

  .lg\:block {
    display: block;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:aspect-auto {
    aspect-ratio: auto;
  }

  .lg\:w-\[60\%\] {
    width: 60%;
  }

  .lg\:w-2\/3 {
    width: 66.666667%;
  }

  .lg\:-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));
  }

  .lg\:-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));
  }

  .lg\:-translate-y-1\/3 {
    --tw-translate-y: -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));
  }

  .lg\: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));
  }

  .lg\:scale-\[1\.15\] {
    --tw-scale-x: 1.15;
    --tw-scale-y: 1.15;
    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-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:gap-24 {
    gap: 6rem;
  }

  .lg\:gap-9 {
    gap: 2.25rem;
  }

  .lg\:gap-16 {
    gap: 4rem;
  }

  .lg\:gap-8 {
    gap: 2rem;
  }

  .lg\:gap-x-16 {
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }

  .lg\:border-none {
    border-style: none;
  }

  .lg\:pb-32 {
    padding-bottom: 8rem;
  }

  .lg\:pb-0 {
    padding-bottom: 0px;
  }

  .lg\:pt-64 {
    padding-top: 16rem;
  }

  .lg\:pt-32 {
    padding-top: 8rem;
  }

  .lg\:pt-60 {
    padding-top: 15rem;
  }

  .lg\:text-left {
    text-align: left;
  }

  .lg\:text-right {
    text-align: right;
  }

  .lg\:delay-\[4500ms\] {
    transition-delay: 4500ms;
  }
}

@media (min-width: 1280px) {
  .xl\:container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  .xl\:top-\[25\%\] {
    top: 25%;
  }

  .xl\:-mt-80 {
    margin-top: -20rem;
  }

  .xl\:mt-12 {
    margin-top: 3rem;
  }

  .xl\:mt-52 {
    margin-top: 13rem;
  }

  .xl\:mt-32 {
    margin-top: 8rem;
  }

  .xl\:mt-14 {
    margin-top: 3.5rem;
  }

  .xl\:mt-8 {
    margin-top: 2rem;
  }

  .xl\:mt-16 {
    margin-top: 4rem;
  }

  .xl\:mt-9 {
    margin-top: 2.25rem;
  }

  .xl\:mt-20 {
    margin-top: 5rem;
  }

  .xl\:block {
    display: block;
  }

  .xl\:h-12 {
    height: 3rem;
  }

  .xl\:w-6 {
    width: 1.5rem;
  }

  .xl\:w-12 {
    width: 3rem;
  }

  .xl\:max-w-\[40\%\] {
    max-width: 40%;
  }

  .xl\:max-w-screen-md {
    max-width: 768px;
  }

  .xl\: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));
  }

  .xl\:grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:flex-row {
    flex-direction: row;
  }

  .xl\:items-center {
    align-items: center;
  }

  .xl\:justify-start {
    justify-content: flex-start;
  }

  .xl\:justify-between {
    justify-content: space-between;
  }

  .xl\:gap-16 {
    gap: 4rem;
  }

  .xl\:gap-12 {
    gap: 3rem;
  }

  .xl\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
  }

  .xl\:self-center {
    align-self: center;
  }

  .xl\:border-t-0 {
    border-top-width: 0px;
  }

  .xl\:border-l {
    border-left-width: 1px;
  }

  .xl\:p-3 {
    padding: 0.75rem;
  }

  .xl\:p-8 {
    padding: 2rem;
  }

  .xl\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .xl\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .xl\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .xl\:\!px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .xl\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .xl\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .xl\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .xl\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .xl\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .xl\:pt-1 {
    padding-top: 0.25rem;
  }

  .xl\:pt-0 {
    padding-top: 0px;
  }

  .xl\:pb-64 {
    padding-bottom: 16rem;
  }

  .xl\:pt-96 {
    padding-top: 24rem;
  }

  .xl\:pt-72 {
    padding-top: 18rem;
  }

  .xl\:pt-16 {
    padding-top: 4rem;
  }

  .xl\:pl-6 {
    padding-left: 1.5rem;
  }

  .xl\:pt-8 {
    padding-top: 2rem;
  }

  .xl\:pb-12 {
    padding-bottom: 3rem;
  }

  .xl\:pb-56 {
    padding-bottom: 14rem;
  }

  .xl\:container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  @media (min-width: undefined) {
    .xl\:container {
      padding-left: 1rem;
      padding-right: 1rem;
    }

     {
      margin-right: -1rem;
      margin-left: -1rem;
      padding-left: calc(1rem - 2rem);
      padding-right: calc(1rem - 2rem);
    }

    .xl\:container {
      padding-left: 1rem;
      padding-right: 1rem;
    }

     {
      margin-right: -1rem;
      margin-left: -1rem;
      padding-left: calc(1rem - 2rem);
      padding-right: calc(1rem - 2rem);
    }
  }

  @media (min-width: 480px) {
    .xl\:container {
      padding-left: 1rem;
      padding-right: 1rem;
    }

     {
      margin-right: -1rem;
      margin-left: -1rem;
      padding-left: calc(1rem - 2rem);
      padding-right: calc(1rem - 2rem);
    }
  }

  @media (min-width: 768px) {
    .xl\:container {
      padding-left: 1rem;
      padding-right: 1rem;
    }

     {
      margin-right: -1rem;
      margin-left: -1rem;
      padding-left: calc(1rem - 2rem);
      padding-right: calc(1rem - 2rem);
    }
  }

  @media (min-width: 1024px) {
    .xl\:container {
      padding-left: 6rem;
      padding-right: 6rem;
    }

     {
      margin-right: -6rem;
      margin-left: -6rem;
      padding-left: calc(6rem - 2rem);
      padding-right: calc(6rem - 2rem);
    }
  }

  @media (min-width: 1280px) {
    .xl\:container {
      padding-left: 6rem;
      padding-right: 6rem;
    }

     {
      margin-right: -6rem;
      margin-left: -6rem;
      padding-left: calc(6rem - 2rem);
      padding-right: calc(6rem - 2rem);
    }
  }

  @media (min-width: 1600px) {
    .xl\:container {
      padding-left: 10rem;
      padding-right: 10rem;
    }

     {
      margin-right: -10rem;
      margin-left: -10rem;
      padding-left: calc(10rem - 2rem);
      padding-right: calc(10rem - 2rem);
    }
  }

  @media (min-width: 1920px) {
    .xl\:container {
      padding-left: 12rem;
      padding-right: 12rem;
    }

     {
      margin-right: -12rem;
      margin-left: -12rem;
      padding-left: calc(12rem - 2rem);
      padding-right: calc(12rem - 2rem);
    }
  }
}

@media (min-width: 1600px) {
  .xxl\:mt-80 {
    margin-top: 20rem;
  }

  .xxl\:mt-20 {
    margin-top: 5rem;
  }

  .xxl\:mt-24 {
    margin-top: 6rem;
  }

  .xxl\:max-w-\[30\%\] {
    max-width: 30%;
  }

  .xxl\:gap-24 {
    gap: 6rem;
  }

  .xxl\:gap-14 {
    gap: 3.5rem;
  }

  .xxl\:pb-80 {
    padding-bottom: 20rem;
  }
}

@media (min-width: 1920px) {
  .xxxl\:top-\[20\%\] {
    top: 20%;
  }

  .xxxl\:gap-20 {
    gap: 5rem;
  }

  .xxxl\:gap-32 {
    gap: 8rem;
  }

  .xxxl\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.\[\&\>\:is\(svg\2c img\)\]\:w-5>:is(svg,img) {
  width: 1.25rem;
}

.\[\&\>\:is\(svg\2c img\)\]\:shrink-0>:is(svg,img) {
  flex-shrink: 0;
}

.\[\&\>\:is\(svg\2c img\)\]\:object-contain>:is(svg,img) {
  -o-object-fit: contain;
     object-fit: contain;
}

@media (min-width: 1280px) {
  .xl\:\[\&\:nth-child\(2n\+1\)\]\:-mb-\[40rem\]:nth-child(2n+1) {
    margin-bottom: -40rem;
  }

  .xl\:\[\&\:nth-child\(2n\+1\)\]\:-translate-y-\[40rem\]:nth-child(2n+1) {
    --tw-translate-y: -40rem;
    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 (min-width: 1024px) {
  .lg\:\[\&\:nth-child\(2n\)\]\:translate-y-36:nth-child(2n) {
    --tw-translate-y: 9rem;
    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));
  }
}

.\[\&_\.lazy-image\]\:\!mb-\[25\%\] .lazy-image {
  margin-bottom: 25% !important;
}


/* custom code */
.\[\&_\.lazy-image\]\:\!mb-\[54\%\] .lazy-image {
  margin-bottom: 54% !important;
}

.sizes {
  margin-top: 12px;
  margin-bottom: 18px;
}

.sizes__item {
  cursor: pointer;
  margin-right: 4px;
}

.sizes__item input[type="radio"] {
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  visibility: hidden;
  position: absolute;
}

.sizes__item input[type="radio"] + span {
  color: rgb(255, 255, 255);
  background: rgb(244, 76, 127);
}

.sizes__item input[type="radio"]:checked + span {
  background: rgb(255, 255, 255);
  color: rgb(244, 76, 127);
}.product-form__submit {
    background-color: #EF4A81; /* Pinkish background */
    color: white; /* White text */
    padding: 10px 20px; /* Padding */
    text-align: center; /* Center text */
    text-decoration: none; /* Remove underline */
    display: inline-block; /* Make it inline-block */
    font-size: 16px; /* Font size */
    margin: 10px 0; /* Margin */
    cursor: pointer; /* Pointer cursor on hover */
    border: none; /* No border */
    border-radius: 5px; /* Rounded corners */
}