.zebLeaveANote textarea { width: 100%; } .zebLeaveANote .zebAliveLB label { color: var(--color-text-main) } .zebraTBS { position: absolute; top: 4px; right: 4px; width: 24px; height: 24px; z-index: 1; } .zebPacketULOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #222222d8; z-index: 9999; display: none; } .zebPacketULOverlay.active { display: block; } .zebPacketULOverlay::after { content: ''; position: absolute; top: 50%; left: 50%; width: calc(100% - 30px); height: calc(100% - 30px); border: 2px dashed #fff; transform: translate(-50%, -50%); border-radius: 8px; } .zebPacketULOverlay__wrap { display: grid; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; width: 300px; height: auto; transform: translate(-50%, -50%); color: #fff; text-align: center; } .zebPacketULOverlay_svg { margin: auto; } .zebPacketULOverlay__dropFile { margin-top: 15px; font-size: xx-large; font-weight: 600; } .zebFabricate:not(.gads) { display: none } ._flex-box { font-size: calc(20px / 16 * 15 + 0px); } .zebCUS { font-size: 0.9rem; line-height: normal; } .product .zebraXHA { grid-template-columns: 50% 50%; max-width: 320px; } .product .zebraXHA1A .zebraXYAMOUNT { width: 100%; } .zebraZone_container { display: inline-block; max-width: calc(100% - 342px) !important; max-width: 100%; min-width: 55%; } .zebraZone_container.verticle-layout { display: inline-flex; max-width: 100% !important; flex-direction: unset; } .zebraZone_container.verticle-layout .zebraHH { border-bottom-color: transparent; position: relative; } .zebraZone_container.verticle-layout .zebraHH::after { content: ''; position: absolute; bottom: 0; left: 0; width: calc(100% + 100% + 16px); height: 1px; background-color: #ddd; } .zebraZone_container.verticle-layout .zebraZones { display: inline-block; max-width: 60%; margin-right: 20px; width: 100%; } .zebraZone_container.verticle-layout .zebLeaveANote { display: inline-flex; max-width: calc(45% + 20px); width: 100%; align-self: start; margin-top: 85px; } @media (max-width: 768px) { .zebraZone_container.verticle-layout .zebraHH::after { width: calc(100%); } .zebraZone_container.verticle-layout .zebLeaveANote { max-width: 100%; margin-top: 0; } .zebraZone_container.verticle-layout .zebraZones { max-width: 100%; } } tpZEBColGroup .zebraShowDeetPlace { margin-top: 0px; } tpZEBColGroup .zebraShowDeetPlaceAA_1, tpZEBColGroup .zebraShowDeetPlaceH_1 { order: 1; } tpZEBColGroup .zebraShowDeetPlaceAA_2, tpZEBColGroup .zebraShowDeetPlaceH_2 { order: 3; } tpZEBColGroup .zebraShowDeetPlaceAA_3, tpZEBColGroup .zebraShowDeetPlaceH_3 { order: 2; } tpZEBColGroup .zebraShowDeetPlace.rowList.view_3Cols .zebraShowDeetPlaceH_1, tpZEBColGroup .zebraShowDeetPlace.rowList.view_3Cols .zebraShowDeetPlaceAA_1 { max-width: 40%; } tpZEBColGroup .zebraShowDeetPlace.rowList.view_3Cols .zebraShowDeetPlaceH_2, tpZEBColGroup .zebraShowDeetPlace.rowList.view_3Cols .zebraShowDeetPlaceH_3, tpZEBColGroup .zebraShowDeetPlace.rowList.view_3Cols .zebraShowDeetPlaceAA_2, tpZEBColGroup .zebraShowDeetPlace.rowList.view_3Cols .zebraShowDeetPlaceAA_3 { max-width: 30%; } tpZEBColGroup .zebraShowDeetPlace.rowList.view_3Cols .zebraShowDeetPlaceAA_1, tpZEBColGroup .zebraShowDeetPlace.rowList.view_3Cols .zebraShowDeetPlaceAA_2, tpZEBColGroup .zebraShowDeetPlace.rowList.view_3Cols .zebraShowDeetPlaceAA_3 { padding: 10px 10px; } tpZEBColGroup .zebraShowDeetPlaceBLANKSECONDTXT { font-size: 14px; } .zebraShowDeetPlace.rowList .zebraShowDeetPlaceAA__msg { order: 4; } tpZEBColGroup { display: inline-flex; width: calc(45% - 20px); } @media (max-width: 768px) { tpZEBColGroup { width: 100%; } .zebraEyeDropDiv .zebraIMGII+div { width: 100%; } /* .zebraZone_container { max-width: 60% !important; } */ zebPrefabCalc { display: inline-block; width: 100%; } } @media (min-width: 769px) { .grid--layout { grid-template-columns: 40% auto; } .grid--gap-xlarge { --col-gap: calc(40px * .8); } } product-page .product-text:has(.tpUploadHereModalMatrixSecondBLANK.hidden) { max-width: 100%; } product-page .product-text .underCTA { max-width: 740px; } .product .zebraXHA { grid-template-columns: auto auto 170px; max-width: 100%; } tpZEBPreFab { display: grid; gap: 10px; grid-template-columns: auto 170px; align-items: start; } .anotherTransfer { display: none; } .css-slider-viewport.processing { opacity: 0; } .filepond--drop-label { background-color: #ffe6e6; border: 2px dashed #d70000; border-radius: 12px; margin-left: auto; margin-right: auto; font-family: var(--font-body-family); font-size: 18px !important; cursor: pointer; position: relative; } .filepond--drop-label:hover { box-shadow: 0 0 10px #d70000; } .filepond--drop-label::before { display: none; } .filepond--drop-label::after { display: none; } .filepond--drop-label>label .label__d_n_d { display: block; text-align: center; width: 100%; margin-bottom: 18px; color: #000; font-weight: bold; } .filepond--drop-label>label .label__or { display: block; margin-bottom: 20px; font-size: 14px; text-align: center; } .filepond--drop-label>label .label__files { display: block; font-size: 12px; font-weight: normal; text-align: center; color: gray; } .filepond--drop-label>label b { border: 1px solid #d70000; background-color: #d70000; color: #fff; display: flex; align-items: center; gap: 6px; padding: 14px 30px; border-radius: 16px; margin-bottom: 18px; margin-top: 30px; position: relative; cursor: pointer; font-weight: 600; z-index: 2; } .filepond--drop-label>label b:hover { background-color: #005192; color: #fff; box-shadow: 0 0 10px #d70000; } .filepond--drop-label>label b:hover svg { stroke: #fff; } .shopify-block.shopify-app-block [data-upload-field] .cl-upload--wrapper { display: grid; } .shopify-block.shopify-app-block [data-upload-field] .cl-upload--label { display: none !important; } .shopify-block.shopify-app-block [data-upload-field] .cl-upload--input-fields { margin-top: 0px; display: block; order: 2; } .shopify-block.shopify-app-block [data-upload-field] .cl-upload--input-fields .cl-upload--input-field { display: none; } @media (max-width: 768px) { .product.tpAlterShowing .cl-upload--wrapper { grid-template-columns: auto; } .filepond--drop-label>label .label__d_n_d { display: none; } } .product.tpAlterShowing .cl-upload--wrapper .cl-upload--input-fields .cl-upload--input-field { display: block; }