.db-stl-tryon-open{overflow:hidden}.db-stl-tryon-overlay{align-items:center;background:rgba(0,0,0,.6);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:99999}.db-stl-tryon-overlay[hidden]{display:none !important}.db-stl-tryon-modal{background:#fff;border-radius:.75rem;box-shadow:0 20px 60px rgba(0,0,0,.25);color:#222;display:flex;flex-direction:column;font-size:1rem;letter-spacing:normal;line-height:1.5;max-height:min(90vh,48rem);max-width:37.5rem;overflow:auto;text-transform:none;width:min(100%,37.5rem)}.db-stl-tryon-modal *{letter-spacing:inherit;text-transform:inherit}.db-stl-tryon-modal :focus-visible{outline:3px solid #0b63ce;outline-offset:3px}.db-stl-tryon-modal [data-step][hidden]{display:none !important}.db-stl-tryon-modal__header,.db-stl-tryon-modal__footer{align-items:center;display:flex;gap:.5rem;padding:1rem}.db-stl-tryon-modal__header{border-bottom:1px solid #d4d8dc;justify-content:space-between}.db-stl-tryon-modal__header h2{font-size:1.375rem;font-weight:700;line-height:1.25;margin:0}.db-stl-tryon-modal__icon{align-items:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:.375rem;color:#222;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:1.5rem;height:2.5rem;justify-content:center;line-height:1;padding:.25rem;width:2.5rem}.db-stl-tryon-modal__icon:hover{background:#f3f5f6;border-color:#d4d8dc}.db-stl-tryon-modal__icon:focus-visible{outline:3px solid #0b63ce;outline-offset:3px}.db-stl-tryon-modal__body{display:grid;gap:1.5rem;padding:1rem}.db-stl-tryon-modal__body section{display:grid;gap:1rem}.db-stl-tryon-modal__footer{border-top:1px solid #d4d8dc;flex-wrap:wrap;justify-content:flex-end}.db-stl-tryon-btn{appearance:none;background:#fff;border:1px solid #d4d8dc;border-radius:.375rem;color:#222;cursor:pointer;font:inherit;font-size:1rem;font-weight:700;line-height:1.25;min-height:2.75rem;padding:.6875rem 1rem;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.db-stl-tryon-btn:hover{background:#f3f5f6;border-color:#87949c}.db-stl-tryon-btn:active{transform:translateY(1px)}.db-stl-tryon-btn:focus-visible{outline:3px solid #0b63ce;outline-offset:3px}.db-stl-tryon-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.db-stl-tryon-btn--primary{background:#087f5b;border-color:#087f5b;color:#fff}.db-stl-tryon-btn--primary:hover{background:#4b947f;border-color:#4b947f}.db-stl-tryon-modal__footer .db-stl-tryon-cancel{background:rgba(0,0,0,0)}.db-stl-tryon-status{color:#52606d;font-size:1rem;font-weight:600;min-height:1.5rem}.db-stl-tryon-allowance{color:#52606d;font-size:.875rem;margin:0}.db-stl-tryon-text{color:#222;font-size:1rem;margin:0}.db-stl-tryon-upload{border:1px dashed #d4d8dc;border-radius:.75rem;cursor:pointer;display:grid;gap:.5rem;padding:1rem}.db-stl-tryon-upload span{font-size:1rem;font-weight:600}.db-stl-tryon-upload input{width:100%}.db-stl-tryon-upload__feedback{color:#52606d;font-size:.875rem;margin:0;min-height:1.25rem}.db-stl-tryon-privacy{align-items:flex-start;display:flex;gap:.5rem}.db-stl-tryon-privacy input{margin-top:.1875rem}.db-stl-tryon-privacy span{font-size:.875rem}.db-stl-tryon-privacy__text{color:#52606d;font-size:.875rem;margin:0}.db-stl-tryon-link-btn{appearance:none;background:rgba(0,0,0,0);border:0;color:#087f5b;cursor:pointer;font:inherit;font-size:.875rem;font-weight:700;padding:0;text-decoration:underline;text-underline-offset:.1875rem}.db-stl-tryon-link-btn:hover{color:#4b947f}.db-stl-tryon-link-btn:focus-visible{outline:3px solid #0b63ce;outline-offset:3px}.db-stl-tryon-progress{animation:db-stl-spin 1s linear infinite;border:4px solid #e6ebef;border-top-color:#087f5b;border-radius:50%;height:3rem;margin:0 auto;width:3rem}.db-stl-tryon-progress-bar{background:#e6ebef;border-radius:999px;height:.375rem;margin:.5rem auto 0;max-width:16rem;overflow:hidden;width:100%}.db-stl-tryon-progress-bar__fill{background:#087f5b;border-radius:inherit;display:block;height:100%;transition:width 1s linear;width:0}.db-stl-tryon-progress-elapsed{color:#52606d;font-size:.875rem;margin:0;text-align:center}.db-stl-tryon-result img{border-radius:.5rem;display:block;height:auto;max-width:100%;width:100%}.db-stl-tryon-result__text{font-size:1rem;margin:0}.db-stl-tryon-error{color:#b42318;font-size:1rem;font-weight:600;margin:0}.db-stl-tryon-account__list{display:grid;gap:1rem}.db-stl-tryon-account__item{align-items:start;border:1px solid #d4d8dc;border-radius:.75rem;display:grid;gap:1rem;grid-template-columns:minmax(9rem, 12rem) minmax(0, 1fr);padding:1rem}.db-stl-tryon-account__item img{border-radius:.5rem;display:block;width:100%}.db-stl-tryon-account__meta p{margin:0 0 .5rem}.db-stl-tryon-account__meta a{color:#087f5b;text-decoration:underline;text-underline-offset:.1875rem}.db-stl-tryon-account__meta a:hover{color:#4b947f}.db-stl-tryon-account__meta a:focus-visible{outline:3px solid #0b63ce;outline-offset:3px}.db-stl-tryon-delete-btn{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:#b42318;font-size:.875rem;margin-top:.25rem;min-height:auto;padding:.25rem 0}.db-stl-tryon-delete-btn:hover{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);text-decoration:underline;text-underline-offset:.1875rem}.db-stl-tryon-account__image{background:rgba(0,0,0,0);border:0;border-radius:.5rem;cursor:zoom-in;display:block;padding:0;width:100%}.db-stl-tryon-account__image:focus-visible{outline:3px solid #0b63ce;outline-offset:3px}.db-stl-lightbox{align-items:center;background:rgba(0,0,0,.76);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:100000}.db-stl-lightbox__dialog{max-height:100%;max-width:min(64rem,100%);position:relative}.db-stl-product-tryon__open{align-items:center;appearance:none;border-radius:.375rem;cursor:pointer;display:inline-flex;font:inherit;font-size:.875rem;font-weight:700;gap:.375rem;margin-block:1rem;min-height:2.375rem;padding:.5rem 1rem;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.db-stl-product-tryon__open:focus-visible{outline:3px solid #0b63ce;outline-offset:3px}.db-stl-product-tryon__open--outline{background:rgba(0,0,0,0);border:1px solid #087f5b;color:#087f5b}.db-stl-product-tryon__open--outline:hover{background:rgba(110,180,159,.1)}.db-stl-product-tryon__open--filled{background:#087f5b;border:1px solid #087f5b;color:#fff}.db-stl-product-tryon__open--filled:hover{background:#4b947f;border-color:#4b947f}.db-stl-product-tryon__open--text{background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);color:#087f5b;padding-inline:.125rem;text-decoration:underline;text-underline-offset:.1875rem}.db-stl-product-tryon__open--text:hover{color:#4b947f}.db-stl__tryon-icon{flex-shrink:0;height:1.0625rem;width:1.0625rem}.db-stl-tryon-garment-choices{display:grid;gap:.625rem;grid-template-columns:repeat(auto-fill, minmax(5rem, 1fr))}.db-stl-tryon-garment-choice{background:#fff;border:2px solid #d4d8dc;border-radius:.5rem;cursor:pointer;padding:.1875rem;transition:border-color .15s ease,box-shadow .15s ease}.db-stl-tryon-garment-choice img{aspect-ratio:1/1;display:block;height:auto;object-fit:cover;width:100%}.db-stl-tryon-garment-choice:hover{border-color:#087f5b}.db-stl-tryon-garment-choice:focus-visible{outline:3px solid #0b63ce;outline-offset:3px}.db-stl-lightbox__dialog img{display:block;height:auto;max-height:calc(100vh - 2rem);max-width:100%;width:auto}.db-stl-lightbox__close{background:#fff;border:0;border-radius:50%;color:#111;cursor:pointer;font-size:1.75rem;height:2.5rem;line-height:1;position:absolute;right:.5rem;top:.5rem;width:2.5rem}.db-stl-tryon-details-dialog{background:#fff;border:0;border-radius:.75rem;box-shadow:0 20px 60px rgba(0,0,0,.25);color:#222;font-size:1rem;letter-spacing:normal;line-height:1.5;max-height:min(85vh,34rem);max-width:min(90vw,34rem);padding:1.5rem;text-transform:none}.db-stl-tryon-details-dialog *{letter-spacing:inherit;text-transform:inherit}.db-stl-tryon-details-dialog::backdrop{background:rgba(0,0,0,.55)}.db-stl-tryon-details-dialog[open]{display:flex;flex-direction:column;gap:1rem}.db-stl-tryon-details-dialog h2{font-size:1.375rem;font-weight:700;line-height:1.25;margin:0}.db-stl-tryon-details-dialog :focus-visible{outline:3px solid #0b63ce;outline-offset:3px}.db-stl-tryon-details-dialog__body{overflow-y:auto}.db-stl-tryon-details-dialog__body p{margin:0 0 .875rem}.db-stl-tryon-details-dialog__body p:last-child{margin-bottom:0}.db-stl-tryon-details-dialog__back{align-self:flex-end}@keyframes db-stl-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion: reduce){.db-stl-tryon-progress{animation:none}}@media(max-width: 40rem){.db-stl-tryon-modal{max-height:100vh;width:100%}.db-stl-tryon-modal__footer{align-items:stretch;flex-direction:column-reverse}.db-stl-tryon-modal__footer .db-stl-tryon-btn{text-align:center;width:100%}.db-stl-tryon-account__item{grid-template-columns:1fr}}@media(min-width: 64rem)and (min-height: 52rem){.db-stl-tryon-modal{max-height:calc(100vh - 3rem);min-height:min(50rem,100vh - 3rem)}}