/** Shopify CDN: Minification failed

Line 22:9 Unexpected "{"
Line 22:21 Expected ":"
Line 22:25 Unexpected "{"
Line 23:9 Unexpected "{"
Line 23:21 Expected ":"
Line 30:9 Unexpected "{"
Line 30:21 Expected ":"
Line 31:9 Unexpected "{"
Line 31:21 Expected ":"
Line 32:9 Unexpected "{"
... and 187 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:advent-calendar (INDEX:1) */
/* ------------------ Base container & header ------------------ */
#advent-{{ section_id }} { background: var(--advent-bg); }
#advent-{{ section_id }} .advent__container{
  max-width: var(--advent-max-w, 1200px);
  margin-inline: auto;
  padding: var(--advent-pad-y) var(--advent-pad-x);
  border-radius: 16px;
  position: relative;
}
#advent-{{ section_id }} .advent__header{ margin-bottom:.75rem; }
#advent-{{ section_id }} .advent__title{ margin:0 0 .25rem; color:#fff; font-size:clamp(1.2rem,2.5vw,2rem); }
#advent-{{ section_id }} .advent__subtitle{ color:#d1d5db; }
#advent-{{ section_id }} .advent__month{
  color:var(--month-color);
  font-size:var(--month-size);
  font-weight:var(--month-weight);
  text-align:var(--month-align);
  margin:.5rem 0;
}

/* Decorative overlay (behind content) */
#advent-{{ section_id }} .advent__decor-overlay{ position:absolute; inset:0; z-index:0; pointer-events:none; }
#advent-{{ section_id }} .advent__decor-img{ width:100%; height:100%; object-fit:cover; }
#advent-{{ section_id }} .advent__header,
#advent-{{ section_id }} .advent__month,
#advent-{{ section_id }} .advent__weekdays,
#advent-{{ section_id }} .advent__grid,
#advent-{{ section_id }} .advent__modal{ position:relative; z-index:1; }

/* ------------------ CTA bar ------------------ */
#advent-{{ section_id }} .advent__cta-bar{
  margin:var(--cta-mt) 0 var(--cta-mb);
  display:flex; gap:10px; flex-wrap:wrap;
}
#advent-{{ section_id }} .button{
  display:inline-block; padding:.6rem .9rem;
  background:var(--advent-accent); color:#0b0b0b;
  border-radius:8px; border:0; font-weight:700; text-decoration:none;
}

/* ------------------ Box model sync ------------------ */
#advent-{{ section_id }} .advent__weekdays,
#advent-{{ section_id }} .advent__weekdays li,
#advent-{{ section_id }} .advent__grid,
#advent-{{ section_id }} .advent__tile{ box-sizing:border-box; }
#advent-{{ section_id }} .advent__weekdays,
#advent-{{ section_id }} .advent__grid{ gap:var(--gap, 12px); }

/* ------------------ Weekday header (desktop & base) ------------------ */
#advent-{{ section_id }} .advent__weekdays{
  display:grid;
  grid-template-columns:repeat(7, minmax(0, 1fr));
  list-style:none; padding:0; margin:.25rem 0 .5rem;
  text-align:center; color:var(--weekday-text);
  gap: var(--gap, 12px);
}
#advent-{{ section_id }} .advent__weekdays li{
  display:flex; align-items:center; justify-content:center;
  font-size:var(--weekday-size); font-weight:var(--weekday-weight);
  padding:.35rem 0; margin:0; min-width:0;
  position:relative; border-radius:8px;
  background:color-mix(in srgb, var(--advent-bg, transparent) 60%, transparent);
}
#advent-{{ section_id }} .advent__weekdays li::before{
  content:""; position:absolute; inset:0; border-radius:8px; z-index:-1;
  background:var(--weekday-bg); opacity:var(--weekday-bg-alpha);
}

/* ------------------ Grid ------------------ */
#advent-{{ section_id }} .advent__grid{
  display:grid; grid-template-columns:repeat(var(--advent-cols, 6), 1fr);
}
#advent-{{ section_id }} .advent__pad{ aspect-ratio:1/1; }

