.cs-vp{display:flex;flex-direction:column;gap:8px}.cs-vp__swatches{display:flex;flex-wrap:wrap;gap:9px;padding:3px;margin:-3px}.cs-vp__swatch{width:22px;height:22px;flex:0 0 22px;padding:0;border:0;border-radius:50%;background:var(--vp-swatch, #D8D2C6);box-shadow:inset 0 0 0 1px #12283d26;cursor:pointer;transition:box-shadow .14s ease}.cs-vp__swatch[aria-pressed=true]{box-shadow:inset 0 0 0 1px #12283d26,0 0 0 2px #fff,0 0 0 3.5px var(--cs-navy)}.cs-vp__swatch:focus-visible{outline:2px solid #F2C14E;outline-offset:4px}.cs-vp__label{margin:0;font-family:DM Sans,sans-serif;font-size:13px;line-height:1.4;color:#5b6270}.cs-vp__label b{font-weight:700;color:var(--cs-navy)}.cs-vp__pills{display:inline-flex;flex-wrap:wrap;align-self:flex-start;gap:2px;max-width:100%;padding:3px;border-radius:16px;background:#f3ede1}.cs-vp__pill{min-height:28px;padding:5px 12px;border:0;border-radius:999px;background:transparent;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;line-height:1.2;color:#5b6270;cursor:pointer;transition:background .14s ease,color .14s ease,box-shadow .14s ease}@media(hover:hover)and (pointer:fine){.cs-vp__pill:hover{color:var(--cs-navy)}}.cs-vp__pill[aria-pressed=true]{background:#fff;color:var(--cs-navy);box-shadow:0 1px 3px #12283d29,0 0 0 1px #12283d0f}.cs-vp__pill.is-off,.cs-vp__pill:disabled{background:transparent;box-shadow:none;color:#12283d4d;text-decoration:line-through;cursor:not-allowed}.cs-vp__pill:focus-visible{outline:2px solid #F2C14E;outline-offset:2px}@media(prefers-reduced-motion:reduce){.cs-vp__swatch,.cs-vp__pill{transition:none}}.cs-vp .is-blank{display:none}.cs-vp .cs-vp__opts{display:contents}.cs-vp .cs-vp__swatches{flex-wrap:nowrap;padding:4px;margin:-4px;overflow-x:auto;scrollbar-width:none}.cs-vp .cs-vp__swatches::-webkit-scrollbar{display:none}.cs-vp .cs-vp__pills{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.cs-vp .cs-vp__pills::-webkit-scrollbar{display:none}@media(max-width:767px){body:not(#cs-tap) :is(.fyl__card,.sb-card,.bsp__card) .cs-vp{gap:8px;min-width:0}body:not(#cs-tap) :is(.fyl__card,.sb-card,.bsp__card) .cs-vp .cs-vp__swatches{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;box-sizing:content-box;height:22px;padding:4px;margin:-4px;overflow:hidden}body:not(#cs-tap) :is(.fyl__card,.sb-card,.bsp__card) .cs-vp .cs-vp__swatch{position:relative;width:22px;height:22px;flex:0 0 22px;background:none;box-shadow:none}body:not(#cs-tap) :is(.fyl__card,.sb-card,.bsp__card) .cs-vp .cs-vp__swatch:before{content:"";position:absolute;top:0;left:0;width:22px;height:22px;border-radius:50%;background:var(--vp-swatch, #D8D2C6);box-shadow:inset 0 0 0 1px #12283d26}body:not(#cs-tap) :is(.fyl__card,.sb-card,.bsp__card) .cs-vp .cs-vp__swatch[aria-pressed=true]:before{box-shadow:inset 0 0 0 1px #12283d26,0 0 0 2px #fff,0 0 0 3.5px var(--cs-navy)}body:not(#cs-tap) :is(.fyl__card,.sb-card,.bsp__card) .cs-vp .cs-vp__swatch:focus-visible{outline-offset:2px}body:not(#cs-tap) :is(.fyl__card,.sb-card,.bsp__card) .cs-vp .cs-vp__swatch--extra{display:none}body:not(#cs-tap) :is(.fyl__card,.sb-card,.bsp__card) .cs-vp .cs-vp__more{display:inline-flex;flex:0 0 auto;align-items:center;height:22px;padding:0;border:0;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;line-height:1;color:#5b6270}body:not(#cs-tap) :is(.fyl__card,.sb-card,.bsp__card) .cs-vp .cs-vp__label{display:block;height:18px;margin:0;font-size:13px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body:not(#cs-tap) :is(.fyl__card,.sb-card,.bsp__card) .cs-vp .cs-vp__opts{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;box-sizing:content-box;height:34px;min-width:0;padding:4px;margin:-4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}body:not(#cs-tap) :is(.fyl__card,.sb-card,.bsp__card) .cs-vp .cs-vp__opts::-webkit-scrollbar{display:none}body:not(#cs-tap) :is(.fyl__card,.sb-card,.bsp__card) .cs-vp .cs-vp__pills{display:flex;flex:0 0 auto;flex-wrap:nowrap;align-self:center;gap:8px;max-width:none;padding:0;margin:0;border-radius:0;background:none;overflow:visible}body:not(#cs-tap) :is(.fyl__card,.sb-card,.bsp__card) .cs-vp .cs-vp__pill{flex:0 0 auto;min-width:0;height:34px;min-height:34px;padding:0 12px;border:1px solid rgba(18,40,61,.2);border-radius:999px;background:transparent;box-shadow:none;font-size:13px;line-height:1;white-space:nowrap;color:var(--cs-navy)}body:not(#cs-tap) :is(.fyl__card,.sb-card,.bsp__card) .cs-vp .cs-vp__pill:after{display:none}body:not(#cs-tap) :is(.fyl__card,.sb-card,.bsp__card) .cs-vp .cs-vp__pill[aria-pressed=true]{border-color:var(--cs-navy);background:var(--cs-navy);color:#faf8f3}body:not(#cs-tap) :is(.fyl__card,.sb-card,.bsp__card) .cs-vp .cs-vp__pill.is-off,body:not(#cs-tap) :is(.fyl__card,.sb-card,.bsp__card) .cs-vp .cs-vp__pill:disabled{border-color:#12283d1a;background:transparent;color:#12283d4d}}body:not(#cs-tap):not(#cs-mum) .cs-vp{gap:12px}body:not(#cs-tap):not(#cs-mum) .cs-vp .cs-vp__swatches,body:not(#cs-tap):not(#cs-mum) :is(.fyl__card,.sb-card,.bsp__card) .cs-vp .cs-vp__swatches{display:flex;flex-wrap:wrap;align-items:center;gap:12px;height:auto;padding:0;margin:0;overflow:visible}body:not(#cs-tap):not(#cs-mum) .cs-vp .cs-vp__swatch,body:not(#cs-tap):not(#cs-mum) :is(.fyl__card,.sb-card,.bsp__card) .cs-vp .cs-vp__swatch{position:relative;width:44px;height:44px;flex:0 0 44px;border-radius:50%}body:not(#cs-tap):not(#cs-mum) .cs-vp .cs-vp__swatch:before{top:6px;left:6px;width:32px;height:32px}body:not(#cs-tap):not(#cs-mum) .cs-vp .cs-vp__pill:after{display:none}body:not(#cs-tap):not(#cs-mum) .cs-vp .cs-vp__more,body:not(#cs-tap):not(#cs-mum) :is(.fyl__card,.sb-card,.bsp__card) .cs-vp .cs-vp__more{min-height:44px;height:44px;padding:0 6px;font-size:15px}body:not(#cs-tap):not(#cs-mum) .cs-vp .cs-vp__label,body:not(#cs-tap):not(#cs-mum) :is(.fyl__card,.sb-card,.bsp__card) .cs-vp .cs-vp__label{height:auto;font-size:15px;line-height:1.35}body:not(#cs-tap):not(#cs-mum) .cs-vp .cs-vp__opts,body:not(#cs-tap):not(#cs-mum) :is(.fyl__card,.sb-card,.bsp__card) .cs-vp .cs-vp__opts{display:flex;flex-wrap:wrap;gap:12px;height:auto;padding:0;margin:0;overflow:visible}body:not(#cs-tap):not(#cs-mum) .cs-vp .cs-vp__pills,body:not(#cs-tap):not(#cs-mum) :is(.fyl__card,.sb-card,.bsp__card) .cs-vp .cs-vp__pills{display:flex;flex-wrap:wrap;gap:12px;max-width:100%;padding:0;margin:0;border-radius:0;background:none;overflow:visible}body:not(#cs-tap):not(#cs-mum) .cs-vp .cs-vp__pill,body:not(#cs-tap):not(#cs-mum) :is(.fyl__card,.sb-card,.bsp__card) .cs-vp .cs-vp__pill{flex:0 0 auto;min-height:48px;height:auto;padding:0 16px;border:1px solid rgba(18,40,61,.2);border-radius:999px;background:transparent;box-shadow:none;font-size:15px;line-height:1.2;white-space:nowrap;color:var(--cs-navy)}body:not(#cs-tap):not(#cs-mum) .cs-vp .cs-vp__pill[aria-pressed=true],body:not(#cs-tap):not(#cs-mum) :is(.fyl__card,.sb-card,.bsp__card) .cs-vp .cs-vp__pill[aria-pressed=true]{border-color:var(--cs-navy);background:var(--cs-navy);color:#faf8f3}body:not(#cs-tap):not(#cs-mum) .cs-vp .cs-vp__pill.is-off,body:not(#cs-tap):not(#cs-mum) .cs-vp .cs-vp__pill:disabled{border-color:#12283d1a;background:transparent;color:#12283d4d}
/*# sourceMappingURL=/cdn/shop/t/10/assets/cs-variant-picker.css.map */