.scp-wrap{margin:14px 0}.scp-label{font-size:15px;font-weight:500;color:#1a1a1a;margin:0 0 10px}.scp-label span{font-weight:600}.scp-swatches{display:flex;gap:12px}.scp-swatch{width:48px;height:48px;border-radius:50%;border:2.5px solid #e8e4e0;padding:3px;cursor:pointer;background:#f5f3f0;transition:border-color .2s;overflow:hidden;display:flex;align-items:center;justify-content:center}.scp-swatch img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.scp-swatch:hover{border-color:#b8b0aa}.scp-swatch--active{border-color:#a09890}.scmp__card{display:grid!important;grid-template-columns:1fr 90px!important;grid-template-rows:auto 1fr!important;gap:0 16px!important;align-items:center!important;background:#fff!important}.scmp__card--good{background:#fff!important}.scmp__card-img{width:90px!important;height:90px!important;object-fit:contain!important;margin:0!important;display:block!important;grid-row:1!important;grid-column:2!important;align-self:center!important}.scmp__card-title{grid-row:1!important;grid-column:1!important;align-self:center!important;margin-bottom:0!important}.scmp__list{grid-row:2!important;grid-column:1 / 3!important;margin-top:20px!important}@media(min-width:641px){.scmp{padding-left:40px!important;padding-right:40px!important}.scmp__inner{max-width:1200px!important}}.scmp__card--good .scmp__card-title{width:auto!important;height:auto!important;background-image:none!important;font-size:0!important}.shiw{padding:64px 20px;background:#fff}.shiw__inner{max-width:900px;margin:0 auto;text-align:center}.shiw__heading{font-size:32px;font-weight:300;color:#1a1a1a;letter-spacing:-.01em;margin:0 0 8px}.shiw__sub{font-size:15px;color:#9c8e82;margin:0 0 48px;font-weight:300}.shiw__steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;position:relative}.shiw__steps:before{content:"";position:absolute;top:36px;left:calc(16.66% + 16px);right:calc(16.66% + 16px);height:1px;background:#e8e4e0;z-index:0}.shiw__step{display:flex;flex-direction:column;align-items:center;padding:0 20px;position:relative;z-index:1}.shiw__num{width:72px;height:72px;border-radius:50%;background:#f9f0f4;border:2px solid #dd89a6;color:#dd89a6;font-size:24px;font-weight:300;display:flex;align-items:center;justify-content:center;margin-bottom:20px;flex-shrink:0}.shiw__step-title{font-size:17px;font-weight:600;color:#1a1a1a;margin:0 0 10px;letter-spacing:.01em}.shiw__step-body{font-size:14px;color:#7a7168;line-height:1.7;margin:0;font-weight:300}@media(max-width:600px){.shiw__steps{grid-template-columns:1fr;gap:32px}.shiw__steps:before{display:none}.shiw{padding:48px 20px}.shiw__heading{font-size:26px}}.scmp{padding:64px 20px;background:#fff}.scmp__inner{max-width:860px;margin:0 auto}.scmp__heading{text-align:center;font-size:32px;font-weight:300;color:#1a1a1a;letter-spacing:-.01em;margin:0 0 40px}.scmp__cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.scmp__card{border-radius:20px;padding:36px 32px;background:#f7f5f3;border:1px solid #ede9e4}.scmp__card--good{background:#f0f5f2;border-color:#d8ebe3}.scmp__card-title{font-size:22px;font-weight:400;margin:0 0 28px;letter-spacing:-.01em}.scmp__card--bad .scmp__card-title{color:#6b5f54;font-family:Georgia,serif}.scmp__card--good .scmp__card-title{color:#1a3a36;font-style:italic;font-family:"DM Serif Display",Georgia,serif}.scmp__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.scmp__item{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.6;font-weight:300}.scmp__item:before{content:"";width:22px;height:22px;border-radius:50%;flex-shrink:0;margin-top:1px;background-size:12px;background-repeat:no-repeat;background-position:center}.scmp__item--bad{color:#6b5f54}.scmp__item--bad:before{background-color:#c8bfb5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 2'%3E%3Crect x='0' y='0' width='12' height='2' rx='1' fill='%23fff'/%3E%3C/svg%3E")}.scmp__item--good{color:#1a3a36}.scmp__item--good:before{background-color:#4a9e88;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 5l3.5 3.5L11 1' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")}@media(max-width:640px){.scmp__cards{grid-template-columns:1fr}.scmp__card{padding:28px 24px}.scmp{padding:48px 16px}.scmp__heading{font-size:26px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/strande-color-picker.css.map */