#cf-tumbler-preview-container{margin-top:16px;padding:16px;border:1px solid var(--saac-customizer-surface-border);border-radius:12px;background:var(--saac-customizer-surface-bg)}#cf-tumbler-preview-container.is-hidden .cf-tumbler-designer-body,#cf-tumbler-preview-container.is-design-open .cf-start-row{display:none}#cf-tumbler-preview-container .cf-start-row{display:flex;gap:12px;align-items:center;justify-content:space-between}#cf-tumbler-preview-container .cf-start-btn,#cf-tumbler-preview-container .cf-tumbler-upload-btn{min-height:44px}#cf-tumbler-preview-container .cf-start-hint,#cf-tumbler-preview-container .cf-tumbler-upload-hint{font-size:1.3rem;line-height:1.5;color:var(--saac-customizer-muted-text)}media-gallery.bd-tumbler-thumbs-locked .thumbnail-list__item button.thumbnail.is-tumbler-thumb-locked{opacity:.42;cursor:not-allowed;filter:grayscale(.18)}media-gallery.bd-tumbler-thumbs-locked .thumbnail-list__item button.thumbnail.is-tumbler-thumb-locked img{opacity:.92}media-gallery.bd-tumbler-thumbs-locked .thumbnail-list__item button.thumbnail.is-tumbler-thumb-locked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#ffffff47;pointer-events:none}.cf-tumbler-thumbnail-lock-note{margin:.65rem 0 0;color:#000000b8;font-size:1.2rem;line-height:1.4}#cf-tumbler-preview-container .cf-tumbler-designer-body{margin-top:16px}#cf-tumbler-preview-container .cf-preview-title{margin-bottom:12px;font-size:1.6rem;font-weight:600}#cf-tumbler-preview-container .cf-preview-title--small{margin-bottom:8px;font-size:1.4rem}#cf-tumbler-preview-container .cf-tumbler-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}#cf-tumbler-preview-container .cf-tumbler-status{width:100%;font-size:1.3rem;line-height:1.45;color:var(--saac-customizer-muted-text)}#cf-tumbler-preview-container .cf-tumbler-meta{width:100%;font-size:1.2rem;line-height:1.45;color:var(--saac-customizer-muted-text)}#cf-tumbler-preview-container .cf-tumbler-canvas{position:relative;width:100%;max-width:720px;margin:0 auto;overflow:visible;border-radius:10px;aspect-ratio:1 / 1;background:transparent}#cf-tumbler-preview-container .cf-tumbler-editor-panel{margin-bottom:18px}#cf-tumbler-preview-container .cf-tumbler-editor-stage{position:relative;width:100%;max-width:100%;margin:0 auto;aspect-ratio:3 / 1;min-height:clamp(180px,34vw,260px);border:1px solid rgba(0,0,0,.12);border-radius:12px;background:linear-gradient(180deg,#fafafafa,#f4f4f4fa);overflow:visible;touch-action:none}#cf-tumbler-preview-container .cf-tumbler-editor-stage__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(0,0,0,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.06) 1px,transparent 1px);background-size:12.5% 100%,100% 20%;pointer-events:none}#cf-tumbler-preview-container .cf-tumbler-editor-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}#cf-tumbler-preview-container .cf-tumbler-editor-guides{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}#cf-tumbler-preview-container .cf-tumbler-design-viewport{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}#cf-tumbler-preview-container .cf-tumbler-editor-guide{position:absolute;pointer-events:none;--cf-guide-fill: rgba(148, 163, 184, .12);--cf-guide-border: rgba(100, 116, 139, .72);--cf-guide-glow: rgba(100, 116, 139, .12);--cf-guide-label-bg: rgba(255, 255, 255, .88);--cf-guide-label-border: rgba(148, 163, 184, .28);--cf-guide-curve: 24px;overflow:hidden}#cf-tumbler-preview-container .cf-tumbler-editor-guide:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:0;border-radius:18px 18px calc(var(--cf-guide-curve) + 18px) calc(var(--cf-guide-curve) + 18px);background:transparent;box-shadow:none}#cf-tumbler-preview-container .cf-tumbler-editor-guide.is-guide-edge-left:before{border-top-left-radius:28px;border-bottom-left-radius:calc(var(--cf-guide-curve) + 30px)}#cf-tumbler-preview-container .cf-tumbler-editor-guide.is-guide-edge-right:before{border-top-right-radius:28px;border-bottom-right-radius:calc(var(--cf-guide-curve) + 30px)}#cf-tumbler-preview-container .cf-tumbler-editor-guide span{position:absolute;left:50%;top:8px;transform:translate(-50%);font-size:1.1rem;font-weight:600;color:#394830db;white-space:nowrap;padding:3px 10px;border-radius:999px;border:1px solid var(--cf-guide-label-border);background:var(--cf-guide-label-bg);box-shadow:0 4px 10px #0f172a14;z-index:1}#cf-tumbler-preview-container .cf-tumbler-design-wrap{position:absolute;left:0;top:0;width:140px;height:140px;z-index:1;cursor:grab;pointer-events:auto;touch-action:none;will-change:transform;border:1px solid rgba(50,86,58,.48);box-shadow:inset 0 0 0 1px #ffffff4d}#cf-tumbler-preview-container.bd-crop-open .cf-tumbler-design-wrap{visibility:hidden}#cf-tumbler-preview-container .cf-tumbler-design-wrap.is-dragging{cursor:grabbing}#cf-tumbler-preview-container .cf-tumbler-design-wrap.is-resizing{cursor:nwse-resize}#cf-tumbler-preview-container .cf-tumbler-design-edit{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:0}#cf-tumbler-preview-container .cf-tumbler-handle{position:absolute;left:0;top:0;width:22px;height:22px;border:1px solid rgba(17,24,39,.25);background:#fffffff5;border-radius:999px;box-shadow:0 6px 16px #0000002e;cursor:nwse-resize;touch-action:none;z-index:3}#cf-tumbler-preview-container .cf-tumbler-handle:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;background:transparent}#cf-tumbler-preview-container .cf-tumbler-handle:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6'%3E%3Cpath d='M5 11L1.75 14.25'/%3E%3Cpath d='M11 5L14.25 1.75'/%3E%3Cpath d='M10.1 1.75h4.15V5.9'/%3E%3Cpath d='M5.9 14.25H1.75V10.1'/%3E%3C/g%3E%3C/svg%3E");transform:translate(-50%,-50%) rotate(90deg);pointer-events:none}#cf-tumbler-preview-container .cf-tumbler-crop-inline{position:absolute;top:0;right:0;bottom:0;left:0;z-index:16;display:grid;place-items:center;background:transparent;padding:0}#cf-tumbler-preview-container [data-cf-tumbler-crop-inline][hidden],#cf-tumbler-preview-container [data-cf-tumbler-crop-image][hidden],#cf-tumbler-preview-container [data-cf-tumbler-crop-box][hidden],#cf-tumbler-preview-container [data-cf-tumbler-crop-placeholder][hidden]{display:none!important}#cf-tumbler-preview-container .cf-tumbler-crop-stage{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0;max-height:none;background:transparent;border:0;border-radius:0;overflow:hidden;display:grid;place-items:center;touch-action:none}#cf-tumbler-preview-container .cf-tumbler-crop-stage__img{position:absolute;display:block;max-width:none;max-height:none;width:auto;height:auto;cursor:default;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-user-drag:none}#cf-tumbler-preview-container .cf-tumbler-crop-stage__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;color:#0f172a8f;text-align:center;font-size:1.3rem}#cf-tumbler-preview-container .cf-tumbler-crop-box{position:absolute;border:1.5px solid rgba(255,255,255,.96);box-shadow:0 0 0 9999px #0f172a3d,0 0 0 1px #0f172a52,0 10px 24px #00000029;cursor:move;touch-action:none;pointer-events:auto;border-radius:0}#cf-tumbler-preview-container .cf-tumbler-crop-box__drag{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;touch-action:none;cursor:move}#cf-tumbler-preview-container .cf-tumbler-crop-box__drag:before{content:"";position:absolute;left:50%;top:50%;width:28px;height:28px;transform:translate(-50%,-50%);border-radius:999px;background:radial-gradient(circle at center,rgba(255,255,255,.92) 0 2px,transparent 2.5px 100%),radial-gradient(circle at center,rgba(255,255,255,.92) 0 2px,transparent 2.5px 100%),radial-gradient(circle at center,rgba(255,255,255,.92) 0 2px,transparent 2.5px 100%),radial-gradient(circle at center,rgba(255,255,255,.92) 0 2px,transparent 2.5px 100%);background-size:8px 8px;background-position:6px 6px,calc(100% - 6px) 6px,6px calc(100% - 6px),calc(100% - 6px) calc(100% - 6px);background-repeat:no-repeat;opacity:.86;pointer-events:none}#cf-tumbler-preview-container .cf-tumbler-crop-box.is-compact .cf-tumbler-crop-box__drag:before{width:22px;height:22px;background-size:6px 6px;background-position:5px 5px,calc(100% - 5px) 5px,5px calc(100% - 5px),calc(100% - 5px) calc(100% - 5px);opacity:.72}#cf-tumbler-preview-container .cf-tumbler-crop-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(15,23,42,.18);border-radius:inherit;pointer-events:none}#cf-tumbler-preview-container .cf-tumbler-crop-box:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px dashed rgba(255,255,255,.24);border-radius:0;pointer-events:none}#cf-tumbler-preview-container .cf-tumbler-crop-box__handle{position:absolute;width:30px;height:30px;z-index:2;border:0;background:transparent;border-radius:0;padding:0;pointer-events:auto;box-shadow:none;appearance:none;-webkit-appearance:none;touch-action:none}#cf-tumbler-preview-container .cf-tumbler-crop-box.is-compact .cf-tumbler-crop-box__handle{width:22px;height:22px}#cf-tumbler-preview-container .cf-tumbler-crop-box__handle:before,#cf-tumbler-preview-container .cf-tumbler-crop-box__handle:after{content:"";position:absolute;background:#fffffffa;box-shadow:0 0 0 1px #0f172a57,0 2px 6px #0f172a2e;border-radius:999px}#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=n],#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=s],#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=e],#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=w]{display:none}#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=nw]:before,#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=ne]:before,#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=sw]:before,#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=se]:before,#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=nw]:after,#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=ne]:after,#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=sw]:after,#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=se]:after{width:14px;height:3px}#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=nw]:after,#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=ne]:after,#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=sw]:after,#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=se]:after{width:3px;height:14px}#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=nw]{top:-15px;left:-15px;cursor:nwse-resize}#cf-tumbler-preview-container .cf-tumbler-crop-box.is-compact .cf-tumbler-crop-box__handle[data-cf-crop-handle=nw]{top:-11px;left:-11px}#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=ne]{top:-15px;right:-15px;cursor:nesw-resize}#cf-tumbler-preview-container .cf-tumbler-crop-box.is-compact .cf-tumbler-crop-box__handle[data-cf-crop-handle=ne]{top:-11px;right:-11px}#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=sw]{bottom:-15px;left:-15px;cursor:nesw-resize}#cf-tumbler-preview-container .cf-tumbler-crop-box.is-compact .cf-tumbler-crop-box__handle[data-cf-crop-handle=sw]{bottom:-11px;left:-11px}#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=se]{right:-15px;bottom:-15px;cursor:nwse-resize}#cf-tumbler-preview-container .cf-tumbler-crop-box.is-compact .cf-tumbler-crop-box__handle[data-cf-crop-handle=se]{right:-11px;bottom:-11px}#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=nw]:before{left:8px;top:8px}#cf-tumbler-preview-container .cf-tumbler-crop-box.is-compact .cf-tumbler-crop-box__handle[data-cf-crop-handle=nw]:before,#cf-tumbler-preview-container .cf-tumbler-crop-box.is-compact .cf-tumbler-crop-box__handle[data-cf-crop-handle=nw]:after,#cf-tumbler-preview-container .cf-tumbler-crop-box.is-compact .cf-tumbler-crop-box__handle[data-cf-crop-handle=ne]:before,#cf-tumbler-preview-container .cf-tumbler-crop-box.is-compact .cf-tumbler-crop-box__handle[data-cf-crop-handle=ne]:after,#cf-tumbler-preview-container .cf-tumbler-crop-box.is-compact .cf-tumbler-crop-box__handle[data-cf-crop-handle=sw]:before,#cf-tumbler-preview-container .cf-tumbler-crop-box.is-compact .cf-tumbler-crop-box__handle[data-cf-crop-handle=sw]:after,#cf-tumbler-preview-container .cf-tumbler-crop-box.is-compact .cf-tumbler-crop-box__handle[data-cf-crop-handle=se]:before,#cf-tumbler-preview-container .cf-tumbler-crop-box.is-compact .cf-tumbler-crop-box__handle[data-cf-crop-handle=se]:after{width:11px;height:3px}#cf-tumbler-preview-container .cf-tumbler-crop-box.is-compact .cf-tumbler-crop-box__handle[data-cf-crop-handle=nw]:after,#cf-tumbler-preview-container .cf-tumbler-crop-box.is-compact .cf-tumbler-crop-box__handle[data-cf-crop-handle=ne]:after,#cf-tumbler-preview-container .cf-tumbler-crop-box.is-compact .cf-tumbler-crop-box__handle[data-cf-crop-handle=sw]:after,#cf-tumbler-preview-container .cf-tumbler-crop-box.is-compact .cf-tumbler-crop-box__handle[data-cf-crop-handle=se]:after{width:3px;height:11px}#cf-tumbler-preview-container .cf-tumbler-crop-box.is-compact .cf-tumbler-crop-box__handle[data-cf-crop-handle=nw]:before{left:6px;top:6px}#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=nw]:after{left:8px;top:8px}#cf-tumbler-preview-container .cf-tumbler-crop-box.is-compact .cf-tumbler-crop-box__handle[data-cf-crop-handle=nw]:after{left:6px;top:6px}#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=ne]:before{right:8px;top:8px}#cf-tumbler-preview-container .cf-tumbler-crop-box.is-compact .cf-tumbler-crop-box__handle[data-cf-crop-handle=ne]:before{right:6px;top:6px}#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=ne]:after{right:8px;top:8px}#cf-tumbler-preview-container .cf-tumbler-crop-box.is-compact .cf-tumbler-crop-box__handle[data-cf-crop-handle=ne]:after{right:6px;top:6px}#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=sw]:before{left:8px;bottom:8px}#cf-tumbler-preview-container .cf-tumbler-crop-box.is-compact .cf-tumbler-crop-box__handle[data-cf-crop-handle=sw]:before{left:6px;bottom:6px}#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=sw]:after{left:8px;bottom:8px}#cf-tumbler-preview-container .cf-tumbler-crop-box.is-compact .cf-tumbler-crop-box__handle[data-cf-crop-handle=sw]:after{left:6px;bottom:6px}#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=se]:before{right:8px;bottom:8px}#cf-tumbler-preview-container .cf-tumbler-crop-box.is-compact .cf-tumbler-crop-box__handle[data-cf-crop-handle=se]:before{right:6px;bottom:6px}#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=se]:after{right:8px;bottom:8px}#cf-tumbler-preview-container .cf-tumbler-crop-box.is-compact .cf-tumbler-crop-box__handle[data-cf-crop-handle=se]:after{right:6px;bottom:6px}#cf-tumbler-preview-container .cf-tumbler-base{display:block;width:100%;height:auto;border-radius:10px}#cf-tumbler-preview-container .cf-tumbler-composite-canvas{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain}@media(max-width:749px){#cf-tumbler-preview-container{padding:12px;overflow-x:hidden;overflow-y:visible}#cf-tumbler-preview-container .cf-start-row{flex-direction:column;align-items:stretch}#cf-tumbler-preview-container .cf-start-btn,#cf-tumbler-preview-container .cf-tumbler-upload-btn{width:100%}#cf-tumbler-preview-container .cf-tumbler-editor-stage{min-height:clamp(200px,42vw,280px)}#cf-tumbler-preview-container .cf-tumbler-handle{width:26px;height:26px;right:-10px;bottom:-10px}#cf-tumbler-preview-container .cf-tumbler-handle:before{top:-16px;right:-16px;bottom:-16px;left:-16px}#cf-tumbler-preview-container .cf-tumbler-handle:after{width:15px;height:15px}#cf-tumbler-preview-container .cf-tumbler-crop-stage{touch-action:none}#cf-tumbler-preview-container .cf-tumbler-crop-stage__img{width:auto;height:auto}#cf-tumbler-preview-container .cf-tumbler-crop-box__handle{width:26px;height:26px}#cf-tumbler-preview-container .cf-tumbler-crop-box__drag:before{width:22px;height:22px;background-size:6px 6px}#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=nw],#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=ne],#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=sw],#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=se]{width:22px;height:22px}#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=nw]{top:-11px;left:-11px}#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=ne]{top:-11px;right:-11px}#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=sw]{bottom:-11px;left:-11px}#cf-tumbler-preview-container .cf-tumbler-crop-box__handle[data-cf-crop-handle=se]{right:-11px;bottom:-11px}#cf-tumbler-preview-container .cf-tumbler-editor-guide span{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/cf-tumbler-preview.css.map */