.beach-setup{display:block;border-top:1px solid rgb(var(--text-color) / .12);padding-top:1.5rem;-webkit-tap-highlight-color:transparent}.beach-setup__item,.beach-setup__title,.beach-setup__select-value,.beach-setup__qty button,.beach-setup__addon{touch-action:manipulation}.beach-setup__item{user-select:none;-webkit-user-select:none}.beach-setup__heading{font-family:var(--heading-font-family);font-size:var(--text-lg);line-height:1.25;font-weight:500;letter-spacing:-.01em}.beach-setup__subheading{font-size:var(--text-xs);line-height:1.4;color:rgb(var(--text-color) / .7);margin-top:.125rem}.beach-setup__list{margin:.5rem 0 0;padding:0;list-style:none}.beach-setup__item{margin:0;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:start;column-gap:.875rem;row-gap:.375rem;padding:.875rem 0;border-bottom:1px solid rgb(var(--text-color) / .12);cursor:pointer}.beach-setup__item:last-child{border-bottom:0;padding-bottom:.25rem}.beach-setup__check{grid-column:1;grid-row:1 / span 2;align-self:start}.beach-setup__image{grid-column:2;grid-row:1 / span 2}.beach-setup__info{display:contents}.beach-setup__title{grid-column:3;grid-row:1}.beach-setup__description{grid-column:3;grid-row:2}.beach-setup__controls{grid-column:3 / -1;grid-row:3}.beach-setup__addon{grid-column:3 / -1;grid-row:4}.beach-setup__price{grid-column:4;grid-row:1 / span 2}.beach-setup__item--no-description .beach-setup__controls{grid-column:3;grid-row:2}.beach-setup__item--no-description .beach-setup__addon{grid-row:3}.beach-setup__check{position:relative;flex-shrink:0;width:1.25rem;height:1.25rem;margin:.875rem 0 0;border-radius:50%;border:1.5px solid rgb(var(--text-color) / .45);background:rgb(var(--background));cursor:pointer;appearance:none;-webkit-appearance:none}.beach-setup__check:checked{background:#1e7b4f;border-color:#1e7b4f}.beach-setup__check:after{content:"";position:absolute;left:5.5px;top:2.5px;width:4.5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;opacity:0;transform:rotate(45deg) scale(.6)}.beach-setup__check:checked:after{opacity:1;transform:rotate(45deg) scale(1)}.beach-setup__check:disabled{opacity:.35;cursor:not-allowed}.beach-setup :focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}.beach-setup__image{flex-shrink:0;width:3rem;height:3rem;border-radius:.5rem;object-fit:cover;background:rgb(var(--text-color) / .05)}.beach-setup__title{align-self:flex-start;text-wrap:pretty;font-size:var(--text-sm);line-height:1.35;font-weight:500;color:inherit;text-decoration:underline;text-decoration-color:rgb(var(--text-color) / .25);text-underline-offset:3px}@media(hover:hover)and (pointer:fine){.beach-setup__title:hover{text-decoration-color:currentColor}}.beach-setup__description{font-size:var(--text-xs);line-height:1.45;color:rgb(var(--text-color) / .7)}.beach-setup__controls{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.25rem}.beach-setup__select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;font-size:16px;appearance:none;-webkit-appearance:none;cursor:pointer;touch-action:manipulation;z-index:2}.beach-setup__select-text{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.beach-setup__select-wrap:has(.beach-setup__select:focus-visible) .beach-setup__select-value{outline:2px solid rgb(var(--text-color));outline-offset:2px}.beach-setup__select-wrap{position:relative;display:inline-flex;align-items:center;max-width:100%}.beach-setup__select-value{display:flex;align-items:center;min-width:0;min-height:34px;max-width:100%;font-size:var(--text-sm);line-height:1.2;padding:5px 28px 5px 10px;border:1px solid rgb(var(--text-color) / .25);border-radius:.375rem;background-color:rgb(var(--background));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23555' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;color:inherit;appearance:none;-webkit-appearance:none;cursor:pointer}.beach-setup__select-wrap--swatch .beach-setup__select-value{padding-left:34px}.beach-setup__swatch{position:absolute;z-index:1;left:9px;width:18px;height:18px;border-radius:50%;background:var(--swatch-background, rgb(var(--text-color) / .1)) center / cover;box-shadow:inset 0 0 0 1px rgb(var(--text-color) / .15);pointer-events:none}.beach-setup__qty{display:inline-flex;align-items:center;min-height:34px;border:1px solid rgb(var(--text-color) / .25);border-radius:.375rem}.beach-setup__qty button{position:relative;width:34px;height:34px;display:grid;place-items:center;font-size:var(--text-base);color:inherit;user-select:none;-webkit-user-select:none}.beach-setup__qty button:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px}.beach-setup__qty-value{min-width:1rem;text-align:center;font-size:var(--text-sm);font-weight:600}.beach-setup__addon[hidden],.beach-setup__addon [hidden]{display:none}.beach-setup__addon{position:relative;display:flex;align-items:flex-start;gap:.5rem;padding-block:.25rem;font-size:var(--text-xs);line-height:1.35;cursor:pointer;user-select:none;-webkit-user-select:none}.beach-setup__addon:before{content:"";position:absolute;top:-6px;right:0;bottom:-6px;left:0}.beach-setup__addon-check{position:relative;flex-shrink:0;width:1rem;height:1rem;margin:0;border:1.5px solid rgb(var(--text-color) / .45);border-radius:.25rem;background:rgb(var(--background));appearance:none;-webkit-appearance:none;cursor:pointer}.beach-setup__addon-check:checked{background:#1e7b4f;border-color:#1e7b4f}.beach-setup__addon-check:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;opacity:0;transform:rotate(45deg) scale(.6)}.beach-setup__addon-check:checked:after{opacity:1;transform:rotate(45deg) scale(1)}.beach-setup__addon-check{margin-top:.125rem}.beach-setup__addon-text{display:flex;flex-direction:column;gap:.125rem}.beach-setup__addon-name{font-weight:500}.beach-setup__addon-pricing{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.375rem}.beach-setup__addon-price{font-weight:500;white-space:nowrap}.beach-setup__addon .beach-setup__price-compare{font-size:inherit}.beach-setup__price{flex-shrink:0;min-width:4.25rem;display:flex;flex-direction:column;align-items:flex-end;gap:.125rem;padding-top:.125rem;text-align:right}.beach-setup__price-line{display:inline-flex;align-items:baseline;gap:.375rem;white-space:nowrap}.beach-setup__price-current{font-size:var(--text-sm);font-weight:500;white-space:nowrap}.beach-setup__price-compare{font-size:var(--text-xs);color:rgb(var(--text-color) / .55);text-decoration:line-through}.beach-setup__save,.beach-setup__addon-save{font-size:var(--text-xs);font-weight:500;color:rgb(var(--on-sale-text));white-space:nowrap}.beach-setup__unavailable{font-size:var(--text-xs);color:rgb(var(--text-color) / .7)}.beach-setup__summary-reveal{display:grid;grid-template-rows:0fr}.beach-setup__summary-reveal[data-open]{grid-template-rows:1fr}.beach-setup__summary-clip{min-height:0;overflow:hidden}.beach-setup__summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:43px;margin-top:1rem;padding:0 1.125rem 0 1rem;border:1px solid rgb(var(--text-color));border-radius:999px;font-size:var(--text-sm);line-height:1.2;white-space:nowrap;opacity:0}.beach-setup__summary-reveal[data-open] .beach-setup__summary{opacity:1}.beach-setup__saving{display:inline-flex;align-items:center;gap:.5rem}.beach-setup__saving svg{flex-shrink:0;color:rgb(var(--text-color))}.beach-setup__totals{display:inline-flex;align-items:baseline;gap:.375rem}.beach-setup__rrp{color:rgb(var(--text-color) / .55)}.beach-setup__totals strong,.beach-setup__percent{font-weight:600}@media screen and (max-width:699px){.beach-setup__item{column-gap:.5rem}.beach-setup__image{width:2.75rem;height:2.75rem}.beach-setup__check{margin-top:.75rem}.beach-setup__price{min-width:3.75rem}.beach-setup__controls,.beach-setup__item--no-description .beach-setup__controls{grid-column:2 / -1;grid-row:3}.beach-setup__addon{grid-column:2 / -1}.beach-setup__item--no-description .beach-setup__addon{grid-row:4}.beach-setup__controls{flex-wrap:nowrap}.beach-setup__select-wrap{flex:0 0 auto}.beach-setup__select-wrap--swatch{flex:0 1 auto;min-width:0}.beach-setup__select-wrap--swatch .beach-setup__select-value{min-width:0;width:100%}.beach-setup__qty{flex:0 0 auto}.beach-setup__controls{gap:.3125rem}.beach-setup__select-value{min-height:32px;padding:3px 21px 3px 8px;background-position:right 7px center;line-height:1.15}.beach-setup__select-wrap--swatch .beach-setup__select-value{padding-left:27px}.beach-setup__swatch{left:7px;width:15px;height:15px}.beach-setup__qty{min-height:32px}.beach-setup__qty button{width:28px;height:30px}.beach-setup__qty button:before{top:-7px;right:-3px;bottom:-7px;left:-3px}.beach-setup__qty-value{min-width:.75rem}.beach-setup__summary{font-size:var(--text-xs);gap:.5rem;padding:0 .875rem 0 .75rem}.beach-setup__saving{gap:.375rem}}.beach-setup__check,.beach-setup__addon-check,.beach-setup__qty button{transition:background-color .15s,border-color .15s,transform .12s ease-out}.beach-setup__check:after,.beach-setup__addon-check:after{transition:opacity .12s ease-out}.beach-setup__item:active:not(:has(a:active,button:active,select:active,label:active)) .beach-setup__check:not(:disabled){transform:scale(.9)}.beach-setup__check:active:not(:disabled),.beach-setup__addon:active .beach-setup__addon-check{transform:scale(.9)}.beach-setup__qty button:active{transform:scale(.88)}.beach-setup__summary,.beach-setup [data-error]{transition:opacity .2s ease-out}@starting-style{.beach-setup [data-error]{opacity:0}}@media(prefers-reduced-motion:no-preference){.beach-setup__check:after,.beach-setup__addon-check:after{transition:opacity .12s ease-out,transform .16s cubic-bezier(.16,1,.3,1)}.beach-setup__summary-reveal{transition:grid-template-rows .25s cubic-bezier(.16,1,.3,1)}.beach-setup__summary{transform:translateY(-6px);transition:opacity .15s ease-out,transform .25s cubic-bezier(.16,1,.3,1)}.beach-setup__summary-reveal[data-open] .beach-setup__summary{transform:none;transition-delay:50ms,0ms}.beach-setup [data-error]{transition:opacity .2s ease-out,transform .24s cubic-bezier(.16,1,.3,1)}@starting-style{.beach-setup [data-error]{transform:translateY(6px)}}}@media(prefers-contrast:more){.beach-setup,.beach-setup__item{border-color:rgb(var(--text-color) / .6)}.beach-setup__subheading,.beach-setup__description,.beach-setup__price-compare,.beach-setup__rrp,.beach-setup__unavailable{color:rgb(var(--text-color))}.beach-setup__check,.beach-setup__addon-check,.beach-setup__select-value,.beach-setup__qty{border-color:rgb(var(--text-color))}.beach-setup__title{text-decoration-color:currentColor}.beach-setup__swatch{box-shadow:inset 0 0 0 1px rgb(var(--text-color) / .6)}.beach-setup__check:disabled{opacity:.5}}@media screen and (min-width:700px)and (pointer:fine){.beach-setup__select-value{font-size:.8125rem}}
/*# sourceMappingURL=/cdn/shop/t/242/assets/beach-setup.css.map */
