:root{--cs-space-sm: calc(var(--cs-space) * 2);--cs-space-md: calc(var(--cs-space) * 3);--cs-space-lg: calc(var(--cs-space) * 5);--cs-space-xl: calc(var(--cs-space) * 8)}.cs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:1px solid transparent;border-radius:var(--cs-radius);font-family:var(--font-body-family);font-size:var(--cs-body);font-weight:var(--font-body-weight-bold);line-height:1.2;text-decoration:none;text-align:center;cursor:pointer;transition:filter .15s ease,transform .15s ease}.cs-btn--primary{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.cs-btn--secondary{background-color:transparent;border-color:rgb(var(--color-secondary-button-text));color:rgb(var(--color-secondary-button-text))}.cs-btn--ocean{background-color:var(--cs-ocean);color:var(--cs-white);font-size:15px;font-weight:400;padding:10px 25px;border-radius:3px;text-transform:uppercase}.cs-btn--arrow:after{content:"\2192";display:inline-block;line-height:1}.cs-btn:hover{transform:translateY(-1px)}.cs-btn--primary:hover,.cs-btn--primary:focus-visible,.cs-btn--ocean:hover,.cs-btn--ocean:focus-visible{filter:brightness(.92)}.cs-btn--secondary:hover,.cs-btn--secondary:focus-visible{background-color:rgba(var(--color-secondary-button-text),.08)}.cs-btn:focus-visible{outline:2px solid rgb(var(--color-secondary-button-text));outline-offset:2px;transform:translateY(-1px)}@media(prefers-reduced-motion:reduce){.cs-btn:hover,.cs-btn:focus-visible{transform:none}}.cs-card{background-color:rgb(var(--color-background));border-radius:var(--cs-radius);box-shadow:var(--cs-shadow);padding:var(--cs-space-md)}.cs-card--white{background-color:var(--cs-white);color:var(--cs-ink)}.cs-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 12px;font-family:var(--font-body-family);font-size:var(--cs-small);font-weight:var(--font-body-weight-bold);line-height:1.4;white-space:nowrap}.cs-badge--sun{background-color:var(--cs-sun);color:var(--cs-ink)}.cs-badge--aqua{background-color:var(--cs-aqua);color:var(--cs-ink)}.cs-section-padding{padding-top:calc(var(--cs-section-padding-top, 0px) * .75);padding-bottom:calc(var(--cs-section-padding-bottom, 0px) * .75)}@media screen and (min-width:750px){.cs-section-padding{padding-top:var(--cs-section-padding-top, 0px);padding-bottom:var(--cs-section-padding-bottom, 0px)}}.product-form__input--swatch .form__label,.product-form__input--pill .form__label{font-size:var(--cs-small);font-weight:var(--font-body-weight-bold);letter-spacing:.04em}.product-form__input--pill input[type=radio]+label{min-width:64px;padding:10px 18px;letter-spacing:.02em;text-transform:capitalize;border-radius:var(--cs-radius)}.product-form__input--pill input[type=radio]:checked+label{background-color:var(--cs-ocean);border-color:var(--cs-ocean);color:var(--cs-white);box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 4px var(--cs-ocean)}.product-form__input--pill input[type=radio]:focus-visible+label{outline:2px solid var(--cs-ocean);outline-offset:2px}.product-form__input--swatch .swatch{border-color:rgba(var(--color-foreground),.2)}.product-form__input--swatch input[type=radio]:checked+label .swatch,.product-form__input--swatch label:has(input[type=radio]:checked) .swatch{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 4px var(--cs-ocean)}
/*# sourceMappingURL=/cdn/shop/t/16/assets/cs-primitives.css.map */
