.island-builder{--sidebar-offset: 0px;color:#343434;background:#eef2f5}.island-builder *{box-sizing:border-box}.island-builder{position:relative;display:flex;height:100dvh;overflow:hidden}.island-builder .island-sidebar{position:relative;display:flex;flex:0 0 auto;min-height:0;margin-top:var(--sidebar-offset);height:calc(100% - var(--sidebar-offset));background:#fff;border-right:1px solid #dde1e5}.island-builder .width{width:290px;height:100%;overflow:hidden}.island-builder .collapsing.width{width:0;height:100%;transition:width .35s ease}.island-builder .sidebar-rail{position:absolute;top:0;right:14px;width:42px;padding:4px}.island-builder .panel-caption{display:none}.island-builder .sidebar-collapsed .sidebar-rail{position:static;flex:0 0 42px}.island-builder .sidebar-collapsed .panel-caption{display:block}.island-builder .island-viewport{position:relative;flex:1;min-width:0}.island-builder .matched-product{position:absolute;top:calc(18px + var(--sidebar-offset));left:18px;max-width:calc(100% - 36px);color:#343434;font-size:13px}.island-builder canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.island-builder button,.island-builder select{font:inherit}.island-builder button{padding:10px 16px;border:1px solid #ae5735;background:#fff;color:#ae5735;cursor:pointer}.island-builder button[aria-pressed=true]{background:#ae5735;color:#fff}.island-builder button:disabled{opacity:.5;cursor:default}.island-builder button:focus-visible,.island-builder select:focus-visible{outline:2px solid #ae5735;outline-offset:3px}.island-builder .door-controls{display:grid;gap:10px}.island-builder [data-add-island]{background:#ae5735;color:#fff}.island-builder [data-cart-message]{margin:0;font-size:13px}.island-builder [data-cart-message]:empty{display:none}.island-builder .panel{width:290px;height:100%;margin:0;overflow:auto;padding:18px;border:0;background:#fff;border-radius:0}.island-builder .panel-heading{display:flex;align-items:center;justify-content:space-between;padding:0}.island-builder .panel-heading h1{margin:0}.island-builder .panel fieldset{margin-top:18px}.island-builder .panel-toggle{display:flex;align-items:center;justify-content:center;padding:0;width:32px;height:32px;border:0;background:transparent;line-height:1}.island-builder .panel-toggle[aria-expanded=false] svg{transform:rotate(180deg)}.island-builder .panel-caption{writing-mode:vertical-rl;font-size:12px;margin-top:14px}.island-builder h1{font-size:18px;margin:0 0 18px}.island-builder fieldset{border:0;padding:0;margin:0;display:grid;gap:16px}.island-builder label{display:grid;gap:7px;margin-bottom:0;font-size:13px;text-transform:none;letter-spacing:normal}.island-builder select{width:100%;padding:8px;border:1px solid #d5d9dd;background:#fff;color:inherit}.island-builder .swatches{display:flex;flex-wrap:nowrap;gap:10px}.island-builder .swatch{flex:0 0 32px;width:32px;height:32px;padding:0;border:1px solid #8c9298;border-radius:0;background-size:cover;background-position:center}.island-builder .swatch[aria-pressed=true]{outline:2px solid #ae5735;outline-offset:3px}.island-builder .hint{font-size:11px;color:#777;margin:18px 0 0}.island-builder #status{position:absolute;bottom:20px;left:50%;transform:translate(-50%);max-width:90%;padding:10px 14px;background:#fff;border-radius:4px;font-size:13px}.island-builder #status:empty{display:none}.island-builder #status.error{color:#a12c2c}@media(max-width:760px){.island-builder fieldset{grid-template-columns:minmax(0,1fr)}.island-builder .swatches{align-items:end}.island-builder #status{bottom:auto;top:65px}}@media(prefers-reduced-motion:reduce){.island-builder .collapsing.width{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/build-your-island.css.map */