<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/** Shopify CDN: Minification failed

Line 2438:0 Unexpected "}"
Line 2443:0 Unexpected "}"

**/
:root {
    --base-gutter: 30px;

    --base-gutter--double: calc(var(--base-gutter) * 2);
    --base-gutter--trip: calc(var(--base-gutter) * 3);
    --base-gutter--quad: calc(var(--base-gutter) * 4);

    --base-gutter--half: calc(var(--base-gutter) / 2);
    --base-gutter--third: calc(var(--base-gutter) / 3);
    --base-gutter--quarter: calc(var(--base-gutter) / 4);
    --base-gutter--eighth: calc(var(--base-gutter) / 8);

    --grid-gutter: var(--base-gutter);
    --grid-gutter--mobile: var(--base-gutter--half);
    --grid-gutter--neg: calc(var(--grid-gutter) * -1);
}

@keyframes fadeIn {
    0% {
        opacity: 0.8;
    }

    100% {
        opacity: 1;
    }
}



@keyframes popin {
    from {
        transform: scale(0.5);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

body.locked {
    position: absolute;
    width: 100%;
    overflow: hidden;
    top: 0;
    bottom: 0;
}

.customizer-tab-body {
    height: 100%;
    overflow-y: auto;
    animation: fadeIn 0.3s ease-in;
}

/*remove later*/
div#gladlyChat_container {
    display: none !important;
}

#qr-button,
.close-loading,
.loading-vu-modal,
.vu-failed-loading,
.customizer-material-name,
.customizer-tab-summary-item-name,
#customizer-perspectives {
    display: none;
}

.loading-vu-modal {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 11;
    animation: fadeIn 0.3s ease-in;
}

.loading-assets {
    font-family: 'din-2014';
    text-decoration: none;
}

.loading-assets a {
    color: #009CDA;
    text-decoration: none;
}

.flex-wrapper.bauer-cta {
    display: grid;
    grid-template-columns: 1fr 2fr;
    background: linear-gradient(90deg, rgba(0, 156, 218, 1) 0%, rgba(0, 110, 154, 1) 49%, rgba(0, 102, 143, 1) 100%);
    color: white;
    padding: 30px;
    border-radius: 20px;
    gap: 30px;
}

.flex-wrapper.bauer-cta .wrapper-left {
    text-align: center;
}

.wrapper-left svg {
    width: 100%;
}

.customizer-material-item.customizer-material-selected {
    box-shadow: 0 0 0 1px #808080;
    border-radius: 50px;
    border: solid 4px white;
}

#customizer-summary-item-color .customizer-tab-summary-item-name {
    display: block;
    margin-bottom: 15px;
}

.customizer-list-element-select-item.customizer-hidden,
.customizer-tab-body.customizer-hidden {
    display: none;
}

.customizer-tab.customizer-tab-selected {
    display: block;
    animation: fadeIn 0.3s ease-in;
}

/*remove later*/
.customizer-information-element-item.customizer-hidden,
.customizer-element-group-title,
#customizer-summary-group-size_size,
.customizer-summary-item,
.customizer-tab,
#customizer-element-color_material .customizer-element-title {
    display: none;
}

.customizer-information-element-item,
.customizer-information-element-item.selected {
    display: block;
}

.m-0 {
    margin: 0;
}

.mt-0 {
    margin-top: 0px;
}

.mt-5 {
    margin-top: var(--base-gutter--quarter);
}

.mt-10 {
    margin-top: var(--base-gutter--third);
}

.mt-30 {
    margin-top: var(--base-gutter);
}

.mb-15 {
    margin-bottom: var(--base-gutter--half);
}

.mb-10 {
    margin-bottom: var(--base-gutter--third);
}

.mb-30 {
    margin-bottom: var(--base-gutter);
}

.mb-5 {
    margin-bottom: var(--base-gutter--quarter);
}

.mb-0 {
    margin-bottom: 0px;
}

.mb-30 {
    margin-bottom: var(--base-gutter);
}

.fw-b {
    font-weight: 700;
}

.tac {
    text-align: center;
}

#customizer-compare-hide-icon,
#mobile-close,
#customizer-find-hide-icon,
#customizer-size-hide-icon,
#customizer-fit-hide-icon {
    background-color: transparent;
    border: none;
}

#mobile-close {
    display: none;
}

.button-round {
    background-color: black;
    color: white;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 1.6px;
    border: none;
    border-radius: 50px;
    padding: 10px 30px 10px 30px;
    font-family: 'din-2014';
}

:lang(fr) .button-round {
    font-size: 19px;
}

#customizer-tab-body-personalization .customizer-element-title,
#customizer-element-group-size_size .customizer-element-title {
    font-family: 'din-2014';
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    margin: 0;
    margin-bottom: 5px;
}

div#list-element-radio-tongue_personalization_left {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.customizer-list-element-radio-item {
    align-items: center;
    display: flex;
    flex-direction: column;
}

.modal-content {
    font-family: 'din-2014';
}

#customizer-root {
    border-radius: 5px;
}

#customizer-root select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 5px 20px;
    border: 1px solid #808080;
    border-radius: 2px;
    background-color: white;
    width: 100%;
    cursor: pointer;
    font-family: 'din-2014';
    font-size: 20px;
    color: #B3B3B3;
    height: 40px;
}

#customizer-root select:first-letter {
    text-transform: uppercase;
}

.customizer-input-element-container input::placeholder {
    font-family: 'din-2014';
    font-size: 20px;
    color: #B3B3B3;
}

.customizer-input-element-container input {
    color: black;
    font-size: 20px;
    padding-left: 10px;
}

.modal p {
    line-height: 20px;
}

.customizer-tab-body-elements {
    display: flex;
    flex-direction: column;
}

#customizer-root {
    height: 100%;
    overflow: hidden;
    border-radius: 5px;
}

/* Styling for the modal */
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
    margin: 0;
}

.modal-content {
    background-color: #fefefe;
    border: 1px solid #888;
    width: 100%;
    max-width: 100%;
    height: 100%;
    border-radius: 10px;
    position: relative;
}

.close-loading,
.close {
    color: #aaa;
    float: right;
    font-weight: bold;
    position: absolute;
    right: 20px;
    top: 25px;
    z-index: 11;
}

.close-loading:hover,
.close-loading:focus,
.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.modal__open {
    font-family: 'din-2014-narrow';
    font-weight: 400;
    border-radius: 30px;
    border: none;
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 20px;
    width: 100%;
    max-width: fit-content;
    padding: 15px 30px 15px 30px;
    border: solid 1px;
    height: 40px;
    letter-spacing: 1px;
    margin-top: 15px;
    color: black;
    border: none;
}

.modal__open svg {
    max-width: 157px;
    height: 30px;
}

.flex-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.flex-wrapper span {
    font-family: 'din-2014-narrow';
    font-size: 20px;
    letter-spacing: 1px;
}

.wrapper-left span {
    font-size: 30px;
    letter-spacing: 0;
}

.two-grid {
    display: grid;
    grid-template-columns: 1fr 400px;
    height: 100%;
}

.top-left {
    position: absolute;
    top: 0;
    left: 0;
    gap: 30px;
    align-items: center;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 30px 30px;
    padding-bottom: 15px;
    background-color: #E6E6E6E5;
}

.top-left-icon {
    position: absolute;
    top: 0;
    left: 0;
    padding: 30px;
}

.top-left .left-items {
    display: flex;
    align-items: center;
    gap: 20px;
}

