.briefcase-scrollable{padding:0!important}.briefcase-project-selector{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid rgb(var(--color-border-light))}@media screen and (min-width:1024px){.briefcase-project-selector{padding:var(--sp-4) var(--sp-12)}}.briefcase-project-selector select{flex:1;padding:var(--sp-2) var(--sp-3);padding-right:var(--sp-8);border:1px solid rgb(var(--color-border-light));border-radius:var(--rounded-input);background-color:transparent;font-size:var(--text-sm);cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%23999' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--sp-2) center}.briefcase-project-selector select:focus{outline:2px solid rgb(var(--color-foreground) / .3);outline-offset:1px}.briefcase-project-actions{display:flex;gap:2px}.briefcase-project-actions button{display:flex;align-items:center;justify-content:center;width:var(--sp-8);height:var(--sp-8);border:1px solid transparent;border-radius:var(--sp-1d5);background:none;cursor:pointer;color:rgb(var(--color-foreground));opacity:.4;transition:opacity .2s,background-color .2s,border-color .2s}.briefcase-project-actions button:hover{opacity:1;background-color:rgb(var(--color-foreground) / .05);border-color:rgb(var(--color-border-light))}.briefcase-project-actions button[data-briefcase-delete]:hover{color:#dc2626;background-color:#dc26260d;border-color:#dc262626}.briefcase-modal{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid rgb(var(--color-border-light));background-color:rgb(var(--color-foreground) / .02);animation:briefcase-slide-down .2s ease}@media screen and (min-width:1024px){.briefcase-modal{padding:var(--sp-4) var(--sp-12)}}@keyframes briefcase-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.briefcase-modal__title{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--sp-2)}.briefcase-modal__input{width:100%;padding:var(--sp-2) var(--sp-3);border:1px solid rgb(var(--color-border-light));border-radius:var(--rounded-input);font-size:var(--text-sm);margin-bottom:var(--sp-3);background:transparent}.briefcase-modal__input:focus{outline:2px solid rgb(var(--color-foreground) / .3);outline-offset:1px}.briefcase-modal__message{font-size:var(--text-sm);line-height:1.5;opacity:.7;margin-bottom:var(--sp-3)}.briefcase-modal__actions{display:flex;gap:var(--sp-2)}.briefcase-modal__btn{flex:1;padding:var(--sp-2) var(--sp-3);border:1px solid rgb(var(--color-border-light));border-radius:var(--rounded-input);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .15s;background:transparent}.briefcase-modal__btn:hover{background-color:rgb(var(--color-foreground) / .05)}.briefcase-modal__btn--primary{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:transparent}.briefcase-modal__btn--primary:hover{opacity:.85;background-color:rgb(var(--color-foreground))}.briefcase-modal__btn--danger{background-color:#dc2626;color:#fff;border-color:transparent}.briefcase-modal__btn--danger:hover{background-color:#b91c1c}.briefcase-modal__btn--loading{pointer-events:none;opacity:.5}.briefcase-filter{display:flex;align-items:center;gap:var(--sp-1d5);padding:var(--sp-3) var(--sp-5);border-bottom:1px solid rgb(var(--color-border-light));overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}@media screen and (min-width:1024px){.briefcase-filter{padding:var(--sp-3) var(--sp-12)}}.briefcase-filter::-webkit-scrollbar{display:none}.briefcase-filter:empty{display:none}.briefcase-filter-chip{display:inline-flex;align-items:center;padding:var(--sp-1) var(--sp-3);border:1px solid rgb(var(--color-border-light));border-radius:var(--rounded-full);background:none;font-size:var(--text-xs);white-space:nowrap;cursor:pointer;transition:all .15s}.briefcase-filter-chip:hover{background-color:rgb(var(--color-foreground) / .04)}.briefcase-filter-chip[aria-pressed=true]{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground));font-weight:500}.briefcase-items{list-style:none;margin:0;padding:0}.briefcase-item{display:flex;align-items:flex-start;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);transition:opacity .2s,transform .3s ease,max-height .3s ease;overflow:visible}@media screen and (min-width:768px){.briefcase-item{gap:var(--sp-6);padding:var(--sp-6) var(--sp-5)}}@media screen and (min-width:1024px){.briefcase-item{padding:var(--sp-6) var(--sp-12)}}.briefcase-item+.briefcase-item{border-top:1px solid rgb(var(--color-border-light))}.briefcase-item--removing{opacity:0;transform:translate(2rem);max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}.briefcase-item__media{width:var(--sp-20);flex-shrink:0}@media screen and (min-width:768px){.briefcase-item__media{width:var(--sp-24)}}.briefcase-item__media a{display:block;position:relative;overflow:hidden;border-radius:var(--rounded-card, 0);aspect-ratio:var(--product-image-ratio, 1)}[data-rounded-block=round] .briefcase-item__media a{border-radius:var(--sp-2)}.briefcase-item__media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.briefcase-item__media a:hover img{transform:scale(1.05)}.briefcase-item__details{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-1d5)}.briefcase-item__title{font-weight:500;font-size:var(--text-base);line-height:1.3}.briefcase-item__title a{color:inherit;text-decoration:none}.briefcase-item__title a:hover{text-decoration:underline}.briefcase-item__variant{font-size:var(--text-xs);opacity:.6}.briefcase-label{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);border-radius:var(--rounded-full);background-color:rgb(var(--color-foreground) / .07);font-size:var(--text-xs);line-height:1.4;cursor:pointer;transition:background-color .15s;align-self:flex-start}.briefcase-label:hover{background-color:rgb(var(--color-foreground) / .12)}.briefcase-label__add{font-size:var(--text-xs);color:rgb(var(--color-foreground) / .35);cursor:pointer;background:none;border:none;padding:0;transition:color .15s;text-align:left}.briefcase-label__add:hover{color:rgb(var(--color-foreground) / .7)}.briefcase-item__remove{display:flex;align-items:center;justify-content:center;width:var(--sp-7);height:var(--sp-7);flex-shrink:0;border:none;border-radius:var(--sp-1d5);background:none;cursor:pointer;color:rgb(var(--color-foreground));opacity:.25;transition:opacity .15s,background-color .15s,color .15s;margin-top:2px}.briefcase-item__remove:hover{opacity:1;background-color:#dc26260f;color:#dc2626}.briefcase-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-16) var(--sp-6);text-align:center}.briefcase-empty__icon{opacity:.12;margin-bottom:var(--sp-1)}.briefcase-empty__title{font-size:var(--text-2xl);font-weight:600;font-family:var(--font-heading);letter-spacing:var(--heading-letter-spacing);line-height:1.1}.briefcase-empty__message{font-size:var(--text-sm);opacity:.45;max-width:18rem;line-height:1.5}.briefcase-empty .briefcase-modal__btn{flex:none;margin-top:var(--sp-2);padding:var(--sp-2d5) var(--sp-6);display:flex;align-items:center;justify-content:center;gap:5px}.briefcase-login{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);padding:var(--sp-16) var(--sp-6);text-align:center}.briefcase-login__message{font-size:var(--text-sm);opacity:.5;line-height:1.5;max-width:18rem}.briefcase-login__btn{display:inline-block;padding:var(--sp-2d5) var(--sp-8);border:none;border-radius:var(--rounded-button);background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:var(--text-sm);font-weight:500;cursor:pointer;text-decoration:none;transition:opacity .15s}.briefcase-login__btn:hover{opacity:.85}briefcase-add-button:has(.briefcase-inline-prompt[open]){transform:none!important;box-shadow:none!important}.briefcase-inline-prompt{position:absolute;top:calc(100% + .25rem);right:0;left:auto;z-index:10000;min-width:280px;padding:1.25rem;background:#fff;border:1px solid #bcbdc0;border-radius:8px;box-shadow:0 10px 25px #00000026;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .25s ease,padding .3s ease}.briefcase-inline-prompt:not([open]){padding:0 1.25rem}.briefcase-inline-prompt[open]{max-height:400px;opacity:1;overflow:visible}.briefcase-inline-prompt__title{font-size:.9375rem;font-weight:600;color:#1f2937;margin:0 0 .75rem;text-align:center}.briefcase-inline-prompt select{width:100%;padding:.625rem .75rem;margin-bottom:.75rem;border:1px solid #e5e7eb;border-radius:.375rem;background-color:#fff;font-size:.9375rem;cursor:pointer;transition:border-color .2s}.briefcase-inline-prompt select:hover{border-color:#9ca3af}.briefcase-inline-prompt select:focus{outline:none;border-color:var(--accent-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.briefcase-inline-prompt__actions{display:flex;gap:.5rem;justify-content:center}.briefcase-inline-prompt__new{display:flex;gap:.5rem;margin-bottom:.75rem}.briefcase-inline-prompt__new[hidden]{display:none}.briefcase-inline-prompt__new input{flex:1;padding:.625rem .75rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.9375rem;transition:border-color .2s}.briefcase-inline-prompt__new input:focus{outline:none;border-color:var(--accent-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.briefcase-prompt-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.625rem 1.25rem;border:none;border-radius:.375rem;background-color:rgb(var(--color-foreground, 23 23 23));color:rgb(var(--color-background, 255 255 255));font-size:.875rem;font-weight:500;cursor:pointer;transition:transform .3s ease,opacity .15s}.briefcase-prompt-btn:hover{transform:scale(1.05)}.briefcase-prompt-btn--loading{pointer-events:none;opacity:.6;transform:none}.briefcase-button-container{position:relative;width:100%;z-index:1}.briefcase-button-container:has(.briefcase-inline-prompt[open]){z-index:10001}.briefcase-product-btn{display:flex;justify-content:center;width:100%}.briefcase-trigger{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;z-index:1;transition:transform .3s ease}.briefcase-trigger .button__text{transition:color .3s ease}.briefcase-trigger:hover{transform:scale(1.05)}.briefcase-trigger.button--secondary,.briefcase-trigger.button--secondary:hover,.js [data-button-hover] .briefcase-trigger.button--secondary:hover{color:rgb(var(--color-button-background))!important}.briefcase-trigger .button__icon{transition:transform .2s ease}.briefcase-trigger__icon{width:18px;height:18px;flex-shrink:0}.briefcase-button-container .briefcase-inline-prompt{top:calc(100% + .5rem);left:0;right:0;min-width:auto}.briefcase-product-btn:has(.briefcase-inline-prompt[open]) .briefcase-trigger{transform:none}.quick-add .briefcase-product-btn .button__text{color:#fff!important}.quick-add .briefcase-product-btn .briefcase-trigger__icon{filter:brightness(0) invert(1)}.briefcase-toast{position:fixed;bottom:var(--sp-6);left:50%;transform:translate(-50%) translateY(120%);z-index:9999;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2d5) var(--sp-5);border-radius:var(--sp-2);font-size:var(--text-sm);pointer-events:none;opacity:0;transition:transform .3s ease,opacity .3s ease;white-space:nowrap;max-width:90vw}.briefcase-toast[active]{transform:translate(-50%) translateY(0);opacity:1}.briefcase-toast--success{background:#065f46;color:#fff}.briefcase-toast--error{background:#991b1b;color:#fff}.briefcase-toast--info{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.briefcase-toast__icon{flex-shrink:0;width:1rem;height:1rem}.briefcase-success-toast{position:fixed;z-index:9999;display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px;box-shadow:0 12px 36px #0f172a2e;font-family:inherit;color:rgb(var(--color-foreground, 17 24 39));opacity:0;pointer-events:none;transition:transform .32s cubic-bezier(.16,1,.3,1),opacity .25s ease;bottom:24px;right:24px;width:min(380px,calc(100vw - 32px));transform:translateY(20px) scale(.98)}.briefcase-success-toast[active]{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.briefcase-success-toast[hidden]{display:none}@media(max-width:640px){.briefcase-success-toast{left:16px;right:16px;bottom:16px;width:auto;transform:translateY(24px) scale(.98)}}.briefcase-success-toast__media{position:relative;flex-shrink:0;width:56px;height:56px;border-radius:8px;overflow:visible;background:#f3f4f6}.briefcase-success-toast__media img{width:100%;height:100%;object-fit:cover;display:block}.briefcase-success-toast__check{position:absolute;top:-4px;right:-4px;width:22px;height:22px;border-radius:50%;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #10b98166;animation:briefcaseCheckPop .4s cubic-bezier(.16,1,.3,1) .15s both}.briefcase-success-toast[data-variant=info] .briefcase-success-toast__check{background:#0076ce;box-shadow:0 2px 6px #0076ce66}.briefcase-success-toast[data-variant=info] .briefcase-success-toast__progress{background:#0076ce;opacity:.6}.briefcase-success-toast__check svg{width:14px;height:14px}@keyframes briefcaseCheckPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.briefcase-success-toast__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.briefcase-success-toast__heading{font-size:14px;font-weight:600;line-height:1.3;color:rgb(var(--color-foreground, 17 24 39));margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px}.briefcase-success-toast__project{color:#0076ce;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.briefcase-success-toast__product{font-size:12px;line-height:1.4;color:#6b7280;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.briefcase-success-toast__cta{flex-shrink:0;font-size:12px;font-weight:600;padding:8px 12px;background:transparent;border:1px solid rgba(0,0,0,.12);border-radius:6px;color:rgb(var(--color-foreground, 17 24 39));cursor:pointer;transition:background .15s ease,border-color .15s ease;white-space:nowrap}.briefcase-success-toast__cta:hover,.briefcase-success-toast__cta:focus-visible{background:rgb(var(--color-foreground, 17 24 39));border-color:rgb(var(--color-foreground, 17 24 39));color:#fff;outline:none}.briefcase-success-toast__close{position:absolute;top:6px;right:6px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;font-size:14px;line-height:1;padding:0;transition:background .15s ease,color .15s ease}.briefcase-success-toast__close:hover,.briefcase-success-toast__close:focus-visible{background:#f3f4f6;color:#111827;outline:none}.briefcase-success-toast__progress{position:absolute;bottom:0;left:0;height:2px;background:rgb(var(--color-foreground, 17 24 39));opacity:.5;border-bottom-left-radius:12px;width:100%;transform-origin:left center}.briefcase-success-toast[active] .briefcase-success-toast__progress{animation:briefcaseProgress var(--briefcase-toast-duration, 5s) linear forwards}.briefcase-success-toast[data-paused] .briefcase-success-toast__progress{animation-play-state:paused}@keyframes briefcaseProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.briefcase-skeleton{padding:var(--sp-6) var(--sp-5)}@media screen and (min-width:1024px){.briefcase-skeleton{padding:var(--sp-8) var(--sp-12)}}.briefcase-skeleton__row{display:flex;align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-6)}@media screen and (min-width:768px){.briefcase-skeleton__row{gap:var(--sp-6)}}.briefcase-skeleton__box{border-radius:var(--sp-1);background-color:rgb(var(--color-placeholder, 229 229 229))}[data-rounded-block=round] .briefcase-skeleton__box--media{border-radius:var(--sp-2)}.briefcase-skeleton__details{flex:1;display:flex;flex-direction:column;gap:var(--sp-2)}.briefcase-skeleton__shimmer{background:linear-gradient(90deg,rgb(var(--color-placeholder, 229 229 229)) 25%,rgb(var(--color-foreground) / .08),rgb(var(--color-placeholder, 229 229 229)) 75%);background-size:200% 100%;animation:briefcase-shimmer 1.5s infinite}@keyframes briefcase-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.briefcase-footer{border-top:1px solid rgb(var(--color-border-light));padding:var(--sp-4) var(--sp-5)}@media screen and (min-width:1024px){.briefcase-footer{padding:var(--sp-4) var(--sp-12)}}.briefcase-footer__info{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm)}.briefcase-footer__count{opacity:.45}.briefcase-item__sku{font-size:var(--text-xs);color:rgb(var(--color-foreground) / .45);line-height:1.4}.briefcase-item__sku .briefcase-label__add{font-size:inherit}.briefcase-item__type-line{font-size:var(--text-xs);color:rgb(var(--color-foreground) / .45);line-height:1.4;margin-top:2px}.briefcase-item__type-line .briefcase-label__add{font-size:inherit}.briefcase-item__notes{font-size:var(--text-xs);color:rgb(var(--color-foreground) / .55);line-height:1.4;cursor:pointer;padding:2px var(--sp-2);border-radius:var(--sp-1);background-color:rgb(var(--color-foreground) / .03);transition:background-color .15s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.briefcase-item__notes:hover{background-color:rgb(var(--color-foreground) / .07)}.briefcase-modal__textarea{width:100%;padding:var(--sp-2) var(--sp-3);border:1px solid rgb(var(--color-border-light));border-radius:var(--rounded-input);font-size:var(--text-sm);margin-bottom:var(--sp-3);background:transparent;resize:vertical;font-family:inherit;line-height:1.5}.briefcase-modal__textarea:focus{outline:2px solid rgb(var(--color-foreground) / .3);outline-offset:1px}.briefcase-details-toggle{display:flex;align-items:center;gap:var(--sp-1d5);width:100%;padding:var(--sp-2) var(--sp-5);border:none;border-bottom:1px solid rgb(var(--color-border-light));background:none;font-size:var(--text-xs);color:rgb(var(--color-foreground));cursor:pointer;text-align:left;transition:background-color .15s}@media screen and (min-width:1024px){.briefcase-details-toggle{padding:var(--sp-2) var(--sp-12)}}.briefcase-details-toggle:hover{background-color:rgb(var(--color-foreground) / .02)}.briefcase-details-toggle__chevron{flex-shrink:0;transition:transform .2s ease;opacity:.4}.briefcase-details-toggle[aria-expanded=true] .briefcase-details-toggle__chevron{transform:rotate(180deg)}.briefcase-details-toggle__summary--muted{opacity:.35;font-style:italic}.briefcase-project-fields{padding:var(--sp-3) var(--sp-5);border-bottom:1px solid rgb(var(--color-border-light));display:flex;flex-direction:column;gap:var(--sp-2);background-color:rgb(var(--color-foreground) / .015);animation:briefcase-slide-down .2s ease}.briefcase-project-fields[hidden]{display:none}@media screen and (min-width:1024px){.briefcase-project-fields{padding:var(--sp-3) var(--sp-12)}}.briefcase-project-field{display:flex;flex-direction:column;gap:2px}.briefcase-project-field__label{font-size:var(--text-xs);font-weight:500;opacity:.5;text-transform:uppercase;letter-spacing:.03em}.briefcase-project-field__input{padding:var(--sp-1d5) var(--sp-2);border:1px solid rgb(var(--color-border-light));border-radius:var(--sp-1);font-size:var(--text-sm);background:transparent;transition:border-color .15s,background-color .15s;font-family:inherit}.briefcase-project-field__input:hover{border-color:rgb(var(--color-foreground) / .2)}.briefcase-project-field__input:focus{outline:none;border-color:rgb(var(--color-foreground) / .3);background-color:rgb(var(--color-foreground) / .02)}.briefcase-project-field__textarea{resize:vertical;line-height:1.4;min-height:var(--sp-8)}.briefcase-item__type{display:inline;padding:1px var(--sp-1d5);border-radius:var(--rounded-full);background-color:rgb(var(--color-foreground) / .06);cursor:pointer;transition:background-color .15s}.briefcase-item__type:hover{background-color:rgb(var(--color-foreground) / .12)}.briefcase-datasheet-wrap{position:relative;display:inline-flex;z-index:10}.briefcase-item__downloads{overflow:visible}.briefcase-datasheet-chevron{margin-left:2px;transition:transform .15s}.briefcase-datasheet-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:100;min-width:180px;background:#fff;border:1px solid rgb(var(--color-border-light));border-radius:var(--sp-1d5);box-shadow:0 4px 12px #0000001a;overflow:hidden}.briefcase-datasheet-menu[hidden]{display:none}.briefcase-datasheet-menu__item{display:block;width:100%;padding:var(--sp-2) var(--sp-3);border:none;background:none;font-size:var(--text-xs);text-align:left;cursor:pointer;transition:background-color .15s;color:rgb(var(--color-foreground))}.briefcase-datasheet-menu__item:hover{background-color:rgb(var(--color-foreground) / .05)}.briefcase-datasheet-menu__item+.briefcase-datasheet-menu__item{border-top:1px solid rgb(var(--color-border-light))}.briefcase-item__downloads{display:flex;gap:.5rem;margin-top:.25rem}.briefcase-item__downloads:empty{display:none}.briefcase-download-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border:1px solid #0076ce;border-radius:.25rem;background:transparent;color:#0076ce;font-size:.6875rem;font-weight:500;text-decoration:none;line-height:1;transition:background-color .15s,color .15s;cursor:pointer;white-space:nowrap}.briefcase-download-btn:hover{background:#0076ce;color:#fff}.briefcase-download-btn:hover svg{stroke:#fff}.briefcase-download-btn svg{width:14px;height:14px;flex-shrink:0}@media screen and (max-width:749px){.briefcase-toast{bottom:var(--sp-20)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/briefcase.css.map */