.Stripe{--stripeInset:0px;--stripeWidth:var(--gutterWidth);--stripeMinWidth:80px;--stripeHeight:40px;--stripeIntersectionTop:calc(var(--stripeSetHeight) - var(--stripeHeight));--stripeIntersectionInset:0px;--stripeIntersectionWidth:var(--gutterWidth);--stripeIntersectionBackground:var(--blendIntersection);--stripeMaxInset:calc(var(--layoutWidth)/2);--stripeStartMax:calc(var(--layoutWidth) + var(--gutterWidth));--stripeStart:calc(var(--stripeStartMax) - var(--stripeInset) + var(--stripeBorderOffset));--stripeBorderOffset:0px;right:var(--stripeStart);width:calc(var(--stripeWidth) + var(--stripeInset) - var(--stripeBorderOffset)*2);position:absolute;height:var(--stripeHeight);background:var(--stripeColor);overflow:hidden}.Stripe--variantOutline{background:none;border:1px solid var(--stripeColor)}.StripeSet--BottomLeft .Stripe--variantOutline,.StripeSet--TopLeft .Stripe--variantOutline,.StripeSet--TopRight .Stripe--variantOutline{--stripeBorderOffset:-1px}.Stripe--accentPrimary{--stripeColor:var(--blendForeground)}.Stripe--accentSecondary{--stripeColor:var(--blendBackground)}.Stripe--accentWhite{--stripeColor:var(--stripeAccentWhite)}.Stripe--accentLight{--stripeColor:var(--stripeAccentLight)}.Stripe--accentDark{--stripeColor:var(--stripeAccentDark);--stripeIntersectionBackground:#0055b3}.StripeSet--BottomRight .Stripe,.StripeSet--TopRight .Stripe{right:auto;left:var(--stripeStart)}.Stripe--accentNone:first-of-type{--stripeColor:var(--blendBackground)}.Stripe:nth-of-type(2){top:var(--stripeIntersectionTop)}.Stripe:nth-of-type(2).Stripe--accentNone{--stripeColor:var(--blendForeground)}.Stripe:nth-of-type(2).Stripe--variantOutline{top:calc(var(--stripeIntersectionTop) - 1px);z-index:-1}.StripeSet--BottomLeft .Stripe:only-child,.StripeSet--BottomRight .Stripe:only-child{top:var(--stripeIntersectionTop)}.Stripe:nth-of-type(3){--stripeColor:transparent}.Stripe--insetSmall{--stripeInset:calc(var(--stripeMaxInset)*0.125)}.Stripe--insetNormal{--stripeInset:calc(var(--stripeMaxInset)*0.25)}.Stripe--insetMedium{--stripeInset:calc(var(--stripeMaxInset)*0.5)}.Stripe--insetLarge{--stripeInset:calc(var(--stripeMaxInset)*0.75)}.Stripe--insetHalf{--stripeInset:var(--stripeMaxInset)}.Stripe--insetFull{left:var(--gutterWidth);right:auto;width:var(--stripeWidth)}.Stripe--intersectionInsetSmall{--stripeIntersectionInset:calc(var(--stripeMaxInset)*0.25)}.Stripe--intersectionInsetNormal{--stripeIntersectionInset:calc(var(--stripeMaxInset)*0.5)}.Stripe--intersectionInsetMedium{--stripeIntersectionInset:calc(var(--stripeMaxInset)*0.75)}.Stripe--intersectionInsetLarge{--stripeIntersectionInset:var(--stripeMaxInset)}.Stripe--widthNone{--stripeWidth:0px}.Stripe--widthSmall{--stripeWidth:80px}.Stripe--widthNormal{--stripeWidth:160px}.Stripe--widthMedium{--stripeWidth:240px}.Stripe--widthLarge{--stripeWidth:320px}.Stripe--intersectionWidthNone{--stripeIntersectionWidth:0px}.Stripe--intersectionWidthSmall{--stripeIntersectionWidth:80px}.Stripe--intersectionWidthNormal{--stripeIntersectionWidth:160px}.Stripe--intersectionWidthMedium{--stripeIntersectionWidth:240px}.Stripe--intersectionWidthLarge{--stripeIntersectionWidth:320px}.Stripe__intersection{position:absolute;top:var(--stripeIntersectionTop);height:var(--stripeHeight);transform:translateY(-.25px);background:var(--stripeIntersectionBackground);left:calc(var(--stripeWidth) - var(--stripeIntersectionWidth));width:calc(var(--stripeIntersectionWidth) + var(--stripeIntersectionInset))}.StripeSet--BottomRight .Stripe__intersection,.StripeSet--TopRight .Stripe__intersection{left:auto;right:calc(var(--stripeWidth) - var(--stripeIntersectionWidth))}