.finish-options{--image-max-height: 150px}.finish-options .h1{margin-bottom:2rem}.finish-options .error{color:#a40000}@media screen and (min-width: 750px){.finish-options__inputs-grid{display:grid}}.finish-options__inputs-grid label{margin-bottom:1rem}.measurement{display:flex;flex-direction:column;margin-bottom:1rem}@media screen and (min-width: 750px){.measurement.grid-first{grid-column-start:1}.measurement.grid-second{grid-column-start:2}}.measurement-input{display:flex;gap:1rem}.measurement-input__unit-wrapper{position:relative}.measurement-input__unit-wrapper input.field__input{padding:1.5rem .8rem;max-width:100px}.measurement-input__unit-wrapper .measurement-input-unit{position:absolute;right:3.5rem;top:20%}.measurement-input__indicators{display:flex;flex-direction:column}.finish-options__container{border-radius:4px;margin-bottom:1rem}.finish-options__wrapper{display:flex;justify-content:space-between;gap:2rem;transition-property:margin,opacity;transition-duration:.3s;transition-timing-function:ease-in-out}.finish-option{display:flex;flex-direction:column;align-items:center;width:100%;cursor:pointer;position:relative}.finish-option .picker-label{position:relative}.finish-option .picker-input{width:1px;visibility:hidden;position:absolute;top:0;left:0}.finish-option p{margin:1rem 0}.finish-option img{box-shadow:0px 1px 2px 0px rgba(0,0,0,.25);transition-property:opacity,box-shadow;transition-duration:.3s;transition-timing-function:ease-in-out;opacity:.7}@media screen and (min-width: 1600px){.finish-option img{min-height:260px}}.finish-option:hover img{opacity:1}.finish-option.active img{border:2px solid #8b2332;box-shadow:none;opacity:1}.finish-options__wrapper--trouser{flex-direction:column;margin-bottom:2rem}.finish-options__wrapper--trouser .finish-option{align-items:start}@media screen and (min-width: 989px){.finish-options__wrapper--trouser{flex-direction:row}}.modal-opener--finish-options{margin-bottom:0;width:100%}.flex-col{display:flex;flex-direction:column}.info-text-jacket{padding:0 1rem;font-size:1.3rem;margin-top:2rem;margin-bottom:1rem}.info-text-trouser{font-size:1.3rem;margin-top:2rem;margin-bottom:2rem}.finish-options__description{text-align:justify;margin:0}.finish-options__description.finish-options__description--clamped{display:-webkit-box;margin-top:.8rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;suffix:" ) "}.finish-options__description-read-more{color:rgba(var(--color-button), var(--alpha-button-background));text-decoration:underline;cursor:pointer;transition:.3s ease all}.finish-options__description-read-more:hover{text-underline-offset:2px}.modal-close{background:#f0f0f0;padding:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;top:0;right:0}.truncate{overflow:hidden;text-overflow:ellipsis;display:"-webkit-box";-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.finish-options__image{max-height:var(--image-max-height);object-fit:cover}.finish-input-trouser{margin-top:2rem}.finish-input{margin-top:2rem}.finish-input .quantity{width:100%}.finish-input .two-col-alteration{width:100%;gap:2rem;justify-content:center}.finish-input .alteration-option{width:100%}.finish-input .other-alterations-option{border:.1rem solid rgba(var(--color-base-text), 0.08);box-shadow:none}.flyout-content__body--finish-options{place-content:flex-start;overflow-y:scroll;max-width:60rem}@media screen and (min-width: 750px){.flyout-content__body--finish-options{padding-right:2rem;padding-left:2rem}}@media screen and (min-width: 990px){.flyout-content__body--finish-options{padding-right:4rem;padding-left:4rem}}.measurement-unit-container{display:flex;flex-direction:column;justify-content:center;margin-bottom:2rem;align-items:start}.measurement-unit-container p{margin-top:0}.measurement-unit-container .measurement-toggle{background-color:#f1f1f1;padding:2px;border-radius:2rem;display:flex}.measurement-unit-container .measurement-toggle .measurement-selector{border-radius:21px;padding:1rem 2rem;line-height:18px;color:#000;cursor:pointer;transition-property:color,background-color;transition-duration:.3s;transition-timing-function:ease-in-out}.measurement-unit-container .measurement-toggle .measurement-selector.active{background-color:rgba(var(--color-button), var(--alpha-button-background));color:#fff}#clear-finish-options{margin-bottom:1rem}.finish-label{line-height:1.1;display:grid;grid-template-columns:1em auto;gap:1.2em;align-items:center;cursor:pointer;width:100%;text-align:left}.finish-options__radio{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;font-family:inherit;color:#000;width:2rem;margin-left:5px;height:2rem;border:.1em solid #000;border-radius:50%;display:grid;place-content:center}.finish-options__radio::before{content:"";width:1rem;height:1rem;border-radius:50%;transform:scale(0);transition:120ms transform ease-in-out;box-shadow:inset 1em 1em rgba(var(--color-button), var(--alpha-button-background));background-color:rgba(var(--color-button), var(--alpha-button-background))}.finish-options__radio:checked::before{transform:scale(1)}.tooltip.active{opacity:1;z-index:2;bottom:-90%;padding:0 1rem}.measurement-options__container{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:0 6rem}.measurement-options__container .measurement-unit-container{width:fit-content}@media screen and (max-width: 750px){.measurement-options__container{flex-direction:column;justify-content:space-between}.measurement-options__container .measurement-unit-container{flex:1;width:100%}}.button--mto{position:relative;color:#000;background-color:#fff;width:100%;border:unset;text-align:center;justify-content:center;box-shadow:unset;text-decoration:underline;font-size:1.2rem;padding:unset;min-height:unset}#fly-out-finish-options{width:100%}#fly-out-finish-options button:hover,#fly-out-finish-options button:focus{box-shadow:unset !important}