.lens-selection-modal{--lens-primary-color:var(--main-button-background-color, var(--theme_color, #333));--lens-error-color:#f56c6c;position:fixed;inset:0;z-index:999;display:none;color:var(--text-color,#333);font-family:inherit!important}.lens-selection-modal.is-open{display:flex}.lens-selection-modal button,.lens-selection-modal input,.lens-selection-modal select,.lens-selection-modal textarea{font-family:inherit!important}.lens-selection-modal .lens-modal-icon{display:block;flex:0 0 auto;width:1em;height:1em;color:currentColor}.lens-selection-modal .lens-modal-icon path{fill:currentColor}.lens-selection-modal .lens-selection-modal__mask{position:absolute;inset:0;background:rgba(17,24,39,.54);backdrop-filter:blur(4px)}.lens-selection-modal__dialog{position:relative;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;box-sizing:border-box;background:#fff}.lens-selection-modal__dialog .lens-selection-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px;color:#72767b}.lens-selection-modal__dialog .lens-selection-modal__header .lens-icon-button{border:0;background:0 0;color:#666;font-size:26px;cursor:pointer}.lens-selection-modal__dialog .lens-selection-modal__header .lens-icon-button svg{width:1em;height:1em}.lens-selection-modal__dialog .lens-selection-modal__header .lens-step-progress{display:flex;width:420px;max-width:60vw}.lens-selection-modal__dialog .lens-selection-modal__header .lens-step-progress .lens-step-progress__item{position:relative;flex:1 1 0;color:#c0c4cc}.lens-selection-modal__dialog .lens-selection-modal__header .lens-step-progress .lens-step-progress__item::before{content:'';position:absolute;left:16px;right:0;top:7.5px;height:1px;background-color:#c0c4cc;transition:.15s ease-out}.lens-selection-modal__dialog .lens-selection-modal__header .lens-step-progress .lens-step-progress__item:last-of-type{flex:0 0 auto;width:16px}.lens-selection-modal__dialog .lens-selection-modal__header .lens-step-progress .lens-step-progress__item:last-of-type::before{content:none}.lens-selection-modal__dialog .lens-selection-modal__header .lens-step-progress .lens-step-progress__item.is-process,.lens-selection-modal__dialog .lens-selection-modal__header .lens-step-progress .lens-step-progress__item.is-success{color:var(--lens-primary-color)}.lens-selection-modal__dialog .lens-selection-modal__header .lens-step-progress .lens-step-progress__item.is-process .lens-step-progress__icon,.lens-selection-modal__dialog .lens-selection-modal__header .lens-step-progress .lens-step-progress__item.is-success .lens-step-progress__icon{border-color:var(--lens-primary-color)}.lens-selection-modal__dialog .lens-selection-modal__header .lens-step-progress .lens-step-progress__item.is-success::before{background-color:var(--lens-primary-color)}.lens-selection-modal__dialog .lens-selection-modal__header .lens-step-progress .lens-step-progress__icon{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:16px;height:16px;background:#fff;transition:.15s ease-out;border:1px solid #c0c4cc;border-radius:50%}.lens-selection-modal__dialog .lens-selection-modal__header .lens-step-progress .lens-step-progress__icon::before{content:'';width:10px;height:10px;border-radius:50%;background-color:#c0c4cc;transition:.15s ease-out}.lens-selection-modal__dialog .lens-selection-modal__header .lens-step-progress .lens-step-progress__item.is-process .lens-step-progress__icon::before{background-color:var(--lens-primary-color)}.lens-selection-modal__dialog .lens-selection-modal__header .lens-step-progress .lens-step-progress__item.is-success .lens-step-progress__icon::before{content:none}.lens-selection-modal__dialog .lens-selection-modal__header .lens-step-progress .lens-step-progress__icon svg{display:block;width:1em;height:1em}.lens-selection-modal__dialog .lens-selection-modal__footer{display:grid;grid-template-areas:"media summary action";grid-template-columns:auto minmax(0,auto) auto;grid-template-rows:minmax(0,1fr);align-items:center;justify-content:center;gap:20px;flex-shrink:0;height:8vw;padding:20px;box-sizing:border-box;box-shadow:0 -2px 4px rgba(0,0,0,.04);font-size:26px}.lens-selection-modal__dialog .lens-selection-modal__footer img{grid-area:media;display:block;width:auto;height:100%;min-height:0;max-height:100%;align-self:stretch;object-fit:contain}.lens-selection-modal__dialog .lens-selection-modal__footer .lens-selection-modal__summary{grid-area:summary;display:flex;align-items:center;gap:20px;overflow:hidden;min-width:0}.lens-selection-modal__dialog .lens-selection-modal__footer .title{min-width:0;max-width:28vw;overflow:hidden;color:#333;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.lens-selection-modal__dialog .lens-selection-modal__footer .total-price{min-width:0;overflow:hidden;color:#333;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.lens-selection-modal__dialog .lens-selection-modal__footer .total-price b{font-weight:700}.lens-selection-modal__dialog .lens-selection-modal__footer .J-BuyCart,.lens-selection-modal__dialog .lens-selection-modal__footer .J-LensModalConfirm{grid-area:action}.lens-selection-modal__dialog .lens-selection-modal__footer .J-BuyCart{border-color:var(--lens-primary-color);background:var(--lens-primary-color);color:var(--main-button-text-color,#fff)}.lens-selection-modal__dialog .lens-selection-modal__footer .J-BuyCart:focus,.lens-selection-modal__dialog .lens-selection-modal__footer .J-BuyCart:hover{border-color:var(--lens-primary-color);background:var(--lens-primary-color);color:var(--main-button-text-color,#fff)}.lens-selection-modal__dialog .lens-selection-modal__footer .J-LensModalConfirm:disabled{border-color:#c0c4cc;background:#c0c4cc;color:#fff;cursor:not-allowed;opacity:.72}.lens-selection-modal.is-frame-only .lens-step-progress{display:none}.lens-selection-modal__body{display:block;flex:1;min-height:0;overflow:auto;scrollbar-width:thin}@media screen and (max-width:768px){.lens-selection-modal__dialog{padding:0;margin-top:4px}.lens-selection-modal__dialog .lens-selection-modal__header{padding:12px;margin:0}.lens-selection-modal__dialog .lens-selection-modal__header .lens-icon-button{padding:4px;font-size:20px}.lens-selection-modal__dialog .lens-selection-modal__header .lens-step-progress{width:180px;max-width:52vw}.lens-selection-modal__dialog .lens-selection-modal__footer{position:fixed;left:0;right:0;bottom:0;z-index:10;grid-template-areas:"media summary action" "media summary action";grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;justify-content:stretch;gap:0 8px;height:auto;min-height:60px;padding:8px 16px;background:#fff;font-size:14px}.lens-selection-modal__dialog .lens-selection-modal__footer img{height:60px;align-self:center;border-radius:6px;aspect-ratio:1}.lens-selection-modal__dialog .lens-selection-modal__footer .title{max-width:none;line-height:2}.lens-selection-modal__dialog .lens-selection-modal__footer .lens-selection-modal__summary{align-self:center;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;width:100%}.lens-selection-modal__dialog .lens-selection-modal__footer .title,.lens-selection-modal__dialog .lens-selection-modal__footer .total-price{width:100%}.lens-selection-modal__dialog .lens-selection-modal__footer .total-price{font-size:14px;line-height:1.25}.lens-selection-modal__dialog .lens-selection-modal__footer .J-BuyCart,.lens-selection-modal__dialog .lens-selection-modal__footer .J-LensModalConfirm{align-self:center;min-width:90px;height:40px;padding:0 16px;font-size:13px;line-height:40px;white-space:nowrap}.lens-selection-modal__dialog .lens-selection-modal__body{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c0c4cc #f5f7fa;padding-bottom:96px}.lens-selection-modal__dialog .lens-selection-modal__body::-webkit-scrollbar{width:4px;background:#f5f7fa}.lens-selection-modal__dialog .lens-selection-modal__body::-webkit-scrollbar-track{background:#f5f7fa}.lens-selection-modal__dialog .lens-selection-modal__body::-webkit-scrollbar-thumb{border-radius:4px;background:#c0c4cc}.lens-selection-modal__dialog .lens-selection-modal__body .lens-step-panel .lens-step-title{position:sticky;top:0;display:flex;justify-content:space-between;z-index:5;font-size:18px;line-height:24px;margin-bottom:12px;padding:10px 16px;background:#fff}}.glasses-product-props__diagram{position:relative;width:100%;max-width:520px;margin:0 auto 20px;color:#303133;font-size:16px;font-weight:600;line-height:1}.glasses-product-props__diagram-image{display:block;width:100%;height:auto}.glasses-product-props__measurement{position:absolute;z-index:1;box-sizing:border-box;min-width:34px;padding:4px 7px;border-radius:3px;background-color:rgba(255,255,255,.98);text-align:center;white-space:nowrap;transform:translate(-50%,-50%)}.glasses-product-props__measurement.is-empty{color:transparent;pointer-events:none;background-color:#fff}.glasses-product-props__measurement--frame-width{top:3%;left:50.3%}.glasses-product-props__measurement--frame-width.is-empty{top:8%;width:100%;height:12%}.glasses-product-props__measurement--lens-width{top:98%;left:27.5%}.glasses-product-props__measurement--lens-width.is-empty{top:94%;width:30%;height:13%}.glasses-product-props__measurement--bridge-width{top:98%;left:50.7%}.glasses-product-props__measurement--bridge-width.is-empty{top:94%;width:14%;height:13%}.glasses-product-props__measurement--lens-height{top:52.5%;left:73.3%}.glasses-product-props__measurement--lens-height.is-empty{width:8%;height:52%}.glasses-product-props__title{margin-bottom:10px;font-size:18px;font-weight:700;text-align:center}.glasses-product-props__table{width:100%;border:1px solid #e8e8e8;border-collapse:collapse;table-layout:fixed;background:#fff}.glasses-product-props__cell{width:50%;height:52px;padding:12px 18px;box-sizing:border-box;border:1px solid #e8e8e8;color:#4a4a4a;text-align:left;vertical-align:middle}.glasses-product-props__icon{display:inline-block;width:46px;max-height:24px;margin-right:16px;object-fit:contain;vertical-align:middle}.glasses-product-props__text{display:inline-flex;align-items:baseline;gap:4px;max-width:100%;vertical-align:middle}.glasses-product-props__label{flex:0 0 auto;font-weight:500}.glasses-product-props__value{min-width:0;overflow-wrap:anywhere}@media screen and (max-width:768px){.glasses-product-props{margin-bottom:18px;font-size:12px}.glasses-product-props__title{margin-bottom:8px;font-size:16px}.glasses-product-props__diagram{width:calc(100% - 24px);max-width:360px;margin-bottom:16px;font-size:12px}.glasses-product-props__measurement{min-width:28px;padding:3px 5px}.glasses-product-props__cell{height:auto;padding:10px 12px}.glasses-product-props__icon{width:32px;margin-right:6px}.glasses-product-props__text{gap:2px}}.lens-step-panel{display:none}.lens-step-panel .lens-step-title{color:#333;font-size:1.34vw;font-weight:700;margin-bottom:1.5625vw;text-align:center}.lens-step-panel .lens-list{display:flex;gap:.520833vw;justify-content:center;flex-wrap:wrap;min-width:0}.lens-step-panel.is-active{display:block}.lens-step-panel .help-icon{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:0 0;color:#666;cursor:pointer;font-size:20px;line-height:1;vertical-align:middle}.lens-step-panel .help-icon svg{width:1em;height:1em}.lens-step-panel--prescription{width:700px;margin:0 auto}.lens-step-panel--prescription .prescription-reset{display:inline-flex;align-items:center;gap:4px;float:right;min-height:24px;padding:0;border:0;background:0 0;font-size:14px;font-weight:600;cursor:pointer}.lens-step-panel--prescription .prescription-required{margin-left:2px;color:var(--lens-error-color)}.lens-step-panel--prescription .prescription-form{padding:12px 0;max-width:100%;margin:0 auto}.lens-step-panel--prescription .prescription-form .prescription-error{display:none;color:var(--lens-error-color);font-size:12px;line-height:20px;text-align:left;white-space:nowrap}.lens-step-panel--prescription .prescription-form .prescription-error.is-visible{display:block}.lens-step-panel--prescription .prescription-form.is-upload .prescription-upload--standalone .prescription-upload__trigger{justify-content:center;text-align:center}.lens-step-panel--prescription .prescription-form.is-upload .prescription-pd-table{border-bottom:1px solid #dcdfe6}.lens-step-panel--prescription .prescription-method-view{display:flex;flex-direction:column;gap:30px;margin:0 auto}.lens-step-panel--prescription .prescription-method-card{display:flex;align-items:center;width:100%;margin:0;padding:18px 20px;box-sizing:border-box;appearance:none;border:1px solid #dcdfe6;border-radius:6px;background:#fff;color:#303133;font:inherit;text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,color .2s ease}.lens-step-panel--prescription .prescription-method-card:focus,.lens-step-panel--prescription .prescription-method-card:focus-visible,.lens-step-panel--prescription .prescription-method-card:hover{border-color:var(--lens-primary-color);outline:0;box-shadow:0 0 0 1px var(--lens-primary-color)}.lens-step-panel--prescription .prescription-method-card__icon{display:block;width:40px;height:40px;flex:0 0 auto;margin-right:16px;color:#c0c4cc}.lens-step-panel--prescription .prescription-method-card__icon path{fill:#c0c4cc}.lens-step-panel--prescription .prescription-method-card__title{display:block;min-width:0;font-size:14px}.lens-step-panel--prescription .prescription-method-card__title>span{display:block}.lens-step-panel--prescription .prescription-method-card__title>:first-child{font-size:16px;font-weight:600;line-height:2}.lens-step-panel--prescription .prescription-method-card__title>:last-child{color:#909399}.lens-step-panel--prescription .prescription-pd-section{margin-top:20px}.lens-step-panel--prescription .prescription-pd-title{margin-bottom:10px;color:#303133;font-size:16px;font-weight:700;line-height:1.4}.lens-step-panel--prescription .prescription{table-layout:fixed;width:auto;margin:0 auto;border-collapse:collapse}.lens-step-panel--prescription .prescription col{width:140px}.lens-step-panel--prescription .prescription th{font-weight:600}.lens-step-panel--prescription .prescription td,.lens-step-panel--prescription .prescription th{width:140px;box-sizing:border-box;text-align:center;padding:14px 0}.lens-step-panel--prescription .prescription tr>td:first-child{text-align:left}.lens-step-panel--prescription .prescription td:has(.prescription-error){position:relative}.lens-step-panel--prescription .prescription .prescription-eye-label--mobile,.lens-step-panel--prescription .prescription .prescription-label--mobile{display:none}.lens-step-panel--prescription .prescription input,.lens-step-panel--prescription .prescription select{width:112px;height:36px;padding:0 10px;box-sizing:border-box;border:1px solid #dcdfe6;border-radius:4px;background:#fff;color:#303133;cursor:pointer;font-size:14px;line-height:36px;vertical-align:middle;text-align:center}.lens-step-panel--prescription .prescription input::placeholder,.lens-step-panel--prescription .prescription select::placeholder{color:var(--el-text-color-placeholder,#a8abb2);font-size:12px}.lens-step-panel--prescription .prescription select{width:108px;padding-right:30px;border:0;border-radius:var(--el-border-radius-base,4px);background-color:var(--el-fill-color-blank,#fff);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23a8abb2' d='M512 640 256 384h512L512 640z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:16px 16px;color:var(--el-text-color-regular,#606266);font-size:var(--el-font-size-base,14px);line-height:36px;text-align:left;box-shadow:0 0 0 1px var(--el-border-color,#dcdfe6) inset;transition:var(--el-transition-box-shadow,box-shadow .2s ease);appearance:none;-moz-appearance:none;-webkit-appearance:none}.lens-step-panel--prescription .prescription select::-ms-expand{display:none}.lens-step-panel--prescription .prescription select:hover{box-shadow:0 0 0 1px var(--el-border-color-hover,#c0c4cc) inset}.lens-step-panel--prescription .prescription select:focus{outline:0;box-shadow:0 0 0 1px var(--lens-primary-color) inset}.lens-step-panel--prescription .prescription select:required:invalid{color:var(--el-text-color-placeholder,#a8abb2)}.lens-step-panel--prescription .prescription select option{color:var(--el-text-color-regular,#606266)}.lens-step-panel--prescription .prescription input:disabled{background:#f5f7fa;color:#c0c4cc;cursor:not-allowed}.lens-step-panel--prescription .prescription select:disabled{background-color:var(--el-disabled-bg-color,#f5f7fa);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23c0c4cc' d='M512 640 256 384h512L512 640z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:16px 16px;color:var(--el-disabled-text-color,#c0c4cc);box-shadow:0 0 0 1px var(--el-disabled-border-color,#e4e7ed) inset;cursor:not-allowed}.lens-step-panel--prescription .prescription .lens-native-select{display:none}.lens-step-panel--prescription .prescription .lens-custom-select{position:relative;display:inline-block;width:108px;text-align:left;vertical-align:middle}.lens-step-panel--prescription .prescription .lens-custom-select.is-open{z-index:30}.lens-step-panel--prescription .prescription .lens-custom-select.is-open .lens-custom-select__trigger{box-shadow:0 0 0 1px var(--lens-primary-color) inset}.lens-step-panel--prescription .prescription .lens-custom-select.is-open .lens-custom-select__arrow{transform:rotate(180deg)}.lens-step-panel--prescription .prescription .lens-custom-select.is-open .lens-custom-select__dropdown{display:block}.lens-step-panel--prescription .prescription .lens-custom-select.is-placeholder .lens-custom-select__value{color:var(--el-text-color-placeholder,#a8abb2)}.lens-step-panel--prescription .prescription .lens-custom-select.is-disabled .lens-custom-select__trigger{background:var(--el-disabled-bg-color,#f5f7fa);box-shadow:0 0 0 1px var(--el-disabled-border-color,#e4e7ed) inset;color:var(--el-disabled-text-color,#c0c4cc);cursor:not-allowed}.lens-step-panel--prescription .prescription .lens-custom-select.is-disabled .lens-custom-select__arrow{color:var(--el-disabled-text-color,#c0c4cc)}.lens-step-panel--prescription .prescription .lens-custom-select.is-error .lens-custom-select__trigger{box-shadow:0 0 0 1px var(--lens-error-color) inset}.lens-step-panel--prescription .prescription .lens-custom-select__trigger{display:inline-flex;align-items:center;justify-content:space-between;width:108px;height:36px;padding:0 8px 0 10px;box-sizing:border-box;border:0;border-radius:var(--el-border-radius-base,4px);background:var(--el-fill-color-blank,#fff);color:var(--el-text-color-regular,#606266);font-size:var(--el-font-size-base,14px);line-height:36px;box-shadow:0 0 0 1px var(--el-border-color,#dcdfe6) inset;cursor:pointer;transition:var(--el-transition-box-shadow,box-shadow .2s ease)}.lens-step-panel--prescription .prescription .lens-custom-select__trigger:hover{box-shadow:0 0 0 1px var(--el-border-color-hover,#c0c4cc) inset}.lens-step-panel--prescription .prescription .lens-custom-select__value{min-width:0;overflow:hidden;white-space:nowrap}.lens-step-panel--prescription .prescription .lens-custom-select__arrow{flex:0 0 auto;width:16px;height:16px;color:var(--el-text-color-placeholder,#a8abb2);transition:transform .2s ease}.lens-step-panel--prescription .prescription .lens-custom-select__dropdown{position:absolute;top:calc(106%);left:0;display:none;min-width:108px;padding:6px 0;box-sizing:border-box;border:1px solid var(--el-border-color-light,#e4e7ed);border-radius:var(--el-border-radius-base,4px);background:var(--el-bg-color-overlay,#fff);box-shadow:var(--el-box-shadow-light,0 0 12px rgba(0,0,0,.12))}.lens-step-panel--prescription .prescription .lens-custom-select__option{display:block;width:100%;height:34px;padding:0 12px;border:0;background:0 0;color:var(--el-text-color-regular,#606266);font-size:var(--el-font-size-base,14px);line-height:34px;text-align:left;cursor:pointer}.lens-step-panel--prescription .prescription .lens-custom-select__option:hover{background:var(--el-fill-color-light,#f5f7fa)}.lens-step-panel--prescription .prescription .lens-custom-select__option.is-selected{color:var(--lens-primary-color);font-weight:700}.lens-step-panel--prescription .prescription .lens-custom-select__option.is-disabled{color:var(--el-text-color-placeholder,#a8abb2);cursor:not-allowed}.lens-step-panel--prescription .prescription input:focus{outline:0;border-color:var(--lens-primary-color)}.lens-step-panel--prescription .prescription input.is-error,.lens-step-panel--prescription .prescription select.is-error{border-color:var(--lens-error-color)}.lens-step-panel--prescription .prescription-main-table{display:grid;grid-template-columns:repeat(5,140px);grid-template-areas:"eye-head sph-head cyl-head axis-head add-head" "od-label od-sph od-cyl od-axis od-add" "os-label os-sph os-cyl os-axis os-add";justify-content:center;align-items:center}.lens-step-panel--prescription .prescription-main-table .J-AddColumn.is-hidden{display:none}.lens-step-panel--prescription .prescription-main-table .prescription-eye-cell,.lens-step-panel--prescription .prescription-main-table .prescription-field-cell,.lens-step-panel--prescription .prescription-main-table .prescription-heading{box-sizing:border-box;width:140px;padding:14px 0;text-align:center}.lens-step-panel--prescription .prescription-main-table .prescription-heading{font-weight:600}.lens-step-panel--prescription .prescription-main-table .prescription-eye-heading{grid-area:eye-head}.lens-step-panel--prescription .prescription-main-table .prescription-heading--sph{grid-area:sph-head}.lens-step-panel--prescription .prescription-main-table .prescription-heading--cyl{grid-area:cyl-head}.lens-step-panel--prescription .prescription-main-table .prescription-heading--axis{grid-area:axis-head}.lens-step-panel--prescription .prescription-main-table .prescription-heading--add{grid-area:add-head}.lens-step-panel--prescription .prescription-main-table .prescription-eye-cell{text-align:left}.lens-step-panel--prescription .prescription-main-table .prescription-eye-cell--od{grid-area:od-label}.lens-step-panel--prescription .prescription-main-table .prescription-eye-cell--os{grid-area:os-label}.lens-step-panel--prescription .prescription-main-table .prescription-field-cell{position:relative}.lens-step-panel--prescription .prescription-main-table .prescription-field-cell>.prescription-error{position:absolute;left:14px;z-index:2;width:max-content;max-width:220px}.lens-step-panel--prescription .prescription-main-table .prescription-field-cell--od-sph{grid-area:od-sph}.lens-step-panel--prescription .prescription-main-table .prescription-field-cell--od-cyl{grid-area:od-cyl}.lens-step-panel--prescription .prescription-main-table .prescription-field-cell--od-axis{grid-area:od-axis}.lens-step-panel--prescription .prescription-main-table .prescription-field-cell--od-add{grid-area:od-add}.lens-step-panel--prescription .prescription-main-table .prescription-field-cell--os-sph{grid-area:os-sph}.lens-step-panel--prescription .prescription-main-table .prescription-field-cell--os-cyl{grid-area:os-cyl}.lens-step-panel--prescription .prescription-main-table .prescription-field-cell--os-axis{grid-area:os-axis}.lens-step-panel--prescription .prescription-main-table .prescription-field-cell--os-add{grid-area:os-add}.lens-step-panel--prescription .prescription-pd-table{margin:14px 0;padding:26px 0;border-top:1px solid #dcdfe6;border-bottom:1px solid #dcdfe6}.lens-step-panel--prescription .prescription-pd-table .J-PdRightColumn.is-hidden{display:none}.lens-step-panel--prescription .prescription-pd-table .J-PdRightColumn,.lens-step-panel--prescription .prescription-pd-table .J-TwoPdToggleCell{white-space:nowrap}.lens-step-panel--prescription .prescription-pd-table .J-TwoPdToggleCell{padding-left:14px;text-align:left}.lens-step-panel--prescription .prescription-pd-table .prescription-check{margin-top:0;white-space:nowrap}.lens-step-panel--prescription .prescription-pd-table .prescription-pd{display:grid;grid-template-columns:repeat(5,140px);justify-content:center;align-items:start;width:auto;margin:0 auto}.lens-step-panel--prescription .prescription-pd-table .prescription-pd__label,.lens-step-panel--prescription .prescription-pd-table .prescription-pd__left,.lens-step-panel--prescription .prescription-pd-table .prescription-pd__right,.lens-step-panel--prescription .prescription-pd-table .prescription-pd__toggle{box-sizing:border-box;width:140px;padding:0;text-align:center}.lens-step-panel--prescription .prescription-pd-table .prescription-pd__label{grid-column:1;line-height:36px;text-align:left}.lens-step-panel--prescription .prescription-pd-table .prescription-pd__left{grid-column:2/3}.lens-step-panel--prescription .prescription-pd-table .prescription-pd__right{grid-column:3/4}.lens-step-panel--prescription .prescription-pd-table .prescription-pd__toggle{grid-column:3/5;width:280px;padding-left:14px;line-height:36px;text-align:left}.lens-step-panel--prescription .prescription-pd-table .J-TwoPdToggleLabel{min-height:36px}.lens-step-panel--prescription .prescription-pd-table.is-two-pd .prescription-pd__toggle{grid-column:4/6}.lens-step-panel--prescription .prescription-pd-table .prescription-pd__left,.lens-step-panel--prescription .prescription-pd-table .prescription-pd__right{position:relative}.lens-step-panel--prescription .prescription-pd-table .prescription-pd__left .prescription-error,.lens-step-panel--prescription .prescription-pd-table .prescription-pd__right .prescription-error{position:absolute;left:14px;top:40px;width:112px}.lens-step-panel--prescription .prescription-pd-table input[type=text]{width:112px;height:36px;box-sizing:border-box;border:1px solid #dcdfe6;border-radius:4px;text-align:center;cursor:pointer}.lens-step-panel--prescription .prescription-pd-table input[type=text].is-error{border-color:var(--lens-error-color)}.lens-step-panel--prescription .prescription-check{position:relative;display:inline-flex;align-items:center;gap:6px;color:#303133;cursor:pointer}.lens-step-panel--prescription .prescription-check input[type=checkbox]{position:absolute;width:1px;height:1px;margin:0;opacity:0}.lens-step-panel--prescription .prescription-check input[type=checkbox]:checked+.prescription-check__box{border-color:var(--lens-primary-color);background-color:var(--lens-primary-color)}.lens-step-panel--prescription .prescription-check input[type=checkbox]:checked+.prescription-check__box::after{opacity:1}.lens-step-panel--prescription .prescription-check input[type=checkbox]:focus-visible+.prescription-check__box{box-shadow:0 0 0 2px rgba(0,0,0,.12)}.lens-step-panel--prescription .prescription-check .prescription-check__box{position:relative;flex:0 0 auto;width:16px;height:16px;box-sizing:border-box;border:1px solid #dcdfe6;border-radius:2px;background-color:#fff}.lens-step-panel--prescription .prescription-check .prescription-check__box::after{content:'';position:absolute;top:1px;left:5px;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;opacity:0;transform:rotate(45deg)}.lens-step-panel--prescription .prescription-check .prescription-check__text{line-height:16px}.lens-step-panel--prescription .prescription-prism-toggle{margin-top:0}.lens-step-panel--prescription .prescription-prism-toggle em{color:#f56c6c;font-style:normal}.lens-step-panel--prescription .prescription-upload{margin-top:18px}.lens-step-panel--prescription .prescription-upload .prescription-error{position:static;width:auto;margin-top:6px}.lens-step-panel--prescription .prescription-upload--standalone{margin-top:0}.lens-step-panel--prescription .prescription-upload--standalone .prescription-upload__trigger{justify-content:center;width:100%;padding:22px 18px;box-sizing:border-box;border:1px dashed #c0c4cc;border-radius:6px}.lens-step-panel--prescription .prescription-upload--standalone .prescription-upload__preview{margin:14px auto 0}.lens-step-panel--prescription .prescription-upload--manual{margin-top:20px}.lens-step-panel--prescription .prescription-upload__trigger{display:inline-flex;align-items:center;gap:8px;min-height:30px;text-decoration:underline;cursor:pointer}.lens-step-panel--prescription .prescription-upload__trigger .prescription-upload__icon{display:block;flex:0 0 auto;width:18px;height:18px;color:currentColor}.lens-step-panel--prescription .prescription-upload__trigger .prescription-upload__icon path{fill:currentColor}.lens-step-panel--prescription .prescription-upload__trigger input{display:none}.lens-step-panel--prescription .prescription-upload__success{text-align:center}.lens-step-panel--prescription .prescription-upload__preview{position:relative;display:block;margin-top:12px;width:120px;height:120px;border:1px solid #dcdfe6;border-radius:4px;overflow:hidden;background:#f5f7fa}.lens-step-panel--prescription .prescription-upload__preview img{display:block;width:100%;height:100%;object-fit:cover}.lens-step-panel--prescription .prescription-upload__remove{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.68);color:#fff;font-size:12px;line-height:1;cursor:pointer}.lens-step-panel--prescription .prism-form{margin-top:12px}.lens-step-panel--prescription .prism-form>.prescription-error{position:static;width:auto;margin-top:6px}.lens-step-panel--prescription .prism-field-cell{position:relative}.lens-step-panel--prescription .prism-field-cell>.prescription-error{position:absolute;left:14px;width:112px}.lens-step-panel--prescription .prism-horizontal-eye-cell,.lens-step-panel--prescription .prism-mobile-heading-row{display:none}.lens-step-panel--prescription .axis-stepper{display:inline-flex;align-items:center;justify-content:center}.lens-step-panel--prescription .axis-stepper button{width:28px;height:36px;border:1px solid #dcdfe6;background:#fff;color:#303133;cursor:pointer}.lens-step-panel--prescription .axis-stepper button:first-child{border-radius:4px 0 0 4px}.lens-step-panel--prescription .axis-stepper button:last-child{border-radius:0 4px 4px 0}.lens-step-panel--prescription .axis-stepper button:disabled{background:#f5f7fa;color:#c0c4cc;cursor:not-allowed}.lens-step-panel--prescription .axis-stepper .J-AxisInput{width:58px;border-right:0;border-left:0;border-radius:0}@media screen and (max-width:768px){.lens-step-panel--prescription{width:100%}.lens-step-panel--prescription .lens-step-title{text-align:left}.lens-step-panel--prescription .lens-list.prescription-method-view{gap:20px}.lens-step-panel--prescription .prescription-form{width:auto;padding:16px}.lens-step-panel--prescription .prescription-form .J-PrescriptionInput{padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23a8abb2' d='M512 640 256 384h512L512 640z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px 14px;text-align:left}.lens-step-panel--prescription .prescription-form .prescription-error{display:none;position:static;left:auto;width:100%;margin-top:4px;line-height:1.3;text-align:left}.lens-step-panel--prescription .prescription-reset{margin-left:auto;font-size:13px}.lens-step-panel--prescription .prescription-method-card__title{font-size:12px}.lens-step-panel--prescription .prescription-method-card__title>:first-child{font-size:14px}.lens-step-panel--prescription .prescription-upload-view{width:100%}.lens-step-panel--prescription .prescription-upload__success{text-align:left}.lens-step-panel--prescription .prescription-upload--standalone .prescription-upload__preview{margin:14px auto 0 0}.lens-step-panel--prescription .prescription-form.is-upload .prescription-upload--standalone .prescription-upload__trigger{justify-content:flex-start;padding:18px 10px;text-align:left}.lens-step-panel--prescription .prescription-pd-section{margin-top:16px}.lens-step-panel--prescription .prescription-pd-title{margin-bottom:8px;font-size:14px}.lens-step-panel--prescription .prescription-main-table{display:grid;grid-template-columns:58px repeat(3,minmax(0,1fr));grid-template-areas:"eye-head sph-head cyl-head axis-head" "od-label od-sph od-cyl od-axis" "os-label os-sph os-cyl os-axis";gap:8px;width:100%;justify-content:stretch;align-items:start}.lens-step-panel--prescription .prescription-main-table.is-add-required{grid-template-areas:"eye-head sph-head cyl-head axis-head" "od-label od-sph od-cyl od-axis" "os-label os-sph os-cyl os-axis" "add-head os-add od-add ."}.lens-step-panel--prescription .prescription-main-table .prescription-eye-cell,.lens-step-panel--prescription .prescription-main-table .prescription-field-cell,.lens-step-panel--prescription .prescription-main-table .prescription-heading{width:auto;min-width:0;padding:0;text-align:center}.lens-step-panel--prescription .prescription-main-table .prescription-heading{font-size:12px;line-height:1.3}.lens-step-panel--prescription .prescription-main-table .prescription-eye-heading{display:block}.lens-step-panel--prescription .prescription-main-table .prescription-heading--add{display:none}.lens-step-panel--prescription .prescription-main-table.is-add-required .prescription-heading--add{display:block;color:#333;font-size:13px;font-weight:600;line-height:36px;text-align:left}.lens-step-panel--prescription .prescription-main-table .prescription-eye-cell{color:#333;font-size:13px;font-weight:600;line-height:36px;text-align:left}.lens-step-panel--prescription .prescription-main-table .prescription-eye-label--desktop,.lens-step-panel--prescription .prescription-main-table .prescription-label--desktop{display:none}.lens-step-panel--prescription .prescription-main-table .prescription-eye-label--mobile,.lens-step-panel--prescription .prescription-main-table .prescription-label--mobile{display:inline}.lens-step-panel--prescription .prescription-main-table .J-AddColumn.is-hidden{display:none}.lens-step-panel--prescription .prescription-main-table .lens-custom-select,.lens-step-panel--prescription .prescription-main-table .lens-custom-select__trigger,.lens-step-panel--prescription .prescription-main-table input,.lens-step-panel--prescription .prescription-main-table select{width:100%}.lens-step-panel--prescription .prescription-pd-table{margin-top:14px;padding:14px 0}.lens-step-panel--prescription .prescription-pd-table .prescription-pd{display:grid;grid-template-columns:58px repeat(3,minmax(0,1fr));align-items:start;gap:8px;width:100%}.lens-step-panel--prescription .prescription-pd-table .prescription-pd__label{grid-column:1;min-width:0;padding:0;color:#333;font-size:13px;font-weight:600;line-height:36px;text-align:left}.lens-step-panel--prescription .prescription-pd-table .prescription-pd__left,.lens-step-panel--prescription .prescription-pd-table .prescription-pd__right{min-width:0;width:auto;padding:0}.lens-step-panel--prescription .prescription-pd-table .prescription-pd__left{grid-column:2/3}.lens-step-panel--prescription .prescription-pd-table .prescription-pd__right{grid-column:3/4}.lens-step-panel--prescription .prescription-pd-table .prescription-pd__toggle{grid-column:3/5;align-self:start;width:100%;padding:0;text-align:left}.lens-step-panel--prescription .prescription-pd-table input[type=text]{width:100%;height:36px;padding:0 30px 0 10px;border:1px solid #dcdfe6;border-radius:4px;background-color:#fff;font-size:13px;line-height:36px;text-align:left}.lens-step-panel--prescription .prescription-pd-table.is-two-pd .J-TwoPdFields{display:block!important;width:100%}.lens-step-panel--prescription .prescription-pd-table.is-two-pd .prescription-pd{grid-template-columns:58px repeat(4,minmax(0,1fr));column-gap:8px;row-gap:0}.lens-step-panel--prescription .prescription-pd-table.is-two-pd .prescription-pd__toggle{grid-column:4/6;padding-left:0}.lens-step-panel--prescription .prescription-pd-table.is-two-pd .prescription-pd__left input[type=text]{border-right:0;border-radius:4px 0 0 4px}.lens-step-panel--prescription .prescription-pd-table.is-two-pd .prescription-pd__right input[type=text]{width:calc(100% + 8px);margin-left:-8px;border-left:1px solid #dcdfe6;border-radius:0 4px 4px 0}.lens-step-panel--prescription .prism-form{margin-top:12px}.lens-step-panel--prescription .prism-table,.lens-step-panel--prescription .prism-table tbody{display:block;width:100%}.lens-step-panel--prescription .prism-table colgroup,.lens-step-panel--prescription .prism-table thead{display:none}.lens-step-panel--prescription .prism-table tbody{display:grid;grid-template-columns:60px minmax(0,1fr) minmax(0,1fr);grid-template-areas:"v-spacer v-title v-base" "od-v-eye od-v-power od-v-base" "os-v-eye os-v-power os-v-base" "h-spacer h-title h-base" "od-h-eye od-h-power od-h-base" "os-h-eye os-h-power os-h-base";gap:8px}.lens-step-panel--prescription .prism-table tr{display:contents}.lens-step-panel--prescription .prism-table td{display:block;width:auto;padding:0;text-align:left}.lens-step-panel--prescription .prism-table .prism-mobile-heading-row{display:contents}.lens-step-panel--prescription .prism-table .prism-mobile-heading-row td{color:#333;font-size:12px;font-weight:600;line-height:1.3;text-align:center}.lens-step-panel--prescription .prism-table .prism-mobile-heading-row--vertical .prism-mobile-heading-spacer{grid-area:v-spacer}.lens-step-panel--prescription .prism-table .prism-mobile-heading-row--vertical .prism-mobile-heading-value{grid-area:v-title}.lens-step-panel--prescription .prism-table .prism-mobile-heading-row--vertical .prism-mobile-heading-base{grid-area:v-base}.lens-step-panel--prescription .prism-table .prism-mobile-heading-row--horizontal .prism-mobile-heading-base,.lens-step-panel--prescription .prism-table .prism-mobile-heading-row--horizontal .prism-mobile-heading-spacer,.lens-step-panel--prescription .prism-table .prism-mobile-heading-row--horizontal .prism-mobile-heading-value{margin-top:6px}.lens-step-panel--prescription .prism-table .prism-mobile-heading-row--horizontal .prism-mobile-heading-spacer{grid-area:h-spacer}.lens-step-panel--prescription .prism-table .prism-mobile-heading-row--horizontal .prism-mobile-heading-value{grid-area:h-title}.lens-step-panel--prescription .prism-table .prism-mobile-heading-row--horizontal .prism-mobile-heading-base{grid-area:h-base}.lens-step-panel--prescription .prism-table .prism-eye-cell,.lens-step-panel--prescription .prism-table .prism-horizontal-eye-cell{color:#333;font-size:13px;font-weight:600;line-height:36px}.lens-step-panel--prescription .prism-table .prism-eye-row--od .prism-eye-cell{grid-area:od-v-eye}.lens-step-panel--prescription .prism-table .prism-eye-row--od .prism-field-cell--vertical{grid-area:od-v-power}.lens-step-panel--prescription .prism-table .prism-eye-row--od .prism-field-cell--vertical-base{grid-area:od-v-base}.lens-step-panel--prescription .prism-table .prism-eye-row--od .prism-horizontal-eye-cell{grid-area:od-h-eye}.lens-step-panel--prescription .prism-table .prism-eye-row--od .prism-field-cell--horizontal{grid-area:od-h-power}.lens-step-panel--prescription .prism-table .prism-eye-row--od .prism-field-cell--horizontal-base{grid-area:od-h-base}.lens-step-panel--prescription .prism-table .prism-eye-row--os .prism-eye-cell{grid-area:os-v-eye}.lens-step-panel--prescription .prism-table .prism-eye-row--os .prism-field-cell--vertical{grid-area:os-v-power}.lens-step-panel--prescription .prism-table .prism-eye-row--os .prism-field-cell--vertical-base{grid-area:os-v-base}.lens-step-panel--prescription .prism-table .prism-eye-row--os .prism-horizontal-eye-cell{grid-area:os-h-eye}.lens-step-panel--prescription .prism-table .prism-eye-row--os .prism-field-cell--horizontal{grid-area:os-h-power}.lens-step-panel--prescription .prism-table .prism-eye-row--os .prism-field-cell--horizontal-base{grid-area:os-h-base}.lens-step-panel--prescription .prism-table .lens-custom-select,.lens-step-panel--prescription .prism-table .lens-custom-select__trigger,.lens-step-panel--prescription .prism-table input{width:100%}.lens-step-panel--prescription .prism-table .lens-custom-select__trigger,.lens-step-panel--prescription .prism-table input{height:36px;font-size:12px;line-height:36px}.lens-step-panel--prescription .prism-table .lens-custom-select.is-open{z-index:3100}.lens-step-panel--prescription .prism-table .lens-custom-select.is-open::before{content:'';position:fixed;inset:0;z-index:0;background:rgba(0,0,0,.45)}.lens-step-panel--prescription .prism-table .lens-custom-select.is-open .lens-custom-select__dropdown{position:fixed;top:auto;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;justify-content:center;width:auto;min-width:0;min-height:220px;padding:12px 16px calc(16px + env(safe-area-inset-bottom));border:0;border-radius:0;box-shadow:0 -8px 28px rgba(0,0,0,.18)}.lens-step-panel--prescription .prism-table .lens-custom-select.is-open .lens-custom-select__dropdown::before{content:'';position:absolute;top:12px;left:50%;width:36px;height:4px;border-radius:999px;background:#dcdfe6;transform:translateX(-50%)}.lens-step-panel--prescription .prescription .lens-custom-select__option{height:44px;padding:0 16px;font-size:14px;line-height:44px;text-align:center}.lens-step-panel--prescription .prescription .lens-custom-select__option+.lens-custom-select__option{border-top:1px solid #ebeef5}.lens-step-panel--prescription .axis-stepper{display:block}.lens-step-panel--prescription .axis-stepper button{display:none}.lens-step-panel--prescription .axis-stepper .J-AxisInput{width:100%;border:1px solid #dcdfe6;border-radius:4px;text-align:center}}.lens-dialog-modal{position:absolute;inset:0;display:none;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.lens-dialog-modal.is-open{display:flex}.lens-dialog-modal__mask{position:absolute;inset:0;background:rgba(0,0,0,.45)}.lens-dialog-modal--value{position:fixed;z-index:3000;padding:0}.lens-dialog-modal--value .lens-dialog-modal__mask{display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.lens-dialog-modal__dialog{position:relative;z-index:1;width:800px;max-height:calc(100vh - 96px);overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 18px 48px rgba(0,0,0,.18)}.lens-dialog-modal__header{position:relative;padding:20px 44px;border-bottom:1px solid #d5d5d5;color:#34251f;font-size:18px;font-weight:700;text-align:center}.lens-dialog-modal__close{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;background:0 0;color:#666;font-size:26px;line-height:1;cursor:pointer}.lens-dialog-modal__body{padding:20px 40px 70px 40px}.preDialog__unit{position:absolute;right:58px;top:50%;color:#606266;font-size:14px;font-weight:400;transform:translateY(-50%);display:none}.preDialog__options{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-height:360px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c0c4cc #f5f7fa}.preDialog__options::-webkit-scrollbar{width:4px;background:#f5f7fa}.preDialog__options::-webkit-scrollbar-track{background:#f5f7fa}.preDialog__options::-webkit-scrollbar-thumb{border-radius:4px;background:#c0c4cc}.preDialog__options--split{grid-template-columns:1fr 1fr;align-items:start;max-height:none;overflow:visible}.preDialog__column-title{margin-bottom:20px;color:#303133;font-weight:600;text-align:center}.preDialog__column-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:330px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#c0c4cc #f5f7fa}.preDialog__column-list::-webkit-scrollbar{width:4px;background:#f5f7fa}.preDialog__column-list::-webkit-scrollbar-track{background:#f5f7fa}.preDialog__column-list::-webkit-scrollbar-thumb{border-radius:4px;background:#c0c4cc}.preDialog__option{height:38px;border:1px solid #dcdfe6;background:#fff;color:#303133;cursor:pointer}.preDialog__option.is-active,.preDialog__option:hover{background:var(--lens-primary-color);border-color:var(--lens-primary-color);color:var(--main-button-text-color)}@media screen and (max-width:768px){.lens-dialog-modal--value .lens-dialog-modal__mask{padding:8px}.lens-dialog-modal__dialog{width:100%;max-height:82vh}.lens-dialog-modal__header{padding:15px 45px;font-size:16px;text-align:center}.lens-dialog-modal__close{top:12px;right:16px}.lens-dialog-modal__body{padding:16px 16px calc(20px + env(safe-area-inset-bottom))}.lens-dialog-modal--value .lens-dialog-modal__body{padding:16px 0 calc(20px + env(safe-area-inset-bottom))}.preDialog__unit{position:static;display:block;margin-top:4px;transform:none;font-size:12px}.preDialog__options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:56vh;padding:0 16px;box-sizing:border-box}.preDialog__options--split{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-right:0;max-height:none;overflow:visible}.preDialog__column-title{margin-bottom:8px;font-size:13px}.preDialog__column-list{grid-template-columns:1fr;gap:8px;max-height:50vh;padding:0 20px}.preDialog__option{height:36px;font-size:13px}}.lens-usage-list__state{width:100%;text-align:center;color:var(--text-secondary-color)}.lens-usage-item{position:relative;display:flex;flex-direction:column;align-items:center;width:14.583333vw;min-height:18.75vw;padding:.208333vw;box-sizing:border-box;border:1px solid #999;border-radius:.3125vw;background:#fff;color:inherit;text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.lens-usage-item.is-selected,.lens-usage-item:hover{border-color:var(--lens-primary-color);box-shadow:0 0 4px 0 var(--lens-primary-color)}.lens-usage-item__image{width:80%;height:auto}.lens-usage-item__content{display:flex;flex:1;flex-direction:column;width:100%;min-height:3vw}.lens-usage-item__title{margin-top:1.041667vw;margin-bottom:.625vw;font-size:.9375vw;font-weight:700;text-align:center}.lens-usage-item__description{display:block;margin:0 auto;padding:0 .520833vw;font-size:.78125vw;font-weight:500;line-height:1.5}.lens-usage-item__description .check-icon{width:1em;height:1em;margin-right:.5em;vertical-align:-.14em}.lens-usage-item__description--list{display:flex;flex-direction:column;gap:.208333vw;text-align:left}.lens-usage-item__description--list>span{display:block}.lens-option-colors{display:flex;justify-content:center;gap:.3125vw;margin-top:.625vw;min-height:1.041667vw}.lens-option-color{position:relative;display:inline-block;width:.833333vw;height:.833333vw;min-width:12px;min-height:12px;border:1px solid #dcdfe6;border-radius:50%;box-sizing:border-box;cursor:pointer}.lens-option-color.is-selected{outline:2px solid var(--lens-primary-color);outline-offset:2px}.lens-option-color:hover::after{content:attr(data-color-name);position:absolute;left:50%;bottom:calc(100% + 8px);z-index:2;padding:4px 8px;border-radius:4px;background:rgba(0,0,0,.78);color:#fff;font-size:12px;line-height:1.2;white-space:nowrap;transform:translateX(-50%);pointer-events:none}.lens-option-bottom{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.416667vw;margin-top:auto;padding:1vw}.lens-option-bottom .lens-option-colors,.lens-option-bottom .lens-option-price{margin-top:0;padding-top:0}.lens-option-price{display:block;margin-top:auto;padding-top:.833333vw;font-size:.9375vw;font-weight:700;text-align:center}.lens-bundle-mobile-color-panel,.lens-option-colors--mobile{display:none}.J-FrameOnly.is-active .coating-item-ref,.J-LensBundle.is-active .coating-item-ref{overflow:hidden}.J-FrameOnly.is-active .coating-item-ref.item-active,.J-LensBundle.is-active .coating-item-ref.item-active{border-color:var(--lens-primary-color);box-shadow:0 0 4px 0 var(--lens-primary-color)}.J-FrameOnly.is-active .coating-item-ref.item-special-active,.J-LensBundle.is-active .coating-item-ref.item-special-active{border-width:2px}.J-FrameOnly.is-active .coating-item-ref.item-special-active-after::before,.J-LensBundle.is-active .coating-item-ref.item-special-active-after::before{content:'';position:absolute;right:0;top:0;z-index:2;width:0;height:0;border-top:26px solid var(--lens-primary-color);border-left:26px solid transparent}.J-FrameOnly.is-active .coating-item-ref.item-special-active-after::after,.J-LensBundle.is-active .coating-item-ref.item-special-active-after::after{content:'';position:absolute;right:5px;top:4px;z-index:3;width:5px;height:10px;border-right:2px solid var(--main-button-text-color,#fff);border-bottom:2px solid var(--main-button-text-color,#fff);transform:rotate(45deg)}@media screen and (max-width:768px){.J-FrameOnly .lens-list,.J-LensBundle .lens-list,.J-LensType .lens-list,.J-Prescription .lens-list,.J-Review .lens-list,.J-Usage .lens-list{display:grid;grid-template-columns:1fr;gap:12px;justify-content:stretch;min-width:0;padding:16px}.lens-usage-item{display:grid;grid-template-columns:clamp(144px,44.8vw,180px) minmax(0,1fr);align-items:center;width:100%;max-width:100%;min-height:auto;padding:6px 12px 6px 6px;box-sizing:border-box;border-radius:6px;text-align:left}.lens-usage-item:not(:has(.lens-usage-item__image)){grid-template-columns:1fr}.lens-usage-item__image{justify-self:center;width:clamp(144px,44.8vw,180px);height:auto;border-radius:6px;object-fit:contain;background-color:#f7f7f7}.lens-usage-item__content{min-height:0;margin-left:8px}.lens-usage-item__title{margin:0 0 6px;font-size:14px;text-align:left}.lens-usage-item__description{display:block;padding:0;margin:0;font-size:12px;line-height:1.4}.lens-usage-item__description--list{gap:2px;text-align:left}.lens-usage-item__description--list .check-icon{margin-right:1em;width:1em}.lens-bundle-mobile-top__title{margin-bottom:4px}.lens-usage-item.lens-usage-item--bundle.item.coating-item-ref:not(.lens-usage-item--bundle-mobile){display:grid;grid-template-columns:24vw minmax(0,1fr)}.lens-usage-item.lens-usage-item--bundle.item.coating-item-ref:not(.lens-usage-item--bundle-mobile) .lens-usage-item__image{width:24vw;max-width:24vw;min-width:0}.lens-usage-item.lens-usage-item--bundle.item.coating-item-ref:not(.lens-usage-item--bundle-mobile) .lens-usage-item__content{min-width:0}.J-FrameOnly .lens-option-colors--desktop,.J-LensBundle .lens-option-colors--desktop{display:none}.J-FrameOnly .lens-usage-item--bundle-mobile,.J-LensBundle .lens-usage-item--bundle-mobile{display:flex;flex-direction:column;align-items:stretch;padding:0}.J-FrameOnly .lens-usage-item--has-colors.is-mobile-color-open .lens-usage-item__description,.J-LensBundle .lens-usage-item--has-colors.is-mobile-color-open .lens-usage-item__description{display:none}.J-FrameOnly .lens-usage-item.is-mobile-color-open .lens-bundle-mobile-summary,.J-LensBundle .lens-usage-item.is-mobile-color-open .lens-bundle-mobile-summary{background:#f7f7f7;padding-left:10px;box-sizing:border-box}.J-FrameOnly .lens-usage-item__image,.J-LensBundle .lens-usage-item__image{width:24vw;padding:8px;box-sizing:border-box;background-color:#fff}.J-FrameOnly .lens-bundle-mobile-summary,.J-LensBundle .lens-bundle-mobile-summary{display:grid;grid-template-columns:24vw minmax(0,1fr);align-items:center;width:100%}.J-FrameOnly .lens-bundle-mobile-top,.J-LensBundle .lens-bundle-mobile-top{display:flex;flex-direction:column;justify-content:center;margin:10px}.J-FrameOnly .lens-bundle-mobile-top__title,.J-LensBundle .lens-bundle-mobile-top__title{color:#333;font-size:14px;font-weight:700;line-height:2;overflow-wrap:anywhere}.J-FrameOnly .lens-bundle-mobile-top .lens-option-price,.J-LensBundle .lens-bundle-mobile-top .lens-option-price{display:inline-flex;align-items:center;align-self:flex-end;justify-content:flex-end;min-height:28px;margin-top:8px;border-radius:4px;color:#333;line-height:1.2;text-align:right}.J-FrameOnly .lens-bundle-mobile-color-panel,.J-LensBundle .lens-bundle-mobile-color-panel{display:block;padding:10px 10px 20px}.J-FrameOnly .lens-bundle-mobile-color-panel__prompt,.J-LensBundle .lens-bundle-mobile-color-panel__prompt{color:#606266;font-size:12px;line-height:1.4}.J-FrameOnly .lens-bundle-mobile-color-panel__name,.J-LensBundle .lens-bundle-mobile-color-panel__name{margin-top:6px;color:#333;font-size:13px;font-weight:600;line-height:1.4}.J-FrameOnly .lens-bundle-mobile-color-panel__confirm,.J-LensBundle .lens-bundle-mobile-color-panel__confirm{display:inline-flex;align-items:center;justify-content:center;width:100%;height:34px;margin-top:14px;border:0;border-radius:4px;background:var(--lens-primary-color);color:var(--main-button-text-color,#fff);font-size:13px;font-weight:600;cursor:pointer}.J-FrameOnly .lens-bundle-mobile-color-panel .lens-option-colors--mobile,.J-LensBundle .lens-bundle-mobile-color-panel .lens-option-colors--mobile{display:flex;justify-content:flex-start;gap:8px;margin-top:10px;min-height:18px}.J-FrameOnly .lens-bundle-mobile-summary{grid-template-columns:clamp(144px,44.8vw,180px) minmax(0,1fr)}.J-FrameOnly .lens-usage-item__image{width:clamp(144px,44.8vw,180px)}.J-FrameOnly .lens-usage-item.is-mobile-color-open .lens-bundle-mobile-summary{grid-template-columns:24vw minmax(0,1fr)}.J-FrameOnly .lens-usage-item.is-mobile-color-open .lens-usage-item__image{width:24vw}.lens-option-colors{justify-content:flex-start;gap:8px;margin-top:8px;min-height:18px}.lens-option-color{width:16px;height:16px}.lens-option-price{margin-top:auto;padding-top:8px;font-size:14px;text-align:left}}.lens-review-section{width:40vw;min-width:600px;margin:0 auto}.lens-review-section .lens-review-section__title{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;border:0;background:0 0;color:#333;font-size:18px;font-weight:700;text-align:left;cursor:pointer;margin-bottom:6px}.lens-review-section .lens-review-section__icon{flex:0 0 auto;width:18px;height:18px;transition:transform .2s ease}.lens-review-section .lens-review-section__content{display:grid;gap:6px}.lens-review-section .lens-review-section__content .lens-review-table+.lens-review-table{margin-top:0}.lens-review-section.is-collapsed .lens-review-section__content{display:none}.lens-review-section.is-collapsed .lens-review-section__icon{transform:rotate(-90deg)}.lens-review-info .lens-review-info__row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:34px;padding:6px 0;box-sizing:border-box}.lens-review-info .lens-review-info__label{color:#606266;font-size:14px}.lens-review-info .lens-review-info__value{color:#303133;font-size:14px;font-weight:600;text-align:right}.lens-review-info .lens-review-info__value--full{width:100%;text-align:left}.lens-review-table{width:100%;border-collapse:collapse;color:#303133;font-size:14px}.lens-review-table td,.lens-review-table th{padding:9px 10px;border:1px solid #ebeef5;text-align:center}.lens-review-table th{background:#f5f7fa;font-weight:700}.lens-review-upload{display:flex;align-items:center;justify-content:flex-start}.lens-review-upload__view{min-height:0;padding:0;border:0;color:var(--lens-primary-color);background:0 0;font-size:14px;font-weight:600;line-height:1.2;cursor:pointer;text-decoration:underline}.lens-review-upload__view:hover{opacity:.82}.lens-review-rx-modal{position:absolute;inset:0;z-index:320;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.lens-review-rx-modal__mask{position:absolute;inset:0;background:rgba(0,0,0,.55)}.lens-review-rx-modal__dialog{position:relative;z-index:1;max-width:min(760px,100%);max-height:calc(100vh - 96px);padding:18px;box-sizing:border-box;border-radius:6px;background:#fff}.lens-review-rx-modal__dialog img{display:block;max-width:100%;max-height:calc(100vh - 140px);object-fit:contain}.lens-review-rx-modal__close{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.68);color:#fff;font-size:20px;line-height:28px;cursor:pointer}@media screen and (min-width:769px){.J-Review.lens-step-panel .lens-list{display:grid;grid-template-columns:minmax(600px,40vw);justify-content:center;gap:16px;flex-wrap:initial}}@media screen and (max-width:768px){.J-Review.lens-step-panel .lens-step-title{display:block;text-align:left}.lens-review-section{width:100%;min-width:0}.lens-review-section .lens-review-section__title{min-height:44px;padding:0;font-size:16px;line-height:22px}.lens-review-section .lens-review-section__content{overflow-x:hidden;padding-bottom:2px}.lens-review-info .lens-review-info__row{align-items:flex-start;gap:14px;min-height:0}.lens-review-info .lens-review-info__label,.lens-review-info .lens-review-info__value{font-size:12px}.lens-review-info .lens-review-info__label{flex:0 0 40%}.lens-review-info .lens-review-info__value{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.lens-review-table{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed;font-size:12px}.lens-review-table td,.lens-review-table th{min-width:0;padding:10px 6px;border:1px solid #ebeef5;text-align:center;line-height:18px;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.lens-review-table th{background:#f5f7fa;font-weight:700}.lens-review-table tr>td:first-child{padding-left:6px;text-align:left!important;white-space:normal}.J-ReviewPrismTable .lens-review-table{min-width:0}.lens-review-rx-modal{position:fixed;padding:16px}.lens-review-rx-modal__dialog{max-width:100%;max-height:calc(100vh - 32px);padding:12px}.lens-review-rx-modal__dialog img{max-height:calc(100vh - 56px)}}.lens-dialog-modal--help,.lens-dialog-modal--pd-help{z-index:20}.lens-dialog-modal--help .lens-dialog-modal__dialog,.lens-dialog-modal--pd-help .lens-dialog-modal__dialog{display:flex;flex-direction:column}.lens-dialog-modal--help .lens-dialog-modal__body,.lens-dialog-modal--pd-help .lens-dialog-modal__body{min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c0c4cc #f5f7fa}.lens-dialog-modal--help .lens-dialog-modal__body::-webkit-scrollbar,.lens-dialog-modal--pd-help .lens-dialog-modal__body::-webkit-scrollbar{width:4px;background:#f5f7fa}.lens-dialog-modal--help .lens-dialog-modal__body::-webkit-scrollbar-track,.lens-dialog-modal--pd-help .lens-dialog-modal__body::-webkit-scrollbar-track{background:#f5f7fa}.lens-dialog-modal--help .lens-dialog-modal__body::-webkit-scrollbar-thumb,.lens-dialog-modal--pd-help .lens-dialog-modal__body::-webkit-scrollbar-thumb{border-radius:4px;background:#c0c4cc}.lens-dialog-modal--help .lens-dialog-modal__dialog{width:min(560px,100%)}.lens-help-modal__content{color:#333;font-size:14px;line-height:1.7}.lens-help-modal__content p{margin:0 0 12px}.lens-help-modal__content strong{display:block;margin:20px 0 8px;line-height:1.4}.lens-help-modal__content img{display:block;max-width:100%;height:auto}.lens-dialog-modal--pd-help .lens-dialog-modal__dialog{width:min(640px,100%)}.pd-help-content__intro{font-weight:700}.pd-help-download{display:inline-flex;align-items:center;min-height:34px;margin:4px 0 16px;padding:0 14px;border-radius:4px;background:#ca9f5b;color:var(--main-button-text-color,#fff);font-size:13px;font-weight:600;text-decoration:none}.lens-mobile-prescription-toast{position:fixed;left:50%;top:72px;z-index:1200;display:none;max-width:calc(100vw - 48px);padding:10px 14px;border-radius:4px;background:rgba(0,0,0,.78);color:#fff;font-size:14px;line-height:1.35;text-align:center;opacity:0;pointer-events:none;transform:translate(-50%,-8px);transition:opacity .18s ease,transform .18s ease}.lens-mobile-prescription-toast.is-visible{opacity:1;transform:translate(-50%,0)}@media screen and (max-width:768px){.lens-dialog-modal{margin:0;padding:8px}.lens-dialog-modal--value{padding:0}.lens-mobile-prescription-toast{display:block}}