{"version":3,"sources":["download/index.scss","download/index.css"],"names":[],"mappings":"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","file":"pages/download/index.bundle.css","sourcesContent":["// Download Page Styles\n// Only custom styles that cannot be achieved with Bootstrap\n\n// Folder icon custom styling (gradient background and tab)\n.folder-icon {\n  width: 120px;\n  height: 90px;\n  background: linear-gradient(135deg, #fce7ab 0%, #facd55 100%);\n  border-radius: 0 8px 8px 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: -11px;\n    left: 0;\n    width: 45px;\n    height: 12px;\n    background: linear-gradient(135deg, #f6c041 0%, #f1bc40 100%);\n    border-radius: 4px 4px 0 0;\n    z-index: -1;\n  }\n\n  i {\n    color: rgba(0, 0, 0, 0.25);\n  }\n}\n\n// Mac platform folder styling\n.platform-instructions[data-platform=\"mac\"] .folder-icon {\n  background: linear-gradient(135deg, #6BB6FF 0%, #4A9FFF 100%);\n\n  &::before {\n    background: linear-gradient(135deg, #5AA5EE 0%, #4A9FFF 100%);\n    z-index: 1;\n  }\n\n  i {\n    color: rgba(255, 255, 255, 0.4);\n  }\n\n  svg {\n    opacity: 0.4;\n    fill: white;\n\n    path {\n      fill: white;\n    }\n  }\n}\n\n// File icon sizing\n.file-to-click {\n  width: 100px;\n  height: 100px;\n\n  .brandmark {\n    width: 64px;\n    height: 64px;\n    object-fit: contain;\n  }\n}\n\n// Click indicator animation\n.click-indicator {\n  pointer-events: none;\n\n  .pointer-icon {\n    width: 48px;\n    height: 48px;\n    animation: mouse-move 3s ease-in-out infinite;\n\n    svg {\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  .click-pulse {\n    width: 30px;\n    height: 30px;\n    top: -2px;\n    left: -2px;\n    animation: click-pulse 3s ease-in-out infinite;\n    opacity: 0;\n  }\n}\n\n@keyframes mouse-move {\n  0% {\n    transform: translate(60px, -20px);\n  }\n  20%, 80% {\n    transform: translate(0, 0);\n  }\n  81%, 100% {\n    transform: translate(60px, -20px);\n  }\n}\n\n@keyframes click-pulse {\n  0%, 30% {\n    opacity: 0;\n    transform: scale(0.5);\n  }\n  40%, 50% {\n    opacity: 0.8;\n    transform: scale(1.3);\n  }\n  55% {\n    opacity: 0;\n  }\n  65%, 75% {\n    opacity: 0.8;\n    transform: scale(1.3);\n  }\n  80%, 100% {\n    opacity: 0;\n  }\n}\n\n// Wizard window sizing\n.wizard-window {\n  width: 250px;\n  height: 150px;\n\n  .wizard-header {\n    height: 30px;\n  }\n\n  .wizard-content {\n    height: calc(100% - 30px);\n  }\n}\n\n// Progress bar container and animation\n.progress-bar-container {\n  height: 20px;\n\n  .progress-fill {\n    height: 100%;\n    background: linear-gradient(90deg, var(--bs-primary) 0%, var(--bs-info) 100%);\n    border-radius: 10px;\n    animation: install-progress 3s ease-in-out infinite;\n  }\n}\n\n@keyframes install-progress {\n  0% {\n    width: 0%;\n  }\n  100% {\n    width: 100%;\n  }\n}\n\n// Launch app icon sizing\n.app-icon {\n  width: 100px;\n  height: 100px;\n\n  .brandmark {\n    width: 64px;\n    height: 64px;\n    object-fit: contain;\n  }\n}\n\n\n@keyframes app-appear {\n  0%, 100% {\n    transform: scale(0.9);\n    opacity: 0.8;\n  }\n  50% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n\n// Drag indicator animation for Mac drag-to-Applications\n.drag-indicator {\n  pointer-events: none;\n  z-index: 10;\n\n  .pointer-icon {\n    width: 48px;\n    height: 48px;\n    animation: mouse-drag 3s ease-in-out infinite;\n    position: relative;\n    z-index: 11;\n\n    svg {\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  .click-pulse {\n    width: 30px;\n    height: 30px;\n    top: -2px;\n    left: -2px;\n    animation: drag-click-pulse 3s ease-in-out infinite;\n    opacity: 0;\n    z-index: 10;\n  }\n}\n\n@keyframes mouse-drag {\n  0%, 10% {\n    transform: translate(0, 0);\n  }\n  40% {\n    transform: translate(200px, 0);\n  }\n  40%, 60% {\n    transform: translate(200px, 0);\n  }\n  61%, 100% {\n    transform: translate(0, 0);\n  }\n}\n\n@keyframes drag-click-pulse {\n  0%, 3% {\n    opacity: 0;\n    transform: translate(0, 0) scale(0.5);\n  }\n  7%, 10% {\n    opacity: 0.6;\n    transform: translate(0, 0) scale(1);\n  }\n  40% {\n    opacity: 0.6;\n    transform: translate(200px, 0) scale(1);\n  }\n  45%, 55% {\n    opacity: 0.8;\n    transform: translate(200px, 0) scale(1.3);\n  }\n  60%, 100% {\n    opacity: 0;\n    transform: translate(200px, 0) scale(0.5);\n  }\n}\n\n// Folder/app double-click animation (step 1)\n.folder-click-target {\n  .pointer-icon {\n    animation: folder-mouse-move 3s ease-in-out infinite;\n  }\n\n  .click-pulse {\n    animation: folder-click-pulse 3s ease-in-out infinite;\n  }\n}\n\n@keyframes folder-mouse-move {\n  0% {\n    transform: translate(60px, -20px);\n  }\n  20%, 80% {\n    transform: translate(0, 0);\n  }\n  81%, 100% {\n    transform: translate(60px, -20px);\n  }\n}\n\n@keyframes folder-click-pulse {\n  0%, 25% {\n    opacity: 0;\n    transform: scale(0.5);\n  }\n  // First click\n  30%, 38% {\n    opacity: 0.8;\n    transform: scale(1.3);\n  }\n  42% {\n    opacity: 0;\n    transform: scale(0.5);\n  }\n  // Second click\n  48%, 56% {\n    opacity: 0.8;\n    transform: scale(1.3);\n  }\n  62%, 100% {\n    opacity: 0;\n    transform: scale(0.5);\n  }\n}\n\n// Instruction step container\n.instruction-step-container {\n  min-height: 200px;\n}\n\n// Steps slideshow — uses a grid stack so all slides overlap in the same cell,\n// making the container always the height of the tallest slide (no jitter).\n.steps-slideshow {\n  position: relative;\n\n  .steps-slideshow-slides {\n    display: grid;\n\n    > .step-slide {\n      grid-area: 1 / 1;\n      text-align: center;\n      visibility: hidden;\n      opacity: 0;\n      transition: opacity 0.35s ease-out;\n      display: flex;\n      flex-direction: column;\n\n      &.active {\n        visibility: visible;\n        opacity: 1;\n      }\n\n      .step-number-badge,\n      .step-title {\n        align-self: center;\n      }\n\n      // The last child (visual content area) grows to fill remaining space\n      // and centers its content vertically\n      > :last-child {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n      }\n    }\n  }\n}\n\n// Big step number badge\n.step-number-badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 56px;\n  height: 56px;\n  border-radius: 50%;\n  background: var(--bs-primary);\n  color: #fff;\n  font-size: 1.5rem;\n  font-weight: 700;\n  margin-bottom: 0.75rem;\n}\n\n// Step title\n.step-title {\n  font-weight: 600;\n  margin-bottom: 1rem;\n}\n\n// Navigation bar\n.steps-slideshow-nav {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 1.25rem;\n  padding-top: 1rem;\n  border-top: 1px solid var(--bs-border-color);\n}\n\n// Progress dots\n.steps-dots {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n\n  .step-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background: var(--bs-border-color);\n    border: none;\n    padding: 0;\n    cursor: pointer;\n    transition: background 0.2s, transform 0.2s;\n\n    &.active {\n      background: var(--bs-primary);\n      transform: scale(1.3);\n    }\n\n    &:hover:not(.active) {\n      background: var(--bs-secondary);\n    }\n  }\n}\n\n// Slide fade-in animation\n@keyframes step-fade-in {\n  from {\n    opacity: 0;\n    transform: translateX(20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n",".folder-icon {\n  width: 120px;\n  height: 90px;\n  background: linear-gradient(135deg, #fce7ab 0%, #facd55 100%);\n  border-radius: 0 8px 8px 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n}\n.folder-icon::before {\n  content: \"\";\n  position: absolute;\n  top: -11px;\n  left: 0;\n  width: 45px;\n  height: 12px;\n  background: linear-gradient(135deg, #f6c041 0%, #f1bc40 100%);\n  border-radius: 4px 4px 0 0;\n  z-index: -1;\n}\n.folder-icon i {\n  color: rgba(0, 0, 0, 0.25);\n}\n\n.platform-instructions[data-platform=mac] .folder-icon {\n  background: linear-gradient(135deg, #6BB6FF 0%, #4A9FFF 100%);\n}\n.platform-instructions[data-platform=mac] .folder-icon::before {\n  background: linear-gradient(135deg, #5AA5EE 0%, #4A9FFF 100%);\n  z-index: 1;\n}\n.platform-instructions[data-platform=mac] .folder-icon i {\n  color: rgba(255, 255, 255, 0.4);\n}\n.platform-instructions[data-platform=mac] .folder-icon svg {\n  opacity: 0.4;\n  fill: white;\n}\n.platform-instructions[data-platform=mac] .folder-icon svg path {\n  fill: white;\n}\n\n.file-to-click {\n  width: 100px;\n  height: 100px;\n}\n.file-to-click .brandmark {\n  width: 64px;\n  height: 64px;\n  object-fit: contain;\n}\n\n.click-indicator {\n  pointer-events: none;\n}\n.click-indicator .pointer-icon {\n  width: 48px;\n  height: 48px;\n  animation: mouse-move 3s ease-in-out infinite;\n}\n.click-indicator .pointer-icon svg {\n  width: 100%;\n  height: 100%;\n}\n.click-indicator .click-pulse {\n  width: 30px;\n  height: 30px;\n  top: -2px;\n  left: -2px;\n  animation: click-pulse 3s ease-in-out infinite;\n  opacity: 0;\n}\n\n@keyframes mouse-move {\n  0% {\n    transform: translate(60px, -20px);\n  }\n  20%, 80% {\n    transform: translate(0, 0);\n  }\n  81%, 100% {\n    transform: translate(60px, -20px);\n  }\n}\n@keyframes click-pulse {\n  0%, 30% {\n    opacity: 0;\n    transform: scale(0.5);\n  }\n  40%, 50% {\n    opacity: 0.8;\n    transform: scale(1.3);\n  }\n  55% {\n    opacity: 0;\n  }\n  65%, 75% {\n    opacity: 0.8;\n    transform: scale(1.3);\n  }\n  80%, 100% {\n    opacity: 0;\n  }\n}\n.wizard-window {\n  width: 250px;\n  height: 150px;\n}\n.wizard-window .wizard-header {\n  height: 30px;\n}\n.wizard-window .wizard-content {\n  height: calc(100% - 30px);\n}\n\n.progress-bar-container {\n  height: 20px;\n}\n.progress-bar-container .progress-fill {\n  height: 100%;\n  background: linear-gradient(90deg, var(--bs-primary) 0%, var(--bs-info) 100%);\n  border-radius: 10px;\n  animation: install-progress 3s ease-in-out infinite;\n}\n\n@keyframes install-progress {\n  0% {\n    width: 0%;\n  }\n  100% {\n    width: 100%;\n  }\n}\n.app-icon {\n  width: 100px;\n  height: 100px;\n}\n.app-icon .brandmark {\n  width: 64px;\n  height: 64px;\n  object-fit: contain;\n}\n\n@keyframes app-appear {\n  0%, 100% {\n    transform: scale(0.9);\n    opacity: 0.8;\n  }\n  50% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n.drag-indicator {\n  pointer-events: none;\n  z-index: 10;\n}\n.drag-indicator .pointer-icon {\n  width: 48px;\n  height: 48px;\n  animation: mouse-drag 3s ease-in-out infinite;\n  position: relative;\n  z-index: 11;\n}\n.drag-indicator .pointer-icon svg {\n  width: 100%;\n  height: 100%;\n}\n.drag-indicator .click-pulse {\n  width: 30px;\n  height: 30px;\n  top: -2px;\n  left: -2px;\n  animation: drag-click-pulse 3s ease-in-out infinite;\n  opacity: 0;\n  z-index: 10;\n}\n\n@keyframes mouse-drag {\n  0%, 10% {\n    transform: translate(0, 0);\n  }\n  40% {\n    transform: translate(200px, 0);\n  }\n  40%, 60% {\n    transform: translate(200px, 0);\n  }\n  61%, 100% {\n    transform: translate(0, 0);\n  }\n}\n@keyframes drag-click-pulse {\n  0%, 3% {\n    opacity: 0;\n    transform: translate(0, 0) scale(0.5);\n  }\n  7%, 10% {\n    opacity: 0.6;\n    transform: translate(0, 0) scale(1);\n  }\n  40% {\n    opacity: 0.6;\n    transform: translate(200px, 0) scale(1);\n  }\n  45%, 55% {\n    opacity: 0.8;\n    transform: translate(200px, 0) scale(1.3);\n  }\n  60%, 100% {\n    opacity: 0;\n    transform: translate(200px, 0) scale(0.5);\n  }\n}\n.folder-click-target .pointer-icon {\n  animation: folder-mouse-move 3s ease-in-out infinite;\n}\n.folder-click-target .click-pulse {\n  animation: folder-click-pulse 3s ease-in-out infinite;\n}\n\n@keyframes folder-mouse-move {\n  0% {\n    transform: translate(60px, -20px);\n  }\n  20%, 80% {\n    transform: translate(0, 0);\n  }\n  81%, 100% {\n    transform: translate(60px, -20px);\n  }\n}\n@keyframes folder-click-pulse {\n  0%, 25% {\n    opacity: 0;\n    transform: scale(0.5);\n  }\n  30%, 38% {\n    opacity: 0.8;\n    transform: scale(1.3);\n  }\n  42% {\n    opacity: 0;\n    transform: scale(0.5);\n  }\n  48%, 56% {\n    opacity: 0.8;\n    transform: scale(1.3);\n  }\n  62%, 100% {\n    opacity: 0;\n    transform: scale(0.5);\n  }\n}\n.instruction-step-container {\n  min-height: 200px;\n}\n\n.steps-slideshow {\n  position: relative;\n}\n.steps-slideshow .steps-slideshow-slides {\n  display: grid;\n}\n.steps-slideshow .steps-slideshow-slides > .step-slide {\n  grid-area: 1/1;\n  text-align: center;\n  visibility: hidden;\n  opacity: 0;\n  transition: opacity 0.35s ease-out;\n  display: flex;\n  flex-direction: column;\n}\n.steps-slideshow .steps-slideshow-slides > .step-slide.active {\n  visibility: visible;\n  opacity: 1;\n}\n.steps-slideshow .steps-slideshow-slides > .step-slide .step-number-badge,\n.steps-slideshow .steps-slideshow-slides > .step-slide .step-title {\n  align-self: center;\n}\n.steps-slideshow .steps-slideshow-slides > .step-slide > :last-child {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.step-number-badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 56px;\n  height: 56px;\n  border-radius: 50%;\n  background: var(--bs-primary);\n  color: #fff;\n  font-size: 1.5rem;\n  font-weight: 700;\n  margin-bottom: 0.75rem;\n}\n\n.step-title {\n  font-weight: 600;\n  margin-bottom: 1rem;\n}\n\n.steps-slideshow-nav {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 1.25rem;\n  padding-top: 1rem;\n  border-top: 1px solid var(--bs-border-color);\n}\n\n.steps-dots {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n.steps-dots .step-dot {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: var(--bs-border-color);\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  transition: background 0.2s, transform 0.2s;\n}\n.steps-dots .step-dot.active {\n  background: var(--bs-primary);\n  transform: scale(1.3);\n}\n.steps-dots .step-dot:hover:not(.active) {\n  background: var(--bs-secondary);\n}\n\n@keyframes step-fade-in {\n  from {\n    opacity: 0;\n    transform: translateX(20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}"]}