/* ------------------ Tiles ------------------ */
#advent-{{ section_id }} .advent__tile{
  appearance:none;
  background:var(--advent-tile); color:#fff;
  position:relative; overflow:hidden; border:0; padding:0;
  border-radius:var(--tile-radius);
  aspect-ratio:1/1; perspective:900px; transform-style:preserve-3d;
  touch-action:none; /* ensure pointermove works for scratch */
}
#advent-{{ section_id }} .advent__faces{ position:absolute; inset:0; transform-style:preserve-3d; transition:transform .5s; }
#advent-{{ section_id }} .advent__tile.is-flipped .advent__faces{ transform:rotateY(180deg); }
#advent-{{ section_id }} .advent__face{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  backface-visibility:hidden; -webkit-backface-visibility:hidden; padding:6px;
  line-height: 0; /* Prevents inline-block baseline issues */
}
#advent-{{ section_id }} .advent__face--front{ background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.08); }
#advent-{{ section_id }} .advent__face--back{ transform:rotateY(180deg); background:var(--advent-accent); color:#0b0b0b; border:1px solid rgba(0,0,0,0.15); }
#advent-{{ section_id }} .advent__tile.is-flipped .advent__face--front{ opacity:0; transition:opacity .35s; }
#advent-{{ section_id }} .advent__window-label{ color:var(--tile-label-color); font-weight:var(--tile-label-weight); font-size:var(--tile-label-size); line-height: 1.25; }

/* --- START: Final Peek/Thumbnail Layout Fix --- */

/* Force the back face to be a flex container that centers its content. */
#advent-{{ section_id }} .advent__face--back {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px; /* Add some internal spacing */
  gap: 5px;     /* Create a small gap between the image and the text */
}

/* The peek container can now be removed from the layout flow, letting the back face control its children. */
#advent-{{ section_id }} .advent__peek {
  display: contents; /* This magical property makes the wrapper disappear for layout purposes */
}

/* Constrain the thumbnail size to prevent it from overflowing. */
#advent-{{ section_id }} .advent__peek-thumb {
  display: block;
  flex-shrink: 1; /* Allow the image to shrink if space is tight */
  max-width: 80%;
  max-height: 65%; /* Crucial for leaving space for the text */
  object-fit: contain;
  border-radius: 4px;
}

/* Style the text elements below the thumbnail. */
#advent-{{ section_id }} .advent__peek small,
#advent-{{ section_id }} .advent__peek-html {
  flex-shrink: 0; /* Prevent text from shrinking */
  text-align: center;
  line-height: 1.3;
}

/* Remove default margins from <p> tags inside the peek text. */
#advent-{{ section_id }} .advent__peek-html p {
  margin: 0;
}

/* --- END: Final Peek/Thumbnail Layout Fix --- */


/* ------------------ Slide effect ------------------ */
#advent-{{ section_id }} .advent__door{ display:none; }
#advent-{{ section_id }} .advent__tile[data-reveal="slide"] .advent__door{
  display:block; position:absolute; inset:0; border-radius:inherit;
  background: linear-gradient(to bottom, rgba(255,255,255,.07), rgba(0,0,0,.10)), #000000;
  box-shadow: inset -10px 0 20px rgba(0,0,0,.45), inset 0 0 0 2px rgba(255,255,255,.08);
  transform:translateX(0);
  transition:transform .55s ease, box-shadow .35s ease;
}
#advent-{{ section_id }} .advent__tile[data-reveal="slide"] .advent__door::before{
  content:""; position:absolute; top:0; bottom:0; right:-1px; width:4px;
  background:linear-gradient(to bottom, rgba(0,0,0,.55), rgba(255,255,255,.35), rgba(0,0,0,.55));
  border-radius:3px; pointer-events:none;
}
#advent-{{ section_id }} .advent__tile[data-reveal="slide"] .advent__door::after{
  content:""; position:absolute; top:50%; right:14px; width:16px; height:16px; transform:translateY(-50%);
  border-radius:50%; background:rgba(255,255,255,.6); box-shadow:inset 0 0 0 3px rgba(0,0,0,.35);
  pointer-events:none;
}
#advent-{{ section_id }} .advent__tile[data-reveal="slide"]:not(.is-slid) .advent__faces::after{
  content:""; position:absolute; top:50%; right:18px; width:28px; height:12px; transform:translateY(-50%);
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='12' viewBox='0 0 28 12' fill='none'><path d='M2 6 L8 6 M6 2 L10 6 L6 10' stroke='rgba(255,255,255,0.8)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M14 6 L20 6 M18 2 L22 6 L18 10' stroke='rgba(255,255,255,0.8)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>")
    center/contain no-repeat;
  opacity:.85; filter:drop-shadow(0 1px 1px rgba(0,0,0,.35));
  animation:advent-slide-hint 1.1s ease-in-out infinite; pointer-events:none;
}
@keyframes advent-slide-hint{ 0%{transform:translate(0,-50%);opacity:.85} 60%{transform:translate(-6px,-50%);opacity:1} 100%{transform:translate(0,-50%);opacity:.85} }
#advent-{{ section_id }} .advent__tile.is-slid .advent__door{ transform:translateX(-100%); box-shadow:none; }
#advent-{{ section_id }} .advent__tile[data-reveal="slide"] .advent__faces{ background:linear-gradient(to right, rgba(0,0,0,0.25), transparent 35%); }
#advent-{{ section_id }} .advent__tile.is-slid .advent__faces{ background:none; }

