.set-image{position:relative;overflow:hidden;background:#f7f7f5}.set-img{width:100%;height:auto;display:block;border-radius:8px;opacity:0;transition:opacity .35s ease}.set-image.loaded .set-img{opacity:1}.set-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(100deg,#fff0 20%,#ffffffad,#fff0 80%),#f2f2f0;background-size:220% 100%;animation:matchingImageLoader 1.15s ease-in-out infinite;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}.set-image.loaded:before{opacity:0;visibility:hidden}@keyframes matchingImageLoader{0%{background-position:120% 0}to{background-position:-120% 0}}.hotspot{position:absolute;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;opacity:0;transition:opacity .3s ease,transform .25s ease,background .25s ease}.set-image.loaded .hotspot{opacity:1}.hotspot:hover{transform:translate(-50%,-50%) scale(1.12);background:#fffffff2}.hotspot span{position:relative;width:6px;height:6px}.hotspot span:before,.hotspot span:after{content:"";position:absolute;background:#111}.hotspot span:before{width:100%;height:1px;top:50%;left:0;transform:translateY(-50%)}.hotspot span:after{width:1px;height:100%;left:50%;top:0;transform:translate(-50%)}.hotspot:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid rgba(0,0,0,.08);opacity:.6}.hotspot:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:1px solid rgba(0,0,0,.06);animation:softPulse 3s ease-out infinite}@keyframes softPulse{0%{transform:scale(.8);opacity:.4}to{transform:scale(1.6);opacity:0}}.matching-sets-wrapper{box-sizing:border-box;width:100%;max-width:1320px;margin:0 auto;padding:0 32px;overflow:clip}.matching-sets-editorial{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,860px);align-items:center;justify-content:center;gap:clamp(28px,4vw,56px);min-width:0}.matching-sets-copy{min-width:0;max-width:380px;padding:clamp(12px,4vw,56px) 0}.matching-sets-eyebrow{margin:0 0 12px;color:#111;font-size:12px;font-weight:600;letter-spacing:.12em;line-height:1.3;text-transform:uppercase}.matching-sets-copy .cg-heading{margin:0}.matching-sets-copy .cg-subheading{max-width:340px;margin:12px 0 0;color:#3f3f3f}.matching-sets-shop-all{display:inline-flex;align-items:center;justify-content:center;min-width:250px;margin-top:28px;padding:14px 28px;border:1px solid #111;color:#111;font-size:13px;font-weight:600;letter-spacing:.08em;line-height:1.2;text-align:center;text-decoration:none;text-transform:uppercase;transition:background-color .2s ease,color .2s ease}.matching-sets-shop-all:hover{background:#111;color:#fff}.matching-sets-shop-all--mobile{display:none}@media(max-width:768px){.matching-sets-shop-all--desktop{display:none}.matching-sets-shop-all--mobile{display:inline-flex}}.matching-sets-mosaic{display:grid;grid-template-columns:repeat(3,268px);grid-auto-rows:1fr 1fr;gap:10px;min-width:0;width:100%;height:auto;overflow:hidden}.matching-sets-mosaic--count-1,.matching-sets-mosaic--count-2{height:clamp(460px,66vh,660px)}.matching-sets-mosaic .matching-set-card{width:100%;min-width:0;min-height:0}.matching-sets-mosaic .set-image,.matching-sets-mosaic .set-img{height:100%}.matching-sets-mosaic .set-image{display:flex;align-items:center;justify-content:center}.matching-sets-mosaic .set-img{aspect-ratio:4/5;border-radius:0;object-fit:cover;object-position:center}.matching-sets-title{font-size:40px}.matching-sets-collection-wrapper{padding:clamp(28px,5vw,64px) 0;overflow-x:clip}.matching-sets-collection-inner{width:min(100% - 40px,1320px);margin:0 auto}.matching-sets-collection-header{max-width:620px;margin:0 auto clamp(24px,4vw,42px);text-align:center}.matching-sets-collection-heading{margin:0;font-size:clamp(24px,3vw,38px);font-weight:500;letter-spacing:0;line-height:1.15;text-transform:uppercase;font-family:var(--ce-font-head)}.matching-sets-collection-subheading{margin:12px auto 0;color:#666;font-size:15px;line-height:1.55}.matching-sets-collection-grid{display:grid;grid-template-columns:repeat(var(--matching-sets-columns-mobile),minmax(0,1fr));gap:18px}.matching-sets-collection-grid .matching-set-card{min-width:0}.matching-sets-collection-grid .set-image{overflow:hidden}.matching-sets-collection-grid .set-img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:0}@media(min-width:768px){.matching-sets-collection-grid{grid-template-columns:repeat(var(--matching-sets-columns-desktop),minmax(0,1fr));gap:28px}}@media(max-width:768px){.matching-sets-editorial{grid-template-columns:1fr;gap:16px}.matching-sets-copy{max-width:none;padding:4px 0 0}.matching-sets-shop-all{width:100%;min-width:0;margin-top:0}.matching-sets-mosaic{grid-template-columns:repeat(2,1fr);gap:8px;width:100%;height:auto;overflow:visible}.matching-sets-mosaic .set-image,.matching-sets-mosaic .set-img{height:auto}.matching-sets-title{font-size:20px}.matching-sets-collection-grid .set-info{flex-direction:column;align-items:flex-start;gap:6px}.matching-sets-collection-grid .set-title{font-size:13px}.matching-sets-collection-grid .open-drawer{font-size:11px}}.matching-set-card{display:flex;flex-direction:column;gap:10px;max-width:none;margin:0 auto;opacity:1;transform:none;position:relative}.matching-set-card.loaded{opacity:1;transform:translateY(0)}.set-info{display:flex;justify-content:space-between;align-items:center}.set-title{font-size:14px;color:#222}.matching-set-card:not(.loaded) .set-title{background:#efefed;color:transparent;border-radius:4px;width:55%;height:14px;animation:matchingImageLoader 1.15s ease-in-out infinite}.matching-set-card:not(.loaded) .open-drawer{background:#efefed;color:transparent;border-radius:4px;width:90px;height:12px;animation:matchingImageLoader 1.15s ease-in-out infinite}.open-drawer{font-size:13px;text-transform:uppercase;letter-spacing:.5px;background:none;border:none;cursor:pointer;color:#555}.open-drawer:hover{color:#000}.mini-card{position:absolute;width:220px;background:#fffffff7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:10px;box-shadow:0 8px 32px #00000021;z-index:99999;transform:translateY(8px) scale(.97);opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease}.mini-card.show{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.mini-card-inner{display:flex;gap:12px;align-items:stretch}.mini-left{width:64px;flex-shrink:0}.mini-left img{width:100%;height:100%;object-fit:cover;border-radius:8px;aspect-ratio:4/5}.mini-right{flex:1;display:flex;flex-direction:column;justify-content:space-between}.mini-title{font-size:13px;line-height:1.4;font-weight:500;color:#111}.mini-price{font-size:12px;color:#666;margin-top:4px}.mini-view{align-self:flex-end;font-size:12px;background:none;border:none;color:#111;cursor:pointer;padding:0;letter-spacing:.3px;transition:opacity .2s ease}.mini-view:hover{opacity:.6}.matching-set-page{display:grid;grid-template-columns:55% 45%}.matching-set-page{max-width:1440px;margin:60px auto;padding:0 48px}.matching-set-body{display:grid;grid-template-columns:58% 42%;gap:72px;align-items:start}.matching-set-left{display:flex;flex-direction:column;gap:28px}.matching-image{background:#f5f5f5;overflow:hidden}.matching-image img{width:100%;display:block}.matching-set-right{position:sticky;top:100px}.drawer-content{padding:0}.drawer-group{padding:26px 0;border-bottom:1px solid #ececec}.drawer-item{display:grid;grid-template-columns:90px 1fr;gap:20px}.drawer-item img{width:90px;height:120px;object-fit:cover}.drawer-name{font-size:18px;margin-bottom:12px}.color-row{margin:14px 0}.variant-row{margin-top:12px}.drawer-price{margin-top:16px;font-size:18px;font-weight:500}.drawer-footer{margin-top:28px;padding-top:28px;border-top:1px solid #ececec}
/*# sourceMappingURL=/cdn/shop/t/42/assets/matching-sets.css.map */