.global-media-settings.global-media-settings{border:none}@media screen and (min-width:750px){.installation-grid{display:grid;place-items:center;grid-template-columns:3fr 4fr;column-gap:.75rem}}@media screen and (min-width:990px){.installation-grid{display:grid;grid-template-columns:1fr 1fr}}.installation-content_image-container{--spacing: 2rem;position:relative;aspect-ratio:1/1;display:flex;align-items:center}.installation-content_image-container img{position:relative;display:block;z-index:2;width:calc(100% - calc(var(--spacing) * 3));margin:0 auto}.installation-content_image-container .background{z-index:1;position:absolute;top:0;height:100%;width:100%}@media screen and (min-width:990px){.installation-content_image-container img{width:75%;margin:0 auto}}.tabs-section-title{margin:.75rem 0;font-weight:700;font-size:1.25rem;color:#222}.tabs-container{margin-top:0;max-width:65ch}.tab-triggers{background:#e9e9e9;display:grid;grid-template-columns:repeat(2,1fr);column-gap:.375rem;padding:.375rem;border-radius:2px}.tab-trigger{background-color:#cdcdcb;text-align:center;border-radius:2px;cursor:pointer;font-weight:700;padding:.25rem}.tab-trigger.active{background-color:#fc3}.tab-content{background-color:#e9e9e9;padding:.25rem .75rem .75rem;display:none}.tab-content.active{display:block}.tab-content .tab-title{margin:0 0 .25rem}.tab-description>*:not(:last-child){margin:0 0 .75rem}.vehicle-select-dropdown-container{position:relative}.dropdown-buttons{display:flex;column-gap:.5rem;margin-top:.75rem}.vehicle-select-dropdown-handle{background:#000;color:#fff;display:flex;justify-content:space-between;align-items:center;border:none;border-radius:8px;width:100%;box-shadow:0 10px 25px #0000001a;font-size:1.25rem;padding:.75rem;cursor:pointer}.dropdown-buttons .reset-handle{height:3.25rem;flex-shrink:0;width:0;transition:width .2s;overflow:hidden;padding:0;display:flex;justify-content:center;align-items:center;margin:0;border:none;border-radius:8px;background:#fff;cursor:pointer}.dropdown-buttons .reset-handle.visible{width:3.25rem;border:1px solid black}.vehicle-select-dropdown-container .options-container{overflow:hidden;position:absolute;background-color:#fff;width:100%;z-index:1;max-height:0;transition:max-height .2s}.vehicle-select-dropdown-container.opened .options-container{padding:1rem;max-height:320px;box-shadow:0 10px 25px #0000001a;border-radius:8px;margin-top:.25rem;height:100vh}.vehicle-select-dropdown-container .options-search{width:100%;padding:.5rem 1ch;font-size:1rem;border:1px solid #dcdcda;border-radius:4px}.vehicle-select-dropdown-container .options-search:focus-within{outline:none;box-shadow:none;border:1px solid #bcbcba}.vehicle-select-dropdown-container .options{list-style:none;padding:0;margin:.5rem 0 0;overflow-y:scroll;max-height:calc(100% - 2.25rem)}.vehicle-select-dropdown-container.opened .options li{padding:.5rem;font-size:1.125rem;cursor:pointer;width:calc(100% - .75rem);border-radius:4px}.vehicle-select-dropdown-container.opened .options li:hover{background-color:#f2f2f2}.vehicle-select-dropdown-container.opened .options li:not(:last-child){margin-bottom:.5rem}.vehicle-select-dropdown-container.opened .customdd-down-icon{rotate:180deg}.vehicle-select-dropdown-container .options::-webkit-scrollbar{width:7px}.vehicle-select-dropdown-container .options::-webkit-scrollbar-track{background:#f1f1f1;border-radius:25px}.vehicle-select-dropdown-container .options::-webkit-scrollbar-thumb{background:#ccc;border-radius:25px}.vehicle-select-dropdown-container .options::-webkit-scrollbar-thumb:hover{background:#b3b3b3}.pc-code-input-container{display:flex;margin-top:.5rem}.pc-code-input{border-radius:0;border:none;padding:0 1ch;scale:1!important;font-size:1rem;color:#000;caret-color:#7d7d7d;flex-grow:1}.pc-code-input::-webkit-calendar-picker-indicator{color:#7d7d7d}.pc-code-input:focus-visible{outline:none;box-shadow:none}.pc-code-input-container .icon-container{padding:.5rem;background:#fc3;cursor:pointer}.pc-code-input-container .icon-container:active{transform:translateY(1px)}.pc-code-input-container .icon-container svg{display:block}.installation-video-container{margin-top:1rem;display:none}.installation-video-container.visible{display:block}.iframe-wrapper{position:relative;aspect-ratio:16/9}.installation-video-title{margin:0 0 .5rem}.installation-video-selection{margin-bottom:.5rem}.invalid-pc-error{color:#ef4444;font-size:.875rem;margin-top:.25rem}.iframe-wrapper iframe{width:100%;height:100%}.iframe-wrapper iframe:not([src]){display:none}.socket-mismatch-information-text{font-style:italic;font-size:.875rem}.installation-steps-container{max-width:990px;margin:0 auto;padding:1.5rem 0}.steps-title{margin-bottom:0}.steps-warning-container,.important-note-container{--main-color: #ef4444;--text-color: #ef4444;--background: transparent;border:1px solid var(--main-color);color:var(--text-color);background-color:var(--background);padding:.75rem;margin-top:.5rem;border-radius:4px}.important-note-container{--main-color: #ffcc33;--text-color: #222;--background: #ffcc33;margin-top:1rem}.steps-warning-title,.important-note-title{display:flex;align-items:center;column-gap:.5rem;color:var(--text-color);margin:0;font-size:1.125rem}.steps-warning-content,.important-note-content{margin-top:.25rem;font-size:.875rem}.steps-warning-content p,.important-note-content p{margin:0}.further-information{margin-top:.5rem;font-size:.875rem}.steps-accordion-wrapper .accordion-item{border-bottom:1px solid #e6e6e8;padding:1rem 0}.steps-accordion-wrapper .accordion-title{display:flex;align-items:center;column-gap:.5rem;justify-content:space-between;cursor:pointer;font-weight:700}.steps-accordion-wrapper .accordion-title:hover,.steps-accordion-wrapper .accordion-item[data-opened=true] .accordion-title{text-decoration:underline}.steps-accordion-wrapper .accordion-item[data-opened=true] .accordion-title svg{transform:rotate(-180deg)}.steps-accordion-wrapper .accordion-item .accordion-content{overflow:hidden;transition:max-height .2s}.steps-accordion-wrapper .accordion-item[data-opened=false] .accordion-content{max-height:0px}.steps-iframe-container{aspect-ratio:16/9;position:relative}.steps-iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}
/*# sourceMappingURL=/cdn/shop/t/265/assets/c-installation-v2.css.map */