.cta { background-size: cover; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2); } .content-inner .cta { box-shadow: none; } .sidebar .cta-small { border-radius: 4px; } .cta .email-form { overflow: hidden; } .content-box .content .cta-box.post-box { padding: 0; } .post-box .cta-box.post-box { margin-inline-start: 0; margin-inline-end: 0; } .cta-title { text-align: center; } .cta-small .cta-title, .cta-slim .cta-title { margin-block-end: 0.9375rem ; } .cta-image { margin-inline-start: auto; margin-inline-end: auto; } .cta-small .alignleft { margin-inline-end: 0.9375rem ; } .cta-small .alignright { margin-inline-start: 0.9375rem ; } .cta-image img { width: 100%; } @media all and (min-width: 900px) { .content-full .cta-slim .cta-inner, .cta-full .cta-inner { padding: 3.625rem 7.25rem ; } .cta-slim .cta-inner { padding: 2.75rem ; } .cta-small .cta-inner { padding: 1.8125rem ; } .cta-image.image-left { float: left; margin-inline-end: 1.8125rem ; } .cta-image.image-right { float: right; margin-inline-start: 1.8125rem ; } .cta-small .image-left { margin-inline-end: 0.9375rem ; } .cta-small .image-right { margin-inline-start: 0.9375rem ; } } @media all and (max-width: 900px) { .cta-inner { padding: 1.8125rem 0.9375rem ; } .cta-image { margin-block-end: 1.8125rem ; } } @media all and (max-width: 600px) { .cta-image { width: 50% !important; } } .md-popups { height: 0; opacity: 0; overflow: scroll; position: fixed; left: 0; top: 0; transition: opacity 0.2s ease-in-out; visibility: hidden; width: 100%; z-index: 500; } .has-popup .md-popups { height: 100%; } .has-popup .md-popup-active { display: block; } .has-popup .md-popups, .has-popup .md-popup-bg { opacity: 1; visibility: visible; } .has-popup, .md-popup-content { overflow: hidden; } .md-popup { background-color: #fff; background-size: cover; box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); display: none; height: auto; position: relative; width: 100%; z-index: 1000; } .md-popup-bg { background-color: rgba(0, 0, 0, 0.8); visibility: hidden; height: 100%; position: fixed; left: 0; top: 0; transition: opacity 0.15s ease-in-out; opacity: 0; width: 100%; z-index: 999; } @media all and (min-width: 1073 px) { .md-popup { margin-inline-start: -537px; left: 50%; top: 3.625rem ; width: 1073 px; } } @media all and (max-width: 1073 px) { .admin-bar .md-popups { top: 46px; } } @media all and (min-width: 1200px) { .md-popup.md-popup-auto { background-color: #010101; left: auto; margin-inline-start: auto; margin-inline-end: auto; max-width: 1140px; text-align: center; top: 5%; width: auto; } } .md-popup-trigger { cursor: pointer; } .md-popup-close-corner { background: transparent; border: none; color: #ae2525; cursor: pointer; font-size: 29 px; line-height: 1; padding: 0; position: absolute; top: 0.9375rem ; right: 0.9375rem ; z-index: 100; } .md-popup-close-corner:hover { opacity: 0.95; } .popup-secondary-bg-color { background-color: #C0392B ; } .popup-title:empty, .popup-subtitle:empty, .popup-text:empty, .popup-buttons-text:empty { display: none; } .popup-content, .popup-image-wrap { position: relative; } .has-bg-image, .has-bg-image .popup-image-wrap, .popup-image { background-position: center center; background-size: cover; } .md-popup .email-form-wrap { clear: both; } .popup-buttons { text-align: center; } .md-popup .button-text, .md-popup .button-subtext { display: block; } .popup-buttons-text { margin-block-start: 0.9375rem ; } @media all and (max-width: 700px) { .popup-default .popup-image, .popup-border-box .popup-image { width: 50% !important; } .md-popup .button-text { font-size: 21 px; line-height: 29 px; } .md-popup .button-subtext { font-size: 20 px; line-height: 29 px; } } .popup-grail .popup-secondary-bg-color { background-color: #1e1e1e; } .popup-grail .popup-image-wrap { text-align: center; } .popup-grail .button { margin-inline-start: 0; width: 100%; } .popup-grail .button+.button { margin-block-start: 0.9375rem ; } @media all and (min-width: 800px) { .popup-grail.image-alignleft .popup-inner, .popup-grail.image-alignright .popup-inner { display: flex; height: 100%; } .popup-grail.image-alignleft .popup-content, .popup-grail.image-alignright .popup-content { width: 60%; } .popup-grail.image-alignleft .popup-image-wrap, .popup-grail.image-alignright .popup-image-wrap { width: 40%; } .popup-grail.image-aligncenter .popup-image { margin-block-start: -1.8125rem; } .popup-grail.image-alignleft .popup-content { padding-inline-start: 5.4375rem ; } .popup-grail.image-alignright .popup-image-wrap { order: 2; } .popup-grail.image-alignleft .popup-image { right: -2.75rem; } .popup-grail.image-alignright .popup-content { padding-inline-end: 5.4375rem ; } .popup-grail.image-alignright .popup-image { left: -2.75rem; } .popup-grail.image-alignleft .popup-image, .popup-grail.image-alignright .popup-image { margin: 0; position: absolute; top: 50%; transform: translate(0, -50%); } } @media all and (max-width: 800px) { .popup-grail .popup-image { margin-block-end: -1.8125rem; margin-block-start: 1.8125rem ; width: 30% !important; } .popup-grail.has-image .popup-content { padding-block-start: 3.625rem ; } } .popup-border-box { background-color: #3093d0; } .popup-bold-offer .popup-subtitle, .popup-bold-offer .md-popup-close-corner { color: #fff; } .popup-bold-offer .button { margin-inline-end: 0; padding-block-end: 1.8125rem ; padding-block-start: 1.8125rem ; } .popup-bold-offer .button .button-text { font-size: 34 px; line-height: 42 px; } .popup-bold-offer .form-full.form-multi-fields .form-input { float: left; } .popup-bold-offer .form-full .form-input { border-width: 4px; font-style: italic; } @media all and (min-width: 700px) { .popup-bold-offer .button, .popup-bold-offer .form-full.form-multi-fields .form-input { display: block; float: left; width: 49%; } .popup-bold-offer .button+.button, .popup-bold-offer .form-full.form-multi-fields .form-input+.form-input { margin-inline-start: 2%; } .popup-bold-offer .form-full .form-input { font-size: 20 px; line-height: 28 px; } .popup-bold-offer .form-full .form-submit { font-size: 29 px; line-height: 38 px; } } .popup-notification { border-radius: 5px; } .popup-notification .popup-content { border-radius: 5px 5px 0 0; } .popup-notification .popup-inner-bg { background-position: center center; background-size: cover; border-radius: 3px 3px 0 0; display: block; height: 174 px; } .popup-notification.image-aligncenter { text-align: center; } .popup-notification .popup-image.aligncenter { margin-block-end: 0.9375rem ; margin-block-start: -5.4375rem; } .popup-notification .button { margin-block-end: 0; } @media all and (min-width: 580 px) { .popup-notification { left: 50%; margin-inline-start: -290px; width: 580 px; } } @media all and (max-width: 500px) { .popup-notification .popup-image { width: 30% !important; } } .cta-bar.floating, .cta-bar.static { height: 0; opacity: 0; visibility: hidden; position: fixed; bottom: 0; left: 0; transition: all 0.2s ease-in-out; } .cta-bar.top.static { position: absolute; } .cta-bar.top { bottom: auto; top: 0; } .cta-bar a:hover { border-bottom: 0; } .admin-bar .cta-bar.floating.top, .has-md-admin-bar .cta-bar.floating.top { top: 32px; } .cta-bar.bottom { bottom: 0; } .cta-bar { background-color: #2D3748 ; box-shadow: 0 -5px 9px rgba(0, 0, 0, 0.3); color: #fff; padding: 0.9375rem ; width: 100%; z-index: 100; } .cta-bar.active { height: auto; opacity: 1; visibility: visible; } .cta-bar-content a { border-bottom: 1px solid #EEEEEE ; color: #EEEEEE ; } .cta-bar-desc { color: #ddd; } .cta-bar-full .inner { max-width: 100%; } .cta-bar-single .cta-bar-media, .cta-bar-single .cta-bar-text { display: inline-block; vertical-align: middle; } .cta-bar-media { padding-inline-end: 0.9375rem ; } .cta-bar-corner { background: transparent; border: none; color: inherit; cursor: pointer; line-height: 1; padding: 0; position: absolute; top: 1.8125rem ; right: 0.9375rem ; transform: translateY(-50%); } .cta-bar-full .cta-bar-corner { right: 0.3125rem ; } .cta-bar-icon { background-color: #C0392B ; border-radius: 50%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); color: #fff; display: block; font-size: 31px; height: 60px; line-height: 1; padding-block-start: 0.9375rem ; text-align: center; width: 60px; } .cta-bar-image { width: 100px; } .cta-bar-image img { width: 100%; } .cta-bar-media.breakout { vertical-align: bottom; } .cta-bar-media.has-shadow .cta-bar-image { box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2); } .cta-bar .form-input { border-width: 0; } .cta-bar .form-input-name { border-right-width: 1px; } @media all and (min-width: 1366 px) { .cta-bar-full { padding: 1.8125rem ; } } @media all and (min-width: 900px) { .cta-bar-inner { display: table; width: 100%; } .cta-bar-media { padding-inline-end: 25 px; } .cta-bar-columns .cta-bar-content, .cta-bar-columns .cta-bar-action, .cta-bar-columns .cta-bar-media, .cta-bar-columns .cta-bar-text { display: table-cell; vertical-align: middle; } .cta-bar-columns .cta-bar-content { padding-inline-end: 0.9375rem ; width: 60%; } .cta-bar-columns .cta-bar-action { text-align: right; width: 40%; } .cta-bar-corner { top: 50%; right: 1.8125rem ; transform: translateY(-50%); } } @media all and (min-width: 700px) { .breakout .cta-bar-image { margin-block-end: -1.8125rem; margin-block-start: -3.625rem; } } @media all and (max-width: 900px) { .cta-bar-media { margin-block-end: 0.9375rem ; } .cta-bar-content, .cta-bar-action { width: 100% !important; } .cta-bar-columns .cta-bar-content { display: table; margin-block-end: 0.9375rem ; } .cta-bar-columns .cta-bar-media, .cta-bar-columns .cta-bar-text { display: table-cell; vertical-align: top; } .cta-bar .button { width: 100%; } } @media all and (max-width: 700px) { .cta-bar-image { width: auto !important; } .cta-bar .form-input { margin-block-end: 0.3125rem ; padding-block-end: 0.3125rem ; padding-block-start: 0.3125rem ; padding-inline-end: 0.3125rem ; } .cta-bar .form-submit { padding: 0.3125rem ; } } .sr-only { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; } .md-popup-trigger:focus-visible, .md-popup-close:focus-visible, .cta-bar-close:focus-visible, .button:focus-visible { outline: 2px solid #C0392B ; outline-offset: 2px; } .md-popup[role="dialog"] { outline: none; } .md-popup, .cta-bar.floating, .cta-bar.static { will-change: opacity, transform; } @media (prefers-reduced-motion: reduce) { .md-popup, .cta-bar.floating, .cta-bar.static, .md-popups, .md-popup-bg { transition: none !important; animation: none !important; } } [data-theme="dark"] .md-popup { background-color: var(--color-content-bg); box-shadow: 0 0 30px rgba(0, 0, 0, 0.7); } [data-theme="dark"] .md-popup-close-corner { color: var(--color-text-sec); } [data-theme="dark"] .md-popup-bg { background-color: rgba(0, 0, 0, 0.9); } [data-theme="dark"] .popup-grail .popup-secondary-bg-color { background-color: var(--color-surface-2, color-mix(in srgb, var(--color-content-bg), white 6%)); } [data-theme="dark"] .popup-border-box { background-color: var(--color-primary); } [data-theme="dark"] .cta-bar { background-color: var(--color-content-bg); color: var(--color-text); box-shadow: 0 -5px 9px rgba(0, 0, 0, 0.5); } [data-theme="dark"] .cta-bar-content a { border-bottom-color: var(--color-links); color: var(--color-links); } [data-theme="dark"] .cta-bar-desc { color: var(--color-text-sec); } [data-theme="dark"] .cta-bar-icon { background-color: var(--color-primary); } @media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .md-popup { background-color: var(--color-content-bg); box-shadow: 0 0 30px rgba(0, 0, 0, 0.7); } html:not([data-theme="light"]) .md-popup-close-corner { color: var(--color-text-sec); } html:not([data-theme="light"]) .md-popup-bg { background-color: rgba(0, 0, 0, 0.9); } html:not([data-theme="light"]) .popup-grail .popup-secondary-bg-color { background-color: var(--color-surface-2, color-mix(in srgb, var(--color-content-bg), white 6%)); } html:not([data-theme="light"]) .popup-border-box { background-color: var(--color-primary); } html:not([data-theme="light"]) .cta-bar { background-color: var(--color-content-bg); color: var(--color-text); box-shadow: 0 -5px 9px rgba(0, 0, 0, 0.5); } html:not([data-theme="light"]) .cta-bar-content a { border-bottom-color: var(--color-links); color: var(--color-links); } html:not([data-theme="light"]) .cta-bar-desc { color: var(--color-text-sec); } html:not([data-theme="light"]) .cta-bar-icon { background-color: var(--color-primary); } } .md-countdown { display: flex; align-items: center; justify-content: center; gap: 0.3125rem; } .countdown-item { text-align: center; min-width: 50px; } .countdown-value { display: block; font-size: 1.5em; font-weight: bold; line-height: 1.2; } .countdown-label { display: block; font-size: 0.75em; opacity: 0.8; text-transform: uppercase; } .countdown-separator { font-weight: bold; opacity: 0.5; } .md-countdown-expired { text-align: center; padding: 0.9375rem; background: rgba(231, 76, 60, 0.1); color: #e74c3c; border-radius: 8px; } .md-countdown-boxed .countdown-item { background: rgba(0, 0, 0, 0.1); border-radius: 8px; padding: 0.9375rem; } .md-countdown-minimal .countdown-value { font-weight: normal; } .md-countdown-minimal .countdown-separator { display: none; } .md-countdown-urgent .countdown-value { color: #e74c3c; } .md-countdown-urgent .countdown-item { background: rgba(231, 76, 60, 0.1); border-radius: 8px; padding: 0.9375rem; } .md-social-proof { display: flex; align-items: center; justify-content: center; gap: 0.3125rem; font-size: 0.875em; } .social-proof-count { font-weight: bold; font-size: 1.2em; } .md-gdpr-consent { margin: 0.9375rem 0; } .gdpr-label { display: flex; align-items: flex-start; gap: 0.3125rem; cursor: pointer; font-size: 0.875em; } .gdpr-checkbox { position: absolute; opacity: 0; } .gdpr-checkmark { flex-shrink: 0; width: 18px; height: 18px; background: #fff; border: 2px solid #ccc; border-radius: 3px; position: relative; } .gdpr-checkbox:checked~.gdpr-checkmark { background: #C0392B; border-color: #C0392B; } .gdpr-checkbox:checked~.gdpr-checkmark::after { content: ''; position: absolute; left: 5px; top: 1px; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .md-trust-badges { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.9375rem; font-size: 0.75em; opacity: 0.7; } .trust-badge { display: flex; align-items: center; gap: 4px; } .md-success-message { text-align: center; padding: 1.8125rem; } .md-success-message .success-icon { font-size: 48px; color: #27ae60; display: block; margin-block-end: 0.9375rem; } .md-progress-bar-container .progress-track { background: rgba(0, 0, 0, 0.1); border-radius: 50px; height: 20px; overflow: hidden; } .md-progress-bar-container .progress-fill { background: #C0392B; height: 100%; border-radius: 50px; transition: width 0.5s ease; display: flex; align-items: center; justify-content: flex-end; padding-inline-end: 10px; } .md-progress-bar-container .progress-percent { color: #fff; font-size: 11px; font-weight: bold; } .md-urgency { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; background: rgba(231, 76, 60, 0.1); color: #e74c3c; border-radius: 50px; font-size: 0.875em; } .btn-pulse { animation: btn-pulse 2s infinite; } @keyframes btn-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.03); } } .btn-pill { border-radius: 50px !important; } .btn-gradient { background: linear-gradient(90deg, #C0392B 0%, #C0392B 100%); border: none !important; color: #fff !important; } .btn-outline { background: transparent; border: 2px solid currentColor !important; } .btn-outline:hover { background: #C0392B; color: #fff; } .btn-glow { box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } .btn-3d { box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2); transform: translateY(-2px); } .btn-3d:active { box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); transform: translateY(0); } .btn-shake:hover { animation: btn-shake 0.5s; } @keyframes btn-shake { 0%, 100% { transform: translateX(0); } 20%, 60% { transform: translateX(-3px); } 40%, 80% { transform: translateX(3px); } } .theme-gradient-sunrise { background: linear-gradient(135deg, #ff6b6b 0%, #feca57 50%, #ff9ff3 100%); color: #fff; } .theme-gradient-ocean { background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #6B8DD6 100%); color: #fff; } .theme-gradient-purple { background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%); color: #333; } .theme-gradient-midnight { background: linear-gradient(135deg, #0c0c1e 0%, #1a1a3e 50%, #2d1b69 100%); color: #fff; } .theme-gradient-forest { background: linear-gradient(135deg, #134e5e 0%, #71b280 100%); color: #fff; } .theme-glass-light { background: rgba(255, 255, 255, 0.25); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.3); } .theme-glass-dark { background: rgba(17, 25, 40, 0.75); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.1); color: #fff; } .theme-neon-glow { background: #0a0a0a; color: #fff; box-shadow: 0 0 20px rgba(0, 255, 255, 0.3), inset 0 0 60px rgba(0, 255, 255, 0.05); border: 1px solid rgba(0, 255, 255, 0.3); } .theme-neon-glow .form-input { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(0, 255, 255, 0.3); color: #fff; } .theme-neon-glow .form-input:focus { border-color: #0ff; box-shadow: 0 0 10px rgba(0, 255, 255, 0.5); } .theme-neon-glow .form-submit { background: linear-gradient(90deg, #0ff 0%, #f0f 100%); color: #000; } .theme-minimal-bordered { background: #fff; border: 3px solid #000; color: #000; box-shadow: 6px 6px 0 #000; } .theme-retro-paper { background: #fef9e7; color: #2c2c2c; border: 1px solid #e8dcc4; } @media (min-width: 440px) { .popup-small { max-width: 400px; margin-inline-start: -200px; left: 50%; } } @media (min-width: 640px) { .popup-medium { max-width: 600px; margin-inline-start: -300px; left: 50%; } } @media (min-width: 840px) { .popup-large { max-width: 800px; margin-inline-start: -400px; left: 50%; } } .popup-fullscreen { width: 100%; height: 100%; max-width: 100%; margin: 0; left: 0; top: 0; border-radius: 0; display: flex; align-items: center; justify-content: center; } .popup-fullscreen .popup-inner { max-width: 700px; margin: auto; } .popup-sidebar { width: 400px; max-width: 90%; height: 100%; margin: 0; left: auto; right: 0; top: 0; border-radius: 0; transform: translateX(100%); transition: transform 0.3s ease-out; } .popup-sidebar.md-popup-active { transform: translateX(0); } @media (max-width: 480px) { .popup-sidebar { width: 100%; } } .animation-bounce.md-popup-active { animation: popup-bounce 0.6s ease-out; } @keyframes popup-bounce { 0% { opacity: 0; transform: scale(0.3); } 50% { transform: scale(1.1); } 70% { transform: scale(0.9); } 100% { opacity: 1; transform: scale(1); } } .animation-flip.md-popup-active { animation: popup-flip 0.6s ease-out; } @keyframes popup-flip { 0% { opacity: 0; transform: perspective(400px) rotateX(90deg); } 40% { transform: perspective(400px) rotateX(-10deg); } 100% { opacity: 1; transform: perspective(400px) rotateX(0); } } .animation-rotate.md-popup-active { animation: popup-rotate 0.5s ease-out; } @keyframes popup-rotate { 0% { opacity: 0; transform: rotate(-180deg) scale(0.5); } 100% { opacity: 1; transform: rotate(0) scale(1); } } .md-spin-wheel-container { text-align: center; padding: 20px; } .wheel-container { position: relative; display: inline-block; margin-block-end: 20px; } .wheel { width: 280px; height: 280px; border-radius: 50%; border: 8px solid #333; box-shadow: 0 0 0 4px #fff, 0 0 0 8px #333, 0 10px 30px rgba(0, 0, 0, 0.3); transition: transform 5s cubic-bezier(0.17, 0.67, 0.12, 0.99); } .wheel-pointer { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 30px solid #e74c3c; z-index: 10; } .wheel-center { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; background: #fff; border-radius: 50%; border: 4px solid #333; display: flex; align-items: center; justify-content: center; z-index: 5; } .wheel-spin-btn { font-size: 18px; padding: 15px 40px; } .wheel-spin-btn:disabled { opacity: 0.6; cursor: not-allowed; animation: none; } .wheel-result { margin-block-start: 20px; padding: 15px; background: rgba(46, 204, 113, 0.1); border-radius: 8px; } .spin-win-message { background: linear-gradient(135deg, #27ae60, #2ecc71); color: #fff; padding: 20px; border-radius: 12px; text-align: center; } .win-emoji { font-size: 40px; display: block; margin-block-end: 10px; } .win-prize { display: block; font-size: 24px; margin-block-start: 5px; } .confetti-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; overflow: hidden; } .confetti-piece { position: absolute; width: 10px; height: 10px; top: -10px; animation: confetti-fall 3s ease-out forwards; } @keyframes confetti-fall { 0% { transform: translateY(0) rotateZ(0deg); opacity: 1; } 100% { transform: translateY(400px) rotateZ(720deg); opacity: 0; } } [data-theme="dark"] .md-countdown-boxed .countdown-item { background: rgba(255, 255, 255, 0.1); } [data-theme="dark"] .gdpr-checkmark { background: var(--color-content-bg); border-color: var(--color-border); } [data-theme="dark"] .md-progress-bar-container .progress-track { background: rgba(255, 255, 255, 0.1); } [data-theme="dark"] .theme-minimal-bordered { background: var(--color-content-bg); border-color: var(--color-border); color: var(--color-text); box-shadow: 6px 6px 0 var(--color-border); } [data-theme="dark"] .theme-retro-paper { background: var(--color-content-bg); color: var(--color-text); border-color: var(--color-border); } [data-theme="dark"] .wheel { border-color: var(--color-border); } [data-theme="dark"] .wheel-center { background: var(--color-content-bg); border-color: var(--color-border); } @media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .md-countdown-boxed .countdown-item { background: rgba(255, 255, 255, 0.1); } html:not([data-theme="light"]) .gdpr-checkmark { background: var(--color-content-bg); border-color: var(--color-border); } html:not([data-theme="light"]) .md-progress-bar-container .progress-track { background: rgba(255, 255, 255, 0.1); } html:not([data-theme="light"]) .theme-minimal-bordered { background: var(--color-content-bg); border-color: var(--color-border); color: var(--color-text); box-shadow: 6px 6px 0 var(--color-border); } html:not([data-theme="light"]) .theme-retro-paper { background: var(--color-content-bg); color: var(--color-text); border-color: var(--color-border); } html:not([data-theme="light"]) .wheel { border-color: var(--color-border); } html:not([data-theme="light"]) .wheel-center { background: var(--color-content-bg); border-color: var(--color-border); } }