.tf-product-options{display:block;width:100%;max-width:100%;margin:10px 0 14px;font-size:var(--tf-po-body-size, 14px);line-height:1.45;color:var(--tf-po-body-color, #1a1a1a);box-sizing:border-box;-webkit-font-smoothing:antialiased}.tf-product-options[data-tf-pending="1"],.shopify-section:has(.tf-product-options[data-tf-pending="1"]),.page-width:has(>.tf-product-options[data-tf-pending="1"]){position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important}.tf-product-options *,.tf-product-options *:before,.tf-product-options *:after{box-sizing:border-box}.tf-product-options[data-tf-empty="1"],.tf-product-options[hidden]{display:block!important;visibility:visible!important;opacity:1!important;margin:10px 0 14px}.tf-product-options__placeholder,.tf-po__empty{margin:0;opacity:.7;font-size:.93em}.tf-product-options__mount:focus-within{outline:1px solid currentColor;outline-offset:2px}.tf-po{display:grid;gap:.95em}.tf-po__group{display:grid;gap:.75em}.tf-po__group-head{display:flex;align-items:baseline;justify-content:space-between;gap:.65em}.tf-po__group-title{margin:0;font-size:var(--tf-po-label-size, 14px);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tf-po-label-color, #333)}.tf-po__group-total{margin:0;font-size:.86em;opacity:.7}.tf-po__group-body{display:grid;gap:var(--tf-po-option-gap, 16px)}.tf-po__option{display:grid;gap:.45em}.tf-po__panel-body>.tf-po__fields,.tf-po__fields{display:grid;gap:var(--tf-po-option-gap, 16px)}.tf-po__fields .tf-po__group+.tf-po__group{margin-top:0}.tf-po__label{font-size:var(--tf-po-label-size, 14px);font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--tf-po-label-color, #333)}.tf-po__req{margin-left:.15em;color:#b42318}.tf-po__help{margin:0;font-size:var(--tf-po-body-size, 14px);color:var(--tf-po-body-color, inherit);opacity:.7;line-height:1.4}.tf-po__control{width:100%;max-width:100%;box-sizing:border-box;padding:.55em .75em;border:1px solid rgba(0,0,0,.18);border-radius:.3em;background:#fff;font:inherit;font-size:var(--tf-po-control-size, 15px);min-height:2.5em}.tf-po__radios,.tf-po__buttons,.tf-po__swatches{display:flex;flex-wrap:wrap;gap:.45em}.tf-po__choice{display:inline-flex;align-items:center;gap:.4em;font-size:var(--tf-po-control-size, 15px)}.tf-po__btn,.tf-po__swatch{-webkit-appearance:none;appearance:none;border:1px solid rgba(0,0,0,.22);background:#fff;border-radius:.35em;cursor:pointer;font:inherit;font-size:var(--tf-po-control-size, 15px);font-weight:500;line-height:1.2;letter-spacing:.02em;white-space:normal;word-break:break-word;text-align:center;color:#1a1a1a;transform:translateY(0) scale(1);transition:transform .2s cubic-bezier(.22,1,.36,1),border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;will-change:transform}.tf-po__btn{min-width:2.75em;min-height:2.45em;padding:.5em .75em}.tf-po__btn:hover,.tf-po__swatch:hover{border-color:#0000008c;transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px #0000001a}.tf-po__btn:active,.tf-po__swatch:active{transform:translateY(0) scale(.96);box-shadow:0 2px 6px #00000014}.tf-po__btn.is-selected,.tf-po__swatch.is-selected{border-color:#111;background:#111;color:#fff;box-shadow:0 0 0 2px #1111112e,0 8px 18px #00000024;transform:translateY(-1px) scale(1.03)}.tf-po__btn.is-selected:hover,.tf-po__swatch.is-selected:hover{background:#222;border-color:#222;color:#fff;transform:translateY(-2px) scale(1.04)}.tf-po__swatch.is-selected{position:relative}.tf-po__swatch.is-selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #fff;border-radius:inherit;box-shadow:inset 0 0 0 1px #111;pointer-events:none}.tf-po__swatch{width:2.5em;height:2.5em;padding:0;overflow:hidden}.tf-po__swatch--color{background:var(--tf-swatch, #ccc)}.tf-po__swatch--image img{display:block;width:100%;height:100%;object-fit:cover}.tf-po__range{display:grid;grid-template-columns:1fr auto;gap:.65em;align-items:center}.tf-po__heading{margin:0;font-size:1em;font-weight:600}.tf-po__divider{margin:.2em 0;border:0;border-top:1px solid rgba(0,0,0,.1)}.tf-po__error{margin:0;color:#b42318;font-size:.86em}.tf-po__option.is-invalid .tf-po__control,.tf-po__option.is-invalid .tf-po__btn,.tf-po__option.is-invalid .tf-po__swatch{border-color:#b42318}.tf-po__summary{padding:.85em 0 0;border-top:1px solid rgba(0,0,0,.1);display:grid;gap:.4em}.tf-po__final{margin:.35em 0 0;display:flex;justify-content:space-between;gap:.85em;font-size:1em;font-weight:600}.tf-po__unavailable{margin:.4em 0 0;color:#b00020;font-size:.86em}.tf-po--options,.tf-po--diamond{gap:.7em;width:100%}.tf-po__open-above{margin:0 0 .45em;padding:0;font-size:var(--tf-po-label-size, 14px);font-weight:600;color:var(--tf-po-label-color, #1a1a1a);line-height:1.35}.tf-po__open-above[hidden]{display:none!important}.tf-po__open{-webkit-appearance:none;appearance:none;border:1.2px solid var(--tf-po-btn-border, #0000005e)!important;box-shadow:0 6px 8px -6px #00000082!important;background:var(--tf-po-btn-bg, #111)!important;color:var(--tf-po-btn-fg, #fff)!important;border-radius:var(--tf-po-btn-radius, .3em)!important;padding:.7em 1em;font:inherit;font-size:var(--tf-po-btn-size, 14px)!important;font-weight:var(--tf-po-btn-weight, 600)!important;letter-spacing:.04em;cursor:pointer;width:100%;max-width:100%;min-height:2.75em;display:inline-flex!important;visibility:visible!important;opacity:1!important;align-items:center;justify-content:center;text-align:center;position:relative;z-index:2}.tf-po__open[hidden]{display:none!important}.tf-po__open[disabled],.tf-po__open:disabled{opacity:1!important;cursor:pointer!important;pointer-events:auto!important}.tf-po__apply{-webkit-appearance:none;appearance:none;border:1px solid #111;background:#111;color:#fff;border-radius:.3em;padding:.75em 1em;font:inherit;font-size:.93em;font-weight:600;letter-spacing:.04em;cursor:pointer;width:100%;min-height:2.85em}.tf-po__apply:disabled{opacity:.45;cursor:not-allowed}.tf-po__change-link{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:inherit;display:inline-flex;align-items:center;gap:.35em;padding:.25em 0;font:inherit;font-size:.86em;font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:.15em;width:auto}.tf-po__pencil{flex:0 0 auto;width:14px;height:14px}.tf-po__overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#0000006b;-webkit-backdrop-filter:blur(10px) saturate(1.05);backdrop-filter:blur(10px) saturate(1.05);z-index:2147483000!important;opacity:0;pointer-events:none;transition:opacity .3s ease;margin:0!important;padding:0!important;width:100vw!important;height:100vh!important;height:100dvh!important}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.tf-po__overlay{background:#0000009e}}.tf-po__overlay.is-open{opacity:1;pointer-events:auto}.tf-po__overlay[hidden]:not(.is-animating){display:none!important}.tf-po__panel{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(420px,100vw);height:100%;height:100dvh;max-height:100dvh;background:#fff;z-index:2147483001!important;box-shadow:-12px 0 40px #00000038;display:flex;flex-direction:column;outline:none;color:var(--tf-po-body-color, #1a1a1a);font-size:var(--tf-po-body-size, 14px);line-height:1.45;-webkit-font-smoothing:antialiased;transform:translate3d(105%,0,0);transition:transform .38s cubic-bezier(.22,1,.36,1);will-change:transform;margin:0!important}.tf-po__panel.is-open{transform:translateZ(0)}.tf-po__panel[hidden]:not(.is-animating){display:none!important}.tf-po__panel-head{display:flex;align-items:center;justify-content:space-between;gap:.75em;padding:.95em 3.25em .95em 1.1em;border-bottom:1px solid rgba(0,0,0,.08);flex:0 0 auto;position:relative}.tf-po__panel-head h2{margin:0;font-size:1.05em;font-weight:600;line-height:1.3;letter-spacing:.01em;padding-right:.5em}.tf-po__close{-webkit-appearance:none;appearance:none;border:0;background:transparent;line-height:1;cursor:pointer;padding:.4em;color:inherit;border-radius:.3em;display:inline-flex;align-items:center;justify-content:center;z-index:3;position:absolute;top:.65em;right:.65em;min-width:2.4em;min-height:2.4em}.tf-po__close svg{width:18px;height:18px}.tf-po__close:hover{background:#0000000d}.tf-po__panel-body{overflow:auto;padding:1em 1.1em 1.1em;display:grid;gap:1em;flex:1 1 auto;align-content:start;min-height:0}.tf-po__panel-foot{flex:0 0 auto;position:sticky;bottom:0;z-index:2;padding:.85em 1.1em calc(.95em + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(0,0,0,.08);background:#fff;box-shadow:0 -6px 18px #0000000f;display:grid;gap:.75em}.tf-po__panel-foot .tf-po__summary{padding:0;border-top:0;gap:.35em}.tf-po__line{margin:0;display:flex;justify-content:space-between;gap:.85em;font-size:.93em}.tf-po__line span{color:#555;font-weight:400}.tf-po__line strong,.tf-po__final strong{font-variant-numeric:tabular-nums;font-weight:600}.tf-po__preview img{display:block;width:100%;max-height:220px;object-fit:contain;border-radius:.3em;background:#f7f7f7}.tf-po__confirmed{border:1px solid rgba(0,0,0,.12);border-radius:.35em;padding:.85em .95em}.tf-po__confirmed-head{display:flex;align-items:center;justify-content:space-between;gap:.65em;margin-bottom:.5em}.tf-po__confirmed-title{margin:0;font-weight:600;font-size:1.1em}.tf-po__confirmed-list p{margin:.3em 0;font-size:1em;color:#444}.tf-po__confirmed-total{margin:.7em 0 0;display:flex;justify-content:space-between;font-weight:600;font-size:1.15em}body.tf-po-panel-open{overflow:hidden}.tf-po__inline-error{margin:.55em 0 0;padding:.65em .75em;border-radius:.35em;border:1px solid #f1b3a8;background:#fee9e8;color:#8e1f0b;font-size:var(--tf-po-body-size, 14px);font-weight:600;line-height:1.4}.tf-po__inline-error[hidden]{display:none!important}.tf-po__toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%) translateY(120%);z-index:2147483002;max-width:min(92vw,420px);padding:.85em 1.1em;border-radius:.45em;background:#1a1a1a;color:#fff;font-size:13px;line-height:1.4;box-shadow:0 10px 30px #00000047;opacity:0;pointer-events:none;transition:transform .28s ease,opacity .28s ease}.tf-po__toast.is-visible{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.tf-po__toast--error{background:#8b1e1e}@media(max-width:749px){.tf-product-options,.tf-po__panel{font-size:var(--tf-po-body-size, 14px)}.tf-po__panel{top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%;height:min(92vh,100%);height:min(92dvh,100%);max-height:92dvh;border-radius:.75em .75em 0 0;transform:translate3d(0,110%,0)}.tf-po__panel.is-open{transform:translateZ(0)}.tf-po__panel-head h2{font-size:1.05em}.tf-po__btn{min-width:2.6em;min-height:2.4em;padding:.45em .7em;font-size:.86em}.tf-po__open,.tf-po__apply{font-size:.93em;min-height:2.75em}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/tf-po-product-options.css.map */
