/* GENERATED by scripts/build-template-css.mjs from public/templates/companion.html — do not hand-edit. */
/* Every selector is scoped to #storely-template-root: this stylesheet cannot reach /admin or the merchant plane. */
/* Role colours resolve through var(--sf-*, own-hex): unset = the package's own design, set = a scheme. */
:where(#storely-template-root *), :where(#storely-template-root *::after, #storely-template-root::after), :where(#storely-template-root *::before, #storely-template-root::before), :where(#storely-template-root *::backdrop, #storely-template-root::backdrop), :where(#storely-template-root *::file-selector-button, #storely-template-root::file-selector-button){
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
:where(#storely-template-root){
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
:where(#storely-template-root hr){
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
:where(#storely-template-root abbr:where([title])){
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
:where(#storely-template-root h1), :where(#storely-template-root h2), :where(#storely-template-root h3), :where(#storely-template-root h4), :where(#storely-template-root h5), :where(#storely-template-root h6){
    font-size: inherit;
    font-weight: inherit;
  }
:where(#storely-template-root a){
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
:where(#storely-template-root b), :where(#storely-template-root strong){
    font-weight: bolder;
  }
:where(#storely-template-root code), :where(#storely-template-root kbd), :where(#storely-template-root samp), :where(#storely-template-root pre){
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
:where(#storely-template-root small){
    font-size: 80%;
  }
:where(#storely-template-root sub), :where(#storely-template-root sup){
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
:where(#storely-template-root sub){
    bottom: -0.25em;
  }
:where(#storely-template-root sup){
    top: -0.5em;
  }
:where(#storely-template-root table){
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
:where(#storely-template-root *:-moz-focusring, #storely-template-root:-moz-focusring){
    outline: auto;
  }
:where(#storely-template-root progress){
    vertical-align: baseline;
  }
:where(#storely-template-root summary){
    display: list-item;
  }
:where(#storely-template-root ol), :where(#storely-template-root ul), :where(#storely-template-root menu){
    list-style: none;
  }
:where(#storely-template-root img), :where(#storely-template-root svg), :where(#storely-template-root video), :where(#storely-template-root canvas), :where(#storely-template-root audio), :where(#storely-template-root iframe), :where(#storely-template-root embed), :where(#storely-template-root object){
    display: block;
    vertical-align: middle;
  }
:where(#storely-template-root img), :where(#storely-template-root video){
    max-width: 100%;
    height: auto;
  }
:where(#storely-template-root button), :where(#storely-template-root input), :where(#storely-template-root select), :where(#storely-template-root optgroup), :where(#storely-template-root textarea), :where(#storely-template-root *::file-selector-button, #storely-template-root::file-selector-button){
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
:where(#storely-template-root *:where(select:is([multiple], [size])) optgroup, #storely-template-root:where(select:is([multiple], [size])) optgroup){
    font-weight: bolder;
  }
:where(#storely-template-root *:where(select:is([multiple], [size])) optgroup option, #storely-template-root:where(select:is([multiple], [size])) optgroup option){
    padding-inline-start: 20px;
  }
:where(#storely-template-root *::file-selector-button, #storely-template-root::file-selector-button){
    margin-inline-end: 4px;
  }
:where(#storely-template-root *::placeholder, #storely-template-root::placeholder){
    opacity: 1;
  }
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px){:where(#storely-template-root *::placeholder, #storely-template-root::placeholder){
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }}
:where(#storely-template-root textarea){
    resize: vertical;
  }
:where(#storely-template-root *::-webkit-search-decoration, #storely-template-root::-webkit-search-decoration){
    -webkit-appearance: none;
  }
:where(#storely-template-root *::-webkit-date-and-time-value, #storely-template-root::-webkit-date-and-time-value){
    min-height: 1lh;
    text-align: inherit;
  }
:where(#storely-template-root *::-webkit-datetime-edit, #storely-template-root::-webkit-datetime-edit){
    display: inline-flex;
  }
:where(#storely-template-root *::-webkit-datetime-edit-fields-wrapper, #storely-template-root::-webkit-datetime-edit-fields-wrapper){
    padding: 0;
  }
:where(#storely-template-root *::-webkit-datetime-edit, #storely-template-root::-webkit-datetime-edit), :where(#storely-template-root *::-webkit-datetime-edit-year-field, #storely-template-root::-webkit-datetime-edit-year-field), :where(#storely-template-root *::-webkit-datetime-edit-month-field, #storely-template-root::-webkit-datetime-edit-month-field), :where(#storely-template-root *::-webkit-datetime-edit-day-field, #storely-template-root::-webkit-datetime-edit-day-field), :where(#storely-template-root *::-webkit-datetime-edit-hour-field, #storely-template-root::-webkit-datetime-edit-hour-field), :where(#storely-template-root *::-webkit-datetime-edit-minute-field, #storely-template-root::-webkit-datetime-edit-minute-field), :where(#storely-template-root *::-webkit-datetime-edit-second-field, #storely-template-root::-webkit-datetime-edit-second-field), :where(#storely-template-root *::-webkit-datetime-edit-millisecond-field, #storely-template-root::-webkit-datetime-edit-millisecond-field), :where(#storely-template-root *::-webkit-datetime-edit-meridiem-field, #storely-template-root::-webkit-datetime-edit-meridiem-field){
    padding-block: 0;
  }
:where(#storely-template-root *::-webkit-calendar-picker-indicator, #storely-template-root::-webkit-calendar-picker-indicator){
    line-height: 1;
  }
:where(#storely-template-root *:-moz-ui-invalid, #storely-template-root:-moz-ui-invalid){
    box-shadow: none;
  }
:where(#storely-template-root button), :where(#storely-template-root input:where([type="button"], [type="reset"], [type="submit"])), :where(#storely-template-root *::file-selector-button, #storely-template-root::file-selector-button){
    appearance: button;
  }
:where(#storely-template-root *::-webkit-inner-spin-button, #storely-template-root::-webkit-inner-spin-button), :where(#storely-template-root *::-webkit-outer-spin-button, #storely-template-root::-webkit-outer-spin-button){
    height: auto;
  }
:where(#storely-template-root [hidden]:where(:not([hidden="until-found"]))){
    display: none !important;
  }
/* Neutralize the app's global type rules inside the template root. */
#storely-template-root :is(h1,h2,h3,h4,h5,h6){font-family:inherit;letter-spacing:inherit;}
#storely-template-root .font-display{font-family:"Space Grotesk", sans-serif !important;letter-spacing:normal !important;}
#storely-template-root .font-heading{font-family:"Space Grotesk", sans-serif !important;letter-spacing:normal !important;}
#storely-template-root .font-body{font-family:Nunito, system-ui, sans-serif !important;}
/* v3 preflight leftovers the app's v4 preflight does not provide identically. */
#storely-template-root,#storely-template-root *,#storely-template-root *::before,#storely-template-root *::after{border-color:currentColor;}
#storely-template-root img,#storely-template-root svg,#storely-template-root video{display:block;max-width:100%;height:auto;}
#storely-template-root{
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: "JetBrains Mono", monospace;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-2xl: 42rem;
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-primary: var(--sf-accent,#db2777);
    --color-ink: var(--sf-ink,#1a1a1a);
    --color-muted: var(--sf-muted,#737373);
    --color-line: var(--sf-hairline,#d9d9d9);
    --color-ground: var(--sf-surface,#fbfbf8);
    --color-card: var(--sf-raised,#ffffff);
    --color-pink: var(--sf-accent,#db2777);
    --color-pink-deep: #be185d;
    --color-pink-soft: #fbe7f0;
    --color-blue: #2563eb;
    --color-blue-deep: #1d4ed8;
    --color-blue-soft: #e8effd;
    --color-green: #15803d;
    --color-green-deep: #166534;
    --color-green-soft: #e4f3ea;
    --color-yellow: #fbbf24;
    --color-yellow-deep: #92400e;
    --color-yellow-soft: #fdf0d2;
    --font-display: "Space Grotesk", sans-serif;
    --font-body: Nunito, system-ui, sans-serif;
    --radius-none: 0px;
    --radius-full: 9999px;
    --radius-card: 20px;
    --radius-tile: 24px;
    --radius-chip: 16px;
  }
#storely-template-root .absolute{
    position: absolute;
  }
#storely-template-root .relative{
    position: relative;
  }
#storely-template-root .sticky{
    position: sticky;
  }
#storely-template-root .-top-9{
    top: calc(var(--spacing) * -9);
  }
#storely-template-root .top-full{
    top: 100%;
  }
#storely-template-root .right-4{
    right: calc(var(--spacing) * 4);
  }
#storely-template-root .left-4{
    left: calc(var(--spacing) * 4);
  }
#storely-template-root .z-40{
    z-index: 40;
  }
#storely-template-root .z-50{
    z-index: 50;
  }
#storely-template-root .mx-auto{
    margin-inline: auto;
  }
#storely-template-root .mt-1{
    margin-top: calc(var(--spacing) * 1);
  }
#storely-template-root .mt-1\.5{
    margin-top: calc(var(--spacing) * 1.5);
  }
#storely-template-root .mt-2{
    margin-top: calc(var(--spacing) * 2);
  }
#storely-template-root .mt-3{
    margin-top: calc(var(--spacing) * 3);
  }