#customizer-main-perspective {
    background: #E6E6E6;
    overflow-y: hidden;
    /* Ensure overflow doesn't affect resizing */
    position: relative;
    /* Needed for absolute positioning of draggable handle */
}

#customizer-main-perspective {
    position: relative;
}


.bottom-right {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #e6e6e6e5;
    padding: 30px;
    border-top-left-radius: 30px;
}

.top-right {
    position: absolute;
    top: 25px;
    right: 30px;
}

.bottom-left {
    position: absolute;
    bottom: 0;
    left: 0;
    border-top-right-radius: 20px;
}

div#customizer-tab-container {
    gap: 30px;
}

#customizer-tab-body-container .customizer-tab-name {
    cursor: pointer;
}


.customizer-product-name {
    font-family: 'din-2014';
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
}

.vu-flex {
    display: flex;
    align-items: center;
    gap: 15px;
}

.customizer-reset-button {
    background: transparent;
    border: none;
    align-items: center;
}

.close {
    background-color: transparent;
    border: none;
}

button#customizer-reset-button {
    font-family: 'din-2014';
    border: none;
    background: transparent;
    align-items: center;
    display: flex;
    gap: 10px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    border-top-right-radius: 20px;
    padding: 30px;
}

button {
    cursor: pointer;
}

.steps {
    font-weight: 700;
}

select,
.reset,
.restart {
    color: black;
}

.restart:after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-image: url('https://cdn.shopify.com/s/files/1/0555/9818/6772/files/vu-restart.svg?v=1707853380');
    background-size: contain;
    background-repeat: no-repeat;
}

.reset:before {
    content: '';
    display: block;
    background-image: url('https://cdn.shopify.com/s/files/1/0555/9818/6772/files/Reset_View_Icon_2909849d-cf87-4a2c-80d4-7cc31df0ad3d.svg?v=1708718741');
    background-size: contain;
    background-repeat: no-repeat;
    width: 40px;
    height: 30px;
}

.right-side {
    overflow-y: auto;
    /* Enable scrolling if content overflows */
    padding: 32px;
    position: relative;
    padding-bottom: 120px;
    padding-top: 60px;
}

.customizer-list-element {
    margin: 5px;
}

#customizer-tab-body-color .customizer-tab-body-description {
    margin-bottom: 30px;
}

#customizer-tab-container {
    margin-left: 5px;
}

p.steps.mb-5 {
    margin-left: 5px;
}

.bauer-logo svg {
    max-width: 120px;
}

.resizable-handle {
    background-color: transparent;
    height: 40px;
    width: 100%;
    cursor: ns-resize;
    /* Cursor style for resizing */
    position: absolute;
    bottom: -15px;
    left: 0;
    margin: auto;
    display: flex;
    width: 100%;
    justify-content: center;
    display: none;
}

.customizer-price {
    font-size: 30px;
    font-weight: 700;

}

.customizer-material-name {
    cursor: pointer;
}


.customizer-tab-name {
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
}

p.steps.mb-5 {
    margin-top: 25px;
}

.customizer-material-group {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    padding: 1px;
}

.customizer-summary-item-element-name {
    font-weight: 700;
}

.customizer-summary-item-name:before {
    content: 'Selected: ';
}

.customizer-summary-item-element-name:after {
    content: ':';
}


.customizer-add-to-cart-button {
    position: absolute;
    bottom: 30px;
    right: 30px;
    padding: 0 30px;
    border-radius: 50px !important;
    height: 40px;
}

#customizer-add-to-cart-button {
    text-transform: uppercase;
}

#customizer-add-to-cart-button:after {
    content: url('https://cdn.shopify.com/s/files/1/0555/9818/6772/files/bag-16px.svg?v=1709305630');
    margin-left: 10px;
}
#customizer-add-to-cart-button.loading:after {
    content: url('https://cdn.shopify.com/s/files/1/0555/9818/6772/files/loading_3957c4bd-392a-4c0d-8a15-2f425c1d3c7f.svg?v=1749171470');
}


.progress-bar {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #B3B3B3;
}

.progress-bar-inner {
    height: 10px;
    width: 0;
    padding: 0.01em 16px;
    background-color: #009CDA;
    display: block !important;
    transition: width .5s;

}

.layout-element.customizer-element {
    margin-bottom: 20px;
}

button#customizer-restart-button {
    display: flex;
    gap: 10px;
    background: transparent;
    border: none;
    text-transform: uppercase;
    align-items: center;
    font-weight: bold;
    font-family: 'din-2014';
    font-size: 16px;
}

.customizer-tab-summary-item-name {
    font-family: 'din-2014';
    font-size: 16px;
}

.customizer-tab-summary-item-name strong {
    letter-spacing: 0px;
}

.additional-modal {
    position: absolute;
    /* Position it on top of the existing modal */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000080;
    /* Semi-transparent background */
    justify-content: center;
    padding: 45px;
    align-items: center;
    z-index: 2;
    /* Make sure it has higher z-index than the existing modal */
    border-radius: 10px;
    transition: width 0.5s ease 0s, height 0.5s ease 0s;
    ;
    display: none;
}

#warning-modal,
#note-modal-share {
    position: fixed;
}

.progress-text label {
    font-size: 16px;
    font-weight: normal;
    font-family: 'din-2014';
}

.sub-modal {
    border: none;
    background-color: transparent;
}

.additional-modal-content {
    max-width: 650px;
    height: auto;
    background-color: white;
    padding: 60px;
    align-items: center;
    z-index: 2;
    transition: width 0.5s ease 0s, height 0.5s ease 0s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.additional-modal-content h2 .note {
    background: #f2fafd;
    color: #009CDA;
    padding: 20px;
    border-radius: 10px;
}

.progress-saved {
    font-size: 30px;
}

.transparent-button {
    background-color: transparent;
    border: none;
    height: fit-content;
}

.additional-modal .additional-modal-header {
    display: flex;
    justify-content: space-between;
}

.customizer-disabled input,
.disabled {
    background: #E6E6E6;
    cursor: not-allowed !important;
    border: solid 1px #B3B3B3;
}

.vu-previous {
    background-color: transparent;
    border: none;
    padding: 0;
    height: 40px;
}

.arrows .vu-next.button.button--primary {
    border-radius: 50px;
    letter-spacing: 2px;
    display: flex !important;
    align-items: center;
    padding-right: 20px;
    font-family: 'din-2014';
}

.loading-container strong span {
    color: #009CDA;
}

.customizer-tab-summary-item-code,
div#customizer-summary-item-color {
    display: none;
}

#customizer-tab-body-color_tab .customizer-element-value-container,
#customizer-tab-body-color .customizer-element-value-container {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 15px;
    margin-bottom: 5px;
}

#customizer-tab-body-color .customizer-list-element-swatch-item {
    cursor: pointer;
}

#customizer-tab-body-color .customizer-list-element-swatch-item.customizer-list-element-item-selected {
    border: solid 2px #808080;
    border-radius: 50px;
}

.customizer-disabled * {
    pointer-events: none !important;
    cursor: not-allowed !important;
}

.loading-container {
    z-index: 11;
    background-color: white;
    width: 95%;
    height: 95%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 20px;
    animation: fadeIn 0.3s ease-in;
}

.position-absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.flex-column {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.flex-column-center {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 30px;
    align-items: center;
}

.position-absolute-bottom {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    padding: 0 30px;
    text-align: center;
}

.btn.button-round {
    margin-top: 45px;
}

#customizer-tab-body-size .customizer-tab-body-elements #customizer-element-size-layout {
    order: 0;
}

