.prescription{--info-sidebar-width: 360px;--gap: 40px;--right-padding: 50px;position:fixed;top:0;right:0;bottom:0;z-index:1000;display:flex;flex-direction:column;width:calc((100% - var(--page-width)) / 2 + var(--info-sidebar-width) + var(--right-padding) + var(--gap) / 2);height:100vh;padding:50px;overflow-x:hidden;overflow-y:auto;font-size:1.4rem;color:#121212bf;background-color:#fff;box-shadow:0 0 4px #12121240;opacity:0;transition:transform ease-in-out .3s,opacity ease-in-out .3s;transform:translate(100%)}.prescription.open{opacity:1;transform:translate(0)}.prescription .select{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.prescription .select__disabled{opacity:.3}.prescription .select__select{width:100px;height:30px}.prescription .select__select:disabled{cursor:not-allowed}.prescription .field{max-width:270px}.prescription .field-wrapper{margin:18px 0}.prescription .field__input{padding:12px 16px}.prescription__close{all:unset;position:absolute;top:20px;right:20px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;cursor:pointer;border-radius:4px}.prescription__close svg{width:24px;height:24px}.prescription__close:hover,.prescription__close:focus-visible{background-color:#1212120d}.prescription__close:focus-visible{outline:.3rem solid rgb(0,0,0)}.prescription__close:disabled{visibility:hidden}@media screen and (max-width: 749px){.prescription__close{top:10px;right:10px}}.prescription__title{padding-bottom:16px;font-size:3.2rem;font-weight:700}@media screen and (max-width: 749px){.prescription__title{font-size:2.5rem}}.prescription__table{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:center;margin-bottom:20px}.prescription__table .select{margin:0 auto}.prescription__table span{font-size:1.2rem}.prescription__table .sphere,.prescription__table .cylinder,.prescription__table .axis{text-align:center}.prescription__table-wrapper{margin-top:40px}@media screen and (max-width: 749px){.prescription__table{grid-template-columns:repeat(3,1fr);gap:15px}.prescription__table .right-eye{grid-row:1/2;grid-column:2/3;text-align:center}.prescription__table .left-eye{grid-row:1/2;grid-column:3/4;text-align:center}.prescription__table .sphere,.prescription__table .cylinder,.prescription__table .axis{text-align:left}.prescription__table .sphere{grid-row:2/3;grid-column:1/2}.prescription__table .cylinder{grid-row:3/4;grid-column:1/2}.prescription__table .axis{grid-row:4/5;grid-column:1/2}.prescription__table .right-sphere-select{grid-row:2/3;grid-column:2/3}.prescription__table .right-cylinder-select{grid-row:3/4;grid-column:2/3}.prescription__table .right-axis-select{grid-row:4/5;grid-column:2/3}.prescription__table .left-sphere-select{grid-row:2/3;grid-column:3/4}.prescription__table .left-cylinder-select{grid-row:3/4;grid-column:3/4}.prescription__table .left-axis-select{grid-row:4/5;grid-column:3/4}}.prescription__hr{display:block;height:1px;margin:30px 0;background-color:#12121233}.prescription__hr span{display:block;height:1px}.prescription__hr.margin-top{margin-top:20px;margin-bottom:20px}.prescription__button{display:flex;justify-content:flex-end}@media screen and (max-width: 500px){.prescription__button .button{width:100%}}.prescription__price{font-size:1.8rem;font-weight:700}.prescription__pd-title{display:flex}.prescription__pd-title span{margin-right:20px;font-weight:600;white-space:nowrap}.prescription__pd-title .popup__opener{margin-top:0}.prescription__pd{margin-top:20px}.prescription__date-title{font-weight:600}.prescription__date-title span{font-size:18px}.prescription__checkbox{position:relative;display:block;margin-top:10px;cursor:pointer}.prescription__checkbox input{display:none}.prescription__checkbox>span{position:absolute;display:inline-block;width:15px;height:15px;line-height:1.2;background-color:#fff;border:1px solid #808080;border-radius:2px}.prescription__checkbox>span path{fill:transparent}.prescription__checkbox>div{display:flex;padding-left:30px;line-height:1.2}.prescription__checkbox .tooltip__trigger{padding-top:0;padding-bottom:0}.prescription__checkbox .tooltip__trigger svg{width:16px;height:16px}.prescription__checkbox [type=checkbox]:checked+span{background-color:#000}.prescription__checkbox [type=checkbox]:checked+span path{fill:#fff}.prescription__checkbox-wrapper{margin-bottom:20px}.prescription__error{padding-top:10px;margin:0;font-size:12px;color:#c83430}.prescription__warning{position:relative;padding:16px 28px 16px 46px;margin-top:12px;font-size:12px;background-color:#f4f4f4;border-radius:15px}.prescription__warning svg{position:absolute;left:16px;width:14px}.prescription__exit-modal{display:flex;flex-direction:column;gap:16px}.prescription__exit-modal h3,.prescription__exit-modal p{margin:0}.prescription__exit-buttons{display:flex;flex-direction:column;gap:20px;align-items:center}.prescription__exit-buttons button{width:260px;border:1px solid #000000}.prescription__disclaimer{position:relative;padding-top:12px;line-height:16px;color:#c83430}.prescription__later-buttons{display:flex;gap:20px;align-items:center}.prescription__later-buttons button{width:200px;min-width:auto;min-height:40px;padding:0 20px;font-size:1.4rem;border:1px solid #000000}@media screen and (max-width: 749px){.prescription__later-buttons button{width:100%}}@media screen and (max-width: 749px){.prescription__later-buttons{flex-direction:column}}.prescription .loading-overlay,.prescription__later-buttons .loading-overlay{top:50%;left:50%;height:18px;transform:translate(-50%,-50%)}.prescription .loading-overlay circle,.prescription__later-buttons .loading-overlay circle{stroke:#fff}@media screen and (max-width: 1400px){.prescription{width:-moz-fit-content;width:fit-content}}@media screen and (max-width: 749px){.prescription{width:100%;padding:60px 50px}}@media screen and (max-width: 500px){.prescription{padding:50px 20px}}