/* ------------------ Popup ------------------ */
#advent-{{ section_id }} .advent__tile.is-pop{ animation:advent-pop .34s ease; }
@keyframes advent-pop{ 0%{transform:scale(1)} 60%{transform:scale(1.06)} 100%{transform:scale(1)} }

/* ------------------ Scratch ------------------ */
#advent-{{ section_id }} .advent__scratch{ position:absolute; inset:0; border-radius:inherit; overflow:hidden; }
#advent-{{ section_id }} .advent__scratch canvas{ width:100%; height:100%; display:block; border-radius:inherit; }
#advent-{{ section_id }} .advent__scratch-hint{
  position:absolute; inset:auto 10% 10% 10%;
  display:grid; place-items:center; color:#fff; font-weight:700; text-align:center;
  padding:.6rem; border-radius:10px; background:rgba(0,0,0,.35); pointer-events:none;
}

/* ------------------ Completion badge ------------------ */
#advent-{{ section_id }} .advent__badge{
  position:absolute; top:6px; right:8px; width:22px; height:22px; border-radius:9999px;
  background:var(--advent-accent); color:#0b0b0b; font-weight:900; display:none; align-items:center; justify-content:center; font-size:14px;
}
#advent-{{ section_id }} .advent__tile.is-complete .advent__badge{ display:flex; }

/* ------------------ Future days ------------------ */
#advent-{{ section_id }} .advent__tile--future{ opacity:.75; filter:saturate(.8); }
#advent-{{ section_id }} .advent__tile--future:active{ transform:none !important; }
#advent-{{ section_id }} .advent__tile--future:focus{ outline:none; }

