html body .joa-native-options{width:100%;min-width:0;color:#f6f3ed}html body .joa-native-options .variant-picker__form{display:block}html body .joa-native-options .joa-native-option{display:flex!important;flex-wrap:wrap;gap:8px!important;width:100%;min-width:0;margin:0!important;padding:22px 0!important;border:0!important;border-bottom:1px solid #625b4e!important;border-radius:0}html body .joa-native-options .joa-native-option__heading{display:flex!important;align-items:center;flex-wrap:wrap;gap:8px;float:none;width:100%;padding:0!important;margin:0 0 14px!important;font:700 16px/1.4 var(--font-body--family)!important;letter-spacing:0!important;text-transform:none!important;color:#f6f3ed!important}html body .joa-native-options .joa-native-option__heading:before{content:attr(data-native-step);color:#ddc7a4;font-size:14px;margin-right:2px}html body .joa-native-options .joa-native-option__heading>span:not(.joa-native-option__title,.joa-native-option__value){display:none}html body .joa-native-options .joa-native-option__value{margin-left:auto;font-weight:400;font-size:14px;text-align:right;color:#ded8cf}html body .joa-native-options .joa-native-option__title{color:inherit}html body .joa-native-options :is(.joa-bracelet-option-divider,.joa-necklace-option-divider){display:none!important}html body .joa-native-options .variant-option__button-label:not(.joa-native-metal){flex:1 0 70px;max-width:160px;min-height:46px!important;padding:10px 8px!important;border:1px solid #837a69!important;border-radius:4px!important;background:#161512!important;color:#f6f3ed!important;font:500 15px/1.3 var(--font-body--family)!important}html body .joa-native-options .variant-option__button-label:not(.joa-native-metal):has(input:checked){background:#ddc7a4!important;border-color:#ddc7a4!important;color:#171511!important}html body .joa-native-options .variant-option__button-label:before,html body .joa-native-options .variant-option__button-label:after{display:none!important}html body .joa-native-options .variant-option__select-wrapper{width:100%;min-width:0;border:0!important;background:transparent!important}html body .joa-native-options select{width:100%;min-height:50px;padding:12px 40px 12px 16px;margin:0!important;border:1px solid #837a69!important;border-radius:4px!important;background:#181714!important;color:#f6f3ed!important;font:400 16px/1.4 var(--font-body--family)!important;color-scheme:dark}html body .joa-native-options .joa-native-option--proxy>.variant-option__select-wrapper{display:none!important}html body .joa-native-options .joa-native-metals{display:flex;flex-wrap:wrap;gap:10px;width:100%;padding:4px}html body .joa-native-options .joa-native-metal{position:relative;display:inline-flex!important;flex:0 0 42px!important;align-items:center!important;justify-content:center!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;margin:4px 0!important;padding:0!important;border:0!important;border-radius:50%!important;box-shadow:none!important;background:transparent!important;color:#171511!important;cursor:pointer}html body .joa-native-options .joa-native-metal>:not(input,.joa-native-metal-face){display:none!important}html body .joa-native-options .joa-native-metal-face{display:grid;place-items:center;width:100%;height:100%;border:1px solid #e7e3d9;border-radius:50%;background:linear-gradient(120deg,#9da19e,#f0f0ed 45%,#aaaead);font:800 14px/1 var(--font-body--family);color:#191713}html body .joa-native-options [data-native-tone=yellow] .joa-native-metal-face{background:linear-gradient(120deg,#bfa972,#eee2b1 45%,#d3c398)}html body .joa-native-options [data-native-tone=rose] .joa-native-metal-face{background:linear-gradient(120deg,#ba8477,#e7bcb0 45%,#be8f82)}html body .joa-native-options [data-native-tone=two-tone] .joa-native-metal-face{background:linear-gradient(90deg,#e0cc91 50%,#e4e4de 50%)}html body .joa-native-options .joa-native-metal:is([aria-pressed=true],:has(input:checked)) .joa-native-metal-face{outline:1px solid #ddc7a4;outline-offset:4px}html body .joa-native-options .joa-native-metal:is(:focus-visible,:has(input:focus-visible)){outline:2px solid #fff;outline-offset:6px}html body .joa-native-options .joa-native-metal:disabled{opacity:.45;cursor:not-allowed}html body .joa-native-heading{position:relative;display:flex!important;align-items:center;justify-content:space-between;padding:16px 0!important;margin:0!important;border-bottom:1px solid #625b4e}html body .joa-native-heading h2{margin:0!important;padding:0!important;font:700 20px/1.35 var(--font-body--family)!important;color:#f6f3ed}html body .joa-native-summary{padding:16px 8px;margin-top:14px;border-block:1px solid #625b4e;text-align:center;font:400 14px/1.8 var(--font-body--family)}html body .joa-native-summary strong{color:#ddc7a4;margin-right:5px}html body .joa-native-cart-options{display:grid!important;gap:5px!important;margin:10px 0!important}html body .joa-native-cart-options>div{display:flex!important;flex-wrap:wrap;gap:4px 8px;font-size:13px!important;line-height:1.6}html body .joa-native-cart-options dt{color:#b8ad9a}html body .joa-native-cart-options dd{margin:0;color:#eee7db}html body .joa-native-editor{position:fixed;top:0;right:0;bottom:0;left:0;width:min(650px,calc(100vw - 24px));max-width:none;height:fit-content;max-height:min(860px,calc(100dvh - 32px));margin:auto;padding:0;overflow:hidden;border:1px solid #837762;border-radius:5px;background:#151412;color:#f5f0e8;box-shadow:0 20px 80px #0009}html body .joa-native-editor[open]{display:flex;flex-direction:column}html body .joa-native-editor::backdrop{background:#000b}html body.joa-native-editor-open{overflow:hidden}html body .joa-native-editor__body{overflow-y:auto;overscroll-behavior:contain;min-height:100px;padding:18px 20px}html body .joa-native-editor__body[aria-busy=true]{opacity:.65}html body .joa-native-editor__close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #625b4e;background:transparent;color:#f5f0e8;font-size:30px;cursor:pointer}html body .joa-native-editor__summary{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:18px;padding-bottom:18px;border-bottom:1px solid #625b4e}html body .joa-native-editor__summary img{width:140px;height:140px;object-fit:cover}html body .joa-native-editor__summary h3{margin:0 0 10px;font:400 26px/1.15 var(--era-serif,Georgia,serif);color:#f5f0e8}html body .joa-native-editor__summary p{margin:0 0 8px;font-size:18px}html body .joa-native-editor__summary a{font-size:13px;color:#ddc7a4;text-underline-offset:4px}html body .joa-native-editor__payment{margin-top:22px}html body .joa-native-editor__engraving{margin:16px 0 0;color:#d8d0c3;font-size:14px}html body .joa-native-editor__footer{flex:0 0 auto;padding:12px 20px 16px;border-top:1px solid #625b4e}html body .joa-native-editor__save{width:100%;min-height:48px;background:#ddc7a4;color:#171511;border:1px solid #ddc7a4;font-weight:700;font-size:16px}html body .joa-native-editor__status{margin:0;font-size:14px;line-height:1.5}html body .joa-native-editor__status:not(:empty){margin-bottom:10px}html body .joa-native-editor__status[role=alert]{color:#f5bcb0}@media(max-width:749px){html body .joa-native-options .joa-native-option{padding-block:20px!important}html body .joa-native-options .joa-native-metals{gap:9px}html body .joa-native-editor__body{padding:14px}html body .joa-native-editor__summary{grid-template-columns:112px minmax(0,1fr);gap:14px}html body .joa-native-editor__summary img{width:112px;height:112px}html body .joa-native-editor__summary h3{font-size:21px}html body .joa-native-editor__summary p{font-size:16px}html body .joa-native-editor__footer{padding:10px 14px 14px}}html body.joa-new-era.joa-browse-design.joa-product-design .product-details .joa-native-heading h2{font:700 20px/1.35 var(--font-body--family)!important}html body .joa-native-options .joa-native-metals:has(>:nth-child(9)){display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:360px;row-gap:12px}html body .joa-native-options .variant-option__select-wrapper .icon-caret{color:#ddc7a4!important}@media(min-width:750px){html body .joa-native-editor .joa-native-metals:has(>:nth-child(9)){grid-template-columns:repeat(10,minmax(0,1fr));max-width:none;gap:10px}}html body.joa-new-era.joa-browse-design .joa-native-editor .joa-native-editor__save{font-weight:700!important;font-size:16px!important}html body.joa-new-era.joa-browse-design .joa-native-options .joa-config-option{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 6px!important;padding:0!important;margin:0!important;border-bottom:1px solid var(--joa-config-border,#55524c)!important;container-type:inline-size}html body.joa-new-era.joa-browse-design .joa-native-options .joa-config-option[data-joa-expanded=true]{padding-bottom:16px!important;row-gap:6px!important}html body.joa-new-era.joa-browse-design .joa-native-options .joa-native-option__heading{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;margin:-1px!important;padding:0!important;overflow:hidden;clip-path:inset(50%)}html body.joa-new-era.joa-browse-design .joa-native-options .joa-config-row{grid-column:1 / -1;grid-template-columns:25px minmax(0,1fr) minmax(0,1.4fr) 17px}.joa-native-options .joa-config-row .joa-config-value{grid-column:3}.joa-native-options .joa-config-row .joa-config-chevron{grid-column:4}html body.joa-new-era.joa-browse-design .joa-native-options .joa-native-control[hidden]{display:none!important}html body.joa-new-era.joa-browse-design .joa-native-options .variant-option__button-label:not(.joa-native-metal),html body.joa-new-era.joa-browse-design .joa-native-options .joa-native-choice{width:100%!important;min-width:0!important;max-width:none!important;min-height:44px!important;padding:10px 3px!important;margin:0!important;border:1px solid var(--joa-config-border,#55524c)!important;border-radius:4px!important;background:transparent!important;color:var(--color-foreground,#f6f3ed)!important;font:500 13px/1.35 var(--font-body--family)!important;overflow-wrap:anywhere}html body.joa-new-era.joa-browse-design .joa-native-options :is(.variant-option__button-label:has(input:checked),.joa-native-choice[aria-pressed=true]):not(.joa-native-metal){color:#181511!important;background:var(--joa-design-gold,#ddc7a4)!important;border-color:var(--joa-design-gold,#ddc7a4)!important}html body.joa-new-era.joa-browse-design .joa-native-options .joa-native-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;grid-column:1 / -1}html body.joa-new-era.joa-browse-design .joa-native-options :is(.variant-option__select-wrapper,.joa-native-metals){grid-column:1 / -1}html body.joa-new-era.joa-browse-design .joa-native-options [data-native-kind=other]{grid-template-columns:repeat(auto-fit,minmax(85px,1fr))}html body.joa-new-era.joa-browse-design .joa-native-options [data-native-kind=metal]{grid-template-columns:repeat(var(--joa-native-count),minmax(0,1fr))}html body.joa-new-era.joa-browse-design .joa-native-options .joa-native-metals{display:grid;grid-template-columns:repeat(var(--joa-native-count),minmax(0,1fr));max-width:none;width:100%;gap:6px;padding:0}html body.joa-new-era.joa-browse-design .joa-native-options .joa-native-metal{width:100%!important;min-width:0!important;max-width:none!important;min-height:44px!important;height:44px!important;margin:0!important;padding:0!important}html body.joa-new-era.joa-browse-design .joa-native-options .joa-native-metal-face{width:min(44px,calc(100% - 6px));height:auto;aspect-ratio:1;font-size:clamp(9px,3.3cqi,13px);outline-offset:2px}html body.joa-new-era.joa-browse-design .joa-native-options :is(.joa-native-choice:focus-visible,.variant-option__button-label:has(input:focus-visible)){outline:2px solid #ddc7a4;outline-offset:2px}html body.joa-new-era.joa-browse-design .joa-native-options .joa-native-choice:disabled{opacity:.45;cursor:not-allowed}html body .joa-express-shell[data-joa-native-checkout=ready],html body .joa-express-shell[data-joa-native-checkout=ready] .joa-express-form{display:block!important}html body .joa-express-shell[data-joa-native-checkout=ready] .accelerated-checkout-block:not([hidden]),html body .joa-express-shell[data-joa-native-checkout=ready] .shopify-payment-button{display:block!important}html body .joa-express-shell[data-joa-native-checkout=hidden]{display:none!important}html body .joa-express-shell[data-joa-native-checkout=ready] shopify-accelerated-checkout{display:block!important}html body .joa-express-shell[data-joa-native-checkout=ready] .accelerated-checkout-block:has(shopify-accelerated-checkout[recommended=null])>.joa-express-button-presentation{display:grid}
/*# sourceMappingURL=/cdn/shop/t/88/assets/joa-native-options.css.map */
