.kanso-cfg-card,.kanso-cfg-overlay,.kanso-cfg-sheet{display:none}.kanso-cfg-price-label{display:block;font-size:.75rem;color:rgb(var(--text-color) / .6);margin-top:.125rem}@media screen and (max-width:999px){.kanso-configurator-active variant-picker .variant-picker__option,.kanso-configurator-active variant-picker .variant-filter{display:none}.kanso-configurator-active .product-info__block-item[data-block-type=liquid] .ki-trigger,.kanso-configurator-active .ki-trigger,.kanso-configurator-active .ms-delivery-date{display:none}.kanso-cfg-card{display:block;width:100%;padding:0;border:1px solid rgb(var(--border-color));border-radius:8px;cursor:pointer;background:rgb(var(--background));color:inherit;font:inherit;text-align:left;-webkit-appearance:none;appearance:none}.kanso-cfg-card__config{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem}.kanso-cfg-card__thumb{width:60px;height:60px;flex-shrink:0;border-radius:6px;object-fit:cover;background:rgb(var(--border-color) / .3)}.kanso-cfg-card__text{display:flex;flex-direction:column;gap:.1875rem;min-width:0}.kanso-cfg-card__eyebrow{font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--text-color) / .55)}.kanso-cfg-card__value{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kanso-cfg-card__configure{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1rem;border-top:1px solid rgb(var(--border-color))}.kanso-cfg-card__configure-label{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600}.kanso-cfg-card__configure-meta{font-size:.8125rem;color:rgb(var(--text-color) / .6);margin-left:auto}.kanso-cfg-card__chevron{width:16px;height:16px;flex-shrink:0;color:rgb(var(--text-color) / .5)}.kanso-cfg-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:9998}.kanso-cfg-overlay.is-open{display:block}.kanso-cfg-sheet{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.kanso-cfg-sheet.is-open{display:flex}.kanso-cfg-sheet__dialog{display:flex;flex-direction:column;width:100%;height:100%;background:rgb(var(--background));transform:translateY(100%);transition:transform .28s cubic-bezier(.22,1,.36,1)}.kanso-cfg-sheet.is-open .kanso-cfg-sheet__dialog{transform:translateY(0)}.kanso-cfg-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgb(var(--border-color));flex-shrink:0}.kanso-cfg-sheet__title{font-size:1.125rem;margin:0}.kanso-cfg-sheet__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:rgb(var(--text-color))}.kanso-cfg-sheet__close svg{width:20px;height:20px}.kanso-cfg-sheet__care-link{padding:.875rem 1.25rem;font-size:.8125rem;border-bottom:1px solid rgb(var(--border-color));flex-shrink:0}.kanso-cfg-sheet__care-link a{text-decoration:underline;text-underline-offset:2px}.kanso-cfg-stock-filter{display:flex;align-items:baseline;gap:1rem;padding:.875rem 1.25rem;font-size:.8125rem;border-bottom:1px solid rgb(var(--border-color))}.kanso-cfg-stock-filter__label{color:rgb(var(--text-color))}.kanso-cfg-stock-filter__btn{background:none;border:none;padding:0;cursor:pointer;font-size:inherit;color:rgb(var(--text-color) / .5);text-decoration:none;transition:color .15s}.kanso-cfg-stock-filter__btn.is-active{color:rgb(var(--text-color));text-decoration:underline;text-underline-offset:.2em}.kanso-cfg-stock-filter__btn:not(.is-active):hover{color:rgb(var(--text-color) / .8)}.kanso-cfg-sheet__body{flex:1;overflow-y:auto;padding:1.25rem;overscroll-behavior:contain}.kanso-cfg-sheet.is-preview-open .kanso-cfg-sheet__body{display:none}.kanso-cfg-sheet.is-preview-open .kanso-cfg-status{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.kanso-cfg-step{border-bottom:1px solid rgb(var(--border-color))}.kanso-cfg-step:first-of-type{border-top:1px solid rgb(var(--border-color))}.kanso-cfg-step__summary{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;cursor:pointer;list-style:none}.kanso-cfg-step__summary::-webkit-details-marker{display:none}.kanso-cfg-step__title{font-size:1rem}.kanso-cfg-step__icon{position:relative;width:14px;height:14px;flex-shrink:0}.kanso-cfg-step__icon:before,.kanso-cfg-step__icon:after{content:"";position:absolute;background:rgb(var(--text-color));transition:transform .2s ease}.kanso-cfg-step__icon:before{left:0;top:6px;width:14px;height:1.5px}.kanso-cfg-step__icon:after{top:0;left:6px;width:1.5px;height:14px}.kanso-cfg-step[open] .kanso-cfg-step__icon:after{transform:scaleY(0)}.kanso-cfg-step>.kanso-cfg-group__values--frame,.kanso-cfg-step>.kanso-cfg-group__values--material,.kanso-cfg-step>.kanso-cfg-family,.kanso-cfg-step>.kanso-cfg-swatch-cta{margin-bottom:1.25rem}.kanso-cfg-group__values--frame{display:flex;flex-wrap:wrap;gap:.625rem}.kanso-cfg-tile--frame{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;border:1px solid rgb(var(--border-color));border-radius:var(--input-border-radius, 4px);background:rgb(var(--background));font-size:.875rem;cursor:pointer;position:relative}.kanso-cfg-tile--frame .kanso-cfg-tile__img{width:28px;height:28px;border-radius:2px;object-fit:cover}.kanso-cfg-tile__crop--frame{position:relative;display:block;width:28px;height:28px;flex-shrink:0;border-radius:2px;overflow:hidden;background:rgb(var(--border-color) / .3)}.kanso-cfg-family{margin-bottom:1.25rem}.kanso-cfg-family__name{font-size:.8125rem;font-weight:600;margin:0 0 .625rem}.kanso-cfg-group__values--material{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.kanso-cfg-tile--material{position:relative;aspect-ratio:1;border-radius:var(--input-border-radius, 4px);overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;background:rgb(var(--border-color) / .3)}.kanso-cfg-tile--material .kanso-cfg-tile__crop{position:absolute;top:0;right:0;bottom:0;left:0}.kanso-cfg-tile__crop-img{width:100%;height:100%;object-fit:cover;transform:scale(2.2)}.kanso-cfg-tile__crop-img--real{transform:none}.kanso-cfg-tile__cylindo-swatch{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.kanso-cfg-tile__crop--empty{display:block;width:100%;height:100%;background:rgb(var(--border-color) / .5)}.kanso-cfg-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:.5rem;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,rgba(0,0,0,.15) 45%,transparent 70%)}.kanso-cfg-tile__name{color:#fff;font-size:.75rem;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.4)}.kanso-cfg-tile__delta{color:#fff;font-size:.6875rem;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.4);margin-top:.125rem}.kanso-cfg-tile__delta[hidden]{display:none}.kanso-cfg-tile.is-selected{border-color:rgb(var(--text-color))}.kanso-cfg-tile.is-disabled{opacity:.45;pointer-events:none}.kanso-cfg-sheet.is-filtering-in-stock .kanso-cfg-tile[data-kanso-cfg-unavailable]{opacity:.55}.kanso-cfg-sheet.is-filtering-in-stock .kanso-cfg-tile[data-kanso-cfg-unavailable]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom right,transparent calc(50% - .5px),var(--swatch-disabled-strike-color, rgb(var(--border-color))) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px))}.kanso-cfg-swatch-cta{width:100%;padding:.875rem;margin-top:.25rem;border:1px solid rgb(var(--text-color));border-radius:var(--input-border-radius, 4px);background:none;color:rgb(var(--text-color));font-size:.875rem;cursor:pointer}.kanso-cfg-status{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));border-top:1px solid rgb(var(--border-color));background:rgb(var(--background));flex-shrink:0}.kanso-cfg-status__row{display:flex;gap:.875rem}.kanso-cfg-status__preview{position:relative;width:64px;height:64px;flex-shrink:0;border-radius:8px;overflow:hidden;background:rgb(var(--border-color) / .3);transition:width .28s cubic-bezier(.22,1,.36,1),height .28s cubic-bezier(.22,1,.36,1)}.kanso-cfg-status__preview cylindo-viewer{width:100%!important;height:100%!important;display:block!important}.kanso-cfg-status__preview-img{width:100%;height:100%;object-fit:cover}.kanso-cfg-status__preview-close{display:none;position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;align-items:center;justify-content:center;background:rgb(var(--background) / .9);border:none;border-radius:50%;cursor:pointer;color:rgb(var(--text-color))}.kanso-cfg-status__preview-close svg{width:16px;height:16px}.kanso-cfg-status.is-preview-open .kanso-cfg-status__preview{width:100%;height:38vh}.kanso-cfg-status.is-preview-open .kanso-cfg-status__preview-close{display:flex}.kanso-cfg-status.is-preview-open .kanso-cfg-status__row{flex-direction:column}.kanso-cfg-status__body{flex:1;min-width:0;display:flex;flex-direction:column}.kanso-cfg-status__compact{display:flex;flex-direction:column;gap:.125rem;min-width:0}.kanso-cfg-status.is-preview-open .kanso-cfg-status__compact{display:none}.kanso-cfg-status__title{font-size:.9375rem}.kanso-cfg-status__config{font-size:.75rem;color:rgb(var(--text-color) / .65);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kanso-cfg-status__price{font-size:1rem;margin-top:.125rem}.kanso-cfg-status__spec{display:none;flex-direction:column;gap:.5rem;padding-block:.75rem .5rem;font-size:.875rem}.kanso-cfg-status.is-preview-open .kanso-cfg-status__spec{display:flex}.kanso-cfg-status__spec-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.kanso-cfg-status__spec-row span:first-child{color:rgb(var(--text-color) / .65)}.kanso-cfg-status__fine-print{font-size:.75rem;color:rgb(var(--text-color) / .55);margin:.25rem 0 0}.kanso-cfg-status__actions{display:flex;gap:.625rem;padding-right:4.5rem}.kanso-cfg-status__preview-btn{flex:1;height:46px;display:flex;align-items:center;justify-content:center;padding:0 1rem;border:1px solid rgb(var(--text-color));border-radius:var(--input-border-radius, 4px);background:none;color:rgb(var(--text-color));font-size:.8125rem;cursor:pointer}.kanso-cfg-status__confirm{flex:1;height:46px;display:flex;align-items:center;justify-content:center;padding:0 1rem;background:rgb(var(--text-color));color:rgb(var(--background));border:none;border-radius:var(--input-border-radius, 4px);font-size:.8125rem;cursor:pointer}body.kanso-cfg-open{overflow:hidden}}@media(prefers-reduced-motion:reduce){.kanso-cfg-sheet__dialog{transition:none}}.kanso-desktop-swatch{position:relative;display:block;width:24px;height:24px;flex-shrink:0;border-radius:3px;overflow:hidden;background:rgb(var(--border-color) / .3)}.kanso-desktop-swatch img{width:100%;height:100%;object-fit:cover;display:block}.kanso-desktop-cylindo-swatch{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.thumbnail-swatch>.kanso-desktop-cylindo-swatch{z-index:-1}
/*# sourceMappingURL=/cdn/shop/t/188/assets/kanso-configurator.css.map */