.ic-colors{position:relative;padding:var(--ic-color-pad-top,16px) 0 var(--ic-color-pad-bottom,16px);background:#fff;color:#102243;font-family:inherit}.ic-colors *{box-sizing:border-box}.ic-colors__stage{position:relative;isolation:isolate;width:100%;height:var(--ic-color-height,270px);margin:auto;overflow:hidden;background:#fff}.ic-colors--container{padding-right:20px;padding-left:20px}.ic-colors--container .ic-colors__stage{max-width:var(--ic-color-max-width,1440px);border-radius:var(--ic-color-radius,12px)}.ic-colors__inner{position:relative;z-index:1;width:100%;max-width:var(--ic-color-max-width,1440px);height:100%;margin:auto;background:transparent}.ic-colors__ribbon{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover;object-position:var(--ic-ribbon-x,50%) var(--ic-ribbon-y,60%)}.ic-colors__spool{position:absolute;left:var(--ic-spool-x,15%);top:var(--ic-spool-y,75%);z-index:1;width:var(--ic-spool-width,24%);height:var(--ic-spool-height,340px);max-height:125%;object-fit:contain;transform:translate(-50%,-50%)}.ic-colors--foreground-right .ic-colors__spool{right:var(--ic-spool-x,15%);left:auto;transform:translate(50%,-50%)}.ic-colors--foreground-right .ic-colors__copy{left:9%}.ic-colors__copy{position:absolute;left:28%;top:19%;z-index:2}.ic-colors__copy p{margin:0 0 8px;color:#1458be;font-size:var(--ic-color-label);font-weight:750;letter-spacing:.17em;text-transform:uppercase}.ic-colors__copy h2{margin:0 0 10px;color:#102243;font-family:var(--font-heading-family,inherit);font-size:var(--ic-color-heading);font-weight:760;line-height:1;letter-spacing:-.04em}.ic-colors__copy h2 span{margin-left:8px;color:#1458be}.ic-colors__description{max-width:420px;margin-bottom:8px;color:#62738d;font-size:var(--ic-color-description);line-height:1.35}.ic-colors__description p{margin:0}.ic-colors__description--mobile,.ic-colors__materials .ic-colors__mobile-more{display:none}.ic-colors__copy a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 22px;border:1px solid rgba(20,88,190,.28);border-radius:999px;background:#fffffff5;color:#102243;text-decoration:none;font-size:var(--ic-color-button);font-weight:680;line-height:1;white-space:nowrap;box-shadow:0 4px 12px #1022430f;transition:transform .25s,border-color .25s,box-shadow .25s,background-color .25s}.ic-colors__copy a:hover{border-color:#1458be;background:#fff;box-shadow:0 7px 18px #1458be1f;transform:translateY(-1px)}.ic-colors__note{position:absolute;top:16%;right:7%;z-index:2;max-width:180px;margin:0;color:#1458be;font-size:19px;font-style:italic;line-height:1.2;text-align:right;transform:rotate(-8deg)}.ic-colors__materials{position:absolute;left:51%;top:13%;z-index:2;display:flex;align-items:center;justify-content:space-between;width:32%;gap:8px;color:#38577e;font-size:10px;font-weight:650;letter-spacing:.03em}.ic-colors__material{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.ic-colors__material i{width:6px;height:6px;border-radius:50%;background:#6584ba}.ic-colors__material--2 i{background:#268ddd}.ic-colors__material--3 i{background:#05abc7}.ic-colors__material--4 i{background:#efa319}.ic-colors__material--5 i{background:#fc6b3c}.ic-colors__material--6 i{background:#b822b4}@media(min-width:750px)and (max-width:989px){.ic-colors__copy{left:26%}.ic-colors__copy h2{font-size:min(var(--ic-color-heading),46px)}.ic-colors__note{display:none}}@media(max-width:749px){.ic-colors{padding:24px 0 0;overflow:hidden}.ic-colors--container{padding-right:0;padding-left:0}.ic-colors--container .ic-colors__stage{border-radius:0}.ic-colors__stage{height:clamp(500px,122vw,540px);overflow:hidden}.ic-colors__inner{display:flex;flex-direction:column;height:100%;padding:0 20px}.ic-colors__copy,.ic-colors--foreground-right .ic-colors__copy{position:relative;left:auto;top:auto;max-width:none}.ic-colors__copy>p{margin:0 0 9px;color:#1264cf;font-size:11px;line-height:1.2;letter-spacing:.18em}.ic-colors__copy h2{margin:0 0 12px;font-size:var(--ic-color-heading-mobile,36px);line-height:.96;letter-spacing:-.045em}.ic-colors__copy h2 span{margin-left:7px;color:#1264cf}.ic-colors__description:not(.ic-colors__description--mobile){display:none}.ic-colors__description--mobile{display:block;max-width:390px;margin:0 0 12px;color:rgba(var(--color-foreground),.68);font-family:var(--font-body-family),inherit;font-size:14px;font-weight:var(--font-body-weight);line-height:1.38;letter-spacing:normal;text-transform:none}.ic-colors__description--mobile p{font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit}.ic-colors__copy a{display:inline-flex;justify-content:center;width:auto;min-height:40px;padding:9px 17px;border:0;background:#1267df;color:#fff;font-size:12px;font-weight:680;white-space:nowrap;box-shadow:0 6px 14px #1267df21}.ic-colors__copy a:hover{border-color:transparent;transform:none}.ic-colors__materials,.ic-colors--foreground-right .ic-colors__materials{position:relative;right:auto;left:auto;top:auto;display:flex;width:100%;margin-top:12px;gap:clamp(3px,1vw,5px);flex-wrap:nowrap;justify-content:space-between;color:#102243;font-size:clamp(8px,2.25vw,10px);font-weight:650;letter-spacing:0}.ic-colors__material{min-width:0;min-height:32px;padding:0 clamp(5px,1.45vw,8px);border:1px solid #e4eaf2;border-radius:999px;background:#fff;box-shadow:0 3px 10px #10224312}.ic-colors__material--6{display:none}.ic-colors__materials .ic-colors__mobile-more{display:inline-flex}.ic-colors__mobile-more i{background:#7d8998}.ic-colors__mobile-more b{display:inline-grid;width:16px;height:16px;margin-left:1px;border-radius:50%;background:#dbe1e8;color:#42516a;font-size:12px;line-height:1;place-items:center}.ic-colors__ribbon{inset:auto 0 0;width:100%;height:245px;object-fit:cover;object-position:center bottom}.ic-colors__spool,.ic-colors--foreground-right .ic-colors__spool{right:auto;left:2%;top:auto;bottom:-8px;width:58%;height:255px;max-height:none;object-fit:contain;object-position:left bottom;transform:none}.ic-colors__note{display:block;top:auto;right:19px;bottom:158px;max-width:145px;color:#3377df;font-size:15px;line-height:1.12;transform:rotate(-7deg)}}@media(max-width:410px){.ic-colors__stage{height:540px}.ic-colors__ribbon{height:200px}.ic-colors__spool,.ic-colors--foreground-right .ic-colors__spool{bottom:-6px;width:54%;height:215px}.ic-colors__note{right:16px;bottom:132px;font-size:14px}}@media(prefers-reduced-motion:reduce){.ic-colors__copy a{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/inkcloud-editorial-colors.css.map */