color-swatch-carousel{display:block;position:relative;z-index:3;margin-top:.8rem;max-width:100%;min-width:0;overflow:hidden}color-swatch-carousel.ccc--arrows{display:flex;align-items:center;gap:.3rem}.ccc__track{display:flex;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;padding:.2rem;min-width:0;max-width:100%;flex:1 1 auto}.ccc__track::-webkit-scrollbar{display:none}.ccc__swatch{flex:0 0 auto;width:3.4rem;height:3.4rem;border-radius:50%;overflow:hidden;border:.1rem solid rgba(var(--color-foreground),.3);background:#fff;padding:0}.ccc__swatch img{width:100%;height:100%;object-fit:cover;display:block}.ccc__swatch--active{border:.2rem solid rgb(var(--color-foreground))}.ccc__swatch:hover{border-color:rgba(var(--color-foreground),.7)}.ccc__arrow{flex:0 0 auto;width:2rem;height:2rem;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.35);background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;font-size:1.4rem;line-height:1;padding:0;display:flex;align-items:center;justify-content:center}.q-card color-swatch-carousel{--color-foreground: 255, 255, 255;--color-background: 0, 0, 0;margin:2px 0 12px}.q-card .ccc__track{justify-content:center}.q-card .ccc__swatch{width:3rem;height:3rem}@media screen and (max-width:700px){.q-card .ccc__swatch{width:2.6rem;height:2.6rem}.q-card .ccc__track{justify-content:flex-start}}.color-scheme-3 .contains-card--product .card__media,.color-scheme-3 .contains-card--product .card__media .media,.color-scheme-4 .contains-card--product .card__media,.color-scheme-4 .contains-card--product .card__media .media{background:#000}.contains-card--product .grid__item{min-width:0}.contains-card--product .grid__item>.card-wrapper,.contains-card--product .grid__item>.card-wrapper>.card{height:100%;min-width:0;max-width:100%}.contains-card--product .grid__item>.card-wrapper>.card{display:flex;flex-direction:column}.contains-card--product .card>.card__inner{flex:0 0 auto;width:100%;min-width:0}.contains-card--product .card>.card__content{flex:1 1 auto;width:100%;min-width:0;max-width:100%;grid-template-columns:minmax(0,1fr);overflow:hidden}.contains-card--product .card>.card__content>.card__information{display:flex;flex-direction:column;height:100%;min-width:0;max-width:100%}.contains-card--product .card>.card__content>.card__information>.card__heading{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.9em;line-height:1.4;max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.contains-card--product .card>.card__content>.card__information>.card__heading a{white-space:normal;overflow-wrap:anywhere}.contains-card--product .card>.card__content>.card__information>.card-information{margin-top:auto;padding-top:.6rem;min-width:0;max-width:100%}.contains-card--product .card-information .price{min-height:2.2em;display:flex;align-items:flex-end}.contains-card--product .card>.card__content>.card__information>color-swatch-carousel{min-height:4rem;display:flex;align-items:center;width:100%}.contains-card--product .card>.card__content>.card__information>color-swatch-carousel>.ccc__track{width:100%}.uqv__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.uqv__box{position:relative;background:#fff;color:#121212;border-radius:1.2rem;max-width:76rem;width:100%;max-height:90vh;overflow:auto;display:flex;box-shadow:0 2rem 6rem #00000073}.uqv__close{position:absolute;top:.8rem;right:.8rem;z-index:2;width:3.2rem;height:3.2rem;border-radius:50%;border:none;background:#ffffffe6;color:#121212;font-size:2.2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.uqv__media{flex:1 1 50%;min-width:0;background:#000;display:flex;align-items:center;justify-content:center}.uqv__media img{width:100%;height:100%;object-fit:contain;display:block}.uqv__info{flex:1 1 50%;min-width:0;padding:2.8rem 2.4rem;display:flex;flex-direction:column;gap:1.2rem}.uqv__title{margin:0;font-size:1.9rem;line-height:1.35}.uqv__price{font-size:1.7rem;font-weight:600}.uqv__price-was{opacity:.55;font-weight:400;margin-right:.6rem}.uqv__desc{margin:0;font-size:1.4rem;line-height:1.6;color:#121212bf}.uqv__actions{margin-top:auto;display:flex;flex-direction:column;gap:.8rem}.uqv__atc{width:100%;padding:1.3rem 2rem;background:#121212;color:#fff;border:.1rem solid #121212;border-radius:.4rem;font-size:1.5rem;font-weight:600;cursor:pointer}.uqv__atc:hover:not(:disabled){background:#000}.uqv__atc:disabled{opacity:.5;cursor:not-allowed}.uqv__view{width:100%;padding:1.3rem 2rem;background:transparent;color:#121212;border:.1rem solid #121212;border-radius:.4rem;font-size:1.5rem;font-weight:600;text-align:center;text-decoration:none;box-sizing:border-box}.uqv__view:hover{background:#1212120f}@media screen and (max-width:749px){.contains-card--product{column-gap:.8rem;row-gap:1.2rem}.contains-card--product .card>.card__content{padding:.6rem 0}.contains-card--product .card>.card__content>.card__information{padding:.8rem .2rem .6rem}.contains-card--product .card>.card__content>.card__information>.card__heading{font-size:1.3rem;line-height:1.35;min-height:2.7em}.contains-card--product .card-information .price{font-size:1.3rem;min-height:1.8em;align-items:flex-end}color-swatch-carousel,color-swatch-carousel.ccc--arrows{margin-top:.4rem}.ccc__arrow{display:none}.ccc__track{gap:.4rem;padding:.1rem .1rem .3rem}.ccc__swatch{width:2.8rem;height:2.8rem}.ccc__swatch--active{border-width:.15rem}.contains-card--product .card>.card__content>.card__information>color-swatch-carousel{min-height:3.4rem}.uqv__overlay{padding:0;align-items:flex-end}.uqv__box{flex-direction:column;max-height:92vh;border-radius:1.2rem 1.2rem 0 0}.uqv__media{flex:0 0 auto;max-height:40vh}.uqv__media img{max-height:40vh}.uqv__info{padding:1.8rem 1.6rem 2.4rem;gap:1rem}.uqv__title{font-size:1.6rem;padding-right:3rem}.uqv__price{font-size:1.5rem}.uqv__desc{font-size:1.3rem}.uqv__atc,.uqv__view{padding:1.2rem 1.6rem;font-size:1.4rem}}@media screen and (max-width:400px){.ccc__swatch{width:2.4rem;height:2.4rem}.contains-card--product .card>.card__content>.card__information>color-swatch-carousel{min-height:3rem}.contains-card--product .card>.card__content>.card__information>.card__heading{font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/card-color-carousel.css.map */