.hf-case-media{grid-area:product-gallery;min-width:0;align-self:start;color:inherit}.hf-case-media__eyebrow{font-size:13px;letter-spacing:.08em;margin:0 0 16px;color:#c69322}.hf-case-media__set{margin:0 0 28px}.hf-case-media__set>img{display:block;width:100%;height:auto}.hf-case-media__set figcaption,.hf-case-media__caption{font-size:13px;line-height:1.8;margin:12px 0 0;color:inherit}.hf-case-media__pattern{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:center;border-top:1px solid #3c3f40;padding-top:24px}.hf-case-media__selected{font-size:18px;line-height:1.6;margin:0}.hf-case-media__artwork{min-width:0}.hf-case-media__artwork .product-gallery{position:static;min-width:0}.hf-case-media__artwork .product-gallery__media{max-width:100%}.hf-care-family[data-care-family=care-case-15]{padding:20px;margin-top:0}.hf-care-family[data-care-family=care-case-15] .hf-care-purchase__choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 8px;overflow:visible;padding:12px 0 20px}.hf-care-family[data-care-family=care-case-15] .hf-care-purchase__choice{width:100%;max-width:none;min-width:0;font-size:12px;gap:8px;overflow-wrap:anywhere}.hf-care-family[data-care-family=care-case-15] .hf-care-purchase__circle{position:relative;width:60px;height:60px}.hf-care-family[data-care-family=care-case-15] .hf-care-purchase__circle img{display:block;width:100%;height:100%;object-fit:cover}.hf-care-family[data-care-family=care-case-15] .hf-care-family__hint{font-size:12px;margin:0 0 6px}.hf-care-family[data-care-family=care-case-15] .hf-care-purchase__selection{margin:0;padding:12px 0 0;border-bottom:0;border-top:1px solid #3c3f40}.hf-case-editor-note{font-size:12px;line-height:1.8;margin:16px 0;color:inherit}.hf-case-editor-note summary{cursor:pointer;min-height:36px;padding:6px 0;text-decoration:underline;text-underline-offset:4px}.hf-case-editor-note summary:focus-visible{outline:2px solid #e9e9e9;outline-offset:3px}.hf-case-editor-note p{font-size:12px;margin:8px 0}[data-care-draft-order]{margin-top:20px;padding:16px 20px;border-color:#3c3f40}[data-care-draft-order] .hf-care-purchase__quantity{margin:0}[data-care-draft-order] .hf-care-purchase__notice{font-size:12px;margin:8px 0 0}.hf-case-cloth{display:block;min-width:0}.hf-case-cloth__open{display:block;margin:auto;max-width:500px;text-align:center;background:#36393a;border:1px solid #55595a;border-radius:4px}.hf-case-cloth__open>img{display:block;width:100%;height:auto;object-fit:contain}.hf-case-cloth__open>span{display:block;font-size:13px;padding:0 12px 16px;color:#e9e9e9}.hf-case-media__image-note{font-size:12px;line-height:1.7;color:inherit;margin:0}.hf-case-cloth__dialog{color:#e9e9e9;background:#282a2b;border:1px solid #55595a;border-radius:4px;padding:16px;width:min(92vw,1100px);max-width:92vw;max-height:92dvh;overflow:auto;margin:auto}.hf-case-cloth__dialog::backdrop{background:#000000c7}.hf-case-cloth__toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px}.hf-case-cloth__toolbar>span{margin-right:auto}.hf-case-cloth__toolbar>button{min-height:44px;padding:8px 12px;border:1px solid #74797b;border-radius:3px;font-size:13px}.hf-case-cloth__viewport{max-height:70dvh;overflow:auto;background:#36393a}.hf-case-cloth__viewport>img{display:block;width:auto;height:auto;max-height:68dvh;max-width:100%;margin:auto;object-fit:contain}.hf-case-cloth__dialog.is-enlarged .hf-case-cloth__viewport>img{width:1600px;max-width:none;max-height:none;margin:0}.hf-case-cloth__dialog>p{margin:12px 0 0;font-size:12px}.hf-case-cloth a:focus-visible,.hf-case-cloth button:focus-visible{outline:2px solid #e9e9e9;outline-offset:3px}@media(max-width:999px){.hf-case-media__pattern{gap:16px;padding-top:20px}.hf-case-media__selected{font-size:16px}.hf-case-media__eyebrow{font-size:12px}.hf-case-media__set{margin-bottom:20px}.hf-care-family[data-care-family=care-case-15]{padding:16px}.hf-care-family[data-care-family=care-case-15] .hf-care-purchase__circle{width:56px;height:56px}.hf-care-family[data-care-family=care-case-15] .hf-care-purchase__choice{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/hf-care-case-display.css.map */