@import"https://fonts.googleapis.com/css2?family=Aldrich&family=Audiowide&family=Caveat:wght@400;500;600;700&family=Tangerine:wght@400;700&display=swap";html{scroll-behavior:smooth}#treekey-konfigurator{scroll-margin-top:120px}.tkcfg{padding-top:24px;padding-bottom:24px}.tkcfg-empty{padding:24px;border:1px solid rgba(17,17,17,.08);border-radius:16px;background:#fff}.tkcfg__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:28px;align-items:stretch}.tkcfg__left{min-width:0;align-self:stretch}.tkcfg__right{min-width:0;position:static}.tkcfg__desktop-sticky{position:sticky;top:120px;z-index:20}.tkcfg__eyebrow{margin:0 0 10px;font-size:12px;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:#1119}.tkcfg__title{margin:0 0 12px;font-size:clamp(28px,4vw,42px);line-height:1.08;color:#111}.tkcfg__subheadline{margin:0 0 18px;color:#111111c7;line-height:1.65;max-width:65ch}.tkcfg__surface-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.tkcfg__surface-tab{-webkit-appearance:none;appearance:none;border:1px solid rgba(17,17,17,.12);background:#fff;color:#111;border-radius:999px;padding:10px 16px;cursor:pointer;font:inherit;font-weight:600;transition:all .2s ease}.tkcfg__surface-tab:hover{border-color:#11111147}.tkcfg__surface-tab.is-active{background:#111;border-color:#111;color:#fff}.tkcfg__preview-card,.tkcfg__card{background:#fff;border:1px solid rgba(17,17,17,.08);border-radius:18px;box-shadow:0 10px 30px #11111108;padding:18px}.tkcfg__preview-card--desktop{position:relative}.tkcfg__preview-card--mobile-sticky{display:none}.tkcfg__preview-stage{position:relative;width:100%;aspect-ratio:2048 / 1140;background:linear-gradient(180deg,#fbfbfb,#f3f3f3);border-radius:14px;overflow:hidden;cursor:crosshair}.tkcfg__preview-inner,.tkcfg__preview-svg{width:100%;height:100%}.tkcfg__preview-svg{display:block}.tkcfg__preview-badge{position:absolute;z-index:2;display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;border-radius:999px;background:#ffffffeb;border:1px solid rgba(17,17,17,.08);font-size:13px;line-height:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);left:14px;bottom:14px}.tkcfg__hint{margin:12px 2px 0;font-size:13px;line-height:1.55;color:#111111ad}.tkcfg__form{display:grid;gap:16px}.tkcfg__card-head{display:flex;justify-content:space-between;gap:16px;align-items:baseline;margin-bottom:14px}.tkcfg__card-title{margin:0;font-size:20px;line-height:1.2;color:#111;font-weight:800}.tkcfg__card-meta{font-size:13px;color:#1111118f}.tkcfg__section-block+.tkcfg__section-block{margin-top:18px}.tkcfg__label{display:block;margin-bottom:8px;font-size:13px;line-height:1.4;font-weight:700;color:#111111e6}.tkcfg__label--inline{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px}.tkcfg__inline-value{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.tkcfg__inline-number{width:72px;min-height:34px;padding:6px 8px;border-radius:10px;border:1px solid rgba(17,17,17,.14);background:#fff;color:#111;font:inherit;font-size:13px;font-weight:600;text-align:right;box-sizing:border-box}.tkcfg__inline-number:focus{outline:none;border-color:#11111152;box-shadow:0 0 0 3px #1111110f}.tkcfg__inline-number:disabled{opacity:.45;cursor:not-allowed}.tkcfg__input,.tkcfg__select,.tkcfg__file{width:100%;min-height:48px;padding:12px 14px;border-radius:12px;border:1px solid rgba(17,17,17,.14);background:#fff;color:#111;font:inherit;box-sizing:border-box}.tkcfg__input:focus,.tkcfg__select:focus,.tkcfg__file:focus{outline:none;border-color:#11111152;box-shadow:0 0 0 3px #1111110f}.tkcfg__font-select{font-size:16px;font-weight:600}.tkcfg__hidden-variant-select{display:none!important}.tkcfg__field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tkcfg__field-grid--tight,.tkcfg__field-grid--align-end{align-items:end}.tkcfg__range{width:100%;accent-color:#111111}.tkcfg__range:disabled{opacity:.45;cursor:not-allowed}.tkcfg__range-output{font-weight:600;color:#111111b3}.tkcfg__segmented{display:flex;flex-wrap:wrap;gap:8px}.tkcfg__segmented--compact-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tkcfg__segmented--compact-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tkcfg__segmented-btn{-webkit-appearance:none;appearance:none;border:1px solid rgba(17,17,17,.12);background:#fff;color:#111;border-radius:12px;padding:10px 14px;cursor:pointer;font:inherit;font-weight:700;transition:all .2s ease}.tkcfg__segmented-btn:hover{border-color:#11111147}.tkcfg__segmented-btn.is-active{background:#111;color:#fff;border-color:#111}.tkcfg__subsection-title{margin:0 0 10px;font-size:15px;line-height:1.3;font-weight:800;color:#111}.tkcfg__icon-picker{margin-top:14px}.tkcfg__icon-picker.is-hidden,.tkcfg__upload-group.is-hidden{display:none}.tkcfg__icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tkcfg__icon-btn{-webkit-appearance:none;appearance:none;width:100%;border:1px solid rgba(17,17,17,.12);background:#fff;color:#111;border-radius:14px;padding:10px 8px;cursor:pointer;transition:all .2s ease;display:grid;gap:8px;align-items:center;justify-items:center;min-height:112px;position:relative}.tkcfg__icon-btn:hover{border-color:#11111147;transform:translateY(-1px)}.tkcfg__icon-btn.is-selected{border-color:#111;box-shadow:0 0 0 2px #1111111f}.tkcfg__icon-preview{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center}.tkcfg__icon-preview img,.tkcfg__icon-preview svg{width:100%;height:100%;display:block;object-fit:contain}.tkcfg__icon-label{font-size:12px;line-height:1.2;text-align:center;color:#111111c7}.tkcfg__icon-badge{position:absolute;top:8px;right:8px;font-size:10px;line-height:1;padding:4px 6px;border-radius:999px;background:#11111114;color:#111111b8}.tkcfg__icon-empty{border:1px dashed rgba(17,17,17,.18);border-radius:14px;padding:14px;font-size:13px;line-height:1.5;color:#1119;background:#fafafa}.tkcfg__upload-group+.tkcfg__upload-group{margin-top:12px}.tkcfg__file-meta{margin-top:8px;font-size:13px;line-height:1.5;color:#111111ad;word-break:break-word}.tkcfg__link-btn{margin-top:10px;padding:0;border:0;background:transparent;color:#111;text-decoration:underline;cursor:pointer;font:inherit}.tkcfg__mini-note{margin:12px 0 0;font-size:12px;line-height:1.55;color:#11111194}.tkcfg__price-note{margin:0 0 12px;font-size:13px;line-height:1.5;color:#111111b8}.tkcfg__summary{display:grid;gap:10px}.tkcfg__summary-row{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid rgba(17,17,17,.08)}.tkcfg__summary-row:last-child{padding-bottom:0;border-bottom:0}.tkcfg__summary-label{font-size:13px;font-weight:700;color:#111111b8}.tkcfg__summary-value{font-size:14px;line-height:1.55;color:#111}.tkcfg__submit-wrap{display:flex}.tkcfg__submit{width:100%;min-height:52px;border:0;border-radius:14px;background:#111;color:#fff;font:inherit;font-weight:700;cursor:pointer;transition:transform .15s ease,opacity .2s ease}.tkcfg__submit:hover{transform:translateY(-1px)}.tkcfg__submit:disabled{cursor:not-allowed;opacity:.5}.tkcfg__admin-card{border:1px solid rgba(17,17,17,.14);background:#fafafa}.tkcfg__admin-textarea{min-height:140px;resize:vertical;font-family:Consolas,Monaco,monospace;font-size:13px}.tkcfg__admin-actions{display:flex;flex-wrap:wrap;gap:8px}.tkcfg__quick-btn{-webkit-appearance:none;appearance:none;border:1px solid rgba(17,17,17,.12);background:#fff;color:#111;border-radius:10px;padding:8px 10px;cursor:pointer;font:inherit;font-size:13px;font-weight:600;transition:all .2s ease}.tkcfg__quick-btn:hover{border-color:#11111147;background:#1111110a}.tkcfg__admin-status{margin-top:12px;min-height:20px;font-size:13px;line-height:1.5;color:#111111b3}@media(max-width:1100px){.tkcfg__grid{grid-template-columns:1fr}.tkcfg__desktop-sticky{position:static;top:auto}.tkcfg__preview-card--desktop{display:none}.tkcfg__preview-card--mobile-sticky{display:block;position:sticky;top:72px;z-index:12;margin-bottom:16px}}@media(max-width:749px){.tkcfg{padding-top:14px;padding-bottom:14px}.tkcfg__field-grid{grid-template-columns:1fr}.tkcfg__surface-tabs{gap:8px}.tkcfg__surface-tab{width:100%;justify-content:center}.tkcfg__segmented{display:grid;grid-template-columns:1fr}.tkcfg__segmented--compact-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tkcfg__segmented--compact-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tkcfg__segmented-btn{width:100%;min-width:0;justify-content:center;padding:10px 8px;font-size:14px}.tkcfg__segmented--compact-3 .tkcfg__segmented-btn{padding:10px 6px;font-size:13px}.tkcfg__admin-actions{display:grid;grid-template-columns:1fr}.tkcfg__label--inline{flex-direction:row;align-items:center}.tkcfg__icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tkcfg__preview-card--mobile-sticky{top:64px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/treekey-konfigurator.css.map */