/* ------------------ Modal (themeable) ------------------ */
#advent-{{ section_id }} .advent__modal[hidden]{ display:none; }
#advent-{{ section_id }} .advent__modal{
  position:fixed; inset:0; z-index:2147483647;
  background:var(--modal-overlay, rgba(0,0,0,.6));
  display:flex; align-items:center; justify-content:center;
  padding:24px; backdrop-filter:blur(2px);
  pointer-events:auto;
}
#advent-{{ section_id }} .advent__modal-card{
  background:var(--modal-bg, #ffffff);
  color:var(--modal-text, #111111);
  /*width:min(95vw, var(--advent-max-w, 1200px));*/
  width: min(60vw, var(--advent-max-w, 1200px));
  max-height:85vh;
  border-radius:12px; box-shadow:0 20px 50px rgba(0,0,0,.3);
  position:relative; padding:24px;
  overflow: hidden;
  display: grid;
  grid-template-rows: 1fr;
  pointer-events:auto;
}
@media screen and (max-width: 768px) {
  #advent-{{ section_id }} .advent__modal-card{ 
    width: min(95vw, var(--advent-max-w, 1200px));
  }
}
#advent-{{ section_id }} .advent__modal-body{
  overflow: auto;
  max-height: 85vh;
  -webkit-overflow-scrolling: touch;
}
#advent-{{ section_id }} .advent__modal-close{
  position:absolute; top:8px; right:12px; z-index:3;
  width:36px; height:36px; border-radius:9999px;
  background:color-mix(in srgb, var(--modal-text, #111) 12%, transparent);
  color:var(--modal-text, #111);
  border:1px solid color-mix(in srgb, var(--modal-text, #111) 18%, transparent);
  font-size:22px; line-height:1; display:grid; place-items:center;
  cursor: pointer;
}

/* Dev reset button above decor */
#advent-{{ section_id }} .advent__reset{ position:absolute; top:10px; right:10px;
  padding:.45rem .7rem; border-radius:8px; border:1px solid rgba(255,255,255,.18);
  background:#1f2937; color:#fff; font-weight:700; font-size:.85rem; cursor:pointer;
  box-shadow:0 6px 16px rgba(0,0,0,.25);
}
#advent-{{ section_id }} .advent__reset:hover{ filter:brightness(1.1); }

/* ------------------ Watermark on ALL unrevealed tiles ------------------ */
#advent-{{ section_id }} .advent__mark{
  position:absolute; inset:0; border-radius:inherit; pointer-events:none;
}
#advent-{{ section_id }} .advent__mark img{
  position:absolute; inset:0; margin:auto;
  width:auto; height:auto;
  max-width:var(--mark-scale, 60%);
  max-height:var(--mark-scale, 60%);
  object-fit:var(--mark-fit, contain);
  filter:grayscale(var(--mark-gray, .6));
  opacity:var(--mark-opacity, .3);
  z-index:0;
}
#advent-{{ section_id }}[data-mark-mode="cover"] .advent__mark img,
#advent-{{ section_id }}[data-mark-mode="fill"]  .advent__mark img{ width:100%; height:100%; max-width:none; max-height:none; }
#advent-{{ section_id }}[data-mark-mode="cover"] .advent__mark img{ object-fit:cover; }
#advent-{{ section_id }}[data-mark-mode="fill"]  .advent__mark img{ object-fit:fill; }

/* Pinned label */
#advent-{{ section_id }} .advent__tile-label{
  position:absolute; left:50%; bottom:10px; transform:translateX(-50%); z-index:1;
  max-width:90%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  background:rgba(0,0,0,.45); color:#fff; padding:.35rem .55rem; border-radius:8px;
  font-weight:700; font-size:.9rem;
}

/* ------------------ Mobile behaviours ------------------ */
@media (max-width:768px){
  #advent-{{ section_id }}[data-mobile-mode="grid"] .advent__weekdays{ display:none; }
  #advent-{{ section_id }}[data-mobile-mode="grid"] .advent__grid{
    grid-template-columns:repeat(var(--advent-cols-mobile, 3), 1fr);
  }
  #advent-{{ section_id }}[data-mobile-mode="scroll"] .advent__scroller{
    overflow-x:auto; -webkit-overflow-scrolling:touch; scroll-snap-type:x proximity;
  }
  #advent-{{ section_id }}[data-mobile-mode="scroll"]{
    --padx: var(--advent-pad-x, 16px);
    --visible: var(--mobile-visible, 3);
    --cell: clamp(84px,
      calc((100vw - (2 * var(--padx)) - ((var(--visible) - 1) * var(--gap))) / var(--visible)),
      160px);
    --cols: 7;
    --min-track: calc((var(--cell) * var(--cols)) + (var(--gap) * (var(--cols) - 1)));
  }
  #advent-{{ section_id }}[data-mobile-mode="scroll"] .advent__weekdays,
  #advent-{{ section_id }}[data-mobile-mode="scroll"] .advent__grid{
    display:grid;
    grid-template-columns:repeat(7, var(--cell));
    min-width:var(--min-track);
  }
  #advent-{{ section_id }}[data-mobile-mode="scroll"] .advent__weekdays li,
  #advent-{{ section_id }}[data-mobile-mode="scroll"] .advent__tile{
    scroll-snap-align:start;
  }
  #advent-{{ section_id }}[data-mobile-mode="scroll"] .advent__weekdays{
    position:sticky; top:0; z-index:1;
    backdrop-filter:blur(1px);
    padding-block:4px;
  }
}

