/* 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% }
.itemHomePrice.item_price { color: #6ca12b; text-transform: uppercase; }
.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; }