.cpdc{display:block;min-height:618px;overflow:hidden;padding:35px 15px 45px;background:#121212;color:#fff;font-family:var(--body-font-stack)}.cpdc [hidden]{display:none!important}.cpdc__header{display:grid;gap:10px;max-width:100%;margin:auto;text-align:center}.cpdc__header p,.cpdc__header h2{margin:0}.cpdc__header p{font-size:14px;line-height:20px;letter-spacing:3px;text-transform:uppercase}.cpdc__header h2{font-family:var(--header-font-stack);font-size:32px;font-weight:400;line-height:30px;letter-spacing:normal;text-transform:none}.cpdc__fallback{text-align:center}.cpdc__panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:26px auto 0}.cpdc__panel{min-width:0}.cpdc__select-wrap{position:relative;z-index:4}.cpdc__panel-body{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding-top:20px}.cpdc__product{position:relative;grid-row:1;display:grid;isolation:isolate;justify-items:center;gap:8px}.cpdc__product:before{position:absolute;z-index:-1;top:50%;left:50%;width:260px;aspect-ratio:1;background:var(--cpdc-glow-left) center / contain no-repeat;content:"";pointer-events:none;transform:translate(-50%,-50%)}.cpdc__panel--right .cpdc__product:before{background-image:var(--cpdc-glow-right)}.cpdc__product-media{position:relative;display:grid;width:132px;height:190px;overflow:hidden;place-items:center}.cpdc__product img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.cpdc__product--landscape img{inset:auto;top:50%;left:50%;width:190px;height:132px;object-fit:contain;transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center}.cpdc__swatches{display:flex;min-height:14px;gap:3px}.cpdc__swatch{width:14px;height:14px;border:1px solid rgba(255,255,255,.5);background:#777}.cpdc__swatch--black,.cpdc__swatch--jet-black,.cpdc__swatch--jet-black-gloss,.cpdc__swatch--black-gloss,.cpdc__swatch--gloss-black{background:#000}.cpdc__swatch--white,.cpdc__swatch--white-gloss,.cpdc__swatch--olympic-white-gloss,.cpdc__swatch--olympic-white{background:#fff}.cpdc__swatch--josie-pink{background:#f1c0da}.cpdc__swatch--josie-pink-gloss{background-color:pink}.cpdc__swatch--rampart-red{background:#a91f27}.cpdc__swatch--midnight-blue{background:#183e73}.cpdc__swatch--seafoam-green{background:#86c9b8}.cpdc__spec-list{grid-row:2;margin:0}.cpdc__spec-list>div{display:grid;min-height:48px;align-content:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.28)}.cpdc__spec-list dt{color:#ffffff80;font-size:8px;line-height:10px;text-transform:uppercase}.cpdc__spec-list dd{margin:2px 0 0;font-size:9px;line-height:11px}.cpdc__spec-list dd span{font-size:15px}.cpdc__scroller{margin-top:26px;overflow-x:auto;scrollbar-width:thin}.cpdc__table{display:grid;grid-template-columns:120px repeat(var(--cpdc-cols),100px);width:max-content;min-width:100%;padding:0 15px}.cpdc__corner,.cpdc__model,.cpdc__attribute,.cpdc__value{border-bottom:1px solid rgba(255,255,255,.25)}.cpdc__model{display:grid;min-height:150px;align-content:end;justify-items:center;gap:6px;padding:8px;text-align:center}.cpdc__model h3,.cpdc__model p{margin:0}.cpdc__model h3{font-size:12px;line-height:14px}.cpdc__model img{width:72px;height:100px;object-fit:contain}.cpdc__model p{font-size:11px}.cpdc__figma-featured-media{display:none}.cpdc__attribute,.cpdc__value{display:grid;min-height:50px;align-items:center;padding:8px;font-size:11px;line-height:14px}.cpdc__value{justify-items:center;text-align:center}.cpdc__value.is-featured,.cpdc__model.is-featured{background:#fff;color:#000}.cpdc__value span{font-size:18px}.cpdc__scrollbar{display:none}@media(max-width:989px){.cpdc--core{height:618px;min-height:618px;padding:43px 0 0}.cpdc--core .cpdc__header{width:calc(100% - 30px)}.cpdc--core .cpdc__scroller{width:calc(100% - 32px);height:356px;margin:26px auto 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.cpdc--core .cpdc__scroller::-webkit-scrollbar{display:none}.cpdc--core .cpdc__scrollbar{display:block;width:calc(100% - 32px);height:10px;margin:28px 0 0 15px;overflow:hidden;background:#484848}.cpdc--core .cpdc__scrollbar-thumb{display:block;height:100%;background:#fff;will-change:transform}.cpdc--core .cpdc__table{position:relative;isolation:isolate;grid-template-columns:147.675px repeat(var(--cpdc-cols),81.588px);column-gap:24.477px;width:max-content;min-width:0;margin:0 auto;padding:0 10px 0 0}.cpdc--core .cpdc__table:before{position:absolute;z-index:0;top:0;left:160.946px;width:103px;height:355px;background:linear-gradient(180deg,#fff3,#fff);content:"";pointer-events:none}.cpdc--core .cpdc__corner,.cpdc--core .cpdc__model,.cpdc--core .cpdc__attribute,.cpdc--core .cpdc__value{position:relative;z-index:1;border:0}.cpdc--core .cpdc__corner,.cpdc--core .cpdc__model{height:129.204px;min-height:0}.cpdc--core .cpdc__model{grid-template-rows:89.747px 16.318px;align-content:start;justify-items:center;gap:5px;padding:0;color:#ffffff80}.cpdc--core .cpdc__model h3{grid-row:2;font-size:12px;font-weight:700;line-height:16.318px;text-transform:none;white-space:nowrap}.cpdc--core .cpdc__model.is-featured{color:#fff;background:transparent}.cpdc--core .cpdc__model.is-featured h3{font-size:14px}.cpdc--core .cpdc__model img:not(.cpdc__figma-featured-media),.cpdc--core .cpdc__model p{display:none}.cpdc--core .cpdc__figma-featured-media{display:block;grid-row:1;width:89.747px;height:89.747px;object-fit:cover}.cpdc--core .cpdc__attribute,.cpdc--core .cpdc__value{height:42.426px;min-height:0;align-items:start;padding:0;font-size:12px;font-weight:500;line-height:16.318px}.cpdc--core .cpdc__attribute:after,.cpdc--core .cpdc__value:after{position:absolute;top:29.372px;right:0;left:0;height:.816px;background:#fff;content:"";transform:translateY(-50%)}.cpdc--core .cpdc__value.is-featured{color:#000;background:transparent}.cpdc--core .cpdc__value.is-featured:after{background:#000}.cpdc--core .cpdc__value span{display:block;width:16.318px;height:16.318px;background:var(--cpdc-x) center / contain no-repeat;font-size:0}.cpdc--core .cpdc__value span[aria-label=Yes]{background-image:var(--cpdc-check)}.cpdc--core .cpdc__attribute:nth-last-child(-n+6),.cpdc--core .cpdc__value:nth-last-child(-n+6){height:29.372px}}@media(min-width:990px)and (max-width:1112px){.cpdc--core .cpdc__scroller{overflow-x:auto;scrollbar-width:thin}.cpdc--core .cpdc__table{margin-right:16px;margin-left:16px}}@media(min-width:990px){.cpdc{min-height:927px;padding:70px 0 80px}.cpdc__header{width:900px;gap:14px}.cpdc__header p{font-size:16px;line-height:20px;letter-spacing:5px}.cpdc__header h2{font-size:72px;line-height:60px}.cpdc__panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,73px);width:min(1253px,calc(100% - 48px));margin-top:45px}.cpdc__select-wrap .custom-select{--custom-select-height: 54px;--custom-select-inline-padding: 33px;--custom-select-font-size: 24px;--custom-select-option-font-size: 16px}.cpdc__panel-body{grid-template-columns:221px 1fr 184px;gap:0;padding-top:47px}.cpdc__panel-body--left .cpdc__spec-list{grid-column:1}.cpdc__panel-body--left .cpdc__product{grid-column:3}.cpdc__panel-body--right .cpdc__product{grid-column:1}.cpdc__panel-body--right .cpdc__spec-list{grid-column:3;width:221px}.cpdc__product,.cpdc__spec-list{grid-row:1}.cpdc__product:before{width:460px}.cpdc__product-media{width:184px;height:391px}.cpdc__product--landscape img{width:391px;height:184px}.cpdc__swatch{width:20px;height:20px}.cpdc__spec-list>div{min-height:60px;padding:10px 0}.cpdc__spec-list dt{font-size:14px;line-height:20px}.cpdc__spec-list dd{margin:0;font-size:16px;line-height:20px}.cpdc__spec-list dd span{font-size:20px}.cpdc--core{min-height:820px;padding-top:116px}.cpdc--core .cpdc__header h2{font-size:50px;line-height:50px}.cpdc__scroller{margin-top:54px;overflow:hidden}.cpdc__table{grid-template-columns:231px repeat(var(--cpdc-cols),150px);width:1081px;min-width:0;margin:auto;padding:0}.cpdc--core .cpdc__table{position:relative;isolation:isolate}.cpdc--core .cpdc__table:before{position:absolute;z-index:0;top:0;left:231px;width:150px;height:474px;background:linear-gradient(180deg,#fff3,#fff);content:"";pointer-events:none}.cpdc--core .cpdc__corner,.cpdc--core .cpdc__model,.cpdc--core .cpdc__attribute,.cpdc--core .cpdc__value{position:relative;z-index:1}.cpdc--core .cpdc__model.is-featured{color:#fff;background:transparent}.cpdc--core .cpdc__value.is-featured{background:transparent}.cpdc__model{min-height:150px}.cpdc__model img{width:110px;height:110px}.cpdc__attribute,.cpdc__value{min-height:52px;font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/ciari-pdp-comparison.css.map */