#customizer-element-group-size_size {
    order: 1;
    margin: 5px;
}

#customizer-element-sizes-reset-action {
    order: 2;
    border: solid 1px;
    background-color: white;
    color: black;
    animation: fadeIn 0.3 ease-in;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    height: 45px;
    align-items: center;
    font-size: 20px;
    width: fit-content;
    padding: 0 30px;
    margin: auto;
    text-transform: uppercase;
    font-weight: 100;
    font-family: 'din-2014';
    letter-spacing: 2px;
}

#customizer-element-sizes-reset-action:after {
    content: '';
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-image: url(https://cdn.shopify.com/s/files/1/0555/9838/3422/files/vu-restart.svg?v=1714560829);
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
}


#customizer-element-size-need-help-action {
    order: 1;
    margin-bottom: 20px;
}

#customizer-tab-body-size .customizer-tab-body-elements {
    display: flex;
    flex-direction: column;
}

select#list-element-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 3px;
    background-color: transparent;
    width: 100%;
    padding: 5px 15px;
    border: none;
    border: solid 1px #808080;
    height: 40px;
    font-size: 20px;
    color: #B3B3B3;
    font-weight: 100;
    font-family: 'din-2014';

}

.customizer-material-item {
    cursor: pointer;
}

select#list-element-select::-ms-expand {
    display: none;
}

#customizer-element-group-size_size .customizer-element-value-container {
    position: relative;
    margin-bottom: 15px;
}

div#customizer-element-sizes-reset-action {
    text-align: center;
    background: white;
    color: black;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    max-width: fit-content;
    padding: 0 30px;
    align-items: center;
    margin: auto;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'din-2014';
    font-size: 19px;
    cursor: pointer;
    height: 45px;
    border: solid 1px #808080;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 2px;
}

#customizer-element-sizes-reset-action.customizer-disabled {
    background: #E6E6E6 !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
    border: 1px solid #808080;
    color: #808080;
    ;
}

#customizer-element-sizes-reset-action.customizer-disabled:after {
    opacity: .5;
}

#customizer-tab-body-size .action-element.customizer-element:hover {
    color: #29c2ff;
    opacity: 1;
}

button#customizer-element-sizes-reset-action:hover {
    background: black;
    color: white;
}

button#customizer-element-sizes-reset-action:hover:after {
    filter: invert(100%);
}

#customizer-tab-body-size .action-element.customizer-element:hover:after {
    filter: brightness(0) saturate(100%) invert(92%) sepia(24%) saturate(7004%) hue-rotate(168deg) brightness(97%) contrast(82%);
}

#customizer-tab-body-size .action-element.customizer-element.customizer-disabled:hover:after {
    filter: unset;
}

#customizer-tab-body-size .action-element.customizer-element.customizer-disabled {
    color: black;
    opacity: .5;
}

#customizer-element-runner_model .customizer-element-value-container,
#customizer-element-runner_size .customizer-element-value-container,
#customizer-element-runner_profiling_category .customizer-element-value-container {
    position: relative;
}

#customizer-element-runner_model .customizer-element-value-container:after,
#customizer-element-runner_size .customizer-element-value-container:after,
#customizer-element-runner_profiling_category .customizer-element-value-container:after,
#customizer-element-group-size_size .customizer-element-value-container:after {
    content: url("https://cdn.shopify.com/s/files/1/0555/9818/6772/files/chevron-down-16px.svg?v=1708466158");
    /* Replace with your chevron SVG */
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    height: 15px;
}


.customizer-element-title {
    margin-bottom: 5px;
}

#customizer-element-color .customizer-element-title {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-bottom: 0;
    font-weight: bold;
}

#customizer-element-color .customizer-element-title #customizer-element-color_info {
    font-weight: normal;
}

.bottom-left button {
    background-color: #e6e6e6e5;
    border: none;
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: din-2014;
    font-weight: 700;
    padding: 30px;
    border-top-right-radius: 30px;
}

/*
#customizer-main-perspective canvas {
    margin-top: 30px;
}*/

.customizer-tab-body-description {
    margin-bottom: 15px;
}

#list-element-html-tongue_model,
#list-element-html-tongue_type,
#customizer-tab-body-fitting .customizer-list-element-html {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 15px 2px;
    gap: 10px;
}

#list-element-html-tongue_model {
    gap: 15px;
}

#list-element-html-tongue_model,
#list-element-html-tongue_type {
    grid-template-columns: 1fr;
}

#list-element-html-tongue_model .customizer-list-element-html-item,
#list-element-html-tongue_type .customizer-list-element-html-item,
#customizer-tab-body-fitting .customizer-list-element-html .customizer-list-element-html-item {
    background: #fff;
    color: #000;
    text-align: center;
    padding: 0;
    border-radius: 50px;
    border: solid 3px transparent;
    box-shadow: 0 0 0 1px #808080;
    cursor: pointer;
    letter-spacing: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    font-size: 20px;
}

#list-element-html-tongue_model .customizer-list-element-html-item.customizer-list-element-item-selected,
#list-element-html-tongue_type .customizer-list-element-html-item.customizer-list-element-item-selected,
#customizer-tab-body-fitting .customizer-list-element-html .customizer-list-element-html-item.customizer-list-element-item-selected {
    background: #000;
    color: #fff;
    box-shadow: 0 0 0 1px #808080;
    border: solid 3px white;
    height: 48px;
    margin-top: -3px;
}

#list-element-html-tongue_model .customizer-list-element-html-item.customizer-list-element-item-selected {
    margin-top: 0;
}

#list-element-html-tongue_model .customizer-tab-body-elements,
#list-element-html-tongue_type .customizer-tab-body-elements,
#customizer-tab-body-fitting .customizer-tab-body-elements {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

div#customizer-tab-body-tongue {
    overflow: hidden;
}

#customizer-tab-body-fitting #customizer-element-fitting_info {
    order: 1;
}

:lang(fr) #customizer-tab-body-fitting #customizer-element-fit {
    margin: 5px;
}

#customizer-tab-body-fitting #customizer-element-fit {
    order: 2;
    margin-top: 40px;
}

#customizer-element-size-need-help-action,
#customizer-tab-body-fitting #customizer-element-fitting-need-help-action {
    margin-bottom: 30px;
    order: 0;
    color: #009CDA;
    cursor: pointer;
    font-weight: bold;

}

#customizer-element-fitting-need-help-action {
    margin-bottom: 40px;
}

#customizer-element-size-need-help-action {
    margin-bottom: 20px;
}

#customizer-size-hide-icon,
#customizer-tab-body-tongue .customizer-element-title,
#customizer-tab-body-fitting .customizer-element-title {
    font-weight: bold;
    font-family: 'din-2014';
}

.arrows {
    display: flex;
    justify-content: space-between;
    position: fixed;
    bottom: 21px;
    width: 100%;
    padding: 30px 22px;
    right: 21px;
    background-color: #ffffffe6;
    max-width: 400px;
    margin-left: auto;
    overflow: hidden;
    border-bottom-right-radius: 6px;
}

/*tongue*/
#customizer-tab-body-tongue .customizer-tab-body-description {
    margin-bottom: 40px;
}

#customizer-tab-body-tongue .customizer-information-element-item.selected div:nth-child(2) {
    font-weight: bold;
    font-size: 20px;
}

/*personalization*/
#customizer-element-runner_personalization_name input,
#customizer-element-runner_personalization_number input,
#customizer-element-group-tongue_personalization #customizer-element-tongue_personalization_number input,
#customizer-element-group-tongue_personalization #customizer-element-tongue_personalization_name input {
    width: 100%;
    margin-bottom: 5px;
    height: 40px;
    border: solid 1px #808080;
    ;
}

