upholstery-swatch-picker{display:flex;align-items:center;gap:10px}.swatch-picker--selected,.swatch-picker--available-options-swatches{display:inline-flex;line-height:0}.swatch-picker--selected .swatch-picker--swatch,.swatch-picker--swatch-input:checked+label .swatch-picker--wrapper .swatch-picker--swatch{box-shadow:0 0 0 1px #000}.swatch-picker--wrapper{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.swatch-picker--swatch{display:inline-block;width:60px;height:60px;border-radius:50%;background-color:#fff;border:4px solid #fff;overflow:hidden;position:relative}.swatch-picker--swatch img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover}.swatch-picker--swatch-title{display:none;font-size:13px;font-weight:400;height:18px;width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.swatch-picker--swatch-input:checked+label .swatch-picker--swatch-title{font-weight:600}.swatch-picker--available-options-swatches .swatch-picker--wrapper:not(:last-child){margin-right:-20px}.swatch-picker--available-options-swatches .swatch-picker--swatch{border:2px solid #fff;height:42px;width:42px}.swatch-picker--available-options-text{cursor:pointer;color:#c02222;font-weight:500;font-size:13px}upholstery-swatch-picker.loading{width:100%;max-width:300px;border-radius:12px}upholstery-swatch-picker.loading .swatch-picker--available-options{height:100%;min-height:65px}upholstery-swatch-picker:not(.loading) .swatch-picker--available-options{display:inline-flex;align-items:center;gap:7px;border:1.5px solid #B2B2B2;border-radius:14px;padding:10px 12px}.swatch-picker--variant-name{font-size:13px;font-weight:400;margin:0 5px}.swatch-picker--variant-change{font-family:Roboto,Montserrat,sans-serif;font-size:14px;font-weight:400;text-decoration:underline;cursor:pointer}.swatch-picker--modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2147483647}.swatch-picker--modal-overlay{background:#000;width:100%;height:100%;opacity:.3}.swatch-picker--modal-close{position:absolute;top:12px;right:12px;padding:14px;cursor:pointer;z-index:4}.swatch-picker--modal-content.animate+.swatch-picker--modal-close{transform:translateY(0)}.swatch-picker--modal-content{display:flex;flex-direction:column;width:100%;height:100%;background-color:#fff;position:fixed;top:50px;left:0%;overflow:hidden;padding:0 18px 18px;z-index:1;transform:translateY(100%);transition:all .1s ease-in-out}.swatch-picker--modal-content.animate{transform:translateY(0)}.swatch-picker--modal-content .swatch-picker--swatch-title{display:block}.no-scroll{height:100vh;overflow:hidden}.swatch-picker--modal-content-group-wrapper{width:100%;height:100%;overflow:auto}.swatch-group-swatches-wrapper label{width:100px}.swatch-picker--modal-selected{width:100%;position:sticky;top:0;left:0;z-index:2;display:flex;align-items:flex-end;gap:20px;background-color:#fff;padding:18px 0;border-bottom:1px solid #D9D9D9}.swatch-picker--modal-selected-price{display:flex;flex-direction:column}.swatch-picker--swatch-input{display:none}.swatch-group-swatches-wrapper{display:flex;flex-wrap:wrap;gap:15px;margin:30px 0}.swatch-picker--modal-selected .swatch-picker--wrapper{display:flex;flex-direction:column-reverse;align-items:flex-start;width:34%}.swatch-picker--modal-selected .swatch-picker--swatch{width:100%;height:70px;border-radius:10px;outline:1px solid #d9d9d9;outline-offset:3px}.swatch-picker--modal-selected-price span,.swatch-picker--modal-selected .swatch-picker--swatch-title{font-size:18px;font-weight:500;white-space:nowrap}.swatch-picker--modal-selected .swatch-picker--swatch-title{width:80vw;text-align:left;height:unset}.swatch-picker--modal-selected-continue-wrapper{position:fixed;left:0;width:100%;padding:22px 17px;background-color:#fff;border-top:1px solid #D9D9D9;bottom:50px;z-index:4}.swatch-picker--modal-selected-continue{background-color:#78999c;color:#fff;font-weight:600;border-radius:4px;text-align:center;padding:10px;box-shadow:0 1px 3px #78999c;cursor:pointer}.fabric-group-title{display:flex;justify-content:space-between;align-items:center;font-size:20px;font-weight:500;padding:12px 0;border-bottom:1px solid #D9D9D9;cursor:pointer}swatch-group{display:block}swatch-group:last-child{margin-bottom:104px}.fabric-group-title svg{transition:all .3s}swatch-group[data-accordion=close] .fabric-group-title svg{transform:rotate(180deg)}swatch-group[data-accordion=close] .swatch-group-wrapper{transform:translateY(-10%);opacity:0;height:0;overflow:hidden;border:none}.swatch-group-title{font-size:15px;font-weight:500;margin-top:20px}.swatch-group-description{margin-top:5px;font-size:13px}.swatch-group-wrapper{border-bottom:1px solid #D9D9D9;transform:translateY(0);transition:all .1s ease-in-out}.swatch-picker--modal-content-group-wrapper::-webkit-scrollbar{width:20px}label.variant__label{display:flex!important;width:100%;gap:8px}.variant__label-upholstery-option{flex:1 1 40%}.swatch-picker--swatch-input[disabled]+label{opacity:.6;cursor:not-allowed;position:relative}.swatch-picker--swatch-input[disabled]+label:before{content:"";background:#000;position:absolute;left:55%;top:-12%;transform:rotate(45deg);width:2px;height:100%}.swatch-picker--modal-content-group-wrapper::-webkit-scrollbar-track{box-shadow:none}.swatch-picker--modal-content-group-wrapper::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:60px;border:5px solid white}.swatch-picker--line-prop{display:none}@media only screen and (min-width:769px){.swatch-picker--modal-content{flex-direction:row-reverse;width:95%;height:95%;top:2.5%;left:50%;padding:0;overflow:hidden;transform:translateY(0);opacity:0;transform:translate(-50%);max-width:1080px}.swatch-picker--modal-content.animate{opacity:1;transform:translate(-50%)}.swatch-picker--modal-selected{height:fit-content;position:sticky;top:0;flex-direction:column;align-items:flex-start;justify-content:center;border:none;padding:50px 40px 0 20px;width:36%}.swatch-picker--modal-content-group-wrapper{width:75%;margin:21px 0 21px 30px;height:unset;overflow-x:hidden;overflow-y:auto;position:relative;border:1px solid #D9D9D9}.swatch-picker--modal-selected .swatch-picker--swatch{min-height:180px;max-height:unset}.swatch-picker--swatch{width:57px;height:57px}.swatch-group-wrapper:last-child{border:none}.fabric-group-title{font-size:24px;border:none;padding:0}swatch-group{padding:30px;border-bottom:1px solid #D9D9D9;margin-top:-1px}.swatch-group-title{margin-top:20px}.swatch-group-swatches-wrapper{margin:20px 0}.swatch-group-swatches-wrapper label{width:90px}.swatch-picker--modal-selected-continue-wrapper{position:static;border:none;padding:0;margin-top:10px}.swatch-picker--modal-selected-price{flex-direction:row;gap:10px}.swatch-picker--modal-selected .swatch-picker--swatch{height:180px;width:100%;min-height:180px;margin-top:18px}.swatch-picker--modal-selected .swatch-picker--wrapper{width:100%}swatch-group:last-child{margin-bottom:0}.swatch-picker--modal-content-group-wrapper::-webkit-scrollbar{width:30px}.swatch-picker--modal-content-group-wrapper::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:60px;border:8px solid white}}@keyframes placeHolderShimmer{0%{background-position:-490px 0}to{background-position:490px 0}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/upholstery-swatch-picker.css.map */