.product-swatch-metaobject{margin-bottom:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.swatch-metaobject-header{margin-bottom:20px}.swatch-metaobject-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.swatch-label{font-weight:700;color:#37322f;font-family:Poppins;font-size:16.8px;line-height:18.83px}.swatch-current{font-size:14px;color:#666;font-weight:400}.swatch-category-tabs{display:flex;gap:0;margin-top:16px;border-radius:16px;overflow:visible;background:transparent}.swatch-category-tab:first-child{border-top-left-radius:15px;border-bottom-left-radius:15px}.swatch-category-tab:last-child{border-top-right-radius:15px;border-bottom-right-radius:15px;border-right:1px solid #37322F80}.swatch-category-tab{flex:1;padding:15px 16px;border:none;background:transparent;cursor:pointer;transition:all .2s ease;color:#37322f;text-align:center;position:relative;font-family:Poppins;font-weight:400;font-size:14px;line-height:22px;border-top:1px solid #37322F80;border-bottom:1px solid #37322F80;border-left:1px solid #37322F80}.swatch-category-tab:hover{background:#0000000d;color:#000}.swatch-category-tab.active{background:#37322f;color:#fff;position:relative}.swatch-category-tab.active:after{content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #37322F;position:absolute;bottom:-9px;left:50%;margin-left:-7px}.swatch-print-label{margin:16px 0;font-family:Poppins;font-weight:400;font-size:14px;line-height:22px;color:#37322f}.swatch-metaobject-grid{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;max-width:100%;align-items:flex-start}.swatch-item{width:61.2px;height:61.2px;border-radius:50%;position:relative;border:2.5px solid transparent;transition:all .3s ease,opacity .3s ease,visibility .3s ease;opacity:1;visibility:visible;z-index:1}.swatch-item:not(.swatch-item--unavailable) .swatch-link{cursor:pointer}.swatch-item--hidden{display:none!important}.swatch-item:hover{border-color:#0000001a;transform:scale(1.05)}.swatch-item--current{border-color:#010f18;border-width:2.5px}.swatch-item--current.swatch-item--unavailable{border-color:#010f18!important;border-width:2.5px!important}.swatch-item--unavailable{opacity:1;position:relative;border-color:#00000040!important;border-width:2.5px!important;z-index:0}.swatch-item--unavailable .swatch-link:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='65' viewBox='0 0 60 60'%3E%3Cline x1='10' y1='10' x2='60' y2='60' stroke='%2300000040' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat;border-radius:50%;pointer-events:none}.swatch-item--current.swatch-item--unavailable:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cline x1='10' y1='10' x2='50' y2='50' stroke='%23666' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat;border-radius:50%;pointer-events:none;z-index:10;display:block;opacity:1}.swatch-item--current.swatch-item--unavailable{overflow:visible}.swatch-item img,.swatch-placeholder{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.swatch-placeholder{background-color:#f0f0f0}.swatch-link{display:block;width:100%;height:100%;text-decoration:none;position:relative;border-radius:50%}.swatch-item:hover .special-text__tooltip{visibility:visible;opacity:1}.special-text__tooltip{position:absolute;width:max-content;left:50%;bottom:-50%;margin-bottom:15px;padding:5px;border-radius:4px;visibility:hidden;opacity:0;text-align:left;transition:opacity .5s linear;transform:translate(-50%) rotate(180deg);background:#fff;border:1px solid #37322F;z-index:10;font-family:Poppins;font-weight:400;font-size:10px;line-height:100%;color:#37322f}.special-text__tooltip:after{content:"";width:10px;height:10px;position:absolute;top:81%;left:50%;transform:translate(-50%) rotate(45deg);background:#fff;border-right:1px solid #37322F;border-bottom:1px solid #37322F}span.tooltip-text{transform:rotate(180deg);display:inline-block}.swatch-show-more-btn{color:#37352f;cursor:pointer;padding:0;transition:color .2s ease;text-decoration:underline;font-weight:400;font-family:Poppins;font-size:12.7px;line-height:20.38px;gap:5px;align-items:center;text-underline-offset:3px}.swatch-show-more-btn:hover{color:#37322f}.swatch-show-more-icon{transition:transform .2s ease;width:12px;height:12px}.swatch-show-more-btn[aria-expanded=true] .swatch-show-more-icon{transform:rotate(180deg)}.swatch-show-more-btn svg{width:12px;height:7px}.swatch-show-more-btn[aria-expanded=true] svg{transform:rotate(180deg)}.swatch-item--hidden{display:none}.swatch-item--hidden.show-more-expanded{display:flex!important}@media (max-width: 750px){.swatch-metaobject-grid{gap:16.5px}.swatch-item,.swatch-item--current{width:58px;height:58px}.swatch-label{font-size:16px}.swatch-category-tab{padding:8px 12px}.special-text__tooltip{display:none}}.swatch-metaobject-loader{display:flex;justify-content:center;align-items:center;padding:40px 20px;min-height:100px;position:relative}.swatch-metaobject-loader-line{width:28px;height:28px;position:relative}.swatch-metaobject-loader .loader-indeterminate{width:28px;height:28px;border-radius:50%;border:3px solid rgba(0,0,0,.2);border-top-color:#0009;animation:swatch-loader-spin .8s linear infinite;background-color:transparent!important}@keyframes swatch-loader-spin{to{transform:rotate(360deg)}}.swatch-metaobject-light-loader{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff9;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:10;justify-content:center;align-items:center;pointer-events:none;border-radius:4px}.swatch-light-loader-content{display:flex;justify-content:center;align-items:center}.swatch-light-loader-spinner{width:24px;height:24px;border-radius:50%;border:2px solid rgba(0,0,0,.1);border-top-color:#0006;animation:swatch-loader-spin .8s linear infinite;background-color:transparent}.product-swatch-metaobject{position:relative}
/*# sourceMappingURL=/cdn/shop/t/178/assets/product-swatch-metaobject.css.map */