#customizer-element-group-tongue_personalization .customizer-input-element-container {
    margin-bottom: 15px;
}


.customizer-input-element-counter {
    display: none;
}

#customizer-element-group-tongue_personalization .customizer-list-element-checkbox-item {
    display: flex;
    gap: 10px;
    align-items: center;
    font-weight: bold;
}

#customizer-summary-group-tongue_personalization {
    display: none;
}

/*tongue end*/

/*fit guide modal*/
#teleport-size,
#size-guide,
#teleport-pattern-compare,
#teleport-pattern-guide,
#teleport-flex,
#fit-guide {
    position: absolute;
    top: 0;
    right: 0;
    /* Initial position */
    padding: 40px;
    background: #0077C8;
    width: 100%;
    color: white;
    z-index: 11;
    transition: transform 0.3s ease;
    height: 100%;
    overflow: auto;
    transform: translateX(100%);
    display: none;
}

#customizer-root .teleport-flex select {
    width: 96%;
}

.second-block,
.first-block {
    position: relative;
    max-width: 315px;
    margin: auto;
}

.metafield-rich_text_field h2 {
    font-size: 30px;
    padding-top: 30px;
    margin-bottom: 15px;
}

.slide img {
    object-fit: contain;
    background: white;
}

.fit-slider {
    position: relative;
    width: 100%;
    overflow-x: auto;
}

.slides {
    text-align: center;
    display: flex;
    gap: 15px;
    transition: transform 0.5s ease-in-out;
    white-space: unset;
    width: calc(100% + 300px);
    padding-left: 85px;
}

.slide {
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
    max-width: 140px;
}

.fit-modal-heading {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    font-family: 'din-2014';
}

.slide .text-fit {
    max-width: 160px;
    text-align: center;
    margin: auto;
}

.slide .text-fit h4 {
    margin: 0;
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 20px;
    font-family: 'din-2014';
}

.slide .text-fit p {
    margin-top: 5px;
}

#prevBtn2,
#nextBtn2,
#prevBtn,
#nextBtn {
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    background-color: transparent;
    color: #fff;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    z-index: 1;
}

.second-block #prevBtn2,
.second-block #nextBtn2,
.second-block #prevBtn,
.second-block #nextBtn {
    top: 35%;
}

#prevBtn2,
#prevBtn {
    left: 20px;
}

#nextBtn2,
#nextBtn {
    right: 20px;
}

/*fit guide modal end*/


/*size guide */
#customizer-tab-body-review .customizer-tab-body-description a {
    color: #009CDA;
}

.customizer-element-summary-group {
    padding-bottom: 10px;
    padding-top: 10px;
}

.customizer-element-summary-item {
    font-weight: bold;
}
.customizer-element-summary-group-title,
.customizer-element-summary-item-element-name {
    text-transform: capitalize;
    font-weight: normal;
    font-size: 14px;
}

div#optional_id .customizer-element-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    margin-top: 5px;
}

.no-bg {
    background-color: transparent;
    border: none;
    padding: 0;
}

#pro-custom {
    background: #E6E6E680;
    margin-top: 15px;
    border-radius: 20px;
}

#pro-custom .top-pro-content {
    padding: 25px;
}

#pro-custom .title {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 16px;
}

#pro-custom ul {
    padding-left: 0;
    list-style: none;
    margin: 5px 0;
}

#pro-custom ul li {
    font-size: 14px;
}

#pro-custom hr {
    margin: 15px 0;
    background: #CCCCCC;
}

#pro-custom h4 {
    font-size: 14px;
    margin: 0;
}

#pro-custom .image-card {
    position: relative;
}

#pro-custom .image-card .image-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    padding: 20px;
}

.image-content h2 {
    letter-spacing: 2px;
    margin: 5px 0;
}

#pro-custom .image-card .image {
    background: #383333;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    height: 390px;
}

#pro-custom .image-card .image img {
    opacity: .8;
    height: 90%;
    object-fit: cover;
    padding-top: 30px;
}

#pro-custom p {
    margin: 0;
}

#pro-custom .image-card .image-content {
    color: white;
}

#pro-custom .image-card .image-content h3 {
    font-size: 20px;
    font-family: 'din-2014-narrow';
    letter-spacing: 0;
    margin: 15px 0;
}

#pro-custom button {

    font-family: din-2014-narrow;
    font-weight: 400;
    border-radius: 30px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 16px;
    width: 100%;
    max-width: fit-content;
    padding: 15px 30px;
    border: solid 1px;
    height: 40px;
    letter-spacing: 1px;
    margin-top: 15px;
    border: none;
    margin: auto;
    margin-top: 15px;
}

#pro-custom .pro-description {
    font-size: 14px;
    margin-top: 10px;
    line-height: 16px;
}

#customizer-element-size_how_it_works .customizer-information-element-body {
    margin-bottom: 40px;
}

#customizer-element-sizing_info .customizer-information-element-body,
#customizer-element-size_how_it_works .customizer-information-element-body,
#review-tab-bottom-note,
#vu-date {
    background: #009cda14;
    padding: 20px;
    color: #009CDA;
    border-radius: 10px;
    margin-bottom: 10px;
}

#vu-date {
    margin-bottom: 15px;
}

#review-tab-bottom-note {
    order: 3;
    margin-top: 30px;
}

.customizer-element-summary-group.included {
    position: relative;
}

.customizer-element-summary-group.included:after {
    content: 'included';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    background: #009CDA;
    color: white;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .2px;
}

.customizer-element-summary-total-price .customizer-element-summary-total-price-label {
    display: none;
}

.customizer-element-summary-total-price .customizer-element-summary-total-price-value {
    font-size: 30px;
    font-weight: bold;
    margin-top: 15px;
}

.desktop-hide {
    display: none;
}

#flex-size {
    font-size: 60px;
    color: #9EE14C;
    font-weight: bold;
}

.flex-heading {
    margin-bottom: 0;
    font-size: 20px;
}

vu-flex-snippet .toggle-wrapper {
    margin-top: 30px;
}

vu-flex-snippet h4 {
    margin: 10px 0;
    font-size: 20px;
}

vu-flex-snippet select {
    background-color: white;
}

/*vu size guide*/
.size-guide-table .headings {
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #0096FA;

}

.size-guide-table .headings h3 {
    font-size: 16px;
    font-family: 'din-2014';
    font-weight: bold;
}

vu-size-guide-container table:not([class]) td {
    font-size: 20px;
    font-family: 'din-2014';
    padding: 10px 0;
}

vu-size-guide-container table:not([class]) td,
vu-size-guide-container table:not([class]) th,
vu-size-guide-container table:not([class]) {
    box-shadow: none;
    width: 100%;
    border: none;
}

.size-guide-table tr {
    border-bottom: solid 1px #0096FA;
}

table td:nth-child(2) {
    text-align: end;
}



.toggle-container {
    text-align: center;
}

.toggle {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.toggle input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider.round {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    -webkit-transition: .4s;
    transition: .4s;
    border: 2px solid white;
    border-radius: 34px;
}

.slider.round:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 2px;
    bottom: 2px;
    background-color: #9EE14C;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;

}

input:checked+.slider.round {
    border-color: white;
    /* Keep border when toggled on */
}

input:checked+.slider.round:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.round {
    border-radius: 34px;
}

.toggle-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 25px;
    margin-bottom: 10px;
}

.toggle-wrapper h3 {
    font-family: 'din-2014';
    font-size: 20px;
}

