body.page-haisui #area-3{z-index:1000}.color-unavailable,.popup-unavailable,.shape-unavailable{opacity:.4!important;pointer-events:auto!important;filter:grayscale(100%)!important;cursor:pointer!important;position:relative}.color-unavailable:after,.popup-unavailable:after,.shape-unavailable:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff80;z-index:1;pointer-events:none}.uw060-title-main{color:#45474f;font-size:18px}.uw060-title-19{font-size:17px;line-height:1.2}.uw060-title-19-dark,.uw060-title-19-muted{color:#45474f}.uw060-filter-title{font-size:14px;font-weight:700;color:#45474f}.uw060-filter-subtitle{font-size:12px;font-weight:500;color:#45474f}@media (min-width: 768px){.uw060-title-main{font-size:20px}.uw060-title-19{font-size:18px}.uw060-filter-title{font-size:15px}.uw060-filter-subtitle{font-size:13px}}@media (min-width: 992px){.uw060-title-main{font-size:22px}.uw060-title-19{font-size:19px}.uw060-filter-title{font-size:16px}.uw060-filter-subtitle{font-size:14px}}.uw060-panel{background-color:#f6f8fa;border-radius:18px;overflow:hidden;padding-top:15px;padding-bottom:15px}.uw060-color-placeholder{display:none}.popup-card-col{width:100%}.popup-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,210px));gap:16px;justify-content:start;margin-left:0;margin-right:0}@media (max-width: 991.98px){.popup-card-grid{grid-template-columns:repeat(auto-fill,minmax(210px,210px))}}@media (min-width: 768px){.uw060-panel{padding-top:18px;padding-bottom:18px}}@media (min-width: 992px){.uw060-panel{padding-top:20px;padding-bottom:20px}}.uw060-panel-popup{min-height:400px;width:100%;max-width:1115px;margin:0 auto;align-self:flex-start}@media (min-width: 768px){.uw060-panel-popup{min-height:450px}}@media (min-width: 992px){.uw060-panel-popup{min-height:500px}}.uw060-panel-fixed-1136{width:100%;max-width:1136px;margin:0 auto;align-self:flex-start}body.page-haisui #left-column.kz-right-panel-closed .uw060-panel-fixed-1136,body.page-haisui #left-column.kz-right-panel-closed .uw060-panel-popup{margin-left:0;margin-right:0;max-width:100%}@media (min-width: 992px){body.page-haisui #left-column.kz-right-panel-closed #trap-shape-container>.col-lg-4,body.page-haisui #left-column.kz-right-panel-closed #trap-shape-container>.col-md-4{flex:0 0 25%;max-width:25%}}@media (min-width: 992px){body.page-haisui #left-column.kz-right-panel-closed #knobCardsContainer>.col-lg-4,body.page-haisui #left-column.kz-right-panel-closed #knobCardsContainer>.col-md-4{flex:0 0 25%;max-width:25%}}@media (min-width: 992px){body.page-haisui #left-column.kz-right-panel-closed #capShapeList>.col-lg-4,body.page-haisui #left-column.kz-right-panel-closed #capShapeList>.col-md-4{flex:0 0 25%;max-width:25%}}.uw060-panel-fixed-1136--with-bottom{margin-bottom:10px}.uw060-left-col-700{width:100%;max-width:700px;padding-left:10px}@media (min-width: 768px){.uw060-left-col-700{padding-left:15px}}@media (min-width: 992px){.uw060-left-col-700{padding-left:20px}}@media (min-width: 992px){.uw060-left-col-700{flex:0 0 700px;min-width:700px}}@media (min-width: 992px){.uw060-option-left-700{flex:0 0 700px;min-width:700px}}.uw060-right-col-450{width:100%;max-width:400px;flex-shrink:0;margin-left:0;padding-left:15px}@media (min-width: 992px){.uw060-right-col-450{flex:0 0 400px;min-width:400px}}.uw060-right-col-400{width:100%;max-width:400px}@media (min-width: 992px){.uw060-right-col-400{flex:0 0 400px;min-width:400px}}body.page-haisui #left-column.kz-right-panel-closed .uw060-right-col-400{max-width:515px}@media (min-width: 992px){body.page-haisui #left-column.kz-right-panel-closed .uw060-right-col-400{flex:0 0 515px;min-width:515px;margin-left:0;padding-left:15px}}body.page-haisui #left-column.kz-right-panel-closed .uw060-left-col-700{max-width:900px}@media (min-width: 992px){body.page-haisui #left-column.kz-right-panel-closed .uw060-left-col-700{flex:0 0 900px;min-width:900px}}body.page-haisui #left-column.kz-right-panel-closed .uw060-right-col-450{max-width:515px}@media (min-width: 992px){body.page-haisui #left-column.kz-right-panel-closed .uw060-right-col-450{flex:0 0 515px;min-width:515px;margin-left:0;padding-left:15px}}@media (max-width: 991.98px){#section-one,#section-two,.uw060-option-inner,.uw060-cap-inner{gap:16px}.uw060-left-col-700,.uw060-option-left-700,.uw060-cap-left-pad{order:1;max-width:100%}.uw060-right-col-450,.uw060-right-col-400,.uw060-cap-right{order:2;max-width:100%;margin-left:0}}.uw060-icon-offset-up{margin-top:-.75rem}.uw060-box-maxw-620{max-width:620px;margin-bottom:2rem}body.page-haisui #left-column.kz-right-panel-closed .uw060-box-maxw-620{max-width:820px}@media (min-width: 768px){.uw060-box-maxw-620{margin-bottom:3rem}}@media (min-width: 992px){.uw060-box-maxw-620{margin-bottom:3.5rem}}.uw060-grid-gap-kanamono,.uw060-grid-gap-tale,.uw060-grid-gap-trap{row-gap:40px;column-gap:2px;margin-left:0;margin-right:0}.uw060-grid-empty{grid-column:1 / -1;width:100%;max-width:100%;justify-self:stretch}#color-container,#color-tale-container,#color-tap-container,#capColorList,#knobColorContainer{margin-left:0;margin-right:0;display:grid;grid-auto-flow:row;column-gap:2px;row-gap:40px;justify-content:start;width:max-content;max-width:100%;padding-left:12px}@media (max-width: 1430px){#color-container,#color-tale-container,#color-tap-container,#capColorList,#knobColorContainer{grid-template-columns:repeat(3,70px);padding-left:16px}}@media (min-width: 1431px) and (max-width: 1499px){#color-container,#color-tale-container,#color-tap-container,#capColorList,#knobColorContainer{grid-template-columns:repeat(4,70px);padding-left:18px}}@media (min-width: 1500px){#color-container,#color-tale-container,#color-tap-container,#capColorList,#knobColorContainer{grid-template-columns:repeat(5,70px);padding-left:18px}}@media (min-width: 1500px){body.page-haisui #left-column.kz-right-panel-closed #color-container,body.page-haisui #left-column.kz-right-panel-closed #color-tale-container,body.page-haisui #left-column.kz-right-panel-closed #color-tap-container,body.page-haisui #left-column.kz-right-panel-closed #capColorList,body.page-haisui #left-column.kz-right-panel-closed #knobColorContainer{grid-template-columns:repeat(6,70px)}}@media (min-width: 1750px){body.page-haisui #left-column.kz-right-panel-closed #color-container,body.page-haisui #left-column.kz-right-panel-closed #color-tale-container,body.page-haisui #left-column.kz-right-panel-closed #color-tap-container,body.page-haisui #left-column.kz-right-panel-closed #capColorList,body.page-haisui #left-column.kz-right-panel-closed #knobColorContainer{grid-template-columns:repeat(7,70px)}}@media (min-width: 1950px){body.page-haisui #left-column.kz-right-panel-closed #color-container,body.page-haisui #left-column.kz-right-panel-closed #color-tale-container,body.page-haisui #left-column.kz-right-panel-closed #color-tap-container,body.page-haisui #left-column.kz-right-panel-closed #capColorList,body.page-haisui #left-column.kz-right-panel-closed #knobColorContainer{grid-template-columns:repeat(8,70px)}}.uw060-toggle-wrap{margin-left:0}@media (min-width: 768px){.uw060-toggle-wrap{margin-left:15px}}@media (min-width: 992px){.uw060-toggle-wrap{margin-left:30px}}.uw060-toggle-btn{background-color:#607db6;width:15rem;height:2.5rem;cursor:pointer}.uw060-toggle-btn:hover{background-color:#4e6e9e}.uw060-option-inner{background-color:#f6f8fa;padding:15px;border-radius:18px;overflow:hidden}@media (min-width: 768px){.uw060-option-inner{padding:18px}}@media (min-width: 992px){.uw060-option-inner{padding:20px}}.uw060-option-inner--fixed{width:100%;max-width:1115px;margin:0 auto;align-self:flex-start;padding-left:0;padding-right:0}body.page-haisui #left-column.kz-right-panel-closed .uw060-option-inner--fixed{max-width:100%;margin-left:0;margin-right:0}.uw060-option-left-500{width:100%;max-width:500px}.uw060-option-left-700{width:100%;max-width:700px}.uw060-option-left-700{padding-left:10px}@media (min-width: 768px){.uw060-option-left-700{padding-left:15px}}@media (min-width: 992px){.uw060-option-left-700{padding-left:20px}}body.page-haisui #left-column.kz-right-panel-closed .uw060-option-left-700{max-width:900px}@media (min-width: 992px){body.page-haisui #left-column.kz-right-panel-closed .uw060-option-left-700{flex:0 0 900px;min-width:900px}}.uw060-cap-inner{background-color:#f6f8fa;padding-top:15px;padding-bottom:15px;min-height:400px;height:auto;border-radius:18px}@media (min-width: 768px){.uw060-cap-inner{padding-top:18px;padding-bottom:18px;min-height:475px}}@media (min-width: 992px){.uw060-cap-inner{padding-top:20px;padding-bottom:20px;min-height:550px}}.uw060-cap-left-pad{padding-left:10px}@media (min-width: 768px){.uw060-cap-left-pad{padding-left:15px}}@media (min-width: 992px){.uw060-cap-left-pad{padding-left:20px}}.uw060-card-popup{width:210px;max-width:210px;height:100%;min-height:178px;border-radius:18px;box-shadow:0 1px 2px #0000004d}.uw060-card-popup--compact{width:100%;max-width:210px;height:180px;border-radius:16px;margin:0 auto}.uw060-card-knob{width:210px;max-width:210px;height:100%;min-height:178px;border-radius:18px;box-shadow:0 1px 2px #0000004d}.uw060-checkmark{z-index:1030}.uw060-card-imagewrap{height:123px;width:100%;max-width:186px;border-radius:11px;margin:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.uw060-card-image-inner{height:7rem;width:100%;max-width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.uw060-card-image-inner--fluid{height:7rem;width:100%;max-width:186px;display:flex;align-items:center;justify-content:center;overflow:hidden}.uw060-card-img{width:100%!important;height:100%!important;object-fit:contain!important;display:block}.uw060-water-imagewrap{height:8rem;width:100%;max-width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 8px}.uw060-card-knob .uw060-water-imagewrap{height:123px;max-width:186px;border-radius:11px;margin:8px;padding:0;background-color:#fff}.uw060-card-knob .uw060-card-image-inner{height:7rem;max-width:186px}.uw060-color-col{flex:0 0 64px;max-width:64px;width:64px;padding-left:0;padding-right:0}.uw060-circle{width:3.5rem;height:3.5rem;cursor:pointer;box-shadow:0 2px 4px #0000001a}.uw060-circle--unselected{border:2px solid var(--gray-200)}.uw060-circle--selected{padding:3px}.uw060-color-label{width:auto;max-width:5rem;word-wrap:break-word;white-space:normal;font-size:9px;font-weight:500;color:#45474f}@media (min-width: 768px){.uw060-color-col{flex:0 0 70px;max-width:70px;width:70px}.uw060-circle{width:4rem;height:4rem}.uw060-color-label{max-width:6rem;font-size:10px}}