.fossko-color-selector{width:100%}.fossko-color-selector__header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}.fossko-color-selector__heading,.fossko-color-selector__selected-name{margin:0}.fossko-color-selector__heading{color:#25251f;font-size:12px;line-height:1.35;font-weight:600}.fossko-color-selector__selected-name{color:#25251f;font-size:14px;line-height:1.35;font-weight:600}.fossko-color-selector .fossko-color-selector__swatches{display:grid!important;grid-template-columns:repeat(8,52px)!important;column-gap:16px!important;row-gap:14px!important;width:max-content!important;max-width:100%!important;margin:0 auto!important;justify-content:center!important;align-items:center!important}.fossko-color-selector .fossko-color-swatch{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:56px!important;min-width:52px!important;max-width:52px!important;height:50px!important;min-height:38px!important;max-height:38px!important;margin:0!important;padding:3px!important;border:1px solid #d8d1c6!important;border-radius:7px!important;background:#fff!important;overflow:hidden!important;cursor:pointer!important;box-shadow:none!important;appearance:none!important;-webkit-appearance:none!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.fossko-color-selector .fossko-color-swatch:hover{transform:translateY(-1px)!important;border-color:#aaa193!important;box-shadow:0 4px 10px #26221b0f!important}.fossko-color-selector .fossko-color-swatch__fabric,.fossko-color-selector .fossko-color-swatch__fill{position:relative!important;display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:4px!important;background-color:var(--fossko-swatch-color, #d9d5cd)!important;background-image:linear-gradient(108deg,#ffffff3b,#ffffff0d 22%,#00000021 42%,#ffffff1f,#0000001a 78%,#ffffff1a)!important;background-blend-mode:soft-light!important}.fossko-color-selector .fossko-color-swatch__label,.fossko-color-selector .fossko-color-swatch__check{display:none!important}.fossko-color-selector .fossko-color-swatch.fossko-color-swatch--active{border-color:#a8894e!important;box-shadow:0 0 0 1px #a8894e!important}.fossko-color-selector .fossko-color-swatch.fossko-color-swatch--extra{display:none!important}.fossko-color-selector.fossko-color-selector--expanded .fossko-color-swatch.fossko-color-swatch--extra{display:flex!important}.fossko-color-selector__toggle{display:block!important;width:max-content;margin:16px auto 0!important;padding:0!important;border:0!important;background:transparent!important;color:#806a45!important;font-family:inherit;font-size:10px;line-height:1.3;font-weight:600;cursor:pointer;text-align:center}.fossko-color-selector__toggle:hover{text-decoration:underline}@media screen and (max-width:700px){.fossko-color-selector .fossko-color-selector__swatches{grid-template-columns:repeat(5,44px)!important;column-gap:10px!important;row-gap:10px!important}.fossko-color-selector .fossko-color-swatch{width:44px!important;min-width:44px!important;max-width:44px!important;height:34px!important;min-height:34px!important;max-height:34px!important}.fossko-color-selector__selected-name{font-size:10px}}@media screen and (max-width:700px){.fossko-color-selector:not(.is-expanded) .fossko-color-swatch:nth-child(16){display:none}.fossko-color-selector.is-expanded .fossko-color-swatch:nth-child(16){display:block}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/fossko-color-selector.css.map */