#storely-template-root .mt-4{
    margin-top: calc(var(--spacing) * 4);
  }
#storely-template-root .mt-5{
    margin-top: calc(var(--spacing) * 5);
  }
#storely-template-root .mt-8{
    margin-top: calc(var(--spacing) * 8);
  }
#storely-template-root .mt-12{
    margin-top: calc(var(--spacing) * 12);
  }
#storely-template-root .mt-auto{
    margin-top: auto;
  }
#storely-template-root .block{
    display: block;
  }
#storely-template-root .flex{
    display: flex;
  }
#storely-template-root .grid{
    display: grid;
  }
#storely-template-root .hidden{
    display: none;
  }
#storely-template-root .inline-block{
    display: inline-block;
  }
#storely-template-root .inline-flex{
    display: inline-flex;
  }
#storely-template-root .aspect-\[5\/4\]{
    aspect-ratio: 5/4;
  }
#storely-template-root .aspect-\[16\/8\]{
    aspect-ratio: 16/8;
  }
#storely-template-root .aspect-square{
    aspect-ratio: 1 / 1;
  }
#storely-template-root .h-9{
    height: calc(var(--spacing) * 9);
  }
#storely-template-root .h-10{
    height: calc(var(--spacing) * 10);
  }
#storely-template-root .h-11{
    height: calc(var(--spacing) * 11);
  }