vu-size-guide-container a {
    color: #9EE14C;
    text-decoration: none;
}

.customizer-list-element.customizer-element.customizer-disabled select {
    background: #E6E6E6 !important;
}

#customizer-element-size_find_your_size .customizer-information-element-item {
    gap: 15px;
    align-items: center;
    display: flex;
    background: #009CDA;
    padding: 20px 20px;
    font-weight: bold;
    color: white;
    font-family: 'din-2014';
    border-radius: 10px;
    cursor: pointer;
    margin-bottom: 20px;
    position: relative;
    padding-left: 70px;

}

#customizer-element-size_find_your_size .customizer-information-element-item:before {
    content: '';
    width: 55px;
    height: 30px;
    position: absolute;
    left: 20px;
    top: 50%;
    background-image: url(https://cdn.shopify.com/s/files/1/0555/9818/6772/files/qrcode-24px.png?v=1714402905);
    display: block;
    transform: translate(0, -50%);
    background-repeat: no-repeat;
    background-size: contain;
}

#customizer-element-size_find_your_size .customizer-information-element-item p {
    color: white;
}

#result {
    font-family: 'din-2014';
    font-weight: bold;
    font-size: 60px;
    color: #9EE14C;

}

flex-guide label {
    font-size: 20px;
    font-weight: bold;
    font-family: 'din-2014';
}

#customizer-root flex-guide select {
    margin-bottom: 15px;
    width: 96%;
}

flex-guide {
    width: 100%;
}

flex-guide a {
    color: #9ee14c;
    text-decoration: none;
}

#customizer-root flex-guide select {
    position: relative;
    margin-top: 10px;
}

#customizer-root flex-guide .field-two,
#customizer-root flex-guide .field-one {
    position: relative;
}

#customizer-root flex-guide .field-two:before,
#customizer-root flex-guide .field-one:before {
    content: url(/cdn/shop/files/chevron-down-16px.svg?v=1708466158) !important;
    position: absolute !important;
    top: 58% !important;
    right: 15px !important;
    transform: translateY(-42%) !important;
    height: 15px !important;
    z-index: 11;
}

@media screen and (max-width: 1250px) and (min-width: 991px) {

    /*.right-side{
        padding-left: 5px;
        padding-right: 5px;
    }*/
    .customizer-material-group {
        gap: 10px;
    }

    .flex-wrapper.bauer-cta {
        grid-template-columns: 1fr;
    }

    #pro-custom .image-card .image {
        height: 400px;
    }

    #pro-custom button {
        padding: 10px;
    }

    .arrows {
        padding: 30px 5px;
    }

    #intractive-buttons {
        width: 100%;
        justify-content: end;
    }
}

@media screen and (max-width: 991px) {
    #customizer-main-perspective canvas {
        margin-top: 0;
        min-height: 100%;
    }

    #customizer-reset-view {
        font-size: 0;
    }

    .modal__open {
        max-width: 100%;
        justify-content: center;
    }

    .customizer-add-to-cart-button {
        position: absolute;
        bottom: 30px;
        right: 10px;
        padding: 0 30px;
        height: 45px;
        top: 50%;
        transform: translate(0, -50%);
    }

    .flex-wrapper.bauer-cta {
        grid-template-columns: 1fr;
    }

    .modal {
        padding: 0;
    }

    .right-side {
        padding-bottom: 120px;
        padding-top: 30px;
    }

    #mobile-close {
        display: block;
        background-color: transparent;
        border: none;
        position: fixed;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0);
        height: 30px;
        background: white;
        z-index: 1111;
        width: 100%;
        touch-action: none;
    }

    #customizer-root,
    .modal-content {
        border-radius: 0;
    }

    .vu-next,
    .vu-previous {
        position: unset;
    }

    .arrows {
        position: fixed;
        bottom: 30px;
        padding: 15px;
        left: 0;
        width: 100%;
        margin: 0;
        max-width: 100%;
    }

    .progress-bar {
        position: fixed;
        bottom: 30px;
    }

    .mobile-hidden {
        display: none !important;
    }

    .two-grid {
        display: grid;
        grid-template-columns: 1fr;

    }

    .close {
        position: absolute;
    }

    .resizable-handle {
        display: block;
    }

    .resizable-handle svg {
        width: 100%;
        fill: transparent;
    }

    .resizable-handle svg rect {
        fill: transparent;
    }

    .customizer-price {
        font-size: 20px;
    }

    #customizer-reset-button,
    .customizer-product-name {
        font-size: 16px;
    }

    #customizer-reset-button span,
    .product_logo {
        display: none;
    }
}

@media screen and (max-width: 750px) {
    .mobile-hide {
        display: none;
    }

    .desktop-hide {
        display: block;
    }

    .top-right.hide-icon {
        position: absolute;
        top: 30px;
        right: 30px;
        left: 50%;
        right: unset;
        transform: translate(-50%, 0);
    }

    #teleport-size,
    #size-guide,
    #teleport-pattern-compare,
    #teleport-pattern-guide,
    #teleport-flex,
    #fit-guide {
        transform: unset;
        transform: translateY(100%);
    }
}

.customizer-material-item {
    position: relative;
}

div#optional_id .customizer-element-title {
    font-size: 30px;
    letter-spacing: 0;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
}

button.close.mobile-hidden {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    background: #ffffffe6;
    position: fixed;
    max-width: 375px;
    width: 100%;
    top: 22px;
    right: 38px;
    z-index: 1;
    padding: 25px 10px 15px 25px;
}

.vu-form {
    border-radius: 0;
    padding: 10px;
    border: solid .5px;
    width: 100%;
    height: 50px;
    font-size: 24px;
    padding-left: 20px;
}

.klaviyo-form--vu {
    position: relative;
}

.klaviyo-form--vu ::placeholder {
    color: #B3B3B3;
    font-weight: 100;
    font-family: 'din-2014-narrow';
}

.vu-form {
    border-radius: 0;
    padding: 10px;
    border: solid .5px;
    width: 100%;
    font-family: din-2014;
    letter-spacing: .05em;
}

.klaviyo-form--vu .save-close {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: black;
    color: white;
    border: none;
    letter-spacing: 1.1px;
    font-size: 24px;
    font-family: 'din-2014';
    width: 130px;
}

.customizer-information-element-item div div {
    font-weight: bold;
    font-family: 'din-2014';
    margin-bottom: 6px;
}

#customizer-element-blade_personalize_options .customizer-information-element-item *,
#customizer-element-blade_options .customizer-information-element-item *,
#customizer-element-sizing_info .customizer-information-element-item * {
    font-weight: normal;
}

#customizer-element-sizing_info .customizer-information-element-body div {
    margin: 0;
}

#customizer-element-sizing_info .customizer-information-element-body b {
    font-weight: bold;
}

#customizer-element-blade_personalize_options .customizer-information-element-body b,
#customizer-element-blade_options .customizer-information-element-body b {
    font-weight: bold;
}

#customizer-element-sizing_info .customizer-information-element-body .customizer-information-element-item&gt;div&gt;div&gt;div:first-child {
    margin-bottom: 5px;
}

.customizer-information-element-item div div+div {
    font-weight: normal;
    font-size: 16px;
}

#customizer-element-blade_personalize_options,
#customizer-element-blade_options {
    margin: 10px 0 20px 0;
}

#customizer-element-size_how_it_works .customizer-information-element-item div div {
    font-size: 16px;
}

input.customizer-input-element-input {
    text-transform: uppercase;
}

