.figma-v2 .SampleBoxBuilder{position:fixed;z-index:900;inset:auto 24px 24px auto;display:grid;width:390px;max-width:calc(100vw - 48px);margin:0;padding:20px;gap:12px 16px;border:1px solid var(--v2-border);border-radius:0;background:var(--v2-warm);color:var(--v2-ink);box-shadow:0 8px 24px #0000001f}.figma-v2 .SampleBoxBuilder[hidden]{display:none!important}.figma-v2 .SampleBoxBuilder__Title{font:100 italic 26px/1 var(--v2-serif);text-transform:none;letter-spacing:0}.figma-v2 .SampleBoxBuilder__Progress{font:400 12px/1.45 var(--v2-sans);opacity:1;margin-top:6px}.figma-v2 .SampleBoxBuilder__Summary{font:400 12px/1.45 var(--v2-sans)}.figma-v2 .SampleBoxBuilder__Segments{gap:4px}.figma-v2 .SampleBoxBuilder__Segments span{height:6px;border-radius:0;background:var(--v2-border)}.figma-v2 .SampleBoxBuilder__Segments span.is-active{background:var(--v2-brand-dark)}.figma-v2 .SampleBoxBuilder__Review{min-height:42px;padding:12px;font:900 12px/14px var(--v2-sans);text-transform:none;letter-spacing:.72px;border:1px solid var(--v2-brand);border-radius:0;background:var(--v2-brand);color:#fff}html.SampleBoxBuilderVisible body.figma-v2 #MainContent{padding-bottom:0}html.SampleBoxBuilderVisible body.figma-v2{padding-bottom:0!important}.figma-v2 .v2-sample-drawer{position:fixed;inset:auto 24px 24px auto;width:800px;max-width:calc(100vw - 48px);height:auto;max-height:calc(100dvh - 48px);margin:0;padding:32px;border:0;border-radius:0;background:var(--v2-warm);color:#000;overflow:auto;overscroll-behavior:contain;box-shadow:0 10px 24px #00000024}.figma-v2 .v2-sample-drawer[open]{display:flex;flex-direction:column;gap:32px}.figma-v2 .v2-sample-drawer>*{flex:none}.figma-v2 .v2-sample-drawer::backdrop{background:#0006}.figma-v2 .v2-sample-drawer__header{display:flex;justify-content:space-between;align-items:start;gap:12px;margin:0}.figma-v2 .v2-sample-drawer__header h2{margin:0;font:100 italic 26px/1 var(--v2-serif);text-transform:none;letter-spacing:0}.figma-v2 .v2-sample-drawer__header p{display:none;margin:8px 0 0;font:400 12px/1.45 var(--v2-sans)}.figma-v2 .v2-sample-drawer__controls{display:flex;align-items:center;gap:12px}.figma-v2 .v2-sample-drawer__controls>button{width:32px;height:32px;padding:0;border:0;background:transparent;color:#000;font:400 22px/1 var(--v2-sans);cursor:pointer}.figma-v2 .v2-sample-drawer__added{display:none}.figma-v2 .v2-sample-drawer__items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.figma-v2 .v2-sample-drawer__item{display:flex;flex-direction:column;gap:6px;min-width:0;height:162px;padding:8px;border:1px solid var(--v2-brand);background:#fff}.figma-v2 .v2-sample-drawer__image{display:block;flex:1;min-height:0;width:100%;object-fit:cover}.figma-v2 .v2-sample-drawer__details{min-width:0}.figma-v2 .v2-sample-drawer__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:24px;margin:0;font:400 10px/12px var(--v2-sans);letter-spacing:1.6px;text-transform:uppercase}.figma-v2 .v2-sample-drawer__type{display:none}.figma-v2 .v2-sample-drawer__remove{display:flex;align-items:center;justify-content:center;flex:none;gap:12px;min-height:30px;width:100%;padding:9px 4px;border:0;background:var(--v2-brand);color:#fff;font:400 10px/12px var(--v2-sans);letter-spacing:1.6px;text-transform:uppercase;cursor:pointer}.figma-v2 .v2-sample-drawer__remove img{flex:none;width:10px;height:10px}.figma-v2 .v2-sample-remove-mobile{display:none}.figma-v2 .v2-sample-drawer__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:162px;padding:24px 8px;border:1px dashed var(--v2-border);background:transparent;color:#000;text-decoration:none;font:400 12px/1.45 var(--v2-sans)}.figma-v2 .v2-sample-drawer__empty picture,.figma-v2 .v2-sample-drawer__empty img{display:block;width:18px;height:18px;flex:none}.figma-v2 .v2-sample-drawer__completion{display:flex;flex-direction:column;gap:12px;padding-top:12px}.figma-v2 .v2-sample-drawer__progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.figma-v2 .v2-sample-drawer__progress span{height:6px;background:var(--v2-border)}.figma-v2 .v2-sample-drawer__progress .is-active{background:var(--v2-brand-dark)}.figma-v2 [data-v2-sample-progress-label]{margin:0;text-align:right;font:400 12px/1.45 var(--v2-sans)}.figma-v2 .v2-sample-drawer__checkout{width:100%;min-height:42px;padding:14px;border:0;background:var(--v2-brand);color:#fff;font:900 12px/14px var(--v2-sans);letter-spacing:.72px;text-transform:none}.figma-v2 .v2-sample-mobile-label{display:none}.figma-v2 .v2-sample-drawer>footer{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;gap:8px 24px;margin:-20px 0 0;padding:0;border:0;font:400 11px/1.45 var(--v2-sans)}.figma-v2 .v2-sample-drawer__total{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0;color:#000c}.figma-v2 .v2-sample-drawer__utilities{display:flex;justify-content:space-between;align-items:start;gap:16px}.figma-v2 .v2-sample-drawer__utilities{min-width:190px}.figma-v2 .v2-sample-drawer__utilities details{flex:1;min-width:0}.figma-v2 .v2-sample-drawer__utilities summary{cursor:pointer;width:fit-content}.figma-v2 .v2-sample-drawer__utilities a{color:inherit;white-space:nowrap}.figma-v2 .v2-sample-drawer__status{margin:12px 0 0;color:#8b3029;font:400 12px/1.45 var(--v2-sans)}.figma-v2 .v2-sample-quantity{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.figma-v2 .v2-sample-quantity input{width:60px;min-height:36px;padding:6px;border:1px solid var(--v2-border);border-radius:0;background:#fff;color:#000}.figma-v2 .v2-sample-drawer [aria-disabled=true]{opacity:.5;cursor:default}.figma-v2 .v2-sample-drawer[aria-busy=true] [data-v2-sample-items]{opacity:.65}@media(hover:hover)and (pointer:fine){.figma-v2 .SampleBoxBuilder__Review:hover,.figma-v2 .v2-sample-drawer__remove:not(:disabled):hover{background:var(--v2-brand-dark);color:#fff}.figma-v2 .v2-sample-drawer__empty:hover{background:var(--v2-footer);border-color:var(--v2-brand-dark)}}@media(min-width:1008px)and (max-width:1279px){.figma-v2 .v2-sample-drawer{width:444px}.figma-v2 .v2-sample-drawer__items{grid-template-columns:repeat(6,minmax(0,1fr))}.figma-v2 .v2-sample-drawer__items>*{grid-column:span 2}.figma-v2 .v2-sample-drawer__items>:nth-child(5n+4),.figma-v2 .v2-sample-drawer__items>:nth-child(5n+5){grid-column:span 3}.figma-v2 .v2-sample-drawer__empty:nth-child(5n+4),.figma-v2 .v2-sample-drawer__empty:nth-child(5n+5){min-height:92px}}@media(max-width:1007px){.figma-v2 .SampleBoxBuilder{inset:auto 0 0;width:100%;max-width:none;padding:14px 16px calc(14px + env(safe-area-inset-bottom));gap:8px 14px;border:0;border-top:1px solid var(--v2-border);box-shadow:0 -4px 20px #0000001f}.figma-v2 .SampleBoxBuilder__Title{font-size:22px}html.SampleBoxBuilderVisible body.figma-v2{padding-bottom:var(--rp-sample-tray-clearance,140px)!important}.figma-v2 .v2-sample-drawer{inset:auto 0 0;width:100%;max-width:100%;min-height:min(594px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);padding:20px 20px calc(20px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 10px 12px #00000024}.figma-v2 .v2-sample-drawer[open]{gap:14px}.figma-v2 .v2-sample-drawer__header{min-height:33px}.figma-v2 .v2-sample-drawer__header h2{font:400 10px/12px var(--v2-sans);color:#888;letter-spacing:1.6px;text-transform:uppercase}.figma-v2 .v2-sample-drawer__header p{display:block;margin-top:4px}.figma-v2 .v2-sample-drawer__controls>button{font-size:18px}.figma-v2 .v2-sample-drawer__added:not([hidden]){display:block;min-width:115px;padding:5px 12px;text-align:center;background:var(--v2-brand);color:#fff;font:400 14px/14px var(--v2-sans)}.figma-v2 .v2-sample-drawer__items{display:flex;flex-direction:column;gap:9px}.figma-v2 .v2-sample-drawer__item{display:grid;grid-template-columns:46px minmax(0,1fr) 24px;align-items:center;gap:10px;height:auto;min-height:64px;padding:9px;border-color:var(--v2-border)}.figma-v2 .v2-sample-drawer__image{width:46px;height:46px}.figma-v2 .v2-sample-drawer__name{display:block;min-height:0;overflow-wrap:anywhere;font:400 13px/1.36 var(--v2-sans);text-transform:none;letter-spacing:0}.figma-v2 .v2-sample-drawer__type{display:block;margin:3px 0 0;font:400 12px/1.45 var(--v2-sans);color:#000c}.figma-v2 .v2-sample-drawer__remove{min-height:32px;height:32px;width:32px;margin-right:-4px;padding:0;background:none;color:#000;font:400 13px/1.36 var(--v2-sans);letter-spacing:0}.figma-v2 .v2-sample-drawer__remove img,.figma-v2 .v2-sample-remove-desktop{display:none}.figma-v2 .v2-sample-remove-mobile{display:block}.figma-v2 .v2-sample-drawer__empty{flex-direction:row-reverse;justify-content:space-between;gap:12px;height:64px;min-height:64px;padding:20px 24px}.figma-v2 .v2-sample-drawer__completion{padding-top:12px}.figma-v2 [data-v2-sample-progress-label]{font-size:11px;line-height:12px}.figma-v2 .v2-sample-drawer__checkout{font-weight:400;letter-spacing:0}.figma-v2 .v2-sample-desktop-label{display:none}.figma-v2 .v2-sample-mobile-label{display:inline}.figma-v2 .v2-sample-drawer>footer{display:block;margin:0}.figma-v2 .v2-sample-drawer__total{justify-content:space-between;margin-bottom:8px}}@media(max-width:359px){.figma-v2 .v2-sample-drawer__added:not([hidden]){min-width:0;padding-inline:8px}.figma-v2 .v2-sample-drawer__controls{gap:4px}}
/*# sourceMappingURL=/cdn/shop/t/94/assets/v2-sample-tray.css.map */