#storely-template-root .h-16{
    height: calc(var(--spacing) * 16);
  }
#storely-template-root .h-auto{
    height: auto;
  }
#storely-template-root .w-9{
    width: calc(var(--spacing) * 9);
  }
#storely-template-root .w-10{
    width: calc(var(--spacing) * 10);
  }
#storely-template-root .w-11{
    width: calc(var(--spacing) * 11);
  }
#storely-template-root .w-16{
    width: calc(var(--spacing) * 16);
  }
#storely-template-root .w-full{
    width: 100%;
  }
#storely-template-root .max-w-2xl{
    max-width: var(--container-2xl);
  }
#storely-template-root .max-w-\[26ch\]{
    max-width: 26ch;
  }
#storely-template-root .max-w-\[1280px\]{
    max-width: 1280px;
  }
#storely-template-root .max-w-full{
    max-width: 100%;
  }
#storely-template-root .max-w-md{
    max-width: var(--container-md);
  }
#storely-template-root .max-w-sm{
    max-width: var(--container-sm);
  }
#storely-template-root .min-w-0{
    min-width: calc(var(--spacing) * 0);
  }
#storely-template-root .flex-1{
    flex: 1;
  }
#storely-template-root .shrink-0{
    flex-shrink: 0;
  }
#storely-template-root .rotate-\[1\.5deg\]{
    rotate: 1.5deg;
  }
