.pi-product-details__media-item:has(>.product-viewer__actions){position:relative}.product-viewer__actions{position:absolute;z-index:2;right:12px;bottom:12px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.product-viewer__actions[hidden],.product-viewer__actions [hidden],.product-tiling__dialog>[hidden]{display:none!important}.product-viewer__actions .product-tiling__trigger{position:static;max-width:100%;margin:0;background:#1f2a44;color:#fff;border:1px solid #ffffffd9;box-shadow:0 2px 6px #0003,0 6px 20px #0003;font-weight:500}.product-viewer__actions .product-tiling__trigger:hover{background:#303f60;color:#fff}.product-viewer__actions .product-tiling__trigger:focus-visible{outline:2px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px #1f2a44,0 6px 20px #0004}.product-viewer__actions svg{width:18px;height:18px;flex:none}product-applications{display:flex;flex-direction:column;flex:1;min-height:0}.product-applications__tabs{display:flex;flex:none;gap:8px;overflow-x:auto;padding:4px var(--tiling-inset) 14px;scroll-padding-inline:var(--tiling-inset)}.product-applications__tabs button{flex:none;min-height:42px;padding:8px 16px;border:1px solid #25252530;border-radius:999px;background:#ffffff60;color:inherit;font:inherit;cursor:pointer}.product-applications__tabs button[aria-selected=true]{color:#fff;background:#1f2a44;border-color:#1f2a44}.product-applications__stage{flex:1;min-height:0;position:relative;margin-inline:var(--tiling-inset);overflow:hidden;border-radius:22px}.product-applications__stage [data-application-fullscreen]{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:var(--application-width);height:var(--application-height);border-radius:inherit}.product-applications__stage [data-edit]{display:none!important}.product-applications__stage [data-unavailable]{visibility:visible}.product-applications__stage [data-unavailable] canvas{visibility:hidden}.product-applications__stage [data-unavailable] [data-status]{position:absolute;top:20px;right:20px;bottom:20px;left:20px;width:auto;height:auto;overflow:visible;clip-path:none;text-align:center}.product-applications__tools fieldset{display:grid;width:100%;min-width:0;margin:0;padding:0;border:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 24px}.product-applications__tools fieldset[hidden]{display:none}.product-applications__tools label{display:grid;grid-template-columns:auto auto;gap:2px 16px}.product-applications__tools fieldset>div{display:flex;grid-column:1/-1;align-items:center;justify-content:space-between;gap:16px}.product-applications__tools fieldset>div span{font-size:13px;opacity:.8}.product-applications__tools button{padding:8px 16px;min-height:40px;border:1px solid #25252530;border-radius:999px;background:#fff;color:inherit;font:inherit;cursor:pointer}.product-applications__tools [data-done]{display:none}@media(max-width:699px){.product-viewer__actions{gap:6px}.product-viewer__actions .product-tiling__trigger{padding:8px 12px;font-size:14px;gap:8px}.product-applications__tabs{padding-inline:16px;padding-bottom:10px;font-size:14px}.product-applications__stage{margin-inline:16px;border-radius:16px}.product-applications__tools fieldset{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px}.product-applications__tools label{font-size:12px;gap:2px 4px}}@media(max-height:500px)and (orientation:landscape){.product-tiling__dialog:has(product-applications:not([hidden])) .product-tiling__header{padding-block:8px}.product-applications__tabs{padding-bottom:4px}.product-applications__tools.swatch-repeat__tools{padding-block:6px}.product-applications__tools fieldset>div span{display:none}}[data-applications-source]{display:none!important}.product-tiling__header.product-applications__header{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr) auto;align-items:center;gap:24px}.product-applications__header>div:first-child{min-width:0}.product-applications__header .product-applications__tabs{min-width:0;padding:0;scroll-padding-inline:0;justify-content:safe center}.product-applications__header .product-tiling__close{justify-self:end}@media(max-width:999px){.product-tiling__header.product-applications__header{grid-template-columns:minmax(0,1fr) auto;gap:14px}.product-applications__header .product-applications__tabs{grid-row:2;grid-column:1/-1;justify-content:flex-start}.product-applications__header .product-tiling__close{grid-row:1;grid-column:2}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/product-applications.css.map */
