.ss-order-timeline{--ss-ot-text: var(--ss-text, #1a1a1a);--ss-ot-text-soft: var(--ss-text-soft, #555555);--ss-ot-text-muted: #767676;--ss-ot-text-muted-on-grey: #6B6B6B;--ss-ot-grey-bg: var(--ss-grau-hell, #F8F8F8);--ss-ot-cols: minmax(0, 30fr) minmax(0, 40fr) minmax(0, 30fr);--ss-ot-gap: 3px;--ss-ot-overlap: 11px;--ss-ot-a-bg: color-mix(in srgb, var(--ss-ot-a) 30%, white);--ss-ot-a-text: color-mix(in srgb, var(--ss-ot-a) 45%, black);--ss-ot-b-bg: color-mix(in srgb, var(--ss-ot-b) 30%, white);--ss-ot-b-text: color-mix(in srgb, var(--ss-ot-b) 45%, black);--ss-ot-b-stripe-1: color-mix(in srgb, var(--ss-ot-b) 22%, white);--ss-ot-b-stripe-2: color-mix(in srgb, var(--ss-ot-b) 30%, white);container-type:inline-size;box-sizing:border-box;color:var(--ss-ot-text);padding:0;margin:28px 0;max-width:44rem;text-align:left}@supports not (color: color-mix(in srgb,red 50%,white)){.ss-order-timeline{--ss-ot-a-bg: #B5D4F4;--ss-ot-a-text: #0C447C;--ss-ot-b-bg: #9FE1CB;--ss-ot-b-text: #04342C;--ss-ot-b-stripe-1: #C6EBDD;--ss-ot-b-stripe-2: #9FE1CB}}.ss-order-timeline__head{margin-bottom:14px}.ss-order-timeline__headline{margin:0;font-size:1.7rem;font-weight:600;line-height:1.3;text-transform:none;color:var(--ss-ot-text)}.ss-order-timeline__subline{margin:4px 0 0;font-size:1.5rem;line-height:1.4;color:var(--ss-ot-text-soft)}.ss-order-timeline__sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ss-order-timeline__row{display:grid;grid-template-columns:var(--ss-ot-cols);column-gap:var(--ss-ot-gap)}.ss-order-timeline__bar{min-height:48px}.ss-order-timeline__seg{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;white-space:nowrap;text-align:center;line-height:1.25}.ss-order-timeline__seg-name{font-size:1.4rem;font-weight:500}.ss-order-timeline__seg-time{font-size:1.3rem;font-weight:400}.ss-order-timeline__seg--preview{padding:0 16px 0 12px;border-radius:10px 0 0 10px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%);background:var(--ss-ot-a-bg);color:var(--ss-ot-a-text)}.ss-order-timeline__seg--print{margin-left:calc(var(--ss-ot-overlap) * -1);padding:0 16px 0 18px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,14px 50%);background:var(--ss-ot-b-bg);color:var(--ss-ot-b-text)}.ss-order-timeline__seg--ship{margin-left:calc(var(--ss-ot-overlap) * -1);padding:0 16px 0 18px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%,14px 50%);background:repeating-linear-gradient(135deg,var(--ss-ot-b-stripe-1) 0 7px,var(--ss-ot-b-stripe-2) 7px 14px);color:var(--ss-ot-b-text)}.ss-order-timeline__details{margin-top:16px;border:.1rem solid var(--ss-grau-border, #E8E8E8);border-radius:var(--ss-radius, 8px);background:#fff;transition:border-color .2s ease}@media(hover:hover){.ss-order-timeline__details:hover{border-color:#bdbdbd}}.ss-order-timeline__summary{display:flex;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box;min-height:56px;padding:16px;border-radius:var(--ss-radius, 8px);list-style:none;cursor:pointer;font-size:1.7rem;font-weight:500;line-height:1.3;color:var(--ss-ot-text)}.ss-order-timeline__details[open]>.ss-order-timeline__summary{border-bottom:.1rem solid var(--ss-grau-border, #E8E8E8);border-radius:var(--ss-radius, 8px) var(--ss-radius, 8px) 0 0}.ss-order-timeline__summary::-webkit-details-marker{display:none}.ss-order-timeline__summary::marker{content:""}.ss-order-timeline__summary:focus-visible{outline:.2rem solid var(--ss-ot-text);outline-offset:-.2rem;box-shadow:none}.ss-order-timeline__plus{position:relative;flex:0 0 auto;width:14px;height:14px}.ss-order-timeline__plus:before,.ss-order-timeline__plus:after{content:"";position:absolute;top:6px;left:0;width:14px;height:2px;border-radius:1px;background:currentColor}.ss-order-timeline__plus:after{transform:rotate(90deg);transition:transform .2s ease}.ss-order-timeline__details[open]>.ss-order-timeline__summary .ss-order-timeline__plus:after{transform:rotate(0)}.ss-order-timeline{--ss-ot-a-soft: color-mix(in srgb, var(--ss-ot-a) 14%, white);--ss-ot-b-soft: color-mix(in srgb, var(--ss-ot-b) 14%, white);--ss-ot-a-line: color-mix(in srgb, var(--ss-ot-a) 50%, white);--ss-ot-b-line: color-mix(in srgb, var(--ss-ot-b) 50%, white)}@supports not (color: color-mix(in srgb,red 50%,white)){.ss-order-timeline{--ss-ot-a-soft: #E6F1FB;--ss-ot-b-soft: #E1F5EE;--ss-ot-a-line: #9BC4EE;--ss-ot-b-line: #8ECEBA}}.ss-order-timeline__flow{list-style:none;margin:0;padding:16px 16px 20px}.ss-order-timeline__flow-step{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:14px;margin:0;padding:0}.ss-order-timeline__flow-step+.ss-order-timeline__flow-step{margin-top:20px}.ss-order-timeline__flow-marker{position:relative}.ss-order-timeline__flow-num{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:15px;font-weight:500;line-height:1;letter-spacing:0}.ss-order-timeline__flow-line{position:absolute;top:36px;bottom:-16px;left:15px;width:2px;border-radius:1px}.ss-order-timeline__flow-step:last-child .ss-order-timeline__flow-line{display:none}.ss-order-timeline__flow-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px;margin:0;padding-top:4px}.ss-order-timeline__flow-name{font-size:1.7rem;font-weight:500;line-height:1.3;color:var(--ss-ot-text)}.ss-order-timeline__flow-time{padding:2px 8px;border-radius:6px;white-space:nowrap;font-size:1.3rem;line-height:1.4}.ss-order-timeline__flow-text{margin:6px 0 0;font-size:1.5rem;line-height:1.5;color:rgba(var(--color-foreground, 18, 18, 18),.75)}.ss-order-timeline__flow-link{margin:6px 0 0;font-size:1.4rem;line-height:1.5;color:rgba(var(--color-foreground, 18, 18, 18),.75)}.ss-order-timeline__flow-link a{color:inherit;text-decoration:underline;text-underline-offset:.2rem}.ss-order-timeline__flow-link a:hover{color:var(--ss-ot-text)}.ss-order-timeline__flow-hint{margin:10px 0 0;padding:10px 12px;border-radius:8px;background:var(--ss-ot-grey-bg);font-size:1.4rem;line-height:1.45;color:rgba(var(--color-foreground, 18, 18, 18),.75)}.ss-order-timeline__flow-hint-label{font-weight:500;color:var(--ss-ot-text)}.ss-order-timeline__flow-step--1 .ss-order-timeline__flow-num,.ss-order-timeline__flow-step--2 .ss-order-timeline__flow-num{background:var(--ss-ot-a-bg);color:var(--ss-ot-a-text)}.ss-order-timeline__flow-step--1 .ss-order-timeline__flow-time,.ss-order-timeline__flow-step--2 .ss-order-timeline__flow-time{background:var(--ss-ot-a-soft);color:var(--ss-ot-a-text)}.ss-order-timeline__flow-step--3 .ss-order-timeline__flow-num{background:var(--ss-ot-b-bg);color:var(--ss-ot-b-text)}.ss-order-timeline__flow-step--4 .ss-order-timeline__flow-num{background:repeating-linear-gradient(135deg,var(--ss-ot-b-stripe-1) 0 7px,var(--ss-ot-b-stripe-2) 7px 14px);color:var(--ss-ot-b-text)}.ss-order-timeline__flow-step--3 .ss-order-timeline__flow-time,.ss-order-timeline__flow-step--4 .ss-order-timeline__flow-time{background:var(--ss-ot-b-soft);color:var(--ss-ot-b-text)}.ss-order-timeline__flow-step--1 .ss-order-timeline__flow-line{background:var(--ss-ot-a-line)}.ss-order-timeline__flow-step--2 .ss-order-timeline__flow-line,.ss-order-timeline__flow-step--3 .ss-order-timeline__flow-line{background:var(--ss-ot-b-line)}.ss-order-timeline__seg--preview{transition:background-color .3s ease,color .3s ease}.ss-order-timeline--no-preview .ss-order-timeline__seg--preview{background:var(--ss-ot-grey-bg);color:var(--ss-ot-text-muted-on-grey)}.ss-order-timeline--no-preview .ss-order-timeline__seg--preview .ss-order-timeline__seg-time{text-decoration:line-through}@container (max-width: 30rem){.ss-order-timeline__seg{padding-top:6px;padding-bottom:6px;white-space:normal;-webkit-hyphens:auto;hyphens:auto}}@media(prefers-reduced-motion:reduce){.ss-order-timeline__seg--preview,.ss-order-timeline__details,.ss-order-timeline__plus:after{transition:none}}.ss-order-timeline.ss-order-timeline--in-faq{margin:0;padding:0}.ss-order-timeline--in-faq .ss-order-timeline__flow{padding:4px 0 0}.ss-order-timeline--in-faq .ss-order-timeline__flow-name{font-size:1.6rem}.ss-order-timeline--in-faq .ss-order-timeline__flow-text,.ss-order-timeline--in-faq .ss-order-timeline__flow-hint,.ss-order-timeline--in-faq .ss-order-timeline__flow-link{font-size:1.5rem;color:rgb(var(--color-foreground, 18, 18, 18))}.ss-order-timeline--in-faq .ss-order-timeline__flow-time{font-size:1.3rem}
/*# sourceMappingURL=/cdn/shop/t/30/assets/shadesticker-order-timeline.css.map */