.bl-custom-variant-block{margin-bottom:24px}.bl-custom-variant-row-title{font-weight:500;font-size:14px;margin-bottom:12px;color:var(--COLOR-TEXT)}@media(min-width:1025px){.bl-custom-variant-row-title{font-size:16px}}.bl-custom-leg-style-buttons{display:flex;gap:8px;flex-wrap:wrap}.bl-custom-pill-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid #E5E5E5;background:#fff;color:#111;text-decoration:none;font-size:14px;font-weight:400;cursor:pointer;transition:all .2s;min-width:100px;border-radius:3px}.bl-custom-pill-btn:hover{border-color:var(--COLOR-PRIMARY);color:var(--COLOR-TEXT)}.bl-custom-pill-btn.bl-custom-pill-active{background:#111;color:#fff;border-color:#111;pointer-events:none}.bl-custom-colour-rect-buttons{display:flex;gap:8px;flex-wrap:wrap}.bl-custom-colour-rect{display:block;width:48px;height:32px;border-radius:3px;background-color:var(--swatch-color);border:1px solid #e5e5e5;transition:all .2s;position:relative}.bl-custom-colour-rect:hover{border-color:#111}.bl-custom-colour-rect.bl-custom-active{outline:1px solid #111;outline-offset:1px;pointer-events:none}.bl-tooltip-wrap{position:relative}.bl-tooltip{visibility:hidden;background-color:#111;color:#fff;text-align:center;border-radius:4px;padding:6px 12px;position:absolute;bottom:120%;left:50%;right:auto;transform:translate(-50%);opacity:0;transition:opacity .2s;white-space:nowrap;font-size:12px;pointer-events:none;font-weight:500}@media(max-width:1024px){.bl-tooltip{white-space:normal!important}}.bl-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-4px;border-width:4px;border-style:solid;border-color:#111 transparent transparent transparent}.bl-custom-colour-rect:first-child .bl-tooltip:after{left:50%}.bl-tooltip-wrap:hover .bl-tooltip{visibility:visible;opacity:1}.bl-custom-fabric-pill-wrap{position:relative;display:inline-flex;align-items:center;gap:4px}.bl-custom-fabric-tooltip{visibility:hidden;opacity:0;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);width:max-content;min-width:200px;max-width:280px;background:#fff;color:#111;border:1px solid #111111;padding:12px 14px;border-radius:4px;box-shadow:0 6px 18px #00000026;z-index:999;text-align:left;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.bl-custom-fabric-tooltip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:transparent transparent #111111 transparent}.bl-tooltip-title{font-weight:700;font-size:13px;margin-bottom:6px;color:#111}.bl-tooltip-bullets{margin:0 0 0 1.2em;padding:0;font-size:12px;line-height:1.45;color:#444}.bl-tooltip-bullets li{margin-bottom:3px}@media(min-width:769px){.bl-custom-fabric-pill-wrap:hover .bl-custom-fabric-tooltip{visibility:visible;opacity:1}}.inline-title-info{vertical-align:middle;margin-left:4px;margin-bottom:2px}.bl-fabric-info-btn{background:none;border:none;padding:2px;cursor:pointer;color:#666;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.bl-fabric-info-btn:hover{color:#111}.bl-fabric-modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:99998;opacity:0;transition:opacity .25s ease}.bl-fabric-modal-overlay.bl-active{display:block;opacity:1}.bl-fabric-modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:88%;max-width:350px;background:#fff;border:1px solid #111111;z-index:99999;padding:24px 20px 20px;box-shadow:0 12px 32px #0000004d;text-align:left}.bl-fabric-modal.bl-active{display:block}.bl-fabric-modal-close{position:absolute;top:-1px;right:-1px;width:36px;height:36px;background:#fff;border:1px solid #111111;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;padding:0;line-height:1}.bl-fabric-modal-close:hover{background:#f5f5f5}.bl-fabric-modal-title{font-weight:700;font-size:17px;line-height:1.2;margin-bottom:14px;color:#111;padding-right:28px}.bl-fabric-modal-body{font-size:14px;line-height:1.55;color:#333;margin-bottom:16px}.bl-fabric-modal-body ul{margin:0 0 0 1.2em;padding:0}.bl-fabric-modal-body li{margin-bottom:6px}.bl-fabric-modal-select-btn{display:block;width:100%;text-align:center;background:#111;color:#fff;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;border:1px solid #111111;border-radius:3px;transition:background .2s}.bl-fabric-modal-select-btn:hover{background:#333;color:#fff}.bl-custom-variant-row{display:flex;align-items:start;margin-bottom:24px;font-weight:500;font-size:14px}@media(min-width:1025px){.bl-custom-variant-row{font-size:16px}}.bl-custom-variant-label,.bl-custom-variant-value{color:var(--COLOR-TEXT)}.bl-custom-colour-row{align-items:center}.bl-custom-inline-swatch{background-color:var(--swatch-color);display:inline-block;width:20px;height:20px;vertical-align:middle;margin-right:8px}.bl-custom-more-link{background:none;border:none;padding:0;font-weight:500;color:#898989;cursor:pointer;text-decoration:underline;text-underline-offset:2px;margin-left:auto}.bl-custom-more-link:hover{color:#111}.bl-custom-drawer-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:6001;background:var(--underlay-bg);transition:opacity .3s ease .1s,visibility 0s linear .4s}.bl-custom-drawer-overlay.bl-custom-open{display:block}.bl-custom-drawer{padding:24px 16px;gap:24px;position:fixed;top:0;right:0;width:450px;max-width:100dvw;height:100%;background:#fff;z-index:6002;transform:translate(100%);transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}@media(min-width:750px){.bl-custom-drawer{padding:24px}}.bl-custom-drawer.bl-custom-open{transform:translate(0)}.bl-custom-drawer-header{display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:600}@media(min-width:750px){.bl-custom-drawer-header{font-size:20px}}.bl-custom-drawer-close{height:24px;width:24px;background:none;border:none;font-size:16px;cursor:pointer;color:#2d2e2c;padding:4px;line-height:1}.bl-custom-drawer-close:hover{color:#111}.bl-custom-drawer-body{overflow-y:auto;flex:1}.bl-custom-drawer-footer{position:sticky;bottom:0}.confirm-selection-btn{width:100%;border:none}.bl-custom-swatch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start;align-content:start;row-gap:12px;column-gap:8px}.bl-custom-swatch-option{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:#000;height:fit-content}.bl-custom-swatch-square{background-color:var(--swatch-color);display:block;width:100%;height:46px;border-radius:3px;border:1px solid var(--swatch-color);transition:border-color .15s}.bl-custom-swatch-name{width:fit-content;font-weight:400;font-size:14px;line-height:100%;letter-spacing:-.24px;vertical-align:middle;text-align:start;color:#000}.bl-custom-fabric-grid{display:flex;flex-direction:column;gap:12px}.bl-custom-fabric-option{width:390px;max-width:100%;display:flex;padding:12px;gap:16px;border:1px solid #D3D3D3;border-radius:3px;text-decoration:none;color:var(--COLOR-TEXT);font-size:14px;transition:border-color .15s,background .15s}.bl-custom-fabric-option:hover{border-color:#a7a7a7f5;background:#eee;color:var(--COLOR-TEXT)}.bl-custom-active{pointer-events:none}.bl-custom-swatch-option:hover .bl-custom-swatch-name{text-decoration:underline;text-underline-offset:3px}.bl-custom-swatch-option.bl-custom-active .bl-custom-swatch-name{font-weight:700;padding-bottom:1px;border-bottom:2px solid currentColor}.bl-custom-fabric-option.bl-custom-active{border-color:#111;background:#212121;color:#fff}.bl-custom-fabric-option.bl-custom-active .bl-custom-fabric-bullets li{color:#cfcfcf}.bl-custom-fabric-name{font-weight:500;height:fit-content;font-size:14px;line-height:100%;letter-spacing:0%;margin:0}.bl-custom-fabric-bullets{margin:0 0 0 1.3em}.bl-custom-fabric-bullets li{font-family:var(--FONT-SECONDARY-BODY);font-weight:400;font-size:13.6px;line-height:20px;letter-spacing:0%;vertical-align:middle;color:#787471}.bl-custom-fabric-bullets ::marker{font-size:10px}
/*# sourceMappingURL=/cdn/shop/t/73/assets/bl-custom-variants.css.map */