.format-selector{margin-block:1.6rem;padding-block:1.6rem;border-top:1px solid rgba(var(--color-foreground),.12);border-bottom:1px solid rgba(var(--color-foreground),.12)}.format-selector__label{display:block;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:calc(var(--font-body-scale) * 1.2rem);letter-spacing:.1em;color:rgba(var(--color-foreground),.75);text-transform:uppercase;margin:0 0 .9rem}.format-selector__options{display:flex;flex-wrap:wrap;gap:.6rem}.format-selector__btn{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.55rem;padding:1.4rem 1.4rem 1rem;min-width:100px;min-height:90px;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--buttons-radius, 0px);cursor:pointer;color:rgba(var(--color-foreground),.5);font-family:var(--font-body-family);font-style:var(--font-body-style);transition:border-color .15s ease,color .15s ease,background .15s ease,box-shadow .15s ease;outline:none;position:relative}.format-selector__btn:hover{border-color:rgba(var(--color-foreground),.55);color:rgba(var(--color-foreground),.9)}.format-selector__btn:focus-visible{box-shadow:0 0 0 3px rgba(var(--color-foreground),.12)}.format-selector__btn.is-selected{border-color:rgb(var(--color-foreground));color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04);box-shadow:0 0 0 1px rgb(var(--color-foreground)) inset}.format-selector__btn.is-selected .format-selector__price-tag{color:rgba(var(--color-foreground),.65)}.format-selector__icon{display:flex;align-items:flex-end;justify-content:center;line-height:0;margin-top:auto}.format-selector__btn[data-format=vial] .format-selector__icon svg{width:24px;height:48px}.format-selector__btn[data-format=cart] .format-selector__icon svg{width:58px;height:24px}.format-selector__btn[data-format=pen] .format-selector__icon svg{width:68px;height:20px}.format-selector__btn[data-format=nasal] .format-selector__icon svg{width:32px;height:48px}.format-selector__name{font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:calc(var(--font-body-scale) * 1rem);font-weight:500;letter-spacing:.1em;text-transform:uppercase}.format-selector__price-tag{font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:calc(var(--font-body-scale) * .9rem);color:rgba(var(--color-foreground),.45);transition:color .15s ease}.format-explainer{margin-top:1.2rem}.format-explainer__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;border-top:1px solid rgba(var(--color-foreground),.12);padding:.9rem 0;cursor:pointer;color:rgba(var(--color-foreground),.55);gap:.5rem;font-family:var(--font-body-family);font-style:var(--font-body-style)}.format-explainer__toggle:hover{color:rgba(var(--color-foreground),.9)}.format-explainer__toggle-text{font-size:calc(var(--font-body-scale) * 1rem);font-weight:500;letter-spacing:.1em;text-transform:uppercase;text-align:left}.format-explainer__chevron{display:flex;align-items:center;flex-shrink:0;transition:transform .28s ease}.format-explainer__toggle[aria-expanded=true] .format-explainer__chevron{transform:rotate(180deg)}.format-explainer__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease;overflow:hidden}.format-explainer__body[aria-hidden=false]{grid-template-rows:1fr}.format-explainer__inner{min-height:0;overflow:hidden}.format-explainer__grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding-top:.6rem;padding-bottom:.2rem}.format-explainer__card{background:rgba(var(--color-foreground),.03);border:1px solid rgba(var(--color-foreground),.08);border-radius:var(--buttons-radius, 0px);padding:1rem .9rem .85rem;display:flex;flex-direction:column;gap:.45rem}.format-explainer__card-icon{display:flex;align-items:center;min-height:24px;color:rgba(var(--color-foreground),.6)}.format-explainer__card-name{font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:calc(var(--font-body-scale) * .9rem);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--color-foreground));margin:0}.format-explainer__card-desc{font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:calc(var(--font-body-scale) * 1rem);line-height:1.6;color:rgba(var(--color-foreground),.6);margin:0;flex:1}.format-explainer__card-req{font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:calc(var(--font-body-scale) * .85rem);font-weight:600;letter-spacing:.08em;color:rgba(var(--color-foreground),.45);border-top:1px solid rgba(var(--color-foreground),.08);padding-top:.55rem;margin:.15rem 0 0;text-transform:uppercase}.format-explainer__storage-notes{margin-top:.9rem;padding-bottom:.6rem;display:flex;flex-direction:column;gap:.5rem}.format-explainer__storage-notes p{font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:calc(var(--font-body-scale) * 1rem);line-height:1.6;color:rgba(var(--color-foreground),.45);margin:0}@media(max-width:480px){.format-selector__btn{min-width:80px;min-height:72px;padding:1rem 1rem .75rem}.format-selector__btn[data-format=cart] .format-selector__icon svg{width:48px;height:20px}.format-selector__btn[data-format=pen] .format-selector__icon svg{width:56px;height:17px}.format-explainer__grid{gap:.5rem}.format-explainer__card{padding:.85rem .75rem .7rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/format-selector.css.map */