.human-studio *{box-sizing:border-box}.human-studio{margin:0;background:#fbfaf6;color:#343b2d;font:15px/1.5 Arial,sans-serif}.human-studio .prototype{padding:8px 15px;background:#e9eddf;text-align:center;font-size:12px}.human-studio .eyebrow{font-size:11px;letter-spacing:2.5px;color:#4d5f3c;font-weight:700}.human-studio nav{display:flex;justify-content:space-between;align-items:center;padding:22px 5%;border-bottom:1px solid #dedfd3}.human-studio nav b{letter-spacing:5px;font-size:25px}.human-studio nav span{font-size:10px;letter-spacing:2px}.human-studio header{text-align:center;padding:45px 20px 32px}.human-studio h1{font:54px/1.15 Georgia;margin:14px 0}.human-studio header p,.human-studio .muted{color:#737767}.human-studio main{max-width:1320px;margin:auto;padding:0 36px 60px}.human-studio .layout{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start}.human-studio .visual{position:sticky;top:20px;text-align:center}.human-studio .stage{position:relative;border:1px solid #e1e0d5;border-radius:22px;overflow:hidden;background:#f8f4ed}.human-studio canvas{display:block;width:100%;height:auto}.human-studio .badge,.human-studio .bead-label{position:absolute;left:20px;font-size:10px;letter-spacing:1.3px}.human-studio .badge{top:20px}.human-studio .bead-label{bottom:18px;background:#fbfaf6d9;padding:6px 10px;border-radius:20px}.human-studio .visual small{font-size:11px;color:#737767}.human-studio .controls{background:#fffefa;border:1px solid #dedfd3;border-radius:18px;padding:28px}.human-studio .step{display:flex;align-items:center;gap:13px}.human-studio .step>span{color:#4d5f3c;font-size:12px}.human-studio h2{font:28px/1.2 Georgia;margin:0}.human-studio .muted{font-size:13px;margin:12px 0 20px}.human-studio #palettes{display:grid;grid-template-columns:1fr 1fr;gap:9px}.human-studio button{font:inherit;cursor:pointer;color:inherit}.human-studio .palette{background:#fffefa;border:1px solid #dedfd3;border-radius:9px;text-align:left;padding:11px;font-size:13px}.human-studio .palette[aria-pressed=true]{border-color:#4d5f3c;box-shadow:inset 0 0 0 1px #4d5f3c;background:#edf0e3}.human-studio .swatches{display:flex;gap:3px;margin-bottom:8px}.human-studio .swatches i{display:block;width:25px;height:25px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff8,transparent 50%),radial-gradient(circle at 45% 40%,var(--c),#0005);box-shadow:1px 3px 4px #0002}.human-studio .material{font-size:11px;padding:12px 0 25px;color:#737767}.human-studio .material b{color:#343b2d;margin-right:8px}.human-studio .dial{background:#f3f3eb;border-radius:14px;text-align:center;padding:20px 0 10px;overflow:hidden}.human-studio .dial>small{font-size:10px;letter-spacing:2px;color:#737767}.human-studio output{display:block;font:42px Georgia;margin:8px}.human-studio output em{font:16px Arial;color:#737767}.human-studio .ruler-wrap{position:relative}.human-studio .pointer{position:absolute;top:0;left:50%;height:38px;width:2px;background:#4d5f3c;z-index:2;pointer-events:none}.human-studio #ruler{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 calc(50% - 30px);height:72px}.human-studio #ruler::-webkit-scrollbar{display:none}.human-studio #ruler button{flex:0 0 60px;background:repeating-linear-gradient(90deg,#bbbfae 0 1px,transparent 1px 12px) center top/100% 14px no-repeat;border:0;padding:28px 0 0;scroll-snap-align:center;font-size:12px;color:#737767}.human-studio #ruler button[aria-pressed=true]{color:#4d5f3c;font-weight:700}.human-studio .adjust{display:flex;justify-content:space-between;align-items:center;padding:0 22px}.human-studio .adjust button{border:1px solid #cdd1c1;background:#fffefa;border-radius:50%;width:40px;height:40px;font-size:22px}.human-studio .adjust span{font-size:11px;color:#737767}.human-studio button:disabled{opacity:.5;cursor:not-allowed}.human-studio .guide{margin:20px 0;font-size:12px;color:#4d5f3c}.human-studio .guide summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.human-studio .summary{border-top:1px solid #dedfd3;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:20px;font-size:13px}.human-studio .summary b{text-align:right}.human-studio .cta{width:100%;background:#4d5f3c;color:#fff;border:0;border-radius:6px;padding:15px;margin-top:24px}.human-studio .fine{font-size:11px;color:#737767;text-align:center}.human-studio .inspiration{margin-top:70px}.human-studio .inspiration h2{margin:12px 0 24px}.human-studio .photos{display:grid;grid-template-columns:1fr 1fr;gap:24px}.human-studio figure{margin:0;border:1px solid #dedfd3;border-radius:14px;overflow:hidden;background:#fffefa}.human-studio figure img,.human-studio figure canvas{width:100%;aspect-ratio:1;object-fit:cover}.human-studio figcaption{padding:18px;font:20px Georgia}.human-studio figcaption small{display:block;font:12px Arial;color:#737767;margin-top:8px}.human-studio #mini{display:none}.human-studio button:focus-visible,.human-studio summary:focus-visible{outline:3px solid #ad745e;outline-offset:3px}@media(max-width:750px){.human-studio nav{padding:16px}.human-studio nav span{display:none}.human-studio header{padding:28px 16px}.human-studio h1{font-size:37px}.human-studio main{padding:0 16px 35px}.human-studio .layout{display:block}.human-studio .visual{position:static;margin-bottom:22px}.human-studio .stage{max-width:440px;margin:auto}.human-studio .controls{padding:20px}.human-studio .photos{grid-template-columns:1fr}.human-studio .inspiration{margin-top:40px}.human-studio #mini:not([hidden]){display:flex;position:fixed;z-index:10;top:0;left:0;right:0;background:#fbfaf6f5;box-shadow:0 5px 15px #0001;padding:9px 16px;align-items:center;gap:14px}.human-studio #mini canvas{width:110px;height:110px;border-radius:9px}.human-studio #mini>div{display:grid;gap:5px;flex:1}.human-studio #mini small{font-size:9px;letter-spacing:1.5px}.human-studio #mini strong{font:18px Georgia}.human-studio #mini span,.human-studio #mini button{font-size:11px}.human-studio #mini button{border:0;background:none;color:#4d5f3c;padding:8px 0}.human-studio #mini.collapsed canvas,.human-studio #mini.collapsed>div{display:none}.human-studio #mini.collapsed{justify-content:flex-end}.human-studio #mini #hide{min-width:44px;min-height:30px}.human-studio .palette,.human-studio .adjust button{scroll-margin-top:150px}}.human-studio .photos figure img{object-fit:contain;background:#f8f4ed}.human-studio .swatches i{background-color:#eee;background-repeat:no-repeat;box-shadow:1px 3px 4px #46332228,inset -2px -2px 3px #23190d26}.human-studio .dial{background:linear-gradient(145deg,#f9f9f4,#e4e5dc);border:1px solid #d2d5c7;box-shadow:inset 0 1px 1px #fff,0 5px 15px #343b2d0a}.human-studio .ruler-wrap{margin:16px 12px;border-radius:12px;overflow:hidden;background:linear-gradient(#d6d8cc,#fdfdf8 35%,#e8eade);box-shadow:inset 0 3px 7px #343b2d26,0 1px #fff}.human-studio .ruler-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#d8daceed,transparent 30%,transparent 70%,#d8daceed)}.human-studio .pointer{height:47px;width:2px;top:0;background:#4d5f3c;box-shadow:0 0 0 2px #f9faf199;z-index:3}.human-studio .pointer:before{content:"";position:absolute;top:0;left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #4d5f3c}.human-studio #ruler{display:block;position:relative;overflow:hidden;padding:0;height:104px;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;background:repeating-linear-gradient(90deg,transparent 0 5px,#343b2d0a 5px 6px) var(--turn,0px) bottom/100% 17px no-repeat}.human-studio #ruler.dragging{cursor:grabbing}.human-studio .dial-track{position:absolute;top:15px;left:50%;display:flex;width:516px;transition:transform .2s ease-out;pointer-events:none}.human-studio #ruler.dragging .dial-track{transition:none}.human-studio .tick{position:relative;flex:0 0 12px;height:12px;border-left:1px solid #919984}.human-studio .tick.medium{height:21px}.human-studio .tick.major{height:33px;border-left:2px solid #4d5f3c}.human-studio .tick>span{position:absolute;top:39px;left:0;transform:translate(-50%);font-size:13px;font-variant-numeric:tabular-nums;color:#4d5f3c}.human-studio #ruler:focus-visible{outline:3px solid #ad745e;outline-offset:-3px}.human-studio .photos img{display:block}@media(prefers-reduced-motion:reduce){.human-studio .dial-track{transition:none}}.human-studio,.human-studio button,.human-studio small,.human-studio .summary,.human-studio figcaption small{font-family:Arial,sans-serif}.human-studio h1,.human-studio h2{font-family:Georgia,serif;font-weight:400}.human-studio figcaption{font-family:Arial,sans-serif;font-size:20px;font-weight:700;line-height:1.4}.human-studio figcaption small{font-size:12px;font-weight:400}.human-studio .visual small{display:block;font-size:12px;line-height:1.65}.human-studio #caption{font-family:Arial,sans-serif;font-size:14px}.human-studio .cta{font-family:Arial,sans-serif;font-size:14px;font-weight:700}.human-studio .matching-entry{display:grid;gap:8px;margin-top:18px;padding:18px 0;border-top:1px solid #dedfd3;font:13px/1.5 Arial,sans-serif}.human-studio .matching-entry strong{font-weight:400}.human-studio .matching-entry a{color:#4d5f3c;text-decoration:underline;text-underline-offset:4px;font-weight:600;min-height:44px;display:inline-flex;align-items:center;justify-self:start}.human-studio .matching-footer{text-align:center;justify-items:center;margin-top:24px;border-top:0}.human-studio .matching-footer a{justify-self:center}.human-studio .matching-entry a:focus-visible{outline:2px solid #4d5f3c;outline-offset:4px}.human-studio header{padding:32px 20px 24px}.human-studio .layout{gap:32px}.human-studio .controls{padding:24px}.human-studio .material{padding-bottom:16px}.human-studio .guide{margin:16px 0}.human-studio .summary{gap:8px;padding-top:16px}.human-studio .cta{margin-top:18px}.human-studio .fine{margin:10px 0 0}.human-studio .inspiration{margin-top:40px}.human-studio .inspiration h2{margin:8px 0 18px}.human-studio main{padding-bottom:36px}.human-studio .matching-entry{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0 14px;padding:10px 0 0;margin-top:14px}.human-studio .matching-entry a{min-height:44px}.human-studio .matching-footer{justify-content:center;border-top:1px solid #dedfd3;margin-top:16px;padding:8px 0 0;gap:0 18px}.human-studio .photos{gap:20px}.human-studio figcaption{padding:14px 18px;font:400 24px/1.25 Georgia,serif}.human-studio figcaption small{margin-top:5px}.human-studio .photo-open{display:block;position:relative;width:100%;border:0;padding:0;background:transparent;text-align:left;cursor:zoom-in}.human-studio .photo-zoom{position:absolute;right:16px;bottom:24px;font:22px Arial;color:#4d5f3c}.human-studio .photo-open figcaption{padding-right:50px}.human-studio .photo-open:focus-visible{outline-offset:-4px}.human-studio .photo-dialog{position:fixed;top:0;right:0;bottom:0;left:0;box-sizing:border-box;width:calc(100% - 32px);max-width:1180px;max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:1px solid #dedfd3;border-radius:16px;background:#fbfaf6;color:#343b2d;overflow:auto}.human-studio .photo-dialog::backdrop{background:#20251bc9}.human-studio .photo-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.human-studio .photo-dialog-head h2{font:400 32px/1.2 Georgia,serif}.human-studio .photo-dialog-head button{min-height:44px;padding:8px 16px;border:1px solid #d5d4c6;border-radius:8px;background:#fffefa;white-space:nowrap}.human-studio .photo-dialog>img{display:block;max-width:100%;width:auto;height:auto;max-height:65dvh;object-fit:contain;margin:auto}.human-studio .photo-details{display:flex;justify-content:center;flex-wrap:wrap;gap:16px 36px;margin:20px 0 0;text-align:center}.human-studio .photo-details dt{font:12px/1.5 Arial;color:#737767}.human-studio .photo-details dd{margin:5px 0 0;font:14px/1.5 Arial}.human-studio .photo-dialog>p{text-align:center;font:12px/1.5 Arial;color:#737767;margin:16px 0 0}@media(max-width:750px){.human-studio header{padding:24px 16px 20px}.human-studio .controls{padding:18px}.human-studio .inspiration{margin-top:28px}.human-studio .photos{gap:16px}.human-studio .matching-entry{align-items:flex-start;flex-direction:column;gap:0}.human-studio .matching-footer{align-items:center}.human-studio .photo-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:16px;border-radius:12px}.human-studio .photo-dialog-head h2{font-size:25px}.human-studio .photo-dialog>img{max-height:58dvh}.human-studio .photo-details{gap:12px 20px}.human-studio .photo-details dd{font-size:12px}.human-studio figcaption{font-size:22px}}@media(max-width:750px){.human-studio #mini:not([hidden]){top:var(--mini-top,0px);z-index:40;min-height:112px}.human-studio #mini canvas{display:block;flex:none;width:88px!important;height:88px!important;aspect-ratio:1;object-fit:contain}.human-studio #mini>div{min-width:0}.human-studio #mini strong,.human-studio #mini span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.human-studio .included{margin:18px 0 -12px;font:600 13px/1.45 Arial,sans-serif;color:#4d5f3c}.human-studio .pet-cross-sell{border-top:1px solid #dedfd3;margin-top:20px;padding-top:20px}.human-studio .pet-cross-sell h3{margin:0 0 14px;font:400 21px/1.25 Georgia,serif}.human-studio .pet-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.human-studio .pet-card{display:block;overflow:hidden;border:1px solid #be805d;border-radius:12px;background:#fffefa;text-decoration:none;color:#343b2d;cursor:pointer}.human-studio .pet-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.human-studio .pet-card span{display:grid;gap:4px;padding:12px}.human-studio .pet-card strong{font:400 19px/1.2 Georgia,serif}.human-studio .pet-card small{font:11px/1.3 Arial,sans-serif;color:#4d5f3c}.human-studio .pet-card:hover,.human-studio .pet-card:focus-visible{border-color:#995936;box-shadow:0 3px 14px #65432121}.human-studio .pet-card:focus-visible{outline:2px solid #995936;outline-offset:2px}.human-studio figure{border-color:#be805d;border-radius:18px}.human-studio .photo-open{cursor:pointer}.human-studio .photo-open:hover figcaption{text-decoration:underline;text-underline-offset:5px}.human-studio .photo-open figcaption{padding-right:18px}@media(max-width:420px){.human-studio .pet-cards{gap:8px}.human-studio .pet-card strong{font-size:16px}.human-studio .pet-card span{padding:9px}.human-studio .pet-card small{font-size:10px}}.human-studio{display:block}.human-studio .purchase-total{display:flex;justify-content:space-between;font-size:20px;margin-top:20px}.human-studio .purchase-message{font-size:13px;color:#9b3d2c}.human-studio .cta:disabled{opacity:.6}.human-studio [hidden]{display:none!important}.human-studio .bracelet-review-back{margin-top:20px;padding:12px 18px;border:1px solid #d2d5c7;border-radius:6px;background:transparent;color:inherit;min-height:44px}.human-studio[data-review=true] .stage{overflow:visible}.human-studio .layout{scroll-margin-top:150px}.human-studio[data-review=true] .stage{display:flex;flex-direction:column;overflow:hidden;background:#f8f5ef;padding-bottom:18px}.human-studio[data-review=true] #wrist{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center}.human-studio[data-review=true] .bead-label{position:static;align-self:flex-start;margin:4px 20px 10px;line-height:1.4}.human-studio[data-review=true] .stage>poptilt-share{width:100%;margin:0;padding:0 20px;box-sizing:border-box}.human-studio[data-review=true] poptilt-share>.pts-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.human-studio[data-review=true] .visual #caption{margin:14px 0 6px}.human-studio[data-review=true] .visual>small{margin:0 auto;max-width:420px;padding:0 12px}@media(max-width:750px){.human-studio[data-review=true] #wrist{aspect-ratio:4/3}.human-studio[data-review=true] .stage>poptilt-share{padding:0 12px}.human-studio[data-review=true] .bead-label{margin-left:14px}.human-studio[data-review=true] poptilt-share button{font-size:13px;padding:10px 12px}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/human-bracelet.css.map */