.roam-gift-box-builder{display:block}.roam-gift-box-builder__layout{display:grid;gap:var(--spacing-8)}.roam-gift-box-builder__media,.roam-gift-box-builder__info{min-width:0}.roam-gift-box-builder__media{align-self:start}.roam-gift-box-builder__info{display:grid;gap:var(--spacing-4);align-self:start}.roam-gift-box-builder__eyebrow,.roam-gift-box-builder__heading-row{color:rgb(var(--text-color) / .62);font-size:var(--text-xs);font-weight:700;letter-spacing:.18em;line-height:1.4;text-transform:uppercase}.roam-gift-box-summary__message,.roam-gift-box-summary__error{color:rgb(var(--text-color) / .66);font-size:var(--text-sm);line-height:1.6}.product-info__text--styled>*{margin-block:0}.product-info__text--eyebrow{color:rgb(var(--text-color) / .62);font-size:var(--text-xs);font-weight:700;letter-spacing:.18em;line-height:1.4;text-transform:uppercase}.product-info__text--subdued{color:rgb(var(--text-color) / .66);font-size:var(--text-sm);line-height:1.6}.roam-gift-box-preview,.roam-gift-box-summary{border:1px solid rgb(var(--border-color));border-radius:var(--rounded-input);background:rgb(var(--gift-box-builder-card-background));box-shadow:var(--shadow-sm)}.roam-gift-box-media-gallery{--product-gallery-media-list-grid: auto / auto-flow 100%;--product-gallery-media-list-gap: var(--spacing-2)}.roam-gift-box-media-gallery .product-gallery__media{scroll-snap-align:center}.roam-gift-box-media-gallery .roam-gift-box-preview{height:100%;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0}.roam-gift-box-media-gallery .roam-gift-box-builder__eyebrow,.roam-gift-box-media-gallery .roam-gift-box-preview__heading,.roam-gift-box-media-gallery .roam-gift-box-preview__count{display:none}.roam-gift-box-media-gallery .roam-gift-box-preview__stage{width:100%;aspect-ratio:1 / 1;min-height:0}.roam-gift-box-preview{display:grid;gap:var(--spacing-5);padding:clamp(var(--spacing-5),3vw,var(--spacing-8));text-align:center}.roam-gift-box-preview__heading{margin-block:0;font-size:var(--text-h4)}.roam-gift-box-preview__stage{position:relative;display:grid;min-height:0;padding:clamp(var(--spacing-4),3vw,var(--spacing-7));place-items:center;overflow:hidden;border:1px solid rgb(var(--gift-box-builder-accent) / .42);border-radius:var(--rounded);background:rgb(var(--gift-box-builder-stage-background))}.roam-gift-box-preview__slots{display:grid;width:min(100%,520px);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(var(--spacing-3),2vw,var(--spacing-5))}.roam-gift-box-preview__slot{position:relative;display:grid;aspect-ratio:1 / 1;min-height:0;place-items:center;border:1.5px dashed rgb(var(--gift-box-builder-accent) / .38);border-radius:var(--rounded-xs);background:#ffffff61}.roam-gift-box-preview__slot.is-filled{border-style:solid;border-color:rgb(var(--gift-box-builder-accent) / .78);background:#fff}.roam-gift-box-preview__slot img{width:64%;height:74%;object-fit:contain;object-position:center}.roam-gift-box-preview__remove{position:absolute;inset-block-start:calc(-1 * var(--spacing-3));inset-inline-end:calc(-1 * var(--spacing-3));z-index:1;display:grid;width:var(--spacing-6);height:var(--spacing-6);place-items:center;border:0;border-radius:var(--rounded-full);background:rgb(var(--text-color));color:rgb(var(--background));cursor:pointer;font-size:var(--text-xs);line-height:1}.roam-gift-box-preview__caption{position:absolute;inset-block-end:var(--spacing-2);inset-inline:var(--spacing-4);color:rgb(var(--gift-box-builder-accent) / .45);font-size:var(--text-xs);font-weight:700;letter-spacing:.36em;text-transform:uppercase}.roam-gift-box-preview__count{color:rgb(var(--text-color) / .58);font-size:var(--text-sm);font-weight:700}.roam-gift-box-builder__selector{display:grid;gap:var(--spacing-3);margin-block-start:var(--spacing-3)}.roam-gift-box-builder__heading-row{display:grid;grid-template-columns:auto minmax(32px,1fr) auto;align-items:center;gap:var(--spacing-3)}.roam-gift-box-builder__heading-row:after{content:"";height:1px;background:rgb(var(--border-color))}.roam-gift-box-builder__heading-row>:last-child{order:3;letter-spacing:.08em}.roam-gift-box-builder__progress{padding-block:var(--spacing-4) var(--spacing-3)}.roam-gift-box-builder__track{position:relative;height:58px;margin-inline:var(--spacing-4)}.roam-gift-box-builder__track:before,.roam-gift-box-builder__track-fill{position:absolute;inset-block-start:16px;inset-inline:0;height:6px;border-radius:var(--rounded-full);content:""}.roam-gift-box-builder__track:before{background:rgb(var(--text-color) / .08)}.roam-gift-box-builder__track-fill{width:0;background:rgb(var(--gift-box-builder-accent));transition:width .2s ease}.roam-gift-box-builder__step{position:absolute;inset-block-start:0;inset-inline-start:var(--step-position);display:grid;justify-items:center;gap:var(--spacing-1-5);width:74px;translate:-50% 0}.roam-gift-box-builder__dot{display:grid;width:38px;height:38px;place-items:center;border-radius:var(--rounded-full);background:rgb(var(--gift-box-builder-accent));color:#fff;font-size:var(--text-xs);font-weight:800;transition:background .2s ease,color .2s ease}.roam-gift-box-builder__step.is-active .roam-gift-box-builder__dot{background:rgb(var(--gift-box-builder-accent));color:#fff}.roam-gift-box-builder__step-label{color:rgb(var(--text-color) / .58);font-size:var(--text-xs);font-weight:700;white-space:nowrap}.roam-gift-box-builder__products-wrap{min-width:0}.roam-gift-box-builder__products{--gift-box-builder-card-gap: var(--spacing-3);gap:var(--gift-box-builder-card-gap)}.roam-gift-box-builder__products--carousel{display:flex;overflow-x:auto;scroll-padding-inline:0;scroll-snap-type:x mandatory}.roam-gift-box-builder__products--grid{display:grid;grid-template-columns:repeat(var(--gift-box-builder-cards-to-show),minmax(0,1fr))}.roam-gift-box-card{container-type:inline-size;position:relative;display:grid;min-width:0;grid-template-rows:auto 1fr auto;overflow:hidden;border:1px solid rgb(var(--border-color));border-radius:var(--rounded-input);background:rgb(var(--gift-box-builder-card-background));cursor:pointer;scroll-snap-align:start}.roam-gift-box-builder__products--carousel .roam-gift-box-card{flex:0 0 calc((100% - (var(--gift-box-builder-cards-to-show) - 1) * var(--gift-box-builder-card-gap)) / var(--gift-box-builder-cards-to-show))}.roam-gift-box-card:after{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid transparent;border-radius:inherit;content:"";pointer-events:none}.roam-gift-box-card.is-gift-box-selected:after{border-color:rgb(var(--gift-box-builder-accent))}.roam-gift-box-card.is-at-limit:not(.is-gift-box-selected),.roam-gift-box-card.is-unavailable{cursor:not-allowed;opacity:.48}.roam-gift-box-card:focus-visible{outline:2px solid rgb(var(--gift-box-builder-accent));outline-offset:3px}.roam-gift-box-card__image{display:grid;aspect-ratio:1 / 1.08;place-items:center;overflow:hidden;background:#fff}.roam-gift-box-card__image img{width:86%;height:96%;object-fit:contain;object-position:center}.roam-gift-box-card__placeholder{width:38%;aspect-ratio:1 / 2.4;border-radius:var(--rounded-full) var(--rounded-full) var(--rounded-xs) var(--rounded-xs);background:rgb(var(--gift-box-builder-accent) / .16)}.roam-gift-box-card__body{display:grid;gap:var(--spacing-1);padding:var(--spacing-3) var(--spacing-2-5) var(--spacing-2)}.roam-gift-box-card__body strong{min-height:2.4em;font-size:var(--text-xs);line-height:1.2}.roam-gift-box-card__body span{color:rgb(var(--text-color) / .62);font-size:var(--text-xs);font-weight:700;line-height:1.25}.roam-gift-box-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);padding:0 var(--spacing-2-5) var(--spacing-2-5)}.roam-gift-box-card__footer--action-only{justify-content:center}.roam-gift-box-card__price{font-size:var(--text-xs);font-weight:800}.roam-gift-box-card__quantity-controls{display:grid;width:min(100%,calc(var(--spacing-7) * 2 + var(--spacing-1-5)));grid-template-columns:repeat(2,var(--spacing-7));align-items:center;justify-content:center;gap:var(--spacing-1-5)}.roam-gift-box-card.is-gift-box-selected .roam-gift-box-card__quantity-controls{width:min(100%,calc(var(--spacing-7) * 3 + var(--spacing-1-5) * 2));grid-template-columns:repeat(3,var(--spacing-7))}.roam-gift-box-card__action{display:grid;width:var(--spacing-7);height:var(--spacing-7);min-width:var(--spacing-7);place-items:center;border:1px solid rgb(var(--text-color) / .28);border-radius:var(--rounded-full);background:#fff;color:rgb(var(--text-color));cursor:pointer;font-size:var(--text-lg);font-weight:400;line-height:1}.roam-gift-box-card__action[disabled]{opacity:.36;cursor:not-allowed}.roam-gift-box-card.is-gift-box-selected .roam-gift-box-card__action:not([disabled]){border-color:rgb(var(--text-color) / .1);background:rgb(var(--text-color) / .1);color:rgb(var(--text-color))}.roam-gift-box-card__quantity{display:grid;min-width:var(--spacing-7);height:var(--spacing-7);place-items:center;border-radius:var(--rounded-full);background:rgb(var(--text-color));color:#fff;font-size:var(--text-xs);font-weight:400;line-height:1;padding-inline:var(--spacing-1)}.roam-gift-box-card__quantity[hidden]{display:none}.roam-gift-box-card__badge{position:absolute;inset-block-start:var(--spacing-2);inset-inline-start:var(--spacing-2);border-radius:var(--rounded-full);background:rgb(var(--text-color));color:rgb(var(--background));font-size:var(--text-xs);font-weight:400;padding:var(--spacing-1) var(--spacing-2)}@container (max-width: 136px){.roam-gift-box-card__body{padding-inline:var(--spacing-2)}.roam-gift-box-card__body strong{min-height:3.6em;font-size:11px;line-height:1.15}.roam-gift-box-card__body span{font-size:11px;line-height:1.2}.roam-gift-box-card__footer{padding-inline:var(--spacing-2)}.roam-gift-box-card__quantity-controls{width:min(100%,calc(var(--spacing-6) * 2 + var(--spacing-1)));grid-template-columns:repeat(2,var(--spacing-6));gap:var(--spacing-1)}.roam-gift-box-card.is-gift-box-selected .roam-gift-box-card__quantity-controls{width:min(100%,calc(var(--spacing-6) * 3 + var(--spacing-1) * 2));grid-template-columns:repeat(3,var(--spacing-6))}.roam-gift-box-card__action,.roam-gift-box-card__quantity{width:var(--spacing-6);height:var(--spacing-6);min-width:var(--spacing-6);font-size:var(--text-sm)}}.roam-gift-box-builder__carousel-controls{display:flex;justify-content:flex-end;gap:var(--spacing-2);padding-block-start:var(--spacing-3)}.roam-gift-box-builder__carousel-controls .circle-chevron,.roam-gift-box-builder__dot{width:38px;height:38px}.roam-gift-box-summary{display:grid;gap:var(--spacing-4);margin-block-start:var(--spacing-4);padding:var(--spacing-5)}.roam-gift-box-note{display:grid;gap:var(--spacing-3);padding-block:var(--spacing-1)}.roam-gift-box-note__toggle{display:flex;align-items:center;gap:var(--spacing-2);width:fit-content;cursor:pointer;font-size:var(--text-sm)}.roam-gift-box-note__toggle input{accent-color:rgb(var(--gift-box-builder-accent))}.roam-gift-box-note__field{display:grid;gap:var(--spacing-2)}.roam-gift-box-note__label{color:rgb(var(--text-color) / .66);font-size:var(--text-sm)}.roam-gift-box-note__textarea{width:100%;min-height:112px;resize:vertical;border:1px solid rgb(var(--border-color));border-radius:var(--rounded-input);background:rgb(var(--gift-box-builder-card-background));padding:var(--spacing-3);color:rgb(var(--text-color));font:inherit}.roam-gift-box-note__textarea:focus{outline:2px solid rgb(var(--gift-box-builder-accent));outline-offset:2px}.roam-gift-box-summary h2{margin-block:0;font-size:var(--text-h4)}.roam-gift-box-summary__lines{display:grid;gap:var(--spacing-2)}.roam-gift-box-summary__empty{color:rgb(var(--text-color) / .58);font-size:var(--text-sm)}.roam-gift-box-summary__line,.roam-gift-box-summary__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:var(--spacing-3)}.roam-gift-box-summary__line{padding-block:var(--spacing-2);border-bottom:1px solid rgb(var(--border-color))}.roam-gift-box-summary__line--simple{grid-template-columns:auto minmax(0,1fr) auto}.roam-gift-box-summary__swatch{width:var(--spacing-3);height:var(--spacing-3);border-radius:var(--rounded-xs);background:rgb(var(--gift-box-builder-accent))}.roam-gift-box-summary__line-title,.roam-gift-box-summary__line-price{font-size:var(--text-sm)}.roam-gift-box-summary__remove{border:0;background:transparent;color:rgb(var(--gift-box-builder-accent));cursor:pointer;font-size:var(--text-xs);font-weight:400;letter-spacing:0;text-decoration:underline;text-underline-offset:.18em;text-transform:none}.roam-gift-box-summary__row{grid-template-columns:minmax(0,1fr) auto;color:rgb(var(--text-color) / .72);font-size:var(--text-sm)}.roam-gift-box-summary__row--total{color:rgb(var(--text-color));font-family:var(--heading-font-family);font-size:var(--text-h5)}.roam-gift-box-summary__message,.roam-gift-box-summary__error{margin-block:0;text-align:center}.roam-gift-box-summary__error{color:rgb(var(--error-text))}.roam-gift-box-builder [data-builder-submit][disabled]{opacity:.58;cursor:not-allowed}.roam-gift-box-builder.is-gift-box-form-waiting .shopify-payment-button{display:none}@media screen and (max-width:699px){.roam-gift-box-builder__products--carousel .roam-gift-box-card{flex-basis:46%}.roam-gift-box-builder__products--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roam-gift-box-preview__slots{gap:var(--spacing-3)}.roam-gift-box-summary__line{grid-template-columns:auto minmax(0,1fr) auto}.roam-gift-box-summary__remove{grid-column:2 / -1;justify-self:start}}@media screen and (min-width:1000px){.roam-gift-box-builder__layout{grid-template-columns:minmax(0,var(--gift-box-builder-media-fr)) minmax(0,var(--gift-box-builder-info-fr));gap:var(--spacing-10);align-items:start}.roam-gift-box-builder__media{position:sticky;top:calc(var(--sticky-area-height) + var(--spacing-8))}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/gift-box-builder.css.map */