.scotts-virtual-option{--virtual-accent: #c83273;--virtual-dark: #2d2d2d;margin:0 0 22px}.scotts-virtual-option__heading{display:flex;align-items:baseline;gap:6px;margin-bottom:10px;font-size:14px;font-weight:700}.scotts-virtual-option__heading strong{font-weight:500}.scotts-virtual-option__heading strong:not(:empty):before{content:": "}.scotts-virtual-option__open{min-width:182px;min-height:50px;padding:11px 18px;border:2px solid #222;background:#efefef;color:#151515;cursor:pointer;font:inherit;font-size:15px;font-weight:700;text-align:center}.scotts-virtual-option__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:24px}.scotts-virtual-option__modal.is-open{display:flex}.scotts-virtual-option__modal.is-inline{position:static;z-index:auto;display:block;padding:0}.scotts-virtual-option__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#00000085;cursor:pointer}.scotts-virtual-option__dialog{position:relative;z-index:1;width:min(1050px,100%);max-height:min(760px,calc(100vh - 48px));overflow:hidden;border:10px solid var(--virtual-dark);background:#fff;box-shadow:0 22px 60px #00000047}.is-inline .scotts-virtual-option__dialog{width:100%;max-height:none;overflow:visible;border:0;box-shadow:none}.scotts-virtual-option__modal-header{position:relative;padding:16px 72px;background:var(--virtual-dark);color:#fff;text-align:center}.scotts-virtual-option__modal-header h2{margin:0;color:inherit;font-size:28px;font-weight:750;text-transform:uppercase}.scotts-virtual-option__close{position:absolute;top:50%;right:18px;width:42px;height:42px;border:0;background:transparent;color:#fff;cursor:pointer;font-size:38px;line-height:1;transform:translateY(-50%)}.scotts-virtual-option__body{max-height:calc(min(760px,100vh - 48px) - 86px);overflow-y:auto;padding:20px}.is-inline .scotts-virtual-option__body{max-height:none;overflow:visible;padding:0}.scotts-virtual-option__grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.scotts-virtual-option__swatch{min-width:0;padding:0;border:2px solid #d3b36a;background:#fff;cursor:pointer;text-align:left}.scotts-virtual-option__swatch.is-selected{border-color:var(--virtual-accent);box-shadow:0 0 0 2px var(--virtual-accent)}.scotts-virtual-option__swatch-image{display:grid;width:100%;aspect-ratio:1 / 1;place-items:center;overflow:hidden;background:#eee}.scotts-virtual-option__swatch-image img{width:100%;height:100%;object-fit:cover}.scotts-virtual-option__placeholder{font-size:28px;font-weight:700}.scotts-virtual-option__swatch-name,.scotts-virtual-option__swatch small{display:block;padding-right:7px;padding-left:7px}.scotts-virtual-option__swatch-name{padding-top:7px;font-size:12px;font-weight:700;line-height:1.25}.scotts-virtual-option__swatch small{padding-top:2px;padding-bottom:6px;font-size:10px;line-height:1.2}.scotts-virtual-option__price{color:var(--virtual-accent);font-weight:700}.scotts-virtual-option__footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,34%);gap:28px;align-items:center;margin-top:20px}.scotts-virtual-option__selected span,.scotts-virtual-option__selected strong{display:block}.scotts-virtual-option__selected span{font-size:14px}.scotts-virtual-option__selected strong{margin-top:2px;font-size:17px}.scotts-virtual-option__confirm{min-height:54px;border:0;background:#292b50;color:#fff;cursor:pointer;font-size:17px;font-weight:750;text-transform:uppercase}.scotts-virtual-option__confirm:disabled{cursor:not-allowed;opacity:.42}.scotts-virtual-option__error{margin:7px 0 0;color:#b42318;font-size:12px}body.scotts-virtual-modal-open{overflow:hidden}@media screen and (max-width:989px){.scotts-virtual-option__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.scotts-virtual-option__modal{padding:12px}.scotts-virtual-option__dialog{max-height:calc(100vh - 24px)}.scotts-virtual-option__modal-header{padding:14px 58px}.scotts-virtual-option__modal-header h2{font-size:22px}.scotts-virtual-option__body{max-height:calc(100vh - 100px);padding:14px}}@media screen and (max-width:520px){.scotts-virtual-option__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.scotts-virtual-option__footer{grid-template-columns:1fr;gap:14px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/scotts-virtual-options.css.map */