input.customizer-input-element-input::placeholder {
    text-transform: none;
    /* Set to normal case */
}

#expectedDelivery {
    font-weight: bold;
}

div#vu-date span {
    font-size: 14px;
}

.customizer-information-element-item img {
    max-width: 330px !important;
    border-radius: 10px;
    margin-bottom: 5px;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

#fit-guide .first-block p:nth-of-type(1) {
    font-weight: bold;
}

#customizer-tab-body-fitting .customizer-information-element-item div div {
    font-weight: 300 !important;
    font-size: 16px !important;
}

button#shareButton {
    border: solid 1px grey;
    border-radius: 30px;
    width: 100px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 20px;
    width: 150px;
    height: 42px;
    padding-left: 10px;
    margin: 0;
}

button#shareButton:hover {
    border-color: #29c2ff;
}

button#shareButton:hover svg * {
    stroke: #29c2ff !important;
}

.customizer-hidden {
    display: none !important;
}

.sub-modal-share-close,
.sub-modal-close,
.sub-modal {
    font-size: 16px;
    color: #009CDA;
    cursor: pointer;
}

modal-checkbox {
    display: flex !important;
    gap: 10px;
    align-items: center;
}

div#qr-modal .additional-modal-content {
    max-width: 380px !important;
    padding: 30px;
}

#customizer-element-color .customizer-list-element-swatch-item-thumbnail {
    width: 70px;
    height: 70px;
    display: block !important;
    background-size: contain ! Important;
}

#customizer-element-color .customizer-list-element-swatch-item-name {
    display: none;
}

#customizer-element-group-tongue_personalization .customizer-element-group-container {
    display: flex;
    flex-direction: column;
    margin: 5px;
}

div#customizer-element-tongue_personalization_left {
    order: 3;
}

#review-tab-bottom-note,
.pro-description,
#vu-date,
div#fit-guide *,
.metafield-rich_text_field h2,
#customizer-element-size_find_your_size .customizer-information-element-item p,
.additional-modal-content *,
.steps,
.loading-bottom-text {
    font-family: 'din-2014';
}

#customizer-tab-body-model_tab .customizer-tab-body-summary,
#customizer-tab-body-runner_tab .customizer-tab-body-summary,
#customizer-tab-model_tab .customizer-tab-summary,
#customizer-tab-runner_tab .customizer-tab-summary,
#customizer-tab-model_tab .customizer-tab-summary,
#customizer-tab-runner_tab .customizer-tab-summary,
#customizer-element-tongue_personalization_confirm .customizer-element-title,
#customizer-tab-body-personalization .customizer-tab-body-summary,
#customizer-tab-personalization .customizer-tab-summary,
#customizer-element-tongue_personalization_left .customizer-element-title,
#customizer-element-tongue_type .customizer-element-title,
#customizer-tab-body-tongue .customizer-tab-body-summary,
#customizer-tab-fitting .customizer-tab-summary,
div#customizer-tab-body-fitting .customizer-tab-summary-items,
div#customizer-tab-tongue .customizer-tab-summary,
#customizer-element-fit .customizer-element-title,
div#customizer-tab-fitting .customizer-tab-summary-items {
    display: none !important;
}

#customizer-tab-container {
    margin-bottom: -5px !important;
}

div#qr-modal .additional-modal-content {
    border-radius: 10px;
    padding: 40px;
}

#qr-modal .progress-saved {
    padding-bottom: 20px;
}

.size-guide-table .metafield-rich_text_field p {
    font-family: 'din-2014';
}

#qr-modal img {
    width: 250px;
    height: 250px;
    margin: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    object-fit: contain;
}

.metafield-rich_text_field a {
    color: #9EE14C;
}

#fit-guide .metafield-rich_text_field {
    margin-bottom: 30px;
}

div#fit-guide .slide img {
    border-radius: 10px;
}

.second-fit-slider.fit-slider::-webkit-scrollbar,
.first-fit-slider.fit-slider::-webkit-scrollbar {
    display: none;
}

#list-element-html-tongue_model,
#list-element-html-tongue_type {
    text-transform: uppercase;
    margin: 3px;
}

#list-element-html-tongue_model {
    margin-top: 40px;
}

#customizer-disabled .customizer-input-element-container input {
    background-color: #E6E6E6;
}

.product_logo img {
    max-width: 130px;
    object-fit: contain;
}

.vu-next.disabled {
    opacity: .5;
}

.customizer-element-container&gt;div {
    border-top: solid 1px #CCCCCC;
    padding-top: 13px;
    padding-bottom: 13px;
}

#customizer-element-summary-item-tongue_personalization_name,
#customizer-element-summary-item-tongue_personalization_number,
div#customizer-element-summary-item-size_right,
div#customizer-element-summary-item-size_left {
    display: flex;
    gap: 5px;
}

#customizer-element-summary-item-tongue_personalization_name *,
#customizer-element-summary-item-tongue_personalization_number *,
div#customizer-element-summary-item-size_right *,
div#customizer-element-summary-item-size_left * {
    font-weight: bold;
}

div#customizer-element-summary-item-size_right *,
div#customizer-element-summary-item-size_left * {
    font-size: 16px;
}

.customizer-element-summary-item-element-name:after {
    content: ':';
}

#customizer-element-summary-item-tongue_model .customizer-element-summary-item-element-name:after,
#customizer-element-summary-item-color .customizer-element-summary-item-element-name:after {
    content: '';
}

.customizer-information-element-item img {
    border: solid 1px #CCCCCC;
}
#customizer-element-profiling_image .customizer-information-element-item img{
    border: none;
}

#note-modal-share button.transparent-button,
#note-modal button.transparent-button {
    position: absolute;
    right: 30px;
    top: 45px;
}

.action-element.customizer-element.customizer-disabled {
    background: #d3d3d3 !important;
    opacity: .5;
    cursor: not-allowed !important
}

#pro-custom .top-pro-content *,
.customizer-information-element-item * {
    font-family: 'din-2014';
}

#customizer-tab-body-personalization .customizer-element-title {
    margin: 0;
}

.modal-footer button {
    text-transform: uppercase;
}

#customizer-element-tongue_model .customizer-element-title {
    display: none;
}

.procustom img {
    max-width: 130px !important;
}

#pro-custom .image-content p {
    font-size: 14px;
    font-family: 'din-2014';
    padding: 0 28px;
}

#pro-custom a {
    text-decoration: none;
    color: #009CDA;
}

#pro-custom {
    position: relative;
}

.included {
    position: absolute;
    top: 25px;
    right: 20px;
    background-color: #009CDA;
    color: #fff;
    font-size: 10px;
    font-family: din-2014;
    font-weight: 700;
    padding: 0 10px;
    border-radius: 50px;
}

.pro-custom-button {
    text-decoration: none;
    color: #009cda;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: fit-content;
    gap: 10px;
    margin: auto;
    margin-top: 10px;
    padding: 10px 30px;
    border-radius: 50px;
    height: 40px;
    font-family: 'din-2014-narrow';
    color: black !important;
    letter-spacing: 1px;
}

.vu-previous.disabled svg {
    fill: #E6E6E6;
    border: #E6E6E6;
}

.vu-previous.disabled svg rect {
    stroke: #B3B3B3;
}
}

.vu-previous.disabled svg path {
    stroke: #B3B3B3;
}
}

div#customizer-element-color {
    margin-top: 15px;
}

#fit-guide .size-guide-table .metafield-rich_text_field p:nth-of-type(1),
#teleport-size .size-guide-table .metafield-rich_text_field p:nth-of-type(1) {
    font-weight: bold;
}

