.s-dd-config-units__tablist{align-items:center;border-bottom:.0625rem solid var(--border-global-secondary);display:flex;flex-direction:row;justify-content:flex-start;padding-inline:.75rem}.s-dd-config-units__tabpanels{display:grid}.s-dd-config-units__tab-btn{border-radius:0;border-width:.0625rem;font-size:.6875rem;font-weight:700;letter-spacing:.03438rem;line-height:1.2;margin-bottom:-.0625rem;padding:1rem .65rem;text-transform:uppercase}.s-dd-config-units__tab-btn:first-child{border-top-left-radius:var(--radius-secondary)}.s-dd-config-units__tab-btn:last-child{border-top-right-radius:var(--radius-secondary)}.s-dd-config-units__tab-btn:not(:last-child){border-right-color:var(--surface-global-primary)!important}.s-dd-config-units__tab-btn.is-active{background-color:var(--surface-global-primary);border-color:var(--border-global-secondary)!important;border-bottom-color:var(--surface-global-primary)!important;color:var(--text-global-primary)}.s-dd-config-units__tab-btn.is-active:not(:first-child){border-left-color:var(--surface-global-primary)!important}.s-dd-config-units__panel{display:none;grid-area:1/1;padding:.75rem}.s-dd-config-units__panel.is-active{display:grid}.s-dd-config-units__item{align-content:flex-start;align-items:flex-start;border:.0625rem solid var(--border-global-primary);border-radius:var(--radius-secondary);display:grid;flex-shrink:0;font-size:.6875rem;gap:.5rem;justify-items:center;line-height:1.2;padding:.5rem;position:relative;text-align:center}.s-dd-config-units__item button:first-of-type:before{bottom:0;content:"";display:block;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.s-dd-config-units__item button:first-of-type:focus-visible{box-shadow:none}.s-dd-config-units__item button:first-of-type:focus-visible:before{border-color:var(--border-global-light);border-radius:var(--border-radius,.125rem);box-shadow:0 0 0 .125rem var(--focus-ring-color,var(--border-focus));outline:none}.s-dd-config-units__item:has(.is-active){background-color:var(--surface-global-accent-light);border-color:var(--border-global-strong);box-shadow:inset 0 0 0 .0625rem var(--border-global-strong)}.s-dd-config-units__icon{height:2rem;width:2rem}.s-dd-config-units__icon.is-loaded{filter:brightness(0) saturate(100%) invert(28%) sepia(0) saturate(3553%) hue-rotate(98deg) brightness(93%) contrast(109%)}.s-dd-config-units__item-title{font-weight:700;margin-bottom:-.25rem;min-height:0;touch-action:none}.s-dd-config-units__item-price{font-weight:400;padding-block:.25rem}.s-dd-config-units__tooltip{--tooltip-position:absolute;--width:6.5rem;color:var(--icon-global-brand);right:-.25rem;top:-.25rem;z-index:2}.s-dd-config-styles{position:relative}.s-dd-config-styles__item{align-items:center;border-bottom:.0625rem solid var(--border-global-secondary);display:flex;flex-direction:row;gap:.75rem;justify-content:flex-start;padding:.5rem 1rem;position:relative}.s-dd-config-styles__item input{bottom:0;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;width:100%;z-index:2}.s-dd-config-styles__item:has(input:checked){background-color:var(--surface-global-accent-light)}.s-dd-config-styles__item:has(input:focus-visible){border-color:var(--border-global-light);border-radius:var(--border-radius,.125rem);box-shadow:0 0 0 .125rem var(--focus-ring-color,var(--border-focus));outline:none}.s-dd-config-styles__item--current{background-color:var(--surface-global-primary);border:0;padding:.75rem;position:sticky;top:0;z-index:3}.s-dd-config-styles__item--current .s-dd-config-styles__item-title{font-size:.8125rem!important;font-size:var(--font-body-sm);font-weight:700;letter-spacing:.04063rem;line-height:1.2;text-transform:uppercase}.s-dd-config-styles__item--current .s-dd-config-styles__item-description{font-size:.8125rem;line-height:1.2}.s-dd-config-styles__item-image{flex-shrink:0;height:2.5rem;mix-blend-mode:multiply;width:2.5rem}.s-dd-config-styles__item-text{display:grid;gap:0}.s-dd-config-styles__item-title{font-size:.6875rem!important;font-weight:700;letter-spacing:.03438rem;text-transform:uppercase}.s-dd-config-styles__item-description,.s-dd-config-styles__item-title{font-size:.6875rem;line-height:1.2}.s-dd-config-styles__change-btn{color:var(--text-link-default);font-size:.8125rem;font-weight:700;margin-left:auto;text-decoration-line:underline;text-decoration-thickness:.0625rem;text-underline-offset:.25rem}.s-dd-config-styles__change-btn:active,.s-dd-config-styles__change-btn:hover{color:var(--text-link-primary--hover)}.s-dd-config-styles-modal{background-color:var(--surface-global-primary);border-top:.0625rem solid var(--border-global-secondary);display:none;height:15rem;inset:auto 0 0 0;margin:0 auto;opacity:0;padding-bottom:.375rem;position:absolute;width:100%;z-index:11}.s-dd-config-styles-modal.is-active{display:block}.s-dd-config-styles-modal.is-visible{opacity:1}.s-dd-config-styles-modal:has(.s-dd-config-styles__close-btn--hidden:focus-visible) .s-dd-config-styles__close-btn:not(.s-dd-config-styles__close-btn--hidden){border-color:var(--border-global-light);border-radius:var(--border-radius,.125rem);box-shadow:0 0 0 .125rem var(--focus-ring-color,var(--border-focus));outline:none}.s-dd-config-styles-modal__content{-ms-overflow-style:none;background-color:var(--surface-global-primary);display:flex;flex-direction:column;height:100%;overflow-y:auto;padding-bottom:.375rem;pointer-events:auto;position:relative;scrollbar-width:none;width:100%}.s-dd-config-styles-modal__content::-webkit-scrollbar{background:transparent;display:none;height:0;width:0}.s-dd-config-styles-modal__content::-moz-scrollbar{display:none}.s-dd-config-styles__options{border:.0625rem solid var(--border-global-secondary);border-radius:.5rem;margin:0 .75rem}.s-dd-config-styles__options>:last-child{border-bottom:0}.s-dd-config-styles__close-btn{margin-left:auto}.s-dd-config-styles__close-btn--hidden{position:absolute;right:.75rem;top:1rem;z-index:3}.s-dd-config-styles__close-btn--hidden .icon{opacity:0}.s-dd-config-styles__close-btn--hidden:focus-visible{box-shadow:none}.s-dd-config-canvas{background-color:var(--surface-global-subtle);border-radius:var(--radius-secondary);display:flex;flex:1;flex-direction:column;margin:0 .75rem .75rem;width:calc(100% - 1.5rem)}.s-dd-config-canvas:has(.s-dd-config-canvas__draggable-node-container.is-active) .s-dd-config-canvas__unit-dimensions{opacity:1;visibility:visible}.s-dd-config-canvas__controls{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:space-between;padding:.75rem}.s-dd-config-canvas__controls-group{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:flex-start}.s-dd-config-canvas__reset-btn{padding-inline:.75rem}.s-dd-config-canvas__main{-ms-overflow-style:none;align-items:flex-start;display:grid;flex:1;height:100%;justify-items:flex-start;max-width:100%;overflow:auto;padding:2.5rem;position:relative;scrollbar-width:none;width:100%}.s-dd-config-canvas__main::-webkit-scrollbar{background:transparent;display:none;height:0;width:0}.s-dd-config-canvas__main::-moz-scrollbar{display:none}.s-dd-config-canvas__main-inner{align-content:flex-start;display:grid;gap:var(--drag-drop-cell-gap);grid-template-columns:repeat(var(--drag-drop-cell-count),var(--drag-drop-cell-width));grid-template-rows:repeat(var(--drag-drop-cell-count),var(--drag-drop-cell-width));pointer-events:none;position:relative}.s-dd-config-canvas__main-inner:before{background-image:repeating-linear-gradient(to right,transparent 0,transparent calc(var(--drag-drop-cell-width) - 1px),var(--border-global-secondary) calc(var(--drag-drop-cell-width) - 1px),var(--border-global-secondary) calc(var(--drag-drop-cell-width) + 1px),transparent calc(var(--drag-drop-cell-width) + 1px),transparent calc(var(--drag-drop-cell-width) + var(--drag-drop-cell-gap))),repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--drag-drop-cell-width) - 1px),var(--border-global-secondary) calc(var(--drag-drop-cell-width) - 1px),var(--border-global-secondary) calc(var(--drag-drop-cell-width) + 1px),transparent calc(var(--drag-drop-cell-width) + 1px),transparent calc(var(--drag-drop-cell-width) + var(--drag-drop-cell-gap)));background-position:2px 0,0 2px;background-repeat:repeat;background-size:calc(var(--drag-drop-cell-width) + var(--drag-drop-cell-gap)) 100%,100% calc(var(--drag-drop-cell-width) + var(--drag-drop-cell-gap));bottom:0;content:"";height:100%;left:0;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out;width:100%}.s-dd-config-canvas__main-inner:has(.is-active):before{opacity:1}.s-dd-config-canvas__total-dimensions-container{height:100%;opacity:0;pointer-events:none;position:absolute;visibility:hidden;width:100%;z-index:2}.s-dd-config-canvas__total-dimensions-container.is-active{opacity:1;transition:visibility .3s ease-in-out,opacity .3s ease-in-out;visibility:visible}.s-dd-config-canvas__total-dimensions{align-items:center;display:flex;flex-direction:row;height:var(--overall-height);justify-content:center;position:absolute;width:var(--overall-width);z-index:2}.s-dd-config-canvas__total-dimensions--top{--overall-width:calc(var(--drag-drop-cell-width)*var(--drag-drop-hor-unit-count) + var(--drag-drop-cell-gap)*(var(--drag-drop-hor-unit-count) - 1));--overall-height:2rem;--line-width:100%;--line-height:0.0625rem;left:2.5rem;margin:auto;top:.5rem}.s-dd-config-canvas__total-dimensions--top .s-dd-config-canvas__total-dimensions-line:before{border-right-color:var(--border-global-primary);inset:0 auto 0 -.5rem}.s-dd-config-canvas__total-dimensions--top .s-dd-config-canvas__total-dimensions-line:after{border-left-color:var(--border-global-primary);inset:0 -.5rem 0 auto}.s-dd-config-canvas__total-dimensions--left{--overall-width:2rem;--overall-height:calc(var(--drag-drop-cell-width)*var(--drag-drop-ver-unit-count) + var(--drag-drop-cell-gap)*(var(--drag-drop-ver-unit-count) - 1));--line-width:0.0625rem;--line-height:100%;left:.25rem;margin:auto;top:2.5rem}.s-dd-config-canvas__total-dimensions--left .s-dd-config-canvas__total-dimensions-line:before{border-top-color:var(--border-global-primary);inset:0 0 auto 0;transform:translateX(-50%)}.s-dd-config-canvas__total-dimensions--left .s-dd-config-canvas__total-dimensions-line:after{border-bottom-color:var(--border-global-primary);inset:auto 0 0 0;transform:translateX(-50%)}.s-dd-config-canvas__total-dimensions-line{background-color:var(--border-global-primary);height:var(--line-height);margin:auto;position:absolute;width:var(--line-width)}.s-dd-config-canvas__total-dimensions-line:after,.s-dd-config-canvas__total-dimensions-line:before{border:.35rem solid transparent;content:"";height:0;margin:auto;position:absolute;width:0}.s-dd-config-canvas__total-dimensions-text{background-color:var(--surface-global-subtle);font-size:.6875rem;font-weight:700;letter-spacing:.03438rem;line-height:1.2;padding:.5rem;text-align:center;text-transform:uppercase;z-index:2}.s-dd-config-canvas__unit-dimensions{align-items:center;background-color:var(--surface-global-accent-dark);border-radius:var(--radius-primary);color:var(--text-global-light);display:flex;flex-direction:row;font-size:.6875rem;gap:.25rem;justify-content:space-between;margin:.5rem .5rem 0;opacity:0;padding:.5rem .75rem;transition:visibility .3s ease-in-out,opacity .3s ease-in-out;visibility:hidden;width:calc(100% - 1rem)}.s-dd-config-canvas__unit-dimensions-list{align-items:center;display:flex;flex-direction:row;gap:.75rem;justify-content:flex-end}.s-dd-config-canvas__help-message{background-color:var(--surface-global-accent-light);border-radius:var(--radius-primary);font-size:.8125rem;line-height:1;margin:.5rem;min-height:2rem;padding:.75rem;position:relative}.s-dd-config-canvas__help-message[open] .icon{transform:rotate(0deg);transition:transform .3s ease-in-out}.s-dd-config-canvas__help-message[open] .s-dd-config-canvas__help-message-summary{justify-content:center;top:-.25rem;width:2rem}.s-dd-config-canvas__help-message[open] .s-dd-config-canvas__help-message-summary-text{display:none}.s-dd-config-canvas__help-message-content{display:none;font-size:.8125rem;height:0;line-height:1.5;opacity:0;overflow:hidden;width:100%}.s-dd-config-canvas__help-message-content:after,.s-dd-config-canvas__help-message-content:before{content:"";display:block;position:relative;z-index:-1}.s-dd-config-canvas__help-message-content:before{margin-top:-.3125rem}.s-dd-config-canvas__help-message-content:after{margin-bottom:-.8125rem}.s-dd-config-canvas__help-message-content.is-active{display:block;transition:padding .3s ease,opacity .3s ease}.s-dd-config-canvas__help-message-content.is-visible{animation:overflowVisible .3s forwards;height:auto;opacity:1;padding-bottom:1rem;padding-top:.5rem}.s-dd-config-canvas__help-message-summary{align-items:center;display:flex;flex-direction:row;height:2rem;justify-content:space-between;padding-inline:.75rem .5rem;position:absolute;right:0;top:0;width:100%}.s-dd-config-canvas__help-message-summary .icon{transform:rotate(45deg)}.s-dd-config-canvas__draggable-node-container{pointer-events:auto;position:relative;z-index:3}.s-dd-config-canvas__draggable-node-container.is-active{z-index:4}.s-dd-config-canvas__draggable-node-container.is-active .s-dd-config-canvas__draggable-node-controls{align-items:center;display:flex;flex-direction:row;justify-content:center}.s-dd-config-canvas__draggable-node-container.is-active .s-dd-config-canvas__draggable-node{border-color:var(--border-global-strong)}.s-dd-config-canvas__draggable-node{align-items:center;aspect-ratio:1/1;background-color:var(--surface-global-primary);border:.125rem solid var(--border-global-primary);border-radius:.5rem;display:flex;flex-direction:row;height:var(--drag-drop-cell-width,2rem);justify-content:center;min-height:2rem;min-width:2rem;padding:.25rem;touch-action:none;width:var(--drag-drop-cell-width,2rem)}.s-dd-config-canvas__draggable-node .icon{--icon-size:100%}.s-dd-config-canvas__draggable-node .icon.is-loaded{filter:invert(37%) sepia(88%) saturate(6%) hue-rotate(315deg) brightness(94%) contrast(88%)}.s-dd-config-canvas__draggable-node.is-active,.s-dd-config-canvas__draggable-node:active,.s-dd-config-canvas__draggable-node:focus-visible{border-color:var(--border-global-strong)}.s-dd-config-canvas__draggable-node-controls{background-color:var(--surface-global-primary);border:.0625rem solid var(--border-global-subtle);border-radius:var(--radius-secondary) var(--radius-secondary) 0 0;bottom:calc(100% - .125rem);display:none;height:2rem;left:50%;margin-inline:auto;min-width:3.5rem;position:absolute;transform:translateX(-50%);width:calc(100% + .125rem);z-index:-1}.s-dd-config-canvas__draggable-node-control{border-radius:50%;color:#526f7f;min-height:1.75rem;min-width:1.75rem;padding:.25rem}.s-dd-config-canvas__draggable-node-control .icon{--icon-size:.8rem}.s-dd-config-canvas__draggable-node-control:hover{background-color:var(--surface-global-accent-light)}.s-dd-config-canvas__draggable-node-button{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center;width:100%}.s-dd-config-canvas__draggable-node--ghost{opacity:.8}.s-dd-config-canvas__draggable-node--connectable-back{border-top:.125rem dashed var(--border-global-primary)}.s-dd-config-canvas__draggable-node--connectable-front{border-bottom:.125rem dashed var(--border-global-primary)}.s-dd-config-canvas__draggable-node--connectable-left{border-left:.125rem dashed var(--border-global-primary)}.s-dd-config-canvas__draggable-node--connectable-right{border-right:.125rem dashed var(--border-global-primary)}.s-dd-config-warning{background-color:#faeaea;box-shadow:0 8px 16px rgba(0,0,0,.08),0 4px 8px rgba(0,0,0,.06),0 2px 4px rgba(0,0,0,.04);color:var(--text-functional-error);display:none;left:0;margin:0 auto;opacity:0;padding:.75rem;position:absolute;right:0;top:0;transition:opacity .25s ease-in-out;width:100%;z-index:20}.s-dd-config-warning.is-active{display:block}.s-dd-config-warning.is-visible{opacity:1}.s-dd-config-warning__content{display:grid;gap:.25rem}.s-dd-config-warning__text{display:grid;gap:0}.s-dd-config-warning__title{font-weight:700}.s-dd-config-warning__description{font-size:1rem}.s-dd-config-warning__actions{align-items:center;display:flex;flex-direction:row;gap:.25rem;justify-content:space-between}.s-dd-config-warning__actions>:first-child{flex:1}.s-dd-config-summary__modal{background-color:rgba(61,61,61,.502);display:none;height:calc(100% - 3.75rem);inset:3rem 0 0 0;opacity:0;position:fixed;transition:opacity .25s ease-in-out;width:100%;z-index:13}.s-dd-config-summary__modal.is-active{display:flex;flex-direction:column}.s-dd-config-summary__modal.is-visible{opacity:1}.s-dd-config-summary{margin-right:auto}.s-dd-config-summary__toggle{align-items:center;display:block;display:flex;flex-direction:row;font-size:var(--font-static-xs);font-weight:700;justify-content:flex-start;letter-spacing:.04063rem;line-height:normal;text-transform:uppercase}.s-dd-config-summary__toggle.is-active .icon{transform:rotate(180deg)}.s-dd-config-summary__toggle--close{background-color:var(--surface-global-primary);left:0;padding:1rem .75rem;position:absolute;top:-3rem;z-index:2}.s-dd-config-summary__content{display:flex;flex:1;flex-direction:column;overflow-y:auto}.s-dd-config-summary__footer{align-items:center;background-color:var(--surface-global-subtle);bottom:0;box-sizing:border-box;display:flex;flex-direction:row;gap:.5rem;justify-content:space-between;padding:1rem .75rem;position:sticky;width:100%;z-index:2}.s-dd-config-summary__label{display:block;font-size:var(--font-static-xs);font-weight:700;letter-spacing:.04063rem;line-height:normal;text-transform:uppercase}.s-dd-config-summary__text-col{display:grid;flex:1;gap:.125rem;line-height:1.2}.s-dd-config-summary__dimensions{font-size:.6875rem}.s-dd-config-summary__qty{text-align:center;text-transform:unset!important;width:5rem}.s-dd-config-summary__price,.s-dd-config-summary__qty{display:block;font-size:var(--font-static-xs);font-weight:700;letter-spacing:.04063rem;line-height:normal;text-transform:uppercase}.s-dd-config-summary__price{text-align:right;width:3.25rem}.s-dd-config-summary__item{align-items:center;border-top:.0625rem solid var(--border-global-secondary);display:flex;flex-direction:row;gap:.5rem;justify-content:space-between;padding:.5rem 0}.s-dd-config-summary__item-list{background-color:var(--surface-global-primary);padding-inline:.75rem}.s-dd-config-summary__title{font-size:.8125rem;font-weight:700}.s-dd-config-summary__icon{flex-shrink:0;height:3rem;width:3rem}.s-dd-config-summary__icon.is-loaded{filter:invert(31%) sepia(6%) saturate(2771%) hue-rotate(62deg) brightness(98%) contrast(82%)}.s-dd-config{--drag-drop-cell-count:6;--drag-drop-cell-width:2.65rem;--drag-drop-cell-gap:0.25rem;--drag-drop-hor-unit-count:0;--drag-drop-ver-unit-count:0;display:none;inset:0;margin:auto;max-height:100dvh;max-width:45.75rem;opacity:0;position:fixed;transition:opacity .25s ease-in-out;width:100%;z-index:-10}.s-dd-config.is-active{align-items:center;display:flex;flex-direction:column;justify-content:center;pointer-events:none;z-index:10}.s-dd-config.is-visible{opacity:1}.s-dd-config>*{-ms-overflow-style:none;background-color:var(--surface-global-primary);overflow-y:auto;pointer-events:auto;position:relative;scrollbar-width:none;width:100%}.s-dd-config>::-webkit-scrollbar{background:transparent;display:none;height:0;width:0}.s-dd-config>::-moz-scrollbar{display:none}.s-dd-config__content{display:block;min-height:min(38rem,100dvh)}.s-dd-config__footer{border-top:.0625rem solid var(--border-global-secondary);display:flex;flex-direction:column;margin-top:auto}.s-dd-config__header{--display:flex;align-items:center;background-color:var(--surface-global-primary);display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end;padding:.5rem .25rem .5rem .75rem;position:sticky;top:0;width:100%;z-index:12}.s-dd-config__subtotal{display:block;font-size:var(--font-static-xs);font-weight:700;letter-spacing:.04063rem;line-height:normal;text-transform:uppercase}.s-dd-config__main{display:flex;flex-shrink:0;flex:1;flex-direction:column;overflow:hidden;position:relative;width:100%}.s-dd-config__actions{align-items:stretch;display:flex;flex-direction:row;gap:.25rem;justify-content:space-evenly;margin:0 .75rem .75rem}.s-dd-config__cancel{background-color:#faeaea;border-color:var(--border-functional-error);border-radius:var(--radius-primary);border-width:.0625rem;color:var(--text-functional-error);padding:.75rem 1rem}.s-dd-config__confirm{flex:1;padding:.75rem 1rem}@media only screen and (min-width:48em){.s-dd-config-units__list{display:grid;gap:.25rem;grid-template-columns:repeat(4,minmax(0,1fr))}.s-dd-config-units__item{width:100%}.s-dd-config-canvas{margin:.75rem 0 .75rem .75rem;max-width:50%;min-height:32.25rem}.s-dd-config-canvas__draggable-node{height:var(--drag-drop-cell-width,3rem);width:var(--drag-drop-cell-width,3rem)}.s-dd-config-canvas__draggable-node .icon{--icon-size:80%}.s-dd-config-summary__modal{inset:3.75rem 0 0 0;position:absolute}.s-dd-config-summary__toggle--close{padding:1.75rem .75rem 1rem;top:-3.75rem}.s-dd-config{max-height:min(38rem,100dvh)}.s-dd-config__content{align-items:stretch;display:flex;flex-direction:row;justify-content:space-between}.s-dd-config__header{padding:1.25rem .25rem .5rem .75rem;position:static}}@media only screen and (max-width:calc(48em - 1px)){.s-dd-config-units__list-wrapper{-ms-overflow-style:none;margin-inline:calc(var(--container-horizontal-padding)*-1);overflow-x:auto;padding-inline:var(--container-horizontal-padding);scrollbar-width:none;white-space:nowrap;width:calc(100% + var(--container-horizontal-padding)*2)}.s-dd-config-units__list-wrapper::-webkit-scrollbar{background:transparent;display:none;height:0;width:0}.s-dd-config-units__list-wrapper::-moz-scrollbar{display:none}.s-dd-config-units__list-wrapper>*{flex-shrink:0}.s-dd-config-units__list{align-items:center;display:flex;flex-direction:row;gap:.25rem;justify-content:flex-start}.s-dd-config-units__item{width:6.75rem}}