/* Sellfinity – generiert von tools/theme-vars/build.php am 2026-10-06 16:03. Nicht von Hand bearbeiten. */
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{color:var(--sfy-nav-hover)}
.navbar-light .navbar-nav .nav-link{color:var(--sfy-nav-text)}
.navbar-light .navbar-toggler{color:var(--sfy-nav-text)}
.navbar-light .navbar-text{color:var(--sfy-nav-text)}
header .dropdown-item:hover{background-color:var(--sfy-topbar-bg)}
.account-icon-dropdown .dropdown-footer{background-color:var(--sfy-topbar-bg)}
.cart-dropdown-shipping-notice{color:var(--sfy-topbar-text)}
#jtl-nav-wrapper .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label{background:var(--sfy-header-bg);color:var(--sfy-header-text)}
header .dropdown-menu{background-color:var(--sfy-header-bg);color:var(--sfy-header-text)}
.fixed-search{background-color:var(--sfy-header-bg)}
.fixed-search .form-control{background-color:var(--sfy-header-bg);color:var(--sfy-header-text)}
#header-top-bar, header{background-color:var(--sfy-header-bg);color:var(--sfy-header-text)}
header .form-control, header .form-control:focus{background-color:var(--sfy-header-bg);color:var(--sfy-header-text)}
#jtl-nav-wrapper .form-control::placeholder, #jtl-nav-wrapper .form-control:focus::placeholder{color:var(--sfy-header-text)}
header .navbar-toggler{color:var(--sfy-header-text)}
header .table, header .dropdown-item, header .btn-outline-primary{color:var(--sfy-header-text)}
.fixed-search .form-control::placeholder{color:var(--sfy-header-text)}
.form-clear{color:var(--sfy-header-text)}
#header-top-bar a:not(.dropdown-item):not(.btn), header a:not(.dropdown-item):not(.btn){color:var(--sfy-header-text)}
#copyright{background-color:var(--sfy-copyright-bg)}
#footer{background-color:var(--sfy-footer-bg);color:var(--sfy-footer-text)}
.form-control{border:1px solid var(--sfy-input-border);background-color:var(--sfy-input-bg);color:var(--sfy-input-text)}
a:hover{color:var(--sfy-link-hover)}
.jqcloud-word a:hover{color:var(--sfy-link-hover) !important}
a{color:var(--sfy-link)}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{color:var(--sfy-link);border-color:var(--sfy-brand)}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .productlist-filter-headline, .sidepanel-left .box-normal .box-normal-link, .h4, .h5, .h6{color:var(--sfy-heading);font-family:var(--sfy-font-heading)}
.hr-sect{color:var(--sfy-heading);font-family:var(--sfy-font-heading)}
caption{color:var(--sfy-text-muted)}
.box-link-wrapper i.snippets-filter-item-icon-right{color:var(--sfy-text-muted)}
#product-offer .product-info .stock-information{border-top:1px solid var(--sfy-border);border-bottom:1px solid var(--sfy-border)}
.productlist-filter-headline{border-bottom:1px solid var(--sfy-border)}
:root{--success:var(--sfy-success);--warning:var(--sfy-warning);--danger:var(--sfy-danger);--info:var(--sfy-info);--secondary:var(--sfy-secondary);--primary:var(--sfy-brand);--font-family-sans-serif:var(--sfy-font-family)}
.btn-outline-secondary{color:var(--sfy-text);border-color:var(--sfy-secondary)}
.btn-secondary{background-color:var(--sfy-secondary);border-color:var(--sfy-secondary)}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{background-color:var(--sfy-brand)}
.page-item.active .page-link::after, .page-item.active .page-text::after{border-bottom:4px solid var(--sfy-brand)}
aside .nav-panel > .nav > .active > .nav-link{border-bottom:0.375rem solid var(--sfy-brand)}
.box_login .register .fa{color:var(--sfy-brand)}
.jqcloud-word.w0{color:color-mix(in srgb, var(--sfy-brand), #fff 39.93%)}
.jqcloud-word.w1{color:color-mix(in srgb, var(--sfy-brand), #fff 31.88%)}
.jqcloud-word.w2{color:color-mix(in srgb, var(--sfy-brand), #fff 24%)}
.jqcloud-word.w3{color:color-mix(in srgb, var(--sfy-brand), #fff 15.93%)}
.jqcloud-word.w4{color:color-mix(in srgb, var(--sfy-brand), #fff 7.88%)}
.jqcloud-word.w5{color:var(--sfy-brand)}
.jqcloud-word.w6{color:color-mix(in srgb, var(--sfy-brand), #000 7.84%)}
.jqcloud-word.w7{color:color-mix(in srgb, var(--sfy-brand), #000 15.86%)}
#header-top-bar a:not(.dropdown-item):not(.btn):hover, header a:not(.dropdown-item):not(.btn):hover{color:var(--sfy-brand)}
body{background-color:var(--sfy-body-bg);color:var(--sfy-text);font-family:var(--sfy-font-family)}
.img-thumbnail{background-color:var(--sfy-body-bg)}
.btn{color:var(--sfy-text);border-radius:var(--sfy-btn-radius)}
aside .card.card-default > .card-heading > .card-title{color:var(--sfy-text)}
#main-wrapper{background:var(--sfy-body-bg)}
.badge-circle-1{background-color:var(--sfy-body-bg);color:var(--sfy-text-muted)}
.box-categories .dropdown .collapse, .box-linkgroup .dropdown .collapse{background:var(--sfy-surface)}
.slick-dots li button{border:0.125rem solid var(--sfy-border)}
.breadcrumb-back{border-right:1px solid var(--sfy-border)}
.breadcrumb-item.active{color:var(--sfy-text)}
.figure-caption{color:var(--sfy-text-muted)}
.nav-link.disabled{color:var(--sfy-text-muted)}
.nav-tabs .nav-link.disabled{color:var(--sfy-text-muted)}
.breadcrumb-item + .breadcrumb-item::before{color:var(--sfy-text-muted)}
.navbar-toggler{border-radius:var(--sfy-btn-radius)}
.cart-dropdown .cart-dropdown-total-item{color:var(--sfy-topbar-text)}
.nav-scrollbar-arrow.left{background-image:linear-gradient(to right, var(--sfy-header-bg) 30%, color-mix(in srgb, var(--sfy-header-bg) 1%, transparent) 100%)}
.nav-scrollbar-arrow.right{background-image:linear-gradient(to right, color-mix(in srgb, var(--sfy-header-bg) 1%, transparent) 0%, var(--sfy-header-bg) 70%)}
.tt-dropdown-menu, .tt-menu{background-color:var(--sfy-header-bg);color:var(--sfy-header-text)}
#footer .box-categories .dropdown .collapse, #footer .box-linkgroup .dropdown .collapse{background:var(--sfy-footer-bg)}
#footer .table-striped tr{background-color:var(--sfy-footer-bg)}
#footer a:not(.btn), #footer .productlist-filter-headline, #footer .newsletter-footer-heading, #footer .btn-outline-primary{color:var(--sfy-footer-text)}
.form-control:focus{border-color:var(--sfy-input-focus);background-color:var(--sfy-input-bg);color:var(--sfy-input-text)}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before{border-color:var(--sfy-input-focus)}
.custom-select:focus{border-color:var(--sfy-input-focus);box-shadow:0 0 0 0.2rem color-mix(in srgb, var(--sfy-brand) 25%, transparent)}
.custom-file-input:focus ~ .custom-file-label{border-color:var(--sfy-input-focus)}
.filter-search-wrapper.input-group-selected .input-group-text, .filter-search-wrapper.input-group-selected .filter-search{border-color:var(--sfy-input-focus)}
.form-control:focus + .input-group-append .input-group-text{border-color:var(--sfy-input-focus)}
.input-group-text{border:1px solid var(--sfy-input-border);color:var(--sfy-input-text);background-color:var(--sfy-surface)}
.custom-select{border:1px solid var(--sfy-input-border);background:var(--sfy-input-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23d1d5db' x='0px' y='0px' style='enable-background:new 0 0 32 32;' xml:space='preserve'%3E%3Cpolygon  points='16,18.2 11.8,14.6 12.4,13.8 16,16.8 19.6,13.8 20.2,14.6 '/%3E%3C/svg%3E") no-repeat right center / auto 100%;color:var(--sfy-input-text)}
.custom-file-label{border:1px solid var(--sfy-input-border);background-color:var(--sfy-input-bg);color:var(--sfy-input-text)}
.form-counter{border:1px solid var(--sfy-input-border)}
select.form-control:focus::-ms-value{background-color:var(--sfy-input-bg);color:var(--sfy-input-text)}
.was-validated .custom-select:valid, .custom-select.is-valid{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23d1d5db' x='0px' y='0px' style='enable-background:new 0 0 32 32;' xml:space='preserve'%3E%3Cpolygon  points='16,18.2 11.8,14.6 12.4,13.8 16,16.8 19.6,13.8 20.2,14.6 '/%3E%3C/svg%3E") no-repeat right center / auto 100%, var(--sfy-input-bg) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2316a34a' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 2.8125rem / calc(0.75em + 0.625rem) calc(0.75em + 0.625rem) no-repeat;border-color:var(--sfy-success)}
.was-validated .custom-select:invalid, .custom-select.is-invalid{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23d1d5db' x='0px' y='0px' style='enable-background:new 0 0 32 32;' xml:space='preserve'%3E%3Cpolygon  points='16,18.2 11.8,14.6 12.4,13.8 16,16.8 19.6,13.8 20.2,14.6 '/%3E%3C/svg%3E") no-repeat right center / auto 100%, var(--sfy-input-bg) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc2626' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc2626' stroke='none'/%3e%3c/svg%3e") center right 2.8125rem / calc(0.75em + 0.625rem) calc(0.75em + 0.625rem) no-repeat;border-color:var(--sfy-danger)}
.custom-control-label::before{background-color:var(--sfy-input-bg)}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after{background-color:var(--sfy-input-bg)}
.custom-select:focus::-ms-value{background-color:var(--sfy-input-bg);color:var(--sfy-input-text)}
.filter-search-wrapper .input-group-text{background-color:var(--sfy-input-bg)}
select.form-control:-moz-focusring{text-shadow:0 0 0 var(--sfy-input-text)}
.custom-select:-moz-focusring{text-shadow:0 0 0 var(--sfy-input-text)}
.custom-file-label::after{color:var(--sfy-input-text);background-color:var(--sfy-surface)}
.btn-link:hover{color:var(--sfy-link-hover)}
.form-icon-trigger-label:hover{color:var(--sfy-link-hover)}
.btn-link{color:var(--sfy-link)}
.page-link{color:var(--sfy-link)}
.page-item.active .page-link{color:var(--sfy-link)}
.limit-rows:not(.open) .limit-rows-toggle::after{border:solid var(--sfy-link)}
.limit-rows .limit-rows-toggle::after{border:solid var(--sfy-link)}
.snippets-filter-mobile-sorting .snippets-filter-mobile-sorting-collapse .dropdown-item{color:var(--sfy-link)}
h1, h2, h3, h4, h5, h6, .h1, .h2, .product-matrix .product-matrix-title, .h3, .sidepanel-left .box-normal .box-normal-link, .h4, .h5, .h6{color:var(--sfy-heading);font-family:var(--sfy-font-heading)}
.popover-header{color:var(--sfy-heading);background-color:color-mix(in srgb, var(--sfy-body-bg), #000 6.05%)}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label{color:var(--sfy-text-muted)}
.text-muted{color:var(--sfy-text-muted) !important}
.author-meta{color:var(--sfy-text-muted)}
.text-muted-util{color:var(--sfy-text-muted)}
#cfg-container .cfg-footnote{color:var(--sfy-text-muted)}
#configuration-table .vat_info{color:var(--sfy-text-muted)}
.estimated-delivery{color:var(--sfy-text-muted)}
.order-details-data .order-details-data-item{color:var(--sfy-text-muted)}
.direct-advertising{color:var(--sfy-text-muted)}
.vat_info{color:var(--sfy-text-muted)}
.table th, .table td{border-top:1px solid var(--sfy-border)}
.table thead th{border-bottom:2px solid var(--sfy-border)}
.table tbody + tbody{border-top:2px solid var(--sfy-border)}
.table-bordered{border:1px solid var(--sfy-border)}
.table-bordered th, .table-bordered td{border:1px solid var(--sfy-border)}
.table .thead-light th{border-color:var(--sfy-border)}
.modal-header{border-bottom:1px solid var(--sfy-border)}
.modal-footer{border-top:1px solid var(--sfy-border)}
.border{border:1px solid var(--sfy-border) !important}
.border-top{border-top:1px solid var(--sfy-border) !important}
.border-right{border-right:1px solid var(--sfy-border) !important}
.border-bottom{border-bottom:1px solid var(--sfy-border) !important}
.border-left{border-left:1px solid var(--sfy-border) !important}
.carousel-thumbnails .productbox-image-wrapper{border:1px solid var(--sfy-border)}
.table-bordered-outline tr{border-color:var(--sfy-border)}
.border-x{border-left-color:var(--sfy-border);border-right-color:var(--sfy-border)}
.border-y{border-top-color:var(--sfy-border);border-bottom-color:var(--sfy-border)}
#footer .productlist-filter-headline{border-bottom:0 solid var(--sfy-border);font-family:var(--sfy-font-family)}
.productlist-filter-accordion li:not(:last-child){border-bottom:1px solid var(--sfy-border)}
#cfg-container-tab-panes{border-bottom:2px solid var(--sfy-border)}
.product-stock-info{border-bottom:1px solid var(--sfy-border)}
#pushed-success .x-selling{border-left:1px solid var(--sfy-border)}
.download-item .card-header{border-top:1px solid var(--sfy-border)}
.basket .basket-summary .basket-summary-total{border-top:1px solid var(--sfy-border)}
.table-success, .table-success > th, .table-success > td{background-color:color-mix(in srgb, var(--sfy-success), #fff 71.81%)}
.table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody{border-color:color-mix(in srgb, var(--sfy-success), #fff 47.8%)}
.table-hover .table-success:hover{background-color:color-mix(in srgb, var(--sfy-success), #fff 62.1%)}
.table-hover .table-success:hover > td, .table-hover .table-success:hover > th{background-color:color-mix(in srgb, var(--sfy-success), #fff 62.1%)}
.valid-feedback{color:var(--sfy-success)}
.valid-tooltip{background-color:color-mix(in srgb, var(--sfy-success) 90%, transparent)}
.was-validated .form-control:valid, .form-control.is-valid{border-color:var(--sfy-success)}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus{border-color:var(--sfy-success);box-shadow:0 0 0 0.2rem color-mix(in srgb, var(--sfy-success) 25%, transparent)}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus{border-color:var(--sfy-success);box-shadow:0 0 0 0.2rem color-mix(in srgb, var(--sfy-success) 25%, transparent)}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label{color:var(--sfy-success)}
.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label{color:var(--sfy-success)}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before{border-color:var(--sfy-success)}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before{border-color:color-mix(in srgb, var(--sfy-success), #fff 20.14%);background-color:color-mix(in srgb, var(--sfy-success), #fff 20.14%)}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before{box-shadow:0 0 0 0.2rem color-mix(in srgb, var(--sfy-success) 25%, transparent)}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before{border-color:var(--sfy-success)}
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label{border-color:var(--sfy-success)}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label{border-color:var(--sfy-success);box-shadow:0 0 0 0.2rem color-mix(in srgb, var(--sfy-success) 25%, transparent)}
.btn-success{background-color:var(--sfy-success);border-color:var(--sfy-success)}
.btn-success:hover{background-color:color-mix(in srgb, var(--sfy-success), #000 14.98%);border-color:color-mix(in srgb, var(--sfy-success), #000 20.14%)}
.btn-success:focus, .btn-success.focus{background-color:color-mix(in srgb, var(--sfy-success), #000 14.98%);border-color:color-mix(in srgb, var(--sfy-success), #000 20.14%);box-shadow:0 0 0 0 color-mix(in srgb, color-mix(in srgb, var(--sfy-success), #fff 14.27%) 50%, transparent)}
.btn-success.disabled, .btn-success:disabled{background-color:var(--sfy-success);border-color:var(--sfy-success)}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle, .show > .btn-success:not(.navbar-toggler)[data-toggle="collapse"]{background-color:color-mix(in srgb, var(--sfy-success), #000 20.14%);border-color:color-mix(in srgb, var(--sfy-success), #000 25.32%)}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus, .show > .btn-success:not(.navbar-toggler)[data-toggle="collapse"]:focus{box-shadow:0 0 0 0 color-mix(in srgb, color-mix(in srgb, var(--sfy-success), #fff 14.27%) 50%, transparent)}
.btn-outline-success{color:var(--sfy-success);border-color:var(--sfy-success)}
.btn-outline-success:hover{background-color:var(--sfy-success);border-color:var(--sfy-success)}
.btn-outline-success:focus, .btn-outline-success.focus{box-shadow:0 0 0 0 color-mix(in srgb, var(--sfy-success) 50%, transparent)}
.btn-outline-success.disabled, .btn-outline-success:disabled{color:var(--sfy-success)}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle, .show > .btn-outline-success:not(.navbar-toggler)[data-toggle="collapse"]{background-color:var(--sfy-success);border-color:var(--sfy-success)}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus, .show > .btn-outline-success:not(.navbar-toggler)[data-toggle="collapse"]:focus{box-shadow:0 0 0 0 color-mix(in srgb, var(--sfy-success) 50%, transparent)}
.badge-success{background-color:var(--sfy-success)}
a.badge-success:hover, a.badge-success:focus{background-color:color-mix(in srgb, var(--sfy-success), #000 20.14%)}
a.badge-success:focus, a.badge-success.focus{box-shadow:0 0 0 0.2rem color-mix(in srgb, var(--sfy-success) 50%, transparent)}
.alert-success{color:var(--sfy-success);background-color:color-mix(in srgb, var(--sfy-success), #fff 79.86%);border-color:color-mix(in srgb, var(--sfy-success), #fff 71.81%)}
.alert-success hr{border-top-color:color-mix(in srgb, var(--sfy-success), #fff 62.1%)}
.alert-success .alert-link{color:color-mix(in srgb, var(--sfy-success), #000 20.14%)}
.list-group-item-success{color:color-mix(in srgb, var(--sfy-success), #000 47.77%);background-color:color-mix(in srgb, var(--sfy-success), #fff 71.81%)}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus{color:color-mix(in srgb, var(--sfy-success), #000 47.77%);background-color:color-mix(in srgb, var(--sfy-success), #fff 62.1%)}
.list-group-item-success.list-group-item-action.active{background-color:color-mix(in srgb, var(--sfy-success), #000 47.77%);border-color:color-mix(in srgb, var(--sfy-success), #000 47.77%)}
.bg-success{background-color:var(--sfy-success) !important}
a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus{background-color:color-mix(in srgb, var(--sfy-success), #000 20.14%) !important}
.border-success{border-color:var(--sfy-success) !important}
.text-success{color:var(--sfy-success) !important}
a.text-success:hover, a.text-success:focus{color:color-mix(in srgb, var(--sfy-success), #000 30.12%) !important}
.badge-outline-success{border-color:var(--sfy-success);color:var(--sfy-success)}
a.badge-outline-success:hover, a.badge-outline-success:focus{background-color:color-mix(in srgb, var(--sfy-success), #000 20.14%)}
a.badge-outline-success:focus, a.badge-outline-success.focus{box-shadow:0 0 0 0.2rem color-mix(in srgb, var(--sfy-success) 50%, transparent)}
.delivery-status .status-2, .signal_image .status-2{color:var(--sfy-success)}
.form-success-msg{color:var(--sfy-success)}
#image_wrapper .variation-image-preview .variation-image-preview-title .variation-image-preview-title-value{color:var(--sfy-success)}
.cfg-group-check{color:var(--sfy-success)}
.table-warning, .table-warning > th, .table-warning > td{background-color:color-mix(in srgb, var(--sfy-warning), #fff 71.81%)}
.table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody{border-color:color-mix(in srgb, var(--sfy-warning), #fff 47.8%)}
.table-hover .table-warning:hover{background-color:color-mix(in srgb, var(--sfy-warning), #fff 62.1%)}
.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th{background-color:color-mix(in srgb, var(--sfy-warning), #fff 62.1%)}
.btn-warning{background-color:var(--sfy-warning);border-color:var(--sfy-warning)}
.btn-warning:hover{background-color:color-mix(in srgb, var(--sfy-warning), #000 14.98%);border-color:color-mix(in srgb, var(--sfy-warning), #000 20.14%)}
.btn-warning:focus, .btn-warning.focus{background-color:color-mix(in srgb, var(--sfy-warning), #000 14.98%);border-color:color-mix(in srgb, var(--sfy-warning), #000 20.14%);box-shadow:0 0 0 0 color-mix(in srgb, color-mix(in srgb, var(--sfy-warning), #fff 14.27%) 50%, transparent)}
.btn-warning.disabled, .btn-warning:disabled{background-color:var(--sfy-warning);border-color:var(--sfy-warning)}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle, .show > .btn-warning:not(.navbar-toggler)[data-toggle="collapse"]{background-color:color-mix(in srgb, var(--sfy-warning), #000 20.14%);border-color:color-mix(in srgb, var(--sfy-warning), #000 25.32%)}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus, .show > .btn-warning:not(.navbar-toggler)[data-toggle="collapse"]:focus{box-shadow:0 0 0 0 color-mix(in srgb, color-mix(in srgb, var(--sfy-warning), #fff 14.27%) 50%, transparent)}
.btn-outline-warning{color:var(--sfy-warning);border-color:var(--sfy-warning)}
.btn-outline-warning:hover{background-color:var(--sfy-warning);border-color:var(--sfy-warning)}
.btn-outline-warning:focus, .btn-outline-warning.focus{box-shadow:0 0 0 0 color-mix(in srgb, var(--sfy-warning) 50%, transparent)}
.btn-outline-warning.disabled, .btn-outline-warning:disabled{color:var(--sfy-warning)}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle, .show > .btn-outline-warning:not(.navbar-toggler)[data-toggle="collapse"]{background-color:var(--sfy-warning);border-color:var(--sfy-warning)}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus, .show > .btn-outline-warning:not(.navbar-toggler)[data-toggle="collapse"]:focus{box-shadow:0 0 0 0 color-mix(in srgb, var(--sfy-warning) 50%, transparent)}
.badge-warning{background-color:var(--sfy-warning)}
a.badge-warning:hover, a.badge-warning:focus{background-color:color-mix(in srgb, var(--sfy-warning), #000 20.14%)}
a.badge-warning:focus, a.badge-warning.focus{box-shadow:0 0 0 0.2rem color-mix(in srgb, var(--sfy-warning) 50%, transparent)}
.alert-warning{color:var(--sfy-warning);background-color:color-mix(in srgb, var(--sfy-warning), #fff 79.86%);border-color:color-mix(in srgb, var(--sfy-warning), #fff 71.81%)}
.alert-warning hr{border-top-color:color-mix(in srgb, var(--sfy-warning), #fff 62.1%)}
.alert-warning .alert-link{color:color-mix(in srgb, var(--sfy-warning), #000 20.14%)}
.list-group-item-warning{color:color-mix(in srgb, var(--sfy-warning), #000 47.77%);background-color:color-mix(in srgb, var(--sfy-warning), #fff 71.81%)}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus{color:color-mix(in srgb, var(--sfy-warning), #000 47.77%);background-color:color-mix(in srgb, var(--sfy-warning), #fff 62.1%)}
.list-group-item-warning.list-group-item-action.active{background-color:color-mix(in srgb, var(--sfy-warning), #000 47.77%);border-color:color-mix(in srgb, var(--sfy-warning), #000 47.77%)}
.bg-warning{background-color:var(--sfy-warning) !important}
a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus{background-color:color-mix(in srgb, var(--sfy-warning), #000 20.14%) !important}
.border-warning{border-color:var(--sfy-warning) !important}
.text-warning{color:var(--sfy-warning) !important}
a.text-warning:hover, a.text-warning:focus{color:color-mix(in srgb, var(--sfy-warning), #000 30.12%) !important}
.badge-outline-warning{border-color:var(--sfy-warning);color:var(--sfy-warning)}
a.badge-outline-warning:hover, a.badge-outline-warning:focus{background-color:color-mix(in srgb, var(--sfy-warning), #000 20.14%)}
a.badge-outline-warning:focus, a.badge-outline-warning.focus{box-shadow:0 0 0 0.2rem color-mix(in srgb, var(--sfy-warning) 50%, transparent)}
.delivery-status .status-1, .signal_image .status-1{color:var(--sfy-warning)}
.form-warning-msg{color:var(--sfy-warning)}
.cfg-group-optional .cfg-group-check{color:var(--sfy-warning)}
.table-danger, .table-danger > th, .table-danger > td{background-color:color-mix(in srgb, var(--sfy-danger), #fff 71.81%)}
.table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody{border-color:color-mix(in srgb, var(--sfy-danger), #fff 47.8%)}
.table-hover .table-danger:hover{background-color:color-mix(in srgb, var(--sfy-danger), #fff 62.1%)}
.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th{background-color:color-mix(in srgb, var(--sfy-danger), #fff 62.1%)}
.invalid-feedback{color:var(--sfy-danger)}
.invalid-tooltip{background-color:color-mix(in srgb, var(--sfy-danger) 90%, transparent)}
.was-validated .form-control:invalid, .form-control.is-invalid{border-color:var(--sfy-danger)}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus{border-color:var(--sfy-danger);box-shadow:0 0 0 0.2rem color-mix(in srgb, var(--sfy-danger) 25%, transparent)}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus{border-color:var(--sfy-danger);box-shadow:0 0 0 0.2rem color-mix(in srgb, var(--sfy-danger) 25%, transparent)}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label{color:var(--sfy-danger)}
.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label{color:var(--sfy-danger)}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before{border-color:var(--sfy-danger)}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before{border-color:color-mix(in srgb, var(--sfy-danger), #fff 20.14%);background-color:color-mix(in srgb, var(--sfy-danger), #fff 20.14%)}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before{box-shadow:0 0 0 0.2rem color-mix(in srgb, var(--sfy-danger) 25%, transparent)}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before{border-color:var(--sfy-danger)}
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label{border-color:var(--sfy-danger)}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label{border-color:var(--sfy-danger);box-shadow:0 0 0 0.2rem color-mix(in srgb, var(--sfy-danger) 25%, transparent)}
.btn-danger{background-color:var(--sfy-danger);border-color:var(--sfy-danger)}
.btn-danger:hover{background-color:color-mix(in srgb, var(--sfy-danger), #000 14.98%);border-color:color-mix(in srgb, var(--sfy-danger), #000 20.14%)}
.btn-danger:focus, .btn-danger.focus{background-color:color-mix(in srgb, var(--sfy-danger), #000 14.98%);border-color:color-mix(in srgb, var(--sfy-danger), #000 20.14%);box-shadow:0 0 0 0 color-mix(in srgb, color-mix(in srgb, var(--sfy-danger), #fff 14.27%) 50%, transparent)}
.btn-danger.disabled, .btn-danger:disabled{background-color:var(--sfy-danger);border-color:var(--sfy-danger)}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle, .show > .btn-danger:not(.navbar-toggler)[data-toggle="collapse"]{background-color:color-mix(in srgb, var(--sfy-danger), #000 20.14%);border-color:color-mix(in srgb, var(--sfy-danger), #000 25.32%)}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus, .show > .btn-danger:not(.navbar-toggler)[data-toggle="collapse"]:focus{box-shadow:0 0 0 0 color-mix(in srgb, color-mix(in srgb, var(--sfy-danger), #fff 14.27%) 50%, transparent)}
.btn-outline-danger{color:var(--sfy-danger);border-color:var(--sfy-danger)}
.btn-outline-danger:hover{background-color:var(--sfy-danger);border-color:var(--sfy-danger)}
.btn-outline-danger:focus, .btn-outline-danger.focus{box-shadow:0 0 0 0 color-mix(in srgb, var(--sfy-danger) 50%, transparent)}
.btn-outline-danger.disabled, .btn-outline-danger:disabled{color:var(--sfy-danger)}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle, .show > .btn-outline-danger:not(.navbar-toggler)[data-toggle="collapse"]{background-color:var(--sfy-danger);border-color:var(--sfy-danger)}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus, .show > .btn-outline-danger:not(.navbar-toggler)[data-toggle="collapse"]:focus{box-shadow:0 0 0 0 color-mix(in srgb, var(--sfy-danger) 50%, transparent)}
.badge-danger{background-color:var(--sfy-danger)}
a.badge-danger:hover, a.badge-danger:focus{background-color:color-mix(in srgb, var(--sfy-danger), #000 20.14%)}
a.badge-danger:focus, a.badge-danger.focus{box-shadow:0 0 0 0.2rem color-mix(in srgb, var(--sfy-danger) 50%, transparent)}
.alert-danger{color:var(--sfy-danger);background-color:color-mix(in srgb, var(--sfy-danger), #fff 79.86%);border-color:color-mix(in srgb, var(--sfy-danger), #fff 71.81%)}
.alert-danger hr{border-top-color:color-mix(in srgb, var(--sfy-danger), #fff 62.1%)}
.alert-danger .alert-link{color:color-mix(in srgb, var(--sfy-danger), #000 20.14%)}
.list-group-item-danger{color:color-mix(in srgb, var(--sfy-danger), #000 47.77%);background-color:color-mix(in srgb, var(--sfy-danger), #fff 71.81%)}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus{color:color-mix(in srgb, var(--sfy-danger), #000 47.77%);background-color:color-mix(in srgb, var(--sfy-danger), #fff 62.1%)}
.list-group-item-danger.list-group-item-action.active{background-color:color-mix(in srgb, var(--sfy-danger), #000 47.77%);border-color:color-mix(in srgb, var(--sfy-danger), #000 47.77%)}
.bg-danger{background-color:var(--sfy-danger) !important}
a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus{background-color:color-mix(in srgb, var(--sfy-danger), #000 20.14%) !important}
.border-danger{border-color:var(--sfy-danger) !important}
.text-danger{color:var(--sfy-danger) !important}
a.text-danger:hover, a.text-danger:focus{color:color-mix(in srgb, var(--sfy-danger), #000 30.12%) !important}
.badge-outline-danger{border-color:var(--sfy-danger);color:var(--sfy-danger)}
a.badge-outline-danger:hover, a.badge-outline-danger:focus{background-color:color-mix(in srgb, var(--sfy-danger), #000 20.14%)}
a.badge-outline-danger:focus, a.badge-outline-danger.focus{box-shadow:0 0 0 0.2rem color-mix(in srgb, var(--sfy-danger) 50%, transparent)}
.swatches .variation.not-available{border:dashed 1px var(--sfy-danger)}
.swatches-sold-out{border-color:var(--sfy-danger)}
.form-group.has-error .form-control{border:1px solid var(--sfy-danger)}
.ribbon-7{background-color:var(--sfy-danger)}
.ribbon-7::before{border-right-color:color-mix(in srgb, var(--sfy-danger), #000 12.3%)}
.delivery-status .status-0, .signal_image .status-0{color:var(--sfy-danger)}
.form-error-msg{color:var(--sfy-danger)}
.cfg-group-missing{color:var(--sfy-danger)}
.table-info, .table-info > th, .table-info > td{background-color:color-mix(in srgb, var(--sfy-info), #fff 71.81%)}
.table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody{border-color:color-mix(in srgb, var(--sfy-info), #fff 47.8%)}
.table-hover .table-info:hover{background-color:color-mix(in srgb, var(--sfy-info), #fff 62.1%)}
.table-hover .table-info:hover > td, .table-hover .table-info:hover > th{background-color:color-mix(in srgb, var(--sfy-info), #fff 62.1%)}
.btn-info{background-color:var(--sfy-info);border-color:var(--sfy-info)}
.btn-info:hover{background-color:color-mix(in srgb, var(--sfy-info), #000 14.98%);border-color:color-mix(in srgb, var(--sfy-info), #000 20.14%)}
.btn-info:focus, .btn-info.focus{background-color:color-mix(in srgb, var(--sfy-info), #000 14.98%);border-color:color-mix(in srgb, var(--sfy-info), #000 20.14%);box-shadow:0 0 0 0 color-mix(in srgb, color-mix(in srgb, var(--sfy-info), #fff 14.27%) 50%, transparent)}
.btn-info.disabled, .btn-info:disabled{background-color:var(--sfy-info);border-color:var(--sfy-info)}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle, .show > .btn-info:not(.navbar-toggler)[data-toggle="collapse"]{background-color:color-mix(in srgb, var(--sfy-info), #000 20.14%);border-color:color-mix(in srgb, var(--sfy-info), #000 25.32%)}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus, .show > .btn-info:not(.navbar-toggler)[data-toggle="collapse"]:focus{box-shadow:0 0 0 0 color-mix(in srgb, color-mix(in srgb, var(--sfy-info), #fff 14.27%) 50%, transparent)}
.btn-outline-info{color:var(--sfy-info);border-color:var(--sfy-info)}
.btn-outline-info:hover{background-color:var(--sfy-info);border-color:var(--sfy-info)}
.btn-outline-info:focus, .btn-outline-info.focus{box-shadow:0 0 0 0 color-mix(in srgb, var(--sfy-info) 50%, transparent)}
.btn-outline-info.disabled, .btn-outline-info:disabled{color:var(--sfy-info)}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle, .show > .btn-outline-info:not(.navbar-toggler)[data-toggle="collapse"]{background-color:var(--sfy-info);border-color:var(--sfy-info)}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus, .show > .btn-outline-info:not(.navbar-toggler)[data-toggle="collapse"]:focus{box-shadow:0 0 0 0 color-mix(in srgb, var(--sfy-info) 50%, transparent)}
.badge-info{background-color:var(--sfy-info)}
a.badge-info:hover, a.badge-info:focus{background-color:color-mix(in srgb, var(--sfy-info), #000 20.14%)}
a.badge-info:focus, a.badge-info.focus{box-shadow:0 0 0 0.2rem color-mix(in srgb, var(--sfy-info) 50%, transparent)}
.alert-info{color:var(--sfy-info);background-color:color-mix(in srgb, var(--sfy-info), #fff 79.86%);border-color:color-mix(in srgb, var(--sfy-info), #fff 71.81%)}
.alert-info hr{border-top-color:color-mix(in srgb, var(--sfy-info), #fff 62.1%)}
.alert-info .alert-link{color:color-mix(in srgb, var(--sfy-info), #000 20.14%)}
.list-group-item-info{color:color-mix(in srgb, var(--sfy-info), #000 47.77%);background-color:color-mix(in srgb, var(--sfy-info), #fff 71.81%)}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus{color:color-mix(in srgb, var(--sfy-info), #000 47.77%);background-color:color-mix(in srgb, var(--sfy-info), #fff 62.1%)}
.list-group-item-info.list-group-item-action.active{background-color:color-mix(in srgb, var(--sfy-info), #000 47.77%);border-color:color-mix(in srgb, var(--sfy-info), #000 47.77%)}
.bg-info{background-color:var(--sfy-info) !important}
a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus{background-color:color-mix(in srgb, var(--sfy-info), #000 20.14%) !important}
.border-info{border-color:var(--sfy-info) !important}
.text-info{color:var(--sfy-info) !important}
a.text-info:hover, a.text-info:focus{color:color-mix(in srgb, var(--sfy-info), #000 30.12%) !important}
.badge-outline-info{border-color:var(--sfy-info);color:var(--sfy-info)}
a.badge-outline-info:hover, a.badge-outline-info:focus{background-color:color-mix(in srgb, var(--sfy-info), #000 20.14%)}
a.badge-outline-info:focus, a.badge-outline-info.focus{box-shadow:0 0 0 0.2rem color-mix(in srgb, var(--sfy-info) 50%, transparent)}
.form-info-msg{color:var(--sfy-info)}
.table-secondary, .table-secondary > th, .table-secondary > td{background-color:color-mix(in srgb, var(--sfy-secondary), #fff 71.81%)}
.table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody{border-color:color-mix(in srgb, var(--sfy-secondary), #fff 47.8%)}
.table-hover .table-secondary:hover{background-color:color-mix(in srgb, var(--sfy-secondary), #fff 62.1%)}
.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th{background-color:color-mix(in srgb, var(--sfy-secondary), #fff 62.1%)}
.btn-secondary:hover{background-color:color-mix(in srgb, var(--sfy-secondary), #000 14.98%);border-color:color-mix(in srgb, var(--sfy-secondary), #000 20.14%)}
.btn-secondary:focus, .btn-secondary.focus{background-color:color-mix(in srgb, var(--sfy-secondary), #000 14.98%);border-color:color-mix(in srgb, var(--sfy-secondary), #000 20.14%);box-shadow:0 0 0 0 color-mix(in srgb, color-mix(in srgb, var(--sfy-secondary), #fff 14.27%) 50%, transparent)}
.btn-secondary.disabled, .btn-secondary:disabled{background-color:var(--sfy-secondary);border-color:var(--sfy-secondary)}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle, .show > .btn-secondary:not(.navbar-toggler)[data-toggle="collapse"]{background-color:color-mix(in srgb, var(--sfy-secondary), #000 20.14%);border-color:color-mix(in srgb, var(--sfy-secondary), #000 25.32%)}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus, .show > .btn-secondary:not(.navbar-toggler)[data-toggle="collapse"]:focus{box-shadow:0 0 0 0 color-mix(in srgb, color-mix(in srgb, var(--sfy-secondary), #fff 14.27%) 50%, transparent)}
.btn-outline-secondary:hover{background-color:var(--sfy-secondary);border-color:var(--sfy-secondary)}
.btn-outline-secondary:focus, .btn-outline-secondary.focus{box-shadow:0 0 0 0 color-mix(in srgb, var(--sfy-secondary) 50%, transparent)}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled{color:var(--sfy-secondary);border-color:var(--sfy-border)}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle, .show > .btn-outline-secondary:not(.navbar-toggler)[data-toggle="collapse"]{background-color:var(--sfy-secondary);border-color:var(--sfy-secondary);color:var(--sfy-text)}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus, .show > .btn-outline-secondary:not(.navbar-toggler)[data-toggle="collapse"]:focus{box-shadow:0 0 0 0 color-mix(in srgb, var(--sfy-secondary) 50%, transparent)}
.badge-secondary{background-color:var(--sfy-secondary)}
a.badge-secondary:hover, a.badge-secondary:focus{background-color:color-mix(in srgb, var(--sfy-secondary), #000 20.14%)}
a.badge-secondary:focus, a.badge-secondary.focus{box-shadow:0 0 0 0.2rem color-mix(in srgb, var(--sfy-secondary) 50%, transparent)}
.alert-secondary{color:color-mix(in srgb, var(--sfy-secondary), #000 47.77%);background-color:color-mix(in srgb, var(--sfy-secondary), #fff 79.86%);border-color:color-mix(in srgb, var(--sfy-secondary), #fff 71.81%)}
.alert-secondary hr{border-top-color:color-mix(in srgb, var(--sfy-secondary), #fff 62.1%)}
.alert-secondary .alert-link{color:color-mix(in srgb, var(--sfy-secondary), #000 67.91%)}
.list-group-item-secondary{color:color-mix(in srgb, var(--sfy-secondary), #000 47.77%);background-color:color-mix(in srgb, var(--sfy-secondary), #fff 71.81%)}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus{color:color-mix(in srgb, var(--sfy-secondary), #000 47.77%);background-color:color-mix(in srgb, var(--sfy-secondary), #fff 62.1%)}
.list-group-item-secondary.list-group-item-action.active{background-color:color-mix(in srgb, var(--sfy-secondary), #000 47.77%);border-color:color-mix(in srgb, var(--sfy-secondary), #000 47.77%)}
.bg-secondary{background-color:var(--sfy-secondary) !important}
a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus{background-color:color-mix(in srgb, var(--sfy-secondary), #000 20.14%) !important}
.border-secondary{border-color:var(--sfy-secondary) !important}
.text-secondary{color:var(--sfy-secondary) !important}
a.text-secondary:hover, a.text-secondary:focus{color:color-mix(in srgb, var(--sfy-secondary), #000 30.12%) !important}
.badge-outline-secondary{border-color:var(--sfy-secondary);color:var(--sfy-secondary)}
a.badge-outline-secondary:hover, a.badge-outline-secondary:focus{background-color:color-mix(in srgb, var(--sfy-secondary), #000 20.14%)}
a.badge-outline-secondary:focus, a.badge-outline-secondary.focus{box-shadow:0 0 0 0.2rem color-mix(in srgb, var(--sfy-secondary) 50%, transparent)}
.btn-icon-secondary{border-color:var(--sfy-secondary);color:var(--sfy-secondary)}
.carousel-thumbnails .slick-active .productbox-image-wrapper{border-color:var(--sfy-secondary)}
.ribbon-custom.bg-secondary{border-right-color:color-mix(in srgb, var(--sfy-secondary), #000 12.3%)}
.table-primary, .table-primary > th, .table-primary > td{background-color:color-mix(in srgb, var(--sfy-brand), #fff 71.81%)}
.table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody{border-color:color-mix(in srgb, var(--sfy-brand), #fff 47.8%)}
.table-hover .table-primary:hover{background-color:color-mix(in srgb, var(--sfy-brand), #fff 62.1%)}
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th{background-color:color-mix(in srgb, var(--sfy-brand), #fff 62.1%)}
.btn-primary{background-color:var(--sfy-brand);border-color:var(--sfy-brand)}
.btn-primary:hover{background-color:color-mix(in srgb, var(--sfy-brand), #000 14.98%);border-color:color-mix(in srgb, var(--sfy-brand), #000 20.14%)}
.btn-primary:focus, .btn-primary.focus{background-color:color-mix(in srgb, var(--sfy-brand), #000 14.98%);border-color:color-mix(in srgb, var(--sfy-brand), #000 20.14%);box-shadow:0 0 0 0 color-mix(in srgb, color-mix(in srgb, var(--sfy-brand), #fff 14.27%) 50%, transparent)}
.btn-primary.disabled, .btn-primary:disabled{background-color:var(--sfy-brand);border-color:var(--sfy-border);color:var(--sfy-text-muted)}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .show > .btn-primary:not(.navbar-toggler)[data-toggle="collapse"]{background-color:var(--sfy-brand);border-color:var(--sfy-brand)}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus, .show > .btn-primary:not(.navbar-toggler)[data-toggle="collapse"]:focus{box-shadow:0 0 0 0 color-mix(in srgb, color-mix(in srgb, var(--sfy-brand), #fff 14.27%) 50%, transparent)}
.btn-outline-primary{color:var(--sfy-text);border-color:var(--sfy-brand)}
.btn-outline-primary:hover{background-color:var(--sfy-brand);border-color:var(--sfy-brand)}
.btn-outline-primary:focus, .btn-outline-primary.focus{box-shadow:0 0 0 0 color-mix(in srgb, var(--sfy-brand) 50%, transparent)}
.btn-outline-primary.disabled, .btn-outline-primary:disabled{color:var(--sfy-brand);border-color:var(--sfy-border)}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle, .show > .btn-outline-primary:not(.navbar-toggler)[data-toggle="collapse"]{background-color:var(--sfy-brand);border-color:var(--sfy-brand)}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus, .show > .btn-outline-primary:not(.navbar-toggler)[data-toggle="collapse"]:focus{box-shadow:0 0 0 0 color-mix(in srgb, var(--sfy-brand) 50%, transparent)}
.custom-control-input:checked ~ .custom-control-label::before{border-color:var(--sfy-brand);background-color:var(--sfy-brand)}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before{background-color:color-mix(in srgb, var(--sfy-brand), #fff 69.98%);border-color:color-mix(in srgb, var(--sfy-brand), #fff 69.98%)}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before{border-color:var(--sfy-brand);background-color:var(--sfy-brand)}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before{background-color:color-mix(in srgb, var(--sfy-brand) 50%, transparent)}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before{background-color:color-mix(in srgb, var(--sfy-brand) 50%, transparent)}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before{background-color:color-mix(in srgb, var(--sfy-brand) 50%, transparent)}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before{background-color:color-mix(in srgb, var(--sfy-brand) 50%, transparent)}
.custom-range::-webkit-slider-thumb{background-color:var(--sfy-brand)}
.custom-range::-webkit-slider-thumb:active{background-color:color-mix(in srgb, var(--sfy-brand), #fff 69.98%)}
.custom-range::-moz-range-thumb{background-color:var(--sfy-brand)}
.custom-range::-moz-range-thumb:active{background-color:color-mix(in srgb, var(--sfy-brand), #fff 69.98%)}
.custom-range::-ms-thumb{background-color:var(--sfy-brand)}
.custom-range::-ms-thumb:active{background-color:color-mix(in srgb, var(--sfy-brand), #fff 69.98%)}
.page-link:hover{color:var(--sfy-brand)}
.badge-primary{background-color:var(--sfy-brand)}
a.badge-primary:hover, a.badge-primary:focus{background-color:color-mix(in srgb, var(--sfy-brand), #000 20.14%)}
a.badge-primary:focus, a.badge-primary.focus{box-shadow:0 0 0 0.2rem color-mix(in srgb, var(--sfy-brand) 50%, transparent)}
.alert-primary{color:color-mix(in srgb, var(--sfy-brand), #000 47.77%);background-color:color-mix(in srgb, var(--sfy-brand), #fff 79.86%);border-color:color-mix(in srgb, var(--sfy-brand), #fff 71.81%)}
.alert-primary hr{border-top-color:color-mix(in srgb, var(--sfy-brand), #fff 62.1%)}
.alert-primary .alert-link{color:color-mix(in srgb, var(--sfy-brand), #000 67.91%)}
.progress-bar{background-color:var(--sfy-brand);color:var(--sfy-text-muted)}
.list-group-item.active{background-color:var(--sfy-brand);border-color:var(--sfy-brand)}
.list-group-item-primary{color:color-mix(in srgb, var(--sfy-brand), #000 47.77%);background-color:color-mix(in srgb, var(--sfy-brand), #fff 71.81%)}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus{color:color-mix(in srgb, var(--sfy-brand), #000 47.77%);background-color:color-mix(in srgb, var(--sfy-brand), #fff 62.1%)}
.list-group-item-primary.list-group-item-action.active{background-color:color-mix(in srgb, var(--sfy-brand), #000 47.77%);border-color:color-mix(in srgb, var(--sfy-brand), #000 47.77%)}
.bg-primary{background-color:var(--sfy-brand) !important}
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus{background-color:color-mix(in srgb, var(--sfy-brand), #000 20.14%) !important}
.border-primary{border-color:var(--sfy-brand) !important}
.text-primary{color:var(--sfy-brand) !important}
a.text-primary:hover, a.text-primary:focus{color:color-mix(in srgb, var(--sfy-brand), #000 30.12%) !important}
.badge-outline-primary{border-color:var(--sfy-brand);color:var(--sfy-brand)}
a.badge-outline-primary:hover, a.badge-outline-primary:focus{background-color:color-mix(in srgb, var(--sfy-brand), #000 20.14%)}
a.badge-outline-primary:focus, a.badge-outline-primary.focus{box-shadow:0 0 0 0.2rem color-mix(in srgb, var(--sfy-brand) 50%, transparent)}
.badge-check{border:2px solid var(--sfy-brand)}
.badge-check .badge-circle{background-color:var(--sfy-brand);border-color:var(--sfy-brand)}
.btn-icon-primary:not(:disabled):not(.disabled):active, .btn-icon-primary:not(:disabled):not(.disabled).active, .show > .btn-icon-primary.dropdown-toggle, .show > .btn-icon-primary:not(.navbar-toggler)[data-toggle="collapse"]{border-color:var(--sfy-brand);background-color:var(--sfy-brand)}
.btn-icon-secondary:not(:disabled):not(.disabled):active, .btn-icon-secondary:not(:disabled):not(.disabled).active, .show > .btn-icon-secondary.dropdown-toggle, .show > .btn-icon-secondary:not(.navbar-toggler)[data-toggle="collapse"]{border-color:var(--sfy-brand);background-color:var(--sfy-brand)}
.btn-animated .btn-outline-primary::after{background-color:var(--sfy-brand)}
.badge-circle:hover, .badge-circle:focus{background-color:var(--sfy-brand);border-color:var(--sfy-brand)}
.badge-circle-1.on-list{border:1px solid var(--sfy-brand);background-color:var(--sfy-brand)}
.slick-arrow:hover{background-color:var(--sfy-brand)}
.swatches-image.active{border:1px solid var(--sfy-brand)}
.swatches-text.active{border:1px solid var(--sfy-brand);background-color:var(--sfy-surface)}
.bootstrap-select.custom-select button.dropdown-toggle:focus, .bootstrap-select.custom-select button:not(.navbar-toggler)[data-toggle="collapse"]:focus{border-color:var(--sfy-brand)}
.bootstrap-select.custom-select.show button.dropdown-toggle, .bootstrap-select.custom-select.show button:not(.navbar-toggler)[data-toggle="collapse"]{border-color:var(--sfy-brand);background:var(--sfy-body-bg)}
.fa-sup{background-color:var(--sfy-brand);font-family:var(--sfy-font-family)}
.modal-header .close:hover{background-color:var(--sfy-brand)}
.noUi-horizontal .noUi-connect{background:var(--sfy-brand)}
.noUi-horizontal .noUi-handle{background:var(--sfy-brand);box-shadow:0px 0px 0px 5px color-mix(in srgb, var(--sfy-brand) 50%, transparent)}
.ribbon-custom.bg-primary{border-right-color:color-mix(in srgb, var(--sfy-brand), #000 12.3%)}
.stepper .step-active .step-content::after{background:var(--sfy-brand)}
.tab-navigation .nav-link::after{border-color:var(--sfy-brand)}
.file-drop-zone.clickable:focus{border:2px solid var(--sfy-brand)}
.filter-item.active .filter-img, .filter-item:active .filter-img{border:3px solid var(--sfy-brand)}
.productlist-filter-categories > .nav-item > .nav-link::before{border-color:var(--sfy-brand)}
#image_wrapper.fullscreen .product-detail-image-topbar #image_fullscreen_close:hover{background-color:var(--sfy-brand)}
#image_wrapper #gallery .slick-arrow:hover{background-color:var(--sfy-brand)}
.bg-recommendation{background-color:color-mix(in srgb, var(--sfy-brand), #fff 79.86%)}
.cfg-group .cfg-swatch:checked ~ .custom-control-label .config-item{border-color:var(--sfy-brand)}
.cfg-group .cfg-swatch:checked ~ .custom-control-label .config-item .badge-circle{background-color:var(--sfy-brand);border-color:var(--sfy-brand)}
#footer a:not(.btn):hover{color:var(--sfy-brand)}
.account-head-data .account-head-data-credit{border:1px solid var(--sfy-brand)}
#rmaStickyPositions.loadingAJAX::after, #rmaStickyPositions.loadingAJAX::before{border:8px solid var(--sfy-brand);border-color:var(--sfy-brand) var(--sfy-brand) transparent transparent}
.checkout-steps .step-check{color:var(--sfy-brand)}
.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--sfy-body-bg), 0 0 0 0 rgba(0, 0, 0, 0)}
.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px var(--sfy-body-bg), 0 0 0 0 rgba(0, 0, 0, 0)}
.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px var(--sfy-body-bg), 0 0 0 0 rgba(0, 0, 0, 0)}
.text-truncate-fade::after{background:linear-gradient(to right, rgba(255, 255, 255, 0), var(--sfy-body-bg) 50%)}
.table{color:var(--sfy-text)}
.table-hover tbody tr:hover{color:var(--sfy-text);background-color:var(--sfy-surface)}
.form-control-plaintext{color:var(--sfy-text)}
.btn:hover{color:var(--sfy-text)}
.dropdown-menu{color:var(--sfy-text);background-color:var(--sfy-body-bg)}
.list-group-item-action:active{color:var(--sfy-text)}
.popover-body{color:var(--sfy-text)}
.text-body{color:var(--sfy-text) !important}
.cfg-layout-gallery .product-configuration-sidebar-wrapper table td a:hover{color:var(--sfy-text)}
#footer .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label{color:var(--sfy-text)}
.table-light, .table-light > th, .table-light > td{background-color:hsl(from var(--sfy-body-bg) h s calc(l + 13.33))}
.table-hover .table-light:hover{background-color:hsl(from var(--sfy-body-bg) h s calc(l + 8.43))}
.table-hover .table-light:hover > td, .table-hover .table-light:hover > th{background-color:hsl(from var(--sfy-body-bg) h s calc(l + 8.43))}
.table-dark, .table-dark > th, .table-dark > td{background-color:hsl(from var(--sfy-body-bg) h calc(s - 9.98) calc(l - 5.1))}
.table-hover .table-dark:hover{background-color:hsl(from var(--sfy-body-bg) h calc(s - 9.7) calc(l - 10.2))}
.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th{background-color:hsl(from var(--sfy-body-bg) h calc(s - 9.7) calc(l - 10.2))}
.table-gray, .table-gray > th, .table-gray > td{background-color:hsl(from var(--sfy-body-bg) h calc(s - 12.94) calc(l - 1.57))}
.table-hover .table-gray:hover{background-color:hsl(from var(--sfy-body-bg) h calc(s - 13.03) calc(l - 6.67))}
.table-hover .table-gray:hover > td, .table-hover .table-gray:hover > th{background-color:hsl(from var(--sfy-body-bg) h calc(s - 13.03) calc(l - 6.67))}
.table-gray-light, .table-gray-light > th, .table-gray-light > td{background-color:hsl(from var(--sfy-body-bg) h s calc(l + 13.33))}
.table-hover .table-gray-light:hover{background-color:hsl(from var(--sfy-body-bg) h s calc(l + 8.43))}
.table-hover .table-gray-light:hover > td, .table-hover .table-gray-light:hover > th{background-color:hsl(from var(--sfy-body-bg) h s calc(l + 8.43))}
.table-gray-medium, .table-gray-medium > th, .table-gray-medium > td{background-color:hsl(from var(--sfy-body-bg) h calc(s - 2.9) calc(l + 11.76))}
.table-hover .table-gray-medium:hover{background-color:hsl(from var(--sfy-body-bg) h calc(s - 3.08) calc(l + 6.67))}
.table-hover .table-gray-medium:hover > td, .table-hover .table-gray-medium:hover > th{background-color:hsl(from var(--sfy-body-bg) h calc(s - 3.08) calc(l + 6.67))}
.table-gray-dark, .table-gray-dark > th, .table-gray-dark > td{background-color:hsl(from var(--sfy-body-bg) h calc(s - 11.68) calc(l + 3.14))}
.table-hover .table-gray-dark:hover{background-color:hsl(from var(--sfy-body-bg) h calc(s - 11.56) calc(l - 1.76))}
.table-hover .table-gray-dark:hover > td, .table-hover .table-gray-dark:hover > th{background-color:hsl(from var(--sfy-body-bg) h calc(s - 11.56) calc(l - 1.76))}
.table-gray-darker, .table-gray-darker > th, .table-gray-darker > td{background-color:hsl(from var(--sfy-body-bg) h calc(s - 9.98) calc(l - 5.1))}
.table-hover .table-gray-darker:hover{background-color:hsl(from var(--sfy-body-bg) h calc(s - 9.7) calc(l - 10.2))}
.table-hover .table-gray-darker:hover > td, .table-hover .table-gray-darker:hover > th{background-color:hsl(from var(--sfy-body-bg) h calc(s - 9.7) calc(l - 10.2))}
.table-dark.table-striped tbody tr:nth-of-type(even){background-color:color-mix(in srgb, var(--sfy-body-bg) 5%, transparent)}
.table-dark.table-hover tbody tr:hover{background-color:color-mix(in srgb, var(--sfy-body-bg) 7.5%, transparent)}
.card{background-color:var(--sfy-body-bg)}
.alert-light{background-color:color-mix(in srgb, var(--sfy-body-bg), #fff 19.04%)}
.alert-gray{background-color:hsl(from var(--sfy-body-bg) h calc(s - 9.22) calc(l - 1.18));color:color-mix(in srgb, var(--sfy-text-muted), #000 47.77%)}
.alert-gray-light{background-color:color-mix(in srgb, var(--sfy-body-bg), #fff 19.04%)}
.alert-gray-medium{background-color:hsl(from var(--sfy-body-bg) h calc(s - 1.53) calc(l + 8.43));border-color:color-mix(in srgb, var(--sfy-border), #fff 71.81%)}
.alert-gray-dark{background-color:hsl(from var(--sfy-body-bg) h calc(s - 7.97) calc(l + 2.16))}
.progress-bar-striped{background-image:linear-gradient(45deg, color-mix(in srgb, var(--sfy-body-bg) 15%, transparent) 25%, transparent 25%, transparent 50%, color-mix(in srgb, var(--sfy-body-bg) 15%, transparent) 50%, color-mix(in srgb, var(--sfy-body-bg) 15%, transparent) 75%, transparent 75%, transparent)}
.list-group-item{background-color:var(--sfy-body-bg)}
.list-group-item.disabled, .list-group-item:disabled{background-color:var(--sfy-body-bg);color:var(--sfy-text-muted)}
.list-group-item-light{background-color:hsl(from var(--sfy-body-bg) h s calc(l + 13.33))}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus{background-color:hsl(from var(--sfy-body-bg) h s calc(l + 8.43))}
.list-group-item-dark{background-color:hsl(from var(--sfy-body-bg) h calc(s - 9.98) calc(l - 5.1))}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus{background-color:hsl(from var(--sfy-body-bg) h calc(s - 9.7) calc(l - 10.2))}
.list-group-item-gray{background-color:hsl(from var(--sfy-body-bg) h calc(s - 12.94) calc(l - 1.57));color:color-mix(in srgb, var(--sfy-text-muted), #000 47.77%)}
.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus{background-color:hsl(from var(--sfy-body-bg) h calc(s - 13.03) calc(l - 6.67));color:color-mix(in srgb, var(--sfy-text-muted), #000 47.77%)}
.list-group-item-gray-light{background-color:hsl(from var(--sfy-body-bg) h s calc(l + 13.33))}
.list-group-item-gray-light.list-group-item-action:hover, .list-group-item-gray-light.list-group-item-action:focus{background-color:hsl(from var(--sfy-body-bg) h s calc(l + 8.43))}
.list-group-item-gray-medium{background-color:hsl(from var(--sfy-body-bg) h calc(s - 2.9) calc(l + 11.76))}
.list-group-item-gray-medium.list-group-item-action:hover, .list-group-item-gray-medium.list-group-item-action:focus{background-color:hsl(from var(--sfy-body-bg) h calc(s - 3.08) calc(l + 6.67))}
.list-group-item-gray-dark{background-color:hsl(from var(--sfy-body-bg) h calc(s - 11.68) calc(l + 3.14))}
.list-group-item-gray-dark.list-group-item-action:hover, .list-group-item-gray-dark.list-group-item-action:focus{background-color:hsl(from var(--sfy-body-bg) h calc(s - 11.56) calc(l - 1.76))}
.list-group-item-gray-darker{background-color:hsl(from var(--sfy-body-bg) h calc(s - 9.98) calc(l - 5.1));color:color-mix(in srgb, var(--sfy-text), #000 47.77%)}
.list-group-item-gray-darker.list-group-item-action:hover, .list-group-item-gray-darker.list-group-item-action:focus{background-color:hsl(from var(--sfy-body-bg) h calc(s - 9.7) calc(l - 10.2));color:color-mix(in srgb, var(--sfy-text), #000 47.77%)}
.toast{background-color:color-mix(in srgb, var(--sfy-body-bg) 85%, transparent)}
.toast-header{background-color:color-mix(in srgb, var(--sfy-body-bg) 85%, transparent);color:var(--sfy-text-muted)}
.modal-content{background-color:var(--sfy-body-bg)}
.tooltip-inner{background-color:var(--sfy-body-bg);color:var(--sfy-text)}
.popover{background-color:var(--sfy-body-bg);font-family:var(--sfy-font-family)}
.carousel-indicators li{background-color:var(--sfy-body-bg)}
.bg-white{background-color:var(--sfy-body-bg) !important}
.consent-switch .consent-label::after{background-color:var(--sfy-body-bg)}
.consent-modal-content{background:var(--sfy-body-bg)}
#consent-banner{background-color:var(--sfy-body-bg)}
#consent-settings-btn{background:var(--sfy-body-bg)}
.btn-icon-primary{background-color:var(--sfy-body-bg)}
.badge-circle{background-color:var(--sfy-body-bg);color:var(--sfy-text-muted)}
.btn-white{background-color:var(--sfy-body-bg)}
.card-products .card-header{background:var(--sfy-body-bg)}
.label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label{background:var(--sfy-body-bg)}
.label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label:after{background:var(--sfy-body-bg)}
.bootstrap-select.custom-select button.dropdown-toggle:hover, .bootstrap-select.custom-select button:not(.navbar-toggler)[data-toggle="collapse"]:hover, .bootstrap-select.custom-select button.dropdown-toggle:focus, .bootstrap-select.custom-select button:not(.navbar-toggler)[data-toggle="collapse"]:focus{background:var(--sfy-body-bg)}
.stepper .step-active{background:var(--sfy-body-bg)}
.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:color-mix(in srgb, var(--sfy-body-bg) 5%, transparent)}
.smoothscroll-top{background:var(--sfy-body-bg);color:var(--sfy-text-muted)}
.bg-typeahead-fix{background-color:var(--sfy-body-bg) !important}
#product-list.layout-gallery .productbox-hover.productbox-show-variations.show-variation-collapse:hover{background-color:var(--sfy-body-bg)}
#image_wrapper.fullscreen .gallery-with-action-main{background:var(--sfy-body-bg)}
#image_wrapper.fullscreen .product-detail-image-preview-bar{background:var(--sfy-body-bg)}
#image_wrapper.fullscreen .product-detail-image-topbar{background:var(--sfy-body-bg)}
#image_wrapper .variation-image-preview{background:var(--sfy-body-bg);border:3px solid var(--sfy-border)}
.cfg-group .form-counter .btn{background-color:var(--sfy-body-bg)}
.comparelist .table thead th{background:var(--sfy-body-bg)}
.table-striped tbody tr:nth-of-type(even){background-color:var(--sfy-surface)}
.table-active, .table-active > th, .table-active > td{background-color:var(--sfy-surface)}
.table-hover .table-active:hover{background-color:color-mix(in srgb, var(--sfy-surface), #000 9.81%)}
.table-hover .table-active:hover > td, .table-hover .table-active:hover > th{background-color:color-mix(in srgb, var(--sfy-surface), #000 9.81%)}
.btn-light{background-color:var(--sfy-surface);color:var(--sfy-text)}
.btn-light:hover{background-color:color-mix(in srgb, var(--sfy-surface), #000 14.98%);color:var(--sfy-text)}
.btn-light:focus, .btn-light.focus{background-color:color-mix(in srgb, var(--sfy-surface), #000 14.98%);color:var(--sfy-text)}
.btn-light.disabled, .btn-light:disabled{background-color:var(--sfy-surface);color:var(--sfy-text)}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle, .show > .btn-light:not(.navbar-toggler)[data-toggle="collapse"]{background-color:color-mix(in srgb, var(--sfy-surface), #000 20.14%);color:var(--sfy-text)}
.btn-gray-light{background-color:var(--sfy-surface);color:var(--sfy-text)}
.btn-gray-light:hover{background-color:color-mix(in srgb, var(--sfy-surface), #000 14.98%);color:var(--sfy-text)}
.btn-gray-light:focus, .btn-gray-light.focus{background-color:color-mix(in srgb, var(--sfy-surface), #000 14.98%);color:var(--sfy-text)}
.btn-gray-light.disabled, .btn-gray-light:disabled{background-color:var(--sfy-surface);color:var(--sfy-text)}
.btn-gray-light:not(:disabled):not(.disabled):active, .btn-gray-light:not(:disabled):not(.disabled).active, .show > .btn-gray-light.dropdown-toggle, .show > .btn-gray-light:not(.navbar-toggler)[data-toggle="collapse"]{background-color:color-mix(in srgb, var(--sfy-surface), #000 20.14%);color:var(--sfy-text)}
.btn-outline-light:hover{background-color:var(--sfy-surface);color:var(--sfy-text)}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle, .show > .btn-outline-light:not(.navbar-toggler)[data-toggle="collapse"]{background-color:var(--sfy-surface);color:var(--sfy-text)}
.btn-outline-gray-light:hover{background-color:var(--sfy-surface);color:var(--sfy-text)}
.btn-outline-gray-light:not(:disabled):not(.disabled):active, .btn-outline-gray-light:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-light.dropdown-toggle, .show > .btn-outline-gray-light:not(.navbar-toggler)[data-toggle="collapse"]{background-color:var(--sfy-surface);color:var(--sfy-text)}
.dropdown-item:hover, .dropdown-item:focus{background-color:var(--sfy-surface);color:var(--sfy-text)}
.dropdown-item.active, .dropdown-item:active{background-color:var(--sfy-surface);color:var(--sfy-text)}
.card-header{background-color:var(--sfy-surface)}
.card-footer{background-color:var(--sfy-surface)}
.badge-light{background-color:var(--sfy-surface);color:var(--sfy-text)}
a.badge-light:hover, a.badge-light:focus{background-color:color-mix(in srgb, var(--sfy-surface), #000 20.14%);color:var(--sfy-text)}
.badge-gray-light{background-color:var(--sfy-surface);color:var(--sfy-text)}
a.badge-gray-light:hover, a.badge-gray-light:focus{background-color:color-mix(in srgb, var(--sfy-surface), #000 20.14%);color:var(--sfy-text)}
.progress{background-color:var(--sfy-surface)}
.list-group-item-action:hover, .list-group-item-action:focus{background-color:var(--sfy-surface)}
.list-group-item-light.list-group-item-action.active{background-color:color-mix(in srgb, var(--sfy-surface), #000 47.77%)}
.list-group-item-gray-light.list-group-item-action.active{background-color:color-mix(in srgb, var(--sfy-surface), #000 47.77%)}
.bg-light{background-color:var(--sfy-surface) !important}
a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus{background-color:color-mix(in srgb, var(--sfy-surface), #000 20.14%) !important}
.bg-gray-light{background-color:var(--sfy-surface) !important}
a.bg-gray-light:hover, a.bg-gray-light:focus, button.bg-gray-light:hover, button.bg-gray-light:focus{background-color:color-mix(in srgb, var(--sfy-surface), #000 20.14%) !important}
a.badge-outline-light:hover, a.badge-outline-light:focus{background-color:color-mix(in srgb, var(--sfy-surface), #000 20.14%);color:var(--sfy-text)}
a.badge-outline-gray-light:hover, a.badge-outline-gray-light:focus{background-color:color-mix(in srgb, var(--sfy-surface), #000 20.14%);color:var(--sfy-text)}
.card-gray{background:var(--sfy-surface)}
.card-products .card-header .btn{background:var(--sfy-surface)}
.form-counter .btn:hover{background-color:var(--sfy-surface)}
.stepper{background:var(--sfy-surface);border:1px solid var(--sfy-border)}
input.form-control[name="wishlist-url"]{background:var(--sfy-surface)}
.tt-dropdown-menu .tt-suggestion.tt-cursor, .tt-dropdown-menu .tt-suggestion:hover, .tt-menu .tt-suggestion.tt-cursor, .tt-menu .tt-suggestion:hover{background-color:var(--sfy-surface);color:var(--sfy-text)}
.list-group-wrapper.disabled .list-group-item{background-color:var(--sfy-surface)}
.cfg-group .form-counter .btn:hover{background-color:var(--sfy-surface)}
.config-table .accent-bg{background:var(--sfy-surface)}
.variations .custom-radio:hover, .variations .custom-radio:focus{background-color:var(--sfy-surface);color:var(--sfy-text)}
.product-matrix .matrix-list-wrapper > .matrix-list:nth-of-type(odd){background-color:var(--sfy-surface)}
.comparelist .table tbody td:first-child{background-color:var(--sfy-surface)}
.shipping-address-standard-active tr:first-child{background-color:var(--sfy-surface)}
.btn-gray-medium{border-color:var(--sfy-border);color:var(--sfy-text)}
.btn-gray-medium:hover{border-color:color-mix(in srgb, var(--sfy-border), #000 20.14%);color:var(--sfy-text)}
.btn-gray-medium:focus, .btn-gray-medium.focus{border-color:color-mix(in srgb, var(--sfy-border), #000 20.14%);box-shadow:0 0 0 0 color-mix(in srgb, color-mix(in srgb, var(--sfy-border), #fff 14.27%) 50%, transparent);color:var(--sfy-text)}
.btn-gray-medium.disabled, .btn-gray-medium:disabled{border-color:var(--sfy-border);color:var(--sfy-text)}
.btn-gray-medium:not(:disabled):not(.disabled):active, .btn-gray-medium:not(:disabled):not(.disabled).active, .show > .btn-gray-medium.dropdown-toggle, .show > .btn-gray-medium:not(.navbar-toggler)[data-toggle="collapse"]{border-color:color-mix(in srgb, var(--sfy-border), #000 25.32%);color:var(--sfy-text)}
.btn-gray-medium:not(:disabled):not(.disabled):active:focus, .btn-gray-medium:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-medium.dropdown-toggle:focus, .show > .btn-gray-medium:not(.navbar-toggler)[data-toggle="collapse"]:focus{box-shadow:0 0 0 0 color-mix(in srgb, color-mix(in srgb, var(--sfy-border), #fff 14.27%) 50%, transparent)}
.btn-outline-gray-medium{border-color:var(--sfy-border)}
.btn-outline-gray-medium:hover{border-color:var(--sfy-border);color:var(--sfy-text)}
.btn-outline-gray-medium:focus, .btn-outline-gray-medium.focus{box-shadow:0 0 0 0 color-mix(in srgb, var(--sfy-border) 50%, transparent)}
.btn-outline-gray-medium:not(:disabled):not(.disabled):active, .btn-outline-gray-medium:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-medium.dropdown-toggle, .show > .btn-outline-gray-medium:not(.navbar-toggler)[data-toggle="collapse"]{border-color:var(--sfy-border);color:var(--sfy-text)}
.btn-outline-gray-medium:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-medium:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-medium.dropdown-toggle:focus, .show > .btn-outline-gray-medium:not(.navbar-toggler)[data-toggle="collapse"]:focus{box-shadow:0 0 0 0 color-mix(in srgb, var(--sfy-border) 50%, transparent)}
a.badge-gray-medium:focus, a.badge-gray-medium.focus{box-shadow:0 0 0 0.2rem color-mix(in srgb, var(--sfy-border) 50%, transparent)}
.alert-gray-medium hr{border-top-color:color-mix(in srgb, var(--sfy-border), #fff 62.1%)}
.list-group-item-gray-medium.list-group-item-action.active{border-color:color-mix(in srgb, var(--sfy-border), #000 47.77%)}
.border-gray-medium{border-color:var(--sfy-border) !important}
.badge-outline-gray-medium{border-color:var(--sfy-border)}
a.badge-outline-gray-medium:focus, a.badge-outline-gray-medium.focus{box-shadow:0 0 0 0.2rem color-mix(in srgb, var(--sfy-border) 50%, transparent)}
.btn-icon-primary.disabled, .btn-icon-primary:disabled{border-color:var(--sfy-border)}
.btn-icon-secondary.disabled, .btn-icon-secondary:disabled{border-color:var(--sfy-border)}
.stepper .step::before{border-left:1.875rem solid var(--sfy-border)}
.table-border-medium th, .table-border-medium td{border-color:var(--sfy-border)}
#image_wrapper .variation-image-preview::before{border-color:transparent transparent transparent var(--sfy-border)}
.cfg-position-details.cfg-layout-list .product-configuration-sidebar-wrapper{border:1px solid var(--sfy-border)}
.cfg-position-details.cfg-layout-list .cfg-group-list-wrapper .cfg-group{border:1px solid var(--sfy-border)}
.btn-gray-dark{color:var(--sfy-text)}
.btn-gray-dark.disabled, .btn-gray-dark:disabled{color:var(--sfy-text)}
.btn-outline-gray-dark:hover{color:var(--sfy-text)}
.btn-outline-gray-dark:not(:disabled):not(.disabled):active, .btn-outline-gray-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-dark.dropdown-toggle, .show > .btn-outline-gray-dark:not(.navbar-toggler)[data-toggle="collapse"]{color:var(--sfy-text)}
.btn-outline-gray-darker{color:var(--sfy-text)}
.btn-outline-gray-darker.disabled, .btn-outline-gray-darker:disabled{color:var(--sfy-text)}
.dropdown-item{color:var(--sfy-text)}
.dropdown-item-text{color:var(--sfy-text)}
.badge-gray-medium{color:var(--sfy-text)}
a.badge-gray-medium:hover, a.badge-gray-medium:focus{color:var(--sfy-text)}
.badge-gray-dark{color:var(--sfy-text)}
a.badge-gray-dark:hover, a.badge-gray-dark:focus{color:var(--sfy-text)}
.alert-gray-darker{color:color-mix(in srgb, var(--sfy-text), #000 47.77%)}
.alert-gray-darker .alert-link{color:color-mix(in srgb, var(--sfy-text), #000 67.91%)}
.text-gray-darker{color:var(--sfy-text) !important}
a.text-gray-darker:hover, a.text-gray-darker:focus{color:color-mix(in srgb, var(--sfy-text), #000 30.12%) !important}
.consent-btn-secondary{color:var(--sfy-text)}
.consent-btn-secondary:hover{color:var(--sfy-text)}
.consent-btn-secondary:focus{color:var(--sfy-text)}
.consent-btn-outline-secondary:hover{color:var(--sfy-text)}
.consent-btn-outline-secondary:focus{color:var(--sfy-text)}
a.badge-outline-gray-medium:hover, a.badge-outline-gray-medium:focus{color:var(--sfy-text)}
a.badge-outline-gray-dark:hover, a.badge-outline-gray-dark:focus{color:var(--sfy-text)}
.badge-outline-gray-darker{color:var(--sfy-text)}
.ribbon-1{color:var(--sfy-text)}
.ribbon-4{color:var(--sfy-text)}
.ribbon-5{color:var(--sfy-text)}
.ribbon-6{color:var(--sfy-text)}
.jtl-spinner i{color:var(--sfy-text)}
.tt-dropdown-menu .tt-suggestion, .tt-menu .tt-suggestion{color:var(--sfy-text)}
.tt-dropdown-menu .tt-suggestion.tt-cursor a, .tt-dropdown-menu .tt-suggestion:hover a, .tt-menu .tt-suggestion.tt-cursor a, .tt-menu .tt-suggestion:hover a{color:var(--sfy-text)}
.blockquote-footer{color:var(--sfy-text-muted)}
.form-control::placeholder{color:var(--sfy-text-muted)}
.btn-outline-gray{color:var(--sfy-text-muted)}
.btn-outline-gray.disabled, .btn-outline-gray:disabled{color:var(--sfy-text-muted)}
.btn-link:disabled, .btn-link.disabled{color:var(--sfy-text-muted)}
.dropdown-header{color:var(--sfy-text-muted)}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label{color:var(--sfy-text-muted)}
.custom-select:disabled{color:var(--sfy-text-muted)}
.alert-gray .alert-link{color:color-mix(in srgb, var(--sfy-text-muted), #000 67.91%)}
.text-gray{color:var(--sfy-text-muted) !important}
a.text-gray:hover, a.text-gray:focus{color:color-mix(in srgb, var(--sfy-text-muted), #000 30.12%) !important}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .bs-placeholder:not(.navbar-toggler)[data-toggle="collapse"], .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .bs-placeholder:not(.navbar-toggler)[data-toggle="collapse"]:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .bs-placeholder:not(.navbar-toggler)[data-toggle="collapse"]:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .bs-placeholder:not(.navbar-toggler)[data-toggle="collapse"]:active{color:var(--sfy-text-muted)}
.badge-outline-gray{color:var(--sfy-text-muted)}
.label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) .form-control:placeholder-shown:not(:focus) ~ label{color:var(--sfy-text-muted)}
.modal-header .close{color:var(--sfy-text-muted)}
#image_wrapper.fullscreen .product-detail-image-topbar #image_fullscreen_close{color:var(--sfy-text-muted)}
.form-counter .form-control{font-family:var(--sfy-font-heading)}
.form-counter .input-group-text{font-family:var(--sfy-font-heading)}
.text-accent, .productbox-price, .tab-navigation .nav-link{font-family:var(--sfy-font-heading)}
.tooltip{font-family:var(--sfy-font-family)}
.btn-lg, .btn-group-lg > .btn{border-radius:var(--sfy-btn-radius)}
.btn-sm, .btn-group-sm > .btn{border-radius:var(--sfy-btn-radius)}
@media (max-width: 991.98px){
header .navbar-collapse{background:var(--sfy-header-bg)}
.stepper .step-current .step-content::after{background:var(--sfy-brand)}
.stepper{background:var(--sfy-body-bg)}
.cfg-position-details.cfg-layout-list .cfg-group-list-wrapper .cfg-group{border-bottom:1px solid var(--sfy-border)}
}
@media (min-width: 768px){
.pagination .dropdown-item.active{color:var(--sfy-link)}
.productlist-page-nav .productlist-item-info.productlist-item-border{border-right:1px solid var(--sfy-border)}
.border-md{border-color:var(--sfy-border)}
.border-md-top{border-top-color:var(--sfy-border)}
.border-md-right{border-right-color:var(--sfy-border)}
.border-md-bottom{border-bottom-color:var(--sfy-border)}
.border-md-left{border-left-color:var(--sfy-border)}
.border-md-x{border-left-color:var(--sfy-border);border-right-color:var(--sfy-border)}
.border-md-y{border-top-color:var(--sfy-border);border-bottom-color:var(--sfy-border)}
.productbox.productbox-hover .productbox-inner::before{background-color:var(--sfy-body-bg)}
}
@media (min-width: 992px){
header .submenu-headline-toplevel{border-bottom:1px solid var(--sfy-border);font-family:var(--sfy-font-heading)}
header .navbar-nav > .nav-item > .nav-link::before{border-color:var(--sfy-brand)}
.breadcrumb-wrapper{border-color:var(--sfy-border)}
.border-lg{border-color:var(--sfy-border)}
.border-lg-top{border-top-color:var(--sfy-border)}
.border-lg-right{border-right-color:var(--sfy-border)}
.border-lg-bottom{border-bottom-color:var(--sfy-border)}
.border-lg-left{border-left-color:var(--sfy-border)}
.border-lg-x{border-left-color:var(--sfy-border);border-right-color:var(--sfy-border)}
.border-lg-y{border-top-color:var(--sfy-border);border-bottom-color:var(--sfy-border)}
.wishlist-button{border-right:1px solid var(--sfy-border)}
}
@media (max-width: 767.98px){
.pagination .dropdown-item.active .page-link, .pagination .dropdown-item.active .page-text, .pagination .dropdown-item:active .page-link, .pagination .dropdown-item:active .page-text{color:var(--sfy-text)}
.productlist-filter#collapseFilter{background:var(--sfy-body-bg)}
.productlist-filter#collapseFilter .productlist-filter-footer{background:var(--sfy-body-bg)}
}
@media print{
.table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody{border-color:var(--sfy-border)}
.table .thead-dark th{border-color:var(--sfy-border)}
.table td, .table th{background-color:var(--sfy-body-bg) !important}
}
@media (min-width: 576px){
.border-sm{border-color:var(--sfy-border)}
.border-sm-top{border-top-color:var(--sfy-border)}
.border-sm-right{border-right-color:var(--sfy-border)}
.border-sm-bottom{border-bottom-color:var(--sfy-border)}
.border-sm-left{border-left-color:var(--sfy-border)}
.border-sm-x{border-left-color:var(--sfy-border);border-right-color:var(--sfy-border)}
.border-sm-y{border-top-color:var(--sfy-border);border-bottom-color:var(--sfy-border)}
}
@media (min-width: 1300px){
.border-xl{border-color:var(--sfy-border)}
.border-xl-top{border-top-color:var(--sfy-border)}
.border-xl-right{border-right-color:var(--sfy-border)}
.border-xl-bottom{border-bottom-color:var(--sfy-border)}
.border-xl-left{border-left-color:var(--sfy-border)}
.border-xl-x{border-left-color:var(--sfy-border);border-right-color:var(--sfy-border)}
.border-xl-y{border-top-color:var(--sfy-border);border-bottom-color:var(--sfy-border)}
}
@media (hover){
.btn-secondary:hover{background-color:color-mix(in srgb, var(--sfy-secondary), #fff 15.93%);border-color:color-mix(in srgb, var(--sfy-secondary), #fff 15.93%)}
.btn-outline-secondary:hover{border-color:var(--sfy-secondary);color:var(--sfy-text)}
.btn-icon-secondary:hover{border-color:var(--sfy-secondary);background-color:var(--sfy-secondary)}
.btn-primary:hover{background-color:color-mix(in srgb, var(--sfy-brand), #fff 15.93%);border-color:color-mix(in srgb, var(--sfy-brand), #fff 15.93%)}
.btn-outline-primary:hover{background-color:color-mix(in srgb, var(--sfy-brand), #fff 90.29%);color:var(--sfy-text)}
.btn-icon-primary:hover{border-color:var(--sfy-brand);color:var(--sfy-brand)}
.btn-animated .btn-primary:hover{background-color:var(--sfy-brand);border-color:var(--sfy-brand)}
.btn-animated .btn-outline-primary:hover{border-color:var(--sfy-brand)}
.btn-animated .btn-outline-primary:hover::after{background:var(--sfy-brand)}
}