.c-variant-matrix{display:block;margin-top:50px}@media screen and (min-width:1000px){.c-variant-matrix{margin-top:50px}}.c-variant-matrix__groups{display:flex;flex-direction:column;margin-top:40px}@media screen and (min-width:1000px){.c-variant-matrix__groups{margin-top:0;border-top:1px solid var(--color-border-light)}}.c-variant-matrix__group-title{display:none}.c-variant-matrix__group{display:flex;gap:24px}@media screen and (min-width:1000px){.c-variant-matrix__group{gap:clamp(20px,calc(20px + 27 * ((100vw - 1000px) / 440)),47px);padding-block:23px}}@media screen and (min-width:1000px){.c-variant-matrix__group:not(:first-child){border-block-start:1px solid var(--color-border-light)}}.c-variant-matrix__color{flex:0 0 90px;min-width:0;display:none;flex-direction:column;align-items:center;gap:8px;cursor:pointer}@media screen and (min-width:1000px){.c-variant-matrix__color{display:flex;padding-top:7px}}.c-variant-matrix__color-img{display:block;width:90px;height:auto;object-fit:cover}.c-variant-matrix__color-label{font-size:11px;font-weight:300;line-height:1.4;letter-spacing:.02em;color:var(--color-text);text-align:center;white-space:nowrap}.c-variant-matrix__color--text-only{justify-content:center}@media screen and (min-width:1000px){.c-variant-matrix__color--text-only{padding-top:0}}.c-variant-matrix__color--text-only .c-variant-matrix__color-label{font-family:var(--base-font-family);font-size:16px;font-feature-settings:"palt" on;white-space:normal}.c-variant-matrix__rows{flex:1 1 0;min-width:0;display:flex;flex-direction:column;border-top:1px solid var(--color-border-light)}@media screen and (min-width:1000px){.c-variant-matrix__rows{border-top:none}}.c-variant-matrix__row{display:grid;grid-template-columns:24px 1fr 130px 20px;grid-template-areas:"size stock button wishlist";gap:14px;align-items:center;padding-block:15px;padding-inline:20px;border-bottom:1px solid var(--color-border-light)}@media screen and (min-width:1000px){.c-variant-matrix__row{grid-template-columns:28px 1fr clamp(120px,calc(120px + 25 * ((100vw - 1000px) / 440)),145px) 20px;padding-block:9px;padding-inline:0;border-bottom:none}}.c-variant-matrix--no-size .c-variant-matrix__row{grid-template-columns:1fr 130px 20px;grid-template-areas:"stock button wishlist"}@media screen and (min-width:1000px){.c-variant-matrix--no-size .c-variant-matrix__row{grid-template-columns:1fr clamp(120px,calc(120px + 25 * ((100vw - 1000px) / 440)),145px) 20px}}.c-variant-matrix__size{grid-area:size;font-family:var(--en-font-family);font-size:15px;font-weight:300;letter-spacing:.02em;color:var(--color-text)}@media screen and (min-width:1000px){.c-variant-matrix__size{font-weight:400;letter-spacing:inherit}}.c-variant-matrix__stock{grid-area:stock;display:flex;align-items:center;padding-left:10px}@media screen and (min-width:1000px){.c-variant-matrix__stock{padding-left:3px}}.c-variant-matrix__stock-label{font-family:var(--base-font-family);font-size:13px;font-weight:300;line-height:1.4;letter-spacing:.02em;font-feature-settings:"palt" on;color:var(--color-text)}@media screen and (min-width:1000px){.c-variant-matrix__stock-label{font-size:15px}}.c-variant-matrix__button{grid-area:button;position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;height:41px;padding-inline:10px;font-size:13px;font-family:var(--base-font-family);font-weight:400;letter-spacing:0;cursor:pointer;border:1px solid var(--color-navy-deep);border-radius:20px;transition:background-color var(--duration) var(--ease-base),color var(--duration) var(--ease-base),border-color var(--duration) var(--ease-base)}@media screen and (min-width:1000px){.c-variant-matrix__button{font-size:15px;border-radius:41px}}.c-variant-matrix__button--add{background-color:var(--color-navy-deep);color:var(--color-white)}.c-variant-matrix__button--soldout{background-color:transparent;border-color:var(--color-black);color:var(--color-text)}@media screen and (min-width:1000px){.c-variant-matrix__button--soldout{border-color:var(--color-navy-deep);color:var(--color-navy-deep)}}.c-variant-matrix__button--add:hover{background-color:transparent;color:var(--color-navy-deep);border-color:var(--color-navy-deep)}.c-variant-matrix__button--soldout:hover{background-color:var(--color-navy-deep);color:var(--color-white);border-color:var(--color-navy-deep)}.c-variant-matrix__button--soldout:disabled{cursor:default}.c-variant-matrix__button--soldout:disabled:hover{background-color:transparent;color:var(--color-text);border-color:var(--color-black)}@media screen and (min-width:1000px){.c-variant-matrix__button--soldout:disabled:hover{color:var(--color-navy-deep);border-color:var(--color-navy-deep)}}.c-variant-matrix__button.loading{pointer-events:none}.c-variant-matrix__button.loading .c-variant-matrix__button-text{opacity:0}.c-variant-matrix__button-text{display:inline-block;transition:opacity var(--duration) var(--ease-base)}.c-variant-matrix__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.c-variant-matrix__spinner svg{width:20px;height:20px}.c-variant-matrix__spinner.hidden{display:none}.c-variant-matrix__wishlist{grid-area:wishlist;display:flex;align-items:center;justify-content:center;width:22px;height:30px}.c-variant-matrix__wishlist .wk-button,.c-variant-matrix__wishlist .wk-button:hover,.c-variant-matrix__wishlist .wk-button:focus,.c-variant-matrix__wishlist .wk-button.wk-selected{width:30px;height:30px;padding:0;margin:0;background:transparent;border:none}.c-variant-matrix__wishlist wk-icon.wk-icon svg{display:none}.c-variant-matrix__wishlist .wk-button,.c-variant-matrix__wishlist .wk-button *,.c-variant-matrix__wishlist .wk-button:before,.c-variant-matrix__wishlist .wk-button:after,.c-variant-matrix__wishlist wk-icon.wk-icon:after{animation:none!important}.c-variant-matrix__wishlist .wk-button:before,.c-variant-matrix__wishlist .wk-button:hover:before,.c-variant-matrix__wishlist .wk-button.wk-selected:before,.c-variant-matrix__wishlist .wk-button:after,.c-variant-matrix__wishlist .wk-button:hover:after,.c-variant-matrix__wishlist .wk-button.wk-selected:after{content:none!important}.c-variant-matrix__wishlist wk-icon.wk-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:15px;flex-shrink:0;color:var(--color-badge)}.c-variant-matrix__wishlist wk-icon.wk-icon:after{content:"";display:block;width:100%;height:100%;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 15'%3E%3Cpath fill='white' stroke='white' stroke-width='0.6' d='M8.68815 14.1158C8.60565 14.1158 8.52283 14.0852 8.45974 14.0238L1.53032 7.29543C-0.109988 5.69728 -0.109988 3.09768 1.53 1.49984C2.32427 0.725979 3.38028 0.299805 4.50391 0.299805C5.62754 0.299805 6.68355 0.725979 7.47782 1.49984L8.68815 2.67907L9.89849 1.49984C10.6931 0.725979 11.7491 0.299805 12.8727 0.299805C13.9963 0.299805 15.0524 0.725979 15.8466 1.49984C17.4866 3.09768 17.4866 5.69728 15.8466 7.29512L8.91657 14.0238C8.85348 14.0852 8.77098 14.1158 8.68815 14.1158ZM4.50391 0.93024C3.55337 0.93024 2.65945 1.29085 1.98747 1.94556C0.599842 3.29753 0.599842 5.49743 1.98747 6.8494L8.68848 13.3555L15.3898 6.84909C16.7771 5.49743 16.7771 3.29784 15.3895 1.94587C14.7172 1.29116 13.8236 0.930556 12.873 0.930556C11.9225 0.930556 11.0286 1.29116 10.3563 1.94587L8.91721 3.34796C8.79071 3.47121 8.58624 3.47121 8.45974 3.34796L7.02067 1.94587C6.34837 1.29116 5.45477 0.930556 4.50423 0.930556L4.50391 0.93024Z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 15'%3E%3Cpath fill='white' stroke='white' stroke-width='0.6' d='M8.68815 14.1158C8.60565 14.1158 8.52283 14.0852 8.45974 14.0238L1.53032 7.29543C-0.109988 5.69728 -0.109988 3.09768 1.53 1.49984C2.32427 0.725979 3.38028 0.299805 4.50391 0.299805C5.62754 0.299805 6.68355 0.725979 7.47782 1.49984L8.68815 2.67907L9.89849 1.49984C10.6931 0.725979 11.7491 0.299805 12.8727 0.299805C13.9963 0.299805 15.0524 0.725979 15.8466 1.49984C17.4866 3.09768 17.4866 5.69728 15.8466 7.29512L8.91657 14.0238C8.85348 14.0852 8.77098 14.1158 8.68815 14.1158ZM4.50391 0.93024C3.55337 0.93024 2.65945 1.29085 1.98747 1.94556C0.599842 3.29753 0.599842 5.49743 1.98747 6.8494L8.68848 13.3555L15.3898 6.84909C16.7771 5.49743 16.7771 3.29784 15.3895 1.94587C14.7172 1.29116 13.8236 0.930556 12.873 0.930556C11.9225 0.930556 11.0286 1.29116 10.3563 1.94587L8.91721 3.34796C8.79071 3.47121 8.58624 3.47121 8.45974 3.34796L7.02067 1.94587C6.34837 1.29116 5.45477 0.930556 4.50423 0.930556L4.50391 0.93024Z'/%3E%3C/svg%3E") center / contain no-repeat}.c-variant-matrix__wishlist .wk-button.wk-selected wk-icon.wk-icon:after{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 15'%3E%3Cpath fill='white' stroke='white' stroke-width='0.6' d='M8.68815 14.1158C8.60565 14.1158 8.52283 14.0852 8.45974 14.0238L1.53032 7.29543C-0.109988 5.69728 -0.109988 3.09768 1.53 1.49984C2.32427 0.725979 3.38028 0.299805 4.50391 0.299805C5.62754 0.299805 6.68355 0.725979 7.47782 1.49984L8.68815 2.67907L9.89849 1.49984C10.6931 0.725979 11.7491 0.299805 12.8727 0.299805C13.9963 0.299805 15.0524 0.725979 15.8466 1.49984C17.4866 3.09768 17.4866 5.69728 15.8466 7.29512L8.91657 14.0238C8.85348 14.0852 8.77098 14.1158 8.68815 14.1158Z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 15'%3E%3Cpath fill='white' stroke='white' stroke-width='0.6' d='M8.68815 14.1158C8.60565 14.1158 8.52283 14.0852 8.45974 14.0238L1.53032 7.29543C-0.109988 5.69728 -0.109988 3.09768 1.53 1.49984C2.32427 0.725979 3.38028 0.299805 4.50391 0.299805C5.62754 0.299805 6.68355 0.725979 7.47782 1.49984L8.68815 2.67907L9.89849 1.49984C10.6931 0.725979 11.7491 0.299805 12.8727 0.299805C13.9963 0.299805 15.0524 0.725979 15.8466 1.49984C17.4866 3.09768 17.4866 5.69728 15.8466 7.29512L8.91657 14.0238C8.85348 14.0852 8.77098 14.1158 8.68815 14.1158Z'/%3E%3C/svg%3E") center / contain no-repeat}.c-variant-matrix__sp-trigger{display:flex;align-items:center;justify-content:center;width:100%;height:50px;background-color:var(--color-navy-deep);color:var(--color-white);font-size:15px;font-family:var(--base-font-family);font-weight:300;line-height:1.4;letter-spacing:.02em;font-feature-settings:"palt";border:none;border-radius:25px;cursor:pointer}@media screen and (min-width:1000px){.c-variant-matrix__sp-trigger{display:none}}.c-variant-matrix__panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;flex-direction:column;padding:0;background-color:var(--color-white);overflow-y:auto;transform:translateY(100%);visibility:hidden;transition:transform var(--duration) var(--ease-base),visibility var(--duration)}@media screen and (min-width:1000px){.c-variant-matrix__panel{position:static;inset:auto;padding:0;overflow:visible;background:none;transform:none;visibility:visible}}.c-variant-matrix.is-open .c-variant-matrix__panel{transform:none;visibility:visible}.c-variant-matrix.is-open:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1099;background-color:var(--color-scrim)}@media screen and (min-width:1000px){.c-variant-matrix.is-open:before{display:none}}.c-variant-matrix__modal-head{position:relative;display:flex;align-items:center;justify-content:center;height:55px;background-color:var(--color-sub-bg)}@media screen and (min-width:1000px){.c-variant-matrix__modal-head{display:none}}.c-variant-matrix__modal-title{font-size:16px;font-family:var(--base-font-family);font-weight:400;line-height:1.4;letter-spacing:.02em}.c-variant-matrix__modal-close{position:absolute;top:50%;right:20px;transform:translateY(-50%);padding:4px;background:none;border:none;cursor:pointer}.c-variant-matrix__modal-product{display:flex;align-items:center;gap:25px;padding:30px 20px 20px}@media screen and (min-width:1000px){.c-variant-matrix__modal-product{display:none}}.c-variant-matrix__modal-img{flex:0 0 140px;width:140px;height:auto;aspect-ratio:140 / 187;object-fit:cover}.c-variant-matrix__modal-name{font-size:13px;font-weight:300;font-family:var(--base-font-family);line-height:1.4;letter-spacing:.02em;margin:0}.c-variant-matrix__modal-price{margin-top:8px;font-family:var(--base-font-family);font-size:13px;font-weight:300;line-height:1;letter-spacing:.02em}.c-variant-matrix__color-select-wrap{margin-top:10px;margin-bottom:0;padding-inline:20px}@media screen and (min-width:1000px){.c-variant-matrix__color-select-wrap{display:none}}.c-variant-matrix__color-select{width:100%;height:50px;padding:0 40px 0 20px;font-size:16px;font-family:var(--base-font-family);font-weight:300;letter-spacing:.02em;color:var(--color-text);background-color:var(--color-white);border:1px solid rgba(0,0,0,.1);border-radius:25px;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23000' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center}.c-variant-matrix__modal-close-bottom{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:24px 16px;margin-top:auto;background:none;border:none;font-family:var(--base-font-family);font-size:13px;font-weight:300;letter-spacing:.02em;cursor:pointer}@media screen and (min-width:1000px){.c-variant-matrix__modal-close-bottom{display:none}}.c-variant-matrix__modal-close-bottom svg{width:20px;height:20px}.c-variant-matrix--has-colors .c-variant-matrix__group:not(.is-active){display:none}@media screen and (min-width:1000px){.c-variant-matrix--has-colors .c-variant-matrix__group:not(.is-active){display:flex}}.c-variant-matrix__done{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px;background-color:var(--color-scrim)}@media screen and (min-width:1000px){.c-variant-matrix__done{padding:24px}}.c-variant-matrix__done[hidden]{display:none}.c-variant-matrix__done-panel{display:flex;flex-direction:column;align-items:center;width:100%;max-width:335px;padding:44px 20px 40px;background-color:var(--color-white);border-radius:0;text-align:center}@media screen and (min-width:1000px){.c-variant-matrix__done-panel{max-width:467px;padding:73px 24px 72px}}.c-variant-matrix__done-title{color:var(--color-text);text-align:center;font-feature-settings:"palt";font-family:var(--base-font-family);font-size:16px;font-weight:300;line-height:1.4;letter-spacing:.02em;margin:0}@media screen and (min-width:1000px){.c-variant-matrix__done-title{font-size:18px;letter-spacing:.02em}}.c-variant-matrix__done-cart{display:inline-flex;justify-content:center;align-items:center;gap:10px;margin:20px 0 42px;width:150px;height:45px;padding:0;background-color:var(--color-badge);border:1px solid var(--color-badge);border-radius:23px;color:var(--color-white);text-align:center;text-decoration:none;transition:background-color var(--duration) var(--ease-base),color var(--duration) var(--ease-base);font-feature-settings:"palt";font-family:var(--base-font-family);font-size:15px;font-style:normal;font-weight:400;line-height:1}@media screen and (min-width:1000px){.c-variant-matrix__done-cart{width:167px;height:50px;border-radius:30px;font-size:15px;margin:24px 0 35px}}.c-variant-matrix__done-cart:hover{background-color:transparent;color:var(--color-badge)}.c-variant-matrix__done-close{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0;background:none;border:none;cursor:pointer;color:var(--color-text);text-align:center;font-feature-settings:"palt";font-family:var(--base-font-family);font-size:14px;font-style:normal;font-weight:300;line-height:1.4;letter-spacing:.32px}@media screen and (min-width:1000px){.c-variant-matrix__done-close{font-size:15px}}@media screen and (min-width:1000px){.c-variant-matrix--modal .c-variant-matrix__sp-trigger{display:flex}.c-variant-matrix--modal .c-variant-matrix__panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;width:min(600px,calc(100% - 48px));height:max-content;max-height:calc(100dvh - 80px);margin:auto;padding:0;border-radius:0;overflow-y:auto;background-color:var(--color-white);transform:translateY(20px);visibility:hidden;opacity:0;transition:transform var(--duration) var(--ease-base),opacity var(--duration) var(--ease-base),visibility var(--duration)}.c-variant-matrix--modal.is-open .c-variant-matrix__panel{transform:none;visibility:visible;opacity:1}.c-variant-matrix--modal.is-open:before{display:block}.c-variant-matrix--modal .c-variant-matrix__modal-head,.c-variant-matrix--modal .c-variant-matrix__modal-product,.c-variant-matrix--modal .c-variant-matrix__modal-close-bottom{display:flex}.c-variant-matrix--modal .c-variant-matrix__color-select-wrap{display:block}.c-variant-matrix--modal .c-variant-matrix__color{display:none}.c-variant-matrix--modal.c-variant-matrix--has-colors .c-variant-matrix__group:not(.is-active){display:none}.c-variant-matrix--modal .c-variant-matrix__groups{margin-top:40px;border-top:none}.c-variant-matrix--modal .c-variant-matrix__group,.c-variant-matrix--modal .c-variant-matrix__group:not(:first-child){gap:0;padding-block:0;border-block-start:none}.c-variant-matrix--modal .c-variant-matrix__rows{border-top:1px solid var(--color-border-light)}.c-variant-matrix--modal .c-variant-matrix__row{grid-template-columns:28px 1fr 130px 20px;padding-block:15px;padding-inline:20px;border-bottom:1px solid var(--color-border-light)}.c-variant-matrix--modal.c-variant-matrix--no-size .c-variant-matrix__row{grid-template-columns:1fr 130px 20px}.c-variant-matrix--modal .c-variant-matrix__button{font-size:13px}.c-variant-matrix--modal .c-variant-matrix__modal-name,.c-variant-matrix--modal .c-variant-matrix__modal-price{font-size:15px}}.c-variant-matrix__shipping-time{display:block;width:100%;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/3/assets/c-variant-matrix.css.map */