custom-measurements{display:block}product-form .shopify-payment-button[hidden]{display:none!important}.custom-measurements__dialog{position:fixed;top:0;right:0;bottom:0;left:0;box-sizing:border-box;margin:auto;width:min(860px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 48px);padding:0;border:1px solid #e9e5e0;border-radius:16px;background:#fff;color:#171717;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 24px 80px #0003;text-align:left}.custom-measurements__dialog::backdrop{background:#0000007a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.custom-measurements__header{padding:16px 28px;border-bottom:1px solid #eeeae5}.custom-measurements__header h2{margin:0 48px 4px 0;font-size:clamp(22px,3vw,28px);line-height:1.15;letter-spacing:-.025em;text-transform:none}.custom-measurements__header p{margin:0;padding-right:48px;color:#77716b;font-size:12px;line-height:1.4}.custom-measurements__close{position:absolute;top:12px;right:20px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #eeeae5;border-radius:50%;background:#fff;color:#171717;font-size:26px;cursor:pointer}.custom-measurements__body{padding:24px 36px 0}.custom-measurements__guide{display:block;max-width:100%;width:auto;height:auto;max-height:360px;margin:0 auto 24px;object-fit:contain;border-radius:8px}.custom-measurements__tips{padding:14px 16px;background:#f7f5f2;border-radius:8px;font-size:13px}.custom-measurements__tips summary{cursor:pointer;font-weight:500}.custom-measurements__tips p{margin:12px 0 0;color:#65615c;line-height:1.6}.custom-measurements__toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 22px}.custom-measurements__toolbar strong{font-size:15px;font-weight:500}.custom-measurements__toolbar p{margin:4px 0 0;color:#77716b;font-size:12px}.custom-measurements__units{display:flex;flex-shrink:0;padding:4px;border:1px solid #e7e3dd;border-radius:8px;background:#f7f5f2}.custom-measurements__units button{min-width:48px;min-height:40px;padding:8px 12px;border:0;border-radius:5px;background:transparent;color:#77716b;font-size:12px;font-weight:600;cursor:pointer}.custom-measurements__units button[aria-pressed=true]{background:#171717;color:#fff}.custom-measurements__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}.custom-measurements__field{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0;font-size:13px;font-weight:500}.custom-measurements__input-wrap{position:relative;display:block}.custom-measurements__input-wrap input{box-sizing:border-box;width:100%;min-width:0;height:44px;padding:8px 42px 8px 12px;border:1px solid #dcd8d2;border-radius:8px;background:#fff;color:#171717;font-size:16px;font-variant-numeric:normal;-webkit-appearance:textfield;appearance:textfield;transition:border-color .15s ease,box-shadow .15s ease}.custom-measurements__input-wrap input::-webkit-inner-spin-button,.custom-measurements__input-wrap input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.custom-measurements__input-wrap input::placeholder{color:#b7b1aa}.custom-measurements__input-wrap [data-unit]{position:absolute;top:50%;right:14px;transform:translateY(-50%);color:#77716b;font-size:12px;pointer-events:none}.custom-measurements__dialog :focus-visible{outline:2px solid #171717;outline-offset:3px}.custom-measurements__input-wrap input:focus{outline:none;border-color:#171717;box-shadow:0 0 0 3px #17171714}.custom-measurements__field small{color:#77716b;font-size:11px;font-weight:400;line-height:1.5}.custom-measurements__note{margin:24px 0;color:#77716b;font-size:12px}.custom-measurements__footer{position:sticky;bottom:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 -36px;padding:20px 36px;border-top:1px solid #eeeae5;background:#fff}.custom-measurements__footer>span{font-size:12px;color:#77716b}.custom-measurements__footer .btn{display:flex;align-items:center;justify-content:center;gap:24px;min-height:52px;border-radius:6px;font-size:13px}.custom-measurements__dialog button{touch-action:manipulation}.custom-measurements__dialog button:active{transform:scale(.98)}@media(max-width:767.98px){.custom-measurements__dialog{inset:auto 0 0;width:100%;margin:0;max-height:calc(100dvh - 12px);border-radius:16px 16px 0 0}.custom-measurements__header{padding:12px 20px}.custom-measurements__close{top:8px;right:12px}.custom-measurements__body{padding:20px 20px 0}.custom-measurements__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.custom-measurements__toolbar{gap:10px}.custom-measurements__toolbar strong{font-size:14px}.custom-measurements__footer{flex-direction:column;gap:10px;margin-inline:-20px;padding:14px 20px max(16px,env(safe-area-inset-bottom))}.custom-measurements__footer .btn{width:100%}.custom-measurements__guide{max-height:240px}}@media(max-width:359px){.custom-measurements__grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.custom-measurements__dialog *{transition:none}.custom-measurements__dialog button:active{transform:none}}.custom-measurements__dialog,.custom-measurements__dialog input,.custom-measurements__dialog button{font-family:var(--base-font-family);font-style:var(--base-font-style);font-weight:var(--base-font-weight)}.custom-measurements__header h2{font-family:var(--heading-font-family);font-style:var(--heading-font-style);font-weight:var(--heading-font-weight);letter-spacing:var(--heading-font-letter-spacing)}.custom-measurements__form>.custom-measurements__tips{margin-bottom:24px}@media(min-width:768px){.custom-measurements__header{padding:16px 28px}.custom-measurements__body{padding:18px 28px 0}.custom-measurements__toolbar{margin:18px 0}.custom-measurements__grid{gap:18px 16px}.custom-measurements__note{margin:18px 0}.custom-measurements__form>.custom-measurements__tips{margin-bottom:18px}.custom-measurements__footer{margin-inline:-28px;padding:16px 28px}}.measurement-guide{align-self:start;position:sticky;top:20px;display:flex;flex-direction:column;align-items:center;min-width:0;padding:20px 12px;border-radius:10px;background:#f7f5f2}.measurement-guide svg{display:block;width:100%;max-height:410px}.measurement-guide__lines g{opacity:0;transition:opacity .16s ease}.measurement-guide__lines .is-active{opacity:1;stroke:#272420;stroke-width:2;stroke-dasharray:none}.measurement-guide__caption{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:14px;text-align:center;font-family:var(--base-font-family)}.measurement-guide__caption span{font-size:12px;color:#65615c}.measurement-guide__caption strong{font-size:20px;font-weight:var(--base-font-weight)}.custom-measurements__field.is-active>span:first-child{color:#272420}@media(min-width:768px){.custom-measurements__dialog{width:min(1040px,calc(100% - 48px))}.custom-measurements__body{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,2fr);gap:28px}.custom-measurements__form{min-width:0}.custom-measurements__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-measurements__toolbar{margin-top:0}.custom-measurements__footer{margin-left:0;padding-left:0}}@media(max-width:767.98px){.measurement-guide{z-index:2;top:0;flex-direction:row;justify-content:center;gap:20px;padding:8px 16px;margin:-1px 0 20px;border:1px solid #eeeae5}.measurement-guide svg{width:74px;height:124px;flex-shrink:0}.measurement-guide__caption{align-items:flex-start;margin:0;text-align:left;min-width:140px}}@media(max-width:767.98px)and (max-height:500px){.measurement-guide{position:static}}.custom-measurements__input-wrap input[aria-invalid=true]{border-color:#ab3333;background:#fff8f7;box-shadow:0 0 0 2px #ab333314}.custom-measurements__field .custom-measurements__error{color:#ab3333}.custom-measurements__error[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/6/assets/custom-measurements.css.map */