.marker-pack{padding:3.6rem 0 8rem;background:var(--cream-50);color:var(--ink)}.marker-pack__header{max-width:76rem;margin:0 auto 3rem;text-align:center}.marker-pack__heading{margin:0;font-family:var(--ff-display);font-size:clamp(4rem,5vw,7.2rem);font-weight:400;line-height:.95;letter-spacing:0;text-transform:uppercase}.marker-pack__intro{margin-top:1.2rem;color:var(--ink-soft);font-size:2.2rem;letter-spacing:0}.marker-pack__intro p{margin:0}.marker-pack__layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(30rem,.9fr);gap:4.4rem;align-items:start}.marker-pack__step{margin:.6rem 0 1.2rem;color:var(--green-900);font-family:var(--ff-sans);font-size:1.3rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.marker-pack__tiers{display:grid;margin-bottom:2.4rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.marker-pack__tier{position:relative;display:flex;min-width:0;padding:1.6rem 1.2rem;flex-direction:column;gap:.3rem;border:.15rem solid var(--line);border-radius:var(--r-md);background:#fff;color:var(--ink-soft);font:inherit;font-size:1.2rem;text-align:center;cursor:pointer;transition:border-color .15s,box-shadow .15s}.marker-pack__tier:hover{border-color:var(--green-700)}.marker-pack__tier.is-active{border-color:var(--gold);box-shadow:0 1rem 2.6rem #c8a24b38}.marker-pack__tier strong{color:var(--green-900);font-family:var(--ff-display);font-size:1.9rem;font-weight:400;line-height:1;text-transform:uppercase}.marker-pack__tier-price{color:var(--green-900);font-size:1.6rem;font-weight:800}.marker-pack__tier em{position:absolute;top:-1.1rem;left:50%;padding:.3rem .9rem;transform:translate(-50%);border-radius:99rem;background:var(--gold);color:var(--green-900);font-size:.95rem;font-style:normal;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.marker-pack__products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem}.marker-pack__product{position:relative;display:flex;min-width:0;padding:1.2rem 1rem 1rem;flex-direction:column;align-items:center;gap:.7rem;border:.15rem solid var(--line);border-radius:var(--r-md);background:#fff;color:var(--ink);font:inherit;cursor:pointer;transition:border-color .15s,transform .12s,background .15s}.marker-pack__product:hover{border-color:var(--green-700);transform:translateY(-.2rem)}.marker-pack__product.is-picked{border-color:var(--green-700);background:#17543e0d}.marker-pack__product.is-sold-out{opacity:.48;cursor:not-allowed}.marker-pack__product-media{display:block;overflow:hidden;width:7.2rem;height:7.2rem;border:.1rem solid var(--line);border-radius:50%;background:var(--cream-100)}.marker-pack__product-media img,.marker-pack__product-media svg{width:100%;height:100%;object-fit:cover}.marker-pack__product strong{display:flex;min-height:2.8rem;align-items:center;color:var(--ink);font-size:1.2rem;line-height:1.2;text-align:center}.marker-pack__product>span:last-child{color:var(--green-800);font-size:1.1rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.marker-pack__product-quantity{position:absolute;z-index:2;top:.8rem;right:.8rem;display:grid;width:2.2rem;height:2.2rem;place-items:center;border-radius:50%;background:var(--green-800);color:var(--cream-50);font-size:1.2rem;font-weight:800}.marker-pack__product-quantity[hidden]{display:none}.marker-pack__summary{padding:2.6rem;border:.1rem solid var(--line);border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--shadow-md)}.marker-pack__summary h3{margin:0 0 .4rem;color:var(--green-900);font-family:var(--ff-display);font-size:2.2rem;font-weight:400;line-height:1;text-transform:uppercase}.marker-pack__summary>p{margin:0 0 1.6rem;color:var(--ink-soft);font-size:1.35rem;letter-spacing:0}.marker-pack__summary>p.is-full{color:#b6573f;font-weight:700}.marker-pack__slots{display:grid;margin-bottom:1.8rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.marker-pack__slot{position:relative;display:grid;aspect-ratio:1;place-items:center;border:.15rem dashed var(--line);border-radius:50%;color:var(--ink-soft);font-size:1.4rem;font-weight:800}.marker-pack__slot.is-filled{border-style:solid;border-color:var(--green-700)}.marker-pack__slot img{width:100%;height:100%;border-radius:50%;object-fit:cover}.marker-pack__remove{position:absolute;top:-.6rem;right:-.6rem;display:grid;width:2.2rem;height:2.2rem;padding:0;place-items:center;border:.2rem solid var(--cream-50);border-radius:50%;background:var(--ink);color:#fff;font:inherit;font-size:1.3rem;line-height:1;cursor:pointer}.marker-pack__saving{min-height:1.8rem;margin-bottom:1.2rem!important;color:var(--green-700)!important;font-size:1.4rem!important;font-weight:800}.marker-pack__submit{position:relative;width:100%;min-height:5rem;border:0;border-radius:99rem;background:var(--pink, #e83f8d);color:#fff;font-family:var(--ff-sans);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.marker-pack__submit:disabled{opacity:.5;cursor:not-allowed}.marker-pack__submit.loading>span{opacity:0}.marker-pack__submit .loading__spinner{position:absolute;top:50%;left:50%;width:2rem;height:2rem;transform:translate(-50%,-50%)}.marker-pack__submit .loading__spinner svg{display:block;width:100%;height:100%}.marker-pack__error{margin:1rem 0 0!important;color:#b42318!important;font-weight:700}.marker-pack__perks{display:grid;margin:1.6rem 0 0;padding:1.6rem 0 0;gap:.9rem;border-top:.1rem solid var(--line);list-style:none}.marker-pack__perks li{display:flex;align-items:center;gap:.9rem;color:var(--ink-soft);font-size:1.3rem;letter-spacing:0}.marker-pack__perks svg{width:1.6rem;height:1.6rem;flex:none;color:var(--green-600)}.marker-pack__empty{grid-column:1 / -1}@media screen and (max-width:900px){.marker-pack__layout{grid-template-columns:1fr;gap:2.8rem}.marker-pack__summary{position:static;order:-1}.marker-pack__products{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:749px){.marker-pack{padding:4.8rem 0 6rem}.marker-pack__header{margin-bottom:2.6rem}.marker-pack__heading{font-size:4.2rem}.marker-pack__intro{font-size:1.45rem}.marker-pack__summary{padding:2rem}}@media screen and (max-width:520px){.marker-pack__tiers{grid-template-columns:1fr;gap:1.4rem}.marker-pack__products{grid-template-columns:repeat(2,minmax(0,1fr))}.marker-pack__slots{grid-template-columns:repeat(5,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/marker-build-pack.css.map */