/* Barlow Condensed — bundled under the following license: Copyright 2017 The Barlow Project Authors (https://github.com/jpt/barlow) This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL ----------------------------------------------------------- SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 ----------------------------------------------------------- PREAMBLE The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others. The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives. DEFINITIONS "Font Software" refers to the set of files released by the Copyright Holder(s) under this license and clearly marked as such. This may include source files, build scripts and documentation. "Reserved Font Name" refers to any names specified as such after the copyright statement(s). "Original Version" refers to the collection of Font Software components as distributed by the Copyright Holder(s). "Modified Version" refers to any derivative made by adding to, deleting, or substituting -- in part or in whole -- any of the components of the Original Version, by changing formats or by porting the Font Software to a new environment. "Author" refers to any designer, engineer, programmer, technical writer or other person who contributed to the Font Software. PERMISSION & CONDITIONS Permission is hereby granted, free of charge, to any person obtaining a copy of the Font Software, to use, study, copy, merge, embed, modify, redistribute, and sell modified and unmodified copies of the Font Software, subject to the following conditions: 1) Neither the Font Software nor any of its individual components, in Original or Modified Versions, may be sold by itself. 2) Original or Modified Versions of the Font Software may be bundled, redistributed and/or sold with any software, provided that each copy contains the above copyright notice and this license. These can be included either as stand-alone text files, human-readable headers or in the appropriate machine-readable metadata fields within text or binary files as long as those fields can be easily viewed by the user. 3) No Modified Version of the Font Software may use the Reserved Font Name(s) unless explicit written permission is granted by the corresponding Copyright Holder. This restriction only applies to the primary font name as presented to the users. 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font Software shall not be used to promote, endorse or advertise any Modified Version, except to acknowledge the contribution(s) of the Copyright Holder(s) and the Author(s) or with their explicit written permission. 5) The Font Software, modified or unmodified, in part or in whole, must be distributed entirely under this license, and must not be distributed under any other license. The requirement for fonts to remain under this license does not apply to any document created using the Font Software. TERMINATION This license becomes null and void if any of the above conditions are not met. DISCLAIMER THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE. */ @font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 600; font-display: swap; src: url(data:font/woff2;base64,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) format('woff2'); } :root { --color-text: #fff; --color-text-darker: #e5e5e5; --color-text-secondary: #ccc; --color-text-dark: #0D0D0D; --color-bg: #000; --color-brighter-bg: #0D0D0D; --color-primary: rgb(0 72 255); --color-primary-hover: #fff; --color-primary-text: var(--color-text-dark); --color-primary-text-hover: var(--color-primary-text); --color-secondary: #ccc; --color-secondary-hover: #e5e5e5; --color-secondary-text: var(--color-text-dark); --color-secondary-text-hover: var(--color-secondary-text); --color-tertiary: transparent; --color-tertiary-hover: rgb(255 255 255 / 15%); --color-tertiary-text: var(--color-text); --color-tertiary-text-hover: var(--color-tertiary-text); --color-removed: #C12E2E; --color-sale-banner-bg: var(--color-primary); --color-sale-banner-text: var(--color-primary-text); --btn-size: 46px; --btn-icon-size: 18px; --btn-icon-gap: 8px; --tebex-footer-height: 35px; --widget-padding: 16px; --content-padding: var(--widget-padding); --content-inner-width: 1280px; --content-width: calc((var(--content-padding) * 2) + var(--content-inner-width)); --sidebar-width: 287px; --tebex-legal-footer-max-width: min( var(--content-inner-width), calc(100vw - (var(--content-padding) * 2)) ); --tebex-legal-footer-background-color: var(--color-brighter-bg); --tebex-legal-footer-border-color: var(--color-brighter-bg); --tebex-legal-footer-text-color: var(--color-text-secondary); } @media (width > 600px) { :root { --widget-padding: 20px; } } @media (width > 960px) { :root { --widget-padding: 24px; } } @media (width > 960px) { :root { --content-padding: calc(var(--widget-padding) * 2); } } @media (max-width: 900px) { :root { --tebex-footer-height: 70px; } } @media (max-width: 600px) { :root { --tebex-footer-height: 80px; } } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; border: none; outline: none; vertical-align: baseline; color: inherit; background: transparent; font-size: inherit; font-family: inherit; font-weight: inherit; letter-spacing: inherit; } strong, b { font-weight: 700; } em, i { font-style: italic; } input[type=submit], button { appearance: none; cursor: pointer; text-align: left; } textarea { resize: none; } symbol, use, svg { overflow: visible; } svg, img { display: block; } li { display: block; } button { display: block; } a { color: inherit; text-decoration: none; } :root *[hidden] { display: none; } :focus { outline: 0; } ::placeholder { color: inherit; opacity: 1; } @view-transition { navigation: auto; } ::view-transition-group(root) { animation-duration: var(--page-transition-duration); animation-timing-function: ease; } @keyframes pageMoveOut { 0% { opacity: 1; } 50%, 100% { opacity: 0; } } @keyframes pageMoveIn { 0%, 50% { scale: 0.98; opacity: 0; } 100% { scale: 1; opacity: 1; } } ::view-transition-old(siteContent) { animation: var(--page-transition-duration) ease both pageMoveOut; transform-origin: center top; } ::view-transition-new(siteContent) { animation: var(--page-transition-duration) ease both pageMoveIn; transform-origin: center top; } ::view-transition-group(siteContent) { z-index: 2; } ::view-transition-group(siteHeaderTop), ::view-transition-group(siteHeader), ::view-transition-group(siteNavigation), ::view-transition-group(siteBgImage), ::view-transition-group(siteFooter) { animation-duration: var(--page-transition-duration); animation-timing-function: ease; z-index: 3; } ::view-transition-group(siteBgImage) { z-index: 1; } html, body { min-height: 100vh; } html { overflow: hidden scroll; scrollbar-width: thin; scrollbar-color: var(--color-secondary) var(--color-bg); scrollbar-gutter: stable; } html.no-scroll { overflow: hidden; overscroll-behavior-y: none; } body { position: relative; max-width: 100%; width: 100%; line-height: normal; color: var(--color-text); background: var(--color-bg); accent-color: var(--color-primary); font-family: sans-serif; font-size: 16px; } body::before { view-transition-name: siteBgImage; } ::selection { color: var(--color-text); background-color: var(--color-primary); text-shadow: none; } select option { color: var(--color-text); background-color: var(--color-bg); } h1, h2, h3, h4, h5, h6 { font-weight: 700; } .text-content { line-height: 1.4; word-wrap: break-word; word-break: break-word; } .text-content h1:not(:last-child), .text-content h2:not(:last-child), .text-content h3:not(:last-child), .text-content h4:not(:last-child), .text-content h5:not(:last-child), .text-content h6:not(:last-child) { margin-bottom: 24px; } .text-content p:not(:last-child) { margin-bottom: 12px; } .text-content h1 { font-size: 32px; } .text-content h2 { font-size: 26px; } .text-content h3 { font-size: 20px; } .text-content h4 { font-size: 18px; } .text-content img { display: inline-block; max-width: 100%; height: auto; } .text-content ol, .text-content ul { margin-left: 1em; } .text-content ol:not(:last-child), .text-content ul:not(:last-child) { margin-bottom: 12px; } .text-content li { display: list-item; } .btn-primary, .btn-secondary, .btn-tertiary { --btn-color-text: var(--color-text); --btn-color-text-hover: var(--btn-color-text); --btn-color-bg: var(--color-bg); --btn-color-bg-hover: var(--btn-color-bg); display: block; width: fit-content; height: var(--btn-size); padding: 0 10px; line-height: var(--btn-size); color: var(--btn-color-text); background-color: var(--btn-color-bg); font-size: 16px; font-weight: 700; text-align: center; cursor: pointer; transition: all 0.15s ease-in-out; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (width > 960px) { .btn-primary, .btn-secondary, .btn-tertiary { padding: 0 14px; } } .btn-primary:disabled, .btn-secondary:disabled, .btn-tertiary:disabled { opacity: 0.5; cursor: not-allowed; } .btn-primary:hover, .btn-primary:focus, .btn-secondary:hover, .btn-secondary:focus, .btn-tertiary:hover, .btn-tertiary:focus { color: var(--btn-color-text-hover); background-color: var(--btn-color-bg-hover); } .btn-primary { --btn-color-text: var(--color-primary-text); --btn-color-bg: var(--color-primary); --btn-color-text-hover: var(--color-primary-text-hover); --btn-color-bg-hover: var(--color-primary-hover); } .btn-secondary { --btn-color-text: var(--color-secondary-text); --btn-color-bg: var(--color-secondary); --btn-color-text-hover: var(--color-secondary-text-hover); --btn-color-bg-hover: var(--color-secondary-hover); } .btn-tertiary { --btn-color-text: var(--color-tertiary-text); --btn-color-bg: var(--color-tertiary); --btn-color-text-hover: var(--color-tertiary-text-hover); --btn-color-bg-hover: var(--color-tertiary-hover); } .btn-icon, .btn-glyph, .btn-glyph-text, .btn-icon-text { --btn-icon: url("https://template-assets.tebex.io/images/plus.svg"); } .btn-icon { position: relative; flex: none; width: var(--btn-size); height: var(--btn-size); padding: 0; background: var(--btn-icon) center center/var(--btn-icon-size) no-repeat; } :root .btn-icon { line-height: 0; font-size: 0; color: transparent; } .btn-icon-text { display: flex; align-items: center; min-width: var(--btn-size); } .btn-icon-text::before { content: ""; display: block; margin-right: var(--btn-icon-gap); width: var(--btn-icon-size); height: var(--btn-icon-size); flex: none; background: var(--btn-icon) center center/var(--btn-icon-size) no-repeat; } @media (width <= 960px) { :root .btn-icon-text { justify-content: center; font-size: 0; color: transparent; } :root .btn-icon-text::before { margin-right: 0; } } .btn-glyph::before, .btn-glyph-text::before { content: ""; display: block; width: var(--btn-icon-size); height: var(--btn-icon-size); flex: none; background-color: var(--btn-color-text); mask: var(--btn-icon) center center/contain no-repeat; transition: background-color 0.15s ease-in-out; } .btn-glyph:hover::before, .btn-glyph:focus::before, .btn-glyph-text:hover::before, .btn-glyph-text:focus::before { background-color: var(--btn-color-text-hover); } .btn-glyph { position: relative; flex: none; width: var(--btn-size); height: var(--btn-size); } :root .btn-glyph { padding: 0; line-height: 0; font-size: 0; color: transparent; } .btn-glyph::before { position: absolute; inset: 0; margin: auto; } .btn-glyph-text { display: flex; align-items: center; min-width: var(--btn-size); } .btn-glyph-text::before { margin-right: var(--btn-icon-gap); } @media (width <= 960px) { :root .btn-glyph-text { justify-content: center; font-size: 0; color: transparent; } :root .btn-glyph-text::before { margin-right: 0; } } .link-text { color: var(--color-text-darker); text-decoration: underline; text-decoration-thickness: 1px; text-underline-position: under; transition: color 0.15s ease-in-out; } .link-text:hover { color: var(--color-text); } .quantity-field { --btn-size: 36px; display: flex; align-items: stretch; justify-content: center; color: var(--color-text); background: var(--color-bg); height: calc(var(--btn-size) + 2px); border: 1px solid var(--color-secondary); } .quantity-field input[type=number] { position: relative; z-index: 1; flex: none; -moz-appearance: textfield; appearance: textfield; field-sizing: content; min-width: min(40px, var(--btn-size)); height: var(--btn-size); font-size: 16px; text-align: center; font-variant-numeric: tabular-nums; } .quantity-field input[type=number]:focus, .quantity-field input[type=number]:hover { border-color: var(--color-secondary-hover); } .quantity-field input[type=number]::-webkit-inner-spin-button, .quantity-field input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .quantity-field.with-open-basket input[type=number] { margin: 0 -12px 0 -15px; min-width: auto; padding: 0 15px; order: 1; text-align: right; transition: color 0.15s ease-in-out; } .quantity-field .open-basket { margin-right: 5px; width: fit-content; height: 100%; order: 2; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 0.15s ease-in-out; } .quantity-field .open-basket:focus, .quantity-field .open-basket:hover { color: var(--color-primary); } .quantity-field .open-basket:focus ~ input[type=number], .quantity-field .open-basket:hover ~ input[type=number] { color: var(--color-primary); } .quantity-field .adjust { --btn-icon: url("https://template-assets.tebex.io/images/plus.svg"); --btn-icon-size: 10px; position: relative; z-index: 2; flex: none; } .quantity-field .adjust.decrease { --btn-icon: url("https://template-assets.tebex.io/images/minus.svg"); margin-right: auto; order: -1; } .quantity-field .adjust.increase { margin-left: auto; order: 100; } @media (width > 960px) { .mobile-only { display: none; } } @media (width <= 960px) { .desktop-only { display: none; } } .site { display: grid; grid-auto-rows: auto 1fr auto; grid-template-columns: 100%; align-items: start; gap: var(--widget-padding); min-height: calc(100vh - var(--tebex-footer-height)); font-size: 14px; view-transition-name: site; } @media (width > 960px) { .site { gap: calc(var(--widget-padding) * 2); } } .page-index.home-categories-enabled .site { grid-auto-rows: auto auto 1fr auto; } .site-header, .site-sale-banner, .site-home-categories, .site-content, .site-footer-inner { margin: 0 auto; padding: 0 var(--content-padding); width: 100%; } @media (width > 960px) { .site-header, .site-sale-banner, .site-home-categories, .site-content, .site-footer-inner { max-width: var(--content-width); } } .site-header { position: relative; z-index: 2; view-transition-name: siteHeader; } .site-header-inner .user-name { contain: paint; } .site-header-inner .user-name .text-inner { overflow: hidden; } .site-header-inner .user-name .text, .site-header-inner .user-name .text-hover { display: block; transition: visibility 0.15s ease-in-out, opacity 0.15s ease-in-out; } .site-header-inner .user-name .text-hover { margin-top: calc(var(--btn-size) * -1); } .site-header-inner .user-name:not(:hover):not(:focus-within) .text-hover { visibility: hidden; opacity: 0; } .site-header-inner .user-name:hover .text, .site-header-inner .user-name:focus-within .text { visibility: hidden; opacity: 0; } @media (width <= 960px) { .site-header-inner { display: flex; justify-content: space-between; align-items: center; gap: var(--widget-padding) 0; position: relative; padding: 110px 0 calc(50px - var(--widget-padding)); flex-wrap: wrap; } .site-header-inner .actions { position: absolute; top: var(--widget-padding); left: 0; display: flex; gap: 6px; } .site-header-inner .toggle-navigation { --btn-icon: url("https://template-assets.tebex.io/images/burger.svg"); } .site-header-inner .log-in, .site-header-inner .user-actions { position: absolute; top: var(--widget-padding); right: 0; } .site-header-inner .user-actions { display: flex; gap: 12px; } .site-header-inner .open-basket { --btn-icon: url("https://template-assets.tebex.io/images/checkout.svg"); } .site-header-inner .user-name { display: none; } .site-header-inner .site-title { width: 100%; line-height: 80px; font-size: 50px; font-weight: 900; text-align: center; } .site-header-inner .site-title img { margin: 0 auto; max-width: 100%; max-height: 80px; object-fit: contain; } .site-header-inner .info { display: block; position: relative; flex: none; width: 50%; padding-left: 42px; line-height: 18px; } .site-header-inner .info.discord { right: 0; left: auto; padding-left: 0; padding-right: 42px; text-align: right; } .site-header-inner .info .image { position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 32px; height: 32px; object-fit: contain; } .site-header-inner .info.discord .image { left: auto; right: 0; } .site-header-inner .info .title { display: block; line-height: 20px; color: var(--color-text); font-size: 12px; font-weight: 600; } .site-header-inner .info .action { display: block; color: var(--color-primary); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: color 0.15s ease-in-out; cursor: pointer; } .site-header-inner .info:hover .action { color: var(--color-primary-hover); } .site-header-inner .info .value { width: fit-content; border: 1px solid #606060; padding: 0 5px; background: rgba(96, 96, 96, 0.5); color: #CCC; font-size: 12px; } } @media (width > 960px) { .site-header-inner { position: relative; height: calc(355px - var(--widget-padding) * 2); } body.is-navigation-horizontal .site-header-inner { height: 355px; } .site-header-inner .actions { position: absolute; top: var(--widget-padding); left: 0; display: flex; gap: 6px; } .site-header-inner .toggle-navigation { display: none; } .site-header-inner .log-in, .site-header-inner .user-actions { position: absolute; top: var(--widget-padding); right: 0; } .site-header-inner .user-actions { display: flex; gap: var(--widget-padding); } .site-header-inner .open-basket { --btn-icon: url("https://template-assets.tebex.io/images/checkout.svg"); } .site-header-inner .user-name { --btn-icon: url("https://template-assets.tebex.io/images/user.svg"); } .site-header-inner .site-title { position: absolute; inset: calc(var(--widget-padding) + 46px) 280px 0 280px; margin: auto; width: fit-content; height: fit-content; line-height: 72px; font-size: 60px; font-weight: 900; text-align: center; } .site-header-inner .site-title img { margin: 0 auto; max-width: 100%; max-height: 128px; } .site-header-inner .info { position: absolute; top: calc(var(--widget-padding) + 46px); left: 0; bottom: 0; margin: auto 0; max-width: 280px; width: 33.3333333333%; height: fit-content; line-height: 22px; } .site-header-inner .info.server { padding-left: 64px; } .site-header-inner .info.discord { right: 0; left: auto; padding-right: 82px; text-align: right; } .site-header-inner .info .image { position: absolute; top: -50px; left: 0; bottom: -50px; margin: auto 0; width: 46px; height: 46px; object-fit: contain; } .site-header-inner .info.discord .image { left: auto; right: 0; width: 64px; height: 64px; } .site-header-inner .info .title { display: block; line-height: 28px; color: var(--color-text); font-size: 18px; font-weight: 600; } .site-header-inner .info .action { display: block; color: var(--color-primary); font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: color 0.15s ease-in-out; cursor: pointer; } .site-header-inner .info:hover .action { color: var(--color-primary-hover); } .site-header-inner .info .value { width: fit-content; border: 1px solid #606060; padding: 0 6px; background: rgba(96, 96, 96, 0.5); color: #CCC; font-size: 16px; } } .site-sale-banner { margin-top: var(--widget-padding); margin-bottom: var(--widget-padding); padding: var(--widget-padding) var(--content-padding); color: var(--color-sale-banner-text); background: var(--color-sale-banner-bg); font-size: 21px; text-align: center; } .site-footer { background: var(--color-brighter-bg); } .site-home-categories { display: grid; gap: var(--widget-padding); } @media (width > 600px) { .site-home-categories { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); justify-content: center; gap: var(--widget-padding) 36px; } } .site-home-categories .category { display: flex; align-items: center; gap: var(--widget-padding); flex-basis: 100%; line-height: 26px; font-size: 24px; font-weight: 700; } @media (width <= 600px) { .site-home-categories .category { width: 100%; } } @media (width > 600px) { .site-home-categories .category { flex-direction: column; align-items: center; gap: var(--widget-padding); text-align: center; } } .site-home-categories .category .image { max-width: 130px; } @media (width > 600px) { .site-home-categories .category .image { margin: auto; max-width: 100%; } } .site-home-categories .category .image-default { position: relative; width: min(70px, 100%); aspect-ratio: 1; } @media (width > 960px) { .site-home-categories .category .image-default { width: min(100px, 100%); } } .site-home-categories .category .image-default::before { content: ""; display: block; position: absolute; inset: 0; background-color: rgb(from var(--color-text) r g b/0.8); mask: url("https://template-assets.tebex.io/images/package-default.svg") center center/contain no-repeat; } .store-text { padding: var(--content-padding); line-height: 1.375; font-size: 16px; font-weight: 400; } .store-form { font-size: 18px; } .store-form h1, .store-form h2, .store-form h3, .store-form h4, .store-form h5, .store-form h6, .store-form p { margin-bottom: 24px; } .store-form .input-group, .store-form .field, .store-form .field-inline { margin-bottom: 24px; } .store-form .input-group > p, .store-form .field > p, .store-form .field-inline > p { margin-bottom: 12px; } .store-form .field-inline { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 12px; } @media (width > 600px) { .store-form .field-inline { gap: 0 24px; } } .store-form input, .store-form select, .store-form textarea { display: block; } .store-form input[type=text], .store-form input[type=password], .store-form input[type=email], .store-form input[type=number], .store-form input[type=search], .store-form input[type=url], .store-form input[type=tel], .store-form input[type=date], .store-form input[type=time], .store-form input[type=datetime-local], .store-form input[type=file], .store-form input[type=month], .store-form input[type=week], .store-form select, .store-form textarea { margin-bottom: 12px; width: 100%; padding: 14px 12px; color: var(--color-text-secondary); background: var(--color-bg); font-size: 14px; } .popup .store-form input[type=text], .popup .store-form input[type=password], .popup .store-form input[type=email], .popup .store-form input[type=number], .popup .store-form input[type=search], .popup .store-form input[type=url], .popup .store-form input[type=tel], .popup .store-form input[type=date], .popup .store-form input[type=time], .popup .store-form input[type=datetime-local], .popup .store-form input[type=file], .popup .store-form input[type=month], .popup .store-form input[type=week], .popup .store-form select, .popup .store-form textarea { background: #242424; } .popup.drawer .store-form input[type=text], .popup.drawer .store-form input[type=password], .popup.drawer .store-form input[type=email], .popup.drawer .store-form input[type=number], .popup.drawer .store-form input[type=search], .popup.drawer .store-form input[type=url], .popup.drawer .store-form input[type=tel], .popup.drawer .store-form input[type=date], .popup.drawer .store-form input[type=time], .popup.drawer .store-form input[type=datetime-local], .popup.drawer .store-form input[type=file], .popup.drawer .store-form input[type=month], .popup.drawer .store-form input[type=week], .popup.drawer .store-form select, .popup.drawer .store-form textarea { user-select: auto; } @media (width > 960px) { .store-form input[type=text], .store-form input[type=password], .store-form input[type=email], .store-form input[type=number], .store-form input[type=search], .store-form input[type=url], .store-form input[type=tel], .store-form input[type=date], .store-form input[type=time], .store-form input[type=datetime-local], .store-form input[type=file], .store-form input[type=month], .store-form input[type=week], .store-form select, .store-form textarea { padding: 12px; font-size: 16px; } } .store-form .field-inline input, .store-form .field-inline select, .store-form .field-inline textarea { width: auto; } .store-form .actions { display: flex; justify-content: center; gap: 12px; } .store-form .actions .link-text { align-self: center; font-size: 18px; font-weight: 700; margin: 0 16px; } @media (width <= 960px) { .site-content-widgets { display: flex; flex-direction: column; gap: 24px; } } @media (width > 960px) { .site-content-widgets { display: grid; grid-template-columns: var(--sidebar-width) 1fr; align-items: start; gap: 48px; } body.is-sidebar-right .site-content-widgets { grid-template-columns: 1fr var(--sidebar-width); } .site-content-widgets .store-sidebar { order: -1; } body.is-sidebar-right .site-content-widgets .store-sidebar { order: 1; } } .category-description { margin-bottom: var(--widget-padding); padding: var(--widget-padding); line-height: 1.4; font-size: 18px; } .no-products { padding: var(--widget-padding); font-size: 18px; text-align: center; } .store-products-list { display: flex; flex-direction: column; gap: calc(var(--widget-padding) / 2); } .store-products-images { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 24px 36px; } .store-product { display: flex; flex-direction: column; gap: 12px; padding: var(--widget-padding); } .store-product .product-title { font-size: 20px; font-weight: 600; } .store-product .product-title a { color: inherit; transition: color 0.15s ease-in-out; } .store-product .product-title a:hover { color: var(--color-primary); } .store-product .product-title .countdown { display: block; margin-top: 4px; color: var(--color-removed); font-size: 0.75em; font-variant-numeric: tabular-nums; } .store-product .product-title .countdown::before { content: ""; display: inline-block; vertical-align: -0.15em; margin-right: 0.25em; width: 1em; height: 1em; background-color: currentColor; mask: url("https://template-assets.tebex.io/images/countdown.svg") center center/contain no-repeat; } .store-product .image-link { display: block; margin: 0 auto; max-width: 100%; width: fit-content; } .store-product .image-link:hover ~ .product-title a { color: var(--color-primary); } .store-product .image { margin: 0 auto; max-width: 100%; } .store-product .image-default { position: relative; width: 136px; aspect-ratio: 1; } .store-product .image-default::before { content: ""; display: block; position: absolute; inset: 0; margin: auto; width: min(100px, 100%); height: min(100px, 100%); background-color: rgb(from var(--color-text) r g b/0.8); mask: url("https://template-assets.tebex.io/images/package-default.svg") center center/contain no-repeat; } .store-product .descr { color: var(--color-text-secondary); } .store-product .actions { display: flex; gap: 12px; position: relative; overflow: hidden; } .store-product .actions.updating { pointer-events: none; } .store-product .actions.updating > * { opacity: 0.3; filter: grayscale(100%); } .store-product .actions.updating::before { content: ""; display: block; position: absolute; inset: 0; z-index: 10; margin: auto; width: 30px; height: 30px; background-color: var(--color-text); mask: url("https://template-assets.tebex.io/images/loading.svg") center center/contain no-repeat; } .store-product:not(.store-product-full) .actions { flex-wrap: wrap; } .store-products-images .store-product:not(.store-product-full) .actions { flex: 1 1 auto; align-content: flex-end; } .store-product .price { font-size: 14px; } .store-product .price .discount { margin-right: 1ch; color: var(--color-removed); font-weight: 400; text-decoration-line: line-through; } .store-product .price strong { font-size: 20px; font-weight: inherit; } .store-product:not(.store-product-full) .price { width: 100%; } .store-products-images .store-product:not(.store-product-full) .price { margin-bottom: auto; } .store-product .quantity-field { --btn-size: 44px; } .store-product .half { flex: 0 1 calc(50% - 6px); } .store-product .wide { flex: 1 1 auto; } .store-product .gift { --btn-icon: url("https://template-assets.tebex.io/images/gift.svg"); flex: none; } .store-product .remove { --btn-icon: url("https://template-assets.tebex.io/images/delete.svg"); flex: none; } .store-products-images .store-product .image-link { display: flex; align-items: center; justify-content: center; margin-bottom: auto; } .store-products-list .store-product { padding: calc(var(--widget-padding) * 0.75); } .store-products-list .store-product .image { width: 60px; } .store-products-list .store-product .actions { flex-wrap: nowrap; align-items: center; } .store-products-list .store-product .wide { flex: 0 1 auto; } .store-products-list .store-product .price { width: auto; } @media (width <= 600px) { .store-products-list .store-product .wide { width: 100%; } } @media (width > 600px) { .store-products-list .store-product { flex-direction: row; align-items: center; gap: 12px calc(var(--widget-padding) * 0.75); } .store-products-list .store-product .actions { gap: calc(var(--widget-padding) * 0.75); } .store-products-list .store-product .actions .wide { min-width: 180px; } .store-products-list .store-product .image-link { margin: 0; } .store-products-list .store-product .product-title { margin-right: auto; } } .media-slider { --slider-spacing: 6px; --thumbs-size: 40px; --thumb-padding: 6px; position: relative; width: 100%; overflow: hidden; } @media (width > 360px) { .media-slider { --slider-spacing: 12px; --thumbs-size: 55px; } } @media (width > 600px) { .media-slider { --thumbs-size: 70px; } } @media (width > 960px) { .media-slider { --thumbs-size: 90px; } } @media (width > 1400px) { .media-slider { --thumbs-size: 110px; } } .media-slider .slider { width: 100%; min-height: 200px; overflow: hidden; margin-bottom: var(--slider-spacing); background: var(--color-bg); } .media-slider .slider::part(container) { --swiper-navigation-size: 24px; --swiper-theme-color: var(--color-text); } .media-slider .slider::part(wrapper) { align-items: center; } .media-slider .slide { align-content: center; } .media-slider .slide-image { margin: auto; max-width: 100%; min-height: 200px; max-height: 100%; padding: var(--slider-spacing); object-fit: contain; } .media-slider .slide-video { position: relative; border-radius: 5px; background: #000 var(--preview-image) center center/cover no-repeat; } .media-slider .slide-frame { display: block; margin: auto; width: 100%; max-height: 100%; aspect-ratio: 16/9; transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out; } .media-slider .slide-frame:not(.iframe-loaded) { visibility: hidden; opacity: 0; } .media-slider .thumbs { display: flex; gap: var(--slider-spacing); align-items: stretch; flex-wrap: wrap; } .media-slider .thumb { display: block; width: var(--thumbs-size); height: var(--thumbs-size); padding: var(--thumb-padding); background-color: var(--color-bg); cursor: pointer; } .media-slider .thumb-image, .media-slider .thumb-youtube { width: calc(var(--thumbs-size) - var(--thumb-padding) * 2); height: calc(var(--thumbs-size) - var(--thumb-padding) * 2); transition: opacity 0.3s ease-in-out; } .media-slider .thumb:not(.active) .thumb-image, .media-slider .thumb:not(.active) .thumb-youtube { opacity: 0.5; } .media-slider .thumb-image { object-fit: contain; } .media-slider .thumb-youtube { position: relative; align-content: center; } .media-slider .thumb-youtube img { width: 100%; height: 100%; object-fit: contain; } .media-slider .thumb-youtube::after { content: ""; display: block; position: absolute; inset: 0; margin: auto; width: 30px; height: 30px; background-color: var(--color-text); mask: url("https://template-assets.tebex.io/images/play.svg") center center/contain no-repeat; } .media-slider .open-lightbox { position: absolute; top: var(--slider-spacing); right: var(--slider-spacing); z-index: 2; align-content: center; width: 40px; height: 40px; backdrop-filter: blur(5px); visibility: hidden; line-height: 0; font-size: 0; color: transparent; opacity: 0; transition: all 0.15s ease-in-out; } .media-slider .open-lightbox:hover, .media-slider .open-lightbox:focus { background-color: rgba(255, 255, 255, 0.1); } .media-slider .open-lightbox::before { content: ""; display: block; margin: auto; width: 18px; height: 18px; flex: none; background-color: var(--color-tertiary-text); mask: url("https://template-assets.tebex.io/images/fullscreen.svg") center center/contain no-repeat; transition: background-color 0.15s ease-in-out; } .media-slider .open-lightbox:hover::before, .media-slider .open-lightbox:focus::before { background-color: var(--color-tertiary-text-hover); } .media-slider .slider:has(.swiper-slide-active .slide-image):hover ~ .open-lightbox, .media-slider .open-lightbox:hover { opacity: 1; visibility: visible; } .popup.popup-media-slider { --slider-spacing: 6px; --thumbs-size: 40px; --thumb-padding: 6px; display: grid; grid-template-columns: 100%; grid-template-rows: minmax(0, auto) calc(var(--thumbs-size) + var(--slider-spacing)); overflow: hidden; backdrop-filter: blur(10px); } @media (width > 360px) { .popup.popup-media-slider { --slider-spacing: 12px; --thumbs-size: 70px; } } @media (width > 600px) { .popup.popup-media-slider { --thumbs-size: 70px; } } @media (width > 960px) { .popup.popup-media-slider { --thumbs-size: 90px; } } @media (width > 1400px) { .popup.popup-media-slider { --thumbs-size: 120px; } } .popup.popup-media-slider .popup-close { top: var(--slider-spacing); right: var(--slider-spacing); z-index: 2; backdrop-filter: blur(5px); } .popup.popup-media-slider .slider { width: 100%; } .popup.popup-media-slider .slider::part(container) { --swiper-navigation-size: 30px; --swiper-theme-color: var(--color-text); } @media (width > 600px) { .popup.popup-media-slider .slider::part(container) { --swiper-navigation-size: 36px; } } .popup.popup-media-slider .slider::part(wrapper) { align-items: center; } .popup.popup-media-slider .slide { align-content: center; padding: var(--slider-spacing); } .popup.popup-media-slider .slide-image { margin: auto; max-width: 100%; max-height: 100%; object-fit: contain; } .popup.popup-media-slider .slide-video { position: relative; border-radius: 5px; background: #000 var(--preview-image) center center/cover no-repeat; } .popup.popup-media-slider .slide-frame { display: block; margin: auto; width: 100%; max-height: 100%; aspect-ratio: 16/9; transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out; } .popup.popup-media-slider .slide-frame:not(.iframe-loaded) { visibility: hidden; opacity: 0; } .popup.popup-media-slider .thumbs { display: flex; gap: var(--slider-spacing); align-items: stretch; flex-wrap: wrap; padding: 0 var(--slider-spacing) var(--slider-spacing); } .popup.popup-media-slider .thumb { display: block; width: var(--thumbs-size); height: var(--thumbs-size); padding: var(--thumb-padding); background-color: rgb(from var(--color-bg) r g b/0.7); cursor: pointer; } .popup.popup-media-slider .thumb-image, .popup.popup-media-slider .thumb-youtube { width: calc(var(--thumbs-size) - var(--thumb-padding) * 2); height: calc(var(--thumbs-size) - var(--thumb-padding) * 2); transition: opacity 0.3s ease-in-out; } .popup.popup-media-slider .thumb:not(.active) .thumb-image, .popup.popup-media-slider .thumb:not(.active) .thumb-youtube { opacity: 0.5; } .popup.popup-media-slider .thumb-image { object-fit: contain; } .popup.popup-media-slider .thumb-youtube { position: relative; align-content: center; } .popup.popup-media-slider .thumb-youtube img { width: 100%; height: 100%; object-fit: contain; } .popup.popup-media-slider .thumb-youtube::after { content: ""; display: block; position: absolute; inset: 0; margin: auto; width: 36px; height: 36px; background-color: var(--color-text); mask: url("https://template-assets.tebex.io/images/play.svg") center center/contain no-repeat; } .store-product-full { display: grid; gap: var(--widget-padding); } .store-product-full, .store-product-full.popup-content { padding-bottom: 0; } .store-product-full .product-title { font-size: 30px; } .store-product-full .image { max-width: 100%; } .store-product-full .actions { position: sticky !important; bottom: 0; z-index: 2; align-items: center; order: 1; margin: 0 calc(var(--widget-padding) * -1); padding: var(--widget-padding); background-color: rgb(from var(--color-brighter-bg) r g b/0.65); backdrop-filter: blur(5px); } .store-product-full .actions .half, .store-product-full .actions .wide { flex: 0 1 240px; } .store-product-full .price { margin-right: auto; } .store-product-options .product-title { margin-bottom: 12px; font-size: 20px; font-weight: 600; } .store-product-options .actions { position: sticky !important; bottom: var(--widget-padding); justify-content: start; width: fit-content; max-width: 100%; } .store-product-options .actions.updating { pointer-events: none; } .store-product-options .actions.updating > * { opacity: 0.3; filter: grayscale(100%); } .store-product-options .actions.updating::before { content: ""; display: block; position: absolute; inset: 0; z-index: 10; margin: auto; width: 30px; height: 30px; background: url("https://template-assets.tebex.io/images/loading.svg") center center no-repeat; background-size: contain; } .store-product-options .actions .btn-primary, .store-product-options .actions .btn-secondary, .store-product-options .actions .btn-tertiary { width: 230px; } .store-product-options .actions-multiple { width: auto; } .store-product-options .actions-multiple .btn-primary, .store-product-options .actions-multiple .btn-secondary, .store-product-options .actions-multiple .btn-tertiary { width: auto; flex: 1 1 auto; } .site-navigation { --fade-duration: 200ms; view-transition-name: siteNavigation; } @media (width <= 960px) { .site-navigation { position: fixed; inset: 0; z-index: 100000; padding: 0; transition: display var(--fade-duration) allow-discrete, opacity var(--fade-duration) ease; } @starting-style { .site-navigation { opacity: 0; } } body:not(.show-navigation) .site-navigation { visibility: hidden; opacity: 0; } .site-navigation.drawer { user-select: none; } .site-navigation .close-navigation { --btn-icon: url("https://template-assets.tebex.io/images/close.svg"); --btn-icon-size: 24px; position: absolute; top: 12px; right: 72px; } .site-navigation .menu { display: flex; flex-direction: column; position: absolute; inset: 0 60px 0 0; padding: 72px var(--widget-padding) var(--widget-padding); background: var(--color-bg); line-height: 24px; color: var(--color-text-secondary); font-size: 18px; overflow: hidden auto; scrollbar-width: thin; scrollbar-color: var(--color-secondary) var(--color-bg); transition: opacity var(--fade-duration) ease, scale var(--fade-duration) ease, translate var(--fade-duration) ease; } @starting-style { .site-navigation .menu { translate: -100% 0; } } .site-navigation.drawer .menu::after { content: ""; display: block; position: absolute; top: 0; right: 7px; bottom: 0; margin-block: auto; width: 4px; height: 100px; background: rgb(from var(--color-text-secondary) r g b/0.33); border-radius: 2px; pointer-events: none; } body:not(.show-navigation) .site-navigation .menu { translate: -100% 0; } .site-navigation.touching .menu { transition: opacity var(--fade-duration) ease, scale var(--fade-duration) ease; } body:not(.show-navigation) .site-navigation .menu { opacity: 0.8; scale: 0.95; } .site-navigation.may-close .menu { opacity: 0.8; } .site-navigation ul ul { padding-left: var(--widget-padding); line-height: 22px; font-size: 16px; } .site-navigation li { position: relative; width: 100%; } .site-navigation .log-out { margin-top: auto; } .site-navigation .log-out a { display: flex; align-items: center; gap: 8px; } .site-navigation .log-out a::before { content: ""; display: block; width: 24px; height: 24px; background-color: currentColor; mask: url("https://template-assets.tebex.io/images/log-out.svg") center center no-repeat; mask-size: contain; } .site-navigation .has-children { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .site-navigation .has-children > a { flex: 1 1 auto; } .site-navigation .has-children .toggle { --btn-icon: url("https://template-assets.tebex.io/images/chevron.svg"); --btn-icon-size: 20px; } .site-navigation .has-children .toggle::before { transition: rotate 0.15s ease-in-out; } .site-navigation .has-children.expanded > .toggle::before { rotate: 180deg; } .site-navigation .has-children > ul { width: 100%; } .site-navigation .has-children:not(.expanded) > ul { display: none; } .site-navigation a { display: block; padding: 11px 0; transition: color 0.15s ease-in-out; } .site-navigation a:hover { color: var(--color-primary); } .site-navigation a.active { color: var(--color-primary); font-weight: 700; } .site-navigation ul ul a { padding: 8px 0; } } @media (width > 960px) { .navigation-horizontal .close-navigation { display: none; } .navigation-horizontal .menu { display: flex; justify-content: center; flex-wrap: wrap; padding: calc(var(--widget-padding) / 2); line-height: 28px; background: var(--color-brighter-bg); font-size: 18px; font-weight: 700; } .navigation-horizontal .menu > li > a { padding: 14px calc(var(--widget-padding) / 2); } .navigation-horizontal .menu > li.has-children > a { padding-right: 0; } .navigation-horizontal ul ul { line-height: 24px; font-size: 16px; font-weight: 400; } .navigation-horizontal > ul > li > a { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 18ch; } .navigation-horizontal .has-children { position: relative; display: flex; align-items: center; gap: 8px; } .navigation-horizontal .has-children .toggle { --btn-size: 28px; --btn-icon: url("https://template-assets.tebex.io/images/chevron.svg"); --btn-icon-size: 20px; flex: none; } .navigation-horizontal .has-children .toggle::before { transition: rotate 0.15s ease-in-out; } .navigation-horizontal .has-children:hover > .toggle::before { rotate: 180deg; } .navigation-horizontal .has-children > ul { position: absolute; top: calc(100% - var(--widget-padding) / 2); left: 0; width: max-content; padding: calc(var(--widget-padding) / 2) 0; background: rgb(from var(--color-brighter-bg) r g b/0.7); backdrop-filter: blur(10px); transition: all 0.15s ease-in-out; } .navigation-horizontal .has-children:not(:hover) > ul { visibility: hidden; opacity: 0; translate: 0 -10px; } .navigation-horizontal a { display: block; transition: color 0.15s ease-in-out; } .navigation-horizontal a:hover, .navigation-horizontal a.link-active { color: var(--color-primary); } .navigation-horizontal li li a { width: 100%; max-width: 24ch; padding: 4px calc(var(--widget-padding) / 2); transition: all 0.15s ease-in-out; } .navigation-horizontal li li a:hover, .navigation-horizontal li li a.link-active { color: var(--color-bg) !important; background-color: var(--color-primary) !important; } } @media (width > 960px) { .navigation-vertical.widget { padding: calc(var(--widget-padding) / 2); } .navigation-vertical .close-navigation { display: none; } .navigation-vertical .menu { line-height: 28px; color: var(--color-text-secondary); font-size: 18px; font-weight: 400; } .navigation-vertical ul ul { padding-left: 12px; line-height: 22px; font-size: 15px; } .navigation-vertical .has-children { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .navigation-vertical .has-children > a { flex: 1 1 auto; max-width: calc(100% - 46px); } .navigation-vertical .has-children .toggle { --btn-icon: url("https://template-assets.tebex.io/images/chevron.svg"); --btn-icon-size: 20px; flex: none; } .navigation-vertical .has-children .toggle::before { transition: rotate 0.15s ease-in-out; } .navigation-vertical .has-children.expanded > .toggle::before { rotate: 180deg; } .navigation-vertical .has-children > ul { width: 100%; } .navigation-vertical .has-children:not(.expanded) > ul { display: none; } .navigation-vertical a { display: block; padding: calc(var(--widget-padding) / 2); transition: color 0.15s ease-in-out; } .navigation-vertical a:hover, .navigation-vertical a.link-active { color: var(--color-primary); } .navigation-vertical a.link-active { font-weight: 600; } .navigation-vertical ul ul a { padding: 8px calc(var(--widget-padding) / 2); } } .widget { padding: var(--widget-padding); } .widget + .widget { margin-top: var(--widget-padding); } .widget-title { margin-bottom: var(--widget-padding); font-size: 20px; font-weight: 700; } .widget-featured .store-product { padding: 0; text-align: center; } .widget-gift-card { text-align: center; } .widget-gift-card .gift-card-input { margin-bottom: 12px; width: 100%; padding: 14px 12px; color: var(--color-text-secondary); background: var(--color-bg); font-size: 14px; } .popup .widget-gift-card .gift-card-input { background: #242424; } .widget-gift-card .check { width: 100%; } .widget-recent .purchase { display: flex; align-items: flex-start; gap: 12px; position: relative; margin-bottom: 6px; line-height: 1.4; } .widget-recent .avatar { flex: none; max-width: 40px; max-height: 40px; object-fit: contain; } .widget-recent .username { font-weight: 700; } .widget-recent .empty { text-align: center; } .widget-recent time { opacity: 0.5; font-size: 0.9em; } .widget-recent .sep { margin: 0 0.3em; } .widget-top-donator .avatar { margin: 0 auto 12px; width: 96px; } .widget-top-donator .username { margin-bottom: 6px; font-weight: 700; font-size: 18px; } .widget-top-donator .empty { text-align: center; } .widget-community-goal .widget-content, .widget-goal .widget-content { text-align: center; } .widget-community-goal p:not(:last-child), .widget-goal p:not(:last-child) { margin-bottom: 12px; } .widget-community-goal .progress, .widget-goal .progress { height: 12px; margin-bottom: 12px; overflow: hidden; background: var(--color-bg); } @keyframes progressBarAnimation { to { background-position: 100% 0; } } .widget-community-goal .progress-bar, .widget-goal .progress-bar { height: 12px; background: var(--color-primary); } .widget-community-goal .progress-bar.striped, .widget-goal .progress-bar.striped { background: var(--color-primary) linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary) 33%, rgb(from var(--color-primary-hover) r g b/0.35) 33%, rgb(from var(--color-primary-hover) r g b/0.35) 66%, var(--color-primary) 66%, var(--color-primary) 100%) repeat; background-size: 24px 100%; } .widget-community-goal .progress-bar.striped.animated, .widget-goal .progress-bar.striped.animated { animation: progressBarAnimation 10s infinite linear; } .widget-community-goal .goal-image { margin: 0 auto 12px; max-width: 96px; } .widget-community-goal .descr { margin-bottom: 12px; } .widget-server-status .widget-content { text-align: center; } .widget-server-status h6 { margin-bottom: 12px; } .site-footer-inner { position: relative; padding: 20px var(--content-padding); } @media (width <= 960px) { .site-footer-inner { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--widget-padding); } } .site-footer-inner .site-footer-nav { line-height: 150%; font-size: 14px; } @media (width > 960px) { .site-footer-inner .site-footer-nav { margin-bottom: 12px; } } .site-footer-inner .site-footer-nav ul { display: flex; } @media (width <= 960px) { .site-footer-inner .site-footer-nav ul { flex-direction: column; gap: var(--widget-padding); text-align: center; } } @media (width > 960px) { .site-footer-inner .site-footer-nav ul { gap: calc(var(--widget-padding) * 2); } } .site-footer-inner .site-footer-nav a { color: var(--color-text-darker); text-decoration-line: underline; text-underline-offset: 2px; transition: color 0.15s ease-in-out; } .site-footer-inner .site-footer-nav a:hover { color: var(--color-primary); } .site-footer-inner .copyright { line-height: 16px; color: var(--color-text-secondary); font-size: 12px; } .site-footer-inner .we-accept { display: flex; align-items: center; gap: 12px; } @media (width > 960px) { .site-footer-inner .we-accept { position: absolute; top: 0; right: var(--content-padding); bottom: 0; pointer-events: none; } } .site-footer-inner .we-accept li { display: block; } .site-footer-inner .we-accept img { display: block; max-width: 57px; max-height: 26px; } .site-footer-credit { color: var(--color-text-secondary); background: #101010; font-size: 11px; } .site-footer-credit .site-footer-credit-inner { display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; gap: 22px; margin: auto; padding-top: 16px; padding-bottom: 16px; min-height: 45px; } @media (width > 960px) { .site-footer-credit .site-footer-credit-inner { align-items: center; flex-direction: row; } } .site-footer-credit .copyright { display: flex; align-items: flex-start; gap: 22px; } @media (width > 960px) { .site-footer-credit .copyright { align-items: center; } } .site-footer-credit .copyright .tebex-logo-link { flex: none; } .site-footer-credit .legal { display: flex; gap: 16px; white-space: nowrap; } @media (width > 960px) { .site-footer-credit .legal { gap: 20px; } } .site-footer-credit .legal a { text-decoration: underline; text-underline-offset: 2px; transition: color 0.15s ease-in-out; } .site-footer-credit .legal a:hover { color: var(--color-primary); } .popup { --fade-duration: 300ms; position: fixed; top: 0; left: 0; bottom: 0; width: 100vw; z-index: 1000; overflow: hidden scroll; scrollbar-width: thin; scrollbar-color: var(--color-secondary) transparent; background-color: rgba(0, 0, 0, 0.8); transition: background-color var(--fade-duration) ease, opacity var(--fade-duration) ease-in-out, display var(--fade-duration) allow-discrete; } @starting-style { .popup { opacity: 0; } } .popup.drawer { user-select: none; } .popup.may-close { user-select: none; background-color: rgba(0, 0, 0, 0.4); } .popup[hidden] { opacity: 0; display: none; } .popup-scroll-cont { display: flex; align-items: center; justify-content: center; min-height: 100%; padding: calc(var(--content-padding) / 2); overscroll-behavior: none; } @media (width > 600px) { .popup-scroll-cont { padding: var(--content-padding); } } @media (pointer: coarse) { .popup .popup-scroll-cont { align-items: flex-end; padding-bottom: 0; } } .popup-content { position: relative; width: 100%; max-width: 550px; padding: var(--widget-padding); background: var(--color-brighter-bg); transition: translate var(--fade-duration) ease, opacity var(--fade-duration) ease; } @starting-style { .popup-content { translate: 0 20px; } } @media (pointer: coarse) { .popup-content { padding-bottom: calc(var(--widget-padding) * 2); } } .popup.touching .popup-content { transition: opacity var(--fade-duration) ease, scale var(--fade-duration) ease; } .popup.may-close .popup-content, .popup.drawer[hidden] .popup-content { opacity: 0.8; scale: 0.95; } .popup.drawer-up[hidden] .popup-content { translate: 0 -100%; } .popup.drawer-down[hidden] .popup-content { translate: 0 100%; } .popup.drawer-right[hidden] .popup-content { translate: 100% 0; } .popup.drawer-left[hidden] .popup-content { translate: -100% 0; } .popup:not(.drawer)[hidden] .popup-content { translate: 0 20px; } .popup.popup-loading .popup-content { min-height: 180px; } .popup.popup-loading .popup-content::before { content: ""; display: block; position: absolute; inset: 0; margin: auto; width: 38px; height: 38px; background-color: var(--color-text); mask: url("https://template-assets.tebex.io/images/loading.svg") center center/contain no-repeat; } .drawer-up .popup-content::after, .drawer-down .popup-content::after, .drawer-left .popup-content::after, .drawer-right .popup-content::after { content: ""; display: block; position: absolute; background: rgb(from var(--color-text-secondary) r g b/0.33); border-radius: 2px; pointer-events: none; } .drawer-up .popup-content::after, .drawer-down .popup-content::after { left: 0; right: 0; margin-inline: auto; height: 4px; width: 100px; } .drawer-up .popup-content::after { bottom: 7px; } .drawer-down .popup-content::after { top: 7px; } .drawer-left .popup-content::after, .drawer-right .popup-content::after { top: 0; bottom: 0; margin-block: auto; width: 4px; height: 100px; } .drawer-left .popup-content::after { right: 7px; } .drawer-right .popup-content::after { left: 7px; } .popup-close { position: absolute; top: 0; right: 0; width: 40px; height: 40px; opacity: 0.5; line-height: 0; font-size: 0; color: transparent; transition: all 0.15s ease-in-out; } .popup-close::before { content: ""; display: block; width: 100%; height: 100%; background-color: var(--color-text); mask: url("https://template-assets.tebex.io/images/close.svg") center center/20px no-repeat; } @media (width <= 600px) { .popup-close { width: 50px; height: 50px; } .popup-close::before { mask-size: 24px; } } .popup-close:hover { opacity: 1; background-color: rgba(255, 255, 255, 0.1); } .store-product-popup-content { max-width: 800px; } .product-options-popup .popup-content { max-width: 480px; } .gift-form-popup .popup-content h1, .gift-form-popup .popup-content h2, .gift-form-popup .popup-content h3, .gift-form-popup .popup-content h4, .gift-form-popup .popup-content h5, .gift-form-popup .popup-content h6 { margin-bottom: 12px; } .gift-form-popup .popup-content .btn-primary { width: 240px; } .gift-form-popup .popup-content .actions { position: relative; width: fit-content; max-width: 100%; } .gift-form-popup .popup-content .actions.updating { pointer-events: none; } .gift-form-popup .popup-content .actions.updating > * { opacity: 0.3; filter: grayscale(100%); } .gift-form-popup .popup-content .actions.updating::before { content: ""; display: block; position: absolute; inset: 0; z-index: 10; margin: auto; width: 30px; height: 30px; background-color: var(--color-text); mask: url("https://template-assets.tebex.io/images/loading.svg") center center/contain no-repeat; } .login-popup { z-index: 1002; } .login-popup-content { max-width: 480px; padding-bottom: calc(var(--widget-padding) - 12px); } .basket { position: relative; z-index: 1001; } .site-content .basket { display: none; } .basket .basket-empty { margin: auto; text-align: center; font-size: 18px; } .basket .basket-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 50px var(--content-padding) 30px; font-size: 22px; font-weight: 600; background: rgba(40, 40, 40, 0.5); } @media (width > 960px) { .basket .basket-header { padding-top: 70px; } } .basket .basket-title { display: flex; align-items: center; gap: 12px; text-transform: uppercase; } .basket .basket-title::before { content: ""; display: block; width: 30px; height: 30px; background-color: var(--color-text); mask: url("https://template-assets.tebex.io/images/user.svg") center center no-repeat; mask-size: contain; } .basket .basket-second-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px var(--content-padding); background: var(--color-brighter-bg); background: rgb(from var(--color-brighter-bg) r g b/0.9); font-size: 18px; font-weight: 300; text-align: center; } .basket .basket-second-header .total { font-size: 14px; } .basket .basket-second-header .total strong { font-size: 18px; font-weight: inherit; } .basket .basket-content { flex: 1; overflow-x: hidden; overflow-y: auto; } .basket .basket-items { display: flex; flex-direction: column; gap: 20px; padding: var(--widget-padding); } .basket .basket-item { display: flex; width: 100%; align-items: center; gap: 12px; padding: var(--widget-padding); background: var(--color-brighter-bg); } .basket .basket-item .info { margin-right: auto; } .basket .basket-item .options { list-style-position: inside; } .basket .basket-item .options:has(li) { margin-block: 5px; } .basket .basket-item .options li { display: block; padding: 1px 0; } .basket .basket-item .options li::before { content: ""; display: inline-block; margin-right: 0.4em; width: 3px; height: 3px; vertical-align: middle; background-color: currentColor; border-radius: 50%; } .basket .basket-item .title { font-size: 20px; font-weight: 600; } .basket .basket-item .trial { display: block; margin-block: 4px; padding: 8px 14px; letter-spacing: 0.04em; color: var(--color-primary-text); background: var(--color-primary); font-size: 13px; font-weight: 600; line-height: 1.2; text-transform: uppercase; } .basket .basket-item .price { color: var(--color-primary); font-size: 14px; } .basket .basket-item .price strong { font-size: 18px; font-weight: inherit; } .basket .basket-item .quantity-field { --btn-size: 38px; } .basket .basket-item .remove { --btn-size: 40px; --btn-icon: url("https://template-assets.tebex.io/images/delete.svg"); --btn-icon-size: 24px; flex: none; } .basket .basket-checkout { margin-top: auto; padding: 0 var(--content-padding) 50px; } @media (width > 960px) { .basket .basket-checkout { padding-bottom: 100px; } } .basket .basket-checkout h3 { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: var(--widget-padding); font-size: 16px; font-weight: 600; text-transform: uppercase; } .basket .basket-checkout .total { color: var(--color-primary); font-size: 16px; font-weight: 400; } .basket .basket-checkout .total strong { font-size: 24px; font-weight: inherit; } .basket .basket-checkout .checkout { width: 100%; } .basket-popup .popup-scroll-cont { justify-content: flex-end; padding: 0; } .basket-popup-content { display: flex; flex-direction: column; align-items: stretch; width: 100%; max-width: 520px; height: 100vh; height: 100dvh; padding: 0; background: var(--color-bg); transition: translate var(--fade-duration) ease-in-out; } @starting-style { .basket-popup-content { translate: 100% 0; } } :root .basket-popup[hidden] .basket-popup-content { translate: 100% 0; } .basket-popup-content.updating { pointer-events: none; } .basket-popup-content.updating::before { content: ""; display: block; position: absolute; inset: 0; z-index: 10; margin: auto; width: 38px; height: 38px; background-color: var(--color-text); mask: url("https://template-assets.tebex.io/images/loading.svg") center center/contain no-repeat; } .basket-popup-content.updating > * { filter: grayscale(100%); } .toaster { display: flex; flex-direction: column-reverse; gap: 12px; position: fixed; bottom: var(--widget-padding); left: 0; right: 0; z-index: 10000; margin: 0 auto; padding: 0 var(--widget-padding); width: 100%; height: 100%; max-width: 520px; pointer-events: none; } .toaster:empty { display: none; } .toast { display: flex; align-items: center; gap: 12px; width: 100%; height: 50px; padding: 0 8px 0 24px; background: var(--color-brighter-bg); font-size: 16px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5); pointer-events: auto; transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out; } @starting-style { .toast { opacity: 0; height: 0; } } .toast[hidden] { display: block; opacity: 0; height: 0; } .toast.toast-warning { background: #cab600; } .toast.toast-error { background: #C12E2E; } .toast.toast-success { background: #4caf50; } .toast-close { margin-left: auto; flex: none; width: 30px; height: 30px; opacity: 0.5; line-height: 0; font-size: 0; color: transparent; transition: opacity 0.15s ease-in-out, background-color 0.15s ease-in-out; } .toast-close::before { content: ""; display: block; width: 100%; height: 100%; background-color: var(--color-text); mask: url("https://template-assets.tebex.io/images/close.svg") center center/20px no-repeat; } .toast-close:hover { opacity: 1; background-color: rgba(255, 255, 255, 0.1); } .store-category-tiered { --gap: calc(var(--widget-padding) * .75); padding: var(--widget-padding); } .store-category-tiered-header { margin-bottom: var(--widget-padding); font-size: 18px; } .store-category-tiered-header h1, .store-category-tiered-header h2, .store-category-tiered-header h3, .store-category-tiered-header h4, .store-category-tiered-header h5, .store-category-tiered-header h6, .store-category-tiered-header p { margin-bottom: 24px; } .store-products-tiered { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr)); gap: var(--gap); } .store-product-tiered { --border-color: rgb(from var(--color-text) r g b / .1); --primary-color: rgb(from var(--color-primary) r g b / .25); display: grid; grid-row: span 4; grid-template-rows: subgrid; gap: var(--gap); padding: var(--gap); } .store-product-tiered.store-product-cta { background-image: linear-gradient(to bottom, transparent 67%, var(--primary-color)); } .store-product-tiered .image { margin: auto; max-width: 100%; object-fit: contain; } .store-product-tiered .product-title { font-size: 20px; font-weight: 600; text-align: center; } .store-product-tiered .countdown { display: block; margin-top: 4px; color: var(--color-removed); font-size: 0.75em; font-variant-numeric: tabular-nums; } .store-product-tiered .countdown::before { content: ""; display: inline-block; vertical-align: -0.15em; margin-right: 0.25em; width: 1em; height: 1em; background-color: currentColor; mask: url("https://template-assets.tebex.io/images/countdown.svg") center center/contain no-repeat; } .store-product-tiered .descr { padding-block: var(--gap); border-block: 1px solid var(--border-color); color: var(--color-text-secondary); } .store-product-tiered .price { font-size: 14px; text-align: center; } .store-product-tiered .price .discount { margin-right: 1ch; color: var(--color-removed); font-weight: 400; text-decoration-line: line-through; } .store-product-tiered .price strong { font-size: 20px; font-weight: inherit; } .store-product-tiered .actions { gap: var(--gap); } .store-product-tiered .actions .wide { width: 100%; } .store-quote { padding: var(--widget-padding); } .store-quote .wide { flex: 1 1 50%; } /* Santt's Store: first visual stage (header, navigation and home hero) */ :root { --santt-accent: #6500e0; --santt-accent-rgb: 101 0 224; } .santt-header { position: relative; z-index: 20; margin: 0; max-width: none; padding: 0; width: 100%; background: rgb(7 7 10 / 94%); border-bottom: 1px solid rgb(255 255 255 / 7%); backdrop-filter: blur(18px); } body.page-index .santt-header { position: absolute; inset: 0 0 auto; background: linear-gradient(180deg, rgb(4 4 7 / 72%) 0%, transparent 100%); border-bottom-color: transparent; backdrop-filter: none; } .santt-header-inner { display: grid; grid-template-columns: minmax(150px, 0.75fr) minmax(420px, 2fr) minmax(170px, 0.75fr); align-items: center; gap: 20px 36px; position: relative; margin: 0 auto; padding: 0 clamp(24px, 4vw, 72px); width: 100%; max-width: 1560px; min-height: 92px; } body .santt-header-inner .site-title { position: static; inset: auto; margin: 0; width: fit-content; height: auto; line-height: 1; font-size: clamp(22px, 2vw, 30px); font-weight: 900; text-align: left; letter-spacing: -0.04em; } .santt-header-brand-link { display: block; width: fit-content; max-width: 240px; } body .santt-header-inner .site-title img { margin: 0; max-width: 100%; max-height: 82px; object-fit: contain; object-position: left center; } .santt-header .santt-navigation { min-width: 0; } .santt-header .navigation-horizontal .menu { gap: clamp(14px, 1.8vw, 32px); padding: 0; background: transparent; line-height: 1.2; font-size: 13px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; } .santt-header .navigation-horizontal .menu > li > a, .santt-header .navigation-horizontal .menu > li.has-children > a { position: relative; padding: 36px 0; } .santt-header .navigation-horizontal .menu > li > a::after { content: ""; position: absolute; right: 0; bottom: 25px; left: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--santt-accent), transparent); scale: 0 1; opacity: 0; transition: scale 0.2s ease, opacity 0.2s ease; } .santt-header .navigation-horizontal .menu > li > a:hover::after, .santt-header .navigation-horizontal .menu > li > a:focus-visible::after, .santt-header .navigation-horizontal .menu > li > a.link-active::after { scale: 1 1; opacity: 1; } .santt-header .navigation-horizontal a:hover, .santt-header .navigation-horizontal a:focus-visible, .santt-header .navigation-horizontal a.link-active { color: var(--santt-accent); } .santt-header .navigation-horizontal .has-children > ul { top: calc(100% - 22px); padding: 10px; background: rgb(12 10 18 / 94%); border: 1px solid rgb(var(--santt-accent-rgb) / 18%); box-shadow: 0 20px 60px rgb(0 0 0 / 45%); } .santt-header .navigation-horizontal li li a { padding: 9px 12px; border-radius: 4px; } .santt-header .navigation-horizontal li li a:hover, .santt-header .navigation-horizontal li li a:focus-visible, .santt-header .navigation-horizontal li li a.link-active { color: #fff !important; background: rgb(var(--santt-accent-rgb) / 72%) !important; } .santt-header-user-actions, body .santt-header-inner .user-actions, body .santt-header-inner .log-in { position: static; justify-self: end; } .santt-header-user-actions { display: flex; align-items: center; gap: 10px; } .santt-header .open-basket, .santt-header .user-name, .santt-header-login { --btn-size: 42px; min-width: 42px; border: 1px solid rgb(255 255 255 / 10%); border-radius: 999px; } .santt-header .open-basket { --btn-color-bg: var(--santt-accent); --btn-color-bg-hover: var(--santt-accent); --btn-color-text: #fff; --btn-color-text-hover: #fff; } .santt-header-login { min-width: 86px; background: rgb(255 255 255 / 5%); } .santt-header-menu-action { display: none; } .santt-header-meta { display: flex; grid-column: 1 / -1; align-items: center; justify-content: space-between; gap: 24px; margin-top: -12px; padding-bottom: 18px; } body.page-index .santt-header-meta { display: none; } body .santt-header-inner .santt-header-meta .info { position: relative; inset: auto; display: grid; grid-template-columns: 30px auto; align-items: center; column-gap: 10px; margin: 0; padding: 0; width: auto; max-width: 320px; height: auto; line-height: 1.2; text-align: left; } body .santt-header-inner .santt-header-meta .info.discord { grid-template-columns: auto 30px; padding: 0; text-align: right; } body .santt-header-inner .santt-header-meta .info .image { position: static; grid-row: 1 / 3; margin: 0; width: 30px; height: 30px; } body .santt-header-inner .santt-header-meta .info.discord .image { grid-column: 2; width: 30px; height: 30px; } body .santt-header-inner .santt-header-meta .info .title, body .santt-header-inner .santt-header-meta .info .action { line-height: 1.2; font-size: 11px; } .santt-home { width: 100%; min-width: 0; overflow: hidden; background: #050507; } .home-hero { position: relative; isolation: isolate; min-height: 100vh; min-height: 100svh; overflow: hidden; background: radial-gradient(circle at 72% 46%, rgb(var(--santt-accent-rgb) / 16%) 0%, transparent 34%), radial-gradient(circle at 18% 78%, rgb(var(--santt-accent-rgb) / 12%) 0%, transparent 28%), linear-gradient(120deg, #050507 0%, #09080e 48%, #050507 100%); } .home-hero::before { content: ""; position: absolute; inset: 0; z-index: -2; background-image: linear-gradient(rgb(255 255 255 / 2.5%) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / 2.5%) 1px, transparent 1px); background-size: 80px 80px; mask-image: linear-gradient(to bottom, transparent, #000 24%, #000 72%, transparent); } .home-hero::after { content: ""; position: absolute; right: -16%; bottom: -45%; z-index: -1; width: 70vw; aspect-ratio: 1; border: 1px solid rgb(var(--santt-accent-rgb) / 10%); border-radius: 50%; box-shadow: 0 0 0 80px rgb(var(--santt-accent-rgb) / 2.5%), 0 0 0 160px rgb(var(--santt-accent-rgb) / 1.5%); } .home-hero-inner { display: grid; grid-template-columns: minmax(320px, 0.82fr) minmax(460px, 1.18fr); align-items: center; gap: clamp(32px, 5vw, 96px); margin: 0 auto; padding: 126px clamp(24px, 5vw, 84px) 54px; width: 100%; max-width: 1680px; min-height: 100vh; min-height: 100svh; } .hero-content { position: relative; z-index: 2; max-width: 680px; } .hero-eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 28px; color: var(--santt-accent); font-size: 12px; font-weight: 700; letter-spacing: 0.24em; text-transform: uppercase; } .hero-eyebrow::before { content: ""; width: 42px; height: 1px; background: linear-gradient(90deg, var(--santt-accent), var(--santt-accent)); box-shadow: 0 0 16px rgb(var(--santt-accent-rgb) / 65%); } .hero-title { display: flex; flex-direction: column; align-items: flex-start; text-transform: uppercase; } .hero-title-kicker { margin-bottom: 4px; color: #f5f2fb; font-size: clamp(34px, 4.5vw, 76px); font-weight: 300; line-height: 0.98; letter-spacing: -0.055em; } .hero-title-impact { color: #fff; font-size: clamp(72px, 10vw, 170px); font-weight: 900; line-height: 0.82; letter-spacing: -0.085em; text-shadow: 0 0 45px rgb(var(--santt-accent-rgb) / 18%), 0 10px 50px rgb(0 0 0 / 50%); } .hero-summary { margin-top: clamp(28px, 4vw, 48px); max-width: 500px; color: rgb(237 232 247 / 62%); font-size: clamp(14px, 1.2vw, 18px); line-height: 1.7; } .hero-media { position: relative; align-self: stretch; min-width: 0; min-height: 580px; } .hero-media::before, .hero-media::after { content: ""; position: absolute; border-radius: 50%; filter: blur(1px); } .hero-media::before { inset: 14% 4% 8% 12%; background: radial-gradient(circle, rgb(var(--santt-accent-rgb) / 17%), transparent 66%); filter: blur(18px); } .hero-media::after { right: 5%; bottom: 8%; left: 5%; height: 22%; background: rgb(var(--santt-accent-rgb) / 18%); filter: blur(60px); } .hero-media-orbit { position: absolute; top: 50%; left: 52%; width: min(620px, 84%); aspect-ratio: 1; border: 1px solid rgb(var(--santt-accent-rgb) / 12%); border-radius: 50%; translate: -50% -50%; } .hero-media-orbit::before, .hero-media-orbit::after { content: ""; position: absolute; inset: 12%; border: 1px solid rgb(var(--santt-accent-rgb) / 9%); border-radius: inherit; } .hero-media-orbit::after { inset: 27%; background: radial-gradient(circle, rgb(var(--santt-accent-rgb) / 10%), transparent 70%); } .hero-media-stage { display: flex; align-items: flex-end; justify-content: center; gap: clamp(8px, 1.2vw, 20px); position: absolute; inset: 11% 0 7%; z-index: 1; padding: 0 3%; } .hero-figure { display: block; position: relative; width: min(17%, 128px); height: 62%; overflow: hidden; background: linear-gradient(180deg, rgb(255 255 255 / 5%), transparent 18%), linear-gradient(155deg, rgb(var(--santt-accent-rgb) / 14%), rgb(255 255 255 / 2%)); border: 1px solid rgb(255 255 255 / 7%); border-radius: 72px 72px 12px 12px; box-shadow: 0 28px 60px rgb(0 0 0 / 38%); opacity: 0.62; transform-origin: center bottom; } .hero-figure::before { content: ""; position: absolute; top: 7%; left: 50%; width: 42%; aspect-ratio: 1; background: rgb(var(--santt-accent-rgb) / 10%); border: 1px solid rgb(255 255 255 / 7%); border-radius: 50%; translate: -50% 0; } .hero-figure-1, .hero-figure-5 { height: 52%; scale: 0.9; opacity: 0.32; } .hero-figure-2, .hero-figure-4 { height: 68%; opacity: 0.48; } .hero-figure-3 { height: 78%; background: linear-gradient(180deg, rgb(255 255 255 / 7%), transparent 18%), linear-gradient(155deg, rgb(var(--santt-accent-rgb) / 21%), rgb(255 255 255 / 3%)); border-color: rgb(var(--santt-accent-rgb) / 13%); box-shadow: 0 32px 80px rgb(0 0 0 / 48%), 0 0 60px rgb(var(--santt-accent-rgb) / 10%); opacity: 0.72; } .home-continuation { min-height: 96px; background: linear-gradient(180deg, #050507, #08080b); } @media (width <= 1180px) { .santt-header-inner { grid-template-columns: minmax(130px, 0.65fr) minmax(390px, 2fr) minmax(140px, 0.65fr); gap: 18px; padding-inline: 28px; } .santt-header .navigation-horizontal .menu { gap: 14px; font-size: 12px; letter-spacing: 0.035em; } .santt-header .navigation-horizontal > ul > li > a { max-width: 15ch; } .home-hero-inner { grid-template-columns: minmax(300px, 0.9fr) minmax(390px, 1.1fr); gap: 28px; padding-inline: 40px; } .hero-media { min-height: 520px; } } @media (width <= 960px) { .santt-header { min-height: 72px; } .santt-header-inner { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 12px; position: relative; height: 72px; min-height: 72px; padding: 12px 18px; flex-wrap: nowrap; } body .santt-header-inner .actions, .santt-header-menu-action { display: block; position: static; grid-column: 1; grid-row: 1; } .santt-header .toggle-navigation { --btn-size: 42px; width: 42px; height: 42px; border: 1px solid rgb(255 255 255 / 9%); border-radius: 50%; background-color: rgb(255 255 255 / 4%); } body .santt-header-inner .site-title { grid-column: 2; grid-row: 1; justify-self: center; width: min(100%, 180px); line-height: 1; font-size: 20px; text-align: center; } .santt-header-brand-link { margin: 0 auto; max-width: 190px; } body .santt-header-inner .site-title img { margin: 0 auto; max-height: 52px; object-position: center; } body .santt-header-inner .user-actions, body .santt-header-inner .log-in { position: static; grid-column: 3; grid-row: 1; justify-self: end; } .santt-header .open-basket, .santt-header-login { --btn-size: 42px; min-width: 42px; height: 42px; } .santt-header-login { padding-inline: 14px; min-width: auto; font-size: 12px; } .santt-header-meta { display: none; } .santt-header .santt-navigation { min-width: auto; } .santt-navigation { background: rgb(3 3 6 / 64%); backdrop-filter: blur(12px); } .santt-navigation .menu { inset: 0 24px 0 0; padding: 96px 28px 32px; background: radial-gradient(circle at 20% 10%, rgb(var(--santt-accent-rgb) / 14%), transparent 34%), #08070c; border-right: 1px solid rgb(var(--santt-accent-rgb) / 13%); font-size: 18px; } .santt-navigation .close-navigation { top: 20px; right: 46px; } .santt-navigation a { border-bottom: 1px solid rgb(255 255 255 / 5%); } .santt-navigation a:hover, .santt-navigation a:focus-visible, .santt-navigation a.link-active { color: var(--santt-accent); } .home-hero-inner { grid-template-columns: minmax(0, 1fr); align-content: center; gap: 12px; padding: 112px 32px 30px; } .hero-content { max-width: 720px; } .hero-title-kicker { font-size: clamp(34px, 8vw, 62px); } .hero-title-impact { font-size: clamp(76px, 17vw, 132px); } .hero-summary { max-width: 460px; } .hero-media { min-height: clamp(310px, 45vh, 480px); } .hero-media-stage { inset-block: 3% 0; } } @media (width <= 600px) { .santt-header-inner { padding-inline: 14px; } body .santt-header-inner .site-title { width: min(100%, 132px); font-size: 17px; } .santt-header-brand-link { max-width: 145px; } body .santt-header-inner .site-title img { max-height: 44px; } .santt-header-login { width: 42px; padding: 0; overflow: hidden; font-size: 0; } .santt-header-login::before { content: ""; display: block; margin: auto; width: 18px; height: 18px; background-color: currentColor; mask: url("https://template-assets.tebex.io/images/user.svg") center/contain no-repeat; } .home-hero::before { background-size: 54px 54px; } .home-hero::after { right: -54%; bottom: -18%; width: 120vw; } .home-hero-inner { align-content: start; gap: 16px; padding: 112px 18px 22px; } .hero-eyebrow { margin-bottom: 20px; font-size: 10px; letter-spacing: 0.18em; } .hero-eyebrow::before { width: 28px; } .hero-title-kicker { font-size: clamp(30px, 10.5vw, 46px); line-height: 1; } .hero-title-impact { max-width: 100%; font-size: clamp(60px, 20.5vw, 96px); line-height: 0.88; letter-spacing: -0.075em; } .hero-summary { margin-top: 24px; max-width: 34ch; font-size: 13px; line-height: 1.6; } .hero-media { min-height: 330px; } .hero-media-orbit { top: 48%; width: 92%; } .hero-media-stage { gap: 5px; inset: 0 -5% 1%; } .hero-figure { width: 18%; border-radius: 48px 48px 8px 8px; } .home-continuation { min-height: 64px; } } @media (prefers-reduced-motion: reduce) { .santt-header *, .home-hero * { scroll-behavior: auto; transition-duration: 0.01ms !important; } } /* Product variants: compact segmented control */ .store-product .product-actions[data-product-variants="true"] { flex-wrap: wrap; } .store-product .product-actions[data-product-variants="true"] > .product-variants { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; flex: 1 0 100%; margin-bottom: 2px; width: 100%; min-width: 0; padding: 4px; background: rgb(5 5 8 / 72%); border: 1px solid rgb(255 255 255 / 8%); border-radius: 9px; box-shadow: inset 0 1px 0 rgb(255 255 255 / 3%); } .store-product .product-actions[data-product-variants="true"] [data-product-variant] { --btn-size: 40px; --btn-color-text: rgb(225 219 236 / 60%); --btn-color-text-hover: rgb(246 242 255 / 88%); --btn-color-bg: rgb(255 255 255 / 3%); --btn-color-bg-hover: rgb(255 255 255 / 7%); width: 100%; min-width: 0; padding: 0 10px; border: 1px solid transparent; border-radius: 6px; box-shadow: none; font-size: 12px; font-weight: 700; letter-spacing: 0.035em; white-space: nowrap; transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease; } .store-product .product-actions[data-product-variants="true"] [data-product-variant][aria-pressed="true"] { --btn-color-text: #fff; --btn-color-text-hover: #fff; --btn-color-bg: var(--santt-accent); --btn-color-bg-hover: var(--santt-accent); border-color: rgb(var(--santt-accent-rgb) / 55%); box-shadow: inset 0 1px 0 rgb(255 255 255 / 14%), 0 0 18px rgb(var(--santt-accent-rgb) / 18%); } .store-product .product-actions[data-product-variants="true"] [data-product-variant][aria-pressed="false"]:hover { border-color: rgb(var(--santt-accent-rgb) / 16%); } .store-product .product-actions[data-product-variants="true"] [data-product-variant]:focus-visible { outline: 2px solid rgb(var(--santt-accent-rgb) / 72%); outline-offset: 2px; } /* Santt's Store: category collection layout */ .page-category .site { isolation: isolate; position: relative; min-height: 100vh; overflow: hidden; background: radial-gradient(circle at 12% 30%, rgb(var(--santt-accent-rgb) / 14%) 0%, transparent 31%), radial-gradient(circle at 88% 62%, rgb(var(--santt-accent-rgb) / 11%) 0%, transparent 28%), linear-gradient(135deg, #050507 0%, #09070f 48%, #050507 100%); } .page-category .site::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; background-image: linear-gradient(rgb(var(--santt-accent-rgb) / 3.5%) 1px, transparent 1px), linear-gradient(90deg, rgb(var(--santt-accent-rgb) / 3.5%) 1px, transparent 1px), linear-gradient(135deg, transparent 0 44%, rgb(var(--santt-accent-rgb) / 4%) 44% 56%, transparent 56% 100%); background-size: 34px 34px, 34px 34px, 520px 520px; opacity: 0.75; } .page-category .santt-header { background: rgb(5 5 8 / 82%); border-bottom-color: rgb(var(--santt-accent-rgb) / 10%); box-shadow: 0 18px 70px rgb(0 0 0 / 28%); } .page-category .site-content { position: relative; margin-inline: auto; padding-top: clamp(42px, 6vw, 86px); padding-bottom: clamp(72px, 9vw, 132px); max-width: 1560px; } .page-category .site-content-widgets { display: block; } .page-category .store-sidebar { display: none; } .page-category .santt-category-heading { position: relative; margin-bottom: clamp(30px, 4vw, 52px); padding-left: 22px; } .page-category .santt-category-heading::before { content: ""; position: absolute; top: 0.15em; bottom: 0.12em; left: 0; width: 2px; background: linear-gradient(180deg, var(--santt-accent), var(--santt-accent) 62%, transparent); box-shadow: 0 0 18px rgb(var(--santt-accent-rgb) / 45%); } .page-category .santt-category-heading h2 { color: #f8f5ff; font-size: clamp(32px, 4vw, 58px); font-weight: 800; line-height: 1; letter-spacing: -0.045em; } .page-category .category-description { margin: 16px 0 0; max-width: 760px; padding: 0; color: rgb(228 220 240 / 68%); background: transparent; font-size: 16px; } .page-category .store-products > div[class^="store-products-"] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(18px, 1.7vw, 26px); } .page-category .store-product { position: relative; isolation: isolate; gap: 12px; min-width: 0; padding: clamp(14px, 1.2vw, 18px); overflow: hidden; background: radial-gradient(circle at 86% 6%, rgb(var(--santt-accent-rgb) / 13%), transparent 32%), linear-gradient(155deg, rgb(18 15 25 / 88%), rgb(8 8 12 / 94%)); clip-path: polygon( 18px 0, calc(100% - 18px) 0, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0 calc(100% - 18px), 0 18px ); transition: translate 0.25s ease, background-color 0.25s ease; } .page-category .store-product::before { content: ""; position: absolute; inset: 0; z-index: 3; padding: 1px; pointer-events: none; background: linear-gradient(145deg, rgb(var(--santt-accent-rgb) / 25%), rgb(var(--santt-accent-rgb) / 8%) 42%, rgb(255 255 255 / 5%)); clip-path: inherit; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } .page-category .store-product::after { content: ""; position: absolute; top: 0; left: 28px; z-index: 3; width: 72px; height: 2px; pointer-events: none; background: linear-gradient(90deg, var(--santt-accent), transparent); box-shadow: 0 0 14px rgb(var(--santt-accent-rgb) / 52%); } @media (hover: hover) { .page-category .store-product:hover { translate: 0 -4px; background: radial-gradient(circle at 86% 6%, rgb(var(--santt-accent-rgb) / 19%), transparent 34%), linear-gradient(155deg, rgb(21 17 30 / 92%), rgb(8 8 12 / 96%)); } } .page-category .store-product .image-link { display: block; margin: 0; width: 100%; max-width: none; aspect-ratio: 16 / 9; overflow: hidden; background: #09080d; clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px); } .page-category .store-product .image { width: 100%; height: 100%; object-fit: cover; transition: scale 0.35s ease, filter 0.35s ease; } @media (hover: hover) { .page-category .store-product:hover .image { scale: 1.025; filter: saturate(1.05) contrast(1.03); } } .page-category .store-product .product-title { min-height: 2.35em; color: #f7f3ff; font-size: clamp(16px, 1.25vw, 20px); font-weight: 750; line-height: 1.15; text-align: left; letter-spacing: -0.025em; } .page-category .store-product .product-actions { gap: 10px; margin-top: auto; } .page-category .store-product .price { padding: 3px 0; color: rgb(244 239 255 / 90%); text-align: left; } .page-category .store-product .price strong { font-size: 20px; font-weight: 700; } .page-category .store-product .product-actions > .add, .page-category .store-product .product-actions > .subscribe { --btn-color-bg: var(--santt-accent); --btn-color-bg-hover: var(--santt-accent); --btn-color-text: #fff; --btn-color-text-hover: #fff; border: 1px solid rgb(var(--santt-accent-rgb) / 28%); box-shadow: 0 12px 28px rgb(var(--santt-accent-rgb) / 18%); } .page-category .no-products { border: 1px solid rgb(var(--santt-accent-rgb) / 14%); background: rgb(14 12 20 / 72%); } @media (width > 960px) { .page-category .santt-header-inner { height: auto; min-height: 92px; } } @media (width <= 1320px) { .page-category .store-products > div[class^="store-products-"] { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (width <= 960px) { .page-category .store-products > div[class^="store-products-"] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (width <= 700px) { .page-category .site-content { padding-top: 34px; padding-bottom: 72px; } .page-category .santt-category-heading { margin-bottom: 28px; padding-left: 16px; } .page-category .store-products > div[class^="store-products-"] { grid-template-columns: minmax(0, 1fr); gap: 18px; } .page-category .store-product { padding: 16px; } .page-category .store-product .product-title { min-height: 0; } } /* Santt's Store: floating Discord shortcut */ .santt-discord-float { position: fixed; right: 28px; bottom: 28px; z-index: 9998; display: grid; place-items: center; width: 64px; height: 64px; color: #fff; background: linear-gradient(145deg, #6500e0, #4d00aa); border: 1px solid rgb(255 255 255 / 16%); border-radius: 50%; box-shadow: 0 8px 28px rgb(var(--santt-accent-rgb) / 42%), 0 0 46px rgb(var(--santt-accent-rgb) / 20%), inset 0 1px 0 rgb(255 255 255 / 18%); transition: scale 0.25s ease, box-shadow 0.25s ease; isolation: isolate; } .santt-discord-float::before { content: ""; position: absolute; inset: -5px; z-index: -1; border-radius: inherit; background: conic-gradient( from 0deg, transparent 0 18%, rgb(var(--santt-accent-rgb) / 92%) 36%, transparent 54% 72%, rgb(255 255 255 / 48%) 88%, transparent 100% ); -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 0); mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 0); animation: santt-discord-ring 4s linear infinite; } .santt-discord-float::after { content: ""; position: absolute; inset: -1px; z-index: -2; border: 1px solid rgb(var(--santt-accent-rgb) / 55%); border-radius: inherit; animation: santt-discord-pulse 2.2s ease-out infinite; } .santt-discord-float-icon { width: 32px; height: 25px; fill: currentColor; filter: drop-shadow(0 3px 7px rgb(0 0 0 / 28%)); animation: santt-discord-icon 2.4s ease-in-out infinite; } @media (hover: hover) { .santt-discord-float:hover { scale: 1.09; color: #fff; box-shadow: 0 10px 34px rgb(var(--santt-accent-rgb) / 55%), 0 0 58px rgb(var(--santt-accent-rgb) / 28%), inset 0 1px 0 rgb(255 255 255 / 22%); } } .santt-discord-float:focus-visible { outline: 3px solid #fff; outline-offset: 4px; } @keyframes santt-discord-ring { to { transform: rotate(360deg); } } @keyframes santt-discord-pulse { 0% { opacity: 0.72; scale: 1; } 75%, 100% { opacity: 0; scale: 1.34; } } @keyframes santt-discord-icon { 0%, 100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-2px) rotate(2deg) scale(1.06); } } @media (width <= 600px) { .santt-discord-float { right: 18px; bottom: 18px; width: 56px; height: 56px; } .santt-discord-float-icon { width: 28px; height: 22px; } } @media (prefers-reduced-motion: reduce) { .santt-discord-float::before, .santt-discord-float::after, .santt-discord-float-icon { animation: none; } } /* Santt's Store: custom orders category */ .page-category-custom .site { min-height: 100vh; background: radial-gradient(circle at 82% 22%, rgb(var(--santt-accent-rgb) / 20%), transparent 32%), radial-gradient(circle at 8% 74%, rgb(var(--santt-accent-rgb) / 10%), transparent 28%), #050507; } .page-category-custom .santt-header { background: rgb(5 5 8 / 80%); border-bottom-color: rgb(var(--santt-accent-rgb) / 14%); } .santt-custom-orders { position: relative; width: min(1480px, calc(100% - 48px)); margin: 0 auto; padding: clamp(64px, 8vw, 112px) 0 clamp(80px, 10vw, 140px); } .santt-custom-orders::before { content: ""; position: absolute; inset: 0 calc((100vw - 100%) / -2); z-index: 0; pointer-events: none; background-image: linear-gradient(rgb(var(--santt-accent-rgb) / 4%) 1px, transparent 1px), linear-gradient(90deg, rgb(var(--santt-accent-rgb) / 4%) 1px, transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 78%, transparent); } .santt-custom-orders-intro, .santt-custom-orders-grid, .santt-custom-orders-note { position: relative; z-index: 1; } .santt-custom-orders-intro { max-width: 780px; } .santt-custom-orders-kicker { display: flex; align-items: center; gap: 14px; margin: 0 0 18px; color: rgb(var(--santt-accent-rgb) / 92%); font-size: 12px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; } .santt-custom-orders-kicker::before { content: ""; width: 42px; height: 1px; background: var(--santt-accent); box-shadow: 0 0 14px rgb(var(--santt-accent-rgb) / 70%); } .santt-custom-orders-intro h2 { margin: 0; color: #fff; font-size: clamp(40px, 6vw, 78px); font-weight: 800; line-height: 0.98; letter-spacing: -0.055em; } .santt-custom-orders-intro > p:last-child { max-width: 680px; margin: 22px 0 0; color: rgb(232 225 243 / 70%); font-size: 17px; line-height: 1.7; } .santt-custom-orders-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(18px, 2vw, 28px); margin-top: clamp(42px, 6vw, 68px); } .santt-custom-order-card { position: relative; display: flex; flex-direction: column; min-height: 340px; padding: clamp(24px, 2.5vw, 34px); overflow: hidden; color: #f8f5ff; background: radial-gradient(circle at 90% 4%, rgb(var(--santt-accent-rgb) / 25%), transparent 38%), linear-gradient(150deg, rgb(20 16 29 / 96%), rgb(8 8 12 / 96%)); border: 1px solid rgb(var(--santt-accent-rgb) / 24%); clip-path: polygon( 18px 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%, 0 18px ); transition: translate 0.25s ease, border-color 0.25s ease, background-color 0.25s ease; } .santt-custom-order-card::after { content: ""; position: absolute; top: 0; left: 32px; width: 82px; height: 2px; background: linear-gradient(90deg, var(--santt-accent), transparent); box-shadow: 0 0 16px rgb(var(--santt-accent-rgb) / 70%); } .santt-custom-order-number { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 30px; color: #fff; background: rgb(var(--santt-accent-rgb) / 14%); border: 1px solid rgb(var(--santt-accent-rgb) / 28%); border-radius: 12px; font-size: 13px; font-weight: 800; letter-spacing: 0.08em; } .santt-custom-order-card h3 { margin: 0 0 14px; color: #fff; font-size: clamp(22px, 2vw, 30px); font-weight: 750; line-height: 1.08; letter-spacing: -0.035em; } .santt-custom-order-card p { margin: 0 0 28px; color: rgb(232 225 243 / 67%); font-size: 15px; line-height: 1.65; } .santt-custom-order-action { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: auto; padding: 13px 15px; color: #fff; background: var(--santt-accent); border: 1px solid rgb(255 255 255 / 12%); border-radius: 7px; font-size: 14px; font-weight: 700; transition: filter 0.2s ease; } @media (hover: hover) { .santt-custom-order-card:hover { translate: 0 -5px; color: #f8f5ff; border-color: rgb(var(--santt-accent-rgb) / 62%); background: radial-gradient(circle at 90% 4%, rgb(var(--santt-accent-rgb) / 32%), transparent 40%), linear-gradient(150deg, rgb(24 18 35 / 98%), rgb(8 8 12 / 98%)); } .santt-custom-order-card:hover .santt-custom-order-action { filter: brightness(1.1); } } .santt-custom-order-card:focus-visible { outline: 3px solid #fff; outline-offset: 4px; } .santt-custom-orders-note { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 20px 22px; color: rgb(239 233 248 / 72%); background: rgb(var(--santt-accent-rgb) / 7%); border-left: 2px solid var(--santt-accent); } .santt-custom-orders-note p { max-width: 920px; margin: 0; } .santt-custom-orders-note strong { color: #fff; } .santt-custom-orders-note > span { flex: 0 0 auto; color: rgb(var(--santt-accent-rgb) / 92%); font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } @media (width <= 1100px) { .santt-custom-orders-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .santt-custom-order-card:last-child { grid-column: 1 / -1; min-height: 280px; } } @media (width <= 700px) { .santt-custom-orders { width: min(100% - 32px, 1480px); padding-top: 48px; padding-bottom: 86px; } .santt-custom-orders-intro h2 { font-size: clamp(38px, 12vw, 54px); } .santt-custom-orders-intro > p:last-child { font-size: 15px; line-height: 1.6; } .santt-custom-orders-grid { grid-template-columns: minmax(0, 1fr); margin-top: 36px; } .santt-custom-order-card, .santt-custom-order-card:last-child { grid-column: auto; min-height: 300px; padding: 24px; } .santt-custom-orders-note { align-items: flex-start; flex-direction: column; } } /* Santt's Store — full product pages, October 2026. */ .page-product { background: #08070c; } .page-product::before { display: none; } .page-product .site { background: radial-gradient(ellipse at 8% 15%, rgb(101 0 224 / 10%), transparent 38%), #08070c; } /* Keep the existing header layout visible while browsing the store. */ body .site > #header.santt-header { position: sticky; top: 0; z-index: 30; background: rgb(5 5 8 / 42%); border-bottom: 1px solid rgb(183 129 255 / 16%); box-shadow: none; backdrop-filter: blur(14px); } /* Let the fixed mobile menu use the full viewport while it is open. */ body.show-navigation .site > #header.santt-header { backdrop-filter: none; } /* Clip the category decoration without creating a separate scroll container. */ .page-category .site { overflow: clip; } /* The homepage already reserves room for its overlaid header in the hero. */ body.page-index .site > #header.santt-header { position: fixed; inset: 0 0 auto; } @media (min-width: 961px) { body.page-product .santt-header-inner { height: auto; min-height: 92px; } } .santt-product-page { --color-primary: #6500e0; --color-primary-hover: #7c25ef; --color-primary-text: #fff; --color-primary-text-hover: #fff; width: min(1480px, calc(100% - 80px)); margin: 0 auto; padding: 36px 0 100px; } .santt-product-page [hidden] { display: none !important; } .santt-product-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 36px; color: #a69dad; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.02em; line-height: 1.6; } .santt-product-breadcrumbs [aria-current] { color: #ddd5e6; } .santt-product-breadcrumbs a:hover { color: #b887ff; } .santt-product-detail.store-product.store-product-full { display: block; padding: 0; margin: 0; background: none; border: 0; border-radius: 0; box-shadow: none; } .santt-product-hero { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(320px, 1fr); grid-template-areas: "gallery summary" "description summary"; grid-template-rows: auto 1fr; align-items: start; gap: 24px clamp(28px, 3vw, 54px); } .santt-product-gallery { min-width: 0; grid-area: gallery; } .santt-product-eyebrow { margin: 0 0 16px; color: #b68be9; font-size: 10px; font-weight: 800; letter-spacing: 0.19em; line-height: 1.6; } .santt-product-eyebrow span { margin: 0 8px; opacity: 0.45; } .santt-product-gallery .slider, .santt-product-cover { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border: 1px solid #30233e; border-radius: 14px; background: #0e0b14; } .santt-product-gallery .slide-image { padding: 0; width: 100%; height: 100%; min-height: 0; aspect-ratio: 16 / 9; object-fit: contain; } .santt-product-cover { object-fit: contain; } .santt-product-gallery .media-slider { --slider-spacing: 10px; --thumbs-size: 72px; } .santt-product-gallery .media-slider .thumbs { flex-wrap: nowrap; overflow-x: auto; padding: 4px 0 10px; scrollbar-width: thin; scrollbar-color: #4c2a74 #100c17; } .santt-product-gallery .thumb { flex: 0 0 var(--thumbs-size); overflow: hidden; border: 1px solid #30233e; border-radius: 7px; background: #100c17; } .santt-product-gallery .thumb.active { border-color: #a967ff; } .santt-product-gallery .thumb-image { padding: 3px; object-fit: cover; } .santt-product-summary { grid-area: summary; min-width: 0; padding: clamp(24px, 2.3vw, 38px); border: 1px solid #352143; border-radius: 16px; background: radial-gradient(ellipse at 100% 0, rgb(101 0 224 / 18%), transparent 65%), #100d17; box-shadow: 0 18px 50px rgb(0 0 0 / 15%); } .santt-product-collection { color: #c6a1f4; margin: 0 0 14px; font-size: 11px; font-weight: 800; letter-spacing: 0.15em; text-transform: uppercase; } .santt-product-summary h1.product-title { margin: 0; color: #faf7ff; font-size: clamp(26px, 2.35vw, 39px); font-weight: 900; line-height: 1.09; letter-spacing: -0.035em; overflow-wrap: anywhere; } .santt-version-caption { display: inline-block; margin: 18px 0 6px; padding: 6px 10px; border: 1px solid #443151; border-radius: 5px; color: #d6c6e7; font-size: 11px; } .santt-page-versions { margin-top: 26px; } .santt-control-label { margin-bottom: 10px; color: #c7bdcf; font-size: 12px; } .santt-page-version-links { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; } .santt-version-link { display: flex; align-items: center; justify-content: center; min-height: 46px; padding: 10px; color: #cfc3dc; border: 1px solid #3a2c49; border-radius: 7px; font-size: 13px; font-weight: 700; background: #15101d; } .santt-version-link[aria-current] { color: #fff; background: #6500e0; border-color: #9747f5; } .santt-version-link:hover { color: #fff; border-color: #ae71f5; } .santt-product-purchase { margin: 28px 0 0; } .santt-product-detail .santt-product-purchase .actions { position: static !important; display: flex; flex-wrap: wrap; align-items: stretch; gap: 10px; padding: 0; margin: 0; background: none; backdrop-filter: none; overflow: visible; } .santt-product-purchase .actions > .product-variants { display: none !important; } .santt-product-detail .santt-product-purchase .price { flex: 0 0 100%; width: 100%; margin: 0 0 12px; color: #fff; text-align: left; } .santt-product-purchase .price strong { font-size: clamp(32px, 3vw, 46px); font-weight: 900; letter-spacing: -0.045em; } .santt-product-purchase .price .discount { font-size: 18px; } .santt-product-detail .santt-product-purchase .actions .wide, .santt-product-detail .santt-product-purchase .actions .half { flex: 1 1 100%; width: 100%; } .santt-product-purchase .add, .santt-product-purchase .subscribe { --btn-color-bg: #6500e0; --btn-color-bg-hover: #7c25ef; --btn-color-text: #fff; --btn-color-text-hover: #fff; min-height: 52px; border-radius: 7px; font-weight: 800; } .santt-product-purchase .gift.btn-glyph { flex: 1 1 100%; width: 100%; min-height: 42px; padding: 10px 16px; border: 1px solid #40304f; border-radius: 7px; color: #cbbbda; background: transparent; font-size: 12px; text-indent: 0; } .santt-product-purchase .gift.btn-glyph::before { display: none; } .santt-product-delivery { display: flex; gap: 12px; margin-top: 26px; padding-top: 24px; border-top: 1px solid #302239; } .santt-delivery-icon { color: #ba86ff; font-size: 26px; line-height: 1; } .santt-product-delivery strong { display: block; color: #eee4f7; font-size: 15px; line-height: 1.5; } .santt-product-delivery p { margin: 8px 0 0; color: #bdafca; font-size: 14px; line-height: 1.75; } .santt-product-support { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; margin-top: 24px; padding: 18px 12px; border: 1px solid #694095; border-radius: 9px; background: rgb(101 0 224 / 12%); color: #d1bae8; text-align: center; font-size: 14px; line-height: 1.5; transition: background .2s, border-color .2s; } .santt-product-support strong { color: #f0e4ff; font-size: 17px; } .santt-product-support strong span { margin-left: 5px; } .santt-product-support:hover { background: rgb(101 0 224 / 25%); border-color: #ad76ef; } .santt-product-description { grid-area: description; min-width: 0; margin: 0; } .santt-section-heading { margin-bottom: 16px; text-align: center; } .santt-section-heading .santt-product-eyebrow { margin-bottom: 0; } .santt-related-heading .santt-product-eyebrow { margin-bottom: 8px; } .santt-section-heading h2, .santt-related-heading h2 { margin: 0; color: #f6effc; font-size: clamp(25px, 2.6vw, 38px); font-weight: 800; line-height: 1.2; letter-spacing: -0.035em; } .santt-product-description .descr { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: #c8bdd3; text-align: left; font-size: 14px; line-height: 1.75; } .santt-product-description .descr p { max-width: 100%; margin: 0 0 16px; } .santt-product-description .descr a { color: #b985f9; } .santt-product-description .descr strong { color: #f1eaf8; } .santt-product-description .descr p:has(> img) { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 14px; } .santt-product-description .descr p > img { width: min(300px, 100%) !important; height: auto !important; margin: 0 !important; border-radius: 8px; background: #100d16; } .santt-detail-gallery { margin-top: 28px; } .santt-detail-stage { position: relative; min-width: 0; } .santt-detail-stage .santt-detail-image { display: block; width: 100% !important; height: clamp(260px, 30vw, 420px) !important; max-width: 100% !important; margin: 0 !important; object-fit: contain; background: transparent; } .santt-detail-arrow { position: absolute; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 42px; height: 42px; padding: 0; border: 1px solid #4b345e; border-radius: 50%; background: #160e22; color: #ead6ff; font-size: 25px; cursor: pointer; } .santt-detail-arrow:hover { background: #6500e0; } .santt-detail-arrow[data-direction="previous"] { left: 0; } .santt-detail-arrow[data-direction="next"] { right: 0; } .santt-detail-caption { margin: 12px 0 !important; color: #c4afd9; font-size: 12px; text-align: center; } .santt-detail-thumbs { display: flex; gap: 8px; padding: 4px 2px 10px; overflow-x: auto; scrollbar-width: thin; scrollbar-color: #65408e #100c17; } .santt-detail-thumb { flex: 0 0 64px; width: 64px; height: 64px; padding: 4px; border: 1px solid #3b294b; border-radius: 7px; background: rgb(24 16 34 / 50%); cursor: pointer; } .santt-detail-thumb[aria-pressed="true"] { border-color: #b781ff; background: rgb(101 0 224 / 22%); } .santt-detail-thumb img { width: 100%; height: 100%; object-fit: contain; } .santt-related-products { margin-top: 76px; padding-top: 42px; border-top: 1px solid #2d2039; } .santt-related-heading { display: flex; flex-direction: column; align-items: center; gap: 22px; margin-bottom: 30px; text-align: center; } .santt-collection-link { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 12px 28px; border: 1px solid #8251b5; border-radius: 8px; color: #efdcff; background: rgb(101 0 224 / 15%); font-size: 16px; font-weight: 700; } .santt-collection-link:hover { background: #6500e0; color: #fff; } .santt-related-status { color: #b9aac8; font-size: 13px; } .santt-related-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; } .santt-related-grid .store-product { display: flex; flex: 0 0 calc((100% - 60px) / 4); flex-direction: column; gap: 12px; padding: 12px; min-width: 0; border: 1px solid #34233f; border-radius: 10px; background: #110d18; } .santt-related-grid .image-link { margin: 0; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 6px; } .santt-related-grid .image { width: 100%; height: 100%; object-fit: cover; } .santt-related-grid .product-title { min-height: 2.4em; margin: 0; color: #eee5f7; text-align: left; font-size: 14px; line-height: 1.3; } .santt-related-grid .product-actions { margin-top: auto; gap: 10px; } .santt-related-grid .price { text-align: left; } .santt-related-grid .price strong { font-weight: 800; } .santt-related-grid .add { border-radius: 5px; } .santt-product-page :is(a,button):focus-visible { outline: 2px solid #c59bff; outline-offset: 4px; } @media (max-width: 1100px) { .santt-product-page { width: calc(100% - 48px); } .santt-product-hero { grid-template-columns: minmax(0, 1.3fr) minmax(300px, 1fr); gap: 24px; } .santt-related-grid .store-product { flex-basis: calc((100% - 20px) / 2); } } @media (max-width: 800px) { .santt-product-page { width: calc(100% - 32px); padding: 22px 0 70px; } .santt-product-breadcrumbs { margin-bottom: 26px; font-size: 12px; } .santt-product-hero { grid-template-columns: minmax(0, 1fr); grid-template-areas: "gallery" "summary" "description"; grid-template-rows: auto; gap: 22px; } .santt-product-gallery .media-slider { --thumbs-size: 58px; } .santt-product-summary { padding: 24px; } .santt-product-summary h1.product-title { font-size: 31px; } .santt-product-description { margin-top: 6px; } .santt-related-products { margin-top: 48px; padding-top: 30px; } } @media (max-width: 520px) { .santt-related-grid .store-product { flex-basis: 100%; } .santt-product-gallery .slider { min-height: 0; } .santt-product-eyebrow { font-size: 9px; letter-spacing: 0.14em; } .santt-product-summary h1.product-title { font-size: 28px; } } /* Santt's Store — collection-led homepage, October 2026. */ body.page-index .site { display: block; background: #08070c; } body.page-index .site > #header.santt-header { position: absolute; inset: 0 0 auto; background: transparent; border: 0; box-shadow: none; backdrop-filter: none; } .santt-home-showcase { --color-primary: #6500e0; --color-primary-hover: #7d28e9; --color-primary-text: #fff; --color-primary-text-hover: #fff; background: #08070c; color: #f5f1fb; } .santt-home-showcase [hidden] { display: none !important; } .santt-home-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; } .santt-home-showcase :is(a, button, [tabindex]):focus-visible { outline: 2px solid #c6a0ff; outline-offset: 5px; } .santt-home-kicker { margin: 0; color: #ae82ea; font-size: 11px; line-height: 1.6; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; } .santt-showcase { position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 820px; min-height: max(820px, 100svh); padding: 170px 0 48px; overflow: hidden; background: radial-gradient(ellipse at 50% 47%, #321054 0%, #140c23 35%, #08070c 72%); } .santt-showcase::before { content: ""; position: absolute; inset: 13% 12% 0; z-index: -1; border-radius: 50%; background: radial-gradient(ellipse, #7e26d51a, transparent 66%); } .santt-showcase-wordmark { position: absolute; z-index: -1; top: 29%; left: 50%; transform: translateX(-50%); white-space: nowrap; font-size: clamp(90px, 14.2vw, 250px); font-weight: 900; line-height: 1; letter-spacing: -.065em; color: #bb8aff; opacity: .075; pointer-events: none; } .santt-showcase-intro { text-align: center; padding: 0 24px; margin-bottom: 18px; } .santt-showcase-intro h2 { margin: 12px 0 0; font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif; font-size: clamp(30px, 3vw, 48px); font-weight: 600; line-height: 1.05; letter-spacing: .035em; text-transform: uppercase; } .santt-showcase-intro h2 span { color: #c9a2ff; } .santt-showcase-stage { position: relative; width: min(1500px, 100%); height: clamp(250px, min(30vw, 43svh), 490px); flex: none; perspective: 1600px; touch-action: pan-y; cursor: grab; } .santt-showcase-stage.is-dragging { cursor: grabbing; } .santt-showcase-card { position: absolute; top: 50%; left: 50%; width: min(57%, 820px, 76.4svh); aspect-ratio: 16 / 9; margin: 0; padding: 0; border: 1px solid #9361bb66; border-radius: 14px; overflow: hidden; background: #171021; box-shadow: 0 35px 80px #0009; transform: translate(-50%, -50%); transition: transform .55s cubic-bezier(.2,.7,.2,1), opacity .55s, filter .55s; user-select: none; -webkit-user-drag: none; } .santt-showcase-card img { width: 100%; height: 100%; display: block; object-fit: cover; pointer-events: none; } .santt-showcase-card.is-current { z-index: 3; filter: brightness(1); opacity: 1; } .santt-showcase-card.is-previous { z-index: 1; transform: translate(-116%, -50%) scale(.7) rotateY(12deg); filter: brightness(.55); opacity: .85; } .santt-showcase-card.is-next { z-index: 2; transform: translate(16%, -50%) scale(.7) rotateY(-12deg); filter: brightness(.55); opacity: .85; } .santt-showcase-card:not(.is-current):hover { filter: brightness(.85); } .santt-showcase-caption { display: grid; justify-items: center; align-content: start; text-align: center; width: min(850px, calc(100% - 48px)); margin: 15px auto 0; min-height: 112px; max-width: 850px; } .santt-showcase-caption .santt-home-kicker { text-align: center; text-indent: .2em; } .santt-showcase-caption h3 { margin: 8px 0 9px; font-size: clamp(21px, 2.1vw, 34px); line-height: 1.15; letter-spacing: -.025em; text-transform: uppercase; font-weight: 800; } .santt-showcase-caption h3 a { color: #fff; } .santt-showcase-view { color: #c8bdd7; font-size: 12px; } .santt-showcase-view span { color: #b685ff; margin-left: 7px; } .santt-showcase-controls { position: relative; display: flex; gap: 18px; align-items: center; justify-content: center; width: max-content; margin: 8px auto 0; } .santt-home-arrow { display: inline-flex; align-items: center; justify-content: center; position: relative; isolation: isolate; overflow: hidden; width: 66px; height: 48px; padding: 0; border: 1px solid #8655b1; border-radius: 14px 5px 14px 5px; color: #f1e3ff; background: linear-gradient(140deg, #4e2370 0%, #251034 70%); box-shadow: inset 0 1px 0 #dfb7ff26, 0 6px 18px #0003; font-size: 25px; cursor: pointer; transition: transform .25s, box-shadow .25s, border-color .25s, background .25s; } .santt-home-arrow::before { content: ""; position: absolute; inset: -25% auto -25% -100%; width: 65%; background: linear-gradient(90deg, transparent, #f5dfff40, transparent); transform: skewX(-25deg); transition: left .5s; pointer-events: none; } .santt-home-arrow:is(:hover, :focus-visible):not(:disabled) { transform: translateY(-3px); background: linear-gradient(135deg, #983ded, #6500e0); border-color: #cb99ff; box-shadow: 0 8px 25px #7524d747, inset 0 1px 0 #f3dfff50; } .santt-home-arrow:is(:hover, :focus-visible):not(:disabled)::before { left: 140%; } .santt-home-arrow:active:not(:disabled) { transform: translateY(0) scale(.96); } .santt-home-arrow:disabled { opacity: .25; cursor: default; box-shadow: none; } .santt-showcase-dots { display: flex; gap: 8px; } .santt-showcase-dot { width: 28px; height: 32px; border: 0; padding: 12px 0; background: transparent; cursor: pointer; } .santt-showcase-dot::before { content: ""; display: block; height: 3px; border-radius: 4px; background: #473652; } .santt-showcase-dot[aria-pressed="true"]::before { background: #b27aff; box-shadow: 0 0 16px #943dff80; } .santt-showcase-pause { position: absolute; left: calc(100% + 12px); width: 32px; height: 32px; padding: 0; background: transparent; border: 0; color: #8f7f9f; font-size: 15px; cursor: pointer; } .santt-home-status { color: #a292b3; text-align: center; padding: 28px 16px; } .santt-showcase-stage > .santt-home-status { position: absolute; inset: 35% 0 auto; } .santt-home-section { position: relative; isolation: isolate; width: min(1480px, calc(100% - 80px)); margin: 0 auto; padding: 80px 0; scroll-margin-top: 40px; } .santt-home-section::before { content: ""; position: absolute; z-index: -1; top: -90px; left: 50%; transform: translateX(-50%); width: min(1000px, 85vw); height: 230px; background: radial-gradient(ellipse, #7730af12 0%, transparent 70%); pointer-events: none; } .santt-home-section.santt-releases { padding-top: 40px; } .santt-home-section-heading { text-align: center; margin-bottom: 38px; } .santt-home-section-heading h2 { margin: 10px 0 15px; color: #fff; font-size: clamp(30px, 3.5vw, 52px); line-height: 1.05; letter-spacing: -.045em; font-weight: 800; } .santt-home-section-heading h2 span { color: #a86ff1; } .santt-home-section-heading > p:last-child { margin: 0; color: #a69ab4; font-size: 14px; line-height: 1.6; } .santt-release-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 36px; } .santt-release-tab { display: inline-flex; align-items: center; justify-content: center; position: relative; min-height: 46px; padding: 13px 28px; border: 1px solid #483058; background: linear-gradient(140deg, #21142d, #100c17); border-radius: 10px 4px 10px 4px; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: #bba9ca; transition: transform .25s, box-shadow .25s, border-color .25s, color .25s; } .santt-release-tab::after { content: ""; position: absolute; bottom: 0; left: 22%; right: 22%; height: 2px; background: #c28aff; transform: scaleX(0); transition: transform .25s; } .santt-release-tab:is(:hover, :focus-visible) { color: #fff; border-color: #a773d3; transform: translateY(-3px); box-shadow: 0 7px 22px #6500e026; } .santt-release-tab:is(:hover, :focus-visible)::after, .santt-release-tab[aria-selected="true"]::after { transform: scaleX(1); } .santt-release-tab[aria-selected="true"] { color: #fff; background: linear-gradient(135deg, #8d32e4, #5800b9); border-color: #ab64ed; box-shadow: 0 6px 25px #6500e030, inset 0 1px 0 #eac7ff30; } .santt-release-panel { min-width: 0; min-height: 420px; } .santt-release-track { display: flex; justify-content: safe center; gap: 22px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 4px 0 8px; } .santt-release-track::-webkit-scrollbar { display: none; } .santt-release-track .store-product { display: flex; flex: 0 0 calc((100% - 66px) / 4); flex-direction: column; gap: 12px; padding: 12px; min-width: 0; scroll-snap-align: start; background: linear-gradient(160deg, #1b1025, #0f0c14 65%); border: 1px solid #32203f; border-radius: 10px; transition: border-color .2s; } .santt-release-track .store-product:hover { border-color: #8950b9; } .santt-release-track .image-link { width: 100%; margin: 0; aspect-ratio: 16 / 9; border-radius: 5px; overflow: hidden; } .santt-release-track .image { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; } .santt-release-track .image-link:hover .image { transform: scale(1.04); } .santt-release-track .product-title { margin: 0; min-height: 2.6em; text-transform: uppercase; font-size: 14px; line-height: 1.3; color: #f7f0ff; text-align: left; } .santt-release-track .product-actions { margin-top: auto; gap: 10px; } .santt-release-track .price { text-align: left; } .santt-release-track .price strong { font-weight: 800; } .santt-release-track .add { border-radius: 5px; } .santt-release-footer { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; margin-top: 24px; gap: 16px; } .santt-release-arrows { display: flex; grid-column: 2; gap: 14px; } .santt-home-text-link { grid-column: 3; justify-self: end; padding: 11px 16px; border: 1px solid #493058; border-radius: 6px; font-size: 13px; color: #d2b6eb; background: #21102d66; transition: background .2s, border-color .2s; } .santt-home-text-link:hover { background: #472064; border-color: #a66adc; } .santt-home-text-link span { margin-left: 8px; } .santt-customers { padding-top: 64px; padding-bottom: 64px; } .santt-home-payments > :not(.widget-recent) { display: none; } .santt-home-payments .widget-recent { padding: 0; margin: 0; background: none; } .santt-home-payments .widget-title { display: none; } .santt-home-payments .santt-customer-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; } .santt-home-payments .purchase { flex: 0 0 calc((100% - 64px) / 5); min-width: 0; margin: 0; padding: 24px 16px; flex-direction: column; align-items: center; border: 1px solid #2d1d39; border-radius: 10px; background: #110d17; text-align: center; gap: 16px; } .santt-customer-avatar { position: relative; display: flex; align-items: center; justify-content: center; flex: none; width: 64px; height: 64px; overflow: hidden; border: 1px solid #8150a7; border-radius: 50%; background: radial-gradient(circle at 25% 10%, #8e49cb, #35134f); box-shadow: 0 0 0 4px #a15ee80b; color: #eed9ff; font-weight: 800; font-size: 23px; } .santt-customer-avatar img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; margin: 0; border: 0; border-radius: inherit; object-fit: cover; background: #21102d; } .santt-customer-avatar img[hidden] { display: none; } .santt-customer-detail { min-width: 0; max-width: 100%; } .santt-customer-detail p { margin: 0; overflow-wrap: anywhere; } .santt-customer-detail .username { font-size: 14px; color: #eee3f9; } .santt-customer-package { margin-top: 7px !important; color: #94839f; font-size: 11px; line-height: 1.5; } .santt-customer-price { margin-top: 5px !important; color: #c3a4e0; font-size: 12px; } .santt-customer-badge { display: inline-block; margin-top: 13px; color: #af81d9; font-size: 10px; } .santt-home-payments:has(.widget-recent) + .santt-customers-empty { display: none; } .santt-advantage-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 26px; } .santt-advantage { position: relative; padding: 32px; border-top: 1px solid #553268; background: linear-gradient(150deg, #1d102aa6, transparent 80%); transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; } .santt-advantage-icon { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; color: #b47bfa; background: #301443; border: 1px solid #583072; border-radius: 12px; transition: transform .3s ease, color .3s ease, background .3s ease, box-shadow .3s ease; } .santt-advantage-icon svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; } .santt-advantage-number { position: absolute; right: 28px; top: 28px; font-size: 38px; font-weight: 800; color: #b777ef20; transition: color .3s ease; } @media (hover: hover) and (pointer: fine) { .santt-advantage:hover { transform: translateY(-6px); border-color: #aa6de1; box-shadow: 0 15px 35px #0004, 0 -2px 24px #8636c51a; } .santt-advantage:hover .santt-advantage-icon { transform: translateY(-3px) rotate(-4deg); color: #dfbaff; background: #482062; box-shadow: 0 6px 20px #9e42e82b; } .santt-advantage:hover .santt-advantage-number { color: #b777ef55; } } .santt-advantage h3 { margin: 26px 0 12px; color: #f2e6ff; font-size: 20px; letter-spacing: -.02em; } .santt-advantage p { margin: 0; color: #a89bb5; font-size: 14px; line-height: 1.8; max-width: 34em; } .santt-home-discord { display: flex; align-items: center; justify-content: center; gap: 22px; width: fit-content; margin: 44px auto 0; padding: 15px 24px; border: 1px solid #6e3d96; border-radius: 6px; background: #220f36; color: #e8ccff; font-size: 14px; font-weight: 700; } .santt-home-discord:hover { background: #6500e0; color: #fff; } .santt-back-top { display: flex; align-items: center; justify-content: center; position: fixed; left: 50%; right: auto; bottom: calc(22px + env(safe-area-inset-bottom)); transform: translateX(-50%); width: 70px; height: 44px; z-index: 30; border: 0; border-radius: 0; clip-path: polygon(0 0, 100% 0, 82% 100%, 18% 100%); background: linear-gradient(135deg, #ac56fc, #6500e0); color: #fff; filter: drop-shadow(0 0 10px #8f27e87a); transition: filter .25s, background .25s; animation: santt-top-reveal .35s ease both; } .santt-back-top svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; animation: santt-top-bounce 2s ease-in-out infinite; } .santt-back-top:is(:hover, :focus-visible) { background: linear-gradient(135deg, #c985ff, #8120f0); filter: drop-shadow(0 0 16px #a54cffb3); } @keyframes santt-top-bounce { 0%, 100% { transform: translateY(2px); } 50% { transform: translateY(-4px); } } @keyframes santt-top-reveal { from { opacity: 0; margin-bottom: -8px; } to { opacity: 1; margin-bottom: 0; } } @media (min-width: 961px) { body.page-index .santt-header-inner { height: auto; min-height: 184px; padding-top: 20px; align-items: start; } body.page-index .santt-header-inner .site-title { margin-top: 10px; } body.page-index .santt-header-inner .site-title img { height: 148px; max-height: 148px; width: auto; } body.page-index .santt-header-user-actions, body.page-index .santt-header-login { margin-top: 24px; } } @media (max-width: 960px) { body.page-index .santt-header-inner { height: auto; min-height: 116px; } body.page-index .santt-header-inner .site-title img { height: 88px; max-height: 88px; width: auto; } } @media (max-width: 1100px) { .santt-home-section { width: calc(100% - 48px); padding: 80px 0; } .santt-release-track .store-product { flex-basis: calc((100% - 44px) / 3); } .santt-home-payments .purchase { flex-basis: calc((100% - 32px) / 3); } .santt-advantage { padding: 24px; } } @media (max-width: 800px) { .santt-showcase { min-height: max(700px, 100svh); padding-top: 120px; padding-bottom: 96px; } .santt-showcase-intro { margin-bottom: 20px; } .santt-showcase-wordmark { top: 31%; font-size: 16vw; } .santt-showcase-stage { height: clamp(230px, 45vw, 400px); } .santt-showcase-card { width: 74%; } .santt-showcase-card.is-previous { transform: translate(-117%, -50%) scale(.65); } .santt-showcase-card.is-next { transform: translate(17%, -50%) scale(.65); } .santt-showcase-caption { min-height: 115px; max-width: 90%; } .santt-home-kicker { font-size: 9px; letter-spacing: .16em; } .santt-release-track .store-product { flex-basis: calc((100% - 22px) / 2); } .santt-advantage-grid { grid-template-columns: 1fr; gap: 20px; } .santt-advantage { padding: 28px; } .santt-advantage h3 { margin-top: 20px; } } @media (max-width: 520px) { .santt-home-section { width: calc(100% - 32px); padding: 64px 0; } .santt-showcase { min-height: max(680px, 100svh); padding-top: 115px; } .santt-showcase-stage { height: 220px; } .santt-showcase-card { width: 80%; border-radius: 8px; } .santt-showcase-caption { margin-top: 16px; } .santt-showcase-caption h3 { font-size: 23px; } .santt-release-tabs { gap: 7px; } .santt-release-tab { flex: 1 1 auto; padding: 11px 12px; font-size: 10px; } .santt-release-track .store-product { flex-basis: 87%; } .santt-release-footer { grid-template-columns: 1fr; justify-items: center; gap: 20px; } .santt-release-arrows, .santt-home-text-link { grid-column: 1; justify-self: center; } .santt-home-payments .purchase { flex-basis: calc((100% - 16px) / 2); padding: 20px 12px; } .santt-back-top { width: 62px; height: 40px; bottom: calc(18px + env(safe-area-inset-bottom)); } } @media (prefers-reduced-motion: reduce) { .santt-home-showcase *, .santt-home-showcase *::before, .santt-home-showcase *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; } .santt-advantage:hover, .santt-advantage:hover .santt-advantage-icon { transform: none; } } /* Santt's Store — category search and collection filters. */ .page-category [data-santt-catalog-grid][hidden], .page-category [data-santt-catalog-grid] > [hidden], .page-category .santt-catalog-tools [hidden], .page-category .santt-catalog-tools[hidden], .page-category .santt-catalog-empty[hidden] { display: none !important; } .santt-catalog-tools { margin: -10px 0 28px; } .santt-catalog-toolbar { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; } .santt-catalog-search { flex: 1 1 340px; max-width: 420px; min-width: 220px; } .santt-catalog-search label { display: block; margin-bottom: 10px; color: #ba91ed; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; } .santt-catalog-search-field { position: relative; } .santt-catalog-search-field svg { position: absolute; top: 50%; left: 16px; transform: translateY(-50%); width: 20px; height: 20px; fill: none; stroke: #bd92ee; stroke-width: 1.6; stroke-linecap: round; pointer-events: none; } .santt-catalog-search-field input { width: 100%; height: 48px; margin: 0; padding: 12px 16px 12px 46px; border: 1px solid #533568; border-radius: 10px; background: #140c20cc; color: #f4ecff; font: inherit; font-size: 14px; box-shadow: inset 0 1px 0 #e6caff08; transition: border-color .2s, box-shadow .2s; } .santt-catalog-search-field input::placeholder { color: #93859f; opacity: 1; } .santt-catalog-search-field input:focus { outline: none; border-color: #b67af4; box-shadow: 0 0 0 3px #9c50ec1f; } .santt-catalog-filters { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 8px; } .santt-catalog-chip { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 10px 16px; border: 1px solid #443050; border-radius: 24px; background: linear-gradient(145deg, #271534b3, #110c19); color: #c0aecf; font-size: 12px; font-weight: 700; white-space: nowrap; cursor: pointer; transition: border-color .2s, background .2s, color .2s, box-shadow .2s; } .santt-catalog-chip:hover { color: #fff; border-color: #9962c2; } .santt-catalog-chip[aria-pressed="true"] { background: linear-gradient(135deg, #8734d5, #6000c9); border-color: #b578ef; color: #fff; box-shadow: 0 4px 18px #7c1ee426; } .santt-catalog-tools button:focus-visible, .santt-catalog-empty button:focus-visible { outline: 2px solid #c797ff; outline-offset: 4px; } .santt-catalog-feedback { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 24px; margin-top: 14px; font-size: 12px; } .santt-catalog-feedback p { margin: 0; color: #a99ab5; } .santt-catalog-reset { margin: 0; padding: 3px 0; border: 0; background: none; color: #bf91ec; font: inherit; cursor: pointer; } .santt-catalog-reset:hover { color: #fff; } .santt-catalog-empty { padding: 64px 20px; text-align: center; background: radial-gradient(ellipse at center, #5220711a, transparent 65%); } .santt-catalog-empty > svg { width: 36px; height: 36px; margin-bottom: 14px; fill: none; stroke: #ae78df; stroke-width: 1.4; stroke-linecap: round; } .santt-catalog-empty h3 { margin: 0 0 10px; color: #f5ecff; font-size: 24px; } .santt-catalog-empty p { margin: 0 0 24px; color: #ab98bb; } @media (max-width: 1100px) { .santt-catalog-toolbar { align-items: stretch; flex-direction: column; gap: 18px; } .santt-catalog-search { flex: none; max-width: 100%; min-width: 0; } .santt-catalog-filters { justify-content: flex-start; } } @media (max-width: 520px) { .santt-catalog-tools { margin-top: 0; } .santt-catalog-chip { padding: 9px 13px; min-height: 40px; } .santt-catalog-feedback { align-items: flex-start; font-size: 11px; } } @media (prefers-reduced-motion: reduce) { .santt-catalog-tools * { transition: none !important; } } /* Santt's Store — mobile refinements. Desktop rules stay above, unchanged. */ .santt-mobile-menu-heading, .santt-catalog-filter-toggle, .santt-customer-controls { display: none; } @media (max-width: 960px) { body .santt-header-inner { grid-template-columns: 82px minmax(0, 1fr) 82px; gap: 8px; } body .santt-header .santt-header-login { display: inline-flex; align-items: center; justify-content: center; gap: 7px; width: auto; min-width: 76px; height: 42px; padding: 0 12px; border: 1px solid #ffffff26; border-radius: 999px; background: #e6e2eb; color: #19131f; font-size: 12px; font-weight: 700; line-height: 1; } body .santt-header .santt-header-login::before { flex: none; margin: 0; width: 14px; height: 14px; } body .santt-header .open-basket { display: inline-flex; align-items: center; justify-content: center; width: 76px; min-width: 0; padding: 0 12px; font-size: 12px; gap: 6px; } body .santt-header .open-basket::before { width: 15px; height: 15px; } body.show-navigation { overflow: hidden; } body.show-navigation .site > #header.santt-header { z-index: 100001; } body .santt-header .santt-navigation { position: fixed; inset: 0; width: 100%; height: 100dvh; background: #030207a8; backdrop-filter: blur(8px); } body .santt-header .santt-navigation .menu { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; inset: 0 auto 0 0; width: min(340px, calc(100% - 28px)); height: 100%; gap: 8px; margin: 0; padding: calc(94px + env(safe-area-inset-top)) 20px 32px; background: radial-gradient(ellipse at 0 0, #311245, transparent 60%), #100b18; border-right: 1px solid #7944a45c; box-shadow: 20px 0 70px #0007; font-size: 13px; line-height: 1.4; overflow-y: auto; overscroll-behavior: contain; } body .santt-header .santt-navigation .menu > li { flex: none; width: 100%; } body .santt-header .santt-navigation .menu > li > a { display: flex; align-items: center; min-height: 52px; width: 100%; max-width: none; padding: 15px 16px; border: 1px solid #76518e2b; border-radius: 9px; background: #ffffff03; color: #e7ddf1; white-space: normal; letter-spacing: .035em; } body .santt-header .santt-navigation .menu > li > a:is(.link-active, :hover, :focus-visible) { background: linear-gradient(100deg, #7120be7a, #45186b40); border-color: #a56bd48c; color: #fff; } body .santt-header .santt-navigation .menu > li > a::after { display: none; } body .santt-header .santt-navigation .has-children > a { width: calc(100% - 44px); } body .santt-header .santt-navigation .has-children > ul { position: static; background: #160e20; border: 0; box-shadow: none; padding: 8px 12px; } body .santt-header .santt-navigation .close-navigation { top: calc(20px + env(safe-area-inset-top)); left: min(276px, calc(100% - 92px)); right: auto; width: 44px; height: 44px; border: 1px solid #8e59b85c; border-radius: 50%; background: #ffffff08; } .santt-mobile-menu-heading { display: block; position: absolute; left: 24px; top: calc(29px + env(safe-area-inset-top)); z-index: 1; margin: 0; color: #dbc4f1; font-size: 14px; font-weight: 800; letter-spacing: .1em; } .santt-catalog-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 12px 8px; } .santt-catalog-search { min-width: 0; } .santt-catalog-search label { font-size: 10px; letter-spacing: .08em; } .santt-catalog-search-field input { font-size: 16px; padding-left: 39px; padding-right: 10px; } .santt-catalog-search-field svg { left: 12px; width: 18px; } .santt-catalog-filter-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 48px; padding: 0 12px; border: 1px solid #684586; border-radius: 10px; background: #251334; color: #f3e6ff; font-size: 12px; font-weight: 700; } .santt-catalog-filter-toggle svg { width: 17px; height: 17px; stroke: currentColor; stroke-width: 1.6; fill: none; } .santt-catalog-filter-toggle[aria-expanded="true"] { background: #6630a0; border-color: #b27fe8; } .santt-catalog-filters { display: none; grid-column: 1 / -1; justify-content: flex-start; padding: 14px; border: 1px solid #5a3b744d; border-radius: 12px; background: #150d20; } .santt-catalog-tools.is-filters-open .santt-catalog-filters { display: flex; } .santt-catalog-chip { font-size: 11px; padding: 10px 12px; min-height: 42px; } .santt-catalog-feedback { font-size: 11px; gap: 10px; } } @media (max-width: 800px) { .santt-release-panel { min-height: 0; } .santt-release-track { --santt-mobile-card: min(80vw, 380px); box-sizing: border-box; justify-content: flex-start; gap: 12px; width: 100vw; margin-left: calc((100% - 100vw) / 2); padding: 4px calc((100vw - var(--santt-mobile-card)) / 2) 8px; scroll-padding: 0; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; } .santt-release-track .store-product { flex: 0 0 var(--santt-mobile-card); scroll-snap-align: center; scroll-snap-stop: always; } .santt-release-track [data-mobile-clone] { pointer-events: none; } .santt-release-tabs { justify-content: center; } .santt-home-payments .santt-customer-list { --santt-mobile-card: min(76vw, 300px); display: flex; flex-wrap: nowrap; justify-content: flex-start; gap: 12px; width: 100vw; margin-left: calc((100% - 100vw) / 2); padding: 4px calc((100vw - var(--santt-mobile-card)) / 2) 10px; overflow-x: auto; scrollbar-width: none; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; } .santt-home-payments .santt-customer-list::-webkit-scrollbar { display: none; } .santt-home-payments .purchase { flex: 0 0 var(--santt-mobile-card); scroll-snap-align: center; scroll-snap-stop: always; padding: 24px 16px; } .santt-customer-controls { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 18px; } .santt-customer-controls .santt-home-arrow { width: 52px; height: 42px; font-size: 22px; } .santt-customer-progress { color: #bda7d0; font-size: 12px; min-width: 30px; text-align: center; } .santt-release-footer { grid-template-columns: 1fr; justify-items: center; gap: 20px; } .santt-release-arrows, .santt-home-text-link { grid-column: 1; justify-self: center; } } @media (prefers-reduced-motion: reduce) { .santt-mobile-menu-heading, body .santt-header .santt-navigation, body .santt-header .santt-navigation .menu { transition: none; } }