.tbk-account-panel {
--tbk-account-panel-orange: var(--tkb-orange, #ff9900);
--tbk-account-panel-orange-hover: #e88900;
--tbk-account-panel-bg: #101010;
--tbk-account-panel-surface: #191919;
--tbk-account-panel-surface-strong: #202020;
--tbk-account-panel-text: #f7f7f7;
--tbk-account-panel-muted: #aaa39b;
--tbk-account-panel-border: rgba(255, 255, 255, 0.1);
--tbk-account-panel-radius: 15px;
--tbk-account-panel-shadow: -22px 0 64px rgba(0, 0, 0, 0.42);
position: relative;
z-index: 100200;
color: var(--tbk-account-panel-text);
font-family: inherit;
pointer-events: none;
}
body.tbk-account-panel-scroll-lock {
position: fixed !important;
top: var(--tbk-account-panel-scroll-offset, 0) !important;
left: 0 !important;
width: 100% !important;
overflow: hidden !important;
}
.tbk-account-panel__overlay {
position: fixed;
inset: 0;
z-index: 100200;
background: rgba(0, 0, 0, 0.58);
opacity: 0;
pointer-events: none;
transition: opacity 190ms ease;
backdrop-filter: blur(1.5px);
}
.tbk-account-panel__overlay[hidden] {
display: none !important;
}
.tbk-account-panel__drawer {
position: fixed;
top: 0;
right: 0;
z-index: 100210;
display: flex;
flex-direction: column;
width: min(450px, calc(100vw - 24px));
max-width: 100%;
height: 100vh;
height: 100dvh;
overflow: hidden;
color: var(--tbk-account-panel-text);
background:
radial-gradient(circle at 100% 0, rgba(255, 153, 0, 0.12), transparent 30%),
var(--tbk-account-panel-bg);
box-shadow: var(--tbk-account-panel-shadow);
transform: translate3d(102%, 0, 0);
visibility: hidden;
outline: none;
pointer-events: none;
transition: transform 220ms ease, visibility 0s linear 220ms;
}
.tbk-account-panel.is-open {
pointer-events: auto;
}
.tbk-account-panel.is-open .tbk-account-panel__overlay {
opacity: 1;
pointer-events: auto;
}
.tbk-account-panel.is-open .tbk-account-panel__drawer {
transform: translate3d(0, 0, 0);
visibility: visible;
pointer-events: auto;
transition: transform 220ms ease, visibility 0s linear 0s;
}
.tbk-account-panel__header {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: space-between;
gap: 18px;
min-height: 86px;
padding: calc(18px + env(safe-area-inset-top, 0px)) 22px 18px;
border-bottom: 1px solid var(--tbk-account-panel-border);
background: rgba(16, 16, 16, 0.94);
}
.tbk-account-panel__eyebrow {
display: block;
margin-bottom: 5px;
color: var(--tbk-account-panel-orange);
font-size: 10px;
font-weight: 900;
line-height: 1.2;
letter-spacing: 1.65px;
}
.tbk-account-panel__title {
margin: 0 !important;
padding: 0 !important;
color: #fff !important;
font-size: 24px !important;
font-weight: 850 !important;
line-height: 1.1 !important;
letter-spacing: -0.35px;
}
.tbk-account-panel__close {
display: inline-grid;
flex: 0 0 46px;
width: 46px;
height: 46px;
padding: 0;
place-items: center;
color: #fff;
border: 1px solid var(--tbk-account-panel-border);
border-radius: 50%;
background: rgba(255, 255, 255, 0.045);
cursor: pointer;
transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}
.tbk-account-panel__close:hover {
border-color: rgba(255, 153, 0, 0.6);
background: rgba(255, 153, 0, 0.12);
}
.tbk-account-panel__close:active {
transform: scale(0.96);
}
.tbk-account-panel__close svg {
width: 23px;
height: 23px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
}
.tbk-account-panel__main {
position: relative;
flex: 1 1 auto;
min-height: 0;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
padding: 24px 22px calc(28px + env(safe-area-inset-bottom, 0px));
scrollbar-width: thin;
scrollbar-color: rgba(255, 153, 0, 0.45) transparent;
}
.tbk-account-panel__loading {
display: flex;
min-height: 280px;
align-items: center;
justify-content: center;
gap: 12px;
color: var(--tbk-account-panel-muted);
font-size: 14px;
font-weight: 700;
}
.tbk-account-panel__spinner {
display: inline-block;
width: 24px;
height: 24px;
border: 2px solid rgba(255, 255, 255, 0.16);
border-top-color: var(--tbk-account-panel-orange);
border-radius: 50%;
animation: tbk-account-panel-spin 0.72s linear infinite;
}
.tbk-account-panel:not(.is-loading) .tbk-account-panel__loading {
display: none;
}
.tbk-account-panel__content:empty {
display: none;
}
.tbk-account-panel__view {
display: grid;
gap: 20px;
}
.tbk-account-panel__intro-icon {
display: inline-grid;
width: 74px;
height: 74px;
place-items: center;
color: #111;
border: 4px solid rgba(255, 255, 255, 0.08);
border-radius: 50%;
background: var(--tbk-account-panel-orange);
box-shadow: 0 16px 38px rgba(255, 153, 0, 0.17);
}
.tbk-account-panel__intro-icon svg {
width: 34px;
height: 34px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.tbk-account-panel__intro-copy h3,
.tbk-account-panel__identity-copy h3 {
margin: 0 !important;
padding: 0 !important;
color: #fff !important;
font-size: 25px !important;
font-weight: 850 !important;
line-height: 1.12 !important;
letter-spacing: -0.4px;
}
.tbk-account-panel__intro-copy p {
margin: 9px 0 0 !important;
padding: 0 !important;
color: var(--tbk-account-panel-muted) !important;
font-size: 14px;
line-height: 1.65;
}
.tbk-account-panel__button {
display: flex;
min-height: 51px;
align-items: center;
justify-content: center;
padding: 12px 18px;
color: #151515 !important;
font-size: 14px;
font-weight: 900;
line-height: 1.25;
text-align: center;
text-decoration: none !important;
border: 1px solid transparent;
border-radius: 12px;
box-sizing: border-box;
transition: background 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}
.tbk-account-panel__button--primary {
background: var(--tbk-account-panel-orange);
box-shadow: 0 10px 28px rgba(255, 153, 0, 0.15);
}
.tbk-account-panel__button--primary:hover {
color: #151515 !important;
background: var(--tbk-account-panel-orange-hover);
transform: translateY(-1px);
}
.tbk-account-panel__text-link,
.tbk-account-panel__logout {
justify-self: center;
color: #d7d2cd !important;
font-size: 13px;
font-weight: 700;
text-decoration: underline;
text-decoration-color: rgba(255, 153, 0, 0.55);
text-underline-offset: 4px;
}
.tbk-account-panel__text-link:hover,
.tbk-account-panel__logout:hover {
color: var(--tbk-account-panel-orange) !important;
}
.tbk-account-panel__benefits {
display: grid;
gap: 10px;
padding: 18px;
border: 1px solid var(--tbk-account-panel-border);
border-radius: var(--tbk-account-panel-radius);
background: rgba(255, 255, 255, 0.035);
}
.tbk-account-panel__benefits span {
display: flex;
align-items: center;
gap: 10px;
color: #e4e0dc;
font-size: 13px;
font-weight: 700;
}
.tbk-account-panel__benefits span::before {
content: "✓";
display: inline-grid;
flex: 0 0 22px;
width: 22px;
height: 22px;
place-items: center;
color: #151515;
font-size: 12px;
font-weight: 950;
border-radius: 50%;
background: var(--tbk-account-panel-orange);
}
.tbk-account-panel__identity {
display: flex;
align-items: center;
gap: 16px;
padding: 18px;
border: 1px solid rgba(255, 153, 0, 0.22);
border-radius: var(--tbk-account-panel-radius);
background:
radial-gradient(circle at 100% 0, rgba(255, 153, 0, 0.13), transparent 45%),
var(--tbk-account-panel-surface);
}
.tbk-account-panel__avatar {
display: inline-grid;
flex: 0 0 58px;
width: 58px;
height: 58px;
place-items: center;
color: #151515;
font-size: 24px;
font-weight: 950;
border: 3px solid rgba(255, 255, 255, 0.1);
border-radius: 50%;
background: var(--tbk-account-panel-orange);
}
.tbk-account-panel__identity-copy {
min-width: 0;
}
.tbk-account-panel__identity-copy > span {
display: block;
margin-bottom: 2px;
color: var(--tbk-account-panel-muted);
font-size: 12px;
font-weight: 700;
}
.tbk-account-panel__identity-copy h3 {
overflow: hidden;
font-size: 22px !important;
text-overflow: ellipsis;
white-space: nowrap;
}
.tbk-account-panel__identity-copy p {
margin: 5px 0 0 !important;
padding: 0 !important;
overflow: hidden;
color: var(--tbk-account-panel-muted) !important;
font-size: 12px;
text-overflow: ellipsis;
white-space: nowrap;
}
.tbk-account-panel__notice {
display: grid;
gap: 5px;
padding: 15px 16px;
border-left: 3px solid var(--tbk-account-panel-orange);
border-radius: 0 11px 11px 0;
background: rgba(255, 153, 0, 0.07);
}
.tbk-account-panel__notice strong {
color: #fff;
font-size: 14px;
}
.tbk-account-panel__notice span {
color: var(--tbk-account-panel-muted);
font-size: 12px;
line-height: 1.5;
}
.tbk-account-panel__quick-links {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 11px;
}
.tbk-account-panel__quick-links a {
display: flex;
min-height: 104px;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
padding: 15px;
color: #f3f1ef !important;
text-decoration: none !important;
border: 1px solid var(--tbk-account-panel-border);
border-radius: 13px;
background: var(--tbk-account-panel-surface);
transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}
.tbk-account-panel__quick-links a:hover {
color: #fff !important;
border-color: rgba(255, 153, 0, 0.42);
background: var(--tbk-account-panel-surface-strong);
transform: translateY(-1px);
}
.tbk-account-panel__quick-links svg {
width: 25px;
height: 25px;
color: var(--tbk-account-panel-orange);
fill: none;
stroke: currentColor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
.tbk-account-panel__quick-links span {
font-size: 13px;
font-weight: 800;
line-height: 1.25;
}
.tbk-account-panel__error {
display: grid;
gap: 14px;
padding: 20px;
border: 1px solid rgba(255, 153, 0, 0.28);
border-radius: var(--tbk-account-panel-radius);
background: var(--tbk-account-panel-surface);
}
.tbk-account-panel__error strong {
color: #fff;
font-size: 18px;
}
.tbk-account-panel__error span {
color: var(--tbk-account-panel-muted);
font-size: 13px;
line-height: 1.55;
}
.tbk-account-panel__error-actions {
display: grid;
gap: 9px;
}
.tbk-account-panel__error button {
min-height: 46px;
color: #151515;
font-weight: 900;
border: 0;
border-radius: 10px;
background: var(--tbk-account-panel-orange);
cursor: pointer;
}
.tbk-account-panel :where(a, button):focus-visible {
outline: 3px solid #fff;
outline-offset: 3px;
box-shadow: 0 0 0 6px rgba(255, 153, 0, 0.85);
}
@keyframes tbk-account-panel-spin {
to { transform: rotate(360deg); }
}
@media (max-width: 600px) {
.tbk-account-panel__drawer {
width: 100vw;
}
.tbk-account-panel__header {
min-height: 72px;
padding-right: 16px;
padding-left: 18px;
}
.tbk-account-panel__main {
padding-right: 18px;
padding-left: 18px;
}
}
@media (max-width: 360px) {
.tbk-account-panel__quick-links {
grid-template-columns: 1fr;
}
.tbk-account-panel__quick-links a {
min-height: 78px;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
}
@media (prefers-reduced-motion: reduce) {
.tbk-account-panel__overlay,
.tbk-account-panel__drawer,
.tbk-account-panel__close,
.tbk-account-panel__button,
.tbk-account-panel__quick-links a {
transition-duration: 1ms !important;
}
.tbk-account-panel__spinner {
animation-duration: 1.5s;
}
} .tbk-account-panel [hidden] {
display: none !important;
}
.tbk-account-panel__intro {
display: flex;
align-items: center;
gap: 16px;
}
.tbk-account-panel__intro--compact .tbk-account-panel__intro-icon {
flex: 0 0 62px;
width: 62px;
height: 62px;
}
.tbk-account-panel__intro--compact .tbk-account-panel__intro-icon svg {
width: 29px;
height: 29px;
}
.tbk-account-panel__screen {
display: grid;
gap: 18px;
}
.tbk-account-panel__screen-heading {
display: grid;
gap: 7px;
}
.tbk-account-panel__screen-heading h3 {
margin: 0 !important;
padding: 0 !important;
color: #fff !important;
font-size: 25px !important;
font-weight: 850 !important;
line-height: 1.12 !important;
letter-spacing: -0.4px;
}
.tbk-account-panel__screen-heading p {
margin: 0 !important;
padding: 0 !important;
color: var(--tbk-account-panel-muted) !important;
font-size: 14px;
line-height: 1.6;
}
.tbk-account-panel__back,
.tbk-account-panel__inline-link,
.tbk-account-panel__logout {
appearance: none;
padding: 0;
color: #d7d2cd;
font: inherit;
border: 0;
background: transparent;
cursor: pointer;
}
.tbk-account-panel__back {
display: inline-flex;
width: max-content;
align-items: center;
gap: 6px;
color: #dedad6;
font-size: 13px;
font-weight: 750;
}
.tbk-account-panel__back:hover,
.tbk-account-panel__inline-link:hover {
color: var(--tbk-account-panel-orange);
}
.tbk-account-panel__back svg {
width: 19px;
height: 19px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.tbk-account-panel__form {
display: grid;
gap: 15px;
}
.tbk-account-panel__form-message {
display: none;
padding: 11px 12px;
color: #ffd5d5;
font-size: 12px;
font-weight: 700;
line-height: 1.5;
border: 1px solid rgba(235, 87, 87, 0.38);
border-radius: 10px;
background: rgba(235, 87, 87, 0.09);
}
.tbk-account-panel__form-message.is-visible {
display: block;
}
.tbk-account-panel__field {
display: grid;
gap: 7px;
}
.tbk-account-panel__field label {
color: #efedea;
font-size: 12px;
font-weight: 800;
line-height: 1.35;
}
.tbk-account-panel__field input[type="text"],
.tbk-account-panel__field input[type="email"],
.tbk-account-panel__field input[type="password"] {
display: block;
width: 100%;
min-height: 50px;
margin: 0;
padding: 11px 13px;
color: #fff;
font-family: inherit;
font-size: 16px;
line-height: 1.25;
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 11px;
outline: none;
background: #181818;
box-shadow: none;
box-sizing: border-box;
transition: border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
}
.tbk-account-panel__field input:hover {
border-color: rgba(255, 255, 255, 0.28);
}
.tbk-account-panel__field input:focus {
border-color: var(--tbk-account-panel-orange);
background: #1d1d1d;
box-shadow: 0 0 0 3px rgba(255, 153, 0, 0.14);
}
.tbk-account-panel__field.has-error input {
border-color: #eb5757;
box-shadow: 0 0 0 3px rgba(235, 87, 87, 0.1);
}
.tbk-account-panel__field small {
color: #8f8983;
font-size: 11px;
line-height: 1.45;
}
.tbk-account-panel__field-error {
min-height: 0;
color: #ffb1b1;
font-size: 11px;
font-weight: 700;
line-height: 1.4;
}
.tbk-account-panel__field-error:empty {
display: none;
}
.tbk-account-panel__password-field {
position: relative;
}
.tbk-account-panel__password-field input {
padding-right: 52px !important;
}
.tbk-account-panel__password-field button {
position: absolute;
top: 50%;
right: 4px;
display: inline-grid;
width: 42px;
height: 42px;
padding: 0;
place-items: center;
color: #a9a39d;
border: 0;
border-radius: 9px;
background: transparent;
cursor: pointer;
transform: translateY(-50%);
}
.tbk-account-panel__password-field button:hover {
color: var(--tbk-account-panel-orange);
background: rgba(255, 153, 0, 0.08);
}
.tbk-account-panel__password-field svg {
width: 21px;
height: 21px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.tbk-account-panel__form-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.tbk-account-panel__checkbox {
display: inline-flex;
align-items: center;
gap: 8px;
color: #c8c3be;
font-size: 12px;
font-weight: 650;
cursor: pointer;
}
.tbk-account-panel__checkbox input {
width: 17px;
height: 17px;
margin: 0;
accent-color: var(--tbk-account-panel-orange);
}
.tbk-account-panel__inline-link {
color: #dedad6;
font-size: 12px;
font-weight: 750;
text-decoration: underline;
text-decoration-color: rgba(255, 153, 0, 0.55);
text-underline-offset: 3px;
}
.tbk-account-panel__button {
appearance: none;
width: 100%;
cursor: pointer;
}
.tbk-account-panel__button--secondary {
color: #f5f2ef !important;
border-color: rgba(255, 255, 255, 0.16);
background: #1a1a1a;
box-shadow: none;
}
.tbk-account-panel__button--secondary:hover {
color: #fff !important;
border-color: rgba(255, 153, 0, 0.5);
background: #202020;
transform: translateY(-1px);
}
.tbk-account-panel__button-spinner {
display: none;
width: 18px;
height: 18px;
margin-left: 9px;
border: 2px solid rgba(20, 20, 20, 0.28);
border-top-color: #151515;
border-radius: 50%;
animation: tbk-account-panel-spin 0.72s linear infinite;
}
.tbk-account-panel__form.is-busy .tbk-account-panel__button-spinner,
.tbk-account-panel__logout-form.is-busy .tbk-account-panel__button-spinner {
display: inline-block;
}
.tbk-account-panel__form.is-busy,
.tbk-account-panel__logout-form.is-busy {
opacity: 0.76;
}
.tbk-account-panel__separator {
display: flex;
align-items: center;
gap: 12px;
color: #817b75;
font-size: 10px;
font-weight: 850;
letter-spacing: 1.05px;
text-transform: uppercase;
}
.tbk-account-panel__separator::before,
.tbk-account-panel__separator::after {
content: "";
flex: 1;
height: 1px;
background: var(--tbk-account-panel-border);
}
.tbk-account-panel__legal {
margin: 0 !important;
padding: 0 !important;
color: #8f8983 !important;
font-size: 11px;
line-height: 1.55;
}
.tbk-account-panel__legal a {
color: #d8d2cc !important;
text-decoration: underline;
text-decoration-color: rgba(255, 153, 0, 0.55);
}
.tbk-account-panel__flash {
padding: 12px 13px;
color: #dff7e8;
font-size: 12px;
font-weight: 750;
line-height: 1.45;
border: 1px solid rgba(65, 190, 116, 0.35);
border-radius: 10px;
background: rgba(65, 190, 116, 0.09);
}
.tbk-account-panel__flash--error {
color: #ffd5d5;
border-color: rgba(235, 87, 87, 0.38);
background: rgba(235, 87, 87, 0.09);
}
.tbk-account-panel__confirmation-icon {
display: inline-grid;
width: 68px;
height: 68px;
place-items: center;
color: #151515;
font-size: 29px;
font-weight: 950;
border-radius: 50%;
background: var(--tbk-account-panel-orange);
}
.tbk-account-panel__section {
display: grid;
gap: 11px;
}
.tbk-account-panel__section-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.tbk-account-panel__section-head h4 {
margin: 0 !important;
padding: 0 !important;
color: #bbb5af !important;
font-size: 10px !important;
font-weight: 900 !important;
line-height: 1.25 !important;
letter-spacing: 1.3px;
text-transform: uppercase;
}
.tbk-account-panel__section-head a {
color: var(--tbk-account-panel-orange) !important;
font-size: 11px;
font-weight: 800;
text-decoration: none !important;
}
.tbk-account-panel__order-card {
display: grid;
gap: 14px;
padding: 16px;
border: 1px solid var(--tbk-account-panel-border);
border-radius: 14px;
background: var(--tbk-account-panel-surface);
}
.tbk-account-panel__order-card--progress,
.tbk-account-panel__order-card--warning {
border-color: rgba(255, 153, 0, 0.27);
background:
radial-gradient(circle at 100% 0, rgba(255, 153, 0, 0.08), transparent 42%),
var(--tbk-account-panel-surface);
}
.tbk-account-panel__order-card--danger {
border-color: rgba(235, 87, 87, 0.32);
}
.tbk-account-panel__order-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
}
.tbk-account-panel__order-head > div {
display: grid;
min-width: 0;
gap: 3px;
}
.tbk-account-panel__order-number {
color: #fff;
font-size: 14px;
font-weight: 850;
line-height: 1.25;
}
.tbk-account-panel__order-date {
color: #8f8983;
font-size: 11px;
}
.tbk-account-panel__status-badge {
flex: 0 0 auto;
max-width: 155px;
padding: 6px 8px;
color: #151515;
font-size: 10px;
font-weight: 900;
line-height: 1.2;
text-align: center;
border-radius: 999px;
background: var(--tbk-account-panel-orange);
}
.tbk-account-panel__order-card--muted .tbk-account-panel__status-badge,
.tbk-account-panel__order-card--neutral .tbk-account-panel__status-badge {
color: #e7e2dd;
background: #343434;
}
.tbk-account-panel__order-card--danger .tbk-account-panel__status-badge {
color: #fff;
background: #b84545;
}
.tbk-account-panel__order-card--success .tbk-account-panel__status-badge {
color: #0f2518;
background: #74d496;
}
.tbk-account-panel__order-description {
margin: 0 !important;
padding: 0 !important;
color: var(--tbk-account-panel-muted) !important;
font-size: 12px;
line-height: 1.52;
}
.tbk-account-panel__order-summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
}
.tbk-account-panel__order-images {
display: flex;
min-width: 0;
padding-left: 7px;
}
.tbk-account-panel__order-images img {
width: 47px;
height: 47px;
margin-left: -7px;
object-fit: cover;
border: 2px solid #191919;
border-radius: 7px;
background: #262626;
}
.tbk-account-panel__order-meta {
display: grid;
flex: 0 0 auto;
gap: 2px;
text-align: right;
}
.tbk-account-panel__order-meta span {
color: #96908a;
font-size: 11px;
}
.tbk-account-panel__order-meta strong {
color: #fff;
font-size: 13px;
font-weight: 850;
}
.tbk-account-panel__tracking-meta {
display: flex;
flex-wrap: wrap;
gap: 6px 10px;
padding: 9px 10px;
color: #aaa39b;
font-size: 10px;
font-weight: 700;
border-radius: 8px;
background: rgba(255, 255, 255, 0.035);
}
.tbk-account-panel__order-action {
display: flex;
min-height: 43px;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 10px 12px;
color: #f5f2ef !important;
font-size: 12px;
font-weight: 850;
text-decoration: none !important;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 10px;
background: #202020;
}
.tbk-account-panel__order-action:hover {
color: #151515 !important;
border-color: var(--tbk-account-panel-orange);
background: var(--tbk-account-panel-orange);
}
.tbk-account-panel__order-action svg {
width: 18px;
height: 18px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.tbk-account-panel__empty-state {
display: grid;
gap: 7px;
padding: 17px;
border: 1px solid rgba(255, 153, 0, 0.24);
border-radius: 13px;
background: rgba(255, 153, 0, 0.06);
}
.tbk-account-panel__empty-state strong {
color: #fff;
font-size: 14px;
}
.tbk-account-panel__empty-state span {
color: var(--tbk-account-panel-muted);
font-size: 12px;
}
.tbk-account-panel__empty-state a {
width: max-content;
margin-top: 3px;
color: var(--tbk-account-panel-orange) !important;
font-size: 12px;
font-weight: 850;
text-decoration: none !important;
}
.tbk-account-panel__logout-form {
display: grid;
justify-items: center;
}
.tbk-account-panel__logout {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
color: #aaa39b;
font-size: 12px;
font-weight: 750;
text-decoration: underline;
text-decoration-color: rgba(255, 153, 0, 0.45);
text-underline-offset: 4px;
}
.tbk-account-panel__logout:hover {
color: var(--tbk-account-panel-orange);
}
@media (max-width: 420px) {
.tbk-account-panel__intro {
align-items: flex-start;
}
.tbk-account-panel__intro-copy h3 {
font-size: 22px !important;
}
.tbk-account-panel__form-row {
align-items: flex-start;
flex-direction: column;
}
.tbk-account-panel__order-head {
align-items: flex-start;
flex-direction: column;
}
.tbk-account-panel__status-badge {
max-width: 100%;
}
}
.tbk-account-panel__generated-password-note {
margin: 0;
padding: 13px 14px;
border: 1px solid rgba(255, 153, 0, 0.28);
border-radius: 12px;
background: rgba(255, 153, 0, 0.07);
color: #dedede;
font-size: 14px;
line-height: 1.55;
}.woocommerce ul.products li.product {
position: relative;
} .tbk-badges-container {
position: absolute;
top: 0;
left: 0;
z-index: 20;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 8px;
gap: 5px;
pointer-events: none;
} .tbk-last-copy-container {
position: absolute;
right: 0;
bottom: 0;
z-index: 22;
display: flex;
align-items: flex-end;
justify-content: flex-end;
padding: 8px;
pointer-events: none;
}
.tb-badge.is-last-copy {
display: inline-flex;
align-items: center;
gap: 5px;
max-width: calc(100% - 4px);
padding: 4px 7px;
border: 1px solid var(--tkb-orange);
border-radius: 4px;
background: rgba(17, 17, 17, 0.92);
color: #fff;
font-size: 9px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.35px;
text-transform: uppercase;
white-space: nowrap;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.38);
backdrop-filter: blur(2px);
}
.tb-badge.is-last-copy::before {
display: block;
flex: 0 0 5px;
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--tkb-orange);
content: "";
box-shadow: 0 0 0 2px rgba(255, 153, 0, 0.16);
}
@media (max-width: 767px) {
.tbk-last-copy-container {
padding: 6px;
}
.tb-badge.is-last-copy {
gap: 4px;
padding: 3px 6px;
font-size: 8px;
letter-spacing: 0.25px;
}
} .tb-badge {
display: inline-block;
font-size: 10px;
font-weight: 800;
text-transform: uppercase;
color: #fff;
padding: 4px 8px;
border-radius: 3px;
line-height: 1;
letter-spacing: 0.5px;
box-shadow: 0 2px 4px rgba(0,0,0,0.3);
} .is-red    { background-color: var(--tkb-danger); } .is-orange { background-color: var(--tkb-restock); } .is-green  { background-color: var(--tkb-success); } .is-yellow { background-color: var(--tkb-warning); } .is-blue   { background-color: var(--tkb-info); } .is-black  { background-color: #000; }  .tbk-archive-hero {
width: 100%;
margin: 0 0 22px !important;
padding: 20px 22px 22px !important;
border: 0 !important;
border-radius: 14px;
background: #fff;
box-shadow: 0 10px 26px rgba(0, 0, 0, 0.055);
box-sizing: border-box;
}
.tbk-archive-breadcrumb {
margin: 0 0 14px;
padding: 0;
color: #7a7a7a;
font-size: 12.5px;
font-weight: 500;
line-height: 1.35;
}
.tbk-archive-breadcrumb ol {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.tbk-archive-breadcrumb li {
display: inline-flex;
align-items: center;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.tbk-archive-breadcrumb li:not(:last-child)::after {
margin: 0 8px;
color: #bebebe;
content: "/";
}
.tbk-archive-breadcrumb a {
color: var(--tkb-orange, #ff9900) !important;
text-decoration: none !important;
}
.tbk-archive-breadcrumb a:hover,
.tbk-archive-breadcrumb a:focus-visible {
color: var(--tkb-orange-hover, #e68800) !important;
text-decoration: underline !important;
text-underline-offset: 3px;
}
.tbk-archive-heading {
position: relative;
max-width: 920px;
padding-left: 16px;
}
.tbk-archive-heading::before {
position: absolute;
top: 3px;
bottom: 3px;
left: 0;
width: 4px;
border-radius: 999px;
background: var(--tkb-orange, #ff9900);
content: "";
}
.tbk-archive-hero h1 {
margin: 0 !important;
padding: 0 !important;
color: #111 !important;
font-size: clamp(24px, 2vw, 30px) !important;
font-weight: 800 !important;
line-height: 1.16 !important;
letter-spacing: 0.07em !important;
text-transform: uppercase;
}
.tbk-archive-intro {
max-width: 840px;
margin: 8px 0 0 !important;
padding: 0 !important;
color: #565656 !important;
font-size: 14.5px !important;
font-weight: 400 !important;
line-height: 1.5 !important;
}
.tbk-untitled-hidden-row,
.tbk-untitled-hidden-module {
display: none !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
.et-l--body .et_pb_wc_breadcrumb,
.et-l--body .et_pb_woocommerce_breadcrumb,
.et-l--body .et_pb_module.woocommerce-breadcrumb {
display: none !important;
}
.tbk-archive-hero + .tbk-archive-hero {
display: none !important;
}
@media only screen and (max-width: 980px) {
.tbk-archive-hero {
margin-bottom: 18px !important;
padding: 17px 18px 18px !important;
border-radius: 12px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}
.tbk-archive-breadcrumb {
margin-bottom: 11px;
font-size: 12px;
}
.tbk-archive-hero h1 {
font-size: clamp(20px, 5vw, 24px) !important;
letter-spacing: 0.055em !important;
}
.tbk-archive-intro {
margin-top: 7px !important;
font-size: 14px !important;
line-height: 1.45 !important;
}
}
@media only screen and (max-width: 480px) {
.tbk-archive-hero {
margin-bottom: 16px !important;
padding: 14px 14px 15px !important;
border-radius: 10px;
}
.tbk-archive-heading {
padding-left: 12px;
}
.tbk-archive-heading::before {
width: 3px;
}
.tbk-archive-breadcrumb li:not(:last-child)::after {
margin: 0 6px;
}
.tbk-archive-hero h1 {
font-size: 19px !important;
line-height: 1.22 !important;
letter-spacing: 0.045em !important;
}
.tbk-archive-intro {
font-size: 13.5px !important;
}
}  .tbk-reassurance-row {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 34px !important;
box-sizing: border-box;
}
.tbk-reassurance {
width: 100%;
margin: 32px auto 0 !important;
padding: 0 !important;
box-sizing: border-box;
}
.tbk-reassurance__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
width: 100%;
overflow: hidden;
border: 0;
border-radius: 14px;
background: #fff;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.07);
}
.tbk-reassurance__item {
display: flex !important;
align-items: center;
gap: 12px;
min-width: 0;
min-height: 82px;
margin: 0 !important;
padding: 15px 17px !important;
border-right: 1px solid #ededed;
background: #fff;
color: #111 !important;
text-decoration: none !important;
box-sizing: border-box;
transition: background-color 0.2s ease, color 0.2s ease;
}
.tbk-reassurance__item:last-child {
border-right: 0;
}
.tbk-reassurance__item:hover,
.tbk-reassurance__item:focus-visible {
background: #fafafa;
color: #111 !important;
}
.tbk-reassurance__item:focus-visible {
position: relative;
z-index: 2;
outline: 2px solid var(--tkb-orange, #ff9900);
outline-offset: -3px;
}
.tbk-reassurance__icon {
display: inline-flex;
flex: 0 0 42px;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border-radius: 50%;
background: rgba(255, 153, 0, 0.12);
color: var(--tkb-orange, #ff9900);
}
.tbk-reassurance__icon svg {
display: block;
width: 22px;
height: 22px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.tbk-reassurance__text {
display: flex;
min-width: 0;
flex-direction: column;
gap: 3px;
line-height: 1.2;
}
.tbk-reassurance__text strong {
color: #111;
font-size: 13.5px;
font-weight: 800;
line-height: 1.2;
}
.tbk-reassurance__text small {
color: #686868;
font-size: 12px;
font-weight: 500;
line-height: 1.3;
} .single-product .tbk-reassurance-row,
.single-product .tbk-reassurance {
display: none !important;
} .tbk-checkout-trust {
width: 100%;
margin: 14px 0 16px !important;
padding: 14px 15px 13px !important;
border: 0 !important;
border-radius: 11px;
background: #fff;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.075);
box-sizing: border-box;
}
.tbk-checkout-trust__title {
display: block;
margin: 0 0 10px;
color: #111;
font-size: 13.5px;
font-weight: 800;
line-height: 1.3;
}
.tbk-checkout-trust__items {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px 12px;
width: 100%;
}
.tbk-checkout-trust__item {
display: inline-flex;
min-width: 0;
align-items: center;
gap: 7px;
color: #333;
font-size: 12px;
font-weight: 700;
line-height: 1.3;
}
.tbk-checkout-trust__icon {
display: inline-flex;
flex: 0 0 28px;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
background: rgba(255, 153, 0, 0.12);
color: var(--tkb-orange, #ff9900);
}
.tbk-checkout-trust__icon svg {
display: block;
width: 15px;
height: 15px;
fill: none;
stroke: currentColor;
stroke-width: 1.9;
stroke-linecap: round;
stroke-linejoin: round;
}
.tbk-checkout-trust__note {
display: block;
margin: 10px 0 0;
color: #737373;
font-size: 11px;
font-weight: 500;
line-height: 1.35;
}
.woocommerce-checkout .tbk-checkout-trust + #place_order,
.woocommerce-checkout .tbk-checkout-trust + .button,
.woocommerce-checkout .tbk-checkout-trust ~ #place_order {
width: 100%;
} @media only screen and (min-width: 981px) {
.tbk-checkout-trust {
padding: 15px 16px 13px !important;
}
.tbk-checkout-trust__items {
gap: 10px;
}
.tbk-checkout-trust__item {
min-height: 46px;
padding: 8px 11px 8px 8px;
border-radius: 9px;
background: #f7f7f7;
font-size: 12.5px;
line-height: 1.25;
box-sizing: border-box;
}
.tbk-checkout-trust__icon {
flex-basis: 30px;
width: 30px;
height: 30px;
}
.tbk-checkout-trust__icon svg {
width: 16px;
height: 16px;
}
.tbk-checkout-trust__note {
margin-top: 9px;
}
}
@media only screen and (max-width: 980px) {
.tbk-reassurance__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.tbk-reassurance__item {
min-height: 76px;
border-right: 1px solid #ededed;
border-bottom: 1px solid #ededed;
}
.tbk-reassurance__item:nth-child(2n) {
border-right: 0;
}
.tbk-reassurance__item:nth-last-child(-n+2) {
border-bottom: 0;
}
}
@media only screen and (max-width: 520px) {
.tbk-checkout-trust {
margin: 12px 0 14px !important;
padding: 13px !important;
border-radius: 10px;
}
.tbk-checkout-trust__items {
grid-template-columns: 1fr;
gap: 8px;
}
.tbk-checkout-trust__title {
margin-bottom: 9px;
font-size: 13px;
}
.tbk-checkout-trust__item {
font-size: 11.5px;
}
.tbk-checkout-trust__note {
margin-top: 9px;
font-size: 10.5px;
}
.tbk-reassurance-row {
padding-bottom: 26px !important;
}
.tbk-reassurance {
margin: 24px auto 0 !important;
}
.tbk-reassurance__grid {
border-radius: 12px;
}
.tbk-reassurance__item {
gap: 10px;
min-height: 72px;
padding: 12px !important;
}
.tbk-reassurance__icon {
flex-basis: 36px;
width: 36px;
height: 36px;
}
.tbk-reassurance__icon svg {
width: 19px;
height: 19px;
}
.tbk-reassurance__text strong {
font-size: 12.5px;
}
.tbk-reassurance__text small {
font-size: 11px;
}
}
@media only screen and (max-width: 360px) {
.tbk-reassurance__grid {
grid-template-columns: 1fr;
}
.tbk-reassurance__item,
.tbk-reassurance__item:nth-child(2n),
.tbk-reassurance__item:nth-last-child(-n+2) {
border-right: 0;
border-bottom: 1px solid #ededed;
}
.tbk-reassurance__item:last-child {
border-bottom: 0;
}
}  .woocommerce ul.products li.product > *:not(.tbk-product-card) {
display: none !important;
}
ul.products,
.woocommerce ul.products,
.woocommerce-page ul.products {
display: flex !important;
flex-wrap: wrap !important;
align-items: stretch !important;
list-style: none !important;
padding-left: 0 !important;
margin-left: 0 !important;
}
ul.products li.product,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
background: transparent !important;
border: none !important;
padding-top: 0 !important;
margin-bottom: 30px !important;
display: flex !important;
flex-direction: column !important;
list-style: none !important;
}
.woocommerce ul.products li.product::marker,
.woocommerce-page ul.products li.product::marker {
content: "" !important;
} .tbk-product-card {
background: #fff;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
padding: 15px;
width: 100%;
height: 100%;
min-height: 100%;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.tbk-link-wrapper {
display: block;
width: 100%;
text-decoration: none !important;
color: inherit !important;
} .tbk-img-wrap {
width: 100%;
aspect-ratio: 1 / 1;
margin: 0 0 10px 0 !important;
padding: 0 !important;
border-radius: 6px;
overflow: hidden !important;
background: #f9f9f9;
position: relative !important;
line-height: 0 !important;
}
.tbk-img-wrap img,
.tbk-img-wrap .tbk-product-thumb {
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
object-fit: cover !important;
object-position: center center !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
vertical-align: top !important;
transition: transform 0.5s ease;
} .tbk-badges-layer {
position: absolute !important;
inset: 0 !important;
z-index: 30 !important;
pointer-events: none !important;
line-height: normal !important;
}
.tbk-badges-layer .tbk-badges-container,
.tbk-badges-container {
position: absolute !important;
top: 0 !important;
left: 0 !important;
z-index: 31 !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
padding: 8px !important;
gap: 5px !important;
pointer-events: none !important;
margin: 0 !important;
}
.tbk-badges-layer .tbk-badges-container > *,
.tbk-badges-container > * {
margin: 0 !important;
}
.tb-badge {
display: inline-block;
font-size: 10px;
font-weight: 800;
text-transform: uppercase;
color: #fff;
padding: 4px 8px;
border-radius: 3px;
line-height: 1;
letter-spacing: 0.5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.is-red {
background-color: var(--tkb-danger);
}
.is-orange {
background-color: var(--tkb-restock);
}
.is-yellow {
background-color: var(--tkb-warning);
}
.is-blue {
background-color: var(--tkb-info);
}
.is-black {
background-color: #000;
} .tbk-title {
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.3em !important;
color: #000 !important;
margin: 0 0 6px 0 !important;
padding: 0 !important;
text-align: left;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.tbk-cats {
font-size: 11px !important;
color: #888 !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.2;
text-align: left;
white-space: normal !important;
}
.tbk-cats a {
color: #888 !important;
text-decoration: none !important;
}
.tbk-card-entities {
margin: 0 0 7px 0 !important;
padding: 0 !important;
min-height: 32px;
font-size: 10.5px !important;
line-height: 1.25 !important;
color: #555 !important;
text-align: left !important;
}
.tbk-entity-line {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 0 2px 0 !important;
padding: 0 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.tbk-entity-label {
color: #111 !important;
font-weight: 900 !important;
}
.tbk-entity-link,
.tbk-entity-text {
font-weight: 700 !important;
text-decoration: none !important;
}
.tbk-entity-link {
color: var(--tkb-orange) !important;
}
.tbk-entity-link:hover {
color: var(--tkb-orange-hover) !important;
text-decoration: underline !important;
}
.tbk-entity-text {
color: #555 !important;
}
.tbk-meta-badges {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
margin: 0 0 8px 0 !important;
padding: 0 !important;
min-height: 22px;
}
.tbk-meta-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 18px;
padding: 3px 7px;
border-radius: 999px;
font-size: 9.5px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.25px;
text-transform: uppercase;
text-decoration: none !important;
white-space: nowrap;
}
.tbk-meta-badge.is-support {
background: #111;
color: #fff !important;
}
.tbk-meta-badge.is-format {
background: rgba(255, 153, 0, 0.16);
color: #000 !important;
}
.tbk-meta-badge.is-style {
background: #f1f1f1;
color: #666 !important;
}
.tbk-meta-badge.is-variant {
background: rgba(255, 153, 0, 0.16);
color: #000 !important;
}
a.tbk-meta-badge:hover {
background: var(--tkb-orange) !important;
color: #000 !important;
} .tbk-bottom-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 6px;
width: 100%;
box-sizing: border-box;
padding-top: 12px;
border-top: 1px solid #f0f0f0;
margin-top: auto !important;
}
.tbk-price {
font-size: 13px !important;
font-weight: 700 !important;
color: #000 !important;
display: flex;
align-items: center;
gap: 5px;
line-height: 1 !important;
white-space: nowrap;
min-width: 0;
flex: 1 1 auto;
}
.tbk-price del {
display: none !important;
}
.tbk-price ins {
text-decoration: none;
color: #000 !important;
background: transparent !important;
}
.tbk-no-price {
font-size: 11px;
color: #aaa;
font-weight: 600;
text-transform: uppercase;
}
.tbk-cart-action {
display: flex;
align-items: center;
gap: 6px;
flex: 0 0 auto;
} .tbk-cart-action .added_to_cart,
.tbk-product-card .added_to_cart,
.woocommerce ul.products li.product .added_to_cart {
display: none !important;
}
.tbk-play-btn,
.tbk-cart-btn {
display: flex;
align-items: center;
justify-content: center;
width: 35px !important;
height: 35px !important;
min-width: 35px !important;
background: #f0f0f0;
border: none;
border-radius: 50%;
color: var(--tkb-orange) !important;
cursor: pointer;
flex-shrink: 0;
text-decoration: none !important;
overflow: hidden !important;
padding: 0 !important;
transition: background 0.2s ease, color 0.2s ease;
}
.tbk-play-btn:hover,
.tbk-play-btn.playing,
.tbk-cart-btn:hover {
background: var(--tkb-orange);
color: #000 !important;
}
.tbk-cart-btn .tbk-cart-icon,
.tbk-cart-btn .et-pb-icon {
font-size: 16px !important;
line-height: 1 !important;
margin: 0 !important;
display: flex !important;
align-items: center;
justify-content: center;
}
.tbk-check-icon {
display: none !important;
color: currentColor !important;
width: 14px !important;
height: 14px !important;
}
.tbk-cart-btn.added {
background: #f0f0f0 !important;
color: var(--tkb-orange) !important;
}
.tbk-cart-btn.added:hover {
background: var(--tkb-orange) !important;
color: #000 !important;
}
.tbk-cart-btn.added .tbk-cart-icon {
display: none !important;
}
.tbk-cart-btn.added .tbk-check-icon {
display: block !important;
}
.tbk-cart-btn.tbk-disabled {
background: #f0f0f0 !important;
color: #ccc !important;
}
.tbk-cart-btn.tbk-disabled:hover {
background: #e5e5e5 !important;
color: #aaa !important;
} .woocommerce nav.woocommerce-pagination {
margin: 35px 0 10px 0 !important;
text-align: center !important;
clear: both !important;
}
.woocommerce nav.woocommerce-pagination ul {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex-wrap: wrap !important;
gap: 8px !important;
border: none !important;
background: transparent !important;
margin: 0 auto !important;
padding: 0 !important;
overflow: visible !important;
box-shadow: none !important;
}
.woocommerce nav.woocommerce-pagination ul li {
border: none !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
list-style: none !important;
background: transparent !important;
overflow: visible !important;
box-shadow: none !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 38px !important;
height: 38px !important;
padding: 0 12px !important;
border: none !important;
outline: none !important;
border-radius: 999px !important;
background: #fff !important;
color: #000 !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1 !important;
text-decoration: none !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
overflow: hidden !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
background: var(--tkb-orange) !important;
color: #000 !important;
border-radius: 999px !important;
box-shadow: 0 6px 16px rgba(255, 153, 0, 0.25) !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus {
background: var(--tkb-orange) !important;
color: #000 !important;
border-radius: 999px !important;
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(255, 153, 0, 0.25) !important;
}
.woocommerce nav.woocommerce-pagination ul li span.dots {
background: transparent !important;
box-shadow: none !important;
min-width: 20px !important;
padding: 0 4px !important;
color: #888 !important;
overflow: visible !important;
}
.woocommerce nav.woocommerce-pagination ul li a::before,
.woocommerce nav.woocommerce-pagination ul li a::after,
.woocommerce nav.woocommerce-pagination ul li span::before,
.woocommerce nav.woocommerce-pagination ul li span::after {
display: none !important;
content: none !important;
} @media (hover: hover) and (pointer: fine) {
.tbk-product-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
z-index: 5;
}
.tbk-product-card:hover .tbk-img-wrap img {
transform: scale(1.05);
}
} @media (min-width: 768px) {
.tbk-bottom-row {
gap: 4px !important;
overflow: visible !important;
}
.tbk-price {
flex: 0 1 auto !important;
min-width: max-content !important;
max-width: none !important;
overflow: visible !important;
white-space: nowrap !important;
font-size: 12.5px !important;
letter-spacing: -0.2px;
}
.tbk-cart-action {
gap: 4px !important;
flex: 0 0 auto !important;
}
.tbk-play-btn,
.tbk-cart-btn {
width: 31px !important;
height: 31px !important;
min-width: 31px !important;
}
.tbk-cart-btn .tbk-cart-icon,
.tbk-cart-btn .et-pb-icon {
font-size: 14px !important;
}
.tbk-check-icon {
width: 12px !important;
height: 12px !important;
}
.tbk-play-btn svg {
width: 9px !important;
height: 9px !important;
}
} @media (max-width: 767px) {
.tbk-product-card {
padding: 12px !important;
overflow: hidden;
transform: none !important;
}
.tbk-product-card:hover {
transform: none !important;
}
.tbk-product-card:hover .tbk-img-wrap img {
transform: none !important;
}
.tbk-img-wrap {
margin: 0 0 10px 0 !important;
}
.tbk-title {
min-height: calc(1.3em * 3);
margin-bottom: 7px !important;
}
.tbk-cats {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: calc(1.2em * 2);
max-height: calc(1.2em * 4);
}
.tbk-card-entities {
min-height: 30px;
margin-bottom: 7px !important;
font-size: 9.5px !important;
}
.tbk-entity-line {
margin-bottom: 2px !important;
}
.tbk-meta-badges {
gap: 3px;
margin-bottom: 8px !important;
min-height: 20px;
}
.tbk-meta-badge {
font-size: 8.8px;
padding: 3px 6px;
}
.tbk-bottom-row {
gap: 6px;
overflow: hidden;
margin-top: auto !important;
}
.tbk-price {
font-size: clamp(12px, 3.5vw, 13px) !important;
line-height: 1 !important;
}
.tbk-bottom-row.tbk-has-audio .tbk-price {
max-width: calc(100% - 70px);
overflow: hidden;
}
.tbk-bottom-row.tbk-no-audio .tbk-price {
max-width: none !important;
overflow: visible !important;
letter-spacing: -0.2px;
}
.tbk-cart-action {
gap: 4px !important;
max-width: none !important;
}
.tbk-cart-no-audio {
gap: 0 !important;
}
.tbk-play-btn,
.tbk-cart-btn {
width: clamp(29px, 8.5vw, 34px) !important;
height: clamp(29px, 8.5vw, 34px) !important;
min-width: clamp(29px, 8.5vw, 34px) !important;
max-width: 34px !important;
max-height: 34px !important;
}
.tbk-play-btn svg {
width: 10px !important;
height: 10px !important;
}
.tbk-cart-btn .tbk-cart-icon,
.tbk-cart-btn .et-pb-icon {
font-size: 15px !important;
}
.tbk-check-icon {
width: 13px !important;
height: 13px !important;
}
.woocommerce nav.woocommerce-pagination {
margin: 28px 0 8px 0 !important;
}
.woocommerce nav.woocommerce-pagination ul {
gap: 6px !important;
overflow: visible !important;
}
.woocommerce nav.woocommerce-pagination ul li {
overflow: visible !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
min-width: 34px !important;
height: 34px !important;
padding: 0 10px !important;
font-size: 13px !important;
border-radius: 999px !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
transform: none !important;
border-radius: 999px !important;
}
}
@media (max-width: 380px) {
.tbk-product-card {
padding: 10px !important;
}
.tbk-title {
margin-bottom: 6px !important;
}
.tbk-bottom-row {
gap: 4px;
}
.tbk-price {
font-size: 12px !important;
}
.tbk-bottom-row.tbk-has-audio .tbk-price {
max-width: calc(100% - 62px);
overflow: hidden;
}
.tbk-bottom-row.tbk-no-audio .tbk-price {
max-width: none !important;
overflow: visible !important;
letter-spacing: -0.3px;
}
.tbk-cart-action {
gap: 3px !important;
}
.tbk-play-btn,
.tbk-cart-btn {
width: 29px !important;
height: 29px !important;
min-width: 29px !important;
}
.tbk-cart-btn .tbk-cart-icon,
.tbk-cart-btn .et-pb-icon {
font-size: 14px !important;
}
.tbk-check-icon {
width: 12px !important;
height: 12px !important;
}
} .tbk-product-card {
overflow: hidden !important;
}
.tbk-link-wrapper {
flex: 0 0 auto !important;
}
.tbk-title {
line-height: 1.28em !important;
min-height: 2.56em !important;
max-height: 2.56em !important;
margin: 0 0 8px 0 !important;
-webkit-line-clamp: 2 !important;
overflow: hidden !important;
}
.tbk-card-entities {
min-height: 31px !important;
max-height: 31px !important;
margin: 0 0 8px 0 !important;
overflow: hidden !important;
}
.tbk-card-entities-empty {
visibility: hidden !important;
}
.tbk-entity-line {
min-height: 14px !important;
max-height: 14px !important;
line-height: 14px !important;
margin: 0 0 2px 0 !important;
}
.tbk-meta-badges {
align-content: flex-start !important;
min-height: 40px !important;
max-height: 40px !important;
margin: 0 0 10px 0 !important;
overflow: hidden !important;
}
.tbk-meta-badge {
flex: 0 0 auto !important;
}
.tbk-bottom-row {
flex: 0 0 auto !important;
margin-top: auto !important;
}
@media (max-width: 767px) {
.tbk-title {
line-height: 1.25em !important;
min-height: 3.75em !important;
max-height: 3.75em !important;
-webkit-line-clamp: 3 !important;
}
.tbk-card-entities {
min-height: 29px !important;
max-height: 29px !important;
}
.tbk-entity-line {
min-height: 13px !important;
max-height: 13px !important;
line-height: 13px !important;
}
.tbk-meta-badges {
min-height: 38px !important;
max-height: 38px !important;
}
}
@media (max-width: 380px) {
.tbk-title {
line-height: 1.22em !important;
min-height: 3.66em !important;
max-height: 3.66em !important;
}
} .tbk-card-entities {
min-height: 44px !important;
max-height: 44px !important;
margin: 0 0 6px 0 !important;
overflow: hidden !important;
}
.tbk-artist-line {
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
white-space: normal !important;
min-height: 26px !important;
max-height: 26px !important;
line-height: 13px !important;
margin: 0 0 3px 0 !important;
overflow: hidden !important;
text-overflow: clip !important;
color: #e98b00 !important;
}
.tbk-label-line {
display: block !important;
white-space: nowrap !important;
min-height: 14px !important;
max-height: 14px !important;
line-height: 14px !important;
margin: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
color: #6d6258 !important;
}
.tbk-artist-line .tbk-entity-link,
.tbk-artist-line .tbk-entity-text,
.tbk-entity-link.is-artist,
.tbk-entity-text.is-artist {
color: #e98b00 !important;
font-weight: 700 !important;
}
.tbk-label-line .tbk-entity-link,
.tbk-label-line .tbk-entity-text,
.tbk-entity-link.is-label,
.tbk-entity-text.is-label {
color: #6d6258 !important;
font-weight: 600 !important;
}
.tbk-artist-line .tbk-entity-link:hover,
.tbk-entity-link.is-artist:hover {
color: var(--tkb-orange-dark) !important;
}
.tbk-label-line .tbk-entity-link:hover,
.tbk-entity-link.is-label:hover {
color: #3f3934 !important;
}
@media (min-width: 768px) {
.tbk-title {
font-size: 13.2px !important;
line-height: 1.27em !important;
min-height: 2.54em !important;
max-height: 2.54em !important;
margin-bottom: 7px !important;
}
.tbk-meta-badges {
gap: 3px !important;
min-height: 36px !important;
max-height: 36px !important;
margin: 0 0 6px 0 !important;
}
.tbk-meta-badge {
min-height: 17px !important;
padding: 2px 6px !important;
font-size: 9px !important;
letter-spacing: 0.18px !important;
}
.tbk-bottom-row {
padding-top: 8px !important;
}
}
@media (max-width: 767px) {
.tbk-card-entities {
min-height: 41px !important;
max-height: 41px !important;
margin-bottom: 6px !important;
}
.tbk-artist-line {
min-height: 24px !important;
max-height: 24px !important;
line-height: 12px !important;
margin-bottom: 3px !important;
}
.tbk-label-line {
min-height: 13px !important;
max-height: 13px !important;
line-height: 13px !important;
}
} @media (min-width: 768px) {
.tbk-card-entities {
margin-bottom: 10px !important;
}
} .tbk-cart-action {
gap: 7px !important;
overflow: visible !important;
}
.tbk-play-btn,
.tbk-cart-btn {
position: relative !important;
border-radius: 50% !important;
overflow: hidden !important;
box-sizing: border-box !important;
-webkit-appearance: none !important;
appearance: none !important;
filter: none !important;
transition:
transform 0.18s ease,
background-color 0.18s ease,
border-color 0.18s ease,
color 0.18s ease,
box-shadow 0.18s ease !important;
} .tbk-play-btn {
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
max-width: 36px !important;
max-height: 36px !important;
background: #fff !important;
border: 2px solid var(--tkb-orange) !important;
color: #111 !important;
box-shadow: none !important;
}
.tbk-play-btn svg {
width: 11px !important;
height: 11px !important;
}
.tbk-play-btn::before,
.tbk-play-btn::after,
.tbk-cart-btn::before,
.tbk-cart-btn::after {
content: none !important;
display: none !important;
} .tbk-cart-btn {
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
max-width: 38px !important;
max-height: 38px !important;
background: var(--tkb-orange) !important;
border: 2px solid var(--tkb-orange) !important;
color: #111 !important;
box-shadow: none !important;
}
.tbk-cart-btn .tbk-cart-icon,
.tbk-cart-btn .et-pb-icon {
font-size: 16px !important;
font-weight: 700 !important;
}
.tbk-check-icon {
width: 14px !important;
height: 14px !important;
stroke-width: 2.35 !important;
}
.tbk-play-btn.playing {
background: var(--tkb-orange) !important;
border-color: var(--tkb-orange) !important;
color: #111 !important;
box-shadow: none !important;
}
.tbk-cart-btn.added {
background: var(--tkb-orange) !important;
border-color: var(--tkb-orange) !important;
color: #111 !important;
box-shadow: none !important;
}
.tbk-play-btn:focus-visible,
.tbk-cart-btn:focus-visible {
outline: none !important;
box-shadow: 0 0 0 3px rgba(255, 153, 0, 0.24) !important;
}
.tbk-cart-btn.tbk-disabled {
background: #ededed !important;
border-color: #dedede !important;
color: #aaa !important;
box-shadow: none !important;
cursor: not-allowed !important;
}
@media (hover: hover) and (pointer: fine) {
.tbk-play-btn:hover {
background: var(--tkb-orange) !important;
border-color: var(--tkb-orange) !important;
color: #111 !important;
transform: translateY(-2px) scale(1.03) !important;
box-shadow: none !important;
}
.tbk-play-btn.playing:hover {
background: var(--tkb-orange) !important;
border-color: var(--tkb-orange) !important;
color: #111 !important;
}
.tbk-cart-btn:hover,
.tbk-cart-btn.added:hover {
background: var(--tkb-orange-soft) !important;
border-color: var(--tkb-orange-soft) !important;
color: #000 !important;
transform: translateY(-2px) scale(1.04) !important;
box-shadow: none !important;
}
.tbk-cart-btn.tbk-disabled:hover {
background: #ededed !important;
border-color: #dedede !important;
color: #aaa !important;
transform: none !important;
box-shadow: none !important;
}
} @media (max-width: 767px) {
.tbk-cart-action {
gap: 5px !important;
}
.tbk-play-btn {
width: 33px !important;
height: 33px !important;
min-width: 33px !important;
max-width: 33px !important;
max-height: 33px !important;
}
.tbk-cart-btn {
width: 35px !important;
height: 35px !important;
min-width: 35px !important;
max-width: 35px !important;
max-height: 35px !important;
}
.tbk-play-btn svg {
width: 10px !important;
height: 10px !important;
}
.tbk-cart-btn .tbk-cart-icon,
.tbk-cart-btn .et-pb-icon {
font-size: 15px !important;
}
}
@media (max-width: 380px) {
.tbk-play-btn {
width: 31px !important;
height: 31px !important;
min-width: 31px !important;
max-width: 31px !important;
max-height: 31px !important;
}
.tbk-cart-btn {
width: 33px !important;
height: 33px !important;
min-width: 33px !important;
max-width: 33px !important;
max-height: 33px !important;
}
} @media (max-width: 480px) {
.tbk-bottom-row {
gap: 3px !important;
overflow: visible !important;
}
.tbk-price,
.tbk-bottom-row.tbk-has-audio .tbk-price,
.tbk-bottom-row.tbk-no-audio .tbk-price {
flex: 1 1 auto !important;
min-width: 0 !important;
max-width: none !important;
overflow: visible !important;
white-space: nowrap !important;
font-size: clamp(10.5px, 3.05vw, 12px) !important;
letter-spacing: -0.35px !important;
line-height: 1 !important;
}
.tbk-price .woocommerce-Price-amount,
.tbk-price .woocommerce-Price-currencySymbol,
.tbk-price bdi {
white-space: nowrap !important;
}
.tbk-cart-action {
flex: 0 0 auto !important;
gap: 3px !important;
}
.tbk-play-btn {
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
max-width: 28px !important;
max-height: 28px !important;
border-width: 2px !important;
}
.tbk-cart-btn {
width: 30px !important;
height: 30px !important;
min-width: 30px !important;
max-width: 30px !important;
max-height: 30px !important;
border-width: 2px !important;
}
.tbk-play-btn svg {
width: 9px !important;
height: 9px !important;
}
.tbk-cart-btn .tbk-cart-icon,
.tbk-cart-btn .et-pb-icon {
font-size: 14px !important;
}
}
@media (max-width: 360px) {
.tbk-product-card {
padding-left: 9px !important;
padding-right: 9px !important;
}
.tbk-price,
.tbk-bottom-row.tbk-has-audio .tbk-price,
.tbk-bottom-row.tbk-no-audio .tbk-price {
font-size: 10px !important;
letter-spacing: -0.45px !important;
}
.tbk-play-btn {
width: 27px !important;
height: 27px !important;
min-width: 27px !important;
max-width: 27px !important;
max-height: 27px !important;
}
.tbk-cart-btn {
width: 29px !important;
height: 29px !important;
min-width: 29px !important;
max-width: 29px !important;
max-height: 29px !important;
}
}  @media (min-width: 768px) {
.tbk-price,
.tbk-bottom-row.tbk-has-audio .tbk-price,
.tbk-bottom-row.tbk-no-audio .tbk-price {
font-size: 14px !important;
font-weight: 800 !important;
letter-spacing: -0.15px !important;
line-height: 1.05 !important;
}
} @media (max-width: 767px) {
.tbk-bottom-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: center !important;
column-gap: 6px !important;
overflow: visible !important;
}
.tbk-price,
.tbk-bottom-row.tbk-has-audio .tbk-price,
.tbk-bottom-row.tbk-no-audio .tbk-price {
min-width: 0 !important;
max-width: 100% !important;
overflow: hidden !important;
white-space: nowrap !important;
text-overflow: clip !important;
font-size: clamp(12px, 3.45vw, 13.5px) !important;
font-weight: 800 !important;
letter-spacing: -0.25px !important;
line-height: 1.05 !important;
}
.tbk-cart-action {
display: flex !important;
flex: 0 0 auto !important;
min-width: max-content !important;
gap: 5px !important;
}
.tbk-play-btn {
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
max-width: 32px !important;
max-height: 32px !important;
}
.tbk-cart-btn {
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
max-width: 34px !important;
max-height: 34px !important;
}
} @media (max-width: 390px) {
.tbk-bottom-row {
column-gap: 4px !important;
}
.tbk-price,
.tbk-bottom-row.tbk-has-audio .tbk-price,
.tbk-bottom-row.tbk-no-audio .tbk-price {
font-size: 11.5px !important;
letter-spacing: -0.35px !important;
}
.tbk-cart-action {
gap: 4px !important;
}
.tbk-play-btn {
width: 30px !important;
height: 30px !important;
min-width: 30px !important;
max-width: 30px !important;
max-height: 30px !important;
}
.tbk-cart-btn {
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
max-width: 32px !important;
max-height: 32px !important;
}
} @media (max-width: 350px) {
.tbk-product-card {
padding-left: 9px !important;
padding-right: 9px !important;
}
.tbk-price,
.tbk-bottom-row.tbk-has-audio .tbk-price,
.tbk-bottom-row.tbk-no-audio .tbk-price {
font-size: 11px !important;
letter-spacing: -0.45px !important;
}
.tbk-play-btn {
width: 29px !important;
height: 29px !important;
min-width: 29px !important;
max-width: 29px !important;
max-height: 29px !important;
}
.tbk-cart-btn {
width: 31px !important;
height: 31px !important;
min-width: 31px !important;
max-width: 31px !important;
max-height: 31px !important;
}
}body.tkb-design-system,
body.tkb-design-system *,
body.tkb-design-system *::before,
body.tkb-design-system *::after {
box-sizing: border-box;
} body.tkb-design-system :where(a, button, input, select, textarea, [tabindex]):focus-visible {
outline: 2px solid var(--tkb-orange) !important;
outline-offset: 2px !important;
box-shadow: var(--tkb-focus-ring);
}
body.tkb-design-system :where(a, button, input, select, textarea) {
transition:
color var(--tkb-transition),
background-color var(--tkb-transition),
border-color var(--tkb-transition),
box-shadow var(--tkb-transition),
opacity var(--tkb-transition),
transform var(--tkb-transition);
} body.tkb-design-system :where(
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button.alt,
.woocommerce button.button.alt,
.woocommerce a.button.single_add_to_cart_button,
.woocommerce #payment #place_order,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce .cart button[name="apply_coupon"],
.woocommerce .cart button[name="update_cart"],
a.checkout-button.button.alt,
button.button.et_pb_button,
.et_pb_button
):not(.remove):not(.tkbpp-carousel-arrow):not(.tkb-v2-icon) {
min-height: var(--tkb-control-height);
border: 1px solid var(--tkb-orange) !important;
border-radius: var(--tkb-radius-md) !important;
background: var(--tkb-orange) !important;
color: var(--tkb-ink) !important;
font-weight: 800 !important;
line-height: 1.15 !important;
text-decoration: none !important;
box-shadow: none !important;
}
body.tkb-design-system :where(
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button.alt,
.woocommerce button.button.alt,
.woocommerce a.button.single_add_to_cart_button,
.woocommerce #payment #place_order,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce .cart button[name="apply_coupon"],
.woocommerce .cart button[name="update_cart"],
a.checkout-button.button.alt,
button.button.et_pb_button,
.et_pb_button
):not(.remove):not(.tkbpp-carousel-arrow):not(.tkb-v2-icon):hover {
border-color: var(--tkb-orange-hover) !important;
background: var(--tkb-orange-hover) !important;
color: var(--tkb-ink) !important;
}
body.tkb-design-system :where(button, .button, input[type="submit"]):disabled,
body.tkb-design-system :where(button, .button, input[type="submit"]).disabled {
cursor: not-allowed !important;
opacity: 0.55 !important;
} body.tkb-design-system :where(
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="password"],
.woocommerce input[type="search"],
.woocommerce input[type="number"]:not(.qty),
.woocommerce select,
.woocommerce textarea,
.et_pb_contact_form input:not([type="checkbox"]):not([type="radio"]),
.et_pb_contact_form select,
.et_pb_contact_form textarea
) {
min-height: var(--tkb-control-height);
border: 1px solid #cccccc !important;
border-radius: var(--tkb-radius-sm) !important;
background-color: var(--tkb-surface) !important;
color: var(--tkb-ink) !important;
font: inherit;
box-shadow: none !important;
}
body.tkb-design-system :where(
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="password"],
.woocommerce input[type="search"],
.woocommerce input[type="number"]:not(.qty),
.woocommerce select,
.woocommerce textarea,
.et_pb_contact_form input:not([type="checkbox"]):not([type="radio"]),
.et_pb_contact_form select,
.et_pb_contact_form textarea
):focus {
border-color: var(--tkb-orange) !important;
box-shadow: var(--tkb-focus-ring) !important;
outline: 0 !important;
} body.tkb-design-system :where(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
margin-bottom: 22px !important;
padding: 15px 18px 15px 48px !important;
border: 1px solid var(--tkb-line) !important;
border-top: 3px solid var(--tkb-orange) !important;
border-radius: var(--tkb-radius-md) !important;
background: var(--tkb-surface) !important;
color: var(--tkb-ink) !important;
box-shadow: var(--tkb-shadow-sm) !important;
}
body.tkb-design-system .woocommerce-error {
border-top-color: var(--tkb-danger) !important;
}
body.tkb-design-system .woocommerce-message::before,
body.tkb-design-system .woocommerce-info::before {
color: var(--tkb-orange) !important;
}
body.tkb-design-system .woocommerce-error::before {
color: var(--tkb-danger) !important;
} body.tkb-design-system :where(
.woocommerce-breadcrumb a,
.woocommerce .product_meta a,
.woocommerce .tagged_as a,
.woocommerce .posted_in a,
.woocommerce-info a.showcoupon,
.tkb-artist-link,
.tkb-label-link
) {
color: var(--tkb-orange) !important;
}
body.tkb-design-system :where(
.woocommerce-breadcrumb a,
.woocommerce .product_meta a,
.woocommerce .tagged_as a,
.woocommerce .posted_in a,
.woocommerce-info a.showcoupon,
.tkb-artist-link,
.tkb-label-link
):hover {
color: var(--tkb-orange-hover) !important;
} body.tkb-design-system .tb-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 22px;
padding: 4px 8px;
border-radius: var(--tkb-radius-xs);
color: #ffffff;
font-size: 10px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.45px;
text-transform: uppercase;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28);
}
body.tkb-design-system .tb-badge.is-red { background: var(--tkb-danger); }
body.tkb-design-system .tb-badge.is-orange { background: var(--tkb-restock); }
body.tkb-design-system .tb-badge.is-green { background: var(--tkb-success); }
body.tkb-design-system .tb-badge.is-yellow { background: var(--tkb-warning); }
body.tkb-design-system .tb-badge.is-blue { background: var(--tkb-info); }
body.tkb-design-system .tb-badge.is-black { background: var(--tkb-black); } body.tkb-design-system ::selection {
background: rgba(var(--tkb-orange-rgb), 0.32);
color: var(--tkb-ink);
}.woocommerce-page #main-content .et_pb_column.et_pb_sidebar {
display: none;
}
.woocommerce-page #main-content .et_pb_column.et_pb_column_main {
width: 100%;
}
.fas::before {
font-family: "FontAwesome" !important;
}
@media only screen and (max-width: 768px) {
body {
background-color: #000000 !important;
background-image: none !important;
}
}
.et_pb_tab_content a[href="https://constacloud.com/disconnect"],
.et_pb_tab_content a[href^="https://www.discogs.com/"] {
display: none !important;
}
.woocommerce ul.products li.product .divi-product-category {
font-size: 12px !important;
} body.tkb-design-system :where(
.woocommerce select,
select.orderby,
select.tek-tag-filter,
.tek-filter-wrapper select
) {
appearance: none;
padding: 6px 32px 6px 12px;
border: 1px solid #cccccc;
border-radius: var(--tkb-radius-sm);
background-color: #f8f8f8;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='10,40 70,100 130,40' fill='none' stroke='%23222' stroke-width='20' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 12px;
color: #222222 !important;
font-size: 14px;
font-weight: 500;
cursor: pointer;
}
body.tkb-design-system :where(
.woocommerce select,
select.orderby,
select.tek-tag-filter,
.tek-filter-wrapper select
):focus {
outline: 0;
border-color: var(--tkb-orange);
box-shadow: var(--tkb-focus-ring);
}
body.tkb-design-system select option {
color: #222222;
} .control > .previous.sricon-back,
.control > .next.sricon-forward {
display: none !important;
}
.player .player-row .control > .previous.sricon-back,
.player .player-row .control > .next.sricon-forward {
display: inline-flex !important;
}
.srp_meta.srp_meta_1.album-title {
display: none !important;
}
.player .srp_meta.srp_meta_1.album-title {
display: block !important;
}
.single-product i.sricon-info,
.single-product a.song-store.sr_store_force_pl_bt,
.single-product a.song-store.add_to_cart_button {
display: none !important;
}
.single-product .song-store {
margin: 0 !important;
padding: 0 !important;
}
.tbk-img-wrap img.tbk-product-thumb {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.woocommerce ul.products,
.woocommerce-page ul.products {
margin-left: 0 !important;
padding-left: 0 !important;
list-style: none !important;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
list-style: none !important;
}
.woocommerce ul.products li.product::marker,
.woocommerce-page ul.products li.product::marker {
content: "" !important;
} body.tkb-design-system .woocommerce ul.products li.product :where(h2, h3, .woocommerce-loop-product__title) a,
body.tkb-design-system .woocommerce ul.products li.product a :where(h2, h3, .woocommerce-loop-product__title),
body.tkb-design-system .tbk-product-card :where(h2, h3, .tbk-product-title) a,
body.tkb-design-system .tbk-product-card a :where(h2, h3, .tbk-product-title) {
color: var(--tkb-ink) !important;
} body.tkb-design-system .tbk-archive-heading {
position:relative !important;
max-width:none !important;
margin:0 !important;
padding:0 0 10px 16px !important;
border-bottom:0 !important;
}
body.tkb-design-system .tbk-archive-heading::before {
position:absolute !important;
top:0 !important;
bottom:10px !important;
left:0 !important;
width:4px !important;
border-radius:999px !important;
background:var(--tkb-orange, #ff9900) !important;
content:"" !important;
}
body.tkb-design-system .tbk-archive-eyebrow {
display:block !important;
margin:0 0 5px !important;
padding:0 !important;
color:var(--tkb-orange, #ff9900) !important;
font-size:11px !important;
font-weight:900 !important;
line-height:1.15 !important;
letter-spacing:.15em !important;
text-transform:uppercase !important;
}
body.tkb-design-system .tbk-archive-hero .tbk-archive-heading h1 {
margin:0 !important;
padding:0 !important;
color:#050505 !important;
font-size:clamp(28px, 3vw, 38px) !important;
font-weight:900 !important;
line-height:1.04 !important;
letter-spacing:-.035em !important;
text-transform:none !important;
}
body.tkb-design-system .tbk-archive-intro {
max-width:840px !important;
margin:10px 0 0 !important;
padding:0 !important;
color:#565656 !important;
font-size:14.5px !important;
line-height:1.5 !important;
} body.tkb-design-system .tkbpp-recommendation-header {
position:relative !important;
margin-bottom:17px !important;
padding:0 0 10px 14px !important;
border-bottom:1px solid #dedede !important;
}
body.tkb-design-system .tkbpp-recommendation-header > div {
position:relative !important;
padding:0 !important;
}
body.tkb-design-system .tkbpp-recommendation-header > div::before {
position:absolute !important;
top:0 !important;
bottom:0 !important;
left:-14px !important;
width:4px !important;
border-radius:999px !important;
background:var(--tkb-orange, #ff9900) !important;
content:"" !important;
}
body.tkb-design-system .tkbpp-recommendation-header h2 {
margin:0 !important;
padding:0 !important;
color:#050505 !important;
font-size:clamp(24px, 2.4vw, 32px) !important;
font-weight:900 !important;
line-height:1.06 !important;
letter-spacing:-.03em !important;
text-transform:none !important;
}
@media (max-width:767px) {
body.tkb-design-system .tbk-archive-heading,
body.tkb-design-system .tkbpp-recommendation-header {
padding-left:12px !important;
padding-bottom:8px !important;
}
body.tkb-design-system .tbk-archive-heading::before {
bottom:8px !important;
width:3px !important;
}
body.tkb-design-system .tkbpp-recommendation-header > div::before {
left:-12px !important;
width:3px !important;
}
body.tkb-design-system .tbk-archive-hero .tbk-archive-heading h1 {
font-size:clamp(25px, 8vw, 31px) !important;
}
}input[type="checkbox"].cmplz-category { width: initial; -webkit-appearance: checkbox;}input[type="checkbox"].cmplz-category:checked::before { content: '';}.cmplz-cookiebanner { box-sizing: border-box;}:root { --cmplz_banner_width: 526px; --cmplz_banner_background_color: #ffffff; --cmplz_banner_border_color: #f2f2f2; --cmplz_banner_border_width: 0px 0px 0px 0px ; --cmplz_banner_border_radius: 12px 12px 12px 12px; --cmplz_banner_margin: 10px; --cmplz_categories-height: 163px; --cmplz_title_font_size: 15px; --cmplz_text_line_height: calc(var(--cmplz_text_font_size) * 1.5); --cmplz_text_color: #222222; --cmplz_hyperlink_color: #e09900; --cmplz_text_font_size: 12px; --cmplz_link_font_size: 12px; --cmplz_category_body_font_size: 12px; --cmplz_button_accept_background_color: #e09900; --cmplz_button_accept_border_color: #e09900; --cmplz_button_accept_text_color: #ffffff; --cmplz_button_deny_background_color: #f9f9f9; --cmplz_button_deny_border_color: #f2f2f2; --cmplz_button_deny_text_color: #222222; --cmplz_button_settings_background_color: #f9f9f9; --cmplz_button_settings_border_color: #f2f2f2; --cmplz_button_settings_text_color: #333333; --cmplz_button_border_radius: 6px 6px 6px 6px; --cmplz_button_font_size: 15px; --cmplz_category_header_always_active_color: green; --cmplz_category_header_title_font_size: 14px; --cmplz_category_header_active_font_size: 12px; --cmplz-manage-consent-height: 50px; --cmplz-manage-consent-offset: -35px; --cmplz_slider_active_color: #1e73be; --cmplz_slider_inactive_color: #F56E28; --cmplz_slider_bullet_color: #ffffff;}body.cmplz-banner-active *:not(.cmplz-cookiebanner):not(.cmplz-cookiebanner *) { pointer-events: none !important; user-select: none !important;}.cmplz-cookiebanner * { pointer-events: auto !important; user-select: auto !important;}#cmplz-manage-consent .cmplz-manage-consent { margin: unset; z-index: 9998; color: var(--cmplz_text_color); background-color: var(--cmplz_banner_background_color); border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; line-height: initial; position: fixed; bottom: var(--cmplz-manage-consent-offset); min-width: 100px; height: var(--cmplz-manage-consent-height); right: 40px; padding: 15px; cursor: pointer; animation: mc_slideOut 0.5s forwards;}#cmplz-manage-consent .cmplz-manage-consent:active { outline: none; border: none;}#cmplz-manage-consent .cmplz-manage-consent.cmplz-dismissed { display: none;}#cmplz-manage-consent .cmplz-manage-consent:hover,#cmplz-manage-consent .cmplz-manage-consent:focus { animation: mc_slideIn 0.5s forwards; animation-delay: 0;}@-webkit-keyframes mc_slideIn { 100% { bottom: 0; }}@keyframes mc_slideIn { 100% { bottom: 0; }}@-webkit-keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-header .cmplz-title { display: none; }}.cmplz-cookiebanner { max-height: calc(100vh - 20px); overflow-y: auto; position: fixed; height: auto; left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); grid-template-rows: minmax(0, 1fr); z-index: 99999; background: var(--cmplz_banner_background_color);}.cmplz-cookiebanner a { transition: initial;}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn.tcf { display: none;}.cmplz-cookiebanner.cmplz-dismissed { display: none;}.cmplz-cookiebanner .cmplz-body { width: 100%; grid-column: span 3; overflow-y: auto; overflow-x: hidden; max-height: 55vh;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0); background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar { width: 5px; background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-thumb { background-color: var(--cmplz_button_accept_background_color); border-radius: 10px;}@media (min-width: 350px) { .cmplz-cookiebanner .cmplz-body { min-width: 300px; }}@media (max-height: 400px) { .cmplz-cookiebanner { height: calc(100vh - 20px); display: flex; flex-direction: column; overflow: hidden; gap: 1px; grid-row-gap: 1px; padding: 7px 12px !important; zoom: 0.6; } .cmplz-cookiebanner .cmplz-body { flex: 1; min-height: 0; overflow-y: auto; max-height: none; margin-top: 15px !important; } .cmplz-cookiebanner .cmplz-header, .cmplz-cookiebanner .cmplz-divider, .cmplz-cookiebanner .cmplz-links, .cmplz-cookiebanner .cmplz-buttons, .cmplz-cookiebanner .cmplz-documents { flex-shrink: 0; } .cmplz-cookiebanner .cmplz-header { margin-bottom: 15px !important; max-height: 10px; } .cmplz-close { zoom: 0.6 !important; } .cmplz-cookiebanner .cmplz-buttons { gap: 1px !important; } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { height: 15vh !important; min-height: unset !important; padding: 0 !important; white-space: nowrap !important; font-size: 1.1rem !important; line-height: 14px !important; zoom: 0.5 !important; } .cmplz-cookiebanner .cmplz-documents, .cmplz-cookiebanner .cmplz-information { zoom: 0.5 !important; }}@media (max-height: 400px) and (max-width: 768px) { .cmplz-cookiebanner { gap: 1px; }}.cmplz-cookiebanner { border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); padding: 15px 20px; display: grid; grid-gap: 10px;}.cmplz-cookiebanner .cmplz-divider { margin-left: -20px; margin-right: -20px;}.cmplz-cookiebanner .cmplz-header { grid-template-columns: 100px 1fr 100px; align-items: center; display: grid; grid-column: span 3;}@media (max-width: 399px) { .cmplz-cookiebanner .cmplz-header { grid-template-columns: auto 1fr auto; }}.cmplz-cookiebanner .cmplz-logo svg { max-height: 35px; width: inherit;}.cmplz-cookiebanner .cmplz-logo img { max-height: 40px; width: inherit;}.cmplz-cookiebanner .cmplz-title { justify-self: center; grid-column-start: 2; font-size: var(--cmplz_title_font_size); color: var(--cmplz_text_color); font-weight: 500;}.cmplz-cookiebanner .cmplz-close { line-height: 20px; justify-self: end; grid-column-start: 3; font-size: 20px; cursor: pointer; width: 20px; height: 20px; color: var(--cmplz_text_color);}.cmplz-cookiebanner .cmplz-close svg { width: 20px; height: 20px;}.cmplz-cookiebanner .cmplz-close:hover { text-decoration: none; line-height: initial; font-size: 18px;}.cmplz-cookiebanner .cmplz-message { word-wrap: break-word; font-size: var(--cmplz_text_font_size); line-height: var(--cmplz_text_line_height); color: var(--cmplz_text_color); margin-bottom: 5px;}.cmplz-cookiebanner .cmplz-message a { color: var(--cmplz_hyperlink_color);}.cmplz-cookiebanner .cmplz-message,.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-links,.cmplz-cookiebanner .cmplz-buttons,.cmplz-cookiebanner .cmplz-divider { grid-column: span 3;}.cmplz-cookiebanner .cmplz-categories.cmplz-tcf .cmplz-category .cmplz-category-header { grid-template-columns: 1fr auto;}.cmplz-cookiebanner .cmplz-categories .cmplz-category { background-color: rgba(239, 239, 239, 0.5);}.cmplz-cookiebanner .cmplz-categories .cmplz-category:not(:last-child) { margin-bottom: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header { display: grid; grid-template-columns: 1fr auto 15px; grid-template-rows: minmax(0, 1fr); align-items: center; grid-gap: 10px; padding: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title { font-weight: 500; grid-column-start: 1; justify-self: start; font-size: var(--cmplz_category_header_title_font_size); color: var(--cmplz_text_color); margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active { font-size: var(--cmplz_category_header_active_font_size); font-weight: 500; color: var(--cmplz_category_header_always_active_color);}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox { display: flex; align-items: center; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox input[data-category=cmplz_functional] { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open { cursor: pointer; content: ''; transform: rotate(0deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-size: cover; height: 18px; width: 18px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description { font-size: var(--cmplz_category_body_font_size); color: var(--cmplz_text_color); margin: 0; max-width: 100%; padding: 10px;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-category .cmplz-category-header { grid-template-columns: 1fr!important; }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-message { margin-right: 5px; }}.cmplz-cookiebanner .cmplz-buttons { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn { min-height: 45px; padding: 10px; margin: initial; width: 100%; white-space: nowrap; border-radius: var(--cmplz_button_border_radius); cursor: pointer; font-size: var(--cmplz_button_font_size); font-weight: 500; text-decoration: none; line-height: 20px; text-align: center; flex: initial;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover { text-decoration: none;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept { background-color: var(--cmplz_button_accept_background_color); border: 1px solid var(--cmplz_button_accept_border_color); color: var(--cmplz_button_accept_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny { background-color: var(--cmplz_button_deny_background_color); border: 1px solid var(--cmplz_button_deny_border_color); color: var(--cmplz_button_deny_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-manage-options { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn { display: flex; align-items: center; justify-content: center; padding: initial;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-links.cmplz-information { display: initial; text-align: center; }}.cmplz-cookiebanner .cmplz-links { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-links.cmplz-information { justify-content: space-between;}.cmplz-cookiebanner .cmplz-links.cmplz-documents { justify-content: center;}.cmplz-cookiebanner .cmplz-links .cmplz-link { color: var(--cmplz_hyperlink_color); font-size: var(--cmplz_link_font_size); text-decoration: underline; margin: 0;}.cmplz-cookiebanner .cmplz-links .cmplz-link.cmplz-read-more-purposes { display: none;}.cmplz-cookiebanner .cmplz-links ul { margin: 0; padding: 0; list-style: none; display: flex; gap: var(--cmplz_banner_margin); justify-content: center;}.cmplz-categories .cmplz-category .cmplz-description-statistics-anonymous { display: none;}.cmplz-categories .cmplz-category .cmplz-description-statistics { display: block;}.cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-categories .cmplz-category .cmplz-category-toggle[aria-expanded="true"] .cmplz-icon.cmplz-open { transform: rotate(180deg);}@media (max-width: 768px) { .cmplz-cookiebanner { width: 100%; } .cmplz-cookiebanner .cmplz-buttons { flex-direction: column; }}@media (max-width: 1023px) { .cmplz-cookiebanner { max-width: 100%; }}@media (max-width: 1023px) { .cmplz-cookiebanner { transform: translateX(-50%); bottom: 0; top: initial; }}@media (min-width: 1024px) { .cmplz-cookiebanner { margin: 10px; width: calc(100% - 20px); grid-column-gap: 10px; display: grid; grid-template-columns: 1fr 1fr; bottom: 0; left: initial; top: initial; transform: initial; } .cmplz-cookiebanner.cmplz-categories-type-save-preferences .cmplz-body > div { width: 49%; } .cmplz-cookiebanner.cmplz-categories-visible .cmplz-body > div { width: 49%; } .cmplz-cookiebanner .cmplz-body { grid-column: span 2; display: flex; gap: 10px; } .cmplz-cookiebanner .cmplz-message, .cmplz-cookiebanner .cmplz-categories, .cmplz-cookiebanner .cmplz-links, .cmplz-cookiebanner .cmplz-buttons { grid-column: inherit; } .cmplz-cookiebanner .cmplz-description { grid-column-start: 1; } .cmplz-cookiebanner.optin .cmplz-categories, .cmplz-cookiebanner.optout .cmplz-categories { width: 85vw; grid-column-start: 2; } .cmplz-cookiebanner .cmplz-buttons { grid-column-start: 3; grid-row-start: 3; display: flex; flex-direction: column; } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { min-width: 250px; width: 100%; } .cmplz-cookiebanner .cmplz-links.cmplz-documents { grid-column-end: 3; } .cmplz-cookiebanner .cmplz-links.cmplz-information { grid-column-start: 3; grid-column-end: 4; grid-row-start: 5; display: flex; justify-content: flex-end; } .cmplz-cookiebanner .cmplz-links.cmplz-documents { grid-column-start: 1; grid-row-start: 5; display: flex; justify-content: flex-start; } .cmplz-cookiebanner .cmplz-categories.cmplz-tcf { height: 160px; } .cmplz-cookiebanner.cmplz-categories-type-view-preferences .cmplz-buttons, .cmplz-cookiebanner.cmplz-categories-type-no .cmplz-buttons { flex-direction: initial; } .cmplz-cookiebanner.cmplz-categories-type-view-preferences.cmplz-categories-visible .cmplz-buttons, .cmplz-cookiebanner.cmplz-categories-type-no.cmplz-categories-visible .cmplz-buttons { flex-direction: column; }}.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-save-preferences,.cmplz-cookiebanner .cmplz-link.cmplz-manage-options,.cmplz-cookiebanner .cmplz-manage-vendors,.cmplz-cookiebanner .cmplz-read-more,.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options { display: none;}.cmplz-cookiebanner .cmplz-categories.cmplz-fade-in { animation: fadeIn 1s; -webkit-animation: fadeIn 1s; -moz-animation: fadeIn 1s; -o-animation: fadeIn 1s; -ms-animation: fadeIn 1s; display: block;}@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}.cmplz-cookiebanner .cmplz-links.cmplz-information { display: none;}#cmplz-cookiebanner-container .cmplz-cookiebanner { bottom: -50vh; -webkit-animation: slideIn 0.5s forwards; -webkit-animation-delay: 1s; animation: slideIn 0.5s forwards; animation-delay: 1s;}@-webkit-keyframes slideIn { 100% { bottom: 0; }}@keyframes slideIn { 100% { bottom: 0; }}.cmplz-cookiebanner .cmplz-preferences,.cmplz-manage-consent-container .cmplz-preferences { display: none;}#cmplz-manage-consent .cmplz-manage-consent { display: none;}.cmplz-cookiebanner .cmplz-close { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox { position: relative;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox { opacity: 0; margin: 0; margin-top: -10px; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; position: absolute; z-index: 1; top: 0px; left: 0px; width: 40px; height: 20px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label:before { box-shadow: 0 0 0 2px #245fcc;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::before { display: block; background-color: var(--cmplz_slider_active_color); content: ""; padding-left: 6px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label:after { left: 14px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label { position: relative; padding-left: 30px; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before,.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { box-sizing: border-box; position: absolute; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transition: background-color 0.3s, left 0.3s;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before { display: block; content: ""; color: #fff; box-sizing: border-box; font-family: 'FontAwesome', sans-serif; padding-left: 23px; font-size: 12px; line-height: 20px; background-color: var(--cmplz_slider_inactive_color); left: 0px; top: -7px; height: 15px; width: 28px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { display: block; content: ""; letter-spacing: 20px; background: var(--cmplz_slider_bullet_color); left: 4px; top: -5px; height: 11px; width: 11px;}.cmplz-cookiebanner { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}#cmplz-manage-consent .cmplz-manage-consent { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show:hover { transition-duration: 1s; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;}#cmplz-cookiebanner-container .cmplz-cookiebanner { position: fixed !important; top: auto !important; right: auto !important; bottom: 18px !important; left: 50% !important; transform: translateX(-50%) !important; width: 920px !important; max-width: calc(100vw - 32px) !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: calc(100vh - 36px) !important; margin: 0 !important; padding: 20px 24px !important; background: #111111 !important; color: #ffffff !important; border: 1px solid #f5a000 !important; border-radius: 16px !important; box-shadow: 0 14px 40px rgba(0, 0, 0, 0.45) !important; grid-template-columns: minmax(0, 1fr) 230px !important; grid-template-areas: "header buttons" "body buttons" "links buttons" !important; column-gap: 28px !important; row-gap: 10px !important; align-items: center !important; overflow-y: auto !important; box-sizing: border-box !important; z-index: 999999 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header { grid-area: header !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title { margin: 0 !important; padding: 0 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; opacity: 1 !important; font-size: 23px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: left !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body { grid-area: body !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message p,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body p { margin: 0 !important; padding: 0 !important; color: #d8d8d8 !important; -webkit-text-fill-color: #d8d8d8 !important; opacity: 1 !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.5 !important; text-align: left !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons { grid-area: buttons !important; flex-direction: column !important; justify-content: center !important; width: 230px !important; min-width: 0 !important; gap: 10px !important; margin: 0 !important; padding: 0 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn { width: 100% !important; min-width: 0 !important; height: 48px !important; min-height: 48px !important; margin: 0 !important; padding: 9px 16px !important; border-radius: 10px !important; box-shadow: none !important; font-family: inherit !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; box-sizing: border-box !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-accept { background: #f5a000 !important; color: #090909 !important; -webkit-text-fill-color: #090909 !important; border: 1px solid #f5a000 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-accept:hover { background: #ffad0a !important; border-color: #ffad0a !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-deny { background: #1a1a1a !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border: 1px solid #555555 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-deny:hover { background: #242424 !important; border-color: #f5a000 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-view-preferences,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-save-preferences { background: #1a1a1a !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border: 1px solid #555555 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links { grid-area: links !important; flex-wrap: wrap !important; align-items: center !important; width: 100% !important; gap: 7px 15px !important; margin: 2px 0 0 !important; padding: 0 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-link,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links a { position: static !important; inset: auto !important; transform: none !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; color: #f5a000 !important; -webkit-text-fill-color: #f5a000 !important; font-size: 13px !important; line-height: 1.35 !important; text-align: left !important; white-space: normal !important; text-decoration: underline !important; text-underline-offset: 3px !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-hidden,#cmplz-cookiebanner-container .cmplz-cookiebanner [hidden],#cmplz-cookiebanner-container .cmplz-cookiebanner [aria-hidden="true"],#cmplz-cookiebanner-container .cmplz-cookiebanner [style*="display: none"] { display: none !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-manage-options,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-manage-services,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-manage-vendors,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-manage-purposes,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-manage-purpose,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-tcf,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-tcf-links,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-tcf-buttons { display: none !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories { margin: 12px 0 0 !important; padding: 0 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category { margin: 0 0 8px !important; padding: 10px 12px !important; background: #181818 !important; color: #ffffff !important; border: 1px solid #333333 !important; border-radius: 9px !important; box-sizing: border-box !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-title,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-header,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-always-active { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-description { color: #cccccc !important; -webkit-text-fill-color: #cccccc !important;}@media only screen and (max-width: 767px) { #cmplz-cookiebanner-container .cmplz-cookiebanner { bottom: 8px !important; left: 50% !important; transform: translateX(-50%) !important; width: calc(100vw - 16px) !important; max-width: none !important; max-height: calc(100vh - 16px) !important; padding: 17px !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "header" "body" "buttons" "links" !important; gap: 12px !important; align-items: stretch !important; border-radius: 14px !important; overflow-y: auto !important; overscroll-behavior: contain !important; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title { font-size: 21px !important; line-height: 1.25 !important; text-align: center !important; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message p, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body p { font-size: 14px !important; line-height: 1.45 !important; text-align: left !important; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons { width: 100% !important; gap: 9px !important; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn { width: 100% !important; height: 47px !important; min-height: 47px !important; font-size: 15px !important; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links { flex-direction: column !important; flex-wrap: nowrap !important; align-items: center !important; width: 100% !important; gap: 7px !important; margin: 0 !important; text-align: center !important; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-link, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links a { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 2px 0 !important; font-size: 13px !important; line-height: 1.35 !important; text-align: center !important; white-space: normal !important; overflow-wrap: anywhere !important; }}@media only screen and (max-width: 390px) { #cmplz-cookiebanner-container .cmplz-cookiebanner { padding: 14px !important; gap: 10px !important; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title { font-size: 19px !important; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message p, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body p { font-size: 13px !important; line-height: 1.4 !important; }}