body {

  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

/* App Layout */
.app {
  min-height: 100vh;
}

/* Main Content */
.main-content {
  min-height: 100vh;
}

.page {
  display: none;
  padding: 32px;
  max-width: 100%;
  margin: 0 auto;
  animation: fadeIn 0.3s ease;
}

.page.active {
  display: block;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Page Header */
.page-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 28px;
  gap: 16px;
  flex-wrap: wrap;
}

.page-title {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.8px;
  color: var(--text-primary);
}

.page-subtitle {
  font-size: 15px;
  color: var(--text-secondary);
  margin-top: 4px;
}

/* Buttons */
.btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: var(--blue);
  color: #fff;
  border: none;
  border-radius: var(--radius-sm);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: var(--transition);
  white-space: nowrap;
}

.btn-primary:hover {
  background: #0077e6;
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

.btn-primary:active {
  transform: translateY(0);
}

.btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: var(--bg-secondary);
  color: var(--text-primary);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: var(--transition);
  white-space: nowrap;
}

.btn-outline:hover {
  border-color: var(--blue);
  color: var(--blue);
}

/* Cards */
.card {
  background: var(--bg-secondary);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

.card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid var(--border);
}

.card-header h3 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.3px;
}

/* ==================== */
/* Report Problem Page  */
/* ==================== */
.report-layout {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 24px;
  align-items: flex-start;
}

.report-form {
  padding: 24px;
}

.form-group {
  margin-bottom: 20px;
}

.form-group label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 8px;
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.problem-types {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.problem-type-card {
  cursor: pointer;
}

.problem-type-card input {
  display: none;
}

.type-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 16px 12px;
  background: var(--bg-tertiary);
  border: 2px solid var(--border);
  border-radius: var(--radius-md);
  transition: var(--transition);
  text-align: center;
}

.type-content span {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
}

.problem-type-card input:checked+.type-content {
  border-color: var(--blue);
  background: var(--blue-light);
}

.problem-type-card input:checked+.type-content span {
  color: var(--blue);
}

.type-content:hover {
  border-color: var(--blue);
}

.type-icon {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
}

.type-icon.red {
  background: var(--red-light);
  color: var(--red);
}

.type-icon.orange {
  background: var(--orange-light);
  color: var(--orange);
}

.type-icon.blue {
  background: var(--blue-light);
  color: var(--blue);
}

.type-icon.purple {
  background: var(--purple-light);
  color: var(--purple);
}

.form-group input[type="
text"

],
.form-group select,
.form-group textarea {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  font-size: 14px;
  font-family: inherit;
  color: var(--text-primary);
  background: var(--bg-tertiary);
  transition: var(--transition);
  outline: none;
  resize: vertical;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px rgba(10, 132, 255, 0.15);
  background: #fff;
}

.form-group input::placeholder,
.form-group textarea::placeholder {
  color: var(--text-tertiary);
}

.file-upload {
  border: 2px dashed var(--border);
  border-radius: var(--radius-md);
  padding: 32px;
  text-align: center;
  cursor: pointer;
  transition: var(--transition);
  position: relative;
  color: var(--text-tertiary);
}

.file-upload:hover {
  border-color: var(--blue);
  background: var(--blue-light);
}

.file-upload input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.upload-text {
  display: block;
  font-size: 14px;
  color: var(--text-secondary);
  margin-top: 12px;
}

.upload-text strong {
  color: var(--blue);
}

.upload-hint {
  display: block;
  font-size: 12px;
  color: var(--text-tertiary);
  margin-top: 4px;
}

.form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding-top: 8px;
}

/* Report Sidebar */
.report-list {
  padding: 8px 0;
}

.report-item {
  padding: 16px 24px;
  border-bottom: 1px solid var(--border);
  transition: var(--transition);
}

.report-item:last-child {
  border-bottom: none;
}

.report-item:hover {
  background: var(--bg-tertiary);
}

.report-item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.report-tag {
  padding: 3px 10px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.report-tag.critical {
  background: var(--red-light);
  color: var(--red);
}

.report-tag.high {
  background: var(--orange-light);
  color: #c67a00;
}

.report-tag.medium {
  background: var(--blue-light);
  color: var(--blue);
}

.report-tag.low {
  background: var(--green-light);
  color: #1b8a36;
}

.report-date {
  font-size: 12px;
  color: var(--text-tertiary);
}

.report-item h4 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 4px;
}

.report-item p {
  font-size: 13px;
  color: var(--text-secondary);
  line-height: 1.4;
}

.report-item-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.report-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
}

.report-status.open {
  color: var(--red);
}

.report-status.progress {
  color: var(--orange);
}

.report-status.resolved {
  color: var(--green);
}

.report-author {
  font-size: 12px;
  color: var(--text-tertiary);
}

/* Summary */
.stats-summary {
  margin-top: 20px;
}

.summary-items {
  padding: 16px 24px;
}

.summary-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid var(--border);
}

.summary-item:last-child {
  border-bottom: none;
}

.summary-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.summary-dot.open {
  background: var(--red);
}

.summary-dot.progress {
  background: var(--orange);
}

.summary-dot.resolved {
  background: var(--green);
}

.summary-dot.closed {
  background: var(--text-tertiary);
}

.summary-label {
  flex: 1;
  font-size: 14px;
  color: var(--text-secondary);
}

.summary-value {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-primary);
}

/* Toast */
.toast {
  position: fixed;
  bottom: -80px;
  left: 50%;
  transform: translateX(-50%);
  background: #1c1c1e;
  color: #fff;
  padding: 14px 24px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 500;
  box-shadow: var(--shadow-lg);
  transition: bottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 1000;
}

.toast.show {
  bottom: 32px;
}

.toast svg {
  color: var(--green);
  flex-shrink: 0;
}

/* ==================== */
/* RESPONSIVE           */
/* ==================== */
@media (max-width: 1200px) {
  .report-layout {
    grid-template-columns: 1fr;
  }
}

/* Estrutura padrão (PC) */
#fileUpload {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-direction: column;
}

#fileUpload svg {
  flex-shrink: 0;
}

/* Mobile */
@media (max-width: 768px) {
  #fileUpload {
    flex-direction: column;
    text-align: center;
  }

  #fileUpload svg {
    margin: 0 auto;
  }
}


@media (max-width: 768px) {
  .page {
    padding: 0px;
  }

  .page-title {
    font-size: 24px;
  }

  .problem-types {
    grid-template-columns: repeat(2, 1fr);
  }

  .form-row {
    grid-template-columns: 1fr;
  }

  .form-actions {
    flex-direction: column;
  }

  .form-actions .btn-primary,
  .form-actions .btn-outline {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .problem-types {
    grid-template-columns: 1fr 1fr;
  }
}






/* Botão fechar */
.close-btn21 {
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: white;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  font-size: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

/* Posicionamento do Widget no Meio da Lateral Direita */
.sidebar-widget {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;
  display: flex;
  align-items: center;
  /* Alinha o chat horizontalmente com a barra */
}

/* Barra Lateral de Botões */
.side-buttons {
  background: white;
  border: 1px solid #ddd;
  border-right: none;
  border-radius: 12px 0 0 12px;
  box-shadow: -2px 0 15px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  width: 55px;
  overflow: hidden;
}

.side-btn {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  background: white;
  transition: 0.3s;
  border: none;
  color: #000;
}

.side-btn:hover {
  background: #f9f9f9;
}

/* Linha divisória fina */
.side-btn:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}

/* Badge de Notificação Vermelha */
.badge1 {
  position: absolute;
  top: 12px;
  right: 10px;
  background: #ff4d4d;
  color: white;
  font-size: 10px;
  font-weight: bold;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid white;
}

/* JANELA DE CHAT (Pop-out) */
.chat-popup {
  display: none;
  width: 320px;
  background: white;
  border-radius: 15px;
  box-shadow: -5px 0 25px rgba(0, 0, 0, 0.15);
  margin-right: 15px;
  overflow: hidden;
  animation: slideInLeft 0.3s ease;
}

@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(30px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.chat-header {
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.user-info {
  display: flex;
  align-items: center;
}

.avatar-container {
  position: relative;
  margin-right: 12px;
}

.avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #eee;
  overflow: hidden;
}

.avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.status-dot {
  width: 12px;
  height: 12px;
  background: #24d12e;
  border-radius: 50%;
  position: absolute;
  bottom: 2px;
  right: 2px;
  border: 2px solid white;
}

.admin-name {
  font-weight: bold;
  color: #333;
  display: block;
  font-size: 16px;
}

.online-status {
  font-size: 13px;
  color: #888;
}

.close-btn {
  background: none;
  border: none;
  font-size: 26px;
  cursor: pointer;
  color: #bbb;
  line-height: 1;
}

.chat-body {
  padding: 0 20px 20px 20px;
}

#welcome-text {
  font-size: 15px;
  color: #555;
  margin-bottom: 20px;
  line-height: 1.5;
}

/* Lista de Radios */
.options-list {
  display: none;
  margin-bottom: 20px;
}

.option-item {
  display: flex;
  align-items: center;
  padding: 12px;
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: 0.2s;
}

.option-item:hover {
  background: #f9f9f9;
  border-color: #ddd;
}

.option-item input {
  margin-right: 12px;
  cursor: pointer;
  accent-color: #000;
}

.option-item i {
  margin-right: 10px;
  font-size: 18px;
  width: 20px;
  text-align: center;
}

.fa-whatsapp {
  color: #25D366;
}

.fa-telegram {
  color: #0088cc;
}

.fa-facebook {
  color: #1877F2;
}

.fa-discord {
  color: #5865F2;
}

.message-now-btn {
  width: 100%;
  padding: 13px;
  border-radius: 30px;
  border: 1.5px solid #333;
  background: #fff;
  cursor: pointer;
  font-weight: 600;
  font-size: 15px;
  transition: 0.3s;
}

.message-now-btn:hover {
  background: #333;
  color: #fff;
}






.chat-container {
  position: fixed;
  bottom: 0;
  right: 20px;
  z-index: 1000;
}

/* JANELA DE CHAT */
.chat-popup {
  display: none;
  width: 320px;
  background: white;
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
  overflow: hidden;
  animation: slideUp 0.3s ease;
}

@keyframes slideUp {
  from {
    transform: translateY(30px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.chat-header {
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.user-info {
  display: flex;
  align-items: center;
}

.avatar-container {
  position: relative;
  margin-right: 12px;
}

.avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #eee;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.status-dot {
  width: 12px;
  height: 12px;
  background: #24d12e;
  border-radius: 50%;
  position: absolute;
  bottom: 2px;
  right: 2px;
  border: 2px solid white;
}

.admin-name {
  font-weight: bold;
  color: #333;
  font-size: 16px;
  display: block;
}

.online-status {
  font-size: 13px;
  color: #888;
}

.close-btn11 {
  background: none;
  border: none;
  font-size: 26px;
  cursor: pointer;
  color: #bbb;
  line-height: 1;
}

.chat-body {
  padding: 0 20px 20px 20px;
}

#welcome-text {
  color: #555;
  font-size: 15px;
  margin-bottom: 20px;
  line-height: 1.5;
}

/* LISTA DE OPÇÕES */
.options-list {
  display: none;
  margin-bottom: 20px;
}

.option-item {
  display: flex;
  align-items: center;
  padding: 12px;
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: 0.2s;
}

.option-item:hover {
  background: #f9f9f9;
  border-color: #ddd;
}

.option-item input {
  margin-right: 12px;
  cursor: pointer;
  accent-color: #000;
}

.option-item i {
  margin-right: 10px;
  font-size: 18px;
  width: 20px;
  text-align: center;
}

.fa-whatsapp {
  color: #25D366;
}

.fa-telegram {
  color: #0088cc;
}

.fa-facebook {
  color: #1877F2;
}

.fa-discord {
  color: #5865F2;
}

.message-now-btn {
  width: 100%;
  padding: 13px;
  border-radius: 30px;
  border: 1.5px solid #333;
  background: #fff;
  cursor: pointer;
  font-weight: 600;
  font-size: 15px;
  transition: 0.3s;
}

.message-now-btn:hover {
  background: #333;
  color: #fff;
}

/* BARRA INFERIOR */
.chat-bar {
  background: #fff;
  border: 1px solid #ddd;
  border-bottom: none;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
  min-width: 230px;
  justify-content: space-between;
  box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.08);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.bar-text {
  color: #000;
  font-size: 17px;
  font-weight: 500;
  margin-left: 12px;
  flex-grow: 1;
}





/* Overlay escuro */
.true-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  animation: fadeIn 0.3s ease;
}

.true-overlay.active {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Container do popup */
.popup-container {
  position: relative;
  background: linear-gradient(135deg, #fff 0%, #ffe8f0 100%);
  border-radius: 20px;
  padding: 40px 50px;
  max-width: 500px;
  width: 90%;
  text-align: center;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
  animation: slideDown 0.4s ease;
}

/* GIF da seta animada */
.popup-arrow {
  position: absolute;
  top: -70px;
  left: 50%;
  transform: translateX(-50%);
  width: 140px;
  height: 120px;
}

.popup-arrow img {
  width: 140%;
  height: auto;
  object-fit: contain;
}

/* Botão fechar */


.close-btn:hover {
  background-color: #555;
  transform: translateX(-50%) scale(1.1);
}

/* Conteúdo do popup */
.popup-title {
  font-size: 36px;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
  line-height: 1.2;
}

.popup-subtitle {
  font-size: 16px;
  color: #666;
  margin-bottom: 30px;
}

.popup-button {
  background-color: #ff0000;
  color: white;
  border: none;
  padding: 15px 60px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.popup-button:hover {
  background-color: #cc0000;
  transform: scale(1.05);
}

/* Animações */
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes slideDown {
  from {
    transform: translateY(-50px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Conteúdo de exemplo da página */
.page-content {
  text-align: center;
  padding: 50px 20px;
}

.page-content h1 {
  color: #333;
  margin-bottom: 20px;
}

.page-content p {
  color: #666;
  line-height: 1.6;
}




#visitorBadge {
  z-index: 10;
  border-radius: 5px;
  margin-left: -12px;
  margin-top: 10px;
}




/* BROWSER WINDOW NO TOPO DO SLIDER */
.browser-window-full-slider {
  width: 100%;
  height: 1.5rem;
  background: #e0e0e0;
  display: flex;
  align-items: center;
  padding: 0 0.5rem;
  gap: 0.3rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  /* acima da imagem */
}

/* CÍRCULOS COLORIDOS */
.browser-window-full-slider .dot {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  display: inline-block;
}

.browser-window-full-slider .red {
  background: #ff5f57;
}

.browser-window-full-slider .yellow {
  background: #ffbd2e;
}

.browser-window-full-slider .green {
  background: #28c840;
}








/* Breadcrumb iOS scroll mobile */
@media (max-width: 768px) {
  nav.flex {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    padding-bottom: 6px;
  }

  /* todos itens na mesma linha */
  nav.flex >

  * {
    flex: 0 0 auto;
  }

  /* esconder scrollbar */
  nav.flex::-webkit-scrollbar {
    display: none;
  }

  nav.flex {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}





#CybotCookiebotDialogDetailBodyContentCookieContainerUnclassified,
#CybotCookiebotDialogDetailFooter,
.CybotCookiebotDialogBodyBottomWrapper,
.CybotCookiebotDialogDetailBodyContentCookieContainerButton:before,
.CybotCookiebotDialogDetailBodyContentCookieTypeTableContainer,
.CybotCookiebotDialogDetailBulkConsentCount,
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
  display: none !important
}

#CybotCookiebotDialog {
  padding: 10px 15px 0 !important
}

#CybotCookiebotBannerCloseButtonE2E,
#CybotCookiebotDialogHeader,
.CybotCookiebotDialogArrow {
  display: none !important
}

#CybotCookiebotDialog .CybotCookiebotScrollContainer {
  border-bottom: none !important
}

@media (max-width: 560px) {
  #CybotCookiebotDialog {
    border-radius: 8px 8px 0 0 !important;
    bottom: 0 !important;
    padding: 0 !important;
    top: auto !important;
    transform: translate(-50%) !important;
    width: 100% !important
  }

  #CybotCookiebotDialog h2 {
    display: none !important
  }

  #CybotCookiebotDialogBodyContent {
    padding: 0 !important
  }

  #CybotCookiebotDialogBodyContentText * {
    font-size: 13px !important;
    line-height: 1.2em !important
  }

  #CybotCookiebotDialogBodyContentText p:not(:last-child),
  #CybotCookiebotDialogBodyContentText ul:not(:last-child) {
    margin-bottom: 1em !important
  }

  #CybotCookiebotDialogFooter {
    padding: 0 1em .5em !important
  }

  #CybotCookiebotDialog .CybotCookiebotScrollContainer {
    min-height: 5vh !important;
    padding: 1em !important
  }
}

@media screen and (min-width: 601px) {
  #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper {
    flex-direction: row !important;
    justify-content: center !important;

    #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
      margin-right: .5em;
      order: 1 !important
    }

    #CybotCookiebotDialogBodyLevelButtonCustomize {
      order: 2 !important
    }

    #CybotCookiebotDialogBodyButtonDecline {
      margin-right: 0;
      order: 3 !important
    }
  }
}

@media screen and (min-width: 1280px) {
  #CybotCookiebotDialog[data-template=bottom] {
    padding: 1em 1em .5em !important
  }

  #CybotCookiebotDialog {
    padding: 1em !important;

    #CybotCookiebotDialogFooter {
      margin-top: 1.3em !important
    }

    #CybotCookiebotDialogBodyButtons {
      max-width: 784px !important
    }

    #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper {
      button {
        margin-top: .5em !important
      }
    }

    #CybotCookiebotDialogBodyEdgeMoreDetails {
      display: none !important
    }
  }
}

@media screen and (min-width: 1440px) {
  #CybotCookiebotDialog #CybotCookiebotDialogFooter {
    margin-top: .6em !important
  }
}

:root {
  --color-grey-1000: #191919;
  --color-grey-1000-mask: #191919b3;
  --color-grey-700: #383838;
  --color-grey-500: #707070;
  --color-grey-300: #949494;
  --color-grey-100: #ccc;
  --color-grey-50: #ececee;
  --color-grey-25: #f9f9fb;
  --color-white: #fff;
  --color-white-mask: #ffffffb3;
  --color-green-1000: #1a4200;
  --color-green-700: #2e7400;
  --color-green-500: #51a31d;
  --color-green-300: #6cc832;
  --color-green-100: #9cee69;
  --color-green-25: #eaffdc;
  --color-blue-1000: #16357b;
  --color-blue-700: #4f5ce8;
  --color-blue-500: #7585ff;
  --color-blue-25: #f0f1ff;
  --color-veryberry-1000: #77012d;
  --color-veryberry-700: #b9004b;
  --color-veryberry-500: #f65286;
  --color-veryberry-25: #ffecf2;
  --color-bubblegum-700: #b037a6;
  --color-bubblegum-100: #e6afe1;
  --color-bubblegum-25: #feedfc;
  --color-jaffa-1000: #692400;
  --color-jaffa-700: #c24100;
  --color-jaffa-500: #ff6e28;
  --color-jaffa-25: #fff5ed;
  --color-yolk-1000: #452d0d;
  --color-yolk-700: #9e5f00;
  --color-yolk-500: #c28800;
  --color-yolk-300: #ffc800;
  --color-yolk-25: #fefaea;
  --color-transparent: #0000;
  --breakpoint-wide: 1024px;
  --breakpoint-extra-wide: 1440px;
  --breakpoint-2k-wide: 2560px;
  --spacing-8x: 128px;
  --spacing-7x: 64px;
  --spacing-6x: 40px;
  --spacing-5x: 32px;
  --spacing-4x: 24px;
  --spacing-3x: 16px;
  --spacing-2x: 8px;
  --spacing-1x: 4px;
  --spacing-none: 0px;
  --chunkiness-none: 0px;
  --chunkiness-thin: 1px;
  --chunkiness-thick: 2px;
  --roundness-square: 0px;
  --roundness-subtle: 4px;
  --roundness-extra-round: 16px;
  --roundness-circle: 48px;
  --shadow-500: 0px 2px 12px 0px #00000026;
  --elevation-medium: var(--shadow-500);
  --transition-base: 0.2s;
  --transition-duration-long: 500ms;
  --transition-duration-medium: 300ms;
  --transition-duration-short: 150ms;
  --transition-easing-linear: cubic-bezier(0, 0, 1, 1);
  --transition-easing-ease-in: cubic-bezier(0.42, 0, 1, 1);
  --transition-easing-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --transition-easing-ease-out: cubic-bezier(0, 0, 0.58, 1);
  --font-family-wide: "
  PolySansWide"
  ,
  "
  PolySans"
  ,
  "
  Inter"
  ,
  -apple-system,
  "
  BlinkMacSystemFont"
  ,
  "
  Segoe UI"
  ,
  "
  Fira Sans"
  ,
  "
  Helvetica Neue"
  ,
  "
  Arial"
  ,
  sans-serif;
  --font-family-regular: "
  PolySans"
  ,
  "
  Inter"
  ,
  -apple-system,
  "
  BlinkMacSystemFont"
  ,
  "
  Segoe UI"
  ,
  "
  Fira Sans"
  ,
  "
  Helvetica Neue"
  ,
  "
  Arial"
  ,
  sans-serif;
  --font-family-monospace: "
  Courier New"
  ,
  monospace;
  --font-family-sf: "
  SF Pro Text"
  ,
  sans-serif;
  --font-size-10x: 6rem;
  --font-size-9x: 4.5rem;
  --font-size-8x: 3rem;
  --font-size-7x: 2.25rem;
  --font-size-6x: 1.875rem;
  --font-size-5x: 1.5rem;
  --font-size-4x: 1.125rem;
  --font-size-3x: 1rem;
  --font-size-2x: 0.875rem;
  --font-size-1x: 0.75rem;
  --font-weight-bulky: 700;
  --font-weight-median: 600;
  --font-weight-neutral: 400;
  --font-spacing-tight: -0.02em;
  --font-spacing-normal: 0;
  --font-spacing-loose: 0.02em;
  --font-height-tight: 1;
  --font-height-normal: 1.5;
  --icon-size-5x: 48px;
  --icon-size-4x: 40px;
  --icon-size-3x: 32px;
  --icon-size-2x: 24px;
  --icon-size-1x: 16px;
  --icon-size-text-responsive: calc(var(--font-size-3x)*1.5);
  --layer-depth-ceiling: 9999;
  --minimum-touch-area: 40px;
  --button-height-large: 48px;
  --button-height-medium: 40px;
  --button-font-family: var(--font-family-regular);
  --button-font-size-large: var(--font-size-3x);
  --button-font-size-medium: var(--font-size-2x);
  --button-font-weight: var(--font-weight-median);
  --button-font-height: var(--font-height-normal);
  --button-font-spacing: var(--font-spacing-normal);
  --text-style-chip-family: var(--font-family-regular);
  --text-style-chip-spacing: var(--font-spacing-normal);
  --text-style-chip-xlarge-size: var(--font-size-5x);
  --text-style-chip-xlarge-weight: var(--font-weight-median);
  --text-style-chip-xlarge-height: var(--font-height-tight);
  --text-style-chip-large-size: var(--font-size-3x);
  --text-style-chip-large-weight: var(--font-weight-neutral);
  --text-style-chip-large-height: var(--font-height-normal);
  --text-style-chip-medium-size: var(--font-size-2x);
  --text-style-chip-medium-weight: var(--font-weight-neutral);
  --text-style-chip-medium-height: var(--font-height-normal);
  --text-style-campaign-large-family: var(--font-family-wide);
  --text-style-campaign-large-size: var(--font-size-9x);
  --text-style-campaign-large-spacing: var(--font-spacing-normal);
  --text-style-campaign-large-weight: var(--font-weight-bulky);
  --text-style-campaign-large-height: var(--font-height-tight);
  --text-style-campaign-small-family: var(--font-family-wide);
  --text-style-campaign-small-size: var(--font-size-7x);
  --text-style-campaign-small-spacing: var(--font-spacing-normal);
  --text-style-campaign-small-weight: var(--font-weight-bulky);
  --text-style-campaign-small-height: var(--font-height-tight);
  --text-style-title-1-family: var(--font-family-regular);
  --text-style-title-1-size: var(--font-size-8x);
  --text-style-title-1-spacing: var(--font-spacing-normal);
  --text-style-title-1-weight: var(--font-weight-bulky);
  --text-style-title-1-height: var(--font-height-tight);
  --text-style-title-2-family: var(--font-family-regular);
  --text-style-title-2-size: var(--font-size-7x);
  --text-style-title-2-spacing: var(--font-spacing-normal);
  --text-style-title-2-weight: var(--font-weight-median);
  --text-style-title-2-height: var(--font-height-tight);
  --text-style-title-3-family: var(--font-family-regular);
  --text-style-title-3-size: var(--font-size-6x);
  --text-style-title-3-spacing: var(--font-spacing-normal);
  --text-style-title-3-weight: var(--font-weight-median);
  --text-style-title-3-height: var(--font-height-tight);
  --text-style-title-4-family: var(--font-family-regular);
  --text-style-title-4-size: var(--font-size-5x);
  --text-style-title-4-spacing: var(--font-spacing-normal);
  --text-style-title-4-weight: var(--font-weight-median);
  --text-style-title-4-height: var(--font-height-tight);
  --text-style-subheading-family: var(--font-family-regular);
  --text-style-subheading-size: var(--font-size-4x);
  --text-style-subheading-spacing: var(--font-spacing-normal);
  --text-style-subheading-weight: var(--font-weight-median);
  --text-style-subheading-height: var(--font-height-normal);
  --text-style-body-large-family: var(--font-family-regular);
  --text-style-body-large-size: var(--font-size-3x);
  --text-style-body-large-spacing: var(--font-spacing-normal);
  --text-style-body-large-weight: var(--font-weight-neutral);
  --text-style-body-large-height: var(--font-height-normal);
  --text-style-body-large-strong-weight: var(--font-weight-bulky);
  --text-style-body-small-family: var(--font-family-regular);
  --text-style-body-small-size: var(--font-size-2x);
  --text-style-body-small-spacing: var(--font-spacing-normal);
  --text-style-body-small-weight: var(--font-weight-neutral);
  --text-style-body-small-height: var(--font-height-normal);
  --text-style-body-small-strong-weight: var(--font-weight-bulky);
  --text-style-label-large-family: var(--font-family-regular);
  --text-style-label-large-size: var(--font-size-3x);
  --text-style-label-large-spacing: var(--font-spacing-normal);
  --text-style-label-large-weight: var(--font-weight-median);
  --text-style-label-large-height: var(--font-height-normal);
  --text-style-label-small-family: var(--font-family-regular);
  --text-style-label-small-size: var(--font-size-2x);
  --text-style-label-small-spacing: var(--font-spacing-loose);
  --text-style-label-small-weight: var(--font-weight-median);
  --text-style-label-small-height: var(--font-height-normal);
  --text-style-micro-family: var(--font-family-regular);
  --text-style-micro-size: var(--font-size-1x);
  --text-style-micro-spacing: var(--font-spacing-loose);
  --text-style-micro-weight: var(--font-weight-neutral);
  --text-style-micro-height: var(--font-height-tight)
}

.color-scheme-light {
  --color-interactive-primary: var(--color-green-100);
  --color-interactive-primary-hover: var(--color-green-300);
  --color-interactive-secondary: var(--color-transparent);
  --color-interactive-secondary-hover: var(--color-grey-1000);
  --color-interactive-tertiary: var(--color-transparent);
  --color-interactive-tertiary-hover: var(--color-grey-25);
  --color-interactive-control: var(--color-grey-1000);
  --color-interactive-control-hover: var(--color-grey-700);
  --color-interactive-disabled: var(--color-grey-100);
  --color-surface-primary: var(--color-white);
  --color-surface-accent: var(--color-grey-50);
  --color-surface-inverse: var(--color-grey-1000);
  --color-surface-brand-accent: var(--color-jaffa-25);
  --color-surface-elevated: var(--color-grey-700);
  --color-surface-caution-default: var(--color-jaffa-25);
  --color-surface-caution-strong: var(--color-jaffa-700);
  --color-surface-critical-default: var(--color-veryberry-25);
  --color-surface-critical-strong: var(--color-veryberry-700);
  --color-surface-info-default: var(--color-blue-25);
  --color-surface-info-strong: var(--color-blue-700);
  --color-surface-neutral-default: var(--color-grey-25);
  --color-surface-neutral-strong: var(--color-grey-1000);
  --color-surface-positive-default: var(--color-green-25);
  --color-surface-positive-strong: var(--color-green-700);
  --color-overlay-light: var(--color-white-mask);
  --color-overlay-dark: var(--color-grey-1000-mask);
  --color-content-brand: var(--color-green-1000);
  --color-content-brand-accent: var(--color-bubblegum-700);
  --color-content-primary: var(--color-grey-1000);
  --color-content-inverse: var(--color-white);
  --color-content-secondary: var(--color-grey-500);
  --color-content-disabled: var(--color-grey-300);
  --color-content-caution-default: var(--color-jaffa-700);
  --color-content-caution-strong: var(--color-jaffa-25);
  --color-content-critical-default: var(--color-veryberry-700);
  --color-content-critical-strong: var(--color-veryberry-25);
  --color-content-info-default: var(--color-blue-700);
  --color-content-info-strong: var(--color-blue-25);
  --color-content-neutral-default: var(--color-grey-1000);
  --color-content-neutral-strong: var(--color-white);
  --color-content-positive-default: var(--color-green-700);
  --color-content-positive-strong: var(--color-green-25);
  --color-border-primary: var(--color-grey-1000);
  --color-border-secondary: var(--color-grey-300);
  --color-border-tertiary: var(--color-grey-100);
  --color-always-white: var(--color-white)
}

.color-scheme-dark {
  --color-interactive-primary: var(--color-green-100);
  --color-interactive-primary-hover: var(--color-green-300);
  --color-interactive-secondary: var(--color-transparent);
  --color-interactive-secondary-hover: var(--color-white);
  --color-interactive-tertiary: var(--color-transparent);
  --color-interactive-tertiary-hover: var(--color-grey-700);
  --color-interactive-control: var(--color-white);
  --color-interactive-control-hover: var(--color-grey-100);
  --color-interactive-disabled: var(--color-grey-700);
  --color-surface-primary: var(--color-grey-1000);
  --color-surface-accent: var(--color-grey-700);
  --color-surface-inverse: var(--color-white);
  --color-surface-brand-accent: var(--color-grey-700);
  --color-surface-elevated: var(--color-grey-700);
  --color-surface-caution-default: var(--color-jaffa-1000);
  --color-surface-caution-strong: var(--color-jaffa-500);
  --color-surface-critical-default: var(--color-veryberry-1000);
  --color-surface-critical-strong: var(--color-veryberry-500);
  --color-surface-info-default: var(--color-blue-1000);
  --color-surface-info-strong: var(--color-blue-500);
  --color-surface-neutral-default: var(--color-grey-700);
  --color-surface-neutral-strong: var(--color-white);
  --color-surface-positive-default: var(--color-green-1000);
  --color-surface-positive-strong: var(--color-green-500);
  --color-overlay-light: var(--color-white-mask);
  --color-overlay-dark: var(--color-grey-1000-mask);
  --color-content-brand: var(--color-green-1000);
  --color-content-brand-accent: var(--color-bubblegum-100);
  --color-content-primary: var(--color-white);
  --color-content-inverse: var(--color-grey-1000);
  --color-content-secondary: var(--color-grey-100);
  --color-content-disabled: var(--color-grey-500);
  --color-content-caution-default: var(--color-jaffa-500);
  --color-content-caution-strong: var(--color-jaffa-1000);
  --color-content-critical-default: var(--color-veryberry-500);
  --color-content-critical-strong: var(--color-veryberry-1000);
  --color-content-info-default: var(--color-blue-500);
  --color-content-info-strong: var(--color-blue-1000);
  --color-content-neutral-default: var(--color-white);
  --color-content-neutral-strong: var(--color-grey-1000);
  --color-content-positive-default: var(--color-green-500);
  --color-content-positive-strong: var(--color-green-1000);
  --color-border-primary: var(--color-white);
  --color-border-secondary: var(--color-grey-500);
  --color-border-tertiary: var(--color-grey-700);
  --color-always-white: var(--color-white)
}

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
body {
  margin: 0
}

article,
aside,
footer,
header,
nav,
section {
  */ display: block */
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

figcaption,
figure,
main {
  display: block
}

figure {
  margin: 1em 40px
}

a.bg-indigo-100 {
  background-color: #e0e7ff;
}

hr {
  box-sizing: initial;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace;
  font-size: 1em
}

a.bg-white {
  background-color: #ffffff;
  transition: all .3s ease-in-out;
}

a {
  background-color: #ffffff00;
  -webkit-text-decoration-skip: objects;
  text-decoration-skip: objects
}

a:active,
a:hover {
  outline-width: 0
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
samp {
  font-family: monospace;
  font-size: 1em
}

dfn {
  font-style: italic
}

mark {
  background-color: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: initial
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

audio,
video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

img {
  border-style: none
}

svg:not(:root) {
  overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: auto;
  appearance: auto
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  display: inline-block;
  vertical-align: initial
}

textarea {
  overflow: auto
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: auto;
  appearance: auto;
  font: inherit
}

details,
menu {
  display: block
}

summary {
  display: list-item
}

canvas {
  display: inline-block
}

[hidden],
template {
  display: none
}

*,
:after,
:before {
  box-sizing: inherit
}

html {
  box-sizing: border-box;
  color: #545454;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%
}

@media(max-width: 1024px) {

  body,
  html {
    height: 100%
  }
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre {
  margin: 0
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0
}

iframe {
  border: 0
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0
}

[tabindex="
-1"

]:focus {
  outline: none !important
}

.turbo-progress-bar {
  background-color: var(--color-indigo-600) !important
}

.turbo-progress-bar+.loading .search-index_content__spinner {
  height: 100%;
  width: 100%
}

.turbo-progress-bar+.loading .search-index_content__spinner svg {
  opacity: 1
}

.turbo-progress-bar+.loading .search-index_content__searchResultsBody {
  display: none
}

@font-face {
  font-family: PolySans-Neutral;
  font-style: normal;
  font-weight: 400;
  src: url(/storefront/assets/PolySans-Family/PolySans-Neutral-007257906fb4315862201a60d5cfeb1abfdb3497e68fc91f688f3f80c4eb93ce.otf) format(" opentype" )
}

@font-face {
  font-family: PolySans-Median;
  font-style: normal;
  font-weight: 400;
  src: url(/storefront/assets/PolySans-Family/PolySans-Median-9224522959aeeddcc9a3fe9fd1323436adbdbd5b81b24bc9c8f99e81af6672d7.otf) format(" opentype" )
}

:root {
  --container-width: 1408px;
  --color-brand--envato: #82b441;
  --color-brand--powerelite: #80b253;
  --color-brand--audiojungle: #99c030;
  --color-brand--shopina: #1abc9c;
  --color-brand--graphicriver: #308eb0;
  --color-brand--photodune: #0f8e99;
  --color-brand--3docean: #a90f33;
  --color-brand--codecanyon: #e78632;
  --color-brand--videohive: #e8a702;
  --color-elements-violet: #604df5;
  --color-ui--black: #000;
  --color-ui--grey-15: #262626;
  --color-ui--grey-10: #1a1a1a;
  --color-ui--grey-16: #292929;
  --color-ui--grey-20: #333;
  --color-ui--grey-27: #454545;
  --color-ui--grey-30: #4d4d4d;
  --color-ui--grey-33: #545454;
  --color-ui--grey-40: #666;
  --color-ui--grey-50: grey;
  --color-ui--grey-60: #999;
  --color-ui--grey-70: #b3b3b3;
  --color-ui--grey-80: #ccc;
  --color-ui--grey-90: #e6e6e6;
  --color-ui--grey-95: #f2f2f2;
  --color-ui--grey-96: #f5f5f5;
  --color-ui--grey-98: #fafafa;
  --color-ui--white: #fff;
  --color-ui--grey-blue: #ebedf4;
  --color-ui--grey-blue-97: #f5f7fa;
  --color-ui-custom--inset-shadow: #0003;
  --color-ui--blue-anaemic: #ebedf4;
  --color-ui--blue-green: #38a3a0;
  --color-ui--blue-darker: #032835;
  --color-ui--green-dark-32: #538320;
  --color-ui--blue-dark: #075e7d;
  --color-ui--blue: #087096;
  --color-ui--blue-light: #0982ae;
  --color-ui--blue-lighter: #12b7f3;
  --color-ui--blue-lightest: #e2e9ee;
  --color-ui--green-darker: #365016;
  --color-ui--green-dark: #5e8d25;
  --color-ui--green: #6ca12b;
  --color-ui--green-primary: #6ca329;
  --color-ui--green-primary-42: #6dae29;
  --color-ui--green-light: #79b530;
  --color-ui--green-lighter: #9fd45e;
  --color-ui--favorite: #ff6966;
  --color-ui--error-red: #c24242;
  --color-ui--elements-cta-red: #e60045;
  --color-ui--elements-cta-red-darken: #c62f45;
  --font-weight--regular: 400;
  --font-weight--semibold: 500;
  --font-weight--bold: 700;
  --font-weight--light: 300;
  --line-height--regular: 1.5;
  --line-height--heading: 1.25;
  --line-height--reset: 1;
  --line-height--l: 32px;
  --font-size--h1: 36px;
  --font-size--h2: 32px;
  --font-size--h3: 28px;
  --font-size--h4: 24px;
  --font-size--h5: 20px;
  --font-size--h6: 18px;
  --font-size--body-xl: 20px;
  --font-size--body-l: 18px;
  --font-size--body-m: 16px;
  --font-size--body-s: 14px;
  --font-size--body-xs: 12px;
  --font-size--body-xxs: 9px;
  --font-family--sans-serif: "
  Helvetica Neue"
  ,
  helvetica,
  arial,
  sans-serif;
  --font-family--apple-system: -apple-system, "
  BlinkMacSystemFont"
  ,
  "
  Segoe UI"
  ,
  roboto,
  oxygen-sans,
  ubuntu,
  cantarell,
  "
  Helvetica Neue"
  ,
  sans-serif;
  --spacing--xxs: 2px;
  --spacing--xs: 4px;
  --spacing--s: 8px;
  --spacing--m: 16px;
  --spacing--l: 24px;
  --spacing--xl: 32px;
  --spacing--xxl: 48px;
  --border-radius--xxs: 2px;
  --border-radius--xs: 4px;
  --border-radius--s: 8px;
  --border-radius--m: 16px;
  --border-radius--l: 24px;
  --z-index-1: 1;
  --z-index-2: 2;
  --z-index-3: 3;
  --z-index-4: 4;
  --z-index-5: 5
}

.bookmarks-new__root {
  background: var(--color-ui--white);
  position: relative
}

.bookmarks-new__wrapper {
  margin: 0 auto;
  max-width: var(--container-width);
  padding: var(--spacing--m)
}

.bookmarks-new_content__root {
  max-width: 600px;
  position: relative
}

.bookmarks-new_content__header {
  background-color: var(--color-ui--white);
  border: 1px solid var(--color-ui--grey-80);
  border-radius: var(--spacing--xs) var(--spacing--xs) 0 0;
  padding: .8em var(--spacing--m)
}

.bookmarks-new_content__closeButton {
  cursor: pointer;
  padding: var(--spacing--s) var(--spacing--m);
  position: absolute;
  right: 0;
  top: 0
}

.bookmarks-new_content__content {
  background-color: var(--color-ui--white);
  border: 1px solid var(--color-ui--grey-80);
  margin-top: -1px;
  min-height: 100px;
  padding: var(--spacing--m)
}

.bookmarks-new_content__noCollections {
  color: var(--color-ui--grey-60);
  font-size: var(--font-size--body-s);
  font-weight: var(--font-weight--regular);
  line-height: var(--line-height--regular);
  padding: 15px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.bookmarks-new_content__collectionsList {
  list-style: none;
  max-height: 250px;
  overflow: hidden auto
}

.bookmarks-new_content__footer {
  background-color: var(--color-ui--white);
  border: 1px solid var(--color-ui--grey-80);
  border-radius: 0 0 var(--spacing--xs) var(--spacing--xs);
  display: flex;
  justify-content: space-between;
  margin-top: -1px;
  padding: var(--spacing--m);
  width: 100%
}

.bookmarks-new_content__primaryButton {
  background-color: var(--color-ui--green-light);
  border: none;
  border-radius: var(--spacing--xs);
  box-shadow: 0 2px 0 var(--color-ui--green-dark);
  box-sizing: border-box;
  color: var(--color-ui--white);
  display: inline-block;
  font-size: var(--font-size--body-s);
  line-height: 1.5;
  margin: 0;
  outline: none;
  padding: var(--spacing--xs) var(--spacing--l);
  position: relative;
  text-align: center;
  text-decoration: none
}

.bookmarks-new_content__primaryButton:focus,
.bookmarks-new_content__primaryButton:hover {
  background-color: var(--color-indigo-600)
}

.bookmarks-new_content__primaryButton:active {
  top: 1px
}

.bookmarks-new_content__primaryButton:disabled {
  background-color: var(--color-ui--grey-50);
  box-shadow: 0 2px 0 var(--color-ui--grey-30)
}

.bookmarks-new_content__link {
  color: var(--color-ui--blue-light);
  font-size: var(--font-size--body-s);
  line-height: 1.5;
  margin-top: var(--spacing--s);
  text-decoration: none
}

.bookmarks-new_content__formContent {
  font-size: 13px
}

.bookmarks-new_content__newCollectionName {
  background: var(--color-ui--white);
  border: 1px solid var(--color-ui--grey-70);
  border-radius: var(--spacing--xs);
  color: var(--color-ui--grey-50);
  height: var(--spacing--xl);
  margin-top: var(--spacing--m);
  outline: 0;
  padding: 5px var(--spacing--s);
  width: 100%
}

.bookmarks-new_content__hiddenFormSection {
  display: none
}

.bookmarks-new_content__hiddenFormSection.bookmarks-new_content__expanded {
  display: block
}

.bookmarks-new_content__group {
  padding: var(--spacing--m) 0 0 0
}

.bookmarks-new_content__radio {
  margin-right: var(--spacing--m)
}

.bookmarks-new_content__radio input[type=radio] {
  margin-right: var(--spacing--s)
}

.bookmarks-new_content__smallLink {
  color: var(--color-ui--grey-20);
  font-size: var(--font-size--body-xs);
  text-decoration: none
}

.bookmarks-new_content__smallLink:focus,
.bookmarks-new_content__smallLink:hover {
  color: var(--color-ui--grey-50)
}

.bookmarks-new_content__cancelButton {
  color: var(--color-ui--grey-60);
  cursor: pointer;
  font-size: var(--font-size--body-s);
  margin-left: var(--spacing--m);
  margin-top: var(--spacing--s)
}

.bookmarks-new_content__errorMessage {
  background: var(--color-ui--error-red);
  border-radius: 2px;
  color: var(--color-ui--white);
  line-height: 10px;
  margin: var(--spacing--m) 0;
  padding: var(--spacing--s)
}

@media(min-width: 640px) {
  .bookmarks-new_content__root {
    min-width: 600px
  }
}

.cart_entries-footer_component__root {
  background-color: var(--color-ui--white);
  border: 1px solid var(--color-ui--grey-90);
  border-radius: 0 0 var(--border-radius--xs) var(--border-radius--xs);
  display: flex;
  margin-top: -1px;
  padding: var(--spacing--m)
}

.cart_entries-footer_component__footerLeft {
  flex: 1 1 100px;
  text-align: left
}

.cart_entries-footer_component__error {
  flex: 1 1 200px
}

.cart_entries-footer_component__error p {
  color: var(--color-ui--error-red);
  font-size: var(--font-size--body-xs);
  text-align: center
}

.cart_entries-footer_component__footerRight {
  flex: 1 1 100px;
  text-align: right
}

.cart_entries-footer_component__cta {
  background-color: var(--color-ui--grey-90);
  border-radius: var(--border-radius--xs);
  cursor: pointer;
  display: inline-block;
  font-size: var(--font-size--body-s);
  line-height: var(--line-height--regular);
  margin: 0;
  padding: 5px 20px;
  position: relative;
  text-align: center;
  text-decoration: none
}

.cart_entries-footer_component__ctaLight {
  border: 1px solid var(--color-ui--grey-90);
  box-sizing: border-box;
  color: var(--color-ui--grey-40);
  white-space: nowrap
}

.cart_entries-footer_component__ctaLight:active,
.cart_entries-footer_component__ctaLight:hover {
  background-color: var(--color-ui--grey-90)
}

.cart_entries-footer_component__ctaPrimary {
  background-color: var(--color-ui--green-light);
  border: none;
  box-shadow: 0 2px 0 var(--color-ui--green-dark);
  color: var(--color-ui--white);
  white-space: nowrap
}

.cart_entries-footer_component__ctaPrimary:active,
.cart_entries-footer_component__ctaPrimary:hover {
  background-color: var(--color-indigo-600)
}

.cart_entries-form_component__root {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--font-family--sans-serif);
  margin: 0 auto;
  max-width: 600px;
  padding: var(--spacing--m);
  position: relative;
  width: 100%
}

.cart_entries-form_component__section {
  border: 1px solid var(--color-ui--grey-90);
  margin-top: -1px;
  overflow: auto
}

.cart_entries-form_component__pricesInUsd {
  background-color: var(--color-ui--white);
  color: var(--color-ui--grey-60);
  font-size: var(--font-size--body-s);
  padding: var(--spacing--m);
  text-align: center
}

@media(min-width: 832px) {
  .cart_entries-form_component__root {
    width: 600px
  }
}

.cart_entries-header_component__root {
  background-color: var(--color-ui--white);
  border: 1px solid var(--color-ui--grey-90);
  border-radius: var(--border-radius--xs) var(--border-radius--xs) 0 0;
  overflow: auto;
  padding: 12px var(--spacing--m);
  text-align: center
}

.cart_entries-header_component__root h2 {
  color: var(--color-ui--grey-30);
  font-size: var(--font-size--h4);
  font-weight: var(--font-weight--bold);
  line-height: var(--line-height--heading);
  padding: 0
}

.cart_entries-header_component__icon {
  height: 40px;
  margin: 0 auto;
  width: 40px
}

.cart_entries-saved_component__root {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--font-family--sans-serif);
  margin: 0 auto;
  max-width: 600px;
  padding: var(--spacing--m);
  position: relative;
  width: 100%
}

.cart_entries-saved_component__section {
  background-color: var(--color-ui--white);
  border: 1px solid var(--color-ui--grey-90);
  margin-top: -1px;
  overflow: auto
}

.cart_entries-saved_component__pricesInUsd {
  background-color: var(--color-ui--white);
  color: var(--color-ui--grey-60);
  font-size: var(--font-size--body-s);
  padding: var(--spacing--m);
  text-align: center
}

@media(min-width: 832px) {
  .cart_entries-saved_component__root {
    width: 600px
  }
}

.cart_entries-selected_variant_info_component__root {
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
  padding: var(--spacing--m)
}

@media(min-width: 640px) {
  .cart_entries-selected_variant_info_component__root {
    flex-direction: row
  }
}

.cart_entries-selected_variant_info_component__thumbnail {
  display: none
}

@media(min-width: 640px) {
  .cart_entries-selected_variant_info_component__thumbnail {
    display: block;
    height: 80px;
    padding-right: var(--spacing--m)
  }

  .cart_entries-selected_variant_info_component__itemInfo {
    padding-right: 5%;
    width: 43%
  }
}

.cart_entries-selected_variant_info_component__itemName {
  color: var(--color-ui--grey-30);
  font-size: var(--font-size--body-s);
  line-height: 1.2;
  margin-bottom: var(--spacing--m)
}

.cart_entries-selected_variant_info_component__itemAuthor {
  color: var(--color-ui--grey-40);
  font-size: var(--font-size--body-s);
  margin-bottom: var(--spacing--m)
}

.cart_entries-selected_variant_info_component__variantInfo {
  position: relative
}

@media(min-width: 640px) {
  .cart_entries-selected_variant_info_component__itemAuthor {
    margin-bottom: 0
  }

  .cart_entries-selected_variant_info_component__variantInfo {
    width: 35%
  }
}

.cart_entries-selected_variant_info_component__itemPrice {
  color: var(--color-ui--grey-30);
  font-size: var(--font-size--h3);
  font-weight: var(--font-weight--bold);
  line-height: var(--line-height--reset);
  margin-bottom: var(--spacing--s);
  margin-right: var(--spacing--xs)
}

.cart_entries-selected_variant_info_component__itemPrice.cart_entries-selected_variant_info_component__preDiscount {
  font-weight: var(--font-weight--semibold);
  text-decoration: line-through;
  text-decoration-thickness: 3px
}

.cart_entries-selected_variant_info_component__itemPrice.cart_entries-selected_variant_info_component__discount {
  color: var(--color-indigo-600)
}

.cart_entries-selected_variant_info_component__itemVariantInfo {
  color: var(--color-ui--grey-40);
  font-size: var(--font-size--body-s);
  font-weight: var(--font-weight--regular);
  line-height: var(--line-height--regular);
  padding: 0
}

.cart_entries-selected_variant_info_component__itemTermsLink {
  color: var(--color-ui--blue-light);
  text-decoration: none
}

.cart_entries-selected_variant_info_component__itemTermsLink:active,
.cart_entries-selected_variant_info_component__itemTermsLink:hover {
  color: var(--color-ui--blue);
  text-decoration: underline
}

.cart_entries-selected_variant_info_component__link {
  background-color: #0000;
  border: none;
  color: var(--color-ui--blue-light);
  cursor: pointer;
  font-size: var(--font-size--body-s);
  padding: 0;
  text-decoration: none
}

.cart_entries-selected_variant_info_component__link:active,
.cart_entries-selected_variant_info_component__link:hover {
  color: var(--color-ui--blue);
  text-decoration: underline
}

.cart_entries-selected_variant_info_component__link.cart_entries-selected_variant_info_component__underlined {
  text-decoration: underline
}

.cart_entries-selected_variant_info_component__hidden {
  display: none
}

.cart_entries-variant_item_form_component__root {
  background-color: var(--color-ui--white);
  padding: var(--spacing--l) var(--spacing--l)
}

.cart_entries-variant_item_form_component__formGroup {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  gap: var(--spacing--xxs);
  margin-bottom: var(--spacing--s)
}

.cart_entries-variant_item_form_component__formGroup:last-child {
  margin-bottom: 0
}

@media(min-width: 640px) {
  .cart_entries-variant_item_form_component__formGroup {
    align-items: center;
    flex-direction: row;
    gap: var(--spacing--m)
  }
}

.cart_entries-variant_item_form_component__label {
  color: var(--color-text--primary);
  flex-shrink: 0;
  font-size: var(--font-size--body-xs);
  font-weight: 600;
  line-height: var(--line-height--body-base);
  margin-bottom: 0;
  width: 100%
}

@media(min-width: 640px) {
  .cart_entries-variant_item_form_component__label {
    width: 190px
  }
}

.cart_entries-variant_item_form_component__select {
  background: var(--color-ui--white);
  border: 1px solid var(--color-ui--grey-80);
  border-radius: 5px;
  box-sizing: border-box;
  flex: 1 1;
  font-size: var(--font-size--body-xs);
  height: 30px;
  line-height: 24px;
  margin: 0;
  outline: 0;
  padding: 4px
}

.cart_entries-variant_item_form_component__select:focus {
  border-color: var(--color-ui--blue-light)
}

.cart_entries-variant_item_form_component__select:disabled {
  background: var(--color-ui--grey-93);
  cursor: not-allowed
}

.cart_entries-variant_item_form_component__quantityControls {
  align-items: center;
  display: flex;
  flex: 1 1
}

.cart_entries-variant_item_form_component__quantityBtn {
  align-items: center;
  background: var(--color-ui--grey-95);
  border: 1px solid var(--color-ui--grey-80);
  color: var(--color-text--secondary);
  cursor: pointer;
  display: flex;
  font-size: 18px;
  height: 30px;
  justify-content: center;
  width: 50px
}

.cart_entries-variant_item_form_component__quantityBtn:hover {
  background: var(--color-ui--grey-90)
}

.cart_entries-variant_item_form_component__quantityBtn.cart_entries-variant_item_form_component__decrease {
  border-radius: 5px 0 0 5px;
  border-right: none
}

.cart_entries-variant_item_form_component__quantityBtn.cart_entries-variant_item_form_component__increase {
  border-left: none;
  border-radius: 0 5px 5px 0
}

.cart_entries-variant_item_form_component__quantityInput {
  background-clip: padding-box;
  background-color: var(--color-ui--white);
  border: 1px solid var(--color-ui--grey-80);
  box-sizing: border-box;
  color: var(--color-text--secondary);
  font-size: var(--font-size--body-xs);
  height: 30px;
  margin: 0;
  outline: 0;
  padding: 5px 0 6px 8px;
  position: relative;
  text-align: center;
  width: 100%
}

.cart_entries-variant_item_form_component__quantityInput:focus {
  border-color: var(--color-ui--blue-light);
  outline: none
}

.cart_entries-variant_item_form_component__quantityInput:disabled {
  background: var(--color-ui--grey-93);
  cursor: not-allowed
}

.cart_entries-variant_item_form_component__quantityInput[type=number] {
  -webkit-appearance: textfield;
  appearance: textfield
}

.cart_entries-variant_item_form_component__quantityInput[type=number]::-webkit-inner-spin-button,
.cart_entries-variant_item_form_component__quantityInput[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0
}

.cart_entries-variant_item_form_component__updateButton {
  align-items: center;
  background-color: #0000;
  border: 1px solid var(--color-ui--blue-light);
  border-radius: var(--border-radius--xs);
  color: var(--color-ui--blue-light);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--font-size--body-s);
  font-weight: var(--font-weight--semibold);
  gap: var(--spacing--s);
  justify-content: center;
  margin-left: auto;
  padding: var(--spacing--s) var(--spacing--m);
  white-space: nowrap
}

.cart_entries-variant_item_form_component__updateButton .cart_entries-variant_item_form_component__icon {
  align-items: center;
  display: flex;
  fill: currentColor;
  height: 14px;
  justify-content: center;
  width: 14px
}

.cart_entries-variant_item_form_component__updateButton:disabled {
  background-color: var(--color-ui--grey-95);
  border: none;
  color: var(--color-ui--grey-60);
  cursor: not-allowed;
  opacity: .5
}

.cart_entries-variant_item_form_component__updateButton:hover:not(:disabled) {
  background-color: var(--color-ui--blue-light);
  border-color: var(--color-ui--blue-light);
  color: var(--color-ui--white)
}

.cart_entries-variant_picker_component__root {
  background-color: var(--color-ui--white);
  padding: var(--spacing--l) var(--spacing--xxl)
}

.cart_entries-variant_picker_component__variantSelectorRow {
  display: flex;
  flex-flow: row wrap;
  text-align: center;
  width: 100%
}

.cart_entries-variant_picker_component__variantSelectorColumn {
  flex: 1 1;
  flex-direction: column;
  text-align: center
}

.cart_entries-variant_picker_component__variantSelectorHeading {
  color: var(--color-ui--grey-30);
  font-size: var(--font-size--body-l);
  font-weight: var(--font-weight--bold);
  line-height: var(--line-height--heading);
  margin-bottom: var(--spacing--m);
  padding: 0
}

.cart_entries-variant_picker_component__select {
  background: var(--color-ui--white);
  border: 1px solid var(--color-ui--grey-70);
  border-radius: var(--border-radius--xs);
  color: var(--color-ui--grey-20);
  font-size: 13px;
  font-weight: var(--font-weight--regular);
  height: 30px;
  outline: 0;
  padding: var(--spacing--xs) var(--spacing--s);
  width: auto
}

.cart_entries-variant_picker_component__select option {
  display: block;
  font-weight: var(--font-weight--regular);
  min-height: 1.2em;
  padding: 0 var(--spacing--xxs) 1px;
  white-space: pre
}

@media(min-width: 640px) {
  .cart_entries-variant_picker_component__variantSelector {
    flex: 1 1 auto
  }
}

.category-article_block_component__root {
  background-color: var(--color-ui--white);
  border-top: 1px solid var(--color-ui--grey-90);
  margin: 0 auto;
  max-width: calc(var(--container-width) - var(--spacing--xl));
  padding: var(--spacing--l);
  padding-bottom: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.category-article_block_component__title {
  color: var(--color-ui--grey-20);
  font-size: var(--font-size--body-xl);
  padding-bottom: var(--spacing--s)
}

.category-article_block_component__panelWrapper {
  padding-bottom: 2em;
  position: relative
}

.category-article_block_component__articleContent {
  max-height: 100px;
  overflow: hidden;
  position: relative;
  transition: max-height .2s ease
}

.category-article_block_component__articleContent.category-article_block_component__expanded {
  margin-bottom: 1em;
  max-height: 4000px
}

.category-article_block_component__fade {
  background: linear-gradient(to bottom, #fff0, var(--color-ui--white) 75%);
  height: 60px;
  margin-top: -60px;
  position: relative
}

.category-article_block_component__fade.category-article_block_component__expanded {
  display: none
}

.category-article_block_component__expandButton {
  background: none;
  border: none;
  bottom: 1em;
  color: var(--color-ui--blue);
  cursor: pointer;
  font-size: var(--font-size--body-s);
  outline: none;
  padding: 0;
  position: absolute
}

.category-article_block_component__noScripting .category-article_block_component__articleContent {
  max-height: 4000px
}

.category-article_block_component__noScripting .category-article_block_component__expandButton,
.category-article_block_component__noScripting .category-article_block_component__fade {
  visibility: hidden
}

@media(min-width: 1408px) {
  .category-article_block_component__root {
    border: 1px solid var(--color-ui--grey-90);
    border-radius: var(--spacing--s);
    width: 100%
  }
}

.category-categories_with_count_block_component__root {
  align-items: baseline;
  color: var(--color-ui--grey-30);
  display: flex;
  flex-wrap: wrap;
  font-size: var(--font-size--body-s);
  margin: -28px auto -24px;
  max-width: var(--container-width);
  padding: 0 var(--spacing--m);
  width: 100%
}

.category-categories_with_count_block_component__browseLinks {
  display: flex;
  margin: var(--spacing--l) var(--spacing--m) var(--spacing--s) 0
}

.category-categories_with_count_block_component__browseLink {
  color: var(--color-ui--blue);
  padding: 0 var(--spacing--m);
  text-decoration: none
}

.category-categories_with_count_block_component__browseLink:hover {
  text-decoration: underline
}

.category-categories_with_count_block_component__browseLink:first-child {
  border-right: 1px solid var(--color-ui--grey-90)
}

.category-categories_with_count_block_component__subcategoryLinks {
  margin: 0
}

.category-categories_with_count_block_component__subcategoryLink {
  background: var(--color-ui--grey-95);
  border-radius: var(--border-radius--xs);
  color: var(--color-ui--grey-20);
  display: inline-block;
  margin: var(--spacing--m) var(--spacing--m) 0 0;
  padding: var(--spacing--s) var(--spacing--m);
  text-decoration: none;
  transition: color .2s, background .2s
}

.category-categories_with_count_block_component__subcategoryLink:last-child {
  margin-right: 0
}

.category-categories_with_count_block_component__subcategoryLink:hover {
  background: var(--color-ui--blue);
  color: var(--color-ui--white)
}

@media(min-width: 960px) {
  .category-categories_with_count_block_component__root {
    flex-wrap: nowrap
  }

  .category-categories_with_count_block_component__browseLinks {
    display: flex
  }
}

.category-categories_with_icons_block_component__root {
  margin: 0 auto;
  max-width: calc(var(--container-width) - var(--spacing--xl));
  position: relative;
  width: 100%
}

.category-categories_with_icons_block_component__wrapper {
  background: var(--color-ui--white);
  border: 1px solid var(--color-ui--grey-90);
  border-radius: var(--border-radius--xs);
  padding: var(--spacing--xs) var(--spacing--m) var(--spacing--l)
}

.category-categories_with_icons_block_component__header {
  border-bottom: 2px solid var(--color-ui--grey-90);
  display: flex;
  white-space: nowrap;
  width: 100%
}

.category-categories_with_icons_block_component__headerInner {
  align-items: center;
  background-color: #0000;
  border: none;
  border-bottom: 2px solid var(--color-ui--grey-40);
  color: var(--color-ui--grey-70);
  display: flex;
  font-size: var(--font-size--body-l);
  font-weight: var(--font-weight--bold);
  margin-bottom: -2px;
  padding: var(--spacing--m);
  text-decoration: none
}

.category-categories_with_icons_block_component__headerIcon {
  opacity: .67
}

.category-categories_with_icons_block_component__headerText {
  color: var(--color-ui--grey-40);
  padding-left: var(--spacing--xs)
}

.category-categories_with_icons_block_component__categoryLinks {
  display: flex;
  flex-flow: row wrap;
  max-height: 120px;
  overflow: hidden;
  transition: max-height .2s ease
}

.category-categories_with_icons_block_component__categoryLinks.category-categories_with_icons_block_component__expanded {
  max-height: 400px
}

.category-categories_with_icons_block_component__browseLinks {
  padding: 0 var(--spacing--s);
  width: 100%
}

.category-categories_with_icons_block_component__browseLink:after {
  content: "
  "
  ;
  height: 1px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translateY(1px);
  transition: all .15s cubic-bezier(.39, .575, .565, 1);
  transition-property: opacity, transform;
  width: 100%
}

.category-categories_with_icons_block_component__browseLink:hover:after {
  opacity: 1;
  transform: translateY(-3px) translateZ(0);
  transition-delay: .2s;
  transition-duration: .15s
}

.category-categories_with_icons_block_component__browseLink {
  color: var(--color-ui--grey-40);
  display: inline-block;
  font-size: var(--font-size--body-m);
  font-weight: var(--font-weight--bold);
  margin: var(--spacing--l) var(--spacing--m) 0 0;
  position: relative;
  text-decoration: none
}

.category-categories_with_icons_block_component__browseLink:after {
  background-color: var(--color-ui--grey-40)
}

.category-categories_with_icons_block_component__linkIcon {
  display: inline-block;
  height: 12px;
  visibility: hidden;
  width: 12px
}

.category-categories_with_icons_block_component__categoryLink {
  display: block;
  padding: 0 var(--spacing--m);
  position: relative;
  text-decoration: none;
  white-space: nowrap;
  width: 50%
}

.category-categories_with_icons_block_component__categoryLink .category-categories_with_icons_block_component__linkInner {
  align-items: center;
  border-bottom: 1px solid var(--color-ui--grey-90);
  color: var(--color-ui--grey-40);
  display: flex;
  font-size: var(--font-size--body-s);
  font-weight: var(--font-weight--regular);
  height: 60px;
  justify-content: space-between;
  padding: 0 var(--spacing--m)
}

.category-categories_with_icons_block_component__categoryLink .category-categories_with_icons_block_component__linkInner:hover {
  background-color: var(--color-ui--grey-98);
  color: var(--color-ui--grey-20)
}

.category-categories_with_icons_block_component__categoryLink .category-categories_with_icons_block_component__linkInner:hover .category-categories_with_icons_block_component__linkIcon {
  visibility: visible
}

.category-categories_with_icons_block_component__viewHideButton {
  background: #fff;
  border: 0;
  bottom: -8px;
  color: var(--color-ui--grey-40);
  cursor: pointer;
  display: flex;
  font-size: var(--font-size--body-m);
  font-weight: var(--font-weight--bold);
  justify-content: space-between;
  left: 50%;
  outline: 0;
  padding: 0 var(--spacing--s);
  position: absolute;
  text-align: center;
  transform: translate(-50%)
}

.category-categories_with_icons_block_component__viewHideButton:hover {
  text-decoration: underline
}

.category-categories_with_icons_block_component__chevron {
  display: inline-block;
  fill: var(--color-ui--grey-40);
  height: 18px;
  margin-left: var(--spacing--xxs);
  padding: var(--spacing--xs) var(--spacing--xs) 0 0;
  width: 18px
}

.category-categories_with_icons_block_component__chevron.category-categories_with_icons_block_component__expanded {
  transform: rotate(180deg)
}

@media(--very-small-and-below) {
  .category-categories_with_icons_block_component__categoryLink {
    width: 100%
  }
}

@media(min-width: 640px) {

  .category-categories_with_icons_block_component__viewHideButtonFor3,
  .category-categories_with_icons_block_component__viewHideButtonFor4 {
    display: none
  }
}

@media(min-width: 832px) {

  .category-categories_with_icons_block_component__viewHideButtonFor5,
  .category-categories_with_icons_block_component__viewHideButtonFor6 {
    display: none
  }

  .category-categories_with_icons_block_component__categoryLink {
    width: 33.3%
  }

  .category-categories_with_icons_block_component__browseLink {
    font-size: var(--font-size--body-s);
    margin: var(--spacing--l) var(--spacing--l) 0 0
  }
}

@media(min-width: 1152px) {

  .category-categories_with_icons_block_component__viewHideButtonFor7,
  .category-categories_with_icons_block_component__viewHideButtonFor8 {
    display: none
  }

  .category-categories_with_icons_block_component__categoryLink {
    width: 25%
  }
}

@media(min-width: 1280px) {

  .category-categories_with_icons_block_component__viewHideButtonFor10,
  .category-categories_with_icons_block_component__viewHideButtonFor9 {
    display: none
  }

  .category-categories_with_icons_block_component__categoryLink {
    width: 20%
  }
}

.category-elements_campaign_items_block_component__root {
  background-color: var(--color-surface-brand-accent);
  color: var(--color-ui--grey-20);
  max-width: 100%;
  padding: 46px 0 56px;
  position: relative
}

.category-elements_campaign_items_block_component__inner {
  margin: 0 auto;
  max-width: var(--container-width)
}

.category-elements_campaign_items_block_component__content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3x);
  justify-content: center;
  padding: var(--spacing-3x)
}

.category-elements_campaign_items_block_component__content header {
  font-family: PolySans-Median, sans-serif
}

.category-elements_campaign_items_block_component__content a {
  min-width: 190px;
  padding: var(--spacing-2x) var(--spacing-4x);
  width: 100%
}

.category-elements_campaign_items_block_component__title {
  color: var(--color-content-primary);
  font-size: var(--text-style-title-2-size);
  font-weight: var(--text-style-title-2-weight);
  line-height: var(--text-style-title-2-height);
  margin-bottom: var(--spacing-3x)
}

.category-elements_campaign_items_block_component__title .category-elements_campaign_items_block_component__accent {
  color: var(--color-content-brand-accent)
}

.category-elements_campaign_items_block_component__subtitle {
  color: var(--color-content-primary);
  font-family: var(--font-family-sf);
  font-size: var(--font-size-3x);
  font-weight: var(--font-weight-neutral);
  margin-top: 1rem
}

.category-elements_campaign_items_block_component__item {
  display: block;
  overflow: hidden;
  padding: var(--spacing-3x);
  position: relative;
  text-decoration: none;
  transition: transform .2s
}

.category-elements_campaign_items_block_component__item:focus,
.category-elements_campaign_items_block_component__item:hover {
  transform: translateY(-2px)
}

@media(min-width: 832px) {
  section.category-elements_campaign_items_block_component__root {
    padding: 56px 0
  }

  .category-elements_campaign_items_block_component__inner {
    padding: 0
  }

  .category-elements_campaign_items_block_component__content {
    margin-bottom: var(--spacing-3x);
    padding: 0 var(--spacing-3x)
  }

  .category-elements_campaign_items_block_component__content a {
    width: auto
  }

  .category-elements_campaign_items_block_component__items {
    display: grid;
    gap: var(--spacing-2x);
    grid-template-columns: 1fr 1fr 1fr;
    padding: 0 var(--spacing-3x)
  }

  .category-elements_campaign_items_block_component__item {
    padding: 0
  }

  .category-elements_campaign_items_block_component__title {
    max-width: fit-content
  }
}

@media(min-width: 1408px) {
  .category-elements_campaign_items_block_component__inner {
    align-items: center;
    display: grid;
    grid-template-columns: 35% 65%;
    padding: 0
  }

  .category-elements_campaign_items_block_component__title {
    max-width: 450px
  }
}

.category-elements_promo_items_block_component__root {
  background-color: var(--color-surface-brand-accent);
  color: var(--color-ui--grey-20);
  max-width: 100%;
  padding: 46px 0 56px;
  position: relative
}

.category-elements_promo_items_block_component__inner {
  margin: 0 auto;
  max-width: var(--container-width)
}

.category-elements_promo_items_block_component__content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3x);
  justify-content: center;
  padding: var(--spacing-3x)
}

.category-elements_promo_items_block_component__content a {
  min-width: 180px;
  padding: var(--spacing-2x) var(--spacing-4x);
  width: 100%
}

.category-elements_promo_items_block_component__title {
  color: var(--color-content-primary);
  font-size: var(--text-style-title-2-size);
  font-weight: var(--text-style-title-2-weight);
  line-height: var(--text-style-title-2-height);
  margin-bottom: var(--spacing-3x)
}

.category-elements_promo_items_block_component__subtitle {
  color: var(--color-content-primary);
  font-size: var(--font-size-3x);
  font-weight: var(--font-weight-neutral)
}

.category-elements_promo_items_block_component__item {
  display: block;
  overflow: hidden;
  padding: var(--spacing-3x);
  position: relative;
  text-decoration: none;
  transition: transform .2s
}

.category-elements_promo_items_block_component__item:focus,
.category-elements_promo_items_block_component__item:hover {
  transform: translateY(-2px)
}

@media(min-width: 832px) {
  section.category-elements_promo_items_block_component__root {
    padding: 56px 0
  }

  .category-elements_promo_items_block_component__inner {
    padding: 0
  }

  .category-elements_promo_items_block_component__content {
    margin-bottom: var(--spacing-3x);
    padding: 0 var(--spacing-3x)
  }

  .category-elements_promo_items_block_component__content a {
    width: auto
  }

  .category-elements_promo_items_block_component__items {
    display: grid;
    gap: var(--spacing-2x);
    grid-template-columns: 1fr 1fr 1fr;
    padding: 0 var(--spacing-3x)
  }

  .category-elements_promo_items_block_component__item {
    padding: 0
  }

  .category-elements_promo_items_block_component__title {
    max-width: fit-content
  }
}

@media(min-width: 1408px) {
  .category-elements_promo_items_block_component__inner {
    align-items: center;
    display: grid;
    grid-template-columns: 35% 65%;
    padding: 0
  }

  .category-elements_promo_items_block_component__title {
    max-width: 415px
  }

  .category-elements_promo_items_block_component__subtitle {
    width: 75%
  }
}

.category-full_width_banner_block_component__root {
  margin: 0 auto;
  max-width: var(--container-width);
  padding: 0 var(--spacing--s)
}

.category-items_block_component__root {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: var(--container-width);
  padding: 0 var(--spacing--m)
}

.category-items_block_component__header {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  width: 100%
}

.category-items_block_component__heading {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--color-ui--grey-20);
  font-size: var(--font-size--h5);
  line-height: var(--line-height--heading);
  padding-bottom: var(--spacing--s)
}

.category-items_block_component__heading a {
  color: var(--color-ui--grey-20);
  text-decoration: none
}

.category-items_block_component__button {
  display: none
}

.category-items_block_component__itemCardGrid {
  width: 100%
}

.category-items_block_component__itemCard {
  padding: var(--spacing--m) 0
}

@media(min-width: 640px) {
  .category-items_block_component__heading {
    padding-bottom: var(--spacing--l)
  }

  .category-items_block_component__itemCardGrid {
    display: grid;
    gap: var(--spacing--xl) var(--spacing--xl);
    grid-template-columns: repeat(2, minmax(160px, 1fr))
  }

  .category-items_block_component__itemCard {
    padding: 0
  }
}

@media(min-width: 832px) {
  .category-items_block_component__button {
    display: inline
  }
}

@media(min-width: 960px) {
  .category-items_block_component__itemCardGrid {
    grid-auto-rows: 0;
    grid-template-columns: repeat(3, minmax(290px, 1fr));
    grid-template-rows: repeat(1, 1fr)
  }

  .category-items_block_component__itemCardGrid>

  div:nth-child(4) {
    display: none
  }
}

@media(min-width: 1304px) {
  .category-items_block_component__itemCardGrid {
    display: inline-grid;
    gap: var(--spacing--xl);
    grid-auto-columns: 320px;
    grid-auto-flow: column;
    grid-template-columns: repeat(4, minmax(290px, 1fr))
  }

  .category-items_block_component__itemCardGrid>

  div:nth-child(4) {
    display: block
  }
}

.category-popular_searches_block_component__root {
  margin: 0 auto;
  max-width: var(--container-width);
  padding: 0 var(--spacing--m)
}

.category-popular_searches_block_component__heading {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--color-ui--grey-20);
  font-size: var(--font-size--h5);
  margin-bottom: var(--spacing--l)
}

.category-popular_searches_block_component__termLink {
  background-color: var(--color-ui--white);
  border: 2px solid var(--color-ui--grey-90);
  border-radius: 24px;
  color: var(--color-ui--grey-20);
  display: inline-block;
  font-size: var(--font-size--body-xs);
  font-weight: var(--font-weight--bold);
  margin: 0 var(--spacing--xs) var(--spacing--s) 0;
  padding: 10px var(--spacing--l);
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all .5s
}

.category-popular_searches_block_component__termLink:focus,
.category-popular_searches_block_component__termLink:hover {
  border-color: var(--color-ui--blue-dark);
  color: var(--color-ui--blue-dark)
}

@media(min-width: 832px) {
  .category-popular_searches_block_component__termLink {
    margin: 0 var(--spacing--s) var(--spacing--m) 0;
    padding: 10px var(--spacing--xl)
  }
}

.category-promo_items_block_component__root {
  background: var(--color-ui--grey-90);
  margin: var(--spacing--s) 0
}

.category-promo_items_block_component__promoItemsBlockWrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  max-width: var(--container-width);
  padding: var(--spacing--xl) var(--spacing--m)
}

.category-promo_items_block_component__itemCardGrid {
  width: 100%
}

.category-promo_items_block_component__ctaBlock {
  display: flex;
  flex-flow: column wrap;
  margin-bottom: var(--spacing--m);
  margin-top: var(--spacing--s);
  text-align: center
}

.category-promo_items_block_component__title {
  color: var(--color-ui--grey-20);
  font-size: var(--font-size--h4);
  line-height: 30px;
  margin-bottom: var(--spacing--m)
}

.category-promo_items_block_component__subtitle {
  color: var(--color-ui--grey-40);
  font-size: var(--font-size--body-s);
  margin-bottom: calc(var(--spacing--l)*2);
  margin-top: var(--spacing--xs)
}

.category-promo_items_block_component__promoItem {
  padding: var(--spacing--m) 0
}

@media(min-width: 640px) {
  .category-promo_items_block_component__promoItemsBlockWrapper {
    justify-items: stretch;
    text-align: left
  }

  .category-promo_items_block_component__itemCardGrid {
    display: grid;
    gap: var(--spacing--xl) var(--spacing--xl);
    grid-template-columns: repeat(2, minmax(160px, 1fr))
  }

  .category-promo_items_block_component__ctaBlock {
    display: flex;
    flex-flow: column wrap;
    grid-column: 1/-1;
    justify-content: center;
    margin-bottom: 0;
    text-align: left
  }

  .category-promo_items_block_component__promoItem {
    padding: 0
  }
}

@media(min-width: 960px) {
  .category-promo_items_block_component__itemCardGrid {
    grid-template-columns: repeat(3, minmax(290px, 1fr))
  }

  .category-promo_items_block_component__subtitle {
    margin-bottom: var(--spacing--m)
  }
}

@media(min-width: 1278px) {
  .category-promo_items_block_component__itemCardGrid {
    display: inline-grid;
    gap: var(--spacing--xl);
    grid-auto-columns: 320px;
    grid-auto-flow: column;
    grid-template-columns: repeat(4, minmax(290px, 1fr))
  }

  .category-promo_items_block_component__ctaBlock {
    grid-column: span 1
  }

  .category-promo_items_block_component__subtitle {
    margin-bottom: calc(var(--spacing--l)*2)
  }
}

.category-search_banners_with_icons_block_component__root {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: var(--container-width);
  padding: 0 var(--spacing--m);
  width: 100%
}

.category-search_banners_with_icons_block_component__banner {
  background: var(--color-ui--white);
  border-radius: var(--spacing--xs);
  box-shadow: var(--color-ui--grey-80) 0 0 var(--spacing--m);
  color: var(--color-ui--grey-10);
  display: flex;
  flex-direction: column;
  padding: var(--spacing--m);
  text-decoration: none;
  transition: transform .2s
}

.category-search_banners_with_icons_block_component__banner:hover {
  transform: translateY(-2px)
}

.category-search_banners_with_icons_block_component__banner:first-of-type {
  background: var(--color-ui--grey-10);
  color: var(--color-ui--white)
}

.category-search_banners_with_icons_block_component__banner:last-of-type {
  margin-top: var(--spacing--m)
}

.category-search_banners_with_icons_block_component__icon {
  flex-shrink: 0
}

.category-search_banners_with_icons_block_component__detail {
  display: flex;
  flex-direction: column;
  padding: var(--spacing--m) var(--spacing--m)
}

.category-search_banners_with_icons_block_component__title {
  font-size: var(--font-size--h3);
  line-height: var(--line-height--heading);
  margin-bottom: var(--spacing--m)
}

.category-search_banners_with_icons_block_component__cta {
  color: var(--color-ui--grey-60);
  display: block
}

.category-search_banners_with_icons_block_component__ctaText {
  display: inline-block;
  position: relative;
  text-decoration: none
}

.category-search_banners_with_icons_block_component__ctaText:after {
  content: "
  "
  ;
  height: 1px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translateY(1px);
  transition: all .15s cubic-bezier(.39, .575, .565, 1);
  transition-property: opacity, transform;
  width: 100%
}

.category-search_banners_with_icons_block_component__ctaText:hover:after {
  opacity: 1;
  transform: translateY(-3px) translateZ(0);
  transition-delay: .2s;
  transition-duration: .15s
}

.category-search_banners_with_icons_block_component__ctaText {
  color: var(--color-ui--grey-60);
  font-size: var(--font-size--body-m);
  margin-right: var(--spacing--xs)
}

.category-search_banners_with_icons_block_component__ctaText:after {
  background-color: var(--color-ui--grey-60)
}

.category-search_banners_with_icons_block_component__ctaIcon {
  display: inline-block;
  fill: var(--color-ui--grey-60);
  height: 11px;
  width: 24px
}

@media(min-width: 960px) {
  .category-search_banners_with_icons_block_component__root {
    flex-direction: row;
    justify-content: space-between
  }

  .category-search_banners_with_icons_block_component__banner {
    flex-direction: row;
    padding: 0;
    width: calc(50% - var(--spacing--m))
  }

  .category-search_banners_with_icons_block_component__banner:last-of-type {
    margin-top: 0
  }

  .category-search_banners_with_icons_block_component__icon {
    margin: var(--spacing--m)
  }

  .category-search_banners_with_icons_block_component__detail {
    flex-direction: column;
    margin-top: 0;
    padding: calc(var(--spacing--l)*2) var(--spacing--l);
    padding-left: 0
  }
}

.category-search_filters_block_component__root {
  background: var(--color-ui--grey-90);
  color: var(--color-ui--grey-20);
  max-width: 100%;
  padding: var(--spacing--xl) 0;
  position: relative
}

.category-search_filters_block_component__inner {
  margin: 0 auto;
  max-width: var(--container-width);
  padding: 0 var(--spacing--m);
  width: 100%
}

.category-search_filters_block_component__title {
  color: var(--color-ui--grey-20);
  font-size: var(--font-size--h5);
  line-height: var(--line-height--l);
  margin-bottom: var(--spacing--l);
  width: 100%
}

.category-search_filters_block_component__filter {
  flex: 1 1;
  margin-bottom: var(--spacing--xl)
}

.category-search_filters_block_component__filter:last-child {
  margin-bottom: 0
}

.category-search_filters_block_component__cta {
  color: var(--color-ui--grey-10);
  font-size: var(--font-size--body-l);
  font-weight: var(--font-weight--bold);
  line-height: var(--line-height--heading);
  text-decoration: none
}

.category-search_filters_block_component__cta:hover {
  text-decoration: underline
}

.category-search_filters_block_component__image {
  background-size: cover;
  border-radius: var(--spacing--s);
  margin-bottom: var(--spacing--m);
  padding-top: 36%;
  width: 100%
}

.category-search_filters_block_component__browseLink:after {
  content: "
  "
  ;
  height: 1px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translateY(1px);
  transition: all .15s cubic-bezier(.39, .575, .565, 1);
  transition-property: opacity, transform;
  width: 100%
}

.category-search_filters_block_component__browseLink:hover:after {
  opacity: 1;
  transform: translateY(-3px) translateZ(0);
  transition-delay: .2s;
  transition-duration: .15s
}

/* Oculta o rodapé do Disqus "Com tecnologia Disqus" */
.disqus-footer__logo {
  display: none !important;
}

.category-search_filters_block_component__browseLink {
  color: var(--color-ui--grey-40);
  display: inline-block;
  font-size: var(--font-size--body-s);
  margin-right: var(--spacing--m);
  position: relative;
  text-decoration: none
}

.category-search_filters_block_component__browseLink:after {
  background-color: var(--color-ui--grey-40)
}

@media(min-width: 640px) {
  .category-search_filters_block_component__inner {
    display: flex;
    flex-wrap: wrap
  }

  .category-search_filters_block_component__filter {
    margin-bottom: 0;
    margin-right: var(--spacing--xl)
  }

  .category-search_filters_block_component__filter:last-child {
    margin-right: 0
  }
}

.category-show_content__root {
  background: var(--color-ui--grey-98);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding-bottom: 40px
}

.category-show_content__blockWrapper {
  margin-top: 56px
}

.category-show_content__blockWrapper:empty {
  display: none
}

.category-tabbed_table_block_component__root {
  margin: 0 auto;
  max-width: calc(var(--container-width) - var(--spacing--xl));
  position: relative;
  width: 100%
}

.category-tabbed_table_block_component__wrapper {
  background: var(--color-ui--white);
  border: 1px solid var(--color-ui--grey-90);
  border-radius: var(--border-radius--xs);
  padding: var(--spacing--xs) 0 var(--spacing--l)
}

.category-tabbed_table_block_component__header {
  border-bottom: 2px solid var(--color-ui--grey-90);
  display: flex;
  margin: 0 var(--spacing--l);
  white-space: nowrap
}

.category-tabbed_table_block_component__tab {
  align-items: center;
  background-color: #0000;
  border: none;
  color: var(--color-ui--grey-70);
  cursor: pointer;
  display: flex;
  font-size: var(--font-size--body-l);
  font-weight: var(--font-weight--bold);
  margin-bottom: -2px;
  outline: none;
  padding: var(--spacing--m);
  pointer-events: auto;
  text-decoration: none
}

.category-tabbed_table_block_component__tab:hover {
  color: var(--color-ui--grey-50)
}

.category-tabbed_table_block_component__tab[data-active=true] {
  border-bottom: 2px solid var(--color-ui--grey-40);
  color: var(--color-ui--grey-40);
  pointer-events: none
}

.category-tabbed_table_block_component__headerIcon {
  height: 26px;
  margin-right: var(--spacing--s);
  width: 26px
}

.category-tabbed_table_block_component__headerText {
  padding-left: var(--spacing--xs)
}

.category-tabbed_table_block_component__categoryLinksWrapper {
  display: none
}

.category-tabbed_table_block_component__categoryLinksWrapper[data-active=true] {
  display: block
}

.category-tabbed_table_block_component__categoryLinks {
  max-height: 300px;
  overflow: hidden;
  padding: 0 var(--spacing--l)
}

.category-tabbed_table_block_component__categoryLinks.category-tabbed_table_block_component__expanded {
  max-height: 100%
}

.category-tabbed_table_block_component__browseLinks {
  margin: 0 var(--spacing--m);
  padding: 0 var(--spacing--s);
  width: 100%
}

.category-tabbed_table_block_component__browseLink:after {
  content: "
  "
  ;
  height: 1px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translateY(1px);
  transition: all .15s cubic-bezier(.39, .575, .565, 1);
  transition-property: opacity, transform;
  width: 100%
}

.category-tabbed_table_block_component__browseLink:hover:after {
  opacity: 1;
  transform: translateY(-3px) translateZ(0);
  transition-delay: .2s;
  transition-duration: .15s
}

.category-tabbed_table_block_component__browseLink {
  color: var(--color-ui--grey-40);
  display: inline-block;
  font-size: var(--font-size--body-s);
  font-weight: var(--font-weight--bold);
  margin: var(--spacing--l) var(--spacing--m) 0 0;
  position: relative;
  text-decoration: none
}

.category-tabbed_table_block_component__browseLink:after {
  background-color: var(--color-ui--grey-40)
}

.category-tabbed_table_block_component__linkIcon {
  display: inline-block;
  height: 12px;
  visibility: hidden;
  width: 12px
}

.category-tabbed_table_block_component__categoryLink {
  display: block;
  text-decoration: none;
  page-break-inside: avoid;
  break-inside: avoid
}

.category-tabbed_table_block_component__categoryLink .category-tabbed_table_block_component__linkInner {
  align-items: center;
  border-bottom: 1px solid var(--color-ui--grey-90);
  color: var(--color-ui--grey-40);
  display: flex;
  font-size: var(--font-size--body-s);
  font-weight: var(--font-weight--regular);
  height: 60px;
  justify-content: space-between;
  padding: 0 var(--spacing--m)
}

.category-tabbed_table_block_component__categoryLink .category-tabbed_table_block_component__linkInner:hover {
  background-color: var(--color-ui--grey-98);
  color: var(--color-ui--grey-20)
}

.category-tabbed_table_block_component__categoryLink .category-tabbed_table_block_component__linkInner:hover .category-tabbed_table_block_component__linkIcon {
  visibility: visible
}

.category-tabbed_table_block_component__viewHideButton {
  background: none;
  border: 0;
  color: var(--color-ui--grey-40);
  cursor: pointer;
  font-size: var(--font-size--body-m);
  font-weight: var(--font-weight--bold);
  margin: var(--spacing--l) 0 0 var(--spacing--l);
  outline: 0;
  text-align: center
}

.category-tabbed_table_block_component__viewHideButton:hover {
  text-decoration: underline
}

@media(min-width: 640px) {
  .category-tabbed_table_block_component__categoryLinks {
    column-count: 2
  }

  .category-tabbed_table_block_component__viewHideButton:not(.category-tabbed_table_block_component__twoColumn) {
    display: none
  }
}

@media(min-width: 832px) {
  .category-tabbed_table_block_component__categoryLinks {
    column-count: 3;
    max-height: 100%
  }

  .category-tabbed_table_block_component__viewHideButton {
    display: none
  }
}

@media(min-width: 1152px) {
  .category-tabbed_table_block_component__categoryLinks {
    column-count: 4
  }
}

@media(min-width: 1408px) {
  .category-tabbed_table_block_component__categoryLinks {
    column-count: 5
  }
}

.category-text_search_filters_block_component__root {
  font-size: var(--font-size--body-s);
  line-height: 1.5em;
  margin: -15px auto -24px;
  max-width: var(--container-width);
  padding: 0 var(--spacing--m);
  width: 100%
}

.category-text_search_filters_block_component__filterGroup {
  background: var(--color-ui--grey-90);
  border-radius: var(--border-radius--m) var(--border-radius--xs) var(--border-radius--m) var(--border-radius--m);
  color: var(--color-ui--black);
  display: inline-block;
  margin: 0 var(--spacing--l) var(--spacing--l) 0;
  padding: var(--spacing--s) var(--spacing--s) var(--spacing--s) 0
}

.category-text_search_filters_block_component__filterGroup:last-child {
  margin-right: 0
}

.category-text_search_filters_block_component__filterGroupHeading {
  display: inline-block;
  font-size: inherit;
  margin-left: var(--spacing--l);
  text-transform: uppercase
}

.category-text_search_filters_block_component__option {
  color: inherit;
  display: inline-block;
  padding: var(--spacing--s) var(--spacing--m);
  text-decoration: none
}

.category-text_search_filters_block_component__option:hover {
  text-decoration: underline
}

.elementor-cta_component__root {
  background-color: var(--color-ui--blue-anaemic);
  padding: var(--spacing--xl) 0
}

.elementor-cta_component__container {
  margin: 0 auto;
  padding: 0 26px;
  width: 100%
}

@media(min-width: 960px) {
  .elementor-cta_component__container {
    max-width: 850px
  }
}

.elementor-cta_component__container {
  text-align: center
}

.elementor-cta_component__elementorImage {
  margin-top: var(--spacing--xl)
}

.elementor-cta_component__heading {
  color: var(--color-ui--grey-20);
  font-size: var(--font-size--h3);
  font-weight: var(--font-weight--bold);
  line-height: var(--line-height--heading)
}

@media(min-width: 960px) {
  .elementor-cta_component__heading {
    font-size: var(--font-size--h2)
  }
}

.elementor-cta_component__heading {
  margin-bottom: var(--spacing--xl);
  margin-top: var(--spacing--xl)
}

.elementor-cta_component__buttonWrapper {
  margin-bottom: var(--spacing--l)
}

.elementor-cta_component__buttonIconAndText {
  align-items: center;
  display: flex
}

.elementor-cta_component__buttonIcon {
  margin-left: 10px
}

.elementor-faq_component__root {
  background-color: var(--color-ui--grey-blue-97);
  padding: var(--spacing--xl) 0;
  padding-bottom: 60px;
  padding-top: 60px
}

@media(min-width: 960px) {
  .elementor-faq_component__root {
    padding: 60px 100px
  }
}

.elementor-faq_component__container {
  margin: 0 auto;
  padding: 0 26px;
  width: 100%
}

@media(min-width: 960px) {
  .elementor-faq_component__container {
    max-width: var(--container-width)
  }
}

.elementor-faq_component__container {
  display: flex;
  flex-direction: column
}

@media(min-width: 960px) {
  .elementor-faq_component__container {
    flex-direction: row
  }
}

.elementor-faq_component__titleWrapper {
  flex: 0 0 50%
}

.elementor-faq_component__title {
  color: var(--color-ui--grey-20);
  font-size: 28px;
  font-weight: var(--font-weight--bold);
  margin-bottom: var(--spacing--xl);
  padding-right: 30px
}

@media(min-width: 960px) {
  .elementor-faq_component__title {
    font-size: var(--font-size--h2);
    margin-bottom: 0
  }
}

.elementor-faq_component__items {
  width: 100%
}

@media(min-width: 960px) {
  .elementor-faq_component__items {
    max-width: 650px
  }
}

.elementor-faq_component__itemsWrapper {
  flex: 0 0 50%
}

.elementor-faq_item_component__faqItem {
  border-bottom: 1px solid var(--color-ui--grey-90)
}

.elementor-faq_item_component__faqItem:first-child {
  border-top: 1px solid var(--color-ui--grey-90)
}

.elementor-faq_item_component__checkbox {
  display: none
}

.elementor-faq_item_component__label {
  color: var(--color-ui--grey-20);
  cursor: pointer;
  display: block;
  font-size: var(--font-size--h5);
  font-weight: var(--font-weight--bold);
  letter-spacing: normal;
  line-height: 30px;
  margin: var(--spacing--l) 0;
  position: relative
}

.elementor-faq_item_component__label:focus,
.elementor-faq_item_component__label:hover {
  color: var(--color-ui--grey-40);
  transition: color .3s
}

.elementor-faq_item_component__questionWrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

.elementor-faq_item_component__crossSvg {
  fill: #075f7f;
  height: 30px;
  margin-left: 20px;
  min-width: 12px;
  top: 9px;
  transition: transform .3s;
  width: 12px
}

.elementor-faq_item_component__answer p,
.elementor-faq_item_component__answer ul {
  color: var(--color-ui--grey-40);
  font-size: var(--font-size--h6)
}

.elementor-faq_item_component__answer p {
  margin-bottom: var(--spacing--m)
}

.elementor-faq_item_component__answer p a {
  display: inline-block;
  position: relative;
  text-decoration: none
}

.elementor-faq_item_component__answer p a:after {
  content: "
  "
  ;
  height: 1px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translateY(1px);
  transition: all .15s cubic-bezier(.39, .575, .565, 1);
  transition-property: opacity, transform;
  width: 100%
}

.elementor-faq_item_component__answer p a:hover:after {
  opacity: 1;
  transform: translateY(-3px) translateZ(0);
  transition-delay: .2s;
  transition-duration: .15s
}

.elementor-faq_item_component__answer p a {
  color: var(--color-ui--blue-light)
}

.elementor-faq_item_component__answer p:last-child {
  margin-bottom: var(--spacing--l)
}

.elementor-faq_item_component__checkbox:checked+.elementor-faq_item_component__label {
  color: #075f7f
}

.elementor-faq_item_component__checkbox:checked+.elementor-faq_item_component__label .elementor-faq_item_component__crossSvg {
  transform: rotate(45deg)
}

.elementor-faq_item_component__checkbox+.elementor-faq_item_component__label+.elementor-faq_item_component__answer {
  display: none
}

.elementor-faq_item_component__checkbox:checked+.elementor-faq_item_component__label+.elementor-faq_item_component__answer {
  display: block
}

.elementor-focus_areas_component__root {
  background-color: var(--color-ui--grey-blue-97);
  padding: var(--spacing--xl) 0
}

.elementor-focus_areas_component__container {
  margin: 0 auto;
  padding: 0 26px;
  width: 100%
}

@media(min-width: 960px) {
  .elementor-focus_areas_component__container {
    max-width: var(--container-width)
  }
}

.elementor-focus_areas_component__container {
  padding-bottom: 48px;
  padding-top: 48px
}

@media(min-width: 1152px) {
  .elementor-focus_areas_component__container {
    display: flex
  }
}

.elementor-focus_areas_component__focusArea:not(:last-of-type) {
  margin-bottom: 40px
}

@media(min-width: 480px) {
  .elementor-focus_areas_component__focusArea {
    display: flex
  }
}

@media(min-width: 1152px) {
  .elementor-focus_areas_component__focusArea:not(:last-of-type) {
    margin-bottom: 0;
    margin-right: 30px
  }
}

@media(min-width: 480px) {
  .elementor-focus_areas_component__iconContainer {
    margin-right: 32px;
    width: 80px
  }
}

.elementor-focus_areas_component__icon {
  height: 48px;
  width: 48px
}

@media(min-width: 480px) {
  .elementor-focus_areas_component__icon {
    height: 80px;
    width: 80px
  }
}

.elementor-focus_areas_component__heading {
  color: var(--color-ui--grey-20);
  font-size: var(--font-size--h5);
  font-weight: var(--font-weight--bold);
  margin-bottom: 12px
}

.elementor-focus_areas_component__paragraph {
  color: var(--color-ui--grey-40);
  font-size: var(--font-size--body-l);
  margin-bottom: 12px
}

.elementor-focus_areas_component__ctaLink {
  display: inline-block;
  position: relative;
  text-decoration: none
}

.elementor-focus_areas_component__ctaLink:after {
  content: "
  "
  ;
  height: 1px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translateY(1px);
  transition: all .15s cubic-bezier(.39, .575, .565, 1);
  transition-property: opacity, transform;
  width: 100%
}

.elementor-focus_areas_component__ctaLink:hover:after {
  opacity: 1;
  transform: translateY(-3px) translateZ(0);
  transition-delay: .2s;
  transition-duration: .15s
}

.elementor-focus_areas_component__ctaLink {
  color: var(--color-ui--blue-light);
  font-size: var(--font-size--body-m);
  font-weight: var(--font-weight--semibold)
}

.elementor-focus_areas_component__ctaLinkNoTextWrapping {
  white-space: nowrap
}

.elementor-focus_areas_component__ctaArrow {
  transition: transform .3s;
  vertical-align: middle
}

.elementor-focus_areas_component__ctaLink:hover .elementor-focus_areas_component__ctaArrow {
  transform: translateX(6px)
}

.elementor-hero_component__root {
  background-color: var(--color-ui--blue-anaemic);
  background-image: linear-gradient(180deg, #ffffff80, #fff0);
  padding: var(--spacing--xl) 0
}

.elementor-hero_component__container {
  margin: 0 auto;
  padding: 0 26px;
  width: 100%
}

@media(min-width: 960px) {
  .elementor-hero_component__container {
    max-width: var(--container-width)
  }
}

.elementor-hero_component__container {
  align-items: center;
  display: flex;
  flex-direction: column
}

.elementor-hero_component__textWrapper {
  margin-bottom: var(--spacing--xl)
}

.elementor-hero_component__heading {
  color: var(--color-ui--grey-20);
  font-size: var(--font-size--h1);
  line-height: var(--line-height--heading);
  margin-top: var(--spacing--l)
}

.elementor-hero_component__subheading {
  color: var(--color-ui--grey-40);
  font-size: var(--font-size--h6);
  font-weight: var(--font-weight--regular);
  margin-bottom: var(--spacing--l);
  margin-top: var(--spacing--l)
}

.elementor-hero_component__image {
  height: auto;
  max-width: 100%
}

.elementor-hero_component__buttonIconAndText {
  align-items: center;
  display: flex
}

.elementor-hero_component__buttonIcon {
  margin-left: 10px
}

@media(min-width: 960px) {
  .elementor-hero_component__container {
    flex-direction: row
  }

  .elementor-hero_component__imageWrapper,
  .elementor-hero_component__textWrapper {
    flex: 0 0 50%
  }

  .elementor-hero_component__heading {
    font-size: 40px;
    text-align: left
  }
}

.elementor-trending_items_block_component__root {
  background-color: var(--color-ui--grey-blue-97);
  padding: var(--spacing--xl) 0
}

.elementor-trending_items_block_component__wrapper {
  margin: 0 auto;
  max-width: var(--container-width)
}

.elementor-trending_items_block_component__header {
  margin: 0 auto;
  margin-bottom: var(--spacing--m);
  text-align: center
}

.elementor-trending_items_block_component__title {
  color: var(--color-ui--grey-20);
  font-size: var(--font-size--h2);
  font-weight: var(--font-weight--bold);
  line-height: var(--line-height--heading);
  margin: var(--spacing--xl) auto;
  max-width: 620px
}

.elementor-trending_items_block_component__subtitle {
  color: var(--color-ui--grey-40);
  font-size: var(--font-size--body-l);
  line-height: var(--line-height--regular)
}

.elementor-trending_items_block_component__categoriesNavBar {
  display: none
}

.elementor-trending_items_block_component__categoriesDropdown {
  margin: 0 26px;
  position: relative;
  text-align: center
}

.elementor-trending_items_block_component__dropdown {
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid var(--color-ui--grey-90);
  cursor: pointer;
  font-family: var(--font-family--apple-system);
  font-size: var(--font-size--body-s);
  padding: var(--spacing--s) var(--spacing--m)
}

.elementor-trending_items_block_component__dropdown::-ms-expand {
  display: none
}

.elementor-trending_items_block_component__dropdown:focus {
  outline: none
}

.elementor-trending_items_block_component__dropdown {
  background-color: var(--color-ui--white);
  border: 2px solid var(--color-ui--green-light);
  border-radius: 2px;
  color: var(--color-ui--grey-40);
  display: block;
  padding: var(--spacing--s);
  width: 100%
}

.elementor-trending_items_block_component__chevronIcon {
  fill: var(--color-ui--grey-40);
  height: 14px;
  pointer-events: none;
  position: absolute;
  right: var(--spacing--m);
  top: calc(50% - 7px);
  width: 22px
}

@media(min-width: 640px) {
  .elementor-trending_items_block_component__wrapper {
    padding: 0 10px
  }

  .elementor-trending_items_block_component__categoriesNavBar {
    display: grid;
    gap: var(--spacing--m);
    grid-template-columns: repeat(3, 1fr);
    margin: var(--spacing--m) auto;
    max-width: 600px
  }

  .elementor-trending_items_block_component__categoryLink {
    align-items: center;
    background-color: var(--color-ui--white);
    border: 2px solid #0000;
    border-radius: 4px;
    color: var(--color-ui--grey-20);
    cursor: pointer;
    display: flex;
    font-family: sans-serif;
    font-size: var(--font-size--body-s);
    justify-content: center;
    padding: calc(var(--spacing--s) + var(--spacing--xxs)) var(--spacing--xs);
    text-align: center;
    text-decoration: none
  }

  .elementor-trending_items_block_component__categoryLink:hover {
    border: 2px solid var(--color-ui--green-lighter)
  }

  .elementor-trending_items_block_component__categoryLink[data-selected=true] {
    border: 2px solid var(--color-ui--green-light);
    box-shadow: 2px 2px 5px var(--color-ui--grey-90);
    text-decoration: none
  }

  .elementor-trending_items_block_component__categoriesDropdown {
    display: none
  }
}

@media(min-width: 1152px) {
  .elementor-trending_items_block_component__header {
    margin-bottom: 48px
  }
}

.elementor-trending_items_block_component__itemsGridWrapper {
  overflow-x: auto
}

.elementor-trending_items_block_component__itemsGrid {
  display: inline-grid;
  grid-auto-columns: 320px;
  grid-auto-flow: column;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr))
}

.elementor-trending_items_block_component__cardWrapper {
  padding: var(--spacing--m)
}

@media(min-width: 640px) {
  .elementor-trending_items_block_component__itemsGridWrapper {
    overflow-x: unset
  }

  .elementor-trending_items_block_component__itemsGrid {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: row
  }
}

.elementor-trending_items_block_component__tabWrapper [data-active=false] {
  display: none
}

.elementor-trending_items_block_component__tabWrapper [data-active=true] {
  display: block
}

.elementor-trending_items_block_component__itemsCta {
  margin-top: var(--spacing--xl);
  text-align: center
}

.errors-internal_server_error_component__root {
  display: flex;
  justify-content: center;
  margin: var(--spacing--xl) 0
}

.errors-internal_server_error_component__errorWrapper {
  margin: var(--spacing--xl)
}

.errors-internal_server_error_component__header {
  margin-bottom: var(--spacing--m)
}

.errors-internal_server_error_component__image {
  display: none
}

@media(min-width: 640px) {
  .errors-internal_server_error_component__image {
    display: block
  }
}

.errors-not_found_component__root {
  background: var(--color-ui--grey-98);
  margin: var(--spacing--xl) auto;
  max-width: var(--container-width);
  padding: 0 var(--spacing--m);
  text-align: center
}

.errors-not_found_component__root a {
  color: var(--color-ui--blue-light);
  text-decoration: none
}

.errors-not_found_component__heading {
  color: var(--color-ui--grey-27);
  font-size: var(--font-size--h1);
  line-height: 1.2
}

.errors-not_found_component__heading,
.errors-not_found_component__subHeading {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: var(--spacing--m);
  padding: 0
}

.errors-not_found_component__subHeading {
  color: var(--color-ui--grey-40);
  font-size: var(--font-size--h5);
  font-weight: var(--font-weight--regular);
  line-height: 1.5
}

.errors-not_found_component__searchForm {
  margin: 0 auto;
  max-width: 650px;
  position: relative
}

.errors-not_found_component__searchInput {
  border: 1px solid #bababa;
  border-radius: 7px;
  color: gray;
  margin: var(--spacing--m) 0;
  outline: none;
  padding: 20px;
  width: 100%
}

.errors-not_found_component__searchButton {
  background: none;
  border: none;
  border-radius: 0 7px 7px 0;
  cursor: pointer;
  outline: none;
  padding: 14px var(--spacing--l);
  position: absolute;
  right: 1px;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color .2s
}

.errors-not_found_component__searchButton:hover {
  background: var(--color-ui--grey-96)
}

.errors-not_found_component__searchIcon {
  display: inline-block;
  fill: var(--color-ui--grey-60);
  height: 26px;
  width: 26px
}

.featured_items-index_content__root {
  background: var(--color-ui--grey-98)
}

.featured_items-index_content__currentlyFeatured {
  background: var(--color-ui--grey-95)
}

.featured_items-index_content__currentlyFeaturedWrapper {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: var(--container-width);
  padding: var(--spacing--m)
}

.featured_items-index_content__currentlyFeaturedItem {
  flex: 1 1
}

.featured_items-index_content__additionalFeatures {
  background: #fff
}

.featured_items-index_content__additionalFeaturesWrapper {
  margin: 0 auto;
  max-width: var(--container-width);
  padding: 0 var(--spacing--m)
}

.featured_items-index_content__additionalFeaturesHeading {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.featured_items-index_content__additionalFeaturesTitle {
  font-size: var(--font-size--h4);
  font-weight: var(--font-weight--regular);
  margin: var(--spacing--m) 0
}

@media(min-width: 640px) {
  .featured_items-index_content__additionalFeaturesTitle {
    margin: var(--spacing--l) 0
  }
}

.featured_items-index_content__usdNotice {
  color: var(--color-ui--grey-50);
  display: inline-block;
  font-size: var(--font-size--body-xs);
  margin: var(--spacing--s) 0;
  min-width: 120px
}

.home-category_tile_component__root {
  background: #ffffff80;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  padding: calc(var(--spacing--l)*2);
  padding-bottom: 40%;
  position: relative;
  transition: background .2s
}

.home-category_tile_component__root:hover {
  background: var(--color-ui--white);
  box-shadow: 0 0 10px 5px #dde5eb
}

.home-category_tile_component__tileDetail {
  color: var(--color-ui--grey-20);
  font-size: var(--font-size--body-m);
  margin-top: -12px;
  text-align: center
}

.home-category_tile_component__tileTitle {
  color: var(--color-ui--grey-20);
  font-size: var(--font-size--h2);
  font-weight: var(--font-weight--bold);
  text-decoration: none
}

.home-category_tile_component__tileTitle:hover {
  text-decoration: underline
}

.home-category_tile_component__tileSubtitle {
  margin: var(--spacing--s) 0 var(--spacing--xs)
}

.home-category_tile_component__tileLink {
  display: inline-block;
  position: relative;
  text-decoration: none
}

.home-category_tile_component__tileLink:after {
  content: "
  "
  ;
  height: 1px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translateY(1px);
  transition: all .15s cubic-bezier(.39, .575, .565, 1);
  transition-property: opacity, transform;
  width: 100%
}

.home-category_tile_component__tileLink:hover:after {
  opacity: 1;
  transform: translateY(-3px) translateZ(0);
  transition-delay: .2s;
  transition-duration: .15s
}

.home-category_tile_component__tileLink {
  color: var(--color-ui--blue-light);
  margin: 0 var(--spacing--s)
}

.home-category_tile_component__tileLink:after {
  background-color: var(--color-ui--blue-light)
}

.home-category_tile_component__tileIcon {
  border-radius: 50%;
  box-shadow: 0 0 0 4px var(--color-ui--white);
  height: 64px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  width: 64px
}

.home-category_tile_component__tileArt {
  align-items: center;
  align-self: center;
  bottom: -20%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: absolute;
  transition: bottom .2s;
  width: 100%
}

.home-category_tile_component__imageIconWrapper {
  bottom: 0;
  display: flex;
  justify-content: center;
  position: absolute
}

.home-category_tile_component__imageWrapper {
  display: flex;
  justify-content: center
}

.home-category_tile_component__tileImage {
  align-self: center;
  background: var(--color-ui--grey-90);
  border: 4px solid var(--color-ui--white);
  border-radius: 8px 8px 0 0;
  box-shadow: 0 20.83px 22.92px #00000057;
  height: auto;
  max-width: 80%;
  transition: border-color .2s;
  width: 500px
}

@media(min-width: 640px) {
  .home-category_tile_component__tileImage {
    width: 650px
  }
}

@media(min-width: 832px) {
  .home-category_tile_component__root {
    padding-bottom: 60%
  }

  .home-category_tile_component__tileArt {
    bottom: -20px
  }

  .home-category_tile_component__root:hover .home-category_tile_component__tileArt {
    bottom: -5px
  }
}

.home-category_tile_small_component__root {
  background: #ffffff80;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 var(--spacing--l) var(--spacing--l);
  position: relative;
  transition: background .2s
}

.home-category_tile_small_component__root:hover {
  background: var(--color-ui--white);
  box-shadow: 0 0 10px 5px #dde5eb
}

.home-category_tile_small_component__tileDetail {
  color: var(--color-ui--grey-20);
  font-size: var(--font-size--body-m);
  text-align: center
}

.home-category_tile_small_component__tileTitle {
  color: var(--color-ui--grey-20);
  font-size: var(--font-size--h2);
  font-weight: var(--font-weight--bold);
  text-decoration: none
}

.home-category_tile_small_component__tileTitle:hover {
  text-decoration: underline
}

.home-category_tile_small_component__tileSubtitle {
  margin: var(--spacing--s) 0 var(--spacing--xs)
}

.home-category_tile_small_component__tileLink {
  display: inline-block;
  position: relative;
  text-decoration: none
}

.home-category_tile_small_component__tileLink:after {
  content: "
  "
  ;
  height: 1px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translateY(1px);
  transition: all .15s cubic-bezier(.39, .575, .565, 1);
  transition-property: opacity, transform;
  width: 100%
}

.home-category_tile_small_component__tileLink:hover:after {
  opacity: 1;
  transform: translateY(-3px) translateZ(0);
  transition-delay: .2s;
  transition-duration: .15s
}

.home-category_tile_small_component__tileLink {
  color: var(--color-ui--blue-light);
  margin: 0 var(--spacing--s)
}

.home-category_tile_small_component__tileLink:after {
  background-color: var(--color-ui--blue-light)
}

.home-category_tile_small_component__tileIcon {
  border-radius: 50%;
  box-shadow: 0 0 0 4px var(--color-ui--white);
  height: 64px;
  margin: 0 auto;
  transform: translateY(-50%);
  width: 64px
}

.home-category_tile_small_component__textWrapper {
  margin-top: -12px
}

.home-category_tiles_block_component__root {
  margin: 0 auto;
  max-width: var(--container-width);
  padding: calc(var(--spacing--xl)*2) 0
}

.home-category_tiles_block_component__wrapper {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: var(--container-width);
  padding-left: 10px;
  padding-right: 10px
}

.home-category_tiles_block_component__smallTiles,
.home-category_tiles_block_component__tiles {
  display: grid;
  gap: var(--spacing--xl);
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr))
}

.home-category_tiles_block_component__smallTiles {
  gap: calc(var(--spacing--xl)*2) var(--spacing--xl)
}

.home-category_tiles_block_component__cta {
  align-self: center;
  margin-top: calc(var(--spacing--xl)*2)
}

.home-elements_audio_player_component__root {
  background-color: var(--color-grey-25);
  cursor: grab;
  height: 36px;
  position: relative;
  width: 100%
}

.home-elements_audio_player_component__root:active {
  cursor: grabbing
}

.home-elements_audio_player_component__timeContainer {
  visibility: hidden
}

.home-elements_audio_player_component__button {
  background-color: var(--color-surface-elevated);
  border: none;
  border-radius: var(--roundness-circle);
  cursor: pointer;
  height: var(--button-height-large);
  position: absolute;
  right: var(--spacing-2x);
  top: calc(100% + var(--spacing-2x));
  width: var(--button-height-large)
}

.home-elements_audio_player_component__button svg {
  color: var(--color-surface-primary);
  height: var(--icon-size-2x);
  position: absolute;
  right: calc(50% - var(--icon-size-2x)/2);
  top: calc(50% - var(--icon-size-2x)/2);
  width: var(--icon-size-2x)
}

.home-elements_audio_player_component__button.home-elements_audio_player_component__playBtn svg {
  right: calc(50% - var(--icon-size-2x)/2 - 3px)
}

.home-elements_audio_player_component__button.home-elements_audio_player_component__pauseBtn svg {
  height: 20px;
  right: calc(50% - 10px);
  top: calc(50% - 10px);
  width: 20px
}

.home-elements_campaign_items_block_component__lowerButton {
  display: flex;
  margin: var(--spacing-4x)
}

.home-elements_campaign_items_block_component__lowerButton a {
  margin: auto
}

.home-elements_campaign_items_block_component__root {
  background-color: var(--color-surface-brand-accent)
}

.home-elements_campaign_items_block_component__root .home-elements_campaign_items_block_component__wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2x);
  margin: 0 auto;
  max-width: var(--container-width);
  padding: var(--spacing-5x) var(--spacing-3x)
}

.home-elements_campaign_items_block_component__root .home-elements_campaign_items_block_component__wrapper .home-elements_campaign_items_block_component__textArea {
  align-items: center;
  color: var(--color-content-primary);
  display: flex;
  flex-direction: column-reverse;
  gap: var(--spacing-5x)
}

.home-elements_campaign_items_block_component__root .home-elements_campaign_items_block_component__wrapper .home-elements_campaign_items_block_component__textArea .home-elements_campaign_items_block_component__heading {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4x)
}

.home-elements_campaign_items_block_component__root .home-elements_campaign_items_block_component__wrapper .home-elements_campaign_items_block_component__textArea .home-elements_campaign_items_block_component__heading .home-elements_campaign_items_block_component__title .home-elements_campaign_items_block_component__accent {
  color: var(--color-content-brand-accent)
}

.home-elements_campaign_items_block_component__root .home-elements_campaign_items_block_component__wrapper .home-elements_campaign_items_block_component__textArea .home-elements_campaign_items_block_component__heading .home-elements_campaign_items_block_component__subtitle {
  font-size: var(--text-style-body-large-size);
  text-align: center;
  width: 100%
}

.home-elements_campaign_items_block_component__root .home-elements_campaign_items_block_component__wrapper .home-elements_campaign_items_block_component__textArea .home-elements_campaign_items_block_component__heading .home-elements_campaign_items_block_component__subtitle a {
  color: var(--color-content-brand-accent);
  display: inline-block;
  position: relative;
  text-decoration: none
}

.home-elements_campaign_items_block_component__root .home-elements_campaign_items_block_component__wrapper .home-elements_campaign_items_block_component__textArea .home-elements_campaign_items_block_component__heading .home-elements_campaign_items_block_component__subtitle a:after {
  content: "
  "
  ;
  height: 1px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translateY(1px);
  transition: all .15s cubic-bezier(.39, .575, .565, 1);
  transition-property: opacity, transform;
  width: 100%
}

.home-elements_campaign_items_block_component__root .home-elements_campaign_items_block_component__wrapper .home-elements_campaign_items_block_component__textArea .home-elements_campaign_items_block_component__heading .home-elements_campaign_items_block_component__subtitle a:hover:after {
  opacity: 1;
  transform: translateY(-3px) translateZ(0);
  transition-delay: .2s;
  transition-duration: .15s
}

.home-elements_campaign_items_block_component__root .home-elements_campaign_items_block_component__wrapper .home-elements_campaign_items_block_component__textArea .home-elements_campaign_items_block_component__heading .home-elements_campaign_items_block_component__subtitle a:after {
  background-color: var(--color-content-brand-accent)
}

.home-elements_campaign_items_block_component__root .home-elements_campaign_items_block_component__wrapper .home-elements_campaign_items_block_component__textArea .home-elements_campaign_items_block_component__logo {
  margin-bottom: var(--spacing-4x);
  width: 100%
}

.home-elements_campaign_items_block_component__root .home-elements_campaign_items_block_component__leftButton {
  display: none
}

.home-elements_campaign_items_block_component__root .home-elements_campaign_items_block_component__itemsGrid {
  width: 100%
}

.home-elements_campaign_items_block_component__root .home-elements_campaign_items_block_component__items {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--spacing-2x);
  overflow-x: auto;
  padding-bottom: var(--spacing-4x);
  width: 100%
}

.home-elements_campaign_items_block_component__root .home-elements_campaign_items_block_component__items.home-elements_campaign_items_block_component__audioGrid {
  padding-bottom: var(--spacing-3x)
}

.home-elements_campaign_items_block_component__root .home-elements_campaign_items_block_component__items .home-elements_campaign_items_block_component__item {
  height: auto;
  min-width: 300px;
  width: 100%
}

@media(min-width: 832px) {
  .home-elements_campaign_items_block_component__root .home-elements_campaign_items_block_component__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-bottom: 0
  }

  .home-elements_campaign_items_block_component__root .home-elements_campaign_items_block_component__items .home-elements_campaign_items_block_component__item {
    min-width: 100%
  }
}

@media(min-width: 1152px) {
  .home-elements_campaign_items_block_component__root .home-elements_campaign_items_block_component__wrapper {
    flex-direction: row;
    gap: var(--spacing-7x);
    padding: var(--spacing-7x) var(--spacing-6x)
  }

  .home-elements_campaign_items_block_component__root .home-elements_campaign_items_block_component__wrapper .home-elements_campaign_items_block_component__textArea {
    align-items: flex-start;
    flex-direction: column;
    max-width: 400px;
    padding: 0
  }

  .home-elements_campaign_items_block_component__root .home-elements_campaign_items_block_component__wrapper .home-elements_campaign_items_block_component__textArea .home-elements_campaign_items_block_component__logo {
    margin-bottom: 0;
    max-width: 300px;
    width: unset
  }

  .home-elements_campaign_items_block_component__root .home-elements_campaign_items_block_component__wrapper .home-elements_campaign_items_block_component__textArea .home-elements_campaign_items_block_component__heading {
    align-items: flex-start;
    width: 400px
  }

  .home-elements_campaign_items_block_component__root .home-elements_campaign_items_block_component__wrapper .home-elements_campaign_items_block_component__textArea .home-elements_campaign_items_block_component__heading .home-elements_campaign_items_block_component__subtitle,
  .home-elements_campaign_items_block_component__root .home-elements_campaign_items_block_component__wrapper .home-elements_campaign_items_block_component__textArea .home-elements_campaign_items_block_component__heading .home-elements_campaign_items_block_component__title {
    text-align: left
  }

  .home-elements_campaign_items_block_component__root .home-elements_campaign_items_block_component__items {
    grid-template-columns: repeat(3, 1fr)
  }

  .home-elements_campaign_items_block_component__root .home-elements_campaign_items_block_component__items.home-elements_campaign_items_block_component__audioGrid {
    grid-template-columns: repeat(2, 1fr)
  }

  .home-elements_campaign_items_block_component__root .home-elements_campaign_items_block_component__leftButton {
    display: inline-block
  }

  .home-elements_campaign_items_block_component__root .home-elements_campaign_items_block_component__lowerButton {
    display: none
  }
}

.home-elements_items_block_component__lowerButton {
  display: flex;
  margin: var(--spacing-4x)
}

.home-elements_items_block_component__lowerButton a {
  margin: auto
}

.home-elements_items_block_component__root {
  background-color: var(--color-surface-brand-accent)
}

.home-elements_items_block_component__root .home-elements_items_block_component__wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2x);
  margin: 0 auto;
  max-width: var(--container-width);
  padding: var(--spacing-5x) var(--spacing-3x)
}

.home-elements_items_block_component__root .home-elements_items_block_component__wrapper .home-elements_items_block_component__textArea {
  align-items: center;
  color: var(--color-content-primary);
  display: flex;
  flex-direction: column-reverse;
  gap: var(--spacing-5x)
}

.home-elements_items_block_component__root .home-elements_items_block_component__wrapper .home-elements_items_block_component__textArea .home-elements_items_block_component__heading {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4x)
}

.home-elements_items_block_component__root .home-elements_items_block_component__wrapper .home-elements_items_block_component__textArea .home-elements_items_block_component__heading .home-elements_items_block_component__title {
  font-weight: var(--font-weight-median);
  text-align: center
}

.home-elements_items_block_component__root .home-elements_items_block_component__wrapper .home-elements_items_block_component__textArea .home-elements_items_block_component__heading .home-elements_items_block_component__subtitle {
  font-size: var(--text-style-body-large-size);
  text-align: center;
  width: 100%
}

.home-elements_items_block_component__root .home-elements_items_block_component__wrapper .home-elements_items_block_component__textArea .home-elements_items_block_component__heading .home-elements_items_block_component__subtitle a {
  color: var(--color-content-brand-accent);
  display: inline-block;
  font-weight: var(--font-weight--bold);
  position: relative;
  text-decoration: none
}

.home-elements_items_block_component__root .home-elements_items_block_component__wrapper .home-elements_items_block_component__textArea .home-elements_items_block_component__heading .home-elements_items_block_component__subtitle a:after {
  content: "
  "
  ;
  height: 1px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translateY(1px);
  transition: all .15s cubic-bezier(.39, .575, .565, 1);
  transition-property: opacity, transform;
  width: 100%
}

.home-elements_items_block_component__root .home-elements_items_block_component__wrapper .home-elements_items_block_component__textArea .home-elements_items_block_component__heading .home-elements_items_block_component__subtitle a:hover:after {
  opacity: 1;
  transform: translateY(-3px) translateZ(0);
  transition-delay: .2s;
  transition-duration: .15s
}

.home-elements_items_block_component__root .home-elements_items_block_component__wrapper .home-elements_items_block_component__textArea .home-elements_items_block_component__heading .home-elements_items_block_component__subtitle a:after {
  background-color: var(--color-content-brand-accent)
}

.home-elements_items_block_component__root .home-elements_items_block_component__wrapper .home-elements_items_block_component__textArea .home-elements_items_block_component__logo {
  margin-bottom: var(--spacing-4x);
  width: 100%
}

.home-elements_items_block_component__root .home-elements_items_block_component__leftButton {
  display: none
}

.home-elements_items_block_component__root .home-elements_items_block_component__itemsGrid {
  width: 100%
}

.home-elements_items_block_component__root .home-elements_items_block_component__items {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--spacing-2x);
  overflow-x: auto;
  padding-bottom: var(--spacing-4x);
  width: 100%
}

.home-elements_items_block_component__root .home-elements_items_block_component__items.home-elements_items_block_component__audioGrid {
  padding-bottom: var(--spacing-3x)
}

.home-elements_items_block_component__root .home-elements_items_block_component__items .home-elements_items_block_component__item {
  height: auto;
  min-width: 300px;
  width: 100%
}

@media(min-width: 832px) {
  .home-elements_items_block_component__root .home-elements_items_block_component__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-bottom: 0
  }

  .home-elements_items_block_component__root .home-elements_items_block_component__items .home-elements_items_block_component__item {
    min-width: 100%
  }
}

@media(min-width: 1152px) {
  .home-elements_items_block_component__root .home-elements_items_block_component__wrapper {
    flex-direction: row;
    gap: var(--spacing-7x);
    padding: var(--spacing-7x) var(--spacing-6x)
  }

  .home-elements_items_block_component__root .home-elements_items_block_component__wrapper .home-elements_items_block_component__textArea {
    align-items: flex-start;
    flex-direction: column;
    max-width: 400px;
    padding: 0
  }

  .home-elements_items_block_component__root .home-elements_items_block_component__wrapper .home-elements_items_block_component__textArea .home-elements_items_block_component__logo {
    margin-bottom: 0;
    max-width: 300px;
    width: unset
  }

  .home-elements_items_block_component__root .home-elements_items_block_component__wrapper .home-elements_items_block_component__textArea .home-elements_items_block_component__heading {
    align-items: flex-start;
    width: 400px
  }

  .home-elements_items_block_component__root .home-elements_items_block_component__wrapper .home-elements_items_block_component__textArea .home-elements_items_block_component__heading .home-elements_items_block_component__subtitle,
  .home-elements_items_block_component__root .home-elements_items_block_component__wrapper .home-elements_items_block_component__textArea .home-elements_items_block_component__heading .home-elements_items_block_component__title {
    text-align: left
  }

  .home-elements_items_block_component__root .home-elements_items_block_component__items {
    grid-template-columns: repeat(3, 1fr)
  }

  .home-elements_items_block_component__root .home-elements_items_block_component__items.home-elements_items_block_component__audioGrid {
    grid-template-columns: repeat(2, 1fr)
  }

  .home-elements_items_block_component__root .home-elements_items_block_component__leftButton {
    display: inline-block
  }

  .home-elements_items_block_component__root .home-elements_items_block_component__lowerButton {
    display: none
  }
}

.home-elements_style_audio_item_card_component__root {
  background-color: var(--color-surface-primary);
  border-radius: var(--roundness-extra-round);
  color: var(--color-content-primary);
  text-decoration: none
}

.home-elements_style_audio_item_card_component__cardWrapper {
  border-radius: var(--roundness-extra-round);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative
}

.home-elements_style_audio_item_card_component__audioPlaceholder {
  align-items: center;
  background-color: var(--color-grey-25);
  display: flex;
  justify-content: space-between;
  min-height: 100px;
  position: relative
}

.home-elements_style_audio_item_card_component__audioPlaceholder .home-elements_style_audio_item_card_component__playerArea {
  width: 100%
}

.home-elements_style_audio_item_card_component__details {
  align-items: flex-start;
  color: var(--color-content-primary);
  display: flex;
  flex-direction: column;
  font-size: var(--text-style-body-large-size);
  gap: var(--spacing-2x);
  justify-content: space-between;
  padding: var(--spacing-3x);
  text-decoration: none;
  width: calc(100% - var(--button-height-large))
}

.home-elements_style_audio_item_card_component__details .home-elements_style_audio_item_card_component__heading {
  display: flex;
  gap: var(--spacing-1x);
  justify-content: space-between;
  width: 100%
}

.home-elements_style_audio_item_card_component__details .home-elements_style_audio_item_card_component__heading .home-elements_style_audio_item_card_component__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.home-elements_style_audio_item_card_component__details .home-elements_style_audio_item_card_component__cta {
  border: 1px solid var(--color-border-tertiary);
  border-radius: var(--roundness-subtle);
  display: inline-block;
  padding: var(--spacing-2x) var(--spacing-3x)
}

.home-elements_style_item_card_component__root {
  text-decoration: none
}

.home-elements_style_item_card_component__root .home-elements_style_item_card_component__preview {
  color: var(--color-white);
  font-size: var(--text-style-chip-medium-size);
  overflow: hidden;
  position: relative
}

.home-elements_style_item_card_component__root .home-elements_style_item_card_component__preview .home-elements_style_item_card_component__nameWrapper {
  background: var(--color-overlay-dark);
  border-radius: var(--roundness-subtle);
  display: inline;
  left: var(--spacing-2x);
  max-width: calc(100% - var(--spacing-3x));
  opacity: 0;
  overflow: hidden;
  position: absolute;
  right: var(--spacing-2x);
  text-overflow: ellipsis;
  top: var(--spacing-2x);
  white-space: nowrap;
  width: max-content
}

.home-elements_style_item_card_component__root .home-elements_style_item_card_component__preview .home-elements_style_item_card_component__nameWrapper .home-elements_style_item_card_component__name {
  padding: var(--spacing-1x)
}

.home-elements_style_item_card_component__root .home-elements_style_item_card_component__preview .home-elements_style_item_card_component__buttonWrapper {
  background: var(--color-overlay-dark);
  border-radius: var(--roundness-subtle);
  bottom: var(--spacing-2x);
  opacity: 0;
  position: absolute;
  right: var(--spacing-2x)
}

.home-elements_style_item_card_component__root .home-elements_style_item_card_component__preview .home-elements_style_item_card_component__buttonWrapper .home-elements_style_item_card_component__ctaButton {
  align-items: center;
  display: flex;
  gap: var(--spacing-2x);
  padding: var(--spacing-2x) var(--spacing-4x)
}

.home-elements_style_item_card_component__root .home-elements_style_item_card_component__preview .home-elements_style_item_card_component__buttonWrapper .home-elements_style_item_card_component__ctaIcon {
  height: var(--icon-size-1x);
  width: var(--icon-size-1x)
}

.home-elements_style_item_card_component__root .home-elements_style_item_card_component__preview .home-elements_style_item_card_component__buttonWrapper .home-elements_style_item_card_component__ctaIcon svg {
  stroke: var(--color-white)
}

@media(hover: none) {

  .home-elements_style_item_card_component__root .home-elements_style_item_card_component__preview .home-elements_style_item_card_component__buttonWrapper,
  .home-elements_style_item_card_component__root .home-elements_style_item_card_component__preview .home-elements_style_item_card_component__nameWrapper {
    opacity: 1
  }
}

.home-elements_style_item_card_component__root:focus .home-elements_style_item_card_component__buttonWrapper,
.home-elements_style_item_card_component__root:focus .home-elements_style_item_card_component__nameWrapper,
.home-elements_style_item_card_component__root:hover .home-elements_style_item_card_component__buttonWrapper,
.home-elements_style_item_card_component__root:hover .home-elements_style_item_card_component__nameWrapper {
  opacity: 1
}

.home-featured_author_block_component__root {
  padding: var(--spacing--xl) 0
}

.home-featured_author_block_component__wrapper {
  background: #fffc;
  display: flex;
  flex-direction: column;
  margin: var(--spacing--xl) auto calc(var(--spacing--xl)*2);
  max-width: var(--container-width);
  padding: 10px var(--spacing--m) var(--spacing--xl) var(--spacing--m)
}

.home-featured_author_block_component__cardWrapper {
  margin: var(--spacing--s)
}

.home-featured_author_block_component__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 var(--spacing--m)
}

@supports(display: grid) {
  .home-featured_author_block_component__grid {
    display: grid;
    gap: var(--spacing--m) var(--spacing--xl);
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr))
  }
}

.home-featured_author_block_component__gridItem {
  flex: 1 0 320px;
  min-width: 0
}

.home-featured_author_block_component__textArea {
  padding: var(--spacing--m)
}

.home-featured_author_block_component__textAreaInner {
  border-radius: var(--spacing--s);
  display: flex;
  flex-direction: column
}

.home-featured_author_block_component__author {
  display: flex;
  flex-shrink: 0
}

.home-featured_author_block_component__authorImage {
  align-self: start;
  height: 80px;
  margin-bottom: var(--spacing--m);
  margin-right: var(--spacing--m);
  width: 80px
}

.home-featured_author_block_component__authorDetail {
  color: var(--color-ui--grey-40)
}

.home-featured_author_block_component__authorTitle {
  color: var(--color-ui--grey-20);
  font-size: var(--font-size--h4);
  font-weight: 400
}

.home-featured_author_block_component__title {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--color-ui--grey-20);
  font-size: var(--font-size--h2);
  font-weight: var(--font-weight--regular);
  line-height: var(--line-height--heading);
  padding-bottom: var(--spacing--s)
}

.home-featured_author_block_component__subtitle {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--color-ui--grey-40);
  font-size: var(--font-size--body-l);
  line-height: var(--line-height--regular);
  margin: 0;
  padding-top: var(--spacing--s)
}

.home-featured_author_block_component__leftButton,
.home-featured_author_block_component__lowerButton {
  border-radius: 5px;
  font-size: var(--font-size--body-m);
  margin: auto;
  padding: 10px var(--spacing--l);
  text-align: center;
  text-decoration: none
}

.home-featured_author_block_component__leftButton {
  display: none;
  margin-top: 10px;
  padding: 0
}

.home-featured_author_block_component__lowerButton {
  align-self: center;
  margin: var(--spacing--s)
}

@media(min-width: 960px) {
  .home-featured_author_block_component__grid {
    grid-template-columns: repeat(3, minmax(280px, 1fr))
  }

  .home-featured_author_block_component__wrapper {
    flex-direction: row
  }

  .home-featured_author_block_component__title {
    padding-top: calc(var(--spacing--m) + var(--spacing--l))
  }

  .home-featured_author_block_component__textArea {
    border-radius: var(--spacing--s);
    grid-column: 1/-1;
    margin: 0 0 var(--spacing--m) 0;
    padding: 0
  }

  .home-featured_author_block_component__author {
    flex-direction: row;
    margin-right: calc(var(--spacing--xl)*2)
  }

  .home-featured_author_block_component__authorImage {
    align-self: center;
    margin-bottom: 0
  }

  .home-featured_author_block_component__textAreaInner {
    flex-direction: row;
    padding: var(--spacing--l) var(--spacing--m) var(--spacing--m) 0;
    text-align: left
  }

  .home-featured_author_block_component__leftButton {
    display: inline-block
  }

  .home-featured_author_block_component__lowerButton {
    display: none
  }
}

@media(min-width: 1408px) {
  .home-featured_author_block_component__wrapper {
    border-radius: 8px
  }
}

.home-heading_component__root {
  margin-bottom: var(--spacing--xl)
}

.home-heading_component__heading {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--color-ui--grey-20);
  font-family: var(--font-family--apple-system);
  font-size: var(--font-size--h5);
  font-weight: var(--font-weight--bold);
  line-height: var(--line-height--heading);
  text-align: center
}

.home-heading_component__subheading {
  font-family: var(--font-family--apple-system);
  font-size: var(--font-size--h6);
  font-weight: var(--font-weight--regular);
  margin-top: var(--spacing--s)
}

@media(min-width: 832px) {
  .home-heading_component__subheading {
    font-size: var(--font-size--h6)
  }
}

@media(min-width: 960px) {
  .home-heading_component__root {
    margin-bottom: calc(var(--spacing--xl) + var(--spacing--m))
  }

  .home-heading_component__heading {
    text-align: left
  }

  .home-heading_component__heading.home-heading_component__large {
    font-size: 40px
  }

  .home-heading_component__heading.home-heading_component__small {
    font-size: 32px
  }
}

.home-hero_component__root {
  background-color: var(--color-ui--blue-anaemic);
  background-image: linear-gradient(180deg, #ffffff80, #fff0);
  padding: var(--spacing--xl) 0;
  position: relative
}

.home-hero_component__wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  max-width: var(--container-width);
  padding: 0 26px;
  position: relative
}

.home-hero_component__headerWrapper {
  position: relative
}

.home-hero_component__autosuggestWrapper,
.home-hero_component__imageWrapper {
  flex-basis: 0;
  flex-grow: 1
}

.home-hero_component__imageWrapper {
  margin-top: var(--spacing--xl);
  position: relative;
  text-align: center
}

.home-hero_component__audiojungle .home-hero_component__imageWrapper {
  display: none;
  margin: calc(var(--spacing--xxl)*-1) 0 calc(var(--spacing--xl)*-2)
}

@media(min-width: 832px) {
  .home-hero_component__imageWrapper {
    margin-top: calc(var(--spacing--xl)*2)
  }
}

@media(min-width: 960px) {
  .home-hero_component__wrapper {
    flex-direction: row
  }

  .home-hero_component__imageWrapper {
    margin-bottom: var(--spacing--xl);
    margin-top: 0
  }

  .home-hero_component__audiojungle .home-hero_component__imageWrapper {
    display: block
  }

  .home-hero_component__autosuggestWrapper {
    margin-right: calc(var(--spacing--xl)*2)
  }
}

@media(min-width: 1408px) {
  .home-hero_component__root {
    padding: calc(var(--spacing--xl)*2) 0
  }
}

.home-hero_image_component__image {
  height: 100%;
  width: 100%
}

.home-hero_image_component__audiojungle.home-hero_image_component__image {
  max-height: 447px;
  max-width: 456px
}

.home-items_showcase_block_component__root {
  padding-bottom: calc(var(--spacing--xl)*2);
  padding-top: calc(var(--spacing--xl)*2)
}

.home-items_showcase_block_component__wrapper {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: var(--container-width);
  padding-left: 10px;
  padding-right: 10px
}

.home-items_showcase_block_component__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

@supports(display: grid) {
  .home-items_showcase_block_component__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr))
  }
}

.home-items_showcase_block_component__gridItem {
  flex: 1 0 320px;
  min-width: 0
}

.home-items_showcase_block_component__textArea {
  grid-column: 1/-1;
  position: relative
}

.home-items_showcase_block_component__textAreaInner {
  align-items: center;
  border-radius: var(--spacing--s);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: var(--spacing--m);
  position: relative;
  text-align: center
}

.home-items_showcase_block_component__title {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--color-ui--grey-20);
  font-size: var(--font-size--h2);
  font-weight: var(--font-weight--regular);
  line-height: var(--line-height--heading)
}

.home-items_showcase_block_component__subtitle {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--color-ui--grey-40);
  font-size: var(--font-size--body-l);
  line-height: var(--line-height--regular);
  padding: var(--spacing--m) 0
}

.home-items_showcase_block_component__cardWrapper {
  height: 100%;
  padding: var(--spacing--m)
}

.home-items_showcase_block_component__leftButton,
.home-items_showcase_block_component__lowerButton {
  position: relative
}

.home-items_showcase_block_component__leftButton {
  display: none;
  margin: var(--spacing--m) auto 0 0
}

.home-items_showcase_block_component__lowerButton {
  align-self: center;
  margin: var(--spacing--l)
}

@media(min-width: 960px) {
  .home-items_showcase_block_component__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(310px, 1fr))
  }

  .home-items_showcase_block_component__wrapper {
    flex-direction: row
  }

  .home-items_showcase_block_component__textArea {
    border-radius: var(--spacing--s);
    grid-column: auto;
    grid-row: span 2;
    margin: var(--spacing--m)
  }

  .home-items_showcase_block_component__textArea:before {
    border: 1px dashed var(--color-ui--green-light);
    border-radius: 8px;
    content: "
    "
    ;
    height: 100%;
    left: 12px;
    position: absolute;
    top: 12px;
    width: 100%
  }

  .home-items_showcase_block_component__textAreaInner {
    background: #fffc;
    border-radius: var(--spacing--s);
    padding: calc(var(--spacing--xl)*2);
    text-align: left
  }

  .home-items_showcase_block_component__leftButton {
    display: inline-block
  }

  .home-items_showcase_block_component__lowerButton {
    display: none
  }
}

@media(min-width: 1408px) {
  .home-items_showcase_block_component__evenGrid {
    grid-template-columns: repeat(4, minmax(320px, 1fr))
  }

  .home-items_showcase_block_component__evenGrid .home-items_showcase_block_component__textArea {
    grid-column: span 2
  }
}

.home-marketing_campaign_image_component__image {
  width: 100%
}

.home-minimal_cards-audio_card_component__root {
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: var(--color-ui--white);
  box-shadow: var(--color-ui--grey-80) 0 0 var(--spacing--m)
}

.home-minimal_cards-audio_card_component__audioPlayer {
  padding: var(--spacing--xl) var(--spacing--m)
}

.home-minimal_cards-image_card_component__root {
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.home-minimal_cards-image_card_component__info {
  width: 100%
}

.shared-item_cards-price_component__root span {
  text-transform: uppercase;
}

@media(min-width: 1152px) {
  .home-minimal_cards-image_card_component__info {
    bottom: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .5s;
    visibility: hidden
  }

  .home-minimal_cards-image_card_component__root:hover .home-minimal_cards-image_card_component__info {
    opacity: 1;
    visibility: visible
  }
}

.home-minimal_cards-info_component__root {
  background-color: var(--color-ui--white);
  display: grid;
  gap: 2px;
  grid-template-columns: 1fr 1fr;
  padding: var(--spacing--s);
  width: 100%
}

.home-minimal_cards-info_component__linkArea {
  grid-column: span 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.home-minimal_cards-info_component__itemLink {
  color: var(--color-ui--grey-30);
  display: inline;
  font-size: var(--font-size--body-s)
}

.home-minimal_cards-info_component__itemLink:hover:after {
  background-color: var(--color-ui--grey-30);
  top: calc(100% + 2px)
}

.home-minimal_cards-info_component__link {
  font-weight: var(--font-weight--bold);
  text-decoration: none
}

.home-minimal_cards-info_component__link:hover {
  text-decoration: underline
}

.home-minimal_cards-info_component__author {
  color: var(--color-ui--grey-60);
  font-size: var(--font-size--body-xs);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.home-minimal_cards-info_component__authorLink {
  color: var(--color-ui--grey-60)
}

.home-minimal_cards-info_component__authorLink:after {
  background-color: var(--color-ui--grey-60)
}

.home-minimal_cards-info_component__rating {
  justify-self: end
}

.home-newest_items_block_component__root {
  padding-bottom: calc(var(--spacing--xl)*3);
  padding-top: calc(var(--spacing--xl)*2)
}

.home-newest_items_block_component__root[data-loading=true] .home-newest_items_block_component__loadingCover {
  background-color: var(--color-ui--white);
  cursor: progress;
  display: block;
  height: 100%;
  opacity: .6;
  position: absolute;
  top: 0;
  width: 100%
}

.home-newest_items_block_component__wrapper {
  margin: 0 auto;
  max-width: var(--container-width)
}

.home-newest_items_block_component__header {
  margin: 0 auto;
  margin-bottom: var(--spacing--m);
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0 26px
}

.home-newest_items_block_component__footer {
  margin-top: var(--spacing--xl);
  text-align: center
}

.home-newest_items_block_component__title {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--color-ui--grey-20);
  font-size: var(--font-size--h2);
  font-weight: var(--font-weight--regular);
  line-height: var(--line-height--heading);
  margin-bottom: var(--spacing--l)
}

.home-newest_items_block_component__subtitle {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--color-ui--grey-40);
  font-size: var(--font-size--body-l);
  line-height: var(--line-height--regular)
}

.home-newest_items_block_component__itemsGridWrapper {
  overflow-x: auto
}

.home-newest_items_block_component__categoriesNav {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: none
}

.home-newest_items_block_component__categoryLink {
  align-items: center;
  background-color: var(--color-ui--white);
  border: 2px solid #0000;
  border-radius: 4px;
  color: var(--color-ui--grey-20);
  cursor: pointer;
  display: flex;
  font-family: sans-serif;
  font-size: var(--font-size--body-s);
  justify-content: center;
  padding: calc(var(--spacing--s) + var(--spacing--xxs)) var(--spacing--xs);
  text-align: center;
  text-decoration: none
}

.home-newest_items_block_component__categoryLink:hover {
  border: 2px solid var(--color-ui--green-lighter)
}

.home-newest_items_block_component__categoryLink[data-selected=true] {
  border: 2px solid var(--color-ui--green-light);
  box-shadow: 2px 2px 5px var(--color-ui--grey-90);
  text-decoration: none
}

.home-newest_items_block_component__dropdownArea {
  margin: 0 26px;
  position: relative;
  text-align: center
}

.home-newest_items_block_component__dropdown {
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid var(--color-ui--grey-90);
  cursor: pointer;
  font-family: var(--font-family--apple-system);
  font-size: var(--font-size--body-s);
  padding: var(--spacing--s) var(--spacing--m)
}

.home-newest_items_block_component__dropdown::-ms-expand {
  display: none
}

.home-newest_items_block_component__dropdown:focus {
  outline: none
}

.home-newest_items_block_component__dropdown {
  background-color: var(--color-ui--white);
  border: 2px solid var(--color-ui--green-light);
  border-radius: 2px;
  color: var(--color-ui--grey-40);
  display: block;
  padding: var(--spacing--s);
  width: 100%
}

.home-newest_items_block_component__chevronIcon {
  fill: var(--color-ui--grey-40);
  height: 14px;
  pointer-events: none;
  position: absolute;
  right: var(--spacing--m);
  top: calc(50% - 7px);
  width: 22px
}

@media(min-width: 640px) {
  .home-newest_items_block_component__wrapper {
    padding: 0 10px
  }

  .home-newest_items_block_component__itemsGridWrapper {
    overflow-x: unset
  }

  .home-newest_items_block_component__categoriesNav {
    display: grid;
    gap: var(--spacing--m);
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    margin: var(--spacing--m)
  }

  .home-newest_items_block_component__dropdownArea {
    display: none
  }
}

@media(min-width: 1152px) {
  .home-newest_items_block_component__header {
    margin-bottom: 48px
  }

  .home-newest_items_block_component__categoriesNav {
    grid-template-columns: repeat(7, 1fr)
  }
}

.home-newest_items_grid_component__root {
  display: inline-grid;
  grid-auto-columns: 320px;
  grid-auto-flow: column;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr))
}

.home-newest_items_grid_component__cardWrapper {
  padding: var(--spacing--m)
}

@media(min-width: 640px) {
  .home-newest_items_grid_component__root {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: row
  }
}

.home-quality_items_block_component__root {
  display: flex;
  flex-direction: column;
  padding: var(--spacing--xl) 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative
}

.home-quality_items_block_component__desktopHeader {
  display: none;
  text-align: left
}

.home-quality_items_block_component__mobileHeader {
  margin: 0 var(--spacing--l) var(--spacing--m) var(--spacing--l);
  text-align: center
}

.home-quality_items_block_component__title {
  color: var(--color-ui--grey-20);
  font-size: var(--spacing--xl);
  font-weight: var(--font-weight--regular);
  line-height: var(--line-height--heading);
  margin-bottom: var(--spacing--m)
}

.home-quality_items_block_component__slide {
  position: relative
}

.home-quality_items_block_component__slide.home-quality_items_block_component__hideSlideOnMobile {
  display: none
}

.home-quality_items_block_component__slideInner {
  height: 100%;
  padding: var(--spacing--l);
  position: relative
}

.home-quality_items_block_component__textContent {
  padding: var(--spacing--l);
  padding-top: 0;
  position: relative
}

.home-quality_items_block_component__itemsGrid {
  display: grid;
  gap: var(--spacing--l);
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))
}

.home-quality_items_block_component__footer {
  margin-top: var(--spacing--m);
  text-align: center
}

@media(min-width: 640px) {
  .home-quality_items_block_component__itemsGrid {
    grid-template-columns: repeat(2, minmax(100px, 1fr))
  }
}

@media(min-width: 1152px) {
  .home-quality_items_block_component__root {
    flex-direction: row;
    padding-bottom: calc(var(--spacing--xl)*3);
    padding-top: calc(var(--spacing--xl)*2)
  }

  .home-quality_items_block_component__desktopHeader {
    display: block
  }

  .home-quality_items_block_component__desktopHeader.home-quality_items_block_component__headerAlignRight {
    text-align: right
  }

  .home-quality_items_block_component__title {
    margin-right: 30%
  }

  .home-quality_items_block_component__desktopHeader.home-quality_items_block_component__headerAlignRight .home-quality_items_block_component__title {
    margin-left: 20%;
    margin-right: 0;
    min-height: 60px
  }

  .home-quality_items_block_component__mobileHeader {
    display: none
  }

  .home-quality_items_block_component__slide {
    display: block;
    margin-right: var(--spacing--l);
    width: 50%
  }

  .home-quality_items_block_component__slide.home-quality_items_block_component__hideSlideOnMobile {
    display: block
  }

  .home-quality_items_block_component__slide:before {
    border: 1px dashed var(--color-ui--green-light);
    border-radius: 0 8px 8px 0;
    content: "
    "
    ;
    height: 100%;
    position: absolute;
    right: -12px;
    top: 12px;
    width: 120%
  }

  .home-quality_items_block_component__slideInner {
    background: #fffc;
    border-radius: 0 8px 8px 0;
    display: flex;
    justify-content: flex-end
  }

  .home-quality_items_block_component__itemsGrid {
    width: 660px
  }

  .home-quality_items_block_component__textContent {
    max-width: 670px;
    padding-top: var(--spacing--l);
    width: 50%
  }

  .home-quality_items_block_component__footer {
    margin-top: var(--spacing--xl);
    text-align: left
  }
}

.home-show_content__root {
  background: var(--color-ui--blue-anaemic)
}

.home-value_proposition_block_component__root {
  display: flex;
  flex-direction: column;
  padding: var(--spacing--xl) 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.home-value_proposition_block_component__desktopHeader {
  display: none;
  text-align: left
}

.home-value_proposition_block_component__mobileHeader {
  margin: 0 var(--spacing--l) var(--spacing--m) var(--spacing--l);
  text-align: center
}

.home-value_proposition_block_component__title {
  color: var(--color-ui--grey-20);
  font-size: var(--spacing--xl);
  font-weight: var(--font-weight--regular);
  line-height: var(--line-height--heading);
  margin-bottom: var(--spacing--m)
}

.home-value_proposition_block_component__slide {
  display: none;
  position: relative
}

.home-value_proposition_block_component__slideInner {
  display: none;
  height: 100%;
  padding: var(--spacing--l);
  position: relative
}

.home-value_proposition_block_component__itemsGrid {
  display: grid;
  gap: var(--spacing--l);
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))
}

.home-value_proposition_block_component__textContent {
  padding: var(--spacing--l);
  padding-top: 0;
  position: relative
}

.home-value_proposition_block_component__tilesArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: var(--spacing--m);
  position: relative
}

.home-value_proposition_block_component__tile {
  background-color: var(--color-ui--white);
  border-radius: 8px;
  box-shadow: 0 11px 21px #d4d8e4;
  display: flex;
  flex: 1 0 260px;
  margin: var(--spacing--m);
  padding: var(--spacing--xl)
}

.home-value_proposition_block_component__tileTitle {
  font-size: var(--font-size--body-xl);
  font-weight: var(--font-weight--regular);
  margin-bottom: var(--spacing--s)
}

.home-value_proposition_block_component__tileDescription {
  font-size: var(--font-size--body-s)
}

.home-value_proposition_block_component__tileIcon {
  height: 48px;
  margin-bottom: var(--spacing--m);
  width: 48px
}

.home-value_proposition_block_component__tileContent {
  margin-left: var(--spacing--l)
}

@media(min-width: 640px) {
  .home-value_proposition_block_component__tile {
    max-width: 320px
  }
}

@media(min-width: 1152px) {
  .home-value_proposition_block_component__root {
    flex-direction: row;
    padding-bottom: calc(var(--spacing--xl)*3);
    padding-top: calc(var(--spacing--xl)*2)
  }

  .home-value_proposition_block_component__desktopHeader {
    display: block;
    text-align: right
  }

  .home-value_proposition_block_component__title {
    margin-right: 30%
  }

  .home-value_proposition_block_component__desktopHeader .home-value_proposition_block_component__title {
    margin-left: 20%;
    margin-right: 0;
    min-height: 60px
  }

  .home-value_proposition_block_component__mobileHeader {
    display: none
  }

  .home-value_proposition_block_component__slide {
    display: block;
    margin-right: var(--spacing--l);
    width: 50%
  }

  .home-value_proposition_block_component__slide:before {
    border: 1px dashed var(--color-ui--green-light);
    border-radius: 0 8px 8px 0;
    content: "
    "
    ;
    height: 100%;
    position: absolute;
    right: -12px;
    top: 12px;
    width: 120%
  }

  .home-value_proposition_block_component__slideInner {
    background: #fffc;
    border-radius: 0 8px 8px 0;
    display: flex;
    justify-content: flex-end
  }

  .home-value_proposition_block_component__itemsGrid {
    grid-template-columns: repeat(2, minmax(100px, 1fr));
    width: 660px
  }

  .home-value_proposition_block_component__textContent {
    max-width: 670px;
    padding-top: var(--spacing--l);
    width: 50%
  }

  .home-value_proposition_block_component__tilesArea {
    flex-wrap: nowrap;
    min-width: 110%;
    position: absolute;
    right: var(--spacing--l)
  }

  .home-value_proposition_block_component__tile {
    flex-basis: 150px;
    flex-direction: column;
    margin: 0 0 0 var(--spacing--xl);
    padding: var(--spacing--l)
  }

  .home-value_proposition_block_component__tileContent {
    margin: 0
  }
}

.layouts-application_layout__spinner {
  display: none
}

.layouts-application_layout__skipLink {
  background-color: var(--color-ui--white);
  border: 1px solid var(--color-ui--grey-50);
  border-radius: var(--border-radius--xs);
  margin-left: var(--spacing--s);
  padding: var(--spacing--s);
  position: absolute;
  top: var(--spacing--s);
  transform: translateY(-100%);
  transition: transform .2s;
  z-index: -1
}

.layouts-application_layout__skipLink:focus {
  transform: translateY(0);
  z-index: var(--z-index-5)
}

body.loading .layouts-application_layout__spinner {
  background: var(--color-ui--white);
  display: block;
  height: 100%;
  left: 0;
  opacity: .9;
  overflow: hidden;
  padding-top: 240px;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%
}

.popular_items-index_content__root {
  background: var(--color-ui--grey-98)
}

.popular_items-index_content__popularItems {
  padding-top: var(--spacing--m)
}

.popular_items-index_content__popularItemsWrapper {
  margin: 0 auto;
  max-width: var(--container-width);
  padding: 0 var(--spacing--m)
}

.popular_items-index_content__popularItemsHeading {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end
}

.popular_items-index_content__usdNotice {
  color: var(--color-ui--grey-50);
  display: inline-block;
  font-size: var(--font-size--body-xs);
  margin: var(--spacing--s) 0;
  min-width: 120px
}

.popular_items-subcategory_nav_component__root {
  display: flex;
  flex-wrap: wrap
}

.popular_items-subcategory_nav_component__heading {
  font-size: var(--font-size--body-xs);
  margin: var(--spacing--s) 0;
  width: 100%
}

.popular_items-subcategory_nav_component__list {
  display: flex;
  flex-wrap: wrap
}

.popular_items-subcategory_nav_component__listItem {
  color: var(--color-ui--grey-80);
  font-size: var(--font-size--body-xs);
  margin-bottom: var(--spacing--xs);
  margin-right: var(--spacing--l)
}

.popular_items-subcategory_nav_component__listItem:before {
  content: "
  +"
  ;
  margin-right: var(--spacing--xs)
}

.popular_items-subcategory_nav_component__listItem:last-child {
  margin-right: 0
}

.popular_items-subcategory_nav_component__link {
  color: var(--color-ui--blue-light);
  font-weight: var(--font-weight--bold);
  text-decoration: none
}

.popular_items-subcategory_nav_component__link:hover {
  color: var(--color-ui--blue-lighter)
}

.search-bottom_article_component__root {
  color: #666;
  max-width: 1152px;
  padding: 0 10px
}

@media(min-width: 640px) {
  .search-bottom_article_component__root {
    width: calc(100% - 218px)
  }
}

@media(min-width: 1152px) {
  .search-bottom_article_component__root {
    margin: 0 auto;
    width: 100%
  }
}

.search-controls-category_breadcrumbs_component__root {
  font-size: var(--font-size--body-s);
  margin-right: var(--spacing--s)
}

.search-controls-category_breadcrumbs_component__separator {
  display: inline-block;
  margin: 0 var(--spacing--xs)
}

.search-controls-category_breadcrumbs_component__link {
  color: var(--color-ui--grey-20);
  font-weight: var(--font-weight--light)
}

.search-controls-category_breadcrumbs_component__breadcrumb {
  display: inline
}

.search-controls-category_breadcrumbs_component__breadcrumb:last-child .search-controls-category_breadcrumbs_component__link {
  cursor: default;
  pointer-events: none;
  text-decoration: none
}

.search-controls-mute_control_component__muteButton {
  background: #0000;
  border: none;
  color: var(--color-ui--grey-40);
  cursor: pointer;
  font-size: var(--font-size--body-s)
}

.search-controls-mute_control_component__muteButton:focus {
  outline: none
}

.search-controls-mute_control_component__icon {
  display: inline-block;
  fill: var(--color-ui--grey-40);
  height: 14px;
  margin-right: var(--spacing--xs);
  width: 14px
}

.search-controls-mute_control_component__muteButton:hover {
  color: var(--color-ui--blue-light)
}

.search-controls-mute_control_component__muteButton:hover .search-controls-mute_control_component__icon {
  fill: var(--color-ui--blue-light)
}

.search-controls-mute_control_component__buttonInner {
  display: flex
}

.search-controls-mute_control_component__mutedIcon,
.search-controls-mute_control_component__volumeMuted .search-controls-mute_control_component__buttonInner {
  display: none
}

.search-controls-mute_control_component__volumeMuted .search-controls-mute_control_component__mutedIcon {
  display: flex
}

.search-controls-pagination_nav_component__root {
  margin: var(--spacing--l) auto;
  text-align: center
}

.search-controls-pagination_nav_component__list {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  overflow: hidden
}

.search-controls-pagination_nav_component__listItem {
  align-items: center;
  display: flex;
  height: 48px;
  justify-content: center;
  width: 48px
}

.search-controls-pagination_nav_component__spacer {
  color: var(--color-ui--grey-20);
  font-size: var(--font-size--body-m)
}

.search-controls-pagination_nav_component__arrowLink {
  align-items: center;
  color: var(--color-ui--grey-80);
  display: flex;
  padding: 0 var(--spacing--s);
  stroke-width: 2;
  text-decoration: none
}

.search-controls-pagination_nav_component__arrowLink:hover {
  color: var(--color-ui--grey-60)
}

.search-controls-pagination_nav_component__arrowRight {
  transform: rotate(180deg)
}

.search-controls-pagination_nav_component__chevronWrapper {
  display: flex;
  height: 12px;
  width: 8px
}

.search-controls-pagination_nav_component__pageLink {
  align-items: center;
  border-radius: 2px;
  color: var(--color-ui--grey-20);
  cursor: pointer;
  display: flex;
  font-family: var(--font-family--apple-system);
  font-size: var(--font-size--body-m);
  height: 48px;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  width: 48px
}

.search-controls-pagination_nav_component__pageLink:hover {
  background-color: var(--color-ui--grey-95)
}

.search-controls-pagination_nav_component__currentPage {
  border: 1px solid var(--color-ui--grey-80);
  color: var(--color-ui--grey-60)
}

.search-controls-pagination_nav_component__currentPage:hover {
  background-color: var(--color-ui--white);
  cursor: not-allowed
}

.search-controls-removable_filter_pills_component__root {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 var(--spacing--s) 0 0;
  position: relative
}

.search-controls-removable_filter_pills_component__pills {
  display: flex;
  flex-wrap: wrap
}

.search-controls-removable_filter_pills_component__pill {
  background-color: var(--color-ui--white);
  border-radius: var(--spacing--xs);
  color: var(--color-ui--grey-20);
  cursor: pointer;
  display: flex;
  font-size: var(--font-size--body-xs);
  font-weight: var(--font-weight--semibold);
  margin-bottom: var(--spacing--s);
  margin-right: var(--spacing--s);
  position: relative;
  text-decoration: none
}

.search-controls-removable_filter_pills_component__pill:active,
.search-controls-removable_filter_pills_component__pill:hover {
  background-color: var(--color-ui--grey-95);
  border-color: var(--color-ui--grey-80);
  border-radius: var(--spacing--xs)
}

.search-controls-removable_filter_pills_component__name {
  border: 1px solid var(--color-ui--grey-90);
  border-bottom-left-radius: var(--spacing--xs);
  border-top-left-radius: var(--spacing--xs);
  display: flex;
  padding: var(--spacing--xs) var(--spacing--s)
}

.search-controls-removable_filter_pills_component__closeSection {
  border: 1px solid var(--color-ui--grey-90);
  border-bottom-right-radius: var(--spacing--xs);
  border-left: none;
  border-top-right-radius: var(--spacing--xs);
  color: var(--color-ui--grey-60);
  display: block;
  padding: 3px var(--spacing--s);
  text-align: center
}

.search-controls-removable_filter_pills_component__closeBtn {
  display: block;
  fill: var(--color-ui--grey-60);
  height: 8px;
  width: 8px
}

.search-controls-selected_filters_component__root {
  align-items: baseline;
  display: none;
  margin-bottom: var(--spacing--m)
}

.search-controls-selected_filters_component__wrapper {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

.search-controls-selected_filters_component__itemCount {
  align-self: baseline;
  color: var(--color-ui--grey-30);
  font-size: var(--font-size--body-s);
  font-weight: var(--font-weight--regular);
  line-height: var(--spacing--xl);
  margin-right: var(--spacing--s);
  white-space: nowrap
}

.search-controls-selected_filters_component__itemCountNumber {
  font-weight: var(--font-weight--bold)
}

.search-controls-selected_filters_component__clearAll {
  color: var(--color-ui--grey-20);
  display: block;
  font-size: var(--font-size--body-xs);
  margin: 0 var(--spacing--s);
  text-decoration: underline;
  white-space: nowrap
}

.search-controls-selected_filters_component__clearAll:hover {
  color: var(--color-ui--blue-dark)
}

.search-controls-selected_filters_component__clearAll:after {
  background-color: var(--color-ui--blue-dark)
}

@media(min-width: 832px) {
  .search-controls-selected_filters_component__root {
    display: flex;
    flex-wrap: wrap
  }
}

.search-controls-volume_control_component__root {
  display: none;
  margin-left: auto
}

.search-controls-volume_control_component__muteButton {
  background: #0000;
  border: none;
  cursor: pointer;
  font-size: var(--font-size--body-s)
}

.search-controls-volume_control_component__muteButton:focus {
  outline: none
}

.search-controls-volume_control_component__icon {
  display: inline-block;
  fill: var(--color-ui--grey-50);
  height: 14px;
  width: 14px
}

.search-controls-volume_control_component__mutedIcon,
.search-controls-volume_control_component__volumeMuted .search-controls-volume_control_component__icon {
  display: none
}

.search-controls-volume_control_component__muteButton:hover {
  color: var(--color-ui--blue-light)
}

.search-controls-volume_control_component__muteButton:hover .search-controls-volume_control_component__icon {
  fill: var(--color-ui--blue-light)
}

.search-controls-volume_control_component__volumeMuted .search-controls-volume_control_component__mutedIcon {
  display: inline-block
}

.search-controls-volume_control_component__slider {
  height: 12px;
  width: 96px
}

.search-controls-volume_control_component__slider::-moz-range-thumb {
  background: var(--color-indigo-600);
  border: 0;
  border-radius: 14px;
  cursor: pointer;
  height: 14px;
  width: 14px
}

.search-controls-volume_control_component__slider::-moz-range-progress {
  background-color: var(--color-indigo-600)
}

.search-controls-volume_control_component__slider::-moz-range-track {
  background-color: var(--color-ui--grey-70)
}

.search-controls-volume_control_component__slider::-ms-fill-lower {
  background-color: var(--color-indigo-600)
}

.search-controls-volume_control_component__slider::-ms-fill-upper {
  background-color: var(--color-ui--grey-70)
}

@media(min-width: 832px) {
  .search-controls-volume_control_component__root {
    display: block
  }
}

.search-elements_promotion_banner_component__root {
  background: var(--color-surface-brand-accent);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2x);
  margin-bottom: 52px;
  margin-top: 60px
}

.search-elements_promotion_banner_component__root .search-elements_promotion_banner_component__imageContainer {
  flex: 1 1;
  max-width: 100%;
  overflow: hidden
}

.search-elements_promotion_banner_component__root .search-elements_promotion_banner_component__imageContainer .search-elements_promotion_banner_component__promoImage {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%
}

.search-elements_promotion_banner_component__root .search-elements_promotion_banner_component__copyWrapper {
  align-items: flex-start;
  color: var(--color-content-primary);
  display: flex;
  flex: 1 1;
  flex-direction: column;
  gap: var(--spacing-3x);
  justify-content: space-between;
  padding: var(--spacing-4x)
}

.search-elements_promotion_banner_component__root .search-elements_promotion_banner_component__copyWrapper .search-elements_promotion_banner_component__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1x)
}

.search-elements_promotion_banner_component__root .search-elements_promotion_banner_component__copyWrapper .search-elements_promotion_banner_component__content h2 {
  font-weight: var(--text-style-title-4-weight)
}

.search-elements_promotion_banner_component__root .search-elements_promotion_banner_component__copyWrapper .search-elements_promotion_banner_component__buttonWrapper {
  min-width: 140px
}

.search-elements_promotion_banner_component__root .search-elements_promotion_banner_component__copyWrapper .search-elements_promotion_banner_component__buttonWrapper .search-elements_promotion_banner_component__ctaButton {
  align-items: center;
  display: flex;
  gap: var(--spacing-1x)
}

.search-elements_promotion_banner_component__root .search-elements_promotion_banner_component__copyWrapper .search-elements_promotion_banner_component__buttonWrapper .search-elements_promotion_banner_component__ctaButton svg {
  height: var(--icon-size-1x);
  width: var(--icon-size-1x)
}

@media(min-width: 832px) {
  .search-elements_promotion_banner_component__root {
    gap: var(--spacing-4x)
  }
}

@media(min-width: 960px) {
  .search-elements_promotion_banner_component__root {
    flex-direction: row;
    gap: var(--spacing-2x)
  }

  .search-elements_promotion_banner_component__root .search-elements_promotion_banner_component__copyWrapper {
    align-items: flex-start
  }
}

@media(min-width: 1152px) {
  .search-elements_promotion_banner_component__root {
    gap: var(--spacing-4x)
  }

  .search-elements_promotion_banner_component__root .search-elements_promotion_banner_component__copyWrapper {
    align-items: flex-end;
    flex-direction: row
  }
}

.search-filters-category_filter_component__root {
  margin: var(--spacing--s) 0 var(--spacing--l) 0
}

.search-filters-category_filter_component__category {
  display: flex;
  line-height: var(--spacing--xl);
  margin: var(--spacing--s) 0
}

.search-filters-category_filter_component__categoryLink {
  color: var(--color-ui--grey-20);
  flex: 3 0 auto;
  font-size: var(--font-size--body-s);
  text-decoration: none
}

.search-filters-category_filter_component__parent {
  font-weight: var(--font-weight--bold)
}

.search-filters-category_filter_component__chevronIcon {
  color: var(--color-ui--grey-80);
  height: 14px;
  margin: 0 4px 0 0;
  vertical-align: middle;
  width: 14px
}

.search-filters-category_filter_component__current {
  font-weight: var(--font-weight--bold);
  margin-left: var(--spacing--xs)
}

.search-filters-category_filter_component__child {
  margin-left: var(--spacing--m)
}

.search-filters-category_filter_component__count {
  color: var(--color-ui--grey-60);
  flex: 1 0 auto;
  font-size: var(--font-size--body-xs);
  padding-right: var(--spacing--l);
  text-align: right
}

@media(min-width: 832px) {
  .search-filters-category_filter_component__root {
    margin-bottom: var(--spacing--l);
    margin-top: var(--spacing--s);
    overflow: hidden auto
  }

  .search-filters-category_filter_component__root::-webkit-scrollbar {
    background-color: var(--color-ui--grey-90);
    width: var(--spacing--s)
  }

  .search-filters-category_filter_component__root::-webkit-scrollbar-thumb {
    background-color: var(--color-ui--grey-70);
    height: var(--spacing--l)
  }

  .search-filters-category_filter_component__category {
    margin: 0
  }
}

.search-filters-checkbox_filter_component__root {
  margin: var(--spacing--s) 0 var(--spacing--l) 0
}

.search-filters-checkbox_filter_component__option {
  display: flex;
  justify-content: space-between;
  line-height: var(--line-height--l);
  margin: var(--spacing--s) 0
}

.search-filters-checkbox_filter_component__subTitle {
  color: var(--color-ui--grey-60)
}

.search-filters-checkbox_filter_component__link {
  color: var(--color-ui--grey-20);
  font-size: var(--font-size--body-s);
  line-height: var(--line-height--l);
  text-decoration: none
}

.search-filters-checkbox_filter_component__checkbox {
  display: inline-block;
  position: relative
}

.search-filters-checkbox_filter_component__checkbox:before {
  background-color: #0000;
  border: 1px solid var(--color-ui--grey-80);
  border-radius: 2px;
  content: "
  "
  ;
  display: inline-block;
  height: 16px;
  margin: 0 12px 0 0;
  position: relative;
  top: 3px;
  width: 16px
}

.search-filters-checkbox_filter_component__checked:before {
  border-color: var(--color-ui--blue-dark)
}

.search-filters-checkbox_filter_component__checked:after {
  border-bottom: 2px solid var(--color-ui--blue-dark);
  border-left: 2px solid #030303;
  content: "
  "
  ;
  height: 5px;
  left: 6px;
  position: absolute;
  top: 14px;
  transform: rotate(-45deg) translateY(-50%);
  width: 8px
}

.search-filters-checkbox_filter_component__count {
  color: var(--color-ui--grey-60);
  font-size: var(--font-size--body-xs)
}

@media(min-width: 832px) {
  .search-filters-checkbox_filter_component__root {
    margin-bottom: var(--spacing--l);
    margin-top: var(--spacing--s);
    overflow: hidden auto
  }

  .search-filters-checkbox_filter_component__root::-webkit-scrollbar {
    background-color: var(--color-ui--grey-90);
    width: var(--spacing--s)
  }

  .search-filters-checkbox_filter_component__root::-webkit-scrollbar-thumb {
    background-color: var(--color-ui--grey-70);
    height: var(--spacing--l)
  }

  .search-filters-checkbox_filter_component__root {
    max-height: 231px
  }

  .search-filters-checkbox_filter_component__option {
    margin: 0 var(--spacing--l) 0 0
  }
}

.search-filters-checkbox_filter_component__root.search-filters-checkbox_filter_component__nested {
  margin: 0
}

.search-filters-filters_panel_component__filter {
  border-bottom: 1px solid var(--color-ui--grey-90);
  margin-bottom: var(--spacing--m);
  padding: 0 var(--spacing--l)
}

.search-filters-filters_panel_component__filter:last-of-type {
  border-bottom: none
}

.search-filters-filters_panel_component__filterHeader {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: var(--spacing--m);
  margin-top: var(--spacing--xs)
}

.search-filters-filters_panel_component__filterHeading {
  -webkit-font-smoothing: subpixel-antialiased;
  color: var(--color-ui--grey-30);
  font-size: var(--font-size--body-m);
  font-weight: var(--font-weight--semibold)
}

.search-filters-filters_panel_component__filterBody {
  display: none
}

.search-filters-filters_panel_component__filterBody.search-filters-filters_panel_component__expanded {
  display: block
}

.search-filters-filters_panel_component__chevron {
  color: var(--color-ui--grey-70);
  display: flex;
  height: 13px;
  transform: rotate(-90deg);
  transition: all .4s ease-out;
  width: 8px
}

.search-filters-filters_panel_component__chevron.search-filters-filters_panel_component__expanded {
  transform: rotate(90deg)
}

@media(min-width: 832px) {
  .search-filters-filters_panel_component__filter {
    padding: 0
  }
}

.search-filters-poly_count_filter_component__root {
  align-items: center;
  display: flex;
  padding-bottom: var(--spacing--l)
}

.search-filters-poly_count_filter_component__inputWrapper {
  position: relative;
  width: 100%
}

.search-filters-poly_count_filter_component__input {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--color-ui--white);
  border: 1px solid var(--color-ui--grey-90);
  border-radius: var(--spacing--xxs);
  color: var(--color-ui--grey-10);
  font-size: var(--font-size--body-xs);
  height: var(--spacing--xl);
  padding: var(--spacing--s);
  padding-left: var(--spacing--m);
  width: 100%
}

.search-filters-poly_count_filter_component__button {
  background-color: var(--color-ui--grey-90);
  border: none;
  border-radius: var(--spacing--xxs);
  box-shadow: 1px 1px 3px -1px var(--color-ui--grey-90);
  color: var(--color-ui--grey-40);
  cursor: pointer;
  font-size: var(--font-size--body-s);
  height: 32px;
  margin-left: var(--spacing--s);
  text-align: center;
  transition: all .2s ease-in;
  width: 32px
}

.search-filters-poly_count_filter_component__button:hover {
  background-color: var(--color-ui--grey-95)
}

.search-filters-poly_count_filter_component__chevron {
  display: inline-block;
  height: 13px;
  vertical-align: middle;
  width: 8px
}

.search-filters-radio_filter_component__root {
  margin: var(--spacing--s) 0 var(--spacing--l) 0
}

.search-filters-radio_filter_component__option {
  display: flex;
  justify-content: space-between;
  line-height: var(--line-height--l);
  margin: var(--spacing--s) var(--spacing--l) var(--spacing--s) 0
}

.search-filters-radio_filter_component__radioInput {
  display: none
}

.search-filters-radio_filter_component__radioInput+* {
  color: var(--color-ui--grey-20);
  cursor: pointer;
  display: inline-block;
  font-size: var(--font-size--body-s);
  position: relative;
  white-space: nowrap
}

.search-filters-radio_filter_component__radioInput+:before {
  background-color: #0000;
  border: 1px solid var(--color-ui--grey-80);
  border-radius: 11px;
  content: "
  "
  ;
  display: inline-block;
  height: 16px;
  margin: 0 12px 0 0;
  position: relative;
  top: 4px;
  width: 16px
}

.search-filters-radio_filter_component__radioInput:checked+:after {
  background: var(--color-ui--blue-dark);
  border-radius: 11px;
  content: "
  "
  ;
  height: 6px;
  left: 5px;
  position: absolute;
  top: 14px;
  width: 6px
}

.search-filters-radio_filter_component__radioInput:checked+:before {
  border-color: var(--color-ui--blue-dark)
}

.search-filters-radio_filter_component__count {
  color: var(--color-ui--grey-60);
  font-size: var(--font-size--body-xs)
}

@media(min-width: 832px) {
  .search-filters-radio_filter_component__root {
    margin-bottom: var(--spacing--l);
    margin-top: var(--spacing--s);
    overflow: hidden auto
  }

  .search-filters-radio_filter_component__root::-webkit-scrollbar {
    background-color: var(--color-ui--grey-90);
    width: var(--spacing--s)
  }

  .search-filters-radio_filter_component__root::-webkit-scrollbar-thumb {
    background-color: var(--color-ui--grey-70);
    height: var(--spacing--l)
  }

  .search-filters-radio_filter_component__root {
    max-height: 231px
  }

  .search-filters-radio_filter_component__option {
    margin: 0 var(--spacing--l) 0 0
  }
}

.search-filters-range_filter_component__inputsContainer {
  align-items: center;
  display: flex;
  padding-bottom: var(--spacing--l)
}

.search-filters-range_filter_component__inputWrapper {
  position: relative
}

.search-filters-range_filter_component__prefix {
  left: var(--spacing--s);
  position: absolute;
  top: 7px
}

.search-filters-range_filter_component__spacer {
  margin: 0 var(--spacing--s)
}

.search-filters-range_filter_component__input,
.search-filters-range_filter_component__prefix,
.search-filters-range_filter_component__spacer {
  color: var(--color-ui--grey-10);
  font-size: var(--font-size--body-xs)
}

.search-filters-range_filter_component__input {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--color-ui--white);
  border: 1px solid var(--color-ui--grey-90);
  border-radius: var(--spacing--xxs);
  height: var(--spacing--xl);
  padding: var(--spacing--s);
  padding-left: var(--spacing--m);
  width: 104px
}

.search-filters-range_filter_component__button {
  background-color: var(--color-ui--grey-90);
  border: none;
  border-radius: var(--spacing--xxs);
  box-shadow: 1px 1px 3px -1px var(--color-ui--grey-90);
  color: var(--color-ui--grey-40);
  cursor: pointer;
  font-size: var(--font-size--body-s);
  height: var(--spacing--xl);
  margin-left: var(--spacing--s);
  text-align: center;
  transition: all .2s ease-in;
  width: var(--spacing--xl)
}

.search-filters-range_filter_component__button:hover {
  background-color: var(--color-ui--grey-95)
}

.search-filters-range_filter_component__chevron {
  display: inline-block;
  height: 13px;
  vertical-align: middle;
  width: 8px
}

.search-filters-software_version_filter_component__root {
  margin: var(--spacing--s) 0 var(--spacing--l) 0
}

@media(min-width: 832px) {
  .search-filters-software_version_filter_component__root {
    margin-bottom: var(--spacing--l);
    margin-top: var(--spacing--s);
    overflow: hidden auto
  }

  .search-filters-software_version_filter_component__root::-webkit-scrollbar {
    background-color: var(--color-ui--grey-90);
    width: var(--spacing--s)
  }

  .search-filters-software_version_filter_component__root::-webkit-scrollbar-thumb {
    background-color: var(--color-ui--grey-70);
    height: var(--spacing--l)
  }

  .search-filters-software_version_filter_component__root {
    max-height: 231px
  }
}

.search-filters-software_version_filter_component__platformLinkWrapper {
  display: flex
}

.search-filters-software_version_filter_component__platformChevron {
  background-color: var(--color-ui--white);
  border: 1px solid var(--color-ui--grey-60);
  border-radius: var(--border-radius--xxs);
  color: var(--color-ui--grey-20);
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  font-weight: 400;
  height: 16px;
  line-height: 14px;
  margin: 10px var(--spacing--s) var(--spacing--s) 0;
  text-align: center;
  width: 16px
}

.search-filters-software_version_filter_component__platformChevron.search-filters-software_version_filter_component__expanded {
  transform: rotate(90deg)
}

.search-filters-software_version_filter_component__link {
  color: var(--color-ui--grey-20);
  display: flex;
  flex-grow: 1;
  font-size: var(--font-size--body-s);
  justify-content: space-between;
  padding: var(--spacing--s) var(--spacing--m) var(--spacing--s) 0;
  text-decoration: none
}

.search-filters-software_version_filter_component__link.search-filters-software_version_filter_component__version {
  margin-left: var(--spacing--xl)
}

.search-filters-software_version_filter_component__link.search-filters-software_version_filter_component__all {
  font-weight: var(--font-weight--bold)
}

.search-filters-software_version_filter_component__link.search-filters-software_version_filter_component__selected {
  color: var(--color-ui--blue);
  font-weight: var(--font-weight--bold)
}

.search-filters-software_version_filter_component__platformExpand {
  flex-grow: 0
}

.search-filters-software_version_filter_component__count {
  color: var(--color-ui--grey-60);
  font-size: var(--font-size--body-xs);
  font-weight: var(--font-weight--regular)
}

.search-filters-software_version_filter_component__platformVersions {
  display: none
}

.search-filters-software_version_filter_component__platformVersions.search-filters-software_version_filter_component__expanded {
  display: block
}

.search-index_content__root {
  background: var(--color-ui--grey-98);
  padding-bottom: var(--spacing--l)
}

.search-index_content__muteButton {
  display: none;
  margin-left: auto
}

.search-index_content__searchContentSection {
  border-top: 0;
  margin: 0 var(--spacing--m);
  padding: var(--spacing--m) 0 var(--spacing--m) 0
}

.search-index_content__searchResults {
  display: flex;
  margin-top: var(--spacing--s);
  min-height: 100vh
}

.search-index_content__searchControls {
  border-top: 2px solid var(--color-ui--grey-90);
  display: flex;
  flex-wrap: wrap;
  padding-top: var(--spacing--l)
}

.search-index_content__searchResultsWrapper {
  margin-bottom: var(--spacing--l)
}

.search-index_content__filtersPanel {
  background: var(--color-ui--white);
  display: none;
  inset: 0;
  overflow: scroll;
  position: fixed;
  z-index: var(--z-index-4)
}

.search-index_content__mobileFiltersHeader {
  align-items: center;
  background: var(--color-ui--grey-98);
  border-bottom: 2px solid var(--color-ui--grey-90);
  display: flex;
  justify-content: flex-end;
  margin-bottom: var(--spacing--m);
  padding: var(--spacing--l)
}

.search-index_content__mobileFiltersHeader a {
  color: var(--color-ui--blue);
  display: block;
  font-size: var(--font-size--body-s);
  line-height: 40px;
  margin-right: var(--spacing--m);
  outline-width: 0;
  text-decoration: none
}

.search-index_content__mobileFiltersHeader button {
  background: var(--color-ui--green-light);
  border: none;
  border-radius: var(--border-radius--xxs);
  color: var(--color-ui--white);
  font-size: var(--font-size--body-s);
  padding: var(--spacing--m)
}

.search-index_content__mobileFiltersHeadings {
  flex-grow: 1;
  width: calc(100% - 160px)
}

.search-index_content__mobileFiltersHeadings h3 {
  font-size: var(--font-size--body-m);
  font-weight: var(--font-weight--regular)
}

.search-index_content__mobileFiltersHeadings span {
  color: var(--color-ui--grey-60);
  font-size: var(--font-size--body-xs)
}

.search-index_content__showMobileFilters {
  display: block
}

.search-index_content__spinner {
  display: block;
  height: 0;
  margin-top: 140px;
  min-width: 0;
  overflow: hidden;
  text-align: center;
  width: 0
}

.search-index_content__spinner svg {
  opacity: 0;
  transition: opacity .2s linear
}

.search-index_content__searchResultsBody {
  height: 100%;
  min-width: 0;
  width: 100%
}

.search-index_content__selectedFiltersAndVolumeWrapper {
  align-items: baseline;
  display: flex
}

.search-index_content__selectedFiltersWrapper {
  display: flex;
  justify-content: flex-start
}

.search-index_content__headerRightSide,
.search-index_content__headerRightSideContainer {
  align-items: flex-end;
  align-self: baseline;
  display: inline-flex
}

.search-index_content__headerRightSideContainer {
  flex-direction: column
}

.search-index_content__selectedFilters {
  align-items: baseline;
  display: none
}

.search-index_content__sortByWrapper {
  align-self: baseline;
  display: inline-block;
  position: relative
}

.search-index_content__itemGridPlaceholder {
  display: grid;
  gap: var(--spacing--xl);
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  margin: var(--spacing--m)
}

.search-index_content__filterContainer {
  border-bottom: 1px solid var(--color-ui--grey-90);
  margin-bottom: var(--spacing--m);
  padding-left: var(--spacing--l);
  padding-right: var(--spacing--l)
}

.search-index_content__filterContainer:last-of-type {
  border-bottom: none
}

.search-index_content__selectedFiltersContainer {
  align-items: baseline;
  display: none
}

.search-index_content__searchPageHeaderPlaceholder {
  height: 130px;
  margin: 0 var(--spacing--m);
  padding: var(--spacing--xl) 0 var(--spacing--s) 0;
  position: relative
}

.search-index_content__relatedPosts {
  display: block;
  margin: var(--spacing--xl) 0
}

.search-index_content__toggleButton {
  background-color: var(--color-ui--white);
  border: 1px solid var(--color-ui--grey-90);
  border-radius: var(--border-radius--xxs);
  color: var(--color-ui--grey-20);
  cursor: pointer;
  display: flex;
  font-size: var(--font-size--body-s);
  font-weight: var(--font-weight--regular);
  justify-content: space-evenly;
  margin-right: var(--spacing--s);
  padding: 7px 2px;
  width: 84px
}

.search-index_content__toggleButton .search-index_content__toggleButtonText {
  margin: 0
}

.search-index_content__closeIcon,
.search-index_content__openIcon {
  height: 12px;
  vertical-align: middle;
  width: 12px
}

.search-index_content__filtersActive .search-index_content__closeIcon {
  display: none
}

.search-index_content__filtersActive .search-index_content__openIcon {
  display: active
}

.search-index_content__filtersInactive .search-index_content__closeIcon {
  display: none
}

.search-index_content__filtersInactive .search-index_content__openIcon {
  display: inherit
}

.search-index_content__hiddenOnMobile,
.search-index_content__hide {
  display: none
}

.search-index_content__mobileOnly {
  display: unset
}

.search-index_content__priceNotice {
  align-self: baseline;
  font-size: var(--font-size--body-xs);
  height: 34px;
  line-height: 36px;
  margin-right: var(--spacing--l);
  order: 3;
  text-align: left;
  width: 100%
}

@media(min-width: 832px) {
  .search-index_content__priceNotice {
    order: unset;
    text-align: right;
    width: auto
  }

  .search-index_content__muteButton {
    display: block
  }
}

@media(min-width: 640px) {
  .search-index_content__headerRightSideContainer {
    flex-direction: row
  }

  .search-index_content__hiddenOnMobile {
    display: none
  }
}

@media(min-width: 832px) {
  .search-index_content__filtersIconClose {
    display: inline-block
  }

  .search-index_content__filtersPanel {
    background: #0000;
    display: block;
    margin-right: var(--spacing--l);
    overflow: unset;
    position: relative;
    top: 0;
    width: 280px;
    z-index: var(--z-index-1)
  }

  .search-index_content__filtersIconShow,
  .search-index_content__hideDesktopFilters,
  .search-index_content__mobileOnly {
    display: none
  }

  .search-index_content__mobileFiltersHeader {
    display: none;
    z-index: var(--z-index-1)
  }

  .search-index_content__toggleButton {
    background: #0000;
    border: none;
    font-family: var(--font-family--apple-system);
    font-size: var(--font-size--body-m);
    font-weight: var(--font-weight--semibold);
    justify-content: normal;
    padding: var(--spacing--s);
    padding-left: 0;
    width: 160px
  }

  .search-index_content__toggleButton .search-index_content__toggleButtonText {
    margin-left: var(--spacing--s)
  }

  .search-index_content__hiddenOnMobile {
    display: inline
  }

  .search-index_content__filterContainer {
    padding-left: 0;
    padding-right: 0
  }

  .search-index_content__filterRefinePlaceholder {
    display: flex;
    margin: 0 auto var(--spacing--s) 0
  }

  .search-index_content__filtersActive .search-index_content__closeIcon {
    display: unset
  }

  .search-index_content__filtersActive .search-index_content__openIcon,
  .search-index_content__filtersInactive .search-index_content__closeIcon {
    display: none
  }

  .search-index_content__filtersInactive .search-index_content__openIcon {
    display: unset
  }
}

@media(min-width: 1152px) {
  .search-index_content__searchContentSection {
    margin: 0 auto var(--spacing--s);
    max-width: var(--container-width);
    padding: var(--spacing--m) var(--spacing--m) 0 var(--spacing--m)
  }

  .search-index_content__searchPageHeaderPlaceholder {
    margin: 0 auto var(--spacing--s);
    max-width: var(--container-width);
    padding: var(--spacing--xl) var(--spacing--m) 0 var(--spacing--m)
  }
}

.search-item_cards_container_component__list {
  /* align-items: center; */
  display: flex;
  flex-direction: column;
  margin: 0 calc(var(--font-size--body-m)*-1)
}

.search-item_cards_container_component__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

@supports(display: grid) {
  .search-item_cards_container_component__grid {
    display: grid;
    gap: var(--spacing--xl);
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))
  }
}

.search-list_grid_component__root {
  display: none;
  margin-bottom: var(--spacing--xs);
  text-align: center;
  width: 80px
}

.search-list_grid_component__listGridBtn {
  display: inline-block;
  fill: var(--color-ui--grey-70);
  height: var(--spacing--m);
  width: var(--spacing--m)
}

.search-list_grid_component__listGridBtn:not(:first-child) {
  margin-left: var(--spacing--s)
}

.search-list_grid_component__selected {
  cursor: default;
  fill: var(--color-ui--grey-20);
  pointer-events: none
}

@media(min-width: 832px) {
  .search-list_grid_component__root {
    border-left: 1px solid var(--color-ui--grey-90);
    display: inline-block
  }
}

.search-marketing_campaign_image_component__root {
  margin: 0 var(--spacing--m);
  padding-top: var(--spacing--xl);
  position: relative;
  z-index: var(--z-index-2)
}

.search-marketing_campaign_image_component__copyWrapper {
  align-items: center;
  display: flex;
  justify-content: center
}

.search-marketing_campaign_image_component__textImage {
  display: flex;
  height: auto;
  min-width: 0;
  width: auto
}

.search-marketing_campaign_image_component__textImage img {
  height: auto;
  min-width: 0
}

@media(min-width: 640px) {
  .search-marketing_campaign_image_component__root {
    margin: 0 auto var(--spacing--xxs);
    max-width: var(--container-width);
    padding-left: var(--spacing--m);
    padding-right: var(--spacing--m)
  }

  .search-marketing_campaign_image_component__copyWrapper {
    justify-content: space-between
  }

  .search-marketing_campaign_image_component__textImage {
    display: flex;
    flex: 5 1 auto;
    height: auto;
    min-width: 0;
    width: auto
  }

  .search-marketing_campaign_image_component__textImage .search-marketing_campaign_image_component__img {
    height: auto;
    min-width: 0;
    width: 100%
  }
}

.search-masonry_grid-card_component__root {
  background: var(--color-ui--white);
  border-radius: var(--border-radius--xs);
  box-shadow: 0 1px 10px #00000012;
  margin-bottom: var(--spacing--m);
  overflow: hidden;
  position: relative
}

.search-masonry_grid-card_component__favoriteButton {
  background: none;
  border: none;
  cursor: pointer;
  fill: var(--color-ui--white);
  height: 20px;
  opacity: 0;
  padding: 0;
  position: absolute;
  right: var(--spacing--m);
  top: var(--spacing--m);
  transition: opacity .2s ease;
  vertical-align: middle;
  width: 20px;
  z-index: var(--z-index-1)
}

.search-masonry_grid-card_component__favoriteButton:hover {
  opacity: 1
}

.search-masonry_grid-card_component__favoriteButton:focus {
  outline: none
}

.search-masonry_grid-card_component__favoriteButton[data-favorited=true] {
  fill: var(--color-ui--favorite);
  opacity: 1
}

.search-masonry_grid-card_component__imageLink {
  display: block
}

.search-masonry_grid-card_component__image {
  display: block;
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%
}

.search-masonry_grid-card_component__detailWrapper {
  background: #ffffffe6;
  bottom: 0;
  color: var(--color-ui--grey-20);
  display: grid;
  font-size: var(--font-size--body-s);
  gap: 2px;
  grid-template-columns: auto 40px;
  left: 0;
  opacity: 0;
  padding: var(--spacing--m);
  pointer-events: none;
  position: absolute;
  right: 0;
  transition: opacity .2s ease
}

.search-masonry_grid-card_component__detailWrapper:before {
  background: linear-gradient(180deg, #fff0, #ffffffe6);
  bottom: 100%;
  content: "
  "
  ;
  display: block;
  height: 20px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0
}

.search-masonry_grid-card_component__name {
  font-weight: var(--font-weight--semibold);
  grid-column: 1/span 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.search-masonry_grid-card_component__author {
  color: var(--color-ui--grey-60);
  font-size: var(--font-size--body-xs);
  grid-row: 2;
  overflow: hidden;
  padding-bottom: 2px;
  pointer-events: all;
  text-overflow: ellipsis;
  white-space: nowrap
}

.search-masonry_grid-card_component__authorLink {
  display: inline-block;
  position: relative
}

.search-masonry_grid-card_component__authorLink:after {
  content: "
  "
  ;
  height: 1px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translateY(1px);
  transition: all .15s cubic-bezier(.39, .575, .565, 1);
  transition-property: opacity, transform;
  width: 100%
}

.search-masonry_grid-card_component__authorLink:hover:after {
  opacity: 1;
  transform: translateY(-3px) translateZ(0);
  transition-delay: .2s;
  transition-duration: .15s
}

.search-masonry_grid-card_component__authorLink {
  color: var(--color-ui--grey-60);
  text-decoration: none
}

.search-masonry_grid-card_component__authorLink:after {
  background-color: var(--color-ui--grey-60)
}

.search-masonry_grid-card_component__price {
  grid-row: 3
}

.search-masonry_grid-card_component__addToCartWrapper {
  grid-row: 2/span 2;
  pointer-events: all
}

.search-masonry_grid-card_component__root:hover .search-masonry_grid-card_component__detailWrapper,
.search-masonry_grid-card_component__root:hover .search-masonry_grid-card_component__favoriteButton {
  opacity: 1
}

.search-masonry_grid-cart_entries-cart_buttons_component__root {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  min-height: 80px;
  padding-top: var(--spacing--m)
}

.search-masonry_grid-cart_entries-cart_buttons_component__goToCheckoutButton {
  border: none;
  border-radius: var(--border-radius--xxs);
  cursor: pointer;
  font-family: var(--font-family--apple-system);
  -webkit-font-smoothing: subpixel-antialiased;
  align-items: center;
  background-color: var(--color-ui--grey-40);
  box-shadow: 1px 1px 3px 0 #00000012;
  color: var(--color-ui--white);
  display: none;
  font-size: var(--font-size--body-s);
  height: 50px;
  justify-content: center;
  margin-bottom: var(--spacing--m);
  text-decoration: none;
  transition: all .2s ease-in;
  width: 100%
}

.search-masonry_grid-cart_entries-cart_buttons_component__goToCheckoutButton:hover {
  background-color: var(--color-ui--grey-50)
}

.search-masonry_grid-cart_entries-cart_buttons_component__goToCheckoutButton:active {
  background-color: var(--color-ui--grey-30);
  box-shadow: inset 1px 1px 3px 0 #0003
}

.search-masonry_grid-cart_entries-cart_buttons_component__addToCartButton {
  border: none;
  border-radius: var(--border-radius--xxs);
  cursor: pointer;
  font-family: var(--font-family--apple-system);
  -webkit-font-smoothing: subpixel-antialiased;
  background-color: var(--color-ui--green-primary);
  box-shadow: 1px 1px 3px 0 #00000012;
  color: var(--color-ui--white);
  font-size: var(--font-size--body-s);
  height: 50px;
  margin-bottom: var(--spacing--m);
  transition: all .2s ease-in;
  width: 100%
}

.search-masonry_grid-cart_entries-cart_buttons_component__addToCartButton:hover {
  background-color: var(--color-ui--green-primary-42)
}

.search-masonry_grid-cart_entries-cart_buttons_component__addToCartButton:active {
  background-color: var(--color-ui--green-dark-32);
  box-shadow: inset 1px 1px 3px 0 #0003
}

.search-masonry_grid-cart_entries-cart_buttons_component__addToCartButton .search-masonry_grid-cart_entries-cart_buttons_component__default {
  display: inline-block
}

.search-masonry_grid-cart_entries-cart_buttons_component__addToCartButton .search-masonry_grid-cart_entries-cart_buttons_component__loading,
.search-masonry_grid-cart_entries-cart_buttons_component__addToCartButton:disabled .search-masonry_grid-cart_entries-cart_buttons_component__default {
  display: none
}

.search-masonry_grid-cart_entries-cart_buttons_component__addToCartButton:disabled .search-masonry_grid-cart_entries-cart_buttons_component__loading {
  display: inline-block;
  height: 20px;
  width: 20px
}

.search-masonry_grid-cart_entries-cart_buttons_component__addToCartButton:disabled .search-masonry_grid-cart_entries-cart_buttons_component__loading svg {
  height: 100%;
  width: 100%
}

.search-masonry_grid-cart_entries-cart_buttons_component__itemAddedNotification {
  border: none;
  border-radius: 2px;
  font-family: var(--font-family--apple-system);
  -webkit-font-smoothing: subpixel-antialiased;
  align-items: center;
  background: var(--color-ui--grey-95);
  box-shadow: 1px 1px 3px -1px var(--color-ui--grey-90);
  color: var(--color-ui--grey-40);
  cursor: default;
  display: flex;
  font-size: var(--font-size--body-xs);
  height: 50px;
  justify-content: center;
  margin-bottom: var(--spacing--s);
  padding: 0 var(--spacing--s);
  transition: all .2s ease-in;
  width: 100%
}

.search-masonry_grid-cart_entries-cart_buttons_component__okIcon {
  fill: var(--color-indigo-600);
  height: 16px;
  margin-right: var(--spacing--xs);
  width: 20px
}

.search-masonry_grid-cart_entries-cart_buttons_component__checkoutError {
  color: var(--color-ui--error-red);
  font-size: var(--font-size--body-s)
}

@media(min-width: 960px) {

  .search-masonry_grid-cart_entries-cart_buttons_component__addToCartButton,
  .search-masonry_grid-cart_entries-cart_buttons_component__goToCheckoutButton {
    height: 40px;
    width: 152px
  }

  .search-masonry_grid-cart_entries-cart_buttons_component__addToCartButton {
    margin-right: var(--spacing--m)
  }

  .search-masonry_grid-cart_entries-cart_buttons_component__itemAddedNotification {
    height: 40px;
    padding: 0 var(--spacing--xs);
    width: 320px
  }
}

@media(min-width: 1152px) {

  .search-masonry_grid-cart_entries-cart_buttons_component__addToCartButton,
  .search-masonry_grid-cart_entries-cart_buttons_component__goToCheckoutButton {
    height: 40px;
    width: 160px
  }

  .search-masonry_grid-cart_entries-cart_buttons_component__itemAddedNotification {
    height: 40px;
    width: 336px
  }
}

@media(min-width: 640px) {
  .search-masonry_grid-cart_entries-cart_buttons_component__goToCheckoutButton {
    display: flex
  }
}

.search-masonry_grid-cart_entries-cart_buttons_component__hidden {
  display: none
}

.search-masonry_grid-cart_entries-selected_variant_info_component__root {
  align-items: flex-start;
  border-bottom: 1px solid var(--color-ui--grey-20);
  display: flex;
  justify-content: space-between;
  padding-bottom: var(--spacing--m)
}

.search-masonry_grid-cart_entries-selected_variant_info_component__itemMeta {
  margin-right: var(--spacing--m)
}

.search-masonry_grid-cart_entries-selected_variant_info_component__itemName {
  color: var(--color-ui--white);
  font-family: var(--font-family--apple-system);
  font-size: var(--font-size--body-l);
  -webkit-font-smoothing: subpixel-antialiased;
  text-decoration: none
}

.search-masonry_grid-cart_entries-selected_variant_info_component__itemName:hover {
  text-decoration: underline
}

.search-masonry_grid-cart_entries-selected_variant_info_component__itemAuthor {
  color: var(--color-ui--grey-70);
  font-size: var(--font-size--body-s)
}

.search-masonry_grid-cart_entries-selected_variant_info_component__itemAuthorLink {
  display: inline-block;
  position: relative;
  text-decoration: none
}

.search-masonry_grid-cart_entries-selected_variant_info_component__itemAuthorLink:after {
  content: "
  "
  ;
  height: 1px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translateY(1px);
  transition: all .15s cubic-bezier(.39, .575, .565, 1);
  transition-property: opacity, transform;
  width: 100%
}

.search-masonry_grid-cart_entries-selected_variant_info_component__itemAuthorLink:hover:after {
  opacity: 1;
  transform: translateY(-3px) translateZ(0);
  transition-delay: .2s;
  transition-duration: .15s
}

.search-masonry_grid-cart_entries-selected_variant_info_component__itemAuthorLink {
  color: var(--color-ui--grey-70)
}

.search-masonry_grid-cart_entries-selected_variant_info_component__itemAuthorLink:after {
  background-color: var(--color-ui--grey-70)
}

.search-masonry_grid-cart_entries-selected_variant_info_component__itemPrice {
  color: var(--color-ui--white);
  font-size: var(--font-size--body-xl);
  font-weight: var(--font-weight--bold);
  text-align: right
}

.search-masonry_grid-cart_entries-selected_variant_info_component__originalPrice {
  text-decoration: line-through
}

.search-masonry_grid-cart_entries-selected_variant_info_component__promoPrice {
  color: var(--color-ui--green-primary);
  padding-left: var(--spacing--s)
}

.search-masonry_grid-cart_entries-selected_variant_info_component__hidden {
  display: none
}

@media(min-width: 640px) {
  .search-masonry_grid-cart_entries-selected_variant_info_component__root {
    align-items: flex-end;
    flex-direction: row
  }
}

.search-masonry_grid-cart_entries-variant_picker_component__root {
  border-bottom: 1px solid var(--color-ui--grey-20);
  min-height: 90px;
  padding-bottom: var(--spacing--m);
  padding-top: var(--spacing--m)
}

.search-masonry_grid-cart_entries-variant_picker_component__tooltip {
  display: block;
  white-space: normal;
  width: 270px
}

.search-masonry_grid-cart_entries-variant_picker_component__licenseName {
  color: var(--color-ui--white);
  font-family: var(--font-family--apple-system);
  font-size: var(--font-size--body-s);
  margin-bottom: var(--spacing--s);
  -webkit-font-smoothing: subpixel-antialiased
}

.search-masonry_grid-cart_entries-variant_picker_component__badge {
  font-size: 70%;
  -webkit-font-smoothing: subpixel-antialiased;
  background-color: var(--color-ui--grey-20);
  border-radius: 50%;
  color: var(--color-ui--grey-70);
  display: inline-block;
  padding: 0 .4em;
  vertical-align: middle
}

.search-masonry_grid-cart_entries-variant_picker_component__tooltipLink {
  display: inline-block;
  position: relative;
  text-decoration: none
}

.search-masonry_grid-cart_entries-variant_picker_component__tooltipLink:after {
  content: "
  "
  ;
  height: 1px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translateY(1px);
  transition: all .15s cubic-bezier(.39, .575, .565, 1);
  transition-property: opacity, transform;
  width: 100%
}

.search-masonry_grid-cart_entries-variant_picker_component__tooltipLink:hover:after {
  opacity: 1;
  transform: translateY(-3px) translateZ(0);
  transition-delay: .2s;
  transition-duration: .15s
}

.search-masonry_grid-cart_entries-variant_picker_component__tooltipLink {
  color: var(--color-ui--blue-dark)
}

.search-masonry_grid-cart_entries-variant_picker_component__label {
  display: block;
  margin-bottom: var(--spacing--xs);
  position: relative
}

.search-masonry_grid-cart_entries-variant_picker_component__radioInput {
  display: none
}

.search-masonry_grid-cart_entries-variant_picker_component__radioInput+:before {
  background-color: var(--color-ui--white);
  border: 1px solid var(--color-ui--grey-80);
  border-radius: 11px;
  content: "
  "
  ;
  display: inline-block;
  height: 16px;
  margin: 0 12px 0 0;
  position: relative;
  top: 4px;
  width: 16px
}

.search-masonry_grid-cart_entries-variant_picker_component__radioInput:checked+:before {
  border-color: var(--color-ui--blue-dark)
}

.search-masonry_grid-cart_entries-variant_picker_component__radioInput:checked+:after {
  background: var(--color-ui--blue-dark);
  border-radius: 11px;
  content: "
  "
  ;
  height: 6px;
  left: 5px;
  position: absolute;
  top: 11px;
  width: 6px
}

@media (max-width: 640px) {
  #features-grid {
    margin-top: 150px !important;
  }
}

.search-masonry_grid-cart_entries-variant_picker_component__text {
  color: var(--color-ui--white);
  font-family: var(--font-family--apple-system);
  font-size: var(--font-size--body-s);
  -webkit-font-smoothing: subpixel-antialiased
}

.search-masonry_grid-grid_component__root {
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(var(--spacing--m)*-1)
}

@media(min-width: 832px) {
  .search-masonry_grid-grid_component__root {
    margin: calc(var(--spacing--m)*-1)
  }
}

.search-masonry_grid-image_content_component__contentContainer {
  display: flex;
  flex-direction: column;
  padding: 0
}

.search-masonry_grid-image_content_component__contentContainer .search-masonry_grid-image_content_component__imageContainer {
  align-items: center;
  display: block;
  justify-content: center;
  margin-bottom: var(--spacing--m);
  padding: 0;
  width: 100%
}

.search-masonry_grid-image_content_component__contentContainer .search-masonry_grid-image_content_component__imageInformation {
  flex-direction: column;
  padding: var(--spacing--s) var(--spacing--m);
  width: 100%
}

.search-masonry_grid-image_content_component__image {
  display: block;
  max-height: 450px;
  object-fit: contain;
  width: 100vw
}

@media(min-width: 640px) {
  .search-masonry_grid-image_content_component__imageInformation {
    padding: unset
  }

  .search-masonry_grid-image_content_component__contentContainer {
    flex-direction: row;
    padding: var(--spacing--m) var(--spacing--l)
  }

  .search-masonry_grid-image_content_component__contentContainer .search-masonry_grid-image_content_component__imageContainer {
    display: flex;
    padding-right: var(--spacing--xl);
    width: 60%
  }

  .search-masonry_grid-image_content_component__contentContainer .search-masonry_grid-image_content_component__imageInformation {
    flex-direction: row;
    padding: 0;
    width: 40%
  }

  .search-masonry_grid-image_content_component__contentContainer .search-masonry_grid-image_content_component__image {
    border-radius: var(--border-radius--xxs);
    max-height: 100%;
    max-width: 100%
  }

  .search-masonry_grid-image_content_component__standardImageWrapper,
  .search-masonry_grid-image_content_component__wideImageWrapper {
    height: 350px
  }
}

@media(min-width: 832px) {
  .search-masonry_grid-image_content_component__standardImageWrapper {
    height: 400px
  }
}

@media(min-width: 1152px) {
  .search-masonry_grid-image_content_component__standardImageWrapper {
    height: 500px
  }

  .search-masonry_grid-image_content_component__wideImageWrapper {
    height: 450px
  }
}

.search-masonry_grid-image_detail_component__root {
  background: var(--color-ui--black);
  color: var(--color-ui--grey-98);
  display: block;
  height: 100vh;
  left: 0;
  margin-bottom: var(--spacing--m);
  margin-left: auto;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: auto;
  z-index: var(--z-index-5)
}

.search-masonry_grid-image_detail_component__root h2 {
  font-size: var(--font-size--body-m)
}

.search-masonry_grid-image_detail_component__notch {
  border: 9px solid #0000;
  border-bottom: 9px solid var(--color-ui--grey-10);
  height: 0;
  margin: -4px 0 0 calc(50% - 4.5px);
  width: 0
}

.search-masonry_grid-image_detail_component__collapseButton {
  background-color: var(--color-ui--grey-60);
  border-radius: 100%;
  cursor: pointer;
  height: 32px;
  position: absolute;
  right: 16px;
  text-align: center;
  top: 16px;
  width: 32px
}

.search-masonry_grid-image_detail_component__closeSvg {
  display: block;
  height: 100%;
  padding: 6px 8px
}

.search-masonry_grid-image_detail_component__closeSvg svg {
  fill: var(--color-ui--white)
}

.search-masonry_grid-image_detail_component__navigationButton {
  cursor: pointer;
  display: none;
  position: absolute;
  top: 50%
}

.search-masonry_grid-image_detail_component__nextPhotoButton {
  right: var(--spacing--m)
}

.search-masonry_grid-image_detail_component__previousPhotoButton {
  left: var(--spacing--m)
}

.search-masonry_grid-image_detail_component__nextPhotoSvg svg,
.search-masonry_grid-image_detail_component__previousPhotoSvg svg {
  color: var(--color-ui--grey-50);
  height: 24px;
  width: 16px
}

@media(min-width: 640px) {
  .search-masonry_grid-image_detail_component__root {
    height: unset;
    overflow-y: visible;
    padding: var(--spacing--m) var(--spacing--xl);
    position: relative;
    top: unset;
    z-index: var(--z-index-2)
  }

  .search-masonry_grid-image_detail_component__navigationButton {
    display: block
  }

  .search-masonry_grid-image_detail_component__collapseButton {
    background-color: unset;
    border-radius: 0;
    height: 16px;
    padding-top: 0;
    width: 16px
  }

  .search-masonry_grid-image_detail_component__closeSvg {
    padding: 0
  }

  .search-masonry_grid-image_detail_component__closeSvg svg {
    fill: var(--color-ui--grey-50)
  }

  .search-masonry_grid-image_detail_component__similarPhotos {
    display: none
  }
}

@media(min-width: 832px) {
  .search-masonry_grid-image_detail_component__similarPhotos {
    display: block
  }
}

@media(max-width: 639px) {
  .search-masonry_grid-image_detail_component__root {
    margin-left: auto !important;
    width: auto !important
  }
}

.search-masonry_grid-similar_photos_component__root {
  background: var(--color-ui--black);
  display: none;
  padding-left: var(--spacing--l)
}

.search-masonry_grid-similar_photos_component__heading {
  font-size: var(--font-size--h6);
  margin-left: var(--spacing--s)
}

.search-masonry_grid-similar_photos_component__itemsContainer {
  display: flex;
  justify-content: flex-start
}

.search-masonry_grid-similar_photos_component__originalItem,
.search-masonry_grid-similar_photos_component__similarItem {
  margin: var(--spacing--s);
  width: 11.4%;
  z-index: var(--z-index-2)
}

.search-masonry_grid-similar_photos_component__originalItem {
  margin-left: 0
}

.search-masonry_grid-similar_photos_component__image {
  display: block;
  width: 100%
}

.search-masonry_grid-similar_photos_component__viewMoreContainer {
  align-items: center;
  background: var(--color-ui--grey-20);
  color: var(--color-ui--white);
  display: inline-flex;
  justify-content: center;
  margin: var(--spacing--s);
  max-width: 100%;
  width: 11.4%;
  z-index: var(--z-index-2)
}

.search-masonry_grid-similar_photos_component__viewMoreContainer a {
  color: var(--color-ui--grey-50);
  text-align: center;
  text-decoration: none
}

.search-masonry_grid-similar_photos_component__crossSvg svg {
  fill: var(--color-ui--grey-50);
  height: 15px;
  transition: transform .3s
}

@media(min-width: 832px) {
  .search-masonry_grid-similar_photos_component__root {
    display: block;
    padding-left: unset
  }
}

.search-masonry_grid-tags_component__root {
  font-size: var(--font-size--body-s);
  font-style: normal
}

.search-masonry_grid-tags_component__heading {
  color: var(--color-ui--white)
}

.search-masonry_grid-tags_component__container {
  overflow: hidden
}

.search-masonry_grid-tags_component__hiddenComma,
.search-masonry_grid-tags_component__hiddenTag {
  display: none
}

.search-masonry_grid-tags_component__expanded .search-masonry_grid-tags_component__hiddenComma,
.search-masonry_grid-tags_component__expanded .search-masonry_grid-tags_component__hiddenTag {
  display: inherit
}

.search-masonry_grid-tags_component__tagLinks :last-child {
  display: none
}

.search-masonry_grid-tags_component__tagLinks {
  color: var(--color-ui--grey-30)
}

.search-masonry_grid-tags_component__tagLinks a {
  color: var(--color-ui--grey-70)
}

.search-masonry_grid-tags_component__tagLinks a:link {
  text-decoration: none
}

.search-masonry_grid-tags_component__expandButton {
  background: none;
  border: none;
  color: var(--color-ui--grey-70);
  cursor: pointer;
  display: inherit;
  outline: none;
  padding-left: 0;
  padding-top: var(--spacing--s);
  text-decoration: underline
}

.search-no_results_component__root {
  text-align: center;
  width: 100%
}

.search-no_results_component__image {
  max-width: 100%;
  padding: 10px;
  width: 300px
}

.search-no_results_component__heading {
  font-size: var(--font-size--h4);
  font-weight: var(--font-weight--bold);
  margin-bottom: var(--spacing--s)
}

.search-no_results_component__clearLink {
  color: var(--color-ui--grey-70)
}

.search-no_results_component__clearLink:hover {
  color: var(--color-ui--blue-dark)
}

.search-no_results_component__clearLink:after {
  background-color: var(--color-ui--blue-dark)
}

.search-no_results_component__suggestionLink {
  color: var(--color-ui--blue)
}

.search-no_results_component__suggestionLink:hover {
  color: var(--color-ui--blue-light)
}

.search-no_results_component__suggestionLink:after {
  background-color: var(--color-ui--blue-light)
}

.search-no_results_component__subheading {
  color: var(--color-ui--grey-60);
  font-size: var(--font-size--h6);
  font-weight: var(--font-weight--regular);
  padding-bottom: var(--spacing--xl)
}

.search-no_results_cross_sell_component__root {
  border-top: 1px solid var(--color-border-tertiary);
  margin: 0 -16px;
  padding-top: var(--spacing-5x);
  width: calc(100% + 32px)
}

.search-no_results_cross_sell_component__root h2,
.search-no_results_cross_sell_component__root p {
  text-align: left
}

.search-no_results_cross_sell_component__root p {
  color: var(--color-content-primary)
}

.search-no_results_cross_sell_component__categories {
  display: flex;
  flex-flow: column wrap;
  gap: var(--spacing-3x);
  justify-content: center
}

.search-no_results_cross_sell_component__categorySearch {
  background-color: var(--color-surface-primary);
  border: var(--chunkiness-thin) solid var(--color-border-primary);
  border-radius: var(--roundness-extra-round);
  overflow: hidden;
  padding: var(--spacing-2x);
  text-decoration: none
}

.search-no_results_cross_sell_component__categorySearch:hover {
  transform: scale(1.02);
  transition: all .2s ease-in-out
}

.search-no_results_cross_sell_component__categorySearchWithoutText {
  padding: 0
}

.search-no_results_cross_sell_component__categoryContent {
  display: flex;
  flex-direction: column;
  font-size: var(--text-style-subheading-size);
  font-weight: var(--text-style-subheading-weight)
}

.search-no_results_cross_sell_component__categoryContent p {
  font-size: var(--text-style-title-3-size);
  line-height: normal;
  margin-bottom: var(--spacing-2x)
}

.search-no_results_cross_sell_component__categoryContent img {
  width: 100%
}

@supports(display: grid) {
  .search-no_results_cross_sell_component__categories {
    display: grid;
    gap: var(--spacing-3x);
    grid-template-columns: repeat(2, 1fr)
  }
}

.search-no_results_cross_sell_component__contentWrapper {
  background-color: var(--color-surface-brand-accent);
  padding: var(--spacing-3x)
}

.search-no_results_cross_sell_component__sectionHeading {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3x);
  justify-content: space-between;
  margin-bottom: var(--spacing-6x)
}

.search-no_results_cross_sell_component__logoCta {
  cursor: pointer;
  width: fit-content
}

.search-no_results_cross_sell_component__logo {
  height: var(--icon-size-3x)
}

.search-no_results_cross_sell_component__cta {
  align-items: center;
  background: var(--color-interactive-primary);
  border-radius: var(--roundness-subtle);
  color: var(--color-content-primary);
  display: flex;
  font-size: var(--font-size-3x);
  font-weight: var(--font-weight-median);
  gap: var(--spacing-2x);
  justify-content: center;
  padding: var(--spacing-2x) var(--spacing-4x);
  text-decoration: none
}

.search-no_results_cross_sell_component__ctaIcon {
  display: inline-block;
  fill: var(--color-content-primary);
  height: var(--icon-size-1x);
  margin-bottom: 3px;
  width: var(--icon-size-1x)
}

.search-no_results_cross_sell_component__heading {
  color: var(--color-grey-1000);
  font-family: PolySans-Neutral, sans-serif;
  font-size: var(--text-style-title-1-size);
  font-style: normal;
  font-weight: var(--text-style-title-4-weight);
  line-height: 100%
}

.search-no_results_cross_sell_component__heading .search-no_results_cross_sell_component__accent {
  color: var(--color-content-brand-accent)
}

.search-no_results_cross_sell_component__subheading {
  font-size: var(--font-size-5x)
}

.search-no_results_cross_sell_component__headingTitle {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2x)
}

@media(min-width: 960px) {
  @supports(display:grid) {
    .search-no_results_cross_sell_component__categories {
      grid-template-columns: repeat(auto-fill, minmax(243px, 1fr))
    }
  }

  .search-no_results_cross_sell_component__root {
    margin: 0;
    width: 100%
  }

  .search-no_results_cross_sell_component__contentWrapper {
    padding: var(--spacing-5x) var(--spacing-4x)
  }

  .search-no_results_cross_sell_component__categorySearch {
    padding: var(--spacing-3x) var(--spacing-3x) var(--spacing-2x) var(--spacing-3x)
  }

  .search-no_results_cross_sell_component__categorySearchWithoutText {
    padding: 0
  }

  .search-no_results_cross_sell_component__categoryContent {
    font-size: var(--text-style-title-4-size);
    font-weight: var(--text-style-title-4-weight)
  }

  .search-no_results_cross_sell_component__logoCta {
    margin-bottom: var(--spacing-4x);
    margin-top: 5px
  }

  .search-no_results_cross_sell_component__sectionHeading {
    align-items: flex-start;
    flex-direction: row
  }

  .search-no_results_cross_sell_component__headingTitle {
    gap: 0
  }
}

@media(min-width: 1408px) {
  .search-no_results_cross_sell_component__inlineText {
    align-items: center;
    display: flex
  }

  .search-no_results_cross_sell_component__inlineText h2 {
    margin-right: 6px
  }
}

.search-place_it_promotion_banner_component__root {
  background-color: #5c28a7;
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--spacing--xs);
  margin-bottom: 52px;
  margin-top: 60px
}

.search-place_it_promotion_banner_component__content {
  padding: 20px 35px;
  text-align: center
}

.search-place_it_promotion_banner_component__copyWrapper {
  display: flex;
  flex: 0 0 75%;
  justify-content: space-between;
  margin: var(--spacing--m) 0
}

.search-place_it_promotion_banner_component__header {
  color: var(--color-ui--white);
  font-family: var(--font-family--apple-system);
  font-size: 1.5em;
  font-weight: var(--font-weight--bold);
  line-height: 1.2;
  margin-top: 10px
}

.search-place_it_promotion_banner_component__subheading {
  color: #c8c0dd;
  font-family: var(--font-family--apple-system);
  font-size: var(--font-size--body-m);
  font-weight: var(--font-weight--regular);
  line-height: var(--line-height--regular)
}

.search-place_it_promotion_banner_component__button {
  background: var(--color-ui--white);
  border-radius: 20px;
  color: #43267f;
  cursor: pointer;
  display: inline-block;
  margin-top: 16px;
  padding: 6px 26px;
  text-align: center;
  text-decoration: none
}

.search-place_it_promotion_banner_component__button:hover {
  background-color: #cabaea
}

.search-place_it_promotion_banner_component__promoImage {
  display: none
}

@media(min-width: 640px) {
  .search-place_it_promotion_banner_component__content {
    text-align: unset
  }
}

@media(min-width: 960px) {
  .search-place_it_promotion_banner_component__promoImage {
    align-self: flex-end;
    display: block
  }

  .search-place_it_promotion_banner_component__promoImage img {
    border-radius: var(--spacing--xs);
    display: block
  }
}

@media(min-width: 1152px) {
  .search-place_it_promotion_banner_component__grBackground {
    background-image: url(/storefront/assets/search/placeit-background-gr-d0b6cb2c9985bf08f5740dbe7d3d5501b5feb6ec9673111040300dbccea3cbb5.jpg)
  }

  .search-place_it_promotion_banner_component__vhBackground {
    background-image: url(/storefront/assets/search/placeit-background-vh-029930e63d712687836c38f7de3adf4be9c5dadb316dbdad5c30649cf7206337.jpg)
  }
}

.search-related_posts_component__root {
  display: flex;
  flex-direction: column;
  justify-content: center;
  list-style: none;
  margin: 0 auto;
  padding-bottom: var(--spacing--xl);
  padding-top: var(--spacing--xl)
}

.search-related_posts_component__tile {
  border: 1px solid var(--color-ui--grey-90);
  border-radius: var(--spacing--xs);
  display: flex;
  flex-basis: auto;
  flex-direction: column;
  justify-content: space-between;
  margin: var(--spacing--xxl) auto;
  min-height: 295px;
  overflow: hidden;
  width: 90%
}

.search-related_posts_component__postImage {
  border-bottom: 1px solid var(--color-ui--grey-90);
  border-radius: var(--spacing--xs) var(--spacing--xs) 0 0;
  width: 100%
}

.search-related_posts_component__header {
  display: block
}

.search-related_posts_component__title {
  color: var(--color-ui--grey-30);
  font-family: var(--font-family--apple-system);
  font-size: var(--font-size--body-l);
  font-weight: var(--font-weight--bold);
  line-height: var(--line-height--heading)
}

.search-related_posts_component__titleLink {
  display: block;
  margin: 10px 15px 0;
  max-height: 80px;
  text-decoration: none
}

.search-related_posts_component__teaser {
  padding: var(--spacing--m)
}

.search-related_posts_component__teaserText {
  color: var(--color-ui--grey-60);
  font-family: var(--font-family--apple-system);
  font-size: var(--font-size--body-s);
  font-weight: var(--font-weight--regular)
}

.search-related_posts_component__previewLink {
  display: block;
  line-height: 0;
  margin: 0 auto;
  max-height: 207px;
  overflow: hidden;
  text-align: center;
  width: 100%
}

.search-related_posts_component__footer {
  align-items: center;
  display: flex;
  margin-top: auto;
  overflow: hidden;
  padding: var(--spacing--s);
  text-overflow: ellipsis;
  white-space: nowrap
}

.search-related_posts_component__publicationInfo {
  color: var(--color-ui--grey-60);
  display: inline-block;
  font-size: var(--font-size--body-xs);
  line-height: var(--line-height--regular);
  padding-left: var(--spacing--s)
}

.search-related_posts_component__authorPhoto {
  border-radius: var(--spacing--xl);
  height: var(--spacing--xl);
  width: var(--spacing--xl)
}

.search-related_posts_component__authorName {
  color: inherit;
  display: block;
  font-style: normal;
  line-height: var(--line-height--reset);
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap
}

.search-related_posts_component__postCategory {
  color: var(--color-ui--blue-green);
  font-family: var(--font-family--apple-system);
  font-size: var(--font-size--body-xs);
  font-weight: var(--font-weight--bold);
  margin-left: auto;
  text-decoration: none;
  text-transform: uppercase
}

@media(min-width: 640px) {
  .search-related_posts_component__root {
    flex-direction: row
  }

  .search-related_posts_component__tile {
    margin: var(--spacing--xl) var(--spacing--s);
    width: 242px
  }

  .search-related_posts_component__postImage {
    min-height: 100px
  }

  .search-related_posts_component__teaser {
    height: 160px;
    overflow-y: hidden;
    padding: 15px
  }

  .search-related_posts_component__previewLink {
    max-height: 160px
  }
}

.search-related_terms_slider_component__root {
  overflow: hidden;
  position: relative
}

.search-related_terms_slider_component__inner {
  display: flex;
  margin-left: 10px;
  margin-right: 10px;
  overflow-x: auto;
  scrollbar-width: none
}

.search-related_terms_slider_component__inner::-webkit-scrollbar {
  background: #0000;
  height: 0;
  width: 0
}

.search-related_terms_slider_component__inner::-webkit-scrollbar-thumb {
  height: 0
}

.search-related_terms_slider_component__inner::-webkit-scrollbar-button {
  background-color: #0000;
  display: none
}

.search-related_terms_slider_component__buttonNext,
.search-related_terms_slider_component__buttonPrev {
  align-items: center;
  background: #fff;
  border: 0;
  cursor: pointer;
  display: flex;
  height: 100%;
  margin: 0;
  outline: none;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
  width: 40px;
  z-index: 1
}

.search-related_terms_slider_component__buttonPrev {
  justify-content: flex-start;
  left: 0
}

.search-related_terms_slider_component__buttonPrev:after {
  background: linear-gradient(90deg, #fff, #fff0);
  bottom: 0;
  content: "
  "
  ;
  position: absolute;
  right: -10px;
  top: 0;
  width: 10px;
  z-index: 1
}

.search-related_terms_slider_component__inner[data-show-previous-button=true] .search-related_terms_slider_component__buttonPrev {
  visibility: visible
}

.search-related_terms_slider_component__buttonNext {
  justify-content: flex-end;
  right: 0
}

.search-related_terms_slider_component__buttonNext:before {
  background: linear-gradient(270deg, #fff, #fff0);
  bottom: 0;
  content: "
  "
  ;
  left: -10px;
  position: absolute;
  top: 0;
  width: 10px
}

.search-related_terms_slider_component__inner[data-show-next-button=true] .search-related_terms_slider_component__buttonNext {
  visibility: visible
}

.search-related_terms_slider_component__buttonIcon {
  align-items: center;
  background: #fff;
  color: #fff;
  display: flex;
  height: 32px;
  justify-content: center;
  transition: color .3s linear, background-color .2s linear;
  width: 32px
}

.search-related_terms_slider_component__buttonIcon svg {
  fill: #2a2a2a;
  height: 16px;
  width: 16px
}

.search-related_terms_slider_component__buttonIcon:hover svg {
  fill: #000
}

.search-related_terms_slider_component__track {
  align-items: center;
  display: flex;
  height: 40px;
  margin: var(--spacing--m)
}

.search-related_terms_slider_component__pill {
  border: 2px solid var(--color-ui--grey-90);
  border-radius: 50px;
  color: var(--color-ui--black);
  display: inline-block;
  font-size: var(--font-size--body-xs);
  font-weight: var(--font-weight--bold);
  margin-right: var(--spacing--s);
  min-width: 60px;
  padding: 8px 12px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap
}

.search-related_terms_slider_component__pill:hover {
  background: var(--color-ui--grey-95)
}

.search-search_header_component__root {
  margin: 0 var(--spacing--m);
  padding: var(--spacing--xl) 0 var(--spacing--s) 0;
  position: relative;
  z-index: var(--z-index-2)
}

.search-search_header_component__headingContainer {
  display: block;
  margin-top: var(--spacing--m)
}

.search-search_header_component__heading {
  color: var(--color-ui--grey-40);
  display: inline;
  font-family: var(--font-family--apple-system);
  font-size: var(--font-size--body-s);
  font-weight: var(--font-weight--regular);
  letter-spacing: .5px
}

.search-search_header_component__authorText,
.search-search_header_component__suggestionText {
  color: var(--color-ui--grey-40);
  font-size: var(--font-size--body-s);
  margin-top: var(--spacing--m)
}

.search-search_header_component__searchDescriptionToggle {
  cursor: pointer;
  margin-left: var(--spacing--s)
}

.search-search_header_component__authorLink,
.search-search_header_component__searchDescriptionToggle,
.search-search_header_component__suggestionLink {
  display: inline-block;
  position: relative;
  text-decoration: none
}

.search-search_header_component__authorLink:after,
.search-search_header_component__searchDescriptionToggle:after,
.search-search_header_component__suggestionLink:after {
  content: "
  "
  ;
  height: 1px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translateY(1px);
  transition: all .15s cubic-bezier(.39, .575, .565, 1);
  transition-property: opacity, transform;
  width: 100%
}

.search-search_header_component__authorLink:hover:after,
.search-search_header_component__searchDescriptionToggle:hover:after,
.search-search_header_component__suggestionLink:hover:after {
  opacity: 1;
  transform: translateY(-3px) translateZ(0);
  transition-delay: .2s;
  transition-duration: .15s
}

.search-search_header_component__authorLink,
.search-search_header_component__searchDescriptionToggle,
.search-search_header_component__suggestionLink {
  color: var(--color-ui--blue)
}

.search-search_header_component__authorLink:hover,
.search-search_header_component__searchDescriptionToggle:hover,
.search-search_header_component__suggestionLink:hover {
  color: var(--color-ui--blue-light)
}

.search-search_header_component__authorLink:after,
.search-search_header_component__searchDescriptionToggle:after,
.search-search_header_component__suggestionLink:after {
  background-color: var(--color-ui--blue-light)
}

.search-search_header_component__searchDescription {
  display: none;
  margin-top: var(--spacing--m)
}

.search-search_header_component__searchDescription p {
  color: #666;
  font-size: var(--font-size--body-s);
  margin-bottom: var(--spacing--m)
}

.search-search_header_component__searchDescription a {
  color: #0084b4
}

.search-search_header_component__searchDescription a:hover {
  color: #007199
}

.search-search_header_component__searchDescriptionExpanded {
  display: block
}

@media(min-width: 1152px) {
  .search-search_header_component__root {
    margin: 0 auto var(--spacing--s);
    max-width: var(--container-width);
    padding: var(--spacing--xl) var(--spacing--m) 0 var(--spacing--m)
  }
}

.search-similar_items_index_content__root {
  background: var(--color-ui--grey-98);
  padding-bottom: var(--spacing--l)
}

.search-similar_items_index_content__similarItemsWrapper {
  margin: 0 var(--spacing--m);
  padding: var(--spacing--m) 0 var(--spacing--m) 0
}

.search-similar_items_index_content__similarItemsHeader {
  font-size: var(--font-size--body-l);
  font-weight: var(--font-weight--regular);
  margin: 0 0 var(--spacing--l)
}

@media(min-width: 1152px) {
  .search-similar_items_index_content__similarItemsWrapper {
    margin: 0 auto var(--spacing--s);
    max-width: var(--container-width)
  }
}

.search-sort_pills_component__root {
  align-self: baseline;
  display: inline-block;
  position: relative
}

.search-sort_pills_component__sortByLabel {
  font-size: var(--font-size--body-m);
  margin-right: var(--spacing--xs)
}

.search-sort_pills_component__sortBySelect {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--color-ui--white);
  border: 1px solid var(--color-ui--grey-90);
  border-radius: 2px;
  cursor: pointer;
  font-size: var(--font-size--body-s);
  padding: var(--spacing--s) 20px var(--spacing--s) 6px
}

.search-sort_pills_component__chevronIcon {
  height: 14px;
  pointer-events: none;
  position: absolute;
  right: 2px;
  top: calc(50% - 7px);
  vertical-align: middle;
  width: 22px
}

.search-sort_pills_component__sortButtonRow {
  border: 2px solid var(--color-ui--grey-90);
  border-radius: var(--spacing--xs);
  display: none;
  overflow: hidden
}

.search-sort_pills_component__sortButton {
  background: var(--color-ui--white);
  border: none;
  border-right: 2px solid var(--color-ui--grey-90);
  color: var(--color-ui--grey-20);
  cursor: pointer;
  font-size: var(--font-size--body-xs);
  font-weight: var(--font-weight--bold);
  line-height: 1.15;
  padding: var(--spacing--s) var(--spacing--m);
  text-decoration: none;
  transition: background .2s, color .2s
}

.search-sort_pills_component__sortButton:last-of-type {
  border-right: none
}

.search-sort_pills_component__sortButton:hover {
  background: var(--color-ui--grey-95)
}

.search-sort_pills_component__priceSortingIcon {
  display: inline-block;
  height: 12px;
  margin-left: var(--spacing--xxs);
  margin-top: -2px;
  vertical-align: middle;
  width: 12px
}

.search-sort_pills_component__selected {
  background: var(--color-ui--grey-20);
  color: var(--color-ui--white)
}

.search-sort_pills_component__selected:hover {
  background: var(--color-ui--grey-20)
}

@media(min-width: 960px) {
  .search-sort_pills_component__sortByDropdown {
    display: none
  }

  .search-sort_pills_component__sortButtonRow {
    display: flex
  }
}

@media(min-width: 832px) {
  .search-sort_pills_component__sortBySelect {
    padding-right: calc(var(--spacing--xl) + var(--spacing--s))
  }
}

.search-useful_searches_debug_component__root {
  background: #efefef;
  border-radius: 10px;
  margin: 10px;
  padding: 10px
}

.search-useful_searches_related_terms_component__root {
  background: var(--color-ui--white);
  border: 1px solid #eaeaea;
  border-radius: 5px;
  padding: var(--spacing--m)
}

.search-useful_searches_related_terms_component__primaryBox {
  align-items: center;
  display: flex;
  height: 40px
}

.search-useful_searches_related_terms_component__label {
  align-items: center;
  display: flex;
  font-weight: var(--font-weight--bold);
  height: 100%;
  white-space: nowrap
}

.search-useful_searches_related_terms_component__divider {
  border-top: 1px solid var(--color-ui--grey-90);
  margin: var(--spacing--m) 0
}

.search-useful_searches_related_terms_component__secondaryTermsLabel {
  font-weight: var(--font-weight--bold);
  padding: 0 0 var(--spacing--m)
}

.search-useful_searches_related_terms_component__secondaryTermsHolder {
  display: flex;
  flex-flow: column
}

.search-useful_searches_related_terms_component__categoryBox {
  display: flex;
  flex-flow: column;
  padding: 0 0 var(--spacing--m)
}

.search-useful_searches_related_terms_component__categoryLabel {
  font-size: var(--font-size--body-s);
  font-weight: var(--font-weight--bold);
  padding-bottom: var(--spacing--xs)
}

.search-useful_searches_related_terms_component__categoryLinks {
  display: flex;
  flex-wrap: wrap
}

.search-useful_searches_related_terms_component__term {
  color: var(--color-ui--grey-40);
  font-size: var(--font-size--body-s);
  font-weight: var(--font-weight--regular);
  padding: 12px 12px 12px 0
}

@media(min-width: 832px) {
  .search-useful_searches_related_terms_component__term {
    padding: 0 12px 0 0
  }
}

.shared-article_content_component__root p {
  color: var(--color-ui--grey-40);
  font-family: var(--font-family--apple-system);
  font-size: var(--font-size--body-s);
  line-height: 1.5;
  margin-bottom: var(--spacing--m);
  padding: 0
}

.shared-article_content_component__root a {
  color: var(--color-ui--blue)
}

.shared-article_content_component__root a:hover {
  color: var(--color-ui--blue-dark)
}

.shared-article_content_component__root h2,
.shared-article_content_component__root h3,
.shared-article_content_component__root h4,
.shared-article_content_component__root h5,
.shared-article_content_component__root h6 {
  color: var(--color-ui--grey-30);
  font-family: var(--font-family--apple-system);
  font-weight: var(--font-weight--bold);
  line-height: 1.2;
  margin-bottom: var(--spacing--s);
  padding: 0
}

.shared-article_content_component__root h2 {
  font-size: var(--font-size--body-xl)
}

.shared-article_content_component__root h3,
.shared-article_content_component__root h4,
.shared-article_content_component__root h5,
.shared-article_content_component__root h6 {
  font-size: var(--font-size--body-m)
}

.shared-article_content_component__root small {
  color: var(--color-ui--grey-50);
  font-size: var(--font-size--body-xs)
}

.shared-article_content_component__root ol,
.shared-article_content_component__root ul {
  font-size: var(--font-size--body-s);
  margin-bottom: var(--spacing--m);
  padding-left: var(--spacing--l)
}

.shared-article_content_component__root ol {
  list-style-type: decimal
}

.shared-article_content_component__root ul {
  list-style: disc
}

.shared-article_content_component__root ol:last-child,
.shared-article_content_component__root ul:last-child {
  margin-bottom: 0
}

.shared-audio_player_component__root {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-right: var(--spacing--s);
  width: 100%
}

.shared-audio_player_component__waveformContainer {
  cursor: grab;
  height: 36px;
  position: relative;
  width: 100%
}

.shared-audio_player_component__waveformContainer:active {
  cursor: grabbing
}

.shared-audio_player_component__timeContainer {
  background: var(--color-indigo-600);
  color: #fff;
  font-size: var(--font-size--body-xs);
  font-weight: var(--font-weight--semibold);
  height: 20px;
  line-height: 20px;
  padding: 0 5px;
  pointer-events: none;
  position: absolute;
  right: 1px;
  top: 50%;
  transform: translateY(-50%)
}

.shared-audio_player_component__button {
  background-color: #0000;
  border: 0;
  outline: none;
  padding: 0 var(--spacing--s) 0 0
}

.shared-audio_player_component__buttonIcon {
  color: var(--color-ui--grey-80);
  cursor: pointer;
  display: block;
  height: 30px;
  vertical-align: middle;
  width: 30px
}

.shared-audio_player_component__audioLength {
  color: var(--color-ui--grey-20);
  font-size: var(--font-size--body-xs);
  font-weight: var(--font-weight--bold);
  margin-left: var(--spacing--xs);
  min-width: 40px
}

.shared-authors_sidebar_component__root {
  background-color: var(--color-ui--grey-95);
  border: 1px solid var(--color-ui--grey-90);
  border-radius: 4px;
  min-width: calc(80px + var(--spacing--m)*2);
  padding-bottom: var(--spacing--l);
  text-align: center
}

.shared-authors_sidebar_component__header {
  border-bottom: 1px solid var(--color-ui--grey-90);
  padding: var(--spacing--m)
}

.shared-authors_sidebar_component__title {
  font-size: var(--font-size--body-l)
}

.shared-authors_sidebar_component__thumbnailTitle {
  font-size: var(--font-size--body-m)
}

.shared-authors_sidebar_component__thumbnailLink {
  color: var(--color-ui--grey-10);
  text-decoration: none
}

.shared-authors_sidebar_component__thumbnailImg {
  display: inline-block;
  height: 80px;
  width: 80px
}

.shared-authors_sidebar_component__authorList {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.shared-authors_sidebar_component__author {
  margin: var(--spacing--m)
}

.shared-autosuggest_component__searchInputWrapper {
  display: flex;
  margin: 0 auto;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.shared-autosuggest_component__searchInput {
  border: 0;
  box-sizing: border-box;
  color: gray;
  flex: 1 1 auto;
  font-size: var(--font-size--body-m);
  height: 100%;
  line-height: normal;
  width: 100%
}

.shared-autosuggest_component__searchInput:focus {
  outline: 0
}

.shared-autosuggest_component__searchInput::placeholder {
  color: var(--color-ui--grey-70)
}

.shared-autosuggest_component__searchInput[type=search] {
  -webkit-appearance: none;
  appearance: none
}

.shared-autosuggest_component__clearSearchBtn {
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  position: absolute;
  right: 62px;
  top: 18px
}

.shared-autosuggest_component__clearSearchBtn[data-visible=false] {
  display: none
}

.shared-autosuggest_component__clearSearchIcon {
  display: inline-block;
  fill: #ccc;
  height: 10px;
  width: 10px
}

.shared-autosuggest_component__searchSuggestions {
  background: var(--color-ui--white);
  box-shadow: 0 2px 3px #00000017;
  color: var(--color-ui--grey-60);
  display: none;
  left: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  width: 100%;
  z-index: var(--z-index-2)
}

.shared-autosuggest_component__searchItem {
  color: var(--color-ui--grey-30);
  cursor: pointer;
  display: block;
  font-size: var(--font-size--body-s);
  padding: var(--spacing--s) var(--spacing--m);
  text-decoration: none
}

.shared-autosuggest_component__searchItemCategory {
  color: var(--color-ui--grey-50)
}

.shared-autosuggest_component__searchItemSeparator {
  border-top: 1px solid var(--color-ui--grey-90);
  display: block;
  height: 1px
}

.shared-autosuggest_component__searchItem:hover,
.shared-autosuggest_component__searchItem[active=true] {
  background: var(--color-ui--grey-95)
}

.shared-autosuggest_component__searchBtn {
  background: var(--color-indigo-600);
  border: 0;
  color: var(--color-ui--white);
  cursor: pointer;
  height: auto
}

.shared-autosuggest_component__searchBtn:hover {
  background: var(--color-indigo-600)
}

.shared-autosuggest_component__searchBtnIcon {
  display: inline-block;
  fill: #fff
}

.shared-autosuggest_component__searchBtnLabel {
  display: none
}

.shared-autosuggest_component__minimalLayoutStyle .shared-autosuggest_component__searchInputWrapper {
  flex: 1 1 auto;
  min-width: 0;
  padding-top: var(--spacing--s)
}

.shared-autosuggest_component__minimalLayoutStyle .shared-autosuggest_component__searchInputWrapper:before {
  border-left: 1px solid var(--color-ui--grey-80);
  content: "
  "
  ;
  margin-left: var(--spacing--xs);
  margin-right: var(--spacing--m)
}

.shared-autosuggest_component__minimalLayoutStyle .shared-autosuggest_component__searchInput {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid var(--color-ui--grey-80);
  border-radius: var(--spacing--s) 0 0 var(--spacing--s);
  border-right: 0;
  box-sizing: border-box;
  color: var(--color-ui--grey-50);
  flex: 1 1;
  font-size: var(--font-size--body-s);
  max-width: 100px;
  min-width: 0;
  outline: none;
  padding: var(--spacing--s) var(--spacing--s) 6px
}

.shared-autosuggest_component__minimalLayoutStyle .shared-autosuggest_component__searchInput::placeholder {
  color: var(--color-ui--grey-80);
  opacity: 1
}

.shared-autosuggest_component__minimalLayoutStyle .shared-autosuggest_component__searchBtn {
  background-color: var(--color-ui--white);
  border: 1px solid var(--color-ui--grey-80);
  border-left: none;
  border-radius: 0 var(--spacing--s) var(--spacing--s) 0;
  color: var(--color-ui--grey-60);
  flex: 0 0 30px;
  font-size: var(--font-size--body-s);
  transition: background-color .2s
}

.shared-autosuggest_component__minimalLayoutStyle .shared-autosuggest_component__searchBtnLabel {
  display: none
}

.shared-autosuggest_component__minimalLayoutStyle .shared-autosuggest_component__searchBtnIcon {
  fill: var(--color-ui--grey-60);
  height: 14px;
  width: 14px
}

.shared-autosuggest_component__minimalLayoutStyle .shared-autosuggest_component__searchSuggestions {
  border-radius: var(--spacing--xs);
  box-shadow: 0 var(--spacing--xxs) var(--spacing--s) var(--color-ui--grey-80);
  left: 21px;
  max-width: 200px;
  top: 42px;
  width: calc(100% - 21px)
}

.shared-autosuggest_component__minimalLayoutStyle .shared-autosuggest_component__searchItem {
  font-size: var(--font-size--body-xs);
  font-weight: var(--font-weight--bold)
}

.shared-autosuggest_component__compactLayoutStyle .shared-autosuggest_component__searchInputWrapper {
  height: 74px
}

.shared-autosuggest_component__compactLayoutStyle .shared-autosuggest_component__searchInput {
  border-radius: 8px;
  box-shadow: var(--color-ui--grey-80) 0 5px 16px;
  padding: 0 140px 0 var(--font-size--body-l)
}

.shared-autosuggest_component__compactLayoutStyle .shared-autosuggest_component__searchBtn {
  align-items: center;
  border-radius: 5px;
  display: flex;
  font-size: var(--font-size--body-m);
  justify-content: center;
  padding: 12px 0;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 115px
}

.shared-autosuggest_component__compactLayoutStyle .shared-autosuggest_component__searchBtnIcon {
  height: 16px;
  width: 16px
}

.shared-autosuggest_component__compactLayoutStyle .shared-autosuggest_component__searchSuggestions {
  border-radius: 0 0 7px 7px;
  top: 75px
}

.shared-autosuggest_component__compactLayoutStyle .shared-autosuggest_component__searchBtnLabel {
  display: inline-block;
  margin-left: 10px
}

.shared-autosuggest_component__fullLayoutStyle .shared-autosuggest_component__searchInput {
  border: 2px solid var(--color-ui--grey-90);
  border-radius: 2px 0 0 2px;
  color: var(--color-ui--grey-10);
  flex: 1 1;
  height: 56px;
  padding: var(--spacing--m) var(--spacing--xl) var(--spacing--m) var(--spacing--m)
}

.shared-autosuggest_component__fullLayoutStyle .shared-autosuggest_component__searchInput:focus {
  border-color: #ccc
}

.shared-autosuggest_component__fullLayoutStyle .shared-autosuggest_component__searchBtn {
  border-radius: 0 2px 2px 0;
  box-shadow: 1px 1px 3px 0 #00000012;
  font-size: var(--font-size--body-s);
  margin-left: -2px;
  padding: var(--spacing--m) 0;
  transition: all .2s ease-in;
  width: 55px
}

.shared-autosuggest_component__fullLayoutStyle .shared-autosuggest_component__searchBtnIcon {
  height: 20px;
  width: 20px
}

.shared-autosuggest_component__fullLayoutStyle .shared-autosuggest_component__searchSuggestions {
  border: 2px solid var(--color-ui--grey-80);
  box-shadow: 2px 2px 5px 0 #00000012;
  padding: var(--spacing--m) 0;
  top: 54px;
  z-index: 1
}

.shared-autosuggest_component__fullLayoutStyle .shared-autosuggest_component__searchItem {
  color: var(--color-ui--grey-10);
  font-size: var(--font-size--body-m)
}

.shared-autosuggest_component__root[active=true] .shared-autosuggest_component__searchSuggestions {
  display: block
}

.shared-autosuggest_component__compactLayoutStyle[active=true] .shared-autosuggest_component__searchInput {
  border-radius: 8px 8px 0 0
}

@media(min-width: 640px) {
  .shared-autosuggest_component__fullLayoutStyle .shared-autosuggest_component__searchInput {
    padding: 0 50px 0 var(--font-size--body-l)
  }

  .shared-autosuggest_component__fullLayoutStyle .shared-autosuggest_component__searchBtn {
    width: 160px
  }

  .shared-autosuggest_component__fullLayoutStyle .shared-autosuggest_component__searchBtn.shared-autosuggest_component__alwaysIcon {
    width: 56px
  }

  .shared-autosuggest_component__fullLayoutStyle .shared-autosuggest_component__searchBtnIcon {
    display: none
  }

  .shared-autosuggest_component__fullLayoutStyle .shared-autosuggest_component__searchBtnIcon.shared-autosuggest_component__alwaysIcon,
  .shared-autosuggest_component__fullLayoutStyle .shared-autosuggest_component__searchBtnLabel {
    display: inline-block
  }

  .shared-autosuggest_component__fullLayoutStyle .shared-autosuggest_component__clearSearchBtn {
    right: 180px
  }
}

@media(min-width: 1152px) {
  .shared-autosuggest_component__compactLayoutStyle .shared-autosuggest_component__searchInput {
    padding: 10px 145px 10px 20px
  }
}

.shared-banner_component__bannerTop {
  background-color: var(--color-ui--grey-15);
  display: block;
  height: auto;
  left: 0;
  max-height: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  transition: max-height .3s ease-in-out;
  z-index: var(--z-index-5)
}

.shared-banner_component__visibleTop .shared-banner_component__bannerTop {
  max-height: 100px
}

.shared-banner_component__bannerBottom {
  background-color: var(--color-ui--grey-15);
  bottom: 0;
  display: block;
  height: 50px;
  left: 0;
  max-height: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  transition: max-height .3s ease-in-out;
  z-index: var(--z-index-5)
}

.shared-banner_component__visibleBottom .shared-banner_component__bannerBottom {
  max-height: 50px
}

.shared-brand_neue-button_link_component__root {
  align-items: center;
  border: 0;
  border-radius: var(--roundness-subtle);
  cursor: pointer;
  display: flex;
  font-family: PolySans-Neutral, sans-serif;
  font-size: var(--font-size-2x);
  font-style: normal;
  gap: var(--spacing-2x);
  justify-content: center;
  letter-spacing: var(--button-font-spacing);
  line-height: var(--button-font-height);
  padding: var(--spacing-2x) var(--spacing-4x);
  text-align: center;
  text-decoration: none;
  transition-duration: var(--transition-duration-short);
  transition-property: background-color, box-shadow, color;
  transition-timing-function: var(--transition-easing-ease-in-out);
  width: fit-content
}

.shared-brand_neue-button_link_component__root.shared-brand_neue-button_link_component__disabled,
.shared-brand_neue-button_link_component__root:disabled {
  cursor: not-allowed
}

.shared-brand_neue-button_link_component__primary {
  background: var(--color-interactive-primary);
  color: var(--color-content-brand)
}

.shared-brand_neue-button_link_component__primary:active,
.shared-brand_neue-button_link_component__primary:focus-visible,
.shared-brand_neue-button_link_component__primary:hover {
  background: var(--color-interactive-primary-hover)
}

.shared-brand_neue-button_link_component__primary.shared-brand_neue-button_link_component__disabled,
.shared-brand_neue-button_link_component__primary:disabled {
  background: var(--color-interactive-disabled);
  color: var(--color-content-disabled)
}

.shared-brand_neue-button_link_component__banner {
  background: var(--color-interactive-primary);
  color: var(--color-content-brand)
}

.shared-brand_neue-button_link_component__banner:active,
.shared-brand_neue-button_link_component__banner:focus-visible,
.shared-brand_neue-button_link_component__banner:hover {
  background: var(--color-interactive-primary-hover)
}

.shared-brand_neue-button_link_component__banner.shared-brand_neue-button_link_component__disabled,
.shared-brand_neue-button_link_component__banner:disabled {
  background: var(--color-interactive-disabled);
  color: var(--color-content-disabled)
}

.shared-brand_neue-button_link_component__banner {
  height: 48px;
  padding: 14px var(--spacing-3x)
}

.shared-brand_neue-icon_component__root {
  height: unset;
  vertical-align: middle
}

.shared-brand_neue-icon_component__size4x {
  height: var(--icon-size-4x);
  width: var(--icon-size-4x)
}

.shared-brand_neue-icon_component__size2x {
  height: var(--icon-size-2x);
  width: var(--icon-size-2x)
}

.shared-brand_neue-icon_component__size1x {
  height: var(--icon-size-1x);
  width: var(--icon-size-1x)
}

.shared-brand_neue-icon_component__size14 {
  height: 14px;
  width: 14px
}

.shared-brand_neue-icon_component__size20 {
  height: 20px;
  width: 20px
}

.shared-brand_neue-icon_component__size24 {
  height: var(--icon-size-2x);
  width: var(--icon-size-2x)
}

.shared-brand_neue-text_component__root {
  font-family: PolySans-Neutral, sans-serif;
  font-style: normal
}

.shared-brand_neue-text_component__bodyLarge {
  font-size: var(--text-style-body-large-size);
  font-weight: var(--text-style-body-large-weight);
  letter-spacing: var(--text-style-body-large-spacing);
  line-height: var(--text-style-body-large-height)
}

.shared-brand_neue-text_component__bodySmall {
  font-size: var(--text-style-body-small-size);
  font-weight: var(--text-style-body-small-weight);
  letter-spacing: var(--text-style-body-small-spacing);
  line-height: var(--text-style-body-small-height)
}

.shared-brand_neue-text_component__labelSmall {
  font-size: var(--text-style-label-small-size);
  font-weight: var(--text-style-label-small-weight);
  letter-spacing: var(--text-style-label-small-spacing);
  line-height: var(--text-style-label-small-height)
}

.shared-brand_neue-text_component__title4 {
  font-size: var(--text-style-title-4-size);
  font-weight: var(--text-style-title-4-weight)
}

.shared-brand_neue-text_component__title3,
.shared-brand_neue-text_component__title4 {
  letter-spacing: var(--text-style-title-4-spacing);
  line-height: var(--text-style-title-4-height)
}

.shared-brand_neue-text_component__title3 {
  font-size: var(--text-style-title-3-size);
  font-weight: var(--text-style-title-3-weight)
}

.shared-brand_neue-text_component__title2 {
  font-size: var(--text-style-title-2-size);
  font-weight: var(--text-style-title-2-weight);
  letter-spacing: var(--text-style-title-2-spacing);
  line-height: var(--text-style-title-2-height)
}

.shared-brand_neue-text_component__subheading {
  font-family: PolySans-Median, sans-serif;
  font-size: var(--text-style-subheading-size);
  font-weight: var(--text-style-subheading-weight);
  letter-spacing: var(--text-style-subheading-spacing);
  line-height: var(--font-height-tight)
}

.shared-brand_neue-text_component__contentAccent {
  color: var(--color-content-brand-accent)
}

.shared-brand_neue-text_component__contentPrimary {
  color: var(--color-content-primary)
}

.shared-brand_neue-text_component__contentBrand {
  color: var(--color-content-brand)
}

.shared-brand_neue-text_component__colorInverse {
  color: var(--color-content-inverse)
}

.shared-brand_neue-text_component__colorInteractivePrimary {
  color: var(--color-interactive-primary)
}

.shared-brand_neue-text_component__fontWeightUnset {
  font-weight: unset
}

.shared-content_header_component__root {
  background: var(--color-ui--white);
  box-shadow: 0 0 8px var(--color-ui--grey-90);
  position: relative
}

.shared-content_header_component__wrapper {
  margin: 0 auto;
  max-width: var(--container-width)
}

.shared-content_header_component__headerWrapper {
  flex-grow: 1;
  padding: 0 var(--spacing--m)
}

.shared-content_header_component__searchWrapper {
  margin: 0 auto;
  padding: 0 var(--spacing--m) var(--spacing--l)
}

.shared-content_header_component__list {
  padding: var(--spacing--s) 0 var(--spacing--xs) 0
}

.shared-content_header_component__listItem {
  color: var(--color-ui--grey-20);
  display: inline-block;
  font-size: var(--font-size--body-xs);
  line-height: 1;
  padding: var(--spacing--xs) var(--spacing--xs) 0 0
}

.shared-content_header_component__listItem:last-child {
  color: var(--color-ui--grey-30);
  font-weight: var(--font-weight--regular)
}

.shared-content_header_component__link {
  color: var(--color-ui--grey-20);
  font-weight: var(--font-weight--semibold);
  text-decoration: none
}

.shared-content_header_component__heading {
  font-size: var(--font-size--h2);
  padding: var(--spacing--m) 0;
  -webkit-font-smoothing: antialiased;
  color: var(--color-ui--grey-20);
  line-height: var(--line-height--heading)
}

.shared-content_header_component__subheading {
  color: var(--color-ui--grey-20);
  display: inline-block;
  font-size: var(--font-size--body-s);
  font-weight: var(--font-weight--regular);
  margin-right: var(--spacing--s);
  padding: 0 0 var(--spacing--m) 0
}

.shared-content_header_component__readMore {
  color: var(--color-ui--blue);
  cursor: pointer;
  display: inline-block;
  font-size: var(--font-size--body-s);
  font-weight: var(--font-weight--bold);
  padding: 0 0 var(--spacing--m) 0
}

.shared-content_header_component__topArticle {
  display: none
}

.shared-content_header_component__expanded {
  display: block
}

@media(min-width: 960px) {
  .shared-content_header_component__wrapper {
    align-items: flex-end;
    display: flex;
    justify-content: center
  }

  .shared-content_header_component__searchWrapper {
    margin: 0;
    width: 560px
  }
}

.shared-csat_survey_component__root {
  background: var(--color-ui--white);
  border-radius: var(--border-radius--xxs);
  bottom: 50px;
  box-shadow: 0 0 var(--border-radius--xs) var(--border-radius--xxs) var(--color-ui--grey-96);
  padding: var(--spacing--s);
  position: fixed;
  width: 100%;
  z-index: var(--z-index-5)
}

.shared-csat_survey_component__hidden {
  display: none
}

.shared-csat_survey_component__section {
  color: var(--color-ui--grey-20);
  margin: var(--spacing--l) var(--spacing--m)
}

.shared-csat_survey_component__section h2 {
  margin-bottom: var(--spacing--m);
  text-align: center
}

.shared-csat_survey_component__section p {
  padding: 10px 0
}

.shared-csat_survey_component__section .shared-csat_survey_component__yesButton {
  background: var(--color-ui--green-light);
  border-radius: var(--border-radius--xs);
  border-width: 0;
  box-shadow: 0 var(--border-radius--xxs) 0 var(--color-ui--green-dark);
  color: var(--color-ui--white);
  cursor: pointer;
  display: block;
  font-size: var(--font-size--body-m);
  margin-top: 14px;
  padding: 10px var(--spacing--l);
  text-align: center;
  width: 100%
}

.shared-csat_survey_component__closeButton {
  height: 20px
}

.shared-csat_survey_component__closeSvg {
  cursor: pointer
}

.shared-csat_survey_component__closeSvg svg {
  fill: #bababa;
  float: right;
  width: 10px
}

@media(min-width: 640px) {
  .shared-csat_survey_component__root {
    right: var(--spacing--xl);
    width: 450px
  }
}

.shared-csat_survey_modal_component__root {
  height: 640px;
  width: 100%
}

.shared-csat_survey_modal_component__root iframe {
  height: 100%;
  width: 100%
}

@media(min-width: 832px) {
  .shared-csat_survey_modal_component__root {
    height: 640px;
    width: 600px
  }
}

.shared-cta_button_component__root {
  background-color: var(--color-ui--green-light);
  border: none;
  border-radius: var(--border-radius--xs);
  color: var(--color-ui--white);
  display: inline-block;
  position: relative;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
  font-size: var(--font-size--body-s);
  line-height: 1.5;
  padding: 5px 20px;
  text-align: center;
  text-decoration: none;
  transition: all .1s
}

.shared-cta_button_component__root.shared-cta_button_component__large {
  border-radius: var(--border-radius--xs);
  border-width: 0;
  box-shadow: 0 2px 0 var(--color-ui--green-dark);
  font-size: var(--font-size--body-m);
  margin: auto;
  padding: 10px var(--spacing--l)
}

.shared-cta_button_component__root.shared-cta_button_component__fixedWidth {
  min-width: 180px;
  padding: 6px var(--spacing--xl)
}

.shared-cta_button_component__root.shared-cta_button_component__medium {
  box-shadow: 0 2px 0 var(--color-ui--green-dark);
  font-size: var(--font-size--body-m);
  height: 36px;
  width: 164px
}

.shared-cta_button_component__root.shared-cta_button_component__small {
  background-color: var(--color-ui--green-primary);
  border-radius: var(--border-radius--xxs);
  padding: var(--spacing--xs) var(--spacing--m)
}

.shared-cta_button_component__root.shared-cta_button_component__smallBold {
  background-color: var(--color-ui--green-primary);
  border: 1px solid var(--color-ui--green-primary);
  border-radius: var(--border-radius--xxs);
  font-weight: var(--font-weight--bold);
  padding: var(--spacing--s) var(--spacing--m)
}

.shared-cta_button_component__root.shared-cta_button_component__smallWide {
  background-color: var(--color-ui--green-primary);
  border: 1px solid var(--color-ui--green-primary);
  border-radius: 2px;
  padding: 8px 32px
}

.shared-cta_button_component__small:focus,
.shared-cta_button_component__small:hover,
.shared-cta_button_component__smallBold:focus,
.shared-cta_button_component__smallBold:hover,
.shared-cta_button_component__smallWide:focus,
.shared-cta_button_component__smallWide:hover {
  background-color: var(--color-ui--green-light);
  border-color: var(--color-ui--green-light)
}

.shared-elements-cta_button_component__root {
  align-items: center;
  background-color: var(--color-ui--elements-cta-red);
  border-color: var(--color-ui--elements-cta-red);
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  color: var(--color-ui--white);
  display: inline-flex;
  font-size: var(--font-size--body-m);
  font-weight: 600;
  justify-content: center;
  min-width: 180px;
  padding: 8px 30px;
  text-decoration: none;
  transition: all .2s;
  -webkit-font-smoothing: antialiased
}

.shared-elements-cta_button_component__root.shared-elements-cta_button_component__standard {
  height: 48px
}

.shared-elements-cta_button_component__root.shared-elements-cta_button_component__small {
  height: 40px
}

.shared-elements-cta_button_component__root.shared-elements-cta_button_component__fullWidth {
  width: 100%
}

.shared-elements-cta_button_component__root:focus,
.shared-elements-cta_button_component__root:hover {
  background-color: var(--color-ui--elements-cta-red-darken);
  border-color: var(--color-ui--elements-cta-red-darken)
}

.shared-elements-photo_component__root {
  background-color: var(--color-ui--white);
  border-radius: var(--border-radius--xs);
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
  width: min(319px, 100%)
}

.shared-elements-photo_component__thumbWrapper {
  aspect-ratio: 319/210;
  font-size: 0;
  position: relative;
  width: 100%
}

.shared-elements-photo_component__thumbWrapper img {
  border-radius: var(--border-radius--xs) var(--border-radius--xs) 0 0;
  height: 100%;
  object-fit: cover;
  width: 100%
}

.shared-elements-photo_component__captionWrapper {
  max-width: calc(100% - var(--spacing-5x));
  padding: var(--spacing-2x);
  position: absolute;
  transition: opacity var(--transition-duration-long);
  z-index: 5
}

.shared-elements-photo_component__caption {
  background-color: var(--color-overlay-dark);
  border-radius: var(--roundness-subtle);
  border-bottom-left-radius: var(--roundness-square);
  color: var(--color-content-inverse);
  font-size: var(--text-style-label-small-size);
  font-weight: var(--text-style-label-small-weight);
  letter-spacing: var(--text-style-label-small-spacing);
  line-height: var(--text-style-label-small-height);
  overflow: hidden;
  padding: 0 var(--spacing-2x);
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap
}

.shared-elements-photo_component__linkWrapper {
  inset: 0;
  position: absolute;
  text-decoration: none
}

.shared-elements-photo_component__itemButtonWrapper {
  bottom: 0;
  padding: var(--spacing-2x);
  position: absolute;
  right: 0;
  transition: opacity var(--transition-duration-long);
  z-index: 5
}

.shared-elements-photo_component__itemButton {
  align-items: center;
  background-color: var(--color-overlay-dark);
  border-radius: var(--roundness-subtle);
  box-shadow: 0 2px 4px 0 #0e1e251f, 0 2px 16px 0 #0e1e2552;
  color: var(--color-white);
  display: inline-flex;
  font-size: var(--button-font-size-large);
  font-weight: var(--button-font-weight);
  gap: var(--spacing-2x);
  line-height: var(--button-font-height);
  padding: var(--spacing-2x) var(--spacing-4x)
}

.shared-elements-photo_component__itemButton:active,
.shared-elements-photo_component__itemButton:focus,
.shared-elements-photo_component__itemButton:hover {
  background-color: var(--color-surface-inverse)
}

@media(hover: hover) {

  .shared-elements-photo_component__captionWrapper,
  .shared-elements-photo_component__itemButtonWrapper {
    opacity: 0
  }

  .shared-elements-photo_component__root:hover .shared-elements-photo_component__captionWrapper,
  .shared-elements-photo_component__root:hover .shared-elements-photo_component__itemButtonWrapper {
    opacity: 1
  }
}

.shared-elements-search_block_component__root {
  background-color: var(--color-surface-brand-accent);
  color: var(--color-ui--grey-20);
  margin: 0;
  padding: 0
}

.shared-elements-search_block_component__header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3x);
  padding: 0 var(--spacing-3x) var(--spacing-3x) var(--spacing-3x);
  text-align: left
}

.shared-elements-search_block_component__inner {
  padding: var(--spacing-3x) var(--spacing-1x);
  text-align: center
}

.shared-elements-search_block_component__heading {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2x)
}

.shared-elements-search_block_component__heading .shared-elements-search_block_component__accent {
  color: var(--color-content-brand-accent)
}

.shared-elements-search_block_component__cta a {
  gap: var(--spacing-2x);
  padding: var(--spacing-2x) var(--spacing-4x);
  width: 100%
}

@media(min-width: 640px) {
  .shared-elements-search_block_component__inner {
    margin: 0 auto;
    max-width: var(--container-width);
    padding: var(--spacing-6x) var(--spacing-1x)
  }

  .shared-elements-search_block_component__header {
    display: flex;
    flex-direction: row;
    gap: 0;
    justify-content: space-between;
    padding: 0 var(--spacing-3x) var(--spacing-6x) var(--spacing-3x)
  }

  .shared-elements-search_block_component__logo {
    margin-top: var(--spacing-2x)
  }

  .shared-elements-search_block_component__heading,
  .shared-elements-search_block_component__logo {
    text-align: left
  }

  .shared-elements-search_block_component__heading {
    flex: 1 1;
    gap: 0;
    margin-left: var(--spacing-5x);
    padding: 0
  }

  .shared-elements-search_block_component__cta {
    margin-top: var(--spacing-1x);
    text-align: right
  }
}

.shared-elements-slider_component__root {
  max-height: 245px;
  position: relative
}

.shared-elements-slider_component__buttonPrev {
  justify-content: flex-start;
  left: -4px
}

.shared-elements-slider_component__buttonNext {
  justify-content: flex-end;
  right: -4px
}

.shared-elements-slider_component__buttonNext,
.shared-elements-slider_component__buttonPrev {
  align-items: center;
  background: #0000;
  border: 0;
  cursor: pointer;
  display: flex;
  height: 70px;
  margin: 0;
  outline: none;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 70px
}

.shared-elements-slider_component__buttonIcon {
  align-items: center;
  background: #fff;
  border-radius: 50%;
  display: flex;
  filter: drop-shadow(0 3px 3px rgba(0, 0, 0, .1));
  height: var(--icon-size-5x);
  justify-content: center;
  transition: color .3s linear, background-color .2s linear;
  width: var(--icon-size-5x)
}

.shared-elements-slider_component__buttonIcon svg {
  height: 16px;
  width: 16px
}

.shared-elements-slider_component__buttonIcon:hover {
  background-color: #000;
  color: var(--color-white)
}

.shared-elements-slider_component__track {
  visibility: hidden
}

.shared-elements-slider_component__track[data-slider-initialized=true] {
  visibility: visible
}

.shared-elements-slider_component__slide {
  margin: 0 var(--spacing-1x);
  position: relative
}

@media only screen and (min-width: 1440px) {
  .shared-elements-slider_component__buttonPrev {
    left: -14px
  }

  .shared-elements-slider_component__buttonNext {
    right: -14px
  }
}

.shared-elements-video_component__root {
  background-color: var(--color-ui--white);
  border-radius: var(--border-radius--xs);
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
  width: min(319px, 100%)
}

.shared-elements-video_component__wrapperWrapper {
  aspect-ratio: 319/210;
  position: relative
}

.shared-elements-video_component__thumbWrapper {
  font-size: 0;
  height: 100%;
  width: 100%
}

.shared-elements-video_component__thumbWrapper img {
  border-radius: var(--border-radius--xs) var(--border-radius--xs) 0 0;
  height: 100%;
  object-fit: cover;
  width: 100%
}

.shared-elements-video_component__captionWrapper {
  max-width: calc(100% - var(--spacing-5x));
  padding: var(--spacing-2x);
  position: absolute;
  transition: opacity var(--transition-duration-long);
  z-index: 5
}

.shared-elements-video_component__caption {
  background-color: var(--color-overlay-dark);
  border-radius: var(--roundness-subtle);
  border-bottom-left-radius: var(--roundness-square);
  color: var(--color-content-inverse);
  font-size: var(--text-style-label-small-size);
  font-weight: var(--text-style-label-small-weight);
  letter-spacing: var(--text-style-label-small-spacing);
  line-height: var(--text-style-label-small-height);
  overflow: hidden;
  padding: 0 var(--spacing-2x);
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap
}

.shared-elements-video_component__videoWrapper {
  display: flex;
  height: 100%;
  position: absolute;
  top: 0;
  transition: opacity .5s ease-in-out;
  width: 100%;
  z-index: 2
}

[data-video-preview-loaded-value=true] .shared-elements-video_component__videoWrapper {
  opacity: 1
}

.shared-elements-video_component__video {
  object-fit: cover;
  overflow: hidden
}

.shared-elements-video_component__linkWrapper {
  inset: 0;
  position: absolute;
  text-decoration: none;
  z-index: 5
}

.shared-elements-video_component__itemButtonWrapper {
  bottom: 0;
  padding: var(--spacing-2x);
  position: absolute;
  right: 0;
  transition: opacity var(--transition-duration-long);
  z-index: 5
}

.shared-elements-video_component__itemButton {
  align-items: center;
  background-color: var(--color-overlay-dark);
  border-radius: var(--roundness-subtle);
  box-shadow: 0 2px 4px 0 #0e1e251f, 0 2px 16px 0 #0e1e2552;
  color: var(--color-ui--white);
  display: inline-flex;
  font-size: var(--button-font-size-large);
  font-weight: var(--button-font-weight);
  gap: var(--spacing-2x);
  line-height: var(--button-font-height);
  padding: var(--spacing-2x) var(--spacing-4x)
}

.shared-elements-video_component__itemButton:active,
.shared-elements-video_component__itemButton:focus,
.shared-elements-video_component__itemButton:hover {
  background-color: var(--color-surface-inverse)
}

@media(hover: hover) {

  .shared-elements-video_component__captionWrapper,
  .shared-elements-video_component__itemButtonWrapper {
    opacity: 0
  }

  .shared-elements-video_component__root:hover .shared-elements-video_component__captionWrapper,
  .shared-elements-video_component__root:hover .shared-elements-video_component__itemButtonWrapper {
    opacity: 1
  }
}

.shared-full_width_banner_block_component__root {
  margin: 0 auto;
  max-width: var(--container-width);
  padding: 0 var(--spacing--s)
}

.shared-full_width_banner_block_component__banner {
  border-radius: var(--spacing--xs);
  box-shadow: 1px var(--spacing--s) var(--spacing--m) #00000014;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  text-decoration: none;
  transition: transform .2s
}

.shared-full_width_banner_block_component__banner:hover {
  transform: translateY(-2px)
}

.shared-full_width_banner_block_component__imageWrapper {
  display: flex;
  flex-grow: 1
}

.shared-full_width_banner_block_component__detail {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--spacing--l)
}

.shared-full_width_banner_block_component__title {
  font-size: var(--font-size--h4);
  line-height: 1.2;
  margin-bottom: var(--spacing--s)
}

.shared-full_width_banner_block_component__subtitle {
  font-size: var(--font-size--body-m);
  line-height: 1.2
}

.shared-full_width_banner_block_component__button {
  align-self: flex-start;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: var(--font-size--body-s);
  font-weight: 700;
  margin-top: var(--spacing--m);
  padding: var(--spacing--s) var(--spacing--l)
}

.shared-full_width_banner_block_component__image {
  height: 100%;
  width: 100%
}

.shared-full_width_banner_block_component__limitWidth {
  display: flex;
  justify-content: center;
  padding: var(--spacing--l) 10px
}

.shared-full_width_banner_block_component__limitWidth .shared-full_width_banner_block_component__banner {
  max-width: 1388px;
  width: 100%
}

@media(min-width: 960px) {
  .shared-full_width_banner_block_component__banner {
    flex-direction: row
  }

  .shared-full_width_banner_block_component__detail {
    padding: calc(var(--spacing--xl) + var(--spacing--m));
    width: 50%
  }

  .shared-full_width_banner_block_component__logoRight .shared-full_width_banner_block_component__detail {
    order: 1
  }

  .shared-full_width_banner_block_component__imageWrapper {
    overflow: hidden;
    width: 50%
  }

  .shared-full_width_banner_block_component__logoRight .shared-full_width_banner_block_component__imageWrapper {
    order: 2
  }

  .shared-full_width_banner_block_component__image {
    object-fit: contain
  }
}

.shared-global_footer-cross_sell_banner_component__root {
  align-items: center;
  background-color: var(--color-surface-brand-accent);
  color: var(--color-content-primary);
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: auto;
  overflow: hidden;
  width: max-content
}

.shared-global_footer-cross_sell_banner_component__root a {
  color: var(--color-content-primary);
  text-decoration: none
}

.shared-global_footer-cross_sell_banner_component__root>

div {
  flex: 1 1;
  max-width: 407px
}

@media(min-width: 832px) {
  .shared-global_footer-cross_sell_banner_component__root {
    flex-direction: row;
    gap: var(--spacing-3x)
  }
}

.shared-global_footer-cross_sell_banner_component__mainPanel {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3x);
  padding: var(--spacing-4x) 0 var(--spacing-3x) 0
}

.shared-global_footer-cross_sell_banner_component__mainPanel .shared-global_footer-cross_sell_banner_component__mainPanelLink,
.shared-global_footer-cross_sell_banner_component__mainPanel .shared-global_footer-cross_sell_banner_component__mainPanelLink .shared-global_footer-cross_sell_banner_component__mainPanelLinkContainer {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2x)
}

.shared-global_footer-cross_sell_banner_component__mainPanel .shared-global_footer-cross_sell_banner_component__mainPanelLink .shared-global_footer-cross_sell_banner_component__mainPanelLinkHeading {
  font-weight: var(--font-weight-median)
}

.shared-global_footer-cross_sell_banner_component__mainPanel .shared-global_footer-cross_sell_banner_component__mainPanelLinkButton {
  max-width: 50%
}

.shared-global_footer-cross_sell_banner_component__mainPanel a {
  width: 100%
}

@media(min-width: 640px) {
  .shared-global_footer-cross_sell_banner_component__mainPanel {
    padding: 0 0 var(--spacing-3x) 0
  }

  .shared-global_footer-cross_sell_banner_component__mainPanel a {
    width: unset
  }
}

.shared-global_footer-cross_sell_banner_component__secondaryPanel {
  padding-bottom: var(--spacing-4x);
  z-index: 1
}

.shared-global_footer-cross_sell_banner_component__secondaryPanel img {
  width: 407px
}

@media(min-width: 640px) {
  .shared-global_footer-cross_sell_banner_component__secondaryPanel {
    padding-bottom: 0
  }
}

.shared-global_footer-cross_sell_banner_component__elementsLogo {
  height: var(--icon-size-3x)
}

.shared-global_footer-cross_sell_banner_component__elementsCampaign {
  background-color: var(--color-surface-neutral-strong);
  display: flex;
  gap: var(--spacing-7x);
  justify-content: center;
  width: max-content
}

.shared-global_footer-cross_sell_banner_component__elementsCampaign .shared-global_footer-cross_sell_banner_component__termsAndConditions {
  color: var(--color-content-secondary);
  font-size: 9px;
  font-weight: var(--font-weight-median);
  line-height: 150%;
  margin-top: var(--spacing-2x)
}

.shared-global_footer-cross_sell_banner_component__elementsCampaign .shared-global_footer-cross_sell_banner_component__mainPanelLinkSubTitle {
  padding-top: var(--spacing-3x)
}

@media(min-width: 832px) {
  .shared-global_footer-cross_sell_banner_component__elementsCampaign {
    width: 922px
  }
}

.shared-global_footer-cross_sell_banner_component__elementsCampaign>

div {
  flex: unset;
  max-width: unset
}

.shared-global_footer-cross_sell_banner_component__elementsCampaign .shared-global_footer-cross_sell_banner_component__elementsLogo {
  height: unset
}

.shared-global_footer-cross_sell_banner_component__elementsCampaign .shared-global_footer-cross_sell_banner_component__mainPanel {
  gap: 20px;
  z-index: 1
}

.shared-global_footer-cross_sell_banner_component__elementsCampaign .shared-global_footer-cross_sell_banner_component__mainPanel .shared-global_footer-cross_sell_banner_component__mainPanelLink {
  gap: 20px
}

.shared-global_footer-cross_sell_banner_component__elementsCampaign .shared-global_footer-cross_sell_banner_component__mainPanel .shared-global_footer-cross_sell_banner_component__mainPanelLink h2 {
  display: inline
}

.shared-global_footer-cross_sell_banner_component__elementsCampaign .shared-global_footer-cross_sell_banner_component__mainPanel .shared-global_footer-cross_sell_banner_component__mainPanelLink .shared-global_footer-cross_sell_banner_component__mainPanelLinkContainer {
  gap: 20px
}

.shared-global_footer-cross_sell_banner_component__elementsCampaign .shared-global_footer-cross_sell_banner_component__mainPanel a {
  width: max-content
}

@media(min-width: 832px) {

  .shared-global_footer-cross_sell_banner_component__elementsCampaign .shared-global_footer-cross_sell_banner_component__mainPanel,
  .shared-global_footer-cross_sell_banner_component__elementsCampaign .shared-global_footer-cross_sell_banner_component__mainPanel .shared-global_footer-cross_sell_banner_component__mainPanelLink,
  .shared-global_footer-cross_sell_banner_component__elementsCampaign .shared-global_footer-cross_sell_banner_component__mainPanel .shared-global_footer-cross_sell_banner_component__mainPanelLink .shared-global_footer-cross_sell_banner_component__mainPanelLinkContainer {
    gap: var(--spacing-3x)
  }

  .shared-global_footer-cross_sell_banner_component__elementsCampaign .shared-global_footer-cross_sell_banner_component__mainPanel a {
    width: max-content
  }
}

.shared-global_footer-cross_sell_banner_component__elementsCampaign .shared-global_footer-cross_sell_banner_component__mobileItemsCollage {
  display: block
}

@media(min-width: 832px) {
  .shared-global_footer-cross_sell_banner_component__elementsCampaign .shared-global_footer-cross_sell_banner_component__mobileItemsCollage {
    display: none
  }
}

.shared-global_footer-cross_sell_banner_component__elementsCampaign .shared-global_footer-cross_sell_banner_component__secondaryPanel {
  display: none;
  z-index: 1
}

@media(min-width: 832px) {
  .shared-global_footer-cross_sell_banner_component__elementsCampaign .shared-global_footer-cross_sell_banner_component__secondaryPanel {
    display: block
  }
}

.shared-global_footer-cross_sell_banner_component__elementsCampaign .shared-global_footer-cross_sell_banner_component__greenVector {
  display: none;
  max-width: 822px;
  position: absolute;
  z-index: 0
}

.shared-global_footer-cross_sell_banner_component__elementsCampaign .shared-global_footer-cross_sell_banner_component__greenVector img {
  margin-left: 100px;
  margin-top: 24px;
  max-height: 100%;
  max-width: 100%
}

@media(min-width: 832px) {
  .shared-global_footer-cross_sell_banner_component__elementsCampaign .shared-global_footer-cross_sell_banner_component__greenVector {
    display: block;
    max-width: 750px
  }
}

@media(min-width: 960px) {
  .shared-global_footer-cross_sell_banner_component__elementsCampaign .shared-global_footer-cross_sell_banner_component__greenVector {
    max-width: 815px
  }
}

@media(min-width: 1152px) {
  .shared-global_footer-cross_sell_banner_component__elementsCampaign .shared-global_footer-cross_sell_banner_component__greenVector {
    max-width: 950px
  }
}

@media(min-width: 1408px) {
  .shared-global_footer-cross_sell_banner_component__elementsCampaign .shared-global_footer-cross_sell_banner_component__greenVector {
    max-width: 1500px
  }

  .shared-global_footer-cross_sell_banner_component__elementsCampaign .shared-global_footer-cross_sell_banner_component__greenVector img {
    margin-top: -64px
  }
}

.shared-global_footer-cross_sell_banner_component__elementsCampaign .shared-global_footer-cross_sell_banner_component__mobileGreenVector img {
  width: 100%
}

.shared-global_footer-cross_sell_banner_component__elementsCampaign .shared-global_footer-cross_sell_banner_component__mobileGreenVector {
  display: block;
  width: 100vw
}

@media(min-width: 832px) {
  .shared-global_footer-cross_sell_banner_component__elementsCampaign .shared-global_footer-cross_sell_banner_component__mobileGreenVector {
    display: none
  }
}

.shared-global_footer-cross_sell_component__root {
  background-color: var(--color-surface-brand-accent);
  display: flex;
  padding: 0
}

@media(min-width: 640px) {
  .shared-global_footer-cross_sell_component__root {
    padding: var(--spacing-7x) 0
  }
}

.shared-global_footer-cross_sell_component__elementsCyberSale2025 {
  background-color: var(--color-surface-neutral-strong)
}

.shared-global_footer-footer_component__root {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  background-color: var(--color-ui--grey-10);
  color: var(--color-ui--white);
  font-family: var(--font-family--apple-system);
  font-size: 13px;
  padding-bottom: var(--spacing--xl);
  padding-top: var(--spacing--xl)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-resolution:120dpi) {
  .shared-global_footer-footer_component__root {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }
}

.shared-global_footer-footer_component__topContainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 auto;
  max-width: var(--container-width);
  padding: var(--spacing--m) var(--spacing--l)
}

.shared-global_footer-footer_component__topStats {
  display: flex;
  flex-flow: row wrap;
  order: 1;
  padding-bottom: 16px
}

.shared-global_footer-footer_component__topStatsMeta {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--spacing--m)
}

@media(max-width: 1023px) {
  .shared-global_footer-footer_component__topStatsMeta {
    align-items: flex-start
  }
}

.shared-global_footer-footer_component__topStatsMeta img {
  margin-right: var(--spacing--m)
}

@media(max-width: 1023px) {
  .shared-global_footer-footer_component__topStatsMeta img {
    margin-right: 0
  }
}

.shared-global_footer-footer_component__logo {
  display: block;
  height: 20px;
  margin-bottom: 16px;
  transform: translateY(-4px);
  width: auto
}

@media(max-width: 1023px) {
  .shared-global_footer-footer_component__logo {
    margin-bottom: 0
  }
}

.shared-global_footer-footer_component__topLinks {
  border-bottom: 2px solid var(--color-ui--grey-20);
  border-top: 2px solid var(--color-ui--grey-20);
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  justify-content: space-between;
  margin: 16px 0 0;
  order: 2;
  padding: 32px 0 16px
}

@media(min-width: 640px) {
  .shared-global_footer-footer_component__topLinks {
    flex-direction: row
  }

  .shared-global_footer-footer_component__topStatsMeta {
    align-items: center;
    flex-direction: row;
    margin-right: var(--spacing--l)
  }
}

@media(min-width: 960px) {
  .shared-global_footer-footer_component__topContainer {
    flex-direction: row
  }

  .shared-global_footer-footer_component__topLinks {
    border-width: 0;
    margin-top: 0;
    max-width: 70%;
    order: 1;
    padding-top: 0
  }

  .shared-global_footer-footer_component__topStats {
    order: 2
  }

  .shared-global_footer-footer_component__topStatsMeta {
    align-items: flex-start;
    flex-direction: column;
    margin-right: var(--spacing--l)
  }
}

.shared-global_footer-footer_component__topLinksGroup {
  margin-right: 16px;
  min-width: 140px
}

.shared-global_footer-footer_component__topLinksGroupTitle {
  display: block;
  font-weight: var(--font-weight--bold);
  height: 24px;
  margin-bottom: var(--spacing--m);
  opacity: .5;
  text-transform: uppercase
}

.shared-global_footer-footer_component__topLink {
  color: var(--color-ui--white);
  display: block;
  font-size: var(--font-size--body-s);
  font-weight: var(--font-weight--bold);
  margin-bottom: var(--spacing--m);
  text-decoration: none
}

.shared-global_footer-footer_component__topLink:hover {
  opacity: 1;
  text-decoration: underline
}

button.shared-global_footer-footer_component__topLink {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0
}

.shared-global_footer-footer_component__statsList {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-left: 0;
  margin-top: var(--spacing--m);
  width: 255px
}

.shared-global_footer-footer_component__statsListItem {
  color: var(--color-ui--grey-50);
  list-style: none;
  margin-left: 0;
  padding: 0
}

.shared-global_footer-footer_component__stats {
  color: var(--color-ui--white);
  display: block;
  font-size: var(--font-size--body-m);
  font-weight: var(--font-weight--bold)
}

.shared-global_footer-footer_component__bottomContainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 auto;
  max-width: var(--container-width);
  padding: var(--spacing--l) var(--spacing--l)
}

.shared-global_footer-footer_component__bottomSocial {
  align-self: flex-end;
  display: flex;
  justify-content: center;
  margin: var(--spacing--l) auto;
  min-width: 248px;
  order: 1
}

.shared-global_footer-footer_component__bottomLinks {
  background-color: var(--color-ui--grey-10);
  order: 3;
  position: relative
}

@media(min-width: 640px) {
  .shared-global_footer-footer_component__bottomContainer {
    flex-direction: row
  }

  .shared-global_footer-footer_component__bottomSocial {
    border-width: 0;
    justify-content: flex-end;
    margin: 0;
    order: 3
  }

  .shared-global_footer-footer_component__bottomLinks {
    flex-grow: 2;
    order: 2
  }
}

@media(min-width: 832px) {
  .shared-global_footer-footer_component__bottomContainer {
    border-top: 2px solid var(--color-ui--grey-20)
  }
}

.shared-global_footer-footer_component__socialLink {
  height: 22px;
  margin-left: var(--spacing--s);
  text-decoration: none;
  width: 22px
}

.shared-global_footer-footer_component__socialLink:first-child {
  margin-left: 0
}

.shared-global_footer-footer_component__companyLinks {
  text-align: center
}

@media(min-width: 640px) {
  .shared-global_footer-footer_component__companyLinks {
    text-align: left
  }
}

.shared-global_footer-footer_component__companyLink {
  color: var(--color-ui--white);
  display: inline-block;
  font-size: var(--font-size--body-s);
  font-weight: var(--font-weight--bold);
  margin-right: var(--spacing--l);
  text-decoration: none
}

.shared-global_footer-footer_component__companyLink:hover {
  text-decoration: underline
}

.shared-global_footer-footer_component__copyrights,
.shared-global_footer-footer_component__notice {
  color: var(--color-ui--grey-60);
  font-size: inherit;
  margin-top: var(--spacing--s)
}

.shared-global_header-cart_link_component__root {
  color: var(--color-ui--white);
  display: inline-block;
  padding: var(--spacing--m) var(--spacing--s) var(--spacing--m) var(--spacing--m);
  padding-bottom: 12px;
  text-decoration: none
}

.shared-global_header-cart_link_component__root:hover {
  text-decoration: none
}

.shared-global_header-cart_link_component__userCartCount {
  background-color: var(--color-indigo-600);
  border-radius: 9px;
  color: #fff;
  display: inline-block;
  font-weight: var(--font-weight--bold);
  line-height: 1;
  margin-left: var(--spacing--xs);
  min-width: 24px;
  opacity: 1;
  padding: var(--spacing--xs) 5px;
  text-align: center
}

.shared-global_header-cart_link_component__userCartCount:empty {
  display: none
}

.shared-global_header-cart_link_component__userCartIcon {
  display: inline-block;
  fill: currentColor;
  height: 16px;
  opacity: .6;
  transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
  vertical-align: middle;
  width: 16px
}

.shared-global_header-cart_link_component__mobile {
  line-height: 15px;
  margin-right: 20px;
  padding: 0
}

.shared-global_header-cart_link_component__mobile .shared-global_header-cart_link_component__userCartCount {
  font-size: var(--font-size--body-xs);
  padding: 2px 7px 3px
}

.shared-global_header-cart_link_component__mobile .shared-global_header-cart_link_component__userCartIcon {
  height: 14px;
  width: 14px
}

.shared-global_header-cart_link_component__root:active .shared-global_header-cart_link_component__userCartCount {
  opacity: .7
}

.shared-global_header-cart_mini_link_component__cartButton {
  color: var(--color-ui--white);
  display: none;
  margin-right: var(--spacing--xs);
  text-decoration: none
}

@media screen and (min-width: 350px) {
  .shared-global_header-cart_mini_link_component__cartButton {
    display: inline-block
  }
}

.shared-global_header-cart_mini_link_component__cartButton:hover {
  text-decoration: none
}

.shared-global_header-cart_mini_link_component__userCartCount {
  background-color: var(--color-indigo-600);
  border-radius: 9px;
  color: #fff;
  display: inline-block;
  font-weight: var(--font-weight--bold);
  line-height: 1;
  margin-left: var(--spacing--s);
  min-width: 24px;
  padding: 1px 5px;
  text-align: center
}

.shared-global_header-cart_mini_link_component__userCartCount:empty {
  display: none
}

.shared-global_header-cart_mini_link_component__userCartIcon {
  display: inline-block;
  height: 14px;
  transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
  vertical-align: middle;
  width: 14px
}

.shared-global_header-cart_mini_link_component__cartButton svg {
  fill: #fff;
  height: 14px;
  width: 14px
}

.shared-global_header-cart_mini_link_component__linkButton {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--color-ui--grey-20);
  border: none;
  border-radius: var(--spacing--xs);
  box-sizing: border-box;
  color: var(--color-ui--white);
  cursor: pointer;
  display: inline-block;
  font-family: var(--font-family--sans-serif);
  font-size: var(--font-size--body-s);
  height: 28px;
  line-height: var(--line-height--reset);
  margin: 0;
  padding: 6px;
  text-align: center;
  text-decoration: none
}

.shared-global_header-cart_mini_link_component__linkButton:focus,
.shared-global_header-cart_mini_link_component__linkButton:hover {
  background-color: var(--color-ui--blue-light);
  outline: none;
  text-decoration: none
}

.shared-global_header-cart_mini_link_component__cartButton .shared-global_header-cart_mini_link_component__linkButton {
  align-items: center;
  display: flex;
  font-size: 13px
}

.shared-global_header-categories_menu_component__linksList {
  display: flex;
  float: left;
  font-size: var(--font-size--body-xs);
  list-style: none;
  margin: 0;
  padding: 7px 0 0
}

.shared-global_header-categories_menu_component__menuItem {
  position: relative
}

.shared-global_header-categories_menu_component__dropdownContainer {
  display: none;
  left: 0;
  position: absolute;
  top: 34px;
  width: 210px
}

.shared-global_header-categories_menu_component__menuItem:hover>

.shared-global_header-categories_menu_component__dropdownContainer {
  display: block
}

.shared-global_header-categories_menu_component__dropdown {
  box-shadow: 0 var(--spacing--xs) 10px var(--color-ui--grey-30);
  list-style: none;
  padding: 0
}

.shared-global_header-categories_menu_component__dropdown a {
  background-color: var(--color-ui--white);
  color: var(--color-ui--grey-40);
  display: block;
  padding: var(--spacing--s);
  text-decoration: none
}

.shared-global_header-categories_menu_component__dropdown a:focus,
.shared-global_header-categories_menu_component__dropdown a:hover {
  background-color: var(--color-ui--grey-90);
  text-decoration: none
}

.shared-global_header-categories_menu_component__dropdown a>

i {
  float: right;
  opacity: .5
}

.shared-global_header-categories_menu_component__dropdownBottom {
  border-top: 1px solid var(--color-ui--grey-90)
}

.shared-global_header-categories_menu_component__dropdownTop {
  border-bottom: 1px solid var(--color-ui--grey-90)
}

.shared-global_header-categories_menu_component__link,
.shared-global_header-categories_menu_component__linkEmpty {
  border-radius: var(--spacing--xs) var(--spacing--xs) 0 0;
  color: var(--color-ui--grey-40);
  display: block;
  padding: 0 10px;
  white-space: nowrap
}

.shared-global_header-categories_menu_component__link,
.shared-global_header-categories_menu_component__link:hover {
  height: 34px;
  line-height: 34px;
  text-decoration: none
}

.shared-global_header-categories_menu_component__linkEmptyWithLabel {
  padding-bottom: var(--spacing--s);
  padding-top: var(--spacing--s)
}

.shared-global_header-categories_menu_component__linkEmpty {
  border-radius: var(--spacing--xs)
}

.shared-global_header-categories_menu_component__link:focus,
.shared-global_header-categories_menu_component__link:hover,
.shared-global_header-categories_menu_component__linkEmpty:focus,
.shared-global_header-categories_menu_component__linkEmpty:hover {
  text-decoration: none
}

.shared-global_header-categories_menu_component__menuItem:hover>
.shared-global_header-categories_menu_component__link,
.shared-global_header-categories_menu_component__menuItem:hover>

.shared-global_header-categories_menu_component__linkEmpty {
  background-color: var(--color-ui--grey-60);
  color: var(--color-ui--white)
}

.shared-global_header-categories_menu_component__linkExternal:after {
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='10' fill='none'%3E%3Cpath fill='%23666' fill-rule='evenodd' d='M7.425 1.4 4.106 4.662a.59.59 0 0 0 0 .732c.169.168.506.168.675 0L8.044 2.13v1.125c0 .225.225.45.45.45s.45-.225.45-.45v-2.25c0-.112-.057-.225-.113-.337A.31.31 0 0 0 8.55.5H6.3a.484.484 0 0 0-.45.45c0 .225.225.45.45.45zM9 5.9V3.762v4.613C9 8.994 8.55 9.5 7.987 9.5H1.013C.45 9.5 0 8.994 0 8.375v-6.75C0 1.006.45.5 1.012.5h4.782H3.6c.225 0 .45.225.45.45s-.225.45-.45.45H1.181c-.169 0-.281.113-.281.281v6.581c0 .17.112.282.281.282h6.694c.169 0 .281-.113.281-.282V5.844c0-.225.225-.45.45-.45.169.056.394.281.394.506' clip-rule='evenodd'/%3E%3C/svg%3E");
  display: inline-block;
  padding-left: 2px
}

.shared-global_header-categories_menu_component__linkElements:before {
  border: 1px solid var(--color-green-100);
  content: "
  "
  ;
  margin-right: 5px;
  padding: 3px 0
}

.shared-global_header-categories_menu_component__dropdown .shared-global_header-categories_menu_component__linkExternal:after {
  padding-left: 6px
}

.shared-global_header-categories_menu_component__menuItem:hover>

.shared-global_header-categories_menu_component__linkExternal:after {
  content: url(&quot;data:image/svg+xml;utf8,<svg fill='none' height='9' viewBox='0 0 12 12' width='9' xmlns='http://www.w3.org/2000/svg'><path clip-rule='evenodd' d='M9.9 1.2L5.475 5.55C5.25 5.85 5.25 6.225 5.475 6.525C5.7 6.75 6.15 6.75 6.375 6.525L10.725 2.175V3.675C10.725 3.975 11.025 4.275 11.325 4.275C11.625 4.275 11.925 3.975 11.925 3.675V0.675C11.925 0.525 11.85 0.375 11.775 0.225C11.7 0.075 11.55 0 11.4 0H8.4C8.1 0 7.8 0.3 7.8 0.6C7.8 0.9 8.1 1.2 8.4 1.2H9.9ZM12 7.2V4.35V10.5C12 11.325 11.4 12 10.65 12H1.35C0.6 12 0 11.325 0 10.5V1.5C0 0.675 0.6 0 1.35 0H7.725H4.8C5.1 0 5.4 0.3 5.4 0.6C5.4 0.9 5.1 1.2 4.8 1.2H1.575C1.35 1.2 1.2 1.35 1.2 1.575V10.35C1.2 10.575 1.35 10.725 1.575 10.725H10.5C10.725 10.725 10.875 10.575 10.875 10.35V7.125C10.875 6.825 11.175 6.525 11.475 6.525C11.7 6.6 12 6.9 12 7.2Z' fill='white' fill-rule='evenodd'/></svg>&quot;)
}

.shared-global_header-categories_menu_component__linkElements.shared-global_header-categories_menu_component__linkExternal {
  padding-left: 0
}

.shared-global_header-categories_menu_component__label {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--color-ui--grey-90);
  border-radius: 3px;
  color: var(--color-ui--grey-30);
  display: inline-block;
  font-size: 9px;
  font-weight: 700;
  line-height: 12px;
  padding: var(--spacing--xs);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase
}

.shared-global_header-categories_menu_component__label:active,
.shared-global_header-categories_menu_component__label:focus,
.shared-global_header-categories_menu_component__label:hover {
  text-decoration: none
}

.shared-global_header-categories_mobile_menu_component__newLabel {
  background-color: #dedede;
  border-radius: 3px;
  color: #545454;
  font-size: 9px;
  font-weight: 700;
  line-height: 12px;
  padding: 4px 4px 3px;
  text-transform: uppercase
}

.shared-global_header-categories_mobile_menu_component__linkRow {
  background-color: var(--color-ui--grey-20);
  display: flex;
  justify-content: space-between;
  text-decoration: none
}

.shared-global_header-categories_mobile_menu_component__link {
  color: var(--color-ui--white);
  display: block;
  flex-grow: 1;
  padding: 15px;
  text-decoration: none
}

.shared-global_header-categories_mobile_menu_component__link.shared-global_header-categories_mobile_menu_component__sub {
  background-color: #0000;
  display: block;
  padding: 15px 15px 15px 25px
}

.shared-global_header-categories_mobile_menu_component__linkExternal {
  white-space: nowrap
}

.shared-global_header-categories_mobile_menu_component__linkExternal:after {
  content: url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;9&#39; height=&#39;10&#39; fill=&#39;none&#39;%3E%3Cpath fill=&#39;%23ccc&#39; fill-rule=&#39;evenodd&#39; d=&#39;M7.425 1.4 4.106 4.662a.59.59 0 0 0 0 .732c.169.168.506.168.675 0L8.044 2.13v1.125c0 .225.225.45.45.45s.45-.225.45-.45v-2.25c0-.112-.057-.225-.113-.337A.31.31 0 0 0 8.55.5H6.3a.484.484 0 0 0-.45.45c0 .225.225.45.45.45zM9 5.9V3.762v4.613C9 8.994 8.55 9.5 7.987 9.5H1.013C.45 9.5 0 8.994 0 8.375v-6.75C0 1.006.45.5 1.012.5h4.782H3.6c.225 0 .45.225.45.45s-.225.45-.45.45H1.181c-.169 0-.281.113-.281.281v6.581c0 .17.112.282.281.282h6.694c.169 0 .281-.113.281-.282V5.844c0-.225.225-.45.45-.45.169.056.394.281.394.506&#39; clip-rule=&#39;evenodd&#39;/%3E%3C/svg%3E&quot;);
  padding-left: 3px
}

.shared-global_header-categories_mobile_menu_component__linkGradient {
  font-weight: 600;
  padding: 15px 0
}

.shared-global_header-categories_mobile_menu_component__linkGradient:before {
  border: 2px solid var(--color-green-100);
  content: &quot;
  &quot;
  ;
  margin-right: 8px;
  padding: 6px 0
}

.shared-global_header-categories_mobile_menu_component__icon {
  fill: var(--color-ui--white);
  height: 54px;
  padding: 15px 20px;
  width: 54px
}

.shared-global_header-categories_mobile_menu_component__linkRow.shared-global_header-categories_mobile_menu_component__expanded&gt;

.shared-global_header-categories_mobile_menu_component__icon {
  transform: rotate(180deg)
}

.shared-global_header-categories_mobile_menu_component__subLinks {
  display: none
}

.shared-global_header-categories_mobile_menu_component__subLinks.shared-global_header-categories_mobile_menu_component__expanded {
  display: block
}

.shared-global_header-categories_mobile_menu_component__cyberSaleBadge {
  background: var(--color-green-100);
  border-radius: 10px;
  bottom: 1px;
  color: var(--color-grey-1000);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 21px;
  padding: 1px 5px;
  position: relative;
  text-align: left;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-position: from-font
}

.shared-global_header-dropdown_component__dropdownWrapper {
  border-bottom: 1px solid #00000014;
  border-left: 1px solid #0000000d;
  border-radius: 3px;
  box-shadow: 3px 2px 7px 1px #00000014;
  margin-left: -115px;
  max-height: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 48px;
  transform: scale(.4);
  transform-origin: 10% top;
  transition: max-height .15s linear .15s, opacity .1s cubic-bezier(.39, .575, .565, 1), transform .15s cubic-bezier(.1, 1.26, .83, 1);
  transition-delay: 1s;
  z-index: var(--z-index-4)
}

.shared-global_header-dropdown_component__guestUserMenuWrapper {
  display: inline-block;
  list-style-type: none;
  position: relative
}

.shared-global_header-dropdown_component__guestUserMenuWrapper:after {
  border: 8px solid #0000;
  border-bottom: 8px solid var(--color-ui--white);
  content: &quot;
  &quot;
  ;
  height: 0;
  left: 15px;
  opacity: 0;
  position: absolute;
  top: 32px;
  transition: opacity .1s cubic-bezier(.39, .575, .565, 1);
  transition-delay: .95s;
  width: 1px
}

.shared-global_header-dropdown_component__guestUserMenuWrapper.shared-global_header-dropdown_component__disabled:after {
  display: none
}

.shared-global_header-dropdown_component__guestUserMenuWrapper:hover:after {
  opacity: 1;
  transition-delay: .2s;
  transition-duration: .15s
}

.shared-global_header-dropdown_component__guestUserMenuWrapper.shared-global_header-dropdown_component__disable_menu:after {
  display: none
}

.shared-global_header-dropdown_component__guestUserMenuWrapper:first-child {
  margin-left: 0
}

.shared-global_header-dropdown_component__guestUserMenuWrapper:hover .shared-global_header-dropdown_component__dropdownWrapper {
  max-height: 700px;
  opacity: 1;
  transform: scale(1);
  transition-delay: .2s;
  transition-duration: 0s, .2s, .2s
}

.shared-global_header-dropdown_component__guestUserMenuWrapper.shared-global_header-dropdown_component__disabled:hover .shared-global_header-dropdown_component__dropdownWrapper {
  display: none
}

.shared-global_header-dropdown_component__dropdown {
  background: var(--color-ui--white);
  border-radius: 3px;
  color: var(--color-ui--grey-50);
  cursor: auto;
  white-space: nowrap
}

.shared-global_header-elements_campaign_nav_component__root {
  cursor: pointer;
  display: inline-block;
  height: 56px;
  line-height: 56px;
  position: relative
}

.shared-global_header-elements_campaign_nav_component__root * {
  line-height: normal
}

.shared-global_header-elements_campaign_nav_component__root:after {
  background: var(--color-green-100);
  bottom: 0;
  content: &quot;
  &quot;
  ;
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%
}

.shared-global_header-elements_campaign_nav_component__mainLink {
  color: var(--color-ui--white);
  opacity: 1;
  text-decoration: none;
  white-space: nowrap
}

.shared-global_header-elements_campaign_nav_component__mainLink:before {
  border-left: 1px solid var(--color-ui--grey-96);
  content: &quot;
  &quot;
  ;
  left: -17px;
  opacity: .4;
  position: relative
}

.shared-global_header-elements_campaign_nav_component__dropdownContainer {
  background-color: var(--color-surface-brand-accent);
  display: none;
  font-weight: var(--font-weight-neutral);
  left: 0;
  position: absolute;
  text-decoration: none;
  z-index: 10
}

.shared-global_header-elements_campaign_nav_component__dropdownContainer:hover {
  text-decoration: none
}

.shared-global_header-elements_campaign_nav_component__dropdownContainer .shared-global_header-elements_campaign_nav_component__title {
  color: var(--color-ui--white);
  font-size: 24px;
  font-weight: 600;
  line-height: 19.8px;
  text-align: left;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-position: from-font
}

.shared-global_header-elements_campaign_nav_component__dropdownContainer .shared-global_header-elements_campaign_nav_component__title p {
  padding-bottom: 5px
}

.shared-global_header-elements_campaign_nav_component__dropdownContainer .shared-global_header-elements_campaign_nav_component__title .shared-global_header-elements_campaign_nav_component__accent {
  color: var(--color-interactive-primary)
}

.shared-global_header-elements_campaign_nav_component__dropdownContainer .shared-global_header-elements_campaign_nav_component__subTitle {
  color: var(--color-ui--white);
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 400;
  gap: 4px;
  line-height: 21px;
  padding-top: 4px
}

.shared-global_header-elements_campaign_nav_component__dropdownContainer .shared-global_header-elements_campaign_nav_component__subTitle p:first-child {
  align-items: center;
  display: flex;
  padding: 4px 0 2px
}

.shared-global_header-elements_campaign_nav_component__dropdownContainer .shared-global_header-elements_campaign_nav_component__subTitle p:first-child img {
  margin-right: 5px
}

.shared-global_header-elements_campaign_nav_component__dropdownContainer .shared-global_header-elements_campaign_nav_component__subTitle p:nth-child(2) {
  align-items: center;
  display: flex;
  padding: 0
}

.shared-global_header-elements_campaign_nav_component__dropdownContainer .shared-global_header-elements_campaign_nav_component__subTitle p:nth-child(2) img {
  margin-right: 5px
}

.shared-global_header-elements_campaign_nav_component__dropdownContainer a {
  color: var(--color-ui--grey-20);
  display: inline-block;
  text-decoration: none
}

.shared-global_header-elements_campaign_nav_component__dropdownContainer .shared-global_header-elements_campaign_nav_component__cta {
  margin-top: 20px
}

.shared-global_header-elements_campaign_nav_component__dropdownContainer .shared-global_header-elements_campaign_nav_component__cta a {
  color: #523ee8;
  font-weight: 600;
  padding: 0;
  white-space: nowrap
}

.shared-global_header-elements_campaign_nav_component__dropdownContainer .shared-global_header-elements_campaign_nav_component__cta a:after {
  content: url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;10&#39; height=&#39;10&#39; fill=&#39;none&#39;%3E%3Cpath fill=&#39;%23523ee8&#39; d=&#39;M5 .788 9.212 5 5 9.212l-.917-.917 2.64-2.645H.85v-1.3h5.873l-2.64-2.645z&#39;/%3E%3C/svg%3E&quot;);
  transition: margin-left .3s ease-in-out
}

.shared-global_header-elements_campaign_nav_component__dropdownContainer .shared-global_header-elements_campaign_nav_component__cta a:hover {
  background-color: #0000
}

.shared-global_header-elements_campaign_nav_component__dropdownContainer .shared-global_header-elements_campaign_nav_component__cta a:hover:after {
  margin-left: 4px
}

@media only screen and (min-width: 1075px) and (max-width:1339.98px) {
  .shared-global_header-elements_campaign_nav_component__dropdownContainer {
    left: auto;
    right: 0
  }
}

.shared-global_header-elements_campaign_nav_component__root:hover .shared-global_header-elements_campaign_nav_component__dropdownContainer {
  display: flex
}

.shared-global_header-elements_campaign_nav_component__mainPanelContainer {
  background-color: #eeecfd
}

.shared-global_header-elements_campaign_nav_component__mainPanel {
  background-color: var(--color-border-primary)
}

.shared-global_header-elements_campaign_nav_component__mainPanel .shared-global_header-elements_campaign_nav_component__itemsCollage {
  background-color: var(--color-border-primary);
  display: flex;
  position: relative;
  width: 515px
}

.shared-global_header-elements_campaign_nav_component__mainPanel .shared-global_header-elements_campaign_nav_component__itemsCollage .shared-global_header-elements_campaign_nav_component__leftPart {
  height: 266px
}

.shared-global_header-elements_campaign_nav_component__mainPanel .shared-global_header-elements_campaign_nav_component__itemsCollage .shared-global_header-elements_campaign_nav_component__rightPart&gt;

div {
  margin: 1.5rem
}

.shared-global_header-elements_campaign_nav_component__mainPanel .shared-global_header-elements_campaign_nav_component__itemsCollage .shared-global_header-elements_campaign_nav_component__leftPart&gt;

div:first-child {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 1.5rem 0 1.5rem 1.5rem
}

.shared-global_header-elements_campaign_nav_component__mainPanel .shared-global_header-elements_campaign_nav_component__itemsCollage .shared-global_header-elements_campaign_nav_component__rightPart {
  height: 266px;
  position: relative;
  width: 100%
}

.shared-global_header-elements_campaign_nav_component__mainPanel .shared-global_header-elements_campaign_nav_component__itemsCollage .shared-global_header-elements_campaign_nav_component__rightPart .shared-global_header-elements_campaign_nav_component__title {
  padding-top: 23.5px
}

.shared-global_header-elements_campaign_nav_component__mainPanel .shared-global_header-elements_campaign_nav_component__itemsCollage .shared-global_header-elements_campaign_nav_component__rightPart .shared-global_header-elements_campaign_nav_component__firstDecorator {
  position: absolute;
  right: 0;
  top: 0
}

.shared-global_header-elements_campaign_nav_component__mainPanel .shared-global_header-elements_campaign_nav_component__itemsCollage .shared-global_header-elements_campaign_nav_component__rightPart .shared-global_header-elements_campaign_nav_component__secondDecorator {
  bottom: 0;
  left: -60px;
  position: absolute
}

.shared-global_header-elements_campaign_nav_component__mainPanel .shared-global_header-elements_campaign_nav_component__itemsCollage .shared-global_header-elements_campaign_nav_component__newSiteBtn {
  align-items: center;
  background-color: var(--color-green-100);
  border: unset;
  border-radius: 4px;
  color: var(--color-green-1000);
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  gap: 5px;
  height: 40px;
  justify-content: center;
  line-height: 21px;
  margin-top: 8px;
  width: 126px
}

.shared-global_header-elements_campaign_nav_component__mainPanel .shared-global_header-elements_campaign_nav_component__itemsCollage .shared-global_header-elements_campaign_nav_component__newSiteBtn:hover {
  background-color: var(--color-green-300)
}

.shared-global_header-elements_campaign_nav_component__mainPanel .shared-global_header-elements_campaign_nav_component__itemsCollage .shared-global_header-elements_campaign_nav_component__newSiteBtn:after {
  content: url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;14&#39; height=&#39;14&#39; fill=&#39;none&#39; viewBox=&#39;0 0 20 20&#39;%3E%3Cpath fill=&#39;%231a4200&#39; d=&#39;M17.5 12.083v3.75c0 .92-.746 1.667-1.667 1.667H4.167c-.92 0-1.667-.746-1.667-1.667V4.167c0-.92.746-1.667 1.667-1.667h3.75c.23 0 .416.187.416.417v.833c0 .23-.186.417-.416.417h-3.75v11.666h11.666v-3.75c0-.23.187-.416.417-.416h.833c.23 0 .417.186.417.416m-.183-9.166-.225-.225a.63.63 0 0 0-.425-.192H11.25a.417.417 0 0 0-.417.417v.833c0 .23.187.417.417.417h3.408L7.625 11.2a.417.417 0 0 0 0 .592l.583.583a.417.417 0 0 0 .592 0l7.033-7.025v3.4c0 .23.187.417.417.417h.833c.23 0 .417-.187.417-.417V3.333a.63.63 0 0 0-.183-.425z&#39;/%3E%3C/svg%3E&quot;);
  font-size: 0;
  margin: 11px 0 0 2px
}

.shared-global_header-elements_campaign_nav_component__mainPanel .shared-global_header-elements_campaign_nav_component__itemsCollage .shared-global_header-elements_campaign_nav_component__termAndConditions {
  color: var(--color-grey-300);
  font-size: 9px;
  font-weight: 600
}

.shared-global_header-elements_campaign_nav_component__cyberSaleBadge {
  background: var(--color-green-100);
  border-radius: 50px;
  color: var(--color-grey-1000);
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  margin-left: 4px;
  padding: 4px 8px
}

.shared-global_header-elements_campaign_nav_component__secondaryPanel {
  margin-left: var(--spacing--m);
  padding-bottom: var(--spacing--m);
  padding-right: var(--spacing--m);
  padding-top: var(--spacing--m)
}

.shared-global_header-elements_campaign_nav_component__punchLine {
  font-weight: 700;
  line-height: 20px
}

.shared-global_header-elements_campaign_nav_component__subPunchLine {
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 17.5px;
  margin-left: auto;
  margin-right: auto;
  width: 80%
}

.shared-global_header-elements_campaign_nav_component__sellingPoints {
  list-style-position: inside
}

.shared-global_header-elements_campaign_nav_component__sellingPoints li {
  margin-bottom: 9px;
  white-space: nowrap
}

.shared-global_header-elements_campaign_nav_component__sellingPoints li:before {
  content: url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#39;http://www.w3.org/2000/svg&#39; width=&#39;14&#39; height=&#39;15&#39; fill=&#39;none&#39;%3E%3Cpath fill=&#39;%23acb0ee&#39; d=&#39;M7 .833a6.667 6.667 0 1 0 0 13.334A6.667 6.667 0 0 0 7 .833m2.9 5.154L6.153 9.733a.32.32 0 0 1-.466 0L4.1 8.167a.333.333 0 0 1 0-.474l.353-.353a.32.32 0 0 1 .467 0l1 .993 3.16-3.16a.333.333 0 0 1 .467 0l.353.354a.333.333 0 0 1 0 .46&#39;/%3E%3C/svg%3E&quot;)
}

.shared-global_header-elements_campaign_nav_component__uniqueSellingPointVariant .shared-global_header-elements_campaign_nav_component__mainPanel {
  text-align: left
}

.shared-global_header-elements_nav_component__root {
  cursor: pointer;
  display: inline-block;
  height: 56px;
  line-height: 56px;
  position: relative
}

.shared-global_header-elements_nav_component__root * {
  line-height: normal
}

.shared-global_header-elements_nav_component__root:after {
  background: var(--color-green-100);
  bottom: 0;
  content: &quot;
  &quot;
  ;
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%
}

.shared-global_header-elements_nav_component__mainLink {
  color: var(--color-ui--white);
  opacity: 1;
  position: relative;
  text-decoration: none;
  white-space: nowrap
}

.shared-global_header-elements_nav_component__mainLink:before {
  border-left: 1px solid var(--color-ui--grey-96);
  content: &quot;
  &quot;
  ;
  left: -17px;
  opacity: .4;
  position: relative
}

.shared-global_header-elements_nav_component__dropdownContainer {
  align-items: flex-end;
  background-color: var(--color-surface-brand-accent);
  box-shadow: 0 var(--spacing--xs) 10px var(--color-ui--grey-30);
  display: none;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 56px;
  width: 515px;
  z-index: 2
}

.shared-global_header-elements_nav_component__dropdownContainer a {
  color: var(--color-content-primary);
  text-decoration: none
}

@media only screen and (min-width: 1340px) {
  .shared-global_header-elements_nav_component__dropdownContainer {
    right: auto
  }
}

.shared-global_header-elements_nav_component__root:hover .shared-global_header-elements_nav_component__dropdownContainer {
  display: flex
}

.shared-global_header-elements_nav_component__mainPanel {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: var(--spacing-3x);
  padding: var(--spacing-4x) var(--spacing-3x) var(--spacing-4x) var(--spacing-4x);
  position: relative;
  width: 231px
}

.shared-global_header-elements_nav_component__mainPanelLink {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3x);
  padding: 0
}

.shared-global_header-elements_nav_component__elementsLogo {
  height: 23px
}

.shared-global_header-elements_nav_component__secondaryPanel img {
  display: block;
  object-fit: cover;
  object-position: center;
  width: 284px
}

.shared-global_header-elements_nav_component__mainPanelLinkContainer {
  display: flex;
  flex-direction: column
}

.shared-global_header-elements_nav_component__mainPanelLinkHeading {
  color: var(--color-content-primary)
}

.shared-global_header-elements_nav_component__mainPanelLinkHeading .shared-global_header-elements_nav_component__title {
  font-family: PolySans-Median, sans-serif;
  font-size: var(--text-style-subheading-size);
  font-weight: var(--text-style-subheading-weight);
  letter-spacing: var(--text-style-subheading-spacing);
  line-height: var(--font-height-tight);
  padding-bottom: 13px
}

.shared-global_header-elements_nav_component__mainPanelLinkHeading .shared-global_header-elements_nav_component__title .shared-global_header-elements_nav_component__accent {
  color: var(--color-content-brand-accent)
}

.shared-global_header-elements_nav_component__mainPanelLinkSubheading {
  color: var(--color-content-primary)
}

.shared-global_header-elements_nav_component__mainPanelLinkDescriptionContainer {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1x)
}

.shared-global_header-elements_nav_component__mainPanelLinkDescription {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--spacing-1x)
}

.shared-global_header-elements_nav_component__mainPanelButton a {
  height: 40px;
  padding: 10px var(--spacing-3x)
}

.shared-global_header-global_header_component__headerWrapper {
  position: relative;
  z-index: var(--z-index-4)
}

.shared-global_header-global_header_component__headerCategoriesWrapper {
  display: none
}

@media(min-width: 1024px) {
  .shared-global_header-global_header_component__headerCategoriesWrapper {
    display: unset
  }
}

.shared-global_header-global_header_component__headerCategories {
  background-color: var(--color-ui--grey-96);
  border-bottom: 1px solid var(--color-ui--blue-lightest);
  height: 48px
}

.shared-global_header-global_header_component__gridWide {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--container-width);
  padding-left: 6px;
  padding-right: 6px
}

.shared-global_header-global_header_component__offCanvasSearch {
  margin: 15px;
  overflow: hidden
}

.shared-global_header-global_header_component__categoryNavigationSearch {
  border-left: thin solid var(--color-ui--grey-90);
  float: left;
  margin-left: var(--spacing--s);
  margin-top: var(--spacing--s);
  padding-left: var(--spacing--m);
  width: 160px
}

.shared-global_header-global_header_component__desktopHeader {
  background-color: var(--color-ui--grey-15);
  position: relative;
  z-index: 1
}

.shared-global_header-global_header_component__bannerPlaceholder {
  padding-top: 50px
}

.shared-global_header-logo_bar_component__headerTopWrapper {
  background-color: var(--color-ui--grey-15);
  font-family: var(--font-family--apple-system);
  font-size: 13px;
  padding-bottom: var(--spacing--s);
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  display: none
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-resolution:120dpi) {
  .shared-global_header-logo_bar_component__headerTopWrapper {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }
}

@media(min-width: 1024px) {
  .shared-global_header-logo_bar_component__headerTopWrapper {
    display: block
  }
}

.shared-global_header-logo_bar_component__gridWideSection {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--container-width);
  padding-left: var(--font-size--body-m);
  padding-right: var(--font-size--body-m)
}

.shared-global_header-logo_bar_component__logoImageWrapper {
  margin-top: var(--spacing--m)
}

.shared-global_header-logo_bar_component__hiddenText {
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.shared-global_header-logo_bar_component__nav {
  display: flex;
  margin-left: auto
}

.shared-global_header-logo_bar_component__navListWrapper {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0
}

.shared-global_header-logo_bar_component__navList {
  display: inline-block;
  list-style-type: none;
  position: relative
}

.shared-global_header-logo_bar_component__navList:first-child {
  margin-left: 0
}

.shared-global_header-logo_bar_component__navList.shared-global_header-logo_bar_component__-background-light {
  background-color: var(--color-ui--grey-20)
}

.shared-global_header-logo_bar_component__navList.shared-global_header-logo_bar_component__-border-radius {
  border-bottom-left-radius: 3px
}

.shared-global_header-logo_bar_component__navList.shared-global_header-logo_bar_component__-border-radius:last-of-type {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 3px
}

.shared-global_header-logo_bar_component__menuLink {
  color: var(--color-ui--white);
  opacity: .6;
  padding: var(--spacing--m);
  padding-bottom: 12px;
  text-decoration: none;
  transition: opacity .2s cubic-bezier(.39, .575, .565, 1)
}

.shared-global_header-logo_bar_component__menuLink:hover {
  opacity: 1;
  text-decoration: none
}

.shared-global_header-logo_bar_component__menuLink[href=&quot;
#&quot;

] {
  cursor: default
}

.shared-global_header-logo_bar_component__userCartWrapper {
  background-color: var(--color-ui--grey-20);
  border-bottom-left-radius: 3px;
  position: relative
}

.shared-global_header-logo_bar_component__userCartWrapper:first-child {
  margin-left: 0
}

.shared-global_header-logo_bar_component__userCartWrapper:last-of-type {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 3px
}

.shared-global_header-logo_bar_component__userCartWrapper:hover .shared-global_header-logo_bar_component__userCartIcon {
  opacity: 1
}

.shared-global_header-logo_bar_component__usernameWrapper {
  background-color: var(--color-ui--grey-20);
  border-bottom-right-radius: 3px
}

.shared-global_header-markets_nav_component__headerBottomWrapper {
  background-color: var(--color-ui--grey-15);
  display: none;
  z-index: var(--z-index-2)
}

@media(min-width: 1024px) {
  .shared-global_header-markets_nav_component__headerBottomWrapper {
    display: block
  }
}

.shared-global_header-markets_nav_component__gridWide {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--container-width);
  min-height: 56px;
  padding-left: var(--font-size--body-m);
  padding-right: var(--font-size--body-m);
  position: relative
}

.shared-global_header-markets_nav_component__navWithLabelWrapper {
  position: relative
}

.shared-global_header-markets_nav_component__siteLink {
  color: var(--color-ui--white);
  cursor: pointer;
  display: inline-block;
  height: 56px;
  line-height: 56px;
  margin-right: var(--spacing--xl);
  opacity: .4;
  position: relative;
  text-decoration: none
}

.shared-global_header-markets_nav_component__active,
.shared-global_header-markets_nav_component__siteLink:focus,
.shared-global_header-markets_nav_component__siteLink:hover {
  opacity: 1
}

.shared-global_header-markets_nav_component__active:after {
  border: 6px solid #0000;
  border-bottom: 6px solid #f5f5f5;
  border-top: none;
  bottom: 0;
  content: &quot;
  &quot;
  ;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  width: 0
}

.shared-global_header-markets_nav_component__siteLogoWrapper {
  background-color: var(--color-ui--grey-20);
  border-radius: 20px;
  height: 48px;
  padding: 6px var(--spacing--s);
  position: absolute;
  right: 0;
  top: 24px;
  width: 131px;
  z-index: 1
}

.shared-global_header-markets_nav_component__siteLogo {
  height: auto;
  object-fit: cover;
  width: 115px
}

.shared-global_header-mobile_markets_nav_component__currentSiteSectionWrapper {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  padding-left: 3px
}

.shared-global_header-mobile_markets_nav_component__currentSiteSectionWrapper.shared-global_header-mobile_markets_nav_component__threedoceanWrapper {
  background-color: var(--color-brand--3docean)
}

.shared-global_header-mobile_markets_nav_component__currentSiteSectionWrapper.shared-global_header-mobile_markets_nav_component__audiojungleWrapper {
  background-color: var(--color-brand--audiojungle)
}

.shared-global_header-mobile_markets_nav_component__currentSiteSectionWrapper.shared-global_header-mobile_markets_nav_component__codecanyonWrapper {
  background-color: var(--color-brand--codecanyon)
}

.shared-global_header-mobile_markets_nav_component__currentSiteSectionWrapper.shared-global_header-mobile_markets_nav_component__graphicriverWrapper {
  background-color: var(--color-brand--graphicriver)
}

.shared-global_header-mobile_markets_nav_component__currentSiteSectionWrapper.shared-global_header-mobile_markets_nav_component__photoduneWrapper {
  background-color: var(--color-brand--photodune)
}

.shared-global_header-mobile_markets_nav_component__currentSiteSectionWrapper.shared-global_header-mobile_markets_nav_component__shopinaWrapper {
  background-color: var(--color-brand--shopina)
}

.shared-global_header-mobile_markets_nav_component__currentSiteSectionWrapper.shared-global_header-mobile_markets_nav_component__videohiveWrapper {
  background-color: var(--color-brand--videohive)
}

.shared-global_header-mobile_markets_nav_component__currentSiteSpan {
  color: var(--color-ui--white);
  flex-grow: 1;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  padding-left: 16px;
  white-space: nowrap
}

.shared-global_header-mobile_markets_nav_component__mainMenuToggle {
  fill: var(--color-ui--white);
  height: 40px;
  padding: 2px 20px;
  width: 54px
}

.shared-global_header-mobile_markets_nav_component__mainMenuToggle.shared-global_header-mobile_markets_nav_component__expanded {
  transform: rotate(180deg)
}

.shared-global_header-mobile_markets_nav_component__sitesMenuWrapper {
  background-color: var(--color-ui--grey-20);
  display: none;
  overflow: hidden;
  padding-left: 2px
}

.shared-global_header-mobile_markets_nav_component__sitesMenuWrapper.shared-global_header-mobile_markets_nav_component__expanded {
  display: block
}

.shared-global_header-mobile_markets_nav_component__siteLink {
  background-color: var(--color-ui--grey-20);
  display: block;
  overflow: hidden;
  padding-left: 2px;
  text-decoration: none
}

.shared-global_header-mobile_markets_nav_component__siteLinkText {
  color: var(--color-ui--white);
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  padding: 16px 0 16px 8px
}

@media(min-width: 1024px) {
  .shared-global_header-mobile_menu_component__headerTopMobileWrapper {
    display: none !important
  }
}

.shared-global_header-mobile_menu_component__headerMobile {
  background-color: var(--color-ui--grey-15);
  height: 40px;
  position: relative;
  text-align: center
}

.shared-global_header-mobile_menu_component__accountButton {
  align-items: center;
  display: flex;
  font-size: 13px;
  position: absolute;
  right: 10px;
  top: 5px
}

.shared-global_header-mobile_menu_component__accountButton&gt;

a {
  text-decoration: none
}

.shared-global_header-mobile_menu_component__categoriesButton {
  font-size: 13px;
  left: 10px;
  position: absolute;
  top: 5px
}

.shared-global_header-mobile_menu_component__categoriesButton&gt;

a {
  text-decoration: none
}

.shared-global_header-mobile_menu_component__linkButton {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--color-ui--grey-20);
  border: none;
  border-radius: var(--spacing--xs);
  box-sizing: border-box;
  color: var(--color-ui--white);
  cursor: pointer;
  display: inline-block;
  font-family: var(--font-family--sans-serif);
  font-size: var(--font-size--body-s);
  line-height: var(--line-height--reset);
  margin: 0;
  padding: 6px;
  text-align: center;
  text-decoration: none
}

.shared-global_header-mobile_menu_component__linkButton:focus,
.shared-global_header-mobile_menu_component__linkButton:hover {
  background-color: var(--color-ui--blue-light);
  outline: none;
  text-decoration: none
}

.shared-global_header-mobile_menu_component__linkIcon {
  display: inline-block;
  fill: var(--color-ui--white);
  height: 14px;
  vertical-align: center;
  width: 14px
}

.shared-global_header-mobile_menu_component__baseLogo {
  display: inline-block
}

.shared-global_header-mobile_menu_component__logo {
  height: 40px;
  object-fit: cover
}

.shared-global_header-mobile_menu_component__offCanvasBackground {
  background-color: #33333380;
  bottom: 0;
  display: none;
  min-height: 100%;
  position: fixed;
  top: 0;
  width: 100%
}

.shared-global_header-mobile_menu_component__offCanvasBackground[data-visible=true] {
  display: unset
}

.shared-global_header-mobile_menu_component__offCanvasWrapper {
  background-color: #262626;
  bottom: 0;
  min-height: 100%;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  width: 260px
}

.shared-global_header-mobile_menu_component__offCanvasWrapper.shared-global_header-mobile_menu_component__right {
  left: auto;
  right: 0
}

.shared-global_header-mobile_menu_component__offCanvasGuestUserMenuWrapper {
  background-color: #262626
}

.shared-global_header-mobile_menu_component__offCanvasLeftContainer {
  position: relative
}

.shared-global_header-mobile_menu_component__overlay {
  inset: 0;
  position: fixed
}

.shared-global_header-mobile_menu_component__canvasToggle {
  background: none;
  border: none;
  color: var(--color-ui--white);
  cursor: pointer;
  font-size: 15px;
  outline: none;
  padding: 10px;
  position: absolute;
  right: 9px;
  top: 2px
}

.shared-global_header-mobile_menu_component__logoImageWrapper {
  align-items: center;
  display: flex;
  height: 40px
}

.shared-global_header-mobile_menu_component__logoImageLink {
  display: block;
  font-size: 13px;
  height: 15px;
  margin: 0;
  padding-left: var(--spacing--m);
  text-decoration: none;
  width: 177px
}

.shared-global_header-mobile_menu_component__hiddenText {
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.shared-global_header-mobile_menu_search_component__root {
  margin: 15px;
  overflow: hidden
}

.shared-global_header-mobile_menu_search_component__form {
  display: flex
}

.shared-global_header-mobile_menu_search_component__inputWrapper {
  display: flex;
  flex: 1 1 auto;
  min-width: 0
}

.shared-global_header-mobile_menu_search_component__input {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid var(--color-ui--grey-80);
  border-radius: var(--spacing--s) 0 0 var(--spacing--s);
  border-right: 0;
  box-sizing: border-box;
  color: gray;
  flex: 1 1;
  font-size: var(--font-size--body-s);
  min-width: 0;
  outline: none;
  padding: var(--spacing--s) var(--spacing--s) 6px
}

.shared-global_header-mobile_menu_search_component__input::placeholder {
  color: var(--color-ui--grey-80);
  opacity: 1
}

.shared-global_header-mobile_menu_search_component__searchButton {
  background-color: #fff;
  border: 1px solid var(--color-ui--grey-80);
  border-left: none;
  border-radius: 0 var(--spacing--s) var(--spacing--s) 0;
  color: var(--color-ui--grey-60);
  flex: 0 0 30px;
  font-size: var(--font-size--body-s);
  padding: 3px 0 5px;
  transition: background-color .2s
}

.shared-global_header-mobile_menu_search_component__searchInlineElement {
  display: inline;
  margin: 0;
  padding: 0
}

.shared-global_header-mobile_menu_search_component__noBorder .shared-global_header-mobile_menu_search_component__input,
.shared-global_header-mobile_menu_search_component__noBorder .shared-global_header-mobile_menu_search_component__searchButton {
  border: none
}

.shared-global_header-mobile_menu_user_nav_component__link {
  background-color: var(--color-ui--grey-20);
  border-bottom: 1px solid #454545;
  color: #dedede;
  display: block;
  font-size: 13px;
  line-height: 15px;
  padding: 15px 10px;
  text-decoration: none
}

.shared-global_header-mobile_menu_user_nav_component__iconWrapper {
  fill: #dedede;
  float: right;
  height: 14px;
  width: 14px
}

.shared-global_header-mobile_menu_user_nav_component__userCartCount {
  background-color: var(--color-ui--green-light);
  border-radius: 9px;
  color: #fff;
  display: inline-block;
  float: right;
  font-size: var(--font-size--body-xs);
  font-weight: var(--font-weight--bold);
  line-height: 1;
  margin-left: var(--spacing--xs);
  padding: var(--spacing--xxs) 7px;
  text-align: center;
  vertical-align: initial
}

.shared-global_header-mobile_menu_user_nav_component__userCartCount:empty {
  display: none
}

.shared-global_header-mobile_menu_user_nav_component__listHeader {
  background-color: var(--color-ui--grey-90);
  color: var(--color-ui--grey-10);
  display: block;
  font-weight: bolder;
  padding: var(--spacing--m) 10px;
  text-transform: capitalize
}

.shared-global_header-mobile_menu_user_nav_component__white {
  color: var(--color-ui--white)
}

.shared-global_header-mobile_menu_user_nav_component__cartInfo {
  align-items: center;
  display: flex;
  height: 40px;
  padding: 0 10px;
  position: relative
}

.shared-global_header-our_products_component__ourProductMenuLink {
  background-color: #0000;
  color: var(--color-ui--white);
  display: inline-block;
  opacity: .6;
  padding: 16px 16px 12px;
  text-decoration: none;
  transition: opacity .2s cubic-bezier(.39, .575, .565, 1)
}

.shared-global_header-our_products_component__ourProductMenuLink:hover {
  opacity: 1;
  text-decoration: none
}

.shared-global_header-our_products_component__menuDropdownIconWrapper {
  display: inline-block;
  fill: currentColor;
  height: var(--icon-size-1x);
  vertical-align: middle;
  width: var(--icon-size-1x)
}

.shared-global_header-our_products_component__menuLinkText {
  display: inline-block;
  margin-left: var(--spacing-1x);
  vertical-align: middle
}

.shared-global_header-our_products_component__dropdownListWrapper {
  list-style: none;
  margin: 0;
  padding: var(--spacing-3x) 0
}

.shared-global_header-our_products_component__dropdownText {
  color: var(--color-content-primary);
  display: inline-block;
  letter-spacing: var(--text-style-label-small-spacing);
  position: relative
}

.shared-global_header-our_products_component__dropdownLink {
  background-image: linear-gradient(to left, #0000, #0000 50%, var(--color-interactive-primary) 50%, var(--color-interactive-primary));
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 201% 70%;
  display: block;
  padding: 6px var(--spacing-5x);
  transition: background .15s cubic-bezier(.39, .575, .565, 1) .1s
}

.shared-global_header-our_products_component__dropdownLink:active,
.shared-global_header-our_products_component__dropdownLink:hover {
  background-position: 97.5%;
  text-decoration: none
}

.shared-global_header-our_products_component__dropdownLink:hover .shared-global_header-our_products_component__dropdownText:after {
  opacity: 1;
  transform: translateY(-3px) translateZ(0)
}

.shared-global_header-our_products_component__dropdownLinkLogo {
  display: block;
  height: var(--icon-size-1x);
  margin-bottom: var(--spacing-1x);
  margin-top: var(--spacing-1x);
  width: auto
}

.shared-global_header-our_products_component__navFooter {
  border-top: 1px solid var(--color-border-tertiary);
  color: var(--color-content-primary);
  padding: var(--spacing-3x) var(--spacing-5x)
}

.shared-global_header-our_products_component__footerLink {
  color: var(--color-content-primary);
  display: inline-block;
  letter-spacing: var(--text-style-label-small-spacing);
  position: relative;
  text-decoration: none
}

.shared-global_header-our_products_component__footerLink:after {
  background-color: var(--color-content-primary);
  content: &quot;
  &quot;
  ;
  height: 1px;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translateY(-3px);
  width: 100%
}

.shared-global_header-user_nav_component__guestUserMenuText {
  display: inline-block;
  margin-left: var(--spacing--xs);
  opacity: .6;
  transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
  vertical-align: middle
}

.shared-global_header-user_nav_component__guestUserMenuLink {
  background-color: var(--color-ui--grey-20);
  color: var(--color-ui--white);
  display: inline-block;
  padding: var(--spacing--m) var(--spacing--m) var(--spacing--m) var(--spacing--s);
  padding-bottom: 12px;
  text-decoration: none
}

.shared-global_header-user_nav_component__guestUserMenuLink:hover {
  text-decoration: none
}

.shared-global_header-user_nav_component__guestUserMenuLink[href=&quot;
#&quot;

] {
  cursor: default
}

.shared-global_header-user_nav_component__guestUserMenuLink:hover .shared-global_header-user_nav_component__guestUserMenuText {
  opacity: 1
}

.shared-global_header-user_nav_component__dropdownListWrapper {
  list-style: none;
  margin: 0;
  padding: var(--spacing--m) 0
}

.shared-global_header-user_nav_component__block:not(:last-of-type) {
  border-bottom: 1px solid #ededed;
  margin-bottom: var(--spacing--s);
  padding-bottom: var(--spacing--s)
}

.shared-global_header-user_nav_component__blockTitle {
  color: var(--color-ui--grey-27);
  font-size: var(--font-size--body-s);
  font-weight: 500;
  max-width: 320px;
  overflow: hidden;
  padding: var(--spacing--xs) var(--spacing--l);
  text-overflow: ellipsis
}

.shared-global_header-user_nav_component__blockTitle:not(:first-of-type) {
  border-top: 1px solid #ededed;
  margin-top: var(--spacing--s);
  padding-top: 12px
}

.shared-global_header-user_nav_component__dropdownText {
  color: var(--color-ui--grey-27);
  display: inline-block;
  opacity: .6;
  position: relative;
  transition: opacity .15s cubic-bezier(.39, .575, .565, 1)
}

.shared-global_header-user_nav_component__dropdownText:after {
  background-color: css(--color-ui--grey-40);
  content: &quot;
  &quot;
  ;
  height: 1px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translateY(1px);
  transition: all .15s cubic-bezier(.39, .575, .565, 1);
  transition-property: opacity, transform;
  width: 100%
}

.shared-global_header-user_nav_component__dropdownLink {
  background-image: linear-gradient(to left, #0000, #0000 50%, var(--color-ui--green-light) 50%, var(--color-ui--green-light));
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 201% 70%;
  display: block;
  padding: 6px var(--spacing--xl);
  transition: background .15s cubic-bezier(.39, .575, .565, 1) .1s
}

.shared-global_header-user_nav_component__dropdownLink:active,
.shared-global_header-user_nav_component__dropdownLink:hover {
  background-position: 97.5%;
  text-decoration: none
}

.shared-global_header-user_nav_component__dropdownLink:hover .shared-global_header-user_nav_component__dropdownText {
  opacity: 1
}

.shared-global_header-user_nav_component__dropdownLink:hover .shared-global_header-user_nav_component__dropdownText:after {
  opacity: 1;
  transform: translateY(-2px) translateZ(0)
}

.shared-global_header-user_nav_component__dropdownItem {
  page-break-inside: avoid;
  break-inside: avoid
}

.shared-global_header-user_nav_component__dropdownItem .shared-global_header-user_nav_component__dropdownLink {
  padding-left: var(--spacing--l);
  padding-right: 64px
}

.shared-global_header-username_component__root {
  color: var(--color-ui--white);
  display: inline-block;
  padding: 16px 16px 12px;
  text-decoration: none
}

.shared-global_header-username_component__root:hover {
  color: var(--color-ui--white);
  opacity: 1;
  text-decoration: none
}

.shared-global_header-username_component__menuDropdownIconWrapper {
  display: inline-block;
  fill: currentColor;
  height: 16px;
  opacity: .6;
  transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
  vertical-align: middle;
  width: 16px
}

.shared-global_header-username_component__menuLinkText {
  display: inline-block;
  margin-left: 4px;
  opacity: .6;
  transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
  vertical-align: middle
}

.shared-global_header-username_component__menuLinkText:hover {
  opacity: 1
}

.shared-global_header-username_component__mobile {
  line-height: 15px;
  padding: 0
}

.shared-global_header-username_component__mobile .shared-global_header-username_component__menuDropdownIconWrapper {
  opacity: 1
}

.shared-global_header-username_component__mobile .shared-global_header-username_component__menuLinkText {
  font-size: 13px;
  font-weight: var(--font-weight--bold)
}

.shared-item_cards-add_to_cart_button_component__root {
  background: var(--color-ui--white);
  border: 1px solid var(--color-ui--grey-80);
  border-radius: 2px;
  color: var(--color-ui--grey-40);
  cursor: pointer;
  display: block;
  flex-shrink: 0;
  font-size: var(--font-size--body-s);
  font-weight: var(--font-weight--bold);
  height: 40px;
  line-height: 40px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 100%
}

.shared-item_cards-add_to_cart_button_component__root.shared-item_cards-add_to_cart_button_component__compact {
  display: inline-block;
  fill: var(--color-ui--grey-40);
  width: 40px
}

.shared-item_cards-add_to_cart_button_component__root.shared-item_cards-add_to_cart_button_component__inCart,
.shared-item_cards-add_to_cart_button_component__root:hover {
  background: var(--color-ui--grey-80);
  color: var(--color-ui--white);
  fill: var(--color-ui--white)
}

.shared-item_cards-add_to_cart_button_component__root.shared-item_cards-add_to_cart_button_component__highlighted {
  border-color: var(--color-ui--green-light);
  color: var(--color-ui--green-light)
}

.shared-item_cards-add_to_cart_button_component__root.shared-item_cards-add_to_cart_button_component__highlighted.shared-item_cards-add_to_cart_button_component__compact {
  fill: var(--color-ui--green-light)
}

.shared-item_cards-add_to_cart_button_component__root.shared-item_cards-add_to_cart_button_component__highlighted.shared-item_cards-add_to_cart_button_component__inCart,
.shared-item_cards-add_to_cart_button_component__root.shared-item_cards-add_to_cart_button_component__highlighted:hover {
  background-color: var(--color-ui--green-light);
  color: var(--color-ui--white);
  fill: var(--color-ui--white)
}

.shared-item_cards-add_to_cart_button_component__cartIcon {
  display: inline-block;
  height: 14px;
  width: 14px
}

.shared-item_cards-attributes_component__attribute {
  color: var(--color-ui--grey-30);
  font-size: var(--font-size--body-s);
  line-height: var(--font-size--body-xl);
  list-style-type: none;
  margin-bottom: var(--spacing--s)
}

.shared-item_cards-attributes_component__label {
  font-weight: var(--font-weight--semibold)
}

.shared-item_cards-attributes_component__value {
  color: var(--color-ui--grey-60)
}

.shared-item_cards-audio_thumbnail_component__itemLink {
  position: relative
}

.shared-item_cards-audio_thumbnail_component__thumbnail {
  border-radius: var(--border-radius--xs);
  display: block
}

.shared-item_cards-audio_tracks_info_component__root {
  color: var(--color-ui--grey-60);
  font-size: var(--font-size--body-xs);
  padding-right: var(--spacing--m);
  white-space: nowrap
}

.shared-item_cards-audio_tracks_info_component__bold {
  font-weight: 700
}

.shared-item_cards-audio_tracks_info_component__black {
  color: var(--color-ui--black)
}

.shared-item_cards-audio_tracks_info_component__underlined {
  border-bottom: 1px dotted var(--color-ui--grey-10)
}

.shared-item_cards-author_category_component__root {
  color: var(--color-ui--grey-60);
  font-size: var(--font-size--body-xs);
  height: var(--font-size--body-l);
  max-height: var(--font-size--body-l);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.shared-item_cards-author_category_component__link {
  display: inline-block;
  position: relative
}

.shared-item_cards-author_category_component__link:after {
  content: &quot;
  &quot;
  ;
  height: 1px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translateY(1px);
  transition: all .15s cubic-bezier(.39, .575, .565, 1);
  transition-property: opacity, transform;
  width: 100%
}

.shared-item_cards-author_category_component__link:hover:after {
  opacity: 1;
  transform: translateY(-3px) translateZ(0);
  transition-delay: .2s;
  transition-duration: .15s
}

.shared-item_cards-author_category_component__link {
  color: var(--color-ui--grey-60);
  cursor: pointer;
  font-weight: var(--font-weight--semibold);
  text-decoration: none
}

.shared-item_cards-author_category_component__link:after {
  background-color: var(--color-ui--grey-60)
}

.shared-item_cards-beats_per_minute_component__root {
  color: var(--color-ui--grey-60);
  font-size: var(--font-size--body-xs);
  white-space: nowrap
}

.shared-item_cards-beats_per_minute_component__disabled {
  color: var(--color-ui--grey-90)
}

.shared-item_cards-beats_per_minute_component__bpm {
  color: var(--color-ui--black);
  font-weight: 700
}

.shared-item_cards-beats_per_minute_component__bpm:empty {
  color: var(--color-ui--grey-90)
}

.shared-item_cards-beats_per_minute_component__bpm:empty:before {
  content: &quot;
  --&quot;
}

.shared-item_cards-card_component__root {
  display: flex;
  height: 100%;
  max-width: 1104px;
  width: 100%
}

.shared-item_cards-collection_button_component__collection {
  color: #939393;
  opacity: .85
}

.shared-item_cards-collection_button_component__collection:hover {
  opacity: 1
}

.shared-item_cards-collection_button_component__icon {
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  width: 20px
}

.shared-item_cards-download_preview_button_component__downloadPreview {
  color: var(--color-ui--white);
  opacity: .95;
  position: relative
}

.shared-item_cards-download_preview_button_component__downloadPreview:hover {
  opacity: 1
}

.shared-item_cards-download_preview_button_component__icon {
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  width: 20px
}

.shared-item_cards-favorite_button_component__favoriteButton {
  background: none;
  border: none;
  color: #939393;
  cursor: pointer;
  height: 20px;
  opacity: .85;
  padding: 0;
  vertical-align: middle;
  width: 20px
}

.shared-item_cards-favorite_button_component__favoriteButton:hover {
  opacity: 1
}

.shared-item_cards-favorite_button_component__favoriteButton:focus {
  outline: none
}

.shared-item_cards-favorite_button_component__favoriteButton[data-favorited=true] {
  fill: var(--color-ui--favorite)
}

.shared-item_cards-grid-audio_card_component__root {
  background: var(--color-ui--white);
  border-radius: var(--border-radius--xs);
  box-shadow: 0 0 var(--spacing--xs) var(--color-ui--grey-90);
  position: relative;
  width: 100%
}

@media(hover: hover) {
  .shared-item_cards-grid-audio_card_component__root {
    transform: translate(0);
    transition: transform .2s
  }

  .shared-item_cards-grid-audio_card_component__root:focus,
  .shared-item_cards-grid-audio_card_component__root:hover {
    box-shadow: 0 0 var(--spacing--m) var(--color-ui--grey-90);
    transform: translateY(calc(var(--spacing--xxs)*-1))
  }
}

.shared-item_cards-grid-audio_card_component__itemLinkOverlay {
  inset: 0;
  position: absolute
}

.shared-item_cards-grid-audio_card_component__contentWrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: var(--spacing--m);
  position: relative
}

.shared-item_cards-grid-audio_card_component__detailsWrapper {
  border-bottom: 1px solid var(--color-ui--grey-90);
  width: 99%
}

.shared-item_cards-grid-audio_card_component__waveformTracksBpm {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-left: var(--spacing--s)
}

.shared-item_cards-grid-audio_card_component__waveform {
  display: flex;
  flex-grow: 1;
  position: relative
}

.shared-item_cards-grid-audio_card_component__tracksAndBpm {
  align-items: center;
  display: flex;
  padding-top: var(--spacing--s)
}

.shared-item_cards-grid-audio_card_component__iconButtons {
  display: flex;
  fill: var(--color-ui--grey-50);
  flex-grow: 1;
  justify-content: flex-end
}

.shared-item_cards-grid-audio_card_component__favAndCollections {
  display: flex;
  position: relative
}

.no-js .shared-item_cards-grid-audio_card_component__favAndCollections {
  display: none
}

.shared-item_cards-grid-audio_card_component__itemName {
  margin-bottom: var(--spacing--s);
  margin-top: var(--spacing--m);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.shared-item_cards-grid-audio_card_component__buttonSeparator {
  background: var(--color-ui--grey-50);
  display: block;
  height: var(--spacing--l);
  margin: 0 var(--spacing--s);
  opacity: .5;
  width: 1px
}

.shared-item_cards-grid-audio_card_component__priceWrapper {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  padding-top: var(--spacing--m)
}

.shared-item_cards-grid-audio_card_component__info {
  display: flex;
  flex-direction: column;
  flex-grow: 1
}

.shared-item_cards-grid-audio_card_component__ratingWrapper {
  display: flex
}

.shared-item_cards-grid-audio_card_component__ratingWrapper:empty {
  display: none
}

.shared-item_cards-grid-audio_card_component__cta {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  text-align: right
}

.shared-item_cards-grid-audio_card_component__cta :first-child {
  flex: 1 1
}

.shared-item_cards-grid-audio_card_component__cta {
  flex-grow: 1
}

.shared-item_cards-grid-audio_card_component__audioDetails {
  display: flex
}

.shared-item_cards-grid-image_card_component__root {
  background: var(--color-ui--white);
  border-color: var(--color-ui--grey-90);
  border-radius: var(--border-radius--xs);
  box-shadow: 0 0 var(--spacing--xs) var(--color-ui--grey-90);
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  width: 100%
}

@media(hover: hover) {
  .shared-item_cards-grid-image_card_component__root {
    transform: translate(0);
    transition: transform .2s
  }

  .shared-item_cards-grid-image_card_component__root:focus,
  .shared-item_cards-grid-image_card_component__root:hover {
    box-shadow: 0 0 var(--spacing--m) var(--color-ui--grey-90);
    transform: translateY(calc(var(--spacing--xxs)*-1))
  }
}

.shared-item_cards-grid-image_card_component__itemLinkOverlay {
  inset: 0;
  position: absolute
}

.shared-item_cards-grid-image_card_component__gradient {
  background-image: linear-gradient(0deg, #0006 0, #0000 80px);
  height: 0;
  opacity: 0;
  position: relative;
  transition: opacity .4s ease;
  width: 100%
}

.shared-item_cards-grid-image_card_component__buttons {
  bottom: 0;
  display: flex;
  fill: var(--color-ui--white);
  justify-content: flex-end;
  opacity: 0;
  padding: 0 var(--spacing--m) var(--spacing--m) 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  transition: opacity .4s ease
}

.shared-item_cards-grid-image_card_component__experimentVariantWrapper {
  display: inherit
}

.no-js .shared-item_cards-grid-image_card_component__gradient {
  visibility: hidden
}

.no-js .shared-item_cards-grid-image_card_component__buttons {
  display: none
}

.shared-item_cards-grid-image_card_component__preview {
  align-items: flex-end;
  background-size: cover;
  border-radius: var(--spacing--xs) var(--spacing--xs) 0 0;
  cursor: pointer;
  display: flex;
  opacity: 1;
  position: relative;
  width: 100%
}

.shared-item_cards-grid-image_card_component__imageWrapper {
  background: linear-gradient(to left, var(--color-ui--grey-80), var(--color-ui--grey-90));
  inset: 0;
  position: absolute
}

.shared-item_cards-grid-image_card_component__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.shared-item_cards-grid-image_card_component__buttonSeparator {
  background: var(--color-ui--white);
  display: block;
  height: var(--spacing--l);
  margin: 0 var(--spacing--m);
  opacity: .5;
  width: 1px
}

.shared-item_cards-grid-image_card_component__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: var(--spacing--m);
  position: relative
}

.shared-item_cards-grid-image_card_component__footer {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: space-between;
  padding-top: calc(var(--spacing--s) + var(--spacing--xs))
}

.shared-item_cards-grid-image_card_component__footerContent {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.shared-item_cards-grid-image_card_component__footerButtons {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-grow: 0
}

.shared-item_cards-grid-image_card_component__mobilePreviewButtonWrapper {
  display: none
}

.shared-item_cards-grid-image_card_component__root:hover .shared-item_cards-grid-image_card_component__gradient {
  opacity: 1
}

.shared-item_cards-grid-image_card_component__root:hover .shared-item_cards-grid-image_card_component__buttons {
  opacity: 1;
  pointer-events: auto
}

@media(hover: none) {
  .shared-item_cards-grid-image_card_component__root:hover .shared-item_cards-grid-image_card_component__gradient {
    opacity: 0
  }

  .shared-item_cards-grid-image_card_component__root:hover .shared-item_cards-grid-image_card_component__buttons {
    opacity: 0;
    pointer-events: none
  }

  .shared-item_cards-grid-image_card_component__mobilePreviewButtonWrapper {
    display: inherit
  }
}

.shared-item_cards-grid-image_card_component__coverWrapper {
  background: #fff;
  display: flex;
  height: 40px;
  justify-content: flex-end;
  position: relative;
  width: 100%
}

.shared-item_cards-grid-image_card_component__coverWrapper&gt;
div&gt;

svg {
  height: 25px;
  margin-top: 10px;
  width: 25px
}

.shared-item_cards-grid-video_card_component__root {
  background: var(--color-ui--white);
  border-radius: var(--border-radius--xs);
  box-shadow: 0 0 var(--spacing--xs) var(--color-ui--grey-90);
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%
}

@media(hover: hover) {
  .shared-item_cards-grid-video_card_component__root {
    transform: translate(0);
    transition: transform .2s
  }

  .shared-item_cards-grid-video_card_component__root:focus,
  .shared-item_cards-grid-video_card_component__root:hover {
    box-shadow: 0 0 var(--spacing--m) var(--color-ui--grey-90);
    transform: translateY(calc(var(--spacing--xxs)*-1))
  }
}

.shared-item_cards-grid-video_card_component__itemLinkOverlay {
  inset: 0;
  position: absolute
}

.shared-item_cards-grid-video_card_component__preview {
  align-items: flex-end;
  background-size: cover;
  border-radius: var(--spacing--xs) var(--spacing--xs) 0 0;
  cursor: pointer;
  display: flex;
  opacity: 1;
  position: relative;
  width: 100%
}

.shared-item_cards-grid-video_card_component__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: var(--spacing--m);
  position: relative
}

.shared-item_cards-grid-video_card_component__contentHeader {
  display: flex;
  justify-content: space-between
}

.shared-item_cards-grid-video_card_component__contentTitle {
  overflow: hidden;
  padding-right: var(--spacing--m)
}

.shared-item_cards-grid-video_card_component__footer {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: space-between;
  padding-top: calc(var(--spacing--s) + var(--spacing--xs))
}

.shared-item_cards-grid-video_card_component__footerContent {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.shared-item_cards-grid-video_card_component__footerContent .shared-item_cards-grid-video_card_component__ratingWrapper {
  display: flex
}

.shared-item_cards-grid-video_card_component__footerContent .shared-item_cards-grid-video_card_component__ratingWrapper:empty {
  display: none
}

.shared-item_cards-grid-video_card_component__footerButtons {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  position: relative
}

.shared-item_cards-grid-video_card_component__buttonSeparator {
  background: var(--color-ui--white);
  display: block;
  height: var(--spacing--l);
  margin: 0 var(--spacing--s);
  opacity: .5;
  width: 1px
}

@media(min-width: 640px) {
  .shared-item_cards-grid-video_card_component__gradient {
    opacity: 0
  }

  .shared-item_cards-grid-video_card_component__root:hover .shared-item_cards-grid-video_card_component__gradient {
    opacity: 1;
    transition: opacity .4s ease
  }
}

.shared-item_cards-grid-video_card_length_component__root {
  align-self: flex-start;
  background: var(--color-ui--grey-95);
  color: var(--color-ui--grey-30);
  cursor: text;
  flex-basis: 40px;
  font-size: var(--font-size--body-xxs);
  padding: var(--spacing--xs);
  text-align: center;
  white-space: nowrap
}

.shared-item_cards-included_files_component__root {
  color: var(--color-ui--grey-30);
  font-size: var(--font-size--body-s);
  font-weight: var(--font-weight--semibold)
}

.shared-item_cards-included_files_component__fileType {
  background-color: var(--color-ui--grey-95);
  border-radius: var(--border-radius--xxs);
  color: var(--color-ui--grey-40);
  float: left;
  font-size: var(--font-size--body-xs);
  margin: var(--spacing--s) var(--spacing--s) 0 0;
  padding: 0 var(--spacing--s);
  white-space: nowrap
}

.shared-item_cards-item_name_component__root {
  font-size: var(--font-size--body-s);
  max-height: calc(var(--font-size--body-l)*2 + var(--spacing--xs));
  max-width: 100%
}

.shared-item_cards-item_name_component__itemNameLink:after {
  content: &quot;
  &quot;
  ;
  height: 1px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translateY(1px);
  transition: all .15s cubic-bezier(.39, .575, .565, 1);
  transition-property: opacity, transform;
  width: 100%
}

.shared-item_cards-item_name_component__itemNameLink:hover:after {
  opacity: 1;
  transform: translateY(-3px) translateZ(0);
  transition-delay: .2s;
  transition-duration: .15s
}

.shared-item_cards-item_name_component__itemNameLink {
  color: var(--color-ui--grey-30);
  cursor: pointer;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap
}

.shared-item_cards-item_name_component__itemNameLink:after {
  background-color: var(--color-ui--grey-30)
}

.shared-item_cards-item_name_component__highlight {
  background-color: #fdf2d1
}

.shared-item_cards-key_features_component__root {
  color: var(--color-ui--grey-40)
}

.shared-item_cards-key_features_component__feature {
  font-size: 14px;
  /* PC */
  list-style-type: none;
  margin-bottom: var(--spacing--xs);
  padding-left: var(--spacing--m);
  position: relative;
}

/* Tablet */
@media (max-width: 1024px) {
  .shared-item_cards-key_features_component__feature {
    font-size: 10px;
  }
}

.shared-item_cards-key_features_component__feature:before {
  color: #999;
  content: &quot;
  \2022&quot;
  ;
  left: 0;
  position: absolute
}

.shared-item_cards-key_features_component__highlight {
  color: var(--color-ui--grey-30);
  font-weight: 700
}

.shared-item_cards-list-audio_card_component__root {
  background: var(--color-ui--white);
  border-radius: 4px;
  box-shadow: 0 0 var(--spacing--xs) var(--color-ui--grey-90);
  flex: 1 1;
  margin: 0 var(--spacing--m) var(--spacing--l) var(--spacing--m);
  position: relative
}

@media(hover: hover) {
  .shared-item_cards-list-audio_card_component__root {
    transform: translate(0);
    transition: transform .2s
  }

  .shared-item_cards-list-audio_card_component__root:focus,
  .shared-item_cards-list-audio_card_component__root:hover {
    box-shadow: 0 0 var(--spacing--m) var(--color-ui--grey-90);
    transform: translateY(calc(var(--spacing--xxs)*-1))
  }
}

.shared-item_cards-list-audio_card_component__itemLinkOverlay {
  inset: 0;
  position: absolute
}

.shared-item_cards-list-audio_card_component__contentWrapper {
  display: flex;
  flex-direction: column;
  padding: 0 var(--spacing--m) var(--spacing--m);
  position: relative
}

.shared-item_cards-list-audio_card_component__detailsWrapper {
  border-bottom: 1px solid var(--color-ui--grey-90);
  padding-bottom: var(--spacing--m);
  padding-top: var(--spacing--m);
  width: 99%
}

.shared-item_cards-list-audio_card_component__waveformTracksBpm {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-left: var(--spacing--s)
}

.shared-item_cards-list-audio_card_component__waveform {
  display: flex;
  flex-grow: 1;
  position: relative
}

.shared-item_cards-list-audio_card_component__tracksAndBpm {
  align-items: center;
  display: flex
}

.shared-item_cards-list-audio_card_component__mobileIcons {
  display: flex;
  fill: var(--color-ui--grey-50);
  flex-grow: 1;
  justify-content: flex-end
}

.shared-item_cards-list-audio_card_component__favAndCollections {
  display: flex;
  flex-direction: row;
  position: relative
}

.no-js .shared-item_cards-list-audio_card_component__favAndCollections {
  display: none
}

.shared-item_cards-list-audio_card_component__favDownloadAndCollections {
  display: none;
  fill: var(--color-ui--grey-50);
  justify-content: flex-end;
  padding-right: var(--spacing--m)
}

.shared-item_cards-list-audio_card_component__itemNameAndButtons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: var(--spacing--s)
}

/* 🔹 Mostra apenas em telas pequenas (celular) */
#mobileCheckoutBar {
  display: flex;
}

/* 🔹 Oculta em tablet, desktop e telas maiores */
@media (min-width: 768px) {
  #mobileCheckoutBar {
    display: none !important;
  }
}

.shared-item_cards-list-audio_card_component__itemName {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.shared-item_cards-list-audio_card_component__buttonSeparator {
  background: var(--color-ui--grey-50);
  display: block;
  height: var(--spacing--l);
  margin: 0 var(--spacing--s);
  opacity: .5;
  width: 1px
}

.shared-item_cards-list-audio_card_component__priceWrapper {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  padding-top: var(--spacing--s)
}

.shared-item_cards-list-audio_card_component__info {
  flex-grow: 1
}

.shared-item_cards-list-audio_card_component__lastUpdated {
  display: none
}

.shared-item_cards-list-audio_card_component__ratingWrapper {
  display: inline-block;
  margin: 0 auto
}

.shared-item_cards-list-audio_card_component__ratingWrapper:empty {
  display: none
}

.shared-item_cards-list-audio_card_component__cta {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  text-align: right
}

.shared-item_cards-list-audio_card_component__cta :first-child {
  flex: 1 1
}

.shared-item_cards-list-audio_card_component__audioDetails {
  display: flex
}

@media(min-width: 640px) {
  .shared-item_cards-list-audio_card_component__itemNameAndButtons {
    padding-top: var(--spacing--s)
  }

  .shared-item_cards-list-audio_card_component__mobileIcons {
    display: none
  }

  .shared-item_cards-list-audio_card_component__waveformTracksBpm {
    flex-direction: row
  }

  .shared-item_cards-list-audio_card_component__contentWrapper {
    flex-direction: row;
    padding: var(--spacing--m)
  }

  .shared-item_cards-list-audio_card_component__favDownloadAndCollections {
    display: flex
  }

  .shared-item_cards-list-audio_card_component__lastUpdated,
  .shared-item_cards-list-audio_card_component__tagsContainer {
    display: block
  }

  .shared-item_cards-list-audio_card_component__priceWrapper {
    border-left: 1px solid var(--color-ui--grey-90);
    margin-left: var(--spacing--m);
    min-width: 175px;
    padding-left: var(--spacing--m);
    padding-top: 0;
    width: 200px
  }

  .shared-item_cards-list-audio_card_component__cta {
    flex-grow: 1
  }

  .shared-item_cards-list-audio_card_component__detailsWrapper {
    border-bottom: 0;
    padding-bottom: 0
  }

  .shared-item_cards-list-audio_card_component__itemName {
    max-width: 300px
  }

  .shared-item_cards-list-audio_card_component__itemName * {
    display: inline
  }
}

@media(min-width: 832px) {
  .shared-item_cards-list-audio_card_component__itemName {
    max-width: 150px
  }
}

@media(min-width: 960px) {
  .shared-item_cards-list-audio_card_component__detailsWrapper {
    padding: 0;
    width: 99%
  }

  .shared-item_cards-list-audio_card_component__itemName {
    max-width: 265px
  }
}

@media(min-width: 1152px) {
  .shared-item_cards-list-audio_card_component__itemName {
    max-width: 490px
  }
}

@media(min-width: 1408px) {
  .shared-item_cards-list-audio_card_component__itemName {
    max-width: 600px
  }
}

.shared-item_cards-list-image_card_component__root {
  background: var(--color-ui--white);
  border-radius: 4px;
  box-shadow: 0 0 var(--spacing--xs) var(--color-ui--grey-90);
  flex: 1 1;
  margin: 0 var(--spacing--m) var(--spacing--l) var(--spacing--m);
  overflow: hidden;
  position: relative
}

@media(hover: hover) {
  .shared-item_cards-list-image_card_component__root {
    transform: translate(0);
    transition: transform .2s
  }

  .shared-item_cards-list-image_card_component__root:focus,
  .shared-item_cards-list-image_card_component__root:hover {
    box-shadow: 0 0 var(--spacing--m) var(--color-ui--grey-90);
    transform: translateY(calc(var(--spacing--xxs)*-1))
  }
}

.shared-item_cards-list-image_card_component__itemLinkOverlay {
  inset: 0;
  position: absolute
}

.shared-item_cards-list-image_card_component__contentWrapper {
  display: flex;
  flex-direction: column;
  padding: var(--spacing--m);
  position: relative
}

.shared-item_cards-list-image_card_component__previewButton {
  opacity: 0;
  transition: opacity .2s ease
}

.shared-item_cards-list-image_card_component__imageWrapper {
  line-height: 0;
  margin: calc(var(--spacing--m)*-1) calc(var(--spacing--m)*-1) 0;
  min-width: 200px;
  position: relative
}

.shared-item_cards-list-image_card_component__imageWrapper:hover .shared-item_cards-list-image_card_component__previewButton {
  opacity: 1
}

.shared-item_cards-list-image_card_component__detailsWrapper {
  padding-top: var(--spacing--m);
  width: auto
}

.shared-item_cards-list-image_card_component__favAndCollections {
  display: none;
  fill: var(--color-ui--grey-50);
  justify-content: flex-end;
  padding-bottom: var(--spacing--m)
}

.shared-item_cards-list-image_card_component__favAndCollections a,
.shared-item_cards-list-image_card_component__favAndCollections button {
  position: relative
}

.shared-item_cards-list-image_card_component__buttonSeparator {
  background: var(--color-ui--grey-50);
  display: block;
  height: var(--spacing--l);
  margin: 0 var(--spacing--s);
  opacity: .5;
  width: 1px
}

.shared-item_cards-list-image_card_component__priceWrapper {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  padding-top: var(--spacing--m)
}

.shared-item_cards-list-image_card_component__info {
  flex-grow: 1;
  padding-bottom: var(--spacing--m)
}

.shared-item_cards-list-image_card_component__lastUpdated {
  display: none
}

.shared-item_cards-list-image_card_component__ratingWrapper {
  display: inline-block;
  margin: 0 auto
}

.shared-item_cards-list-image_card_component__ratingWrapper:empty {
  display: none
}

.shared-item_cards-list-image_card_component__cta {
  align-items: flex-end;
  display: flex;
  flex-direction: row
}

.shared-item_cards-list-image_card_component__cta :first-child {
  flex: 1 1
}

.shared-item_cards-list-image_card_component__tinyText {
  color: var(--color-ui--grey-60);
  font-size: var(--font-size--body-xs);
  line-height: 20px
}

.shared-item_cards-list-image_card_component__attrsWrapper {
  display: none;
  padding-top: var(--spacing--m)
}

.shared-item_cards-list-image_card_component__addToCartMobile {
  display: block
}

.shared-item_cards-list-image_card_component__addToCartDesktop {
  display: none
}

@media(min-width: 640px) {
  .shared-item_cards-list-image_card_component__imageWrapper {
    margin: 0;
    width: 37%
  }

  .shared-item_cards-list-image_card_component__detailsWrapper {
    padding: 0 var(--spacing--m);
    width: calc(63% - 142px - var(--spacing--m))
  }

  .shared-item_cards-list-image_card_component__squareImage .shared-item_cards-list-image_card_component__imageWrapper {
    width: 21%
  }

  .shared-item_cards-list-image_card_component__squareImage .shared-item_cards-list-image_card_component__detailsWrapper {
    width: calc(100% - 360px)
  }

  .shared-item_cards-list-image_card_component__addToCartMobile {
    display: none
  }

  .shared-item_cards-list-image_card_component__addToCartDesktop {
    display: block;
    width: 100%
  }

  .shared-item_cards-list-image_card_component__contentWrapper {
    flex-direction: row
  }

  .shared-item_cards-list-image_card_component__favAndCollections {
    display: flex
  }

  .no-js .shared-item_cards-list-image_card_component__favAndCollections {
    visibility: hidden
  }

  .shared-item_cards-list-image_card_component__attrsWrapper,
  .shared-item_cards-list-image_card_component__lastUpdated,
  .shared-item_cards-list-image_card_component__tagsContainer {
    display: block
  }

  .shared-item_cards-list-image_card_component__priceWrapper {
    border-left: 1px solid var(--color-ui--grey-90);
    flex-direction: column;
    padding-left: var(--spacing--m);
    padding-top: 0;
    text-align: center;
    width: 155px
  }

  .shared-item_cards-list-image_card_component__cta {
    flex-grow: 1
  }
}

@media(min-width: 960px) {
  .shared-item_cards-list-image_card_component__detailsWrapper {
    padding: 0 var(--spacing--m);
    width: calc(63% - 234px)
  }

  .shared-item_cards-list-image_card_component__priceWrapper {
    width: 217px
  }
}

.shared-item_cards-list-image_card_component__gradient {
  background-image: linear-gradient(0deg, #0006 0, #0000 80px);
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: opacity .4s ease;
  width: 100%
}

.shared-item_cards-list-image_card_component__buttons {
  bottom: 0;
  display: flex;
  fill: var(--color-ui--white);
  opacity: 0;
  padding: 0 var(--spacing--m) var(--spacing--m) 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  transition: opacity .4s ease
}

.no-js .shared-item_cards-list-image_card_component__buttons,
.no-js .shared-item_cards-list-image_card_component__gradient {
  display: none
}

.shared-item_cards-list-image_card_component__root:hover .shared-item_cards-list-image_card_component__gradient {
  opacity: 1
}

.shared-item_cards-list-image_card_component__root:hover .shared-item_cards-list-image_card_component__buttons {
  opacity: 1;
  pointer-events: auto
}

@media(hover: none) {
  .shared-item_cards-list-image_card_component__root:hover .shared-item_cards-list-image_card_component__gradient {
    opacity: 0
  }

  .shared-item_cards-list-image_card_component__root:hover .shared-item_cards-list-image_card_component__buttons {
    opacity: 0;
    pointer-events: none
  }

  .shared-item_cards-list-image_card_component__imageWrapper:hover .shared-item_cards-list-image_card_component__previewButton {
    opacity: 0
  }
}

@media(min-width: 640px) {
  .shared-item_cards-list-image_card_component__gradient {
    display: none
  }

  .shared-item_cards-list-image_card_component__buttons,
  .shared-item_cards-list-image_card_component__root:hover .shared-item_cards-list-image_card_component__buttons {
    opacity: 1;
    pointer-events: auto
  }
}

.shared-item_cards-list-image_card_component__coverWrapper {
  display: flex;
  height: 40px;
  position: relative
}

.shared-item_cards-list-image_card_component__coverWrapper&gt;

div {
  flex-grow: 1
}

.shared-item_cards-list-image_card_component__coverWrapper&gt;
div&gt;

svg {
  height: 30px;
  margin-top: 5px;
  width: 30px
}

.shared-item_cards-preview_button_component__preview {
  -webkit-font-smoothing: antialiased;
  border: 1px solid var(--color-ui--grey-80);
  border-radius: var(--spacing--xxs);
  color: var(--color-ui--grey-40);
  cursor: pointer;
  font-size: var(--font-size--body-xs);
  font-weight: var(--font-weight--bold);
  height: 40px;
  line-height: 40px;
  margin-right: var(--spacing--xs);
  padding: 0 var(--spacing--m);
  text-decoration: none
}

.shared-item_cards-preview_button_component__preview:hover {
  background: var(--color-ui--grey-80);
  color: var(--color-ui--white)
}

.shared-item_cards-preview_button_with_analytics_component__root {
  --color-ui--custom-blue: #087096;
  -webkit-font-smoothing: antialiased;
  border: 1px solid var(--color-ui--custom-blue);
  border-radius: var(--spacing--xxs);
  color: var(--color-ui--custom-blue);
  cursor: pointer;
  flex-grow: 1;
  font-size: var(--font-size--body-xs);
  font-weight: var(--font-weight--bold);
  height: 40px;
  line-height: 38px;
  margin: 0 var(--spacing--xs);
  padding: 0 var(--spacing--m);
  text-decoration: none;
  white-space: nowrap
}

.shared-item_cards-preview_button_with_analytics_component__root:hover {
  background: var(--color-ui--custom-blue);
  color: var(--color-ui--white)
}

.shared-item_cards-preview_image_component__nextButton,
.shared-item_cards-preview_image_component__prevButton {
  align-items: center;
  background: #0000;
  border: none;
  cursor: pointer;
  display: flex;
  height: 56px;
  margin-top: -28px;
  outline-color: var(--color-ui--white);
  position: absolute;
  top: 50%;
  transition-duration: .5s;
  transition-property: background;
  width: 38px;
  z-index: 1
}

.shared-item_cards-preview_image_component__prevButton {
  border-radius: 0 var(--border-radius--xs) var(--border-radius--xs) 0
}

.shared-item_cards-preview_image_component__nextButton {
  border-radius: var(--border-radius--xs) 0 0 var(--border-radius--xs);
  right: 0
}

.shared-item_cards-preview_image_component__carousel {
  overflow: hidden;
  position: relative
}

.shared-item_cards-preview_image_component__carousel:hover .shared-item_cards-preview_image_component__nextButton,
.shared-item_cards-preview_image_component__carousel:hover .shared-item_cards-preview_image_component__prevButton {
  background: var(--color-ui--grey-20);
  filter: drop-shadow(0 0 2px hsl(0, 0%, 10%))
}

.shared-item_cards-preview_image_component__svgWrapper {
  color: var(--color-ui--white);
  fill: var(--color-ui--white);
  height: 40px;
  padding: 0 6px
}

.shared-item_cards-preview_image_component__svgWrapper svg {
  filter: drop-shadow(0 0 2px hsl(0, 0%, 10%))
}

.shared-item_cards-preview_image_component__imageLink {
  display: flex;
  height: 100%;
  overflow: hidden;
  position: absolute;
  width: 100%
}

.shared-item_cards-preview_image_component__carousel.shared-item_cards-preview_image_component__multipleImages .shared-item_cards-preview_image_component__image {
  height: auto;
  left: 0;
  max-width: 100%;
  position: absolute;
  top: 0;
  transition-duration: .5s;
  transition-property: left;
  width: 100%
}

.shared-item_cards-preview_image_component__carousel.shared-item_cards-preview_image_component__singleImage .shared-item_cards-preview_image_component__image {
  height: auto;
  object-fit: cover;
  width: 100%
}

.shared-item_cards-preview_video_component__root {
  height: 100%;
  position: relative;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--color-ui--black)
}

.shared-item_cards-preview_video_component__mouseDetector {
  height: 100%;
  position: relative
}

.shared-item_cards-preview_video_component__playerWrapper {
  inset: 0;
  position: absolute
}

.shared-item_cards-preview_video_component__videoLink {
  background: var(--color-ui--black);
  display: block;
  height: 0;
  overflow: hidden;
  padding-bottom: calc(56.25% - 1px);
  position: relative
}

.shared-item_cards-preview_video_component__videoPlayer {
  height: 100%;
  object-fit: cover;
  width: 100%
}

.shared-item_cards-preview_video_component__loadingSpinner {
  align-items: center;
  display: flex;
  display: none;
  inset: 0;
  justify-content: center;
  pointer-events: none;
  position: absolute
}

.shared-item_cards-preview_video_component__progress {
  background: var(--color-ui-custom--inset-shadow);
  bottom: 0;
  cursor: pointer;
  height: var(--spacing--s);
  opacity: 1;
  position: absolute;
  transition: opacity .4s ease;
  width: 100%
}

.shared-item_cards-preview_video_component__progressBar {
  background: var(--color-indigo-600);
  height: var(--spacing--s);
  width: 0
}

.shared-item_cards-preview_video_component__controlsContainer {
  bottom: var(--spacing--s);
  opacity: 1;
  padding: 0;
  position: relative;
  transition: opacity .4s ease;
  width: 100%
}

.shared-item_cards-preview_video_component__controlsContainer:before {
  background: linear-gradient(0deg, #0006 0, #0000 57%);
  content: &quot;
  &quot;
  ;
  display: block;
  height: 140px;
  margin-top: -140px;
  pointer-events: none;
  position: absolute;
  width: 100%
}

.shared-item_cards-preview_video_component__actions {
  bottom: var(--spacing--m);
  left: var(--spacing--xs);
  pointer-events: none;
  position: absolute;
  right: var(--spacing--xs)
}

.shared-item_cards-preview_video_component__isHovered .shared-item_cards-preview_video_component__controlsContainer,
.shared-item_cards-preview_video_component__isHovered .shared-item_cards-preview_video_component__progress {
  opacity: 1
}

.shared-item_cards-preview_video_component__buttons {
  bottom: 0;
  display: flex;
  fill: var(--color-ui--white);
  justify-content: flex-end;
  padding: 0 var(--spacing--m) 0 var(--spacing--m);
  position: absolute;
  right: 0;
  width: 100%
}

.shared-item_cards-preview_video_component__buttons&gt;

* {
  pointer-events: all
}

.shared-item_cards-preview_video_component__buttonSeparator {
  background: var(--color-ui--white);
  display: block;
  height: var(--spacing--l);
  margin: 0 var(--spacing--s);
  opacity: .5;
  width: 1px
}

.shared-item_cards-preview_video_component__downloadPreviewButton,
.shared-item_cards-preview_video_component__fullscreenButton,
.shared-item_cards-preview_video_component__muteButton,
.shared-item_cards-preview_video_component__playPauseButton {
  background: none;
  border: none;
  color: var(--color-ui--white);
  cursor: pointer;
  fill: var(--color-ui--white);
  height: 20px;
  opacity: .8;
  padding: 5px 0 0;
  vertical-align: middle;
  width: 14px
}

.shared-item_cards-preview_video_component__playPauseButton {
  height: 100%
}

.shared-item_cards-preview_video_component__muteButton {
  display: none;
  margin-right: auto;
  padding-top: var(--spacing--xs);
  width: 16px
}

.shared-item_cards-preview_video_component__muted .shared-item_cards-preview_video_component__soundIcon,
.shared-item_cards-preview_video_component__soundIconMuted {
  display: none
}

.shared-item_cards-preview_video_component__muted .shared-item_cards-preview_video_component__soundIconMuted {
  display: unset
}

.shared-item_cards-preview_video_component__fullscreenButton:hover,
.shared-item_cards-preview_video_component__muteButton:hover {
  opacity: 1
}

.shared-item_cards-preview_video_component__fullscreenButton:focus,
.shared-item_cards-preview_video_component__muteButton:focus {
  outline: none
}

.shared-item_cards-preview_video_component__fullscreenClickOverlay {
  align-items: center;
  background-color: #0000;
  border: none;
  cursor: pointer;
  display: none;
  inset: 0;
  justify-content: center;
  outline: none;
  position: absolute;
  width: 100%
}

.shared-item_cards-preview_video_component__fullscreenControls {
  bottom: var(--spacing--s);
  display: none;
  left: 0;
  position: fixed;
  right: 0
}

.shared-item_cards-preview_video_component__fullscreenControls .shared-item_cards-preview_video_component__bar {
  align-items: center;
  background-color: #0009;
  color: var(--color-ui--white);
  display: flex;
  height: 44px;
  justify-content: space-between;
  padding: 0 var(--spacing--m);
  width: 100%
}

.shared-item_cards-preview_video_component__fullscreenControls .shared-item_cards-preview_video_component__bar .shared-item_cards-preview_video_component__fullscreenButton,
.shared-item_cards-preview_video_component__fullscreenControls .shared-item_cards-preview_video_component__bar .shared-item_cards-preview_video_component__muteButton,
.shared-item_cards-preview_video_component__fullscreenControls .shared-item_cards-preview_video_component__bar .shared-item_cards-preview_video_component__playPauseButton {
  height: 100%;
  padding-top: 0
}

.shared-item_cards-preview_video_component__fullscreenControls .shared-item_cards-preview_video_component__bar .shared-item_cards-preview_video_component__fullscreenButton,
.shared-item_cards-preview_video_component__fullscreenControls .shared-item_cards-preview_video_component__bar .shared-item_cards-preview_video_component__muteButton {
  padding-top: var(--spacing--xs)
}

.shared-item_cards-preview_video_component__fullscreenControls .shared-item_cards-preview_video_component__bar .shared-item_cards-preview_video_component__muteButton {
  margin-right: var(--spacing--m)
}

.shared-item_cards-preview_video_component__fullscreen .shared-item_cards-preview_video_component__fullscreenControls {
  display: unset
}

.shared-item_cards-preview_video_component__fullscreen .shared-item_cards-preview_video_component__fullscreenClickOverlay {
  display: flex
}

.shared-item_cards-preview_video_component__fullscreen .shared-item_cards-preview_video_component__actions {
  display: none
}

.shared-item_cards-preview_video_component__fullscreen .shared-item_cards-preview_video_component__videoLink {
  height: 100%
}

.shared-item_cards-preview_video_component__playIconPaused,
.shared-item_cards-preview_video_component__playing .shared-item_cards-preview_video_component__playIcon {
  display: none
}

.shared-item_cards-preview_video_component__playing .shared-item_cards-preview_video_component__playIconPaused {
  display: unset
}

.shared-item_cards-preview_video_component__displayTime {
  color: var(--color-ui--white);
  font-size: var(--font-size--body-s);
  margin: var(--spacing--xxs) var(--spacing--s) 0 0
}

.shared-item_cards-preview_video_component__hidden {
  display: none
}

@media(min-width: 832px) {

  .shared-item_cards-preview_video_component__controlsContainer,
  .shared-item_cards-preview_video_component__progress {
    opacity: 0
  }
}

.shared-item_cards-price_component__root {
  font-size: var(--font-size--body-l);
  font-weight: var(--font-weight--bold);
  color: #16a135;
  line-height: calc(var(--font-size--body-m) + var(--font-size--body-xs))
}

.shared-item_cards-price_component__slim {
  font-weight: var(--font-weight--semibold);
  line-height: var(--line-height--reset)
}

.shared-item_cards-price_component__originalPrice {
  text-decoration: line-through;
  vertical-align: initial
}

.shared-item_cards-price_component__promoPrice {
  color: #6ca12b;
  vertical-align: initial
}

.shared-item_cards-sales_component__root {
  color: var(--color-ui--grey-60);
  font-size: var(--font-size--body-xs);
  line-height: var(--font-size--body-xl)
}

.shared-item_cards-sash_component__sash {
  border-top-left-radius: var(--spacing--xs);
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0
}

.shared-item_cards-tooltip_component__root {
  cursor: pointer;
  display: inline-block;
  position: relative
}

.shared-item_cards-tooltip_component__tooltip {
  border: 1px solid;
  border-radius: var(--border-radius--xxs);
  bottom: calc(100% + var(--spacing--s));
  box-shadow: 3px 2px 7px 0 var(--color-ui-custom--inset-shadow);
  display: inline-block;
  font-size: var(--font-size--body-xs);
  left: 50%;
  opacity: 0;
  padding: var(--spacing--s);
  position: absolute;
  text-align: left;
  transform: translateX(-50%);
  transition: all .45s ease;
  visibility: hidden;
  white-space: nowrap;
  z-index: var(--z-index-1)
}

.shared-item_cards-tooltip_component__tooltip:after,
.shared-item_cards-tooltip_component__tooltip:before {
  border: solid #0000;
  content: &quot;
  &quot;
  ;
  height: 0;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 100%;
  width: 0
}

.shared-item_cards-tooltip_component__tooltip:before {
  border-width: 8px;
  margin-left: -8px
}

.shared-item_cards-tooltip_component__tooltip:after {
  border-width: 7px;
  margin-left: -7px
}

.shared-item_cards-tooltip_component__optionColorBlack .shared-item_cards-tooltip_component__tooltip {
  background-color: var(--color-ui--grey-40);
  border-color: var(--color-ui--grey-50);
  color: var(--color-ui--white)
}

.shared-item_cards-tooltip_component__optionColorBlack .shared-item_cards-tooltip_component__tooltip:before {
  border-top-color: var(--color-ui--grey-50)
}

.shared-item_cards-tooltip_component__optionColorBlack .shared-item_cards-tooltip_component__tooltip:after {
  border-top-color: var(--color-ui--grey-40)
}

.shared-item_cards-tooltip_component__optionColorWhite .shared-item_cards-tooltip_component__tooltip {
  background-color: var(--color-ui--white);
  border-color: var(--color-ui--grey-90);
  color: var(--color-ui--grey-40)
}

.shared-item_cards-tooltip_component__optionColorWhite .shared-item_cards-tooltip_component__tooltip:before {
  border-top-color: var(--color-ui--grey-90)
}

.shared-item_cards-tooltip_component__optionColorWhite .shared-item_cards-tooltip_component__tooltip:after {
  border-top-color: var(--color-ui--white)
}

.shared-item_cards-tooltip_component__root:hover .shared-item_cards-tooltip_component__tooltip {
  opacity: 1;
  visibility: visible
}

.shared-item_preview_component__root {
  background: var(--color-ui--grey-80);
  background-size: 900%;
  overflow: hidden;
  padding-top: 50%;
  position: relative;
  transform: translateZ(0)
}

.shared-item_preview_component__root:before {
  background: linear-gradient(to left, var(--color-ui--grey-80), var(--color-ui--grey-90));
  content: &quot;
  &quot;
  ;
  inset: 0;
  position: absolute;
  transform: translateZ(0)
}

.shared-item_preview_component__image {
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: var(--z-index-1)
}

.shared-items_grid_with_sidebar_component__root {
  display: flex
}

.shared-items_grid_with_sidebar_component__itemsGrid {
  display: grid;
  flex: 1 1;
  gap: var(--spacing--xl);
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  height: 100%;
  margin: var(--spacing--m) 0 var(--spacing--xl) 0;
  order: 1
}

.shared-items_grid_with_sidebar_component__sidebar {
  display: none
}

@media(min-width: 960px) {
  .shared-items_grid_with_sidebar_component__sidebar {
    display: block;
    flex: 0 0 250px;
    margin-left: var(--spacing--xl);
    margin-top: var(--spacing--m);
    order: 2
  }
}

.shared-modal_component__overlay {
  align-items: center;
  display: none;
  inset: 0;
  justify-content: center;
  position: fixed;
  z-index: var(--z-index-4)
}

.shared-modal_component__mask {
  background-color: #33333380;
  inset: 0;
  position: fixed;
  z-index: 1
}

.shared-modal_component__noscroll {
  overflow: hidden
}

.shared-modal_component__content {
  max-height: 95vh;
  overflow: auto;
  z-index: 2
}

.shared-modal_component__overlayOpen {
  display: flex
}

.shared-modal_component__loading {
  background-color: var(--color-ui--white);
  border-radius: var(--border-radius--xs);
  height: 200px;
  padding: 65px 0;
  text-align: center;
  width: 600px
}

.shared-modal_component__hidden {
  display: none
}

.shared-select_collection_button_component__collectionName {
  background-color: #0000;
  border: none;
  color: #454545;
  cursor: pointer;
  display: block;
  font-size: var(--font-size--body-s);
  font-weight: 700;
  margin-bottom: var(--spacing--s);
  outline: none;
  padding: 10px var(--spacing--s);
  text-align: left;
  width: 100%
}

.shared-select_collection_button_component__collectionName:hover {
  color: #787878
}

.shared-select_collection_button_component__icon {
  height: 12px;
  vertical-align: middle;
  width: 12px
}

.shared-select_collection_button_component__addBookmark,
.shared-select_collection_button_component__dropBookmark {
  display: none
}

.shared-select_collection_button_component__collectionName:hover .shared-select_collection_button_component__icon {
  opacity: .6
}

.shared-select_collection_button_component__root[data-bookmarked=false] .shared-select_collection_button_component__addBookmark {
  display: inline-block
}

.shared-select_collection_button_component__root[data-bookmarked=true] .shared-select_collection_button_component__dropBookmark {
  display: inline-block;
  fill: var(--color-ui--blue-light)
}

.shared-select_collection_button_component__root[data-bookmarked=true] .shared-select_collection_button_component__collectionName {
  background-color: #e5f2f7
}

.shared-select_collection_button_component__root[data-fetch-in-progress=true] .shared-select_collection_button_component__collectionName,
.shared-select_collection_button_component__root[data-fetch-in-progress=true] .shared-select_collection_button_component__icon {
  opacity: .6
}

:root {
  --spinner--offset: 187;
  --spinner--offset-quarter: 46.75;
  --spinner--duration: 1.5s
}

@keyframes shared-spinner_component__rotator {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(270deg)
  }
}

@keyframes shared-spinner_component__dash {
  0% {
    stroke-dashoffset: var(--spinner--offset)
  }

  50% {
    stroke-dashoffset: var(--spinner--quarter);
    transform: rotate(135deg)
  }

  to {
    stroke-dashoffset: var(--spinner--offset);
    transform: rotate(450deg)
  }
}

.shared-spinner_component__spinner {
  animation: shared-spinner_component__rotator var(--spinner--duration) linear infinite
}

.shared-spinner_component__large {
  height: 65px;
  width: 65px
}

.shared-spinner_component__small {
  height: 30px;
  width: 30px
}

.shared-spinner_component__path {
  animation: shared-spinner_component__dash var(--spinner--duration) ease-in-out infinite;
  stroke: var(--color-ui--green-light);
  stroke-dasharray: var(--spinner--offset);
  stroke-dashoffset: 0;
  transform-origin: center
}

.shared-sso_forms_component__signInModal {
  margin: 0 auto;
  max-width: 490px;
  position: relative;
  width: 90vw
}

.shared-sso_forms_component__isDisabled {
  cursor: wait;
  position: relative
}

.shared-sso_forms_component__isDisabled:before {
  background-color: var(--color-ui--white);
  content: &quot;
  &quot;
  ;
  height: 100%;
  opacity: .4;
  position: absolute;
  width: 100%;
  z-index: var(--z-index-2)
}

.shared-sso_forms_component__isHidden {
  display: none
}

.shared-sso_forms_component__header {
  background-color: var(--color-ui--grey-15);
  border: none;
  border-radius: 4px 4px 0 0;
  color: var(--color-ui--white);
  margin-top: -1px;
  overflow: auto;
  padding: 16px;
  text-align: center
}

.shared-sso_forms_component__header div {
  padding-bottom: 8px;
  padding-top: 8px
}

.shared-sso_forms_component__main {
  background-color: var(--color-ui--white);
  border: 1px solid #dedede;
  border-radius: 4px;
  margin-top: -1px;
  overflow: auto;
  padding: 32px
}

.shared-sso_forms_component__main h2 {
  font-size: 20px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--color-ui--grey-27);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 16px
}

.shared-stars_rating_component__root {
  display: flex;
  font-size: var(--font-size--body-xs);
  height: 20px;
  line-height: var(--font-size--body-xl);
  padding-right: var(--spacing--s)
}

.shared-stars_rating_component__starRating {
  align-items: center;
  display: flex;
  margin-right: var(--spacing--xs)
}

.shared-stars_rating_component__starRatingCount {
  color: var(--color-ui--grey-60)
}

.shared-stars_rating_component__star {
  display: inline-block;
  height: 14px;
  margin-bottom: 3px;
  width: 75px
}

.top_sellers-index_content__root {
  background: var(--color-ui--grey-98)
}

.top_sellers-index_content__topSellers {
  background: var(--color-ui--white)
}

.top_sellers-index_content__topSellersWrapper {
  margin: 0 auto;
  max-width: var(--container-width);
  padding: 0 var(--spacing--m)
}

.top_sellers-index_content__topSellersHeading {
  display: flex;
  flex-flow: column wrap;
  margin-bottom: var(--spacing--m);
  margin-top: var(--spacing--s)
}

@media(min-width: 640px) {
  .top_sellers-index_content__topSellersHeading {
    flex-direction: row
  }
}

.top_sellers-index_content__topSellersPeriodNav {
  border-bottom: 2px;
  border-bottom-color: var(--color-ui--grey-90);
  border-bottom-style: solid;
  display: flex
}

.top_sellers-index_content__topSellersPeriodSelector {
  color: var(--color-ui--grey-70);
  font-size: var(--font-size--body-l);
  font-weight: var(--font-weight--bold);
  margin-bottom: -2px;
  padding: var(--spacing--m);
  text-decoration: none
}

.top_sellers-index_content__topSellersPeriodSelector.top_sellers-index_content__selected {
  border-bottom: 2px;
  border-bottom-color: var(--color-ui--grey-40);
  border-bottom-style: solid;
  color: var(--color-ui--grey-40)
}

.top_sellers-index_content__usdNoticeWrapper {
  align-items: center;
  color: var(--color-ui--grey-50);
  display: flex;
  flex: 1 1;
  font-size: var(--font-size--body-xs);
  justify-content: flex-end;
  min-width: 120px;
  padding-top: var(--spacing--m)
}

@media(min-width: 640px) {
  .top_sellers-index_content__usdNoticeWrapper {
    border-bottom: 2px;
    border-bottom-color: var(--color-ui--grey-90);
    border-bottom-style: solid;
    padding-top: 0
  }
}

/*# sourceMappingURL=styles.css.map*/
/* Loading Bar - By Izaias Nelson Alberto*/
. .pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #4f39f6;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 3px;
}



.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.animate-gradient {
  background-size: 200% 200%;
  animation: gradientMove 3s ease infinite;
}

@keyframes gradientMove {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
  animation: fadeIn 0.3s ease-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.notification-ios {
  transform: translateY(100px);
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.notification-ios.show {
  transform: translateY(0);
  opacity: 1;
}

.slider-image {
  transition:
    opacity 0.4s ease-out,
    transform 0.4s ease-out;
}