configurator-drawer{--hover-grey: rgba(31, 4, 38, .03);--soft-brown: rgb(from var(--Colors-Amethyst) r g b / .6);line-height:22px;z-index:9999999999}configurator-drawer *{letter-spacing:0!important}configurator-drawer p{font-size:1.4rem;line-height:1.6rem}.caption_text{font-size:1.4rem;line-height:2.2rem}.caption_text__thin{font-size:1.4rem;line-height:1.6rem;white-space:nowrap}.caption_text__thin svg{vertical-align:text-top;margin-top:1px}configurator-drawer .cart__ctas button.button{width:100%;margin:unset;position:unset;transform:unset}.configurator_drawer__section{height:100%;display:flex;flex-direction:column}configurator-drawer .drawer__inner{padding:unset}configurator-drawer .configurator_drawer__section{padding:2.4rem;gap:2.4rem}configurator-drawer .shopify-section{height:100%}configurator-drawer .drawer__header{display:flex;flex-direction:column;background:var(--Colors-Titanium-Gradient);margin:0 -1.5rem 1.5rem;padding:1.5rem}configurator-drawer .step_image{max-width:25%;position:relative}configurator-drawer .step_image img{width:100%;height:100%;object-fit:contain}configurator-drawer .step_text{display:flex;flex-direction:column;justify-content:center}configurator-drawer .step_title .drawer__heading{text-transform:uppercase}configurator-drawer .drawer__step_info{display:flex;gap:24px}configurator-drawer .drawer__close,configurator-drawer .drawer__back{position:unset;min-width:unset;min-height:unset}configurator-drawer .drawer__close .svg-wrapper,configurator-drawer .drawer__back .svg-wrapper{height:1rem;width:1rem}configurator-drawer .drawer__close svg{stroke:var(--brand-color);stroke-width:1px}configurator-drawer .drawer__back svg{rotate:90deg}configurator-drawer .drawer__progress_bar{display:flex;align-items:center;gap:1.6rem}configurator-drawer .drawer__progress_bar .progress_percents{font-size:1.4rem;font-weight:900}configurator-drawer .drawer__progress_bar div.progress_bar{height:8px;border:.5px solid var(--Colors-Amethyst);border-radius:2rem;position:relative;width:100%}configurator-drawer .drawer__progress_bar div.progress_bar:after{content:"";position:absolute;top:0;left:0;height:100%;background:var(--soft-brown);border-radius:3px 0 0 3px}configurator-drawer configurator-extras .drawer__progress_bar div.progress_bar:after{border-radius:3px}configurator-drawer .drawer__heading{margin:unset;font-weight:900;line-height:2.4rem}configurator-drawer .step_description{font-size:1.4rem;line-height:1.6rem}configurator-drawer form input[type=radio]{display:none}configurator-drawer form input[type=text],configurator-drawer form input[type=email],configurator-drawer form input[type=tel],configurator-drawer form input[type=number],configurator-drawer form input[type=checkbox]{-webkit-appearance:none;appearance:none;border:.5px solid var(--brand-color);padding:8px 12px;font-size:14px;line-height:16px;font-family:inherit;width:100%}configurator-drawer form .appointment_search input{padding:8px 40px 8px 12px}configurator-drawer form input[type=checkbox]{height:20px;width:20px;padding:10px;margin:unset;position:relative;cursor:pointer}configurator-drawer form input[type=checkbox]:checked:after{content:"";position:absolute;top:2.5px;left:2.5px;height:15px;width:15px;background:var(--Colors-Amethyst)}configurator-drawer configurator-extras form input[type=checkbox]{display:none}configurator-drawer form input:focus-visible{outline:unset;outline-offset:unset;box-shadow:unset}configurator-drawer .appointment_search{display:flex;flex-grow:1;gap:.8rem;position:relative;margin-bottom:.8rem}configurator-drawer .appointment_search .my_location{position:absolute;top:10px;right:60px;cursor:pointer;display:flex}configurator-drawer .appointment_search .my_location svg{width:13px}configurator-drawer .appointment_search button{border:.5px solid var(--brand-color);background-color:var(--brand-color);fill:#fff;width:40px;cursor:pointer}configurator-drawer .appointment_search button svg{width:11px}configurator-drawer>*{color:var(--brand-color)!important}configurator-drawer .configurator_drawer__form_container{flex:1;overflow-y:scroll;scrollbar-width:none}configurator-drawer .drawer__form_option:not(.dropdown):has(label:hover){background-color:var(--hover-grey)}configurator-drawer .drawer__form_option:not(.dropdown) label:hover{cursor:pointer}configurator-drawer .drawer__form_option:has(input:checked:not([name=DatenschutzAGB]):not([name=sunglassesColor])){background:var(--Colors-Titanium-Gradient);border:none}configurator-drawer .drawer__form_option:has(input:checked):has(label:hover){background:var(--Colors-Titanium-Gradient-hover)!important}configurator-drawer .drawer__form_option svg{height:16px;width:16px;min-width:16px}configurator-drawer .drawer__form_option .svg-wrapper{width:auto;display:none}configurator-drawer .drawer__form_option:has(input:checked:not([name=sunglassesColor])) .svg-wrapper{display:inline-block}.drawer__form_option{border:.5px solid var(--Colors-Grey40);padding:24px;margin-bottom:.8rem;width:100%}.drawer__form_option.dropdown{border:unset;padding:unset;padding-top:.8rem}.drawer__form_option.dropdown ul{list-style:none;height:0;overflow-y:scroll;width:100%;padding:unset;box-shadow:0 6px 12px #0500140d;font-size:1.4rem;line-height:1.6rem;margin:unset;margin-top:-1.2rem;scrollbar-width:thin;transition:height .1s ease;scroll-snap-type:block}.drawer__form_option.dropdown ul.opened{height:200px}.drawer__form_option.dropdown li{padding:1.2rem 1.2rem 1.2rem 1.6rem;cursor:pointer;scroll-snap-align:center}.drawer__form_option.dropdown li:hover{background-color:var(--Colors-Grey05)}.drawer__form_option.dropdown button{-webkit-appearance:none;appearance:none;background:#fff;border:.5px solid var(--brand-color);padding:8px 12px;text-align:left;font-size:14px;line-height:16px;cursor:pointer;font-family:inherit}.drawer__form_option.dropdown button:has(~ul.opened){border:none;box-shadow:0 -6px 12px #0500140d}.drawer__form_option.dropdown button:has(~ul.opened) svg{rotate:-180deg}.drawer__form_option.dropdown button .svg-wrapper{display:block;height:auto;width:auto;float:right}.drawer__form_option.dropdown button svg{min-width:unset;width:10px;float:right;transition:rotate .1s}.drawer__form_option label{display:flex;flex-direction:column;gap:.4rem;position:relative}.drawer__form_option.dropdown label{gap:1.2rem}.configurator-appointment .drawer__form_option{display:flex;font-size:1.4rem;line-height:1.6rem;padding:1.6rem;margin-bottom:1.2rem;justify-content:space-between;cursor:pointer}.configurator-appointment .drawer__form_option:hover{background:var(--hover-grey)}.configurator-appointment .drawer__form_option .location_info{display:flex;flex-direction:column}.configurator-appointment .drawer__form_option .location_position{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.configurator-appointment .drawer__form_option .location_position svg{height:auto;width:19px;fill:var(--Colors-Grey60)}.configurator-appointment .drawer__form_option .location_back,.configurator-appointment .drawer__form_option .datetime_back{display:flex;align-items:center}.configurator-appointment .drawer__form_option .location_back svg,.configurator-appointment .drawer__form_option .datetime_back svg{min-width:unset;width:10px;rotate:90deg}.configurator-appointment #calendar{width:100%;padding:0;margin-top:1.2rem}.configurator-appointment #calendar *{font-size:1.2rem;line-height:1.4rem;font-family:inherit}.configurator-appointment #calendar .vc-header{margin-bottom:1.2rem}.configurator-appointment #calendar .vc-header__content button{font-size:1.4rem;line-height:1.6rem}.configurator-appointment #calendar .vc-week b{font-weight:400;color:var(--Colors-Grey40)}.configurator-appointment #calendar .vc-date{border-radius:100%;border:.5px solid var(--Colors-Grey40);padding:10px;width:32px;height:32px;margin-top:1.2rem}.configurator-appointment #calendar .vc-date button{color:var(--Colors-Amethyst)}.configurator-appointment #calendar .vc-wrapper{margin-left:-10px;margin-right:-11px}.configurator-appointment #calendar [data-vc-date-month=prev],.configurator-appointment #calendar [data-vc-date-month=next],.configurator-appointment #calendar [data-vc-date-week-day="0"]{border:unset}.configurator-appointment #calendar [data-vc-date-today],.configurator-appointment #calendar [data-vc-date-today] button{background-color:var(--Colors-Titanium-Gradient)}.configurator-appointment #calendar [data-vc-date-month=prev] button,.configurator-appointment #calendar [data-vc-date-month=next] button,.configurator-appointment #calendar [data-vc-date-week-day="0"] button{color:var(--Colors-Grey80)}.configurator-appointment #calendar [data-vc-date-selected],.configurator-appointment #calendar [data-vc-date-selected] button{background-color:var(--Colors-Amethyst);color:#fff}.configurator-appointment #calendar .vc-date:not([data-vc-date-selected]):hover,.configurator-appointment #calendar .vc-date:not([data-vc-date-selected]):hover button{background-color:var(--Colors-Grey40)}.configurator-appointment #time_schedule{margin-top:2.4rem;display:grid;grid-gap:.8rem 2.4rem;grid-template-columns:1fr 1fr;width:100%}.configurator-appointment #time_schedule .time{font-size:1.4rem;line-height:1.6rem;text-align:center;vertical-align:middle;padding-top:8px;padding-bottom:8px;border:.5px solid var(--Colors-Grey40);cursor:pointer}.configurator-appointment #time_schedule .time[data-available=false]{visibility:hidden}.configurator-appointment #time_schedule .time[data-selected]{background-color:var(--Colors-Amethyst);color:#fff}.configurator-appointment #time_schedule .time:not([data-selected]):hover{background-color:var(--Colors-Grey40)}.configurator-appointment .drawer__form_option.input_field__wrapper{padding:unset;border:none;margin-bottom:1.6rem}.configurator-appointment .drawer__form_option.input_field__wrapper.multi-column{display:flex;gap:1.2rem}.configurator-appointment p{margin-top:8px}configurator-drawer .configurator_drawer__form_container{overflow-x:scroll}configurator-drawer configurator-form .configurator_drawer__form_container{overflow:visible}configurator-drawer configurator-form{overflow:scroll;scrollbar-width:none}.drawer__form_option .option_header{display:inline-block}configurator-drawer .drawer__form_option .option_header .svg-wrapper{vertical-align:middle}configurator-drawer configurator-extras .drawer__form_option .svg-wrapper svg{width:12px;min-width:unset;stroke:var(--Colors-Amethyst)}configurator-drawer .drawer__form_option .notice{padding:2px 8px;background-color:var(--Colors-Grey10)}configurator-drawer .drawer__form_option .option_price{font-size:1.4rem}configurator-drawer .drawer__footer{border-top:unset;display:flex;flex-direction:column;gap:2.4rem;padding:unset}configurator-drawer .drawer__footer .cart__chosen_product{display:flex;gap:10px}configurator-drawer .drawer__footer .cart__chosen_product .chosen_product__image{position:relative;display:flex;align-items:center;max-width:25%}configurator-drawer .drawer__footer .cart__chosen_product .chosen_product__image img{width:100%;object-fit:contain}configurator-drawer .drawer__footer .cart__chosen_product .chosen_product__image:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0}configurator-drawer .drawer__footer .cart__chosen_product .chosen_product__details{display:flex;flex-direction:column}configurator-drawer .drawer__footer button{color:#fff}configurator-drawer .drawer__footer .button_svg svg{display:flex;align-items:center;height:20px;width:20px}configurator-drawer .drawer__footer .button_svg svg>*{fill:#fff}configurator-drawer configurator-extras .drawer__form_option .option_variants{display:none;gap:8px}configurator-drawer configurator-extras .drawer__form_option:has(input:checked:not([name=sunglassesColor])) .option_variants{display:flex}configurator-drawer configurator-extras .drawer__form_option .option_variant{max-width:64px}configurator-drawer configurator-extras .drawer__form_option .option_variants .option_image{width:64px;height:64px;display:block;background-size:contain}configurator-drawer configurator-extras .drawer__form_option .option_variants .option_name{font-size:1.2rem;line-height:1.6rem}configurator-drawer configurator-extras .drawer__form_option .option_variants .option_image{box-shadow:inset 6px 7px 20px #ffffff73}.option_variants .option_image[data-color=black]{background:#3a3838}.option_variants .option_image[data-color=green]{background:#14542899}.option_variants .option_image[data-color=amethyst]{background:#461753cc}.option_variants .option_image[data-color=brown]{background:var(--Colors-Grey80)}.option_variants input:checked+.option_image{border:2px solid var(--soft-brown)}.drawer__form_option[disabled]{color:#c1babd}.drawer__form_option[disabled]:not(:has(.notice)){pointer-events:none}.drawer__form_option[disabled]:has(.notice){cursor:default}.drawer__form_option[disabled]:has(.notice) label,.drawer__form_option[disabled]:has(.notice) input{pointer-events:none}.drawer__form_option[disabled]:has(.notice) .notice{display:flex;flex-wrap:wrap}.drawer__form_option[disabled]:has(.notice) .notice a{color:inherit}.drawer__form_option[disabled] svg{fill:#c1babd}.drawer__form_option .notice{margin-top:10px}.notice.caption_text__thin.disabled_notice{filter:opacity(.7)}
/*# sourceMappingURL=/cdn/shop/t/74/assets/component-configurator-drawer.css.map */