.finish-explorer{--explorer-ink: #2b2621;--explorer-muted: #625a4f;--explorer-gold: #8a6a2f;--explorer-line: #e6ddcf;--explorer-cream: #f6efe4;--explorer-warm-white: #fdfbf7}.finish-explorer__dialog{width:min(110rem,calc(100vw - 6rem));max-width:none;height:min(78rem,calc(100dvh - 6rem));max-height:none;margin:auto;padding:0;border:0;overflow:hidden;background-color:var(--explorer-warm-white);color:var(--explorer-ink);box-shadow:0 2.4rem 6rem #00000040}.finish-explorer__dialog::backdrop{background-color:#2b26218c}.finish-explorer__dialog[open]{display:flex;flex-direction:column}.finish-explorer__layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);flex:1 1 auto;min-height:0}.finish-explorer__preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,22rem);grid-template-rows:minmax(0,1fr) auto auto;column-gap:2.4rem;row-gap:1.2rem;padding:2.8rem;min-height:0;background-color:var(--explorer-cream)}.finish-explorer__image{grid-column:1 / -1;position:relative;min-height:0;overflow:hidden;border:.1rem solid var(--explorer-ink);background-color:#fff}.finish-explorer__image img{display:block;width:100%;height:100%;object-fit:cover}.finish-explorer__image{touch-action:none}.finish-explorer__image img{transform-origin:0 0;transform:translate(var(--zoom-x, 0px),var(--zoom-y, 0px)) scale(var(--zoom-scale, 1));transition:transform .3s ease}.finish-explorer__image img.is-gesturing{transition:none}@media(prefers-reduced-motion:reduce){.finish-explorer__image img{transition:none}}@media(pointer:fine){.finish-explorer__image img{cursor:zoom-in}}.finish-explorer__image img.is-zoomed{cursor:zoom-out}.finish-explorer__zoom{position:absolute;z-index:4;top:1.2rem;right:1.2rem}.finish-explorer__image .media-loading{z-index:5}.finish-explorer__zoom[aria-pressed=true]{border-color:rgb(var(--color-foreground));background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.finish-explorer__details{grid-column:1;grid-row:2}.finish-explorer__note{grid-column:1;grid-row:3}.finish-explorer__details p{margin:0}.finish-explorer__family{font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;color:var(--explorer-muted)}.finish-explorer__name{margin-top:.4rem!important;font-family:var(--font-heading-family);font-weight:300;font-size:3rem;line-height:1.15}.finish-explorer__material,.finish-explorer__note{margin:0;font-size:1.4rem;line-height:1.55;letter-spacing:normal;color:var(--explorer-muted)}.finish-explorer__material{margin-top:.8rem!important}.finish-explorer__actions{grid-column:2;grid-row:2 / span 2;align-self:end;display:flex;flex-direction:column;align-items:center;gap:1.2rem}.finish-explorer__choose{width:100%;min-height:5.2rem;font-size:1.5rem;font-weight:600}.finish-explorer__help{font-size:1.3rem;color:var(--explorer-ink);text-underline-offset:.3rem}.finish-explorer__browser{display:flex;flex-direction:column;min-height:0}.finish-explorer__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.6rem;padding:2.8rem calc(var(--circle-button-size) + 2 * var(--circle-button-inset)) 1.6rem 2.8rem;border-bottom:.1rem solid var(--explorer-line)}.finish-explorer__title{margin:0;font-family:var(--font-heading-family);font-weight:300;font-size:2.8rem;line-height:1.2}.finish-explorer__count{margin:.4rem 0 0;font-size:1.3rem;color:var(--explorer-muted)}.finish-explorer__filters{display:flex;flex-wrap:wrap;gap:.8rem;padding:1.2rem 2.8rem 1.6rem}.finish-explorer__filter{min-height:3.6rem;padding:0 1.4rem;border:.1rem solid var(--explorer-line);border-radius:1.8rem;background-color:#fff;color:var(--explorer-ink);font-family:var(--font-body-family);font-size:1.3rem;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,color .2s ease}.finish-explorer__filter[aria-current=true]{border-color:var(--explorer-ink);background-color:var(--explorer-ink);color:#fff}.finish-explorer__groups{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:.8rem 2.8rem 2.8rem}.finish-explorer__group[hidden]{display:none}.finish-explorer__group+.finish-explorer__group{margin-top:2.4rem}.finish-explorer__group-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.2rem;padding-bottom:.8rem;border-bottom:.1rem solid var(--explorer-line)}.finish-explorer__group-name{margin:0;font-family:var(--font-body-family);font-size:1.4rem;font-weight:600}.finish-explorer__group-count{font-size:1.2rem;color:var(--explorer-muted)}.finish-explorer__tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:1.6rem 1.2rem;margin:0;padding:0}.finish-explorer__tile{display:flex;flex-direction:column;gap:.6rem;width:100%;padding:0;border:0;background:none;color:var(--explorer-ink);font-family:var(--font-body-family);text-align:left;cursor:pointer}.finish-explorer__tile-image{display:block;aspect-ratio:1;overflow:hidden;border:.1rem solid var(--explorer-line);outline:.2rem solid transparent;outline-offset:.1rem;transition:outline-color .2s ease}.finish-explorer__tile-image img{display:block;width:100%;height:100%;object-fit:cover}.finish-explorer__tile:hover .finish-explorer__tile-image{outline-color:var(--explorer-line)}.finish-explorer__tile[aria-pressed=true] .finish-explorer__tile-image{outline-color:var(--explorer-ink)}.finish-explorer__tile-name{font-size:1.3rem;line-height:1.3}.finish-explorer__tile:focus-visible,.finish-explorer__filter:focus-visible{outline:.2rem solid var(--explorer-ink);outline-offset:.2rem}.finish-explorer__sheet-footer{display:none}@media screen and (max-width:749px),screen and (orientation:landscape)and (max-height:500px){.finish-explorer__dialog{--explorer-gutter: 1.6rem;--explorer-columns: 4;--explorer-column-gap: .8rem;--explorer-row-gap: 1.2rem;--explorer-tile: calc( (100vw - 2 * var(--explorer-gutter) - (var(--explorer-columns) - 1) * var(--explorer-column-gap)) / var(--explorer-columns) );--explorer-tile-name: 3.2rem;--explorer-row: calc(var(--explorer-tile) + .6rem + var(--explorer-tile-name));--explorer-group-header: 3.1rem;--explorer-list-top: .8rem;--explorer-tiles-height: min( calc( var(--explorer-list-top) + var(--explorer-group-header) + 1.25 * var(--explorer-row) + var(--explorer-row-gap) ), 45dvh );--explorer-tap: 4.4rem;--explorer-chip: 3.2rem;--explorer-chip-above: .3rem;--explorer-image-height: calc(100dvh - var(--explorer-tap) - var(--explorer-tiles-height));--explorer-label-cover: calc(.1*max(var(--explorer-image-height), 100vw)) ;width:100%;height:100dvh;margin:0;box-shadow:none}.finish-explorer__dialog[open]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto}.finish-explorer__layout,.finish-explorer__preview,.finish-explorer__browser,.finish-explorer__header{display:contents}.finish-explorer__heading{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal}.finish-explorer__image{grid-column:1 / -1;grid-row:1;border:0}.finish-explorer__zoom{top:var(--circle-button-inset);right:calc(var(--circle-button-inset) + var(--circle-button-size) + .8rem)}.finish-explorer__filters{grid-column:1 / -1;grid-row:2;flex-wrap:nowrap;overflow-x:auto;padding:var(--explorer-chip-above) var(--explorer-gutter) calc(var(--explorer-tap) - var(--explorer-chip) - var(--explorer-chip-above))}.finish-explorer__filter{position:relative;min-height:var(--explorer-chip)}.finish-explorer__filter:before{content:"";position:absolute;inset:calc(-1 * var(--explorer-chip-above)) 0 calc(var(--explorer-chip) + var(--explorer-chip-above) - var(--explorer-tap))}.finish-explorer__groups{grid-column:1 / -1;grid-row:3;height:var(--explorer-tiles-height);padding:var(--explorer-list-top) var(--explorer-gutter) 2rem}.finish-explorer__group-header{align-items:center;margin-bottom:.8rem;padding-bottom:.6rem}.finish-explorer__group-name,.finish-explorer__group-count{line-height:1.6rem}.finish-explorer__tiles{grid-template-columns:repeat(var(--explorer-columns),minmax(0,1fr));gap:var(--explorer-row-gap) var(--explorer-column-gap)}.finish-explorer__tile-name{min-height:var(--explorer-tile-name);font-size:1.2rem;line-height:1.6rem}.finish-explorer__details{grid-column:1 / -1;grid-row:1;align-self:start;z-index:2;display:flex;flex-direction:column;justify-content:flex-start;min-width:0;min-height:var(--explorer-label-cover);padding:var(--circle-button-inset) calc(2 * var(--circle-button-inset) + 2 * var(--circle-button-size) + .8rem) .8rem var(--explorer-gutter);background-color:var(--explorer-warm-white);pointer-events:none}.finish-explorer__family{font-size:1.1rem;line-height:1.5rem}.finish-explorer__name{overflow:hidden;font-size:2.4rem;line-height:2.5rem;padding-bottom:.2rem;margin-bottom:-.2rem;white-space:nowrap;text-overflow:ellipsis}.finish-explorer__band{display:contents}.finish-explorer__material,.finish-explorer__note,.finish-explorer__actions{display:none}.finish-explorer__sheet-footer{display:block;grid-column:1 / -1;grid-row:1;align-self:end;justify-self:end;z-index:2;padding:var(--explorer-gutter);pointer-events:none}.finish-explorer__sheet-footer .finish-explorer__choose{width:auto;min-height:var(--explorer-tap);box-shadow:0 0 0 .3rem var(--explorer-warm-white);pointer-events:auto}}@media screen and (orientation:landscape)and (max-height:500px){.finish-explorer__dialog{--explorer-image-width: min(50%, 100dvh);--explorer-label-cover: 10dvh}.finish-explorer__dialog[open]{grid-template-columns:var(--explorer-image-width) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.finish-explorer__image{grid-column:1;grid-row:1 / -1}.finish-explorer__filters{grid-column:2 / -1;grid-row:1}.finish-explorer__groups{grid-column:2 / -1;grid-row:2;height:auto}.finish-explorer__details,.finish-explorer__sheet-footer{grid-column:1;grid-row:1 / -1}.finish-explorer__dialog .finish-explorer__close{right:auto;left:calc(var(--explorer-image-width) - var(--circle-button-size) - var(--circle-button-inset))}}@media screen and (min-width:750px)and (min-height:501px){.finish-explorer__details{display:contents}.finish-explorer__image{grid-row:1}.finish-explorer__material{grid-column:1;grid-row:2;margin-top:0!important}.finish-explorer__band{grid-column:1 / -1;grid-row:1;align-self:start;z-index:2;display:flex;flex-direction:column;justify-content:flex-start;min-width:0;min-height:max(10%,6.8rem);margin:.1rem .1rem 0;padding:1.2rem calc(1.2rem + var(--circle-button-size) + 1.2rem) 1.2rem 1.2rem;background-color:var(--explorer-warm-white);pointer-events:none}.finish-explorer__family{font-size:1.1rem;line-height:1.5rem}.finish-explorer__name{overflow:hidden;font-size:2.4rem;line-height:2.5rem;padding-bottom:.2rem;margin-bottom:-.2rem;white-space:nowrap;text-overflow:ellipsis}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-finish-explorer.css.map */