.c-steps{--step-size:24px;align-items:flex-start;counter-reset:step;display:flex;flex-shrink:0;justify-content:center;margin:0 auto 4px;max-width:100%;overflow:visible;scrollbar-width:none}.c-steps::-webkit-scrollbar{display:none}.c-steps>.step{color:var(--color-dark-grey-100);display:block;font-size:14px;font-weight:400;letter-spacing:-.01em;line-height:1.3;line-height:1.5em;max-width:144px;min-width:104px;padding-top:36px;position:relative;text-align:center;white-space:wrap}.c-steps>.step:before{border:1px solid var(--color-dark-grey-60);border-radius:50%;content:counter(step);counter-increment:step;font-size:var(--font-size-10);height:var(--step-size);left:50%;line-height:var(--step-size);position:absolute;text-align:center;top:3px;transform:translate(-50%);width:var(--step-size)}.c-steps>.step:hover{cursor:pointer;text-decoration:none}.c-steps>.step:hover,.c-steps>.step[aria-selected=true]{color:var(--color-black,#000)}.c-steps>.step:hover:before,.c-steps>.step[aria-selected=true]:before{background-color:var(--color-black,#000);border:none;color:var(--color-white,#fff)}.c-steps>.step+.step:after{background-color:var(--color-light-grey,#e2dcd7);content:"";height:1px;left:calc(var(--step-size)/-2);position:absolute;top:calc(var(--step-size)/2);transform:translateY(calc(-50% + 2px));width:var(--step-size)}.c-configured-product-preview{height:100%;height:240px;position:relative}@media(max-width:960px){.c-configured-product-preview{flex-shrink:0;max-height:75vh;max-width:100%;overflow:hidden;width:100%}}@media(min-width:961px){.c-configured-product-preview{height:auto}}.c-configured-product-preview .images{height:100%;transition:opacity .5s ease-in-out .3s;width:100%}.c-configured-product-preview .images.is-transitioning{opacity:.66}@media(max-width:960px){.c-configured-product-preview .images{border-radius:12px;overflow:hidden}}@media(min-width:961px){.c-configured-product-preview .images{aspect-ratio:564/540;border-radius:12px;margin:auto;max-height:75vh;overflow:hidden;position:relative;width:auto}}.c-configured-product-preview .image{height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center 75%;object-position:center 75%;position:absolute;top:0;width:100%}@media(max-width:960px){.c-configured-product-preview .image{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}}@media(min-width:961px){.c-configured-product-preview .image{-o-object-position:center;object-position:center}}.c-configured-product-preview .image:first-child{position:static;width:100%}@media(max-width:960px){.c-configured-product-preview .image:first-child{height:100%;position:absolute}}.c-sample-selector{align-content:start;align-items:start;display:grid;gap:16px 12px;grid-template-columns:repeat(3,1fr)}@media(min-width:961px){.c-sample-selector{grid-template-columns:repeat(4,1fr)}}.c-sample-selector .sample{color:var(--color-dark-grey-100,#797775);cursor:pointer;max-width:100%;position:relative}.c-sample-selector .sample img{font-size:0;line-height:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;-o-object-fit:cover;object-fit:cover}.c-sample-selector [aria-selected=true] .sample{color:var(--color-dark-grey-100,#000)}.c-sample-selector .image{aspect-ratio:var(--sample-selector-aspect-ratio,1.5);border:1px solid transparent;border-radius:4px;display:block;overflow:hidden;transition:border-color .2s;width:var(--sample-selector-image-width,100%)}@media(min-width:1441px){.c-sample-selector .image{border-radius:4rem}}.c-sample-selector [aria-selected=true] .image{border-color:var(--color-dark-grey-100);border-width:2px}.c-sample-selector .code,.c-sample-selector .name{color:var(--color-dark-grey-100);display:block;font-size:14px;font-size:12px;font-weight:400;letter-spacing:-.01em;line-height:1.5em}@media(min-width:1441px){.c-sample-selector .code,.c-sample-selector .name{font-size:14rem;font-weight:400;letter-spacing:-.01em;line-height:1.5em}}.c-sample-selector [aria-selected=true] .code,.c-sample-selector [aria-selected=true] .name{color:var(--color-black)}.c-sample-selector.is-compact .sample{align-items:center;display:flex;gap:4px}@media(min-width:1441px){.c-sample-selector.is-compact .sample{gap:4rem}}.c-sample-selector.is-compact .image{border-radius:4px;height:50px;width:50px}@media(min-width:1441px){.c-sample-selector.is-compact .image{border-radius:4rem;height:50rem;width:50rem}}.c-sample-selector .name{line-height:1.2;margin-top:8px}@media(min-width:1441px){.c-sample-selector .name{margin-top:8rem}}.c-configurator-debug-overlay[data-v-63c5f5d0]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ceb;border:1px solid hsla(0,0%,100%,.12);border-radius:10px;bottom:12px;color:#ffffffeb;display:flex;flex-direction:column;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;left:12px;max-height:min(30vh,280px);overflow:hidden;position:fixed;width:min(560px,100vw - 24px);z-index:9999}.header[data-v-63c5f5d0]{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.12);display:flex;justify-content:space-between;padding:5px 12px}.title[data-v-63c5f5d0]{font-size:12px;letter-spacing:.02em;line-height:1;opacity:.9;text-transform:uppercase}.actions[data-v-63c5f5d0]{align-items:center;display:flex;gap:6px}.btn[data-v-63c5f5d0]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff0f;border:1px solid hsla(0,0%,100%,.18);border-radius:8px;color:#ffffffeb;cursor:pointer;font-size:12px;line-height:1;padding:5px}.copy-status[data-v-63c5f5d0]{font-size:11px;min-width:64px;opacity:.8;text-align:right}.tabs[data-v-63c5f5d0]{border-bottom:1px solid hsla(0,0%,100%,.12);display:grid;gap:6px;grid-template-columns:repeat(5,1fr)}.tab[data-v-63c5f5d0],.tabs[data-v-63c5f5d0]{padding:5px}.tab[data-v-63c5f5d0]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff0a;border:1px solid hsla(0,0%,100%,.14);border-radius:8px;color:#ffffffdb;cursor:pointer;font-size:12px;height:auto;line-height:1}.tab[data-active=true][data-v-63c5f5d0]{background:#ffffff1f;border-color:#ffffff38;color:#fffffff5}.body[data-v-63c5f5d0]{flex:1;font-size:12px;line-height:1.35;margin:0;min-height:0;overflow:auto;padding:10px 12px;white-space:pre-wrap;word-break:break-word}.c-product-configurator>.product-configurator-modal{align-items:stretch;display:flex;height:100vh;justify-content:stretch;left:0;position:fixed;top:0;width:100vw;z-index:90}.c-product-configurator>.product-configurator-modal>.modal-overlay{background-color:#0003;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.c-product-configurator>.product-configurator-modal>.modal-content{background:var(--color-white);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.c-product-configurator>.product-configurator-modal>.modal-content>.modal-header{align-items:center;display:flex;flex:0 0 auto;justify-content:flex-end;padding:16px var(--box-spacing-x)}@media(min-width:1441px){.c-product-configurator>.product-configurator-modal>.modal-content>.modal-header{padding:16rem var(--box-spacing-x)}}.c-product-configurator>.product-configurator-modal>.modal-content>.modal-header>.quit-button{align-items:center;background:none;border:none;color:var(--color-black);cursor:pointer;display:inline-flex;font-size:10px;font-weight:300;gap:8px;letter-spacing:.12em;line-height:1.6em;text-transform:uppercase}@media(min-width:1441px){.c-product-configurator>.product-configurator-modal>.modal-content>.modal-header>.quit-button{font-size:10rem;font-weight:300;gap:8rem;letter-spacing:.12em;line-height:1.6em}}.c-product-configurator>.product-configurator-modal>.modal-content>.modal-header>.quit-button .quit-icon{font-size:16px}@media(min-width:1441px){.c-product-configurator>.product-configurator-modal>.modal-content>.modal-header>.quit-button .quit-icon{font-size:16rem}}.c-product-configurator>.product-configurator-modal>.modal-content>.modal-body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}.c-product-configurator>.product-configurator-modal>.modal-content>.modal-body>.configurator{flex:1 1 auto;height:100%;min-height:0}.c-product-configurator .configurator{display:flex;flex-direction:column;gap:8px;position:relative}@media(min-width:961px){.c-product-configurator .configurator{padding:0 20px}}@media(min-width:1441px){.c-product-configurator .configurator{gap:8rem;padding:0 40rem}}.c-product-configurator .configurator>.configuration{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:flex-start;min-height:0}@media(min-width:961px){.c-product-configurator .configurator>.configuration{flex-direction:row;gap:16px}}@media(min-width:1441px){.c-product-configurator .configurator>.configuration{gap:40rem}}.c-product-configurator .configurator .options{--sample-selector-aspect-ratio:140/110;display:flex;flex:1 1 auto;flex-direction:column;gap:8px;justify-items:center;max-height:100%;min-height:0;min-width:0;order:2;overflow-y:auto;padding:16px 20px 0}@media(min-width:961px){.c-product-configurator .configurator .options{margin-bottom:auto;order:1;overflow-y:visible;padding:0}}@media(min-width:1441px){.c-product-configurator .configurator .options{gap:8rem}}.c-product-configurator .configurator .options .c-sample-selector{flex:1 1 auto;min-height:0}@media(min-width:961px){.c-product-configurator .configurator .options .c-sample-selector{overflow-y:auto}}.c-product-configurator .configurator .options .characteristics{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.c-product-configurator .configurator .step-title{text-transform:uppercase}.c-product-configurator .configurator .fallback-preview,.c-product-configurator .configurator .preview,.c-product-configurator .configurator>.configuration>.preview{min-width:0;order:1}@media(max-width:960px){.c-product-configurator .configurator .fallback-preview,.c-product-configurator .configurator .preview,.c-product-configurator .configurator>.configuration>.preview{align-self:stretch;flex-shrink:0;width:100%}}@media(min-width:961px){.c-product-configurator .configurator .fallback-preview,.c-product-configurator .configurator .preview,.c-product-configurator .configurator>.configuration>.preview{flex:0 0 50%;order:2}}.c-product-configurator .configurator .fallback-image{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.c-product-configurator .configurator .samples:has(.c-sample-selector){display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.c-product-configurator .configurator .products{display:flex;flex-direction:column;gap:12px;justify-content:center}@media(min-width:1441px){.c-product-configurator .configurator .products{gap:12rem}}.c-product-configurator .configurator .products:not(.products-compact)+.characteristics{padding-top:8px}@media(min-width:1441px){.c-product-configurator .configurator .products:not(.products-compact)+.characteristics{padding-top:8rem}}.c-product-configurator .configurator .products-compact{margin:auto;width:min(auto,100%)}.c-product-configurator .configurator>.navigation{align-items:center;background:var(--color-white);bottom:0;display:flex;justify-content:space-between;padding:12px;position:sticky}@media(min-width:1441px){.c-product-configurator .configurator>.navigation{padding:12rem 0}}.c-product-configurator .configurator .actions{align-items:center;display:flex;gap:4px;justify-content:space-between}@media(min-width:1441px){.c-product-configurator .configurator .actions{gap:4rem}}.c-product-configurator .configurator .actions a,.c-product-configurator .configurator .actions button{display:block}.c-product-configurator .configurator .c-button-group{justify-content:center;margin:20px 0}.c-product-configurator .configurator .select{display:block}.c-product-configurator .configurator .download-image-btn{display:inline-flex}.c-product-configurator .configurator .product-characteristic-selector{display:flex;flex-direction:column}.c-product-configurator .configurator .filters{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}@media(min-width:961px){.c-product-configurator .configurator .filters{flex-direction:row}}.c-product-configurator .configurator .filters{font-size:14px;font-weight:400;letter-spacing:-.01em;line-height:1.5em}@media(min-width:1441px){.c-product-configurator .configurator .filters{font-size:14rem;font-weight:400;gap:10rem;letter-spacing:-.01em;line-height:1.5em;margin-bottom:20rem}}.c-product-configurator .configurator .filter-search,.c-product-configurator .configurator .filter-subgroup{flex:1 1 50%;min-width:16em}.c-product-configurator .configurator .filter-search>.inner>label,.c-product-configurator .configurator .filter-subgroup>.inner>label{color:var(--color-dark-grey-100)}.c-product-configurator .configurator .filter-subgroup select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:none}.c-product-configurator .configurator .filter-no-results{align-items:flex-start;display:flex;flex-direction:column;gap:16px}