#storely-template-root .grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
#storely-template-root .grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
#storely-template-root .flex-col{
    flex-direction: column;
  }
#storely-template-root .flex-wrap{
    flex-wrap: wrap;
  }
#storely-template-root .items-center{
    align-items: center;
  }
#storely-template-root .items-start{
    align-items: flex-start;
  }
#storely-template-root .justify-between{
    justify-content: space-between;
  }
#storely-template-root .justify-center{
    justify-content: center;
  }
#storely-template-root .gap-1{
    gap: calc(var(--spacing) * 1);
  }
#storely-template-root .gap-1\.5{
    gap: calc(var(--spacing) * 1.5);
  }
#storely-template-root .gap-2{
    gap: calc(var(--spacing) * 2);
  }
#storely-template-root .gap-2\.5{
    gap: calc(var(--spacing) * 2.5);
  }
#storely-template-root .gap-3{
    gap: calc(var(--spacing) * 3);
  }
#storely-template-root .gap-4{
    gap: calc(var(--spacing) * 4);
  }
#storely-template-root .gap-5{
    gap: calc(var(--spacing) * 5);
  }
#storely-template-root .gap-8{
    gap: calc(var(--spacing) * 8);
  }
#storely-template-root .gap-10{
    gap: calc(var(--spacing) * 10);
  }
#storely-template-root .space-y-2\.5{
    & > :not(:last-child) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
#storely-template-root .space-y-5{
    & > :not(:last-child) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
#storely-template-root .divide-y{
    & > :not(:last-child) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
#storely-template-root .divide-yellow-deep\/10{
    & > :not(:last-child) {
      border-color: color-mix(in srgb, #92400e 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-yellow-deep) 10%, transparent);
      }
    }
  }
#storely-template-root .self-start{
    align-self: flex-start;
  }
#storely-template-root .truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
#storely-template-root .overflow-x-clip{
    overflow-x: clip;
  }
#storely-template-root .rounded-\[14px\]{
    border-radius: 14px;
  }
#storely-template-root .rounded-card{
    border-radius: var(--radius-card);
  }
#storely-template-root .rounded-chip{
    border-radius: var(--radius-chip);
  }
#storely-template-root .rounded-full{
    border-radius: var(--radius-full);
  }
#storely-template-root .rounded-tile{
    border-radius: var(--radius-tile);
  }
#storely-template-root .border{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
#storely-template-root .border-t{
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
#storely-template-root .border-b{
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
#storely-template-root .border-line{
    border-color: var(--color-line);
  }
#storely-template-root .border-transparent{
    border-color: transparent;
  }
#storely-template-root .bg-blue-soft{
    background-color: var(--color-blue-soft);
  }
#storely-template-root .bg-card{
    background-color: var(--color-card);
  }
#storely-template-root .bg-green-soft{
    background-color: var(--color-green-soft);
  }
#storely-template-root .bg-ground{
    background-color: var(--color-ground);
  }
#storely-template-root .bg-ground\/90{
    background-color: color-mix(in srgb, var(--sf-surface,#fbfbf8) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-ground) 90%, transparent);
    }
  }
#storely-template-root .bg-pink-soft{
    background-color: var(--color-pink-soft);
  }
#storely-template-root .bg-primary{
    background-color: var(--color-primary);
  }
#storely-template-root .bg-transparent{
    background-color: transparent;
  }
#storely-template-root .bg-yellow{
    background-color: var(--color-yellow);
  }
#storely-template-root .bg-yellow-soft{
    background-color: var(--color-yellow-soft);
  }
#storely-template-root .object-cover{
    object-fit: cover;
  }
#storely-template-root .p-2{
    padding: calc(var(--spacing) * 2);
  }
#storely-template-root .p-3{
    padding: calc(var(--spacing) * 3);
  }
#storely-template-root .p-6{
    padding: calc(var(--spacing) * 6);
  }
#storely-template-root .px-2\.5{
    padding-inline: calc(var(--spacing) * 2.5);
  }
#storely-template-root .px-4{
    padding-inline: calc(var(--spacing) * 4);
  }