.slide .text-fit p {
    font-weight: normal !important;
}

#share-heading,
#progress-saved {
    font-family: 'din-2014-narrow';
}

#customizer-tab-body-personalization .customizer-tab-body-description {
    margin-bottom: 45px;
}

#customizer-element-tongue_personalization_name .customizer-element-title,
#customizer-element-tongue_personalization_number .customizer-element-title {
    margin-bottom: 8px;
}

#customizer-tab-body-review .customizer-tab-body-description {
    margin-bottom: 40px;
}

.customizer-tab-body {
    margin-left: 5px;
    margin-right: 5px;
}

div#vu-date p {
    margin: 0;
}

div#customizer-element-summary-group-size_size .customizer-element-summary-group-title {
    text-transform: lowercase;
    font-size: 14px;
}

div#customizer-element-summary-group-size_size .customizer-element-summary-group-title:first-letter {
    text-transform: uppercase;
}

div#customizer-element-personalization-layout div p:nth-child(1) {
    margin-bottom: 10px;
}

div#customizer-element-personalization-layout div p:nth-child(2) {
    margin-bottom: 40px;
    margin-top: 0;
}

#customizer-share-link {
    display: none;
}

.vu-form-loading {
    display: none;
    position: absolute;
    top: 50%;
    right: 140px;
    transform: translate(0, -50%);
    height: 30px;
}

.vu-form-loading dotlottie-player {
    width: 30px ! Important;
    height: 30px !important;
}

.vu-form-loading svg {
    width: 30px;
    height: 30px;
}

:lang(fr) div#customizer-element-fit .customizer-element-value-container {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 10px;
}

:lang(fr) div#customizer-element-fit .customizer-element-value-container .customizer-list-element-buttons-item,
:lang(fr) #customizer-element-fit button.customizer-list-element-buttons-item.customizer-list-element-item-selected {
    width: 100% !important;
}

:lang(fr) #customizer-element-tongue_model .customizer-element-value-container .customizer-list-element-buttons-item {
    font-size: 16px;
    letter-spacing: 1px;
}

:lang(fr) #customizer-element-fit button.customizer-list-element-buttons-item.customizer-list-element-item-selected {
    height: 45px;
}

:lang(fr) div#customizer-element-fit .customizer-element-value-container .customizer-list-element-buttons-item {
    height: 45px;
}

@media screen and (max-width: 750px) {
    .progress-bar {
        border-radius: 0;
    }

    #customizer-main-perspective canvas {
        margin-top: 10%;
        min-height: 90%;
        max-height: 90%;
    }

    .klaviyo-form--vu .save-close {
        position: unset;
        width: 100%;
        height: 50px;
        margin-top: 15px;
    }

    .mobile-hide {
        display: none;
    }

    .desktop-hide {
        display: block;
    }

    .top-right.hide-icon {
        position: absolute;
        top: 30px;
        right: 30px;
        left: 50%;
        right: unset;
        transform: translate(-50%, 0);
    }

    #teleport-size,
    #size-guide,
    #teleport-pattern-compare,
    #teleport-pattern-guide,
    #teleport-flex,
    #fit-guide {
        transform: unset;
        transform: translateY(100%);
    }
}

@media screen and (max-width: 450px) {
    :lang(fr) #customizer-element-tongue_model .customizer-element-value-container .customizer-list-element-buttons-item {
        font-size: 16px !important;
        letter-spacing: .5px !important;
    }

    :lang(fr) div#customizer-element-sizes-reset-action {
        letter-spacing: 1px !important;
    }

    .button-round.customizer-add-to-cart-button.button--primary.button--small.button--round {
        letter-spacing: 1px !important;
        font-size: 18px;
    }

    :lang(fr) div#customizer-element-fit .customizer-element-value-container .customizer-list-element-buttons-item,
    div#customizer-element-fit .customizer-element-value-container .customizer-list-element-buttons-item {
        letter-spacing: 1.5px !important;
        font-size: 20px !important;
    }

    #customizer-element-tongue_model .customizer-element-value-container .customizer-list-element-buttons-item {
        font-size: 18px !important;
        letter-spacing: .8px !important;
    }


}

@media screen and (max-width: 380px) {

    .right-side {
        padding-left: 25px;
        padding-right: 25px;
    }

    #fit-guide {
        padding: 25px;
    }

    .additional-modal-content {
        padding: 45px;
    }

    .top-left {
        position: absolute;
        top: 0;
        left: 0;
        gap: 30px;
        align-items: center;
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 20px 20px;
        padding-bottom: 15px;
        background-color: #E6E6E6E5;
    }

    #customizer-main-perspective {
        min-height: 250px;
    }
}

.customizer-list-element-swatch-item-thumbnail:hover {
    border: solid 1px lightgrey;
    border-radius: 50px;
}

.customizer-list-element-html-item:not(.customizer-list-element-item-selected):hover {
    background: #29c2ff !important;
    color: white !important;
    outline-color: #29c2ff !important;
}

#right-side .arrows .hidden-important {
    display: none !important;
}

#vu-previous:hover svg rect,
#vu-previous:hover svg path {
    stroke: #29c2ff !important;
}

.customizer-information-element-item #pro-custom img {
    border: none;
}

#customizer-element-color button.customizer-list-element-buttons-item {
    background: transparent;
    width: 70px;
    height: 70px;
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
}

#customizer-element-color button.customizer-list-element-buttons-item span {
    display: none;
}

#customizer-element-color button.customizer-list-element-buttons-item.customizer-list-element-item-selected.customizer-list-element-item-selected {
    border: solid 2px #808080 ! Important;
    border-radius: 50px;
}

div#customizer-element-fit .customizer-element-value-container {
    display: flex;
    gap: 8px;
    margin: 2px;
    justify-content: space-between;
    max-width: 340px;
    align-items: center;
}

div#customizer-element-personalization-layout * {
    font-family: 'din-2014';
}

#customizer-element-tongue_model .customizer-element-value-container {
    display: flex;
    gap: 10px;
    margin: 2px;
    flex-direction: column;
    max-width: 340px;
}

div#customizer-element-fit .customizer-element-value-container .customizer-list-element-buttons-item {
    width: 104px;
    background: transparent;
    color: black;
    height: 40px;
    font-size: 20px;
    letter-spacing: 2px;
    border-radius: 50px;
    border: none;
    font-family: 'din-2014';
    border: solid 1px #808080;
}

#customizer-element-tongue_model .customizer-element-value-container .customizer-list-element-buttons-item:hover,
div#customizer-element-fit button.customizer-list-element-buttons-item:hover {
    box-shadow: 0 0 0 2px #808080;
    border: solid 3px;
    height: 45px !important;
    background: black;
    color: white;
}

#customizer-element-fit button.customizer-list-element-buttons-item.customizer-list-element-item-selected {
    box-shadow: 0 0 0 2px #808080;
    border: solid 3px;
    height: 45px;
    width: 104px;
    background: black;
    color: white;
}

:lang(fr) div#customizer-element-fit .customizer-element-value-container .customizer-list-element-buttons-item,
:lang(fr) #customizer-element-fit button.customizer-list-element-buttons-item.customizer-list-element-item-selected {
    width: 100%;
}

#customizer-element-tongue_model button.customizer-list-element-buttons-item.customizer-list-element-item-selected,
#customizer-element-tongue_model .customizer-element-value-container .customizer-list-element-buttons-item {
    width: 100% !important;
}

