@keyframes order-wait-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .order-wait { display: flex; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1000; opacity: 0.0; pointer-events: none; transition: opacity 160ms; justify-content: center; align-items: center; background-color: #FFFFFF; } .order-wait .order-wait__box { display: flex; padding: 16px; box-sizing: border-box; flex-direction: column; align-items: center; gap: 16px; text-align: center; } .order-wait .order-wait__spinner { width: 48px; height: 48px; border: solid #E8E8E8 3px; border-radius: 50%; border-top-color: #262626; animation: order-wait-spin 1s linear infinite; } .order-wait .order-wait__title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin: 0; color: #262626; } .order-wait .order-wait__text { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; margin: 0; color: #A1A1A1; } .order-wait--on { opacity: 1.0; pointer-events: auto; } @media (prefers-reduced-motion: reduce) { .order-wait { transition: opacity 0ms; } .order-wait .order-wait__spinner { animation: order-wait-spin 2.4s linear infinite; } } .blog-article .tv-skeleton { border-radius: 4px; background: linear-gradient(90deg, #E8E8E8 40%, #F7F7F7 50%, #E8E8E8 60%); background-size: 200% 100%; animation: tv-shimmer 4s linear infinite; } .blog-article { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; background-color: #FFFFFF; } .blog-article .blog-article__spacer { flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .blog-article .blog-article__bar { display: flex; width: 100%; max-width: 1568px; padding-left: 64px; padding-right: 64px; margin-left: auto; margin-right: auto; box-sizing: border-box; align-items: center; background-color: #FFFFFF; } .blog-article .blog-article__bar--crumbs { height: 36px; padding: 6px 64px; } .blog-article .blog-article__bar--title { height: auto; min-height: 64px; padding: 16px 64px; } .blog-article .blog-article__crumbs { display: flex; min-width: 0; overflow-x: auto; align-items: center; gap: 32px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .blog-article .blog-article__crumb { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; line-height: 21.12px; color: #262626; text-decoration: none; white-space: nowrap; } .blog-article .blog-article__crumb--current { min-width: 0; overflow: hidden; font-weight: 700; text-overflow: ellipsis; } .blog-article .blog-article__title { margin: 0; color: #262626; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 800; text-transform: uppercase; line-height: 31.68px; } .blog-article .blog-article__body-title { font-size: 32px; font-weight: 700; text-transform: none; line-height: 42.24px; } .blog-article .blog-article__subtitle { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin: 0; color: #A1A1A1; } .blog-article .blog-article__section { display: flex; width: 100%; max-width: 1568px; padding: 40px 64px; margin-left: auto; margin-right: auto; box-sizing: border-box; flex-direction: column; gap: 64px; } .blog-article .blog-article__layout { display: flex; width: 100%; box-sizing: border-box; flex-direction: row; justify-content: space-between; align-items: stretch; gap: 64px; } .blog-article .blog-article__body { display: flex; min-width: 0; max-width: 760px; box-sizing: border-box; flex-direction: column; gap: 16px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .blog-article .blog-article__meta { display: flex; flex-direction: column; gap: 8px; } .blog-article .blog-article__rubrics { display: flex; flex-wrap: wrap; gap: 8px; } .blog-article .blog-article__rubric { font-family: 'Tilda Sans'; font-size: 12px; font-weight: 500; line-height: 15.84px; color: #A1A1A1; text-decoration: none; text-transform: uppercase; } @media all and (hover: hover) { .blog-article .blog-article__rubric:hover { color: #262626; } } .blog-article .blog-article__meta-line { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #A1A1A1; } .blog-article .blog-article__cover { display: block; width: 100%; box-sizing: border-box; overflow: hidden; background-color: #E8E8E8; } .blog-article .blog-article__cover-image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .blog-article .blog-article__prose { min-width: 0; max-width: 760px; } .blog-article .blog-article__empty-body { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; margin: 0; color: #A1A1A1; } .blog-article .blog-article__prose h2 { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin-top: 32px; margin-bottom: 8px; color: #262626; scroll-margin-top: 24.0px; } .blog-article .blog-article__prose h3 { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; margin-top: 24px; margin-bottom: 8px; color: #262626; scroll-margin-top: 24.0px; } .blog-article .blog-article__prose p { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; margin-bottom: 16px; color: #262626; } .blog-article .blog-article__prose strong { font-weight: 700; } .blog-article .blog-article__prose a { color: #262626; text-decoration: underline; } .blog-article .blog-article__prose img { display: block; height: auto; max-width: 100%; } .blog-article .blog-article__prose figure { margin-top: 24px; margin-bottom: 24px; } .blog-article .blog-article__prose figcaption { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; margin-top: 8px; color: #A1A1A1; } .blog-article .blog-article__prose blockquote { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; line-height: 26.4px; padding-top: 8px; padding-left: 24px; padding-bottom: 8px; margin: 0; border-left-style: solid; border-left-color: #121212; border-left-width: 2px; color: #262626; } .blog-article .blog-article__prose details { padding-top: 16px; padding-bottom: 16px; border-bottom-style: solid; border-bottom-color: #E8E8E8; border-bottom-width: 1px; } .blog-article .blog-article__prose summary { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; cursor: pointer; color: #262626; } .blog-article .blog-article__prose table { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; width: 100%; margin-bottom: 24px; color: #262626; border-collapse: collapse; } .blog-article .blog-article__prose th { padding: 8px 16px; border-bottom-style: solid; border-bottom-color: #E8E8E8; border-bottom-width: 1px; text-align: start; font-weight: 700; } .blog-article .blog-article__prose td { padding: 8px 16px; border-bottom-style: solid; border-bottom-color: #E8E8E8; border-bottom-width: 1px; } .blog-article .blog-article__prose ul { padding-left: 24px; margin-bottom: 16px; } .blog-article .blog-article__prose ol { padding-left: 24px; margin-bottom: 16px; } .blog-article .blog-article__prose li { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; color: #262626; } .blog-article .blog-article__prose ul:has(img) { display: grid; padding: 0; margin-top: 24px; margin-bottom: 24px; gap: 8px; list-style: none; grid-template-columns: repeat(auto-fill, minmax(200.0px, 1fr)); } .blog-article .blog-article__prose ul:has(img) li { min-width: 0; } .blog-article .blog-article__prose ul:has(img) img { width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; object-position: center; } .blog-article .blog-article__prose ul:has(a img) a { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; display: flex; flex-direction: column; gap: 8px; color: #262626; text-decoration: none; } .blog-article .blog-article__products { display: flex; width: 100%; min-width: 0; box-sizing: border-box; flex-direction: column; gap: 16px; } .blog-article .blog-article__products-title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin: 0; color: #262626; } .blog-article .blog-article__sidebar { display: flex; width: 300px; box-sizing: border-box; flex-direction: column; gap: 32px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; position: sticky; top: 24px; align-self: flex-start; max-height: calc(100vh - 48px); overflow-y: auto; overscroll-behavior: contain; } .blog-article .blog-article__sidebar-title { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; margin-bottom: 16px; color: #262626; } .blog-article .blog-article__author { display: flex; padding: 20px; box-sizing: border-box; flex-direction: column; gap: 14px; background-color: #F9F9F9; } .blog-article .blog-article__author-photo { display: block; width: 72px; height: 72px; border-radius: 50%; object-fit: cover; object-position: center; } .blog-article .blog-article__author-name { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; color: #262626; } .blog-article .blog-article__author-link { text-decoration: none; } .blog-article .blog-article__author-role { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #A1A1A1; } .blog-article .blog-article__author-about { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; margin: 0; color: #262626; } .blog-article .blog-article__author-socials { display: flex; flex-wrap: wrap; gap: 12px; } .blog-article .blog-article__author-social { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #262626; text-decoration: underline; } .blog-article .blog-article__author-more { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 500; line-height: 18.48px; color: #262626; text-decoration: underline; } .blog-article .blog-article__related { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; gap: 24px; } .blog-article .blog-article__related-title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin: 0; color: #262626; } .blog-article .blog-article__related-grid { display: grid; width: 100%; box-sizing: border-box; gap: 32px 16px; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); } .blog-article .blog-article__related-card { display: flex; min-width: 0; box-sizing: border-box; flex-direction: column; gap: 8px; color: #262626; text-decoration: none; } .blog-article .blog-article__related-cover { display: block; width: 100%; margin-bottom: 8px; box-sizing: border-box; overflow: hidden; background-color: #E8E8E8; aspect-ratio: 587 / 375; } .blog-article .blog-article__related-image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .blog-article .blog-article__related-rubric { font-family: 'Tilda Sans'; font-size: 12px; font-weight: 500; line-height: 15.84px; color: #A1A1A1; text-transform: uppercase; } .blog-article .blog-article__related-name { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; color: #262626; } .blog-article .blog-article__related-date { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 500; line-height: 18.48px; color: #A1A1A1; } .blog-article .blog-article__state { padding-top: 48px; padding-bottom: 48px; } @media screen and (max-width: 800px) { .blog-article .blog-article__bar { padding-left: 16px; padding-right: 16px; } .blog-article .blog-article__bar--crumbs { padding: 6px 16px; } .blog-article .blog-article__bar--title { padding: 16px 16px; } .blog-article .blog-article__section { padding: 24px 16px; gap: 40px; } .blog-article .blog-article__layout { flex-direction: column; gap: 40px; } .blog-article .blog-article__body-title { font-size: 28px; line-height: 36.96px; } .blog-article .blog-article__sidebar { width: 100%; flex-grow: 0; flex-shrink: 0; flex-basis: auto; position: static; max-height: none; overflow-y: visible; } .blog-article .blog-article__body { max-width: 100%; } .blog-article .blog-article__prose { max-width: 100%; } .blog-article .blog-article__prose ul:has(img) { grid-template-columns: repeat(2, minmax(0, 1fr)); } .blog-article .blog-article__related-grid { gap: 24px; grid-template-columns: minmax(0, 1fr); } } .blog-article__toc { display: flex; flex-direction: column; gap: 10px; } .blog-article__toc .blog-article__toc-item { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #262626; text-decoration: none; } .blog-article__toc .blog-article__toc-item--nested { padding-left: 16px; color: #A1A1A1; } .blog-article__toc .blog-article__toc-item--active { color: #262626; font-weight: 700; } @media all and (hover: hover) { .blog-article__toc .blog-article__toc-item:hover { text-decoration: underline; } } .blog-author .tv-skeleton { border-radius: 4px; background: linear-gradient(90deg, #E8E8E8 40%, #F7F7F7 50%, #E8E8E8 60%); background-size: 200% 100%; animation: tv-shimmer 4s linear infinite; } .blog-author { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; background-color: #FFFFFF; } .blog-author .blog-author__spacer { flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .blog-author .blog-author__bar { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; align-items: center; background-color: #FFFFFF; } .blog-author .blog-author__bar--crumbs { height: 36px; padding: 6px 64px; } .blog-author .blog-author__bar--title { height: auto; min-height: 64px; padding: 16px 64px; } .blog-author .blog-author__crumbs { display: flex; min-width: 0; overflow-x: auto; align-items: center; gap: 32px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .blog-author .blog-author__crumb { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; line-height: 21.12px; color: #262626; text-decoration: none; white-space: nowrap; } .blog-author .blog-author__crumb--current { min-width: 0; overflow: hidden; font-weight: 700; text-overflow: ellipsis; } .blog-author .blog-author__title { margin: 0; color: #262626; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 800; text-transform: uppercase; line-height: 31.68px; } .blog-author .blog-author__section { display: flex; width: 100%; padding: 40px 64px; box-sizing: border-box; flex-direction: column; gap: 48px; } .blog-author .blog-author__card { display: flex; width: 100%; box-sizing: border-box; flex-direction: row; align-items: start; gap: 32px; } .blog-author .blog-author__photo { display: block; width: 96px; height: 96px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; background-color: #E8E8E8; border-radius: 50%; object-fit: cover; object-position: center; } .blog-author .blog-author__card-copy { display: flex; min-width: 0; max-width: 760px; flex-direction: column; gap: 14px; } .blog-author .blog-author__role { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; line-height: 21.12px; color: #A1A1A1; } .blog-author .blog-author__about { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; margin: 0; color: #262626; } .blog-author .blog-author__socials { display: flex; flex-wrap: wrap; gap: 12px; } .blog-author .blog-author__social { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #262626; text-decoration: underline; } .blog-author .blog-author__posts { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; gap: 24px; } .blog-author .blog-author__posts-title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin: 0; color: #262626; } .blog-author .blog-author__grid { display: grid; width: 100%; box-sizing: border-box; gap: 32px 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); } .blog-author .blog-author__card-post { display: flex; min-width: 0; box-sizing: border-box; flex-direction: column; gap: 16px; color: #262626; text-decoration: none; } .blog-author .blog-author__cover { display: block; width: 100%; box-sizing: border-box; overflow: hidden; background-color: #E8E8E8; aspect-ratio: 587 / 375; } .blog-author .blog-author__cover-image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .blog-author .blog-author__post-copy { display: flex; min-width: 0; flex-direction: column; gap: 8px; } .blog-author .blog-author__post-rubric { color: #262626; font-family: 'Tilda Sans'; font-size: 18px; font-weight: 700; text-transform: uppercase; line-height: 23.76px; } .blog-author .blog-author__post-title { color: #262626; font-family: 'Tilda Sans'; font-size: 18px; font-weight: 400; line-height: 23.76px; } .blog-author .blog-author__post-date { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 500; line-height: 18.48px; margin-top: auto; color: #A1A1A1; } .blog-author .blog-author__state { padding-top: 48px; padding-bottom: 48px; } @media screen and (max-width: 800px) { .blog-author .blog-author__bar { padding-left: 16px; padding-right: 16px; } .blog-author .blog-author__bar--crumbs { padding: 6px 16px; } .blog-author .blog-author__bar--title { padding: 16px 16px; } .blog-author .blog-author__section { padding: 24px 16px; gap: 32px; } .blog-author .blog-author__card { flex-direction: column; gap: 16px; } .blog-author .blog-author__grid { gap: 24px; grid-template-columns: minmax(0, 1fr); } } @keyframes tv-btn-spin { 100% { transform: rotate(360deg); } } .blog .tv-spinner { display: block; width: 16px; height: 16px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; visibility: hidden; animation: tv-btn-spin 1s linear infinite; } .blog .tv-spinner path { stroke: currentColor; fill: none; } .blog [aria-busy="true"] .tv-spinner { visibility: visible; } .blog .tv-spinner-balance { display: block; width: 16px; height: 16px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .blog .tv-skeleton { border-radius: 4px; background: linear-gradient(90deg, #E8E8E8 40%, #F7F7F7 50%, #E8E8E8 60%); background-size: 200% 100%; animation: tv-shimmer 4s linear infinite; } .blog { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; background-color: #FFFFFF; } .blog .blog__spacer { flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .blog .blog__spacer--top { height: 16px; } .blog .blog__spacer--heading { height: 16px; } .blog .blog__bar { display: flex; width: 100%; max-width: 1920px; padding-left: 64px; padding-right: 64px; margin-left: auto; margin-right: auto; box-sizing: border-box; align-items: center; background-color: #FFFFFF; } .blog .blog__bar--crumbs { height: 36px; padding: 6px 64px; } .blog .blog__bar--title { height: 64px; padding: 16px 64px; } .blog .blog__crumbs { display: flex; min-width: 0; overflow: hidden; align-items: center; gap: 32px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .blog .blog__crumb-separator { display: none; } .blog .blog__crumb { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; line-height: 21.12px; color: #262626; text-decoration: none; white-space: nowrap; } .blog .blog__crumb--current { font-weight: 700; } .blog .blog__title { margin: 0; color: #262626; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 800; text-transform: uppercase; line-height: 31.68px; } .blog .blog__bar--filters { display: none; height: auto; padding: 8px 64px; flex-wrap: wrap; justify-content: space-between; gap: 16px; } .blog .blog__tags { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: 8px; } .blog .blog__tag { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 500; line-height: 18.48px; display: flex; height: 32px; padding-left: 16px; padding-right: 16px; box-sizing: border-box; border: solid #E8E8E8 1px; align-items: center; color: #262626; text-decoration: none; white-space: nowrap; background-color: #FFFFFF; } @media all and (hover: hover) { .blog .blog__tag:hover { border: solid #121212 1px; } } .blog .blog__tag--current { border: solid #121212 1px; color: #FFFFFF; background-color: #121212; } .blog .blog__search { display: flex; min-width: 0; align-items: center; gap: 8px; } .blog .blog__search-field { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; width: 240px; height: 32px; max-width: 100%; padding-left: 16px; padding-right: 16px; box-sizing: border-box; border: solid #E8E8E8 1px; color: #262626; background-color: #FFFFFF; } .blog .blog__search-submit { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 500; line-height: 18.48px; height: 32px; padding-left: 16px; padding-right: 16px; box-sizing: border-box; border: solid #121212 1px; cursor: pointer; color: #FFFFFF; white-space: nowrap; background-color: #121212; } .blog .blog__search-reset { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 500; line-height: 18.48px; color: #A1A1A1; text-decoration: none; white-space: nowrap; } .blog .blog__section { display: flex; width: 100%; max-width: 1920px; padding: 40px 64px; margin-left: auto; margin-right: auto; box-sizing: border-box; flex-direction: column; gap: 32px; } .blog .blog__feed { display: grid; width: 100%; box-sizing: border-box; gap: 32px 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); } .blog .blog__grid { display: contents; } .blog .blog__hero { display: flex; width: 100%; min-width: 0; box-sizing: border-box; flex-direction: column; gap: 16px; color: #262626; text-decoration: none; } .blog .blog__hero-cover { min-width: 0; } .blog .blog__hero-copy { display: flex; min-width: 0; flex-direction: column; gap: 8px; flex-grow: 1; flex-shrink: 0; flex-basis: auto; } .blog .blog__hero-desktop { display: flex; min-width: 0; flex-direction: column; gap: 8px; flex-grow: 1; flex-shrink: 0; flex-basis: auto; } .blog .blog__hero-title { color: #262626; font-family: 'Tilda Sans'; font-size: 18px; font-weight: 400; line-height: 23.76px; } .blog .blog__hero-announce { display: none; } .blog .blog__hero-mobile-title { display: none; } .blog .blog__hero-read { display: none; } .blog .blog__hero-date { margin-top: auto; } .blog .blog__card { display: flex; min-width: 0; box-sizing: border-box; flex-direction: column; gap: 16px; color: #262626; text-decoration: none; background-color: #FFFFFF; } .blog .blog__card-cover { display: block; width: 100%; box-sizing: border-box; overflow: hidden; background-color: #E8E8E8; aspect-ratio: 587 / 375; } .blog .blog__card-image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .blog .blog__card-desktop-copy { display: flex; min-width: 0; flex-direction: column; gap: 8px; } .blog .blog__card-mobile-meta { display: none; } .blog .blog__card-mobile-title { display: none; } .blog .blog__card-rubric { color: #262626; font-family: 'Tilda Sans'; font-size: 18px; font-weight: 700; text-transform: uppercase; line-height: 23.76px; } .blog .blog__card-title { color: #262626; font-family: 'Tilda Sans'; font-size: 18px; font-weight: 400; line-height: 23.76px; } .blog .blog__card-announce { display: none; } .blog .blog__newsletter { display: none; padding: 36px 24px; align-items: start; gap: 20px; background-color: #F2F2F2; } .blog .blog__newsletter-icon { width: 32px; height: 32px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .blog .blog__newsletter-copy { display: flex; flex-direction: column; gap: 6px; } .blog .blog__newsletter-title { margin: 0; font-size: 22px; font-weight: 700; line-height: 29.04px; } .blog .blog__newsletter-text { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; margin: 0; color: #A1A1A1; } .blog .blog__card-date { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 500; line-height: 18.48px; margin-top: auto; color: #A1A1A1; } .blog .blog__bar--pagination { height: auto; min-height: 64px; padding: 16px 0; flex-direction: column; justify-content: center; gap: 8px; } .blog .blog__pagination { display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; gap: 16px; } .blog .blog__pages { display: flex; flex-direction: row; align-items: center; gap: 10px; } .blog .blog__page { color: #A1A1A1; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 800; text-decoration: none; line-height: 31.68px; } .blog .blog__page--current { color: #262626; } .blog .blog__more { display: flex; width: 169.6px; height: 32px; max-width: 100%; box-sizing: border-box; border: solid #121212 1.28px; cursor: pointer; justify-content: center; align-items: center; gap: 8px; color: #121212; font-family: 'Tilda Sans'; font-size: 15.36px; font-weight: 700; text-decoration: none; text-transform: uppercase; line-height: 25.6px; white-space: nowrap; background-color: rgba(245, 245, 245, 0.3); } @media all and (hover: hover) { .blog .blog__more:hover { color: #FFFFFF; background-color: #121212; } } .blog .blog__more[aria-busy="true"] { border: solid #A1A1A1 1.28px; cursor: progress; color: #A1A1A1; } .blog .blog__more-label { display: block; } .blog .blog__more-label--mobile { display: none; } .blog .blog__more-error { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #DC1F13; text-align: center; } .blog .blog__state { padding-top: 48px; padding-bottom: 48px; } @media screen and (min-width: 800.01px) { .blog .blog__pagination--with-pages.blog__pagination--with-more { display: grid; grid-template-columns: minmax(0, 1fr) 169.6px minmax(0, 1fr); column-gap: 16px; } .blog .blog__pagination--with-pages.blog__pagination--with-more .blog__pages { grid-column: 1; justify-self: end; } .blog .blog__pagination--with-pages.blog__pagination--with-more .blog__more { grid-column: 2; } } @media screen and (max-width: 800px) { .blog .blog__spacer--top { height: 32px; } .blog .blog__spacer--heading { height: 24px; } .blog .blog__bar { padding-left: 16px; padding-right: 16px; } .blog .blog__bar--crumbs { height: auto; padding: 0 16px; } .blog .blog__crumbs { overflow-x: auto; gap: 8px; } .blog .blog__crumb { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 500; line-height: 18.48px; color: #A1A1A1; } .blog .blog__crumb--current { color: #262626; font-weight: 500; } .blog .blog__crumb-separator { display: block; width: 16px; height: 16px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .blog .blog__bar--title { height: auto; padding: 0 16px; } .blog .blog__title { font-size: 28px; font-weight: 700; text-transform: none; line-height: 36.96px; } .blog .blog__bar--pagination { min-height: 0; padding: 0; } .blog .blog__bar--filters { display: flex; padding: 24px 16px 0 16px; } .blog .blog__search { display: none; } .blog .blog__section { padding: 40px 16px 48px 16px; gap: 48px; } .blog .blog__feed { display: flex; flex-direction: column; gap: 48px; } .blog .blog__hero { margin-bottom: 16px; gap: 24px; } .blog .blog__hero-cover { aspect-ratio: var(--blog-cover-ratio); } .blog .blog__hero-copy { gap: 0; } .blog .blog__hero-desktop { display: none; } .blog .blog__hero-mobile-title { display: block; margin-top: 16px; font-size: 28px; font-weight: 700; line-height: 36.96px; } .blog .blog__hero-announce { font-family: 'Tilda Sans'; font-size: 18px; font-weight: 400; line-height: 23.76px; display: block; margin-top: 12px; color: #A1A1A1; } .blog .blog__hero-read { display: block; margin-top: 24px; color: #262626; font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; text-decoration: underline; line-height: 21.12px; } .blog .blog__grid { display: grid; width: 100%; gap: 48px; grid-template-columns: minmax(0, 1fr); } .blog .blog__card { gap: 0; } .blog .blog__card-cover { aspect-ratio: var(--blog-cover-ratio); } .blog .blog__card-desktop-copy { display: none; } .blog .blog__card > .blog__card-date { display: none; } .blog .blog__card-mobile-meta { display: flex; margin-top: 16px; flex-direction: column; gap: 8px; } .blog .blog__card-mobile-tags { display: flex; flex-wrap: wrap; gap: 6px 8px; } .blog .blog__card-mobile-tag { color: #A1A1A1; font-family: 'Tilda Sans'; font-size: 12px; font-weight: 500; line-height: 15.84px; } .blog .blog__card-mobile-date { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #8C8C8C; } .blog .blog__card-mobile-title { display: block; margin-top: 10px; color: #262626; font-family: 'Tilda Sans'; font-size: 22px; font-weight: 700; line-height: 29.04px; } .blog .blog__card-announce { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; margin-top: 8px; color: #A1A1A1; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .blog .blog__newsletter { display: flex; padding: 36px 24px; } .blog .blog__pagination { width: 100%; flex-direction: column; gap: 24px; } .blog .blog__more { width: 100%; height: 48px; border: solid #262626 1px; color: #262626; font-size: 16px; font-weight: 500; text-transform: none; line-height: 21.12px; background-color: #FFFFFF; order: -1; } .blog .blog__more-label--desktop { display: none; } .blog .blog__more-label--mobile { display: block; } .blog .blog__pages { flex-wrap: wrap; justify-content: center; gap: 8px; } .blog .blog__page { display: flex; width: 40px; height: 40px; justify-content: center; align-items: center; color: #262626; font-size: 16px; font-weight: 500; line-height: 21.12px; background-color: #F2F2F2; } .blog .blog__page--current { color: #FFFFFF; background-color: #262626; } } .career { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; background-color: #FFFFFF; } .career .career__heading { display: flex; width: 100%; flex-direction: column; } .career .career__bar { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; align-items: center; background-color: #FFFFFF; } .career .career__bar--crumbs { height: 36px; padding: 6px 64px; } .career .career__bar--title { height: 64px; padding: 16px 64px; } .career .career__crumbs { display: flex; overflow: hidden; align-items: center; gap: 32px; } .career .career__crumb { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; color: #262626; text-decoration: none; white-space: nowrap; } .career .career__crumb--current { font-weight: 700; } .career .career__title { margin: 0; color: #262626; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 800; line-height: 31.68px; } .career .career__hero { display: flex; position: relative; width: 100%; height: 522px; box-sizing: border-box; background-color: #eee7e3; } .career .career__hero-media { position: absolute; width: 100%; height: 100%; overflow: hidden; inset: 0; } .career .career__hero-image { display: block; width: 100%; height: 100%; object-fit: cover; } .career .career__hero-image--mobile { display: none; } .career .career__hero-content { display: flex; position: absolute; width: 100%; height: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; flex-direction: column; justify-content: center; align-items: end; gap: 24px; inset: 0; } .career .career__hero-title { max-width: 100%; margin: 0; color: #262626; text-align: right; font-family: 'Tilda Sans'; font-size: 56px; font-weight: 800; line-height: 57px; } .career .career__hero-button { display: flex; width: 424px; max-width: 100%; padding: 16px; box-sizing: border-box; justify-content: center; align-items: center; color: #FFFFFF; text-align: center; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; text-decoration: none; text-transform: uppercase; line-height: 18.48px; background-color: #eb1b23; } .career .career__intro { display: flex; width: 100%; padding: 60px 64px 40px 64px; box-sizing: border-box; flex-direction: column; justify-content: center; align-items: center; gap: 16px; text-align: center; background-color: #FFFFFF; } .career .career__intro-title { max-width: 780px; margin: 0; color: #121212; font-family: 'Tilda Sans'; font-size: 20px; font-weight: 800; text-transform: uppercase; line-height: 26.4px; } .career .career__intro-text { max-width: 900px; margin: 0; color: #121212; font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; line-height: 26.4px; } .career .career__stats { display: grid; width: 100%; padding: 64px 64px; box-sizing: border-box; gap: 24px; grid-template-columns: repeat(auto-fit, minmax(257px, 1fr)); } .career .career__stat { display: block; position: relative; width: 100%; aspect-ratio: 706/756; border-radius: 12px; overflow: hidden; } .career .career__stat-image { display: block; width: 100%; height: 100%; object-fit: cover; } .career .career__stat-content { display: flex; position: absolute; padding: 30px; box-sizing: border-box; flex-direction: column; justify-content: end; align-items: center; gap: 8px; text-align: center; inset: 0; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 60%); } .career .career__stat-title { margin: 0; color: #FFFFFF; font-family: 'Tilda Sans'; font-size: 29px; font-weight: 700; text-transform: uppercase; line-height: 33px; } .career .career__stat-text { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; margin: 0; color: #FFFFFF; } .career .career__vacancies { display: flex; position: relative; width: 100%; height: 480px; box-sizing: border-box; overflow: hidden; } .career .career__vacancies-media { position: absolute; width: 100%; height: 100%; overflow: hidden; inset: 0; } .career .career__vacancies-image { display: block; width: 100%; height: 100%; object-fit: cover; } .career .career__vacancies-image--mobile { display: none; } .career .career__vacancies-content { display: flex; position: absolute; width: 100%; height: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; flex-direction: column; justify-content: center; align-items: start; gap: 24px; inset: 0; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.15) 60%, transparent 100%); } .career .career__vacancies-title { max-width: 480px; margin: 0; color: #FFFFFF; font-family: 'Tilda Sans'; font-size: 32px; font-weight: 800; line-height: 36px; } .career .career__vacancies-points { display: flex; width: 100%; max-width: 480px; padding: 0; margin: 0; flex-direction: column; gap: 8px; list-style-type: none; } .career .career__vacancies-point { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; display: flex; align-items: center; gap: 16px; color: #FFFFFF; } .career .career__vacancies-tick { display: block; width: 14px; height: 14px; flex-shrink: 0; } .career .career__vacancies-button { display: flex; width: 424px; max-width: 100%; padding: 16px; box-sizing: border-box; justify-content: center; align-items: center; color: #FFFFFF; text-align: center; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; text-decoration: none; text-transform: uppercase; line-height: 18.48px; background-color: #eb1b23; } .career .career__jobs { display: grid; width: 100%; padding: 64px 64px; box-sizing: border-box; gap: 24px; grid-template-columns: repeat(auto-fit, minmax(257px, 1fr)); } .career .career__job { display: block; position: relative; width: 100%; aspect-ratio: 706/756; border-radius: 12px; overflow: hidden; } .career .career__job-image { display: block; width: 100%; height: 100%; object-fit: cover; } .career .career__job-content { display: flex; position: absolute; padding: 30px; box-sizing: border-box; flex-direction: column; justify-content: space-between; align-items: start; inset: 0; } .career .career__job-title { margin: 0; color: #262626; font-family: 'Tilda Sans'; font-size: 29px; font-weight: 700; text-transform: uppercase; line-height: 33px; } .career .career__job-link { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; color: #eb1b23; text-decoration: none; } .career .career__popup { display: flex; flex-direction: column; gap: 16px; } .career .career__popup-subtitle { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; line-height: 21.12px; margin: 0; color: #262626; text-transform: none; } .career .career__popup-list { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; padding-left: 24px; margin: 0; list-style-type: disc; color: #262626; } .career .career__popup-list li { margin-bottom: 8px; } .career .career__popup-button { display: flex; padding: 16px; box-sizing: border-box; justify-content: center; align-items: center; color: #FFFFFF; text-align: center; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; text-decoration: none; text-transform: uppercase; line-height: 18.48px; background-color: #eb1b23; } .career .career__ladder { display: flex; width: 100%; padding: 50px 64px; box-sizing: border-box; flex-direction: column; align-items: center; gap: 40px; background-color: #FFFFFF; } .career .career__ladder-title { max-width: 100%; margin: 0; color: #262626; text-align: center; font-family: 'Tilda Sans'; font-size: 56px; font-weight: 800; text-transform: uppercase; line-height: 57px; } .career .career__ladder-row { display: flex; width: 100%; flex-wrap: wrap; justify-content: center; align-items: start; gap: 30px; } .career .career__ladder-text { display: flex; max-width: 560px; flex-direction: column; align-items: start; gap: 0; flex-grow: 1; flex-shrink: 1; flex-basis: 320px; } .career .career__ladder-lead { font-family: 'Tilda Sans'; font-size: 21.613px; font-weight: 800; line-height: 24.315px; margin-bottom: 25px; color: #121212; } .career .career__ladder-desc { margin-bottom: 30px; color: #121212; font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; line-height: 24.315px; } .career .career__ladder-question { margin-bottom: 16px; color: #121212; font-family: 'Tilda Sans'; font-size: 21.613px; font-weight: 800; line-height: 24.315px; } .career .career__ladder-button { display: flex; width: 313px; max-width: 100%; padding: 16px; box-sizing: border-box; justify-content: center; align-items: center; color: #FFFFFF; text-align: center; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; text-decoration: none; text-transform: uppercase; line-height: 18.48px; background-color: #eb1b23; } .career .career__ladder-carousel { min-width: 0; max-width: 560px; flex-grow: 1; flex-shrink: 1; flex-basis: 320px; } .career .career__ladder-carousel .tv-scroll-rail__arrow { width: 50px; height: 50px; padding: 13px; border-radius: 50%; box-shadow: 0 4px 14px rgba(0, 0, 0, .12); } .career .career__ladder-carousel .tv-scroll-rail__arrow--prev { position: absolute; left: -25px; } .career .career__ladder-carousel .tv-scroll-rail__arrow--next { position: absolute; right: -25px; } .career .career__ladder-steps { display: flex; width: 100%; overflow-x: auto; gap: 30px; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; } .career .career__ladder-step { display: flex; position: relative; width: 560px; height: auto; padding: 60px 40px; box-sizing: border-box; border-radius: 12px; flex-direction: column; align-items: start; gap: 0; background-color: #1a1a1a; aspect-ratio: 7 / 5; flex: 0 0 100%; scroll-snap-align: start; } .career .career__ladder-step-when { margin-top: 0; margin-bottom: 40px; color: #FFFFFF; font-family: 'Tilda Sans'; font-size: 44px; font-weight: 800; line-height: 48px; } .career .career__ladder-step-role { margin-top: 0; margin-bottom: 30px; color: #FFFFFF; font-family: 'Tilda Sans'; font-size: 21.613px; font-weight: 800; text-transform: uppercase; line-height: 24.315px; } .career .career__ladder-step-text { margin: 0; color: #FFFFFF; font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; line-height: 24.315px; } .career .career__success { display: flex; width: 100%; padding: 50px 64px; box-sizing: border-box; flex-direction: column; align-items: center; gap: 32px; background-color: #FFFFFF; } .career .career__success-title { max-width: 100%; margin: 0; color: #262626; text-align: center; font-family: 'Tilda Sans'; font-size: 56px; font-weight: 800; text-transform: uppercase; line-height: 57px; } .career .career__stories { display: grid; width: 100%; justify-content: center; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(300px, 412px)); } .career .career__story { display: block; position: relative; width: 100%; aspect-ratio: 706/1020; overflow: hidden; } .career .career__story-image { display: block; width: 100%; height: 100%; object-fit: cover; } .career .career__story-content { display: flex; position: absolute; padding: 24px; box-sizing: border-box; flex-direction: column; align-items: start; gap: 16px; inset: 0; } .career .career__story-head { display: flex; flex-direction: column; gap: 8px; } .career .career__story-name { margin: 0; color: #262626; font-family: 'Tilda Sans'; font-size: 21.613px; font-weight: 700; text-transform: uppercase; line-height: 24.315px; } .career .career__story-role { margin: 0; color: #A1A1A1; font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; line-height: 24.315px; } .career .career__story-quote { margin: 0; color: #121212; font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; line-height: 24.315px; } .career .career__story-link { position: absolute; margin: 0; color: #eb1b23; font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; text-decoration: none; line-height: 24.315px; left: 24.0px; bottom: 24.0px; } .career .career__story-popup { display: flex; flex-direction: column; gap: 16px; } .career .career__story-popup-image { display: block; width: 100%; max-width: 200px; aspect-ratio: 200/209; margin-left: auto; margin-right: auto; border-radius: 12px; object-fit: cover; } .career .career__story-popup-role { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; margin: 0; color: #A1A1A1; } .career .career__story-popup-paragraph { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; margin: 0; color: #262626; } .career .career__refer { display: flex; width: 100%; padding: 60px 64px; box-sizing: border-box; flex-direction: column; align-items: center; gap: 24px; text-align: center; background-color: #FFFFFF; } .career .career__refer-title { max-width: 100%; margin: 0; color: #121212; font-family: 'Tilda Sans'; font-size: 22px; font-weight: 800; line-height: 32px; } .career .career__refer-title-lead--mobile { display: none; } .career .career__refer-title-accent { color: #eb1b23; } .career .career__refer-text { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; max-width: 780px; margin: 0; color: #121212; } .career .career__refer-positions { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; max-width: 780px; margin: 0; color: #121212; } .career .career__refer-position { color: #eb1b23; text-decoration: none; } .career .career__hh { display: flex; width: 100%; padding: 60px 64px; box-sizing: border-box; flex-direction: column; align-items: center; gap: 24px; background-image: linear-gradient(to right, #BC161C 0%, #eb1b23 48.44%, #BC161C 97.92%); } .career .career__hh-title { margin: 0; color: #FFFFFF; text-align: center; font-family: 'Tilda Sans'; font-size: 22px; font-weight: 800; text-transform: uppercase; line-height: 32px; } .career .career__hh-button { display: flex; height: 50px; padding-left: 16px; padding-right: 16px; box-sizing: border-box; border-radius: 25px; align-items: center; gap: 8px; text-decoration: none; background-color: #FFFFFF; } .career .career__hh-button-prefix { color: #eb1b23; font-family: 'Tilda Sans'; font-size: 12px; font-weight: 500; text-transform: uppercase; line-height: 15.84px; } .career .career__hh-button-badge { display: flex; width: 22px; height: 22px; border-radius: 50%; justify-content: center; align-items: center; color: #FFFFFF; font-family: 'Tilda Sans'; font-size: 13px; font-weight: 400; line-height: 13px; background-color: #eb1b23; } .career .career__hh-button-suffix { color: #121212; font-family: 'Tilda Sans'; font-size: 12px; font-weight: 500; line-height: 15.84px; } .career .career__faq { display: flex; width: 100%; padding: 60px 64px; box-sizing: border-box; flex-direction: column; align-items: center; gap: 24px; background-color: #FFFFFF; } .career .career__faq-title { margin: 0; color: #262626; text-align: center; font-family: 'Tilda Sans'; font-size: 56px; font-weight: 800; text-transform: uppercase; line-height: 57px; } .career .career__faq-list { display: flex; width: 100%; max-width: 780px; flex-direction: column; } .career .career__faq-item { padding-top: 16px; padding-bottom: 16px; border-bottom-style: solid; border-bottom-color: #F0F0F0; border-bottom-width: 1px; } .career .career__faq-question { display: flex; cursor: pointer; justify-content: space-between; align-items: center; gap: 16px; list-style: none; } .career .career__faq-question::-webkit-details-marker { display: none; } .career .career__faq-question-text { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; color: #262626; text-transform: none; } .career .career__faq-chevron { display: block; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .career .career__faq-answer { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; margin-top: 8px; color: #A1A1A1; } .career .career__faq-outro { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; line-height: 21.12px; margin: 0; color: #262626; text-align: center; } .career .career__faq-contacts { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; margin: 0; color: #121212; text-align: center; } .career .career__faq-mail { color: #eb1b23; text-decoration: none; } .career .career__faq-phone { color: #eb1b23; text-decoration: underline dashed; } .career .career__contacts { display: flex; flex-direction: column; gap: 32px; } .career .career__contacts-block { display: flex; flex-direction: column; gap: 8px; } .career .career__contacts-country { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; margin: 0; color: #262626; } .career .career__contacts-note { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; margin: 0; color: #A1A1A1; } .career .career__contacts-phones { display: flex; flex-direction: column; gap: 4px; } .career .career__contacts-phone { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; color: #eb1b23; text-decoration: none; } .career .career__form-section { display: flex; width: 100%; padding: 60px 64px; box-sizing: border-box; flex-direction: column; align-items: center; gap: 24px; background-image: linear-gradient(to left, rgba(244, 114, 157, 0.2) 0%, rgba(251, 34, 34, 0.2) 100%); } .career .career__form-title { margin: 0; color: #262626; text-align: center; font-family: 'Tilda Sans'; font-size: 56px; font-weight: 800; text-transform: uppercase; line-height: 57px; } .career .career__app { display: flex; width: 100%; box-sizing: border-box; } .career .career__app-frame { display: block; position: relative; width: 100%; aspect-ratio: 375/240; overflow: hidden; clip-path: inset(0); contain: paint; } .career .career__app-bg { display: block; width: 100%; height: 100%; object-fit: fill; } .career .career__app-bg--widescreen { display: none; } .career .career__app-badge { display: block; position: absolute; top: 46.6667%; left: 15.4667%; width: 29.3467%; height: 13.5875%; } .career .career__app-badge--play { position: absolute; top: 65.4167%; left: 15.4667%; } .career .career__app-badge-image { display: block; width: 100%; height: 100%; object-fit: fill; } .career .career__app-qr { display: none; position: absolute; aspect-ratio: 1; image-rendering: pixelated; } @media screen and (max-width: 800px) { .career .career__bar { padding-left: 16px; padding-right: 16px; } .career .career__bar--crumbs { padding: 6px 16px; } .career .career__bar--title { padding: 16px 16px; } .career .career__crumbs { overflow-x: auto; } .career .career__hero { height: auto; aspect-ratio: 3 / 4; } .career .career__hero-media { position: absolute; height: 100%; inset: 0; } .career .career__hero-image--desktop { display: none; } .career .career__hero-image--mobile { display: block; } .career .career__hero-content { position: absolute; height: 100%; padding: 24px 16px 30px 16px; justify-content: end; align-items: center; gap: 24px; inset: 0; background-image: linear-gradient(to bottom, rgba(0,0,0,0) 35%, rgba(0,0,0,.88) 100%); } .career .career__hero-title { color: #FFFFFF; text-align: center; font-size: 32px; line-height: 36px; white-space: pre-line; } .career .career__hero-button { width: 353px; } .career .career__intro { padding: 32px 16px 32px 16px; } .career .career__intro-title { max-width: 100%; } .career .career__intro-text { max-width: 100%; } .career .career__stats { padding: 32px 16px; } .career .career__stat-content { padding: 30px 16px 20px 16px; } .career .career__stat-title { font-size: 24px; line-height: 29px; } .career .career__vacancies-content { padding-left: 16px; padding-right: 16px; } .career .career__vacancies-image--desktop { display: none; } .career .career__vacancies-image--mobile { display: block; } .career .career__vacancies-button { width: 100%; } .career .career__jobs { padding: 32px 16px; } .career .career__job-content { padding: 30px 16px 20px 16px; } .career .career__job-title { font-size: 24px; line-height: 29px; } .career .career__ladder { padding: 32px 16px; } .career .career__ladder-title { font-size: 32px; line-height: 36px; } .career .career__ladder-row { flex-direction: column-reverse; } .career .career__ladder-text { width: 100%; max-width: 100%; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .career .career__ladder-button { width: 100%; } .career .career__ladder-steps { width: 100%; max-width: 100%; gap: 16px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .career .career__ladder-carousel { width: 100%; max-width: 100%; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .career .career__ladder-step { width: 250px; height: 490px; min-width: 0; padding: 30px 16px 20px 16px; aspect-ratio: auto; flex: 0 0 250px; } .career .career__ladder-step-when { margin-bottom: 20px; font-size: 32px; line-height: 36px; } .career .career__ladder-step-role { margin-bottom: 20px; } .career .career__success { padding: 32px 16px; } .career .career__success-title { font-size: 32px; line-height: 36px; } .career .career__stories { grid-template-columns: 1fr; } .career .career__story-quote { max-width: 52.2%; } .career .career__refer { padding: 40px 16px; } .career .career__refer-title-lead--desktop { display: none; } .career .career__refer-title-lead--mobile { display: inline; } .career .career__hh { padding: 40px 16px; } .career .career__hh-button { width: 100%; } .career .career__faq { padding: 40px 16px; } .career .career__faq-title { font-size: 32px; line-height: 36px; } .career .career__form-section { padding: 40px 16px; } .career .career__form-title { font-size: 32px; line-height: 36px; } } @media screen and (min-width: 800px) { .career .career__app-frame { aspect-ratio: 1920/369; } .career .career__app-bg--mobile { display: none; } .career .career__app-bg--widescreen { display: block; } .career .career__app-badge { position: absolute; top: 59.8916%; left: 20.8333%; width: 8.2813%; height: 12.7371%; } .career .career__app-badge--play { position: absolute; top: 59.8916%; left: 30.2083%; } .career .career__app-qr { display: block; position: absolute; top: 19.5121%; left: 62.8646%; width: 8.6458%; } .career .career__vacancies { height: min(480px, 33.333333vw); } .career .career__vacancies-image--desktop { display: block; width: 100%; height: 100%; object-fit: cover; object-position: left top; } .career .career__vacancies-image--mobile { display: none; } .career .career__vacancies-content { width: auto; height: 100%; padding: 0; justify-content: center; align-items: start; background-color: #FFFFFF; inset: 0 64px 0 64%; gap: clamp(12px, 1.6667vw, 24px); background-image: none; } .career .career__vacancies-title { color: #262626; font-size: clamp(34px, 3.8889vw, 56px); line-height: 1.02; white-space: pre-line; } .career .career__vacancies-point { gap: 8px; color: #121212; font-size: clamp(14px, 1.3889vw, 20px); line-height: 1.21575; } .career .career__vacancies-button { width: 313px; } .career .career__ladder-row { flex-wrap: nowrap; } .career .career__ladder-step { padding: clamp(32px, 3.125vw, 60px) clamp(32px, 2.0834vw, 40px); } .career .career__ladder-step-when { font-size: clamp(28px, 2.2917vw, 44px); line-height: clamp(32px, 2.5vw, 48px); margin-bottom: clamp(24px, 2.0834vw, 40px); } .career .career__ladder-step-role { font-size: clamp(18px, 1.1257vw, 21.613px); line-height: clamp(22px, 1.2664vw, 24.315px); margin-bottom: clamp(20px, 1.5625vw, 30px); } .career .career__ladder-step-text { font-size: clamp(16px, 1.0417vw, 20px); line-height: clamp(20px, 1.2664vw, 24.315px); } .career .career__ladder-lead, .career__ladder-question { font-size: clamp(18px, 1.1257vw, 21.613px); line-height: clamp(22px, 1.2664vw, 24.315px); } .career .career__ladder-desc { font-size: clamp(16px, 1.0417vw, 20px); line-height: clamp(20px, 1.2664vw, 24.315px); } .career .career__story-content { padding: clamp(16px, 1.6667vw, 24px); } .career .career__story-name { font-size: clamp(17px, 1.5vw, 21.613px); line-height: 1.125; } .career .career__story-role { font-size: clamp(16px, 1.3889vw, 20px); line-height: 1.21575; } .career .career__story-quote { font-size: clamp(16px, 1.3889vw, 20px); line-height: 1.21575; } .career .career__story-link { font-size: clamp(16px, 1.3889vw, 20px); line-height: 1.21575; left: clamp(16px, 1.6667vw, 24px); bottom: clamp(16px, 1.6667vw, 24px); } } @media screen and (min-width: 1440px) { .career .career__app-frame { aspect-ratio: 1920/369; } .career .career__app-bg--widescreen { display: block; } .career .career__app-badge { position: absolute; top: 59.8916%; left: 20.8333%; width: 8.2813%; height: 12.7371%; } .career .career__app-badge--play { position: absolute; top: 59.8916%; left: 30.2083%; } .career .career__app-qr { position: absolute; top: 19.5121%; left: 62.8646%; width: 8.6458%; } } @media screen and (min-width: 800px) { .career .career__heading { gap: 16px; } } @media screen and (min-width: 1920px) { .career .career__hero { height: 522px; } .career .career__hero-image--desktop { display: block; } .career .career__hero-image--mobile { display: none; } .career .career__hero-content { width: 735px; height: auto; padding: 0; justify-content: start; align-items: start; gap: 24px; inset: auto; left: 58.3854167%; top: 176px; } .career .career__hero-title { text-align: left; white-space: pre-line; } .career .career__intro { height: 262px; padding: 60px 64px 40px 64px; } .career .career__intro-title { font-size: 21.613px; line-height: 24.315px; } .career .career__intro-text { font-size: 20px; line-height: 24.315px; } .career .career__stats { display: flex; padding: 20px 64px 60px 64px; justify-content: center; align-items: start; gap: 16px; } .career .career__stat { width: 412px; height: 430px; border-radius: 0; aspect-ratio: auto; flex-shrink: 0; } .career .career__stat-content { width: 100%; padding-top: 56px; padding-bottom: 56px; } .career .career__stat-title { font-size: 21.613px; line-height: 24.315px; } .career .career__stat-text { max-width: 347px; font-size: 20px; line-height: 24.315px; } .career .career__vacancies { height: 500px; } .career .career__vacancies-image--desktop { display: block; width: 100%; height: 128%; object-fit: fill; } .career .career__vacancies-image--mobile { display: none; } .career .career__vacancies-content { width: auto; height: auto; padding: 0; justify-content: start; align-items: start; gap: 24px; background-color: #FFFFFF; inset: auto; right: 326px; top: 75px; background-image: none; } .career .career__vacancies-title { max-width: 480px; color: #262626; font-size: 56px; line-height: 57px; white-space: pre-line; } .career .career__vacancies-points { max-width: 480px; } .career .career__vacancies-point { gap: 8px; color: #121212; font-size: 20px; line-height: 24.315px; } .career .career__vacancies-tick { width: 18px; height: 18px; } .career .career__vacancies-button { width: 313px; } .career .career__jobs { display: flex; height: 550px; padding: 60px 100px; justify-content: center; align-items: start; gap: 16px; } .career .career__job { width: 412px; height: 430px; border-radius: 0; aspect-ratio: auto; flex-shrink: 0; } .career .career__job-content { padding: 24px 24px 24px 24px; } .career .career__job-title { font-size: 21.613px; line-height: 24.315px; } .career .career__job-link { font-size: 20px; line-height: 24.315px; } .career .career__ladder { height: auto; padding: 50px 100px; gap: 40px; } .career .career__ladder-row { width: 1150px; height: 400px; flex-wrap: nowrap; gap: 30px; } .career .career__ladder-text { width: 560px; height: 400px; flex-grow: 0; flex-shrink: 0; flex-basis: 560px; } .career .career__ladder-lead { width: 560px; } .career .career__ladder-carousel { width: 560px; height: 400px; flex-grow: 0; flex-shrink: 0; flex-basis: 560px; } .career .career__ladder-steps { display: flex; width: 560px; height: 400px; gap: 30px; overflow-x: auto; scrollbar-width: none; } .career .career__ladder-step { width: 560px; height: 400px; aspect-ratio: auto; flex: 0 0 560px; } .career .career__success { height: 769px; padding: 50px 100px; gap: 32px; } .career .career__stories { display: flex; width: 1268px; height: 580px; overflow: hidden; justify-content: start; gap: 16px; grid-template-columns: none; overflow-x: auto; scrollbar-width: none; } .career .career__story { width: 412px; height: 580px; aspect-ratio: auto; flex: 0 0 412px; } .career .career__story-link { left: 24px; bottom: 8px; } .career .career__refer { height: 411px; padding: 60px 400px 131px 400px; gap: 16px; } .career .career__refer-title { font-size: 56px; line-height: 57px; } .career .career__refer-text { max-width: 900px; font-size: 20px; line-height: 24.315px; } .career .career__refer-positions { max-width: 900px; font-size: 20px; line-height: 24.315px; } .career .career__hh { height: 211px; padding: 60px 100px; gap: 16px; background-color: #eb1b23; background-image: none; } .career .career__hh-title { font-size: 21.613px; line-height: 24.315px; } .career .career__hh-button { width: 313px; height: 50px; padding: 16px; border-radius: 0; justify-content: center; color: #eb1b23; text-align: center; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; text-transform: uppercase; line-height: 18.48px; } .career .career__faq { height: auto; min-height: 604px; padding: 60px 500px; justify-content: start; gap: 24px; } .career .career__faq-title { color: #141414; font-family: 'Inter', sans-serif; font-size: 26px; font-weight: 700; line-height: 31px; } .career .career__faq-list { width: 920px; max-width: 920px; gap: 24px; } .career .career__faq-item { display: flex; width: 920px; border-bottom-style: solid; border-bottom-color: #E6E6E6; border-bottom-width: 1px; flex-direction: column; padding: 0 0 24px; } .career .career__faq-item[open] { gap: 16px; padding: 0 0 16px; } .career .career__faq-question { height: 30px; } .career .career__faq-question-text { font-size: 21.613px; font-weight: 800; line-height: 24.315px; } .career .career__faq-chevron { width: 16px; height: 16px; } .career .career__faq-answer { width: 873px; margin: 0; font-size: 20px; line-height: 24.315px; } .career .career__faq-footer { display: flex; flex-direction: column; align-items: center; gap: 6px; } .career .career__faq-outro { font-size: 21.613px; font-weight: 800; line-height: 24.315px; } .career .career__faq-contacts { font-size: 20px; line-height: 24.315px; } .career .career__form-section { height: 892px; padding: 131px 100px; gap: 24px; background-color: #FAE0E3; background-image: none; } .career .career__form-title { color: #141414; font-family: 'Inter', sans-serif; font-size: 26px; font-weight: 700; line-height: 31px; } .career .career__app-frame { height: 381px; aspect-ratio: auto; } } .tvoe-club { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; color: #262626; font-family: 'Tilda Sans'; background-color: #FFFFFF; } .tvoe-club .tvoe-club__bar { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; align-items: center; background-color: #FFFFFF; } .tvoe-club .tvoe-club__bar--crumbs { height: 36px; } .tvoe-club .tvoe-club__bar--title { height: 64px; } .tvoe-club .tvoe-club__crumbs { display: flex; align-items: center; gap: 32px; } .tvoe-club .tvoe-club__crumb { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; color: #262626; text-decoration: none; } .tvoe-club .tvoe-club__crumb--current { font-weight: 700; } .tvoe-club .tvoe-club__page-title { margin: 0; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 800; line-height: 31.68px; } .tvoe-club .tvoe-club__canvas { display: flex; width: 100%; max-width: 1920px; margin-left: auto; margin-right: auto; overflow: hidden; flex-direction: column; } .tvoe-club .tvoe-club__button { display: flex; height: 50px; padding-left: 16px; padding-right: 16px; box-sizing: border-box; border: none; justify-content: center; align-items: center; color: #FFFFFF; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; text-decoration: none; line-height: 18.48px; background-color: #eb1b23; } .tvoe-club .tvoe-club__hero { position: relative; width: 100%; height: min(47.604vw, 914px); min-height: 610px; overflow: hidden; } .tvoe-club .tvoe-club__hero-image { display: block; position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; object-position: center top; } .tvoe-club .tvoe-club__hero-image--mobile { display: none; } .tvoe-club .tvoe-club__hero-content { display: flex; position: absolute; flex-direction: column; align-items: center; inset: 0; } .tvoe-club .tvoe-club__hero-renewal { width: 100%; margin-top: clamp(38px, 3.125vw, 60px); color: #FFFFFF; text-align: center; font-size: clamp(34px, 2.916vw, 56px); font-weight: 800; line-height: clamp(36px, 2.968vw, 57px); } .tvoe-club .tvoe-club__hero-equation { display: flex; margin-top: clamp(80px, 13.59vw, 261px); justify-content: center; align-items: center; gap: clamp(16px, 1.815vw, 35px); } .tvoe-club .tvoe-club__hero-logo { display: block; width: clamp(250px, 23.7vw, 455px); height: auto; } .tvoe-club .tvoe-club__hero-equals { color: #FFFFFF; font-size: clamp(34px, 2.45vw, 47px); font-weight: 800; } .tvoe-club .tvoe-club__hero-slogan { margin: 0; color: #FFFFFF; font-size: clamp(34px, 2.45vw, 47px); font-weight: 800; text-transform: uppercase; line-height: clamp(38px, 2.758vw, 53px); white-space: pre-line; } .tvoe-club .tvoe-club__hero-button { width: 313px; margin-top: clamp(32px, 4.166vw, 80px); } .tvoe-club .tvoe-club__renewed { display: flex; min-height: 970px; padding: clamp(72px, 6.82vw, 131px) clamp(32px, 3.23vw, 62px); box-sizing: border-box; align-items: center; } .tvoe-club .tvoe-club__renewed-pair { display: grid; width: 100%; min-height: 708px; grid-template-columns: 1.05fr 1fr; } .tvoe-club .tvoe-club__renewed-lead { display: flex; padding: 56px clamp(40px, 5.2vw, 100px); box-sizing: border-box; align-items: center; color: #FFFFFF; background-color: #eb1b23; } .tvoe-club .tvoe-club__renewed-lead h2 { max-width: 610px; margin: 0; font-size: clamp(36px, 2.916vw, 56px); font-weight: 800; text-transform: uppercase; line-height: clamp(39px, 2.968vw, 57px); } .tvoe-club .tvoe-club__renewed-values { display: flex; padding: 56px clamp(40px, 3.125vw, 60px); box-sizing: border-box; border: solid #eb1b23 1px; flex-direction: column; justify-content: center; gap: 24px; background-color: #FFFFFF; } .tvoe-club .tvoe-club__renewed-term { margin: 0; font-size: clamp(28px, 2.45vw, 47px); font-weight: 800; text-transform: uppercase; line-height: clamp(31px, 2.758vw, 53px); } .tvoe-club .tvoe-club__renewed-number-row { display: flex; align-items: center; gap: 16px; } .tvoe-club .tvoe-club__renewed-number-row strong { color: #eb1b23; font-size: clamp(74px, 6.35vw, 122px); font-weight: 800; line-height: clamp(76px, 6.46vw, 124px); } .tvoe-club .tvoe-club__renewed-old { font-size: clamp(28px, 2.45vw, 47px); font-weight: 800; text-decoration: line-through; } .tvoe-club .tvoe-club__how { position: relative; width: 100%; height: min(47.084vw, 904px); min-height: 610px; overflow: hidden; } .tvoe-club .tvoe-club__how-image { display: block; position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; } .tvoe-club .tvoe-club__how-image--mobile { display: none; } .tvoe-club .tvoe-club__how-content { position: absolute; width: 100%; height: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; inset: 0; } .tvoe-club .tvoe-club__how-title { margin-top: 40px; color: #FFFFFF; font-size: clamp(34px, 2.916vw, 56px); font-weight: 800; line-height: clamp(37px, 2.968vw, 57px); } .tvoe-club .tvoe-club__how-cards { display: grid; width: 100%; margin-top: clamp(80px, 7.3vw, 140px); gap: 32px; grid-template-columns: repeat(3, 1fr); } .tvoe-club .tvoe-club__how-card { min-height: 430px; padding: 24px; box-sizing: border-box; background: rgba(255, 255, 255, .7); backdrop-filter: blur(5.15px); } .tvoe-club .tvoe-club__how-card h3 { min-height: 112px; margin-top: 16px; margin-bottom: 16px; font-size: clamp(28px, 2.45vw, 47px); font-weight: 800; line-height: clamp(31px, 2.758vw, 53px); } .tvoe-club .tvoe-club__how-card p { margin: 0; font-size: clamp(18px, 1.66vw, 32px); line-height: clamp(22px, 1.82vw, 35px); } .tvoe-club .tvoe-club__how-number { font-size: clamp(20px, 1.66vw, 32px); font-weight: 800; } .tvoe-club .tvoe-club__bonuses { display: flex; min-height: 970px; padding: 64px 64px; box-sizing: border-box; flex-direction: column; } .tvoe-club .tvoe-club__bonuses-kicker { width: clamp(520px, 40vw, 768px); padding: 24px; margin: 0; box-sizing: border-box; color: #FFFFFF; font-size: clamp(24px, 1.66vw, 32px); font-weight: 800; line-height: clamp(27px, 1.82vw, 35px); white-space: pre-line; background-color: #eb1b23; } .tvoe-club .tvoe-club__bonus-cards { display: grid; width: 100%; min-height: 560px; grid-template-columns: repeat(2, 1fr); } .tvoe-club .tvoe-club__bonus-card { padding: 40px; box-sizing: border-box; border: solid #eb1b23 1px; background-color: #FFFFFF; } .tvoe-club .tvoe-club__bonus-card h3 { margin: 0; font-size: clamp(34px, 2.45vw, 47px); font-weight: 800; line-height: clamp(37px, 2.758vw, 53px); } .tvoe-club .tvoe-club__bonus-subtitle { min-height: 58px; margin-top: 8px; font-size: 18px; text-transform: lowercase; } .tvoe-club .tvoe-club__bonus-card ul { display: flex; padding: 0; margin-top: 40px; flex-direction: column; gap: 16px; list-style-type: none; } .tvoe-club .tvoe-club__bonus-card li { position: relative; padding-left: 32px; font-size: clamp(23px, 1.66vw, 32px); font-weight: 800; text-transform: uppercase; line-height: clamp(27px, 1.82vw, 35px); } .tvoe-club .tvoe-club__bonus-card li::before { position: absolute; width: 8px; height: 8px; background-color: #eb1b23; content: ''; left: 0; top: 12px; } .tvoe-club .tvoe-club__bonus-card li span { color: #eb1b23; } .tvoe-club .tvoe-club__bonuses-hint { padding: 32px; margin: 0; box-sizing: border-box; border: solid #eb1b23 1px; font-size: clamp(20px, 1.66vw, 32px); line-height: clamp(24px, 1.82vw, 35px); background-color: #FFFFFF; } .tvoe-club .tvoe-club__bonuses-hint span { color: #eb1b23; } .tvoe-club .tvoe-club__app { position: relative; width: 100%; height: min(50vw, 960px); overflow: hidden; background-image: url(/assets/images/tvoe_loyalty/tvoeloyalty-banner3-desktop.webp); background-position: center; background-size: cover; } .tvoe-club .tvoe-club__app-image { display: block; position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; } .tvoe-club .tvoe-club__app-image--desktop { display: none; } .tvoe-club .tvoe-club__app-image--mobile { display: none; } .tvoe-club .tvoe-club__app-benefits { display: flex; position: absolute; width: min(54.0082vw, 1036.96px); height: min(27.5154vw, 528.30px); padding-left: min(2.9561vw, 56.76px); padding-right: min(26.3649vw, 506.21px); box-sizing: border-box; border: solid #FFFFFF 1px; border-radius: min(.4474vw, 8.59px); flex-direction: column; justify-content: center; left: min(6.0719vw, 116.58px); top: min(11.3449vw, 217.82px); background: rgba(225, 222, 222, .76); backdrop-filter: blur(10px); } .tvoe-club .tvoe-club__app-benefits h2 { max-width: 100%; font-size: min(2.7483vw, 52.77px); font-weight: 500; line-height: 1.02; margin: 0 0 min(.5497vw, 10.55px) 0; } .tvoe-club .tvoe-club__app-benefits h2 span { color: #eb1b23; } .tvoe-club .tvoe-club__app-benefits ul { display: flex; padding: 0; margin: 0; flex-direction: column; gap: 0; list-style-type: none; } .tvoe-club .tvoe-club__app-benefits li { position: relative; padding-left: min(1.5979vw, 30.68px); font-size: min(1.5979vw, 30.68px); text-transform: lowercase; line-height: 1.34; } .tvoe-club .tvoe-club__app-benefits li::before { position: absolute; width: min(.4474vw, 8.59px); height: min(.4474vw, 8.59px); background-color: #eb1b23; content: ''; left: min(.2876vw, 5.52px); top: min(.7989vw, 15.34px); } .tvoe-club .tvoe-club__app-card { display: flex; position: absolute; width: min(19.8935vw, 381.96px); height: min(37.5501vw, 720.96px); padding: min(4.0746vw, 78.23px) min(2.1571vw, 41.42px) min(2.6365vw, 50.62px) min(2.1571vw, 41.42px); box-sizing: border-box; border-radius: min(1.5979vw, 30.68px); flex-direction: column; align-items: center; gap: 0; background-color: #FFFFFF; left: min(34.5141vw, 662.67px); top: min(6.3116vw, 121.18px); box-shadow: 0 4px 15px rgba(0,0,0,.25); } .tvoe-club .tvoe-club__app-card::before { display: none; } .tvoe-club .tvoe-club__app-logo { width: min(8.3729vw, 160.76px); height: auto; margin-bottom: min(1.9175vw, 36.82px); } .tvoe-club .tvoe-club__app-qr { display: block; width: min(15.58vw, 299.14px); height: min(15.58vw, 299.14px); margin-bottom: min(1.2783vw, 24.54px); image-rendering: pixelated; object-fit: fill; } .tvoe-club .tvoe-club__app-download { color: #A1A1A1; font-size: min(2.9241vw, 56.14px); line-height: 1; } .tvoe-club .tvoe-club__app-button { width: 100%; height: 50px; margin-top: min(1.4621vw, 28.07px); font-size: min(1.3262vw, 25.46px); } .tvoe-club .tvoe-club__store-badges { display: none; } .tvoe-club .tvoe-club__app-hotspot { display: none; } .tvoe-club .tvoe-club-form { display: flex; padding: clamp(60px, 6.82vw, 131px) 16px; box-sizing: border-box; flex-direction: column; align-items: center; gap: 24px; } .tvoe-club .tvoe-club-form__title { margin: 0; font-size: 26px; font-weight: 700; } .tvoe-club .tvoe-club-form__body { display: flex; width: 700px; max-width: 100%; flex-direction: column; gap: 14px; } .tvoe-club .tvoe-club-form__row { display: flex; gap: 14px; } .tvoe-club .tvoe-club-form__input { width: 100%; padding: 13px 18px; box-sizing: border-box; border: solid #262626 1px; color: #262626; font-family: 'Tilda Sans'; font-size: 14px; background-color: #FFFFFF; } .tvoe-club .tvoe-club-form__row .tvoe-club-form__input { flex-grow: 1; flex-shrink: 1; flex-basis: 0px; } .tvoe-club .tvoe-club-form__gender { display: flex; align-items: center; gap: 20px; } .tvoe-club .tvoe-club-form__radio, .tvoe-club-form__check { display: flex; cursor: pointer; align-items: center; gap: 8px; font-size: 14px; } .tvoe-club .tvoe-club-form__check { align-items: start; } .tvoe-club .tvoe-club-form__submit { display: flex; width: 100%; height: 50px; border: none; cursor: pointer; justify-content: center; align-items: center; color: #FFFFFF; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; text-transform: uppercase; background-color: #eb1b23; } .tvoe-club .tvoe-club-form__submit[disabled] { opacity: 0.5; cursor: not-allowed; } @media screen and (max-width: 800px) { .tvoe-club .tvoe-club__bar { padding-left: 16px; padding-right: 16px; } .tvoe-club .tvoe-club__bar--crumbs { height: 44px; } .tvoe-club .tvoe-club__bar--title { height: 72px; } .tvoe-club .tvoe-club__crumbs { gap: 24px; } .tvoe-club .tvoe-club__page-title { font-size: 24px; } .tvoe-club .tvoe-club__hero { height: 177.6vw; min-height: auto; } .tvoe-club .tvoe-club__hero-image--desktop { display: none; } .tvoe-club .tvoe-club__hero-image--mobile { display: block; } .tvoe-club .tvoe-club__hero-renewal { width: calc(100% - 32px); margin-top: 40px; font-size: clamp(22px, 7.4vw, 30px); line-height: clamp(25px, 8vw, 32px); } .tvoe-club .tvoe-club__hero-equation { margin-top: 38vw; flex-direction: column; gap: 8px; } .tvoe-club .tvoe-club__hero-logo { width: 68vw; } .tvoe-club .tvoe-club__hero-equals { font-size: 30px; } .tvoe-club .tvoe-club__hero-slogan { text-align: center; font-size: clamp(22px, 6.4vw, 28px); line-height: clamp(24px, 7vw, 30px); } .tvoe-club .tvoe-club__hero-button { width: calc(100% - 32px); margin-top: 40px; } .tvoe-club .tvoe-club__renewed { min-height: auto; padding: 48px 16px; } .tvoe-club .tvoe-club__renewed-pair { min-height: auto; grid-template-columns: 1fr; } .tvoe-club .tvoe-club__renewed-lead { min-height: 300px; padding: 32px; } .tvoe-club .tvoe-club__renewed-lead h2 { font-size: clamp(28px, 9vw, 38px); line-height: clamp(30px, 9.5vw, 40px); } .tvoe-club .tvoe-club__renewed-values { padding: 32px; } .tvoe-club .tvoe-club__renewed-term { font-size: clamp(20px, 6vw, 26px); line-height: clamp(23px, 6.5vw, 29px); } .tvoe-club .tvoe-club__renewed-number-row strong { font-size: clamp(64px, 22vw, 92px); line-height: clamp(66px, 22vw, 94px); } .tvoe-club .tvoe-club__renewed-number-row del { font-size: 28px; } .tvoe-club .tvoe-club__how { height: 172.8vw; min-height: auto; } .tvoe-club .tvoe-club__how-image--desktop { display: none; } .tvoe-club .tvoe-club__how-image--mobile { display: block; } .tvoe-club .tvoe-club__how-content { padding: 0; } .tvoe-club .tvoe-club__how-title { display: none; } .tvoe-club .tvoe-club__how-cards { display: block; position: relative; height: 100%; margin: 0; } .tvoe-club .tvoe-club__how-card { position: absolute; width: 66vw; height: 42vw; min-height: auto; padding: 16px; } .tvoe-club .tvoe-club__how-card:nth-child(1) { left: 16px; top: 12vw; } .tvoe-club .tvoe-club__how-card:nth-child(2) { right: 16px; top: 64vw; } .tvoe-club .tvoe-club__how-card:nth-child(3) { left: 16px; top: 116vw; } .tvoe-club .tvoe-club__how-card h3 { min-height: auto; margin-top: 8px; margin-bottom: 8px; font-size: clamp(16px, 5vw, 20px); line-height: clamp(18px, 5.4vw, 22px); } .tvoe-club .tvoe-club__how-card p { font-size: clamp(12px, 3.4vw, 14px); line-height: clamp(14px, 3.8vw, 16px); } .tvoe-club .tvoe-club__how-number { font-size: 14px; } .tvoe-club .tvoe-club__bonuses { min-height: auto; padding: 48px 16px; } .tvoe-club .tvoe-club__bonuses-kicker { width: 100%; font-size: 18px; line-height: 22px; } .tvoe-club .tvoe-club__bonus-cards { min-height: auto; grid-template-columns: 1fr; } .tvoe-club .tvoe-club__bonus-card { padding: 24px; } .tvoe-club .tvoe-club__bonus-card h3 { font-size: 24px; line-height: 28px; } .tvoe-club .tvoe-club__bonus-subtitle { display: none; } .tvoe-club .tvoe-club__bonus-card li { font-size: 16px; line-height: 20px; } .tvoe-club .tvoe-club__bonuses-hint { font-size: 14px; line-height: 18px; } .tvoe-club .tvoe-club__app { width: 96vw; height: 64vw; min-height: auto; margin-left: 2vw; margin-right: 2vw; background-image: url(/assets/images/tvoe_loyalty/tvoeloyalty-banner3-desktop.webp); background-position: center; background-size: cover; } .tvoe-club .tvoe-club__app-image--desktop { display: none; } .tvoe-club .tvoe-club__app-image--mobile { display: none; } .tvoe-club .tvoe-club__app-benefits { display: flex; width: calc(76.8vw + 1px); height: calc(44.8vw + 1px); min-height: auto; padding-left: 3.173vw; padding-right: 35.466vw; border-radius: .8213vw; left: calc(6.4vw - 1px); top: calc(12.8vw - 1px); } .tvoe-club .tvoe-club__app-benefits h2 { max-width: 100%; font-size: 3.733vw; font-weight: 500; line-height: 1; margin: 0 0 2.24vw 0; } .tvoe-club .tvoe-club__app-benefits li { padding-left: 2.568vw; font-size: 3.21vw; line-height: 1.2; } .tvoe-club .tvoe-club__app-benefits li::before { width: 1.1235vw; height: 1.1235vw; border-radius: 50%; background-color: #262626; left: 0; top: 1.284vw; } .tvoe-club .tvoe-club__app-card { display: flex; width: 41.067vw; height: 49.653vw; padding: 10.08vw 7.466vw 3.733vw 7.466vw; border: solid #262626 clamp(2px, .4vw, 4px); border-radius: 4.6vw 4.6vw 0 0; left: 46.667vw; right: auto; top: 7.84vw; background-color: #fff; background-image: none; box-shadow: none; } .tvoe-club .tvoe-club__app-card::before { display: block; position: absolute; width: 8vw; height: clamp(3px, .72vw, 6px); border-radius: 1vw; background-color: #262626; content: ''; top: 2.15vw; left: 50%; transform: translateX(-50%); } .tvoe-club .tvoe-club__app-logo { width: 26.133vw; margin: 0; } .tvoe-club .tvoe-club__app-qr { display: none; } .tvoe-club .tvoe-club__app-download { margin-top: 6.72vw; color: #eb1b23; font-size: 4.816vw; line-height: 1; } .tvoe-club .tvoe-club__app-button { display: none; } .tvoe-club .tvoe-club__store-badges { display: flex; margin-top: 1.926vw; flex-direction: column; gap: 2.613vw; } .tvoe-club .tvoe-club__store-badges img { display: block; width: 23.147vw; height: auto; } .tvoe-club .tvoe-club__store-badges a:nth-child(2) { width: 23.147vw; height: 6.84vw; background-image: url(/assets/icons/tvoe_loyalty/badge_googleplay.svg?v=2); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; } .tvoe-club .tvoe-club__store-badges a:nth-child(2) img { visibility: hidden; } .tvoe-club .tvoe-club__app-hotspot { display: none; } .tvoe-club .tvoe-club-form { padding: 48px 16px; } .tvoe-club .tvoe-club-form__title { font-size: 20px; } .tvoe-club .tvoe-club-form__row { flex-direction: column; } .tvoe-club .tvoe-club-form__row .tvoe-club-form__input { flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .tvoe-club .tvoe-club-form__gender { flex-wrap: wrap; } } .career-form { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; align-items: center; } .career-form .career-form__body { display: flex; width: 100%; max-width: 700px; box-sizing: border-box; flex-direction: column; gap: 14px; } .career-form .career-form__field { display: flex; flex-direction: column; gap: 4px; } .career-form .career-form__row { display: flex; align-items: start; gap: 14px; } .career-form .career-form__row .career-form__field { flex-grow: 1; flex-shrink: 1; flex-basis: 0px; } .career-form .career-form__input { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; display: block; width: 100%; padding: 13px 18px; box-sizing: border-box; border: solid #262626 1px; color: #262626; background-color: #FFFFFF; } .career-form .career-form__input--error { border: solid #DC1F13 1px; } .career-form .career-form__input::placeholder { color: #999999; } .career-form .career-form__error-text { font-family: 'Tilda Sans'; font-size: 12px; font-weight: 400; line-height: 15.84px; margin: 0; color: #DC1F13; } .career-form .career-form__vacancy-label { margin: 0; color: #121212; font-family: 'Tilda Sans'; font-size: 21.6px; font-weight: 800; line-height: 24.3px; } .career-form .career-form__vacancy-mark { color: #121212; } .career-form .career-form__radios { display: flex; flex-direction: column; gap: 8px; } .career-form .career-form__radio { display: flex; cursor: pointer; align-items: center; gap: 8px; } .career-form .career-form__radio-input { width: 1px; height: 1px; margin: 0; opacity: 0.0; position: absolute; } .career-form .career-form__radio-visual { display: block; width: 18px; height: 18px; box-sizing: border-box; border: solid #262626 1px; border-radius: 50%; flex-grow: 0; flex-shrink: 0; flex-basis: auto; background-repeat: no-repeat; background-position: center; } .career-form .career-form__radio-input:checked + .career-form__radio-visual { background-image: url(/assets/icons/vacancy-radio.svg); background-size: contain; } .career-form .career-form__radio-input:focus-visible + .career-form__radio-visual { outline-color: #262626; outline-style: solid; outline-width: 2px; } .career-form .career-form__radio-label { margin: 0; color: #333333; font-family: 'Tilda Sans'; font-size: 13px; font-weight: 400; line-height: 17.16px; } .career-form .career-form__consent { display: flex; cursor: pointer; align-items: center; gap: 8px; } .career-form .career-form__consent-input { width: 1px; height: 1px; margin: 0; opacity: 0.0; position: absolute; } .career-form .career-form__consent-visual { display: block; width: 24px; height: 24px; box-sizing: border-box; border: solid #262626 1px; border-radius: 0; flex-grow: 0; flex-shrink: 0; flex-basis: auto; background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; } .career-form .career-form__consent-input:checked + .career-form__consent-visual { background-image: url(/assets/icons/vacancy-check.svg); } .career-form .career-form__consent-input:focus-visible + .career-form__consent-visual { outline-color: #262626; outline-style: solid; outline-width: 2px; } .career-form .career-form__consent-label { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; margin: 0; color: #262626; } .career-form .career-form__consent-link { color: #262626; text-decoration: none; } .career-form .career-form__submit { display: flex; width: 100%; padding: 16px; box-sizing: border-box; border: none; cursor: pointer; justify-content: center; align-items: center; gap: 8px; color: #FFFFFF; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; text-transform: uppercase; line-height: 18.48px; background-color: #eb1b23; } .career-form .career-form__submit[disabled] { opacity: 0.5; cursor: not-allowed; } .career-form .career-form__success { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; } .career-form .career-form__success-title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin: 0; color: #262626; } .career-form .career-form__success-text { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; margin: 0; color: #262626; } .career-form .tv-spinner { display: block; width: 16px; height: 16px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; visibility: hidden; animation: tv-btn-spin 1s linear infinite; } .career-form .tv-spinner path { stroke: currentColor; fill: none; } .career-form [aria-busy="true"] .tv-spinner { visibility: visible; } .career-form .tv-spinner-balance { display: block; width: 16px; height: 16px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } @media screen and (max-width: 800px) { .career-form .career-form__row { flex-direction: column; } .career-form .career-form__row .career-form__field { flex-grow: 0; flex-shrink: 0; flex-basis: auto; } } @keyframes tv-btn-spin { 100% { transform: rotate(360deg); } } .cart__line-error { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; margin: 0; color: #DC1F13; text-align: end; } .cart .cart__stepper[aria-busy="true"] .cart__stepper-value { color: #A1A1A1; } .cart .tv-skeleton { border-radius: 4px; background: linear-gradient(90deg, #E8E8E8 40%, #F7F7F7 50%, #E8E8E8 60%); background-size: 200% 100%; animation: tv-shimmer 4s linear infinite; } .cart .cart__skeleton-stepper { width: 112px; height: 42px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .cart .cart__skeleton-sum-total { height: 31.68px; } .cart .cart__skeleton-sum-row { height: 26.4px; } .cart .cart__skeleton-rec-title { height: 44.88px; } .cart .cart__skeleton-rec-title--compact { height: 39.6px; } .cart .cart__skeleton-note { height: 23.76px; } .cart .cart__skeleton-button { height: 50px; } .cart .cart__skeleton-illustration { width: 100%; aspect-ratio: 332 / 258; } .cart { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; background-color: #FFFFFF; } .cart .cart__spacer { flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .cart .cart__bar { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; align-items: center; background-color: #FFFFFF; } .cart .cart__bar--crumbs { height: 33px; padding: 6px 64px; } .cart .cart__bar--title { height: 64px; padding: 16px 64px; } .cart .cart__crumbs { display: flex; min-width: 0; overflow: hidden; align-items: center; gap: 32px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .cart .cart__crumb { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; line-height: 21.12px; color: #262626; text-decoration: none; white-space: nowrap; } .cart .cart__crumb--current { font-weight: 700; } .cart .cart__title { margin: 0; color: #1F1F1F; text-align: center; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 800; text-transform: uppercase; line-height: 31.68px; } .cart .cart__empty { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; flex-direction: column; align-items: center; gap: 24px; } .cart .cart__empty-figure { display: flex; flex-direction: column; align-items: center; gap: 32px; text-align: center; } .cart .cart__empty-illustration { display: block; width: 331px; max-width: 100%; } .cart .cart__empty-illustration svg { display: block; width: 100%; height: auto; } .cart .cart__empty-copy { display: flex; flex-direction: column; align-items: center; gap: 16px; } .cart .cart__empty-title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 500; line-height: 26.4px; color: #1F1F1F; } .cart .cart__empty-text { font-family: 'Tilda Sans'; font-size: 18px; font-weight: 400; line-height: 23.76px; color: #262626; } .cart .cart__empty-button { display: inline-flex; width: 484px; height: 50px; max-width: 100%; padding-left: 32px; padding-right: 32px; box-sizing: border-box; justify-content: center; align-items: center; color: #FFFFFF; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; text-decoration: none; line-height: 18.48px; background-color: #1F1F1F; text-transform: uppercase; } .cart .cart__content { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; align-items: start; gap: 90px; } .cart .cart__lines { display: flex; min-width: 723px; flex-direction: column; gap: 48px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .cart .cart__line { display: flex; gap: 40px; } .cart .cart__line--unavailable .cart__line-image { opacity: 0.5; } .cart .cart__line-image { position: relative; width: 200px; aspect-ratio: 200/294; overflow: hidden; flex-grow: 0; flex-shrink: 0; flex-basis: auto; align-self: start; background-color: #F9F9F9; } .cart .cart__line-photo { display: block; width: 100%; height: 100%; object-fit: cover; } .cart .tv-photo-placeholder { position: absolute; top: 50%; left: 50%; width: 60.8%; transform: translate(-50%, -50%); aspect-ratio: 227 / 111; } .cart .cart__line-body { display: flex; min-width: 0; flex-direction: column; justify-content: space-between; gap: 24px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .cart .cart__line-top { display: flex; align-items: start; gap: 83px; } .cart .cart__line-head { display: flex; min-width: 0; flex-direction: column; gap: 16px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .cart .cart__line-name { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; line-height: 26.4px; color: #1F1F1F; text-decoration: none; } .cart .cart__line-article { display: none; } .cart .cart__line-size { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; line-height: 26.4px; color: #727272; } .cart .cart__line-size--action { display: inline-flex; padding: 0; border: none; cursor: pointer; align-self: start; background-color: transparent; font: inherit; color: inherit; text-decoration: underline; text-underline-offset: 2px; } .cart .cart__line-unavailable { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; color: #DC1F13; } .cart .cart__line-footer { display: flex; justify-content: space-between; align-items: center; gap: 24px; } .cart .cart__line-action { display: flex; padding: 0; border: none; cursor: pointer; justify-content: center; align-items: center; color: #262626; background-color: transparent; } .cart .cart__line-fav-form { display: flex; margin: 0; align-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .cart .cart__line-action svg { display: block; width: 36px; height: 36px; } .cart .cart__line-action svg.cart__line-action-icon { display: block; width: 32px; height: 32px; } .cart .cart__line-action--active { color: #DC1F13; } @media all and (hover: hover) { .cart .cart__line-action:hover { color: #DC1F13; } } .cart .cart__line-action[disabled] { cursor: progress; opacity: .6; } .cart .cart__line-fav-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } .cart .cart__line-rail { display: flex; flex-direction: column; align-items: end; gap: 16px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .cart .cart__price-group { display: flex; align-items: center; gap: 16px; } .cart .cart__price { color: #1F1F1F; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 500; line-height: 31.68px; white-space: nowrap; } .cart .cart__old-price { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; line-height: 26.4px; color: #727272; text-decoration: line-through; white-space: nowrap; } .cart .cart__stepper { display: flex; width: 112px; height: 42px; box-sizing: border-box; border: solid #BBBBBB 1.17px; justify-content: space-between; align-items: center; } .cart .cart__stepper-button { display: flex; height: 100%; padding-left: 8px; padding-right: 8px; border: none; cursor: pointer; justify-content: center; align-items: center; color: #1F1F1F; background-color: transparent; } .cart .cart__stepper-value { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; color: #1F1F1F; } .cart .cart__summary { position: sticky; top: 16px; width: 36%; min-width: 380px; max-width: 643px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .cart .cart__summary-card { display: flex; padding: 27px; box-sizing: border-box; flex-direction: column; gap: 48px; background-color: #F9F9F9; } .cart .cart__summary-rows { display: flex; flex-direction: column; gap: 24px; } .cart .cart__summary-title { color: #1F1F1F; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 500; line-height: 31.68px; } .cart .cart__summary-row { display: flex; justify-content: space-between; align-items: center; gap: 16px; } .cart .cart__summary-row--discount { justify-content: start; } .cart .cart__summary-muted { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; line-height: 26.4px; color: #A1A1A1; } .cart .cart__summary-value { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; line-height: 26.4px; color: #1F1F1F; } .cart .cart__summary-total-label { color: #1F1F1F; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 500; line-height: 31.68px; } .cart .cart__summary-total-value { color: #1F1F1F; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 500; line-height: 31.68px; white-space: nowrap; } .cart .cart__checkout { display: flex; height: 50px; box-sizing: border-box; justify-content: center; align-items: center; color: #FFFFFF; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; text-decoration: none; line-height: 18.48px; background-color: #1F1F1F; text-transform: uppercase; } .cart .cart__free-delivery { display: flex; flex-direction: column; gap: 8px; } .cart .cart__free-delivery-track { width: 100%; height: 4px; background-color: #E8E8E8; } .cart .cart__free-delivery-fill { height: 100%; background-color: #1F1F1F; } .cart .cart__free-delivery-label { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; line-height: 26.4px; margin: 0; color: #1F1F1F; } .cart .tv-split { display: flex; flex-direction: column; } .cart .tv-split__head { display: flex; align-items: center; gap: 6px; } .cart .tv-split__logo { display: block; width: 24px; height: 24px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .cart .tv-split__brand { color: #262626; font-family: 'Tilda Sans'; font-size: 28px; font-weight: 500; line-height: 1em; } .cart .tv-split__info { display: flex; width: 20px; height: 20px; margin-left: auto; justify-content: center; align-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: auto; color: #A1A1A1; } @media all and (hover: hover) { .cart .tv-split__info:hover { color: #262626; } } .cart .tv-split__now { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin-top: 14px; color: #262626; } .cart .tv-split__bar { display: flex; margin-top: 16px; gap: 4px; } .cart .tv-split__segment { height: 4px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; background-color: #E8E8E8; } .cart .tv-split__segment--paid { background-color: #4DC7A9; } .cart .tv-split__plan { display: flex; margin-top: 8px; gap: 4px; } .cart .tv-split__step { display: flex; min-width: 0; flex-direction: column; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .cart .tv-split__date { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 700; line-height: 18.48px; color: #262626; } .cart .tv-split__amount { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 700; line-height: 18.48px; color: #262626; white-space: nowrap; } .cart .tv-split__note { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; margin-top: 16px; color: #262626; } .cart .cart__checkout--blocked { cursor: not-allowed; color: #A1A1A1; background-color: #E8E8E8; } .cart .cart__checkout--recalculating { cursor: progress; color: #A1A1A1; background-color: #E8E8E8; } .cart .cart__content--recalculating .cart__price-group { opacity: 0.4; } .cart .cart__content--recalculating .cart__summary-value { opacity: 0.4; } .cart .cart__content--recalculating .cart__summary-total-value { opacity: 0.4; } .cart .cart__state-wrap { width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; } .cart .cart__state .tv-state__title { color: #1F1F1F; font-weight: 500; } .cart .cart__state .tv-state__text { font-family: 'Tilda Sans'; font-size: 18px; font-weight: 400; line-height: 23.76px; color: #262626; } .cart .cart__state .tv-state__action { display: inline-flex; height: 50px; padding-left: 32px; padding-right: 32px; box-sizing: border-box; justify-content: center; align-items: center; color: #FFFFFF; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; text-decoration: none; line-height: 18.48px; background-color: #1F1F1F; } .cart .cart__section-title { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; align-items: center; } .cart .cart__section-title-text { margin: 0; color: #1F1F1F; font-family: 'Tilda Sans'; font-size: 34px; font-weight: 700; text-transform: uppercase; line-height: 44.88px; } .cart .cart__section-title-text--compact { font-size: 30px; font-weight: 600; line-height: 39.6px; } .cart .cart__rec-row { display: grid; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; gap: 16px; grid-template-columns: repeat(4, 1fr); } .cart .cart__rec { min-width: 0; text-decoration: none; } .cart .cart__rec-divider { display: none; } @media screen and (max-width: 1400px) { .cart .cart__content { gap: 40px; } .cart .cart__lines { min-width: 420px; } .cart .cart__line-top { flex-direction: column; align-items: stretch; gap: 16px; } .cart .cart__line-rail { flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .cart .cart__line-error { width: 100%; } .cart .cart__price-group { flex-wrap: wrap; } } @media screen and (max-width: 1024px) { .cart .cart__bar { padding-left: 16px; padding-right: 16px; } .cart .cart__bar--crumbs { padding: 6px 16px; } .cart .cart__bar--title { padding: 16px 16px; } .cart .cart__crumbs { overflow-x: auto; } .cart .tv-split { display: none; } .cart .cart__empty { padding-left: 16px; padding-right: 16px; } .cart .cart__empty-button { width: 100%; } .cart .cart__content { padding-left: 16px; padding-right: 16px; flex-direction: column; gap: 32px; } .cart .cart__lines { min-width: 0; } .cart .cart__line { gap: 16px; } .cart .cart__line-image { width: 120px; } .cart .cart__line-body { gap: 16px; } .cart .cart__stepper { width: 96px; height: 36px; } .cart .cart__skeleton-stepper { width: 96px; height: 36px; } .cart .cart__line-action svg { width: 24px; height: 24px; } .cart .cart__line-action svg.cart__line-action-icon { width: 18px; height: 18px; } .cart .cart__summary { position: static; width: 100%; min-width: 0; max-width: 100%; flex-grow: 1; flex-shrink: 1; flex-basis: auto; } .cart .cart__state-wrap { padding-left: 16px; padding-right: 16px; } .cart .cart__section-title { padding-left: 16px; padding-right: 16px; } .cart .cart__section-title-text { font-size: 20px; font-weight: 700; line-height: 26.4px; } .cart .cart__rec-row { padding-left: 16px; padding-right: 16px; } } @media screen and (max-width: 800px) { .cart .cart__rec-row { gap: 24px 4px; grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 800px) { .cart .cart__spacer--crumbs-top { display: none; } .cart .cart__bar--crumbs { display: none; } .cart .cart__spacer--title-top { display: none; } .cart .cart__bar--title { height: 54px; padding-left: 16px; padding-right: 16px; justify-content: center; } .cart .cart__title { font-size: 16px; font-weight: 700; line-height: 21.12px; } .cart .cart__spacer--body-top { display: none; } .cart .cart__content { gap: 16px; } .cart .cart__lines { gap: 16px; } .cart .cart__line { gap: 20px; } .cart .cart__line-image { width: 88px; aspect-ratio: 88/126; align-self: start; } .cart .cart__line-top { display: contents; } .cart .cart__line-rail { display: contents; } .cart .cart__line-body { display: grid; min-height: 142px; justify-content: start; gap: 0; grid-template-columns: auto 1fr; grid-template-rows: auto 1fr auto 1fr auto; } .cart .cart__line-head { gap: 0; grid-area: 1 / 1 / 2 / -1; } .cart .cart__price-group { align-items: end; gap: 8px; grid-area: 3 / 1 / 4 / -1; } .cart .cart__stepper { width: 86px; height: 30px; border: solid #A1A1A1 1px; grid-area: 5 / 1 / 6 / 2; } .cart .cart__line-footer { justify-content: end; gap: 24px; grid-area: 5 / 2 / 6 / -1; } .cart .cart__line-error { grid-area: 6 / 1 / 7 / -1; } .cart .cart__line-rail .tv-skeleton { grid-area: 3 / 1 / 4 / -1; } .cart .cart__line-rail .cart__skeleton-stepper { width: 86px; height: 30px; grid-area: 5 / 1 / 6 / 2; } .cart .cart__line-name { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .cart .cart__line-article { display: inline; } .cart .cart__line-size { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #A1A1A1; } .cart .cart__line-unavailable { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 700; line-height: 18.48px; } .cart .cart__price { font-size: 16px; font-weight: 500; line-height: 21.12px; } .cart .cart__old-price { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #A1A1A1; text-decoration: line-through; } .cart .cart__stepper-value { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; } .cart .cart__stepper-button svg { width: 14px; height: 14px; } .cart .cart__line-action svg { width: 18px; height: 18px; } .cart .cart__line-action svg.cart__line-action-icon { width: 18px; height: 18px; } .cart .cart__summary { position: fixed; top: auto; left: 0; bottom: calc(52.0px + env(safe-area-inset-bottom, 0px)); right: 0; z-index: 100; width: auto; padding-left: env(safe-area-inset-left, 0px); padding-right: env(safe-area-inset-right, 0px); margin: 0; box-sizing: border-box; max-width: none; } .cart .cart__summary-card { padding: 16px; gap: 24px; background-color: #FFFFFF; box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08); } .cart .cart__summary-title { display: none; } .cart .cart__summary-row:not(.cart__summary-row--total):not(.cart__summary-row--discount) { display: none; } .cart .cart__summary-rows { gap: 6px; } .cart .cart__summary-row--total { justify-content: center; gap: 8px; } .cart .cart__summary-row--discount { justify-content: center; gap: 8px; } .cart .cart__summary-total-label { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; } .cart .cart__summary-total-value { font-size: 16px; font-weight: 500; line-height: 21.12px; } .cart .cart__summary-row--discount .cart__summary-value { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; } .cart .cart__free-delivery-label { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; } .cart .cart__checkout { height: 48px; font-weight: 700; } .cart .cart__skeleton-sum-total { height: 21.12px; } .cart .cart__skeleton-sum-row { height: 18.48px; } .cart .cart__skeleton-note { height: 21.12px; } .cart .cart__skeleton-button { height: 48px; } .cart .cart__skeleton-rec-title { height: 26.4px; } .cart .cart__skeleton-rec-title--compact { height: 26.4px; } .cart .cart__empty { padding: 32px 16px 64px 16px; gap: 32px; } .cart .cart__empty-figure { gap: 30px; } .cart .cart__empty-illustration { width: 157px; } .cart .cart__empty-copy { gap: 10px; } .cart .cart__empty-title { font-weight: 700; } .cart .cart__empty-text { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; } .cart .cart__empty-button { width: 100%; height: 48px; max-width: 400px; font-weight: 700; } .cart .cart__state-wrap { padding-top: 32px; padding-left: 16px; padding-right: 16px; } .cart .cart__spacer--rec-top { display: none; } .cart .cart__rec-divider { display: block; height: 1px; margin: 56.5px 16px 27.5px 16px; background-color: #E8E8E8; } body:has(.cart__summary) .tv-bottom-nav-wrap { height: calc(52.0px + 150.0px + env(safe-area-inset-bottom, 0px)); } } .outerwear .tv-skeleton { border-radius: 4px; background: linear-gradient(90deg, #E8E8E8 40%, #F7F7F7 50%, #E8E8E8 60%); background-size: 200% 100%; animation: tv-shimmer 4s linear infinite; } .outerwear { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; background-color: #FFFFFF; } .outerwear .outerwear__spacer { flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .outerwear .outerwear__bar { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; align-items: center; background-color: #FFFFFF; } .outerwear .outerwear__bar--crumbs { height: 36px; padding: 6px 64px; gap: 16px; } .outerwear .outerwear__bar--title { height: 64px; padding: 16px 64px; } .outerwear .outerwear__crumbs { display: flex; min-width: 0; overflow: hidden; align-items: center; gap: 32px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .outerwear .outerwear__back { display: flex; align-items: center; gap: 8px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .outerwear .outerwear__back-link { display: flex; align-items: center; text-decoration: none; } .outerwear .outerwear__back-divider { width: 1px; height: 22.5px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; background-color: #262626; } .outerwear .outerwear__crumb { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; line-height: 21.12px; color: #262626; text-decoration: none; white-space: nowrap; } .outerwear .outerwear__crumb--current { font-weight: 700; } .outerwear .outerwear__title { margin: 0; color: #262626; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 800; text-transform: uppercase; line-height: 31.68px; } .outerwear .outerwear__carousel { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; flex-direction: column; align-items: center; } .outerwear .outerwear__carousel-heading { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; width: 100%; max-width: 1792px; margin: 0; color: #262626; } .outerwear .outerwear__row { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; justify-content: center; } .outerwear .outerwear__row--mirrored .tv-product-row { flex-direction: row-reverse; } .outerwear .outerwear__card { color: #262626; text-decoration: none; } .outerwear .outerwear__cta { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; justify-content: center; } .outerwear .outerwear__cta-link { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; color: #262626; text-decoration: underline; } .outerwear .outerwear__state { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; flex-direction: column; align-items: center; gap: 16px; text-align: center; } .outerwear .outerwear__state-title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; color: #262626; } .outerwear .outerwear__state-text { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; max-width: 375px; color: #A1A1A1; } .outerwear .outerwear__state-link { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; color: #262626; } @media screen and (max-width: 800px) { .outerwear .outerwear__bar { padding-left: 16px; padding-right: 16px; } .outerwear .outerwear__bar--crumbs { display: none; } .outerwear .outerwear__spacer--before-crumbs { display: none; } .outerwear .outerwear__spacer--after-crumbs { display: none; } .outerwear .outerwear__bar--title { padding: 16px 16px; } .outerwear .outerwear__carousel { padding-left: 16px; padding-right: 16px; } .outerwear .outerwear__row { padding-left: 16px; padding-right: 16px; } .outerwear .outerwear__row--mirrored .tv-product-row { flex-direction: column; } .outerwear .outerwear__cta { padding-left: 16px; padding-right: 16px; } .outerwear .outerwear__state { padding-left: 16px; padding-right: 16px; } } .catalog-appbar { display: grid; position: sticky; top: 0; z-index: 100; height: 54px; padding-left: 16px; padding-right: 16px; box-sizing: border-box; align-items: center; background-color: #FFFFFF; grid-template-columns: 40.0px 1fr 40.0px; } .catalog-appbar .catalog-appbar__slot { display: flex; width: 40px; height: 40px; align-items: center; } .catalog-appbar .catalog-appbar__back { justify-content: start; } .catalog-appbar .catalog-appbar__search { justify-content: end; } .catalog-appbar .catalog-appbar__search-icon { width: 24px; height: 24px; } .catalog-appbar .catalog-appbar__title { margin: 0; overflow: hidden; color: #262626; text-align: center; font-family: 'Tilda Sans'; font-size: 16px; font-weight: 800; text-transform: uppercase; line-height: 21.12px; text-overflow: ellipsis; white-space: nowrap; } .catalog-appbar .catalog-appbar__sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; } .catalog-nav .tv-skeleton { border-radius: 4px; background: linear-gradient(90deg, #E8E8E8 40%, #F7F7F7 50%, #E8E8E8 60%); background-size: 200% 100%; animation: tv-shimmer 4s linear infinite; } .catalog-nav { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; background-color: #FFFFFF; } .catalog-nav .catalog-nav__tabs { display: grid; position: relative; padding: 19px 14px 5px 14px; box-sizing: border-box; } .catalog-nav .catalog-nav__tab-input { position: absolute; width: 1px; height: 1px; opacity: 0.0; pointer-events: none; } .catalog-nav .catalog-nav__tab { display: flex; height: 36px; box-sizing: border-box; border-bottom-style: solid; border-bottom-color: #D6D8D9; border-bottom-width: 1px; overflow: hidden; cursor: pointer; justify-content: center; align-items: start; color: #1F1F1F; text-align: center; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 700; text-transform: uppercase; line-height: 18.48px; grid-row: 1; text-overflow: ellipsis; white-space: nowrap; } .catalog-nav .catalog-nav__tab-input:checked + .catalog-nav__tab { border-bottom-style: solid; border-bottom-color: #eb1b23; border-bottom-width: 2px; } .catalog-nav .catalog-nav__tab-input:focus-visible + .catalog-nav__tab { outline-color: #262626; outline-style: solid; outline-width: medium; } .catalog-nav .catalog-nav__panel { display: none; padding-top: 16px; margin-left: -14px; margin-right: -14px; grid-row: 2; grid-column: 1 / -1; } .catalog-nav .catalog-nav__tab-input:checked + .catalog-nav__tab + .catalog-nav__panel { display: block; } .catalog-nav .catalog-nav__list { display: flex; padding-left: 16px; padding-right: 16px; margin: 0; box-sizing: border-box; flex-direction: column; gap: 16px; list-style-type: none; } .catalog-nav .catalog-nav__card { display: flex; height: 100px; align-items: center; gap: 6px; color: #262626; text-decoration: none; background-color: #F9F9F9; } .catalog-nav .catalog-nav__name { padding-left: 16px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; color: #262626; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; text-transform: uppercase; line-height: 18.48px; } .catalog-nav .catalog-nav__card--strong .catalog-nav__name { font-weight: 700; } .catalog-nav .catalog-nav__photo { width: 80px; height: 100px; margin-right: 10px; object-fit: cover; flex-shrink: 0; } @keyframes tv-btn-spin { 100% { transform: rotate(360deg); } } .catalog .tv-spinner { display: block; width: 16px; height: 16px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; visibility: hidden; animation: tv-btn-spin 1s linear infinite; } .catalog .tv-spinner path { stroke: currentColor; fill: none; } .catalog [aria-busy="true"] .tv-spinner { visibility: visible; } .catalog .tv-spinner-balance { display: block; width: 16px; height: 16px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .catalog .tv-skeleton { border-radius: 4px; background: linear-gradient(90deg, #E8E8E8 40%, #F7F7F7 50%, #E8E8E8 60%); background-size: 200% 100%; animation: tv-shimmer 4s linear infinite; } .catalog { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; background-color: #FFFFFF; } .catalog .catalog__spacer { flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .catalog .catalog__bar { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; align-items: center; background-color: #FFFFFF; } .catalog .catalog__bar--crumbs { height: 36px; padding: 6px 64px; gap: 16px; } .catalog .catalog__bar--title { height: 64px; padding: 16px 64px; } .catalog .catalog__bar--chips { height: 37px; padding: 8px 64px; gap: 16px; } .catalog .catalog__crumbs { display: flex; min-width: 0; overflow: hidden; align-items: center; gap: 32px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .catalog .catalog__back { display: flex; align-items: center; gap: 8px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .catalog .catalog__back-link { display: flex; align-items: center; gap: 4px; text-decoration: none; } .catalog .catalog__back-icon { display: flex; width: 24px; height: 24px; justify-content: center; align-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .catalog .catalog__back-divider { width: 1px; height: 22.5px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; background-color: #262626; } .catalog .catalog__crumb { color: #262626; font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; text-decoration: none; line-height: 21.12px; white-space: nowrap; } .catalog .catalog__crumb--current { font-weight: 700; } .catalog .catalog__title { margin: 0; color: #262626; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 800; text-transform: uppercase; line-height: 31.68px; } .catalog .catalog__filters-placeholder { display: flex; flex-direction: column; gap: 24px; } .catalog .catalog__filters-ghost { display: flex; flex-direction: column; gap: 8px; } .catalog .catalog__filters-ghost-legend { width: 40%; height: 20px; } .catalog .catalog__filters-ghost-option { width: 60%; height: 16px; } .catalog .catalog__filters--active { position: relative; } .catalog .catalog__filters--active::after { width: 6px; height: 6px; border-radius: 50%; background-color: #DC1F13; content: ''; position: absolute; top: -2px; right: -8px; } .catalog .catalog__chips { display: flex; position: relative; min-width: 0; align-items: center; gap: 32px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .catalog .catalog__chip-list { display: flex; min-width: 0; overflow: auto hidden; align-items: center; gap: 32px; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; mask-image: linear-gradient(to right, #000 calc(100% - 32.0px), transparent 100%); -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 32.0px), transparent 100%); } .catalog .catalog__chip-list::-webkit-scrollbar { display: none; } .catalog .catalog__chips-rail { min-width: 0; margin-right: 221px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .catalog .catalog__chip { color: #A1A1A1; font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; text-decoration: none; line-height: 21.12px; white-space: nowrap; } .catalog .catalog__chip--active { color: #262626; font-weight: 700; } .catalog .catalog__filters { position: absolute; right: 21px; padding: 0; border: none; cursor: pointer; color: #1F1F1F; font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; white-space: nowrap; background-color: transparent; } .catalog .catalog__filters--pending { cursor: default; color: #A1A1A1; } .catalog .catalog-mobile-toolbar { display: none; } .catalog .catalog-mobile { display: flex; width: 100%; padding: 0; box-sizing: border-box; flex-direction: column; gap: 24px; } .catalog .catalog-mobile__row { display: grid; width: 100%; gap: 3px; grid-template-columns: repeat(2, minmax(0, 1fr)); } .catalog .catalog-mobile__slot { min-width: 0; } .catalog .catalog-mobile__slot--wide { width: 100%; } .catalog .catalog-mobile__slot--ghost { display: block; } .catalog .catalog-mobile--3 { display: flex; gap: 4px; } .catalog .catalog-mobile--3 .catalog-mobile__row { grid-template-columns: repeat(3, minmax(0, 1fr)); } .catalog .catalog-sort-sheet .tv-ov__panel { border-radius: 0; } .catalog .catalog-sort-sheet .tv-ov__head { height: 52px; padding-left: 16px; padding-right: 16px; } .catalog .catalog-sort-sheet .tv-ov__title { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; color: #262626; text-transform: none; } .catalog .catalog-sort-sheet .tv-ov__close { display: none; } .catalog .catalog-sort-sheet .tv-ov__body { padding-left: 16px; padding-right: 16px; } .catalog .catalog-sort-sheet .tv-ov__footer { padding: 4px 16px 24px 16px; } .catalog .catalog-sort-sheet__list { display: flex; flex-direction: column; } .catalog .catalog-sort-sheet__row { display: flex; min-height: 53px; border-bottom-style: solid; border-bottom-color: #E8E8E8; border-bottom-width: 1px; justify-content: space-between; align-items: center; gap: 16px; color: #262626; text-decoration: none; } .catalog .catalog-sort-sheet__label { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; color: #262626; } .catalog .catalog-sort-sheet__check { display: flex; width: 24px; height: 28px; flex-grow: 0; flex-shrink: 0; flex-basis: 24px; } .catalog .catalog-sort-sheet__cancel { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; padding: 0; border: none; cursor: pointer; color: #262626; text-align: right; background-color: transparent; } .catalog .catalog__row { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; justify-content: center; } .catalog .catalog__row--mirrored .tv-product-row { flex-direction: row-reverse; } .catalog .catalog__state { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; flex-direction: column; align-items: center; gap: 16px; text-align: center; } .catalog .catalog__more { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; flex-direction: column; justify-content: center; align-items: center; gap: 8px; text-align: center; } .catalog .catalog__more-link { display: flex; padding: 16px 32px; box-sizing: border-box; border: solid #262626 1px; cursor: pointer; justify-content: center; align-items: center; color: #262626; font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; text-decoration: none; line-height: 21.12px; white-space: nowrap; } @media all and (hover: hover) { .catalog .catalog__more-link:hover { color: #FFFFFF; background-color: #262626; } } .catalog .catalog__more-link[aria-busy="true"] { border: solid #A1A1A1 1px; cursor: progress; color: #A1A1A1; } .catalog .catalog__more-error { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #DC1F13; } @media screen and (max-width: 800px) { .catalog .catalog__bar { padding-left: 16px; padding-right: 16px; } .catalog .catalog__bar--crumbs { display: none; } .catalog .catalog__spacer--before-crumbs { display: none; } .catalog .catalog__spacer--after-crumbs { display: none; } .catalog .catalog__spacer--before-products { display: none; } .catalog .catalog__bar--title { padding: 16px 16px; } .catalog .catalog__title { font-size: 16px; font-weight: 800; line-height: 21.12px; } .catalog .catalog__bar--chips { display: none; } .catalog .catalog__chips { gap: 16px; } .catalog .catalog__chip-list { gap: 16px; } .catalog .catalog__chips-rail { margin: 0; } .catalog .catalog__filters { display: none; } .catalog .catalog-mobile-toolbar { display: flex; position: sticky; top: 54px; z-index: 99; width: 100%; min-height: 48px; padding-left: 16px; padding-right: 16px; box-sizing: border-box; align-items: center; gap: 20px; background-color: #FFFFFF; } .catalog .catalog-mobile-toolbar__action { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; display: inline-flex; min-width: 0; padding: 0; border: none; align-items: center; gap: 16px; color: #262626; text-decoration: none; white-space: nowrap; background-color: transparent; } .catalog .catalog-mobile-toolbar__action--sort { flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .catalog .catalog-mobile-toolbar__action--filters { gap: 10px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .catalog .catalog-mobile-toolbar__action--disabled { color: #A1A1A1; } .catalog .catalog-mobile-toolbar__label { min-width: 0; overflow: hidden; text-overflow: ellipsis; } .catalog .catalog-mobile-toolbar__grid { display: inline-flex; width: 32px; height: 32px; padding: 0; justify-content: end; align-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: 32px; color: #262626; text-decoration: none; } .catalog .catalog-mobile-toolbar__icon { display: block; width: 24px; height: 24px; flex-grow: 0; flex-shrink: 0; flex-basis: 24px; } .catalog .catalog-mobile-toolbar__icon-wrap { display: inline-flex; width: 24px; height: 24px; flex-grow: 0; flex-shrink: 0; flex-basis: 24px; } .catalog .tv-fp-ov.tv-ov--right .tv-ov__scrim { display: none; } .catalog .tv-fp-ov.tv-ov--right .tv-ov__panel { border-radius: 0; top: 0; right: 0; bottom: 0; left: 0; width: 100% !important; max-width: none; height: 100%; max-height: none; padding-bottom: 0; transform: translateX(100%); } .catalog .tv-fp-ov.tv-ov--right.tv-ov--open .tv-ov__panel { transform: translateX(0); } .catalog .tv-fp-ov .tv-ov__head { position: relative; height: 72px; padding-left: 16px; padding-right: 16px; border: none; justify-content: center; } .catalog .tv-fp-ov .tv-ov__title { color: #262626; text-align: center; font-size: 16px; font-weight: 800; text-transform: uppercase; line-height: 21.12px; } .catalog .tv-fp-ov .tv-ov__head .tv-ov__close { position: absolute; left: 16.0px; margin-left: 0; top: 50%; transform: translateY(-50%); } .catalog .tv-fp-ov .tv-ov__body { padding-left: 16px; padding-right: 16px; } .catalog .tv-fp-ov .tv-ov__footer { padding: 16px 16px 24px 16px; gap: 0; } .catalog .tv-fp-ov .tv-fp__reset { position: absolute; width: auto; height: 21.12px; padding: 0; border: none; color: #A1A1A1; font-size: 16px; font-weight: 400; text-decoration: none; text-transform: none; line-height: 21.12px; background-color: transparent; top: 25px; right: 16.0px; } .catalog .tv-fp-ov .tv-fp__reset--disabled { border: none; cursor: default; color: #A1A1A1; pointer-events: none; } .catalog .catalog__row { padding-left: 16px; padding-right: 16px; } .catalog .catalog__row--mirrored .tv-product-row { flex-direction: column; } .catalog .catalog__state { padding-left: 16px; padding-right: 16px; } .catalog .catalog__more { padding-left: 16px; padding-right: 16px; gap: 16px; } .catalog .catalog__more-link { width: 100%; } } .checkout-result .tv-skeleton { border-radius: 4px; background: linear-gradient(90deg, #E8E8E8 40%, #F7F7F7 50%, #E8E8E8 60%); background-size: 200% 100%; animation: tv-shimmer 4s linear infinite; } .checkout-result { display: flex; width: 100%; min-height: 100vh; box-sizing: border-box; flex-direction: column; background-color: #FFFFFF; } .checkout-result .checkout-result__spacer { flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .checkout-result .checkout-result__stage { display: flex; position: relative; width: 100%; padding: 64px 64px; box-sizing: border-box; flex-direction: column; justify-content: center; align-items: center; flex-grow: 1; flex-shrink: 1; flex-basis: auto; } .checkout-result .checkout-result__stage--top { justify-content: start; } .checkout-result .checkout-result__stage--dim { overflow: hidden; } .checkout-result .checkout-result__col { display: flex; width: 100%; max-width: 708px; box-sizing: border-box; flex-direction: column; align-items: center; text-align: center; } .checkout-result .checkout-result__col--pay { max-width: 514px; align-items: stretch; text-align: start; } .checkout-result .checkout-result__col--muted { color: #A1A1A1; } .checkout-result .checkout-result__display { margin: 0; color: #1F1F1F; font-family: 'Tilda Sans'; font-size: 30px; font-weight: 700; line-height: 39.6px; } .checkout-result .checkout-result__display--start { text-align: start; } .checkout-result .checkout-result__lead { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 500; line-height: 26.4px; margin: 0; color: #1F1F1F; } .checkout-result .checkout-result__heading { margin: 0; color: #A1A1A1; font-family: 'Tilda Sans'; font-size: 22px; font-weight: 500; line-height: 29.04px; } .checkout-result .checkout-result__hint { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; line-height: 26.4px; margin: 0; color: #1F1F1F; } .checkout-result .checkout-result__page-title { margin: 0; color: #262626; text-align: center; font-family: 'Tilda Sans'; font-size: 22px; font-weight: 400; line-height: 29.04px; } .checkout-result .checkout-result__glyph { display: flex; justify-content: center; align-items: center; } .checkout-result .checkout-result__glyph--success { width: 242px; height: 242px; } .checkout-result .checkout-result__glyph--error { width: 340px; height: 340px; } .checkout-result .checkout-result__primary { display: flex; width: 100%; height: 50px; box-sizing: border-box; justify-content: center; align-items: center; color: #FFFFFF; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; text-decoration: none; text-transform: uppercase; line-height: 18.48px; background-color: #262626; } .checkout-result .checkout-result__overlay { display: flex; justify-content: center; align-items: center; background-color: rgba(38, 38, 38, 0.6); position: fixed; inset: 0; z-index: 1000; padding: 16px; } .checkout-result .checkout-result__dialog { display: flex; position: relative; width: 100%; max-width: 475px; padding: 32px; box-sizing: border-box; flex-direction: column; align-items: start; text-align: start; background-color: #FFFFFF; } .checkout-result .checkout-result__dialog-close { display: flex; position: absolute; top: 16px; right: 16px; width: 24px; height: 24px; justify-content: center; align-items: center; } .checkout-result .checkout-result__dialog-title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin: 0; color: #1F1F1F; } .checkout-result .checkout-result__dialog-text { font-family: 'Tilda Sans'; font-size: 18px; font-weight: 400; line-height: 23.76px; margin: 0; color: #1F1F1F; } .checkout-result .checkout-result__dialog-action { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 600; line-height: 21.12px; align-self: end; color: #1F1F1F; text-decoration: none; } .checkout-result .checkout-result__pay-details { width: 100%; } .checkout-result .checkout-result__pay-summary { display: flex; cursor: pointer; align-items: center; gap: 8px; list-style: none; -webkit-appearance: none; } .checkout-result .checkout-result__pay-chevron { display: block; width: 36px; height: 36px; } @media screen and (max-width: 800px) { .checkout-result .checkout-result__stage { padding: 32px 16px; } .checkout-result .checkout-result__col { max-width: 100%; } .checkout-result .checkout-result__col--pay { max-width: 100%; } } .checkout-success .tv-skeleton { border-radius: 4px; background: linear-gradient(90deg, #E8E8E8 40%, #F7F7F7 50%, #E8E8E8 60%); background-size: 200% 100%; animation: tv-shimmer 4s linear infinite; } .checkout-success { display: flex; width: 100%; min-height: 100vh; box-sizing: border-box; flex-direction: column; background-color: #FFFFFF; } .checkout-success .checkout-success__spacer { flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .checkout-success .checkout-success__stage { display: flex; width: 100%; padding: 64px 64px; box-sizing: border-box; flex-direction: column; justify-content: center; align-items: center; flex-grow: 1; flex-shrink: 1; flex-basis: auto; } .checkout-success .checkout-success__col { display: flex; width: 100%; max-width: 708px; box-sizing: border-box; flex-direction: column; align-items: center; text-align: center; } .checkout-success .checkout-success__glyph { display: flex; width: 298px; height: 271px; max-width: 100%; justify-content: center; align-items: center; } .checkout-success .checkout-success__title { margin: 0; color: #1F1F1F; font-family: 'Tilda Sans'; font-size: 30px; font-weight: 700; line-height: 39.6px; } .checkout-success .checkout-success__hint { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; line-height: 26.4px; margin: 0; color: #1F1F1F; } .checkout-success .checkout-success__primary { display: flex; width: 100%; height: 50px; max-width: 492px; box-sizing: border-box; justify-content: center; align-items: center; color: #FFFFFF; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; text-decoration: none; text-transform: uppercase; line-height: 18.48px; background-color: #1F1F1F; } @media screen and (max-width: 800px) { .checkout-success .checkout-success__stage { padding: 32px 16px; } .checkout-success .checkout-success__col { max-width: 100%; } } @keyframes tv-btn-spin { 100% { transform: rotate(360deg); } } @keyframes tv-pvz-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes tv-pvz-sheet-in { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } } .checkout .tv-skeleton { border-radius: 4px; background: linear-gradient(90deg, #E8E8E8 40%, #F7F7F7 50%, #E8E8E8 60%); background-size: 200% 100%; animation: tv-shimmer 4s linear infinite; } .checkout .tv-spinner { display: block; width: 16px; height: 16px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; visibility: hidden; animation: tv-btn-spin 1s linear infinite; } .checkout .tv-spinner path { stroke: currentColor; fill: none; } .checkout [aria-busy="true"] .tv-spinner { visibility: visible; } .checkout .tv-spinner-balance { display: block; width: 16px; height: 16px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .checkout .checkout__state { padding: 48px 64px; box-sizing: border-box; } .checkout .checkout__section-title { margin: 0; color: #262626; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 500; line-height: 31.68px; } @media screen and (min-width: 800px) { .checkout .checkout__field-slot { height: 65px; box-sizing: border-box; } } .checkout .checkout__option { display: flex; width: 100%; padding: 16px; box-sizing: border-box; outline-color: #A1A1A1; outline-style: solid; outline-width: 1px; outline-offset: -1px; flex-direction: column; gap: 14px; } .checkout .checkout__option-check { display: flex; width: 24px; height: 24px; box-sizing: border-box; flex-grow: 0; flex-shrink: 0; flex-basis: auto; color: #A1A1A1; } .checkout .checkout__option-subtitlerow { display: flex; width: 100%; box-sizing: border-box; align-items: center; gap: 10px; } .checkout .checkout__option-subtitlerow .checkout__option-subtitle { min-width: 0; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .checkout .tv-address { display: block; position: relative; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .checkout .tv-address__list { display: block; position: absolute; top: 100%; left: 0; z-index: 200; width: 100%; max-height: 200px; padding: 0; margin: 0; box-sizing: border-box; border: solid #E8E8E8 1px; overflow: hidden auto; list-style-type: none; background-color: #FFFFFF; } .checkout .tv-address__option { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; display: flex; height: 40px; padding-left: 8px; padding-right: 8px; box-sizing: border-box; overflow: hidden; cursor: pointer; align-items: center; color: #262626; text-overflow: ellipsis; white-space: nowrap; background-color: #FFFFFF; } @media all and (hover: hover) { .checkout .tv-address__option:hover { background-color: #F9F9F9; } } .checkout .tv-address__option--active { background-color: #F2F2F2; } .checkout .checkout__note { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; align-items: start; gap: 16px; } .checkout .checkout__city { display: flex; padding: 0; border: none; cursor: pointer; align-items: center; gap: 8px; background-color: transparent; } .checkout .checkout__city-icon { display: block; width: 24px; height: 24px; } .checkout .checkout__city-name { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; line-height: 21.12px; color: #262626; } .checkout .checkout__city-head { display: flex; width: 100%; margin-bottom: 48px; box-sizing: border-box; flex-direction: column; } .checkout .checkout__city-button { display: none; width: 100%; height: 50px; padding: 0; box-sizing: border-box; border: solid #262626 1px; cursor: pointer; justify-content: center; align-items: center; color: #262626; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; line-height: 18.48px; background-color: #FFFFFF; } .checkout .checkout__city-change { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; padding: 0; border: none; cursor: pointer; color: #262626; text-decoration: underline; background-color: transparent; } .checkout .checkout__option-title { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; min-width: 0; flex-grow: 1; flex-shrink: 1; flex-basis: 0; color: #A1A1A1; } .checkout .checkout__option-subtitle { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #A1A1A1; } .checkout .checkout__option--selected .checkout__option-title { color: #262626; } .checkout .checkout__option--selected .checkout__option-subtitle { color: #262626; } .checkout .checkout__option-price { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; color: #A1A1A1; white-space: nowrap; } .checkout .checkout__option--selected .checkout__option-price { color: #262626; } .checkout .checkout__option-method-icon { display: block; width: 24px; height: 24px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .checkout .checkout__point-pick { display: flex; width: 100%; padding: 0; box-sizing: border-box; border: none; cursor: pointer; align-items: center; gap: 12px; text-align: left; background-color: transparent; } .checkout .checkout__point-pick-icon { display: block; width: 24px; height: 24px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .checkout .checkout__point-pick-text { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; min-width: 0; overflow: hidden; flex-grow: 1; flex-shrink: 1; flex-basis: 0; color: #262626; text-decoration: underline; text-overflow: ellipsis; white-space: nowrap; } .checkout .checkout__option--selected .checkout__option-check { color: #262626; } .checkout .checkout__option--selected { outline-color: #262626; outline-style: solid; outline-width: 1px; outline-offset: -1px; gap: 16px; } .checkout .checkout__point { display: flex; width: 100%; padding: 16px; box-sizing: border-box; flex-direction: column; gap: 8px; background-color: #F9F9F9; } .checkout .checkout__point-title { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; line-height: 21.12px; color: #262626; } .checkout .checkout__point-line { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #A1A1A1; } .checkout .checkout__point-choose { display: flex; width: 100%; height: 50px; padding: 0; box-sizing: border-box; border: solid #262626 1px; cursor: pointer; justify-content: center; align-items: center; color: #262626; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; text-transform: uppercase; line-height: 18.48px; background-color: #FFFFFF; } .checkout .checkout__point-change { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 500; line-height: 18.48px; display: flex; width: 100%; height: 50px; padding: 0; box-sizing: border-box; border: none; cursor: pointer; justify-content: center; align-items: center; color: #262626; text-decoration: underline; text-transform: uppercase; background-color: transparent; } @media all and (hover: hover) { .checkout .checkout__point-change:hover { opacity: 0.6; } } .checkout .checkout__option-fields { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; gap: 16px; } .checkout .checkout__field-row { display: flex; width: 100%; gap: 32px; } .checkout .checkout__field-row > * { min-width: 0; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .checkout .checkout__recipient-col { display: flex; min-width: 0; flex-direction: column; gap: 24px; } .checkout .checkout__field-slot { display: flex; width: 100%; align-items: center; } .checkout .checkout__recipient .tv-text-field__input[readonly] { color: #A1A1A1; } .checkout .checkout__dates { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; } .checkout .checkout__dates::-webkit-scrollbar { display: none; } .checkout .checkout__date { display: flex; width: 74px; height: 54px; padding: 0; box-sizing: border-box; border: solid #E8E8E8 1px; cursor: pointer; flex-direction: column; justify-content: center; align-items: center; gap: 2px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; background-color: #FFFFFF; } @media all and (hover: hover) { .checkout .checkout__date:hover { border: solid #262626 1px; } } .checkout .checkout__date-day { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #262626; } .checkout .checkout__date-weekday { font-family: 'Tilda Sans'; font-size: 12px; font-weight: 400; line-height: 15.84px; color: #A1A1A1; } .checkout .checkout__date--selected { border: solid #262626 1px; background-color: #262626; } .checkout .checkout__date--selected .checkout__date-day { color: #FFFFFF; } .checkout .checkout__date--selected .checkout__date-weekday { color: #FFFFFF; } .checkout .checkout__times { display: block; width: 100%; box-sizing: border-box; border: solid #E8E8E8 1px; } .checkout .checkout__times-head { display: flex; height: 50px; padding-left: 16px; padding-right: 16px; box-sizing: border-box; cursor: pointer; align-items: center; list-style-type: none; background-color: #F9F9F9; } .checkout .checkout__times-head::-webkit-details-marker { display: none; } .checkout .checkout__times-title { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #262626; } .checkout .checkout__times-list { display: flex; flex-direction: column; } .checkout .checkout__time { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; display: flex; width: 100%; height: 50px; padding-left: 16px; padding-right: 16px; box-sizing: border-box; border: none; cursor: pointer; align-items: center; color: #262626; text-align: start; background-color: #FFFFFF; } @media all and (hover: hover) { .checkout .checkout__time:hover { background-color: #F9F9F9; } } .checkout .checkout__time:disabled { cursor: not-allowed; color: #A1A1A1; } .checkout .checkout__time--selected { font-weight: 500; background-color: #F9F9F9; } .checkout .tv-shops-map { position: relative; width: 100%; overflow: hidden; } .checkout .tv-shops-map__canvas { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .checkout .tv-shops-map__fallback { display: flex; width: 100%; height: 100%; } .checkout .tv-shops-map__marker { display: block; position: relative; transform: translate(-16px, -32px); } .checkout .tv-shops-map__pin { display: block; width: 32px; height: 32px; padding: 0; border: none; background-color: transparent; background-image: url(/assets/icons/map-pin--filled.svg); background-repeat: no-repeat; background-size: 100% 100%; } .checkout button.tv-shops-map__pin { cursor: pointer; } .checkout .tv-shops-map__marker--active .tv-shops-map__pin { transform: scale(1.25); transform-origin: 50% 100%; } .checkout .tv-shops-map__popup { display: block; position: absolute; bottom: 40px; width: 220px; padding: 8px; box-sizing: border-box; border: solid #E8E8E8 1px; background-color: #FFFFFF; left: 50%; transform: translateX(-50%); } .checkout .tv-shops-map__popup[hidden] { display: none; } .checkout .tv-shops-map__popup-title { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; line-height: 21.12px; color: #262626; } .checkout .tv-shops-map__popup-line { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #A1A1A1; } .checkout .tv-shops-map__choose { font-family: 'Tilda Sans'; font-size: 12px; font-weight: 500; line-height: 15.84px; display: block; width: 100%; padding-top: 8px; padding-bottom: 8px; margin-top: 8px; border: none; cursor: pointer; color: #FFFFFF; text-transform: uppercase; background-color: #262626; } .checkout .checkout-pvz { position: fixed; inset: 0; z-index: 1000; } .checkout .checkout-pvz__backdrop { position: absolute; inset: 0; background: rgba(38, 38, 38, 0.5); } .checkout .checkout-pvz__panel { display: flex; width: 100%; max-width: 1280px; box-sizing: border-box; background-color: #FFFFFF; position: absolute; top: 50%; left: 50%; height: 80vh; transform: translate(-50%, -50%); overflow: hidden; animation: tv-pvz-in 300ms cubic-bezier(0.16, 1, 0.3, 1); } .checkout .checkout-pvz__list-col { display: flex; width: 482px; max-width: 100%; flex-direction: column; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .checkout .checkout-pvz__head { display: flex; height: 69px; padding-left: 16px; padding-right: 16px; box-sizing: border-box; justify-content: space-between; align-items: center; gap: 16px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .checkout .checkout-pvz__title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 500; line-height: 26.4px; margin: 0; color: #262626; } .checkout .checkout-pvz__close { display: inline-flex; width: 24px; height: 24px; padding: 0; border: none; cursor: pointer; justify-content: center; align-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: auto; background-color: transparent; } .checkout .checkout-pvz__search { display: flex; padding-top: 8px; padding-bottom: 8px; margin-left: 16px; margin-right: 16px; box-sizing: border-box; border-bottom-style: solid; border-bottom-color: #262626; border-bottom-width: 1px; align-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: auto; width: calc(100% - 32px); } .checkout .checkout-pvz__search-input { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; min-width: 0; border: none; flex-grow: 1; flex-shrink: 1; flex-basis: 0; color: #262626; background-color: transparent; outline: none; } .checkout .checkout-pvz__search-input::placeholder { color: #A1A1A1; } .checkout .checkout-pvz__list { display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 1; flex-basis: auto; overflow-y: auto; overscroll-behavior: contain; } .checkout .checkout-pvz__item { display: flex; width: 100%; padding: 16px; box-sizing: border-box; border-left-style: none; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-bottom-color: #E8E8E8; border-bottom-width: 1px; appearance: none; cursor: pointer; align-items: start; gap: 8px; text-align: start; background-color: transparent; } @media all and (hover: hover) { .checkout .checkout-pvz__item:hover { background-color: #F9F9F9; } } .checkout .checkout-pvz__item--selected { background-color: #F9F9F9; } .checkout .checkout-pvz__item-icon { display: block; width: 24px; height: 24px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .checkout .checkout-pvz__item-body { display: flex; min-width: 0; flex-direction: column; gap: 2px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .checkout .checkout-pvz__item-title { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; line-height: 21.12px; color: #262626; } .checkout .checkout-pvz__item-line { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #A1A1A1; } .checkout .checkout-pvz__message { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; padding: 16px; margin: 0; color: #A1A1A1; } .checkout .checkout-pvz__map { min-width: 0; flex-grow: 1; flex-shrink: 1; flex-basis: 0; height: 100%; } .checkout .checkout-pvz__map-fallback { display: flex; width: 100%; height: 100%; padding: 24px; box-sizing: border-box; justify-content: center; align-items: center; background-color: #F9F9F9; } .checkout .checkout-pvz__map-text { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #A1A1A1; } @media screen and (max-width: 799px) { .checkout .checkout-pvz .checkout-pvz__panel { top: 0; bottom: 0; left: 0; height: 100%; transform: none; animation: tv-pvz-sheet-in 300ms cubic-bezier(0.16, 1, 0.3, 1); } .checkout .checkout-pvz .checkout-pvz__list-col { width: 100%; } .checkout .checkout-pvz .checkout-pvz__head--bar { position: relative; height: 54px; justify-content: center; } .checkout .checkout-pvz .checkout-pvz__back { display: inline-flex; position: absolute; left: 16px; width: 24px; height: 24px; padding: 0; border: none; cursor: pointer; justify-content: center; align-items: center; background-color: transparent; } .checkout .checkout-pvz .checkout-pvz__title { overflow: hidden; font-size: 16px; font-weight: 700; text-transform: uppercase; line-height: 21.12px; text-overflow: ellipsis; white-space: nowrap; } .checkout .checkout-pvz .checkout-pvz__search-icon { display: block; width: 24px; height: 24px; margin-right: 8px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .checkout .checkout-pvz .checkout-pvz__tabs { display: flex; width: 100%; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .checkout .checkout-pvz .checkout-pvz__tab { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 700; line-height: 18.48px; display: flex; height: 48px; padding: 0; border: none; cursor: pointer; justify-content: center; align-items: center; flex-grow: 1; flex-shrink: 1; flex-basis: 0; color: #A1A1A1; background-color: transparent; } .checkout .checkout-pvz .checkout-pvz__tab--active { color: #262626; } .checkout .checkout-pvz .checkout-pvz__item-icon { display: none; } .checkout .checkout-pvz .checkout-pvz__item-title { font-weight: 700; } .checkout .checkout-pvz .checkout-pvz__item { border: none; } .checkout .checkout-pvz .checkout-pvz__item:nth-child(even) { background-color: #F2F2F2; } .checkout .checkout-pvz .checkout-pvz__item--selected { background-color: #E8E8E8; } .checkout .checkout-pvz .checkout-pvz__map-pane { display: flex; position: relative; min-height: 0; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .checkout .checkout-pvz .checkout-pvz__map { width: 100%; height: 100%; } .checkout .checkout-pvz .tv-shops-map__popup { display: none; } .checkout .checkout-pvz .checkout-pvz__preview { display: flex; padding-left: 16px; padding-right: 16px; padding-bottom: 16px; box-sizing: border-box; flex-direction: column; gap: 16px; background-color: #FFFFFF; position: absolute; left: 0; right: 0; bottom: 0; z-index: 1000; } .checkout .checkout-pvz .checkout-pvz__preview-handle { width: 32px; height: 2px; margin-top: 8px; background-color: #A1A1A1; align-self: center; border-radius: 2px; } .checkout .checkout-pvz .checkout-pvz__preview-select { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; display: flex; width: 100%; height: 54px; padding: 0; border: none; cursor: pointer; justify-content: center; align-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: auto; color: #FFFFFF; background-color: #262626; } .checkout .checkout-pvz .checkout-pvz__preview-body { display: flex; box-sizing: border-box; flex-direction: column; gap: 2px; } } .checkout button.checkout__option { border: none; cursor: pointer; text-align: left; background-color: transparent; } .checkout .checkout__option-icon { display: block; width: 36px; height: 36px; box-sizing: border-box; flex-grow: 0; flex-shrink: 0; flex-basis: auto; background-color: #A1A1A1; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } .checkout .checkout__option--selected .checkout__option-icon { background-color: #262626; } .checkout .checkout__field-error { font-family: 'Tilda Sans'; font-size: 12px; font-weight: 400; line-height: 15.84px; display: block; margin-top: 8px; color: #DC1F13; } .checkout .checkout__sum-label { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; line-height: 26.4px; color: #262626; } .checkout .checkout__sum-value { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; line-height: 26.4px; color: #1F1F1F; } .checkout .checkout__sum-row--emphasis .checkout__sum-label { color: #1F1F1F; } .checkout .checkout__sum-row--total .checkout__sum-label { font-family: 'Tilda Sans'; font-size: 24px; font-weight: 500; line-height: 31.68px; } .checkout .checkout__sum-row--total .checkout__sum-value { font-family: 'Tilda Sans'; font-size: 24px; font-weight: 500; line-height: 31.68px; } .checkout .checkout__free-delivery { display: flex; flex-direction: column; gap: 8px; } .checkout .checkout__free-delivery-track { width: 100%; height: 4px; background-color: #E8E8E8; } .checkout .checkout__free-delivery-fill { height: 100%; background-color: #1F1F1F; } .checkout .checkout__free-delivery-label { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; line-height: 26.4px; margin: 0; color: #262626; } .checkout .checkout__errors { display: flex; flex-direction: column; gap: 8px; } .checkout .checkout__errors-item { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; margin: 0; color: #DC1F13; } .checkout .checkout__submit { display: flex; width: 100%; height: 50px; padding: 0; box-sizing: border-box; border: none; cursor: pointer; justify-content: center; align-items: center; gap: 8px; color: #FFFFFF; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; line-height: 18.48px; background-color: #1F1F1F; } .checkout .checkout__submit--busy { opacity: 0.6; cursor: not-allowed; } .checkout .checkout__submit--disabled { opacity: 0.6; cursor: not-allowed; } .checkout .checkout__submit-label { text-transform: uppercase; } .checkout .checkout__disclaimer { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; line-height: 26.4px; margin: 0; color: #1F1F1F; } .checkout .checkout__disclaimer-link { color: #1F1F1F; text-decoration: underline; } .checkout .checkout__promo { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; } .checkout .checkout__promo-box { display: flex; width: 100%; height: 50px; box-sizing: border-box; border: solid #262626 1px; justify-content: space-between; align-items: center; background-color: #FFFFFF; } .checkout .checkout__promo-box--error { border: solid #DC1F13 1px; } .checkout .checkout__promo-input { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; height: 100%; min-width: 0; padding-left: 16px; padding-right: 16px; box-sizing: border-box; border: none; outline-style: none; flex-grow: 1; flex-shrink: 1; flex-basis: 0; color: #262626; text-overflow: ellipsis; background-color: transparent; } .checkout .checkout__promo-input::placeholder { opacity: 1.0; color: #A1A1A1; } .checkout .checkout__promo-apply { display: flex; width: 127px; height: 100%; padding: 0; box-sizing: border-box; border: none; cursor: pointer; justify-content: center; align-items: center; gap: 8px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; color: #FFFFFF; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; line-height: 18.48px; background-color: #262626; } .checkout .checkout__promo-apply-label { text-transform: uppercase; } .checkout .checkout__promo-apply[disabled] { cursor: not-allowed; } .checkout .checkout__promo-error { font-family: 'Tilda Sans'; font-size: 12px; font-weight: 400; line-height: 15.84px; margin: 0; color: #DC1F13; } .checkout .checkout__bonus { display: flex; width: 100%; padding: 42px 24px; box-sizing: border-box; flex-direction: column; background-color: #F2F2F2; } .checkout .checkout__bonus-title { margin: 0; color: #262626; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 500; line-height: 31.68px; } .checkout .checkout__bonus-row { display: flex; justify-content: space-between; align-items: center; gap: 16px; } .checkout .checkout__bonus-label { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; line-height: 26.4px; color: #262626; } .checkout .checkout__bonus-value { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 500; line-height: 26.4px; color: #262626; } .checkout .checkout__bonus-action { display: flex; width: 100%; height: 50px; padding: 0; box-sizing: border-box; border: solid #262626 1px; cursor: pointer; justify-content: center; align-items: center; color: #262626; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; line-height: 18.48px; background-color: #FFFFFF; } .checkout .checkout__bonus--empty .checkout__bonus-action { border: solid #A1A1A1 1px; cursor: not-allowed; color: #A1A1A1; } .checkout .checkout__bonus-error { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; margin: 0; color: #DC1F13; } .checkout .checkout__bonus-slider { width: 100%; height: 24px; padding: 0; margin: 0; border: none; cursor: pointer; background-color: transparent; -webkit-appearance: none; appearance: none; background-repeat: no-repeat; background-size: 100% 2.0px; background-position: center; } .checkout .checkout__bonus-slider::-webkit-slider-runnable-track { height: 2px; background-color: transparent; -webkit-appearance: none; } .checkout .checkout__bonus-slider::-moz-range-track { height: 2px; background-color: transparent; } .checkout .checkout__bonus-slider::-webkit-slider-thumb { width: 24px; height: 24px; margin-top: -11px; border: none; border-radius: 50%; background-color: #262626; -webkit-appearance: none; } .checkout .checkout__bonus-slider::-moz-range-thumb { width: 24px; height: 24px; border: none; border-radius: 50%; background-color: #262626; } .checkout .checkout__option:focus-visible { outline-color: #262626; outline-style: solid; outline-width: 2px; outline-offset: 2px; } .checkout .checkout__option-head:focus-visible { outline-color: #262626; outline-style: solid; outline-width: 2px; outline-offset: 2px; } .checkout { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; background-color: #FFFFFF; } .checkout .checkout__spacer { flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .checkout .checkout__bar { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; align-items: center; background-color: #FFFFFF; } .checkout .checkout__bar--crumbs { height: 36px; padding: 6px 64px; } .checkout .checkout__bar--title { height: 64px; padding: 16px 64px; } .checkout .checkout__crumbs-head { display: flex; width: 100%; flex-direction: column; } .checkout .checkout__title-back { display: none; } .checkout .checkout__crumbs { display: flex; min-width: 0; overflow: hidden; align-items: center; gap: 32px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .checkout .checkout__back { display: flex; align-items: center; gap: 8px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .checkout .checkout__back-link { display: flex; align-items: center; gap: 4px; text-decoration: none; } .checkout .checkout__back-icon { display: block; width: 24px; height: 24px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .checkout .checkout__back-divider { display: block; width: 1px; height: 22.5px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; background-color: #E8E8E8; } .checkout .checkout__crumb { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; line-height: 21.12px; color: #262626; text-decoration: none; white-space: nowrap; } .checkout .checkout__crumb--current { font-weight: 800; } .checkout .checkout__title { margin: 0; color: #262626; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 800; text-transform: uppercase; line-height: 31.68px; } .checkout .checkout__noscript { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; display: flex; padding: 24px 64px; box-sizing: border-box; flex-direction: column; align-items: start; gap: 8px; color: #A1A1A1; background-color: #F9F9F9; } .checkout .checkout__main { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; align-items: start; gap: 64px; } .checkout .checkout__form { display: flex; min-width: 0; max-width: 1085px; flex-direction: column; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .checkout .checkout__summary--recalculating .checkout__sum-value { color: #A1A1A1; } .checkout .checkout__summary { display: flex; position: sticky; top: 24px; width: 637px; padding: 24px; box-sizing: border-box; flex-direction: column; flex-grow: 0; flex-shrink: 0; flex-basis: auto; align-self: start; background-color: #F9F9F9; } .checkout .checkout__options { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; gap: 16px; } .checkout .checkout__option-head { display: flex; width: 100%; padding: 0; margin: 0; box-sizing: border-box; border: none; flex-direction: column; gap: 14px; text-align: left; background-color: transparent; } .checkout .checkout__option-titlerow { display: flex; width: 100%; box-sizing: border-box; justify-content: space-between; align-items: center; gap: 16px; } .checkout .checkout__sum-row { display: flex; justify-content: space-between; align-items: center; gap: 16px; } .checkout .checkout__divider { width: 100%; height: 1px; background-color: #E8E8E8; } @media screen and (max-width: 800px) { .checkout .checkout__bar { padding-left: 16px; padding-right: 16px; } .checkout .checkout__crumbs-head { display: none; } .checkout .checkout__bar--title { position: relative; height: 54px; padding-left: 16px; padding-right: 16px; justify-content: center; } .checkout .checkout__title-back { display: flex; position: absolute; left: 16px; align-items: center; } .checkout .checkout__title { font-size: 16px; line-height: 21.12px; } .checkout .checkout__noscript { padding: 24px 16px; } .checkout .checkout__state { padding: 48px 16px; } .checkout .checkout__section-title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; text-transform: uppercase; } .checkout .checkout__main { padding-left: 16px; padding-right: 16px; flex-direction: column; gap: 24px; } .checkout .checkout__form { width: 100%; } .checkout .checkout__summary { position: static; width: 100%; padding: 0; background-color: transparent; } .checkout .checkout__sum-label { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; } .checkout .checkout__sum-value { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; } .checkout .checkout__sum-row--total .checkout__sum-label { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; } .checkout .checkout__sum-row--total .checkout__sum-value { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; } .checkout .checkout__free-delivery-label { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; } .checkout .checkout__disclaimer { font-family: 'Tilda Sans'; font-size: 11px; font-weight: 500; line-height: 14.52px; } .checkout .checkout__city-head { margin-bottom: 24px; } .checkout .checkout__city-divider { display: none; } .checkout .checkout__city-button { display: flex; } .checkout .checkout__city-name { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; text-decoration: underline; } .checkout .checkout__field-row { flex-direction: column; gap: 16px; } .checkout .checkout__recipient-col { gap: 16px; } .checkout .checkout__option-fields .checkout__field-row { flex-direction: row; gap: 8px; } .checkout .checkout__submit { position: sticky; bottom: env(safe-area-inset-bottom, 0px); z-index: 200; } } .content .tv-skeleton { border-radius: 4px; background: linear-gradient(90deg, #E8E8E8 40%, #F7F7F7 50%, #E8E8E8 60%); background-size: 200% 100%; animation: tv-shimmer 4s linear infinite; } .content { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; background-color: #FFFFFF; } .content .content__spacer { flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .content .content__bar { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; align-items: center; background-color: #FFFFFF; } .content .content__bar--crumbs { height: 36px; padding: 6px 64px; } .content .content__bar--title { height: 64px; padding: 16px 64px; } .content .content__crumbs { display: flex; min-width: 0; overflow: hidden; align-items: center; gap: 32px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .content .content__crumb { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; color: #262626; text-decoration: none; white-space: nowrap; } .content .content__crumb--current { font-weight: 800; } .content .content__title { margin: 0; color: #1F1F1F; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 800; line-height: 31.68px; } .content .content__section { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; flex-direction: column; } .content .content__article { display: flex; width: 100%; max-width: 800px; box-sizing: border-box; flex-direction: column; gap: 32px; } .content .content__lead { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; margin: 0; color: #A1A1A1; } .content .content__block { display: flex; flex-direction: column; gap: 16px; } .content .content__block-title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin: 0; color: #262626; } .content .content__text { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; margin: 0; color: #262626; } .content .content__list { display: flex; padding-left: 24px; margin: 0; flex-direction: column; gap: 8px; } .content .content__item { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; color: #262626; } .content .content__meta { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; margin: 0; color: #A1A1A1; } .content .content__error-title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin: 0; color: #262626; } @media screen and (max-width: 800px) { .content .content__bar { padding-left: 16px; padding-right: 16px; } .content .content__bar--crumbs { padding: 6px 16px; } .content .content__bar--title { padding: 16px 16px; } .content .content__crumbs { overflow-x: auto; } .content .content__section { padding-left: 16px; padding-right: 16px; } .content .content__article { max-width: 100%; } } .content-page { display: flex; width: 100%; min-height: 100vh; box-sizing: border-box; flex-direction: column; background-color: #FFFFFF; } .content-page .content-page__article { display: flex; width: 100%; max-width: 948px; padding: 64px 64px; margin-left: auto; margin-right: auto; box-sizing: border-box; flex-direction: column; gap: 32px; flex-grow: 1; flex-shrink: 0; flex-basis: auto; } .content-page .content-page__intro { display: flex; flex-direction: column; gap: 16px; } .content-page .content-page__title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin: 0; color: #262626; } .content-page .content-page__meta { font-family: 'Tilda Sans'; font-size: 12px; font-weight: 400; line-height: 15.84px; color: #A1A1A1; } .content-page .content-page__lead { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; margin: 0; color: #262626; } .content-page .content-page__section { display: flex; flex-direction: column; gap: 16px; } .content-page .content-page__heading { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; margin: 0; color: #262626; } .content-page .content-page__text { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; margin: 0; color: #262626; } .content-page .content-page__list { display: flex; padding-left: 24px; margin: 0; flex-direction: column; gap: 8px; list-style-type: disc; } .content-page .content-page__item { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; color: #262626; } @media screen and (max-width: 800px) { .content-page .content-page__article { max-width: 100%; padding: 32px 16px; } } .content-page { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; font-family: 'Tilda Sans', sans-serif; background-color: #FFFFFF; } .content-page .content-page__main { display: flex; width: 100%; padding: 48px 64px; box-sizing: border-box; justify-content: center; } .content-page .content-page__inner { display: flex; width: 100%; max-width: 720px; box-sizing: border-box; flex-direction: column; gap: 24px; } .content-page .content-page__title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin: 0; color: #262626; } .content-page .content-page__lead { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; margin: 0; color: #A1A1A1; } .content-page .content-page__section { display: flex; flex-direction: column; gap: 8px; } .content-page .content-page__section-title { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; margin: 0; color: #262626; } .content-page .content-page__text { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; margin: 0; color: #262626; } .content-page .content-page__list { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; display: flex; padding-left: 24px; margin: 0; flex-direction: column; gap: 8px; list-style-type: disc; color: #262626; } .content-page .content-page__list--ordered { list-style-type: decimal; } .content-page .content-page__item { padding-left: 8px; } .content-page.content-page--embedded .content-page__main { padding: 0; justify-content: start; } @media screen and (max-width: 800px) { .content-page .content-page__main { padding: 32px 16px; } .content-page .content-page__inner { max-width: 100%; } } .cc .tv-skeleton { border-radius: 4px; background: linear-gradient(90deg, #E8E8E8 40%, #F7F7F7 50%, #E8E8E8 60%); background-size: 200% 100%; animation: tv-shimmer 4s linear infinite; } .cc { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; color: #262626; font-family: 'Tilda Sans', sans-serif; background-color: #FFFFFF; } .cc .cc__main { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; align-items: center; } .cc .cc__content { display: flex; width: 100%; max-width: 1120px; padding: 32px 64px; box-sizing: border-box; flex-direction: column; gap: 48px; } .cc .cc__crumbs { display: flex; align-items: center; gap: 8px; } .cc .cc__crumb { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; line-height: 21.12px; color: #262626; text-decoration: none; } .cc .cc__crumb--current { color: #A1A1A1; font-weight: 700; } .cc .cc__crumb-sep { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; line-height: 21.12px; color: #A1A1A1; } .cc .cc__hero { display: flex; flex-direction: column; gap: 16px; } .cc .cc__title { margin: 0; color: #262626; font-family: 'Tilda Sans'; font-size: 32px; font-weight: 700; text-transform: uppercase; line-height: 42.24px; } .cc .cc__lead { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; max-width: 720px; margin: 0; color: #A1A1A1; } .cc .cc__cta { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; display: inline-flex; padding: 16px 32px; border-radius: 8px; justify-content: center; align-items: center; align-self: start; color: #FFFFFF; text-decoration: none; background-color: #262626; } @media all and (hover: hover) { .cc .cc__cta:hover { background-color: #DC1F13; } } .cc .cc__section { display: flex; flex-direction: column; gap: 24px; } .cc .cc__section-title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin: 0; color: #262626; } .cc .cc__steps { display: flex; padding: 0; margin: 0; flex-direction: column; gap: 24px; list-style-type: none; } .cc .cc__step { display: flex; align-items: start; gap: 16px; } .cc .cc__step-num { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; display: flex; width: 40px; height: 40px; border-radius: 40px; justify-content: center; align-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: auto; color: #FFFFFF; background-color: #262626; } .cc .cc__step-body { display: flex; flex-direction: column; gap: 8px; } .cc .cc__step-title { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; color: #262626; } .cc .cc__step-text { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; margin: 0; color: #A1A1A1; } .cc .cc__benefits { display: flex; padding: 0; margin: 0; flex-wrap: wrap; gap: 16px; list-style-type: none; } .cc .cc__benefit { display: flex; padding: 24px; box-sizing: border-box; border-radius: 16px; flex-direction: column; gap: 8px; flex-grow: 1; flex-shrink: 1; flex-basis: 260px; background-color: #F9F9F9; } .cc .cc__benefit-title { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; color: #262626; } .cc .cc__benefit-text { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; margin: 0; color: #A1A1A1; } .cc .cc__terms { display: flex; padding-left: 24px; margin: 0; flex-direction: column; gap: 8px; } .cc .cc__term { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; color: #262626; } .cc .cc__terms-note { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; margin: 0; color: #A1A1A1; } .cc .cc__inline-link { color: #262626; text-decoration: underline; } .cc .cc__faq { display: flex; flex-direction: column; } .cc .cc__faq-item { display: flex; padding-top: 16px; padding-bottom: 16px; border-bottom-style: solid; border-bottom-color: #E8E8E8; border-bottom-width: 1px; flex-direction: column; gap: 8px; } .cc .cc__faq-q { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; color: #262626; } .cc .cc__faq-a { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; margin: 0; color: #A1A1A1; } .cc .cc__error-title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin: 0; color: #262626; } @media screen and (max-width: 800px) { .cc .cc__content { padding: 24px 16px; gap: 32px; } .cc .cc__benefit { flex-grow: 1; flex-shrink: 1; flex-basis: 100%; } } .debug { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; font-family: 'Tilda Sans', sans-serif; background-color: #FFFFFF; } .debug .debug__stage { display: flex; width: 100%; padding: 48px 64px; box-sizing: border-box; justify-content: center; } .debug .debug__col { display: flex; width: 100%; max-width: 708px; box-sizing: border-box; flex-direction: column; gap: 16px; } .debug .debug__title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin: 0; color: #262626; } .debug .debug__section { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; margin-top: 16px; color: #262626; } .debug .debug__form { display: flex; flex-direction: column; gap: 8px; } .debug .debug__option { display: flex; padding-top: 8px; padding-bottom: 8px; cursor: pointer; align-items: center; gap: 8px; } .debug .debug__option-label { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; color: #262626; overflow-wrap: anywhere; } .debug .debug__option-tag { font-family: 'Tilda Sans'; font-size: 12px; font-weight: 400; line-height: 15.84px; color: #A1A1A1; } .debug .debug__custom { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; min-width: 0; padding: 8px; box-sizing: border-box; border: solid #E8E8E8 1px; flex: auto; color: #262626; } .debug .debug__warning { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; padding: 16px; margin: 0; color: #DC1F13; background-color: #F9F9F9; } .debug .debug__save { display: flex; height: 50px; margin-top: 8px; border: none; cursor: pointer; justify-content: center; align-items: center; color: #FFFFFF; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; text-transform: uppercase; line-height: 18.48px; background-color: #262626; } .debug .debug__hint { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; margin: 0; color: #A1A1A1; } .debug .debug__facts { display: grid; margin: 0; grid-template-columns: auto 1.0fr; gap: 8px 16px; } .debug .debug__fact-name { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #A1A1A1; } .debug .debug__fact-value { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; margin: 0; color: #262626; overflow-wrap: anywhere; } @media screen and (max-width: 800px) { .debug .debug__stage { padding: 32px 16px; } .debug .debug__option { flex-wrap: wrap; } .debug .debug__facts { grid-template-columns: 1.0fr; gap: 2px 0; } .debug .debug__fact-name { margin-top: 8px; } } .document .tv-skeleton { border-radius: 4px; background: linear-gradient(90deg, #E8E8E8 40%, #F7F7F7 50%, #E8E8E8 60%); background-size: 200% 100%; animation: tv-shimmer 4s linear infinite; } .document { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; background-color: #FFFFFF; } .document .document__spacer { flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .document .document__bar { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; align-items: center; background-color: #FFFFFF; } .document .document__bar--crumbs { height: 36px; padding: 6px 64px; } .document .document__bar--title { height: 64px; padding: 16px 64px; } .document .document__crumbs { display: flex; min-width: 0; overflow: hidden; align-items: center; gap: 32px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .document .document__crumb { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; color: #262626; text-decoration: none; white-space: nowrap; } .document .document__crumb--current { overflow: hidden; font-weight: 800; text-overflow: ellipsis; } .document .document__title { margin: 0; color: #262626; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 800; line-height: 31.68px; } .document .document__section { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; flex-direction: column; } .document .document__article { width: 100%; max-width: 800px; box-sizing: border-box; } .document .document__body { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; color: #262626; } .document .document__body p { margin-top: 0; margin-bottom: 16px; } .document .document__body h1 { margin-top: 32px; margin-bottom: 16px; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 800; line-height: 31.68px; } .document .document__body h2 { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin-top: 32px; margin-bottom: 16px; } .document .document__body h3 { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; margin-top: 24px; margin-bottom: 16px; } .document .document__body h4 { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; margin-top: 24px; margin-bottom: 8px; } .document .document__body h5 { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; line-height: 21.12px; margin-top: 24px; margin-bottom: 8px; } .document .document__body h6 { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; line-height: 21.12px; margin-top: 24px; margin-bottom: 8px; } .document .document__body a { color: #262626; text-decoration: underline; } .document .document__body ul { padding-left: 24px; margin-top: 0; margin-bottom: 16px; } .document .document__body ol { padding-left: 24px; margin-top: 0; margin-bottom: 16px; } .document .document__body li { margin-bottom: 8px; } .document .document__body dt { font-weight: 700; } .document .document__body dd { margin-left: 24px; margin-bottom: 8px; } .document .document__body blockquote { padding-left: 16px; margin-top: 0; margin-bottom: 16px; border-left-style: solid; border-left-color: #E8E8E8; border-left-width: 2px; color: #A1A1A1; } .document .document__body code { font-family: monospace; font-size: 14px; } .document .document__body pre { padding: 16px; margin-top: 0; margin-bottom: 16px; overflow-x: auto; background-color: #F9F9F9; } .document .document__body img { height: auto; max-width: 100%; } .document .document__body figure { margin-top: 0; margin-bottom: 16px; } .document .document__body figcaption { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; margin-top: 8px; color: #A1A1A1; } .document .document__body hr { height: 1px; margin-top: 24px; margin-bottom: 24px; border: none; background-color: #E8E8E8; } .document .document__body table { display: block; margin-top: 0; margin-bottom: 16px; overflow-x: auto; border-collapse: collapse; } .document .document__body th { padding: 8px 16px; border-bottom-style: solid; border-bottom-color: #E8E8E8; border-bottom-width: 1px; text-align: left; font-weight: 700; } .document .document__body td { padding: 8px 16px; border-bottom-style: solid; border-bottom-color: #E8E8E8; border-bottom-width: 1px; text-align: left; } .document .document__body caption { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; padding-bottom: 8px; color: #A1A1A1; text-align: left; } .document .document__body summary { font-weight: 700; cursor: pointer; } .document .document__body details { margin-bottom: 16px; } .document.document--embedded .document__bar { padding: 16px 0; } .document.document--embedded .document__section { padding: 0; } .document .document__empty { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; align-items: center; gap: 24px; text-align: center; } .document .document__empty-code { color: #A1A1A1; font-family: 'Tilda Sans'; font-size: 96px; font-weight: 700; line-height: 104px; } .document .document__empty-title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin: 0; color: #262626; } .document .document__empty-hint { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; margin: 0; color: #A1A1A1; } .document .document__empty-cta { display: flex; width: 100%; height: 50px; max-width: 492px; box-sizing: border-box; justify-content: center; align-items: center; color: #FFFFFF; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; text-decoration: none; text-transform: uppercase; line-height: 18.48px; background-color: #262626; } @media screen and (max-width: 800px) { .document .document__bar { padding-left: 16px; padding-right: 16px; } .document .document__bar--crumbs { padding: 6px 16px; } .document .document__bar--title { padding: 16px 16px; } .document .document__crumbs { overflow-x: auto; } .document .document__section { padding-left: 16px; padding-right: 16px; } .document .document__article { max-width: 100%; } .document .document__empty-code { font-size: 64px; } } .favorites .tv-skeleton { border-radius: 4px; background: linear-gradient(90deg, #E8E8E8 40%, #F7F7F7 50%, #E8E8E8 60%); background-size: 200% 100%; animation: tv-shimmer 4s linear infinite; } .favorites { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; background-color: #FFFFFF; } .favorites .favorites__spacer { flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .favorites .favorites__bar { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; align-items: center; background-color: #FFFFFF; } .favorites .favorites__bar--crumbs { height: 33px; padding: 6px 64px; } .favorites .favorites__crumbs { display: flex; min-width: 0; overflow: hidden; align-items: center; gap: 32px; } .favorites .favorites__crumb { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; color: #262626; text-decoration: none; white-space: nowrap; } .favorites .favorites__crumb--current { font-weight: 800; } .favorites .favorites__bar--title { padding-left: 64px; padding-right: 64px; } .favorites .favorites__page-title { margin: 0; color: #262626; font-family: 'Tilda Sans'; font-size: 30px; font-weight: 800; text-transform: uppercase; line-height: 39.6px; } .favorites .favorites__section-title { margin: 0; color: #262626; font-family: 'Tilda Sans'; font-size: 30px; font-weight: 800; text-transform: uppercase; line-height: 39.6px; } .favorites .favorites__grid { display: grid; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; gap: 16px; grid-template-columns: repeat(4, 1fr); } .favorites .favorites__grid-link { display: block; min-width: 0; text-decoration: none; } .favorites .favorites__recs { display: grid; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; gap: 16px; grid-template-columns: repeat(4, 1fr); } .favorites .favorites__rec { display: block; min-width: 0; text-decoration: none; } .favorites .favorites__empty { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; flex-direction: column; align-items: center; gap: 24px; text-align: center; } .favorites .favorites__empty-group { display: flex; flex-direction: column; align-items: center; gap: 64px; } .favorites .favorites__empty-illustration { display: block; width: 132px; height: 132px; } .favorites .favorites__empty-text { display: flex; flex-direction: column; align-items: center; gap: 24px; } .favorites .favorites__empty-title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 500; line-height: 26.4px; margin: 0; color: #262626; text-align: center; } .favorites .favorites__empty-subtitle { font-family: 'Tilda Sans'; font-size: 18px; font-weight: 400; line-height: 23.76px; margin: 0; color: #262626; text-align: center; } .favorites .favorites__return { display: inline-flex; width: 638px; height: 50px; max-width: 100%; box-sizing: border-box; cursor: pointer; justify-content: center; align-items: center; text-decoration: none; background-color: #262626; } .favorites .favorites__return-label { color: #FFFFFF; text-align: center; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; text-transform: uppercase; line-height: 18.48px; } .favorites .favorites__state-wrap { width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; } .favorites .favorites__state .tv-state__title { font-weight: 500; } .favorites .favorites__state .tv-state__text { font-family: 'Tilda Sans'; font-size: 18px; font-weight: 400; line-height: 23.76px; color: #262626; } .favorites .favorites__state .tv-state__action { display: inline-flex; width: 638px; height: 50px; max-width: 100%; box-sizing: border-box; cursor: pointer; justify-content: center; align-items: center; color: #FFFFFF; text-align: center; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; text-decoration: none; text-transform: uppercase; line-height: 18.48px; background-color: #262626; } @media screen and (max-width: 800px) { .favorites .favorites__bar { padding-left: 16px; padding-right: 16px; } .favorites .favorites__bar--crumbs { padding: 6px 16px; } .favorites .favorites__bar--title { padding-left: 16px; padding-right: 16px; } .favorites .favorites__crumbs { overflow-x: auto; } .favorites .favorites__grid { padding-left: 16px; padding-right: 16px; grid-template-columns: repeat(2, 1fr); } .favorites .favorites__recs { padding-left: 16px; padding-right: 16px; gap: 24px 4px; grid-template-columns: repeat(2, 1fr); } .favorites .favorites__empty { padding-left: 16px; padding-right: 16px; } .favorites .favorites__state-wrap { padding-left: 16px; padding-right: 16px; } } .look .tv-skeleton { border-radius: 4px; background: linear-gradient(90deg, #E8E8E8 40%, #F7F7F7 50%, #E8E8E8 60%); background-size: 200% 100%; animation: tv-shimmer 4s linear infinite; } .look { display: flex; width: 100%; padding: 32px 64px 64px 64px; box-sizing: border-box; flex-direction: column; gap: 48px; font-family: 'Tilda Sans', sans-serif; background-color: #FFFFFF; } .look .look__crumbs { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; display: flex; gap: 8px; color: #A1A1A1; } .look .look__crumbs a { color: #A1A1A1; text-decoration: none; } .look .look__crumbs b { color: #262626; font-weight: 400; } .look .look__head { display: flex; flex-direction: column; gap: 16px; } .look .look__title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin: 0; color: #262626; text-transform: uppercase; } .look .look__row { display: block; width: 100%; } .look .look__row .tv-product-row__featured:only-child { max-width: 100%; } .look .look__photo { display: block; width: 100%; height: 100%; margin: 0; background-color: #F2F2F2; object-fit: cover; } .look .look__caption { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; margin: 0; color: #262626; text-transform: uppercase; } .look .look__extra { margin-top: 16px; } .look .look__photos { display: grid; gap: 16px; grid-template-columns: repeat(3, 1fr); } .look .look__photos-cell { aspect-ratio: 587 / 639; min-width: 0; } .look .look__recommend { display: flex; flex-direction: column; gap: 24px; } .look .look__recommend-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 64.0px 16.0px; } .look .look__recommend-title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin: 0; color: #262626; text-transform: uppercase; } .look .look__empty { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; align-items: center; gap: 24px; text-align: center; } .look .look__empty-code { color: #A1A1A1; font-family: 'Tilda Sans'; font-size: 96px; font-weight: 700; line-height: 104px; } .look .look__empty-title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin: 0; color: #262626; } .look .look__empty-hint { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; margin: 0; color: #A1A1A1; } .look .look__empty-cta { display: flex; width: 100%; height: 50px; max-width: 492px; box-sizing: border-box; justify-content: center; align-items: center; color: #FFFFFF; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; text-decoration: none; text-transform: uppercase; line-height: 18.48px; background-color: #262626; } @media screen and (max-width: 800px) { .look { padding-top: 16px; padding-left: 0; padding-right: 0; gap: 24px; } .look .look__crumbs { display: none; } .look .look__head { padding-left: 16px; padding-right: 16px; } .look .look__photo { aspect-ratio: 186 / 274; } .look .look__photos { gap: 4px; grid-template-columns: repeat(2, 1fr); } .look .look__photos-cell { aspect-ratio: 186 / 274; } .look .look__recommend-grid { overflow-x: auto; gap: 4px; grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: 162px; scroll-snap-type: x proximity; } .look .look__caption { padding-left: 16px; padding-right: 16px; } .look .look__recommend-title { padding-left: 16px; padding-right: 16px; } .look .look__empty-code { font-size: 64px; } } .looks .tv-skeleton { border-radius: 4px; background: linear-gradient(90deg, #E8E8E8 40%, #F7F7F7 50%, #E8E8E8 60%); background-size: 200% 100%; animation: tv-shimmer 4s linear infinite; } .looks { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; font-family: 'Tilda Sans', sans-serif; background-color: #FFFFFF; } .looks .looks__main { display: flex; width: 100%; padding: 48px 64px; box-sizing: border-box; flex-direction: column; gap: 32px; } .looks .looks__title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin: 0; color: #262626; text-transform: uppercase; } .looks .looks__lead { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; max-width: 720px; margin: 0; color: #A1A1A1; } .looks .looks__grid { gap: 24px; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); } .looks .looks__cell { display: flex; flex-direction: column; gap: 8px; } .looks .looks__grid .looks__card { width: 100%; } .looks .looks__stage { display: flex; width: 100%; padding: 64px 64px; box-sizing: border-box; justify-content: center; } .looks .looks__empty { display: flex; width: 100%; max-width: 708px; box-sizing: border-box; flex-direction: column; align-items: center; gap: 24px; text-align: center; } .looks .looks__empty-title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin: 0; color: #262626; } .looks .looks__empty-hint { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; margin: 0; color: #A1A1A1; } .looks .looks__empty-code { color: #A1A1A1; font-family: 'Tilda Sans'; font-size: 96px; font-weight: 700; line-height: 104px; } .looks .looks__empty-cta { display: flex; width: 100%; height: 50px; max-width: 492px; box-sizing: border-box; justify-content: center; align-items: center; color: #FFFFFF; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; text-decoration: none; text-transform: uppercase; line-height: 18.48px; background-color: #262626; } @media screen and (max-width: 800px) { .looks .looks__main { padding: 32px 16px; gap: 24px; } .looks .looks__lead { max-width: 100%; } .looks .looks__stage { padding: 32px 16px; } .looks .looks__empty { max-width: 100%; } .looks .looks__empty-code { font-size: 64px; } } .loyalty { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; color: #262626; font-family: 'Tilda Sans', sans-serif; background-color: #FFFFFF; } .loyalty .loyalty__content { display: flex; width: 100%; max-width: 1228px; padding: 64px 64px; margin-left: auto; margin-right: auto; box-sizing: border-box; flex-direction: column; gap: 64px; } .loyalty .loyalty__hero { display: flex; flex-direction: column; gap: 24px; } .loyalty .loyalty__title { margin: 0; color: #262626; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 800; text-transform: uppercase; line-height: 31.68px; } .loyalty .loyalty__lead { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; max-width: 620px; margin: 0; color: #A1A1A1; } .loyalty .loyalty__accounts { display: flex; overflow: hidden; flex-direction: column; gap: 8px; } .loyalty .loyalty__account { display: flex; padding: 16px; box-sizing: border-box; flex-direction: column; gap: 8px; background-color: #F9F9F9; } .loyalty .loyalty__account-summary { display: flex; cursor: pointer; justify-content: space-between; align-items: center; gap: 16px; list-style-type: none; } .loyalty .loyalty__account-summary::-webkit-details-marker { display: none; } .loyalty .loyalty__account-summary--static { cursor: auto; } .loyalty .loyalty__account-heading { display: flex; flex-direction: column; gap: 8px; } .loyalty .loyalty__account-chevron { display: block; width: 24px; height: 24px; flex-shrink: 0; } .loyalty .loyalty__account-title { color: #121212; font-family: 'Tilda Sans'; font-size: 12px; font-weight: 700; text-transform: uppercase; line-height: 18px; } .loyalty .loyalty__account-total { color: #1F1F1F; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 700; line-height: 31.68px; } .loyalty .loyalty__account-row { display: flex; justify-content: space-between; align-items: start; gap: 16px; } .loyalty .loyalty__account-cell { display: flex; flex-direction: column; gap: 4px; } .loyalty .loyalty__account-cell--bare { align-self: end; } .loyalty .loyalty__account-label { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #A1A1A1; } .loyalty .loyalty__account-value { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 700; line-height: 18px; color: #121212; text-transform: uppercase; } .loyalty .loyalty__account-notice { display: flex; justify-content: end; align-items: center; gap: 4px; } .loyalty .loyalty__account-notice-icon { display: block; width: 18px; height: 18px; flex-shrink: 0; } .loyalty .loyalty__account-notice-text { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #eb1b23; } .loyalty.loyalty--block { background-color: transparent; } .loyalty.loyalty--showcase { padding: 64px 64px; gap: 24px; } .loyalty.loyalty--showcase .loyalty__showcase-title { margin: 0; color: #121212; font-family: 'Tilda Sans'; font-size: 34px; font-weight: 700; text-transform: uppercase; line-height: 44.88px; } .loyalty.loyalty--block .loyalty__accounts { width: 100%; margin-left: auto; margin-right: auto; flex-direction: row; align-items: stretch; gap: 16px; } .loyalty.loyalty--showcase .loyalty__account { border-radius: 0; } .loyalty.loyalty--block .loyalty__account { justify-content: space-between; flex: 1 1 0; } .loyalty.loyalty--block .loyalty__account-row .loyalty__account-cell:last-child:not(:only-child) { align-items: end; text-align: right; } .loyalty.loyalty__accounts-reserve { height: 334.88px; } .loyalty .loyalty__balance { display: flex; padding: 24px; box-sizing: border-box; border-radius: 16px; flex-direction: column; gap: 8px; color: #FFFFFF; background-color: #262626; } .loyalty .loyalty__balance-label { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #FFFFFF; } .loyalty .loyalty__balance-value { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; color: #FFFFFF; } .loyalty .loyalty__balance-expiry { font-family: 'Tilda Sans'; font-size: 12px; font-weight: 400; line-height: 15.84px; color: #FFFFFF; } .loyalty .loyalty__benefits { display: flex; flex-direction: row; gap: 16px; } .loyalty .loyalty__benefit { display: flex; padding: 24px; box-sizing: border-box; border-radius: 16px; flex-direction: column; gap: 8px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; background-color: #F9F9F9; } .loyalty .loyalty__benefit-value { font-family: 'Tilda Sans'; font-size: 32px; font-weight: 700; line-height: 42.24px; color: #262626; } .loyalty .loyalty__benefit-caption { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #A1A1A1; } .loyalty.profile-loyalty { display: flex; flex-direction: column; gap: 24px; } .loyalty.profile-loyalty .profile-loyalty__heading { display: flex; min-height: 60px; justify-content: space-between; align-items: center; gap: 16px; } .loyalty .profile-loyalty__title { margin: 0; color: #121212; font-family: 'Tilda Sans'; font-size: 34px; font-weight: 700; text-transform: uppercase; line-height: 44.88px; } .loyalty.profile-loyalty .profile-loyalty__more { display: flex; align-items: center; gap: 8px; color: #A1A1A1; font-family: 'Tilda Sans'; font-size: 18px; text-decoration: none; line-height: 23.76px; } .loyalty.profile-loyalty .profile-loyalty__more-icon { font-weight: 600; } .loyalty.profile-loyalty .profile-loyalty__more-text { font-weight: 500; text-decoration: underline; } .loyalty.profile-loyalty .profile-loyalty__more-strong { font-weight: 600; text-decoration: none; } .loyalty.profile-loyalty .loyalty--block { padding: 0; } .loyalty.profile-loyalty .loyalty--block .loyalty__accounts { max-width: 100%; margin: 0; } .loyalty .loyalty__accounts--wide { display: grid; border-radius: 0; overflow: visible; align-items: stretch; gap: 22px; grid-template-columns: repeat(2, minmax(0, 1fr)); } .loyalty .loyalty__account--wide { min-width: 0; min-height: 259px; padding: 43px 48px; border-radius: 0; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; flex-grow: 1; flex-shrink: 1; flex-basis: 0; gap: clamp(24.0px, 3vw, 64.0px); padding-left: clamp(24.0px, 3vw, 48.0px); padding-right: clamp(24.0px, 3vw, 48.0px); } .loyalty .loyalty__account--wide .loyalty__account-side { display: flex; min-width: 0; flex-direction: column; justify-content: center; gap: 16px; flex-grow: 0; flex-shrink: 1; flex-basis: 254px; } .loyalty .loyalty__account--wide .loyalty__account-heading { display: flex; flex-direction: column; gap: 16px; } .loyalty .loyalty__account--wide .loyalty__account-title { font-size: 24px; line-height: 21.5px; } .loyalty .loyalty__account--wide .loyalty__account-total { color: black; font-size: 36px; line-height: 47.52px; } .loyalty .loyalty__account--wide .loyalty__account-body { display: flex; min-width: 0; flex-direction: column; gap: 16px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .loyalty .loyalty__account--wide .loyalty__account-label { font-size: 18px; } .loyalty .loyalty__account--wide .loyalty__account-value { font-size: 18px; line-height: 21.5px; } .loyalty .loyalty__account--wide .loyalty__account-row .loyalty__account-cell { min-width: 0; flex-grow: 1; flex-shrink: 1; flex-basis: auto; } .loyalty .loyalty__account--wide .loyalty__account-row .loyalty__account-cell:last-child:not(:only-child) { flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .loyalty .loyalty__account--wide .loyalty__account-label { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .loyalty .loyalty__account--wide .loyalty__account-notice { white-space: nowrap; } .loyalty .loyalty__account--wide .loyalty__account-notice-text { font-size: 18px; } .loyalty .loyalty__account--wide .loyalty__account-notice-icon { width: 21.5px; height: 21.5px; } .loyalty .loyalty__account-toggle { display: none; } .loyalty .loyalty__account--wide .loyalty__account-summary { display: contents; cursor: auto; pointer-events: none; } .loyalty .loyalty__account--wide .loyalty__account-chevron { display: none; } .loyalty .loyalty__account-cell--notice { align-items: end; text-align: right; } .loyalty .loyalty__account-cell--notice .loyalty__account-notice { justify-content: end; } .loyalty .loyalty__account--wide .loyalty__account-row { align-items: start; gap: 16px; } .loyalty .loyalty__account--wide .loyalty__account-row .loyalty__account-cell:last-child:not(:only-child) { align-items: end; text-align: right; } .loyalty .loyalty__account--wide .loyalty__account-heading .loyalty__account-cell { align-items: start; text-align: left; } .loyalty.loyalty--block:not(.loyalty--showcase) .loyalty__account--wide { min-height: auto; flex-direction: column; justify-content: start; align-items: stretch; gap: 16px; } .loyalty.loyalty--block:not(.loyalty--showcase) .loyalty__account--wide .loyalty__account-side { gap: 8px; flex-grow: 0; flex-shrink: 1; flex-basis: auto; } .loyalty.loyalty--block:not(.loyalty--showcase) .loyalty__account--wide .loyalty__account-heading { gap: 8px; } .loyalty.loyalty--block:not(.loyalty--showcase) .loyalty__account--wide .loyalty__account-body { flex-grow: 0; flex-shrink: 1; flex-basis: auto; } .loyalty.loyalty--block:not(.loyalty--showcase) .loyalty__accounts--wide > .loyalty__account:only-child { grid-column: 1 / -1; } .loyalty .loyalty__history { display: flex; flex-direction: column; gap: 16px; } .loyalty .loyalty__history-title { margin: 0; color: #262626; font-family: 'Tilda Sans'; font-size: 18px; font-weight: 600; } .loyalty .loyalty__history-toggle { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0.0; pointer-events: none; } .loyalty .loyalty__history-filters { display: flex; flex-wrap: wrap; gap: 16px; } .loyalty .loyalty__history-chip { display: flex; height: 34px; padding-left: 14px; padding-right: 14px; box-sizing: border-box; border: solid #1F1F1F 1px; cursor: pointer; justify-content: center; align-items: center; color: #262626; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; background-color: #FFFFFF; user-select: none; -webkit-user-select: none; } .loyalty #loyalty-history-all:checked ~ .loyalty__history-filters .loyalty__history-chip--all { border: solid #262626 1px; color: #FFFFFF; background-color: #262626; } .loyalty #loyalty-history-inactive:checked ~ .loyalty__history-filters .loyalty__history-chip--inactive { border: solid #262626 1px; color: #FFFFFF; background-color: #262626; } .loyalty #loyalty-history-expired:checked ~ .loyalty__history-filters .loyalty__history-chip--expired { border: solid #262626 1px; color: #FFFFFF; background-color: #262626; } .loyalty #loyalty-history-all:focus-visible ~ .loyalty__history-filters .loyalty__history-chip--all { outline-color: #262626; outline-style: solid; outline-width: 2px; } .loyalty #loyalty-history-inactive:focus-visible ~ .loyalty__history-filters .loyalty__history-chip--inactive { outline-color: #262626; outline-style: solid; outline-width: 2px; } .loyalty #loyalty-history-expired:focus-visible ~ .loyalty__history-filters .loyalty__history-chip--expired { outline-color: #262626; outline-style: solid; outline-width: 2px; } .loyalty #loyalty-history-inactive:checked ~ .loyalty__history-rows .loyalty__history-row:not(.loyalty__history-row--inactive) { display: none; } .loyalty #loyalty-history-expired:checked ~ .loyalty__history-rows .loyalty__history-row:not(.loyalty__history-row--expired) { display: none; } .loyalty .loyalty__history-rows { display: flex; flex-direction: column; } .loyalty .loyalty__history-row { display: grid; padding-top: 12px; padding-bottom: 12px; border-bottom-style: solid; border-bottom-color: #F9F9F9; border-bottom-width: 1px; align-items: center; gap: 16px; grid-template-columns: 94.0px 94.0px minmax(0, 1fr) auto auto; } .loyalty .loyalty__history-meta { display: contents; } .loyalty .loyalty__history-account { color: #A1A1A1; font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; } .loyalty .loyalty__history-date { color: #A1A1A1; font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; white-space: nowrap; } .loyalty .loyalty__history-op { display: flex; min-width: 0; align-items: center; gap: 4px; } .loyalty .loyalty__history-mark { display: block; width: 20px; height: 20px; flex-grow: 0; flex-shrink: 0; color: #A1A1A1; } .loyalty .loyalty__history-op-text { overflow: hidden; color: #281B14; font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; } .loyalty .loyalty__history-note { color: #A1A1A1; text-align: right; font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; white-space: nowrap; } .loyalty .loyalty__history-value { color: #262626; text-align: right; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 500; white-space: nowrap; } .loyalty .loyalty__history-value--active { color: #12973C; } .loyalty .loyalty__history-value--spent { color: #eb1b23; } .loyalty .loyalty__history-value--pending { color: #A1A1A1; } .loyalty .loyalty__history-empty { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; display: none; margin: 0; color: #A1A1A1; } .loyalty #loyalty-history-all:checked ~ .loyalty__history-empty--all { display: block; } .loyalty #loyalty-history-inactive:checked ~ .loyalty__history-empty--inactive { display: block; } .loyalty #loyalty-history-expired:checked ~ .loyalty__history-empty--expired { display: block; } .loyalty .loyalty__history-more { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 500; line-height: 18.48px; display: flex; height: 44px; padding-left: 24px; padding-right: 24px; box-sizing: border-box; border: solid #1F1F1F 1px; cursor: pointer; justify-content: center; align-items: center; align-self: start; color: #262626; background-color: #FFFFFF; } .loyalty .loyalty__section { display: flex; flex-direction: column; gap: 24px; } .loyalty .loyalty__section-title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin: 0; color: #262626; } .loyalty .loyalty__steps { display: flex; padding: 0; margin: 0; flex-direction: row; gap: 24px; list-style-type: none; } .loyalty .loyalty__step { display: flex; flex-direction: column; gap: 16px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .loyalty .loyalty__step-num { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; display: flex; width: 48px; height: 48px; box-sizing: border-box; border-radius: 48px; justify-content: center; align-items: center; flex-grow: 0; flex-shrink: 0; color: #FFFFFF; background-color: #262626; } .loyalty .loyalty__step-body { display: flex; flex-direction: column; gap: 8px; } .loyalty .loyalty__step-title { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; color: #262626; } .loyalty .loyalty__step-text { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; margin: 0; color: #A1A1A1; } .loyalty .loyalty__rules { display: flex; flex-direction: row; gap: 16px; } .loyalty .loyalty__rule { display: flex; padding: 32px; box-sizing: border-box; border-radius: 16px; flex-direction: column; gap: 16px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; background-color: #F9F9F9; } .loyalty .loyalty__rule-title { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; color: #262626; } .loyalty .loyalty__rule-list { display: flex; padding-left: 16px; margin: 0; flex-direction: column; gap: 8px; } .loyalty .loyalty__rule-item { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #262626; } .loyalty .loyalty__faq { display: flex; flex-direction: column; } .loyalty .loyalty__faq-item { padding-top: 16px; padding-bottom: 16px; border-bottom-style: solid; border-bottom-color: #E8E8E8; border-bottom-width: 1px; } .loyalty .loyalty__faq-question { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; line-height: 21.12px; cursor: pointer; color: #262626; } .loyalty .loyalty__faq-answer { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; margin-top: 8px; color: #A1A1A1; } .loyalty.loyalty--embedded .loyalty__content { max-width: 100%; padding: 0; margin: 0; } @media screen and (max-width: 1599px) { .loyalty .loyalty__account--wide { padding: 24px 24px; } .loyalty .loyalty__account--wide { min-height: auto; flex-direction: column; justify-content: start; align-items: stretch; gap: 16px; } .loyalty .loyalty__account--wide .loyalty__account-side { gap: 8px; flex-grow: 0; flex-shrink: 1; flex-basis: auto; } .loyalty .loyalty__account--wide .loyalty__account-heading { gap: 8px; } .loyalty .loyalty__account--wide .loyalty__account-body { flex-grow: 0; flex-shrink: 1; flex-basis: auto; } } @media screen and (max-width: 999px) { .loyalty .loyalty__accounts--wide { grid-template-columns: minmax(0, 1fr); } .loyalty .loyalty__account--wide { padding: 24px 16px; } } @media screen and (max-width: 800px) { .loyalty.loyalty--block { padding-left: 16px; padding-right: 16px; } .loyalty.loyalty--block:not(.loyalty--showcase) { padding-left: 0; padding-right: 0; } .loyalty.loyalty--showcase { padding: 24px 16px; } .loyalty.loyalty--showcase .loyalty__showcase-title { font-size: 24px; line-height: 31.68px; } .loyalty.loyalty--block .loyalty__accounts { max-width: 100%; flex-direction: column; gap: 16px; } .loyalty.loyalty--showcase .loyalty__accounts { max-width: 100%; gap: 16px; } .loyalty.loyalty--showcase .loyalty__account:not(.loyalty__account--wide) { padding: 16px; } .loyalty.loyalty--block .loyalty__account:not(.loyalty__account--wide) { justify-content: start; gap: 16px; } .loyalty.loyalty__accounts-reserve { height: 339.68px; } .loyalty .loyalty__content { max-width: 100%; padding: 32px 16px; gap: 48px; } .loyalty .loyalty__benefits { flex-direction: column; } .loyalty .loyalty__steps { flex-direction: column; } .loyalty .loyalty__rules { flex-direction: column; } .loyalty .loyalty__accounts--wide { gap: 16px; grid-template-columns: minmax(0, 1fr); } .loyalty .loyalty__account--wide { min-height: auto; padding: 16px; flex-direction: column; flex-wrap: nowrap; justify-content: start; align-items: stretch; gap: 8px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .loyalty .loyalty__account--wide .loyalty__account-summary { display: flex; cursor: pointer; pointer-events: auto; justify-content: space-between; align-items: center; gap: 16px; list-style-type: none; } .loyalty .loyalty__account--wide .loyalty__account-summary--static { cursor: auto; } .loyalty .loyalty__account--wide .loyalty__account-side { min-width: 0; gap: 8px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .loyalty .loyalty__account--wide .loyalty__account-chevron { display: block; width: 24px; height: 24px; flex-grow: 0; flex-shrink: 0; transition: transform 120ms cubic-bezier(0, 0, 0.58, 1); } .loyalty .loyalty__account-toggle ~ .loyalty__account-body { display: none; } .loyalty .loyalty__account-toggle:checked ~ .loyalty__account-body { display: flex; } .loyalty .loyalty__account-toggle:checked ~ .loyalty__account-side .loyalty__account-chevron { transform: rotate(180deg); } .loyalty .loyalty__account--open .loyalty__account-toggle ~ .loyalty__account-body { display: flex; } .loyalty .loyalty__account--open .loyalty__account-toggle ~ .loyalty__account-side .loyalty__account-chevron { transform: rotate(180deg); } .loyalty .loyalty__account--open .loyalty__account-toggle:checked ~ .loyalty__account-body { display: none; } .loyalty .loyalty__account--open .loyalty__account-toggle:checked ~ .loyalty__account-side .loyalty__account-chevron { transform: none; } .loyalty .loyalty__account-toggle { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0.0; pointer-events: none; } .loyalty .loyalty__account--wide .loyalty__account-heading { display: flex; min-width: 0; flex-direction: column; align-items: stretch; gap: 8px; } .loyalty .loyalty__account--wide .loyalty__account-title { font-size: 12px; line-height: 18px; } .loyalty .loyalty__account--wide .loyalty__account-total { font-size: 24px; line-height: 31.68px; } .loyalty .loyalty__account--wide .loyalty__account-body { gap: 8px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .loyalty .loyalty__account--wide .loyalty__account-label { font-size: 14px; } .loyalty .loyalty__account--wide .loyalty__account-value { font-size: 14px; line-height: 18px; } .loyalty .loyalty__account--wide .loyalty__account-notice-text { font-size: 14px; } .loyalty .loyalty__account--wide .loyalty__account-notice-icon { width: 18px; height: 18px; } .loyalty .loyalty__history-title { font-size: 16px; font-weight: 500; } .loyalty .loyalty__history-filters { overflow: visible; flex-wrap: nowrap; gap: 11px; overflow-x: auto; } .loyalty .loyalty__history-chip { height: auto; padding: 10px 16px; border: solid transparent 1px; flex-grow: 0; flex-shrink: 0; background-color: #F9F9F9; } .loyalty.profile-loyalty .profile-loyalty__heading { display: none; } .loyalty .loyalty__history-row { align-items: center; gap: 16px; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "date op value"; } .loyalty .loyalty__history-meta { display: contents; } .loyalty .loyalty__history-account { display: none; } .loyalty .loyalty__history-note { display: none; } .loyalty .loyalty__history-date { font-weight: 400; grid-area: date; } .loyalty .loyalty__history-op { grid-area: op; } .loyalty .loyalty__history-note { text-align: start; grid-area: note; } .loyalty .loyalty__history-note:empty { display: none; } .loyalty .loyalty__history-value { grid-area: value; } .loyalty .loyalty__history-date { font-size: 14px; } .loyalty .loyalty__history-op-text { font-size: 14px; font-weight: 400; } .loyalty .loyalty__history-note { font-size: 14px; } } .loyalty-terms { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; color: #262626; font-family: 'Tilda Sans', sans-serif; background-color: #FFFFFF; } .loyalty-terms .loyalty-terms__content { display: flex; width: 100%; max-width: 800px; padding: 64px 64px; margin-left: auto; margin-right: auto; box-sizing: border-box; flex-direction: column; gap: 48px; } .loyalty-terms .loyalty-terms__hero { display: flex; flex-direction: column; gap: 16px; } .loyalty-terms .loyalty-terms__title { margin: 0; color: #262626; font-family: 'Tilda Sans'; font-size: 28px; font-weight: 700; text-transform: uppercase; line-height: 36.96px; } .loyalty-terms .loyalty-terms__subtitle { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; margin: 0; color: #A1A1A1; } .loyalty-terms .loyalty-terms__section { display: flex; flex-direction: column; gap: 16px; } .loyalty-terms .loyalty-terms__section-title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin: 0; color: #262626; } .loyalty-terms .loyalty-terms__paragraph { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; margin: 0; color: #262626; } .loyalty-terms .loyalty-terms__list { display: flex; padding-left: 24px; margin: 0; flex-direction: column; gap: 8px; list-style-type: disc; } .loyalty-terms .loyalty-terms__item { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; color: #262626; } .loyalty-terms .loyalty-terms__note { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; margin: 0; color: #A1A1A1; } .loyalty-terms .loyalty-terms__cta { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; display: inline-flex; padding: 16px 32px; box-sizing: border-box; align-self: start; color: #FFFFFF; text-decoration: none; background-color: #262626; } @media all and (hover: hover) { .loyalty-terms .loyalty-terms__cta:hover { background-color: #A1A1A1; } } @media screen and (max-width: 800px) { .loyalty-terms .loyalty-terms__content { padding: 32px 16px; gap: 32px; } .loyalty-terms .loyalty-terms__cta { align-self: stretch; } } .loyalty { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; color: #262626; font-family: 'Tilda Sans', sans-serif; background-color: #FFFFFF; } .loyalty .loyalty__inner { width: 100%; max-width: 1120px; padding-left: 64px; padding-right: 64px; margin-left: auto; margin-right: auto; box-sizing: border-box; } .loyalty .loyalty__hero { display: flex; width: 100%; padding-top: 64px; padding-bottom: 64px; box-sizing: border-box; background-color: #F9F9F9; } .loyalty .loyalty__hero-inner { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; } .loyalty .loyalty__eyebrow { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 500; line-height: 18.48px; color: #E52421; text-transform: uppercase; letter-spacing: 0.08em; } .loyalty .loyalty__hero-title { margin: 0; color: #262626; font-family: 'Tilda Sans'; font-size: 48px; font-weight: 700; text-transform: uppercase; line-height: 56px; } .loyalty .loyalty__hero-tagline { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin: 0; color: #262626; } .loyalty .loyalty__hero-lead { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; max-width: 640px; margin: 0; color: #A1A1A1; } .loyalty .loyalty__hero-actions { display: flex; margin-top: 8px; flex-wrap: wrap; justify-content: center; gap: 16px; } .loyalty .loyalty__card-wrap { display: flex; width: 100%; margin-top: 24px; justify-content: center; } .loyalty .loyalty-card { display: flex; width: 343px; height: 190px; max-width: 100%; padding: 12px; box-sizing: border-box; border-radius: 8px; flex-direction: column; justify-content: space-between; align-items: center; text-align: start; background-color: #262626; } .loyalty .loyalty-card__row { display: flex; width: 100%; justify-content: space-between; align-items: center; gap: 16px; } .loyalty .loyalty-card__contact { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #FFFFFF; white-space: nowrap; } .loyalty .loyalty-card__label { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; color: #FFFFFF; white-space: nowrap; } .loyalty .loyalty-card__bonuses { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; color: #FFFFFF; white-space: nowrap; } .loyalty .loyalty-card__barcode { display: flex; width: 256px; height: 116px; max-width: 100%; box-sizing: border-box; border-radius: 9px; flex-direction: column; justify-content: center; align-items: center; gap: 8px; background-color: #FFFFFF; } .loyalty .loyalty-card__barcode-image { width: 190px; height: 64px; max-width: 100%; border-radius: 2px; background-color: #D9D9D9; } .loyalty .loyalty-card__barcode-svg { display: block; width: 190px; height: 64px; max-width: 100%; } .loyalty .loyalty-card__barcode-number { font-family: 'Tilda Sans'; font-size: 12px; font-weight: 400; line-height: 15.84px; color: #262626; } .loyalty .loyalty-card--large { width: 453.758px; height: 251.353px; padding: 11.905px 19.85px 12px 19.85px; margin-left: auto; margin-right: auto; border-radius: 10.583px; } .loyalty .loyalty-card--large .loyalty-card__label { font-size: 21.167px; line-height: 26.458750000000002px; } .loyalty .loyalty-card--large .loyalty-card__bonuses { font-size: 21.167px; line-height: 26.458750000000002px; } .loyalty .loyalty-card--large .loyalty-card__contact { font-size: 15.875px; line-height: 19.84375px; } .loyalty .loyalty-card--large .loyalty-card__barcode { width: 347.926px; height: 157.426px; border-radius: 13.229px; } .loyalty .loyalty-card--large .loyalty-card__barcode-svg { width: 257.968px; height: 87.312px; } .loyalty .loyalty-card--large .loyalty-card__barcode-image { width: 257.968px; height: 87.312px; } .loyalty .loyalty-card--large .loyalty-card__barcode-number { padding-left: 3.7903px; color: #3D3D3D; font-family: 'Tilda Sans'; font-size: 17.229px; font-weight: 600; letter-spacing: 3.7903px; line-height: 22.74228px; } .loyalty .loyalty__button { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; line-height: 21.12px; display: inline-flex; padding: 16px 32px; box-sizing: border-box; border-radius: 16px; justify-content: center; align-items: center; text-align: center; text-decoration: none; text-transform: uppercase; } .loyalty .loyalty__button--primary { color: #FFFFFF; background-color: #E52421; } .loyalty .loyalty__button--ghost { border-left-style: solid; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-color: #262626; border-top-color: #262626; border-right-color: #262626; border-bottom-color: #262626; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; color: #262626; background-color: transparent; } .loyalty .loyalty__button--light { color: #E52421; background-color: #FFFFFF; } .loyalty .loyalty__section { display: flex; width: 100%; padding-top: 64px; padding-bottom: 64px; box-sizing: border-box; } .loyalty .loyalty__section--muted { background-color: #F9F9F9; } .loyalty .loyalty__section-title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin-bottom: 32px; color: #262626; text-transform: uppercase; } .loyalty .loyalty__benefits { display: grid; gap: 24px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); } .loyalty .loyalty__benefit { display: flex; padding: 24px; box-sizing: border-box; border-left-style: solid; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-color: #E8E8E8; border-top-color: #E8E8E8; border-right-color: #E8E8E8; border-bottom-color: #E8E8E8; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-radius: 16px; flex-direction: column; gap: 8px; background-color: #FFFFFF; } .loyalty .loyalty__benefit-value { color: #E52421; font-family: 'Tilda Sans'; font-size: 40px; font-weight: 700; line-height: 48px; } .loyalty .loyalty__benefit-title { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; color: #262626; } .loyalty .loyalty__benefit-text { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; margin: 0; color: #A1A1A1; } .loyalty .loyalty__steps { display: grid; padding: 0; margin: 0; gap: 24px; list-style-type: none; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); } .loyalty .loyalty__step { display: flex; flex-direction: column; gap: 8px; } .loyalty .loyalty__step-badge { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; display: flex; width: 44px; height: 44px; margin-bottom: 8px; border-radius: 44px; justify-content: center; align-items: center; color: #FFFFFF; background-color: #E52421; } .loyalty .loyalty__step-title { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; color: #262626; } .loyalty .loyalty__step-text { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; margin: 0; color: #A1A1A1; } .loyalty .loyalty__prose { max-width: 760px; } .loyalty .loyalty__paragraph { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; margin-bottom: 16px; color: #262626; } .loyalty .loyalty__faq { display: flex; max-width: 760px; flex-direction: column; } .loyalty .loyalty__faq-item { padding-top: 16px; padding-bottom: 16px; border-bottom-style: solid; border-bottom-color: #E8E8E8; border-bottom-width: 1px; } .loyalty .loyalty__faq-question { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; cursor: pointer; color: #262626; list-style: none; } .loyalty .loyalty__faq-question::-webkit-details-marker { display: none; } .loyalty .loyalty__faq-answer { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; margin-top: 8px; color: #A1A1A1; } .loyalty .loyalty__final { display: flex; width: 100%; padding: 48px 32px; box-sizing: border-box; border-radius: 16px; flex-direction: column; align-items: center; gap: 16px; text-align: center; background-color: #E52421; } .loyalty .loyalty__final-title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin: 0; color: #FFFFFF; text-transform: uppercase; } .loyalty .loyalty__final-text { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; max-width: 640px; margin: 0; color: #FFFFFF; } @media screen and (max-width: 800px) { .loyalty .loyalty__inner { padding-left: 16px; padding-right: 16px; } .loyalty .loyalty__hero { padding-top: 48px; padding-bottom: 48px; } .loyalty .loyalty__hero-title { font-size: 32px; line-height: 40px; } .loyalty .loyalty__section { padding-top: 48px; padding-bottom: 48px; } .loyalty .loyalty__button { width: 100%; } .loyalty .loyalty__hero-actions { width: 100%; } .loyalty .loyalty-card--large { width: 100%; height: auto; padding: 16px; gap: 16px; } .loyalty .loyalty-card--large .loyalty-card__barcode { width: 100%; height: auto; aspect-ratio: 347.926 / 157.426; } .loyalty .loyalty-card--large .loyalty-card__barcode-svg { width: 100%; max-width: 257.968px; } .loyalty .loyalty-card--large .loyalty-card__barcode-image { width: 100%; max-width: 257.968px; } } .news-article .tv-skeleton { border-radius: 4px; background: linear-gradient(90deg, #E8E8E8 40%, #F7F7F7 50%, #E8E8E8 60%); background-size: 200% 100%; animation: tv-shimmer 4s linear infinite; } .news-article { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; background-color: #FFFFFF; } .news-article .news-article__spacer { flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .news-article .news-article__bar { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; align-items: center; background-color: #FFFFFF; } .news-article .news-article__bar--crumbs { height: 36px; padding: 6px 64px; } .news-article .news-article__bar--title { height: auto; min-height: 64px; padding: 16px 64px; } .news-article .news-article__crumbs { display: flex; min-width: 0; overflow: hidden; align-items: center; gap: 32px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .news-article .news-article__crumb { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; line-height: 21.12px; color: #262626; text-decoration: none; white-space: nowrap; } .news-article .news-article__crumb--section { font-weight: 700; } .news-article .news-article__crumb--current { min-width: 0; overflow: hidden; text-overflow: ellipsis; } .news-article .news-article__title { margin: 0; color: #262626; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 800; text-transform: uppercase; line-height: 31.68px; } .news-article .news-article__section { display: flex; width: 100%; padding: 40px 64px; box-sizing: border-box; flex-direction: column; } .news-article .news-article__layout { display: flex; width: 100%; box-sizing: border-box; flex-direction: row; justify-content: space-between; align-items: start; gap: 64px; } .news-article .news-article__hero { display: flex; width: 100%; height: 608px; max-width: 1780px; padding-left: 64px; padding-right: 64px; box-sizing: border-box; flex-direction: row; align-items: start; gap: 32px; } .news-article .news-article__hero-cover { width: 1300px; height: 608px; overflow: hidden; flex-grow: 1; flex-shrink: 1; flex-basis: 0; background-color: #F2F2F2; } .news-article .news-article__hero-cover .news-article__cover { height: 100%; } .news-article .news-article__body { display: flex; width: 100%; min-width: 0; max-width: 1248px; padding: 32px 64px 40px 64px; box-sizing: border-box; flex-direction: column; gap: 24px; } .news-article .news-article__cover { display: block; width: 100%; box-sizing: border-box; overflow: hidden; background-color: #E8E8E8; } .news-article .news-article__cover-image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .news-article .news-article__date { font-family: 'Tilda Sans'; font-size: 12px; font-weight: 400; line-height: 15.84px; color: #8C8C8C; } .news-article .news-article__authors { display: none; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 8px; } .news-article .news-article__authors-label { font-family: 'Tilda Sans'; font-size: 12px; font-weight: 400; line-height: 15.84px; color: #8C8C8C; } .news-article .news-article__author { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 500; line-height: 18.48px; color: #262626; text-decoration: none; } .news-article .news-article__empty-body { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; margin: 0; color: #A1A1A1; } .news-article .news-article__text { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; min-width: 0; color: #262626; } .news-article .news-article__text p { margin-top: 0; margin-bottom: 16px; } .news-article .news-article__text .news-date { color: #8C8C8C; font-size: 11px; line-height: 11px; } .news-article .news-article__text h1 { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin-top: 32px; margin-bottom: 16px; color: #262626; } .news-article .news-article__text h2 { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin-top: 32px; margin-bottom: 16px; color: #262626; } .news-article .news-article__text h3 { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; margin-top: 24px; margin-bottom: 16px; color: #262626; } .news-article .news-article__text h4 { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; margin-top: 24px; margin-bottom: 8px; color: #262626; } .news-article .news-article__text h5 { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; line-height: 21.12px; margin-top: 24px; margin-bottom: 8px; color: #262626; } .news-article .news-article__text h6 { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; line-height: 21.12px; margin-top: 24px; margin-bottom: 8px; color: #262626; } .news-article .news-article__text a { color: #262626; text-decoration: underline; } .news-article .news-article__text ul { padding-left: 24px; margin-top: 0; margin-bottom: 16px; } .news-article .news-article__text ol { padding-left: 24px; margin-top: 0; margin-bottom: 16px; } .news-article .news-article__text li { margin-bottom: 8px; } .news-article .news-article__text blockquote { padding-left: 16px; margin-top: 0; margin-bottom: 16px; border-left-style: solid; border-left-color: #E8E8E8; border-left-width: 2px; color: #A1A1A1; } .news-article .news-article__text img { height: auto; max-width: 100%; } .news-article .news-article__text figure { margin-top: 0; margin-bottom: 16px; } .news-article .news-article__text figcaption { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; margin-top: 8px; color: #A1A1A1; } .news-article .news-article__text table { display: block; margin-top: 0; margin-bottom: 16px; overflow-x: auto; border-collapse: collapse; } .news-article .news-article__text th { padding: 8px 16px; border-bottom-style: solid; border-bottom-color: #E8E8E8; border-bottom-width: 1px; text-align: left; font-weight: 700; } .news-article .news-article__text td { padding: 8px 16px; border-bottom-style: solid; border-bottom-color: #E8E8E8; border-bottom-width: 1px; text-align: left; } .news-article .news-article__text hr { height: 1px; margin-top: 24px; margin-bottom: 24px; border: none; background-color: #E8E8E8; } .news-article .news-article__sidebar { display: flex; width: 320px; box-sizing: border-box; flex-direction: column; gap: 24px; flex-grow: 0; flex-shrink: 0; flex-basis: 320px; } .news-article .news-article__sidebar-title { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; margin: 0; color: #141414; } .news-article .news-article__latest { display: flex; flex-direction: column; gap: 12px; } .news-article .news-article__latest-item { display: flex; height: 56px; min-width: 0; box-sizing: border-box; flex-direction: row; align-items: start; gap: 10px; color: #262626; text-decoration: none; } .news-article .news-article__latest-thumb { display: block; width: 56px; height: 56px; box-sizing: border-box; overflow: hidden; flex-grow: 0; flex-shrink: 0; flex-basis: 56px; background-color: #E8E8E8; } .news-article .news-article__latest-image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .news-article .news-article__latest-text { display: flex; min-width: 0; flex-direction: column; gap: 2px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .news-article .news-article__latest-title { color: #333333; font-size: 11px; line-height: 14.3px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .news-article .news-article__latest-date { color: #8C8C8C; font-size: 10px; line-height: 10px; } .news-article .news-article__all-news { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #262626; text-decoration: underline; } .news-article .news-article__related { display: flex; width: 100%; max-width: 1208px; padding: 20px 64px 40px 64px; box-sizing: border-box; flex-direction: column; gap: 24px; } .news-article .news-article__related-title { margin: 0; color: #141414; font-size: 22px; font-weight: 700; line-height: 22px; } .news-article .news-article__related-list { display: flex; flex-direction: column; gap: 24px; } .news-article .news-article__related-item { display: flex; height: 110px; flex-direction: row; align-items: center; gap: 20px; color: #262626; text-decoration: none; } .news-article .news-article__related-thumb { width: 160px; height: 110px; border-radius: 4px; overflow: hidden; flex-grow: 0; flex-shrink: 0; flex-basis: 160px; background-color: #EDE5DE; } .news-article .news-article__related-image { display: block; width: 100%; height: 100%; object-fit: cover; } .news-article .news-article__related-copy { display: flex; min-width: 0; flex-direction: column; gap: 6px; } .news-article .news-article__related-date { color: #8C8C8C; font-size: 11px; line-height: 11px; } .news-article .news-article__related-name { color: #262626; font-size: 14px; font-weight: 500; line-height: 16.8px; } .news-article .news-article__app-banner { display: flex; width: 100%; height: 100px; padding-left: 100px; padding-right: 100px; box-sizing: border-box; overflow: hidden; align-items: center; gap: 40px; background-color: #F0F0F0; } .news-article .news-article__app-copy { width: 222px; } .news-article .news-article__app-title { margin: 0; font-size: 20px; font-weight: 700; line-height: 24px; white-space: pre-line; } .news-article .news-article__app-text { margin-top: 6px; color: #A1A1A1; font-size: 14px; line-height: 16.8px; white-space: pre-line; } .news-article .news-article__app-phone { width: 160px; height: 220px; border-radius: 12px; flex-grow: 0; flex-shrink: 0; flex-basis: 160px; background-color: #262626; } .news-article .news-article__app-promo { display: flex; width: 79px; flex-direction: column; gap: 8px; } .news-article .news-article__app-label { color: #A1A1A1; font-size: 12px; } .news-article .news-article__app-code { font-size: 16px; } .news-article .news-article__app-qr { width: 90px; height: 90px; flex-grow: 0; flex-shrink: 0; flex-basis: 90px; background-color: #262626; } .news-article .news-article__app-hint { margin: 0; color: #A1A1A1; font-size: 12px; line-height: 14.4px; white-space: pre-line; } .news-article .news-article__subscribe { display: flex; width: 100%; height: 219px; padding: 40px 100px; box-sizing: border-box; flex-direction: column; } .news-article .news-article__subscribe-title { margin: 0; font-size: 20px; font-weight: 700; line-height: 20px; } .news-article .news-article__subscribe-text { margin-top: 14px; color: #A1A1A1; font-size: 13px; line-height: 13px; } .news-article .news-article__subscribe-form { display: flex; margin-top: 14px; gap: 12px; } .news-article .news-article__subscribe-input { width: 500px; height: 44px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; border: solid #E8E8E8; border-radius: 4px; font-family: 'Tilda Sans'; font-size: 13px; } .news-article .news-article__subscribe-button { height: 44px; padding-left: 24px; padding-right: 24px; border: none; border-radius: 4px; cursor: pointer; color: #FFFFFF; font-family: 'Tilda Sans'; font-size: 13px; font-weight: 500; background-color: #141414; } .news-article .news-article__subscribe-consent { margin-top: 14px; color: #8C8C8C; font-size: 11px; line-height: 11px; } .news-article .news-article__state { padding-top: 48px; padding-bottom: 48px; } @media screen and (max-width: 800px) { .news-article .news-article__bar { padding-left: 16px; padding-right: 16px; } .news-article .news-article__bar--crumbs { padding: 6px 16px; } .news-article .news-article__bar--title { padding: 16px 16px; } .news-article .news-article__crumbs { overflow-x: auto; } .news-article .news-article__section { padding: 24px 16px; } .news-article .news-article__hero { height: auto; padding-left: 16px; padding-right: 16px; } .news-article .news-article__hero-cover { width: 100%; height: auto; } .news-article .news-article__hero .news-article__sidebar { display: none; } .news-article .news-article__layout { flex-direction: column; gap: 48px; } .news-article .news-article__body { max-width: 100%; padding: 24px 16px; } .news-article .news-article__authors { display: flex; } .news-article .news-article__sidebar { width: 100%; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .news-article .news-article__related { max-width: 100%; padding: 24px 16px; } .news-article .news-article__related-thumb { width: 128px; height: 84px; flex-grow: 0; flex-shrink: 0; flex-basis: 128px; } .news-article .news-article__related-item { height: auto; } .news-article .news-article__app-banner { display: none; } .news-article .news-article__subscribe { display: none; } } @keyframes tv-btn-spin { 100% { transform: rotate(360deg); } } .news .tv-spinner { display: block; width: 16px; height: 16px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; visibility: hidden; animation: tv-btn-spin 1s linear infinite; } .news .tv-spinner path { stroke: currentColor; fill: none; } .news [aria-busy="true"] .tv-spinner { visibility: visible; } .news .tv-spinner-balance { display: block; width: 16px; height: 16px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .news .tv-skeleton { border-radius: 4px; background: linear-gradient(90deg, #E8E8E8 40%, #F7F7F7 50%, #E8E8E8 60%); background-size: 200% 100%; animation: tv-shimmer 4s linear infinite; } .news { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; background-color: #FFFFFF; } .news .news__spacer { flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .news .news__bar { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; align-items: center; background-color: #FFFFFF; } .news .news__bar--crumbs { height: 36px; padding: 6px 64px; } .news .news__bar--title { height: 64px; padding: 16px 64px; } .news .news__crumbs { display: flex; min-width: 0; overflow: hidden; align-items: center; gap: 32px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .news .news__crumb { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; line-height: 21.12px; color: #262626; text-decoration: none; white-space: nowrap; } .news .news__crumb--current { font-weight: 700; } .news .news__title { margin: 0; color: #262626; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 800; text-transform: uppercase; line-height: 31.68px; } .news .news__section { display: flex; width: 100%; padding: 40px 64px; box-sizing: border-box; flex-direction: column; } .news .news__layout { display: flex; width: 100%; box-sizing: border-box; flex-direction: row; justify-content: space-between; align-items: start; gap: 32px; } .news .news__main { display: flex; max-width: 1300px; box-sizing: border-box; flex-direction: column; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .news .news__grid { display: grid; width: 100%; box-sizing: border-box; gap: 32px; grid-template-columns: repeat(3, minmax(0, 1fr)); } .news .news__card { display: flex; min-width: 0; box-sizing: border-box; flex-direction: column; gap: 12px; color: #262626; text-decoration: none; background-color: #FFFFFF; } .news .news__card-cover { display: block; width: 100%; box-sizing: border-box; overflow: hidden; background-color: #E8E8E8; } .news .news__card-image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .news .news__card-date { font-family: 'Tilda Sans'; font-size: 12px; font-weight: 400; line-height: 15.84px; color: #8C8C8C; } .news .news__card-title { color: #262626; font-family: 'Tilda Sans'; font-size: 18px; font-weight: 700; text-transform: uppercase; line-height: 23.76px; } .news .news__bar--pagination { height: auto; min-height: 64px; padding: 16px 0; flex-direction: column; justify-content: center; gap: 8px; } .news .news__pagination { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; gap: 16px; } .news .news__pages { display: flex; flex-direction: row; align-items: center; gap: 10px; } .news .news__page { color: #A1A1A1; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 800; text-decoration: none; line-height: 31.68px; } .news .news__page--current { color: #262626; } .news .news__more { display: flex; width: 169.6px; height: 32px; max-width: 100%; box-sizing: border-box; border: solid #121212 1.28px; cursor: pointer; justify-content: center; align-items: center; gap: 8px; color: #121212; font-family: 'Tilda Sans'; font-size: 15.36px; font-weight: 700; text-decoration: none; text-transform: uppercase; line-height: 25.6px; white-space: nowrap; background-color: rgba(245, 245, 245, 0.3); } @media all and (hover: hover) { .news .news__more:hover { color: #FFFFFF; background-color: #121212; } } .news .news__more[aria-busy="true"] { border: solid #A1A1A1 1.28px; cursor: progress; color: #A1A1A1; } .news .news__more-label { display: block; } .news .news__more-error { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #DC1F13; text-align: center; } .news .news__sidebar { display: flex; width: 320px; box-sizing: border-box; flex-direction: column; gap: 24px; flex-grow: 0; flex-shrink: 0; flex-basis: 320px; background-color: #FFFFFF; } .news .news__sidebar-title { margin: 0; color: #262626; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 800; text-transform: uppercase; line-height: 31.68px; } .news .news__about { display: flex; flex-direction: column; align-items: start; gap: 10px; } .news .news__about-link { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; line-height: 26.4px; color: #313131; text-decoration: none; } .news .news__contacts { display: flex; width: 100%; padding: 20px; box-sizing: border-box; flex-direction: column; align-items: start; gap: 12px; background-color: #F9F9F9; } .news .news__contacts-title { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 600; line-height: 18.48px; color: #141414; } .news .news__contact { display: flex; flex-direction: column; align-items: start; gap: 2px; } .news .news__contact-value { color: #313131; font-family: 'Tilda Sans'; font-size: 18px; font-weight: 700; text-decoration: none; text-transform: uppercase; line-height: 23.76px; } .news .news__contact-value--email { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 500; line-height: 18.48px; color: #141414; text-decoration: none; text-transform: none; } .news .news__contact-note { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; color: #262626; } .news .news__contact-shops { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; display: flex; align-items: center; gap: 4px; color: #262626; text-decoration: none; } .news .news__contact-pin { display: block; width: 18px; height: 18px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .news .news__state { padding-top: 48px; padding-bottom: 48px; } @media screen and (max-width: 800px) { .news .news__bar { padding-left: 16px; padding-right: 16px; } .news .news__bar--crumbs { padding: 6px 16px; } .news .news__bar--title { padding: 16px 16px; } .news .news__bar--pagination { padding: 16px 16px; } .news .news__crumbs { overflow-x: auto; } .news .news__section { padding: 24px 16px; } .news .news__layout { flex-direction: column; } .news .news__main { width: 100%; max-width: 100%; } .news .news__grid { gap: 24px; grid-template-columns: minmax(0, 1fr); } .news .news__sidebar { width: 100%; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } } .order-progress { display: flex; width: 100%; align-items: start; } .order-progress .order-progress__step { display: flex; position: relative; flex-direction: column; align-items: center; gap: 8px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .order-progress .order-progress__step:not(:first-child)::before { position: absolute; top: 3px; left: -50%; right: 50%; height: 2px; background-color: #A1A1A1; content: ''; } .order-progress .order-progress__step--done::before { background-color: #1F1F1F; } .order-progress .order-progress__dot { z-index: 1; width: 8px; height: 8px; box-sizing: border-box; border: solid #A1A1A1 1px; border-radius: 50%; background-color: #FFFFFF; } .order-progress .order-progress__step--done .order-progress__dot { border: solid #1F1F1F 1px; background-color: #1F1F1F; } .order-progress .order-progress__label { font-family: 'Tilda Sans'; font-size: 12px; font-weight: 500; line-height: 15.84px; color: #A1A1A1; text-align: center; text-transform: uppercase; } .order-progress .order-progress__step--done .order-progress__label { color: #262626; } .order-detail .tv-skeleton { border-radius: 4px; background: linear-gradient(90deg, #E8E8E8 40%, #F7F7F7 50%, #E8E8E8 60%); background-size: 200% 100%; animation: tv-shimmer 4s linear infinite; } .order-detail .orders__heading-text { text-transform: uppercase; } .order-detail .order-detail__meta { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 8px; } .order-detail .order-detail__status { display: none; } .order-detail .order-detail__meta-number { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; color: #1F1F1F; } .order-detail .order-detail__meta-date { font-family: 'Tilda Sans'; font-size: 18px; font-weight: 400; line-height: 23.76px; color: #A1A1A1; } .order-detail .order-detail__line { display: flex; margin-top: 8px; align-items: start; gap: 24px; } .order-detail .order-detail__line-photo { position: relative; width: 175px; height: 250px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; background-color: #F9F9F9; } .order-detail .order-detail__line-img { display: block; width: 100%; height: 100%; object-fit: cover; } .order-detail .tv-photo-placeholder { position: absolute; top: 50%; left: 50%; width: 60.8%; transform: translate(-50%, -50%); aspect-ratio: 227 / 111; } .order-detail .order-detail__line-body { display: flex; min-width: 0; flex-direction: column; justify-content: space-between; gap: 16px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; align-self: stretch; } .order-detail .order-detail__line-name { font-family: 'Tilda Sans'; font-size: 18px; font-weight: 400; line-height: 23.76px; color: #1F1F1F; } .order-detail .order-detail__line-link { display: block; text-decoration: none; } .order-detail .order-detail__line-foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 16px; } .order-detail .order-detail__line-meta { display: flex; flex-direction: column; gap: 8px; color: #737373; font-family: 'Tilda Sans'; font-size: 18px; font-weight: 400; line-height: 23.76px; } .order-detail .order-detail__line-price { color: #1F1F1F; font-family: 'Tilda Sans'; font-size: 22px; font-weight: 500; line-height: 29.04px; white-space: nowrap; } .order-detail .order-detail__info { display: flex; margin-top: 24px; flex-direction: column; gap: 8px; } .order-detail .order-detail__info-title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin-bottom: 8px; color: #1F1F1F; } .order-detail .order-detail__info-line { color: #1F1F1F; font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; line-height: 26.4px; } .order-detail .order-detail__row { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; } .order-detail .order-detail__row-label { color: #1F1F1F; font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; line-height: 26.4px; } .order-detail .order-detail__row-value { color: #1F1F1F; font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; line-height: 26.4px; white-space: nowrap; } .order-detail .order-detail__row--strong .order-detail__row-label { font-weight: 700; } .order-detail .order-detail__row-value--strong { font-weight: 700; } .order-detail .order-detail__info .order-detail__row-value--strong { font-weight: 400; } .order-detail .order-detail__divider { height: 1px; margin-top: 8px; margin-bottom: 8px; background-color: #E8E8E8; } .order-detail .order-detail__actions-block { display: flex; margin-top: 24px; flex-direction: column; gap: 8px; } .order-detail .order-detail__action-error { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; margin: 0; color: #DC1F13; } .order-detail .order-detail__actions { display: flex; gap: 16px; } .order-detail .order-detail__button-link { display: contents; } .order-detail .order-detail__button { flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .order-detail .order-detail__button.tv-button-outlined { height: 50px; } .order-detail .order-detail__placeholder { border-radius: 4px; background-color: #F2F2F2; } .order-detail .order-detail__skeleton-bar { width: 100%; height: 26.4px; } .order-detail .order-detail__skeleton-bar--short { max-width: 160px; } .order-detail .order-detail__skeleton-bar--price { max-width: 120px; } @media screen and (max-width: 1280px) { .order-detail .order-detail__status { display: flex; flex-direction: column; gap: 4px; } .order-detail .order-detail__meta { display: none; } .order-detail .order-detail__status-title { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; color: #262626; } .order-detail .order-detail__status-date { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #A1A1A1; } .order-detail .order-progress__label { font-family: 'Tilda Sans'; font-size: 10px; font-weight: 500; line-height: 13.2px; } .order-detail .order-detail__line-name { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #262626; } .order-detail .order-detail__line-meta { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #A1A1A1; } .order-detail .order-detail__line-price { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; color: #262626; } .order-detail .order-detail__info { gap: 4px; } .order-detail .order-detail__info-title { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; margin-bottom: 4px; color: #A1A1A1; } .order-detail .order-detail__info-line { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; color: #262626; } .order-detail .order-detail__row-label { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; color: #262626; } .order-detail .order-detail__row-value { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; color: #262626; } .order-detail .order-detail__row--strong .order-detail__row-label { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; color: #262626; } .order-detail .order-detail__info .order-detail__row--strong .order-detail__row-label { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; color: #262626; } .order-detail .order-detail__row-value--strong { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; color: #262626; text-align: right; } .order-detail .order-detail__info .order-detail__row-value--strong { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; color: #262626; text-align: right; } } @media screen and (max-width: 800px) { .order-detail .order-detail__actions { flex-direction: column; } .order-detail .order-detail__line-photo { width: 120px; height: 171px; } } .orders .tv-skeleton { border-radius: 4px; background: linear-gradient(90deg, #E8E8E8 40%, #F7F7F7 50%, #E8E8E8 60%); background-size: 200% 100%; animation: tv-shimmer 4s linear infinite; } .orders { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; background-color: #FFFFFF; } .orders .orders__spacer { flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .orders .orders__content { display: flex; width: 100%; min-width: 0; flex-direction: column; gap: 16px; } .orders .orders__heading { display: flex; min-height: 60px; align-items: center; } .orders .orders__heading-text { margin: 0; color: #262626; font-family: 'Tilda Sans'; font-size: 22px; font-weight: 600; line-height: 29.04px; } .orders .orders__empty { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; } .orders .orders__empty-illo { display: flex; width: 280px; max-width: 100%; justify-content: center; } .orders .orders__empty-illo svg { width: 100%; height: auto; } .orders .orders__empty-title { color: #1F1F1F; font-family: 'Tilda Sans'; font-size: 20px; font-weight: 500; line-height: 26.4px; } .orders .orders__empty-text { font-family: 'Tilda Sans'; font-size: 18px; font-weight: 400; line-height: 23.76px; color: #1F1F1F; } .orders .orders__empty .primary-button { max-width: 495px; margin-top: 16px; } .orders .orders__state .tv-state__title { color: #1F1F1F; font-weight: 500; } .orders .orders__state .tv-state__text { font-family: 'Tilda Sans'; font-size: 18px; font-weight: 400; line-height: 23.76px; color: #1F1F1F; } .orders .orders__state .tv-state__action { display: inline-flex; width: 100%; height: 50px; max-width: 495px; padding-top: 19.79px; padding-bottom: 19.79px; margin-top: 16px; box-sizing: border-box; border: solid #1F1F1F 1px; cursor: pointer; justify-content: center; align-items: center; color: #FFFFFF; text-align: center; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; text-decoration: none; text-transform: uppercase; line-height: 18.48px; background-color: #1F1F1F; } .orders .orders__list { display: flex; flex-direction: column; gap: 16px; } .orders .orders__card { display: flex; padding-bottom: 24px; border-bottom-style: solid; border-bottom-color: #E8E8E8; border-bottom-width: 1px; flex-direction: column; gap: 16px; } .orders .orders__card-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; text-decoration: none; } .orders .orders__card-number { color: #1F1F1F; font-family: 'Tilda Sans'; font-size: 20px; font-weight: 500; line-height: 26.4px; } .orders .orders__card-chevron { width: 30px; height: 30px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .orders .orders__card-date { color: #1F1F1F; font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; line-height: 26.4px; } .orders .orders__card-status { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 16px; } .orders .orders__card-status-label { color: #1F1F1F; font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; line-height: 26.4px; } .orders .orders__card-status-value { color: #1F1F1F; font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; line-height: 26.4px; } .orders .orders__card-actions { display: flex; margin-top: 8px; gap: 16px; } .orders .orders__card-button { flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .orders .orders__action-form { display: contents; } .orders .orders__card-button.tv-button-outlined { height: 50px; padding: 19.79px 0; border-width: 1px; } .orders .orders__card-button.primary-button { padding: 19.79px 0; } .orders .orders__card-skeleton-number { height: 26.4px; } .orders .orders__card-skeleton-row { height: 26.4px; } .orders .orders__card-skeleton-button { height: 50px; } .orders .orders__recommendations { display: flex; width: 100%; flex-direction: column; } .orders .orders__recommendations-title { margin: 0; color: #262626; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 700; text-transform: uppercase; line-height: 31.68px; } .orders .orders__recommendations-row { display: grid; width: 100%; gap: 16px; grid-template-columns: repeat(4, 1fr); } .orders .orders__rec { min-width: 0; text-decoration: none; } .primary-button { display: inline-flex; width: 100%; height: 50px; padding-top: 19.79px; padding-bottom: 19.79px; box-sizing: border-box; border: solid #1F1F1F 1px; cursor: pointer; justify-content: center; align-items: center; color: #FFFFFF; text-align: center; text-decoration: none; text-transform: uppercase; background-color: #1F1F1F; } .primary-button .primary-button__label { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; line-height: 18.48px; display: block; } @media screen and (max-width: 1280px) { .orders .orders__heading { display: none; } .orders .orders__recommendations-row { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 800px) { .orders .orders__card-actions { flex-direction: column; } .orders .orders__card-number { font-size: 16px; line-height: 21.12px; } .orders .orders__card-date { font-size: 14px; line-height: 18.48px; } .orders .orders__card-status-label { font-size: 14px; line-height: 18.48px; } .orders .orders__card-status-value { font-size: 14px; line-height: 18.48px; } .orders .orders__card-button { flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .orders .orders__card-button.tv-button-outlined { height: 40px; padding: 0; border-width: 2px; } .orders .orders__card-button.primary-button { height: 40px; padding: 0; } .orders .orders__card-skeleton-number { height: 21.12px; } .orders .orders__card-skeleton-row { height: 18.48px; } .orders .orders__card-skeleton-button { height: 40px; } .orders .orders__recommendations-title { font-size: 20px; line-height: 26.4px; } .orders .orders__recommendations-row { gap: 24px 4px; grid-template-columns: repeat(2, 1fr); } } .profile-data .tv-skeleton { border-radius: 4px; background: linear-gradient(90deg, #E8E8E8 40%, #F7F7F7 50%, #E8E8E8 60%); background-size: 200% 100%; animation: tv-shimmer 4s linear infinite; } .profile-data { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; background-color: #FFFFFF; } .profile-data .profile-data__spacer { flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .profile-data .profile-data__menu-head { display: flex; height: 60px; box-sizing: border-box; align-items: center; } .profile-data .profile-data__menu-head-text { color: #262626; font-family: 'Tilda Sans'; font-size: 22px; font-weight: 600; line-height: 29.04px; } .profile-data .profile-data__content { display: flex; width: 100%; min-width: 0; flex-direction: column; } .profile-data .profile-data__form-section { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; } .profile-data .profile-data__form { display: flex; width: 100%; flex-direction: column; gap: 32px; } .profile-data .profile-data__gender { display: flex; align-items: center; gap: 40px; } .profile-data .profile-data__gender-option { display: inline-flex; position: relative; cursor: pointer; align-items: center; gap: 12px; } .profile-data .profile-data__gender-input { position: absolute; width: 18px; height: 18px; margin: 0; opacity: 0.0; cursor: pointer; } .profile-data .profile-data__gender-dot { display: inline-flex; position: relative; width: 18px; height: 18px; box-sizing: border-box; border: solid #262626 1.4px; border-radius: 50%; justify-content: center; align-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: auto; background-color: #FFFFFF; } .profile-data .profile-data__gender-input:checked + .profile-data__gender-dot::after { content: ""; display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #262626; } .profile-data .profile-data__gender-label { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; color: #262626; } .profile-data .profile-data__input { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; display: block; width: 100%; height: 44px; padding-bottom: 8px; box-sizing: border-box; border-left-style: none; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-bottom-color: #E8E8E8; border-bottom-width: 1px; border-radius: 0; outline-style: none; color: #262626; background-color: transparent; } .profile-data .profile-data__input::placeholder { color: #A1A1A1; } .profile-data .profile-data__input:focus { border-bottom-style: solid; border-bottom-color: #262626; border-bottom-width: 1px; } .profile-data .profile-data__input[readonly] { color: #A1A1A1; } .profile-data .profile-data__save { display: flex; width: 100%; height: 50px; padding: 0; box-sizing: border-box; border: none; cursor: pointer; justify-content: center; align-items: center; color: #FFFFFF; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; text-transform: uppercase; line-height: 18.48px; background-color: #1F1F1F; } .profile-data .profile-data__banner { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; padding: 16px; margin-bottom: 24px; box-sizing: border-box; } .profile-data .profile-data__banner--ok { color: #FFFFFF; background-color: #262626; } .profile-data .profile-data__banner--err { color: #FFFFFF; background-color: #DC1F13; } .profile-data .tv-state.profile-data__state { align-items: start; text-align: start; } .profile-data .profile-data__state .tv-state__action { display: inline-flex; height: 50px; padding-left: 40px; padding-right: 40px; box-sizing: border-box; justify-content: center; align-items: center; color: #FFFFFF; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; text-decoration: none; text-transform: uppercase; line-height: 18.48px; background-color: #1F1F1F; } @media screen and (max-width: 1280px) { .profile-data .profile-data__menu-head { display: none; } } .profile-shell { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; background-color: #FFFFFF; } .profile-shell .profile-shell__spacer { flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .profile-shell .profile-shell__bar { display: flex; width: 100%; min-height: 36px; padding: 6px 64px; box-sizing: border-box; align-items: center; background-color: #FFFFFF; } .profile-shell .profile-shell__appbar { display: none; } .profile-shell .profile-shell__crumbs { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: 32px; } .profile-shell .profile-shell__crumb { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; color: #262626; text-decoration: none; white-space: nowrap; } .profile-shell .profile-shell__crumb--current { font-weight: 700; } .profile-shell .profile-shell__layout { display: flex; width: 100%; padding-right: 64px; box-sizing: border-box; align-items: start; gap: 32px; } .profile-shell .profile-shell__menu { display: flex; width: 468px; flex-direction: column; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .profile-shell .profile-shell__group { padding: 16px 64px; color: #262626; font-family: 'Tilda Sans'; font-size: 22px; font-weight: 600; line-height: 29.04px; } .profile-shell .profile-shell__row { display: flex; min-height: 53px; padding: 13px 64px; box-sizing: border-box; cursor: pointer; justify-content: space-between; align-items: center; gap: 16px; color: #262626; text-decoration: none; } .profile-shell .profile-shell__label { color: #262626; font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; line-height: 26.4px; } .profile-shell .profile-shell__row--active .profile-shell__label { font-weight: 500; } .profile-shell .profile-shell__chevron { display: block; width: 24px; height: 24px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .profile-shell .profile-shell__content { display: flex; min-width: 0; flex-direction: column; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } @media screen and (max-width: 1280px) { .profile-shell .profile-shell__bar { display: none; } .profile-shell .profile-shell__spacer--crumbs-top { display: none; } .profile-shell .profile-shell__spacer--crumbs-bottom { display: none; } .profile-shell .profile-shell__appbar { display: flex; position: relative; width: 100%; height: 54px; padding-left: 24px; padding-right: 24px; box-sizing: border-box; justify-content: center; align-items: center; background-color: #FFFFFF; } .profile-shell .profile-shell__appbar-title { margin: 0; overflow: hidden; color: #262626; font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; text-transform: uppercase; line-height: 21.12px; text-overflow: ellipsis; white-space: nowrap; } .profile-shell .profile-shell__back { display: flex; position: absolute; left: 24px; align-items: center; } .profile-shell .profile-shell__back-icon { display: block; width: 24px; height: 24px; } .profile-shell .profile-shell__layout { padding-left: 24px; padding-right: 24px; flex-direction: column; } .profile-shell .profile-shell__menu { display: none; } .profile-shell .profile-shell__menu--root { display: flex; width: 100%; } .profile-shell .profile-shell__group { padding: 16px 0; } .profile-shell .profile-shell__row { padding: 13px 0; } .profile-shell .profile-shell__content { width: 100%; order: -1; } } @media screen and (max-width: 800px) { .profile-shell .profile-shell__layout { padding-left: 16px; padding-right: 16px; } .profile-shell .profile-shell__appbar { padding-left: 16px; padding-right: 16px; } .profile-shell .profile-shell__back { position: absolute; left: 16px; } } .profile__email-banner { display: flex; width: 100%; padding: 16px; margin-bottom: 24px; box-sizing: border-box; border: solid #262626 1px; justify-content: space-between; align-items: center; gap: 16px; background-color: #F9F9F9; } .profile__email-banner-text { display: flex; min-width: 0; flex-direction: column; gap: 4px; } .profile__email-banner-title { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; color: #1F1F1F; } .profile__email-banner-note { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #A1A1A1; } .profile__email-banner-form { flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .profile__email-banner-btn { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 500; line-height: 18.48px; padding: 8px 16px; border: none; cursor: pointer; color: #FFFFFF; text-transform: uppercase; background-color: #1F1F1F; } .profile__bonus { display: flex; width: 100%; flex-direction: column; gap: 32px; } .profile .tv-skeleton { border-radius: 4px; background: linear-gradient(90deg, #E8E8E8 40%, #F7F7F7 50%, #E8E8E8 60%); background-size: 200% 100%; animation: tv-shimmer 4s linear infinite; } .profile .profile__section-title { display: flex; width: 100%; height: 60px; align-items: center; } .profile .profile__section-title-text { margin: 0; color: #262626; font-family: 'Tilda Sans'; font-size: 22px; font-weight: 600; line-height: 29.040000000000003px; } .profile .profile__fields { display: flex; width: 100%; margin-bottom: 16px; align-items: center; gap: 22px; } .profile .profile__field { display: flex; position: relative; min-width: 0; padding-top: 8px; flex-direction: column; justify-content: end; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .profile .profile__field-label { padding-bottom: 2px; color: #A1A1A1; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; } .profile { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; align-items: center; background-color: #FFFFFF; } .profile .tv-state.profile__state { padding: 48px 64px; align-items: start; text-align: start; } .profile .profile__state .tv-state__title { color: #1F1F1F; } .profile .profile__state .tv-state__action { display: inline-flex; height: 53px; padding-left: 48px; padding-right: 48px; box-sizing: border-box; justify-content: center; align-items: center; color: #FFFFFF; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; text-decoration: none; line-height: 18.48px; background-color: #1F1F1F; } @media screen and (min-width: 801px) { .profile .profile-bonus__card { display: none; } } @media screen and (max-width: 1280px) { .profile .tv-state.profile__state { padding: 48px 0; } .profile .profile__section-title--data { display: none; } .profile .profile-data { display: none; } } @media screen and (max-width: 800px) { .profile .tv-state.profile__state { padding: 32px 16px; } .profile .profile__section-title--loyalty { display: none; } } .primary-button { display: inline-flex; width: 100%; height: 50px; padding-top: 19.79px; padding-bottom: 19.79px; box-sizing: border-box; border: solid #1F1F1F 1px; cursor: pointer; justify-content: center; align-items: center; color: #FFFFFF; text-align: center; text-decoration: none; text-transform: uppercase; background-color: #1F1F1F; } .primary-button .primary-button__label { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; line-height: 18.48px; display: block; } .pv .tv-skeleton { border-radius: 4px; background: linear-gradient(90deg, #E8E8E8 40%, #F7F7F7 50%, #E8E8E8 60%); background-size: 200% 100%; animation: tv-shimmer 4s linear infinite; } .pv { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; background-color: #FFFFFF; } .pv .pv__spacer { flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .pv .pv__content { display: flex; width: 100%; min-width: 0; flex-direction: column; gap: 16px; } .pv .pv__heading { display: flex; min-height: 60px; align-items: center; } .pv .pv__heading-text { margin: 0; color: #262626; font-family: 'Tilda Sans'; font-size: 22px; font-weight: 600; line-height: 29.04px; } .pv .pv__empty { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; } .pv .pv__empty-illustration { display: block; width: 120px; height: 120px; max-width: 100%; } .pv .pv__empty-title { color: #1F1F1F; font-family: 'Tilda Sans'; font-size: 20px; font-weight: 500; line-height: 26.4px; } .pv .pv__empty-text { font-family: 'Tilda Sans'; font-size: 18px; font-weight: 400; line-height: 23.76px; max-width: 420px; color: #1F1F1F; } .pv .pv__empty .primary-button { max-width: 495px; margin-top: 16px; } .pv .profile-views__state .tv-state__title { color: #1F1F1F; font-weight: 500; } .pv .profile-views__state .tv-state__text { font-family: 'Tilda Sans'; font-size: 18px; font-weight: 400; line-height: 23.76px; max-width: 420px; color: #1F1F1F; } .pv .profile-views__state .tv-state__action { display: inline-flex; width: 100%; height: 50px; max-width: 495px; padding-top: 19.79px; padding-bottom: 19.79px; margin-top: 16px; box-sizing: border-box; border: solid #1F1F1F 1px; cursor: pointer; justify-content: center; align-items: center; color: #FFFFFF; text-align: center; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; text-decoration: none; text-transform: uppercase; line-height: 18.48px; background-color: #1F1F1F; } .pv .pv__grid { display: grid; width: 100%; box-sizing: border-box; gap: 16px; grid-template-columns: repeat(4, 1fr); } .pv .pv__grid-link { display: block; min-width: 0; text-decoration: none; } .pv .pv__recommendations { display: flex; width: 100%; flex-direction: column; } .pv .pv__recommendations-title { margin: 0; color: #262626; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 700; text-transform: uppercase; line-height: 31.68px; } .pv .pv__recommendations-row { display: grid; width: 100%; gap: 16px; grid-template-columns: repeat(4, 1fr); } .pv .pv__rec { min-width: 0; text-decoration: none; } @media screen and (max-width: 1280px) { .pv .pv__heading { display: none; } .pv .pv__grid { grid-template-columns: repeat(3, 1fr); } .pv .pv__recommendations-row { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 800px) { .pv .pv__grid { grid-template-columns: repeat(2, 1fr); } .pv .pv__recommendations-title { font-size: 20px; line-height: 26.4px; } .pv .pv__recommendations-row { gap: 24px 4px; grid-template-columns: repeat(2, 1fr); } } .search-page .tv-skeleton { border-radius: 4px; background: linear-gradient(90deg, #E8E8E8 40%, #F7F7F7 50%, #E8E8E8 60%); background-size: 200% 100%; animation: tv-shimmer 4s linear infinite; } .search-page .search-page__skeleton-input { height: 26.4px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .search-page .search-page__skeleton-submit { width: 24px; height: 24px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .search-page { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; background-color: #FFFFFF; } .search-page .search-page__spacer { flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .search-page .search-page__pagination { display: flex; padding-left: 64px; padding-right: 64px; box-sizing: border-box; justify-content: center; align-items: center; gap: 24px; } .search-page .search-page__page-link { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; line-height: 21.12px; cursor: pointer; color: #262626; text-decoration: none; white-space: nowrap; } @media all and (hover: hover) { .search-page .search-page__page-link:hover { text-decoration: underline; } } .search-page .search-page__page-current { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; line-height: 21.12px; color: #A1A1A1; white-space: nowrap; } .search-page .search-page__bar { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; align-items: center; background-color: #FFFFFF; } .search-page .search-page__bar--crumbs { height: 36px; padding: 6px 64px; gap: 16px; } .search-page .search-page__crumbs { display: flex; min-width: 0; overflow: hidden; align-items: center; gap: 32px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .search-page .search-page__back { display: flex; align-items: center; gap: 8px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .search-page .search-page__back-link { display: flex; align-items: center; text-decoration: none; } .search-page .search-page__back-divider { width: 1px; height: 22.5px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; background-color: #262626; } .search-page .search-page__crumb { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; line-height: 21.12px; color: #262626; text-decoration: none; white-space: nowrap; } .search-page .search-page__crumb--current { min-width: 0; overflow: hidden; font-weight: 700; text-overflow: ellipsis; } .search-page .search-page__field-bar { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; justify-content: center; } .search-page .search-page__field { display: flex; width: 100%; height: 54px; max-width: 720px; padding: 13px 18px; box-sizing: border-box; border-bottom-style: solid; border-bottom-color: #262626; border-bottom-width: 1px; align-items: center; gap: 10px; background-color: #FFFFFF; } .search-page .search-page__input { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; line-height: 26.4px; min-width: 0; padding: 0; border: none; flex-grow: 1; flex-shrink: 1; flex-basis: 0; color: #262626; background-color: transparent; outline: none; appearance: none; } .search-page .search-page__input::placeholder { color: #A1A1A1; } .search-page .search-page__input::-webkit-search-cancel-button { display: none; } .search-page .search-page__input::-webkit-search-decoration { display: none; } .search-page .search-page__submit { display: flex; width: 24px; height: 24px; padding: 0; border: none; cursor: pointer; justify-content: center; align-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: auto; background-color: transparent; } .search-page .search-page__submit-icon { display: block; width: 24px; height: 24px; } .search-page .search-page__heading-bar { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; flex-direction: column; align-items: center; } .search-page .search-page__heading { max-width: 100%; margin: 0; color: #1F1F1F; text-align: center; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 500; line-height: 36px; } .search-page .search-page__failed-link { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; color: #262626; } .search-page .search-page__results-title { display: flex; width: 100%; min-height: 31.68px; padding-left: 64px; padding-right: 64px; box-sizing: border-box; align-items: center; } .search-page .search-page__results-title-text { min-width: 0; margin: 0; overflow: hidden; color: #262626; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 700; line-height: 31.68px; text-overflow: ellipsis; white-space: nowrap; } .search-page .search-page__results-tools { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; justify-content: space-between; align-items: center; gap: 24px; } .search-page .search-page__result-tabs { display: flex; min-width: 0; overflow: hidden; align-items: center; gap: 32px; } .search-page .search-page__result-tab { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; line-height: 21.12px; color: #A1A1A1; text-decoration: none; white-space: nowrap; } .search-page .search-page__result-tab--active { color: #262626; font-weight: 700; } .search-page .search-page__section-title { display: flex; width: 100%; min-height: 45px; padding-left: 64px; padding-right: 64px; box-sizing: border-box; align-items: center; } .search-page .search-page__section-title-text { min-width: 0; margin: 0; overflow: hidden; color: #121212; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 700; text-transform: uppercase; line-height: 31.68px; text-overflow: ellipsis; white-space: nowrap; } .search-page .search-page__row { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; justify-content: center; } .search-page .search-page__rec-grid { display: grid; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; gap: 16px; grid-template-columns: repeat(4, 1fr); } .search-page .search-page__card { min-width: 0; color: #262626; text-decoration: none; } .search-page .search-page__filters { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; line-height: 21.12px; cursor: pointer; color: #262626; text-decoration: none; white-space: nowrap; } .search-page .search-page__filters--active { position: relative; } .search-page .search-page__filters--active::after { width: 6px; height: 6px; border-radius: 50%; background-color: #DC1F13; content: ''; position: absolute; top: -2px; right: -8px; } .search-page .search-page__filters-placeholder { display: flex; flex-direction: column; gap: 24px; } .search-page .search-page__filters-ghost { display: flex; flex-direction: column; gap: 8px; } .search-page .search-page__filters-ghost-legend { width: 40%; height: 20px; } .search-page .search-page__filters-ghost-option { width: 60%; height: 16px; } @media screen and (max-width: 800px) { .search-page .search-page__bar { padding-left: 16px; padding-right: 16px; } .search-page .search-page__bar--crumbs { padding: 6px 16px; } .search-page .search-page__crumbs { overflow-x: auto; } .search-page .search-page__field-bar { padding-left: 16px; padding-right: 16px; } .search-page .search-page__field { max-width: 100%; } .search-page .search-page__heading-bar { padding-left: 16px; padding-right: 16px; } .search-page .search-page__results-title { padding-left: 16px; padding-right: 16px; } .search-page .search-page__results-tools { padding-left: 16px; padding-right: 16px; flex-wrap: wrap; align-items: start; } .search-page .search-page__result-tabs { overflow-x: auto; gap: 24px; } .search-page .search-page__section-title { padding-left: 16px; padding-right: 16px; } .search-page .search-page__section-title-text { overflow: visible; font-size: 20px; line-height: 26.4px; white-space: normal; } .search-page .search-page__row { padding-left: 16px; padding-right: 16px; } .search-page .search-page__rec-grid { padding-left: 16px; padding-right: 16px; gap: 24px 4px; grid-template-columns: repeat(2, 1fr); } } .shops .tv-skeleton { border-radius: 4px; background: linear-gradient(90deg, #E8E8E8 40%, #F7F7F7 50%, #E8E8E8 60%); background-size: 200% 100%; animation: tv-shimmer 4s linear infinite; } .shops .tv-shops-map { position: relative; width: 100%; overflow: hidden; } .shops .tv-shops-map__canvas { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .shops .tv-shops-map__fallback { display: flex; width: 100%; height: 100%; } .shops .tv-shops-map__marker { display: block; position: relative; transform: translate(-16px, -32px); } .shops .tv-shops-map__pin { display: block; width: 32px; height: 32px; padding: 0; border: none; background-color: transparent; background-image: url(/assets/icons/map-pin--filled.svg); background-repeat: no-repeat; background-size: 100% 100%; } .shops button.tv-shops-map__pin { cursor: pointer; } .shops .tv-shops-map__marker--active .tv-shops-map__pin { transform: scale(1.25); transform-origin: 50% 100%; } .shops .tv-shops-map__popup { display: block; position: absolute; bottom: 40px; width: 220px; padding: 8px; box-sizing: border-box; border: solid #E8E8E8 1px; background-color: #FFFFFF; left: 50%; transform: translateX(-50%); } .shops .tv-shops-map__popup[hidden] { display: none; } .shops .tv-shops-map__popup-title { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 500; line-height: 21.12px; color: #262626; } .shops .tv-shops-map__popup-line { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #A1A1A1; } .shops .tv-shops-map__choose { font-family: 'Tilda Sans'; font-size: 12px; font-weight: 500; line-height: 15.84px; display: block; width: 100%; padding-top: 8px; padding-bottom: 8px; margin-top: 8px; border: none; cursor: pointer; color: #FFFFFF; text-transform: uppercase; background-color: #262626; } .shops .shops__skeleton-search-text { height: 21.12px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .shops { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; background-color: #FFFFFF; } .shops .shops__spacer { flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .shops .shops__bar { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; align-items: center; background-color: #FFFFFF; } .shops .shops__bar--crumbs { height: 36px; padding: 6px 64px; } .shops .shops__bar--title { height: 64px; padding: 16px 64px; } .shops .shops__crumbs { display: flex; min-width: 0; overflow: hidden; align-items: center; gap: 32px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .shops .shops__crumb { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; color: #262626; text-decoration: none; white-space: nowrap; } .shops .shops__crumb--current { font-weight: 800; } .shops .shops__title { margin: 0; color: #1F1F1F; font-family: 'Tilda Sans'; font-size: 22px; font-weight: 600; line-height: 29.04px; } .shops .shops__section { display: flex; width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; flex-direction: column; } .shops .shops__map-block { display: flex; width: 100%; height: calc(100vh - 241.26px); align-items: stretch; gap: 16px; } .shops .shops__map { display: flex; min-width: 0; justify-content: center; align-items: center; flex-grow: 1; flex-shrink: 1; flex-basis: 0; background-color: #F9F9F9; } .shops .shops__map-fallback { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; } .shops .shops__map-inner { display: flex; max-width: 375px; padding: 24px; box-sizing: border-box; flex-direction: column; align-items: center; gap: 8px; text-align: center; } .shops .shops__map-pin { width: 48px; height: 48px; } .shops .shops__map-title { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; color: #262626; } .shops .shops__map-text { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; color: #A1A1A1; } .shops .shops__side { display: flex; width: 386px; min-height: 0; flex-direction: column; gap: 13px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .shops .shops__search { display: flex; position: relative; width: 100%; height: 54px; padding-left: 20px; box-sizing: border-box; align-items: center; gap: 20px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; background-color: #FFFFFF; } .shops .shops__search::after { position: absolute; left: 16px; bottom: 5px; right: 0; height: 1px; background-color: #262626; content: ''; } .shops .shops__search-icon { display: block; width: 24px; height: 24px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .shops .shops__tabs { display: none; } .shops .shops__tab-input { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0.0; pointer-events: none; } .shops .shops__search-text { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; min-width: 0; padding: 0; border: none; outline-style: none; overflow: hidden; flex-grow: 1; flex-shrink: 1; flex-basis: 0; color: #1F1F1F; text-overflow: ellipsis; white-space: nowrap; background-color: transparent; -webkit-appearance: none; appearance: none; box-shadow: none; } .shops .shops__search-text:focus { outline: none; box-shadow: none; } .shops .shops__search-text:focus-visible { outline: none; box-shadow: none; } .shops .shops__search-text::placeholder { color: #A1A1A1; opacity: 1; } .shops .shops__search-text::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; } .shops .shops__nothing { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; padding: 8px 16px; margin: 0; color: #A1A1A1; } .shops .shops__shop-list { display: flex; min-height: 0; overflow-y: auto; flex-direction: column; gap: 13px; flex-grow: 1; flex-shrink: 1; flex-basis: auto; } .shops .shops__shop { display: flex; width: 100%; padding: 8px 16px; box-sizing: border-box; border: none; appearance: none; cursor: pointer; flex-direction: column; gap: 8px; text-align: start; background-color: #FFFFFF; font: inherit; } @media all and (hover: hover) { .shops .shops__shop:hover { background-color: #F9F9F9; } } .shops .shops__shop--selected { background-color: #E8E8E8; } .shops .shops__shop-name { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; color: #1F1F1F; } .shops .shops__shop-line { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; margin: 0; color: #1F1F1F; } .shops.shops--embedded .shops__bar { padding-left: 0; padding-right: 0; } .shops.shops--embedded .shops__bar--crumbs { padding: 6px 0; } .shops.shops--embedded .shops__bar--title { padding: 16px 0; } .shops.shops--embedded .shops__section { padding: 0; } .shops.shops--embedded .shops__map-block { height: calc(100vh - 273.26px); } @media screen and (max-width: 800px) { .shops .shops__bar { padding-left: 16px; padding-right: 16px; } .shops .shops__bar--crumbs { display: none; } .shops .shops__spacer--crumbs-bottom { display: none; } .shops:not(.shops--embedded) .shops__spacer--top { display: none; } .shops .shops__bar--title { height: 54px; padding-left: 16px; padding-right: 16px; box-sizing: border-box; justify-content: center; align-items: center; background-color: #FFFFFF; } .shops .shops__title { overflow: hidden; font-size: 16px; font-weight: 700; text-transform: uppercase; line-height: 21.12px; text-overflow: ellipsis; white-space: nowrap; } .shops .shops__section { padding-left: 16px; padding-right: 16px; } .shops .shops__map-block { position: relative; height: auto; min-height: auto; flex-direction: column; } .shops.shops--embedded .shops__map-block { height: auto; min-height: auto; } .shops .shops__side { display: contents; } .shops .shops__search { padding: 0; order: 1; } .shops .shops__search::after { position: absolute; left: 0; bottom: 5px; right: 0; } .shops .shops__tabs { order: 2; } .shops .shops__map { width: calc(100% + 32px); min-height: 360px; margin-left: -16px; margin-right: -16px; order: 3; } .shops .shops__shop-list { order: 4; } .shops .shops__nothing { order: 4; } .shops .shops__tabs { display: flex; width: 100%; height: 44px; align-items: center; } .shops .shops__tab { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 500; line-height: 18.48px; display: flex; cursor: pointer; justify-content: center; align-items: center; flex-grow: 1; flex-shrink: 1; flex-basis: 0; color: #A1A1A1; } .shops #shops-tab-list:checked ~ .shops__side .shops__tab--list { color: #262626; font-weight: 500; } .shops #shops-tab-map:checked ~ .shops__side .shops__tab--map { color: #262626; font-weight: 500; } .shops #shops-tab-list:focus-visible ~ .shops__side .shops__tab--list { outline-color: #262626; outline-style: solid; outline-width: 2px; } .shops #shops-tab-map:focus-visible ~ .shops__side .shops__tab--map { outline-color: #262626; outline-style: solid; outline-width: 2px; } .shops #shops-tab-list:checked ~ .shops__map { position: absolute; top: 0; left: 0; right: 0; height: 360px; visibility: hidden; } .shops #shops-tab-map:checked ~ .shops__side .shops__shop-list { gap: 0; } .shops #shops-tab-map:checked ~ .shops__side .shops__shop:not(.shops__shop--selected) { display: none; } .shops .shops__shop-list { margin-left: -16px; margin-right: -16px; overflow-y: visible; gap: 0; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .shops .shops__shop { padding: 16px 16px; } .shops .shops__shop:nth-child(even) { background-color: #F9F9F9; } .shops .shops__shop.shops__shop--selected { background-color: #E8E8E8; } .shops .shops__nothing { padding-top: 16px; padding-bottom: 16px; } .shops.shops--embedded .shops__bar--title { display: none; } .shops.shops--embedded .shops__spacer--crumbs-bottom { display: none; } .shops.shops--embedded .shops__spacer--title-bottom { display: none; } } .showcase-desktop { display: flex; width: 100%; max-width: 1920px; margin-left: auto; margin-right: auto; box-sizing: border-box; flex-direction: column; color: #121212; font-family: 'Tilda Sans'; background-color: #FFFFFF; --tv-hero-offset: 93.26px; } .showcase-desktop .showcase-desktop__banner { display: block; position: relative; width: 100%; } .showcase-desktop .showcase-desktop__banner-link { display: block; width: 100%; } .showcase-desktop .showcase-desktop__banner-image { display: block; width: 100%; height: auto; aspect-ratio: var(--tv-banner-ratio, 2.1818181818181817); object-fit: cover; object-position: center top; } .showcase-desktop .showcase-desktop__banner-title { display: flex; position: absolute; left: 0; bottom: 58px; right: 0; justify-content: center; } .showcase-desktop .showcase-desktop__banner-title-text { display: inline-flex; height: 50px; min-width: 300px; max-width: calc(100% - 32.0px); padding: 4px 32px; box-sizing: border-box; border: solid #121212 2px; border-radius: 0; overflow: hidden; justify-content: center; align-items: center; color: #121212; text-align: center; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 700; text-transform: uppercase; line-height: 40px; background-color: rgba(245, 245, 245, 0.3); } .showcase-desktop .showcase-desktop__banner-title-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .showcase-desktop .showcase-desktop__banner .tv-main-carousel__viewport { aspect-ratio: var(--tv-banner-ratio, 1920 / 880); } .showcase-desktop .showcase-desktop__spacer-64 { height: 64px; flex-shrink: 0; } .showcase-desktop .showcase-desktop__block { display: block; width: 100%; } .showcase-desktop .showcase-desktop__inset { width: 100%; padding-left: 64px; padding-right: 64px; box-sizing: border-box; } .showcase-desktop .showcase-desktop__stories { display: block; width: 100%; box-sizing: border-box; } .showcase-desktop .showcase-desktop__action { display: flex; width: 100%; min-height: 299.55px; padding: 40px 69px; box-sizing: border-box; justify-content: center; align-items: center; } .showcase-desktop .showcase-desktop__action .showcase-desktop__action-column { display: flex; width: 357px; max-width: 100%; flex-direction: column; align-items: center; gap: 16px; text-align: center; } .showcase-desktop .showcase-desktop__action .showcase-desktop__action-title { margin: 0; color: #121212; font-size: 21.61px; font-weight: 700; text-transform: uppercase; line-height: 24.31px; } .showcase-desktop .showcase-desktop__action .showcase-desktop__action-text { margin: 0; color: #121212; font-size: 20px; font-weight: 400; line-height: 24.31px; } .showcase-desktop .showcase-desktop__action .showcase-desktop__action-button { display: flex; width: 300px; height: 50px; box-sizing: border-box; border: none; appearance: none; cursor: pointer; justify-content: center; align-items: center; color: #F5F5F5; font-family: 'Tilda Sans'; font-size: 23.68px; font-weight: 700; text-decoration: none; text-transform: uppercase; line-height: 28.95px; background-color: #E52421; } .showcase-desktop .showcase-desktop__action .showcase-desktop__action-link { color: #121212; font-size: 16px; font-weight: 400; text-decoration: underline; letter-spacing: 0.675px; line-height: 24.31px; } .showcase-desktop .showcase-desktop__tiles { gap: 22px; } .showcase-desktop .showcase-desktop__tile { flex-grow: 0; flex-shrink: 0; flex-basis: calc((100% - 66.0px) / 4); scroll-snap-align: start; } .showcase-desktop .showcase-desktop__section-title { display: flex; min-height: 45px; margin: 0; align-items: center; color: #121212; font-size: 30px; font-weight: 600; line-height: 1.32; } .showcase-desktop .showcase-desktop__button { display: flex; width: 100%; box-sizing: border-box; justify-content: center; } .showcase-desktop .showcase-desktop__button-row { display: flex; flex-wrap: wrap; justify-content: start; gap: 8px; } .showcase-desktop .showcase-desktop__chip { display: inline-flex; padding: 8px 20px; box-sizing: border-box; border-radius: 6px; align-items: center; color: #262626; text-decoration: none; background-color: #F9F9F9; } .showcase-desktop .showcase-desktop__chip { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; } .showcase-desktop .showcase-desktop__unavailable { display: flex; padding: 64px 64px; box-sizing: border-box; flex-direction: column; align-items: center; gap: 24px; } .showcase-desktop .showcase-desktop__unavailable .showcase-desktop__unavailable-text { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; max-width: 357px; margin: 0; color: #121212; text-align: center; } .showcase-desktop__button .tv-button-outlined { width: 300px; height: 50px; max-width: 100%; padding-left: 16px; padding-right: 16px; box-sizing: border-box; border: solid #121212 1px; border-radius: 0; } .showcase-desktop__button .tv-button-outlined__label { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 500; line-height: 18.48px; } .showcase-desktop__products .tv-product-row { width: 100%; max-width: none; } .showcase-desktop__products-title { margin: 0; color: #121212; font-size: 34px; font-weight: 700; text-transform: uppercase; line-height: 1.32; } .showcase-desktop__products-gap { height: 16px; } .showcase-desktop__products-grid { display: grid; width: 100%; grid-template-columns: repeat(4, 1fr); column-gap: 16.0px; row-gap: 24.0px; } .showcase-desktop__products .tv-product-row--carousel-4 .tv-product-row__track { padding-left: 64px; padding-right: 64px; justify-content: start; scroll-padding-inline: 64.0px; } .showcase-desktop__products .tv-product-row--carousel-4 .tv-product-row__track > * { max-width: none; flex-grow: 0; flex-shrink: 0; flex-basis: calc((100% - 48.0px) / 4); } @media screen and (max-width: 1200px) { .showcase-desktop__inset { padding-left: 16px; padding-right: 16px; } .showcase-desktop__tile { flex-grow: 0; flex-shrink: 0; flex-basis: calc((100% - 33.0px) / 2.5); } .showcase-desktop__products .tv-product-row--carousel-4 .tv-product-row__track { padding-left: 16px; padding-right: 16px; } .showcase-desktop__products .tv-product-row--carousel-4 .tv-product-row__track > * { flex-grow: 0; flex-shrink: 0; flex-basis: calc((100% - 24.0px) / 2.5); } .showcase-desktop__unavailable { padding: 32px 16px; } } @media screen and (max-width: 1024px) { .showcase-desktop { --tv-hero-offset: 59.26px; } } .showcase-desktop__looks { display: flex; padding: 64px 64px 124px 64px; box-sizing: border-box; flex-direction: column; gap: 24px; background-color: #000000; } .showcase-desktop__looks-head { display: flex; justify-content: start; align-items: center; gap: 16px; } .showcase-desktop__looks-title { margin: 0; color: #FFFFFF; font-family: 'Tilda Sans'; font-size: 30px; font-weight: 700; text-transform: uppercase; line-height: 1.32px; } .showcase-desktop__looks-logo { display: inline-flex; padding: 2px 8px; align-items: center; color: #FFFFFF; font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; text-transform: uppercase; line-height: 26.4px; background-color: #E52421; } .showcase-desktop__looks-row { display: flex; gap: 22px; } .showcase-desktop__look { display: block; flex-grow: 1; flex-shrink: 1; flex-basis: 0; text-decoration: none; min-width: 0; max-width: 431.0px; } .showcase-desktop__look-photo { display: flex; position: relative; width: 100%; flex-direction: column; justify-content: end; background-color: #E8E8E8; aspect-ratio: 431.0 / 637.0; } .showcase-desktop__look-image { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .showcase-desktop__look-badge { font-family: 'Tilda Sans'; font-size: 11px; font-weight: 500; line-height: 14.52px; position: absolute; top: 18.559px; left: 18.559px; padding: 2px 8px; color: #262626; background-color: #FFFFFF; } .showcase-desktop__look-caption { position: relative; height: 113px; padding-top: 37.118px; padding-left: 18.559px; padding-right: 18.559px; box-sizing: border-box; color: #FFFFFF; font-family: 'Tilda Sans'; font-size: 32px; font-weight: 700; text-transform: uppercase; line-height: 1.32; } .showcase-desktop__looks-action { display: flex; margin-top: 16px; justify-content: center; } .showcase-desktop__looks-action .tv-button-outlined { width: 300px; height: 50px; max-width: 100%; padding: 7px 24px; border: solid #FFFFFF 2px; border-radius: 0; color: #FFFFFF; font-size: 24px; line-height: 31.68px; background-color: #121212; } @media all and (hover: hover) { .showcase-desktop__looks-action .tv-button-outlined:hover { color: #121212; background-color: #FFFFFF; } } .showcase-mobile { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; align-items: stretch; font-family: 'Tilda Sans', sans-serif; background-color: #FFFFFF; --tv-hero-offset: calc(52.0px + env(safe-area-inset-bottom, 0px)); } .showcase-mobile .showcase-mobile__spacer { width: 100%; flex-grow: 0; flex-shrink: 0; } .showcase-mobile .showcase-mobile__block { width: 100%; } .showcase-mobile .showcase-mobile__notice { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 18px; padding: 16px 16px; margin: 0; color: #121212; text-align: center; } .showcase-mobile .showcase-mobile__hero { position: relative; width: 100%; } .showcase-mobile .showcase-mobile__hero .tv-main-carousel { position: relative; padding: 0; background-color: #E8E8E8; } .showcase-mobile .showcase-mobile__hero .tv-main-carousel__dots { position: absolute; bottom: 18px; gap: 20px; } .showcase-mobile .showcase-mobile__hero .tv-main-carousel__dot { width: 7px; height: 7px; } .showcase-mobile .showcase-mobile__hero .tv-main-carousel__dot:not(.tv-main-carousel__dot--active) { background-color: rgba(161, 161, 161, 0.4); } .showcase-mobile .showcase-mobile__logo { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 21.12px; display: flex; justify-content: center; align-items: center; color: #E52421; text-decoration: none; text-transform: uppercase; } .showcase-mobile .showcase-mobile__logo--action { width: 67px; height: 26px; } .showcase-mobile .showcase-mobile__logo--looks { width: 55px; height: 26px; color: #FFFFFF; background-color: #E52421; } .showcase-mobile .showcase-mobile__hero-title { display: flex; position: absolute; left: 50%; bottom: 41px; height: 50px; min-width: 300px; max-width: calc(100% - 32.0px); padding: 4px 32px; box-sizing: border-box; overflow: hidden; justify-content: center; align-items: center; background-color: rgba(245, 245, 245, 0.3); transform: translateX(-50%); outline: 2px solid #121212; outline-offset: -2px; border-radius: 0; } .showcase-mobile .showcase-mobile__hero-title-text { min-width: 0; overflow: hidden; color: #121212; text-align: center; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 700; font-style: normal; text-transform: uppercase; line-height: 40px; text-overflow: ellipsis; white-space: nowrap; } .showcase-mobile .showcase-mobile__stories { display: block; width: 100%; box-sizing: border-box; } .showcase-mobile .showcase-mobile__sections { position: sticky; top: 45px; z-index: 99; width: 100%; height: 60px; padding: 0 14px; box-sizing: border-box; align-items: start; max-width: none; } .showcase-mobile .showcase-mobile__sections .tv-sections__item { height: 55px; padding-top: 19px; box-sizing: border-box; border-bottom-style: solid; border-bottom-color: #D6D8D9; border-bottom-width: 2px; cursor: pointer; color: #1F1F1F; font-weight: 700; background-color: transparent; } .showcase-mobile .showcase-mobile__sections .tv-sections__item--active { border-bottom-style: solid; border-bottom-color: #EB1B23; border-bottom-width: 2px; color: #1F1F1F; } .showcase-mobile .showcase-mobile__action { display: flex; width: 100%; min-height: 314px; padding: 40px 50px; box-sizing: border-box; justify-content: center; align-items: center; } .showcase-mobile .showcase-mobile__action-inner { display: flex; width: 100%; max-width: 275px; flex-direction: column; align-items: center; gap: 16px; } .showcase-mobile .showcase-mobile__action-title { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 700; line-height: 18px; margin: 0; color: #121212; text-align: center; text-transform: uppercase; } .showcase-mobile .showcase-mobile__action-text { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 18px; margin: 0; color: #121212; text-align: center; } .showcase-mobile .showcase-mobile__action-button { display: flex; width: 300px; height: 50px; padding: 7px 32px; margin-top: 4px; box-sizing: border-box; border: none; appearance: none; cursor: pointer; justify-content: center; align-items: center; gap: 8px; text-decoration: none; background-color: #E52421; } .showcase-mobile .showcase-mobile__action-button-label { color: #F5F5F5; text-align: center; font-family: 'Tilda Sans'; font-size: 18px; font-weight: 700; font-style: normal; text-transform: uppercase; line-height: 22px; } .showcase-mobile .showcase-mobile__action-note { color: #121212; font-family: 'Tilda Sans'; font-size: 11px; font-weight: 400; font-style: normal; text-decoration: underline; letter-spacing: 0.5px; line-height: 18px; } .showcase-mobile .showcase-mobile__grid { display: flex; width: 100%; flex-direction: column; } .showcase-mobile .showcase-mobile__grid--looks { display: grid; gap: 4px; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 3.0px; } .showcase-mobile .showcase-mobile__grid-row { display: flex; width: 100%; flex-direction: row; gap: 3px; } .showcase-mobile .showcase-mobile__tile { display: flex; min-width: 0px; flex-direction: column; flex-grow: 1; flex-shrink: 1; flex-basis: 0; color: #121212; text-decoration: none; } .showcase-mobile .showcase-mobile__badges { display: flex; position: absolute; top: 8px; left: 8px; flex-wrap: wrap; gap: 4px; } .showcase-mobile .showcase-mobile__badge { font-family: 'Tilda Sans'; font-size: 11px; font-weight: 500; line-height: 14.52px; display: inline-flex; padding: 2px 6px; align-items: center; color: #EB1B23; background-color: #FFFFFF; } .showcase-mobile .showcase-mobile__badge--accent { color: #FFFFFF; background-color: #EB1B23; } .showcase-mobile .showcase-mobile__looks { display: flex; width: 100%; padding-top: 24px; box-sizing: border-box; flex-direction: column; background-color: #000000; } .showcase-mobile .showcase-mobile__looks-head { display: flex; padding-left: 16px; padding-right: 16px; box-sizing: border-box; align-items: center; gap: 16px; } .showcase-mobile .showcase-mobile__looks .showcase-mobile__section-title { color: #FFFFFF; } .showcase-mobile .showcase-mobile__looks-action { display: flex; padding-top: 29px; padding-bottom: 29px; justify-content: center; } .showcase-mobile .showcase-mobile__looks-button { width: 300px; height: 50px; min-height: 50px; max-width: 100%; padding: 7px 24px; border: solid #FFFFFF 2px; border-radius: 0; color: #FFFFFF; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 700; text-transform: uppercase; line-height: 31.68px; background-color: #121212; } .showcase-mobile .showcase-mobile__looks-button .tv-button-outlined__label { color: #FFFFFF; } .showcase-mobile .showcase-mobile__button-row { display: flex; width: 100%; padding-left: 16px; padding-right: 16px; box-sizing: border-box; justify-content: center; } .showcase-mobile .showcase-mobile__api-button { width: 300px; height: 50px; max-width: 100%; padding-left: 16px; padding-right: 16px; box-sizing: border-box; border: solid #121212 1px; border-radius: 0; } .showcase-mobile .showcase-mobile__api-button .tv-button-outlined__label { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 500; line-height: 18.48px; } .showcase-mobile .showcase-mobile__banner { display: block; position: relative; width: 100%; overflow: hidden; background-color: #E8E8E8; aspect-ratio: var(--tv-banner-ratio, 375 / 812); } .showcase-mobile .showcase-mobile__banner.showcase-mobile__banner--screen { height: calc(100dvh - var(--tv-hero-offset, 0px)); aspect-ratio: auto; } .showcase-mobile .showcase-mobile__banner .showcase-mobile__banner-link { display: block; width: 100%; height: 100%; } .showcase-mobile .showcase-mobile__banner .showcase-mobile__banner-image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; } .showcase-mobile .showcase-mobile__banner .showcase-mobile__banner-title { display: flex; position: absolute; left: 0; bottom: 58px; right: 0; pointer-events: none; justify-content: center; } .showcase-mobile .showcase-mobile__banner .showcase-mobile__banner-title-text { display: inline-flex; height: 50px; min-width: 300px; max-width: calc(100% - 32.0px); padding: 4px 32px; box-sizing: border-box; border: solid #121212 2px; border-radius: 0; overflow: hidden; justify-content: center; align-items: center; color: #121212; text-align: center; font-family: 'Tilda Sans'; font-size: 24px; font-weight: 700; text-transform: uppercase; line-height: 40px; background-color: rgba(245, 245, 245, 0.3); } .showcase-mobile .showcase-mobile__banner .showcase-mobile__banner-title-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .showcase-mobile .showcase-mobile__banner .tv-main-carousel__viewport { aspect-ratio: var(--tv-banner-ratio, 375 / 812); } .showcase-mobile .showcase-mobile__banner .tv-main-carousel__track { height: 100%; } .showcase-mobile .showcase-mobile__banner .tv-main-carousel__slide { height: 100%; } .showcase-mobile .showcase-mobile__banner .tv-main-carousel__link { height: 100%; } .showcase-mobile .showcase-mobile__banner .tv-main-carousel__image { height: 100%; object-fit: cover; object-position: center; } .showcase-mobile .showcase-mobile__section-head { display: flex; width: 100%; padding-left: 16px; padding-right: 16px; box-sizing: border-box; align-items: center; } .showcase-mobile .showcase-mobile__section-title { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 700; line-height: 26.4px; margin: 0; color: #262626; text-transform: uppercase; } .showcase-mobile .showcase-mobile__section-title--api { text-transform: none; } .showcase-mobile .showcase-mobile__products { display: flex; width: 100%; flex-direction: column; } .showcase-mobile .showcase-mobile__products-track { display: flex; width: 100%; flex-direction: row; gap: 4px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; } .showcase-mobile .showcase-mobile__products-grid { display: grid; width: 100%; grid-template-columns: repeat(2, 1fr); column-gap: 3.0px; row-gap: 24.0px; } .showcase-mobile .showcase-mobile__products-grid .showcase-mobile__product { width: 100%; } .showcase-mobile .showcase-mobile__picks-track { display: flex; width: 100%; box-sizing: border-box; flex-direction: row; gap: 4px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; } .showcase-mobile .showcase-mobile__picks-item { display: block; width: calc(100vw / 2.8); flex-grow: 0; flex-shrink: 0; text-decoration: none; scroll-snap-align: start; } .showcase-mobile .showcase-mobile__picks-photo { width: 100%; overflow: hidden; background-color: #E8E8E8; aspect-ratio: var(--tv-pick-ratio, 0.67); } .showcase-mobile .showcase-mobile__picks-image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .showcase-mobile .showcase-mobile__product { display: block; position: relative; width: 162px; flex-grow: 0; flex-shrink: 0; scroll-snap-align: start; } .showcase-mobile .showcase-mobile__product .tv-product-card { width: 100%; } .showcase-responsive .tv-skeleton { border-radius: 4px; background: linear-gradient(90deg, #E8E8E8 40%, #F7F7F7 50%, #E8E8E8 60%); background-size: 200% 100%; animation: tv-shimmer 4s linear infinite; } .showcase-responsive.showcase-responsive--loading { min-height: 100vh; background-color: #FFFFFF; } .showcase-responsive.showcase-responsive--loading .tv-main-carousel.tv-main-carousel--hero .tv-main-carousel__viewport.tv-skeleton { background: linear-gradient(90deg, #E8E8E8 40%, #F7F7F7 50%, #E8E8E8 60%); background-size: 200% 100%; animation: tv-shimmer 4s linear infinite; } .showcase-responsive .showcase-responsive__desktop { display: none; } @media screen and (min-width: 800px) { .showcase-responsive .showcase-responsive__mobile { display: none; } .showcase-responsive .showcase-responsive__desktop { display: block; } } @keyframes stories-frame-progress { 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } } .stories-page { display: flex; position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 1000; height: 100vh; min-height: 100vh; padding: 0; box-sizing: border-box; overflow: hidden; color: #FFFFFF; font-family: 'Tilda Sans'; background-color: rgba(0, 0, 0, 0.38); transition: background-color 300ms ease-in; } .stories-page--closing { pointer-events: none; background-color: rgba(0, 0, 0, 0); } .stories-page--flipping .stories-page__group--active { transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms ease-in, border-radius 300ms ease-in; } .stories-page .stories-page__stage { display: flex; position: relative; width: 100%; height: 100%; overflow: hidden; touch-action: pan-y; perspective: 250vw; perspective-origin: 50% 50%; } .stories-page .stories-page__backdrop { display: block; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 100%; padding: 0; margin: 0; border: none; cursor: default; background-color: transparent; } .stories-page .stories-page__group { display: block; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; overflow: hidden; background-color: #000000; z-index: 1; transform: translate(-50%, -50%); opacity: 1; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .stories-page .stories-page__group--active { z-index: 2; } .stories-page--settling .stories-page__group { transition: transform 300ms cubic-bezier(0.42, 0, 1, 1); } .stories-page--side-tap .stories-page__group { transition: transform 220ms cubic-bezier(0, 0, 0.58, 1); } .stories-page .stories-page__side-switch { display: none; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 100%; padding: 0; margin: 0; border: none; cursor: pointer; background-color: transparent; z-index: 8; } .stories-page .stories-page__media { display: block; width: 100%; height: 100%; background-color: #F2F2F2; object-fit: cover; } .stories-page .stories-page__shade { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-image: linear-gradient(to bottom, rgba(31,31,31,.3) 0%, rgba(31,31,31,0) 30%); } .stories-page .stories-page__indicators { display: flex; position: absolute; top: 24px; left: 16px; right: 16px; height: 3px; gap: 2px; z-index: 7; } .stories-page .stories-page__indicator { height: 3px; border-radius: 3px; overflow: hidden; flex-grow: 1; flex-shrink: 1; flex-basis: 0; background-color: rgba(255, 255, 255, 0.7); } .stories-page .stories-page__indicator-fill { display: block; width: 100%; height: 100%; background-color: #FFFFFF; transform: scaleX(0); transform-origin: left center; } .stories-page .stories-page__indicator--done .stories-page__indicator-fill { transform: scaleX(1); } .stories-page .stories-page__indicator--active .stories-page__indicator-fill { animation-name: stories-frame-progress; animation-timing-function: linear; animation-fill-mode: both; } .stories-page--paused .stories-page__indicator--active .stories-page__indicator-fill { animation-play-state: paused; } .stories-page--dragging .stories-page__indicator--active .stories-page__indicator-fill { animation-play-state: paused; } .stories-page--settling .stories-page__indicator--active .stories-page__indicator-fill { animation-play-state: paused; } .stories-page--closing .stories-page__indicator--active .stories-page__indicator-fill { animation-play-state: paused; } .stories-page .stories-page__top { display: flex; position: absolute; top: 40px; left: 16px; right: 16px; justify-content: space-between; align-items: center; gap: 8px; z-index: 7; } .stories-page .stories-page__identity { display: flex; min-width: 0px; align-items: center; gap: 8px; flex-grow: 1; flex-shrink: 1; } .stories-page .stories-page__avatar { display: block; width: 48px; height: 48px; border: solid #FFFFFF 2px; border-radius: 50%; flex-grow: 0; flex-shrink: 0; background-color: #F2F2F2; object-fit: cover; } .stories-page .stories-page__title { min-width: 0px; margin: 0; overflow: hidden; color: #FFFFFF; font-size: 11px; font-weight: 600; text-transform: uppercase; line-height: 14.52px; text-overflow: ellipsis; white-space: nowrap; } .stories-page .stories-page__close, .stories-page__desktop-close { display: flex; width: 40px; height: 40px; padding: 0; margin: 0; border: none; cursor: pointer; justify-content: center; align-items: center; flex-grow: 0; flex-shrink: 0; color: #FFFFFF; text-decoration: none; background-color: transparent; } .stories-page .stories-page__desktop-close { display: none; } .stories-page .stories-page__close-icon { display: block; width: 24px; height: 24px; } .stories-page .stories-page__gesture-row { display: flex; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 4; } .stories-page .stories-page__gesture { display: block; padding: 0; margin: 0; border: none; cursor: pointer; flex-grow: 1; flex-shrink: 1; flex-basis: 0; background-color: transparent; } .stories-page .stories-page__cta-wrap { display: flex; position: absolute; left: 16px; bottom: 20px; right: 16px; justify-content: center; } .stories-page .stories-page__cta { display: inline-flex; min-height: 48px; padding: 12px 24px; border-radius: 24px; justify-content: center; align-items: center; color: #262626; font-size: 14px; font-weight: 600; text-decoration: none; line-height: 18.48px; background-color: #FFFFFF; } .stories-page .stories-page__products { display: block; position: absolute; left: 0px; bottom: 0px; right: 0px; z-index: 6; pointer-events: none; } .stories-page .stories-page__products-panel { max-height: 50vh; padding-top: 12px; padding-bottom: 76px; border-top-left-radius: 16px; border-top-right-radius: 16px; overflow: hidden; color: #262626; background-color: #FFFFFF; transform: translateY(100%); transition: transform 280ms ease-out, visibility 0s linear 280ms; visibility: hidden; pointer-events: auto; } .stories-page .stories-page__products--expanded .stories-page__products-panel { transform: translateY(0); transition: transform 280ms ease-out, visibility 0s; visibility: visible; } .stories-page .stories-page__products-handle { display: block; width: 40px; height: 4px; margin-left: auto; margin-right: auto; margin-bottom: 12px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.15); } .stories-page .stories-page__products-title { margin-bottom: 12px; color: #262626; text-align: center; font-size: 14px; font-weight: 500; line-height: 18.48px; } .stories-page .stories-page__products-track { display: flex; padding-left: 16px; padding-right: 16px; overflow: auto hidden; gap: 8px; } .stories-page .stories-page__product { width: 186px; flex-grow: 0; flex-shrink: 0; flex-basis: 186px; } .stories-page .stories-page__products-rail .tv-scroll-rail__arrow { width: 32px; height: 32px; padding: 0; border-radius: 50%; background-color: #FFFFFF; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18); top: 50%; bottom: auto; transform: translateY(-50%); } .stories-page .stories-page__products-rail .tv-scroll-rail__arrow--prev { position: absolute; left: 8px; } .stories-page .stories-page__products-rail .tv-scroll-rail__arrow--next { position: absolute; right: 8px; } .stories-page .stories-page__products-rail .tv-scroll-rail__arrow-icon { width: 16px; height: 16px; } .stories-page .stories-page__products-toggle { display: inline-flex; min-height: 48px; padding: 12px 24px; border: none; border-radius: 24px; cursor: pointer; justify-content: center; align-items: center; color: #262626; font-size: 14px; font-weight: 600; line-height: 18.48px; background-color: #FFFFFF; position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); pointer-events: auto; } .stories-page .stories-page__notice { margin: auto auto; color: #FFFFFF; text-align: center; } @media screen and (min-width: 800px) { .stories-page .stories-page__stage { perspective: 83.33vw; } .stories-page .stories-page__group { width: calc(100vw / 3); height: calc(100vh - 32px); } .stories-page .stories-page__close { display: none; } .stories-page .stories-page__side-switch { display: block; } .stories-page .stories-page__desktop-close { display: flex; position: absolute; top: 32px; right: 32px; width: 48px; height: 48px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.26); z-index: 8; } .stories-page .stories-page__desktop-close .stories-page__close-icon { width: 32px; height: 32px; } } .tv-category-carousel { display: flex; width: 100%; max-width: 1792px; box-sizing: border-box; flex-direction: column; } .tv-category-carousel__track { display: flex; width: 100%; box-sizing: border-box; overflow: auto hidden; flex-direction: row; gap: 8px; } .tv-category-carousel__controls { display: flex; margin-top: 16px; flex-direction: row; justify-content: end; align-items: center; gap: 8px; } .tv-category-carousel__arrow { display: flex; padding: 8px; box-sizing: border-box; border: none; cursor: pointer; justify-content: center; align-items: center; background-color: transparent; } .tv-category-carousel__arrow:disabled { cursor: default; } .tv-category-carousel__arrow-icon { display: block; width: 24px; height: 24px; } .tv-category-carousel__item { display: block; position: relative; width: 352px; height: 596px; box-sizing: border-box; flex-grow: 0; flex-shrink: 0; flex-basis: 352px; color: #262626; text-decoration: none; } .tv-category-carousel__item .tv-category-carousel__image { display: block; width: 100%; height: 100%; background-color: #DADADA; object-fit: cover; } .tv-category-carousel__item .tv-category-carousel__label { display: block; position: absolute; left: 0px; bottom: 17px; right: 0px; color: #262626; text-align: center; font-family: 'Tilda Sans'; font-size: 30px; font-weight: 600; line-height: 36px; } @media screen and (max-width: 480px) { .tv-category-carousel__item { width: calc(100vw - 32.0px); height: auto; aspect-ratio: 352/596; flex-grow: 0; flex-shrink: 0; flex-basis: calc(100vw - 32.0px); } } .tv-fp { display: flex; padding: 0; margin: 0; border: none; flex-direction: column; } .tv-fp__sort { display: flex; padding-top: 14px; padding-bottom: 16px; flex-direction: column; } .tv-fp__sort .tv-fp__sort-title { font-family: 'Tilda Sans'; font-size: 18px; font-weight: 400; line-height: 23.76px; margin: 0; color: #1F1F1F; } .tv-fp__sort .tv-fp__sort-list { display: flex; margin-top: 30.24px; flex-direction: column; gap: 16px; } .tv-fp__sort .tv-fp__sort-row { display: flex; min-height: 21px; justify-content: space-between; align-items: end; gap: 8px; color: #262626; text-decoration: none; } .tv-fp__sort .tv-fp__sort-label { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; display: block; min-width: 0; } .tv-fp__sort .tv-fp__sort-check { display: block; width: 24px; height: 24px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; background-color: #262626; mask-image: url('/assets/icons/consent--check.svg'); mask-size: contain; mask-repeat: no-repeat; mask-position: center; -webkit-mask-image: url('/assets/icons/consent--check.svg'); -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; } .tv-fp__group { padding: 0 0 27.5px 0; margin: 0 0 27.5px 0; border-left-style: none; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-bottom-color: #E8E8E8; border-bottom-width: 1px; min-inline-size: 0; } .tv-fp__group .tv-fp__group-title { display: block; padding: 17px 0; margin: 0; color: #1F1F1F; font-family: 'Tilda Sans'; font-size: 18px; font-weight: 500; line-height: 23.76px; } .tv-fp__group .tv-fp__chips { display: flex; flex-wrap: wrap; gap: 10px; } .tv-fp__chip { display: inline-flex; position: relative; cursor: pointer; } .tv-fp__chip .tv-fp__chip-input { position: absolute; width: 100%; height: 100%; margin: 0; opacity: 0.0; cursor: pointer; inset: 0; } .tv-fp__chip .tv-fp__chip-face { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; display: flex; height: 38px; padding-left: 16px; padding-right: 16px; box-sizing: border-box; justify-content: center; align-items: center; color: #1F1F1F; background-color: #F9F9F9; user-select: none; -webkit-user-select: none; transition: background-color 120ms cubic-bezier(0, 0, 0.58, 1), color 120ms cubic-bezier(0, 0, 0.58, 1); } .tv-fp__chip .tv-fp__chip-input:checked ~ .tv-fp__chip-face { color: #FFFFFF; background-color: #1F1F1F; } @media all and (hover: hover) { .tv-fp__chip .tv-fp__chip-input:not(:checked):hover ~ .tv-fp__chip-face { background-color: #E8E8E8; } } .tv-fp__chip .tv-fp__chip-input:focus-visible ~ .tv-fp__chip-face { outline-color: #262626; outline-style: solid; outline-width: medium; outline-offset: 2px; } .tv-fp__more { display: block; } .tv-fp__more[open] { width: 100%; flex-grow: 0; flex-shrink: 0; flex-basis: 100%; } .tv-fp__more .tv-fp__more-face { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; display: inline-flex; height: 38px; padding-left: 16px; padding-right: 16px; box-sizing: border-box; cursor: pointer; justify-content: center; align-items: center; list-style-type: none; color: #1F1F1F; background-color: #F9F9F9; user-select: none; -webkit-user-select: none; } @media all and (hover: hover) { .tv-fp__more .tv-fp__more-face:hover { background-color: #E8E8E8; } } .tv-fp__more .tv-fp__more-chips { display: flex; margin-top: 10px; flex-wrap: wrap; gap: 10px; } .tv-fp__more .tv-fp__more-close { display: none; } .tv-fp__more-face::-webkit-details-marker { display: none; } .tv-fp__more[open] .tv-fp__more-open { display: none; } .tv-fp__more[open] .tv-fp__more-close { display: inline; } .tv-fp__apply { display: flex; width: 100%; height: 50px; padding: 0; border: none; cursor: pointer; justify-content: center; align-items: center; color: #FFFFFF; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; text-transform: uppercase; line-height: 18.48px; background-color: #262626; } .tv-fp__apply:disabled { cursor: default; color: #A1A1A1; background-color: #E8E8E8; } .tv-fp__apply--busy { opacity: 0.7; transition: opacity 120ms cubic-bezier(0, 0, 0.58, 1); } .tv-fp__reset { display: flex; width: 100%; height: 50px; box-sizing: border-box; border: solid #262626 1px; cursor: pointer; justify-content: center; align-items: center; color: #262626; font-family: 'Tilda Sans'; font-size: 14px; font-weight: 800; text-decoration: none; text-transform: uppercase; line-height: 18.48px; background-color: #FFFFFF; } .tv-fp__reset--disabled { border: solid #A1A1A1 1px; cursor: default; color: #A1A1A1; pointer-events: none; } .tv-fp-ov .tv-ov__head { border-bottom-style: solid; border-bottom-color: #E7E7E7; border-bottom-width: 1px; } .tv-fp-ov .tv-ov__title { font-size: 18px; font-weight: 800; line-height: 23.76px; } .tv-fp-ov .tv-ov__body { padding: 16px 16px; } .tv-fp-ov .tv-ov__footer { padding: 24px 16px; gap: 24px; } @media screen and (max-width: 800px) { .tv-fp__group { border-bottom-style: solid; border-bottom-color: #E8E8E8; border-bottom-width: 2px; } .tv-fp__group .tv-fp__group-title { padding: 16px 0; font-size: 16px; line-height: 21.12px; } .tv-fp__group .tv-fp__chips { gap: 12px; } .tv-fp__more .tv-fp__more-chips { margin-top: 12px; gap: 12px; } .tv-fp__apply { font-size: 12px; font-weight: 500; line-height: 15.84px; } .tv-fp__reset { font-size: 12px; font-weight: 500; line-height: 15.84px; } } .tv-category-tile { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; color: #121212; text-decoration: none; } .tv-category-tile .tv-showcase-tile__photo { width: 100%; aspect-ratio: 186/275; overflow: hidden; background-color: #E8E8E8; } .tv-category-tile .tv-showcase-tile__image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: filter .2s ease; } .tv-category-tile .tv-showcase-tile__caption { font-family: 'Tilda Sans'; font-size: 7.527cqw; font-weight: 700; line-height: 9.677cqw; display: flex; box-sizing: border-box; overflow: hidden; align-items: center; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; } .tv-category-tile .tv-category-tile__caption { height: 13.978cqw; padding-left: 4.301cqw; padding-right: 4.301cqw; color: #121212; } @media all and (hover: hover) { .tv-category-tile .tv-category-tile:hover .tv-showcase-tile__image { filter: brightness(0.92); } } .tv-look-tile { display: block; position: relative; width: 100%; box-sizing: border-box; color: #FFFFFF; text-decoration: none; } .tv-look-tile .tv-showcase-tile__photo { width: 100%; aspect-ratio: 186/275; overflow: hidden; background-color: #E8E8E8; } .tv-look-tile .tv-showcase-tile__image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: filter .2s ease; } .tv-look-tile .tv-showcase-tile__caption { font-family: 'Tilda Sans'; font-size: 7.527cqw; font-weight: 700; line-height: 9.677cqw; display: flex; box-sizing: border-box; overflow: hidden; align-items: center; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; } .tv-look-tile .tv-look-tile__caption { padding: 8.602cqw 4.301cqw 8.065cqw 4.301cqw; color: #FFFFFF; } @media all and (hover: hover) { .tv-look-tile .tv-look-tile:hover .tv-showcase-tile__image { filter: brightness(0.92); } } .tv-sort-option { display: block; width: 100%; box-sizing: border-box; border-bottom-style: solid; border-bottom-color: #DADADA; border-bottom-width: 1px; font-family: 'Tilda Sans'; background-color: transparent; } .tv-sort-option .tv-sort-option__row { display: flex; height: 42px; box-sizing: border-box; flex-direction: row; justify-content: space-between; align-items: center; } .tv-sort-option .tv-sort-option__label { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; display: block; color: #1F1F1F; } .tv-sort-option .tv-sort-option__mark { display: flex; width: 24px; height: 24px; box-sizing: border-box; border: solid #262626 1px; border-radius: 50%; justify-content: center; align-items: center; flex-shrink: 0; background-color: transparent; } .tv-sort-option .tv-sort-option__check { display: block; width: 24px; height: 24px; background-color: #FFFFFF; -webkit-mask-image: url('/assets/icons/consent--check.svg'); mask-image: url('/assets/icons/consent--check.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: -1px 1px; mask-position: -1px 1px; -webkit-mask-size: 24px 24px; mask-size: 24px 24px; } .tv-sort-option--selected .tv-sort-option__mark { border: none; background-color: #1F1F1F; } @media screen and (max-width: 480px) { .tv-sort-option__row { height: auto; min-height: 42px; gap: 8px; } .tv-sort-option__label { min-width: 0px; } } .tv-story-carousel { display: flex; position: relative; width: 100%; box-sizing: border-box; overflow: hidden hidden; align-items: center; } .tv-story-carousel .tv-story-carousel__track { display: flex; width: 100%; box-sizing: border-box; overflow: auto hidden; flex-direction: row; } .tv-story-carousel .tv-story-carousel__item { display: flex; padding: 0; margin: 0; box-sizing: border-box; border: none; cursor: pointer; flex-direction: column; align-items: center; color: #1F1F1F; text-decoration: none; background-color: transparent; } .tv-story-carousel .tv-story-carousel__media { display: block; width: 100%; box-sizing: border-box; background-color: #DADADA; object-fit: cover; } .tv-story-carousel .tv-story-carousel__caption { display: block; width: 100%; box-sizing: border-box; color: #1F1F1F; text-align: center; font-family: 'Tilda Sans'; font-weight: 400; } .tv-story-carousel__nav { display: flex; position: absolute; width: 64px; height: 64px; padding: 0; margin: 0; box-sizing: border-box; border: none; border-top-left-radius: 16px; border-bottom-left-radius: 16px; cursor: pointer; align-items: center; background-color: #D1D1D3; } .tv-story-carousel__nav--prev { position: absolute; left: 0px; padding-left: 17px; justify-content: start; } .tv-story-carousel__nav--next { position: absolute; right: 0px; padding-right: 17px; justify-content: end; } .tv-story-carousel__nav-chevron { display: block; width: 25.091796875px; height: 44.18359375px; overflow: visible; } .tv-story-carousel__side-nav { display: flex; width: 64px; height: 61px; padding: 0; margin: 0; box-sizing: border-box; border: none; cursor: pointer; justify-content: center; align-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: 64px; background-color: transparent; } .tv-story-carousel__side-nav--next .tv-story-carousel__side-chevron { transform: scaleX(-1); } .tv-story-carousel__side-chevron { display: block; width: 100%; height: 100%; } .tv-story-carousel--rounded { max-width: 1500px; } .tv-story-carousel--rounded .tv-story-carousel__track { align-items: center; column-gap: 22.8px; } .tv-story-carousel--rounded .tv-story-carousel__item { width: 247px; height: 302px; flex-grow: 0; flex-shrink: 0; flex-basis: 247px; } .tv-story-carousel--rounded .tv-story-carousel__media { height: 100%; border-radius: 13px; } .tv-story-carousel--rounded .tv-story-carousel__nav { position: absolute; top: 151px; transform: translateY(-50%); } .tv-story-carousel--square { max-width: 1500px; } .tv-story-carousel--square .tv-story-carousel__track { align-items: center; column-gap: 22.8px; } .tv-story-carousel--square .tv-story-carousel__item { width: 360px; height: 482px; flex-grow: 0; flex-shrink: 0; flex-basis: 360px; } .tv-story-carousel--square .tv-story-carousel__media { height: 100%; } .tv-story-carousel--square .tv-story-carousel__nav { position: absolute; top: 241px; transform: translateY(-50%); } .tv-story-carousel--rounded-caption { max-width: 1500px; } .tv-story-carousel--rounded-caption .tv-story-carousel__track { align-items: start; column-gap: 22.8px; } .tv-story-carousel--rounded-caption .tv-story-carousel__item { width: 247px; row-gap: 15px; flex-grow: 0; flex-shrink: 0; flex-basis: 247px; } .tv-story-carousel--rounded-caption .tv-story-carousel__media { height: 302px; border-radius: 13px; flex-grow: 0; flex-shrink: 0; } .tv-story-carousel--rounded-caption .tv-story-carousel__caption { font-size: 22.8px; line-height: 30.096px; } .tv-story-carousel--rounded-caption .tv-story-carousel__nav { position: absolute; top: 151px; transform: translateY(-50%); } .tv-story-carousel--square-caption { max-width: 1756px; justify-content: space-between; } .tv-story-carousel--square-caption .tv-story-carousel__track { align-items: center; column-gap: 8px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .tv-story-carousel--square-caption .tv-story-carousel__item { height: 510px; min-width: 0px; row-gap: 16px; flex-grow: 1; flex-shrink: 1; flex-basis: 286px; } .tv-story-carousel--square-caption .tv-story-carousel__media { height: 434px; min-height: 0px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .tv-story-carousel--square-caption .tv-story-carousel__caption { flex-grow: 0; flex-shrink: 0; font-size: 23px; line-height: 30.36px; } .tv-story-carousel--ellipse { max-width: auto; } .tv-story-carousel--ellipse .tv-story-carousel__track { align-items: start; column-gap: 24px; } .tv-story-carousel--ellipse .tv-story-carousel__item { width: 120px; height: 120px; flex-grow: 0; flex-shrink: 0; flex-basis: 120px; } .tv-story-carousel--ellipse .tv-story-carousel__media { height: 100%; border-radius: 50%; } .tv-story-carousel--ellipse-caption { max-width: auto; } .tv-story-carousel--ellipse-caption .tv-story-carousel__track { align-items: start; column-gap: 24px; } .tv-story-carousel--ellipse-caption .tv-story-carousel__item { width: 120px; row-gap: 8px; flex-grow: 0; flex-shrink: 0; flex-basis: 120px; } .tv-story-carousel--ellipse-caption .tv-story-carousel__media { height: 120px; border-radius: 50%; flex-grow: 0; flex-shrink: 0; } .tv-story-carousel--ellipse-caption .tv-story-carousel__caption { font-family: 'Tilda Sans'; font-size: 12px; font-weight: 400; line-height: 15.84px; color: #1F1F1F; text-align: center; } .tv-story-carousel--gulliver { max-width: auto; justify-content: center; } .tv-story-carousel--gulliver .tv-story-carousel__track { width: auto; max-width: 100%; padding: 16px 16px 0px 16px; align-items: start; column-gap: 16px; justify-content: safe center; } .tv-story-carousel--gulliver .tv-story-carousel__item { width: 120px; padding: 0; row-gap: 8px; flex-grow: 0; flex-shrink: 0; flex-basis: 120px; } .tv-story-carousel--gulliver .tv-story-carousel__media { width: 110px; height: 110px; margin: 0; border-radius: 50%; flex-grow: 0; flex-shrink: 0; outline: 2px solid #eb1b23; outline-offset: 3px; } .tv-story-carousel--gulliver .tv-story-carousel__item--viewed .tv-story-carousel__media { outline: none; } .tv-story-carousel--gulliver .tv-story-carousel__caption { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 500; line-height: 18.48px; overflow: hidden; color: #262626; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media screen and (min-width: 800px) { .tv-story-carousel--gulliver .tv-story-carousel__track { padding: 16px 0px 0px 0px; column-gap: 32px; } .tv-story-carousel--gulliver .tv-story-carousel__item { width: 191px; padding: 0; flex-grow: 0; flex-shrink: 0; flex-basis: 191px; } .tv-story-carousel--gulliver .tv-story-carousel__media { width: 181px; height: 181px; } .tv-story-carousel--gulliver .tv-story-carousel__caption { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 500; line-height: 26.4px; } } .tv-story-carousel--ellipse .tv-story-carousel__item--unseen .tv-story-carousel__media, .tv-story-carousel--ellipse-caption .tv-story-carousel__item--unseen .tv-story-carousel__media { border: solid transparent 5px; background-color: transparent; background-image: url(/assets/stories/story-ring-active.svg); background-origin: border-box; background-repeat: no-repeat; background-size: 100% 100%; } @media screen and (max-width: 480px) { .tv-story-carousel--rounded .tv-story-carousel__item { width: min(100vw - 32.0px, 247px); height: auto; flex-grow: 0; flex-shrink: 0; flex-basis: min(100vw - 32.0px, 247px); } .tv-story-carousel--rounded .tv-story-carousel__media { height: auto; aspect-ratio: 247/302; } .tv-story-carousel--square .tv-story-carousel__item { width: min(100vw - 32.0px, 360px); height: auto; flex-grow: 0; flex-shrink: 0; flex-basis: min(100vw - 32.0px, 360px); } .tv-story-carousel--square .tv-story-carousel__media { height: auto; aspect-ratio: 360/482; } .tv-story-carousel--rounded-caption .tv-story-carousel__item { width: min(100vw - 32.0px, 247px); flex-grow: 0; flex-shrink: 0; flex-basis: min(100vw - 32.0px, 247px); } .tv-story-carousel--rounded-caption .tv-story-carousel__media { height: auto; aspect-ratio: 247/302; } .tv-story-carousel--square-caption .tv-story-carousel__item { height: auto; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .tv-story-carousel--square-caption .tv-story-carousel__media { height: auto; aspect-ratio: 286/434; flex-grow: 0; flex-shrink: 0; } .tv-story-carousel__nav { width: 44px; height: 44px; border-top-left-radius: 11px; border-bottom-left-radius: 11px; } .tv-story-carousel__nav--prev { padding-left: 11.6875px; } .tv-story-carousel__nav--next { padding-right: 11.6875px; } .tv-story-carousel__nav-chevron { width: 17.2506103515625px; height: 30.376220703125px; } .tv-story-carousel__side-nav { width: 44px; height: 41.9375px; flex-grow: 0; flex-shrink: 0; flex-basis: 44px; } } .tv-text-field { display: flex; position: relative; width: 100%; height: 50px; padding: 13px 18px; box-sizing: border-box; border-bottom-style: solid; border-bottom-color: #262626; border-bottom-width: 1px; align-items: center; gap: 10px; background-color: #FFFFFF; } .tv-text-field .tv-text-field__input { font-family: 'Tilda Sans'; font-size: 20px; font-weight: 400; line-height: 26.4px; min-width: 0; padding: 0; border: none; outline-style: none; flex-grow: 1; flex-shrink: 1; flex-basis: 0; color: #262626; text-overflow: ellipsis; background-color: transparent; } .tv-text-field .tv-text-field__input::placeholder { opacity: 1.0; color: #A1A1A1; } .tv-text-field .tv-text-field__label { font-family: 'Tilda Sans'; font-size: 14px; font-weight: 400; line-height: 18.48px; display: flex; position: absolute; top: -10px; left: 12px; padding: 2px 4px; box-sizing: border-box; justify-content: center; align-items: center; color: #A1A1A1; white-space: nowrap; background-color: #FFFFFF; } .tv-text-field:focus-within { border-bottom-style: solid; border-bottom-color: #262626; border-bottom-width: 2px; } .tv-text-field--error { border-bottom-style: solid; border-bottom-color: #DC1F13; border-bottom-width: 1px; } .tv-text-field--error .tv-text-field__label { color: #DC1F13; } .tv-text-field--disabled { border-bottom-style: solid; border-bottom-color: #A1A1A1; border-bottom-width: 1px; } .tv-text-field--disabled .tv-text-field__input { color: #A1A1A1; } .tv-text-field--disabled .tv-text-field__label { color: #A1A1A1; } .tv-text-field--empty .tv-text-field__label { display: none; } @media screen and (max-width: 800px) { .tv-text-field--adaptive { height: 47px; border: solid #262626 1px; } .tv-text-field--adaptive .tv-text-field__input { font-family: 'Tilda Sans'; font-size: 16px; font-weight: 400; line-height: 21.12px; } .tv-text-field--adaptive .tv-text-field__label { font-family: 'Tilda Sans'; font-size: 12px; font-weight: 400; line-height: 15.84px; position: absolute; top: -9.92px; left: 14px; } .tv-text-field--adaptive:focus-within { border: solid #262626 1px; } .tv-text-field--adaptive.tv-text-field--empty:focus-within .tv-text-field__label { display: flex; } .tv-text-field--adaptive:focus-within .tv-text-field__input::placeholder { color: transparent; } .tv-text-field--adaptive.tv-text-field--error { border: solid #DC1F13 1px; } .tv-text-field--adaptive.tv-text-field--disabled { border: solid #A1A1A1 1px; } }