#storely-template-root .px-5{
    padding-inline: calc(var(--spacing) * 5);
  }
#storely-template-root .px-6{
    padding-inline: calc(var(--spacing) * 6);
  }
#storely-template-root .px-7{
    padding-inline: calc(var(--spacing) * 7);
  }
#storely-template-root .py-1{
    padding-block: calc(var(--spacing) * 1);
  }
#storely-template-root .py-1\.5{
    padding-block: calc(var(--spacing) * 1.5);
  }
#storely-template-root .py-2{
    padding-block: calc(var(--spacing) * 2);
  }
#storely-template-root .py-2\.5{
    padding-block: calc(var(--spacing) * 2.5);
  }
#storely-template-root .py-3{
    padding-block: calc(var(--spacing) * 3);
  }
#storely-template-root .py-3\.5{
    padding-block: calc(var(--spacing) * 3.5);
  }
#storely-template-root .py-5{
    padding-block: calc(var(--spacing) * 5);
  }
#storely-template-root .py-12{
    padding-block: calc(var(--spacing) * 12);
  }
#storely-template-root .py-14{
    padding-block: calc(var(--spacing) * 14);
  }
#storely-template-root .pt-3{
    padding-top: calc(var(--spacing) * 3);
  }
#storely-template-root .pt-6{
    padding-top: calc(var(--spacing) * 6);
  }
#storely-template-root .pt-10{
    padding-top: calc(var(--spacing) * 10);
  }
#storely-template-root .pb-14{
    padding-bottom: calc(var(--spacing) * 14);
  }
#storely-template-root .text-center{
    text-align: center;
  }
#storely-template-root .font-body{
    font-family: var(--font-body);
  }
#storely-template-root .font-display{
    font-family: var(--font-display);
  }
#storely-template-root .font-mono{
    font-family: var(--font-mono);
  }
#storely-template-root .text-2xl{
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
#storely-template-root .text-3xl{
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
#storely-template-root .text-4xl{
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
#storely-template-root .text-\[11px\]{
    font-size: 11px;
  }
#storely-template-root .text-\[12px\]{
    font-size: 12px;
  }
#storely-template-root .text-\[13px\]{
    font-size: 13px;
  }
#storely-template-root .text-\[14px\]{
    font-size: 14px;
  }
#storely-template-root .text-\[15px\]{
    font-size: 15px;
  }
#storely-template-root .text-\[16px\]{
    font-size: 16px;
  }
#storely-template-root .text-\[18px\]{
    font-size: 18px;
  }
#storely-template-root .text-\[20px\]{
    font-size: 20px;
  }
#storely-template-root .leading-9{
    --tw-leading: calc(var(--spacing) * 9);
    line-height: calc(var(--spacing) * 9);
  }
#storely-template-root .leading-\[1\.4\]{
    --tw-leading: 1.4;
    line-height: 1.4;
  }
#storely-template-root .leading-\[1\.08\]{
    --tw-leading: 1.08;
    line-height: 1.08;
  }
#storely-template-root .leading-\[1\.15\]{
    --tw-leading: 1.15;
    line-height: 1.15;
  }
#storely-template-root .leading-relaxed{
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
#storely-template-root .leading-snug{
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
#storely-template-root .leading-tight{
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
#storely-template-root .font-bold{
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
#storely-template-root .font-medium{
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
#storely-template-root .font-semibold{
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
#storely-template-root .tracking-\[-0\.01em\]{
    --tw-tracking: -0.01em;
    letter-spacing: -0.01em;
  }
#storely-template-root .tracking-\[-0\.02em\]{
    --tw-tracking: -0.02em;
    letter-spacing: -0.02em;
  }
#storely-template-root .tracking-\[0\.04em\]{
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
  }
#storely-template-root .tracking-\[0\.08em\]{
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
  }
#storely-template-root .break-words{
    overflow-wrap: break-word;
  }
#storely-template-root .text-\[\#4a4a4a\]{
    color: #4a4a4a;
  }
#storely-template-root .text-blue-deep{
    color: var(--color-blue-deep);
  }
