.ring-size-finder{width:100%}.ring-size-finder .section{overflow:hidden}.ring-size-finder .section .ring-size-finder__container-flex{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (max-width: 1279px){.ring-size-finder .section .ring-size-finder__container-flex{flex-direction:column}}.ring-size-finder .section .ring-size-finder__error{color:var(--error);display:none}.ring-size-finder .section .ring-size-finder__error--visible{display:block}.ring-size-finder .section .ring-size-finder__description{flex:1 1 50%;padding-right:150px;line-height:1.6}.ring-size-finder .section .ring-size-finder__description h3{color:var(--primary);font-size:20px;font-weight:300;margin:0 0 50px}.ring-size-finder .section .ring-size-finder__description p{color:var(--text);line-height:1.6}.ring-size-finder .section .ring-size-finder__container-right{flex:1 1 50%}.ring-size-finder .section .ring-size-finder__container-right .ring-size-finder__calculator{line-height:1.6;background-color:var(--bg-accent);padding:100px}.ring-size-finder .section .ring-size-finder__container-right .ring-size-finder__calculator h3{color:var(--primary);font-size:20px;font-weight:300;margin:0 0 50px;width:100%}.ring-size-finder .section .ring-size-finder__container-right .ring-size-finder__calculator .calculator__input{width:40%;padding:20px 50px 20px 0}.ring-size-finder .section .ring-size-finder__container-right .ring-size-finder__calculator .calculator__input label{color:var(--text);min-height:70px}@media screen and (min-width: 1280px){.ring-size-finder .section .ring-size-finder__container-right .ring-size-finder__calculator .calculator__input label{display:block}}.ring-size-finder .section .ring-size-finder__container-right .ring-size-finder__calculator .calculator__input input{background-color:transparent;outline:0;border:0;border-bottom:1px solid var(--primary);margin-top:30px;height:30px;padding:10px;width:100%}.ring-size-finder .section .ring-size-finder__container-right .ring-size-finder__calculator .calculator__input input::-webkit-outer-spin-button,.ring-size-finder .section .ring-size-finder__container-right .ring-size-finder__calculator .calculator__input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ring-size-finder .section .ring-size-finder__container-right .ring-size-finder__calculator .calculator__input input[type=number]{-moz-appearance:textfield}.ring-size-finder .section .ring-size-finder__container-right .ring-size-finder__calculator .calculator__output{padding:20px 0;flex:1}.ring-size-finder .section .ring-size-finder__container-right .ring-size-finder__calculator .calculator__output label{color:var(--text);font-size:20px;min-height:80px;display:block}.ring-size-finder .section .ring-size-finder__container-right .ring-size-finder__calculator .calculator__output .ring-size-finder__container-flex{justify-content:space-between;flex-direction:row}.ring-size-finder .section .ring-size-finder__container-right .ring-size-finder__calculator .calculator__output .ring-size-finder__container-flex .calculator__result{flex:1;margin:0 10px}.ring-size-finder .section .ring-size-finder__container-right .ring-size-finder__calculator .calculator__output .ring-size-finder__container-flex .calculator__result .calculator-result__container{border-bottom:1px solid var(--primary);height:50px;display:flex;align-items:flex-end;padding:5px}.ring-size-finder .section .ring-size-finder__container-right .ring-size-finder__calculator .calculator__output .ring-size-finder__container-flex .calculator__result span{color:var(--text);margin-top:20px;font-size:12px;display:block}.ring-size-finder .section .ring-size-finder__container-right .ring-size-finder__calculator .calculator__btn{margin-top:20px;text-transform:capitalize;cursor:pointer}.ring-size-finder .section .ring-size-finder__container-right .ring-size-finder__alternative{padding:50px 0}.ring-size-finder .section .ring-size-finder__container-right .ring-size-finder__alternative .ring-size-finder__alternative-description p{color:var(--text);font-size:16px;font-weight:400;line-height:1.6}.ring-size-finder .section .ring-size-finder__container-right .ring-size-finder__alternative .ring-size-finder__alternative-description p strong{color:var(--text-dark);font-weight:400}.ring-size-finder .section .ring-size-finder__container-right .ring-size-finder__alternative .dynamic-accordion{width:100%}.ring-size-finder .section .ring-size-finder__container-right .ring-size-finder__alternative .dynamic-accordion .dynamic-accordion__items .accordion-item--active .accordion-item__answer{max-height:initial}.ring-size-finder .section .ring-size-finder__container-right .ring-size-finder__alternative table{width:100%;border:none;border-spacing:0;margin:30px 0 0}.ring-size-finder .section .ring-size-finder__container-right .ring-size-finder__alternative table th{background-color:var(--bg-accent);color:var(--primary);border:none;text-align:center;padding:20px;font-weight:400}.ring-size-finder .section .ring-size-finder__container-right .ring-size-finder__alternative table tr td{border-top:1px solid var(--bg-accent);border-bottom:none;border-left:none;border-right:none;padding:20px;text-align:center}.ring-size-finder .section .ring-size-finder__container-right .ring-size-finder__alternative table tr td:last-of-type{border-bottom:0px}.ring-size-finder .section .ring-size-finder__contact{display:flex;justify-content:center;align-items:center;flex-direction:column;line-height:1.6}.ring-size-finder .section .ring-size-finder__contact p{text-align:center;font-size:16px}.ring-size-finder .section .ring-size-finder__contact .ring-size-finder__button-contact{text-transform:capitalize;width:-moz-fit-content;width:fit-content;margin-top:30px;cursor:pointer}@media screen and (max-width: 749px){.ring-size-finder .section .ring-size-finder__description{padding-right:0;margin:30px 0}.ring-size-finder .section .ring-size-finder__container-right .ring-size-finder__calculator{padding:30px}.ring-size-finder .section .ring-size-finder__container-right .ring-size-finder__calculator .ring-size-finder__container-flex .calculator__input{width:100%;padding:30px 0}.ring-size-finder .section .ring-size-finder__container-right .ring-size-finder__alternative table th{padding:10px;font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/119/assets/component-ring-size-finder.css.map */