.desktop-text[data-v-f45af956]{display:inline}@media(max-width:768px){.desktop-text[data-v-f45af956]{display:none}}.mobile-text[data-v-f45af956]{display:none}@media(max-width:768px){.mobile-text[data-v-f45af956]{display:inline}}.length-size-guide-link[data-v-f45af956]{color:#6b7280;font-size:12px;font-weight:400;text-decoration-line:underline;text-decoration-style:solid;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:14%;text-underline-position:from-font;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.guide-header-title[data-v-f45af956]{font-size:20px;color:#1b2f42}.backing-content[data-v-f45af956]{display:flex;flex-direction:column;gap:12px;padding:8px 0 16px}.backing-row[data-v-f45af956]{display:flex;-moz-column-gap:24px;column-gap:24px;align-items:start}.backing-title[data-v-f45af956]{font-size:16px;color:#1b2f42;margin-bottom:8px;font-weight:400;line-height:24px;letter-spacing:-.1px}.backing-desc[data-v-f45af956]{color:#6b7280;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.backing-img[data-v-f45af956]{width:120px;height:120px;justify-self:end}.backing-tip[data-v-f45af956]{background:#f3f4f6;border-radius:8px;padding:4px 8px}.backing-tip-desc[data-v-f45af956]{color:#6b7280;font-size:12px;font-weight:400;line-height:18px}.guide-content[data-v-f45af956]{display:flex;flex-direction:column;gap:18px;padding:8px 0}.guide-hero[data-v-f45af956]{display:flex;flex-direction:column;gap:10px}.guide-hero__image-wrap[data-v-f45af956]{position:relative;width:100%;overflow:hidden}.guide-hero__image[data-v-f45af956]{display:block;width:100%;height:auto;border-radius:8px}.guide-hero__labels[data-v-f45af956]{position:absolute;top:15px;left:10px;width:100%;pointer-events:none;color:#111827;font-size:14px}.guide-hero__label[data-v-f45af956]{position:absolute;transform:translate(-50%)}.guide-hero__subtext[data-v-f45af956]{position:absolute;left:50%;bottom:5px;transform:translate(-50%);width:calc(100% - 24px);text-align:center;color:#1b2f42;font-size:10px;font-weight:400;pointer-events:none}.guide-table-wrap[data-v-f45af956]{color:#1b2f42;text-align:center;font-size:12px;font-weight:500;line-height:16px}.guide-table-header[data-v-f45af956]{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:10px 0 12px;border-bottom:1px solid #E5E7EB}.guide-table-row[data-v-f45af956]{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 0;border-bottom:1px solid #E5E7EB}.guide-table-note[data-v-f45af956]{padding:14px 0 0;color:#6b7280;text-align:center;font-size:12px;font-weight:400;line-height:18px}.guide-how-to[data-v-f45af956]{display:flex;flex-direction:column;gap:14px}.guide-how-to__title[data-v-f45af956]{font-size:16px;color:#1b2f42;font-weight:400;line-height:20px}.guide-how-to__grid[data-v-f45af956]{display:flex;-moz-column-gap:12px;column-gap:12px;align-items:start}.guide-how-to__image-wrap[data-v-f45af956]{width:100%}.guide-how-to__image[data-v-f45af956]{width:100%;height:auto;display:block;border-radius:8px}.guide-steps[data-v-f45af956]{margin:0;padding-left:12px;color:#1b2f42;font-size:12px;font-weight:400;line-height:18px}.guide-steps li[data-v-f45af956]{margin-bottom:10px}.guide-dialog-card[data-v-f45af956]{width:100%;max-height:80vh;display:flex;flex-direction:column;background:#fff}.is-dark.guide-dialog-card[data-v-f45af956]{background:#1d1d1d}.q-card-header[data-v-f45af956]{position:sticky;top:0;z-index:3;background:inherit;padding-left:16px;padding-right:16px}.q-card-scrollable[data-v-f45af956]{overflow-y:auto;flex:1;padding-left:16px;padding-right:16px}@media(max-width:768px){.guide-how-to__grid[data-v-f45af956]{grid-template-columns:1fr}.guide-dialog-card[data-v-f45af956]{border-top-left-radius:26px;border-top-right-radius:26px}}@media(min-width:769px){.guide-dialog-card[data-v-f45af956]{width:500px!important;max-width:500px!important;border-radius:26px}.q-card-header[data-v-f45af956],.q-card-scrollable[data-v-f45af956]{padding-left:24px!important;padding-right:24px!important}.backing-img[data-v-f45af956]{width:130px!important;height:100px!important}.length-size-guide-link[data-v-f45af956]{font-size:14px}.guide-header-title[data-v-f45af956]{font-size:22px}.guide-hero__labels[data-v-f45af956]{font-size:16px}.guide-hero__subtext[data-v-f45af956]{font-size:12px}.guide-table-wrap[data-v-f45af956]{font-size:16px}.guide-table-note[data-v-f45af956]{font-size:14px}.guide-how-to__title[data-v-f45af956]{font-size:18px}.guide-steps[data-v-f45af956]{font-size:14px}.backing-title[data-v-f45af956]{font-size:18px}.backing-desc[data-v-f45af956]{font-size:16px}.backing-tip-desc[data-v-f45af956]{font-size:14px}}.is-dark[data-v-f45af956] .length-size-guide-link,.is-dark .length-size-guide-link[data-v-f45af956],.is-dark .backing-desc[data-v-f45af956],.is-dark .backing-tip-desc[data-v-f45af956]{color:#9ca3af!important}.is-dark .guide-header-title[data-v-f45af956],.is-dark .backing-title[data-v-f45af956],.is-dark .guide-table-wrap[data-v-f45af956],.is-dark .guide-how-to__title[data-v-f45af956],.is-dark .guide-table-note[data-v-f45af956],.is-dark .guide-steps[data-v-f45af956]{color:#fff!important}.is-dark .backing-tip[data-v-f45af956]{background:#18181b!important}#dynamic-variant-picker .setting-page-redesign{width:100%}#dynamic-variant-picker .body{display:flex;align-items:center;flex-wrap:wrap;gap:12px}@media(max-width:768px){#dynamic-variant-picker .body{overflow-x:auto;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none}}#dynamic-variant-picker .body .q-btn{border-radius:4px;padding:6px 7px}#dynamic-variant-picker .body .q-btn--active-state{background:#eff3fe;border:1px solid #4169E1;color:#4169e1}#dynamic-variant-picker .body .q-btn--active-state.q-btn--shapes{border:1px solid #4169E1}#dynamic-variant-picker .body .q-btn--inactive-state{border:1px solid #E1E7F0}#dynamic-variant-picker .body .q-btn--inactive-state.collapsible-variants{background:#fff}#dynamic-variant-picker .body .q-btn--inactive-state.q-btn--shapes{border:1px solid transparent}#dynamic-variant-picker .body .q-btn--shapes{padding:4px}#dynamic-variant-picker .body .q-btn--inactive-state:hover,#dynamic-variant-picker .body .q-btn--inactive-state:active{border:1px solid #4169E1;opacity:.9;transition:.3s;color:#4169e1}#dynamic-variant-picker .body.setting-page-redesign .q-btn:hover,#dynamic-variant-picker .body.setting-page-redesign .q-btn:active,#dynamic-variant-picker .body.setting-page-redesign .q-btn:focus,#dynamic-variant-picker .body.setting-page-redesign .q-btn.q-btn--actionable:active,#dynamic-variant-picker .body.setting-page-redesign .q-btn.q-btn--actionable:focus{background:transparent!important;color:#1b2f42!important;border-color:#1b2f42!important;box-shadow:none!important}#dynamic-variant-picker .body.setting-page-redesign .q-btn--active-state{background:#f3f4f6!important;background-color:#f3f4f6!important;color:#1b2f42!important;border:1px solid #1B2F42!important;font-weight:500!important}#dynamic-variant-picker .body.setting-page-redesign .q-btn--active-state.q-btn--shapes{border:1px solid #1B2F42!important}#dynamic-variant-picker .body.setting-page-redesign .q-btn--inactive-state:hover,#dynamic-variant-picker .body.setting-page-redesign .q-btn--inactive-state:active,#dynamic-variant-picker .body.setting-page-redesign .q-btn--inactive-state:focus{border:1px solid #1B2F42!important;color:#1b2f42!important;background:transparent!important}#dynamic-variant-picker .shape-image{width:32px;height:32px;-o-object-fit:contain;object-fit:contain}@media(max-width:768px){#dynamic-variant-picker .shape-image{width:28px}}#dynamic-variant-picker .variant-shapes-no-scroll{display:flex;align-items:center;flex-wrap:wrap;gap:12px}#dynamic-variant-picker .variant-shapes-scroll{width:100%;overflow-x:auto;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;display:flex;gap:12px}@media(max-width:768px){#dynamic-variant-picker .variant-shapes-scroll{gap:9px}}#dynamic-variant-picker .variant-shapes-scroll::-webkit-scrollbar{display:none}#dynamic-variant-picker .variant-shapes-scroll .shape-image{width:32px;height:32px;-o-object-fit:contain;object-fit:contain}@media(max-width:768px){#dynamic-variant-picker .variant-shapes-scroll .shape-image{width:28px}}#dynamic-variant-picker .variant-btn-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}#dynamic-variant-picker .length-size-guide-wrapper{margin-left:auto;display:inline-flex}#dynamic-variant-picker .heading-row{display:flex;align-items:center;width:100%}.body--dark #dynamic-variant-picker .body .q-btn--active-state{background-color:#4169e1!important;color:#fff}.body--dark #dynamic-variant-picker .body .q-btn--active-state.collapsible-variants{background-color:#6a94ef1a!important;border:1px solid #6A94EF}.body--dark #dynamic-variant-picker .body .q-btn--active-state.collapsible-variants span{color:#6a94ef!important}.body--dark #dynamic-variant-picker .body.setting-page-redesign .q-btn:hover,.body--dark #dynamic-variant-picker .body.setting-page-redesign .q-btn:active,.body--dark #dynamic-variant-picker .body.setting-page-redesign .q-btn:focus,.body--dark #dynamic-variant-picker .body.setting-page-redesign .q-btn.q-btn--actionable:active,.body--dark #dynamic-variant-picker .body.setting-page-redesign .q-btn.q-btn--actionable:focus{background:transparent!important;color:#66a1ff!important;border-color:#66a1ff!important;box-shadow:none!important}.body--dark #dynamic-variant-picker .body.setting-page-redesign .q-btn--active-state{background:#6a94ef14!important;background-color:#6a94ef14!important;color:#66a1ff!important;border:1px solid #66A1FF!important;font-weight:500!important}.body--dark #dynamic-variant-picker .body.setting-page-redesign .q-btn--active-state.q-btn--shapes{border:1px solid #66A1FF!important}.body--dark #dynamic-variant-picker .body.setting-page-redesign .q-btn--active-state span{color:#66a1ff!important}.body--dark #dynamic-variant-picker .body.setting-page-redesign .q-btn--inactive-state:hover,.body--dark #dynamic-variant-picker .body.setting-page-redesign .q-btn--inactive-state:active,.body--dark #dynamic-variant-picker .body.setting-page-redesign .q-btn--inactive-state:focus{border:1px solid #66A1FF!important;color:#66a1ff!important;background:transparent!important}.body--dark #dynamic-variant-picker .body .q-btn--inactive-state.collapsible-variants{background:#18181b;border:1px solid rgba(243,244,246,.08)}.body--dark #dynamic-variant-picker .heading .mobile-variant-value{color:#fff!important;font-family:LinetoMedium}body.desktop #dynamic-variant-picker .setting-page-redesign .q-btn{height:48px!important;padding:0 14px!important;line-height:20px!important;min-width:68px!important}body.desktop #dynamic-variant-picker .setting-page-redesign .body .q-btn--active-state:hover,body.desktop #dynamic-variant-picker .setting-page-redesign .body .q-btn--active-state:active,body.desktop #dynamic-variant-picker .setting-page-redesign .body .q-btn--active-state:focus{background:#f3f4f6!important;background-color:#f3f4f6!important;color:#1b2f42!important;border:1px solid #1B2F42!important;box-shadow:none!important}body.desktop #dynamic-variant-picker .setting-page-redesign .body .q-btn--inactive-state:hover,body.desktop #dynamic-variant-picker .setting-page-redesign .body .q-btn--inactive-state:active,body.desktop #dynamic-variant-picker .setting-page-redesign .body .q-btn--inactive-state:focus{background:#fff!important;background-color:#fff!important}body.desktop.body--dark #dynamic-variant-picker .setting-page-redesign .body .q-btn--active-state:hover,body.desktop.body--dark #dynamic-variant-picker .setting-page-redesign .body .q-btn--active-state:active,body.desktop.body--dark #dynamic-variant-picker .setting-page-redesign .body .q-btn--active-state:focus{background:#6a94ef14!important;background-color:#6a94ef14!important;color:#66a1ff!important;border:1px solid #66A1FF!important;box-shadow:none!important}body.desktop.body--dark #dynamic-variant-picker .setting-page-redesign .body .q-btn--active-state:hover span,body.desktop.body--dark #dynamic-variant-picker .setting-page-redesign .body .q-btn--active-state:active span,body.desktop.body--dark #dynamic-variant-picker .setting-page-redesign .body .q-btn--active-state:focus span{color:#66a1ff!important}body.desktop.body--dark #dynamic-variant-picker .setting-page-redesign .body .q-btn--inactive-state:hover,body.desktop.body--dark #dynamic-variant-picker .setting-page-redesign .body .q-btn--inactive-state:active,body.desktop.body--dark #dynamic-variant-picker .setting-page-redesign .body .q-btn--inactive-state:focus{background:#18181b!important;background-color:#18181b!important}body.mobile .setting-page-redesign .q-btn,body.mobile .setting-page-redesign .q-btn.q-btn--shapes{padding:12px 24px!important}body.mobile #dynamic-variant-picker .heading{font-size:14px!important;font-weight:400;line-height:20px;margin:16px 0 8px}body.mobile #dynamic-variant-picker .heading .value-label{color:#6b7280}body.mobile #dynamic-variant-picker .heading .mobile-variant-value{color:#1b2f42}body.mobile #dynamic-variant-picker.setting-page-redesign .heading{margin:24px 0 12px!important}body.mobile #dynamic-variant-picker .body{gap:9px!important}body.mobile #dynamic-variant-picker .body .q-btn{padding:0 7px!important;min-width:68px!important}body.mobile #dynamic-variant-picker .body .q-btn--shapes{padding:0 7px!important}body.mobile #dynamic-variant-picker .body.setting-page-redesign .q-btn{height:44px!important;padding:0 14px!important;min-width:68px!important}body.mobile #dynamic-variant-picker .body.setting-page-redesign .q-btn--shapes{padding:4px!important}