.composition-ideas{--solstice-body-font-size: 15px;--solstice-h2-font-size: clamp(24px, 3vw, 30px);max-width:760px;padding:48px 20px 64px;margin-inline:auto;color:rgb(var(--color-foreground));scroll-margin-top:100px}.composition-ideas__header{text-align:center;margin-bottom:36px}.composition-ideas__header :is(h1,h2){margin:16px 0 20px;line-height:1.3}.composition-ideas__back{--solstice-body-font-size: 12px;text-underline-offset:3px}.composition-ideas__intro{font-size:15px;line-height:1.75}.composition-ideas__list{max-width:600px;margin-inline:auto}.composition-ideas__look+.composition-ideas__look{margin-top:48px}.composition-ideas__figure{position:relative;margin:0;overflow:hidden;background:#f5f0eb}.composition-ideas__image{display:block;width:100%;height:auto}.composition-ideas__caption{--solstice-context-text-color: #fff;--solstice-h2-font-size: 14px;position:absolute;inset:auto 0 0;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:36px 16px 16px;background:linear-gradient(transparent,#190f0ab3)}.composition-ideas__caption h2{margin:0;min-width:0;padding-bottom:10px;font-family:inherit;font-size:14px!important;line-height:1.4!important;font-weight:500!important;text-transform:none!important;color:#fff!important;letter-spacing:normal;text-shadow:0 1px 4px #0008;overflow-wrap:anywhere}.composition-ideas__view{--solstice-context-text-color: #111;--solstice-body-font-size: 12px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;color:#111!important;background:#ffffffdb;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);font-size:12px!important;line-height:1.3!important;font-weight:500!important;text-transform:none!important;text-decoration:none;letter-spacing:normal;text-align:center}.composition-ideas__view:hover{background:#fff}.composition-ideas__jewelry{list-style:none;padding:0;margin:20px 0}.composition-ideas__jewel{display:flex;align-items:flex-start;gap:18px;padding:14px 0;border-bottom:1px solid #eae6e2}.composition-ideas__jewel:first-child{padding-top:0}.composition-ideas__jewel-image{flex:0 0 90px;width:90px;height:90px;overflow:hidden;background:#faf9f7}.composition-ideas__jewel-image img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.composition-ideas__jewel-info{--solstice-body-font-size: 12px;flex:1;min-width:0;padding-top:2px;overflow-wrap:anywhere}.composition-ideas__jewel-title{--solstice-body-font-size: 13px;display:inline-block;text-decoration:none;text-transform:uppercase}.composition-ideas__jewel-title:hover{text-decoration:underline}.composition-ideas__placement{margin:3px 0}.composition-ideas__options{--solstice-context-text-color: #615b55;margin:0;font-size:12px;line-height:1.6}.composition-ideas__options>div{display:flex;flex-wrap:wrap;gap:0 4px}.composition-ideas__options :is(dt,dd){margin:0;font-weight:200}.composition-ideas__edit{--solstice-body-font-size: 14px;margin:0;font-size:14px;line-height:1.75}.composition-ideas__edit a{color:inherit;text-decoration:underline;text-underline-offset:3px}.composition-ideas a:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(max-width:374px){.composition-ideas__caption{gap:8px;padding-inline:10px}.composition-ideas__caption h2{--solstice-h2-font-size: 12px;font-size:12px!important}.composition-ideas__view{max-width:124px;padding-inline:9px}}@layer solstice-migrated-blog{:is(.article-template__content,article.composition-ideas:has(>header>h1) .composition-ideas__intro) :is(h2,h3):not(:where(.commercial-insertion *,.blog-product-carousel *,.blog-composer-cta *,.blog-tiktok *)){position:relative;font-family:inherit!important;font-weight:600!important;text-transform:none!important;letter-spacing:normal!important;text-align:start!important;overflow-wrap:break-word;scroll-margin-top:110px}:is(.article-template__content,article.composition-ideas:has(>header>h1) .composition-ideas__intro) h2:not(:where(.commercial-insertion *,.blog-product-carousel *,.blog-composer-cta *,.blog-tiktok *)){font-size:clamp(28px,3vw,34px)!important;line-height:1.25!important;color:#402727!important;margin-block:56px 22px!important;padding-inline-start:25px!important}:is(.article-template__content,article.composition-ideas:has(>header>h1) .composition-ideas__intro) h2:not(:where(.commercial-insertion *,.blog-product-carousel *,.blog-composer-cta *,.blog-tiktok *)):before{content:"";position:absolute;inset-inline-start:2px;top:.48em;width:.2em;height:.2em;border:0;border-radius:50%;background-color:#997452;pointer-events:none}:is(.article-template__content,article.composition-ideas:has(>header>h1) .composition-ideas__intro) h3:not(:where(.commercial-insertion *,.blog-product-carousel *,.blog-composer-cta *,.blog-tiktok *)){font-size:21px!important;line-height:1.4!important;color:#614a3b!important;margin-block:32px 12px!important;padding-inline-start:0!important}:is(.article-template__content,article.composition-ideas:has(>header>h1) .composition-ideas__intro) :is(h2,h3):not(:where(.commercial-insertion *,.blog-product-carousel *,.blog-composer-cta *,.blog-tiktok *)) :is(span,a,strong,b,em){font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;color:inherit!important;text-transform:inherit!important}@media(max-width:600px){:is(.article-template__content,article.composition-ideas:has(>header>h1) .composition-ideas__intro) h2:not(:where(.commercial-insertion *,.blog-product-carousel *,.blog-composer-cta *,.blog-tiktok *)){margin-block:42px 18px!important;padding-inline-start:23px!important}:is(.article-template__content,article.composition-ideas:has(>header>h1) .composition-ideas__intro) h3:not(:where(.commercial-insertion *,.blog-product-carousel *,.blog-composer-cta *,.blog-tiktok *)){font-size:20px!important;margin-block:28px 10px!important}}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/composition-ideas-article.css.map */