#customizer-element-tongue_model .customizer-element-value-container .customizer-list-element-buttons-item {
    background: white;
    color: black;
    height: 45px;
    font-size: 18px;
    letter-spacing: 1px;
    border-radius: 50px;
    border: solid 1px #808080;
    text-transform: uppercase;
    font-family: 'din-2014';
}

#customizer-element-tongue_model .customizer-element-value-container .customizer-list-element-buttons-item.customizer-list-element-item-selected {
    background: black;
    color: white;
    box-shadow: 0 0 0 2px #808080;
    border: solid 3px;
    height: 45px;
}

#customizer-element-tongue_model {
    margin: 3px;
    margin-top: 40px;
}

#review-tab-bottom-note p {
    margin: 0;
}

button#vu-previous:focus-visible,
button.customizer-list-element-buttons-item:focus-visible {
    border-radius: 50px;
}

.checkbox-close-modal {
    min-width: 3rem;
}

#customizer-tab-body-container {
    position: unset !important;
}

#customizer-tab-body-runner_tab .customizer-element-title {
    margin-bottom: 5px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
}


/* Container styling */
#list-element-radio-runner_sharpening_type {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 50px;
    padding: 5px;
    position: relative;
    height: 45px;
}

/* Hide the radio buttons */
#customizer-element-runner_sharpening_type .customizer-list-element-radio input[type="radio"] {
    display: none;
}

/* Label styling for each option */
#customizer-element-runner_sharpening_type .customizer-list-element-radio label {
    flex: 1;
    text-align: center;
    padding: 10px 0;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 50px;
}

#customizer-element-runner_sharpening .customizer-element-value-container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

/* Styling for the selected and unselected states */
#customizer-element-runner_sharpening_type .customizer-list-element-radio-item label {
    color: #4A90E2;
    background-color: transparent;
    font-weight: normal;
}

#customizer-element-runner_sharpening_type input[type="radio"]+label {
    padding: 6px 4px;
    width: 100%;
    display: inline-block;
}

/* Style for the active label */
#customizer-element-runner_sharpening_type input[type="radio"]:checked+label {
    background-color: black;
    color: white;
}

/* Add a transition effect to give a toggle feel */
#customizer-element-runner_sharpening_type .customizer-list-element-radio label {
    transition: background-color 0.3s, color 0.3s;
}


/* Add spacing between items to create rounded corners */
#customizer-element-runner_sharpening_type .customizer-list-element-radio-item label {
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
}


#customizer-element-runner_sharpening_type .customizer-list-element-radio-item {

    display: unset;

}

#customizer-element-group-runner_personalization .customizer-element-group-container {
    display: flex;
    flex-direction: column;
}

div#customizer-element-runner_personalization_confirm {
    order: 3;
}

div#customizer-element-runner_personalization_confirm #list-element-radio-runner_personalization_confirm {
    display: inline-flex;
    gap: 15px;
    margin-top: 30px;
}


.customizer-tab-name {
    margin-bottom: 15px;
}

div#customizer-element-runner_profiling .customizer-element-value-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
}

button[data-code="goalie_sam"],
button[data-code="goalie_win"],
button[data-code="goalie_ellipse"],
button[data-code="power_quad"],
button[data-code="zuperior"],
button[data-code="ellipse"] {
    grid-column: 1/4;
}

#customizer-element-runner_sharpening .customizer-list-element-buttons-item,
#customizer-element-runner_profiling .customizer-list-element-buttons-item {
    background: white;
    color: black;
    height: 45px;
    letter-spacing: 1px;
    border-radius: 50px;
    border: solid 1px #808080;
    text-transform: uppercase;
    position: relative;
    font-family: 'din-2014';
    font-size: 20px;
}

#customizer-element-runner_sharpening .customizer-list-element-buttons-item.customizer-list-element-item-selected,
#customizer-element-runner_profiling .customizer-list-element-buttons-item.customizer-list-element-item-selected {
    background: black;
    color: white;
    box-shadow: 0 0 0 2px #808080;
    border: solid 3px;
}

#customizer-element-runner_sharpening .customizer-list-element-buttons-item:hover,
#customizer-element-runner_profiling .customizer-list-element-buttons-item:hover {
    box-shadow: 0 0 0 2px #808080;
    border: solid 3px;
    height: 45px !important;
    background: black;
    color: white;
}

#customizer-element-runner_sharpening .customizer-list-element-buttons-item:before {
    content: url('https://cdn.shopify.com/s/files/1/0555/9818/6772/files/Rectangle_8.svg?v=1734707769');
    color: red;
    position: absolute;
    left: 30px;
    top: 58%;
    transform: translate(0, -50%);
}

button[data-code="none"] {
    display: block !important;
}

.customizer-list-element-checkbox-item {
    display: flex;
    align-items: center;
    gap: 20px;
    font-weight: bold;
}

#customizer-element-group-runner_personalization {
    margin-bottom: 30px;
}

#customizer-element-runner_sharpening #addtional-text {
    display: block !important;
    margin-top: 5px;
}

#customizer-element-runner_sharpening {
    display: grid;
    grid-template-columns: 1fr 26px;
    gap: 10px;
}

#customizer-element-runner_sharpening .customizer-element-title {
    grid-column: 1/3;
}

#customizer-element-group-runner_personalization {
    padding: 5px;
}



/*steel display none*/
#customizer-summary-items {
    display: none;
}

/* .customizer-element-summary-group-title, */
.customizer-element-summary-item-upcharge {
    display: none;
}

#customizer-element-summary-item-runner_personalization_number,
#customizer-element-summary-item-runner_personalization_name {
    display: flex;
    align-items: center;
    gap: 10px;
}

#customizer-element-runner_personalization_number {
    margin-bottom: 15px;
}

#customizer-element-blade_personalize_options {
    margin-left: 5px;
}

#customizer-element-runner_sharpening_type,
#customizer-element-runner_profiling {
    margin-top: 15px;
}

#customizer-element-fitting-need-help-action,
#customizer-element-size-need-help-action {
    background: transparent !important;
    border: none;
    text-align: start;
}

div#select_color_description p strong {
    font-weight: normal;
}

.tac.klaviyo-form--vu label {
    display: none;
}

#customizer-tab-body-runner_tab #customizer-element-profiling_image .customizer-element-value-container {
    display: grid;
    gap: 15px;
    margin-top: 15px;
}

#customizer-tab-body-runner_tab #customizer-element-profiling_image .customizer-element-value-container .customizer-list-element-images-item {
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    cursor: pointer;
}

#customizer-tab-body-runner_tab #customizer-element-profiling_image .customizer-element-value-container .customizer-list-element-images-item.customizer-selected {
    border: solid 1px black;
}

body.locked {
    position: absolute;
    width: 100%;
    overflow: hidden !important;
    top: 0;
    bottom: 0;
}

body.locked .shopify-section-header-sticky {
    position: fixed;
    width: 100%;
}


#customizer-tab-container .customizer-tab-icon {
    display: none;
}

#customizer-element-profiling_image .customizer-information-element-body .customizer-information-element-item div {
    padding: 0 20px;
    border: solid 1px #CCCCCC;
    border-radius: 10px;
    margin: 15px 0;
}
#customizer-add-to-cart-button[disabled="disabled"] {
    opacity: .5;
    cursor: not-allowed;
}

/* Error toast styling */
.error-toast {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ff3b30;
    color: white;
    padding: 12px 20px;
    border-radius: 5px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 9999;
    font-weight: bold;
    transition: opacity 0.3s ease;
}

.customizer-summary-item-element-name:after {
    content: ':';
}</pre></body></html>