.pencil-configurator{--pc-ink: #17233c;--pc-blue: #3567e8;--pc-yellow: #ffd447;--pc-cream: #fffaf0;--pc-border: #dfe4ed;--pc-muted: rgba(var(--color-foreground), .68);padding:4rem 0 7rem;color:var(--pc-ink);background:radial-gradient(circle at 8% 4%,rgba(255,212,71,.22),transparent 26rem),linear-gradient(180deg,#fff 0 58%,#f7f8fb)}.pencil-configurator__intro{max-width:78rem;margin-bottom:3rem}.pencil-configurator__eyebrow{display:inline-flex;margin:0 0 1rem;padding:.6rem 1.1rem;border-radius:999px;background:var(--pc-yellow);color:#332b0a;font-size:1.2rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.pencil-configurator__heading{max-width:72rem;margin:0;color:var(--pc-ink);font-weight:850;letter-spacing:-.035em;line-height:1.02}.pencil-configurator__lede{max-width:66rem;margin:1.4rem 0 1.5rem;color:#536077;font-size:1.8rem}.pencil-configurator__feature-row{display:flex;flex-wrap:wrap;gap:.8rem}.pencil-configurator__feature-row span{padding:.65rem 1rem;border:.1rem solid #dfe4ed;border-radius:999px;background:#fff;color:#445069;font-size:1.25rem;font-weight:700}.pencil-configurator__feature-row span:before{content:"\2713";margin-right:.45rem;color:#1f9365}.pencil-configurator__status{padding:1.6rem;border:.1rem solid #b42318;border-radius:1rem;background:#fff4f2;color:#7a271a}.pencil-configurator__layout{display:grid;gap:3rem}.pencil-configurator__preview-wrap{position:static;z-index:auto;top:auto;min-width:0;align-self:start}.pencil-configurator__preview-sticky{position:static}.pencil-configurator__media-stage{position:relative;overflow:hidden;border:.1rem solid #dbe2ee;border-radius:2.4rem;background:radial-gradient(circle at 72% 18%,rgba(255,255,255,.95),transparent 24%),linear-gradient(145deg,#eaf1ff,#fdf8e9 56%,#f6dfec);box-shadow:0 2.4rem 6rem #1f345c21}.pencil-configurator__media-stage:after{content:"";position:absolute;right:-8rem;bottom:-9rem;width:25rem;height:25rem;border:4rem solid rgba(53,103,232,.08);border-radius:50%;pointer-events:none}.pencil-configurator__media-badge{position:absolute;z-index:2;top:1.6rem;left:1.6rem;padding:.7rem 1.1rem;border-radius:999px;background:#ffffffe0;box-shadow:0 .5rem 2rem #131f381a;color:var(--pc-ink);font-size:1.2rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pencil-configurator__canvas,.pencil-configurator__gallery-image{display:block;width:100%;height:min(52rem,58vh);min-height:30rem;border:0;touch-action:none;cursor:grab}.pencil-configurator__canvas[hidden],.pencil-configurator__gallery-image[hidden],.pencil-configurator [hidden]{display:none!important}.pencil-configurator__gallery-image{object-fit:cover;cursor:default}.pencil-configurator__canvas:active{cursor:grabbing}.pencil-configurator__preview-help{margin:.8rem 0 0;color:var(--pc-muted);font-size:1.2rem;text-align:center}.pencil-configurator__preview-notice{margin:.8rem 0 0;padding:.9rem 1.1rem;border-radius:1rem;background:#fff8df;color:#66531b;font-size:1.15rem;line-height:1.4;text-align:center}.pencil-configurator__media-thumbs{display:flex;gap:.8rem;margin-top:1rem;overflow-x:auto;padding:.2rem}.pencil-media-thumb{display:grid;flex:0 0 7rem;width:7rem;height:7rem;place-items:center;overflow:hidden;padding:.4rem;border:.2rem solid transparent;border-radius:1.2rem;background:#edf1f7;color:var(--pc-ink);cursor:pointer}.pencil-media-thumb[aria-pressed=true]{border-color:var(--pc-blue);background:#fff}.pencil-media-thumb img{width:100%;height:100%;border-radius:.8rem;object-fit:cover}.pencil-media-thumb span{font-size:1.8rem;font-weight:900;line-height:1}.pencil-media-thumb small{font-size:1rem;font-weight:800;text-transform:uppercase}.pencil-media-thumb--image{position:relative}.pencil-media-thumb--image img{position:absolute;top:.4rem;right:.4rem;bottom:.4rem;left:.4rem;width:calc(100% - .8rem);height:calc(100% - .8rem);opacity:0}.pencil-media-thumb--image.is-ready img{opacity:1}.pencil-media-thumb--image.is-ready .pencil-media-thumb__fallback{visibility:hidden}.pencil-configurator__price{display:flex;align-items:baseline;justify-content:space-between;margin-top:1.2rem;padding:1.3rem 1.5rem;border:.1rem solid #dfe4ed;border-radius:1.2rem;background:#fff;font-size:1.5rem;font-weight:700}.pencil-configurator__price strong{color:var(--pc-ink);font-size:2.7rem;letter-spacing:-.03em}.pencil-configurator__steps{display:grid;gap:1.2rem}.pencil-step{display:grid;grid-template-columns:3.6rem 1fr;gap:1.2rem;padding:1.8rem;border:.1rem solid var(--pc-border);border-radius:1.8rem;background:#fffffff0;box-shadow:0 1.2rem 3.4rem #1f345c0f}.pencil-step__number{display:grid;place-items:center;width:3.6rem;height:3.6rem;border-radius:1rem;background:var(--pc-ink);color:#fff;font-weight:800;box-shadow:.4rem .4rem 0 var(--pc-yellow)}.pencil-step__body{min-width:0}.pencil-step__kicker{margin:.1rem 0 .2rem;color:var(--pc-blue);font-size:1.1rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.pencil-step__body h3{margin:0 0 1.6rem;color:var(--pc-ink);font-size:2rem;font-weight:800;letter-spacing:-.02em}.pencil-choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.6rem,1fr));align-items:stretch;gap:.8rem}.pencil-choice{box-sizing:border-box;position:relative;display:flex;width:100%;min-width:0;min-height:5.4rem;align-items:center;justify-content:center;gap:.7rem;padding:.8rem;border:.2rem solid var(--pc-border);border-radius:1.1rem;background:#fff;color:var(--pc-ink);font:inherit;line-height:1.25;overflow:hidden;text-align:center;cursor:pointer}.pencil-choice[aria-pressed=true]{border-color:var(--pc-blue);box-shadow:0 0 0 .1rem var(--pc-blue),0 .6rem 1.6rem #3567e829}.pencil-choice:focus-visible,.pencil-icon-button:focus-visible{outline:.3rem solid rgba(var(--color-foreground),.45);outline-offset:.2rem}.pencil-choice__swatch{width:2.4rem;height:2.4rem;flex:0 0 auto;border:.1rem solid rgba(0,0,0,.24);border-radius:50%;background:var(--swatch)}.pencil-choice__thumb{width:3.6rem;height:3.6rem;object-fit:contain}.pencil-choice__symbol{display:grid;width:3.2rem;height:3.2rem;place-items:center;border-radius:.8rem;background:var(--pc-cream);color:var(--pc-ink);font-size:2rem;font-weight:900}.pencil-choice__label{display:block;min-width:0;max-width:100%;overflow-wrap:normal;word-break:keep-all;white-space:nowrap;font-size:clamp(1.05rem,3vw,1.25rem);line-height:1.2}.pencil-block{margin-bottom:1.2rem;border:.1rem solid #dfe4ed;border-radius:1.4rem;overflow:hidden;background:#fff}.pencil-block--new{border-color:var(--pc-blue);box-shadow:0 0 0 .2rem #3567e82e,0 1rem 2.4rem #3567e81f}.pencil-block__header{display:flex;align-items:center;gap:.6rem;padding:1.2rem;background:#f7f9fc}.pencil-block__header h4{margin:0 auto 0 0;font-size:1.7rem}.pencil-block__content{display:grid;gap:1.6rem;padding:1.4rem}.pencil-fieldset{min-width:0;max-width:100%;margin:0;padding:0;border:0}.pencil-fieldset legend{margin-bottom:.8rem;font-weight:600}.pencil-fieldset--heading-hidden>legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pencil-fieldset--colors .pencil-choice-grid{grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr))}.pencil-fieldset--colors .pencil-choice{min-height:7.2rem;flex-direction:column;justify-content:center}.pencil-fieldset__swipe-hint{display:none;margin-left:.6rem;color:var(--pc-muted);font-size:1.1rem;font-weight:500}.pencil-configurator__ending{display:grid;gap:1.4rem;margin:0 0 1.6rem;padding:1.4rem;border:.1rem solid #dfe4ed;border-radius:1.4rem;background:#f8faff}.pencil-configurator__ending>.pencil-fieldset:first-child .pencil-choice-grid{grid-template-columns:1fr}.pencil-configurator__ending>.pencil-fieldset:first-child .pencil-choice{min-height:5rem;flex-direction:row;justify-content:flex-start;text-align:left}.pencil-icon-button{display:grid;place-items:center;min-width:4.2rem;min-height:4.2rem;padding:.6rem;border:.1rem solid #dfe4ed;border-radius:1rem;background:#fff;color:var(--pc-ink);cursor:pointer;font-weight:750}.pencil-icon-button:disabled{opacity:.35;cursor:not-allowed}.pencil-icon-button--remove{color:#b42318}.pencil-configurator__block-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.9rem}.pencil-configurator__add,.pencil-configurator__reset,.pencil-configurator__cart{min-height:5.4rem;border-radius:1.2rem;font-weight:800}.pencil-configurator__add,.pencil-configurator__cart{width:100%}.pencil-configurator__add{border:.2rem dashed #aeb8c9;background:#f8faff;color:var(--pc-blue)}.pencil-configurator__reset{padding-inline:1.8rem;border:.1rem solid #c9d0dc;background:#fff;color:#5b6474}.pencil-configurator__cart{background:var(--pc-blue);box-shadow:0 .9rem 2.2rem #3567e842}.pencil-configurator__limit{margin:.8rem 0 0;color:var(--pc-muted);font-size:1.3rem}.pencil-configurator__rainbow-note{margin:1rem 0 0;color:var(--pc-muted);font-size:1.2rem;line-height:1.45}.pencil-configurator__review{display:grid;grid-template-columns:max-content 1fr;gap:.7rem 1.2rem;margin:0}.pencil-configurator__review dt{font-weight:700}.pencil-configurator__review dd{margin:0;overflow-wrap:anywhere}.pencil-configurator__notice{padding:1.2rem;border:.1rem solid #f2d97d;border-radius:1rem;background:#fff9df;color:#55470e}.pencil-configurator__rainbow-details{margin:1.2rem 0;padding:1.3rem;border:.1rem solid #d9d0f0;border-radius:1rem;background:#faf7ff;color:#453760;font-size:1.25rem;line-height:1.45}.pencil-configurator__rainbow-details>strong{display:block;margin-bottom:.5rem;font-size:1.35rem}.pencil-configurator__rainbow-details p{margin:0 0 .8rem}.pencil-configurator__rainbow-details ul{margin:0;padding-left:1.8rem}.pencil-configurator__rainbow-details li+li{margin-top:.35rem}.pencil-configurator__cart-message{min-height:2.4rem;margin-bottom:0}.pencil-configurator__cart-message[data-state=error]{color:#b42318}.pencil-configurator__cart-message[data-state=success]{color:#067647}@media screen and (min-width:990px){.pencil-configurator__layout{grid-template-columns:minmax(0,1.12fr) minmax(42rem,.88fr);align-items:start;gap:4.8rem}.pencil-configurator__preview-wrap{position:sticky;top:2rem;z-index:5}}@media screen and (max-width:749px){.pencil-configurator{padding:2.4rem 0 4rem}.pencil-configurator__lede{font-size:1.6rem}.pencil-configurator__layout{display:block}.pencil-configurator__steps{margin-top:1.2rem}.pencil-configurator__preview-wrap{position:sticky;z-index:20;top:.8rem;margin:0 -.4rem;padding:.4rem;border-radius:1.6rem;background:#fffffff5;box-shadow:0 1rem 3rem #1f345c24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pencil-configurator__media-stage{border-radius:1.3rem}.pencil-configurator__canvas,.pencil-configurator__gallery-image{height:clamp(13rem,22vh,17rem);min-height:0}.pencil-configurator__media-badge{top:.8rem;left:.8rem;padding:.5rem .8rem;font-size:1rem}.pencil-configurator__media-thumbs,.pencil-configurator__preview-help{display:none}.pencil-configurator__price{margin-top:.5rem;padding:.7rem 1rem}.pencil-configurator__price strong{font-size:2.1rem}.pencil-configurator__block-actions{grid-template-columns:1fr}.pencil-step{grid-template-columns:3.2rem 1fr;padding:1.2rem}.pencil-step__number{width:3.2rem;height:3.2rem}.pencil-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pencil-fieldset--colors .pencil-choice-grid{display:grid;width:100%;max-width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;overflow:visible;padding:.2rem 0 .8rem}.pencil-fieldset--colors .pencil-choice{min-width:0;min-height:6.2rem}.pencil-fieldset__swipe-hint{display:none}.pencil-block__content{gap:1.25rem;padding:1.1rem}.pencil-icon-button{min-width:3.8rem;min-height:3.8rem}.pencil-icon-button--remove{font-size:0}.pencil-icon-button--remove:before{content:"\d7";font-size:2rem}}@media(prefers-reduced-motion:reduce){.pencil-configurator *,.pencil-configurator *:before,.pencil-configurator *:after{scroll-behavior:auto!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/pencil-configurator.css.map */