@layer base{.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle,body{font-size:max(var(--_font-size-min),var(--_font-size-min) + (var(--_font-size-max) - var(--_font-size-min))*min(1,log(var(--px-width)/var(--min-font-breakpoint))/log(var(--max-font-breakpoint)/var(--min-font-breakpoint))))}body{--body-text-color: var(--primary-color);--_font-size-min: var(--body-font-size-min-medium);--_font-size-max: var(--body-font-size-max-medium);--_body-color: var(--body-text-color, var(--brand-black));font-family:var(--ff-default);font-weight:400;line-height:1.5;color:var(--_body-color)}svg.icon{width:24px}button{font-family:var(--btn-ff)}.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle{--_color: var(--heading-text-color, var(--primary-color));color:var(--_color);font-family:var(--ff-primary);line-height:1.4}.fs1.white,.fs2.white,.fs3.white,.fs4.white,.fs5.white,.fs6.white,.subtitle.white{color:var(--brand-white)}.fs1{--_font-size-min: var(--h1-font-size-min);--_font-size-max: var(--h1-font-size-max);font-weight:900;line-height:1.1;letter-spacing:-0.3px}.fs2{--_font-size-min: var(--h2-font-size-min);--_font-size-max: var(--h2-font-size-max);font-weight:700;line-height:1.3;letter-spacing:-0.2px}.fs3{--_font-size-min: var(--h3-font-size-min);--_font-size-max: var(--h3-font-size-max);font-weight:700;line-height:1.1;letter-spacing:.1px}.fs4{--_font-size-min: var(--h4-font-size-min);--_font-size-max: var(--h4-font-size-max);font-weight:700;line-height:1.3;letter-spacing:.1px}.fs5{--_font-size-min: var(--h5-font-size-min);--_font-size-max: var(--h5-font-size-max)}.fs6{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max)}.subtitle{--_font-size-min: var(--h3-font-size-min);--_font-size-max: var(--h3-font-size-max);font-weight:700;line-height:1.1;letter-spacing:.1px}}@layer components{.Dialog.sm>.content{max-width:576px}.Dialog.md>.content{max-width:768px}.Dialog.lg>.content{max-width:992px}.Dialog>.backdrop{background-color:rgba(0,0,0,.75) !important}.Dialog>.content{display:flex;flex-direction:column;margin:20px;width:100%;max-height:calc(100dvh - 40px)}.Dialog>.content .header{display:flex;align-items:center;justify-content:space-between;padding:20px}.Dialog>.content .header>div{display:flex;flex-direction:column}.Dialog>.content .header>div .subtitle{margin-top:10px}.Dialog>.content .header .button-icon{display:inline-flex;align-items:center;justify-content:center;height:24px;align-self:flex-start;transition:all var(--transition)}.Dialog>.content .header .button-icon svg{transition:fill .2s ease-in-out}.Dialog>.content .body{padding:20px}.Dialog>.content .body .dialog-content{display:flex;flex-direction:column;gap:20px}.Dialog>.content .body .dialog-content .btn-wrapper{justify-content:space-between}.Dialog>.content .body .dialog-content .btn-wrapper button{align-self:flex-start}.Dialog>.content .body:has(.video-item):not(:has(.dialog-content)){display:flex;flex-direction:column;gap:20px}.Dialog>.content .body:has(.video-item):not(:has(.dialog-content)) .video-item{aspect-ratio:16/9}.default-dialog>.content{width:100%}.default-dialog>.content>div{background-color:var(--white);border-radius:var(--card-radius)}.default-dialog>.content>div>.body{padding-top:0}.media-dialog>.content:has(img){width:auto}.media-dialog>.content>div>.header{position:fixed;top:0;right:0;display:inline-flex;gap:20px}.media-dialog>.content>div>.header>.button-icon{width:40px;height:40px;border-radius:100%;color:var(--white)}.media-dialog>.content>div>.header>.button-icon:not([disabled]):active{color:var(--support-color-2)}@media(hover: hover){.media-dialog>.content>div>.header>.button-icon:not([disabled]):hover{color:var(--support-color-2)}}.media-dialog>.content>div>.body{background-color:var(--white);border-radius:30px}.media-dialog>.content>div>.body img,.media-dialog>.content>div>.body>video{display:block;border-radius:var(--image-radius);max-height:calc(100dvh - 115px);width:100%}.media-dialog>.content>div>.body .title{display:block;padding-inline:20px;padding-top:10px;text-align:center}}
@layer base{.hero-block>.hero-content>.configurator-container>.config-form>.dimensions-wrapper>ul .measurements-wrapper>label,.hero-block>.hero-content>.configurator-container>.config-form>.type-wrapper>div .type-button>.type-info .brand,.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle,body{font-size:max(var(--_font-size-min),var(--_font-size-min) + (var(--_font-size-max) - var(--_font-size-min))*min(1,log(var(--px-width)/var(--min-font-breakpoint))/log(var(--max-font-breakpoint)/var(--min-font-breakpoint))))}body{--body-text-color: var(--primary-color);--_font-size-min: var(--body-font-size-min-medium);--_font-size-max: var(--body-font-size-max-medium);--_body-color: var(--body-text-color, var(--brand-black));font-family:var(--ff-default);font-weight:400;line-height:1.5;color:var(--_body-color)}svg.icon{width:24px}button{font-family:var(--btn-ff)}.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle{--_color: var(--heading-text-color, var(--primary-color));color:var(--_color);font-family:var(--ff-primary);line-height:1.4}.fs1.white,.fs2.white,.fs3.white,.fs4.white,.fs5.white,.fs6.white,.subtitle.white{color:var(--brand-white)}.fs1{--_font-size-min: var(--h1-font-size-min);--_font-size-max: var(--h1-font-size-max);font-weight:900;line-height:1.1;letter-spacing:-0.3px}.fs2{--_font-size-min: var(--h2-font-size-min);--_font-size-max: var(--h2-font-size-max);font-weight:700;line-height:1.3;letter-spacing:-0.2px}.fs3{--_font-size-min: var(--h3-font-size-min);--_font-size-max: var(--h3-font-size-max);font-weight:700;line-height:1.1;letter-spacing:.1px}.fs4{--_font-size-min: var(--h4-font-size-min);--_font-size-max: var(--h4-font-size-max);font-weight:700;line-height:1.3;letter-spacing:.1px}.fs5{--_font-size-min: var(--h5-font-size-min);--_font-size-max: var(--h5-font-size-max)}.fs6{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max)}.subtitle{--_font-size-min: var(--h3-font-size-min);--_font-size-max: var(--h3-font-size-max);font-weight:700;line-height:1.1;letter-spacing:.1px}}@layer components{.has-hero .page-wrap>.header{position:fixed;inset:0 0 auto 0}.hero-block{--hero-height: 600px;--text-color: var(--white);--_font-size-min: var(--hero-font-size-min);--_font-size-max: var(--hero-font-size-max);grid-column:content;display:grid;grid-template-columns:subgrid;min-height:var(--hero-height);height:max-content;overflow:visible;position:relative}.hero-block>.hero-content,.hero-block>.hero-image{grid-row:1;grid-column:1/-1}.hero-block>.hero-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.hero-block>.hero-image *{height:100%;width:100%;object-fit:cover}.hero-block>.hero-image>.media-component{--media-radius: 0}.hero-block>.hero-image>.media-component .picture-component img{object-position:center}.hero-block>.hero-content{z-index:1;display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));grid-template-columns:subgrid;column-gap:var(--grid-gap);z-index:var(--z-index-2)}.hero-block>.hero-content>.title-container{grid-column:2/-2}@media(min-width: 992px){.hero-block>.hero-content>.title-container{grid-column:2/7}}.hero-block>.hero-content>.configurator-container{grid-column:2/-2}@media(min-width: 992px){.hero-block>.hero-content>.configurator-container{grid-column:8/12}}@media(min-width: 1400px){.hero-block>.hero-content>.configurator-container{grid-column:9/12}}}@layer theme{.hero-block>.hero-image{border-radius:var(--content-block-radius) var(--content-block-radius) 0 0}.hero-block>.hero-content{margin-bottom:var(--content-block-radius)}.hero-block>.hero-content>.title-container{background-color:var(--support-color-1);border-radius:0 0 20px 20px;padding:26px 28px 16px 28px;display:flex;flex-direction:column;align-self:start;gap:16px}@media(min-width: 768px){.hero-block>.hero-content>.title-container{padding:40px 46px;gap:34px}}@media(min-width: 1200px){.hero-block>.hero-content>.title-container{padding:56px 64px;gap:40px}}.hero-block>.hero-content>.title-container>h1{hyphens:auto;text-transform:uppercase}.hero-block>.hero-content>.title-container>.btn-wrapper{gap:0;margin-left:-8px}.hero-block>.hero-content>.configurator-container{background-color:var(--white);border-radius:20px;padding:24px;margin:22px 0 28px;display:flex;flex-direction:column;align-self:start}@media(min-width: 576px){.hero-block>.hero-content>.configurator-container{margin:48px 0}}.hero-block>.hero-content>.configurator-container>hr{border:none;height:1px;background:var(--support-color-2);margin:14px 0 12px 0}.hero-block>.hero-content>.configurator-container>.config-form{display:flex;flex-direction:column;gap:16px}.hero-block>.hero-content>.configurator-container>.config-form>.dimensions-wrapper,.hero-block>.hero-content>.configurator-container>.config-form>.thickness-wrapper,.hero-block>.hero-content>.configurator-container>.config-form>.type-wrapper{display:flex;flex-direction:column;gap:8px}.hero-block>.hero-content>.configurator-container>.config-form>.dimensions-wrapper>label,.hero-block>.hero-content>.configurator-container>.config-form>.thickness-wrapper>label,.hero-block>.hero-content>.configurator-container>.config-form>.type-wrapper>label{color:var(--support-color-2);font-family:var(--ff-secondary)}.hero-block>.hero-content>.configurator-container>.config-form>.dimensions-wrapper>ul{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-block>.hero-content>.configurator-container>.config-form>.dimensions-wrapper>ul .measurements-wrapper{display:flex;flex-direction:column;gap:8px}.hero-block>.hero-content>.configurator-container>.config-form>.dimensions-wrapper>ul .measurements-wrapper>label{color:var(--support-color-2);--_font-size-min: var(--body-font-size-min-small);--_font-size-max: var(--body-font-size-max-small)}.hero-block>.hero-content>.configurator-container>.config-form>.dimensions-wrapper>ul .measurements-wrapper>label>strong{color:var(--body-text-color);font-weight:700}.hero-block>.hero-content>.configurator-container>.config-form>.dimensions-wrapper>ul .measurements-wrapper .input-wrapper{width:100%;height:48px;padding-inline:12px;display:grid;grid-template-columns:1fr auto;align-items:center;border-radius:var(--radius-3);outline:solid 1px var(--support-color-2);transition:outline var(--transition)}.hero-block>.hero-content>.configurator-container>.config-form>.dimensions-wrapper>ul .measurements-wrapper .input-wrapper input{width:100%}.hero-block>.hero-content>.configurator-container>.config-form>.dimensions-wrapper>ul .measurements-wrapper .input-wrapper:has(input:focus-visible){outline:solid 2px var(--primary-color)}.hero-block>.hero-content>.configurator-container>.config-form>.dimensions-wrapper>ul .measurements-wrapper .input-wrapper:has(input.invalid){outline:solid 2px var(--secondary-color)}.hero-block>.hero-content>.configurator-container>.config-form>.dimensions-wrapper>ul .measurements-wrapper .input-wrapper>span{font-family:var(--ff-secondary);color:var(--support-color-2)}.hero-block>.hero-content>.configurator-container>.config-form>.dimensions-wrapper>.measurement-hint{color:var(--secondary-color)}.hero-block>.hero-content>.configurator-container>.config-form>.thickness-wrapper .embla__slide{flex:0 0 auto;min-width:auto;padding:2px;margin:0}.hero-block>.hero-content>.configurator-container>.config-form>.thickness-wrapper .embla__slide+.embla__slide{margin-left:2px}.hero-block>.hero-content>.configurator-container>.config-form>.thickness-wrapper .embla__button{position:absolute;top:50%;width:32px;height:32px;color:var(--tertiary-color)}.hero-block>.hero-content>.configurator-container>.config-form>.thickness-wrapper .embla__button>span{width:32px;height:32px;background-color:var(--white);box-shadow:0px 1px 3px rgba(12,12,13,.2)}.hero-block>.hero-content>.configurator-container>.config-form>.thickness-wrapper .embla__button svg{width:8px}.hero-block>.hero-content>.configurator-container>.config-form>.thickness-wrapper .embla__button.prev{left:0;transform:translate(-50%, -50%)}.hero-block>.hero-content>.configurator-container>.config-form>.thickness-wrapper .embla__button.prev>span>svg{margin-right:1px}.hero-block>.hero-content>.configurator-container>.config-form>.thickness-wrapper .embla__button.next{right:0;transform:translate(50%, -50%)}.hero-block>.hero-content>.configurator-container>.config-form>.thickness-wrapper .embla__button.next>span>svg{margin-left:1px}.hero-block>.hero-content>.configurator-container>.config-form>.thickness-wrapper>.thickness-carousel>ul{display:flex;overflow:hidden;gap:2px}.hero-block>.hero-content>.configurator-container>.config-form>.thickness-wrapper>.thickness-carousel>ul>li{padding:2px}.hero-block>.hero-content>.configurator-container>.config-form>.thickness-wrapper .thickness-button{font-family:var(--ff-secondary);padding:8px 15px;border-radius:var(--radius-3);outline:1px solid var(--support-color-2);transition:outline-color var(--transition),outline-width var(--transition)}.hero-block>.hero-content>.configurator-container>.config-form>.thickness-wrapper .thickness-button:not([disabled]):active{outline:2px solid var(--primary-color)}@media(hover: hover){.hero-block>.hero-content>.configurator-container>.config-form>.thickness-wrapper .thickness-button:not([disabled]):hover{outline:2px solid var(--primary-color)}}.hero-block>.hero-content>.configurator-container>.config-form>.thickness-wrapper .thickness-button:focus-visible{outline:2px solid var(--primary-color) !important;outline-offset:0 !important}.hero-block>.hero-content>.configurator-container>.config-form>.thickness-wrapper .thickness-button.selected{outline:2px solid var(--tertiary-color)}.hero-block>.hero-content>.configurator-container>.config-form>.thickness-wrapper .thickness-button:disabled{pointer-events:none;opacity:.5}.hero-block>.hero-content>.configurator-container>.config-form>.type-wrapper>div{position:relative}.hero-block>.hero-content>.configurator-container>.config-form>.type-wrapper>div .type-button{height:56px;width:100%;padding:0 16px;display:grid;grid-template-columns:1fr auto;align-items:center}.hero-block>.hero-content>.configurator-container>.config-form>.type-wrapper>div .type-button>.type-info{display:flex;flex-direction:column}.hero-block>.hero-content>.configurator-container>.config-form>.type-wrapper>div .type-button>.type-info .brand{color:var(--support-color-2);font-family:var(--ff-secondary);--_font-size-min: var(--body-font-size-min-small);--_font-size-max: var(--body-font-size-max-small)}.hero-block>.hero-content>.configurator-container>.config-form>.type-wrapper>div .type-button .color-swatch{width:32px;height:32px;border:1px solid var(--primary-color);border-radius:4px}.hero-block>.hero-content>.configurator-container>.config-form>.type-wrapper>div .type-button:focus-visible,.hero-block>.hero-content>.configurator-container>.config-form>.type-wrapper>div .type-button.open{outline-color:var(--primary-color) !important;outline-width:2px !important;outline-offset:0px !important;border-radius:var(--radius-3) !important}.hero-block>.hero-content>.configurator-container>.config-form>.type-wrapper>div>.type-button{grid-template-columns:1fr auto auto;gap:8px;padding:0 8px;border-radius:var(--radius-3);outline:1px solid var(--support-color-2);transition:outline-color var(--transition),outline-width var(--transition)}.hero-block>.hero-content>.configurator-container>.config-form>.type-wrapper>div>.type-button svg{grid-column:3;color:var(--support-color-2);transition:transform var(--transition)}.hero-block>.hero-content>.configurator-container>.config-form>.type-wrapper>div>.type-button.open svg{transform:scaleY(-1)}.hero-block>.hero-content>.configurator-container>.config-form>.type-wrapper>div>.type-options{position:absolute;width:100%;background-color:var(--white);border-radius:var(--radius-3);margin-top:8px;box-shadow:0px 1px 4px rgba(12,12,13,.1);z-index:var(--z-index-3);display:flex;flex-direction:column;max-height:200px;overflow-y:auto}.hero-block>.hero-content>.configurator-container>.config-form>.type-wrapper>div>.type-options>.type-button{flex:0 0 auto;border:none;border-radius:0;transition:background-color var(--transition)}.hero-block>.hero-content>.configurator-container>.config-form>.type-wrapper>div>.type-options>.type-button:hover{background-color:rgba(var(--support-color-1-rgb), 0.5)}.hero-block>.hero-content>.configurator-container>.config-form>.type-wrapper>div>.type-options>.type-button:focus-visible{outline-offset:-2px !important}.hero-block>.hero-content>.configurator-container>.config-form>.type-wrapper>div>.type-options>.type-button.selected{color:var(--tertiary-color)}.hero-block>.hero-content>.configurator-container>.config-form>.type-wrapper>div>.type-options>.type-button.disabled{pointer-events:none;opacity:.5}.hero-block>.hero-content>.configurator-container>.config-form>.type-wrapper>div>.type-options>.type-button+.type-button{border-top:1px solid var(--support-color-1)}.hero-block>.hero-content>.configurator-container>.config-form>.type-wrapper>div>.type-options>.type-button:first-child{border-top-left-radius:var(--radius-3);border-top-right-radius:var(--radius-3)}.hero-block>.hero-content>.configurator-container>.config-form>.type-wrapper>div>.type-options>.type-button:last-child{border-bottom-left-radius:var(--radius-3);border-bottom-right-radius:var(--radius-3)}.hero-block>.hero-content>.configurator-container>.config-form select{outline:1px solid var(--support-color-2);height:44px;border-radius:var(--radius-3);padding:8px 12px}.hero-block>.hero-content>.configurator-container>.config-form select:focus-visible{outline:2px solid var(--primary-color)}@media(min-width: 768px){.hero-block>.hero-content>.configurator-container>.config-form select{height:48px}}.hero-block>.hero-content>.configurator-container .btn-primary{padding:0;width:100%;transition:opacity var(--transition),color var(--transition),background-color var(--transition)}.hero-block>.hero-content>.configurator-container .btn-primary.disabled{pointer-events:none;opacity:.5}}