.sbs-palette{display:block;background:var(--sbp-bg, transparent);color:var(--sbp-text, var(--color-text-body));padding:var(--sbp-pad-t-m) 0 var(--sbp-pad-b-m)}.sbs-palette .sbp-heading{margin-bottom:calc(var(--grid-gutter) / 2)}.sbs-palette .sbp-intro{margin:0 0 var(--grid-gutter)}.sbs-palette .sbp-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sbp-ctl-gap);margin-bottom:var(--grid-gutter)}.sbs-palette .sbp-tools-left,.sbs-palette .sbp-downloads{display:contents}.sbs-palette .sbp-tools .sbp-mood,.sbs-palette .sbp-tools .sbp-mood select,.sbs-palette .sbp-tools .sbp-count span,.sbs-palette .sbp-tools .sbp-count button,.sbs-palette .sbp-tools .sbp-btn{font-family:var(--type-base-primary),var(--type-base-fallback);font-size:var(--type-base-size);font-weight:500;letter-spacing:var(--type-base-spacing);line-height:1.2;text-transform:none}.sbs-palette .sbp-tools label.sbp-mood.sbp-mood{display:flex;width:100%;min-width:0;margin:0}.sbs-palette .sbp-mood>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sbs-palette .sbp-mood select{width:100%;min-width:0;height:44px;margin:0;padding:0 28px 0 12px;text-overflow:ellipsis;color:inherit;background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--input-radius)}.sbs-palette .sbp-count{display:flex;align-items:center;justify-content:space-between;height:44px;box-sizing:border-box;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--input-radius)}.sbs-palette .sbp-count button{flex:0 0 auto;width:38px;height:42px;border:0;background:none;color:inherit;cursor:pointer;padding:0}.sbs-palette .sbp-tools .sbp-count button{font-size:calc(var(--type-base-size) * 1.4);line-height:1}.sbs-palette .sbp-count button:disabled{opacity:.3;cursor:default}.sbs-palette .sbp-count span{flex:1 1 auto;min-width:0;text-align:center;white-space:nowrap}.sbs-palette .sbp-btn{font:inherit;font-weight:600;letter-spacing:inherit;cursor:pointer;margin:0;background:var(--sbp-btn, var(--color-button-primary));color:var(--sbp-btn-text, var(--color-button-primary-text));border:1px solid var(--sbp-btn, var(--color-button-primary));border-radius:var(--button-radius);padding:var(--button-padding)}.sbs-palette .sbp-btn:hover{background:var(--color-button-primary-light)}.sbs-palette .sbp-btn[aria-busy=true]{opacity:.6;cursor:progress}.sbs-palette .sbp-downloads .sbp-btn{width:100%;min-height:44px;padding:4px;background:transparent;color:var(--sbp-btn, var(--color-button-primary))}.sbs-palette .sbp-downloads .sbp-btn:hover{background:var(--color-text-body-alpha-005)}.sbs-palette .sbp-downloads .sbp-btn[data-sbp-save=one]{background:var(--sbp-btn, var(--color-button-primary));color:var(--sbp-btn-text, var(--color-button-primary-text))}.sbs-palette .sbp-downloads .sbp-btn[data-sbp-save=one]:hover{background:var(--color-button-primary-light)}@media only screen and (max-width:359px){.sbs-palette .sbp-downloads .sbp-btn{padding:2px;letter-spacing:0}.sbs-palette .sbp-count button{width:32px}}.sbs-palette .sbp-gate{margin:0 0 var(--grid-gutter);padding:var(--grid-gutter);border:1px solid var(--color-border);border-radius:var(--input-radius)}.sbs-palette .sbp-gate[hidden]{display:none}.sbs-palette .sbp-gate-text{margin:0 0 10px;font-weight:600}.sbs-palette .sbp-gate form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0}.sbs-palette .sbp-gate input[type=email]{flex:1 1 220px;font:inherit;letter-spacing:inherit;color:inherit;margin:0;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--input-radius);padding:10px 12px}.sbs-palette .sbp-consent{display:flex;gap:8px;align-items:flex-start;width:100%;font-size:.85em;margin:2px 0 0}.sbs-palette .sbp-consent input{margin:3px 0 0}.sbs-palette .sbp-gate-error{color:var(--error-red);font-size:.85em;width:100%;margin:0}.sbs-palette .sbp-gate-error:empty{display:none}.sbs-palette .sbp-status{font-size:.85em;margin:0 0 8px}.sbs-palette .sbp-status:empty{display:none}.sbs-palette .sbp-stage{display:flex;flex-direction:column;gap:calc(var(--sbp-ctl-gap) / 2)}.sbs-palette .sbp-art{position:relative;border-radius:var(--sbp-radius);overflow:hidden;background:var(--color-small-image-bg);line-height:0}.sbs-palette .sbp-art img{display:block;width:100%;height:auto}.sbs-palette .sbp-dot{position:absolute;width:var(--sbp-dot);height:var(--sbp-dot);margin:calc(var(--sbp-dot) / -2) 0 0 calc(var(--sbp-dot) / -2);border-radius:50%;border:var(--sbp-ring) solid #fff;box-shadow:0 1px 6px #00000073;box-sizing:border-box;transition:left .25s,top .25s,background-color .25s}.sbs-palette .sbp-bars{display:flex;height:var(--sbp-bar);border-radius:var(--sbp-radius);overflow:hidden}.sbs-palette .sbp-bar{flex:1 1 0;transition:background-color .25s}@media only screen and (min-width:769px){.sbs-palette{padding-top:var(--sbp-pad-t);padding-bottom:var(--sbp-pad-b)}.sbs-palette--art_left .sbp-inner,.sbs-palette--art_right .sbp-inner{display:grid;grid-template-columns:var(--sbp-art) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:var(--page-width-padding)}.sbs-palette--art_right .sbp-inner{grid-template-columns:minmax(0,1fr) var(--sbp-art)}.sbs-palette--art_left .sbp-stage,.sbs-palette--art_right .sbp-stage{display:contents}.sbs-palette--art_left .sbp-art{grid-column:1;grid-row:1 / 3;align-self:start}.sbs-palette--art_right .sbp-art{grid-column:2;grid-row:1 / 3;align-self:start}.sbs-palette--art_left .sbp-panel,.sbs-palette--art_left .sbp-bars{grid-column:2}.sbs-palette--art_right .sbp-panel,.sbs-palette--art_right .sbp-bars{grid-column:1}.sbs-palette--art_left .sbp-bars,.sbs-palette--art_right .sbp-bars{grid-row:2;flex-direction:column;height:auto;min-height:calc(var(--sbp-bar) * 3)}.sbs-palette--stacked .sbp-panel,.sbs-palette--stacked .sbp-stage{width:var(--sbp-art);min-width:320px;margin:0 auto}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/sbs-palette.css.map */