.fsp-builder{--fspk-bg: #101216;--fspk-card: #14161b;--fspk-ink: #ffffff;--fspk-muted: #9aa0a9;--fspk-accent: #ff0026;--fspk-border: rgba(255, 255, 255, .1);--fspk-radius: 16px;margin:0;padding:0 16px;background:var(--fspk-bg);border:1px solid var(--fspk-border);border-radius:20px;color:var(--fspk-ink);box-sizing:border-box;overflow:hidden;opacity:0;transform:translateY(-6px);max-height:0;border-width:0;transition:max-height .42s cubic-bezier(.22,1,.36,1),opacity .34s ease,transform .34s ease,padding .32s ease,margin .32s ease,border-width .32s ease}.fsp-builder[hidden]{display:none}.fsp-builder[data-open]{opacity:1;transform:none;max-height:2000px;padding-top:18px;padding-bottom:18px;margin-top:18px;margin-bottom:6px;border-width:1px}.fsp-builder *{box-sizing:border-box}.fsp-builder__head{text-align:center;margin-bottom:16px}.fsp-builder__title{margin:0;font-size:19px;font-weight:800;letter-spacing:-.01em;color:var(--fspk-ink)}.fsp-builder__sub{margin:4px 0 0;font-size:14px;font-weight:700;color:var(--fspk-accent)}.fsp-builder__list{display:flex;flex-direction:column;gap:12px}.fsp-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"logo name check" "logo select price";align-items:center;gap:6px 12px;padding:14px;background:var(--fspk-card);border:1px solid var(--fspk-border);border-radius:var(--fspk-radius);transition:border-color .2s ease,box-shadow .2s ease}.fsp-card.is-selected{border-color:#ffffff29}.fsp-card__logo{grid-area:logo;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:#000;border:1px solid color-mix(in srgb,var(--fspk-accent) 45%,transparent);color:var(--fspk-accent);overflow:hidden}.fsp-card__logo svg{width:24px;height:24px;color:var(--fspk-accent)}.fsp-card__logo img{width:100%;height:100%;object-fit:cover}.fsp-card__name{grid-area:name;font-size:15px;font-weight:700;line-height:1.25;color:var(--fspk-ink);align-self:end}.fsp-card__select-wrap{grid-area:select;position:relative;align-self:start;max-width:200px}.fsp-card__select-native{position:absolute;width:1px;height:1px;padding:0;margin:0;border:0;opacity:0;pointer-events:none;overflow:hidden;clip:rect(0 0 0 0)}.fsp-card__select{width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:10px 34px 10px 12px;font:inherit;font-size:14px;font-weight:600;color:var(--fspk-ink);background:#0e1014;border:1px solid var(--fspk-border);border-radius:10px;cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:border-color .18s ease}.fsp-card__select:focus-visible{outline:none;border-color:var(--fspk-accent)}.fsp-card__chev{position:absolute;right:11px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--fspk-muted);transition:transform .2s ease,color .2s ease}.fsp-card__select-wrap[data-open] .fsp-card__chev{transform:translateY(-50%) rotate(180deg);color:var(--fspk-accent)}.fsp-card__select-wrap[data-open] .fsp-card__select{border-color:var(--fspk-accent)}.fsp-card__combo-list{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;max-height:220px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;margin:0;padding:6px 4px 6px 6px;list-style:none;background-color:#171a20;opacity:1;border:1px solid rgba(255,255,255,.16);border-radius:10px;box-shadow:0 20px 44px -12px #000000e6;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) rgba(255,255,255,.06)}.fsp-card__combo-list[hidden]{display:none}.fsp-card__combo-option{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:8px;font-size:14px;font-weight:600;color:var(--fspk-ink);cursor:pointer;transition:background-color .14s ease,color .14s ease}.fsp-card__opt-price{font-size:10.5px;font-weight:600;color:var(--fspk-muted);white-space:nowrap}.fsp-card__combo-option[aria-selected=true] .fsp-card__opt-price{color:#ffffffd9}.fsp-card__combo-option:hover,.fsp-card__combo-option.is-active{background:color-mix(in srgb,var(--fspk-accent) 14%,transparent)}.fsp-card__combo-option[aria-selected=true]{background:var(--fspk-accent);color:#fff}.fsp-card__combo-list::-webkit-scrollbar{width:9px}.fsp-card__combo-list::-webkit-scrollbar-track{background:#ffffff0f;border-radius:9px}.fsp-card__combo-list::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:9px;border:2px solid #171a20}.fsp-card__price{grid-area:price;justify-self:end;align-self:start;font-size:18px;font-weight:800;color:var(--fspk-accent);white-space:nowrap}.fsp-card__check{grid-area:check;justify-self:end;align-self:start}.fsp-card__check input{appearance:none;-webkit-appearance:none;width:26px;height:26px;margin:0;border:1.5px solid rgba(255,255,255,.28);border-radius:8px;background:#0e1014;cursor:pointer;position:relative;transition:background-color .18s ease,border-color .18s ease}.fsp-card__check input:hover{border-color:var(--fspk-accent)}.fsp-card__check input:checked{background:transparent;border-color:#ffffff47}.fsp-card__check input:checked:before,.fsp-card__check input:checked:after{content:"";position:absolute;left:50%;top:50%;width:13px;height:2px;background:var(--fspk-accent);border-radius:2px}.fsp-card__check input:checked:before{transform:translate(-50%,-50%) rotate(45deg)}.fsp-card__check input:checked:after{transform:translate(-50%,-50%) rotate(-45deg)}.fsp-card__check input:focus-visible{outline:2px solid var(--fspk-accent);outline-offset:2px}.fsp-card__check input:disabled{opacity:.4;cursor:not-allowed}.fsp-card.is-locked .fsp-card__name{color:var(--fspk-muted)}.fsp-builder__total{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid var(--fspk-border)}.fsp-builder__total[hidden]{display:none}.fsp-builder__total-label{font-size:15px;font-weight:600;color:var(--fspk-muted)}.fsp-builder__total-value{font-size:22px;font-weight:800;color:var(--fspk-accent)}@media(prefers-reduced-motion:reduce){.fsp-builder,.fsp-card,.fsp-card__check input{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/followswiss-paket-builder.css.map */