#storely-template-root .text-green-deep{
    color: var(--color-green-deep);
  }
#storely-template-root .text-ink{
    color: var(--color-ink);
  }
#storely-template-root .text-muted{
    color: var(--color-muted);
  }
#storely-template-root .text-pink-deep{
    color: var(--color-pink-deep);
  }
#storely-template-root .text-white{
    color: var(--color-white);
  }
#storely-template-root .text-yellow-deep{
    color: var(--color-yellow-deep);
  }
#storely-template-root .uppercase{
    text-transform: uppercase;
  }
#storely-template-root .decoration-2{
    text-decoration-thickness: 2px;
  }
#storely-template-root .underline-offset-4{
    text-underline-offset: 4px;
  }
#storely-template-root .antialiased{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
#storely-template-root .shadow-blue-sm{
    --tw-shadow: 0 6px 18px -10px var(--tw-shadow-color, rgba(37,99,235,.22));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
#storely-template-root .shadow-green-sm{
    --tw-shadow: 0 6px 18px -10px var(--tw-shadow-color, rgba(21,128,61,.20));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
#storely-template-root .shadow-hero{
    --tw-shadow: 0 34px 70px -24px var(--tw-shadow-color, rgba(219,39,119,.38));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
#storely-template-root .shadow-pink-md{
    --tw-shadow: 0 16px 34px -14px var(--tw-shadow-color, rgba(219,39,119,.32));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
#storely-template-root .shadow-pink-sm{
    --tw-shadow: 0 6px 18px -10px var(--tw-shadow-color, rgba(219,39,119,.22));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
#storely-template-root .backdrop-blur{
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
#storely-template-root .first\:pt-0{
    &:first-child {
      padding-top: calc(var(--spacing) * 0);
    }
  }
#storely-template-root .last\:pb-0{
    &:last-child {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
#storely-template-root .hover\:border-pink{
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-pink);
      }
    }
  }
#storely-template-root .hover\:bg-blue{
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue);
      }
    }
  }
#storely-template-root .hover\:bg-card{
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-card);
      }
    }
  }
#storely-template-root .hover\:bg-green{
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green);
      }
    }
  }
#storely-template-root .hover\:bg-ground{
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-ground);
      }
    }
  }
#storely-template-root .hover\:bg-pink{
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-pink);
      }
    }
  }
#storely-template-root .hover\:text-pink-deep{
    &:hover {
      @media (hover: hover) {
        color: var(--color-pink-deep);
      }
    }
  }
#storely-template-root .hover\:text-white{
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
#storely-template-root .hover\:underline{
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
#storely-template-root .hover\:shadow-blue-md{
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 16px 34px -14px var(--tw-shadow-color, rgba(37,99,235,.32));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
#storely-template-root .hover\:shadow-green-md{
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 16px 34px -14px var(--tw-shadow-color, rgba(21,128,61,.30));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
#storely-template-root .hover\:shadow-pink-md{
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 16px 34px -14px var(--tw-shadow-color, rgba(219,39,119,.32));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
#storely-template-root .sm\:inline-flex{
    @media (width >= 40rem) {
      display: inline-flex;
    }
  }
#storely-template-root .sm\:grid-cols-2{
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
#storely-template-root .md\:static{
    @media (width >= 48rem) {
      position: static;
    }
  }
#storely-template-root .md\:top-auto{
    @media (width >= 48rem) {
      top: auto;
    }
  }
#storely-template-root .md\:mt-0{
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
#storely-template-root .md\:block{
    @media (width >= 48rem) {
      display: block;
    }
  }
#storely-template-root .md\:hidden{
    @media (width >= 48rem) {
      display: none;
    }
  }
#storely-template-root .md\:aspect-\[16\/11\]{
    @media (width >= 48rem) {
      aspect-ratio: 16/11;
    }
  }
#storely-template-root .md\:h-\[72px\]{
    @media (width >= 48rem) {
      height: 72px;
    }
  }
