.clp-builder--preview{line-height:1.5}.clp-builder--preview .clp-colors.clp-style,.clp-builder--preview .clp-packages.clp-style:has(+.clp-anchors){border-bottom:1px solid color-mix(in srgb,var(--clp-primary) 10%,transparent)}.clp-builder--preview .clp-packages.clp-style:has(+.clp-anchors){padding-bottom:var(--clp-quantity-after,52px)}.clp-builder--preview .clp-feature{display:flex;flex-direction:column;align-items:center;text-align:center!important}.clp-builder--preview .clp-feature figcaption{font-weight:500}@media(min-width:1024px){.clp-builder--preview .clp-features{width:100%;max-width:448px;margin-inline:auto}.clp-builder--preview .clp-product-info.clp-desktop-pinned{position:sticky;top:var(--clp-header-offset,0px);z-index:30;align-self:start;padding-bottom:16px}.clp-builder--preview .clp-gallery.clp-desktop-pinned-gallery{top:calc(var(--clp-header-offset,0px) + var(--clp-pinned-title-height,150px) + 16px)!important}.clp-builder--preview .clp-gallery.clp-desktop-pinned-gallery .clp-gallery__main{height:min(560px,calc(100dvh - var(--clp-header-offset,0px) - var(--clp-pinned-title-height,150px) - 140px))!important}}.clp-builder--preview .clp-builder__form{gap:var(--clp-section-gap-mobile,32px)}@media(min-width:750px){.clp-builder--preview .clp-builder__form{gap:var(--clp-section-gap-desktop,48px)}}@media(min-width:1024px){.clp-builder--preview .clp-builder__form:has(>.clp-media):has(>.clp-purchase){grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.clp-builder--preview .clp-builder__form:has(>.clp-media):has(>.clp-purchase)>:not(.clp-media):not(.clp-purchase){grid-column:1 / -1}.clp-builder--preview .clp-builder__form:has(>.clp-purchase)>.clp-media{display:contents}.clp-builder--preview .clp-builder__form:has(>.clp-purchase)>.clp-media>.clp-product-info{grid-column:1 / -1;grid-row:1;text-align:center}.clp-builder--preview .clp-builder__form:has(>.clp-purchase)>.clp-media>.clp-gallery{grid-column:1;grid-row:2;position:sticky;top:96px;align-self:start;min-width:0;box-shadow:none;clip-path:none}.clp-builder--preview .clp-builder__form:has(>.clp-purchase)>.clp-media>.clp-gallery .clp-gallery__main{aspect-ratio:auto;height:min(560px,calc(100dvh - 240px))}.clp-builder--preview .clp-builder__form:has(>.clp-purchase)>.clp-media>.clp-gallery .clp-gallery__main img{height:100%;width:100%;object-fit:contain}.clp-builder--preview .clp-builder__form:has(>.clp-media)>.clp-purchase{grid-column:2;grid-row:2;position:static}}.clp-builder--preview .clp-builder__form>.clp-media{width:100%;max-width:672px;margin-inline:auto}.clp-builder--preview .clp-builder__form>.clp-purchase{width:100%;min-width:0}.clp-builder--preview .clp-builder__form>.clp-purchase>:not(.clp-colors){width:100%;max-width:448px;margin-inline:auto}.clp-builder--preview .clp-info{line-height:1.25;font-size:calc((16px) * var(--cl-section-text-scale, 1))}.clp-builder--preview .clp-info__rating{gap:12px;flex-wrap:nowrap}.clp-builder--preview .clp-info__portraits{width:var(--clp-portrait-width, 76px);max-width:40%}.clp-builder--preview .clp-info__stars{font-size:calc((24px) * var(--cl-section-text-scale, 1));letter-spacing:-.09em}.clp-builder--preview .clp-info h2{font-size:calc((24px) * var(--cl-section-text-scale, 1));font-weight:var(--clp-weight-cur, 800);font-style:var(--clp-weight-cur-style, normal);line-height:1.18;letter-spacing:-.02em}.clp-builder--preview .clp-info__benefit{align-items:center;gap:12px;line-height:1.35}.clp-builder--preview .clp-info__check{width:28px;height:28px}.clp-builder--preview .clp-gallery{background:var(--clp-frame-bg, #f7f7f7);box-shadow:0 0 0 100vmax var(--clp-frame-bg,#f7f7f7);clip-path:inset(0 -100vmax);display:flex;flex-direction:column;gap:16px;padding-bottom:8px}.clp-builder--preview .clp-gallery h2{text-align:center;font-size:calc((30px) * var(--cl-section-text-scale, 1));font-weight:var(--clp-weight-cur, 800);font-style:var(--clp-weight-cur-style, normal);letter-spacing:-.02em;line-height:1.1;color:var(--clp-primary)}.clp-builder--preview .clp-gallery__main{margin:0;border-radius:0}.clp-builder--preview .clp-gallery__thumbs{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:none}.clp-builder--preview .clp-gallery__thumbs::-webkit-scrollbar{display:none}.clp-builder--preview .clp-gallery__thumbs>*{flex:0 0 calc((100% - 32px)/5);min-width:0}.clp-builder--preview .clp-thumb{width:100%;height:auto;aspect-ratio:1;flex:0 0 calc((100% - 32px)/5);scroll-snap-align:start;border:2px solid transparent;border-radius:12px;padding:0;overflow:hidden;opacity:.45;transition:opacity .2s}.clp-builder--preview .clp-gallery-item .clp-thumb{flex-basis:auto}.clp-builder--preview .clp-thumb.is-active,.clp-builder--preview .clp-thumb[aria-pressed=true]{opacity:1;border-color:transparent}.clp-builder--preview .clp-gallery-item__caption{font-size:calc((12px) * var(--cl-section-text-scale, 1));text-align:center}.clp-builder--preview .clp-colors>p{font-size:calc((16px) * var(--cl-section-text-scale, 1));font-weight:var(--clp-weight-cur, 700);font-style:var(--clp-weight-cur-style, normal);text-transform:uppercase;letter-spacing:.05em;opacity:.75}.clp-builder--preview .clp-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}.clp-builder--preview .clp-swatch{position:relative;width:100%;min-height:0;aspect-ratio:1;padding:0;border:0;border-radius:999px;background:#fff;overflow:visible;box-shadow:none}.clp-builder--preview .clp-swatch :is(img,span){width:100%;height:100%;border-radius:999px;object-fit:cover;box-shadow:0 2px 8px #0e2c7729}.clp-builder--preview .clp-swatch small{position:absolute;inset:auto 0 -1.4em;font-size:calc((11px) * var(--cl-section-text-scale, 1));text-align:center}.clp-builder--preview .clp-swatch:not(:has(img,span)){border:2px solid var(--clp-border)}.clp-builder--preview .clp-swatch.is-selected{box-shadow:none}.clp-builder--preview .clp-swatch.is-selected :is(img,span){outline:2px solid var(--clp-selected, var(--clp-primary));outline-offset:-2px;box-shadow:0 3px 10px #0e2c7738}.clp-builder--preview .clp-packages>h3{font-size:calc((16px) * var(--cl-section-text-scale, 1));font-weight:var(--clp-weight-cur, 700);font-style:var(--clp-weight-cur-style, normal);text-transform:uppercase;letter-spacing:.05em;opacity:.75}.clp-builder--preview .clp-packages>p{font-size:calc((14px) * var(--cl-section-text-scale, 1));margin-top:4px;opacity:.75}.clp-builder--preview .clp-card-list{gap:20px;margin-top:16px}.clp-builder--preview .clp-package{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;align-items:start;border-radius:16px;padding:12px;background:#fff;overflow:visible;transition:border-color .15s,background .15s,box-shadow .15s}.clp-builder--preview .clp-package.is-selected{padding:16px;box-shadow:0 8px 24px #0e2c771a,0 0 0 1px #0e2c7726}.clp-builder--preview .clp-package__choice{display:contents}.clp-builder--preview .clp-package input[type=radio]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.clp-builder--preview .clp-package__title{grid-column:1;grid-row:1;font-size:calc((18px) * var(--cl-section-text-scale, 1));font-weight:var(--clp-weight-cur, 700);font-style:var(--clp-weight-cur-style, normal);line-height:1.2}.clp-builder--preview .clp-badge{position:absolute;left:50%;top:0;z-index:3;transform:translate(-50%,-50%);white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:calc((12px) * var(--cl-section-text-scale, 1));font-weight:var(--clp-badge-weight-cur, 900);font-style:var(--clp-badge-weight-cur-style, normal);text-transform:uppercase;letter-spacing:.03em;box-shadow:0 1px 2px #00000014}.clp-builder--preview .clp-package__description{grid-column:1 / -1;grid-row:5;min-width:0;margin-top:8px;font-size:calc((12px) * var(--cl-section-text-scale, 1));line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clp-builder--preview .clp-package__prices{grid-column:2;grid-row:1 / span 4;margin-top:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;white-space:nowrap}.clp-builder--preview [data-cl-unit-price]{order:-1;font-size:calc((18px) * var(--cl-section-text-scale, 1));font-weight:var(--clp-price-weight-cur, 700);font-style:var(--clp-price-weight-cur-style, normal);line-height:1.2}.clp-builder--preview [data-cl-unit-price]:empty{display:none}.clp-builder--preview [data-cl-package-price]{font-size:calc((13px) * var(--cl-section-text-scale, 1));font-weight:var(--clp-price-weight-cur, 700);font-style:var(--clp-price-weight-cur-style, normal);line-height:1.2;opacity:.7}.clp-builder--preview [data-cl-unit-price]:empty+*,.clp-builder--preview .clp-package__prices:has([data-cl-unit-price]:empty) [data-cl-package-price]{font-size:calc((18px) * var(--cl-section-text-scale, 1));opacity:1}.clp-builder--preview [data-cl-compare-price]{font-size:calc((13px) * var(--cl-section-text-scale, 1));font-weight:var(--clp-price-weight-cur, 500);font-style:var(--clp-price-weight-cur-style, normal);opacity:.6}.clp-builder--preview :is(.clp-package__included,.clp-package__color,.clp-package__items){grid-column:1;min-width:0}.clp-builder--preview .clp-package__color,.clp-builder--preview .clp-package__items>.clp-item>span{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;width:fit-content;max-width:100%;box-sizing:border-box;margin-top:6px;border:1px solid color-mix(in srgb,var(--clp-border) 60%,transparent);border-radius:999px;background:color-mix(in srgb,currentColor 4%,transparent);padding:6px 12px;font-size:calc((14px) * var(--cl-section-text-scale, 1));font-weight:var(--clp-label-weight-cur, 700);font-style:var(--clp-label-weight-cur-style, normal)}.clp-builder--preview .clp-package__items{display:flex;flex-wrap:wrap;gap:8px;margin-top:0}.clp-builder--preview .clp-package__items>.clp-item{padding:0;background:none}.clp-builder--preview .clp-package__items>.clp-item:not(:has(>span,>.clp-note)){display:none}.clp-builder--preview .clp-package__swatch{width:20px;height:20px;flex-shrink:0;border-radius:999px;border:1px solid rgba(0,0,0,.1)}.clp-builder--preview .clp-package:has(input:focus-visible){outline:3px solid var(--clp-primary);outline-offset:3px}.clp-builder--preview .clp-package:not(.is-selected) :is(.clp-package__items,.clp-package__included){display:none}.clp-builder--preview .clp-package__color .clp-package__swatch{border:0}.clp-builder--preview .clp-package.is-unavailable{opacity:.6}.clp-builder--preview .clp-addons>h3{font-size:calc((14px) * var(--cl-section-text-scale, 1));font-weight:var(--clp-weight-cur, 700);font-style:var(--clp-weight-cur-style, normal);text-transform:uppercase;letter-spacing:.05em;opacity:.75}.clp-builder--preview .clp-addons>p{font-size:calc((12px) * var(--cl-section-text-scale, 1));margin-top:4px;opacity:.75}.clp-builder--preview .clp-addon{flex-wrap:nowrap;gap:12px;border-radius:16px;padding:12px;background:#fff;font-size:calc((14px) * var(--cl-section-text-scale, 1))}.clp-builder--preview .clp-addon input[type=checkbox]{width:24px;height:24px;border-radius:6px}.clp-builder--preview .clp-addon img{width:48px;height:48px;border-radius:12px;object-fit:cover;background:var(--clp-surface)}.clp-builder--preview .clp-addon__copy>span{font-weight:var(--clp-weight-cur, 700);font-style:var(--clp-weight-cur-style, normal)}.clp-builder--preview .clp-addon__copy small{font-size:calc((12px) * var(--cl-section-text-scale, 1));line-height:1.2;opacity:.75}.clp-builder--preview [data-cl-addon-price]{font-weight:var(--clp-weight-cur, 900);font-style:var(--clp-weight-cur-style, normal);text-align:right;white-space:nowrap}.clp-builder--preview .clp-addon s{display:block;font-size:calc((12px) * var(--cl-section-text-scale, 1));font-weight:var(--clp-weight-cur, 500);font-style:var(--clp-weight-cur-style, normal);opacity:.6}.clp-builder--preview .cl-offers__bubbles{display:flex;flex-wrap:wrap;gap:8px}.clp-builder--preview [data-cl-reward]{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px;font-size:calc((12px) * var(--cl-section-text-scale, 1));font-weight:var(--clp-weight-cur, 700);font-style:var(--clp-weight-cur-style, normal);background:var(--clp-surface);opacity:.8;transition:background .2s}.clp-builder--preview [data-cl-reward].is-unlocked{background:linear-gradient(90deg,#ccfbf1,#dbeafe);color:var(--clp-primary);opacity:1;box-shadow:0 1px 2px #0000000f}.clp-builder--preview .cl-offers__glyph{width:16px;height:16px;flex-shrink:0}.clp-builder--preview .cl-offers__mark{width:14px;height:14px;font-size:calc((0) * var(--cl-section-text-scale, 1));flex-shrink:0;background:currentColor;-webkit-mask:var(--clp-lock) center / contain no-repeat;mask:var(--clp-lock) center / contain no-repeat;--clp-lock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E")}.clp-builder--preview .is-unlocked .cl-offers__mark{--clp-lock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5l10-10'/%3E%3C/svg%3E")}.clp-builder--preview .cl-offers__state{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.clp-builder--preview [data-cl-reward-hint]{display:block;font-size:calc((12px) * var(--cl-section-text-scale, 1));margin-top:8px;opacity:.75}.clp-builder--preview .clp-sticky{flex-wrap:nowrap;gap:8px;justify-content:stretch;min-height:76px;padding:var(--clp-sticky-py-mobile,12px) var(--clp-sticky-px-mobile,16px) max(var(--clp-sticky-py-mobile,12px),env(safe-area-inset-bottom));border-top:1px solid var(--clp-border);box-shadow:0 -10px 40px #00000014}@media(min-width:750px){.clp-builder--preview .clp-sticky{padding:var(--clp-sticky-py-desktop,12px) var(--clp-sticky-px-desktop,24px) max(var(--clp-sticky-py-desktop,12px),env(safe-area-inset-bottom))}}.clp-builder--preview .clp-sticky label{flex:1;min-width:0;font-size:calc((0) * var(--cl-section-text-scale, 1))}.clp-builder--preview .clp-sticky select{width:100%;max-width:none;height:54px;border-radius:999px;border:1px solid rgba(14,44,119,.15);background:var(--clp-surface);padding:0 16px;font-size:calc((13px) * var(--cl-section-text-scale, 1));font-weight:var(--clp-sticky-weight-cur, 900);font-style:var(--clp-sticky-weight-cur-style, normal);color:var(--clp-primary)}.clp-builder--preview .clp-sticky [data-cl-sticky-price]{flex-shrink:0;font-size:calc((12px) * var(--cl-section-text-scale, 1));font-weight:var(--clp-sticky-weight-cur, 700);font-style:var(--clp-sticky-weight-cur-style, normal);white-space:nowrap}.clp-builder--preview .clp-sticky button{flex-shrink:0;min-width:68px;height:54px;border-radius:999px;padding:0 14px;font-size:calc((14px) * var(--cl-section-text-scale, 1));font-weight:var(--clp-sticky-weight-cur, 900);font-style:var(--clp-sticky-weight-cur-style, normal);text-transform:uppercase;letter-spacing:.03em;box-shadow:0 8px 24px #3357d84d}.clp-builder--preview:has(.clp-sticky){padding-bottom:calc(var(--clp-py-mobile, 0px) + 88px + env(safe-area-inset-bottom))}@media(min-width:768px){.clp-builder--preview .clp-sticky{display:none}.clp-builder--preview:has(.clp-sticky){padding-bottom:var(--clp-py-desktop, 0px)}}.clp-builder--preview .clp-cta{min-height:56px;border-radius:12px;align-items:center;font-size:calc((16px) * var(--cl-section-text-scale, 1));font-weight:var(--clp-weight-cur, 700);font-style:var(--clp-weight-cur-style, normal);box-shadow:0 10px 40px -10px #3357d899;transition:transform .15s,background .15s}.clp-builder--preview .clp-cta:hover:not(:disabled){transform:translateY(-4px)}.clp-builder--preview .clp-microcopy{font-size:calc((11px) * var(--cl-section-text-scale, 1));font-weight:var(--clp-weight-cur, 700);font-style:var(--clp-weight-cur-style, normal);text-transform:uppercase;letter-spacing:.05em}@media(min-width:640px){.clp-builder--preview .clp-info{font-size:calc((24px) * var(--cl-section-text-scale, 1))}.clp-builder--preview .clp-info__stars{font-size:calc((30px) * var(--cl-section-text-scale, 1))}.clp-builder--preview .clp-info h2{font-size:calc((40px) * var(--cl-section-text-scale, 1))}.clp-builder--preview .clp-info__rating{gap:20px}.clp-builder--preview .clp-info__benefit{gap:16px}.clp-builder--preview .clp-info__check{width:36px;height:36px}.clp-builder--preview .clp-gallery h2{font-size:calc((36px) * var(--cl-section-text-scale, 1))}.clp-builder--preview .clp-package__title,.clp-builder--preview [data-cl-unit-price]{font-size:calc((20px) * var(--cl-section-text-scale, 1))}.clp-builder--preview [data-cl-package-price]{font-size:calc((14px) * var(--cl-section-text-scale, 1))}.clp-builder--preview .clp-cta{font-size:calc((18px) * var(--cl-section-text-scale, 1))}.clp-builder--preview .clp-microcopy{font-size:calc((12px) * var(--cl-section-text-scale, 1))}}@media(min-width:1024px){.clp-builder--preview :is(.clp-builder__form,.clp-group):has(>.clp-group>.clp-gallery):has(>.clp-group>.clp-packages){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:48px}.clp-builder--preview :is(.clp-builder__form,.clp-group):has(>.clp-group>.clp-gallery):has(>.clp-group>.clp-packages)>:not(.clp-group:has(>.clp-gallery)):not(.clp-group:has(>.clp-packages)){grid-column:1 / -1}.clp-builder--preview :is(.clp-builder__form,.clp-group):has(>.clp-group>.clp-packages)>.clp-group:has(>.clp-gallery){display:contents}.clp-builder--preview :is(.clp-builder__form,.clp-group):has(>.clp-group>.clp-packages)>.clp-group:has(>.clp-gallery)>.clp-product-info{grid-column:1 / -1;grid-row:1;text-align:center}.clp-builder--preview :is(.clp-builder__form,.clp-group):has(>.clp-group>.clp-packages)>.clp-group>.clp-gallery{grid-column:1;grid-row:2;position:sticky;top:96px;align-self:start;min-width:0;width:100%;box-shadow:none;clip-path:none}.clp-builder--preview :is(.clp-builder__form,.clp-group):has(>.clp-group>.clp-packages)>.clp-group>.clp-gallery .clp-gallery__main{aspect-ratio:auto;height:min(560px,calc(100dvh - 240px))}.clp-builder--preview :is(.clp-builder__form,.clp-group):has(>.clp-group>.clp-packages)>.clp-group>.clp-gallery .clp-gallery__main img{height:100%;width:100%;object-fit:contain}.clp-builder--preview :is(.clp-builder__form,.clp-group):has(>.clp-group>.clp-gallery)>.clp-group:has(>.clp-packages){grid-column:2;grid-row:2;position:static;min-width:0;width:100%;grid-template-columns:minmax(0,1fr)}.clp-builder--preview :is(.clp-builder__form,.clp-group):has(>.clp-group>.clp-gallery)>.clp-group:has(>.clp-packages)>*{min-width:0;width:100%;max-width:448px;margin-inline:auto}}.clp-builder--preview .clp-group--product-purchase>.clp-group:first-child{width:100%;max-width:672px;margin-inline:auto}.clp-builder--preview .clp-group--product-purchase>.clp-group~.clp-group>:not(.clp-colors){width:100%;max-width:448px;margin-inline:auto}@media(prefers-reduced-motion:reduce){.clp-builder--preview .clp-cta:hover:not(:disabled){transform:none}}.clp-builder[data-cl-builder] .clp-style{padding-left:var(--clp-px-mobile, 10px);padding-right:var(--clp-px-mobile, 10px)}@media(min-width:750px){.clp-builder[data-cl-builder] .clp-style{padding-left:var(--clp-px-desktop, 10px);padding-right:var(--clp-px-desktop, 10px)}}.clp-builder.clp-intro-scope .clp-info{font-size:calc((var(--clp-size-mobile, 16px)) * var(--cl-section-text-scale, 1))}.clp-builder.clp-intro-scope .clp-info h2{font-size:inherit}.clp-builder.clp-intro-scope .clp-info__stars{font-size:1.5em}@media(min-width:750px){.clp-builder.clp-intro-scope .clp-info{font-size:calc((var(--clp-size-desktop, 18px)) * var(--cl-section-text-scale, 1))}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/clutchloop-builder-preview.css.map */