.frj-ss-builder{background-color:var(--frj-bg);scroll-margin-block-start:var(--frj-header-h, 0px)}.frj-ss-builder__inner{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "gallery" "col";row-gap:var(--frj-space-32)}.frj-ss-builder__heading{grid-area:heading;margin:0;color:var(--frj-brand);font-family:var(--frj-font);font-size:var(--frj-fs-h2);font-weight:var(--frj-fw-black);line-height:1.1;letter-spacing:var(--frj-ls-h2)}.frj-ss-builder__gallery{grid-area:gallery;display:flex;flex-direction:column;gap:var(--frj-space-12);width:100%;max-width:624px;min-width:0}.frj-ss-builder__stage{display:block;width:100%;aspect-ratio:1;overflow:hidden;border-radius:var(--frj-radius-8)}.frj-ss-builder__stage::part(container){height:100%}.frj-ss-builder__stage:not(:defined) .frj-ss-builder__slide~.frj-ss-builder__slide,.frj-ss-builder__thumbs:not(:defined){display:none}.frj-ss-builder__slide{display:block;height:100%}.frj-ss-builder__hero{display:block;width:100%;height:100%;object-fit:cover}.frj-ss-builder__thumbs-wrap{position:relative;margin-inline-end:calc(var(--frj-gutter) * -1)}.frj-ss-builder__thumbs-wrap:after{content:"";position:absolute;inset-block:0;inset-inline-end:0;z-index:2;width:56px;background:linear-gradient(to right,transparent,var(--frj-bg));pointer-events:none;transition:opacity .2s ease}.frj-ss-builder__thumbs-wrap:has(swiper-slide:last-child.swiper-slide-fully-visible):after{opacity:0}.frj-ss-builder__thumbs{display:block;width:100%}.frj-ss-builder__thumb{display:block;width:72px;aspect-ratio:1;overflow:hidden;border-radius:var(--frj-radius-4);opacity:.6;cursor:pointer;transition:opacity .2s ease}.frj-ss-builder__thumb.swiper-slide-thumb-active{opacity:1;outline:2px solid var(--frj-ss-accent, var(--frj-brand-alt));outline-offset:-2px}.frj-ss-builder__thumb-img{display:block;width:100%;height:100%;object-fit:cover}.frj-ss-builder__col{grid-area:col;display:flex;flex-direction:column;gap:var(--frj-space-32);min-width:0}.frj-ss-builder__step{display:flex;flex-direction:column;gap:var(--frj-space-12)}.frj-ss-builder__step-title{margin:0;color:var(--frj-text);font-family:var(--frj-font);font-size:var(--frj-fs-label-l);font-weight:var(--frj-fw-semi);line-height:var(--frj-lh-label)}.frj-ss-builder__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--frj-space-12)}.frj-ss-builder__tile{display:flex;flex-direction:column;align-items:flex-start;gap:var(--frj-space-8);box-sizing:border-box;margin:0;padding:var(--frj-space-12);border:1px solid var(--frj-bg-tint);border-radius:var(--frj-radius-8);background-color:var(--frj-bg-off-white);font:inherit;text-align:start;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.frj-ss-builder__tile:hover{border-color:var(--frj-brand)}.frj-ss-builder__tile:focus-visible{outline:2px solid var(--frj-brand);outline-offset:2px}.frj-ss-builder__tile--on,.frj-ss-builder__tile--on:hover{border-color:var(--frj-brand);box-shadow:inset 0 0 0 1px var(--frj-brand),var(--frj-shadow-sm)}.frj-ss-builder__tile-media{flex:none;display:block;width:48px;height:48px;overflow:hidden;border-radius:var(--frj-radius-8);background-color:var(--frj-bg)}.frj-ss-builder__tile-icon{display:block;width:100%;height:100%;object-fit:cover}.frj-ss-builder__tile-text{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0}.frj-ss-builder__tile-name{color:var(--frj-brand);font-family:var(--frj-font);font-size:var(--frj-fs-body);font-weight:var(--frj-fw-semi);line-height:var(--frj-lh-label)}.frj-ss-builder__tile-flavor{color:var(--frj-text-2);font-family:var(--frj-font);font-size:var(--frj-fs-body-s);line-height:var(--frj-lh-body)}.frj-ss-builder__form{margin:0}.frj-ss-builder__form-body{display:flex;flex-direction:column;gap:var(--frj-space-32)}.frj-ss-builder__info{display:flex;flex-direction:column;gap:var(--frj-space-12)}.frj-ss-builder__title{margin:0;color:var(--frj-brand);font-family:var(--frj-font);font-size:var(--frj-fs-h4);font-weight:var(--frj-fw-black);line-height:1.1}.frj-ss-builder__benefit{margin:0;color:var(--frj-ss-accent, var(--frj-brand-alt));font-family:var(--frj-font);font-size:var(--frj-fs-body);font-weight:var(--frj-fw-semi);line-height:var(--frj-lh-label)}.frj-ss-builder__claims{display:flex;flex-wrap:wrap;gap:var(--frj-space-8)}.frj-ss-builder__claims .frj-ss-builder__claim{--frj-pill-bg: var(--frj-bg-off-white);--frj-pill-color: var(--frj-ss-accent, var(--frj-brand-alt));font-size:10px;letter-spacing:.08em}.frj-ss-builder__chips{display:flex;gap:var(--frj-space-8)}.frj-ss-builder__chips .frj-ss-builder__chip{position:relative;display:flex;flex:1 1 0;flex-direction:column;gap:0;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;min-height:42px;padding:var(--frj-space-8) var(--frj-space-4);border:1px solid var(--frj-bg-tint);border-radius:var(--frj-radius-4);background-color:var(--frj-bg-off-white);text-align:center;cursor:pointer;transition:flex-grow .3s cubic-bezier(.4,0,.2,1),border-color .2s ease,box-shadow .2s ease}.frj-ss-builder__chip:hover{border-color:var(--frj-brand)}.frj-ss-builder__chip:has(.frj-ss-builder__chip-input:checked){flex-grow:1.5;border-color:var(--frj-brand);box-shadow:inset 0 0 0 1px var(--frj-brand)}.frj-ss-builder__chip:has(.frj-ss-builder__chip-input:focus-visible){outline:2px solid var(--frj-brand);outline-offset:2px}.frj-ss-builder__chip-input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.frj-ss-builder__chip-label{color:var(--frj-text);font-family:var(--frj-font);font-size:var(--frj-fs-body-s);font-weight:var(--frj-fw-regular);line-height:var(--frj-lh-body);white-space:nowrap}.frj-ss-builder__chip-input:checked~.frj-ss-builder__chip-label{font-weight:var(--frj-fw-semi);line-height:var(--frj-lh-label)}.frj-ss-builder__chip-meta{color:var(--frj-text-2);font-family:var(--frj-font);font-size:var(--frj-fs-body-xs);line-height:var(--frj-lh-body);white-space:nowrap}.frj-ss-builder__seg{position:relative;display:flex;gap:var(--frj-space-4);padding:var(--frj-space-4);border:1px solid var(--frj-bg-tint);border-radius:var(--frj-radius-8);background-color:var(--frj-bg-off-white)}.frj-ss-builder__seg:before{content:"";position:absolute;inset-block:var(--frj-space-4);inset-inline-start:var(--frj-space-4);width:calc(50% - var(--frj-space-4) - var(--frj-space-4) / 2);border-radius:var(--frj-radius-4);background-color:var(--frj-bg-tint);transition:transform .3s cubic-bezier(.4,0,.2,1)}.frj-ss-builder__seg:has(.frj-ss-builder__seg-opt:last-child .frj-ss-builder__seg-input:checked):before{transform:translate(calc(100% + var(--frj-space-4)))}.frj-ss-builder__seg--single:before{width:calc(100% - var(--frj-space-4) * 2)}.frj-ss-builder__seg--single:has(.frj-ss-builder__seg-opt:last-child .frj-ss-builder__seg-input:checked):before{transform:none}.frj-ss-builder__seg .frj-ss-builder__seg-opt{position:relative;z-index:1;display:flex;flex:1 1 0;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:var(--frj-space-8) var(--frj-space-4);border-radius:var(--frj-radius-4);cursor:pointer}.frj-ss-builder__seg:has(.frj-ss-builder__seg-input:focus-visible){outline:2px solid var(--frj-brand);outline-offset:2px}.frj-ss-builder__seg-input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.frj-ss-builder__seg-label{color:var(--frj-text);font-family:var(--frj-font);font-size:var(--frj-fs-body-s);font-weight:var(--frj-fw-regular);line-height:var(--frj-lh-label);white-space:nowrap;transition:color .3s ease}.frj-ss-builder__seg-input:checked~.frj-ss-builder__seg-label{color:var(--frj-bg-off-white);font-weight:var(--frj-fw-semi)}.frj-ss-builder__seg .frj-ss-builder__badge{inset-block-start:-11px;inset-inline-end:-4px;border:1px solid var(--frj-brand);background-color:#d5ff69;color:var(--frj-brand)}.frj-ss-builder__badge{position:absolute;inset-block-start:-10px;inset-inline-end:5px;padding:2px 6px;border-radius:var(--frj-radius-full);background-color:var(--frj-brand);color:var(--frj-bg-off-white);font-family:var(--frj-font);font-size:10px;font-weight:var(--frj-fw-semi);line-height:var(--frj-lh-label);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.frj-ss-builder__checkout,.frj-ss-builder__buy{display:flex;flex-direction:column;gap:var(--frj-space-12)}.frj-ss-builder__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--frj-space-8);margin:0;font-family:var(--frj-font);white-space:nowrap}.frj-ss-builder__amount{color:var(--frj-brand);font-size:32px;font-weight:var(--frj-fw-black);line-height:1.1}.frj-ss-builder__per{color:var(--frj-text-2);font-size:var(--frj-fs-body);line-height:var(--frj-lh-body)}.frj-ss-builder__was{color:var(--frj-text-3);font-size:var(--frj-fs-body);line-height:var(--frj-lh-body);text-decoration:line-through}.frj-ss-builder__trust{display:flex;flex-direction:column;gap:var(--frj-space-8);margin:0;padding:var(--frj-space-4) 0 0;list-style:none}.frj-ss-builder__trust-row{display:flex;align-items:center;gap:var(--frj-space-8);color:var(--frj-text);font-family:var(--frj-font);font-size:var(--frj-fs-body);line-height:var(--frj-lh-body)}.frj-ss-builder__trust-icon{flex:none;color:var(--frj-brand)}.frj-ss-builder__legal{margin:0;color:var(--frj-text);font-family:var(--frj-font);font-size:10px;line-height:var(--frj-lh-body);letter-spacing:.02em}.frj-ss-builder__legal .frj-link{font-weight:var(--frj-fw-semi)}.frj-ss-builder__pays{display:flex;flex-wrap:wrap;align-items:center;gap:var(--frj-space-8)}.frj-ss-builder__pay{width:47px;height:32px}.frj-ss-builder__info-box{box-sizing:border-box;width:100%;border:1px solid var(--frj-bg-tint);border-radius:var(--frj-radius-8);transition:background-color .25s ease,border-color .25s ease}.frj-ss-builder__info-box:hover,.frj-ss-builder__info-box:has(.frj-ss-builder__info-q[aria-expanded=true]){border-color:var(--frj-brand)}.frj-ss-builder__info-box:has(.frj-ss-builder__info-q[aria-expanded=true]){background-color:var(--frj-bg-off-white)}.frj-ss-builder__info-q{display:flex;align-items:center;justify-content:space-between;gap:var(--frj-space-12);box-sizing:border-box;width:100%;margin:0;padding:var(--frj-space-16) var(--frj-space-24);border:0;background:none;color:var(--frj-text);font-family:var(--frj-font);font-size:var(--frj-fs-label-l);font-weight:var(--frj-fw-semi);line-height:var(--frj-lh-label);text-align:start;cursor:pointer}.frj-ss-builder__info-toggle{position:relative;flex:none;width:32px;height:32px}.frj-ss-builder__info-toggle:before,.frj-ss-builder__info-toggle:after{content:"";position:absolute;border-radius:1px;background-color:currentcolor}.frj-ss-builder__info-toggle:before{inset-inline:8px;inset-block-start:calc(50% - 1px);height:2px}.frj-ss-builder__info-toggle:after{inset-block:8px;inset-inline-start:calc(50% - 1px);width:2px;transition:opacity .2s ease,rotate .2s ease}.frj-ss-builder__info-box:has(.frj-ss-builder__info-q[aria-expanded=true]) .frj-ss-builder__info-toggle:after{opacity:0;rotate:90deg}.frj-ss-builder__info-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.frj-ss-builder__info-box:has(.frj-ss-builder__info-q[aria-expanded=true]) .frj-ss-builder__info-more{grid-template-rows:1fr}.frj-ss-builder__info-more-inner{overflow:hidden;min-height:0}.frj-ss-builder__info-a{padding:0 var(--frj-space-24) var(--frj-space-16);color:var(--frj-text);font-family:var(--frj-font);font-size:var(--frj-fs-body);line-height:var(--frj-lh-body)}.frj-ss-builder__info-a>:first-child{margin-top:0}.frj-ss-builder__info-a>:last-child{margin-bottom:0}.frj-ss-builder__ship-note{color:var(--frj-text-2);font-family:var(--frj-font);font-size:var(--frj-fs-body-s);line-height:var(--frj-lh-body)}.frj-ss-builder__ship-note p{margin:0}.frj-ss-builder__ship-note strong{font-weight:var(--frj-fw-semi);line-height:var(--frj-lh-label)}.frj-ss-builder:has(.frj-ss-builder__seg-opt:last-child .frj-ss-builder__seg-input:checked) .frj-ss-builder__trust{display:none}.frj-ss-builder__cta.frj-btn--fill:not(:disabled){--frj-shadow-color: var(--frj-bg-tint);background-color:var(--frj-brand)}.frj-ss-builder__cta.frj-btn--fill:active{background-color:var(--frj-brand-pressed)}@media(prefers-reduced-motion:reduce){.frj-ss-builder__seg:before,.frj-ss-builder__seg-label,.frj-ss-builder__tile,.frj-ss-builder__chip,.frj-ss-builder__thumb,.frj-ss-builder__info-box,.frj-ss-builder__info-more,.frj-ss-builder__info-toggle:after{transition:none}.frj-ss-builder__cta[data-busy]:after{animation-duration:2s}}@media screen and (min-width:750px){.frj-ss-builder__gallery{margin-inline:auto}.frj-ss-builder__thumbs-wrap{margin-inline-end:0}.frj-ss-builder__thumbs-wrap:after{width:80px}.frj-ss-builder__thumb{width:96px}.frj-ss-builder__tile{flex-direction:row;align-items:center;gap:var(--frj-space-12);padding:var(--frj-space-12) var(--frj-space-16)}.frj-ss-builder__tile-media{width:64px;height:64px}.frj-ss-builder__chips .frj-ss-builder__chip{flex-direction:row;gap:6px;padding:0 var(--frj-space-16)}.frj-ss-builder__chip-label,.frj-ss-builder__seg-label{font-size:var(--frj-fs-body)}.frj-ss-builder__chip-meta{font-size:var(--frj-fs-body-s)}.frj-ss-builder__badge{inset-inline-end:7px}.frj-ss-builder__buy{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--frj-space-16)}.frj-ss-builder .frj-ss-builder__cta{flex:none;width:300px}}@media screen and (min-width:990px){.frj-ss-builder__inner{grid-template-columns:624px minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"gallery heading" "gallery col";column-gap:var(--frj-space-48);align-items:start}.frj-ss-builder__gallery{position:sticky;inset-block-start:calc(var(--frj-header-h, 0px) + var(--frj-space-24));margin-inline:0}.frj-ss-builder__stage{border-radius:var(--frj-radius-12)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/frooji-ss-builder.css.map */