#storely-template-root .md\:grid-cols-3{
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
#storely-template-root .md\:grid-cols-\[\.85fr_1\.15fr\]{
    @media (width >= 48rem) {
      grid-template-columns: .85fr 1.15fr;
    }
  }
#storely-template-root .md\:flex-row{
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
#storely-template-root .md\:items-center{
    @media (width >= 48rem) {
      align-items: center;
    }
  }
#storely-template-root .md\:gap-5{
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
#storely-template-root .md\:gap-12{
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
#storely-template-root .md\:rounded-none{
    @media (width >= 48rem) {
      border-radius: var(--radius-none);
    }
  }
#storely-template-root .md\:border-0{
    @media (width >= 48rem) {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
#storely-template-root .md\:bg-transparent{
    @media (width >= 48rem) {
      background-color: transparent;
    }
  }
#storely-template-root .md\:p-0{
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 0);
    }
  }
#storely-template-root .md\:p-4{
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
#storely-template-root .md\:p-12{
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 12);
    }
  }
#storely-template-root .md\:px-8{
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
#storely-template-root .md\:py-2\.5{
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
#storely-template-root .md\:py-16{
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
#storely-template-root .md\:py-20{
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 20);
    }
  }
#storely-template-root .md\:pt-16{
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 16);
    }
  }
#storely-template-root .md\:pb-24{
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 24);
    }
  }
#storely-template-root .md\:text-6xl{
    @media (width >= 48rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
#storely-template-root .md\:text-\[17px\]{
    @media (width >= 48rem) {
      font-size: 17px;
    }
  }
#storely-template-root .md\:text-\[18px\]{
    @media (width >= 48rem) {
      font-size: 18px;
    }
  }
#storely-template-root .md\:text-\[20px\]{
    @media (width >= 48rem) {
      font-size: 20px;
    }
  }
#storely-template-root .md\:text-\[24px\]{
    @media (width >= 48rem) {
      font-size: 24px;
    }
  }
#storely-template-root .md\:text-\[28px\]{
    @media (width >= 48rem) {
      font-size: 28px;
    }
  }
#storely-template-root .md\:text-\[40px\]{
    @media (width >= 48rem) {
      font-size: 40px;
    }
  }
#storely-template-root .md\:shadow-none{
    @media (width >= 48rem) {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
#storely-template-root .md\:hover\:bg-card{
    @media (width >= 48rem) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-card);
        }
      }
    }
  }
#storely-template-root .lg\:w-\[44\%\]{
    @media (width >= 64rem) {
      width: 44%;
    }
  }
#storely-template-root .lg\:grid-cols-4{
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
#storely-template-root .lg\:grid-cols-\[1\.3fr_\.7fr_1\.1fr_\.9fr\]{
    @media (width >= 64rem) {
      grid-template-columns: 1.3fr .7fr 1.1fr .9fr;
    }
  }
#storely-template-root .lg\:flex-row{
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
#storely-template-root .lg\:items-center{
    @media (width >= 64rem) {
      align-items: center;
    }
  }
#storely-template-root .lg\:gap-14{
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 14);
    }
  }
