.modal.modal-material-picker{background:#fff}.modal.modal-material-picker .change-yarn-btn{display:none}.modal.modal-material-picker .container{height:100%;padding-top:60px;width:100%}.modal.modal-material-picker .current-color .change-color{display:flex;flex-direction:column}.modal.modal-material-picker .current-color .change-yarn,.modal.modal-material-picker .current-color .current-palette{display:none!important}.modal.modal-material-picker .current-yarn .change-yarn{display:flex;flex-direction:column}.modal.modal-material-picker .current-yarn .change-color,.modal.modal-material-picker .current-yarn .current-palette{display:none!important}.modal.modal-material-picker .current-yarn .change-yarn-btn{display:none}.modal.modal-material-picker .current-palette .change-palette{display:flex;flex-direction:column}.modal.modal-material-picker .current-palette .change-yarn,.modal.modal-material-picker .current-palette .current-color{display:none!important}.modal.modal-material-picker .top-buttons__wrapper{align-items:center;display:flex;justify-content:space-between;margin-bottom:34px;width:100%}.modal.modal-material-picker .top-buttons__wrapper .right-buttons{align-items:center;display:flex;gap:20px}@media screen and (max-width:749.5px){.modal.modal-material-picker .top-buttons__wrapper .right-buttons .close-btn-text{display:none}}.modal.modal-material-picker .top-button{align-items:center;display:flex;font-size:16px;font-weight:700;gap:8px;letter-spacing:2px;line-height:100%;text-decoration:none;text-transform:uppercase}.modal.modal-material-picker .top-button.back-btn,.modal.modal-material-picker .top-button.close-btn{color:#6f6f6f}.modal.modal-material-picker .top-button.save-btn{color:#ef7e35}.modal.modal-material-picker .left-column{overflow-y:auto;padding-bottom:68px}.modal.modal-material-picker .modal-changing-content{display:flex;height:calc(100vh - 60px)}.modal.modal-material-picker .column-label{color:#6f6f6f;font-size:20px;font-weight:700;letter-spacing:2px;line-height:100%;margin-bottom:32px;text-transform:uppercase}.modal.modal-material-picker .column-label:not(:first-child){padding-left:54px}.modal.modal-material-picker .material__wrapper{background:#f8f8f8;border-radius:16px;max-width:310px;padding:24px 24px 47px;text-align:center}.modal.modal-material-picker .material-img{background:#fff;border-radius:16px;margin-bottom:16px;overflow:hidden;position:relative;width:100%}.modal.modal-material-picker .material-img img{height:auto}.modal.modal-material-picker .material-img .material-count{align-items:center;background:hsla(0,0%,100%,.8);border:2px solid hsla(0,0%,100%,.8);border-radius:90px;bottom:0;color:#6f6f6f;display:flex;flex-shrink:0;font-weight:600;height:40px;justify-content:center;left:0;line-height:120%;position:absolute;text-align:center;width:32px}.modal.modal-material-picker .material-title{color:#202735;font-size:20px;font-weight:700;line-height:120%;margin-bottom:8px}.modal.modal-material-picker .material-variant-title{font-size:16px;font-weight:600;line-height:140%;margin-bottom:5px}.modal.modal-material-picker .material-vendor{color:#6f6f6f;font-size:14px;font-weight:400;line-height:100%;margin-bottom:5px}.modal.modal-material-picker .button-secondary-border.change-yarn-btn{margin-bottom:16px}.modal.modal-material-picker .material-details__wrapper .info-details{flex-direction:column;margin:24px 0 0;row-gap:20px;text-align:start}.modal.modal-material-picker .material-details__wrapper .info-details .card{flex-basis:inherit}.modal.modal-material-picker .right-column{overflow-y:auto;padding:0 54px 100px;width:100%}.modal.modal-material-picker .color-to-replace__wrapper{column-gap:19px;display:grid;grid-auto-rows:auto;grid-template-columns:repeat(3,1fr);margin-bottom:100px;row-gap:40px;width:100%}.modal.modal-material-picker .checkbox{align-items:center;backdrop-filter:blur(16px);background:hsla(0,0%,100%,.8);border-radius:30px;bottom:0;display:flex;height:40px;justify-content:center;left:0;position:absolute;width:40px}.modal.modal-material-picker .swatch-img__item{height:80px}.modal.modal-material-picker .icon-checked{display:none}.modal.modal-material-picker .checked .icon-checked{display:flex}.modal.modal-material-picker .checked .icon-unchecked{display:none}.modal.modal-material-picker .color-item{cursor:pointer;display:flex;gap:16px;width:fit-content}.modal.modal-material-picker .color-item.out-of-stock .price{display:none}.modal.modal-material-picker .color-item.not-enough .swatch-img__wrapper,.modal.modal-material-picker .color-item.out-of-stock .swatch-img__wrapper{background:#d3d3d3 -.548px -5px/101.712% 112.5% no-repeat;opacity:.4}.modal.modal-material-picker .color-item.not-enough .checkbox,.modal.modal-material-picker .color-item.out-of-stock .checkbox{display:none}.modal.modal-material-picker .swatch-info__wrapper{display:flex;flex-direction:column;justify-content:space-between}.modal.modal-material-picker .swatch-info__wrapper .tag{margin-bottom:7px}.modal.modal-material-picker .swatch-title{margin-bottom:8px;text-align:start}.modal.modal-material-picker .swatch-title .number{color:#202735;font-size:14px;font-weight:600;line-height:140%}.modal.modal-material-picker .swatch-title .text{color:#6f6f6f;font-size:14px;font-weight:400;line-height:140%}.modal.modal-material-picker .right-column.change-yarn{display:flex;flex-direction:column;gap:16px}.modal.modal-material-picker .right-column.change-yarn .material-to-change__wrapper{display:grid;gap:8px;grid-template-columns:repeat(4,1fr);width:100%}.modal.modal-material-picker .right-column.change-yarn .material-item{display:flex;flex-direction:column}.modal.modal-material-picker .right-column.change-yarn .material-img{align-items:center;background:#fff;border-radius:24px;display:flex;overflow:hidden;position:relative}.modal.modal-material-picker .right-column.change-yarn .material-img img{object-fit:contain}.modal.modal-material-picker .right-column.change-yarn .material-img .checkbox{bottom:8px;left:8px}.modal.modal-material-picker .right-column.change-yarn .material-info{display:flex;flex-direction:column;gap:10px}.modal.modal-material-picker .right-column.change-yarn .material-info>div{margin:0}.modal.modal-material-picker .right-column.change-yarn .description,.modal.modal-material-picker .right-column.change-yarn .vendor{font-size:14px;font-weight:300;line-height:100%}@media screen and (max-width:989.98px){.modal.modal-material-picker .container{padding-top:32px}.modal.modal-material-picker .top-buttons__wrapper{justify-content:end;margin-bottom:24px}.modal.modal-material-picker .top-buttons__wrapper .back-btn,.modal.modal-material-picker .top-buttons__wrapper .h1,.modal.modal-material-picker .top-buttons__wrapper .top-button.save-btn{display:none}.modal.modal-material-picker .left-column{margin-bottom:40px;order:2;overflow-y:unset;padding-bottom:0}.modal.modal-material-picker .material-info__wrapper{max-width:50%}.modal.modal-material-picker .column-label{display:none}.modal.modal-material-picker .material-img{margin-bottom:0}.modal.modal-material-picker .material-img .material-count{display:none}.modal.modal-material-picker .material-details__wrapper .info-details{gap:16px;margin:0;min-width:50%;width:auto}.modal.modal-material-picker .material-details__wrapper .info-details .card{gap:16px}.modal.modal-material-picker .right-column{order:1;overflow-y:unset;padding:0}.modal.modal-material-picker .modal-changing-content{flex-direction:column;height:100%;overflow-y:auto}.modal.modal-material-picker .modal-changing-content::-webkit-scrollbar{display:none}.modal.modal-material-picker .material__wrapper{background:#fff;display:flex;gap:24px;max-width:100%;padding:0 0 120px}.modal.modal-material-picker .color-to-replace__wrapper{column-gap:24px;row-gap:32px}}.modal.modal-material-picker .palette-button{align-items:center;background:#f9f9f9;border-radius:30px;bottom:32px;box-shadow:0 0 16px 0 hsla(0,0%,41%,.25);display:flex;gap:24px;left:50%;padding:6px;position:fixed;transform:translateX(-50%)}.modal.modal-material-picker .palette-button.current-palette{padding:9px 6px 9px 16px}.modal.modal-material-picker .palette-button.current-palette .text{color:#6f6f6f;font-size:12px;font-variant-numeric:lining-nums proportional-nums;font-weight:700;line-height:140%;width:min-content}.modal.modal-material-picker .palette-button.current-palette .palette-swatches .swatch-wrapper{border:2px solid #fff;border-radius:90px;height:40px;overflow:hidden;width:40px}.modal.modal-material-picker .palette-button.current-palette .palette-swatches .swatch-wrapper.active{border-color:#ef7e35}.modal.modal-material-picker .palette-button.current-palette .palette-swatches .swatch-wrapper:not(:first-child){margin-left:-10px}@media screen and (max-width:749.98px){.modal.modal-material-picker .container{padding-top:16px}.modal.modal-material-picker .material__wrapper{flex-direction:column}.modal.modal-material-picker .material-info__wrapper{max-width:100%}.modal.modal-material-picker .color-to-replace__wrapper{grid-template-columns:1fr}}