.custom-size-advisor{--custom-size-advisor-text: var(--color-foreground, #1f2937);--custom-size-advisor-heading: var(--color-foreground-heading, var(--custom-size-advisor-text));--custom-size-advisor-bg: var(--color-background, #ffffff);--custom-size-advisor-border: var(--color-border, #d9dee7);--custom-size-advisor-primary: #104fb5;--custom-size-advisor-primary-text: #ffffff;--custom-size-advisor-muted: color-mix(in srgb, var(--custom-size-advisor-text) 68%, white);--custom-size-advisor-soft: #f5f8fd;--custom-size-advisor-soft-border: #bfd3f2;--custom-size-advisor-panel-radius: 8px;--custom-size-advisor-control-radius: 4px;--custom-size-advisor-ease: cubic-bezier(.16, 1, .3, 1);--custom-size-advisor-drawer-duration: .42s;--custom-size-advisor-ui-duration: .26s;color:var(--custom-size-advisor-text);font-size:var(--font-paragraph--size, 14px);line-height:var(--font-paragraph--line-height, 1.45)}.custom-size-advisor *,.custom-size-advisor *:before,.custom-size-advisor *:after{box-sizing:border-box}.custom-size-advisor [hidden]{display:none!important}.variant-option__size-advisor-link{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:var(--color-foreground);cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;text-transform:inherit;text-decoration:none}.custom-size-advisor__dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--custom-size-advisor-text);overflow:hidden;animation:none!important;transition:none!important;transform:none!important;opacity:1!important}.custom-size-advisor__dialog[open],.custom-size-advisor__dialog.dialog-closing{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}.custom-size-advisor__dialog::backdrop{background:#11182700;animation:none!important;transition:background-color .26s ease-out}.custom-size-advisor__dialog.is-open::backdrop{background:#11182747}.custom-size-advisor__panel{position:absolute;top:0;right:0;display:flex;flex-direction:column;width:min(560px,100vw);max-width:100vw;height:100dvh;margin:0;padding:20px 20px 32px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:var(--custom-size-advisor-bg);color:var(--custom-size-advisor-text);border-radius:var(--custom-size-advisor-panel-radius) 0 0 var(--custom-size-advisor-panel-radius);box-shadow:-12px 0 40px #0000001a;transform:translate3d(100%,0,0);opacity:0;animation:none!important;transition:none;will-change:transform,opacity}.custom-size-advisor__panel:focus{outline:none}.custom-size-advisor__header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:16px;width:100%;min-width:0;margin-bottom:22px}.custom-size-advisor__title{min-width:0;margin:0;color:var(--custom-size-advisor-heading);font-family:var(--font-h5--family, inherit);font-size:var(--font-h5--size, 18px);line-height:var(--font-h5--line-height, 1.25);letter-spacing:var(--font-h5--letter-spacing, normal);text-transform:var(--font-h5--case, none);font-weight:600}.custom-size-advisor__close{display:inline-grid;flex:0 0 36px;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--custom-size-advisor-text);cursor:pointer;transition:background-color var(--custom-size-advisor-ui-duration) ease,color var(--custom-size-advisor-ui-duration) ease}.custom-size-advisor__close:hover{background:#0000000d}.custom-size-advisor__close:focus-visible{outline:3px solid rgb(16 79 181 / .16);outline-offset:3px}.custom-size-advisor__close svg{width:20px;height:20px;display:block}.custom-size-advisor__tabs{--tab-padding: 4px;position:relative;display:grid;flex:0 0 auto;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;max-width:100%;margin:0 0 30px;padding:var(--tab-padding);border:1px solid var(--custom-size-advisor-border);border-radius:var(--custom-size-advisor-panel-radius);background:#fff;overflow:hidden}.custom-size-advisor__tabs:before{content:"";position:absolute;top:var(--tab-padding);left:var(--tab-padding);z-index:0;width:calc((100% - (var(--tab-padding) * 2)) / 2);height:calc(100% - (var(--tab-padding) * 2));border-radius:var(--custom-size-advisor-control-radius);background:var(--custom-size-advisor-primary);transform:translateZ(0);transition:transform .36s var(--custom-size-advisor-ease)}.custom-size-advisor__tabs[data-active-tab=chart]:before{transform:translate3d(100%,0,0)}.custom-size-advisor__tab{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:0;width:100%;min-height:52px;padding:0 18px;border:0;border-radius:var(--custom-size-advisor-control-radius);background:transparent;color:var(--custom-size-advisor-text);font:inherit;font-size:var(--font-paragraph--size, 14px);font-weight:600;line-height:1;cursor:pointer;transition:color var(--custom-size-advisor-ui-duration) ease}.custom-size-advisor__tab:hover{color:var(--custom-size-advisor-text)}.custom-size-advisor__tab.is-active{color:var(--custom-size-advisor-primary-text)}.custom-size-advisor__tab:focus-visible{outline:3px solid rgb(16 79 181 / .16);outline-offset:-3px}.custom-size-advisor__tab>span:not(.custom-size-advisor__tab-icon){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-size-advisor__tab-icon{display:inline-flex;flex:0 0 18px;align-items:center;justify-content:center;width:18px;height:18px;color:currentColor}.custom-size-advisor__tab-icon svg{width:100%;height:100%;display:block;fill:currentColor;stroke:none}.custom-size-advisor__tab-icon svg *{fill:currentColor!important}.custom-size-advisor__tab-panel{width:100%;max-width:100%;min-width:0;opacity:0;transform:translate3d(8px,0,0);transition:opacity .22s ease,transform .22s ease}.custom-size-advisor__tab-panel.is-active{opacity:1;transform:translateZ(0)}.custom-size-advisor__tab-panel[data-custom-size-advisor-panel=advisor].is-active{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.custom-size-advisor__view{width:100%;max-width:100%;min-width:0;opacity:0;transform:translate3d(10px,0,0);transition:opacity .24s ease,transform .24s ease}.custom-size-advisor__view.is-active{opacity:1;transform:translateZ(0)}.custom-size-advisor__section-head{width:100%;min-width:0;margin-bottom:22px}.custom-size-advisor__section-title{margin:0 0 8px;color:var(--custom-size-advisor-heading);font-family:var(--font-h4--family, inherit);font-size:var(--font-h4--size, 24px);line-height:var(--font-h4--line-height, 1.2);letter-spacing:var(--font-h4--letter-spacing, normal);text-transform:var(--font-h4--case, none);font-weight:600}.custom-size-advisor__section-text{margin:0;color:var(--custom-size-advisor-muted);font-size:var(--font-paragraph--size, 14px);line-height:var(--font-paragraph--line-height, 1.5)}.custom-size-advisor__steps{display:grid;grid-template-columns:auto minmax(28px,1fr) auto;align-items:center;gap:14px;width:100%;min-width:0;margin:0 0 26px;padding-bottom:22px;border-bottom:1px solid color-mix(in srgb,var(--custom-size-advisor-border) 70%,transparent)}.custom-size-advisor__step{display:inline-flex;align-items:center;gap:8px;min-width:0;color:color-mix(in srgb,var(--custom-size-advisor-text) 55%,white);font-size:13px;line-height:1;font-weight:600;white-space:nowrap;transition:color var(--custom-size-advisor-ui-duration) ease,opacity var(--custom-size-advisor-ui-duration) ease}.custom-size-advisor__step-number{display:inline-grid;flex:0 0 24px;place-items:center;width:24px;height:24px;border:1px solid color-mix(in srgb,var(--custom-size-advisor-text) 28%,white);border-radius:999px;background:#fff;color:color-mix(in srgb,var(--custom-size-advisor-text) 55%,white);font-size:12px;line-height:1;font-weight:700;transition:background-color var(--custom-size-advisor-ui-duration) ease,border-color var(--custom-size-advisor-ui-duration) ease,color var(--custom-size-advisor-ui-duration) ease}.custom-size-advisor__step-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.custom-size-advisor__step-line{position:relative;min-width:0;height:1px;background:color-mix(in srgb,var(--custom-size-advisor-border) 90%,transparent);overflow:hidden}.custom-size-advisor__step-line:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--custom-size-advisor-primary);transform:scaleX(0);transform-origin:left center;transition:transform .42s var(--custom-size-advisor-ease)}.custom-size-advisor__steps[data-step=loading] .custom-size-advisor__step-line:before,.custom-size-advisor__steps[data-step=result] .custom-size-advisor__step-line:before{transform:scaleX(1)}.custom-size-advisor__step.is-active,.custom-size-advisor__step.is-done,.custom-size-advisor__step.is-current{color:var(--custom-size-advisor-primary)}.custom-size-advisor__step.is-active .custom-size-advisor__step-number,.custom-size-advisor__step.is-done .custom-size-advisor__step-number,.custom-size-advisor__step.is-current .custom-size-advisor__step-number,.custom-size-advisor__steps[data-step=result] [data-custom-size-advisor-step-item=result] .custom-size-advisor__step-number,.custom-size-advisor__steps[data-step=loading] [data-custom-size-advisor-step-item=result] .custom-size-advisor__step-number{border-color:var(--custom-size-advisor-primary);background:var(--custom-size-advisor-primary);color:#fff}.custom-size-advisor__form{display:grid;width:100%;min-width:0;gap:20px}.custom-size-advisor__field-grid{display:grid;gap:16px}.custom-size-advisor__field{display:grid;gap:10px;min-width:0}.custom-size-advisor__field span{color:var(--custom-size-advisor-text);font-size:var(--font-paragraph--size, 14px);font-weight:600;line-height:1.3}.custom-size-advisor__field input{width:100%;min-width:0;min-height:52px;padding:0 16px;border:1px solid var(--custom-size-advisor-border);border-radius:var(--custom-size-advisor-control-radius);background:#fff;color:var(--custom-size-advisor-text);font:inherit;font-size:max(16px,var(--font-paragraph--size, 14px));line-height:1.2;-webkit-appearance:none;appearance:none;box-shadow:none;transition:border-color var(--custom-size-advisor-ui-duration) ease,box-shadow var(--custom-size-advisor-ui-duration) ease,background-color var(--custom-size-advisor-ui-duration) ease}.custom-size-advisor__field input::placeholder{color:color-mix(in srgb,var(--custom-size-advisor-text) 35%,white);opacity:1}.custom-size-advisor__field input:focus{outline:none;border-color:#8ab0e9;box-shadow:0 0 0 4px #104fb51f}.custom-size-advisor__error{margin:-4px 0 0;color:#b42318;font-size:13px;line-height:1.4}.custom-size-advisor__submit{width:100%;margin-top:4px;border-radius:var(--custom-size-advisor-control-radius)}.custom-size-advisor__loading-view{padding-top:10px}.custom-size-advisor__skeleton-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:center;padding:22px;border:1px solid var(--custom-size-advisor-soft-border);border-radius:var(--custom-size-advisor-panel-radius);background:linear-gradient(180deg,#f8fbff,#f5f8fd)}.custom-size-advisor__skeleton-icon,.custom-size-advisor__skeleton-line{position:relative;overflow:hidden;background:color-mix(in srgb,var(--custom-size-advisor-primary) 10%,white)}.custom-size-advisor__skeleton-icon{width:48px;height:48px;border-radius:999px}.custom-size-advisor__skeleton-content{display:grid;min-width:0;gap:10px}.custom-size-advisor__skeleton-line{height:12px;border-radius:var(--custom-size-advisor-control-radius)}.custom-size-advisor__skeleton-line--short{width:46%}.custom-size-advisor__skeleton-line--medium{width:72%}.custom-size-advisor__skeleton-icon:after,.custom-size-advisor__skeleton-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgb(255 255 255 / .75),transparent);animation:custom-size-advisor-skeleton 1.1s ease-in-out infinite}.custom-size-advisor__loading-text{margin:16px 0 0;color:var(--custom-size-advisor-muted);font-size:13px;line-height:1.5;text-align:center}@keyframes custom-size-advisor-skeleton{to{transform:translate(100%)}}.custom-size-advisor__back{display:inline-flex;align-items:center;gap:6px;margin:0 0 18px;padding:0;border:0;background:transparent;color:var(--custom-size-advisor-primary);font:inherit;font-size:13px;font-weight:600;line-height:1.4;cursor:pointer;text-decoration:none}.custom-size-advisor__back-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;font-size:20px;line-height:1;text-decoration:none;transform:translateY(-1px)}.custom-size-advisor__back-text{text-decoration:underline;text-underline-offset:.28em}.custom-size-advisor__back:hover{color:color-mix(in srgb,var(--custom-size-advisor-primary) 80%,#000)}.custom-size-advisor__back:focus-visible{outline:3px solid rgb(16 79 181 / .16);outline-offset:3px}.custom-size-advisor__result{width:100%;min-width:0;padding:22px 22px 18px;border:1px solid var(--custom-size-advisor-soft-border);border-radius:var(--custom-size-advisor-panel-radius);background:linear-gradient(180deg,#f8fbff,#f5f8fd);opacity:0;transform:translate3d(0,8px,0);transition:opacity .24s ease,transform .24s ease}.custom-size-advisor__result.is-visible{opacity:1;transform:translateZ(0)}.custom-size-advisor__result-layout{display:grid;grid-template-columns:1fr;gap:0;align-items:start}.custom-size-advisor__result-main{min-width:0}.custom-size-advisor__result-heading{display:flex;align-items:center;gap:12px;margin-bottom:26px}.custom-size-advisor__result-icon{display:inline-flex;flex:0 0 24px;align-items:center;justify-content:center;width:24px;height:24px;color:var(--custom-size-advisor-primary)}.custom-size-advisor__result-icon svg{width:100%;height:100%;display:block;fill:currentColor}.custom-size-advisor__result-icon svg *{fill:currentColor!important}.custom-size-advisor__result-title{margin:0;color:var(--custom-size-advisor-primary);font-family:var(--font-h6--family, inherit);font-size:var(--font-h6--size, 16px);line-height:var(--font-h6--line-height, 1.25);font-weight:600}.custom-size-advisor__result-size{margin:0;color:var(--custom-size-advisor-muted);font-size:var(--font-paragraph--size, 14px);line-height:1.4;font-weight:500}.custom-size-advisor__result-size strong,.custom-size-advisor__result-size b{display:block;margin-top:4px;color:var(--custom-size-advisor-heading);font-family:var(--font-h4--family, inherit);font-size:var(--font-h4--size, 24px);line-height:var(--font-h4--line-height, 1.15);font-weight:700}.custom-size-advisor__result-text{margin:10px 0 0;color:var(--custom-size-advisor-muted);font-size:var(--font-paragraph--size, 14px);line-height:1.5}.custom-size-advisor__result-visual{display:none!important}.custom-size-advisor__actions{display:grid;gap:12px;margin-top:20px}.custom-size-advisor__actions:not(:has(button:not([hidden]))){display:none}.custom-size-advisor__select,.custom-size-advisor__select-alternative{width:100%;min-height:48px;border-radius:var(--custom-size-advisor-control-radius)}.custom-size-advisor__select:after{content:"\203a";display:inline-block;margin-left:12px;font-size:24px;line-height:0;transform:translateY(1px)}.custom-size-advisor__privacy{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:center;margin-top:auto;padding-top:32px;color:var(--custom-size-advisor-muted)}.custom-size-advisor__privacy-icon{display:inline-flex;align-self:center;align-items:center;justify-content:center;width:20px;height:20px;color:var(--custom-size-advisor-primary)}.custom-size-advisor__privacy-icon svg{width:100%;height:100%;display:block;fill:currentColor}.custom-size-advisor__privacy-icon svg *{fill:currentColor!important}.custom-size-advisor__privacy p{margin:0;font-size:13px;line-height:1.45}.custom-size-advisor__chart-card{width:100%;max-width:100%;min-width:0;border:1px solid #e6ebf2;border-radius:var(--custom-size-advisor-panel-radius);background:#fff;overflow:hidden}.custom-size-advisor-table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.custom-size-advisor-table{width:100%;min-width:420px;border-collapse:collapse;background:#fff}.custom-size-advisor-table thead th{padding:14px 16px;background:#f1f4f8;color:#404a57;text-align:left;font-size:13px;font-weight:600;line-height:1.3}.custom-size-advisor-table tbody td{padding:14px 16px;border-top:1px solid #edf1f5;color:#3c4653;text-align:left;font-size:14px;line-height:1.4}.custom-size-advisor-table tbody tr:first-child td{border-top:0}.custom-size-advisor-table thead th,.custom-size-advisor-table tbody td{border-radius:var(--custom-size-advisor-control-radius)}.custom-size-advisor__tip-card{display:grid;grid-template-columns:22px minmax(0,1fr);gap:14px;width:100%;min-width:0;margin-top:24px;padding:16px 18px;border:1px solid var(--custom-size-advisor-soft-border);border-radius:var(--custom-size-advisor-panel-radius);background:#f8fbff;color:var(--custom-size-advisor-text)}.custom-size-advisor__tip-icon{display:inline-flex;flex:0 0 22px;align-items:center;justify-content:center;width:22px;height:22px;color:#5f7fb4}.custom-size-advisor__tip-icon svg{width:100%;height:100%;display:block;fill:none!important;stroke:currentColor!important}.custom-size-advisor__tip-icon svg path,.custom-size-advisor__tip-icon svg rect,.custom-size-advisor__tip-icon svg line,.custom-size-advisor__tip-icon svg polyline,.custom-size-advisor__tip-icon svg polygon{fill:none!important;stroke:currentColor!important}.custom-size-advisor__tip-icon svg circle{fill:none!important;stroke:currentColor!important}.custom-size-advisor__tip-icon svg circle:last-child{fill:currentColor!important;stroke:none!important}.custom-size-advisor__tip-title{margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.4}.custom-size-advisor__tip-text{margin:0;color:var(--custom-size-advisor-muted);font-size:13px;line-height:1.5}.custom-size-advisor .button,.custom-size-advisor__submit,.custom-size-advisor__select,.custom-size-advisor__select-alternative{display:inline;border-radius:var(--custom-size-advisor-control-radius)}.variant-option__size-advisor-link{display:inline-flex;align-items:center;gap:6px}.variant-option__size-advisor-icon{display:inline-flex;flex:0 0 16px;align-items:center;justify-content:center;width:16px;height:16px;color:currentColor}.variant-option__size-advisor-icon svg{width:100%;height:100%;display:block;fill:currentColor}.variant-option__size-advisor-icon svg *{fill:currentColor!important}@media screen and (max-width:749px){.custom-size-advisor__panel{width:calc(100dvw - 20px)!important;max-width:calc(100dvw - 20px)!important;min-width:0;right:0;left:auto;padding:16px 16px 28px;border-radius:var(--custom-size-advisor-panel-radius) 0 0 var(--custom-size-advisor-panel-radius);overflow-x:hidden}.custom-size-advisor__sticky-header{top:-24px;margin:-24px -16px 18px;padding:24px 16px 14px}.custom-size-advisor__sticky-header:after{right:16px;left:16px}.custom-size-advisor__header,.custom-size-advisor__tabs,.custom-size-advisor__tab-panel,.custom-size-advisor__view,.custom-size-advisor__section-head,.custom-size-advisor__form,.custom-size-advisor__chart-card,.custom-size-advisor-table-wrap{width:100%;max-width:100%;min-width:0}.custom-size-advisor__tabs{--tab-padding: 3px;margin-bottom:26px}.custom-size-advisor__tab{min-height:48px;padding:0 8px;gap:6px;font-size:12px}.custom-size-advisor__tab-icon{width:16px;height:16px;flex-basis:16px}.custom-size-advisor__section-title{font-size:var(--font-h5--size, 18px);line-height:var(--font-h5--line-height, 1.3)}.custom-size-advisor__steps{grid-template-columns:minmax(0,auto) minmax(24px,1fr) minmax(0,auto);gap:10px}.custom-size-advisor__step{gap:6px}.custom-size-advisor__step-label{font-size:12px}.custom-size-advisor__step-line{min-width:0}.custom-size-advisor-table{min-width:360px}.custom-size-advisor__result-heading{margin-bottom:20px}.custom-size-advisor__result-size strong,.custom-size-advisor__result-size b{font-size:var(--font-h5--size, 18px)}}@media screen and (max-width:374px){.custom-size-advisor__panel{width:calc(100dvw - 14px)!important;max-width:calc(100dvw - 14px)!important;padding-right:12px;padding-left:12px}.custom-size-advisor__sticky-header{margin-right:-12px;margin-left:-12px;padding-right:12px;padding-left:12px}.custom-size-advisor__sticky-header:after{right:12px;left:12px}.custom-size-advisor__tab{min-height:46px;padding:0 6px;gap:4px;font-size:11px}.custom-size-advisor__tab-icon{width:14px;height:14px;flex-basis:14px}.custom-size-advisor__step-label{font-size:11px}.custom-size-advisor-table{min-width:340px}}.custom-size-advisor__sticky-header{position:sticky;top:-28px;z-index:80;flex:0 0 auto;background:var(--custom-size-advisor-bg);isolation:isolate}.custom-size-advisor__sticky-header:after{content:"";position:absolute;right:24px;bottom:0;left:24px;z-index:2;height:1px;background:color-mix(in srgb,var(--custom-size-advisor-border) 65%,transparent);pointer-events:none}.custom-size-advisor__sticky-header .custom-size-advisor__header,.custom-size-advisor__sticky-header .custom-size-advisor__tabs{margin-bottom:14px}.custom-size-advisor__sticky-header .custom-size-advisor__steps{margin-bottom:0;padding-bottom:14px;border-bottom:0}.custom-size-advisor[data-active-panel=chart] .custom-size-advisor__steps{display:none}.custom-size-advisor[data-active-panel=chart] .custom-size-advisor__sticky-header{padding-bottom:24px}.custom-size-advisor[data-active-panel=chart] .custom-size-advisor__sticky-header .custom-size-advisor__tabs{margin-bottom:0}@media(prefers-reduced-motion:reduce){.custom-size-advisor *,.custom-size-advisor *:before,.custom-size-advisor *:after,.custom-size-advisor__dialog,.custom-size-advisor__dialog::backdrop,.custom-size-advisor__panel{animation-duration:1ms!important;transition-duration:1ms!important;scroll-behavior:auto!important}}html.custom-size-advisor-is-open,html.custom-size-advisor-is-open body{overflow:hidden;overscroll-behavior:none}html.custom-size-advisor-is-open .custom-size-advisor__panel{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.custom-size-advisor__sticky-header{margin-bottom:10px}.custom-size-advisor__tab-panel{scroll-margin-top:180px}.custom-size-advisor__view.is-active,.custom-size-advisor__tab-panel[data-custom-size-advisor-panel=chart].is-active,.custom-size-advisor__section-head{padding-top:2px}
/*# sourceMappingURL=/cdn/shop/t/53/assets/custom-size-advisor.css.map */