/* --- START: Cursor Fix & Style Update --- */

/* Default pointer for all interactive tiles. */
#advent-{{ section_id }} .advent__tile {
  cursor: pointer;
}

/* New 3D coin cursor for scratchable tiles. It now appears immediately on hover. */
#advent-{{ section_id }} .advent__tile[data-reveal="scratch"]:not(.is-complete) {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cdefs%3E%3ClinearGradient id='r' x1='0' y1='0' x2='0' y2='100%25'%3E%3Cstop offset='0' stop-color='%23F2C94C'/%3E%3Cstop offset='1' stop-color='%23B7902B'/%3E%3C/linearGradient%3E%3CradialGradient id='f'%3E%3Cstop offset='0' stop-color='%23FEF08A'/%3E%3Cstop offset='1' stop-color='%23F5B025'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg transform='rotate(-25 16 16) translate(0 2)'%3E%3Cellipse cx='16' cy='18' rx='14' ry='10' fill='url(%23r)' stroke='%238A6B1A' stroke-width='1.5'/%3E%3Cellipse cx='16' cy='16' rx='14' ry='10' fill='url(%23f)' stroke='%23B7902B' stroke-width='1'/%3E%3Cpath d='M10 13A12 8 0 0122 13A14 10 0 0010 13' fill='white' fill-opacity='.5'/%3E%3C/g%3E%3C/svg%3E") 16 16, auto;
}

/* Non-interactive cursor for future days (this rule must override all others). */
#advent-{{ section_id }} .advent__tile--future {
  cursor: not-allowed !important;
}

/* --- END: Cursor Fix & Style Update --- */

/* ------------------ Completion badge ------------------ */
#advent-{{ section_id }} .advent__badge {
  position: absolute;
  top: 6px;
  right: 8px;
  width: 22px;
  height: 22px;
  border-radius: 9999px;
  background: var(--badge-bg); /* UPDATED */
  color: var(--badge-text);     /* UPDATED */
  font-weight: 900;
  font-size: 14px;
  display: none;
  align-items: center;
  justify-content: center;
}

#advent-{{ section_id }} .advent__tile {
  appearance: none;
  background: var(--advent-tile);
  color: #fff;
  position: relative;
  overflow: hidden;
  padding: 0;
  border-radius: var(--tile-radius);
  aspect-ratio: 1/1;
  perspective: 900px;
  transform-style: preserve-3d;
  touch-action: none;
  /* UPDATED: This line now applies your custom border */
  border: var(--tile-border-width) var(--tile-border-style) var(--tile-border-color);
}

/* This rule is for the main title/heading */
#advent-{{ section_id }} .advent__title {
  margin: 0 0 0.25rem;
  color: var(--title-color);
  font-size: var(--title-size);
  font-weight: var(--title-weight);
}

/* This rule is for the description/subheading */
#advent-{{ section_id }} .advent__subtitle {
  color: var(--subtitle-color);
  font-size: var(--subtitle-size);
  font-weight: var(--subtitle-weight);
}

/* Inactive placeholders used when filling missing month days */
#advent-{{ section_id }} .advent__tile--static {
  opacity: .65;
  filter: saturate(.75);
  cursor: default !important;
}
#advent-{{ section_id }} .advent__tile--static .advent__window-label { opacity: .9; }

/* Inactive placeholders for missing calendar days (no label, no flip, no CTA) */
#advent-{{ section_id }} .advent__tile--placeholder{
  cursor: default !important;
  background: color-mix(in srgb, var(--advent-tile) 55%, #000 45%); /* muted solid */
  opacity: 1;                       /* don't reuse "future" dimming */
  filter: none;
}

#advent-{{ section_id }} .advent__tile--placeholder .advent__faces{ transform:none !important; }
#advent-{{ section_id }} .advent__tile--placeholder .advent__face--back,
#advent-{{ section_id }} .advent__tile--placeholder .advent__door,
#advent-{{ section_id }} .advent__tile--placeholder .advent__badge,
#advent-{{ section_id }} .advent__tile--placeholder .advent__tile-label{ display:none !important; }

