.fk-page{padding-block:var(--space-10) var(--space-16)}.fk-page__head{max-width:60ch;margin:0 auto var(--space-10);text-align:center}.fk-page__label{color:var(--ink-3);margin:0 0 var(--space-3)}.fk-page__title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.75rem);font-weight:500;line-height:1.05;letter-spacing:-.015em;margin:0 0 var(--space-4);color:var(--ink)}.fk-page__title em{font-style:italic;font-weight:400}.fk-page__title p{margin:0}.fk-page__intro{color:var(--ink-3);font-size:var(--text-base);line-height:1.6}.fk-page__intro p{margin:0}.fk-share-panel{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);background:var(--paper-deep);border:1px solid var(--paper-edge);border-radius:var(--radius-sm, 4px);flex-wrap:wrap}.fk-share-panel__hint{margin:0;font-size:var(--text-xs);color:var(--ink-2);flex:1 1 100%}.fk-share-panel__input{flex:1 1 auto;min-width:0;padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--text-xs);font-family:var(--font-mono);background:var(--paper);border:1px solid var(--paper-edge);border-radius:var(--radius-sm, 4px);color:var(--ink)}.fk-share-panel__input:focus{outline:none;border-color:var(--ocker-deep)}.fk-share-panel__close{width:28px;height:28px;border:none;background:transparent;color:var(--ink-3);font-size:18px;cursor:pointer;border-radius:50%}.fk-share-panel__close:hover{background:var(--paper-edge)}.fk-notice{position:relative;margin-bottom:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--ink);color:var(--paper);border-radius:var(--radius-sm, 4px);font-size:var(--text-sm);line-height:1.4;opacity:0;transform:translateY(-4px);transition:opacity .2s,transform .2s}.fk-notice.is-visible{opacity:1;transform:translateY(0)}.fk-notice--error{background:#8a3a3a}.fk-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--paper);border:1px solid var(--paper-edge);border-radius:var(--radius-sm, 4px);flex-wrap:wrap}.fk-toolbar__left{display:flex;align-items:center;gap:var(--space-3)}.fk-toolbar__count{color:var(--ink-3);font-size:var(--text-xs);letter-spacing:.06em}.fk-toolbar__history{display:flex;gap:2px}.fk-history-btn{width:28px;height:28px;border:1px solid var(--paper-edge);background:var(--paper);color:var(--ink-2);border-radius:var(--radius-sm, 4px);display:grid;place-items:center;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.fk-history-btn svg{width:14px;height:14px}.fk-history-btn:hover:not(:disabled){color:var(--ink);border-color:var(--ink)}.fk-history-btn:disabled{opacity:.35;cursor:not-allowed}.fk-toolbar__right{display:flex;gap:var(--space-2);flex-wrap:wrap}.fk-toolbar .btn{display:inline-flex;align-items:center;gap:var(--space-2)}.fk-btn-sm{padding:.5rem .875rem;font-size:var(--text-sm);letter-spacing:.04em}@media(max-width:599px){.fk-toolbar{gap:var(--space-2);padding:var(--space-2) var(--space-3)}.fk-toolbar__count{font-size:.65rem}.fk-toolbar__right{gap:4px}.fk-toolbar .fk-btn-sm{padding:.5rem;width:36px;height:36px;justify-content:center}.fk-toolbar .fk-btn-sm>span:not([data-fk-cart-label]){display:none}.fk-toolbar [data-fk-cart-label]{font-size:.7rem}.fk-toolbar [data-fk-cart]{width:auto;padding:.5rem .75rem}}.fk-canvas-grid{display:grid;grid-template-columns:1fr 280px;gap:var(--space-4);align-items:start}@media(max-width:899px){.fk-canvas-grid{grid-template-columns:1fr}}.fk-canvas{position:relative;aspect-ratio:4/3;background:radial-gradient(ellipse at center,rgba(0,0,0,.04) 0%,transparent 70%),var(--paper);border:1px solid var(--paper-edge);border-radius:var(--radius-sm, 4px);background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.012) 0 1px,transparent 1px 6px),radial-gradient(ellipse at center,rgba(0,0,0,.025) 0%,transparent 70%);touch-action:none;-webkit-user-select:none;user-select:none}.fk-canvas--drag-over{background-color:var(--paper-deep);outline:2px dashed var(--ocker);outline-offset:-8px}.fk-canvas__hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);margin:0;padding:var(--space-8);text-align:center;pointer-events:none;transition:opacity .2s}.fk-canvas__hint-text{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.04em;color:var(--ink-3);max-width:38ch;line-height:1.5}.fk-canvas__example-btn{pointer-events:auto;background:var(--paper);border:1px solid var(--paper-edge);padding:var(--space-2) var(--space-4);border-radius:999px;font-size:var(--text-xs);letter-spacing:.06em;color:var(--ink-2);cursor:pointer;transition:color .12s,border-color .12s}.fk-canvas__example-btn:hover{color:var(--ocker-deep);border-color:var(--ocker-deep)}.fk-canvas[data-has-swatches="1"] .fk-canvas__hint{opacity:0;pointer-events:none}.fk-canvas[data-has-swatches="1"] .fk-canvas__hint *{pointer-events:none}.fk-swatch{--fk-base: 96px;--fk-scale: 1;--fk-base-w: var(--fk-base);--fk-base-h: var(--fk-base);position:absolute;width:calc(var(--fk-base-w) * var(--fk-scale));height:calc(var(--fk-base-h) * var(--fk-scale));cursor:grab;transform:translate(-50%,-50%);transition:width .15s,height .15s;touch-action:none}.fk-swatch__media{width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--paper-deep);box-shadow:0 1px 2px #00000014,0 8px 24px #0000001f;transition:box-shadow .15s}.fk-swatch--image .fk-swatch__media{border-radius:var(--radius-sm, 6px)}.fk-swatch:hover .fk-swatch__media{box-shadow:0 1px 2px #0000001a,0 12px 32px #0000002e}.fk-swatch:hover,.fk-swatch--selected{z-index:5}.fk-swatch--dragging{cursor:grabbing;z-index:1000}.fk-swatch--dragging .fk-swatch__media{box-shadow:0 2px 4px #0003,0 24px 48px #00000040;transition:none}.fk-swatch--selected{z-index:5}.fk-swatch--selected .fk-swatch__media{box-shadow:0 0 0 2px var(--ocker-deep),0 1px 2px #0000001f,0 12px 32px #0000002e}.fk-swatch__img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.fk-swatch__tools{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);display:flex;gap:4px;background:var(--ink);padding:4px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .15s;z-index:11}.fk-swatch--selected .fk-swatch__tools{opacity:1;pointer-events:auto}.fk-swatch__btn{width:28px;height:28px;border:none;background:transparent;color:var(--paper);font-size:16px;line-height:1;display:grid;place-items:center;cursor:pointer;border-radius:50%;transition:background .12s}.fk-swatch__btn:hover{background:#ffffff26}.fk-swatch__btn--remove:hover{background:#e7606059}.fk-swatch--selected .fk-swatch__label{top:calc(100% + 50px)}.fk-swap-popover{position:absolute;top:calc(100% + 44px);left:50%;transform:translate(-50%);width:240px;max-width:90vw;background:var(--paper);border:1px solid var(--paper-edge);border-radius:var(--radius-sm, 6px);box-shadow:0 8px 32px #0000002e;padding:var(--space-3);z-index:20}.fk-swap-popover__head{margin:0 0 var(--space-2);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);text-align:center}.fk-swap-popover__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;max-height:200px;overflow-y:auto;scrollbar-width:thin}.fk-swap-popover__chip{width:100%;aspect-ratio:1 / 1;border:2px solid transparent;border-radius:50%;overflow:hidden;background:var(--paper-deep);padding:0;cursor:pointer;transition:transform .12s,border-color .12s}.fk-swap-popover__chip:hover{transform:scale(1.08)}.fk-swap-popover__chip.is-current{border-color:var(--ocker-deep);cursor:default}.fk-swap-popover__chip img{width:100%;height:100%;object-fit:cover;display:block}.fk-swatch__label{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:2px;width:max-content;max-width:min(220px,80vw);background:var(--paper);border:1px solid var(--paper-edge);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm, 4px);box-shadow:0 4px 12px #00000014;text-align:center;opacity:0;pointer-events:none;transition:opacity .15s;z-index:10}.fk-swatch__label-name{font-family:var(--font-display, var(--font-text));font-size:.85rem;font-weight:500;color:var(--ink);line-height:1.25;word-break:break-word;text-wrap:balance}.fk-swatch:hover .fk-swatch__label,.fk-swatch--selected .fk-swatch__label{opacity:1;pointer-events:auto}.fk-swatch__label-vendor{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.fk-swatch__label-price{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-2)}.fk-swatch__label-link{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ocker-deep, var(--ink-2));text-decoration:none;margin-top:2px;border-top:1px solid var(--paper-edge);padding-top:4px}.fk-swatch__label-link:hover{color:var(--ink)}.fk-palette{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--paper);border:1px solid var(--paper-edge);border-radius:var(--radius-sm, 4px);position:sticky;top:calc(var(--header-h, 60px) + var(--space-3));max-height:calc(100vh - var(--header-h, 60px) - var(--space-6));overflow:hidden}@media(max-width:899px){.fk-palette{position:static;max-height:none}}.fk-palette__head{display:flex;justify-content:space-between;align-items:baseline}.fk-palette__title{margin:0;font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}.fk-palette__count{color:var(--ink-3);font-size:.7rem}.fk-palette__search{position:relative;display:block}.fk-palette__search input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) calc(var(--space-3) + 20px);font:inherit;font-size:var(--text-sm);background:var(--paper-deep);border:1px solid var(--paper-edge);border-radius:var(--radius-sm, 4px);color:var(--ink);transition:border-color .15s}.fk-palette__search input:focus{outline:none;border-color:var(--ocker-deep)}.fk-palette__search-icon{position:absolute;left:var(--space-2);top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.fk-palette__list{display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto;padding:var(--space-1);margin:0 calc(var(--space-1) * -1);scrollbar-width:thin}@media(max-width:899px){.fk-palette__list{max-height:360px}}.fk-palette__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);padding:var(--space-2) 0 var(--space-3)}@media(max-width:899px){.fk-palette__grid{grid-template-columns:repeat(8,1fr)}}@media(max-width:599px){.fk-palette__grid{grid-template-columns:repeat(6,1fr)}}.fk-palette__list--searching>.fk-palette__grid{padding-top:0}.fk-palette__group--vendor{border-bottom:1px solid var(--paper-edge)}.fk-palette__group--vendor:last-of-type{border-bottom:none}.fk-palette__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-1);cursor:pointer;list-style:none;position:relative}.fk-palette__summary::-webkit-details-marker{display:none}.fk-palette__summary:before{content:"\203a";display:inline-block;margin-right:var(--space-2);font-size:1.1em;color:var(--ink-3);transition:transform .15s;transform:translateY(-1px)}.fk-palette__group[open]>.fk-palette__summary:before{transform:translateY(-1px) rotate(90deg)}.fk-palette__summary-name{flex:1 1 auto;font-family:var(--font-display, var(--font-text));font-size:var(--text-sm);font-weight:500;color:var(--ink)}.fk-palette__summary-count{font-size:.7rem;color:var(--ink-3)}.fk-palette__summary:hover .fk-palette__summary-name{color:var(--ocker-deep)}.fk-palette__products{padding-left:var(--space-3)}.fk-palette__group--product{border-top:1px dashed var(--paper-edge)}.fk-palette__group--product:first-child{border-top:none}.fk-palette__summary--product{padding:var(--space-2) var(--space-1)}.fk-palette__summary--product .fk-palette__summary-name{font-family:var(--font-mono);font-size:.75rem;font-weight:400;letter-spacing:.04em;color:var(--ink-2)}.fk-palette__grid--flat{padding-top:var(--space-1)}.fk-palette__more-note{text-align:center;font-size:var(--text-xs);color:var(--ink-3);padding:var(--space-3) 0}.fk-palette__loading,.fk-palette__empty{grid-column:1 / -1;text-align:center;color:var(--ink-3);font-size:var(--text-xs);padding:var(--space-6) 0}.fk-chip{position:relative;aspect-ratio:1/1;width:100%;border:none;background:var(--paper-deep);border-radius:50%;padding:0;overflow:hidden;cursor:grab;transition:transform .15s,box-shadow .15s;touch-action:none}.fk-chip:hover,.fk-chip:focus-visible{transform:scale(1.08);box-shadow:0 4px 12px #00000026;outline:none}.fk-chip--dragging{cursor:grabbing;opacity:.5}.fk-chip__img{width:100%;height:100%;object-fit:cover;pointer-events:none}.fk-chip[draggable=true]:active{cursor:grabbing}[data-fk-cart][data-state=loading]{pointer-events:none;opacity:.6}[data-fk-cart][data-state=success]{background:var(--ocker-deep)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/50/assets/farbkombi-canvas.css.map */