*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas{display:block;max-width:100%}button,select{font:inherit;cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root{isolation:isolate}:root,:root[theme-mode=light]{--brand-main:var(--brand-color-5);--brand-color-light:var(--brand-color-1);--brand-color-focus:var(--brand-color-2);--brand-color-disabled:var(--brand-color-3);--brand-color-hover:var(--brand-color-4);--brand-color:var(--brand-color-5);--brand-color-active:var(--brand-color-6);--brand-color-1:#fff1eb;--brand-color-2:#ffd9c9;--brand-color-3:#ffb89a;--brand-color-4:#ff905d;--brand-color-5:#eb6118;--brand-color-6:#cc4c00;--brand-color-7:#a23a00;--brand-color-8:#7b2a00;--brand-color-9:#5a1d00;--brand-color-10:#411200;--warning-color-1:#fef3e6;--warning-color-2:#f9e0c7;--warning-color-3:#f7c797;--warning-color-4:#f2995f;--warning-color-5:#ed7b2f;--warning-color-6:#d35a21;--warning-color-7:#ba431b;--warning-color-8:#9e3610;--warning-color-9:#842b0b;--warning-color-10:#5a1907;--warning-color:var(--warning-color-5);--warning-color-hover:var(--warning-color-4);--warning-color-focus:var(--warning-color-2);--warning-color-active:var(--warning-color-6);--warning-color-disabled:var(--warning-color-3);--warning-color-light:var(--warning-color-1);--error-color-1:#fdecee;--error-color-2:#f9d7d9;--error-color-3:#f8b9be;--error-color-4:#f78d94;--error-color-5:#f36d78;--error-color-6:#e34d59;--error-color-7:#c9353f;--error-color-8:#b11f26;--error-color-9:#951114;--error-color-10:#680506;--error-color:var(--error-color-6);--error-color-hover:var(--error-color-5);--error-color-focus:var(--error-color-2);--error-color-active:var(--error-color-7);--error-color-disabled:var(--error-color-3);--error-color-light:var(--error-color-1);--success-color-1:#e8f8f2;--success-color-2:#bcebdc;--success-color-3:#85dbbe;--success-color-4:#48c79c;--success-color-5:#00a870;--success-color-6:#078d5c;--success-color-7:#067945;--success-color-8:#056334;--success-color-9:#044f2a;--success-color-10:#033017;--success-color:var(--success-color-5);--success-color-hover:var(--success-color-4);--success-color-focus:var(--success-color-2);--success-color-active:var(--success-color-6);--success-color-disabled:var(--success-color-3);--success-color-light:var(--success-color-1);--gray-color-1:#f6f6f6;--gray-color-2:#eee;--gray-color-3:#e7e7e7;--gray-color-4:#dcdcdc;--gray-color-5:#c5c5c5;--gray-color-6:#a6a6a6;--gray-color-7:#8b8b8b;--gray-color-8:#777;--gray-color-9:#5e5e5e;--gray-color-10:#4b4b4b;--gray-color-11:#383838;--gray-color-12:#2c2c2c;--gray-color-13:#242424;--gray-color-14:#181818;--bg-color-container:#fff;--bg-color-container-select:#fff;--bg-color-page:var(--gray-color-2);--bg-color-container-hover:var(--gray-color-1);--bg-color-container-active:var(--gray-color-3);--bg-color-secondarycontainer:var(--gray-color-1);--bg-color-secondarycontainer-hover:var(--gray-color-2);--bg-color-secondarycontainer-active:var(--gray-color-4);--bg-color-component:var(--gray-color-3);--bg-color-component-hover:var(--gray-color-4);--bg-color-component-active:var(--gray-color-6);--bg-color-component-disabled:var(--gray-color-2);--component-stroke:var(--gray-color-3);--component-border:var(--gray-color-4);--font-white-1:#fff;--font-white-2:rgb(255 255 255 / 55%);--font-white-3:rgb(255 255 255 / 35%);--font-white-4:rgb(255 255 255 / 22%);--font-gray-1:rgb(0 0 0 / 90%);--font-gray-2:rgb(0 0 0 / 60%);--font-gray-3:rgb(0 0 0 / 40%);--font-gray-4:rgb(0 0 0 / 26%);--brand-color-light-hover:var(--brand-color-2);--warning-color-light-hover:var(--warning-color-2);--error-color-light-hover:var(--error-color-2);--success-color-light-hover:var(--success-color-2);--bg-color-secondarycomponent:var(--gray-color-4);--bg-color-secondarycomponent-hover:var(--gray-color-5);--bg-color-secondarycomponent-active:var(--gray-color-6);--table-shadow-color:rgb(0 0 0 / 8%);--scrollbar-color:rgb(0 0 0 / 10%);--scrollbar-hover-color:rgb(0 0 0 / 30%);--scroll-track-color:#fff;--bg-color-specialcomponent:#fff;--border-level-1-color:var(--gray-color-3);--border-level-2-color:var(--gray-color-4);--shadow-inset-top:inset 0 .5px 0 #dcdcdc;--shadow-inset-right:inset .5px 0 0 #dcdcdc;--shadow-inset-bottom:inset 0 -.5px 0 #dcdcdc;--shadow-inset-left:inset -.5px 0 0 #dcdcdc;--mask-active:rgb(0 0 0 / 60%);--mask-disabled:rgb(255 255 255 / 60%);--font-family:"Lexend", poppins, pingfang sc, microsoft yahei, arial regular;--font-family-medium:"Lexend", poppins, pingfang sc, microsoft yahei, arial medium;--font-size-link-small:12px;--font-size-link-medium:14px;--font-size-link-large:16px;--font-size-mark-small:12px;--font-size-mark-medium:14px;--font-size-body-small:12px;--font-size-body-medium:14px;--font-size-body-large:16px;--font-size-title-small:14px;--font-size-title-medium:16px;--font-size-title-large:20px;--font-size-headline-small:24px;--font-size-headline-medium:28px;--font-size-headline-large:36px;--font-size-display-medium:48px;--font-size-display-large:64px;--line-height-common:8px;--line-height-link-small:calc(var(--font-size-link-small) + var(--line-height-common));--line-height-link-medium:calc(var(--font-size-link-medium) + var(--line-height-common));--line-height-link-large:calc(var(--font-size-link-large) + var(--line-height-common));--line-height-mark-small:calc(var(--font-size-mark-small) + var(--line-height-common));--line-height-mark-medium:calc(var(--font-size-mark-medium) + var(--line-height-common));--line-height-body-small:calc(var(--font-size-body-small) + var(--line-height-common));--line-height-body-medium:calc(var(--font-size-body-medium) + var(--line-height-common));--line-height-body-large:calc(var(--font-size-body-large) + var(--line-height-common));--line-height-title-small:calc(var(--font-size-title-small) + var(--line-height-common));--line-height-title-medium:calc(var(--font-size-title-medium) + var(--line-height-common));--line-height-title-large:calc(var(--font-size-title-medium) + var(--line-height-common));--line-height-headline-small:calc(var(--font-size-headline-small) + var(--line-height-common));--line-height-headline-medium:calc(var(--font-size-headline-medium) + var(--line-height-common));--line-height-headline-large:calc(var(--font-size-headline-large) + var(--line-height-common));--line-height-display-medium:calc(var(--font-size-display-medium) + var(--line-height-common));--line-height-display-large:calc(var(--font-size-display-large) + var(--line-height-common));--font-link-small:var(--font-size-link-small) / var(--line-height-link-small) var(--font-family);--font-link-medium:var(--font-size-link-medium) / var(--line-height-link-medium) var(--font-family);--font-link-large:var(--font-size-link-large) / var(--line-height-link-large) var(--font-family);--font-mark-small:600 var(--font-size-mark-small) / var(--line-height-mark-small) var(--font-family);--font-mark-medium:600 var(--font-size-mark-medium) / var(--line-height-mark-medium) var(--font-family);--font-body-small:var(--font-size-body-small) / var(--line-height-body-small) var(--font-family);--font-body-medium:var(--font-size-body-medium) / var(--line-height-body-medium) var(--font-family);--font-body-large:var(--font-size-body-large) / var(--line-height-body-large) var(--font-family);--font-title-small:var(--font-size-title-small) / var(--line-height-title-small) var(--font-family);--font-title-medium:var(--font-size-title-medium) / var(--line-height-title-medium) var(--font-family);--font-title-large:var(--font-size-title-large) / var(--line-height-title-large) var(--font-family);--font-headline-small:var(--font-size-headline-small) / var(--line-height-headline-small) var(--font-family);--font-headline-medium:var(--font-size-headline-medium) / var(--line-height-headline-medium) var(--font-family);--font-headline-large:var(--font-size-headline-large) / var(--line-height-headline-large) var(--font-family);--font-display-medium:var(--font-size-display-medium) / var(--line-height-display-medium) var(--font-family);--font-display-large:var(--font-size-display-large) / var(--line-height-display-large) var(--font-family);--text-color-primary:var(--font-gray-1);--text-color-secondary:var(--font-gray-2);--text-color-placeholder:var(--font-gray-3);--text-color-disabled:var(--font-gray-4);--text-color-anti:#fff;--text-color-brand:var(--brand-color);--text-color-link:var(--brand-color);--radius-small:2px;--radius-default:3px;--radius-medium:6px;--radius-large:9px;--radius-extraLarge:12px;--radius-round:999px;--radius-circle:50%;--shadow-1:0 1px 10px rgb(0 0 0 / 5%), 0 4px 5px rgb(0 0 0 / 8%), 0 2px 4px -1px rgb(0 0 0 / 12%);--shadow-2:0 3px 14px 2px rgb(0 0 0 / 5%), 0 8px 10px 1px rgb(0 0 0 / 6%), 0 5px 5px -3px rgb(0 0 0 / 10%);--shadow-3:0 6px 30px 5px rgb(0 0 0 / 5%), 0 16px 24px 2px rgb(0 0 0 / 4%), 0 8px 10px -5px rgb(0 0 0 / 8%);--size-1:2px;--size-2:4px;--size-3:6px;--size-4:8px;--size-5:12px;--size-6:16px;--size-7:20px;--size-8:24px;--size-9:28px;--size-10:32px;--size-11:36px;--size-12:40px;--size-13:48px;--size-14:56px;--size-15:64px;--size-16:72px;--comp-size-xxxs:var(--size-6);--comp-size-xxs:var(--size-7);--comp-size-xs:var(--size-8);--comp-size-s:var(--size-9);--comp-size-m:var(--size-10);--comp-size-l:var(--size-11);--comp-size-xl:var(--size-12);--comp-size-xxl:var(--size-13);--comp-size-xxxl:var(--size-14);--comp-size-xxxxl:var(--size-15);--comp-size-xxxxxl:var(--size-16);--pop-padding-s:var(--size-2);--pop-padding-m:var(--size-3);--pop-padding-l:var(--size-4);--pop-padding-xl:var(--size-5);--pop-padding-xxl:var(--size-6);--comp-paddingLR-xxs:var(--size-1);--comp-paddingLR-xs:var(--size-2);--comp-paddingLR-s:var(--size-4);--comp-paddingLR-m:var(--size-5);--comp-paddingLR-l:var(--size-6);--comp-paddingLR-xl:var(--size-8);--comp-paddingLR-xxl:var(--size-10);--comp-paddingTB-xxs:var(--size-1);--comp-paddingTB-xs:var(--size-2);--comp-paddingTB-s:var(--size-4);--comp-paddingTB-m:var(--size-5);--comp-paddingTB-l:var(--size-6);--comp-paddingTB-xl:var(--size-8);--comp-paddingTB-xxl:var(--size-10);--comp-margin-xxs:var(--size-1);--comp-margin-xs:var(--size-2);--comp-margin-s:var(--size-4);--comp-margin-m:var(--size-5);--comp-margin-l:var(--size-6);--comp-margin-xl:var(--size-7);--comp-margin-xxl:var(--size-8);--comp-margin-xxxl:var(--size-10);--comp-margin-xxxxl:var(--size-12)}:root[theme-mode=dark]{--brand-main:var(--brand-color-6);--brand-color-light:var(--brand-color-1);--brand-color-focus:var(--brand-color-2);--brand-color-disabled:var(--brand-color-3);--brand-color-hover:var(--brand-color-5);--brand-color:var(--brand-color-6);--brand-color-active:var(--brand-color-7);--brand-color-1:#eb611820;--brand-color-2:#5a1d00;--brand-color-3:#7b2a00;--brand-color-4:#a23a00;--brand-color-5:#cc4c00;--brand-color-6:#eb6118;--brand-color-7:#ff905d;--brand-color-8:#ffb89a;--brand-color-9:#ffd9c9;--brand-color-10:#fff1eb;--warning-color-1:#4f2a1d;--warning-color-2:#582f21;--warning-color-3:#733c23;--warning-color-4:#a75d2b;--warning-color-5:#cf6e2d;--warning-color-6:#dc7633;--warning-color-7:#e8935c;--warning-color-8:#ecbf91;--warning-color-9:#eed7bf;--warning-color-10:#f3e9dc;--error-color-1:#472324;--error-color-2:#5e2a2d;--error-color-3:#703439;--error-color-4:#83383e;--error-color-5:#a03f46;--error-color-6:#c64751;--error-color-7:#de6670;--error-color-8:#ec888e;--error-color-9:#edb1b6;--error-color-10:#eeced0;--success-color-1:#193a2a;--success-color-2:#1a4230;--success-color-3:#17533d;--success-color-4:#0d7a55;--success-color-5:#059465;--success-color-6:#43af8a;--success-color-7:#46bf96;--success-color-8:#80d2b6;--success-color-9:#b4e1d3;--success-color-10:#deede8;--gray-color-1:#f3f3f3;--gray-color-2:#eee;--gray-color-3:#e7e7e7;--gray-color-4:#dcdcdc;--gray-color-5:#c5c5c5;--gray-color-6:#a6a6a6;--gray-color-7:#8b8b8b;--gray-color-8:#777;--gray-color-9:#5e5e5e;--gray-color-10:#4b4b4b;--gray-color-11:#383838;--gray-color-12:#2c2c2c;--gray-color-13:#242424;--gray-color-14:#181818;--bg-color-page:var(--gray-color-14);--bg-color-container:var(--gray-color-13);--bg-color-container-hover:var(--gray-color-12);--bg-color-container-active:var(--gray-color-10);--bg-color-container-select:var(--gray-color-9);--bg-color-secondarycontainer:var(--gray-color-12);--bg-color-secondarycontainer-hover:var(--gray-color-11);--bg-color-secondarycontainer-active:var(--gray-color-9);--bg-color-component:var(--gray-color-11);--bg-color-component-hover:var(--gray-color-10);--bg-color-component-active:var(--gray-color-9);--bg-color-secondarycomponent:var(--gray-color-10);--bg-color-secondarycomponent-hover:var(--gray-color-9);--bg-color-secondarycomponent-active:var(--gray-color-8);--bg-color-component-disabled:var(--gray-color-12);--component-stroke:var(--gray-color-11);--component-border:var(--gray-color-9);--font-white-1:rgb(255 255 255 / 90%);--font-white-2:rgb(255 255 255 / 55%);--font-white-3:rgb(255 255 255 / 35%);--font-white-4:rgb(255 255 255 / 22%);--font-gray-1:rgb(0 0 0 / 90%);--font-gray-2:rgb(0 0 0 / 60%);--font-gray-3:rgb(0 0 0 / 40%);--font-gray-4:rgb(0 0 0 / 26%);--text-color-primary:var(--font-white-1);--text-color-secondary:var(--font-white-2);--text-color-placeholder:var(--font-white-3);--text-color-disabled:var(--font-white-4);--text-color-anti:#fff;--text-color-brand:var(--brand-color);--text-color-link:var(--brand-color);--table-shadow-color:rgb(0 0 0 / 55%);--scrollbar-color:rgb(255 255 255 / 10%);--scrollbar-hover-color:rgb(255 255 255 / 30%);--scroll-track-color:#333;--bg-color-specialcomponent:transparent;--border-level-1-color:var(--gray-color-11);--border-level-2-color:var(--gray-color-9);--mask-active:rgb(0 0 0 / 40%);--mask-disabled:rgb(0 0 0 / 60%);--shadow-inset-top:inset 0 .5px 0 #5e5e5e;--shadow-inset-right:inset .5px 0 0 #5e5e5e;--shadow-inset-bottom:inset 0 -.5px 0 #5e5e5e;--shadow-inset-left:inset -.5px 0 0 #5e5e5e;--radius-small:2px;--radius-default:3px;--radius-medium:6px;--radius-large:9px;--radius-extraLarge:12px;--radius-round:999px;--radius-circle:50%;--shadow-1:0 1px 10px rgb(0 0 0 / 5%), 0 4px 5px rgb(0 0 0 / 8%), 0 2px 4px -1px rgb(0 0 0 / 12%);--shadow-2:0 3px 14px 2px rgb(0 0 0 / 5%), 0 8px 10px 1px rgb(0 0 0 / 6%), 0 5px 5px -3px rgb(0 0 0 / 10%);--shadow-3:0 6px 30px 5px rgb(0 0 0 / 5%), 0 16px 24px 2px rgb(0 0 0 / 4%), 0 8px 10px -5px rgb(0 0 0 / 8%);--size-1:2px;--size-2:4px;--size-3:6px;--size-4:8px;--size-5:12px;--size-6:16px;--size-7:20px;--size-8:24px;--size-9:28px;--size-10:32px;--size-11:36px;--size-12:40px;--size-13:48px;--size-14:56px;--size-15:64px;--size-16:72px;--comp-size-xxxs:var(--size-6);--comp-size-xxs:var(--size-7);--comp-size-xs:var(--size-8);--comp-size-s:var(--size-9);--comp-size-m:var(--size-10);--comp-size-l:var(--size-11);--comp-size-xl:var(--size-12);--comp-size-xxl:var(--size-13);--comp-size-xxxl:var(--size-14);--comp-size-xxxxl:var(--size-15);--comp-size-xxxxxl:var(--size-16);--pop-padding-s:var(--size-2);--pop-padding-m:var(--size-3);--pop-padding-l:var(--size-4);--pop-padding-xl:var(--size-5);--pop-padding-xxl:var(--size-6);--comp-paddingLR-xxs:var(--size-1);--comp-paddingLR-xs:var(--size-2);--comp-paddingLR-s:var(--size-4);--comp-paddingLR-m:var(--size-5);--comp-paddingLR-l:var(--size-6);--comp-paddingLR-xl:var(--size-8);--comp-paddingLR-xxl:var(--size-10);--comp-paddingTB-xxs:var(--size-1);--comp-paddingTB-xs:var(--size-2);--comp-paddingTB-s:var(--size-4);--comp-paddingTB-m:var(--size-5);--comp-paddingTB-l:var(--size-6);--comp-paddingTB-xl:var(--size-8);--comp-paddingTB-xxl:var(--size-10);--comp-margin-xxs:var(--size-1);--comp-margin-xs:var(--size-2);--comp-margin-s:var(--size-4);--comp-margin-m:var(--size-5);--comp-margin-l:var(--size-6);--comp-margin-xl:var(--size-7);--comp-margin-xxl:var(--size-8);--comp-margin-xxxl:var(--size-10);--comp-margin-xxxxl:var(--size-12)}#yg-app{font-family:var(--font-family)}#root{background-color:var(--bg-color-page)}.common-card{padding:16px 32px;margin-bottom:24px;background:#fff;border-radius:var(--radius-default)}.common-card h1,.common-card h3{margin-bottom:20px;font-size:20px;font-weight:600;line-height:1.2}.common-card h4{margin:0;font-size:14px;font-weight:400;line-height:1.14;color:var(--text-color-secondary)}.common-card label{display:block;margin-bottom:8px;font-size:14px;font-weight:400;line-height:1.3;letter-spacing:2px}.full-screen-wrapper{position:fixed;inset:0;z-index:2147483647;overflow:hidden;width:100vw;height:100vh;background-color:var(--mask-disabled)}.full-screen-wrapper.center{display:flex;justify-content:center;align-items:center}.error-color{color:var(--error-color)}.icon-line-center{display:flex;align-items:center;gap:4px}a{color:var(--brand-color)}.cursor-pointer{cursor:pointer}.elementor-field-type-upload:has(input[id=form-field-tools_file]){display:none}.page-wrapper{width:100%;min-height:100%;padding:0 24px 32px;font-family:var(--font-family);background:var(--gray-color-1)}.page-wrapper .common-placement-container-box{margin:0 auto;width:1400px;max-width:100%}.page-wrapper .placement-box{display:flex;gap:20px;padding-top:36px;flex-wrap:wrap}.page-wrapper .placement-box .box-left{width:780px;min-width:450px;flex:2}.page-wrapper .placement-box .box-left .board-size-wrapper .content{display:flex;flex-wrap:wrap;gap:24px 72px}.page-wrapper .placement-box .box-left .board-size-wrapper .content .shape .buttons{display:flex;gap:24px}.page-wrapper .placement-box .box-left .board-size-wrapper .content .shape .buttons button{width:40px;min-width:unset;height:40px;background:var(--gray-color-1);border:none}.page-wrapper .placement-box .box-left .board-size-wrapper .content .shape .buttons button.square{border-radius:0}.page-wrapper .placement-box .box-left .board-size-wrapper .content .shape .buttons button.circle{border-radius:50%}.page-wrapper .placement-box .box-left .board-size-wrapper .content .shape .buttons .is-active{background:var(--brand-color);box-shadow:var(--shadow-1)}.page-wrapper .placement-box .box-left .board-size-wrapper .content .content-right{position:relative;flex:1}.page-wrapper .placement-box .box-left .board-size-wrapper .content .content-right .size-set{display:flex;padding-bottom:12px;gap:24px}.page-wrapper .placement-box .box-left .board-size-wrapper .content .content-right .size-set .item{position:relative;border:none}.page-wrapper .placement-box .box-left .board-size-wrapper .content .content-right .size-set .item fieldset{border:0}.page-wrapper .placement-box .box-left .board-size-wrapper .content .content-right .size-set .item .input{width:124px;height:44px;font-size:18px;color:var(--text-color-primary);background:var(--gray-color-1);border-radius:0;font-weight:600;line-height:1.17}.page-wrapper .placement-box .box-left .board-size-wrapper .content .content-right .size-set .item .input p{font-size:18px;line-height:1.17;color:var(--text-color-primary)}.page-wrapper .placement-box .box-left .board-size-wrapper .content .content-right .size-set .item .input.MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline{border-width:2px;border-color:var(--error-color)}.page-wrapper .placement-box .box-left .board-size-wrapper .content .content-right .size-set .item .input input{box-sizing:border-box!important;padding:16.5px 0 16.5px 14px!important;border:none!important}.page-wrapper .placement-box .box-left .board-size-wrapper .content .content-right .error{position:absolute;bottom:-20px;left:0;line-height:16px;z-index:999;display:flex;align-items:center;font-size:14px;color:var(--error-color)}.page-wrapper .placement-box .box-left .board-size-wrapper .content .content-right .error .error-icon{margin-right:4px;font-size:12px}@media screen and (width <=660px){.page-wrapper .placement-box .box-left{min-width:unset;max-width:100%}}.page-wrapper .placement-box .box-right{min-width:600px;max-width:100%;width:600px;flex:1}.page-wrapper .placement-box .box-right .title-block{background-color:#fff;width:100%;padding:30px 0;margin-bottom:32px;border-radius:4px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:200}.page-wrapper .placement-box .box-right .title-block .title-block-top{display:flex;justify-content:center;align-items:center}@media screen and (width <=660px){.page-wrapper .placement-box .box-right{min-width:unset;max-width:100%;width:100%;flex:1}.page-wrapper .placement-box .box-right .title-block{padding:20px 0}}.page-wrapper footer{display:flex;justify-content:center;align-items:center;padding:12px 0;height:100%;gap:4px;font-size:16px;color:var(--text-color-primary)}.page-wrapper footer>*{min-width:24px}.display-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px}.display-wrapper .display-area{position:relative;display:flex;justify-content:center;align-items:center;border-radius:4px}.display-wrapper .display-area .oval-border{position:absolute;top:50%;left:50%;background:#5d8836;border-radius:4px;box-shadow:0 0 0 4px var(--gray-color-14);transition:all .15s linear;transform:translate(-50%,-50%)}.display-wrapper .display-area .oval-border.square-border{border-radius:50%}.display-wrapper .display-area .oval{position:absolute;top:50%;left:50%;z-index:1;overflow:hidden;border-radius:50%;transform:translate(-50%,-50%)}.display-wrapper .display-area .oval+.board{z-index:2;box-shadow:unset}.display-wrapper .display-area .oval .circle-dimension{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.display-wrapper .display-area .oval .circle-dimension .clear-dimensions-wrapper{background:#d8d8de;position:absolute;overflow:hidden;opacity:0;inset:0}.display-wrapper .display-area .oval .circle-dimension .clear-dimensions-wrapper.show{opacity:1}.display-wrapper .display-area .oval .circle-dimension .clear-dimensions-wrapper.is-left{transform:translate(-100%)}.display-wrapper .display-area .oval .circle-dimension .clear-dimensions-wrapper.is-right{transform:translate(100%)}.display-wrapper .display-area .oval .circle-dimension .clear-dimensions-wrapper.is-top{transform:translateY(-100%)}.display-wrapper .display-area .oval .circle-dimension .clear-dimensions-wrapper.is-bottom{transform:translateY(100%)}.display-wrapper .display-area .board{position:relative;border-radius:4px}.display-wrapper .display-area .board .clear-dimensions-wrapper{position:absolute;inset:0;overflow:hidden}.display-wrapper .display-area .board .clear-dimensions-wrapper .clear-dimensions{position:absolute;background:#d8d8de;border-radius:4px}.display-wrapper .display-area .board .clear-dimensions-wrapper .clear-dimensions+div{border-color:#d8d8de}.display-wrapper .display-area .board .clear-dimensions-wrapper .clear-dimensions.is-hide{display:none}.display-wrapper .display-area .board .product-dimensions{position:absolute;border-radius:4px}.display-wrapper .display-area .board .product-dimensions.is-hide .product-thumb-wrap{opacity:0}.display-wrapper .display-area .board .product-dimensions .product-thumb-wrap{position:absolute;top:0;left:0}.display-wrapper .display-area .board .product-dimensions .product-thumb-wrap .product-thumb{position:absolute;top:0;left:0;background-position:center;background-repeat:no-repeat;background-size:contain}.display-wrapper .display-area .board .product-dimensions .product-thumb-wrap .product-thumb img{max-width:100%;max-height:100%}.display-wrapper .check-boxs{background-color:#fff;width:100%;padding:14px 16px;display:flex;border-radius:4px;margin-top:24px;flex-direction:column;justify-content:center}.display-wrapper .check-boxs .check-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.display-wrapper .check-boxs .check-title h3{margin:0;font-size:18px}.display-wrapper .check-boxs .check-title .download-btn.MuiButton-root{padding:6px 16px;color:#fff;background:#3c494e;border-radius:20px}.display-wrapper .check-boxs .check-title .download-btn.MuiButton-root:hover{background-color:var(--brand-color)}.display-wrapper .check-boxs .check-title .download-btn .MuiButton-label{font-size:13px;line-height:18px;letter-spacing:1.86px;font-weight:600}@media screen and (width <=400px){.display-wrapper .check-boxs .check-title h3{font-size:16px}.display-wrapper .check-boxs .check-title .download-btn{font-size:12px}.display-wrapper .check-boxs .check-title .download-btn.MuiButton-root{padding:4px 12px;color:#fff;background:#3c494e;border-radius:12px}.display-wrapper .check-boxs .check-title .download-btn.MuiButton-root:hover{background-color:var(--brand-color)}.display-wrapper .check-boxs .check-title .download-btn .MuiButton-label{font-size:13px;line-height:18px;letter-spacing:1.86px;font-weight:600}}.mark{position:absolute;top:-12px;left:-12px;display:block;width:15px;height:15px;font-size:11px;text-align:center;color:#fff;background:var(--gray-color-9);border-radius:50%;cursor:pointer;line-height:15px}.product-info-tooltip-wrapper{padding:4px;color:#fff}.product-info-tooltip-wrapper h5{font-size:12px!important;font-weight:400}.product-info-tooltip-wrapper h6{font-size:14px;font-weight:400}.table-wrapper{margin-top:24px;min-height:272px;background:#fff;overflow:auto}.table-wrapper table{width:100%;background:#fff;border-collapse:collapse}.table-wrapper table th{min-width:30px;height:32px;font-size:14px;text-align:left;white-space:nowrap;color:var(--text-color-primary);background:var(--gray-color-2);border:1px solid var(--gray-color-2);line-height:16px;font-weight:600;letter-spacing:2px;border-block-start:0!important;vertical-align:middle!important}.table-wrapper table th:not(:first-child){padding:5px 4px}.table-wrapper table th .clear-btn{display:inline-block;padding:2px 8px;font-size:12px;color:var(--error-color);background:#ffffffe0;border:0;border-radius:12px;font-weight:600;letter-spacing:2px;cursor:"pointer"}.table-wrapper table th .clear-btn:hover{text-decoration:underline}.table-wrapper table td{padding:8px 4px;font-size:14px;color:var(--text-color-primary);line-height:1.14;letter-spacing:1.12px;font-weight:500;height:48px;box-sizing:border-box;border:0!important;vertical-align:middle!important}.table-wrapper table td:first-child{padding:9px 0 9px 16px}.table-wrapper table td.center{padding-right:0;padding-left:0;text-align:center}.table-wrapper table td .no{font-size:14px;text-align:center;line-height:20px;font-weight:600}.table-wrapper table td .info-icon{color:var(--brand-color)}.table-wrapper table td .cancel-icon{background-color:#fff;color:var(--error-color)}.table-wrapper table td a{color:var(--text-color-primary);text-decoration:underline}.table-wrapper table td a:has(.tooltip-icon){text-decoration:none}.table-wrapper table td a .tooltip-icon{display:flex;justify-content:center;align-items:center;position:relative;bottom:1px;box-shadow:2px 2px 5px #33333353;width:28px;height:28px;background:var(--brand-color);color:#fff;border-radius:50%;line-height:28px}.checkbox-group{display:flex;align-items:center}.checkbox-group .circle{display:block;margin-right:8px;width:20px;height:20px;border-radius:50%}.checkbox-group h6{margin:0;font-size:16px;color:var(--text-color-primary);line-height:1.19}.checkbox-group .Mui-checked:not(.Mui-disabled) svg{color:var(--brand-color)}.checkbox-group.product-checkbox .circle{background:#000}.checkbox-group.clearance-checkbox .circle{background:var(--gray-color-7)}.checkbox-group.board-checkbox .circle{background:#fff;border:3px solid var(--success-color)}.screen{padding:0 24px 32px;width:679px;height:962px;background:#f2f2f4}.screen .modal-header{padding:0 24px;display:flex;background-color:#1d252d;align-items:center;justify-content:space-between}.screen .modal-header svg{height:16px;width:auto}.screen .modal-header h6{color:#fff;margin:0;font-size:16px;font-weight:300;line-height:42px}.screen .modal-checkbox{display:none}.screen .display-wrap{justify-content:center;align-items:center;margin-top:30px}.screen .display-wrap>div{margin:auto}.screen .table-wrapper{margin-top:24px}.screen .checkbox-groups{display:flex;justify-content:center;align-items:center;padding-top:24px;padding-bottom:24px}.screen .checkbox-groups .checkbox-group{margin:0 18px;width:auto}.product-choose-wrapper{min-height:520px}.product-choose-wrapper .top-area{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:16px 24px}.product-choose-wrapper .top-area h3{margin-bottom:4px}.product-choose-wrapper .top-area .search-wrap{position:relative;display:flex}.product-choose-wrapper .top-area .search-wrap input{padding:10px 7px;width:186px;height:36px;font-size:13px;color:var(--text-color-primary);background:var(--gray-color-1);border:1px solid transparent}.product-choose-wrapper .top-area .search-wrap input:focus{border-color:var(--brand-color);border-radius:0}.product-choose-wrapper .top-area .search-wrap .btn{display:inline-flex;justify-content:center;align-items:center;width:56px;min-width:unset;height:36px;color:#fff;background:var(--gray-color-10);border-radius:0 4px 4px 0}.product-choose-wrapper .top-area .search-wrap .clear-btn{position:absolute;top:0;right:56px;display:inline-flex;justify-content:center;align-items:center;width:36px;min-width:unset;height:36px;color:#727289;background:transparent;border-radius:0}.product-choose-wrapper .top-area .search-wrap .clear-btn .MuiSvgIcon-root{width:16px;height:16px}.product-choose-wrapper .category .category-btns{display:flex;flex-wrap:wrap;gap:4px 8px}.product-choose-wrapper .category .category-btns .category-btn{padding:0 14px;min-width:unset;height:43px;font-size:14px;color:var(--text-color-primary);background:var(--gray-color-2);border-radius:4px;line-height:1.36;letter-spacing:2px;font-weight:600}.product-choose-wrapper .category .category-btns .category-btn.is-active{color:#fff;background:var(--brand-main)}.product-choose-wrapper .category .sub-category-btns{display:flex;margin-top:12px;flex-wrap:wrap;gap:4px 8px}.product-choose-wrapper .category .sub-category-btns .sub-category-btn{padding:0 12px;min-width:unset;height:32px;font-size:14px;color:var(--text-color-primary);background:transparent;border:1px solid var(--text-color-primary);border-radius:4px;line-height:1.33;font-weight:600;text-transform:none}.product-choose-wrapper .category .sub-category-btns .sub-category-btn.is-active{color:var(--brand-main);border:1px solid var(--brand-main)}.product-choose-wrapper .category .material-category-btns{display:flex;margin-top:12px;flex-wrap:wrap;gap:4px 16px}.product-choose-wrapper .category .material-category-btns .material-category-btn{padding:0;min-width:unset;height:24px;font-size:14px;color:var(--text-color-secondary);border-bottom:2px solid transparent;background:transparent;border-radius:0;line-height:1.33;font-weight:600;text-transform:none!important}.product-choose-wrapper .category .material-category-btns .material-category-btn.is-active{color:var(--text-color-primary);border-color:var(--brand-main)}.product-choose-wrapper .category .message{display:flex;align-items:center;height:80px;font-size:14px;color:var(--error-color)}.product-choose-wrapper .category .message svg{margin-right:5px;width:16px;height:16px;font-size:16px}.product-choose-wrapper .category .message p{margin:0;flex:1}.product-choose-wrapper .category .message a{color:var(--error-color)}.product-choose-wrapper .category .product-main{position:relative;padding-top:24px}.product-choose-wrapper .category .product-main>button{position:absolute;top:0;right:-12px;bottom:0;display:flex;justify-content:center;align-items:center;color:var(--gray-color-10);background:#fff;border:0}.product-choose-wrapper .category .product-main>button:not([disabled]){cursor:pointer}.product-choose-wrapper .category .product-main>button[disabled]{opacity:.4}.product-choose-wrapper .category .product-main .products-container{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.product-choose-wrapper .category .product-main .products-container>div{position:relative;display:flex;transition-duration:.5s;transition-property:transform}.product-choose-wrapper .category .product-main .products-container .products-wrapper{width:100%}.product-choose-wrapper .category .product-main .products-container .products-wrapper .products-inner{--length:125px;display:grid;grid-template-columns:repeat(auto-fit,var(--length));grid-gap:8px;width:100%}@media screen and (width <=600px){.product-choose-wrapper .category .product-main .products-container .products-wrapper .products-inner{grid-template-columns:repeat(auto-fit,minmax(var(--length),1fr))}}.product-choose-wrapper .category .product-main .products-container .products-wrapper .products-inner .product-area{position:relative;max-width:var(--length)}.product-choose-wrapper .category .product-main .products-container .products-wrapper .products-inner .product-area .product-btn{display:flex;height:var(--length);font-size:16px;color:var(--text-color-primary);background:var(--gray-color-1);border:0;border:2px solid transparent;border-radius:4px;flex-direction:column;line-height:1.33;letter-spacing:2px;text-transform:capitalize}.product-choose-wrapper .category .product-main .products-container .products-wrapper .products-inner .product-area .product-btn:disabled,.product-choose-wrapper .category .product-main .products-container .products-wrapper .products-inner .product-area .product-btn.is-disabled{opacity:.4;cursor:not-allowed}.product-choose-wrapper .category .product-main .products-container .products-wrapper .products-inner .product-area .product-btn.is-selected{border-color:#000}.product-choose-wrapper .category .product-main .products-container .products-wrapper .products-inner .product-area .product-btn img{display:block;max-width:100%}.product-choose-wrapper .category .product-main .products-container .products-wrapper .products-inner .product-area .product-btn h5{margin:auto 0 0;font-size:14px!important}.product-choose-wrapper .category .product-main .products-container .products-wrapper .products-inner .product-area .product-btn .MuiButton-label{flex-direction:column}.product-choose-wrapper .category .product-main .products-container .products-wrapper .products-inner .product-area .product-dimensions-info{position:absolute;top:50%;left:8px;display:none;padding:4px;width:calc(100% - 16px);height:auto;font-size:12px;text-align:center;color:#fff;background-color:#545454bf;border-radius:4px;transform:translateY(-50%)}.product-choose-wrapper .category .product-main .products-container .products-wrapper .products-inner .product-area:hover .product-dimensions-info{display:block}.product-choose-wrapper .category .pagination{display:flex;justify-content:center;align-items:center;margin-top:32px;gap:8px}.product-choose-wrapper .category .pagination button{width:40px;height:40px;color:var(--text-color-primary)!important;background-color:#fff;border:1px solid var(--gray-color-4);border-radius:4px}.product-choose-wrapper .category .pagination button.is-disabled{color:var(--text-color-disabled)!important;cursor:not-allowed}.product-choose-wrapper .category .pagination .ant-pagination-item{position:relative;width:40px;height:40px;color:var(--text-color-primary)!important;background-color:#fff;border:0;border-radius:4px;transition:all .15s linear;line-height:40px}.product-choose-wrapper .category .pagination .ant-pagination-item a{font-size:16px;color:var(--text-color-primary)}.product-choose-wrapper .category .pagination .ant-pagination-item:after{content:"";position:absolute;bottom:0;left:15%;width:70%;height:2px;background-color:transparent;transition:all .15s linear}.product-choose-wrapper .category .pagination .ant-pagination-item.ant-pagination-item-active{background-color:var(--brand-color-1)}.product-choose-wrapper .category .pagination .ant-pagination-item.ant-pagination-item-active a{color:var(--brand-color)}.product-choose-wrapper .category .pagination .ant-pagination-item:hover:after,.product-choose-wrapper .category .pagination .ant-pagination-item.ant-pagination-item-active:after{background-color:var(--brand-color)}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x:;--un-pan-y:;--un-pinch-zoom:;--un-scroll-snap-strictness:proximity;--un-ordinal:;--un-slashed-zero:;--un-numeric-figure:;--un-numeric-spacing:;--un-numeric-fraction:;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset:;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset:;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur:;--un-brightness:;--un-contrast:;--un-drop-shadow:;--un-grayscale:;--un-hue-rotate:;--un-invert:;--un-saturate:;--un-sepia:;--un-backdrop-blur:;--un-backdrop-brightness:;--un-backdrop-contrast:;--un-backdrop-grayscale:;--un-backdrop-hue-rotate:;--un-backdrop-invert:;--un-backdrop-opacity:;--un-backdrop-saturate:;--un-backdrop-sepia:}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x:;--un-pan-y:;--un-pinch-zoom:;--un-scroll-snap-strictness:proximity;--un-ordinal:;--un-slashed-zero:;--un-numeric-figure:;--un-numeric-spacing:;--un-numeric-fraction:;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset:;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset:;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur:;--un-brightness:;--un-contrast:;--un-drop-shadow:;--un-grayscale:;--un-hue-rotate:;--un-invert:;--un-saturate:;--un-sepia:;--un-backdrop-blur:;--un-backdrop-brightness:;--un-backdrop-contrast:;--un-backdrop-grayscale:;--un-backdrop-hue-rotate:;--un-backdrop-invert:;--un-backdrop-opacity:;--un-backdrop-saturate:;--un-backdrop-sepia:}.fixed{position:fixed}.h-20px{height:20px}.w-20px{width:20px}.w-300px{width:300px}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.gap-16px{gap:16px}.gap-4px{gap:4px}[stroke~=white]{--un-stroke-opacity:1;stroke:rgb(255 255 255 / var(--un-stroke-opacity))}.py-4{padding-top:1rem;padding-bottom:1rem}.text-center{text-align:center}.text-center\!{text-align:center!important}.text-sm{font-size:.875rem;line-height:1.25rem}.text-size-sm{font-size:.875rem}.text-gray-500{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity))}.color-gray-6{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity))}