@property --tw-space-y-reverse{
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse{
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style{
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading{
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight{
  syntax: "*";
  inherits: false;
}
@property --tw-tracking{
  syntax: "*";
  inherits: false;
}
@property --tw-shadow{
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color{
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha{
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow{
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color{
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha{
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color{
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow{
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color{
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow{
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset{
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width{
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color{
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow{
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-backdrop-blur{
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness{
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast{
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale{
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate{
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert{
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity{
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate{
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia{
  syntax: "*";
  inherits: false;
}
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){#storely-template-root *, #storely-template-root *::before, #storely-template-root::before, #storely-template-root *::after, #storely-template-root::after, #storely-template-root *::backdrop, #storely-template-root::backdrop{
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
    }}
#storely-template-root{ --ease:cubic-bezier(0.16,1,0.3,1); --spring:cubic-bezier(0.34,1.56,0.64,1); }
#storely-template-root{ scroll-behavior:smooth; }
#storely-template-root{ overflow-x:clip; }
@keyframes companion-fadeUp{ from{ opacity:0; transform:translateY(16px); } to{ opacity:1; transform:none; } }
#storely-template-root .hero-in{ opacity:0; animation:companion-fadeUp .85s var(--ease) forwards; }
#storely-template-root .hero-in-d1{ animation-delay:.08s; }
#storely-template-root .hero-in-d2{ animation-delay:.18s; }
#storely-template-root .hero-in-d3{ animation-delay:.30s; }
#storely-template-root .hero-in-d4{ animation-delay:.42s; }
#storely-template-root .hero-in-d5{ animation-delay:.55s; }
#storely-template-root .reveal{ opacity:0; transform:translateY(16px); transition:opacity .75s var(--ease), transform .75s var(--ease); }
#storely-template-root .reveal.in-view{ opacity:1; transform:none; }
#storely-template-root .reveal-d1{ transition-delay:90ms; }
#storely-template-root .reveal-d2{ transition-delay:180ms; }
#storely-template-root .reveal-d3{ transition-delay:270ms; }
#storely-template-root .spring{ transition:transform .3s var(--spring), box-shadow .3s var(--ease), background-color .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease); }
#storely-template-root .spring:hover{ transform:translateY(-2px); }
#storely-template-root .spring:active{ transform:scale(.96); }
#storely-template-root .card-lift{ transition:transform .3s var(--spring), box-shadow .3s var(--ease), border-color .2s var(--ease); }
#storely-template-root .card-lift:hover{ transform:translateY(-3px); }
#storely-template-root .card-lift:active{ transform:translateY(-1px) scale(.99); }
#storely-template-root .tile-lift{ transition:transform .3s var(--spring), box-shadow .3s var(--ease); }
#storely-template-root .tile-lift:hover{ transform:translateY(-4px) rotate(-.5deg); }
#storely-template-root .tile-lift:active{ transform:translateY(-1px) scale(.98); }
#storely-template-root .nudge{ transition:transform .3s var(--spring); }
#storely-template-root .group:hover .nudge{ transform:translateX(3px); }
#storely-template-root .row-hover{ transition:background .2s var(--ease), border-color .2s var(--ease); }
#storely-template-root .clamp2{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
#storely-template-root #site-header{ transition:box-shadow .3s var(--ease), background-color .3s var(--ease), border-color .3s var(--ease); }
#storely-template-root #site-header.is-scrolled{ background:var(--sf-raised,#ffffff); border-color:var(--sf-hairline,#d9d9d9); box-shadow:0 10px 30px -18px rgba(219,39,119,.28); }
#storely-template-root #hero-frame{ will-change:transform; }
#storely-template-root a:focus-visible, #storely-template-root button:focus-visible{ outline:3px solid var(--sf-accent,#db2777); outline-offset:3px; border-radius:12px; }
#storely-template-root .bg-primary:focus-visible{ outline-color:var(--sf-ink,#1a1a1a); }
@media (prefers-reduced-motion: reduce){#storely-template-root{ scroll-behavior:auto; }
#storely-template-root .hero-in, #storely-template-root .reveal{ opacity:1 !important; transform:none !important; animation:none !important; transition:none !important; }
#storely-template-root .spring, #storely-template-root .card-lift, #storely-template-root .tile-lift, #storely-template-root .nudge, #storely-template-root .row-hover, #storely-template-root #site-header, #storely-template-root a, #storely-template-root button, #storely-template-root img{ transition:none !important; animation:none !important; }
#storely-template-root .spring:hover, #storely-template-root .card-lift:hover, #storely-template-root .tile-lift:hover, #storely-template-root .group:hover .nudge{ transform:none !important; }
#storely-template-root #hero-frame{ transform:none !important; }}
#storely-template-root .reveal, #storely-template-root .hero-in{ opacity:1 !important; transform:none !important; animation:none !important; }
#storely-template-root #nav-panel{ display:block !important; position:static !important; box-shadow:none !important; border:0 !important; background:transparent !important; padding:0 !important; margin:0 !important; }
#storely-template-root #menu-btn{ display:none !important; }