.yarn-color-picker-container{padding:32px 0 80px;width:100%}.yarn-color-picker-menu{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.yarn-color-picker-menu-title{color:#6f6f6f;font-family:Lato;font-size:16px;font-style:normal;font-weight:500;line-height:120%}.yarn-color-picker-menu .filter-text{align-items:center;color:#888;cursor:pointer;display:flex;flex-direction:row;font-family:Lato;font-size:14px;font-style:normal;font-weight:700;gap:8px;line-height:150%}.yarn-color-picker-color-container{column-gap:61px;display:flex;flex-direction:row;flex-wrap:wrap;margin-top:24px;row-gap:32px;width:100%}.yarn-color-picker-color-container .color-card{cursor:pointer;display:flex;flex-direction:row;gap:10px;letter-spacing:0;padding-right:11px;width:257px}.yarn-color-picker-color-container .color-card .image-container{align-items:center;display:flex;height:84px;justify-content:center;min-height:84px;min-width:90px;position:relative}.yarn-color-picker-color-container .color-card .image-container .hide-element{display:none!important}.yarn-color-picker-color-container .color-card .image{border:2px solid hsla(0,0%,100%,.8);border-radius:90px;display:block!important;flex-shrink:0;height:84px;object-fit:cover;object-position:center;position:relative;width:64px}.yarn-color-picker-color-container .color-card .cart-action{align-items:center;backdrop-filter:blur(16px);background-color:hsla(0,0%,100%,.6);border-radius:30px;cursor:pointer;display:flex;flex-shrink:0;gap:4px;height:40px;justify-content:center;padding:4px 6px;position:absolute;right:0;top:0;width:100%}.yarn-color-picker-color-container .color-card .cart-action .counter{align-items:center;background-color:#fff;border-radius:30px;color:#202735;display:flex;flex-direction:column;flex-shrink:0;font-family:Lato;font-size:16px;font-style:normal;font-weight:700;height:32px;justify-content:center;line-height:100%;padding:8px 3px;text-align:center;width:32px}.yarn-color-picker-color-container .color-card .cart-action .icon-increase{height:20px;object-fit:cover;width:20px}.yarn-color-picker-color-container .color-card .cart-action .icon-increase-fade path{fill:#dcdcdc}.yarn-color-picker-color-container .color-card .cart-action .icon-decrease{height:20px;object-fit:cover;width:20px}.yarn-color-picker-color-container .color-card .cart-action .icon-decrease-fade path{fill:#dcdcdc}.yarn-color-picker-color-container .color-card .action-icon{backdrop-filter:blur(16px);background-color:hsla(0,0%,100%,.8);border-radius:30px;cursor:pointer;display:block!important;height:30px;position:absolute;right:0;top:0;width:30px}.yarn-color-picker-color-container .color-card .action-icon.bell-icon{display:none!important}.yarn-color-picker-color-container .color-card .bullet-icon{backdrop-filter:blur(16px);background-color:hsla(0,0%,100%,.8);border-radius:30px;bottom:0;display:block!important;flex-shrink:0;height:40px;left:0;position:absolute;width:40px}.yarn-color-picker-color-container .color-card .info-container{display:flex;flex-direction:column;gap:8px!important;justify-content:space-between;margin:0!important}.yarn-color-picker-color-container .color-card .info-container .title{color:#6f6f6f;font-family:Lato;font-size:14px;font-style:normal;font-weight:400;line-height:140%;margin:0;padding:0}.yarn-color-picker-color-container .color-card .info-container .number{color:#202735;font-family:Lato;font-size:14px;font-style:normal;font-weight:600;line-height:140%;margin:0;padding:0}.yarn-color-picker-color-container .color-card .info-container .price{color:#202735;font-family:Lato;font-size:14px;font-style:normal;font-weight:700;line-height:100%;margin-top:auto}.yarn-color-picker-color-container .color-card .info-container .sale{align-items:center;display:flex;flex-direction:row}.yarn-color-picker-color-container .color-card .info-container .sale .price-new{color:#ef7e35}.yarn-color-picker-color-container .color-card .info-container .sale .price-old{color:#76797b;font-size:12px;font-weight:400;margin-left:8px;text-decoration-line:line-through}.yarn-color-picker-color-container .color-card .info-container .price-out-of-stock{color:#6f6f6f!important}.yarn-color-picker-color-container .color-card .info-container .tag{align-items:center;display:flex;flex-direction:row;gap:6px}.yarn-color-picker-color-container .color-card .info-container .tag .icon{height:16px;width:12px}.yarn-color-picker-color-container .color-card .info-container .tag .text{color:#202735;font-family:Lato;font-size:12px;font-style:normal;font-weight:700;line-height:100%}@media screen and (min-width:750px){.yarn-color-picker-container{padding:80px 0 124px}}