.product-options{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;max-width:100%;margin:0 0 1rem}@media screen and (min-width:750px){.product-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem}}.product-options>.product-options__field,.product-options>.product-options__note,.product-options>.product-options__blocked{grid-column:1 / -1}.product-options__group{display:flex;flex-direction:column;gap:.75rem;min-width:0}.product-options__field{margin:0}.product-options__fee{margin-inline-start:.375rem;font-size:var(--act-text-sm);opacity:.75;white-space:nowrap}.product-options__checkbox{display:flex;align-items:center;gap:.5rem}.product-options__checkbox .form__label{margin:0}.product-options__label-row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.product-options__label-row .form__label{margin-bottom:.375rem}.product-options__guide-row{grid-column:1 / -1;margin:0;text-align:right}.product-options__guide{display:inline-block}.product-options__guide-button{padding:0;border:0;background:none;font-size:var(--act-text-sm);font-family:inherit;color:var(--act-color-muted-text);text-decoration:underline;text-underline-offset:.15em;cursor:pointer;white-space:nowrap}.product-options__guide-button:hover{color:var(--act-color-foreground)}.product-options__guide-content>h2{margin:0 auto 1rem}.product-options__guide-content>h3{margin:1.75rem auto .5rem}.product-options__guide-content>p,.product-options__guide-content>ol,.product-options__guide-content>ul,.product-options__guide-content>table{margin:0 auto 1rem}.product-options__guide-content li{margin-bottom:.4rem}.product-options__guide-content li:last-child{margin-bottom:0}.product-popup-modal__content-info table{width:100%;border-collapse:collapse}.product-popup-modal__content-info th,.product-popup-modal__content-info td{padding:.4rem .75rem;text-align:start;border-bottom:1px solid var(--act-color-border)}.product-options__help{display:block;margin-top:.25rem;font-size:var(--act-text-xs);opacity:.7}.product-options__error{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.product-options__blocked{margin:0;font-size:var(--act-text-sm);color:var(--act-color-muted-text)}.product-options__blocked[hidden]{display:none}.product-options__note{margin:.25rem 0 0;font-size:var(--act-text-xs);font-weight:300;line-height:1.6;color:var(--act-color-muted-text);text-wrap:pretty}.product-options__field [aria-invalid=true]{border-color:var(--act-color-error)}.product-options__field .product-form__input{margin:0}.product-options__step{margin-inline-end:.625rem;font-size:var(--act-text-xxs);letter-spacing:.1em;color:var(--act-color-muted-text)}.product-options__field--addon{padding-top:1.25rem;border-top:1px solid var(--act-color-border)}.product-options__head{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.875rem}.product-options__head-label{font-size:var(--act-text-xs);font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--act-color-foreground)}.product-options__tariff{margin-inline-start:auto;font-size:var(--act-text-xs);font-weight:300;color:var(--act-color-muted-text);text-align:right}.product-options__switch{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.125rem;background:transparent;border:1px solid var(--act-color-border);border-radius:var(--inputs-radius);cursor:pointer;text-align:left;transition:border-color .16s ease,background-color .16s ease}.product-options__switch:hover{border-color:var(--act-color-foreground)}.product-options__switch-box{position:relative;flex:0 0 auto;width:1.375rem;height:1.375rem;border:1px solid var(--act-color-border);border-radius:calc(var(--inputs-radius) / 2);transition:background-color .16s ease,border-color .16s ease}.product-options__switch-box:after{content:"";position:absolute;left:.375rem;top:.1875rem;width:.375rem;height:.6875rem;border-right:.09375rem solid var(--act-color-background);border-bottom:.09375rem solid var(--act-color-background);transform:rotate(42deg) scale(.4);opacity:0;transition:opacity .16s ease,transform .2s cubic-bezier(.2,.8,.2,1)}.is-on .product-options__switch{border-color:var(--act-color-foreground)}.is-on .product-options__switch-box{background:var(--act-color-foreground);border-color:var(--act-color-foreground)}.is-on .product-options__switch-box:after{opacity:1;transform:rotate(42deg) scale(1)}.product-options__switch-label{display:block;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:var(--act-text-lg);color:var(--act-color-foreground)}.product-options__switch-help{display:block;margin-top:.25rem;font-size:var(--act-text-xs);font-weight:300;color:var(--act-color-muted-text)}.product-options__switch-fee{margin-inline-start:auto;font-size:var(--act-text-sm);font-weight:500;color:var(--act-color-foreground);white-space:nowrap}.product-options__addon-body{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .34s cubic-bezier(.2,.7,.2,1),opacity .24s ease}.product-options__addon-inner{--addon-focus-room: .5rem;overflow:hidden;min-height:0;padding:var(--addon-focus-room);margin:calc(-1 * var(--addon-focus-room))}.is-on .product-options__addon-body{grid-template-rows:1fr;opacity:1}.product-options__field--addon .product-form__input{margin-top:1.25rem}@media(prefers-reduced-motion:reduce){.product-options__addon-body,.product-options__switch,.product-options__switch-box,.product-options__switch-box:after{transition:none}}.product-options__engraving{--metal-1: #d3d3ce;--metal-2: #eeeeea;--metal-3: #bdbdb8;--metal-4: #e2e2dd;--metal-edge: rgba(74, 74, 68, .3);--metal-shade: rgba(74, 74, 68, .32);--metal-ink: #57574f;position:relative;display:flex;align-items:center;justify-content:center;height:2.5rem;margin-top:.625rem;overflow:hidden;border-radius:var(--inputs-radius);background:linear-gradient(180deg,var(--metal-1) 0%,var(--metal-2) 26%,var(--metal-3) 62%,var(--metal-4) 100%);box-shadow:inset 0 1px #ffffffb3,inset 0 -1px 0 var(--metal-shade)}.product-options__engraving[data-metal=gold]{--metal-ink: #6e4f22;--metal-1: #d9b982;--metal-2: #f0dcb4;--metal-3: #c9a468;--metal-4: #e6cd9d;--metal-edge: rgba(120, 89, 40, .34);--metal-shade: rgba(90, 64, 26, .35)}.product-options__engraving[data-metal=rose]{--metal-ink: #7a4636;--metal-1: #dfae99;--metal-2: #f3d2c4;--metal-3: #cc9179;--metal-4: #ecc2b0;--metal-edge: rgba(122, 70, 54, .32);--metal-shade: rgba(104, 58, 44, .35)}.product-options__engraving[data-metal=silver]{--metal-ink: #4c5257;--metal-1: #cdd0d2;--metal-2: #f0f2f3;--metal-3: #b4b8bb;--metal-4: #dee1e3;--metal-edge: rgba(64, 70, 74, .3);--metal-shade: rgba(64, 70, 74, .34)}.product-options__engraving:before,.product-options__engraving:after{content:"";position:absolute;top:0;bottom:0;width:1.625rem;pointer-events:none}.product-options__engraving:before{left:0;background:linear-gradient(90deg,var(--metal-edge),transparent)}.product-options__engraving:after{right:0;background:linear-gradient(270deg,var(--metal-edge),transparent)}.product-options__engraving-text{position:relative;z-index:1;min-width:0;max-width:90%;font-family:var(--font-heading-family);font-size:var(--act-text-sm);letter-spacing:.085em;color:var(--metal-ink, #57574f);text-shadow:0 1px 0 rgba(255,255,255,.62);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-options__engraving-text.is-empty{font-family:var(--font-body-family);font-size:var(--act-text-xxs);letter-spacing:.12em;text-transform:uppercase;color:var(--metal-ink, #57574f);opacity:.62;text-shadow:none}.product-options__meter{margin-top:1rem}.product-options__ticks{display:flex;align-items:flex-end;gap:.1875rem;height:1.25rem}.product-options__ticks i{flex:1 1 0;height:.5rem;background:var(--act-color-border);transition:background-color .16s ease,height .16s ease}.product-options__ticks i.is-free{background:color-mix(in oklch,var(--act-color-foreground),transparent 78%)}.product-options__ticks i.is-used{height:.875rem;background:var(--act-color-foreground)}.product-options__ticks i.is-charged{height:1.25rem;background:var(--options-accent, currentColor)}.product-options__ticks-divide{position:relative;flex:0 0 .625rem;height:1.25rem}.product-options__ticks-divide:after{content:"";position:absolute;left:.25rem;top:0;bottom:0;width:1px;background:color-mix(in oklch,var(--act-color-foreground),transparent 60%)}.product-options__meter-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:.5625rem 0 0;font-size:var(--act-text-xxs);letter-spacing:.06em;text-transform:uppercase;color:var(--act-color-muted-text)}.product-options__meter-cost{font-size:var(--act-text-sm);font-weight:500;letter-spacing:0;text-transform:none;color:var(--options-accent, currentColor)}.product-options__group-head{display:flex;align-items:center;gap:.625rem;margin:0;padding-bottom:.75rem;border-bottom:1px solid var(--act-color-border)}.product-options__ring{flex:0 0 auto;width:.9375rem;height:.9375rem;border:.15625rem solid var(--options-accent, currentColor);border-radius:50%}.product-options__group-name{font-size:var(--act-text-xs);font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--act-color-foreground)}.product-options__count{margin:.375rem 0 0;font-size:var(--act-text-xxs);letter-spacing:.06em;color:var(--act-color-muted-text);text-align:right}.product-options__field--grouped .product-options__engraving-text{font-size:var(--act-text-xs);letter-spacing:.06em}.product-options__field .field__input::placeholder{opacity:1;color:var(--act-color-muted-text)}.product-options__field .field__input{font-size:var(--act-text-xs);color:var(--act-color-muted-text)}.product-options__field .field__input,.product-options__field .field__input:focus,.product-options__field .field__input:not(:placeholder-shown),.product-options__field .field__input:-webkit-autofill{padding:calc(var(--act-rem) * .9375)}.product-options__group{padding:1.125rem 1.25rem 1.375rem;border:1px solid var(--act-color-border)}@media screen and (min-width:750px){.product-options{column-gap:0}.product-options__group+.product-options__group{border-left:0}}@media screen and (max-width:749px){.product-options{row-gap:.75rem}.product-options__group+.product-options__group{margin-top:-.75rem;border-top:0}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/component-product-options.css.map */