.eps{--eps-radius: .8rem;--eps-layer-tile: auto;--eps-layer-bar: 3;--eps-layer-panel: 5;padding-top:var(--eps-padding-top, 24px);padding-bottom:var(--eps-padding-bottom, 36px);scroll-margin-top:9rem}edge-paint-selector{display:block}.eps__header{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap;margin-bottom:2.4rem}.eps__heading{margin:0 0 .6rem}.eps__intro{max-width:62ch;color:var(--jll-muted)}.eps__intro p{margin:0}.eps__views{display:inline-flex;border:.1rem solid var(--jll-line-strong);border-radius:999px;padding:.3rem;gap:.2rem;flex-shrink:0}.eps__view{color:var(--jll-fg);font-size:calc(var(--jll-scale) * 1.3rem);letter-spacing:.04em;padding:.6rem 1.4rem;border-radius:999px}.eps__view[aria-pressed=true]{background:var(--jll-fg);color:var(--jll-bg)}.eps-family+.eps-family{margin-top:3.2rem}.eps-family__label{display:flex;align-items:center;gap:1.2rem;margin:0 0 1.4rem}.eps-family__label:after{content:"";flex:1;height:.1rem;background:var(--jll-line)}.eps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.2rem,1fr));gap:2rem 1.4rem}@media screen and (max-width:749px){.eps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem 1rem}}.eps-tile{padding:0;margin:0;text-align:left;color:var(--jll-fg);position:relative;z-index:var(--eps-layer-tile);display:block;width:100%}.eps-swatch{border:.1rem solid var(--jll-line);background:var(--eps-swatch, transparent) center / cover no-repeat}.eps-tile__swatch{position:relative;display:block;aspect-ratio:8 / 5;border-radius:var(--eps-radius);margin-bottom:.8rem}.eps-tile__swatch--text{display:flex;align-items:center;justify-content:center;padding:1rem 1.2rem;background:var(--jll-wash);text-align:center}@media(prefers-reduced-motion:no-preference)and (hover:hover){.animate--hover-vertical-lift .eps-tile__swatch{transition:transform var(--duration-default, .2s) var(--ease-out-slow, ease-out)}.animate--hover-vertical-lift .eps-tile:hover .eps-tile__swatch{transform:translateY(-.2rem)}}.eps-tile__name{display:block;font-size:calc(var(--jll-scale) * 1.5rem);line-height:1.25}.eps-tile__code{display:block;font-size:calc(var(--jll-scale) * 1.3rem);line-height:1.3;color:var(--jll-muted);letter-spacing:.02em}.eps-tile__note{display:block;font-size:calc(var(--jll-scale) * 1.2rem);line-height:1.3;color:var(--jll-muted);margin-top:.2rem}.eps-tile__flag{position:absolute;left:.6rem;bottom:.6rem;padding:.3rem .8rem;border-radius:999px;background:var(--jll-bg);color:var(--jll-fg);border:.1rem solid rgba(var(--jll-fg-rgb),.15);font-size:calc(var(--jll-scale) * 1rem);line-height:1.2;letter-spacing:.14em;text-transform:uppercase}.eps-tile:focus-visible{outline:none}.eps-tile.is-selected .eps-tile__swatch,.eps-tile[aria-expanded=true] .eps-tile__swatch,.eps-tile:focus-visible .eps-tile__swatch{outline:.2rem solid var(--jll-fg);outline-offset:.3rem}.eps-tile__badge{position:absolute;top:-.7rem;right:-.5rem;min-width:2.4rem;height:2.4rem;padding:0 .6rem;border-radius:999px;background:rgb(var(--jll-accent-rgb));color:rgb(var(--jll-accent-fg-rgb));font-size:calc(var(--jll-scale) * 1.2rem);font-weight:600;line-height:2.4rem;text-align:center;box-shadow:0 0 0 .2rem var(--jll-bg)}.eps-panel{outline:none;z-index:var(--eps-layer-panel)}@media not all and (max-width:749px){.eps-panel{position:absolute;width:min(38rem,100%);padding:1.6rem 1.8rem 1.4rem}}.eps-panel__head{display:flex;align-items:center;gap:1.2rem;margin-bottom:.8rem}.eps-panel__head .eps-swatch{width:2.8rem;height:2.8rem;border-radius:.6rem;flex-shrink:0}.eps-panel__title{font-size:calc(var(--jll-scale) * 1.6rem);flex:1}.eps-panel__row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"size qty" "price qty" "note note";align-items:center;column-gap:1.6rem;padding:1rem 0;border-top:.1rem solid var(--jll-line)}.eps-panel__size{grid-area:size;font-size:calc(var(--jll-scale) * 1.5rem)}.eps-panel__price{grid-area:price;font-size:calc(var(--jll-scale) * 1.3rem);color:var(--jll-muted)}.eps-panel .eps-qty{grid-area:qty}.eps-panel__note{grid-area:note;font-size:calc(var(--jll-scale) * 1.3rem);color:var(--jll-muted);margin-top:.4rem}.eps-panel__note:empty{display:none}.eps-panel__row.is-unavailable .eps-panel__size,.eps-panel__row.is-unavailable .eps-panel__price{color:var(--jll-muted);text-decoration:line-through}.eps-panel__foot{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;margin-top:.4rem;padding-top:1rem;border-top:.1rem solid var(--jll-line)}.eps-panel__sum{font-size:calc(var(--jll-scale) * 1.3rem);color:var(--jll-muted)}.eps-panel__done{min-height:3.6rem;padding:0 1.8rem;font-size:calc(var(--jll-scale) * 1.3rem)}@media screen and (max-width:749px){.eps-panel{--jll-drawer-max: 82}.eps-panel__rows{padding-right:var(--jll-launcher-gutter)}.eps-panel__foot{flex-shrink:0}.eps-panel__done{display:none}.eps{--eps-layer-tile: 5;--eps-layer-bar: 6;--eps-layer-panel: 7}}.eps-qty{display:inline-flex;align-items:stretch;border:.1rem solid var(--jll-line-strong);border-radius:var(--jll-input-radius);overflow:hidden;background:var(--jll-bg)}.eps-qty__btn{color:var(--jll-fg);width:3.6rem;font-size:calc(var(--jll-scale) * 1.8rem);line-height:1}.eps-qty__btn:hover{background:var(--jll-hover)}.eps-qty__btn:disabled{opacity:.35}.eps-qty :focus-visible{outline-offset:-.2rem}.eps-qty__input{width:4.6rem;border:0;border-left:.1rem solid var(--jll-line);border-right:.1rem solid var(--jll-line);background:transparent;color:var(--jll-fg);font:inherit;font-size:calc(var(--jll-scale) * 1.5rem);text-align:center;height:3.6rem;-moz-appearance:textfield}.eps-qty__input::-webkit-outer-spin-button,.eps-qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.eps-qty.is-disabled{opacity:.4;pointer-events:none}.eps-form__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:.1rem solid var(--jll-line);border-radius:var(--eps-radius)}.eps-form{border-collapse:separate;border-spacing:0;width:100%;font-size:calc(var(--jll-scale) * 1.4rem)}.eps-form th,.eps-form td{padding:.8rem 1.2rem;border-bottom:.1rem solid var(--jll-line);text-align:left;vertical-align:middle;white-space:nowrap}.eps-form thead th{position:sticky;top:0;background:var(--jll-bg);font-weight:400;color:var(--jll-muted);letter-spacing:.04em;z-index:1}.eps-form thead th small{display:block;font-size:calc(var(--jll-scale) * 1.2rem)}.eps-form .eps-form__color{position:sticky;left:0;background:var(--jll-bg);z-index:1;font-weight:400;width:100%}.eps-form th:not(.eps-form__color),.eps-form td:not(.eps-form__color){width:11rem;min-width:11rem;text-align:center}.eps-form .eps-form__family td{width:auto;text-align:left;padding-top:1.6rem;font-size:calc(var(--jll-scale) * 1.1rem);border-bottom:0}.eps-form .eps-swatch{display:inline-block;width:1.6rem;height:1.6rem;border-radius:.4rem;vertical-align:-.3rem;margin-right:.8rem}.eps-form__code{color:var(--jll-muted);margin-left:.6rem}.eps-form td .eps-qty__input{border:.1rem solid var(--jll-line-strong);border-radius:var(--jll-input-radius);width:5.6rem;height:3.4rem}.eps-form td .eps-qty__input:disabled{opacity:.35}@media screen and (max-width:749px){.eps-form .eps-form__color{width:auto}.eps-form__code{display:block;margin-left:0;padding-left:2.4rem;font-size:calc(var(--jll-scale) * 1.3rem)}}.eps-selection{margin-top:4rem;border-top:.1rem solid var(--jll-fg);padding-top:1.6rem}.eps-selection__head{display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem;margin-bottom:.8rem}.eps-selection__label{margin:0}.eps-selection__clear{font-size:calc(var(--jll-scale) * 1.3rem)}.eps-selection__empty{margin:1.2rem 0 0;color:var(--jll-muted)}.eps-selection__table{display:grid;grid-template-columns:2.4rem minmax(12rem,1.4fr) minmax(7rem,.8fr) max-content minmax(9rem,max-content) 3.2rem;column-gap:1.6rem}.eps-row{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;align-items:center;padding:1rem 0;border-bottom:.1rem solid var(--jll-line)}@supports not (grid-template-columns: subgrid){.eps-row{grid-template-columns:2.4rem minmax(12rem,1.4fr) minmax(7rem,.8fr) 11.8rem 11rem 3.2rem;column-gap:1.6rem}}.eps-row .eps-swatch{width:2.4rem;height:2.4rem;border-radius:.5rem}.eps-row__name{font-size:calc(var(--jll-scale) * 1.5rem)}.eps-row__code{color:var(--jll-muted);margin-left:.6rem;font-size:calc(var(--jll-scale) * 1.3rem)}.eps-row__size{font-size:calc(var(--jll-scale) * 1.4rem)}.eps-row__line{text-align:right;font-size:calc(var(--jll-scale) * 1.5rem);white-space:nowrap}.eps-row__remove{color:var(--jll-muted);font-size:calc(var(--jll-scale) * 2rem);line-height:1;width:3.2rem;height:3.2rem;border-radius:999px;justify-self:end}.eps-row__remove:hover{color:var(--jll-fg);background:var(--jll-hover)}@media screen and (max-width:749px){.eps-selection__table{display:block}.eps-row{grid-template-columns:2.4rem 1fr auto;grid-template-areas:"dot name remove" "dot size line" "dot qty line";gap:.4rem 1.2rem}.eps-row .eps-swatch{grid-area:dot;align-self:start}.eps-row__name{grid-area:name}.eps-row__size{grid-area:size;color:var(--jll-muted)}.eps-row .eps-qty{grid-area:qty;justify-self:start;margin-top:.4rem}.eps-row__line{grid-area:line;align-self:end}.eps-row__remove{grid-area:remove}}.eps-status{margin-top:1.2rem;padding:1.2rem 1.6rem;border:.1rem solid var(--jll-line);border-radius:var(--eps-radius);background:var(--jll-wash);font-size:calc(var(--jll-scale) * 1.4rem)}.eps-status--error{border-color:var(--jll-fg);background:transparent}.eps-bar{position:sticky;bottom:0;z-index:var(--eps-layer-bar);display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.2rem 0;border-top:.1rem solid var(--jll-line);box-shadow:0 -.6rem 1.6rem rgba(var(--jll-fg-rgb),.06)}.eps-bar__summary{color:var(--jll-fg);font-size:calc(var(--jll-scale) * 1.4rem);display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem 1.2rem;text-align:left;padding:.4rem 0}.eps-bar__meta{color:var(--jll-muted)}.eps-bar__summary strong{font-size:calc(var(--jll-scale) * 1.8rem);font-weight:400}.eps-bar__add{position:relative;min-width:20rem}@media screen and (max-width:749px){.eps-bar{margin-left:-1.5rem;margin-right:-1.5rem;padding:1rem calc(1.5rem + var(--jll-launcher-gutter)) 1rem 1.5rem}.eps-bar__add{min-width:0;flex-shrink:0}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/edge-paint-selector.css.map */