#advent-{{ section_id }} .advent__tile--placeholder .advent__face--front{
  background: rgba(255,255,255,0.03);
  background: #9f9f9f;
  border: 1px solid rgba(255,255,255,0.08);
}
#advent-{{ section_id }} .advent__tile--placeholder .advent__window-label{ opacity:.95; }
/* END_SECTION:advent-calendar */

/* START_SECTION:homepage-primary-heading (INDEX:91) */
.homepage-primary-heading h1 {
    margin: 0;
    color: var(--heading-color);
    font-family: var(--font-heading-family);
    font-size: var(--heading-size);
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
  }
  @media screen and (max-width: 749px) {
    .homepage-primary-heading h1 { font-size: var(--heading-size-mobile); }
  }
/* END_SECTION:homepage-primary-heading */

/* CSS from snippet stylesheet tags */
/* START_SNIPPET:share-button (INDEX:509) */
.share-button{display:block;position:relative}.share-button details{width:fit-content}.share-button__button{font-size:1.4rem;display:flex;align-items:center;color:rgb(var(--color-link));margin-left:0;padding-left:0;min-height:4.4rem}details[open]>.share-button__fallback{animation:animateMenuOpen var(--duration-default) ease}.share-button__button:hover{text-decoration:underline;text-underline-offset:0.3rem}.share-button__button,
.share-button__fallback button{cursor:pointer;background-color:transparent;border:none}.share-button__button .icon-share{height:1.2rem;margin-right:1rem;min-width:1.3rem}.share-button__fallback{display:flex;align-items:center;position:absolute;top:3rem;left:0.1rem;z-index:3;width:100%;min-width:max-content;border-radius:var(--inputs-radius);border:0}.share-button__fallback:after{pointer-events:none;content:'';position:absolute;top:var(--inputs-border-width);right:var(--inputs-border-width);bottom:var(--inputs-border-width);left:var(--inputs-border-width);border:0.1rem solid transparent;border-radius:var(--inputs-radius);box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-border-opacity));transition:box-shadow var(--duration-short) ease;z-index:1}.share-button__fallback:before{background:rgb(var(--color-background));pointer-events:none;content:'';position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--inputs-radius-outset);box-shadow:var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow),var(--inputs-shadow-opacity));z-index:-1}.share-button__fallback button{width:4.4rem;height:4.4rem;padding:0;flex-shrink:0;display:flex;justify-content:center;align-items:center;position:relative;right:var(--inputs-border-width)}.share-button__fallback button:hover{color:rgba(var(--color-foreground),0.75)}.share-button__fallback button:hover svg{transform:scale(1.07)}.share-button__close:not(.hidden)+.share-button__copy{display:none}.share-button__close,
.share-button__copy{background-color:transparent;color:rgb(var(--color-foreground))}.share-button__copy:focus-visible,
.share-button__close:focus-visible{background-color:rgb(var(--color-background));z-index:2}.share-button__copy:focus,
.share-button__close:focus{background-color:rgb(var(--color-background));z-index:2}.field:not(:focus-visible):not(.focused)+.share-button__copy:not(:focus-visible):not(.focused),
.field:not(:focus-visible):not(.focused)+.share-button__close:not(:focus-visible):not(.focused){background-color:inherit}.share-button__fallback .field:after,
.share-button__fallback .field:before{content:none}.share-button__fallback .field{border-radius:0;min-width:auto;min-height:auto;transition:none}.share-button__fallback .field__input:focus,
.share-button__fallback .field__input:-webkit-autofill{outline:0.2rem solid rgba(var(--color-foreground),0.5);outline-offset:0.1rem;box-shadow:0 0 0 0.1rem rgb(var(--color-background)),0 0 0.5rem 0.4rem rgba(var(--color-foreground),0.3)}.share-button__fallback .field__input{box-shadow:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;filter:none;min-width:auto;min-height:auto}.share-button__fallback .field__input:hover{box-shadow:none}.share-button__fallback .icon{width:1.5rem;height:1.5rem}.share-button__message:not(:empty){display:flex;align-items:center;width:100%;height:100%;margin-top:0;padding:0.8rem 0 0.8rem 1.5rem;margin:var(--inputs-border-width)}.share-button__message:not(:empty):not(.hidden)~*{display:none}
/* END_SNIPPET:share-button */