@layer components{lab-olivia-bar{display:block}.olivia-bar{--olivia-row: 48px;--olivia-field: 32px;--olivia-field-pad: 2px;padding-inline:var(--margin) var(--grid-pad-end);background:repeating-linear-gradient(to bottom,var(--sage-deep) 0 var(--hairline),var(--sage) var(--hairline) 6px);color:var(--on-stripe);border-block-end:1px solid var(--ink);--rule: var(--ink);--focus: var(--ink);--link: var(--link-on-stripe)}@media(pointer:coarse){.olivia-bar{--olivia-row: 56px;--olivia-field: 46px;--olivia-field-pad: 0px}}.olivia-bar__form{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--s-3);align-items:center}.olivia-bar__tag{grid-column:1;grid-row:1;align-self:stretch;display:flex;align-items:center;padding-inline-end:var(--s-3);border-inline-end:1px solid var(--ink);color:var(--ink);white-space:nowrap}.olivia-bar__field{grid-column:2;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;block-size:var(--olivia-field);margin-block:calc((var(--olivia-row) - var(--olivia-field)) / 2);padding:var(--olivia-field-pad);padding-inline-start:var(--s-3);border:1px solid var(--ink);background:var(--paper);color:var(--ink)}.olivia-bar__field:has(.olivia-bar__input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.olivia-bar .olivia-bar__input{min-inline-size:0;min-block-size:0;block-size:100%;padding:0;border:0;background:transparent;color:var(--ink);font-family:var(--font-text);font-style:italic;font-weight:400;font-size:15px;line-height:1.2;letter-spacing:0;text-transform:none}.olivia-bar .olivia-bar__input::placeholder{color:var(--text-2);opacity:1}.olivia-bar .olivia-bar__input:focus-visible{outline:none;border:0;padding:0}.olivia-bar .olivia-bar__input:disabled{cursor:not-allowed}@media not (min-width:640px),(pointer:coarse){.olivia-bar .olivia-bar__input{font-size:16px}}.olivia-bar__send{display:inline-flex;align-items:center;padding-inline:var(--s-3);background:var(--ink);color:var(--cream);font-family:var(--font-label);font-size:var(--t-regulatory);line-height:1;letter-spacing:var(--track-regulatory);text-transform:uppercase;font-weight:500;font-variation-settings:"wght" 500;white-space:nowrap;cursor:pointer}.olivia-bar__send:hover{font-variation-settings:"wght" 600}.olivia-bar__send:active{background:var(--pressed)}.olivia-bar__send:focus-visible{outline:2px solid var(--cream);outline-offset:-4px}.olivia-bar__send:is(:disabled,[aria-disabled=true]){background:transparent;color:var(--text-2);cursor:not-allowed}.olivia-bar__notice,.olivia-bar__status{grid-column:2;max-inline-size:100ch;padding-block-end:var(--s-2);color:var(--ink);text-transform:none;letter-spacing:.01em}.olivia-bar__notice a{color:var(--link)}.olivia-bar__status{font-family:var(--font-label);font-size:var(--t-regulatory);line-height:var(--lh-regulatory);font-weight:700}@media not (min-width:640px){.olivia-bar__form{grid-template-columns:minmax(0,1fr)}.olivia-bar__tag{display:none}.olivia-bar__field,.olivia-bar__notice,.olivia-bar__status{grid-column:1}}lab-olivia-band{display:grid}.olivia-band{grid-template-columns:minmax(0,1fr) auto;column-gap:var(--gap);align-items:start;padding-block:var(--s-5);padding-inline:var(--margin) var(--grid-pad-end);background:repeating-linear-gradient(to bottom,var(--stripe-rule, var(--stripe-deep)) 0 var(--stripe-weight),var(--stripe) var(--stripe-weight) var(--stripe-pitch));color:var(--on-stripe);border-block-end:1px solid var(--ink);--rule: var(--on-stripe);--focus: var(--on-stripe);--link: var(--link-on-stripe)}.olivia-band__exchange{grid-column:1;grid-row:1;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--gap);align-items:start}.olivia-band__exchange[data-leaving]{opacity:0}.olivia-band__you{font-family:var(--font-text);font-style:italic;font-weight:400;font-size:var(--t-body-l);line-height:var(--lh-body-l);overflow-wrap:anywhere}.olivia-band__reply{min-inline-size:0;font-size:var(--t-body-l);line-height:var(--lh-body-l)}.olivia-band__ans{display:inline;font-family:var(--font-label);font-style:normal;font-weight:700;font-synthesis:none;white-space:pre-line;overflow-wrap:anywhere;color:var(--on-stripe)}.olivia-band__caret{display:inline-block;inline-size:2px;block-size:1em;margin-inline-start:2px;vertical-align:-.15em;background:currentColor}.olivia-band:not([data-state=sending],[data-state=streaming],[data-state=card]) .olivia-band__caret{display:none}.olivia-band__card:empty,.olivia-band__chips:empty,.olivia-band__actions:empty{display:none}.olivia-band__card{margin-block-start:var(--s-4)}.olivia-card{display:block;padding-inline:var(--s-3);background:var(--paper);color:var(--ink);border:var(--hairline) solid var(--ink);font-family:var(--font-text);font-style:normal;font-weight:400;font-size:var(--t-body);line-height:var(--lh-body);--text: var(--ink);--text-2: var(--graphite);--rule: var(--ink);--focus: var(--ink);--link: var(--bronze-deep);--btn: var(--ink);--btn-text: var(--cream)}.olivia-card>.rows>.row:first-child{border-block-start:0}.olivia-card>.rows>.row:last-child{border-block-end:0}.olivia-band__chips{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-block-start:var(--s-4)}.olivia-band__chip{display:inline-flex;align-items:center;min-block-size:32px;padding:var(--s-2) var(--s-3);border:var(--hairline) solid var(--ink);background:var(--paper);color:var(--ink);font-family:var(--font-label);font-size:var(--t-regulatory);line-height:var(--lh-regulatory);letter-spacing:var(--track-regulatory);text-transform:uppercase;font-weight:500;text-align:start;cursor:pointer}.olivia-band__chip:hover{background:var(--ink);color:var(--cream)}.olivia-band__chip:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.olivia-band__chip:is(:disabled,[aria-disabled=true]){color:var(--text-2);cursor:not-allowed}@media(pointer:coarse){.olivia-band__chip{min-block-size:44px}}.olivia-band__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-5);margin-block-start:var(--s-4)}.olivia-band__note{flex-basis:100%}.olivia-band__actions>.btn{inline-size:auto}.olivia-band__close{grid-column:2;grid-row:1;justify-self:end;color:var(--on-stripe)}@media not (min-width:640px){.olivia-band,.olivia-band__exchange{grid-template-columns:minmax(0,1fr);row-gap:var(--s-3)}.olivia-band__close{grid-column:1;grid-row:2}}}@layer motion{@media(prefers-reduced-motion:no-preference){@keyframes olivia-caret{50%{opacity:0}}html:not(.shopify-design-mode) .olivia-band__caret{animation:olivia-caret 1s steps(1,end) infinite}html:not(.shopify-design-mode) .olivia-band__exchange{transition:opacity var(--d-2) var(--e-out)}@starting-style{html:not(.shopify-design-mode) .olivia-band__exchange{opacity:0}}html:not(.shopify-design-mode) .olivia-band__chip{transition:background-color var(--d-1) var(--e-out),color var(--d-1) var(--e-out)}}}@layer components{.olivia-card{display:grid;row-gap:var(--s-3);min-inline-size:0;padding-block:var(--s-3)}.olivia-card__head{font-size:var(--t-regulatory);line-height:var(--lh-regulatory)}.olivia-card__row{padding-block:var(--s-3)}.olivia-card>.row{border-block-end:0}.olivia-card .row__price{display:grid;row-gap:var(--s-1)}.olivia-card .row__price>.row__meta,.olivia-card .btn.olivia-card__cta{white-space:nowrap}.olivia-card__total{display:flex;justify-content:space-between;align-items:baseline;gap:var(--gap);font-family:var(--font-label);font-size:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;font-weight:700;font-variant-numeric:tabular-nums lining-nums}.olivia-card__cta{position:relative;justify-self:start}.olivia-card .btn-text{justify-self:start}.olivia-card__cta[aria-busy=true]{cursor:progress}.olivia-card .cell__word.olivia-card__cta{-webkit-appearance:none;appearance:none;background:none;border-width:0 0 2px;border-style:solid;border-color:transparent;color:inherit;cursor:pointer;text-align:start}.olivia-card .cell__word.olivia-card__cta:hover,.olivia-card .cell__word.olivia-card__cta:focus-visible{border-block-end-color:currentColor}.olivia-card .cell__word .loading__spinner{color:currentColor}.olivia-card .lot{max-inline-size:none}.olivia-card>.notice{padding-inline:var(--s-3)}@media(min-width:768px){.olivia-card .row--product.row--noimage{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"body price" "body action"}.olivia-card .row--product.row--noimage:has(.row__state){grid-template-areas:"body price" "body state" "body action"}.olivia-card .row--product .row__action{justify-self:start}}@media not (min-width:640px){.olivia-card>.olivia-card__cta{justify-self:stretch}.olivia-card .lot__row{flex-wrap:wrap;row-gap:var(--s-1)}}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/lab-olivia.css.map */