outfit-cta-bar{display:block;color:var(--ocb-text)}.outfit-cta__bar{position:fixed;z-index:605040934287598345734!important;inset-inline:20px;bottom:calc(var(--ocb-bottom) + env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(180px,auto) minmax(0,1fr) auto;align-items:center;gap:12px;width:auto;max-width:var(--ocb-max-width);margin-inline:auto;padding:12px 16px;background:var(--ocb-background);color:var(--ocb-text);border:1px solid #e5e5e5;border-radius:16px;box-shadow:0 8px 36px #00000029}.outfit-cta__summary{display:flex;align-items:center;gap:10px;padding-inline-end:16px;border-inline-end:1px solid #e4e4e4}.outfit-cta__illustration{display:block;flex:0 0 44px;width:44px}.outfit-cta__illustration img,.outfit-cta__illustration svg{width:100%;height:42px;object-fit:contain}.outfit-cta__heading{font-family:var(--text-font-family);font-size:16px;font-weight:700;line-height:1.25;letter-spacing:0;text-transform:none}.outfit-cta__progress{margin-block-start:3px;font-size:11px;line-height:1.4}.outfit-cta__categories{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(100px,1fr);gap:8px;overflow-x:auto;scrollbar-width:thin;margin:0;padding:2px;list-style:none}.outfit-cta__category{min-width:0;border:1px solid #e8e8e8;border-radius:9px;background:#fff}.outfit-cta__category-link{display:flex;align-items:center;gap:7px;min-height:48px;padding:5px 8px;text-decoration:none;color:inherit}.outfit-cta__thumbnail{flex:0 0 30px;width:30px;height:36px;overflow:hidden;border-radius:50%;background:#f7f4ed}.outfit-cta__thumbnail img,.outfit-cta__thumbnail svg{display:block;width:100%;height:100%;object-fit:contain}.outfit-cta__category-label{min-width:0;font-size:11px;font-weight:650;line-height:1.2;overflow-wrap:anywhere}.outfit-cta__status{display:grid;place-items:center;flex:0 0 16px;width:16px;height:16px;margin-inline-start:auto;border:2px solid #d7d9df;border-radius:50%;color:#fff}.outfit-cta__status svg{width:12px;height:12px;opacity:0}.outfit-cta__category.is-complete .outfit-cta__status{background:var(--ocb-success);border-color:var(--ocb-success)}.outfit-cta__category.is-complete .outfit-cta__status svg{opacity:1}.outfit-cta__button{--button-background: var(--ocb-accent);--button-text-color: var(--ocb-button-text);min-height:44px;gap:10px;padding:10px 16px;border-radius:6px;font-size:var(--ocb-button-size);font-weight:700;letter-spacing:.04em;white-space:nowrap}.outfit-cta__button>span:last-child{font-size:22px;line-height:1}.lock .outfit-cta__bar{visibility:hidden;pointer-events:none}.outfit-cta__dialog{--modal-body-max-width: 42rem}.outfit-cta__items{display:grid;gap:10px;margin:0;padding:0;list-style:none}.outfit-cta__item{display:flex;align-items:center;gap:12px;padding-block-end:10px;border-block-end:1px solid rgb(0 0 0 / .1)}.outfit-cta__item-image{width:48px;height:64px;flex:0 0 48px;object-fit:contain}.outfit-cta__item>div{min-width:0;display:grid;justify-items:start;gap:3px;font-size:12px;line-height:1.4}.outfit-cta__item-category{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;background:#f4eddd;color:#70531a;font-size:10px;font-weight:700;line-height:1.3;letter-spacing:.06em;text-transform:uppercase}.outfit-cta__cart-link{margin-block-start:16px}.outfit-cta__cart-link .button{width:100%;min-height:48px;font-size:13px;font-weight:700}.outfit-cta__bar :focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(min-width:1000px)and (max-width:1399px){.outfit-cta__bar{gap:12px;padding:14px}.outfit-cta__summary{gap:10px;padding-inline-end:12px}.outfit-cta__illustration{flex-basis:44px;width:44px}.outfit-cta__heading{font-size:16px}.outfit-cta__categories{gap:8px;grid-auto-columns:minmax(100px,1fr)}.outfit-cta__thumbnail{flex-basis:32px;width:32px;height:40px}.outfit-cta__category-link{gap:6px;padding-inline:8px}.outfit-cta__category-label{font-size:12px}.outfit-cta__button{padding-inline:14px}}@media(max-width:999px){.outfit-cta__bar{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px 16px}.outfit-cta__summary{border:0;padding:0}.outfit-cta__categories{grid-column:1 / -1;grid-row:2}.outfit-cta__button{grid-column:2;grid-row:1}}@media(max-width:699px){.outfit-cta__dialog{z-index:605040934287598345734!important}.outfit-cta__bar{inset-inline:8px;bottom:calc(8px + env(safe-area-inset-bottom));padding:8px;gap:8px;border-radius:14px}.outfit-cta__summary{gap:8px}.outfit-cta__illustration{flex-basis:32px;width:32px}.outfit-cta__illustration img,.outfit-cta__illustration svg{height:36px}.outfit-cta__heading{font-size:14px}.outfit-cta__progress{font-size:10px;margin-block-start:2px}.outfit-cta__categories{grid-auto-columns:minmax(60px,1fr);gap:4px;padding-block-end:2px}.outfit-cta__category-link{position:relative;flex-direction:column;justify-content:center;min-height:48px;padding:4px;gap:3px}.outfit-cta__thumbnail{flex-basis:20px;width:20px;height:20px}.outfit-cta__category-label{font-size:10px}.outfit-cta__status{position:absolute;inset-block-start:4px;inset-inline-end:4px;width:12px;height:12px;border-width:1.5px}.outfit-cta__status svg{width:9px;height:9px}.outfit-cta__button{min-height:44px;padding:8px 10px;gap:6px;font-size:var(--ocb-button-mobile)}.outfit-cta__button>span:last-child{font-size:16px}}body:has(outfit-cta-bar) :is(#smile-ui-container,#smile-ui-lite-container,#smile-ui-launcher-container,.smile-launcher-frame-container,shopify-chat,#clarity-agent,clarity-agent,[data-clarity-agent],iframe[src*="clarity.ms"],iframe[src*="smile.io"]){z-index:2147483646!important}@media(max-width:359px){.outfit-cta__summary .outfit-cta__illustration{display:none}.outfit-cta__heading{font-size:12px}.outfit-cta__progress{font-size:9px}.outfit-cta__button{padding-inline:8px}}.outfit-cta__bar{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(100% + var(--ocb-bottom) + 24px));transition:opacity .2s ease,transform .25s ease,visibility 0s linear .25s}outfit-cta-bar.is-scroll-visible .outfit-cta__bar{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}.lock outfit-cta-bar .outfit-cta__bar{visibility:hidden;pointer-events:none}@media(prefers-reduced-motion:reduce){.outfit-cta__bar{transition:none;transform:none}}@media(min-width:1000px){.outfit-cta__bar{bottom:calc(var(--ocb-bottom) + 20px + env(safe-area-inset-bottom));grid-template-columns:minmax(190px,auto) minmax(0,1fr) auto;gap:14px;padding:14px 18px}.outfit-cta__summary{gap:12px;padding-inline-end:16px}.outfit-cta__illustration{flex-basis:50px;width:50px}.outfit-cta__illustration img,.outfit-cta__illustration svg{height:46px}.outfit-cta__heading{font-size:17px;white-space:nowrap}.outfit-cta__progress{font-size:12px;white-space:nowrap}.outfit-cta__categories{grid-auto-columns:minmax(104px,1fr);gap:8px}.outfit-cta__category-link{gap:8px;min-height:54px;padding:6px 10px}.outfit-cta__thumbnail{flex-basis:36px;width:36px;height:36px}.outfit-cta__category-label{font-size:12.5px;overflow-wrap:normal;word-break:normal}.outfit-cta__status{flex-basis:18px;width:18px;height:18px}.outfit-cta__status svg{width:13px;height:13px}.outfit-cta__button{min-height:48px;padding:10px 18px;font-size:calc(var(--ocb-button-size) + 1px)}.outfit-cta__button>span:last-child{font-size:24px}}@media(min-width:1000px)and (max-width:1399px){.outfit-cta__bar{grid-template-columns:minmax(170px,auto) minmax(0,1fr) auto;gap:10px;padding:12px 14px}.outfit-cta__summary{gap:8px;padding-inline-end:10px}.outfit-cta__illustration{flex-basis:40px;width:40px}.outfit-cta__heading{font-size:15px}.outfit-cta__progress{font-size:11px}.outfit-cta__categories{grid-auto-columns:minmax(90px,1fr);gap:6px}.outfit-cta__category-link{gap:6px;padding-inline:8px}.outfit-cta__thumbnail{flex-basis:30px;width:30px;height:30px}.outfit-cta__category-label{font-size:12px}.outfit-cta__button{padding-inline:14px}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/outfit-cta-bar.css.map */
